:root{--midnight:#040524;--midnight-2:#0e1049;--midnight-3:#1b1d58;--persian:#1e22aa;--orange:#f89838;--sky:#4cd0ff;--bone:#f4f2ec;--bg:var(--bone);--surface:#fff;--surface-2:#ebe8e0;--text:var(--midnight);--text-muted:#5a5c7a;--border:#d8d5cc;--accent:var(--orange);--accent-2:var(--sky);--font-sans:system-ui, sans-serif;--font-serif:Georgia, serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--ease:cubic-bezier(.16, 1, .3, 1);--radius:3px;--header-height:108px}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}a{color:inherit}.mono{font-family:var(--font-mono);font-weight:500}.serif{font-family:var(--font-serif);letter-spacing:-.02em;font-weight:300}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px}.btn{border:1px solid var(--border);background:var(--surface);transition:background .12s var(--ease), border-color .12s var(--ease);border-radius:8px;align-items:center;gap:6px;padding:.55rem 1rem;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn:disabled:hover{background:var(--surface)}.btn-primary{background:var(--midnight);border-color:var(--midnight);color:#fff}.btn-primary:hover{background:var(--midnight-2)}.btn-primary:disabled:hover{background:var(--midnight)}.btn-icon{aspect-ratio:1;justify-content:center;padding:.5rem}.btn-danger{color:#d64545;border-color:#d6454566}.tag{border-radius:var(--radius);font-family:var(--font-mono);letter-spacing:.02em;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.tag-orange{color:var(--orange);background:#f8983826;border:1px solid #f8983859}.delta-down{color:#2d9f6f}.delta-up{color:#d64545}.flash-row{animation:rowEnter .7s var(--ease), flashRank 1.5s var(--ease)}.flash-row-best{animation:rowEnterBest 2.2s var(--ease)}.rank-pop{animation:rankPop 2.2s var(--ease);display:inline-block}@keyframes rowEnter{0%{opacity:0;background:#4cd0ff24;transform:translateY(-10px)}40%{background:#4cd0ff14}to{opacity:1;background:0 0;transform:translateY(0)}}@keyframes rowEnterBest{0%{opacity:0;box-shadow:inset 3px 0 0 var(--orange);background:#f8983847;transform:translateY(-14px)scale(.98)}20%{opacity:1;background:#f8983838;transform:translateY(0)scale(1.01)}45%{background:#f8983824;transform:translateY(0)scale(1)}to{opacity:1;background:0 0;transform:translateY(0)scale(1);box-shadow:inset 3px 0 #0000}}@keyframes flashRank{0%,to{background:0 0}25%{background:#4cd0ff29}50%{background:#4cd0ff14}}@keyframes rankPop{0%,to{transform:scale(1)}25%{color:var(--orange);transform:scale(1.35)}50%{transform:scale(1.1)}}.dev-switcher.svelte-yi46n{z-index:90;opacity:0;pointer-events:none;position:fixed;top:0;left:0}.dev-switcher.positioned.svelte-yi46n{opacity:1;pointer-events:auto}.dev-trigger.svelte-yi46n{background:var(--surface);border:1px solid var(--text-muted);color:var(--text);cursor:pointer;transition:background .12s var(--ease), border-color .12s var(--ease);-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;display:flex;box-shadow:0 8px 30px #04052424}.dev-trigger.svelte-yi46n:hover{background:var(--surface-2);border-color:var(--midnight)}.dev-trigger.svelte-yi46n:focus-visible{outline:2px solid var(--midnight);outline-offset:2px}.dev-switcher.svelte-yi46n .chevron{color:var(--text-muted);transition:transform .12s var(--ease);flex-shrink:0;margin-left:auto}.dev-switcher.open.svelte-yi46n .chevron{transform:rotate(180deg)}.dev-menu.svelte-yi46n{background:var(--surface);border:1px solid var(--text-muted);border-radius:8px;min-width:260px;padding:8px;position:absolute;box-shadow:0 8px 30px #04052424}.dev-menu.menu-align-start.svelte-yi46n{left:0;right:auto}.dev-menu.menu-align-end.svelte-yi46n{left:auto;right:0}.dev-menu.menu-above.svelte-yi46n{top:auto;bottom:calc(100% + 8px)}.dev-menu.menu-below.svelte-yi46n{top:calc(100% + 8px);bottom:auto}.dev-menu.svelte-yi46n p:where(.svelte-yi46n){color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;padding:4px 10px;font-size:12px;font-weight:600}.dev-menu.svelte-yi46n form:where(.svelte-yi46n){margin:0}.dev-menu.svelte-yi46n button:where(.svelte-yi46n){width:100%;color:var(--text);text-align:left;transition:background .12s var(--ease);border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.dev-menu.svelte-yi46n button:where(.svelte-yi46n):hover{background:var(--surface-2)}.dev-menu.svelte-yi46n button:where(.svelte-yi46n):focus-visible{outline:2px solid var(--midnight);outline-offset:2px}.dev-menu.svelte-yi46n button.active:where(.svelte-yi46n){background:var(--surface-2);box-shadow:inset 3px 0 0 var(--midnight)}.dev-menu.svelte-yi46n button:where(.svelte-yi46n) span:where(.svelte-yi46n){flex-direction:column;gap:2px;min-width:0;display:flex}.dev-menu.svelte-yi46n button:where(.svelte-yi46n) strong:where(.svelte-yi46n){color:var(--text);font-size:14px;font-weight:600}.dev-menu.svelte-yi46n button:where(.svelte-yi46n) small:where(.svelte-yi46n){color:var(--text-muted);font-size:12px;font-weight:400}@media (prefers-reduced-motion:reduce){.dev-trigger.svelte-yi46n,.dev-menu.svelte-yi46n button:where(.svelte-yi46n),.dev-switcher.svelte-yi46n .chevron{transition:none}}.toaster.svelte-1kymlcg{z-index:100;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.toast.svelte-1kymlcg{pointer-events:auto;background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;min-width:200px;max-width:340px;padding:10px 12px 10px 14px;font-size:14px;font-weight:500;display:flex;box-shadow:0 8px 30px #04052424}.toast-success.svelte-1kymlcg{color:#2d9f6f;border-color:#2d9f6f80}.toast-error.svelte-1kymlcg{color:#d64545;border-color:#d6454580}.toast.svelte-1kymlcg span:where(.svelte-1kymlcg){color:var(--text);flex:1}.toast-close.svelte-1kymlcg{color:var(--text-muted);border-radius:4px;padding:2px;display:inline-flex}.toast-close.svelte-1kymlcg:hover{color:var(--text)}
