@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-vietnamese-wght-normal.CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-ext-wght-normal.Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-wght-normal.ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-vietnamese-wght-italic.BicUS2cM.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-ext-wght-italic.BfTTTDIL.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-wght-italic.Py8at3oI.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/outfit-latin-ext-wght-normal.DdQaqQDo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/outfit-latin-wght-normal.Bc-8i84L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--bg:#0b0f1a;--bg-elev:#12182b;--ink:#f8fafc;--muted:#9aa6bd;--line:#ffffff1f;--accent:#facc15;--accent-ink:#0b0f1a;--blue:#3b82f6;--violet:#8b5cf6;--link:#93c5fd;--chip:#ffffff0f;--paid:#facc15;--paid-bg:#facc1524;--feature:#c4b5fd;--feature-bg:#8b5cf62e;--free:#86efac;--free-bg:#22c55e29;--affiliate:#0b0f1a;--affiliate-bg:#facc15;--lang:#dbe7ff;--rank:#facc15;--glass:#101628c7;--highlight:#ffffff14;--shadow:0 18px 50px #00000059;--orb-opacity:.95;--font-body:"Outfit Variable", "Outfit", "Avenir Next", "Segoe UI", sans-serif;--font-display:"Fraunces Variable", Fraunces, Georgia, serif;--radius:20px}:root[data-theme=light]{color-scheme:light;--bg:#f4f7fb;--bg-elev:#fff;--ink:#0b0f1a;--muted:#3d4c63;--line:#0b0f1a1f;--accent:#facc15;--accent-ink:#0b0f1a;--link:#1d4ed8;--chip:#e7eef8;--paid:#854d0e;--paid-bg:#fef3c7;--feature:#5b21b6;--feature-bg:#ede9fe;--free:#166534;--free-bg:#dcfce7;--affiliate:#0b0f1a;--affiliate-bg:#facc15;--lang:#1e3a8a;--rank:#a16207;--glass:#ffffffd1;--highlight:#fffffff2;--shadow:0 16px 40px #0f172a14;--orb-opacity:.45}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--bg:#f4f7fb;--bg-elev:#fff;--ink:#0b0f1a;--muted:#3d4c63;--line:#0b0f1a1f;--accent:#facc15;--accent-ink:#0b0f1a;--link:#1d4ed8;--chip:#e7eef8;--paid:#854d0e;--paid-bg:#fef3c7;--feature:#5b21b6;--feature-bg:#ede9fe;--free:#166534;--free-bg:#dcfce7;--affiliate:#0b0f1a;--affiliate-bg:#facc15;--lang:#1e3a8a;--rank:#a16207;--glass:#ffffffd1;--highlight:#fffffff2;--shadow:0 16px 40px #0f172a14;--orb-opacity:.45}}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);color:var(--ink);background:radial-gradient(900px 420px at 110% -10%, color-mix(in srgb, var(--blue) 22%, transparent), transparent 60%), radial-gradient(700px 380px at -15% 0%, color-mix(in srgb, var(--violet) 18%, transparent), transparent 55%), var(--bg);margin:0;font-size:1.02rem;line-height:1.6}body.cmdk-open{overflow:hidden}img{max-width:100%}a{color:inherit}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}::selection{background:color-mix(in srgb, var(--violet) 55%, transparent);color:#fff}.skip{background:var(--accent);color:var(--accent-ink);z-index:80;border-radius:8px;padding:8px 12px;position:absolute;top:-48px;left:12px}.skip:focus{top:12px}.wrap{width:min(1120px,100% - 32px);margin-inline:auto}.narrow{width:min(760px,100% - 32px);margin-inline:auto}.icon{flex:none;width:1.05rem;height:1.05rem}.site-header{z-index:40;background:color-mix(in srgb, var(--bg) 72%, transparent);backdrop-filter:blur(18px)saturate(1.4);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header:before{content:"";background:linear-gradient(90deg, var(--blue), var(--violet) 55%, var(--accent));height:2px;position:absolute;top:0;left:0;right:0}.header-inner{align-items:center;gap:14px;min-height:72px;display:flex}.logo{align-items:center;gap:10px;margin-right:auto;text-decoration:none;display:flex}.mark{background:linear-gradient(145deg, var(--blue), var(--violet));width:42px;height:42px;color:var(--accent);font-family:var(--font-display);font-variation-settings:"opsz" 72, "SOFT" 40, "wght" 620;border-radius:13px;place-items:center;font-size:1.15rem;display:grid;box-shadow:inset 0 1px #fff6}.logo strong{letter-spacing:-.03em;font-size:.98rem;display:block}.logo small{color:var(--muted);font-size:.75rem;display:block}.nav-desktop{align-items:center;gap:2px;display:none}.nav-desktop a,.nav-panel a{color:var(--muted);border-radius:999px;padding:6px 10px;font-size:.92rem;text-decoration:none}.nav-desktop a:hover,.nav-panel a:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 6%, transparent)}.nav-desktop a[aria-current=page],.nav-panel a[aria-current=page]{color:var(--ink);background:var(--chip)}.header-actions{align-items:center;gap:8px;display:flex}.cmdk-trigger{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-elev) 70%, transparent);color:var(--muted);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;display:inline-flex}.nav-mobile{position:relative}.nav-mobile summary{cursor:pointer;border:1px solid var(--line);background:var(--bg-elev);color:var(--ink);border-radius:999px;padding:8px 12px;list-style:none}.nav-mobile summary::-webkit-details-marker{display:none}.nav-panel{background:var(--bg-elev);border:1px solid var(--line);min-width:220px;box-shadow:var(--shadow);z-index:20;border-radius:16px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);right:0}@media (width>=1080px){.nav-mobile{display:none}.nav-desktop{display:flex}}.button,button.button{cursor:pointer;background:var(--accent);color:var(--accent-ink);font:inherit;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:650;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffff73}.button.secondary{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:0 0}.button.small{padding:8px 12px;font-size:.92rem}.icon-btn{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-elev) 80%, transparent);width:40px;height:40px;color:var(--ink);cursor:pointer;font:inherit;border-radius:999px;place-items:center;padding:0;font-size:.95rem;display:inline-grid}@media (prefers-reduced-motion:no-preference){.button:hover,.icon-btn:hover,.cmdk-trigger:hover{transform:translateY(-1px)}}.hero-band{isolation:isolate;position:relative;overflow:hidden}.aurora{z-index:0;pointer-events:none;position:absolute;inset:0}.orb{width:min(520px,72vw);height:min(520px,72vw);opacity:var(--orb-opacity);background:radial-gradient(circle, var(--orb,var(--blue)) 0%, transparent 68%);border-radius:50%;position:absolute}.orb-a{--orb:color-mix(in srgb, var(--blue) 80%, transparent);top:-28%;right:-8%}.orb-b{--orb:color-mix(in srgb, var(--violet) 75%, transparent);bottom:-40%;left:-18%}.orb-c{--orb:color-mix(in srgb, var(--accent) 40%, transparent);width:min(280px,40vw);height:min(280px,40vw);top:18%;right:-6%}.hero-grid{background-image:linear-gradient(to right, color-mix(in srgb, var(--ink) 7%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--ink) 7%, transparent) 1px, transparent 1px);background-size:72px 72px;position:absolute;inset:0;mask-image:radial-gradient(at 50% 30%,#000 15%,#0000 72%)}@media (prefers-reduced-motion:no-preference){.orb-a{animation:18s ease-in-out infinite drift}.orb-b{animation:22s ease-in-out infinite reverse drift}.orb-c{animation:16s ease-in-out infinite drift}}@keyframes drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(28px,-18px)scale(1.08)}}.hero{z-index:1;grid-template-columns:1.15fr .85fr;align-items:center;gap:36px;padding:42px 0 18px;display:grid;position:relative}.eyebrow,.kicker{color:var(--link);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 10px;font-size:.75rem;font-weight:700;display:inline-flex}.eyebrow{border:1px solid var(--line);background:color-mix(in srgb, var(--blue) 14%, transparent);border-radius:999px;padding:4px 10px}h1,h2,h3,.h-display{font-family:var(--font-body);letter-spacing:-.045em;font-weight:620;line-height:1.02}.hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.4rem,5.6vw,4.6rem);line-height:.98}.swap{vertical-align:bottom;min-width:12ch;height:1.05em;margin-left:.2em;display:inline-block;overflow:hidden}.swap-track{flex-direction:column;display:flex}.swap-track span{height:1.05em;line-height:1.05;font-family:var(--font-display);background:linear-gradient(100deg, var(--blue), var(--violet) 58%, var(--accent));color:var(--blue);-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:560;display:block}@supports ((-webkit-background-clip:text) or (background-clip:text)){.swap-track span{color:#0000}}@media (prefers-reduced-motion:no-preference){.swap-track{animation:18s cubic-bezier(.65,0,.35,1) infinite swap}}@keyframes swap{0%,12%{transform:translateY(0)}16%,28%{transform:translateY(-1.05em)}32%,44%{transform:translateY(-2.1em)}48%,60%{transform:translateY(-3.15em)}64%,76%{transform:translateY(-4.2em)}80%,92%{transform:translateY(-5.25em)}96%,to{transform:translateY(-6.3em)}}.lede{color:var(--muted);max-width:46rem;font-size:1.08rem}.hero-actions,.actions{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.hero-kbd{margin:10px 0 0}.text-btn,.text-link,.section-head a{color:var(--link);white-space:nowrap}.text-btn{font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}kbd{border:1px solid var(--line);color:var(--muted);background:color-mix(in srgb, var(--bg) 70%, var(--bg-elev));border-bottom-width:2px;border-radius:6px;padding:1px 6px;font-family:inherit;font-size:.72rem;font-weight:650}.stats{flex-wrap:wrap;gap:16px 26px;margin:8px 0 0;padding:0;list-style:none;display:flex}.stats strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:1.55rem;display:block}.stats span{color:var(--muted);font-size:.86rem}.hero-stage{gap:12px;display:grid}.stage-card{color:inherit;background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow), inset 0 1px 0 var(--highlight);backdrop-filter:blur(16px);border-radius:18px;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:14px;text-decoration:none;display:grid}.stage-card small{color:var(--link);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:700}.stage-card strong{letter-spacing:-.03em;margin-top:2px;font-size:1.12rem;display:block}.stage-card span span{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.logo-mark{color:#fff;letter-spacing:-.04em;background:linear-gradient(145deg, var(--blue), var(--violet));border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-size:.78rem;font-weight:720;display:grid;box-shadow:inset 0 1px #fff6,0 8px 18px #3b82f640}.logo-mark.g1{background:linear-gradient(145deg,#8b5cf6,#3b82f6)}.logo-mark.g2{color:#0b0f1a;background:linear-gradient(160deg,#1d4ed8,#facc15)}.logo-mark.g3{background:linear-gradient(160deg,#0b0f1a,#3b82f6 60%,#8b5cf6)}.logo-mark.lg{border-radius:18px;width:64px;height:64px;font-size:1.05rem}.cmd-search{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 78%, transparent);box-shadow:var(--shadow);border-radius:999px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;padding:6px 6px 6px 14px;display:flex;position:relative}.cmd-search:before{content:"";border-radius:inherit;background:conic-gradient(from var(--spin), var(--blue), var(--violet), var(--accent), var(--blue));-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}@media (prefers-reduced-motion:no-preference){.cmd-search:before{animation:8s linear infinite spin}}@keyframes spin{to{--spin:360deg}}.cmd-search input,.stack-form input,.stack-form textarea{font:inherit;color:var(--ink);background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.cmd-search input{background:0 0;border:0;flex:180px;min-width:0;padding:10px 4px}.cmd-search input:focus{outline:none}.cmd-search:focus-within{outline:2px solid var(--blue);outline-offset:3px}.home{padding-bottom:24px}.chips{scrollbar-width:none;gap:8px;padding:18px 0 4px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:var(--glass);color:var(--ink);border-radius:999px;flex:none;align-items:center;gap:8px;padding:8px 12px;text-decoration:none;display:inline-flex}.chip-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.chip[aria-current=page]{background:var(--ink);color:var(--bg);border-color:#0000}.chip[aria-current=page] .icon,.chip[aria-current=page] .chip-count{color:inherit}.bento,.channel-board,.section,.page-intro,.article-head{scroll-margin-top:88px}.bento{grid-template-columns:1.25fr .9fr .9fr;gap:14px;margin-top:18px;display:grid}.bento-featured{grid-column:1/span 2}.bento-ranking{grid-column:3}.glass{background:var(--bg-elev);background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow), inset 0 1px 0 var(--highlight)}@supports (backdrop-filter:blur(10px)){.glass{backdrop-filter:blur(14px)saturate(1.25)}}.bento>.glass,.channel-card,.panel-pad,.article-head.glass{padding:16px 16px 18px}.section{padding:28px 0 8px}.section-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px;display:flex}.section h2,.page-intro h1,.article-head h1,.bento h2,.channel-card h3,.video-slot h3{margin:0}.section h2,.bento h2{font-size:clamp(1.35rem,2vw,1.7rem)}.page-intro,.article-head{padding:28px 0 8px}.page-intro h1,.article-head h1{font-size:clamp(2.1rem,5vw,3.5rem)}.entry-top{align-items:center;gap:16px;margin-bottom:8px;display:flex}.article-head.glass{margin-top:8px}.grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.card,.cat{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);height:100%;color:inherit;box-shadow:var(--shadow), inset 0 1px 0 var(--highlight);flex-direction:column;padding:16px;text-decoration:none;display:flex}.card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.card p,.cat p,.video-slot p{color:var(--muted);margin:8px 0 0}.card h2,.card h3,.cat h3{letter-spacing:-.03em;margin:12px 0 0;font-size:1.2rem}.row-link{color:inherit;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:0 -8px;padding:8px;text-decoration:none;display:grid}.row-copy{min-width:0}.row-copy strong,.rank-list strong{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:.92rem;line-height:1.25;display:block}.row-copy span,.meta,.card .meta,.spotlight span{color:var(--muted);font-size:.9rem}.stack{display:grid}@media (prefers-reduced-motion:no-preference){.card:hover,.stage-card:hover,.cat:hover{border-color:color-mix(in srgb, var(--blue) 60%, var(--line));box-shadow:0 18px 40px color-mix(in srgb, var(--violet) 24%, transparent), inset 0 1px 0 var(--highlight);transform:translateY(-4px)}.row-link:hover,.chip:hover,.rank-list a:hover{background:color-mix(in srgb, var(--blue) 10%, transparent)}.badge{transition:transform .18s}.card:hover .badge,.row-link:hover .badge{transform:translateY(-1px)}}html.motion [data-reveal]:not(.is-in){opacity:0;transform:translateY(18px)}html.motion [data-reveal].is-in{animation:.65s cubic-bezier(.16,1,.3,1) both rise}.bento>.is-in:nth-child(2){animation-delay:50ms}.bento>.is-in:nth-child(3){animation-delay:.1s}.bento>.is-in:nth-child(4){animation-delay:.12s}.bento>.is-in:nth-child(5){animation-delay:.16s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.badge-row{flex-wrap:wrap;justify-content:flex-start;gap:6px;display:flex}.card-top .badge-row,.row-link .badge-row{justify-content:flex-end}.badge{background:var(--chip);color:var(--ink);letter-spacing:.01em;border-radius:999px;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.badge.paid{background:var(--paid-bg);color:var(--paid)}.badge.feature{background:var(--feature-bg);color:var(--feature)}.badge.free{background:var(--free-bg);color:var(--free)}.badge.affiliate{background:var(--affiliate-bg);color:var(--affiliate)}.badge.lang{color:var(--lang);border:1px solid var(--line);background:0 0}.stat-xl{letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--blue);margin:4px 0;font-size:clamp(2.4rem,4vw,3.3rem);font-weight:680}@supports ((-webkit-background-clip:text) or (background-clip:text)){.stat-xl{background:linear-gradient(120deg, var(--blue), var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text}}.rank-list{margin:8px 0 0;padding:0;list-style:none}.rank-list a{border-top:1px solid var(--line);color:inherit;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 4px;text-decoration:none;display:grid}.rank-n{width:1.4rem;color:var(--rank);font-variant-numeric:tabular-nums;font-weight:750}.stars{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.88rem}.list-plain{margin:10px 0;padding:0;list-style:none}.list-plain li+li{margin-top:8px}.list-plain a,.related a,.prose a{color:var(--link)}.count{color:var(--muted);margin:14px 0}.split{grid-template-columns:1.2fr .8fr;align-items:start;gap:16px;display:grid}.panel,.panel-pad{border-radius:var(--radius)}.stack-form{gap:10px;max-width:440px;display:grid}.stack-form label{gap:6px;font-weight:600;display:grid}.form-status{background:var(--feature-bg);color:var(--ink);border-radius:12px;padding:12px}.channel-board{padding-top:28px}.channel-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.channel-card h3{font-size:1.35rem}.stat-list{margin:12px 0}.stat-list div{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:7px 0;display:flex}.stat-list dt{color:var(--muted);font-weight:500}.stat-list dd{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:700}.audience{color:var(--muted);margin:0;font-size:.92rem}.audience span{color:var(--link);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:700;display:block}.video-slot{grid-template-columns:minmax(180px,280px) 1fr;align-items:center;gap:16px;margin-top:14px;padding:14px;display:grid}.video-frame{aspect-ratio:16/9;border:1px dashed color-mix(in srgb, var(--violet) 45%, var(--line));background:radial-gradient(90px 60px at 50% 50%, color-mix(in srgb, var(--violet) 40%, transparent), transparent 70%), linear-gradient(160deg, color-mix(in srgb, var(--blue) 28%, var(--bg)), var(--bg-elev));border-radius:16px;place-items:center;display:grid}.play-disc{background:var(--accent);width:52px;height:52px;color:var(--accent-ink);border-radius:999px;place-items:center;display:grid}.prose{max-width:68ch;padding-bottom:12px}.entry .prose{margin-top:8px}.prose h2{letter-spacing:-.03em;margin-top:2rem;font-size:1.55rem;line-height:1.15}.prose :not(pre)>code{background:var(--chip);border-radius:6px;padding:.1em .35em}.prose pre{border:1px solid var(--line);border-radius:14px;overflow:auto}:root[data-theme=dark] .astro-code,:root[data-theme=dark] .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .astro-code,:root:not([data-theme=light]) .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}}.tutorial{counter-reset:step}.tutorial h2:before{counter-increment:step;content:counter(step);background:var(--accent);width:1.7rem;height:1.7rem;color:var(--accent-ink);font-family:var(--font-body);vertical-align:.15rem;border-radius:999px;place-items:center;margin-right:.45rem;font-size:.9rem;font-weight:700;display:inline-grid}.faq details{border-top:1px solid var(--line);padding:10px 0}.faq summary{cursor:pointer;font-weight:650}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev);overflow-x:auto}table.rank,table.data{border-collapse:collapse;width:100%}table.rank th,table.rank td,table.data th,table.data td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:12px}table.rank a{color:var(--link)}.crumbs{color:var(--muted);flex-wrap:wrap;gap:6px;margin:18px 0 0;padding:0;font-size:.92rem;list-style:none;display:flex}.crumbs a{color:var(--link)}.related{border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);margin-top:28px;padding:16px 18px}.related h2{margin:0 0 8px;font-size:1.2rem}.sponsor{border:1px dashed var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--paid-bg) 65%, var(--bg-elev));padding:14px 16px}.sponsor a{color:var(--link)}.sponsor-empty{color:var(--muted);background:0 0}.callout{border-left:4px solid var(--accent);color:var(--muted);padding:4px 0 4px 14px}.site-footer{border-top:1px solid var(--line);margin-top:48px;padding:28px 0 40px}.transparency{margin:0 0 18px;font-weight:650}.footer-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:18px;display:grid}.site-footer h2{margin:0 0 8px;font-size:.95rem}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li+li{margin-top:6px}.site-footer a{color:var(--link)}.fine{color:var(--muted);font-size:.92rem}.todo{letter-spacing:.04em;color:var(--paid);margin-left:6px;font-size:.75rem;font-weight:700;display:inline-block}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cmdk[hidden]{display:none}.cmdk{z-index:70;place-items:start center;padding:12vh 16px 24px;display:grid;position:fixed;inset:0}.cmdk-backdrop{backdrop-filter:blur(8px);background:#0b0f1a9e;border:0;position:absolute;inset:0}.cmdk-panel{width:min(640px,100%);padding:0;position:relative;overflow:hidden}.cmdk-search{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:12px 12px 10px;display:flex}.cmdk-search input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;flex:1;padding:8px 0;font-size:1.05rem}.cmdk-search input:focus{outline:none}.cmdk-results{max-height:min(420px,50vh);padding:8px;overflow:auto}.cmdk-item{color:inherit;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:8px;text-decoration:none;display:grid}.cmdk-item small{color:var(--muted);font-size:.82rem;display:block}.cmdk-item.is-active,.cmdk-item:hover{background:color-mix(in srgb, var(--blue) 16%, transparent)}.cmdk-note{color:var(--muted);margin:8px}.cmdk-foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:12px;padding:8px 14px 12px;font-size:.82rem;display:flex}@media (prefers-reduced-motion:no-preference){::view-transition-old(root){animation:.16s cubic-bezier(.4,0,1,1) both vt-out}::view-transition-new(root){animation:.24s cubic-bezier(.16,1,.3,1) both vt-in}}@keyframes vt-out{to{opacity:0;transform:translateY(-8px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(10px)}}@media (width<=900px){.orb-c{opacity:.4;top:auto;bottom:-20%;right:-25%}}@media (width<=980px){.hero,.split,.footer-grid,.bento,.channel-grid{grid-template-columns:1fr}.bento-featured,.bento-ranking{grid-column:auto}.footer-grid,.hero,.split{grid-template-columns:1fr}}@media (width<=800px){.grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.cmdk-trigger-label,.cmdk-trigger kbd{display:none}.cmdk-trigger{justify-content:center;width:40px;height:40px;padding:0}.header-inner .button.small{display:none}.row-link{grid-template-columns:auto 1fr}.row-link .badge-row{grid-column:2;justify-content:flex-start}}@media (width<=640px){.grid,.video-slot{grid-template-columns:1fr}.header-inner{min-height:64px}table.rank thead{display:none}table.rank tr{padding:8px 0;display:block}table.rank td{border-bottom:0;padding:4px 12px;display:block}table.rank td:last-child{border-bottom:1px solid var(--line);padding-bottom:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.swap{min-width:0;height:auto;overflow:visible}.swap-track span:not(:first-child){display:none}::view-transition-old(root),::view-transition-new(root){animation:none}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}
