/*
 * AI Content Platform SaaS UI System V1.1
 * Unified visual source. Business behavior is intentionally untouched.
 */
:root{
  --ui-violet:#8F50D2;
  --ui-violet-700:#7140A4;
  --ui-violet-800:#5D328A;
  --ui-lilac:#C1A1D2;
  --ui-lilac-soft:#EEE3F6;
  --ui-lilac-faint:#F8F3FB;
  --ui-ink:#111111;
  --ui-ink-2:#44414A;
  --ui-ink-3:#6F6976;
  --ui-silver:#D7D7D3;
  --ui-line:rgba(113,64,164,.16);
  --ui-line-strong:rgba(113,64,164,.28);
  --ui-paper:#FFFFFF;
  --ui-canvas:#F4F4F2;
  --ui-glass:rgba(255,255,255,.56);
  --ui-glass-strong:rgba(255,255,255,.82);
  --ui-glass-subtle:rgba(255,255,255,.54);
  --ui-shadow:0 18px 52px rgba(68,36,96,.10),0 3px 14px rgba(17,17,17,.04);
  --ui-shadow-soft:0 10px 30px rgba(68,36,96,.07),0 2px 8px rgba(17,17,17,.035);
  --ui-focus:0 0 0 4px rgba(143,80,210,.18);
  --ui-r-xl:24px;
  --ui-r-lg:18px;
  --ui-r-md:13px;
  --ui-r-sm:10px;
  --ui-space-1:6px;
  --ui-space-2:10px;
  --ui-space-3:14px;
  --ui-space-4:18px;
  --ui-space-5:24px;
  --ui-space-6:32px;
  --ui-space-7:44px;
  --brand:#8F50D2;
  --brand2:#C1A1D2;
  --brand-soft:#F4ECF9;
  --brand-line:rgba(143,80,210,.26);
  --red:#8F50D2;
  --red2:#7140A4;
  --red3:#F4ECF9;
  --o:#8F50D2;
  --o2:#F4ECF9;
  --orange:#8F50D2;
  --orange-d:#7140A4;
  --orange-l:#F4ECF9;
  --orange-ll:#FAF7FC;
  --ink:#111111;
  --ink2:#44414A;
  --ink3:#6F6976;
  --mut:#77717E;
  --muted:#77717E;
  --line:rgba(113,64,164,.16);
  --line2:#EEE8F2;
  --bg:#F4F4F2;
  --panel:#FFFFFF;
  --panel2:#F8F5FA;
}
html{
  min-width:0;
  background:var(--ui-canvas);
  color:var(--ui-ink);
  font-size:16px;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body[data-ui-page]{
  min-width:0;
  margin:0;
  color:var(--ui-ink);
  background:
    radial-gradient(circle at 3% 4%,rgba(193,161,210,.44),transparent 28rem),
    radial-gradient(circle at 96% 10%,rgba(143,80,210,.18),transparent 34rem),
    radial-gradient(ellipse at 42% 85%,rgba(193,161,210,.25),transparent 38rem),
    linear-gradient(145deg,#FBF9FD 0%,#EEE7F4 52%,#F4F4F2 100%) fixed;
  font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei","Segoe UI",system-ui,sans-serif;
  font-size:16px;
  line-height:1.72;
  overflow-x:clip;
}
body[data-ui-page] *,
body[data-ui-page] *::before,
body[data-ui-page] *::after{box-sizing:border-box}
body[data-ui-page] :is(h1,h2,h3,h4,p){overflow-wrap:anywhere}
body[data-ui-page] h1{font-size:clamp(1.75rem,2.1vw,2.35rem);line-height:1.25;letter-spacing:-.025em}
body[data-ui-page] h2{font-size:clamp(1.18rem,1.35vw,1.48rem);line-height:1.38;letter-spacing:-.012em}
body[data-ui-page] h3{font-size:1.04rem;line-height:1.45}
body[data-ui-page] :is(p,li,td,th,label,input,textarea,select,button){font-size:15px}
body[data-ui-page] :is(.muted,.sub,.small,.sm){line-height:1.62}
body[data-ui-page] a{color:var(--ui-violet-700)}
body[data-ui-page] ::selection{background:rgba(143,80,210,.22);color:var(--ui-ink)}
body[data-ui-page] :is(button,a,input,textarea,select,[tabindex]):focus-visible{
  outline:2px solid var(--ui-violet)!important;
  outline-offset:2px;
}
body[data-ui-page] :is(input,textarea,select){
  min-height:40px;
  color:var(--ui-ink)!important;
  -webkit-text-fill-color:var(--ui-ink)!important;
  background:rgba(255,255,255,.86)!important;
  border:1px solid var(--ui-line)!important;
  border-radius:var(--ui-r-sm)!important;
  box-shadow:inset 0 1px 2px rgba(17,17,17,.025);
}
body[data-ui-page] :is(input,textarea,select):focus{
  border-color:var(--ui-violet)!important;
  box-shadow:var(--ui-focus)!important;
  outline:none!important;
}
body[data-ui-page] textarea{line-height:1.65}
body[data-ui-page] :is(button,.btn,.tab,.chip,.pill){font-family:inherit}
body[data-ui-page] button{min-height:40px}
body[data-ui-page] :is(.btn,.chip[onclick],.pill[onclick]){min-height:40px;line-height:1.55}
body[data-ui-page] :is(.hint,.muted,.sub,.src,.ds,small,.small){font-size:14px;line-height:1.65}
body[data-ui-page] :is(button,input,textarea,select){font-size:15px!important}
body[data-ui-page] :is(h1,h2,h3,h4){font-family:inherit!important}
body[data-ui-page] button:disabled{cursor:not-allowed;opacity:.52}

/* Shared controls */
body[data-ui-page] :is(.btn,.go,.bigbtn,.xq-send){
  border-radius:11px!important;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,color .15s ease;
}
body[data-ui-page] :is(.btn,.go,.bigbtn,.xq-send):not(:disabled):hover{transform:translateY(-1px)}
body[data-ui-page] :is(.btn,.go,.bigbtn,.xq-send):not(:disabled):active{transform:translateY(0)}
body[data-ui-page] :is(.btn,.go,.bigbtn,.xq-send):not(.gray):not(.ghost):not(.secondary):not(.o):not(.k){
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  background:linear-gradient(135deg,var(--ui-violet),var(--ui-violet-700))!important;
  border-color:transparent!important;
  box-shadow:0 8px 20px rgba(113,64,164,.18)!important;
}
body[data-ui-page] :is(.btn.o,.btn.ghost,.btn.gray,.btn.secondary,.secondary){
  color:var(--ui-violet-700)!important;
  -webkit-text-fill-color:var(--ui-violet-700)!important;
  background:rgba(255,255,255,.76)!important;
  background-image:none!important;
  border:1px solid var(--ui-line-strong)!important;
  box-shadow:none!important;
}
body[data-ui-page] :is(.btn.o,.btn.ghost,.btn.gray,.btn.secondary,.secondary):hover{
  color:var(--ui-violet-800)!important;
  -webkit-text-fill-color:var(--ui-violet-800)!important;
  background:var(--ui-lilac-faint)!important;
  border-color:var(--ui-violet)!important;
}
body[data-ui-page] .btn.k{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  background:var(--ui-ink)!important;
  border-color:var(--ui-ink)!important;
}
body[data-ui-page] :is(.pill,.tag,.chip){
  border-color:var(--ui-line)!important;
}
body[data-ui-page] :is(.pill:not(.ok):not(.warn):not(.red):not(.gray),.tag.o,.chip.on,.tab.on,.tabs button.on){
  color:var(--ui-violet-700)!important;
  -webkit-text-fill-color:var(--ui-violet-700)!important;
  background:var(--ui-lilac-faint)!important;
  border-color:var(--ui-line-strong)!important;
}
body[data-ui-page] .hidden{display:none!important}

/* Shared glass surfaces */
body[data-ui-page]:not([data-ui-page="index"]) :is(.card,.panel,.stepcard,.detail,.daily,.libcard,.rp,.rdet,.rview,.one,.g,.grp,.work,.gate,.camp,.preview,.reader,.readme,.empty,.pre,.md,.path-picker,.history,.output-location,.preflight){
  border:1px solid rgba(255,255,255,.78)!important;
  background:var(--ui-glass)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90),var(--ui-shadow-soft)!important;
  -webkit-backdrop-filter:blur(20px) saturate(135%);
  backdrop-filter:blur(20px) saturate(135%);
}
body[data-ui-page]:not([data-ui-page="index"]) :is(.card,.detail,.daily,.one,.libcard,.gate,.camp){border-radius:var(--ui-r-lg)!important}
body[data-ui-page]:not([data-ui-page="index"]) :is(.card,.detail,.daily,.libcard,.one){margin-bottom:22px!important}
body[data-ui-page]:not([data-ui-page="index"]) :is(.card,.detail,.daily,.libcard){padding:clamp(20px,2.3vw,30px)!important}
body[data-ui-page]:not([data-ui-page="index"]) :is(table){background:rgba(255,255,255,.48)}
body[data-ui-page]:not([data-ui-page="index"]) :is(th){background:rgba(244,236,249,.80)!important;color:var(--ui-ink-2)}
body[data-ui-page]:not([data-ui-page="index"]) :is(td,th){border-color:var(--ui-line)!important;padding:10px 11px!important}

/* Standalone and embedded content pages */
body[data-ui-page]:not([data-ui-page="index"]) > :is(.top,#v5top){
  min-height:68px;
  padding:13px clamp(18px,3vw,40px)!important;
  border:1px solid rgba(255,255,255,.80)!important;
  border-top:0!important;
  border-radius:0 0 22px 22px!important;
  background:rgba(255,255,255,.68)!important;
  box-shadow:var(--ui-shadow-soft)!important;
  -webkit-backdrop-filter:blur(24px) saturate(145%);
  backdrop-filter:blur(24px) saturate(145%);
}
body[data-ui-page]:not([data-ui-page="index"]) > :is(.wrap,.v5-page){
  width:min(calc(100% - clamp(24px,6vw,96px)),1480px)!important;
  max-width:1480px!important;
  margin-inline:auto!important;
  padding:clamp(28px,4vw,56px) 0 clamp(64px,7vw,100px)!important;
}
body.ui-embedded{
  min-height:100%;
  background:transparent!important;
}
html:has(body.ui-embedded){background:transparent!important}
/* Retain local actions. Only the duplicated brand image is suppressed. */
body[data-ui-page].ui-embedded > :is(.top,#v5top){
  display:flex!important;
  flex-wrap:wrap!important;
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  gap:12px!important;
  margin:0!important;
  padding:22px 28px!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:rgba(255,255,255,.24)!important;
}
body[data-ui-page].ui-embedded > .top > h1{flex:1 0 100%;font-size:24px!important;margin:0 0 6px!important}
body[data-ui-page].ui-embedded > .top > h1 span{display:block;line-height:1.65;margin-top:8px;font-size:14px!important}
body[data-ui-page].ui-embedded > :is(.top,#v5top) > img,
body[data-ui-page].ui-embedded > .top > .sp{display:none!important}
body[data-ui-page].ui-embedded > :is(.top,#v5top) :is(a,button,select){max-width:100%;white-space:normal!important}
body[data-ui-page].ui-embedded > #v5top .brand{display:none!important}
body[data-ui-page].ui-embedded > .top > a.btn{display:inline-flex!important;align-items:center}
body.ui-embedded > :is(.wrap,.v5-page){
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(22px,3vw,40px)!important;
}
body.ui-embedded > .progbar{
  position:relative!important;
  top:auto!important;
  padding:14px clamp(22px,3vw,40px)!important;
  border:0!important;
  border-bottom:1px solid var(--ui-line)!important;
  background:rgba(255,255,255,.50)!important;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
body[data-ui-page="md_view"]>.wrap,
body.ui-embedded[data-ui-page="md_view"]>.wrap{
  width:min(100%,980px)!important;
  padding:clamp(28px,4vw,58px)!important;
}
body[data-ui-page="welcome"]>.wrap{width:min(calc(100% - 32px),920px)!important;max-width:920px!important}
body[data-ui-page="welcome"] .step{padding:24px!important;gap:18px!important}
body[data-ui-page="welcome"] .step.cur{border-color:var(--ui-line-strong)!important;box-shadow:var(--ui-shadow)!important}
body[data-ui-page="welcome"] .bar i{background:linear-gradient(90deg,var(--ui-lilac),var(--ui-violet))!important}
body[data-ui-page="welcome"] .n{background:var(--ui-violet)!important}
body[data-ui-page="setup"] .aibox .main{
  background:linear-gradient(145deg,var(--ui-violet),var(--ui-violet-700))!important;
  box-shadow:var(--ui-shadow)!important;
}
body[data-ui-page="setup"] .one{
  border-left:4px solid var(--ui-violet)!important;
  grid-template-columns:minmax(0,1fr) minmax(220px,280px);
  gap:28px!important;
}
body[data-ui-page="setup"] .one .go{box-shadow:0 10px 24px rgba(113,64,164,.18)!important}
body[data-ui-page="brain"] .flow{gap:10px!important;margin-bottom:24px!important}
body[data-ui-page="brain"] .fstep{
  min-width:132px!important;
  padding:14px!important;
  border-color:var(--ui-line)!important;
  background:rgba(255,255,255,.66)!important;
}
body[data-ui-page="brain"] .gapbar{
  border:1px solid var(--ui-line)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.64)!important;
  padding:14px 18px!important;
}
body[data-ui-page="brain"] .gapbar.red{border-left:4px solid #C83F58!important}
body[data-ui-page="brain"] .gapbar .lst{font-size:14.5px!important}
body[data-ui-page="kb"] .wrap{
  grid-template-columns:minmax(190px,28%) minmax(0,1fr)!important;
  gap:24px!important;
}
body[data-ui-page="kb"] .side{
  top:20px!important;
  padding:18px 14px!important;
  max-height:calc(100vh - 40px)!important;
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.66)!important;
  box-shadow:var(--ui-shadow-soft)!important;
  -webkit-backdrop-filter:blur(22px) saturate(140%);
  backdrop-filter:blur(22px) saturate(140%);
}
body[data-ui-page="kb"] .nd{padding:8px 10px!important;border-radius:9px!important}
body[data-ui-page="kb"] .nd.lib{display:grid!important;grid-template-columns:16px 30px minmax(0,1fr);gap:6px!important;align-items:start!important}
body[data-ui-page="kb"] .nd.lib > .caret{grid-column:1;grid-row:1}
body[data-ui-page="kb"] .nd.lib > .no{grid-column:2;grid-row:1}
body[data-ui-page="kb"] .nd.lib > .n{grid-column:3;grid-row:1;justify-self:end}
body[data-ui-page="kb"] .nd.lib > .nm{grid-column:1/-1;grid-row:2;width:100%;white-space:normal!important;overflow:visible!important;line-height:1.65!important}
body[data-ui-page="kb"] .nd.lib .ds{white-space:normal!important;line-height:1.65!important;overflow-wrap:anywhere}
body[data-ui-page="kb"] .nd.lib{
  margin-top:8px!important;
  padding-top:14px!important;
  border-top:1px solid var(--ui-line)!important;
}
body[data-ui-page="kb"] .nd.on{
  color:var(--ui-violet-700)!important;
  background:rgba(143,80,210,.10)!important;
}
body[data-ui-page="kb"] .kids{border-color:var(--ui-line)!important}
body[data-ui-page="kb"] .row{min-height:64px;padding:12px 14px!important;gap:14px!important}
body[data-ui-page="kb"] .row:hover{background:rgba(143,80,210,.055)!important;border-color:var(--ui-line)!important}
body[data-ui-page="kb"] .readme{border-left:3px solid var(--ui-violet)!important}
body[data-ui-page="pyq"] .steps,
body[data-ui-page="pyq"] .wk{gap:10px!important}
body[data-ui-page="pyq"] :is(.st,.wkd,.ver,.four>div){
  background:rgba(255,255,255,.68)!important;
  border-color:var(--ui-line)!important;
}
body[data-ui-page="tupu"] .steps{gap:12px!important}
body[data-ui-page="tupu"] .st{
  min-height:88px;
  padding:14px!important;
  background:rgba(255,255,255,.68)!important;
  border-color:var(--ui-line)!important;
}
body[data-ui-page="tupu"] .st.on{box-shadow:var(--ui-focus)!important}
body[data-ui-page="plan"] .gy .step{padding:18px!important;border-color:var(--ui-line)!important;background:rgba(255,255,255,.62)!important}
body[data-ui-page="plan"] .gy .step .sn{background:var(--ui-violet)!important}
body[data-ui-page="gallery"] .grid,
body[data-ui-page="agents"] .grid{gap:18px!important}

/* Main workbench architecture — V1.2 responsive common shell */
html:has(body[data-ui-page="index"]){height:100%;overflow:hidden}
body[data-ui-page="index"]{
  --shell-nav:244px;--shell-nav-gap:16px;--shell-agent:360px;--shell-agent-gap:16px;
  --agent-width:360px;--shell-top:104px;
  display:grid!important;grid-template-rows:auto minmax(0,1fr);
  grid-template-columns:var(--shell-nav) var(--shell-nav-gap) minmax(0,1fr) var(--shell-agent-gap) var(--shell-agent);
  width:100%;height:100dvh;min-height:0;margin:0!important;padding:16px!important;
  gap:12px 0;overflow:hidden!important;
  background:radial-gradient(ellipse at 6% 0%,rgba(193,161,210,.38),transparent 52%),
    radial-gradient(ellipse at 96% 90%,rgba(143,80,210,.16),transparent 50%),#F4F4F2!important;
  color:#111;isolation:isolate;
}
body[data-ui-page="index"] #top{
  grid-area:1/1/2/-1;position:relative!important;inset:auto!important;
  width:100%!important;min-width:0;min-height:72px;height:auto!important;margin:0!important;
  display:flex!important;align-items:center;flex-wrap:wrap;gap:12px!important;padding:12px 16px!important;
  border:1px solid rgba(255,255,255,.78)!important;border-radius:20px!important;
  background:rgba(255,255,255,.62)!important;backdrop-filter:blur(24px) saturate(115%);
  -webkit-backdrop-filter:blur(24px) saturate(115%);box-shadow:0 5px 22px rgba(67,39,83,.06)!important;z-index:80;
}
body[data-ui-page="index"] #top>img{width:auto!important;height:34px!important;max-width:76px!important;object-fit:contain}
body[data-ui-page="index"] #top>.name{display:block!important;min-width:174px;max-width:240px;font-size:14px!important;line-height:1.3!important;white-space:normal!important}
body[data-ui-page="index"] #top>.name b{display:block;font-size:15px!important;color:#21182C!important}
body[data-ui-page="index"] #top>.name .tcn-ver{display:inline-block!important;margin-top:3px!important;color:var(--ui-violet-800)!important;background:rgba(193,161,210,.18)!important;border-color:rgba(113,64,164,.18)!important}
body[data-ui-page="index"] #top>.name .tcn-ver i{color:var(--ui-violet-800)!important;font-style:normal!important}
body[data-ui-page="index"] #journey{flex:1 1 620px;min-width:0;max-width:100%;display:flex;flex-wrap:wrap;gap:8px!important;align-items:center}
body[data-ui-page="index"] #journey button{white-space:nowrap;flex-shrink:0;min-height:40px;font-size:14px!important}
body[data-ui-page="index"] #journey .jt{display:inline-flex!important;align-items:center;gap:4px}
body[data-ui-page="index"] #journey .jt-l{display:inline!important}
body[data-ui-page="index"] #journey .jt-s{display:none!important}
body[data-ui-page="index"] #journey .jh{display:inline!important;font-size:14px!important}
body[data-ui-page="index"] #topright{display:block!important;margin-left:auto!important;min-width:0;font-size:14px!important;overflow-wrap:anywhere}
body[data-ui-page="index"] #tabs{display:flex;min-width:0;flex-wrap:wrap;gap:6px}
body[data-ui-page="index"] #tabs button{min-height:40px;padding:8px 12px}
body[data-ui-page="index"] #subnav{display:none!important}
body[data-ui-page="index"] .ui-pane-toggle{
  display:inline-flex!important;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;
  min-height:44px!important;padding:9px 12px!important;border:1px solid rgba(113,64,164,.2)!important;
  border-radius:12px!important;background:rgba(255,255,255,.6)!important;color:var(--ui-violet-800)!important;
  font:600 15px/1.4 var(--ui-font, "Noto Sans SC","Microsoft YaHei","Segoe UI",sans-serif)!important;
  cursor:pointer;box-shadow:none!important;white-space:nowrap;
}
body[data-ui-page="index"] .ui-pane-toggle[aria-expanded="true"]{background:rgba(193,161,210,.2)!important;border-color:rgba(113,64,164,.35)!important}
body[data-ui-page="index"] .ui-pane-toggle:hover{background:rgba(193,161,210,.32)!important}
body[data-ui-page="index"] #side{
  grid-area:2/1/3/2;position:relative!important;inset:auto!important;
  width:100%!important;height:100%!important;min-width:0;min-height:0;max-height:none!important;
  margin:0!important;padding:16px 8px 20px 12px!important;overflow:auto!important;transform:none!important;
  border:1px solid rgba(255,255,255,.7)!important;border-radius:20px!important;
  background:rgba(255,255,255,.45)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  box-shadow:0 8px 28px rgba(67,39,83,.05)!important;z-index:50;scrollbar-gutter:stable;
}
body[data-ui-page="index"][data-ui-nav-open="false"] #side{display:none!important}
body[data-ui-page="index"] #side .sg{margin:0 0 16px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body[data-ui-page="index"] #side :is(.gh,.si){
  min-height:42px!important;margin:3px 0!important;border:0!important;border-radius:9px!important;
  background:transparent!important;box-shadow:none!important;color:#44414A!important;
  display:flex;align-items:center;gap:8px;text-align:left;line-height:1.5!important;
}
body[data-ui-page="index"] #side .gh{padding:12px 10px 8px!important;font-size:16px!important;font-weight:750!important;color:#21182C!important}
body[data-ui-page="index"] #side .si{padding:9px 14px!important;font-size:15px!important;font-weight:500!important;position:relative}
body[data-ui-page="index"] #side .si.c1{padding-left:30px!important}
body[data-ui-page="index"] #side .si.c2{padding-left:48px!important;font-size:15px!important;color:#555!important}
body[data-ui-page="index"] #side .si:hover{background:rgba(193,161,210,.16)!important}
body[data-ui-page="index"] #side .si.on{background:rgba(193,161,210,.27)!important;color:var(--ui-violet-800)!important;font-weight:700!important}
body[data-ui-page="index"] #side .si.on:before{content:"";position:absolute;left:4px;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--ui-violet)}
body[data-ui-page="index"]>.page{
  grid-area:2/3/3/4;position:relative!important;inset:auto!important;align-self:stretch;
  width:100%!important;max-width:none!important;min-width:0!important;min-height:0!important;height:100%!important;
  margin:0!important;padding:clamp(20px,2vw,32px)!important;overflow-y:auto!important;overflow-x:hidden!important;
  container:business / inline-size;scrollbar-gutter:stable;overscroll-behavior:contain;
  border:1px solid rgba(255,255,255,.65)!important;border-radius:20px!important;
  background:rgba(255,255,255,.17)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
body[data-ui-page="index"]>.page.hidden{display:none!important}
body[data-ui-page="index"]>.page>.card{
  max-width:100%;min-width:0;margin-bottom:28px!important;padding:24px!important;
  border:1px solid rgba(255,255,255,.78)!important;border-radius:18px!important;
  background:rgba(255,255,255,.65)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:0 6px 24px rgba(67,39,83,.045)!important;
}
body[data-ui-page="index"]>#tab-page{margin:0!important;padding:0!important;overflow:hidden!important}
body[data-ui-page="index"] #page-frame{display:block;width:100%!important;min-width:0;height:100%!important;min-height:0!important;border:0!important;border-radius:20px;background:transparent!important}
body[data-ui-page="index"] #xq-dock{display:none!important}
body[data-ui-page="index"] #xq{
  grid-area:2/5/3/6;position:relative!important;inset:auto!important;display:flex!important;
  width:100%!important;height:100%!important;min-width:0;min-height:0;margin:0!important;padding:0!important;z-index:60;
}
body[data-ui-page="index"][data-ui-agent-open="false"] #xq{display:none!important}
body[data-ui-page="index"] #xq :is(#xq-fig,#xq-bub){display:none!important}
body[data-ui-page="index"] #xq .xq-panel{
  position:relative!important;inset:auto!important;display:flex!important;flex-direction:column;
  width:100%!important;max-width:none!important;max-height:none!important;height:100%!important;min-width:0;min-height:0;margin:0!important;
  overflow:hidden!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:20px!important;
  background:rgba(255,255,255,.49)!important;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);
  box-shadow:0 8px 28px rgba(67,39,83,.075)!important;
}
body[data-ui-page="index"] #xq .xq-head{
  display:grid!important;grid-template-columns:36px minmax(0,1fr) repeat(3,32px);
  gap:8px;align-items:center;padding:16px!important;height:auto!important;min-height:90px;flex-shrink:0;
  background:rgba(255,255,255,.2)!important;border-bottom:1px solid rgba(113,64,164,.1)!important;
}
body[data-ui-page="index"] #xq .xq-head .hav{grid-column:1;grid-row:1;width:34px;height:34px;margin:0}
body[data-ui-page="index"] #xq .xq-head>div:nth-child(2){display:contents}
body[data-ui-page="index"] #xq-name{grid-column:2;grid-row:1;font-size:18px!important;overflow-wrap:anywhere}
body[data-ui-page="index"] #xq .xq-head .muted{grid-column:1/-1;grid-row:2;font-size:14px!important;color:#555!important}
body[data-ui-page="index"] #xq .xq-head .sub{grid-column:1/-1;grid-row:3;font-size:14px!important;line-height:1.6!important;overflow-wrap:anywhere}
body[data-ui-page="index"] #xq .xq-head .ib{grid-row:1;width:32px!important;height:34px!important;min-height:34px!important;padding:0!important;line-height:1}
body[data-ui-page="index"] #xq-spk{grid-column:3}
body[data-ui-page="index"] #xq .xq-head>.ib:not([id]):not(.xq-close){grid-column:4}
body[data-ui-page="index"] #xq .xq-close{grid-column:5}
body[data-ui-page="index"] #xq-stop{grid-row:4!important;grid-column:1/-1!important;width:auto!important}
body[data-ui-page="index"] #xq .xq-log{flex:1;min-height:0;overflow:auto!important;padding:20px 14px!important;scrollbar-gutter:stable;overscroll-behavior:contain}
body[data-ui-page="index"] #xq .xq-m{max-width:100%!important;min-width:0;padding:14px 16px!important;font-size:16px!important;line-height:1.75!important;overflow-wrap:anywhere;border-radius:14px!important}
body[data-ui-page="index"] #xq .xq-m.ai{background:rgba(255,255,255,.76)!important;color:#21182C!important}
body[data-ui-page="index"] #xq .xq-m.me{background:var(--ui-violet-700)!important;color:#fff!important}
body[data-ui-page="index"] #xq .xq-foot{padding:12px!important;flex-shrink:0;background:rgba(255,255,255,.23)!important;border-top:1px solid rgba(113,64,164,.1)!important}
body[data-ui-page="index"] #xq .xq-box{background:rgba(255,255,255,.83)!important;border:1px solid rgba(113,64,164,.18)!important;border-radius:14px!important;padding:12px!important}
body[data-ui-page="index"] #xq .xq-in{font-size:16px!important;line-height:1.7!important;min-height:72px!important;max-height:180px;resize:vertical}
body[data-ui-page="index"] #xq .xq-kbd{color:#555!important}
body[data-ui-page="index"] #xq .xq-bar{display:flex!important;flex-wrap:wrap!important;gap:8px!important;min-width:0;height:auto!important;margin-top:10px!important}
body[data-ui-page="index"] #xq .xq-bar>.xq-kbd{order:10;flex-basis:100%;white-space:normal!important;line-height:1.5!important}
body[data-ui-page="index"] #xq .xq-bar>.xq-send{margin-left:auto!important;flex-shrink:0;min-height:40px!important}
body[data-ui-page="index"] #xq .xq-bar>button{flex-shrink:0}
body[data-ui-page="index"] #ui-agent-resize{position:absolute;left:-14px;top:20px;bottom:20px;width:14px;z-index:65;cursor:col-resize;touch-action:none;border-radius:8px;outline-offset:0}
body[data-ui-page="index"] #ui-agent-resize:before{content:"";position:absolute;left:5px;top:40%;height:20%;min-height:48px;width:3px;border-radius:4px;background:rgba(113,64,164,.24);transition:background .15s}
body[data-ui-page="index"] #ui-agent-resize:is(:hover,:focus-visible):before,body.ui-resizing #ui-agent-resize:before{background:var(--ui-violet)}
body.ui-resizing{user-select:none;cursor:col-resize}
body.ui-resizing iframe{pointer-events:none}
body[data-ui-page="index"] #ui-pane-backdrop{position:fixed;inset:var(--shell-top) 0 0;z-index:49;margin:0;padding:0;border:0;border-radius:0;background:rgba(40,26,52,.16);backdrop-filter:blur(2px)}
body[data-ui-page="index"] #ui-pane-backdrop[hidden]{display:none!important}
body[data-ui-page="index"][data-ui-nav-mode="drawer"] #side{position:fixed!important;top:var(--shell-top)!important;left:12px!important;bottom:12px!important;width:min(300px,calc(100vw - 24px))!important;height:auto!important;background:rgba(249,246,252,.94)!important}
body[data-ui-page="index"][data-ui-agent-mode="overlay"] #xq{position:fixed!important;top:var(--shell-top)!important;right:12px!important;bottom:12px!important;width:var(--agent-width)!important;height:auto!important}
body[data-ui-page="index"][data-ui-agent-mode="overlay"] #xq .xq-panel{background:rgba(249,246,252,.94)!important}
.ui-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
/* Native scroll mechanics, shared visual treatment. */
body[data-ui-page] :is(#side,.page,.xq-log,textarea,.tree,.list,.preview){
  scrollbar-width:thin;scrollbar-color:rgba(113,64,164,.34) transparent;overscroll-behavior:contain;
}
body[data-ui-page] ::-webkit-scrollbar{width:8px;height:8px}
body[data-ui-page] ::-webkit-scrollbar-track{background:transparent}
body[data-ui-page] ::-webkit-scrollbar-thumb{background:rgba(113,64,164,.3);border:2px solid transparent;background-clip:padding-box;border-radius:99px}
body[data-ui-page] ::-webkit-scrollbar-thumb:hover{background-color:rgba(113,64,164,.6)}
body[data-ui-page] ::-webkit-scrollbar-corner{background:transparent}
body[data-ui-page] ::-webkit-scrollbar-button{display:none;width:0;height:0}
@supports selector(::-webkit-scrollbar){
  body[data-ui-page] :is(#side,.page,.xq-log,textarea,.tree,.list,.preview){scrollbar-width:auto;scrollbar-color:auto}
}
@media (forced-colors:active){
  body[data-ui-page] :is(#side,.page,.xq-log,textarea){scrollbar-color:auto}
  body[data-ui-page] ::-webkit-scrollbar-thumb{background:ButtonText}
}

/* Main page density and problem areas */
body[data-ui-page="index"] #hello{margin-bottom:20px!important}
body[data-ui-page="index"]>.page :is(.muted,.chip,.src,.sub){font-size:14px!important;line-height:1.55!important}
body[data-ui-page="index"] #mods{gap:14px!important}
body[data-ui-page="index"] #mods button{
  min-height:112px!important;
  padding:18px!important;
  border:1px solid var(--ui-line)!important;
  border-radius:16px!important;
  color:var(--ui-ink)!important;
  -webkit-text-fill-color:var(--ui-ink)!important;
  background:rgba(255,255,255,.66)!important;
}
body[data-ui-page="index"] :is(.ctabs,.tabs,.ftabs,.ammo-tabs){
  gap:8px!important;
  flex-wrap:wrap;
}
body[data-ui-page="index"] :is(.ctabs,.tabs,.ftabs,.ammo-tabs) button{
  color:var(--ui-ink-2)!important;
  -webkit-text-fill-color:var(--ui-ink-2)!important;
  background:rgba(255,255,255,.70)!important;
  border:1px solid var(--ui-line)!important;
}
body[data-ui-page="index"] :is(.ctabs,.tabs,.ftabs,.ammo-tabs) button.on{
  color:var(--ui-violet-800)!important;
  -webkit-text-fill-color:var(--ui-violet-800)!important;
  background:rgba(143,80,210,.12)!important;
  border-color:var(--ui-line-strong)!important;
}
body[data-ui-page="index"] :is(.tl,.grid2,.two,.cols,.f-grid){gap:18px!important}
body[data-ui-page="index"] #tab-customers :is(.stage,.lane,.bucket,.customer-card),
body[data-ui-page="index"] #tab-factory :is(.stage,.f-step,.f-card,.workbench,.f-pane){
  min-width:0!important;
}
body[data-ui-page="index"] #tab-customers button,
body[data-ui-page="index"] #tab-factory button,
body[data-ui-page="index"] #tab-assets button{
  -webkit-text-fill-color:currentColor;
}
body[data-ui-page="index"] #tab-customers :is(button.on,.btn:not(.gray):not(.ghost):not(.o)),
body[data-ui-page="index"] #tab-factory :is(button.on,.btn:not(.gray):not(.ghost):not(.o)),
body[data-ui-page="index"] #tab-assets :is(button.on,.btn:not(.gray):not(.ghost):not(.o)){
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
}
body[data-ui-page="index"] #tab-factory #ftabs button.on{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  background:linear-gradient(135deg,var(--ui-violet),var(--ui-violet-800))!important;
  border-color:transparent!important;
  box-shadow:0 10px 24px rgba(113,64,164,.18)!important;
}
body[data-ui-page="index"] #tab-factory :is(.fnav,.factory-nav,.fsteps){
  overflow-x:auto!important;
  scrollbar-width:thin;
}
body[data-ui-page="index"] #tab-factory :is(#f7,.f7,.factory-body,.fbody){
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
body[data-ui-page="index"] :is(.gapbar,.missing,.need,.warnbox){
  border-radius:14px!important;
  padding:14px 16px!important;
  min-height:auto!important;
}
body[data-ui-page="index"] :is(.gapbar.red,.missing.red,.need.red){
  border:1px solid rgba(200,63,88,.28)!important;
  border-left:4px solid #C83F58!important;
  background:rgba(255,246,248,.76)!important;
}
body[data-ui-page="index"] .f-subjg{grid-template-columns:minmax(180px,220px) minmax(0,1fr)!important}

