@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0a;--surface:#111;--surface-hover:#181818;--surface-active:#1f1f1f;--surface-strong:#262626;--surface-emphasis:#343434;--composer-bg:var(--surface-hover);--control-bg:var(--surface-active);--control-hover:var(--surface-strong);--text-primary:#ededed;--text-secondary:#a1a1a1;--text-muted:#666;--text-placeholder:#525252;--ring:#ffffff14;--ring-strong:#ffffff29;--ring-inner:#0006;--inverse-bg:#ededed;--inverse-bg-hover:#fafafa;--inverse-text:#0a0a0a;--shadow-cta:#0006 0px 1px 2px, #ffffff14 0px 0px 0px 1px inset;--shadow-cta-hover:#00000080 0px 2px 4px, #ffffff1f 0px 0px 0px 1px inset;--shadow-e2:#0006 0px 2px 4px;--shadow-e3:#00000080 0px 8px 24px;--shadow-e4:#0009 0px 16px 48px;--shadow-focus:#000000a6 0px 1px 3px;--highlight-inset:#ffffff08 0px 0px 0px 1px inset;--backdrop:#0009;--selection:#ffffff2e;--color-develop:#0a72ef;--color-preview:#de1d8d;--color-ship:#ff5b4f;--color-success:#0cce6b;--color-warning:#f5a623;--color-loading:#f5a623;--focus:#0072f5;--focus-ring:#ffffff1a;--font:"Hanken Grotesk Variable", "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Code", monospace;--font-weight-default:400;--font-weight-emphasis:600;--motion-duration-fast:.16s;--motion-duration-press:.1s;--motion-ease-standard:cubic-bezier(.2, 0, 0, 1);--fs-display:32px;--fs-heading:20px;--fs-title:16px;--fs-body:14px;--fs-caption:12px;--fs-micro:11px;--asset-tile-size:88px;--asset-tile-max-size:96px;font-family:var(--font);font-weight:var(--font-weight-default);font-size:var(--fs-body);color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}strong,b{font-weight:var(--font-weight-emphasis)}:where(button,a,[role=button],input,select,textarea){transition:color var(--motion-duration-fast) var(--motion-ease-standard), background-color var(--motion-duration-fast) var(--motion-ease-standard), border-color var(--motion-duration-fast) var(--motion-ease-standard), box-shadow var(--motion-duration-fast) var(--motion-ease-standard), opacity var(--motion-duration-fast) var(--motion-ease-standard), transform var(--motion-duration-press) var(--motion-ease-standard)}.mopan-brand-art{flex:none;line-height:0;display:inline-flex}.mopan-brand-art>img{width:100%;height:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--ring-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{width:0;height:0}.animation-icon-tail{stroke-dasharray:100;stroke-dashoffset:0}.asset-navigator-tile:hover .animation-icon-ball{animation:1.1s linear both animation-icon-ball-flight}.asset-navigator-tile:hover .animation-icon-tail{animation:1.1s linear both animation-icon-tail-draw}@keyframes animation-icon-ball-flight{0%,7%{cx:3px;cy:4px;rx:3px;ry:3px}19%{cx:6.2px;cy:4.9px;rx:2.85px;ry:3.15px}34%{cx:8.8px;cy:7px;rx:2.7px;ry:3.3px}49%{cx:10.7px;cy:12.5px;rx:2.55px;ry:3.45px}58%{cx:12px;cy:19px;rx:3.65px;ry:2.15px}66%{cx:12.8px;cy:14.8px;rx:2.55px;ry:3.45px}76%{cx:13.8px;cy:11.5px;rx:2.7px;ry:3.3px}88%{cx:16px;cy:9.2px;rx:2.85px;ry:3.15px}to{cx:20px;cy:8px;rx:3px;ry:3px}}@keyframes animation-icon-tail-draw{0%,7%{stroke-dashoffset:100px;opacity:0}19%{stroke-dashoffset:88px;opacity:1}34%{stroke-dashoffset:74px;opacity:1}49%{stroke-dashoffset:63px;opacity:1}58%{stroke-dashoffset:54px;opacity:1}66%{stroke-dashoffset:40px;opacity:1}76%{stroke-dashoffset:28px;opacity:1}88%{stroke-dashoffset:15px;opacity:1}to{stroke-dashoffset:0;opacity:1}}@media (prefers-reduced-motion:reduce){.asset-navigator-tile:hover .animation-icon-ball,.asset-navigator-tile:hover .animation-icon-tail{animation:none}}::selection{background:var(--selection);color:var(--text-primary)}textarea{font-family:var(--font);font-size:var(--fs-body);color:var(--text-primary);background:var(--surface);resize:none;box-shadow:0 0 0 1px var(--ring);border:none;border-radius:8px;outline:none;padding:16px;line-height:1.6}textarea::placeholder{color:var(--text-placeholder)}textarea:focus{box-shadow:0 0 0 1px var(--ring-strong), 0 0 0 3px var(--focus-ring)}button{font-family:var(--font);font-size:var(--fs-body);font-weight:var(--font-weight-emphasis);cursor:pointer;border:none;border-radius:6px;padding:8px 14px}button.primary{background:var(--inverse-bg);color:var(--inverse-text);box-shadow:var(--shadow-cta)}button.primary:hover{background:var(--inverse-bg-hover);box-shadow:var(--shadow-cta-hover)}button.primary:active{transform:translateY(.5px)}button:disabled{opacity:.4;cursor:not-allowed;transform:none!important}button.ghost{background:var(--control-bg);color:var(--text-primary);box-shadow:0 0 0 1px var(--ring-strong)}button.ghost:hover{background:var(--control-hover);box-shadow:0 0 0 1px var(--ring-strong)}button.ghost:active{background:var(--control-hover);transform:translateY(.5px)}button.secondary{background:var(--control-bg);color:var(--text-secondary);box-shadow:0 0 0 1px var(--ring-strong)}button.secondary:hover{background:var(--control-hover);color:var(--text-primary);box-shadow:0 0 0 1px var(--ring-strong)}button.secondary:active{background:var(--control-hover);transform:translateY(.5px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@keyframes skeleton-pulse{0%,to{opacity:.55}50%{opacity:.85}}.skeleton{background:var(--surface-hover);border-radius:4px;animation:1.4s ease-in-out infinite skeleton-pulse}.asset-media{opacity:0;transition:opacity var(--motion-duration-fast) var(--motion-ease-standard)}.asset-media.asset-media-ready{opacity:1}@keyframes pixel-build{0%,to{opacity:.1;transform:scale(.35)}20%,65%{opacity:1;transform:scale(1)}}.pixel-cell{animation:1.6s ease-in-out infinite pixel-build;display:block}@keyframes dot-pulse{0%,80%,to{opacity:.25;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.dot-cell{background:currentColor;border-radius:50%;animation:1.2s ease-in-out infinite dot-pulse;display:block}@keyframes fade-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s both fade-in}@media (prefers-reduced-motion:reduce){:root{--motion-duration-fast:.01ms;--motion-duration-press:.01ms}.skeleton{animation:none}.asset-media{transition:none}.pixel-cell,.dot-cell{opacity:.5;animation:none;transform:none}.fade-in{animation:none}}.vibe-canvas .react-flow,.vibe-canvas .react-flow__pane{background:var(--bg)}.vibe-canvas .react-flow__node{box-shadow:none;width:auto;font-family:var(--font);background:0 0;border:none;border-radius:0;padding:0}.vibe-canvas .react-flow__node:focus,.vibe-canvas .react-flow__node:focus-visible{outline:none}.vibe-canvas .react-flow__node.selected{box-shadow:none}.vibe-canvas .react-flow__handle{background:var(--surface-active);width:8px;height:8px;box-shadow:0 0 0 1px var(--ring-strong);border:none;border-radius:2px}.vibe-canvas .react-flow__handle:hover{background:var(--color-develop)}.vibe-canvas .react-flow__edge-path{stroke:var(--ring-strong);stroke-width:1.5px}.vibe-canvas .react-flow__edge.selected .react-flow__edge-path,.vibe-canvas .react-flow__edge:focus .react-flow__edge-path{stroke:var(--color-develop)}.vibe-canvas .react-flow__connection-path{stroke:var(--color-develop);stroke-width:1.5px}.vibe-canvas .react-flow__controls{box-shadow:0 0 0 1px var(--ring);border-radius:8px;overflow:hidden}.vibe-canvas .react-flow__controls-button{background:var(--surface);box-shadow:0 0 0 1px var(--ring);fill:var(--text-secondary);border:none}.vibe-canvas .react-flow__controls-button:hover{background:var(--surface-hover)}.vibe-canvas .react-flow__attribution{display:none}.chat-input:empty:before{content:attr(data-placeholder);color:var(--text-placeholder);pointer-events:none}.chat-input-shell{width:100%;min-width:0;position:relative}.object-chip{max-width:220px;min-height:30px;font-size:var(--fs-caption);font-family:var(--font);font-weight:var(--font-weight-emphasis);color:var(--text-primary);background:var(--surface-emphasis);box-shadow:none;vertical-align:middle;-webkit-user-select:none;user-select:none;transition:color var(--motion-duration-fast) var(--motion-ease-standard), background-color var(--motion-duration-fast) var(--motion-ease-standard);border-radius:10px;align-items:center;gap:7px;margin:2px;padding:3px 10px 3px 3px;line-height:1;display:inline-flex}.object-chip:hover{background:var(--surface-emphasis)}.reference-chip-preview{width:24px;height:24px;color:var(--text-secondary);background:var(--bg);border-radius:7px;flex:0 0 24px;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.reference-chip-preview>img,.reference-chip-preview>video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.reference-chip-sprite{pointer-events:none;width:100%;height:100%;display:block}.object-reference-preview>img{object-fit:contain}.object-chip-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:168px;overflow:hidden}.vibe-canvas .vibe-md{color:var(--text-secondary)}.vibe-canvas .vibe-md h1{color:var(--text-primary);margin:0 0 6px;font-size:13px}.vibe-canvas .vibe-md h2{color:var(--text-primary);margin:10px 0 4px;font-size:12px}.vibe-canvas .vibe-md h3{color:var(--text-primary);margin:8px 0 4px;font-size:11px}.vibe-canvas .vibe-md p{margin:4px 0}.vibe-canvas .vibe-md ul,.vibe-canvas .vibe-md ol{margin:4px 0;padding-left:16px}.vibe-canvas .vibe-md li{margin:2px 0}.vibe-canvas .vibe-md strong{color:var(--text-primary)}.vibe-canvas .vibe-md code{background:var(--bg);border-radius:4px;padding:1px 4px;font-size:10px}.vibe-canvas .vibe-md a{color:var(--color-develop)}.rail-tabs{background:0 0;flex-shrink:0;align-items:stretch;height:38px;padding:0;display:flex}.rail-tab{appearance:none;color:var(--text-muted);font-family:inherit;font-size:var(--fs-caption);font-weight:var(--font-weight-emphasis);cursor:pointer;background:0 0;border:none;border-radius:10px 10px 0 0;align-items:center;gap:6px;margin-bottom:-1px;padding:0 14px;transition:background .15s,color .15s;display:inline-flex}.rail-tab:hover{background:var(--surface-hover);color:var(--text-secondary)}.rail-tab[data-active]{background:var(--surface-active);color:var(--text-primary)}.rail-tab-badge{font-size:var(--fs-caption);color:var(--text-muted);background:var(--surface-strong);border-radius:999px;padding:1px 7px;line-height:1.4}.rail-tab[data-active] .rail-tab-badge{color:var(--text-secondary)}.rail-tabs-right{align-items:center;gap:8px;margin-left:auto;padding-right:8px;display:flex}.rail-design-doc{font-size:var(--fs-caption);color:var(--text-secondary);line-height:1.6}.rail-design-doc h1{font-size:var(--fs-body);color:var(--text-primary);margin:0 0 6px}.rail-design-doc h2{font-size:var(--fs-micro);font-weight:var(--font-weight-emphasis);letter-spacing:.6px;text-transform:uppercase;color:var(--text-secondary);margin:14px 0 4px}.rail-design-doc h3{font-size:var(--fs-caption);color:var(--text-primary);margin:10px 0 4px}.rail-design-doc p{margin:4px 0}.rail-design-doc ul,.rail-design-doc ol{margin:4px 0;padding-left:16px}.rail-design-doc li{margin:2px 0}.rail-design-doc strong{color:var(--text-primary)}.rail-design-doc code{background:var(--surface-active);font-family:var(--font-mono);font-size:var(--fs-caption);border-radius:4px;padding:1px 4px}.rail-design-doc a{color:var(--color-develop)}.rail-design-list{font-size:var(--fs-caption);color:var(--text-secondary);flex-direction:column;gap:4px;margin:0;padding-left:16px;line-height:1.5;display:flex}.rail-note{background:var(--surface-active);color:var(--text-secondary);font-size:var(--fs-caption);border-radius:10px;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;margin:0 12px 8px;padding:8px 10px;display:flex}.rail-note-action{appearance:none;color:var(--color-develop);font-family:inherit;font-size:var(--fs-caption);font-weight:var(--font-weight-emphasis);cursor:pointer;background:0 0;border:none;flex-shrink:0}.agent-artifact-strip{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;align-items:center;gap:8px;display:flex;overflow-x:auto}.agent-artifact-strip>*,.agent-artifact-strip .asset-tile{flex:none}.agent-thinking{min-width:0;font-size:var(--fs-caption);color:var(--text-muted);margin-top:-6px}.agent-thinking>summary{cursor:pointer;-webkit-user-select:none;user-select:none;width:fit-content;min-height:28px;transition:color var(--motion-duration-fast), background var(--motion-duration-fast);border-radius:6px;align-items:center;gap:6px;padding:4px 6px;list-style:none;display:flex}.agent-thinking>summary::-webkit-details-marker{display:none}.agent-thinking>summary:hover{color:var(--text-secondary);background:var(--surface-hover)}.agent-thinking>summary:focus-visible{outline:2px solid var(--text-secondary);outline-offset:2px}.agent-thinking[open]>summary{color:var(--text-secondary)}.agent-thinking>summary svg{flex-shrink:0}.agent-thinking-body .chat-markdown{color:var(--text-secondary);font-size:var(--fs-caption);line-height:1.65}.agent-thinking-body{background:var(--surface-hover);color:var(--text-secondary);white-space:normal;overscroll-behavior:contain;border-radius:10px;max-height:min(220px,32vh);margin-top:6px;padding:12px 14px;overflow:auto}.agent-work-doing-text{animation:agent-live-enter var(--motion-duration-fast) var(--motion-ease-standard)}.agent-work-sweep.is-running,.loading-text{background-image:linear-gradient(100deg, var(--text-secondary) 0 38%, var(--text-primary) 50%, var(--text-secondary) 62% 100%);background-position:100% 0;background-repeat:no-repeat;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:2.4s linear infinite agent-live-sweep}.loading-text,.agent-work-sweep.is-running .agent-name-label,.agent-work-sweep.is-running .agent-work-doing,.agent-work-sweep.is-running .agent-work-doing-text{color:#0000;-webkit-text-fill-color:transparent}@keyframes agent-live-sweep{0%{background-position:100% 0}to{background-position:0 0}}@keyframes agent-live-enter{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.agent-work-doing-text,.agent-work-sweep.is-running,.loading-text{animation:none}.agent-work-sweep.is-running,.loading-text{background-image:none}.loading-text,.agent-work-sweep.is-running .agent-name-label,.agent-work-sweep.is-running .agent-work-doing,.agent-work-sweep.is-running .agent-work-doing-text{-webkit-text-fill-color:currentColor}.agent-work-sweep.is-running .agent-name-label,.loading-text{color:var(--text-primary)}.agent-work-sweep.is-running .agent-work-doing,.agent-work-sweep.is-running .agent-work-doing-text{color:var(--text-secondary)}}.chat-agent-response{padding:10px 0}.agent-work-record{flex-direction:column;gap:8px;min-width:0;display:flex}.agent-work-record>.chat-agent-response{padding-bottom:0}.agent-work-record+.chat-agent-response{padding-top:0}.agent-work-entry{min-width:0;font-size:var(--fs-body);overflow-wrap:anywhere;flex-direction:column;gap:8px;line-height:1.5;display:flex}.agent-work-entry.agent-media-entry{flex-direction:row;flex:none}.chat-history-control{min-height:32px;color:var(--text-muted);font-size:var(--fs-caption);flex-shrink:0;align-self:center}.prompt-content{white-space:pre-wrap}.prompt-content .object-chip{-webkit-user-select:text;user-select:text;cursor:pointer}.chat-input .object-chip{cursor:default}.prompt-reference-popover{--template-preview-width:min(300px, calc(100vw - 16px));visibility:hidden;z-index:1100;width:var(--template-preview-width);background:var(--surface-emphasis);max-height:calc(100vh - 16px);box-shadow:var(--shadow-dropdown,0 12px 40px #0006);color:var(--text-primary);font-size:var(--fs-caption);opacity:1;transition:opacity var(--motion-duration-fast) var(--motion-ease-standard);border-radius:16px;padding:8px;position:fixed;overflow:auto}@starting-style{.prompt-reference-popover{opacity:0}}.prompt-reference-popover[data-closing]{opacity:0;pointer-events:none}.prompt-reference-popover[data-reference-type=asset]{width:calc((var(--template-preview-width) - 16px) * .625 + 16px)}.prompt-reference-media{aspect-ratio:1;background:var(--bg);width:100%;color:inherit;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}button.prompt-reference-media{cursor:pointer}.prompt-reference-template-media{aspect-ratio:16/10}.prompt-reference-media>img,.prompt-reference-media>video{object-fit:contain;width:100%;height:100%}.prompt-reference-info{align-items:center;gap:8px;height:36px;padding:8px 4px 0;display:flex}.prompt-reference-kind{color:var(--text-secondary);flex:none;display:inline-flex}.prompt-reference-info strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.prompt-reference-error{color:var(--text-secondary);text-align:center;margin:0;padding:16px;line-height:1.5}.beta-access-page{background:var(--bg);place-items:center;min-height:100dvh;padding:32px 20px;display:grid}.beta-access-card{flex-direction:column;gap:24px;width:100%;max-width:420px;display:flex}.beta-access-brand{color:var(--text-primary);font-size:24px;font-weight:var(--font-weight-emphasis);align-self:flex-start;text-decoration:none}.beta-access-card h1{margin:8px 0 0;font-size:30px;line-height:1.2}.beta-access-card p{color:var(--text-secondary);overflow-wrap:anywhere;margin:0;line-height:1.5}.beta-access-card form{flex-direction:column;gap:12px;display:flex}.beta-access-card input{width:100%;font:inherit;color:var(--text-primary);background:var(--control-bg);border:0;border-radius:10px;padding:14px 16px}.beta-access-card button{min-height:44px;padding:12px 18px}.beta-access-card .secondary,.credit-contact .secondary{background:var(--control-bg);box-shadow:none;border:0}.beta-access-card .secondary:hover,.credit-contact .secondary:hover{background:var(--control-hover)}.beta-access-card [role=alert]{color:var(--text-primary)}.beta-access-card a:not(.beta-access-brand){color:var(--text-primary);text-underline-offset:4px}.credit-contact{color:var(--text-secondary);overflow-wrap:anywhere;flex-direction:column;gap:10px;margin-top:20px;display:flex}.credit-contact p{margin:0;line-height:1.5}.credit-contact a{color:var(--text-primary);text-underline-offset:4px}.credit-contact button{align-self:flex-start;min-height:44px;padding:10px 18px}.home-builder{scrollbar-gutter:stable;flex:1;min-width:0;min-height:0;padding:56px 32px 96px;overflow-y:auto}.home-content{width:100%;max-width:1120px;margin:0 auto}.home-builder .home-creation-hero{margin-bottom:56px}.home-builder .home-creation-hero h1{margin-bottom:24px}.home-composer-position{width:100%}.home-composer-position[data-docked=true]{z-index:30;pointer-events:none;padding:0 24px;position:fixed;bottom:20px}.home-composer-position[data-docked=true] .home-creation-dock{pointer-events:auto}.home-creation-dock{z-index:3;width:100%;max-width:560px;padding-bottom:env(safe-area-inset-bottom);transition:max-width var(--motion-duration-fast) var(--motion-ease-standard);margin-inline:auto;position:relative}.home-creation-dock[data-has-draft=true]{max-width:720px}.home-creation-dock:has(.chat-input:focus){max-width:720px}.home-creation-shortcuts{z-index:0;align-items:flex-end;gap:6px;margin-bottom:-12px;padding:4px 10px 0;display:flex;position:relative}.home-creation-dock .home-start-composer{z-index:1;position:relative}.home-shortcut-card{--card-angle:0deg;background:var(--surface-strong);min-width:0;height:48px;color:var(--text-secondary);box-shadow:var(--shadow-e2);font:inherit;font-size:var(--fs-caption);text-align:left;transform:rotate(var(--card-angle));transform-origin:bottom;transition:transform var(--motion-duration-fast) var(--motion-ease-standard), background var(--motion-duration-fast) var(--motion-ease-standard);border:0;border-radius:12px;flex:0 138px;align-items:center;gap:6px;padding:4px 10px 16px;line-height:1.2;display:flex}.home-shortcut-card:first-child{--card-angle:-2deg}.home-shortcut-card:last-child{--card-angle:2deg}.home-shortcut-card svg{flex-shrink:0;width:16px;height:16px}.home-shortcut-card>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;max-width:100%;display:-webkit-box;overflow:hidden}.home-shortcut-card:hover,.home-shortcut-card[aria-expanded=true]{background:var(--control-hover);color:var(--text-primary);transform:translateY(-2px)}.home-start-composer .chat-input{transition:min-height var(--motion-duration-fast) var(--motion-ease-standard);min-height:24px!important}.home-start-composer .chat-input:focus,.home-creation-dock[data-has-draft=true] .chat-input{min-height:48px!important}.home-start-composer .composer-actions-left{flex:1}.home-upload-preview{flex:0 0 64px;position:relative}.home-upload-preview-button{place-items:center;width:64px;height:64px;display:grid;position:relative;overflow:hidden;border-radius:12px!important;padding:6px!important}.home-upload-preview-remove{place-items:center;width:22px;height:22px;display:grid;position:absolute;top:-5px;right:-5px;border-radius:50%!important;padding:0!important}.home-field-error{font-size:var(--fs-caption);color:var(--color-ship);margin:6px 0 0}.home-preview-notice{color:var(--text-secondary);font-size:var(--fs-caption);margin:6px 0 0}.home-template-catalog{min-width:0}.home-catalog-empty{color:var(--text-secondary);font-size:var(--fs-body);padding:36px 0}.product-template-selection{background:var(--inverse-bg);color:var(--inverse-text);font-size:var(--fs-caption);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:flex;position:absolute;top:12px;right:12px}.product-template-card-selected{background:var(--surface-strong)!important}.home-discovery{--catalog-picker-inset:0px;flex-direction:column;gap:40px;display:flex}.home-discovery-section{min-width:0}.home-discovery-rail-title{min-height:32px;font-size:var(--fs-heading);font-weight:var(--font-weight-emphasis);align-items:center;gap:8px;margin:0 88px 16px 4px;display:flex}.home-discovery-rail-title svg{flex-shrink:0}.home-discovery-rail .product-paged-grid-pagination{flex-direction:row;gap:8px;top:-48px;left:auto;right:4px;transform:none}.home-discovery-rail .product-paged-grid-pagination>button{border-radius:8px;width:32px;height:32px}.home-discovery-shelf{grid-template-columns:144px minmax(0,1fr);align-items:start;gap:24px;display:grid}.home-shelf-categories{padding-top:4px}.home-shelf-content{min-width:0}.home-shelf-grid{padding:4px;display:grid}.home-shelf-grid:not(.asset-tile-grid){grid-template-columns:repeat(auto-fill,minmax(min(100%,172px),1fr));gap:16px}.product-paged-grid-page .product-template-card,.home-shelf-grid .product-template-card{width:100%;min-width:0;height:100%}.product-template-card-content:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:6px}.prompt-reference-popover[data-reference-type=inspiration]{width:min(240px,100vw - 16px)}.game-skill-preview{width:100%;height:100%}.catalog-continuation{color:var(--text-secondary);font-size:var(--fs-caption);flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.catalog-continuation:empty{display:none}.prompt-reference-skill-media{aspect-ratio:1;height:auto}.home-template-skeleton.home-template-skeleton-discovery>div:last-child>.skeleton:only-child{width:70%;height:1lh;font-size:var(--fs-title);margin:0}.home-concept-title{font-size:var(--fs-heading);font-weight:var(--font-weight-emphasis);margin:0 0 14px}.home-concept-description{color:var(--text-secondary);font-size:var(--fs-body);margin:0 0 20px;line-height:1.6}@media (width<=760px){.home-builder{padding:32px 20px 64px}.home-builder .home-creation-hero{margin-bottom:48px}.home-discovery-shelf{grid-template-columns:132px minmax(0,1fr);gap:12px}.home-creation-shortcuts{gap:6px;padding-inline:4px}.home-shortcut-card{flex:1;padding:4px 8px 16px}}@media (width<=600px){.home-discovery-rail-title{font-size:var(--fs-title)}}@media (width<=480px){.home-discovery-shelf{grid-template-columns:minmax(0,1fr)}.home-shelf-categories{scrollbar-width:none;flex-direction:row;overflow-x:auto}.home-shelf-categories .product-section-nav-title{font-size:var(--fs-title);margin:0 8px 0 0}.home-shelf-categories .asset-catalog-divider{align-self:center;width:1px;height:20px;margin:6px 8px}.home-shelf-categories .product-section-nav-row-shell{flex:none;width:auto}.home-shortcut-card svg{display:none}}@media (width<=380px){.home-upload-preview{flex-basis:52px}.home-upload-preview-button{width:52px;height:52px}}@media (prefers-reduced-motion:reduce){.home-creation-dock,.home-shortcut-card,.home-start-composer .chat-input{transition:none}}.cat-remix{gap:14px;min-width:0;display:grid;container-type:inline-size}.cat-remix-preview{background:var(--surface);border-radius:16px;justify-self:center;width:100%;height:clamp(320px,70.42cqw,620px);transition:width .65s cubic-bezier(.22,1,.36,1);overflow:hidden}.cat-remix-preview .workspace-build-controls{flex:1}.cat-remix-preview .demo-game-stage{justify-content:center;container-type:size}.cat-remix-preview .demo-paperwing-frame{flex:none;width:100%;transition:width .65s cubic-bezier(.22,1,.36,1),border-radius .65s}.cat-remix-preview[data-portrait=true]{width:min(100%,clamp(280px,37cqw,350px))}.cat-remix-preview .demo-game-shell:fullscreen .demo-paperwing-frame{border-radius:0;width:100%}.cat-remix-footer{justify-content:flex-start;align-items:center;gap:12px;min-width:0;display:flex}.cat-remix-prompt{color:var(--text-secondary);font-size:var(--fs-body);flex-shrink:0;margin:0;line-height:1.5}.cat-remix-directions{min-width:0}.cat-remix-directions .segmented-control-pills{justify-content:flex-start}.cat-remix-reset-slot{flex:0 0 32px;width:32px;height:32px;margin-left:auto;display:flex}.cat-remix-reset{background:var(--control-bg);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:background var(--motion-duration-fast), color var(--motion-duration-fast);border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.cat-remix-reset:hover{background:var(--control-hover);color:var(--text-primary)}.cat-remix-reset:focus-visible{outline:2px solid var(--focus);outline-offset:3px}@container (width<=700px){.cat-remix-footer{grid-template-columns:minmax(0,1fr) 32px;gap:8px 12px;display:grid}.cat-remix-prompt{grid-area:1/1}.cat-remix-directions{grid-area:2/1/auto/-1;width:100%}.cat-remix-reset-slot{grid-area:1/2}}@media (width<=780px){.cat-remix-preview{height:clamp(420px,64svh,580px);max-height:calc(100svh - var(--marketing-header-height) - 32px);border-radius:12px}}@media (prefers-reduced-motion:reduce){.cat-remix-preview,.cat-remix-preview .demo-paperwing-frame,.cat-remix-reset{transition:none}}.landing-hero{padding-top:var(--marketing-header-height)}.landing-hero-layout{width:min(var(--marketing-content-width), calc(100% - 64px));min-height:min(860px, calc(100svh - var(--marketing-header-height)));grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);align-items:center;gap:clamp(32px,3vw,48px);margin-inline:auto;padding-block:48px;display:grid}.landing-hero-copy{min-width:0;container-type:inline-size}.landing-hero h1{letter-spacing:-.045em;font-size:clamp(30px,11.5cqw,58px);line-height:1.08;font-weight:var(--font-weight-emphasis);margin:0}.landing-hero-promise{white-space:nowrap;align-items:baseline;gap:.22em;display:inline-flex}.landing-hero-noun{text-align:left;align-items:baseline;transition:width .7s cubic-bezier(.22,1,.36,1);display:inline-grid}.landing-hero-word{grid-area:1/1;width:max-content}.landing-hero-noun[data-animated=true] .landing-hero-word-in{animation:.7s cubic-bezier(.22,1,.36,1) both hero-word-in}.landing-hero-word-out{pointer-events:none;animation:.5s cubic-bezier(.4,0,.2,1) both hero-word-out}@keyframes hero-word-in{0%{opacity:0;filter:blur(5px);transform:translateY(.32em)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes hero-word-out{0%{opacity:1;filter:blur();transform:translateY(0)}to{opacity:0;filter:blur(5px);transform:translateY(-.28em)}}.landing-hero-description{max-width:46ch;color:var(--text-secondary);font-size:var(--fs-title);margin:24px 0 0;line-height:1.6}.landing-hero-cta{min-height:52px;font-size:var(--fs-body);font-weight:var(--font-weight-emphasis);margin-top:28px;padding:14px 22px}.landing-hero-game{width:100%;min-width:0}@media (width<=780px){.landing-hero-layout{grid-template-columns:minmax(0,1fr);gap:40px;width:calc(100% - 40px);min-height:auto;padding:42px 0 28px}.landing-hero-copy{text-align:center}.landing-hero h1{font-size:clamp(32px,6.7vw,48px)}.landing-hero-description{margin:20px auto 0}.landing-hero-cta{margin-top:24px}.landing-hero-game{width:min(560px,100%);margin-inline:auto}}@media (prefers-reduced-motion:reduce){.landing-hero-noun{transition:none}.landing-hero-word{animation:none!important}.landing-hero-word-out{display:none}}.onboarding-features{--feature-gutter:max(10%, calc((100% - 780px) / 2));min-width:0;padding:64px 0 24px;position:relative}.features-heading{text-align:center;font-size:var(--platform-display);font-weight:var(--font-weight-emphasis);letter-spacing:-.035em;margin:0 24px 36px;line-height:1.1}.feature-anchor{scroll-margin-top:28px;position:absolute;inset:0 auto auto 0}.features-rail{padding:0 var(--feature-gutter);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:24px;display:flex;position:relative;overflow-x:auto}.features-rail::-webkit-scrollbar{display:none}.feature-slide{--feature-offset:0;--feature-distance:0;scroll-snap-align:center;flex:0 0 100%;min-width:0}.feature-card{isolation:isolate;background:radial-gradient(ellipse at 62% 58%, var(--surface-active), var(--surface) 72%);height:520px;opacity:calc(1 - var(--feature-distance) * .5);border-radius:28px;grid-template-rows:minmax(0,1fr) auto;gap:24px;padding:32px;display:grid;position:relative;overflow:hidden}.feature-copy{z-index:2;pointer-events:none;min-width:0;transform:translateX(calc(var(--feature-offset) * 36px));position:relative}.feature-copy h3{font-size:22px;font-weight:var(--font-weight-emphasis);letter-spacing:-.015em;line-height:1.25}.feature-copy p{font-size:var(--fs-body);color:var(--text-secondary);margin-top:8px;line-height:1.5}.feature-visual{width:100%;min-width:0;max-width:580px;height:100%;min-height:0;transform:translateX(calc(var(--feature-offset) * -24px));justify-self:center;position:relative}.feature-select{z-index:3;border-radius:inherit;cursor:pointer;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.feature-select:hover{background:0 0}.feature-select:focus-visible{outline-offset:-4px}.features-controls{justify-content:center;align-items:center;gap:8px;margin:20px auto 0;padding:0 16px;display:flex}.feature-arrow{border-radius:50%;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:0;display:grid}.features-pagination{justify-content:center;align-items:center;display:flex}.feature-dot{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:44px;padding:0;display:grid}.feature-dot:hover{background:0 0}.feature-dot span{background:var(--text-muted);border-radius:50%;width:8px;height:8px;transition:background-color .2s}.feature-dot:hover span{background:var(--text-secondary)}.feature-dot[aria-current=true] span{background:var(--text-primary)}.feature-agents{--agent-cycle:6.4s;flex-direction:column;justify-content:center;height:100%;display:flex}.feature-agent-flow{grid-template-rows:176px 48px;grid-template-columns:minmax(0,1fr) 36px minmax(0,1.35fr) 36px minmax(0,1.05fr);align-items:center;row-gap:24px;display:grid}.feature-agent-flow>.feature-agent-coordinator{grid-area:1/1}.feature-agent-flow>.feature-agent-connections[data-merge=false]{grid-area:1/2}.feature-agent-flow>.feature-agent-team{grid-area:1/3}.feature-agent-flow>.feature-agent-connections[data-merge=true]{grid-area:1/4}.feature-agent-flow>.feature-agent-result{grid-area:1/5}.feature-agent-upcoming{background:var(--surface-active);height:48px;color:var(--text-primary);opacity:.5;border-radius:12px;grid-area:2/3;align-items:center;gap:8px;padding:12px 16px;display:flex}.feature-agent-upcoming svg{flex-shrink:0}.feature-agent-upcoming strong{font-size:var(--fs-body);font-weight:var(--font-weight-emphasis)}.feature-agent-feedback{fill:none;width:100%;height:100%;stroke:var(--text-muted);stroke-width:1px;opacity:.5;pointer-events:none;grid-row:1/3;overflow:visible}.feature-agent-feedback-in{grid-column:4/6}.feature-agent-feedback-out{grid-column:1/3}.feature-agent-feedback-in .feature-agent-light{animation-name:feature-agent-return-in}.feature-agent-feedback-out .feature-agent-light{animation-name:feature-agent-return-out}.feature-agent-coordinator{background:var(--surface-active);border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:0;padding:12px 16px;display:flex}.feature-agent-coordinator .mopan-brand-art{flex-shrink:0}.feature-agent-coordinator strong{font-size:var(--fs-body);font-weight:var(--font-weight-emphasis)}.feature-agent-team{gap:16px;display:grid}.feature-agent-node{background:var(--surface-active);border-radius:12px;align-items:center;gap:8px;min-width:0;height:48px;padding:12px 16px;display:flex}.feature-agent-icon{color:var(--text-primary);flex:0 0 18px;display:flex}.feature-agent-node strong{font-size:var(--fs-body);font-weight:var(--font-weight-emphasis);white-space:nowrap;line-height:1.35}.feature-agent-connections{fill:none;width:100%;height:176px;display:block;overflow:visible}.feature-agent-wire{stroke:var(--text-muted);stroke-width:1px;opacity:.4}.feature-agent-light{stroke:var(--text-primary);stroke-width:2px;stroke-linecap:round;stroke-dasharray:.16 1;opacity:0;filter:drop-shadow(0 0 3px var(--text-secondary));animation:feature-agent-flow var(--agent-cycle) linear infinite}.feature-agent-connections[data-merge=true] .feature-agent-light{animation-name:feature-agent-build}.feature-agents[data-playing=false] .feature-agent-light{visibility:hidden;animation:none}.feature-agent-result{background:var(--surface);border-radius:12px;width:100%;min-width:0;overflow:hidden}.feature-agents[data-playing=true] .feature-agent-result{animation:feature-agent-build-receive var(--agent-cycle) linear infinite}.feature-agents[data-playing=true] .feature-agent-upcoming{animation:feature-agent-play-receive var(--agent-cycle) linear infinite}.feature-agent-result-caption{font-size:var(--fs-caption);justify-content:space-between;align-items:center;gap:8px;padding:10px;display:flex}.feature-agent-result-caption strong{font-weight:var(--font-weight-emphasis)}.feature-agent-result-status{align-items:center;gap:5px;display:inline-flex}@keyframes feature-agent-flow{0%,4%{stroke-dashoffset:.16px;opacity:0}5%{stroke-dashoffset:.16px;opacity:.9}22%{stroke-dashoffset:-1px;opacity:.9}23%,to{stroke-dashoffset:-1px;opacity:0}}@keyframes feature-agent-build{0%,27%{stroke-dashoffset:.16px;opacity:0}28%{stroke-dashoffset:.16px;opacity:.9}45%{stroke-dashoffset:-1px;opacity:.9}46%,to{stroke-dashoffset:-1px;opacity:0}}@keyframes feature-agent-build-receive{0%,43%,57%,to{filter:brightness()}46%,50%{filter:brightness(1.16)}}@keyframes feature-agent-return-in{0%,56%{stroke-dashoffset:.16px;opacity:0}57%{stroke-dashoffset:.16px;opacity:.9}75%{stroke-dashoffset:-1px;opacity:.9}76%,to{stroke-dashoffset:-1px;opacity:0}}@keyframes feature-agent-play-receive{0%,74%,83%,to{opacity:.5}76%,80%{opacity:.7}}@keyframes feature-agent-return-out{0%,82%{stroke-dashoffset:.16px;opacity:0}83%{stroke-dashoffset:.16px;opacity:.9}97%{stroke-dashoffset:-1px;opacity:.9}98%,to{stroke-dashoffset:-1px;opacity:0}}.feature-generation{flex-direction:column;gap:16px;max-width:520px;height:100%;margin-inline:auto;display:flex}.feature-generation-tabs{flex:none;justify-content:center;padding:2px}.feature-generation-tabs .segmented-control{scrollbar-width:none;min-width:0;max-width:100%;overflow-x:auto!important}.feature-generation-tabs button{white-space:nowrap;flex-shrink:0}.feature-generation-preview{background:var(--surface);border-radius:16px;flex:1;min-height:0;position:relative;overflow:hidden}.feature-generated-image{border:0;border-radius:16px;width:100%;height:100%;padding:0;display:block;overflow:hidden}.feature-audio{place-items:center;height:100%;padding:24px;display:grid}.feature-runtime{aspect-ratio:29/18;width:100%;position:relative;top:50%;transform:translateY(-50%)}.feature-runtime-scene{grid-template-rows:auto auto;gap:10px;width:48%;min-width:0;margin:0;display:grid;position:absolute}.feature-runtime-scene[data-runtime="2d"]{z-index:1;bottom:0;left:0}.feature-runtime-scene[data-runtime="3d"]{z-index:2;width:58%;top:0;left:21%}.feature-runtime-scene[data-runtime="3d"] figcaption{grid-row:1}.feature-runtime-scene[data-runtime=html]{z-index:1;bottom:0;right:0}.feature-runtime-scene:focus-visible{z-index:3;outline:2px solid var(--focus);outline-offset:4px;border-radius:16px}.feature-runtime-scene:hover{z-index:4}.feature-runtime-scene>span{background:var(--surface);min-height:0;box-shadow:var(--shadow-e3);border-radius:16px;overflow:hidden}.feature-runtime-scene figcaption{text-align:center;font-size:var(--fs-body);font-weight:var(--font-weight-emphasis);color:var(--text-primary)}.feature-assets-wall,.feature-templates-wall{align-items:center;display:grid;position:absolute;inset:0}.feature-assets-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:420px;margin:0 auto;padding-bottom:24px;display:grid}.feature-asset-piece{min-width:0}.feature-asset-piece:nth-child(3n+2){transform:translateY(24px)}.feature-asset-piece:nth-child(3n+3){transform:translateY(10px)}.feature-asset-piece .asset-tile{width:100%}.feature-templates-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:16px;display:grid}.feature-template-piece{min-width:0}.feature-template-piece:first-child{grid-area:span 3/span 2}.feature-template-piece:nth-child(2n){transform:translateY(-18px)}.feature-template-piece:nth-child(odd):not(:first-child){transform:translateY(18px)}.feature-skills{align-items:center;height:100%;display:grid}.feature-skills-grid{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:14px;width:100%;min-width:0;padding:4px 4px 24px;display:flex;overflow-x:auto}.feature-skills-grid::-webkit-scrollbar{display:none}.feature-skill-piece{scroll-snap-align:start;flex:0 0 calc(33.3333% - 22.6667px);min-width:150px}.feature-skill-piece:nth-child(2n){transform:translateY(18px)}@media (width<=780px){.onboarding-features{--feature-gutter:16px;padding-top:40px}.features-heading{margin-bottom:24px}.features-rail{gap:12px}.feature-card{border-radius:20px;gap:20px;height:460px;padding:20px}.feature-copy h3{font-size:20px}.feature-agent-flow{flex-direction:column;gap:0;display:flex}.feature-agent-coordinator{padding:12px 16px}.feature-agent-mobile-connection{background:var(--text-muted);opacity:.5;width:1px;height:28px}.feature-agent-result{width:min(100%,220px)}.feature-agents[data-playing=true] .feature-agent-result{animation:none}.feature-generation{gap:10px}.feature-generation-tabs .segmented-control{overflow:hidden!important}.feature-generation-tabs button{justify-content:center;width:48px;min-height:44px}.feature-generation-label{text-align:center;font-size:var(--fs-caption);color:var(--text-secondary)}.feature-generated-sprite{border-radius:inherit;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.feature-audio{padding:16px}.feature-runtime{width:min(100%,480px);margin-inline:auto}.feature-assets-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:240px;padding:0}.feature-asset-piece:nth-child(n){transform:none}.feature-templates-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,260px);margin-inline:auto}.feature-template-piece:first-child{grid-area:auto/span 2}.feature-template-piece:nth-child(2n),.feature-template-piece:nth-child(odd):not(:first-child){transform:none}.feature-skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,320px);margin-inline:auto;padding:0;display:grid;overflow:visible}.feature-skill-piece{min-width:0}.feature-skill-piece:nth-child(n){transform:none}.features-controls{margin-top:16px}}@media (width<=480px){.feature-runtime{aspect-ratio:6/5;width:min(100%,360px)}.feature-runtime-scene figcaption{font-size:var(--fs-caption)}.feature-dot{width:28px}.features-controls{gap:4px}}@media (prefers-reduced-motion:reduce){.onboarding-features *,.onboarding-features :before{scroll-behavior:auto;transition:none!important;animation:none!important}.feature-copy,.feature-visual{transform:none}.feature-card{opacity:1}}.onboarding-home{scrollbar-gutter:stable both-edges}.marketing-shell .platform-scroll.onboarding-home{padding-top:0}:where(.onboarding-home) :where(h1,h2,h3,p){margin:0}.onboarding-home button,.onboarding-home summary{-webkit-tap-highlight-color:transparent}.onboarding-home :focus-visible{outline:2px solid var(--focus);outline-offset:3px}.onboarding-eyebrow{font-size:var(--fs-caption);letter-spacing:.08em;color:var(--text-secondary);display:block}.onboarding-primary,.onboarding-secondary{cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:11px 20px;text-decoration:none;display:inline-flex}.onboarding-anchor{scroll-margin-top:40px}.demo-game-shell{flex-direction:column;width:100%;height:100%;min-height:0;display:flex;container-type:inline-size}.demo-paperwing-frame{width:100%;height:100%;position:relative;overflow:hidden}.demo-paperwing-frame iframe{border:0;width:100%;height:100%;display:block}.demo-game-loading{background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.onboarding-sections{max-width:1200px;margin:0 auto;padding:0 48px}.onboarding-section-heading h2{letter-spacing:-.035em;font-size:clamp(30px,3.9vw,48px);line-height:1.1;font-weight:var(--font-weight-emphasis);margin:0}.onboarding-section-heading{text-align:center}.onboarding-faq{padding:120px 0}.onboarding-questions{max-width:780px;margin:55px auto 0}.onboarding-question{--faq-duration:.28s}.onboarding-question h3{margin:0}.onboarding-question button{cursor:pointer;width:100%;color:var(--text-primary);font:inherit;font-size:var(--fs-title);font-weight:var(--font-weight-default);text-align:left;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:20px;padding:23px 0;display:flex}.onboarding-question button:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.onboarding-question button svg{color:var(--text-secondary);transition:transform var(--faq-duration) var(--motion-ease-standard);flex-shrink:0}.onboarding-answer{opacity:0;transition:grid-template-rows var(--faq-duration) var(--motion-ease-standard), opacity var(--faq-duration) var(--motion-ease-standard);grid-template-rows:0fr;display:grid}.onboarding-question[data-open=true] .onboarding-answer{opacity:1;grid-template-rows:1fr}.onboarding-answer>div{min-height:0;overflow:hidden}.onboarding-answer p{font-size:var(--fs-body);max-width:680px;color:var(--text-secondary);margin:0;padding:0 30px 25px 0;line-height:1.8}@keyframes demo-signal{0%{opacity:0;top:0}20%{opacity:1}90%,to{opacity:0;top:calc(100% - 8px)}}@keyframes demo-walk{to{transform:skewY(9deg)translate(-3px)}}@keyframes demo-bob{to{translate:0 -3px}}@keyframes demo-jump{0%,70%,to{translate:0}35%{translate:0 -22px}}@keyframes demo-wave{to{transform:scaleY(.35)}}@media (width<=780px){.demo-game{aspect-ratio:1.7;max-height:280px}.demo-game-overlay{padding:10px}.demo-game-overlay h3{margin:6px 0;font-size:26px}.demo-game-overlay p{font-size:var(--fs-micro);margin-bottom:12px}.demo-game-overlay .onboarding-eyebrow{font-size:var(--fs-micro)}.onboarding-sections{padding:0 24px}.onboarding-faq{padding:80px 0}.onboarding-question button{font-size:var(--fs-body)}}@media (height<=740px) and (width>=781px){.demo-game{max-height:270px}}@media (prefers-reduced-motion:reduce){.onboarding-home *,.onboarding-home :after{scroll-behavior:auto;transition:none!important;animation:none!important}.onboarding-primary:hover{transform:none}}.demo-game-score{font-size:var(--fs-micro);background:var(--backdrop);border-radius:5px;padding:3px 7px;position:absolute;top:8px;right:10px}.demo-game-hearts span{background:var(--text-muted)}.demo-game-hearts span[data-filled=true]{background:var(--text-primary)}.demo-game-shell:fullscreen{background:var(--bg)}@media (width<=780px){.demo-game-shell .workspace-pane-header{min-height:44px;padding:0 12px}.demo-game-overlay .onboarding-eyebrow{display:none}}.onboarding-home .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-game-stage[data-ready=false]{visibility:hidden;pointer-events:none;position:absolute;inset:56px 0 0}.demo-game-stage[data-ready=true]{animation:.5s both demo-arrive}@keyframes demo-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.demo-game-stage{width:100%;position:relative}.demo-game-shell:fullscreen{border-radius:0;width:100vw;height:100dvh}.demo-game-shell:fullscreen .demo-game-stage{width:100%;max-width:none;height:100%}