/* V1.2.0: layered depth + time + touch, over the preserved V1.1.0 design. */
.hero.depth-enabled{--depth-x:0px;--depth-y:0px;--spot-x:76%;--spot-y:44%;isolation:isolate}
.depth-enabled .presenter{
  translate:var(--depth-x) var(--depth-y);
  transition:translate .45s cubic-bezier(.2,.7,.25,1);
}
.depth-enabled .energy{
  translate:calc(var(--depth-x) * -.7) calc(var(--depth-y) * -.7);
  transition:translate .55s ease-out;
}
.dimension-back,.dimension-orbit,.dimension-near,.dimension-back *,.dimension-orbit *,.dimension-near *{position:absolute;pointer-events:none;user-select:none}
.dimension-back{inset:0;z-index:0;translate:calc(var(--depth-x) * -1) calc(var(--depth-y) * -1);transition:translate .65s ease-out}
.dimension-halo{
  inset:0;
  background:radial-gradient(ellipse at var(--spot-x) var(--spot-y),#fffad0b3 0,#ebffcf66 19%,transparent 43%);
  animation:dimension-halo 6s ease-in-out infinite;
}
.dimension-rays{
  right:-26%;top:-42%;width:100%;aspect-ratio:1;
  border-radius:50%;opacity:.45;
  background:conic-gradient(from 14deg,transparent 0deg,#fff5c75c 18deg,transparent 32deg,transparent 62deg,#fffed38c 70deg,transparent 84deg,transparent 143deg,#fff9ae6b 151deg,transparent 161deg,transparent 249deg,#ffffff8c 258deg,transparent 273deg);
  animation:dimension-rays 48s linear infinite;
}
.dimension-orbit{
  right:-4%;bottom:2%;width:62%;height:37%;z-index:1;border-radius:50%;
  border:1px solid #f3c35a;box-shadow:0 1px 0 #fffacb,inset 0 1px 0 #fffacb;
  transform:perspective(700px) rotateX(52deg) rotateZ(-19deg);
  translate:calc(var(--depth-x) * -.8) calc(var(--depth-y) * -.8);
  transition:translate .55s ease-out;
}
.dimension-orbit-light{inset:-3%;border-radius:50%;border-top:2px solid #fffad1;border-right:1px solid #f9cf5280;animation:dimension-orbit 12s linear infinite}
.dimension-orbit-light::after{content:"";position:absolute;left:15%;top:7%;width:7px;height:7px;border-radius:50%;background:#fffbd8;box-shadow:0 0 7px 2px #ffefa2}
.dimension-near{inset:0;z-index:4;translate:calc(var(--depth-x) * 1.7) calc(var(--depth-y) * 1.5);transition:translate .35s ease-out}
.dimension-ribbon{
  right:-12%;bottom:3%;width:70%;height:27%;border-radius:50%;
  border-bottom:2px solid #fff3a2;border-right:1px solid #ffda5a80;
  box-shadow:0 2px 0 #d9aa3975;
  transform:rotate(-18deg);animation:dimension-ribbon 7s ease-in-out infinite;
}
.dimension-ribbon::after{content:"";position:absolute;right:18%;bottom:-3px;width:25px;height:4px;border-radius:50%;background:#fffce0;box-shadow:0 0 6px #fff4a7}
.dimension-pearl{
  right:14%;bottom:14%;width:22px;height:22px;border-radius:50%;
  border:1px solid #fff8c0;
  background:radial-gradient(circle at 32% 23%,#fff 0,#fbf8c4 8%,#8bf6ce88 20%,#009b6670 53%,#ffd87573 76%,#fffee2 96%);
  box-shadow:inset 2px 2px 3px #ffffffb3,0 2px 3px #006b4933;
  animation:dimension-pearl 9s ease-in-out infinite;
}
.dimension-leaf{
  width:17px;height:29px;border-radius:80% 0 80% 0;border:1px solid #d6ed70;
  background:linear-gradient(125deg,#e7ff99,#59be32 39%,#127b34 64%,#9ee55a);
  box-shadow:inset 1px 0 0 #f0ffd466,0 2px 2px #19753530;
  animation:dimension-leaf 10s ease-in-out infinite;
}
.dimension-leaf::after{content:"";position:absolute;left:47%;top:9%;width:1px;height:82%;background:#def697;transform:rotate(24deg)}
.dimension-leaf-one{right:1%;top:8%;rotate:24deg;animation-delay:-3s}
.dimension-leaf-two{right:55%;bottom:4%;width:13px;height:23px;rotate:70deg;animation-delay:-6s}
.dimension-dust{width:7px;height:7px;background:#fff3b7;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:dimension-dust 6s ease-in-out infinite}
.dimension-dust-one{right:17%;top:7%;animation-delay:-1s}
.dimension-dust-two{right:5%;top:69%;animation-delay:-4s}
.dimension-dust-three{right:53%;bottom:16%;animation-delay:-2s}
.dimension-dust-four{right:40%;top:14%;width:5px;height:5px;animation-delay:-5s}
.depth-pulse .dimension-halo{opacity:1;animation:dimension-touch .85s ease-out both}
.depth-pulse .dimension-pearl{animation:dimension-touch-pearl .85s ease-out both}
body.greenshi-thinking .dimension-orbit-light{animation-duration:4s}
body.greenshi-thinking .dimension-halo{animation-duration:2s}
body.greenshi-thinking .dimension-pearl{animation-duration:3s}
body.greenshi-thinking .presenter{animation-duration:4s}
body.greenshi-answering .dimension-halo{animation-duration:3s}
body.greenshi-answering .presenter{animation-duration:5s}
body.greenshi-answering .dimension-ribbon{animation-duration:3.5s}
body.greenshi-answering .dimension-dust{animation-duration:2.5s}
body:has(#questionInput:focus) .dimension-pearl{border-color:#fff;box-shadow:inset 2px 2px 3px #fff,0 0 7px #fff7b380}
.question-form input{transition:border-color .2s,box-shadow .2s}
.question-form input:focus{outline:2px solid #b49a40;outline-offset:1px;box-shadow:0 0 0 3px #fff4b3}
/* No blur, canvas/video render loop, face rotation, or continuous JS animation. */
@keyframes dimension-halo{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes dimension-rays{to{transform:rotate(360deg)}}
@keyframes dimension-orbit{to{transform:rotate(360deg)}}
@keyframes dimension-ribbon{0%,100%{transform:rotate(-18deg) translate3d(0,0,0);opacity:.8}50%{transform:rotate(-13deg) translate3d(0,-3px,0);opacity:1}}
@keyframes dimension-pearl{0%,100%{transform:translate3d(0,0,0)}35%{transform:translate3d(-6px,-8px,0)}70%{transform:translate3d(3px,-4px,0)}}
@keyframes dimension-leaf{0%,100%{transform:translate3d(0,0,0) rotate(-7deg)}50%{transform:translate3d(-3px,-6px,0) rotate(9deg)}}
@keyframes dimension-dust{0%,100%{opacity:.2;transform:translate3d(0,0,0)}40%{opacity:1;transform:translate3d(2px,-7px,0)}70%{opacity:.5;transform:translate3d(-1px,-4px,0)}}
@keyframes dimension-touch{0%{opacity:.55;transform:translate3d(0,0,0)}40%{opacity:1;transform:translate3d(0,-4px,0)}100%{opacity:.55;transform:translate3d(0,0,0)}}
@keyframes dimension-touch-pearl{0%,100%{transform:translate3d(0,0,0)}45%{transform:translate3d(-8px,-10px,0)}}
@media(max-height:700px){.dimension-pearl{width:17px;height:17px}.dimension-leaf-one{width:12px;height:22px}.dimension-dust-four{display:none}}
@media(max-width:420px){.dimension-rays{animation-duration:60s}.dimension-dust-three,.dimension-dust-four{display:none}}
.depth-still .dimension-back *,.depth-still .dimension-orbit *,.depth-still .dimension-near *{animation:none!important}
.depth-still .presenter,.depth-still .energy,.depth-still .dimension-back,.depth-still .dimension-orbit,.depth-still .dimension-near{translate:none!important;transition:none!important}
body.reduced-motion *,body.reduced-motion *::before,body.reduced-motion *::after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.depth-enabled .presenter,.depth-enabled .energy,.dimension-back,.dimension-orbit,.dimension-near{translate:none!important}}