/* Local holographic presence: motion represents lifecycle, never synthetic audio. */
:root{--bg:#141820}
.presence{padding-top:32px}.eyebrow{margin-bottom:8px}
.digital-presence{max-width:480px;margin:0 -12px;color:#aab8ca;position:relative}
.neural-core{display:block;width:100%;height:auto;overflow:visible}
.orbital-shell,.neural-weave,.core-light,.aura,.synapses{transform-origin:240px 165px;transition:opacity .4s,filter .4s;}
.orbital-shell{opacity:.5}.neural-weave{opacity:.35}.core-light{opacity:.45}.synapses{opacity:.4}
.presence-legend{display:flex;justify-content:space-between;align-items:center;padding:0 22px 14px;border-bottom:1px solid #303947;gap:8px;font:9px/1.6 ui-monospace,monospace;letter-spacing:.12em}
.state-label{color:#EEF3FA}.state-label:before{content:'EM REPOUSO'}
h1{font-size:clamp(34px,3.4vw,50px);margin-top:25px}.intro{font-size:14px}.statusbox{margin-top:22px}
body[data-state=listening] .state-label:before{content:'ESCUTANDO'}
body[data-state=listening] .neural-weave{opacity:1;stroke-width:1.5;animation:neural-breathe 3s ease-in-out infinite}
body[data-state=listening] .synapses{opacity:1}
body[data-state=listening] .core-light{opacity:.9}
body[data-state=processing] .state-label:before{content:'PROCESSANDO'}
body[data-state=processing] .orbital-shell{opacity:1;stroke-dasharray:8 5;animation:neural-orbit 10s linear infinite}
body[data-state=processing] .neural-weave{opacity:.65}
body[data-state=processing] #dot{background:#EEF3FA}
body[data-state=speaking] .state-label:before{content:'EM REPRODUÇÃO'}
body[data-state=speaking] .core-light{opacity:1;animation:neural-breathe 1.8s ease-in-out infinite}
body[data-state=speaking] .neural-weave{opacity:1;stroke-width:2}
body[data-state=speaking] .orbital-shell{opacity:.9;animation:neural-orbit 22s linear infinite reverse}
body[data-state=speaking] .aura{opacity:1;filter:brightness(1.5)}
body[data-state=error] .state-label:before{content:'ATENÇÃO'}
body[data-state=error] .state-label{color:#ff9a9a}
body[data-state=error] .orbital-shell{stroke:#ff9a9a;stroke-dasharray:3 9;opacity:.6}
body[data-state=error] .core-light,body[data-state=error] .neural-weave{opacity:.2}
body[data-state=error] #dot{background:#ff9a9a}
body[data-hidden=true] .digital-presence *{animation-play-state:paused!important}
@keyframes neural-breathe{0%,100%{transform:scale(.96)}50%{transform:scale(1.04)}}
@keyframes neural-orbit{to{transform:rotate(360deg)}}
@media(max-width:760px){.digital-presence{max-width:340px;margin:-10px auto 0}.presence{padding-top:24px}.eyebrow{margin-bottom:0}h1{font-size:34px}.presence-legend{padding:0 10px 12px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.digital-presence *{animation:none!important;transition:none!important}}