/* Phone-first control surface; operational details remain available below. */
html, body { background:#fff; color:#10141d; }
body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.page { width:min(100%,660px); padding:24px 20px max(24px,env(safe-area-inset-bottom)); margin:0 auto; }
.cockpit { padding:0; border:0; box-shadow:none; background:transparent; border-radius:0; }
.topline { margin:0 0 28px; font-size:14px; color:#556173; }
.brand-mark { color:#10141d; font-size:19px; font-weight:750; letter-spacing:-.5px; }
.topline-context::after { display:none; }
h1 { font-size:44px; line-height:1.05; letter-spacing:-2px; margin:0 0 22px; }
.subtitle { color:#596579; font-size:17px; margin:0 0 20px; }
.status { box-shadow:none; border:0; padding:8px 4px 12px; margin:0; background:transparent; display:flex; flex-direction:column; gap:16px; text-align:center; min-height:134px; }
.status-mic { width:72px; height:72px; border:2px solid #d4deea; border-radius:50%; display:grid; place-items:center; color:#546377; }
.status-mic svg { width:34px; height:34px; }
.status .dot { width:10px; height:10px; box-shadow:none; position:absolute; margin:64px 0 0 64px; }
#statusText { font-size:23px; line-height:1.2; letter-spacing:-.7px; font-weight:750; }
.event-feed { margin:0 0 20px; min-height:0; }
#detailText { font-size:16px; line-height:1.5; color:#596579; margin:0; text-align:center; overflow-wrap:anywhere; }
.controls-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0 0 26px; }
.controls-grid button { min-height:56px; height:auto; border-radius:14px; padding:12px; border:1px solid #dfe5ed; box-shadow:none; font-size:17px; font-weight:650; }
.controls-grid .control-content { flex-direction:row; gap:10px; }
.controls-grid .control-icon { width:25px; height:25px; }
.controls-grid .start-control { grid-column:1/-1; grid-row:1; min-height:64px; background:#087cf0; color:#fff; border-color:#087cf0; font-size:22px; }
.controls-grid .stop-control { grid-column:1/-1; grid-row:2; color:#b5353f; background:#fff5f5; min-height:52px; }
.controls-grid #resumeAudioBtn { grid-row:3; color:#075fad; background:#edf6ff; }
.controls-grid button[hidden] { display:none; }
.controls-grid .mode-control { grid-row:4; background:#f8fafc; color:#303b4e; }
.controls-grid .mode-control.active { color:#086bd0; background:#eaf5ff; border-color:#d2e9ff; }
.controls-grid button:disabled { opacity:1; background:#f0f3f7; border-color:#f0f3f7; color:#99a4b5; cursor:default; }
.controls-grid .start-control:disabled { background:#d8eaff; color:#68829f; }
.chief-replies { border:0; border-top:1px solid #dfe5ed; padding:22px 0; background:transparent; box-shadow:none; border-radius:0; }
.chief-replies-title { font-size:23px; letter-spacing:-.6px; color:#10141d; }
.chief-replies-count { color:#5b687a; }
.chief-empty-replies { border-top:1px solid #dfe5ed; padding:22px 0; }
.chief-empty-replies h2 { margin:0 0 8px; font-size:23px; letter-spacing:-.6px; }
.chief-empty-replies p { margin:0; font-size:16px; color:#667185; }
.chief-disclosure { border-top:1px solid #dfe5ed; }
.chief-disclosure summary { min-height:60px; padding:18px 2px; font-size:17px; font-weight:650; cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; }
.chief-disclosure summary::after { content:"›"; color:#738094; font-size:28px; font-weight:400; }
.chief-disclosure[open] summary::after { transform:rotate(90deg); }
.chief-disclosure summary::-webkit-details-marker { display:none; }
.chief-disclosure p { color:#596579; font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.chief-history-list { display:grid; gap:8px; margin:12px 0; }
.chief-history-list button,.chief-history-actions button { text-align:left; min-height:48px; border:1px solid #dfe5ed; background:#f8fafc; color:#1e3552; padding:12px; border-radius:10px; font:inherit; font-size:15px; }
.chief-history-actions { display:flex; gap:8px; flex-wrap:wrap; margin:12px 0; }
.chief-history-message { padding:12px 0; border-bottom:1px solid #edf0f4; }
.chief-history-message header { font-size:13px; color:#667185; margin-bottom:6px; }
.chief-history-message pre { margin:0; font:400 15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; white-space:pre-wrap; overflow-wrap:anywhere; color:#172335; }
.chief-history-message details { font-size:12px; color:#667185; }
.session-cost-grid { margin:4px 0 16px; gap:10px; }
.session-cost { border:1px solid #e1e6ef; background:#f8fafc; box-shadow:none; border-radius:12px; padding:14px; }
.session-cost-value { font-size:27px; }
.session-cost-model,.session-cost-meta,.session-cost-label { font-size:12px; }
#archiveSaveStatus[data-state="recording_error"],#archiveSaveStatus[data-state="pending"] { color:#9b5300; }
.research-sources { font-size:14px; }
button:focus-visible,summary:focus-visible { outline:3px solid #85bfff; outline-offset:3px; }
footer { border-top:1px solid #dfe5ed; color:#7e8a9b; font-size:12px; padding-top:18px; margin-top:0; text-align:center; }
@media(min-width:700px) { .page { padding-top:36px; } .status { min-height:150px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; } }