/* v0.2.4b: feedback is bounded and never signifies an active audio stream. */
:root{--motion-ease:cubic-bezier(.16,1,.3,1)}
.remember-choice{display:flex;align-items:center;gap:12px;min-height:44px;font-size:13px;cursor:pointer}.remember-choice input{width:20px;height:20px;flex:none;margin:0}.remember-choice small{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:400}
button,a,input,textarea{-webkit-tap-highlight-color:#75edf233}input,textarea{caret-color:var(--cyan)}
[data-orbit]{transform:perspective(600px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform 260ms var(--motion-ease)}
.wordmark,.login-brand{position:relative;isolation:isolate}.wordmark:after,.login-brand:after{content:"";position:absolute;inset:18% 9%;border-radius:50%;border:1px solid #75edf273;opacity:0;pointer-events:none}
.orbit-feedback:after{animation:orbit-light 350ms var(--motion-ease)}
@keyframes orbit-light{0%{opacity:0;transform:scale(.88) rotate(-12deg)}35%{opacity:.9}100%{opacity:0;transform:scale(1.17) rotate(12deg)}}
button.record{border:0;cursor:pointer;padding:0;color:inherit;font:inherit;touch-action:manipulation;flex-shrink:0}
.record:focus-visible{outline:3px solid var(--cyan);outline-offset:15px}.record:before{transition:transform 300ms var(--motion-ease),border-color 200ms ease}.record.orbit-feedback:before{transform:rotate(14deg) scaleY(.68);border-color:#c6faff}.record.orbit-feedback:after{animation:orbit-light 350ms var(--motion-ease);border-color:#75edf2}
.record-hint{font-size:11px;color:var(--muted);margin:14px 0 0;text-align:center}.mode-help{border-top:1px solid #75edf24a;padding-top:14px;color:#d4eaf5;font-size:14px;line-height:1.6}.mode-help:not([hidden]){animation:help-in 220ms ease-out}@keyframes help-in{from{opacity:.3;transform:translateY(-4px)}to{opacity:1;transform:none}}
.site-header nav{position:relative;isolation:isolate}.nav{position:relative;z-index:1}.nav-indicator{position:absolute;left:0;top:0;z-index:0;pointer-events:none;border:1px solid #75edf2a0;border-radius:9px;background:linear-gradient(120deg,#145379,#352866);box-shadow:0 4px 14px #02081366;transition:transform 280ms var(--motion-ease),width 200ms ease,height 200ms ease;opacity:0}.has-indicator .nav-indicator{opacity:1}.has-indicator .nav.active{background:transparent;border-color:transparent}.has-indicator .nav.active:hover{background:#75edf212}
.touch-feedback{animation:touch-confirm 220ms ease-out}@keyframes touch-confirm{0%{filter:brightness(1.25)}100%{filter:brightness(1)}}
.view:not([hidden]){animation:panel-in 300ms var(--motion-ease)}@keyframes panel-in{from{opacity:.45;transform:translateY(10px)}to{opacity:1;transform:none}}
.card-arrival{animation:card-arrival 340ms var(--motion-ease)}@keyframes card-arrival{from{opacity:.45;transform:translateY(12px)}to{opacity:1;transform:none}}
.login-brand{animation:brand-arrival 350ms var(--motion-ease)}.login-card{animation:login-arrival 300ms var(--motion-ease);position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,#8cf6f3,#b19bff,transparent);transform-origin:left;animation:accent-arrival 350ms var(--motion-ease);pointer-events:none}
@keyframes brand-arrival{from{opacity:.4;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes login-arrival{from{opacity:.6;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes accent-arrival{from{transform:scaleX(.15);opacity:.2}to{transform:scaleX(1);opacity:1}}
form[aria-busy=true] button[type=submit]{background:#173e58;color:#d3eff8;border-color:#75edf27a;cursor:wait}.error:not(:empty){padding:12px;border:1px solid #f7aea380;border-radius:10px;background:#622e3a38;animation:help-in 200ms ease-out}.check-complete{animation:check-complete 300ms ease-out}@keyframes check-complete{from{box-shadow:0 0 0 3px #75edf25c}to{box-shadow:0 0 0 0 transparent}}
@media(hover:hover) and (pointer:fine){.record:hover:before{transform:rotate(0deg) scaleY(.67);border-color:#b3faff}.record:hover .record-label{transform:scale(1.05)}.record-label{transition:transform 250ms var(--motion-ease)}.content-card:hover{border-color:#83dcec80}.wordmark:hover img{filter:drop-shadow(0 8px 22px #31b5df85)}}
@media(max-width:760px){.site-header nav{position:fixed}.nav-indicator{border-radius:10px}.record-hint{font-size:10px;margin-top:12px}.mode-help{text-align:left}.nav.active{color:#f3fdff}}
@media(max-height:520px) and (orientation:landscape){.site-header nav{position:relative}}
@media(prefers-reduced-motion:reduce){[data-orbit]{transform:none!important;transition:none!important}.view:not([hidden]),.card-arrival,.login-brand,.login-card,.login-card:before,.touch-feedback,.orbit-feedback:after,.record.orbit-feedback:after,.mode-help:not([hidden]),.error:not(:empty),.check-complete{animation:none!important}.nav-indicator,.record:before,.record-label{transition:none!important}.record.orbit-feedback:before,.record:hover:before{transform:rotate(-17deg) scaleY(.58)}.record:hover .record-label{transform:none}.touch-feedback{outline:1px solid #75edf28c}.bottom-cards article:hover{transform:none}}