/* Approved A: Gentle Overlap, from circle-study v4. */
body{position:relative;isolation:isolate;min-height:100vh;overflow-x:clip}header,main,footer{position:relative;z-index:1}header{padding-block:26px;flex-wrap:wrap}.header-controls{display:flex;align-items:center;gap:24px}.circle-background{position:absolute;inset:68px 0 0;overflow:hidden;z-index:0;pointer-events:none}.circle{position:absolute;border-radius:50%;width:680px;height:680px;border:1px solid;animation:float 18s linear -5s infinite alternate;will-change:transform}.c1{top:18px;left:-235px;background:#E6D48244;border-color:#E6D48288}.c2{top:270px;left:80px;background:#A7CAEC66;border-color:#A7CAEC66;animation-duration:22s;animation-delay:-9s}.c3{top:420px;left:-290px;background:#91986126;border-color:#91986155;animation-duration:24s;animation-delay:-7s}.c4{top:-270px;right:-380px;background:#C64B171b;border-color:#C64B1766;animation-duration:20s;animation-delay:-4s}.c5{bottom:-420px;right:-120px;background:#E6D48233;border-color:#E6D48277;animation-duration:23s;animation-delay:-12s}.intro{position:relative;align-self:start;padding-top:14px}.intro:before{content:"";position:absolute;z-index:-1;inset:-30px -35px;pointer-events:none}.signup-panel{padding:30px;box-shadow:0 12px 40px #22330008}main{grid-template-columns:1fr 1fr;gap:62px;padding-block:64px 66px}@keyframes float{from{transform:translate(-35px,15px) scale(.98)}to{transform:translate(55px,-60px) scale(1.05)}}
.signup-panel h2{margin-bottom:14px}.signup-panel #status{margin-bottom:18px}.signup-panel .field{margin-bottom:14px}.signup-panel .field input{margin-top:6px;padding:10px 12px}.signup-panel .session{padding:12px 0}.signup-panel .choice{margin:18px 0}.signup-panel .preference-note{margin-bottom:18px}.signup-panel .signup{min-height:50px;padding-block:12px}
.motion-controls{display:grid;justify-items:center;gap:5px}.motion-controls button{font:inherit;font-size:.875rem;padding:8px 14px;min-height:40px;border:1px solid;border-radius:20px;cursor:pointer}#motion-status{font-size:.875rem;white-space:nowrap;line-height:1.4}body[data-motion=paused] .circle{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){body:not([data-motion=playing]) .circle{animation-play-state:paused!important}.signup{transition:none!important}}
@media(max-width:800px){main{grid-template-columns:1fr;gap:32px;padding-block:36px 42px}.signup-panel{padding:24px;box-shadow:none}.intro{padding-top:0}.circle{width:540px;height:540px}.c1{left:-200px;top:0}.c2{left:120px;top:250px}.c3{top:700px}.c4{right:-300px}.intro:before{inset:-20px -20px}.header-controls{gap:16px}.header-controls>span{display:none}}
@media(max-width:390px){.signup-panel{padding:20px}h2{font-size:1.45rem}header{gap:16px}.motion-controls button{padding:8px 11px}#motion-status{font-size:.8125rem}}