.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: rgba(236, 237, 231, .13);--overlay: rgba(14, 15, 19, .96);--scrim: rgba(10, 11, 13, .86);--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: #ffffff;--black-zone: #e9eaef;--blue-zone: #e8eeff;--steel: #4a4c55;--chalk: #14151a;--blue: #2f6bff;--pitch: #1e7a52;--muted: #6a6c75;--unter: #e5484d;--gold: #b8841f;--line: rgba(20, 21, 26, .16);--overlay: rgba(244, 245, 247, .97);--scrim: rgba(244, 245, 247, .9)}*{box-sizing:border-box}html,body,#app{height:100%}html{background:var(--ink)}body{margin:0;min-height:100svh;background:var(--ink);color:var(--chalk);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{max-width:520px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;width:min(520px,100vw)}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{flex:1;display:flex;flex-direction:column;padding:calc(20px + var(--safe-top)) calc(16px + var(--safe-right)) calc(32px + var(--safe-bottom)) calc(16px + var(--safe-left));gap:16px}.h1{font-family:var(--font-display);font-weight:800;font-size:34px;letter-spacing:.02em;text-transform:uppercase;margin:0}.btn{min-height:56px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--chalk);font-weight:600;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .08s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-ghost{background:transparent}.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{display:flex;gap:4px;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);position:sticky;bottom:0}.nav a{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 4px;border-radius:8px;color:var(--muted)}.nav-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.nav a.router-link-active{color:var(--chalk);background:var(--surface)}.up{color:var(--pitch)}.down{color:var(--unter)}.pwa-banner,.pwa-toast{position:sticky;bottom:0;z-index:80;margin:0 12px 8px;display:flex;align-items:center;justify-content:space-between;gap:12px}.pwa-toast{margin-top:auto}.pwa-actions{display:flex;gap:8px}.pwa-btn{min-height:42px;padding:0 14px;white-space:nowrap}@media (max-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){*{animation:none!important;transition:none!important}}