/* Static / auxiliary pages */
body[data-ui-page="poster_workbench"] .stage{
  --ink:var(--ui-ink);
  --sub:var(--ui-ink-3);
  --panel:rgba(255,255,255,.74);
  --panel2:rgba(249,247,251,.88);
  --line:rgba(126,81,159,.18);
  --brand:var(--ui-violet);
  --brand2:var(--ui-violet-700);
  --ok:#27815A;
  width:min(100%,1640px)!important;
  min-height:100vh;
  margin:0 auto!important;
  padding:clamp(22px,3vw,48px)!important;
  background:transparent!important;
}
body[data-ui-page="poster_workbench"] .brand img{
  filter:brightness(0) saturate(100%)!important;
  opacity:.78!important;
}
body[data-ui-page="poster_workbench"] :is(.topbar,.pipe,.col,.center-head,.result){
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:20px!important;
  background:var(--ui-glass)!important;
  box-shadow:var(--ui-shadow-soft)!important;
  -webkit-backdrop-filter:blur(22px) saturate(140%);
  backdrop-filter:blur(22px) saturate(140%);
}
body[data-ui-page="poster_workbench"] .cols{gap:24px!important}
body[data-ui-page="poster_workbench"] :is(.btn,.chip.on){
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  background:var(--ui-violet)!important;
  border-color:var(--ui-violet)!important;
}
body[data-ui-page="proposal_template"]{
  background:
    radial-gradient(circle at 8% 2%,rgba(193,161,210,.38),transparent 30rem),
    linear-gradient(150deg,#FFFFFF,#F4F4F2 60%,rgba(193,161,210,.18)) fixed!important;
}
body[data-ui-page="proposal_template"] .wrap{max-width:900px!important;padding:48px 24px 90px!important}
body[data-ui-page="proposal_template"] :is(.cover,.section,.card,.block,.quote,.summary,.footer){
  border-color:rgba(255,255,255,.82)!important;
  background:rgba(255,255,255,.76)!important;
  box-shadow:var(--ui-shadow-soft)!important;
  -webkit-backdrop-filter:blur(18px) saturate(132%);
  backdrop-filter:blur(18px) saturate(132%);
}
body[data-ui-page="proposal_template"] .cover{
  color:var(--ui-ink)!important;
  background:linear-gradient(145deg,rgba(244,236,249,.94),rgba(255,255,255,.88))!important;
}
body[data-ui-page="proposal_template"] :is(.orange,.accent,.kicker){color:var(--ui-violet-700)!important}
body:has(>section.ui-content-card-v1){
  min-height:100vh;
  margin:0;
  padding:clamp(20px,6vw,72px);
  display:flex;
  align-items:flex-start;
  justify-content:center;
  background:
    radial-gradient(circle at 6% 6%,rgba(193,161,210,.52),transparent 30rem),
    radial-gradient(circle at 94% 12%,rgba(143,80,210,.20),transparent 34rem),
    linear-gradient(145deg,#FFFFFF,#F4F4F2 58%,rgba(193,161,210,.20)) fixed;
  font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
}
body>section.ui-content-card-v1{
  width:min(100%,920px)!important;
  border:1px solid rgba(255,255,255,.84)!important;
  background:rgba(255,255,255,.70)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94),var(--ui-shadow)!important;
  -webkit-backdrop-filter:blur(24px) saturate(145%);
  backdrop-filter:blur(24px) saturate(145%);
}
body[data-ui-page="transcription_assistant"] header{
  min-height:78px;
  padding:16px clamp(20px,4vw,48px)!important;
  border:1px solid rgba(255,255,255,.84)!important;
  border-top:0!important;
  border-radius:0 0 22px 22px!important;
  background:rgba(255,255,255,.64)!important;
  box-shadow:var(--ui-shadow)!important;
  -webkit-backdrop-filter:blur(26px) saturate(145%);
  backdrop-filter:blur(26px) saturate(145%);
}
body[data-ui-page="transcription_assistant"] header,
body[data-ui-page="transcription_assistant"] header :is(h1,h2,p,span){
  color:var(--ui-ink)!important;
  -webkit-text-fill-color:var(--ui-ink)!important;
}
body[data-ui-page="transcription_assistant"] main{
  width:min(calc(100% - clamp(24px,7vw,112px)),1320px)!important;
  padding:48px 0 84px!important;
}
body[data-ui-page="transcription_assistant"] .card{margin-bottom:28px!important;padding:clamp(24px,3vw,38px)!important}
body[data-ui-page="transcription_assistant"] button:not(.secondary):not(:disabled){
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  background:linear-gradient(135deg,var(--ui-violet),var(--ui-violet-700))!important;
  border-color:transparent!important;
}
body[data-ui-page="transcription_assistant"] button.secondary{
  color:var(--ui-violet-700)!important;
  -webkit-text-fill-color:var(--ui-violet-700)!important;
  background:rgba(255,255,255,.78)!important;
  border-color:var(--ui-line-strong)!important;
}

/* Component width follows the business pane, not the whole browser. */
/* Legacy inline captions are normalised here without changing their source text. */
body[data-ui-page] :is([style*="font-size:.6"],[style*="font-size:.7"],[style*="font-size:.8"],[style*="font-size: .6"],[style*="font-size: .7"],[style*="font-size: .8"],[style*="font-size:10px"],[style*="font-size:11px"],[style*="font-size:12px"],[style*="font-size:13px"],[style*="font-size: 10px"],[style*="font-size: 11px"],[style*="font-size: 12px"],[style*="font-size: 13px"]){font-size:14px!important;line-height:1.65!important}
body[data-ui-page="index"] :is(.f-flow,.mt-c .bd,.mt-c .ck,.mt-c .in,.mt-c .in>div,.mt-log){font-size:14px!important;line-height:1.65!important}
body[data-ui-page="index"] .mt-c .in{padding:12px!important}
body[data-ui-page="index"] :is(.mt-c,.mt-kpi div,.mt-ops){background:var(--ui-glass)!important;border-color:var(--ui-line)!important}
body[data-ui-page="index"] :is(.tcn-ver,#journey .jn.cur:not(.on)){background:var(--ui-lilac-faint)!important;border-color:var(--ui-line-strong)!important}
body[data-ui-page="index"] #tcn-badge .tb-vip{background:var(--ui-lilac-soft)!important;color:var(--ui-violet-800)!important}
body[data-ui-page="index"] #tcn-badge .tb-ava{background:var(--ui-violet-700)!important;color:white!important}
body[data-ui-page="index"] :is(.po-read,.po-guess){background:var(--ui-lilac-faint)!important;border-color:var(--ui-line-strong)!important;color:var(--ui-violet-800)!important}
body[data-ui-page="index"] .po-cand.on{border-color:var(--ui-violet)!important;box-shadow:var(--ui-focus)!important}
body[data-ui-page="index"] .po-cand .best{background:var(--ui-violet-700)!important;color:white!important}
body[data-ui-page="index"] :is(.po-cand .spin,.spin-s){border-top-color:var(--ui-violet)!important}
body[data-ui-page="index"] :is(.f-cal,.v3-week){grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))!important;gap:16px!important}
body[data-ui-page="index"] :is(.po-2col,.v3-kb,.v3-kb2){grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))!important;gap:24px!important}
body[data-ui-page="index"] :is(.v3-3,.v3-ops,.v3-plan3-g){grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))!important;gap:18px!important}
body[data-ui-page="index"] .v3-seg{display:flex;flex-wrap:wrap;gap:6px;max-width:100%}
body[data-ui-page="index"] .page div:has(> a:is([data-lplat],[data-dplat])){width:100%!important;max-width:100%!important;flex-wrap:wrap!important;border-radius:14px!important}
body[data-ui-page="index"] .page a:is([data-lplat],[data-dplat]){min-height:44px;line-height:1.65}
body[data-ui-page="index"] .v3-seg a{font-size:15px!important;line-height:1.6;min-height:40px}
body[data-ui-page="index"] .v3-seg a.on{background:var(--ui-violet-700)!important;color:white!important;-webkit-text-fill-color:white!important}
body[data-ui-page="index"] :is(#ftabs .v3-grp,.f-day .dn,.f-day .sj,.f-pf span,.v3-step,.v3-script .ln,.v3-pstep .sub){font-size:14px!important;line-height:1.65!important}
body[data-ui-page="index"] :is(.f-day,.v3-step,.v3-pstep,.v3-tile){background:rgba(255,255,255,.42)!important;border-color:var(--ui-line)!important}
body[data-ui-page="index"] .f-day{padding:18px!important}
body[data-ui-page="index"] #lm-full > div[style*="display:grid"]{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;gap:24px!important}
body[data-ui-page="index"] #lm-full > div[style*="display:grid"] > div{padding:16px;border:1px solid var(--ui-line);border-radius:14px;background:rgba(255,255,255,.34)}
body[data-ui-page="index"] #lm-full [style*="max-height:56vh"] > div{flex-wrap:wrap;gap:8px!important;min-height:52px;padding:10px!important}
body[data-ui-page="index"] #lm-full [style*="max-height:56vh"] > div > b{min-width:100px!important}
body[data-ui-page="index"] #lm-full :is(.muted,.chip){font-size:14px!important;line-height:1.65!important}
body[data-ui-page="index"] #custstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:16px}
body[data-ui-page="index"] #custstats .st{min-width:0;background:var(--ui-glass);padding:20px 12px}
body[data-ui-page="index"] #custstats .st b{font-family:inherit;font-size:28px;font-weight:700}
body[data-ui-page="index"] :is(#chatcoach,#backward){background:var(--ui-glass)!important;border-color:var(--ui-line-strong)!important}
body[data-ui-page="index"] #custtable :is(.ct,.tg,.nx,.ago,.stage,.src,small){font-size:14px!important;line-height:1.65!important}
body[data-ui-page="index"] #custtable .tg{color:var(--ui-violet-800);background:var(--ui-lilac-faint);border-color:var(--ui-line)}
@container business (max-width:800px){
  body[data-ui-page="index"] :is(.f-subjg,.tl,.grid2,.two,.cols,.f-grid){grid-template-columns:minmax(0,1fr)!important}
  body[data-ui-page="index"] .v3-step{grid-template-columns:24px minmax(0,1fr)!important;gap:12px;padding:16px}
  body[data-ui-page="index"] .v3-step > :nth-child(n+3){grid-column:2}
}
@media (max-width:1000px){
  body[data-ui-page="setup"] :is(.lamprow,.lamprow.open){grid-template-columns:18px 30px minmax(0,1fr)!important;gap:12px!important;padding:18px!important;background:var(--ui-glass)!important;border-color:var(--ui-line)!important}
  body[data-ui-page="setup"] .lamprow :is(.desc,.act){grid-column:1/-1!important;min-width:0!important;white-space:normal;overflow-wrap:anywhere}
  body[data-ui-page="setup"] .lamprow .act{flex-wrap:wrap;gap:10px!important}
  body[data-ui-page="setup"] .lamprow.open{background:var(--ui-lilac-faint)!important}
}

/* Legacy caption type map: source selectors, 14px minimum. */
body[data-ui-page="agents"] :is(.advline,.btn,.btn.sm,.hd .role,.intro .mut,.law,.mbox .fh,.mbox .ft .st,.mbox .p,.pill,.sec .t,.sk,.sk .ds,.sk .nm .id,.sk .ver,.wr .box .h,.wr .box .v,.wr .who,.wr .wl,details.skl summary):not(button):not(input):not(select):not(textarea){font-size:14px!important;line-height:1.65!important}
body[data-ui-page="brain"] :is(.adv,.caption,.check .left,.check .q .kind,.check .q .why,.chip,.counter,.diag span,.filelist table,.fstep .n,.fstep .s,.fstep b,.fstep.opt b:after,.gapbar .lst,.gapbar .lst .how,.hero .meta,.journey,.journey .jsep,.journey .jstep b,.kbd,.lamprow .desc,.layer .cell,.layer .miss,.libcard .stats,.libcard .sub,.matlist span,.mchips span,.mlist .pos,.mlist .w,.note,.plist,.plist .kind,.ring .m,.ring .n,.rp .s,.small,.stepcard h2 .n,.tabs button,.tag,.tb,.tl-item .dt,.tl-item .secs,.tl-item .st,.v5-top .back,.work .cover small,.work .num,.work .st,.xqline,.xqline .cp):not(button):not(input):not(select):not(textarea){font-size:14px!important;line-height:1.65!important}
body[data-ui-page="gallery"] :is(.btn,.btn.sm,.chip,.dz,.f .bd,.f .cnt,.f .pub,.f .un,.lbl,.muted,.pill,.row,.row b,.row select,.t span,.tab,input.q):not(button):not(input):not(select):not(textarea){font-size:14px!important;line-height:1.65!important}
body[data-ui-page="index"] :is(#custtable .ago,#custtable .ago small,#custtable .cn .ct,#custtable .nx,#custtable .src,#custtable .stage,#custtable .tg,#custtable th,#f-tp-chips .btn,#ftabs .v3-grp,#journey .jdone,#journey .jfold,#journey .jn .jd,#journey .jn .jh,#journey .jn .nx,#mods .sub,#side .adv-h,#side .gh .car,#side .si.adv,#side .si.adv-bottom,#side .si.c2,#side .si.kbsub,#side .step .n,#side .step .r,#side .step .r .nx,#side .step .t small,#side .steps-done,#side .steps-fold,#stratcard h2 .src,#tcn-badge .menu .mi-name,#tcn-badge .menu button,#tcn-badge .tb-noava,#tcn-badge .tb-txt,#tcn-badge .tb-vip,#topright,#xq .xq-att .it,#xq .xq-head .sub,#xq .xq-kbd,#xq .xq-m .cp,#xq .xq-mini,#xq .xq-prog,#xq .xq-tb,#xq:not(.docked) .xq-bub,.al-city,.al-ind,.al-oneliner,.am-dim small,.am-h .muted,.am-mat,.ammocard .qc,.ammocard details.more>summary,.armitem .bd,.bc-res,.bc-warn,.bc-why,.bcgrp .sub,.bk-banner,.bk-roster span,.bk-say .lb,.bk-tag,.bk-why,.bk-yest,.bub .who,.chip,.chip-in,.ck-g small,.ck-q,.ck-sec h4,.cmenu,.crew .crew-x,.f-chk .v,.f-cmt,.f-cmt b,.f-day .dn,.f-day .sj,.f-flow,.f-fw,.f-imgs div,.f-pf span,.f-ph .hd2,.f-rsn button,.f-run .sec,.f-run .steps,.f-src,.f-sub,.f-tb th,.f-tip,.f-tp .ag,.f-tpl .f-grp .muted,.f-tpl .f-row .mt,.f-tpl .f-row .sc small,.f-tpl .f-row .why,.f-ts,.fold-bar .car,.guide code,.guide-toggle,.iz-brief .bt,.iz-hero .d,.iz-meta,.iz-meta .lv,.iz-num span,.iz-tip,.jd-chip,.kb-cam,.kb-caret,.kb-n,.kb-sep,.kb-topic,.pit .n,.pmenu .pop small,.po-cand .act span,.po-cand .best,.po-cand .lab,.po-cand .wait,.po-guess,.po-mat,.po-read,.pt-card p,.pub-cover,.pub-digest,.pub-ice,.pyq-av,.qcard .muted,.ring .gap,.st-tag,.stage,.tcn-up,.tcn-up .up-a,.tcn-up .up-more,.tcn-ver,.tier,.tl .ev .d,.v3-art,.v3-article .v3-t2 .aim,.v3-article .v3-t2 .no,.v3-badge,.v3-chip,.v3-dingpan,.v3-h2 .muted,.v3-legend,.v3-log,.v3-mat,.v3-op .m,.v3-pcard .bd,.v3-pcard .hd,.v3-pcard select,.v3-pick .it .lb,.v3-pick .muted,.v3-plan,.v3-plan3-g label,.v3-plan3-g textarea,.v3-pstep .dot,.v3-pstep .dt,.v3-pstep .nm .at,.v3-row,.v3-rsn span,.v3-rvitem,.v3-script .sec,.v3-seg,.v3-sp select,.v3-step,.v3-step .at,.v3-step .dt,.v3-tb,.v3-tb input,.v3-tb th,.v3-tile .ops,.v3-tip,.v3-toc a,.v3-toc a span,.v3-week .c,.wkd,.wkd b,.wz-dot,.wz-h .muted,.wz-item,.wz-outline,.wz-pn,.wz-prep,.wz-step,.wz-tag,.xq-at .g,label):not(button):not(input):not(select):not(textarea){font-size:14px!important;line-height:1.65!important}
body[data-ui-page="intel"] :is(.ai .how,.ai .m,.ai .t .ch,.btn,.btn.sm,.c .me,.c .src,.c.done .t,.chip,.dd .act .l,.dd .con .l,.drawer .auto,.drawer h3,.drawer input,.drawer label,.drawer textarea,.kw .g b,.kw .g span,.lv,.muted,.nochg,.ri .s,.ri .ty,.rp .ft,.rp .lab,.rp .st .hint,.rp .tag,.sc .kws span,.sc .row,.sc .row .n,.sc .srcrow,.sc .srcrow .f,.sc .srcrow .ty,.sc .srcrow b,.srcs .f,.srcs .ty,.srcs b,.srcs>div,.top3 .m):not(button):not(input):not(select):not(textarea){font-size:14px!important;line-height:1.65!important}
body[data-ui-page="kb"] :is(.btn.sm,.hits .h .l,.im .nm,.im .sm,.nd .caret,.nd .n,.nd.lib .ds,.pill,.progbar,.progbar .step .d,.progbar .step .g,.progbar .tips,.row .sm,.tag,select):not(button):not(input):not(select):not(textarea){font-size:14px!important;line-height:1.65!important}
body[data-ui-page="md_view"] :is(#md.vditor-reset pre,.bar):not(button):not(input):not(select):not(textarea){font-size:14px!important;line-height:1.65!important}
body[data-ui-page="plan"] :is(.adv,.caption,.check .left,.check .q .kind,.check .q .why,.chip,.counter,.detail .hd .meta,.filelist table,.gy .file,.gy .grp,.gy .guess,.gy .qi .hint,.gy .qi label,.gy .qi textarea,.hero .meta,.journey,.journey .jsep,.journey .jstep b,.kbd,.lamprow .desc,.layer .cell,.layer .miss,.nextbox .muted,.nextrow .lab,.note,.part .ph .pn,.preview .pv span,.small,.tag,.tl-item .dt,.tl-item .secs,.tl-item .st,.v5-top .back,.work .cover small,.work .num,.work .st):not(button):not(input):not(select):not(textarea){font-size:14px!important;line-height:1.65!important}
body[data-ui-page="profile"] :is(.btn,.btn.sm,.ch,.diff,.doc .ds,.doc .st,.doc .warn,.f,.f .man,.f .src,.lay,.muted,.pend .c,.pend .to,.pill,.q .t,.reader .mk,.reader blockquote,.tab):not(button):not(input):not(select):not(textarea){font-size:14px!important;line-height:1.65!important}
body[data-ui-page="pyq"] :is(.btn,.btn.sm,.four div,.it,.job,.pill,.sm,.st .c,.st .n,.toast,.ver pre,.wkd):not(button):not(input):not(select):not(textarea){font-size:14px!important;line-height:1.65!important}
body[data-ui-page="setup"] :is(#zoombox .tip,.adv,.advfold summary,.aibox .main .code,.aibox .main .tabs button,.alt summary,.caption,.check .left,.check .q .kind,.check .q .why,.chip,.counter,.filelist table,.hero .meta,.journey,.journey .jsep,.journey .jstep b,.kbd,.lampdet .stuck,.lamprow .desc,.layer .cell,.layer .miss,.note,.one .lane .no,.one .res,.one .side .hint,.say code,.small,.tag,.testbad,.tl-item .dt,.tl-item .secs,.tl-item .st,.v5-top .back,.work .cover small,.work .num,.work .st):not(button):not(input):not(select):not(textarea){font-size:14px!important;line-height:1.65!important}
body[data-ui-page="tupu"] :is(.btn,.btn.sm,.kv div,.md,.muted,.pill,.sl label,.st .d,.warn,input,select,table):not(button):not(input):not(select):not(textarea){font-size:14px!important;line-height:1.65!important}
body[data-ui-page="welcome"] :is(.barlab,.foot,.how .sub span,.logo a,.pill):not(button):not(input):not(select):not(textarea){font-size:14px!important;line-height:1.65!important}
body[data-ui-page="proposal_template"] :is(.confid,.fig .cap,.foot,.judge .tag,.kpi span,.msg .who,.photo .cap,.photo2 figcaption,.recap .k,.sample .lab,.team .sub,h2 .num):not(button):not(input):not(select):not(textarea){font-size:14px!important;line-height:1.65!important}
body[data-ui-page="poster_workbench"] :is(.stage .center-head .st,.stage .chip,.stage .demo,.stage .foot,.stage .hint,.stage .layer .c b,.stage .layer .c span,.stage .layer .n,.stage .lbl,.stage .mubox .ms,.stage .mubox .mt,.stage .pill,.stage .placeholder,.stage .pnode b,.stage .pnode i,.stage .rbtns button,.stage .rrow .k,.stage .rrow .v,.stage .score .lv,.stage .sec-no,.stage .slotmark,.stage .toast,.stage .ttl span,.stage input,.stage textarea):not(button):not(input):not(select):not(textarea){font-size:14px!important;line-height:1.65!important}
body[data-ui-page] :is([style*="background:#ff5a1f"],[style*="background: #ff5a1f"]){background:var(--ui-violet-700)!important;color:white!important;-webkit-text-fill-color:white!important}
body[data-ui-page] :is([style*="color:#ff5a1f"],[style*="color: #ff5a1f"]){color:var(--ui-violet-700)!important}

/* Responsive header. Business content responds to its own container. */
@media(max-width:1700px){
  body[data-ui-page="index"] #journey{order:10;flex-basis:100%;border-top:1px solid rgba(113,64,164,.1);padding-top:10px!important}
}
@media(max-width:760px){
  html{font-size:16px}
  body[data-ui-page="index"]{padding:8px!important;row-gap:10px}
  body[data-ui-page="index"] #top{padding:10px!important;gap:8px!important;border-radius:16px!important}
  body[data-ui-page="index"] #top>.name{display:block!important;min-width:0;flex:1 1 150px;max-width:none;order:2}
  body[data-ui-page="index"] :is(#notifbtn,#tcn-badge){order:2}
  body[data-ui-page="index"] #top>img{height:28px!important;max-width:66px!important}
  body[data-ui-page="index"] #topright{flex:1 1 100%;order:3}
  body[data-ui-page="index"] #journey{gap:6px!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:auto;padding-bottom:6px!important}
  body[data-ui-page="index"] #journey button{flex:0 0 auto}
  body[data-ui-page="index"] #ui-agent-toggle{margin-left:auto}
  body[data-ui-page="index"] #journey .ja{display:none}
  body[data-ui-page="index"] .ui-pane-toggle{padding:8px!important}
  body[data-ui-page="index"]>.page{padding:16px!important;border-radius:16px!important}
  body[data-ui-page="index"]>.page>.card{padding:18px!important}

  body[data-ui-page]:not([data-ui-page="index"]) > :is(.wrap,.v5-page){
    width:calc(100% - 20px)!important;
    padding:24px 0 56px!important;
  }
  body.ui-embedded > :is(.wrap,.v5-page){width:100%!important;padding:18px 12px!important}
  body[data-ui-page="kb"] .wrap{grid-template-columns:1fr!important}
  body[data-ui-page="kb"] .side{position:relative!important;top:auto!important;max-height:38vh!important}
  body[data-ui-page="setup"] .one{grid-template-columns:1fr!important}
  body[data-ui-page="setup"] .one .lane>div{min-width:0!important;flex:1!important}
  body[data-ui-page="setup"] .say{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
  }
  body[data-ui-page="setup"] .say code{width:100%!important;min-width:0!important;word-break:break-word!important;overflow-wrap:anywhere!important}
  body[data-ui-page="setup"] .say .btn{width:100%!important;margin:0!important}
  body[data-ui-page="welcome"] .step{grid-template-columns:38px 1fr!important;padding:18px!important}
  body[data-ui-page="welcome"] .act{grid-column:1/-1!important;flex-direction:row!important}
  body[data-ui-page="poster_workbench"] .stage{padding:12px!important}
  body[data-ui-page="poster_workbench"] .cols{grid-template-columns:1fr!important}
  body:has(>section.ui-content-card-v1){padding:12px}
  body>section.ui-content-card-v1{padding:22px 18px!important;border-radius:18px!important}
}

/* V1 final readability and responsive convergence */
body[data-ui-page="index"] #top :is(i,.jd,.nx),
body[data-ui-page="index"] #xq :is(.sub,.cp,.xq-kbd){font-size:14px!important;line-height:1.5!important}
body[data-ui-page="index"] #top > .name i,
body[data-ui-page="index"] #top #journey :is(.jd,.nx){font-size:14px!important;line-height:1.5!important}

body[data-ui-page="agents"] :is(.pill,.btn.sm,.who,.ver,.id,.ds,code),
body[data-ui-page="gallery"] :is(small,.chip,.bd,.pub,.muted,.lbl,.u),
body[data-ui-page="intel"] :is(.muted,.s,.chip,small,.ty,.btn.sm,.srcs .f,.kw),
body[data-ui-page="kb"] :is(.caret,.ds,.n,.d,.g),
body[data-ui-page="profile"] :is(.ch,.ds,.st,.warn,.lay,.muted,.pill,.mk),
body[data-ui-page="pyq"] :is(.st .n,.st .c,.muted.sm,.btn.sm),
body[data-ui-page="setup"] :is(#v5journey b,.jsep,.jauto),
body[data-ui-page="poster_workbench"] :is(.ttl span,.pnode i,.chip,.n,.lbl,.sec-no,.pill),
body[data-ui-page="md_view"] :is(code,pre,pre span,.hljs,.hljs span),
body[data-ui-page="transcription_assistant"] :is(.status,.status span,small){
  font-size:14px!important;
  line-height:1.55!important;
}
body[data-ui-page="transcription_assistant"] :is(#connection,#selected-path,#message){font-size:14px!important;line-height:1.55!important}

body[data-ui-page="gallery"] :is(small,.bd,.pub,.muted,.lbl,.u){color:var(--ui-ink-2)!important}
body[data-ui-page="gallery"] #p-pending{color:#922E45!important}
body[data-ui-page="intel"] :is(.muted,.s,small){color:var(--ui-ink-2)!important}
body[data-ui-page="intel"] .ty.A{color:var(--ui-violet-800)!important}
body[data-ui-page="intel"] .rp .hdr{
  color:#FFFFFF!important;
  background:linear-gradient(135deg,var(--ui-violet),var(--ui-violet-800))!important;
}
body[data-ui-page="intel"] .rp .core{
  border-left-color:var(--ui-violet)!important;
  background:linear-gradient(135deg,rgba(244,236,249,.96),rgba(255,255,255,.82))!important;
}
body[data-ui-page="intel"] .rp .core .lab,
body[data-ui-page="intel"] .dd .con .l,
body[data-ui-page="intel"] .ai .how b{color:var(--ui-violet-800)!important}
body[data-ui-page="intel"] .ri{border-left-color:var(--ui-violet)!important;background:rgba(249,247,251,.86)!important}
body[data-ui-page="intel"] .ri .ty,
body[data-ui-page="intel"] .ri .ty.A{color:#FFFFFF!important;background:var(--ui-violet-700)!important}
body[data-ui-page="intel"] :is(.dd .con,.act2){
  border-left-color:var(--ui-violet)!important;
  background:linear-gradient(135deg,rgba(244,236,249,.92),rgba(255,255,255,.82))!important;
}
body[data-ui-page="intel"] .ai .item{border-color:var(--ui-line-strong)!important;background:linear-gradient(135deg,rgba(248,243,251,.92),rgba(255,255,255,.80))!important}
body[data-ui-page="intel"] .ai .no{background:var(--ui-violet)!important}
body[data-ui-page="intel"] .ai .t .ch{color:var(--ui-violet-800)!important;background:var(--ui-lilac-faint)!important}
body[data-ui-page="intel"] .setup{border-color:var(--ui-line-strong)!important;background:linear-gradient(135deg,var(--ui-lilac-faint),rgba(255,255,255,.82))!important}
body[data-ui-page="kb"] :is(.d,.g){color:var(--ui-ink-2)!important}
body[data-ui-page="profile"] :is(.ds,.st){color:var(--ui-ink-2)!important}
body[data-ui-page="profile"] .mk.red{color:#922E45!important}
body[data-ui-page="profile"] .reader h3{color:var(--ui-violet-800)!important}
body[data-ui-page="profile"] .reader :is(pre,code){font-size:14px!important;line-height:1.65!important}
body[data-ui-page="pyq"] .st .n{color:var(--ui-violet-800)!important}
body[data-ui-page="setup"] :is(#v5journey b,.jstep.on){color:var(--ui-violet-800)!important}
body[data-ui-page="welcome"] .no{color:#555A63!important}
body[data-ui-page="welcome"] .ok{color:#216847!important}
body[data-ui-page="welcome"] .pill.warn{color:#754600!important}
body[data-ui-page="welcome"] .sub span{color:#555A63!important}
body[data-ui-page="welcome"] .sub span.ok{color:#216847!important}
body[data-ui-page="welcome"] .pill{font-size:14px!important;line-height:1.5!important}
body[data-ui-page="pyq"] .st.on .n{
  color:#FFFFFF!important;
  background:var(--ui-violet-800)!important;
}
body[data-ui-page="pyq"] .st.done .n{
  color:#FFFFFF!important;
  background:#216847!important;
}
body[data-ui-page="setup"] #v5journey .jstep.on b{
  color:#FFFFFF!important;
  background:var(--ui-violet-800)!important;
}
body[data-ui-page="setup"] .hint{font-size:14px!important;line-height:1.55!important}
body[data-ui-page="setup"] .kbd{font-size:14px!important}

body[data-ui-page="agents"] :is(.wrap span,.sec>.t,.sec>.t .n){font-size:max(14px,1em)!important}
body[data-ui-page="gallery"] :is(.wrap span,.top .pill,.btn.sm,.dz){font-size:max(14px,1em)!important}
body[data-ui-page="profile"] .side .card,
body[data-ui-page="profile"] .side .card b{font-size:14px!important;line-height:1.55!important}
body[data-ui-page="tupu"] :is(.top .muted,.wrap .muted,.warn,.steps .d){font-size:14px!important;line-height:1.55!important}

body[data-ui-page="poster_workbench"] .topbar .ttl b{color:var(--ui-ink)!important}
body[data-ui-page="poster_workbench"] .topbar .ttl span,
body[data-ui-page="poster_workbench"] .pipe .pnode i{color:var(--ui-ink-3)!important}
body[data-ui-page="poster_workbench"] .pipe .pnode b{color:var(--ui-ink-2)!important}
body[data-ui-page="poster_workbench"] :is(.pipe .pnode b,.hint,.demo,.dblock .layer .c b,.dblock .layer .c span){
  font-size:14px!important;
  line-height:1.55!important;
}
body[data-ui-page="poster_workbench"] .dblock .layer .n{
  color:var(--ui-violet-800)!important;
  background:var(--ui-lilac-soft)!important;
}
body[data-ui-page="poster_workbench"] .demo{
  color:var(--ui-violet-800)!important;
  background:var(--ui-lilac-faint)!important;
  border-color:var(--ui-line-strong)!important;
}

/* The proposal source nests the document inside its hero. Neutralise inherited
   white text and render every proposal surface as a legible VI glass card. */
body[data-ui-page="proposal_template"]{
  --orange:var(--ui-violet);
  --orange-d:var(--ui-violet-800);
  --orange-l:var(--ui-lilac-soft);
  --orange-ll:#FAF7FC;
  color:var(--ui-ink)!important;
}
body[data-ui-page="proposal_template"] .confid{
  color:var(--ui-ink-2)!important;
  background:rgba(255,255,255,.72)!important;
  border-color:rgba(255,255,255,.86)!important;
  box-shadow:var(--ui-shadow-soft)!important;
  -webkit-backdrop-filter:blur(20px) saturate(140%);
  backdrop-filter:blur(20px) saturate(140%);
}
body[data-ui-page="proposal_template"] .confid b{color:var(--ui-violet-800)!important}
body[data-ui-page="proposal_template"] .hero{
  color:var(--ui-ink)!important;
  background:
    radial-gradient(circle at 12% 2%,rgba(193,161,210,.38),transparent 30rem),
    linear-gradient(150deg,rgba(250,247,252,.96),rgba(255,255,255,.88))!important;
}
body[data-ui-page="proposal_template"] :is(.hero p,.hero .to,.hero .sub){color:var(--ui-ink-2)!important}
body[data-ui-page="proposal_template"] .wrap,
body[data-ui-page="proposal_template"] .wrap *{
  color:var(--ui-ink);
  -webkit-text-fill-color:currentColor;
}
body[data-ui-page="proposal_template"] :is(.plain,.recap,.fig,.card,.judge,.quote,.warnbox,.goodbox,.bluebox,.sample,.chat,.team,.linkbar,.end,.sign){
  border-color:rgba(126,81,159,.16)!important;
  color:var(--ui-ink)!important;
  background:rgba(255,255,255,.76)!important;
  box-shadow:var(--ui-shadow-soft)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  backdrop-filter:blur(18px) saturate(135%);
}
body[data-ui-page="proposal_template"] :is(.warnbox,.quote){background:rgba(255,248,238,.80)!important}
body[data-ui-page="proposal_template"] .goodbox{background:rgba(238,249,244,.82)!important}
body[data-ui-page="proposal_template"] .bluebox{background:rgba(240,247,255,.82)!important}
body[data-ui-page="proposal_template"] :is(.recap .v,.recap .v *,.row .v,.row .v *){
  color:var(--ui-ink)!important;
  -webkit-text-fill-color:var(--ui-ink)!important;
}
body[data-ui-page="proposal_template"] :is(.k,.orange,.accent,.kicker,.num){color:var(--ui-violet-800)!important}
body[data-ui-page="proposal_template"] .k{font-size:14px!important;line-height:1.55!important}

@media (max-width:760px){
  body[data-ui-page]:not([data-ui-page="index"]) > .top{
    position:relative!important;
    top:auto!important;
    width:calc(100% - 20px)!important;
    min-height:auto!important;
    margin:10px!important;
    padding:16px!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px 12px!important;
    border-radius:18px!important;
  }
  body[data-ui-page]:not([data-ui-page="index"]) > .top > img{
    grid-column:1!important;
    max-width:76px!important;
    max-height:44px!important;
  }
  body[data-ui-page]:not([data-ui-page="index"]) > .top > h1{
    grid-column:2!important;
    min-width:0!important;
    margin:0!important;
    font-size:1.45rem!important;
    line-height:1.3!important;
    overflow-wrap:anywhere;
  }
  body[data-ui-page]:not([data-ui-page="index"]) > .top > h1 :is(.muted,.sm){
    display:block!important;
    margin-top:6px!important;
    font-size:14px!important;
    line-height:1.5!important;
  }
  body[data-ui-page]:not([data-ui-page="index"]) > .top > .sp{display:none!important}
  body[data-ui-page]:not([data-ui-page="index"]) > .top > :not(img):not(h1):not(.sp){
    grid-column:1/-1!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body[data-ui-page]:not([data-ui-page="index"]) > .top :is(a,button,select){
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
  }
  body[data-ui-page="agents"] .grid{grid-template-columns:minmax(0,1fr)!important}
  body[data-ui-page="kb"] .wrap,
  body[data-ui-page="profile"] .wrap{
    display:block!important;
    overflow-x:hidden!important;
  }
  body[data-ui-page="kb"] .wrap > *,
  body[data-ui-page="profile"] .wrap > *{min-width:0!important;max-width:100%!important}
  body[data-ui-page="kb"] .side,
  body[data-ui-page="profile"] .side{width:100%!important;margin-bottom:14px!important}
  body[data-ui-page="kb"] :is(.tree,.nd,.nd .nm,.nd .ds),
  body[data-ui-page="profile"] :is(.side,#docs,.doc,#main){
    min-width:0!important;
    max-width:100%!important;
  }
  body[data-ui-page="kb"] .nd .nm{overflow:hidden!important;text-overflow:ellipsis!important}
  body[data-ui-page="profile"] :is(.side,#docs,.doc) *{overflow-wrap:anywhere}
  body[data-ui-page="kb"] .progbar{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  body[data-ui-page]:not([data-ui-page="index"]) > #v5top{
    width:100%!important;
    max-width:100%!important;
    min-height:68px!important;
    height:auto!important;
    padding:10px 12px!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    overflow:hidden!important;
  }
  body[data-ui-page]:not([data-ui-page="index"]) > #v5top>img{max-width:58px!important;height:auto!important}
  body[data-ui-page]:not([data-ui-page="index"]) > #v5top .brand{min-width:0!important;line-height:1.35!important}
  body[data-ui-page]:not([data-ui-page="index"]) > #v5top .brand i{display:none!important}
  body[data-ui-page]:not([data-ui-page="index"]) > #v5top .back{
    width:auto!important;
    min-width:76px!important;
    max-width:none!important;
    padding:8px 10px!important;
    white-space:nowrap!important;
    writing-mode:horizontal-tb!important;
  }
  body[data-ui-page]:not([data-ui-page="index"]) #v5journey{
    display:none!important;
  }
  body[data-ui-page] #v5toast{
    left:16px!important;
    right:16px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    transform:translateY(8px)!important;
    white-space:normal!important;
    line-height:1.55!important;
  }
  body[data-ui-page] #v5toast.show{transform:translateY(0)!important}
  body[data-ui-page="proposal_template"] .wrap{padding:28px 14px 60px!important}
  body[data-ui-page="proposal_template"] :is(.recap,.row,.team,.sign){min-width:0!important;max-width:100%!important}
}
@media (max-width:760px) and (min-width:601px){
  body[data-ui-page="kb"] .wrap{display:grid!important;grid-template-columns:190px minmax(0,1fr)!important;gap:18px!important}
  body[data-ui-page="kb"] .side{position:sticky!important;top:12px!important;max-height:calc(100vh - 24px)!important}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* V1.2 golden sample — scoped to the homepage and shared shell. */
body[data-ui-page="index"] #side .si.c2{font-size:15px!important}
body[data-ui-page="index"] #tab-battle{font-size:16px!important;line-height:1.75!important;letter-spacing:0!important}
body[data-ui-page="index"] #tab-battle :is(div,span,b,strong,button,input,textarea,select){font-family:inherit!important}
body[data-ui-page="index"] #tab-battle :is(p,li,td,th,label,input,textarea,select,button,.task3,.tt){font-size:16px!important;line-height:1.7!important}
body[data-ui-page="index"] #tab-battle :is(.muted,.sub,.chip,.src){font-size:14px!important;line-height:1.65!important;color:#555!important}
body[data-ui-page="index"] #hello{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:0 0 28px!important}
body[data-ui-page="index"] #hello h1{font-size:28px!important;line-height:1.45!important;font-weight:650!important;margin:0!important}
body[data-ui-page="index"] #tab-battle h2{font-size:20px!important;line-height:1.5!important;margin:0 0 22px!important;font-weight:650!important}
body[data-ui-page="index"] #tasks3hd{display:flex!important;flex-wrap:wrap;align-items:center;gap:12px!important}
body[data-ui-page="index"] #tasks3hd>span:last-child{margin-left:auto;float:none!important;display:flex;flex-wrap:wrap;gap:8px}
body[data-ui-page="index"] #tab-battle .btn{min-height:42px!important;padding:9px 16px!important;border-radius:10px!important;letter-spacing:0!important;white-space:nowrap}
body[data-ui-page="index"] #tab-battle .task3{
  display:grid!important;grid-template-columns:28px 54px 78px minmax(0,1fr) auto auto auto;
  align-items:center;gap:12px 16px!important;min-height:92px;padding:20px!important;margin-bottom:14px!important;
  background:rgba(255,255,255,.79)!important;border:1px solid rgba(113,64,164,.1)!important;border-radius:14px!important;
}
body[data-ui-page="index"] #tab-battle .task3 .num{width:26px!important;height:26px!important;min-height:0!important;border-radius:7px!important;display:grid;place-items:center;margin:0!important;line-height:1!important;font-size:16px!important}
body[data-ui-page="index"] #tab-battle .task3>span.muted{font-family:inherit!important;font-size:14px!important;font-style:normal!important;line-height:1.5!important;font-variant-numeric:tabular-nums;letter-spacing:0!important}
body[data-ui-page="index"] #tab-battle .task3>.chip{font-size:14px!important;border:0!important;background:rgba(193,161,210,.16)!important;color:#555!important;padding:4px 8px!important;border-radius:6px!important;text-align:center;white-space:nowrap}
body[data-ui-page="index"] #tab-battle .task3 .tt{min-width:0;overflow-wrap:anywhere;color:#21182C!important}
body[data-ui-page="index"] #tab-battle .task3 .tt>.muted{margin-top:4px}
body[data-ui-page="index"] #tab-battle .task3>.btn:last-child{grid-column:-2}
body[data-ui-page="index"] #tab-battle .task3>.btn{margin:0!important;min-width:64px}
body[data-ui-page="index"] #tab-battle .ui-week-summary{
  display:flex!important;align-items:center;gap:16px!important;flex-wrap:wrap!important;
  padding:24px 4px 12px!important;margin-top:24px!important;border:0!important;border-top:1px solid rgba(113,64,164,.14)!important;
  border-radius:0!important;background:transparent!important;font-size:16px!important;line-height:1.7!important;
}
body[data-ui-page="index"] #tab-battle .ui-week-summary>b{font-size:16px}
body[data-ui-page="index"] #tab-battle .ui-week-summary>span:nth-of-type(2){font-size:16px!important;font-variant-numeric:tabular-nums}
body[data-ui-page="index"] #tab-battle .ui-degree-filters{display:flex;flex-wrap:wrap;gap:12px;flex:1 1 100%}
body[data-ui-page="index"] #tab-battle .ui-week-summary .ui-degree-filter{
  display:inline-flex!important;align-items:center;justify-content:center;min-height:42px!important;padding:8px 14px!important;
  border:1px solid rgba(113,64,164,.22)!important;border-radius:9px!important;background:rgba(255,255,255,.6)!important;
  color:var(--ui-violet-800)!important;font-size:15px!important;font-weight:500;cursor:pointer;box-shadow:none!important;font-variant-numeric:tabular-nums;
}
body[data-ui-page="index"] #tab-battle .ui-degree-filter:hover{background:rgba(193,161,210,.25)!important;border-color:var(--ui-violet)!important}
body[data-ui-page="index"] #tasks3-more{padding:12px!important;min-height:44px!important;font-size:14px!important;margin-top:14px!important}
body[data-ui-page="index"] :is(#threelines,#stratsum) .tl{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;border:0!important;padding:0!important}
body[data-ui-page="index"] :is(#threelines,#stratsum) .tl>div{padding:22px!important;border:1px solid rgba(113,64,164,.13)!important;border-radius:12px!important;background:rgba(255,255,255,.6)!important;color:#21182C!important;line-height:1.8!important;min-width:0;overflow-wrap:anywhere}
body[data-ui-page="index"] #threelines .tl>div:hover{border-color:rgba(113,64,164,.45)!important;background:rgba(238,227,246,.56)!important}
body[data-ui-page="index"] #threelines .tl>div>.muted{margin-bottom:12px}
body[data-ui-page="index"] #threelines .tl b{font-size:24px!important;line-height:1.4!important;font-weight:650;font-variant-numeric:tabular-nums}
body[data-ui-page="index"] #strat{line-height:1.8!important;font-size:16px!important;max-width:100%;overflow-wrap:anywhere}
body[data-ui-page="index"] #stratcard>h2{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
body[data-ui-page="index"] #stratcard>h2 button{margin-left:auto;float:none!important}
body[data-ui-page="index"] #xq :is(.xq-m,.xq-in){font-family:inherit!important;letter-spacing:0!important}
body[data-ui-page="index"] #xq :is(.cp,.xq-kbd){font-size:14px!important;line-height:1.6!important}
body[data-ui-page="index"] #xq .xq-send{font-size:16px!important}
body[data-ui-page="index"].today-more #tab-battle>#goalcard{display:flex!important;flex-wrap:wrap!important;gap:28px!important;align-items:center}
body[data-ui-page="index"] #goalcard .ring{width:140px!important;flex:0 0 140px}
body[data-ui-page="index"] #goalcard .ring svg{width:116px!important;height:116px!important}
body[data-ui-page="index"] #goalcard .ring svg text{font-family:inherit!important;fill:#21182C!important;font-variant-numeric:tabular-nums}
body[data-ui-page="index"] #goalcard .ring svg text:last-child{font-size:14px!important;fill:#555!important}
body[data-ui-page="index"] #goalcard .ring svg circle:nth-of-type(2){stroke:var(--ui-violet)!important}
body[data-ui-page="index"] #goalcard .ring .lab{font-size:16px!important;line-height:1.7!important;margin-top:8px}
body[data-ui-page="index"] #goalcard .ring .gap{font-size:14px!important;line-height:1.7!important;color:#B12A10!important}
body[data-ui-page="index"] #goalcard #rank{flex:1 1 240px;min-width:0}
body[data-ui-page="index"] #goalcard #rank .big{font-family:inherit!important;font-size:20px!important;line-height:1.6!important}
body[data-ui-page="index"] #goalcard #rank .big b{font-size:24px!important;font-weight:650!important}
body[data-ui-page="index"] #goalcard #backward{flex:1 1 100%;font-size:16px!important;line-height:1.8!important;padding:16px!important;border-radius:12px!important}
body[data-ui-page="index"] #calcard>div{display:flex;flex-wrap:wrap;gap:12px 18px!important;padding:16px 0!important;font-size:16px!important;line-height:1.7!important}
body[data-ui-page="index"] #calcard>div>b{font-family:inherit!important;font-size:16px!important;font-style:normal!important;min-width:108px!important;font-variant-numeric:tabular-nums}
body[data-ui-page="index"] #calcard .chip:not(.gray){background:rgba(255,122,22,.14)!important;color:#854000!important;border:1px solid rgba(255,122,22,.22)!important;border-radius:7px!important}
body[data-ui-page="index"] #calcard .chip.gray{background:rgba(215,215,211,.24)!important;color:#555!important;border-radius:7px!important}
body[data-ui-page="index"] #tab-battle #mods{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))!important;gap:20px!important}
body[data-ui-page="index"] #tasks3:not(.all) .task3:nth-child(n+6){display:none!important}
@container business (max-width:1000px){
  body[data-ui-page="index"] :is(#threelines,#stratsum) .tl{grid-template-columns:minmax(0,1fr)!important}
  body[data-ui-page="index"] #tab-battle .task3{grid-template-columns:28px 54px minmax(0,1fr) auto auto;padding:18px!important}
  body[data-ui-page="index"] #tab-battle .task3>.chip{grid-column:3;justify-self:start}
  body[data-ui-page="index"] #tab-battle .task3>.tt{grid-column:2/4;grid-row:2}
  body[data-ui-page="index"] #tab-battle .task3>.btn{grid-row:2;grid-column:auto;justify-self:start}
  body[data-ui-page="index"] #tab-battle .task3>.btn:first-of-type{grid-column:4}
  body[data-ui-page="index"] #tab-battle .task3>.btn:last-child{grid-column:-2;justify-self:end}
}
@container business (max-width:520px){
  body[data-ui-page="index"] #hello h1{font-size:24px!important}
  body[data-ui-page="index"] #goalcard .ring{margin-inline:auto}
  body[data-ui-page="index"] #tasks3hd>span:last-child{width:100%;margin:4px 0 0!important}
  body[data-ui-page="index"] #tab-battle .task3{gap:12px!important;padding:16px!important}
  body[data-ui-page="index"] #tab-battle .task3>.tt{grid-column:1/-1}
  body[data-ui-page="index"] #tab-battle .task3>.btn{grid-row:3}
  body[data-ui-page="index"] #tab-battle .task3>.btn:first-of-type{grid-column:1/4}
  body[data-ui-page="index"] #tab-battle .ui-week-summary{gap:12px!important}
  body[data-ui-page="index"] #tab-battle .ui-week-summary>b,
  body[data-ui-page="index"] #tab-battle .ui-week-summary>span:nth-of-type(-n+2){flex-basis:100%}
}

/* V1.3 integrated spacing, inner responsiveness and glass. */
:root{--ui-body:16px;--ui-aux:14px;--ui-title-1:28px;--ui-title-2:20px;--ui-title-3:18px;
--ui-paragraph-gap:16px;--ui-module-gap:28px;--ui-control-gap:12px;--ui-success:#27815A;--ui-danger:#B12A10;--ui-warning:#854000;}
html[data-ui-system],html:has(body[data-ui-page]),body[data-ui-page],body[data-ui-page] *{scrollbar-width:thin!important;scrollbar-color:rgba(113,64,164,.52) transparent!important}
html[data-ui-system]::-webkit-scrollbar,html:has(body[data-ui-page])::-webkit-scrollbar{width:8px;height:8px}
html[data-ui-system]::-webkit-scrollbar-thumb,html:has(body[data-ui-page])::-webkit-scrollbar-thumb{background:#9B72BB;border:2px solid transparent;background-clip:padding-box;border-radius:8px}
html[data-ui-system]::-webkit-scrollbar-track,html:has(body[data-ui-page])::-webkit-scrollbar-track{background:transparent;margin-block:18px}
html[data-ui-system]::-webkit-scrollbar-button,html:has(body[data-ui-page])::-webkit-scrollbar-button{display:none;width:0;height:0}
body[data-ui-page] :is(.page,.side,.xq-log,.readme,.pre)::-webkit-scrollbar-track{margin-block:20px}
body[data-ui-page]{font-size:16px!important;line-height:1.8!important;letter-spacing:0!important}
body[data-ui-page] :is(div,span,b,strong,label,button,input,textarea,select){font-family:inherit!important}
body[data-ui-page] :is(.v,.num,.big,.counter){font-variant-numeric:tabular-nums}
body[data-ui-page] #v5toast{background:rgba(67,36,96,.94)!important;color:#fff!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:14px!important;padding:16px 20px!important;backdrop-filter:blur(18px);font-size:16px!important;line-height:1.8!important}
body[data-ui-page] :is(p,li,td,th,label,textarea,input,select){font-family:inherit!important;font-size:16px!important;line-height:1.8!important}
body[data-ui-page] p{margin:0 0 16px!important}
body[data-ui-page] p:last-child{margin-bottom:0!important}
body[data-ui-page] :is(h1,h2,h3,h4){line-height:1.5!important;letter-spacing:0!important;font-weight:650!important}
body[data-ui-page] h1{font-size:28px!important;margin:0 0 24px!important}
body[data-ui-page] h2{font-size:20px!important;margin:32px 0 16px!important}
body[data-ui-page] h3{font-size:18px!important;margin:24px 0 12px!important}
body[data-ui-page] h4{font-size:16px!important;margin:20px 0 12px!important}
body[data-ui-page] :is(h1,h2,h3,h4):first-child{margin-top:0!important}
body[data-ui-page]:not([data-ui-page="index"]) h2{display:block!important}
body[data-ui-page]:not([data-ui-page="index"]) h2>:is(.muted,.sub,.small){display:block!important;margin-top:10px!important;font-weight:400!important}
body[data-ui-page="brain"] .stepcard h2>.n{display:inline-flex!important;align-items:center;justify-content:center;vertical-align:middle;flex:none;margin-right:12px!important}
body[data-ui-page] :is(.muted,.sub,.small,.hint,.src,.ds,small,.how){font-size:14px!important;line-height:1.75!important}
body[data-ui-page] .ui-prose{font-family:inherit!important;font-size:16px!important;line-height:1.8!important}
body[data-ui-page] .ui-note{font-family:inherit!important;font-size:14px!important;line-height:1.75!important}
body[data-ui-page] .ui-small-text{font-family:inherit!important;font-size:14px!important;line-height:1.75!important}
body[data-ui-page="index"] :is(#pyq-boss,.ammocard.pyq){background:rgba(255,255,255,.66)!important;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.86)!important}
body[data-ui-page="index"] #pyq-boss>div{row-gap:14px!important}
body[data-ui-page="index"] #pyq-boss>div[style*="display:grid"]{gap:14px!important;margin:20px 0!important}
body[data-ui-page="index"] #pyq-boss button{align-items:center!important;text-align:center!important;gap:8px!important;padding:18px 16px!important}
body[data-ui-page="index"] .ammocard.pyq{padding:24px!important;margin-bottom:24px!important}
body[data-ui-page="index"] .ammocard.pyq>.dy{margin:16px 0 14px!important;font-size:16px!important}
body[data-ui-page="index"] .ammocard.pyq>.ui-action-row{margin-top:18px!important;padding-top:18px!important}
body[data-ui-page="index"] .ammocard.pyq>.pyq-cmt{margin:16px 0!important;padding:14px!important;gap:12px!important;line-height:1.8!important}
body[data-ui-page] :is(button,.btn){display:inline-flex;align-items:center;justify-content:center;gap:8px;vertical-align:middle;text-align:center;font-size:16px!important;line-height:1.5!important;min-height:42px;padding:9px 14px;letter-spacing:0!important}
body[data-ui-page] :is(button,.btn)>svg{flex:none}
body[data-ui-page] .ui-action-row{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important}
body[data-ui-page] .ui-action-row>:is(button,.btn){margin:0!important;float:none!important}
body[data-ui-page] :is(.actions,.act,.btns,.buttons,.toolbar,.ctabs,.ftabs,.tabs,.ammo-tabs){gap:12px!important;align-items:center;flex-wrap:wrap}
body[data-ui-page] :is(.card,.panel,.one,.detail,.stepcard)>:is(h2,h3):first-child{margin-bottom:18px!important}
body[data-ui-page] :is(.card,.panel,.one,.detail,.stepcard)>:is(p,.hint,.sub,.muted)+:is(.ui-action-row,.actions,.btns){margin-top:18px!important}
body[data-ui-page] :is(.card,.panel,.one,.detail,.stepcard)+:is(.card,.panel,.one,.detail,.stepcard){margin-top:0!important}
body[data-ui-page] :is(.card,.panel,.one,.detail,.stepcard) :is(.card,.panel,.detail){box-shadow:none!important}
body[data-ui-page] :is(.ui-prose,.readme,.pre){overflow-wrap:break-word;word-break:normal}
body[data-ui-page] :is(input[type="radio"],input[type="checkbox"]){accent-color:var(--ui-violet);width:18px!important;height:18px!important;min-height:0!important;padding:0!important;margin:0 8px 0 0!important;vertical-align:middle;flex:none}
body[data-ui-page] label:has(>input[type="radio"]),body[data-ui-page] label:has(>input[type="checkbox"]){display:inline-flex!important;align-items:center!important;gap:8px!important}
body[data-ui-page] :is(input:not([type="radio"]):not([type="checkbox"]),textarea)+textarea{margin-top:12px!important}
body[data-ui-page="index"] #tab-factory h2>.muted{display:block!important;margin-top:10px!important;font-weight:400!important;line-height:1.8!important}
body[data-ui-page="gallery"] .chips{display:flex!important;flex-wrap:wrap;align-items:flex-start;gap:12px!important;margin:16px 0!important}
body[data-ui-page="gallery"] .chips>.lbl{min-width:52px;line-height:36px!important}
body[data-ui-page="gallery"] .chips>[id^="chips-"]{display:flex;flex:1;flex-wrap:wrap;gap:10px;min-width:0}
body[data-ui-page="gallery"] .chips .chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 10px!important;margin:0!important;border-radius:8px!important;line-height:1.5!important}
body[data-ui-page="gallery"] .chips .chip small{margin-left:2px}
body[data-ui-page="gallery"] .chips .q{flex:1 1 260px;width:auto;min-width:0}
body[data-ui-page] :is(#toast,.toast){background:rgba(67,36,96,.94)!important;color:white!important;border-radius:14px!important;padding:16px 20px!important;font-family:inherit!important;font-size:16px!important;line-height:1.8!important;backdrop-filter:blur(18px)}
body[data-ui-page] :is(.ui-degree-filter,.chip,.pill,.tag){font-variant-numeric:tabular-nums}
body[data-ui-page="index"] #tab-battle h2{margin-bottom:18px!important}
body[data-ui-page="index"] #tab-battle .task3{padding:18px!important;min-height:88px;gap:12px 16px!important}
body[data-ui-page="index"] #tab-battle .task3 .tt>.muted{margin-top:8px!important}
body[data-ui-page="index"] #tab-battle .ui-week-summary{row-gap:18px!important}
body[data-ui-page="index"] #tab-battle .ui-degree-filter{gap:8px!important}
body[data-ui-page="index"] :is(#ammolist,#tabactions,#momzone,.pyq-simple){width:100%!important;max-width:none!important;margin-inline:0!important}
body[data-ui-page="index"] #ammolist :is(.bd,.am-text,.am-body){line-height:1.85!important}
body[data-ui-page="index"] :is(#tabactions,#ftabs){display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:12px!important;margin-bottom:24px!important}
body[data-ui-page="index"] #ftabs button{margin:0!important}
body[data-ui-page="index"] :is(.f-flow,.f-tip){font-size:15px!important;line-height:1.8!important;margin-bottom:20px!important}
body[data-ui-page="index"] .f-day{padding:20px!important;min-width:0;line-height:1.8!important}
body[data-ui-page="index"] .f-day [onclick*="fPlanTogglePlat"]{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px!important;min-height:38px;color:#5D328A!important;background:rgba(193,161,210,.16)!important;border:1px solid rgba(113,64,164,.22)!important;border-radius:8px;cursor:pointer;font-size:14px!important}
body[data-ui-page="index"] .f-day [onclick*="fPlanTogglePlat"]:hover{background:rgba(193,161,210,.3)!important}
body[data-ui-page="index"] .f-day [onclick*="fPlanTogglePlat"][aria-pressed="true"]{background:var(--ui-violet-800)!important;color:white!important;border-color:transparent!important}
body[data-ui-page="index"] #lm-full>div:first-child{margin-bottom:20px!important;gap:14px!important}
body[data-ui-page="index"] #lm-full>div:first-child>b>.muted{display:block;margin-top:10px!important}
body[data-ui-page="index"] #lm-full>div:first-child>span{gap:10px!important;flex-wrap:wrap}
body[data-ui-page="index"] #lm-full>div[style*="display:grid"]{gap:24px!important}
body[data-ui-page="index"] #lm-full>div[style*="display:grid"]>div>div:first-child{gap:10px!important;margin-bottom:14px!important}
body[data-ui-page="index"] #lm-full>div[style*="display:grid"]>div>.muted{margin-bottom:16px!important}
body[data-ui-page="index"] #lm-full [style*="border:1.5px solid var(--red)"]{border-color:rgba(177,42,16,.52)!important;background:rgba(255,248,246,.85)!important;padding:12px!important;gap:10px!important}
body[data-ui-page="index"] :is(.f-grid,.grid2,.two,.cols){gap:24px!important}
body[data-ui-page="index"] #tab-factory .card{background:rgba(255,255,255,.66)!important;backdrop-filter:blur(20px);border-color:rgba(255,255,255,.85)!important}
body[data-ui-page="index"] .mt-h{margin-bottom:20px!important;row-gap:10px!important}
body[data-ui-page="index"] .mt-h+div[style*="display:grid"]{gap:24px!important;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))!important}
body[data-ui-page="index"] .mt-h+div[style*="display:grid"]>.f-am{padding:20px!important;gap:14px!important;background:rgba(255,255,255,.5)!important}
body[data-ui-page="index"] .mt-h+div[style*="display:grid"]>.f-am>div:last-child{margin-top:auto;gap:12px!important;padding-top:4px}
body[data-ui-page="index"] #custtable td{padding:14px 12px!important}
body[data-ui-page="index"] #custtable .src{line-height:1.6!important}
/* Move the directory control into its own clipped, non-scrolling header. */
body[data-ui-page="index"] #ui-nav-frame{grid-area:2/1/3/2;display:flex;flex-direction:column;min-width:0;min-height:0;border-radius:20px;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.43);backdrop-filter:blur(24px);box-shadow:0 8px 28px rgba(67,39,83,.06);overflow:hidden;z-index:51}
body[data-ui-page="index"] #ui-nav-head{display:flex;align-items:center;padding:12px 12px 8px;flex:none}
body[data-ui-page="index"] #ui-nav-head #sidebtn{justify-content:flex-start;width:100%}
body[data-ui-page="index"] #side :is(.si,.gh){justify-content:flex-start!important;text-align:left!important}
body[data-ui-page="index"] #ui-nav-frame #side{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;flex:1;min-height:0;margin:0 6px 14px!important;padding:2px 4px 6px!important;border:0!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;overflow:auto!important;clip-path:none}
body[data-ui-page="index"][data-ui-nav-open="false"] #ui-nav-frame{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;overflow:visible}
body[data-ui-page="index"][data-ui-nav-open="false"] #ui-nav-head{padding:0}
body[data-ui-page="index"][data-ui-nav-open="false"] #ui-nav-head #sidebtn{width:44px;padding:10px!important}
body[data-ui-page="index"][data-ui-nav-open="false"] #ui-nav-head #sidebtn span{display:none}
body[data-ui-page="index"][data-ui-nav-mode="drawer"] #ui-nav-frame{position:fixed;left:12px;top:var(--shell-top);bottom:12px;width:min(300px,calc(100vw - 24px));background:rgba(246,238,252,.88)}
body[data-ui-page="index"][data-ui-nav-mode="drawer"][data-ui-nav-open="false"] #ui-nav-frame{display:none}
/* Base color has enough variation to be visible through the glass. */
body[data-ui-page="index"]{background:radial-gradient(ellipse at 0% 8%,rgba(193,161,210,.54),transparent 58%),radial-gradient(ellipse at 92% 82%,rgba(143,80,210,.22),transparent 55%),linear-gradient(130deg,#F8F3FB,#EEE3F6 55%,#F4F4F2)!important}
body[data-ui-page="index"]>.page{background:rgba(255,255,255,.22)!important}
body[data-ui-page="index"]>.page>.card{background:rgba(255,255,255,.57)!important}
body[data-ui-page] #modal{background:rgba(46,24,66,.18)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);padding:20px!important}
body[data-ui-page] #modal .box,body[data-ui-page] :is(.modalbg,.modal-overlay)>.box{background:rgba(248,242,253,.77)!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:22px!important;box-shadow:0 24px 80px rgba(71,36,105,.22),inset 0 1px rgba(255,255,255,.95)!important;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);padding:28px!important;max-width:calc(100vw - 40px)!important;max-height:calc(100dvh - 40px)!important;overflow:auto!important}
body[data-ui-page] #modal .box :is(h2,h3){margin:0 0 20px!important}
body[data-ui-page] #modal .box>button:last-child{margin-top:20px!important}
body[data-ui-page="index"] #tcn-badge .menu{background:rgba(245,235,252,.78)!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 18px 50px rgba(71,36,105,.2)!important;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);padding:16px!important;border-radius:16px!important;min-width:248px;max-width:calc(100vw - 24px)}
body[data-ui-page="index"] #tcn-badge .menu button{width:100%;margin-top:10px!important;background:rgba(255,255,255,.58)!important;color:var(--ui-violet-800)!important;border:1px solid rgba(113,64,164,.14)!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;padding:12px!important;min-height:44px!important;font-size:16px!important}
body[data-ui-page="index"] #tcn-badge .menu .mi-name{font-size:16px!important;margin-bottom:12px!important}
/* Compact assistant chrome; message area receives the remaining height. */
body[data-ui-page="index"] #xq .xq-head{padding:12px 14px!important;gap:6px 8px;min-height:0!important}
body[data-ui-page="index"] #xq .xq-foot{padding:8px!important}
body[data-ui-page="index"] #xq .xq-box{padding:10px!important}
body[data-ui-page="index"] #xq .xq-in{height:64px!important;min-height:64px!important;max-height:120px!important;padding:8px 10px!important}
body[data-ui-page="index"] #xq .xq-bar{margin-top:8px!important;gap:6px!important}
body[data-ui-page="index"] #xq .xq-bar>.xq-kbd{font-size:14px!important;line-height:1.4!important}
body[data-ui-page="index"] #xq .xq-log{padding:14px 12px!important}
body[data-ui-page="index"] #top{padding:10px 14px!important;gap:10px!important;min-height:64px}
body[data-ui-page="index"] #top>.name{line-height:1.2!important}
@media (max-width:1700px){body[data-ui-page="index"] #journey{padding-top:6px!important;gap:6px!important}body[data-ui-page="index"] #journey button{min-height:34px!important;font-size:14px!important;padding-block:5px!important}}
@media (max-height:720px){
body[data-ui-page="index"]{padding-block:10px!important;row-gap:8px}
body[data-ui-page="index"] #top{padding:6px 12px!important;gap:6px 10px!important;min-height:0}
body[data-ui-page="index"] #journey{padding-top:4px!important}
body[data-ui-page="index"] #xq .xq-head{gap:4px 8px;padding:8px 12px!important}
body[data-ui-page="index"] #xq .xq-head .muted{font-size:14px!important;line-height:1.4!important}
body[data-ui-page="index"] #xq .xq-head .sub{font-size:14px!important;line-height:1.4!important}
body[data-ui-page="index"] #xq .xq-in{height:48px!important;min-height:48px!important;max-height:80px!important}
body[data-ui-page="index"] #xq .xq-foot{padding:6px!important}
body[data-ui-page="index"] #xq .xq-box{padding:6px!important}
body[data-ui-page="index"] #xq .xq-bar{margin-top:4px!important}
body[data-ui-page="index"] #xq .xq-bar>.xq-kbd{flex-basis:auto!important;order:0;flex:1 1 120px}
body[data-ui-page="index"] #xq .xq-log{padding:10px!important}
}
@media (max-width:760px){
body[data-ui-page="index"] #top{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px 44px;gap:6px 8px!important;padding:8px!important}
body[data-ui-page="index"] #top>img{grid-column:2;grid-row:1;width:62px!important;height:28px!important;justify-self:start}
body[data-ui-page="index"] #top>#sidebtn{grid-column:1;grid-row:1;padding:8px!important;width:40px;min-height:40px!important}
body[data-ui-page="index"] #top .ui-pane-toggle span{display:none}
body[data-ui-page="index"] #ui-agent-toggle{grid-column:4;grid-row:1;margin:0;min-height:40px!important}
body[data-ui-page="index"] #notifbtn{grid-column:3;grid-row:1;min-height:40px!important;padding:6px!important}
body[data-ui-page="index"] #top>.name{grid-column:1/4;grid-row:2;min-width:0;font-size:14px!important;max-width:none;display:block!important}
body[data-ui-page="index"] #tcn-badge{grid-column:3/5;grid-row:2;justify-self:end;white-space:nowrap}
body[data-ui-page="index"] #topright{grid-column:1/-1;grid-row:3;font-size:14px!important;line-height:1.5!important;margin:0!important}
body[data-ui-page="index"] #journey{grid-column:1/-1;grid-row:4;min-width:0;padding:4px 0!important;gap:6px!important}
body[data-ui-page="index"] #journey button{font-size:14px!important;min-height:34px!important}
body[data-ui-page] #modal .box{padding:20px!important}
body[data-ui-page] #tcn-badge .menu{position:fixed!important;top:104px!important;right:12px!important}
}
/* Knowledge tree responds to its own iframe width. */
body[data-ui-page="kb"] .wrap{grid-template-columns:minmax(260px,30%) minmax(0,1fr)!important;gap:24px!important;padding:24px!important}
body[data-ui-page="kb"] .ui-kb-nav{min-width:0;align-self:start;position:sticky;top:16px}
body[data-ui-page="kb"] .ui-kb-nav>summary{display:none;cursor:pointer;list-style:none;padding:14px 18px;border-radius:12px;color:var(--ui-violet-800);font-weight:650;background:rgba(255,255,255,.6);border:1px solid var(--ui-line)}
body[data-ui-page="kb"] .ui-kb-nav .side{position:relative!important;top:auto!important;width:100%!important;max-height:calc(100dvh - 40px)!important;margin:0!important}
body[data-ui-page="kb"] .nd :is(.nm,.ds){white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}
body[data-ui-page="kb"] .nd{align-items:flex-start;gap:8px!important}
body[data-ui-page="kb"] .nd .nm{line-height:1.7!important}
body[data-ui-page="kb"] .nd .ds{margin-top:8px}
body[data-ui-page="kb"] .kids{margin-left:12px!important}
body[data-ui-page="kb"] .row .nm{white-space:normal!important;overflow-wrap:anywhere}
body[data-ui-page="kb"] .row .sm{margin-top:8px!important}
body[data-ui-page="kb"] .rows{gap:10px!important}
body[data-ui-page="kb"] .progbar{padding:18px 24px!important;gap:10px 12px!important;line-height:1.75!important}
body[data-ui-page="kb"] .readme{font-size:16px!important;line-height:1.85!important;max-height:280px!important;padding:20px!important}
@media(max-width:900px){
body[data-ui-page="kb"] .wrap{display:flex!important;flex-direction:column!important;padding:20px!important;gap:24px!important}
body[data-ui-page="kb"] .ui-kb-nav{position:relative;top:auto;width:100%!important}
body[data-ui-page="kb"] .ui-kb-nav>summary{display:flex;align-items:center;justify-content:space-between}
body[data-ui-page="kb"] .ui-kb-nav>summary:after{content:"＋";font-size:20px}
body[data-ui-page="kb"] .ui-kb-nav[open]>summary:after{content:"－"}
body[data-ui-page="kb"] .ui-kb-nav .side{max-height:350px!important;margin-top:12px!important}
body[data-ui-page="kb"] .wrap>main{width:100%;min-width:0}
}
/* Onboarding is a document layout with consistent headings and generous row rhythm. */
body[data-ui-page="brain"] .hero{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:24px!important}
body[data-ui-page="brain"] .hero .txt{width:100%;flex:auto!important}
body[data-ui-page="brain"] #rings{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))!important}
body[data-ui-page="brain"] #rings .ring{width:auto!important;height:auto!important;margin:0!important;padding:20px!important;align-self:stretch}
body[data-ui-page="brain"] #rings .m{margin-top:10px!important;font-size:14px!important;line-height:1.75!important}
body[data-ui-page="brain"] .flow{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;margin:28px 0!important}
body[data-ui-page="brain"] .fstep{min-width:0!important;padding:18px!important}
@media(max-width:1099px){body[data-ui-page="brain"] .flow{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:600px){body[data-ui-page="brain"] #rings{grid-template-columns:1fr!important}body[data-ui-page="brain"] .flow{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:400px){body[data-ui-page="brain"] .flow{grid-template-columns:1fr!important}}
body[data-ui-page="brain"] .gapbar{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;gap:14px!important;padding:22px!important;margin:24px 0 32px!important;align-items:start}
body[data-ui-page="brain"] .gapbar>.lst{min-width:0;font-size:16px!important;line-height:1.8!important}
body[data-ui-page="brain"] .gapbar .lst>div{display:block!important;margin-top:16px!important;line-height:1.8!important}
body[data-ui-page="brain"] .gapbar .how{display:block;margin-top:6px!important}
body[data-ui-page="brain"] .gapbar>div:last-child:not(.lst){grid-column:2;display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:12px!important;margin-top:6px}
body[data-ui-page="brain"] .gapbar button{min-width:0;max-width:100%}
body[data-ui-page="brain"] :is(.card,.sec,.section){margin-bottom:28px!important}
body[data-ui-page] .ui-stat-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))!important;gap:18px!important}
body[data-ui-page] .ui-stat-grid>*{min-width:0!important;max-width:100%!important}
body[data-ui-page="proposal_template"] svg text{font-family:"Noto Sans SC","Microsoft YaHei",sans-serif!important}
body[data-ui-page="proposal_template"] .fig{max-width:100%;overflow:auto;padding:24px!important;overscroll-behavior:contain}
body[data-ui-page="proposal_template"] .fig svg{display:block;width:480px!important;min-width:480px!important;max-width:none!important;height:auto!important;margin-inline:auto}
.ui-content-card-v1 p{line-height:1.8!important;margin-bottom:16px!important;letter-spacing:0!important}
.ui-content-card-v1 p:nth-child(2){line-height:1.5!important;margin-bottom:24px!important}
.ui-content-card-v1 p:last-child{margin-bottom:0!important;padding-top:20px!important}
/* Standalone documents keep the same backdrop through the entire viewport. */
body[data-ui-page]:not([data-ui-page="index"]){min-height:100dvh!important;background-attachment:fixed!important}
body[data-ui-page="profile"] .chs{gap:12px!important;margin:18px 0 24px!important}
body[data-ui-page="profile"] .ch{display:inline-flex;align-items:center;min-height:36px;padding:7px 12px!important;line-height:1.6!important}
body[data-ui-page="profile"] .lay{margin:24px 0 12px!important;line-height:1.8!important}
body[data-ui-page="profile"] .grid{gap:24px!important}
body[data-ui-page="profile"] .f{margin:14px 0!important}
html:has(.ui-content-card-v1),body:has(.ui-content-card-v1){scrollbar-width:thin!important;scrollbar-color:rgba(113,64,164,.52) transparent!important}
@media(forced-colors:active){html:has(.ui-content-card-v1),body:has(.ui-content-card-v1){scrollbar-color:auto!important}}
body[data-ui-page="transcription_assistant"] button:disabled{background:#ECE4F3!important;background-image:none!important;color:#756580!important;opacity:1!important;cursor:not-allowed}
@media(forced-colors:active){html[data-ui-system],body[data-ui-page],body[data-ui-page] *{scrollbar-color:auto!important}}
@media(max-height:720px) and (max-width:1000px){
body[data-ui-page="index"][data-ui-agent-mode="overlay"] #xq{top:68px!important;z-index:85}
body[data-ui-page="index"][data-ui-nav-mode="drawer"] #ui-nav-frame{top:68px!important;z-index:85}
body[data-ui-page="index"] #ui-pane-backdrop{inset:64px 0 0;z-index:82}
}

/* V1.4 typography contract: content rhythm, responsive inner components and navigation hierarchy. */
body[data-ui-page]{--ui-reading-leading:1.85;--ui-caption-leading:1.75;--ui-module-gap:28px;--ui-control-gap:12px;letter-spacing:.012em!important}
body[data-ui-page] :is(p,li,td,th,label,textarea,.ui-prose){line-height:var(--ui-reading-leading)!important;letter-spacing:.012em!important}
body[data-ui-page] :is(.muted,.hint,.sub,.small,.sm,.ui-note,.ui-small-text){line-height:var(--ui-caption-leading)!important;letter-spacing:.01em!important}
body[data-ui-page] :is(input,select,code,pre,.num,.counter,.v,.wz-dot){letter-spacing:0!important;font-variant-numeric:tabular-nums}
body[data-ui-page] :is(p,ul,ol,blockquote)+:is(p,ul,ol,blockquote){margin-top:16px!important}
body[data-ui-page] :is(ul,ol){padding-left:1.6em;margin-block:16px}
body[data-ui-page] li+li{margin-top:8px}
body[data-ui-page] :is(h1,h2,h3,h4)+:is(h2,h3,h4){margin-top:20px!important}
body[data-ui-page] :is(h1,h2,h3,h4)+:is(p,.ui-prose,.ui-note,.muted,.hint){margin-top:12px!important}
body[data-ui-page] :is(.ui-prose,.ui-note)+:is(.ui-prose,.ui-note){margin-top:12px}
body[data-ui-page] :is(button,.btn){white-space:normal;word-break:normal;overflow-wrap:break-word}
body[data-ui-page] :is(.chip,.pill,.tag){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px;vertical-align:middle;max-width:100%;line-height:1.5!important;min-height:28px;padding:4px 9px!important;font-size:14px!important;letter-spacing:0!important}
body[data-ui-page] :is(.chip[onclick],.pill[onclick]){min-height:36px;padding:7px 12px!important;cursor:pointer}
body[data-ui-page] :is(.ui-action-row,.actions,.btns){row-gap:12px!important;column-gap:12px!important}
body[data-ui-page] :is(.ui-action-row,.actions,.btns)+:is(.ui-note,.ui-prose,.hint,.muted){margin-top:14px!important}
body[data-ui-page] :is(.ui-prose,.ui-note,.hint,.muted)+:is(.ui-action-row,.actions,.btns){margin-top:16px!important}
body[data-ui-page] details>summary{line-height:1.75!important;padding-block:10px;overflow-wrap:break-word}
body[data-ui-page] details[open]>summary{margin-bottom:14px}
body[data-ui-page] .ui-unit-field{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;flex:none}
body[data-ui-page] .ui-unit-field input{width:72px!important;max-width:90px;flex:none}
body[data-ui-page] .ui-unit-field>span{white-space:nowrap}
body[data-ui-page] :is(table,tbody,tr){letter-spacing:0}
body[data-ui-page] :is(td,th){padding-block:14px!important;vertical-align:top}

/* Navigation keeps the original tree order and business handlers. */
body[data-ui-page="index"] #side .grp{margin:0 0 24px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body[data-ui-page="index"] #side .gh{font-size:17px!important;font-weight:750!important;color:#382443!important;letter-spacing:.035em!important;min-height:48px!important;padding:14px 10px 10px!important;margin:0 0 8px!important;border-radius:0!important}
body[data-ui-page="index"] #side .gh>span{font-size:inherit!important;font-weight:inherit!important}
body[data-ui-page="index"] #side .si{font-size:16px!important;font-weight:450!important;color:#55515B!important;line-height:1.65!important;min-height:44px!important;padding:9px 10px 9px 26px!important;margin:2px 0!important;letter-spacing:0!important}
body[data-ui-page="index"] #side .si:has(>.ui-nav-group-label),body[data-ui-page="index"] #side .si:has(>span[style*="flex:1"]){font-weight:650!important;color:#49314F!important}
body[data-ui-page="index"] #side .si.c1{font-size:15px!important;padding-left:36px!important}
body[data-ui-page="index"] #side .si.c2{font-size:14px!important;padding-left:52px!important;color:#6F6976!important;min-height:40px!important}
body[data-ui-page="index"] #side .si.on{font-weight:650!important;color:var(--ui-violet-800)!important;background:rgba(193,161,210,.25)!important}
body[data-ui-page="index"] #side .bottomgrp{margin-top:28px!important;padding-top:18px!important;border-top:1px solid var(--ui-line)!important}
body[data-ui-page="index"] #side .si.adv-bottom{padding-left:12px!important;font-size:16px!important;font-weight:600!important}
body[data-ui-page="index"] #ui-nav-head{padding-bottom:12px!important;border-bottom:1px solid rgba(113,64,164,.09);margin-bottom:8px}
body[data-ui-page="index"] #ui-nav-head #sidebtn{background:rgba(255,255,255,.3)!important;border-color:transparent!important;font-size:16px!important}
body[data-ui-page="index"][data-ui-nav-open="false"] #ui-nav-head{border:0;margin:0}

/* Selected journey has one coherent foreground/background pair. */
body[data-ui-page="index"] #journey .jn.on{background:var(--ui-violet-700)!important;background-image:none!important;border-color:var(--ui-violet-700)!important;color:#fff!important}
body[data-ui-page="index"] #journey .jn.on :is(.jt,.jt-l,.jt-s,.jh){color:#fff!important;-webkit-text-fill-color:#fff!important}
body[data-ui-page="index"] #journey .jn.on .nx{background:#fff!important;color:var(--ui-violet-800)!important;-webkit-text-fill-color:var(--ui-violet-800)!important}

/* Content factories respond to the business column, not the outer window. */
body[data-ui-page="index"] #pyq-wizard{width:100%!important;max-width:none!important;margin:0 0 28px!important;padding:24px!important;border-radius:18px;background:rgba(255,255,255,.73)!important;backdrop-filter:blur(18px);container:wizard / inline-size}
body[data-ui-page="index"] #pyq-wizard>div:first-child{gap:12px!important;margin-bottom:24px!important}
body[data-ui-page="index"] #pyq-wizard>div:first-child>b{font-size:20px!important;line-height:1.5!important}
body[data-ui-page="index"] #pyq-wizard>div:first-child>.muted:first-of-type{flex-basis:100%;font-size:14px!important;line-height:1.85!important}
body[data-ui-page="index"] .wz-steps{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));align-items:stretch!important;gap:12px!important;margin:0 0 28px!important}
body[data-ui-page="index"] .wz-line{display:none!important}
body[data-ui-page="index"] .wz-step{display:flex!important;flex-direction:column!important;gap:8px!important;padding:12px!important;min-width:0;background:rgba(193,161,210,.09);border:1px solid var(--ui-line);border-radius:10px}
body[data-ui-page="index"] .wz-step>div{display:flex;align-items:flex-start;gap:8px;min-width:0}
body[data-ui-page="index"] .wz-step>div>span:last-child{line-height:1.6!important;font-size:15px!important;overflow-wrap:break-word}
body[data-ui-page="index"] .wz-step>.muted{padding-left:34px!important;white-space:normal!important;font-size:14px!important}
body[data-ui-page="index"] .wz-step.on{color:var(--ui-violet-800)!important;background:rgba(193,161,210,.2)!important;border-color:rgba(113,64,164,.35)}
body[data-ui-page="index"] .wz-dot{width:26px!important;height:26px!important;min-width:26px;flex:none;line-height:1!important}
body[data-ui-page="index"] .wz-h{font-size:18px!important;line-height:1.6!important;margin:0 0 20px!important}
body[data-ui-page="index"] .wz-h>.muted{display:block;margin-top:10px!important;font-weight:400}
body[data-ui-page="index"] .wz-h>a{display:inline-block;margin-top:12px;font-size:14px!important}
body[data-ui-page="index"] #wz-body>div[style*="display:grid"]{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr))!important;gap:24px!important;margin:20px 0!important}
body[data-ui-page="index"] #wz-body>div[style*="display:grid"]>div{padding:20px!important;min-width:0}
body[data-ui-page="index"] #wz-body>div[style*="display:grid"]>div>div{gap:12px!important;margin-bottom:14px!important}
body[data-ui-page="index"] #wz-body>div[style*="display:grid"]>div>div>b{font-size:17px!important;line-height:1.6}
body[data-ui-page="index"] #wz-dir{min-height:144px!important;padding:14px!important;margin:16px 0!important}
body[data-ui-page="index"] .wz-src{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))!important;gap:16px!important}
body[data-ui-page="index"] :is(.wz-item,.wz-topic,.wz-type){padding:14px!important;gap:12px!important;line-height:1.8!important}
body[data-ui-page="index"] .wz-outline{margin:16px 0!important;padding:16px!important}
body[data-ui-page="index"] :is(#pyq-boss>div[style*="display:grid"],.wk){grid-template-columns:repeat(auto-fit,minmax(min(104px,100%),1fr))!important;gap:12px!important}
body[data-ui-page="index"] .wkd{min-width:0!important;min-height:84px!important;padding:12px!important}
body[data-ui-page="index"] .wkd b{white-space:normal!important;text-overflow:clip!important;overflow:visible!important;line-height:1.65!important}
body[data-ui-page="index"] #pyq-boss>div[style*="display:grid"]>div{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;min-width:0}
@container business (max-width:520px){
 body[data-ui-page="index"] #pyq-wizard{padding:18px!important}
 body[data-ui-page="index"] .wz-steps{grid-template-columns:1fr!important}
 body[data-ui-page="index"] .wz-step{flex-direction:row!important;align-items:center!important;justify-content:space-between}
 body[data-ui-page="index"] .wz-step>.muted{padding-left:0!important;text-align:right;flex:none}
 body[data-ui-page="index"] #pyq-boss>div[style*="display:grid"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Customer chips have a real center and action strip; no unexplained empty lower half. */
body[data-ui-page="index"] #lm-full .chip{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;height:auto!important;padding:6px 10px!important;border-radius:8px!important;line-height:1.5!important}
body[data-ui-page="index"] #lm-full>div[style*="display:grid"]>div{padding:20px!important}
body[data-ui-page="index"] #lm-full [style*="border:1.5px solid var(--red)"]{display:flex!important;align-items:center!important;flex-wrap:wrap!important}
body[data-ui-page="index"] #lm-full [style*="border:1.5px solid var(--red)"]>.ui-customer-actions{display:flex;gap:10px;margin-top:4px;flex-basis:100%;justify-content:flex-end}
body[data-ui-page="index"] #lm-full [style*="border:1.5px solid var(--red)"]>b{flex:1 1 120px;min-width:0}
body[data-ui-page="index"] #tab-customers .card{margin-bottom:28px!important}
body[data-ui-page="index"] #custtable :is(.src,.tg){white-space:normal!important;text-overflow:clip!important;overflow:visible!important;overflow-wrap:anywhere;max-width:none!important}
body[data-ui-page="index"] #custtable .tg{display:inline-block;vertical-align:middle;margin-block:3px;padding-block:4px}

/* Glass menus remain translucent while suppressing competing text underneath. */
body[data-ui-page="index"] #tcn-badge .menu{background:rgba(248,242,253,.96)!important;backdrop-filter:blur(28px) saturate(1.2)!important;-webkit-backdrop-filter:blur(28px) saturate(1.2)!important;min-width:272px!important;padding:20px!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 18px 48px rgba(67,36,96,.18)!important}
body[data-ui-page="index"] #tcn-badge .menu button{width:100%;justify-content:flex-start!important;padding:12px 14px!important;line-height:1.65!important}
body[data-ui-page="index"] #tcn-badge .menu .mi-name{font-size:15px!important;line-height:1.6!important;color:#555!important;margin-bottom:16px!important}
body[data-ui-page="index"] #modalbox>:is(h2,h3){margin-bottom:24px!important}
body[data-ui-page="index"] #modalbox :is(p,.ui-prose){line-height:1.85!important}
body[data-ui-page="index"] #modalbox button{margin-top:6px}

/* Long document reading shares page scroll; tree retains its independent navigation scroll. */
body[data-ui-page="kb"] .readme{max-height:none!important;overflow:visible!important;white-space:pre-wrap!important;line-height:1.95!important;padding:24px!important;margin-block:20px!important}
body[data-ui-page="kb"] .row{padding:18px!important;margin-bottom:12px!important}
body[data-ui-page="kb"] .row .sm{line-height:1.85!important;white-space:normal!important;overflow-wrap:anywhere;text-overflow:clip!important}
body[data-ui-page="kb"] .progbar{row-gap:14px!important}
body[data-ui-page="kb"] .nd .nm{font-size:16px!important;font-weight:600}
body[data-ui-page="kb"] .nd .ds{font-size:14px!important;line-height:1.85!important}
body[data-ui-page="kb"] .kids{margin-block:10px!important;padding-left:12px!important}
body[data-ui-page="kb"] .kids .nd{margin-bottom:8px}
body[data-ui-page="profile"] :is(.f,.blk){margin-block:20px!important}
body[data-ui-page="profile"] .f>label{display:block;margin-bottom:10px}
body[data-ui-page="profile"] .f textarea{min-height:132px!important;line-height:1.85!important}
body[data-ui-page="plan"] :is(.part,.gy .step){padding:24px!important;margin-block:24px!important}
body[data-ui-page="plan"] :is(.preview,.pv,.note,.small){line-height:1.85!important}
body[data-ui-page="plan"] .gy .qi{padding:20px!important;margin-bottom:18px!important}
body[data-ui-page="plan"] .gy .qi label{font-size:16px!important;line-height:1.75!important;margin-bottom:10px!important;display:block}
body[data-ui-page="plan"] .gy .qi .hint{margin-bottom:12px!important}
body[data-ui-page="plan"] .gy .grp{font-size:18px!important;color:var(--ui-violet-800)!important;padding:16px 0!important;margin-top:28px!important;background:transparent!important}
body[data-ui-page="plan"] .gy .qi textarea{min-height:112px!important;line-height:1.85!important}
body[data-ui-page="setup"] :is(.one .lane,.lamprow,.lampdet){line-height:1.85!important}
body[data-ui-page="setup"] .one .lane{padding-block:22px!important}
body[data-ui-page="setup"] .say{margin-block:18px!important;line-height:1.85!important}
body[data-ui-page="agents"] :is(.desc,.sub,.rule,.body){line-height:1.85!important}
body[data-ui-page="agents"] .grid{gap:24px!important}
body[data-ui-page="agents"] .ds{white-space:normal!important;text-overflow:clip!important;overflow:visible!important;line-height:1.85!important;margin-block:10px!important}
body[data-ui-page="intel"] .drawer{background:rgba(249,245,253,.94)!important;backdrop-filter:blur(24px) saturate(1.2)!important;border-left:1px solid rgba(255,255,255,.9)!important;padding:24px!important}
body[data-ui-page="intel"] .drawer label{display:block;font-size:15px!important;line-height:1.75!important;margin-top:18px!important;margin-bottom:8px!important}
body[data-ui-page="intel"] .drawer :is(input,textarea){margin-bottom:10px!important}
body[data-ui-page="intel"] :is(.dd .con,.c .body,.note){line-height:1.85!important}
body[data-ui-page="gallery"] :is(.chips,.dz){margin-block:20px!important}
body[data-ui-page="gallery"] .dz input[type="file"]{box-sizing:border-box;display:block;width:100%!important;min-width:0!important;max-width:100%!important;margin-top:14px!important;font-size:14px!important;padding:8px!important}
body[data-ui-page="pyq"] :is(.ver,.st,.wkd){padding:18px!important}
body[data-ui-page="welcome"] :is(p,.sub,.desc){line-height:1.85!important}
body[data-ui-page="md_view"] :is(.view,.md,.editor,textarea){line-height:1.9!important}
body[data-ui-page="tupu"] .st{padding:22px!important;line-height:1.85!important}
body[data-ui-page="proposal_template"] :is(p,li){line-height:1.85!important}
body[data-ui-page="transcription_assistant"] :is(.help,.hint,.desc,.status){line-height:1.85!important}
body[data-ui-page="poster_workbench"] :is(.demo,.hint,.rrow,.foot){line-height:1.8!important}
@media(max-width:600px){
 body[data-ui-page] :is(td,th){padding:12px!important}
 body[data-ui-page="kb"] .readme{padding:18px!important}
}
/* Browser pass: text rules beat legacy highly-specific compact declarations. */
body[data-ui-page] :is(.page,.wrap,.gy,.work,.card,.panel,.blk,#modalbox) :is(.ui-prose,p,li,textarea){line-height:1.85!important}
body[data-ui-page] :is(.page,.wrap,.gy,.work,.card,.panel,.blk,#modalbox) :is(.muted,.hint,.sub,.small,.sm,.ui-note){line-height:1.75!important}
body[data-ui-page="index"] .mt-kpi b[style*="var(--red)"]{color:var(--ui-danger)!important}
body[data-ui-page="index"] .mt-kpi b[style*="var(--blue)"]{color:var(--ui-violet-800)!important}
body[data-ui-page="index"] .mt-c .in>[title]{font-size:14px!important;line-height:1.75!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;margin-block:10px!important}
body[data-ui-page="index"] .mt-c .in{padding:16px!important}
body[data-ui-page="index"] #tab-customers :is(.bk-banner,#custtable .nx){line-height:1.85!important}
body[data-ui-page="index"] #pyq-wizard .chip{line-height:1.75!important;white-space:normal!important}
@container business (min-width:920px){body[data-ui-page="index"] .wz-steps{grid-template-columns:repeat(5,minmax(0,1fr))!important}}

/* V1.5 notification-only glass sample: transparent frame, quiet backdrop, readable surface. */
body[data-ui-page="index"] #modal:has(.ui-notif-panel){
  background:rgba(46,24,66,.09)!important;
  backdrop-filter:blur(1.5px)!important;
  -webkit-backdrop-filter:blur(1.5px)!important;
}
body[data-ui-page="index"] #modal:has(.ui-notif-panel) #modalbox{
  box-sizing:border-box;
  width:min(840px,calc(100vw - 40px))!important;
  padding:18px!important;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:26px!important;
  background:linear-gradient(140deg,rgba(255,255,255,.55),rgba(219,190,240,.28) 52%,rgba(255,255,255,.42))!important;
  box-shadow:0 28px 80px rgba(67,35,91,.23),inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.25)!important;
  backdrop-filter:blur(16px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(145%)!important;
}
body[data-ui-page="index"] #modal .ui-notif-panel{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.9);
  border-radius:18px;
  background:rgba(255,255,255,.62);
  box-shadow:0 10px 30px rgba(57,31,75,.09);
}
body[data-ui-page="index"] #modal .ui-notif-head{
  padding:22px 28px 20px;
  border-bottom:1px solid rgba(255,255,255,.82);
  background:linear-gradient(115deg,rgba(226,206,242,.76),rgba(242,232,250,.46));
}
body[data-ui-page="index"] #modal .ui-notif-kicker{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:4px 11px;
  border:1px solid rgba(113,64,164,.18);
  border-radius:999px;
  background:rgba(255,255,255,.54);
  color:var(--ui-violet-800);
  font-size:13px;
  font-weight:700;
  letter-spacing:.06em;
  line-height:1.35;
}
body[data-ui-page="index"] #modal .ui-notif-head h2{
  margin:12px 0 0!important;
  color:#31243b;
  font-size:20px!important;
  font-weight:700;
  line-height:1.6!important;
}
body[data-ui-page="index"] #modal .ui-notif-content{
  padding:22px 28px;
  background:rgba(255,255,255,.7);
}
body[data-ui-page="index"] #modal .ui-notif-content [onclick^="notifClick"]>div:nth-child(2){min-width:0}
body[data-ui-page="index"] #modal .ui-notif-foot{
  padding:14px 28px 20px;
  border-top:1px solid rgba(113,64,164,.1);
  background:rgba(249,246,253,.72);
}
body[data-ui-page="index"] #modal .ui-notif-foot button{margin:0!important}
@media(max-width:640px){
  body[data-ui-page="index"] #modal:has(.ui-notif-panel) #modalbox{padding:11px!important;border-radius:21px!important}
  body[data-ui-page="index"] #modal .ui-notif-panel{border-radius:14px}
  body[data-ui-page="index"] #modal .ui-notif-head{padding:18px}
  body[data-ui-page="index"] #modal .ui-notif-head h2{font-size:18px!important}
  body[data-ui-page="index"] #modal .ui-notif-content{padding:18px}
  body[data-ui-page="index"] #modal .ui-notif-foot{padding:12px 18px 18px}
}

/* V1.6: three intentionally different glass depths for a menu, a short task dialog and a detail drawer. */
body[data-ui-page="index"] #tcn-badge .menu{
  box-sizing:border-box;
  min-width:296px!important;
  width:296px;
  max-width:calc(100vw - 24px);
  padding:11px!important;
  border:1px solid rgba(255,255,255,.94)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(213,177,237,.31) 52%,rgba(255,255,255,.42))!important;
  box-shadow:0 22px 62px rgba(59,32,82,.21),inset 0 1px 0 rgba(255,255,255,.98)!important;
  backdrop-filter:blur(16px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(145%)!important;
}
body[data-ui-page="index"] #tcn-badge .ui-account-surface{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.88);
  border-radius:15px;
  background:rgba(255,255,255,.94);
  box-shadow:0 8px 24px rgba(59,32,82,.08);
  padding-bottom:8px;
}
body[data-ui-page="index"] #tcn-badge .menu .mi-name{
  margin:0 0 8px!important;
  padding:15px 16px!important;
  color:#443052!important;
  font-size:16px!important;
  line-height:1.65!important;
  font-weight:650;
  border-bottom:1px solid rgba(113,64,164,.13)!important;
  background:linear-gradient(115deg,rgba(228,207,244,.91),rgba(248,241,253,.94));
}
body[data-ui-page="index"] #tcn-badge .menu button{
  width:calc(100% - 20px)!important;
  min-height:44px;
  margin:6px 10px 0!important;
  padding:10px 12px!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.92)!important;
  color:#4B2C6A!important;
}
body[data-ui-page="index"] #tcn-badge .menu button:hover,
body[data-ui-page="index"] #tcn-badge .menu button:focus-visible{background:rgba(224,202,242,.63)!important;outline:2px solid rgba(113,64,164,.35);outline-offset:1px}

body[data-ui-page="index"] #modal:has(.ui-action-glass){
  background:rgba(46,24,66,.1)!important;
  backdrop-filter:blur(1.5px)!important;
  -webkit-backdrop-filter:blur(1.5px)!important;
}
body[data-ui-page="index"] #modal:has(.ui-action-glass) #modalbox{
  box-sizing:border-box;
  width:min(640px,calc(100vw - 40px))!important;
  padding:15px!important;
  border:1px solid rgba(255,255,255,.94)!important;
  border-radius:25px!important;
  background:linear-gradient(140deg,rgba(255,255,255,.54),rgba(215,182,240,.3) 55%,rgba(255,255,255,.4))!important;
  box-shadow:0 26px 72px rgba(59,32,82,.22),inset 0 1px 0 rgba(255,255,255,.97)!important;
  backdrop-filter:blur(16px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(145%)!important;
}
body[data-ui-page="index"] #modal .ui-action-glass{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.9);
  border-radius:16px;
  background:rgba(255,255,255,.72);
  box-shadow:0 8px 26px rgba(59,32,82,.08);
}
body[data-ui-page="index"] #modal .ui-action-head{
  padding:20px 26px 18px;
  border-bottom:1px solid rgba(113,64,164,.12);
  background:linear-gradient(115deg,rgba(215,187,239,.52),rgba(246,236,252,.62));
}
body[data-ui-page="index"] #modal .ui-action-head h2{margin:0!important;font-size:21px!important;line-height:1.55!important;color:#31243b}
body[data-ui-page="index"] #modal .ui-action-main{padding:24px 26px 8px;background:rgba(255,255,255,.7)}
body[data-ui-page="index"] #modal .ui-action-main input{min-height:44px!important}
body[data-ui-page="index"] #modal .ui-action-main>div{gap:12px!important;margin-top:18px!important}
body[data-ui-page="index"] #modal .ui-action-foot{
  display:flex;flex-wrap:wrap;gap:10px;
  padding:18px 26px 22px;
  border-top:1px solid rgba(113,64,164,.1);
  background:rgba(249,246,253,.78);
}
body[data-ui-page="index"] #modal .ui-action-foot button{margin:0!important;min-height:42px}

body[data-ui-page="index"] #drawer{
  box-sizing:border-box;
  top:10px!important;right:10px!important;bottom:10px!important;
  width:min(760px,calc(100vw - 20px))!important;
  padding:10px!important;
  border:1px solid rgba(255,255,255,.93)!important;
  border-radius:24px!important;
  background:linear-gradient(140deg,rgba(255,255,255,.56),rgba(215,183,240,.3) 58%,rgba(255,255,255,.43))!important;
  box-shadow:-18px 22px 68px rgba(59,32,82,.19),inset 0 1px 0 rgba(255,255,255,.96)!important;
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  overflow:hidden;
}
body[data-ui-page="index"] #drawer #dhead{
  flex:none;
  padding:18px 22px!important;
  border:1px solid rgba(255,255,255,.88)!important;
  border-bottom:1px solid rgba(113,64,164,.13)!important;
  border-radius:15px 15px 0 0;
  background:linear-gradient(115deg,rgba(215,187,239,.65),rgba(246,236,252,.73));
}
body[data-ui-page="index"] #drawer #dhead .t{color:#34233e;font-size:19px!important;line-height:1.55!important;min-width:0;overflow-wrap:anywhere}
body[data-ui-page="index"] #drawer #dbody{
  flex:1;min-height:0;
  padding:24px 26px!important;
  border:1px solid rgba(255,255,255,.88);
  border-top:0;
  border-radius:0 0 15px 15px;
  background:rgba(255,255,255,.79);
  line-height:1.85;
}
@media(max-width:640px){
  body[data-ui-page="index"] #top{overflow:visible!important}
  body[data-ui-page="index"] #tcn-badge .menu{width:min(296px,calc(100vw - 24px));min-width:0!important;padding:8px!important;border-radius:18px!important}
  body[data-ui-page="index"] #modal:has(.ui-action-glass) #modalbox{padding:10px!important;border-radius:20px!important}
  body[data-ui-page="index"] #modal .ui-action-head{padding:18px}
  body[data-ui-page="index"] #modal .ui-action-head h2{font-size:18px!important}
  body[data-ui-page="index"] #modal .ui-action-main{padding:18px 18px 8px}
  body[data-ui-page="index"] #modal .ui-action-foot{padding:15px 18px 18px}
  body[data-ui-page="index"] #drawer{top:6px!important;right:6px!important;bottom:6px!important;width:calc(100vw - 12px)!important;padding:6px!important;border-radius:18px!important}
  body[data-ui-page="index"] #drawer #dhead{padding:13px 14px!important;border-radius:12px 12px 0 0}
  body[data-ui-page="index"] #drawer #dhead .t{font-size:17px!important}
  body[data-ui-page="index"] #drawer #dbody{padding:18px!important;border-radius:0 0 12px 12px}
  body[data-ui-page="index"] #drawer #dbody table,
  body[data-ui-page="index"] #drawer #dbody tbody{display:block!important;width:100%!important;max-width:100%!important;overflow:visible!important}
  body[data-ui-page="index"] #drawer #dbody tr{display:grid!important;grid-template-columns:minmax(96px,34%) minmax(0,1fr)!important;width:100%!important}
  body[data-ui-page="index"] #drawer #dbody :is(th,td){display:block!important;min-width:0!important;width:auto!important;padding:10px 12px!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.75!important}
  body[data-ui-page="index"] #drawer #dbody td[colspan]{grid-column:auto!important}
}

/* V1.7 floating surfaces: readable centers with a translucent lilac rim. */
body[data-ui-page="index"] #modal:has(#modalbox:not(:has(.ui-notif-panel,.ui-action-glass))){
  background:rgba(46,24,66,.11)!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
}
body[data-ui-page="index"] #modal #modalbox:not(:has(.ui-notif-panel,.ui-action-glass)){
  box-sizing:border-box;
  width:min(780px,calc(100vw - 32px))!important;
  border:11px solid transparent!important;
  border-radius:26px!important;
  background:linear-gradient(rgba(250,247,253,.94),rgba(250,247,253,.94)) padding-box,
             linear-gradient(135deg,rgba(255,255,255,.75),rgba(207,170,236,.42) 52%,rgba(255,255,255,.64)) border-box!important;
  box-shadow:0 28px 78px rgba(63,34,86,.22),inset 0 1px 0 rgba(255,255,255,.96)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
  scrollbar-gutter:stable;
}
body[data-ui-page="index"] #modal #modalbox:not(:has(.ui-notif-panel,.ui-action-glass))>:is(h2,h3):first-child{
  margin:-6px -8px 22px!important;
  padding:15px 18px!important;
  border:1px solid rgba(255,255,255,.76);
  border-radius:12px;
  background:linear-gradient(110deg,rgba(225,203,242,.88),rgba(247,237,252,.92));
  color:#35243f!important;
  line-height:1.55!important;
}
body[data-ui-page="index"] #modal #modalbox:not(:has(.ui-notif-panel,.ui-action-glass)) :is(input,textarea,select){background-color:rgba(255,255,255,.94)}

