:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#111827;background-color:#f3f4f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;justify-content:center;align-items:center;min-width:320px;min-height:100vh}*{box-sizing:border-box}@media(prefers-color-scheme:dark){:root{color:#f9fafb;background-color:#111827}}.app-container{width:100%;max-width:480px;background-color:#fff;border-radius:24px;box-shadow:0 10px 25px #0000000d;padding:40px 32px;margin:20px;display:flex;flex-direction:column;gap:24px}@media(prefers-color-scheme:dark){.app-container{background-color:#1f2937;box-shadow:0 10px 25px #0003}}.header{text-align:center;margin-bottom:8px}.title{font-size:28px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:14px;color:#6b7280;margin:0}@media(prefers-color-scheme:dark){.subtitle{color:#9ca3af}}.form-group{display:flex;flex-direction:column;gap:8px}.label{font-size:14px;font-weight:600;color:#374151}@media(prefers-color-scheme:dark){.label{color:#d1d5db}}.input-row{display:flex;gap:16px}.input-container{flex:1;position:relative;display:flex;align-items:center}.input-field{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:12px;font-size:16px;transition:all .2s;background-color:#f9fafb;color:#111827}.input-field:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133;background-color:#fff}.input-unit{position:absolute;right:16px;color:#9ca3af;font-size:14px;pointer-events:none}@media(prefers-color-scheme:dark){.input-field{background-color:#374151;border-color:#4b5563;color:#f9fafb}.input-field:focus{background-color:#1f2937;border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}}.upload-area{border:2px dashed #d1d5db;border-radius:16px;padding:32px 24px;text-align:center;cursor:pointer;transition:all .2s;background-color:#f9fafb;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;position:relative;overflow:hidden}.upload-area:hover:not(.disabled),.upload-area.drag-active:not(.disabled){border-color:#6366f1;background-color:#eef2ff}.upload-area.disabled{opacity:.6;cursor:not-allowed}@media(prefers-color-scheme:dark){.upload-area{border-color:#4b5563;background-color:#374151}.upload-area:hover:not(.disabled),.upload-area.drag-active:not(.disabled){border-color:#818cf8;background-color:#312e81}}.upload-icon{width:48px;height:48px;color:#9ca3af;margin-bottom:12px}.upload-text{font-size:14px;color:#4b5563;margin:0 0 4px;font-weight:500}.upload-subtext{font-size:12px;color:#9ca3af;margin:0}@media(prefers-color-scheme:dark){.upload-text{color:#d1d5db}}.preview-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:14px}.remove-image-btn{position:absolute;top:12px;right:12px;background:#0009;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.remove-image-btn:hover{background:#000c}.hidden-input{display:none}.submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;margin-top:8px;display:flex;justify-content:center;align-items:center;min-height:54px}.submit-btn:hover:not(:disabled){opacity:.9}.submit-btn:active:not(:disabled){transform:scale(.98)}.submit-btn:disabled{background:#d1d5db;cursor:not-allowed;transform:none;opacity:1}.submit-btn.loading{background:#a5b4fc}@media(prefers-color-scheme:dark){.submit-btn:disabled{background:#4b5563;color:#9ca3af}.submit-btn.loading{background:#4f46e5}}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{padding:12px;background-color:#fee2e2;color:#b91c1c;border-radius:8px;font-size:14px;text-align:center}@media(prefers-color-scheme:dark){.error-message{background-color:#7f1d1d;color:#fecaca}}.report-container{max-width:600px}.report-content{background-color:#f9fafb;padding:24px;border-radius:16px;font-size:15px;line-height:1.6;color:#374151;border:1px solid #e5e7eb}.report-content h1,.report-content h2,.report-content h3{color:#111827;margin-top:24px;margin-bottom:12px}.report-content h1:first-child,.report-content h2:first-child,.report-content h3:first-child{margin-top:0}.report-content ul,.report-content ol{padding-left:24px;margin-bottom:16px}.report-content p{margin-bottom:16px}.reset-btn{background:#111827}@media(prefers-color-scheme:dark){.report-content{background-color:#374151;color:#d1d5db;border-color:#4b5563}.report-content h1,.report-content h2,.report-content h3{color:#f9fafb}.reset-btn{background:#374151}}