body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;position:relative;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 40% at 50% -8%,var(--accent-soft),transparent 70%)}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}.wrap{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:var(--sp-5) var(--sp-5) 80px}.nav{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) 0;margin-bottom:var(--sp-5);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:var(--fs-5);letter-spacing:-.02em;color:var(--text)}.brand .dot{width:26px;height:26px;border-radius:8px;background:var(--grad-iris);box-shadow:var(--grad-iris-sheen);position:relative}.brand .dot:before,.brand .dot:after{content:"";position:absolute;top:11px;width:4.5px;height:4.5px;border-radius:50%;background:#fff}.brand .dot:before{left:7px}.brand .dot:after{right:7px}.nav-links{display:flex;align-items:center;gap:var(--sp-4);font-size:var(--fs-2);font-weight:600;flex-wrap:wrap}.nav-links a{color:var(--sub)}.nav-links a:hover{color:var(--text);text-decoration:none}.nav-links a.cta{color:var(--on-accent);background:var(--grad-iris);box-shadow:var(--grad-iris-sheen);padding:7px 14px;border-radius:var(--r-pill)}.lang-links{display:inline-flex;gap:2px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-pill);padding:3px}.lang-links a{color:var(--sub);font-size:var(--fs-1);font-weight:800;padding:4px 10px;border-radius:var(--r-pill);letter-spacing:.03em}.lang-links a.active{background:var(--grad-iris);color:var(--on-accent)}.lang-links a:hover{text-decoration:none}.doc-head{margin-bottom:var(--sp-6)}.eyebrow{font-size:var(--fs-1);font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--accent-2)}h1{font-size:clamp(26px,5vw,var(--fs-7));letter-spacing:-.025em;margin:var(--sp-2) 0 var(--sp-3);text-wrap:balance}.lead{color:var(--sub);font-size:var(--fs-4);line-height:1.6}.lead b{color:var(--text)}.toc{margin:var(--sp-5) 0;padding:var(--sp-4) var(--sp-5);border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel)}.toc h2{font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.1em;color:var(--faint);margin-bottom:var(--sp-3)}.toc ol{list-style:none;counter-reset:toc;display:grid;grid-template-columns:1fr 1fr;gap:7px 20px}@media(max-width:560px){.toc ol{grid-template-columns:1fr}}.toc li{counter-increment:toc;font-size:var(--fs-3)}.toc li:before{content:counter(toc,decimal-leading-zero);color:var(--accent-2);font-weight:800;margin-right:8px;font-variant-numeric:tabular-nums}.toc a{color:var(--sub)}.toc a:hover{color:var(--text);text-decoration:none}section{margin:var(--sp-7) 0;scroll-margin-top:16px}section>h2{font-size:var(--fs-6);letter-spacing:-.02em;margin-bottom:var(--sp-3);display:flex;align-items:baseline;gap:10px;text-wrap:balance}section>h2 .n{font-size:var(--fs-3);font-weight:800;color:var(--accent-2);font-variant-numeric:tabular-nums}section h3{font-size:var(--fs-4);margin:var(--sp-5) 0 var(--sp-2)}p{margin:var(--sp-3) 0;color:var(--sub);font-size:var(--fs-3)}p b,li b{color:var(--text);font-weight:700}.prose ul{margin:var(--sp-3) 0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:9px}.prose ul li{position:relative;padding-left:1.5em;color:var(--sub);font-size:var(--fs-3);line-height:1.55}.prose ul li:before{content:"\203a";position:absolute;left:0;color:var(--accent-2);font-weight:800}code{font-family:var(--mono);font-size:.88em;background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:1px 6px;color:var(--text)}kbd{font-family:var(--sans);font-size:.82em;font-weight:700;background:var(--panel3);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:6px;padding:2px 7px;color:var(--text);white-space:nowrap}.steps{display:flex;flex-direction:column;gap:var(--sp-3);margin:var(--sp-4) 0;counter-reset:step}.step{position:relative;padding:var(--sp-4) var(--sp-5) var(--sp-4) 58px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel)}.step:before{counter-increment:step;content:counter(step);position:absolute;left:var(--sp-4);top:var(--sp-4);width:26px;height:26px;border-radius:50%;background:var(--grad-iris);color:var(--on-accent);font-weight:800;font-size:var(--fs-2);display:flex;align-items:center;justify-content:center;box-shadow:var(--grad-iris-sheen)}.step h3{margin:0 0 4px;font-size:var(--fs-3)}.step p{margin:4px 0 0;font-size:var(--fs-2)}.pf{font-weight:800}.pf.chzzk{color:var(--chzzk)}.pf.youtube{color:var(--youtube)}.pf.twitch{color:var(--twitch)}.callout{margin:var(--sp-4) 0;padding:var(--sp-4) var(--sp-5);border-left:3px solid var(--accent-line);border-radius:0 var(--r-md) var(--r-md) 0;background:var(--panel);font-size:var(--fs-2);color:var(--sub)}.callout.warn{border-left-color:var(--warn)}.callout b{color:var(--text)}.cmp-scroll{overflow-x:auto;margin:var(--sp-4) 0}table{border-collapse:collapse;width:100%;font-size:var(--fs-2);min-width:420px}th,td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line)}thead th{color:var(--faint);font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.06em}td:first-child{color:var(--text);font-weight:600}.yes{color:var(--good);font-weight:800}.no{color:var(--faint)}.next{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin:var(--sp-6) 0}@media(max-width:560px){.next{grid-template-columns:1fr}}.next a{display:block;padding:var(--sp-4) var(--sp-5);border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);color:var(--text);transition:border-color var(--t-med) var(--ease),transform var(--t-med) var(--ease)}.next a:hover{border-color:var(--accent-line);transform:translateY(-2px);text-decoration:none}.next .k{font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-2);font-weight:700}.next .t{font-size:var(--fs-4);font-weight:800;margin:4px 0 2px}.next .d{font-size:var(--fs-2);color:var(--sub)}.foot{margin-top:64px;padding-top:var(--sp-5);border-top:1px solid var(--line);color:var(--faint);font-size:var(--fs-2);text-align:center}.foot nav{display:flex;gap:var(--sp-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--sp-3)}.foot a{color:var(--sub)}.foot a:hover{color:var(--text);text-decoration:none}
