@layer site-reset{*,:before,:after{box-sizing:border-box}html{color:var(--dk-ink);background:var(--dk-paper)}body{-webkit-font-smoothing:antialiased;margin:0;font:400 15px/1.7 Geist,Hiragino Sans,Noto Sans JP,system-ui,sans-serif}a{color:inherit}code,pre,kbd{font-family:var(--dk-font-mono)}:not(pre)>code{background:color-mix(in srgb, var(--dk-ink) 6%, transparent);border-radius:4px;padding:.1em .4em;font-size:.86em}}h1,h2,h3{letter-spacing:-.02em;line-height:1.25}h2{margin:64px 0 8px;scroll-margin-top:24px;font-size:26px;font-weight:600}h3{margin:32px 0 6px;scroll-margin-top:24px;font-size:18px;font-weight:600}p{margin:8px 0 16px}.muted{color:var(--dk-subtle)}.mono{font-family:var(--dk-font-mono)}.eyebrow{font:500 11px/1 var(--dk-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dk-subtle)}.layout{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{flex-direction:column;gap:24px;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0;overflow:auto}.side-rule{width:6px;position:absolute;top:0;bottom:0;right:0}.side-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.lang-switch{gap:2px;display:flex}.lang-switch .dk-btn{min-width:0;font:500 11px/1 var(--dk-font-mono);letter-spacing:.08em;padding-inline:8px}.logo{align-items:center;gap:10px;text-decoration:none;display:flex}.logo b{font:800 30px/1 Doto, var(--dk-font-mono);letter-spacing:-.01em}.nav{flex-direction:column;gap:2px;display:flex}.nav-title{margin:16px 0 6px}.nav a{color:var(--dk-subtle);border-radius:6px;align-items:center;gap:10px;padding:7px 10px;font-size:14px;text-decoration:none;display:flex}.nav a:hover{color:var(--dk-ink)}.nav a[aria-current=page]{color:var(--dk-ink);background:color-mix(in srgb, var(--dk-ink) 5%, transparent);font-weight:500}.nav a .dot{opacity:.35;background:currentColor;border-radius:50%;width:5px;height:5px}.nav a[aria-current=page] .dot{opacity:1}.side-foot{align-items:center;gap:8px;margin-top:auto;display:flex}.main{min-width:0;padding:48px 56px 120px}.content{max-width:920px;margin:0 auto}.topbar{display:none}@media (width<=860px){.layout{grid-template-columns:1fr}.sidebar{gap:12px;height:auto;padding:16px 20px;position:static}.side-rule,.side-foot .version{display:none}.nav{flex-flow:wrap}.nav-title{display:none}.main{padding:24px 20px 96px}}.hero{padding:40px 0 8px}.hero-title{letter-spacing:-.05em;margin:18px 0;font:800 clamp(72px,12vw,148px)/.9 Geist,sans-serif}.hero-lead{max-width:620px;color:var(--dk-subtle);font-size:19px;line-height:1.6}.hero-lead b{color:var(--dk-ink);font-weight:500}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.grid{gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media (width<=860px){.grid-3,.grid-2{grid-template-columns:1fr}}.feature h3{margin:14px 0 4px;font-size:16px}.feature p{color:var(--dk-subtle);margin:0;font-size:14px}.example{border-radius:12px;margin:16px 0 28px;overflow:hidden}.example-preview{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;min-height:140px;padding:36px 28px;display:flex;position:relative}.example-preview.left{justify-content:flex-start}.example-bar{align-items:center;gap:4px;padding:6px 10px 0;display:flex}.tab{all:unset;cursor:pointer;font:500 12px/1 var(--dk-font-mono);color:var(--dk-subtle);border-radius:6px;padding:6px 10px}.tab[aria-selected=true]{color:var(--dk-ink);background:color-mix(in srgb, var(--dk-ink) 6%, transparent)}.tab:focus-visible{outline:2px dotted var(--dk-ink)}.code{background:color-mix(in srgb, var(--dk-ink) 3.5%, var(--dk-paper));margin:0;padding:16px 18px;font-size:13px;line-height:1.65;position:relative;overflow:auto}.code-wrap{position:relative}.code-wrap .copy{position:absolute;top:8px;right:8px}.standalone{border-radius:10px;margin:12px 0 20px}.tile{flex-direction:column;align-items:center;gap:10px;display:flex}.tile-stage{border-radius:8px;width:150px;height:96px}.tile-label{font:500 11px/1 var(--dk-font-mono);color:var(--dk-subtle)}table{border-collapse:collapse;width:100%;margin:12px 0 24px;font-size:14px}th{text-align:left;font:500 11px/1 var(--dk-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dk-subtle);padding:10px 12px}td{vertical-align:top;border-top:1px dotted var(--dk-mute);padding:10px 12px}td code{white-space:nowrap}.playground{border-radius:12px;grid-template-columns:260px 1fr;gap:0;display:grid;overflow:hidden}@media (width<=860px){.playground{grid-template-columns:1fr}}.controls{flex-direction:column;gap:18px;padding:22px;display:flex}.control label{font:500 12px/1 var(--dk-font-mono);justify-content:space-between;margin-bottom:8px;display:flex}.control input[type=range]{width:100%;accent-color:var(--dk-ink)}.seg{flex-wrap:wrap;gap:4px;display:flex}.seg button{all:unset;cursor:pointer;font:500 12px/1 var(--dk-font-mono);color:var(--dk-subtle);border:1px dotted var(--dk-mute);border-radius:6px;padding:6px 10px}.seg button[aria-pressed=true]{color:var(--dk-paper);background:var(--dk-ink);border-color:var(--dk-ink)}.seg button:focus-visible{outline:2px dotted var(--dk-ink);outline-offset:2px}.stage{align-content:center;gap:18px;padding:28px;display:grid}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;display:grid}.icon-cell{font:inherit;color:inherit;cursor:pointer;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:12px;padding:22px 8px 14px;display:flex}.icon-cell span.name{font:400 11px/1 var(--dk-font-mono);color:var(--dk-subtle)}.icon-cell:hover span.name,.icon-cell:focus-visible span.name{color:var(--dk-ink)}.icon-cell:focus-visible{outline:2px dotted var(--dk-ink)}.callout{border-radius:10px;margin:16px 0;padding:16px 18px;font-size:14px}.callout p{margin:0}.toast{font:500 12px/1 var(--dk-font-mono);color:var(--dk-paper);background:var(--dk-ink);z-index:10;border-radius:8px;padding:10px 16px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.footer{color:var(--dk-subtle);margin-top:96px;font-size:13px}.kbd-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.since{vertical-align:3px;letter-spacing:.02em;text-transform:none;height:18px;margin-left:6px;padding:0 6px;font-size:10px}.tile-photo{aspect-ratio:16/10;object-fit:cover;border-radius:8px;width:300px;height:auto;display:block}.stack{align-content:start;gap:12px;display:grid}.uptime-demo{max-width:640px}.uptime-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:14px;display:flex}.uptime-foot{color:var(--dk-subtle);justify-content:space-between;margin-top:10px;font-size:11px;display:flex}.chat-row{align-items:center;gap:10px;display:flex}.avatar{width:32px;height:32px;color:var(--dk-paper);background:var(--dk-ink);border-radius:50%;place-items:center;display:inline-grid}.spark-card{gap:8px;display:grid}.spark-row{align-items:flex-end;gap:16px;display:flex}.spark-row b{letter-spacing:-.02em;font:600 26px/1 Geist,sans-serif}.theme-card{color:var(--dk-ink);background:var(--dk-paper);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dk-ink) 10%, transparent);border-radius:10px;gap:14px;padding:16px;display:grid}.theme-head{color:var(--dk-subtle);justify-content:space-between;align-items:center;font-size:11px;display:flex}.template-frame{margin:16px 0 0}