.rank-toast[data-v-5ede08c2]{border-color:color-mix(in srgb, var(--blue) 30%, var(--line))}:root{--ink:#0e0f13;--surface:#1a1c22;--black-zone:#15161b;--steel:#c7c9d1;--chalk:#ecede7;--blue:#2f6bff;--blue-zone:#171a24;--pitch:#1e7a52;--muted:#8a8c95;--unter:#e5484d;--gold:#e6a93b;--line:#ecede721;--overlay:#0e0f13f5;--scrim:#0a0b0ddb;--font-display:"Saira Condensed", "Arial Narrow", sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}:root[data-theme=light]{--ink:#f4f5f7;--surface:#fff;--black-zone:#e9eaef;--blue-zone:#e8eeff;--steel:#4a4c55;--chalk:#14151a;--blue:#2f6bff;--pitch:#1e7a52;--muted:#6a6c75;--unter:#e5484d;--gold:#b8841f;--line:#14151a29;--overlay:#f4f5f7f7;--scrim:#f4f5f7e6}*{box-sizing:border-box}html,body,#app{height:100%}html{background:var(--ink)}body{background:var(--ink);min-height:100svh;color:var(--chalk);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0}#app{flex-direction:column;width:min(520px,100vw);max-width:520px;min-height:100%;margin:0 auto;display:flex}button{font-family:var(--font-body);cursor:pointer}a{color:var(--blue);text-decoration:none}.display{font-family:var(--font-display);text-transform:uppercase}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.page{padding:calc(20px + var(--safe-top)) calc(16px + var(--safe-right)) calc(32px + var(--safe-bottom)) calc(16px + var(--safe-left));flex-direction:column;flex:1;gap:16px;display:flex}.h1{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:34px;font-weight:800}.btn{border:1px solid var(--line);background:var(--surface);min-height:56px;color:var(--chalk);border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:600;transition:transform 80ms;display:flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-ghost{background:0 0}.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px}.empty{color:var(--muted);text-align:center;padding:40px 16px}.nav{padding:8px calc(12px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(12px + var(--safe-left));border-top:1px solid var(--line);background:var(--ink);gap:4px;display:flex;position:sticky;bottom:0}.nav a{color:var(--muted);border-radius:8px;flex:1;justify-content:center;align-items:center;padding:10px 4px;display:flex}.nav-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:22px;height:22px}.nav a.router-link-active{color:var(--chalk);background:var(--surface)}.up{color:var(--pitch)}.down{color:var(--unter)}.pwa-banner,.pwa-toast{z-index:80;justify-content:space-between;align-items:center;gap:12px;margin:0 12px 8px;display:flex;position:sticky;bottom:0}.pwa-toast{margin-top:auto}.pwa-actions{gap:8px;display:flex}.pwa-btn{white-space:nowrap;min-height:42px;padding:0 14px}@media (width<=420px){.pwa-banner,.pwa-toast{flex-direction:column;align-items:stretch}.pwa-actions{width:100%}.pwa-actions .pwa-btn{flex:1}}@keyframes swapDown{0%{transform:translate(0)}50%{transform:translate(7%,50%)}to{transform:translateY(100%)}}@keyframes swapUp{0%{transform:translateY(100%)}50%{transform:translate(-7%,50%)}to{transform:translate(0)}}@keyframes pitchPulse{0%,to{opacity:.22}50%{opacity:.7}}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}