/* YuZora workspace: readable surfaces, durable assistant and touch controls. */
:root { --yz-bg:#090d17; --yz-surface:#101724; --yz-surface-2:#151e2e; --yz-elevated:#1b2638; --yz-accent:#81a7ff; --yz-cyan:#8ecbff; --yz-radius:16px; }
body.yuzora-os {font-size:14px;}
.os-wallpaper {background:radial-gradient(65% 70% at 0 0,#1d284744,transparent),#090d17;}
.os-window {border-radius:18px; border:1px solid #ffffff12; box-shadow:0 16px 50px #0003;}
.os-window-body {padding:26px; scroll-behavior:smooth;}
.os-window-titlebar {background:#121b2a; padding:13px 18px;}
body.yuzora-os .card {border-radius:16px!important; background:#121b2a!important; border:1px solid #ffffff12!important; box-shadow:none!important;}
body.yuzora-os .card:hover {transform:none!important;}
body.yuzora-os input,body.yuzora-os select,body.yuzora-os textarea {border-radius:10px;}
body.yuzora-os button:focus-visible,body.yuzora-os a:focus-visible,body.yuzora-os input:focus-visible,body.yuzora-os select:focus-visible,body.yuzora-os textarea:focus-visible {outline:2px solid #a4bcff;outline-offset:3px;}
body.yuzora-os button {min-height:40px;}
body.yuzora-os button,body.yuzora-os button:hover {box-shadow:none!important;}
.gemini-settings-grid input {background:#0c1423;color:#e7efff;border:1px solid #34425c;padding:10px 12px;font:14px/1.5 var(--yz-font);}
.step-number {flex-shrink:0;white-space:nowrap;}
body.yuzora-os .os-taskbar {background:#101724; border-color:#ffffff12;}
.os-ai-backdrop {display:none;position:fixed;inset:0;background:#02061770;z-index:129;}
.os-ai-backdrop.open {display:block;}
.os-ai-panel {top:12px;right:12px;bottom:calc(var(--yz-taskbar-h) + 12px);width:min(480px,calc(100vw - 24px));border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;box-shadow:0 22px 70px #0008;visibility:hidden;}
.os-ai-panel.open {visibility:visible;}
.os-ai-head {padding:16px 18px;background:#151e2e;gap:12px;}
.ai-brand-mark {display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#91afff1a;color:#a5bdff;font-size:24px;flex-shrink:0;}
.ai-head-copy {flex:1;min-width:0;}
.os-ai-head h2 {font-size:17px;letter-spacing:-.3px;}
.ai-head-copy small {font-size:11px;color:#9eacc1;}
.os-ai-head a {font-size:18px;text-decoration:none;color:#a5b8d1;padding:10px;}
.os-ai-modelbar {padding:10px 16px;background:transparent;}
.os-ai-modelbar select {font-size:13px;height:40px;}
.os-ai-toolbar {display:flex;align-items:center;gap:8px;padding:8px 16px;flex-wrap:wrap;}
.os-ai-toolbar select {flex:1;min-width:100px;max-width:100%;height:36px;font-size:12px;}
.os-ai-toolbar button {padding:5px 10px;font-size:12px;}
.os-ai-status {white-space:normal;word-break:break-word;margin:0 16px 8px;padding:9px 12px;border:1px solid #8eacff29;border-radius:10px;background:#91afff09;color:#a8bad6;font:12px/1.55 var(--yz-font);}
.os-ai-msgs {padding:18px 16px;gap:14px;min-height:80px;overscroll-behavior:contain;}
.os-ai-msg {max-width:96%;font-size:14px;line-height:1.65;padding:12px 15px;border-radius:14px;flex-shrink:0;}
.os-ai-msg.user {background:#284074;border-color:#476197;}
.os-ai-msg.bot {background:#172233;border-color:#25334a;}
.os-ai-msg.err {background:#3e2532;color:#ffd3db;}
.os-ai-task-meta {font-size:11px;}
.os-ai-input {align-items:flex-end;padding:12px 14px 14px;gap:8px;background:#151e2e;}
.os-ai-input textarea {min-height:46px;max-height:160px;font-size:16px;line-height:1.5;resize:none;border:1px solid #34425c;background:#101724;padding:10px 12px;}
.os-ai-input button {min-height:46px;min-width:48px;border-radius:12px;}
.os-ai-footnote {margin:0;background:#151e2e;padding:0 16px 12px;font-size:10px;line-height:1.5;color:#8293ad;text-align:center;}
.os-ai-panel [hidden] {display:none!important;}
.ai-empty {margin:auto 0;text-align:center;padding:25px 8px;color:#9dacc2;}
.ai-empty .spark {display:block;font-size:40px;color:#a5bdff;margin-bottom:12px;}
.ai-empty h3 {color:#eff4ff;font-size:22px;letter-spacing:-.6px;margin:0 0 7px;}
.ai-empty p {font-size:13px;margin:0 auto 18px;max-width:280px;}
.ai-prompts {display:grid;gap:8px;text-align:left;}
.ai-prompts button {text-align:left;background:#162236;border:1px solid #2b3954;color:#bfd0eb;font-size:12px;padding:12px;}
.gemini-hero {display:flex;justify-content:space-between;gap:24px;align-items:center;padding:15px 0 28px;}
.eyebrow {font-size:10px;letter-spacing:2px;font-weight:700;color:#92aff1;}
.gemini-hero h1 {font-size:clamp(25px,3vw,38px);letter-spacing:-1.3px;max-width:560px;line-height:1.15;margin:12px 0;}
.gemini-hero p {color:#9baec8;margin:0;}
.gemini-emblem {color:#acc1ff;font-size:68px;width:106px;height:106px;display:grid;place-items:center;background:#192946;border-radius:28px;flex-shrink:0;}
.gemini-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;}
.gemini-metrics>div {background:#141f31;border:1px solid #ffffff12;border-radius:14px;padding:17px;display:grid;gap:8px;min-width:0;}
.gemini-metrics span {font-size:9px;letter-spacing:1.2px;color:#99acc8;}
.gemini-metrics strong {font-size:20px;letter-spacing:-.6px;overflow-wrap:anywhere;}
.gemini-metrics small {font-size:11px;color:#8297b5;}
.gemini-notice {padding:14px 18px;margin-bottom:22px;background:#302b1f;color:#efc991;border:1px solid #68583b;border-radius:12px;font-size:13px;line-height:1.6;}
.gemini-notice.ready {background:#142b2a;color:#9ddaca;border-color:#2a5b51;}
.gemini-settings-grid {display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:start;max-width:1200px;}
.gemini-config-card {padding:24px!important;min-width:0;margin:0!important;}
.gemini-section-title {display:flex;gap:12px;align-items:start;margin-bottom:22px;}
.gemini-section-title h2 {margin:1px 0 6px;font-size:18px;letter-spacing:-.4px;}
.gemini-section-title p {font-size:12px;line-height:1.6;margin:0;}
.step-number {color:#9db7ef;background:#22314b;border:1px solid #3b4e72;border-radius:9px;font-size:11px;padding:7px 9px;}
.gemini-key-slot {border:1px solid #2b3850;border-radius:12px;padding:14px 16px 20px;margin:0 0 20px;min-width:0;}
.gemini-key-slot:last-child {margin-bottom:0;}
.gemini-key-slot legend {font-size:13px;font-weight:600;padding:0 6px;}
.gemini-key-state {color:#8ea3c2;font-size:10px;font-weight:400;margin-left:9px;}
.gemini-key-slot input,.gemini-config-card>input {width:100%;box-sizing:border-box;min-height:44px;}
.gemini-key-slot small {display:block;color:#879ab7;font-size:11px;line-height:1.5;margin-top:8px;}
.gemini-quota-details {margin-top:15px;color:#adc2e3;font-size:12px;}
.gemini-quota-details summary {cursor:pointer;padding:6px 0;}
.quota-input-grid {display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;}
.quota-input-grid label {font-size:10px;}
.gemini-toggle {display:flex!important;align-items:center;gap:10px;padding:12px;border:1px solid #29364e;border-radius:10px;margin:12px 0!important;color:#c7d5eb!important;}
.gemini-toggle input {width:18px;height:18px;min-height:18px!important;accent-color:#91afff;}
.gemini-feature {display:flex;gap:14px;margin:26px 0;}
.gemini-feature>span {color:#a4bdff;font-size:22px;}
.gemini-feature strong {font-size:13px;}
.gemini-feature p,.gemini-fineprint {font-size:12px;line-height:1.7;color:#93a6c0;margin:5px 0;}
.gemini-fineprint {border-top:1px solid #28344a;padding-top:16px;}
.gemini-config-card>a {font-size:12px;display:inline-block;margin-top:14px;color:#abc4ff;}
.gemini-savebar {grid-column:1/-1;display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:18px 0;}
.gemini-savebar p {flex:1;min-width:180px;font-size:12px;color:#a1b3ce;}
.gemini-savebar button {min-height:46px;}
.gemini-vault-link {display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:20px;padding:18px;background:#17253c;border:1px solid #385179;border-radius:14px;}
.gemini-vault-link h2 {font-size:16px;margin:0 0 5px;}
.gemini-vault-link p {margin:0;font-size:12px;color:#9db1d0;}
.gemini-vault-link a {color:#bfd3ff;white-space:nowrap;font-size:13px;}
@media(max-width:900px) {.gemini-settings-grid {grid-template-columns:1fr;}.gemini-config-card {padding:18px!important;}}
@media(max-width:720px) {
  :root {--yz-taskbar-h:60px;}
  .os-desktop {padding:0;}.os-window {border-radius:0;}.os-window-body {padding:18px 14px 24px;}
  .os-taskbar .tb-end .os-user-chip {display:none;}.os-taskbar .tb-clock {font-size:10px;min-width:40px;padding:4px;}
  .os-taskbar .tb-app,.os-taskbar .tb-btn {min-width:38px;min-height:44px;}.os-taskbar .tb-center {justify-content:flex-start;}
  .os-taskbar .tb-center a[title="Mail"],.os-taskbar .tb-center a[title="Services"] {display:none;}
  .os-ai-panel {inset:0;width:100%;max-width:100%;height:100dvh;border-radius:0;border:0;}
  body.ai-open .os-taskbar {visibility:hidden;}.os-ai-head {padding:12px 14px;}.os-ai-input {padding-bottom:max(12px,env(safe-area-inset-bottom));}
  .os-ai-toolbar {gap:6px;padding:8px 12px;}.os-ai-status {margin-left:12px;margin-right:12px;}
  .gemini-hero {padding-top:6px;gap:10px;}.gemini-emblem {width:58px;height:68px;font-size:40px;border-radius:16px;}
  .gemini-hero h1 {font-size:27px;}.gemini-hero p {font-size:12px;line-height:1.6;}
  .gemini-metrics {grid-template-columns:1fr 1fr;gap:8px;}.gemini-metrics>div {padding:14px;}.gemini-metrics strong {font-size:18px;}
  .gemini-key-slot {padding:12px;}.gemini-savebar {position:static;}.gemini-savebar p {flex-basis:100%;margin:0;}
  .gemini-savebar button {flex:1;}.gemini-vault-link {align-items:start;flex-direction:column;}
  body.yuzora-os .card h1 {font-size:21px;}.os-ai-footnote {font-size:10px;}
}
@media(prefers-reduced-motion:reduce) {* {scroll-behavior:auto!important;transition:none!important;animation:none!important;}}


/* 2026-10-02 Gemini workspace polish */
.gemini-notice {box-shadow:inset 0 1px 0 #ffffff0d;}
.gemini-key-slot:focus-within {border-color:#6179aa;box-shadow:0 0 0 3px #6f8dca1a;}
.gemini-key-state {display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;border-radius:999px;background:#ffffff0a;border:1px solid #ffffff12;}
.gemini-savebar {position:sticky;bottom:calc(var(--yz-taskbar-h,52px) + 8px);z-index:8;background:#09111ee8;border:1px solid #ffffff12;border-radius:14px;padding:12px 14px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 34px #0006;}
.gemini-savebar button {min-width:150px;}
.os-ai-msg {white-space:pre-wrap;overflow-wrap:anywhere;}
.os-ai-msg.bot {box-shadow:inset 2px 0 0 #8ba7e644;}
.os-ai-msg.user {box-shadow:inset -2px 0 0 #91afff66;}
.os-ai-task-meta {opacity:.9;}
@media (max-width:640px) {
  .gemini-metrics {grid-template-columns:1fr;}
  .gemini-savebar {position:static;padding:12px;}
  .gemini-savebar button {min-width:0;flex:1 1 140px;}
  .gemini-config-card {padding:15px!important;}
  .gemini-key-slot {margin-bottom:14px;}
}


/* 2026-10-02 dynamic Gemini key pool */
#geminiKeySlots {display:grid;gap:14px;}
#geminiKeySlots .gemini-key-slot {margin:0;}
.gemini-add-key {width:100%;margin-top:14px;border:1px dashed #48618b!important;background:#101a2a!important;color:#c8d7f1!important;}
.gemini-add-key:hover {background:#16243a!important;border-color:#6e8dca!important;}
.gemini-secret-row {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch;}
.gemini-secret-row .gemini-reveal-key {min-width:88px;padding-inline:14px;}
.gemini-key-preview {min-height:18px;}
@media (max-width:520px) {
  .gemini-secret-row {grid-template-columns:1fr;}
  .gemini-secret-row .gemini-reveal-key {width:100%;}
}

/* 2026-10-05 Gemini compact workspace + high-visibility chat */
.gemini-hero{
  padding:8px 0 16px;
  gap:16px;
}
.gemini-hero h1{
  margin:8px 0;
  max-width:520px;
}
.gemini-emblem{
  width:76px;
  height:76px;
  border-radius:22px;
  font-size:48px;
  background:linear-gradient(145deg,#1c3153,#182544);
  border:1px solid #92aff126;
  box-shadow:0 12px 28px #0003,inset 0 1px 0 #ffffff0d;
}
.gemini-metrics{
  gap:9px;
  margin-bottom:12px;
}
.gemini-metrics>div{
  padding:12px 14px;
  gap:4px;
  border-radius:12px;
  background:linear-gradient(145deg,#121d2d,#101827);
}
.gemini-metrics strong{font-size:18px}
.gemini-metrics small{line-height:1.35}
.gemini-notice{
  margin-bottom:14px;
  padding:10px 13px;
  line-height:1.45;
}
.gemini-settings-grid{gap:12px}
.gemini-config-card{padding:16px!important}
.gemini-section-title{margin-bottom:14px;gap:9px}
.gemini-section-title h2{font-size:17px;margin-bottom:3px}
.step-number{padding:5px 8px;border-radius:8px}
#geminiKeySlots{gap:10px}
.gemini-key-slot{
  padding:10px 12px 13px;
  border-radius:11px;
}
.gemini-key-slot label{margin-top:8px}
.gemini-key-slot input,.gemini-config-card>input,.gemini-config-card>select{
  width:100%;
  min-height:40px;
}
.gemini-key-slot small{margin-top:5px}
.gemini-secret-row{gap:6px}
.gemini-secret-row .gemini-reveal-key{min-width:72px;padding-inline:10px}
.gemini-quota-details{margin-top:9px}
.gemini-toggle{
  padding:9px 10px;
  margin:8px 0!important;
  border-radius:9px;
}
.gemini-feature{
  gap:10px;
  margin:15px 0;
}
.gemini-feature>span{font-size:18px}
.gemini-feature p,.gemini-fineprint{
  line-height:1.5;
  margin-top:3px;
}
.gemini-fineprint{padding-top:11px}
.gemini-add-key{margin-top:10px!important;min-height:40px!important}
.gemini-savebar{
  gap:8px;
  padding:9px 10px;
  border-radius:12px;
}
.gemini-savebar button{min-height:40px;min-width:132px}
.gemini-model-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:6px;
}
.gemini-model-heading label{margin:0}
.gemini-model-heading button{
  min-height:32px!important;
  padding:5px 9px!important;
  margin:0!important;
  font-size:11px!important;
}
#geminiModelInput{
  width:100%;
  min-height:42px;
  background:#0c1423;
  color:#e7efff;
  border:1px solid #34425c;
  padding:8px 10px;
}
.gemini-model-meta{
  margin:6px 0 10px!important;
  line-height:1.4!important;
  font-size:11px!important;
}

/* Chat panel: keep 14px conversation text, reduce chrome and bubble padding. */
.os-ai-panel{
  background:linear-gradient(180deg,#071522fa,#06111efa)!important;
  backdrop-filter:blur(22px) saturate(145%);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
}
.os-ai-head{
  padding:10px 12px!important;
  min-height:58px;
  background:linear-gradient(180deg,#08202cf2,#071924f2)!important;
}
.ai-brand-mark{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  font-size:21px!important;
}
.os-ai-head h2{font-size:16px!important}
.ai-head-copy small{font-size:10px!important}
.os-ai-head a,.os-ai-head button{
  min-width:34px!important;
  min-height:34px!important;
  padding:6px!important;
}
.os-ai-modelbar{
  padding:6px 10px!important;
  gap:6px!important;
}
.os-ai-modelbar label{font-size:10px!important}
.os-ai-modelbar select{
  height:36px!important;
  min-height:36px!important;
  font-size:13px!important;
  border-radius:9px!important;
}
.os-ai-toolbar{
  padding:5px 10px!important;
  gap:6px!important;
  flex-wrap:nowrap!important;
}
.os-ai-toolbar select{
  min-height:36px!important;
  height:36px!important;
  font-size:13px!important;
  min-width:0!important;
}
.os-ai-toolbar button{
  min-height:36px!important;
  margin:0!important;
}
.os-ai-status{
  margin:0 10px 6px!important;
  padding:7px 9px!important;
  min-height:0;
  font-size:11px!important;
  line-height:1.35!important;
  border-radius:9px!important;
  max-height:52px;
  overflow:auto;
}
.os-ai-msgs{
  padding:10px 10px 12px!important;
  gap:8px!important;
  scroll-padding-bottom:16px;
  background:
    radial-gradient(70% 45% at 50% 0,#12324b17,transparent),
    transparent;
}
.os-ai-msg{
  max-width:94%!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  font-size:14px!important;
  line-height:1.5!important;
}
.os-ai-msg.user{
  max-width:86%!important;
  background:linear-gradient(135deg,#29447ae8,#263965e8)!important;
  border-color:#5270a56b!important;
  border-bottom-right-radius:5px!important;
}
.os-ai-msg.bot{
  max-width:100%!important;
  background:rgba(14,33,49,.76)!important;
  border-color:#3b627343!important;
  border-bottom-left-radius:5px!important;
  box-shadow:inset 2px 0 0 #71dbea4a!important;
}
.os-ai-msg.err{
  background:rgba(73,35,49,.82)!important;
  border-color:#d9668369!important;
}
.os-ai-task-meta{
  margin-top:4px!important;
  font-size:10px!important;
  line-height:1.35;
}
.os-ai-inline-action{
  margin:6px 0 0!important;
  min-height:32px!important;
  padding:5px 8px!important;
}
.os-ai-input{
  padding:8px 10px 9px!important;
  gap:7px!important;
  background:rgba(10,25,39,.96)!important;
}
.os-ai-input textarea{
  min-height:42px!important;
  max-height:130px!important;
  padding:9px 11px!important;
  font-size:16px!important;
  border-radius:11px!important;
}
.os-ai-input button{
  min-width:44px!important;
  min-height:42px!important;
  height:42px;
  border-radius:11px!important;
}
.os-ai-footnote{
  padding:0 10px 8px!important;
  font-size:9px!important;
  line-height:1.35!important;
  background:rgba(10,25,39,.96)!important;
}
.ai-empty{
  padding:18px 8px!important;
}
.ai-empty .spark{font-size:32px!important;margin-bottom:7px!important}
.ai-empty h3{font-size:19px!important}
.ai-empty p{font-size:12px!important;margin-bottom:12px!important}
.ai-prompts{gap:6px!important}
.ai-prompts button{padding:9px 10px!important;min-height:38px!important}

@media(max-width:720px){
  .gemini-hero{
    padding:2px 0 10px;
    align-items:flex-start;
  }
  .gemini-hero h1{font-size:24px!important;line-height:1.08!important;margin:6px 0!important}
  .gemini-hero p{font-size:12px!important;line-height:1.45!important}
  .gemini-emblem{
    width:48px!important;
    height:48px!important;
    border-radius:14px!important;
    font-size:31px!important;
  }
  .gemini-metrics{
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    margin-bottom:10px!important;
  }
  .gemini-metrics>div{
    padding:10px 11px!important;
    gap:3px!important;
  }
  .gemini-metrics strong{font-size:16px!important}
  .gemini-metrics small{font-size:10px!important}
  .gemini-notice{font-size:11px!important;padding:9px 10px!important}
  .gemini-config-card{padding:12px!important}
  .gemini-section-title{margin-bottom:10px!important}
  .gemini-feature{margin:11px 0!important}
  .gemini-savebar button{min-width:0!important}

  .os-ai-panel{
    padding-top:env(safe-area-inset-top,0px);
  }
  .os-ai-head{
    padding:8px 10px!important;
    min-height:52px;
  }
  .os-ai-modelbar{padding:5px 9px!important}
  .os-ai-toolbar{padding:4px 9px!important}
  .os-ai-status{
    margin:0 9px 5px!important;
    max-height:44px;
  }
  .os-ai-msgs{
    padding:8px 9px 10px!important;
    gap:7px!important;
  }
  .os-ai-msg{
    padding:7px 9px!important;
  }
  .os-ai-input{
    padding:7px 9px calc(7px + env(safe-area-inset-bottom,0px))!important;
  }
  .os-ai-footnote{
    display:none;
  }
}

/* 2026-10-05 conversation-first Gemini chat */
.os-ai-advanced{
  display:flex;
  flex-direction:column;
  min-height:0;
  border-bottom:1px solid rgba(116,211,230,.10);
}
.os-ai-sheet-head{display:none}
.os-ai-sheet-section{
  display:grid;
  gap:6px;
  padding:5px 10px;
}
.os-ai-sheet-section>label,
.os-ai-sheet-label{
  color:#8aa3b6;
  font-size:10px;
}
.os-ai-sheet-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.os-ai-reason-range,
.os-ai-reason-labels{
  display:none;
}
.os-ai-history-row{
  display:flex;
  gap:6px;
  padding:5px 10px 9px;
}
.os-ai-history-row select{flex:1;min-width:0}
.os-ai-history-row button{margin:0!important;white-space:nowrap}
.os-ai-sheet-links{
  display:none;
}
.os-ai-live-head{
  flex:0 0 auto;
  color:#74e9f5;
  font-size:10px;
  animation:yz-ai-pulse 1.2s ease-in-out infinite;
}
.os-ai-composer-wrap{
  flex:0 0 auto;
  padding:8px 10px 10px;
  background:linear-gradient(180deg,transparent,rgba(5,14,24,.94) 20%);
}
.os-ai-input{
  display:flex!important;
  flex-direction:column;
  gap:4px!important;
  padding:7px!important;
  border:1px solid rgba(118,177,201,.24)!important;
  border-radius:18px!important;
  background:rgba(18,31,45,.94)!important;
  box-shadow:0 10px 34px #0005,inset 0 1px 0 rgba(255,255,255,.025);
}
.os-ai-input textarea{
  width:100%;
  box-sizing:border-box;
  min-height:42px!important;
  max-height:170px!important;
  padding:8px 9px!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  resize:none!important;
  overflow-y:auto;
}
.os-ai-composer-tools{
  display:flex;
  align-items:center;
  gap:5px;
  min-height:38px;
}
.os-ai-composer-spacer{flex:1}
.os-ai-plus,
.os-ai-reason-quick{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  width:auto!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#c4d3df!important;
  box-shadow:none!important;
}
.os-ai-plus{
  width:38px!important;
  padding:0!important;
  font-size:25px!important;
  font-weight:300!important;
}
.os-ai-reason-quick span{
  color:#94b8ff;
  font-size:22px;
  line-height:1;
}
.os-ai-reason-quick small{
  font-size:10px;
  color:#9db1bf;
}
.os-ai-plus:hover,.os-ai-reason-quick:hover{
  background:rgba(255,255,255,.06)!important;
}
.os-ai-input #osAiSend{
  flex:0 0 38px;
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  font-size:20px;
}
.os-ai-input .os-ai-stop{
  flex:0 0 38px;
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
}

@media(min-width:721px){
  .os-ai-advanced{background:rgba(4,16,27,.54)}
  .os-ai-sheet-section select{min-height:36px;height:36px}
  .os-ai-reason-section{
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
  }
  .os-ai-reason-section .os-ai-sheet-label{display:block}
  .os-ai-reason-section .os-ai-sheet-label strong{display:none}
  .os-ai-reason-section #osAiReasoning{display:block}
}

@media(max-width:720px){
  .os-ai-panel{
    inset:0!important;
    width:100%!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border:0!important;
    border-radius:0!important;
    background:#05090f!important;
    box-shadow:none!important;
  }

  .os-ai-head{
    flex:0 0 auto;
    min-height:48px!important;
    padding:calc(4px + env(safe-area-inset-top,0px)) 10px 4px!important;
    gap:6px!important;
    border-bottom:1px solid rgba(255,255,255,.055)!important;
    background:rgba(5,9,15,.94)!important;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  .os-ai-head .ai-brand-mark,
  .os-ai-head .os-ai-settings-link,
  .ai-head-copy small{
    display:none!important;
  }
  .ai-head-copy{
    flex:1;
    text-align:center;
  }
  .os-ai-head h2{
    font-size:15px!important;
    letter-spacing:-.15px!important;
  }
  #osAiClose{
    order:-1;
    flex:0 0 38px;
    width:38px!important;
    height:38px!important;
    font-size:0!important;
    border-radius:50%!important;
    color:#edf7ff!important;
  }
  #osAiClose::before{
    content:'←';
    font-size:24px;
    font-weight:400;
  }
  .os-ai-live-head{
    width:38px;
    overflow:hidden;
    white-space:nowrap;
    font-size:0;
    text-align:center;
  }
  .os-ai-live-head::before{
    content:'●';
    font-size:11px;
    color:#63e6ef;
  }

  .os-ai-msgs{
    flex:1 1 auto!important;
    min-height:0!important;
    padding:12px 13px 18px!important;
    gap:12px!important;
    background:#05090f!important;
  }
  .os-ai-msg{
    font-size:14px!important;
    line-height:1.55!important;
  }
  .os-ai-msg.bot{
    align-self:stretch!important;
    max-width:100%!important;
    padding:6px 2px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#e4edf4!important;
  }
  .os-ai-msg.bot.os-ai-final{border:0!important}
  .os-ai-msg.user{
    align-self:flex-end!important;
    max-width:86%!important;
    padding:8px 11px!important;
    border-radius:18px 18px 5px 18px!important;
    background:#23395fd9!important;
    border:1px solid rgba(102,143,205,.34)!important;
    color:#f0f6ff!important;
  }
  .os-ai-msg.err{
    align-self:stretch!important;
    max-width:100%!important;
    border-radius:13px!important;
    padding:10px 12px!important;
    background:rgba(76,34,49,.72)!important;
    border:1px solid rgba(220,103,132,.30)!important;
  }
  .os-ai-task-meta{
    display:block;
    margin-top:5px!important;
    color:#748797!important;
    font-size:9px!important;
  }
  .ai-empty{
    margin:auto!important;
    max-width:330px;
    padding:20px 10px!important;
  }
  .ai-empty .spark{font-size:30px!important}
  .ai-empty h3{font-size:19px!important}
  .ai-prompts button{border-radius:15px!important}

  .os-ai-composer-wrap{
    position:relative;
    flex:0 0 auto;
    padding:8px 10px calc(9px + env(safe-area-inset-bottom,0px))!important;
    background:linear-gradient(180deg,transparent 0,#05090f 22%,#05090f 100%)!important;
  }
  .os-ai-input{
    padding:7px!important;
    gap:2px!important;
    border-radius:24px!important;
    border-color:rgba(255,255,255,.13)!important;
    background:#1d1f22f2!important;
    box-shadow:0 8px 28px #0007,inset 0 1px 0 rgba(255,255,255,.045)!important;
  }
  .os-ai-input textarea{
    min-height:44px!important;
    max-height:180px!important;
    padding:9px 10px 5px!important;
    color:#f2f2f2!important;
    font-size:16px!important;
    line-height:1.45!important;
  }
  .os-ai-input textarea::placeholder{color:#85888e!important}
  .os-ai-composer-tools{padding:1px 1px 0}
  .os-ai-plus{
    color:#f0f0f0!important;
    font-size:27px!important;
  }
  .os-ai-reason-quick{
    padding:0 8px!important;
  }
  .os-ai-reason-quick small{display:none}
  .os-ai-reason-quick span{
    font-size:24px;
    color:#9db8ff;
  }
  .os-ai-input #osAiSend{
    background:#eef1f5!important;
    color:#11151a!important;
    font-size:21px!important;
    font-weight:700!important;
  }
  .os-ai-input #osAiSend:disabled{
    background:#4d5157!important;
    color:#8d9298!important;
  }

  .os-ai-advanced-backdrop{
    position:absolute;
    inset:0;
    z-index:30;
    background:rgba(0,0,0,.52);
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
  }
  .os-ai-advanced{
    position:absolute;
    left:10px;
    right:10px;
    bottom:calc(9px + env(safe-area-inset-bottom,0px));
    z-index:31;
    display:flex;
    flex-direction:column;
    gap:3px;
    max-height:min(74dvh,640px);
    padding:10px;
    overflow:auto;
    overscroll-behavior:contain;
    border:1px solid rgba(255,255,255,.11);
    border-radius:24px;
    background:rgba(38,39,41,.98);
    box-shadow:0 24px 70px #000b,inset 0 1px 0 rgba(255,255,255,.045);
    transform:translateY(calc(100% + 28px));
    opacity:0;
    pointer-events:none;
    transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .18s ease;
  }
  .os-ai-advanced.open{
    transform:translateY(0);
    opacity:1;
    pointer-events:auto;
  }
  .os-ai-sheet-head{
    display:flex;
    align-items:center;
    gap:10px;
    padding:5px 5px 9px;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .os-ai-sheet-head>div{flex:1;min-width:0}
  .os-ai-sheet-head strong{
    display:block;
    color:#f3f5f7;
    font-size:16px;
  }
  .os-ai-sheet-head small{
    display:block;
    margin-top:2px;
    color:#a1a4a9;
    font-size:10px;
  }
  .os-ai-sheet-head button{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0!important;
    margin:0!important;
    border-radius:50%!important;
    border:0!important;
    background:rgba(255,255,255,.07)!important;
    color:#e9eaec!important;
  }

  .os-ai-advanced .os-ai-modelbar,
  .os-ai-sheet-section{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    padding:9px 5px!important;
    border:0!important;
    background:transparent!important;
  }
  .os-ai-advanced label,
  .os-ai-modelbar label,
  .os-ai-sheet-label{
    color:#c8cbd0!important;
    font-size:11px!important;
  }
  .os-ai-advanced select{
    width:100%;
    min-height:42px!important;
    height:42px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:12px!important;
    background:#191a1d!important;
    color:#f0f2f4!important;
    font-size:14px!important;
  }

  .os-ai-reason-section{
    padding:10px 6px 13px!important;
    border-radius:16px;
    background:rgba(0,0,0,.14)!important;
    transition:box-shadow .2s,border-color .2s;
  }
  .os-ai-reason-section.attention{
    box-shadow:0 0 0 2px rgba(113,147,255,.48);
  }
  .os-ai-reason-section #osAiReasoning{display:none!important}
  .os-ai-reason-range{
    display:block!important;
    width:100%;
    height:32px;
    margin:2px 0 0;
    accent-color:#6689ff;
  }
  .os-ai-reason-labels{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:3px;
    padding:0 2px;
    color:#969aa1;
    font-size:9px;
    text-align:center;
  }
  .os-ai-reason-labels span:first-child{text-align:left}
  .os-ai-reason-labels span:last-child{text-align:right}
  .os-ai-sheet-label strong{
    color:#9db8ff;
    font-size:13px;
  }

  .os-ai-status{
    margin:4px 5px!important;
    max-height:62px!important;
    padding:8px 10px!important;
    border-radius:11px!important;
    background:rgba(0,0,0,.16)!important;
    border:1px solid rgba(255,255,255,.06)!important;
    color:#aeb5bc!important;
    font-size:10px!important;
  }
  .os-ai-history-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:7px;
    padding:7px 5px!important;
  }
  .os-ai-history-row button{
    min-height:42px!important;
    padding:8px 11px!important;
    border-radius:12px!important;
    font-size:12px!important;
  }
  .os-ai-sheet-links{
    display:flex;
    justify-content:space-between;
    gap:8px;
    padding:8px 6px 4px;
    border-top:1px solid rgba(255,255,255,.07);
  }
  .os-ai-sheet-links a{
    color:#a8c7ff;
    font-size:11px;
    text-decoration:none;
  }

  body.ai-controls-open{overflow:hidden}
}

@media(min-width:721px){
  .os-ai-composer-tools .os-ai-plus,
  .os-ai-composer-tools .os-ai-reason-quick{display:none!important}
}

.os-ai-capacity-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  padding:0 10px 5px;
}
.os-ai-capacity-card{
  min-width:0;
  display:grid;
  gap:2px;
  padding:7px 9px;
  border:1px solid rgba(118,177,201,.12);
  border-radius:11px;
  background:rgba(0,0,0,.12);
}
.os-ai-capacity-card span{
  color:#8194a4;
  font-size:9px;
  letter-spacing:.03em;
}
.os-ai-capacity-card strong{
  min-width:0;
  color:#d8e5ee;
  font-size:10px;
  font-weight:600;
  line-height:1.35;
  overflow-wrap:anywhere;
}
@media(max-width:720px){
  .os-ai-capacity-grid{padding:1px 5px 5px;gap:5px}
  .os-ai-capacity-card{padding:7px 8px;border-radius:10px}
  .os-ai-capacity-card strong{font-size:9.5px}
}

/* Gemini quota monitor */
.gemini-quota-monitor{margin-bottom:18px!important;padding:18px!important}
.gemini-quota-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin-bottom:12px}
.gemini-quota-head h2{margin:2px 0 4px;font-size:18px}
.gemini-quota-head .muted{margin:0;max-width:760px;font-size:11px;line-height:1.5}
.gemini-quota-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}
.gemini-quota-summary>div{display:grid;gap:4px;padding:10px 11px;border-radius:11px;border:1px solid rgba(255,255,255,.07);background:rgba(5,16,27,.34)}
.gemini-quota-summary span{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#8197b3}
.gemini-quota-summary strong{font-size:13px;line-height:1.35;color:#e8f1ff;overflow-wrap:anywhere}
.gemini-quota-summary small{font-size:8.5px;line-height:1.35;color:#8294ad}
.gemini-quota-keys{display:grid;gap:8px}
.gemini-quota-key{padding:10px 11px;border:1px solid rgba(119,168,221,.12);border-radius:11px;background:rgba(7,18,30,.3)}
.gemini-quota-key-head{display:flex;gap:8px;align-items:flex-start;justify-content:space-between;margin-bottom:7px}
.gemini-quota-key-head>div{display:grid;gap:2px;min-width:0}
.gemini-quota-key-head strong{font-size:11px;overflow-wrap:anywhere}
.gemini-quota-key-head small{font-size:8.5px;color:#7f94ae;overflow-wrap:anywhere}
.gemini-quota-badge{flex:0 0 auto;padding:3px 6px;border-radius:999px;background:rgba(77,211,177,.11);border:1px solid rgba(77,211,177,.18);color:#8ee7cf;font-size:7.5px;text-transform:uppercase;letter-spacing:.06em}
.gemini-quota-badge.warn{background:rgba(241,187,92,.1);border-color:rgba(241,187,92,.2);color:#efc889}
.gemini-quota-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.gemini-quota-metric{padding:7px;border-radius:9px;background:rgba(255,255,255,.026);border:1px solid rgba(255,255,255,.045)}
.gemini-quota-metric span{display:block;color:#758ba5;font-size:7px;text-transform:uppercase;letter-spacing:.08em}
.gemini-quota-metric strong{display:block;margin-top:2px;color:#dce9f7;font-size:10px;line-height:1.3}
.gemini-quota-metric small{display:block;margin-top:2px;color:#71839a;font-size:7.5px;line-height:1.3}
.gemini-quota-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.gemini-quota-actions a{font-size:10px;color:#9bbdff}
.gemini-quota-warning{margin:8px 0 0;font-size:9px;line-height:1.45;color:#899db7}
@media(max-width:720px){
  .gemini-quota-monitor{padding:12px!important;margin-bottom:10px!important}
  .gemini-quota-head{align-items:stretch}
  .gemini-quota-head>button{min-width:76px}
  .gemini-quota-summary{grid-template-columns:1fr 1fr}
  .gemini-quota-summary>div:last-child{grid-column:1/-1}
  .gemini-quota-metrics{grid-template-columns:1fr 1fr}
}


/* Proactive system briefing shown after YuZora OS login/home entry. */
.yz-system-briefing{
  position:fixed;z-index:88;top:76px;right:16px;width:min(390px,calc(100vw - 24px));
  padding:12px;border:1px solid rgba(112,210,224,.18);border-radius:15px;
  background:linear-gradient(180deg,rgba(7,27,38,.96),rgba(5,17,27,.97));
  box-shadow:0 20px 70px rgba(0,0,0,.38);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  animation:yzBriefIn .28s cubic-bezier(.2,.8,.2,1);
}
@keyframes yzBriefIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
.yz-system-briefing-head{display:flex;align-items:flex-start;gap:8px}
.yz-system-briefing-head>div{display:grid;gap:2px;min-width:0}
.yz-system-briefing-head strong{color:#e7f9fc;font-size:12px}
.yz-system-briefing-head span{color:#88a9b2;font-size:9px;line-height:1.35}
.yz-system-briefing-head button{margin-left:auto;width:28px;height:28px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#d5ecef}
.yz-system-briefing-list{display:grid;gap:5px;margin-top:9px}
.yz-system-briefing-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:7px 8px;border-radius:9px;background:rgba(255,255,255,.025)}
.yz-system-briefing-item i{width:7px;height:7px;border-radius:50%;background:#e5b85f;box-shadow:0 0 10px currentColor}
.yz-system-briefing-item.high i,.yz-system-briefing-item.critical i{background:#ff7584}
.yz-system-briefing-item span{min-width:0;color:#cde1e5;font-size:9px;line-height:1.35;overflow-wrap:anywhere}
.yz-system-briefing-item small{color:#788f98;font-size:7.5px;text-transform:uppercase}
.yz-system-briefing-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}
.yz-system-briefing-actions a{color:#8ee5ed;font-size:9px}
.yz-system-briefing-actions span{color:#728991;font-size:8px}
@media(max-width:720px){
  .yz-system-briefing{top:78px;left:12px;right:12px;width:auto}
}