html,body{margin:0;overflow:hidden;height:100%;font-size:calc(16px * var(--tv-scale-multiplier));font-family:Space Grotesk,Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:#f5f5f5;line-height:1.6;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}: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{display:block;-webkit-user-select:none;user-select:none}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, rgba(96, 165, 250, .95));outline-offset:var(--tv-focus-outline-offset)}.toy-canvas{width:var(--app-width, 100vw);height:var(--app-height, 100vh);max-width:100%;max-height:100%;touch-action:none;transform:translateZ(0);will-change:transform}body{background:radial-gradient(circle at 18% 12%,rgba(95,192,181,.12),transparent 30%),radial-gradient(circle at 85% 18%,rgba(211,137,84,.12),transparent 24%),#05090d}.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),::view-transition-new(library-view),::view-transition-old(toy-view),::view-transition-new(toy-view){animation:fadeSlide .35s ease}}@media(prefers-reduced-motion:reduce){::view-transition-old(library-view),::view-transition-new(library-view),::view-transition-old(toy-view),::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{position:fixed;inset:0;width:100%;height:100%;min-height:var(--app-height, 100vh);background:radial-gradient(circle at 50% 12%,rgba(95,192,181,.16),transparent 38%),radial-gradient(circle at 20% 80%,rgba(233,212,155,.08),transparent 34%),linear-gradient(180deg,#091015,#05090d 56%,#0b1215);overflow:hidden;z-index:2}.active-toy-stage{position:absolute;inset:0;width:100%;height:100%}.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{transition:opacity .32s ease,filter .32s ease,transform .32s ease;will-change:opacity,filter,transform}.active-toy-container[data-transition-state=running] .active-toy-stage[data-stage-state=incoming]{opacity:1;filter:blur(0);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{position:absolute;inset:0;display:grid;place-items:center;color:#e9fbff;text-align:center;padding:24px;isolation:isolate}.active-toy-status__glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(95,192,181,.22),transparent 52%),radial-gradient(circle at 18% 72%,rgba(211,137,84,.18),transparent 40%);filter:blur(18px);opacity:.55;z-index:-1;animation:pulseGlow 7s ease-in-out infinite}.active-toy-status__content{background:linear-gradient(165deg,#0c1418f0,#090e12db);border:1px solid rgba(255,239,214,.16);box-shadow:0 22px 48px #00000073,0 0 24px #5fc0b524,inset 0 1px #fff8ea0f;border-radius:28px;padding:24px 28px;max-width:460px;width:min(90vw,480px);backdrop-filter:blur(18px) saturate(160%);overscroll-behavior:contain}.active-toy-status h2{margin:12px 0 6px;font-size:1.4rem;letter-spacing:.01em;text-shadow:0 0 18px rgba(95,192,181,.18)}.active-toy-status p{margin:0;color:#ecf0f5bf;line-height:1.5;font-size:1rem;letter-spacing:.01em}.active-toy-status.is-error .active-toy-status__content{border-color:#db78788c;box-shadow:0 18px 36px #00000073,0 0 18px #db787840}.active-toy-status.is-warning .active-toy-status__content{border-color:#dcaa6ea6;box-shadow:0 18px 36px #00000073,0 0 18px #dcaa6e40}.active-toy-status__actions{margin-top:16px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.active-toy-status--page{display:grid;grid-template-rows:minmax(220px,1fr) auto;align-items:stretch;justify-items:center;gap:12px;box-sizing:border-box;height:100%;padding:clamp(102px,calc(var(--toy-nav-floating-offset, 108px) + 8px),190px) clamp(10px,2.2vw,20px) calc(env(safe-area-inset-bottom) + 16px);overflow:hidden}.active-toy-status--page .toy-frame{display:block;width:min(1200px,100%);height:100%;min-height:0;margin-inline:auto;border:0;border-radius:20px;background:#050718d9}.active-toy-status--page .active-toy-status__actions{margin-top:0;width:min(1200px,100%)}.toy-loading-spinner{width:56px;height:56px;border-radius:50%;border:3px solid rgba(233,239,245,.2);border-top-color:#a3b1bfe6;border-right-color:#8c98a5d9;margin:0 auto 12px;animation:spin .9s linear infinite}.home-link{position:fixed;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));padding:10px 14px;min-height:44px;min-width:44px;display:inline-flex;align-items:center;gap:8px;background:#121822e0;color:#e8edf2;text-decoration:none;font-size:.95rem;letter-spacing:.02em;border:1px solid rgba(148,165,180,.5);box-shadow:0 10px 22px #00000052;border-radius:14px;text-transform:none;backdrop-filter:blur(12px) saturate(140%);text-shadow:none;transition:transform .16s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;z-index:1000;font-weight:700;touch-action:manipulation}.home-link:before{content:"⟵";font-size:1rem}.home-link:hover{transform:translateY(-1px) scale(1.02);border-color:#94a5b4bd;box-shadow:0 14px 26px #0006;background:#151c27eb}.home-link:focus-visible{outline:2px solid rgba(148,165,180,.85);outline-offset:3px;box-shadow:0 0 0 3px #00000059}.toy-shell-escape{position:sticky;top:max(6px,env(safe-area-inset-top));z-index:1190;display:flex;justify-content:flex-start;margin-bottom:8px}.toy-shell-escape__link{display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;padding:10px 14px;border-radius:999px;text-decoration:none;font-weight:700;letter-spacing:.01em;color:#e9fbff;border:1px solid rgba(255,239,214,.16);background:linear-gradient(135deg,#0c1216e0,#0f171be0);box-shadow:0 12px 24px #00000038;touch-action:manipulation}.toy-shell-escape__link:hover{border-color:#94a5b49e;background:#060b16e6}.toy-shell-escape__link:focus-visible{outline:2px solid rgba(96,165,250,.95);outline-offset:2px}.active-toy-nav{position:fixed;top:max(8px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(1020px,calc(100% - 18px));display:grid;grid-template-columns:minmax(220px,.95fr) minmax(0,1.45fr);align-items:start;gap:12px;padding:12px 14px;background:linear-gradient(140deg,#0a1015f2,#0f181cf0);border:1px solid rgba(255,239,214,.14);box-shadow:0 18px 42px #0000006b,inset 0 1px #fff8ea12;border-radius:26px;z-index:1200;pointer-events:auto;backdrop-filter:blur(18px) saturate(145%);overscroll-behavior:contain}.active-toy-nav__content{display:grid;gap:4px;align-content:start}.active-toy-nav__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.09em;font-size:.78rem;color:#ffe8bad1}.active-toy-nav__title{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:.015em;color:#e9fbff}.active-toy-nav__hint{margin:0;color:#e9fbffe6;font-size:.92rem}.active-toy-nav__pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:linear-gradient(120deg,#5fc0b52e,#d3895429);border:1px solid rgba(255,239,214,.16);color:#c6fff7;font-weight:700;letter-spacing:.03em;width:fit-content;box-shadow:0 6px 16px #00000040}.active-toy-nav__actions{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;justify-content:flex-end}.active-toy-nav__actions-primary,.active-toy-nav__actions-secondary{display:contents}.toy-nav__share-wrapper,.toy-nav__pip-wrapper,.toy-nav__next-wrapper,.toy-nav__flow-wrapper,.toy-nav__challenge-wrapper{display:grid;gap:4px;justify-items:flex-end}.toy-nav__share,.toy-nav__pip,.toy-nav__next,.toy-nav__flow,.toy-nav__challenge{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,239,214,.14);background:linear-gradient(135deg,#5fc0b524,#0b121738);color:#e9fbff;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform .16s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;touch-action:manipulation}.toy-nav__share:hover,.toy-nav__pip:hover,.toy-nav__next:hover,.toy-nav__flow:hover,.toy-nav__challenge:hover{transform:translateY(-1px);border-color:#e9d49b61;box-shadow:0 12px 24px #00000059;background:linear-gradient(135deg,#5fc0b533,#d3895424)}.toy-nav__share:focus-visible,.toy-nav__pip:focus-visible,.toy-nav__next:focus-visible,.toy-nav__flow:focus-visible,.toy-nav__challenge:focus-visible{outline:2px solid rgba(148,165,180,.9);outline-offset:3px;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)}.toy-nav__mobile-toggle{display:none;align-items:center;justify-content:center;min-height:34px;margin-top:6px;padding:6px 11px;border-radius:10px;border:1px solid rgba(148,165,180,.35);background:#94a5b414;color:#e9fbfff0;font-size:.82rem;font-weight:600;letter-spacing:.01em;transition:background .16s ease,border-color .16s ease,color .16s ease}.toy-nav__mobile-toggle[aria-expanded=true]{background:#94a5b424;border-color:#94a5b47a}.toy-nav__mobile-toggle:focus-visible{outline:2px solid rgba(148,165,180,.6);outline-offset:2px}.active-toy-nav__mobile-actions{display:none;align-items:center;gap:8px;width:100%}.toy-nav__back-quick{display:none;align-items:center;justify-content:center;gap:6px;min-height:34px;margin-top:6px;padding:6px 11px;border-radius:10px;border:1px solid rgba(148,165,180,.35);background:#94a5b414;color:#e9fbfff0;font-size:.82rem;font-weight:700;letter-spacing:.01em;cursor:pointer;touch-action:manipulation}.toy-nav__back-quick:focus-visible{outline:2px solid rgba(148,165,180,.6);outline-offset:2px}.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{min-height:16px;font-size:.75rem;color:#e9fbffbf}.toy-nav__challenge-status{max-width:220px;text-wrap:pretty}.renderer-status{display:grid;gap:6px;align-items:flex-start;justify-items:flex-end;margin-inline-end:2px}.renderer-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,239,214,.16);background:linear-gradient(135deg,#5fc0b524,#d389541f);color:#e9fbff;font-weight:700;letter-spacing:.02em;box-shadow:0 6px 16px #00000040}.renderer-pill--success{border-color:#22c55ea6;background:linear-gradient(135deg,#16a34a2e,#22c55e29);box-shadow:0 6px 16px #0003}.renderer-pill--fallback{border-color:#f8b400a6;background:linear-gradient(135deg,#f8b40029,#ff63471f);box-shadow:0 6px 16px #0003}.renderer-pill__detail{margin:0;display:block;color:#e9fbffcc;max-width:320px;line-height:1.35}.renderer-pill__retry{border:1px solid rgba(148,165,180,.7);background:linear-gradient(135deg,#94a5b433,#08101c33);color:#e9fbff;padding:6px 10px;border-radius:10px;cursor:pointer;font-weight:700;min-height:44px;min-width:44px;transition:transform .16s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;touch-action:manipulation}.renderer-pill__retry:hover{transform:translateY(-1px);box-shadow:0 10px 20px #00000040;background:linear-gradient(135deg,#94a5b43d,#a17c6a1f)}.renderer-pill__retry:focus-visible{outline:2px solid rgba(148,165,180,.9);outline-offset:3px}.toy-nav__back{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid rgba(148,165,180,.6);background:linear-gradient(135deg,#94a5b42e,#a17c6a29);color:#e9fbff;font-weight:700;letter-spacing:.01em;cursor:pointer;min-height:44px;min-width:44px;box-shadow:0 12px 26px #00000059;transition:transform .16s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;touch-action:manipulation}.toy-nav__back:hover{transform:translateY(-1px);border-color:#a17c6acc;box-shadow:0 16px 32px #0006;background:linear-gradient(135deg,#94a5b433,#a17c6a33)}.toy-nav__back:focus-visible{outline:2px solid rgba(148,165,180,.9);outline-offset:3px;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{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}.rendering-overlay{position:fixed;inset:0;display:grid;place-items:center;z-index:2000;pointer-events:auto}.rendering-overlay__backdrop{position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(148,165,180,.18),transparent 30%),radial-gradient(circle at 80% 70%,rgba(161,124,106,.16),transparent 28%),linear-gradient(135deg,#04060ed9,#060a14e6);filter:blur(12px);opacity:.9}.rendering-overlay__panel{position:relative;pointer-events:auto;width:min(520px,92vw);padding:24px 28px;border-radius:20px;background:linear-gradient(160deg,#060c18f2,#040812d9);border:1px solid rgba(148,165,180,.55);box-shadow:0 20px 40px #00000073,0 0 24px #94a5b459,inset 0 0 0 1px #e9fbff14;backdrop-filter:blur(20px) saturate(150%);color:#e9fbff;overscroll-behavior:contain}.rendering-overlay__panel h1{margin:4px 0 10px;font-size:1.55rem;letter-spacing:.02em}.rendering-overlay__eyebrow{margin:0;text-transform:uppercase;font-size:.8rem;letter-spacing:.12em;color:#e9fbffb3}.rendering-overlay__description{margin:0 0 12px;color:#e9fbffd1}.rendering-overlay__steps{margin:0 0 12px;padding-left:20px;color:#e9fbffd1;display:grid;gap:6px}.rendering-overlay__links{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}.rendering-overlay__actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.rendering-overlay__button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:8px 12px;border-radius:12px;border:1px solid rgba(148,165,180,.6);background:#94a5b41f;color:#e9fbff;text-decoration:none;font-weight:700;transition:transform .16s ease,box-shadow .2s ease,border-color .2s ease;touch-action:manipulation}.rendering-overlay__button:hover{transform:translateY(-1px);border-color:#a17c6acc;box-shadow:0 10px 20px #00000040,0 0 12px #94a5b459}.rendering-overlay__button:focus-visible{outline:2px solid rgba(148,165,180,.9);outline-offset:3px}.rendering-overlay__links a{color:#0ff4f9;text-decoration:none;border:1px solid rgba(148,165,180,.5);padding:6px 10px;border-radius:10px;background:#0e142399;box-shadow:inset 0 0 8px #94a5b459;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.rendering-overlay__links a:hover,.rendering-overlay__links a:focus-visible{transform:translateY(-1px);border-color:#a17c6ab3;box-shadow:0 0 10px #94a5b480,inset 0 0 10px #a17c6a59}.rendering-overlay__preview{border:1px solid rgba(233,251,255,.16);border-radius:12px;padding:10px;background:#ffffff05}.rendering-overlay__preview p{margin:0 0 8px;color:#e9fbffb8}.rendering-overlay__preview-pane{height:120px;border-radius:10px;background:radial-gradient(circle at 25% 40%,rgba(148,165,180,.35),transparent 45%),radial-gradient(circle at 70% 60%,rgba(161,124,106,.4),transparent 40%),linear-gradient(135deg,#0c1223d9,#0a0e1af2);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 22px #00000073,0 0 18px #94a5b433;position:relative;overflow:hidden}.rendering-overlay__preview-pane:after{content:"";position:absolute;inset:-20%;background:conic-gradient(from 90deg,#94a5b42e,#a17c6a1f,#94a5b42e,#a17c6a1f);filter:blur(28px);opacity:.9;animation:hueShift 12s linear infinite}.control-panel{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));width:min(312px,88vw);color:#e9fbff;padding:12px;background:linear-gradient(180deg,#0a1016eb,#0c1218e0);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 42px #00000057;border-radius:18px;backdrop-filter:blur(16px) saturate(120%);z-index:1100;overflow:hidden;overscroll-behavior:contain}.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:before,.control-panel:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}.control-panel:before{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent);opacity:.7}.control-panel:after{inset:6px;border:1px solid rgba(255,255,255,.04);border-radius:14px}.control-panel__heading{font-weight:700;letter-spacing:.01em;margin-bottom:2px}.control-panel__description{margin:0 0 8px;font-size:.82rem;color:#f5f5f5c2}.control-panel__stage-label{margin:6px 0 8px;font-size:.73rem;letter-spacing:.08em;text-transform:uppercase;color:#e9fbffb8}.control-panel__gesture-hints,.control-panel__first-steps{margin:0 0 8px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.control-panel__first-steps-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.control-panel__first-steps-actions{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.control-panel__dismiss{min-height:44px;min-width:44px;border:1px solid rgba(148,165,180,.26);border-radius:999px;background:#ffffff0a;color:#e9fbffdb;font-size:.74rem;font-family:inherit;line-height:1;padding:6px 10px;cursor:pointer}.control-panel__dismiss:focus-visible{outline:2px solid rgba(96,165,250,.95);outline-offset:2px}.control-panel__tips--compact{margin-top:8px;gap:6px}.control-panel__comparison{margin:-2px 0 10px;font-size:.78rem;color:#e9fbffad}.control-panel__pill{display:inline-flex;align-items:center;width:fit-content;margin-top:2px;padding:2px 8px;border-radius:999px;border:1px solid rgba(148,165,180,.24);font-size:.68rem;letter-spacing:.01em;color:#e9fbffe6;background:#ffffff0d}.control-panel__advanced-helper{margin:-2px 0 8px;font-size:.76rem;color:#e9fbffa6}.control-panel__quickstart{margin:0 0 8px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.control-panel__tips{margin:6px 0 0;padding-left:1rem;display:grid;gap:4px;font-size:.82rem;color:#e9fbffe6}.control-panel__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:10px 0;border-top:1px solid rgba(255,255,255,.08)}.control-panel__row--primary{border-radius:14px;padding:12px;margin:6px 0;background:#5fc0b51a;border:1px solid rgba(95,192,181,.18);border-top:none;box-shadow:none}.control-panel__row--toggle{cursor:pointer;min-height:44px;touch-action:manipulation}.control-panel__row--stacked{flex-direction:column;align-items:stretch}.control-panel__mode-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.control-panel__mode{min-height:44px;min-width:44px;padding:8px 12px;border:1px solid currentColor;background:transparent;color:inherit;border-radius:6px;cursor:pointer;font-size:.85rem;font-family:inherit;letter-spacing:.01em;touch-action:manipulation;transition:transform .2s ease,opacity .2s ease}.control-panel__mode:hover{transform:translateY(-1px);opacity:.92}.control-panel__mode:focus-visible{outline:2px solid rgba(96,165,250,.95);outline-offset:2px;box-shadow:0 0 0 3px #3b82f659}.control-panel__mode.is-active{background:#3b82f62e;border-color:#3b82f68c;color:#e9fbff}.control-panel__row:first-of-type{border-top:none}.control-panel__text{display:flex;flex-direction:column;gap:3px}.control-panel__subtext{font-size:.85rem;color:#e9fbffd1}.control-panel__microcopy{font-size:.75rem;color:#e9fbff99;line-height:1.35}.control-panel__details{margin:8px 0 0;border-top:1px solid rgba(255,255,255,.08);padding-top:8px}.control-panel__details>summary{list-style:none;cursor:pointer}.control-panel__details>summary::-webkit-details-marker{display:none}.control-panel__section{padding-top:4px}.control-panel__advanced{display:grid;gap:8px;padding:4px 0 8px}.control-panel__row--advanced-toggle{border-top:1px solid rgba(255,255,255,.08)}.control-panel__advanced-toggle{width:100%;text-align:left;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:inherit;padding:10px 12px;display:grid;gap:4px;cursor:pointer;font-family:inherit;font-size:.9rem;min-height:44px;touch-action:manipulation;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.control-panel__advanced-title{font-weight:600}.control-panel__advanced-hint{font-size:.8rem;color:#e9fbffb3}.control-panel__advanced-toggle:hover{border-color:#94a5b480;box-shadow:none;transform:none}.control-panel__advanced-toggle:focus-visible{outline:2px solid rgba(148,165,180,.85);outline-offset:2px;box-shadow:0 0 0 3px #3b82f659}.control-panel__status{margin-top:8px;font-size:.9rem;line-height:1.4;padding:12px 14px 12px 38px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(148,165,180,.28);position:relative;box-shadow:none}.control-panel__status:before{content:"";position:absolute;left:14px;top:50%;width:10px;height:10px;border-radius:999px;transform:translateY(-50%);background:#94a5b4e6;box-shadow:0 0 0 4px #94a5b426}.control-panel__status[data-variant=error]{border-color:#ff5282cc;color:#ffd6e6;background:#ff528214}.control-panel__status[data-variant=error]:before{background:#ff5282e6;box-shadow:0 0 0 4px #ff52822e}.control-panel__status[data-variant=success]{border-color:#94a5b4cc;color:#e9fbff;background:#94a5b414}.control-panel__status[data-variant=success]:before{background:#94a5b4f2;box-shadow:0 0 0 4px #94a5b42e}.control-panel__actions{display:flex;gap:8px;margin-top:8px}.control-panel__field{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%}.control-panel__actions--inline{align-items:center;margin-top:0}.control-panel__label{display:inline-flex;align-items:center;min-height:44px;font-weight:600;font-size:.95rem}.control-panel__info-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.control-panel__info{border:none;background:none;padding:0;font-family:inherit;font-size:.85rem;color:#9bf3ffd9;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.control-panel__info:focus-visible{outline:2px solid rgba(148,165,180,.85);outline-offset:2px;border-radius:4px}.control-panel__info-text{font-size:.85rem;color:#e9fbffd9;opacity:0;max-height:0;overflow:hidden;transition:opacity .2s ease,max-height .2s ease}.control-panel__info-wrap:hover .control-panel__info-text,.control-panel__info-wrap:focus-within .control-panel__info-text{opacity:1;max-height:80px}.control-panel__note{margin:6px 0 0;font-size:.95rem;color:#e9fbffed}.control-panel__value{min-width:52px;text-align:right;font-weight:700;color:#e9fbffd9}.control-panel__label.small{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;opacity:.9}.control-panel__input{flex:1 1 180px;width:100%;min-height:44px;padding:10px 12px;border-radius:10px;border:1px solid rgba(148,165,180,.6);background:#080c14d9;color:#e9fbff;font-size:1rem}.control-panel__recent{margin-top:8px;display:flex;flex-direction:column;gap:4px}.control-panel__chip-list{display:flex;flex-wrap:wrap;gap:6px}.control-panel__chip{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:6px 12px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(148,165,180,.24);color:#9bf3ff;font-size:.85rem;font-family:inherit;cursor:pointer;transition:all .2s ease;touch-action:manipulation}.control-panel__chip:hover{background:#ffffff14;border-color:#94a5b499;transform:none}.control-panel__embed{width:100%;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.control-panel small{color:#f5f5f5d1;line-height:1.3}.control-panel input[type=checkbox]{width:28px;height:28px;accent-color:#70f0ff;filter:drop-shadow(0 0 6px rgba(148,165,180,.5));border:1px solid rgba(148,165,180,.55);border-radius:6px;cursor:pointer}.control-panel select,.control-panel__select{background:#0b111deb;color:#e9fbff;border:1px solid rgba(148,165,180,.5);border-radius:10px;padding:10px 12px;min-width:150px;min-height:44px;font-weight:700;letter-spacing:.01em;box-shadow:none;font-size:1rem}.control-panel select:focus,.control-panel__select:focus{outline:2px solid rgba(161,124,106,.65);outline-offset:2px;box-shadow:0 0 18px #a17c6a66,0 0 10px #94a5b459}.control-panel input[type=range],.control-panel__slider{appearance:none;width:100%;height:44px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(148,165,180,.36);box-shadow:inset 0 0 0 1px #ffffff05;cursor:pointer;flex:1}.control-panel input[type=range]:focus-visible,.control-panel__slider:focus-visible{outline:2px solid rgba(161,124,106,.65);outline-offset:3px;box-shadow:0 0 18px #a17c6a66,0 0 10px #94a5b459}.control-panel input[type=range]::-webkit-slider-runnable-track,.control-panel__slider::-webkit-slider-runnable-track{height:12px;border-radius:999px;background:#94a5b42e;border:1px solid rgba(148,165,180,.34)}.control-panel input[type=range]::-webkit-slider-thumb,.control-panel__slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#e9fbffeb;border:1px solid rgba(148,165,180,.6);box-shadow:none;margin-top:-4px}.control-panel input[type=range]::-moz-range-track,.control-panel__slider::-moz-range-track{height:12px;border-radius:999px;background:#94a5b42e;border:1px solid rgba(148,165,180,.34)}.control-panel input[type=range]::-moz-range-thumb,.control-panel__slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#e9fbffeb;border:1px solid rgba(148,165,180,.6);box-shadow:none}.control-panel__checkbox-inline{display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border-radius:999px;border:1px solid rgba(148,165,180,.2);background:#ffffff0a;font-weight:600;letter-spacing:.01em;color:#e9fbff}.control-panel__checkbox-inline input[type=checkbox]{margin:0}.control-panel__checkbox-inline:focus-within{outline:2px solid rgba(161,124,106,.65);outline-offset:2px;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{width:100%;justify-content:center}.active-toy-nav{grid-template-columns:1fr;align-items:stretch;gap:4px;padding:8px 9px;border-radius:18px;border-color:#94a5b44d;background:#060b16eb;box-shadow:0 12px 28px #0006;max-height:min(18svh,calc(100dvh - env(safe-area-inset-top) - 6px));overflow-y:auto;-webkit-overflow-scrolling:touch}.active-toy-nav__content{gap:1px}.active-toy-nav__eyebrow{font-size:.66rem;letter-spacing:.08em;opacity:.92}.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{display:flex;gap:4px;margin-top:4px}.toy-nav__mobile-toggle,.toy-nav__back-quick{display:inline-flex;flex:1 1 0;width:auto;justify-content:center;min-height:40px;margin-top:0;padding:8px 10px;border-radius:12px;font-size:.8rem}.active-toy-nav__actions{width:100%;margin-top:2px}.active-toy-nav__actions-primary,.active-toy-nav__actions-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.active-toy-nav__actions-secondary{padding-top:4px;border-top:1px solid rgba(148,165,180,.3)}.active-toy-nav__actions[data-toy-actions-expanded=true]{display:grid;gap:6px;max-height:min(24svh,220px);overflow-y:auto;padding-right:2px;-webkit-overflow-scrolling:touch}.active-toy-nav__actions[data-toy-actions-expanded=false]{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{width:100%;justify-items:stretch}.toy-nav__share,.toy-nav__pip,.toy-nav__next,.toy-nav__flow,.toy-nav__challenge{width:100%;min-height:40px;padding:8px 10px;border-radius:10px;border-color:#94a5b459;background:#94a5b414;box-shadow:none;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{display:none}:root[data-toy-controls-expanded=false] body[data-audio-active=true] .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{display:block;max-height:min(40svh,calc(100dvh - var(--toy-nav-floating-offset, 108px) - env(safe-area-inset-bottom) - 14px))}.control-panel{left:max(6px,env(safe-area-inset-left));right:max(6px,env(safe-area-inset-right));width:auto;padding:8px;padding-bottom:max(10px,env(safe-area-inset-bottom));clip-path:none;border-radius:18px;max-height:min(36svh,calc(100dvh - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));overflow-y:auto;-webkit-overflow-scrolling:touch}.control-panel--audio{bottom:max(6px,env(safe-area-inset-bottom));max-height:min(28svh,calc(100dvh - env(safe-area-inset-bottom) - 12px))}:root[data-toy-controls-expanded=true] .control-panel--audio{display:block}.control-panel__description,.control-panel__comparison,.control-panel__advanced-helper,.control-panel__quickstart,.control-panel__gesture-hints,.control-panel__tips{display:none}.control-panel__row{margin:4px 0;padding:6px 0}.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{min-width:0;gap:2px}.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{padding:10px;border-radius:12px}.control-panel__description{font-size:.78rem;margin-bottom:6px}.control-panel__value{min-width:auto;text-align:left}.control-panel__actions{flex-direction:column;align-items:stretch;gap:6px;width:100%}.active-toy-container[data-has-blocking-status=true] .active-toy-status{align-items:start;padding:clamp(92px,calc(var(--toy-nav-floating-offset, 108px) + 8px),136px) 12px 12px;overflow-y:auto;-webkit-overflow-scrolling:touch}.active-toy-container[data-has-blocking-status=true] .active-toy-status__content{width:min(100%,420px);padding:20px 18px;border-radius:22px;margin-inline:auto}.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{width:100%;justify-content:center}}@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)));padding:8px;border-radius:14px}.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(32svh,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(38svh,calc(100dvh - var(--toy-nav-floating-offset, 108px) - env(safe-area-inset-bottom) - 14px))}.control-panel{padding:6px;max-height:min(32svh,calc(100dvh - var(--toy-nav-floating-offset, 102px) - env(safe-area-inset-bottom) - 10px))}.control-panel--audio{max-height:min(24svh,calc(100dvh - env(safe-area-inset-bottom) - 10px))}.control-panel__actions--inline{flex-direction:column;align-items:stretch}.control-panel__mode{flex:1 1 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]{position:relative;pointer-events:none;opacity:.85}.cta-button[data-loading=true]:before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#ffffffe6;margin-right:6px;animation:spin .8s linear infinite}@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 fadeSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}#error-message{position:fixed;top:20px;left:20px;display:none;color:#ff7b7b;background:#000000c7;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,123,123,.35);box-shadow:0 8px 18px #00000059;z-index:1200;font-weight:600}.preflight-panel{max-width:520px;gap:8px}.preflight-panel.control-panel--floating{left:50%;right:auto;transform:translate(-50%);width:min(520px,calc(100vw - 28px))}.preflight-dialog{margin:0;clip-path:none;border-radius:18px}.preflight-dialog::backdrop{background:#060810b3;backdrop-filter:blur(2px)}@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));transform:none;width:auto;clip-path:none}.preflight-dialog:after{clip-path:none}}.preflight-panel__statuses{display:grid;grid-template-columns:1fr;gap:8px;margin:8px 0}.preflight-status{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#ffffff08,#ffffff03);box-shadow:inset 0 0 12px #00000040}.preflight-status--primary{border-color:#7dd3fc75;background:linear-gradient(145deg,#7dd3fc29,#0f172a94)}.preflight-status--supporting{border-color:#ffffff1f;background:#080e1c80}.preflight-dialog .control-panel__actions{flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:12px}.preflight-dialog .control-panel__actions .cta-button.primary{min-width:190px;box-shadow:0 10px 22px #5b6e8257}.preflight-panel__remember{display:inline-flex;align-items:center;gap:.45rem;margin-top:.35rem;color:var(--text-muted);font-size:.9rem}.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:8px}.preflight-status__label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#e9fbffb8;margin:0 0 4px}.preflight-status__value{font-size:1rem;font-weight:700;margin:0 0 4px}.preflight-status__note{margin:0;font-size:.9rem;color:#e9fbffc7}.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{margin-top:4px}.preflight-panel__details{margin:6px 0 0;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.preflight-panel__details-summary{cursor:pointer;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#e9fbffb8}.preflight-panel__details-content{margin-top:6px}.preflight-panel__details-list{margin:0;padding-left:16px;color:#e9fbffc7;display:grid;gap:6px;font-size:.88rem}.preflight-panel__eyebrow{margin:0 0 4px;text-transform:uppercase;font-size:.8rem;letter-spacing:.08em;color:#ffc469d9}.preflight-panel__issues{margin:0;padding-left:16px;color:#e9fbffdb;display:grid;gap:4px}.preflight-panel__support{margin-top:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#080e1c99}.preflight-panel__support-title{margin:0 0 4px;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#ffc469d9}.preflight-panel__support-text{margin:0 0 8px;font-size:.9rem;color:#e9fbffc7}.preflight-panel__support-links{margin:0;padding-left:16px;display:grid;gap:6px;font-size:.9rem}.preflight-panel__support-links a{color:#7dd3fc}.preflight-panel__support-links a:hover{color:#bae6fd}.preflight-panel__success{margin:0;color:#94a5b4f5;font-weight:700}:root[data-agent-vibe-mode=true]{--agent-vibe-intensity: 1}:root[data-agent-vibe-mode=true] .active-toy-container{animation:agentVibePulse .62s ease-in-out infinite}: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-height:56px;min-width:56px;font-size:1rem}.milkdrop-overlay{position:fixed;inset:auto 20px 20px auto;z-index:70;pointer-events:none}.milkdrop-overlay__toggle{pointer-events:auto;border:1px solid rgba(125,211,252,.3);border-radius:999px;padding:10px 16px;background:linear-gradient(135deg,#0b0f1aeb,#141c30eb);color:#e0f2fe;font-weight:700;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 18px 44px #02061773}.milkdrop-overlay__panel{display:none;pointer-events:auto;width:min(92vw,540px);max-height:min(78vh,760px);margin-top:12px;overflow:hidden;border:1px solid rgba(125,211,252,.2);border-radius:24px;background:radial-gradient(circle at top right,rgba(56,189,248,.18),transparent 36%),linear-gradient(160deg,#090e1bf5,#0e1426f5);color:#e2e8f0;box-shadow:0 24px 68px #0206178c;backdrop-filter:blur(24px)}.milkdrop-overlay.is-open .milkdrop-overlay__panel{display:grid}.milkdrop-overlay__header,.milkdrop-overlay__toolbar,.milkdrop-overlay__tabs{display:grid;gap:10px;padding:16px 18px}.milkdrop-overlay__header{grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid rgba(148,163,184,.14)}.milkdrop-overlay__title{font-size:1.05rem;font-weight:700}.milkdrop-overlay__status{grid-column:1 / -1;color:#bfdbfed1;font-size:.9rem}.milkdrop-overlay__close,.milkdrop-overlay__toolbar button,.milkdrop-overlay__preset-launch,.milkdrop-overlay__favorite,.milkdrop-overlay__tabs button,.milkdrop-overlay__rating-select{border:1px solid rgba(148,163,184,.22);border-radius:14px;background:#0f172aa3;color:#f8fafc}.milkdrop-overlay__close,.milkdrop-overlay__toolbar button,.milkdrop-overlay__favorite,.milkdrop-overlay__tabs button,.milkdrop-overlay__rating-select{min-height:40px;padding:8px 12px}.milkdrop-overlay__toolbar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;border-bottom:1px solid rgba(148,163,184,.14)}.milkdrop-overlay__checkbox,.milkdrop-overlay__blend{display:inline-flex;align-items:center;gap:10px;font-size:.92rem}.milkdrop-overlay__blend{grid-column:1 / -1}.milkdrop-overlay__blend input{flex:1}.milkdrop-overlay__blend-value{min-width:52px;font-variant-numeric:tabular-nums;text-align:right}.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{display:grid;padding:0 18px 18px}.milkdrop-overlay__tab-panel{min-height:320px}.milkdrop-overlay__search,.milkdrop-overlay__field input{width:100%;border:1px solid rgba(148,163,184,.2);border-radius:14px;background:#0f172a9e;color:#f8fafc;padding:10px 12px}.milkdrop-overlay__browse-controls,.milkdrop-overlay__collection-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.milkdrop-overlay__collection-filters{margin-top:10px}.milkdrop-overlay__collection-filter{min-height:34px;padding:7px 12px;border:1px solid rgba(148,163,184,.18);border-radius:999px;background:#0f172a8f;color:#e2e8f0eb;font-size:.82rem}.milkdrop-overlay__collection-filter[data-active=true]{border-color:#38bdf861;background:#38bdf829;color:#e0f2fe}.milkdrop-overlay__browse{display:grid;gap:10px;margin-top:12px;max-height:430px;overflow:auto}.milkdrop-overlay__browse-section{display:grid;gap:10px;padding:12px;border:1px solid rgba(148,163,184,.12);border-radius:18px;background:#0f172a52}.milkdrop-overlay__browse-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#e2e8f0;font-size:.9rem;font-weight:700;letter-spacing:.02em}.milkdrop-overlay__browse-count{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:24px;padding:0 8px;border-radius:999px;background:#38bdf824;color:#bae6fd;font-size:.76rem;font-weight:700}.milkdrop-overlay__browse-empty{padding:14px;border:1px solid rgba(148,163,184,.12);border-radius:16px;background:#0f172a57;color:#bfdbfec7;font-size:.9rem}.milkdrop-overlay__preset{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.milkdrop-overlay__preset[data-active=true] .milkdrop-overlay__preset-launch{border-color:#38bdf86b;background:#38bdf81f}.milkdrop-overlay__preset-launch{display:grid;gap:4px;text-align:left;padding:12px 14px}.milkdrop-overlay__preset-title{font-weight:700}.milkdrop-overlay__preset-meta{color:#bfdbfebd;font-size:.83rem}.milkdrop-overlay__preset-actions{display:inline-grid;grid-auto-flow:column;gap:8px;align-items:center}.milkdrop-overlay__support{display:inline-flex;align-items:center;width:fit-content;padding:4px 8px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.milkdrop-overlay__support--supported{background:#16a34a2e;color:#bbf7d0}.milkdrop-overlay__support--partial{background:#f59e0b2e;color:#fde68a}.milkdrop-overlay__support--unsupported{background:#ef44442e;color:#fecaca}.milkdrop-overlay__preset-warning{grid-column:1 / -1;font-size:.82rem;color:#fde68ae6;background:#78350f2e;border:1px solid rgba(245,158,11,.16);border-radius:12px;padding:8px 10px}.milkdrop-overlay__preset-flag{color:#bfdbfea8;font-size:.75rem}.milkdrop-overlay__editor{min-height:280px;margin:12px 0;overflow:hidden;border:1px solid rgba(125,211,252,.16);border-radius:18px}.milkdrop-overlay__editor .cm-editor{height:100%;min-height:280px}.milkdrop-overlay__editor-status{margin-top:4px;color:#bfdbfed1;font-size:.88rem}.milkdrop-overlay__diagnostics{display:grid;gap:8px;margin-top:12px}.milkdrop-overlay__diagnostic{border-radius:12px;padding:10px 12px;font-size:.88rem}.milkdrop-overlay__diagnostic--error{background:#991b1b3d;color:#fecaca}.milkdrop-overlay__diagnostic--warning{background:#92400e3d;color:#fde68a}.milkdrop-overlay__diagnostic--info{background:#1e40af33;color:#bfdbfe}.milkdrop-overlay__inspector-controls,.milkdrop-overlay__inspector-metrics{display:grid;gap:12px}.milkdrop-overlay__field{display:grid;gap:8px;color:#e2e8f0eb;font-size:.9rem}.milkdrop-overlay__field strong{font-variant-numeric:tabular-nums;color:#7dd3fc}.milkdrop-overlay__inspector-metrics{margin-top:16px;padding:14px;border:1px solid rgba(148,163,184,.16);border-radius:18px;background:#0f172a73;color:#bfdbfed9;font-size:.88rem}@media(max-width:900px){.milkdrop-overlay{inset:auto 14px 14px}.milkdrop-overlay__panel{width:auto;max-height:min(82vh,840px)}}@media(max-width:640px){.milkdrop-overlay{inset:0;display:grid;justify-items:end;align-items:end}.milkdrop-overlay__toggle{margin:0 14px 14px 0}.milkdrop-overlay__panel{width:100vw;max-height:88vh;border-radius:24px 24px 0 0;margin:0}.milkdrop-overlay__toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.milkdrop-overlay__tabs{position:sticky;top:0;z-index:2;background:#090e1bf0}.milkdrop-overlay__browse{max-height:none}}:root{--bg-color: #0e1518;--bg-color-secondary: #162126;--text-color: #f7f4eb;--text-muted: rgba(247, 244, 235, .76);--accent-contrast: #fdfdfd;--link-color: #9fd4cb;--link-hover: #e9d49b;--accent-color: #5fc0b5;--accent-purple: #87a9a2;--accent-magenta: #d38954;--glow-color: rgba(95, 192, 181, .16);--accent-soft: rgba(95, 192, 181, .1);--card-bg: #182328;--hover-bg: rgba(95, 192, 181, .12);--highlight-glow: rgba(211, 137, 84, .18);--surface-gradient: linear-gradient( 180deg, rgba(255, 248, 234, .05), transparent );--surface-border: rgba(255, 244, 222, .14);--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 rgba(0, 0, 0, .34), 0 4px 18px rgba(95, 192, 181, .12);--shadow-soft: 0 10px 26px rgba(0, 0, 0, .2), 0 2px 8px rgba(95, 192, 181, .1);--shadow-surface: 0 18px 42px rgba(0, 0, 0, .28), 0 2px 12px rgba(95, 192, 181, .12);--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, rgba(95, 192, 181, .95), rgba(233, 212, 155, .72), rgba(211, 137, 84, .72) );--panel-glass: color-mix(in srgb, var(--card-bg) 84%, transparent);--panel-highlight: rgba(255, 248, 234, .08);--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 rgba(0, 0, 0, .16);--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}html{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: #ffffff;--link-color: #2f6f6a;--link-hover: #7e4c2d;--accent-color: #2f8b83;--accent-purple: #6c8f89;--accent-magenta: #b86f3d;--glow-color: rgba(47, 139, 131, .1);--accent-soft: rgba(47, 139, 131, .08);--card-bg: #fffaf0;--hover-bg: rgba(47, 139, 131, .12);--highlight-glow: rgba(184, 111, 61, .14);--surface-gradient: linear-gradient(180deg, rgba(0, 0, 0, .02), transparent);--surface-border: rgba(35, 48, 56, .14);--surface-sheen: none;--surface-texture: none;--surface-highlight: none;--surface-emboss: none;--accent-gradient: linear-gradient( 120deg, rgba(47, 139, 131, .78), rgba(232, 198, 127, .85), rgba(184, 111, 61, .7) );--panel-glass: color-mix(in srgb, var(--card-bg) 92%, transparent);--panel-highlight: rgba(255, 255, 255, .45);--aurora-soft: radial-gradient( circle at 20% 10%, color-mix(in srgb, var(--accent-color) 18%, transparent), transparent 52% );--interactive-shadow: 0 2px 7px rgba(15, 23, 42, .1);--shadow-strong: 0 12px 24px rgba(15, 23, 42, .11), 0 2px 8px rgba(91, 110, 130, .11);--shadow-soft: 0 4px 12px rgba(15, 23, 42, .08), 0 1px 4px rgba(91, 110, 130, .09);--shadow-surface: 0 8px 18px rgba(15, 23, 42, .09), 0 1px 5px rgba(91, 110, 130, .1);color-scheme:light}.hero-background-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.35;transition:opacity .5s ease}html.light .hero-background-canvas{opacity:.25;filter:saturate(1.05) brightness(1.05)}@media(prefers-reduced-motion:reduce){.hero-background-canvas{opacity:.4}}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:max(.9rem,env(safe-area-inset-left));right:auto;top:-6rem;padding:.65rem 1rem;border-radius:var(--radius-pill);background:var(--card-bg);color:var(--text-color);text-decoration:none;box-shadow:var(--shadow-soft);border:1px solid var(--surface-border);transition:top .2s ease,opacity .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;z-index:20;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;opacity:0}.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{padding:0;font-family:Space Grotesk,sans-serif;font-size:calc(16px * var(--tv-scale-multiplier));background:radial-gradient(circle at top left,rgba(95,192,181,.16),transparent 32%),radial-gradient(circle at 85% 10%,rgba(211,137,84,.18),transparent 26%),linear-gradient(180deg,var(--bg-color) 0%,var(--bg-color-secondary) 100%);color:var(--text-color);overflow-x:hidden;overflow-y:auto;min-height:100%}h1,h2,h3,h4,h5,h6{scroll-margin-top:6rem;text-wrap:balance}section,footer{scroll-margin-top:6rem}#toy-list,#toy-search{scroll-margin-top:clamp(7.5rem,17vh,9.5rem)}.content{position:relative;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);margin:0 auto;width:min(var(--content-width),100%);display:flex;flex-direction:column;gap:var(--section-gap)}.content:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,transparent 0,transparent calc(100% - 1px),rgba(255,248,234,.04) calc(100% - 1px)),linear-gradient(0deg,transparent 0,transparent calc(100% - 1px),rgba(255,248,234,.03) calc(100% - 1px));background-size:56px 56px;mask-image:linear-gradient(180deg,rgba(0,0,0,.34),transparent 70%)}.shell-header{position:sticky;top:0;z-index:15;padding-top:.45rem;margin-bottom:clamp(.6rem,1.2vw,1rem);backdrop-filter:blur(14px) saturate(130%)}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;margin-bottom:.5rem;position:sticky;top:clamp(.5rem,1vw,1rem);z-index:10;border-radius:24px;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));backdrop-filter:blur(14px) saturate(125%);box-shadow:var(--shadow-soft);transition:box-shadow .3s ease,transform .3s ease,border-color .3s ease}.top-nav:before{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(255,248,234,.06);pointer-events:none}.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{display:flex;align-items:center;gap:.75rem}.brand-mark{width:38px;height:38px;position:relative;border-radius:12px;background:var(--accent-color);box-shadow:0 6px 12px #0003;isolation:isolate}.brand-mark:after{content:"";position:absolute;inset:2px;border-radius:10px;background:#ffffff1a;box-shadow:none;mix-blend-mode:normal;opacity:.3}.brand-mark:before{content:"";position:absolute;inset:-3px;border-radius:14px;background:none;filter:none;opacity:0;animation:none;z-index:-1}.brand-copy .eyebrow{margin:0;font-size:.8rem;opacity:.75}.brand-title{margin:0;font-weight:700;letter-spacing:.01em;font-family:Space Grotesk,sans-serif}.nav-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;row-gap:.45rem}.nav-toggle{display:none;align-items:center;justify-content:space-between;gap:.6rem;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;padding:.55rem .85rem;border-radius:12px;font-weight:600;letter-spacing:.01em;min-height:44px;min-width:44px;touch-action:manipulation;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.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{font-size:1.2rem;font-weight:700;opacity:.9}.nav-section{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.nav-section--jump{padding-right:.15rem;border-right:1px solid var(--surface-border)}.nav-section--utilities{padding-left:.2rem}.nav-link--section{font-size:.85rem;padding:.4rem .65rem;border-radius:999px;border:1px solid transparent;background:transparent;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.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);text-decoration:none;font-weight:500;padding:.5rem .75rem;border-radius:999px;transition:background .2s ease;touch-action:manipulation;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.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{position:relative;padding:clamp(2.6rem,3vw + 1.5rem,4.2rem);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 #fff8ea14;overflow:hidden}section.intro:before,section.intro:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.6;z-index: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,rgba(255,248,234,.03),transparent 46%)}section.intro:after{background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.08) 45%,transparent 100%);opacity:.35}section.intro>*{position:relative;z-index:1}.intro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin-top:1.4rem}.intro-grid>*{min-height:100%}.intro-card{padding:1rem 1.1rem;border-radius:var(--radius-lg);background:var(--surface-gradient);border:1px solid var(--surface-border);box-shadow:var(--shadow-soft)}.intro-card__title{margin:0 0 .35rem;font-weight:700;letter-spacing:.01em}.intro-card__body{margin:0;color:var(--text-muted);line-height:1.5}header.hero{min-height:55vh;padding:clamp(2.4rem,2vw + 1.4rem,3.2rem);overflow:hidden;border-radius:24px;background:linear-gradient(165deg,color-mix(in srgb,var(--panel-highlight) 80%,transparent),transparent 45%),var(--aurora-soft),var(--card-bg);box-shadow:var(--shadow-surface);border:1px solid var(--surface-border);backdrop-filter:blur(12px) saturate(120%)}.hero:before,.hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;z-index: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{background:none;mix-blend-mode:normal}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(1.5rem,3vw,2.2rem);align-items:center;position:relative;z-index:1}.hero-copy{max-width:760px;margin:0 auto;text-align:left;display:grid;gap:.85rem}.signal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.7rem;margin:.25rem 0}.signal-card{padding:.85rem 1rem;border-radius:var(--radius-lg);background:var(--surface-gradient)}.signal-label{margin:0 0 .2rem;font-size:.95rem;letter-spacing:.01em;color:var(--text-color);font-weight:700}.signal-value{margin:0;color:var(--text-muted);line-height:1.5}.readiness-panel{margin-top:.4rem;padding:1.4rem;border-radius:calc(var(--radius-lg) + 6px);background:var(--panel-gradient)}.readiness-header{display:grid;gap:.1rem;margin-bottom:.65rem}.readiness-title{margin:0;font-size:1.05rem;letter-spacing:.01em;font-weight:700}.readiness-subtitle{margin:0;color:var(--text-muted);line-height:1.5}.readiness-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.readiness-item{display:grid;gap:.4rem;padding:.85rem .85rem .85rem 1rem;border-radius:calc(var(--radius-md) + 2px);background:var(--surface-gradient);border:1px solid var(--surface-border);position:relative}.readiness-item:before{content:none}.readiness-label{display:flex;align-items:center;gap:.55rem;font-weight:700}.readiness-dot{width:14px;height:14px;border-radius:50%;background:#eaf5ffb3;position:relative;box-shadow:0 0 0 2px #eaf5ff1f;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.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{margin:0;color:var(--text-muted);line-height:1.4}.quick-starts{display:grid;gap:1.5rem;padding:clamp(1.4rem,2vw,2rem);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)}.quick-start-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.1rem}.quick-card{padding:1.25rem 1.3rem;border-radius:var(--radius-lg);background:linear-gradient(160deg,rgba(255,255,255,.2),transparent 50%),var(--surface-gradient);border:1px solid var(--surface-border);box-shadow:var(--shadow-soft);display:grid;gap:.6rem}.quick-card__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;color:var(--text-muted)}.quick-card h3{margin:0}.quick-card p{margin:0;color:var(--text-muted)}.quick-card__actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.starter-picks{display:grid;gap:.9rem;margin-bottom:1.1rem;padding:1rem;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface-strong) 84%,transparent);border:1px solid var(--surface-border)}.starter-picks__grid{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.starter-pick{display:grid;gap:.2rem;text-decoration:none;border:1px solid var(--interactive-border);border-radius:var(--radius-md);padding:.75rem .85rem;min-height:44px;background:var(--surface-gradient),var(--interactive-bg);box-shadow:none;transition:border-color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease}.starter-pick strong{color:var(--text-color)}.starter-pick span{color:var(--text-muted);font-size:.82rem}.starter-pick:focus-visible,.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)}.daily-streak{display:grid;gap:.75rem;margin-bottom:1.1rem;padding:1rem;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))}.daily-streak__header{display:grid;gap:.25rem}.daily-streak__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;color:var(--text-muted)}.daily-streak__title{margin:0;display:grid;gap:.25rem}.daily-streak__title strong{font-size:1.04rem}.daily-streak__title span{color:var(--text-muted);font-size:.9rem}.daily-streak__actions{display:flex;flex-wrap:wrap;gap:.55rem}.daily-streak__note{margin:0;font-size:.88rem;color:var(--text-muted)}.system-check{display:grid;gap:1.4rem;padding:clamp(1.2rem,2vw,1.8rem);border-radius:calc(var(--radius-lg) + 6px);background:var(--panel-gradient);position:relative;overflow:hidden}.system-check:before{content:none}.system-legend{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;color:var(--text-muted);font-size:.95rem}.system-legend__item{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--card-bg) 88%,transparent);border:1px solid color-mix(in srgb,var(--surface-border) 70%,transparent)}.system-grid{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}.system-controls .control-panel{position:static;width:100%;left:auto;bottom:auto;z-index:auto;clip-path:none;overflow:visible;border-radius:calc(var(--radius-lg) + 2px);padding:1.15rem 1.35rem}.system-controls .control-panel__heading{margin-bottom:.6rem}.system-controls .control-panel__description{margin-bottom:.75rem;color:var(--text-muted)}.system-actions{margin-top:0;padding-top:.5rem;border-top:1px solid color-mix(in srgb,var(--accent-color) 12%,var(--surface-border))}.hero-visual{position:relative;display:grid;gap:1rem;justify-items:center;isolation:isolate}.milkdrop-stage{width:min(520px,90vw);display:grid;gap:1rem}.milkdrop-stage__frame{position:relative;aspect-ratio:1 / .92;border-radius:32px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent-color) 24%,var(--surface-border));background:radial-gradient(circle at 50% 48%,rgba(236,181,211,.16),transparent 14%),radial-gradient(circle at 50% 50%,rgba(111,136,231,.18),transparent 42%),linear-gradient(180deg,#131c32f5,#0c1121fa);box-shadow:var(--shadow-strong);isolation:isolate}.milkdrop-stage__frame:before,.milkdrop-stage__frame:after{content:"";position:absolute;inset:0;pointer-events:none}.milkdrop-stage__frame:before{background:radial-gradient(circle at 22% 18%,rgba(95,192,181,.2),transparent 38%),radial-gradient(circle at 80% 78%,rgba(211,137,84,.12),transparent 34%);opacity:.75}.milkdrop-stage__frame:after{inset:12px;border-radius:24px;border:1px solid rgba(255,255,255,.08)}.milkdrop-stage__halo,.milkdrop-stage__mesh,.milkdrop-stage__wave,.milkdrop-stage__core{position:absolute}.milkdrop-stage__halo{inset:18%;border-radius:50%;background:radial-gradient(circle,rgba(207,167,218,.4) 0%,rgba(136,157,255,.14) 28%,transparent 64%);filter:blur(16px);animation:milkdropPulse 6.8s ease-in-out infinite}.milkdrop-stage__mesh{inset:18% 20%;border-radius:32px;background-image:linear-gradient(rgba(132,160,240,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(132,160,240,.7) 1px,transparent 1px);background-size:10% 10%;transform:perspective(720px) rotateX(66deg) rotate(-6deg);opacity:.78;mask-image:radial-gradient(circle at center,black 58%,transparent 92%);animation:milkdropMesh 8.5s ease-in-out infinite}.milkdrop-stage__wave{left:16%;right:16%;top:49%;height:24%;border-radius:999px;border-top:2px solid rgba(206,230,255,.9);border-bottom:2px solid rgba(219,158,199,.55);filter:drop-shadow(0 0 18px rgba(180,212,255,.2));transform:translateY(-50%);animation:milkdropWave 4.9s ease-in-out infinite}.milkdrop-stage__core{width:16%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:24px;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.7),transparent 30%),linear-gradient(145deg,#e9a2caf2,#7c8dffbf);box-shadow:0 0 0 1px #ffffff3d,0 0 32px #dda8cd38;animation:milkdropCore 5.4s ease-in-out infinite}.milkdrop-stage__meta{display:grid;gap:.85rem}.milkdrop-preset-strip{gap:.55rem;margin-top:.65rem}.milkdrop-showcase__filters{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.8rem}.milkdrop-showcase__filter{display:inline-flex;align-items:center;gap:.5rem;min-height:40px;padding:.6rem .95rem;border-radius:var(--radius-pill);border:1px solid var(--surface-border);background:#ffffff0a;color:var(--text-color);font:inherit;font-weight:700;cursor:pointer}.milkdrop-showcase__filter span{display:inline-flex;align-items:center;justify-content:center;min-width:1.85rem;min-height:1.5rem;padding:0 .45rem;border-radius:var(--radius-pill);background:#ffffff14;color:var(--text-muted);font-size:.78rem}.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{display:grid;gap:.8rem;margin-top:.85rem}.milkdrop-showcase__card{display:grid;gap:.55rem;padding:1rem;border-radius:18px;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}.milkdrop-showcase__card-eyebrow{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.milkdrop-showcase__card-title{margin:0;font-size:1rem;line-height:1.2}.milkdrop-showcase__card-meta{margin:0;color:var(--text-muted);font-size:.86rem}.milkdrop-showcase__card-copy{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.5}.milkdrop-showcase__tag-row,.milkdrop-showcase__card-actions{display:flex;flex-wrap:wrap;gap:.55rem}.milkdrop-showcase__card-actions .cta-button{min-height:40px;padding-inline:.95rem}.preview-reel{width:min(520px,90vw);border-radius:24px;background:var(--surface-gradient);overflow:hidden;position:relative}.signal-card,.readiness-panel,.system-check,.preview-reel{border:1px solid var(--surface-border);box-shadow:var(--shadow-soft);backdrop-filter:blur(6px) saturate(110%)}.signal-card,.quick-card,.callout-card,.repo-status__metric,.preview-meta{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background-color .24s ease}.signal-card:hover,.quick-card:hover,.callout-card:hover,.repo-status__metric:hover,.preview-meta:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent-color) 34%,var(--surface-border));box-shadow:var(--shadow-surface)}.preview-track{position:relative;min-height:360px}.preview-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.75rem 1rem 1rem}.preview-control-buttons{display:inline-flex;align-items:center;gap:.35rem;background:var(--surface-texture),color-mix(in srgb,var(--card-bg) 75%,transparent);border:1px solid var(--interactive-border);border-radius:999px;padding:.35rem;box-shadow:inset 0 0 0 1px #ffffff05}.preview-control{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;background:transparent;color:var(--text-primary);border:0;border-radius:999px;padding:.55rem .85rem;font-weight:700;letter-spacing:.01em;cursor:pointer;min-height:44px;min-width:44px;transition:background .2s ease,color .2s ease,box-shadow .2s ease;touch-action:manipulation}.preview-control:hover,.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{position:absolute;inset:0;opacity:0;transform:translateY(12px) scale(.99);transition:opacity .5s ease,transform .6s ease;padding:clamp(1.2rem,1vw + .8rem,1.6rem);display:grid;gap:.8rem;align-content:space-between;background:var(--surface-highlight),var(--surface-texture),var(--card-bg);border-radius:20px;border:1px solid var(--surface-border);box-shadow:var(--shadow-soft),var(--surface-emboss);pointer-events:none}.preview-card.is-active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.preview-media{position:relative;padding:1rem;border-radius:16px;background:var(--surface-sheen),var(--preview-image, none),var(--surface-gradient);border:1px solid var(--surface-border);overflow:hidden;min-height:180px;background-size:cover,auto;background-position:center;background-repeat:no-repeat}.preview-media--clay{background:linear-gradient(140deg,#ffc8962e,#151b2a)}.preview-media--geom{background:linear-gradient(140deg,#3b82f62e,#151b2a)}.preview-frame{position:relative;display:grid;gap:.35rem;z-index:1}.preview-glow{position:absolute;inset:0;filter:none;opacity:.08;background:var(--accent-color);mix-blend-mode:normal}.preview-glow--clay{background:#ffc8961f}.preview-glow--geom{background:#3b82f61f}.preview-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .8rem;border-radius:var(--radius-pill);background:#ffffff14;width:fit-content;font-weight:700;letter-spacing:.01em}.preview-title{margin:0;font-size:1.2rem}.preview-caption{margin:0;color:var(--text-muted);line-height:1.5}.preview-badges{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.preview-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:var(--surface-highlight),var(--surface-texture),var(--surface-gradient);border:1px solid var(--surface-border);border-radius:16px;padding:.95rem 1rem}.preview-meta__copy{display:grid;gap:.25rem}.preview-meta__title{margin:0;font-weight:700}.preview-meta__description{margin:0;max-width:420px;color:var(--text-muted);line-height:1.5}.preview-launch{white-space:nowrap}.preview-dots{display:flex;gap:.6rem;align-items:center}.preview-dot{position:relative;width:44px;height:44px;border-radius:999px;background:transparent;border:0;cursor:pointer;padding:0;appearance:none;touch-action:manipulation}.preview-dot:before{content:"";position:absolute;inset:0;width:12px;height:12px;margin:auto;border-radius:999px;background:#ffffff4d;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 18px #00000040;opacity:.75;transform:scaleX(1);transition:transform .3s ease,opacity .3s ease}.preview-dot:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.preview-dot.is-active:before{transform:scaleX(2.2);opacity:1;background:linear-gradient(135deg,var(--accent-color),var(--accent-purple));box-shadow:0 12px 24px #00000059}.hero-callouts{display:grid;gap:.65rem;width:min(440px,85vw)}.callout-card{padding:1.05rem 1rem;border-radius:var(--radius-lg);background:var(--surface-gradient);border:1px solid var(--surface-border);box-shadow:var(--shadow-soft);backdrop-filter:none}.callout-title{margin:0 0 .35rem;font-weight:700;letter-spacing:.01em}.callout-copy{margin:0;color:var(--text-muted);line-height:1.5}.callout-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .9rem;border-radius:var(--radius-pill);font-weight:700;letter-spacing:.01em;border:1px solid var(--surface-border);background:#ffffff0a;color:var(--text-color);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{border-color:#ffffff24;color:var(--text-muted)}.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{font-size:clamp(2.25rem,1.2rem + 2.5vw,3.2rem);margin-bottom:.5rem;font-family:Space Grotesk,sans-serif;text-shadow:none}.intro .section-heading h1{font-size:clamp(2.8rem,1.6rem + 3.4vw,4rem);line-height:1.05;letter-spacing:.02em}.intro .section-heading .section-description{font-size:1.05rem}.eyebrow{text-transform:uppercase;letter-spacing:.05em;font-size:.86rem;font-weight:600;opacity:.85;margin:0 0 .5rem}.tagline{font-size:1.05rem;margin-top:0;max-width:640px;line-height:1.6;color:var(--text-muted)}.cta-row{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.1rem 0}.hero-cta-row{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:.85rem;align-items:stretch}.hero-cta-row .cta-button{width:100%;justify-content:center}.hero-cta-row .cta-button.primary{grid-column:1 / -1}.intro-secondary-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:-.15rem}.intro-secondary-link{margin-top:0}.section-helper{margin:.25rem 0 0;color:var(--text-muted);font-size:.92rem}.hero-readiness{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:.4rem 0 .9rem}.hero-readiness__text{margin:0;font-size:.95rem;color:var(--text-muted);padding:.35rem .75rem;border-radius:var(--radius-pill);border:1px solid var(--surface-border);background:var(--card-bg);display:inline-flex;align-items:center;gap:.45rem}.hero-readiness__text:before{content:"";width:.55rem;height:.55rem;border-radius:999px;background:var(--accent-gradient);box-shadow:0 0 12px color-mix(in srgb,var(--accent-color) 45%,transparent)}.hero-readiness__action{font-size:.95rem;padding:.55rem 1.1rem}html.light .hero-readiness__text{background:var(--card-bg);border-color:var(--surface-border)}.cta-helper{margin:-.5rem 0 1.5rem;max-width:720px;font-size:1rem;color:var(--text-muted);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{margin:.6rem 0 0;color:var(--text-muted);font-size:.95rem}.intro-meta{margin:.35rem 0 0;color:var(--text-muted);font-size:.9rem}.intro-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin:1rem 0 .35rem}.intro-highlight-card{border:1px solid color-mix(in srgb,var(--accent-color) 32%,var(--surface-border));border-radius:calc(var(--radius-md) + 2px);padding:.85rem 1rem;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)}.intro-highlight-card__label{margin:0;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;color:var(--text-muted)}.intro-highlight-card__value{margin:.3rem 0;font-size:1rem;font-weight:700}.intro-highlight-card__copy{margin:0;color:var(--text-muted);font-size:.88rem;line-height:1.4}.intro-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin:.85rem 0 0;padding:0;list-style:none}.intro-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border-radius:999px;background:var(--interactive-bg);border:1px solid var(--interactive-border);font-size:.9rem;font-weight:600;color:var(--text-color);box-shadow:none}.details-panel{display:none}body[data-details-open] .details-panel{display:block}.details-toggle{color:var(--text-muted);font-size:.95rem;gap:.35rem}body[data-details-open] [data-details-label=open]{display:none}body:not([data-details-open]) [data-details-label=close]{display:none}body:not([data-details-open]) .readiness-note{display:none}body[data-details-open] .readiness-note{display:block}.text-link{display:inline-flex;align-items:center;min-height:44px;padding:0 .25rem;margin:-.25rem 0;border-radius:8px;touch-action:manipulation;color:color-mix(in srgb,var(--link-color) 88%,var(--text-color));font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}button.text-link{background:none;border:0;color:inherit;font:inherit;cursor:pointer}.text-link:hover{color:var(--link-hover)}.text-link:focus-visible{outline:2px solid rgba(96,165,250,.95);outline-offset:2px;box-shadow:0 0 0 3px #3b82f659}.cta-button{padding:.7rem 1.25rem;border-radius:12px;background:var(--interactive-bg);color:var(--text-color);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--interactive-border);position:relative;overflow:hidden;box-shadow:0 1px #ffffff0a inset;transition:transform .2s ease,box-shadow .2s ease,background-color .25s ease,color .25s ease,border-color .25s ease,filter .35s ease;background-size:auto;animation:none;touch-action:manipulation;min-height:44px;min-width:44px;justify-content:center}.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;transform:translateY(-1px);box-shadow:0 1px #ffffff0a inset,var(--interactive-shadow);color:var(--text-color)}.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{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 hueShift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes borderFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glowPulse{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.7}}@keyframes shimmerDrift{0%{transform:translate3d(-6px,4px,0)}50%{transform:translate3d(6px,-8px,0)}to{transform:translate3d(-6px,4px,0)}}h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-color)}.toy-icon{display:block;width:100px;height:100px;margin:0 auto 1rem;filter:none;transition:transform .4s ease,filter .4s ease;transform-style:preserve-3d}.toy-icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.growth-tracks{margin:.6rem 0 0;padding:.9rem 1rem;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);display:grid;gap:.55rem}.growth-tracks .system-legend{margin-top:.2rem}.growth-tracks .system-legend__item{align-items:flex-start}.growth-tracks__form{margin-top:.45rem;display:grid;gap:.45rem}.growth-tracks__label{font-size:.92rem;color:var(--text-muted)}.growth-tracks__form-row{margin-top:.5rem;display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.growth-tracks__form-row select{min-height:36px;border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--card-bg);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{margin:.15rem 0 0;font-size:.9rem;color:var(--text-muted);line-height:1.45}.growth-tracks .repo-status__title{font-size:1.02rem}.repo-status{margin:1.25rem 0 .25rem;padding:1.1rem 1.2rem;border-radius:var(--radius-lg);background:var(--surface-gradient);border:1px solid var(--surface-border);box-shadow:var(--shadow-soft);display:grid;gap:.75rem;align-items:start}.repo-status__header{display:grid;gap:.25rem}.repo-status__title{margin:0;font-weight:700;font-size:1.15rem}.repo-status__description{margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.5}.repo-status__repo-name{font-weight:700;color:var(--text-color)}.repo-status__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;margin:0;padding:0}.repo-status__metric{list-style:none;padding:.85rem .95rem;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid var(--surface-border);box-shadow:0 10px 28px #0000002e;animation:repoMetricPulse 7.2s ease-in-out infinite;animation-delay:calc(var(--metric-index, 0) * .14s)}.repo-status__metric:nth-child(1){--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{margin:0 0 .25rem;font-size:.9rem;color:var(--text-muted)}.repo-status__metric dd{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-color);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.repo-status__badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;overflow:hidden;min-height:44px;min-width:44px;padding-inline:.35rem;transition:transform .2s ease}.repo-status__badge:hover{transform:translateY(-2px)}.repo-status__badge img{display:block;height:20px}.repo-status__actions{display:flex;flex-wrap:wrap;gap:.75rem}.repo-status__message{margin:.1rem 0 0;font-size:.95rem;color:var(--text-muted)}.webtoy-card:hover .toy-icon{transform:translateY(-3px) rotateX(6deg) rotateY(-6deg) scale(1.04);filter:none}.library{margin-top:clamp(1.5rem,2.8vw,2.6rem);padding-top:clamp(1.1rem,1.8vw,1.55rem);border-top:1px solid color-mix(in srgb,var(--accent-color) 24%,var(--surface-border))}.section-heading{display:grid;gap:.35rem;padding-bottom:.75rem;position:relative}.section-heading:after{content:"";width:92px;height:4px;border-radius:999px;background:var(--accent-gradient);box-shadow:0 0 24px color-mix(in srgb,var(--accent-color) 34%,transparent);animation:headingBeam 4.8s ease-in-out infinite;transform-origin:left center}.section-heading h2{margin:.25rem 0;font-size:2rem}.section-description{margin:0 0 .65rem;max-width:760px;color:var(--text-muted);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{position:relative;padding:clamp(1.6rem,2vw + 1rem,2.6rem);border-radius:18px;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);overflow:hidden}.experience:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.05) 45%,transparent 100%);opacity:.4}html.light .experience{border-color:color-mix(in srgb,var(--accent-magenta) 24%,var(--surface-border))}.experience>*{position:relative;z-index:1}.experience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.experience-card{padding:1.1rem 1.2rem;border-radius:12px;background:var(--surface-highlight),var(--surface-texture),#0f172a85;border:1px solid var(--surface-border);box-shadow:var(--shadow-soft);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}html.light .experience-card{background:var(--surface-highlight),var(--surface-texture),#fffc}.experience-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent-color) 28%,transparent);box-shadow:var(--shadow-strong)}.experience-card__eyebrow{margin:0 0 .45rem;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:600;color:var(--text-muted)}.experience-card h3{margin:0 0 .55rem;font-size:1.2rem}.experience-card p{margin:0;color:var(--text-muted);line-height:1.55}.library-search{display:flex;flex-direction:column;gap:1.1rem;margin-top:.55rem;padding:clamp(1.25rem,2.3vw,1.8rem);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 #fff8ea14;position:sticky;top:clamp(4.6rem,9vh,6rem);z-index:6;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.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{display:grid;gap:.35rem;margin-bottom:.4rem}.search-heading h3{margin:0;font-size:1.25rem}.search-heading p{margin:0;color:var(--text-muted);font-size:.95rem}.search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.85rem;align-items:stretch}.search-meta{display:grid;gap:.3rem;align-content:center;padding:.75rem .95rem;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);box-shadow:inset 0 0 0 1px #ffffff0a;position:sticky;top:.5rem;z-index:2}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{margin:0;font-size:.9rem;color:var(--text-muted);font-weight:600;white-space:normal;overflow-wrap:anywhere}.search-meta__note{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--text-muted)}.library-refine{margin-top:.5rem;border:1px solid var(--surface-border);border-radius:12px;background:color-mix(in srgb,var(--card-bg) 92%,transparent);padding:.35rem .55rem .55rem}.library-refine>summary{cursor:pointer;font-weight:700;font-size:.9rem;padding:.3rem .2rem;list-style:none;border-radius:.55rem;min-height:44px;display:flex;align-items:center}.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:"▾";margin-left:.5rem;font-size:.82em;opacity:.82}.library-refine[open]>summary:after{content:"▴"}.search-meta__tokens{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}.search-meta__tokens li{border:1px solid color-mix(in srgb,var(--accent-color) 18%,var(--surface-border));border-radius:var(--radius-pill);padding:.15rem .5rem;font-size:.72rem;letter-spacing:.02em;color:var(--text-muted);background:color-mix(in srgb,var(--card-bg) 80%,transparent)}.active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:0}.active-filters__chips{display:flex;flex-wrap:wrap;gap:.35rem}.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);padding:.35rem .75rem;min-height:40px;min-width:40px;font-weight:600;cursor:pointer;touch-action:manipulation}.active-filter-chip:before{content:"×";margin-right:.45rem;opacity:.75}.active-filter-chip:focus-visible{outline:2px solid rgba(96,165,250,.95);outline-offset:2px;box-shadow:0 0 0 3px #3b82f659}.active-filters[hidden]{display:none}.active-filters__label{font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.active-filters__status{font-size:.8rem;font-weight:600;color:color-mix(in srgb,var(--text-color) 94%,var(--accent-color))}.active-filters.is-empty{padding:0}html.light .active-filters__label{color:color-mix(in srgb,var(--text-color) 82%,#0f172a)}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:none}.active-filters__clear{border:1px solid rgba(244,63,94,.55);background:#f43f5e29;color:var(--text-color);border-radius:var(--radius-pill);padding:.35rem .8rem;font-weight:600;letter-spacing:.01em;min-height:44px;min-width:44px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.active-filters__clear:disabled{opacity:.5;cursor:not-allowed}.active-filters__clear:hover:not(:disabled){transform:translateY(-1px);border-color:#f43f5ebf;background:#f43f5e38;box-shadow:var(--shadow-soft)}.active-filters__clear:focus-visible{outline:2px solid rgba(96,165,250,.95);outline-offset:2px;box-shadow:0 0 0 3px #3b82f659}.search-field{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;background:linear-gradient(145deg,#0c181df5,#131d23f5),radial-gradient(circle at right center,rgba(233,212,155,.08),transparent 28%);border:1px solid color-mix(in srgb,var(--accent-color) 22%,var(--surface-border));border-radius:var(--radius-pill);padding:.62rem 1rem;box-shadow:inset 0 0 0 1px #fff8ea0f,0 8px 20px #0000001f;position:sticky;top:.5rem;z-index:2}.search-field__icon{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:999px;background:#ffffff17;color:var(--text-color);font-size:1rem}.search-field:focus-within{border-color:#81c2fff2;box-shadow:0 10px 24px #00000052,0 0 0 3px #60a5fa66}.search-field input{width:100%;background:transparent;border:none;color:var(--text-color);font-size:1rem;padding:.55rem .15rem;min-height:44px;touch-action:manipulation}.search-field input::placeholder{color:var(--text-muted)}.search-shortcuts-toggle:focus-visible{outline:2px solid rgba(96,165,250,.95);outline-offset:2px;box-shadow:0 0 0 3px #3b82f640}.search-clear{border:1px solid transparent;background:#ffffff1c;color:var(--text-color);border-radius:var(--radius-pill);padding:.45rem .9rem;font-weight:600;min-height:44px;min-width:44px;touch-action:manipulation;transition:opacity .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.search-clear.is-hidden{opacity:0;pointer-events:none}@media(hover:hover)and (pointer:fine){.search-clear:hover{background:#3b82f633;border-color:#60a5fa73;box-shadow:var(--shadow-soft)}}.search-clear:focus-visible{outline:2px solid rgba(96,165,250,.95);outline-offset:2px;box-shadow:0 0 0 3px #3b82f659}.filter-row{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:flex-start;padding:.35rem .1rem .1rem;border-top:1px solid color-mix(in srgb,var(--accent-color) 14%,var(--surface-border))}.chip-row{display:flex;flex-wrap:wrap;gap:.65rem;position:relative;scroll-padding-inline:.25rem;overflow-x:auto;scrollbar-gutter:stable both-edges}.filter-actions{display:inline-flex;align-items:center;gap:.65rem;margin-left:auto;flex-wrap:wrap}.filter-actions--primary{margin-left:auto}.filter-toggle{border:1px solid color-mix(in srgb,var(--accent-color) 30%,var(--surface-border));background:#ffffff14;color:var(--text-color);border-radius:var(--radius-pill);padding:.45rem .8rem;min-height:44px;min-width:44px;font-weight:600;cursor:pointer;touch-action:manipulation}@media(hover:hover)and (pointer:fine){.filter-toggle:hover{border-color:#60a5fa99;box-shadow:var(--shadow-soft)}}.filter-toggle:focus-visible{outline:2px solid rgba(96,165,250,.95);outline-offset:2px;box-shadow:0 0 0 3px #3b82f659}.filter-chip{position:relative;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);padding:.45rem .8rem;cursor:pointer;font-weight:600;letter-spacing:.01em;min-height:44px;min-width:44px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;touch-action:manipulation;white-space:nowrap}.quick-filter-strip{display:none;gap:.5rem;margin-top:-.1rem;overflow-x:auto;padding-bottom:.15rem;scroll-snap-type:x proximity;scrollbar-width:thin}.filter-chip--quick{scroll-snap-align:start}@media(hover:hover)and (pointer:fine){.filter-chip:hover{transform:translateY(-1px);border-color:#60a5fa99;box-shadow:var(--shadow-soft)}}.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%,#ffffff);border-color:#60a5fa;font-weight:700;padding-left:1.45rem;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-color) 40%,transparent),var(--shadow-soft)}.filter-chip.is-active:before{content:"✓";position:absolute;left:.6rem;top:50%;transform:translateY(-50%);font-size:.82rem;font-weight:800;color:color-mix(in srgb,var(--text-color) 82%,var(--accent-color))}.filter-chip:focus-visible{outline:2px solid rgba(96,165,250,.95);outline-offset:2px;box-shadow:0 0 0 3px #3b82f659}.more-filters{margin-top:.45rem;border-top:1px solid color-mix(in srgb,var(--accent-color) 14%,var(--surface-border));padding-top:.3rem}.more-filters>summary{cursor:pointer;font-weight:600;font-size:.86rem;color:var(--text-muted);list-style:none;min-height:44px;display:inline-flex;align-items:center}.more-filters>summary::-webkit-details-marker{display:none}.more-filters>summary:after{content:"▾";margin-left:.45rem;font-size:.84em;opacity:.75}.more-filters[open]>summary:after{content:"▴"}.filter-reset{border:1px solid rgba(244,63,94,.55);background:#f43f5e29;color:var(--text-color);border-radius:var(--radius-pill);padding:.5rem 1rem;font-weight:600;letter-spacing:.01em;min-height:44px;min-width:44px;cursor:pointer;touch-action:manipulation;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}@media(hover:hover)and (pointer:fine){.filter-reset:hover{transform:translateY(-1px);border-color:#f43f5ebf;background:#f43f5e38;box-shadow:var(--shadow-soft)}}.filter-reset.is-active{border-color:#f43f5e73;background:#f43f5e1f;box-shadow:var(--shadow-soft)}.filter-reset:focus-visible{outline:2px solid rgba(96,165,250,.95);outline-offset:2px;box-shadow:0 0 0 3px #3b82f659}.sort-control{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .85rem;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);min-height:44px;margin-left:auto}.sort-control:focus-within{border-color:#60a5faf2;box-shadow:0 8px 18px #0000003d,0 0 0 3px #3b82f666}.sort-control select{background:transparent;border:none;color:inherit;font-weight:700;touch-action:manipulation;font-size:1rem;min-height:44px;border-radius:var(--radius-pill)}.sort-control select:focus-visible{outline:2px solid rgba(96,165,250,.95);outline-offset:2px}.webtoy-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:calc(var(--section-gap) * .62);margin:0 auto}.empty-state{grid-column:1 / -1;border:1px dashed var(--surface-border);border-radius:var(--radius-lg);padding:1.5rem;background:var(--surface-strong);text-align:center;display:flex;flex-direction:column;gap:.75rem;align-items:center;box-shadow:var(--shadow-soft)}.empty-state__message{margin:0;color:var(--text-muted)}.empty-state__suggestions{width:100%;max-width:420px;text-align:left;border-radius:var(--radius-md);border:1px solid var(--surface-border);background:color-mix(in srgb,var(--surface-strong) 78%,transparent);padding:.35rem .55rem .6rem}.empty-state__suggestions summary{cursor:pointer;font-weight:600;color:var(--text-color);list-style:none;min-height:44px;display:flex;align-items:center;border-radius:.45rem}.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:"▾";margin-left:auto;color:var(--text-muted);transition:transform .18s ease}.empty-state__suggestions[open] summary:after{transform:rotate(180deg)}.empty-state__suggestions .webtoy-card-actions{margin-top:.35rem;flex-wrap:wrap;gap:.45rem}.webtoy-card{background:var(--surface-highlight),var(--surface-texture),var(--surface-gradient);border-radius:var(--radius-lg);padding:.95rem 1rem;transition:transform .2s ease,box-shadow .2s ease,border-color .3s ease,background .3s ease;text-align:left;cursor:pointer;box-shadow:var(--shadow-soft),var(--surface-emboss);backdrop-filter:none;border:1px solid var(--surface-border);color:inherit;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;text-decoration:none;appearance:none;position:relative;overflow:hidden;touch-action:manipulation;min-height:clamp(188px,18vw,224px);isolation:isolate}html:not(.light) .webtoy-card{border-color:#ffffff24;box-shadow:0 0 0 1px #ffffff0a,var(--shadow-soft),var(--surface-emboss)}.webtoy-card__link{color:inherit;text-decoration:none;position:absolute;inset:0;border-radius:var(--radius-lg);cursor:pointer;z-index:1}.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{display:flex;flex-direction:column;gap:.45rem;width:100%;position:relative;z-index:1;pointer-events:none}.webtoy-card:before{content:"";position:absolute;inset:0;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;transition:opacity .3s ease;pointer-events:none;z-index:0}.webtoy-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 40%,rgba(255,255,255,.02) 70%,transparent);opacity:.3;pointer-events:none;z-index:0}@media(hover:hover)and (pointer:fine){.webtoy-card:hover{background:var(--surface-highlight),var(--surface-texture),var(--surface-gradient);transform:translateY(-2px);box-shadow:var(--shadow-strong);border-color:#3b82f659}.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{font-size:1.08rem;margin:.1rem 0 0;color:var(--text-color)}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{border-color:#2b384d33;background:color-mix(in srgb,var(--card-bg) 94%,transparent)}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);border-color:#1d4ed8e0;color:#102544;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{font-size:.86rem;color:color-mix(in srgb,var(--text-color) 90%,var(--text-muted));line-height:1.4}.webtoy-card-description{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.webtoy-card-guidance{margin:0;font-size:.78rem;font-weight:600;color:color-mix(in srgb,var(--accent-color) 58%,var(--text-color) 42%)}.webtoy-card-match{margin-top:-.05rem;margin-bottom:2px;font-size:.78rem;color:color-mix(in srgb,var(--text-color) 84%,var(--text-muted));display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.webtoy-card-match strong{font-weight:600}.webtoy-card-match mark{background:#6366f124;color:var(--text-color);padding:.08rem .4rem;border-radius:999px}.webtoy-card-signals{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.4rem;margin-top:auto;padding-top:.45rem;position:relative;z-index:2}.webtoy-card-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.4rem;margin-top:.15rem;position:relative;z-index:2}.webtoy-card-signal{padding:.34rem .68rem;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));font-size:.76rem;font-weight:600;letter-spacing:.01em;line-height:1.2}.webtoy-card-actions .cta-button{min-height:44px;min-width: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{margin:0 0 1rem;padding:.9rem 1rem;border:1px solid rgba(125,211,252,.35);border-radius:.9rem;background:linear-gradient(155deg,#0f172acc,#1e293bb3)}.webtoy-growth-panel--premium{border-color:#c484fc8c}.webtoy-growth-panel__title{margin:0 0 .4rem;font-size:.95rem;letter-spacing:.01em}.webtoy-growth-panel__body{margin:0 0 .75rem;color:#e2e8f0eb}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:"";position:absolute;top:0;left:0;right:0;height:1px;background:color-mix(in srgb,var(--surface-border) 70%,transparent);opacity:.7}footer{text-align:center;margin-top:calc(var(--section-gap) * .8);padding:1.25rem;border-top:1px solid var(--surface-border)}.footer-actions{display:grid;gap:.5rem;justify-items:center}.footer-nav{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;justify-content:center;color:var(--text-muted);margin:.1rem 0 .35rem}.footer-nav span[aria-hidden=true]{opacity:.65}.footer-cta-row{margin:.5rem 0 0;justify-content:center}.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{margin-top:-.5rem;padding:clamp(1.2rem,1vw + 1rem,2rem);border-radius:24px;background:var(--card-bg);border:1px solid var(--surface-border);box-shadow:var(--shadow-surface);backdrop-filter:none}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem}.feature-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;margin:.9rem 0 0;padding:0;list-style:none}.feature-card{background:var(--surface-gradient);border:1px solid color-mix(in srgb,var(--surface-border) 95%,#718096);border-radius:var(--radius-lg);padding:1rem;display:flex;flex-direction:column;gap:.65rem;align-items:flex-start;box-shadow:var(--shadow-soft);backdrop-filter:none;min-height:100%}.feature-card h3,.feature-card p{overflow-wrap:anywhere}.feature-card .text-link{margin-top:auto}.feature-card ul{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}.feature-card .text-link{color:color-mix(in srgb,var(--link-color) 84%,#1d4ed8);font-weight:550}.feature-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:1.25rem;background:var(--accent-soft);box-shadow:0 10px 20px #0003}.feature-body h3{margin:0 0 .35rem}.feature-body p{margin:0;color:var(--text-muted);line-height:1.55}.feature-meta{font-size:.9rem;color:var(--text-color);opacity:.8}.theme-toggle{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;background:var(--card-bg);color:var(--text-color);border:1px solid var(--surface-border);border-radius:var(--radius-pill);cursor:pointer;min-height:44px;min-width:44px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 12px 28px #00000040;touch-action:manipulation}.theme-toggle:hover{background:var(--hover-bg);transform:translateY(-2px);box-shadow:0 14px 32px #0000004d;border-color:#3b82f666}.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{display:grid;place-items:center;width:2rem;height:2rem;border-radius:12px;background:color-mix(in srgb,var(--accent-color) 16%,var(--card-bg));color:var(--text-color);box-shadow:inset 0 0 6px #0000001f}.theme-toggle__label{font-weight:700;letter-spacing:.01em}@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;gap:.75rem;align-items:flex-start}.nav-actions{width:100%;flex-wrap:wrap;justify-content:space-between;gap:.65rem}.nav-section{flex:1 1 240px}.hero-visual{width:100%}.preview-meta{flex-direction:column;align-items:flex-start}.preview-launch{width:100%;justify-content:center}.hero-callouts{width:100%}.hero-cta-row{width:100%;grid-template-columns:1fr}}@media(max-width:680px){body{font-size:.97rem}section.intro{padding:1.4rem 1.2rem;border-radius:18px}.hero-copy{gap:.5rem}.intro-pills{flex-wrap:nowrap;overflow-x:auto;padding:0 .5rem .25rem;margin:.75rem -.5rem 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.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{width:100%;justify-content:center;text-align:center}.system-legend{flex-wrap:wrap;overflow:visible;padding-bottom:0}.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{width:100%;white-space:normal}.search-meta{width:100%}.library-refine{margin-top:.5rem}.active-filters{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{width:100%;justify-content:space-between}.chip-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.2rem;scrollbar-width:thin;scroll-snap-type:x proximity;mask-image:linear-gradient(to right,transparent,#000 1rem,#000 calc(100% - 1rem),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 1rem,#000 calc(100% - 1rem),transparent)}.chip-row>*{flex:0 0 auto;scroll-snap-align:start}.webtoy-card-actions{flex-direction:column;align-items:stretch}.webtoy-card-actions .cta-button{width:100%;justify-content:center}.preview-controls{flex-direction:column;align-items:stretch}.preview-control-buttons{width:100%;justify-content:space-between}.preview-control{flex:1 1 auto;justify-content:center}.preview-dots{width:100%;justify-content:space-between}.system-grid{grid-template-columns:1fr}.cta-helper{margin:0 0 1rem}.hero-readiness{flex-direction:column;align-items:stretch}.hero-readiness__text,.hero-readiness__action{width:100%;justify-content:center}.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{border:0;background:transparent;border-radius:0;padding:0;margin-top:0}}@media(max-width:920px)and (max-height:520px)and (orientation:landscape){.content{gap:1rem}.top-nav{padding:.4rem .55rem}.hero{padding-block:.8rem .6rem}.hero-grid{gap:.75rem}.hero-copy{gap:.6rem}.hero-cta-row{gap:.5rem}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{position:sticky;top:calc(env(safe-area-inset-top) + .4rem);border-radius:12px}.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{width:100%;justify-content:flex-start}.nav-toggle{display:flex;width:100%}.nav-actions{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:.6rem}.top-nav[data-nav-expanded=false] .nav-actions{display:none}.nav-section{width:100%;justify-content:flex-start}.nav-section--jump,.nav-section--utilities{display:flex;flex-direction:column;align-items:stretch;gap:.45rem;padding:0;border:0}.top-nav{padding:.7rem;border-radius:12px;gap:.5rem}.shell-header{margin-inline:-.2rem;padding-inline:.2rem;margin-bottom:.4rem}.nav-link{justify-content:flex-start;padding:.65rem .85rem}.nav-link--section{justify-content:flex-start}.nav-link{width:100%}.theme-toggle{width:100%;justify-content:flex-start}#site-footer{padding-inline:.95rem}.footer-actions{justify-items:stretch;text-align:left;gap:.75rem}.footer-nav{row-gap:.3rem;column-gap:.5rem;justify-content:flex-start}.footer-nav span[aria-hidden=true]{display:none}.footer-cta-row{width:100%;align-items:stretch}.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{width:100%;justify-content:center;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{padding:.4rem .6rem;gap:.4rem}.search-field__icon{width:1.8rem;height:1.8rem;font-size:.85rem}.search-field input{font-size:.9rem;padding-right:2.8rem;min-width:0}.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{transform:none}.webtoy-card:hover{transform:none}}.home-support-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:1rem;align-items:start}.home-support-grid .quick-starts,.home-support-grid .system-check{margin:0;height:100%}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);box-shadow:0 7px 16px #00000029;backdrop-filter:blur(6px) saturate(110%)}.hero:before,.hero:after,.system-check:before{display:none}section.intro:before{display:block;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-border) 30%,transparent),transparent 58%);opacity:.36}section.intro:after{display:block;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.05) 44%,transparent 100%);opacity:.2}section.intro{display:grid;gap:.5rem;justify-items:start;padding-block:clamp(.7rem,1vw + .4rem,1rem)}.intro-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.55rem}.intro-actions .cta-button{min-width:8.75rem;border-radius:10px;border-color:color-mix(in srgb,var(--accent-color) 30%,var(--surface-border));box-shadow:0 8px 18px #0003;transform:translateZ(0)}.intro-actions .cta-button.primary{background-size:auto;animation:homeHeroButtonPulse 5.4s ease-in-out infinite}.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:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,var(--accent-color),var(--accent-magenta));animation:streakScan 3.8s ease-in-out infinite}.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, 0ms)}.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:quickCardBob 8.5s ease-in-out infinite}.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{width:100%;flex-direction:column}.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:.8rem;padding-inline: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{margin-top:1rem;display:grid;gap:1rem;padding:clamp(1.2rem,2vw,1.8rem);border-radius:calc(var(--radius-lg) + 6px)}.builder-form{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.builder-form label{display:grid;gap:.4rem;font-size:.86rem;color:var(--text-muted)}.builder-form select{border-radius:10px;border:1px solid var(--interactive-border);background:color-mix(in srgb,var(--card-bg) 90%,transparent);color:var(--text-primary);min-height:44px;padding:.5rem .65rem}.builder-summary{display:flex;flex-wrap:wrap;gap:.45rem}.builder-chip{border-radius:999px;padding:.3rem .62rem;font-size:.8rem;background:color-mix(in srgb,var(--accent-color) 18%,transparent);border:1px solid color-mix(in srgb,var(--accent-color) 36%,var(--surface-border))}.builder-results{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}.builder-result{display:grid;grid-template-columns:1fr auto;gap:.65rem;align-items:center;border-radius:12px;border:1px solid color-mix(in srgb,var(--surface-border) 75%,transparent);background:color-mix(in srgb,var(--card-bg) 92%,transparent);padding:.75rem .8rem}.builder-result__title{margin:0;font-weight:700}.builder-result__description,.builder-result__reason{margin:.2rem 0 0;color:var(--text-muted);font-size:.85rem}.builder-result__link{align-self:start;border-radius:999px;border:1px solid var(--interactive-border);color:var(--text-primary);text-decoration:none;padding:.4rem .8rem;min-height:40px;display:inline-flex;align-items:center}.library-three-ambient{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.5}.library,#toy-list{position:relative;z-index:1}.webtoy-card-preview{width:100%;border-radius:.85rem;overflow:hidden;border:1px solid rgba(255,255,255,.14);margin-bottom:.8rem;background:#040610d1}.webtoy-card-preview canvas{display:block;width:100%;height:auto}.shell-header{margin-bottom:clamp(1rem,2.2vw,1.7rem)}section.intro{padding:clamp(1.05rem,1.2vw + .8rem,1.55rem) clamp(1.05rem,1.5vw,1.6rem);border-radius:calc(var(--radius-lg) + 6px)}.intro h1{letter-spacing:-.01em;line-height:1.15}.intro .cta-helper{max-width:70ch;line-height:1.68}.library{margin-top:clamp(2.1rem,4vw,3.2rem);padding-top:clamp(1.2rem,2.1vw,1.8rem)}.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{min-height:52px;border-radius:calc(var(--radius-pill) + 6px)}.webtoy-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1rem,1.4vw,1.3rem)}.webtoy-card{padding:1.05rem;border-radius:var(--radius-lg);gap:.75rem}.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-signals{gap:.45rem;padding-top:.7rem}.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%{transform:translateY(-2px) scale(1.02);box-shadow:0 14px 28px color-mix(in srgb,var(--accent-color) 28%,transparent)}}@keyframes headingBeam{0%,to{transform:scaleX(.9);filter:saturate(.95)}50%{transform:scaleX(1.08);filter:saturate(1.2)}}@keyframes milkdropPulse{0%,to{transform:scale(.92);opacity:.66}50%{transform:scale(1.04);opacity:.9}}@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{transform:translate(-50%,-50%) rotate(0) scale(.94);border-radius:24px}50%{transform:translate(-50%,-50%) rotate(14deg) scale(1.08);border-radius:18px}}@keyframes streakScan{0%,to{transform:scaleX(.35);transform-origin:left center;opacity:.7}50%{transform:scaleX(1);transform-origin:left center;opacity: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:translate3d(-14px,18px,0) rotate(-1.4deg) scale(.98)}to{opacity:1;transform:translateZ(0) rotate(0) scale(1)}}@keyframes cardGlideIn{0%{opacity:0;transform:translate3d(16px,10px,0) scale(.97);filter:saturate(.85)}to{opacity:1;transform:translateZ(0) scale(1);filter:saturate(1)}}@keyframes cardBloomIn{0%{opacity:0;transform:translateY(12px) scale(.94);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@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 rgba(0, 0, 0, .22), 0 3px 10px rgba(0, 0, 0, .12);--shadow-panel-hover: 0 24px 46px rgba(0, 0, 0, .26), 0 6px 16px rgba(0, 0, 0, .14)}html.light{--panel-solid: color-mix(in srgb, var(--card-bg) 97%, #ffffff);--panel-subtle: color-mix(in srgb, var(--card-bg) 94%, #ffffff);--shadow-panel: 0 16px 32px rgba(15, 23, 42, .08), 0 3px 10px rgba(15, 23, 42, .06);--shadow-panel-hover: 0 22px 44px rgba(15, 23, 42, .11), 0 6px 14px rgba(15, 23, 42, .08)}.content{gap:clamp(2.1rem,3.6vw,3.5rem)}.content:before{background-size:72px 72px;opacity:.4}.shell-header{margin-bottom:clamp(1rem,2vw,1.5rem)}.top-nav{padding:.85rem 1.05rem;border-radius:22px;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)}.nav-link{padding-inline:.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);backdrop-filter:blur(10px) saturate(112%)}section.intro{padding:clamp(1.15rem,1.5vw + .8rem,1.85rem)}.hero-grid{gap:clamp(1.35rem,2.5vw,2rem);align-items:start}.hero-copy{gap:.95rem;max-width:44rem}.eyebrow{letter-spacing:.12em;font-size:.76rem;font-weight:700;color:color-mix(in srgb,var(--text-muted) 86%,var(--accent-color));margin-bottom:.35rem}.hero-copy h1{font-size:clamp(2.4rem,1.6rem + 2.3vw,3.55rem);line-height:1.04;letter-spacing:-.03em;max-width:12ch}.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-readiness{gap:.6rem;margin:.3rem 0 .7rem}.hero-readiness__text,.hero-readiness__action{background:color-mix(in srgb,var(--panel-solid) 92%,transparent);border-color:color-mix(in srgb,var(--accent-color) 24%,var(--surface-border))}.hero-cta-row{gap:.7rem}.cta-button{border-radius:14px;padding:.78rem 1.2rem;font-weight:700;letter-spacing:.01em;box-shadow:0 1px #ffffff0a inset}.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}.cta-button:hover{transform:translateY(-2px);box-shadow:0 1px #ffffff0d inset,0 14px 24px #0000002e}.cta-button.primary:hover{box-shadow:0 16px 28px #2563eb42}.milkdrop-stage{width:min(560px,100%)}.milkdrop-stage__frame{border-radius:28px;border-color:color-mix(in srgb,var(--accent-color) 32%,var(--surface-border))}.milkdrop-stage__meta{gap:.7rem}.callout-card{padding:1rem 1.05rem;border-radius:20px}.pill{padding:.5rem .8rem;font-size:.78rem;box-shadow:none}.section-heading{gap:.5rem;padding-bottom:.9rem}.section-heading:after{width:72px;height:3px;opacity:.9;animation:none;box-shadow:0 0 18px color-mix(in srgb,var(--accent-color) 24%,transparent)}.section-heading h2{font-size:clamp(1.7rem,1.3rem + 1vw,2.35rem);line-height:1.08;letter-spacing:-.02em}.library{margin-top:clamp(2.4rem,4vw,3.4rem);padding-top:clamp(1.3rem,2vw,1.9rem)}.library-search{gap:1rem;padding:clamp(1.15rem,1.5vw + .8rem,1.65rem);border-radius:24px;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:.85rem}.search-field__icon{width:2rem;height:2rem;background:color-mix(in srgb,var(--accent-color) 12%,var(--panel-solid))}.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{min-height:clamp(238px,20vw,282px);padding:1.05rem;gap:.7rem;border-radius:24px;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));box-shadow:var(--shadow-panel)}.webtoy-card:before{opacity:.1}.webtoy-card:after{opacity:.12}.webtoy-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent-color) 34%,var(--surface-border));box-shadow:var(--shadow-panel-hover)}.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{padding:.32rem .62rem;background:color-mix(in srgb,var(--accent-color) 8%,var(--panel-solid))}.webtoy-card-preview{margin-bottom:.05rem;border-radius:16px;border-color:color-mix(in srgb,var(--accent-color) 18%,var(--surface-border));box-shadow:inset 0 0 0 1px #ffffff0a}.experience-grid,.repo-status__metrics{gap:.95rem}.experience-card,.repo-status__metric{padding:1rem 1.05rem;border-radius:20px}.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{border-radius:18px}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}}@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{animation:none;transition:none}}