:root{--bg: #1a1512;--surface: #241d19;--surface-2: #2f2621;--border: #3d322b;--text: #f2ece7;--text-dim: #a89a8f;--accent: #e8833a;--accent-dim: #b8642a;--loved: #4ea672;--reorder: #7fb069;--fine: #c9a227;--never: #c0563f;--radius: 14px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Fraunces", Georgia, serif}:root[data-theme=light]{--bg: #faf6f2;--surface: #ffffff;--surface-2: #f2ebe4;--border: #ded2c7;--text: #241d19;--text-dim: #6b5c52}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}.app{display:flex;flex-direction:column;min-height:100%;max-width:640px;margin:0 auto;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.content{flex:1;padding:20px 18px 32px}h1,h2,h3{font-family:var(--font-display);font-weight:600;margin:0 0 12px}h1{font-size:1.75rem}button{font-family:inherit;font-size:1rem;border:none;border-radius:var(--radius);padding:14px 18px;background:var(--accent);color:#1a1512;font-weight:600;cursor:pointer;transition:background .15s ease,transform .05s ease}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--surface-2);color:var(--text)}input{width:100%;font-family:inherit;font-size:1rem;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text)}input:focus{outline:2px solid var(--accent);outline-offset:-1px}.field{margin-bottom:14px}.field label{display:block;font-size:.85rem;color:var(--text-dim);margin-bottom:6px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.error{background:#c0563f26;border:1px solid var(--never);color:var(--text);border-radius:var(--radius);padding:12px 14px;margin-bottom:14px;font-size:.9rem}.muted{color:var(--text-dim);font-size:.9rem}.center-screen{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:24px 20px;max-width:420px;margin:0 auto}.wordmark{font-family:var(--font-display);font-size:2rem;font-weight:600;text-align:center;margin-bottom:4px}.tagline{text-align:center;color:var(--text-dim);font-size:.95rem;margin-bottom:28px}.bdo-footer{padding:18px;text-align:center;font-size:.78rem;color:var(--text-dim);border-top:1px solid var(--border)}.bdo-footer strong{color:var(--text);font-weight:600}.bdo-footer .divider{margin:0 8px;opacity:.5}.pw-wrap{position:relative}.pw-wrap input{padding-right:48px}.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;padding:10px;color:var(--text-dim);cursor:pointer}.pw-toggle:active{transform:translateY(-50%) scale(.95)}.theme-toggle{position:absolute;top:calc(env(safe-area-inset-top) + 12px);right:14px;background:none;border:none;padding:10px;color:var(--text-dim);cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}button.recording{background:var(--never)}.verdict-card{border-left:4px solid var(--border)}.verdict-card[data-verdict=loved]{border-left-color:var(--loved)}.verdict-card[data-verdict=reorder]{border-left-color:var(--reorder)}.verdict-card[data-verdict=fine]{border-left-color:var(--fine)}.verdict-card[data-verdict=never]{border-left-color:var(--never)}.verdict-tag{display:inline-block;font-size:.78rem;font-weight:600;padding:2px 9px;border-radius:999px;margin-top:5px}.verdict-tag[data-verdict=loved]{background:#4ea67233;color:var(--loved)}.verdict-tag[data-verdict=reorder]{background:#7fb06933;color:var(--reorder)}.verdict-tag[data-verdict=fine]{background:#c9a22733;color:var(--fine)}.verdict-tag[data-verdict=never]{background:#c0563f33;color:var(--never)}.photo-strip{display:flex;gap:8px;margin-top:12px;overflow-x:auto;padding-bottom:4px}.photo-thumb{position:relative;flex-shrink:0}.photo-thumb img{width:88px;height:88px;object-fit:cover;border-radius:10px;display:block}.photo-remove{position:absolute;top:-6px;right:-6px;width:24px;height:24px;padding:0;border-radius:50%;background:var(--never);color:#fff;display:flex;align-items:center;justify-content:center}