:root{--bg:#0b1120;--surface:#111a2e;--surface-2:#1b2740;--line:#2a3a5c;--text:#e8eef7;--muted:#93a4c2;--accent:#14b8a6;--accent-700:#0f766e;--danger:#f87171;--ok:#34d399;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.loading{height:100%;color:var(--muted);place-items:center;display:grid}.app{flex-direction:column;min-height:100%;display:flex}.content{padding:1rem 1rem calc(5.5rem + env(safe-area-inset-bottom));flex:1;width:100%;max-width:32rem;margin:0 auto}.screen{flex-direction:column;gap:1rem;display:flex}h1,h2{margin:.25rem 0}.brand{font-size:1.8rem}.muted{color:var(--muted)}.small{font-size:.85rem}.hint{color:var(--muted);margin:0;font-size:.9rem}.field{flex-direction:column;gap:.4rem;display:flex}.field-label{font-size:.95rem;font-weight:600}.scale{grid-template-columns:repeat(10,1fr);gap:.3rem;display:grid}.scale-btn{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:.5rem;min-height:2.6rem;padding:.6rem 0;font-size:.95rem}.scale-btn.on{background:var(--accent);border-color:var(--accent);color:#04201d;font-weight:700}.choices{flex-wrap:wrap;gap:.5rem;display:flex}.choice{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:.6rem;flex:auto;min-height:3rem;padding:.8rem .6rem;font-size:1rem}.choice.on{background:var(--accent);border-color:var(--accent);color:#04201d;font-weight:700}input[type=number],input[type=password]{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:.6rem;width:100%;padding:.8rem;font-size:1.1rem}.primary{appearance:none;background:var(--accent);color:#04201d;cursor:pointer;border:none;border-radius:.7rem;min-height:3.2rem;padding:.95rem;font-size:1.05rem;font-weight:700}.primary:disabled{opacity:.55;cursor:default}.error{color:var(--danger);margin:0}.success{color:var(--ok);background:var(--surface-2);border:1px solid var(--line);word-break:break-word;border-radius:.6rem;margin:0;padding:.7rem}.login{text-align:center;max-width:22rem;margin:12vh auto 0}.login form{text-align:left;flex-direction:column;gap:.8rem;margin-top:1rem;display:flex}.bar-row{flex-direction:column;gap:.4rem;display:flex}.bar-label{justify-content:space-between;font-size:.95rem;display:flex}.bar-count{color:var(--muted);font-variant-numeric:tabular-nums}.bar-track{background:var(--surface);border:1px solid var(--line);border-radius:999px;height:.9rem;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--accent-700), var(--accent));height:100%}.facts{flex-direction:column;gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.bottom-nav{background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.nav-btn{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:none;flex:1;min-height:3.4rem;padding:.9rem 0;font-size:.95rem}.nav-btn.on{color:var(--accent);box-shadow:inset 0 2px 0 var(--accent);font-weight:700}