:root{--bg:#081622;--bg2:#0d1c2a;--panel:#102131;--panel2:#14283a;--line:#294052;--text:#f4f7fb;--muted:#aeb9c7;--green:#55d47a;--green2:#1f8c4a;--purple:#b77bea;--blue:#5ba8ff;--orange:#ffae2e;--shadow:0 22px 55px rgba(0,0,0,.25)}

*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 58% 6%,#14233d 0,#0a1926 35%,#07131e 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.app-shell{display:grid;grid-template-columns:278px 1fr;min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:278px;border-right:1px solid #263b4d;background:linear-gradient(180deg,rgba(5,22,34,.98),rgba(7,24,37,.96));padding:30px 15px 20px;display:flex;flex-direction:column;z-index:3}
.brand{display:flex;align-items:center;gap:13px;padding:8px 18px 28px}
.brand strong{font-size:28px;font-weight:500;letter-spacing:-1.3px}
.brand strong em{font-style:normal;color:#52dc77}
.brand small{display:block;font-size:12px;margin-top:2px}
.brand-mark{width:55px;height:55px;border:3px solid #68df8b;border-radius:50%;position:relative;background:#15364a;box-shadow:0 0 25px rgba(54,222,113,.16)}
.brand-mark:after{content:"";position:absolute;left:21px;bottom:8px;width:9px;height:16px;background:#f6f9fc;border-radius:8px 8px 12px 12px}
.brand-mark span,.brand-mark i,.brand-mark b{position:absolute;border:2px solid #68df8b;border-top-color:transparent;border-bottom-color:transparent;border-radius:50%;top:10px;bottom:10px}
.brand-mark span{left:8px;right:8px}
.brand-mark i{left:13px;right:13px}
.brand-mark b{left:18px;right:18px}
nav{display:grid;gap:4px}
.nav-item{border:0;background:transparent;color:#e4ebf1;display:flex;align-items:center;gap:16px;padding:13px 18px;border-radius:10px;font-size:15px;text-align:left;cursor:pointer;transition:.2s}
.nav-item svg{width:24px;height:24px;fill:none;stroke:#95a8bb;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav-item:hover{background:#102a31}
.nav-item.active{background:linear-gradient(90deg,#133b2c,#12332d);color:#71df90;border-left:2px solid #4bd471}
.nav-item.active svg{stroke:#68da85}
.side-bottom{margin-top:auto;display:grid;gap:14px}
.status-card,.github-card{border:1px solid #294052;border-radius:13px;background:#0d1d2a;padding:18px;color:#c4cfdb;font-size:14px}
.version-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.version-line p{margin:0}.update-available{border:1px solid #4d9965;border-radius:5px;background:#143225;color:#75df93;padding:3px 6px;font-size:10px;font-weight:700;cursor:pointer}.update-available:hover{background:#1b432e}.light .update-available{border-color:#7fba92;background:#e5f4e9;color:#176c37}.light .update-available:hover{background:#d6ecdd}
.status-card p{margin:12px 0 0}
.online{color:#5cdd7d}
.online span{display:inline-block;width:12px;height:12px;border-radius:50%;background:#4fda71;margin-right:10px;box-shadow:0 0 12px #38d760}
.github-card{text-decoration:none;display:flex;align-items:center;gap:13px;color:#f0f4f8}
.github-card small{display:block;color:#92a5b7;margin-top:3px}
.github-dot{font-size:30px;color:#dde6ef}
main{grid-column:2;padding:31px 34px 42px;min-width:0}
header{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}
h1{font-size:29px;margin:0 0 4px;letter-spacing:-.7px}
header p{margin:0;color:var(--muted)}
.header-actions{display:flex;gap:18px;align-items:center}
.outline-btn,.icon-btn{border:1px solid #3ecb69;background:#0b1a27;color:#eef5f8;border-radius:11px;height:44px;padding:0 19px;font-size:15px;cursor:pointer}
.outline-btn:hover{background:#143126}
.icon-btn{border-color:#23394a;width:44px;padding:0;border-radius:50%;font-size:22px}
.avatar{width:46px;height:46px;border-radius:50%;background:#164835;display:grid;place-items:center}
.grid-top{display:grid;grid-template-columns:1.48fr 1fr;gap:22px}
.panel{border:1px solid #2a4052;border-radius:14px;background:linear-gradient(145deg,rgba(20,40,57,.92),rgba(10,25,38,.93));box-shadow:inset 0 1px 0 rgba(255,255,255,.015)}
.hero{min-height:374px;position:relative;padding:47px 38px;overflow:hidden;background:radial-gradient(circle at 76% 24%,rgba(44,66,103,.7),transparent 35%),linear-gradient(145deg,#16283a,#102030)}
.hero h2{font-size:40px;margin:0 0 8px}
.hero p{font-size:21px;line-height:1.35;color:#b9c4d0;max-width:390px;margin:0}
.hero-actions{position:absolute;left:38px;bottom:45px;display:flex;gap:14px}
.primary-btn,.secondary-btn,.save-btn{padding:14px 20px;border-radius:10px;border:1px solid #315268;color:white;background:#142436;font-size:15px;cursor:pointer}
.primary-btn,.save-btn{background:linear-gradient(180deg,#3c9c5b,#267a42);border-color:#48ae65}
.device-img{position:absolute;right:29px;top:13px;height:335px;mix-blend-mode:lighten;filter:drop-shadow(0 22px 20px rgba(0,0,0,.38))}
.status-panel{padding:25px 28px}
.status-panel h3,.setting-panel h3{margin:0 0 17px;font-size:16px}
.metric{display:grid;grid-template-columns:28px 1fr auto 140px;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #263b4c}
.metric:last-child{border-bottom:0}
.metric svg{width:24px;height:24px;fill:none;stroke:#9bacbd;stroke-width:1.8}
.metric .value{font-size:14px}
.bar{height:8px;border-radius:8px;background:#213343;overflow:hidden}
.bar i{display:block;height:100%;background:#69cf85;border-radius:8px}
.connected{color:#59dd78}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:19px;margin-top:25px}
.shortcut{min-height:147px;padding:24px;display:grid;grid-template-columns:43px 1fr 12px;gap:15px;align-items:start;cursor:pointer;transition:.2s}
.shortcut:hover{transform:translateY(-2px);border-color:#3e5a70;background:#14283a}
.shortcut svg{width:40px;height:40px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.shortcut h3{margin:1px 0 5px;font-size:17px}
.shortcut p{margin:0;color:#aebac7;font-size:14px;line-height:1.55}
.arrow{font-size:28px;color:#a7b5c3;margin-top:22px}
.green{stroke:var(--green)}
.purple{stroke:var(--purple)}
.blue{stroke:#779cff}
.sky{stroke:var(--blue)}
.orange{stroke:var(--orange)}
.grey{stroke:#9cabb9}
.community{margin-top:24px;padding:25px 30px;display:flex;align-items:center;gap:26px}
.community-logo{font-size:58px;color:#4ad06e}
.community h3{margin:0 0 4px}
.community p{margin:0;color:#aab7c4}
.community .push{margin-left:auto;display:flex;gap:16px}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.setting-panel{padding:25px}
.field{display:grid;gap:8px;margin:18px 0}
.field label{font-size:13px;color:#aebbc7}
.field input,.field select{width:100%;background:#0b1925;color:#f3f6f8;border:1px solid #2c4355;border-radius:9px;padding:12px 13px;font:inherit}
.switch-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #24394a}
.switch{width:48px;height:26px;border-radius:20px;background:#273a48;position:relative;cursor:pointer}
.switch:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:white;top:3px;left:3px;transition:.2s}
.switch.on{background:#35a85b}
.switch.on:after{left:25px}
.colour-row{display:flex;gap:12px}
.colour{width:34px;height:34px;border-radius:50%;border:3px solid transparent;cursor:pointer}
.colour.selected{border-color:white;box-shadow:0 0 0 2px #2b4051}
.toast{position:fixed;right:30px;bottom:28px;padding:13px 20px;background:#2b9c53;border-radius:9px;opacity:0;transform:translateY(10px);transition:.25s;z-index:8}
.toast.show{opacity:1;transform:none}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}
.grid-top{grid-template-columns:1fr}
.device-img{opacity:.55}
.app-shell{grid-template-columns:225px 1fr}
.sidebar{width:225px}
.brand strong{font-size:23px}
}
button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #75c9ff;outline-offset:3px}.brand .brand-mark{width:55px;height:55px;border:0;border-radius:50%;background:none;filter:drop-shadow(0 0 14px rgba(54,222,113,.2))}.brand .brand-mark:after{display:none}.menu-btn{display:none;border:0;background:transparent;color:var(--text);font-size:25px}.backend-badge{font-size:12px;text-transform:uppercase;letter-spacing:.08em;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.backend-badge.mock{color:#bb8af0;border-color:#66467d}.backend-badge.linux{color:#69dd8b;border-color:#386748}.loading,.empty-state{padding:45px;text-align:center;color:var(--muted)}.sim-label{display:inline-block;margin-bottom:17px;padding:6px 9px;border-radius:6px;background:#342849;color:#d5a8ff;font-size:11px;letter-spacing:.12em}.shortcut{border:1px solid #2a4052;color:var(--text);text-align:left}.shortcut span{display:block}.shortcut strong{display:block;font-size:17px;margin:1px 0 5px}.shortcut small{display:block;color:#aebac7;font-size:14px;line-height:1.55}.community-mark,.about-mark{width:64px;height:64px}.community-mark{flex:0 0 auto}.muted{color:var(--muted);line-height:1.55}.wide{grid-column:1/-1}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.danger-btn{padding:13px 18px;border:1px solid #8d3e48;background:#3b2028;color:#ffdce0;border-radius:10px;cursor:pointer}button:disabled,input:disabled,select:disabled{opacity:.55;cursor:not-allowed}.facts{display:grid;grid-template-columns:minmax(120px,1fr) 1.6fr;margin:0}.facts dt,.facts dd{margin:0;padding:11px 0;border-bottom:1px solid #24394a}.facts dt{color:var(--muted)}.facts dd{text-align:right;overflow-wrap:anywhere}.field>span{font-size:13px;color:#aebbc7}.range-field input{padding:0;accent-color:#50d477}.switch-row{display:grid;grid-template-columns:1fr auto;align-items:center;cursor:pointer}.toggle-input{position:absolute;opacity:0;pointer-events:none}.switch-row .switch{grid-column:2}.toggle-input:checked+.switch{background:#35a85b}.toggle-input:checked+.switch:after{left:25px}.toggle-input:focus-visible+.switch{outline:3px solid #75c9ff;outline-offset:3px}.toggle-input:disabled+.switch{opacity:.45}.privacy-callout,.notice{display:flex;gap:10px;margin:17px 0;padding:14px;border:1px solid #2e6945;border-radius:9px;background:#123326;color:#72df92}.notice{flex-direction:column}.notice.unsupported{border-color:#6b5938;background:#352d1d;color:#f0be69}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.profile-grid div{display:flex;align-items:center;gap:9px;text-transform:capitalize}.profile-grid i{width:22px;height:22px;border-radius:50%}.led-preview{height:90px;display:grid;place-items:center;position:relative;margin:18px 0;color:var(--muted)}.led-preview i{position:absolute;width:76px;height:76px;border:9px solid var(--led);border-radius:50%;box-shadow:0 0 22px var(--led)}.led-preview span{position:absolute;top:78px;font-size:12px}.status-line{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #24394a}.status-line>div{display:grid}.status-line small{color:var(--muted)}.status-line>:last-child{margin-left:auto}.status-dot{width:10px;height:10px;border-radius:50%;background:#8d5360}.status-dot.ok{background:#55d47a;box-shadow:0 0 9px #55d47a}.wifi-results{display:grid;margin:15px 0;max-height:280px;overflow:auto}.wifi-network{display:flex;justify-content:space-between;align-items:center;border:0;border-bottom:1px solid #24394a;background:transparent;color:var(--text);padding:12px;text-align:left;cursor:pointer}.wifi-network:hover{background:#172c3d}.wifi-network span{display:grid}.wifi-network small{color:var(--muted)}.integration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.progress{height:9px;background:#243747;border-radius:8px;overflow:hidden;margin:15px 0}.progress i{display:block;height:100%;background:#55d47a}.log-toolbar{display:flex;gap:12px;margin-bottom:15px}.log-toolbar input{flex:1;background:#0b1925;color:var(--text);border:1px solid #2c4355;border-radius:9px;padding:10px}.log-viewer{background:#06111a;border:1px solid #263b4c;border-radius:9px;max-height:420px;overflow:auto;font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.log-viewer>div{display:grid;grid-template-columns:90px 70px 1fr;gap:10px;padding:9px 12px;border-bottom:1px solid #192a37}.level{color:#70c4ef}.level.warning{color:#ffae2e}.level.error{color:#ff747d}.diagnostics{margin-top:22px}.error-text{color:#ff8e96}.toast.error{background:#a63b45}code{background:#07131e;border:1px solid #284052;border-radius:5px;padding:2px 5px}
body.light{--bg:#edf3f6;--bg2:#f7fafc;--panel:#fff;--panel2:#f4f8fa;--line:#c8d5dd;--text:#172a38;--muted:#5d6e79;--green:#218a49;--green2:#176b38;background:radial-gradient(circle at 58% 4%,#fff 0,#eef4f7 42%,#e5edf1 100%);color:var(--text)}
.light .sidebar{background:linear-gradient(180deg,#fbfdfe,#f0f5f7);border-color:#c8d5dd;box-shadow:8px 0 28px rgba(31,55,70,.06)}.light .brand strong,.light h1,.light h2,.light h3{color:#172a38}.light .brand small{color:#526874}.light .nav-item{color:#314956}.light .nav-item svg{stroke:#57717f}.light .nav-item:hover{background:#e4eeea;color:#183f2a}.light .nav-item.active{background:linear-gradient(90deg,#ccebd7,#dff2e5);color:#155f32;border-left-color:#218a49;font-weight:650;box-shadow:inset 0 0 0 1px #b7dec5}.light .nav-item.active svg{stroke:#18753a}.light .status-card,.light .github-card{background:#fff;border-color:#c7d5dc;color:#344b58}.light .github-card small{color:#667b86}.light .github-dot{color:#314a58}.light main,.light .panel{color:var(--text)}.light .panel{background:linear-gradient(145deg,#fff,#f4f8fa);border-color:#c8d5dd;box-shadow:0 7px 22px rgba(42,65,78,.06)}.light .hero{background:radial-gradient(circle at 76% 24%,rgba(183,204,222,.65),transparent 38%),linear-gradient(145deg,#f9fbfd,#e7eef4)}.light .hero p,.light .shortcut small,.light .community p,.light .muted{color:#5d6e79}.light .sim-label{background:#eee4f7;color:#69448b}.light .metric{border-color:#d5dfe4}.light .metric svg{stroke:#56717e}.light .bar,.light .progress{background:#d9e4e9}.light .bar i,.light .progress i{background:#319858}.light .shortcut{color:#172a38}.light .shortcut:hover{background:#edf5f1;border-color:#8faaa0}.light .community{background:#f8fbfc}.light header p{color:#5d6e79}.light .backend-badge{background:#fff;border-color:#b9cbd4;color:#4f6470}.light .backend-badge.mock{background:#f5eefb;border-color:#c5a9dc;color:#69448b}.light .outline-btn,.light .icon-btn,.light .secondary-btn{background:#fff;color:#233e4c;border-color:#9fb3be}.light .outline-btn:hover,.light .secondary-btn:hover{background:#e8f3ed;border-color:#6e9e80}.light .avatar{background:#cdebd7;color:#155f32}.light .setting-panel{background:#fff}.light .field input,.light .field select,.light .log-toolbar input{background:#f8fbfc;color:#172a38;border-color:#b9cbd4}.light .field input:disabled,.light .field select:disabled{background:#edf2f4;color:#62737d}.light .switch-row,.light .facts dt,.light .facts dd,.light .status-line,.light .wifi-network{border-color:#d7e1e6}.light .switch{background:#aebdc5}.light .toggle-input:checked+.switch{background:#278c4b}.light .privacy-callout{background:#e4f4e9;border-color:#9fcfaf;color:#176c37}.light .notice.unsupported{background:#fff5dc;border-color:#dfbd68;color:#745414}.light .wifi-network{color:#172a38}.light .wifi-network:hover{background:#edf5f1}.light .wifi-network small{color:#60727c}.light .led-preview{color:#566b76}.light .log-toolbar{background:transparent}.light .log-viewer{background:#17242d;color:#e8f0f4;border-color:#405661}.light .log-viewer>div{border-color:#31454f}.light code{background:#e9f0f3;border-color:#bfd0d8;color:#253e4b}.light .danger-btn{background:#fff0f1;border-color:#c97980;color:#852e37}.light .error-text{color:#a92f3a}.light .loading,.light .empty-state{color:#526874}
@media(max-width:760px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.2s;width:278px;box-shadow:20px 0 50px rgba(0,0,0,.4)}.nav-open .sidebar{transform:none}.menu-btn{display:block}main{padding:20px;display:block}header{gap:12px;align-items:flex-start}header>div:nth-child(2){flex:1}.header-actions{gap:8px}.header-actions>#reboot{display:none}.auth-control{font-size:12px;padding:0 10px;max-width:110px}.backend-badge{font-size:9px}.grid-top,.settings-grid,.integration-grid{grid-template-columns:1fr}.wide{grid-column:auto}.cards{grid-template-columns:1fr}.hero{min-height:330px;padding:30px 24px}.hero h2{font-size:32px}.hero p{font-size:17px}.device-img{height:260px;right:-10px;top:40px;opacity:.38}.hero-actions{left:24px;bottom:28px}.metric{grid-template-columns:25px 1fr auto}.metric .bar{grid-column:2/-1}.community{align-items:flex-start}.facts{grid-template-columns:1fr}.facts dd{text-align:left;padding-top:0}.log-viewer>div{grid-template-columns:70px 55px 1fr}.profile-grid{grid-template-columns:1fr}.cpu-core-grid{grid-template-columns:repeat(2,1fr)}}
.save-changes{display:block;margin-top:20px;min-width:142px}.save-changes:disabled{background:#243747;border-color:#344b5a;color:#82939d;opacity:.72}.light .save-changes:disabled{background:#e3eaee;border-color:#c5d1d8;color:#81909a}
.bar,.progress{display:block;height:8px;border:0;border-radius:8px;overflow:hidden;background:#213343;appearance:none;-webkit-appearance:none}.bar::-webkit-progress-bar,.progress::-webkit-progress-bar{background:#213343;border-radius:8px}.bar::-webkit-progress-value,.progress::-webkit-progress-value{background:#69cf85;border-radius:8px}.bar::-moz-progress-bar,.progress::-moz-progress-bar{background:#69cf85;border-radius:8px}.progress{width:100%;height:9px;margin:15px 0}.light .bar,.light .progress,.light .bar::-webkit-progress-bar,.light .progress::-webkit-progress-bar{background:#d9e4e9}.light .bar::-webkit-progress-value,.light .progress::-webkit-progress-value,.light .bar::-moz-progress-bar,.light .progress::-moz-progress-bar{background:#319858}
.power-led{justify-self:end;width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.35)}.power-led.on{background:#50e276;box-shadow:0 0 6px #50e276,0 0 16px rgba(80,226,118,.85),0 0 28px rgba(80,226,118,.38)}.power-led.off{background:#ef535d;box-shadow:0 0 6px #ef535d,0 0 16px rgba(239,83,93,.8),0 0 28px rgba(239,83,93,.34)}.light .power-led{border-color:rgba(0,0,0,.12)}.light .power-led.on{background:#20a94c;box-shadow:0 0 5px #47c96b,0 0 14px rgba(32,169,76,.58)}.light .power-led.off{background:#d33c47;box-shadow:0 0 5px #e16069,0 0 14px rgba(211,60,71,.5)}
.cpu-panel{padding:25px 28px;margin-top:22px}.cpu-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.cpu-heading h3{margin:0;font-size:16px}.cpu-heading span{color:var(--muted);font-size:13px}.cpu-core-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cpu-core{padding:15px;border:1px solid #2a4052;border-radius:10px;background:#0d1d2a}.cpu-core>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.cpu-core strong{font-size:15px}.cpu-core small{color:var(--muted);font-size:12px}.cpu-core b{display:block;margin:16px 0 9px;font-size:22px;font-weight:500}.cpu-core .bar{width:100%}.cpu-core.offline{opacity:.7}.light .cpu-core{background:#f4f8fa;border-color:#c8d5dd}
.now-playing{position:relative;margin-top:22px;padding:22px 26px;display:grid;grid-template-columns:72px minmax(180px,1fr) minmax(240px,1.25fr) auto;gap:22px;align-items:center;overflow:hidden}.now-playing:before{content:"";position:absolute;inset:auto 8% -70px 8%;height:110px;background:linear-gradient(90deg,rgba(255,143,57,.18),rgba(70,222,137,.16),rgba(63,180,255,.18),rgba(212,90,255,.16));filter:blur(36px);pointer-events:none}.now-playing-mark{width:66px;height:66px;display:grid;place-items:center}.now-playing-mark svg{width:100%;height:100%;fill:none;stroke:#5bdd82;stroke-width:4;filter:drop-shadow(0 0 9px rgba(91,221,130,.42))}.now-playing.active .now-playing-mark svg{animation:now-playing-spin 7s linear infinite}.now-playing-copy{min-width:0}.now-playing-copy h3{margin:7px 0 3px;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing-copy p{margin:0;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-pill{display:inline-block;padding:4px 8px;border:1px solid #3e7051;border-radius:999px;color:#75df93;background:#143225;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.spectrum-mini{height:60px;display:flex;align-items:end;justify-content:center;gap:5px}.spectrum-mini i{display:block;flex:1;max-width:13px;height:var(--level);min-height:3px;border-radius:5px 5px 2px 2px;background:hsl(calc(24deg + var(--band) * 27deg) 82% 62%);box-shadow:0 0 9px hsl(calc(24deg + var(--band) * 27deg) 82% 55% / .35);transition:height .16s linear}.now-playing-state{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;text-transform:capitalize}.now-playing-state .status-dot{flex:0 0 auto}.now-playing.idle{opacity:.82}.light .source-pill{background:#e5f4e9;color:#176c37;border-color:#9fcfaf}.light .now-playing:before{opacity:.55}@keyframes now-playing-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.now-playing.active .now-playing-mark svg{animation:none}}
@media(max-width:760px){.now-playing{grid-template-columns:58px 1fr;padding:18px;gap:14px}.now-playing-mark{width:54px;height:54px}.spectrum-mini{grid-column:1/-1;height:46px}.now-playing-state{position:absolute;right:18px;top:18px}}
.action-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.hero-actions .action-link{padding:0 16px;height:46px}.hero-actions{flex-wrap:wrap;max-width:460px}
.assistant-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.assistant-heading h4{font-size:22px;margin:10px 0 4px}.assistant-heading p{max-width:720px;margin:0}.assistant-state{display:flex;align-items:center;gap:9px;white-space:nowrap}.assistant-settings{margin-top:20px}.assistant-settings .setting-panel{padding:0}.field textarea{width:100%;resize:vertical;min-height:130px;background:#0b1925;color:#f3f6f8;border:1px solid #2c4355;border-radius:9px;padding:12px 13px;font:inherit;line-height:1.45}.device-code{display:flex;align-items:center;gap:18px;margin:20px 0;padding:18px;border:1px solid #3b6f4d;border-radius:11px;background:#102f22}.device-code span{color:var(--muted)}.device-code strong{font:700 25px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.device-code .action-link{margin-left:auto}.light .field textarea{background:#f8fbfc;color:#172a38;border-color:#b9cbd4}.light .device-code{background:#e7f5eb;border-color:#9fcfaf}@media(max-width:760px){.assistant-heading,.device-code{align-items:stretch;flex-direction:column}.device-code .action-link{margin-left:0}.assistant-state{white-space:normal}}
.led-ring-view{display:grid;justify-items:center;gap:8px;margin:20px 0 8px;color:var(--muted);font-size:12px}.led-ring-view svg{width:min(260px,80vw);height:auto;overflow:visible}.led-ring-view.animating svg{animation:led-ring-spin 2s linear infinite}.led-ring-track{fill:none;stroke:#294052;stroke-width:2}.led-ring-centre{fill:var(--panel2);stroke:#294052;stroke-width:1.5}.led-ring-view circle:not(.led-ring-track):not(.led-ring-centre){filter:drop-shadow(0 0 4px currentColor)}.led-ring-view .led-pixel{transition:fill .16s linear,opacity .16s linear}.led-ring-view.reactive .led-pixel{filter:drop-shadow(0 0 5px currentColor)}
.baby-monitor-panel{min-height:260px}.baby-monitor-panel .status-line{margin-top:18px}.baby-monitor-panel .button-row{margin-top:20px}.baby-monitor-panel .notice{margin-top:16px}.baby-monitor-panel .field select{min-height:46px}.baby-monitor-panel .status-dot{transition:.2s}.baby-monitor-panel .status-dot.ok{box-shadow:0 0 10px #55d47a}@keyframes led-ring-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.led-ring-view.animating svg{animation:none}}
.bluetooth-device{cursor:default;gap:18px}.bluetooth-device .button-row{margin-top:0}.bluetooth-device button{white-space:nowrap}
.auth-control{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-form{min-width:min(360px,calc(100vw - 48px));padding:28px;border:1px solid #2a4052;border-radius:14px;background:var(--panel);color:var(--text);box-shadow:var(--shadow)}.auth-form h2{margin:0 0 8px;font-size:22px}.auth-form .field{margin:15px 0}.auth-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.auth-form::backdrop{background:rgba(0,0,0,.62);backdrop-filter:blur(2px)}dialog{border:0;padding:0;background:transparent;max-width:calc(100vw - 24px)}dialog[open]{display:block}.error-text{margin:12px 0 0}
.integration-section{overflow:hidden}.integration-section>summary{display:flex;align-items:center;gap:14px;list-style:none;cursor:pointer;padding:20px 22px}.integration-section>summary::-webkit-details-marker{display:none}.integration-section>summary:before{content:'›';font-size:24px;line-height:1;color:var(--muted);transition:transform .16s ease}.integration-section[open]>summary:before{transform:rotate(90deg)}.integration-section>summary h3{margin:0}.integration-toggle{margin-left:auto;color:var(--muted);font-size:12px}.integration-section[open] .integration-toggle{font-size:0}.integration-section[open] .integration-toggle:after{content:'Hide details';font-size:12px}.integration-section-body{padding:0 22px 22px}.integration-section-body>.assistant-heading{padding-top:2px}.integration-section-body>.settings-grid{margin-top:20px}.integration-section:focus-within>summary{outline:3px solid #75c9ff;outline-offset:-3px}
.backend-badge[data-version]{display:inline-flex;align-items:center;gap:6px;font-size:0;text-transform:none;letter-spacing:0;white-space:nowrap}.backend-badge[data-version]:before{content:"i";display:grid;place-items:center;width:14px;height:14px;border:1px solid currentColor;border-radius:50%;font-size:10px;font-weight:700;line-height:1}.backend-badge[data-version]:after{content:attr(data-version);font-size:12px}
@media(max-width:760px){.backend-badge[data-version]:after{font-size:10px}}