.shiny-text{display:inline-block;color:transparent!important;background-image:linear-gradient(120deg,#b8d9e8 0%,#b8d9e8 35%,#fff 50%,#8eeaff 57%,#b8d9e8 66%,#b8d9e8 100%);background-size:220% auto;background-position:150% center;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shiny-sweep 2s linear infinite}
@keyframes shiny-sweep{0%{background-position:150% center}72%,100%{background-position:-50% center}}
.telemetry{margin:14px 16px 0;padding:12px;border:1px solid #54dcff26;border-radius:18px;background:linear-gradient(135deg,#ffffff0b,#09283948);box-shadow:inset 0 1px #ffffff16,0 12px 35px #0005;backdrop-filter:blur(18px)}
.telemetry-title{display:flex;align-items:center;justify-content:space-between;margin:0 2px 9px;color:#82eaff;font:700 10px/1.2 monospace;letter-spacing:2px}.telemetry-title i{width:7px;height:7px;border-radius:50%;background:#54dcff;box-shadow:0 0 12px #54dcff;animation:telemetry-pulse 1.5s ease-in-out infinite}
.telemetry-title i.offline{background:#71838c;box-shadow:none;animation:none}
.telemetry-grid{display:grid;grid-template-columns:1.35fr 1.15fr repeat(3,1fr);gap:8px}.telemetry-card{min-width:0;padding:10px 11px;border:1px solid #ffffff10;border-radius:13px;background:linear-gradient(145deg,#071724b8,#0d2a3a70);transition:.22s ease}.telemetry-card:hover{transform:translateY(-2px);border-color:#54dcff4c;background:#0a2b3d9c}.telemetry-card small,.telemetry-card span{display:block;color:#63899c;font:600 8px/1.25 monospace;letter-spacing:1px}.telemetry-card strong{display:block;overflow:hidden;margin:5px 0 3px;color:#eafaff;font:700 13px/1.2 system-ui;white-space:nowrap;text-overflow:ellipsis}.meter{height:3px!important;margin-top:7px;overflow:hidden;border-radius:9px;background:#ffffff10}.meter i{display:block;width:0;height:100%;border-radius:9px;background:linear-gradient(90deg,#1583aa,#79e8ff);box-shadow:0 0 8px #54dcff;transition:width .5s ease}.telemetry-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:9px}.telemetry-actions button{padding:6px 9px;border:1px solid #54dcff2c;border-radius:9px;background:#54dcff09;color:#76dff6;font:700 8px monospace;letter-spacing:1px}.telemetry-actions button:hover{background:#54dcff18;border-color:#54dcff66}.console{min-height:0}.messages{min-height:170px}.settings-grid{max-height:min(62vh,540px);overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#54dcff55 transparent}
@keyframes telemetry-pulse{50%{opacity:.35;transform:scale(.7)}}
@media(max-width:1000px){.telemetry-grid{grid-template-columns:repeat(3,1fr)}.telemetry-card:nth-child(1),.telemetry-card:nth-child(2){grid-column:auto}}
@media(max-width:680px){.telemetry{margin:10px 9px 0}.telemetry-grid{grid-template-columns:repeat(2,1fr)}.telemetry-card:last-child{grid-column:span 2}.telemetry-actions{justify-content:stretch}.telemetry-actions button{flex:1}}
@media(prefers-reduced-motion:reduce){.shiny-text,.telemetry-title i{animation:none}.telemetry-card{transition:none}}

/* Viewport-locked command center: compact, tidy, and free of visible scrollbars. */
html,body{width:100%;height:100%;overflow:hidden}
.shell{width:100%;max-width:1500px;height:100dvh;padding:9px 14px;display:flex;flex-direction:column;overflow:hidden}
header{flex:0 0 auto;padding:9px 14px!important;border-radius:15px!important}.mark{width:38px;height:38px}.brand h1{font-size:16px}.layout{flex:1;min-height:0;padding-top:9px;gap:12px;grid-template-columns:235px minmax(0,1fr)}
aside{min-height:0;padding:10px 12px!important;border-radius:17px!important;overflow:hidden}.orb-wrap{padding:2px}.orb{width:82px;height:82px}.orb:before{width:102px;height:102px}.orb:after{width:67px;height:67px}.orb-core{width:36px;height:36px}.time{margin-top:5px;font-size:27px}.date{margin-top:3px;font-size:9px}.metrics{margin:9px 0}.metrics div{padding:7px 2px}.metrics span{font-size:15px}.empty,.reminder{padding:6px 0;font-size:10px}.devices-panel{margin-top:9px}.device{padding:5px 0}.device-list{max-height:94px;overflow:hidden}.panel h2{margin:6px 0}
.console{height:auto;min-height:0;padding:9px!important;border-radius:17px!important}.telemetry{flex:0 0 auto;margin:0 0 6px;padding:8px;border-radius:14px}.telemetry-title{margin-bottom:6px}.telemetry-grid{gap:6px}.telemetry-card{padding:7px 8px;border-radius:10px}.telemetry-card strong{margin:3px 0 2px;font-size:11px}.telemetry-actions{margin-top:6px}.messages{min-height:0;padding:2px 7px 5px;overflow-y:auto;scrollbar-width:none}.messages::-webkit-scrollbar,.device-list::-webkit-scrollbar,.settings-grid::-webkit-scrollbar{display:none}.message{margin:8px 0;gap:9px}.message p{margin:3px 0;padding:8px 11px;font-size:12px;line-height:1.38}.avatar{flex-basis:28px;height:28px}.typing{margin:0 0 6px 5px;height:17px!important}form{flex:0 0 43px;border-radius:13px}input{padding:10px 14px}.settings-grid{scrollbar-width:none}
@media(max-height:760px){.orb-wrap{display:none}.time{font-size:23px}.metrics{margin:6px 0}.telemetry-actions{display:none}.device-list{max-height:64px}.message{margin:5px 0}.message p{padding:6px 9px}.telemetry-card{padding:5px 7px}}

/* Balanced desktop composition */
body{overscroll-behavior:none}.shell{max-width:1540px;padding:14px 18px 16px;gap:12px}header{min-height:64px;padding:11px 16px!important;background:linear-gradient(135deg,#0b2535d9,#07141ed9)!important}.mark{width:44px;height:44px}.brand{gap:13px}.brand h1{font-size:18px}.brand p{font-size:9px}.layout{grid-template-columns:270px minmax(0,1fr);gap:14px;padding-top:0}
aside{padding:16px 16px!important;border-radius:20px!important;background:linear-gradient(155deg,#0d2d40b8,#06141ed9)!important}.orb-wrap{padding:8px 0 5px}.orb{width:104px;height:104px}.orb:before{width:126px;height:126px}.orb:after{width:84px;height:84px}.orb-core{width:43px;height:43px}.time{margin-top:8px;font-size:32px}.date{margin-top:5px;font-size:9px}.metrics{margin:15px 0 12px}.metrics div{padding:10px 2px}.metrics span{font-size:18px}.panel h2{margin:10px 0 7px;font-size:10px}.empty,.reminder{padding:8px 0;font-size:11px;line-height:1.35}.devices-panel{margin-top:13px}.device{padding:7px 0}.device b{font-size:10px}.device-list{max-height:155px;overflow-y:auto;scrollbar-width:none}
.console{padding:10px!important;border-radius:20px!important;background:linear-gradient(150deg,#09253899,#04121cd9)!important}.telemetry{margin:0 0 9px;padding:11px 12px 10px;border-radius:16px}.telemetry-title{margin-bottom:9px;font-size:9px}.telemetry-grid{gap:8px}.telemetry-card{min-height:64px;padding:10px 11px;border-radius:12px}.telemetry-card small{font-size:8px}.telemetry-card strong{margin:6px 0 4px;font-size:13px}.telemetry-card span{font-size:8px}.telemetry-actions{margin-top:9px}.telemetry-actions button{padding:7px 11px;font-size:8px}
.messages{padding:5px 8px 12px}.message{max-width:min(76%,900px);margin:14px 0;gap:11px}.avatar{flex-basis:31px;height:31px}.message small{font-size:9px}.message p{margin:5px 0;padding:11px 14px;font-size:13px;line-height:1.5;border-radius:14px!important}.typing{margin:0 0 9px 8px;height:20px!important}form{flex-basis:50px;border-radius:15px}input{padding:13px 15px;font-size:13px}.send{padding:0 22px}
@media(max-width:1050px){.layout{grid-template-columns:230px minmax(0,1fr)}aside{padding:12px!important}.telemetry-grid{grid-template-columns:repeat(3,1fr)}.telemetry-card{min-height:58px}}
@media(max-height:780px){.shell{padding:8px 12px;gap:7px}header{min-height:54px}.layout{gap:9px}.orb-wrap{display:none}aside{padding:10px 13px!important}.time{font-size:25px}.metrics{margin:7px 0}.metrics div{padding:6px 2px}.empty,.reminder{padding:5px 0}.devices-panel{margin-top:7px}.device{padding:4px 0}.device-list{max-height:76px}.telemetry{padding:7px 9px}.telemetry-card{min-height:48px;padding:6px 8px}.telemetry-card strong{margin:3px 0;font-size:11px}.telemetry-actions{display:none}.message{margin:6px 0}.message p{padding:7px 10px}}