html,body{height:100%;font-size:calc(16px * var(--tv-scale-multiplier));font-family:var(--font-family-base);color:var(--text-color);line-height:var(--line-height-normal);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;margin:0;overflow:hidden}:root{--app-height:100vh;--app-width:100vw;--tv-scale-multiplier:1;--tv-focus-outline-width:2px;--tv-focus-outline-offset:3px;--tv-safe-padding:0px}body.tv-mode{--tv-scale-multiplier:1.12;--tv-focus-outline-width:4px;--tv-focus-outline-offset:5px;--tv-safe-padding:28px}canvas{-webkit-user-select:none;user-select:none;display:block}a,button,input,select,textarea,[role=button]{touch-action:manipulation}body.gamepad-active :focus:not(:focus-visible){outline:var(--tv-focus-outline-width) solid var(--accent-color,#60a5faf2);outline-offset:var(--tv-focus-outline-offset)}.toy-canvas{width:var(--app-width,100vw);height:var(--app-height,100vh);touch-action:none;will-change:transform;max-width:100%;max-height:100%;transform:translateZ(0)}.is-hidden{display:none!important}@supports (view-transition-name:none){.content{view-transition-name:library-view}.active-toy-container{view-transition-name:toy-view}::view-transition-old(library-view){animation:.35s fadeSlide}::view-transition-new(library-view){animation:.35s fadeSlide}::view-transition-old(toy-view){animation:.35s fadeSlide}::view-transition-new(toy-view){animation:.35s fadeSlide}}@media (prefers-reduced-motion:reduce){::view-transition-old(library-view){animation-duration:1ms}::view-transition-new(library-view){animation-duration:1ms}::view-transition-old(toy-view){animation-duration:1ms}::view-transition-new(toy-view){animation-duration:1ms}}@media (prefers-contrast:more){.active-toy-status__content{border-color:#e9fbfff2;box-shadow:0 18px 36px #0000008c,0 0 0 2px #e9fbff99}}.active-toy-container{width:100%;height:100%;min-height:var(--app-height,100vh);background:radial-gradient(circle at 50% 12%, var(--glow-color), transparent 38%), radial-gradient(circle at 20% 80%, var(--highlight-glow), transparent 34%), linear-gradient(180deg, var(--bg-color), color-mix(in srgb, var(--bg-color) 95%, #000) 56%, color-mix(in srgb, var(--bg-color) 90%, #000));z-index:2;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.active-toy-stage{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.active-toy-stage[data-stage-state=incoming],.active-toy-stage[data-stage-state=outgoing]{opacity:1}.active-toy-container[data-transition-state=loading] .active-toy-stage{transition:none}.active-toy-container[data-transition-state=loading] .active-toy-stage[data-stage-state=incoming]{opacity:0}.active-toy-container[data-transition-state=running] .active-toy-stage{will-change:opacity, filter, transform;transition:opacity .32s,filter .32s,transform .32s}.active-toy-container[data-transition-state=running] .active-toy-stage[data-stage-state=incoming]{opacity:1;filter:blur();transform:scale(1)}.active-toy-container[data-transition-state=running] .active-toy-stage[data-stage-state=outgoing]{opacity:0;filter:blur(12px);transform:scale(1.015)}.active-toy-status{color:#e9fbff;text-align:center;isolation:isolate;place-items:center;padding:24px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.active-toy-status__glow{filter:blur(18px);opacity:.55;z-index:-1;background:radial-gradient(circle at 50% 45%,#5fc0b538,#0000 52%),radial-gradient(circle at 18% 72%,#d389542e,#0000 40%);animation:7s ease-in-out infinite pulseGlow;position:absolute;top:0;bottom:0;left:0;right:0}.active-toy-status__content{contain:layout style;background:var(--panel-gradient);border:1px solid var(--surface-border);box-shadow:var(--shadow-strong);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-2xl);-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);overscroll-behavior:contain;width:min(90vw,480px);max-width:460px}.active-toy-status h2{margin:var(--space-md) 0 var(--space-sm);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:.01em;text-shadow:0 0 18px color-mix(in srgb, var(--accent-color) 18%, transparent)}.active-toy-status p{color:var(--text-muted);line-height:var(--line-height-normal);font-size:var(--font-size-base);letter-spacing:.01em;margin:0}.active-toy-status.is-error .active-toy-status__content{box-shadow:var(--shadow-surface), 0 0 18px #db787840;border-color:#db78788c}.active-toy-status.is-warning .active-toy-status__content{box-shadow:var(--shadow-surface), 0 0 18px #dcaa6e40;border-color:#dcaa6ea6}.active-toy-status__actions{margin-top:var(--space-lg);justify-content:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.active-toy-status--page{place-items:stretch center;gap:var(--space-md);box-sizing:border-box;height:100%;padding:clamp(102px, calc(var(--toy-nav-floating-offset,108px) + var(--space-sm)), 190px) clamp(var(--space-md), 2.2vw, var(--space-lg)) calc(env(safe-area-inset-bottom) + var(--space-lg));grid-template-rows:minmax(220px,1fr) auto;display:grid;overflow:hidden}.active-toy-status--page .toy-frame{width:min(var(--content-width), 100%);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg-color) 85%, transparent);border:0;height:100%;min-height:0;margin-inline-start:auto;margin-inline-end:auto;display:block}.active-toy-status--page .active-toy-status__actions{width:min(1200px,100%);margin-top:0}.toy-loading-spinner{border:3px solid #a3b1bfe6;border-color:#a3b1bfe6 #8c98a5d9 #e9eff533 #e9eff533;border-radius:50%;width:56px;height:56px;margin:0 auto 12px;animation:.9s linear infinite spin}.home-link{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));color:#e8edf2;letter-spacing:.02em;text-transform:none;-webkit-backdrop-filter:blur(12px)saturate(140%);backdrop-filter:blur(12px)saturate(140%);min-width:44px;min-height:44px;text-shadow:none;z-index:1000;touch-action:manipulation;background:#121822e0;border:1px solid #94a5b480;border-radius:14px;align-items:center;gap:8px;padding:10px 14px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .2s,border-color .2s,background .2s;display:inline-flex;position:fixed;box-shadow:0 10px 22px #00000052}.home-link:before{content:"⟵";font-size:1rem}.home-link:hover{background:#151c27eb;border-color:#94a5b4bd;transform:translateY(-1px)scale(1.02);box-shadow:0 14px 26px #0006}.home-link:focus-visible{outline-offset:3px;outline:2px solid #94a5b4d9;box-shadow:0 0 0 3px #00000059}.toy-shell-escape{top:max(6px, env(safe-area-inset-top));z-index:1190;justify-content:flex-start;margin-bottom:8px;display:flex;position:sticky}.toy-shell-escape__link{letter-spacing:.01em;color:#e9fbff;touch-action:manipulation;background:linear-gradient(135deg,#0c1216e0,#0f171be0);border:1px solid #ffefd629;border-radius:999px;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:10px 14px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 12px 24px #00000038}.toy-shell-escape__link:hover{background:#060b16e6;border-color:#94a5b49e}.toy-shell-escape__link:focus-visible{outline-offset:2px;outline:2px solid #60a5faf2}.shell-panels{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));z-index:1125;pointer-events:none;gap:10px;width:min(380px,100vw - 24px);display:grid;position:fixed}.shell-panel{pointer-events:auto;contain:layout style;isolation:isolate}@supports selector(:has(*)){.shell-panels:has(.shell-panel:not(:empty)){align-content:end}.shell-panel:has(>.control-panel,>[data-audio-controls]:not(:empty),>[data-settings-panel]:not(:empty)){filter:drop-shadow(0 10px 18px #0000002e)}}.shell-panel[data-audio-controls]:empty,.shell-panel[data-settings-panel]:empty,.shell-panel>[data-audio-controls]:empty,.shell-panel>[data-settings-panel]:empty{display:none}.active-toy-nav{contain:layout style;isolation:isolate;top:max(8px, env(safe-area-inset-top));z-index:1200;pointer-events:auto;-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%);overscroll-behavior:contain;background:linear-gradient(140deg,#0a1015f2,#0f181cf0);border:1px solid #ffefd624;border-radius:26px;grid-template-columns:minmax(220px,.95fr) minmax(0,1.45fr);align-items:start;gap:12px;width:min(1020px,100% - 18px);padding:12px 14px;transition:opacity .18s,transform .18s,box-shadow .18s;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 42px #0000006b,inset 0 1px #fff8ea12}:root[data-focused-session=launch] .active-toy-nav,:root[data-focused-session=live] .active-toy-nav{background:#060b16cc;border-radius:18px;grid-template-columns:minmax(180px,.8fr) minmax(0,1.15fr);gap:8px;width:min(880px,100% - 24px);padding:9px 10px;box-shadow:0 12px 28px #00000057,inset 0 1px #fff8ea0d}:root[data-focused-session=launch] .active-toy-container>.control-panel.control-panel--audio.control-panel--floating{display:none}.active-toy-nav__content{align-content:start;gap:4px;display:grid}.active-toy-nav__eyebrow{text-transform:uppercase;letter-spacing:.09em;color:#ffe8bad1;margin:0;font-size:.78rem}.active-toy-nav__title{letter-spacing:.015em;color:#e9fbff;margin:0;font-size:1.05rem;font-weight:700}.active-toy-nav__hint{color:#e9fbffe6;margin:0;font-size:.92rem}:root[data-focused-session=launch] .active-toy-nav__hint,:root[data-focused-session=live] .active-toy-nav__hint{display:none}.active-toy-nav__pill{color:#c6fff7;letter-spacing:.03em;background:linear-gradient(120deg,#5fc0b52e,#d3895429);border:1px solid #ffefd629;border-radius:999px;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;padding:6px 10px;font-weight:700;display:inline-flex;box-shadow:0 6px 16px #00000040}:root[data-focused-session=launch] .active-toy-nav__title,:root[data-focused-session=live] .active-toy-nav__title{font-size:.96rem}:root[data-focused-session=launch] .active-toy-nav__pill,:root[data-focused-session=live] .active-toy-nav__pill{padding:4px 8px;font-size:.75rem}.active-toy-nav__actions{justify-content:flex-end;align-items:flex-start;gap:8px;display:flex}.active-toy-nav__mobile-actions{display:none}.active-toy-nav__actions-primary,.active-toy-nav__actions-secondary{align-items:center;gap:8px;display:flex}.active-toy-nav__actions-secondary{background:#060c14e0;border:1px solid #ffefd61f;border-radius:16px;flex-wrap:wrap;justify-content:flex-end;padding:10px 12px;box-shadow:0 16px 32px #0000004d}.toy-nav__share-wrapper,.toy-nav__pip-wrapper,.toy-nav__next-wrapper,.toy-nav__flow-wrapper,.toy-nav__challenge-wrapper{justify-items:flex-end;gap:4px;display:grid}.toy-nav__share,.toy-nav__pip,.toy-nav__next,.toy-nav__flow,.toy-nav__challenge{color:#e9fbff;letter-spacing:.01em;cursor:pointer;touch-action:manipulation;background:linear-gradient(135deg,#5fc0b524,#0b121738);border:1px solid #ffefd624;border-radius:12px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:10px 14px;font-weight:700;transition:transform .16s,box-shadow .2s,border-color .2s,background .2s;display:inline-flex}.toy-nav__share:hover,.toy-nav__pip:hover,.toy-nav__next:hover,.toy-nav__flow:hover,.toy-nav__challenge:hover{background:linear-gradient(135deg,#5fc0b533,#d3895424);border-color:#e9d49b61;transform:translateY(-1px);box-shadow:0 12px 24px #00000059}.toy-nav__share:focus-visible{outline-offset:3px;outline:2px solid #94a5b4e6;box-shadow:0 0 0 3px #00000059}.toy-nav__pip:focus-visible{outline-offset:3px;outline:2px solid #94a5b4e6;box-shadow:0 0 0 3px #00000059}.toy-nav__next:focus-visible{outline-offset:3px;outline:2px solid #94a5b4e6;box-shadow:0 0 0 3px #00000059}.toy-nav__flow:focus-visible{outline-offset:3px;outline:2px solid #94a5b4e6;box-shadow:0 0 0 3px #00000059}.toy-nav__challenge:focus-visible{outline-offset:3px;outline:2px solid #94a5b4e6;box-shadow:0 0 0 3px #00000059}.toy-nav__share:active,.toy-nav__pip:active,.toy-nav__next:active,.toy-nav__flow:active,.toy-nav__challenge:active{transform:translateY(0)}:root[data-focused-session=launch] .toy-nav__share,:root[data-focused-session=launch] .toy-nav__pip,:root[data-focused-session=launch] .toy-nav__next,:root[data-focused-session=launch] .toy-nav__flow,:root[data-focused-session=launch] .toy-nav__challenge,:root[data-focused-session=launch] .toy-nav__back,:root[data-focused-session=live] .toy-nav__share,:root[data-focused-session=live] .toy-nav__pip,:root[data-focused-session=live] .toy-nav__next,:root[data-focused-session=live] .toy-nav__flow,:root[data-focused-session=live] .toy-nav__challenge,:root[data-focused-session=live] .toy-nav__back{min-height:38px;padding:8px 12px}.toy-nav__mobile-toggle{color:#e9fbfff0;letter-spacing:.01em;background:#94a5b414;border:1px solid #94a5b459;border-radius:10px;justify-content:center;align-items:center;min-height:34px;margin-top:6px;padding:6px 11px;font-size:.82rem;font-weight:600;transition:background .16s,border-color .16s,color .16s;display:none}.toy-nav__session-toggle{background:#7dd3fc1a;border-color:#7dd3fc3d;border-radius:999px;min-height:38px;margin-top:0;padding-inline-start:14px;padding-inline-end:14px;display:inline-flex}.toy-nav__mobile-toggle[aria-expanded=true]{background:#94a5b424;border-color:#94a5b47a}.toy-nav__mobile-toggle:focus-visible{outline-offset:2px;outline:2px solid #94a5b499}.active-toy-nav__mobile-actions{align-items:center;gap:8px;width:100%;display:none}.toy-nav__back-quick{color:#e9fbfff0;letter-spacing:.01em;cursor:pointer;touch-action:manipulation;background:#94a5b414;border:1px solid #94a5b459;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:34px;margin-top:6px;padding:6px 11px;font-size:.82rem;font-weight:700;display:none}.toy-nav__back-quick:focus-visible{outline-offset:2px;outline:2px solid #94a5b499}.toy-nav__back-quick span[aria-hidden=true]{filter:none}.toy-nav__share-status,.toy-nav__pip-status,.toy-nav__next-status,.toy-nav__flow-status,.toy-nav__challenge-status{color:#e9fbffbf;min-height:16px;font-size:.75rem}.toy-nav__challenge-status{text-wrap:pretty;max-width:220px}.renderer-status{place-items:flex-start flex-end;gap:6px;margin-inline-end:2px;display:grid}.renderer-status-container{display:contents}.renderer-pill{color:#e9fbff;letter-spacing:.02em;background:linear-gradient(135deg,#5fc0b524,#d389541f);border:1px solid #ffefd629;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-weight:700;display:inline-flex;box-shadow:0 6px 16px #00000040}.renderer-pill--success{background:linear-gradient(135deg,#16a34a2e,#22c55e29);border-color:#22c55ea6;box-shadow:0 6px 16px #0003}.renderer-pill--fallback{background:linear-gradient(135deg,#f8b40029,#ff63471f);border-color:#f8b400a6;box-shadow:0 6px 16px #0003}.renderer-pill__detail{color:#e9fbffcc;max-width:320px;margin:0;line-height:1.35;display:block}.renderer-pill__retry{color:#e9fbff;cursor:pointer;touch-action:manipulation;background:linear-gradient(135deg,#94a5b433,#08101c33);border:1px solid #94a5b4b3;border-radius:10px;min-width:44px;min-height:44px;padding:6px 10px;font-weight:700;transition:transform .16s,box-shadow .2s,border-color .2s,background .2s}.renderer-pill__retry:hover{background:linear-gradient(135deg,#94a5b43d,#a17c6a1f);transform:translateY(-1px);box-shadow:0 10px 20px #00000040}.renderer-pill__retry:focus-visible{outline-offset:3px;outline:2px solid #94a5b4e6}.toy-nav__back{color:#e9fbff;letter-spacing:.01em;cursor:pointer;touch-action:manipulation;background:linear-gradient(135deg,#94a5b42e,#a17c6a29);border:1px solid #94a5b499;border-radius:12px;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:10px 14px;font-weight:700;transition:transform .16s,box-shadow .2s,border-color .2s,background .2s;display:inline-flex;box-shadow:0 12px 26px #00000059}.toy-nav__back:hover{background:linear-gradient(135deg,#94a5b433,#a17c6a33);border-color:#a17c6acc;transform:translateY(-1px);box-shadow:0 16px 32px #0006}.toy-nav__back:focus-visible{outline-offset:3px;outline:2px solid #94a5b4e6;box-shadow:0 0 0 3px #00000059}.toy-nav__back:active{transform:translateY(0)}.toy-nav__back span[aria-hidden=true]{filter:none}.pip-video-helper{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.rendering-overlay{z-index:2000;pointer-events:auto;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.rendering-overlay__backdrop{filter:blur(12px);opacity:.9;background:radial-gradient(circle at 20% 30%,#94a5b42e,#0000 30%),radial-gradient(circle at 80% 70%,#a17c6a29,#0000 28%),linear-gradient(135deg,#04060ed9,#060a14e6);position:absolute;top:0;bottom:0;left:0;right:0}.rendering-overlay__panel{pointer-events:auto;-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);color:#e9fbff;overscroll-behavior:contain;background:radial-gradient(circle at 100% 0,#7ce8ff29,#0000 32%),radial-gradient(circle at 0 100%,#ff9f6824,#0000 34%),linear-gradient(#070c16fa,#090f1cfa);border:1px solid #d0e2ff24;border-radius:28px;grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);grid-template-areas:"eyebrow preview""title preview""description preview""steps preview""links preview""actions actions";gap:14px 20px;width:min(760px,100vw - 32px);padding:28px 30px 26px;display:grid;position:relative;box-shadow:0 36px 80px #00000085,inset 0 1px #ffffff0d}.rendering-overlay__panel:before{content:"";opacity:.58;background:linear-gradient(90deg,#c8ff74,#7ce8ff 54%,#ff9f68);border-radius:999px;height:3px;position:absolute;top:12px;left:30px;right:30px}.rendering-overlay__panel h1{letter-spacing:.02em;grid-area:title;margin:0;font-size:clamp(1.7rem,2vw,2.2rem);line-height:1.04}.rendering-overlay__eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#c8ff74e0;grid-area:eyebrow;margin:0;font-size:.74rem;font-weight:700}.rendering-overlay__description{color:#e9fbffd1;grid-area:description;max-width:42ch;margin:0;font-size:.96rem;line-height:1.55}.rendering-overlay__steps{padding:14px 0 0 20px;color:#e9fbffd1;border-top:1px solid #d0e2ff14;grid-area:steps;gap:8px;margin:0;padding-left:20px;font-size:.92rem;display:grid}.rendering-overlay__links{flex-wrap:wrap;grid-area:links;gap:10px;margin:0;display:flex}.rendering-overlay__actions{border-top:1px solid #d0e2ff14;flex-wrap:wrap;grid-area:actions;align-items:center;gap:10px;margin:0;padding-top:14px;display:flex}.rendering-overlay__button{color:#e9fbff;touch-action:manipulation;background:linear-gradient(#ffffff0d,#0000 44%),#0c1624bd;border:1px solid #d0e2ff29;border-radius:14px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:10px 14px;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .2s,border-color .2s;display:inline-flex}.rendering-overlay__button:hover{border-color:#7ce8ff47;transform:translateY(-1px);box-shadow:0 16px 28px #00000047}.rendering-overlay__button:focus-visible{outline-offset:3px;outline:2px solid #7ce8ffb8}.rendering-overlay__links a{color:#0ff4f9;background:#ffffff0a;border:1px solid #d0e2ff1f;border-radius:999px;padding:7px 11px;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s}.rendering-overlay__links a:hover{border-color:#7ce8ff3d;transform:translateY(-1px);box-shadow:0 12px 22px #0000002e}.rendering-overlay__links a:focus-visible{border-color:#7ce8ff3d;transform:translateY(-1px);box-shadow:0 12px 22px #0000002e}.rendering-overlay__preview{background:linear-gradient(#ffffff0d,#0000 44%),#08101cc7;border:1px solid #d0e2ff1f;border-radius:22px;grid-area:preview;align-self:stretch;gap:10px;padding:14px;display:grid}.rendering-overlay__preview p{color:#e9fbffb8;margin:0;font-size:.82rem;line-height:1.45}.rendering-overlay__preview-pane{background:radial-gradient(circle at 25% 40%,#94a5b459,#0000 45%),radial-gradient(circle at 70% 60%,#a17c6a66,#0000 40%),linear-gradient(135deg,#0c1223d9,#0a0e1af2);border:1px solid #ffffff1f;border-radius:16px;min-height:220px;position:relative;overflow:hidden;box-shadow:inset 0 0 22px #00000073,0 0 18px #94a5b433}.rendering-overlay__preview-pane:after{content:"";filter:blur(28px);opacity:.9;background:conic-gradient(from 90deg,#94a5b42e,#a17c6a1f,#94a5b42e,#a17c6a1f);animation:12s linear infinite hueShift;position:absolute;top:-20%;bottom:-20%;left:-20%;right:-20%}@media (max-width:720px){.rendering-overlay__panel{grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow""title""description""preview""steps""links""actions";width:min(560px,100vw - 24px);padding:24px 20px 22px}.rendering-overlay__panel:before{left:20px;right:20px}.rendering-overlay__preview-pane{min-height:150px}}.control-panel{bottom:max(12px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));color:#e9fbff;-webkit-backdrop-filter:blur(16px)saturate(120%);backdrop-filter:blur(16px)saturate(120%);z-index:1100;overscroll-behavior:contain;background:linear-gradient(#0a1016eb,#0c1218e0);border:1px solid #ffffff1a;border-radius:18px;width:min(312px,88vw);padding:12px;position:fixed;overflow:hidden;box-shadow:0 18px 42px #00000057}.control-panel--floating{bottom:auto;left:auto;top:max(var(--toy-nav-floating-offset,102px), calc(env(safe-area-inset-top) + 96px));right:max(10px, env(safe-area-inset-right));width:min(390px,92vw);max-height:min(calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom)), 90vh);overflow:auto}.control-panel--inline,.control-panel--embedded,.shell-panel[data-audio-controls]>.control-panel,.shell-panel[data-settings-panel]>.control-panel,.shell-panel>[data-audio-controls]>.control-panel,.shell-panel>[data-settings-panel]>.control-panel{width:100%;max-height:min(42dvh,360px);position:relative;top:auto;bottom:auto;left:auto;right:auto;overflow:auto}.control-panel--embedded{box-shadow:none;clip-path:none;background:0 0;border:0;border-top:1px solid #ffefd61f;border-radius:0;max-height:none;margin-top:12px;padding:12px 0 0}.control-panel--embedded:before,.control-panel--embedded:after{display:none}.control-panel:before,.control-panel:after{content:"";z-index:-1;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.control-panel:before{opacity:.7;background:linear-gradient(#ffffff0a,#0000)}.control-panel:after{border:1px solid #ffffff0a;border-radius:14px;top:6px;bottom:6px;left:6px;right:6px}.control-panel__heading{letter-spacing:.01em;margin-bottom:2px;font-weight:700}.control-panel__description{color:#f5f5f5c2;margin:0 0 8px;font-size:.82rem}.control-panel__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#e9fbffb8;margin:0 0 4px;font-size:.72rem}.control-panel__stage-label{letter-spacing:.08em;text-transform:uppercase;color:#e9fbffb8;margin:6px 0 8px;font-size:.73rem}.control-panel__gesture-hints,.control-panel__first-steps{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;margin:0 0 8px;padding:10px 12px}.control-panel__quickstart-spotlight{background:linear-gradient(145deg,#7dd3fc24,#0f172a80);border:1px solid #7dd3fc3d;border-radius:16px;margin:0 0 10px;padding:12px;box-shadow:inset 0 1px #ffffff0f}.control-panel__post-start{gap:10px;margin-top:10px;display:grid}.control-panel__source-shortcuts{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;margin:0 0 10px;padding:12px}.control-panel__shortcut-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.control-panel__first-steps-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.control-panel__first-steps-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.control-panel__dismiss{color:#e9fbffdb;cursor:pointer;background:#ffffff0a;border:1px solid #94a5b442;border-radius:999px;min-width:44px;min-height:44px;padding:6px 10px;font-family:inherit;font-size:.74rem;line-height:1}.control-panel__dismiss:focus-visible{outline-offset:2px;outline:2px solid #60a5faf2}.control-panel__tips--compact{gap:6px;margin-top:8px}.control-panel__comparison{color:#e9fbffad;margin:-2px 0 10px;font-size:.78rem}.control-panel__pill{letter-spacing:.01em;color:#e9fbffe6;background:#ffffff0d;border:1px solid #94a5b43d;border-radius:999px;align-items:center;width:-moz-fit-content;width:fit-content;margin-top:2px;padding:2px 8px;font-size:.68rem;display:inline-flex}.control-panel__advanced-helper{color:#e9fbffa6;margin:-2px 0 8px;font-size:.76rem}.control-panel__quickstart{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;margin:0 0 8px;padding:10px 12px}.control-panel__tips{color:#e9fbffe6;gap:4px;margin:6px 0 0;padding-left:1rem;font-size:.82rem;display:grid}.control-panel__row{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:10px 0;display:flex}.control-panel__row--primary{box-shadow:none;background:#5fc0b51a;border:1px solid #5fc0b52e;border-top:none;border-radius:14px;margin:6px 0;padding:12px}.control-panel__row--toggle{cursor:pointer;touch-action:manipulation;min-height:44px}.control-panel__row--stacked{flex-direction:column;align-items:stretch}.control-panel__mode-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.control-panel__mode{min-width:44px;min-height:44px;color:inherit;cursor:pointer;letter-spacing:.01em;touch-action:manipulation;background:0 0;border:1px solid;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:.85rem;transition:transform .2s,opacity .2s}.control-panel__mode:hover{opacity:.92;transform:translateY(-1px)}.control-panel__mode:focus-visible{outline-offset:2px;outline:2px solid #60a5faf2;box-shadow:0 0 0 3px #3b82f659}.control-panel__mode.is-active{color:#e9fbff;background:#3b82f62e;border-color:#3b82f68c}.control-panel__row:first-of-type{border-top:none}.control-panel__text{flex-direction:column;gap:3px;display:flex}.control-panel__subtext{color:#e9fbffd1;font-size:.85rem}.control-panel__microcopy{color:#e9fbff99;font-size:.75rem;line-height:1.35}.control-panel__details{border-top:1px solid #ffffff14;margin:8px 0 0;padding-top:8px}.control-panel__details>summary{cursor:pointer;list-style:none}.control-panel__details>summary::-webkit-details-marker{display:none}.control-panel__section{padding-top:4px}.control-panel__advanced{gap:8px;padding:4px 0 8px;display:grid}.control-panel__row--advanced-toggle{border-top:1px solid #ffffff14}.control-panel__advanced-toggle{text-align:left;width:100%;color:inherit;cursor:pointer;touch-action:manipulation;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;gap:4px;min-height:44px;padding:10px 12px;font-family:inherit;font-size:.9rem;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;display:grid}.control-panel__advanced-title{font-weight:600}.control-panel__advanced-hint{color:#e9fbffb3;font-size:.8rem}.control-panel__advanced-toggle:hover{box-shadow:none;border-color:#94a5b480;transform:none}.control-panel__advanced-toggle:focus-visible{outline-offset:2px;outline:2px solid #94a5b4d9;box-shadow:0 0 0 3px #3b82f659}.control-panel__status{box-shadow:none;background:#ffffff0a;border:1px solid #94a5b447;border-radius:12px;margin-top:8px;padding:12px 14px 12px 38px;font-size:.9rem;line-height:1.4;position:relative}.control-panel__status:before{content:"";background:#94a5b4e6;border-radius:999px;width:10px;height:10px;position:absolute;top:50%;left:14px;transform:translateY(-50%);box-shadow:0 0 0 4px #94a5b426}.control-panel__status[data-variant=error]{color:#ffd6e6;background:#ff528214;border-color:#ff5282cc}.control-panel__status[data-variant=error]:before{background:#ff5282e6;box-shadow:0 0 0 4px #ff52822e}.control-panel__status[data-variant=success]{color:#e9fbff;background:#94a5b414;border-color:#94a5b4cc}.control-panel__status[data-variant=success]:before{background:#94a5b4f2;box-shadow:0 0 0 4px #94a5b42e}.control-panel__actions{gap:8px;margin-top:8px;display:flex}.control-panel__field{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.control-panel__actions--inline{align-items:center;margin-top:0}.control-panel__label{align-items:center;min-height:44px;font-size:.95rem;font-weight:600;display:inline-flex}.control-panel__info-wrap{width:-moz-fit-content;width:fit-content}.control-panel__info-disclosure{gap:6px;display:grid}.control-panel__info{color:#9bf3ffd9;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;padding:0;font-family:inherit;font-size:.85rem;text-decoration:underline;text-decoration-thickness:1px;list-style:none;display:inline-flex}.control-panel__info::-webkit-details-marker{display:none}.control-panel__info:after{content:"▾";font-size:.75rem;text-decoration:none;transition:transform .2s}.control-panel__info-disclosure[open] .control-panel__info:after{transform:rotate(180deg)}.control-panel__info:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #94a5b4d9}.control-panel__info-text{color:#e9fbffe6;background:#0a121cb8;border:1px solid #9bf3ff38;border-radius:12px;max-width:min(32rem,100%);padding:10px 12px;font-size:.85rem;line-height:1.45}.control-panel__note{color:#e9fbffed;margin:6px 0 0;font-size:.95rem}.control-panel__value{text-align:right;color:#e9fbffd9;min-width:52px;font-weight:700}.control-panel__label.small{text-transform:uppercase;letter-spacing:.05em;opacity:.9;font-size:.85rem}.control-panel__input{color:#e9fbff;background:#080c14d9;border:1px solid #94a5b499;border-radius:10px;flex:180px;width:100%;min-height:44px;padding:10px 12px;font-size:1rem}.control-panel__recent{flex-direction:column;gap:4px;margin-top:8px;display:flex}.control-panel__chip-list{flex-wrap:wrap;gap:6px;display:flex}.control-panel__chip{color:#9bf3ff;text-align:left;cursor:pointer;touch-action:manipulation;background:#ffffff0a;border:1px solid #94a5b43d;border-radius:999px;flex-direction:column;justify-content:center;align-items:flex-start;min-width:44px;max-width:100%;min-height:44px;padding:6px 12px;font-family:inherit;font-size:.85rem;transition:all .2s;display:inline-flex}.control-panel__chip-title,.control-panel__chip-meta{text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,18rem);display:block;overflow:hidden}.control-panel__chip-title{color:#e9fbff;font-weight:700}.control-panel__chip-meta{color:#9bf3ffc7;font-size:.72rem}.control-panel__chip:hover{background:#ffffff14;border-color:#94a5b499;transform:none}.control-panel__embed{aspect-ratio:16/9;background:#000;border:1px solid #ffffff1a;border-radius:8px;width:100%;min-height:180px;overflow:hidden}.control-panel__embed>div,.control-panel__embed iframe{width:100%;height:100%;display:block}.control-panel small{color:#f5f5f5d1;line-height:1.3}.control-panel input[type=checkbox]{accent-color:#70f0ff;filter:drop-shadow(0 0 6px #94a5b480);cursor:pointer;border:1px solid #94a5b48c;border-radius:6px;width:28px;height:28px}.control-panel select,.control-panel__select{color:#e9fbff;letter-spacing:.01em;min-width:150px;min-height:44px;box-shadow:none;background:#0b111deb;border:1px solid #94a5b480;border-radius:10px;padding:10px 12px;font-size:1rem;font-weight:700}.control-panel select:focus,.control-panel__select:focus{outline-offset:2px;outline:2px solid #a17c6aa6;box-shadow:0 0 18px #a17c6a66,0 0 10px #94a5b459}.control-panel input[type=range],.control-panel__slider{-webkit-appearance:none;appearance:none;cursor:pointer;background:#ffffff0a;border:1px solid #94a5b45c;border-radius:999px;flex:1;width:100%;height:44px;box-shadow:inset 0 0 0 1px #ffffff05}.control-panel input[type=range]:focus-visible{outline-offset:3px;outline:2px solid #a17c6aa6;box-shadow:0 0 18px #a17c6a66,0 0 10px #94a5b459}.control-panel__slider:focus-visible{outline-offset:3px;outline:2px solid #a17c6aa6;box-shadow:0 0 18px #a17c6a66,0 0 10px #94a5b459}.control-panel input[type=range]::-webkit-slider-runnable-track{background:#94a5b42e;border:1px solid #94a5b457;border-radius:999px;height:12px}.control-panel__slider::-webkit-slider-runnable-track{background:#94a5b42e;border:1px solid #94a5b457;border-radius:999px;height:12px}.control-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;box-shadow:none;background:#e9fbffeb;border:1px solid #94a5b499;border-radius:50%;margin-top:-4px}.control-panel__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;box-shadow:none;background:#e9fbffeb;border:1px solid #94a5b499;border-radius:50%;margin-top:-4px}.control-panel input[type=range]::-moz-range-track{background:#94a5b42e;border:1px solid #94a5b457;border-radius:999px;height:12px}.control-panel__slider::-moz-range-track{background:#94a5b42e;border:1px solid #94a5b457;border-radius:999px;height:12px}.control-panel input[type=range]::-moz-range-thumb{width:18px;height:18px;box-shadow:none;background:#e9fbffeb;border:1px solid #94a5b499;border-radius:50%}.control-panel__slider::-moz-range-thumb{width:18px;height:18px;box-shadow:none;background:#e9fbffeb;border:1px solid #94a5b499;border-radius:50%}.control-panel__checkbox-inline{letter-spacing:.01em;color:#e9fbff;background:#ffffff0a;border:1px solid #94a5b433;border-radius:999px;align-items:center;gap:10px;padding:8px 10px;font-weight:600;display:inline-flex}.control-panel__checkbox-inline input[type=checkbox]{margin:0}.control-panel__checkbox-inline:focus-within{outline-offset:2px;outline:2px solid #a17c6aa6;box-shadow:0 0 18px #a17c6a66,0 0 10px #94a5b459}@media (max-width:720px){.active-toy-container[data-has-blocking-status=true] .renderer-status-container{display:none}.toy-shell-escape{margin-bottom:6px}.toy-shell-escape__link{justify-content:center;width:100%}.active-toy-nav{max-height:min(34svh, calc(100dvh - env(safe-area-inset-top) - 6px));-webkit-overflow-scrolling:touch;background:#060b16eb;border-color:#94a5b44d;border-radius:18px;grid-template-columns:1fr;align-items:stretch;gap:4px;padding:8px 9px;overflow-y:auto;box-shadow:0 12px 28px #0006}.active-toy-nav__content{gap:1px}.active-toy-nav__eyebrow{letter-spacing:.08em;opacity:.92;font-size:.66rem}.active-toy-nav__title{font-size:.92rem;line-height:1.2}.active-toy-nav__hint,.active-toy-nav__pill{display:none}.active-toy-nav__mobile-actions{gap:4px;margin-top:4px;display:flex}.toy-nav__mobile-toggle,.toy-nav__back-quick{border-radius:12px;flex:1 1 0;justify-content:center;width:auto;min-height:40px;margin-top:0;padding:8px 10px;font-size:.8rem;display:inline-flex}.toy-nav__mobile-toggle{white-space:normal;line-height:1.2}.active-toy-nav__actions{gap:6px;width:100%;margin-top:2px;display:grid}.active-toy-nav__actions-primary,.active-toy-nav__actions-secondary{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.active-toy-nav__actions-secondary{border-top:1px solid #94a5b44d;padding-top:4px}.active-toy-nav__actions-secondary .toy-nav__back{display:none}.active-toy-nav__actions[data-toy-actions-expanded=true] .active-toy-nav__actions-secondary{-webkit-overflow-scrolling:touch;max-height:min(18svh,172px);padding-right:2px;overflow-y:auto}.active-toy-nav__actions[data-toy-actions-expanded=false] .active-toy-nav__actions-secondary,:root[data-preflight-open=true] .active-toy-nav{display:none}:root[data-focused-session=launch] .active-toy-nav,:root[data-focused-session=live] .active-toy-nav{max-height:min(24svh,196px);padding:7px 8px}:root[data-focused-session=launch] .active-toy-nav__actions[data-toy-actions-expanded=true] .active-toy-nav__actions-secondary,:root[data-focused-session=live] .active-toy-nav__actions[data-toy-actions-expanded=true] .active-toy-nav__actions-secondary{max-height:min(12svh,118px)}:root[data-preflight-open=true] .control-panel--floating:not(.preflight-panel),:root[data-preflight-open=true] .milkdrop-overlay__toggle{display:none}.renderer-status-container,.renderer-status,.renderer-pill,.renderer-pill__detail{width:100%;max-width:100%}.renderer-status-container{grid-column:1/-1}.toy-nav__share-wrapper,.toy-nav__pip-wrapper,.toy-nav__next-wrapper,.toy-nav__flow-wrapper,.toy-nav__challenge-wrapper{justify-items:stretch;width:100%}.toy-nav__share,.toy-nav__pip,.toy-nav__next,.toy-nav__flow,.toy-nav__challenge{width:100%;min-height:40px;box-shadow:none;background:#94a5b414;border-color:#94a5b459;border-radius:10px;padding:8px 10px;font-size:.82rem;font-weight:600}.toy-nav__back{display:none}.control-panel--floating{top:max(var(--toy-nav-floating-offset,108px), calc(env(safe-area-inset-top) + 84px));max-height:min(34svh, calc(100dvh - var(--toy-nav-floating-offset,108px) - env(safe-area-inset-bottom) - 10px))}:root[data-toy-controls-expanded=false] .active-toy-container[data-audio-prompt-active=false] .control-panel--floating,:root[data-toy-controls-expanded=false] body[data-audio-active=true] .active-toy-container .control-panel--audio{display:none}.active-toy-container[data-audio-prompt-active=true] .control-panel--floating{display:block}:root[data-toy-controls-expanded=true] .control-panel--floating{max-height:min(40svh, calc(100dvh - var(--toy-nav-floating-offset,108px) - env(safe-area-inset-bottom) - 14px));display:block}.control-panel{left:max(6px, env(safe-area-inset-left));right:max(6px, env(safe-area-inset-right));width:auto;padding:10px;padding-bottom:max(10px, env(safe-area-inset-bottom));clip-path:none;max-height:min(44svh, calc(100dvh - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));-webkit-overflow-scrolling:touch;border-radius:18px;overflow-y:auto}.control-panel--audio{bottom:max(6px, env(safe-area-inset-bottom));max-height:min(34svh, calc(100dvh - env(safe-area-inset-bottom) - 12px))}:root[data-toy-controls-expanded=true] .active-toy-container .control-panel--audio{display:block}.control-panel__description,.control-panel__comparison,.control-panel__advanced-helper,.control-panel__tips{display:none}.control-panel__quickstart-spotlight,.control-panel__quickstart,.control-panel__gesture-hints,.control-panel__quickstart-spotlight .control-panel__comparison{display:block}.control-panel__quickstart-spotlight .control-panel__tips,.control-panel__quickstart .control-panel__tips{display:grid}.control-panel__row{margin:4px 0;padding:6px 0}.shell-panels{left:max(6px, env(safe-area-inset-left));right:max(6px, env(safe-area-inset-right));bottom:max(6px, env(safe-area-inset-bottom));gap:8px;width:auto}.control-panel--inline,.control-panel--embedded,.shell-panel[data-audio-controls]>.control-panel,.shell-panel[data-settings-panel]>.control-panel,.shell-panel>[data-audio-controls]>.control-panel,.shell-panel>[data-settings-panel]>.control-panel{max-height:min(28svh, calc(100dvh - env(safe-area-inset-bottom) - 12px))}.control-panel:after{clip-path:none}.control-panel__row{flex-wrap:wrap;align-items:flex-start;gap:6px;padding:4px 0}.control-panel__heading{font-size:.9rem}.control-panel__text{gap:2px;min-width:0}.control-panel__label{min-height:auto;font-size:.88rem;line-height:1.2}.control-panel__subtext{font-size:.78rem;line-height:1.3}.control-panel__microcopy{font-size:.7rem}.control-panel__row--primary{border-radius:12px;padding:10px}.control-panel__description{margin-bottom:6px;font-size:.78rem}.control-panel__quickstart-spotlight{margin-bottom:8px;padding:10px}.control-panel__value{text-align:left;min-width:auto}.control-panel__actions{flex-direction:column;align-items:stretch;gap:6px;width:100%}.active-toy-container[data-has-blocking-status=true] .active-toy-status{padding:clamp(92px, calc(var(--toy-nav-floating-offset,108px) + 8px), 136px) 12px 12px;-webkit-overflow-scrolling:touch;align-items:start;overflow-y:auto}.active-toy-container[data-has-blocking-status=true] .active-toy-status__content{border-radius:22px;width:min(100%,420px);margin-inline-start:auto;margin-inline-end:auto;padding:20px 18px}.active-toy-container[data-has-blocking-status=true] .active-toy-status__actions{flex-direction:column;align-items:stretch}.active-toy-container[data-has-blocking-status=true] .active-toy-status__actions .cta-button{justify-content:center;width:100%}}@media (max-width:520px){.active-toy-nav__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.active-toy-nav{top:max(4px, env(safe-area-inset-top));width:calc(100% - max(8px, env(safe-area-inset-left)) - max(8px, env(safe-area-inset-right)));border-radius:14px;padding:8px}.active-toy-nav__eyebrow{display:none}.active-toy-nav__title{font-size:.88rem}.renderer-status{width:100%}.renderer-pill__detail{max-width:100%}.control-panel--floating{top:max(var(--toy-nav-floating-offset,108px), calc(env(safe-area-inset-top) + 72px));max-height:min(40svh, calc(100dvh - var(--toy-nav-floating-offset,108px) - env(safe-area-inset-bottom) - 8px))}:root[data-toy-controls-expanded=true] .control-panel--floating{max-height:min(44svh, calc(100dvh - var(--toy-nav-floating-offset,108px) - env(safe-area-inset-bottom) - 14px))}.control-panel{max-height:min(40svh, calc(100dvh - var(--toy-nav-floating-offset,102px) - env(safe-area-inset-bottom) - 10px));padding:8px}.control-panel--audio{max-height:min(30svh, calc(100dvh - env(safe-area-inset-bottom) - 10px))}.control-panel__actions--inline{flex-direction:column;align-items:stretch}.control-panel__mode{flex:auto;padding:6px 10px;font-size:.8rem}}@media (max-width:920px) and (max-height:520px) and (orientation:landscape){.toy-shell-escape{margin-bottom:4px}.toy-shell-escape__link{min-height:40px;padding:8px 12px;font-size:.9rem}.preflight-panel__statuses{grid-template-columns:1fr;gap:8px}.preflight-panel__secondary-note,.preflight-panel__remember,.preflight-retry-link{font-size:.76rem}.control-panel__row{gap:10px}}@media (max-width:380px){.active-toy-nav__actions,.active-toy-nav__actions-primary,.active-toy-nav__actions-secondary{grid-template-columns:1fr}}.cta-button[data-loading=true]{pointer-events:none;opacity:.85;position:relative}.cta-button[data-loading=true]:before{content:"";border:2px solid #fff6;border-top-color:#ffffffe6;border-radius:50%;width:16px;height:16px;margin-right:6px;animation:.8s linear infinite spin}@keyframes grid-glide{0%{transform:translateY(0)}to{transform:translateY(-18px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{opacity:.8}50%{opacity:.45}}@keyframes hueShift{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}#error-message{color:#ff7b7b;z-index:1200;background:#000000c7;border:1px solid #ff7b7b59;border-radius:8px;padding:10px 12px;font-weight:600;display:none;position:fixed;top:20px;left:20px;box-shadow:0 8px 18px #00000059}.preflight-panel{background:radial-gradient(circle at 100% 0,#7ce8ff24,#0000 30%),radial-gradient(circle at 0 100%,#ff9f681f,#0000 34%),linear-gradient(#070c16fa,#090f1cfa);border-color:#d0e2ff24;border-radius:26px;gap:10px;max-width:680px;padding:18px 20px 20px;position:relative;box-shadow:0 32px 72px #00000075,inset 0 1px #ffffff0a}.preflight-panel:before{content:"";opacity:.58;background:linear-gradient(90deg,#c8ff74,#7ce8ff 54%,#ff9f68);border-radius:999px;height:3px;position:absolute;top:12px;left:20px;right:20px}.preflight-panel:after{border-color:#d0e2ff14;border-radius:20px;top:10px;bottom:10px;left:10px;right:10px}.preflight-panel.control-panel--floating{width:min(680px,100vw - 28px);left:50%;right:auto;transform:translate(-50%)}.preflight-dialog{clip-path:none;border-radius:26px;margin:0}.preflight-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 25% 20%,#7ce8ff14,#0000 24%),#060810c2}@media (max-width:600px){.preflight-dialog,.preflight-panel.control-panel--floating{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));clip-path:none;width:auto;transform:none}.preflight-dialog:after{clip-path:none}}.preflight-panel__statuses{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 2px;display:grid}.preflight-status{background:linear-gradient(#ffffff0a,#0000 44%),#0a111dc2;border:1px solid #d0e2ff14;border-radius:18px;padding:14px 16px;box-shadow:0 16px 30px #00000029}.preflight-status--primary{background:radial-gradient(circle at 100% 0,#7ce8ff1f,#0000 36%),linear-gradient(#ffffff0d,#0000 44%),#0a121eeb;border-color:#7ce8ff2e;grid-column:1/-1}.preflight-status--supporting{background:#080e1ca3;border-color:#d0e2ff14}.preflight-dialog .control-panel__actions{border-top:1px solid #d0e2ff14;flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-top:6px;padding-top:14px}.preflight-dialog .control-panel__actions .cta-button.primary{min-width:190px;box-shadow:0 14px 28px #00000042}.preflight-panel__remember{color:var(--text-muted);align-items:center;gap:.45rem;margin-top:.2rem;font-size:.9rem;display:inline-flex}.preflight-panel .preflight-panel__remember-toggle[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent-color);filter:none;border-radius:3px}.preflight-retry-link{align-self:flex-start;margin-top:2px}.preflight-status__label{text-transform:uppercase;letter-spacing:.08em;color:#e9fbffb8;margin:0 0 4px;font-size:.8rem}.preflight-status__value{margin:0 0 4px;font-size:1.02rem;font-weight:700}.preflight-status__note{color:#e9fbffc7;margin:0;font-size:.9rem}.preflight-status[data-variant=ok]{border-color:#94a5b473;box-shadow:0 0 12px #94a5b433}.preflight-status[data-variant=warn]{border-color:#ffc46980}.preflight-status[data-variant=error]{border-color:#ff69968c}.preflight-panel__issues-container{background:linear-gradient(#ffffff0a,#0000 46%),#080e1ca8;border:1px solid #d0e2ff14;border-radius:18px;margin-top:2px;padding:14px 16px}.preflight-panel__details{background:#080e1c8a;border:1px solid #d0e2ff14;border-radius:18px;margin:2px 0 0;padding:14px 16px}.preflight-panel__details-summary{cursor:pointer;text-transform:uppercase;letter-spacing:.08em;color:#e9fbffb8;font-size:.78rem}.preflight-panel__details-content{margin-top:6px}.preflight-panel__details-list{color:#e9fbffc7;gap:6px;margin:0;padding-left:16px;font-size:.88rem;display:grid}.preflight-panel__eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#ffc469d9;margin:0 0 4px;font-size:.8rem}.preflight-panel__issues{color:#e9fbffdb;gap:4px;margin:0;padding-left:16px;display:grid}.preflight-panel__support{background:#080e1cb8;border:1px solid #d0e2ff14;border-radius:16px;margin-top:10px;padding:12px 14px}.preflight-panel__support-title{text-transform:uppercase;letter-spacing:.08em;color:#ffc469d9;margin:0 0 4px;font-size:.8rem}.preflight-panel__support-text{color:#e9fbffc7;margin:0 0 8px;font-size:.9rem}.preflight-panel__support-links{gap:6px;margin:0;padding-left:16px;font-size:.9rem;display:grid}.preflight-panel__support-links a{color:#7dd3fc}.preflight-panel__support-links a:hover{color:#bae6fd}.preflight-panel__success{color:#94a5b4f5;margin:0;font-weight:700}@media (max-width:600px){.preflight-panel{padding:16px 14px}.preflight-panel:before{left:14px;right:14px}.preflight-panel__statuses{grid-template-columns:1fr}}:root[data-agent-vibe-mode=true]{--agent-vibe-intensity:1}:root[data-agent-vibe-mode=true] .active-toy-container{animation:.62s ease-in-out infinite agentVibePulse}:root[data-agent-vibe-mode=true] .toy-canvas{filter:saturate(calc(1 + (.2 * var(--agent-vibe-intensity,1)))) contrast(calc(1 + (.08 * var(--agent-vibe-intensity,1))))}@keyframes agentVibePulse{0%,to{transform:scale(1)}50%{transform:scale(calc(1 + (.004 * var(--agent-vibe-intensity,1))))}}body.tv-mode .active-toy-nav{top:max(calc(env(safe-area-inset-top) + var(--tv-safe-padding)), 24px);left:max(calc(env(safe-area-inset-left) + var(--tv-safe-padding)), 24px);right:max(calc(env(safe-area-inset-right) + var(--tv-safe-padding)), 24px)}body.tv-mode .control-panel{right:max(calc(env(safe-area-inset-right) + var(--tv-safe-padding)), 24px);bottom:max(calc(env(safe-area-inset-bottom) + var(--tv-safe-padding)), 24px)}body.tv-mode .toy-nav__share,body.tv-mode .toy-nav__pip,body.tv-mode .toy-nav__next,body.tv-mode .toy-nav__flow,body.tv-mode .toy-nav__challenge,body.tv-mode .toy-nav__back,body.tv-mode .control-panel button,body.tv-mode .control-panel select,body.tv-mode .control-panel input{min-width:56px;min-height:56px;font-size:1rem}.milkdrop-overlay{z-index:1250;pointer-events:none;position:fixed;top:auto;bottom:20px;left:auto;right:20px}:root[data-session-display-mode=immersive][data-session-chrome=hidden] .milkdrop-overlay:not(.is-open) .milkdrop-overlay__toggle{opacity:.86}:root[data-focused-session=launch] .milkdrop-overlay,:root[data-focused-session=live] .milkdrop-overlay{top:auto;bottom:16px;left:auto;right:16px}.milkdrop-overlay__toggle{pointer-events:auto;color:#e0f2fe;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#0b0f1aeb,#141c30eb);border:1px solid #7dd3fc4d;border-radius:999px;padding:10px 16px;font-weight:700;box-shadow:0 18px 44px #02061773}.milkdrop-overlay__osd{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080e1ce0;border:1px solid #7dd3fc38;border-radius:18px;min-width:220px;max-width:min(72vw,320px);padding:12px 14px;position:absolute;bottom:calc(100% + 12px);right:0;box-shadow:0 18px 44px #0206176b}.milkdrop-overlay__panel{pointer-events:auto;color:#e2e8f0;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:radial-gradient(circle at 100% 0,#38bdf82e,#0000 36%),linear-gradient(160deg,#090e1bf5,#0e1426f5);border:1px solid #7dd3fc33;border-radius:24px;width:min(94vw,620px);max-height:min(78vh,760px);margin-top:10px;display:none;overflow:hidden;box-shadow:0 24px 68px #0206178c}:root[data-focused-session=launch] .milkdrop-overlay__panel,:root[data-focused-session=live] .milkdrop-overlay__panel{background:radial-gradient(circle at 100% 0,#38bdf824,#0000 34%),linear-gradient(160deg,#090e1beb,#0e1426eb);width:min(42vw,560px);max-height:min(64vh,700px)}.milkdrop-overlay.is-open .milkdrop-overlay__panel{display:grid}.milkdrop-overlay.is-open .milkdrop-overlay__toggle{display:none}.milkdrop-overlay__header,.milkdrop-overlay__toolbar,.milkdrop-overlay__tabs{gap:8px;padding:12px 16px;display:grid}.milkdrop-overlay__header{border-bottom:1px solid #94a3b824;grid-template-columns:1fr auto;align-items:start}.milkdrop-overlay__title-block{gap:4px;display:grid}.milkdrop-overlay__title{font-size:1rem;font-weight:700}.milkdrop-overlay__status{color:#bfdbfed1;font-size:.84rem}.milkdrop-overlay__close,.milkdrop-overlay__hud-toggle,.milkdrop-overlay__toolbar button,.milkdrop-overlay__editor-actions button,.milkdrop-overlay__preset-launch,.milkdrop-overlay__favorite,.milkdrop-overlay__tabs button,.milkdrop-overlay__rating-select{color:#f8fafc;background:#0f172aa3;border:1px solid #94a3b838;border-radius:14px}.milkdrop-overlay__close,.milkdrop-overlay__hud-toggle,.milkdrop-overlay__toolbar button,.milkdrop-overlay__editor-actions button,.milkdrop-overlay__favorite,.milkdrop-overlay__tabs button,.milkdrop-overlay__rating-select{min-height:36px;padding:7px 11px}.milkdrop-overlay__toolbar{border-bottom:1px solid #94a3b824;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:center}.milkdrop-overlay__toolbar-group{align-items:center;gap:8px;display:grid}.milkdrop-overlay__toolbar-group:first-child{grid-template-columns:auto minmax(0,1fr)}.milkdrop-overlay__toolbar-field{gap:6px;display:grid}.milkdrop-overlay__toolbar-field span{color:#bae6fdc2;letter-spacing:.12em;text-transform:uppercase;font-size:.73rem;font-weight:700}.milkdrop-overlay__checkbox,.milkdrop-overlay__blend{align-items:center;gap:8px;font-size:.88rem;display:inline-flex}.milkdrop-overlay__blend input{flex:1}.milkdrop-overlay__blend-value{font-variant-numeric:tabular-nums;text-align:right;min-width:52px}.milkdrop-overlay__tabs{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:0}.milkdrop-overlay__tabs button.is-active{background:#38bdf82e;border-color:#38bdf861}.milkdrop-overlay__body{gap:12px;padding:0 16px 16px;display:grid}.milkdrop-overlay__tools-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;margin-bottom:10px;display:grid}.milkdrop-overlay__tools-tabs button{color:#f8fafc;background:#0f172aa3;border:1px solid #94a3b838;border-radius:14px;min-height:36px;padding:7px 11px}.milkdrop-overlay__tools-tabs button.is-active{background:#38bdf82e;border-color:#38bdf861}.milkdrop-overlay__shortcut-hud{background:#090f1bb8;border:1px solid #94a3b824;border-radius:18px;padding:14px}.milkdrop-overlay__shortcut-title{letter-spacing:.08em;text-transform:uppercase;color:#bae6fdd1;margin:0 0 10px;font-size:.84rem;font-weight:700}.milkdrop-overlay__shortcut-list{color:#e2e8f0eb;gap:8px;margin:0;padding-left:18px;font-size:.88rem;display:grid}.milkdrop-overlay__shortcut-list kbd{color:#e0f2fe;min-width:1.8em;font:inherit;background:#0f172ab8;border:1px solid #94a3b838;border-radius:999px;justify-content:center;align-items:center;padding:1px 6px;font-size:.74rem;font-weight:700;display:inline-flex}.milkdrop-overlay__workspace-hint{background:linear-gradient(145deg,#7dd3fc1f,#0f172a75);border:1px solid #7dd3fc33;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex}.milkdrop-overlay__workspace-hint-copy{color:#e9fbffe6;margin:0;font-size:.9rem;line-height:1.45}.milkdrop-overlay__workspace-hint-dismiss{color:#e9fbffe0;min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #94a5b43d;border-radius:999px;padding:8px 12px}.milkdrop-overlay__tab-panel{min-height:280px}.milkdrop-overlay__browse-hero{background:#090f1bad;border:1px solid #94a3b81f;border-radius:14px;gap:8px;margin-top:0;padding:8px 10px;display:grid}.milkdrop-overlay__browse-copy{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"active quality""meta meta";align-items:center;gap:4px 10px;display:grid}.milkdrop-overlay__browse-control-label,.milkdrop-overlay__quality-label{color:#bae6fdc2;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.73rem;font-weight:700}.milkdrop-overlay__browse-active{color:#f8fafc;grid-area:active;min-width:0;font-size:.94rem;font-weight:700;line-height:1.3}.milkdrop-overlay__browse-meta{color:#bfdbfeb8;grid-area:meta;margin:0;font-size:.78rem;line-height:1.3}.milkdrop-overlay__quality{grid-area:quality;place-items:center end;gap:3px;display:inline-grid}.milkdrop-overlay__quality-label{grid-auto-flow:column;align-items:center;gap:8px;display:inline-grid}.milkdrop-overlay__quality-select{width:auto;min-width:128px}.milkdrop-overlay__quality-hint{color:#e2e8f0b8;text-align:right;max-width:28ch;margin:0;font-size:.74rem;line-height:1.25}.milkdrop-overlay__browse-controls{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:6px;margin-top:8px;display:grid}.milkdrop-overlay__browse-control{gap:3px;display:grid}.milkdrop-overlay__browse-control--search{grid-column:1/-1}.milkdrop-overlay__browse-mode-tabs{flex-wrap:wrap;gap:5px;display:flex}.milkdrop-overlay__browse-mode-tab{color:#e2e8f0eb;min-height:28px;font:inherit;cursor:pointer;background:#0f172a8f;border:1px solid #94a3b82e;border-radius:999px;padding:4px 9px;font-size:.78rem}.milkdrop-overlay__browse-mode-tab[data-active=true]{color:#e0f2fe;background:#38bdf829;border-color:#38bdf861}.milkdrop-overlay__browse-options{align-self:end;margin:0}.milkdrop-overlay__browse-options>summary{list-style:none}.milkdrop-overlay__browse-options>summary::-webkit-details-marker{display:none}.milkdrop-overlay__browse-options-summary{color:#e2e8f0eb;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f172a8f;border:1px solid #94a3b82e;border-radius:999px;min-height:28px;padding:5px 10px;font-size:.78rem}.milkdrop-overlay__browse-options[open] .milkdrop-overlay__browse-options-summary{color:#e0f2fe;background:#38bdf829;border-color:#38bdf861}.milkdrop-overlay__browse-options-body{background:#0f172a61;border:1px solid #94a3b824;border-radius:12px;gap:6px;margin-top:6px;padding:8px;display:grid}.milkdrop-overlay__search,.milkdrop-overlay__field input{color:#f8fafc;background:#0f172a9e;border:1px solid #94a3b833;border-radius:14px;width:100%;padding:8px 10px}.milkdrop-overlay__collection-filters{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.milkdrop-overlay__collection-filter{color:#e2e8f0eb;background:#0f172a8f;border:1px solid #94a3b82e;border-radius:999px;min-height:26px;padding:4px 8px;font-size:.76rem}.milkdrop-overlay__collection-filter[data-active=true]{color:#e0f2fe;background:#38bdf829;border-color:#38bdf861}.milkdrop-overlay__browse{gap:14px;max-height:360px;margin-top:12px;padding-right:4px;display:grid;overflow:auto}.milkdrop-overlay__browse-section{gap:6px;padding:0;display:grid}.milkdrop-overlay__browse-heading{color:#e2e8f0c2;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:.68rem;font-weight:600;display:flex}.milkdrop-overlay__browse-count{color:#bae6fdcc;background:#38bdf81a;border-radius:999px;justify-content:center;align-items:center;min-width:24px;min-height:18px;padding:0 6px;font-size:.68rem;font-weight:600;display:inline-flex}.milkdrop-overlay__browse-empty{color:#bfdbfec7;background:#0f172a6b;border:1px solid #94a3b81f;border-radius:18px;padding:14px;font-size:.9rem}.milkdrop-overlay__preset{border-top:1px solid #94a3b81f;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding-top:8px;display:grid}.milkdrop-overlay__preset[data-active=true] .milkdrop-overlay__preset-launch{color:#f8fafc}.milkdrop-overlay__preset-launch{text-align:left;background:0 0;border:0;gap:4px;min-width:0;padding:2px 0;display:grid}.milkdrop-overlay__preset-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.milkdrop-overlay__preset-title{font-weight:700;line-height:1.2}.milkdrop-overlay__preset-badges{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:4px;display:inline-flex}.milkdrop-overlay__preset-meta{color:#bfdbfebd;min-height:0;font-size:.75rem;line-height:1.25}.milkdrop-overlay__preset-actions{grid-auto-columns:max-content;grid-auto-flow:column;place-items:start end;gap:4px;display:inline-grid}.milkdrop-overlay__support{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-items:center;width:-moz-fit-content;width:fit-content;padding:4px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.milkdrop-overlay__preset-tag{color:#e2e8f0db;letter-spacing:.03em;text-transform:uppercase;background:#94a3b824;border-radius:999px;align-items:center;padding:4px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.milkdrop-overlay__preset-tag--active{color:#e0f2fe;background:#38bdf833}.milkdrop-overlay__support--supported{color:#bbf7d0;background:#16a34a2e}.milkdrop-overlay__support--partial{color:#fde68a;background:#f59e0b2e}.milkdrop-overlay__support--unsupported{color:#fecaca;background:#ef44442e}.milkdrop-overlay__preset-warning{color:#fde68ae6;grid-column:1/-1;padding:0;font-size:.73rem;line-height:1.25}.milkdrop-overlay__preset-flag{color:#bfdbfea8;align-self:center;font-size:.75rem}.milkdrop-overlay__favorite,.milkdrop-overlay__rating-select{color:#e2e8f0d1;background:#0f172a6b;border-radius:999px;min-height:28px;padding:4px 8px;font-size:.73rem}.milkdrop-overlay__favorite{min-width:28px;font-size:.88rem;line-height:1}.milkdrop-overlay__transport-button{min-height:36px;padding:7px 11px}.milkdrop-overlay__tool-tabs,.milkdrop-overlay__tools-tabs{gap:6px;margin-bottom:10px;display:flex}.milkdrop-overlay__tool-tabs button,.milkdrop-overlay__tools-tabs button{color:#e2e8f0e6;background:#0f172a6b;border:1px solid #94a3b82e;border-radius:999px;min-height:30px;padding:5px 10px}.milkdrop-overlay__tool-tabs button.is-active,.milkdrop-overlay__tools-tabs button.is-active{color:#e0f2fe;background:#38bdf829;border-color:#38bdf861}.milkdrop-overlay__shortcut-hud{pointer-events:auto;color:#e2e8f0eb;background:#070c16f0;border:1px solid #7dd3fc2e;border-radius:18px;width:min(280px,80vw);padding:14px 16px;position:absolute;bottom:calc(100% + 12px);right:0;box-shadow:0 20px 40px #00000057}.milkdrop-overlay__shortcut-hud p{margin:0;font-size:.8rem;line-height:1.45}.milkdrop-overlay__shortcut-title{color:#bae6fdc2;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:.73rem;font-weight:700}.milkdrop-overlay__shortcut-list{gap:5px;display:grid}.milkdrop-overlay__shortcut-item{color:#e2e8f0e6;font-size:.8rem;line-height:1.35}.milkdrop-overlay__preset-osd,.milkdrop-overlay__osd{pointer-events:none;color:#f8fafc;text-align:center;background:#060c14e0;border:1px solid #7dd3fc2e;border-radius:18px;min-width:220px;max-width:min(520px,100vw - 32px);padding:12px 16px;position:fixed;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 22px 40px #00000057}.milkdrop-overlay__preset-osd-title,.milkdrop-overlay__osd-title{font-size:.96rem;font-weight:700}.milkdrop-overlay__preset-osd-meta,.milkdrop-overlay__osd-meta{color:#bfdbfec7;margin-top:4px;font-size:.76rem}.milkdrop-overlay__rating-select{min-width:58px}.milkdrop-overlay__editor{border:1px solid #7dd3fc29;border-radius:18px;min-height:240px;margin:10px 0;overflow:hidden}.milkdrop-overlay__editor-intro{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.milkdrop-overlay__editor-intro-copy{gap:4px;display:grid}.milkdrop-overlay__editor-eyebrow,.milkdrop-overlay__editor-quick-ideas-label{letter-spacing:.12em;text-transform:uppercase;color:#67e8f9e6;font-size:.72rem;font-weight:700}.milkdrop-overlay__editor-heading{color:#f8fafc;font-size:1rem}.milkdrop-overlay__editor-subheading{color:#bfdbfecc;max-width:48ch;margin:0;font-size:.83rem;line-height:1.5}.milkdrop-overlay__editor-badges{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.milkdrop-overlay__editor-badge{color:#e2e8f0db;background:#0f172a94;border:1px solid #94a3b833;border-radius:999px;min-height:30px;padding:6px 10px;font-size:.76rem;font-weight:600}.milkdrop-overlay__editor-badge[data-tone=accent]{color:#cffafe;background:#0891b22e;border-color:#22d3ee66}.milkdrop-overlay__editor-badge[data-tone=warning]{color:#fde68a;background:#a162072e;border-color:#facc1559}.milkdrop-overlay__editor-badge[data-tone=danger]{color:#fecaca;background:#7f1d1d42;border-color:#f8717166}.milkdrop-overlay__editor .cm-editor{height:100%;min-height:240px}.milkdrop-overlay__editor-status{color:#bfdbfed1;margin-top:2px;font-size:.82rem}.milkdrop-overlay__editor-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.milkdrop-overlay__editor-quick-ideas{gap:8px;margin-top:12px;display:grid}.milkdrop-overlay__editor-snippet-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.milkdrop-overlay__editor-snippet{text-align:left;background:linear-gradient(#0f172adb,#082f49b8);border:1px solid #7dd3fc2e;border-radius:14px;justify-items:flex-start;gap:4px;min-height:64px;padding:10px 12px;display:grid}.milkdrop-overlay__editor-snippet strong{color:#f8fafc;font-size:.86rem}.milkdrop-overlay__editor-snippet span{color:#bfdbfec7;font-size:.78rem;line-height:1.45}.milkdrop-overlay__editor-tips{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.milkdrop-overlay__editor-tip{color:#bfdbfed1;background:#0f172a6b;border-radius:14px;min-height:48px;padding:10px 12px;font-size:.78rem;line-height:1.45}.milkdrop-overlay__diagnostics{gap:6px;margin-top:10px;display:grid}.milkdrop-overlay__diagnostic{border-radius:10px;padding:8px 10px;font-size:.82rem}.milkdrop-overlay__diagnostic--error{color:#fecaca;background:#991b1b3d}.milkdrop-overlay__diagnostic--warning{color:#fde68a;background:#92400e3d}.milkdrop-overlay__inspector-controls,.milkdrop-overlay__inspector-metrics{gap:12px;display:grid}.milkdrop-overlay__field{color:#e2e8f0eb;gap:8px;font-size:.9rem;display:grid}.milkdrop-overlay__field strong{font-variant-numeric:tabular-nums;color:#7dd3fc}.milkdrop-overlay__inspector-metrics{color:#bfdbfed9;background:#0f172a73;border:1px solid #94a3b829;border-radius:18px;margin-top:16px;padding:14px;font-size:.88rem}@media (max-width:900px){.milkdrop-overlay{top:auto;bottom:14px;left:14px;right:14px}.milkdrop-overlay__panel{width:auto;max-height:min(80vh,760px)}.milkdrop-overlay__browse-copy{grid-template-columns:minmax(0,1fr);grid-template-areas:"active""quality""meta"}.milkdrop-overlay__quality{justify-items:start}.milkdrop-overlay__quality-label{grid-auto-flow:row;justify-items:start}.milkdrop-overlay__quality-hint{text-align:left}.milkdrop-overlay__browse-controls{grid-template-columns:minmax(0,1fr)}.milkdrop-overlay__toolbar{grid-template-columns:1fr}.milkdrop-overlay__editor-actions{grid-template-columns:repeat(3,minmax(0,1fr))}:root[data-focused-session=launch] .milkdrop-overlay__panel,:root[data-focused-session=live] .milkdrop-overlay__panel{width:min(48vw,520px);max-height:min(60vh,620px)}}@media (max-width:640px){.milkdrop-overlay{place-items:end;display:grid;top:0;bottom:0;left:0;right:0}.milkdrop-overlay__toggle{margin:0 14px 14px 0}.milkdrop-overlay__panel{border-radius:20px 20px 0 0;width:100vw;max-height:min(100dvh,100svh);margin:0}:root[data-focused-session=launch] .milkdrop-overlay__panel,:root[data-focused-session=live] .milkdrop-overlay__panel{max-height:min(62dvh,540px)}.milkdrop-overlay__header,.milkdrop-overlay__toolbar,.milkdrop-overlay__tabs,.milkdrop-overlay__body{padding-left:12px;padding-right:12px}.milkdrop-overlay__header{gap:10px;padding-top:10px;padding-bottom:10px}.milkdrop-overlay__title{font-size:.96rem}.milkdrop-overlay__status{font-size:.78rem}.milkdrop-overlay__workspace-hint{flex-direction:column;align-items:flex-start}.milkdrop-overlay__close,.milkdrop-overlay__toolbar button,.milkdrop-overlay__editor-actions button,.milkdrop-overlay__favorite,.milkdrop-overlay__tabs button,.milkdrop-overlay__rating-select{border-radius:12px;min-height:34px;padding:6px 10px}.milkdrop-overlay__toolbar,.milkdrop-overlay__toolbar-group,.milkdrop-overlay__toolbar-group:first-child{grid-template-columns:1fr;gap:10px}.milkdrop-overlay__toolbar-group--transport{grid-template-columns:repeat(4,minmax(0,1fr))}.milkdrop-overlay__checkbox{order:1}.milkdrop-overlay__toolbar-field{gap:4px}.milkdrop-overlay__browse-hero{background:0 0;border:0;border-radius:0;gap:6px;margin-top:0;padding:6px 0 0}.milkdrop-overlay__browse-copy{gap:4px 8px}.milkdrop-overlay__browse-meta{font-size:.74rem}.milkdrop-overlay__quality{gap:4px}.milkdrop-overlay__quality-hint{font-size:.72rem}.milkdrop-overlay__browse-controls{grid-template-columns:minmax(0,1fr);gap:6px;margin-top:8px}.milkdrop-overlay__browse-control--search{grid-column:1/-1}.milkdrop-overlay__browse-mode-tabs{gap:4px}.milkdrop-overlay__browse-options-body{padding:6px}.milkdrop-overlay__collection-filters{gap:4px}.milkdrop-overlay__collection-filter{min-height:28px;padding:4px 9px}.milkdrop-overlay__preset{grid-template-columns:1fr;gap:6px;padding-top:8px}.milkdrop-overlay__preset-actions{justify-content:flex-start}.milkdrop-overlay__editor,.milkdrop-overlay__editor .cm-editor{min-height:200px}.milkdrop-overlay__editor-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.milkdrop-overlay__editor-intro{flex-direction:column}.milkdrop-overlay__editor-badges{justify-content:flex-start}.milkdrop-overlay__editor-snippet-buttons,.milkdrop-overlay__editor-tips{grid-template-columns:1fr}.milkdrop-overlay__tabs{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090e1bf5;padding-top:8px;padding-bottom:8px;position:sticky;top:0}.milkdrop-overlay__browse{max-height:none;margin-top:10px}}@media (hover:none) and (pointer:coarse){.milkdrop-overlay{inset:auto 10px max(10px, env(safe-area-inset-bottom,0px)) 10px;place-items:end stretch;display:grid}:root[data-focused-session=launch] .milkdrop-overlay,:root[data-focused-session=live] .milkdrop-overlay{inset:auto 10px max(10px, env(safe-area-inset-bottom,0px)) 10px}.milkdrop-overlay__panel,:root[data-focused-session=launch] .milkdrop-overlay__panel,:root[data-focused-session=live] .milkdrop-overlay__panel{width:100%;max-width:none}}:root{--toy-shell-metal:linear-gradient(180deg, #5d6d93 0%, #344563 12%, #18233b 100%);--toy-shell-highlight:#ffffff29;--toy-shell-shadow:#02050c7a}body{background:radial-gradient(circle at 14% 12%,#6f7dff2e,#0000 24%),radial-gradient(circle at 82% 18%,#ffb34724,#0000 22%),linear-gradient(#10182a 0%,#09111f 36%,#050a12 100%)}.active-toy-status__content{background:linear-gradient(180deg, var(--toy-shell-highlight), #ffffff05 18%), repeating-linear-gradient(135deg, #ffffff09 0 2px, transparent 2px 10px), var(--toy-shell-metal);box-shadow:0 18px 32px #00000075, 0 2px 0 #ffffff1f inset, 0 -2px 0 var(--toy-shell-shadow) inset;border:1px solid #d3e0ff47;border-radius:16px}.active-toy-status__content:before{content:"";opacity:.9;background:linear-gradient(90deg,#80d84f,#ffb347 48%,#6f7dff);border-radius:999px;width:100%;height:3px;margin-bottom:14px;display:block}.active-toy-status h2{color:#eff5ff;text-shadow:0 1px #0000004d}.active-toy-status p{color:#e6ecf5cc}:root{--toy-shell-metal:linear-gradient(180deg, #8a95b0 0%, #556383 10%, #2c3654 30%, #18233b 100%)}.active-toy-status__content{border-radius:6px;box-shadow:0 18px 32px #00000075,inset 0 1px #ffffff2e,inset 0 -1px #0b101cb8,inset 1px 0 #ffffff14,inset -1px 0 #0b101c6b}.active-toy-status__content:before{height:2px;margin-bottom:12px}:root[data-session-display-mode=immersive][data-session-chrome=hidden] .active-toy-nav{opacity:0;pointer-events:none;transform:translateY(-12px)}:root[data-session-display-mode=immersive][data-session-chrome=visible] .active-toy-nav,:root[data-session-display-mode=tools] .active-toy-nav,:root[data-session-display-mode=setup] .active-toy-nav{opacity:1;pointer-events:auto;transform:translateY(0)}.active-toy-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#050810e6,#080c16c7);border:1px solid #a4c2ff24;transition:opacity .18s,transform .18s;box-shadow:0 22px 48px #00000061}.active-toy-nav__content{gap:.2rem}.active-toy-nav__hint{max-width:30ch}.active-toy-nav__actions{align-items:flex-start;position:relative}.active-toy-nav__actions-primary{align-items:center;gap:.7rem;display:flex}.active-toy-nav__actions-secondary{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:3;background:linear-gradient(#0b121ef5,#080c16f0),#080c16f0;border:1px solid #a4c2ff2e;border-radius:18px;min-width:min(22rem,88vw);padding:.8rem;position:absolute;top:calc(100% + .55rem);right:0;box-shadow:0 22px 44px #0000006b}.milkdrop-overlay__header-actions{align-items:center;gap:.55rem;display:flex}.milkdrop-overlay__hud-toggle{border-radius:999px}.milkdrop-overlay__tool-tabs{flex-wrap:wrap;gap:.55rem;padding:.8rem 1rem 0;display:flex}.milkdrop-overlay__tool-tabs button[data-active=true]{background:#6cb0ff38;border-color:#6cb0ff66}.milkdrop-overlay__tools-panel{gap:.75rem}.milkdrop-overlay__osd{z-index:34;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#080c16f5,#0c1220e6),#080c16eb;border:1px solid #a4c2ff2e;border-radius:18px;min-width:min(24rem,100vw - 2rem);max-width:min(36rem,100vw - 2rem);padding:.9rem 1rem;position:fixed;bottom:clamp(1.2rem,4vw,2.8rem);left:50%;transform:translate(-50%);box-shadow:0 24px 48px #0000006b}.milkdrop-overlay__osd-title{color:#f5f8ff;font-size:1rem;font-weight:700}.milkdrop-overlay__osd-meta{color:#dae4f6c7;margin-top:.2rem;font-size:.86rem}.milkdrop-overlay__shortcut-hud{background:#0a101cc7;border:1px solid #a4c2ff29;border-radius:18px;margin:0 1rem .4rem;padding:.9rem 1rem}.milkdrop-overlay__shortcut-heading{letter-spacing:.08em;text-transform:uppercase;color:#cedcf3b8;font-size:.82rem;font-weight:700}.milkdrop-overlay__shortcut-list{gap:.45rem;margin-top:.7rem;display:grid}.milkdrop-overlay__shortcut-item{color:#e9f0fce0;font-size:.92rem}@media (max-width:760px){.active-toy-nav__actions-secondary{min-width:0;left:0;right:0}.milkdrop-overlay__osd{min-width:calc(100vw - 1.4rem);bottom:1rem}}.active-toy-nav{padding:.8rem .95rem}.active-toy-nav__eyebrow{color:#e9fbff9e}.active-toy-nav__title{max-width:24ch;line-height:1.2}.active-toy-nav__hint{color:#e9fbffbd;max-width:24ch;font-size:.84rem}.active-toy-nav__actions-secondary[hidden]{display:none}.active-toy-nav__actions-secondary{border-radius:14px;gap:.55rem;padding:.75rem}.toy-nav__session-toggle{min-width:6.5rem}.toy-nav__share,.toy-nav__pip,.toy-nav__next,.toy-nav__flow,.toy-nav__challenge,.toy-nav__back{border-radius:10px;min-height:40px;padding:8px 12px;font-size:.84rem}.renderer-status{justify-items:start;gap:.35rem;margin-inline-end:0}.renderer-pill{font-size:.78rem}.renderer-pill__detail{display:none}.renderer-pill__retry{border-radius:10px;min-height:40px}.milkdrop-overlay__toggle{padding:10px 15px}.milkdrop-overlay__panel{background:radial-gradient(circle at 100% 0,#38bdf824,#0000 34%),linear-gradient(160deg,#080d19f7,#0b1220f7);border-radius:22px;width:min(96vw,700px);max-height:min(80vh,860px)}:root[data-session-display-mode=immersive] .milkdrop-overlay__panel{width:min(40vw,560px);max-height:min(74vh,800px)}:root[data-session-display-mode=tools] .milkdrop-overlay__panel{width:min(58vw,880px);max-height:min(84vh,960px)}.milkdrop-overlay__header{padding:14px 18px 12px}.milkdrop-overlay__title{font-size:1.02rem}.milkdrop-overlay__status{color:#bfdbfeb8;max-width:42ch}.milkdrop-overlay__toolbar{grid-template-columns:1fr;gap:10px;padding:12px 18px}.milkdrop-overlay__toolbar-group,.milkdrop-overlay__toolbar-group:first-child{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.milkdrop-overlay__toolbar-group--transport{grid-template-columns:repeat(4,minmax(0,1fr))}.milkdrop-overlay__blend{grid-column:auto}.milkdrop-overlay__body{gap:14px;padding:0 18px 18px}.milkdrop-overlay__browse-hero{background:0 0;border:0;margin-top:0;padding:0}.milkdrop-overlay__browse-active{font-size:1.02rem}.milkdrop-overlay__browse-meta{font-size:.8rem}.milkdrop-overlay__browse{gap:10px;max-height:min(46vh,520px);margin-top:10px}.milkdrop-overlay__preset{background:#0f172a5c;border:1px solid #94a3b824;border-top:0;border-radius:16px;gap:10px;padding:12px 12px 10px}.milkdrop-overlay__browse-section .milkdrop-overlay__preset:first-of-type{border-top:0;padding-top:12px}.milkdrop-overlay__preset-title{font-size:.95rem;line-height:1.3}.milkdrop-overlay__preset-badges{gap:6px}.milkdrop-overlay__support,.milkdrop-overlay__preset-tag{padding:4px 8px;font-size:.68rem}.milkdrop-overlay__preset-warning{color:#e2e8f0bd;font-size:.75rem}.milkdrop-overlay__editor-intro{gap:12px}.milkdrop-overlay__editor-subheading{max-width:56ch}.milkdrop-overlay__editor-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.milkdrop-overlay__diagnostic{opacity:.88}.milkdrop-overlay__diagnostic--info{color:#bfdbfedb;background:#1e40af1f}.milkdrop-overlay__osd{min-width:min(20rem,100vw - 2rem);max-width:min(28rem,100vw - 2rem);bottom:clamp(1rem,3vw,1.8rem)}@media (max-width:900px){:root[data-session-display-mode=immersive] .milkdrop-overlay__panel,:root[data-session-display-mode=tools] .milkdrop-overlay__panel{width:auto}}@media (max-width:640px){.milkdrop-overlay__header,.milkdrop-overlay__toolbar,.milkdrop-overlay__tabs,.milkdrop-overlay__body{padding-left:12px;padding-right:12px}.milkdrop-overlay__editor-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}:root[data-session-display-mode=immersive] .active-toy-nav{background:linear-gradient(#050810ad,#080c1685);border-color:#a4c2ff1a;box-shadow:0 16px 34px #00000047}:root[data-session-display-mode=immersive] .active-toy-nav__content{max-width:18rem}:root[data-session-display-mode=immersive] .active-toy-nav__hint,:root[data-session-display-mode=immersive] .active-toy-nav__pill{display:none}:root[data-session-display-mode=tools] .active-toy-nav__hint,:root[data-session-display-mode=setup] .active-toy-nav__hint,:root[data-session-display-mode=tools] .active-toy-nav__pill,:root[data-session-display-mode=setup] .active-toy-nav__pill{display:initial}.active-toy-nav__eyebrow{letter-spacing:.14em}.active-toy-nav__title{font-size:.98rem}.renderer-status-container[hidden]{display:none}.milkdrop-overlay[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__panel{width:min(74vw,1140px);max-height:min(88vh,980px)}.milkdrop-overlay[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__toolbar{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end}.milkdrop-overlay[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__toolbar-group:first-child{grid-template-columns:repeat(4,minmax(0,1fr))}.milkdrop-overlay[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__blend{grid-column:1/-1}.milkdrop-overlay[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor-intro{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.milkdrop-overlay[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor-status{max-width:72ch;font-size:.8rem}.milkdrop-overlay[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor-actions{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}.milkdrop-overlay[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor,.milkdrop-overlay[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor .cm-editor{min-height:min(54vh,600px)}.milkdrop-overlay[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor-quick-ideas{grid-template-columns:minmax(0,1fr);gap:10px}.milkdrop-overlay[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor-tips{display:none}.milkdrop-overlay__browse-copy{grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow""active""support""meta";align-items:start;gap:5px}.milkdrop-overlay__browse-eyebrow{color:#67e8f9e6;letter-spacing:.12em;text-transform:uppercase;grid-area:eyebrow;margin:0;font-size:.72rem;font-weight:700}.milkdrop-overlay__browse-active{font-size:1.14rem;line-height:1.15}.milkdrop-overlay__browse-support{color:#e2e8f0db;grid-area:support;margin:0;font-size:.88rem;line-height:1.4}.milkdrop-overlay__browse-meta{color:#bfdbfe9e}.milkdrop-overlay__browse-section{gap:8px}.milkdrop-overlay__browse-count{background:#38bdf81f}.milkdrop-overlay__preset{background:linear-gradient(#0f172a75,#0f172a4d);border:1px solid #94a3b81f;border-radius:18px;gap:12px;padding:13px 14px 12px;box-shadow:0 10px 22px #0206172e}.milkdrop-overlay__preset[data-active=true]{background:radial-gradient(circle at 100% 0,#38bdf824,#0000 38%),linear-gradient(#0e1e34b3,#0f172a61);border-color:#38bdf847}.milkdrop-overlay__preset-meta{color:#bfdbfe99}.milkdrop-overlay__preset-actions{align-items:center}.milkdrop-overlay__preset-tag:not(.milkdrop-overlay__preset-tag--active){color:#e2e8f0b8;background:#94a3b81a}.milkdrop-overlay__preset[data-active=false] .milkdrop-overlay__preset-warning{display:none}.milkdrop-overlay__preset-warning{color:#e2e8f0a8;padding-top:2px}@media (max-width:900px){.milkdrop-overlay[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__panel{width:auto}.milkdrop-overlay[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__toolbar{grid-template-columns:1fr}.milkdrop-overlay[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__toolbar-group:first-child{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:640px){:root[data-session-display-mode=immersive] .active-toy-nav__hint,:root[data-session-display-mode=immersive] .active-toy-nav__pill{display:none}.milkdrop-overlay__browse-hero{background:0 0;border:0;border-radius:0;padding:0}.milkdrop-overlay[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor-intro{grid-template-columns:1fr}.milkdrop-overlay[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor,.milkdrop-overlay[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor .cm-editor{min-height:240px}.milkdrop-overlay[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor-tips{display:grid}:root[data-focused-session=launch] .active-toy-nav,:root[data-focused-session=live] .active-toy-nav{gap:3px;max-height:min(16svh,128px);padding:6px 8px}:root[data-focused-session=launch] .active-toy-nav__eyebrow,:root[data-focused-session=live] .active-toy-nav__eyebrow{display:none}:root[data-focused-session=launch] .active-toy-nav__content,:root[data-focused-session=live] .active-toy-nav__content{gap:0}:root[data-focused-session=launch] .active-toy-nav__title,:root[data-focused-session=live] .active-toy-nav__title{font-size:.86rem}:root[data-focused-session=launch] .active-toy-nav__mobile-actions,:root[data-focused-session=live] .active-toy-nav__mobile-actions{margin-top:2px}:root[data-focused-session=launch] .toy-nav__mobile-toggle,:root[data-focused-session=launch] .toy-nav__back-quick,:root[data-focused-session=live] .toy-nav__mobile-toggle,:root[data-focused-session=live] .toy-nav__back-quick{min-height:36px;padding:7px 9px;font-size:.77rem}.milkdrop-overlay.is-open .milkdrop-overlay__panel,:root[data-focused-session=launch] .milkdrop-overlay.is-open .milkdrop-overlay__panel,:root[data-focused-session=live] .milkdrop-overlay.is-open .milkdrop-overlay__panel{max-height:min(78dvh,760px)}.milkdrop-overlay[data-active-view=tools][data-active-tool-view=editor].is-open .milkdrop-overlay__panel{max-height:min(84dvh,820px)}.milkdrop-overlay__header{gap:8px;padding-top:8px;padding-bottom:8px}.milkdrop-overlay__title{font-size:.9rem}.milkdrop-overlay__status{display:none}.milkdrop-overlay__header-actions{gap:6px}.milkdrop-overlay__close,.milkdrop-overlay__hud-toggle,.milkdrop-overlay__toolbar button,.milkdrop-overlay__editor-actions button,.milkdrop-overlay__favorite,.milkdrop-overlay__tabs button,.milkdrop-overlay__rating-select{min-height:32px;padding:6px 9px;font-size:.78rem}.milkdrop-overlay__toolbar{gap:8px;padding-top:8px;padding-bottom:8px}.milkdrop-overlay__toolbar-group,.milkdrop-overlay__toolbar-group:first-child{gap:8px}.milkdrop-overlay__toolbar-field span,.milkdrop-overlay__browse-control-label{font-size:.68rem}.milkdrop-overlay__blend{gap:6px;font-size:.82rem}.milkdrop-overlay__tabs{padding-top:6px;padding-bottom:6px}.milkdrop-overlay__browse{gap:8px;margin-top:8px;padding-bottom:16px}.milkdrop-overlay__browse-hero{gap:4px}.milkdrop-overlay__browse-active{font-size:1rem}.milkdrop-overlay__browse-support,.milkdrop-overlay__browse-meta{font-size:.76rem}.milkdrop-overlay__search{min-height:36px;padding:7px 10px}.milkdrop-overlay__browse-mode-tab,.milkdrop-overlay__browse-options-summary,.milkdrop-overlay__collection-filter{min-height:30px;font-size:.72rem}.milkdrop-overlay__preset{gap:8px;padding:10px 11px}.milkdrop-overlay__preset-title{font-size:.92rem}.milkdrop-overlay__preset-meta{font-size:.74rem}.milkdrop-overlay__preset-badges{gap:4px}.milkdrop-overlay__support,.milkdrop-overlay__preset-tag{padding:3px 7px;font-size:.64rem}.milkdrop-overlay__editor-intro{gap:8px}.milkdrop-overlay__editor-badges{gap:6px}.milkdrop-overlay__editor-badge{min-height:28px;padding:5px 8px;font-size:.72rem}.milkdrop-overlay__editor-status{font-size:.76rem}.milkdrop-overlay__editor,.milkdrop-overlay__editor .cm-editor{min-height:min(34dvh,320px)}.milkdrop-overlay__editor-actions,.milkdrop-overlay__editor-snippet-buttons{gap:6px}.milkdrop-overlay__editor-snippet{min-height:56px;padding:8px 10px}.milkdrop-overlay__editor-snippet strong{font-size:.82rem}.milkdrop-overlay__editor-snippet span{font-size:.74rem}.milkdrop-overlay__osd{min-width:min(16rem,100vw - 1rem);max-width:min(20rem,100vw - 1rem);padding:.75rem .9rem;bottom:.75rem}.milkdrop-overlay__osd-title{font-size:.9rem}.milkdrop-overlay__osd-meta{font-size:.72rem}.milkdrop-overlay__browse-support,.milkdrop-overlay__editor-status,.milkdrop-overlay__editor-tips,.milkdrop-overlay__toolbar-group--transport .milkdrop-overlay__transport-button:last-child,.milkdrop-overlay__toolbar-group:first-child .milkdrop-overlay__checkbox{display:none}.milkdrop-overlay__browse-mode-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.milkdrop-overlay__browse-mode-tabs::-webkit-scrollbar{display:none}.milkdrop-overlay__browse-options{justify-self:start}.milkdrop-overlay__browse-count{min-width:22px;min-height:16px;font-size:.62rem}.milkdrop-overlay__preset-actions{display:none}.milkdrop-overlay__editor-quick-ideas{gap:6px}.milkdrop-overlay__editor-snippet-buttons{grid-template-columns:1fr}.milkdrop-overlay__editor-snippet{min-height:48px}}.active-toy-container:before,.active-toy-container:after{content:"";pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.active-toy-container:before{opacity:.35;background-color:#0000;background-image:linear-gradient(90deg,#0000 0 calc(100% - 1px),#ffffff08 calc(100% - 1px)),linear-gradient(0deg,#0000 0 calc(100% - 1px),#ffffff05 calc(100% - 1px));background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;-webkit-mask-image:linear-gradient(#00000057,#0000 78%);mask-image:linear-gradient(#00000057,#0000 78%)}.active-toy-container:after{filter:blur(48px);opacity:.88;background:radial-gradient(circle,#4688ff29,#0000 42%),radial-gradient(circle at 30% 70%,#7ce8ff1a,#0000 34%),radial-gradient(circle at 78% 24%,#ff9f6814,#0000 26%);border-radius:48px;top:8%;bottom:12%;left:6%;right:6%}.active-toy-stage:after{content:"";pointer-events:none;mix-blend-mode:normal;background:radial-gradient(circle,#0000 0 38%,#02050a29 62%,#02050a85 100%),linear-gradient(#02050a2e,#0000 24%),linear-gradient(#0000 74%,#02050a6b);position:absolute;top:0;bottom:0;left:0;right:0}.active-toy-stage>canvas{filter:saturate(1.14)contrast(1.08)brightness(1.03);transform-origin:50%;will-change:transform;width:100%;height:100%;display:block;transform:translateZ(0)scale(1.04)}.youtube-stage-layer{aspect-ratio:16/9;pointer-events:none;z-index:3;isolation:isolate;opacity:.34;mix-blend-mode:screen;filter:saturate(1.18)contrast(1.08)brightness(.92);transform-origin:50%;border-radius:24px;width:min(30vw,26rem);min-width:16rem;position:absolute;top:clamp(6.25rem,9vw,8.5rem);right:clamp(1rem,2vw,1.6rem);overflow:hidden;transform:rotate(-4deg)scale(.96);box-shadow:0 26px 56px #00000057,0 0 0 1px #7ce8ff1f}.youtube-stage-layer__preview{z-index:2;border-radius:inherit;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.youtube-stage-layer__canvas{object-fit:cover;opacity:.78;filter:url(#youtube-stage-blend-filter)saturate(1.3)contrast(1.08)brightness(.9)hue-rotate(-10deg);mix-blend-mode:screen;transform-origin:50%;width:100%;height:100%;display:block;transform:scale(1.08)}.youtube-stage-layer:before,.youtube-stage-layer:after{content:"";pointer-events:none;z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}.youtube-stage-layer:before{background:linear-gradient(135deg,#7ce8ff33,#0000 48%),radial-gradient(circle,#0000 0 42%,#03070e14 65%,#03070e61 100%)}.youtube-stage-layer:after{background:linear-gradient(#0000,#03070ead);height:42%;top:auto;bottom:0;left:0;right:0}.control-panel__embed--stage-layer{border-radius:inherit;background:#000;border:0;width:100%;height:100%;min-height:0}.control-panel__embed--stage-layer iframe{filter:saturate(1.26)contrast(1.1)brightness(.86)hue-rotate(-8deg);transform-origin:50%;transform:scale(1.06)}.youtube-stage-layer--captured .control-panel__embed--stage-layer{opacity:.02}.youtube-stage-layer--captured .control-panel__embed--stage-layer iframe{opacity:0}:root[data-youtube-three-overlay=true] .youtube-stage-layer{opacity:.001;mix-blend-mode:normal;box-shadow:none;filter:none}:root[data-youtube-three-overlay=true] .youtube-stage-layer:before,:root[data-youtube-three-overlay=true] .youtube-stage-layer:after,:root[data-youtube-three-overlay=true] .youtube-stage-layer__preview,:root[data-youtube-three-overlay=true] .youtube-stage-layer .control-panel__embed--stage-layer,:root[data-youtube-three-overlay=true] .youtube-stage-layer .control-panel__embed--stage-layer iframe{opacity:0}:root[data-focused-session=launch] .youtube-stage-layer{opacity:.4;width:min(32vw,28rem);top:clamp(6rem,10vw,8.25rem);right:clamp(1rem,2vw,1.8rem)}:root[data-focused-session=live] .youtube-stage-layer{top:max(5.25rem, calc(env(safe-area-inset-top) + 4.2rem));opacity:.28;width:min(24vw,21rem);right:clamp(.9rem,1.8vw,1.4rem);transform:rotate(-6deg)scale(.92)}:root[data-youtube-three-overlay=true] .youtube-stage-layer,:root[data-youtube-three-overlay=true][data-focused-session=launch] .youtube-stage-layer,:root[data-youtube-three-overlay=true][data-focused-session=live] .youtube-stage-layer{opacity:.001;mix-blend-mode:normal;box-shadow:none;filter:none}.youtube-stage-layer[hidden]{display:none}.active-toy-nav{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff09,#0000 42%),#04080fad;border-color:#d0e2ff17;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;width:min(390px,100vw - 28px);padding:.62rem .72rem;transform:none;box-shadow:0 20px 46px #0000004d}.active-toy-nav__content{gap:.12rem;max-width:none}.active-toy-nav__title{font-size:.84rem;line-height:1.2}.active-toy-nav__actions{align-items:center;gap:.45rem}.active-toy-nav__actions-primary{gap:.45rem}.active-toy-nav__actions-secondary{background:linear-gradient(#ffffff0d,#0000 40%),#050a12eb;border-color:#d0e2ff1f;border-radius:18px;min-width:min(20rem,100vw - 2rem);padding:.75rem;top:calc(100% + .6rem);right:0;box-shadow:0 22px 44px #0000006b}:root[data-session-display-mode=immersive] .active-toy-nav{background:linear-gradient(#ffffff08,#0000 40%),#03070d8f;border-color:#d0e2ff12;width:min(300px,100vw - 28px);padding:.54rem .62rem;box-shadow:0 18px 34px #0000003d}:root[data-session-display-mode=immersive] .active-toy-nav__title{font-size:.8rem}:root[data-session-display-mode=immersive] .active-toy-stage>canvas{transform:translateZ(0)scale(1.08)}.renderer-status-container{align-items:center;display:flex}.renderer-status{align-items:center;gap:.45rem;display:flex}.renderer-pill{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;min-height:38px;padding:.48rem .72rem;font-size:.72rem}.renderer-pill__retry,.toy-nav__session-toggle,.toy-nav__share,.toy-nav__pip,.toy-nav__next,.toy-nav__flow,.toy-nav__challenge,.toy-nav__back{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;min-height:38px;padding:.6rem .95rem;font-size:.76rem}.toy-nav__session-toggle{background:linear-gradient(135deg,#7ce8ff24,#ff9f681a);border-color:#7ce8ff33;min-width:auto}.toy-nav__back{background:linear-gradient(135deg,#ffffff12,#7ce8ff14)}.milkdrop-overlay{top:auto;bottom:18px;left:auto;right:18px}.milkdrop-overlay__toggle{letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(#ffffff0d,#0000 40%),linear-gradient(135deg,#060c16e6,#080f1beb);border-color:#7ce8ff33;border-radius:999px;min-height:52px;padding:.82rem 1.1rem;box-shadow:0 18px 34px #0000005c}.milkdrop-overlay__panel{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));width:min(430px,100vw - 32px);height:min(calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom)), 880px);max-height:min(calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom)), 880px);background:radial-gradient(circle at 100% 0,#7ce8ff2e,#0000 30%),radial-gradient(circle at 16% 100%,#ff9f681f,#0000 34%),linear-gradient(#070c16fa,#090f1cfa);border-color:#d0e2ff24;border-radius:28px;margin-top:0;position:fixed;box-shadow:0 36px 80px #00000085}:root[data-session-display-mode=immersive] .milkdrop-overlay__panel{width:min(440px,100vw - 32px);height:min(calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom)), 900px);max-height:min(calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom)), 900px)}:root[data-session-display-mode=tools] .milkdrop-overlay__panel{width:min(860px,100vw - 32px)}.milkdrop-overlay__header{border-bottom-color:#d0e2ff14;gap:1rem;padding:18px 20px 14px;position:relative}.milkdrop-overlay__header:after{content:"";opacity:.58;background:linear-gradient(90deg,#c8ff74,#7ce8ff 54%,#ff9f68);border-radius:999px;height:3px;position:absolute;top:10px;left:20px;right:20px}.milkdrop-overlay__title{font-size:1.18rem;line-height:1.05}.milkdrop-overlay__status{max-width:30ch}.milkdrop-overlay__toolbar{border-bottom:1px solid #d0e2ff0f;grid-template-columns:1fr;gap:.8rem;padding:14px 20px 16px}.milkdrop-overlay__toolbar-group,.milkdrop-overlay__toolbar-group:first-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.milkdrop-overlay__tabs{gap:.7rem;padding:0 20px 14px}.milkdrop-overlay__tabs button,.milkdrop-overlay__tools-tabs button{border-radius:16px;min-height:42px}.milkdrop-overlay__body{gap:1rem;padding:0 20px 20px;overflow:auto}.milkdrop-overlay__panel[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__toolbar,.milkdrop-overlay__panel[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__browse-hero{display:none}.milkdrop-overlay__panel[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__body{gap:.7rem}.milkdrop-overlay__browse-hero{background:0 0;border:0;border-radius:0;padding:.2rem 0 .8rem}.milkdrop-overlay__browse{max-height:none;margin-top:.2rem;padding-bottom:.25rem}.milkdrop-overlay__preset{background:linear-gradient(#ffffff0b,#0000 54%),#0a111dc2;border-color:#d0e2ff14;border-radius:22px;gap:.85rem;padding:14px 16px;box-shadow:0 18px 32px #0000002e}.milkdrop-overlay__preset[data-active=true]{background:radial-gradient(circle at 100% 0,#7ce8ff24,#0000 32%),linear-gradient(#ffffff0f,#0000 54%),#0a121ef0;border-color:#7ce8ff33;box-shadow:0 24px 42px #0000003d}.milkdrop-overlay__preset-title{font-size:1.04rem}.milkdrop-overlay__preset-meta{font-size:.82rem}.milkdrop-overlay__preset-tag{border-radius:999px}.milkdrop-overlay__editor-intro{align-items:end;gap:1rem}.milkdrop-overlay__editor-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.milkdrop-overlay__editor-actions button{border-radius:14px;min-height:42px}.milkdrop-overlay__editor-quick-ideas{gap:.75rem}.milkdrop-overlay__editor-snippet-buttons{gap:.7rem}.milkdrop-overlay__editor-snippet{background:linear-gradient(#7ce8ff14,#0000 54%),#091624e0;border-radius:18px;min-height:84px;padding:.9rem 1rem}.milkdrop-overlay__editor{background:#080e18e0;border-radius:24px;min-height:clamp(320px,44vh,560px);margin:0}.milkdrop-overlay__editor .cm-editor{min-height:clamp(320px,44vh,560px)}.milkdrop-overlay__editor-tips{grid-template-columns:repeat(3,minmax(0,1fr))}.milkdrop-overlay__editor-tip{background:#ffffff09;border-radius:16px}.milkdrop-overlay__panel[data-active-view=tools] .milkdrop-overlay__tools-panel{gap:.9rem}.milkdrop-overlay__panel[data-active-view=tools] .milkdrop-overlay__tools-tabs{padding:.2rem 0 0}.milkdrop-overlay__panel[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor-intro{align-items:start;gap:.75rem}.milkdrop-overlay__panel[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor-status{color:#dae4f6ad;font-size:.78rem}.milkdrop-overlay__panel[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.milkdrop-overlay__panel[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor-actions button{background:#ffffff08;border-color:#d0e2ff14;min-height:40px}.milkdrop-overlay__panel[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor-quick-ideas{gap:.55rem}.milkdrop-overlay__panel[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor-snippet-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.milkdrop-overlay__panel[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor-snippet{min-height:70px;box-shadow:none;background:linear-gradient(#ffffff06,#0000 44%),#08101b8f;border-color:#d0e2ff0f;padding:.75rem .85rem}.milkdrop-overlay__panel[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor{background:linear-gradient(#ffffff08,#0000 32%),#060b13f0;border-color:#d0e2ff1a;min-height:clamp(420px,52vh,720px);box-shadow:inset 0 1px #ffffff0a,0 24px 48px #00000038}.milkdrop-overlay__panel[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor .cm-editor{min-height:clamp(420px,52vh,720px)}.milkdrop-overlay__panel[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor-tips{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.milkdrop-overlay__panel[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor-tip{color:#dae4f6a3;background:#ffffff05}@media (max-width:900px){.milkdrop-overlay__panel,:root[data-session-display-mode=immersive] .milkdrop-overlay__panel,:root[data-session-display-mode=tools] .milkdrop-overlay__panel{width:calc(100vw - 24px);height:min(82dvh,820px);max-height:min(82dvh,820px);top:auto;bottom:12px;right:12px}}@media (max-width:640px){.youtube-stage-layer,:root[data-focused-session=launch] .youtube-stage-layer,:root[data-focused-session=live] .youtube-stage-layer{top:auto;right:.9rem;bottom:max(4.75rem, env(safe-area-inset-bottom) + 4rem);opacity:.26;width:min(56vw,14rem);min-width:10rem;transform:rotate(-5deg)scale(.9)}.youtube-stage-layer__canvas{transform:scale(1.03)}.active-toy-nav{border-radius:18px;gap:.45rem;width:calc(100vw - 16px);padding:.55rem .65rem}.renderer-status{gap:.3rem}.renderer-pill,.renderer-pill__retry,.toy-nav__session-toggle,.toy-nav__share,.toy-nav__pip,.toy-nav__next,.toy-nav__flow,.toy-nav__challenge,.toy-nav__back{min-height:34px;padding:.5rem .8rem;font-size:.68rem}.milkdrop-overlay{top:auto;bottom:10px;left:auto;right:10px}.milkdrop-overlay__toggle{min-height:46px;padding:.78rem 1rem}.milkdrop-overlay__panel,:root[data-session-display-mode=immersive] .milkdrop-overlay__panel,:root[data-session-display-mode=tools] .milkdrop-overlay__panel{border-radius:24px;width:auto;height:min(84dvh,760px);max-height:min(84dvh,760px);bottom:10px;left:10px;right:10px}.milkdrop-overlay__header,.milkdrop-overlay__toolbar,.milkdrop-overlay__tabs,.milkdrop-overlay__body{padding-left:14px;padding-right:14px}.milkdrop-overlay__header:after{left:14px;right:14px}.milkdrop-overlay__toolbar-group,.milkdrop-overlay__toolbar-group:first-child,.milkdrop-overlay__editor-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.milkdrop-overlay__editor-snippet-buttons,.milkdrop-overlay__editor-tips{grid-template-columns:1fr}.milkdrop-overlay__editor,.milkdrop-overlay__editor .cm-editor{min-height:min(34dvh,340px)}.milkdrop-overlay__panel[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor-actions,.milkdrop-overlay__panel[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor-snippet-buttons,.milkdrop-overlay__panel[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor-tips{grid-template-columns:1fr}.milkdrop-overlay__panel[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor,.milkdrop-overlay__panel[data-active-view=tools][data-active-tool-view=editor] .milkdrop-overlay__editor .cm-editor{min-height:min(38dvh,420px)}:root[data-session-display-mode=immersive] .active-toy-stage>canvas{transform:translateZ(0)scale(1.1)}}:root[data-focused-session=live] .active-toy-container{background:radial-gradient(circle at 18% 10%,#6f7dff1f,#0000 24%),radial-gradient(circle at 82% 14%,#ffb3471a,#0000 24%),linear-gradient(#07101d,#050a14 60%,#04070d)}:root[data-focused-session=live] .active-toy-container:after{opacity:.68;filter:blur(60px);border-radius:56px;top:6%;bottom:12%;left:8%;right:8%}:root[data-focused-session=live] .active-toy-nav{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));background:linear-gradient(#070b13e0,#0a0f1bc2);border-color:#a4c2ff1f;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;width:min(360px,100vw - 120px);padding:.68rem .78rem;transform:none;box-shadow:0 18px 40px #00000057}:root[data-focused-session=live] .active-toy-nav__content{gap:.15rem}:root[data-focused-session=live] .active-toy-nav__title{font-size:.88rem}:root[data-focused-session=live] .active-toy-nav__actions{gap:.45rem}:root[data-focused-session=live] .renderer-status{gap:.35rem;max-width:15rem}:root[data-focused-session=live] .renderer-pill{text-overflow:ellipsis;white-space:nowrap;max-width:10.5rem;overflow:hidden}:root[data-focused-session=live] .active-toy-nav__actions-secondary{top:calc(100% + .55rem);right:0}:root[data-focused-session=live] .milkdrop-overlay{inset:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) auto auto}:root[data-focused-session=live] .milkdrop-overlay__toggle{background:linear-gradient(#ffffff0a,#0000 42%),linear-gradient(135deg,#060c16e0,#080f1be6);border-color:#7ce8ff2e;min-height:46px;padding:.72rem .95rem;box-shadow:0 16px 32px #00000052}:root[data-focused-session=live] .milkdrop-overlay__panel{top:max(72px, calc(env(safe-area-inset-top) + 58px));right:max(14px, env(safe-area-inset-right));width:min(430px,100vw - 28px);height:min(calc(100dvh - 88px - env(safe-area-inset-top) - env(safe-area-inset-bottom)), 860px);max-height:min(calc(100dvh - 88px - env(safe-area-inset-top) - env(safe-area-inset-bottom)), 860px)}@media (max-width:760px){:root[data-focused-session=live] .active-toy-nav{width:min(320px,100vw - 92px)}:root[data-focused-session=live] .milkdrop-overlay{inset:auto max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) auto}:root[data-focused-session=live] .milkdrop-overlay__toggle{min-height:44px;padding:.68rem .88rem}}:root{--bg-color:#0e1518;--bg-color-secondary:#162126;--text-color:#f7f4eb;--text-muted:#f7f4ebc2;--accent-contrast:#fdfdfd;--link-color:#9fd4cb;--link-hover:#e9d49b;--accent-color:#5fc0b5;--accent-purple:#87a9a2;--accent-magenta:#d38954;--glow-color:#5fc0b529;--accent-soft:#5fc0b51a;--card-bg:#182328;--hover-bg:#5fc0b51f;--highlight-glow:#d389542e;--surface-gradient:linear-gradient(180deg, #fff8ea0d, transparent);--surface-border:#fff4de24;--surface-sheen:none;--surface-texture:none;--surface-highlight:none;--surface-emboss:none;--panel-gradient:linear-gradient(180deg, color-mix(in srgb, var(--card-bg) 95%, transparent), color-mix(in srgb, #10181d 82%, var(--card-bg)));--shadow-strong:0 24px 60px #00000057, 0 4px 18px #5fc0b51f;--shadow-soft:0 10px 26px #0003, 0 2px 8px #5fc0b51a;--shadow-surface:0 18px 42px #00000047, 0 2px 12px #5fc0b51f;--radius-lg:26px;--radius-md:18px;--radius-pill:999px;--content-width:1220px;--section-gap:clamp(1.9rem, 2.8vw, 3rem);--accent-gradient:linear-gradient(120deg, #5fc0b5f2, #e9d49bb8, #d38954b8);--panel-glass:color-mix(in srgb, var(--card-bg) 84%, transparent);--panel-highlight:#fff8ea14;--aurora-soft:radial-gradient(circle at 20% 10%, color-mix(in srgb, var(--accent-color) 34%, transparent), transparent 48%);--interactive-border:color-mix(in srgb, var(--accent-color) 28%, var(--surface-border));--interactive-bg:color-mix(in srgb, var(--card-bg) 85%, transparent);--interactive-bg-hover:color-mix(in srgb, var(--accent-color) 14%, var(--card-bg));--interactive-shadow:0 2px 8px #00000029;--tv-scale-multiplier:1;--tv-focus-outline-width:2px;--tv-focus-outline-offset:3px;--tv-content-padding:clamp(1.5rem, 2vw + 1rem, 3rem);--tv-safe-padding:0px;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:2.5rem;--space-3xl:3rem;--space-4xl:4rem;--font-family-base:"Space Grotesk", "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-family-mono:"Space Mono", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body.tv-mode{--tv-scale-multiplier:1.16;--tv-focus-outline-width:4px;--tv-focus-outline-offset:5px;--tv-content-padding:clamp(2.2rem, 2.4vw + 1.6rem, 4.4rem);--tv-safe-padding:32px}html.light{--bg-color:#f4efe4;--bg-color-secondary:#e5ded0;--text-color:#233038;--text-muted:#52606b;--accent-contrast:#fff;--link-color:#2f6f6a;--link-hover:#7e4c2d;--accent-color:#2f8b83;--accent-purple:#6c8f89;--accent-magenta:#b86f3d;--glow-color:#2f8b831a;--accent-soft:#2f8b8314;--card-bg:#fffaf0;--hover-bg:#2f8b831f;--highlight-glow:#b86f3d24;--surface-gradient:linear-gradient(180deg, #00000005, transparent);--surface-border:#23303824;--surface-sheen:none;--surface-texture:none;--surface-highlight:none;--surface-emboss:none;--accent-gradient:linear-gradient(120deg, #2f8b83c7, #e8c67fd9, #b86f3db3);--panel-glass:color-mix(in srgb, var(--card-bg) 92%, transparent);--panel-highlight:#ffffff73;--aurora-soft:radial-gradient(circle at 20% 10%, color-mix(in srgb, var(--accent-color) 18%, transparent), transparent 52%);--interactive-shadow:0 2px 7px #0f172a1a;--shadow-strong:0 12px 24px #0f172a1c, 0 2px 8px #5b6e821c;--shadow-soft:0 4px 12px #0f172a14, 0 1px 4px #5b6e8217;--shadow-surface:0 8px 18px #0f172a17, 0 1px 5px #5b6e821a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{left:max(.9rem, env(safe-area-inset-left));border-radius:var(--radius-pill);background:var(--card-bg);color:var(--text-color);box-shadow:var(--shadow-soft);border:1px solid var(--surface-border);z-index:20;opacity:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.65rem 1rem;text-decoration:none;transition:top .2s,opacity .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex;position:fixed;top:-6rem;right:auto}.skip-link:focus-visible{top:max(4.2rem, calc(env(safe-area-inset-top) + 3.4rem));opacity:1;outline:var(--tv-focus-outline-width) solid var(--accent-color);outline-offset:var(--tv-focus-outline-offset);box-shadow:0 0 0 3px #3b82f640}@media (hover:none) and (pointer:coarse){.skip-link{display:none}}body,html{font-family:Space Grotesk,sans-serif;font-size:calc(16px * var(--tv-scale-multiplier));background:radial-gradient(circle at top left, #5fc0b529, transparent 32%), radial-gradient(circle at 85% 10%, #d389542e, transparent 26%), linear-gradient(180deg, var(--bg-color) 0%, var(--bg-color-secondary) 100%);color:var(--text-color);min-height:100%;padding:0;overflow:hidden auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;scroll-margin-top:6rem}section,footer{scroll-margin-top:6rem}#toy-list,#toy-search{scroll-margin-top:clamp(7.5rem,17vh,9.5rem)}.content{z-index:1;--content-padding:var(--tv-content-padding);padding:var(--content-padding);padding-top:max(var(--content-padding), env(safe-area-inset-top));padding-right:max(var(--content-padding), env(safe-area-inset-right));padding-bottom:max(var(--content-padding), env(safe-area-inset-bottom));padding-left:max(var(--content-padding), env(safe-area-inset-left));max-width:var(--content-width);width:min(var(--content-width), 100%);gap:var(--section-gap);flex-direction:column;margin:0 auto;display:flex;position:relative}.home-shell>*,.launch-shell>*,.section-shell,.home-stage__grid>*,.home-presets__intro>*,.launch-panels .shell-panels,.launch-panels .shell-panel,.shell-header--launch .shell-panels,.shell-header--launch .shell-panel{min-width:0;max-width:100%}.content>:-webkit-any(.home-shell,.launch-shell,.home-footer){min-width:0;max-width:100%}.content>:is(.home-shell,.launch-shell,.home-footer){min-width:0;max-width:100%}.content:before{content:"";pointer-events:none;z-index:-1;background-color:#0000;background-image:linear-gradient(90deg,#0000 0 calc(100% - 1px),#fff8ea0a calc(100% - 1px)),linear-gradient(0deg,#0000 0 calc(100% - 1px),#fff8ea08 calc(100% - 1px));background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:56px 56px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#00000057,#0000 70%);mask-image:linear-gradient(#00000057,#0000 70%)}.shell-header{z-index:15;-webkit-backdrop-filter:blur(14px)saturate(130%);backdrop-filter:blur(14px)saturate(130%);margin-bottom:clamp(.6rem,1.2vw,1rem);padding-top:.45rem;position:sticky;top:0}.top-nav{z-index:10;background:linear-gradient(180deg, color-mix(in srgb, var(--panel-highlight) 90%, transparent), transparent 58%), var(--panel-glass);border:1px solid color-mix(in srgb, var(--accent-color) 18%, var(--surface-border));-webkit-backdrop-filter:blur(14px)saturate(125%);backdrop-filter:blur(14px)saturate(125%);box-shadow:var(--shadow-soft);border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem 1rem;transition:box-shadow .3s,transform .3s,border-color .3s;display:flex;position:sticky;top:clamp(.5rem,1vw,1rem)}.top-nav:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #fff8ea0f;position:absolute;top:1px;bottom:1px;left:1px;right:1px}.top-nav--scrolled{box-shadow:var(--shadow-surface);border-color:var(--surface-border);transform:translateY(-1px)}@supports selector(:has(*)){.top-nav:has(a:focus-visible,button:focus-visible){border-color:color-mix(in srgb, var(--accent-color) 55%, transparent);box-shadow:var(--shadow-soft), 0 0 0 3px color-mix(in srgb, var(--accent-color) 25%, transparent)}}.brand{align-items:center;gap:.75rem;display:flex}.brand-mark{background:var(--accent-color);isolation:isolate;border-radius:12px;width:38px;height:38px;position:relative;box-shadow:0 6px 12px #0003}.brand-mark:after{content:"";box-shadow:none;mix-blend-mode:normal;opacity:.3;background:#ffffff1a;border-radius:10px;position:absolute;top:2px;bottom:2px;left:2px;right:2px}.brand-mark:before{content:"";filter:none;opacity:0;z-index:-1;background:0 0;border-radius:14px;animation:none;position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px}.brand-copy .eyebrow{opacity:.75;margin:0;font-size:.8rem}.brand-title{letter-spacing:.01em;margin:0;font-family:Space Grotesk,sans-serif;font-weight:700}.nav-actions{color:inherit;background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:.45rem .55rem;margin:0;padding:0;display:flex}.nav-actions::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#060a0e59}.nav-toggle{border:1px solid color-mix(in srgb, var(--accent-color) 38%, var(--surface-border));background:color-mix(in srgb, var(--card-bg) 86%, var(--accent-color));color:inherit;letter-spacing:.01em;touch-action:manipulation;border-radius:12px;justify-content:space-between;align-items:center;gap:.6rem;min-width:44px;min-height:44px;padding:.55rem .85rem;font-weight:600;transition:border-color .2s,box-shadow .2s,transform .2s;display:none}.nav-toggle:hover{border-color:color-mix(in srgb, var(--accent-color) 40%, transparent);box-shadow:var(--shadow-soft);background:color-mix(in srgb, var(--card-bg) 80%, var(--accent-color))}.nav-toggle:focus-visible{outline:var(--tv-focus-outline-width) solid var(--accent-color);outline-offset:var(--tv-focus-outline-offset)}.nav-toggle__icon{opacity:.9;font-size:1.2rem;font-weight:700}.nav-section{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.nav-section--jump{border-right:1px solid var(--surface-border);padding-right:.15rem}.nav-section--utilities{padding-left:.2rem}.nav-link--section{background:0 0;border:1px solid #0000;border-radius:999px;padding:.4rem .65rem;font-size:.85rem;transition:background .2s,border-color .2s,box-shadow .2s}.nav-link--section.is-active,.nav-link--section[aria-current=location]{border-color:color-mix(in srgb, var(--accent-color) 45%, transparent);background:color-mix(in srgb, var(--accent-color) 12%, transparent);box-shadow:none}.nav-link{color:var(--text-color);touch-action:manipulation;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.5rem .75rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.nav-link--launch{background:color-mix(in srgb, var(--accent-color) 18%, var(--panel-solid));border:1px solid color-mix(in srgb, var(--accent-color) 34%, var(--surface-border))}.nav-link:hover{background:var(--hover-bg)}.nav-link:focus-visible{outline:var(--tv-focus-outline-width) solid var(--accent-color);outline-offset:var(--tv-focus-outline-offset);box-shadow:0 0 20px var(--glow-color)}header{margin-bottom:3rem;position:relative}section.intro{border-radius:calc(var(--radius-lg) + 10px);background:var(--panel-gradient);border:1px solid color-mix(in srgb, var(--accent-magenta) 14%, var(--surface-border));box-shadow:var(--shadow-surface), inset 0 1px 0 #fff8ea14;padding:clamp(2.6rem,3vw + 1.5rem,4.2rem);position:relative;overflow:hidden}section.intro:before,section.intro:after{content:"";pointer-events:none;opacity:.6;z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}section.intro:before{background:radial-gradient(circle at 14% 18%, color-mix(in srgb, var(--accent-color) 40%, transparent), transparent 44%), radial-gradient(circle at 82% 0%, color-mix(in srgb, var(--accent-magenta) 28%, transparent), transparent 36%), linear-gradient(135deg, #fff8ea08, transparent 46%)}section.intro:after{opacity:.35;background:linear-gradient(120deg,#0000 0%,#ffffff14 45%,#0000 100%)}section.intro>*{z-index:1;position:relative}.intro-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin-top:1.4rem;display:grid}.intro-grid>*{min-height:100%}.intro-card{border-radius:var(--radius-lg);background:var(--surface-gradient);border:1px solid var(--surface-border);box-shadow:var(--shadow-soft);padding:1rem 1.1rem}.intro-card__title{letter-spacing:.01em;margin:0 0 .35rem;font-weight:700}.intro-card__body{color:var(--text-muted);margin:0;line-height:1.5}header.hero{background:linear-gradient(165deg, color-mix(in srgb, var(--panel-highlight) 80%, transparent), transparent 45%), var(--aurora-soft), var(--card-bg);min-height:55vh;box-shadow:var(--shadow-surface);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(12px)saturate(120%);backdrop-filter:blur(12px)saturate(120%);border-radius:24px;padding:clamp(2.4rem,2vw + 1.4rem,3.2rem);overflow:hidden}.hero:before,.hero:after{content:"";pointer-events:none;opacity:.55;z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.hero:before{background:radial-gradient(circle at 80% 18%, color-mix(in srgb, var(--accent-magenta) 22%, transparent), transparent 48%), radial-gradient(circle at 18% 78%, color-mix(in srgb, var(--accent-purple) 18%, transparent), transparent 52%);filter:blur(2px)}.hero:after{mix-blend-mode:normal;background:0 0}.hero-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center;gap:clamp(1.5rem,3vw,2.2rem);display:grid;position:relative}.hero-copy{text-align:left;gap:.85rem;max-width:760px;margin:0 auto;display:grid}.signal-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.7rem;margin:.25rem 0;display:grid}.signal-card{border-radius:var(--radius-lg);background:var(--surface-gradient);padding:.85rem 1rem}.signal-label{letter-spacing:.01em;color:var(--text-color);margin:0 0 .2rem;font-size:.95rem;font-weight:700}.signal-value{color:var(--text-muted);margin:0;line-height:1.5}.readiness-panel{border-radius:calc(var(--radius-lg) + 6px);background:var(--panel-gradient);margin-top:.4rem;padding:1.4rem}.readiness-header{gap:.1rem;margin-bottom:.65rem;display:grid}.readiness-title{letter-spacing:.01em;margin:0;font-size:1.05rem;font-weight:700}.readiness-subtitle{color:var(--text-muted);margin:0;line-height:1.5}.readiness-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.readiness-item{border-radius:calc(var(--radius-md) + 2px);background:var(--surface-gradient);border:1px solid var(--surface-border);gap:.4rem;padding:.85rem .85rem .85rem 1rem;display:grid;position:relative}.readiness-item:before{content:none}.readiness-label{align-items:center;gap:.55rem;font-weight:700;display:flex}.readiness-dot{background:#eaf5ffb3;border-radius:50%;width:14px;height:14px;transition:background .2s,box-shadow .2s,transform .2s;position:relative;box-shadow:0 0 0 2px #eaf5ff1f}.readiness-dot[data-status=success],.readiness-dot[data-status=ready]{background:linear-gradient(135deg, var(--accent-color), var(--accent-purple));box-shadow:0 0 0 2px #3b82f638}.readiness-dot[data-status=warn]{background:linear-gradient(135deg,#f5c768,#ff7b7b);box-shadow:0 0 0 2px #f5c76838}.readiness-dot[data-status=error]{background:linear-gradient(135deg,#ff8a8a,#e8333c);box-shadow:0 0 0 2px #e8333c3d}.readiness-name{letter-spacing:.01em}.readiness-note{color:var(--text-muted);margin:0;line-height:1.4}.quick-starts{border-radius:calc(var(--radius-lg) + 6px);background:linear-gradient(180deg, color-mix(in srgb, var(--panel-highlight) 78%, transparent), transparent), var(--panel-gradient);border:1px solid var(--surface-border);box-shadow:var(--shadow-soft);gap:1.5rem;padding:clamp(1.4rem,2vw,2rem);display:grid}.quick-start-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.1rem;display:grid}.quick-card{border-radius:var(--radius-lg);background:linear-gradient(160deg, #fff3, transparent 50%), var(--surface-gradient);border:1px solid var(--surface-border);box-shadow:var(--shadow-soft);gap:.6rem;padding:1.25rem 1.3rem;display:grid}.quick-card__eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);margin:0;font-size:.7rem}.quick-card h3{margin:0}.quick-card p{color:var(--text-muted);margin:0}.quick-card__actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.starter-picks{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface-strong) 84%, transparent);border:1px solid var(--surface-border);gap:.9rem;margin-bottom:1.1rem;padding:1rem;display:grid}.starter-picks__grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.6rem;display:grid}.starter-pick{border:1px solid var(--interactive-border);border-radius:var(--radius-md);background:var(--surface-gradient), var(--interactive-bg);min-height:44px;box-shadow:none;gap:.2rem;padding:.75rem .85rem;text-decoration:none;transition:border-color .22s,background .22s,transform .22s,box-shadow .22s;display:grid}.starter-pick strong{color:var(--text-color)}.starter-pick span{color:var(--text-muted);font-size:.82rem}.starter-pick:hover{border-color:color-mix(in srgb, var(--accent-color) 54%, var(--interactive-border));background:var(--surface-gradient), var(--interactive-bg-hover);box-shadow:none;transform:translateY(-1px)}.starter-pick:focus-visible{border-color:color-mix(in srgb, var(--accent-color) 54%, var(--interactive-border));background:var(--surface-gradient), var(--interactive-bg-hover);box-shadow:none;transform:translateY(-1px)}.daily-streak{border-radius:var(--radius-lg);background:linear-gradient(135deg, color-mix(in srgb, var(--accent-color) 20%, transparent), transparent 60%), color-mix(in srgb, var(--surface-strong) 86%, transparent);border:1px solid color-mix(in srgb, var(--accent-color) 30%, var(--surface-border));gap:.75rem;margin-bottom:1.1rem;padding:1rem;display:grid}.daily-streak__header{gap:.25rem;display:grid}.daily-streak__eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0;font-size:.7rem}.daily-streak__title{gap:.25rem;margin:0;display:grid}.daily-streak__title strong{font-size:1.04rem}.daily-streak__title span{color:var(--text-muted);font-size:.9rem}.daily-streak__actions{flex-wrap:wrap;gap:.55rem;display:flex}.daily-streak__note{color:var(--text-muted);margin:0;font-size:.88rem}.system-check{border-radius:calc(var(--radius-lg) + 6px);background:var(--panel-gradient);gap:1.4rem;padding:clamp(1.2rem,2vw,1.8rem);display:grid;position:relative;overflow:hidden}.system-check:before{content:none}.system-legend{color:var(--text-muted);flex-wrap:wrap;gap:.6rem;margin:0;padding:0;font-size:.95rem;list-style:none;display:flex}.system-legend__item{background:color-mix(in srgb, var(--card-bg) 88%, transparent);border:1px solid color-mix(in srgb, var(--surface-border) 70%, transparent);border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .55rem;display:inline-flex}.system-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:1.4rem;display:grid}.system-controls .control-panel{z-index:auto;clip-path:none;border-radius:calc(var(--radius-lg) + 2px);width:100%;padding:1.15rem 1.35rem;position:static;bottom:auto;left:auto;overflow:visible}.system-controls .control-panel__heading{margin-bottom:.6rem}.system-controls .control-panel__description{color:var(--text-muted);margin-bottom:.75rem}.system-actions{border-top:1px solid color-mix(in srgb, var(--accent-color) 12%, var(--surface-border));margin-top:0;padding-top:.5rem}.hero-utility-row,.experience-shortcuts{flex-wrap:wrap;gap:.7rem;display:flex}.hero-utility-row{margin-top:.8rem}.experience-shortcuts{margin-top:1rem}.hero-visual{isolation:isolate;justify-items:center;gap:1rem;display:grid;position:relative}.milkdrop-stage{gap:1rem;width:min(520px,90vw);display:grid}.milkdrop-stage__frame{aspect-ratio:1/.92;border:1px solid color-mix(in srgb, var(--accent-color) 24%, var(--surface-border));box-shadow:var(--shadow-strong);isolation:isolate;background:radial-gradient(circle at 50% 48%,#ecb5d329,#0000 14%),radial-gradient(circle,#6f88e72e,#0000 42%),linear-gradient(#131c32f5,#0c1121fa);border-radius:32px;position:relative;overflow:hidden}.milkdrop-stage__frame:before,.milkdrop-stage__frame:after{content:"";pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.milkdrop-stage__frame:before{opacity:.75;background:radial-gradient(circle at 22% 18%,#5fc0b533,#0000 38%),radial-gradient(circle at 80% 78%,#d389541f,#0000 34%)}.milkdrop-stage__frame:after{border:1px solid #ffffff14;border-radius:24px;top:12px;bottom:12px;left:12px;right:12px}.milkdrop-stage__halo,.milkdrop-stage__mesh,.milkdrop-stage__wave,.milkdrop-stage__core{position:absolute}.milkdrop-stage__halo{filter:blur(16px);background:radial-gradient(circle,#cfa7da66 0%,#889dff24 28%,#0000 64%);border-radius:50%;animation:6.8s ease-in-out infinite milkdropPulse;top:18%;bottom:18%;left:18%;right:18%}.milkdrop-stage__mesh{opacity:.78;background-image:linear-gradient(#84a0f0b3 1px,#0000 1px),linear-gradient(90deg,#84a0f0b3 1px,#0000 1px);background-size:10% 10%;border-radius:32px;animation:8.5s ease-in-out infinite milkdropMesh;top:18%;bottom:18%;left:20%;right:20%;transform:perspective(720px)rotateX(66deg)rotate(-6deg);-webkit-mask-image:radial-gradient(circle,#000 58%,#0000 92%);mask-image:radial-gradient(circle,#000 58%,#0000 92%)}.milkdrop-stage__wave{filter:drop-shadow(0 0 18px #b4d4ff33);border-top:2px solid #cee6ffe6;border-bottom:2px solid #db9ec78c;border-radius:999px;height:24%;animation:4.9s ease-in-out infinite milkdropWave;top:49%;left:16%;right:16%;transform:translateY(-50%)}.milkdrop-stage__core{aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#ffffffb3,#0000 30%),linear-gradient(145deg,#e9a2caf2,#7c8dffbf);border-radius:24px;width:16%;animation:5.4s ease-in-out infinite milkdropCore;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffff3d,0 0 32px #dda8cd38}.milkdrop-stage__meta{gap:.85rem;display:grid}.milkdrop-preset-strip{gap:.55rem;margin-top:.65rem}.milkdrop-showcase__filters{flex-wrap:wrap;gap:.55rem;margin-top:.8rem;display:flex}.milkdrop-showcase__filter{border-radius:var(--radius-pill);border:1px solid var(--surface-border);min-height:40px;color:var(--text-color);font:inherit;cursor:pointer;background:#ffffff0a;align-items:center;gap:.5rem;padding:.6rem .95rem;font-weight:700;display:inline-flex}.milkdrop-showcase__filter span{border-radius:var(--radius-pill);min-width:1.85rem;min-height:1.5rem;color:var(--text-muted);background:#ffffff14;justify-content:center;align-items:center;padding:0 .45rem;font-size:.78rem;display:inline-flex}.milkdrop-showcase__filter[data-active=true]{border-color:color-mix(in srgb, var(--accent-color) 45%, transparent);background:color-mix(in srgb, var(--accent-color) 18%, transparent);box-shadow:0 12px 24px color-mix(in srgb, var(--accent-color) 14%, transparent)}.milkdrop-showcase__grid{gap:.8rem;margin-top:.85rem;display:grid}.milkdrop-showcase__card{border:1px solid color-mix(in srgb, var(--accent-color) 12%, var(--surface-border));background:radial-gradient(circle at top right, color-mix(in srgb, var(--accent-color) 10%, transparent), transparent 36%), #ffffff08;border-radius:18px;gap:.55rem;padding:1rem;display:grid}@supports (content-visibility:auto){.milkdrop-showcase__card{content-visibility:auto;contain-intrinsic-size:1px 220px}}.milkdrop-showcase__card-title{margin:0;font-size:1rem;line-height:1.2}.milkdrop-showcase__card-copy{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.5}.milkdrop-showcase__tag-row,.milkdrop-showcase__card-actions{flex-wrap:wrap;gap:.55rem;display:flex}.milkdrop-showcase__card-actions .cta-button{min-height:40px;padding-inline-start:.95rem;padding-inline-end:.95rem}.preview-reel{background:var(--surface-gradient);border-radius:24px;width:min(520px,90vw);position:relative;overflow:hidden}.signal-card,.readiness-panel,.system-check,.preview-reel{border:1px solid var(--surface-border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(6px)saturate(110%);backdrop-filter:blur(6px)saturate(110%)}.signal-card,.quick-card,.callout-card,.repo-status__metric,.preview-meta{transition:transform .24s,box-shadow .24s,border-color .24s,background-color .24s}.signal-card:hover,.quick-card:hover,.callout-card:hover,.repo-status__metric:hover,.preview-meta:hover{border-color:color-mix(in srgb, var(--accent-color) 34%, var(--surface-border));box-shadow:var(--shadow-surface);transform:translateY(-3px)}.preview-track{min-height:360px;position:relative}.preview-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem 1rem;display:flex}.preview-control-buttons{background:var(--surface-texture), color-mix(in srgb, var(--card-bg) 75%, transparent);border:1px solid var(--interactive-border);border-radius:999px;align-items:center;gap:.35rem;padding:.35rem;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff05}.preview-control{color:var(--text-primary);letter-spacing:.01em;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;min-width:44px;min-height:44px;padding:.55rem .85rem;font-weight:700;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.preview-control:hover{background:var(--interactive-bg-hover);color:var(--text-primary);outline:2px solid color-mix(in srgb, var(--accent-color) 80%, white);outline-offset:2px;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-color) 24%, transparent)}.preview-control:focus-visible{background:var(--interactive-bg-hover);color:var(--text-primary);outline:2px solid color-mix(in srgb, var(--accent-color) 80%, white);outline-offset:2px;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-color) 24%, transparent)}.preview-card{opacity:0;background:var(--surface-highlight), var(--surface-texture), var(--card-bg);border:1px solid var(--surface-border);box-shadow:var(--shadow-soft), var(--surface-emboss);pointer-events:none;border-radius:20px;align-content:space-between;gap:.8rem;padding:clamp(1.2rem,1vw + .8rem,1.6rem);transition:opacity .5s,transform .6s;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;transform:translateY(12px)scale(.99)}.preview-card.is-active{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.preview-media{background:var(--surface-sheen), var(--preview-image,none), var(--surface-gradient);border:1px solid var(--surface-border);background-position:50%;background-repeat:no-repeat;background-size:cover,auto;border-radius:16px;min-height:180px;padding:1rem;position:relative;overflow:hidden}.preview-media--clay{background:linear-gradient(140deg,#ffc8962e,#151b2a)}.preview-media--geom{background:linear-gradient(140deg,#3b82f62e,#151b2a)}.preview-frame{z-index:1;gap:.35rem;display:grid;position:relative}.preview-glow{filter:none;opacity:.08;background:var(--accent-color);mix-blend-mode:normal;position:absolute;top:0;bottom:0;left:0;right:0}.preview-glow--clay{background:#ffc8961f}.preview-glow--geom{background:#3b82f61f}.preview-tag{border-radius:var(--radius-pill);letter-spacing:.01em;background:#ffffff14;align-items:center;gap:.35rem;width:-moz-fit-content;width:fit-content;padding:.45rem .8rem;font-weight:700;display:inline-flex}.preview-title{margin:0;font-size:1.2rem}.preview-caption{color:var(--text-muted);margin:0;line-height:1.5}.preview-badges{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.preview-meta{background:var(--surface-highlight), var(--surface-texture), var(--surface-gradient);border:1px solid var(--surface-border);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;display:flex}.preview-meta__copy{gap:.25rem;display:grid}.preview-meta__title{margin:0;font-weight:700}.preview-meta__description{max-width:420px;color:var(--text-muted);margin:0;line-height:1.5}.preview-launch{white-space:nowrap}.preview-dots{align-items:center;gap:.6rem;display:flex}.preview-dot{cursor:pointer;-webkit-appearance:none;appearance:none;touch-action:manipulation;background:0 0;border:0;border-radius:999px;width:44px;height:44px;padding:0;position:relative}.preview-dot:before{content:"";opacity:.75;background:#ffffff4d;border:1px solid #ffffff26;border-radius:999px;width:12px;height:12px;margin:auto;transition:transform .3s,opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(1);box-shadow:0 8px 18px #00000040}.preview-dot:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.preview-dot.is-active:before{opacity:1;background:linear-gradient(135deg, var(--accent-color), var(--accent-purple));transform:scaleX(2.2);box-shadow:0 12px 24px #00000059}.hero-callouts{gap:.65rem;width:min(440px,85vw);display:grid}.callout-card{border-radius:var(--radius-lg);background:var(--surface-gradient);border:1px solid var(--surface-border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:none;backdrop-filter:none;padding:1.05rem 1rem}.callout-title{letter-spacing:.01em;margin:0 0 .35rem;font-weight:700}.callout-copy{color:var(--text-muted);margin:0;line-height:1.5}.callout-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pill{border-radius:var(--radius-pill);letter-spacing:.01em;border:1px solid var(--surface-border);color:var(--text-color);overflow-wrap:anywhere;background:#ffffff0a;align-items:center;gap:.35rem;max-width:100%;padding:.55rem .9rem;font-weight:700;display:inline-flex;box-shadow:0 10px 26px #00000040}.pill--accent{border-color:color-mix(in srgb, var(--accent-color) 45%, transparent);background:color-mix(in srgb, var(--accent-color) 18%, transparent);box-shadow:0 12px 24px color-mix(in srgb, var(--accent-color) 18%, transparent)}.pill--soft{color:var(--text-muted);border-color:#ffffff24}.pill--contrast{border-color:color-mix(in srgb, var(--accent-magenta) 35%, transparent);background:color-mix(in srgb, var(--accent-magenta) 16%, transparent);box-shadow:0 12px 26px color-mix(in srgb, var(--accent-magenta) 16%, transparent)}.hero-copy h1{text-shadow:none;margin-bottom:.5rem;font-family:Space Grotesk,sans-serif;font-size:clamp(2.25rem,1.2rem + 2.5vw,3.2rem)}.intro .section-heading h1{letter-spacing:.02em;font-size:clamp(2.8rem,1.6rem + 3.4vw,4rem);line-height:1.05}.intro .section-heading .section-description{font-size:1.05rem}.eyebrow{text-transform:uppercase;letter-spacing:.05em;opacity:.85;margin:0 0 .5rem;font-size:.86rem;font-weight:600}.tagline{max-width:640px;color:var(--text-muted);margin-top:0;font-size:1.05rem;line-height:1.6}.cta-row{flex-wrap:wrap;gap:.75rem;margin:1.1rem 0;display:flex}.hero-cta-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.85rem;display:grid}.hero-cta-row .cta-button{justify-content:center;width:100%}.hero-cta-row .cta-button.primary{grid-column:1/-1}.intro-secondary-links{flex-wrap:wrap;gap:.75rem;margin-top:-.15rem;display:flex}.intro-secondary-link{margin-top:0}.section-helper{color:var(--text-muted);margin:.25rem 0 0;font-size:.92rem}.cta-helper{max-width:720px;color:var(--text-muted);margin:-.5rem 0 1.5rem;font-size:1rem;line-height:1.5}.intro h1{margin:0;font-size:clamp(1.45rem,1.1rem + 1.3vw,2rem);line-height:1.2}.intro .cta-helper{margin:0}html.light .cta-helper{color:color-mix(in srgb, var(--text-color) 85%, var(--accent-color))}.intro-focus{color:var(--text-muted);margin:.6rem 0 0;font-size:.95rem}.intro-meta{color:var(--text-muted);margin:.35rem 0 0;font-size:.9rem}.intro-highlights{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin:1rem 0 .35rem;display:grid}.intro-highlight-card{border:1px solid color-mix(in srgb, var(--accent-color) 32%, var(--surface-border));border-radius:calc(var(--radius-md) + 2px);background:linear-gradient(145deg, color-mix(in srgb, var(--accent-color) 14%, transparent), color-mix(in srgb, var(--card-bg) 84%, transparent));box-shadow:var(--shadow-soft);padding:.85rem 1rem}.intro-highlight-card__label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0;font-size:.68rem}.intro-highlight-card__value{margin:.3rem 0;font-size:1rem;font-weight:700}.intro-highlight-card__copy{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.4}.intro-pills{flex-wrap:wrap;gap:.5rem;margin:.85rem 0 0;padding:0;list-style:none;display:flex}.intro-pill{background:var(--interactive-bg);border:1px solid var(--interactive-border);color:var(--text-color);box-shadow:none;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.9rem;font-weight:600;display:inline-flex}.launch-steps{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-top:.35rem;display:grid}.launch-step{border-radius:calc(var(--radius-md) + 2px);border:1px solid color-mix(in srgb, var(--surface-border) 78%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--card-bg) 92%, transparent), color-mix(in srgb, var(--card-bg) 82%, transparent));padding:.9rem 1rem}.launch-step__number{background:color-mix(in srgb, var(--accent-color) 18%, transparent);border:1px solid color-mix(in srgb, var(--accent-color) 28%, transparent);border-radius:999px;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;margin:0 0 .5rem;font-size:.82rem;font-weight:700;display:inline-flex}.launch-step__title{margin:0 0 .3rem;font-size:.98rem;font-weight:700}.launch-step__copy{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.45}.hero-supporting-links{color:var(--text-muted);margin:0;font-size:.92rem;line-height:1.5}.hero-supporting-links a,.hero-supporting-links__button{color:var(--link-color);font:inherit}.hero-supporting-links__button{cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline;display:inline}.hero-supporting-links a:hover,.hero-supporting-links__button:hover{color:var(--link-hover)}.hero-supporting-links a:focus-visible{outline:var(--tv-focus-outline-width) solid var(--accent-color);outline-offset:var(--tv-focus-outline-offset)}.hero-supporting-links__button:focus-visible{outline:var(--tv-focus-outline-width) solid var(--accent-color);outline-offset:var(--tv-focus-outline-offset)}.details-panel{display:none}body[data-details-open] .details-panel{display:block}.details-toggle{color:var(--text-muted);gap:.35rem;font-size:.95rem}body[data-details-open] [data-details-label=open],body:not([data-details-open]) [data-details-label=close],body:not([data-details-open]) .readiness-note{display:none}body[data-details-open] .readiness-note{display:block}.text-link{touch-action:manipulation;min-height:44px;color:color-mix(in srgb, var(--link-color) 88%, var(--text-color));text-underline-offset:3px;border-radius:8px;align-items:center;margin:-.25rem 0;padding:0 .25rem;font-weight:600;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}button.text-link{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.text-link:hover{color:var(--link-hover)}.text-link:focus-visible{outline-offset:2px;outline:2px solid #60a5faf2;box-shadow:0 0 0 3px #3b82f659}.cta-button{background:var(--interactive-bg);color:var(--text-color);border:1px solid var(--interactive-border);touch-action:manipulation;background-size:auto;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;min-width:44px;min-height:44px;padding:.7rem 1.25rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .25s,color .25s,border-color .25s,filter .35s;animation:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.cta-button.primary{background:linear-gradient(130deg, color-mix(in srgb, var(--accent-color) 74%, #4f86d9), color-mix(in srgb, var(--accent-purple) 58%, #1d4ed8));color:var(--accent-contrast);border-color:color-mix(in srgb, #1d4ed8 52%, var(--surface-border));box-shadow:0 8px 18px #2563eb47}.cta-button--accent{border-color:color-mix(in srgb, var(--accent-color) 45%, var(--surface-border));background:color-mix(in srgb, var(--accent-color) 14%, var(--card-bg));color:var(--text-color)}.cta-button--muted{border-color:var(--interactive-border);background:color-mix(in srgb, var(--interactive-bg) 86%, transparent);color:color-mix(in srgb, var(--text-muted) 90%, var(--text-color))}.cta-button.ghost{background:color-mix(in srgb, var(--interactive-bg) 92%, transparent);border-color:var(--interactive-border);color:var(--text-color)}.cta-button:hover{filter:none;box-shadow:0 1px 0 #ffffff0a inset, var(--interactive-shadow);color:var(--text-color);transform:translateY(-1px)}.cta-button.primary:hover{color:var(--accent-contrast);box-shadow:0 10px 20px #2563eb57}@media (prefers-reduced-motion:reduce){.top-nav,header.hero,.signal-card,.quick-card,.callout-card,.repo-status__metric,.preview-meta,.cta-button{-webkit-backdrop-filter:none;backdrop-filter:none;transition:none;transform:none}.signal-card:hover,.quick-card:hover,.callout-card:hover,.repo-status__metric:hover,.preview-meta:hover,.cta-button:hover{transform:none}}.cta-button:focus-visible{outline:var(--tv-focus-outline-width) solid var(--accent-color);outline-offset:var(--tv-focus-outline-offset);box-shadow:0 0 0 3px #00000059}.cta-button:after{content:none}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes borderFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes glowPulse{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.7;transform:scale(1)}}@keyframes shimmerDrift{0%{transform:translate(-6px,4px)}50%{transform:translate(6px,-8px)}to{transform:translate(-6px,4px)}}h1{color:var(--text-color);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.toy-icon{filter:none;width:100px;height:100px;transform-style:preserve-3d;margin:0 auto 1rem;transition:transform .4s,filter .4s;display:block}.toy-icon-sprite{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.growth-tracks{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:color-mix(in srgb, var(--card-bg) 88%, var(--accent-color));box-shadow:var(--shadow-soft);gap:.55rem;margin:.6rem 0 0;padding:.9rem 1rem;display:grid}.growth-tracks .system-legend{margin-top:.2rem}.growth-tracks .system-legend__item{align-items:flex-start}.growth-tracks__form{gap:.45rem;margin-top:.45rem;display:grid}.growth-tracks__label{color:var(--text-muted);font-size:.92rem}.growth-tracks__form-row{flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:.5rem;display:flex}.growth-tracks__form-row select{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--card-bg);min-height:36px;color:var(--text-color);padding:.35rem .6rem}.growth-tracks__form-row .cta-button{min-height:36px;padding:.35rem .85rem;font-size:.82rem}.growth-tracks__form-row .cta-button[data-signal-state=recorded]{border-color:color-mix(in srgb, var(--accent-color) 62%, var(--surface-border));background:color-mix(in srgb, var(--accent-color) 20%, transparent)}.growth-tracks__segment-note{color:var(--text-muted);margin:.15rem 0 0;font-size:.9rem;line-height:1.45}.growth-tracks .repo-status__title{font-size:1.02rem}.repo-status{border-radius:var(--radius-lg);background:var(--surface-gradient);border:1px solid var(--surface-border);box-shadow:var(--shadow-soft);align-items:start;gap:.75rem;margin:1.25rem 0 .25rem;padding:1.1rem 1.2rem;display:grid}.repo-status__header{gap:.25rem;display:grid}.repo-status__title{margin:0;font-size:1.15rem;font-weight:700}.repo-status__description{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.5}.repo-status__repo-name{color:var(--text-color);font-weight:700}.repo-status__metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;margin:0;padding:0;display:grid}.repo-status__metric{border-radius:var(--radius-md);border:1px solid var(--surface-border);animation:7.2s ease-in-out infinite repoMetricPulse;animation-delay:calc(var(--metric-index,0) * .14s);background:#ffffff0a;padding:.85rem .95rem;list-style:none;box-shadow:0 10px 28px #0000002e}.repo-status__metric:first-child{--metric-index:0}.repo-status__metric:nth-child(2){--metric-index:1;animation-name:repoMetricFloat}.repo-status__metric:nth-child(3){--metric-index:2;animation-name:repoMetricTilt}.repo-status__metric:nth-child(4){--metric-index:3;animation-name:repoMetricFloat;animation-duration:8.6s}html.light .repo-status__metric{background:color-mix(in srgb, var(--card-bg) 88%, var(--accent-color));border-color:color-mix(in srgb, var(--accent-color) 18%, var(--surface-border));box-shadow:0 8px 20px #0f172a14}.repo-status__metric dt{color:var(--text-muted);margin:0 0 .25rem;font-size:.9rem}.repo-status__metric dd{color:var(--text-color);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:700;display:flex}.repo-status__badge{border-radius:999px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding-inline-start:.35rem;padding-inline-end:.35rem;transition:transform .2s;display:inline-flex;overflow:hidden}.repo-status__badge:hover{transform:translateY(-2px)}.repo-status__badge img{height:20px;display:block}.repo-status__actions{flex-wrap:wrap;gap:.75rem;display:flex}.repo-status__message{color:var(--text-muted);margin:.1rem 0 0;font-size:.95rem}.webtoy-card:hover .toy-icon{filter:none;transform:translateY(-3px)rotateX(6deg)rotateY(-6deg)scale(1.04)}.library{border-top:1px solid color-mix(in srgb, var(--accent-color) 24%, var(--surface-border));margin-top:clamp(1.5rem,2.8vw,2.6rem);padding-top:clamp(1.1rem,1.8vw,1.55rem)}.section-heading{gap:.35rem;padding-bottom:.75rem;display:grid;position:relative}.section-heading:after{content:"";background:var(--accent-gradient);width:92px;height:4px;box-shadow:0 0 24px color-mix(in srgb, var(--accent-color) 34%, transparent);transform-origin:0;border-radius:999px;animation:4.8s ease-in-out infinite headingBeam}.section-heading h2{margin:.25rem 0;font-size:2rem}.section-description{max-width:760px;color:var(--text-muted);margin:0 0 .65rem;line-height:1.6}@media (min-width:1180px){.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.quick-start-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.experience{border:1px solid color-mix(in srgb, var(--accent-magenta) 18%, var(--surface-border));background:radial-gradient(circle at top right, color-mix(in srgb, var(--accent-magenta) 18%, transparent), transparent 55%), radial-gradient(circle at bottom left, color-mix(in srgb, var(--accent-color) 14%, transparent), transparent 60%), var(--surface-gradient);box-shadow:var(--shadow-strong);border-radius:18px;padding:clamp(1.6rem,2vw + 1rem,2.6rem);position:relative;overflow:hidden}.experience:after{content:"";pointer-events:none;opacity:.4;background:linear-gradient(120deg,#0000 0%,#ffffff0d 45%,#0000 100%);position:absolute;top:0;bottom:0;left:0;right:0}html.light .experience{border-color:color-mix(in srgb, var(--accent-magenta) 24%, var(--surface-border))}.experience>*{z-index:1;position:relative}.experience-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.experience-card{background:var(--surface-highlight), var(--surface-texture), #0f172a85;border:1px solid var(--surface-border);box-shadow:var(--shadow-soft);border-radius:12px;padding:1.1rem 1.2rem;transition:transform .25s,box-shadow .25s,border-color .25s}html.light .experience-card{background:var(--surface-highlight), var(--surface-texture), #fffc}.experience-card:hover{border-color:color-mix(in srgb, var(--accent-color) 28%, transparent);box-shadow:var(--shadow-strong);transform:translateY(-4px)}.experience-card__eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin:0 0 .45rem;font-size:.7rem;font-weight:600}.experience-card h3{margin:0 0 .55rem;font-size:1.2rem}.experience-card p{color:var(--text-muted);margin:0;line-height:1.55}.library-search{border-radius:calc(var(--radius-lg) + 10px);border:1px solid color-mix(in srgb, var(--accent-color) 18%, var(--surface-border));background:var(--surface-highlight), var(--surface-texture), radial-gradient(circle at top left, color-mix(in srgb, var(--accent-color) 22%, transparent), transparent 58%), radial-gradient(circle at 95% 8%, color-mix(in srgb, var(--accent-magenta) 20%, transparent), transparent 22%), var(--surface-gradient);box-shadow:var(--shadow-surface), inset 0 1px 0 #fff8ea14;z-index:6;flex-direction:column;gap:1.1rem;margin-top:.55rem;padding:clamp(1.25rem,2.3vw,1.8rem);transition:border-color .25s,box-shadow .25s,transform .25s;display:flex;position:sticky;top:clamp(4.6rem,9vh,6rem)}.library-search:focus-within{border-color:color-mix(in srgb, var(--accent-color) 38%, var(--surface-border));box-shadow:var(--shadow-strong), 0 0 0 1px color-mix(in srgb, var(--accent-color) 24%, transparent);transform:translateY(-1px)}.search-heading{gap:.35rem;margin-bottom:.4rem;display:grid}.search-heading h3{margin:0;font-size:1.25rem}.search-heading p{color:var(--text-muted);margin:0;font-size:.95rem}.search-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.85rem;display:grid}.search-meta{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface-highlight), var(--surface-texture), #0f172a73;min-width:220px;color:var(--text-muted);z-index:2;align-content:center;gap:.3rem;padding:.75rem .95rem;display:grid;position:sticky;top:.5rem;box-shadow:inset 0 0 0 1px #ffffff0a}html.light .search-meta{background:var(--surface-highlight), var(--surface-texture), color-mix(in srgb, var(--card-bg) 90%, var(--accent-color));border-color:color-mix(in srgb, var(--accent-color) 18%, var(--surface-border));color:var(--text-color);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-color) 12%, transparent)}html.light .search-meta__results,html.light .search-meta__note{color:var(--text-color)}html.light .search-meta__tokens li{border-color:color-mix(in srgb, var(--accent-color) 24%, var(--surface-border));color:var(--text-color);background:color-mix(in srgb, var(--card-bg) 92%, var(--accent-color))}.search-meta__results{color:var(--text-muted);white-space:normal;overflow-wrap:anywhere;margin:0;font-size:.9rem;font-weight:600}.search-meta__note{letter-spacing:.02em;text-transform:none;color:var(--text-muted);margin:0;font-size:.75rem;font-weight:600}.library-refine{border:1px solid var(--surface-border);background:color-mix(in srgb, var(--card-bg) 92%, transparent);border-radius:12px;margin-top:.5rem;padding:.35rem .55rem .55rem}.library-refine>summary{cursor:pointer;border-radius:.55rem;align-items:center;min-height:44px;padding:.3rem .2rem;font-size:.9rem;font-weight:700;list-style:none;display:flex}.library-refine>summary:focus-visible{outline:2px solid color-mix(in srgb, var(--accent-color) 75%, #60a5fa);outline-offset:2px;box-shadow:0 0 0 3px #3b82f633}.library-refine>summary::-webkit-details-marker{display:none}.library-refine>summary:after{content:"▾";opacity:.82;margin-left:.5rem;font-size:.82em}.library-refine[open]>summary:after{content:"▴"}.search-meta__tokens{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.search-meta__tokens li{border:1px solid color-mix(in srgb, var(--accent-color) 18%, var(--surface-border));border-radius:var(--radius-pill);letter-spacing:.02em;color:var(--text-muted);background:color-mix(in srgb, var(--card-bg) 80%, transparent);padding:.15rem .5rem;font-size:.72rem}.active-filters{top:calc(env(safe-area-inset-top) + 4.4rem);z-index:35;background:color-mix(in srgb, var(--card-bg) 94%, #0b0f1ab8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #94a5b429;border-radius:14px;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.55rem .7rem;display:flex;position:sticky}.active-filters__chips{flex-wrap:wrap;gap:.35rem;display:flex}.active-filters__chips[hidden]{display:none}.active-filter-chip{border:1px solid color-mix(in srgb, var(--accent-color) 26%, var(--surface-border));background:color-mix(in srgb, var(--accent-color) 18%, var(--card-bg));color:var(--text-color);border-radius:var(--radius-pill);cursor:pointer;touch-action:manipulation;min-width:40px;min-height:40px;padding:.35rem .75rem;font-weight:600}.active-filter-chip:before{content:"×";opacity:.75;margin-right:.45rem}.active-filter-chip:focus-visible{outline-offset:2px;outline:2px solid #60a5faf2;box-shadow:0 0 0 3px #3b82f659}.active-filters[hidden]{display:none}.active-filters__status{color:color-mix(in srgb, var(--text-color) 94%, var(--accent-color));font-size:.8rem;font-weight:600}.active-filters.is-empty{padding:.55rem .7rem}html.light .active-filters__status{color:color-mix(in srgb, var(--text-color) 95%, #0f172a)}html.light .library-refine>summary,html.light .more-filters>summary{color:color-mix(in srgb, var(--text-color) 90%, #0f172a)}html.light .search-meta__note{color:color-mix(in srgb, var(--text-color) 84%, #0f172a)}.active-filters.is-empty .active-filters__clear{display:inline-flex}.active-filters__clear{color:var(--text-color);border-radius:var(--radius-pill);letter-spacing:.01em;cursor:pointer;background:#f43f5e29;border:1px solid #f43f5e8c;min-width:44px;min-height:44px;padding:.35rem .8rem;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.active-filters__clear:disabled{opacity:.5;cursor:not-allowed}.active-filters__clear:hover:not(:disabled){box-shadow:var(--shadow-soft);background:#f43f5e38;border-color:#f43f5ebf;transform:translateY(-1px)}.active-filters__clear:focus-visible{outline-offset:2px;outline:2px solid #60a5faf2;box-shadow:0 0 0 3px #3b82f659}.search-field{border:1px solid color-mix(in srgb, var(--accent-color) 22%, var(--surface-border));border-radius:var(--radius-pill);z-index:2;background:linear-gradient(145deg,#0c181df5,#131d23f5),radial-gradient(circle at 100%,#e9d49b14,#0000 28%);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.62rem 1rem;display:grid;position:sticky;top:.5rem;box-shadow:inset 0 0 0 1px #fff8ea0f,0 8px 20px #0000001f}.search-field__icon{width:2.2rem;height:2.2rem;color:var(--text-color);background:#ffffff17;border-radius:999px;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.search-field:focus-within{border-color:#81c2fff2;box-shadow:0 10px 24px #00000052,0 0 0 3px #60a5fa66}.search-field input{width:100%;color:var(--text-color);touch-action:manipulation;background:0 0;border:none;min-height:44px;padding:.55rem .15rem;font-size:1rem}.search-field input::placeholder{color:var(--text-muted)}.search-clear{color:var(--text-color);border-radius:var(--radius-pill);touch-action:manipulation;background:#ffffff1c;border:1px solid #0000;min-width:44px;min-height:44px;padding:.45rem .9rem;font-weight:600;transition:opacity .2s,background .2s,border-color .2s,box-shadow .2s}.search-clear.is-hidden{opacity:0;pointer-events:none}@media (hover:hover) and (pointer:fine){.search-clear:hover{box-shadow:var(--shadow-soft);background:#3b82f633;border-color:#60a5fa73}}.search-clear:focus-visible{outline-offset:2px;outline:2px solid #60a5faf2;box-shadow:0 0 0 3px #3b82f659}.filter-row{border-top:1px solid color-mix(in srgb, var(--accent-color) 14%, var(--surface-border));flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.8rem;padding:.35rem .1rem .1rem;display:flex}.chip-row{scrollbar-gutter:stable both-edges;flex-wrap:wrap;gap:.65rem;scroll-padding-inline:.25rem;display:flex;position:relative;overflow-x:auto}.filter-actions{flex-wrap:wrap;align-items:center;gap:.65rem;margin-left:auto;display:inline-flex}.filter-actions--primary{margin-left:auto}.filter-toggle{border:1px solid color-mix(in srgb, var(--accent-color) 30%, var(--surface-border));color:var(--text-color);border-radius:var(--radius-pill);cursor:pointer;touch-action:manipulation;background:#ffffff14;min-width:44px;min-height:44px;padding:.45rem .8rem;font-weight:600}@media (hover:hover) and (pointer:fine){.filter-toggle:hover{box-shadow:var(--shadow-soft);border-color:#60a5fa99}}.filter-toggle:focus-visible{outline-offset:2px;outline:2px solid #60a5faf2;box-shadow:0 0 0 3px #3b82f659}.filter-chip{border:1px solid color-mix(in srgb, var(--accent-color) 18%, var(--surface-border));background:color-mix(in srgb, var(--card-bg) 88%, transparent);color:var(--text-color);border-radius:var(--radius-pill);cursor:pointer;letter-spacing:.01em;touch-action:manipulation;white-space:nowrap;min-width:44px;min-height:44px;padding:.45rem .8rem;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;position:relative}.quick-filter-strip{scroll-snap-type:x proximity;scrollbar-width:thin;gap:.5rem;margin-top:-.1rem;padding-bottom:.15rem;display:none;overflow-x:auto}.filter-chip--quick{scroll-snap-align:start}@media (hover:hover) and (pointer:fine){.filter-chip:hover{box-shadow:var(--shadow-soft);border-color:#60a5fa99;transform:translateY(-1px)}}.filter-chip.is-active{background:color-mix(in srgb, var(--accent-color) 56%, var(--card-bg));color:color-mix(in srgb, var(--text-color) 95%, #fff);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-color) 40%, transparent), var(--shadow-soft);border-color:#60a5fa;padding-left:1.45rem;font-weight:700}.filter-chip.is-active:before{content:"✓";color:color-mix(in srgb, var(--text-color) 82%, var(--accent-color));font-size:.82rem;font-weight:800;position:absolute;top:50%;left:.6rem;transform:translateY(-50%)}.filter-chip:focus-visible{outline-offset:2px;outline:2px solid #60a5faf2;box-shadow:0 0 0 3px #3b82f659}.more-filters{border-top:1px solid color-mix(in srgb, var(--accent-color) 14%, var(--surface-border));margin-top:.45rem;padding-top:.3rem}.more-filters>summary{cursor:pointer;color:var(--text-muted);align-items:center;min-height:44px;font-size:.86rem;font-weight:600;list-style:none;display:inline-flex}.more-filters>summary::-webkit-details-marker{display:none}.more-filters>summary:after{content:"▾";opacity:.75;margin-left:.45rem;font-size:.84em}.more-filters[open]>summary:after{content:"▴"}.filter-reset{color:var(--text-color);border-radius:var(--radius-pill);letter-spacing:.01em;cursor:pointer;touch-action:manipulation;background:#f43f5e29;border:1px solid #f43f5e8c;min-width:44px;min-height:44px;padding:.5rem 1rem;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}@media (hover:hover) and (pointer:fine){.filter-reset:hover{box-shadow:var(--shadow-soft);background:#f43f5e38;border-color:#f43f5ebf;transform:translateY(-1px)}}.filter-reset.is-active{box-shadow:var(--shadow-soft);background:#f43f5e1f;border-color:#f43f5e73}.filter-reset:focus-visible{outline-offset:2px;outline:2px solid #60a5faf2;box-shadow:0 0 0 3px #3b82f659}.sort-control{border-radius:var(--radius-pill);border:1px solid color-mix(in srgb, var(--accent-color) 18%, var(--surface-border));background:color-mix(in srgb, var(--card-bg) 90%, transparent);color:var(--text-color);box-shadow:var(--shadow-soft);align-items:center;gap:.45rem;min-height:44px;margin-left:auto;padding:.5rem .85rem;display:inline-flex}.sort-control:focus-within{border-color:#60a5faf2;box-shadow:0 8px 18px #0000003d,0 0 0 3px #3b82f666}.sort-control select{color:inherit;touch-action:manipulation;border-radius:var(--radius-pill);background:0 0;border:none;min-height:44px;font-size:1rem;font-weight:700}.sort-control select:focus-visible{outline-offset:2px;outline:2px solid #60a5faf2}.webtoy-container{gap:calc(var(--section-gap) * .62);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;display:grid}.empty-state{border:1px dashed var(--surface-border);border-radius:var(--radius-lg);background:var(--surface-strong);text-align:center;box-shadow:var(--shadow-soft);flex-direction:column;grid-column:1/-1;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.empty-state__message{color:var(--text-muted);margin:0}.empty-state__suggestions{text-align:left;border-radius:var(--radius-md);border:1px solid var(--surface-border);background:color-mix(in srgb, var(--surface-strong) 78%, transparent);width:100%;max-width:420px;padding:.35rem .55rem .6rem}.empty-state__suggestions summary{cursor:pointer;color:var(--text-color);border-radius:.45rem;align-items:center;min-height:44px;font-weight:600;list-style:none;display:flex}.empty-state__suggestions summary:focus-visible{outline:2px solid color-mix(in srgb, var(--accent-color) 75%, #60a5fa);outline-offset:2px;box-shadow:0 0 0 3px #3b82f62e}.empty-state__suggestions summary::-webkit-details-marker{display:none}.empty-state__suggestions summary:after{content:"▾";color:var(--text-muted);margin-left:auto;transition:transform .18s}.empty-state__suggestions[open] summary:after{transform:rotate(180deg)}.empty-state__suggestions .webtoy-card-actions{flex-wrap:wrap;gap:.45rem;margin-top:.35rem}.webtoy-card{background:var(--surface-highlight), var(--surface-texture), var(--surface-gradient);border-radius:var(--radius-lg);text-align:left;cursor:pointer;box-shadow:var(--shadow-soft), var(--surface-emboss);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--surface-border);color:inherit;-webkit-appearance:none;appearance:none;touch-action:manipulation;isolation:isolate;flex-direction:column;align-items:flex-start;gap:.45rem;width:100%;min-height:clamp(188px,18vw,224px);padding:.95rem 1rem;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .3s,background .3s;display:flex;position:relative;overflow:hidden}@supports (content-visibility:auto){.webtoy-card{content-visibility:auto;contain-intrinsic-size:1px 320px}}html:not(.light) .webtoy-card{box-shadow:0 0 0 1px #ffffff0a, var(--shadow-soft), var(--surface-emboss);border-color:#ffffff24}.webtoy-card__link{color:inherit;border-radius:var(--radius-lg);cursor:pointer;z-index:1;text-decoration:none;position:absolute;top:0;bottom:0;left:0;right:0}.webtoy-card__link:focus-visible{outline:3px solid var(--accent-color);outline-offset:4px;box-shadow:0 0 0 4px #3b82f626,0 12px 30px #0000004d}.webtoy-card__content{z-index:1;pointer-events:none;flex-direction:column;gap:.45rem;width:100%;display:flex;position:relative}.webtoy-card:before{content:"";background:radial-gradient(circle at top left, color-mix(in srgb, var(--accent-color) 18%, transparent), transparent 55%), radial-gradient(circle at bottom right, color-mix(in srgb, var(--accent-magenta) 14%, transparent), transparent 60%);opacity:.14;pointer-events:none;z-index:0;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.webtoy-card:after{content:"";opacity:.3;pointer-events:none;z-index:0;background:linear-gradient(135deg,#ffffff0d,#0000 40%,#ffffff05 70%,#0000);position:absolute;top:0;bottom:0;left:0;right:0}@media (hover:hover) and (pointer:fine){.webtoy-card:hover{background:var(--surface-highlight), var(--surface-texture), var(--surface-gradient);box-shadow:var(--shadow-strong);border-color:#3b82f659;transform:translateY(-2px)}.webtoy-card:hover:before{opacity:.25}}.webtoy-card:focus-visible{outline:3px solid var(--accent-color);outline-offset:4px;box-shadow:0 0 0 4px #3b82f626,0 12px 30px #0000004d}.webtoy-card:focus-within{outline:2px solid var(--accent-color);outline-offset:4px;box-shadow:0 0 0 4px #3b82f61a,0 12px 30px #0000004d}.webtoy-card h3{color:var(--text-color);margin:.1rem 0 0;font-size:1.08rem}html.light .top-nav,html.light section.intro,html.light .quick-starts,html.light .library-search,html.light .webtoy-card{border-color:#2b384d29}html.light .intro-pill{background:color-mix(in srgb, var(--card-bg) 94%, var(--accent-color));border-color:#2b384d24;box-shadow:0 6px 16px #0f172a14}html.light .cta-button.ghost,html.light .filter-chip,html.light .sort-control,html.light .filter-toggle{background:color-mix(in srgb, var(--card-bg) 94%, transparent);border-color:#2b384d33}html.light .filter-chip{color:color-mix(in srgb, var(--text-color) 92%, #0f172a)}html.light .filter-chip.is-active{background:color-mix(in srgb, var(--accent-color) 38%, #e7eef8);color:#102544;border-color:#1d4ed8e0;box-shadow:0 0 0 2px #2563eb52,0 6px 16px #0f172a1f}html.light .library{border-top-color:#3f4a5a33}html.light .filter-chip.is-active:before{color:#1d4ed8}html.light .cta-button.primary{background:linear-gradient(130deg,#3f6ea8,#315f97);border-color:#1d4ed88a}.webtoy-card p{color:color-mix(in srgb, var(--text-color) 90%, var(--text-muted));font-size:.86rem;line-height:1.4}.webtoy-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.webtoy-card-guidance{color:color-mix(in srgb, var(--accent-color) 58%, var(--text-color) 42%);margin:0;font-size:.78rem;font-weight:600}.webtoy-card-match{color:color-mix(in srgb, var(--text-color) 84%, var(--text-muted));flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:-.05rem;margin-bottom:2px;font-size:.78rem;display:flex}.webtoy-card-match strong{font-weight:600}.webtoy-card-match mark{color:var(--text-color);background:#6366f124;border-radius:999px;padding:.08rem .4rem}.webtoy-card-signals{z-index:2;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.4rem;margin-top:auto;padding-top:.45rem;display:flex;position:relative}.webtoy-card-actions{z-index:2;flex-wrap:wrap;justify-content:flex-start;gap:.4rem;margin-top:.15rem;display:flex;position:relative}.webtoy-card-signal{border-radius:var(--radius-pill);border:1px solid color-mix(in srgb, var(--surface-border) 78%, transparent);background:color-mix(in srgb, var(--accent-color) 10%, transparent);color:color-mix(in srgb, var(--text-color) 92%, var(--text-muted));letter-spacing:.01em;padding:.34rem .68rem;font-size:.76rem;font-weight:600;line-height:1.2}.webtoy-card-actions .cta-button{min-width:44px;min-height:44px;padding:.5rem .78rem;font-size:.79rem}@media (prefers-reduced-motion:reduce){.active-filter-chip,.active-filters__clear,.filter-chip,.filter-toggle,.filter-reset,.search-clear,.webtoy-card{transition:none}.webtoy-card{transform:none}}.webtoy-growth-panel{background:linear-gradient(155deg,#0f172acc,#1e293bb3);border:1px solid #7dd3fc59;border-radius:.9rem;margin:0 0 1rem;padding:.9rem 1rem}.webtoy-growth-panel--premium{border-color:#c484fc8c}.webtoy-growth-panel__title{letter-spacing:.01em;margin:0 0 .4rem;font-size:.95rem}.webtoy-growth-panel__body{color:#e2e8f0eb;margin:0 0 .75rem}html.light .webtoy-growth-panel{background:linear-gradient(155deg,#e2e8f0b8,#f1f5f9f0);border-color:#38bdf873}html.light .webtoy-growth-panel__body{color:#0f172ad1}.webtoy-card-signals:before{content:"";background:color-mix(in srgb, var(--surface-border) 70%, transparent);opacity:.7;height:1px;position:absolute;top:0;left:0;right:0}footer{text-align:center;margin-top:calc(var(--section-gap) * .8);border-top:1px solid var(--surface-border);padding:1.25rem}.footer-actions{justify-items:center;gap:.5rem;display:grid}.footer-nav{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;margin:.1rem 0 .35rem;display:flex}.footer-nav span[aria-hidden=true]{opacity:.65}.footer-cta-row{justify-content:center;margin:.5rem 0 0}.footer-cta-row .cta-button{box-shadow:var(--shadow-soft), 0 0 0 1px #ffffff14}.footer-cta-row .cta-button.ghost{background:var(--surface-texture), color-mix(in srgb, var(--card-bg) 88%, transparent);border-color:color-mix(in srgb, var(--accent-color) 25%, var(--surface-border))}.footer-helper{margin:.25rem 0 0}.feature-bands{background:var(--card-bg);border:1px solid var(--surface-border);box-shadow:var(--shadow-surface);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:24px;margin-top:-.5rem;padding:clamp(1.2rem,1vw + 1rem,2rem)}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem;display:grid}.feature-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.feature-card{background:var(--surface-gradient);border:1px solid color-mix(in srgb, var(--surface-border) 95%, #718096);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:column;align-items:flex-start;gap:.65rem;min-height:100%;padding:1rem;display:flex}.feature-card h3,.feature-card p{overflow-wrap:anywhere}.feature-card .text-link{margin-top:auto}.feature-card ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.feature-card .text-link{color:color-mix(in srgb, var(--link-color) 84%, #1d4ed8);font-weight:550}.feature-icon{background:var(--accent-soft);border-radius:14px;place-items:center;width:48px;height:48px;font-size:1.25rem;display:grid;box-shadow:0 10px 20px #0003}.feature-body h3{margin:0 0 .35rem}.feature-body p{color:var(--text-muted);margin:0;line-height:1.55}.feature-meta{color:var(--text-color);opacity:.8;font-size:.9rem}.theme-toggle{background:var(--card-bg);color:var(--text-color);border:1px solid var(--surface-border);border-radius:var(--radius-pill);cursor:pointer;touch-action:manipulation;align-items:center;gap:.45rem;min-width:44px;min-height:44px;padding:.55rem 1rem;transition:background .2s,transform .2s,box-shadow .2s,border-color .2s;display:inline-flex;box-shadow:0 12px 28px #00000040}.theme-toggle:hover{background:var(--hover-bg);border-color:#3b82f666;transform:translateY(-2px);box-shadow:0 14px 32px #0000004d}.theme-toggle:focus-visible{outline:var(--tv-focus-outline-width) solid var(--accent-color);outline-offset:var(--tv-focus-outline-offset);background:var(--hover-bg);box-shadow:0 12px 24px #0000004d}.theme-toggle__icon{background:color-mix(in srgb, var(--accent-color) 16%, var(--card-bg));width:2rem;height:2rem;color:var(--text-color);border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 0 6px #0000001f}.theme-toggle__label{letter-spacing:.01em;font-weight:700}.launch-utility-row{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:.25rem;display:flex}.launch-utility-row--compact{margin-top:0;margin-bottom:-.2rem}.launch-utility-row__button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}@media (max-width:1024px){.content{--content-padding:clamp(1.25rem, 2.5vw, 2.4rem)}.hero-grid{align-items:start}.preview-track{min-height:320px}}@media (max-width:900px){:root{--radius-lg:18px;--radius-md:12px}.top-nav{flex-wrap:wrap;align-items:flex-start;gap:.75rem}.nav-actions{flex-wrap:wrap;justify-content:space-between;gap:.65rem;width:100%}.nav-section{flex:240px}.hero-visual{width:100%}.preview-meta{flex-direction:column;align-items:flex-start}.preview-launch{justify-content:center;width:100%}.hero-callouts{width:100%}.hero-cta-row{grid-template-columns:1fr;width:100%}.hero-utility-row,.experience-shortcuts{width:100%}.hero-utility-row .cta-button,.experience-shortcuts .cta-button{flex:100%}}@media (max-width:680px){body{font-size:.97rem}section.intro{border-radius:18px;padding:1.4rem 1.2rem}.hero-copy{gap:.5rem}.intro-pills{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;margin:.75rem -.5rem 0;padding:0 .5rem .25rem;overflow-x:auto}.intro-pill{white-space:nowrap;scroll-snap-align:start;padding:.35rem .75rem;font-size:.85rem}.intro-grid{grid-template-columns:1fr;gap:.75rem}.quick-start-grid{grid-template-columns:1fr}.quick-card{padding:1.1rem}.quick-card__actions{flex-direction:column;align-items:stretch}.quick-card__actions .cta-button,.quick-card__actions .text-link{text-align:center;justify-content:center;width:100%}.system-legend{flex-wrap:wrap;padding-bottom:0;overflow:visible}.system-legend__item{white-space:normal}.search-row{grid-template-columns:1fr}.library-search{position:static}.quick-filter-strip{display:flex}.search-row>*{min-width:0}.search-field{grid-template-columns:auto minmax(0,1fr);padding:.5rem .75rem}.search-clear{grid-column:1/-1;justify-self:flex-end}.search-field__hint{white-space:normal;width:100%}.search-meta{width:100%}.library-refine{margin-top:.5rem}.active-filters{top:calc(env(safe-area-inset-top) + 3.8rem);align-items:flex-start}.active-filters__status{width:100%}.starter-picks{display:none}.filter-row{flex-direction:column;align-items:flex-start}.chip-row,.filter-actions{width:100%}.filter-actions{justify-content:space-between}.sort-control{justify-content:space-between;width:100%}.chip-row{scrollbar-width:thin;scroll-snap-type:x proximity;flex-wrap:nowrap;padding-bottom:.2rem;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 1rem calc(100% - 1rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 1rem calc(100% - 1rem),#0000)}.chip-row>*{scroll-snap-align:start;flex:none}.webtoy-card-actions{flex-direction:column;align-items:stretch}.webtoy-card-actions .cta-button{justify-content:center;width:100%}.preview-controls{flex-direction:column;align-items:stretch}.preview-control-buttons{justify-content:space-between;width:100%}.preview-control{flex:auto;justify-content:center}.preview-dots{justify-content:space-between;width:100%}.system-grid{grid-template-columns:1fr}.cta-helper{margin:0 0 1rem}.section-helper[data-hero-flow-note]{display:none}header.hero{min-height:auto}.preview-track{min-height:240px}.preview-card{padding:1rem}}@media (min-width:681px){.library-refine{background:0 0;border:0;border-radius:0;margin-top:0;padding:0}}@media (max-width:920px) and (max-height:520px) and (orientation:landscape){.content{gap:1rem}.top-nav{padding:.4rem .55rem}.library-search{top:calc(env(safe-area-inset-top) + 3.8rem);gap:.75rem;padding:.85rem 1rem}.search-row{grid-template-columns:minmax(0,1fr);gap:.55rem}.search-meta{min-width:0;position:relative;top:0}.filter-row{gap:.55rem}.chip-row{gap:.5rem}.filter-actions{justify-content:flex-start;width:100%;margin-left:0}.hero{padding-block-start:.8rem;padding-block-end:.6rem}.hero-grid{gap:.75rem}.hero-copy{gap:.6rem}.intro-highlights{display:none}.hero-copy h1{font-size:clamp(1.8rem,4vw,2.3rem)}.tagline,.cta-helper{margin-bottom:0}.hero-cta-row{gap:.5rem}.active-filters{top:calc(env(safe-area-inset-top) + 3.2rem)}header.hero{min-height:auto}}@media (max-width:768px){h2{font-size:clamp(1.4rem,4vw,1.8rem)}h1{font-size:1.9rem}.content{gap:1.5rem}.webtoy-container{grid-template-columns:1fr}.top-nav{top:calc(env(safe-area-inset-top) + .4rem);border-radius:12px;position:sticky}.hero-grid{grid-template-columns:1fr}.preview-reel{width:100%}.hero-cta-row .cta-button.primary{letter-spacing:.04em}}@media (max-width:520px){#toy-list,#toy-search{scroll-margin-top:10rem}.skip-link:focus-visible{top:max(3.6rem, calc(env(safe-area-inset-top) + 3rem))}h1{font-size:clamp(1.6rem,7vw,1.8rem)}.content{--content-padding:clamp(1rem, 4vw, 1.4rem);gap:1rem}.library{margin-top:1.35rem;padding-top:.8rem}.brand{justify-content:flex-start;width:100%}.nav-toggle{width:100%;display:flex}.nav-actions{flex-direction:column;align-items:stretch;gap:.6rem;width:100%;display:flex}.nav-actions[popover]{top:auto;bottom:auto;left:auto;right:auto;top:calc(env(safe-area-inset-top) + 5rem);left:max(1rem, env(safe-area-inset-left));right:max(1rem, env(safe-area-inset-right));border:1px solid color-mix(in srgb, var(--accent-color) 20%, var(--surface-border));background:linear-gradient(180deg, color-mix(in srgb, var(--panel-highlight) 82%, transparent), transparent 58%), var(--panel-glass);width:auto;min-width:0;max-width:none;box-shadow:var(--shadow-surface);-webkit-backdrop-filter:blur(16px)saturate(130%);backdrop-filter:blur(16px)saturate(130%);border-radius:16px;margin:0;padding:.85rem;position:fixed}.nav-actions[popover]:popover-open{display:flex}.top-nav[data-nav-expanded=false] .nav-actions:not([popover]){display:none}.nav-section{justify-content:flex-start;width:100%}.nav-section--jump,.nav-section--utilities{border:0;flex-direction:column;align-items:stretch;gap:.45rem;padding:0;display:flex}.top-nav{border-radius:12px;gap:.5rem;padding:.7rem}.shell-header{margin-inline-start:-.2rem;margin-inline-end:-.2rem;margin-bottom:.4rem;padding-inline-start:.2rem;padding-inline-end:.2rem}.nav-link{justify-content:flex-start;padding:.65rem .85rem}.nav-link--section{justify-content:flex-start}.nav-link{width:100%}.nav-link--launch{justify-content:flex-start}.theme-toggle{justify-content:flex-start;width:100%}#site-footer{padding-inline-start:.95rem;padding-inline-end:.95rem}.footer-actions{text-align:left;justify-items:stretch;gap:.75rem}.footer-nav{justify-content:flex-start;gap:.3rem .5rem}.footer-nav span[aria-hidden=true]{display:none}.footer-cta-row{align-items:stretch;width:100%}.footer-cta-row .cta-button{width:100%}.theme-toggle__label{flex:1}.cta-row{flex-direction:column;align-items:stretch;gap:.6rem}.hero-cta-row .cta-button{min-height:50px}.cta-button{justify-content:center;width:100%;padding:.75rem .95rem;font-size:.95rem}.signal-grid{grid-template-columns:1fr}.section-heading h2{font-size:1.5rem}.section-description{font-size:.92rem}.search-field{gap:.4rem;padding:.4rem .6rem}.search-field__icon{width:1.8rem;height:1.8rem;font-size:.85rem}.search-field input{min-width:0;padding-right:2.8rem;font-size:.9rem}.search-clear{right:.35rem}.hero-cta-row .cta-button.cta-button--muted,.hero-cta-row .cta-button.cta-button--accent{display:none}.hero-cta-row .cta-button.primary,.hero-cta-row .cta-button.ghost{min-height:52px}.search-meta__tokens{display:none}}@media (prefers-reduced-motion:reduce){.library-search{transition:none}section.intro:before,.intro-actions .cta-button.primary,.daily-streak:after,.quick-card,.repo-status__metric,.webtoy-card,.section-heading:after{animation:none}.library-search:focus-within,.webtoy-card:hover{transform:none}}.home-support-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.home-support-grid .quick-starts,.home-support-grid .system-check{height:100%;margin:0}section.intro,.quick-starts,.library-search,.system-check,.github{background:color-mix(in srgb, var(--card-bg) 94%, transparent);border:1px solid color-mix(in srgb, var(--surface-border) 72%, transparent);-webkit-backdrop-filter:blur(6px)saturate(110%);backdrop-filter:blur(6px)saturate(110%);box-shadow:0 7px 16px #00000029}.hero:before,.hero:after,.system-check:before{display:none}section.intro:before{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-border) 30%, transparent), transparent 58%);opacity:.36;display:block}section.intro:after{opacity:.2;background:linear-gradient(115deg,#0000 0%,#ffffff0d 44%,#0000 100%);display:block}section.intro{justify-items:start;gap:.5rem;padding-block-start:clamp(.7rem,1vw + .4rem,1rem);padding-block-end:clamp(.7rem,1vw + .4rem,1rem);display:grid}.intro-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.55rem;display:flex}.intro-actions .cta-button{border-color:color-mix(in srgb, var(--accent-color) 30%, var(--surface-border));border-radius:10px;min-width:8.75rem;transform:translateZ(0);box-shadow:0 8px 18px #0003}.intro-actions .cta-button.primary{background-size:auto;animation:5.4s ease-in-out infinite homeHeroButtonPulse}.intro-secondary-links{justify-content:center;gap:.8rem}.section-heading,.hero-copy,.intro-highlights,.search-row,.daily-streak,.starter-picks{gap:.75rem}.starter-picks,.daily-streak{border-radius:calc(var(--radius-lg) + 2px);border-color:color-mix(in srgb, var(--accent-color) 22%, var(--surface-border))}.starter-pick{border-left:3px solid color-mix(in srgb, var(--accent-purple) 62%, transparent);box-shadow:none}.daily-streak{position:relative;overflow:hidden}.daily-streak:after{content:"";background:linear-gradient(90deg, var(--accent-color), var(--accent-magenta));height:3px;animation:3.8s ease-in-out infinite streakScan;position:absolute;top:auto;bottom:0;left:0;right:0}.webtoy-card{border-color:color-mix(in srgb, var(--accent-color) 18%, var(--surface-border));animation-duration:.62s;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both;animation-delay:var(--card-enter-delay,0s)}.card-motion--rise{animation-name:cardRiseIn}.card-motion--tilt{animation-name:cardTiltIn}.card-motion--glide{animation-name:cardGlideIn}.card-motion--bloom{animation-name:cardBloomIn}.webtoy-card:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 10px 18px #0000002e}.intro-highlights,.hero-callouts{display:none}.quick-start-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.quick-card{background:color-mix(in srgb, var(--card-bg) 96%, transparent);border:1px solid color-mix(in srgb, var(--surface-border) 68%, transparent);box-shadow:none;padding:1rem 1rem .9rem;animation:8.5s ease-in-out infinite quickCardBob}.quick-card:nth-child(2n){animation-name:quickCardSway;animation-duration:9.5s}.quick-card:nth-child(3n){animation-name:quickCardLift;animation-duration:7.8s}.quick-card h3{font-size:1.03rem}@media (max-width:1100px){.home-support-grid{grid-template-columns:1fr}.quick-start-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:980px){.quick-start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.intro-actions{flex-direction:column;width:100%}.intro-actions .cta-button{width:100%}.quick-start-grid{grid-template-columns:1fr}}body.tv-mode .top-nav{top:max(1.2rem, env(safe-area-inset-top));padding:1rem 1.25rem}body.tv-mode .nav-link,body.tv-mode .cta-button,body.tv-mode .filter-chip,body.tv-mode .webtoy-card__link,body.tv-mode .theme-toggle{min-height:56px;padding-block-start:.8rem;padding-block-end:.8rem;padding-inline-start:1rem;padding-inline-end:1rem;font-size:1.02rem}body.tv-mode .webtoy-card{width:clamp(300px,34cqi,420px)}body.tv-mode .content{max-width:min(1380px, calc(100vw - 2 * var(--tv-safe-padding,0px)))}.stim-builder{border-radius:calc(var(--radius-lg) + 6px);gap:1rem;margin-top:1rem;padding:clamp(1.2rem,2vw,1.8rem);display:grid}.builder-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.builder-form label{color:var(--text-muted);gap:.4rem;font-size:.86rem;display:grid}.builder-form select{border:1px solid var(--interactive-border);background:color-mix(in srgb, var(--card-bg) 90%, transparent);color:var(--text-primary);border-radius:10px;min-height:44px;padding:.5rem .65rem}.builder-summary{flex-wrap:wrap;gap:.45rem;display:flex}.builder-chip{background:color-mix(in srgb, var(--accent-color) 18%, transparent);border:1px solid color-mix(in srgb, var(--accent-color) 36%, var(--surface-border));border-radius:999px;padding:.3rem .62rem;font-size:.8rem}.builder-results{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.builder-result{border:1px solid color-mix(in srgb, var(--surface-border) 75%, transparent);background:color-mix(in srgb, var(--card-bg) 92%, transparent);border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:.65rem;padding:.75rem .8rem;display:grid}.builder-result__title{margin:0;font-weight:700}.builder-result__description,.builder-result__reason{color:var(--text-muted);margin:.2rem 0 0;font-size:.85rem}.builder-result__link{border:1px solid var(--interactive-border);color:var(--text-primary);border-radius:999px;align-self:start;align-items:center;min-height:40px;padding:.4rem .8rem;text-decoration:none;display:inline-flex}.library-three-ambient{pointer-events:none;z-index:0;opacity:.5;width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0}.library,#toy-list{z-index:1;position:relative}.webtoy-card-preview{background:#040610d1;border:1px solid #ffffff24;border-radius:.85rem;width:100%;margin-bottom:.8rem;overflow:hidden}.webtoy-card-preview canvas{width:100%;height:auto;display:block}section.intro{border-radius:calc(var(--radius-lg) + 6px);padding:clamp(1.05rem,1.2vw + .8rem,1.55rem) clamp(1.05rem,1.5vw,1.6rem)}.intro h1{letter-spacing:-.01em;line-height:1.15}.intro .cta-helper{max-width:70ch;line-height:1.68}.section-heading{gap:.6rem;margin-bottom:.55rem}.section-description{max-width:72ch}.library-search{border-radius:calc(var(--radius-lg) + 12px);padding:clamp(1.35rem,1.9vw,1.9rem)}.search-field{border-radius:calc(var(--radius-pill) + 6px);min-height:52px}.webtoy-card{border-radius:var(--radius-lg);gap:.75rem;padding:1.05rem}.webtoy-card h3{margin-top:.1rem;font-size:1.02rem;line-height:1.4}.webtoy-card p{font-size:.9rem;line-height:1.56}.webtoy-card-preview{aspect-ratio:16/10;margin-bottom:.65rem}.webtoy-card-preview canvas{width:100%;height:100%}@media (max-width:1280px){.webtoy-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:760px){section.intro{border-radius:calc(var(--radius-lg) + 2px)}.library-search{padding:1rem}.webtoy-container{grid-template-columns:1fr}}@keyframes homeHeroButtonPulse{0%,to{transform:translateY(0)scale(1);box-shadow:0 8px 18px #0003}50%{box-shadow:0 14px 28px color-mix(in srgb, var(--accent-color) 28%, transparent);transform:translateY(-2px)scale(1.02)}}@keyframes headingBeam{0%,to{filter:saturate(.95);transform:scaleX(.9)}50%{filter:saturate(1.2);transform:scaleX(1.08)}}@keyframes milkdropPulse{0%,to{opacity:.66;transform:scale(.92)}50%{opacity:.9;transform:scale(1.04)}}@keyframes milkdropMesh{0%,to{transform:perspective(720px)rotateX(66deg)rotate(-6deg)scale(.98)}50%{transform:perspective(720px)rotateX(66deg)rotate(4deg)scale(1.02)}}@keyframes milkdropWave{0%,to{clip-path:polygon(0% 55%,10% 46%,22% 62%,35% 44%,50% 58%,64% 42%,78% 60%,90% 45%,100% 54%,100% 70%,0% 70%)}50%{clip-path:polygon(0% 48%,12% 61%,24% 43%,36% 58%,50% 40%,65% 63%,78% 46%,90% 57%,100% 46%,100% 70%,0% 70%)}}@keyframes milkdropCore{0%,to{border-radius:24px;transform:translate(-50%,-50%)rotate(0)scale(.94)}50%{border-radius:18px;transform:translate(-50%,-50%)rotate(14deg)scale(1.08)}}@keyframes streakScan{0%,to{transform-origin:0;opacity:.7;transform:scaleX(.35)}50%{transform-origin:0;opacity:1;transform:scaleX(1)}}@keyframes cardRiseIn{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cardTiltIn{0%{opacity:0;transform:translate(-14px,18px)rotate(-1.4deg)scale(.98)}to{opacity:1;transform:translate(0,0)rotate(0)scale(1)}}@keyframes cardGlideIn{0%{opacity:0;filter:saturate(.85);transform:translate(16px,10px)scale(.97)}to{opacity:1;filter:saturate();transform:translate(0,0)scale(1)}}@keyframes cardBloomIn{0%{opacity:0;filter:blur(3px);transform:translateY(12px)scale(.94)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes quickCardBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes quickCardSway{0%,to{transform:translate(0)rotate(0)}35%{transform:translate(2px)rotate(.35deg)}70%{transform:translate(-2px)rotate(-.35deg)}}@keyframes quickCardLift{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.01)}}@keyframes repoMetricPulse{0%,to{transform:translateY(0)scale(1);box-shadow:0 10px 28px #0000002e}50%{transform:translateY(-3px)scale(1.015);box-shadow:0 14px 30px #00000038}}@keyframes repoMetricFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes repoMetricTilt{0%,to{transform:perspective(400px)rotateX(0)}50%{transform:perspective(400px)rotateX(4deg)translateY(-2px)}}:root{--panel-solid:color-mix(in srgb, var(--card-bg) 95%, #091015);--panel-subtle:color-mix(in srgb, var(--card-bg) 91%, transparent);--surface-border-strong:color-mix(in srgb, var(--accent-color) 22%, var(--surface-border));--shadow-panel:0 18px 38px #00000038, 0 3px 10px #0000001f;--shadow-panel-hover:0 24px 46px #00000042, 0 6px 16px #00000024}html.light{--panel-solid:color-mix(in srgb, var(--card-bg) 97%, #fff);--panel-subtle:color-mix(in srgb, var(--card-bg) 94%, #fff);--shadow-panel:0 16px 32px #0f172a14, 0 3px 10px #0f172a0f;--shadow-panel-hover:0 22px 44px #0f172a1c, 0 6px 14px #0f172a14}.content{gap:clamp(2.1rem,3.6vw,3.5rem)}.content:before{opacity:.4;background-size:72px 72px}.shell-header{margin-bottom:clamp(1rem,2vw,1.5rem)}.top-nav{background:linear-gradient(180deg, color-mix(in srgb, var(--panel-highlight) 78%, transparent), transparent 60%), color-mix(in srgb, var(--panel-solid) 90%, transparent);border-color:var(--surface-border-strong);box-shadow:var(--shadow-panel);border-radius:22px;padding:.85rem 1.05rem}.nav-link{padding-inline-start:.8rem;padding-inline-end:.8rem;font-size:.94rem}section.intro,.library-search,.experience-card,.repo-status,.github,.feature-card,.quick-card,.callout-card{background:linear-gradient(180deg, color-mix(in srgb, var(--panel-highlight) 82%, transparent), transparent 62%), var(--panel-subtle);border-color:var(--surface-border-strong);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(10px)saturate(112%);backdrop-filter:blur(10px)saturate(112%)}section.intro{padding:clamp(1.15rem,1.5vw + .8rem,1.85rem)}.hero-grid{align-items:start;gap:clamp(1.35rem,2.5vw,2rem)}.hero-copy{gap:.95rem;max-width:44rem}.eyebrow{letter-spacing:.12em;color:color-mix(in srgb, var(--text-muted) 86%, var(--accent-color));margin-bottom:.35rem;font-size:.76rem;font-weight:700}.hero-copy h1{letter-spacing:-.03em;max-width:12ch;font-size:clamp(2.4rem,1.6rem + 2.3vw,3.55rem);line-height:1.04}.tagline,.cta-helper,.section-description,.experience-card p,.repo-status__description,.repo-status__message,.webtoy-card p{color:color-mix(in srgb, var(--text-color) 74%, var(--text-muted))}.tagline{max-width:62ch;font-size:1.02rem;line-height:1.72}.hero-cta-row{gap:.7rem}.cta-button{letter-spacing:.01em;overflow-wrap:anywhere;border-radius:14px;max-width:100%;padding:.78rem 1.2rem;font-weight:700;box-shadow:inset 0 1px #ffffff0a}.cta-button.primary{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-color) 78%, #4f86d9), color-mix(in srgb, var(--accent-magenta) 42%, #315f97));box-shadow:0 12px 24px #2563eb38}.milkdrop-stage{width:min(560px,100%)}.milkdrop-stage__frame{border-color:color-mix(in srgb, var(--accent-color) 32%, var(--surface-border));border-radius:28px}.milkdrop-stage__meta{gap:.7rem}.callout-card{border-radius:20px;padding:1rem 1.05rem}.pill{box-shadow:none;padding:.5rem .8rem;font-size:.78rem}.section-heading{gap:.5rem;padding-bottom:.9rem}.section-heading:after{opacity:.9;width:72px;height:3px;box-shadow:0 0 18px color-mix(in srgb, var(--accent-color) 24%, transparent);animation:none}.section-heading h2{letter-spacing:-.02em;font-size:clamp(1.7rem,1.3rem + 1vw,2.35rem);line-height:1.08}.library{margin-top:clamp(2.4rem,4vw,3.4rem);padding-top:clamp(1.3rem,2vw,1.9rem)}.library-search{border-radius:24px;gap:1rem;padding:clamp(1.15rem,1.5vw + .8rem,1.65rem);top:clamp(4.8rem,10vh,6.2rem)}.search-row{gap:.75rem}.search-field,.search-meta,.library-refine{background:color-mix(in srgb, var(--panel-solid) 90%, transparent);border-color:color-mix(in srgb, var(--accent-color) 22%, var(--surface-border));box-shadow:none}.search-field{padding-inline-start:.85rem;padding-inline-end:.85rem}.search-field__icon{background:color-mix(in srgb, var(--accent-color) 12%, var(--panel-solid));width:2rem;height:2rem}.search-meta{min-width:200px;padding:.8rem .95rem}.filter-chip,.sort-control,.active-filter-chip,.active-filters__clear,.search-clear,.filter-toggle,.filter-reset{box-shadow:none}.filter-chip,.sort-control,.active-filter-chip{background:color-mix(in srgb, var(--panel-solid) 94%, transparent)}.webtoy-container{grid-template-columns:repeat(auto-fit,minmax(295px,1fr));gap:clamp(1rem,1.6vw,1.35rem)}.webtoy-card{background:linear-gradient(180deg, color-mix(in srgb, var(--panel-highlight) 78%, transparent), transparent 52%), color-mix(in srgb, var(--panel-subtle) 96%, transparent);border-color:color-mix(in srgb, var(--accent-color) 20%, var(--surface-border));min-height:clamp(238px,20vw,282px);box-shadow:var(--shadow-panel);border-radius:24px;gap:.7rem;padding:1.05rem}.webtoy-card:before{opacity:.1}.webtoy-card:after{opacity:.12}.webtoy-card:hover{border-color:color-mix(in srgb, var(--accent-color) 34%, var(--surface-border));box-shadow:var(--shadow-panel-hover);transform:translateY(-3px)}.webtoy-card h3{font-size:1.08rem;line-height:1.3}.webtoy-card-description{-webkit-line-clamp:3}.webtoy-card-guidance{font-size:.8rem}.webtoy-card-signals{gap:.45rem;padding-top:.35rem}.webtoy-card-signal{background:color-mix(in srgb, var(--accent-color) 8%, var(--panel-solid));padding:.32rem .62rem}.webtoy-card-preview{border-color:color-mix(in srgb, var(--accent-color) 18%, var(--surface-border));border-radius:16px;margin-bottom:.05rem;box-shadow:inset 0 0 0 1px #ffffff0a}.experience-grid,.repo-status__metrics{gap:.95rem}.experience-card,.repo-status__metric{border-radius:20px;padding:1rem 1.05rem}.repo-status__metric{background:color-mix(in srgb, var(--panel-solid) 88%, transparent);animation:none}.repo-status__actions,.footer-cta-row{gap:.6rem}footer{margin-top:calc(var(--section-gap) * 1.05);padding:1.4rem 1.2rem 1.8rem}@media (max-width:900px){.hero-copy h1{max-width:none}.library-search{position:static}}@media (max-width:760px){.content{gap:2rem}.top-nav,section.intro,.library-search,.webtoy-card,.experience-card,.repo-status,.repo-status__metric,.callout-card{border-radius:18px}.hero-copy h1{font-size:clamp(2rem,1.4rem + 4.5vw,2.7rem)}.webtoy-container{grid-template-columns:1fr}.webtoy-card{min-height:0}}@supports (content-visibility:auto){.home-shell>section:not(.home-hero),.launch-shell>section:not(.launch-intro):not(.shell-header--launch),.home-footer,.milkdrop-showcase__grid{content-visibility:auto}.home-shell>section:not(.home-hero),.launch-shell>section:not(.launch-intro):not(.shell-header--launch),.home-footer{contain-intrinsic-size:1px 720px}.milkdrop-showcase__grid{contain-intrinsic-size:1px 420px}}@supports (container-type:inline-size){.home-shell{container:home-shell/inline-size}.launch-shell{container:launch-shell/inline-size}.home-hero__grid{container:home-hero/inline-size}.home-showcase__frame{container:showcase-frame/inline-size}}.home-hero{min-height:auto}.home-hero__grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.95fr);align-items:start;gap:clamp(1.4rem,3vw,2.6rem);display:grid}.home-hero__copy{gap:1rem;display:grid}.home-hero__copy h1{max-width:13ch;margin:0;font-size:clamp(3rem,5vw,5rem);line-height:.95}.home-hero__aside h2{font-size:clamp(1.3rem,2vw,1.8rem)}.home-hero__support{color:var(--text-muted);margin:0;line-height:1.6}.home-hero__support code,.home-hero__aside-label code{font-family:inherit}.home-hero__visual{align-content:start;align-self:stretch;gap:1rem;display:grid}.home-lineage__grid,.home-source__grid{gap:1rem;display:grid}.home-hero__focus,.home-lineage__card,.home-source__card,.home-showcase__frame,.home-footer,.home-hero__aside{border-radius:calc(var(--radius-lg) + 2px);border:1px solid var(--surface-border);background:linear-gradient(180deg, color-mix(in srgb, var(--panel-highlight) 70%, transparent), transparent), var(--panel-gradient);box-shadow:var(--shadow-soft);padding:1.15rem 1.2rem}.home-hero__focus,.home-hero__aside{gap:.75rem;display:grid}.home-hero__focus,.home-lineage__card,.home-source__card,.home-showcase__frame,.home-footer,.home-hero__aside,.launch-check,.milkdrop-showcase__card{contain:layout style}.home-hero__aside h2,.home-lineage__card h3,.home-source__card h3{margin:0}.home-hero__focus p,.home-hero__aside p,.home-lineage__card p,.home-source__card p{color:var(--text-muted);margin:0;line-height:1.55}.home-hero__checklist{color:var(--text-muted);gap:.55rem;margin:0;padding-left:1.15rem;display:grid}.home-hero__checklist li{line-height:1.55}.home-hero__aside{align-content:start}.home-hero__aside-label{text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted);margin:0;font-size:.72rem}.home-showcase__frame{gap:.85rem;display:grid}.home-lineage__grid,.home-source__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-list{color:var(--text-muted);gap:.55rem;margin:0;padding-left:1.15rem;display:grid}.home-list li{line-height:1.55}.home-source__card{align-content:start;gap:.75rem;display:grid}.launch-intro{margin-bottom:0}.launch-shell{gap:clamp(1.4rem,2.4vw,2.2rem);display:grid}.launch-shell--compact{gap:1rem}.launch-intro__grid{grid-template-columns:minmax(0,1.18fr) minmax(300px,.9fr);align-items:start;gap:clamp(1rem,2.5vw,1.8rem);display:grid}.launch-intro__copy{gap:1rem;display:grid}.launch-intro__actions{margin:0}.launch-checklist{gap:.85rem;display:grid}.launch-check{border-radius:calc(var(--radius-lg) + 2px);border:1px solid var(--surface-border);background:linear-gradient(180deg, color-mix(in srgb, var(--panel-highlight) 70%, transparent), transparent), var(--panel-gradient);box-shadow:var(--shadow-soft);gap:.45rem;padding:1rem 1.05rem;display:grid}.launch-check__step{text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin:0;font-size:.72rem}.launch-check h2,.launch-check p{margin:0}.launch-check p:last-child{color:var(--text-muted);line-height:1.55}@supports (content-visibility:auto){.home-lineage__card,.home-source__card,.home-showcase__frame,.launch-check{content-visibility:auto}.home-lineage__card,.home-source__card{contain-intrinsic-size:1px 220px}.home-showcase__frame{contain-intrinsic-size:1px 680px}.launch-check{contain-intrinsic-size:1px 180px}}.launch-workspace__header{max-width:52rem}.shell-header--launch{-webkit-backdrop-filter:none;backdrop-filter:none;margin-bottom:0;padding-top:0;position:static}.shell-header--launch .shell-panels{pointer-events:auto;grid-template-columns:minmax(0,1.18fr) minmax(320px,.92fr);align-items:start;gap:1rem;width:100%;margin-top:0;position:static;bottom:auto;left:auto;right:auto}.shell-header--launch .shell-panel{min-width:0}.shell-header--launch .shell-panel--tune{position:sticky;top:clamp(1rem,2vw,1.4rem)}.shell-header--launch .shell-panel[data-audio-controls]>.control-panel,.shell-header--launch .shell-panel[data-settings-panel]>.control-panel,.shell-header--launch .shell-panel>[data-audio-controls]>.control-panel,.shell-header--launch .shell-panel>[data-settings-panel]>.control-panel{max-height:none;overflow:visible}.shell-header--launch .shell-panel[data-settings-panel]>.control-panel,.shell-header--launch .shell-panel>[data-settings-panel]>.control-panel{min-height:100%}.home-footer{gap:.45rem;display:grid}@media (max-width:1080px){.home-hero__grid,.launch-intro__grid,.shell-header--launch .shell-panels,.home-lineage__grid,.home-source__grid{grid-template-columns:1fr}.home-hero__copy h1{max-width:11ch}}@media (max-width:760px){.launch-shell{flex-direction:column;gap:1rem;display:flex}.launch-workspace{order:1}.shell-header--launch{order:2}.launch-intro{order:3}.launch-intro__copy{gap:.8rem}.launch-checklist{gap:.7rem}.home-hero__copy h1{max-width:none;font-size:clamp(2.5rem,1.5rem + 6vw,3.6rem)}.hero-cta-row.launch-intro__actions{grid-template-columns:1fr}.launch-utility-row{gap:.65rem}.shell-header--launch .shell-panel--tune{position:static}.home-hero__focus,.home-lineage__card,.home-source__card,.home-showcase__frame,.launch-check,.home-footer,.home-hero__aside{padding:1rem}}body,html{font-family:var(--display-font);background:radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--accent-purple) 20%, transparent), transparent 26%), radial-gradient(circle at 88% 14%, color-mix(in srgb, var(--accent-magenta) 18%, transparent), transparent 28%), linear-gradient(145deg, var(--bg-color) 0%, color-mix(in srgb, var(--bg-color-secondary) 88%, #071112) 54%, #050a0b 100%)}.content:before{opacity:.22;background-color:#0000;background-image:linear-gradient(90deg,#0000 0 calc(100% - 1px),#fff8ea12 calc(100% - 1px)),linear-gradient(0deg,#0000 0 calc(100% - 1px),#fff8ea0d calc(100% - 1px));background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:88px 88px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;-webkit-mask-image:linear-gradient(#00000085,#0000 78%);mask-image:linear-gradient(#00000085,#0000 78%)}.top-nav,header.hero,section.intro,.library-search,.experience-card,.repo-status,.github,.feature-card,.quick-card,.callout-card,.webtoy-card,.home-stat,.home-route-card,.home-lineage__card,.home-source__card,.home-showcase__frame,.home-footer,.launch-check,.control-panel,.active-toy-nav,.active-toy-status__content,.toy-shell-escape__link{background:linear-gradient(180deg, color-mix(in srgb, var(--panel-highlight) 88%, transparent), transparent 58%), var(--surface-texture), var(--panel-gradient);border-color:var(--surface-border-strong);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:none;backdrop-filter:none}.top-nav{border-radius:16px;padding:.95rem 1rem .85rem}.top-nav:after{content:"";background:linear-gradient(90deg, var(--accent-color), var(--accent-magenta) 52%, var(--accent-purple));opacity:.92;border-radius:999px;height:4px;position:absolute;top:0;left:1rem;right:1rem}.brand-title,.nav-link,.theme-toggle,.cta-button,.pill,.filter-chip,.sort-control,.active-filter-chip,.active-filters__clear,.search-clear,.filter-toggle,.filter-reset,.milkdrop-showcase__filter,.control-panel__eyebrow,.control-panel__stage-label,.control-panel__label,.eyebrow,.home-stat__label,.home-route-card__label,.launch-check__step{font-family:var(--label-font)}.brand-title,.nav-link,.theme-toggle__label,.cta-button,.pill,.filter-chip,.sort-control,.active-filter-chip,.active-filters__clear,.search-clear,.filter-toggle,.filter-reset,.milkdrop-showcase__filter{letter-spacing:.08em;text-transform:uppercase}.brand-title{font-size:.92rem}.eyebrow,.home-stat__label,.home-route-card__label,.launch-check__step,.control-panel__eyebrow,.control-panel__stage-label{letter-spacing:.15em;font-size:.72rem}.section-heading:after{background:linear-gradient(90deg, var(--accent-color) 0 28%, transparent 28% 34%, var(--accent-magenta) 34% 64%, transparent 64% 70%, var(--accent-purple) 70% 100%);width:92px;height:4px;box-shadow:none;border-radius:999px}header.hero:before,section.intro:before{background:radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--accent-purple) 24%, transparent), transparent 32%), radial-gradient(circle at 82% 0%, color-mix(in srgb, var(--accent-magenta) 24%, transparent), transparent 32%), linear-gradient(135deg, #ffffff0a, transparent 42%);opacity:.5}header.hero:after,section.intro:after{opacity:.12;background:linear-gradient(120deg,#0000 0%,#ffffff0f 48%,#0000 100%)}.cta-button{background:color-mix(in srgb, var(--panel-solid) 92%, transparent);border-color:color-mix(in srgb, var(--accent-color) 26%, var(--surface-border));border-radius:10px;min-height:46px;padding:.82rem 1.05rem;font-size:.78rem;font-weight:700;box-shadow:0 10px 22px #00000038,inset 0 1px #ffffff0d}.cta-button.primary{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-color) 92%, #d6fbe8), color-mix(in srgb, var(--accent-magenta) 74%, #ffd19f));border-color:color-mix(in srgb, var(--accent-magenta) 42%, #fff);color:#071315;box-shadow:0 12px 28px #0000003d,inset 0 0 0 1px #ffffff1f}.cta-button:hover{transform:translateY(-2px);box-shadow:0 16px 28px #00000042,inset 0 1px #ffffff0f}.cta-button.primary:hover{box-shadow:0 18px 32px #00000047,inset 0 0 0 1px #ffffff29}.filter-chip,.sort-control,.active-filter-chip,.active-filters__clear,.search-clear,.filter-toggle,.filter-reset,.milkdrop-showcase__filter,.pill{background:color-mix(in srgb, var(--panel-solid) 92%, transparent);border-color:color-mix(in srgb, var(--accent-color) 20%, var(--surface-border));box-shadow:none;border-radius:999px}.pill--accent,.milkdrop-showcase__filter[data-active=true]{background:color-mix(in srgb, var(--accent-color) 18%, var(--panel-solid));border-color:color-mix(in srgb, var(--accent-color) 40%, transparent);box-shadow:none}.brand-mark{background:linear-gradient(180deg, var(--accent-color), color-mix(in srgb, var(--accent-purple) 68%, var(--accent-color)));border-radius:3px;width:14px;height:14px}.brand-mark:before,.brand-mark:after{border-radius:2px}.milkdrop-stage__frame,.webtoy-card-preview,.search-field,.search-meta,.library-refine{background:linear-gradient(180deg, color-mix(in srgb, var(--panel-highlight) 72%, transparent), transparent 62%), var(--surface-texture), color-mix(in srgb, var(--panel-solid) 96%, transparent);border-color:color-mix(in srgb, var(--accent-color) 24%, var(--surface-border));box-shadow:none;border-radius:16px}.control-panel,.active-toy-nav,.active-toy-status__content{border-radius:18px}.active-toy-status__glow{opacity:.42;filter:blur(28px)}@supports selector(:has(*)){.home-showcase__frame:has(.milkdrop-showcase__filter[data-active=true]){border-color:color-mix(in srgb, var(--accent-color) 30%, var(--surface-border));box-shadow:var(--shadow-soft), 0 0 0 1px color-mix(in srgb, var(--accent-color) 14%, transparent)}.milkdrop-showcase__filters:has(.milkdrop-showcase__filter[data-active=true]){align-items:center}.shell-header--launch .shell-panels:has(.shell-panel--tune>:not(:empty)){align-items:stretch}}@supports (container-type:inline-size){@container home-hero (width<=900px){.home-hero__copy h1{max-width:none}.hero-cta-row{grid-template-columns:1fr}.hero-cta-row .cta-button.primary{grid-column:auto}}@container showcase-frame (width<=760px){.milkdrop-showcase__filters{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.milkdrop-showcase__filter{justify-content:space-between;width:100%}.milkdrop-showcase__grid{grid-template-columns:1fr}}@container launch-shell (width<=920px){.shell-header--launch .shell-panels{grid-template-columns:1fr}.shell-header--launch .shell-panel--tune{position:static}}}@media (hover:none),(pointer:coarse){.text-link:hover{color:var(--link-color)}.signal-card:hover,.quick-card:hover,.callout-card:hover,.repo-status__metric:hover,.preview-meta:hover{border-color:var(--surface-border);box-shadow:var(--shadow-soft);transform:none}.starter-pick:hover{border-color:var(--interactive-border);background:var(--surface-gradient), var(--interactive-bg);box-shadow:none;transform:none}.repo-status__badge:hover,.cta-button:hover{transform:none}.cta-button:hover{color:inherit;box-shadow:inset 0 1px #ffffff0a}.cta-button.primary:hover{box-shadow:0 12px 28px #0000003d,inset 0 0 0 1px #ffffff1f}}@media (max-width:760px){.top-nav:after{left:.8rem;right:.8rem}.cta-button,.nav-link,.theme-toggle__label,.pill,.filter-chip,.sort-control,.active-filter-chip,.active-filters__clear,.search-clear,.filter-toggle,.filter-reset,.milkdrop-showcase__filter{letter-spacing:.05em}}@media (prefers-reduced-motion:reduce){.quick-card,.webtoy-card,.repo-status__metric,.cta-button,.milkdrop-stage__halo,.milkdrop-stage__mesh,.milkdrop-stage__wave,.milkdrop-stage__core{transition:none;animation:none}}:root{--display-font:"Trebuchet MS", "Arial Narrow", "Space Grotesk", sans-serif;--label-font:"Space Mono", "Lucida Console", monospace;--bg-color:#090f1f;--bg-color-secondary:#111b2f;--text-color:#edf4ff;--text-muted:#d7e5ffb8;--accent-color:#83de45;--accent-purple:#6f7dff;--accent-magenta:#ffb347;--accent-contrast:#071112;--link-color:#a5d5ff;--link-hover:#f8d585;--card-bg:#18233b;--surface-border:#adbfe647;--surface-border-strong:#d3e0ff5c;--panel-solid:#243252;--panel-subtle:#1a2843;--panel-gradient:linear-gradient(180deg, #5f6d8f 0%, #3a4769 8%, #232f4e 34%, #141d34 100%);--surface-gradient:linear-gradient(180deg, #ffffff24, #ffffff05);--surface-texture:repeating-linear-gradient(135deg, #ffffff0a 0 2px, transparent 2px 10px);--panel-highlight:#ffffff2e;--shadow-panel:0 18px 32px #0103096b, 0 2px 0 #ffffff1f inset, 0 -2px 0 #040a1485 inset;--shadow-panel-hover:0 22px 38px #0103097a, 0 2px 0 #ffffff26 inset, 0 -2px 0 #040a148f inset;--radius-lg:10px;--radius-md:8px}html.light{--bg-color:#cfd5e6;--bg-color-secondary:#aeb7d0;--text-color:#121a2d;--text-muted:#121a2db3;--accent-color:#3f9b2d;--accent-purple:#5361c9;--accent-magenta:#c9852d;--accent-contrast:#f8fbff;--link-color:#264f9e;--link-hover:#9a5b18;--card-bg:#d9dfef;--surface-border:#2b3a5e47;--surface-border-strong:#202b4661;--panel-solid:#d8deed;--panel-subtle:#c7d0e4;--panel-gradient:linear-gradient(180deg, #f4f6fc 0%, #d9dfef 10%, #bec7de 42%, #a3aec9 100%);--surface-gradient:linear-gradient(180deg, #ffffffb8, #ffffff1f);--surface-texture:repeating-linear-gradient(135deg, #ffffff47 0 2px, #00000005 2px 10px);--panel-highlight:#ffffffb8;--shadow-panel:0 14px 28px #2f3f612e, 0 2px 0 #ffffffd1 inset, 0 -2px 0 #69769559 inset;--shadow-panel-hover:0 18px 32px #2f3f6133, 0 2px 0 #ffffffe6 inset, 0 -2px 0 #69769561 inset}body,html{background:radial-gradient(circle at 14% 12%,#6f7dff33,#0000 24%),radial-gradient(circle at 84% 18%,#ffb3472e,#0000 22%),linear-gradient(#11182a 0%,#0b1120 30%,#070b15 100%)}html.light body,html.light{background:radial-gradient(circle at 14% 12%,#6f7dff26,#0000 24%),radial-gradient(circle at 84% 18%,#ffb34724,#0000 22%),linear-gradient(#dbe1f0 0%,#c9d0e3 34%,#b8c1d8 100%)}.content:before{opacity:.38;background:linear-gradient(90deg,#ffffff0f 0 1px,#0000 1px 96px) 0 0/96px 96px,linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 96px) 0 0/96px 96px,linear-gradient(#ffffff0b,#0000 32%) 0 0/100% 100%}.top-nav,header.hero,section.intro,.library-search,.experience-card,.repo-status,.github,.feature-card,.quick-card,.callout-card,.webtoy-card,.home-stat,.home-route-card,.home-lineage__card,.home-source__card,.home-showcase__frame,.home-footer,.launch-check,.control-panel,.active-toy-nav,.active-toy-status__content,.toy-shell-escape__link,.home-hero__focus,.home-hero__aside{background:linear-gradient(180deg, #ffffff29, #ffffff05 18%), var(--surface-texture), var(--panel-gradient);border:1px solid var(--surface-border-strong);box-shadow:var(--shadow-panel)}.top-nav,.home-lineage__card,.home-showcase__frame,.home-footer,.home-hero__focus,.home-hero__aside,.control-panel{position:relative}.top-nav:before,.home-lineage__card:before,.home-showcase__frame:before,.home-footer:before,.home-hero__focus:before,.home-hero__aside:before,.control-panel:before{content:"";opacity:.82;pointer-events:none;background:linear-gradient(90deg,#80d84f,#ffb347 50%,#6f7dff);border-radius:999px;height:3px;position:absolute;top:10px;left:10px;right:10px}.top-nav{border-radius:10px;padding-top:1.1rem}.top-nav:after{height:3px;top:.45rem;left:.95rem;right:.95rem}.brand-mark{border-radius:4px;width:16px;height:16px;box-shadow:inset 0 0 0 1px #ffffff38}.cta-button{color:var(--text-color);text-shadow:0 1px #00000059;background:linear-gradient(#ffffff3d,#ffffff08 28%),linear-gradient(#47577a,#273654 52%,#1a2742);border-color:#d0dcff57;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #02050c73,0 12px 24px #04091238}.cta-button.primary{color:#081108;text-shadow:none;background:linear-gradient(#ffffff57,#ffffff0d 26%),linear-gradient(#b7ff7b,#7dd83f 54%,#4aa520);border-color:#e4ffd09e}.cta-button.ghost{background:linear-gradient(#ffffff2e,#ffffff08 30%),linear-gradient(#4c5d80,#2e3a5d 58%,#1a2540)}.cta-button:hover{box-shadow:inset 0 1px #fff3,inset 0 -1px #02050c73,0 16px 28px #04091242}.pill,.milkdrop-showcase__filter,.filter-chip,.sort-control,.active-filter-chip,.active-filters__clear,.search-clear,.filter-toggle,.filter-reset{background:linear-gradient(#ffffff2e,#ffffff05 30%),linear-gradient(#394766,#22304e 60%,#18233b);border-color:#cedcff47}.pill--accent,.milkdrop-showcase__filter[data-active=true]{color:#ddffbe;border-color:#a0e4668f;box-shadow:inset 0 0 0 1px #83de452e}.home-shell{gap:clamp(1.8rem,3vw,2.9rem)}.home-hero{position:relative;overflow:hidden}.home-hero__grid{grid-template-columns:minmax(0,1.1fr) minmax(340px,.95fr);align-items:stretch;gap:clamp(1.6rem,3vw,2.8rem)}.home-hero__copy{background:linear-gradient(#ffffff14,#0000 28%),linear-gradient(#121b30d1,#090f1c85);border:1px solid #a5b5dc2e;border-radius:10px;gap:1.15rem;padding:clamp(1.2rem,2vw,1.8rem)}.home-hero__copy h1{letter-spacing:-.04em;text-shadow:0 2px 18px #080b1759;max-width:12ch}.tagline{max-width:55ch;color:var(--text-muted);margin:0}.home-hero__status-row{flex-wrap:wrap;gap:.65rem;display:flex}.home-hero__visual{grid-template-rows:auto minmax(320px,1fr) auto}.milkdrop-stage{box-shadow:var(--shadow-panel);z-index:1;background:linear-gradient(#ffffff24,#ffffff05 16%),linear-gradient(#516285,#26324e 10%,#121a2e 100%);border:1px solid #d5e0ff52;border-radius:10px;padding:.95rem;position:relative}.milkdrop-stage__frame{background:linear-gradient(#ffffff0f,#0000 18%),linear-gradient(#08101e,#0d1630 42%,#09101f 100%);border:1px solid #9bb1e13d;border-radius:8px;min-height:clamp(320px,46vw,420px);overflow:hidden}.home-lineage__grid{gap:1.15rem}.home-lineage__card h3,.home-hero__aside h2{color:#f5f8ff}.home-hero__aside-label{color:#dee9ffb8}.text-link{text-decoration-color:#a5d5ff61}.home-footer{padding-bottom:1.2rem}.active-toy-container{background:radial-gradient(circle at 18% 10%,#6f7dff29,#0000 24%),radial-gradient(circle at 82% 16%,#ffb34721,#0000 22%),linear-gradient(#09111f,#0b1322 54%,#070c16 100%)}@media (max-width:1080px){.home-hero__grid{grid-template-columns:1fr}.home-hero__copy h1{max-width:none}}@media (max-width:760px){.home-hero__copy{padding:1rem}}:root{--radius-lg:6px;--radius-md:4px}.top-nav,.home-lineage__card,.home-showcase__frame,.home-footer,.home-hero__focus,.home-hero__aside,.control-panel,.active-toy-status__content,.active-toy-nav,.toy-shell-escape__link{border-radius:6px;box-shadow:0 16px 30px #02040a5c,inset 0 1px #ffffff38,inset 0 -1px #0e1321b3,inset 1px 0 #ffffff14,inset -1px 0 #0e132166}.top-nav:before,.home-lineage__card:before,.home-showcase__frame:before,.home-footer:before,.home-hero__focus:before,.home-hero__aside:before,.control-panel:before{height:2px;top:8px;left:8px;right:8px}.nav-link,.theme-toggle__label,.cta-button,.pill,.milkdrop-showcase__filter,.filter-chip,.sort-control,.active-filter-chip,.active-filters__clear,.search-clear,.filter-toggle,.filter-reset{font-size:.72rem}.cta-button,.pill,.milkdrop-showcase__filter,.filter-chip,.sort-control,.active-filter-chip,.active-filters__clear,.search-clear,.filter-toggle,.filter-reset,.search-field,.search-meta,.library-refine{border-radius:4px}.cta-button{letter-spacing:.11em;padding:.72rem .95rem}.home-hero__copy{background:linear-gradient(#ffffff1f,#0000 22%),linear-gradient(#27324eeb,#111728d6);border-radius:6px;box-shadow:0 18px 34px #02040a57,inset 0 1px #ffffff24,inset 0 -1px #0e132185}.milkdrop-stage,.milkdrop-stage__frame{border-radius:4px}.milkdrop-stage{justify-self:end;margin:0;padding:.55rem}.home-lineage__card,.home-hero__focus,.home-hero__aside,.home-showcase__frame,.home-footer{padding-top:1.35rem}@media (max-width:760px){.milkdrop-stage{justify-self:stretch}}.home-route-grid,.home-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.home-route-card,.home-stat{border:1px solid var(--surface-border-strong);background:linear-gradient(180deg, #ffffff24, #ffffff05 18%), var(--surface-texture), var(--panel-gradient);box-shadow:var(--shadow-panel);border-radius:6px;padding:1.35rem 1.2rem 1.15rem;position:relative}.home-route-card:before,.home-stat:before{content:"";opacity:.82;pointer-events:none;background:linear-gradient(90deg,#80d84f,#ffb347 50%,#6f7dff);border-radius:999px;height:2px;position:absolute;top:8px;left:8px;right:8px}.home-route-card h3,.home-stat h3{color:#f5f8ff;margin:0 0 .5rem;font-size:1.1rem}.home-route-card p,.home-stat p{color:var(--text-muted);margin:0}.home-route-card .text-link{margin-top:.9rem;display:inline-flex}.home-route-card--accent{border-color:color-mix(in srgb, var(--accent-color) 44%, white);box-shadow:var(--shadow-panel), 0 0 0 1px #83de4529 inset}.home-route-card__label,.home-stat__label{color:#dee9ffc7;margin-bottom:.75rem;display:inline-flex}.home-principles{gap:1rem;display:grid}.launch-check{gap:.5rem;margin-top:1.1rem;display:grid}.launch-check h2{margin:0;font-size:1.05rem}.launch-check p{margin:0}@media (max-width:1080px){.home-route-grid,.home-stat-grid{grid-template-columns:1fr}}.section-shell{border:1px solid color-mix(in srgb, var(--surface-border-strong) 72%, transparent);background:linear-gradient(180deg, #ffffff1a, transparent 18%), var(--surface-texture), var(--panel-gradient);box-shadow:var(--shadow-panel);border-radius:10px;padding:clamp(1.25rem,2vw,1.75rem);position:relative;overflow:clip}.section-shell:before{content:"";opacity:.72;pointer-events:none;background:linear-gradient(90deg,#80d84f,#ffb347 50%,#6f7dff);border-radius:999px;height:2px;position:absolute;top:10px;left:10px;right:10px}.flow-strip{gap:1.1rem;display:grid}.flow-strip__heading{padding-bottom:.2rem}.flow-strip__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.flow-step{border:1px solid var(--surface-border);background:linear-gradient(180deg, #ffffff1f, #ffffff05 18%), color-mix(in srgb, var(--panel-solid) 92%, transparent);min-height:100%;color:inherit;border-radius:8px;gap:.55rem;padding:1.1rem 1rem;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;position:relative}.flow-step:hover{border-color:color-mix(in srgb, var(--accent-color) 44%, var(--surface-border));box-shadow:0 18px 32px #02040a42, 0 0 0 1px color-mix(in srgb, var(--accent-color) 18%, transparent);transform:translateY(-2px)}.flow-step:focus-visible{border-color:color-mix(in srgb, var(--accent-color) 44%, var(--surface-border));box-shadow:0 18px 32px #02040a42, 0 0 0 1px color-mix(in srgb, var(--accent-color) 18%, transparent);transform:translateY(-2px)}.flow-step--active{border-color:color-mix(in srgb, var(--accent-color) 52%, white);background:linear-gradient(180deg, #8be2c729, #ffffff08 24%), color-mix(in srgb, var(--panel-solid) 90%, transparent)}.flow-step__eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#dee9ffb8;margin:0;font-size:.72rem}.flow-step h3,.flow-step p{margin:0}.flow-step h3{color:#f5f8ff;font-size:1.05rem}.flow-step p:last-child{color:var(--text-muted);line-height:1.55}.home-proof,.home-showcase,.home-lineage,.home-principles,.launch-workspace,.launch-panels,.launch-intro{gap:1rem;display:grid}.launch-shell{gap:clamp(1.1rem,2vw,1.7rem)}.shell-header--launch-nav{-webkit-backdrop-filter:none;backdrop-filter:none;margin-bottom:0;padding-top:0;position:static}.shell-header--launch-nav [data-top-nav-container]{display:block}.launch-intro__aside{border:1px solid var(--surface-border);background:linear-gradient(180deg, #ffffff24, #ffffff08 22%), color-mix(in srgb, var(--panel-solid) 92%, transparent);border-radius:8px;align-content:start;gap:.85rem;padding:clamp(1rem,2vw,1.3rem);display:grid}.launch-intro__aside h2,.launch-intro__aside p{margin:0}.launch-intro__aside h2{color:#f5f8ff;font-size:clamp(1.25rem,1rem + 1vw,1.7rem)}.launch-intro__aside p:last-of-type{color:var(--text-muted);line-height:1.6}.launch-intro__pill-row{flex-wrap:wrap;gap:.6rem;display:flex}.launch-panels .shell-panels{pointer-events:auto;grid-template-columns:minmax(0,1.18fr) minmax(320px,.92fr);align-items:start;gap:1rem;width:100%;margin-top:0;display:grid;position:static;bottom:auto;left:auto;right:auto}.launch-panels .shell-panel{min-width:0}.launch-panels .shell-panel--tune{position:sticky;top:clamp(1rem,2vw,1.4rem)}.launch-panels .shell-panel[data-audio-controls]>.control-panel,.launch-panels .shell-panel[data-settings-panel]>.control-panel,.launch-panels .shell-panel>[data-audio-controls]>.control-panel,.launch-panels .shell-panel>[data-settings-panel]>.control-panel{max-height:none;overflow:visible}.launch-panels .shell-panel[data-settings-panel]>.control-panel,.launch-panels .shell-panel>[data-settings-panel]>.control-panel{min-height:100%}@supports selector(:has(*)){.launch-panels .shell-panels:has(.shell-panel--tune>:not(:empty)){align-items:stretch}}@supports (container-type:inline-size){@container launch-shell (width<=920px){.launch-panels .shell-panels{grid-template-columns:1fr}.launch-panels .shell-panel--tune{position:static}}}@media (max-width:1080px){.flow-strip__grid,.launch-intro__grid,.launch-panels .shell-panels{grid-template-columns:1fr}}@media (max-width:760px){.section-shell{padding:1rem}.launch-shell{flex-direction:column;gap:1rem;display:flex}.shell-header--launch-nav{order:0}.launch-intro{order:1}.flow-strip--launch{order:2}.launch-workspace{order:3}.launch-panels{order:4}.launch-panels .shell-panel--tune{position:static}}:root[data-focused-session=live][data-session-display-mode=immersive] .launch-intro,:root[data-focused-session=live][data-session-display-mode=immersive] .launch-panels,:root[data-focused-session=live][data-session-display-mode=tools] .launch-intro{display:none}:root[data-focused-session=live][data-session-display-mode=tools] .launch-panels{display:block}body[data-page=home] .shell-header{margin-bottom:0}body[data-page=home] .content:before{opacity:.18}body[data-page=home] .section-heading:after{width:72px;height:3px;box-shadow:none;animation:none}body[data-page=home] .hero-cta-row{flex-wrap:wrap;align-items:center;display:flex}body[data-page=home] .hero-cta-row .cta-button{width:auto;min-width:min(15rem,100%)}body[data-page=home] .hero-cta-row .cta-button.primary{grid-column:auto}.home-shell{gap:clamp(1rem,2vw,1.75rem);display:grid}.home-stage{background:radial-gradient(circle at 78% 16%, color-mix(in srgb, var(--accent-color) 14%, transparent), transparent 26%), linear-gradient(180deg, color-mix(in srgb, var(--card-bg) 97%, transparent), color-mix(in srgb, #0c1419 74%, var(--card-bg)));border:1px solid color-mix(in srgb, var(--accent-color) 14%, var(--surface-border));min-height:0;padding:clamp(1.35rem,1.8vw + .95rem,2.25rem);position:relative;box-shadow:0 24px 54px #0000003d,inset 0 1px #fff8ea0f}.home-stage:before,.home-stage:after{content:"";pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.home-stage:before{opacity:.22;background-color:#0000;background-image:linear-gradient(90deg,#0000 0 calc(100% - 1px),#fff8ea08 calc(100% - 1px)),linear-gradient(0deg,#0000 0 calc(100% - 1px),#fff8ea05 calc(100% - 1px));background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:68px 68px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;-webkit-mask-image:linear-gradient(#000000d1,#0000 82%);mask-image:linear-gradient(#000000d1,#0000 82%)}.home-stage:after{opacity:.26;background:radial-gradient(circle at 75% 18%,#ffffff14,#0000 30%)}.home-stage__grid,.home-presets__intro,.home-system__grid{z-index:1;position:relative}.home-stage__grid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:clamp(1rem,2.4vw,2rem);display:grid}.home-stage__copy{gap:.9rem;display:grid}.home-stage__copy h1{letter-spacing:-.04em;max-width:8.5ch;margin:0;font-size:clamp(2.85rem,6vw,5.35rem);line-height:.92}.home-stage__copy .tagline{max-width:33rem;color:color-mix(in srgb, var(--text-color) 92%, transparent);margin:0;font-size:clamp(1rem,1vw + .88rem,1.22rem);line-height:1.58}.home-stage__support{max-width:34rem;color:var(--text-muted);margin:0;line-height:1.58}.home-stage__meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.home-stage__metric,.home-stage__panel,.launch-card,.system-card,.home-system__footer{border-radius:calc(var(--radius-lg) + 2px);border:1px solid color-mix(in srgb, var(--accent-color) 12%, var(--surface-border));background:color-mix(in srgb, var(--card-bg) 92%, transparent);position:relative;overflow:hidden;box-shadow:0 12px 24px #00000024}.home-stage__metric{padding:.9rem .95rem}.home-stage__metric-label,.home-stage__metric-value,.home-stage__panel p,.launch-card p,.system-card p,.home-system__footer{margin:0}.home-stage__metric-label,.home-stage__panel-label,.launch-card__eyebrow,.system-card__label{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--text-muted) 88%, var(--accent-color));font-size:.72rem;font-weight:700}.home-stage__metric-value{margin-top:.38rem;font-size:1rem;font-weight:600;line-height:1.4}.home-stage__visual{gap:.85rem;display:grid}.home-stage__viewport{border-radius:calc(var(--radius-lg) + 8px);border:1px solid color-mix(in srgb, var(--accent-magenta) 14%, var(--surface-border));background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--accent-color) 22%, transparent), transparent 24%), linear-gradient(180deg, #040a0ed6, color-mix(in srgb, #091116 82%, var(--card-bg)));min-height:26rem;padding:1rem;position:relative;overflow:hidden;box-shadow:0 24px 48px #0000002e,inset 0 1px #fff8ea0f}.home-stage__viewport:before{content:"";mix-blend-mode:soft-light;opacity:.16;pointer-events:none;background:repeating-linear-gradient(#ffffff0d 0 2px,#0000 2px 8px);position:absolute;top:0;bottom:0;left:0;right:0}.home-stage__viewport-header{z-index:2;letter-spacing:.16em;text-transform:uppercase;color:#f7f4eba8;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.78rem;display:flex;position:relative}.home-stage__rings,.home-stage__rings:before,.home-stage__rings:after{content:"";border:1px solid #fff8ea1f;border-radius:50%;position:absolute}.home-stage__rings{top:13%;bottom:13%;left:20%;right:20%;box-shadow:0 0 0 1px #fff8ea0a,0 0 56px #5fc0b514}.home-stage__rings:before{top:12%;bottom:12%;left:12%;right:12%}.home-stage__rings:after{top:24%;bottom:24%;left:24%;right:24%}.home-stage__orb{aspect-ratio:1;filter:blur(.4px);background:radial-gradient(circle at 35% 35%,#ffffffd1,#0000 18%),radial-gradient(circle,#ffe8a2e6,#5fc0b585 48%,#5fc0b50a 74%);border-radius:50%;width:12rem;animation:8s ease-in-out infinite home-orb-float;position:absolute;top:24%;left:50%;transform:translate(-50%);box-shadow:0 0 40px #ffe8a23d,0 0 110px #5fc0b524}.home-stage__beam{transform-origin:50%;opacity:.46;background:linear-gradient(90deg,#0000,#fff8ea8a,#0000);border-radius:999px;width:52%;height:2px;position:absolute;left:50%}.home-stage__beam--one{top:32%;transform:translate(-50%)rotate(18deg)}.home-stage__beam--two{top:43%;transform:translate(-50%)rotate(-14deg)}.home-stage__beam--three{top:55%;transform:translate(-50%)rotate(4deg)}.home-stage__waveform{grid-template-columns:repeat(16,minmax(0,1fr));align-items:end;gap:.45rem;height:34%;display:grid;position:absolute;bottom:12%;left:9%;right:9%}.home-stage__waveform span{--bar-height:42%;height:var(--bar-height);transform-origin:bottom;background:linear-gradient(#fff8eaf5,#5fc0b594);border-radius:999px 999px 0 0;animation:1.9s ease-in-out infinite home-waveform-pulse;box-shadow:0 0 18px #fff8ea1f}.home-stage__waveform span:first-child{--bar-height:18%;animation-delay:-.4s}.home-stage__waveform span:nth-child(2){--bar-height:34%;animation-delay:-1.2s}.home-stage__waveform span:nth-child(3){--bar-height:22%;animation-delay:-.6s}.home-stage__waveform span:nth-child(4){--bar-height:58%;animation-delay:-1.5s}.home-stage__waveform span:nth-child(5){--bar-height:28%;animation-delay:-.8s}.home-stage__waveform span:nth-child(6){--bar-height:72%;animation-delay:-1.1s}.home-stage__waveform span:nth-child(7){--bar-height:38%;animation-delay:-.2s}.home-stage__waveform span:nth-child(8){--bar-height:92%;animation-delay:-1.8s}.home-stage__waveform span:nth-child(9){--bar-height:44%;animation-delay:-.5s}.home-stage__waveform span:nth-child(10){--bar-height:78%;animation-delay:-1.3s}.home-stage__waveform span:nth-child(11){--bar-height:26%;animation-delay:-.3s}.home-stage__waveform span:nth-child(12){--bar-height:64%;animation-delay:-1.7s}.home-stage__waveform span:nth-child(13){--bar-height:22%;animation-delay:-.9s}.home-stage__waveform span:nth-child(14){--bar-height:48%;animation-delay:-1s}.home-stage__waveform span:nth-child(15){--bar-height:30%;animation-delay:-.1s}.home-stage__waveform span:nth-child(16){--bar-height:55%;animation-delay:-1.4s}.home-stage__panel-grid,.home-launches__grid,.home-system__cards{gap:.85rem;display:grid}.home-stage__panel{padding:1rem 1.05rem}.home-stage__panel h2,.launch-card h3,.system-card h3,.milkdrop-showcase__card-title{margin:0;line-height:1.15}.home-stage__panel p:last-child,.launch-card p,.system-card p:last-child,.milkdrop-showcase__card-copy{color:var(--text-muted);line-height:1.55}.home-launches__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.launch-card{gap:.8rem;padding:1.15rem;display:grid}.launch-card--featured{background:linear-gradient(160deg, color-mix(in srgb, var(--accent-color) 12%, transparent), transparent 52%), color-mix(in srgb, var(--card-bg) 92%, transparent);border-color:color-mix(in srgb, var(--accent-color) 22%, var(--surface-border))}.home-presets__intro{display:block}.home-presets__frame{border-radius:calc(var(--radius-lg) + 6px);border:1px solid color-mix(in srgb, var(--accent-magenta) 14%, var(--surface-border));background:color-mix(in srgb, var(--card-bg) 95%, transparent);padding:1.05rem;position:relative;overflow:hidden;box-shadow:0 16px 32px #00000029}.home-presets__frame:before,.home-presets__frame:after{content:"";pointer-events:none;position:absolute}.home-presets__frame:before{background:color-mix(in srgb, var(--accent-color) 10%, transparent);filter:blur(14px);opacity:.5;border-radius:50%;width:14rem;height:14rem;top:auto;bottom:0;left:-8%;right:auto}.home-presets__frame:after{opacity:.24;background:linear-gradient(120deg,#ffffff0d,#0000 46%);top:0;bottom:0;left:0;right:0}.milkdrop-showcase__filters,.milkdrop-showcase__grid{z-index:1;position:relative}.milkdrop-showcase__filters{flex-wrap:wrap;gap:.6rem;margin-bottom:.9rem;display:flex}.milkdrop-showcase__filter{border:1px solid color-mix(in srgb, var(--accent-color) 12%, var(--surface-border));background:color-mix(in srgb, var(--card-bg) 88%, transparent);min-height:44px;color:var(--text-color);font:inherit;border-radius:999px;align-items:center;gap:.55rem;padding:.65rem .9rem;font-weight:500;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.milkdrop-showcase__filter span{background:#ffffff14;border-radius:999px;min-width:1.5rem;padding:.15rem .45rem;font-size:.85rem}.milkdrop-showcase__filter:hover{border-color:color-mix(in srgb, var(--accent-color) 34%, var(--surface-border));transform:translateY(-1px)}.milkdrop-showcase__filter[data-active=true]{background:linear-gradient(160deg, #ffffff0d, transparent 54%), color-mix(in srgb, var(--accent-color) 20%, var(--card-bg));border-color:color-mix(in srgb, var(--accent-color) 34%, var(--surface-border))}.milkdrop-showcase__grid{grid-template-columns:repeat(auto-fit,minmax(15.5rem,1fr));gap:.85rem;display:grid}.milkdrop-showcase__card{border-radius:calc(var(--radius-lg) + 2px);border:1px solid color-mix(in srgb, var(--accent-color) 12%, var(--surface-border));background:color-mix(in srgb, var(--card-bg) 90%, transparent);gap:.75rem;min-height:100%;padding:1.05rem;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid;box-shadow:0 12px 24px #00000024}.milkdrop-showcase__card:hover{border-color:color-mix(in srgb, var(--accent-color) 20%, var(--surface-border));transform:translateY(-1px);box-shadow:0 16px 28px #00000029}.milkdrop-showcase__card-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb, var(--text-muted) 88%, var(--accent-magenta));margin:0;font-size:.72rem;font-weight:700}.milkdrop-showcase__card-meta{color:color-mix(in srgb, var(--text-muted) 92%, var(--accent-contrast));margin:0;font-size:.92rem}.milkdrop-showcase__tag-row{flex-wrap:wrap;gap:.55rem;display:flex}.milkdrop-showcase__card-actions{margin-top:auto}.home-system__cards{grid-template-columns:repeat(4,minmax(0,1fr))}.system-card{padding:1.1rem}.home-system__footer{color:var(--text-muted);margin-top:.9rem;padding:.95rem 1rem;line-height:1.55}.home-footer{text-align:center;color:var(--text-muted);padding:.2rem 0 1.1rem}.home-footer p{margin:0}.footer-nav{flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:.55rem;display:flex}@keyframes home-orb-float{0%,to{transform:translate(-50%)translateY(0)scale(1)}50%{transform:translate(-50%)translateY(-10px)scale(1.04)}}@keyframes home-waveform-pulse{0%,to{opacity:.7;transform:scaleY(.88)}50%{opacity:1;transform:scaleY(1.12)}}@media (max-width:1080px){.home-stage__grid,.home-presets__intro{grid-template-columns:1fr}.home-stage__copy h1{max-width:12ch}.home-system__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.home-stage__viewport{min-height:24rem}}@media (max-width:860px){.home-stage__meta,.home-launches__grid,.home-system__cards{grid-template-columns:1fr}.home-stage__copy h1{max-width:11ch;font-size:clamp(2.6rem,12vw,4.6rem)}}@media (max-width:640px){.home-stage{padding:1.15rem}body[data-page=home] .hero-cta-row{flex-direction:column;align-items:stretch}body[data-page=home] .hero-cta-row .cta-button{width:100%;min-width:0}.home-stage__viewport{min-height:20rem}.home-stage__orb{width:10rem}.home-stage__waveform{gap:.28rem}.home-presets__frame,.launch-card,.system-card,.home-system__footer{padding:1rem}}@media (prefers-reduced-motion:reduce){.home-stage__orb,.home-stage__waveform span,.milkdrop-showcase__card,.milkdrop-showcase__filter{transition:none;animation:none}}.home-stage__grid{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);align-items:start}.home-stage__copy{gap:.75rem}.home-stage__copy h1{max-width:9ch;font-size:clamp(2.8rem,5vw,4.8rem)}.home-stage__copy .tagline{max-width:30rem;font-size:clamp(1rem,.8vw + .92rem,1.15rem);line-height:1.5}.home-stage__support{max-width:28rem;font-size:.96rem}.home-stage__viewport{min-height:23rem}.home-launches__grid{align-items:stretch;gap:.75rem}.launch-card{gap:.65rem;padding:1rem}.launch-card h3{font-size:1.15rem}.launch-card p{font-size:.92rem}.home-presets__frame{padding:.95rem}.milkdrop-showcase__grid{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr))}.milkdrop-showcase__card{gap:.65rem}.launch-intro__copy{gap:.85rem;max-width:40rem}.launch-intro__copy h1{max-width:13ch}.launch-panels__header{max-width:44rem}.launch-panels .shell-panels{grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr);gap:.85rem}.launch-panels .shell-panel--tune{opacity:.92}@media (max-width:1080px){.home-stage__grid,.launch-panels .shell-panels{grid-template-columns:1fr}.home-stage__copy h1,.launch-intro__copy h1{max-width:none}}@media (max-width:760px){body[data-page=home] .hero-cta-row{gap:.55rem}.launch-intro__copy h1{font-size:clamp(2.25rem,9vw,3.5rem)}}@media (max-width:640px){.section-shell{padding:.85rem}.shell-header{margin-bottom:.5rem;padding-top:.25rem}.top-nav{border-radius:18px;padding:.6rem .75rem;top:.35rem}.brand{gap:.5rem}.brand-mark{border-radius:10px;width:30px;height:30px}.brand-copy .eyebrow{font-size:.68rem}.brand-title{font-size:.92rem}.nav-toggle{border-radius:10px;min-height:38px;padding:.45rem .7rem}.nav-link{min-height:38px;padding:.45rem .65rem;font-size:.92rem}body[data-page=home] .content{gap:.9rem}.home-shell,.launch-shell{gap:.85rem}.home-stage{padding:1rem}.home-stage__copy{gap:.65rem}.home-stage__copy h1{max-width:8ch;font-size:clamp(2.25rem,11vw,3.35rem)}.home-stage__copy .tagline,.home-stage__support{font-size:.92rem;line-height:1.45}.home-stage__visual{gap:.6rem}.home-stage__viewport{min-height:17rem;padding:.75rem}.home-stage__viewport-header{font-size:.68rem}.home-stage__orb{width:8.5rem}.home-stage__waveform{gap:.22rem;bottom:10%;left:8%;right:8%}.home-stage__meta{display:none}.home-stage__metric,.home-stage__panel,.launch-card,.system-card,.home-system__footer,.home-presets__frame{padding:.9rem}.home-stage__metric-value{font-size:.95rem}.section-heading{gap:.35rem}.section-heading h2{font-size:clamp(1.6rem,8vw,2.2rem)}.section-description{font-size:.94rem;line-height:1.45}.home-launches__grid{grid-template-columns:1fr;gap:.6rem}.launch-card{gap:.5rem}.launch-card h3{font-size:1.05rem}.launch-card p{font-size:.88rem;line-height:1.45}body[data-page=home] .hero-cta-row{gap:.5rem}body[data-page=home] .hero-cta-row .cta-button{width:100%;min-width:0}.launch-shell{gap:.75rem}.launch-intro__copy{gap:.7rem}.launch-intro__copy h1{max-width:10ch;font-size:clamp(2rem,9.5vw,3rem)}.launch-intro__copy .section-description{font-size:.92rem;line-height:1.45}.launch-intro__actions{gap:.5rem;display:grid}.launch-intro__actions .cta-button{width:100%;min-width:0}.launch-panels__header{gap:.35rem}.launch-panels__header h2{font-size:clamp(1.45rem,7.5vw,2.1rem)}.launch-panels .shell-panels{gap:.7rem}.launch-panels .shell-panel--tune{opacity:1}.launch-panels .shell-panel[data-audio-controls]>.control-panel,.launch-panels .shell-panel[data-settings-panel]>.control-panel,.launch-panels .shell-panel>[data-audio-controls]>.control-panel,.launch-panels .shell-panel>[data-settings-panel]>.control-panel{border-radius:20px}}body[data-page=home]{--label-font:"Space Mono", "IBM Plex Mono", "SFMono-Regular", ui-monospace, monospace;--home-lime:#c8ff74;--home-cyan:#7ce8ff;--home-ember:#ff9f68;--home-ink:#081018;--home-surface:#081018c2;--home-border:#e1f3ff1f;background:radial-gradient(circle at 18% 0,#7ce8ff33,#0000 26%),radial-gradient(circle at 84% 8%,#ff9f6829,#0000 24%),radial-gradient(circle at 50% 26%,#c8ff7414,#0000 34%),linear-gradient(#071018 0%,#08131d 48%,#050a10 100%)}body[data-page=home] .content{width:min(1180px,100%);padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(calc(env(safe-area-inset-bottom) + 7.5rem), 7.5rem) max(1rem, env(safe-area-inset-left));gap:1rem}body[data-page=home] .content:before{opacity:.34;background-color:#0000;background-image:linear-gradient(90deg,#0000 0 calc(100% - 1px),#ffffff08 calc(100% - 1px)),linear-gradient(0deg,#0000 0 calc(100% - 1px),#ffffff06 calc(100% - 1px));background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;-webkit-mask-image:linear-gradient(#000000a6,#0000 86%);mask-image:linear-gradient(#000000a6,#0000 86%)}body[data-page=home] .shell-header{margin-bottom:0;padding-top:0}body[data-page=home] .top-nav{background:linear-gradient(#ffffff14,#0000 52%),#060b12d6;border-color:#ffffff17;border-radius:20px;padding:.75rem .8rem;box-shadow:0 18px 40px #00000047}body[data-page=home] .top-nav:after{background:linear-gradient(90deg, var(--home-lime), var(--home-cyan) 52%, var(--home-ember));height:3px;left:.9rem;right:.9rem}body[data-page=home] .brand-mark{background:linear-gradient(145deg, color-mix(in srgb, var(--home-lime) 78%, white), color-mix(in srgb, var(--home-cyan) 82%, #1d4ed8))}body[data-page=home] .brand-copy .eyebrow,body[data-page=home] .brand-title,body[data-page=home] .nav-link,body[data-page=home] .theme-toggle__label,body[data-page=home] .cta-button,body[data-page=home] .pill,body[data-page=home] .milkdrop-showcase__filter,body[data-page=home] .eyebrow{letter-spacing:.1em}body[data-page=home] .nav-link,body[data-page=home] .theme-toggle,body[data-page=home] .nav-toggle{border-radius:14px}body[data-page=home] .nav-link--launch{background:linear-gradient(135deg,#7ce8ff33,#ff9f681f)}body[data-page=home] .theme-toggle{box-shadow:none;background:#ffffff0a}body[data-page=home] .content>.home-shell,body[data-page=home] .content>.home-footer{width:100%;min-width:0}body[data-page=home] .section-shell{border:1px solid var(--home-border);background:linear-gradient(#ffffff0d,#0000 52%),#081018bd;border-radius:28px;padding:1rem;box-shadow:0 24px 48px #0000002e}body[data-page=home] .section-heading{gap:.45rem;padding-bottom:.35rem}body[data-page=home] .section-heading:after{background:linear-gradient(90deg, var(--home-lime) 0 30%, transparent 30% 38%, var(--home-cyan) 38% 72%, transparent 72% 80%, var(--home-ember) 80% 100%);width:78px;height:3px}body[data-page=home] .section-heading h2{font-size:clamp(1.8rem,8vw,2.8rem);line-height:.95}body[data-page=home] .section-description{max-width:38rem;margin-bottom:0;font-size:.96rem;line-height:1.55}body[data-page=home] .home-stage{border:1px solid var(--home-border);background:radial-gradient(circle at 16% 18%,#7ce8ff21,#0000 28%),radial-gradient(circle at 84% 14%,#ff9f6824,#0000 22%),linear-gradient(#0d1621f5,#060c12f5);border-radius:30px;width:100%;max-width:100%;min-height:0;padding:1rem;box-shadow:0 28px 60px #00000042,inset 0 1px #ffffff0f}body[data-page=home] .home-stage:before{opacity:.2;background-size:28px 28px}body[data-page=home] .home-stage:after{opacity:.42;background:radial-gradient(circle at 75% 24%,#ffffff1a,#0000 24%)}body[data-page=home] .home-stage__grid{gap:1rem;display:grid}body[data-page=home] .home-stage__copy,body[data-page=home] .home-stage__visual,body[data-page=home] .home-presets__intro,body[data-page=home] .home-presets__rail,body[data-page=home] .home-system__footer{gap:.85rem;display:grid}body[data-page=home] .home-stage__kicker-row{flex-wrap:wrap;gap:.55rem;display:flex}body[data-page=home] .home-stage__copy .tagline{max-width:36rem;color:color-mix(in srgb, var(--text-color) 92%, transparent);margin:0;font-size:1.02rem;line-height:1.55}body[data-page=home] .home-stage__support{max-width:34rem;color:color-mix(in srgb, var(--text-muted) 96%, white);margin:0;font-size:.95rem;line-height:1.55}body[data-page=home] .hero-cta-row{gap:.7rem;display:grid}body[data-page=home] .hero-cta-row .cta-button{width:100%;min-width:0;min-height:54px}body[data-page=home] .cta-button.primary{background:linear-gradient(135deg, color-mix(in srgb, var(--home-lime) 74%, #90d945), color-mix(in srgb, var(--home-cyan) 34%, #1d4ed8));color:#07120c;border-color:#c8ff7485;box-shadow:0 16px 28px #8ccd413d}body[data-page=home] .cta-button.primary:hover{color:#07120c}body[data-page=home] .cta-button.ghost{background:#ffffff0a;border-color:#ffffff1f}body[data-page=home] .home-stage__proof-grid,body[data-page=home] .home-launches__grid,body[data-page=home] .home-system__cards,body[data-page=home] .home-stage__meta{gap:.75rem;display:grid}body[data-page=home] .home-stage__proof-card,body[data-page=home] .home-stage__metric,body[data-page=home] .launch-card,body[data-page=home] .system-card,body[data-page=home] .home-system__footer,body[data-page=home] .home-presets__frame,body[data-page=home] .milkdrop-showcase__card{background:linear-gradient(180deg, #ffffff0d, transparent 54%), var(--home-surface);border:1px solid #ffffff1a;border-radius:22px;box-shadow:0 16px 28px #00000029}body[data-page=home] .home-stage__proof-card,body[data-page=home] .home-stage__metric,body[data-page=home] .launch-card,body[data-page=home] .system-card,body[data-page=home] .home-system__footer{padding:1rem}body[data-page=home] .home-stage__panel-label,body[data-page=home] .home-stage__metric-label,body[data-page=home] .launch-card__eyebrow,body[data-page=home] .system-card__label,body[data-page=home] .home-stage__queue-label{color:color-mix(in srgb, var(--home-cyan) 58%, var(--text-muted));font-family:var(--label-font);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}body[data-page=home] .home-stage__proof-card h2,body[data-page=home] .home-stage__proof-card h3,body[data-page=home] .launch-card h3,body[data-page=home] .system-card h3{margin:0;font-size:1.15rem;line-height:1.08}body[data-page=home] .home-stage__proof-card p:last-child,body[data-page=home] .launch-card p,body[data-page=home] .system-card p:last-child,body[data-page=home] .home-stage__metric-value{color:var(--text-muted);margin:0;line-height:1.55}body[data-page=home] .home-stage__metric-value{font-size:.95rem}body[data-page=home] .home-stage__viewport{background:radial-gradient(circle at 50% 42%,#7ce8ff2e,#0000 24%),linear-gradient(#040a0eeb,#070f18eb);border:1px solid #ffffff1a;border-radius:28px;min-height:24rem;padding:1rem;box-shadow:0 26px 48px #0003,inset 0 1px #ffffff0f}body[data-page=home] .home-stage__viewport:before{opacity:.18}body[data-page=home] .home-stage__viewport-header{font-family:var(--label-font);letter-spacing:.16em;color:#f7f4ebb8;font-size:.68rem}body[data-page=home] .home-stage__hud{z-index:2;flex-wrap:wrap;gap:.45rem;display:flex;position:absolute;top:3.15rem;left:1rem;right:1rem}body[data-page=home] .home-stage__hud-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:34px;font-family:var(--label-font);letter-spacing:.12em;text-transform:uppercase;background:#060c1294;border:1px solid #ffffff1f;border-radius:999px;align-items:center;padding:.45rem .7rem;font-size:.72rem;font-weight:700;display:inline-flex}body[data-page=home] .home-stage__rings{top:18%;bottom:18%;left:18%;right:18%}body[data-page=home] .home-stage__orb{background:radial-gradient(circle at 35% 35%,#ffffffd6,#0000 18%),radial-gradient(circle,#c8ff74d1,#7ce8ff80 46%,#7ce8ff05 74%);width:9.75rem;top:24%;box-shadow:0 0 42px #c8ff7438,0 0 118px #7ce8ff24}body[data-page=home] .home-stage__beam{background:linear-gradient(90deg,#0000,#ffffffb3,#0000)}body[data-page=home] .home-stage__waveform{gap:.24rem;height:28%;bottom:7rem;left:8%;right:8%}body[data-page=home] .home-stage__waveform span{background:linear-gradient(#fffffff5,#7ce8ff8f)}body[data-page=home] .home-stage__queue{z-index:2;gap:.45rem;display:grid;position:absolute;bottom:1rem;left:1rem;right:1rem}body[data-page=home] .home-stage__queue-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060c1294;border:1px solid #ffffff14;border-radius:16px;padding:.7rem .8rem}body[data-page=home] .home-stage__queue-value{margin:.2rem 0 0;font-size:.98rem;font-weight:600;line-height:1.3}body[data-page=home] .launch-card{gap:.75rem;display:grid}body[data-page=home] .launch-card--featured{background:linear-gradient(135deg, #c8ff7414, transparent 45%), var(--home-surface);border-color:#c8ff743d}body[data-page=home] .home-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}body[data-page=home] .home-list li{color:var(--text-muted);padding-left:1rem;line-height:1.45;position:relative}body[data-page=home] .home-list li:before{content:"";background:linear-gradient(135deg, var(--home-lime), var(--home-cyan));border-radius:50%;width:.45rem;height:.45rem;position:absolute;top:.65rem;left:0;box-shadow:0 0 12px #7ce8ff47}body[data-page=home] .home-presets__frame{padding:.9rem}body[data-page=home] .milkdrop-showcase__filters{overscroll-behavior-x:contain;scrollbar-width:none;grid-auto-columns:max-content;grid-auto-flow:column;gap:.55rem;margin-bottom:.9rem;padding-bottom:.2rem;display:grid;overflow-x:auto}body[data-page=home] .milkdrop-showcase__filters::-webkit-scrollbar{display:none}body[data-page=home] .milkdrop-showcase__filter{background:#ffffff0a;border-radius:999px;min-height:42px;padding:.55rem .8rem}body[data-page=home] .milkdrop-showcase__filter[data-active=true]{background:linear-gradient(135deg,#7ce8ff29,#ff9f6814),#ffffff0a}body[data-page=home] .milkdrop-showcase__card{gap:.65rem;min-height:0;padding:1rem}body[data-page=home] .milkdrop-showcase__card-actions .cta-button{width:100%}body[data-page=home] .home-system__footer{align-items:start}body[data-page=home] .home-system__footer p{color:var(--text-muted);margin:0}body[data-page=home] .home-footer{text-align:left;color:var(--text-muted);padding:.2rem 0 0}body[data-page=home] .footer-nav{justify-content:flex-start;gap:.3rem .55rem;margin-top:.55rem}body[data-page=home] .home-mobile-dock{left:max(.75rem, env(safe-area-inset-left));right:max(.75rem, env(safe-area-inset-right));bottom:max(.75rem, env(safe-area-inset-bottom));z-index:18;-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(#ffffff14,#0000 48%),#060b12e0;border:1px solid #ffffff1a;border-radius:24px;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:.65rem;padding:.75rem;display:grid;position:fixed;box-shadow:0 24px 44px #00000052}body[data-page=home] .home-mobile-dock .cta-button{min-height:52px}@media (min-width:700px){body[data-page=home] .content{padding:max(1.25rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(calc(env(safe-area-inset-bottom) + 8rem), 8rem) max(1.25rem, env(safe-area-inset-left));gap:1.15rem}body[data-page=home] .top-nav{padding:.8rem .9rem}body[data-page=home] .section-shell,body[data-page=home] .home-stage{padding:1.15rem}body[data-page=home] .hero-cta-row,body[data-page=home] .home-stage__proof-grid,body[data-page=home] .home-launches__grid,body[data-page=home] .home-system__cards,body[data-page=home] .home-stage__meta,body[data-page=home] .home-presets__rail,body[data-page=home] .milkdrop-showcase__grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=home] .hero-cta-row .cta-button:last-child{width:auto}}@media (min-width:960px){body[data-page=home] .content{padding:max(1.4rem, env(safe-area-inset-top)) max(1.4rem, env(safe-area-inset-right)) 1.4rem max(1.4rem, env(safe-area-inset-left));gap:1.25rem}body[data-page=home] .home-stage__grid,body[data-page=home] .home-presets__intro{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:start}body[data-page=home] .hero-cta-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}body[data-page=home] .hero-cta-row .cta-button:first-child{width:100%}body[data-page=home] .home-stage__viewport{min-height:28rem;padding:1.15rem}body[data-page=home] .home-stage__orb{width:12rem}body[data-page=home] .home-stage__waveform{gap:.36rem;bottom:6.3rem}body[data-page=home] .home-stage__meta{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-page=home] .home-system__cards{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-page=home] .milkdrop-showcase__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){body[data-page=home] .home-mobile-dock{display:none}}@media (max-width:640px){body[data-page=home] .top-nav{gap:.45rem;padding:.65rem .7rem}body[data-page=home] .nav-actions{background:#060b12f0;border:1px solid #ffffff14;border-radius:18px;margin-top:.7rem;padding:.75rem;box-shadow:0 16px 28px #0000003d}body[data-page=home] .nav-link,body[data-page=home] .theme-toggle{justify-content:flex-start;width:100%}body[data-page=home] .home-stage__copy h1{max-width:6.5ch}body[data-page=home] .home-stage__proof-grid,body[data-page=home] .home-stage__meta,body[data-page=home] .home-stage__support{display:none}body[data-page=home] .home-stage__viewport{min-height:22rem}}@media (max-height:520px) and (orientation:landscape){.shell-header{margin-bottom:.35rem}.top-nav{gap:.45rem}.nav-toggle{display:flex}.nav-actions{background:color-mix(in srgb, var(--panel-solid) 94%, transparent);border:1px solid color-mix(in srgb, var(--accent-color) 18%, var(--surface-border));border-radius:16px;flex-direction:column;align-items:stretch;gap:.5rem;width:100%;max-height:min(48vh,15rem);margin-top:.45rem;padding:.75rem;display:flex;overflow:auto}.nav-section,.nav-section--jump,.nav-section--utilities{border:0;justify-content:flex-start;width:100%;padding:0}.nav-section--jump,.nav-section--utilities{flex-direction:column;align-items:stretch;gap:.45rem;display:flex}.nav-link,.theme-toggle{justify-content:flex-start;width:100%}body[data-page=home] .content{padding-bottom:max(1rem, env(safe-area-inset-bottom));gap:.75rem}body[data-page=home] .home-mobile-dock{display:none}body[data-page=home] .home-stage{padding:.9rem}body[data-page=home] .home-stage__copy h1{max-width:none;font-size:clamp(2rem,5vw,2.8rem)}body[data-page=home] .home-stage__proof-grid,body[data-page=home] .home-stage__meta,body[data-page=home] .home-stage__support{display:none}body[data-page=home] .hero-cta-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}body[data-page=home] .hero-cta-row .cta-button{min-height:48px}body[data-page=home] .home-stage__viewport{min-height:15rem;padding:.8rem}body[data-page=home] .home-stage__orb{width:7.5rem}body[data-page=home] .home-stage__waveform{height:22%;bottom:4.8rem}.launch-shell{gap:.85rem}.launch-intro,.launch-panels{gap:.75rem}.launch-intro__copy{gap:.55rem;max-width:32rem}.launch-intro__copy h1{max-width:none;font-size:clamp(1.9rem,4.8vw,2.5rem)}.launch-intro__actions .cta-button{min-height:48px}.launch-panels .shell-panels{gap:.75rem}.launch-panels .shell-panel--tune{position:static}}@media (prefers-reduced-motion:reduce){body[data-page=home] .home-mobile-dock,body[data-page=home] .home-stage__hud-pill,body[data-page=home] .home-stage__queue-card{-webkit-backdrop-filter:none;backdrop-filter:none}}body[data-page=home] .home-stage__copy h1{max-width:6.25ch;font-size:clamp(3.2rem,10vw,6.6rem)}body[data-page=home] .home-stage__copy .tagline{max-width:31rem;font-size:clamp(1rem,.7vw + .96rem,1.18rem)}body[data-page=home] .home-stage__support{max-width:26rem;color:color-mix(in srgb, var(--text-muted) 88%, white)}body[data-page=home] .hero-cta-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}body[data-page=home] .hero-cta-row .cta-button{min-height:58px}body[data-page=home] .hero-cta-row .cta-button.ghost{min-width:11rem}body[data-page=home] .home-stage__visual{align-content:stretch;position:relative}body[data-page=home] .home-stage__visual:after{content:"";filter:blur(18px);pointer-events:none;z-index:0;background:radial-gradient(circle at 25% 30%,#7ce8ff29,#0000 28%),radial-gradient(circle at 82% 18%,#ff9f6824,#0000 24%),radial-gradient(circle at 52% 72%,#c8ff7414,#0000 30%);border-radius:32px;position:absolute;top:6%;bottom:-8%;left:12%;right:-4%}body[data-page=home] .home-stage__viewport,body[data-page=home] .home-stage__queue,body[data-page=home] .home-stage__meta{z-index:1;position:relative}body[data-page=home] .home-stage__viewport{border-radius:32px;min-height:clamp(26rem,58vh,40rem);padding:1.15rem}body[data-page=home] .home-stage__hud{justify-content:flex-end;top:1.15rem;left:auto;right:1.15rem}body[data-page=home] .home-stage__queue{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}body[data-page=home] .home-stage__queue-card{min-height:0}body[data-page=home] .home-stage__proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}body[data-page=home] .home-stage__proof-card{box-shadow:none;background:linear-gradient(#ffffff0a,#0000 48%),#09111a8f;border-color:#ffffff14;border-radius:18px;padding:.95rem 1rem}body[data-page=home] .home-stage__proof-card h2,body[data-page=home] .home-stage__proof-card h3{font-size:1rem}body[data-page=home] .home-stage__proof-card p:last-child{font-size:.88rem}body[data-page=home] .home-stage__meta{display:none}body[data-page=home] .section-shell:not(.home-stage){background:linear-gradient(#ffffff09,#0000 48%),#081018a8;border-radius:30px;padding:1.2rem}body[data-page=home] .home-launches__grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:.85rem}body[data-page=home] .launch-card,body[data-page=home] .system-card{border-radius:24px}body[data-page=home] .launch-card:not(.launch-card--featured),body[data-page=home] .system-card{background:linear-gradient(#ffffff0a,#0000 54%),#070d157a}body[data-page=home] .launch-card--featured{background:radial-gradient(circle at 0 0,#c8ff741f,#0000 34%),linear-gradient(#ffffff0d,#0000 54%),#081018d1}body[data-page=home] .home-presets__rail{align-content:start}body[data-page=home] .milkdrop-showcase__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}body[data-page=home] .milkdrop-showcase__card{border-radius:24px;padding:1.15rem}body[data-page=home] .home-system__cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}body[data-page=home] .home-mobile-dock{opacity:1;grid-template-columns:1fr;gap:.5rem;padding:.65rem;transition:opacity .22s,transform .22s;transform:translateY(0)}body[data-page=home] .home-mobile-dock .cta-button.ghost{display:none}body[data-page=home][data-home-dock-state=hidden] .home-mobile-dock{opacity:0;pointer-events:none;transform:translateY(calc(100% + 1rem))}body[data-page=experience] .launch-intro{background:linear-gradient(125deg,#c8ff7414,#0000 28%),radial-gradient(circle at 12% 18%,#7ce8ff2e,#0000 32%),radial-gradient(circle at 84% 12%,#ff9f681a,#0000 24%),linear-gradient(#101927fa,#0a0f18f5);border-color:#d0e2ff24;border-radius:32px;padding:clamp(1.2rem,2vw,1.6rem);box-shadow:0 28px 64px #0000003d,inset 0 1px #ffffff0d}body[data-page=experience] .launch-intro__grid{grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:clamp(1rem,2vw,1.5rem)}body[data-page=experience] .launch-intro__copy{align-content:start;gap:.95rem;max-width:38rem}body[data-page=experience] .launch-intro__copy h1{letter-spacing:-.06em;max-width:7ch;margin:0;font-size:clamp(3rem,9vw,5.4rem);line-height:.9}body[data-page=experience] .launch-intro__copy .section-description{color:#f5f8ffd6;max-width:26rem;font-size:1.06rem;line-height:1.55}body[data-page=experience] .launch-intro__actions .cta-button{min-width:min(21rem,100%);min-height:58px;box-shadow:0 18px 36px #90d9452e}body[data-page=experience] .launch-intro__aside{box-shadow:none;background:linear-gradient(#ffffff06,#0000 44%),#04080ee6;border-color:#ffffff0d;border-radius:28px;gap:1rem;padding:1.2rem}body[data-page=experience] .launch-intro__aside h2{font-size:clamp(1.5rem,1.1rem + 1vw,2.1rem);line-height:1}body[data-page=experience] .launch-checklist{gap:.7rem}body[data-page=experience] .launch-check{box-shadow:none;background:linear-gradient(#ffffff05,#0000 40%),#070b12cc;border-color:#ffffff0d;border-radius:20px;gap:.5rem;padding:1rem 1.05rem}body[data-page=experience] .launch-check h3{color:#f5f8ff;margin:0;font-size:1.02rem;line-height:1.15}body[data-page=experience] .launch-check p:last-child{font-size:.9rem}body[data-page=experience] .launch-panels{background:linear-gradient(#ffffff05,#0000 42%),#04080d9e;border-color:#ffffff0d;border-radius:32px}body[data-page=experience] .launch-panels__header{max-width:34rem}body[data-page=experience] .launch-panels .shell-panels{grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:1rem}body[data-page=experience] .launch-panels .shell-panel[data-audio-controls]>.control-panel,body[data-page=experience] .launch-panels .shell-panel[data-settings-panel]>.control-panel,body[data-page=experience] .launch-panels .shell-panel>[data-audio-controls]>.control-panel,body[data-page=experience] .launch-panels .shell-panel>[data-settings-panel]>.control-panel{min-height:100%;max-height:none;overflow:visible}body[data-page=experience] .launch-panels .control-panel{background:linear-gradient(#ffffff06,#0000 42%),#070c14d1;border-color:#d6e6ff14;border-radius:28px;box-shadow:0 18px 36px #00000029}body[data-page=experience] .launch-panels .control-panel:after{border-radius:20px;top:10px;bottom:10px;left:10px;right:10px}body[data-page=experience] .launch-panels .shell-panel--tune .control-panel{background:linear-gradient(#ffffff05,#0000 36%),#05090fad}body[data-page=experience] .launch-panels .control-panel__row--primary{background:linear-gradient(135deg,#c8ff7417,#7ce8ff0f),#0c141cc7;border-color:#c8ff7429}body[data-page=experience] .launch-panels .control-panel__gesture-hints,body[data-page=experience] .launch-panels .control-panel__first-steps,body[data-page=experience] .launch-panels .control-panel__quickstart,body[data-page=experience] .launch-panels .control-panel__source-shortcuts{background:#ffffff09}:root[data-focused-session=live] body[data-page=experience] .shell-header--launch-nav{display:none}:root[data-focused-session=live] body[data-page=experience] .content{padding-top:max(.85rem, env(safe-area-inset-top))}@media (max-width:1080px){body[data-page=home] .home-stage__grid,body[data-page=home] .home-presets__intro,body[data-page=experience] .launch-intro__grid,body[data-page=experience] .launch-panels .shell-panels{grid-template-columns:1fr}body[data-page=home] .milkdrop-showcase__grid,body[data-page=home] .home-system__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){body[data-page=home] .hero-cta-row{grid-template-columns:1fr}body[data-page=home] .hero-cta-row .cta-button.ghost{min-width:0}body[data-page=home] .home-stage__queue,body[data-page=home] .home-stage__proof-grid,body[data-page=home] .home-launches__grid,body[data-page=home] .milkdrop-showcase__grid,body[data-page=home] .home-system__cards{grid-template-columns:1fr}body[data-page=experience] .launch-intro__copy h1{max-width:6ch;font-size:clamp(2.5rem,13vw,4rem)}}@media (max-width:640px){body[data-page=home] .home-stage{padding:1rem}body[data-page=home] .home-stage__kicker-row{display:none}body[data-page=home] .home-stage__copy{gap:.7rem}body[data-page=home] .home-stage__proof-grid{display:none}body[data-page=home] .home-stage__copy h1{max-width:5.8ch;font-size:clamp(2.7rem,14vw,4rem)}body[data-page=home] .home-stage__viewport{min-height:24rem}body[data-page=home] .home-stage__hud{justify-content:flex-start;left:1rem;right:1rem}body[data-page=experience] .launch-intro,body[data-page=experience] .launch-panels{border-radius:28px;padding:1rem}body[data-page=experience] .launch-intro__copy{gap:.8rem}body[data-page=experience] .launch-intro__copy .section-description{font-size:.96rem}body[data-page=experience] .launch-intro__aside{border-radius:24px;padding:1rem}body[data-page=experience] .launch-check{border-radius:18px;padding:.9rem .95rem}}body[data-page=home]{background:radial-gradient(circle at 16% 8%,#5fc0b51f,#0000 24%),linear-gradient(#081114 0%,#101a1f 48%,#132228 100%)}body[data-page=home] .content{gap:clamp(1rem,2vw,1.5rem)}body[data-page=home] .top-nav{border-radius:999px;padding:.7rem .95rem}body[data-page=home] .home-shell{gap:clamp(1.1rem,2vw,1.6rem);display:grid}body[data-page=home] .home-stage{background:#0d1418e0;border-color:#fff8ea1f;border-radius:36px;min-height:auto;padding:clamp(4rem,6vw,5rem) clamp(1.3rem,2vw,1.9rem) clamp(1.3rem,2vw,1.9rem);box-shadow:0 20px 56px #00000047,inset 0 1px #fff8ea12}body[data-page=home] .home-stage:before,body[data-page=home] .home-stage:after{display:none}body[data-page=home] .home-stage__grid{grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);align-items:start;gap:clamp(1rem,2.2vw,1.6rem)}body[data-page=home] .home-stage__copy{align-content:start;gap:1rem}body[data-page=home] .home-stage__copy h1{letter-spacing:-.05em;max-width:8ch;margin:0;font-size:clamp(3rem,6.4vw,5.8rem);line-height:.92}body[data-page=home] .hero-cta-row{flex-wrap:wrap;gap:.75rem;display:flex}body[data-page=home] .home-stage__support{color:#f7f4ebad;max-width:30rem;margin:0;font-size:.92rem;line-height:1.55}body[data-page=home] .home-start-list{color:#f7f4ebc2;gap:.45rem;margin:0;padding:0;list-style:none;display:grid}body[data-page=home] .home-start-list li{margin:0}body[data-page=home] .home-start-list strong{color:var(--text-color)}body[data-page=home] .home-stage__start-panel,body[data-page=home] .milkdrop-showcase__card,body[data-page=home] .home-footer{box-shadow:none;background:linear-gradient(#fff8ea0d,#0000 42%),#ffffff09;border:1px solid #fff8ea1c}body[data-page=home] .home-stage__visual{align-content:start;gap:.8rem;min-width:0;display:grid}body[data-page=home] .home-stage__start-panel{border-radius:24px;gap:.85rem;padding:1.1rem;display:grid}body[data-page=home] .home-stage__start-label,body[data-page=home] .home-stage__route-label{letter-spacing:.16em;text-transform:uppercase;color:#f7f4eb85;margin:0;font-size:.72rem;font-weight:700}body[data-page=home] .home-stage__start-panel h2,body[data-page=home] .home-stage__route-item h3{margin:0}body[data-page=home] .home-stage__start-copy,body[data-page=home] .home-stage__route-item p:last-child{color:#f7f4ebb8;margin:0;line-height:1.55}body[data-page=home] .home-stage__route-list{gap:.75rem;display:grid}body[data-page=home] .home-stage__route-item{border-top:1px solid #fff8ea14;gap:.35rem;padding-top:.75rem;display:grid}body[data-page=home] .section-shell{border-radius:30px;padding:clamp(1.2rem,2vw,1.6rem)}body[data-page=home] .home-presets{gap:1rem;display:grid}body[data-page=home] .home-presets__intro{grid-template-columns:1fr;gap:.45rem}body[data-page=home] .home-presets__support{margin:0}body[data-page=home] .home-presets__frame{border-radius:26px;padding:1rem}body[data-page=home] .milkdrop-showcase__filters{gap:.65rem}body[data-page=home] .milkdrop-showcase__filter{border-radius:999px}body[data-page=home] .milkdrop-showcase__grid{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-page=home] .milkdrop-showcase__card{border-radius:24px;min-height:100%}body[data-page=home] .home-footer{border-radius:24px;gap:.4rem;padding:1rem 1.1rem;display:grid}body[data-page=home] .footer-nav{color:#f7f4ebb8;flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}body[data-page=home] .home-mobile-dock{-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);background:linear-gradient(#fff8ea0f,#0000),#070d12e0;border:1px solid #fff8ea1f}@media (max-width:1080px){body[data-page=home] .home-stage__grid,body[data-page=home] .home-presets__intro{grid-template-columns:1fr}body[data-page=home] .home-stage__copy h1{max-width:11ch}body[data-page=home] .milkdrop-showcase__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){body[data-page=home] .milkdrop-showcase__grid{grid-template-columns:1fr}}@media (max-width:640px){body[data-page=home] .top-nav{border-radius:24px}body[data-page=home] .home-stage{border-radius:28px;padding:4.2rem 1rem 1rem}body[data-page=home] .home-stage__copy h1{max-width:7ch;font-size:clamp(2.8rem,14vw,4.4rem)}body[data-page=home] .hero-cta-row .cta-button{width:100%;min-width:0}body[data-page=home] .home-presets__frame,body[data-page=home] .home-footer{padding:.9rem}}body[data-page=experience] .launch-shell{gap:clamp(1rem,2vw,1.5rem)}body[data-page=experience] .launch-intro{background:radial-gradient(circle at 16% 18%,#f4b5622e,#0000 24%),radial-gradient(circle at 85% 16%,#4cb3a733,#0000 22%),radial-gradient(circle at 60% 72%,#4360d62e,#0000 28%),linear-gradient(145deg,#080b12fa,#101722f5);border-color:#f8f1e01f;border-radius:36px;padding:clamp(1.2rem,2.2vw,1.8rem);position:relative;overflow:hidden;box-shadow:0 34px 90px #00000057,inset 0 1px #ffffff0f}body[data-page=experience] .launch-intro:before{content:"";pointer-events:none;background:radial-gradient(circle,#eed1873d,#0000 70%);border-radius:50%;width:16rem;height:16rem;position:absolute;top:auto;bottom:-5rem;left:-4rem;right:auto}body[data-page=experience] .launch-intro:after{content:"";opacity:.5;pointer-events:none;border:1px solid #f8f1e014;border-radius:999px;width:clamp(10rem,20vw,14rem);height:clamp(10rem,20vw,14rem);position:absolute;top:1.25rem;bottom:auto;left:auto;right:1.25rem}body[data-page=experience] .launch-stage__grid{z-index:1;grid-template-columns:minmax(0,1fr);gap:0;max-width:42rem;display:grid;position:relative}body[data-page=experience] .launch-stage__copy{align-content:start;gap:.95rem;padding:clamp(.4rem,.8vw,.7rem);display:grid}body[data-page=experience] .launch-stage__copy h1{letter-spacing:-.075em;text-wrap:balance;max-width:8ch;margin:0;font-size:clamp(3rem,7vw,5.8rem);line-height:.9}body[data-page=experience] .launch-stage__actions .cta-button{min-width:clamp(12rem,19vw,15rem)}body[data-page=experience] .launch-stage__screen{background:radial-gradient(circle,#5dc7bd2e,#0000 24%),radial-gradient(circle at 25% 82%,#f3b15a29,#0000 22%),linear-gradient(#ffffff0a,#0000 34%),#050a12d1;border:1px solid #f8f1e01a;border-radius:30px;gap:1.1rem;min-height:33rem;padding:clamp(1rem,1.8vw,1.4rem);display:grid;position:relative;overflow:hidden}body[data-page=experience] .launch-stage__screen:before{content:"";pointer-events:none;background:linear-gradient(#ffffff05,#0000 45%);border:1px solid #f8f1e00f;border-radius:28px;position:absolute;top:12%;bottom:12%;left:10%;right:10%}body[data-page=experience] .launch-stage__screen-head,body[data-page=experience] .launch-stage__rail-item{z-index:1;position:relative}body[data-page=experience] .launch-stage__screen-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}body[data-page=experience] .launch-stage__screen-label,body[data-page=experience] .launch-stage__screen-status,body[data-page=experience] .launch-stage__rail-label,body[data-page=experience] .launch-stage__rail-step,body[data-page=experience] .launch-stage__feature-label,body[data-page=experience] .launch-stage__legend-title{font-family:var(--font-family-mono);letter-spacing:.14em;text-transform:uppercase;color:#fff3d9a8;margin:0;font-size:.76rem}body[data-page=experience] .launch-stage__screen-status{color:#66d7cbd1}body[data-page=experience] .launch-stage__screen-core{place-items:center;min-height:17rem;display:grid;position:relative}body[data-page=experience] .launch-stage__ring,body[data-page=experience] .launch-stage__pulse,body[data-page=experience] .launch-stage__screen-node{border-radius:50%;position:absolute}body[data-page=experience] .launch-stage__ring{border:1px solid #f8f1e024;box-shadow:inset 0 0 40px #ffffff05}body[data-page=experience] .launch-stage__ring--outer{aspect-ratio:1;width:min(24rem,82%)}body[data-page=experience] .launch-stage__ring--mid{aspect-ratio:1;width:min(17rem,60%)}body[data-page=experience] .launch-stage__ring--inner{aspect-ratio:1;background:radial-gradient(circle,#fff3d929,#0000 66%);width:min(9rem,32%)}body[data-page=experience] .launch-stage__pulse{aspect-ratio:1;opacity:0;border:1px solid #66d7cb24;width:min(30rem,96%);animation:8s ease-out infinite launch-stage-pulse;top:50%;bottom:auto;left:50%;right:auto;transform:translate(-50%,-50%)}body[data-page=experience] .launch-stage__pulse--two{animation-delay:3.6s}body[data-page=experience] .launch-stage__screen-node{background:#fff3d9e6;width:.9rem;height:.9rem;box-shadow:0 0 20px #fff3d98c}body[data-page=experience] .launch-stage__screen-node--input{top:26%;left:23%}body[data-page=experience] .launch-stage__screen-node--mix{background:#66d7cbf2;top:48%;left:calc(50% - .45rem);box-shadow:0 0 24px #66d7cb99}body[data-page=experience] .launch-stage__screen-node--output{bottom:26%;right:24%}body[data-page=experience] .launch-stage__screen-legend{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid;position:relative}body[data-page=experience] .launch-stage__legend-item{background:#ffffff08;border:1px solid #f8f1e014;border-radius:18px;gap:.35rem;padding:.9rem 1rem;display:grid}body[data-page=experience] .launch-stage__legend-item p:last-child{color:#f5f8ffb8;margin:0;line-height:1.55}body[data-page=experience] .launch-panels{background:radial-gradient(circle at 0 0,#f4b5621f,#0000 20%),linear-gradient(#ffffff06,#0000 42%),#060a12b8;border-color:#f8f1e014;border-radius:32px;padding:clamp(1rem,2vw,1.35rem)}body[data-page=experience] .launch-panels__header{grid-template-columns:minmax(0,1fr) minmax(18rem,30rem);align-items:end;gap:1rem 1.4rem;max-width:none;padding-bottom:.45rem;display:grid}body[data-page=experience] .launch-panels__header h2{letter-spacing:-.05em;max-width:11ch;margin:0;font-size:clamp(2.4rem,4vw,4rem);line-height:.95}body[data-page=experience] .launch-panels__header .section-description{color:#f5f8ffb8;max-width:28rem;margin:0}body[data-page=experience] .launch-panels .shell-panels{grid-template-columns:minmax(0,1.08fr) minmax(18rem,.92fr);align-items:stretch;gap:1rem;display:grid}body[data-page=experience] .launch-panels .shell-panel{position:relative}body[data-page=experience] .launch-panels .shell-panel--tune:empty{display:none}@supports selector(:has(*)){body[data-page=experience] .launch-panels .shell-panels:not(:has(.shell-panel--tune>:not(:empty))){grid-template-columns:minmax(0,1fr)}}body[data-page=experience] .launch-panels .control-panel{background:linear-gradient(#ffffff0f,#0000 34%),#080d15e6;border-color:#f8f1e014;border-radius:28px;min-height:100%;box-shadow:0 18px 36px #0003,inset 0 1px #ffffff0a}body[data-page=experience] .launch-panels .control-panel:after{opacity:.9;background:linear-gradient(90deg,#66d7cb2e,#0000 60%)}body[data-page=experience] .launch-panels .shell-panel--tune .control-panel:after{background:linear-gradient(90deg,#f4b56233,#0000 60%)}body[data-page=experience] .launch-panels .control-panel__row--primary{align-items:start}body[data-page=experience] .launch-panels .control-panel__gesture-hints,body[data-page=experience] .launch-panels .control-panel__first-steps,body[data-page=experience] .launch-panels .control-panel__quickstart,body[data-page=experience] .launch-panels .control-panel__source-shortcuts{background:#ffffff08;border-color:#f8f1e014}@keyframes launch-stage-pulse{0%{opacity:0;transform:translate(-50%,-50%)scale(.72)}18%{opacity:.4}to{opacity:0;transform:translate(-50%,-50%)scale(1.02)}}@media (max-width:1080px){body[data-page=experience] .launch-panels .shell-panels,body[data-page=experience] .launch-stage__screen-legend,body[data-page=experience] .launch-panels__header{grid-template-columns:1fr}body[data-page=experience] .launch-stage__screen{min-height:30rem}}@media (max-width:860px){body[data-page=experience] .launch-stage__screen{min-height:28rem}}@media (max-width:640px){body[data-page=experience] .launch-intro{border-radius:28px;padding:1rem}body[data-page=experience] .launch-stage__copy h1{max-width:7ch;font-size:clamp(2.9rem,14vw,4.6rem)}body[data-page=experience] .launch-stage__actions .cta-button{width:100%;min-width:0}body[data-page=experience] .launch-panels{border-radius:26px;padding:.95rem}body[data-page=experience] .launch-panels__header{gap:.75rem}body[data-page=experience] .launch-panels__header h2{font-size:clamp(2rem,8vw,2.6rem)}body[data-page=home] .home-stage{padding-top:3.6rem}body[data-page=home] .home-stage__support{display:none}body[data-page=home] .milkdrop-showcase__filters{overscroll-behavior-x:contain;scrollbar-width:none;grid-auto-columns:max-content;grid-auto-flow:column;padding-bottom:.15rem;display:grid;overflow-x:auto}body[data-page=home] .milkdrop-showcase__filters::-webkit-scrollbar{display:none}}body[data-page=home] .home-shell{gap:.9rem}body[data-page=home] .home-stage{background:radial-gradient(circle at 100% 0,#5fc0b529,#0000 26%),radial-gradient(circle at 0 100%,#e9d49b24,#0000 32%),linear-gradient(145deg,#0c1216f5,#121c21e6);border-color:#fff8ea1a;border-radius:30px;max-width:70rem;margin:0 auto;padding:clamp(1.25rem,2.2vw,2rem);position:relative;overflow:hidden;box-shadow:0 28px 70px #00000047,inset 0 1px #fff8ea14}body[data-page=home] .home-stage:before{content:"";pointer-events:none;background:radial-gradient(circle,#d3895438,#0000 68%);border-radius:50%;width:12rem;height:12rem;position:absolute;top:auto;bottom:2rem;left:-4rem;right:auto}body[data-page=home] .home-stage__grid{z-index:1;grid-template-columns:minmax(0,1.3fr) minmax(18rem,.7fr);align-items:stretch;gap:clamp(1rem,3vw,2rem);position:relative}body[data-page=home] .home-stage__copy{background:0 0;border:0;align-content:start;gap:1rem;padding:clamp(.4rem,1vw,.8rem);display:grid}body[data-page=home] .home-footer{box-shadow:none;background:#ffffff05;border:1px solid #fff8ea14}body[data-page=home] .eyebrow{font-family:var(--font-family-mono);letter-spacing:.16em;color:#f7f4eb9e;margin:0;font-size:.78rem}body[data-page=home] .home-stage__copy h1{letter-spacing:-.06em;text-wrap:balance;max-width:10ch;margin:0;font-size:clamp(3rem,6vw,5.6rem);line-height:.92}body[data-page=home] .home-stage__copy .tagline{color:#f7f4ebcc;max-width:34rem;margin:0;font-size:clamp(1rem,.5vw + .9rem,1.12rem);line-height:1.65}body[data-page=home] .hero-cta-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}body[data-page=home] .hero-cta-row .cta-button{min-width:clamp(12rem,18vw,14rem)}body[data-page=home] .home-stage__aux-link,body[data-page=home] .home-footer{color:#f7f4ebb8;margin:0;line-height:1.55}body[data-page=home] .home-stage__aux-link{font-size:.92rem;font-family:var(--font-family-mono);color:#f7f4eb94}body[data-page=home] .home-stage__rail{background:linear-gradient(#fff8ea0d,#0000 44%),#ffffff0a;border:1px solid #fff8ea1a;border-radius:22px;align-content:start;gap:.85rem;padding:clamp(.9rem,1.4vw,1.1rem);display:grid}body[data-page=home] .home-stage__rail-label,body[data-page=home] .home-stage__route-step{font-family:var(--font-family-mono);letter-spacing:.14em;text-transform:uppercase;color:#f7f4eb8c;margin:0;font-size:.76rem}body[data-page=home] .home-stage__route-card,body[data-page=home] .home-stage__route-note{gap:.35rem;display:grid}body[data-page=home] .home-stage__route-card{border-bottom:1px solid #fff8ea14;padding-bottom:.85rem}body[data-page=home] .home-stage__route-card h2{margin:0;font-size:1.35rem;line-height:1.08}body[data-page=home] .home-stage__route-card p:last-child,body[data-page=home] .home-stage__route-note p:last-child{color:#f7f4ebb8;margin:0;line-height:1.55}body[data-page=home] .home-footer{border-radius:18px;justify-content:center;gap:0;max-width:70rem;margin:0 auto;padding:.45rem .8rem;display:flex}body[data-page=home] .home-footer p{margin:0}body[data-page=home] .footer-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}@media (max-width:1080px){body[data-page=home] .home-stage__grid{grid-template-columns:minmax(0,1fr)}body[data-page=home] .home-stage__copy h1{max-width:9ch}}@media (max-width:640px){body[data-page=home] .home-stage{border-radius:22px;padding:1rem}body[data-page=home] .home-footer{padding:.35rem .6rem}body[data-page=home] .home-stage__copy h1{max-width:8ch;font-size:clamp(2.8rem,13vw,4.1rem)}body[data-page=home] .hero-cta-row .cta-button{width:100%;min-width:0}body[data-page=home] .home-stage__rail{border-radius:18px;padding:.9rem}}body[data-page=experience] .launch-shell--streamlined{gap:clamp(1.2rem,2vw,1.8rem)}body[data-page=experience] .launch-intro{background:linear-gradient(#090d15f7,#0b1018f7);border:1px solid #c6dbd61f;border-radius:28px;padding:clamp(1.25rem,2vw,1.8rem);box-shadow:0 18px 42px #0000003d}body[data-page=experience] .launch-intro:before,body[data-page=experience] .launch-intro:after{display:none}body[data-page=experience] .launch-stage__grid{gap:clamp(.95rem,1.8vw,1.25rem);max-width:44rem;margin-inline-start:auto;margin-inline-end:auto;display:grid}body[data-page=experience] .launch-stage__copy{gap:.65rem;max-width:35rem;display:grid}body[data-page=experience] .launch-stage__copy h1{letter-spacing:-.07em;max-width:8ch;margin:0;font-size:clamp(2.6rem,7vw,4.8rem);line-height:.94}body[data-page=experience] .launch-stage__copy .section-description{color:#f7f4ebc2;max-width:31rem;margin:0;font-size:clamp(.98rem,1.1vw,1.08rem);line-height:1.55}body[data-page=experience] .launch-stage__panel-shell{scroll-margin-top:calc(env(safe-area-inset-top) + 5.5rem)}body[data-page=experience] .launch-stage__panel-shell>.control-panel{clip-path:none;background:linear-gradient(#ffffff0a,#0000),#0f1621e0;border:1px solid #cfdedb1f;border-radius:24px;width:100%;max-width:none;max-height:none;margin:0;padding:1.15rem;position:relative;top:auto;bottom:auto;left:auto;right:auto;overflow:visible;box-shadow:0 14px 32px #0003,inset 0 1px #ffffff0a}body[data-page=experience] .launch-stage__panel-shell>.control-panel .control-panel__heading{margin-bottom:.45rem}body[data-page=experience] .launch-stage__panel-shell>.control-panel .control-panel__description{color:#f7f4eba3;margin-bottom:.9rem}body[data-page=experience] .launch-stage__panel-shell>.control-panel .control-panel__row{background:#ffffff08;border:1px solid #cfdedb1a;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.9rem .95rem;display:grid}body[data-page=experience] .launch-stage__panel-shell>.control-panel .control-panel__row+.control-panel__row{margin-top:.65rem}body[data-page=experience] .launch-stage__panel-shell>.control-panel .control-panel__row--primary{box-shadow:none;border-color:#b3ff5e42}body[data-page=experience] .launch-stage__panel-shell>.control-panel .control-panel__text{min-width:0}body[data-page=experience] .launch-stage__panel-shell>.control-panel .control-panel__label{align-items:center;gap:.5rem;margin-bottom:.2rem;display:inline-flex}body[data-page=experience] .launch-stage__panel-shell>.control-panel .control-panel__subtext{color:#f7f4ebd6;display:block}body[data-page=experience] .launch-stage__panel-shell>.control-panel .control-panel__microcopy{color:#f7f4eb94}body[data-page=experience] .launch-stage__panel-shell>.control-panel .control-panel__pill{color:#d7ff9f;background:#b3ff5e1f;border:1px solid #b3ff5e3d}body[data-page=experience] .launch-stage__panel-shell>.control-panel .control-panel__details{background:#ffffff05;border:1px solid #cfdedb1a;border-radius:16px;margin-top:.75rem}body[data-page=experience] .launch-stage__panel-shell>.control-panel .control-panel__details>summary{padding:.85rem .95rem;list-style:none}body[data-page=experience] .launch-stage__panel-shell>.control-panel .control-panel__advanced-helper{color:#f7f4eb9e;margin:0;padding:0 .95rem .7rem}body[data-page=experience] .launch-stage__panel-shell>.control-panel .control-panel__advanced{padding:0 .7rem .75rem}body[data-page=experience] .launch-stage__panel-shell>.control-panel .control-panel--embedded{box-shadow:none;background:0 0;border:0;border-top:1px solid #cfdedb1a;border-radius:0;margin-top:.85rem;padding:.85rem 0 0}body[data-page=experience] .launch-stage__panel-shell>.control-panel .control-panel--embedded:before{display:none}body[data-page=experience] .launch-stage__panel-shell>.control-panel .control-panel__post-start{border-top:1px solid #cfdedb14;margin-top:.8rem;padding-top:.8rem}body[data-page=experience] .launch-stage__panel-shell>.control-panel .control-panel__post-start[hidden]{display:none}body[data-page=experience] .launch-stage__footer{border-top:1px solid #cfdedb14;justify-content:flex-end;align-items:center;gap:.8rem;padding-top:.85rem;display:flex}body[data-page=experience] .launch-stage__footer-note{display:none}body[data-page=experience] .launch-stage__source-link{white-space:nowrap}@media (max-width:720px){body[data-page=experience] .launch-intro{border-radius:22px;padding:.95rem}body[data-page=experience] .launch-stage__copy h1{max-width:7ch;font-size:clamp(2.2rem,14vw,3.6rem)}body[data-page=experience] .launch-stage__copy .section-description{font-size:.96rem;line-height:1.55}body[data-page=experience] .shell-header--launch-nav{margin-bottom:.15rem}body[data-page=experience] .top-nav{border-radius:18px;padding:.58rem .68rem}body[data-page=experience] .brand{flex:auto;width:auto;min-width:0}body[data-page=experience] .nav-toggle{width:auto;min-width:7.25rem;margin-left:auto}body[data-page=experience] .launch-stage__footer{flex-direction:column;align-items:flex-start;gap:.35rem;padding-top:.75rem}body[data-page=experience] .launch-stage__panel-shell>.control-panel{border-radius:20px;padding:.95rem}body[data-page=experience] .launch-stage__panel-shell>.control-panel .control-panel__row{grid-template-columns:1fr;gap:.75rem;padding:.85rem .9rem}body[data-page=experience] .launch-stage__panel-shell>.control-panel .control-panel__row .cta-button{width:100%}}:root{--stims-ink:#f6efe4;--stims-muted:#f6efe4bd;--stims-line:#ffffff1f;--stims-panel:#0a0d14bd;--stims-panel-strong:#0c101aeb;--stims-accent:#f47a54;--stims-accent-soft:#f47a5433;--stims-good:#7de0a2;--stims-warn:#ffd166;--stims-bad:#ff7b72;--stims-shadow:0 24px 80px #00000057;--stims-radius-panel:18px;--stims-radius-card:14px;--stims-radius-control:10px;--stims-radius-stage:18px;--stims-radius-mobile-panel:16px}body[data-page=workspace]{color:var(--stims-ink);background:radial-gradient(circle at 0 0,#f47a5433,#0000 30%),radial-gradient(circle at 100% 0,#54adf424,#0000 32%),linear-gradient(#071019 0%,#090b13 46%,#05070b 100%);margin:0}#app{min-height:100vh}.stims-shell{min-height:100vh;padding:20px}.stims-shell__nav{border:1px solid var(--stims-line);border-radius:var(--stims-radius-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--stims-shadow);background:#06090fb8;justify-content:space-between;align-items:center;gap:24px;padding:16px 20px;display:flex}.stims-shell__brand{align-items:center;display:flex}.stims-shell__logo{color:inherit;flex-direction:column;gap:2px;font-family:Space Grotesk,sans-serif;text-decoration:none;display:inline-flex}.stims-shell__logo span{letter-spacing:.04em;text-transform:uppercase;font-size:1.1rem;font-weight:700}.stims-shell__logo small,.stims-shell__eyebrow,.stims-shell__meta-copy{color:var(--stims-muted)}.stims-shell__nav-actions,.stims-shell__collections,.stims-shell__launch-actions,.stims-shell__session-actions,.stims-shell__session-meta{flex-wrap:wrap;gap:10px;display:flex}.stims-shell__nav-pill,.stims-shell__collection-pill,.stims-shell__meta-pill{border:1px solid var(--stims-line);border-radius:var(--stims-radius-control);color:inherit;font:inherit;background:#ffffff0a;padding:10px 14px}.stims-shell__nav-pill[data-active=true],.stims-shell__sheet-tab[data-active=true],.stims-shell__collection-pill[data-active=true]{background:linear-gradient(135deg, var(--stims-accent), #ffb36b);color:#160d08;border-color:#0000}.stims-shell__nav-link{color:var(--stims-muted);text-decoration:none}.stims-shell__content{flex-direction:column;gap:20px;margin-top:20px;display:flex}.stims-shell__launch,.stims-shell__workspace{border:1px solid var(--stims-line);border-radius:var(--stims-radius-panel);background:var(--stims-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--stims-shadow)}.stims-shell__launch[hidden]{display:none}.stims-shell__launch{gap:20px;padding:24px;display:grid}.stims-shell__launch-header{grid-template-columns:minmax(0,1.5fr) minmax(260px,360px);align-items:start;gap:20px;display:grid}.stims-shell__launch-selection{border:1px solid var(--stims-line);border-radius:var(--stims-radius-card);background:#ffffff08;gap:10px;padding:16px 18px;display:grid}.stims-shell__launch-selection strong{font-size:1.1rem}.stims-shell__launch-copy h1,.stims-shell__stage-header h2,.stims-shell__sheet-heading h2{margin:0 0 10px;font-family:Space Grotesk,sans-serif;font-size:clamp(1.8rem,4vw,3.4rem);line-height:.96}.stims-shell__workspace{padding:20px}.stims-shell__stage-section{flex-direction:column;gap:16px;min-width:0;display:flex}.stims-shell__input,.stims-shell__select{border:1px solid var(--stims-line);border-radius:var(--stims-radius-control);width:100%;color:inherit;font:inherit;background:#ffffff0a;padding:12px 14px}.stims-shell__preset-list{flex-direction:column;gap:10px;min-height:240px;max-height:min(56vh,680px);display:flex;overflow:auto}.stims-shell__preset-card{text-align:left;border:1px solid var(--stims-line);border-radius:var(--stims-radius-card);color:inherit;font:inherit;background:#ffffff08;flex-direction:column;gap:6px;padding:14px;display:flex}.stims-shell__preset-card[data-active=true]{background:var(--stims-accent-soft);border-color:#f47a54a3}.stims-shell__preset-title{font-weight:700}.stims-shell__preset-meta,.stims-shell__preset-tech{color:var(--stims-muted);font-size:.9rem}.stims-shell__stage-header{justify-content:space-between;align-items:end;gap:16px;display:flex}.stims-shell__stage-copy{gap:6px;display:grid}.stims-shell__stage-summary{max-width:48ch;margin:0}.stims-shell__stage-frame{border-radius:var(--stims-radius-stage);border:1px solid var(--stims-line);background:radial-gradient(circle at 20% 20%,#f47a5429,#0000 20%),radial-gradient(circle at 80% 10%,#7de0a21f,#0000 26%),#03050b;min-height:72vh;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 30px 90px #00000061}.stims-shell__stage-root{position:absolute;top:0;bottom:0;left:0;right:0}.stims-shell__readiness-chips{flex-wrap:wrap;gap:12px;display:flex}.stims-shell__readiness-chip{border:1px solid var(--stims-line);border-radius:var(--stims-radius-card);background:#ffffff08;flex-direction:column;flex:210px;gap:8px;padding:14px;display:flex}.stims-shell__readiness-chip[data-state=ready] strong{color:var(--stims-good)}.stims-shell__readiness-chip[data-state=warn] strong{color:var(--stims-warn)}.stims-shell__readiness-chip[data-state=blocked] strong{color:var(--stims-bad)}.stims-shell__launch-more{gap:12px;display:grid}.stims-shell__text-button,.stims-shell__icon-button,.stims-shell__sheet-tab{border:1px solid var(--stims-line);border-radius:var(--stims-radius-control);color:inherit;font:inherit;background:#ffffff0a}.stims-shell__text-button{justify-self:start;padding:10px 14px}.stims-shell__icon-button{padding:10px 14px}.stims-shell__youtube{flex-direction:column;gap:10px;display:flex}.stims-shell__youtube-row{grid-template-columns:minmax(0,1fr) auto auto;gap:10px;display:grid}.stims-shell__youtube-preview{border:1px solid var(--stims-line);border-radius:var(--stims-radius-card);background:#000;min-height:220px;overflow:hidden}.stims-shell__field-label{color:var(--stims-muted);font-size:.92rem;display:block}.stims-shell__toggle{color:inherit;align-items:center;gap:10px;display:flex}.stims-shell__file-button{position:relative;overflow:hidden}.stims-shell__file-button input{opacity:0;position:absolute;top:0;bottom:0;left:0;right:0}.stims-shell__settings-footer{flex-wrap:wrap;gap:10px;display:flex}.stims-shell__sheet-backdrop{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03050b6b;border:0;position:fixed;top:0;bottom:0;left:0;right:0}.stims-shell__sheet{z-index:31;border:1px solid var(--stims-line);border-radius:var(--stims-radius-panel);background:var(--stims-panel-strong);width:min(420px,100vw - 40px);max-height:calc(100vh - 40px);box-shadow:var(--stims-shadow);flex-direction:column;gap:18px;padding:20px;display:flex;position:fixed;top:20px;right:20px;overflow:auto}.stims-shell__sheet-header,.stims-shell__sheet-heading,.stims-shell__sheet-panel,.stims-shell__sheet-callout{gap:12px;display:grid}.stims-shell__sheet-header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.stims-shell__sheet-body{gap:16px;display:grid}.stims-shell__tool-tabs{flex-wrap:wrap;gap:10px;display:flex}.stims-shell__sheet-tab{padding:10px 14px}.stims-shell__sheet-callout{border:1px solid var(--stims-line);border-radius:var(--stims-radius-card);background:#ffffff08;padding:16px 18px}.stims-shell__sheet-callout h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.35rem}.stims-shell__sheet-footer{border-top:1px solid var(--stims-line);padding-top:4px}.stims-shell__toast{z-index:40;border:1px solid var(--stims-line);border-radius:var(--stims-radius-card);max-width:min(420px,100vw - 40px);box-shadow:var(--stims-shadow);background:#080b12f0;align-items:center;gap:12px;padding:14px 16px;display:flex;position:fixed;bottom:20px;right:20px}.stims-shell__toast[data-tone=warn]{color:#ffe0a2;border-color:#ffd1665c}.stims-shell__toast[data-tone=error]{color:#ffd6d1;border-color:#ff7b725c}.stims-shell__toast-dismiss{color:inherit;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}@media (max-width:1120px){.stims-shell__launch-header{grid-template-columns:minmax(0,1fr)}.stims-shell__stage-frame{min-height:58vh}}@media (max-width:720px){.stims-shell{padding:12px}.stims-shell__nav,.stims-shell__launch,.stims-shell__workspace{border-radius:var(--stims-radius-mobile-panel);padding:16px}.stims-shell__nav{flex-direction:column;align-items:flex-start}.stims-shell__nav-actions,.stims-shell__launch-actions,.stims-shell__session-actions,.stims-shell__tool-tabs{width:100%}.stims-shell__nav-actions>*,.stims-shell__tool-tabs>*{flex:auto}.stims-shell__stage-header{flex-direction:column;align-items:flex-start}.stims-shell__youtube-row{grid-template-columns:1fr}.stims-shell__stage-frame{border-radius:var(--stims-radius-mobile-panel);min-height:48vh}.stims-shell__preset-list{max-height:40vh}.stims-shell__sheet{border-radius:var(--stims-radius-mobile-panel);width:auto;max-height:calc(100vh - 24px);padding:16px;top:auto;bottom:12px;left:12px;right:12px}.stims-shell__sheet-header{grid-template-columns:1fr}.stims-shell__toast{max-width:none;bottom:12px;left:12px;right:12px}}
