/* Shared control scale and neutral macOS-inspired palette. No external fonts. */
:root {
  --surface:rgba(253,253,252,.76);
  --border:rgba(255,255,255,.88);
  --text:#29292c;
  --muted:#77777d;
  --accent:#3975b7;
  --soft:rgba(87,88,99,.055);
  --input:rgba(255,255,255,.88);
  --shadow:0 16px 50px rgba(35,32,29,.055),0 1px 2px rgba(35,32,29,.025);
  --control-surface:linear-gradient(180deg,rgba(255,255,255,.9),rgba(246,246,245,.76));
  --control-border:rgba(63,61,68,.11);
  --control-size:32px;
  --control-radius:9px;
  background:#eae8e4;
  color:var(--text);
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
}
body{background:linear-gradient(135deg,#eae8e3 0%,#f0efed 48%,#e5e6eb 100%);color:var(--text)}
.ambient-one{background:#dfd9cd;opacity:.45}.ambient-two{background:#d9dce6;opacity:.5}
.glass{box-shadow:var(--shadow);border-color:var(--border)}
.sidebar{background:rgba(236,235,233,.64)}
.brand{letter-spacing:.2px;font-size:18px;font-weight:600}.brand small{letter-spacing:1px;color:var(--muted)}
.brand-icon{color:#484950;display:grid;place-items:center;width:34px;height:36px}
.window-dots{gap:8px}.window-dots i{background:#ed8d84}.window-dots i:nth-child(2){background:#e6c17b}.window-dots i:nth-child(3){background:#9abdaa}
.new-task{background:var(--control-surface);border-color:var(--control-border);box-shadow:0 1px 2px #27242b06;border-radius:10px;height:40px;font-size:13px;gap:11px}
.new-task kbd{border-color:var(--control-border);font-family:inherit}
.nav-item{font-size:13px;height:40px;gap:12px;font-weight:400}.nav-item.active{background:rgba(71,113,172,.10);color:#345d92;font-weight:550}
.history-head{letter-spacing:.4px;font-size:11px}.history button{font-size:12px}.history button.selected{background:rgba(93,96,107,.08)}
.sidebar-footer{border-color:var(--control-border)}.avatar{background:#dedddc;color:#63636a;border:1px solid #ffffff7a;border-radius:10px}
.toolbar{border-color:rgba(75,75,83,.065);height:64px;min-height:64px;font-weight:500}.toolbar-right{gap:8px}.divider{background:var(--control-border)}
.toolbar .demo-button,.toolbar .preview-badge,.toolbar .icon-button{
  height:var(--control-size);min-height:var(--control-size);border-radius:var(--control-radius);
  border:1px solid var(--control-border);background:var(--control-surface);box-shadow:0 1px 2px #23212a04;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:500;line-height:1;padding:0 12px;white-space:nowrap;color:#62636a;
}
.toolbar .icon-button{width:var(--control-size);min-width:var(--control-size);padding:0}
.toolbar .mobile-menu{display:none}
.toolbar .preview-badge{background:rgba(239,239,240,.6);box-shadow:none;color:var(--muted);font-weight:400}
.preview-badge i{background:#989aa2;margin:0;width:5px;height:5px}
.demo-button:hover:not(:disabled),.new-task:hover{background:rgba(255,255,255,.98);border-color:#7b7b8838;box-shadow:0 2px 6px #29273309}
.icon-button{height:var(--control-size);min-width:var(--control-size);border-radius:var(--control-radius);color:#75767e}
.icon-button:hover{background:rgba(106,107,119,.09);color:var(--text)}
.icon-button svg,.new-task svg,.nav-item svg{width:17px;height:17px;flex-shrink:0}
.nav-item>span{display:grid;place-items:center;width:20px}.brand-icon svg{width:30px;height:30px}
.preview-note{background:rgba(238,238,240,.25);color:#88888f;font-size:11px}
.hero-icon{background:linear-gradient(145deg,#fff,#efefef);color:#55575f;border-color:#fff;box-shadow:0 10px 27px #46424c0b,inset 0 1px 0 #fff;border-radius:19px}
.hero-icon svg{width:38px;height:38px}
h1{font-size:clamp(28px,3vw,39px);font-weight:600;letter-spacing:-.7px;color:var(--text)}
.eyebrow{letter-spacing:2px;color:#939399}.hero-copy{font-size:13px;color:#818187}
.suggestions button{border-color:rgba(110,109,119,.085);box-shadow:0 1px 3px #38333b03;background:rgba(255,255,255,.72);border-radius:13px}
.suggestions button:hover{box-shadow:0 6px 18px #29233309;transform:translateY(-2px);border-color:rgba(98,103,116,.17)}
.suggestions strong{font-weight:550;color:#414249}.suggestions small{color:#85858c}
.card-icon.teal,.card-icon.blue,.card-icon.violet{background:rgba(105,111,127,.075);color:#747983;border:1px solid #8f94a20c;border-radius:9px}.card-icon svg{width:18px;height:18px}
.card-arrow{color:#a1a3aa}
.composer{border-radius:17px;background:var(--input);border:1px solid rgba(107,105,115,.11);box-shadow:0 6px 25px #39353c06,0 1px 2px #39353c03;padding:14px 14px 11px}
.composer:focus-within{border-color:#8e9bad65;box-shadow:0 6px 25px #39353c08,0 0 0 2px #728dae0a}
textarea{resize:none;overflow-y:auto;min-height:64px;max-height:160px;font-size:14px;line-height:1.6;color:var(--text);padding:3px 5px;outline:none}
textarea:focus-visible{outline:none}textarea::placeholder{color:#a0a0a6}
.composer-options{gap:9px}.composer-bottom{min-height:32px}
.model-pill{height:28px;display:inline-flex;align-items:center;gap:7px;padding:0 9px;border-radius:8px;border-color:var(--control-border);background:rgba(242,242,244,.47);color:#686b73;font-size:11px}
.model-pill svg{width:14px;height:14px}.read-only{color:#8b8b92;font-size:10px}
.send-button{width:32px;height:32px;min-width:32px;border-radius:50%;display:grid;place-items:center;padding:0;background:#34353a;color:white;border:1px solid #282a3010;box-shadow:0 2px 5px #22242a15;transition:background .15s,transform .15s,box-shadow .15s}
.send-button svg{width:18px;height:18px;stroke-width:2.3}
.send-button:disabled{background:#e8e8eb;color:#a6a7af;border-color:#e0e0e550;box-shadow:none}
.send-button:not(:disabled):hover{background:#18191e;transform:translateY(-1px);box-shadow:0 3px 8px #25263128}
.send-button:not(:disabled):active{transform:scale(.95)}
.composer-caption{color:#96969c;font-size:10px}
.status-dock{background:rgba(112,118,135,.055);border-radius:8px}.activity-dot{background:#74899f}.activity-track{background:#8995a111}.activity-track>span{background:linear-gradient(90deg,transparent,#9eafbf,#678bac,transparent)}
.status-dock[data-state="complete"] .activity-track>span{background:linear-gradient(90deg,#b9c3cd,#7e96af);opacity:.42}
.status-demo-label,.status-dock .stop-button{color:#93939a}
.reasoning-panel{background:rgba(120,123,137,.045);border:1px solid #81818b0c}.reasoning-panel summary{color:#666973}
.review-entry{background:rgba(123,128,143,.045);border-color:#7a7d8a21;border-radius:10px;color:#555962}
.review-entry:hover,.review-entry:focus-visible{background:rgba(108,130,166,.075);border-color:#8b9bb847;box-shadow:0 3px 12px #363c4908}
.diff-tooltip{background:rgba(253,253,253,.97);border-color:#dedee4;box-shadow:0 10px 35px #28293319}
.diff-columns pre span:hover{outline-color:#8698b23d}.review-dialog{background:rgba(250,250,250,.96);border:1px solid #ffffffad;box-shadow:0 30px 95px #20202a30}.review-dialog::backdrop{background:#292a333d}
.review-primary,.review-secondary{height:32px;padding:0 13px;border-radius:8px;font-size:12px}.review-primary{background:#3b70ad;color:white;border:1px solid #366499}.review-secondary{background:var(--control-surface);border:1px solid var(--control-border)}
.added{color:#538167}.removed{color:#a9676d}.diff-add{background:#78a68b14}.diff-remove{background:#c2838b13}
.details{background:var(--surface)}.timeline li>span{background:#e3e8ed;color:#6b8196}.timeline li:not(:last-child):after{border-color:#9daabb30}.timeline .pending>span{background:#e8e8eb;color:#909098}.detail-info{border-color:var(--control-border)}
.settings-card{border-color:var(--control-border);background:var(--input);box-shadow:0 2px 9px #29263303}.setting-row{border-color:#79778612}.toast{background:rgba(49,49,56,.94)}
button:focus-visible{outline-color:#6592c9;outline-width:2px}
body.dark{
  --surface:rgba(37,38,42,.83);--border:rgba(235,235,247,.085);--text:#e5e5e9;--muted:#9a9ba6;
  --accent:#91b2db;--soft:rgba(184,188,210,.065);--input:rgba(44,45,51,.94);
  --control-surface:linear-gradient(180deg,rgba(64,65,72,.9),rgba(48,49,56,.86));--control-border:rgba(204,206,227,.13);
  background:linear-gradient(135deg,#292829,#232429 65%,#292a33);color:var(--text);
}
body.dark .sidebar{background:rgba(39,39,43,.77)}body.dark .ambient-one{background:#49453f}body.dark .ambient-two{background:#3d414d}
body.dark .preview-note{background:rgba(255,255,255,.025);color:#9698a4}
body.dark .brand-icon{color:#c9c9d2}body.dark .avatar{background:#44444c;color:#c2c3cd;border-color:#ffffff15}
body.dark .nav-item.active{background:#b2c2e214;color:#b0c7e7}body.dark .hero-icon{background:linear-gradient(145deg,#4d4e56,#34353c);border-color:#ffffff15;color:#cacdd8}
body.dark .toolbar .demo-button,body.dark .toolbar .icon-button{color:#c1c2cd}body.dark .toolbar .preview-badge{background:#dedff00a;color:#a1a3ae}
body.dark .demo-button:hover:not(:disabled),body.dark .new-task:hover{background:#50525c;border-color:#85899750}
body.dark .suggestions button{background:#35363e91;border-color:#c4c8e011}body.dark .suggestions strong{color:#dbdce3}body.dark .suggestions small{color:#999ba7}
body.dark .card-icon{background:#c3c8df0e;color:#a7acbc;border-color:#c4c8e00c}body.dark .composer{border-color:#d4d6e817}
body.dark .model-pill{background:#b5b9d20b;color:#aeb2c0}body.dark .send-button{background:#e1e3eb;color:#343641}
body.dark .send-button:disabled{background:#454751;color:#818594;border-color:transparent}body.dark .send-button:not(:disabled):hover{background:#fff;color:#24252b}
body.dark .reasoning-panel summary{color:#adafbd}body.dark .review-entry{color:#b8bdcb}body.dark .diff-tooltip{background:#303138fa;border-color:#5b5c6b66}
body.dark .review-dialog{background:#2b2d34fa;border-color:#cfd4ed1a}body.dark .review-primary{background:#7396c4;color:#171e2a;border-color:#91acd040}
body.dark .timeline li>span{background:#485365;color:#c0cfdf}body.dark .timeline .pending>span{background:#43454e;color:#9398a6}
body.dark .added{color:#91b69e}body.dark .removed{color:#ca989f}
@media(max-width:760px){
  .toolbar{height:58px;min-height:58px;padding:0 10px}.toolbar-right{gap:6px}
  .toolbar .demo-button,.toolbar .preview-badge{height:32px;min-height:32px;font-size:11px;padding:0 8px}
  .toolbar .mobile-menu{display:inline-flex}.sidebar.open{background:rgba(239,238,236,.97)}body.dark .sidebar.open{background:#2c2d33fa}
  .hero-icon{border-radius:17px}.hero-icon svg{width:32px;height:32px}h1{font-size:28px;letter-spacing:-.5px}
  .send-button{width:32px;height:32px}.composer{padding:12px 12px 10px}
}
@supports not (backdrop-filter:blur(1px)){.glass{background:#f6f5f4}body.dark .glass{background:#2d2e34}}
.brand{position:relative;gap:12px;margin:0 4px 27px;padding:9px 2px 13px;isolation:isolate}
.brand:before{content:"";position:absolute;z-index:-1;left:-14px;top:-13px;width:170px;height:95px;background:radial-gradient(ellipse at 32% 50%,#d4c6a83b,transparent 66%);pointer-events:none}
.brand .brand-icon{position:relative;isolation:isolate;flex-shrink:0;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#53617a;background:radial-gradient(ellipse at 18% 12%,#fff 0,transparent 58%),linear-gradient(145deg,#f2e9d6 4%,#eef0f6 52%,#d4dce9 100%);border:1px solid #ffffffdc;box-shadow:0 6px 14px #5d596c16,inset 0 1px 1px #fff,inset 0 -1px 2px #6e7e9c15}
.brand .brand-icon:before{content:"";position:absolute;inset:5px;border-radius:10px;border:1px solid #ffffff83;pointer-events:none}
.brand .brand-icon:after{content:"";position:absolute;width:5px;height:5px;right:8px;top:8px;border-radius:50%;background:#c49c59;box-shadow:0 0 8px #d2b26b55}
.brand .brand-icon svg{width:27px;height:27px;filter:drop-shadow(0 1px 0 #ffffffb0)}
.brand-wordmark{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.brand-overline{font-size:8px;line-height:1.2;font-weight:600;letter-spacing:1.8px;color:#a18e6b;white-space:nowrap}
.brand-wordmark strong{font-size:19px;line-height:1.25;letter-spacing:.6px;font-weight:650;color:#303139}
.brand .brand-wordmark small{font-size:10px;line-height:1.4;letter-spacing:1px;margin:0;color:#8b8991;white-space:nowrap}
body.dark .brand:before{background:radial-gradient(ellipse at 32% 50%,#bda27413,transparent 68%)}
body.dark .brand .brand-icon{background:radial-gradient(ellipse at 12% 0%,#93826760,transparent 62%),linear-gradient(145deg,#56525a,#3c4455 75%,#4c5d74);border-color:#dfdbe82b;color:#e0e3eb;box-shadow:0 6px 16px #0b0b122b,inset 0 1px 0 #ffffff24}
body.dark .brand .brand-icon:before{border-color:#ffffff19}body.dark .brand .brand-icon svg{filter:drop-shadow(0 1px 1px #17172455)}
body.dark .brand-wordmark strong{color:#e6e5eb}body.dark .brand-overline{color:#c1ad88}body.dark .brand .brand-wordmark small{color:#a2a0ad}
:root{--pv-cell-fill:#dfe8f1;--pv-cell-stroke:#4f6f94;--pv-sun-fill:#f1dfb7;--pv-sun-stroke:#b08a47}
.brand .brand-icon:after{display:none}
.brand .brand-icon svg{width:35px;height:35px;filter:drop-shadow(0 1px 0 #ffffff90)}
.hero-icon svg{width:47px;height:47px}
body.dark{--pv-cell-fill:#46566b;--pv-cell-stroke:#bacde3;--pv-sun-fill:#766344;--pv-sun-stroke:#e2c48c}
@media(max-width:760px){.hero-icon svg{width:40px;height:40px}}