body[data-ui-page="index"] :is(.cmenu,.xq-menu,.pmenu .pop,.bk-more){
  box-sizing:border-box;
  border:5px solid transparent!important;
  border-radius:17px!important;
  background:linear-gradient(rgba(250,247,253,.96),rgba(250,247,253,.96)) padding-box,
             linear-gradient(135deg,rgba(255,255,255,.74),rgba(205,169,236,.5),rgba(255,255,255,.68)) border-box!important;
  box-shadow:0 18px 48px rgba(63,34,86,.2),inset 0 1px 0 rgba(255,255,255,.92)!important;
  backdrop-filter:blur(16px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(135%)!important;
  color:#3e2b4b;
}
body[data-ui-page="index"] :is(.cmenu,.xq-menu,.pmenu .pop,.bk-more) :is(button,div){line-height:1.65}
body[data-ui-page="index"] :is(.cmenu,.xq-menu,.pmenu .pop,.bk-more) :is(button,div):hover{background:rgba(225,205,242,.58)!important}
body[data-ui-page="index"] .cmenu{z-index:1000!important}
body[data-ui-page="index"] .bk-more{z-index:120!important;max-width:min(340px,calc(100vw - 24px))}
body[data-ui-page="index"] .pmenu .pop{max-width:min(340px,calc(100vw - 24px))}
body[data-ui-page="index"] #izmask{z-index:940!important;background:rgba(46,24,66,.13)!important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
body[data-ui-page="index"] #izdrawer{
  z-index:945!important;
  top:10px!important;bottom:10px!important;height:calc(100dvh - 20px)!important;
  width:min(620px,calc(100vw - 20px))!important;
  border:10px solid transparent!important;
  border-radius:24px!important;
  background:linear-gradient(rgba(250,247,253,.91),rgba(250,247,253,.91)) padding-box,
             linear-gradient(135deg,rgba(255,255,255,.74),rgba(205,169,236,.43),rgba(255,255,255,.62)) border-box!important;
  box-shadow:-18px 24px 68px rgba(63,34,86,.2)!important;
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  overflow:auto;
}
body[data-ui-page="index"] #izdrawer.open{right:10px!important}
body[data-ui-page="index"] #izdrawer .ct{background:rgba(255,255,255,.91);padding:24px 26px 48px!important}
body[data-ui-page="index"] #modal{z-index:950}
body[data-ui-page="index"] #toast{z-index:980}

