/* MAX-ALPHA 1.13: quieter surfaces, clear hierarchy, more room for the work. */
html:not([data-mg-contrast=more]) body:not([data-theme=light]) {
  --bg:#0d1119;--sidebar:#10151f;--panel:#171f2d;--panel-soft:#131b27;
  --panel-hover:#202c3c;--line:#ffffff13;--text:#ecf1f8;--muted:#a4b1c4;
  --soft:#8c9aaf;--cyan:#91d5f1;--cyan-bright:#b2e7fc;
}
html:not([data-maxg-native=true]) .app-shell{border-radius:0}
.maxg-frame-rail{opacity:.16;filter:none}
.maxg-frame-highlight{filter:none}
.main-content{background:var(--bg)}
.sidebar{background:var(--sidebar);padding-top:28px;border-right:1px solid var(--line)}
.brand{letter-spacing:-.8px}.brand-caption{letter-spacing:1.4px;line-height:1.6;color:var(--muted)}
.new-chat{background:var(--panel);border:1px solid var(--line);box-shadow:none;border-radius:12px}
.nav-button{border-radius:10px;min-height:44px;color:var(--muted)}
.nav-button.active{background:var(--panel-hover);color:var(--text)}
.sidebar-section-title{color:var(--muted);font-size:10px;letter-spacing:1.3px}
.empty-history{color:var(--muted);line-height:1.8}
.local-card{background:transparent;border:1px solid var(--line);border-radius:12px}
.local-card strong,.local-card p{color:var(--muted)}
.topbar{height:64px;flex-shrink:0;border-bottom:1px solid var(--line)}
.desktop-title{font-size:13px;color:var(--muted);letter-spacing:0}
.edition-badge{border-color:var(--line);border-radius:6px;font-size:9px;letter-spacing:.8px}
.status-pill{color:var(--muted)}
.engine-bar{padding-block:9px;background:transparent;color:var(--muted);border-color:var(--line);flex-wrap:wrap}
.inference-notice{background:transparent;border-color:var(--line);font-size:11px;color:var(--muted);padding-block:7px}
.live-orb-dock.companion-header{background:transparent;flex-basis:86px;height:86px;border-bottom:0}
.companion-header .orb-stage{width:107px;height:86px}
.companion-header .live-orb-caption strong{letter-spacing:2px;font-size:12px}
.companion-header .live-orb-caption span{font-size:12px}
.has-conversation .live-orb-dock.companion-header{flex-basis:56px;height:56px;border-bottom:1px solid var(--line)}
.has-conversation .companion-header .orb-stage{width:70px;height:56px}
.chat-view .welcome{padding:22px 0 30px;justify-content:center;gap:0}
.welcome-eyebrow{color:var(--cyan);letter-spacing:2.2px;font-size:9px;margin-bottom:17px}
html[data-mg-display=ready] .welcome h1{font-size:clamp(28px,3.4vw,44px);font-weight:550;letter-spacing:-1.5px;line-height:1.15;margin:0 0 16px;max-width:680px}
.welcome-description{color:var(--muted);max-width:480px;line-height:1.7}
.suggestions{width:100%;max-width:720px;gap:12px;margin-top:30px}
.suggestion{background:var(--panel-soft);border:1px solid var(--line);border-radius:15px;padding:19px 16px;box-shadow:none;min-height:90px;text-align:left}
.suggestion:hover{background:var(--panel-hover);border-color:var(--cyan);transform:translateY(-2px);box-shadow:none}
.suggestion>span{color:var(--text);font-size:13px;font-weight:550}
.suggestion small{color:var(--muted);font-weight:400;font-size:11px;line-height:1.5;margin-top:6px}
.suggestion>.icon{color:var(--cyan);width:20px;height:20px}
.quick-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:0 4px 10px}
.quick-controls .text-button{min-height:34px;border:1px solid var(--line);border-radius:9px;padding:6px 10px;color:var(--muted);background:transparent}
.quick-controls .text-button[aria-pressed=true]{background:var(--panel-hover);color:var(--cyan);border-color:var(--cyan)}
.quick-controls .text-button:hover{color:var(--text)}
.reply-modes{display:flex;gap:5px}
.composer{border:1px solid #829bb33d;background:var(--panel-soft);border-radius:20px;box-shadow:0 8px 28px #00000015;padding:16px}
.composer:focus-within{border-color:var(--cyan);box-shadow:0 0 0 2px #8cd8fa12}
html[data-mg-display=ready] .composer textarea{min-height:min(var(--mg-composer-height),12dvh);font-size:max(16px,calc(var(--mg-chat-font)*.85));line-height:1.6}
.composer textarea::placeholder{color:var(--muted)}
.composer-toolbar{padding-top:7px;margin-top:0}
.send-button{background:#a4ddf5;color:#102330;border-radius:12px;box-shadow:none;width:40px;height:40px}
.send-button:hover{background:#d0effc}
.stop-button{background:var(--panel-hover);color:var(--text)}
.composer-footer,.speak-toggle,.voice-options .text-button{color:var(--muted)}
.composer-more>summary{color:var(--muted)}
.chat-view .messages{gap:30px;padding-top:22px}
.message-assistant{color:var(--text);padding:0}
.message-user{border:1px solid var(--line);background:var(--panel);border-radius:18px 18px 4px 18px;color:var(--text);padding:15px 20px}
.message-label{color:var(--muted);font-weight:600;letter-spacing:.04em}
.message-actions{opacity:1;border-top:1px solid var(--line);padding-top:10px}
.rich-answer{white-space:normal}.rich-answer.rich-plain,.rich-answer p{white-space:pre-wrap}
.rich-answer p{margin:0 0 .8em}.rich-answer>:last-child{margin-bottom:0}
.rich-answer h2,.rich-answer h3,.rich-answer h4,.rich-answer h5{font-size:1.08em;line-height:1.4;margin:1.1em 0 .5em;color:var(--text);letter-spacing:-.02em}
.rich-answer>:first-child{margin-top:0}.rich-answer ul,.rich-answer ol{margin:.4em 0 1em;padding-left:1.4em}
.rich-answer li{margin:.25em 0}.rich-answer blockquote{margin:.7em 0;border-left:3px solid var(--cyan);padding-left:1em;color:var(--muted)}
.rich-answer code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;padding:.14em .3em;background:var(--panel-hover);color:var(--text);border-radius:5px}
.code-block{margin:1em 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0;max-width:100%}
.code-toolbar{display:flex;align-items:center;gap:10px;padding:9px 13px;background:var(--panel-hover);font-size:12px;color:var(--muted)}
.code-toolbar>span:first-child{margin-right:auto}.code-toolbar>span[role=status]{font-size:11px}
.code-block pre{margin:0!important;padding:16px!important;border:0!important;border-radius:0!important;overflow-x:auto;white-space:pre;background:var(--panel-soft)!important}
.code-block pre code{font-size:inherit;padding:0;background:transparent!important;color:var(--text)!important;white-space:pre;overflow-wrap:normal}
.answer-table{overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin:1em 0}
.answer-table table{border-collapse:collapse;min-width:100%;font-size:.85em;line-height:1.6}
.answer-table th,.answer-table td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);min-width:100px;vertical-align:top}
.answer-table th{background:var(--panel-hover);font-weight:600}.answer-table tbody tr:last-child td{border-bottom:0}
.settings-dialog{border-radius:20px;border-color:var(--line);background:var(--bg)}
.settings-tabs{background:var(--sidebar)}.settings-tab.active{background:var(--panel-hover);color:var(--text)}
.card{border-radius:16px;box-shadow:none;background:var(--panel-soft)}
body[data-theme=light] .main-content,body[data-theme=light] .companion-header{background:var(--bg)}
body[data-theme=light] .suggestion,body[data-theme=light] .composer{background:var(--panel-soft);color:var(--text)}
body[data-theme=light] .suggestion:hover{background:var(--panel-hover)}
body[data-theme=light] .message-user{background:var(--panel-hover);color:var(--text)}
html[data-mg-contrast=more] .suggestion,html[data-mg-contrast=more] .quick-controls .text-button{border-color:var(--line)}
@media(min-width:1100px){.app-shell{grid-template-columns:250px minmax(0,1fr)}.topbar,.engine-bar,.inference-notice{padding-inline:32px}}
@media(max-width:900px){.suggestions{max-width:540px}.suggestion{min-height:64px;padding:15px}.suggestion small{display:block;margin-left:0}.suggestion-arrow{margin-left:auto}}
@media(max-width:700px){
 .topbar{height:calc(54px + env(safe-area-inset-top))}.engine-bar{font-size:11px}.inference-notice{font-size:10px}
 .chat-view .welcome{padding:16px 2px 24px}.welcome-eyebrow{font-size:8px;letter-spacing:1.7px}
 html[data-mg-display=ready] .welcome h1{font-size:32px;letter-spacing:-1.1px;max-width:440px}
 .welcome-description{font-size:13px!important}.suggestions{margin-top:24px;gap:9px}.suggestion{min-height:60px}
 .live-orb-dock.companion-header{height:74px;flex-basis:74px}.companion-header .orb-stage{width:92px;height:74px}
 .composer{padding:12px;border-radius:17px}.quick-controls{padding-bottom:7px}.quick-controls .text-button{font-size:11px!important;min-height:32px}
 html[data-mg-display=ready] .composer textarea{min-height:min(var(--mg-composer-height),10dvh)}
 .composer-footer{padding-top:7px}.composer-more>summary{padding-block:6px}.message-user{max-width:95%;padding:13px 15px}
}
@media(max-height:650px){.live-orb-dock.companion-header{height:50px;flex-basis:50px}.companion-header .orb-stage{width:63px;height:50px}.chat-view .welcome{padding-block:10px}.quick-controls{padding-bottom:4px}}
@media(prefers-reduced-motion:reduce){.suggestion:hover{transform:none}}

/* Keep the manual update control reachable on narrow iPhone displays. */
@media(max-width:600px){.topbar-actions{gap:5px;flex-wrap:wrap;justify-content:flex-end}.topbar-actions .status-pill{display:none}#quickCheckUpdatesBtn{font-size:11px;padding:8px}#updateNoticeBtn{font-size:11px;padding:8px}.topbar-title .edition-badge{display:none}}