.auth-registration{margin-top:24px;padding-top:20px;border-top:1px solid var(--line,#ddd)}
.auth-registration h2{font-size:1.1rem;margin:0 0 10px}
.auth-methods{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.auth-phone-form,.auth-password-form,.auth-reauth-password{display:grid;gap:14px;margin:16px 0;max-width:420px}
.auth-phone-form[hidden]{display:none}
.auth-phone-form label,.auth-password-form label,.auth-reauth-password label{display:grid;gap:6px}
.auth-phone-form input,.auth-password-form input,.auth-reauth-password input{width:100%;min-width:0;box-sizing:border-box}
.auth-phone-form .actions{display:flex;gap:10px;flex-wrap:wrap}
.auth-bindings .setting-row{gap:12px;flex-wrap:wrap}
.auth-bindings [role=status]{overflow-wrap:anywhere}
.auth-reauth{padding:12px 0}
.auth-reauth summary{cursor:pointer}
.auth-email-form,.auth-register-form{display:grid;gap:14px;margin:16px 0;max-width:420px}
.auth-email-form[hidden]{display:none}
.auth-email-form label,.auth-register-form label{display:grid;gap:6px}
.auth-email-form input,.auth-register-form input{width:100%;min-width:0;box-sizing:border-box}
.auth-email-form .actions{display:flex;gap:10px;flex-wrap:wrap}
.auth-local-register,.auth-email-recovery{margin:16px 0}
.auth-local-register summary,.auth-email-recovery summary{cursor:pointer;font-weight:600}
.auth-registration [role=status]:not(:empty),.auth-bindings [role=status]:not(:empty){padding:12px;border:1px solid var(--line,#ddd);border-radius:8px;overflow-wrap:anywhere}
.auth-register-form .auth-setup-choice{display:flex;align-items:flex-start;gap:10px}
.auth-register-form .auth-setup-choice input{width:auto;flex:none;margin-top:4px}
.auth-setup-done{display:inline-block;margin:8px 0}
/* One authentication task per screen; existing account settings stay independent. */
body:not(.authenticated):has(#login:not([hidden])) main{display:flex;justify-content:center;align-items:flex-start;min-height:calc(100svh - 60px);padding:clamp(24px,6vh,64px) 20px 32px;margin:0;max-width:none}
body:not(.authenticated):has(#login:not([hidden])) #notice:not([hidden]){position:fixed;top:12px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);z-index:20}
#login.auth-card{width:100%;max-width:420px;margin:0;padding:32px;background:var(--white,#fff);border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 40px #182b2010;color:var(--ink);min-width:0}
#login .auth-brand{display:flex;align-items:center;justify-content:center;gap:9px;font-size:18px;font-weight:650;letter-spacing:-.5px;margin:0 0 24px}
#login .auth-heading{text-align:center;margin-bottom:24px}
#login h1{font-size:26px;line-height:1.3;letter-spacing:-.7px;margin:0 0 8px;font-weight:650}
#login .auth-subtitle{font-size:14px;line-height:1.5;color:var(--muted);margin:0}
#login .auth-tabs{display:flex;gap:4px;padding:4px;border-radius:10px;background:var(--wash);margin:0 0 24px}
#login .auth-tabs button{flex:1;padding:8px;border:0;border-radius:7px;min-height:36px;background:transparent;color:var(--muted);font-size:14px;font-weight:550}
#login .auth-tabs button.selected{background:var(--white,#fff);color:var(--ink);box-shadow:0 1px 4px #00000012}
#login form,#login .auth-email-proof{display:grid;gap:16px;max-width:none;margin:0}
#login .auth-field,#login label{display:grid;gap:7px;margin:0;color:var(--ink);font-size:13px;font-weight:550;line-height:1.5}
#login input:not([type=checkbox]){width:100%;min-width:0;height:46px;padding:11px 12px;border:1px solid var(--line-strong);border-radius:9px;background:var(--white,#fff);color:var(--ink);font-size:16px;line-height:22px;margin:0;box-shadow:none}
#login input::placeholder{color:var(--muted);opacity:.8;font-size:13px;font-weight:400}
#login input:focus-visible{outline:2px solid var(--accent-400);outline-offset:1px;border-color:var(--accent-700)}
#login button.primary{width:100%;min-height:46px;padding:10px 16px;border:1px solid var(--accent-800);border-radius:9px;background:var(--accent-800);color:#fff;font-size:15px;font-weight:600;margin:2px 0 0;box-shadow:none}
#login button.primary:hover:not(:disabled){background:var(--accent-900)}
#login .auth-text-link{display:inline;background:transparent;border:0;box-shadow:none;color:var(--accent-700);font-size:13px;font-weight:550;line-height:1.5;padding:0;min-height:24px;width:auto;border-radius:3px}
#login .auth-text-link:hover{text-decoration:underline}
#login .auth-password-label{display:flex;justify-content:space-between;align-items:center;gap:12px}
#login .auth-password-input{position:relative;min-width:0}
#login .auth-password-input input{padding-right:60px}
#login .auth-reveal{position:absolute;right:4px;top:3px;height:40px;min-width:48px;padding:4px;border:0;background:transparent;color:var(--muted);font-size:12px;box-shadow:none}
#login .auth-divider{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted);margin:22px 0 16px}
#login .auth-divider:before,#login .auth-divider:after{content:'';height:1px;flex:1;background:var(--line)}
#login .auth-methods{display:grid;gap:10px;margin:0}
#login .auth-methods button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--line-strong);border-radius:9px;background:var(--white,#fff);color:var(--ink);font-size:14px;font-weight:550;box-shadow:none}
#login .auth-methods button:hover:not(:disabled){background:var(--wash)}
#login .auth-provider-icon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:5px;background:#1677ff;color:white;font-size:15px;font-weight:600}
#login .auth-hint{font-size:12px;line-height:1.65;color:var(--muted);margin:10px 0 0;font-weight:400}
#login .auth-social>.auth-hint,#login .auth-credit-note{text-align:center}
#login .auth-footer{text-align:center;font-size:13px;color:var(--muted);margin:24px 0 0;line-height:1.5}
#login .auth-status:empty,#login [role=status]:empty{display:none}
#login .auth-status:not(:empty),#login .auth-social [role=status]:not(:empty),#login .auth-recovery-panel [role=status]:not(:empty){font-size:13px;line-height:1.6;padding:10px 12px;border-radius:8px;background:var(--wash);color:var(--ink);border:1px solid var(--line);margin:12px 0 0;overflow-wrap:anywhere}
#login .auth-setup-choice{display:flex;flex-direction:row;align-items:flex-start;gap:9px;font-size:12px;font-weight:400}
#login .auth-setup-choice input{width:16px;height:16px;margin:1px 0 0;accent-color:var(--accent-800);flex:none}
#login .auth-setup-choice+.auth-hint{margin-top:-10px}
#login .auth-recovery-choices{display:flex;gap:8px;margin-bottom:22px}
#login .auth-recovery-choices button{flex:1;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);font-size:13px;padding:9px 12px;box-shadow:none}
#login .auth-recovery-choices button[aria-pressed=true]{border-color:var(--accent-700);background:var(--wash);color:var(--accent-800);font-weight:600}
#login .auth-alipay-symbol{display:grid;place-items:center;width:48px;height:48px;margin:12px auto 18px;border-radius:12px;background:#1677ff;color:#fff;font-size:30px}
#login .auth-recovery-description{font-size:14px;text-align:center;margin:0 0 20px;line-height:1.7}
#login .auth-recovery-panel>.auth-hint{text-align:center}
@media(max-width:480px){body:not(.authenticated):has(#login:not([hidden])) main{padding:20px 16px 28px;min-height:calc(100svh - 50px)}#login.auth-card{padding:26px 22px;border-radius:16px}#login .auth-brand{margin-bottom:22px}#login h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){#login *{scroll-behavior:auto}}

/* Design tokens. Every colour here is exactly a value the stylesheets already used, so moving a rule onto a
   token changes nothing on screen; superagent/theme.py derives each token's dark value the same way it derived
   the colour (custom properties on :root get a :root[data-theme=dark] twin). New rules use tokens.

   Breakpoints, in @media queries (CSS variables cannot be used there): phone (max-width:600px), tablet
   (min-width:600.02px) and (max-width:1023px), desktop ≥1024px. Never write 599px: 599 and 600 side by side
   made a 600px window match both or neither. Older rules still use 560/760px; folding them in changes
   layouts at those widths and is a separate, reviewed change. */
:root{
  --wash-green:#e9e7de;
  --line:#e7e4dc;
  --muted:#737169;  /* secondary text: 4.7:1 on --paper (was #908e86, 3.2:1) */
  --muted-olive:#8c8a82;
  --white:#ffffff;
  --line-soft:#f0efe8;
  --wash:#f4f3ef;
  --muted-dark:#737169;
  --danger:#a14e48;
  --paper:#faf9f5;
  --moss:#66645c;
  --muted-light:#a19f97;
  --line-strong:#d2d0c7;
  --ink:#282723;
  --slate:#5c5b53;
  --danger-strong:#9d403b;
  --ink-green:#35452a;
  --cream:#f9f7ef;
  --warn:#8a6420;
  /* Accent: the brand colour in seven lightness steps. accents.css swaps the whole set (设置 › 外观 › 主题色). */
  --accent-900:#253d2d;
  --accent-800:#304b39;
  --accent-700:#365b45;
  --accent-600:#55704a;
  --accent-500:#4e7f57;
  --accent-400:#8ca37b;
  --accent-300:#9bad8e;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:48px;
  --radius-1:6px;--radius-2:10px;--radius-3:14px;--radius-pill:999px;
}

/* Accent colours to choose from (设置 › 外观 › 主题色). Each swaps the seven --accent-* steps of tokens.css:
   step lightness keeps its distance from the button colour (accent-800; scaled by a spread), chroma never
   exceeds the button's and fades on the pale steps, hue becomes the accent's. Dark twins come from
   superagent/theme.py like every other colour. */
:root[data-accent=terracotta]{--accent-900:#b85d3e;--accent-800:#c96442;--accent-700:#d56f4d;--accent-600:#ce8f7a;--accent-500:#d69782;--accent-400:#f6b59f;--accent-300:#ffbda8}
:root[data-accent=ocean]{--accent-900:#275279;--accent-800:#2f5f8a;--accent-700:#3c6c98;--accent-600:#5081ae;--accent-500:#5a8bb9;--accent-400:#92b0cc;--accent-300:#9dbad7}
:root[data-accent=plum]{--accent-900:#5d3f6a;--accent-800:#6b4a7a;--accent-700:#785788;--accent-600:#8d6b9d;--accent-500:#9774a7;--accent-400:#b6a0c0;--accent-300:#c1abcb}
:root[data-accent=graphite]{--accent-900:#2e2e2b;--accent-800:#3a3936;--accent-700:#464542;--accent-600:#595855;--accent-500:#62615e;--accent-400:#868581;--accent-300:#908f8c}

:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:var(--ink);background:var(--paper);line-height:1.65;font-size:15px;--muted:var(--muted-dark);--line:var(--line-soft);--accent:var(--accent-700)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a,button,summary{touch-action:manipulation}button,summary{cursor:pointer}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}
header{display:flex;align-items:center;gap:36px;min-height:80px;padding:0 max(28px,calc((100vw - 1160px)/2));border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-weight:650;letter-spacing:-.5px;font-size:18px}.brand-mark{font-family:Georgia,serif;font-size:30px;font-style:italic;line-height:1;color:var(--accent)}nav{display:flex;gap:25px;align-self:stretch;align-items:center;margin:auto;font-size:14px}nav a{position:relative;color:var(--muted);padding:26px 0;white-space:nowrap}nav a:hover,nav a[aria-current]{color:var(--ink)}nav a[aria-current]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.account{display:flex;align-items:center;gap:16px;font-size:13px;white-space:nowrap}.account #logout{padding:6px 0;color:var(--muted)}main{max-width:1080px;margin:auto;min-height:calc(100vh - 166px);padding:52px 28px 72px}.page-heading{margin-bottom:34px}.page-heading h1{margin:8px 0 12px}.eyebrow{font-size:12px;letter-spacing:1.5px;color:var(--muted);margin:0}h1{font-size:38px;letter-spacing:-1.2px;line-height:1.3;font-weight:550}h2{font-size:18px;letter-spacing:-.3px;font-weight:600;margin:0 0 14px}h3{font-size:16px;font-weight:600}p{color:var(--muted);margin:10px 0}.lede{font-size:15px;line-height:1.7}.home-heading{padding:15px 0 5px;margin-bottom:30px}.home-heading h1{font-size:48px;letter-spacing:-2px}.quick-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:54px}.quick-links a{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line-strong);font-size:15px}.quick-links a>span:last-child{color:var(--muted-light)}.quick-links a:hover{color:var(--accent);border-color:var(--accent)}.overview-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:64px}.overview-section .bar{margin:0 0 10px}.overview-section h2{font-size:17px;margin:0}.count{color:var(--muted);font-size:13px;font-weight:400;margin-left:6px}.muted-link{display:inline-block;font-size:13px;color:var(--muted);margin-top:25px}.overview-section .row{align-items:flex-start;padding:18px 0}.overview-section .row strong{font-weight:500;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.overview-section .row p{font-size:12px}.overview-section .row button{font-size:12px;padding:5px 9px;min-width:46px}.overview-section .source{white-space:nowrap}.empty{padding:28px 0;color:var(--muted);font-size:14px}
.panel{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:26px;margin-bottom:20px}.understated{background:transparent;border:0;border-left:2px solid var(--line-strong);border-radius:0;padding:0 0 0 20px;margin:0 0 34px}.understated h2{font-size:16px}.understated p{font-size:14px}.workspace{max-width:760px;margin:auto}.workspace form{background:white;border:1px solid var(--line);border-radius:12px;padding:30px}.workspace h2{font-size:22px;margin:0 0 6px}.form-intro{font-size:14px;margin:0 0 28px}.workspace .field-help{font-size:12px;margin:10px 0 22px}.workspace .history{margin-top:32px}.workspace>div[role=status]:not(:empty),.workspace>p[role=status]:not(:empty){font-size:13px;color:#806438;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid label{min-width:0}label{display:flex;flex-direction:column;gap:8px;margin:0 0 20px;font-size:13px;font-weight:500;color:var(--slate)}input,select,textarea{padding:11px 12px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink);max-width:100%;width:100%;font-size:15px;font-weight:400}input[type=checkbox],input[type=radio]{width:auto}textarea{min-height:95px;resize:vertical;line-height:1.7}textarea::placeholder,input::placeholder{color:var(--muted-light)}button{border:1px solid var(--line);background:var(--white);border-radius:7px;padding:8px 14px;color:#4a4941;font-size:14px}button:hover{background:var(--wash-green)}.primary{background:var(--accent-800)!important;color:white!important;border-color:var(--accent-800)}.primary:hover{background:var(--accent-900)!important}.quiet{border:0;background:transparent;padding:5px 0;font-size:13px;color:var(--muted)}.quiet:hover{background:transparent;color:var(--ink)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.actions button:not(.primary):not(.danger){background:transparent}.bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:24px 0 16px}.bar h2,.bar h3{margin:0}.bar input{flex:1;min-width:0}.source{font-size:13px;color:var(--accent)}.source:hover{text-decoration:underline}.tabs,.subnav{display:flex;gap:26px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);margin:0 0 30px}.tabs::-webkit-scrollbar,.subnav::-webkit-scrollbar{display:none}.tabs button,.subnav a{flex:none;padding:10px 1px 13px;border:0;border-radius:0;background:transparent;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs .selected,.subnav [aria-current]{border-bottom-color:var(--accent);color:var(--accent-900);background:transparent!important}.tabs button:hover{color:var(--accent-900)}.row{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.row .content{flex:1;min-width:0;overflow-wrap:anywhere}.row strong{font-weight:550}.row p{margin:4px 0;font-size:14px}.row button{white-space:nowrap}.tag{display:inline-block;background:var(--line-soft);border-radius:4px;padding:3px 8px;font-size:12px;color:var(--moss)}details{margin:12px 0 20px}summary{color:var(--moss);font-size:14px;padding:8px 0}details[open]>summary{margin-bottom:16px}.disclosure{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:28px}.disclosure>summary{list-style:none;font-weight:500}.disclosure>summary::-webkit-details-marker{display:none}.disclosure form{margin-top:12px}.history>summary{color:var(--muted)}#local-text-result{padding:26px 0;overflow-wrap:anywhere}#local-text-result pre{font:inherit}
#login{max-width:430px;margin:15px auto}#login h1{font-size:28px}#notice{border:1px solid #e2e0d4;background:var(--cream);color:#806438;border-radius:7px;padding:12px 16px;font-size:14px;white-space:pre-wrap;margin-bottom:24px;overflow-wrap:anywhere}#review-card{text-align:center;padding:45px;min-height:300px;max-width:760px;margin:auto}#review-card h2{font-size:38px;margin:20px 0}#review-card blockquote{color:var(--muted)}#review-card .grades{display:flex;gap:12px;justify-content:center;margin-top:28px}#word-search{width:100%}blockquote{margin:12px 0;padding:0 16px;border-left:2px solid var(--line-strong);white-space:pre-wrap;overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}dialog{border:1px solid var(--line);border-radius:12px;padding:28px;width:760px;max-width:94vw;max-height:88vh}dialog::backdrop{background:color-mix(in srgb,var(--ink) 30%,transparent)}iframe{width:100%;height:70vh;border:1px solid var(--line);border-radius:8px;margin-top:20px;background:var(--white)}.reader-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reader-controls label{min-width:0;margin:0}.reader-controls select{width:100%}.summary-text{white-space:pre-wrap}.meeting-point{border-bottom:1px solid var(--line);padding:10px 0 18px}.candidate input{width:100%}.warning{color:var(--warn)}#meeting-report{overflow-wrap:anywhere}.knowledge-passage{border-top:1px solid var(--line);padding:18px 0;overflow-wrap:anywhere}#knowledge-detail select{max-width:100%}#knowledge-status p{overflow-wrap:anywhere}#knowledge-results .panel{margin:16px 0}#knowledge-editor{scroll-margin-top:24px}#knowledge .bar{flex-wrap:wrap}#knowledge-search .bar label{flex:1;min-width:0;margin:0}#code-compose>summary{margin-bottom:18px}#code-reference{overflow-wrap:anywhere}#code-incoming{padding:12px;background:var(--cream);margin:12px 0}#code-draft-status,#code-task-status,#code-bridge-status{overflow-wrap:anywhere;font-size:13px}#code .row .actions{justify-content:flex-end}#reader-tools{overflow:auto}#reader-tools .explain-field{margin:10px 0;padding-left:10px;border-left:2px solid var(--line-strong)}footer{text-align:center;color:var(--muted-light);padding:22px 20px;font-size:11px;letter-spacing:.5px}
@media(max-width:800px){header{gap:22px;padding:0 24px;flex-wrap:wrap;min-height:0}.brand{height:64px}.account{margin-left:auto}nav{order:3;width:100%;margin:0;justify-content:space-between;gap:24px;overflow-x:auto;scrollbar-width:none}nav a{padding:9px 0 15px}main{padding:34px 24px 56px}.overview-columns{gap:36px}.quick-links{gap:20px}}
@media(max-width:560px){:root{font-size:14px}header{padding:0 20px}.brand{font-size:17px;height:60px}.account{gap:14px;font-size:12px}nav{gap:22px;font-size:13px}main{padding:32px 20px 48px}.page-heading{margin-bottom:26px}h1{font-size:32px;letter-spacing:-1px}.home-heading{padding-top:3px}.home-heading h1{font-size:36px;letter-spacing:-1.5px}.quick-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin-bottom:36px}.quick-links a{padding:15px 0;font-size:14px}.overview-columns{grid-template-columns:1fr;gap:35px}.overview-section .row{padding:15px 0}.panel{padding:20px}.workspace form{padding:22px 18px}.workspace h2{font-size:20px}.grid{gap:14px}.bar{gap:10px;flex-wrap:wrap}.tabs{gap:24px}.tabs button{font-size:14px}.row{gap:10px}.row .source{font-size:12px}.actions{gap:8px}button{padding:9px 12px}#review-card{padding:28px 16px}#review-card .grades{gap:7px}#review-card .grades button{padding:9px 10px}#documents .row{flex-direction:column;align-items:stretch}#documents .actions{justify-content:flex-start}.candidate{padding:16px}dialog{padding:20px}.reader-controls{gap:10px}#recordings .row{align-items:flex-start}#knowledge-search .bar{align-items:flex-end}}
@media(prefers-reduced-motion:no-preference){a,button{transition:color .15s,background .15s,border-color .15s}}
.item-detail{margin:5px 0 0}.item-detail summary{font-size:12px;padding:0}.item-detail[open]>summary{margin-bottom:8px}.overview-section .content>p:empty{display:none}
/* Unified conversation workspace */
body.chat-mode{background:var(--paper)}body.chat-mode main{max-width:none;padding:0 28px}body.chat-mode header nav{display:none}body.chat-mode header{border-bottom:1px solid var(--line-soft)}#home-overview{max-width:1000px;margin:24px auto 40px}#home-overview>summary{font-size:13px;color:#777777}#home-overview .home-heading,#home-overview .quick-links{display:none}.history-row{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;border:0;background:transparent;padding:10px;font-size:13px;font-weight:400;color:var(--slate);border-radius:7px}.history-row:hover,.history-row.selected{background:var(--line-soft);color:var(--ink)}#chat-history{overflow-y:auto;max-height:calc(100dvh - 410px)}.history-import{margin-top:auto;font-size:12px;color:var(--muted-dark)}.history-import summary{cursor:pointer}.history-import p{font-size:12px;line-height:1.6}.history-import input{width:100%;font-size:11px}.chat-main{min-width:0;height:calc(100dvh - 90px);display:flex;flex-direction:column;padding:8px 36px 22px}#chat-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px max(0px,calc((100% - 780px)/2));scrollbar-width:thin}#chat-welcome{margin:clamp(50px,12vh,160px) auto 40px;max-width:680px}#chat-welcome h1{font-size:clamp(28px,3vw,42px);font-weight:500;letter-spacing:-.04em;margin:14px 0}#chat-welcome>p:not(.eyebrow){font-size:15px;color:var(--muted-olive)}.chat-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.chat-suggestions button{font-size:12px;font-weight:400;background:transparent;border:1px solid var(--line);border-radius:18px;color:var(--slate);padding:8px 14px}#chat-composer{display:block;width:100%;max-width:800px;margin:18px auto 0;padding:12px 15px 8px;border:1px solid var(--line);border-radius:18px;background:white;box-shadow:0 3px 16px color-mix(in srgb,var(--accent-900) 6%,transparent)}#chat-input{width:100%;border:0;box-shadow:none!important;background:transparent;padding:8px 2px;min-height:65px;max-height:230px;resize:vertical;font-size:15px;line-height:1.6;outline:0}.composer-actions,.composer-tools{display:flex;align-items:center;gap:8px}.composer-actions{justify-content:space-between}.composer-tools{min-width:0}#chat-mode{width:auto;padding:6px 22px 6px 8px;font-size:12px;border:0;background:var(--wash-green);border-radius:7px}#attach-file{font-size:25px;padding:0 8px}#record-audio{font-size:12px;padding:6px}#send-chat{padding:8px 16px;border-radius:11px;font-size:13px;flex-shrink:0}#chat-state{font-size:11px;color:var(--muted-olive);min-height:3px;margin:4px 2px}#chat-attachments{display:flex;flex-wrap:wrap;gap:5px}#chat-attachments button{font-size:12px;padding:5px 8px;max-width:100%;overflow-wrap:anywhere}.chat-message{margin:10px 0 28px;max-width:100%;font-size:15px;line-height:1.85}.message-author{display:block;color:var(--muted);font-size:11px;margin-bottom:8px}.chat-message.user{margin-left:auto;width:fit-content;max-width:90%;background:var(--line-soft);border-radius:15px;padding:10px 18px}.chat-message.user .message-author{display:none}.chat-markdown{overflow-wrap:anywhere;white-space:normal}.chat-markdown p{color:inherit;font-size:inherit;margin:0 0 12px}.chat-markdown p:last-child{margin:0}.chat-markdown pre{padding:14px;background:var(--wash);border-radius:9px;overflow:auto;line-height:1.6;white-space:pre}.chat-markdown code{font-family:ui-monospace,monospace;font-size:13px}.chat-markdown table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.chat-markdown th,.chat-markdown td{padding:7px 12px;border:1px solid var(--line)}.chat-markdown img{max-width:100%;border-radius:8px}.chat-markdown ul,.chat-markdown ol{padding-left:24px}.activity-card{padding:16px 20px;margin:18px 0;border:1px solid var(--line);border-radius:12px;font-size:14px}.activity-card img{display:block;max-width:100%;max-height:450px;object-fit:contain;border-radius:8px;margin:10px 0}.activity-card audio{max-width:100%;display:block;margin:10px 0}.artifact-link{display:block;font-size:13px;color:var(--accent-700);padding:8px 0;overflow-wrap:anywhere}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1023px){body.chat-mode main{padding:0 12px}body.chat-mode header{padding:10px 16px;min-height:58px}.chat-main{padding:0 0 12px;height:calc(100dvh - 65px)}#chat-scroll{padding:10px 8px}#chat-welcome{margin:13vh 10px 25px}#chat-welcome h1{font-size:30px}#chat-welcome>p:not(.eyebrow){font-size:13px;line-height:1.8}.chat-suggestions{gap:6px}.chat-suggestions button{font-size:11px;padding:7px 10px}#chat-composer{margin:8px 0 0;padding:8px 10px 6px;border-radius:15px}#chat-input{font-size:16px;min-height:60px}.composer-tools{gap:2px}#send-chat{padding:8px 12px}.chat-message{font-size:14px}.chat-message.user{max-width:94%}#home-overview{margin:20px 8px}#chat-history{max-height:calc(100dvh - 400px)}}

body.chat-mode .account{margin-left:auto}@media(min-width:1024px){body.chat-mode header{padding-left:28px;padding-right:28px}}.sidebar-utilities{display:flex;gap:16px;padding:10px 8px 18px;border-bottom:1px solid var(--line-soft);margin-bottom:12px}.sidebar-utilities a{font-size:12px;color:var(--muted-olive);text-decoration:none}.creation-links{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.creation-links a{padding:12px 18px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:#4a4941;font-size:14px}.recall-card,.tool-card{border:1px solid var(--line);border-radius:14px;background:var(--white);padding:24px;margin:18px 0}.recall-card small{color:var(--muted);font-size:11px}.recall-card h3{font-size:23px;font-weight:500}.recall-question{font-size:18px!important;color:var(--ink-green)!important}.recall-card textarea{margin:12px 0}.recall-card blockquote{padding:12px;border-left:2px solid #c6c4bc;color:var(--muted-olive)}.tool-card h3{font-size:17px;font-weight:500}.tool-card p{white-space:pre-wrap;overflow-wrap:anywhere}.tool-card .bar{justify-content:flex-start;flex-wrap:wrap}#tools input[type=checkbox]{width:auto}#wiki-frequency{width:auto}#wiki-status{font-size:12px;color:var(--muted)}#wiki-topics .row,#wiki-words .row{gap:16px}.subnav{flex-wrap:wrap}#term-list p{white-space:pre-wrap;overflow-wrap:anywhere}#term-list .row{flex-wrap:wrap}#term-list .row>div{flex:1;min-width:200px}@media(max-width:1023px){.recall-card,.tool-card{padding:18px}header nav{gap:14px}.creation-links{gap:8px}.creation-links a{padding:9px 12px;font-size:12px}.subnav{gap:14px}#wiki .overview-columns{grid-template-columns:1fr}.sidebar-utilities{padding-bottom:12px}}
#wiki-topics .row>a{flex:1;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}#wiki-topics .count{flex-shrink:0;white-space:nowrap}
/* One input surface, one toolbar. Settings never expand the composer. */
#chat-composer{position:relative;flex-shrink:0;max-width:780px;padding:16px 18px 12px;border:1px solid var(--line);border-radius:22px;box-shadow:0 4px 24px color-mix(in srgb,var(--ink) 2%,transparent);margin:16px auto 0}
#chat-input{display:block;min-height:68px;max-height:220px;resize:none;padding:4px 2px 14px;margin:0;font-size:16px;line-height:1.65}
#chat-composer .composer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}
#chat-composer .composer-tools,#chat-composer .composer-send-tools{display:flex;flex-direction:row;align-items:center;gap:6px;min-width:0}
#chat-composer .composer-tools{flex-shrink:0}#chat-composer .composer-send-tools{justify-content:flex-end}
#chat-composer .composer-icon,#chat-composer #send-chat{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;padding:8px;border:0;border-radius:50%;background:transparent;color:var(--muted-dark);font-size:14px;line-height:1}
#chat-composer .composer-icon:hover{background:var(--wash);color:var(--accent-900)}#chat-composer .composer-icon[aria-expanded=true]{background:var(--line-soft);color:var(--accent-800)}
#chat-composer svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#chat-composer #send-chat{color:white;background:var(--accent-800)}#chat-composer #chat-model,#chat-composer #chat-mode{width:auto;min-width:0;max-width:170px;margin:0;height:34px;padding:5px 18px 5px 7px;border:0;border-radius:7px;background-color:transparent;color:var(--slate);font-size:12px;font-weight:450;text-overflow:ellipsis;cursor:pointer;outline-offset:0}
#chat-composer #chat-mode{max-width:100px;color:var(--muted-olive)}#chat-composer #chat-model:hover,#chat-composer #chat-mode:hover{background-color:var(--wash-green)}
#chat-composer #chat-state{margin:0;font-size:12px;line-height:1.6;color:var(--muted-olive);min-height:0}#chat-composer #chat-state:not(:empty){margin:10px 4px 0}
#chat-composer #composer-panel{position:fixed;z-index:60;width:292px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:14px 16px 8px;border:1px solid var(--line);border-radius:15px;background:var(--white);box-shadow:0 10px 38px color-mix(in srgb,var(--ink) 8%,transparent);text-align:left}
#composer-panel .composer-panel-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted-olive);margin-bottom:8px}
#composer-panel .composer-panel-heading button{border:0;background:none;font-size:22px;color:var(--muted);padding:0 2px;line-height:1}
#chat-composer #composer-panel label{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:9px 0;font-size:13px;font-weight:400;color:#4a4941}
#composer-panel label>span{white-space:nowrap}#chat-composer #composer-panel select{width:160px;max-width:160px;font-size:12px;padding:6px 4px 6px 8px;min-height:32px;background:var(--paper);border:0;border-radius:6px;color:var(--moss)}
#chat-composer #composer-panel input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-700);margin:0 4px 0 0}
#composer-panel>a{display:flex;justify-content:space-between;font-size:12px;color:var(--muted-olive);border-top:1px solid var(--line-soft);margin-top:10px;padding:12px 0 6px}#composer-panel #model-hint{font-size:11px;line-height:1.7;margin:8px 0;color:var(--muted)}
#chat-composer #voice-bar{display:flex;align-items:center;gap:9px;padding:9px 2px 13px;color:var(--danger-strong);font-size:12px}
#voice-bar .voice-indicator{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}#voice-state{flex:1;min-width:0}#voice-bar button{border:0;background:transparent;font-size:12px;color:inherit;padding:4px;white-space:nowrap}#voice-finish{font-weight:600}#voice-bar[data-phase=transcribing]{color:var(--muted-olive)}#voice-bar[data-phase=error]{color:var(--danger)}#voice-input[aria-pressed=true]{color:var(--danger)!important;background:#fbefec!important}
.chat-main.empty-chat #chat-scroll{flex:0;overflow:visible;padding:0;margin-top:clamp(60px,19vh,210px)}.chat-main.empty-chat #chat-welcome{max-width:780px;text-align:center;margin:0 auto 28px}.chat-main.empty-chat #chat-welcome h1{font-size:32px;letter-spacing:-1px;margin:0;font-weight:500}.chat-main.empty-chat #chat-composer{margin-top:0}
@media(max-width:1023px){#chat-composer{padding:12px 10px 10px;border-radius:18px}#chat-input{min-height:70px;padding:4px 4px 14px;font-size:16px}#chat-composer .composer-actions{gap:4px}#chat-composer .composer-tools,#chat-composer .composer-send-tools{gap:1px}#chat-composer .composer-icon,#chat-composer #send-chat{width:32px;height:32px;flex-basis:32px;padding:7px}#chat-composer #chat-model{max-width:128px;font-size:11px;padding-left:4px;padding-right:3px}#chat-composer #chat-mode{max-width:74px;padding-left:3px;padding-right:0;font-size:11px}.chat-main.empty-chat #chat-scroll{margin-top:clamp(40px,17vh,150px)}.chat-main.empty-chat #chat-welcome{margin-bottom:24px}.chat-main.empty-chat #chat-welcome h1{font-size:27px}#chat-composer #voice-bar{font-size:11px;gap:6px}}
@media(max-width:360px){#chat-composer #chat-model{max-width:102px}#chat-composer #chat-mode{max-width:58px}}
/* Navigation follows purpose; personal controls stay with the account. */
header nav{gap:22px}header{gap:24px}.account-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:0;background:transparent;text-align:left;font-size:13px;font-weight:400;min-width:0}.avatar{width:29px;height:29px;display:grid;place-items:center;background:var(--wash-green);color:var(--slate);border-radius:50%;flex-shrink:0;font-size:12px}.account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}.account-dots{margin-left:auto}.chat-mode header .account{display:none}#chat-history{max-height:none;min-height:0;flex:1}#account-menu{position:fixed;z-index:200;width:222px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;background:var(--white);border:1px solid var(--line);border-radius:13px;padding:8px;box-shadow:0 12px 44px color-mix(in srgb,var(--ink) 11%,transparent)}#account-menu>a,#account-menu>button{display:block;width:100%;text-align:left;font-size:13px;font-weight:400;padding:9px 11px;border:0;border-radius:7px;background:transparent}#account-menu>a:hover,#account-menu>button:hover{background:var(--wash)}#account-menu p{font-size:11px;margin:6px 11px 8px;overflow-wrap:anywhere}#account-menu hr{border:0;border-top:1px solid var(--line);margin:6px 3px}.destination-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.destination-grid>a{position:relative;padding:28px;border:1px solid var(--line);border-radius:14px;background:white}.destination-grid>a:hover{border-color:#c6c4bc}.destination-mark{font-size:12px;color:var(--muted-light);display:block;margin-bottom:24px}.destination-grid h2{font-weight:500;margin-bottom:5px}.destination-grid p{font-size:13px}.destination-grid>a>span:last-child{position:absolute;right:25px;top:24px;color:var(--muted-olive)}.compact-form{max-width:720px}.compact-form button{width:fit-content}.compact-form .actions{flex-wrap:wrap}#account-page .row{align-items:center}#account-page .content{overflow-wrap:anywhere}#account-page small{font-size:12px;color:var(--muted)}#token-created{padding:18px 0}#token-value{font-family:monospace;width:100%;font-size:12px}#account-page .history-import{max-width:660px;font-size:14px;margin-top:20px}#account-page .history-import input{font-size:13px}.memo-row{display:flex;gap:15px;align-items:flex-start;padding:22px 0;border-bottom:1px solid var(--line)}.memo-row .content{flex:1;min-width:0}.memo-row strong{font-size:15px;font-weight:500;overflow-wrap:anywhere}.memo-row p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}.memo-row small{font-size:12px;color:var(--muted)}.memo-row small.overdue{color:var(--danger)}.memo-check{width:22px;height:22px;flex-shrink:0;padding:0;border:1px solid #c6c4bc;background:white;border-radius:7px;line-height:20px;color:var(--accent);margin-top:3px}.memo-actions{display:flex;gap:6px}.memo-actions button{font-size:12px;padding:4px 7px;background:transparent;border:0;color:var(--muted)}#memo-search{max-width:360px;background:transparent;font-size:14px}#memo-form{max-width:720px}#memo-count{margin:16px 0 0}.subnav{flex-wrap:wrap}
@media(max-width:1100px){header{padding:0 24px;gap:20px}header nav{gap:18px;font-size:13px}.account-name{max-width:85px}}
@media(max-width:1023px){.chat-mode header .account{display:flex}.account-trigger{padding:6px}#chat-history{flex:1}.destination-grid{gap:12px}.destination-grid>a{padding:20px}.destination-grid h2{font-size:17px}.destination-grid>a>span:last-child{right:18px;top:18px}.destination-mark{margin-bottom:20px}.memo-row{gap:11px;flex-wrap:wrap}.memo-actions{margin-left:33px}.memo-row .content{flex-basis:calc(100% - 40px)}#account-page .row{flex-wrap:wrap}.compact-form{padding:20px}.subnav{gap:16px}.subnav a{font-size:13px}header nav{justify-content:flex-start;flex-wrap:nowrap}.account-name{max-width:85px}}body.chat-mode>footer,body.chat-mode #home-overview{display:none}body.chat-mode main{padding:0;min-height:100dvh}.chat-main{height:100dvh}.history-search-trigger{display:flex;align-items:center;justify-content:space-between;text-align:left;color:var(--muted);background:transparent;border:0;padding:9px 10px;font-size:13px}.history-row{min-height:34px}.history-row.selected{background:var(--wash-green)}.history-row:hover{background:var(--line-soft)}.history-result{display:block;width:100%;text-align:left;padding:17px 12px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.history-result strong{display:block;font-size:15px;font-weight:550;overflow-wrap:anywhere}.history-result p{font-size:13px;line-height:1.7;margin:7px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}.history-result small{font-size:11px;color:var(--muted);display:block;overflow-wrap:anywhere}.history-result mark{background:var(--wash-green);color:var(--ink-green);border-radius:2px}.history-dialog{width:760px;padding:0;border-radius:18px;max-height:85dvh}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;position:sticky;top:0;background:var(--paper);border-bottom:1px solid var(--line);z-index:1}.dialog-heading h2{margin:0;font-size:17px}.dialog-close{width:32px;height:32px;padding:0;line-height:1;font-size:24px;font-weight:300;border:0;background:transparent;flex-shrink:0}.history-dialog #history-query{width:calc(100% - 48px);margin:20px 24px 0;background:white}.history-dialog #history-status{font-size:12px;margin:12px 24px}.history-dialog #history-results{padding:0 12px;min-height:180px}.history-dialog #history-more{margin:14px 24px}.management-dialog{padding:0;width:860px;max-height:88dvh;border-radius:18px;background:var(--paper);overflow:hidden}.management-dialog[open]{display:flex;flex-direction:column}.management-dialog .dialog-heading{flex-shrink:0}.management-dialog #management-content{padding:20px 24px 28px;overflow-y:auto;overscroll-behavior:contain;min-height:0}.management-dialog .subnav{margin-bottom:20px;gap:22px}.management-dialog .subnav a{font-size:13px}.management-dialog .panel{padding:20px;max-width:none}.management-dialog h2{font-size:16px}.management-dialog .tool-card{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:14px 0;margin:0}.management-dialog .bar{margin:12px 0}.management-dialog .row{flex-wrap:wrap}.management-dialog .row .content{flex:1;min-width:200px}.dialog-notice{margin:12px 24px 0;padding:9px 12px;background:var(--line-soft);border-radius:8px;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;flex-shrink:0}.danger-text{color:var(--danger)!important}.danger{color:white;background:var(--danger-strong);border-color:var(--danger-strong)}.delete-user-panel{margin-top:20px;padding:20px;border:1px solid #ddbab6;border-radius:10px;background:var(--white)}.delete-user-panel p{font-size:13px}.composer-config{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:10px 0!important}.composer-config small{font-size:11px;color:var(--muted)}.chat-message.search-hit{outline:2px solid var(--accent-300);outline-offset:8px;border-radius:8px}#chat-composer{margin-bottom:20px}
@media(max-width:1023px){.chat-main{height:100dvh;padding-bottom:8px}#chat-composer{margin-bottom:max(8px,env(safe-area-inset-bottom))}.management-dialog,.history-dialog{max-width:calc(100vw - 16px);max-height:92dvh;border-radius:14px}.dialog-heading{padding:14px 16px}.management-dialog #management-content{padding:16px}.management-dialog .panel{padding:16px}.history-dialog #history-query{width:calc(100% - 32px);margin:16px 16px 0}.history-dialog #history-status{margin:10px 16px}.dialog-notice{margin:10px 16px 0}.management-dialog .subnav{gap:16px}.history-result{padding:14px 8px}.management-dialog .actions{flex-wrap:wrap}}
#composer-panel .composer-config{border-bottom:1px solid var(--line);margin:4px 0}.community-row{display:flex;gap:16px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}.community-row>div{min-width:0;flex:1}.community-row strong,.community-row small{display:block;overflow-wrap:anywhere}.community-row p{font-size:13px;line-height:1.7;margin:5px 0;overflow-wrap:anywhere}.community-row small{font-size:11px;color:var(--muted)}.community-row button{font-size:12px;flex-shrink:0}.community-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:12px}.community-actions code{font-size:11px;overflow-wrap:anywhere;width:100%}#skill-market-content{max-height:320px;overflow:auto;padding:14px;background:white;border:1px solid var(--line);border-radius:8px;font-size:12px}#skill-market-preview{padding:16px 0}#skill-market-list,#mcp-registry-list{max-height:360px;overflow-y:auto;padding:0 8px 0 0}#mcp-json{font-family:ui-monospace,monospace;font-size:12px}#connector-form .inline-check{flex-direction:row;align-items:center;gap:8px;font-size:13px}.management-dialog input[type=checkbox]{width:16px;height:16px}.management-dialog details>summary{font-weight:550}.management-dialog .field-help{font-size:12px;line-height:1.7}#management-content>.subnav{position:sticky;top:0}#delete-user-error{color:var(--danger-strong)}



.image-versions{display:flex;gap:10px;overflow:auto;padding:4px}.image-versions button{flex:0 0 112px;display:grid;gap:6px}.image-versions img{width:100%;height:84px;object-fit:cover;border-radius:6px}.image-versions .selected{outline:2px solid var(--accent,var(--accent-800))}
.history-item-menu{position:relative;margin:7px 0}.history-item-menu summary{padding:2px 6px;cursor:pointer;list-style:none}.history-item-menu[open]{z-index:5;min-width:64px;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:4px}.history-item-menu button{display:block;background:none;border:0;padding:7px;white-space:nowrap;font-size:12px}.history-item-menu button:hover{background:var(--wash)}.chat-history-entry{display:flex;align-items:center;min-width:0;gap:2px}.chat-history-entry .history-row{flex:1;min-width:0;width:0}.history-pin{flex-shrink:0;padding:6px;border:0;background:transparent;color:var(--muted);opacity:.2;font-size:16px}.chat-history-entry:hover .history-pin,.history-pin:focus-visible,.history-pin.pinned{opacity:1}.history-pin.pinned{color:var(--accent-800)}
@media(max-width:1023px){.history-pin{opacity:.7}}
.history-item-menu[open]>summary{margin-bottom:4px}





/* Creation uses a conversation canvas with a persistent bottom composer. */









/* Stable management frame; each tab scrolls inside the same viewport. */
.management-dialog{height:min(720px,88dvh);width:min(860px,calc(100vw - 32px))}.management-dialog #management-content{flex:1;scrollbar-gutter:stable}


.upward-select:after{content:'';width:6px;height:6px;border-top:1.5px solid currentColor;border-left:1.5px solid currentColor;transform:rotate(45deg);flex-shrink:0;margin:4px 3px 0}.upward-select:hover,.upward-select[aria-expanded=true]{background:var(--wash-green)!important}.upward-select:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px}
.upward-options{position:fixed;z-index:250;overflow-y:auto;overscroll-behavior:contain;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:5px;box-shadow:0 10px 35px color-mix(in srgb,var(--accent-900) 15%,transparent);scrollbar-width:thin;outline:0}.upward-options [role=option]{padding:10px 12px;font-size:13px;line-height:1.5;border-radius:7px;cursor:pointer;color:#4a4941}.upward-options [aria-selected=true]{font-weight:600;background:var(--wash-green)}.upward-options .highlighted{background:var(--wash-green)}.upward-options [aria-selected=true]:after{content:'✓';float:right;margin-left:8px}
@media(max-width:1023px){.upward-options [role=option]{min-height:42px}.management-dialog{width:calc(100vw - 24px)}}

#chat-model.enhanced-select{position:absolute;width:1px!important;height:1px;min-height:0;padding:0;border:0;opacity:0;pointer-events:none;clip-path:inset(50%)}
#chat-model-trigger{display:flex;align-items:center;gap:8px;background:transparent;border:0;font-size:12px;font-weight:400;padding:6px 4px;max-width:210px;min-width:0}
#chat-model-menu{position:fixed;z-index:250;overflow:auto;overscroll-behavior:contain;padding:7px;background:var(--white);border:1px solid var(--line);border-radius:13px;box-shadow:0 10px 35px color-mix(in srgb,var(--accent-900) 15%,transparent)}#chat-model-menu button{display:block;width:100%;text-align:left;font-size:13px;font-weight:400;padding:10px 12px;border:0;background:transparent;border-radius:7px}#chat-model-menu button:hover,#chat-model-menu button:focus-visible{background:var(--wash-green)}#chat-model-menu [aria-selected=true]{background:var(--wash-green);font-weight:600}#chat-model-menu summary{font-size:12px;padding:10px 12px;color:var(--muted-olive);border-top:1px solid var(--wash-green);margin-top:5px;cursor:pointer}#chat-model-menu details[open]>summary{margin-bottom:3px}

#research-options{border-top:1px solid var(--line-soft);margin:6px 0 8px;padding-top:8px;font-size:12px}#research-options label{display:flex;align-items:center;gap:8px;margin:4px 0;font-size:12px}#research-options select{font-size:12px;padding:5px;max-width:100%;min-width:0}#research-options input{width:auto}#research-options p{font-size:11px;margin:6px 0;color:var(--muted-olive)}#auxiliary-skills{margin:8px 0}#auxiliary-skills summary{font-size:12px;padding:8px 0;cursor:pointer}#auxiliary-skills p{font-size:11px;line-height:1.6}#auxiliary-skills label{display:flex;justify-content:space-between;align-items:center}#auxiliary-skills a{font-size:12px}.research-card{border:1px solid var(--line);border-radius:12px;padding:18px;margin:16px 0;font-size:13px}.research-card>p{white-space:pre-wrap;overflow-wrap:anywhere}.research-card small{font-size:11px;color:var(--muted)}.research-card .research-progress{font-size:12px;color:var(--muted);margin:8px 0 0}.research-card .research-activity{font-size:12px;color:var(--muted);margin:4px 0 0;overflow-wrap:anywhere}.research-card .actions{flex-wrap:wrap;margin-top:12px}.research-card button{font-size:12px;padding:7px 10px}.research-card .artifact-link{font-size:12px}.research-detail{padding-top:15px}.research-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.research-detail textarea,.research-followup textarea{width:100%;font-size:13px}.research-followup{margin-top:12px}
#chat-composer #research-options{text-align:left}#chat-composer #research-options label{flex-direction:row;justify-content:flex-start;text-align:left;font-weight:400}#chat-composer #research-options select{flex:1;width:0}#chat-composer #research-options #research-review-field{gap:7px}#chat-composer #research-review{margin:0;flex:none;width:14px;height:14px}
/* Chat interaction parity: durable rich answers and immediate turn feedback. */
.chat-main{position:relative}.chat-jump{position:absolute;bottom:208px;left:50%;transform:translateX(-50%);z-index:5;border:1px solid var(--line);border-radius:22px;background:var(--white);box-shadow:0 3px 16px color-mix(in srgb,var(--accent-900) 8%,transparent);font-size:12px;padding:8px 14px}.chat-message.sending{opacity:.75}.turn-state{display:flex;align-items:center;gap:10px;min-height:36px;font-size:13px;color:var(--muted-dark)}.turn-clock{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted);flex-shrink:0}.thinking-orbit{width:19px;height:19px;flex:0 0 19px;border:2px solid var(--line);border-top-color:var(--accent-500);border-right-color:var(--accent-300);border-radius:50%;animation:thinking-spin 1.1s linear infinite}.turn-state.settled .thinking-orbit{animation:none;border-color:var(--accent-300);width:8px;height:8px;flex-basis:8px;background:var(--accent-300)}.turn-state.settled{font-size:12px;color:var(--muted);margin-bottom:8px}.turn-error{color:var(--danger)!important}.thinking-note{color:var(--muted);font-size:12px;margin-bottom:12px}.turn-details{margin:8px 0 16px;border-left:2px solid var(--wash-green);padding:0 0 0 13px;color:var(--muted-olive);font-size:12px}.turn-details summary{cursor:pointer;list-style-position:inside}.turn-steps{max-height:230px;overflow:auto;padding:8px 0;scrollbar-width:thin}.turn-step{padding:5px 0;overflow-wrap:anywhere}.turn-step::before{content:'◌';margin-right:7px}.turn-step[data-phase=done]::before{content:'✓'}.turn-step[data-phase=error]::before{content:'!';color:var(--danger)}.reasoning-text,.tool-history{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto}.reasoning-text{color:var(--muted-dark);line-height:1.8}.message-actions,.message-versions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.message-actions button,.message-versions button{background:transparent;border:0;color:var(--muted);font-size:12px;padding:4px 8px}.message-actions button:hover,.message-versions button[aria-pressed=true]{background:var(--wash-green);color:var(--accent-700)}.chat-message.user .message-actions{justify-content:flex-end;margin-top:4px}.chat-message.user .message-actions button{font-size:11px}.answer-code{margin:18px 0;border:1px solid var(--line-soft);border-radius:12px;overflow:hidden;min-width:0}.answer-code-head{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--paper);font-size:11px;color:#7c7b75;flex-wrap:wrap}.answer-code-head>span{margin-right:auto}.answer-code-head button{border:0;background:transparent;padding:3px 5px;font-size:11px;color:var(--muted-dark)}.chat-markdown .answer-code pre{border-radius:0;margin:0;max-height:440px;font-size:12px}.answer-figure{padding:16px 14px;width:100%;overflow:auto;min-height:68px;box-sizing:border-box;background:var(--white);scrollbar-width:thin}.answer-figure svg{display:block;width:auto;height:auto;max-width:100%;margin:0 auto}.answer-figure .node rect,.answer-figure .cluster rect,.answer-figure rect.actor,.answer-figure rect.note{rx:6px;ry:6px}.answer-figure .edgeLabel rect,.answer-figure .labelBkg{rx:4px;ry:4px}.answer-figure text.actor{dominant-baseline:central}.answer-figure .edgeLabel text,.answer-figure .edgeLabel tspan{font-size:12px;fill:#7c7b75}.chat-markdown .answer-source{margin:0;border-top:1px solid var(--wash)}.chat-markdown .answer-source[open]>summary{margin-bottom:0}.answer-source summary{padding:6px 12px;font-size:11px;color:var(--muted-olive);cursor:pointer}.diagram-error{color:var(--danger);font-size:13px;line-height:1.8}.answer-toc{margin:16px 0 20px;padding:12px 16px;border:1px solid var(--wash-green);border-radius:10px;font-size:12px;color:var(--muted-olive)}.answer-toc summary{cursor:pointer}.answer-toc nav{display:grid;gap:3px;padding-top:10px}.answer-toc button{text-align:left;background:transparent;border:0;padding:5px 0;color:var(--moss);font-size:12px;font-weight:400}.answer-clarify{padding:16px;border:1px solid var(--line);border-radius:12px;margin:16px 0}.answer-clarify button{display:block;text-align:left;width:100%;margin-top:8px;padding:10px;font-size:13px;border:1px solid var(--line);background:var(--paper)}.answer-math{overflow-x:auto;max-width:100%}.answer-math-display{display:block}.chart-dialog{width:min(1200px,94vw);max-height:90dvh;padding:0;border:1px solid var(--line);border-radius:16px;background:white}.chart-dialog::backdrop{background:color-mix(in srgb,var(--ink) 50%,transparent)}.chart-dialog-head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;padding:14px 20px;background:white;border-bottom:1px solid var(--wash-green);z-index:1;font-size:14px}.chart-zoom{overflow:auto;max-height:78dvh;padding:16px}.chart-zoom .answer-figure{min-width:700px}.chart-dialog-head button{font-size:13px;background:var(--wash-green);border:0}#chat-editing{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--wash-green);padding:8px 10px;border-radius:8px;font-size:12px;color:var(--muted-dark)}#chat-editing button{font-size:12px;background:transparent;border:0;white-space:nowrap}#chat-style-hint{font-size:11px;line-height:1.6;color:var(--muted);margin:2px 0 8px}.preference-check{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important;font-size:13px!important}.preference-check input{width:16px!important;height:16px}#preferences-form select{width:100%}#chat-composer textarea:focus{outline:none}.chat-message a:focus-visible,.answer-code button:focus-visible{outline:2px solid var(--accent-400);outline-offset:2px}
@keyframes thinking-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.thinking-orbit{animation:none}#chat-scroll{scroll-behavior:auto}}
@media(max-width:1023px){.answer-figure{padding:8px}.answer-code-head{gap:4px;padding:7px 8px}.answer-code-head button{font-size:10px}.chat-jump{bottom:195px}.turn-state{font-size:12px;gap:7px}.chart-zoom{padding:0}.message-actions{margin-top:8px}#chat-editing{font-size:11px}}
.history-delete{flex-shrink:0;width:28px;height:30px;padding:0;border:0;background:transparent;color:var(--muted);font-size:19px;line-height:1}
.history-delete:hover,.history-delete:focus-visible{color:var(--danger-strong);background:#fbefec}
@media(max-width:1023px){.history-delete{width:32px;height:34px}}
/* Shared history controls: a compact row, with actions outside its scrolling container. */
.sidebar-head{display:flex;align-items:center;gap:8px}.history-menu-trigger{flex:0 0 28px;align-self:center;border:0;background:transparent;padding:6px 4px;color:var(--muted-olive);line-height:1;font-size:20px;border-radius:7px}.history-menu-trigger:hover,.history-menu-trigger[aria-expanded=true]{background:var(--wash-green);color:var(--ink-green)}.history-actions-menu{position:fixed;z-index:250;width:152px;padding:6px;background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 32px color-mix(in srgb,var(--accent-900) 11%,transparent)}.history-actions-menu button{display:block;width:100%;text-align:left;background:transparent;border:0;border-radius:7px;padding:10px 12px;font-size:13px;font-weight:400}.history-actions-menu button:hover,.history-actions-menu button:focus-visible{background:var(--wash-green)}.history-actions-menu .danger{color:var(--danger)}.rename-record-dialog{width:min(420px,calc(100vw - 32px));border:1px solid var(--line);border-radius:18px;padding:24px}.rename-record-dialog::backdrop{background:color-mix(in srgb,var(--ink) 33%,transparent)}.rename-record-dialog form{padding:0;border:0;background:transparent;box-shadow:none}.rename-record-dialog h2{margin:0;font-size:18px}.rename-record-dialog input{width:100%}.rename-record-dialog [role=status]{color:var(--danger);font-size:12px;min-height:18px}.rename-record-dialog .actions{justify-content:flex-end}
@media(max-width:1023px){.rename-record-dialog{padding:20px}}
.reading-import-card{border:1px solid var(--line);border-radius:22px;padding:30px 32px 24px;background:linear-gradient(120deg,var(--wash-green),var(--white) 65%);margin:8px 0 36px}.reading-import-heading h2{font-size:26px;font-weight:500;letter-spacing:-.03em;margin:7px 0 10px}.reading-import-heading p{font-size:13px;color:var(--muted);margin:0}.reading-import-heading .eyebrow{font-size:10px;letter-spacing:.18em;color:var(--muted)}.reading-import-tabs{display:flex;gap:9px;margin:26px 0 24px}.reading-import-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted-olive);font-size:13px;padding:11px 19px;font-weight:400}.reading-import-tabs button span{font-size:18px;color:var(--muted)}.reading-import-tabs button[aria-selected=true]{border-color:var(--line);background:var(--white);color:var(--accent-800);box-shadow:0 2px 8px color-mix(in srgb,var(--ink-green) 3%,transparent)}.reading-import-tabs button:hover{background:var(--wash-green)}#import-form{padding:0;border:0;background:none;box-shadow:none;margin:0}#import-form label{font-size:12px;color:var(--muted-olive);gap:8px;margin:0 0 16px}#import-form input:not([type=hidden]),#import-form textarea{width:100%;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:14px;font-size:14px}#import-form textarea{resize:vertical;min-height:130px}.reading-import-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.reading-import-footer p{color:var(--muted);font-size:12px;margin:0}.reading-import-footer button{flex-shrink:0;border-radius:10px;font-size:13px;padding:11px 19px}.reading-upload{border:1px dashed var(--line-strong);border-radius:14px;padding:22px;background:color-mix(in srgb,var(--white) 50%,transparent);min-height:120px;justify-content:center}.reading-upload span:last-child{font-size:11px;color:var(--muted)}#import-form .reading-upload input{padding:7px 0;border:0;background:transparent}.reading-import-job{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--wash-green);font-size:12px}.reading-import-job>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reading-import-job small{color:var(--muted);max-width:55%}.reading-import-job a{color:var(--accent-600);text-decoration:none}#reading-import-jobs{margin-top:22px}
@media(max-width:600px){.reading-import-card{padding:23px 18px 18px;border-radius:18px}.reading-import-heading h2{font-size:22px}.reading-import-heading>div>p{line-height:1.8}.reading-import-tabs{gap:3px;margin:22px -5px 20px}.reading-import-tabs button{flex:1;flex-direction:column;gap:5px;padding:9px 4px;font-size:11px}.reading-import-footer{align-items:flex-end}.reading-import-footer p{font-size:10px;line-height:1.7}.reading-import-footer button{padding:10px 13px}.reading-upload{padding:14px}}

.reading-upload{position:relative;cursor:pointer;align-items:center;text-align:center;gap:12px!important}.reading-upload strong,#reading-media-label{font-size:14px;font-weight:500;color:var(--accent-500)}.reading-upload:focus-within{outline:2px solid var(--accent-400);outline-offset:2px}.reading-upload:hover{background:var(--wash-green)}.reading-upload input.reading-file-input{position:absolute;width:1px!important;height:1px;opacity:0;padding:0!important;left:50%;top:50%}.reading-upload [data-reading-filename]{max-width:100%;overflow-wrap:anywhere}

#reading-import-jobs{max-height:240px;overflow:auto}

/* Phones: keep the composer and quick shortcuts off the screen edges. */
@media(max-width:1023px){.chat-main{padding-left:14px;padding-right:14px}}
.management-dialog :is(#skill-market-list,#mcp-registry-list){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-height:none;overflow:visible;padding:4px 0 18px}
.community-card{display:flex;flex-direction:column;gap:14px;min-width:0;padding:20px;border:1px solid var(--line-soft);border-radius:18px;background:var(--white);box-shadow:0 3px 12px color-mix(in srgb,var(--accent-900) 2%,transparent)}
.community-card-head{display:flex;align-items:center;gap:12px;min-width:0}
.community-card-head>div{min-width:0;flex:1}
.management-dialog .community-card h3{font-size:15px;line-height:22px;font-weight:550;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.community-card small{display:block;font-size:11px;line-height:18px;color:var(--muted-olive);overflow-wrap:anywhere}
.community-card-head small{margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.community-art{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,var(--wash-green),var(--line-strong));color:var(--accent-500);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--white) 56%,transparent)}
.community-art[data-tone="1"]{background:linear-gradient(135deg,#edf1fc,#edf1fc);color:#647daf}
.community-art[data-tone="2"]{background:linear-gradient(135deg,var(--cream),#e2e0d4);color:#a1834e}
.community-art[data-tone="3"]{background:linear-gradient(135deg,#f1eafa,#f1eafa);color:#9272a2}
.community-art svg{width:27px;height:27px}
.community-card .community-description{font-size:13px;line-height:22px;margin:0;color:var(--muted-dark);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.community-tags{display:flex;flex-wrap:wrap;gap:6px}
.community-tags span{padding:3px 8px;border-radius:6px;background:var(--wash);color:var(--muted-dark);font-size:11px;line-height:18px}
.community-card-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;margin-top:auto;padding-top:2px;min-width:0}
.community-card-footer button{font-size:12px;padding:6px 12px;border-radius:8px;background:var(--wash);border:0;color:var(--accent-700)}
.community-card-footer>a{font-size:12px;margin-right:auto;color:var(--muted-olive);text-decoration:none}
.community-remote{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;width:100%;min-width:0}
.community-remote details{flex:1;min-width:100px;margin:0;font-size:11px;color:var(--muted-olive)}
.community-remote details[open]>summary{margin-bottom:4px}
.community-card-footer>small{width:100%}
.management-dialog .community-remote summary{font-weight:400;cursor:pointer;padding:6px 0}
.community-remote code{display:block;font-size:10px;overflow-wrap:anywhere;white-space:normal;margin:5px 0}
.community-remote button{margin-left:auto;flex-shrink:0}
.management-dialog :is(#skill-market-list,#mcp-registry-list)>.empty{grid-column:1/-1}
@media(max-width:600px){.management-dialog :is(#skill-market-list,#mcp-registry-list){grid-template-columns:minmax(0,1fr);gap:12px}.community-card{padding:16px;gap:12px}.community-card-footer button{min-height:40px}}
/* A focused skills library: owned collection, discovery and an in-place preview. */
.skills-toolbar{display:flex;align-items:center;gap:12px;margin:4px 0 22px;flex-wrap:wrap}
.skills-tabs{display:flex;align-items:center;padding:4px;border-radius:11px;background:var(--wash);flex-shrink:0}
.skills-tabs button{border:0;background:transparent;border-radius:8px;color:var(--muted);padding:8px 14px;font-size:13px;min-height:36px}
.skills-tabs button[aria-selected=true]{background:white;color:var(--ink-green);box-shadow:0 1px 4px color-mix(in srgb,var(--accent-900) 7%,transparent)}
.skills-toolbar #skill-market-query{width:auto;flex:1;min-width:150px;margin:0;font-size:13px;min-height:42px;background:var(--white);border-radius:10px}
.skills-toolbar #skill-add{min-height:42px;background:var(--accent-800);color:var(--white);border:0;border-radius:10px;padding:8px 17px;font-size:13px;white-space:nowrap}
.management-dialog #skills-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.management-dialog #skills-list .community-card{border:1px solid var(--line-soft);border-radius:15px;background:white;padding:18px;margin:0;gap:10px}
#skill-tools .community-art{width:42px;height:42px;border-radius:11px;flex-basis:42px;background:var(--wash);color:var(--muted-dark);border:1px solid var(--wash-green)}
#skill-tools .community-card-head h3{font-size:15px}
#skill-tools .community-card-head small{font-size:11px}
#skill-tools .community-description{font-size:13px;-webkit-line-clamp:2;line-height:1.65}
#skill-tools .community-card{padding:18px;gap:10px;border-radius:15px;box-shadow:none}
#skill-tools .community-card-footer{justify-content:flex-start;gap:7px;padding-top:5px}
#skill-tools .community-card-footer button{font-size:12px;background:var(--wash);color:var(--moss);padding:6px 10px}
#skill-tools .community-card-footer a{font-size:12px;margin-right:0}
#skill-tools .community-tags{gap:6px}
#skill-featured{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 30px;background:var(--line);border-radius:18px;margin:0 0 24px}
#skill-featured>div:first-child{max-width:480px}
#skill-featured small{color:var(--muted-dark);font-size:12px}
.management-dialog #skill-featured h3{font-size:28px;font-weight:500;letter-spacing:-.7px;margin:12px 0 8px;color:var(--ink-green)}
#skill-featured p{font-size:14px;color:var(--muted-dark);line-height:1.8;margin:0 0 18px}
#skill-featured button{border:0;border-radius:9px;background:var(--accent-800);color:var(--white);font-size:13px;padding:8px 15px}
.skill-featured-art{width:145px;flex-shrink:0;color:var(--moss)}.skill-featured-art svg{width:100%;display:block}
.skills-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.management-dialog .skills-section-heading h3{margin:0;font-size:15px;font-weight:550}
.skills-section-heading button{background:none;border:0;color:var(--muted);font-size:12px;padding:5px}
.skills-source{margin:20px 0 0!important;font-size:11px!important;color:var(--muted)}.skills-source a{color:inherit;text-decoration:none}
#skill-market-status:empty{display:none}#skill-market-status{font-size:13px;color:var(--muted)}
#skill-market-preview{padding:0;margin:0}
.skill-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.skill-preview-heading button{border:0;background:var(--wash-green);border-radius:8px;font-size:13px;color:var(--moss);padding:7px 11px}
#skill-preview-state{font-size:12px;color:var(--muted)}
.management-dialog #skill-market-title{font-size:23px;margin:12px 0 8px}
#skill-market-content:empty{display:none}#skill-market-content{white-space:pre-wrap;overflow-wrap:anywhere;max-height:none;line-height:1.8;padding:20px;margin:18px 0;font-size:12px;background:var(--white)}
#skill-preview-error{padding:20px;border:1px solid #eadbd0;border-radius:12px;background:var(--paper);margin:18px 0}#skill-preview-error p{font-size:13px;margin:0 0 12px;color:#956d55}#skill-preview-error button{font-size:13px}
#skill-market-install{font-size:13px;background:var(--accent-800);border:0;color:white;border-radius:9px;padding:10px 16px}
#skill-owned #skill-detail{margin-top:20px}#skills-list>.empty{grid-column:1/-1}
@media(max-width:600px){.skills-toolbar{gap:10px;margin-bottom:16px}.skills-tabs{margin-right:auto}.skills-tabs button{padding:7px 12px;min-height:38px}.skills-toolbar #skill-market-query{flex:1 0 100%;order:3;width:100%;font-size:16px}.skills-toolbar #skill-add{min-height:42px}.management-dialog #skills-list{grid-template-columns:minmax(0,1fr)}#skill-featured{padding:20px;gap:10px;border-radius:14px;margin-bottom:20px}.management-dialog #skill-featured h3{font-size:23px}#skill-featured p{font-size:13px}.skill-featured-art{width:78px}#skill-market-content{padding:14px}#skill-tools .community-card-footer button{min-height:40px}}
.skills-toolbar :is(#skill-filter,#connector-filter){width:auto;max-width:110px;min-height:42px;font-size:12px;background:var(--wash);border:0;border-radius:9px;padding:8px;color:var(--muted-olive);margin:0}
.skills-toolbar #mcp-registry-query{width:auto;flex:1;min-width:150px;margin:0;font-size:13px;min-height:42px;background:var(--white);border-radius:10px}
.skills-toolbar .extension-add{position:relative;flex-shrink:0;margin:0}
.management-dialog .extension-add>summary{list-style:none;border:0;background:var(--accent-800);color:white;font-size:13px;border-radius:10px;padding:10px 14px;min-height:42px;cursor:pointer;margin:0}
.extension-add>summary::-webkit-details-marker{display:none}
.extension-add>div{position:absolute;z-index:5;right:0;top:calc(100% + 7px);width:195px;padding:6px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 28px color-mix(in srgb,var(--accent-900) 10%,transparent)}
.extension-add>div button,.extension-add>div #skill-add{display:block;width:100%;padding:10px;text-align:left;background:none;color:var(--moss);font-size:13px;border:0;border-radius:7px;min-height:40px}
.extension-add>div button:hover{background:var(--wash)}
.extension-editor{padding:20px;border:1px solid var(--line);border-radius:14px;background:white;margin-bottom:20px}
.extension-editor label{font-size:13px}.extension-editor input,.extension-editor textarea{font-size:14px}
.management-dialog #connectors-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.management-dialog #connectors-list .community-card{border:1px solid var(--line-soft);border-radius:15px;background:white;padding:18px;margin:0;gap:10px}
#connectors-list>.empty{grid-column:1/-1}
#connector-tools .community-card{box-shadow:none}#connector-tools .community-art{width:42px;height:42px;flex-basis:42px;border-radius:11px}
#connector-tools .community-card-footer{justify-content:flex-start}
#connector-tools .community-description{-webkit-line-clamp:2}
#connector-tools :is(#connector-editor,#mcp-json-import){margin-top:20px;padding:18px;border:1px solid var(--line);background:white;border-radius:12px}
@media(max-width:600px){.skills-toolbar #mcp-registry-query{flex:1 0 100%;order:4;width:100%;font-size:16px}.skills-toolbar :is(#skill-filter,#connector-filter){max-width:85px;padding:6px;font-size:11px}.skills-toolbar{gap:7px}.skills-tabs button{padding:7px 9px;font-size:12px}.management-dialog .extension-add>summary{font-size:12px;padding:10px}.management-dialog #connectors-list{grid-template-columns:minmax(0,1fr)}.extension-editor{padding:14px}.extension-editor input,.extension-editor textarea{font-size:16px}}
@media(max-width:600px){.skills-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.skills-toolbar .skills-tabs{grid-column:1;grid-row:1;justify-self:start;margin:0}.skills-toolbar .extension-add{grid-column:2;grid-row:1;justify-self:end}.skills-toolbar :is(#skill-market-query,#mcp-registry-query){grid-column:1;grid-row:2;width:100%;min-width:0;max-width:100%;margin:0}.skills-toolbar :is(#skill-filter,#connector-filter){grid-column:2;grid-row:2;max-width:85px;width:85px}}

/* Publisher logos use the same footprint in owned and discovered connectors. */
.community-art{position:relative;overflow:hidden}.community-art img{position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);object-fit:contain;border-radius:5px}.community-art.has-logo{background:var(--white);box-shadow:inset 0 0 0 1px var(--line-soft)}.community-monogram{font-size:15px;font-weight:650;letter-spacing:-.4px;line-height:1}.community-art[data-tone="4"]{background:#fbefec;color:var(--danger)}.community-art[data-tone="5"]{background:#e0f0f2;color:#40767b}
.community-sources{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:2px 0 20px;font-size:13px}.community-sources label{color:var(--muted);margin:0}.community-sources select{width:auto;max-width:100%;min-height:36px;font-size:13px;padding:5px 26px 5px 10px}.community-sources button,.community-sources a{font-size:13px}.community-sources a{margin-left:auto}#skill-dependency-note{padding:10px 12px;background:var(--wash);border-radius:8px}
@media(max-width:600px){.community-sources{gap:8px}.community-sources a{margin-left:0}.community-sources select{max-width:calc(100% - 50px)}}

/* Usage heatmap (account → 用量): five greens on the shared surface; adjacent cells always show a gap. */
.usage-heatmap{--heat-cell:11px;--heat-gap:2px;--heat-0:var(--line-soft);--heat-1:var(--line-strong);--heat-2:var(--accent-300);--heat-3:var(--accent-500);--heat-4:var(--accent-800);position:relative;padding-top:6px}.heatmap-scroll{overflow-x:auto;padding-bottom:4px}.heatmap-months{display:flex;gap:var(--heat-gap);margin-bottom:4px}.heatmap-month{flex:0 0 var(--heat-cell);width:var(--heat-cell);font-size:11px;color:var(--muted);white-space:nowrap;overflow:visible}.heatmap-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,var(--heat-cell));grid-auto-columns:var(--heat-cell);gap:var(--heat-gap);width:max-content}.heat-cell{display:block;width:var(--heat-cell);height:var(--heat-cell);border:none;border-radius:3px;padding:0;background:var(--heat-0)}.heat-cell.is-pad{visibility:hidden}.heat-cell[data-level="0"]{background:var(--heat-0)}.heat-cell[data-level="1"]{background:var(--heat-1)}.heat-cell[data-level="2"]{background:var(--heat-2)}.heat-cell[data-level="3"]{background:var(--heat-3)}.heat-cell[data-level="4"]{background:var(--heat-4)}button.heat-cell:hover,button.heat-cell:focus-visible{outline:2px solid var(--muted-light);outline-offset:1px}.heatmap-legend{display:flex;align-items:center;gap:var(--heat-gap);margin-top:8px;font-size:12px;color:var(--muted)}.heatmap-legend span:first-child{margin-right:4px}.heatmap-legend span:last-child{margin-left:4px}.heatmap-tip{position:absolute;z-index:30;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:13px;color:var(--ink);box-shadow:0 4px 16px color-mix(in srgb,var(--ink) 13%,transparent);pointer-events:none;white-space:nowrap}.heatmap-tip strong{display:block;font-weight:600}.heatmap-tip-row{color:var(--muted)}
/* Operator panels (account → 用量 / 动态 / 用户管理): same rows and bars as the rest of the account page. */
#subscription-body{max-width:640px}.quota-row{padding:12px 0;border-bottom:1px solid var(--line)}.quota-head{display:flex;justify-content:space-between;gap:12px;font-size:14px}.quota-head span{color:var(--muted);font-size:13px}.meter{height:6px;border-radius:3px;background:var(--line-soft);margin:8px 0 4px;overflow:hidden}.meter i{display:block;height:100%;background:var(--accent)}.meter.warn i{background:#a1834e}.meter.high i{background:var(--danger)}.quota-row small{font-size:12px;color:var(--muted)}#subscription-body pre{background:var(--wash);border-radius:8px;padding:12px}
.admin-row{align-items:flex-start}.admin-row p{font-size:13px;overflow-wrap:anywhere}.admin-row.presence-generating strong:before,.admin-row.presence-online strong:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent-500);margin:0 8px 2px 0}.admin-row.presence-offline{opacity:.7}.admin-row.outcome-warn strong{color:var(--danger-strong)}#activity-list,#audit-list,#security-list,#feedback-list{margin-bottom:30px}.grant-form{margin:8px 0 18px}.grant-form h3{margin-top:0}
.turn-substeps{margin:4px 0 2px 5px;padding-left:14px;border-left:1px solid var(--line)}.turn-substep{padding:3px 0;font-size:12px;color:var(--muted-olive);overflow-wrap:anywhere}.turn-substep::before{content:'◌';margin-right:6px}.turn-substep[data-phase=done]::before{content:'✓'}.turn-substep[data-phase=error]::before{content:'!';color:var(--danger)}
.regen{position:relative;display:inline-flex}.regen-menu{position:absolute;right:0;bottom:calc(100% + 6px);z-index:30;min-width:210px;padding:6px;background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 35px color-mix(in srgb,var(--accent-900) 15%,transparent)}.regen-menu>small{display:block;padding:4px 10px 6px;font-size:11px;color:var(--muted)}.message-actions .regen-menu button{display:flex;width:100%;justify-content:space-between;gap:16px;padding:8px 10px;font-size:13px;color:var(--ink);border-radius:7px}.message-actions .regen-menu button small{color:var(--muted);font-size:11px}.message-actions .regen-menu button:hover,.message-actions .regen-menu button:focus-visible{background:var(--wash-green)}
.message-actions .message-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:7px}.message-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.chat-message.assistant .message-actions{justify-content:flex-start;gap:2px}.chat-message.assistant .regen-menu{left:0;right:auto}
.chat-message .message-actions .message-icon svg{width:18px;height:18px;color:var(--muted-dark)}
#chat-model-menu .model-group{margin:6px 12px 2px;padding-top:8px;border-top:1px solid var(--wash-green);font-size:12px;color:var(--muted-olive)}#chat-model-menu .model-note{float:right;margin-left:12px;font-size:11px;font-weight:400;color:var(--muted)}.model-basis{margin:6px 12px 2px;font-size:11px;color:var(--muted-light)}.message-icon[aria-pressed=true]{background:var(--wash-green);color:var(--accent-700)}.share-menu{min-width:260px}.share-menu input{width:100%;margin:4px 0 6px;font-size:12px;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:var(--paper)}.message-actions .share-menu>button{display:inline-block;width:auto;font-size:12px;padding:5px 10px;background:var(--wash-green)}
.message-model{align-self:center;margin-left:8px;font-size:12px;color:var(--muted-light)}.chat-message .message-actions .message-icon.done svg{color:var(--accent-600)}
/* Type scale for the chat page, after Claude.ai: 16px for anything you read (questions, answers, the input),
   14px for controls, code and tables, 12px for captions and meta; headings step up from 16 by ~2px. */
body.chat-mode .chat-message{font-size:16px;line-height:1.7}
body.chat-mode .chat-markdown p{margin:0 0 14px}
body.chat-mode .chat-markdown h1{font-size:22px;line-height:1.4;margin:26px 0 12px}
body.chat-mode .chat-markdown h2{font-size:20px;line-height:1.4;margin:24px 0 10px}
body.chat-mode .chat-markdown h3{font-size:17px;line-height:1.45;margin:20px 0 8px}
body.chat-mode .chat-markdown h4{font-size:16px;line-height:1.5;margin:16px 0 6px}
body.chat-mode .chat-markdown>:first-child{margin-top:0}
body.chat-mode .chat-markdown li{margin:4px 0}
body.chat-mode .chat-markdown code{font-size:.875em}
body.chat-mode .chat-markdown pre,body.chat-mode .chat-markdown .answer-code pre{font-size:14px;line-height:1.6}
body.chat-mode .chat-markdown pre code{font-size:inherit}
body.chat-mode .chat-markdown table{font-size:14px;line-height:1.6}
body.chat-mode .chat-markdown blockquote{white-space:normal;padding:2px 16px;margin:14px 0}
body.chat-mode .chat-markdown blockquote p{margin:6px 0}
body.chat-mode .answer-code-head,body.chat-mode .answer-code-head button{font-size:12px}
body.chat-mode .message-author{font-size:12px}
body.chat-mode .message-actions button,body.chat-mode .chat-message.user .message-actions button{font-size:12px}
body.chat-mode .composer-disclaimer{font-size:12px}
body.chat-mode [data-agent-start] strong{font-size:14px}
body.chat-mode [data-agent-start] small,body.chat-mode [data-agent-start] span{font-size:12px}
/* One scrolling box for the whole turn: thinking and steps interleave in order, so the thinking blocks inside it do not scroll on their own. */
.turn-steps{max-height:320px}.turn-steps .reasoning-text{max-height:none;overflow:visible;margin:6px 0;padding:6px 0 6px 10px;border-left:2px solid var(--line-soft);font-size:12px}
#memory-facts{max-width:720px}.memory-scope{margin:28px 0}.memory-scope h3{margin:0 0 4px}.memory-scope details{margin-top:12px}.memory-scope summary{cursor:pointer;font-size:13px;color:var(--muted);padding:8px 0}.memory-fact .memory-text{color:var(--ink);margin:0 0 4px;font-size:14px;white-space:pre-wrap}.memory-fact .memory-note{display:block;margin-top:4px}.memory-left-out .memory-text{color:var(--muted)}.memory-badge{display:inline-block;font-size:11px;padding:1px 7px;border-radius:9px;background:var(--wash-green);color:var(--slate);margin-bottom:4px}.memory-preview{white-space:pre-wrap;font-size:12px;background:var(--wash);padding:12px;border-radius:8px;max-height:280px;overflow:auto}
.turn-steps .reasoning-text{cursor:pointer}.reasoning-title{display:block;color:var(--moss);font-weight:600;margin-bottom:2px}.reasoning-body{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.reasoning-text.expanded .reasoning-body{display:block}.turn-team{margin:8px 0;padding:8px 12px;border:1px solid var(--wash-green);border-radius:10px;background:var(--paper)}.turn-team-head{font-weight:600;color:var(--moss);padding-bottom:4px}.turn-agent{padding:6px 0;border-top:1px dashed var(--wash-green)}.turn-team-head+.turn-agent{border-top:0}.turn-agent>summary,.turn-agent-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;list-style:none;cursor:pointer}.turn-agent-line{flex-basis:100%}.turn-agent-head{cursor:default}.turn-agent>summary::-webkit-details-marker{display:none}.turn-agent>summary::before,.turn-agent-head::before{content:'';flex:0 0 7px;height:7px;border-radius:50%;background:var(--line-strong);align-self:center}.turn-agent[data-phase=running]>summary::before{background:var(--accent-400);animation:agent-pulse 1.2s ease-in-out infinite}.turn-agent[data-phase=done]>summary::before,.turn-agent[data-phase=done]>.turn-agent-head::before{background:var(--accent-500)}.turn-agent[data-phase=error]>summary::before,.turn-agent[data-phase=error]>.turn-agent-head::before{background:var(--danger)}@keyframes agent-pulse{50%{opacity:.3}}.turn-agent-name{flex:1;min-width:0;color:var(--moss);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-agent-meta{flex-shrink:0;color:var(--muted-light);font-variant-numeric:tabular-nums;white-space:nowrap}.turn-agent-line{padding:2px 0 0 15px;color:var(--muted-olive);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-agent[open] .turn-agent-line,.turn-history .turn-agent-line{white-space:normal}.turn-agent .turn-substeps{margin-left:15px}.turn-history .turn-steps{max-height:460px}.turn-section{margin:10px 0 4px;color:var(--muted);font-size:11px}.turn-thoughts{margin:0;padding-left:20px;color:var(--muted-dark);line-height:1.8}.turn-raw{margin-top:10px}.turn-raw summary{color:var(--muted-light)}.source-tag{display:inline-block;margin-left:3px;padding:0 4px;border-radius:4px;font-size:10px;line-height:16px;vertical-align:1px;white-space:nowrap}.source-tag.official{background:var(--wash-green);color:var(--accent-600)}.source-tag.unopened{background:var(--cream);color:var(--warn)}.source-check{margin:14px 0 0;border-left:2px solid var(--wash-green);padding-left:13px;font-size:12px;color:var(--muted-olive)}.source-check summary{cursor:pointer}.source-check[data-state=warn] summary{color:var(--warn)}.source-check-body{padding:6px 0}.source-check-body ul{margin:4px 0 6px;padding-left:18px;line-height:1.8}.source-check-note{margin:0 0 4px;color:var(--muted-light)}.source-number{color:var(--warn);font-variant-numeric:tabular-nums}
.turn-agent>summary{padding:0;margin:0!important;font-size:inherit;color:inherit}.turn-details[open]>summary{margin-bottom:6px}.source-check[open]>summary{margin-bottom:4px}.source-check>summary,.turn-raw>summary{font-size:12px;padding:4px 0}
.turn-agent{margin:0}.turn-raw{margin:8px 0 0}.source-check{margin-bottom:0}
 
.turn-details{position:relative}.turn-details>summary{padding-right:52px}.turn-zoom{position:absolute;top:0;right:0;border:1px solid var(--line);border-radius:6px;background:var(--white);color:var(--muted-dark);font-size:11px;line-height:18px;padding:1px 8px}.turn-zoom:hover{background:var(--wash-green)}.turn-details:not([open])>.turn-zoom{display:none}.turn-steps,.turn-history .turn-steps{max-height:300px;overscroll-behavior:contain}.reasoning-text.active .reasoning-body{display:block}.turn-note{margin:4px 0;padding:4px 0 4px 10px;border-left:2px solid var(--line);color:var(--moss);line-height:1.7;overflow-wrap:anywhere}.turn-zoom-dialog{width:min(920px,94vw)}.turn-zoom-body{padding:6px 20px 18px;font-size:13px;color:var(--muted-dark)}.turn-zoom-body .turn-steps{max-height:calc(88dvh - 80px)}.turn-zoom-body .reasoning-body{display:block}
@media (max-width:640px){.turn-steps,.turn-history .turn-steps{max-height:220px}.turn-zoom-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.turn-zoom-body .turn-steps{max-height:calc(100dvh - 70px)}}

/* Persistent dates make old questions and replies recognizable on desktop and phones. */
.message-time{display:inline-block;font-size:11px;font-weight:400;font-variant-numeric:tabular-nums;color:var(--muted,var(--muted-olive));white-space:nowrap;line-height:1.6}
.message-author .message-time{margin-left:10px}
.chat-message.user .message-author{display:block;margin-bottom:6px;color:var(--muted,var(--muted-olive))}
@media(max-width:400px){.message-author .message-time{margin-left:6px;font-size:10px}}
#chat-scroll{overflow-anchor:none}

.activity-card{overflow-wrap:anywhere}.activity-progress{line-height:1.7}.activity-hint,.activity-refresh-warning{font-size:12px;color:var(--muted-dark);line-height:1.7}.activity-card[data-status=running] .activity-progress::before,.activity-card[data-status=queued] .activity-progress::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--accent-700);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-700) 12%,transparent)}
.turn-paused{margin-top:12px;padding:12px 14px;border:1px solid var(--line,#e5e0d8);border-radius:12px;background:var(--panel,#faf7f2)}.turn-paused-note{margin:0;font-size:14px;line-height:1.5}.turn-paused-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}

/* Keep each destination close to its working content. */
body:not(.chat-mode):not(.reading-mode) main{padding-top:28px}
.page-heading{margin-bottom:20px}.page-heading h1{font-size:25px;line-height:1.35;letter-spacing:-.5px;margin:0}.page-heading .eyebrow,.page-heading .lede{display:none}
.subnav{margin-bottom:24px;gap:24px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.subnav a{font-size:14px;flex-shrink:0}
.page-panel{width:460px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);padding:24px;overflow:auto;overscroll-behavior:contain;box-shadow:0 20px 80px #27261f26;background:#fff;color:#282723}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.panel-heading h2{font-size:18px;margin:0}.panel-heading button{background:transparent;border:0;font-size:24px;line-height:1;padding:8px;color:inherit;min-width:40px;min-height:40px}
.page-panel p{font-size:13px;line-height:1.7}.page-panel button{max-width:100%}.page-panel label{font-size:14px}.page-panel .panel{padding:18px 0;border:0;background:transparent}.page-panel .row{flex-wrap:wrap}.page-panel .actions{flex-wrap:wrap}
.page-panel .panel-heading{position:sticky;top:-24px;background:inherit;z-index:1;padding:12px 0;margin-top:-12px}
#reading-library{position:relative;padding-top:12px}#reading-library>.disclosure{margin-bottom:28px}#reading-library>.disclosure>summary{font-size:14px;color:var(--accent);width:fit-content}
.library-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0}.library-bar h2{margin:0;font-size:18px;white-space:nowrap}.library-bar input{max-width:260px;font-size:13px;background:transparent}
#documents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#documents .book-card{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:14px;padding:22px;border:1px solid #e7e6e1;border-radius:12px;background:#fff}#documents .book-cover{display:grid;place-items:center;width:58px;height:78px;border-radius:3px 7px 7px 3px;background:#eceae2;box-shadow:inset 4px 0 #dddace;color:var(--accent-600);font:28px Georgia,serif}#documents .book-card:nth-child(3n+2) .book-cover{background:#f0e7da;box-shadow:inset 4px 0 #ded3c2;color:#917554}#documents .book-card:nth-child(3n) .book-cover{background:#e5ebed;box-shadow:inset 4px 0 #d1dde1;color:#627a82}#documents .content strong{font-size:15px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#documents .content p{font-size:12px;margin:5px 0 0}#documents .actions{grid-column:2;justify-content:flex-start;gap:8px}#documents .actions button{font-size:12px;padding:5px 14px;background:#f5f4f0;border:0;border-radius:16px}
body.reading-mode{--reading-bg:#f6f1e7;--reading-fg:#3b3a35;--muted:#8a8881;background:var(--reading-bg);color:var(--reading-fg);height:100dvh;overflow:hidden}
body.reading-mode[data-reader-theme=light]{--reading-bg:#fff;--reading-fg:#282723}
body.reading-mode[data-reader-theme=dark]{--reading-bg:#1c1c1e;--reading-fg:#d5d4d0;--muted:#9a9893;--line:#42413e}body.reading-mode>footer,body.reading-mode #learn>.page-heading{display:none}
body.reading-mode main{padding:0;max-width:none;min-height:0;height:100dvh}body.reading-mode #learn,body.reading-mode #reading{height:100%}
body.reading-mode #reader-section{height:100%;display:flex;flex-direction:column}
.reader-toolbar{display:flex;align-items:center;gap:20px;padding:12px 24px;min-height:64px;border-bottom:1px solid color-mix(in srgb,var(--reading-fg) 10%,transparent);flex-shrink:0}
.reader-toolbar h2{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;color:var(--muted)}
.reader-toolbar button{border:1px solid color-mix(in srgb,currentColor 24%,transparent);background:color-mix(in srgb,currentColor 4%,transparent);color:inherit;font-size:13px;padding:8px 10px;border-radius:8px;white-space:nowrap;min-height:40px}.reader-toolbar button:hover{background:#8881}.reader-actions{display:flex;gap:8px}
body.reading-mode #reader{display:block;flex:1;min-height:0;width:100%;height:auto;border:0;border-radius:0;margin:0;background:var(--reading-bg)}
.reader-progress{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px max(24px,calc((100vw - 708px)/2)) max(10px,env(safe-area-inset-bottom));font-size:11px;color:var(--muted);flex-shrink:0}
body.reading-mode #notice{position:fixed;left:50%;top:70px;transform:translateX(-50%);z-index:10;width:min(560px,90vw);max-height:25vh;overflow:auto;box-shadow:0 8px 32px #2221}
body.reading-mode .page-panel{background:var(--reading-bg);color:var(--reading-fg)}body.reading-mode .page-panel input,body.reading-mode .page-panel select,body.reading-mode .page-panel textarea{background:var(--reading-bg);color:var(--reading-fg);border-color:var(--line)}
body.reading-mode[data-reader-theme=dark] .page-panel button{color:var(--reading-fg);background:#32312e}
.reader-controls{grid-template-columns:1fr;gap:24px}.reader-controls output{float:right;color:var(--muted)}.reader-controls input[type=range]{width:100%;padding:0;accent-color:var(--accent-600)}.offline-settings{border-top:1px solid var(--line);padding-top:16px;margin-top:26px}.offline-settings details{margin-top:18px}.offline-settings button{font-size:13px}.offline-settings summary{font-size:13px}
#reader-search-results{display:grid;gap:8px;margin:18px 0}#reader-search-results button{text-align:left;font-size:13px;font-weight:400;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding:12px}#reader-notebook .row strong{font-size:14px}#reader-notebook .row p{font-size:13px}#reader-summary{line-height:1.9}
.focus-detail>:not(.focused-content):not(#knowledge-editor){display:none!important}.focus-detail .focused-content{border:0;padding:0;background:transparent}.detail-back{margin-bottom:22px;background:transparent;border:0;padding-left:0;color:var(--muted)}
@media(max-width:600px){body:not(.chat-mode):not(.reading-mode) main{padding:22px 20px 40px}.page-heading h1{font-size:22px}.page-heading{margin-bottom:16px}.subnav{gap:22px;margin-bottom:20px}.library-bar{flex-wrap:wrap;gap:12px}.library-bar input{max-width:none;width:100%}#documents{grid-template-columns:1fr;gap:12px}#documents .book-card{padding:18px}.reader-toolbar{padding:8px 12px;gap:8px;min-height:58px;flex-wrap:wrap}.reader-toolbar h2{order:0;max-width:calc(100% - 95px)}.reader-actions{order:2;width:100%;justify-content:space-around;border-top:1px solid #8882;padding-top:4px}.reader-actions button{flex:1}.reader-progress{padding:8px 20px max(8px,env(safe-area-inset-bottom));font-size:10px}.reader-progress span:last-child{max-width:62%;text-align:right}.page-panel{padding:20px;max-height:calc(100dvh - 32px)}.page-panel .panel-heading{top:-20px}#reader-frequency .bar{gap:8px}}

#notice,.dialog-notice{position:relative;padding-right:44px}.notice-dismiss{position:absolute;right:6px;top:6px;width:32px;height:32px;padding:0;border:0;background:transparent;font-size:20px;color:inherit}body.reading-mode #notice{top:auto;bottom:40px;padding-right:44px}

.panel-notice{position:relative;border:1px solid #d5d2c6;border-radius:8px;padding:12px 42px 12px 12px;white-space:pre-wrap;overflow-wrap:anywhere}.reader-help{margin-top:20px}.reader-help summary{font-size:13px}
/* Meeting workspaces keep the report, source selector and Listener in one place. */
.meeting-list{display:grid;gap:12px}.meeting-card{display:flex;text-align:left;flex-direction:column;gap:8px;padding:22px;width:100%;background:var(--surface,#fff);border:1px solid var(--line,#e5e3db);border-radius:12px}.meeting-card strong{font-size:18px}.meeting-card span{color:var(--muted,#817f78);font-size:14px}.meeting-workspace-actions{border-bottom:1px solid var(--line,#e5e3db);padding-bottom:10px}.meeting-workspace-actions .subnav{border:0;margin:0}.meeting-recording-tabs{display:flex;gap:8px;overflow-x:auto;padding:16px 0}.meeting-recording-tabs button{flex-shrink:0;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meeting-recording-tabs .selected{background:#efede4;border-color:var(--accent-500)}.meeting-player{display:block;border:1px solid var(--line,#e5e3db);border-radius:12px;width:100%;height:calc(100dvh - 280px);min-height:480px}#meeting-title{font-size:clamp(24px,3vw,36px);margin:8px 0}#meeting-summary{max-width:860px;margin:24px auto}#meeting-versions{max-width:280px;margin-top:16px}#meeting-create-form,#meeting-upload-form{display:grid;gap:18px}#meeting-add-list{max-height:280px;overflow:auto}.meeting-topic{border-top:1px solid var(--line,#e5e3db);padding-top:6px;margin-top:18px}.meeting-topic h4{font-size:17px;margin:12px 0 4px}.meeting-topic h5{font-size:13px;color:var(--muted,#817f78);margin:14px 0 0;font-weight:600}.meeting-person.guess{border-bottom:1px dashed #b58a4c}.meeting-person sup{font-size:10px;color:#8c6331;margin-left:2px}.meeting-person.unknown{color:var(--muted,#817f78)}.meeting-badge{font-size:12px;color:#8c6331;border:1px solid #e2e0d4;border-radius:4px;padding:0 5px;margin-left:6px}.meeting-speakers{display:grid;gap:10px;margin:24px 0}.meeting-speakers h3{margin:0}.meeting-owner-hint{display:block;font-size:12px;color:#8c6331;margin-top:4px}.meeting-thinking{padding:28px;color:var(--accent-600);animation:meeting-pulse 1.6s ease-in-out infinite}@keyframes meeting-pulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.meeting-thinking{animation:none}}@media(max-width:600px){.meeting-player{min-height:520px;height:calc(100dvh - 220px)}.meeting-workspace-actions{align-items:stretch;gap:12px}.meeting-workspace-actions .subnav{width:100%}.meeting-card{padding:18px}}body.meeting-detail>footer{display:none}#meeting-workspace>.bar{margin:8px 0 16px}#meeting-workspace .detail-back{margin-bottom:8px}#meeting-tabs{gap:22px}#meeting-tabs button{background:transparent;border:0;border-radius:0;padding:12px 0;border-bottom:2px solid transparent;color:var(--muted)}#meeting-tabs button.selected{color:var(--accent);border-bottom-color:var(--accent)}#meeting-workspace .meeting-player{min-height:380px}#meeting-title{font-size:26px}#meeting-date{font-size:13px;margin:6px 0}#effort-hint{font-size:11px;line-height:1.7;margin:0 0 8px;color:var(--muted)}
@media(max-width:600px){.meeting-workspace-actions #meeting-generate{font-size:12px;padding:8px 12px}#meeting-workspace>.bar{margin:8px 0 12px}#meeting-tabs{gap:20px}#meeting-tabs button{font-size:13px;padding:9px 0}#meeting-title{font-size:22px}.meeting-recording-tabs{padding:10px 0}.meeting-recording-tabs button{font-size:12px;padding:8px 10px}}

#documents .book-card{position:relative}#documents .book-open{display:grid;grid-column:1/-1;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:14px;color:inherit;text-decoration:none}
#documents .book-open:after{content:'';position:absolute;inset:0;border-radius:12px}
#documents .book-card:has(.book-open):hover{border-color:#aaa79f;background:#fdfcf6}
#documents .book-open:focus-visible:after{outline:2px solid var(--accent-600);outline-offset:3px}
#documents .book-card[aria-busy=true]{opacity:.65;cursor:progress}
#documents .book-card .actions{position:relative;z-index:1}
/* Meeting materials: recordings and pasted text are distinct, equally first-class sources. */
#meeting-add-tabs{margin:4px 0 16px}#meeting-add-tabs button.selected{color:var(--accent-800);border-bottom:2px solid var(--accent-700)}
.meeting-drop{position:relative;display:grid;gap:6px;place-items:center;text-align:center;padding:34px 18px;border:1.5px dashed var(--line,#d5d3c9);border-radius:14px;cursor:pointer;color:var(--muted,#79776f)}
.meeting-drop strong{color:inherit;font-size:15px;color:var(--accent-800)}.meeting-drop span{font-size:12px}
.meeting-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.meeting-drop.dragging,.meeting-drop:hover{border-color:var(--accent-700);background:#f7f6f1}
#meeting-text-form textarea{width:100%;min-height:200px}#meeting-text-count{min-height:1em;font-size:12px}
.meeting-text-view{max-width:820px}.meeting-text-view ol{padding-left:28px;line-height:1.8}.meeting-text-view li{padding:4px 8px;border-radius:6px;white-space:pre-wrap;overflow-wrap:anywhere}.meeting-text-view li.selected{background:#fff4cf}
.meeting-text-view .bar h3{margin:0;overflow-wrap:anywhere}
/* Text organizing now happens in chat; the office page only reopens earlier results. */
#text-workspace #local-text-form,#text-workspace #local-text-workers{display:none}
.reader-deep-body h3{font-size:13px;font-weight:600;margin:18px 0 6px}.reader-deep-body ul{margin:0;padding-left:20px;font-size:13px;line-height:1.8;color:var(--muted-olive)}#reader-deep-state{font-size:14px;line-height:1.7;margin:0 0 4px}#reader-deep-start{margin-top:22px;width:100%}#reader-deep-start[hidden]{display:none}.reader-toolbar .deep-done{color:var(--muted)}@media(max-width:600px){.reader-actions{gap:5px;flex-wrap:wrap}.reader-actions button{flex:1 0 auto;padding:8px 9px}}
@media(max-width:360px){.reader-actions:has(#reader-deep-open:not([hidden])){display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}
.image-viewer{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#141414;color:#eee}.image-viewer::backdrop{background:#141414}.image-viewer-bar{position:absolute;top:0;left:0;right:0;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 16px;font-size:13px;color:#ccc;z-index:1}.image-viewer{--close-surface:#262626;--close-ink:#eee;--close-border:#4a4a4a}.image-viewer-stage{position:absolute;top:52px;bottom:68px;left:0;right:0;overflow:auto;display:flex;align-items:safe center;justify-content:safe center;touch-action:pan-x pan-y;overscroll-behavior:contain}.image-viewer-stage img{display:block;height:auto;max-width:none;flex:none}.image-viewer-stage img.fit{max-width:100%;max-height:100%;width:auto}.image-viewer-actions{position:absolute;left:0;right:0;bottom:0;height:68px;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;padding:0 12px}.image-viewer-actions button,.image-viewer-actions a{border:1px solid #555;background:#222;color:#eee;border-radius:10px;padding:9px 14px;font-size:13px;text-decoration:none;min-height:40px;display:inline-flex;align-items:center}.image-viewer-actions [hidden]{display:none}
#reader-tools .reader-question-top{display:flex;gap:8px;align-items:flex-end;margin:4px 0 14px}#reader-tools .reader-question-top label{flex:1;margin:0}#reader-tools .reader-question-top textarea{min-height:0;resize:vertical}#reader-tools .reader-question-top button{flex:none;min-height:40px}

#reader-toc{display:grid;gap:6px;margin:12px 0 20px}#reader-toc button{text-align:left;min-height:40px;padding:10px 12px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}#reader-toc-note:empty{display:none}
.meeting-fold{border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:0 16px;overflow-wrap:anywhere}.meeting-fold>summary{cursor:pointer;padding:16px 0;font-size:14px;font-weight:600;line-height:1.6}.meeting-fold[open]{padding-bottom:16px}.meeting-fold .panel{margin:8px 0 0;box-shadow:none}.meeting-action-meta{color:var(--muted-dark);font-size:12px;margin:0 0 10px}.meeting-action-meta>p{display:inline;margin:0}.meeting-people-line{font-size:13px;color:var(--muted-dark);line-height:1.8}.meeting-discussion>.meeting-topic:first-of-type{border:0;margin-top:0}.meeting-point blockquote strong{display:block;font-size:12px;color:var(--muted-dark)}.meeting-point blockquote p{margin:4px 0}.chat-markdown>details{border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:0 14px}.chat-markdown>details>summary{cursor:pointer;padding:12px 0;font-size:13px}.chat-markdown>details[open]{padding-bottom:14px}@media(max-width:600px){.meeting-fold{padding-left:12px;padding-right:12px}.meeting-fold>summary{padding:13px 0}.meeting-fold .grid{grid-template-columns:1fr}}

#quick-shortcuts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%;max-width:780px;flex-shrink:0;margin:12px auto 8px;padding:0 2px}#quick-shortcuts + #chat-composer{margin-top:0}#quick-shortcuts[hidden]{display:none}#quick-shortcuts button{border:1px solid var(--line,#e0ded8);background:transparent;border-radius:20px;padding:7px 13px;color:var(--muted,#79776f);font-size:13px}#quick-shortcuts button[aria-pressed=true]{color:var(--accent-800);background:#f3f1eb;border-color:#a8a59d}#quick-results{max-width:800px;margin:16px auto;padding:0 18px}#quick-results .chat-message{padding-left:0;padding-right:0}#quick-results .chat-markdown{font-size:17px;line-height:1.85}.quick-question{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted,#79776f);border-left:2px solid #d6d3c7;padding:3px 0 3px 15px;margin:18px 0}.quick-extras{padding-bottom:28px}.quick-expressions{border-top:1px solid var(--line,#e0ded8);margin-top:14px}.quick-expression{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line,#e0ded8)}.quick-expression>div{min-width:0;display:grid;gap:4px;overflow-wrap:anywhere}.quick-expression span{font-size:14px;color:var(--muted,#79776f)}.quick-expression button{flex-shrink:0;font-size:12px}.quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 8px}.quick-actions button:first-child{background:var(--accent-700);color:white;border-color:var(--accent-700)}.quick-upgrade-hint{display:block;color:var(--muted,#79776f);font-size:12px}.quick-refine{margin-top:12px;font-size:13px}.quick-refine textarea{display:block;width:100%;margin-top:8px}#quick-history{padding:8px 0;font-size:13px}#quick-history summary{cursor:pointer;color:var(--muted,#79776f)}#quick-history-list{display:grid;gap:2px;margin-top:8px}#quick-history-list button{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;border:0;background:transparent}#memo-notes-list .memo-note{padding:18px 0;border-bottom:1px solid var(--line,#e0ded8)}.memo-note p{white-space:pre-wrap;overflow-wrap:anywhere}.memo-note textarea{width:100%;min-height:100px}.memo-note button{margin-right:10px}@media(max-width:600px){#quick-results{padding:0 4px}.quick-expression{gap:8px}.quick-actions button{font-size:13px}}
/* Capture uses the shared composer appearance; it does not call a model. */
#chat-composer:is([data-quick-mode=ask],[data-quick-mode=capture]) #chat-model-trigger,
#chat-composer:is([data-quick-mode=ask],[data-quick-mode=capture]) #chat-model{display:none}

#quick-results .quick-actions button:first-child{background:transparent;color:inherit;border-color:var(--line,#e0ded8)}
/* Pictures in quick questions, captures and composer chips. */
.quick-question p{margin:0}.quick-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.quick-question .quick-images:first-child{margin-top:0}
.quick-images img{display:block;max-width:min(220px,100%);max-height:160px;border-radius:8px;border:1px solid var(--line,#e0ded8);object-fit:contain;background:#fff}
.capture-receipt .quick-images{margin:10px 0 14px}.memo-note .quick-images{margin:0 0 8px}
#chat-attachments .image-attachment{display:inline-flex;align-items:center;gap:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
#chat-attachments .image-attachment img{width:34px;height:34px;object-fit:cover;border-radius:5px;flex-shrink:0}
/* A question keeps its original text, with a small copy control beside it. */
.quick-question-copy{display:block;margin:7px 0 0;padding:2px 0;border:0;background:transparent;color:#828078;font-size:12px}
.quick-question-copy:hover,.quick-question-copy:focus-visible{color:var(--accent-800);text-decoration:underline}
/* Capture card: the memo's shape (title, detail, due · owner · repeat) plus optional follow-up. */
.capture-receipt{padding:18px 20px;border:1px solid var(--line,#e0ded8);border-radius:14px;margin:16px 0 24px;background:#fff}
.capture-head{display:flex;align-items:center;gap:10px;font-size:13px}.capture-head strong{font-weight:500;color:var(--accent-800)}
.capture-kind{font-size:12px;padding:2px 8px;border-radius:10px;background:#f3f1eb;color:var(--accent-800)}.capture-receipt[data-kind=note] .capture-kind{background:#f1f0eb;color:#6b6a63}
.capture-body p{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.capture-title{font-size:15px;color:#282723}.capture-detail{font-size:13px}
.capture-meta{display:block;margin-top:6px;font-size:12px;color:var(--muted,#79776f)}
.capture-plan{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line,#e0ded8)}.capture-question{margin:0 0 8px;font-size:13px}
.capture-dates{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.capture-dates button{font-size:12px;padding:3px 10px;border-radius:12px;background:transparent}
.capture-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,110px) minmax(0,1fr);gap:8px}.capture-fields input,.capture-fields select{padding:7px 9px;font-size:13px}
.capture-plan>button{margin-top:10px;font-size:13px;padding:6px 14px}
.capture-editor{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.capture-editor input,.capture-editor textarea{flex-basis:100%}.capture-editor button{font-size:13px}
.capture-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:14px;font-size:13px}.capture-actions button{border:0;background:transparent;padding:4px 0;font-size:13px;color:var(--muted,#79776f)}.capture-actions a{color:var(--accent,var(--accent-700))}
.capture-receipt.undone .capture-body,.capture-receipt.undone .quick-images{text-decoration:line-through;opacity:.5}
@media(max-width:600px){.capture-fields{grid-template-columns:1fr 1fr}.capture-fields input[name=owner]{grid-column:1/-1}}

/* Shared product scale: 14px controls, 16px input, 22px page titles; 4/8px spacing. */
:root{--nav-width:288px;--surface:#fff;--sidebar:#f3f1ea;--line:#e8e8e5;--muted:#75736e;--accent:#4d4b44}
body:not(.reading-mode){background:var(--paper);font-size:14px;color:#282724}
#workspace-menu,#workspace-scrim{display:none}
.nav-icon{display:inline-flex;width:20px;height:20px;flex:0 0 20px;color:currentColor}.nav-icon svg{width:100%;height:100%}#workspace-menu{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:0;border-radius:7px;background:transparent;padding:6px;color:#72706b}
#workspace-menu{display:none}#workspace-menu:hover,#toggle-history:hover{background:#eae9e5}
body.workspace-shell>footer{display:none}
body.workspace-shell main{width:calc(100% - var(--nav-width));max-width:none;margin:0 0 0 var(--nav-width);padding:24px 40px 48px;min-height:100dvh}
body.workspace-shell main>section{max-width:1120px;margin-inline:auto}
body.workspace-shell .page-heading{min-height:44px;display:flex;align-items:center;gap:16px;margin:0 0 20px}
body.workspace-shell .page-heading h1{font-size:22px;line-height:30px;letter-spacing:-.4px;font-weight:600;margin:0}
body.workspace-shell :is(.page-heading .actions,.bar){gap:12px}
body.workspace-shell h2{font-size:17px;line-height:26px;font-weight:600}
body.workspace-shell h3{font-size:15px;line-height:24px}
body.workspace-shell :is(button,input,select){font-size:14px}
/* Search and filter rows use compact controls instead of full form-field padding. */
body :is(#document-search,#word-search,#memo-search,#radar-source-search,#meeting-versions),body .skills-toolbar :is(#skill-market-query,#mcp-registry-query,#skill-filter,#connector-filter){height:36px;min-height:36px;padding:6px 10px;font-size:14px;line-height:20px}
body #meeting-versions,body .skills-toolbar :is(#skill-filter,#connector-filter){padding-right:24px}
body .skills-toolbar :is(#skill-filter,#connector-filter){font-size:12px;padding:6px 8px}
@media(max-width:600px){body :is(#document-search,#word-search,#memo-search,#radar-source-search),body .skills-toolbar :is(#skill-market-query,#mcp-registry-query,#skill-filter,#connector-filter){height:40px;min-height:40px}}
body.workspace-shell label{font-size:13px;line-height:20px}
body.workspace-shell .field-help{font-size:12px;line-height:20px}
body.workspace-shell .empty{font-size:14px;line-height:24px;padding:32px 0;color:#87857e}
body.workspace-shell .subnav{display:flex;align-items:center;gap:4px;border:0;padding:2px;margin:0 0 28px;flex-wrap:nowrap;overflow-x:auto;align-self:auto;justify-content:flex-start}
body.workspace-shell .subnav :is(a,button){flex-shrink:0;padding:8px 14px;font-size:14px;line-height:22px;border:0;border-radius:8px;background:transparent;color:var(--muted);margin:0}
body.workspace-shell .subnav :is(a[aria-current],button.selected){background:#f0efeb!important;color:#3c3b34;box-shadow:none}
body.workspace-shell .subnav :is(a,button):hover{background:#f5f4ee}
body.workspace-shell .bar{flex-wrap:wrap}
body.workspace-shell #meeting-history{margin-top:8px}
body.workspace-shell :is(#memo-items,#memo-notes)> .bar:first-child{margin-top:0}
body.workspace-shell .destination-grid{gap:16px}
body.workspace-shell .destination-grid>a{border-radius:12px;padding:24px;min-height:160px}
body.workspace-shell .destination-mark{display:none}
body.workspace-shell .destination-grid h2{margin:12px 0}
body.workspace-shell .destination-grid p{font-size:14px;line-height:24px}
body.workspace-shell .tool-card{border-radius:12px;padding:20px}
body.workspace-shell :is(#memo-form,#task-editor){max-width:760px}
body.workspace-shell #memo-search{max-width:420px}
body.workspace-shell .reading-import-card{margin:0 0 24px;padding:20px;border-radius:12px;background:#fff;box-shadow:none}
body.workspace-shell .reading-import-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}
body.workspace-shell .reading-import-heading h2{font-size:16px;letter-spacing:0;line-height:24px;margin:0}
body.workspace-shell .reading-import-tabs{margin:0;gap:2px;padding:3px;border-radius:9px;background:#f6f5ef}
body.workspace-shell .reading-import-tabs button{min-height:38px;padding:6px 12px;gap:6px;border-radius:7px;color:#6a6861;font-size:13px;flex-direction:row;white-space:nowrap}
body.workspace-shell .reading-import-tabs button[aria-selected=true]{border-color:#e0ddd2;background:#fff;color:var(--accent-800)}
body.workspace-shell #import-form label{margin:0 0 12px;gap:6px;color:#6a6861}
body.workspace-shell #import-form input:not([type=hidden]):not([type=file]),body.workspace-shell #import-form textarea{padding:10px 12px;border-radius:8px;font-size:14px}
body.workspace-shell #import-form[data-mode=url]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
body.workspace-shell #import-form[data-mode=url] label{margin:0}
body.workspace-shell #import-form[data-mode=url] .reading-import-footer{margin:0}
body.workspace-shell .reading-import-footer button{min-height:44px;padding:10px 16px;border-radius:8px;white-space:nowrap}
body.workspace-shell .reading-import-footer #reading-import-hint{display:none}
body.workspace-shell .reading-import-footer{justify-content:flex-end}
body.workspace-shell .library-bar{margin:24px 0 12px}
body.workspace-shell #wiki-overview>.bar{justify-content:flex-start}
body.workspace-shell #wiki-overview>.bar h2{margin-right:auto}
body.workspace-shell .overview-columns{gap:40px}
body.workspace-shell #wiki-status{font-size:13px}
body.workspace-shell #account-menu{z-index:180}
body.workspace-shell.navigation-collapsed main{width:100%;margin-left:0}
body.workspace-shell.navigation-collapsed #workspace-menu{display:grid;position:absolute;top:30px;left:16px;z-index:110}
body.workspace-shell.navigation-collapsed .page-heading{padding-left:24px}
/* Chat and the other destinations share the same sidebar proportions and typography. */
body.chat-mode{background:var(--paper)}
body.chat-mode .history-row{font-size:13px;line-height:21px;padding:9px 10px;min-height:38px}
body.chat-mode .chat-main{background:var(--paper)}
body.chat-mode #chat-welcome h1{font-size:30px;font-weight:550;letter-spacing:-.8px}
/* Creation history is a section inside the primary sidebar, never a second rail. */
























































#image-help ul{padding:0;list-style:none;margin:0}#image-help li{padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:22px}#image-help li strong{display:block;color:var(--accent-800)}#image-help .field-help{font-size:13px;line-height:22px;margin:16px 0}body.workspace-shell.reading-mode #workspace-menu{display:none}
body.workspace-shell.reading-mode main{width:100%;max-width:none;margin:0;padding:0;height:100dvh}body.workspace-shell.reading-mode main>section{max-width:none}
@media(min-width:1200px){body.workspace-shell .destination-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1199px) and (min-width:1024px){:root{--nav-width:228px}body.workspace-shell main{padding-inline:28px}}
@media(max-width:1023px){
 body.workspace-shell #workspace-menu,body.workspace-shell.navigation-collapsed #workspace-menu{display:grid;position:absolute;top:26px;left:14px;z-index:110}
 body.workspace-shell #workspace-scrim:not([hidden]){display:block;position:fixed;inset:0;width:100%;height:100dvh;border:0;border-radius:0;background:#28262038;z-index:150}
 body.workspace-shell main{width:100%;margin:0;padding:20px 20px 32px}
 body.workspace-shell .page-heading,body.workspace-shell.navigation-collapsed .page-heading{padding-left:38px;min-height:44px;margin-bottom:16px;gap:8px}
 body.workspace-shell .page-heading h1{font-size:20px;line-height:28px}
 body.workspace-shell .page-heading .actions{gap:8px}.page-heading .actions button{font-size:13px}
 body.workspace-shell .subnav{margin-bottom:24px;gap:2px}
 body.workspace-shell .subnav :is(a,button){padding:8px 12px;font-size:13px}
 body.workspace-shell .reading-import-card{padding:16px}
 body.workspace-shell .reading-import-footer{margin-top:12px}
 body.workspace-shell .overview-columns{gap:28px}
 body.workspace-shell #memo-search{max-width:none}
 body.workspace-shell .destination-grid>a{min-height:140px;padding:20px}
 body.workspace-shell #knowledge>.page-heading{display:block;min-height:44px;padding-top:8px}
 body.workspace-shell #knowledge>.page-heading .subnav{margin-left:-38px;margin-top:20px}
 body.chat-mode #chat-welcome h1{font-size:28px}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 body.workspace-shell #account-menu{z-index:180}
}
body.chat-mode :is(#chat-model-trigger,.composer-tools button){font-size:13px}








/* Desktop-app rhythm: dense rows, smaller icons, new chat marked by a round plus. */
body.workspace-shell>header nav{gap:1px}

/* Development is administrator-only: every link into it stays hidden for other accounts. */
body:not(.can-code) a[href^="/code"]{display:none!important}
.brand-logo{width:22px;height:22px;flex:0 0 22px;border-radius:6px;margin-right:9px}
.brand-version{margin-left:7px;padding:1px 6px;border-radius:6px;background:#e9e8e4;color:#76746c;font-size:11px;font-weight:500;letter-spacing:0;line-height:18px}.brand-version:empty{display:none}
@media(max-width:600px){
 body.workspace-shell .reading-import-tabs{width:100%}
 body.workspace-shell .reading-import-tabs button{flex:1;min-width:0;min-height:44px;padding:6px 3px;gap:4px;font-size:12px}
 body.workspace-shell #import-form[data-mode=url]{grid-template-columns:minmax(0,1fr)}
 body.workspace-shell .reading-import-footer button{width:100%}
}
@media(max-width:400px){body.workspace-shell .reading-import-tabs button span{display:none}}

/* Reading starts at the shelf; source entry is a focused dialog. */
body.workspace-shell .library-bar{margin:0 0 20px;gap:16px;align-items:center}
.library-actions{display:flex;align-items:center;gap:10px;min-width:0}
.library-actions input{width:220px;min-width:0}
.library-actions button{white-space:nowrap;min-height:44px}
body.workspace-shell .reading-import-dialog{width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border-radius:16px;padding:24px;box-sizing:border-box}
body.workspace-shell .reading-import-dialog .reading-import-heading{margin:20px 0}
body.workspace-shell .reading-import-dialog .reading-import-tabs{width:100%;display:flex}
body.workspace-shell .reading-import-dialog .reading-import-tabs button{flex:1;min-width:0}
body.workspace-shell .reading-import-dialog #import-form[data-mode=url]{display:block}
body.workspace-shell .reading-import-dialog .reading-import-footer{margin-top:20px}
body.workspace-shell .reading-import-dialog .reading-import-footer button{width:100%}
#reading-parse-jobs,#reading-import-jobs{padding:16px;margin:0 0 20px;border:1px solid var(--line);border-radius:12px}
#reading-parse-jobs h3{font-size:14px;margin:0 0 12px}
#documents .book-progress{order:3;grid-column:1/-1;position:relative;z-index:1;padding:8px 0 0;font-size:13px}
.book-progress summary{cursor:pointer;color:var(--muted)}
.book-progress p{margin:8px 0;line-height:1.6}
.book-progress small{display:block;color:var(--muted);line-height:1.6}
.ai-reading-progress{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:16px}
.ai-reading-progress blockquote{margin:8px 0;padding-left:12px;border-left:2px solid var(--accent);font-size:14px}
@media(max-width:600px){
 body.workspace-shell .library-bar{align-items:stretch;flex-direction:column;gap:12px}
 .library-actions input{flex:1;width:0}
 body.workspace-shell .reading-import-dialog{padding:18px}
}
body.workspace-shell .reading-import-dialog #import-form .reading-import-footer{margin-top:18px}
.reading-import-dialog .panel-heading button{min-width:44px;min-height:44px}
body.home-booting #home .chat-main{visibility:hidden}

/* Fast transitions stay quiet; slower startup gets a thin, non-blocking indicator.
   CSS also covers module download time before app.js can run. No minimum wait. */
.app-loading{position:fixed;inset:0 0 auto;z-index:1000;height:2px;overflow:hidden;pointer-events:none;visibility:hidden;opacity:0;animation:page-loading-show 0s .6s forwards}
.app-loading::after{content:"";display:block;width:30%;height:100%;background:var(--accent-600);animation:page-loading-travel 1.4s .6s ease-in-out infinite}
@keyframes page-loading-show{to{visibility:visible;opacity:1}}
@keyframes page-loading-travel{from{transform:translateX(-100%)}to{transform:translateX(350%)}}
@media(prefers-reduced-motion:reduce){.app-loading::after{animation:none;width:100%;opacity:.55}}

/* Show a route only after its controls have been bound; keep the outer navigation available. */
body.page-booting main>section{visibility:hidden}

/* Conversation reading scale: content is distinct from navigation and metadata. */
body.chat-mode{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
body.chat-mode .chat-message{font-size:16px;line-height:1.85;letter-spacing:.005em}
body.chat-mode .chat-markdown :is(h1,h2,h3){line-height:1.45;letter-spacing:-.015em;font-weight:600;margin-top:1.4em;margin-bottom:.65em}
body.chat-mode .chat-markdown h1{font-size:26px}body.chat-mode .chat-markdown h2{font-size:22px}body.chat-mode .chat-markdown h3{font-size:18px}
body.chat-mode .message-author{font-size:12px;line-height:1.5}body.chat-mode .chat-markdown p{margin-bottom:1em}body.chat-mode .chat-markdown li+li{margin-top:.3em}body.chat-mode #chat-input{font-size:16px;line-height:1.65}body.chat-mode .turn-state{font-size:13px}
/* Files and preview share a quiet document surface with compact controls. */
a.document-artifact{display:flex;align-items:center;gap:14px;padding:16px;margin:16px 0;border:1px solid var(--line-strong,var(--line));border-radius:10px;background:var(--surface);color:var(--ink);text-decoration:none!important;box-shadow:0 1px 3px #00000004;max-width:100%;text-align:left}
a.document-artifact:hover{border-color:var(--accent);background:var(--wash-green)}
.document-artifact-icon{display:grid;place-items:center;width:42px;height:46px;flex-shrink:0;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--muted)}
.document-artifact-icon svg{width:24px;height:24px}.document-artifact-details{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.document-artifact-details strong{font-size:14px;font-weight:550;line-height:1.5;overflow-wrap:anywhere}.document-artifact-meta{font-size:12px;line-height:1.4;color:var(--muted)}.document-artifact-action{flex-shrink:0;font-size:12px;color:var(--accent)}
dialog.artifact-panel{position:fixed;inset:10px 12px 10px auto;width:var(--artifact-width,min(48vw,760px));height:calc(100dvh - 20px);max-width:none;max-height:none;margin:0;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);box-shadow:0 3px 18px #00000008;z-index:150;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif;line-height:1.55}
dialog.artifact-panel[open]{display:flex;flex-direction:column}.artifact-panel-head{display:flex;align-items:center;gap:6px;padding:9px 10px;border-bottom:1px solid var(--line);flex-shrink:0;min-height:52px}.artifact-panel-head strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:550;margin-inline:4px}.artifact-panel-type{font-size:11px;color:var(--muted);margin-right:8px;letter-spacing:.03em}
.artifact-panel button.artifact-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:32px;height:32px;min-height:32px;flex-shrink:0;padding:7px;border:0;border-radius:6px;background:transparent;color:var(--muted);line-height:1;font-size:13px}.artifact-panel button.artifact-icon-button:hover{background:var(--wash-green);color:var(--ink)}.artifact-icon-button svg{display:block;width:18px;height:18px;flex-shrink:0}.artifact-panel button.artifact-share-button{width:auto;padding-inline:9px;color:var(--ink);border:1px solid var(--line)}
.artifact-panel-tools{display:flex;align-items:center;gap:3px;padding:7px 14px;border-bottom:1px solid var(--line);flex-shrink:0;min-height:44px}.artifact-panel-tools button,.artifact-panel-tools a{padding:5px 11px;font-size:12px;line-height:1.5;border-radius:6px}.artifact-panel-tools button{border:1px solid transparent;background:transparent;color:var(--muted)}.artifact-panel-tools [aria-pressed=true]{background:var(--wash);border-color:var(--line);color:var(--ink)}.artifact-panel-tools a{margin-left:auto;border:1px solid var(--line);text-decoration:none;color:var(--ink)}
.artifact-panel-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:28px 32px;scrollbar-width:thin}.artifact-panel-content>iframe{display:block;width:100%!important;height:100%!important;margin:0;border:0!important;border-radius:0!important}.artifact-panel-content:has(>iframe){padding:0}.artifact-panel-content>pre{margin:0;white-space:pre;overflow:auto;font-size:var(--artifact-code-size,13px);line-height:1.7;min-height:100%;tab-size:2}.artifact-panel-content .chat-markdown{font-size:var(--artifact-reading-size,16px);line-height:1.85;max-width:820px;margin:auto}.artifact-panel-content .chat-markdown :is(h1,h2,h3){line-height:1.45;letter-spacing:-.02em;margin:1.2em 0 .6em;font-weight:600}.artifact-panel-content .chat-markdown h1{font-size:1.75em}.artifact-panel-content .chat-markdown h2{font-size:1.4em}.artifact-panel-content .chat-markdown h3{font-size:1.15em}.artifact-panel-content .chat-markdown>:first-child{margin-top:0}
.artifact-resizer{position:fixed;top:18px;bottom:18px;right:calc(var(--artifact-width) + 8px);width:10px;z-index:151;cursor:col-resize;touch-action:none;outline-offset:0;border-radius:5px}.artifact-resizer:after{content:"";position:absolute;top:0;bottom:0;left:4px;width:2px;border-radius:2px;background:transparent}.artifact-resizer:hover:after,.artifact-resizer:focus-visible:after,.artifact-resizing .artifact-resizer:after{background:var(--accent);opacity:.5}.artifact-resizing{cursor:col-resize;user-select:none}.artifact-resizing iframe{pointer-events:none}
.artifact-popover{position:absolute;top:50px;right:12px;width:280px;max-width:calc(100% - 24px);padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 28px #00000018;z-index:5;font-size:13px}.artifact-popover>strong{display:block;font-size:14px;margin-bottom:8px}.artifact-popover>p{font-size:12px;line-height:1.65;color:var(--muted);margin:8px 0 12px}.artifact-popover>button,.artifact-popover>a{display:block;width:100%;text-align:left;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:var(--ink);font-size:13px;text-decoration:none}.artifact-popover>button:hover,.artifact-popover>a:hover{background:var(--wash-green)}.artifact-popover input{font-size:12px;margin-bottom:8px}.artifact-menu-label{display:block;border-top:1px solid var(--line);padding-top:12px;margin-top:8px;font-size:12px;color:var(--muted)}.artifact-font-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0}.artifact-font-controls button{font-size:13px;padding:6px 14px}.artifact-font-controls output{font-size:12px;color:var(--muted)}.artifact-action-notice:empty{display:none}
@media(min-width:901px){body.chat-mode.artifact-preview-open #home{margin-right:calc(var(--artifact-width,min(48vw,760px)) + 24px)}body.chat-mode.artifact-preview-open .chat-main{padding-left:24px;padding-right:24px}body.chat-mode.artifact-chat-hidden #home{margin-right:0}body.artifact-chat-hidden .chat-main{visibility:hidden}body.artifact-chat-hidden dialog.artifact-panel{left:calc(var(--artifact-nav-width,0px) + 12px);width:auto}body.artifact-maximized dialog.artifact-panel{inset:8px;width:calc(100% - 16px);height:calc(100dvh - 16px)}body.artifact-maximized .artifact-panel-content{padding-inline:40px}body.artifact-maximized .artifact-panel-content:has(>iframe){padding:0}}
@media(max-width:900px){dialog.artifact-panel{inset:0;width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}.artifact-panel-head{padding-top:max(9px,env(safe-area-inset-top))}.artifact-panel-content{padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.artifact-panel-type{display:none}a.document-artifact{gap:10px;padding:14px}.document-artifact-icon{width:38px;height:42px}body.chat-mode .chat-message{font-size:15px}body.chat-mode .chat-markdown h1{font-size:24px}body.chat-mode .chat-markdown h2{font-size:21px}.artifact-panel button.artifact-icon-button{width:36px;height:36px}.artifact-panel button.artifact-share-button{width:auto}.artifact-panel-head{gap:3px}}
@media(min-width:901px) and (max-width:1199px){body.chat-mode.artifact-preview-open .chat-sidebar{display:none}body.chat-mode.artifact-preview-open .chat-layout{grid-template-columns:minmax(0,1fr)}}

.artifact-resizer:before{content:"";position:absolute;top:calc(50% - 16px);left:3px;width:3px;height:32px;border-radius:3px;background:var(--line-strong,var(--line))}.artifact-panel .artifact-icon-button[aria-pressed=true]{background:var(--wash-green);color:var(--ink)}

/* A quiet creation canvas; global navigation and task history remain separate. */


















.creation-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.creation-template-grid:has(>:last-child:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}

.creation-template:hover{transform:translateY(-3px)}.creation-template:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.creation-template strong{font-size:14px;line-height:22px;font-weight:500;padding:4px 2px 0}
.template-caption{font-size:12px;line-height:18px;color:#8e8c87;padding:0 2px}
.template-art{display:block;border-radius:12px;overflow:hidden;aspect-ratio:1.65;background:#eae8df;color:#88867e}
.template-art svg{display:block;width:100%;height:100%}.art-poster{background:#e9e6de}.art-product{background:linear-gradient(125deg,#f5eee1,#e0d4bf)}.art-landscape{background:#eeece6}.art-interior{background:#eee8dd}
.art-wave{background:#edebe5;color:var(--accent-400)}.art-narration{background:#eee6d9;color:#ac9774}.art-english{background:#e8e8f0;color:#9796af}.art-clip{background:#e9e6f0;color:#aba0c7}.art-captions{background:#e3e9ef;color:#879fb3}.art-convert{background:#eceae4;color:#a09e96}




















@media(max-width:1023px){
 
 
 
 
 
 
 
 .creation-template-grid,.creation-template-grid:has(>:last-child:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
 .template-art{aspect-ratio:1.7}
 
 
}
@media(prefers-reduced-motion:reduce){.creation-template{transition:none}.creation-template:hover{transform:none}}
/* Compact composers: full-width prompt, then a wrapping row of real controls. */

























/* Grouped picker menus with a quieter description line per option. */
.upward-options .upward-group{padding:10px 12px 4px;font-size:11px;font-weight:600;color:#929087;letter-spacing:.02em}
.upward-options .upward-group:first-child{padding-top:4px}
.upward-options [role=option] small{display:block;font-size:11.5px;line-height:1.45;color:#85837b;font-weight:400;margin-top:1px}
.upward-options{max-width:min(420px,calc(100vw - 16px))}
/* Image advanced options and the "which model, why, quota" line. */












.upward-options [role=option]{position:relative;padding-right:30px}
.upward-options [aria-selected=true]:after{position:absolute;right:12px;top:10px;float:none;margin:0}

/* Last line: help, then which model and quota, then the submit button. */




/* Video pickers share the image form's quiet inline style. */






/* Model picker: 高品质 / 标准 tabs with a one-line note under them. */
.upward-options .upward-tabs{position:sticky;top:-5px;z-index:1;display:flex;gap:4px;margin:-5px -5px 0;padding:6px 6px 0;background:#fff;border-bottom:1px solid #f1f0ea}
.upward-options .upward-tabs [role=tab]{flex:1;min-height:36px;padding:6px 10px;border:0;border-bottom:2px solid transparent;border-radius:8px 8px 0 0;background:transparent;font-size:13.5px;color:#78766e;cursor:pointer}
.upward-options .upward-tabs [role=tab][aria-selected=true]{background:transparent;color:#3a3831;font-weight:600;border-bottom-color:var(--accent-600)}
.upward-options .upward-tabs [role=tab][aria-selected=true]:after{content:none}
.upward-options .upward-note{margin:0;padding:8px 12px 4px;font-size:12px;line-height:1.5;color:#85837b}
@media(pointer:coarse),(any-pointer:coarse){.upward-options .upward-tabs [role=tab]{min-height:44px}}

#office .office-section-heading{margin:4px 0 28px;min-height:36px}
#office .office-section-heading h2{margin:0}
#office #meeting-title{font-size:20px;line-height:1.4;overflow-wrap:anywhere}
#office #meeting-back{margin:0 0 16px;padding:6px 0;min-height:36px}
#office .meeting-card{padding:18px 20px;gap:6px}
#office .meeting-card strong{font-size:15px;font-weight:500;overflow-wrap:anywhere}
#office .meeting-card span{font-size:13px}
@media(min-width:1100px){body.workspace-shell #office-overview{grid-template-columns:repeat(4,minmax(0,1fr))}}
#office-templates{margin-bottom:36px}body.workspace-shell #office-templates h2,body.workspace-shell .office-history-heading{font-size:14px;font-weight:500;color:#838179;margin:0 0 14px;line-height:22px}
.office-guide{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;text-align:left;margin:0 0 16px;padding:14px 18px;border:1px solid var(--line,#e5e3db);border-radius:12px;background:var(--surface,#fff);cursor:pointer}.office-guide strong{font-size:15px}.office-guide span{font-size:13px;color:var(--muted,#817f78)}.office-guide:hover{border-color:var(--accent-500)}.office-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.office-template{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:0 0 8px;border:0;border-radius:12px;background:transparent;text-align:left;color:#44423b;min-width:0}
.office-template:hover{background:transparent}.office-template:hover .office-template-art{transform:translateY(-3px)}.office-template:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.office-template-art{display:block;border-radius:12px;padding:12px;background:#eeece3;color:var(--accent-400);transition:transform .15s}.office-template-art svg{display:block;width:100%;height:auto}
.office-template-art.theme-huawei{background:#f6e5e3;color:#c7000b}.office-template-art.theme-sand{background:#f0e9df;color:#b59d7b}.office-template-art.theme-lavender{background:#eae7f0;color:#a196b8}.office-template-art.theme-blue{background:#e4ecf0;color:#86a5b4}
.office-template strong{font-size:15px;line-height:24px;font-weight:500;margin-top:5px}.office-template>span:last-child{font-size:12px;color:var(--muted);line-height:20px}
#office-template-preview{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid #e6e4da;border-radius:18px;box-shadow:0 16px 60px color-mix(in srgb,var(--accent-900) 13%,transparent)}
#office-template-preview::backdrop{background:#27251f33;backdrop-filter:blur(2px)}#office-template-preview form{padding:0;border:0;margin:0}
#office-template-preview .bar{margin:0 0 20px;gap:12px}#office-template-preview h2{margin:0;font-size:20px;font-weight:600}#office-template-preview .bar button{font-size:22px;border:0;background:transparent;padding:2px 8px;color:#85837b}
#office-template-preview label{font-size:13px;color:#85837b;margin:0 0 20px}#office-template-preview textarea{height:300px;min-height:160px;max-height:50dvh;font-size:14px;line-height:1.8;padding:12px;resize:vertical}#office-template-preview .actions{justify-content:flex-end;gap:8px}
@media(max-width:760px){.office-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.office-template-art{padding:8px}#office-template-preview{padding:20px}#office-template-preview textarea{height:280px}}
@media(prefers-reduced-motion:reduce){.office-template-art{transition:none}.office-template:hover .office-template-art{transform:none}}

@media(min-width:1000px){body.workspace-shell #office-overview{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Responsive surfaces use available space, not device brands or screen pixels. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
:root{--app-height:100dvh}
body.chat-mode .chat-main{height:var(--app-height)}
body.chat-mode .chat-main{min-width:0;overflow-y:auto}

:is(.row,.bar,.actions)>*,.overview-columns>*,.recall-card{min-width:0}
:is(.row,.recall-card,.meeting-point,.chat-markdown) :is(p,strong,a){overflow-wrap:anywhere}
:is(dialog,.page-panel){max-height:calc(var(--app-height) - 24px)}











.creation-template-grid{grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr))}


#chat-welcome h1{display:flex;align-items:center;justify-content:center;gap:12px}
#chat-welcome h1:before{content:'';width:22px;height:22px;flex-shrink:0;border-radius:8px;background:conic-gradient(from 45deg,#aaa79f,var(--accent-700),#cdcbc3,#aaa79f);box-shadow:inset 0 0 0 4px #ffffff80;transform:rotate(-12deg)}
.turn-state:not(.settled){border-left:2px solid var(--accent-400);padding-left:12px}
@media(max-width:1023px){
 body.workspace-shell main{padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}
 
 body.chat-mode .chat-main{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(8px,env(safe-area-inset-bottom))}
 body.chat-mode .chat-main.empty-chat #chat-scroll{margin-top:clamp(28px,10dvh,100px);flex-shrink:0}
 
 
 
 
 body.workspace-shell .subnav{scroll-padding-inline:12px;overscroll-behavior-x:contain}
 body.workspace-shell .overview-columns{grid-template-columns:minmax(0,1fr);gap:24px}
 body.workspace-shell .workspace,.panel{min-width:0}
 .management-dialog{height:min(720px,calc(var(--app-height) - 24px));max-height:calc(var(--app-height) - 24px)}
 #chat-composer .composer-actions{flex-wrap:wrap;row-gap:8px}
 #chat-composer .composer-send-tools{margin-left:auto}
 #chat-composer #composer-panel{max-height:calc(var(--app-height) - 24px)}
 .chat-markdown :is(pre,.table-wrap){max-width:100%;overflow:auto}
}
@media(min-width:600.02px) and (max-width:1023px){
 body.workspace-shell main>section{max-width:880px}
 body.workspace-shell :is(.destination-grid,.overview-columns){grid-template-columns:repeat(2,minmax(0,1fr))}
 .office-template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 
 
 
}
@media(max-width:600px){
 body.workspace-shell :is(.grid,.overview-columns){grid-template-columns:minmax(0,1fr)}
 body.workspace-shell .destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.workspace-shell .destination-grid>a{padding:16px;min-height:140px}
 body.workspace-shell .destination-grid h2{font-size:16px}
 body.workspace-shell .destination-grid p{font-size:12px;line-height:20px}
 .office-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 
 
}
/* Touch targets stay usable. Form fields keep the size of the text around them; iOS focus zoom is stopped in theme.js. */
@media(pointer:coarse){
 
 
 
 body :is(button,summary),body.workspace-shell .subnav :is(a,button){min-height:44px}
 
 body #chat-composer :is(.composer-icon,#send-chat){width:40px;height:44px;flex-basis:40px}
 
 .history-actions-menu [role=menuitem]{min-height:44px}
 /* 图标按钮在触屏上补足命中区：桌面保留 26–32px 的紧凑尺寸，手指需要 ≥40px。 */
 
 body :is(.chat-history-entry,.history-section-heading) .history-menu-trigger{width:40px;height:40px;flex-basis:40px;min-height:40px;padding:6px}
 
}
body.keyboard-open .chat-main.empty-chat #chat-scroll{margin-top:8px}
body.keyboard-open :is(#chat-welcome,.sheet-panel){display:none}


@media(max-height:540px){
 body.chat-mode .chat-main.empty-chat #chat-scroll{margin-top:8px}
 
 
 
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}

@media(max-width:1023px){
 body.workspace-shell #workspace-menu,body.workspace-shell.navigation-collapsed #workspace-menu{left:max(14px,env(safe-area-inset-left));top:calc(26px + env(safe-area-inset-top))}
 
}

#office-template-preview{max-height:calc(var(--app-height) - 24px)}
#office-template-preview textarea{max-height:calc(var(--app-height) * .5)}

/* Creation type is page navigation, never a separator inside the conversation. */


/* Compact writing surface; persistent preferences live in the quiet footer. */
body #chat-composer{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:end;column-gap:8px;row-gap:0;padding:12px 14px;margin-bottom:0;border-radius:23px}
body #chat-composer :is(.composer-actions,.composer-tools,.composer-send-tools){display:contents}
body #chat-composer #chat-input{grid-column:2;grid-row:3;min-height:36px;height:36px;max-height:220px;line-height:26px;padding:5px 2px;margin:0;resize:none;width:100%;font-size:16px}
body #chat-composer #composer-prefix{grid-column:1;grid-row:3;display:flex;align-items:center;gap:6px;min-width:0;align-self:end}
body #chat-composer #attach-file{flex:none}
body #chat-composer .composer-send-tools #voice-input{grid-column:3;grid-row:3;align-self:end}
body #chat-composer{grid-template-columns:36px minmax(0,1fr) 36px 36px}
body #chat-composer :is(#send-chat,#stop-chat){grid-column:4;grid-row:3;align-self:end}
/* With an answer running and something typed, both stay: sending never replaces stopping. */
body #chat-composer:has(#send-chat:not([hidden])) #stop-chat:not([hidden]){grid-column:3;width:36px;flex-basis:36px;padding:7px}
body #chat-composer:has(#send-chat:not([hidden])):has(#stop-chat:not([hidden])) #voice-input{display:none}
body #chat-composer :is(#chat-attachments,#chat-editing,#chat-send-mode){grid-column:1/-1}
body #chat-composer :is(#chat-editing,#chat-send-mode){grid-row:1}
body #chat-composer #chat-attachments{grid-row:2}
body #chat-composer #chat-editing:not([hidden]){margin-bottom:8px}
body #chat-composer #chat-attachments:not(:empty){padding:0 0 10px}
body #chat-composer :is(#voice-bar,#research-options,#chat-state){grid-column:1/-1;grid-row:auto}
body #chat-composer #chat-state:not(:empty){margin:8px 4px 0}
/* Assistant and task mentions share the attachment button's row. */
body #chat-composer:has(#composer-prefix>.composer-mention:not([hidden]),#quick-mode-chip:not([hidden])){grid-template-columns:auto minmax(0,1fr) 36px 36px}
body #chat-composer .composer-mention{display:flex;align-items:center;min-width:0;max-width:200px;min-height:32px;padding:4px 9px;margin:0;border:0;border-radius:8px;background:var(--wash-green);color:var(--accent-700);font-size:13px;font-weight:550;line-height:24px;text-align:left;cursor:pointer}
body #chat-composer .composer-mention>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body #chat-composer .composer-mention:disabled{opacity:1;cursor:default}
body #chat-composer .composer-mention:focus-visible{outline:2px solid var(--accent-400);outline-offset:2px}
body #chat-composer #quick-mode-chip{display:flex;min-width:0}
body #chat-composer #quick-mode-chip[hidden],body #chat-composer .composer-mention[hidden]{display:none}
body #chat-composer #chat-input::placeholder{color:var(--muted);opacity:1}
body #chat-composer:is([data-quick-mode=ask],[data-quick-mode=capture]) #compose-mode-chip{display:none}
body #chat-composer:has(#creation-mode-chip:not([hidden])) #compose-mode-chip{display:none}
body #chat-composer #chat-mode{display:none}
.composer-footer{width:100%;max-width:780px;flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 12px;padding:6px 10px 0;margin:0 auto 14px}
.composer-footer .composer-disclaimer{font-size:11px;color:#979590;line-height:1.5;margin:0}
.composer-models{display:flex;align-items:center;gap:6px;min-width:0;margin-left:auto}
.composer-footer #chat-model-trigger{font-size:14px;padding:5px 2px;font-weight:500;color:#4b4942;max-width:210px}
.composer-footer #effort-field{display:block;margin:0}
body .composer-footer #chat-effort{width:auto;max-width:115px;min-height:30px;font-size:13px;padding:4px 18px 4px 4px;margin:0;border:0;background-color:transparent;color:var(--muted);cursor:pointer}
.composer-footer #model-hint{flex-basis:100%;font-size:11px;color:var(--muted);margin:4px 0}
.chat-main:has(#chat-composer:is([data-quick-mode=ask],[data-quick-mode=capture])) .composer-models{display:none}
body #chat-composer .compose-menu{position:fixed;z-index:65;width:260px;padding:7px;border:1px solid #e4e3df;border-radius:17px;background:#fff;box-shadow:0 10px 40px #25231c1f;overflow:auto;overscroll-behavior:contain;text-align:left;scrollbar-width:thin}
.compose-menu.submenu-open{visibility:hidden;pointer-events:none}
body #chat-composer .compose-menu .compose-menu-row{display:flex;align-items:center;gap:12px;width:100%;min-height:42px;margin:0;padding:9px 11px;border:0;border-radius:10px;background:transparent;color:#3a3932;font-size:14px;line-height:1.5;font-weight:400;text-decoration:none;text-align:left;overflow-wrap:anywhere}
body #chat-composer .compose-menu .compose-menu-row:hover,body #chat-composer .compose-menu .compose-menu-row[aria-expanded=true]{background:#f4f2ed}
.compose-menu-row>[data-compose-icon]{display:flex;flex:none;color:#5e5c54}
.compose-menu .menu-chevron{margin-left:auto;color:#9f9d95;flex:none}
.compose-menu hr{border:0;border-top:1px solid #ebeae6;margin:6px 10px}
body #chat-composer .compose-menu .compose-menu-back{display:flex;align-items:center;gap:10px;min-height:38px;width:100%;border:0;border-bottom:1px solid #eeede8;border-radius:0;background:none;color:#8f8d85;font-size:13px;padding:5px 10px;margin:0 0 5px}
.compose-menu-row[aria-pressed=true]:after{content:'✓';margin-left:auto;color:var(--accent-600)}
body #chat-composer #composer-panel{position:static;width:auto;max-width:none;max-height:none;padding:5px 8px;overflow:visible;border:0;border-radius:0;box-shadow:none;background:transparent}
body #chat-composer #composer-panel label{display:block;padding:4px 0;margin:0}
body #chat-composer #composer-panel select{width:100%;max-width:none;background:#f6f5f1;font-size:14px}
body #chat-composer .compose-menu :is(.compose-menu-empty,#skill-mode-hint,#chat-connectors-status){display:block;margin:6px 10px;font-size:11px;color:#96948b;line-height:1.7}
.compose-switch:after{content:'';flex:0 0 30px;width:30px;height:18px;border-radius:20px;margin-left:auto;background:radial-gradient(circle at 9px 9px,#fff 6px,transparent 7px),#cdcbc3}
.compose-switch[aria-checked=true]:after{background:radial-gradient(circle at 21px 9px,#fff 6px,transparent 7px),var(--accent-600)}
.compose-menu button:focus-visible,.compose-menu a:focus-visible{outline:2px solid var(--accent-400);outline-offset:-2px}
@media(max-width:600px){
 body #chat-composer{padding:9px 8px;column-gap:2px;grid-template-columns:36px minmax(0,1fr) 36px 40px;border-radius:20px}
 body #chat-composer :is(.composer-icon,#send-chat){width:36px;height:40px;min-height:40px;padding:8px}
 body #chat-composer #chat-input{min-height:40px;height:40px;line-height:26px;padding:7px 2px;font-size:16px}
 .composer-footer{padding:4px 6px 0;margin-bottom:max(8px,env(safe-area-inset-bottom));gap:0 6px}
 .composer-footer .composer-disclaimer{font-size:10px}
 .composer-footer #chat-model-trigger{font-size:13px;max-width:160px;min-height:38px}
 body .composer-footer #chat-effort{font-size:12px;max-width:95px;min-height:38px}
 body #chat-composer .compose-menu .compose-menu-row{min-height:44px}
}
/* A narrow, empty single-line input must not expose a clipped second placeholder line. */
body #chat-composer #chat-input:placeholder-shown{white-space:pre;overflow:hidden}
/* Once a draft wraps, the text takes the full width and the tools drop to their own row. */
body #chat-composer[data-multiline] #chat-input{grid-column:1/-1}
body #chat-composer[data-multiline] :is(#composer-prefix,#voice-input,#send-chat,#stop-chat){grid-row:4;align-self:center;margin-top:6px}
body #chat-composer[data-multiline],body #chat-composer[data-multiline]:has(#composer-prefix>.composer-mention:not([hidden]),#quick-mode-chip:not([hidden])){grid-template-columns:minmax(0,1fr) 0 36px 36px}
@media(max-width:600px){
 body #chat-composer:has(#composer-prefix>.composer-mention:not([hidden]),#quick-mode-chip:not([hidden])){grid-template-columns:minmax(0,1fr) 0 36px 40px}
 body #chat-composer:has(#composer-prefix>.composer-mention:not([hidden]),#quick-mode-chip:not([hidden])) #chat-input{grid-column:1/-1}
 body #chat-composer:has(#composer-prefix>.composer-mention:not([hidden]),#quick-mode-chip:not([hidden])) :is(#composer-prefix,#voice-input,#send-chat,#stop-chat){grid-row:4;align-self:center;margin-top:4px}
 body #chat-composer .composer-mention{max-width:calc(100vw - 160px);min-height:40px}
}
@media(max-width:600px),(pointer:coarse){body #chat-composer :is(#send-chat,#stop-chat){width:40px;height:40px;min-height:40px;flex-basis:40px;padding:9px}}

/* Sent while an answer is being written: the choice before sending, and what is still waiting. */
body #chat-composer #chat-send-mode:not([hidden]){display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}
body #chat-composer #chat-send-mode button{min-height:28px;padding:3px 10px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--muted-dark);font-size:12px;font-weight:400}
body #chat-composer #chat-send-mode button[aria-pressed=true]{border-color:var(--line);background:var(--wash-green);color:var(--accent-700)}
#chat-queue:not([hidden]){display:grid;gap:6px;width:calc(100% - 48px);max-width:var(--composer-col);margin:0 auto 8px;min-width:0;box-sizing:border-box}
#chat-queue .queue-item{display:grid;gap:4px;min-width:0;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--white);font-size:12px;color:var(--muted-dark)}
#chat-queue .queue-item[data-state=failed]{border-color:var(--danger)}
#chat-queue .queue-head{display:flex;gap:8px;align-items:baseline;min-width:0}
#chat-queue .queue-state{flex:none;max-width:60%;color:var(--muted-olive)}
#chat-queue .queue-item[data-state=failed] .queue-state{color:var(--danger);max-width:100%;white-space:normal}
#chat-queue .queue-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
#chat-queue .queue-actions{display:flex;flex-wrap:wrap;gap:2px 4px;margin-left:-6px}
#chat-queue .queue-actions button{min-height:28px;padding:3px 6px;border:0;background:transparent;color:var(--accent-700);font-size:12px;font-weight:400}
#chat-queue .queue-editor{width:100%;box-sizing:border-box;padding:6px 8px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:14px;resize:vertical}

/* Conversation organization and the full search surface share the product's quiet palette. */
.user-message-attachments{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;max-width:100%}
.user-message-attachment{margin:0;max-width:100%;min-width:0}
.user-attachment-preview{display:block;max-width:100%;line-height:0}
.user-attachment-preview img{display:block;width:auto;height:auto;max-width:min(240px,100%);max-height:180px;object-fit:contain;border-radius:9px}
.user-attachment-download{display:block;font-size:11px;line-height:20px;margin-top:5px;color:#7e7c74;overflow-wrap:anywhere}
.user-attachment-unavailable{display:block;padding:16px;font-size:12px;line-height:20px;border:1px dashed #d3d0c4;border-radius:8px;color:#7f7d75}
.workspace-image-preview{display:block;width:fit-content;max-width:100%}
.chat-markdown .workspace-image{display:block;max-width:100%;max-height:560px;object-fit:contain}
body.authenticated .history-list-toolbar{display:flex;align-items:center;gap:4px;margin:8px 0 2px;padding:0 6px 0 10px;flex-shrink:0;font-weight:400}
.history-list-tools{display:flex;align-items:center;gap:2px;margin-left:auto}
body .chat-sidebar .history-list-tools>button{display:grid;place-items:center;width:28px;height:28px;min-height:0;padding:5px;margin:0;border:0;border-radius:7px;background:transparent;color:#797770}
body .chat-sidebar .history-list-tools>button:hover,body .chat-sidebar .history-list-tools>button.is-filtered{background:#eae9e5;color:#36342d}
.history-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px;color:currentColor}
.history-icon svg{width:100%;height:100%}
.history-section{margin:0 0 8px;min-width:0}
.history-section-heading{display:flex;align-items:center;min-height:32px;padding:0 5px 0 10px;gap:4px}
.history-section-toggle{display:flex;align-items:center;gap:7px;padding:5px 0;border:0;background:transparent;color:#8c8a85;font-size:12px;font-weight:400;min-width:0;flex:1;text-align:left}
.history-section-toggle>span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.history-section-toggle .history-icon{width:12px;height:12px;flex-basis:12px;opacity:0;transform:rotate(90deg)}
.history-section-toggle[aria-expanded=false] .history-icon{opacity:1;transform:none}
.history-section-heading:hover .history-section-toggle .history-icon,.history-section-toggle:focus-visible .history-icon{opacity:1}
body.authenticated .chat-history-entry{position:relative;border-radius:8px;margin-bottom:1px;min-height:32px;padding-right:3px;gap:0}
body.authenticated .chat-history-entry:hover{background:#eeede9}
body.authenticated .chat-history-entry.selected{background:#ebeae5}
body.authenticated .chat-history-entry .history-row{display:flex;align-items:center;gap:10px;background:transparent;border:0;border-radius:8px;padding:5px 8px 5px 10px;min-height:32px;font-size:14px;font-weight:400;color:#58564f;line-height:21px;text-align:left}
body.authenticated .chat-history-entry.selected .history-row{color:#2c2b24}
.history-row .history-icon{width:15px;height:15px;flex-basis:15px;opacity:.57}
.history-row-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0}
.history-generating{width:6px;height:6px;border-radius:50%;background:var(--accent-500);flex-shrink:0}
.chat-history-entry .history-menu-trigger,.history-section-heading .history-menu-trigger{opacity:0;width:26px;height:28px;flex-basis:26px;padding:3px;font-size:19px}
.chat-history-entry:hover .history-menu-trigger,.chat-history-entry:focus-within .history-menu-trigger,.history-section-heading:hover .history-menu-trigger,.history-section-heading:focus-within .history-menu-trigger,.history-menu-trigger[aria-expanded=true]{opacity:1}
.history-group-empty{font-size:12px;color:#9d9b95;margin:4px 10px 9px 35px}
.quick-history-entry .history-row{width:100%}
.quick-history-more{display:flex;align-items:center;gap:4px;margin:0 10px 0 35px;padding:5px 0;min-height:0;border:0;background:transparent;color:#817f77;font-size:12px}
.history-actions-menu{width:224px;max-width:calc(100vw - 16px);padding:6px;border-color:#e2e1da;box-shadow:0 8px 28px #26241d1a,0 1px 4px #26241d0d}
.history-actions-menu button{display:flex;align-items:center;gap:12px;padding:10px 11px;line-height:20px;color:#35332d}
.history-actions-menu button>span:nth-child(2){flex:1}
.history-actions-menu button>.history-icon:last-child:not(:first-child){width:14px;height:14px;flex-basis:14px;color:#96948c}
.history-actions-menu hr{border:0;border-top:1px solid #ebe9e3;margin:5px 7px}
.history-actions-menu .danger{color:#b33b33}
.history-picker{padding:0;width:390px;max-width:calc(100vw - 24px);max-height:85dvh;border:1px solid #e2e1da;border-radius:16px;background:#fff;box-shadow:0 20px 70px #211f1924}
.history-picker::backdrop,.history-dialog::backdrop{background:#201f1944;backdrop-filter:blur(3px)}
.history-picker .dialog-heading{padding:18px 20px;background:#fff}
.history-picker-content{padding:10px 12px 16px}
.history-picker-content h3{font-size:12px;font-weight:400;color:#8b8981;margin:12px 8px 8px}
.picker-description{font-size:12px;color:#89877f;margin:8px 10px 14px;overflow-wrap:anywhere}
.picker-row{display:flex;align-items:center;gap:12px;width:100%;padding:11px 10px;border:0;border-radius:8px;background:transparent;text-align:left;font-size:14px;font-weight:400}
.picker-row>span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.picker-row:hover{background:#f5f3ed}
.picker-row:disabled{opacity:1;cursor:default}
.picker-row.is-current{background:#f6f5f1}
.picker-add{color:var(--accent-600);border-top:1px solid #efede6;border-radius:0;margin-top:7px}
.history-picker-status{font-size:12px;color:#a05245;margin:0 22px 16px;overflow-wrap:anywhere}
.history-picker-status:empty{display:none}
.history-option-buttons{display:flex;gap:8px;padding:0 8px}
.history-option-buttons button{font-size:12px;background:transparent;font-weight:400}
.history-option-buttons button[aria-pressed=true]{background:#f1efe7;border-color:#c0beb5;color:#4d4b44}
.group-management-row{display:flex;gap:10px;align-items:center;padding:8px;min-width:0}
.group-management-row>span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.group-management-row button{padding:4px 8px;font-size:12px;border:0;background:transparent;font-weight:400}
/* Anchor the header; category/loading changes only resize the bottom edge. */
body .history-dialog{--history-dialog-top:clamp(20px,6dvh,64px);position:fixed;inset:var(--history-dialog-top) 0 auto;margin:0 auto;width:820px;max-width:calc(100vw - 40px);max-height:min(760px,calc(var(--app-height,100dvh) - var(--history-dialog-top) - 24px));padding:0;border:1px solid #e0ded9;border-radius:20px;background:#fff;box-shadow:0 24px 100px #201f1826;overflow:hidden}
body .history-dialog[open]{display:flex;flex-direction:column}
.history-search-heading{display:flex;align-items:center;padding:20px 24px 10px;gap:12px;flex-shrink:0}
body .history-dialog .history-search-heading #history-query{flex:1;min-width:0;margin:0;padding:10px 0;width:auto;border:0;background:transparent;border-radius:0;box-shadow:none;font-size:19px;line-height:28px}
body .history-dialog #history-query:focus{outline:0}
.history-search-heading .dialog-close{color:#58564f}
#history-tabs{display:flex;gap:5px;overflow-x:auto;padding:4px 24px 17px;border-bottom:1px solid #eceae4;flex-shrink:0;scrollbar-width:none}
#history-tabs button{border:0;background:transparent;color:#898780;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500;white-space:nowrap;line-height:20px}
#history-tabs button[aria-selected=true]{background:#f2f1ed;color:#2d2c25}
#history-tabs button:hover{color:#2d2c25;background:#f9f8f2}
.history-search-body{overflow-y:auto;overscroll-behavior:contain;min-height:min(160px,max(0px,calc(var(--app-height,100dvh) - var(--history-dialog-top) - 210px)));padding:8px 14px 20px;scrollbar-width:thin;scrollbar-gutter:stable}
body .history-dialog #history-status{font-size:11px;margin:9px 12px;color:var(--muted);min-height:16px}
body .history-dialog #history-results{padding:0;min-height:0}
.search-result-section h3,#history-quick-actions h3{font-size:12px;font-weight:400;color:var(--muted);padding:0 12px;margin:17px 0 8px}
body .history-dialog .history-result{display:flex;align-items:center;gap:15px;padding:13px 12px;border:0;border-radius:10px;background:transparent;width:100%;font-weight:400}
body .history-dialog .history-result:hover,body .history-dialog .history-result:focus-visible{background:#f5f4ee}
.history-result>.history-icon{width:22px;height:22px;flex-basis:22px;color:#76746d}
.history-result-content{flex:1;min-width:0}
body .history-dialog .history-result strong{font-size:14px;font-weight:400;line-height:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .history-dialog .history-result p{font-size:12px;line-height:19px;-webkit-line-clamp:2;margin:4px 0 5px;color:#817f77}
body .history-dialog .history-result small{font-size:10px;color:#9e9c94;margin-top:3px}
body .history-dialog .history-result mark{background:#efece0;color:var(--accent-800)}
.search-quick-action{display:flex;gap:15px;align-items:center;width:100%;border:0;background:transparent;border-radius:10px;padding:13px 12px;font-size:14px;font-weight:400;line-height:22px;text-align:left;color:#53524a}
.search-quick-action:hover,.search-quick-action:focus-visible{background:#f5f4ee}
.search-quick-action>.history-icon{width:22px;height:22px;flex-basis:22px}
.search-action-arrow{margin-left:auto;color:#a5a39c;font-size:13px}
.search-provider-error{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;background:#faf5ed;border-radius:8px;padding:8px 12px;margin:5px 12px;color:#93704a}
.search-provider-error button{border:0;background:transparent;padding:3px 6px;font-size:12px;font-weight:400}
.history-search-empty{padding:32px 16px;color:#918f87;text-align:center;font-size:13px}
.history-search-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 26px;border-top:1px solid #eeece5;background:#fcfbf5;font-size:11px;color:#9e9c94;flex-shrink:0}
.search-footer-enter{margin-left:14px}
.history-dialog button:focus-visible,.history-picker button:focus-visible,.history-actions-menu button:focus-visible,.history-section-toggle:focus-visible{outline:2px solid var(--accent-300);outline-offset:-2px}
@media(hover:none){.chat-history-entry .history-menu-trigger,.history-section-heading .history-menu-trigger{opacity:1}}
@media(max-width:1023px){.chat-history-entry .history-menu-trigger,.history-section-heading .history-menu-trigger{opacity:1}body .history-dialog{--history-dialog-top:14px;max-width:calc(100vw - 20px);max-height:calc(var(--app-height,100dvh) - 28px);border-radius:16px}.history-search-heading{padding:14px 16px 8px}body .history-dialog .history-search-heading #history-query{font-size:16px;padding:8px 0}#history-tabs{padding:4px 12px 12px;gap:2px}#history-tabs button{padding:7px 10px;font-size:12px}.history-search-body{padding:6px 8px 12px}.history-search-footer{padding:10px 20px}body .history-dialog .history-result{gap:11px;padding:12px 10px}.search-quick-action{padding:12px 10px;gap:11px}body .chat-sidebar .history-list-tools>button{width:30px;height:30px}.history-picker{max-height:calc(var(--app-height,100dvh) - 24px)}.picker-row{min-height:44px}}
.quick-history-more svg{width:12px;height:12px}
@media(max-width:1023px){body.authenticated .chat-history-entry,body.authenticated .chat-history-entry .history-row{min-height:38px}}

/* 划词追问：浮条、下划线、「追问 N」气泡、线程面板。 */
.ask-bar{position:fixed;z-index:45;display:flex;gap:2px;padding:4px;border:1px solid #e2e0d5;border-radius:12px;background:#fff;box-shadow:0 6px 24px color-mix(in srgb,var(--accent-900) 13%,transparent)}
.ask-bar button{min-height:32px;padding:4px 12px;border:0;border-radius:9px;background:transparent;font-size:14px;color:#38362f}
.ask-bar button:first-child{background:var(--accent-800);color:#fff}
.ask-bar button:hover{filter:brightness(.96)}
.ask-bar button[hidden]{display:none}
.ask-tip{position:fixed;z-index:46;max-width:min(320px,calc(100vw - 16px));padding:6px 10px;border-radius:9px;background:#38362f;color:#fff;font-size:13px;line-height:1.45;box-shadow:0 6px 20px color-mix(in srgb,var(--accent-900) 20%,transparent);pointer-events:none}
.ask-tip[hidden]{display:none}
mark.ask-mark{background:transparent;color:inherit;border-bottom:2px solid var(--accent-400);cursor:pointer;padding-bottom:1px}
mark.ask-mark:hover,mark.ask-mark:focus-visible{background:#efece1;outline:0}
mark.ask-mark.is-flash{animation:ask-flash 1.2s ease-out}
@keyframes ask-flash{0%{background:#dddace}100%{background:transparent}}
#ask-hub{position:absolute;right:max(20px,calc(50% - 400px));bottom:208px;z-index:6;min-height:36px;padding:6px 14px;border:1px solid #e3e0d5;border-radius:20px;background:#fff;box-shadow:0 3px 16px color-mix(in srgb,var(--accent-900) 9%,transparent);font-size:13px;color:#38362f}
#ask-hub::before{content:'';display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--accent-400);vertical-align:1px}
#ask-hub.is-live::before{animation:ask-pulse 1.1s ease-in-out infinite}
#ask-hub.has-new::before{background:#c77a3a}
@keyframes ask-pulse{0%,100%{opacity:1}50%{opacity:.25}}
.ask-panel{position:fixed;right:24px;bottom:120px;z-index:44;display:flex;flex-direction:column;width:min(440px,calc(100vw - 48px));max-height:min(70vh,calc(100dvh - 160px));border:1px solid #e2e0d5;border-radius:16px;background:#fff;box-shadow:0 12px 40px color-mix(in srgb,var(--accent-900) 16%,transparent);overflow:hidden}
.ask-head{display:flex;align-items:center;gap:4px;padding:8px 8px 8px 12px;border-bottom:1px solid #eeede8}
.ask-head .ask-back,.ask-head .ask-close{flex:0 0 auto;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;font-size:20px;line-height:1;color:#65635c}
.ask-head .ask-back:hover,.ask-head .ask-close:hover{background:#f0efea}
.ask-head .ask-title{flex:1;min-width:0;padding:4px 6px;border:0;border-radius:8px;background:transparent;text-align:left;font-size:14px;font-weight:600;color:#38362f;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ask-panel.is-list .ask-title{cursor:default}
.ask-head .ask-title:not(.ask-panel.is-list *):hover{background:#f0efea}
.ask-body{flex:1 1 auto;min-height:60px;overflow:auto;padding:10px 14px;font-size:15px;line-height:1.65}
.ask-question{margin:10px 0 6px;padding:8px 12px;border-radius:12px;background:#f0eee7;width:fit-content;max-width:92%;margin-left:auto;white-space:pre-wrap}
.ask-answer{margin:0 0 8px}
.ask-answer .chat-markdown>*:first-child{margin-top:0}
.ask-live .chat-message{margin:0;padding:0;border:0;background:transparent}
.ask-live .message-author{display:none}
.ask-row{display:grid;gap:3px;width:100%;padding:10px 8px;border:0;border-bottom:1px solid #eeede8;border-radius:0;background:transparent;text-align:left}
.ask-row:hover{background:#f6f5ef}
.ask-row-quote{font-size:13px;font-weight:600;color:#38362f;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:2px solid var(--accent-400);width:fit-content;max-width:100%}
.ask-row-question{font-size:14px;color:#46443d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ask-row-state{font-size:12px;color:#838179}
.ask-row-state:empty{display:none}
.ask-foot{display:flex;gap:8px;align-items:flex-end;padding:8px 10px 10px;border-top:1px solid #eeede8}
.ask-foot textarea{flex:1;min-height:38px;max-height:120px;padding:8px 10px;border:1px solid #e4e1d9;border-radius:10px;font:inherit;font-size:15px;resize:none}
.ask-foot .ask-send{flex:0 0 auto;min-height:38px;padding:6px 14px;border-radius:10px}
.ask-foot .ask-send.is-stop{background:#8c3b2e!important;border-color:#8c3b2e}
@media(max-width:1023px){#ask-hub{bottom:195px;right:16px}}
@media(max-width:600px){.ask-panel{right:8px;left:8px;bottom:8px;width:auto;max-height:78dvh;border-radius:14px}.ask-bar button{min-height:40px}}
@media(pointer:coarse){.ask-head .ask-back,.ask-head .ask-close{width:40px;height:40px}mark.ask-mark{padding-bottom:3px}}
.ask-body>.message-time,.ask-answer>.message-time{display:block;margin:12px 0 4px;font-size:10px}
.ask-live .message-author{display:block}

/* Home sheets: one composer, three starting points (对话 / 办公 / 创作). */
#home-sheets{display:inline-flex;gap:2px;padding:4px;margin:22px auto 0;border-radius:999px;background:#eeede8;max-width:100%}
.sheet-icon{display:inline-flex;width:17px;height:17px;flex:0 0 17px}.sheet-icon svg{display:block;width:100%;height:100%}
/* Starting points share the 随手记 row above the composer. */
#sheet-starts{display:contents}
#quick-shortcuts .sheet-start{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line,#e0ded8);background:transparent;border-radius:20px;padding:7px 13px;color:var(--muted,#79776f);font-size:13px;line-height:1.65;white-space:nowrap}
#quick-shortcuts .sheet-start:hover{border-color:#ceccc3;color:#413f38;background:#f9f7f2}
#quick-shortcuts .sheet-start .sheet-icon{width:15px;height:15px;flex-basis:15px}
.chat-main:is([data-sheet=office],[data-sheet=create],[data-sheet=guide]) #quick-note{display:none}
.chat-main.empty-chat #chat-welcome #sheet-lede{font-size:14px;line-height:22px;color:#898780;margin:12px auto 0;max-width:520px}
/* Media creations run without a model; transcription and video need the attach button. */
.chat-main[data-sheet=create][data-create-kind]:not([data-create-kind=video]) :is(.composer-models,.composer-disclaimer){display:none}
/* Creations started here finish here, between the composer and the templates. */
/* Home creation thread: asked → progress → result, like a conversation; the composer below continues it. */
#creation-thread{width:100%;max-width:780px;margin:0 auto;display:flex;flex-direction:column}
#creation-thread[hidden]{display:none}
.creation-ask p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.creation-ask-meta{display:block;margin-top:2px;font-size:12px;line-height:1.5;color:#85837b}
.creation-turn{margin-top:4px}
.creation-turn .message-author{display:block;font-size:12px;color:#85837b;margin-bottom:4px}
.creation-state{display:flex;align-items:center;gap:8px;margin:0;font-size:13.5px;line-height:1.6;color:#68665e}
.creation-turn[data-status=failed] .creation-state{color:#a24c3c}
.creation-spinner{flex:none;width:12px;height:12px;border:2px solid #d8d5c9;border-top-color:var(--accent-600);border-radius:50%;animation:creation-spin .9s linear infinite}
@keyframes creation-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.creation-spinner{animation:none}}
.creation-result{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:10px;margin-top:10px}
.creation-result:has(audio),.creation-result:has(.creation-transcript){display:block}
.creation-picture{position:relative;margin:0;border:2px solid transparent;border-radius:14px;overflow:hidden;background:#f5f4ee}
.creation-picture img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain}
.creation-picture.picked{border-color:var(--accent-600)}
.creation-picture.picked::before{content:'下一条将修改这张';position:absolute;top:8px;left:8px;z-index:1;padding:2px 8px;border-radius:999px;background:#3a3831d9;color:#fff;font-size:11.5px;line-height:20px}
.creation-picture figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:6px 10px;font-size:12.5px;background:#fff}
.creation-picture figcaption a,.creation-actions a{color:#6a6860;text-decoration:underline;text-underline-offset:3px}
.creation-picture figcaption button,.creation-actions button{padding:4px 0;border:0;background:transparent;color:#44423b;font-size:12.5px;min-height:28px}
.creation-picture.picked .creation-pick{font-weight:600;color:#3a3831}
.creation-result audio{width:min(460px,100%)}
.creation-transcript{margin:0;font-size:14.5px;line-height:1.8;color:#3b3932;white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto}
.creation-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:12.5px}
.history-row .history-row-kind{margin-left:auto;padding-left:8px;font-size:11px;color:#a19f97;flex:none}
.creation-history-all{display:block;margin:8px 12px;font-size:12.5px;color:#78766e}
@media(pointer:coarse),(any-pointer:coarse){.creation-picture figcaption button,.creation-actions button{min-height:44px}}
.sheet-panel .creation-template[aria-pressed=true] .template-art{outline:2px solid #393731;outline-offset:2px}
/* PPT style picker: the deck carries the brand, Core applies the master on export. */
.sheet-panel-head .deck-brand{display:inline-flex;flex-direction:row;align-items:center;gap:6px;margin:0 auto 0 12px;font-size:13px;font-weight:400;color:#898780}
.sheet-panel-head .deck-brand select{flex:none;width:auto;min-height:30px;margin:0;padding:2px 24px 2px 8px;font-size:13px}
.sheet-panel-head :is(h2,a,.deck-brand span){white-space:nowrap}
/* A deck answer: slide thumbnails plus a real .pptx export. */
.answer-deck{padding:18px 20px;border:1px solid #e3e1d9;border-radius:14px;margin:16px 0;background:#fcfbf6}
.answer-deck-kind{display:inline-block;font-size:12px;line-height:18px;color:#7b7971;background:#f0eee4;border-radius:999px;padding:2px 10px}
.answer-deck[data-brand] .answer-deck-kind{color:#a4000a;background:#f8e4e2}
.answer-deck h4{font-size:16px;font-weight:600;line-height:24px;margin:10px 0 2px}
.answer-deck p.answer-deck-meta{margin:0;font-size:13px;color:#77756d}
.answer-deck .deck-slides{display:grid;padding:0!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;list-style:none;margin:14px 0 0;padding:0;max-height:560px;overflow:auto}
.answer-deck .deck-slide{list-style:none;padding:0;display:flex;flex-direction:column;gap:4px;min-width:0;margin:0}
.answer-deck .deck-page{aspect-ratio:16/9;display:flex;flex-direction:column;justify-content:flex-start;gap:3px;padding:8px 9px;border:1px solid #e6e4de;border-radius:6px;background:#fff;overflow:hidden;border-top:3px solid #393731}
.answer-deck[data-brand] .deck-page{border-top-color:#c7000b}
.answer-deck .deck-page strong{font-size:10px;font-weight:600;line-height:1.35;color:#25231e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.answer-deck .deck-page .deck-sub{font-size:9px;color:#7a7870}
.answer-deck .deck-page ul{margin:0;padding:0 0 0 10px;list-style:disc;font-size:8.5px;line-height:1.4;color:#5f5d55}
.answer-deck .deck-page li{margin:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.deck-cover .deck-page,.deck-end .deck-page,.deck-section .deck-page{justify-content:center;background:#f7f6f0}
.answer-deck[data-brand] :is(.deck-cover,.deck-end,.deck-section) .deck-page{background:#fbf1f0}
.deck-cover .deck-page strong{font-size:12px}
.deck-reading{margin:14px 0;font-size:13px;line-height:1.65}
.deck-reading summary{cursor:pointer;font-weight:600}
.deck-reading section{padding:12px 0;border-bottom:1px solid var(--border,#e6e4de);overflow-wrap:anywhere}
.deck-reading h5{font-size:14px;margin:0 0 8px}
.deck-reading p{margin:6px 0;white-space:pre-wrap}
.deck-preview-dialog{box-sizing:border-box;width:calc(100vw - 24px);max-width:min(1320px,calc((100dvh - 210px)*16/9 + 32px));max-height:94dvh;padding:16px;border:1px solid #ddd;border-radius:14px;background:#fafaf8;color:#242823;overflow:auto}
.deck-preview-dialog::backdrop{background:#0009}
.deck-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.deck-preview-head strong{font-size:18px}
.deck-preview-state{font-size:13px;margin:10px 0;min-height:1.5em;overflow-wrap:anywhere}
.deck-preview-viewport{overflow:auto;aspect-ratio:16/9;background:#e5e5e2;border-radius:6px;min-height:0}
.deck-preview-viewport img{display:block;width:100%;height:100%;object-fit:contain;max-width:none}
.deck-preview-viewport img[hidden]{display:none}
.deck-preview-viewport.zoomed img{width:1600px;height:auto;max-height:none;object-fit:contain}
.deck-preview-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0}
.deck-preview-controls select{width:auto;min-width:0;max-width:100%;font-size:14px}
.deck-preview-note{display:block;font-size:12px;color:#666;line-height:1.5}
@media(max-width:600px){.deck-preview-dialog{width:calc(100vw - 12px);padding:12px}.deck-preview-controls{gap:6px}.deck-preview-controls button{padding:8px 10px}}
.answer-deck .deck-meta{font-size:11px;color:var(--muted)}
.answer-deck-actions{display:flex;align-items:center;gap:14px;margin-top:14px}
.answer-deck-actions button{padding:8px 16px;border-radius:9px;font-size:14px}
.answer-deck p.answer-deck-state{margin:8px 0 0;font-size:13px;color:#77756d}.answer-deck-state:empty{display:none}
.answer-deck .answer-source{margin-top:10px}
.composer-footer #sheet-hint{font-size:13px;line-height:1.5;color:var(--muted-dark);margin:0}
.sheet-panel{display:none;width:100%;max-width:780px;align-self:center;flex-shrink:0;margin:14px auto 24px}
.empty-chat .sheet-panel{display:block}
.chat-main:has(#chat-composer[data-quick-mode=capture]) .sheet-panel{display:none}
.sheet-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 12px}
.sheet-panel-head h2{font-size:13px;font-weight:500;line-height:20px;color:#898780;margin:0}
.sheet-panel-head a{font-size:13px;line-height:20px;color:#79776f}.sheet-panel-head a:hover{color:#413f38}
.sheet-panel .office-template-grid{gap:12px}
.sheet-panel .office-template strong{font-size:14px;line-height:22px}
.sheet-panel .creation-template{display:flex;flex-direction:column;align-items:stretch;gap:4px;text-align:left;padding:0 0 8px;border:0;background:transparent;color:#45433c;border-radius:12px;min-width:0;transition:transform .15s}
.sheet-panel .creation-template .template-caption{font-size:13px;line-height:20px;color:var(--muted-dark);padding:0 2px}
/* A proposed scheduled task waits for an explicit confirmation. */
.answer-task{padding:18px 20px;border:1px solid #e4e1d5;border-radius:14px;margin:16px 0;background:#fdfcf6}
.answer-task.created{background:#f7f6ef}
.answer-task-kind{display:inline-block;font-size:12px;line-height:18px;color:#7b7971;background:#f0eee4;border-radius:999px;padding:2px 10px}
.answer-task h4{font-size:16px;font-weight:600;line-height:24px;margin:10px 0 2px}
.answer-task p{margin:0}.answer-task p.answer-task-when{font-size:13px;color:#77756d}
.answer-task p.answer-task-prompt{font-size:14px;line-height:1.7;color:#43413a;margin-top:10px!important;white-space:pre-wrap;overflow-wrap:anywhere}
.answer-task-actions{display:flex;align-items:center;gap:16px;margin-top:14px}
.answer-task-actions button{padding:8px 16px;border-radius:9px;font-size:14px}
.answer-task-actions a{font-size:13px;color:#6a6860;text-decoration:underline;text-underline-offset:3px}
.answer-task p.answer-task-state{font-size:13px;color:#77756d;margin-top:8px!important}.answer-task-state:empty{display:none}
@media(max-width:600px){
 .sheet-panel{margin:10px auto 18px}
 /* On a phone the style picker gets its own line under the heading and the link. */
 .sheet-panel-head{flex-wrap:wrap;row-gap:8px}.sheet-panel-head .deck-brand{order:1;flex-basis:100%;margin:0}
}
@media(prefers-reduced-motion:reduce){.sheet-panel .creation-template{transition:none}}

/* Keep the prompt, common parameters and optional settings visually separate. */
:is(.chat-main[data-sheet=create]) #chat-composer:has(#sheet-params:not([hidden])) #chat-input{grid-column:1/-1;min-height:52px}
.chat-main[data-sheet=create] #chat-composer:has(#sheet-params:not([hidden])) #sheet-params{grid-column:1/-1;grid-row:4}
.chat-main[data-sheet=create] #chat-composer:has(#sheet-params:not([hidden])) :is(#composer-prefix,#voice-input,#send-chat,#stop-chat){grid-row:5;align-self:center;margin-top:6px}
.sheet-param select.enhanced-select{position:absolute;width:1px!important;height:1px;min-height:0;padding:0;border:0;opacity:0;pointer-events:none;clip-path:inset(50%)}
.sheet-param .upward-select:before{content:'';position:absolute;inset:0;border-radius:10px}
.sheet-quota{display:none;box-sizing:border-box;width:100%;max-width:780px;margin:10px auto 6px;padding:0 8px;font-size:12.5px;line-height:1.55;color:#6d6b64;text-align:left}
.chat-main[data-sheet=create][data-create-kind=image] .sheet-quota:not([hidden]){display:block}
.creation-prompt{margin-top:10px;padding:8px 10px;border-radius:10px;background:#f8f7f1;font-size:13px;line-height:1.55;color:#53514a}
.creation-prompt-label{display:block;font-size:11.5px;color:var(--muted);margin-bottom:2px}
.creation-prompt-text{margin:0;cursor:pointer;white-space:pre-wrap;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.creation-prompt.expanded .creation-prompt-text{display:block}
.creation-prompt-edit{width:100%;box-sizing:border-box;font:inherit;font-size:16px;line-height:1.5;padding:6px 8px;border:1px solid #e5e3d9;border-radius:8px;resize:vertical}
.creation-prompt-actions{display:flex;gap:8px;margin-top:6px}
.creation-prompt-actions button{font-size:12.5px;padding:3px 10px;border:1px solid #e5e3d9;border-radius:999px;background:#fff;color:#44423b;cursor:pointer}
.creation-prompt-actions button.primary{background:#3a3831;border-color:#3a3831;color:#fff}
.sheet-param-hint:empty{display:none}
@media(max-width:640px){
 .chat-main[data-sheet=create] #chat-composer:has(#sheet-params:not([hidden])) #chat-input{min-height:60px}
}

@media(pointer:coarse),(any-pointer:coarse){
}

@media(pointer:coarse),(any-pointer:coarse){.creation-prompt-actions button{min-height:40px}}
/* 我的声音 */
.sheet-voice-manage{flex:none;padding:3px 10px;min-height:28px;border:1px solid #dad7cc;border-radius:999px;background:#f7f5ee;color:var(--accent-600);font-size:12.5px;cursor:pointer;white-space:nowrap}
.my-voice{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:18px 20px;border:0;border-radius:16px;box-shadow:0 12px 48px #28261f30;overflow:auto}
.my-voice::backdrop{background:#27251f33}
.my-voice-head{display:flex;align-items:center;justify-content:space-between}.my-voice-head h2{margin:0;font-size:18px}.my-voice-head button{font-size:22px;min-width:40px;min-height:40px}
.my-voice-status{margin:4px 0 12px;font-size:12.5px;color:#84827a}
.my-voice-list{display:grid;gap:8px}
.my-voice-row{display:grid;gap:6px;padding:10px 12px;border:1px solid #e8e5dd;border-radius:12px}
.my-voice-row.chosen{border-color:var(--accent-400);background:#f9f8f2}
.my-voice .my-voice-pick{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;gap:4px 8px;flex-wrap:wrap;margin:0;cursor:pointer;font-size:14px;font-weight:400}.my-voice-pick input{width:auto;margin:0}.my-voice-list .empty{margin:4px 0;font-size:13px;color:#84827a}.my-voice-pick small{color:#84827a;font-size:12px}
.my-voice-row audio,.my-voice-body audio{width:100%;height:36px}
.my-voice-tools{display:flex;gap:8px}.my-voice-tools button{font-size:12.5px;padding:3px 10px;border-radius:999px}
.my-voice-add{margin-top:16px;padding-top:12px;border-top:1px solid #f1f0ea}.my-voice-add h3{font-size:14px;margin:0 0 8px}
.my-voice-tabs,.my-voice-langs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.my-voice-tabs button,.my-voice-langs button{padding:5px 14px;border-radius:999px;border:1px solid #e5e3d9;background:#fff;font-size:13px}
.my-voice-tabs button[aria-selected=true],.my-voice-langs button[aria-pressed=true]{background:#3a3831;border-color:#3a3831;color:#fff}
.my-voice-body{display:grid;gap:10px}.my-voice-help{margin:0;font-size:13px;color:#64625a}
.my-voice-script{margin:0;padding:12px 14px;border-radius:10px;background:#f8f7f1;font-size:16px;line-height:1.8;color:#38362f}
.my-voice-controls{display:flex;align-items:center;gap:12px}
.my-voice-rec{min-height:44px;padding:0 20px;border-radius:999px;border:1px solid #c9473f;background:#fff;color:#b03a32;font-size:14px}
.my-voice-rec.live{background:#c9473f;color:#fff}
.my-voice-timer{font-variant-numeric:tabular-nums;color:#64625a;font-size:13px}
.my-voice-full{margin:0;font-size:13px;color:#7d6a4a}
.my-voice-picked{color:#64625a}
@media(pointer:coarse),(any-pointer:coarse){.sheet-voice-manage{min-height:44px}.my-voice-tools button,.my-voice-tabs button,.my-voice-langs button{min-height:40px}}

.deck-checks{margin:12px 0;font-size:14px;overflow-wrap:anywhere}
.deck-checks summary{cursor:pointer}
.deck-checks li{margin:8px 0;line-height:1.6}

/* Creation parameters: one bar inside the composer, each cell a label over its value. Phones wrap it. */
.sheet-params{min-width:0;margin:6px 0 0;text-align:left}
.sheet-param-row{display:flex;gap:1px;min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--line)}
.sheet-params .sheet-param{position:relative;display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;justify-content:center;gap:1px;box-sizing:border-box;width:auto;min-width:0;min-height:0;margin:0;padding:6px 10px;border:0;border-radius:0;background:var(--wash);color:var(--muted);font-size:11px;font-weight:400;line-height:15px;text-align:left;white-space:nowrap}
.sheet-params .sheet-param:is(:hover,:focus-within),.sheet-params .sheet-exclude[aria-expanded=true]{background:var(--wash-green)}
.sheet-params .sheet-param:focus-within{outline:0}
.sheet-param .upward-select{display:flex;align-items:center;justify-content:flex-start;gap:6px;width:100%;min-width:0;max-width:none;min-height:20px;padding:0;border:0;border-radius:0;background:transparent!important;box-shadow:none;color:var(--ink);font-size:13px;font-weight:500;line-height:20px;overflow:hidden;white-space:nowrap}
.sheet-param .upward-select:after{content:'';flex:none;width:5px;height:5px;margin:-2px 0 0;border-width:1.5px 0 0 1.5px;color:var(--muted);transform:rotate(225deg)}
.sheet-param .upward-select:focus-visible{outline:0}
.sheet-exclude-value{color:var(--ink);font-size:13px;font-weight:500;line-height:20px}
.sheet-exclude-value:not(.filled){color:var(--muted);font-weight:400}
.sheet-negative{margin:6px 0 0}
.sheet-negative[hidden]{display:none}
.sheet-negative input{box-sizing:border-box;width:100%;min-height:36px;margin:0;padding:7px 12px;border:1px solid var(--line);border-radius:10px;background:transparent;font-size:14px;line-height:20px}
.sheet-negative input:focus{border-color:var(--line-strong);outline:0}
.sheet-param-row .sheet-voice-manage{flex:0 1 auto;min-height:0;margin:0;padding:0 12px;border:0;border-radius:0;background:var(--wash);color:var(--slate);font-size:13px;white-space:nowrap}
.composer-footer .sheet-param-hint{flex:1 1 0;min-width:0;margin:0;font-size:12px;line-height:1.5;color:var(--muted)}
.composer-footer .sheet-param-hint[hidden]{display:none}
.composer-footer .sheet-param-hint:not(:empty):not([hidden])~#sheet-hint{display:none}
.composer-footer .sheet-quota{flex:none;width:auto;max-width:none;margin:0 0 0 auto;padding:0;font-size:12px;line-height:1.5;color:var(--muted);text-align:right;white-space:nowrap}
@media(max-width:640px){
 .sheet-param-row{flex-wrap:wrap}
 .sheet-params .sheet-param{flex-basis:30%}
 .sheet-negative input{font-size:16px}
 .composer-footer .sheet-param-hint{flex-basis:100%}
 .composer-footer .sheet-quota{margin-left:0;text-align:left}
}
@media(pointer:coarse),(any-pointer:coarse){
 .sheet-negative input{min-height:44px}
}

.chat-main[data-assistants=ready][data-sheet=chat] #quick-shortcuts{display:none}
#assistant-shortcuts{width:min(100%,760px);margin:0 auto 12px;padding:0 18px;box-sizing:border-box}
.assistant-shortcuts-head,.assistant-tools,.assistant-card-actions,.assistant-tabs{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.assistant-shortcuts-head{justify-content:flex-end;margin-bottom:8px}
.assistant-shortcuts-head button{font-size:13px}
#assistant-pins{display:flex;flex-wrap:wrap;gap:8px}
.assistant-shortcut{display:inline-flex;align-items:center;gap:7px;border-radius:14px;padding:8px 12px;font-size:14px}
.assistant-avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border:1px solid #ffffffa6;border-radius:13px;box-shadow:inset 0 1px 0 #ffffffb3,0 3px 10px #234b5810;overflow:hidden}
.assistant-avatar svg{width:25px;height:25px;display:block;flex:none}
.assistant-avatar[data-tone=teal]{color:#126d66;background:linear-gradient(145deg,#edfbf6,#ccece3)}
.assistant-avatar[data-tone=cyan]{color:#126c83;background:linear-gradient(145deg,#edfaff,#cceaf3)}
.assistant-avatar[data-tone=blue]{color:#355caa;background:linear-gradient(145deg,#f0f5ff,#d5e2fc)}
.assistant-avatar[data-tone=violet]{color:#6a4ca0;background:linear-gradient(145deg,#f8f3ff,#e8daf9)}
.assistant-avatar[data-tone=rose]{color:#a14678;background:linear-gradient(145deg,#fff3f9,#f6ddeb)}
.assistant-avatar[data-tone=amber]{color:#8c671e;background:linear-gradient(145deg,#fff9ed,#f4e6c7)}
.assistant-shortcut .assistant-avatar{width:22px;height:22px;border-radius:7px;box-shadow:none}
.assistant-shortcut .assistant-avatar svg{width:15px;height:15px}
.assistant-shortcut[aria-pressed=true],.assistant-tabs [aria-pressed=true]{background:var(--accent,#466850);color:var(--on-accent,#fff)}
body #chat-composer:has(#assistant-chip:not([hidden])) #compose-mode-chip{display:none}
#assistant-center{width:min(760px,calc(100vw - 24px));height:min(680px,85dvh);max-height:85dvh;padding:0;border:1px solid #cedee1;border-radius:22px;background:linear-gradient(160deg,#fbfefd,#f5f8fc);color:var(--ink,#242823);box-shadow:0 24px 80px #152c3d30;box-sizing:border-box}
#assistant-center[open]{display:flex;flex-direction:column}
#assistant-center::backdrop{background:#152c3d59;backdrop-filter:blur(5px)}
.assistant-center-head{display:flex;flex:none;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid #dce8e9;background:radial-gradient(ellipse at 5% 0,#ccf1e780,transparent 65%),linear-gradient(90deg,#589bad0b 1px,transparent 1px);background-size:auto,22px 22px}
.assistant-center-heading{flex:1;min-width:0}
.assistant-eyebrow{display:block;font-size:9px;line-height:14px;letter-spacing:2px;color:#457d83;font-weight:600}
.assistant-center-head h2{font-size:18px;margin:0}
.assistant-center-head>button{flex:none;min-height:40px;padding:7px 12px;border-radius:12px;font-size:13px;background:#ffffffa6;border-color:#d5e2e4;color:#4a626b}
.assistant-center-body{padding:16px;overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;box-sizing:border-box;display:grid;align-content:start;gap:14px}
.assistant-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:5px;border:1px solid #e0e8eb;border-radius:14px;background:#eaf0f280}
.assistant-tabs button{min-height:38px;padding:6px 5px;border:0;border-radius:10px;background:transparent;color:#6b7a83;font-size:13px;white-space:nowrap}
.assistant-tabs [aria-pressed=true]{color:#175e5a;background:#e0f0ec;box-shadow:0 2px 7px #294b5912}
.assistant-count{flex:1;font-size:12px;color:#70818a}
.assistant-tools>button{font-size:12px;min-height:36px;padding:6px 10px;border-radius:10px}
.assistant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.assistant-grid>p{grid-column:1/-1}
.assistant-card{display:flex;flex-direction:column;padding:16px;border:1px solid #dce7e9;border-radius:16px;background:#ffffffd9;box-shadow:0 3px 12px #294b5907;min-width:0;overflow-wrap:anywhere;transition:border-color .15s,box-shadow .15s}
.assistant-card:hover{border-color:#b7d3d8;box-shadow:0 6px 18px #294b5910}
.assistant-card[data-selected=true]{border-color:#85c2b7;background:#f4fbf8}
.assistant-card-head{display:flex;align-items:center;gap:12px;min-width:0}
.assistant-card-name{display:grid;justify-items:start;gap:4px;min-width:0}
.assistant-card-badges{display:flex;gap:5px;flex-wrap:wrap}
.assistant-card-name strong{font-size:15px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.assistant-source-badge{display:inline-flex;padding:1px 6px;border:1px solid #e1e9ec;border-radius:5px;font-size:10px;line-height:16px;letter-spacing:.2px;color:#69808b;background:#f6f9fa}
.assistant-card p{font-size:13px;color:#65757f;line-height:1.65;margin:12px 0 12px}
.assistant-card small{color:#7a8b93;display:block;margin-bottom:12px;font-size:11px}
.assistant-card-actions{margin-top:auto;gap:6px}
.assistant-card-actions>button{font-size:12px;min-height:36px;padding:6px 10px;border-radius:9px;border-color:#dce6e9;color:#556c78;background:#f8fafb}
#assistant-center .assistant-primary{color:#fff;background:linear-gradient(120deg,#285c59,#376a78);border-color:#285c59;box-shadow:0 2px 5px #24595014}
#assistant-center .assistant-primary:hover:not(:disabled){background:#234f50}
#assistant-center button:focus-visible{outline:2px solid #398a90;outline-offset:2px}
.assistant-form{display:grid;gap:12px;min-width:0}
.assistant-field{display:grid;gap:6px;font-size:13px}
.assistant-field:has(input[type=checkbox]){display:flex;align-items:center}
.assistant-field input[type=checkbox]{width:auto}
.assistant-center-body input:not([type=checkbox]),.assistant-center-body textarea,.assistant-center-body select{box-sizing:border-box;max-width:100%;min-width:0;width:100%;padding:9px;border:1px solid var(--line,#d9ded3);border-radius:8px;background:var(--surface,#fff);color:inherit;font:inherit}
.assistant-center-body textarea{resize:vertical;line-height:1.6}
.assistant-tools select,.assistant-tools input{flex:1 1 150px;width:auto!important}
.assistant-pin-row{display:flex;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line,#d9ded3);min-height:48px}
.assistant-pin-row>span:not(.assistant-avatar){flex:1;min-width:0;font-size:14px;overflow-wrap:anywhere}
.assistant-pin-row .assistant-avatar{width:28px;height:28px;border-radius:9px;box-shadow:none}
.assistant-pin-row .assistant-avatar svg{width:18px;height:18px}
.assistant-pin-row button{font-size:12px;padding:6px 8px}
.assistant-pin-row .assistant-drag-handle{flex:none;width:44px;height:44px;padding:0;font-size:24px;cursor:grab;touch-action:none;user-select:none}
.assistant-pin-row.is-dragging{background:var(--wash-green);border-radius:8px;box-shadow:0 2px 8px #0001}
.assistant-pin-row.is-dragging .assistant-drag-handle{cursor:grabbing}
.assistant-sort-status,.assistant-market-status{min-height:18px;margin:0;color:var(--muted,#747b70);font-size:12px}
.assistant-market-grid{min-height:320px;align-content:start}
.assistant-topics{display:flex;flex-wrap:wrap;gap:6px}
.assistant-topics>button{min-height:36px;padding:5px 12px;border-radius:999px;font-size:12px}
.assistant-topics>[aria-pressed=true]{color:#175e5a;background:#e0f0ec;border-color:#9fcfc4}
.assistant-skeleton{height:146px;background:linear-gradient(var(--wash-green),var(--wash-green)) 14px 18px/50% 16px no-repeat,linear-gradient(var(--wash-green),var(--wash-green)) 14px 48px/75% 12px no-repeat,linear-gradient(var(--wash-green),var(--wash-green)) 14px 70px/60% 12px no-repeat;box-sizing:border-box}
[hidden]#assistant-chip,[hidden]#assistant-shortcuts{display:none}
@media(max-width:540px){.assistant-grid{grid-template-columns:1fr}.assistant-center-head{padding:15px 14px;gap:10px}.assistant-center-body{padding:12px}#assistant-shortcuts{padding:0 12px}.assistant-shortcut{padding:7px 10px}.assistant-card{padding:14px}.assistant-card-actions>button{min-height:40px}}
@media(prefers-reduced-motion:reduce){.assistant-card{transition:none}}
.assistant-shortcuts-label{display:none}
@media(max-width:600px){
 #assistant-shortcuts{padding:0 14px;margin-bottom:14px}
 .assistant-shortcuts-head{justify-content:space-between;flex-wrap:nowrap;margin-bottom:8px;padding:0 2px}
 .assistant-shortcuts-label{display:block;font-size:12px;color:var(--muted);letter-spacing:.04em}
 body #assistant-shortcuts #assistant-open{min-height:30px;padding:4px 12px;font-size:12px;border:0;border-radius:999px;background:var(--wash-green);color:var(--slate);box-shadow:none}
 #assistant-pins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 #assistant-pins .assistant-shortcut{flex-direction:column;justify-content:center;gap:6px;min-width:0;min-height:72px;padding:10px 4px;border-radius:16px;font-size:13px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #assistant-pins .assistant-shortcut .assistant-avatar{width:28px;height:28px;border-radius:9px}
 #assistant-pins .assistant-shortcut .assistant-avatar svg{width:17px;height:17px}
}

/* PPT step bar above the conversation, and the thesis / outline cards the model's steps turn into. */
#deck-steps{display:block;position:sticky;top:0;z-index:4;flex-shrink:0;width:100%;max-width:780px;margin:4px auto 8px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-3);background:var(--white)}
.deck-steps-list{display:flex;gap:6px;margin:0;padding:0;list-style:none}
.deck-steps-list li{flex:1;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);white-space:nowrap}
.deck-steps-list li:not(:last-child)::after{content:"";flex:1;height:1px;background:var(--line);min-width:8px}
.deck-steps-dot{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--line-strong);font-size:11px;flex:none}
.deck-steps-list li.done{color:var(--slate)}.deck-steps-list li.done .deck-steps-dot{border-color:var(--accent-400);color:var(--accent-700)}
.deck-steps-list li.current{color:var(--ink);font-weight:600}.deck-steps-list li.current .deck-steps-dot{background:var(--accent-700);border-color:var(--accent-700);color:var(--white)}
.deck-steps-next{margin:6px 0 0;font-size:12.5px;color:var(--muted-dark)}

.answer-deck-step{padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius-3);margin:16px 0;background:var(--white)}
.answer-deck-step-kind{display:inline-block;font-size:12px;line-height:18px;color:var(--accent-700);background:var(--wash);border-radius:var(--radius-pill);padding:2px 10px}
.answer-deck-step h4{font-size:16px;font-weight:600;line-height:24px;margin:10px 0 12px}
.answer-deck-step button{padding:8px 16px;border-radius:9px;font-size:14px}
.answer-deck-step-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}
.answer-deck-step.stale{opacity:.72}
.chat-markdown .answer-deck-step .answer-thesis-options{display:grid;gap:10px}
.chat-markdown .answer-deck-step .answer-thesis-option{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-2);background:var(--paper)}
.chat-markdown .answer-deck-step .answer-thesis-option.recommended{border-color:var(--accent-400)}
.chat-markdown .answer-deck-step .answer-thesis-head{display:flex;align-items:center;gap:6px}
.chat-markdown .answer-deck-step .answer-thesis-letter{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--accent-700);color:var(--white);font-size:12px;font-weight:600}
.chat-markdown .answer-deck-step .answer-thesis-tag{font-size:12px;color:var(--muted-dark);background:var(--wash);border-radius:var(--radius-pill);padding:1px 8px}
.chat-markdown .answer-deck-step .answer-thesis-option strong{font-size:15px;line-height:1.6}
.chat-markdown .answer-deck-step .answer-thesis-option p{margin:0;font-size:13px;line-height:1.6;color:var(--slate)}
.chat-markdown .answer-deck-step .answer-thesis-option p.answer-thesis-risk{color:var(--muted)}
.chat-markdown .answer-deck-step .answer-thesis-option button{margin-top:4px}
.chat-markdown .answer-deck-step .answer-outline-thesis{margin:-6px 0 12px;font-size:13.5px;color:var(--slate)}
.chat-markdown .answer-deck-step .answer-outline-pages{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.chat-markdown .answer-deck-step .answer-outline-page{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:var(--radius-2);background:var(--paper)}
.chat-markdown .answer-deck-step .answer-outline-number{flex:none;width:22px;font-size:13px;color:var(--muted);text-align:right;line-height:22px}
.chat-markdown .answer-deck-step .answer-outline-body{flex:1;min-width:0}
.chat-markdown .answer-deck-step .answer-outline-meta{display:flex;gap:6px;margin-bottom:2px}
.chat-markdown .answer-deck-step .answer-outline-meta span{font-size:11.5px;line-height:18px;color:var(--muted-dark);background:var(--wash);border-radius:var(--radius-pill);padding:0 8px}
.chat-markdown .answer-deck-step .answer-outline-body strong{display:block;font-size:14px;line-height:1.55;font-weight:500;overflow-wrap:anywhere}
.chat-markdown .answer-deck-step .answer-outline-data{margin:2px 0 0;font-size:12.5px;color:var(--muted)}
.chat-markdown .answer-deck-step .answer-outline-data.missing{color:var(--warn)}
.chat-markdown .answer-deck-step .answer-outline-tools{flex:none;display:flex;gap:2px}
.chat-markdown .answer-deck-step .answer-outline-tools button{padding:2px 7px;font-size:12px;border-radius:6px;background:transparent;border:1px solid transparent;color:var(--muted)}
.chat-markdown .answer-deck-step .answer-outline-tools button:not(:disabled):hover{border-color:var(--line);color:var(--ink)}
.chat-markdown .answer-deck-step .answer-outline-summary,.chat-markdown .answer-deck-step .answer-outline-help{margin:10px 0 0;font-size:12.5px;color:var(--muted-dark)}
.chat-markdown .answer-deck-step .answer-outline-question{margin:8px 0 0;font-size:14px;color:var(--ink)}

@media(max-width:600px){
 #deck-steps{margin:2px 0 6px;padding:8px 10px;border-radius:var(--radius-2)}
 .deck-steps-list{gap:4px}.deck-steps-list li{font-size:12px;gap:4px}
 .deck-steps-list li:not(:last-child)::after{min-width:4px}
 .answer-deck-step{padding:14px 14px}
 /* The move/delete buttons sit in the top-right corner, beside the short layout chips, so the claim keeps the full width. */
 .chat-markdown .answer-deck-step .answer-outline-page{position:relative;gap:6px;padding:10px}
 .chat-markdown .answer-deck-step .answer-outline-meta{min-height:32px;align-items:center;padding-right:86px}
 .chat-markdown .answer-deck-step .answer-outline-number{line-height:32px;width:16px}
 .chat-markdown .answer-deck-step .answer-outline-tools{position:absolute;top:8px;right:6px}
 .answer-deck-step-actions button{flex:1 1 auto}
}
@media(pointer:coarse),(any-pointer:coarse){.chat-markdown .answer-deck-step .answer-outline-tools button{min-width:40px;min-height:36px}}

.chat-markdown .answer-deck-step .answer-outline-drag{flex:none;padding:3px 5px;min-width:28px;min-height:36px;touch-action:none;cursor:grab;color:var(--muted);background:transparent;border:0}
.chat-markdown .answer-deck-step .answer-outline-page.dragging{outline:2px solid var(--accent-400);opacity:.8}
.chat-markdown .answer-deck-step .answer-outline-drag:disabled{cursor:default}
.deck-outline-editor{box-sizing:border-box;width:760px;max-width:calc(100vw - 24px);max-height:90dvh;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--white);color:var(--ink);overflow:hidden}
.deck-outline-editor::backdrop{background:#0008}
.deck-outline-editor form{display:flex;flex-direction:column;gap:16px;max-height:calc(90dvh - 42px);min-height:0}
.deck-outline-editor .deck-preview-head{position:sticky;top:-20px;padding:12px 0;background:var(--white);z-index:1}
.outline-editor-fields{display:grid;gap:16px;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding-right:4px}
.outline-editor-fields fieldset{min-width:0;display:grid;gap:12px;border:1px solid var(--line);border-radius:8px;padding:12px}
.outline-editor-fields label{display:grid;gap:6px;font-size:13px;color:var(--muted-dark)}
.outline-editor-fields textarea{box-sizing:border-box;width:100%;min-width:0;font:inherit;font-size:16px;resize:vertical}
.outline-editor-fields details label{margin-top:12px}
.answer-json pre{max-height:360px;overflow:auto}
@media(max-width:600px){.chat-markdown .answer-deck-step .answer-outline-page{flex-wrap:wrap}.chat-markdown .answer-deck-step .answer-outline-number{display:none}.chat-markdown .answer-deck-step .answer-outline-tools button{min-height:36px}.chat-markdown .answer-deck-step .answer-outline-meta{flex-wrap:wrap}.deck-outline-editor{padding:14px}.deck-outline-editor .deck-preview-head{top:-14px}}

.deck-outline-editor .deck-preview-head,.deck-outline-editor .answer-deck-step-actions{flex-shrink:0;margin:0}
.deck-steps-list li.skipped{color:var(--muted-dark)}.deck-steps-list li.skipped .deck-steps-dot{border-style:dashed}
.chat-markdown .answer-deck-step .answer-outline-context{margin:0 0 12px;padding:8px 12px 10px;border:1px solid var(--line-strong);border-radius:8px;min-width:0}
.chat-markdown .answer-deck-step .answer-outline-context legend{font-size:12.5px;font-weight:600;color:var(--slate);padding:0 4px}
.chat-markdown .answer-deck-step .answer-outline-context .answer-outline-help{margin:0 0 6px}
.chat-markdown .answer-deck-step .answer-outline-context-item{display:flex;align-items:flex-start;gap:8px;margin:4px 0;font-size:13.5px;line-height:1.45;cursor:pointer}
.chat-markdown .answer-deck-step .answer-outline-context-item input{margin-top:3px;flex:none}
.chat-markdown .answer-deck-step .answer-outline-context-item>span:first-of-type{flex:1;min-width:0;overflow-wrap:anywhere}
.chat-markdown .answer-deck-step .answer-outline-context-from{flex:none;font-size:11px;padding:1px 6px;border-radius:999px;background:var(--surface-2,#f1f3f5);color:var(--muted-dark)}
.chat-markdown .answer-deck-step .answer-outline-context-from.memory{background:#fff4e5;color:#9a5b00}

/* Scheduled tasks: a standalone page with guided creation. */
#tasks-page{max-width:920px}
.tasks-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;margin:0 0 28px}
.tasks-head h1{font-size:26px;line-height:34px;font-weight:600;letter-spacing:-.5px;margin:0}
.tasks-head p{font-size:14px;line-height:22px;color:#87857e;margin:6px 0 0}
body.workspace-shell.navigation-collapsed .tasks-head{padding-left:24px}
.tasks-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}
.tasks-actions #task-search{width:180px;min-height:38px;margin:0;padding:6px 12px;font-size:14px}
#task-search-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:transparent;color:#55534c}
#task-search-toggle:hover,#task-search-toggle[aria-expanded=true]{background:#f0efeb}
.task-sort{display:inline-flex;flex-direction:row;align-items:center;gap:6px;margin:0;padding:0 4px 0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:14px;font-weight:400;color:#8b8982;white-space:nowrap}
.tasks-actions .task-sort select{width:auto;min-height:36px;margin:0;padding:4px 22px 4px 2px;border:0;background-color:transparent;color:#37352e;font-size:14px}
.task-new{position:relative}
#new-task{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:7px 14px;border-radius:10px;font-size:14px}
#new-task:after{content:'';width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg)}
#task-new-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:196px;padding:6px;border:1px solid #e6e4dc;border-radius:14px;background:#fff;box-shadow:0 10px 38px #25231c14}
#task-new-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:#37352e;font-size:14px;line-height:22px;text-align:left;white-space:nowrap}
#task-new-menu button:hover,#task-new-menu button:focus-visible{background:#f3f2ee;outline:0}
.task-menu-icon{display:inline-flex;width:18px;height:18px;flex:0 0 18px}.task-menu-icon svg,.task-icon svg,.task-when-icon svg,.tasks-empty-art svg{display:block;width:100%;height:100%}
#tasks-page #task-editor{max-width:none;margin:0 0 24px}
#tasks-page #task-editor .actions{gap:8px}
/* The global label stacks its control under the text; a checkbox reads as one row. */
#task-editor .inline-check{flex-direction:row;align-items:center;gap:8px}
#task-editor .inline-check input{width:16px;height:16px;margin:0;flex:0 0 16px}
#tasks-timezone{margin:0}
.tasks-empty{display:flex;flex-direction:column;align-items:center;gap:18px;padding:36px 0 44px;color:#87857e;font-size:15px}
.tasks-empty p{margin:0}
.tasks-empty-art{display:block;width:76px;height:76px;padding:12px;border-radius:50%;background:#f0efea;color:#56544d}
.tasks-empty-art svg{stroke-width:1.1}
#tasks-page .task-card{display:flex;align-items:flex-start;gap:16px;padding:18px 20px;margin:0 0 12px}
.task-icon{display:inline-flex;width:40px;height:40px;flex:0 0 40px;padding:10px;border-radius:10px;background:#f1f0ec;color:#55534c}
.task-body{flex:1;min-width:0}
.task-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#tasks-page .task-card h3{font-size:16px;font-weight:600;line-height:24px;margin:0;overflow-wrap:anywhere}
.task-paused{font-size:12px;line-height:18px;padding:1px 8px;border-radius:999px;background:#efece4;color:#8b7a57}
#tasks-page .task-card p{margin:0}
.task-when{font-size:13px;line-height:22px;color:#77756d}
.task-prompt{font-size:14px;line-height:22px;color:#525049;margin-top:6px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.task-last{font-size:13px;line-height:22px;color:#87857e;margin-top:4px!important}
.task-last a{text-decoration:underline;text-underline-offset:3px}
#tasks-page .task-card .bar{gap:8px;margin:12px 0 0}
#tasks-page .task-card .bar button{padding:5px 12px;font-size:13px;border-radius:8px}
#tasks-page .task-card[data-enabled=false] :is(h3,.task-prompt){color:var(--muted)}
/* The wavy rule separates what exists from what could be started. */
.tasks-divider{height:8px;margin:32px 0 36px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='8' viewBox='0 0 28 8'%3E%3Cpath d='M0 4c3.5 0 3.5-3 7-3s3.5 3 7 3 3.5-3 7-3 3.5 3 7 3' fill='none' stroke='%23d6d9d0' stroke-width='1.2'/%3E%3C/svg%3E") repeat-x left center}
#tasks-page #task-templates-title{font-size:14px;font-weight:500;line-height:22px;color:#838179;margin:0}
#task-templates-title+.field-help{margin:2px 0 18px}
#task-templates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px}
.task-template{display:flex;align-items:flex-start;gap:16px;padding:14px 12px;border:0;border-radius:14px;background:transparent;color:inherit;text-align:left;min-width:0}
.task-template:hover{background:#f5f4ee}
.task-template-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.task-template-text strong{font-size:15px;font-weight:600;line-height:24px;color:#282723}
.task-template-text>span{font-size:14px;line-height:22px;color:#626059;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.task-template-text .task-template-when{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:13px;color:var(--muted)}
.task-when-icon{display:inline-flex;width:15px;height:15px;flex:0 0 15px}
@media(max-width:1023px){.tasks-head,body.workspace-shell.navigation-collapsed .tasks-head{padding-left:38px}.tasks-head h1{font-size:22px;line-height:30px}}
@media(max-width:760px){
 .tasks-head{margin-bottom:20px}.tasks-actions{margin-left:0;width:100%}.tasks-actions #task-search{flex:1 1 100%;width:auto;order:5}
 .task-new{margin-left:auto}
 #task-templates{grid-template-columns:minmax(0,1fr);gap:4px}
 #tasks-page .task-card{padding:16px;gap:12px}.task-icon{width:34px;height:34px;flex-basis:34px;padding:8px}
 .tasks-divider{margin:24px 0 28px}
}

/* The initial placeholder and empty state occupy the same space. */
#scheduled-tasks{min-height:196px}.tasks-loading{min-height:196px;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--muted-dark)}

/* Learning radar: today's three recommendations first, then how the radar reads you, then history. */
.radar{--radar-ink:#292720;--radar-soft:#f5f4ef;--radar-tint:#efede4}
.radar-head{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;padding-bottom:26px;border-bottom:1px solid var(--line)}
.radar-intro{max-width:700px}.radar-date{font-size:12px;letter-spacing:.08em;color:var(--accent);margin:0 0 10px;font-weight:600}
#wiki-overview .radar-head h2{font-size:28px;line-height:1.35;letter-spacing:-.6px;font-weight:600;color:var(--radar-ink);margin:0}
.radar-overview{font-size:15px;line-height:1.85;color:#57554e;margin:14px 0 0}
.radar-shift{font-size:13.5px;line-height:1.75;color:#6b5a2e;background:#f9f6ec;border-radius:8px;padding:8px 12px;margin:12px 0 0}
.radar #radar-status{margin:14px 0 0;font-size:13px;color:#929088}.radar #radar-status:empty{display:none}
.radar-section-head{display:flex;align-items:baseline;gap:14px;margin:36px 0 16px}#wiki-overview .radar-section-head h3{margin:0;font-size:17px}.radar-section-head span{font-size:13px;color:var(--muted)}
.radar-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.radar-card{display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff;min-width:0}
.radar-card-meta{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted)}
.radar-kind{font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--radar-tint);color:var(--accent);white-space:nowrap}
.kind-frontier .radar-kind{background:#e7eef6;color:#35577a}.kind-trend .radar-kind{background:#f5ede1;color:#7a5626}
#wiki-overview .radar-card h3{font-size:18px;line-height:1.45;font-weight:600;color:var(--radar-ink);margin:0}
.radar-card p,.radar-card dd,.radar-card blockquote{font-size:13.5px;line-height:1.75;overflow-wrap:anywhere}
.radar-card small{display:block;font-size:11.5px;font-weight:600;letter-spacing:.04em;color:#86847c}
.radar-why{padding:12px 14px;border-radius:10px;background:var(--radar-soft)}.radar-why p{margin:4px 0 0;color:#413f38}
.radar-body{display:grid;gap:4px;margin:0}.radar-body dt{font-size:11.5px;font-weight:600;color:#86847c;margin-top:4px}.radar-body dd{margin:0;color:#393831}
.radar-evidence{display:grid;gap:8px}.radar-evidence>div>a{font-weight:600;font-size:13.5px;color:var(--radar-ink)}.radar-evidence>div>a[href]:hover{color:var(--accent)}
.radar-evidence>div>span{font-size:11.5px;color:#9c9a92}.radar-evidence blockquote{margin:6px 0 0;padding:6px 10px;border-left:2px solid #d3d0c4;color:#737169;font-size:12.5px}
.radar-forecast p{margin:4px 0 0;color:#58564f}
.radar-check-q{background:transparent;padding:0}.radar-check-q summary{font-size:13px;color:#68665e;cursor:pointer;line-height:1.6}.radar-check-q textarea{width:100%;margin:8px 0}.radar-check-q button{font-size:12.5px;padding:6px 10px}
.radar-card-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:auto;padding-top:4px}.radar-card-actions button{font-size:13px;padding:7px 11px}
.radar-link{border:0!important;background:transparent!important;padding:0 2px!important;color:var(--accent)!important;font-size:12.5px!important;white-space:nowrap;cursor:pointer}.radar-link:hover{text-decoration:underline}
.radar-refs{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;margin-top:8px;font-size:12px;color:var(--muted)}.radar-refs a{color:#68665e;text-decoration:underline;text-decoration-color:#d6d3c7;text-underline-offset:3px}
.radar-empty{grid-column:1/-1;padding:28px;border:1px dashed #d6d3c8;border-radius:16px;background:#fff}.radar-empty p{margin:0;line-height:1.85}
.radar-style{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}.radar-style:empty{display:none}.radar-style small{font-size:12px;color:var(--muted);margin-right:4px}
.radar-style span{font-size:12.5px;padding:5px 10px;border-radius:999px;background:var(--radar-soft);border:1px solid #e8e6dc;color:#4f4d46}
.radar-directions{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.radar-direction{padding:0;margin:0;border:0;border-radius:0;background:transparent}#wiki-overview .radar-direction>summary{margin:0}.radar-check-q,.radar-history details{margin:0;border-left:0}.radar-direction+.radar-direction{border-top:1px solid var(--line)}
.radar-direction summary{display:flex;gap:18px;align-items:baseline;padding:16px 20px;cursor:pointer;list-style:none}.radar-direction summary::-webkit-details-marker{display:none}
.radar-direction summary:hover{background:#fdfcf6}.radar-direction[open] summary{background:#fdfcf6}
.radar-direction-name{display:flex;gap:8px;align-items:center;flex:0 0 auto;min-width:220px}.radar-direction-name strong{font-size:15px;color:var(--radar-ink)}
.radar-direction-summary{font-size:13.5px;color:var(--muted);min-width:0}
.radar-trend,.radar-stage{font-size:11px;padding:1px 7px;border-radius:999px;white-space:nowrap}.radar-stage{background:#f3f2ec;color:#76746c}
.radar-trend.rising{background:#fbeee6;color:#a2522a}.radar-trend.steady{background:#f1f0eb;color:#69675f}.radar-trend.fading{background:#f2f1ec;color:#8e8e8e}
.radar-direction-body{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:4px 20px 0}
.radar-direction h5{font-size:12.5px;font-weight:600;color:#615f58;margin:8px 0}
.radar-known,.radar-open{list-style:none;margin:0;padding:0;display:grid;gap:8px}.radar-known li,.radar-open li{font-size:13.5px;line-height:1.7}
.radar-known li{position:relative;padding-left:16px;color:#393831}.radar-known li:before{content:"";position:absolute;left:2px;top:.72em;width:6px;height:6px;border-radius:50%;background:#afada5}
.radar-open li{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:8px;background:#f9f7f0;color:#5b5240}
.radar-direction>.radar-refs{padding:6px 20px 16px}
.radar-history{margin-top:36px}.radar-history details{background:transparent;padding:0;border-top:1px solid var(--line)}.radar-history summary{padding:16px 0;font-size:14px;font-weight:600;cursor:pointer}
.radar-history-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px dashed var(--line);font-size:13.5px;cursor:pointer}.radar-history-row:hover>span:nth-child(2){color:var(--accent)}
.radar-history-row small{font-size:12px;color:var(--muted);white-space:nowrap}
.radar-quiet{color:#a09e96;font-size:13px;padding:12px 20px;margin:0}
@media(max-width:1023px){.radar-cards{grid-template-columns:1fr 1fr}.radar-direction-name{min-width:0}}
@media(max-width:760px){.radar-head{flex-direction:column;gap:18px}#wiki-overview .radar-head h2{font-size:23px}.radar-cards{grid-template-columns:1fr}.radar-card{padding:18px 16px}
 .radar-section-head{flex-direction:column;gap:4px}.radar-direction summary{flex-direction:column;gap:6px;padding:14px 16px}.radar-direction-body{grid-template-columns:1fr;gap:8px;padding:4px 16px 0}.radar-direction>.radar-refs{padding:6px 16px 14px}
 .radar-history-row{grid-template-columns:auto minmax(0,1fr)}.radar-history-row small{grid-column:2}}
.radar-guidance{padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fff}
.radar-guidance-row{display:flex;gap:10px;align-items:stretch}.radar-guidance-row textarea{flex:1;min-width:0;resize:vertical;margin:0}.radar-guidance-row button{white-space:nowrap;align-self:flex-end}
.radar-guidance .field-help{font-size:12px;margin:8px 0 0}.radar-guidance-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.radar-guidance-list:empty{display:none}
.radar-note{display:inline-flex;align-items:center;gap:4px;max-width:100%;font-size:12.5px;padding:4px 4px 4px 10px;border-radius:999px;background:#f9f6ec;border:1px solid #eae7db;color:#5b5240}.radar-note>span{overflow-wrap:anywhere}
.radar-note-remove{border:0!important;background:transparent!important;padding:0 6px!important;font-size:14px!important;color:#9a8c6a!important;line-height:1;cursor:pointer}.radar-note-remove:hover{color:#5b5240!important}
@media(max-width:760px){.radar-guidance-row{flex-direction:column}.radar-guidance-row button{align-self:flex-start}}

/* Keep the next action visible; supporting detail is opened when needed. */
.radar-toolbar{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}
.radar-toolbar button{min-height:44px;white-space:nowrap}
.radar-card-more{margin:0;padding:0;border:0;background:transparent}
.radar-card-more>summary{font-size:12px;color:var(--muted);cursor:pointer;padding:8px 0}
.radar-card-more .radar-forecast{margin-top:12px}
.radar-card-actions>.primary{min-height:44px}
.radar-history-row{width:100%;text-align:left;border-radius:0;background:transparent;color:inherit}
.radar-history-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.radar-sources-dialog{width:720px}.radar-card-dialog{width:620px}
.radar-intro-dialog h3{margin:18px 0 6px;font-size:14px}
.radar-intro-dialog ul{margin:0;padding-left:20px;font-size:13px;line-height:1.8}
.radar-intro-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.radar-intro-actions button{flex:1;min-height:44px;min-width:128px}
.radar-card-dialog .radar-card{border:0;padding:0}
#radar-source-filters{display:flex;gap:8px;margin:12px 0}
#radar-source-filters button[aria-pressed=true]{background:var(--accent);color:#fff}
.radar-source-item{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-top:1px solid var(--line)}
.radar-source-item>div{flex:1;min-width:0;overflow-wrap:anywhere}
.radar-source-item a,.radar-source-item strong{display:block;font-size:14px;font-weight:600;line-height:1.6}
.radar-source-item small{display:block;color:var(--muted);margin-top:6px}
.radar-source-item p{margin:6px 0 0;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.radar-source-item>button{flex-shrink:0;min-height:44px;font-size:12px;padding:8px 12px}
.radar-intro-dialog .panel-heading button,.radar-sources-dialog .panel-heading button,.radar-card-dialog .panel-heading button{min-width:44px;min-height:44px}
@media(max-width:760px){.radar-toolbar{width:100%}.radar-toolbar button{flex:1}.radar-head{gap:14px;padding-bottom:18px}.radar-section-head{margin-top:24px}.radar-source-item{gap:8px}.radar-source-item>button{padding:8px}}

#radar-source-filters button[aria-pressed=false]{background:transparent;color:var(--text,#4f4d46);border:1px solid var(--line)}

.radar-activity{margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff;min-width:0}
.radar-activity-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.radar-activity h3{margin:0;font-size:17px}
.radar-activity .field-help{font-size:12px;line-height:1.7;margin:6px 0;color:var(--muted)}
#radar-periods{display:flex;gap:4px;flex-shrink:0}#radar-periods button{min-height:44px;padding:8px 12px;white-space:nowrap}
#radar-periods button[aria-pressed=true]{background:var(--accent);color:#fff}#radar-periods button[aria-pressed=false]{background:transparent;color:var(--text);border:1px solid var(--line)}
.radar-activity-stats{display:flex;gap:32px;flex-wrap:wrap;margin:16px 0}.radar-activity-stats>div{display:flex;gap:8px;align-items:baseline}.radar-activity-stats strong{font-size:25px;color:var(--accent);font-variant-numeric:tabular-nums}.radar-activity-stats span{font-size:12px;color:var(--muted)}
.radar-activity-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;margin:12px 0}.radar-activity-filter label{margin:0;flex-shrink:0}#radar-topic{max-width:100%;width:auto;height:36px;min-height:36px;padding:4px 24px 4px 10px;font-size:13px;line-height:20px}.radar-activity-filter .field-help{margin-left:auto}
.radar-heatmap-scroll{overflow-x:auto;padding:3px}.radar-heatmap{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,28px);grid-auto-columns:28px;gap:5px;width:max-content}
.radar-heatmap .radar-heatmap-cell{padding:0;min-height:0;min-width:0;border:1px solid transparent;border-radius:5px;font-size:10px;color:#6f6d65;line-height:1;cursor:pointer;position:relative}
.radar-heatmap-cell[data-level="0"],.radar-heatmap-legend i[data-level="0"]{background:#f3f2ec}
.radar-heatmap-cell[data-level="1"],.radar-heatmap-legend i[data-level="1"]{background:#e1ded2}
.radar-heatmap-cell[data-level="2"],.radar-heatmap-legend i[data-level="2"]{background:var(--accent-300)}
.radar-heatmap-cell[data-level="3"],.radar-heatmap-legend i[data-level="3"]{background:var(--accent-500)}
.radar-heatmap-cell[data-level="4"],.radar-heatmap-legend i[data-level="4"]{background:var(--accent-800)}
.radar-heatmap-cell[data-level="3"],.radar-heatmap-cell[data-level="4"]{color:#fff}
.radar-heatmap .radar-heatmap-cell[aria-pressed=true],.radar-heatmap-cell:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.radar-heatmap-legend{display:flex;gap:5px;align-items:center;margin:12px 0;font-size:11px;color:var(--muted);flex-wrap:wrap}.radar-heatmap-legend i{width:12px;height:12px;border-radius:3px}
.radar-activity-topics{display:grid;gap:10px;margin-top:16px}.radar-topic-stat{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:baseline;font-size:13px}.radar-topic-stat small{color:var(--muted);font-variant-numeric:tabular-nums}.radar-topic-stat>span{overflow-wrap:anywhere}
#radar-day-detail{margin:16px 0 0;border:0;border-top:1px solid var(--line);padding:12px 0 0;background:transparent}#radar-day-detail>summary{font-size:13px;cursor:pointer;min-height:32px}
.radar-day-question{padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;overflow-wrap:anywhere}.radar-day-question a{color:var(--accent)}.radar-day-question p{margin:6px 0;font-size:12px;line-height:1.7;color:var(--muted)}
#radar-activity-status{font-size:12px;color:var(--muted)}#radar-activity-status:empty{display:none}
@media(max-width:760px){.radar-activity{padding:16px 12px}.radar-activity-head{flex-direction:column;gap:8px}.radar-activity-stats{gap:14px}.radar-activity-stats>div{gap:4px}.radar-activity-stats strong{font-size:21px}.radar-activity-filter .field-help{margin-left:0;width:100%}.radar-topic-stat{grid-template-columns:minmax(0,1fr) auto}.radar-topic-stat small{grid-column:1/-1;margin-top:-6px}.radar-heatmap{grid-template-rows:repeat(7,32px);grid-auto-columns:32px}}
.radar-activity-visual{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin:18px 0;align-items:start}
.radar-weekday{display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted)}
.radar-topic-panel{padding:0 0 0 24px;border-left:1px solid var(--line)}.radar-topic-panel h4{margin:0;font-size:13px;font-weight:600}.radar-topic-panel .radar-activity-topics{gap:18px}
.radar-topic-bar{grid-column:1/-1;height:5px;border-radius:4px;background:var(--radar-soft);overflow:hidden}.radar-topic-bar>span{display:block;height:100%;background:var(--accent-300);border-radius:4px}
@media(max-width:760px){.radar-activity-visual{grid-template-columns:1fr;gap:16px}.radar-topic-panel{padding:16px 0 0;border-left:0;border-top:1px solid var(--line)}.radar-heatmap{grid-template-rows:repeat(7,27px);grid-auto-columns:27px;gap:4px}.radar-topic-stat small{grid-column:auto;margin-top:0}.radar-topic-stat{grid-template-columns:minmax(0,1fr) auto}.radar-topic-stat small{grid-column:1/-1}}
.radar-activity-visual>div{min-width:0}
/* Missing data does not reserve a seven-row chart or show its filters. */
.radar-activity:not([data-state=ready]) :is(.radar-activity-visual,.radar-activity-filter,#radar-day-detail){display:none}
.radar-activity[data-state=loading] #radar-activity-status{min-height:44px;display:flex;align-items:center}

/* AI reading: guide, checkpoints, wrap-up, selection assistants and diagrams. Colours follow the reader theme via currentColor. */
.reader-modes{display:flex;align-items:center;gap:8px;flex-shrink:0}
.reader-modes select{width:auto;padding:5px 26px 5px 9px;font-size:12px;border-radius:7px;background:transparent;color:inherit;border-color:color-mix(in srgb,currentColor 22%,transparent)}
.reader-modes button{font-size:12px;padding:5px 10px;border-radius:7px;background:transparent;color:inherit;border-color:color-mix(in srgb,currentColor 22%,transparent)}
.reader-modes button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent)}
.reader-modes .primary{font-size:12px}
.reader-loadbar{position:relative;flex-shrink:0;padding:7px max(24px,calc((100vw - 708px)/2)) 6px;font-size:11px;color:var(--muted);transition:opacity .4s ease .5s}
.reader-loadbar::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:color-mix(in srgb,var(--accent) 16%,transparent)}
.reader-loadbar i{position:absolute;left:0;top:0;height:2px;width:0;background:var(--accent);transition:width .8s ease}
.reader-loadbar span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reader-loadbar.done{opacity:0}
#reader-guide-open.fresh::after{content:"";display:inline-block;width:6px;height:6px;margin-left:5px;border-radius:50%;background:var(--accent);vertical-align:middle}
#reader-ai-status{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.reader-progress #reader-position{flex-shrink:0}
.page-panel.reader-ai-panel{width:600px}
.reader-ai-panel h3{font-size:15px;margin:0 0 10px}
.reader-ai-panel progress{width:100%;accent-color:var(--accent)}
.ai-meta{font-size:12px!important;color:var(--muted)}
.ai-lead{font-size:16px!important;line-height:1.75!important;color:inherit!important;font-weight:550}
.ai-block{border-top:1px solid color-mix(in srgb,currentColor 12%,transparent);padding:18px 0 4px;margin-top:16px}
.ai-for-you,.ai-known-list{border-radius:10px;padding:12px 14px;margin:14px 0;background:color-mix(in srgb,var(--accent) 9%,transparent)}
.ai-for-you p,.ai-known-list p{margin:4px 0;color:inherit}.ai-for-you small,.ai-known-list small{font-size:11px;color:var(--muted)}
.ai-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:6px 0 4px}.ai-modes button{font-size:13px;padding:10px 6px}
.ai-block ol{padding-left:20px;margin:0}.ai-block li{margin:6px 0;font-size:14px;line-height:1.7}
.ai-ref{font-size:12px;white-space:nowrap;flex-shrink:0}
.ai-outline-row{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid color-mix(in srgb,currentColor 8%,transparent)}
.ai-outline-row>div{flex:1;min-width:0}.ai-outline-row strong{font-size:14px;font-weight:550}.ai-outline-row p{margin:2px 0}
.ai-concepts{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:13px;margin:0}.ai-concepts dt{font-weight:600}.ai-concepts dd{margin:0;color:var(--muted)}
.ai-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;flex-wrap:wrap}.ai-foot small{font-size:11px;color:var(--muted)}
.reader-digest{margin-top:22px;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent);padding-top:10px}
/* diagrams */
.ai-diagram{margin:8px 0 0}.ai-diagram figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:14px}
.ai-diagram-stage{overflow-x:auto}
.ai-diagram-svg{width:100%;height:auto;display:block;margin:0 auto;font-size:13px}
.ai-node rect{fill:color-mix(in srgb,var(--accent) 10%,transparent);stroke:color-mix(in srgb,var(--accent) 55%,transparent);stroke-width:1.2}
.ai-node text{fill:currentColor;font-size:13px}
.ai-node.linked{cursor:pointer}.ai-node.linked:hover rect,.ai-node:focus-visible rect{stroke-width:2.2}
.ai-node.hidden rect{fill:transparent;stroke-dasharray:5 4}.ai-node.hidden{cursor:pointer}
.ai-node:focus{outline:none}
.ai-edge{fill:none;stroke:color-mix(in srgb,currentColor 38%,transparent);stroke-width:1.3}
.ai-arrow{fill:color-mix(in srgb,currentColor 50%,transparent)}
.ai-edge-bg{fill:var(--reading-bg,#fff)}.ai-edge-label{fill:var(--muted);font-size:11px}
.ai-diagram-note{min-height:20px;font-size:13px;margin-top:8px}.ai-diagram-note p{margin:4px 0}.ai-diagram-note button{font-size:12px;padding:4px 10px;margin-top:4px}
.ai-timeline{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid color-mix(in srgb,var(--accent) 40%,transparent)}
.ai-timeline li{margin:0 0 10px}.ai-timeline button{display:block;width:100%;text-align:left;background:transparent;border:0;padding:4px 8px;color:inherit;font-size:14px}
.ai-timeline small{display:block;font-size:11px;color:var(--muted)}.ai-timeline button.hidden span{opacity:.5}
.ai-compare{width:100%;border-collapse:collapse;font-size:13px}.ai-compare th,.ai-compare td{border:1px solid color-mix(in srgb,currentColor 14%,transparent);padding:7px 9px;text-align:left;vertical-align:top}
.ai-compare th.linked{cursor:pointer;color:var(--accent)}
/* selection assistants */
.ai-actions{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 12px}.ai-actions button{flex:1;min-width:64px;font-weight:550}
#reader-assist:not(:empty){border-left:2px solid var(--accent);padding:2px 0 2px 14px;margin:0 0 18px}
#reader-assist details{margin:6px 0}#reader-assist summary{font-weight:550;color:inherit}
.ai-source{font-size:12px!important;color:var(--muted)}
.ai-check-q{font-style:italic}
.ai-expand{padding:8px 0;border-bottom:1px solid var(--line)}.ai-expand strong{margin-left:8px}.ai-expand p{margin:4px 0 0;font-size:14px}
/* checkpoint and wrap-up */
.ai-verdict{margin:14px 0 4px}.ai-verdict.got{color:var(--accent-600)}.ai-verdict.partial{color:#9a7232}.ai-verdict.missed{color:#a2533c}
.ai-hit{color:var(--accent-600)!important}.ai-miss{color:#a2533c!important}
.ai-answer{font-style:italic}
.ai-reference{border-radius:10px;padding:10px 14px;margin:12px 0;background:color-mix(in srgb,currentColor 5%,transparent)}.ai-reference p{color:inherit}
.ai-recall textarea{margin:6px 0 10px}
.ai-coverage{list-style:none;padding:0;margin:8px 0 14px}.ai-coverage li{padding:6px 0;font-size:14px;color:var(--muted)}
.ai-coverage li.covered{color:var(--accent-600)}.ai-coverage li.missed{color:#a2533c}.ai-coverage li p{margin:2px 0 0 18px;color:inherit}
.ai-cards{display:grid;gap:12px;margin:10px 0 14px}
.ai-card{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-radius:10px;padding:12px;margin:0;font-weight:400}
.ai-card input[type=checkbox]{justify-self:start;width:18px;height:18px;margin:4px 0 0}.ai-card small{font-size:11px;color:var(--muted)}
.ai-card details{min-width:0;margin:0}.ai-card summary{cursor:pointer;min-height:28px;padding:2px 0;color:inherit;font-size:14px;font-weight:550;line-height:1.6;overflow-wrap:anywhere}.ai-card details[open]>summary{margin-bottom:0}.ai-card summary::marker{color:var(--muted)}.ai-card summary small{display:block;margin-top:2px;font-weight:400}
.ai-card-content{display:grid;gap:8px;padding-top:10px}.ai-card-content label{display:grid;gap:4px;margin:0;font-weight:400}.ai-card textarea{box-sizing:border-box;width:100%;min-height:64px;max-height:none;font-size:14px;line-height:1.7;padding:8px;resize:none;overflow:hidden}.ai-card textarea[maxlength="1000"]{min-height:96px}
.ai-card.saved{opacity:.75}.ai-card blockquote{font-size:12px;margin:4px 0 0;color:var(--muted)}
@media(max-width:600px){
 .reader-progress{flex-wrap:wrap;row-gap:4px}
 #reader-ai-status{order:3;width:100%;flex-basis:100%;text-align:left}
 .reader-modes .primary{order:-1}
 .ai-modes{grid-template-columns:1fr}
 .ai-concepts{grid-template-columns:1fr}.ai-concepts dd{margin-bottom:6px}
}
.ai-card.saved{opacity:1;border-style:dashed;grid-template-columns:minmax(0,1fr)}.ai-card.saved p{margin:2px 0 0;font-size:13px;overflow-wrap:anywhere}
.book-ai{font-size:12px!important;color:var(--accent)!important;margin:2px 0 0!important}.book-ai.due{font-weight:600}
/* Reading cards in the shared review queue are questions, not single words. */
#review-card.concept-card h2{font-size:24px;line-height:1.5;letter-spacing:0;margin:18px auto;max-width:620px}
#review-card.concept-card .grades{margin-top:20px}
@media(max-width:560px){#review-card.concept-card h2{font-size:19px}}
/* Selection analysis: original text, one active explanation, then optional tools. */
#reader-tools{width:780px;padding:0 24px 24px;scrollbar-gutter:stable;max-height:90dvh;color:var(--reading-fg,inherit);background:var(--reading-bg,var(--surface,#fff))}
#reader-tools .reader-tools-heading{position:sticky;top:0;z-index:2;background:var(--reading-bg,var(--surface,#fff));padding:18px 0 12px;gap:12px;margin:0;border-bottom:1px solid var(--line)}
#reader-tools-title{font-size:20px;margin:0;flex:1;min-width:0}
#reader-tools #close-reader-tools{flex:none;font-size:13px;padding:8px 10px}
#reader-selection-meta{font-size:12px;margin:16px 0 6px}
#reader-selection{margin:0 0 16px;padding:12px 16px;border-left:3px solid var(--accent,var(--accent-700));background:color-mix(in srgb,currentColor 4%,transparent);font-size:16px;line-height:1.7;max-height:180px;overflow:auto}
#reader-tools .ai-actions{gap:6px;flex-wrap:wrap;padding:0 0 12px;border-bottom:1px solid var(--line)}
#reader-tools .ai-actions button{min-width:0;padding:8px 12px;font-size:13px}
#reader-tools .ai-actions button[aria-pressed=true]{background:var(--accent,var(--accent-700));color:var(--on-accent,#fff)}
#reader-tools .reader-operation{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;margin:8px 0;color:var(--muted)}
#reader-tools .reader-operation:has([hidden]):not(:has(span:not(:empty))):not(:has(button:not([hidden]))){display:none}
#reader-tools .reader-operation button{font-size:12px;padding:6px 10px}
#reader-tool-status:empty{display:none}
#reader-tools .explanation-cards{display:grid;gap:12px;margin:12px 0 20px}
#reader-tools .explanation-card{padding:14px 16px;border:1px solid var(--line);border-radius:10px;overflow-wrap:anywhere}
#reader-tools .explanation-card h3{font-size:13px;color:var(--muted);margin:0 0 8px}
#reader-tools .explanation-card p{margin:6px 0;line-height:1.75;white-space:pre-wrap}
#reader-tools .explanation-lead{background:color-mix(in srgb,currentColor 3%,transparent)}
#reader-tools .explanation-lead p{font-size:17px}
#reader-tools .explanation-clause{margin-top:12px;font-size:14px}
#reader-tools .explanation-clause blockquote{margin:6px 0;font-size:15px}
#reader-tools .explanation-backbone{font-weight:600}
#reader-tools details{font-size:14px;border-top:1px solid var(--line);padding:12px 0}
#reader-tools details summary{cursor:pointer;color:var(--muted)}
#reader-tools .reader-secondary-actions{padding:12px 0;gap:8px;flex-wrap:wrap}
#reader-tools .reader-secondary-actions button{font-size:12px;padding:6px 10px}
#reader-tools #reader-conversation:not(:empty){margin:12px 0;padding:12px;background:color-mix(in srgb,currentColor 3%,transparent);border-radius:8px}
#reader-tools #reader-question-form textarea{width:100%;min-height:72px}
#reader-tools #reader-question-form{flex-wrap:wrap}
#reader-tools #reader-question-form .reader-web-search{flex:0 0 100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;min-height:28px;gap:7px;font-size:13px;color:var(--muted);cursor:pointer}
#reader-tools .reader-web-search input{width:16px;height:16px;margin:0}
@media(max-width:600px){#reader-tools{width:calc(100vw - 20px);max-width:calc(100vw - 20px);padding:0 14px 18px;max-height:92dvh}#reader-tools-title{font-size:18px}#reader-selection{font-size:15px;padding:10px 12px}#reader-tools .explanation-card{padding:12px}#reader-tools .ai-actions button{padding:8px 10px}#reader-tools .explanation-lead p{font-size:16px}}

#reader-tools .explanation-card p,#reader-tools #reader-selection{color:inherit}
body.reading-mode[data-reader-theme=dark] #reader-tools button,body.reading-mode[data-reader-theme=dark] #reader-tools textarea{background:#32312e;color:var(--reading-fg);border-color:var(--line)}

#reader-tools .ai-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
#reader-tools .ai-actions:has(#reader-ai[hidden]){grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:600px){#reader-tools .ai-actions{gap:4px}#reader-tools .ai-actions button{min-height:44px;padding:8px 2px;font-size:12px}}
body.reading-mode[data-reader-theme=dark] #reader-tools .ai-actions button[aria-pressed=true]{background:var(--accent-700);color:#fff}
#reader-ai-status .ai-pending{padding:0;border:0;background:none;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* These actions follow the reader palette, which can differ from the app theme. */
body.reading-mode :is(.ai-ref,.ai-timeline button,#close-reader-tools){
  border:1px solid color-mix(in srgb,currentColor 24%,transparent);
  border-radius:8px;background:color-mix(in srgb,currentColor 4%,transparent);
  color:inherit;min-height:34px;padding:5px 10px;line-height:1.4;
}
body.reading-mode :is(.reader-toolbar button,.ai-ref,.ai-timeline button,#close-reader-tools):is(:hover,:active):not(:disabled){
  background:color-mix(in srgb,currentColor 10%,transparent);
  border-color:color-mix(in srgb,currentColor 40%,transparent);
}
body.reading-mode :is(.reader-toolbar button,.ai-ref,.ai-timeline button,#close-reader-tools):focus-visible{
  outline:2px solid currentColor;outline-offset:2px;
}
.ai-timeline button::after{content:'›';float:right;margin-left:8px}
@media(max-width:600px){
  body.reading-mode :is(.ai-ref,.ai-timeline button,#close-reader-tools){min-height:40px}
}

/* Settings dialog: a fixed category rail on the left, rows of label + control on the right.
   Loaded after every other stylesheet so it can reset the generic form rules (stacked labels, full-width inputs). */
.management-dialog[data-section=account] #management-content{padding:0;overflow:hidden;display:flex;scrollbar-gutter:auto}
#account-page.settings{display:grid;grid-template-columns:200px minmax(0,1fr);flex:1;min-height:0;width:100%}
.settings-nav{display:flex;flex-direction:column;align-items:stretch;align-self:stretch;order:0;width:auto;justify-content:flex-start;margin:0;font-size:inherit;gap:2px;padding:14px 10px;border-right:1px solid var(--line);overflow-y:auto;background:#f5f4ef;scrollbar-width:thin}
.settings-nav a{position:static;display:flex;align-items:center;gap:10px;padding:8px 10px;white-space:nowrap;border-radius:8px;font-size:13.5px;color:#54524b;line-height:1.4}
.settings-nav a:hover{background:#eceae5;color:#282723}
.settings-nav a[aria-current]{background:#e9e7de;color:#2a2922;font-weight:550}
.settings-nav a:after{display:none!important}
.settings-icon{display:grid;place-items:center;width:18px;height:18px;flex-shrink:0;color:#737169}
.settings-nav a[aria-current] .settings-icon{color:var(--accent)}
.settings-icon svg{width:17px;height:17px}
.settings-nav-group{margin:16px 10px 4px;font-size:11px;letter-spacing:.08em;color:#9f9d96}
.settings-body{overflow-y:auto;overscroll-behavior:contain;padding:28px 36px 48px;min-width:0;scrollbar-gutter:stable}
.settings-body>[data-account-panel]{max-width:620px}
.settings-head{margin:0 0 20px}
.settings-head h2{font-size:20px!important;font-weight:600;letter-spacing:-.3px;margin:0}
.settings-head p{font-size:13px;line-height:1.7;margin:6px 0 0}
.settings-head-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.settings-group{margin:0 0 30px}
.settings-group>h3,.settings-group-bar h3{font-size:12px;font-weight:600;color:#908e87;letter-spacing:.04em;margin:0 0 2px}
.settings-group-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}

/* One setting per row: what it is on the left, the control on the right, hairlines between. */
.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;padding:14px 0;margin:0;border-bottom:1px solid var(--line)}
.settings-group>.setting-row:last-child,.settings-group>.setting-row:has(+.setting-expand[hidden]:last-child),.settings-group form>.setting-row:last-child{border-bottom:0}
.settings .setting-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;margin:0;font-size:14px;font-weight:400;color:inherit}
.setting-text strong{font-size:14px;font-weight:500;color:#282723}
.setting-text span{font-size:12.5px;line-height:1.6;color:var(--muted)}
.setting-control{display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:0}
.setting-value{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.setting-row-wide{flex-wrap:wrap}
.setting-row-wide>textarea,.setting-row-wide>.actions,.settings-status{flex-basis:100%}
.settings-status{font-size:13px;margin:0}.settings-status:empty{display:none}
.settings-empty{font-size:13px;color:var(--muted);margin:0;padding:14px 0}
.settings input:not([type=checkbox]):not([type=radio]):not([type=file]),.settings select{padding:8px 11px;font-size:14px;border-radius:8px}
.settings textarea{font-size:14px;border-radius:10px;min-height:84px}
.settings select{width:auto;min-width:150px}
.setting-inline input:not([type=file]){width:220px}
.settings .setting-inline input[type=file]{border:0;padding:0;background:transparent;width:auto;font-size:12.5px;max-width:240px;color:var(--muted)}
.setting-inline input[type=file]::file-selector-button{margin-right:10px;padding:6px 12px;border:1px solid #e1ded6;border-radius:8px;background:#fff;color:#4a4941;font:inherit;font-size:13px;cursor:pointer}
.setting-inline input[type=file]::file-selector-button:hover{background:#f3f2ec}
.settings button,.settings a.button{display:inline-flex;align-items:center;justify-content:center;padding:7px 13px;font-size:13px;border-radius:8px;white-space:nowrap}
.settings a.button{border:1px solid #e1ded6;background:#fff;color:#4a4941;line-height:1.5}
.settings a.button:hover{background:#f3f2ec}
.settings .actions{gap:8px}
.settings-group .row{padding:14px 0}

/* Switch: a real checkbox laid over the track, so label clicks, keyboard and tests all reach it. */
.switch{position:relative;display:inline-block;width:38px;height:22px;flex-shrink:0}
.settings .switch input{position:absolute;inset:0;width:100%!important;height:100%!important;margin:0;opacity:0;cursor:pointer;z-index:1}
.switch i{position:absolute;inset:0;border-radius:999px;background:#d6d4cd;transition:background .15s}
.switch i:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #21201933;transition:transform .15s}
.switch input:checked+i{background:var(--accent)}
.switch input:checked+i:after{transform:translateX(16px)}
.switch input:focus-visible+i{outline:2px solid var(--accent);outline-offset:2px}
.switch input:disabled+i{opacity:.55}

.segmented{display:inline-flex;gap:2px;padding:3px;border-radius:9px;background:#edece8}
.settings .segmented label{position:relative;display:block;margin:0;padding:5px 15px;border-radius:7px;font-size:13px;font-weight:400;color:#64625b;cursor:pointer}
.segmented input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.segmented label:has(input:checked){background:#fff;color:#2a2922;box-shadow:0 1px 3px #2120191f}
.segmented label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:1px}

.settings-identity{display:flex;align-items:center;gap:14px;padding:16px 18px;margin:0 0 28px;border:1px solid var(--line);border-radius:14px;background:#fff}
.settings-identity .avatar{width:46px;height:46px;font-size:18px;font-weight:550}
.settings-identity .account-name{display:block;max-width:none;font-size:16px;font-weight:600}
.settings-identity p{margin:2px 0 0;font-size:13px}
.setting-expand{margin:4px 0 14px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}
.setting-expand label{margin-bottom:14px}
.setting-expand .grid{gap:14px}
.memory-add{display:flex;align-items:flex-start;gap:8px;margin:8px 0 0}
.memory-add textarea{flex:1;min-width:0;resize:vertical}
.memory-add select{max-width:200px}
.settings #memory-facts{max-width:none}
.settings .memory-scope{margin:0 0 30px}
.settings .memory-scope h3{font-size:12px;font-weight:600;color:#908e87;letter-spacing:.04em}
#memory-facts .memory-fact{align-items:flex-start}
.memory-fact .content>small{display:block;line-height:1.65;overflow-wrap:anywhere}
.token-created{margin:14px 0 0;padding:16px;border-radius:12px;background:#f3f1e8}
.token-created p{margin:0 0 10px;font-size:13px;color:#5b5951}
.token-created .actions{margin-top:10px}

.usage-window{padding:16px 0;border-bottom:1px solid var(--line)}
.usage-window:last-child{border-bottom:0}
.usage-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.usage-head strong{display:block;font-size:14px;font-weight:500}
.usage-head div span{font-size:12.5px;color:var(--muted)}
.usage-percent{font-size:13px;color:#54524b;font-variant-numeric:tabular-nums;text-align:right}
.my-usage .meter{height:8px;border-radius:4px;margin:10px 0 6px}
.usage-reset,.usage-models{display:block;font-size:12px;color:var(--muted)}
.usage-models{margin-top:2px}

/* Confirmations float over the bottom of the dialog, where the control that caused them usually is. */
.management-dialog .dialog-notice{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:10;width:max-content;max-width:min(460px,calc(100% - 32px));margin:0;padding:10px 44px 10px 16px;border-radius:10px;background:#2f2d26;color:#f5f4f0;box-shadow:0 12px 32px #21201940;font-size:13px}
.management-dialog .dialog-notice .notice-dismiss{top:50%;transform:translateY(-50%);color:#f5f4f0;min-height:0}

/* Device-only chat font size (设置 › 通用). */
html[data-chat-font=small] .chat-message{font-size:14px}
html[data-chat-font=large] .chat-message{font-size:17px}

@media(max-width:720px){
 #account-page.settings{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
 .settings-nav{flex-direction:row;align-items:center;align-self:auto;gap:4px;padding:8px 12px;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;background:#fbfaf5}
 .settings-nav::-webkit-scrollbar{display:none}
 .settings-nav a{flex-shrink:0;padding:6px 12px;white-space:nowrap}
 .settings-nav .settings-icon,.settings-nav-group{display:none!important}
 .settings-body{padding:20px 16px 36px}
 .setting-row{flex-wrap:wrap}
 .setting-inline{flex:1 1 100%;flex-wrap:wrap}
 .setting-inline input:not([type=file]){width:auto;flex:1;min-width:0}
 .settings select{min-width:0;max-width:100%}
 .memory-add{flex-wrap:wrap}
 .memory-add textarea{flex:1 1 100%}
 .memory-add select{max-width:none;flex:1}
 #memory-facts .memory-fact>.content{flex:1 1 100%;min-width:0}
 .settings-identity{padding:14px}
}
/* 主题色: swatches carry their own colour inline, so they show the same in light and dark. */
.accent-choice{display:flex;flex-wrap:wrap;gap:6px}
.settings .accent-choice label{position:relative;display:flex;flex-direction:row;align-items:center;white-space:nowrap;gap:6px;margin:0;padding:5px 10px 5px 6px;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:400;color:#64625b;cursor:pointer}
.accent-choice input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.accent-swatch{width:16px;height:16px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(127,127,127,.35)}
.settings .accent-choice label:has(input:checked){border-color:var(--accent-800);color:var(--ink);box-shadow:0 0 0 1px var(--accent-800)}
.accent-choice label:has(input:focus-visible){outline:2px solid var(--accent-700);outline-offset:2px}

/* API Key › 接入指南 */
.api-guide-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 0}
.api-guide-row>span,.api-guide-row>label{font-size:13px;color:#64625b;flex-shrink:0}
.api-guide-row code{flex:1;min-width:0;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:12.5px;overflow-wrap:anywhere}
.api-guide-row select{max-width:260px}
.api-guide-base .field-help code,.api-guide-notes code{font-size:12px}
.api-guide-models{margin:18px 0 0}
.api-guide-models strong{font-size:13px}
.api-model-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.api-model-list li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}
.api-model-list code{padding:3px 8px;border-radius:6px;background:#f3f1e8;font-size:12.5px}
.api-model-list .api-model-meta{color:var(--muted);font-size:12px}
.api-model-list .api-model-alias{color:#64625b;font-size:12px;flex-basis:100%;padding-left:2px}
.api-guide-sample{margin:18px 0 0}
.api-sample{margin:10px 0 0;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#2f2d26;color:#f5f4f0;font-size:12.5px;line-height:1.55;overflow:auto;max-height:340px}
.api-sample code{background:none;color:inherit;padding:0;font-size:inherit;white-space:pre}
.api-guide-notes{margin:16px 0 0;padding-left:18px}
.api-guide-notes li{margin:4px 0}
html[data-theme=dark] .api-sample{background:#17160f;border-color:#3a382f}
.api-docs-link a{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}

.credit-history{margin-top:18px}.credit-history h3,.statement-panel h3{font-size:14px;margin:0 0 6px}
.statement-line{display:flex;gap:10px;align-items:baseline;padding:6px 0;font-size:13px;border-bottom:1px solid var(--border,rgba(127,127,127,.2))}
.statement-day{flex:0 0 3.2em;opacity:.65}.statement-what{flex:1;min-width:0;overflow-wrap:anywhere}.statement-amount{font-variant-numeric:tabular-nums;white-space:nowrap}
.statement-balance{font-size:13px;font-weight:600;margin:8px 0 0}
.statement-panel{padding:12px 0}.compensate-form{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.compensate-form input[type=number]{width:96px}.compensate-form input:not([type=number]){flex:1;min-width:160px}.compensate-form p{flex-basis:100%;margin:0}

.purchase-availability{padding:12px 14px;background:var(--wash);border-radius:var(--radius-2);color:var(--muted);font-size:13px;line-height:1.7}
.purchase-categories{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}
.purchase-categories button.selected{border-color:var(--accent-600);background:var(--wash);color:var(--accent-700)}
.purchase-mode{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:22px 0 16px}
.purchase-mode h3{width:100%;margin:0;font-size:14px}
.purchase-mode label{font-size:12px;flex:1;min-width:180px;margin:0}
.purchase-mode select{width:100%;max-width:100%}
.purchase-mode button.selected{border-color:var(--accent-600);color:var(--accent-700)}
.purchase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
.purchase-card{border:1px solid var(--line);border-radius:var(--radius-3);padding:18px 14px;background:var(--paper);min-width:0;display:flex;flex-direction:column}
.purchase-card.is-selected{border-color:var(--accent-600);box-shadow:0 0 0 1px var(--accent-600)}
.purchase-card h3{font-size:14px;margin:0 0 14px}
.purchase-card .purchase-price{font-size:28px;font-weight:650;letter-spacing:-1px;line-height:1.2;margin:0 0 10px;color:var(--ink)}
.purchase-card .purchase-units{font-size:14px;color:var(--ink);font-weight:550;margin:0 0 4px}
.purchase-card .purchase-caption{font-size:12px;margin:0 0 18px;color:var(--muted)}
.purchase-card button{margin-top:auto;width:100%;font-size:12px;padding:9px 4px}
.purchase-review{padding:20px;border:1px solid var(--accent-600);border-radius:var(--radius-3);background:var(--wash);margin:20px 0}
.purchase-review h3{font-size:15px;margin:0}
.purchase-review .purchase-total{font-size:22px;font-weight:600;color:var(--ink);margin:12px 0}
.purchase-review p,.purchase-explanation{font-size:13px;line-height:1.7}
.purchase-rules,.purchase-history{margin-top:28px}
.purchase-rules h3,.purchase-history h3{font-size:14px;margin:0 0 10px}
.purchase-rules ul{padding-left:18px;margin:0;color:var(--muted);font-size:12px;line-height:1.9}
.purchase-rules li+li{margin-top:6px}
.purchase-order,.purchase-bundle{display:grid;gap:6px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}
.purchase-order small,.purchase-bundle small{overflow-wrap:anywhere;color:var(--muted)}
@media(max-width:600px){.purchase-grid{grid-template-columns:1fr}.purchase-card{display:grid;grid-template-columns:1fr auto;column-gap:14px;padding:18px}.purchase-card h3{grid-column:1;margin:0 0 8px}.purchase-card .purchase-price{grid-column:2;grid-row:1/3;align-self:center;font-size:27px}.purchase-card .purchase-units{grid-column:1;grid-row:2}.purchase-card .purchase-caption{grid-column:1/-1;margin:4px 0 14px}.purchase-card button{grid-column:1/-1}.purchase-review{padding:16px}.purchase-mode label{flex-basis:100%}}

/* Generated by superagent/theme.py from the light stylesheets. Do not edit; adjust static/theme.css. */
:root[data-theme=dark]{color-scheme:dark}
/* signup.css */
:root[data-theme=dark] .auth-registration{border-top:1px solid var(--line,#3d3d3d)}
:root[data-theme=dark] .auth-registration [role=status]:not(:empty),:root[data-theme=dark] .auth-bindings [role=status]:not(:empty){border:1px solid var(--line,#3d3d3d)}
:root[data-theme=dark] #login.auth-card{background:var(--white,#262626);border:1px solid var(--line);box-shadow:0 12px 40px rgba(0,0,0,0.193);color:var(--ink)}
:root[data-theme=dark] #login .auth-subtitle{color:var(--muted)}
:root[data-theme=dark] #login .auth-tabs{background:var(--wash)}
:root[data-theme=dark] #login .auth-tabs button{border:0;background:transparent;color:var(--muted)}
:root[data-theme=dark] #login .auth-tabs button.selected{background:var(--white,#262626);color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,0.207)}
:root[data-theme=dark] #login .auth-field,:root[data-theme=dark] #login label{color:var(--ink)}
:root[data-theme=dark] #login input:not([type=checkbox]){border:1px solid var(--line-strong);background:var(--white,#262626);color:var(--ink);box-shadow:none}
:root[data-theme=dark] #login input::placeholder{color:var(--muted)}
:root[data-theme=dark] #login input:focus-visible{outline:2px solid var(--accent-400);border-color:var(--accent-700)}
:root[data-theme=dark] #login button.primary{border:1px solid var(--accent-800);background:var(--accent-800);color:#262626;box-shadow:none}
:root[data-theme=dark] #login button.primary:hover:not(:disabled){background:var(--accent-900)}
:root[data-theme=dark] #login .auth-text-link{background:transparent;border:0;box-shadow:none;color:var(--accent-700)}
:root[data-theme=dark] #login .auth-text-link:hover{text-decoration:underline}
:root[data-theme=dark] #login .auth-reveal{border:0;background:transparent;color:var(--muted);box-shadow:none}
:root[data-theme=dark] #login .auth-divider{color:var(--muted)}
:root[data-theme=dark] #login .auth-divider:before,:root[data-theme=dark] #login .auth-divider:after{background:var(--line)}
:root[data-theme=dark] #login .auth-methods button{border:1px solid var(--line-strong);background:var(--white,#262626);color:var(--ink);box-shadow:none}
:root[data-theme=dark] #login .auth-methods button:hover:not(:disabled){background:var(--wash)}
:root[data-theme=dark] #login .auth-provider-icon{background:#2884ff;color:#262626}
:root[data-theme=dark] #login .auth-hint{color:var(--muted)}
:root[data-theme=dark] #login .auth-footer{color:var(--muted)}
:root[data-theme=dark] #login .auth-status:not(:empty),:root[data-theme=dark] #login .auth-social [role=status]:not(:empty),:root[data-theme=dark] #login .auth-recovery-panel [role=status]:not(:empty){background:var(--wash);color:var(--ink);border:1px solid var(--line)}
:root[data-theme=dark] #login .auth-setup-choice input{accent-color:var(--accent-800)}
:root[data-theme=dark] #login .auth-recovery-choices button{border:1px solid var(--line);background:transparent;color:var(--muted);box-shadow:none}
:root[data-theme=dark] #login .auth-recovery-choices button[aria-pressed=true]{border-color:var(--accent-700);background:var(--wash);color:var(--accent-800)}
:root[data-theme=dark] #login .auth-alipay-symbol{background:#2884ff;color:#262626}
/* tokens.css */
:root[data-theme=dark]{--wash-green:#35342e;--line:#383631;--muted:#9b9990;--muted-olive:#86847c;--white:#262626;--line-soft:#2b2a26;--wash:#21211e;--muted-dark:#9b9990;--danger:#da8279;--paper:#1d1c1a;--moss:#a6a49b;--muted-light:#74726b;--line-strong:#4b4942;--ink:#dcdad5;--slate:#adaca3;--danger-strong:#e9847c;--ink-green:#b7cbab;--cream:#1f1e19;--warn:#be9555;--accent-900:#b8d4c0;--accent-800:#aac9b3;--accent-700:#97bfa5;--accent-600:#8eab82;--accent-500:#74a67c;--accent-400:#687e58;--accent-300:#627356}
/* accents.css */
:root[data-theme=dark][data-accent=terracotta]{--accent-900:#d07353;--accent-800:#cc6644;--accent-700:#c15d3c;--accent-600:#9a604c;--accent-500:#935946;--accent-400:#77402d;--accent-300:#6f3927}
:root[data-theme=dark][data-accent=ocean]{--accent-900:#8dbbe7;--accent-800:#7eb0e0;--accent-700:#73a5d4;--accent-600:#6294c2;--accent-500:#5a8bb9;--accent-400:#4f6b84;--accent-300:#47627b}
:root[data-theme=dark][data-accent=plum]{--accent-900:#cba9da;--accent-800:#c19dd2;--accent-700:#b592c7;--accent-600:#a481b5;--accent-500:#9c79ad;--accent-400:#75617e;--accent-300:#6c5875}
:root[data-theme=dark][data-accent=graphite]{--accent-900:#d4d4d0;--accent-800:#cac9c5;--accent-700:#bfbebb;--accent-600:#afaeaa;--accent-500:#a7a6a2;--accent-400:#898884;--accent-300:#807f7c}
/* app.css */
:root[data-theme=dark]{color:var(--ink);background:var(--paper)}
:root[data-theme=dark] a{color:inherit;text-decoration:none}
:root[data-theme=dark] :focus-visible{outline:2px solid var(--accent)}
:root[data-theme=dark] header{border-bottom:1px solid var(--line);background:var(--paper)}
:root[data-theme=dark] .brand-mark{color:var(--accent)}
:root[data-theme=dark] nav a{color:var(--muted)}
:root[data-theme=dark] nav a:hover,:root[data-theme=dark] nav a[aria-current]{color:var(--ink)}
:root[data-theme=dark] nav a[aria-current]:after{background:var(--accent)}
:root[data-theme=dark] .account #logout{color:var(--muted)}
:root[data-theme=dark] .eyebrow{color:var(--muted)}
:root[data-theme=dark] p{color:var(--muted)}
:root[data-theme=dark] .quick-links a{border-bottom:1px solid var(--line-strong)}
:root[data-theme=dark] .quick-links a>span:last-child{color:var(--muted-light)}
:root[data-theme=dark] .quick-links a:hover{color:var(--accent);border-color:var(--accent)}
:root[data-theme=dark] .count{color:var(--muted)}
:root[data-theme=dark] .muted-link{color:var(--muted)}
:root[data-theme=dark] .empty{color:var(--muted)}
:root[data-theme=dark] .panel{background:var(--white);border:1px solid var(--line)}
:root[data-theme=dark] .understated{background:transparent;border:0;border-left:2px solid var(--line-strong)}
:root[data-theme=dark] .workspace form{background:#262626;border:1px solid var(--line)}
:root[data-theme=dark] .workspace>div[role=status]:not(:empty),:root[data-theme=dark] .workspace>p[role=status]:not(:empty){color:#b89a6d}
:root[data-theme=dark] label{color:var(--slate)}
:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{border:1px solid var(--line);background:var(--white);color:var(--ink)}
:root[data-theme=dark] textarea::placeholder,:root[data-theme=dark] input::placeholder{color:var(--muted-light)}
:root[data-theme=dark] button{border:1px solid var(--line);background:var(--white);color:#bdbcb2}
:root[data-theme=dark] button:hover{background:var(--wash-green)}
:root[data-theme=dark] .primary{background:var(--accent-800)!important;color:#262626!important;border-color:var(--accent-800)}
:root[data-theme=dark] .primary:hover{background:var(--accent-900)!important}
:root[data-theme=dark] .quiet{border:0;background:transparent;color:var(--muted)}
:root[data-theme=dark] .quiet:hover{background:transparent;color:var(--ink)}
:root[data-theme=dark] .actions button:not(.primary):not(.danger){background:transparent}
:root[data-theme=dark] .source{color:var(--accent)}
:root[data-theme=dark] .source:hover{text-decoration:underline}
:root[data-theme=dark] .tabs,:root[data-theme=dark] .subnav{border-bottom:1px solid var(--line)}
:root[data-theme=dark] .tabs button,:root[data-theme=dark] .subnav a{border:0;background:transparent;color:var(--muted);border-bottom:2px solid transparent}
:root[data-theme=dark] .tabs .selected,:root[data-theme=dark] .subnav [aria-current]{border-bottom-color:var(--accent);color:var(--accent-900);background:transparent!important}
:root[data-theme=dark] .tabs button:hover{color:var(--accent-900)}
:root[data-theme=dark] .row{border-bottom:1px solid var(--line)}
:root[data-theme=dark] .tag{background:var(--line-soft);color:var(--moss)}
:root[data-theme=dark] summary{color:var(--moss)}
:root[data-theme=dark] .disclosure{border-bottom:1px solid var(--line)}
:root[data-theme=dark] .history>summary{color:var(--muted)}
:root[data-theme=dark] #notice{border:1px solid #3c3b33;background:var(--cream);color:#b89a6d}
:root[data-theme=dark] #review-card blockquote{color:var(--muted)}
:root[data-theme=dark] blockquote{border-left:2px solid var(--line-strong)}
:root[data-theme=dark] dialog{border:1px solid var(--line)}
:root[data-theme=dark] dialog::backdrop{background:color-mix(in srgb,var(--ink) 30%,transparent)}
:root[data-theme=dark] iframe{border:1px solid var(--line);background:var(--white)}
:root[data-theme=dark] .meeting-point{border-bottom:1px solid var(--line)}
:root[data-theme=dark] .warning{color:var(--warn)}
:root[data-theme=dark] .knowledge-passage{border-top:1px solid var(--line)}
:root[data-theme=dark] #code-incoming{background:var(--cream)}
:root[data-theme=dark] #reader-tools .explain-field{border-left:2px solid var(--line-strong)}
:root[data-theme=dark] footer{color:var(--muted-light)}
:root[data-theme=dark] body.chat-mode{background:var(--paper)}
:root[data-theme=dark] body.chat-mode header{border-bottom:1px solid var(--line-soft)}
:root[data-theme=dark] #home-overview>summary{color:#939393}
:root[data-theme=dark] .history-row{border:0;background:transparent;color:var(--slate)}
:root[data-theme=dark] .history-row:hover,:root[data-theme=dark] .history-row.selected{background:var(--line-soft);color:var(--ink)}
:root[data-theme=dark] .history-import{color:var(--muted-dark)}
:root[data-theme=dark] #chat-welcome>p:not(.eyebrow){color:var(--muted-olive)}
:root[data-theme=dark] .chat-suggestions button{background:transparent;border:1px solid var(--line);color:var(--slate)}
:root[data-theme=dark] #chat-composer{border:1px solid var(--line);background:#262626;box-shadow:0 3px 16px color-mix(in srgb,var(--accent-900) 6%,transparent)}
:root[data-theme=dark] #chat-input{border:0;box-shadow:none!important;background:transparent;outline:0}
:root[data-theme=dark] #chat-mode{border:0;background:var(--wash-green)}
:root[data-theme=dark] #chat-state{color:var(--muted-olive)}
:root[data-theme=dark] .message-author{color:var(--muted)}
:root[data-theme=dark] .chat-message.user{background:var(--line-soft)}
:root[data-theme=dark] .chat-markdown p{color:inherit}
:root[data-theme=dark] .chat-markdown pre{background:var(--wash)}
:root[data-theme=dark] .chat-markdown th,:root[data-theme=dark] .chat-markdown td{border:1px solid var(--line)}
:root[data-theme=dark] .activity-card{border:1px solid var(--line)}
:root[data-theme=dark] .artifact-link{color:var(--accent-700)}
:root[data-theme=dark] .sr-only{border:0}
:root[data-theme=dark] .sidebar-utilities{border-bottom:1px solid var(--line-soft)}
:root[data-theme=dark] .sidebar-utilities a{color:var(--muted-olive);text-decoration:none}
:root[data-theme=dark] .creation-links a{border:1px solid var(--line);text-decoration:none;color:#bdbcb2}
:root[data-theme=dark] .recall-card,:root[data-theme=dark] .tool-card{border:1px solid var(--line);background:var(--white)}
:root[data-theme=dark] .recall-card small{color:var(--muted)}
:root[data-theme=dark] .recall-question{color:var(--ink-green)!important}
:root[data-theme=dark] .recall-card blockquote{border-left:2px solid #55534d;color:var(--muted-olive)}
:root[data-theme=dark] #wiki-status{color:var(--muted)}
:root[data-theme=dark] #chat-composer{border:1px solid var(--line);box-shadow:0 4px 24px color-mix(in srgb,var(--ink) 2%,transparent)}
:root[data-theme=dark] #chat-composer .composer-icon,:root[data-theme=dark] #chat-composer #send-chat{border:0;background:transparent;color:var(--muted-dark)}
:root[data-theme=dark] #chat-composer .composer-icon:hover{background:var(--wash);color:var(--accent-900)}
:root[data-theme=dark] #chat-composer .composer-icon[aria-expanded=true]{background:var(--line-soft);color:var(--accent-800)}
:root[data-theme=dark] #chat-composer svg{fill:none;stroke:currentColor}
:root[data-theme=dark] #chat-composer #send-chat{color:#262626;background:var(--accent-800)}
:root[data-theme=dark] #chat-composer #chat-model,:root[data-theme=dark] #chat-composer #chat-mode{border:0;background-color:transparent;color:var(--slate)}
:root[data-theme=dark] #chat-composer #chat-mode{color:var(--muted-olive)}
:root[data-theme=dark] #chat-composer #chat-model:hover,:root[data-theme=dark] #chat-composer #chat-mode:hover{background-color:var(--wash-green)}
:root[data-theme=dark] #chat-composer #chat-state{color:var(--muted-olive)}
:root[data-theme=dark] #chat-composer #composer-panel{border:1px solid var(--line);background:var(--white);box-shadow:0 10px 38px color-mix(in srgb,var(--ink) 8%,transparent)}
:root[data-theme=dark] #composer-panel .composer-panel-heading{color:var(--muted-olive)}
:root[data-theme=dark] #composer-panel .composer-panel-heading button{border:0;background:none;color:var(--muted)}
:root[data-theme=dark] #chat-composer #composer-panel label{color:#bdbcb2}
:root[data-theme=dark] #chat-composer #composer-panel select{background:var(--paper);border:0;color:var(--moss)}
:root[data-theme=dark] #chat-composer #composer-panel input[type=checkbox]{accent-color:var(--accent-700)}
:root[data-theme=dark] #composer-panel>a{color:var(--muted-olive);border-top:1px solid var(--line-soft)}
:root[data-theme=dark] #composer-panel #model-hint{color:var(--muted)}
:root[data-theme=dark] #chat-composer #voice-bar{color:var(--danger-strong)}
:root[data-theme=dark] #voice-bar .voice-indicator{background:currentColor}
:root[data-theme=dark] #voice-bar button{border:0;background:transparent;color:inherit}
:root[data-theme=dark] #voice-bar[data-phase=transcribing]{color:var(--muted-olive)}
:root[data-theme=dark] #voice-bar[data-phase=error]{color:var(--danger)}
:root[data-theme=dark] #voice-input[aria-pressed=true]{color:var(--danger)!important;background:#27201e!important}
:root[data-theme=dark] .account-trigger{border:0;background:transparent}
:root[data-theme=dark] .avatar{background:var(--wash-green);color:var(--slate)}
:root[data-theme=dark] #account-menu{background:var(--white);border:1px solid var(--line);box-shadow:0 12px 44px color-mix(in srgb,var(--ink) 11%,transparent)}
:root[data-theme=dark] #account-menu>a,:root[data-theme=dark] #account-menu>button{border:0;background:transparent}
:root[data-theme=dark] #account-menu>a:hover,:root[data-theme=dark] #account-menu>button:hover{background:var(--wash)}
:root[data-theme=dark] #account-menu hr{border:0;border-top:1px solid var(--line)}
:root[data-theme=dark] .destination-grid>a{border:1px solid var(--line);background:#262626}
:root[data-theme=dark] .destination-grid>a:hover{border-color:#55534d}
:root[data-theme=dark] .destination-mark{color:var(--muted-light)}
:root[data-theme=dark] .destination-grid>a>span:last-child{color:var(--muted-olive)}
:root[data-theme=dark] #account-page small{color:var(--muted)}
:root[data-theme=dark] .memo-row{border-bottom:1px solid var(--line)}
:root[data-theme=dark] .memo-row small{color:var(--muted)}
:root[data-theme=dark] .memo-row small.overdue{color:var(--danger)}
:root[data-theme=dark] .memo-check{border:1px solid #55534d;background:#262626;color:var(--accent)}
:root[data-theme=dark] .memo-actions button{background:transparent;border:0;color:var(--muted)}
:root[data-theme=dark] #memo-search{background:transparent}
:root[data-theme=dark] .history-search-trigger{color:var(--muted);background:transparent;border:0}
:root[data-theme=dark] .history-row.selected{background:var(--wash-green)}
:root[data-theme=dark] .history-row:hover{background:var(--line-soft)}
:root[data-theme=dark] .history-result{border:0;border-bottom:1px solid var(--line);background:transparent}
:root[data-theme=dark] .history-result small{color:var(--muted)}
:root[data-theme=dark] .history-result mark{background:var(--wash-green);color:var(--ink-green)}
:root[data-theme=dark] .dialog-heading{background:var(--paper);border-bottom:1px solid var(--line)}
:root[data-theme=dark] .dialog-close{border:0;background:transparent}
:root[data-theme=dark] .history-dialog #history-query{background:#262626}
:root[data-theme=dark] .management-dialog{background:var(--paper)}
:root[data-theme=dark] .management-dialog .tool-card{border:0;border-bottom:1px solid var(--line);background:transparent}
:root[data-theme=dark] .dialog-notice{background:var(--line-soft)}
:root[data-theme=dark] .danger-text{color:var(--danger)!important}
:root[data-theme=dark] .danger{color:#262626;background:var(--danger-strong);border-color:var(--danger-strong)}
:root[data-theme=dark] .delete-user-panel{border:1px solid #694b48;background:var(--white)}
:root[data-theme=dark] .composer-config small{color:var(--muted)}
:root[data-theme=dark] .chat-message.search-hit{outline:2px solid var(--accent-300)}
:root[data-theme=dark] #composer-panel .composer-config{border-bottom:1px solid var(--line)}
:root[data-theme=dark] .community-row{border-bottom:1px solid var(--line)}
:root[data-theme=dark] .community-row small{color:var(--muted)}
:root[data-theme=dark] #skill-market-content{background:#262626;border:1px solid var(--line)}
:root[data-theme=dark] #delete-user-error{color:var(--danger-strong)}
:root[data-theme=dark] .image-versions .selected{outline:2px solid var(--accent,var(--accent-800))}
:root[data-theme=dark] .history-item-menu[open]{background:var(--white);border:1px solid var(--line)}
:root[data-theme=dark] .history-item-menu button{background:none;border:0}
:root[data-theme=dark] .history-item-menu button:hover{background:var(--wash)}
:root[data-theme=dark] .history-pin{border:0;background:transparent;color:var(--muted)}
:root[data-theme=dark] .history-pin.pinned{color:var(--accent-800)}
:root[data-theme=dark] .upward-select:after{border-top:1.5px solid currentColor;border-left:1.5px solid currentColor}
:root[data-theme=dark] .upward-select:hover,:root[data-theme=dark] .upward-select[aria-expanded=true]{background:var(--wash-green)!important}
:root[data-theme=dark] .upward-select:focus-visible{outline:2px solid var(--accent-500)}
:root[data-theme=dark] .upward-options{background:var(--white);border:1px solid var(--line);box-shadow:0 10px 35px color-mix(in srgb,var(--accent-900) 15%,transparent);outline:0}
:root[data-theme=dark] .upward-options [role=option]{color:#bdbcb2}
:root[data-theme=dark] .upward-options [aria-selected=true]{background:var(--wash-green)}
:root[data-theme=dark] .upward-options .highlighted{background:var(--wash-green)}
:root[data-theme=dark] #chat-model.enhanced-select{border:0}
:root[data-theme=dark] #chat-model-trigger{background:transparent;border:0}
:root[data-theme=dark] #chat-model-menu{background:var(--white);border:1px solid var(--line);box-shadow:0 10px 35px color-mix(in srgb,var(--accent-900) 15%,transparent)}
:root[data-theme=dark] #chat-model-menu button{border:0;background:transparent}
:root[data-theme=dark] #chat-model-menu button:hover,:root[data-theme=dark] #chat-model-menu button:focus-visible{background:var(--wash-green)}
:root[data-theme=dark] #chat-model-menu [aria-selected=true]{background:var(--wash-green)}
:root[data-theme=dark] #chat-model-menu summary{color:var(--muted-olive);border-top:1px solid var(--wash-green)}
:root[data-theme=dark] #research-options{border-top:1px solid var(--line-soft)}
:root[data-theme=dark] #research-options p{color:var(--muted-olive)}
:root[data-theme=dark] .research-card{border:1px solid var(--line)}
:root[data-theme=dark] .research-card small{color:var(--muted)}
:root[data-theme=dark] .research-card .research-progress{color:var(--muted)}
:root[data-theme=dark] .research-card .research-activity{color:var(--muted)}
:root[data-theme=dark] .chat-jump{border:1px solid var(--line);background:var(--white);box-shadow:0 3px 16px color-mix(in srgb,var(--accent-900) 8%,transparent)}
:root[data-theme=dark] .turn-state{color:var(--muted-dark)}
:root[data-theme=dark] .turn-clock{color:var(--muted)}
:root[data-theme=dark] .thinking-orbit{border:2px solid var(--line);border-top-color:var(--accent-500);border-right-color:var(--accent-300)}
:root[data-theme=dark] .turn-state.settled .thinking-orbit{border-color:var(--accent-300);background:var(--accent-300)}
:root[data-theme=dark] .turn-state.settled{color:var(--muted)}
:root[data-theme=dark] .turn-error{color:var(--danger)!important}
:root[data-theme=dark] .thinking-note{color:var(--muted)}
:root[data-theme=dark] .turn-details{border-left:2px solid var(--wash-green);color:var(--muted-olive)}
:root[data-theme=dark] .turn-step[data-phase=error]::before{color:var(--danger)}
:root[data-theme=dark] .reasoning-text{color:var(--muted-dark)}
:root[data-theme=dark] .message-actions button,:root[data-theme=dark] .message-versions button{background:transparent;border:0;color:var(--muted)}
:root[data-theme=dark] .message-actions button:hover,:root[data-theme=dark] .message-versions button[aria-pressed=true]{background:var(--wash-green);color:var(--accent-700)}
:root[data-theme=dark] .answer-code{border:1px solid var(--line-soft)}
:root[data-theme=dark] .answer-code-head{background:var(--paper);color:#91908a}
:root[data-theme=dark] .answer-code-head button{border:0;background:transparent;color:var(--muted-dark)}
:root[data-theme=dark] .answer-figure{background:var(--white)}
:root[data-theme=dark] .answer-figure .edgeLabel text,:root[data-theme=dark] .answer-figure .edgeLabel tspan{fill:#91908a}
:root[data-theme=dark] .chat-markdown .answer-source{border-top:1px solid var(--wash)}
:root[data-theme=dark] .answer-source summary{color:var(--muted-olive)}
:root[data-theme=dark] .diagram-error{color:var(--danger)}
:root[data-theme=dark] .answer-toc{border:1px solid var(--wash-green);color:var(--muted-olive)}
:root[data-theme=dark] .answer-toc button{background:transparent;border:0;color:var(--moss)}
:root[data-theme=dark] .answer-clarify{border:1px solid var(--line)}
:root[data-theme=dark] .answer-clarify button{border:1px solid var(--line);background:var(--paper)}
:root[data-theme=dark] .chart-dialog{border:1px solid var(--line);background:#262626}
:root[data-theme=dark] .chart-dialog::backdrop{background:color-mix(in srgb,var(--ink) 50%,transparent)}
:root[data-theme=dark] .chart-dialog-head{background:#262626;border-bottom:1px solid var(--wash-green)}
:root[data-theme=dark] .chart-dialog-head button{background:var(--wash-green);border:0}
:root[data-theme=dark] #chat-editing{background:var(--wash-green);color:var(--muted-dark)}
:root[data-theme=dark] #chat-editing button{background:transparent;border:0}
:root[data-theme=dark] #chat-style-hint{color:var(--muted)}
:root[data-theme=dark] #chat-composer textarea:focus{outline:none}
:root[data-theme=dark] .chat-message a:focus-visible,:root[data-theme=dark] .answer-code button:focus-visible{outline:2px solid var(--accent-400)}
:root[data-theme=dark] .history-delete{border:0;background:transparent;color:var(--muted)}
:root[data-theme=dark] .history-delete:hover,:root[data-theme=dark] .history-delete:focus-visible{color:var(--danger-strong);background:#27201e}
:root[data-theme=dark] .history-menu-trigger{border:0;background:transparent;color:var(--muted-olive)}
:root[data-theme=dark] .history-menu-trigger:hover,:root[data-theme=dark] .history-menu-trigger[aria-expanded=true]{background:var(--wash-green);color:var(--ink-green)}
:root[data-theme=dark] .history-actions-menu{background:var(--white);border:1px solid var(--line);box-shadow:0 10px 32px color-mix(in srgb,var(--accent-900) 11%,transparent)}
:root[data-theme=dark] .history-actions-menu button{background:transparent;border:0}
:root[data-theme=dark] .history-actions-menu button:hover,:root[data-theme=dark] .history-actions-menu button:focus-visible{background:var(--wash-green)}
:root[data-theme=dark] .history-actions-menu .danger{color:var(--danger)}
:root[data-theme=dark] .rename-record-dialog{border:1px solid var(--line)}
:root[data-theme=dark] .rename-record-dialog::backdrop{background:color-mix(in srgb,var(--ink) 33%,transparent)}
:root[data-theme=dark] .rename-record-dialog form{border:0;background:transparent;box-shadow:none}
:root[data-theme=dark] .rename-record-dialog [role=status]{color:var(--danger)}
:root[data-theme=dark] .reading-import-card{border:1px solid var(--line);background:linear-gradient(120deg,var(--wash-green),var(--white) 65%)}
:root[data-theme=dark] .reading-import-heading p{color:var(--muted)}
:root[data-theme=dark] .reading-import-heading .eyebrow{color:var(--muted)}
:root[data-theme=dark] .reading-import-tabs button{border:1px solid transparent;background:transparent;color:var(--muted-olive)}
:root[data-theme=dark] .reading-import-tabs button span{color:var(--muted)}
:root[data-theme=dark] .reading-import-tabs button[aria-selected=true]{border-color:var(--line);background:var(--white);color:var(--accent-800);box-shadow:0 2px 8px color-mix(in srgb,var(--ink-green) 3%,transparent)}
:root[data-theme=dark] .reading-import-tabs button:hover{background:var(--wash-green)}
:root[data-theme=dark] #import-form{border:0;background:none;box-shadow:none}
:root[data-theme=dark] #import-form label{color:var(--muted-olive)}
:root[data-theme=dark] #import-form input:not([type=hidden]),:root[data-theme=dark] #import-form textarea{background:var(--white);border:1px solid var(--line)}
:root[data-theme=dark] .reading-import-footer p{color:var(--muted)}
:root[data-theme=dark] .reading-upload{border:1px dashed var(--line-strong);background:color-mix(in srgb,var(--white) 50%,transparent)}
:root[data-theme=dark] .reading-upload span:last-child{color:var(--muted)}
:root[data-theme=dark] #import-form .reading-upload input{border:0;background:transparent}
:root[data-theme=dark] .reading-import-job{border-top:1px solid var(--wash-green)}
:root[data-theme=dark] .reading-import-job small{color:var(--muted)}
:root[data-theme=dark] .reading-import-job a{color:var(--accent-600);text-decoration:none}
:root[data-theme=dark] .reading-upload strong,:root[data-theme=dark] #reading-media-label{color:var(--accent-500)}
:root[data-theme=dark] .reading-upload:focus-within{outline:2px solid var(--accent-400)}
:root[data-theme=dark] .reading-upload:hover{background:var(--wash-green)}
:root[data-theme=dark] .community-card{border:1px solid var(--line-soft);background:var(--white);box-shadow:0 3px 12px color-mix(in srgb,var(--accent-900) 2%,transparent)}
:root[data-theme=dark] .community-card small{color:var(--muted-olive)}
:root[data-theme=dark] .community-art{background:linear-gradient(135deg,var(--wash-green),var(--line-strong));color:var(--accent-500);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--white) 56%,transparent)}
:root[data-theme=dark] .community-art[data-tone="1"]{background:linear-gradient(135deg,#1f2228,#1f2228);color:#748ec1}
:root[data-theme=dark] .community-art[data-tone="2"]{background:linear-gradient(135deg,var(--cream),#3c3b33);color:#9e804b}
:root[data-theme=dark] .community-art[data-tone="3"]{background:linear-gradient(135deg,#2e2a34,#2e2a34);color:#9e7dae}
:root[data-theme=dark] .community-card .community-description{color:var(--muted-dark)}
:root[data-theme=dark] .community-tags span{background:var(--wash);color:var(--muted-dark)}
:root[data-theme=dark] .community-card-footer button{background:var(--wash);border:0;color:var(--accent-700)}
:root[data-theme=dark] .community-card-footer>a{color:var(--muted-olive);text-decoration:none}
:root[data-theme=dark] .community-remote details{color:var(--muted-olive)}
:root[data-theme=dark] .skills-tabs{background:var(--wash)}
:root[data-theme=dark] .skills-tabs button{border:0;background:transparent;color:var(--muted)}
:root[data-theme=dark] .skills-tabs button[aria-selected=true]{background:#262626;color:var(--ink-green);box-shadow:0 1px 4px color-mix(in srgb,var(--accent-900) 7%,transparent)}
:root[data-theme=dark] .skills-toolbar #skill-market-query{background:var(--white)}
:root[data-theme=dark] .skills-toolbar #skill-add{background:var(--accent-800);color:var(--white);border:0}
:root[data-theme=dark] .management-dialog #skills-list .community-card{border:1px solid var(--line-soft);background:#262626}
:root[data-theme=dark] #skill-tools .community-art{background:var(--wash);color:var(--muted-dark);border:1px solid var(--wash-green)}
:root[data-theme=dark] #skill-tools .community-card{box-shadow:none}
:root[data-theme=dark] #skill-tools .community-card-footer button{background:var(--wash);color:var(--moss)}
:root[data-theme=dark] #skill-featured{background:var(--line)}
:root[data-theme=dark] #skill-featured small{color:var(--muted-dark)}
:root[data-theme=dark] .management-dialog #skill-featured h3{color:var(--ink-green)}
:root[data-theme=dark] #skill-featured p{color:var(--muted-dark)}
:root[data-theme=dark] #skill-featured button{border:0;background:var(--accent-800);color:var(--white)}
:root[data-theme=dark] .skill-featured-art{color:var(--moss)}
:root[data-theme=dark] .skills-section-heading button{background:none;border:0;color:var(--muted)}
:root[data-theme=dark] .skills-source{color:var(--muted)}
:root[data-theme=dark] .skills-source a{color:inherit;text-decoration:none}
:root[data-theme=dark] #skill-market-status{color:var(--muted)}
:root[data-theme=dark] .skill-preview-heading button{border:0;background:var(--wash-green);color:var(--moss)}
:root[data-theme=dark] #skill-preview-state{color:var(--muted)}
:root[data-theme=dark] #skill-market-content{background:var(--white)}
:root[data-theme=dark] #skill-preview-error{border:1px solid #443a32;background:var(--paper)}
:root[data-theme=dark] #skill-preview-error p{color:#b38970}
:root[data-theme=dark] #skill-market-install{background:var(--accent-800);border:0;color:#262626}
:root[data-theme=dark] .skills-toolbar :is(#skill-filter,#connector-filter){background:var(--wash);border:0;color:var(--muted-olive)}
:root[data-theme=dark] .skills-toolbar #mcp-registry-query{background:var(--white)}
:root[data-theme=dark] .management-dialog .extension-add>summary{border:0;background:var(--accent-800);color:#262626}
:root[data-theme=dark] .extension-add>div{background:#262626;border:1px solid var(--line);box-shadow:0 8px 28px color-mix(in srgb,var(--accent-900) 10%,transparent)}
:root[data-theme=dark] .extension-add>div button,:root[data-theme=dark] .extension-add>div #skill-add{background:none;color:var(--moss);border:0}
:root[data-theme=dark] .extension-add>div button:hover{background:var(--wash)}
:root[data-theme=dark] .extension-editor{border:1px solid var(--line);background:#262626}
:root[data-theme=dark] .management-dialog #connectors-list .community-card{border:1px solid var(--line-soft);background:#262626}
:root[data-theme=dark] #connector-tools .community-card{box-shadow:none}
:root[data-theme=dark] #connector-tools :is(#connector-editor,#mcp-json-import){border:1px solid var(--line);background:#262626}
:root[data-theme=dark] .community-art.has-logo{background:var(--white);box-shadow:inset 0 0 0 1px var(--line-soft)}
:root[data-theme=dark] .community-art[data-tone="4"]{background:#27201e;color:var(--danger)}
:root[data-theme=dark] .community-art[data-tone="5"]{background:#252f31;color:#71a8ad}
:root[data-theme=dark] .community-sources label{color:var(--muted)}
:root[data-theme=dark] #skill-dependency-note{background:var(--wash)}
:root[data-theme=dark] .heatmap-month{color:var(--muted)}
:root[data-theme=dark] .heat-cell{border:none;background:var(--heat-0)}
:root[data-theme=dark] .heat-cell[data-level="0"]{background:var(--heat-0)}
:root[data-theme=dark] .heat-cell[data-level="1"]{background:var(--heat-1)}
:root[data-theme=dark] .heat-cell[data-level="2"]{background:var(--heat-2)}
:root[data-theme=dark] .heat-cell[data-level="3"]{background:var(--heat-3)}
:root[data-theme=dark] .heat-cell[data-level="4"]{background:var(--heat-4)}
:root[data-theme=dark] button.heat-cell:hover,:root[data-theme=dark] button.heat-cell:focus-visible{outline:2px solid var(--muted-light)}
:root[data-theme=dark] .heatmap-legend{color:var(--muted)}
:root[data-theme=dark] .heatmap-tip{background:var(--white);border:1px solid var(--line);color:var(--ink);box-shadow:0 4px 16px color-mix(in srgb,var(--ink) 13%,transparent)}
:root[data-theme=dark] .heatmap-tip-row{color:var(--muted)}
:root[data-theme=dark] .quota-row{border-bottom:1px solid var(--line)}
:root[data-theme=dark] .quota-head span{color:var(--muted)}
:root[data-theme=dark] .meter{background:var(--line-soft)}
:root[data-theme=dark] .meter i{background:var(--accent)}
:root[data-theme=dark] .meter.warn i{background:#9e804b}
:root[data-theme=dark] .meter.high i{background:var(--danger)}
:root[data-theme=dark] .quota-row small{color:var(--muted)}
:root[data-theme=dark] #subscription-body pre{background:var(--wash)}
:root[data-theme=dark] .admin-row.presence-generating strong:before,:root[data-theme=dark] .admin-row.presence-online strong:before{background:var(--accent-500)}
:root[data-theme=dark] .admin-row.outcome-warn strong{color:var(--danger-strong)}
:root[data-theme=dark] .turn-substeps{border-left:1px solid var(--line)}
:root[data-theme=dark] .turn-substep{color:var(--muted-olive)}
:root[data-theme=dark] .turn-substep[data-phase=error]::before{color:var(--danger)}
:root[data-theme=dark] .regen-menu{background:var(--white);border:1px solid var(--line);box-shadow:0 10px 35px color-mix(in srgb,var(--accent-900) 15%,transparent)}
:root[data-theme=dark] .regen-menu>small{color:var(--muted)}
:root[data-theme=dark] .message-actions .regen-menu button{color:var(--ink)}
:root[data-theme=dark] .message-actions .regen-menu button small{color:var(--muted)}
:root[data-theme=dark] .message-actions .regen-menu button:hover,:root[data-theme=dark] .message-actions .regen-menu button:focus-visible{background:var(--wash-green)}
:root[data-theme=dark] .message-icon svg{fill:none;stroke:currentColor}
:root[data-theme=dark] .chat-message .message-actions .message-icon svg{color:var(--muted-dark)}
:root[data-theme=dark] #chat-model-menu .model-group{border-top:1px solid var(--wash-green);color:var(--muted-olive)}
:root[data-theme=dark] #chat-model-menu .model-note{color:var(--muted)}
:root[data-theme=dark] .model-basis{color:var(--muted-light)}
:root[data-theme=dark] .message-icon[aria-pressed=true]{background:var(--wash-green);color:var(--accent-700)}
:root[data-theme=dark] .share-menu input{border:1px solid var(--line);background:var(--paper)}
:root[data-theme=dark] .message-actions .share-menu>button{background:var(--wash-green)}
:root[data-theme=dark] .message-model{color:var(--muted-light)}
:root[data-theme=dark] .chat-message .message-actions .message-icon.done svg{color:var(--accent-600)}
:root[data-theme=dark] .turn-steps .reasoning-text{border-left:2px solid var(--line-soft)}
:root[data-theme=dark] .memory-scope summary{color:var(--muted)}
:root[data-theme=dark] .memory-fact .memory-text{color:var(--ink)}
:root[data-theme=dark] .memory-left-out .memory-text{color:var(--muted)}
:root[data-theme=dark] .memory-badge{background:var(--wash-green);color:var(--slate)}
:root[data-theme=dark] .memory-preview{background:var(--wash)}
:root[data-theme=dark] .reasoning-title{color:var(--moss)}
:root[data-theme=dark] .turn-team{border:1px solid var(--wash-green);background:var(--paper)}
:root[data-theme=dark] .turn-team-head{color:var(--moss)}
:root[data-theme=dark] .turn-agent{border-top:1px dashed var(--wash-green)}
:root[data-theme=dark] .turn-team-head+.turn-agent{border-top:0}
:root[data-theme=dark] .turn-agent>summary::before,:root[data-theme=dark] .turn-agent-head::before{background:var(--line-strong)}
:root[data-theme=dark] .turn-agent[data-phase=running]>summary::before{background:var(--accent-400)}
:root[data-theme=dark] .turn-agent[data-phase=done]>summary::before,:root[data-theme=dark] .turn-agent[data-phase=done]>.turn-agent-head::before{background:var(--accent-500)}
:root[data-theme=dark] .turn-agent[data-phase=error]>summary::before,:root[data-theme=dark] .turn-agent[data-phase=error]>.turn-agent-head::before{background:var(--danger)}
:root[data-theme=dark] .turn-agent-name{color:var(--moss)}
:root[data-theme=dark] .turn-agent-meta{color:var(--muted-light)}
:root[data-theme=dark] .turn-agent-line{color:var(--muted-olive)}
:root[data-theme=dark] .turn-section{color:var(--muted)}
:root[data-theme=dark] .turn-thoughts{color:var(--muted-dark)}
:root[data-theme=dark] .turn-raw summary{color:var(--muted-light)}
:root[data-theme=dark] .source-tag.official{background:var(--wash-green);color:var(--accent-600)}
:root[data-theme=dark] .source-tag.unopened{background:var(--cream);color:var(--warn)}
:root[data-theme=dark] .source-check{border-left:2px solid var(--wash-green);color:var(--muted-olive)}
:root[data-theme=dark] .source-check[data-state=warn] summary{color:var(--warn)}
:root[data-theme=dark] .source-check-note{color:var(--muted-light)}
:root[data-theme=dark] .source-number{color:var(--warn)}
:root[data-theme=dark] .turn-agent>summary{color:inherit}
:root[data-theme=dark] .turn-zoom{border:1px solid var(--line);background:var(--white);color:var(--muted-dark)}
:root[data-theme=dark] .turn-zoom:hover{background:var(--wash-green)}
:root[data-theme=dark] .turn-note{border-left:2px solid var(--line);color:var(--moss)}
:root[data-theme=dark] .turn-zoom-body{color:var(--muted-dark)}
:root[data-theme=dark] .message-time{color:var(--muted,var(--muted-olive))}
:root[data-theme=dark] .chat-message.user .message-author{color:var(--muted,var(--muted-olive))}
:root[data-theme=dark] .activity-hint,:root[data-theme=dark] .activity-refresh-warning{color:var(--muted-dark)}
:root[data-theme=dark] .activity-card[data-status=running] .activity-progress::before,:root[data-theme=dark] .activity-card[data-status=queued] .activity-progress::before{background:var(--accent-700);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-700) 12%,transparent)}
:root[data-theme=dark] .turn-paused{border:1px solid var(--line,#3c3934);background:var(--panel,#1f1d1a)}
/* focused-pages.css */
:root[data-theme=dark] .page-panel{box-shadow:0 20px 80px rgba(0,0,0,0.348);background:#262626;color:#dcdad5}
:root[data-theme=dark] .panel-heading button{background:transparent;border:0;color:inherit}
:root[data-theme=dark] .page-panel .panel{border:0;background:transparent}
:root[data-theme=dark] .page-panel .panel-heading{background:inherit}
:root[data-theme=dark] #reading-library>.disclosure>summary{color:var(--accent)}
:root[data-theme=dark] .library-bar input{background:transparent}
:root[data-theme=dark] #documents .book-card{border:1px solid #353431;background:#262626}
:root[data-theme=dark] #documents .book-cover{background:#31302b;box-shadow:inset 4px 0 #000000;color:var(--accent-600)}
:root[data-theme=dark] #documents .book-card:nth-child(3n+2) .book-cover{background:#373128;box-shadow:inset 4px 0 #000000;color:#a88b69}
:root[data-theme=dark] #documents .book-card:nth-child(3n) .book-cover{background:#2d3132;box-shadow:inset 4px 0 #000000;color:#819aa2}
:root[data-theme=dark] #documents .actions button{background:#21201e;border:0}
:root[data-theme=dark] body.reading-mode{--reading-bg:#24211b;--reading-fg:#cac9c2;--muted:#87857e;background:var(--reading-bg);color:var(--reading-fg)}
:root[data-theme=dark] body.reading-mode[data-reader-theme=light]{--reading-bg:#262626;--reading-fg:#dcdad5}
:root[data-theme=dark] body.reading-mode[data-reader-theme=dark]{--reading-bg:#e4e4e7;--reading-fg:#464542;--muted:#7a7873;--line:#c3c2be}
:root[data-theme=dark] .reader-toolbar{border-bottom:1px solid color-mix(in srgb,var(--reading-fg) 10%,transparent)}
:root[data-theme=dark] .reader-toolbar h2{color:var(--muted)}
:root[data-theme=dark] .reader-toolbar button{border:1px solid color-mix(in srgb,currentColor 24%,transparent);background:color-mix(in srgb,currentColor 4%,transparent);color:inherit}
:root[data-theme=dark] .reader-toolbar button:hover{background:rgba(133,133,133,0.067)}
:root[data-theme=dark] body.reading-mode #reader{border:0;background:var(--reading-bg)}
:root[data-theme=dark] .reader-progress{color:var(--muted)}
:root[data-theme=dark] body.reading-mode #notice{box-shadow:0 8px 32px rgba(0,0,0,0.2)}
:root[data-theme=dark] body.reading-mode .page-panel{background:var(--reading-bg);color:var(--reading-fg)}
:root[data-theme=dark] body.reading-mode .page-panel input,:root[data-theme=dark] body.reading-mode .page-panel select,:root[data-theme=dark] body.reading-mode .page-panel textarea{background:var(--reading-bg);color:var(--reading-fg);border-color:var(--line)}
:root[data-theme=dark] body.reading-mode[data-reader-theme=dark] .page-panel button{color:var(--reading-fg);background:#d2d0cd}
:root[data-theme=dark] .reader-controls output{color:var(--muted)}
:root[data-theme=dark] .reader-controls input[type=range]{accent-color:var(--accent-600)}
:root[data-theme=dark] .offline-settings{border-top:1px solid var(--line)}
:root[data-theme=dark] .focus-detail .focused-content{border:0;background:transparent}
:root[data-theme=dark] .detail-back{background:transparent;border:0;color:var(--muted)}
@media(max-width:600px){:root[data-theme=dark] .reader-actions{border-top:1px solid rgba(133,133,133,0.133)}}
:root[data-theme=dark] .notice-dismiss{border:0;background:transparent;color:inherit}
:root[data-theme=dark] .panel-notice{border:1px solid #4a473d}
:root[data-theme=dark] .meeting-card{background:var(--surface,#262626);border:1px solid var(--line,#393732)}
:root[data-theme=dark] .meeting-card span{color:var(--muted,#8f8d86)}
:root[data-theme=dark] .meeting-workspace-actions{border-bottom:1px solid var(--line,#393732)}
:root[data-theme=dark] .meeting-workspace-actions .subnav{border:0}
:root[data-theme=dark] .meeting-recording-tabs .selected{background:#2e2d27;border-color:var(--accent-500)}
:root[data-theme=dark] .meeting-player{border:1px solid var(--line,#393732)}
:root[data-theme=dark] .meeting-topic{border-top:1px solid var(--line,#393732)}
:root[data-theme=dark] .meeting-topic h5{color:var(--muted,#8f8d86)}
:root[data-theme=dark] .meeting-person.guess{border-bottom:1px dashed #9d7435}
:root[data-theme=dark] .meeting-person sup{color:#bf9361}
:root[data-theme=dark] .meeting-person.unknown{color:var(--muted,#8f8d86)}
:root[data-theme=dark] .meeting-badge{color:#bf9361;border:1px solid #3c3b33}
:root[data-theme=dark] .meeting-owner-hint{color:#bf9361}
:root[data-theme=dark] .meeting-thinking{color:var(--accent-600)}
:root[data-theme=dark] #meeting-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted)}
:root[data-theme=dark] #meeting-tabs button.selected{color:var(--accent);border-bottom-color:var(--accent)}
:root[data-theme=dark] #effort-hint{color:var(--muted)}
:root[data-theme=dark] #documents .book-open{color:inherit;text-decoration:none}
:root[data-theme=dark] #documents .book-card:has(.book-open):hover{border-color:#6e6b64;background:#1b1b17}
:root[data-theme=dark] #documents .book-open:focus-visible:after{outline:2px solid var(--accent-600)}
:root[data-theme=dark] #meeting-add-tabs button.selected{color:var(--accent-800);border-bottom:2px solid var(--accent-700)}
:root[data-theme=dark] .meeting-drop{border:1.5px dashed var(--line,#48473e);color:var(--muted,#96938b)}
:root[data-theme=dark] .meeting-drop strong{color:inherit;color:var(--accent-800)}
:root[data-theme=dark] .meeting-drop.dragging,:root[data-theme=dark] .meeting-drop:hover{border-color:var(--accent-700);background:#1f1f1c}
:root[data-theme=dark] .meeting-text-view li.selected{background:#271f06}
:root[data-theme=dark] .reader-deep-body ul{color:var(--muted-olive)}
:root[data-theme=dark] .reader-toolbar .deep-done{color:var(--muted)}
:root[data-theme=dark] .image-viewer{border:0;background:#ebebeb;color:#2b2b2b}
:root[data-theme=dark] .image-viewer::backdrop{background:#ebebeb}
:root[data-theme=dark] .image-viewer-bar{color:#4c4c4c}
:root[data-theme=dark] .image-viewer{--close-surface:#dbdbdb;--close-ink:#2b2b2b;--close-border:#bababa}
:root[data-theme=dark] .image-viewer-actions button,:root[data-theme=dark] .image-viewer-actions a{border:1px solid #b0b0b0;background:#dfdfdf;color:#2b2b2b;text-decoration:none}
:root[data-theme=dark] .meeting-fold{border:1px solid var(--line)}
:root[data-theme=dark] .meeting-fold .panel{box-shadow:none}
:root[data-theme=dark] .meeting-action-meta{color:var(--muted-dark)}
:root[data-theme=dark] .meeting-people-line{color:var(--muted-dark)}
:root[data-theme=dark] .meeting-discussion>.meeting-topic:first-of-type{border:0}
:root[data-theme=dark] .meeting-point blockquote strong{color:var(--muted-dark)}
:root[data-theme=dark] .chat-markdown>details{border:1px solid var(--line)}
/* quick.css */
:root[data-theme=dark] #quick-shortcuts button{border:1px solid var(--line,#3d3c38);background:transparent;color:var(--muted,#96938b)}
:root[data-theme=dark] #quick-shortcuts button[aria-pressed=true]{color:var(--accent-800);background:#23221e;border-color:#706d65}
:root[data-theme=dark] .quick-question{color:var(--muted,#96938b);border-left:2px solid #49473d}
:root[data-theme=dark] .quick-expressions{border-top:1px solid var(--line,#3d3c38)}
:root[data-theme=dark] .quick-expression{border-bottom:1px solid var(--line,#3d3c38)}
:root[data-theme=dark] .quick-expression span{color:var(--muted,#96938b)}
:root[data-theme=dark] .quick-actions button:first-child{background:var(--accent-700);color:#262626;border-color:var(--accent-700)}
:root[data-theme=dark] .quick-upgrade-hint{color:var(--muted,#96938b)}
:root[data-theme=dark] #quick-history summary{color:var(--muted,#96938b)}
:root[data-theme=dark] #quick-history-list button{border:0;background:transparent}
:root[data-theme=dark] #memo-notes-list .memo-note{border-bottom:1px solid var(--line,#3d3c38)}
:root[data-theme=dark] #quick-results .quick-actions button:first-child{background:transparent;color:inherit;border-color:var(--line,#3d3c38)}
:root[data-theme=dark] .quick-images img{border:1px solid var(--line,#3d3c38);background:#262626}
:root[data-theme=dark] .quick-question-copy{border:0;background:transparent;color:#8e8c84}
:root[data-theme=dark] .quick-question-copy:hover,:root[data-theme=dark] .quick-question-copy:focus-visible{color:var(--accent-800);text-decoration:underline}
:root[data-theme=dark] .capture-receipt{border:1px solid var(--line,#3d3c38);background:#262626}
:root[data-theme=dark] .capture-head strong{color:var(--accent-800)}
:root[data-theme=dark] .capture-kind{background:#23221e;color:var(--accent-800)}
:root[data-theme=dark] .capture-receipt[data-kind=note] .capture-kind{background:#292825;color:#a09f97}
:root[data-theme=dark] .capture-title{color:#dcdad5}
:root[data-theme=dark] .capture-meta{color:var(--muted,#96938b)}
:root[data-theme=dark] .capture-plan{border-top:1px dashed var(--line,#3d3c38)}
:root[data-theme=dark] .capture-dates button{background:transparent}
:root[data-theme=dark] .capture-actions button{border:0;background:transparent;color:var(--muted,#96938b)}
:root[data-theme=dark] .capture-actions a{color:var(--accent,var(--accent-700))}
:root[data-theme=dark] .capture-receipt.undone .capture-body,:root[data-theme=dark] .capture-receipt.undone .quick-images{text-decoration:line-through}
/* workspace.css */
:root[data-theme=dark]{--surface:#262626;--sidebar:#23221e;--line:#323231;--muted:#989691;--accent:#bbb9b1}
:root[data-theme=dark] body:not(.reading-mode){background:var(--paper);color:#dbdad6}
:root[data-theme=dark] .nav-icon{color:currentColor}
:root[data-theme=dark] #workspace-menu{border:0;background:transparent;color:#9b9994}
:root[data-theme=dark] #workspace-menu:hover,:root[data-theme=dark] #toggle-history:hover{background:#32312f}
:root[data-theme=dark] body.workspace-shell .empty{color:#8a8881}
:root[data-theme=dark] body.workspace-shell .subnav{border:0}
:root[data-theme=dark] body.workspace-shell .subnav :is(a,button){border:0;background:transparent;color:var(--muted)}
:root[data-theme=dark] body.workspace-shell .subnav :is(a[aria-current],button.selected){background:#2a2a27!important;color:#c9c8bf;box-shadow:none}
:root[data-theme=dark] body.workspace-shell .subnav :is(a,button):hover{background:#21201d}
:root[data-theme=dark] body.workspace-shell .reading-import-card{background:#262626;box-shadow:none}
:root[data-theme=dark] body.workspace-shell .reading-import-tabs{background:#20201c}
:root[data-theme=dark] body.workspace-shell .reading-import-tabs button{color:#a2a098}
:root[data-theme=dark] body.workspace-shell .reading-import-tabs button[aria-selected=true]{border-color:#403d34;background:#262626;color:var(--accent-800)}
:root[data-theme=dark] body.workspace-shell #import-form label{color:#a2a098}
:root[data-theme=dark] body.chat-mode{background:var(--paper)}
:root[data-theme=dark] body.chat-mode .chat-main{background:var(--paper)}
:root[data-theme=dark] #image-help li{border-bottom:1px solid var(--line)}
:root[data-theme=dark] #image-help li strong{color:var(--accent-800)}
@media(max-width:1023px){:root[data-theme=dark] body.workspace-shell #workspace-scrim:not([hidden]){border:0;background:rgba(222,219,211,0.22)}}
:root[data-theme=dark] .brand-version{background:#333230;color:#98968e}
:root[data-theme=dark] #reading-parse-jobs,:root[data-theme=dark] #reading-import-jobs{border:1px solid var(--line)}
:root[data-theme=dark] .book-progress summary{color:var(--muted)}
:root[data-theme=dark] .book-progress small{color:var(--muted)}
:root[data-theme=dark] .ai-reading-progress{border-bottom:1px solid var(--line)}
:root[data-theme=dark] .ai-reading-progress blockquote{border-left:2px solid var(--accent)}
:root[data-theme=dark] .app-loading::after{background:var(--accent-600)}
:root[data-theme=dark] a.document-artifact{border:1px solid var(--line-strong,var(--line));background:var(--surface);color:var(--ink);text-decoration:none!important;box-shadow:0 1px 3px rgba(0,0,0,0.108)}
:root[data-theme=dark] a.document-artifact:hover{border-color:var(--accent);background:var(--wash-green)}
:root[data-theme=dark] .document-artifact-icon{border:1px solid var(--line);background:var(--paper);color:var(--muted)}
:root[data-theme=dark] .document-artifact-meta{color:var(--muted)}
:root[data-theme=dark] .document-artifact-action{color:var(--accent)}
:root[data-theme=dark] dialog.artifact-panel{border:1px solid var(--line);background:var(--surface);color:var(--ink);box-shadow:0 3px 18px rgba(0,0,0,0.136)}
:root[data-theme=dark] .artifact-panel-head{border-bottom:1px solid var(--line)}
:root[data-theme=dark] .artifact-panel-type{color:var(--muted)}
:root[data-theme=dark] .artifact-panel button.artifact-icon-button{border:0;background:transparent;color:var(--muted)}
:root[data-theme=dark] .artifact-panel button.artifact-icon-button:hover{background:var(--wash-green);color:var(--ink)}
:root[data-theme=dark] .artifact-panel button.artifact-share-button{color:var(--ink);border:1px solid var(--line)}
:root[data-theme=dark] .artifact-panel-tools{border-bottom:1px solid var(--line)}
:root[data-theme=dark] .artifact-panel-tools button{border:1px solid transparent;background:transparent;color:var(--muted)}
:root[data-theme=dark] .artifact-panel-tools [aria-pressed=true]{background:var(--wash);border-color:var(--line);color:var(--ink)}
:root[data-theme=dark] .artifact-panel-tools a{border:1px solid var(--line);text-decoration:none;color:var(--ink)}
:root[data-theme=dark] .artifact-panel-content>iframe{border:0!important}
:root[data-theme=dark] .artifact-resizer:after{background:transparent}
:root[data-theme=dark] .artifact-resizer:hover:after,:root[data-theme=dark] .artifact-resizer:focus-visible:after,:root[data-theme=dark] .artifact-resizing .artifact-resizer:after{background:var(--accent)}
:root[data-theme=dark] .artifact-popover{background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 28px rgba(0,0,0,0.249)}
:root[data-theme=dark] .artifact-popover>p{color:var(--muted)}
:root[data-theme=dark] .artifact-popover>button,:root[data-theme=dark] .artifact-popover>a{border:0;background:transparent;color:var(--ink);text-decoration:none}
:root[data-theme=dark] .artifact-popover>button:hover,:root[data-theme=dark] .artifact-popover>a:hover{background:var(--wash-green)}
:root[data-theme=dark] .artifact-menu-label{border-top:1px solid var(--line);color:var(--muted)}
:root[data-theme=dark] .artifact-font-controls output{color:var(--muted)}
@media(max-width:900px){:root[data-theme=dark] dialog.artifact-panel{border:0}}
:root[data-theme=dark] .artifact-resizer:before{background:var(--line-strong,var(--line))}
:root[data-theme=dark] .artifact-panel .artifact-icon-button[aria-pressed=true]{background:var(--wash-green);color:var(--ink)}
/* creation-studio.css */
:root[data-theme=dark] .creation-template:focus-visible{outline:2px solid var(--accent)}
:root[data-theme=dark] .template-caption{color:#84827d}
:root[data-theme=dark] .template-art{background:#34332d;color:#89877f}
:root[data-theme=dark] .art-poster{background:#36342f}
:root[data-theme=dark] .art-product{background:linear-gradient(125deg,#2e2921,#4d4331)}
:root[data-theme=dark] .art-landscape{background:#2f2e2a}
:root[data-theme=dark] .art-interior{background:#35312a}
:root[data-theme=dark] .art-wave{background:#302f2b;color:var(--accent-400)}
:root[data-theme=dark] .art-narration{background:#38322a;color:#877351}
:root[data-theme=dark] .art-english{background:#313136;color:#75748c}
:root[data-theme=dark] .art-clip{background:#333138;color:#6f6589}
:root[data-theme=dark] .art-captions{background:#2f3336;color:#61788b}
:root[data-theme=dark] .art-convert{background:#31302c;color:#75736c}
:root[data-theme=dark] .upward-options .upward-group{color:#817f76}
:root[data-theme=dark] .upward-options [role=option] small{color:#8b8981}
:root[data-theme=dark] .upward-options .upward-tabs{background:#262626;border-bottom:1px solid #292825}
:root[data-theme=dark] .upward-options .upward-tabs [role=tab]{border:0;border-bottom:2px solid transparent;background:transparent;color:#96948c}
:root[data-theme=dark] .upward-options .upward-tabs [role=tab][aria-selected=true]{background:transparent;color:#cdcac2;border-bottom-color:var(--accent-600)}
:root[data-theme=dark] .upward-options .upward-note{color:#8b8981}
/* office-templates.css */
:root[data-theme=dark] body.workspace-shell #office-templates h2,:root[data-theme=dark] body.workspace-shell .office-history-heading{color:#8d8b83}
:root[data-theme=dark] .office-guide{border:1px solid var(--line,#393732);background:var(--surface,#262626)}
:root[data-theme=dark] .office-guide span{color:var(--muted,#8f8d86)}
:root[data-theme=dark] .office-guide:hover{border-color:var(--accent-500)}
:root[data-theme=dark] .office-template{border:0;background:transparent;color:#c3c1b9}
:root[data-theme=dark] .office-template:hover{background:transparent}
:root[data-theme=dark] .office-template:focus-visible{outline:2px solid var(--accent)}
:root[data-theme=dark] .office-template-art{background:#2f2e28;color:var(--accent-400)}
:root[data-theme=dark] .office-template-art.theme-huawei{background:#382e2c;color:#ff5a4c}
:root[data-theme=dark] .office-template-art.theme-sand{background:#342f29;color:#836c4c}
:root[data-theme=dark] .office-template-art.theme-lavender{background:#323036;color:#786e8e}
:root[data-theme=dark] .office-template-art.theme-blue{background:#2b3033;color:#597785}
:root[data-theme=dark] .office-template>span:last-child{color:var(--muted)}
:root[data-theme=dark] #office-template-preview{border:1px solid #383730;box-shadow:0 16px 60px color-mix(in srgb,var(--accent-900) 13%,transparent)}
:root[data-theme=dark] #office-template-preview::backdrop{background:rgba(223,220,212,0.2)}
:root[data-theme=dark] #office-template-preview form{border:0}
:root[data-theme=dark] #office-template-preview .bar button{border:0;background:transparent;color:#8b8981}
:root[data-theme=dark] #office-template-preview label{color:#8b8981}
/* responsive.css */
:root[data-theme=dark] #chat-welcome h1:before{background:conic-gradient(from 45deg,#6e6b64,var(--accent-700),#4f4d47,#6e6b64);box-shadow:inset 0 0 0 4px rgba(0,0,0,0.984)}
:root[data-theme=dark] .turn-state:not(.settled){border-left:2px solid var(--accent-400)}
/* composer-menu.css */
:root[data-theme=dark] body #chat-composer .composer-mention{border:0;background:var(--wash-green);color:var(--accent-700)}
:root[data-theme=dark] body #chat-composer .composer-mention:focus-visible{outline:2px solid var(--accent-400)}
:root[data-theme=dark] body #chat-composer #chat-input::placeholder{color:var(--muted)}
:root[data-theme=dark] .composer-footer .composer-disclaimer{color:#7c7a75}
:root[data-theme=dark] .composer-footer #chat-model-trigger{color:#bdbbb3}
:root[data-theme=dark] body .composer-footer #chat-effort{border:0;background-color:transparent;color:var(--muted)}
:root[data-theme=dark] .composer-footer #model-hint{color:var(--muted)}
:root[data-theme=dark] body #chat-composer .compose-menu{border:1px solid #383735;background:#262626;box-shadow:0 10px 40px rgba(0,0,0,0.299)}
:root[data-theme=dark] body #chat-composer .compose-menu .compose-menu-row{border:0;background:transparent;color:#cbcac1;text-decoration:none}
:root[data-theme=dark] body #chat-composer .compose-menu .compose-menu-row:hover,:root[data-theme=dark] body #chat-composer .compose-menu .compose-menu-row[aria-expanded=true]{background:#22211e}
:root[data-theme=dark] .compose-menu-row>[data-compose-icon]{color:#adaaa2}
:root[data-theme=dark] .compose-menu .menu-chevron{color:#76746c}
:root[data-theme=dark] .compose-menu hr{border:0;border-top:1px solid #31302d}
:root[data-theme=dark] body #chat-composer .compose-menu .compose-menu-back{border:0;border-bottom:1px solid #2d2d29;background:none;color:#838179}
:root[data-theme=dark] .compose-menu-row[aria-pressed=true]:after{color:var(--accent-600)}
:root[data-theme=dark] body #chat-composer #composer-panel{border:0;box-shadow:none;background:transparent}
:root[data-theme=dark] body #chat-composer #composer-panel select{background:#201f1d}
:root[data-theme=dark] body #chat-composer .compose-menu :is(.compose-menu-empty,#skill-mode-hint,#chat-connectors-status){color:#7d7c73}
:root[data-theme=dark] .compose-switch:after{background:radial-gradient(circle at 9px 9px,#262626 6px,transparent 7px),#4f4d47}
:root[data-theme=dark] .compose-switch[aria-checked=true]:after{background:radial-gradient(circle at 21px 9px,#262626 6px,transparent 7px),var(--accent-600)}
:root[data-theme=dark] .compose-menu button:focus-visible,:root[data-theme=dark] .compose-menu a:focus-visible{outline:2px solid var(--accent-400)}
:root[data-theme=dark] body #chat-composer #chat-send-mode button{border:1px solid transparent;background:transparent;color:var(--muted-dark)}
:root[data-theme=dark] body #chat-composer #chat-send-mode button[aria-pressed=true]{border-color:var(--line);background:var(--wash-green);color:var(--accent-700)}
:root[data-theme=dark] #chat-queue .queue-item{border:1px solid var(--line);background:var(--white);color:var(--muted-dark)}
:root[data-theme=dark] #chat-queue .queue-item[data-state=failed]{border-color:var(--danger)}
:root[data-theme=dark] #chat-queue .queue-state{color:var(--muted-olive)}
:root[data-theme=dark] #chat-queue .queue-item[data-state=failed] .queue-state{color:var(--danger)}
:root[data-theme=dark] #chat-queue .queue-text{color:var(--ink)}
:root[data-theme=dark] #chat-queue .queue-actions button{border:0;background:transparent;color:var(--accent-700)}
:root[data-theme=dark] #chat-queue .queue-editor{border:1px solid var(--line)}
/* conversation-list.css */
:root[data-theme=dark] .user-attachment-download{color:#918f87}
:root[data-theme=dark] .user-attachment-unavailable{border:1px dashed #4c493f;color:#918e86}
:root[data-theme=dark] body .chat-sidebar .history-list-tools>button{border:0;background:transparent;color:#95938c}
:root[data-theme=dark] body .chat-sidebar .history-list-tools>button:hover,:root[data-theme=dark] body .chat-sidebar .history-list-tools>button.is-filtered{background:#32312f;color:#d0cec5}
:root[data-theme=dark] .history-icon{color:currentColor}
:root[data-theme=dark] .history-section-toggle{border:0;background:transparent;color:#85837e}
:root[data-theme=dark] body.authenticated .chat-history-entry:hover{background:#2d2c2a}
:root[data-theme=dark] body.authenticated .chat-history-entry.selected{background:#31302d}
:root[data-theme=dark] body.authenticated .chat-history-entry .history-row{background:transparent;border:0;color:#b2afa8}
:root[data-theme=dark] body.authenticated .chat-history-entry.selected .history-row{color:#d8d7ce}
:root[data-theme=dark] .history-generating{background:var(--accent-500)}
:root[data-theme=dark] .history-group-empty{color:#777570}
:root[data-theme=dark] .quick-history-more{border:0;background:transparent;color:#8f8d85}
:root[data-theme=dark] .history-actions-menu{border-color:#3a3a35;box-shadow:0 8px 28px rgba(0,0,0,0.264),0 1px 4px rgba(0,0,0,0.172)}
:root[data-theme=dark] .history-actions-menu button{color:#d1cfc7}
:root[data-theme=dark] .history-actions-menu button>.history-icon:last-child:not(:first-child){color:#7d7b74}
:root[data-theme=dark] .history-actions-menu hr{border:0;border-top:1px solid #32312d}
:root[data-theme=dark] .history-actions-menu .danger{color:#f07266}
:root[data-theme=dark] .history-picker{border:1px solid #3a3a35;background:#262626;box-shadow:0 20px 70px rgba(0,0,0,0.334)}
:root[data-theme=dark] .history-picker::backdrop,:root[data-theme=dark] .history-dialog::backdrop{background:#201f1944}
:root[data-theme=dark] .history-picker .dialog-heading{background:#262626}
:root[data-theme=dark] .history-picker-content h3{color:#86847d}
:root[data-theme=dark] .picker-description{color:#88867e}
:root[data-theme=dark] .picker-row{border:0;background:transparent}
:root[data-theme=dark] .picker-row:hover{background:#22211d}
:root[data-theme=dark] .picker-row.is-current{background:#201f1d}
:root[data-theme=dark] .picker-add{color:var(--accent-600);border-top:1px solid #2e2c28}
:root[data-theme=dark] .history-picker-status{color:#d68374}
:root[data-theme=dark] .history-option-buttons button{background:transparent}
:root[data-theme=dark] .history-option-buttons button[aria-pressed=true]{background:#2b2a25;border-color:#5a5951;color:#bbb9b1}
:root[data-theme=dark] .group-management-row button{border:0;background:transparent}
:root[data-theme=dark] body .history-dialog{border:1px solid #3d3c39;background:#262626;box-shadow:0 24px 100px rgba(0,0,0,0.348)}
:root[data-theme=dark] body .history-dialog .history-search-heading #history-query{border:0;background:transparent;box-shadow:none}
:root[data-theme=dark] body .history-dialog #history-query:focus{outline:0}
:root[data-theme=dark] .history-search-heading .dialog-close{color:#b2afa8}
:root[data-theme=dark] #history-tabs{border-bottom:1px solid #31302c}
:root[data-theme=dark] #history-tabs button{border:0;background:transparent;color:#88867f}
:root[data-theme=dark] #history-tabs button[aria-selected=true]{background:#232220;color:#d7d6cd}
:root[data-theme=dark] #history-tabs button:hover{color:#d7d6cd;background:#1e1d1a}
:root[data-theme=dark] body .history-dialog #history-status{color:var(--muted)}
:root[data-theme=dark] .search-result-section h3,:root[data-theme=dark] #history-quick-actions h3{color:var(--muted)}
:root[data-theme=dark] body .history-dialog .history-result{border:0;background:transparent}
:root[data-theme=dark] body .history-dialog .history-result:hover,:root[data-theme=dark] body .history-dialog .history-result:focus-visible{background:#21201d}
:root[data-theme=dark] .history-result>.history-icon{color:#98968f}
:root[data-theme=dark] body .history-dialog .history-result p{color:#8f8d85}
:root[data-theme=dark] body .history-dialog .history-result small{color:#77756d}
:root[data-theme=dark] body .history-dialog .history-result mark{background:#302e26;color:var(--accent-800)}
:root[data-theme=dark] .search-quick-action{border:0;background:transparent;color:#b5b4aa}
:root[data-theme=dark] .search-quick-action:hover,:root[data-theme=dark] .search-quick-action:focus-visible{background:#21201d}
:root[data-theme=dark] .search-action-arrow{color:#716f68}
:root[data-theme=dark] .search-provider-error{background:#211e1a;color:#b08b64}
:root[data-theme=dark] .search-provider-error button{border:0;background:transparent}
:root[data-theme=dark] .history-search-empty{color:#818078}
:root[data-theme=dark] .history-search-footer{border-top:1px solid #2f2e29;background:#1c1b18;color:#77756d}
:root[data-theme=dark] .history-dialog button:focus-visible,:root[data-theme=dark] .history-picker button:focus-visible,:root[data-theme=dark] .history-actions-menu button:focus-visible,:root[data-theme=dark] .history-section-toggle:focus-visible{outline:2px solid var(--accent-300)}
/* chat-followup.css */
:root[data-theme=dark] .ask-bar{border:1px solid #3c3b33;background:#262626;box-shadow:0 6px 24px color-mix(in srgb,var(--accent-900) 13%,transparent)}
:root[data-theme=dark] .ask-bar button{border:0;background:transparent;color:#cfccc3}
:root[data-theme=dark] .ask-bar button:first-child{background:var(--accent-800);color:#262626}
:root[data-theme=dark] .ask-bar button:hover{filter:brightness(.96)}
:root[data-theme=dark] .ask-tip{background:#cfccc3;color:#262626;box-shadow:0 6px 20px color-mix(in srgb,var(--accent-900) 20%,transparent)}
:root[data-theme=dark] mark.ask-mark{background:transparent;color:inherit;border-bottom:2px solid var(--accent-400)}
:root[data-theme=dark] mark.ask-mark:hover,:root[data-theme=dark] mark.ask-mark:focus-visible{background:#302e27;outline:0}
:root[data-theme=dark] #ask-hub{border:1px solid #3c3a33;background:#262626;box-shadow:0 3px 16px color-mix(in srgb,var(--accent-900) 9%,transparent);color:#cfccc3}
:root[data-theme=dark] #ask-hub::before{background:var(--accent-400)}
:root[data-theme=dark] #ask-hub.has-new::before{background:#b56a28}
:root[data-theme=dark] .ask-panel{border:1px solid #3c3b33;background:#262626;box-shadow:0 12px 40px color-mix(in srgb,var(--accent-900) 16%,transparent)}
:root[data-theme=dark] .ask-head{border-bottom:1px solid #2d2d29}
:root[data-theme=dark] .ask-head .ask-back,:root[data-theme=dark] .ask-head .ask-close{border:0;background:transparent;color:#a6a49d}
:root[data-theme=dark] .ask-head .ask-back:hover,:root[data-theme=dark] .ask-head .ask-close:hover{background:#2b2a27}
:root[data-theme=dark] .ask-head .ask-title{border:0;background:transparent;color:#cfccc3}
:root[data-theme=dark] .ask-head .ask-title:not(.ask-panel.is-list *):hover{background:#2b2a27}
:root[data-theme=dark] .ask-question{background:#2c2b27}
:root[data-theme=dark] .ask-live .chat-message{border:0;background:transparent}
:root[data-theme=dark] .ask-row{border:0;border-bottom:1px solid #2d2d29;background:transparent}
:root[data-theme=dark] .ask-row:hover{background:#20201c}
:root[data-theme=dark] .ask-row-quote{color:#cfccc3;border-bottom:2px solid var(--accent-400)}
:root[data-theme=dark] .ask-row-question{color:#c2bfb7}
:root[data-theme=dark] .ask-row-state{color:#8d8b83}
:root[data-theme=dark] .ask-foot{border-top:1px solid #2d2d29}
:root[data-theme=dark] .ask-foot textarea{border:1px solid #3b3934}
:root[data-theme=dark] .ask-foot .ask-send.is-stop{background:#ed9281!important;border-color:#ed9281}
/* home-sheets.css */
:root[data-theme=dark] #home-sheets{background:#2d2d29}
:root[data-theme=dark] #quick-shortcuts .sheet-start{border:1px solid var(--line,#3d3c38);background:transparent;color:var(--muted,#96938b)}
:root[data-theme=dark] #quick-shortcuts .sheet-start:hover{border-color:#4e4d45;color:#c6c4bb;background:#1f1e1b}
:root[data-theme=dark] .chat-main.empty-chat #chat-welcome #sheet-lede{color:#88867f}
:root[data-theme=dark] .creation-ask-meta{color:#8b8981}
:root[data-theme=dark] .creation-turn .message-author{color:#8b8981}
:root[data-theme=dark] .creation-state{color:#a4a299}
:root[data-theme=dark] .creation-turn[data-status=failed] .creation-state{color:#de8270}
:root[data-theme=dark] .creation-spinner{border:2px solid #47453b;border-top-color:var(--accent-600)}
:root[data-theme=dark] .creation-picture{border:2px solid transparent;background:#21201d}
:root[data-theme=dark] .creation-picture.picked{border-color:var(--accent-600)}
:root[data-theme=dark] .creation-picture.picked::before{background:#3a3831d9;color:#262626}
:root[data-theme=dark] .creation-picture figcaption{background:#262626}
:root[data-theme=dark] .creation-picture figcaption a,:root[data-theme=dark] .creation-actions a{color:#a2a098;text-decoration:underline}
:root[data-theme=dark] .creation-picture figcaption button,:root[data-theme=dark] .creation-actions button{border:0;background:transparent;color:#c3c1b9}
:root[data-theme=dark] .creation-picture.picked .creation-pick{color:#cdcac2}
:root[data-theme=dark] .creation-transcript{color:#ccc9c1}
:root[data-theme=dark] .history-row .history-row-kind{color:#74726b}
:root[data-theme=dark] .creation-history-all{color:#96948c}
:root[data-theme=dark] .sheet-panel .creation-template[aria-pressed=true] .template-art{outline:2px solid #cdcbc3}
:root[data-theme=dark] .sheet-panel-head .deck-brand{color:#88867f}
:root[data-theme=dark] .answer-deck{border:1px solid #3b3934;background:#1c1b18}
:root[data-theme=dark] .answer-deck-kind{color:#94928a;background:#2d2c25}
:root[data-theme=dark] .answer-deck[data-brand] .answer-deck-kind{color:#ff7a6b;background:#3a2d2c}
:root[data-theme=dark] .answer-deck p.answer-deck-meta{color:#97958d}
:root[data-theme=dark] .answer-deck .deck-page{border:1px solid #383632;background:#262626;border-top:3px solid #cdcbc3}
:root[data-theme=dark] .answer-deck[data-brand] .deck-page{border-top-color:#ff5a4c}
:root[data-theme=dark] .answer-deck .deck-page strong{color:#e0ded7}
:root[data-theme=dark] .answer-deck .deck-page .deck-sub{color:#95938a}
:root[data-theme=dark] .answer-deck .deck-page ul{color:#acaaa1}
:root[data-theme=dark] .deck-cover .deck-page,:root[data-theme=dark] .deck-end .deck-page,:root[data-theme=dark] .deck-section .deck-page{background:#1f1f1b}
:root[data-theme=dark] .answer-deck[data-brand] :is(.deck-cover,.deck-end,.deck-section) .deck-page{background:#251f1e}
:root[data-theme=dark] .deck-reading section{border-bottom:1px solid var(--border,#383632)}
:root[data-theme=dark] .deck-preview-dialog{border:1px solid #3d3d3d;background:#1c1c1b;color:#d7dcd6}
:root[data-theme=dark] .deck-preview-dialog::backdrop{background:#0009}
:root[data-theme=dark] .deck-preview-viewport{background:#363634}
:root[data-theme=dark] .deck-preview-note{color:#a1a1a1}
:root[data-theme=dark] .answer-deck .deck-meta{color:var(--muted)}
:root[data-theme=dark] .answer-deck p.answer-deck-state{color:#97958d}
:root[data-theme=dark] .composer-footer #sheet-hint{color:var(--muted-dark)}
:root[data-theme=dark] .sheet-panel-head h2{color:#88867f}
:root[data-theme=dark] .sheet-panel-head a{color:#96938b}
:root[data-theme=dark] .sheet-panel-head a:hover{color:#c6c4bb}
:root[data-theme=dark] .sheet-panel .creation-template{border:0;background:transparent;color:#c3c0b8}
:root[data-theme=dark] .sheet-panel .creation-template .template-caption{color:var(--muted-dark)}
:root[data-theme=dark] .answer-task{border:1px solid #3c3a31;background:#1b1b17}
:root[data-theme=dark] .answer-task.created{background:#201f1b}
:root[data-theme=dark] .answer-task-kind{color:#94928a;background:#2d2c25}
:root[data-theme=dark] .answer-task p.answer-task-when{color:#97958d}
:root[data-theme=dark] .answer-task p.answer-task-prompt{color:#c4c2ba}
:root[data-theme=dark] .answer-task-actions a{color:#a2a098;text-decoration:underline}
:root[data-theme=dark] .answer-task p.answer-task-state{color:#97958d}
:root[data-theme=dark] .sheet-param select.enhanced-select{border:0}
:root[data-theme=dark] .sheet-quota{color:#a09d96}
:root[data-theme=dark] .creation-prompt{background:#1f1e1a;color:#b6b4ac}
:root[data-theme=dark] .creation-prompt-label{color:var(--muted)}
:root[data-theme=dark] .creation-prompt-edit{border:1px solid #393831}
:root[data-theme=dark] .creation-prompt-actions button{border:1px solid #393831;background:#262626;color:#c3c1b9}
:root[data-theme=dark] .creation-prompt-actions button.primary{background:#cdcac2;border-color:#cdcac2;color:#262626}
:root[data-theme=dark] .sheet-voice-manage{border:1px solid #45433a;background:#211f1b;color:var(--accent-600)}
:root[data-theme=dark] .my-voice{border:0;box-shadow:0 12px 48px rgba(0,0,0,0.419)}
:root[data-theme=dark] .my-voice::backdrop{background:rgba(223,220,212,0.2)}
:root[data-theme=dark] .my-voice-status{color:#8c8a82}
:root[data-theme=dark] .my-voice-row{border:1px solid #373530}
:root[data-theme=dark] .my-voice-row.chosen{border-color:var(--accent-400);background:#1e1d1a}
:root[data-theme=dark] .my-voice-list .empty{color:#8c8a82}
:root[data-theme=dark] .my-voice-pick small{color:#8c8a82}
:root[data-theme=dark] .my-voice-add{border-top:1px solid #292825}
:root[data-theme=dark] .my-voice-tabs button,:root[data-theme=dark] .my-voice-langs button{border:1px solid #393831;background:#262626}
:root[data-theme=dark] .my-voice-tabs button[aria-selected=true],:root[data-theme=dark] .my-voice-langs button[aria-pressed=true]{background:#cdcac2;border-color:#cdcac2;color:#262626}
:root[data-theme=dark] .my-voice-help{color:#a7a59c}
:root[data-theme=dark] .my-voice-script{background:#1f1e1a;color:#cfccc3}
:root[data-theme=dark] .my-voice-rec{border:1px solid #e56157;background:#262626;color:#f17568}
:root[data-theme=dark] .my-voice-rec.live{background:#e56157;color:#262626}
:root[data-theme=dark] .my-voice-timer{color:#a7a59c}
:root[data-theme=dark] .my-voice-full{color:#ad9977}
:root[data-theme=dark] .my-voice-picked{color:#a7a59c}
:root[data-theme=dark] .sheet-param-row{border:1px solid var(--line);background:var(--line)}
:root[data-theme=dark] .sheet-params .sheet-param{border:0;background:var(--wash);color:var(--muted)}
:root[data-theme=dark] .sheet-params .sheet-param:is(:hover,:focus-within),:root[data-theme=dark] .sheet-params .sheet-exclude[aria-expanded=true]{background:var(--wash-green)}
:root[data-theme=dark] .sheet-params .sheet-param:focus-within{outline:0}
:root[data-theme=dark] .sheet-param .upward-select{border:0;background:transparent!important;box-shadow:none;color:var(--ink)}
:root[data-theme=dark] .sheet-param .upward-select:after{color:var(--muted)}
:root[data-theme=dark] .sheet-param .upward-select:focus-visible{outline:0}
:root[data-theme=dark] .sheet-exclude-value{color:var(--ink)}
:root[data-theme=dark] .sheet-exclude-value:not(.filled){color:var(--muted)}
:root[data-theme=dark] .sheet-negative input{border:1px solid var(--line);background:transparent}
:root[data-theme=dark] .sheet-negative input:focus{border-color:var(--line-strong);outline:0}
:root[data-theme=dark] .sheet-param-row .sheet-voice-manage{border:0;background:var(--wash);color:var(--slate)}
:root[data-theme=dark] .composer-footer .sheet-param-hint{color:var(--muted)}
:root[data-theme=dark] .composer-footer .sheet-quota{color:var(--muted)}
/* assistants.css */
:root[data-theme=dark] .assistant-avatar{border:1px solid rgba(38,38,38,0.651);box-shadow:inset 0 1px 0 #000000,0 3px 10px rgba(0,0,0,0.193)}
:root[data-theme=dark] .assistant-avatar[data-tone=teal]{color:#69b9b0;background:linear-gradient(145deg,#17201d,#253c36)}
:root[data-theme=dark] .assistant-avatar[data-tone=cyan]{color:#64b2cb;background:linear-gradient(145deg,#171f22,#253a40)}
:root[data-theme=dark] .assistant-avatar[data-tone=blue]{color:#79a6fa;background:linear-gradient(145deg,#1c1f25,#30394a)}
:root[data-theme=dark] .assistant-avatar[data-tone=violet]{color:#b194ef;background:linear-gradient(145deg,#201d24,#3e3449)}
:root[data-theme=dark] .assistant-avatar[data-tone=rose]{color:#d979ab;background:linear-gradient(145deg,#231c1f,#403039)}
:root[data-theme=dark] .assistant-avatar[data-tone=amber]{color:#bb944f;background:linear-gradient(145deg,#1f1c14,#3b321d)}
:root[data-theme=dark] .assistant-shortcut .assistant-avatar{box-shadow:none}
:root[data-theme=dark] .assistant-shortcut[aria-pressed=true],:root[data-theme=dark] .assistant-tabs [aria-pressed=true]{background:var(--accent,#8eb398);color:var(--on-accent,#262626)}
:root[data-theme=dark] #assistant-center{border:1px solid #354245;background:linear-gradient(160deg,#181a19,#1c1e20);color:var(--ink,#d7dcd6);box-shadow:0 24px 80px rgba(0,0,0,0.419)}
:root[data-theme=dark] #assistant-center::backdrop{background:#152c3d59}
:root[data-theme=dark] .assistant-center-head{border-bottom:1px solid #2f3738;background:radial-gradient(ellipse at 5% 0,rgba(30,57,50,0.502),transparent 65%),linear-gradient(90deg,rgba(70,138,155,0.043) 1px,transparent 1px)}
:root[data-theme=dark] .assistant-eyebrow{color:#6aa2a8}
:root[data-theme=dark] .assistant-center-head>button{background:rgba(38,38,38,0.651);border-color:#343d3e;color:#94aeb8}
:root[data-theme=dark] .assistant-tabs{border:1px solid #303537;background:rgba(39,43,44,0.502)}
:root[data-theme=dark] .assistant-tabs button{border:0;background:transparent;color:#86969f}
:root[data-theme=dark] .assistant-tabs [aria-pressed=true]{color:#7fc1bc;background:#26312e;box-shadow:0 2px 7px rgba(0,0,0,0.207)}
:root[data-theme=dark] .assistant-count{color:#7f919a}
:root[data-theme=dark] .assistant-card{border:1px solid #303739;background:rgba(38,38,38,0.851);box-shadow:0 3px 12px rgba(0,0,0,0.129)}
:root[data-theme=dark] .assistant-card:hover{border-color:#385055;box-shadow:0 6px 18px rgba(0,0,0,0.193)}
:root[data-theme=dark] .assistant-card[data-selected=true]{border-color:#306d64;background:#191e1c}
:root[data-theme=dark] .assistant-source-badge{border:1px solid #2f3436;color:#7c939f;background:#1b1d1e}
:root[data-theme=dark] .assistant-card p{color:#899aa5}
:root[data-theme=dark] .assistant-card small{color:#778890}
:root[data-theme=dark] .assistant-card-actions>button{border-color:#31383a;color:#8ca4b1;background:#1b1c1d}
:root[data-theme=dark] #assistant-center .assistant-primary{color:#262626;background:linear-gradient(120deg,#8abfbb,#7bafbe);border-color:#8abfbb;box-shadow:0 2px 5px rgba(0,0,0,0.221)}
:root[data-theme=dark] #assistant-center .assistant-primary:hover:not(:disabled){background:#99c7c8}
:root[data-theme=dark] #assistant-center button:focus-visible{outline:2px solid #4e9da3}
:root[data-theme=dark] .assistant-center-body input:not([type=checkbox]),:root[data-theme=dark] .assistant-center-body textarea,:root[data-theme=dark] .assistant-center-body select{border:1px solid var(--line,#3c4037);background:var(--surface,#262626);color:inherit}
:root[data-theme=dark] .assistant-pin-row{border-bottom:1px solid var(--line,#3c4037)}
:root[data-theme=dark] .assistant-pin-row .assistant-avatar{box-shadow:none}
:root[data-theme=dark] .assistant-pin-row.is-dragging{background:var(--wash-green);box-shadow:0 2px 8px rgba(0,0,0,0.2)}
:root[data-theme=dark] .assistant-sort-status,:root[data-theme=dark] .assistant-market-status{color:var(--muted,#8e9589)}
:root[data-theme=dark] .assistant-topics>[aria-pressed=true]{color:#7fc1bc;background:#26312e;border-color:#305e55}
:root[data-theme=dark] .assistant-skeleton{background:linear-gradient(var(--wash-green),var(--wash-green)) 14px 18px/50% 16px no-repeat,linear-gradient(var(--wash-green),var(--wash-green)) 14px 48px/75% 12px no-repeat,linear-gradient(var(--wash-green),var(--wash-green)) 14px 70px/60% 12px no-repeat}
@media(max-width:600px){:root[data-theme=dark] .assistant-shortcuts-label{color:var(--muted)}:root[data-theme=dark] body #assistant-shortcuts #assistant-open{border:0;background:var(--wash-green);color:var(--slate);box-shadow:none}}
/* deck-steps.css */
:root[data-theme=dark] #deck-steps{border:1px solid var(--line);background:var(--white)}
:root[data-theme=dark] .deck-steps-list li{color:var(--muted)}
:root[data-theme=dark] .deck-steps-list li:not(:last-child)::after{background:var(--line)}
:root[data-theme=dark] .deck-steps-dot{border:1px solid var(--line-strong)}
:root[data-theme=dark] .deck-steps-list li.done{color:var(--slate)}
:root[data-theme=dark] .deck-steps-list li.done .deck-steps-dot{border-color:var(--accent-400);color:var(--accent-700)}
:root[data-theme=dark] .deck-steps-list li.current{color:var(--ink)}
:root[data-theme=dark] .deck-steps-list li.current .deck-steps-dot{background:var(--accent-700);border-color:var(--accent-700);color:var(--white)}
:root[data-theme=dark] .deck-steps-next{color:var(--muted-dark)}
:root[data-theme=dark] .answer-deck-step{border:1px solid var(--line);background:var(--white)}
:root[data-theme=dark] .answer-deck-step-kind{color:var(--accent-700);background:var(--wash)}
:root[data-theme=dark] .chat-markdown .answer-deck-step .answer-thesis-option{border:1px solid var(--line);background:var(--paper)}
:root[data-theme=dark] .chat-markdown .answer-deck-step .answer-thesis-option.recommended{border-color:var(--accent-400)}
:root[data-theme=dark] .chat-markdown .answer-deck-step .answer-thesis-letter{background:var(--accent-700);color:var(--white)}
:root[data-theme=dark] .chat-markdown .answer-deck-step .answer-thesis-tag{color:var(--muted-dark);background:var(--wash)}
:root[data-theme=dark] .chat-markdown .answer-deck-step .answer-thesis-option p{color:var(--slate)}
:root[data-theme=dark] .chat-markdown .answer-deck-step .answer-thesis-option p.answer-thesis-risk{color:var(--muted)}
:root[data-theme=dark] .chat-markdown .answer-deck-step .answer-outline-thesis{color:var(--slate)}
:root[data-theme=dark] .chat-markdown .answer-deck-step .answer-outline-page{border:1px solid var(--line-soft);background:var(--paper)}
:root[data-theme=dark] .chat-markdown .answer-deck-step .answer-outline-number{color:var(--muted)}
:root[data-theme=dark] .chat-markdown .answer-deck-step .answer-outline-meta span{color:var(--muted-dark);background:var(--wash)}
:root[data-theme=dark] .chat-markdown .answer-deck-step .answer-outline-data{color:var(--muted)}
:root[data-theme=dark] .chat-markdown .answer-deck-step .answer-outline-data.missing{color:var(--warn)}
:root[data-theme=dark] .chat-markdown .answer-deck-step .answer-outline-tools button{background:transparent;border:1px solid transparent;color:var(--muted)}
:root[data-theme=dark] .chat-markdown .answer-deck-step .answer-outline-tools button:not(:disabled):hover{border-color:var(--line);color:var(--ink)}
:root[data-theme=dark] .chat-markdown .answer-deck-step .answer-outline-summary,:root[data-theme=dark] .chat-markdown .answer-deck-step .answer-outline-help{color:var(--muted-dark)}
:root[data-theme=dark] .chat-markdown .answer-deck-step .answer-outline-question{color:var(--ink)}
:root[data-theme=dark] .chat-markdown .answer-deck-step .answer-outline-drag{color:var(--muted);background:transparent;border:0}
:root[data-theme=dark] .chat-markdown .answer-deck-step .answer-outline-page.dragging{outline:2px solid var(--accent-400)}
:root[data-theme=dark] .deck-outline-editor{border:1px solid var(--line);background:var(--white);color:var(--ink)}
:root[data-theme=dark] .deck-outline-editor::backdrop{background:#0008}
:root[data-theme=dark] .deck-outline-editor .deck-preview-head{background:var(--white)}
:root[data-theme=dark] .outline-editor-fields fieldset{border:1px solid var(--line)}
:root[data-theme=dark] .outline-editor-fields label{color:var(--muted-dark)}
:root[data-theme=dark] .deck-steps-list li.skipped{color:var(--muted-dark)}
:root[data-theme=dark] .chat-markdown .answer-deck-step .answer-outline-context{border:1px solid var(--line-strong)}
:root[data-theme=dark] .chat-markdown .answer-deck-step .answer-outline-context legend{color:var(--slate)}
:root[data-theme=dark] .chat-markdown .answer-deck-step .answer-outline-context-from{background:var(--surface-2,#202122);color:var(--muted-dark)}
:root[data-theme=dark] .chat-markdown .answer-deck-step .answer-outline-context-from.memory{background:#241e14;color:#cf8c45}
/* scheduled-tasks.css */
:root[data-theme=dark] .tasks-head p{color:#8a8881}
:root[data-theme=dark] #task-search-toggle{border:0;background:transparent;color:#b4b2aa}
:root[data-theme=dark] #task-search-toggle:hover,:root[data-theme=dark] #task-search-toggle[aria-expanded=true]{background:#2a2a27}
:root[data-theme=dark] .task-sort{border:1px solid var(--line);background:#262626;color:#86847d}
:root[data-theme=dark] .tasks-actions .task-sort select{border:0;background-color:transparent;color:#cfcdc4}
:root[data-theme=dark] #new-task:after{border:solid currentColor}
:root[data-theme=dark] #task-new-menu{border:1px solid #383631;background:#262626;box-shadow:0 10px 38px rgba(0,0,0,0.221)}
:root[data-theme=dark] #task-new-menu button{border:0;background:transparent;color:#cfcdc4}
:root[data-theme=dark] #task-new-menu button:hover,:root[data-theme=dark] #task-new-menu button:focus-visible{background:#22211f;outline:0}
:root[data-theme=dark] .tasks-empty{color:#8a8881}
:root[data-theme=dark] .tasks-empty-art{background:#2b2a27;color:#b3b1a9}
:root[data-theme=dark] .task-icon{background:#282825;color:#b4b2aa}
:root[data-theme=dark] .task-paused{background:#2f2d28;color:#9e8d69}
:root[data-theme=dark] .task-when{color:#97958d}
:root[data-theme=dark] .task-prompt{color:#b7b5ad}
:root[data-theme=dark] .task-last{color:#8a8881}
:root[data-theme=dark] .task-last a{text-decoration:underline}
:root[data-theme=dark] #tasks-page .task-card[data-enabled=false] :is(h3,.task-prompt){color:var(--muted)}
:root[data-theme=dark] .tasks-divider{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='8' viewBox='0 0 28 8'%3E%3Cpath d='M0 4c3.5 0 3.5-3 7-3s3.5 3 7 3 3.5-3 7-3 3.5 3 7 3' fill='none' stroke='%2341433c' stroke-width='1.2'/%3E%3C/svg%3E") repeat-x left center}
:root[data-theme=dark] #tasks-page #task-templates-title{color:#8d8b83}
:root[data-theme=dark] .task-template{border:0;background:transparent;color:inherit}
:root[data-theme=dark] .task-template:hover{background:#21201d}
:root[data-theme=dark] .task-template-text strong{color:#dcdad5}
:root[data-theme=dark] .task-template-text>span{color:#a9a79f}
:root[data-theme=dark] .task-template-text .task-template-when{color:var(--muted)}
:root[data-theme=dark] .tasks-loading{color:var(--muted-dark)}
/* radar.css */
:root[data-theme=dark] .radar{--radar-ink:#dddad1;--radar-soft:#21201d;--radar-tint:#2e2d27}
:root[data-theme=dark] .radar-head{border-bottom:1px solid var(--line)}
:root[data-theme=dark] .radar-date{color:var(--accent)}
:root[data-theme=dark] #wiki-overview .radar-head h2{color:var(--radar-ink)}
:root[data-theme=dark] .radar-overview{color:#b3b0a8}
:root[data-theme=dark] .radar-shift{color:#bba97b;background:#201f18}
:root[data-theme=dark] .radar #radar-status{color:#817f77}
:root[data-theme=dark] .radar-section-head span{color:var(--muted)}
:root[data-theme=dark] .radar-card{border:1px solid var(--line);background:#262626}
:root[data-theme=dark] .radar-card-meta{color:var(--muted)}
:root[data-theme=dark] .radar-kind{background:var(--radar-tint);color:var(--accent)}
:root[data-theme=dark] .kind-frontier .radar-kind{background:#282d32;color:#8fb5dd}
:root[data-theme=dark] .kind-trend .radar-kind{background:#2f2a23;color:#c8a170}
:root[data-theme=dark] #wiki-overview .radar-card h3{color:var(--radar-ink)}
:root[data-theme=dark] .radar-card small{color:#8b8981}
:root[data-theme=dark] .radar-why{background:var(--radar-soft)}
:root[data-theme=dark] .radar-why p{color:#c6c4bb}
:root[data-theme=dark] .radar-body dt{color:#8b8981}
:root[data-theme=dark] .radar-body dd{color:#cccbc2}
:root[data-theme=dark] .radar-evidence>div>a{color:var(--radar-ink)}
:root[data-theme=dark] .radar-evidence>div>a[href]:hover{color:var(--accent)}
:root[data-theme=dark] .radar-evidence>div>span{color:#78766f}
:root[data-theme=dark] .radar-evidence blockquote{border-left:2px solid #4c493f;color:#9b9990}
:root[data-theme=dark] .radar-forecast p{color:#b2afa8}
:root[data-theme=dark] .radar-check-q{background:transparent}
:root[data-theme=dark] .radar-check-q summary{color:#a4a299}
:root[data-theme=dark] .radar-link{border:0!important;background:transparent!important;color:var(--accent)!important}
:root[data-theme=dark] .radar-link:hover{text-decoration:underline}
:root[data-theme=dark] .radar-refs{color:var(--muted)}
:root[data-theme=dark] .radar-refs a{color:#a4a299;text-decoration:underline;text-decoration-color:#49473d}
:root[data-theme=dark] .radar-empty{border:1px dashed #49463d;background:#262626}
:root[data-theme=dark] .radar-style small{color:var(--muted)}
:root[data-theme=dark] .radar-style span{background:var(--radar-soft);border:1px solid #36352e;color:#bab7af}
:root[data-theme=dark] .radar-directions{border:1px solid var(--line);background:#262626}
:root[data-theme=dark] .radar-direction{border:0;background:transparent}
:root[data-theme=dark] .radar-check-q,:root[data-theme=dark] .radar-history details{border-left:0}
:root[data-theme=dark] .radar-direction+.radar-direction{border-top:1px solid var(--line)}
:root[data-theme=dark] .radar-direction summary:hover{background:#1b1b17}
:root[data-theme=dark] .radar-direction[open] summary{background:#1b1b17}
:root[data-theme=dark] .radar-direction-name strong{color:var(--radar-ink)}
:root[data-theme=dark] .radar-direction-summary{color:var(--muted)}
:root[data-theme=dark] .radar-stage{background:#22221e;color:#98968e}
:root[data-theme=dark] .radar-trend.rising{background:#28201c;color:#d9845c}
:root[data-theme=dark] .radar-trend.steady{background:#292825;color:#a3a198}
:root[data-theme=dark] .radar-trend.fading{background:#23221f;color:#808080}
:root[data-theme=dark] .radar-direction h5{color:#aaa8a0}
:root[data-theme=dark] .radar-known li{color:#cccbc2}
:root[data-theme=dark] .radar-known li:before{background:#69675f}
:root[data-theme=dark] .radar-open li{background:#1f1e1a;color:#bbb19d}
:root[data-theme=dark] .radar-history details{background:transparent;border-top:1px solid var(--line)}
:root[data-theme=dark] .radar-history-row{border-top:1px dashed var(--line)}
:root[data-theme=dark] .radar-history-row:hover>span:nth-child(2){color:var(--accent)}
:root[data-theme=dark] .radar-history-row small{color:var(--muted)}
:root[data-theme=dark] .radar-quiet{color:#75736c}
:root[data-theme=dark] .radar-guidance{border:1px solid var(--line);background:#262626}
:root[data-theme=dark] .radar-note{background:#201f18;border:1px solid #36342c;color:#bbb19d}
:root[data-theme=dark] .radar-note-remove{border:0!important;background:transparent!important;color:#8d805e!important}
:root[data-theme=dark] .radar-note-remove:hover{color:#bbb19d!important}
:root[data-theme=dark] .radar-card-more{border:0;background:transparent}
:root[data-theme=dark] .radar-card-more>summary{color:var(--muted)}
:root[data-theme=dark] .radar-history-row{background:transparent;color:inherit}
:root[data-theme=dark] .radar-history-row:focus-visible{outline:2px solid var(--accent)}
:root[data-theme=dark] .radar-card-dialog .radar-card{border:0}
:root[data-theme=dark] #radar-source-filters button[aria-pressed=true]{background:var(--accent);color:#262626}
:root[data-theme=dark] .radar-source-item{border-top:1px solid var(--line)}
:root[data-theme=dark] .radar-source-item small{color:var(--muted)}
:root[data-theme=dark] .radar-source-item p{color:var(--muted)}
:root[data-theme=dark] #radar-source-filters button[aria-pressed=false]{background:transparent;color:var(--text,#bab7af);border:1px solid var(--line)}
:root[data-theme=dark] .radar-activity{border:1px solid var(--line);background:#262626}
:root[data-theme=dark] .radar-activity .field-help{color:var(--muted)}
:root[data-theme=dark] #radar-periods button[aria-pressed=true]{background:var(--accent);color:#262626}
:root[data-theme=dark] #radar-periods button[aria-pressed=false]{background:transparent;color:var(--text);border:1px solid var(--line)}
:root[data-theme=dark] .radar-activity-stats strong{color:var(--accent)}
:root[data-theme=dark] .radar-activity-stats span{color:var(--muted)}
:root[data-theme=dark] .radar-heatmap .radar-heatmap-cell{border:1px solid transparent;color:#9e9c93}
:root[data-theme=dark] .radar-heatmap-cell[data-level="0"],:root[data-theme=dark] .radar-heatmap-legend i[data-level="0"]{background:#22221e}
:root[data-theme=dark] .radar-heatmap-cell[data-level="1"],:root[data-theme=dark] .radar-heatmap-legend i[data-level="1"]{background:#3f3c33}
:root[data-theme=dark] .radar-heatmap-cell[data-level="2"],:root[data-theme=dark] .radar-heatmap-legend i[data-level="2"]{background:var(--accent-300)}
:root[data-theme=dark] .radar-heatmap-cell[data-level="3"],:root[data-theme=dark] .radar-heatmap-legend i[data-level="3"]{background:var(--accent-500)}
:root[data-theme=dark] .radar-heatmap-cell[data-level="4"],:root[data-theme=dark] .radar-heatmap-legend i[data-level="4"]{background:var(--accent-800)}
:root[data-theme=dark] .radar-heatmap-cell[data-level="3"],:root[data-theme=dark] .radar-heatmap-cell[data-level="4"]{color:#262626}
:root[data-theme=dark] .radar-heatmap .radar-heatmap-cell[aria-pressed=true],:root[data-theme=dark] .radar-heatmap-cell:focus-visible{outline:2px solid var(--accent)}
:root[data-theme=dark] .radar-heatmap-legend{color:var(--muted)}
:root[data-theme=dark] .radar-topic-stat small{color:var(--muted)}
:root[data-theme=dark] #radar-day-detail{border:0;border-top:1px solid var(--line);background:transparent}
:root[data-theme=dark] .radar-day-question{border-bottom:1px solid var(--line)}
:root[data-theme=dark] .radar-day-question a{color:var(--accent)}
:root[data-theme=dark] .radar-day-question p{color:var(--muted)}
:root[data-theme=dark] #radar-activity-status{color:var(--muted)}
:root[data-theme=dark] .radar-weekday{color:var(--muted)}
:root[data-theme=dark] .radar-topic-panel{border-left:1px solid var(--line)}
:root[data-theme=dark] .radar-topic-bar{background:var(--radar-soft)}
:root[data-theme=dark] .radar-topic-bar>span{background:var(--accent-300)}
@media(max-width:760px){:root[data-theme=dark] .radar-topic-panel{border-left:0;border-top:1px solid var(--line)}}
/* reading-ai.css */
:root[data-theme=dark] .reader-modes select{background:transparent;color:inherit;border-color:color-mix(in srgb,currentColor 22%,transparent)}
:root[data-theme=dark] .reader-modes button{background:transparent;color:inherit;border-color:color-mix(in srgb,currentColor 22%,transparent)}
:root[data-theme=dark] .reader-modes button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent)}
:root[data-theme=dark] .reader-loadbar{color:var(--muted)}
:root[data-theme=dark] .reader-loadbar::before{background:color-mix(in srgb,var(--accent) 16%,transparent)}
:root[data-theme=dark] .reader-loadbar i{background:var(--accent)}
:root[data-theme=dark] #reader-guide-open.fresh::after{background:var(--accent)}
:root[data-theme=dark] .reader-ai-panel progress{accent-color:var(--accent)}
:root[data-theme=dark] .ai-meta{color:var(--muted)}
:root[data-theme=dark] .ai-lead{color:inherit!important}
:root[data-theme=dark] .ai-block{border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)}
:root[data-theme=dark] .ai-for-you,:root[data-theme=dark] .ai-known-list{background:color-mix(in srgb,var(--accent) 9%,transparent)}
:root[data-theme=dark] .ai-for-you p,:root[data-theme=dark] .ai-known-list p{color:inherit}
:root[data-theme=dark] .ai-for-you small,:root[data-theme=dark] .ai-known-list small{color:var(--muted)}
:root[data-theme=dark] .ai-outline-row{border-bottom:1px solid color-mix(in srgb,currentColor 8%,transparent)}
:root[data-theme=dark] .ai-concepts dd{color:var(--muted)}
:root[data-theme=dark] .ai-foot small{color:var(--muted)}
:root[data-theme=dark] .reader-digest{border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)}
:root[data-theme=dark] .ai-node rect{fill:color-mix(in srgb,var(--accent) 10%,transparent);stroke:color-mix(in srgb,var(--accent) 55%,transparent)}
:root[data-theme=dark] .ai-node text{fill:currentColor}
:root[data-theme=dark] .ai-node.hidden rect{fill:transparent}
:root[data-theme=dark] .ai-node:focus{outline:none}
:root[data-theme=dark] .ai-edge{fill:none;stroke:color-mix(in srgb,currentColor 38%,transparent)}
:root[data-theme=dark] .ai-arrow{fill:color-mix(in srgb,currentColor 50%,transparent)}
:root[data-theme=dark] .ai-edge-bg{fill:var(--reading-bg,#262626)}
:root[data-theme=dark] .ai-edge-label{fill:var(--muted)}
:root[data-theme=dark] .ai-timeline{border-left:2px solid color-mix(in srgb,var(--accent) 40%,transparent)}
:root[data-theme=dark] .ai-timeline button{background:transparent;border:0;color:inherit}
:root[data-theme=dark] .ai-timeline small{color:var(--muted)}
:root[data-theme=dark] .ai-compare th,:root[data-theme=dark] .ai-compare td{border:1px solid color-mix(in srgb,currentColor 14%,transparent)}
:root[data-theme=dark] .ai-compare th.linked{color:var(--accent)}
:root[data-theme=dark] #reader-assist:not(:empty){border-left:2px solid var(--accent)}
:root[data-theme=dark] #reader-assist summary{color:inherit}
:root[data-theme=dark] .ai-source{color:var(--muted)}
:root[data-theme=dark] .ai-expand{border-bottom:1px solid var(--line)}
:root[data-theme=dark] .ai-verdict.got{color:var(--accent-600)}
:root[data-theme=dark] .ai-verdict.partial{color:#b2894a}
:root[data-theme=dark] .ai-verdict.missed{color:#d7836a}
:root[data-theme=dark] .ai-hit{color:var(--accent-600)!important}
:root[data-theme=dark] .ai-miss{color:#d7836a!important}
:root[data-theme=dark] .ai-reference{background:color-mix(in srgb,currentColor 5%,transparent)}
:root[data-theme=dark] .ai-reference p{color:inherit}
:root[data-theme=dark] .ai-coverage li{color:var(--muted)}
:root[data-theme=dark] .ai-coverage li.covered{color:var(--accent-600)}
:root[data-theme=dark] .ai-coverage li.missed{color:#d7836a}
:root[data-theme=dark] .ai-coverage li p{color:inherit}
:root[data-theme=dark] .ai-card{border:1px solid color-mix(in srgb,currentColor 14%,transparent)}
:root[data-theme=dark] .ai-card small{color:var(--muted)}
:root[data-theme=dark] .ai-card summary{color:inherit}
:root[data-theme=dark] .ai-card summary::marker{color:var(--muted)}
:root[data-theme=dark] .ai-card blockquote{color:var(--muted)}
:root[data-theme=dark] .book-ai{color:var(--accent)!important}
:root[data-theme=dark] #reader-tools{color:var(--reading-fg,inherit);background:var(--reading-bg,var(--surface,#262626))}
:root[data-theme=dark] #reader-tools .reader-tools-heading{background:var(--reading-bg,var(--surface,#262626));border-bottom:1px solid var(--line)}
:root[data-theme=dark] #reader-selection{border-left:3px solid var(--accent,var(--accent-700));background:color-mix(in srgb,currentColor 4%,transparent)}
:root[data-theme=dark] #reader-tools .ai-actions{border-bottom:1px solid var(--line)}
:root[data-theme=dark] #reader-tools .ai-actions button[aria-pressed=true]{background:var(--accent,var(--accent-700));color:var(--on-accent,#262626)}
:root[data-theme=dark] #reader-tools .reader-operation{color:var(--muted)}
:root[data-theme=dark] #reader-tools .explanation-card{border:1px solid var(--line)}
:root[data-theme=dark] #reader-tools .explanation-card h3{color:var(--muted)}
:root[data-theme=dark] #reader-tools .explanation-lead{background:color-mix(in srgb,currentColor 3%,transparent)}
:root[data-theme=dark] #reader-tools details{border-top:1px solid var(--line)}
:root[data-theme=dark] #reader-tools details summary{color:var(--muted)}
:root[data-theme=dark] #reader-tools #reader-conversation:not(:empty){background:color-mix(in srgb,currentColor 3%,transparent)}
:root[data-theme=dark] #reader-tools #reader-question-form .reader-web-search{color:var(--muted)}
:root[data-theme=dark] #reader-tools .explanation-card p,:root[data-theme=dark] #reader-tools #reader-selection{color:inherit}
:root[data-theme=dark] body.reading-mode[data-reader-theme=dark] #reader-tools button,:root[data-theme=dark] body.reading-mode[data-reader-theme=dark] #reader-tools textarea{background:#d2d0cd;color:var(--reading-fg);border-color:var(--line)}
:root[data-theme=dark] body.reading-mode[data-reader-theme=dark] #reader-tools .ai-actions button[aria-pressed=true]{background:var(--accent-700);color:#262626}
:root[data-theme=dark] #reader-ai-status .ai-pending{border:0;background:none;color:inherit;text-decoration:underline}
:root[data-theme=dark] body.reading-mode :is(.ai-ref,.ai-timeline button,#close-reader-tools){border:1px solid color-mix(in srgb,currentColor 24%,transparent);background:color-mix(in srgb,currentColor 4%,transparent);color:inherit}
:root[data-theme=dark] body.reading-mode :is(.reader-toolbar button,.ai-ref,.ai-timeline button,#close-reader-tools):is(:hover,:active):not(:disabled){background:color-mix(in srgb,currentColor 10%,transparent);border-color:color-mix(in srgb,currentColor 40%,transparent)}
:root[data-theme=dark] body.reading-mode :is(.reader-toolbar button,.ai-ref,.ai-timeline button,#close-reader-tools):focus-visible{outline:2px solid currentColor}
/* settings.css */
:root[data-theme=dark] .settings-nav{border-right:1px solid var(--line);background:#21201d}
:root[data-theme=dark] .settings-nav a{color:#b5b3ab}
:root[data-theme=dark] .settings-nav a:hover{background:#31302c;color:#dcdad5}
:root[data-theme=dark] .settings-nav a[aria-current]{background:#35342e;color:#dad9d0}
:root[data-theme=dark] .settings-icon{color:#9b9990}
:root[data-theme=dark] .settings-nav a[aria-current] .settings-icon{color:var(--accent)}
:root[data-theme=dark] .settings-nav-group{color:#76746d}
:root[data-theme=dark] .settings-group>h3,:root[data-theme=dark] .settings-group-bar h3{color:#828079}
:root[data-theme=dark] .setting-row{border-bottom:1px solid var(--line)}
:root[data-theme=dark] .settings-group>.setting-row:last-child,:root[data-theme=dark] .settings-group>.setting-row:has(+.setting-expand[hidden]:last-child),:root[data-theme=dark] .settings-group form>.setting-row:last-child{border-bottom:0}
:root[data-theme=dark] .settings .setting-text{color:inherit}
:root[data-theme=dark] .setting-text strong{color:#dcdad5}
:root[data-theme=dark] .setting-text span{color:var(--muted)}
:root[data-theme=dark] .setting-value{color:var(--muted)}
:root[data-theme=dark] .settings-empty{color:var(--muted)}
:root[data-theme=dark] .settings .setting-inline input[type=file]{border:0;background:transparent;color:var(--muted)}
:root[data-theme=dark] .setting-inline input[type=file]::file-selector-button{border:1px solid #3e3c36;background:#262626;color:#bdbcb2}
:root[data-theme=dark] .setting-inline input[type=file]::file-selector-button:hover{background:#22221e}
:root[data-theme=dark] .settings a.button{border:1px solid #3e3c36;background:#262626;color:#bdbcb2}
:root[data-theme=dark] .settings a.button:hover{background:#22221e}
:root[data-theme=dark] .switch i{background:#474540}
:root[data-theme=dark] .switch i:after{background:#262626;box-shadow:0 1px 2px rgba(0,0,0,0.44)}
:root[data-theme=dark] .switch input:checked+i{background:var(--accent)}
:root[data-theme=dark] .switch input:focus-visible+i{outline:2px solid var(--accent)}
:root[data-theme=dark] .segmented{background:#2e2e2b}
:root[data-theme=dark] .settings .segmented label{color:#a7a59d}
:root[data-theme=dark] .segmented label:has(input:checked){background:#262626;color:#dad9d0;box-shadow:0 1px 3px rgba(0,0,0,0.299)}
:root[data-theme=dark] .segmented label:has(input:focus-visible){outline:2px solid var(--accent)}
:root[data-theme=dark] .settings-identity{border:1px solid var(--line);background:#262626}
:root[data-theme=dark] .setting-expand{border:1px solid var(--line);background:#262626}
:root[data-theme=dark] .settings .memory-scope h3{color:#828079}
:root[data-theme=dark] .token-created{background:#24221d}
:root[data-theme=dark] .token-created p{color:#afada4}
:root[data-theme=dark] .usage-window{border-bottom:1px solid var(--line)}
:root[data-theme=dark] .usage-window:last-child{border-bottom:0}
:root[data-theme=dark] .usage-head div span{color:var(--muted)}
:root[data-theme=dark] .usage-percent{color:#b5b3ab}
:root[data-theme=dark] .usage-reset,:root[data-theme=dark] .usage-models{color:var(--muted)}
:root[data-theme=dark] .management-dialog .dialog-notice{background:#d7d4cb;color:#21201e;box-shadow:0 12px 32px rgba(0,0,0,0.532)}
:root[data-theme=dark] .management-dialog .dialog-notice .notice-dismiss{color:#21201e}
@media(max-width:720px){:root[data-theme=dark] .settings-nav{border-right:0;border-bottom:1px solid var(--line);background:#1c1c19}}
:root[data-theme=dark] .settings .accent-choice label{border:1px solid var(--line);color:#a7a59d}
:root[data-theme=dark] .accent-swatch{box-shadow:inset 0 0 0 1px rgba(0,0,0,0.71)}
:root[data-theme=dark] .settings .accent-choice label:has(input:checked){border-color:var(--accent-800);color:var(--ink);box-shadow:0 0 0 1px var(--accent-800)}
:root[data-theme=dark] .accent-choice label:has(input:focus-visible){outline:2px solid var(--accent-700)}
:root[data-theme=dark] .api-guide-row>span,:root[data-theme=dark] .api-guide-row>label{color:#a7a59d}
:root[data-theme=dark] .api-guide-row code{border:1px solid var(--line);background:#262626}
:root[data-theme=dark] .api-model-list code{background:#24221d}
:root[data-theme=dark] .api-model-list .api-model-meta{color:var(--muted)}
:root[data-theme=dark] .api-model-list .api-model-alias{color:#a7a59d}
:root[data-theme=dark] .api-sample{border:1px solid var(--line);background:#d7d4cb;color:#21201e}
:root[data-theme=dark] .api-sample code{background:none;color:inherit}
:root[data-theme=dark][data-theme=dark] .api-sample{background:#edece2;border-color:#cdcbbf}
:root[data-theme=dark] .api-docs-link a{color:var(--accent);text-decoration:underline}
:root[data-theme=dark] .statement-line{border-bottom:1px solid var(--border,rgba(140,140,140,0.2))}
/* purchases.css */
:root[data-theme=dark] .purchase-availability{background:var(--wash);color:var(--muted)}
:root[data-theme=dark] .purchase-categories button.selected{border-color:var(--accent-600);background:var(--wash);color:var(--accent-700)}
:root[data-theme=dark] .purchase-mode button.selected{border-color:var(--accent-600);color:var(--accent-700)}
:root[data-theme=dark] .purchase-card{border:1px solid var(--line);background:var(--paper)}
:root[data-theme=dark] .purchase-card.is-selected{border-color:var(--accent-600);box-shadow:0 0 0 1px var(--accent-600)}
:root[data-theme=dark] .purchase-card .purchase-price{color:var(--ink)}
:root[data-theme=dark] .purchase-card .purchase-units{color:var(--ink)}
:root[data-theme=dark] .purchase-card .purchase-caption{color:var(--muted)}
:root[data-theme=dark] .purchase-review{border:1px solid var(--accent-600);background:var(--wash)}
:root[data-theme=dark] .purchase-review .purchase-total{color:var(--ink)}
:root[data-theme=dark] .purchase-rules ul{color:var(--muted)}
:root[data-theme=dark] .purchase-order,:root[data-theme=dark] .purchase-bundle{border-bottom:1px solid var(--line)}
:root[data-theme=dark] .purchase-order small,:root[data-theme=dark] .purchase-bundle small{color:var(--muted)}
/* button-controls.css */
:root[data-theme=dark] body :is(button.quiet:not([aria-label]):not(.ai-ref):not(.ai-pending),
  #cancel-chat-edit, #voice-bar button,
  .composer-footer #chat-model-trigger, .composer-footer #chat-effort,
  .message-actions > button:not(.message-icon), .message-versions button,
  .answer-code-head button, .memo-actions button, .capture-actions button,
  .creation-picture figcaption :is(button,a), .creation-actions :is(button,a),
  #ask-bar button + button, .ask-panel:not(.is-list) .ask-title,
  .group-management-row button, .search-provider-error button,
  .skills-section-heading button){border:1px solid var(--line-strong);background-color:var(--white);color:var(--slate)}
:root[data-theme=dark] body :is(button.quiet:not([aria-label]):not(.ai-ref):not(.ai-pending),
  #cancel-chat-edit, #voice-bar button,
  .composer-footer #chat-model-trigger, .composer-footer #chat-effort,
  .message-actions > button:not(.message-icon), .message-versions button,
  .answer-code-head button, .memo-actions button, .capture-actions button,
  .creation-picture figcaption :is(button,a), .creation-actions :is(button,a),
  #ask-bar button + button, .ask-panel:not(.is-list) .ask-title,
  .group-management-row button, .search-provider-error button,
  .skills-section-heading button):is(:hover,:active):not(:disabled){background-color:var(--wash-green);border-color:var(--muted-light);color:var(--ink)}
:root[data-theme=dark] body :is(button.quiet:not([aria-label]):not(.ai-ref):not(.ai-pending),
  #cancel-chat-edit, #voice-bar button,
  .composer-footer #chat-model-trigger, .composer-footer #chat-effort,
  .message-actions > button:not(.message-icon), .message-versions button,
  .answer-code-head button, .memo-actions button, .capture-actions button,
  .creation-picture figcaption :is(button,a), .creation-actions :is(button,a),
  #ask-bar button + button, .ask-panel:not(.is-list) .ask-title,
  .group-management-row button, .search-provider-error button,
  .skills-section-heading button):focus-visible{outline:2px solid var(--accent)}
:root[data-theme=dark] body :is(.creation-picture figcaption a,.creation-actions a){text-decoration:none}
@media(max-width:600px){:root[data-theme=dark] body .composer-footer :is(#chat-model-trigger,#chat-effort){border:0;background-color:var(--wash-green);color:var(--slate)}}
/* close-controls.css */
:root[data-theme=dark] body :is(.dialog-close,[data-panel-close],[data-close-meeting],.ask-close,.notice-dismiss,
  .my-voice-head button[aria-label="关闭"],.rename-record-dialog button[aria-label="关闭改名窗口"],
  #office-template-preview button[aria-label="关闭模板"]){border:1px solid var(--close-border,var(--line));background:var(--close-surface,var(--wash));color:var(--close-ink,var(--slate))}
:root[data-theme=dark] body :is(.dialog-close,[data-panel-close],[data-close-meeting],.ask-close,.notice-dismiss,
  .my-voice-head button[aria-label="关闭"],.rename-record-dialog button[aria-label="关闭改名窗口"],
  #office-template-preview button[aria-label="关闭模板"])::before{background:currentColor}
:root[data-theme=dark] body :is(.dialog-close,[data-panel-close],[data-close-meeting],.ask-close,.notice-dismiss,
  .my-voice-head button[aria-label="关闭"],.rename-record-dialog button[aria-label="关闭改名窗口"],
  #office-template-preview button[aria-label="关闭模板"]):hover:not(:disabled){background:var(--close-hover-surface,var(--wash-green));border-color:var(--close-hover-border,var(--line-strong));color:var(--close-hover-ink,var(--ink))}
:root[data-theme=dark] body :is(.dialog-close,[data-panel-close],[data-close-meeting],.ask-close,.notice-dismiss,
  .my-voice-head button[aria-label="关闭"],.rename-record-dialog button[aria-label="关闭改名窗口"],
  #office-template-preview button[aria-label="关闭模板"]):active:not(:disabled){filter:brightness(.95)}
:root[data-theme=dark] body :is(.dialog-close,[data-panel-close],[data-close-meeting],.ask-close,.notice-dismiss,
  .my-voice-head button[aria-label="关闭"],.rename-record-dialog button[aria-label="关闭改名窗口"],
  #office-template-preview button[aria-label="关闭模板"]):focus-visible{outline:2px solid var(--accent)}
:root[data-theme=dark] body #management-dialog #management-notice button.notice-dismiss,:root[data-theme=dark] body #management-dialog #management-notice button.notice-dismiss:hover:not(:disabled){color:inherit}
/* code-usage.css */
:root[data-theme=dark] #code-usage-panel{--cu-blue:#4692f3;--cu-orange:#c15924;--cu-green:#279d7b;--cu-purple:#9673c8;border:0;background:none}
:root[data-theme=dark] #code-usage-panel button,:root[data-theme=dark] #code-usage-panel select,:root[data-theme=dark] #code-usage-panel input{box-shadow:none}
:root[data-theme=dark] #code-usage-panel button{background:var(--white);border:1px solid var(--line-strong);color:var(--ink)}
:root[data-theme=dark] #code-usage-panel button:hover{background:var(--wash)}
:root[data-theme=dark] #code-usage-panel :is(button,select,input,summary):focus-visible{outline:2px solid var(--cu-blue)}
:root[data-theme=dark] #code-usage-panel select,:root[data-theme=dark] #code-usage-panel input{border:1px solid var(--line-strong);background:var(--white);color:var(--ink)}
:root[data-theme=dark] #code-usage-panel .cu-subtitle{color:var(--muted-dark)}
:root[data-theme=dark] #code-usage-panel .cu-tabs{border-bottom:1px solid var(--line-strong)}
:root[data-theme=dark] #code-usage-panel .cu-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted-dark)}
:root[data-theme=dark] #code-usage-panel .cu-tabs button[aria-pressed=true]{border-bottom-color:var(--cu-blue);color:var(--ink)}
:root[data-theme=dark] #code-usage-panel .cu-more{color:var(--muted-dark)}
:root[data-theme=dark] #code-usage-panel .cu-more select{box-shadow:0 4px 16px rgba(0,0,0,0.32)}
:root[data-theme=dark] #code-usage-status{color:var(--muted-dark)}
:root[data-theme=dark] #code-usage-panel .cu-tile,:root[data-theme=dark] #code-usage-panel .cu-card,:root[data-theme=dark] #code-usage-panel .cu-device{border:1px solid var(--line-strong);background:var(--white)}
:root[data-theme=dark] #code-usage-panel .cu-label{color:var(--muted-dark)}
:root[data-theme=dark] #code-usage-panel .cu-hint,:root[data-theme=dark] #code-usage-panel .cu-muted{color:var(--muted-dark)}
:root[data-theme=dark] #code-usage-panel .cu-total{border-color:color-mix(in srgb,var(--cu-blue) 45%,var(--line-strong));background:color-mix(in srgb,var(--cu-blue) 4%,var(--white))}
:root[data-theme=dark] #code-usage-panel .cu-blue .cu-value,:root[data-theme=dark] #code-usage-panel .cu-blue{color:var(--cu-blue)}
:root[data-theme=dark] #code-usage-panel .cu-orange .cu-value,:root[data-theme=dark] #code-usage-panel .cu-orange{color:var(--cu-orange)}
:root[data-theme=dark] #code-usage-panel .cu-green .cu-value,:root[data-theme=dark] #code-usage-panel .cu-green{color:var(--cu-green)}
:root[data-theme=dark] #code-usage-panel .cu-purple .cu-value,:root[data-theme=dark] #code-usage-panel .cu-purple{color:var(--cu-purple)}
:root[data-theme=dark] #code-usage-panel .cu-bg-blue{background:var(--cu-blue)}
:root[data-theme=dark] #code-usage-panel .cu-bg-orange{background:var(--cu-orange)}
:root[data-theme=dark] #code-usage-panel .cu-bg-green{background:var(--cu-green)}
:root[data-theme=dark] #code-usage-panel .cu-bg-purple{background:var(--cu-purple)}
:root[data-theme=dark] #code-usage-panel .cu-segment{border:1px solid var(--line-strong)}
:root[data-theme=dark] #code-usage-panel .cu-segment button{border:0;background:none;color:var(--muted-dark)}
:root[data-theme=dark] #code-usage-panel .cu-segment button[aria-pressed=true]{background:var(--cu-blue);color:#262626}
:root[data-theme=dark] #code-usage-panel .cu-yaxis{color:var(--muted-dark)}
:root[data-theme=dark] #code-usage-panel .cu-plot{border-bottom:1px solid var(--line-strong);background:repeating-linear-gradient(to top,transparent 0,transparent calc(50% - 1px),var(--line) calc(50% - 1px),var(--line) 50%)}
:root[data-theme=dark] #code-usage-panel .cu-bar{border:0;background:transparent}
:root[data-theme=dark] #code-usage-panel .cu-bar:hover,:root[data-theme=dark] #code-usage-panel .cu-bar[aria-pressed=true]{background:color-mix(in srgb,var(--cu-blue) 10%,transparent)}
:root[data-theme=dark] #code-usage-panel .cu-xaxis{color:var(--muted-dark)}
:root[data-theme=dark] #code-usage-panel .cu-legend{color:var(--muted-dark)}
:root[data-theme=dark] #code-usage-panel .cu-chart-readout{color:var(--muted-dark)}
:root[data-theme=dark] #code-usage-panel .cu-rank{border-top:1px solid var(--line)}
:root[data-theme=dark] #code-usage-panel .cu-rank-name i{color:var(--muted-dark)}
:root[data-theme=dark] #code-usage-panel .cu-rank small{color:var(--muted-dark)}
:root[data-theme=dark] #code-usage-panel .cu-rail{background:var(--wash)}
:root[data-theme=dark] #code-usage-panel .cu-composition{background:var(--wash)}
:root[data-theme=dark] #code-usage-panel .cu-composition-row{border-bottom:1px solid var(--line)}
:root[data-theme=dark] #code-usage-panel .cu-tool-split{border-top:1px solid var(--line)}
:root[data-theme=dark] #code-usage-panel .cu-detail>summary{color:var(--muted-dark)}
:root[data-theme=dark] #code-usage-panel .cu-detail>p{color:var(--muted-dark)}
:root[data-theme=dark] #code-usage-panel .cu-state:before{background:currentColor}
:root[data-theme=dark] #code-usage-panel .cu-ok{color:var(--cu-green)}
:root[data-theme=dark] #code-usage-panel .cu-warn{color:var(--warn)}
:root[data-theme=dark] #code-usage-panel .cu-bad,:root[data-theme=dark] #code-usage-panel .cu-error{color:var(--danger)}
:root[data-theme=dark] #code-usage-panel .cu-notice{background:color-mix(in srgb,var(--warn) 6%,var(--white));border-left:2px solid var(--warn);color:var(--warn)}
:root[data-theme=dark] #code-usage-panel .cu-meter{background:var(--wash)}
:root[data-theme=dark] #code-usage-panel .cu-empty{color:var(--muted-dark)}
:root[data-theme=dark] #code-usage-status.cu-status-loading::before{border:2px solid currentColor;border-right-color:transparent}
:root[data-theme=dark] #code-usage-panel .cu-filter-label{color:var(--muted-dark)}
:root[data-theme=dark] #code-usage-panel .cu-filter-actions [aria-expanded=true]{border-color:var(--cu-blue);color:var(--cu-blue);background:color-mix(in srgb,var(--cu-blue) 5%,var(--white))}
:root[data-theme=dark] #code-usage-panel .cu-other-sources{border:1px solid var(--line-strong);background:var(--white)}
:root[data-theme=dark] #code-usage-panel .cu-other-choices button{border-color:var(--line)}
:root[data-theme=dark] #code-usage-panel .cu-other-choices span{color:var(--muted-dark)}
:root[data-theme=dark] #code-usage-panel .cu-hour-chart{border-bottom:1px solid var(--line-strong);background:repeating-linear-gradient(to top,transparent 0,transparent calc(50% - 1px),var(--line) calc(50% - 1px),var(--line) 50%)}
:root[data-theme=dark] #code-usage-panel .cu-hour-bar{border:0;background:transparent}
:root[data-theme=dark] #code-usage-panel .cu-hour-bar:hover,:root[data-theme=dark] #code-usage-panel .cu-hour-bar[aria-pressed=true]{background:color-mix(in srgb,var(--cu-blue) 12%,transparent)}
:root[data-theme=dark] #code-usage-panel .cu-hour-axis{color:var(--muted-dark)}
/* app-shell.css */
:root[data-theme=dark] .chat-sidebar{background:var(--sidebar);border-right:1px solid var(--line)}
:root[data-theme=dark] .sidebar-top button,:root[data-theme=dark] #toggle-history{border:0;background:transparent;color:var(--muted)}
:root[data-theme=dark] .sidebar-top button:hover,:root[data-theme=dark] #toggle-history:hover{background:var(--row-hover)}
:root[data-theme=dark] .sidebar-nav :is(a,button){border:0;background:transparent;color:var(--ink);text-decoration:none}
:root[data-theme=dark] .sidebar-nav :is(a,button):hover{background:var(--row-hover)}
:root[data-theme=dark] .sidebar-nav a[aria-current]{border:0;background:var(--row-current)}
:root[data-theme=dark] .chat-sidebar .empty{color:var(--muted)}
:root[data-theme=dark] .sidebar-label{color:var(--muted)}
:root[data-theme=dark] .sidebar-account .account-trigger:hover{background:var(--row-hover)}
:root[data-theme=dark] .account-menu-version{color:var(--muted)}
:root[data-theme=dark] #chat-title .chat-title-trigger{border:0;background:transparent;color:var(--ink)}
:root[data-theme=dark] #chat-title .chat-title-trigger:hover{background:var(--row-hover)}
:root[data-theme=dark] body.chat-mode .chat-message.user{background:color-mix(in srgb,var(--ink) 5%,transparent)}
:root[data-theme=dark] body.chat-mode .message-author .message-time{color:var(--muted)}
:root[data-theme=dark] body #chat-composer{border:1px solid var(--line);box-shadow:0 1px 3px color-mix(in srgb,var(--ink) 6%,transparent)}
:root[data-theme=dark] body.chat-mode .composer-footer :is(#chat-model-trigger,#chat-effort){border:0;background-color:transparent;box-shadow:none}
:root[data-theme=dark] body.chat-mode .composer-footer :is(#chat-model-trigger,#chat-effort):hover{background-color:var(--row-hover)}
@media(min-width:1024px){:root[data-theme=dark] .chat-main.empty-chat .assistant-shortcuts-label{color:var(--muted)}:root[data-theme=dark] .chat-main.empty-chat #assistant-open{border:0;background:transparent;color:var(--muted)}}
@media(max-width:1023px){:root[data-theme=dark] .chat-sidebar{box-shadow:8px 0 32px color-mix(in srgb,var(--ink) 12%,transparent)}:root[data-theme=dark] #workspace-scrim:not([hidden]){border:0;background:color-mix(in srgb,var(--ink) 22%,transparent)}}
/* images.css */
:root[data-theme=dark]{--img-bg:#262626;--img-text:#ebebeb;--img-muted:#9b9b9b;--img-line:#353535;--img-fill:#202020;--img-fill-strong:#2d2d2d;--img-send:#ebebeb;--img-send-text:#262626;--img-danger:#f86443}
:root[data-theme=dark] .images-page{background:var(--img-bg);color:var(--img-text)}
:root[data-theme=dark] .images-page svg{fill:none;stroke:currentColor}
:root[data-theme=dark] .images-page button,:root[data-theme=dark] .images-page select,:root[data-theme=dark] .images-page textarea,:root[data-theme=dark] .images-page input{color:inherit}
:root[data-theme=dark] .images-page .images-head,:root[data-theme=dark] .images-page .images-viewer-top{border:none}
:root[data-theme=dark] .images-back{color:var(--img-text)}
:root[data-theme=dark] .images-back:hover{background:var(--img-fill)}
:root[data-theme=dark] .images-quota{color:var(--img-muted)}
:root[data-theme=dark] .images-page .images-wipe{border:0;background:transparent;color:var(--img-muted)}
:root[data-theme=dark] .images-page .images-wipe:hover{background:var(--img-fill);color:var(--img-danger)}
:root[data-theme=dark] .images-tabs a{color:var(--img-muted);text-decoration:none}
:root[data-theme=dark] .images-tabs a:hover{color:var(--img-text)}
:root[data-theme=dark] .images-tabs a[aria-current=page]{background:var(--img-fill);color:var(--img-text)}
:root[data-theme=dark] .images-idea{border:0;background:var(--img-fill)}
:root[data-theme=dark] .images-idea span{background:linear-gradient(transparent,hsl(0 0% 0%/.5));color:hsl(0 0% 100%)}
:root[data-theme=dark] .images-tile{border:0;background:var(--img-fill)}
:root[data-theme=dark] .images-tile-busy{color:var(--img-muted)}
:root[data-theme=dark] .images-tile-failed p{color:var(--img-danger)}
:root[data-theme=dark] .images-tile-actions button{border:1px solid var(--img-line);background:var(--img-bg)}
:root[data-theme=dark] .images-ask p{background:var(--img-fill)}
:root[data-theme=dark] .images-reply-busy,:root[data-theme=dark] .images-reply-failed{background:var(--img-fill)}
:root[data-theme=dark] .images-reply-busy{color:var(--img-muted)}
:root[data-theme=dark] .images-reply-failed p{color:var(--img-danger)}
:root[data-theme=dark] .images-picture{border:0;background:var(--img-fill)}
:root[data-theme=dark] .images-page .images-picture-actions a,:root[data-theme=dark] .images-page .images-picture-actions button{border:0;background:transparent;color:var(--img-muted);text-decoration:none}
:root[data-theme=dark] .images-page .images-picture-actions a:hover,:root[data-theme=dark] .images-page .images-picture-actions button:hover{background:var(--img-fill);color:var(--img-text)}
:root[data-theme=dark] .images-composer{background:var(--img-bg);box-shadow:0 0 0 1px rgba(0,0,0,0.188),0 4px 16px hsl(0 0% 0%/.1)}
:root[data-theme=dark] .images-plain{border:0;background:transparent}
:root[data-theme=dark] .images-plain:hover:not(:disabled){background:var(--img-fill)}
:root[data-theme=dark] .images-composer textarea{border:0;outline:0;background:transparent}
:root[data-theme=dark] .images-page .images-options-toggle{border:0;background:transparent;color:var(--img-muted)}
:root[data-theme=dark] .images-options-toggle:hover,:root[data-theme=dark] .images-options-toggle[aria-expanded=true]{background:var(--img-fill)}
:root[data-theme=dark] .images-effort{color:var(--img-muted)}
:root[data-theme=dark] .images-effort:hover{background:var(--img-fill)}
:root[data-theme=dark] .images-effort select{border:0;outline:0;background:transparent;color:inherit}
:root[data-theme=dark] .images-effort select:focus-visible{box-shadow:0 0 0 2px var(--img-line)}
:root[data-theme=dark] .images-page .images-send{border:0;background:var(--img-send);color:var(--img-send-text)}
:root[data-theme=dark] .images-options{background:var(--img-bg);box-shadow:0 0 0 1px rgba(0,0,0,0.188),0 8px 24px hsl(0 0% 0%/.12)}
:root[data-theme=dark] .images-option span{color:var(--img-muted)}
:root[data-theme=dark] .images-option select{border:0;outline:0;background:transparent}
:root[data-theme=dark] .images-option select:hover{background:var(--img-fill)}
:root[data-theme=dark] .images-option input{border:0;outline:0;background:var(--img-fill)}
:root[data-theme=dark] .images-attachment{background:var(--img-fill)}
:root[data-theme=dark] .images-attachment button{border:0;background:transparent}
:root[data-theme=dark] .images-template{border:0;background:var(--img-bg);color:var(--img-text)}
:root[data-theme=dark] .images-template::backdrop{background:hsl(0 0% 0%/.45)}
:root[data-theme=dark] .images-template>img{background:var(--img-fill)}
:root[data-theme=dark] .images-template-text{color:var(--img-muted)}
:root[data-theme=dark] .images-page .images-template-add{border:1px dashed var(--img-line);background:transparent}
:root[data-theme=dark] .images-template-add:hover{background:var(--img-fill)}
:root[data-theme=dark] .images-page .images-template-use{border:0;background:var(--img-send);color:var(--img-send-text)}
:root[data-theme=dark] .images-viewer{border:0;background:var(--img-bg);color:var(--img-text)}
:root[data-theme=dark] .images-page .images-viewer-link{border:0;background:transparent;color:var(--img-muted)}
:root[data-theme=dark] .images-viewer-link:hover,:root[data-theme=dark] .images-viewer-link[aria-expanded=true]{background:var(--img-fill);color:var(--img-text)}
:root[data-theme=dark] .images-actions a,:root[data-theme=dark] .images-actions button{border:0;background:transparent;color:inherit;text-decoration:none;box-shadow:0 0 0 1px var(--img-line)}
:root[data-theme=dark] .images-actions a:hover,:root[data-theme=dark] .images-actions button:hover{background:var(--img-fill)}
:root[data-theme=dark] .images-actions .images-danger{color:var(--img-danger)}
:root[data-theme=dark] .images-prompt{background:var(--img-bg);box-shadow:0 0 0 1px rgba(0,0,0,0.188),0 8px 24px hsl(0 0% 0%/.12)}
:root[data-theme=dark] .images-notice{background:var(--img-send);color:var(--img-send-text)}
:root[data-theme=dark] .images-notice a{color:inherit;text-decoration:underline}
/* meeting-player.css */
:root[data-theme=dark]{--bg:#1c1b18;--panel:#1c1b18;--panel-2:#22221e;--line:#393732;--text:#d8d7ce;--dim:#9c9a93;--faint:#88867e}

/* Hand-tuned dark exceptions. Everything else comes from the generated /static/dark.css (superagent/theme.py). */
:root[data-theme=dark] img,:root[data-theme=dark] video{color-scheme:light}

/* Canvas: Claude-like ivory in light, its #262624 in dark (lightness inversion of ivory lands darker than the sidebar). */
:root[data-theme=dark]{--paper:#262624}

/* Assistant cards keep their action contrast instead of inverting the light primary button. */
:root[data-theme=dark] #assistant-center{background:linear-gradient(160deg,#17272b,#1d242c);border-color:#33464b}
:root[data-theme=dark] #assistant-center .assistant-card{background:#202d32;border-color:#3a5159}
:root[data-theme=dark] #assistant-center .assistant-card[data-selected=true]{background:#233e3b;border-color:#568f83}
:root[data-theme=dark] #assistant-center :is(.assistant-center-head>button,.assistant-tools>button,.assistant-topics>button,.assistant-card-actions>button){background:#243236;border-color:#3c555b;color:#d7e6ec}
:root[data-theme=dark] #assistant-center button.assistant-primary{background:#296962;border-color:#43887f;color:#f0fdf9}
:root[data-theme=dark] #assistant-center button.assistant-primary:hover:not(:disabled){background:#327b73}
:root[data-theme=dark] #assistant-center :is(.assistant-tabs,.assistant-topics) [aria-pressed=true]{background:#234743;color:#ccf2e9}

/* Standalone text actions need a visible touch target even without hover.
   Menus, navigation, tabs and icon toolbars retain their own interaction cues. */
body :is(button.quiet:not([aria-label]):not(.ai-ref):not(.ai-pending),
  #cancel-chat-edit, #voice-bar button,
  .composer-footer #chat-model-trigger, .composer-footer #chat-effort,
  .message-actions > button:not(.message-icon), .message-versions button,
  .answer-code-head button, .memo-actions button, .capture-actions button,
  .creation-picture figcaption :is(button,a), .creation-actions :is(button,a),
  #ask-bar button + button, .ask-panel:not(.is-list) .ask-title,
  .group-management-row button, .search-provider-error button,
  .skills-section-heading button) {
  border:1px solid var(--line-strong);
  border-radius:8px;
  background-color:var(--white);
  color:var(--slate);
  padding:5px 10px;
  min-height:34px;
  line-height:1.4;
}
body :is(button.quiet:not([aria-label]):not(.ai-ref):not(.ai-pending),
  #cancel-chat-edit, #voice-bar button,
  .composer-footer #chat-model-trigger, .composer-footer #chat-effort,
  .message-actions > button:not(.message-icon), .message-versions button,
  .answer-code-head button, .memo-actions button, .capture-actions button,
  .creation-picture figcaption :is(button,a), .creation-actions :is(button,a),
  #ask-bar button + button, .ask-panel:not(.is-list) .ask-title,
  .group-management-row button, .search-provider-error button,
  .skills-section-heading button):is(:hover,:active):not(:disabled) {
  background-color:var(--wash-green);
  border-color:var(--muted-light);
  color:var(--ink);
}
body :is(button.quiet:not([aria-label]):not(.ai-ref):not(.ai-pending),
  #cancel-chat-edit, #voice-bar button,
  .composer-footer #chat-model-trigger, .composer-footer #chat-effort,
  .message-actions > button:not(.message-icon), .message-versions button,
  .answer-code-head button, .memo-actions button, .capture-actions button,
  .creation-picture figcaption :is(button,a), .creation-actions :is(button,a),
  #ask-bar button + button, .ask-panel:not(.is-list) .ask-title,
  .group-management-row button, .search-provider-error button,
  .skills-section-heading button):focus-visible {
  outline:2px solid var(--accent);
  outline-offset:2px;
}
body .composer-footer #chat-effort{padding-right:26px}
#chat-editing{gap:12px}
#chat-editing > span{min-width:0;flex:1}
#cancel-chat-edit{flex-shrink:0}
@media(max-width:600px){
  body :is(button.quiet:not([aria-label]):not(.ai-ref):not(.ai-pending),
  #cancel-chat-edit, #voice-bar button,
  .composer-footer #chat-model-trigger, .composer-footer #chat-effort,
  .message-actions > button:not(.message-icon), .message-versions button,
  .answer-code-head button, .memo-actions button, .capture-actions button,
  .creation-picture figcaption :is(button,a), .creation-actions :is(button,a),
  #ask-bar button + button, .ask-panel:not(.is-list) .ask-title,
  .group-management-row button, .search-provider-error button,
  .skills-section-heading button){min-height:40px}
  #chat-editing{align-items:flex-start}
  .composer-models{max-width:100%}
  body .composer-footer #chat-model-trigger{max-width:190px}
  #voice-bar{flex-wrap:wrap}
}

/* Download links are actions alongside edit/regenerate, with the same footprint. */
body :is(.creation-picture figcaption a,.creation-actions a){
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
}
@media(pointer:coarse),(any-pointer:coarse){
  body :is(.creation-picture figcaption :is(button,a),.creation-actions :is(button,a)){min-height:44px}
}

/* Phone footer: model + effort as quiet pills on the first line, disclaimer centred under them. */
@media(max-width:600px){
  .composer-footer{justify-content:flex-start;padding-top:6px}
  .composer-footer .composer-models{order:-1;margin-left:0;gap:6px}
  .composer-footer .composer-disclaimer{order:1;flex-basis:100%;text-align:center;margin-top:6px}
  html body .composer-footer :is(#chat-model-trigger,#chat-effort){min-height:36px;border:0;border-radius:999px;background-color:var(--wash-green);color:var(--slate);padding-top:4px;padding-bottom:4px}
  html body .composer-footer #chat-model-trigger{padding-left:12px;padding-right:10px}
  html body .composer-footer #chat-effort{padding-left:12px}
}

/* A shared close control for static and dynamically created panels.
   The visual mark is vector-based; existing aria-labels name the action. */
body :is(.dialog-close,[data-panel-close],[data-close-meeting],.ask-close,.notice-dismiss,
  .my-voice-head button[aria-label="关闭"],.rename-record-dialog button[aria-label="关闭改名窗口"],
  #office-template-preview button[aria-label="关闭模板"]){
  display:inline-flex;align-items:center;justify-content:center;
  width:var(--close-size,40px);height:var(--close-size,40px);min-width:var(--close-size,40px);min-height:var(--close-size,40px);
  flex:0 0 var(--close-size,40px);padding:0;border:1px solid var(--close-border,var(--line));border-radius:50%;
  background:var(--close-surface,var(--wash));color:var(--close-ink,var(--slate));font-size:0;line-height:0;
}
body :is(.dialog-close,[data-panel-close],[data-close-meeting],.ask-close,.notice-dismiss,
  .my-voice-head button[aria-label="关闭"],.rename-record-dialog button[aria-label="关闭改名窗口"],
  #office-template-preview button[aria-label="关闭模板"])::before{
  content:"";display:block;width:var(--close-mark,24px);height:var(--close-mark,24px);flex:none;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 4 16 16M20 4 4 20' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 4 16 16M20 4 4 20' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
body :is(.dialog-close,[data-panel-close],[data-close-meeting],.ask-close,.notice-dismiss,
  .my-voice-head button[aria-label="关闭"],.rename-record-dialog button[aria-label="关闭改名窗口"],
  #office-template-preview button[aria-label="关闭模板"]):hover:not(:disabled){background:var(--close-hover-surface,var(--wash-green));border-color:var(--close-hover-border,var(--line-strong));color:var(--close-hover-ink,var(--ink))}
body :is(.dialog-close,[data-panel-close],[data-close-meeting],.ask-close,.notice-dismiss,
  .my-voice-head button[aria-label="关闭"],.rename-record-dialog button[aria-label="关闭改名窗口"],
  #office-template-preview button[aria-label="关闭模板"]):active:not(:disabled){filter:brightness(.95)}
body :is(.dialog-close,[data-panel-close],[data-close-meeting],.ask-close,.notice-dismiss,
  .my-voice-head button[aria-label="关闭"],.rename-record-dialog button[aria-label="关闭改名窗口"],
  #office-template-preview button[aria-label="关闭模板"]):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
body .notice-dismiss{--close-size:32px;--close-mark:20px}
#notice,.dialog-notice,.panel-notice{padding-right:52px;min-height:44px}
body .notice-dismiss{--close-size:32px}
body .management-dialog .dialog-notice .notice-dismiss{
  --close-surface:color-mix(in srgb,currentColor 10%,transparent);
  --close-border:color-mix(in srgb,currentColor 20%,transparent);
  --close-hover-surface:color-mix(in srgb,currentColor 18%,transparent);
}
body.reading-mode .page-panel [data-panel-close]{
  --close-ink:var(--reading-fg);--close-surface:color-mix(in srgb,var(--reading-fg) 5%,transparent);
  --close-border:color-mix(in srgb,var(--reading-fg) 18%,transparent);
  --close-hover-surface:color-mix(in srgb,var(--reading-fg) 10%,transparent);--close-hover-ink:var(--reading-fg);
}
@media(max-width:600px),(pointer:coarse){
  body :is(.dialog-close,[data-panel-close],[data-close-meeting],.ask-close,.notice-dismiss,
  .my-voice-head button[aria-label="关闭"],.rename-record-dialog button[aria-label="关闭改名窗口"],
  #office-template-preview button[aria-label="关闭模板"]){--close-size:44px}
  body .notice-dismiss{--close-size:40px;--close-mark:22px}
  #notice,.dialog-notice,.panel-notice{padding-right:56px;min-height:52px}
}

/* Toasts invert their own palette in dark mode; inherit the toast's ink. */
body #management-dialog #management-notice{padding-right:52px;min-height:44px}
body #management-dialog #management-notice button.notice-dismiss,
body #management-dialog #management-notice button.notice-dismiss:hover:not(:disabled){color:inherit}
@media(max-width:600px),(pointer:coarse){
  body #management-dialog #management-notice{padding-right:56px;min-height:52px}
}

/* Compact dashboard, following the standalone tgstats visual hierarchy. */
#code-usage-panel{--cu-blue:#2a78d6;--cu-orange:#dc713f;--cu-green:#239b79;--cu-purple:#9471c6;min-width:0;border:0;background:none;padding:0;margin:0 0 36px;font-size:13px;line-height:1.5}
#code-usage-panel *{box-sizing:border-box}
#code-usage-panel h2,#code-usage-panel h3,#code-usage-panel p{margin:0}
#code-usage-panel h2{font-size:19px;font-weight:650;letter-spacing:-.3px}
#code-usage-panel h3{font-size:14px;font-weight:650;letter-spacing:0}
#code-usage-panel button,#code-usage-panel select,#code-usage-panel input{font:inherit;line-height:1.5;min-width:0;max-width:100%;box-shadow:none}
#code-usage-panel button{padding:7px 11px;background:var(--white);border:1px solid var(--line-strong);border-radius:7px;color:var(--ink);cursor:pointer;font-weight:400}
#code-usage-panel button:hover{background:var(--wash)}
#code-usage-panel :is(button,select,input,summary):focus-visible{outline:2px solid var(--cu-blue);outline-offset:3px}
#code-usage-panel select,#code-usage-panel input{padding:7px 10px;border:1px solid var(--line-strong);background:var(--white);color:var(--ink);border-radius:7px;width:auto;margin:0;min-height:35px}
#code-usage-panel details{margin:0}
#code-usage-panel details[open]>summary{margin-bottom:8px}
#code-usage-panel summary{cursor:pointer;list-style-position:inside}
#code-usage-panel .cu-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
#code-usage-panel .cu-subtitle{color:var(--muted-dark);font-size:12px;margin-top:4px}
#code-usage-panel .cu-header button{font-size:12px;white-space:nowrap}
#code-usage-filters{display:block}
#code-usage-panel .cu-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line-strong);margin-bottom:14px;overflow-x:auto;scrollbar-width:none}
#code-usage-panel .cu-tabs button{border:0;border-radius:0;border-bottom:2px solid transparent;background:none;padding:9px 0;white-space:nowrap;color:var(--muted-dark);font-weight:500}
#code-usage-panel .cu-tabs button[aria-pressed=true]{border-bottom-color:var(--cu-blue);color:var(--ink);font-weight:650}
#code-usage-panel .cu-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#code-usage-panel .cu-toolbar select[aria-label="用量模型"]{max-width:240px}
#code-usage-panel .cu-export{margin-left:auto}
#code-usage-panel .cu-more{position:relative;color:var(--muted-dark)}
#code-usage-panel .cu-more summary{padding:8px}
#code-usage-panel .cu-more select{position:absolute;right:0;top:38px;z-index:3;box-shadow:0 4px 16px #0002;min-width:190px}
#code-usage-panel .cu-dates{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}
#code-usage-panel [hidden]{display:none!important}
#code-usage-status{font-size:11px;color:var(--muted-dark);margin:10px 0 16px!important;overflow-wrap:anywhere}
#code-usage-panel .cu-overview-head,#code-usage-panel .cu-section-head{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-bottom:10px}
#code-usage-panel .cu-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
#code-usage-panel .cu-tile,#code-usage-panel .cu-card,#code-usage-panel .cu-device{border:1px solid var(--line-strong);border-radius:11px;background:var(--white);min-width:0}
#code-usage-panel .cu-tile{padding:14px 16px}
#code-usage-panel .cu-label{font-size:12px;color:var(--muted-dark)}
#code-usage-panel .cu-value{display:block;font-size:27px;font-weight:650;line-height:1.2;margin:5px 0;font-variant-numeric:tabular-nums;letter-spacing:-.7px;overflow-wrap:anywhere}
#code-usage-panel .cu-tile:nth-child(2) .cu-value{font-size:23px;line-height:1.4}
#code-usage-panel .cu-hint,#code-usage-panel .cu-muted{color:var(--muted-dark);font-size:11px;line-height:1.6}
#code-usage-panel .cu-total{border-color:color-mix(in srgb,var(--cu-blue) 45%,var(--line-strong));background:color-mix(in srgb,var(--cu-blue) 4%,var(--white))}
#code-usage-panel .cu-blue .cu-value,#code-usage-panel .cu-blue{color:var(--cu-blue)}
#code-usage-panel .cu-orange .cu-value,#code-usage-panel .cu-orange{color:var(--cu-orange)}
#code-usage-panel .cu-green .cu-value,#code-usage-panel .cu-green{color:var(--cu-green)}
#code-usage-panel .cu-purple .cu-value,#code-usage-panel .cu-purple{color:var(--cu-purple)}
#code-usage-panel .cu-bg-blue{background:var(--cu-blue)}#code-usage-panel .cu-bg-orange{background:var(--cu-orange)}#code-usage-panel .cu-bg-green{background:var(--cu-green)}#code-usage-panel .cu-bg-purple{background:var(--cu-purple)}
#code-usage-panel .cu-card{padding:16px;margin:0 0 14px}
#code-usage-panel .cu-card-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:10px;margin-bottom:14px}
#code-usage-panel .cu-card-head p{margin-top:3px}
#code-usage-panel .cu-segment{display:inline-flex;flex-shrink:0;border:1px solid var(--line-strong);border-radius:7px;overflow:hidden}
#code-usage-panel .cu-segment button{border:0;border-radius:0;font-size:11px;padding:5px 10px;background:none;color:var(--muted-dark)}
#code-usage-panel .cu-segment button[aria-pressed=true]{background:var(--cu-blue);color:#fff}
#code-usage-panel .cu-chart{display:flex;height:190px;gap:10px}
#code-usage-panel .cu-yaxis{display:flex;flex-direction:column;justify-content:space-between;width:50px;flex-shrink:0;font-size:10px;color:var(--muted-dark);text-align:right;font-variant-numeric:tabular-nums}
#code-usage-panel .cu-plot{display:flex;align-items:stretch;gap:4px;min-width:0;flex:1;border-bottom:1px solid var(--line-strong);background:repeating-linear-gradient(to top,transparent 0,transparent calc(50% - 1px),var(--line) calc(50% - 1px),var(--line) 50%)}
#code-usage-panel .cu-bar{display:flex;align-items:flex-end;justify-content:center;flex:1;min-width:0;height:100%;padding:0 2px;border:0;border-radius:0;background:transparent}
#code-usage-panel .cu-bar:hover,#code-usage-panel .cu-bar[aria-pressed=true]{background:color-mix(in srgb,var(--cu-blue) 10%,transparent)}
#code-usage-panel .cu-stack{width:100%;max-width:44px;display:flex;flex-direction:column-reverse;border-radius:3px 3px 0 0;overflow:hidden;min-height:1px}
#code-usage-panel .cu-stack i{display:block;flex-basis:0;min-height:0}
#code-usage-panel .cu-xaxis{margin:6px 0 12px 60px;display:flex;justify-content:space-between;color:var(--muted-dark);font-size:10px}
#code-usage-panel .cu-legend{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--muted-dark)}
#code-usage-panel .cu-legend span{display:inline-flex;align-items:center;gap:6px}
#code-usage-panel .cu-legend i{width:9px;height:9px;display:inline-block;border-radius:2px;flex-shrink:0}
#code-usage-panel .cu-chart-readout{font-size:11px;color:var(--muted-dark);padding-top:10px;min-height:27px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#code-usage-panel .cu-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px;align-items:start}
#code-usage-panel .cu-rank{padding:10px 0;border-top:1px solid var(--line)}
#code-usage-panel .cu-rank summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;list-style:none;align-items:center}
#code-usage-panel .cu-rank summary::-webkit-details-marker{display:none}
#code-usage-panel .cu-rank-name{display:flex;gap:10px;align-items:center;min-width:0}
#code-usage-panel .cu-rank-name i{font-style:normal;font-size:11px;color:var(--muted-dark);width:12px;flex-shrink:0}
#code-usage-panel .cu-rank-name b{font-size:12px;font-weight:500;overflow-wrap:anywhere}
#code-usage-panel .cu-rank-value{font-variant-numeric:tabular-nums;font-size:13px;font-weight:650}
#code-usage-panel .cu-rank small{font-size:10px;text-align:right;color:var(--muted-dark)}
#code-usage-panel .cu-rail{display:block;margin-left:22px;height:5px;background:var(--wash);border-radius:3px;overflow:hidden}
#code-usage-panel .cu-rail i{height:100%;display:block;border-radius:3px}
#code-usage-panel .cu-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}
#code-usage-panel .cu-fields b{display:block;font-size:14px;font-variant-numeric:tabular-nums}
#code-usage-panel .cu-fields p{grid-column:1/-1}
#code-usage-panel .cu-composition{display:flex;width:100%;height:18px;overflow:hidden;border-radius:4px;margin:5px 0 18px;background:var(--wash)}
#code-usage-panel .cu-composition-row{display:grid;grid-template-columns:1fr auto 45px;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
#code-usage-panel .cu-composition-row>span{text-align:right}
#code-usage-panel .cu-tool-split{margin:12px 0;padding-top:8px;border-top:1px solid var(--line)}
#code-usage-panel .cu-tool-split p{display:flex;justify-content:space-between;padding:5px 0;font-size:12px}
#code-usage-panel .cu-detail>summary{font-size:12px;color:var(--muted-dark);padding:8px 0}
#code-usage-panel .cu-detail>p{font-size:12px;color:var(--muted-dark);margin:8px 0;overflow-wrap:anywhere}
#code-usage-panel .cu-devices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
#code-usage-panel .cu-device{padding:13px}
#code-usage-panel .cu-device-head{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap}
#code-usage-panel .cu-device-value{display:block;font-size:22px;font-weight:650;margin:12px 0 2px;font-variant-numeric:tabular-nums}
#code-usage-panel .cu-state{font-size:10px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
#code-usage-panel .cu-state:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
#code-usage-panel .cu-ok{color:var(--cu-green)}#code-usage-panel .cu-warn{color:var(--warn)}#code-usage-panel .cu-bad,#code-usage-panel .cu-error{color:var(--danger)}
#code-usage-panel .cu-notice{background:color-mix(in srgb,var(--warn) 6%,var(--white));border-left:2px solid var(--warn);padding:9px 12px;font-size:11px;color:var(--warn);margin:0 0 14px}
#code-usage-panel .cu-quota-value{font-size:20px;font-variant-numeric:tabular-nums}
#code-usage-panel .cu-meter{height:6px;overflow:hidden;border-radius:3px;background:var(--wash);margin:10px 0}
#code-usage-panel .cu-meter i{display:block;height:100%}
#code-usage-panel .cu-empty{padding:35px 10px;color:var(--muted-dark);text-align:center}
@media(max-width:760px){#code-usage-panel .cu-columns{grid-template-columns:1fr}#code-usage-panel .cu-tiles,#code-usage-panel .cu-devices{grid-template-columns:repeat(2,minmax(0,1fr))}#code-usage-panel .cu-toolbar select{flex:1 1 calc(50% - 8px);width:calc(50% - 8px);max-width:100%!important}#code-usage-panel .cu-more select{width:210px}#code-usage-panel .cu-more{margin-left:auto}#code-usage-panel .cu-export{margin-left:0}#code-usage-panel .cu-tabs{gap:22px}#code-usage-panel .cu-tile{padding:12px}#code-usage-panel .cu-value{font-size:25px}#code-usage-panel .cu-tile:nth-child(2) .cu-value{font-size:20px}#code-usage-panel .cu-card{padding:14px 12px}#code-usage-panel .cu-chart{height:155px;gap:6px}#code-usage-panel .cu-yaxis{width:40px}#code-usage-panel .cu-xaxis{margin-left:46px}#code-usage-panel .cu-plot{gap:2px}#code-usage-panel .cu-bar{padding:0 1px}#code-usage-panel .cu-card-head{gap:8px}#code-usage-panel .cu-overview-head{align-items:baseline}#code-usage-panel .cu-overview-head .cu-muted{font-size:10px}#code-usage-panel .cu-device{padding:12px}#code-usage-panel .cu-subtitle{max-width:225px}#code-usage-panel .cu-header{align-items:flex-start}}
#code-usage-panel .cu-loading{opacity:.45;transition:opacity .2s}
#code-usage-status.cu-status-loading::before{content:'';display:inline-block;width:11px;height:11px;margin-right:6px;vertical-align:-1px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:cu-spin .8s linear infinite}
@keyframes cu-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#code-usage-panel *{transition:none!important}#code-usage-status.cu-status-loading::before{animation-duration:2.4s}}
/* Labelled filters and an in-flow source chooser; no nested floating select. */
#code-usage-panel .cu-toolbar{display:grid;grid-template-columns:minmax(110px,1fr) minmax(110px,1fr) minmax(110px,1fr) minmax(150px,1.3fr) auto;gap:12px;align-items:end}
#code-usage-panel .cu-filter{display:flex;flex-direction:column;gap:5px;min-width:0;margin:0}
#code-usage-panel .cu-filter-label{font-size:11px;color:var(--muted-dark);font-weight:400}
#code-usage-panel .cu-filter select{width:100%;max-width:100%;height:38px;margin:0}
#code-usage-panel .cu-filter-actions{display:flex;gap:7px;align-items:center;min-height:38px}
#code-usage-panel .cu-filter-actions button{white-space:nowrap;font-size:12px;height:38px}
#code-usage-panel .cu-filter-actions [aria-expanded=true]{border-color:var(--cu-blue);color:var(--cu-blue);background:color-mix(in srgb,var(--cu-blue) 5%,var(--white))}
#code-usage-panel .cu-other-sources{margin-top:12px;border:1px solid var(--line-strong);border-radius:9px;padding:12px;background:var(--white)}
#code-usage-panel .cu-other-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
#code-usage-panel .cu-other-choices button{text-align:left;border-color:var(--line);padding:10px 12px}
#code-usage-panel .cu-other-choices b,#code-usage-panel .cu-other-choices span{display:block}
#code-usage-panel .cu-other-choices b{font-size:12px;font-weight:550}
#code-usage-panel .cu-other-choices span{font-size:11px;color:var(--muted-dark);margin-top:3px}
#code-usage-panel .cu-trend-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#code-usage-panel .cu-trend-controls select{font-size:11px;min-height:30px;padding:4px 8px}
#code-usage-panel .cu-daily .cu-chart{height:204px}
#code-usage-panel .cu-daily .cu-yaxis{height:170px}
#code-usage-panel .cu-timeline-scroll{min-width:0;flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;overscroll-behavior-x:contain;padding-bottom:6px}
#code-usage-panel .cu-timeline{width:100%}
#code-usage-panel .cu-timeline .cu-plot{height:170px}
#code-usage-panel .cu-timeline .cu-xaxis{margin:5px 0 0;display:flex;gap:4px}
#code-usage-panel .cu-timeline .cu-xaxis span{flex:1;min-width:0;text-align:center;white-space:nowrap;font-size:9px;overflow:visible}
#code-usage-panel .cu-hour-peak{font-size:12px;font-weight:550;margin:4px 0 16px}
#code-usage-panel .cu-hour-chart{display:flex;gap:5px;align-items:flex-end;height:130px;border-bottom:1px solid var(--line-strong);background:repeating-linear-gradient(to top,transparent 0,transparent calc(50% - 1px),var(--line) calc(50% - 1px),var(--line) 50%)}
#code-usage-panel .cu-hour-bar{display:flex;align-items:flex-end;justify-content:center;flex:1;min-width:0;height:100%;padding:0;border:0;border-radius:0;background:transparent}
#code-usage-panel .cu-hour-bar i{display:block;width:100%;max-width:24px;border-radius:3px 3px 0 0}
#code-usage-panel .cu-hour-bar:hover,#code-usage-panel .cu-hour-bar[aria-pressed=true]{background:color-mix(in srgb,var(--cu-blue) 12%,transparent)}
#code-usage-panel .cu-hour-axis{display:flex;gap:5px;font-size:10px;color:var(--muted-dark);margin-top:5px}
#code-usage-panel .cu-hour-axis span{flex:1;min-width:0;text-align:center}
@media(max-width:1000px){#code-usage-panel .cu-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))}#code-usage-panel .cu-filter-actions{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:760px){#code-usage-panel .cu-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#code-usage-panel .cu-filter select{flex:none;width:100%}#code-usage-panel .cu-other-choices{grid-template-columns:1fr}#code-usage-panel .cu-trend-controls{width:100%;justify-content:space-between}#code-usage-panel .cu-timeline .cu-plot,#code-usage-panel .cu-timeline .cu-xaxis{gap:2px}#code-usage-panel .cu-hour-chart,#code-usage-panel .cu-hour-axis{gap:3px}#code-usage-panel .cu-daily .cu-yaxis{height:170px}}

/* Stable chart captions/readouts keep range changes from shifting the page. */
#code-usage-panel .cu-daily .cu-card-head .cu-muted{min-height:3.2em}
#code-usage-panel .cu-daily .cu-chart-readout,#code-usage-panel .cu-hours .cu-chart-readout{min-height:43px}

#code-topology{--ct-cyan:#76e5f5;position:relative;isolation:isolate;background:#080f1d;color:#e5edf7;border:1px solid #23344c;border-radius:20px;margin:8px 0 32px;overflow:hidden;box-shadow:0 15px 45px #0002;font-family:inherit}
#code-topology *{box-sizing:border-box}#code-topology .ct-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 30px 12px}#code-topology h2{color:#f0f5ff;font-size:24px;margin:7px 0;letter-spacing:-.5px}#code-topology .ct-eyebrow{font:10px ui-monospace,monospace;letter-spacing:3px;color:var(--ct-cyan)}#code-topology .ct-subtitle{color:#8fa2bb;font-size:12px;margin:0}#code-topology .ct-actions{display:flex;gap:8px;flex-wrap:wrap}#code-topology .ct-actions button{background:#122036;color:#b8cce3;border:1px solid #2a3c55;font-size:11px;padding:8px 11px;border-radius:7px}#code-topology button:focus-visible{outline:2px solid #76e5f5;outline-offset:4px}#code-topology .ct-status{color:#87a0bb;font:11px ui-monospace,monospace;padding:8px 30px 0;min-height:24px}#code-topology .ct-stage{height:540px;position:relative;background:radial-gradient(ellipse at 46% 50%,#1a46542b,transparent 55%),radial-gradient(#36526a55 .7px,transparent .7px);background-size:auto,20px 20px;margin:0 20px}#code-topology .ct-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}#code-topology .ct-links path{fill:none;stroke:#294053;stroke-width:1.4}#code-topology .ct-links path.ct-active-edge{stroke:#58b9c5;filter:drop-shadow(0 0 5px #59d2e044)}#code-topology .ct-packet{fill:#a1faff;filter:drop-shadow(0 0 5px #4feaff)}#code-topology .ct-replay-packet{fill:#f4c782;filter:drop-shadow(0 0 5px #ffb640)}
#code-topology .ct-node{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:170px;height:154px;padding:5px 8px 10px;border-radius:13px;background:linear-gradient(145deg,#172339dd,#0b1625ee);border:1px solid #304052;color:#dce8f6;text-align:center;box-shadow:0 8px 25px #0003;transition:border-color .2s,box-shadow .2s}#code-topology .ct-node:hover,#code-topology .ct-node[aria-pressed=true]{border-color:#70d2df}#code-topology .ct-node img{width:135px;height:84px;object-fit:contain;mix-blend-mode:screen;pointer-events:none}#code-topology .ct-node b{font-size:13px;line-height:20px;font-weight:600}#code-topology .ct-node small{font-size:10px;color:#8c9eb3;line-height:17px}#code-topology .ct-node-state{font-size:10px;color:#97c3d3;line-height:18px}#code-topology .ct-node[data-status=stale] .ct-node-state,#code-topology .ct-node[data-status=unknown] .ct-node-state{color:#d8b580}#code-topology .ct-running{border-color:#54bfce;box-shadow:0 0 22px #51c7df20}#code-topology .ct-running .ct-node-state{color:#86eef2}#code-topology .ct-arrival{animation:ct-arrive 2s ease-out}#code-topology .ct-telegram{left:3%;top:76px}#code-topology .ct-web{left:3%;bottom:76px}#code-topology .ct-server{right:3%;top:20px}#code-topology .ct-mac{right:3%;top:193px}#code-topology .ct-lenovo{right:3%;bottom:20px}#code-topology .ct-hub{position:absolute;left:44%;top:50%;transform:translate(-50%,-50%);width:136px;height:144px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #356572;border-radius:50%;background:radial-gradient(#153b4b,#0c1d2f 65%);box-shadow:0 0 0 12px #17344533,0 0 0 26px #17344522,0 0 60px #308da020}#code-topology .ct-orb{font:30px ui-monospace,monospace;color:#a1f4ff;text-shadow:0 0 20px #6fe4ff;margin-bottom:3px}#code-topology .ct-hub b{font:12px ui-monospace,monospace;letter-spacing:.5px}#code-topology .ct-hub span{font-size:9px;color:#85a7b9;margin-top:8px}#code-topology .ct-footer{background:#0d1726;border-top:1px solid #233145;padding:16px 30px}#code-topology .ct-legend{display:flex;gap:20px;color:#839bb4;font-size:10px;margin-bottom:12px}#code-topology .ct-cyan{color:#7cdce6}#code-topology .ct-event-list{display:grid;grid-template-columns:1fr 1fr;gap:9px 28px}#code-topology .ct-event{display:flex;justify-content:space-between;gap:10px;font-size:11px;line-height:20px}#code-topology .ct-event small{font-size:10px;color:#829bb5;white-space:nowrap}#code-topology .ct-note{font-size:10px;color:#637f99;margin:14px 0 0}#code-topology .ct-empty{font-size:11px;color:#8a9fb7}#code-topology.ct-stale .ct-status{color:#e2b884}#code-topology.ct-stale .ct-node-state{color:#8c9bb0}#code-topology.ct-stale .ct-running{box-shadow:none;border-color:#304052}#code-topology.ct-paused .ct-arrival{animation:none}@keyframes ct-arrive{0%,25%{border-color:#a0f8ff;box-shadow:0 0 35px #6be6f855}100%{box-shadow:0 0 0 transparent}}
@media(max-width:900px){#code-topology .ct-node{width:142px}#code-topology .ct-node img{width:115px}#code-topology .ct-hub{left:47%}}
@media(max-width:680px){#code-topology .ct-head{padding:22px 18px 10px;display:block}#code-topology h2{font-size:21px}#code-topology .ct-actions{margin-top:15px}#code-topology .ct-status{padding:5px 18px;font-size:10px;line-height:18px}#code-topology .ct-stage{height:555px;margin:0 10px}#code-topology .ct-node{width:29%;height:141px;padding:4px 2px 8px}#code-topology .ct-node img{width:100%;height:76px}#code-topology .ct-node b{font-size:11px}#code-topology .ct-node small{font-size:8px}#code-topology .ct-node-state{font-size:9px}#code-topology .ct-telegram{left:13%;top:22px}#code-topology .ct-web{left:auto;right:13%;top:22px;bottom:auto}#code-topology .ct-hub{left:50%;top:270px;width:110px;height:116px}#code-topology .ct-server{left:2%;right:auto;top:390px}#code-topology .ct-mac{left:35.5%;right:auto;top:390px}#code-topology .ct-lenovo{right:2%;top:390px;bottom:auto}#code-topology .ct-footer{padding:15px 18px}#code-topology .ct-event-list{grid-template-columns:1fr}#code-topology .ct-event{font-size:10px}#code-topology .ct-legend{gap:14px}#code-topology .ct-note{line-height:17px}}
@media(prefers-reduced-motion:reduce){#code-topology *{animation:none!important;transition:none!important}}

/* Compact map below the usage dashboard; keep the controls and node states readable. */
#code-topology{border-radius:14px;margin:0 0 28px}
#code-topology .ct-head{padding:18px 22px 6px;gap:14px}
#code-topology h2{font-size:19px;margin:5px 0}
#code-topology .ct-subtitle{display:none}
#code-topology .ct-status{padding:5px 22px 0}
#code-topology .ct-stage{height:360px;max-width:840px;margin:0 auto}
#code-topology .ct-node{width:140px;height:104px;padding:3px 6px 5px}
#code-topology .ct-node img{width:100px;height:53px}
#code-topology .ct-node small{display:none}
#code-topology .ct-node b{font-size:12px}
#code-topology .ct-telegram{top:55px}
#code-topology .ct-web{bottom:55px}
#code-topology .ct-server{top:12px}
#code-topology .ct-mac{top:128px}
#code-topology .ct-lenovo{bottom:12px}
#code-topology .ct-hub{width:112px;height:118px;left:46%}
#code-topology .ct-orb{font-size:25px}
#code-topology .ct-footer{padding:12px 22px}
#code-topology .ct-legend{margin-bottom:8px}
#code-topology .ct-note{margin-top:8px}
@media(max-width:680px){
 #code-topology .ct-head{padding:16px 14px 5px}
 #code-topology h2{font-size:18px}
 #code-topology .ct-actions{margin-top:10px}
 #code-topology .ct-status{padding:5px 14px}
 #code-topology .ct-stage{height:340px;margin:0 8px}
 #code-topology .ct-node{width:29%;height:94px;padding:2px}
 #code-topology .ct-node img{width:100%;height:49px}
 #code-topology .ct-node b{font-size:10px}
 #code-topology .ct-telegram,#code-topology .ct-web{top:8px;bottom:auto}
 #code-topology .ct-hub{left:50%;top:173px;width:88px;height:88px;box-shadow:0 0 0 8px #17344533,0 0 0 17px #17344522}
 #code-topology .ct-orb{font-size:22px}
 #code-topology .ct-hub b{font-size:10px}
 #code-topology .ct-hub span{font-size:8px;margin-top:5px}
 #code-topology .ct-server,#code-topology .ct-mac,#code-topology .ct-lenovo{top:237px;bottom:auto}
 #code-topology .ct-footer{padding:10px 14px}
 #code-topology .ct-event-list{gap:5px}
}

/* App shell: one sidebar on every route, the bar above a conversation, the home column and the page column.
   The layout follows Claude's web app; every colour stays a SuperAgent token, so 主题色 and dark mode keep working. */
:root{--composer-col:768px;--chat-col:736px;--home-col:672px;--page-col:960px;--row-hover:color-mix(in srgb,var(--ink) 5%,transparent);--row-current:color-mix(in srgb,var(--ink) 8%,transparent);--greeting-font:"Songti SC","Noto Serif CJK SC","Source Han Serif SC",Georgia,serif}

/* Sidebar */
.chat-sidebar{position:fixed;inset:0 auto 0 0;z-index:160;display:flex;flex-direction:column;box-sizing:border-box;width:var(--nav-width);height:var(--app-height,100dvh);min-height:0;padding:0 8px;background:var(--sidebar);border-right:1px solid var(--line)}
body:not(.authenticated) .chat-sidebar,body.navigation-collapsed .chat-sidebar,body.reading-mode .chat-sidebar{display:none}
.sidebar-top{display:flex;align-items:center;gap:6px;min-height:48px;flex-shrink:0;padding:0 2px}
.sidebar-top button,#toggle-history{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;min-height:0;margin:0;padding:6px;border:0;border-radius:8px;background:transparent;color:var(--muted)}
.sidebar-top button:hover,#toggle-history:hover{background:var(--row-hover)}
.sidebar-top .brand{display:flex;align-items:center;flex:1;gap:7px;min-width:0;height:auto;min-height:0;padding:0;font-size:16px;font-weight:650;letter-spacing:-.4px}
.sidebar-top .brand>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.sidebar-top .brand-logo{width:20px;height:20px;flex:0 0 20px;margin:0}
.sidebar-nav{display:flex;flex-direction:column;align-items:stretch;gap:2px;flex-shrink:0;order:0;width:auto;margin:0;padding:1px 0 12px}
.sidebar-nav :is(a,button){display:flex;align-items:center;justify-content:flex-start;gap:12px;box-sizing:border-box;width:100%;min-height:32px;margin:0;padding:5px 10px;border:0;border-radius:8px;background:transparent;color:var(--ink);font-size:14px;font-weight:450;line-height:22px;text-align:left;text-decoration:none;white-space:nowrap}
.sidebar-nav :is(a,button):hover{background:var(--row-hover)}
.sidebar-nav a:after{display:none}
.sidebar-nav a[aria-current]{border:0;background:var(--row-current);font-weight:500}
.chat-sidebar :is(.history-section-toggle,.history-group-empty){font-size:12px}
.chat-sidebar .history-row{font-size:14px}
.chat-sidebar .empty{margin:0;padding:6px 10px;font-size:13px;color:var(--muted)}
.sidebar-account .account-dots{font-size:13px;letter-spacing:0}
.sidebar-nav .nav-icon{width:18px;height:18px;flex:0 0 18px}
.sidebar-label{display:flex;align-items:center;flex-shrink:0;margin:4px 0 2px;padding:0 6px 0 10px;font-size:12px;font-weight:500;color:var(--muted)}
.chat-sidebar :is(#chat-history,#creation-history){flex:1;min-height:60px;overflow-y:auto;scrollbar-width:thin}
.sidebar-account{flex-shrink:0;margin-top:auto;padding:8px 0}
.sidebar-account .account-trigger{width:100%;padding:8px;border-radius:8px;font-size:14px;text-align:left}
.sidebar-account .account-trigger:hover{background:var(--row-hover)}
.account-menu-version{margin:0;padding:4px 12px;font-size:11px;color:var(--muted)}
.account-menu-version:has(.brand-version:empty){display:none}

/* Bar above a conversation */
.chat-toolbar{display:none;align-items:center;gap:6px;flex-shrink:0;min-height:45px;padding:0 12px}
.chat-main:not(.empty-chat) .chat-toolbar,body.navigation-collapsed .chat-toolbar{display:flex}
#toggle-history{display:none}
body.navigation-collapsed #toggle-history{display:grid}
#chat-title{min-width:0}
#chat-title .chat-title-trigger{position:static;display:inline-flex;align-items:center;gap:6px;width:auto;max-width:min(52vw,520px);min-height:32px;margin:0;padding:4px 8px;border:0;border-radius:8px;background:transparent;color:var(--ink);font-size:14px;font-weight:450;line-height:22px;opacity:1}
#chat-title .chat-title-trigger:hover{background:var(--row-hover)}
.chat-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#chat-title svg{width:14px;height:14px;flex:0 0 14px;transform:rotate(90deg)}
#chat-toolbar-actions{margin:0 0 0 auto}
#chat-toolbar-actions .regen{position:relative}
#chat-toolbar-actions .regen-menu{top:100%;right:0;bottom:auto;left:auto}

/* Conversation */
body.chat-mode .chat-message{margin:0 0 28px;font-size:15px;line-height:1.6;letter-spacing:0}
body.chat-mode .chat-message.user{max-width:min(85%,560px);margin:0 0 28px auto;padding:12px 16px;border-radius:12px;background:color-mix(in srgb,var(--ink) 5%,transparent)}
/* No name above a message. The time stays: on hover with a mouse, always on touch screens. */
body.chat-mode .chat-message .message-author,body.chat-mode .chat-message.user .message-author{display:block;margin:0 0 4px;font-size:0;line-height:16px}
body.chat-mode .message-author .message-time{margin:0;font-size:11px;color:var(--muted)}
body.chat-mode .chat-markdown h1{font-size:20px;line-height:28px;font-weight:550;margin:24px 0 8px}
body.chat-mode .chat-markdown h2{font-size:17px;line-height:24px;font-weight:550;margin:20px 0 8px}
body.chat-mode .chat-markdown h3{font-size:15px;line-height:24px;font-weight:550;margin:16px 0 4px}
body.chat-mode .chat-markdown p{margin:0 0 .8em}
body.chat-mode .chat-markdown p:last-child{margin-bottom:0}
body.chat-mode .chat-markdown table{margin-bottom:12px}
body.chat-mode .chat-markdown pre,body.chat-mode .chat-markdown .answer-code pre{font-size:13px}
@media(hover:hover){
 body.chat-mode .chat-message{position:relative}
 body.chat-mode .chat-message .message-author,body.chat-mode .chat-message.user .message-author{position:absolute;top:-18px;left:0;margin:0;opacity:0;transition:opacity .12s}
 body.chat-mode .chat-message.user .message-author{right:0;left:auto;white-space:nowrap}
 body.chat-mode .chat-message:is(:hover,:focus-within) .message-author{opacity:1}
 body.chat-mode .chat-message.user{margin-bottom:36px}
 body.chat-mode .chat-message.user .message-actions{position:absolute;top:100%;right:0;margin:0;padding-top:4px;opacity:0;transition:opacity .12s}
 body.chat-mode .chat-message.user:is(:hover,:focus-within) .message-actions{opacity:1}
}

/* Composer */
body #chat-composer{border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 3px color-mix(in srgb,var(--ink) 6%,transparent)}
body.chat-mode .composer-footer :is(#chat-model-trigger,#chat-effort){min-height:28px;border:0;border-radius:6px;background-color:transparent;box-shadow:none;font-size:14px}
body.chat-mode .composer-footer :is(#chat-model-trigger,#chat-effort):hover{background-color:var(--row-hover)}
.chat-jump{bottom:112px}

/* Pages */
#tasks-page{max-width:var(--page-col)}
body.workspace-shell main>section:not(#code){max-width:var(--page-col)}
body.workspace-shell :is(.page-heading h1,.tasks-head h1){font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.4px}

@media(min-width:1024px){
 body.chat-mode.authenticated:not(.navigation-collapsed) main,body.workspace-shell:not(.navigation-collapsed):not(.reading-mode) main{width:calc(100% - var(--nav-width));margin-left:var(--nav-width)}
 body.workspace-shell:not(.reading-mode) main{padding:28px 48px 48px}
 body.workspace-shell.navigation-collapsed #workspace-menu{position:fixed;top:8px;left:8px}
 body.workspace-shell.navigation-collapsed :is(.page-heading,.tasks-head){padding-left:0}

 body.chat-mode .chat-main{padding:0}
 #chat-scroll{padding:16px max(24px,calc((100% - var(--chat-col))/2)) 24px}
 body #chat-composer{order:2;width:calc(100% - 48px);max-width:var(--composer-col);margin:0 auto;padding:6px 10px}
 .composer-footer{order:3;width:calc(100% - 48px);max-width:var(--composer-col);margin:0 auto;padding:4px 4px 10px}

 /* Home: greeting, composer, model row, then what to start from. */
 .chat-main.empty-chat #chat-scroll{margin-top:clamp(56px,calc(34dvh + 12px),320px)}
 .chat-main.empty-chat[data-sheet=office] #chat-scroll{margin-top:clamp(56px,20dvh,200px)}
 .chat-main.empty-chat[data-sheet=create] #chat-scroll{margin-top:clamp(32px,8dvh,90px)}
 .chat-main.empty-chat #chat-welcome{max-width:var(--home-col);margin:0 auto 20px}
 body.chat-mode .chat-main.empty-chat #chat-welcome h1{font-family:var(--greeting-font);font-size:34px;line-height:42px;font-weight:500;letter-spacing:0}
 .chat-main.empty-chat :is(#chat-composer,.composer-footer,#quick-shortcuts,#assistant-shortcuts,.sheet-panel){width:calc(100% - 48px);max-width:var(--home-col)}
 body .chat-main.empty-chat #chat-composer{grid-template-columns:minmax(0,1fr) 0 36px 36px;padding:12px 12px 8px}
 body .chat-main.empty-chat #chat-composer #chat-input{grid-column:1/-1;min-height:48px;padding:2px 4px 8px}
 body .chat-main.empty-chat #chat-composer :is(#composer-prefix,#voice-input,#send-chat,#stop-chat){grid-row:4;align-self:center}
 .chat-main.empty-chat .composer-disclaimer{display:none}
 .chat-main.empty-chat #assistant-shortcuts{order:4;margin:24px auto 0;padding:0}
 .chat-main.empty-chat .assistant-shortcuts-head{justify-content:space-between}
 .chat-main.empty-chat .assistant-shortcuts-label{display:block;font-size:13px;color:var(--muted)}
 .chat-main.empty-chat #assistant-open{min-height:0;padding:0;border:0;background:transparent;color:var(--muted);font-size:13px}
 .chat-main.empty-chat #quick-shortcuts{order:4;margin:20px auto 0}
 .chat-main.empty-chat[data-sheet=create] #quick-shortcuts{order:1;margin:0 auto 10px}
 .chat-main.empty-chat .sheet-panel{order:5;margin:24px auto}
}
@media(min-width:1024px) and (max-width:1199px){
 body.chat-mode.artifact-preview-open main{width:100%;margin-left:0}
}
@media(max-width:1023px){
 .chat-sidebar{display:none;width:min(288px,86vw);padding:env(safe-area-inset-top) 8px max(12px,env(safe-area-inset-bottom));box-shadow:8px 0 32px color-mix(in srgb,var(--ink) 12%,transparent)}
 body.navigation-open .chat-sidebar{display:flex}
 .sidebar-nav :is(a,button){min-height:40px;padding:8px 10px}
 #workspace-scrim:not([hidden]){display:block;position:fixed;inset:0;z-index:150;width:100%;height:100dvh;border:0;border-radius:0;background:color-mix(in srgb,var(--ink) 22%,transparent)}
 .chat-toolbar{display:flex;min-height:calc(48px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 0 0}
 #toggle-history{display:grid}
}