body[data-ui-page="agents"] .modal{
  z-index:500!important;
  background:rgba(46,24,66,.12)!important;
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
  padding:16px;
}
body[data-ui-page="agents"] .mbox{
  box-sizing:border-box;
  width:min(980px,calc(100vw - 32px))!important;
  max-height:calc(100dvh - 32px)!important;
  border:11px solid transparent!important;
  border-radius:25px!important;
  background:linear-gradient(rgba(250,247,253,.94),rgba(250,247,253,.94)) padding-box,
             linear-gradient(135deg,rgba(255,255,255,.74),rgba(205,169,236,.44),rgba(255,255,255,.64)) border-box!important;
  box-shadow:0 28px 78px rgba(63,34,86,.22)!important;
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  min-height:0;
}
body[data-ui-page="agents"] .mbox>h3:first-child{
  padding:14px 16px!important;
  margin:0 0 14px!important;
  border-radius:11px;
  background:linear-gradient(110deg,rgba(225,203,242,.88),rgba(247,237,252,.92));
  color:#35243f;
}

body[data-ui-page="intel"] .drawer{
  box-sizing:border-box;
  top:10px!important;
  height:calc(100dvh - 20px)!important;
  right:-440px!important;
  width:min(420px,calc(100vw - 20px))!important;
  border:10px solid transparent!important;
  border-radius:24px!important;
  background:linear-gradient(rgba(250,247,253,.94),rgba(250,247,253,.94)) padding-box,
             linear-gradient(135deg,rgba(255,255,255,.74),rgba(205,169,236,.46),rgba(255,255,255,.65)) border-box!important;
  box-shadow:-18px 24px 68px rgba(63,34,86,.19)!important;
  backdrop-filter:blur(18px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
  padding:12px!important;
  overflow:auto;
}
body[data-ui-page="intel"] .drawer.open{right:10px!important}
body[data-ui-page="intel"] .drawer>.hd{
  padding:15px 16px!important;
  margin:0 0 16px!important;
  border:1px solid rgba(255,255,255,.8);
  border-radius:12px;
  background:linear-gradient(110deg,rgba(225,203,242,.88),rgba(247,237,252,.92));
}
body[data-ui-page="intel"] .pv{background:rgba(46,24,66,.34)!important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
body[data-ui-page="intel"] .pv img{border:9px solid rgba(255,255,255,.52);border-radius:20px!important;box-shadow:0 22px 60px rgba(30,16,43,.32)!important}

body[data-ui-page="brain"] #v5mask,body[data-ui-page="plan"] #v5mask{background:rgba(46,24,66,.13)!important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
body[data-ui-page="brain"] #v5drawer,body[data-ui-page="plan"] #v5drawer{
  box-sizing:border-box;
  top:10px!important;right:10px!important;bottom:10px!important;
  width:min(760px,calc(100vw - 20px))!important;
  border:10px solid transparent!important;
  border-radius:24px!important;
  background:linear-gradient(rgba(250,247,253,.94),rgba(250,247,253,.94)) padding-box,
             linear-gradient(135deg,rgba(255,255,255,.74),rgba(205,169,236,.45),rgba(255,255,255,.64)) border-box!important;
  box-shadow:-18px 24px 68px rgba(63,34,86,.2)!important;
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  overflow:hidden;
}
body[data-ui-page="brain"] #v5drawer .dh,body[data-ui-page="plan"] #v5drawer .dh{
  padding:15px 18px!important;
  border:1px solid rgba(255,255,255,.8)!important;
  border-bottom:1px solid rgba(113,64,164,.13)!important;
  border-radius:13px 13px 0 0;
  background:linear-gradient(110deg,rgba(225,203,242,.88),rgba(247,237,252,.92));
}
body[data-ui-page="brain"] #v5drawer .db,body[data-ui-page="plan"] #v5drawer .db{min-height:0;border:1px solid rgba(255,255,255,.82);border-top:0;background:rgba(255,255,255,.91)!important}
body[data-ui-page="brain"] #v5drawer .df,body[data-ui-page="plan"] #v5drawer .df{background:rgba(248,242,253,.94);border-radius:0 0 13px 13px}
@media(max-width:640px){
  body[data-ui-page="md_view"] .bar{flex-wrap:wrap;gap:8px}
  body[data-ui-page="md_view"] .bar .path{flex:0 0 100%;white-space:normal;overflow-wrap:anywhere}
  body[data-ui-page="md_view"] .bar .btn{white-space:nowrap;flex:1 0 auto;min-width:0}
}
@media(max-width:640px){
  body[data-ui-page="index"] #modal #modalbox:not(:has(.ui-notif-panel,.ui-action-glass)){width:calc(100vw - 20px)!important;border-width:7px!important;border-radius:19px!important;padding:18px!important;scrollbar-gutter:auto}
  body[data-ui-page="index"] #modal #modalbox:not(:has(.ui-notif-panel,.ui-action-glass))>:is(h2,h3):first-child{margin:-4px -4px 18px!important;padding:12px 14px!important}
  body[data-ui-page="index"] #izdrawer{top:6px!important;bottom:6px!important;height:calc(100dvh - 12px)!important;width:calc(100vw - 12px)!important;border-width:6px!important;border-radius:18px!important}
  body[data-ui-page="index"] #izdrawer.open{right:6px!important}
  body[data-ui-page="index"] #izdrawer .ct{padding:18px!important}
  body[data-ui-page="agents"] .mbox{width:calc(100vw - 20px)!important;border-width:7px!important;border-radius:19px!important;padding:14px!important}
  body[data-ui-page="intel"] .drawer{top:6px!important;height:calc(100dvh - 12px)!important;width:calc(100vw - 12px)!important;border-width:6px!important;border-radius:18px!important}
  body[data-ui-page="intel"] .drawer.open{right:6px!important}
  body[data-ui-page="brain"] #v5drawer,body[data-ui-page="plan"] #v5drawer{top:6px!important;right:6px!important;bottom:6px!important;width:calc(100vw - 12px)!important;border-width:6px!important;border-radius:18px!important}
}

