.stg{margin:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.stg-in{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-sm);outline:1px solid var(--border);background:#000}
.stg figcaption{font-size:13px;line-height:18px;color:var(--text-secondary);display:flex;gap:8px}.stg figcaption b{color:var(--text-primary);font:500 12px/18px var(--font-mono)}
.vf{position:absolute;left:0;top:0;width:1920px;height:1080px;overflow:hidden;transform-origin:0 0;transform:scale(var(--k,.3));background:var(--t-bgimg,none),var(--t-bg);color:var(--t-ink);font-family:var(--t-ft);font-size:44px;line-height:1.25;-webkit-font-smoothing:antialiased;text-wrap:pretty}
.vf *{box-sizing:border-box}
.vf .d{font-family:var(--t-fd);font-weight:var(--t-fdw);font-stretch:var(--t-fds,100%);letter-spacing:-.01em;line-height:1.02}
.vf .n{font-family:var(--t-fn);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;letter-spacing:-.01em}
.vf .mut{color:var(--t-muted)}
.vf .src{position:absolute;left:140px;bottom:64px;font-size:30px;color:var(--t-muted)}
.vf [data-icon] svg{display:block}
.ph{position:absolute;inset:0;filter:var(--t-grade)}
.scrim{position:absolute;inset:0;background:var(--t-scrim)}
/* frames */
.fr{position:absolute}.fr>.ph{position:absolute;inset:0}
[data-frame=keyline] .fr{border:10px solid #F4F1EA;border-radius:4px;box-shadow:0 30px 70px rgba(0,0,0,.5)}
[data-frame=postcard] .fr{border:22px solid var(--t-surface);outline:3px solid var(--t-ink);border-radius:var(--t-r);box-shadow:0 12px 0 rgba(28,43,74,.14)}[data-frame=postcard] .fr>.ph{border-radius:4px}
[data-frame=rule] .fr{border-top:8px solid var(--t-ink)}
[data-frame=soft] .fr{border-radius:32px;overflow:hidden;box-shadow:0 40px 90px rgba(20,10,30,.5)}
[data-frame=mat] .fr{background:var(--t-surface);box-shadow:0 30px 60px rgba(0,0,0,.45),0 0 0 2px #0f2219}[data-frame=mat] .fr>.ph{inset:var(--mat,56px);box-shadow:0 0 0 3px var(--t-accent)}
[data-frame=offset] .fr{border:6px solid #141414;box-shadow:24px 24px 0 var(--t-accent),24px 24px 0 6px #141414}
[data-frame=tag] .fr{border:5px solid var(--t-ink);border-radius:18px;overflow:hidden}
[data-frame=hairline] .fr{box-shadow:0 14px 0 var(--t-accent)}
.fr-tag{display:none}
[data-frame=tag] .fr-tag{display:block;position:absolute;left:0;top:0;background:var(--t-ink);color:#F2F3EA;font:400 28px/1 var(--t-fm);padding:14px 18px 14px 16px;border-bottom-right-radius:12px;z-index:2}
/* plate */
.pl{position:absolute;left:120px;bottom:120px;display:flex;flex-direction:column;gap:10px;max-width:1300px}
.pl-n{font-size:120px;line-height:1}.pl-l{font-size:46px;line-height:1.15;font-weight:500}
[data-plate=bar] .pl{background:var(--t-bg);padding:40px 56px 44px;border-radius:var(--t-r)}[data-plate=bar] .pl-n{font-family:var(--t-fd);font-weight:600;border-bottom:8px solid var(--t-accent);padding-bottom:14px;align-self:flex-start}[data-plate=bar] .pl-l{color:var(--t-muted)}
[data-plate=badge] .pl{background:var(--t-accent);color:var(--t-onAccent);padding:36px 56px 40px;border-radius:var(--t-r);box-shadow:0 10px 0 var(--t-ink)}[data-plate=badge] .pl-n{font-weight:800;font-stretch:125%}[data-plate=badge] .pl-l{font-weight:600}
[data-plate=ticker] .pl{flex-direction:row;align-items:center;gap:0;background:#fff;color:#111;border:3px solid #111}[data-plate=ticker] .pl-n{font-size:104px;padding:26px 44px;font-weight:600}[data-plate=ticker] .pl-l{padding:26px 44px;border-left:3px solid #111;max-width:520px}
[data-plate=pill] .pl{flex-direction:row;align-items:center;gap:32px;background:#fff;color:var(--t-onSurface);border-radius:999px;padding:30px 64px 30px 40px;box-shadow:0 24px 60px rgba(20,10,30,.35)}[data-plate=pill] .pl::before{content:"";width:40px;height:40px;border-radius:50%;background:#E0703F;flex:none}[data-plate=pill] .pl-n{font-size:100px;font-weight:800}[data-plate=pill] .pl-l{color:#5B4A66;font-weight:600;max-width:420px}
[data-plate=label] .pl{background:var(--t-surface);color:var(--t-onSurface);padding:36px 56px 44px;border-top:6px solid var(--t-accent);box-shadow:0 20px 50px rgba(0,0,0,.4)}[data-plate=label] .pl-n{font-family:var(--t-fd);font-weight:600}[data-plate=label] .pl-l{color:#4B5A50}
[data-plate=slab] .pl{background:#141414;padding:34px 56px 40px;gap:4px}[data-plate=slab] .pl-n{font-size:170px;color:var(--t-accent);font-weight:700}[data-plate=slab] .pl-l{color:#fff;text-transform:uppercase;letter-spacing:.06em;font-weight:600}
[data-plate=marker] .pl{flex-direction:row;align-items:stretch;gap:0;border-radius:var(--t-r);overflow:hidden}[data-plate=marker] .pl::before{content:"";width:40px;background:var(--t-accent);flex:none}[data-plate=marker] .pl-n{background:var(--t-surface);color:#F2F3EA;padding:30px 40px;font-size:110px;font-weight:700}[data-plate=marker] .pl-l{background:var(--t-surface);color:#F2F3EA;padding:30px 44px 30px 0;font-family:var(--t-fm);font-size:36px;display:flex;align-items:center;max-width:520px}
[data-plate=split] .pl{flex-direction:row;align-items:stretch;gap:0}[data-plate=split] .pl-n{background:#fff;color:#000;padding:28px 44px;font-weight:900}[data-plate=split] .pl-l{background:var(--t-accent);color:#000;padding:28px 44px;font-weight:700;display:flex;align-items:center;max-width:520px}
/* subtitles */
.sub{position:absolute;left:160px;right:160px;bottom:96px;text-align:center;font-family:var(--t-subf,var(--t-ft));font-size:62px;line-height:1.5;font-weight:var(--t-subw,600)}
.sub span{background:var(--t-subbg);color:var(--t-subink);border-radius:var(--t-subr);padding:4px 26px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
[data-sub=band] .sub{left:0;right:0;bottom:0;background:var(--t-subbg);text-align:left;padding:40px 160px 56px;line-height:1.3}[data-sub=band] .sub span{background:none;padding:0;color:var(--t-subink)}
[data-sub=karaoke] .sub .w{background:var(--t-accent);color:var(--t-onAccent);border-radius:6px;padding:0 8px;box-shadow:none}
/* chapter */
.ch-t{position:absolute;left:140px;top:0;bottom:0;width:780px;display:flex;flex-direction:column;justify-content:center;gap:28px}
.ch-below{top:100px;bottom:auto;height:450px;width:1640px;justify-content:flex-end;gap:22px}.ch-above{top:500px;bottom:70px;width:1640px;gap:22px}
.ch-no{font-size:180px;line-height:.9;color:var(--t-accent)}
.ch-name{font-size:132px;overflow-wrap:normal;word-break:normal;hyphens:none}
.ch-rule{width:160px;height:8px;background:var(--t-accent)}
[data-plate=slab] .ch-no{background:#141414;padding:18px 28px 10px;align-self:flex-start}[data-plate=slab] .ch-rule{display:none}
[data-plate=marker] .ch-no{color:var(--t-ink)}[data-plate=marker] .ch-rule{width:40px;height:40px}
/* big number */
.bn{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;color:#fff}
.bn-n{font-size:340px;line-height:.9;display:flex;align-items:baseline;gap:36px}.bn-n small{font-size:120px;font-family:var(--t-fd);font-weight:var(--t-fdw)}
.bn-l{font-size:64px;font-weight:600;max-width:1300px}
.bn-l::before{content:"";display:block;width:140px;height:8px;background:var(--t-accent);margin:0 auto 36px}
/* charts */
.chd{position:absolute;left:140px;top:104px;right:140px}.chd h2{margin:0;font-size:84px}.chd p{margin:18px 0 0;font-size:42px;color:var(--t-muted)}
.bars{position:absolute;left:140px;right:140px;top:360px;display:flex;flex-direction:column;gap:30px}
.bar{display:grid;grid-template-columns:400px 1fr;align-items:center;gap:32px;height:92px}
.bar-l{font-size:50px;font-weight:600}
.bar-tr{position:relative;height:92px;display:flex;align-items:center;gap:28px}
.bar-f{height:100%;background:var(--t-chartBase);border-radius:calc(var(--t-r) / 3);min-width:0}.bar.hi .bar-f{background:var(--t-chartHi)}
.bar-v{font-size:56px;font-weight:700}
.ln{position:absolute;left:140px;top:320px;width:1640px;height:620px;overflow:visible}
.ln text{fill:var(--t-ink);font-family:var(--t-fn);font-variant-numeric:tabular-nums}
.ba{position:absolute;left:140px;right:140px;top:380px;display:grid;grid-template-columns:minmax(0,1fr) 240px minmax(0,1fr);align-items:end}
.ba-c{display:flex;flex-direction:column;gap:14px;min-width:0}
.ba-n{font-size:230px;line-height:.9;font-weight:700;white-space:nowrap}.ba-l{font-size:56px;font-weight:600;color:var(--t-muted)}
.ba-b{height:56px;background:var(--t-chartBase);border-radius:calc(var(--t-r) / 3);margin-top:30px}.ba-c.hi .ba-b{background:var(--t-chartHi)}.ba-c.hi .ba-n{color:var(--t-ink)}
.ba svg{width:240px;height:120px;margin-bottom:140px}
.gr{position:absolute;left:140px;right:140px;top:300px;bottom:150px;display:flex;align-items:center;gap:110px}
.gr svg{width:600px;height:600px;flex:none}
.gr-n{font-size:260px;line-height:.9;font-weight:700}.gr-l{font-size:80px;line-height:1.1;margin-top:24px;max-width:780px}
.gb{position:absolute;left:140px;right:140px;top:400px}
.gb-top{display:flex;align-items:baseline;gap:48px;margin-bottom:48px}.gb-n{font-size:260px;line-height:.9;font-weight:700}.gb-l{font-size:76px;line-height:1.1;max-width:900px}
.gb-tr{height:110px;background:var(--t-chartBase);border-radius:calc(var(--t-r) / 2);overflow:hidden;position:relative}.gb-f{position:absolute;left:0;top:0;bottom:0;background:var(--t-chartHi)}
.gb-ax{display:flex;justify-content:space-between;font-size:34px;color:var(--t-muted);margin-top:18px}
/* photo card */
.pc-cap{position:absolute;left:1300px;top:0;bottom:0;width:500px;display:flex;flex-direction:column;justify-content:center;gap:20px}
.pc-cap b{font-size:64px}.pc-cap span{font-size:44px;color:var(--t-muted)}
.pc-cap i{display:block;width:120px;height:8px;background:var(--t-accent);font-style:normal}
/* banners */
.bnr{position:absolute;display:flex;align-items:center;gap:30px;background:var(--t-surface);color:var(--t-onSurface);border-radius:var(--t-br);box-shadow:0 24px 60px rgba(0,0,0,.4)}
.av{width:104px;height:104px;border-radius:50%;flex:none;background:#3B5B4E;color:#fff;display:flex;align-items:center;justify-content:center;font:700 42px/1 var(--t-ft);box-shadow:0 0 0 4px var(--t-surface),0 0 0 7px var(--t-accent)}
.bnr-id{display:flex;flex-direction:column;gap:4px;min-width:0}.bnr-id b{font-size:46px;line-height:1.1;font-weight:700;white-space:nowrap}.bnr-id span{font-size:32px;opacity:.75}
.btn{height:96px;padding:0 44px;display:inline-flex;align-items:center;gap:16px;font:700 42px/1 var(--t-ft);border-radius:var(--t-btr);background:var(--t-accent);color:var(--t-onAccent);border:0;position:relative;white-space:nowrap}
.btn.o{background:transparent;color:var(--t-onSurface);box-shadow:inset 0 0 0 4px currentColor}
.btn.ic{width:96px;padding:0;justify-content:center}
.btn.press{transform:scale(.95);filter:brightness(.88)}
.btn .ring{position:absolute;inset:-22px;border-radius:calc(var(--t-btr) + 22px);border:6px solid var(--t-accent);opacity:.55}
.cur{position:absolute;z-index:3}.svi{display:inline-flex}.svi svg{display:block}
.b-a{left:110px;bottom:110px;padding:30px 36px 30px 30px}
.b-c{right:80px;top:80px;padding:14px;gap:20px;border-radius:calc(var(--t-br) + 14px)}.b-c .av{width:84px;height:84px;font-size:34px}.b-c .btn{height:84px;font-size:38px;padding:0 36px}
/* page chrome (Longform) */
body{margin:0;background:var(--surface);color:var(--text-primary);font-family:var(--font-sans)}a{color:var(--primary-text)}a:hover{color:var(--primary-hover)}
.tp{max-width:1640px;margin:0 auto;padding:32px 32px 96px;display:flex;flex-direction:column;gap:40px}
.tp-head{display:flex;flex-direction:column;gap:16px}.tp-title{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.tp-d{margin:8px 0 0;font-size:16px;line-height:24px;color:var(--text-secondary);max-width:720px;text-wrap:pretty}
.tp-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tp-nav{display:flex;gap:8px}a.lf-btn{text-decoration:none}
.tsec{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:32px;padding-top:32px;border-top:1px solid var(--border)}
@media (max-width:1000px){.tsec{grid-template-columns:minmax(0,1fr)}}
.tsec-h{display:flex;flex-direction:column;gap:8px}.tsec-h h2{margin:0}.tsec-h p{margin:0;font-size:14px}
.tsec-no{font:500 13px/18px var(--font-mono);color:var(--primary-text)}
.mo{margin:8px 0 0;display:flex;flex-direction:column;gap:14px}.mo dt{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.mo dd{margin:3px 0 0;font-size:14px;line-height:21px;text-wrap:pretty}
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));gap:24px 20px}.tgrid.one{grid-template-columns:minmax(0,880px)}
.tk{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:8px}
.tk-r{display:flex;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);min-width:0}
.tk-r>div{min-width:0}.sw{width:28px;height:28px;border-radius:6px;flex:none;box-shadow:inset 0 0 0 1px rgba(128,128,128,.45)}
.tk-k{font-size:12px;line-height:16px;color:var(--text-secondary)}.tk-v{font:500 13px/18px var(--font-mono);overflow-wrap:anywhere}
.tk-json{margin-top:12px;font-size:14px}.tk-json summary{cursor:pointer;color:var(--text-secondary)}.tk-json pre{font:12px/18px var(--font-mono);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;overflow:auto;max-height:420px}
.tp-foot{font-size:13px;margin:0}
.ov{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:20px}
.ov .lf-style{text-decoration:none;color:inherit;display:block}.ov .lf-thumb{aspect-ratio:16/9;position:relative;overflow:hidden}.ov-in{position:absolute;inset:0;border-radius:0;outline:0;aspect-ratio:auto}.ov-no{font:500 12px/16px var(--font-mono)}
.b-d{left:110px;bottom:110px;width:1180px;padding:40px 60px 40px 48px;border-radius:var(--t-br);gap:36px}.b-d .av{width:140px;height:140px;font-size:54px}.b-d .bnr-id b{font-size:60px}.b-d .bnr-id{flex:1}.b-d .bnr-id span{font-size:38px;opacity:.8;white-space:nowrap}.b-d .btn{margin-left:auto}