/* v8.9 readability and motion upgrade; preserves v8.8 layout and communication logic */
:root{--ui-glow:#39c5ff;--ui-ink:#d8edff}
.hero-pills button,.hub-actions button,.header-actions button,.toolbar button,.toolbar label,.availability,.directory-actions button,.holo-controls button{font-size:clamp(14px,1vw,16px)!important;line-height:1.35!important;font-weight:650!important;letter-spacing:.01em}
.hero-pills button{min-height:44px;padding:10px 16px!important}
.header-actions button,.hub-actions button{min-height:48px;padding:12px 17px!important}
.metrics{gap:15px}.metrics>div{min-height:116px;position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important}
.metrics>div p{font-size:15px!important;line-height:1.5!important}.metrics>div strong{font-size:clamp(25px,2vw,32px)!important;line-height:1.3!important}.metrics>div strong small{font-size:13px!important;line-height:1.5!important}.metrics .metric-symbol{font-size:24px!important}
.availability{display:inline-flex;align-items:center;gap:9px;min-height:42px;cursor:pointer}.availability input{width:17px;height:17px;accent-color:#4ccaff}
footer,footer *, .aside-bottom,.aside-bottom small{font-size:13px!important;line-height:1.65!important}
button,.nav,.tabs button,.card,.holo-marker{transition:transform .2s ease,box-shadow .25s ease,filter .25s ease,border-color .25s ease,background-color .25s ease}
button:not(:disabled):hover{filter:brightness(1.15);transform:translateY(-2px)}button:not(:disabled):active{transform:translateY(1px) scale(.98)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.metric-jump:focus-visible{outline:3px solid #6de5ff!important;outline-offset:3px!important}
.hero-pills button:hover,.header-actions button:hover,.hub-actions button:hover{box-shadow:0 0 0 1px #40c9ff55,0 9px 28px #168cdd3b}
.metrics>div.metric-jump{cursor:pointer}.metrics>div.metric-jump:hover{transform:translateY(-5px);border-color:#44c7ff!important;box-shadow:0 12px 34px #008bd333!important}.metrics>div.metric-jump::after{content:'↗';position:absolute;right:13px;top:12px;color:#8cdeff;opacity:0;transition:opacity .2s,transform .2s;transform:translate(-5px,5px)}.metrics>div.metric-jump:hover::after,.metrics>div.metric-jump:focus-visible::after{opacity:1;transform:none}
.metrics>div::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#4acaff0c 50%,transparent 80%);transform:translateX(-120%);transition:transform .7s}.metrics>div:hover::before{transform:translateX(120%)}
#onlineMetric[data-live=online]{text-shadow:0 0 14px #40e8e666}.holo-marker:hover{filter:drop-shadow(0 0 12px #4be7ff);z-index:6}
.ui-live-dot{display:inline-block;width:8px;height:8px;background:#3de9ca;border-radius:50%;margin-right:7px;box-shadow:0 0 0 3px #3de9ca25;animation:uiBeacon 2.4s ease-in-out infinite;vertical-align:middle}
@keyframes uiBeacon{50%{box-shadow:0 0 0 7px #3de9ca0a;opacity:.72}}
@media(max-width:800px){.hero-pills button,.hub-actions button,.header-actions button{font-size:14px!important}.metrics>div p{font-size:14px!important}.metrics>div strong small{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.ui-live-dot{animation:none}button,.metrics>div,.metrics>div::before{transition:none!important}}
body:not(.motion-enabled) .ui-live-dot{animation:none}

/* v8.9.1 targeted readability and sign-in emphasis */
.empty-history strong{font-size:16px!important;line-height:1.5!important;color:#d3e9ff!important}
.empty-history p{font-size:14px!important;line-height:1.65!important;color:#a6c2df!important}
.rail-bottom #micBtn{font-size:16px!important;font-weight:750!important;min-height:50px!important;color:#a9dfff!important;border-color:#3c7197!important}
.rail-bottom>p:not(.sound-status),.rail-bottom>p:last-child{font-size:14px!important;line-height:1.7!important;color:#b0c8e3!important}
.identity-actions #loginBtn{font-size:17px!important;font-weight:800!important;min-height:56px!important;padding:15px 24px!important;background:linear-gradient(115deg,#137bfa,#16b4f3)!important;color:#fff!important;border:1px solid #65d9ff!important;box-shadow:0 0 0 2px #39bdff24,0 8px 28px #008eff65!important;letter-spacing:.015em!important;position:relative;isolation:isolate}
.identity-actions #loginBtn:not([hidden]):hover{transform:translateY(-3px) scale(1.035)!important;filter:brightness(1.13)!important;box-shadow:0 0 0 3px #58d5ff50,0 12px 35px #008eff85!important}
.identity-actions #loginBtn:not([hidden]):focus-visible{outline:3px solid #a7f2ff!important;outline-offset:4px!important}
.identity-actions #manageBtn,.identity-actions #logoutBtn,.identity-actions #emergencyBtn{font-size:15px!important;font-weight:700!important;min-height:49px!important}
@media(max-width:600px){.identity-actions #loginBtn{width:100%;font-size:16px!important}.empty-history p,.rail-bottom>p:last-child{font-size:13px!important}}