/* V1.7 closeout: retain glass at the edge, but keep reading surfaces and long menus legible. */
body[data-ui-page="index"] #modal .ui-notif-panel{background:rgba(255,255,255,.9)!important}
body[data-ui-page="index"] #modal .ui-notif-head{background:linear-gradient(115deg,rgba(227,207,243,.96),rgba(245,235,251,.92))!important}
body[data-ui-page="index"] #modal .ui-notif-content{background:rgba(255,255,255,.96)!important}
body[data-ui-page="index"] #modal .ui-notif-foot{background:rgba(250,247,253,.94)!important}
body[data-ui-page="index"] .bk-more.bk-more{
  box-sizing:border-box;
  min-width:0!important;
  width:min(320px,calc(100vw - 32px))!important;
  max-width:min(320px,calc(100vw - 32px))!important;
  max-height:min(65dvh,520px);
  overflow-y:auto;
  background:linear-gradient(rgba(250,247,253,.98),rgba(250,247,253,.98)) padding-box,
             linear-gradient(135deg,rgba(255,255,255,.8),rgba(205,169,236,.54),rgba(255,255,255,.72)) border-box!important;
}
body[data-ui-page="index"] .bk-more>div{padding:10px 12px!important;line-height:1.65!important;overflow-wrap:anywhere}
body[data-ui-page="index"] .pmenu .pop{
  box-sizing:border-box;
  width:min(300px,calc(100vw - 48px));
  max-width:min(300px,calc(100vw - 48px));
  max-height:min(68dvh,540px);
  overflow-y:auto;
  background:linear-gradient(rgba(250,247,253,.98),rgba(250,247,253,.98)) padding-box,
             linear-gradient(135deg,rgba(255,255,255,.8),rgba(205,169,236,.54),rgba(255,255,255,.72)) border-box!important;
}
@media(max-width:640px){
  body[data-ui-page="index"] .pmenu .pop{left:0!important;right:auto!important}
}
body[data-ui-page="setup"] #zoombox{
  background:rgba(35,20,52,.52)!important;
  backdrop-filter:blur(8px) saturate(120%);
  -webkit-backdrop-filter:blur(8px) saturate(120%);
}
body[data-ui-page="setup"] #zoombox img{
  box-sizing:border-box;
  max-width:calc(100vw - 28px);
  max-height:calc(100dvh - 56px);
  border:9px solid rgba(255,255,255,.6);
  border-radius:22px!important;
  box-shadow:0 26px 70px rgba(30,16,43,.36),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
