:root{--ssp-bg:#070a10;--ssp-surface:#0b0e14;--ssp-surface-2:#10151e;--ssp-line:#1c2431;--ssp-line-strong:#2b3545;--ssp-text:#f0f2f8;--ssp-muted:#a7b0bf;--ssp-dim:#8591a3;--ssp-mint:#6ee7b7;--ssp-mint-ink:#04130d;--ssp-mint-soft:#6ee7b71a;--ssp-blue:#60a5fa;--ssp-amber:#fbbf24;--ssp-red:#f87171;--ssp-glow:#6ee7b747;--ssp-shadow:#000000bf;--ssp-term-bg:#0b0e14;--ssp-term-bar:#10151e;--ssp-term-line:#1c2431;--ssp-term-text:#e6e9f0;--ssp-term-muted:#a7b0bf;--ssp-term-mint:#6ee7b7;--ssp-term-blue:#60a5fa;--ssp-font-mono:"JetBrains Mono", "Noto Sans JP", ui-monospace, Menlo, Consolas, monospace;--ssp-font-sans:"Noto Sans JP", system-ui, -apple-system, "Hiragino Sans", sans-serif}:root[data-theme=light]{--ssp-bg:#f5f6f8;--ssp-surface:#fff;--ssp-surface-2:#eceef2;--ssp-line:#d9dde4;--ssp-line-strong:#b9c0cc;--ssp-text:#0d1220;--ssp-muted:#465064;--ssp-dim:#5d6779;--ssp-mint:#0a7453;--ssp-mint-ink:#fff;--ssp-mint-soft:#0a745314;--ssp-blue:#1d5bbf;--ssp-amber:#8a5a00;--ssp-red:#b42318;--ssp-glow:#0a74534d;--ssp-shadow:#0d122066}html,body{background:var(--ssp-bg);margin:0}.ssp{--bg:var(--ssp-bg);--surface:var(--ssp-surface);--surface-2:var(--ssp-surface-2);--line:var(--ssp-line);--line-strong:var(--ssp-line-strong);--text:var(--ssp-text);--muted:var(--ssp-muted);--dim:var(--ssp-dim);--mint:var(--ssp-mint);--mint-ink:var(--ssp-mint-ink);--mint-soft:var(--ssp-mint-soft);--blue:var(--ssp-blue);--glow:var(--ssp-glow);--shadow:var(--ssp-shadow);--font-mono:var(--ssp-font-mono);--font-sans:var(--ssp-font-sans);background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:16px;line-height:1.7;container-type:inline-size}.ssp:lang(ja){line-break:strict;line-height:1.9}.ssp *,.ssp :before,.ssp :after{box-sizing:border-box}.ssp a{color:inherit;text-decoration:none}.ssp a.lnk{color:var(--mint);text-underline-offset:4px;text-decoration:underline 1px}.ssp a.lnk:hover{text-decoration-thickness:2px}.ssp a:focus-visible,.ssp button:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}.ssp h1,.ssp h2,.ssp h3,.ssp p,.ssp figure{margin:0}.ssp ul{margin:0;padding:0;list-style:none}.wrap{max-width:1200px;margin:0 auto;padding-inline:clamp(16px,4cqi,40px)}.sec{padding-block:clamp(64px,8cqi,112px)}.sec-line{border-top:1px solid var(--line)}.sec-alt{background:var(--surface)}.stack{flex-direction:column;display:flex}.intro{flex-direction:column;gap:14px;max-width:720px;display:flex}.eyebrow{font:500 13px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mint)}.h1{font:700 clamp(30px, 4.5cqi, 56px) / 1.14 var(--font-mono);letter-spacing:-.02em;text-wrap:balance}.h2{font:700 clamp(24px, 3cqi, 36px) / 1.25 var(--font-mono);letter-spacing:-.015em;text-wrap:balance}.h3{font:700 17px/1.4 var(--font-mono)}.lead{color:var(--muted);text-wrap:pretty;font-size:clamp(16px,1.5cqi,18px);line-height:1.75}.body{color:var(--muted);text-wrap:pretty}.body-sm{font-size:15px}.small{color:var(--dim);font-size:14px;line-height:1.65}.mono{font-family:var(--font-mono)}.ph{display:inline-block}.ssp:lang(ja) .h1{letter-spacing:.01em;font-feature-settings:"palt";word-break:auto-phrase;font-size:clamp(28px,4.2cqi,52px);line-height:1.3}.ssp:lang(ja) .h2{letter-spacing:.01em;font-feature-settings:"palt";word-break:auto-phrase;font-size:clamp(22px,2.8cqi,34px);line-height:1.4}.ssp:lang(ja) .h3{font-feature-settings:"palt";line-height:1.5}.ssp:lang(ja) .lead{text-wrap:wrap;text-spacing-trim:trim-start;line-height:1.9}.ssp:lang(ja) .body{text-wrap:wrap;text-spacing-trim:trim-start}.ssp:lang(ja) .small{line-height:1.8}.btn{min-height:48px;font:700 15px/1 var(--font-mono);cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 22px;transition:background-color .15s,border-color .15s,transform .15s;display:inline-flex}.ssp a.btn-primary{background:var(--mint);color:var(--mint-ink)}.ssp a.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.ssp a.btn-secondary{background:var(--surface);border-color:var(--line-strong);color:var(--text)}.ssp a.btn-secondary:hover{border-color:var(--mint)}.ssp a.btn-ghost{color:var(--text);padding:0 12px}.ssp a.btn-ghost:hover{color:var(--mint)}.btn-sm{min-height:40px;padding:0 14px;font-size:13px}.btn-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dsp{box-shadow:inset 0 1px 0 #ffffff0f, 0 30px 60px -24px var(--shadow), 0 0 90px -18px var(--glow);background:#0d1118;border:1px solid #252e3d;border-radius:clamp(10px,1.5cqi,20px);padding:clamp(5px,.75cqi,10px)}.dsp img{aspect-ratio:1920/462;background:#000;border-radius:clamp(4px,.6cqi,8px);width:100%;height:auto;display:block}.dsp-sm{box-shadow:inset 0 1px 0 #ffffff0f, 0 16px 32px -18px var(--shadow);border-radius:12px;padding:6px}.dsp-sm img{border-radius:5px}.dsp-stack{position:relative}.dsp-stack img+img{opacity:0;position:absolute;inset:0}.term{background:var(--ssp-term-bg);border:1px solid var(--ssp-term-line);color:var(--ssp-term-text);font:400 14px/1.7 var(--font-mono);border-radius:12px;overflow:hidden}.term-bar{background:var(--ssp-term-bar);border-bottom:1px solid var(--ssp-term-line);min-height:44px;color:var(--ssp-term-muted);justify-content:space-between;align-items:center;gap:8px;padding:0 14px;font-size:12px;display:flex}.term pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:16px}.cmd{gap:10px;padding:12px 14px;display:flex}.cmd .p{color:var(--ssp-term-mint);user-select:none;flex:none}.cmd code{font:inherit;overflow-wrap:anywhere;min-width:0}.cmd-lg{padding:16px}.t-c{color:#8591a3}.t-m{color:var(--ssp-term-mint)}.t-b{color:var(--ssp-term-blue)}.tab{min-height:44px;color:var(--ssp-term-muted);font:500 13px/1 var(--font-mono);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 10px}.tab:hover{color:var(--ssp-term-text)}.tab[aria-selected=true]{color:var(--ssp-term-text);border-bottom-color:var(--ssp-term-mint)}.copy{border:1px solid var(--ssp-term-line);min-width:84px;min-height:36px;color:var(--ssp-term-text);font:500 12px/1 var(--font-mono);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.ssp:lang(ja) .copy{min-width:96px}.copy:hover{border-color:var(--ssp-term-mint);color:var(--ssp-term-mint)}.copy .ready{display:contents}.copy .done,.copy[data-copied] .ready{display:none}.copy[data-copied] .done{display:contents}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:14px;padding:16px;display:flex}.card-text{flex-direction:column;gap:4px;display:flex}.cards{grid-template-columns:repeat(auto-fit,minmax(min(460px,100%),1fr));gap:20px;display:grid}.badge{border:1px solid var(--line-strong);min-height:26px;font:500 12px/1 var(--font-mono);color:var(--muted);border-radius:999px;align-items:center;padding:0 10px;display:inline-flex}.badge-ok{border-color:var(--mint);color:var(--mint)}.strip{border:1px solid var(--line-strong);border-radius:3px;width:30px;height:8px;display:block;overflow:hidden}.strip i{background:var(--mint);opacity:0;width:100%;height:100%;display:block}.slot{aspect-ratio:1920/462;border:1px dashed var(--line-strong);font:500 13px/1 var(--font-mono);color:var(--dim);border-radius:12px;justify-content:center;align-items:center;display:flex}.ssp:lang(ja) .slot-text{font-family:var(--font-sans)}.site-header{border-bottom:1px solid var(--line)}.site-header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:68px;display:flex}.brand{align-items:center;gap:10px;min-height:44px;display:flex}.brand span{letter-spacing:-.01em;font-size:16px;font-weight:700}.nav-links{color:var(--muted);align-items:center;gap:28px;font-size:14px;display:flex}.nav-links a:hover,.lang a:hover,.foot-nav a:hover{color:var(--text)}.lang{align-items:center;gap:6px;font-size:14px;display:flex}.lang>a,.lang>span[aria-current]{min-height:44px;color:var(--muted);align-items:center;padding:0 8px;display:inline-flex}.lang>span[aria-current]{color:var(--text);font-weight:500}.site-footer{border-top:1px solid var(--line);background:var(--surface)}.foot-nav{color:var(--muted);flex-direction:column;flex:140px;gap:2px;font-size:14px;display:flex}.foot-nav>a,.foot-nav>span[aria-current]{align-items:center;min-height:36px;display:inline-flex}.foot-nav>span[aria-current]{color:var(--text)}.foot-h{font:12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);padding-bottom:6px}.ssp:lang(ja) .foot-h{font-family:var(--font-sans);text-transform:none}@keyframes sspfade{0%{opacity:0}3%{opacity:1}33.3%{opacity:1}36.3%{opacity:0}to{opacity:0}}.rot-1{animation:12s linear infinite both sspfade}.rot-2{animation:12s linear 4s infinite both sspfade}.rot-3{animation:12s linear 8s infinite both sspfade}@media (prefers-reduced-motion:reduce){.rot-1,.rot-2,.rot-3{animation:none}.strip .rot-1{opacity:1}.btn{transition:none}}@container (width<=880px){.nav-links{display:none!important}}@container (width<=520px){.btn-row .btn{flex:100%}.term{font-size:13px}}