:root{--accent: #06b6d4;--accent-strong: #0891b2;--accent-soft: rgba(6, 182, 212, .14);--accent-fg: #082f3a;--success: #10b981;--danger: #ef4444;--warn: #f59e0b;--r-1: 6px;--r-2: 10px;--r-3: 14px;--r-4: 20px;--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace}[data-theme=dark]{--bg: #0a0a0c;--bg-elev: #0f0f12;--surface: #141418;--surface-2: #1c1c22;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--fg: #fafafa;--fg-muted: #a1a1aa;--fg-dim: #71717a;--scrim: linear-gradient(180deg, rgba(10, 10, 12, 0) 60%, rgba(10, 10, 12, .65) 100%);--shadow: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 24px 60px -20px rgba(0, 0, 0, .6), 0 8px 24px -8px rgba(0, 0, 0, .4)}[data-theme=light]{--bg: #f6f6f7;--bg-elev: #ffffff;--surface: #ffffff;--surface-2: #f4f4f5;--border: rgba(15, 15, 20, .08);--border-strong: rgba(15, 15, 20, .16);--fg: #0a0a0c;--fg-muted: #52525b;--fg-dim: #71717a;--scrim: linear-gradient(180deg, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, .7) 100%);--shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 24px 60px -20px rgba(15, 15, 20, .18), 0 8px 24px -8px rgba(15, 15, 20, .08)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-feature-settings:"ss01","cv11";letter-spacing:-.005em}button{font-family:inherit;color:inherit;transition:background .18s cubic-bezier(.2,.8,.2,1),border-color .18s,transform .12s,box-shadow .18s,color .18s}button:not(:disabled):hover{filter:brightness(1.06)}button:not(:disabled):active{transform:translateY(.5px) scale(.985)}a{transition:color .18s}::selection{background:var(--accent);color:#001016}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.mono{font-family:var(--font-mono);font-feature-settings:"ss01","ss02"}.stage{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1200px 600px at 50% -20%,color-mix(in oklab,var(--fg) 4%,transparent) 0%,transparent 60%),var(--bg);position:relative;overflow:hidden}.stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,color-mix(in oklab,var(--fg) 4%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklab,var(--fg) 4%,transparent) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 40%,black 30%,transparent 80%);mask-image:radial-gradient(ellipse 90% 70% at 50% 40%,black 30%,transparent 80%)}.widget-card{position:relative;width:100%;max-width:520px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-3);box-shadow:var(--shadow);overflow:hidden;z-index:1}.host-frame{position:relative;width:100%;max-width:1280px;border-radius:var(--r-4);background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.host-bar{height:44px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid var(--border);color:var(--fg-dim);font-size:12px}.host-bar .dot{width:11px;height:11px;border-radius:50%;background:color-mix(in oklab,var(--fg) 16%,transparent)}.host-bar .url{margin-left:8px;padding:5px 10px;border-radius:6px;background:var(--surface-2);color:var(--fg-muted);font-family:var(--font-mono);font-size:11px}.host-body{padding:48px 56px;min-height:560px}.host-body h1{font-size:36px;line-height:1.05;letter-spacing:-.02em;margin:0 0 6px;font-weight:600;color:var(--fg)}.host-body p{font-size:15px;color:var(--fg-muted);max-width:56ch;line-height:1.55;margin:0 0 28px}.host-skel{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:880px}.host-skel .card{border:1px solid var(--border);border-radius:var(--r-3);padding:20px;height:160px;background:var(--surface)}.host-skel .card .lbl{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:10px}.host-skel .card .v{font-size:28px;font-weight:600;letter-spacing:-.02em}.host-skel .card .row{height:8px;border-radius:4px;background:var(--surface-2);margin-top:14px}.host-skel .card .row.short{width:55%}@keyframes pulseRing{0%{transform:scale(.7);opacity:0}30%{opacity:1}to{transform:scale(1.25);opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes popIn{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes sheetIn{0%{transform:translateY(40px);opacity:.6}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes arrowNudge{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(0) translate(6px)}}video::-webkit-media-controls,video::-webkit-media-controls-panel,video::-webkit-media-controls-play-button,video::-webkit-media-controls-start-playback-button,video::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none;opacity:0!important;pointer-events:none!important}video{pointer-events:none}