@keyframes si-ping{0%,70%,to{box-shadow:0 0 0 4px var(--live-wash)}85%{box-shadow:0 0 0 9px transparent}}.si{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1.05fr 1fr;background:var(--bg)}.si-show{position:relative;overflow:hidden;background:var(--ink);color:var(--bg);padding:56px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}.si-show:after{content:"";position:absolute;inset:auto -20% -30% -20%;height:70%;background:radial-gradient(60% 100% at 50% 100%,var(--accent-wash) 0,transparent 70%);pointer-events:none}.si-show-h{font-size:clamp(1.75rem,2.6vw,2.75rem);line-height:1.04;font-weight:650;letter-spacing:-.035em;margin:0;max-width:16em;text-wrap:balance}.si-show-h span{color:color-mix(in oklab,var(--bg) 52%,transparent)}.si-show-scene{position:relative;align-self:center;width:min(100%,520px);container-type:inline-size;--u:min(1px,calc(100cqw / 520))}.si-show-foot{position:relative;margin-top:20px;display:flex;flex-wrap:wrap;gap:10px 22px;font:500 var(--mono-s) var(--mono);letter-spacing:.04em;text-transform:uppercase;color:color-mix(in oklab,var(--bg) 62%,transparent)}.si-show-live{display:inline-flex;align-items:center;gap:9px}.si-show-dot{width:8px;height:8px;border-radius:50%;background:var(--live);animation:si-ping 2.6s ease-out infinite}.si-pane{display:flex;align-items:center;justify-content:center;padding:56px 40px}.si-card{width:100%;max-width:400px}.si-card h1{font-size:2.25rem;line-height:1.05;letter-spacing:-.035em;font-weight:650;margin:28px 0 0}.si-card>p.muted{margin-top:12px;color:var(--ink-2);line-height:1.55}.si-form{display:flex;flex-direction:column;gap:6px;margin-top:30px}.si-form label{font:550 .8125rem var(--sans);color:var(--ink-2);margin-top:14px}.si-form input{height:52px;border-radius:14px;border:1px solid var(--line-2);background:var(--surface);padding:0 16px;font:400 1rem var(--sans);color:var(--ink);width:100%;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.si-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.si-btn{margin-top:24px;height:52px;border:0;border-radius:999px;cursor:pointer;background:var(--accent);color:var(--accent-ink);font:550 .9375rem var(--sans);transition:background .2s var(--ease)}.si-btn:hover:not(:disabled){background:var(--accent-2)}.si-btn:disabled{opacity:.6;cursor:default}.si-alt:focus-visible,.si-btn:focus-visible,.si-form input:focus-visible,.si-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.si-err{margin-top:16px;padding:11px 14px;border-radius:12px;font-size:.875rem;line-height:1.45;background:color-mix(in oklab,var(--danger) 10%,transparent);color:var(--danger)}.si-alt{margin-top:16px;background:none;border:0;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:8px;font:500 .875rem var(--sans);color:var(--ink-2)}.si-alt:hover{color:var(--ink)}.si-switch{margin-top:26px;font-size:.875rem;color:var(--ink-2)}.si-switch a,.si-switch button{background:none;border:0;padding:0;cursor:pointer;font:550 .875rem var(--sans);color:var(--accent);text-decoration:none}.si-switch a:hover,.si-switch button:hover{text-decoration:underline}@media (max-width:900px){.si{grid-template-columns:1fr}.si-show{padding:32px 24px;gap:24px;min-height:0}.si-show-scene{display:none}.si-show-h{font-size:1.5rem}.si-pane{padding:40px 24px 64px;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.si-show-dot{animation:none}}