:root{--bg:#0e0f12;--line:#ffffff14;--ink:#ecebe6;--ink-dim:#ecebe699;--surface:#17191e;--surface-me:#1f2228;--panel:#16181d;--panel-2:#262a31;--accent:#f2c14e;--accent-ink:#2b2104;--danger:#e76f51;--ok:#7bd389;--tile-face:#fbfaf4;--tile-edge:#d8d0b8;--tile-back:#2c6e8f;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);background:var(--bg);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;min-height:100%;margin:0}body{background:var(--bg);min-height:100dvh}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none;padding:0}.btn{border-radius:var(--radius);background:var(--panel-2);min-height:48px;color:var(--ink);justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:1rem;font-weight:600;display:inline-flex;box-shadow:0 2px #00000059}.btn:active{box-shadow:none;transform:translateY(1px)}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.danger{background:var(--danger);color:#1f0c05}.btn.ghost{background:0 0;box-shadow:inset 0 0 0 1.5px #ffffff40}.btn:disabled{opacity:.4;cursor:default}select,input{font:inherit;color:var(--ink);background:var(--panel-2);border:1px solid #ffffff26;border-radius:8px;min-height:40px;padding:8px 10px}.chip{background:var(--panel-2);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:.8rem;font-weight:600;display:inline-flex}.chip.good{background:var(--ok);color:#0d2a14}.chip.bad{background:var(--danger);color:#1f0c05}.chip.gold{background:var(--accent);color:var(--accent-ink)}.page{max-width:440px;padding:24px 18px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;margin:0 auto;display:flex}.page h1{margin:8px 0 4px;font-size:1.6rem}.page form{flex-direction:column;gap:12px;display:flex}.field{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em;flex-direction:column;gap:6px;font-size:.8rem;display:flex}.field input{text-transform:none;letter-spacing:normal;min-height:48px;font-size:1rem}.form-error{color:var(--danger);margin:0;font-size:.9rem}.form-ok{color:var(--ok);margin:0;font-size:.9rem}.seg{grid-template-columns:1fr 1fr;gap:6px;display:grid}.seg label{border-radius:var(--radius);background:var(--panel-2);cursor:pointer;place-items:center;min-height:44px;font-weight:600;display:grid}.seg label.on{background:var(--ink);color:var(--panel)}.seg input{opacity:0;pointer-events:none;position:absolute}
