.cmd{--cmd-blue:#2f7bff;--cmd-blue-hi:#5fa3ff;--cmd-tint:#cfe0ff;--cmd-line:color-mix(in srgb,#8fb4ff 16%,transparent);padding-block:72px 56px}.cmd-head{max-width:680px;margin:0 auto;text-align:center}.cmd-head .eyebrow{color:var(--cmd-blue-hi);margin-bottom:14px}.cmd-head h2{font-size:clamp(1.9rem,4.2vw,3.2rem)}.cmd-head p:not(.eyebrow){margin:16px auto 0;max-width:540px;color:var(--muted);font-size:.95rem;line-height:1.7}.cmd-stage{position:relative;height:420px;margin:28px -20px 0;isolation:isolate;overflow:hidden}.cmd-canvas,.cmd-stage:before{mask-image:radial-gradient(120% 95% at 50% 45%,#000 62%,transparent 100%)}.cmd-stage:before{content:"";position:absolute;inset:0;z-index:-1;transition:opacity .6s ease;background:var(--cmd-poster) center /cover no-repeat,radial-gradient(55% 45% at 50% 60%,color-mix(in srgb,var(--cmd-blue) 22%,transparent),transparent 75%)}.cmd[data-state=live] .cmd-stage:before{opacity:0}.cmd[data-state=fallback] .cmd-stage{display:none}.cmd-canvas,.cmd-scene{position:absolute;inset:0}.cmd-canvas canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .6s ease}.cmd[data-state=live] .cmd-canvas canvas{opacity:1}.cmd-tip{position:absolute;top:0;left:0;z-index:2;display:grid;gap:2px;width:max-content;max-width:min(240px,80%);padding:9px 12px;border:1px solid color-mix(in srgb,var(--cmd-accent,var(--cmd-blue)) 55%,transparent);border-radius:10px;background:#060a16e6;backdrop-filter:blur(8px);box-shadow:0 0 24px color-mix(in srgb,var(--cmd-accent,var(--cmd-blue)) 30%,transparent);color:#e8f0ff;pointer-events:none;opacity:0;transition:opacity .18s ease;will-change:transform}.cmd-tip[data-open]{opacity:1}.cmd-tip[data-touch]{pointer-events:auto}.cmd-tip strong{font-size:.86rem;letter-spacing:-.01em;color:var(--cmd-accent,#fff)}.cmd-tip small{font-size:.72rem;line-height:1.4;color:#b4c3dc}.cmd-tip em{font:600 .68rem/1.4 var(--font-mono,ui-monospace),monospace;font-style:normal;color:var(--cmd-tint);margin-top:3px}.cmd-tip button{justify-self:start;margin-top:6px;padding:6px 12px;border:0;border-radius:999px;cursor:pointer;background:var(--cmd-accent,var(--cmd-blue));color:#03050c;font:700 .7rem/1 var(--font-code,ui-monospace),monospace;letter-spacing:.12em}.cmd-tip button span{margin-left:6px}.cmd-nav{margin-top:18px}.cmd-nav ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cmd-chip{--a:var(--cmd-accent,var(--cmd-blue));position:relative;display:flex;gap:10px;align-items:flex-start;height:100%;padding:11px 12px;border:1px solid var(--cmd-line);border-radius:12px;background:#060a16b3;color:#e8f0ff;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease}.cmd-chip:before{content:"";position:absolute;left:-1px;top:12px;bottom:12px;width:2px;border-radius:2px;background:var(--a);opacity:.7}.cmd-chip-n{font:600 .66rem/1.5 var(--font-code,ui-monospace),monospace;color:var(--a);letter-spacing:.08em}.cmd-chip-text{display:grid;gap:3px;min-width:0}.cmd-chip strong{font-size:.88rem;font-weight:650;letter-spacing:-.01em}.cmd-chip-lang{margin-left:2px;font:600 .62rem/1 var(--font-mono,ui-monospace),monospace;letter-spacing:.06em;color:#8b9bb8;text-decoration:none}.cmd-chip small{font-size:.7rem;line-height:1.4;color:#8b9bb8}.cmd-chip small,.cmd-chip-fig{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cmd-chip-fig{margin-top:3px;font:600 .66rem/1.4 var(--font-mono,ui-monospace),monospace;letter-spacing:.01em;color:color-mix(in srgb,var(--a) 55%,#e8f0ff)}.cmd-chip.is-lit,.cmd-chip:focus-visible,.cmd-chip:hover{border-color:color-mix(in srgb,var(--a) 70%,transparent);background:#08102acc;box-shadow:0 0 0 1px color-mix(in srgb,var(--a) 35%,transparent),0 0 22px color-mix(in srgb,var(--a) 28%,transparent);transform:translateY(-2px)}.cmd-chip:focus-visible{outline:2px solid var(--a);outline-offset:2px}@media (min-width:600px){.cmd-stage{height:480px;margin-inline:0}}@media (min-width:1000px){.cmd{padding-block:96px 72px}.cmd-stage{height:clamp(520px,70vh,780px)}.cmd-nav{margin-top:-28px;position:relative;z-index:1}.cmd-nav ul{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.cmd-canvas canvas,.cmd-chip,.cmd-stage:before,.cmd-tip{transition:none}.cmd-chip.is-lit,.cmd-chip:focus-visible,.cmd-chip:hover{transform:none}}