:root{--bg: #0E0F11;--surface: #17191C;--line: #2A2D33;--line-2: #3A3E46;--text: #ECEDEF;--muted: #8A8F98;--accent: #FF4A2B;--ok: #46C98B;--r: 14px;--display: "Chakra Petch", system-ui, sans-serif;--body: "Inter", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--text);font:400 15px/1.45 var(--body)}.screen{min-height:100vh;padding:calc(16px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.center{align-items:flex-start;justify-content:center;display:flex;flex-direction:column;gap:12px;min-height:60vh}.h1{font:600 26px/1.1 var(--display);margin:0;letter-spacing:.01em}.h2{font:500 13px var(--body);color:var(--muted);margin:0 0 8px}.muted{color:var(--muted);margin:0}.num{font-variant-numeric:tabular-nums;font-size:13px}.bar{display:flex;align-items:center;gap:10px}.logo{width:28px;height:28px;border-radius:8px;background:var(--accent);color:var(--bg);display:grid;place-items:center}.brand{font:600 15px var(--display);letter-spacing:.08em;text-transform:uppercase}.hero{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.checker{height:8px;background:repeating-conic-gradient(var(--line-2) 0 25%,transparent 0 50%) 0 0 / 8px 8px}.hero-body{padding:18px 16px 16px;display:flex;flex-direction:column;gap:10px}.hero-body .btn{margin-top:8px}.btn{font:500 15px var(--body);border-radius:12px;padding:14px;border:1px solid var(--line-2);background:transparent;color:var(--text);width:100%;cursor:pointer;transition:transform .12s ease,opacity .12s}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.btn:disabled{opacity:.6}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.two:empty{display:none}.list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.list li+li{border-top:1px solid var(--line)}.row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px;background:transparent;border:0;color:var(--text);font:inherit;text-align:left;cursor:pointer}.row:active{background:var(--surface)}.form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:13px;color:var(--muted)}input,textarea{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--text);font:inherit;width:100%;resize:none}input:focus,textarea:focus,.btn:focus-visible,.chip:focus-visible,.row:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--line-2);background:transparent;color:var(--text);border-radius:10px;padding:8px 12px;font:inherit;font-size:13px;cursor:pointer}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--bg)}.error{color:#ff8a73;margin:0;font-size:14px}@media (prefers-reduced-motion: reduce){*{transition:none!important}}