/* Tinted glass floats above a quiet cyber grid; data stays on darker surfaces. */
:root{--glass:linear-gradient(140deg,#b5d9ff17,#b7d8ff05 38%,#aa9bff10),#101c308c;--glass-strong:#101d30f2;--glass-edge:#c4e7ff30;--glass-shadow:inset 0 1px 0 #edffff24,inset 0 -1px 0 #cadfff0b,0 16px 42px #02071138;--glass-blur:18px;--glass-radius:22px;--line:#b2d5ec24;--muted:#a5b8ca}
body{background:radial-gradient(ellipse at 6% 8%,#31858138,transparent 42%),radial-gradient(ellipse at 94% 17%,#7066be42,transparent 43%),radial-gradient(ellipse at 48% 75%,#2d56832b,transparent 42%),linear-gradient(#99b8d307 1px,transparent 1px),linear-gradient(90deg,#99b8d307 1px,transparent 1px),#080f1c;background-size:auto,auto,auto,44px 44px,44px 44px,auto;background-attachment:fixed}
.topbar,.sidebar,.connection-panel,.send-panel,.monitor-panel,.library-tools,dialog,.mobile-selection:not([hidden]),.auth-panel,.admin-models,.admin-editor{background:var(--glass-strong);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);border-radius:var(--glass-radius)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .topbar,.sidebar,.connection-panel,.send-panel,.monitor-panel,.library-tools,dialog,.mobile-selection:not([hidden]),.auth-panel,.admin-models,.admin-editor{background:var(--glass);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(135%);backdrop-filter:blur(var(--glass-blur)) saturate(135%)}
}
.topbar{margin:12px 16px 0;top:12px;min-height:82px;padding:17px 24px}
.topbar:after{left:25px;bottom:-1px;width:150px;opacity:.65}
.sidebar{margin:16px 0 16px 16px;padding:24px 12px;top:110px;height:calc(100dvh - 126px)}
.brand-symbol{background:linear-gradient(145deg,#a7ffe933,#54dccc0e);box-shadow:inset 0 1px #dbfff580}
.terminal-state{padding:9px 12px;border:1px solid #c2d8f01c;border-radius:40px;background:#c2ddff06}
.category,.model-button{border-radius:12px;color:#b6c8d9}
.category.active,.model-button[aria-pressed=true]{background:linear-gradient(115deg,#7cf0d62b,#a1bdff13);border-color:#a0f7e357;color:#baffea;box-shadow:inset 0 1px #e5fff526,0 3px 12px #071b2333}
.category.active:before{left:4px;top:16px;bottom:16px}
.library-tools{border-radius:18px;padding:9px}
.library-summary{border-color:#b2d5ec24}
.table-wrap{background:#101c2ba3;border-color:#a4c6e42b;border-radius:18px;box-shadow:inset 0 1px #d9efff10,0 10px 36px #02071120}
thead,.admin-main th{background:#1a2b3bc9}
td{border-color:#b1cfed14}tbody tr:hover td{background:#a9ccff0a}tr.selected td{background:#70e9d51a}
.entry-visual{border-radius:11px;box-shadow:inset 0 0 0 3px #a5bfb166,0 3px 12px #050e2033}
.connection-panel,.send-panel,.monitor-panel{padding:22px}
.send-panel,.admin-editor{border-color:#cab8ff42;background:linear-gradient(140deg,#b8a7ff1f,transparent 55%),var(--glass-strong)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.send-panel,.admin-editor{background:linear-gradient(140deg,#b8a7ff1f,transparent 55%),var(--glass)}}
.connection-panel:before,.send-panel:before,.monitor-panel:before{left:25px;opacity:.85}
.transport-tabs{border-radius:15px;background:#05102155;border-color:#b4d6f124;padding:5px}
.transport-tabs button{border-radius:10px}
.transport-tabs button[aria-pressed=true]{background:linear-gradient(145deg,#befbf43a,#6adcc817);color:#d0fff2;box-shadow:inset 0 1px #ecffff47,inset 0 0 0 1px #9cffe22c,0 3px 12px #050d2738}
input,select,textarea,.search-box,.send-panel textarea{border-radius:11px;border-color:#b4d2f02c;background:#06112088;box-shadow:inset 0 2px 5px #0002}
.search-box input{background:transparent;box-shadow:none}
select option{background:#132337;color:var(--ink)}
.outline-button,.page-button,.row-arrow,.connect-button{border-radius:12px;border-color:#bfdef23d;background:linear-gradient(150deg,#d1eaff16,#bacdff04),#172d3e75;box-shadow:inset 0 1px #e6ffff16,0 3px 8px #040b181a}
.connect-button{background:linear-gradient(145deg,#93eddd38,#7bc5ed0c),#123b4085;border-color:#a8fce75c;color:#c8ffee;min-height:48px}
.send-button{border-radius:13px;border-color:#edffff52;box-shadow:inset 0 1px #f0ffff9c,0 6px 22px #95dbdc18}
.send-button:disabled{background:#27364a;color:#a1b3c5;border-color:#a9cce127;box-shadow:inset 0 1px #d9ecff0a}
.monitor,.firmware-output{background:#06101ee8;border-color:#a1c4e12c;border-radius:12px;box-shadow:inset 0 2px 8px #0003}
.selected-art{border-radius:15px}.protocol-tag{border-radius:7px}
dialog{border-radius:26px;box-shadow:inset 0 1px #efffff35,0 30px 100px #0009}
dialog::backdrop{background:#030916aa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.firmware-dialog .firmware-content{padding:22px 0 0}.firmware-note{background:#b5a1ff13;border-radius:0 10px 10px 0}
.site-footer{background:#0b142578;border-color:#b5d8ed1f}
.toast{background:#183b3bf2;border-radius:16px;box-shadow:inset 0 1px #dbfff82e,0 14px 42px #0006}
.usb-options{font-size:.8125rem;line-height:1.8;color:#a8bfd1;margin:4px 0 16px;border:1px solid #b4d6f124;border-radius:12px;background:#07152355;padding:0 12px}
.usb-options summary{padding:12px 0;cursor:pointer;color:#c6ddeb;min-height:44px}.usb-options summary:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:4px}
.usb-options p{margin:10px 0 14px}.usb-options select{font-size:.875rem}
.auth-panel:before{left:34px;right:34px;opacity:.65}.admin-models{top:112px}
.admin-main .editor-actions{background:transparent}.admin-main .editor-image{background:#0b172ae6;border-color:#b9d9f029;border-radius:12px}
@media(hover:hover) and (pointer:fine){
  .outline-button:hover:not(:disabled),.page-button:hover:not(:disabled),.row-arrow:hover:not(:disabled),.connect-button:hover:not(:disabled){background-color:#335a6b;border-color:#b9ffec87;box-shadow:inset 0 1px #ecffff3b,0 5px 18px #66daca18}
  .category:hover,.model-button:hover{background-color:#aacfff0e}.send-button:hover:not(:disabled){box-shadow:inset 0 1px #fff,0 7px 26px #95dbdc35}
}
@media(max-width:1200px){.admin-models{position:static}}
@media(max-width:900px){.admin-main .editor-actions{background:#132236f5;border-radius:12px;padding:14px 10px 6px}.admin-models{top:auto}}
@media(max-width:760px){
  :root{--glass-blur:10px;--glass:linear-gradient(145deg,#b5d9ff13,transparent 60%),#101d30a8;--glass-radius:20px}
  body{background-attachment:scroll}.topbar{margin:8px 10px 0;padding:14px 16px;top:8px;min-height:74px;border-radius:20px}.topbar:after{left:22px;width:95px}
  .connection-panel,.send-panel,.monitor-panel{padding:21px}.library-tools{border-radius:16px}
  .mobile-selection:not([hidden]){left:10px;right:10px;bottom:8px;border:1px solid #c8ffed4a;border-radius:20px;background:#152a3bb8;padding:12px 14px calc(12px + env(safe-area-inset-bottom));box-shadow:inset 0 1px #ecffff30,0 6px 35px #0008}
  .firmware-dialog .dialog-heading{padding:0}.firmware-dialog{padding:22px}.site-app:has(.mobile-selection:not([hidden])){padding-bottom:96px}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
  .topbar,.sidebar,.connection-panel,.send-panel,.monitor-panel,.library-tools,dialog,.mobile-selection:not([hidden]),.auth-panel,.admin-models,.admin-editor{background:#122236;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#71879b}
  .table-wrap{background:#101c2b}.category.active,.model-button[aria-pressed=true]{background:#214a44}dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:#030916e8}
}