:root{--screen: #f4f8f4;--card: #ffffff;--card2: #eef4ee;--line: #e3eae4;--text: #0f1a14;--text2: #5e6e64;--muted: #93a299;--accent: #00e676;--accent-2: #00c853;--accent-text: #039d52;--accent-ink: #053d22;--accent-dim: rgba(0, 230, 118, .14);--glow: 0 0 18px rgba(0, 230, 118, .45);--red: #ff3b30;--red-dim: rgba(255, 59, 48, .1);--ok: #00c853;--amber: #ff9f0a;--amber-dim: rgba(255, 159, 10, .14);--shadow: 0 4px 16px rgba(15, 40, 25, .06);--bg-grad: radial-gradient(1200px 820px at 50% -10%, #daffea 0%, #eef6f0 46%, #dfe6e1 100%)}[data-theme=dark]{--screen: #0e1512;--card: #16201b;--card2: #1d2a23;--line: #24322a;--text: #eaf3ee;--text2: #9fb1a6;--muted: #6d7f74;--accent: #00e676;--accent-2: #00c853;--accent-text: #34d17f;--accent-ink: #053d22;--accent-dim: rgba(0, 230, 118, .16);--glow: 0 0 18px rgba(0, 230, 118, .35);--red: #ff6a61;--red-dim: rgba(255, 59, 48, .16);--ok: #2ec77a;--amber: #ffb03a;--amber-dim: rgba(255, 159, 10, .18);--shadow: 0 4px 16px rgba(0, 0, 0, .4);--bg-grad: radial-gradient(1200px 820px at 50% -10%, #0f241a 0%, #0e1512 60%, #0a0f0c 100%)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;height:100%}body{font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg-grad);min-height:100dvh}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:15px;box-shadow:var(--shadow)}.card+.card{margin-top:11px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:14px;padding:14px;font:inherit;font-weight:800;font-size:15px;cursor:pointer;background:linear-gradient(180deg,#3bffa6,#00e676);color:var(--accent-ink);box-shadow:0 8px 20px #00e67666}.btn:disabled{opacity:.55;cursor:default}.btn.ghost{background:var(--card2);color:var(--text);box-shadow:none;border:1px solid var(--line)}.input{width:100%;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:14px;padding:14px;font:inherit;font-size:16px}.input:focus{outline:2px solid var(--accent);border-color:var(--accent)}.muted{color:var(--text2)}.tiny{font-size:11.5px}.err{color:var(--red);font-size:13px;font-weight:600}