@import"https://fonts.googleapis.com/css2?family=Unbounded:wght@400;500;600;700&display=swap";:root{color-scheme:light;--bg: 46 18% 92%;--fg: 24 10% 10%;--card: 46 16% 95%;--card-fg: 24 10% 10%;--muted: 60 5% 96%;--muted-fg: 24 5% 64%;--border: 20 6% 90%;--input: 20 6% 90%;--ring: 142 76% 36%;--radius: .5rem;--accent: #ffb347;--accent-2: #6ee7ff;--success: #16a249;--danger: #ef4444;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .12)}.dark{--bg: 222 20% 12%;--fg: 60 9% 96%;--card: 222 18% 16%;--card-fg: 60 9% 96%;--muted: 222 14% 20%;--muted-fg: 220 8% 65%;--border: 222 12% 26%;--input: 222 12% 26%;--ring: 142 76% 36%}*{box-sizing:border-box;border-color:hsl(var(--border))}html,body{padding:0;margin:0;font-family:Unbounded,system-ui,-apple-system,sans-serif;background:transparent;color:hsl(var(--fg));min-height:100%;height:100%;overflow-x:hidden}body{min-height:100svh;position:relative}#app{min-height:100%;position:relative;z-index:1}html:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(1200px 500px at 8% -10%,rgba(110,231,255,.14),transparent 60%),radial-gradient(900px 420px at 92% 8%,rgba(255,179,71,.12),transparent 60%),radial-gradient(700px 520px at 50% 100%,rgba(22,162,73,.08),transparent 65%),linear-gradient(180deg,hsl(var(--bg)),#f0eee9 60%,#ece9e3);pointer-events:none}.dark body{background:hsl(var(--bg))}.dark:before{background:radial-gradient(1200px 520px at 10% -10%,rgba(110,231,255,.08),transparent 60%),radial-gradient(900px 520px at 92% 8%,rgba(255,179,71,.08),transparent 60%),radial-gradient(900px 520px at 50% 110%,rgba(22,162,73,.08),transparent 65%),linear-gradient(180deg,hsl(var(--bg)),#11131a 70%,#0d0f15)}.theme-toggle{position:absolute;top:0;right:0;z-index:10}.switch{--thumb-shift: 20px;width:48px;height:28px;border-radius:999px;border:1px solid hsl(var(--border));background:hsl(var(--card));display:inline-flex;align-items:center;padding:2px;cursor:pointer;transition:background .2s ease,border .2s ease}.switch-thumb{width:22px;height:22px;border-radius:999px;background:linear-gradient(120deg,#ffe29a,#ffb347);display:inline-flex;align-items:center;justify-content:center;color:#ff7a00;transform:translate(0);transition:transform .2s ease}.switch-thumb svg{width:12px;height:12px}.switch[aria-pressed=true] .switch-thumb{transform:translate(var(--thumb-shift));color:#fff}.dark .switch-thumb{background:linear-gradient(120deg,#1f2937,#0f172a);color:#e2e8f0}a{color:inherit;text-decoration:none}main{min-height:100svh;padding:clamp(20px,4vw,32px) clamp(16px,3vw,24px) clamp(40px,6vw,56px);display:flex;justify-content:center;width:100%}.page{width:min(1100px,100%);display:grid;gap:32px;position:relative}.footer{padding:24px 32px 36px;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:10px}.footer-inner{width:min(1100px,100%);display:flex;justify-content:space-between;align-items:center;gap:16px;color:hsl(var(--muted-fg));font-size:14px}.footer-credit-stack{display:flex;flex-direction:column;gap:8px}.footer-credit-secondary,.footer-credit-winq,.footer-credit-premier{width:fit-content;max-width:100%}.footer-credit{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:hsl(var(--card) / .72);border:1px solid hsl(var(--border));width:fit-content;max-width:100%}.footer-credit-label{color:hsl(var(--muted-fg));font-size:13px;line-height:1.4}.footer-credit-name{font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#1b1406;padding:3px 8px;border-radius:999px;background:linear-gradient(120deg,#90e0ef,#caf0f8)}.footer-credit-name-premier{color:#3b1b00;background:linear-gradient(120deg,#ffbe0b,#e36414)}.footer-links{display:flex;align-items:center;gap:10px}.tg-link,.gh-link{display:inline-flex;align-items:center;gap:8px;color:#0f3d4a;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid rgba(15,61,74,.25);background:#0f3d4a14;transition:transform .2s ease,box-shadow .2s ease}.tg-link{color:#38bdf8;border-color:#38bdf859;background:#38bdf81f}.gh-link{color:#111827;border-color:#11182740;background:#11182714}.dark .tg-link,.dark .gh-link{color:#e2e8f0;border-color:#e2e8f040;background:#e2e8f01f}.dark .tg-link{color:#7dd3fc;border-color:#7dd3fc59;background:#7dd3fc1f}.dark .gh-link{color:#e2e8f0;border-color:#94a3b859;background:#94a3b829}.tg-link svg,.gh-link svg{width:18px;height:18px;fill:currentColor}.tg-link:hover,.gh-link:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:24px;align-items:stretch;position:relative;padding-top:44px}.hero .theme-toggle{top:0;right:0}.hero-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:16px;padding:20px;box-shadow:var(--shadow-sm);position:relative}.hero-title{font-size:clamp(28px,3.4vw,40px);letter-spacing:-.02em;line-height:1.15;margin:6px 0 12px;text-transform:uppercase}.hero-subline{display:block;font-size:clamp(16px,2.2vw,22px);color:hsl(var(--muted-fg));letter-spacing:.02em;margin-top:6px}.hero-subtitle{color:hsl(var(--muted-fg));font-size:16px;margin:0 0 24px;line-height:1.6}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat{background:hsl(var(--muted));border-radius:12px;padding:12px;border:1px solid transparent;transition:border .2s ease,background .2s ease}.stat-label{font-size:12px;color:hsl(var(--muted-fg));text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.stat-value{font-size:20px;font-weight:700}.hero-side{display:grid;gap:16px}.side-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:14px;padding:16px;box-shadow:var(--shadow-sm)}.side-title{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:hsl(var(--muted-fg));margin-bottom:12px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:10px;background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#14161f;font-weight:700;font-size:14px;padding:12px 16px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#6ee7ff1f;border:1px solid rgba(110,231,255,.35);color:var(--accent-2);font-size:12px;font-weight:600;flex-wrap:wrap}.section-title{font-size:20px;margin:0 0 16px;letter-spacing:-.02em;text-transform:uppercase}.list{display:grid;gap:12px;animation:listIn .32s ease both}.card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:14px;padding:16px 20px;display:grid;grid-template-columns:70px minmax(0,1fr) 110px;align-items:center;gap:16px;box-shadow:var(--shadow-sm);animation:rise .6s ease both;animation-delay:calc(var(--i) * 45ms);opacity:0}.card.top{border-color:#ffb34780;background:linear-gradient(120deg,#ffb34729,#6ee7ff1a)}.rank{font-size:22px;font-weight:700;color:var(--accent)}.title{font-weight:600;font-size:16px;line-height:1.35;overflow-wrap:anywhere;word-break:break-word}.percent{font-size:20px;font-weight:700;text-align:right}.percent small{color:hsl(var(--muted-fg));font-size:12px;font-weight:500;display:block}.progress{position:relative;height:6px;border-radius:999px;background:hsl(var(--muted));overflow:hidden;margin-top:8px}.progress span{position:absolute;top:0;right:0;bottom:0;left:0;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:inherit;transition:width .6s ease}.state{padding:20px;border-radius:14px;background:#ef44441a;border:1px solid rgba(239,68,68,.4);color:var(--danger);font-weight:600}.loading{padding:20px;border-radius:14px;background:#16a2491f;border:1px solid rgba(22,162,73,.35);color:var(--success);font-weight:600}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes listIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.hero{grid-template-columns:1fr;padding-top:40px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{grid-template-columns:60px minmax(0,1fr) 90px}}@media (max-width: 640px){main{padding:22px 12px 40px}.page{gap:20px}.hero{gap:14px;padding-top:44px}.theme-toggle{top:0;right:0}.hero-card{padding:16px}.hero-title{font-size:clamp(22px,7vw,30px)}.hero-subline{font-size:clamp(13px,4vw,17px)}.hero-subtitle{font-size:14px;margin-bottom:18px}.badge{font-size:11px;padding:7px 10px;line-height:1.3}.stat-grid{grid-template-columns:1fr}.stat{padding:10px}.stat-value{font-size:18px}.card{grid-template-columns:1fr;text-align:left;padding:14px 12px;gap:10px}.rank{font-size:20px}.title{font-size:13px}.percent{text-align:left;font-size:18px}.progress{margin-top:6px}.section-title{font-size:18px;margin-bottom:12px}.footer{padding:18px 12px 28px}.footer-inner{flex-direction:column;align-items:center;text-align:center}.footer-credit-stack{align-items:center}.footer-credit,.footer-links{flex-wrap:wrap;justify-content:center}}@media (max-width: 420px){.switch{--thumb-shift: 16px;width:42px;height:24px;padding:2px}.switch-thumb{width:16px;height:16px}.switch-thumb svg{width:10px;height:10px}.hero{padding-top:34px}.card{border-radius:12px}.footer{padding:18px 12px 26px}.footer-credit-label{font-size:12px}}