.orb-stage{flex-direction:column;gap:20px;--orb-filter-rest:drop-shadow(0 6px 24px rgba(0,0,0,0.11)) drop-shadow(0 2px 6px rgba(0,0,0,0.07));--orb-filter-live:drop-shadow(0 8px 30px rgba(61,107,79,0.21)) drop-shadow(0 2px 8px rgba(0,0,0,0.08))}.orb-btn,.orb-stage{display:flex;align-items:center}.orb-btn{position:relative;width:96px;height:96px;background:none;border:none;padding:0;cursor:pointer;justify-content:center;-webkit-tap-highlight-color:transparent;transition:transform 80ms ease,filter .22s ease,box-shadow .26s ease;isolation:isolate;--orb-level:0}.orb-btn:disabled{opacity:.35;cursor:not-allowed}.orb-btn:not(:disabled):active{transform:scale(.94)}.orb-btn.is-stopped{animation:orb-stop-settle .42s cubic-bezier(.17,.84,.44,1)}.orb-canvas{position:absolute;inset:0;width:96px;height:96px;border-radius:50%;filter:var(--orb-filter-rest);transition:filter .3s ease;animation:orb-canvas-idle 5.2s ease-in-out infinite;z-index:2}.orb-btn.is-recording .orb-canvas{filter:var(--orb-filter-live);animation:orb-canvas-live 2.1s ease-in-out infinite}.orb-halo{position:absolute;border-radius:50%;pointer-events:none}.orb-halo--base{inset:-11px;z-index:1;opacity:.44;filter:blur(6px);background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.72),rgba(225,235,228,.26) 34%,rgba(61,107,79,.17) 58%,rgba(61,107,79,0) 74%);animation:orb-halo-breathe 4.8s ease-in-out infinite}.orb-halo--shift{inset:-18px;z-index:0;opacity:.34;filter:blur(9px);mix-blend-mode:screen;background:conic-gradient(from 0deg,rgba(61,107,79,.21),rgba(123,175,146,.09),rgba(61,107,79,.26),rgba(61,107,79,.05),rgba(61,107,79,.21));animation:orb-halo-spin 6.4s linear infinite}.orb-btn.is-recording .orb-halo--base{opacity:calc(.34 + var(--orb-level) * .62);animation:orb-halo-live 1.7s ease-in-out infinite}.orb-btn.is-recording .orb-halo--shift{opacity:calc(.2 + var(--orb-level) * .75);animation-duration:2.5s}.orb-icon-layer{position:relative;z-index:3;color:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;pointer-events:none;transition:color .3s ease,opacity .2s ease,transform .22s ease;transform:scale(1)}.orb-btn.is-recording .orb-icon-layer{color:rgba(255,255,255,.9);transform:scale(calc(.95 + var(--orb-level) * .16))}.orb-ring{position:absolute;inset:-4px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 58%,transparent);opacity:0;transform:scale(.88);z-index:0;pointer-events:none}.orb-btn.is-recording .orb-ring{animation:orb-ring-expand 1.8s cubic-bezier(.19,.76,.26,1) infinite}.orb-btn.is-recording .orb-ring--two{animation-delay:.35s}.orb-btn.is-recording .orb-ring--three{animation-delay:.7s}.orb-status{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3,#b8b8b4);display:flex;align-items:center;gap:7px;font-family:var(--font-mono),monospace;transition:opacity .2s ease}.orb-status.is-hidden{opacity:0}.orb-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent,#3d6b4f);animation:dot-blink .88s step-end infinite}@keyframes orb-stop-settle{0%{transform:scale(1.02)}40%{transform:scale(.97)}to{transform:scale(1)}}@keyframes orb-canvas-idle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.028)}}@keyframes orb-canvas-live{0%,to{transform:scale(calc(1 + var(--orb-level) * .08))}50%{transform:scale(calc(1.018 + var(--orb-level) * .16))}}@keyframes orb-halo-breathe{0%,to{transform:scale(.98);opacity:.36}50%{transform:scale(1.07);opacity:.54}}@keyframes orb-halo-live{0%,to{transform:scale(calc(1 + var(--orb-level) * .12))}50%{transform:scale(calc(1.08 + var(--orb-level) * .25))}}@keyframes orb-halo-spin{0%{transform:rotate(0deg) scale(.98)}to{transform:rotate(1turn) scale(1.06)}}@keyframes orb-ring-expand{0%{opacity:0;transform:scale(calc(.9 + var(--orb-level) * .18))}22%{opacity:calc(.3 + var(--orb-level) * .42)}to{opacity:0;transform:scale(calc(1.4 + var(--orb-level) * .92))}}@keyframes dot-blink{0%,to{opacity:1}50%{opacity:0}}@media (max-width:640px){.orb-btn,.orb-canvas{width:80px;height:80px}}@media (prefers-reduced-motion:reduce){.orb-btn,.orb-canvas,.orb-dot,.orb-halo,.orb-ring{animation:none!important;transition:none!important}}