:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--card-bg:#fff;--field-bg:#faf9fb;--border:#e5e4e7;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--shadow:#00000014 0 10px 30px -8px, #0000000a 0 4px 8px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--radius:16px;font:17px/150% var(--sans);letter-spacing:.1px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--card-bg:#1c1d25;--field-bg:#22232c;--border:#2e303a;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--shadow:#0006 0 10px 30px -8px, #00000040 0 4px 8px -2px}}*{box-sizing:border-box}body{background:radial-gradient(60% 50% at 50% 0%, var(--accent-bg), transparent 70%), var(--bg);place-items:center;min-height:100dvh;margin:0;padding:32px 20px;display:grid}.page{width:100%;max-width:480px}.page-header{text-align:center;margin-bottom:28px}.eyebrow{letter-spacing:.3px;color:var(--accent);background:var(--accent-bg);border-radius:999px;margin:0 0 12px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-block}h1{letter-spacing:-.6px;color:var(--text-h);margin:0 0 12px;font-size:30px;font-weight:600;line-height:1.25}.subtitle{color:var(--text);margin:0;font-size:15px}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:20px;padding:24px;display:flex}.field{flex-direction:column;flex:1;gap:8px;display:flex}.field-row{gap:16px;display:flex}label{color:var(--text-h);font-size:14px;font-weight:600}input[type=number]{width:100%;font:inherit;color:var(--text-h);background:var(--field-bg);border:1px solid var(--border);border-radius:12px;outline:none;padding:12px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}input[type=number]:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-bg)}.dropzone{text-align:center;background:var(--field-bg);border:1.5px dashed var(--border);cursor:pointer;border-radius:12px;place-items:center;min-height:220px;padding:20px;transition:border-color .15s,background .15s;display:grid;position:relative;overflow:hidden}.dropzone:hover,.dropzone:focus-visible,.dropzone.dragging{border-color:var(--accent-border);background:var(--accent-bg);outline:none}.dropzone.has-photo{border-style:solid;padding:0}.dropzone-placeholder{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex}.upload-icon{width:36px;height:36px;color:var(--accent)}.dropzone-title{color:var(--text-h);font-size:15px;font-weight:600}.dropzone-hint{color:var(--text);font-size:13px}.preview{object-fit:contain;width:100%;max-height:360px;display:block}.remove-photo{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;place-items:center;width:32px;height:32px;font-size:20px;line-height:1;transition:background .15s;display:grid;position:absolute;top:10px;right:10px}.remove-photo:hover{background:#000000bf}.analyze{font:inherit;color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:12px;margin-top:4px;padding:14px;font-size:16px;font-weight:600;transition:filter .15s,transform 50ms}.analyze:hover:not(:disabled){filter:brightness(1.08)}.analyze:active:not(:disabled){transform:translateY(1px)}.analyze:disabled{opacity:.45;cursor:not-allowed}@media (width<=420px){.field-row{flex-direction:column}h1{font-size:26px}}