.trending-hero-badge{display:inline-flex;min-height:1.75rem;align-items:center;gap:.375rem;border:1px solid color-mix(in oklch,var(--color-accent) 14%,transparent);border-radius:999px;background:color-mix(in oklch,var(--color-accent) 8%,var(--color-surface));padding:.25rem .875rem;color:var(--color-ink-80);font-size:.6875rem;font-weight:650;letter-spacing:.09em;line-height:1;box-shadow:var(--shadow-inset-hi),0 1px 2px #17171709;text-transform:uppercase}.trending-submit-cta{border:1px solid color-mix(in oklch,var(--color-line) 42%,transparent);background:color-mix(in oklch,var(--color-surface-hi) 74%,transparent);box-shadow:var(--shadow-inset-hi),0 8px 24px #17171709}.trending-hero-badge-icon{display:inline-flex;width:1rem;height:1rem;align-items:center;justify-content:center;color:var(--color-accent)}.trending-hero-badge-dot{width:.375rem;height:.375rem;margin-left:.25rem;flex:0 0 auto;border-radius:999px;background:var(--color-accent-cyan);box-shadow:0 0 0 2px color-mix(in oklch,var(--color-accent-cyan) 14%,transparent);animation:trending-hero-badge-breathe 2.8s ease-in-out infinite}.trending-hero-highlight{color:var(--color-accent);font-weight:700}@keyframes trending-hero-badge-breathe{0%,to{opacity:.72;transform:scale(.9);box-shadow:0 0 0 2px color-mix(in oklch,var(--color-accent-cyan) 12%,transparent)}50%{opacity:1;transform:scale(1.08);box-shadow:0 0 0 4px color-mix(in oklch,var(--color-accent-cyan) 20%,transparent)}}html[data-theme=dark] .trending-hero-badge{border-color:color-mix(in oklch,var(--color-accent) 8%,transparent);background:color-mix(in oklch,var(--color-accent) 5%,transparent);box-shadow:var(--shadow-inset-subtle),0 1px 2px #0000001f}@media(prefers-color-scheme:dark){html[data-theme-mode=system] .trending-hero-badge{border-color:color-mix(in oklch,var(--color-accent) 8%,transparent);background:color-mix(in oklch,var(--color-accent) 5%,transparent);box-shadow:var(--shadow-inset-subtle),0 1px 2px #0000001f}}.trending-board{border:1px solid color-mix(in oklch,var(--color-line) 54%,transparent);background:color-mix(in oklch,var(--color-surface) 64%,transparent);box-shadow:var(--shadow-inset-hi),0 22px 54px #17171709,0 5px 14px #17171706;opacity:0;transform:translateY(8px);animation:trending-board-in .48s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--column-index, 0) * 70ms)}.trending-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem}@media(min-width:640px){.trending-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.trending-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.trending-provider-logo{display:inline-flex;transform-origin:center;transition:transform .26s cubic-bezier(.2,.8,.2,1)}.trending-model-switcher-icon{display:inline-flex;width:1.25rem;height:1.25rem;flex:0 0 auto;align-items:center;justify-content:center;border-radius:999px;color:var(--color-ink-50);transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s cubic-bezier(.2,.8,.2,1)}.trending-board:hover .trending-model-switcher-icon,.trending-board:focus-within .trending-model-switcher-icon{background:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface));color:color-mix(in srgb,var(--color-accent) 86%,var(--color-ink-60));box-shadow:none;transform:translateY(-.5px)}.trending-method-index{display:inline-flex;align-items:center;gap:.75rem;color:var(--color-accent);font-size:1rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.12em;line-height:1.5rem}.trending-method-index:before,.trending-method-index:after{display:block;height:1px;content:""}.trending-method-index:before{width:2.25rem;background:color-mix(in oklch,var(--color-accent) 32%,var(--color-line))}.trending-method-index:after{width:2.25rem;background:color-mix(in oklch,var(--color-accent) 76%,transparent)}.trending-method-index-number{display:block;font-size:1.125rem;line-height:1}.trending-scope-icon{display:inline-flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;border:1px solid color-mix(in oklch,var(--color-accent) 14%,transparent);border-radius:.5rem;background:color-mix(in oklch,var(--color-accent) 16%,var(--color-surface));color:var(--color-accent);box-shadow:var(--shadow-inset-hi);transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s ease,background-color .2s ease}.trending-scope-item{border-radius:.625rem;transition:background-color .2s ease}.trending-scope-item:hover{background:color-mix(in oklch,var(--color-accent) 4%,transparent)}.trending-scope-item:hover .trending-scope-icon{transform:translateY(-1px);border-color:color-mix(in oklch,var(--color-accent) 22%,transparent);background:color-mix(in oklch,var(--color-accent) 22%,var(--color-surface))}.trending-board:hover .trending-provider-logo,.trending-board:focus-within .trending-provider-logo{transform:translateY(-1px) scale(1.04)}.trending-rank{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;color:var(--color-ink-60);line-height:1;transition:transform .24s cubic-bezier(.2,.8,.2,1),color .24s ease}.trending-rank-number{font-size:1rem;font-style:italic;font-weight:700;letter-spacing:0;line-height:1}.trending-rank-trophy{color:#fff4c8;filter:drop-shadow(0 1px 1px rgb(104 70 12 / .38))}.trending-rank--first{color:color-mix(in oklch,var(--color-accent) 72%,var(--color-ink-100))}.trending-rank--second{color:var(--color-ink-80)}.trending-rank--third{color:color-mix(in oklch,var(--color-accent-cyan) 74%,var(--color-ink-100))}.trending-row:hover .trending-rank,.trending-row:focus-visible .trending-rank{transform:translateY(-1px)}.trending-row--first{background:color-mix(in oklch,#bd8f2c 16%,var(--color-surface))}.trending-row--first .trending-rank--first{border-radius:999px;background:radial-gradient(circle at 30% 24%,#f4d98b,#d7ab49 48%,#a77420);box-shadow:inset 0 1px #fff7d2b8,0 2px 5px #7d520c2e}.trending-row-list-item{opacity:0;transform:translateY(7px);animation:trending-row-in .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.12s + var(--row-index, 0) * 42ms)}.trending-row-list-item+.trending-row-list-item .trending-row{border-top:1px solid color-mix(in oklch,var(--color-line) 28%,transparent)}.trending-meter{background:color-mix(in oklch,var(--color-line) 42%,transparent)}.trending-meter-fill{position:relative;overflow:hidden;min-width:2px;background:linear-gradient(90deg,color-mix(in oklch,var(--color-accent) 76%,var(--color-surface)),color-mix(in oklch,var(--color-accent-cyan) 78%,var(--color-surface)));width:var(--meter-width, 0%);transform:scaleX(0);transform-origin:left center;animation:trending-meter-fill .72s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.18s + var(--row-index, 0) * 42ms)}.trending-meter-fill--first:after{position:absolute;top:0;bottom:0;left:0;width:42%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .78),transparent);content:"";opacity:0;transform:translate(-180%);animation:trending-meter-sheen 4.8s cubic-bezier(.2,.75,.25,1) infinite;animation-delay:calc(.94s + var(--column-index, 0) * 70ms);pointer-events:none}@keyframes trending-board-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes trending-row-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes trending-meter-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes trending-meter-sheen{0%,72%{opacity:0;transform:translate(-180%)}77%{opacity:.9;transform:translate(-40%)}86%{opacity:.72;transform:translate(180%)}92%,to{opacity:0;transform:translate(260%)}}html[data-theme=dark] .trending-board{border-color:color-mix(in oklch,var(--color-line) 20%,transparent);background:var(--color-surface-deep);box-shadow:var(--shadow-inset-subtle),0 18px 42px #00000021,0 4px 12px #00000014}html[data-theme=dark] .trending-rank-trophy{color:#fff1ad;filter:drop-shadow(0 1px 1px rgb(30 20 4 / .6))}html[data-theme=dark] .trending-row--first{background:linear-gradient(110deg,color-mix(in oklch,#b78c43 32%,var(--color-surface-deep)),color-mix(in oklch,#7f6b3b 22%,var(--color-surface-deep)))}html[data-theme=dark] .trending-row--first .trending-rank--first{background:radial-gradient(circle at 30% 24%,#c69b43,#8b671f 48%,#594016);box-shadow:inset 0 1px #ffe79e2e,0 2px 6px #0000004d}@media(prefers-color-scheme:dark){html[data-theme-mode=system] .trending-board{border-color:color-mix(in oklch,var(--color-line) 20%,transparent);background:var(--color-surface-deep);box-shadow:var(--shadow-inset-subtle),0 18px 42px #00000021,0 4px 12px #00000014}html[data-theme-mode=system] .trending-rank-trophy{color:#fff1ad;filter:drop-shadow(0 1px 1px rgb(30 20 4 / .6))}html[data-theme-mode=system] .trending-row--first{background:linear-gradient(110deg,color-mix(in oklch,#b78c43 32%,var(--color-surface-deep)),color-mix(in oklch,#7f6b3b 22%,var(--color-surface-deep)))}html[data-theme-mode=system] .trending-row--first .trending-rank--first{background:radial-gradient(circle at 30% 24%,#c69b43,#8b671f 48%,#594016);box-shadow:inset 0 1px #ffe79e2e,0 2px 6px #0000004d}}@media(prefers-reduced-motion:reduce){.trending-hero-badge-dot,.trending-board,.trending-row-list-item,.trending-meter-fill{animation:none;opacity:1;transform:none}.trending-meter-fill--first:after{animation:none;opacity:0;transform:none}.trending-row:hover,.trending-row:active{transform:none}.trending-row:hover .trending-rank,.trending-row:focus-visible .trending-rank{transform:none}.trending-provider-logo,.trending-rank,.trending-model-switcher-icon{transition:none}}
