:root{--bg:#0b0b0f;--surface:#14141b;--surface-2:#1c1c25;--line:#2a2a36;--text:#ececf1;--muted:#9b9bab;--accent:#ff5a3c;--accent-2:#ff3d8b;--sunset:linear-gradient(120deg, #ffb347 0%, #ff5a3c 45%, #ff3d8b 100%);--radius:10px;--wrap:1180px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased;margin:0}img,video,iframe{max-width:100%;display:block}a{color:inherit;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 60%, transparent);text-underline-offset:3px}a:hover{color:#fff;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}h1,h2,h3{letter-spacing:-.02em;margin:0 0 .5em;line-height:1.15}h1{font-size:clamp(1.75rem,5vw,2.75rem);font-weight:850}h2{font-size:clamp(1.25rem,3.2vw,1.6rem);font-weight:800}h3{font-size:1rem;font-weight:700}p{margin:0 0 1em}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 16px}.muted{color:var(--muted)}.skip{position:absolute;left:-9999px}.skip:focus{z-index:10;background:var(--surface);padding:8px 12px;top:8px;left:16px}.site-header{border-bottom:1px solid var(--line);z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0b0feb;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:12px;height:56px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;margin:0;font-size:1.2rem;font-weight:900;text-decoration:none;display:inline-flex}.brand-sm{font-size:1rem}.brand-logo{width:auto;height:34px;display:block}.brand-sm .brand-logo{height:28px}@media (max-width:520px){.brand-logo{height:28px}}.nav{gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav a{color:var(--muted);border-radius:6px;padding:6px 10px;font-size:.92rem;font-weight:600;text-decoration:none;display:block}.nav a:hover{color:var(--text);background:var(--surface-2)}.topic-bar{border-top:1px solid var(--line)}.topic-list{scrollbar-width:none;gap:6px;margin:0 auto;padding-top:8px;padding-bottom:8px;list-style:none;display:flex;overflow-x:auto}.topic-list::-webkit-scrollbar{display:none}.topic-list a{white-space:nowrap;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 12px;font-size:.85rem;text-decoration:none;display:block}.topic-list a:hover{color:var(--text);border-color:var(--accent)}@media (max-width:520px){.nav li:not(:first-child){display:none}}main{min-height:60vh;padding-top:24px;padding-bottom:48px}.hero{padding:20px 0 8px}.hero h1{max-width:18ch}.hero h1 .hl{background:var(--sunset);color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--muted);max-width:60ch;font-size:1.05rem}.section{margin:36px 0}.section-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.section-head h2{margin:0}.section-head a{color:var(--muted);font-size:.9rem}.kicker{font:700 .72rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;display:inline-block}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .15s,transform .15s;overflow:hidden}.card:hover{border-color:#3d3d4d;transform:translateY(-2px)}.card-link{height:100%;text-decoration:none;display:block}.thumb{aspect-ratio:16/9;background:var(--surface-2);position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.is-spoiler .thumb img{filter:blur(14px)saturate(.6);transform:scale(1.1)}.dur{font:600 .75rem/1 var(--mono);background:#000000bf;border-radius:4px;padding:4px 6px;position:absolute;bottom:8px;right:8px}.rank{color:#0000;-webkit-text-stroke:2px #fff;text-shadow:0 2px 12px #0009;letter-spacing:-.06em;font-size:3.4rem;font-weight:900;line-height:1;position:absolute;bottom:-6px;left:8px}.grid-ranked .card:first-child .rank{-webkit-text-stroke:0;background:var(--sunset);-webkit-background-clip:text;background-clip:text}.card-body{padding:10px 12px 12px}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:.98rem;display:-webkit-box;overflow:hidden}.card-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:.8rem;display:flex}.cat{color:var(--text);font-weight:600}.cat:before{content:"";background:var(--accent);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.badge{font:700 .68rem/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;border-radius:4px;padding:4px 6px;display:inline-block}.badge-spoiler{background:var(--accent-2);color:#fff;position:absolute;top:8px;left:8px}.badge-sample{color:#c8c8de;background:#33334a}.empty{color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius);text-align:center;padding:24px}.hub-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.hub-cards a{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);height:100%;padding:14px 16px;text-decoration:none;transition:border-color .15s;display:block}.hub-cards a:hover{border-color:var(--accent)}.hub-cards strong{margin-bottom:4px;display:block}.hub-cards span{color:var(--muted);font-size:.85rem}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chips a,.chips span{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:.85rem;text-decoration:none;display:inline-block}.chips a:hover{border-color:var(--accent)}.crumbs{color:var(--muted);margin-bottom:12px;font-size:.85rem}.crumbs ol{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"/";color:var(--line);margin-right:6px}.crumbs a{text-decoration:none}.clip-layout{gap:28px;display:grid}@media (min-width:980px){.clip-layout{grid-template-columns:minmax(0,1fr) 320px}}.clip-main h1{font-size:clamp(1.5rem,4vw,2.2rem)}.player{aspect-ratio:16/9;border-radius:var(--radius);background:#000;width:100%;margin-bottom:16px;position:relative;overflow:hidden}.player iframe,.player video{border:0;width:100%;height:100%;position:absolute;inset:0}.player-empty{place-items:center;display:grid;position:absolute;inset:0}.player-empty img{object-fit:cover;opacity:.6;width:100%;height:100%;position:absolute;inset:0}.player-empty p{background:#000000b3;border-radius:6px;margin:0;padding:8px 14px;font-size:.9rem;position:relative}.clip-meta{color:var(--muted);flex-wrap:wrap;gap:14px;margin-bottom:14px;font-size:.88rem;display:flex}.lede{font-size:1.05rem}.credit{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:18px 0;padding:12px 14px;font-size:.92rem}.credit p{margin:0}details.transcript{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:18px 0}details.transcript summary{cursor:pointer;padding:12px 14px;font-weight:700}details.transcript blockquote{color:var(--muted);white-space:pre-wrap;margin:0;padding:0 14px 14px}.sidebar h2{font-size:1.05rem}.sidebar .grid{grid-template-columns:1fr}.sample-note{border-radius:var(--radius);background:#23233a;border:1px solid #3a3a5a;margin-bottom:16px;padding:10px 14px;font-size:.88rem}.spoiler-gate{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);margin-bottom:16px;position:relative;overflow:hidden}.spoiler-video{aspect-ratio:16/9}.spoiler-block{min-height:120px}.spoiler-blur{filter:blur(2px);background:repeating-linear-gradient(135deg,#1c1c25 0 14px,#20202b 14px 28px);position:absolute;inset:0}.spoiler-inner{text-align:center;place-content:center;justify-items:center;gap:10px;padding:16px;display:grid;position:absolute;inset:0}.spoiler-inner p{color:var(--muted);margin:0}.hub-head{max-width:72ch}.prose{color:#d6d6df;max-width:70ch}.prose a{color:#fff}.faq{max-width:75ch}.faq details{border-bottom:1px solid var(--line);padding:12px 0}.faq summary{cursor:pointer;font-weight:700}.faq details p{color:#d6d6df;margin:8px 0 0}.btn{appearance:none;cursor:pointer;font:700 .95rem/1 var(--font);background:var(--sunset);color:#120808;border:0;border-radius:8px;padding:12px 18px}.btn:hover{filter:brightness(1.08)}.btn-ghost{color:var(--text);border:1px solid var(--line);background:0 0}.form{gap:14px;max-width:560px;display:grid}.form label{gap:6px;font-size:.92rem;font-weight:600;display:grid}.form input,.form textarea,.form select,.search-input{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.form input:focus,.form textarea:focus,.search-input:focus{border-color:var(--accent);outline:none}.form .check{align-items:flex-start;gap:10px;font-weight:400;display:flex}.form .check input{width:auto;margin-top:5px}.notice{background:#1f2a1f;border:1px solid #353;border-radius:8px;padding:12px 14px}.search-input{margin-bottom:18px;padding:14px 16px;font-size:1.1rem}.two-col{gap:28px;display:grid}@media (min-width:900px){.two-col{grid-template-columns:1fr 1fr}}.slot{color:#6c6c80;font:600 .72rem/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;border:1px dashed #44445a;border-radius:8px;place-items:center;margin:24px 0;display:grid}.slot-banner{min-height:100px}.slot-rectangle{min-height:250px}.slot-inline{min-height:120px}.slot-affiliate{color:#8a7a5a;border-color:#4a3d2a;min-height:80px}.site-footer{border-top:1px solid var(--line);background:#09090c;padding:32px 0 24px}.footer-inner{gap:24px;display:grid}@media (min-width:760px){.footer-inner{grid-template-columns:1fr 2fr}.site-footer nav{gap:48px;display:flex}}.footer-links{gap:6px;margin:0 0 16px;padding:0;font-size:.9rem;list-style:none;display:grid}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--text)}.fineprint{color:#6f6f80;margin-top:16px;font-size:.78rem}.notfound{text-align:center;padding:48px 0}.notfound .code{background:var(--sunset);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(4rem,18vw,9rem);font-weight:900;line-height:1}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