body[data-ui-page="index"] .cmenu{max-height:min(70dvh,480px);overflow-y:auto}
@media(max-width:640px){
  body[data-ui-page="plan"] .works{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  body[data-ui-page="plan"] .works .work{min-height:0!important;padding:16px!important}
  body[data-ui-page="pyq"] :is(.steps,.wk){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-ui-page="pyq"] .steps .st{min-height:0!important;padding:16px!important}
  body[data-ui-page="kb"]:not([data-ui-page="index"])>.top>img{grid-column:1/-1!important;grid-row:1!important}
  body[data-ui-page="kb"]:not([data-ui-page="index"])>.top>h1{grid-column:1/-1!important;grid-row:2!important;line-height:1.4!important}
  body[data-ui-page="kb"]>.top>h1 span{display:block;margin-top:8px;font-size:14px!important;line-height:1.7!important}
}



/* UI V1.9 · 招客猫品牌图形与单色导航图标（presentation only） */
.zk-nav-icon{width:1.18em;height:1.18em;display:inline-block;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
body[data-ui-page="index"] #top>.zk-brand-mark{width:48px!important;height:48px!important;max-width:48px!important;object-fit:contain!important;filter:drop-shadow(0 6px 14px rgba(113,64,164,.14))}
body[data-ui-page="index"] #top>.name{min-width:168px!important;max-width:210px!important;display:flex!important;flex-direction:column;justify-content:center;gap:1px;line-height:1.18!important}
body[data-ui-page="index"] #top>.name .zk-brand-title{font-size:18px!important;font-weight:800!important;letter-spacing:.04em;color:#382443!important}
body[data-ui-page="index"] #top>.name b{font-size:14px!important;font-weight:650!important;letter-spacing:.01em;color:#6F6976!important}
body[data-ui-page="index"] #tabs button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
body[data-ui-page="index"] #tabs button .zk-nav-icon{font-size:17px;color:#6F6976;transition:color .18s ease,transform .18s ease}
body[data-ui-page="index"] #tabs button:hover .zk-nav-icon,body[data-ui-page="index"] #tabs button.on .zk-nav-icon{color:var(--ui-violet-700);transform:translateY(-1px)}
body[data-ui-page="index"] #notifbtn{display:inline-flex!important;align-items:center!important;justify-content:center!important}
body[data-ui-page="index"] #notifbtn .zk-nav-icon{font-size:18px;color:var(--ui-violet-700)}
body[data-ui-page="index"] #side .gh{display:flex!important;align-items:center!important;gap:10px!important}
body[data-ui-page="index"] #side .gh>.zk-nav-icon{font-size:19px;color:var(--ui-violet-700)}
body[data-ui-page="index"] #side .si.adv-bottom{display:flex!important;align-items:center!important;gap:10px!important}
body[data-ui-page="index"] #side .si.adv-bottom>.zk-nav-icon{font-size:18px;color:var(--ui-violet-700)}
body[data-ui-page="index"] #journey .zk-step-icon{width:16px;height:16px;vertical-align:-3px;color:currentColor}
body[data-ui-page="index"] .zk-login-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;color:#382443}
body[data-ui-page="index"] .zk-login-brand img{width:42px;height:42px;object-fit:contain}
body[data-ui-page="index"] .zk-login-brand b{font-size:16px;letter-spacing:.02em}
body[data-ui-page]:not([data-ui-page="index"]) :is(.top,.logo)>img[src$="logo_zhaokemao_mark.png"]{width:42px!important;height:42px!important;object-fit:contain!important;flex:0 0 auto;filter:drop-shadow(0 5px 12px rgba(113,64,164,.13))}
@media (max-width:760px){body[data-ui-page="index"] #top>.zk-brand-mark{width:40px!important;height:40px!important;max-width:40px!important}body[data-ui-page="index"] #top>.name .zk-brand-title{font-size:17px!important}body[data-ui-page="index"] #top>.name b{font-size:13px!important}}

/* UI V1.10 · 船长确认的猫爪版官方Logo与克制品牌水印 */
body[data-ui-page="index"]>.page{
  background-image:url("/assets/logo_zhaokemao_watermark.png")!important;
  background-repeat:no-repeat!important;
  background-position:right 28px bottom 26px!important;
  background-size:clamp(220px,24vw,340px) auto!important;
}
body[data-ui-page="index"] #xq .xq-log:empty{
  background-image:url("/assets/logo_zhaokemao_watermark.png")!important;
  background-repeat:no-repeat!important;
  background-position:center 44%!important;
  background-size:148px auto!important;
}
body[data-ui-page="index"] #modalbox:has(.zk-login-brand){position:relative!important;isolation:isolate}
body[data-ui-page="index"] #modalbox:has(.zk-login-brand)::after{
  content:"";position:absolute;right:18px;bottom:16px;width:132px;height:132px;
  background:url("/assets/logo_zhaokemao_watermark.png") center/contain no-repeat;
  pointer-events:none;z-index:-1;
}
body[data-ui-page="welcome"]>.wrap{
  background-image:url("/assets/logo_zhaokemao_watermark.png")!important;
  background-repeat:no-repeat!important;
  background-position:right 18px top 128px!important;
  background-size:260px auto!important;
}
body[data-ui-page="welcome"] .logo>img[src$="logo_zhaokemao_official.png"]{
  width:88px!important;height:88px!important;max-width:88px!important;object-fit:cover!important;
  border-radius:20px!important;box-shadow:0 12px 30px rgba(78,38,112,.18)!important;
}
body[data-ui-page]:not([data-ui-page="index"]):not([data-ui-page="welcome"]){
  background-image:url("/assets/logo_zhaokemao_watermark.png"),radial-gradient(circle at 3% 4%,rgba(193,161,210,.44),transparent 28rem),radial-gradient(circle at 96% 10%,rgba(143,80,210,.18),transparent 34rem),radial-gradient(ellipse at 42% 85%,rgba(193,161,210,.25),transparent 38rem),linear-gradient(145deg,#FBF9FD 0%,#EEE7F4 52%,#F4F4F2 100%)!important;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat!important;
  background-position:right 30px bottom 26px,3% 4%,96% 10%,42% 85%,center!important;
  background-size:280px auto,auto,auto,auto,auto!important;
  background-attachment:fixed,fixed,fixed,fixed,fixed!important;
}
@media(max-width:760px){
  body[data-ui-page="index"]>.page{background-position:right 12px bottom 16px!important;background-size:150px auto!important}
  body[data-ui-page="welcome"]>.wrap{background-position:right 8px top 112px!important;background-size:150px auto!important}
  body[data-ui-page="welcome"] .logo>img[src$="logo_zhaokemao_official.png"]{width:72px!important;height:72px!important;max-width:72px!important;border-radius:17px!important}
  body[data-ui-page]:not([data-ui-page="index"]):not([data-ui-page="welcome"]){background-size:150px auto,auto,auto,auto,auto!important;background-position:right 12px bottom 14px,3% 4%,96% 10%,42% 85%,center!important}
}

/* ========================================================================== */
/* UI V1.12 differentiated theme system. Tokens are the only variable layer. */
/* ========================================================================== */
html[data-theme="purple-mist"]{
  --theme-primary:#8F50D2;
  --theme-primary-700:#7140A4;
  --theme-primary-800:#5D328A;
  --theme-secondary:#C1A1D2;
  --theme-soft:#EEE3F6;
  --theme-faint:#F8F3FB;
  --theme-ink:#111111;
  --theme-ink-2:#44414A;
  --theme-ink-3:#6F6976;
  --theme-muted:#77717E;
  --theme-canvas:#F4F4F2;
  --theme-bg-1:#FBF9FD;
  --theme-bg-2:#EEE7F4;
  --theme-bg-3:#F4F4F2;
  --theme-bg-angle:145deg;
  --theme-glow-1:rgba(193,161,210,.44);
  --theme-glow-2:rgba(143,80,210,.18);
  --theme-glow-3:rgba(193,161,210,.25);
  --theme-line:rgba(113,64,164,.16);
  --theme-line-strong:rgba(113,64,164,.28);
  --theme-glass:rgba(255,255,255,.56);
  --theme-glass-strong:rgba(255,255,255,.82);
  --theme-glass-subtle:rgba(255,255,255,.54);
  --theme-glass-border:rgba(255,255,255,.80);
  --theme-panel-solid:#FFFFFF;
  --theme-panel-soft:#F8F5FA;
  --theme-input:rgba(255,255,255,.86);
  --theme-overlay:rgba(46,24,66,.18);
  --theme-shadow-color:rgba(68,36,96,.10);
  --theme-shadow-strong:rgba(71,36,105,.22);
  --theme-scroll:rgba(113,64,164,.52);
  --theme-scroll-solid:#9B72BB;
  --theme-watermark-opacity:.045;
  --theme-on-primary:#FFFFFF;
  --theme-glass-blur:24px;
  --theme-glass-saturation:1.28;
  --theme-success:#21865F;
  --theme-warning:#B7791F;
  --theme-danger:#C6455D;
  --theme-info:#3169B4;
}
html[data-theme="cloud-silver"]{
  --theme-primary:#465A72;
  --theme-primary-700:#34465C;
  --theme-primary-800:#27374A;
  --theme-secondary:#AAB6C3;
  --theme-soft:#E5EAF0;
  --theme-faint:#F5F7F9;
  --theme-ink:#17202A;
  --theme-ink-2:#3F4B58;
  --theme-ink-3:#697582;
  --theme-muted:#717B86;
  --theme-canvas:#E9EDF1;
  --theme-bg-1:#FCFDFE;
  --theme-bg-2:#E6EBF0;
  --theme-bg-3:#F1F3F5;
  --theme-bg-angle:160deg;
  --theme-glow-1:rgba(170,182,195,.46);
  --theme-glow-2:rgba(70,90,114,.14);
  --theme-glow-3:rgba(215,221,228,.42);
  --theme-line:rgba(52,70,92,.15);
  --theme-line-strong:rgba(52,70,92,.28);
  --theme-glass:rgba(255,255,255,.66);
  --theme-glass-strong:rgba(255,255,255,.91);
  --theme-glass-subtle:rgba(248,250,252,.68);
  --theme-glass-border:rgba(255,255,255,.92);
  --theme-panel-solid:#FFFFFF;
  --theme-panel-soft:#F3F5F7;
  --theme-input:rgba(255,255,255,.94);
  --theme-overlay:rgba(24,32,42,.16);
  --theme-shadow-color:rgba(36,48,61,.10);
  --theme-shadow-strong:rgba(31,42,54,.20);
  --theme-scroll:rgba(70,90,114,.44);
  --theme-scroll-solid:#7B8B9C;
  --theme-watermark-opacity:.026;
  --theme-on-primary:#FFFFFF;
  --theme-glass-blur:18px;
  --theme-glass-saturation:1.05;
  --theme-success:#247A59;
  --theme-warning:#A96D18;
  --theme-danger:#BF4056;
  --theme-info:#2E68A0;
}
html[data-theme="ocean-ice"]{
  --theme-primary:#087EA4;
  --theme-primary-700:#086486;
  --theme-primary-800:#064D69;
  --theme-secondary:#61C4D2;
  --theme-soft:#DDF3F6;
  --theme-faint:#EFF9FB;
  --theme-ink:#102730;
  --theme-ink-2:#34515C;
  --theme-ink-3:#607B86;
  --theme-muted:#67808A;
  --theme-canvas:#E6F2F5;
  --theme-bg-1:#F8FEFF;
  --theme-bg-2:#DDEFF4;
  --theme-bg-3:#EDF7F9;
  --theme-bg-angle:138deg;
  --theme-glow-1:rgba(97,196,210,.43);
  --theme-glow-2:rgba(8,126,164,.22);
  --theme-glow-3:rgba(111,190,225,.25);
  --theme-line:rgba(8,100,134,.17);
  --theme-line-strong:rgba(8,100,134,.31);
  --theme-glass:rgba(247,254,255,.61);
  --theme-glass-strong:rgba(249,254,255,.88);
  --theme-glass-subtle:rgba(240,251,253,.62);
  --theme-glass-border:rgba(255,255,255,.86);
  --theme-panel-solid:#FBFEFF;
  --theme-panel-soft:#EAF6F8;
  --theme-input:rgba(251,255,255,.92);
  --theme-overlay:rgba(4,48,66,.20);
  --theme-shadow-color:rgba(12,79,99,.12);
  --theme-shadow-strong:rgba(7,62,82,.24);
  --theme-scroll:rgba(8,100,134,.49);
  --theme-scroll-solid:#348EAA;
  --theme-watermark-opacity:.035;
  --theme-on-primary:#FFFFFF;
  --theme-glass-blur:22px;
  --theme-glass-saturation:1.34;
  --theme-success:#207C62;
  --theme-warning:#AD711F;
  --theme-danger:#C8465B;
  --theme-info:#087EA4;
}
html[data-theme="forest-emerald"]{
  --theme-primary:#16816C;
  --theme-primary-700:#116654;
  --theme-primary-800:#0C4E42;
  --theme-secondary:#78BFA6;
  --theme-soft:#DDEFE8;
  --theme-faint:#F0F8F5;
  --theme-ink:#132720;
  --theme-ink-2:#3C554D;
  --theme-ink-3:#687E76;
  --theme-muted:#6E817A;
  --theme-canvas:#E9F2EE;
  --theme-bg-1:#FAFEFC;
  --theme-bg-2:#DDEDE6;
  --theme-bg-3:#F0F5F2;
  --theme-bg-angle:132deg;
  --theme-glow-1:rgba(120,191,166,.41);
  --theme-glow-2:rgba(22,129,108,.18);
  --theme-glow-3:rgba(177,210,184,.29);
  --theme-line:rgba(17,102,84,.16);
  --theme-line-strong:rgba(17,102,84,.30);
  --theme-glass:rgba(249,255,252,.61);
  --theme-glass-strong:rgba(250,255,253,.88);
  --theme-glass-subtle:rgba(244,252,248,.61);
  --theme-glass-border:rgba(255,255,255,.86);
  --theme-panel-solid:#FCFFFD;
  --theme-panel-soft:#EAF4EF;
  --theme-input:rgba(252,255,253,.92);
  --theme-overlay:rgba(10,55,45,.19);
  --theme-shadow-color:rgba(20,79,64,.11);
  --theme-shadow-strong:rgba(13,66,53,.23);
  --theme-scroll:rgba(17,102,84,.48);
  --theme-scroll-solid:#438E79;
  --theme-watermark-opacity:.034;
  --theme-on-primary:#FFFFFF;
  --theme-glass-blur:20px;
  --theme-glass-saturation:1.22;
  --theme-success:#1E7B59;
  --theme-warning:#A87320;
  --theme-danger:#C44758;
  --theme-info:#2B6F9E;
}
html[data-theme="midnight-graphite"]{
  --theme-primary:#8AA8FF;
  --theme-primary-700:#6E8EEA;
  --theme-primary-800:#5572C8;
  --theme-secondary:#B98CFF;
  --theme-soft:#293340;
  --theme-faint:#202832;
  --theme-ink:#F4F7FB;
  --theme-ink-2:#D2DAE4;
  --theme-ink-3:#A7B2C0;
  --theme-muted:#9FAAB7;
  --theme-canvas:#0F1216;
  --theme-bg-1:#151A20;
  --theme-bg-2:#1B222B;
  --theme-bg-3:#101419;
  --theme-bg-angle:155deg;
  --theme-glow-1:rgba(68,91,125,.34);
  --theme-glow-2:rgba(138,168,255,.21);
  --theme-glow-3:rgba(91,62,128,.24);
  --theme-line:rgba(196,211,232,.17);
  --theme-line-strong:rgba(138,168,255,.34);
  --theme-glass:rgba(27,34,43,.74);
  --theme-glass-strong:rgba(31,39,50,.91);
  --theme-glass-subtle:rgba(24,30,38,.70);
  --theme-glass-border:rgba(220,231,246,.14);
  --theme-panel-solid:#1B222B;
  --theme-panel-soft:#222B36;
  --theme-input:rgba(21,27,35,.94);
  --theme-overlay:rgba(0,0,0,.58);
  --theme-shadow-color:rgba(0,0,0,.34);
  --theme-shadow-strong:rgba(0,0,0,.56);
  --theme-scroll:rgba(138,168,255,.58);
  --theme-scroll-solid:#6F82A8;
  --theme-watermark-opacity:.068;
  --theme-on-primary:#101419;
  --theme-glass-blur:28px;
  --theme-glass-saturation:1.20;
  --theme-success:#61C99C;
  --theme-warning:#E4B45C;
  --theme-danger:#F17D91;
  --theme-info:#8AB8FF;
}
html[data-theme="warm-gold"]{
  --theme-primary:#9A5B24;
  --theme-primary-700:#7A451C;
  --theme-primary-800:#5D3416;
  --theme-secondary:#D4B16A;
  --theme-soft:#F2E3CC;
  --theme-faint:#FCF6EC;
  --theme-ink:#2B2118;
  --theme-ink-2:#58483B;
  --theme-ink-3:#806F61;
  --theme-muted:#827469;
  --theme-canvas:#F2E8DA;
  --theme-bg-1:#FFFCF7;
  --theme-bg-2:#EEDFCB;
  --theme-bg-3:#F8F0E5;
  --theme-bg-angle:124deg;
  --theme-glow-1:rgba(212,177,106,.39);
  --theme-glow-2:rgba(154,91,36,.17);
  --theme-glow-3:rgba(225,170,118,.29);
  --theme-line:rgba(122,69,28,.16);
  --theme-line-strong:rgba(122,69,28,.30);
  --theme-glass:rgba(255,251,244,.63);
  --theme-glass-strong:rgba(255,252,247,.89);
  --theme-glass-subtle:rgba(252,246,237,.63);
  --theme-glass-border:rgba(255,255,255,.86);
  --theme-panel-solid:#FFFDF9;
  --theme-panel-soft:#F8EFE3;
  --theme-input:rgba(255,253,248,.93);
  --theme-overlay:rgba(61,38,21,.19);
  --theme-shadow-color:rgba(91,57,31,.12);
  --theme-shadow-strong:rgba(78,46,24,.23);
  --theme-scroll:rgba(122,69,28,.48);
  --theme-scroll-solid:#A37854;
  --theme-watermark-opacity:.038;
  --theme-on-primary:#FFFFFF;
  --theme-glass-blur:17px;
  --theme-glass-saturation:1.12;
  --theme-success:#287A56;
  --theme-warning:#A96B15;
  --theme-danger:#C4474E;
  --theme-info:#376D99;
}

html[data-theme]{
  --ui-violet:var(--theme-primary);
  --ui-violet-700:var(--theme-primary-700);
  --ui-violet-800:var(--theme-primary-800);
  --ui-lilac:var(--theme-secondary);
  --ui-lilac-soft:var(--theme-soft);
  --ui-lilac-faint:var(--theme-faint);
  --ui-ink:var(--theme-ink);
  --ui-ink-2:var(--theme-ink-2);
  --ui-ink-3:var(--theme-ink-3);
  --ui-line:var(--theme-line);
  --ui-line-strong:var(--theme-line-strong);
  --ui-paper:var(--theme-panel-solid);
  --ui-canvas:var(--theme-canvas);
  --ui-glass:var(--theme-glass);
  --ui-glass-strong:var(--theme-glass-strong);
  --ui-glass-subtle:var(--theme-glass-subtle);
  --ui-shadow:0 18px 52px var(--theme-shadow-color),0 3px 14px rgba(17,17,17,.04);
  --ui-shadow-soft:0 10px 30px var(--theme-shadow-color),0 2px 8px rgba(17,17,17,.035);
  --ui-focus:0 0 0 4px color-mix(in srgb,var(--theme-primary) 20%,transparent);
  --brand:var(--theme-primary);
  --brand2:var(--theme-secondary);
  --brand-soft:var(--theme-soft);
  --brand-line:var(--theme-line-strong);
  --red:var(--theme-primary);
  --red2:var(--theme-primary-700);
  --red3:var(--theme-soft);
  --o:var(--theme-primary);
  --o2:var(--theme-soft);
  --orange:var(--theme-primary);
  --orange-d:var(--theme-primary-700);
  --orange-l:var(--theme-soft);
  --orange-ll:var(--theme-faint);
  --ink:var(--theme-ink);
  --ink2:var(--theme-ink-2);
  --ink3:var(--theme-ink-3);
  --mut:var(--theme-muted);
  --muted:var(--theme-muted);
  --line:var(--theme-line);
  --line2:var(--theme-line);
  --bg:var(--theme-canvas);
  --panel:var(--theme-panel-solid);
  --panel2:var(--theme-panel-soft);
  --ok:var(--theme-success);
  --warn:var(--theme-warning);
  --blue:var(--theme-info);
  background:var(--theme-canvas);
}
body[data-ui-page][data-theme]{
  color:var(--theme-ink)!important;
  background:
    radial-gradient(circle at 3% 4%,var(--theme-glow-1),transparent 28rem),
    radial-gradient(circle at 96% 10%,var(--theme-glow-2),transparent 34rem),
    radial-gradient(ellipse at 42% 85%,var(--theme-glow-3),transparent 38rem),
    linear-gradient(var(--theme-bg-angle),var(--theme-bg-1) 0%,var(--theme-bg-2) 52%,var(--theme-bg-3) 100%) fixed!important;
}
body[data-ui-page][data-theme]:not([data-ui-page="index"]):not([data-ui-page="welcome"]){
  background-image:url("/assets/logo_zhaokemao_watermark.png"),radial-gradient(circle at 3% 4%,var(--theme-glow-1),transparent 28rem),radial-gradient(circle at 96% 10%,var(--theme-glow-2),transparent 34rem),radial-gradient(ellipse at 42% 85%,var(--theme-glow-3),transparent 38rem),linear-gradient(var(--theme-bg-angle),var(--theme-bg-1) 0%,var(--theme-bg-2) 52%,var(--theme-bg-3) 100%)!important;
}

/* Theme-aware common surfaces */
body[data-ui-page][data-theme] :is(.btn,.go,.bigbtn,.xq-send):not(.gray):not(.ghost):not(.secondary):not(.o):not(.k){
  color:var(--theme-on-primary)!important;-webkit-text-fill-color:var(--theme-on-primary)!important;
  background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-700))!important;
  box-shadow:0 8px 20px var(--theme-shadow-color)!important;
}
body[data-ui-page][data-theme] :is(.btn,.go,.bigbtn,.xq-send):not(.gray):not(.ghost):not(.secondary):not(.o):not(.k)>*{color:inherit!important;-webkit-text-fill-color:inherit!important}
body[data-ui-page][data-theme] :is(input,textarea,select){
  color:var(--theme-ink)!important;-webkit-text-fill-color:var(--theme-ink)!important;
  background:var(--theme-input)!important;border-color:var(--theme-line)!important;
}
body[data-ui-page][data-theme] :is(.btn.o,.btn.ghost,.btn.gray,.btn.secondary,.secondary){
  color:var(--theme-primary-700)!important;-webkit-text-fill-color:var(--theme-primary-700)!important;
  background:var(--theme-glass-strong)!important;border-color:var(--theme-line-strong)!important;
}
body[data-ui-page][data-theme] :is(.card,.panel,.stepcard,.detail,.daily,.libcard,.rp,.rdet,.rview,.one,.g,.grp,.work,.gate,.camp,.preview,.reader,.readme,.empty,.pre,.md,.path-picker,.history,.output-location,.preflight){
  color:var(--theme-ink)!important;background-color:var(--theme-glass)!important;border-color:var(--theme-glass-border)!important;
}
body[data-ui-page][data-theme] :is(.muted,.sub,.hint,.small,.sm,.src,.ds,small){color:var(--theme-muted)!important}
body[data-ui-page][data-theme] :is(th){color:var(--theme-ink-2)!important;background:color-mix(in srgb,var(--theme-soft) 78%,transparent)!important}
body[data-ui-page][data-theme] :is(td,th){border-color:var(--theme-line)!important}
body[data-ui-page][data-theme] :is(.pill.ok,.tag.g){color:var(--theme-success)!important}
body[data-ui-page][data-theme] :is(.pill.warn,.tag.t){color:var(--theme-warning)!important}
body[data-ui-page][data-theme] :is(.pill.red,.tag.red,.error){color:var(--theme-danger)!important}
body[data-ui-page][data-theme] #modal{background:var(--theme-overlay)!important}
body[data-ui-page][data-theme] #modal .box,
body[data-ui-page][data-theme] :is(.modalbg,.modal-overlay)>.box,
body[data-ui-page="index"][data-theme] #modal #modalbox{
  color:var(--theme-ink)!important;background:var(--theme-glass-strong)!important;border-color:var(--theme-glass-border)!important;
  box-shadow:0 24px 80px var(--theme-shadow-strong),inset 0 1px color-mix(in srgb,var(--theme-glass-border) 90%,transparent)!important;
}

