.cs-root{--cs-ink:var(--ink,#3b342c);--cs-sub:var(--sub,#8a8072);--cs-line:var(--line,rgba(120,100,70,.12));--cs-accent:var(--acc,#e39a5b);position:fixed;inset:0;z-index:160;pointer-events:none;color:var(--cs-ink);font:14px/1.55 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
.cs-root button,.cs-root input,.cs-root select,.cs-hotspot{font:inherit;color:inherit}
.cs-root button,.cs-hotspot{cursor:pointer}
.cs-root button:disabled{cursor:not-allowed;opacity:.5}
.cs-root button:focus-visible,.cs-root input:focus-visible,.cs-root select:focus-visible,.cs-hotspot:focus-visible{outline:2px solid #ad6a35;outline-offset:3px}
.cs-root svg,.cs-hotspot svg,.cs-sync-log svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.cs-glass{background:var(--glass-control,rgba(255,251,245,.90));border:1px solid var(--glass-edge,rgba(255,255,255,.74));box-shadow:0 10px 32px rgba(65,48,28,.13);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.cs-capsule{position:absolute;left:var(--cs-dock-x,50%);bottom:var(--cs-dock-bottom,24px);transform:translateX(-50%);width:var(--cs-dock-width,560px);max-width:calc(100vw - 48px);min-height:98px;border-radius:22px;padding:10px 12px;display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:28px 40px;gap:8px;align-items:center;pointer-events:auto;transition:border-color .16s,box-shadow .16s}
.cs-avatar{width:40px;height:40px;flex:none;border-radius:50%;background:#eee1cf;overflow:hidden;display:grid;place-items:center;font-weight:600}
.cs-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.cs-command{display:flex;align-items:center;min-width:0;flex:1;gap:3px}
.cs-command input{width:100%;min-width:0;border:0;background:transparent;padding:8px 3px;outline:none;font-size:13px}
.cs-command input::placeholder{color:#9b8e7c}
.cs-icon-button{width:32px;height:32px;border:0;border-radius:50%;background:rgba(245,237,225,.85);display:grid;place-items:center;flex:none}
.cs-send{color:#fff!important;background:#8e6849}
.cs-shortcuts{position:static;grid-column:1 / -1;grid-row:1;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-width:0;height:28px;padding:0 0 7px;border-bottom:1px solid rgba(130,103,66,.13)}
.cs-shortcut-label{flex:none;font-size:10px;letter-spacing:1px;color:#a19686;margin-right:2px}
.cs-capsule .cs-shortcuts button{padding:3px 6px;border:0;border-radius:7px;background:transparent;backdrop-filter:none;box-shadow:none;font-size:12px;line-height:18px;white-space:nowrap;display:flex;align-items:center;gap:5px;color:#76634c;min-width:0}
.cs-capsule .cs-shortcuts button:hover{background:rgba(173,129,73,.09);color:#80582e}
.cs-capsule .cs-shortcuts button:active{background:rgba(173,129,73,.16)}
.cs-shortcuts svg{width:13px;height:13px;opacity:.78}
.cs-capsule .cs-avatar{grid-row:2;width:36px;height:36px;background:rgba(234,222,203,.65)}
.cs-capsule .cs-command{grid-row:2;grid-column:2;height:40px}
.cs-capsule .cs-command input{font-size:13px;line-height:22px;text-overflow:ellipsis;padding:7px 2px}
.cs-capsule:focus-within{border-color:rgba(164,124,75,.45);box-shadow:0 10px 30px rgba(65,48,28,.15),0 0 0 2px rgba(194,155,100,.08)}
.cs-conversation,.cs-panel{position:absolute;left:var(--cs-panel-x,var(--cs-dock-x,50%));bottom:var(--cs-popover-bottom,133px);transform:translateX(-50%);width:var(--cs-panel-width,560px);max-width:calc(100vw - 48px);border-radius:22px;pointer-events:auto;overflow:hidden}
.cs-conversation{max-height:calc(100vh - var(--cs-popover-bottom,133px) - var(--cs-panel-top-min,90px));display:flex;flex-direction:column}
.cs-head{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid var(--cs-line);flex:none}
.cs-head-title{flex:1;min-width:0;font-size:15px;font-weight:650}
.cs-head-title small{display:block;font-size:12px;font-weight:400;color:var(--cs-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-answer{padding:14px 18px 17px;overflow:auto;overscroll-behavior:contain}
.cs-answer p{margin:0 0 10px}
.cs-steps{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;color:var(--cs-sub);font-size:12px}
.cs-step{display:flex;gap:4px;align-items:center;border-radius:16px;padding:3px 8px;background:rgba(238,229,216,.65)}
.cs-step svg{width:12px;height:12px}
.cs-step.is-active{background:#f6e3cd;color:#9d642e}
.cs-step.is-done{color:#63866c}
.cs-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.cs-button{border:1px solid rgba(143,111,75,.16);background:rgba(255,253,249,.93);padding:7px 12px;border-radius:11px;font-size:12px;display:inline-flex;align-items:center;gap:5px;justify-content:center}
.cs-button-primary{background:#9b714e!important;color:#fff!important;border-color:transparent!important}
.cs-button-quiet{border-color:transparent;background:rgba(244,236,225,.72)}
.cs-support{display:flex;flex-wrap:wrap;gap:7px}
.cs-support button{border:1px solid var(--cs-line);border-radius:12px;background:rgba(255,255,255,.68);padding:7px 10px;font-size:12px}
.cs-name-button{border:0;padding:0;background:transparent;text-decoration:underline;text-decoration-color:rgba(144,108,65,.4);text-underline-offset:3px;font-size:13px}
.cs-list{list-style:none;margin:0;padding:0}
.cs-list>li{padding:9px 0;border-bottom:1px solid var(--cs-line)}
.cs-list>li:last-child{border:0}
.cs-row{display:flex;align-items:center;gap:9px}
.cs-row-main{flex:1;min-width:0}
.cs-muted{font-size:12px;color:var(--cs-sub)}
.cs-label{display:inline-block;font-size:12px;border-radius:8px;background:rgba(233,224,210,.68);padding:2px 6px;color:#80725e;white-space:nowrap}
.cs-panel{max-height:calc(100vh - var(--cs-popover-bottom,133px) - var(--cs-panel-top-min,90px));display:flex;flex-direction:column}
.cs-panel-body{overflow:auto;overscroll-behavior:contain;padding:15px 18px 18px}
.cs-panel-body h3{font-size:16px;margin:0 0 8px}
.cs-panel-body h4{font-size:13px;margin:14px 0 8px}
.cs-panel-body p{margin:0 0 10px}
.cs-chart{width:100%;height:155px;display:block;overflow:visible}
.cs-chart text{font:12px sans-serif;fill:#8a8072}
.cs-chart .cs-line{fill:none;stroke:#a8784c;stroke-width:2.2}
.cs-hotspots{z-index:1700}
.cs-hotspot{position:absolute;transform-origin:center;display:flex;gap:5px;align-items:center;white-space:nowrap;padding:8px 11px;border:1px solid rgba(255,255,255,.86);border-radius:20px;background:rgba(255,251,245,.92);backdrop-filter:blur(12px);box-shadow:0 4px 13px rgba(65,48,28,.14);font-size:12px;font-weight:550;pointer-events:auto;color:#594934}
.cs-toast{position:absolute;top:92px;left:50%;transform:translateX(-50%);width:360px;max-width:calc(100vw - 48px);padding:12px 15px;border-radius:15px;pointer-events:auto;display:flex;gap:10px;align-items:flex-start;animation:cs-toast-in .18s ease-out}
.cs-toast-icon{width:27px;height:27px;border-radius:50%;background:#e4ecd9;color:#688252;display:grid;place-items:center;flex:none}
.cs-toast strong{display:block;font-size:12px}
.cs-toast p{margin:3px 0 0;font-size:12px;color:var(--cs-sub)}
.cs-sync-log{font-size:12px;line-height:1.5;color:#554b3f}
.cs-sync-log h4{margin:0 0 9px;font-size:12px;color:#8a8072;font-weight:500}
.cs-sync-log ol{list-style:none;padding:0;margin:0}
.cs-sync-log li{padding:7px 0;border-top:1px solid rgba(120,100,70,.10)}
.cs-sync-log time{font-variant-numeric:tabular-nums;color:#9b8c78;font-size:12px;margin-right:6px}
.cs-sync-log button{border:0;background:transparent;color:#8e643b;padding:2px 0;font-size:12px;cursor:pointer}
.cs-module-highlight{animation:cs-module-pulse .8s ease-in-out 3}
@keyframes cs-module-pulse{50%{box-shadow:0 0 0 3px rgba(223,159,86,.47)}}
@keyframes cs-toast-in{from{opacity:0;margin-top:-5px}to{opacity:1;margin-top:0}}
body.immersive .cs-root,body.immersive .cs-hotspots{display:none}
@media(prefers-reduced-motion:reduce){.cs-toast,.cs-module-highlight{animation:none}}

/* Main actions and prose use 14px; supporting labels stay at least 12px. */
.cs-head-title{font-size:16px}
.cs-hotspots{position:absolute;inset:0;pointer-events:none;z-index:1700}
#csPanel.cs-entry-panel{position:fixed;left:var(--cs-entry-x,calc(50vw - 140px));top:var(--cs-entry-y,180px);bottom:auto;transform:none;width:var(--cs-entry-width,280px);max-width:calc(100vw - 128px);max-height:calc(100vh - 120px);border-radius:17px}
#csPanel .cs-head{padding:12px 13px;gap:7px}
#csPanelTitle{display:flex;align-items:center;gap:9px;font-size:14px;line-height:1.45}
#csPanel .cs-app-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:#eee1ce;color:#89623d}
#csPanel .cs-app-icon svg{width:18px;height:18px}
#csPanel .cs-panel-body{padding:14px}
#csPanel .cs-app-description{font-size:14px;line-height:1.6;margin:0 0 7px}
#csPanel .cs-app-publisher{font-size:12px;color:var(--cs-sub);margin:0 0 14px}
#csPanel .cs-app-status{margin:11px 0 0;padding:8px 10px;border-radius:9px;background:#f0e9dd;color:#79674f;font-size:12px}
.cs-command input,.cs-shortcuts button,.cs-button,.cs-support button,.cs-name-button{font-size:14px}
.cs-root.cs-compact .cs-shortcuts{gap:2px;justify-content:space-between}.cs-root.cs-compact .cs-shortcut-label{display:none}.cs-root.cs-compact .cs-shortcuts button{padding:3px 2px;gap:0;font-size:11px}.cs-root.cs-compact .cs-shortcuts svg{display:none}.cs-root.cs-compact .cs-avatar{width:32px;height:32px}
@media(max-width:900px){.cs-shortcuts button{padding:6px 9px}.cs-shortcuts svg{display:none}.cs-avatar{width:34px;height:34px}}
.cs-root *,.cs-hotspots *{box-sizing:border-box}
.cs-root[hidden],.cs-root [hidden],.cs-hotspots[hidden],.cs-hotspot[hidden]{display:none!important}

.cs-toast{top:auto;left:auto;right:var(--cs-toast-right,24px);bottom:136px;transform:none;width:300px;max-width:calc(100vw - 144px)}

/* Connection updates use the shared agent notification queue. */
#csToast{display:none!important}