/* Whoopi / Developer edition. Dark surfaces, precise type, living light. */
:root{color-scheme:dark;--bg:#080b12;--ink:#edf2fa;--muted:#94a0b4;--line:#222a39;--lime:#b9f66b;--purple:#b89cff;--orange:#ff926e;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}
body{background:radial-gradient(ellipse 650px 550px at 82% 12%,#30204438,transparent 80%),var(--bg)}
body:before{content:'';position:absolute;inset:0 0 auto;height:900px;background-image:linear-gradient(#94a4cf06 1px,transparent 1px),linear-gradient(90deg,#94a4cf06 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(black,transparent);pointer-events:none;z-index:-1}
::selection{background:#b9f66b;color:#080b12}.header{height:84px;border-color:var(--line)}.logo{font-size:29px;letter-spacing:-1.5px}.logo svg{width:31px;color:var(--lime)}.logo-dot{color:var(--lime)}.header nav{font-family:var(--mono);font-size:11px;color:#9da9bc;gap:29px}.header nav a:hover,.text-link:hover{color:var(--lime)}.button{border-radius:5px;font-family:var(--mono);font-size:12px;border-color:#364054}.dark{background:var(--lime);color:#111a08;border-color:var(--lime);box-shadow:0 0 22px #b9f66b0a}.dark:hover{background:#ceff91;box-shadow:0 0 30px #b9f66b20}.small{font-size:10px}.text-link{color:#c0cad8;font-family:var(--mono);font-size:11px}.hero{grid-template-columns:1.08fr 1fr;gap:35px;padding-top:65px}.hero-copy{padding:10px 0 0}.release{font:8px var(--mono);border-color:#273341;color:#b5c2d0;padding:6px 7px 6px 10px;border-radius:4px;letter-spacing:.6px}.release-version{background:#1c2830;color:var(--lime);font:9px var(--mono);border-radius:3px}.live-dot{background:var(--lime);box-shadow:0 0 10px #b9f66b55}.dev-command{font:11px var(--mono);color:var(--lime);margin-top:32px}.dev-command>span:first-child{color:#697991}.terminal-caret{animation:terminal-blink 1.1s step-end infinite;margin-left:5px}.hero h1{font-size:clamp(52px,5.1vw,74px);letter-spacing:-3.8px;line-height:1.1;margin:18px 0 23px;max-width:680px}.gradient-ink{background:linear-gradient(110deg,#b9f66b 10%,#a5e6d2 45%,#b89cff 85%);background-clip:text;-webkit-background-clip:text;color:transparent;background-size:180% 100%;animation:gradient-drift 8s ease infinite}.hero-copy>p{font-size:14px;line-height:1.9;max-width:440px}.hero-actions{gap:24px;margin:30px 0 26px}.hero-note{font:9px var(--mono);color:#687a90;gap:10px}.hero-note i{background:#3e4c63}.hero-bottom{font:9px var(--mono);color:#697c93;padding:26px 0 29px}.hero-bottom a{color:#a2b0c2;font-size:10px}.hero-art{min-height:0;height:490px;border-radius:9px;border:1px solid #354256;background:#10151f;box-shadow:0 20px 80px #0006,0 0 70px #8c6cff08;cursor:default;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .4s}.hero-art:hover{box-shadow:0 20px 80px #0008,0 0 45px #8c6cff22}.art-top{position:relative;inset:auto;height:43px;padding:0 16px;border-bottom:1px solid #2d3546;background:#151b27;flex:none;font:9px var(--mono);color:#acb8cb;letter-spacing:0}.art-top i{background:var(--purple);box-shadow:0 0 9px #b89cff70}.art-top button{color:#acb8cb;border-color:#344057;border-radius:4px;width:24px;height:24px}.render-viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:#23202c}.render-hero-image{width:100%;height:100%;object-fit:cover;display:block;animation:render-breathe 12s ease-in-out infinite;filter:saturate(.95) contrast(1.04)}.viewport-grid{position:absolute;inset:0;background:linear-gradient(transparent 48%,#ffffff0e 50%,transparent 52%);background-size:100% 4px;opacity:.12;pointer-events:none}.viewport-corner{position:absolute;width:28px;height:28px;border-color:#fff9;pointer-events:none}.viewport-corner.tl{left:17px;top:17px;border-left:1px solid;border-top:1px solid}.viewport-corner.br{right:17px;bottom:17px;border-right:1px solid;border-bottom:1px solid}.viewport-badge{position:absolute;bottom:16px;left:17px;background:#10151fd9;color:#dce4ed;border:1px solid #ffffff20;border-radius:3px;padding:6px 8px;font:7px var(--mono);letter-spacing:.6px}.scene-console{background:#10151f;padding:15px 17px;border-top:1px solid #30394c;display:flex;flex-direction:column;gap:6px;font:10px/1.5 var(--mono);color:#bdc9db}.console-line b{font-weight:400;color:#445269;margin-right:14px}.console-line i{color:#c29eff;font-style:normal}.console-line em{font-style:normal;color:#7cddd2}.console-line strong{font-weight:400;color:#c7eb94}.art-bottom{position:relative;inset:auto;height:30px;flex:none;padding:0 15px;border-top:1px solid #283143;background:#161d29;color:#7e90aa;font:7px var(--mono)}.art-bottom>span:first-child{display:flex;align-items:center;gap:6px}.art-bottom .live-dot{width:4px;height:4px}.paused .render-hero-image,.paused .hero-scanline{animation-play-state:paused}.platform-strip{background:#0c1019}.platforms{min-height:93px}.platforms>span{font:9px/1.8 var(--mono);color:#586b85}.platforms b{color:#a4b1c3}.platforms>div{font:12px var(--mono);color:#8796ad}.platform-icon{font-size:21px}.section{padding-top:100px;padding-bottom:100px}.eyebrow{font:9px var(--mono);letter-spacing:1px;color:#8d9cb3}.dot{height:5px;width:5px;border-radius:0}.section-heading h2{font-size:clamp(34px,3.8vw,53px);letter-spacing:-2.2px;line-height:1.14}.section-heading>p{font-size:13px;color:#8e9cb0}.feature-grid{gap:20px}.feature{background:linear-gradient(145deg,#161c28,#0d121d);border:1px solid #273144;border-radius:8px;padding:20px 20px 25px}.feature:after{background:radial-gradient(300px circle at var(--mx,50%) var(--my,0%),#b396ff1b,transparent 75%)}.feature:hover{box-shadow:0 15px 55px #0007;border-color:#5c567b}.feature-top{font:8px var(--mono);color:#97a6bd;letter-spacing:.6px}.feature-top>span:last-child{color:var(--lime)}.feature-render{height:240px;position:relative;margin:20px -20px 0;overflow:hidden;border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c}.feature-render img{display:block;width:100%;height:100%;object-fit:cover;transition:scale .8s;filter:saturate(.88)}.feature:hover .feature-render img{scale:1.055}.render-label{position:absolute;left:15px;bottom:13px;color:#e2e8f2;background:#0c121ddd;border:1px solid #ffffff20;border-radius:3px;padding:6px 8px;font:7px var(--mono);letter-spacing:.8px}.feature h3{font-size:19px;color:#e4ebf6;margin-top:23px}.feature p{font-size:12px;color:#8e9db3}.playground-section{background:#0d111b;border-color:#232b3a}.playground{background:#111723;border-color:#2c374b;border-radius:8px;box-shadow:0 20px 60px #0003}.playground-controls{border-color:#273246}.control-heading{font:12px var(--mono);color:#c5d1e2}.playground-controls label{font-family:var(--mono);color:#586a82}.playground-controls label span{font-size:10px}.swatch{border-color:#111723;border-radius:7px}.swatch.active{outline-color:var(--lime)}.shuffle{border-color:#34445b;font-size:9px;color:#bcc9dd}.shuffle:hover{background:#1c2737}.range-labels,.demo-note{color:#7b8ca6}#motion-range{accent-color:var(--lime)}.stage-pause{background:#101826c9;border-color:#ffffff35}.stage-coordinate{color:#9db0c9}.profile-tabs button{font:10px var(--mono);color:#6b7e99}.profile-tabs button.active{color:var(--lime);border-color:var(--lime)}.profile-panel{background:#111a21;border:1px solid #293748;border-top:0;border-radius:0 0 8px 8px}.pill-tag{border-color:#394f46;color:#a9cb98;border-radius:3px;font:8px var(--mono)}.profile-intro p{color:#8d9db2}.profile-intro h3{font-size:32px}.profile-metrics>div{border-color:#2c3b49}.profile-metrics strong{font-family:var(--mono);font-size:42px;color:#d5eec4}.profile-metrics>div>span{color:#7c8fa5;font:8px var(--mono)}.profile-metrics>div:after{background:var(--lime);box-shadow:0 0 9px #b9f66b30}.profile-panel:after{border-color:#87aeb115;box-shadow:0 0 0 35px #87aeb105,0 0 0 70px #87aeb104}.technical-note{font:9px/1.7 var(--mono);color:#71829b}.render-lab{background:#0b0f19;border-color:#222c3d}.section-heading h2 .spectrum-text{background-image:linear-gradient(100deg,#b9f66b,#aab5fa 60%,#c89cf2)}.lab-shell{border-radius:8px;border-color:#354258;box-shadow:0 20px 65px #0005}.lab-toolbar{background:#141b28;border-color:#303c50;height:57px}.lab-tabs button{color:#586a85;font-family:var(--mono)}.lab-tabs button span{color:#8494ac;font-size:10px}.lab-tabs button[aria-selected=true],.lab-tabs button[aria-selected=true] span{color:var(--lime)}.lab-tabs button:after{background:var(--lime)}#lab-pause{border-color:#38465e;border-radius:4px;color:#a2b2cc}.lab-kicker,.lab-hint,.lab-bottom{font-family:var(--mono)}.lab-overlay{top:40px}.lab-word{font-size:62px;letter-spacing:-3px}.pipeline-section{background:radial-gradient(ellipse at 15% 100%,#293b3728,transparent 65%),#0b111a;border-bottom:1px solid #253040}.pipeline article{border-color:#293549}.pipeline article>span,.pipeline small{color:#68829a;font-family:var(--mono)}.pipeline p{color:#8b9db3}.pipeline h3{font-size:15px}.pipeline-section .text-link{color:var(--lime);font:10px var(--mono)}.pipeline article:after{background:linear-gradient(transparent,#9df66a,transparent)}.code-window{border-radius:8px;background:#101621;border-color:#344159;box-shadow:0 20px 70px #0006}.code-window:hover{border-color:#697453;box-shadow:0 20px 70px #0006,0 0 50px #b9f66b08}.code-top{background:#171e2b;color:#7b8ca6;border-color:#2b374b;font-family:var(--mono)}.code-tabs{border-color:#2a3548;background:#111825}.code-tabs button{color:#7d8ba4}.code-tabs button.active{color:var(--lime);border-color:var(--lime)}.code-window pre{color:#bdc9dc;font:11px/1.9 var(--mono);padding:26px 23px;min-height:335px}.token-key{color:#c49cfa}.token-type{color:#7dded5}.token-comment{color:#5e7695}.token-string{color:#c6e68e}.code-footer{background:#111b28;border-color:#2b374b;color:#7d92ae;font-family:var(--mono)}.download-link{color:#8094af;font-family:var(--mono)}.closing{background:radial-gradient(ellipse at 80% 120%,#61528744,transparent 65%),#141d28;border-block:1px solid #304052;padding:65px 0}.closing .eyebrow{color:var(--lime)}.closing h2{font-size:53px;letter-spacing:-2.5px;max-width:650px}.closing h2>span{color:var(--lime);font-size:50px;animation:none}.closing-decoration{color:#98a6bf07;font-family:var(--mono);font-size:310px;top:-55px}.footer-main p,.footer-bottom{color:#60728d}.footer-main>a:not(.logo){color:#9cabc1;font-family:var(--mono);font-size:9px}.footer-main>a:hover{color:var(--lime)}.footer-bottom{font:8px/1.5 var(--mono)}.toast{background:#182536;border:1px solid #3b5068;border-radius:6px;color:#dce8f7;font:11px var(--mono)}.experience-tools{background:#121b29ed;border-color:#324259;box-shadow:0 5px 30px #0005}.experience-tools>button{color:#a5b8d1;font-family:var(--mono);font-size:9px}.experience-tools>button:hover{background:#243247}.experience-tools svg{fill:#b9f66b}.experience-tools #effects-toggle{border-color:#334057}.pet-menu{background:#121b29;border-color:#33445f;box-shadow:0 12px 40px #0007}.pet-menu small{color:#7e94b3}.pet-menu>button{color:#bdcbe0;border-color:#2b3b52}.pet-menu>button:hover{background:#213149}.pet-shadow{background:#0009}.poodle canvas{filter:drop-shadow(0 1px 1px #d5e0ff35)}.pet-heart{color:#e9b1ff}.poodle[data-behavior=hop] .pet-shadow{opacity:0}.poodle.landed canvas{animation:landing-squash .18s ease-out}.poodle[data-behavior=sleep]:after{color:#a0b1c8}.reading-progress{height:2px}
.docs-shell{padding-top:50px}.docs-search{background:#121a28;border-color:#30415a;color:#dce7f5;font:11px var(--mono)}.docs-nav a{color:#8f9fb8;font-family:var(--mono);font-size:11px}.docs-nav a:hover{background:#1b2938;color:var(--lime)}.docs-lead,.docs-section p,.docs-section li{color:#96a7bf}.docs-code{background:#101a28;border-color:#2c405b;color:#c0d1e9}.docs-callout{background:#122321;border-color:#345948;color:#b1cdbf}.docs-content code{background:#1b293a;color:#b5e89d}.docs-code code{background:none;color:inherit}.docs-table th,.docs-table td{border-color:#2b3a50;color:#a5b6cf}.docs-table th{background:#172436;color:#d3dfef}.doc-badge{background:#1d2937;color:var(--lime);border-color:#3a4d61}.docs-section a{color:var(--lime)}.docs-section h2,.docs-section h3{color:#e4edf8}.docs-content pre{color:#bfcee2}.docs-section table{background:#101824}
@keyframes terminal-blink{50%{opacity:0}}@keyframes gradient-drift{50%{background-position:100% 50%}}@keyframes render-breathe{50%{transform:scale(1.045) translateY(-2px)}}@keyframes landing-squash{0%{scale:1.12 .84}100%{scale:1 1}}
@media(max-width:1050px){.hero{gap:25px}.hero h1{font-size:53px;letter-spacing:-2.8px}.hero-art{height:470px}.hero-actions{gap:16px}.hero-actions .button{padding:16px}.feature-render{height:205px}.scene-console{font-size:9px}.header nav{gap:17px}.profile-tabs button{font-size:9px}}
@media(max-width:800px){.hero{grid-template-columns:1fr}.hero-copy{max-width:640px}.hero h1{font-size:70px;max-width:650px}.hero-art{height:530px}.hero-copy>p{max-width:none}.hero-note{margin-bottom:15px}.feature-render{height:230px}.header{height:78px}.header nav{background:#111a28;border:1px solid #2c3d56;box-shadow:0 15px 40px #0005}.menu-toggle{color:#dbe8f7}.lab-word{font-size:49px}.start-section{gap:35px}.closing h2{font-size:48px}.platforms>div{font-size:11px}}
@media(max-width:600px){.hero{padding-top:32px;gap:22px}.hero h1{font-size:46px;letter-spacing:-2.4px;line-height:1.14;margin:16px 0 22px}.hero-copy>p{font-size:13px;line-height:1.85}.dev-command{margin-top:26px;font-size:10px}.release{font-size:7px;letter-spacing:.35px}.release-version{font-size:8px}.hero-art{height:405px;border-radius:6px}.art-top{height:37px;font-size:8px;padding:0 12px}.scene-console{font-size:8px;padding:11px 12px;gap:4px}.console-line b{margin-right:10px}.art-bottom{height:27px;font-size:6px;padding:0 12px}.hero-actions{gap:18px;margin:25px 0 23px}.hero-actions .button{font-size:10px;padding:15px 17px;gap:17px}.hero-actions .text-link{font-size:9px;gap:7px}.hero-note{font-size:8px;gap:8px}.hero-bottom{padding:8px 0 20px;font-size:7px;gap:12px}.hero-bottom a{font-size:8px}.hero-bottom a span{margin-left:4px}.platforms{min-height:125px}.platforms>span{font-size:8px}.platforms>div{font-size:10px}.section{padding-top:65px;padding-bottom:65px}.section-heading h2{font-size:34px;letter-spacing:-1.8px}.section-heading>p{font-size:12px}.feature{padding:19px 19px 25px}.feature-render{margin:19px -19px 0;height:285px}.feature h3{font-size:21px}.feature p{font-size:12px}.profile-tabs button{font-size:10px}.profile-panel{padding:25px}.profile-metrics strong{font-size:36px}.profile-intro h3{font-size:28px}.profile-metrics .quality{font-size:22px}.profile-metrics>div>span{font-size:8px}.profile-metrics{gap:25px 15px}.technical-note{font-size:8px}.lab-word{font-size:42px}.lab-toolbar{height:61px}.lab-tabs button span{font-size:9px}.lab-hint{font-size:9px}.code-window pre{font-size:9px;padding:19px 14px;min-height:300px}.closing h2{font-size:39px;max-width:310px;letter-spacing:-1.8px}.closing h2>span{font-size:36px}.closing-decoration{right:-70px;top:70px;font-size:230px}.footer-bottom{font-size:7px}.footer-main>a:not(.logo){font-size:8px}.docs-shell{padding-top:30px}.docs-nav a{font-size:9px}.docs-content h1{font-size:42px}.docs-lead{font-size:15px}}
@media(prefers-reduced-motion:reduce){.terminal-caret,.gradient-ink,.render-hero-image{animation:none}}
.docs-flow>div{background:#111b29;border-color:#2c3e55}.docs-flow b{color:#b5d5e6;font-family:var(--mono);font-size:11px}.docs-content th{background:#172436;color:#d3dfef;border-color:#2b3a50}.docs-content td{color:#a5b6cf;border-color:#2b3a50}.docs-section code:not(pre code){background:#1b293a;color:#b5e89d}.search-status,.no-results{color:#8ea2bf}.skip{color:#0b1410}.hero-art.paused .hero-scanline{animation-play-state:paused}