@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0d12;--bg-soft:#15151d;--card:#1c1c26;--card-hover:#232330;--border:#2a2a38;--text:#f2f2f7;--text-dim:#9a9aad;--accent:#ff3b5c;--accent-2:#b537f2;--gold:#ffd166;--silver:#cfd6e4;--bronze:#e8a06a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0d0d12;background-color:var(--bg);color:#f2f2f7;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}.hero{background:radial-gradient(ellipse 80% 60% at 50% -20%,#b537f240,#0000),radial-gradient(ellipse 60% 50% at 80% 0,#ff3b5c2e,#0000),var(--bg);border-bottom:1px solid var(--border);padding:72px 24px 48px;position:relative}.hero-inner{margin:0 auto;max-width:760px;text-align:center}.hero-badge{background:#ff3b5c14;border:1px solid #ff3b5c66;border-radius:999px;color:var(--accent);display:inline-block;font-size:12px;font-weight:700;letter-spacing:3px;margin-bottom:20px;padding:6px 16px}.hero h1{font-size:clamp(28px,5vw,46px);font-weight:800;letter-spacing:-.02em;line-height:1.15}.hero-sub{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text}.hero-text{color:var(--text-dim);font-size:16px;margin:16px auto 36px;max-width:480px}.picker{display:inline-block;min-width:240px;position:relative;text-align:left}.picker-btn{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:14px;color:var(--text);cursor:pointer;display:flex;font:inherit;font-size:16px;font-weight:600;gap:12px;justify-content:space-between;padding:14px 20px;transition:border-color .15s ease,background .15s ease;width:100%}.picker-btn.open,.picker-btn:hover{background:var(--card-hover);border-color:var(--accent)}.chevron{color:var(--text-dim);transition:transform .2s ease}.chevron.up{transform:rotate(180deg)}.picker-panel{grid-gap:6px;animation:panel-in .15s ease;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 50px #0000008c;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);left:50%;max-height:320px;overflow-y:auto;padding:8px;position:absolute;scrollbar-color:var(--border) #0000;scrollbar-width:thin;top:calc(100% + 8px);transform:translateX(-50%);width:300px;z-index:50}@keyframes panel-in{0%{opacity:0;transform:translateX(-50%) translateY(-6px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.year-option{background:#0000;border:none;border-radius:10px;color:var(--text-dim);cursor:pointer;font:inherit;font-size:15px;font-weight:600;padding:10px 0;transition:background .12s ease,color .12s ease}.year-option:hover{background:#ff3b5c1f;color:var(--text)}.year-option.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.content{flex:1 1;margin:0 auto;max-width:860px;padding:40px 24px 64px;width:100%}.results-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.results-head h2{font-size:24px;font-weight:800;letter-spacing:-.01em}.hint{color:var(--text-dim);font-size:13px}.chart{flex-direction:column;gap:10px;list-style:none}.chart,.row{display:flex}.row{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:14px;gap:16px;padding:12px 16px;transition:transform .15s ease,background .15s ease,border-color .15s ease}.row:hover{background:var(--card-hover);border-color:#ff3b5c59;transform:translateX(4px)}.rank{font-feature-settings:"tnum";color:var(--text-dim);flex:0 0 36px;font-size:17px;font-variant-numeric:tabular-nums;font-weight:800;text-align:center}.rank.top-1{color:var(--gold)}.rank.top-2{color:var(--silver)}.rank.top-3{color:var(--bronze)}.thumb{border-radius:10px;display:block;flex:0 0 120px;line-height:0;overflow:hidden}.thumb img{aspect-ratio:16/9;object-fit:cover;transition:transform .25s ease;width:100%}.row:hover .thumb img{transform:scale(1.05)}.meta{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text);display:-webkit-box;font-size:15px;font-weight:600;overflow:hidden;text-decoration:none}.title:hover{color:var(--accent)}.channel{font-size:13px}.channel,.date{color:var(--text-dim)}.date{font-size:12px;opacity:.7}.views{display:flex;flex:0 0 auto;flex-direction:column;text-align:right}.views-num{font-feature-settings:"tnum";-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;font-size:17px;font-variant-numeric:tabular-nums;font-weight:800}.views-label{color:var(--text-dim);font-size:11px;letter-spacing:1px;text-transform:uppercase}.notice{align-items:center;border-radius:14px;display:flex;font-size:15px;gap:10px;justify-content:center;padding:18px 20px}.error-notice{background:#ff3b5c14;border:1px solid #ff3b5c4d;color:#ff8fa3;margin-bottom:24px}.empty-notice{border:1px dashed var(--border);border-radius:18px;color:var(--text-dim);flex-direction:column;gap:12px;padding:64px 20px}.empty-icon{font-size:40px}.skeleton-box,.skeleton-line{animation:shimmer 1.4s infinite;background:linear-gradient(100deg,var(--card) 40%,var(--card-hover) 50%,var(--card) 60%);background-size:200% 100%;border-radius:8px}.skeleton-row .rank{flex:0 0 36px;height:22px;width:36px}.skeleton-row .thumb{height:68px}.skeleton-row .views{height:30px;width:64px}.skeleton-line{height:14px;margin:4px 0}.skeleton-line.w70{width:70%}.skeleton-line.w40{width:40%}@keyframes shimmer{to{background-position:-200% 0}}.footer{border-top:1px solid var(--border);color:var(--text-dim);font-size:13px;padding:24px;text-align:center}@media (max-width:640px){.hero{padding:56px 20px 40px}.row{gap:10px;padding:10px 12px}.thumb{flex-basis:96px}.rank{flex-basis:26px}.rank,.views-num{font-size:15px}.date{display:none}.picker-panel{grid-template-columns:repeat(3,1fr);width:min(86vw,300px)}}
/*# sourceMappingURL=main.64943c84.css.map*/