:root{color-scheme:dark;--bg:#0b1012;--panel:#131b1e;--panel2:#1b2529;--border:#29363a;--text:#f1f5f3;--muted:#9baeb1;--mint:#bcf56b;--violet:#a9c4fa;--amber:#eec18d;--radius:22px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}

*{box-sizing:border-box}
html{scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.55}
button,input,textarea,select{font:inherit}
button,a,input{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;touch-action:manipulation}
button:disabled{cursor:wait;opacity:.55}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:4px}
a{color:inherit;text-decoration:none}
[hidden]{display:none!important}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:600;letter-spacing:-.04em}
h1{font-size:clamp(28px,3.2vw,42px);line-height:1.16}
h2{font-size:23px;line-height:1.3}
h3{font-size:16px}
p{line-height:1.65}
.muted,.field-help{color:var(--muted)}
.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:650;color:var(--muted)}
.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip-link{position:fixed;top:10px;left:10px;padding:12px 20px;background:var(--mint);color:#162210;z-index:100;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.brand-mark{display:inline-flex;align-items:center;font-size:36px;line-height:1;font-weight:750;letter-spacing:-3px}
.brand-mark>span{color:var(--mint);font-size:26px;letter-spacing:0;margin-left:4px}
.loading{min-height:100svh;display:grid;place-content:center;justify-items:center;gap:24px;color:var(--muted)}
.loading .brand-mark{color:var(--text)}

/* A single navigation remains reachable on every viewport. */
.workspace{min-height:100svh}
.sidebar{width:244px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--border);background:#101719;display:flex;flex-direction:column;padding:36px 18px 24px;z-index:30}
.brand{display:flex;align-items:center;gap:16px;padding:0 14px}
.brand>span:last-child{font-size:10px;letter-spacing:.12em;font-weight:650}
.brand small{display:block;font-size:7px;letter-spacing:.1em;color:var(--muted);margin-top:6px;font-weight:500}
.nav-label{font-size:9px;color:#7e9397;letter-spacing:.16em;margin:55px 16px 18px}
.sidebar nav{display:grid;gap:8px}
.nav-item{position:relative;border:1px solid transparent;border-radius:13px;min-height:52px;display:flex;align-items:center;gap:14px;padding:14px 16px;color:var(--muted);background:transparent;font-size:14px;text-align:left;transition:background .2s,color .2s,border-color .2s}
.nav-item:hover{background:#1c292a;color:var(--text)}
.nav-item.active{color:var(--mint);background:#253123;border-color:#3c4b31}
.nav-item.active::after{content:'';width:5px;height:5px;border-radius:50%;background:var(--mint);margin-left:auto;box-shadow:0 0 12px #bcf56b80}
.sidebar-bottom{margin-top:auto;padding-top:32px}
.server-label{display:flex;align-items:center;gap:12px;padding:16px 12px;color:#b8c8c8;font-size:12px}
.server-label .icon{width:20px;color:#7c9997}
.server-label small{display:block;font-size:10px;color:var(--muted);margin-top:3px}
.user-row{display:flex;align-items:center;gap:10px;width:100%;padding:18px 8px 0;margin-top:16px;border:0;border-top:1px solid var(--border);color:var(--text);background:none;text-align:left}
.user-row>span:nth-child(2){flex:1;min-width:0}
.user-row strong{display:block;font-size:13px;overflow-wrap:anywhere}
.user-row small{font-size:10px;color:var(--muted);display:block;margin-top:3px}
.user-row>.icon{width:17px;color:var(--muted)}
.avatar{width:38px;height:38px;border:1px solid #485741;border-radius:13px;background:#293625;color:#c4ed92;display:grid;place-items:center;flex-shrink:0}
.main{margin-left:244px;padding:0 clamp(24px,3.5vw,60px);max-width:1760px;min-width:0;outline:none}
.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}
.breadcrumb{display:flex;align-items:center;gap:14px}
.breadcrumb strong{font-weight:500;color:var(--text)}
.slash{color:#526367}
.topbar-actions{display:flex;align-items:center;gap:18px}
.topbar time{font-size:11px}
.mobile-brand{display:none}
.icon-button{border:1px solid var(--border);background:#172124;color:#b9c9c9;display:inline-flex;align-items:center;justify-content:center;width:46px;min-width:46px;height:46px;border-radius:14px;transition:background .2s,color .2s}
.icon-button:hover{background:#263337;color:var(--text)}
.top-settings{width:42px;min-width:44px;height:44px}
.top-settings .icon{width:20px}
.page-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:34px 0 28px}
.page-intro>div{min-width:0}
.page-intro h1{margin:9px 0 10px;overflow-wrap:anywhere}
.page-intro p{font-size:14px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 18px;border:1px solid var(--border);border-radius:12px;font-size:13px;font-weight:600;line-height:1.4;transition:background .2s,box-shadow .2s,transform .2s}
.button .icon{width:19px;height:19px}
.button.primary{background:var(--mint);color:#172010;border-color:var(--mint)}
.button.primary:hover{background:#d0ff92;box-shadow:0 4px 24px #bcf56b20;transform:translateY(-1px)}
.button.secondary{background:#1c272a;color:#e0e9e7}
.button.secondary:hover{background:#2a393d}
.button:active,.icon-button:active{transform:scale(.98)}
.wide{width:100%}
.view{animation:arrive .35s ease both}
.refresh-button{flex-shrink:0}
.refresh-button:disabled .icon{animation:rotate 1s linear infinite}
.hero-panel{position:relative;isolation:isolate;overflow:hidden;border:1px solid #405044;border-radius:26px;background:radial-gradient(ellipse at 85% 30%,#4f6e422f,transparent 60%),linear-gradient(110deg,#202d27,#152320 65%,#1b2a26);padding:34px 36px 65px;min-height:330px;display:flex;align-items:center}
.hero-panel::before{content:'';position:absolute;inset:0;background-image:radial-gradient(#b2cca121 .7px,transparent .7px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent 35%,#000);z-index:-1}
.hero-copy{position:relative;z-index:2;max-width:60%}
.hero-copy>.eyebrow{color:#c4d6ba;font-size:9px}
.hero-panel h2{font-size:clamp(32px,3.6vw,50px);line-height:1.05;letter-spacing:-.055em;margin:14px 0 15px}
.hero-panel h2 em{font-style:normal;color:var(--mint)}
.hero-panel p{font-size:13px;color:#aabeaf}
.hero-panel .button{margin-top:22px;min-width:172px;justify-content:space-between}
.hero-foot{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:10px;padding:14px 36px;background:#09130f30;border-top:1px solid #667a5e30;color:#b5c6b8;font-size:10px}
.hero-foot .icon{width:15px;height:15px;color:var(--mint)}
.hero-foot-label{margin-left:auto;font-size:8px;letter-spacing:.15em;color:#8aa18b}
.hero-art{position:absolute;right:4%;top:46%;width:300px;height:300px;transform:translateY(-50%);pointer-events:none}
.orbit{position:absolute;inset:0;border:1px solid #abc89736;border-radius:50%;transform:rotate(-35deg) scaleY(.65)}
.orbit-two{transform:rotate(32deg) scaleY(.65)}
.orbit-three{inset:28px;border-color:#d1eab522;transform:rotate(90deg) scaleY(.65)}
.orbit-core{position:absolute;inset:95px;display:grid;place-items:center;border:1px solid #c8ed9550;border-radius:30px;background:linear-gradient(145deg,#4f6842,#1e3229);box-shadow:0 0 85px #baf16d15,inset 0 1px #d8fda52e;transform:rotate(-10deg);animation:float 8s ease-in-out infinite}
.orbit-core>span{font-size:48px;letter-spacing:-4px;font-weight:700}
.orbit-core>span>span{font-size:28px;color:var(--mint);letter-spacing:0}
.orbit-point{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 20px #bcf56b70}
.point-one{top:56px;left:35px;animation:glow 5s ease-in-out infinite}
.point-two{bottom:56px;right:35px;width:5px;height:5px;background:#b7dbcc}
.art-coordinate{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.28em;color:#96ac91}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:30px 0 15px}
.section-heading h2{font-size:17px;letter-spacing:-.025em}
.live-label{font-size:10px;color:var(--muted)}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.metric{position:relative;min-width:0;border:1px solid var(--border);background:linear-gradient(140deg,#192327,#131c1f);border-radius:var(--radius);padding:22px;transition:border-color .2s,transform .2s}
.metric:hover{border-color:#4a5e54;transform:translateY(-2px)}
.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#c9d5d4;font-size:12px}
.metric-top .icon{color:var(--mint);width:20px;height:20px}
.metric:nth-child(2) .icon{color:var(--violet)}
.metric:nth-child(3) .icon{color:var(--amber)}
.metric-value{font-size:clamp(29px,3vw,39px);font-weight:500;letter-spacing:-.055em;line-height:1.1;margin:20px 0 8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.metric-value small{font-size:13px;color:var(--muted);margin-left:6px;letter-spacing:0;font-weight:400}
.metric p{font-size:11px;color:var(--muted);margin-bottom:18px}
.meter{height:4px;border-radius:10px;background:#2d3c3c;overflow:hidden}
.meter span{display:block;height:100%;background:var(--mint);border-radius:10px;transition:width .7s cubic-bezier(.2,.8,.2,1)}
.meter.violet span{background:var(--violet)}
.metric-detail{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:var(--muted);margin-top:12px;flex-wrap:wrap}
.load-detail{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:10px}
.content-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;margin-top:22px}
.panel{min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:26px}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}
.panel-heading h2{font-size:20px;margin-top:4px}
.count-badge,.chip{display:inline-flex;align-items:center;gap:8px;color:#ceeca7;background:#263426;border:1px solid #45563b;padding:6px 10px;border-radius:8px;font-size:10px;white-space:nowrap}
.status-dot{width:6px;height:6px;background:var(--mint);border-radius:50%;display:inline-block;flex-shrink:0}
.service-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #29363a80;font-size:12px}
.service-row:last-child{border:0}
.service-name{display:flex;align-items:center;gap:10px;min-width:0}
.service-glyph{display:none}
.service-state{font-size:10px;display:flex;align-items:center;gap:7px;color:#c2df9e;flex-shrink:0}
.service-state.unknown{color:var(--amber)}
.service-state.unknown .status-dot{background:var(--amber)}
.panel-note{margin-top:18px;font-size:10px;color:var(--muted)}
.detail-stack{display:flex;flex-direction:column;gap:20px;min-width:0}
.quick-panel h2{margin:6px 0 18px;font-size:21px}
.quick-link{display:flex;align-items:center;gap:14px;width:100%;background:none;border:0;border-top:1px solid var(--border);padding:18px 0;color:var(--text);text-align:left}
.quick-link>span:nth-child(2){flex:1;min-width:0}
.quick-link strong{font-size:13px;font-weight:500;display:block}
.quick-link small{font-size:11px;color:var(--muted);display:block;margin-top:3px}
.quick-link>.icon{width:18px;color:var(--muted);transition:transform .2s}
.quick-link:hover>.icon{transform:translateX(4px);color:var(--mint)}
.quick-icon{display:grid;place-items:center;width:42px;height:42px;background:#25302a;border:1px solid #3b4935;border-radius:13px;color:#c2e69d}
.quick-icon .icon{width:20px}
.quick-link:last-child{padding-bottom:0}
.system-notes{padding:20px 24px;background:#10181b}
.system-notes summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-size:13px;min-height:44px;list-style:none}
.system-notes summary::-webkit-details-marker{display:none}
.system-notes summary .icon{width:17px;transition:transform .2s}
.system-notes[open] summary .icon{transform:rotate(180deg)}
.finding{border-top:1px solid var(--border);padding-top:18px;margin-top:18px}
.finding strong{font-size:12px;font-weight:600}
.finding p{font-size:12px;color:var(--muted);margin-top:6px}
.footer{display:flex;justify-content:space-between;gap:16px;padding:32px 0;color:#809598;font-size:10px}
.footer-dot{padding:0 9px;color:var(--mint)}
.notice{background:#223522;border:1px solid #48603b;color:#d2f2ae;border-radius:12px;padding:14px 16px;margin:18px 0;font-size:13px;overflow-wrap:anywhere}
.notice.error{background:#362123;border-color:#704449;color:#ffd1d4}
.api-unavailable .metric-value{color:var(--muted)}

/* Settings: all account actions have one clearly labelled destination. */
.settings-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:start}
.security-panel{padding:30px}
.security-panel>.panel-heading{justify-content:flex-start}
.heading-icon{display:grid;place-items:center;width:50px;height:50px;flex-shrink:0;border-radius:16px;background:#2d3a24;border:1px solid #495a36;color:var(--mint)}
.security-panel>.muted{font-size:14px}
.security-panel .eyebrow{font-size:9px}
.passkey-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 0;border-bottom:1px solid var(--border);font-size:14px}
.passkey-row>span{overflow-wrap:anywhere}
.passkey-row small{font-size:11px;color:var(--muted);white-space:nowrap}
.passkey-action{margin-top:26px}
.field-help{font-size:12px;margin-top:12px;line-height:1.6}
.passkey-action .field-help{text-align:center}
.account-panel h2{overflow-wrap:anywhere}
.account-panel>.panel-heading>.icon{color:#b8d69b}
.account-facts{margin:24px 0}
.account-facts>div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--border);font-size:13px}
.account-facts dt{color:var(--muted)}
.account-facts dd{margin:0;text-align:right}
.preferences-panel h2{font-size:20px;margin:7px 0 22px}
.switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;cursor:pointer}
.switch-row strong{display:block;font-size:13px;font-weight:500}
.switch-row small{display:block;font-size:11px;color:var(--muted);margin-top:4px}
.switch-row input{appearance:none;width:48px;min-width:48px;height:28px;background:#334348;border:1px solid #506267;border-radius:30px;position:relative;cursor:pointer;margin:0}
.switch-row input::before{content:'';position:absolute;width:20px;height:20px;border-radius:50%;background:#acbcbd;top:3px;left:3px;transition:transform .2s}
.switch-row input:checked{background:#34482a;border-color:#6b8749}
.switch-row input:checked::before{transform:translateX(20px);background:var(--mint)}
.reauth-panel{border:1px solid #6c7041;background:#292e20;border-radius:14px;padding:20px;margin-top:22px}
.reauth-panel h3{font-size:16px}
.reauth-panel p{font-size:13px;color:#c1ccb1;margin:10px 0 18px}

/* Conversations and composer */
.dialog-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start}
.conversation-panel{border:1px solid var(--border);background:#11191c;border-radius:18px;padding:14px;position:sticky;top:20px}
.conversation-toolbar{display:flex;gap:8px}
.conversation-toolbar>.button{width:100%;font-size:12px}
.conversation-toolbar>.icon-button{display:none}
#conversation-list{max-height:55vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#3e5353 transparent}
.conversation-item{display:block;text-align:left;max-width:100%;width:100%;background:none;border:1px solid transparent;color:#bbcecc;padding:14px 11px;border-radius:11px;margin-top:9px;min-height:58px}
.conversation-item span{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conversation-item small{font-size:10px;color:var(--muted);display:block;margin-top:5px}
.conversation-item:hover{background:#24302c}
.conversation-item.active{background:#263321;border-color:#435137}
.conversation-item.active span{color:#d9efbc}
.conversation-note{font-size:11px;color:var(--muted);border-top:1px solid var(--border);padding-top:16px;margin-top:18px}
.chat-panel{padding:0;overflow:hidden;min-width:0}
.chat-heading{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px}
.chat-heading>div{min-width:0}
.chat-heading h2{font-size:17px;overflow-wrap:anywhere}
.chat-heading p{color:var(--muted);font-size:11px;margin-top:5px;overflow-wrap:anywhere}
.chat-heading>.button{font-size:11px;padding:10px;flex-shrink:0}
.chat-messages{height:clamp(280px,43dvh,580px);overflow-y:auto;overscroll-behavior-y:contain;padding:24px;scrollbar-width:thin;scrollbar-color:#41564f transparent}
.chat-empty{text-align:center;max-width:360px;margin:25px auto;color:var(--muted)}
.chat-emblem,.chat-empty>span{display:grid;place-items:center;width:62px;height:62px;border:1px solid #45563b;background:#273525;border-radius:22px;color:var(--mint);margin:0 auto 20px;font-size:32px}
.chat-emblem .icon{width:28px;height:28px}
.chat-empty h2{font-size:25px;color:var(--text);margin-bottom:12px}
.chat-empty p{font-size:13px}
.prompt-chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.prompt-chips button{min-height:44px;border:1px solid var(--border);background:#202b2d;color:#d5e0dd;border-radius:12px;padding:10px 12px;font-size:11px}
.chat-message{max-width:95%;margin-bottom:24px}
.chat-message.user{margin-left:auto;background:#293724;border:1px solid #43593a;border-radius:18px 18px 4px 18px;padding:15px 18px;width:fit-content;min-width:120px}
.chat-message.assistant{padding:4px 0}
.message-meta{font-size:10px;color:var(--muted);margin-bottom:8px}
.message-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.75}
.message-text pre{white-space:pre;overflow:auto;max-width:100%;padding:16px;background:#0c1315;border:1px solid var(--border);border-radius:12px;font-size:12px}
.chat-message.commentary .message-text{font-size:13px;color:#a8bcb7}
.read-aloud{min-height:44px;border:0;background:none;color:#bbd1ae;font-size:12px;padding:10px 0;margin-top:4px}
.chat-composer{margin:0 18px;border:1px solid #4b5f5c;border-radius:16px;padding:14px;background:#0e1719;transition:border-color .2s,box-shadow .2s}
.chat-composer:focus-within{border-color:#99bb73;box-shadow:0 0 0 3px #bcf56b09}
.chat-composer textarea{width:100%;resize:vertical;min-height:64px;max-height:200px;background:none;border:0;outline:0;color:var(--text);font-size:16px;line-height:1.6;padding:2px;scroll-margin:100px}
.chat-composer textarea::placeholder{color:#8a9f9f}
.composer-controls{display:flex;justify-content:space-between;align-items:center;gap:10px}
.composer-controls>div{display:flex;align-items:center;gap:12px}
.voice-button{background:transparent;border:0}
.voice-button.recording{background:#6b333d;color:#ffd4dc;animation:glow 1.6s ease infinite}
.task-toggle{font-size:12px;display:flex;align-items:center;gap:7px;min-height:44px;color:#bdccc6;cursor:pointer}
.task-toggle input{accent-color:var(--mint);width:18px;height:18px;margin:0}
.composer-note{padding:12px 22px 18px;font-size:11px;color:var(--muted)}
#chat-error{margin:14px 18px}
.question-card{margin:18px;border:1px solid #756b46;background:#2c2b1f;border-radius:15px;padding:20px}
.question-card h3{color:#eee2ab;font-size:16px;margin-bottom:10px}
.question-card p{font-size:13px}
.question-card small{color:#c6c0a6;font-size:11px;overflow-wrap:anywhere}
.question-label{display:block;margin:16px 0;font-size:14px}
.question-label input,.question-label select{display:block;width:100%;min-width:0;min-height:48px;background:#141c1d;border:1px solid #566960;border-radius:10px;padding:12px;color:var(--text);margin-top:9px;font-size:16px}
.question-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.approval-command{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;background:#111918;padding:14px;border-radius:10px;max-height:220px;overflow:auto}
.muted-chip{color:var(--muted);background:#202b2c;border-color:var(--border)}

/* Work queue */
.task-filters{display:flex;gap:8px;margin-bottom:24px}
.filter-button{min-height:44px;border:1px solid var(--border);background:#172124;color:var(--muted);padding:10px 17px;border-radius:12px;font-size:13px;white-space:nowrap}
.filter-button.active{background:#2a3824;color:#d0f1a6;border-color:#4b633c}
.task-list{display:grid;gap:16px}
.task-card-heading,.task-card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px}
.task-card h2{font-size:20px;line-height:1.45;margin:18px 0 10px;overflow-wrap:anywhere}
.task-card p{font-size:13px;overflow-wrap:anywhere}
.task-card-foot{margin-top:24px;justify-content:flex-end;flex-wrap:wrap}
.task-card-foot small{margin-right:auto;color:var(--muted);font-size:11px}
.job-badge{font-size:11px;border-radius:20px;padding:6px 12px;background:#293844;color:#bfd2e7}
.job-badge.running,.job-badge.completed{background:#304029;color:#d0eeb3}
.job-badge.waiting{background:#493c25;color:var(--amber)}
.job-badge.failed{background:#482b31;color:#f0bec9}
.job-badge.interrupted{background:#353a3d;color:#c2ced0}
.task-empty{text-align:center;padding:65px 24px}
.task-empty h2{font-size:24px}
.task-empty p{font-size:14px;margin-top:14px}

@keyframes arrive{from{opacity:0;transform:translateY(6px)}
to{opacity:1;transform:none}
}
@keyframes float{0%,100%{transform:translateY(0) rotate(-10deg)}
50%{transform:translateY(-9px) rotate(-5deg)}
}
@keyframes glow{0%,100%{opacity:1}
50%{opacity:.55}
}
@keyframes rotate{to{transform:rotate(360deg)}
}

@media(min-width:1600px){.main{margin-right:auto}
.hero-panel{padding-left:44px}
.hero-art{right:10%;transform:translateY(-50%) scale(1.15)}
}

@media(max-width:1180px){.sidebar{width:210px;padding-left:12px;padding-right:12px}
.brand{gap:12px;padding:0 10px}
.brand>span:last-child{font-size:8px}
.brand small{font-size:6px}
.main{margin-left:210px;padding:0 26px}
.nav-item{padding:13px 12px;font-size:13px;gap:10px}
.hero-art{right:0;width:270px;height:270px}
.orbit-core{inset:83px}
.hero-panel{padding-left:28px}
.hero-foot{padding-left:28px;padding-right:28px}
.metric{padding:18px}
.dialog-layout{grid-template-columns:180px minmax(0,1fr)}
.conversation-panel{padding:10px}
.conversation-toolbar>.button{font-size:11px;padding:10px}
.settings-layout{grid-template-columns:1fr}
.settings-layout>.detail-stack{display:grid;grid-template-columns:1fr 1fr}
.panel{padding:24px}
.chat-panel{padding:0}
}

/* Tablets and phones use four labelled, fixed destinations, never an icon-only strip. */
@media(max-width:1000px){.sidebar{display:contents}
.sidebar>.brand,.sidebar>.nav-label,.sidebar-bottom{display:none}
.sidebar nav{position:fixed;z-index:50;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px max(14px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:#111a1dee;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-top:1px solid #384841;box-shadow:0 -10px 40px #00000025}
.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:59px;margin:0;padding:7px 2px;font-size:11px;border-radius:12px;white-space:nowrap}
.nav-item .icon{width:22px;height:22px}
.nav-item.active::after{display:none}
.nav-item.active{background:#2a3826;border-color:#435439}
.main{margin:0;padding:0 max(28px,env(safe-area-inset-right)) calc(82px + env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));max-width:none}
.topbar{height:76px}
.mobile-brand{display:block}
.mobile-brand .brand-mark{font-size:31px}
.mobile-brand .brand-mark>span{font-size:23px}
.breadcrumb{margin-right:auto;margin-left:8px;font-size:12px}
.breadcrumb>span{display:none}
.topbar-actions{gap:14px}
.hero-art{right:5%;width:300px;height:300px}
.orbit-core{inset:95px}
.page-intro{margin-top:30px}
.hero-copy{max-width:60%}
.hero-panel{min-height:345px}
.hero-panel h2{font-size:45px}
.settings-layout{grid-template-columns:1.15fr 1fr}
.settings-layout>.detail-stack{display:flex}
.dialog-layout{grid-template-columns:190px minmax(0,1fr)}
.footer{padding-bottom:22px}
}

@media(max-width:700px){html{scroll-padding-top:75px}
.main{padding:0 max(18px,env(safe-area-inset-right)) calc(86px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}
.topbar{height:68px}
.breadcrumb{font-size:12px;margin-left:3px}
.topbar time{display:none}
.top-settings{border:0;background:transparent}
.page-intro{gap:14px;margin:25px 0 22px;align-items:center}
.page-intro .eyebrow{font-size:8px;letter-spacing:.12em}
.page-intro h1{font-size:29px;margin:8px 0;line-height:1.18}
.page-intro p{font-size:12px}
.refresh-button{padding:11px;min-width:44px;min-height:44px}
.refresh-button>span{display:none}
.hero-panel{min-height:300px;border-radius:23px;padding:27px 24px 67px}
.hero-copy{max-width:78%}
.hero-panel h2{font-size:39px;margin:13px 0}
.hero-panel p{font-size:12px}
.hero-panel .button{font-size:12px;min-width:166px;margin-top:20px}
.hero-art{right:-94px;top:48%;opacity:.48;width:270px;height:270px}
.orbit-core{inset:86px}
.orbit-core>span{font-size:38px}
.orbit-core>span>span{font-size:23px}
.art-coordinate{display:none}
.hero-foot{font-size:10px;padding:13px 22px}
.hero-foot-label{display:none}
.hero-copy>.eyebrow{font-size:8px}
.section-heading{margin:25px 0 13px}
.section-heading h2{font-size:16px}
.live-label{font-size:9px}
.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.metric{padding:18px 16px;border-radius:18px}
.metric-storage{grid-column:1/-1}
.metric-value{font-size:29px;margin-top:17px}
.metric-storage .metric-value{font-size:38px}
.metric-value small{font-size:11px;margin-left:4px}
.metric-top{font-size:11px;gap:4px}
.metric-top .icon{width:18px}
.metric p{font-size:10px;margin-bottom:14px}
.metric-detail{font-size:9px;gap:4px}
.metric:not(.metric-storage) .metric-detail{flex-direction:column}
.load-detail{font-size:9px;gap:6px}
.content-grid{grid-template-columns:1fr;gap:16px;margin-top:18px}
.panel{padding:22px;border-radius:20px}
.panel-heading h2{font-size:20px}
.panel-heading{margin-bottom:16px}
.service-row{font-size:13px;padding:13px 0}
.service-state{font-size:11px}
.detail-stack{gap:16px}
.system-notes{padding:16px 22px}
.footer{font-size:9px;padding-top:25px}
.footer>span:last-child{display:none}
.settings-layout{grid-template-columns:1fr;gap:16px}
.settings-layout>.detail-stack{display:flex}
.security-panel .panel-heading{gap:12px}
.security-panel .eyebrow{font-size:8px;letter-spacing:.08em}
.security-panel>.muted{font-size:13px}
.passkey-row{font-size:13px}
.passkey-row small{font-size:10px}
.passkey-action .button{font-size:14px;min-height:50px}
.preferences-panel{padding-bottom:24px}
.account-facts>div{font-size:13px}
.dialog-layout{grid-template-columns:1fr;gap:13px}
.conversation-panel{position:static;padding:10px;border-radius:15px}
.conversation-toolbar>.button{width:auto;flex:1;font-size:12px}
.conversation-toolbar>.icon-button{display:flex}
.conversation-note{display:none}
#conversation-list{display:none;max-height:220px;overflow-y:auto}
.conversation-panel.history-open #conversation-list{display:block}
.chat-panel{padding:0}
.chat-heading{padding:16px}
.chat-heading h2{font-size:15px}
.chat-heading p{font-size:11px}
.chat-messages{height:clamp(220px,35dvh,400px);padding:18px 16px}
.chat-empty{margin:15px auto}
.chat-empty h2{font-size:23px}
.chat-empty p{font-size:13px}
.chat-emblem,.chat-empty>span{width:50px;height:50px;border-radius:17px;margin-bottom:16px}
.chat-message{max-width:100%}
.chat-message.user{padding:13px 15px}
.message-text{font-size:15px}
.chat-composer{margin:0 12px;padding:11px;border-radius:14px}
.composer-controls{gap:6px}
.composer-controls>div{gap:6px}
.composer-controls .button{font-size:12px;padding:11px 13px}
.voice-button{width:44px;min-width:44px;height:44px}
.task-toggle{font-size:11px;gap:6px}
.composer-note{font-size:10px;padding:11px 16px 15px}
.question-card{margin:12px;padding:16px}
.question-buttons .button{flex:1}
.page-intro>.chip{font-size:9px;padding:6px 8px;white-space:normal;max-width:110px;line-height:1.4}
.task-filters{gap:7px}
.filter-button{flex:1;font-size:12px;padding:10px 8px}
.task-card h2{font-size:18px}
.task-card-foot .button{font-size:12px}
.task-empty{padding:42px 22px}
.task-empty h2{font-size:22px}
#tasks-view .page-intro{align-items:flex-start;flex-wrap:wrap}
#tasks-view .page-intro>.button{font-size:12px}
.nav-item{font-size:10px}
.nav-item .icon{width:21px;height:21px}
}

@media(max-width:359px){.main{padding-left:14px;padding-right:14px}
.sidebar nav{padding-left:8px;padding-right:8px;gap:2px}
.nav-item{font-size:9px}
.page-intro h1{font-size:25px}
.hero-panel{padding-left:20px;padding-right:20px}
.hero-panel h2{font-size:35px}
.hero-art{right:-125px}
.metric{padding:16px 12px}
.metric-value{font-size:26px}
.metric-top{font-size:10px}
.metric-top .icon{width:15px}
.panel{padding:19px}
.chat-panel{padding:0}
.security-panel .eyebrow{font-size:7px}
.heading-icon{width:43px;height:43px}
.composer-controls .button{padding:10px}
.composer-controls .button .icon{width:15px}
.task-toggle{font-size:10px}
.task-toggle input{width:16px;height:16px}
.composer-controls>div{gap:3px}
.chat-composer{margin:0 9px;padding:9px}
.passkey-row{flex-wrap:wrap}
.breadcrumb{font-size:11px}
}

@media(max-height:500px) and (max-width:1000px){.sidebar nav{padding-top:4px;padding-bottom:max(4px,env(safe-area-inset-bottom))}
.nav-item{flex-direction:row;min-height:44px;gap:7px}
.main{padding-bottom:calc(62px + env(safe-area-inset-bottom))}
.hero-panel{min-height:280px}
.chat-messages{height:240px}
}

@media(hover:none){.metric:hover{transform:none}
.button.primary:hover{transform:none}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

body.reduced-motion *,body.reduced-motion *::before,body.reduced-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

/* On a phone the conversation, composer and navigation share the visible screen. */
@media(max-width:700px){
 .workspace[data-active-view=dialog] .main{height:var(--app-height,100dvh);min-height:440px;display:flex;flex-direction:column;padding-bottom:calc(85px + env(safe-area-inset-bottom))}

 .workspace[data-active-view=dialog] .topbar{flex-shrink:0;height:60px}

 .workspace[data-active-view=dialog] .footer{display:none}

 #dialog-view{flex:1;min-height:0;display:flex;flex-direction:column;padding-bottom:12px}

 #dialog-view>.page-intro{flex-shrink:0;margin:16px 0;gap:12px}

 #dialog-view>.page-intro .eyebrow,#dialog-view>.page-intro .muted{display:none}

 #dialog-view>.page-intro h1{font-size:26px;margin:0}

 #dialog-view>.page-intro>.chip{max-width:none;font-size:9px;white-space:nowrap}

 .dialog-layout{display:flex;flex-direction:column;flex:1;min-height:0;gap:10px}

 .conversation-panel{width:100%;flex-shrink:0;padding:7px}

 .conversation-toolbar>.button,.conversation-toolbar>.icon-button{min-height:44px;height:44px}

 .conversation-panel.history-open #conversation-list{max-height:150px}

 .chat-panel{width:100%;display:flex;flex-direction:column;flex:1;min-height:0}

 .chat-heading{flex-shrink:0;padding:12px 15px}

 .chat-heading p{font-size:10px;margin-top:4px}

 .chat-messages{flex:1;height:auto;min-height:65px;padding:15px}

 .chat-composer{flex-shrink:0;margin-top:0}

 .chat-composer textarea{min-height:44px;max-height:100px;height:52px;resize:none}

 .composer-note{flex-shrink:0;padding:8px 15px 11px;font-size:9px}

 #agent-questions{max-height:40%;overflow:auto;flex-shrink:0}

 #chat-error{flex-shrink:0;max-height:100px;overflow:auto}

 body.keyboard-open .workspace[data-active-view=dialog] .main{min-height:0;padding-bottom:8px}

 body.keyboard-open .workspace[data-active-view=dialog] .topbar,body.keyboard-open .workspace[data-active-view=dialog] .sidebar nav,body.keyboard-open #dialog-view>.page-intro,body.keyboard-open .conversation-panel{display:none}

 body.keyboard-open #dialog-view{padding-top:8px}

}

@media(max-height:500px) and (max-width:700px){
 .workspace[data-active-view=dialog] .main{min-height:340px;padding-bottom:60px}

 .workspace[data-active-view=dialog] .topbar,#dialog-view>.page-intro,.workspace[data-active-view=dialog] .conversation-panel{display:none}

 #dialog-view{padding-top:8px}

 .composer-note{display:none}

 .chat-composer textarea{height:40px;min-height:40px}

}
.voice-controls{flex-shrink:0;margin:0 18px 12px;padding:12px 14px;border:1px solid #72504f;border-radius:14px;background:#2c2222;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.voice-recording-info{display:flex;align-items:center;gap:8px;font-size:12px;min-width:0}.voice-indicator{width:7px;height:7px;border-radius:50%;background:#ff9898;flex-shrink:0}.voice-controls[data-phase=recording] .voice-indicator{animation:glow 1.2s ease infinite}#voice-time{font-variant-numeric:tabular-nums;color:#ffd4d4}.voice-actions{display:flex;gap:8px}.voice-actions .button{font-size:11px;padding:9px 12px;min-height:44px}.voice-controls[data-phase=transcribing],.voice-controls[data-phase=retry]{border-color:#50623f;background:#242e20}.voice-controls[data-phase=transcribing] .voice-indicator{background:var(--mint);animation:glow 1s ease infinite}.voice-button.transcribing .icon{animation:glow 1s ease infinite}
@media(max-width:700px){.voice-controls{margin:0 12px 10px;padding:9px 11px;gap:7px}.voice-recording-info{font-size:11px}.voice-actions .button{font-size:10px;padding:8px 10px}.voice-controls[data-phase=retry]{align-items:flex-start}.voice-controls[data-phase=retry] .voice-recording-info{width:100%}}

@media(max-width:700px){.chat-panel.voice-active .chat-messages{min-height:0}}
@media(max-width:700px) and (max-height:700px){.chat-panel.voice-active .chat-heading{display:none}.chat-panel.voice-active .composer-note{max-height:38px;overflow:auto;line-height:1.4}}