/* Workbench shell */
body[data-ui-page="index"][data-theme] #top,
body[data-ui-page="index"][data-theme] #ui-nav-frame,
body[data-ui-page="index"][data-theme] #xq .xq-panel{
  color:var(--theme-ink)!important;background:var(--theme-glass)!important;border-color:var(--theme-glass-border)!important;
  box-shadow:var(--ui-shadow-soft)!important;
  backdrop-filter:blur(var(--theme-glass-blur)) saturate(var(--theme-glass-saturation));
  -webkit-backdrop-filter:blur(var(--theme-glass-blur)) saturate(var(--theme-glass-saturation));
}
body[data-ui-page="index"][data-theme] #ui-nav-frame #side{color:var(--theme-ink)!important}
body[data-ui-page="index"][data-theme] #side :is(.gh,.si){color:var(--theme-ink-2)!important}
body[data-ui-page="index"][data-theme] #side :is(.gh.on,.si.on){color:var(--theme-primary-700)!important;background:var(--theme-soft)!important}
body[data-ui-page="index"][data-theme]>.page{
  color:var(--theme-ink)!important;background-color:color-mix(in srgb,var(--theme-glass-subtle) 88%,transparent)!important;
  border-color:var(--theme-glass-border)!important;
}
body[data-ui-page="index"][data-theme] #xq .xq-head,
body[data-ui-page="index"][data-theme] #xq .xq-foot{color:var(--theme-ink)!important;background:color-mix(in srgb,var(--theme-glass-subtle) 78%,transparent)!important;border-color:var(--theme-line)!important}
body[data-ui-page="index"][data-theme] #xq .xq-box,
body[data-ui-page="index"][data-theme] #xq .xq-m.ai{color:var(--theme-ink)!important;background:var(--theme-input)!important;border-color:var(--theme-line)!important}
body[data-ui-page="index"][data-theme] #xq .xq-m.me{background:var(--theme-primary-700)!important;color:#fff!important}
body[data-ui-page="index"][data-theme] #top :is(button,.ui-pane-toggle){color:var(--theme-ink-2)!important}
body[data-ui-page="index"][data-theme] #top :is(button.on,.ui-pane-toggle[aria-expanded="true"]){color:var(--theme-primary-700)!important;background:var(--theme-soft)!important}
body[data-ui-page="index"][data-theme] #top>.name .zk-brand-title{color:var(--theme-ink)!important}
body[data-ui-page="index"][data-theme] #top>.name b{color:var(--theme-muted)!important}
body[data-ui-page="index"][data-theme] #ui-pane-backdrop{background:var(--theme-overlay)!important}

