:root{--gold:#dec28b;--silver:#c2c8d1}html[data-theme=gold]{--mint:#dec28b;--bg:#0b0b0d;--panel:#19191d;--line:#313036}html[data-theme=silver]{--mint:#cbd2dd;--bg:#101216;--panel:#1c2027;--line:#353b46}html[data-theme=black]{--mint:#f0f0f0;--bg:#000;--panel:#141414;--line:#303030}html[data-theme=white]{color-scheme:light;--mint:#8c692c;--bg:#f3f3f1;--panel:#fff;--text:#1e2026;--muted:#60646c;--line:#d5d5d0}html[data-theme=white] .rail,html[data-theme=white] .searchbar,html[data-theme=white] select,html[data-theme=white] .chip,html[data-theme=white] .secondary{background:#fff;color:#23252a}html[data-theme=white] .searchbar input{color:#202126}html[data-theme=white] .chip.active{background:#252831;color:#fff}html[data-theme=white] .navactive{color:#222}html[data-theme=white] .screen{color:#fff}html[data-theme=white] .primary,html[data-theme=white] .remoteToggle{background:#d7bc83;color:#211c11}html[data-theme=white] .intelligenceBar{background:#e9e8e3}html[data-theme=white] .rotationPanel,html[data-theme=white] .rotationPanel select{background:#fff}html[data-theme=white] .micToggle{background:#292b30;color:#f5e6c4}html[data-theme=white] .remote,html[data-theme=white] dialog{color:#eee}html[data-theme=white] dialog select{background:#252b34;color:white}
header{gap:26px;flex-wrap:wrap;min-height:102px;height:auto;padding-block:15px}header nav button{height:70px}.headright{gap:9px;flex-wrap:wrap}.headright .world{display:none}.headright select{max-width:150px}.micToggle{background:linear-gradient(120deg,#d6bd86,#f1e6d0);border:1px solid #dfc99e;color:#292114;padding:11px 15px;border-radius:24px;font-size:13px;font-weight:700;white-space:nowrap}.micToggle.listening{background:#873c39;border-color:#e58e88;color:white;box-shadow:0 0 0 4px #b5595920}.intelligenceBar{display:flex;gap:15px;align-items:center;background:#18191b;border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:4px 0 20px;font-size:12px}.intelligenceBrand{color:var(--mint);letter-spacing:2px;font-size:10px;font-weight:700;white-space:nowrap}.intelligenceBar>button{margin-inline-start:auto;font-size:12px;color:var(--mint)}#assistantState{color:var(--muted);line-height:1.5}.screenambient{background:radial-gradient(ellipse at 75% 20%,#78644350,transparent 60%),radial-gradient(ellipse at 20% 90%,#4b515944,transparent 65%),linear-gradient(130deg,#101217,#29292b 55%,#121316)}.screen{border-color:#61544255}.railbtn.active{background:#4c443733;color:var(--mint)}.brand span,.mark{color:var(--mint)}.voicebtn{background:#564b3438;color:var(--mint)}.rotationPanel{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 17px;background:#121519;border:1px solid var(--line);border-radius:12px;margin-bottom:27px;font-size:13px}.rotationPanel label{display:flex;align-items:center;gap:12px}.rotationPanel select{font-size:12px}.rotationPanel #rotationStatus{margin-inline-start:auto;color:var(--muted);font-size:12px}.channelLogo{position:absolute;inset:24px 20px;width:calc(100% - 40px);height:calc(100% - 48px);object-fit:contain;filter:drop-shadow(0 1px 2px #0002)}.wordmark.hasLogo{visibility:hidden}.tile{background:#e8e9eb!important}.tile:has(img){background:linear-gradient(135deg,#fff,#d7dbe0)!important}.tile .wordmark{color:#30394c!important}.tile .smallstatus{z-index:2;color:#e6e7ed;background:#343941a0}.channelEmblem{position:relative;overflow:hidden;background:#e9e9e6}.channelEmblem img{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:contain;background:#e9e9e6}.remote{transform:scale(var(--remote-scale,1));transform-origin:bottom right;max-height:calc((100dvh - 115px)/var(--remote-scale,1));overflow:auto;background:linear-gradient(140deg,#34363bec,#16191eee);border-color:#86817a;box-shadow:0 18px 70px #0009,inset 0 1px 0 #ffffff33}.remote .dpad #remoteOK{background:linear-gradient(120deg,#d7bd81,#f0e3c8);color:#312810}.remoteScale{display:flex;flex-direction:column;gap:8px;color:#c5c4c0;font-size:11px;margin-top:14px}.remoteScale input{width:100%;accent-color:var(--mint)}.remoteToggle{background:linear-gradient(120deg,#d7bd81,#f0e3c8);color:#312810}.voiceNote{font-size:12px;line-height:1.7}.assistantLabel{color:var(--mint);letter-spacing:2px;font-size:10px}.speechLanguage{display:flex;align-items:center;gap:12px;font-size:13px}.remoteActions button:hover{background:#4b515c}.voiceorb{color:var(--gold)}.nowpanel .eyebrow{color:var(--mint)}
@media(max-width:1100px){header nav{display:none}.headright{margin-left:auto}.intelligenceBar{flex-wrap:wrap}.intelligenceBar>button{margin-inline-start:0}.headright select{font-size:12px}.rotationPanel #rotationStatus{margin-inline-start:0}}
@media(max-width:650px){header{gap:12px;padding-block:18px}.brand{font-size:24px}.headright{display:contents}.micToggle{margin-inline-start:auto}#themePicker{flex:1;max-width:100%}.headright #uiLanguage{max-width:130px}.headright .iconbtn{margin-inline-start:auto}.intelligenceBar{gap:8px;margin-top:0}.intelligenceBrand{width:100%}.intelligenceBar>button{display:none}.rotationPanel{padding:12px;gap:10px}.rotationPanel label:first-child{width:100%;justify-content:space-between}.rotationPanel select{max-width:180px}.rotationPanel .secondary{font-size:12px;padding:10px}.channelLogo{inset:21px 14px;width:calc(100% - 28px);height:calc(100% - 42px)}.remote{right:20px;bottom:80px}.screenBottom>span{font-size:11px;background:#0007;border-radius:5px;padding:4px}.voiceNote{font-size:12px}dialog{padding:28px 22px}.micToggle{font-size:12px}}

html[data-theme=white] .detailtags span{color:#575a64}html[data-theme=white] footer button{color:#5a5d65}
