:root{--bg: #0f1420;--bg-elev: #171e2e;--bg-card: #1c2538;--border: #2a3550;--text: #e7ecf5;--text-muted: #94a0b8;--accent: #4f8cff;--accent-strong: #2f6fe8;--success: #2ecc71;--warning: #f5b642;--danger: #ff5c6c;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(1200px 600px at 20% -10%,#1b2742 0%,var(--bg) 55%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.45}a{color:var(--accent);text-decoration:none}h1,h2,h3{margin:0 0 .5rem;font-weight:650;letter-spacing:-.01em}h1{font-size:1.6rem}h2{font-size:1.2rem}p{margin:0 0 .75rem}.muted{color:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.btn{appearance:none;border:1px solid transparent;border-radius:10px;padding:.6rem 1.1rem;font:inherit;font-weight:600;color:#fff;background:var(--accent);cursor:pointer;transition:background .15s ease,transform .05s ease,opacity .15s ease}.btn:hover:not(:disabled){background:var(--accent-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:transparent;border-color:var(--border);color:var(--text)}.btn.secondary:hover:not(:disabled){background:var(--bg-elev)}.btn.danger{background:var(--danger)}.btn.danger:hover:not(:disabled){background:#e0475a}.btn.success{background:var(--success);color:#052b16}.btn.success:hover:not(:disabled){background:#27b865}.btn.large{padding:.85rem 1.5rem;font-size:1.05rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field label{font-size:.9rem;color:var(--text-muted);font-weight:600}.field input{font:inherit;padding:.65rem .8rem;border-radius:10px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);outline:none}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f8cff33}.field .hint{font-size:.8rem;color:var(--text-muted)}.alert{padding:.75rem 1rem;border-radius:10px;border:1px solid;margin:.75rem 0}.alert.error{border-color:#ff5c6c80;background:#ff5c6c1f;color:#ffb3bb}.alert.success{border-color:#2ecc7180;background:#2ecc711f;color:#a9f0c6}.alert.warning{border-color:#f5b64280;background:#f5b6421f;color:#ffe0a3}.alert.info{border-color:#4f8cff80;background:#4f8cff1f;color:#c4d8ff}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:1.25rem;align-items:start}.thumb{width:84px;height:84px;border-radius:12px;object-fit:cover;border:2px solid var(--border);background:#000}.pin-input{letter-spacing:.4em;font-size:1.4rem;text-align:center;font-variant-numeric:tabular-nums}.score-bar{height:8px;border-radius:999px;background:var(--bg-elev);overflow:hidden}.score-bar .fill{height:100%;border-radius:999px;background:var(--accent);transition:width .2s ease}.score-bar .fill.pass{background:var(--success)}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.badge.ok{background:#2ecc712e;color:#7ee2a8}.badge.warn{background:#f5b6422e;color:#ffd98a}.badge.bad{background:#ff5c6c2e;color:#ff9aa5}.badge.info{background:#4f8cff33;color:#a9c6ff}.badge.neutral{background:#94a0b847;color:#cbd3e3}@media(max-width:560px){html,body{font-size:14px}h1{font-size:1.35rem}h2{font-size:1.1rem}.card{padding:1rem}}