.d-demo{max-height:650px!important;isolation:isolate}
.d-start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;will-change:opacity,transform}
.d-intro{display:flex;flex-direction:column;align-items:center;text-align:center}.d-intro>p{color:var(--g-muted);font-size:14px;line-height:1.7;margin:16px 0 0;letter-spacing:-.015em}.d-intro h1 span{color:var(--g-soft)}
.d-composer{width:100%;margin-top:35px}.d-composer .g-input{min-height:34px}.d-composer .g-project svg{color:var(--g-accent)}.d-composer .g-go{border:0;cursor:pointer}.d-composer [data-d-placeholder]{color:var(--g-muted)}
.d-scroll{display:flex;align-items:center;gap:12px;color:var(--g-muted);margin:22px 0 0;padding:8px 12px;min-height:44px;font:400 10px/1.4 Manrope,Arial,sans-serif;background:transparent;border:0;cursor:pointer}.d-scroll svg{width:12px;height:18px}
.d-session{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:18px;visibility:hidden}
.d-prompt{align-self:flex-end;max-width:88%;padding:13px 18px;border-radius:18px 18px 4px 18px}.d-prompt>span{display:block;font-size:8px;color:var(--g-soft);margin-bottom:5px}.d-prompt>p{font-size:14px;line-height:1.6;letter-spacing:-.015em;margin:0;color:var(--g-ink)}
.d-body{position:relative;height:360px;flex-shrink:0}
.d-making{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.d-making-top{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:550px;margin:0 auto 4px;color:var(--g-soft)}.d-making-top>span{display:flex;align-items:center;gap:8px;font-size:10px}.d-making-top>span svg{width:15px;height:15px;color:var(--g-accent)}.d-making-top small{font-size:8px;opacity:.75}
.d-energy{position:relative;width:280px;height:210px;flex-shrink:0;display:grid;place-items:center;perspective:600px}
.d-core{width:57px;height:57px;display:grid;place-items:center;color:#f2ffd4;filter:drop-shadow(0 0 15px #b9f0a3a6);animation:d-heart 2s ease-in-out infinite alternate;z-index:2}.d-core svg{width:43px;height:43px}
.d-plume{position:absolute;left:95px;top:54px;width:90px;height:110px;border-radius:45% 55% 44% 56%;background:radial-gradient(ellipse at 45% 60%,#dfff9c80,#8bde9b48 35%,#50a7830a 70%,transparent);filter:blur(9px);mix-blend-mode:screen;animation:d-flare 2s ease-in-out infinite alternate}
.d-plume-b{animation-delay:-.9s;animation-duration:1.7s;transform:rotate(120deg);background:radial-gradient(ellipse at 45% 60%,#c5f4b566,#32b0a459 35%,transparent 72%)}.d-plume-c{animation-delay:-1.4s;animation-duration:2.6s;transform:rotate(240deg)}
.d-orbit{position:absolute;left:65px;top:30px;width:150px;height:150px;border:1px solid #daefab48;border-radius:50%;transform:rotateX(64deg) rotateZ(0deg);animation:d-orbit 3s linear infinite}.d-orbit-a:before{content:'';position:absolute;top:13px;left:23px;width:5px;height:5px;background:#e3f7b5;border-radius:50%;box-shadow:0 0 13px #d5f19c}
.d-orbit-b{transform:rotateY(64deg) rotateZ(40deg);animation-name:d-orbit-b;animation-duration:4s;border-color:#80cdb04a}.d-spark{position:absolute;left:137px;top:100px;width:3px;height:3px;border-radius:50%;background:#ecffb9;box-shadow:0 0 8px #d0ffbc;animation:d-spark 1.7s ease-out infinite}.s2{animation-delay:-.4s;--sx:70px;--sy:-58px}.s3{animation-delay:-.9s;--sx:-68px;--sy:44px}.s4{animation-delay:-1.2s;--sx:73px;--sy:52px}.s1{--sx:-72px;--sy:-56px}
.d-chip{position:absolute;border:1px solid #d5edb52b;border-radius:5px;background:#e4f3da08;backdrop-filter:blur(6px);font-size:8px;color:var(--g-muted);padding:5px 8px;animation:d-feed 3.6s ease-in-out infinite}.c1{left:12px;top:44px;--dx:70px;--dy:35px}.c2{right:8px;top:56px;--dx:-65px;--dy:28px;animation-delay:-.8s}.c3{left:25px;bottom:26px;--dx:64px;--dy:-37px;animation-delay:-1.6s}.c4{right:23px;bottom:24px;--dx:-65px;--dy:-38px;animation-delay:-2.4s}
.d-activity{display:flex;align-items:center;justify-content:center;gap:9px;height:26px}.d-activity strong{font-size:19px;font-weight:500;letter-spacing:-.035em;color:var(--g-ink)}.d-activity-dot{width:4px;height:4px;background:#dcebb9;border-radius:50%;box-shadow:0 0 9px #dcebb970;animation:d-heart 1s ease-in-out infinite alternate}.d-dots{color:var(--g-soft);font-size:20px;animation:d-heart .7s ease-in-out infinite alternate}
.d-detail{margin:8px 0 0;font-size:11px;line-height:1.5;text-align:center;color:var(--g-muted)}.d-load{height:2px;width:240px;max-width:80%;margin-top:22px;background:#e2edcc22;border-radius:3px;overflow:hidden}.d-load>span{display:block;transform-origin:left center;width:100%;height:100%;background:#dcebb9;box-shadow:0 0 15px #dcebb9}
.d-workstream{display:flex;justify-content:space-between;gap:12px;width:240px;max-width:80%;margin-top:12px}.d-workstream>span{font-size:6px;letter-spacing:.1em;color:#b7cbb367;transition:color .2s}.d-workstream .is-on{color:#dcebb9}
.d-result{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;visibility:hidden}.d-result-head{display:flex;align-items:center;gap:9px;width:min(100%,520px);margin-bottom:12px}.d-result-head>img{width:26px;height:26px;object-fit:cover;border-radius:50%;background:#0a272870;border:1px solid #dcebb921}.d-result-head>div>span{font-size:9px;color:var(--g-soft)}.d-result-head p{margin:2px 0 0;font-size:12px;color:var(--g-ink)}.d-ready{margin-left:auto;font-size:8px;color:var(--g-muted);border:1px solid var(--g-border);padding:5px 8px;border-radius:20px}
.d-video-frame{width:min(100%,520px);aspect-ratio:16/9;overflow:hidden;border:1px solid #e9f3dc5c;border-radius:14px;box-shadow:0 18px 70px #00191040;background:#071b19}.d-video-frame video{width:100%;height:100%;display:block;object-fit:cover}.d-result-meta{width:min(100%,520px);display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:7px;font-size:8px;color:var(--g-soft)}.d-result-meta button{padding:5px 0 5px 10px;min-height:32px;color:var(--g-muted);border:0;background:none;font:400 8px/1.4 Manrope,Arial,sans-serif;cursor:pointer}
.d-disclosure{position:absolute;bottom:-8px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.03em;color:var(--g-soft);opacity:.7}
.d-demo[data-phase=video] .d-making *,.d-demo[data-phase=welcome] .d-making *{animation-play-state:paused}
@keyframes d-heart{from{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1.06)}}@keyframes d-flare{0%{transform:rotate(-30deg) scale(.8,.9);opacity:.45}100%{transform:rotate(60deg) scale(1.25,1.2);opacity:1}}@keyframes d-orbit{to{transform:rotateX(64deg) rotateZ(360deg)}}@keyframes d-orbit-b{to{transform:rotateY(64deg) rotateZ(400deg)}}@keyframes d-spark{0%{opacity:0;transform:translate(0,0) scale(.3)}20%{opacity:1}100%{opacity:0;transform:translate(var(--sx),var(--sy)) scale(.4)}}@keyframes d-feed{0%,15%{opacity:0;transform:translate(0,0) scale(.95)}35%{opacity:.8}75%,100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.65)}}
@media(max-width:640px){.d-intro>p{font-size:12px;max-width:28ch;margin-top:13px}.d-composer{margin-top:30px}.d-scroll{font-size:9px;margin-top:16px}.d-session{gap:16px}.d-body{height:350px;max-height:50svh}.d-prompt{padding:12px 14px;max-width:94%}.d-prompt>p{font-size:12px}.d-making-top small{font-size:7px}.d-making-top{padding:0 4px}.d-activity strong{font-size:17px}.d-detail{font-size:10px;max-width:32ch}.d-energy{height:190px;transform:scale(.9);margin:-8px 0}.d-load{margin-top:18px}.d-result-head p{font-size:11px}.d-result-meta button{min-height:44px}.d-video-frame{border-radius:11px}.d-disclosure{bottom:0}}
@media(max-width:640px) and (max-height:740px){.d-body{height:310px;max-height:47svh}.d-energy{height:168px;transform:scale(.8);margin:-12px 0}.d-activity strong{font-size:15px}.d-detail{font-size:9px}.d-composer{margin-top:23px}.d-composer .g-input{min-height:29px}.d-scroll{margin-top:10px}.d-load{margin-top:14px}.d-intro>p{font-size:11px}}
@media(min-width:641px) and (max-height:800px){.d-intro>p{font-size:12px;margin-top:12px}.d-composer{margin-top:27px}.d-scroll{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.d-making *{animation:none!important}.d-core{filter:none}.d-workstream>span{transition:none}.d-demo *{will-change:auto!important}}