/* Scrollbars */
html[data-theme],html[data-theme] body,html[data-theme] body *{
  scrollbar-color:var(--theme-scroll) transparent!important;
}
html[data-theme]::-webkit-scrollbar-thumb,
html[data-theme] body ::-webkit-scrollbar-thumb{
  background:var(--theme-scroll-solid)!important;border:2px solid transparent!important;background-clip:padding-box!important;border-radius:99px!important;
}

/* Theme chooser */
body[data-ui-page="index"] .ui-theme-toggle{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 12px;
  border:1px solid var(--theme-line)!important;border-radius:12px;background:var(--theme-glass-subtle)!important;color:var(--theme-ink-2)!important;
  box-shadow:inset 0 1px var(--theme-glass-border);backdrop-filter:blur(var(--theme-glass-blur)) saturate(var(--theme-glass-saturation));-webkit-backdrop-filter:blur(var(--theme-glass-blur)) saturate(var(--theme-glass-saturation));
}
body[data-ui-page="index"] .ui-theme-toggle:hover,
body[data-ui-page="index"] .ui-theme-toggle[aria-expanded="true"]{border-color:var(--theme-line-strong)!important;background:var(--theme-soft)!important;color:var(--theme-primary-700)!important}
body[data-ui-page="index"] .ui-theme-menu{
  position:fixed;z-index:980;padding:10px;border:1px solid var(--theme-glass-border);border-radius:22px;
  color:var(--theme-ink);background:color-mix(in srgb,var(--theme-glass-strong) 94%,transparent);
  box-shadow:0 24px 80px var(--theme-shadow-strong),inset 0 1px var(--theme-glass-border);
  backdrop-filter:blur(var(--theme-glass-blur)) saturate(var(--theme-glass-saturation));-webkit-backdrop-filter:blur(var(--theme-glass-blur)) saturate(var(--theme-glass-saturation));
}
body[data-ui-page="index"] .ui-theme-menu[hidden]{display:none!important}
body[data-ui-page="index"] .ui-theme-menu>header{display:flex;align-items:flex-start;gap:14px;padding:13px 14px 15px;border-bottom:1px solid var(--theme-line)}
body[data-ui-page="index"] .ui-theme-menu>header>span{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
body[data-ui-page="index"] .ui-theme-menu>header b{font-size:18px;line-height:1.4}
body[data-ui-page="index"] .ui-theme-menu>header small{font-size:14px;line-height:1.55;color:var(--theme-muted)}
body[data-ui-page="index"] .ui-theme-close{width:36px;height:36px;min-height:36px!important;padding:0;border:1px solid var(--theme-line);border-radius:50%;background:var(--theme-glass-subtle);color:var(--theme-ink-2);font-size:21px}
body[data-ui-page="index"] .ui-theme-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 4px}
body[data-ui-page="index"] .ui-theme-option{
  display:grid;grid-template-columns:52px minmax(0,1fr) 24px;align-items:center;gap:10px;min-height:76px;padding:10px;
  text-align:left;border:1px solid transparent;border-radius:15px;background:transparent;color:var(--theme-ink);transition:.16s ease;
}
body[data-ui-page="index"] .ui-theme-option:hover{background:var(--theme-glass-subtle);border-color:var(--theme-line)}
body[data-ui-page="index"] .ui-theme-option.is-selected{background:var(--theme-soft);border-color:var(--theme-line-strong);box-shadow:inset 3px 0 var(--theme-primary)}
body[data-ui-page="index"] .ui-theme-preview{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;width:52px;height:46px;overflow:hidden;border:2px solid color-mix(in srgb,var(--theme-panel-solid) 80%,transparent);border-radius:11px;box-shadow:0 4px 14px rgba(20,16,26,.12)}
body[data-ui-page="index"] .ui-theme-preview i:first-child{grid-row:1/3;background:var(--swatch-1)}
body[data-ui-page="index"] .ui-theme-preview i:nth-child(2){background:var(--swatch-2)}
body[data-ui-page="index"] .ui-theme-preview i:nth-child(3){background:var(--swatch-3)}
body[data-ui-page="index"] .ui-theme-copy{display:flex;min-width:0;flex-direction:column;gap:3px}
body[data-ui-page="index"] .ui-theme-copy b{font-size:15px;line-height:1.35;color:var(--theme-ink)}
body[data-ui-page="index"] .ui-theme-copy small{font-size:13px;line-height:1.45;color:var(--theme-muted)}
body[data-ui-page="index"] .ui-theme-check{color:var(--theme-primary);font-size:18px;opacity:0}
body[data-ui-page="index"] .ui-theme-option.is-selected .ui-theme-check{opacity:1}
body[data-ui-page="index"] .ui-theme-menu>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 10px 4px;border-top:1px solid var(--theme-line)}
body[data-ui-page="index"] .ui-theme-menu>footer span{font-size:13px;line-height:1.5;color:var(--theme-muted)}
body[data-ui-page="index"] .ui-theme-reset{min-height:36px!important;padding:7px 11px;border:1px solid var(--theme-line);border-radius:10px;background:var(--theme-glass-subtle);color:var(--theme-primary-700)}

/* Dark-theme legibility overrides for high-specificity legacy workbench rules. */
html[data-theme="midnight-graphite"] body[data-ui-page="index"] :is(#tab-battle,#tab-customers,#tab-factory,#tab-assets,#xq,#top,#side) :is(.muted,.sub,.hint,.small,.sm,.src,.ds,.ui-note,.xq-kbd,small){
  color:var(--theme-muted)!important;-webkit-text-fill-color:var(--theme-muted)!important;
}
html[data-theme="midnight-graphite"] body[data-ui-page="index"] :is(#tab-battle,#tab-customers,#tab-factory,#tab-assets,#xq) :is(.chip.gray,.ui-degree-filter){
  color:var(--theme-ink-2)!important;-webkit-text-fill-color:var(--theme-ink-2)!important;background:var(--theme-soft)!important;border-color:var(--theme-line)!important;
}
html[data-theme="midnight-graphite"] body[data-ui-page="index"] #calcard .chip:not(.gray){
  color:var(--theme-warning)!important;-webkit-text-fill-color:var(--theme-warning)!important;background:color-mix(in srgb,var(--theme-warning) 13%,transparent)!important;border-color:color-mix(in srgb,var(--theme-warning) 34%,transparent)!important;
}
html[data-theme="midnight-graphite"] body[data-ui-page="index"] #threelines .tl>div{
  color:var(--theme-ink-2)!important;-webkit-text-fill-color:var(--theme-ink-2)!important;background:var(--theme-panel-soft)!important;border-color:var(--theme-line)!important;
}

html[data-theme="midnight-graphite"] body[data-ui-page="pyq"] #how-body .four>div{
  color:var(--theme-ink)!important;background:var(--theme-panel-soft)!important;border-color:var(--theme-line)!important;
}
html[data-theme="midnight-graphite"] body[data-ui-page="pyq"] #how-body .four>div :is(.muted,.ui-note){
  color:var(--theme-ink-2)!important;-webkit-text-fill-color:var(--theme-ink-2)!important;background:var(--theme-glass-subtle)!important;border-color:var(--theme-line)!important;
}
html[data-theme="midnight-graphite"] body[data-ui-page="setup"] #prep{
  color:var(--theme-ink-2)!important;background:var(--theme-panel-soft)!important;border-color:var(--theme-line)!important;
}
html[data-theme="midnight-graphite"] body[data-ui-page="setup"] #prep :is(b,strong,li,a,span,div){color:inherit!important;-webkit-text-fill-color:inherit!important}
html[data-theme="midnight-graphite"] body[data-ui-page="intel"] #setup .setup{
  color:var(--theme-ink)!important;background:linear-gradient(135deg,var(--theme-panel-soft),var(--theme-glass-strong))!important;border-color:var(--theme-line)!important;
}
html[data-theme="midnight-graphite"] body[data-ui-page="intel"] #setup .setup :is(.muted,.ui-note){color:var(--theme-muted)!important;-webkit-text-fill-color:var(--theme-muted)!important}

/* Dark theme needs explicit coverage for legacy hard-coded light surfaces. */
html[data-theme="midnight-graphite"] body[data-ui-page] :is(.btn.o,.btn.ghost,.btn.gray,.btn.secondary,.secondary,.pill:not(.ok):not(.warn):not(.red):not(.gray),.tag.o,.chip.on,.tab.on,.tabs button.on){
  color:var(--theme-primary)!important;-webkit-text-fill-color:var(--theme-primary)!important;
}
html[data-theme="midnight-graphite"] body[data-ui-page="index"] :is(#journey .jn.on,#tcn-badge .tb-ava,.po-cand .best,.v3-seg a.on){
  color:var(--theme-on-primary)!important;-webkit-text-fill-color:var(--theme-on-primary)!important;
}
html[data-theme="midnight-graphite"] body[data-ui-page] :is(.top,#v5top,.progbar,.bar,.toolbar,.tabs,#tabs,#subnav,.row,.st,.box,.modalbox,.v3-card,.f-card,.am-card,.bk-card,.po-card){
  color:var(--theme-ink)!important;background-color:var(--theme-glass)!important;border-color:var(--theme-line)!important;
}
html[data-theme="midnight-graphite"] body[data-ui-page] :is(.card,.panel,.one,.work,.gate,.camp,.detail,.daily,.libcard,.reader,.preview,.readme,.pre,.empty){
  background-image:none!important;
}
html[data-theme="midnight-graphite"] body[data-ui-page] :is(a,.crumb a,.row .nm,.nd.f,.nd.lib .nm,h1,h2,h3,h4,strong,b){color:var(--theme-ink)!important}
html[data-theme="midnight-graphite"] body[data-ui-page] :is(code,pre,.pre){color:#E4ECF7!important}
html[data-theme="midnight-graphite"] body[data-ui-page] img[src*="logo_zhaokemao_watermark"]{opacity:.10}
html[data-theme="midnight-graphite"] body[data-ui-page="index"]>.page::after{opacity:.07!important}

/* Legacy pages still contain literal light fills. Keep their geometry, but
   replace those fills and foregrounds when the dark palette is selected. */
html[data-theme="midnight-graphite"] body[data-ui-page="index"] :is(#dbody,#xq-log,.xq-m,.task3,.chip,.ui-degree-filter){
  color:var(--theme-ink-2)!important;background:var(--theme-panel-soft)!important;border-color:var(--theme-line)!important;
}
html[data-theme="midnight-graphite"] body[data-ui-page="index"] :is(#dbody,#xq-log){background:var(--theme-panel-solid)!important}
html[data-theme="midnight-graphite"] body[data-ui-page="index"] :is(.task3,.xq-m){background:var(--theme-glass-strong)!important}
html[data-theme="midnight-graphite"] body[data-ui-page="index"] :is(.chip.gray,.ui-degree-filter){
  color:var(--theme-ink-2)!important;background:var(--theme-soft)!important;
}
html[data-theme="midnight-graphite"] body[data-ui-page="index"] .task3 :is(.tt,.what,.task3-title){color:var(--theme-ink)!important}
html[data-theme="midnight-graphite"] body[data-ui-page="index"] .task3 :not(button):not(svg):not(path){color:var(--theme-ink-2)!important}
html[data-theme="midnight-graphite"] body[data-ui-page="index"] #sidebtn{color:var(--theme-ink-2)!important;background:var(--theme-soft)!important;border-color:var(--theme-line)!important}
html[data-theme="midnight-graphite"] body[data-ui-page="index"] #side :is(.gh,.si){color:var(--theme-ink-2)!important}
html[data-theme="midnight-graphite"] body[data-ui-page="index"] #side :is(.gh.on,.si.on){color:var(--theme-primary)!important}
html[data-theme="midnight-graphite"] body[data-ui-page="index"] #xq .xq-m.me{background:var(--theme-primary-800)!important;color:#fff!important}
html[data-theme="midnight-graphite"] body[data-ui-page="index"] #xq .xq-m.me *{color:#fff!important}
html[data-theme="midnight-graphite"] body[data-ui-page]:not([data-ui-page="index"]) :is(.wr,.side,.say,.doc,.f,.th,.ri,.sc,.sec,.me,.tag,.auto,.ch,.chip,.tab,.tips,.warn,.step,.pill.gray,.pill.red){
  color:var(--theme-ink-2)!important;background-color:var(--theme-panel-soft)!important;border-color:var(--theme-line)!important;
}
html[data-theme="midnight-graphite"] body[data-ui-page]:not([data-ui-page="index"]) :is(table,tr,td,.c,.S,.A,.B){
  color:var(--theme-ink-2)!important;background-color:var(--theme-panel-solid)!important;border-color:var(--theme-line)!important;
}
html[data-theme="midnight-graphite"] body[data-ui-page]:not([data-ui-page="index"]) :is(.ch,.chip,.tab,.step,.pill.gray,.pill.red){color:var(--theme-ink-2)!important}
html[data-theme="midnight-graphite"] body[data-ui-page]:not([data-ui-page="index"]) :is(.tag.red,.pill.red,.warn){color:var(--theme-danger)!important}
html[data-theme="midnight-graphite"] body[data-ui-page]:not([data-ui-page="index"]) :is(.tag.g,.pill.ok){color:var(--theme-success)!important}
html[data-theme="midnight-graphite"] body[data-ui-page="agents"] #intro,
html[data-theme="midnight-graphite"] body[data-ui-page="gallery"] #selbar{
  color:var(--theme-ink)!important;background:var(--theme-glass-strong)!important;border-color:var(--theme-line)!important;
}
html[data-theme="midnight-graphite"] body[data-ui-page="agents"] #intro :is(div,span,p,small,b,strong){color:var(--theme-ink-2)!important}
html[data-theme="midnight-graphite"] body[data-ui-page="gallery"] .th>span{color:var(--theme-ink-2)!important;background:var(--theme-soft)!important}

@media(max-width:900px){
  body[data-ui-page="index"] .ui-theme-toggle span{display:none}
  body[data-ui-page="index"] .ui-theme-toggle{width:40px;padding:8px}
}
@media(max-width:560px){
  body[data-ui-page="index"] .ui-theme-menu{left:10px!important;right:10px!important;top:72px!important;width:auto!important;max-height:calc(100dvh - 84px);overflow:auto}
  body[data-ui-page="index"] .ui-theme-options{grid-template-columns:1fr}
  body[data-ui-page="index"] .ui-theme-option{min-height:68px}
  body[data-ui-page="index"] .ui-theme-menu>footer{align-items:flex-start;flex-direction:column}
}
@media(forced-colors:active){
  body[data-ui-page="index"] .ui-theme-menu,body[data-ui-page="index"] .ui-theme-option,body[data-ui-page="index"] .ui-theme-toggle{forced-color-adjust:auto;background:Canvas!important;color:CanvasText!important;border-color:ButtonText!important}
}