:root{--max:480px}body{--bg:#0f0f1a;--surface:#1a1a2e;--card-bg:#ffffff0f;--card-border:#ffffff1a;--text:#eeeef0;--text-muted:#ffffffb3;--text-label:#ffffffd9;--text-dim:#ffffff73;--input-bg:#0003;--input-border:#ffffff1f;--btn-bg:#ffffff0f;--btn-border:#ffffff1f;--btn-color:#fff;--nav-bg:#141423e6;--nav-border:#ffffff1a;--nav-color:#ffffffbf;--modal-bg:#141423f2;--modal-border:#ffffff1a;--accent:#7c5cfc;--accent-bg:#7c5cfc38;--accent-border:#7c5cfc59;--icon-filter:none;--accent-text:#7c5cfc}body[data-theme=light]{--bg:#f0f0f8;--surface:#fff;--card-bg:#ffffffd9;--card-border:#00000014;--text:#121225;--text-muted:#0000008c;--text-label:#000000bf;--text-dim:#0006;--input-bg:#0000000d;--input-border:#0000001f;--btn-bg:#0000000f;--btn-border:#0000001f;--btn-color:#121225;--nav-bg:#ffffffeb;--nav-border:#0000001a;--nav-color:#0000008c;--modal-bg:#fffffffa;--modal-border:#0000001a;--accent:#6c4ce0;--accent-bg:#6c4ce026;--accent-border:#6c4ce059;--icon-filter:invert(1) brightness(.3);--accent-text:#6c4ce0}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;transition:background .2s,color .2s}.app{max-width:var(--max);min-height:100vh;margin:0 auto;padding:12px 12px 80px}h1,h2{margin:0 0 10px}.cardLink{color:inherit;text-decoration:none;display:block}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:12px}.title{font-size:16px;font-weight:700}.big{margin-top:4px;font-size:22px;font-weight:800}.muted{color:var(--text-muted);font-size:13px}.row{gap:10px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.input{border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--text);border-radius:12px;outline:none;margin-top:6px;padding:10px 12px}.input::placeholder{color:var(--text-muted)}.btn{border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-color);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:10px 12px;text-decoration:none;display:inline-flex}.btn.primary{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.btn.danger{color:#f87171e6;background:#f8717133;border-color:#f8717159}.form{gap:10px;display:grid}label{color:var(--text-label);gap:4px;font-size:13px;display:grid}.bottomNav{width:min(var(--max), 100%);background:var(--nav-bg);border-top:1px solid var(--nav-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);grid-template-columns:repeat(4,1fr);height:64px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottomNav a{color:var(--nav-color);justify-content:center;align-items:center;font-size:12px;text-decoration:none;display:flex}.bottomNav a.active{color:var(--accent);font-weight:700}.stack{gap:10px;display:grid}.modalBackdrop{z-index:999;background:#0009;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.modalCard{background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:16px;width:min(480px,100%);padding:12px}button,a{-webkit-tap-highlight-color:transparent;outline:none}