:root{--ink:#eaf0f6;--muted:#91a0b2;--panel:#151c25;--line:#2a3543;--bg:#0b0f14;--accent:#76b900;--blue:#52a8ff;--danger:#ff5d65;font-size:100%}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Inter,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit;background:#202a36;border:1px solid var(--line);border-radius:10px;padding:.65rem .9rem;cursor:pointer}button:hover{border-color:#607086}button:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.center{min-height:100vh;display:grid;place-items:center;padding:2rem}.panel,.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:1.4rem}.panel{width:min(440px,100%)}label{display:grid;gap:.35rem;margin:.9rem 0;color:var(--muted)}input,select,textarea{width:100%;background:#0e141c;color:var(--ink);border:1px solid #354455;border-radius:9px;padding:.7rem}.brand{font-size:1.25rem;font-weight:800;letter-spacing:-.03em}.brand span{color:var(--accent)}#shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}aside{background:#10161e;border-right:1px solid var(--line);padding:1rem;position:sticky;top:0;height:100vh;overflow:auto}.owner{display:flex;align-items:center;gap:.65rem;margin-bottom:1.4rem}.owner div{display:grid;flex:1}.owner small{color:var(--muted)}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#0b1500;font-weight:900}nav{margin-top:1.4rem}summary{color:var(--muted);padding:.65rem 0;cursor:pointer}nav button{display:block;width:100%;border:0;background:transparent;text-align:left;margin:.2rem 0}nav button.active{background:#263423;color:#bde97b}.nav-toggle{position:absolute;right:1rem;top:4.8rem}main{min-width:0;padding:1.5rem 2rem}header{display:flex;justify-content:space-between;gap:1rem;align-items:center;border-bottom:1px solid var(--line);padding-bottom:1.2rem}header h1{font-size:2rem;margin:0}header p{margin:.25rem 0;color:var(--muted)}.top-actions{display:flex;gap:.6rem;align-items:center}.danger{background:#421a1e;border-color:#812c34}.pill{border:1px solid var(--line);padding:.4rem .7rem;border-radius:99px;color:var(--muted)}#content{padding:1.4rem 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.card h2,.card h3{margin-top:0}.card p,.muted{color:var(--muted)}.status{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#badb8b}.wizard-steps{display:flex;gap:.5rem;overflow:auto;margin-bottom:1rem}.wizard-steps button.active{background:var(--accent);color:#102000}.actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.chat-layout{display:grid;grid-template-columns:210px minmax(320px,1fr) 280px;gap:1rem;height:calc(100vh - 150px)}.chat-list,.messages,.trace{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1rem;overflow:auto}.messages{display:flex;flex-direction:column}.message{max-width:80%;padding:.8rem 1rem;border-radius:14px;margin:.4rem 0;white-space:pre-wrap}.message.user{align-self:flex-end;background:#254365}.message.assistant{background:#202a36}.composer{display:flex;gap:.5rem;margin-top:auto;padding-top:1rem}.composer textarea{min-height:55px;resize:none}.trace pre{white-space:pre-wrap;font-size:.78rem}.error{color:#ff8d93}.ok{color:#a9dc6e}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.7rem;vertical-align:top}code{background:#0d131a;padding:.15rem .35rem;border-radius:4px}.slide{aspect-ratio:16/9;background:linear-gradient(140deg,#172331,#0c1219);border:1px solid var(--line);border-radius:18px;padding:6%;display:grid;align-content:center}.slide h2{font-size:3rem}.slide p{font-size:1.4rem}.connected{border-color:#4f7727}.unavailable{opacity:.72}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:14px}body.nav-collapsed #shell{grid-template-columns:78px 1fr}body.nav-collapsed aside .brand,body.nav-collapsed nav span,body.nav-collapsed summary,body.nav-collapsed .owner div{display:none}@media(max-width:900px){#shell{grid-template-columns:78px 1fr}aside .brand,nav span,summary,.owner div{display:none}.chat-layout{grid-template-columns:1fr;height:auto}.chat-list,.trace{max-height:240px}main{padding:1rem}header{align-items:flex-start;flex-direction:column}.top-actions{flex-wrap:wrap}}
 .session-row{display:flex;gap:.35rem;margin:.35rem 0}.session-row .session{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-session{color:#ff8d93;padding:.35rem .65rem}
 .robot-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.robot-tabs [aria-selected="true"]{background:var(--accent);color:#102000}.robot-safety{max-width:720px}.robot-safety p{margin:.4rem 0}.robot-safety p.ok{color:#a9dc6e}.motion-switch{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.motion-switch input{width:auto}.compact-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem 1.5rem;margin:.7rem 0;padding-left:1.25rem}.gesture-controls{margin-top:.5rem}.robot-safety #robot-stop:disabled,.robot-safety .gesture-controls button:disabled{display:none}.speak-toggle{font-size:.78rem;white-space:nowrap;align-self:center;color:var(--muted)}.speak-toggle input{width:auto}
 #robot-panel .robot-safety{max-width:900px;padding:1rem}#robot-panel .robot-safety h2{margin-bottom:.35rem}#robot-panel .robot-safety h3{margin:.55rem 0 .2rem}#robot-panel .robot-safety hr{margin:.65rem 0;border:0;border-top:1px solid var(--line)}#robot-settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .8rem;align-items:end}#robot-settings-form label{margin:.15rem 0;gap:.15rem;font-size:.86rem}#robot-settings-form input,#robot-settings-form select{padding:.42rem .55rem;min-height:34px}#robot-settings-form button,#robot-settings-form #voice-result{grid-column:1/-1;margin:.1rem 0}#robot-settings-form button{justify-self:start;padding:.45rem .75rem}#voice-awake-indicator{margin:.1rem 0!important;font-size:.9rem}#robot-panel #voice-agent-result{font-size:.82rem;margin:.15rem 0;min-height:1.2em}@media(max-width:620px){#robot-settings-form{grid-template-columns:1fr}}
.skill-add{max-width:820px}.skill-add textarea{resize:vertical}.skill-list{display:grid;gap:.65rem}.skill-list article{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--line)}.skill-list article:last-child{border-bottom:0}.skill-list h3,.skill-list p{margin:.1rem 0}.skill-list .status{white-space:nowrap}
.mcp-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.mcp-heading h2,.mcp-heading h3,.mcp-heading p{margin:.1rem 0}.mcp-functions{display:grid;gap:1rem}.mcp-functions article{border-top:1px solid var(--line);padding-top:1rem}.mcp-functions table{font-size:.9rem}.mcp-server>.mcp-heading{margin-bottom:.8rem}
.developer-warning{margin-bottom:1rem;border-color:#6b5b28}.developer-task{max-width:850px}.developer-result pre{max-height:420px;overflow:auto;white-space:pre-wrap;color:var(--ink);background:#0d131a;padding:.8rem;border-radius:8px}.device-code{display:inline-flex;align-items:center;gap:.35rem;margin:.5rem 0}.device-code code{font-size:1.15rem;letter-spacing:.08em}.copy-device-code{padding:.15rem .3rem;border:0;background:transparent}.developer-task>button{margin-top:.5rem}
nav .nav-external{display:block;width:100%;color:inherit;background:transparent;text-align:left;margin:.2rem 0;padding:.65rem .9rem;border-radius:10px;text-decoration:none}nav .nav-external:hover{background:#202a36}
body.developer-page #shell{grid-template-columns:minmax(0,1fr)}body.developer-page #nav{display:none}body.developer-page main{width:100%;padding:clamp(1rem,2vw,2rem)}
.activity-overview{margin-bottom:1rem}.activity-history{margin-top:1rem}.activity-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--line)}.activity-row:last-child{border-bottom:0}.activity-row small{text-align:right;color:var(--muted);white-space:nowrap}#activity-recent{max-height:52vh;overflow:auto}@media(max-width:620px){.activity-row{flex-direction:column;gap:.1rem}.activity-row small{text-align:left}}
.volume-control span{display:flex;justify-content:space-between;gap:.5rem}.volume-control output{color:var(--ink);font-variant-numeric:tabular-nums}.volume-control input{padding:0}#volume-result{grid-column:1/-1;margin:.1rem 0;font-size:.82rem}
.robot-settings-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,2fr);gap:.3rem 1.25rem;align-items:start}.robot-settings-layout>h2{grid-column:1/-1}.robot-settings-layout>#robot-settings-form,.robot-settings-layout>hr,.robot-settings-layout>h3,.robot-settings-layout>p,.robot-settings-layout>.actions{grid-column:1}.robot-settings-layout>.conversation-live-status{grid-column:2;grid-row:2/span 8}.conversation-live-status{border:1px solid var(--line);border-radius:12px;background:#10161e;padding:1rem;min-height:190px}.conversation-live-status h3{margin:0 0 .65rem}.conversation-live-status p{margin:.45rem 0;overflow-wrap:anywhere}.status-thinking{color:var(--blue)}@media(max-width:900px){.robot-settings-layout{grid-template-columns:1fr}.robot-settings-layout>.conversation-live-status{grid-column:1;grid-row:auto}.robot-settings-layout>#robot-settings-form,.robot-settings-layout>hr,.robot-settings-layout>h3,.robot-settings-layout>p,.robot-settings-layout>.actions{grid-column:1}}
.telegram-history .message{font-size:.7rem;line-height:1.35;padding:.45rem .65rem}
.telegram-history .message small{font-size:.75em}

.approval-toolbar{margin-bottom:1rem}.approval-toolbar h2{margin-bottom:.3rem}.approval-history{margin-top:1.5rem}.approval-description{white-space:pre-wrap;overflow-wrap:anywhere}.approval-card button:disabled{opacity:.5;cursor:not-allowed}#approval-editor,#email-editor{width:min(680px,calc(100vw - 2rem));max-height:90vh;overflow:auto}.approval-dates{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:620px){.approval-dates{grid-template-columns:1fr;gap:0}}

/* Keep compact navigation controls above the first menu item. */
body.nav-collapsed #nav .nav-toggle{position:static;margin:.5rem 0}
@media(max-width:900px){#nav .nav-toggle{position:static;margin:.5rem 0}}