:root{--void:#02070c;--deep:#04131d;--glass:rgba(7,25,36,.72);--glass-strong:rgba(6,21,31,.9);--cyan:#55e6ff;--cyan-soft:#82efff;--blue:#228bb4;--line:rgba(85,230,255,.18);--line-bright:rgba(85,230,255,.42);--text:#eafaff;--muted:#7195a5;--warm:#ff6b7d}
html{background:var(--void);scrollbar-color:#23728c #02080d}body{min-height:100svh;overflow-x:hidden;background:radial-gradient(circle at 78% -10%,rgba(31,132,169,.18),transparent 35%),radial-gradient(circle at 12% 42%,rgba(0,87,122,.13),transparent 31%),linear-gradient(145deg,#02080d 0%,#04131d 48%,#02070c 100%);color:var(--text)}
body:before{content:"";position:fixed;z-index:-1;inset:0;background:linear-gradient(115deg,transparent 0 43%,rgba(79,222,255,.025) 44%,transparent 46%),radial-gradient(circle at 50% 120%,rgba(53,211,255,.09),transparent 45%);pointer-events:none}.grid{z-index:-1;opacity:.19;background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 92%)}
.atmosphere{position:fixed;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.atmosphere span{position:absolute;width:3px;height:3px;border-radius:50%;background:#8cf1ff;box-shadow:0 0 14px #55e6ff;animation:drift 13s linear infinite}.atmosphere span:nth-child(1){left:12%;top:78%;animation-delay:-3s}.atmosphere span:nth-child(2){left:67%;top:32%;animation-delay:-8s;animation-duration:17s}.atmosphere span:nth-child(3){left:91%;top:72%;animation-delay:-12s;animation-duration:21s}@keyframes drift{0%{transform:translate3d(0,20px,0);opacity:0}15%,75%{opacity:.75}100%{transform:translate3d(45px,-180px,0);opacity:0}}
.shell{width:min(1600px,calc(100% - 48px));max-width:none;min-height:100svh;margin:0 auto;padding:22px 0 16px;display:flex;flex-direction:column;isolation:isolate}.shell>header{position:relative;z-index:5;min-height:72px;padding:13px 18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(125deg,rgba(10,40,55,.82),rgba(4,18,27,.7));box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 70px rgba(0,0,0,.28),0 0 60px rgba(41,185,224,.04);backdrop-filter:blur(24px) saturate(145%)}
.brand{gap:13px}.mark{width:43px;height:43px;border-radius:13px;border-color:var(--line-bright);overflow:hidden;box-shadow:0 0 25px rgba(85,230,255,.14)}.brand h1{font-size:17px;letter-spacing:.34em}.brand p{font:700 8px/1.2 monospace;letter-spacing:.25em;color:#60899a}.header-meta{gap:14px}.location-status{max-width:250px;color:#6e9aaa}.status{margin:0;padding:8px 11px;border:1px solid rgba(85,230,255,.12);border-radius:999px;background:rgba(85,230,255,.04)}.status span:first-child{background:#ffd166}.status.online span:first-child{background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.console-trigger{padding:9px 11px;border:1px solid var(--line);border-radius:9px;font:700 8px/1 monospace;letter-spacing:.15em;background:rgba(85,230,255,.04)}
.layout{flex:1;min-height:0;display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;padding-top:14px}.layout>aside,.console{border:1px solid var(--line);background:linear-gradient(145deg,rgba(10,37,51,.72),rgba(3,16,24,.82));box-shadow:inset 0 1px rgba(255,255,255,.055),0 24px 70px rgba(0,0,0,.32);backdrop-filter:blur(22px) saturate(135%)}.layout>aside{position:relative;border-radius:20px;padding:18px;overflow:hidden}.layout>aside:before,.console:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,rgba(114,237,255,.045),transparent 26%);pointer-events:none}
.orb-wrap{padding:10px 20px 16px}.orb{width:128px;height:128px;position:relative;border-color:rgba(85,230,255,.7);background:radial-gradient(circle,rgba(85,230,255,.08),transparent 63%);box-shadow:0 0 45px rgba(85,230,255,.15),inset 0 0 35px rgba(85,230,255,.12);animation:orb-breathe 4s ease-in-out infinite}.orb:before{width:154px;height:154px}.orb:after{width:105px;height:105px}.orb-core{width:47px;height:47px;animation:core-pulse 2.7s ease-in-out infinite}@keyframes orb-breathe{50%{transform:scale(1.025);filter:brightness(1.18)}}@keyframes core-pulse{50%{box-shadow:0 0 52px var(--cyan);transform:scale(.93)}}
.time{font-size:32px;letter-spacing:.12em}.date{font:700 8px/1.4 monospace;letter-spacing:.18em}.metrics{margin:18px 0 12px;border-color:var(--line)}.metrics div{padding:13px 2px}.metrics span{font:400 18px/1 monospace}.metrics small{display:block;margin-top:7px;font:700 7px/1 monospace;letter-spacing:.08em}.panel h2,.telemetry-title{font:800 9px/1.2 monospace;letter-spacing:.2em}.panel{position:relative}.reminder,.empty{font-size:10px;line-height:1.45}.devices-panel{margin-top:18px}.device{padding:8px 0}.device b{font-size:9px}.device small{font-size:6px}.device-list{max-height:185px}.panel-heading button{border-radius:6px}
.console{position:relative;height:auto;min-height:620px;border-radius:20px;padding:12px;overflow:hidden}.telemetry{position:relative;border:1px solid var(--line);border-radius:16px;padding:14px;background:linear-gradient(130deg,rgba(13,49,64,.64),rgba(5,24,35,.52));box-shadow:inset 0 1px rgba(255,255,255,.06)}.telemetry-title{margin:0 1px 11px}.telemetry-title i{width:5px;height:5px}.telemetry-grid{display:grid;grid-template-columns:1.35fr 1.12fr 1fr 1fr .95fr;gap:9px}.telemetry-card{position:relative;min-width:0;min-height:74px;padding:12px;border:1px solid rgba(85,230,255,.1);border-radius:12px;background:rgba(2,15,23,.24);overflow:hidden;transition:transform .25s ease,border-color .25s ease,background .25s ease}.telemetry-card:hover{transform:translateY(-2px);border-color:rgba(85,230,255,.3);background:rgba(16,57,72,.34)}.telemetry-card:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--cyan);transition:right .35s ease}.telemetry-card:hover:after{right:0}.telemetry-card small{display:block;margin-bottom:8px;color:#628999;font:800 7px/1 monospace;letter-spacing:.16em}.telemetry-card strong{display:block;overflow:hidden;text-overflow:ellipsis;color:#eaffff;font:700 13px/1.2 system-ui,sans-serif;white-space:nowrap}.telemetry-card>span:not(.meter){display:block;margin-top:6px;overflow:hidden;text-overflow:ellipsis;color:#64899a;font:600 7px/1.25 monospace;white-space:nowrap}.telemetry-card .metric-detail{margin-top:4px!important}.meter{height:3px;margin-top:10px;background:rgba(85,230,255,.09);border-radius:99px;overflow:hidden}.meter i{height:100%;background:linear-gradient(90deg,#28a9d2,#6eeaff);box-shadow:0 0 10px var(--cyan);transition:width .7s cubic-bezier(.2,.8,.2,1)}.telemetry-actions{margin-top:9px}.telemetry-actions button{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:rgba(85,230,255,.035);font:700 7px/1 monospace;letter-spacing:.12em}
.messages{padding:12px 8px 28px;scroll-behavior:smooth}.message{max-width:min(76%,720px);gap:11px;margin:16px 0}.message .avatar{width:30px;height:30px;border-radius:10px}.message p{border-color:rgba(85,230,255,.16);border-radius:5px 14px 14px 14px;background:linear-gradient(135deg,rgba(18,55,70,.76),rgba(5,25,36,.88));box-shadow:0 12px 35px rgba(0,0,0,.18);font-size:13px}.message.user p{border-radius:14px 5px 14px 14px;background:linear-gradient(135deg,rgba(53,21,31,.85),rgba(25,8,15,.9));border-color:rgba(255,91,113,.2)}
#chatForm{position:relative;border:1px solid rgba(85,230,255,.2);border-radius:14px;background:rgba(5,15,23,.9);box-shadow:0 15px 40px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.04);overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease}#chatForm:focus-within{border-color:rgba(85,230,255,.5);box-shadow:0 15px 45px rgba(0,0,0,.3),0 0 25px rgba(85,230,255,.08)}#messageInput{min-width:0;padding:17px 16px}.send{border-left-color:var(--line);padding-inline:20px}.send:hover,#micButton:hover{background:rgba(85,230,255,.08)}
.site-credit{display:flex;justify-content:space-between;padding:11px 8px 0;color:#416b7b;font:700 7px/1 monospace;letter-spacing:.17em}.site-credit a{color:#6edff5;text-decoration:none}.site-credit a:hover{color:#fff;text-shadow:0 0 12px var(--cyan)}
.settings-glass{border-radius:22px;background:linear-gradient(145deg,rgba(8,39,53,.96),rgba(2,12,19,.98));border-color:var(--line-bright)}
@media(max-width:1100px){.shell{width:min(100% - 28px,1200px)}.layout{grid-template-columns:250px minmax(0,1fr)}.telemetry-grid{grid-template-columns:repeat(3,1fr)}.telemetry-card:nth-child(4),.telemetry-card:nth-child(5){grid-column:auto}.console{min-height:700px}.location-status{display:none}}
@media(max-width:820px){.shell{width:100%;padding:0;min-height:100svh}.shell>header{position:sticky;top:0;border-width:0 0 1px;border-radius:0;min-height:64px;padding:10px 14px;background:rgba(3,18,27,.9)}.brand h1{font-size:13px}.brand p{display:block;font-size:6px}.mark{width:38px;height:38px}.header-meta{gap:7px}.status{padding:7px 8px}.status span:last-child{font-size:7px}.console-trigger{padding:8px;font-size:7px}.layout{display:block;padding:0}.layout>aside{display:block;border-width:0 0 1px;border-radius:0;padding:12px 14px;background:rgba(5,25,36,.82)}.orb-wrap,.time,.date,.metrics,.devices-panel{display:none}.panel{margin:0}.panel h2{margin:0 0 8px}.panel #upNext{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.reminder,.panel #upNext.empty{flex:0 0 min(78vw,280px);padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:rgba(85,230,255,.035);scroll-snap-align:start}.console{min-height:calc(100svh - 146px);height:calc(100svh - 146px);border:0;border-radius:0;padding:8px;background:rgba(2,14,22,.7)}.telemetry{padding:10px;border-radius:13px}.telemetry-grid{display:flex;overflow-x:auto;gap:8px;padding-bottom:5px;scroll-snap-type:x mandatory}.telemetry-card{flex:0 0 150px;min-height:70px;scroll-snap-align:start}.telemetry-card:first-child{flex-basis:190px}.telemetry-actions{display:none}.messages{padding:8px 4px 18px}.message{max-width:94%;margin:12px 0}.message p{font-size:12px;padding:11px 13px}.message .avatar{width:27px;height:27px}.typing{font-size:9px}.site-credit{padding:8px 12px;flex-direction:column;gap:5px;background:#020a10}.site-credit span:first-child{display:none}#chatForm{border-radius:12px}#messageInput{padding:14px 10px;font-size:13px}.send{padding-inline:12px;font-size:8px}#micButton{width:46px}.splash h1{font-size:30px}.boot-data{display:none}}
@media(max-width:390px){.brand p{display:none}.status{border:0;background:none;padding:5px}.console-trigger{font-size:0}.console-trigger:after{content:"SYS";font-size:7px}.telemetry-title{margin-bottom:8px}.telemetry-card{flex-basis:138px}.message p{font-size:11px}}
@media(hover:none){button{min-height:40px}.telemetry-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Readability, voice visualization, and restricted-console safeguards */
.settings-overlay.hidden{display:none!important;visibility:hidden!important;pointer-events:none!important}.settings-overlay:not(.hidden){display:grid;visibility:visible;pointer-events:auto}.console-trigger{display:none!important}
.voice-spectrum{flex:0 0 62px;position:relative;margin:0 2px 5px;padding:7px 12px 5px;border-block:1px solid rgba(85,230,255,.1);background:linear-gradient(90deg,transparent,rgba(85,230,255,.035),transparent);overflow:hidden}.spectrum-meta{position:absolute;z-index:1;top:7px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;color:#5d8798;font:800 8px/1 monospace;letter-spacing:.18em}.spectrum-meta i{width:5px;height:5px;border-radius:50%;background:#356575;box-shadow:0 0 8px #356575}.voice-spectrum[data-mode="friday"] .spectrum-meta{color:#7beaff}.voice-spectrum[data-mode="friday"] .spectrum-meta i{background:#55e6ff;box-shadow:0 0 12px #55e6ff}.voice-spectrum[data-mode="user"] .spectrum-meta{color:#ff8193}.voice-spectrum[data-mode="user"] .spectrum-meta i{background:#ff405e;box-shadow:0 0 12px #ff405e}.voice-spectrum canvas{display:block;width:100%;height:38px;margin-top:13px;opacity:.88}
.brand h1{font-size:20px}.brand p{font-size:9px}.status{font-size:10px}.location-status{font-size:9px}.panel h2,.telemetry-title{font-size:10px}.telemetry-card small{font-size:8px}.telemetry-card strong{font-size:15px}.telemetry-card>span:not(.meter){font-size:8px}.metrics small{font-size:8px}.reminder,.empty{font-size:11px}.device b{font-size:10px}.device small{font-size:7px}.message small{font-size:10px}.message p{font-size:14px;line-height:1.48}#messageInput{font-size:14px}.send{font-size:9px}.site-credit{font-size:8px}
@media(max-height:820px) and (min-width:821px){.shell{padding-top:8px;padding-bottom:8px}.shell>header{min-height:58px;padding-block:8px}.layout{padding-top:8px}.orb-wrap{padding:3px}.orb{width:92px;height:92px}.orb:before{width:112px;height:112px}.orb:after{width:75px;height:75px}.time{font-size:28px}.metrics{margin:8px 0}.metrics div{padding:7px 2px}.devices-panel{margin-top:8px}.device{padding:5px 0}.telemetry{padding:9px}.telemetry-card{min-height:58px;padding:8px}.telemetry-actions{display:none}.voice-spectrum{flex-basis:51px}.voice-spectrum canvas{height:29px}.message{margin:8px 0}.message p{padding:8px 11px}.site-credit{padding-top:5px}}
@media(max-width:820px){.brand h1{font-size:15px}.brand p{font-size:7px}.panel h2,.telemetry-title{font-size:10px}.telemetry-card strong{font-size:14px}.telemetry-card>span:not(.meter){font-size:8px}.voice-spectrum{flex-basis:54px;margin:0;padding-inline:7px}.spectrum-meta{left:8px;right:8px}.voice-spectrum canvas{height:31px}.message p{font-size:13px}#messageInput{font-size:14px}.site-credit{font-size:8px}}