/* Studio, Liquid Glass design (GG-033). Loaded LAST on staff pages. Old design: git tag studio-old-v4.
   Palette from Shef's sketch v4: light #fff / #f1f3f4 / #dadce0 / #202124 / #5f6368 / #80868b; dark layered #202124 / #303134 / #3c4043 / #e8eaed / #9aa0a6.
   Chips = gigagrams.com status lights (library DSN-031): done/live green lamp, every other status blue, counts grey. */
:root{
  --bg:#202124;--bg2:#303134;--pn:#303134;--rs:#303134;--hv:#3c4043;--rl:#3c4043;--rl2:#5f6368;
  --t1:#e8eaed;--t2:#9aa0a6;--t3:#80868b;--gT:#9aa0a6;--g1:#e8eaed;--g3:#5f6368;
  --live:#16C784;--live-x:#3DF0A8;--info:#3D7BFF;--info-x:#7FA8FF;--warn:#7FA8FF;--bad:#f28b82;
  --goodb:rgba(22,199,132,.14);--midb:rgba(61,123,255,.16);--badb:rgba(242,139,130,.14);--infob:rgba(61,123,255,.16);
  --glass:rgba(60,64,67,.46);--glass2:rgba(60,64,67,.62);--edge:rgba(255,255,255,.14);--rim:rgba(0,0,0,.35);
  --shade:0 10px 36px rgba(0,0,0,.45),0 1px 2px rgba(0,0,0,.4);--hi:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.25);
  --capsule:#2c2e31;--btn:#e8eaed;--btnink:#202124;--bub:#303134;--bar:#e8eaed;--shadow:rgba(0,0,0,.55);--scrim:rgba(0,0,0,.5);
  --metal:var(--btn);--ink-on-metal:var(--btnink);
  --fb:'IBM Plex Sans',ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--fh:'IBM Plex Sans',ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --ai-bg:#202124;--ai-pn:#303134;--ai-rl:#3c4043;--ai-t:#e8eaed;--ai-t2:#9aa0a6;--ai-hv:#3c4043;--ai-line:#5f6368;--ai-dot:#e8eaed;--xe:transparent;--xe2:transparent;--xe3:transparent;
  color-scheme:dark;
}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){
  --bg:#ffffff;--bg2:#f1f3f4;--pn:#ffffff;--rs:#f1f3f4;--hv:#e8eaed;--rl:#dadce0;--rl2:#c4c7cc;--t1:#202124;--t2:#5f6368;--t3:#80868b;--gT:#5f6368;--g1:#202124;--g3:#80868b;
  --live:#16C784;--info:#3D7BFF;--warn:#3D7BFF;--bad:#d93025;--goodb:rgba(22,199,132,.1);--midb:rgba(61,123,255,.09);--badb:rgba(217,48,37,.08);--infob:rgba(61,123,255,.09);
  --glass:rgba(255,255,255,.58);--glass2:rgba(255,255,255,.72);--edge:rgba(255,255,255,.9);--rim:rgba(32,33,36,.08);
  --shade:0 8px 32px rgba(32,33,36,.10),0 1px 2px rgba(32,33,36,.06);--hi:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(32,33,36,.04);
  --capsule:#ffffff;--btn:#202124;--btnink:#ffffff;--bub:#f1f3f4;--bar:#202124;--shadow:rgba(32,33,36,.2);--scrim:rgba(32,33,36,.35);
  --ai-bg:#ffffff;--ai-pn:#ffffff;--ai-rl:#dadce0;--ai-t:#202124;--ai-t2:#5f6368;--ai-hv:#f1f3f4;--ai-line:#c4c7cc;--ai-dot:#202124;color-scheme:light}}
:root[data-theme="light"]{
  --bg:#ffffff;--bg2:#f1f3f4;--pn:#ffffff;--rs:#f1f3f4;--hv:#e8eaed;--rl:#dadce0;--rl2:#c4c7cc;--t1:#202124;--t2:#5f6368;--t3:#80868b;--gT:#5f6368;--g1:#202124;--g3:#80868b;
  --live:#16C784;--info:#3D7BFF;--warn:#3D7BFF;--bad:#d93025;--goodb:rgba(22,199,132,.1);--midb:rgba(61,123,255,.09);--badb:rgba(217,48,37,.08);--infob:rgba(61,123,255,.09);
  --glass:rgba(255,255,255,.58);--glass2:rgba(255,255,255,.72);--edge:rgba(255,255,255,.9);--rim:rgba(32,33,36,.08);
  --shade:0 8px 32px rgba(32,33,36,.10),0 1px 2px rgba(32,33,36,.06);--hi:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(32,33,36,.04);
  --capsule:#ffffff;--btn:#202124;--btnink:#ffffff;--bub:#f1f3f4;--bar:#202124;--shadow:rgba(32,33,36,.2);--scrim:rgba(32,33,36,.35);
  --ai-bg:#ffffff;--ai-pn:#ffffff;--ai-rl:#dadce0;--ai-t:#202124;--ai-t2:#5f6368;--ai-hv:#f1f3f4;--ai-line:#c4c7cc;--ai-dot:#202124;color-scheme:light}
body{font-family:var(--fb);background:var(--bg);color:var(--t1)}
h1,h2,h3{font-weight:600;letter-spacing:-.01em}
.mono,kbd{font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace}

/* glass material */
.glass{background:var(--glass);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);border:1px solid var(--edge);box-shadow:var(--shade),var(--hi)}
.lg-field{position:fixed;inset:0;z-index:-1;background:radial-gradient(900px 520px at 18% 12%,var(--bg2),transparent 70%),radial-gradient(760px 600px at 88% 92%,var(--bg2),transparent 70%),var(--bg)}

/* buttons, chips, controls */
.btn{border-radius:999px;border:1px solid var(--edge);background:var(--glass2);color:var(--t1);box-shadow:var(--hi);font-weight:500}
.btn:hover{background:var(--glass2);border-color:var(--rl2);filter:none}
.btn.pri{background:var(--btn);color:var(--btnink);border-color:transparent;box-shadow:none;min-height:40px;padding:0 18px;font-weight:600}
.btn.pri:hover{background:var(--btn);filter:brightness(1.08)}
.icon-btn{border-radius:999px;border:0;background:none;color:var(--t2)}
.icon-btn:hover{background:var(--glass2);color:var(--t1)}
.seg{border-radius:999px;border:1px solid var(--edge);background:var(--glass);box-shadow:var(--hi)}
.seg button{color:var(--t3)}
.seg button[aria-pressed="true"]{background:var(--glass2);color:var(--t1);box-shadow:var(--hi),0 1px 3px var(--rim);font-weight:600}
.chip{border:1px solid var(--rl);color:var(--t2);background:none}
.chip[aria-pressed="true"]{background:var(--glass2);border-color:var(--rl2);color:var(--t1);box-shadow:var(--hi)}
.field{border-radius:14px;border:1px solid var(--rl);background:var(--pn)}
kbd{border-radius:5px}

/* status chips: DSN-031 */
.st,.tag{display:inline-flex;align-items:center;position:relative;font:600 10px/1.4 "IBM Plex Mono",ui-monospace,Menlo,monospace;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border:1px solid var(--rl);border-radius:6px;color:var(--t2);white-space:nowrap;background:none;gap:0}
.st::before,.tag::before{display:none}
.st.good,.tag.ok,.st.attn,.st.neutral,.tag.w{padding-left:19px;--c:var(--info-x);--cs:var(--info);color:var(--cs);background:color-mix(in srgb,var(--cs) 8%,transparent);border-color:color-mix(in srgb,var(--cs) 55%,transparent)}
.st.good,.tag.ok{--c:var(--live-x);--cs:var(--live)}
.st.good::before,.tag.ok::before,.st.attn::before,.st.neutral::before,.tag.w::before{display:block;content:"";position:absolute;left:7px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--c);box-shadow:0 0 0 1px color-mix(in srgb,var(--cs) 40%,transparent),0 0 5px var(--c),0 0 10px color-mix(in srgb,var(--c) 60%,transparent)}
:root:not([data-theme="light"]) .st.good,:root:not([data-theme="light"]) .tag.ok,:root:not([data-theme="light"]) .st.attn,:root:not([data-theme="light"]) .st.neutral,:root:not([data-theme="light"]) .tag.w{padding-left:8px;color:color-mix(in srgb,#fff 70%,var(--c));border-color:color-mix(in srgb,#fff 40%,var(--c));background:radial-gradient(120% 140% at 50% 50%,color-mix(in srgb,var(--c) 4%,transparent) 40%,color-mix(in srgb,var(--c) 16%,transparent) 100%);box-shadow:inset 0 0 5px color-mix(in srgb,var(--c) 60%,transparent),inset 0 0 12px color-mix(in srgb,var(--c) 28%,transparent)}
:root:not([data-theme="light"]) .st.good::before,:root:not([data-theme="light"]) .tag.ok::before,:root:not([data-theme="light"]) .st.attn::before,:root:not([data-theme="light"]) .st.neutral::before,:root:not([data-theme="light"]) .tag.w::before{display:none}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]):not([data-theme="light"]) .st.good,:root:not([data-theme="dark"]):not([data-theme="light"]) .tag.ok,:root:not([data-theme="dark"]):not([data-theme="light"]) .st.attn,:root:not([data-theme="dark"]):not([data-theme="light"]) .st.neutral,:root:not([data-theme="dark"]):not([data-theme="light"]) .tag.w{padding-left:19px;color:var(--cs);background:color-mix(in srgb,var(--cs) 8%,transparent);border-color:color-mix(in srgb,var(--cs) 55%,transparent);box-shadow:none}
:root:not([data-theme="dark"]):not([data-theme="light"]) .st.good::before,:root:not([data-theme="dark"]):not([data-theme="light"]) .tag.ok::before,:root:not([data-theme="dark"]):not([data-theme="light"]) .st.attn::before,:root:not([data-theme="dark"]):not([data-theme="light"]) .st.neutral::before,:root:not([data-theme="dark"]):not([data-theme="light"]) .tag.w::before{display:block}}
.st.bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 50%,transparent);background:var(--badb)}
.ex{border:0;color:var(--t3);letter-spacing:.04em;padding:0 6px}

/* cards, lists */
.card,.list,.state,.pp,.tl-b,dialog.sheet{background:var(--bg);border:1px solid var(--rl);border-radius:22px}
:root:not([data-theme="light"]) .card,:root:not([data-theme="light"]) .list{background:var(--bg)}
.list{overflow:hidden}
.item{border-top-color:var(--rl)}
a.item:hover,.item.hov:hover{background:var(--rs)}
.state{border-style:dashed}
.sec-h{font:600 12px var(--fb);letter-spacing:0;text-transform:none;color:var(--t3)}

/* ===== shell ===== */
.app.lg{--railw:268px;--rpw:284px;display:grid;grid-template-columns:var(--railw) minmax(0,1fr) var(--rpw);gap:14px;padding:14px;height:100dvh;min-height:0;overflow:hidden;position:relative;grid-template-rows:minmax(0,1fr);transition:grid-template-columns var(--m-panel,300ms) var(--m-ease,cubic-bezier(.2,0,0,1))}
.app.lg.norp{grid-template-columns:var(--railw) minmax(0,1fr)}
.app.lg.rail-min{--railw:72px}
.app.lg.rp-off{grid-template-columns:var(--railw) minmax(0,1fr)}
.app.lg.rp-off .rp{display:none}
.lg .rail{display:flex;flex-direction:column;padding:16px 12px;border-radius:26px;background:var(--glass);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);border:1px solid var(--edge);box-shadow:var(--shade),var(--hi);position:static;height:auto;min-height:0;overflow:auto;gap:0}
.lg .brand{display:flex;align-items:center;gap:8px;padding:0 4px 16px;font-weight:700;letter-spacing:.06em;text-decoration:none;color:var(--t1);white-space:nowrap}
.lg .brand small{font-weight:600;letter-spacing:0;color:var(--t2);font-size:13px}
.lg .brand .icon-btn{width:30px;height:30px;min-height:30px;flex:none}
.lg .rail .cap{font-size:12px;font-weight:600;color:var(--t3);padding:6px 10px}
.lg .rail a.nav{display:flex;gap:12px;align-items:center;padding:10px;border-radius:14px;color:var(--t1);text-decoration:none;min-height:40px}
.lg .rail a.nav svg{width:18px;height:18px;flex:none}
.lg .rail a.nav .cnt,.lg .aic a .cnt{margin-left:auto;color:var(--t3);font:400 12px var(--fb)}
.lg .rail a.nav:hover{background:var(--glass2)}
.lg .rail a.nav[aria-current="page"],.lg .aic a[aria-current="page"]{background:var(--glass2);box-shadow:var(--hi),0 1px 3px var(--rim);font-weight:600}
.lg .rail .grow{flex:1;min-height:12px}
.lg .aic a{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border-radius:14px;color:var(--t1);text-decoration:none;min-height:36px}
.lg .aic a:hover{background:var(--glass2)}
.lg .aic a.sub,.lg .aic button.sub{padding:6px 10px 6px 22px;font-size:13px;color:var(--t2);min-height:30px;display:block;width:100%;text-align:left;border:0;background:none;font-family:inherit;border-radius:14px;cursor:pointer}
.lg .aic button.sub[aria-pressed="true"],.lg .aic a.sub[aria-pressed="true"]{color:var(--t1);font-weight:600;background:var(--glass2)}
.lg .rail .user{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:10px;border-radius:16px;color:var(--t2);background:var(--glass2);box-shadow:var(--hi);font-size:14px}
.lg .rail .user .icon-btn{width:30px;height:30px;min-height:30px}
.lg .mob-set{display:none}
.lg .mob-scrim{display:none}
.lg .main{display:block;position:relative;min-width:0;min-height:0;border-radius:26px;overflow:hidden;grid-template-columns:none}
.lg .main>.page{position:absolute;inset:0;overflow:auto;padding:84px 28px 28px;max-width:none;width:auto}
.lg .page.wide{padding:0}
.lg .page>h1{font-size:26px;font-weight:600}
.lg .page .lead{color:var(--t2);margin:4px 0 0}
.lg .top{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;z-index:12;gap:10px;background:none;border:0;padding:0;min-height:0}
.lg .cluster{display:flex;align-items:center;gap:2px;border-radius:999px;padding:4px;background:var(--glass);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);border:1px solid var(--edge);box-shadow:var(--shade),var(--hi)}
.lg .cluster .t{padding:6px 12px;color:var(--t2);white-space:nowrap;font-size:14px}
.lg .cluster .t b{color:var(--t1);font-weight:600}
.lg .cluster .chip2{border:1px solid var(--rl);border-radius:999px;padding:1px 8px;font-size:12px;color:var(--t2);margin-left:6px}
.lg .cluster .ib{width:30px;height:30px;min-height:30px;display:grid;place-items:center;border-radius:999px;color:var(--t2);border:0;background:none;padding:0}
.lg .cluster .ib:hover{background:var(--glass2);color:var(--t1)}
.lg .cluster .ib svg{width:17px;height:17px}
.lg .cluster .lang{display:flex;font-size:12px;font-weight:600}
.lg .cluster .lang button{padding:6px 9px;border-radius:999px;color:var(--t3);border:0;background:none;min-height:0;font:inherit}
.lg .cluster .lang button[aria-pressed="true"]{color:var(--t1);background:var(--glass2)}
.lg .cluster .sys,.lg .cluster .exb{white-space:nowrap;font-size:11.5px;color:var(--t3);padding:0 6px}
.lg .cluster .exb{font-weight:600;font-size:11px;letter-spacing:.04em;display:inline-flex;align-items:center}
.lg .tr-r{display:flex;gap:8px;align-items:center}
.lg .add{display:inline-flex;gap:6px;align-items:center;padding:8px 14px 8px 10px;border-radius:999px;font-weight:600;background:var(--btn);color:var(--btnink);white-space:nowrap;text-decoration:none;border:0;min-height:36px;font-size:14px}
.lg .add svg{width:16px;height:16px}
.lg .statrow{position:absolute;right:0;top:48px;opacity:0;pointer-events:none;transition:opacity .2s;font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;font-size:11.5px;color:var(--t2);white-space:nowrap;padding:6px 14px;border-radius:999px}
.lg .statrow b{color:var(--t1);font-weight:600}
.lg .top:hover .statrow,.lg .top:focus-within .statrow{opacity:1;pointer-events:auto}
.lg .rp{display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:20px;border-radius:26px;background:var(--glass);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);border:1px solid var(--edge);box-shadow:var(--shade),var(--hi);min-height:0;overflow:auto}
.lg .rp h4{font-size:15px;font-weight:600}
.lg .rp .cardx{border-radius:20px;padding:16px;color:var(--t2);background:var(--glass2);box-shadow:var(--hi)}
.lg .rp .cardx h4{color:var(--t1)}
.lg .rp .kv{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--rl);font-size:13px}
.lg .rp .kv:last-child{border:0}
.lg .rp .meter{height:6px;border-radius:3px;background:var(--rl);overflow:hidden;margin-top:4px}
.lg .rp .meter i{display:block;height:100%;background:var(--bar)}
.lg .rp .capx{font-size:12px;font-weight:600;color:var(--t3);padding:6px 0 0}

/* overview, lists, tiles (target screens 1-4, 7) */
.lg .col{max-width:900px;margin:0 auto}
.lg .sub2{color:var(--t2);margin-top:4px}
.lg .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.lg .tile{border-radius:22px;padding:16px 18px;background:var(--bg);border:1px solid var(--rl)}
.lg .tile .n{font-size:28px;font-weight:600;letter-spacing:-.01em}
.lg .tile .l{color:var(--t2);font-size:13px}
.lg .tile .h{color:var(--t3);font-size:12px;margin-top:6px}
.lg .sec{margin-top:24px}
.lg .sec .cap2{font-size:12px;font-weight:600;color:var(--t3);padding:0 0 8px}
.lg .two{display:grid;grid-template-columns:1.3fr 1fr;gap:14px}
.lg .li{display:grid;grid-template-columns:1fr auto;gap:12px;padding:13px 18px;border-bottom:1px solid var(--rl);align-items:center;color:inherit;text-decoration:none}
.lg .li:last-child{border:0}
a.li:hover{background:var(--rs)}
.lg .li .a{min-width:0}.lg .li .a b{font-weight:600}.lg .li .a div{color:var(--t3);font-size:12.5px;overflow-wrap:anywhere}
.lg .li .z{color:var(--t2);font-size:13px;white-space:nowrap;text-align:right;display:flex;gap:8px;align-items:center;justify-content:flex-end}
.lg .page .toolbar{margin:12px 0}

/* phone */
@media (max-width:900px){
  .app.lg,.app.lg.norp,.app.lg.rail-min,.app.lg.rp-off{display:block;padding:0;height:100dvh}
  .lg .main{border-radius:0;height:100dvh}
  .lg .rp,.lg .cluster .sys,.lg .cluster .exb,.lg .cluster .desk{display:none!important}
  .lg .rail{position:fixed;left:8px;top:8px;bottom:8px;width:min(300px,calc(100vw - 16px));z-index:50;display:none}
  .lg.rail-open .rail{display:flex}
  .lg .mob-set{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:8px 10px}
  .lg .mob-scrim{position:fixed;inset:0;z-index:49;background:var(--scrim);display:none}
  .lg.rail-open .mob-scrim{display:block}
  .lg .main>.page{padding:84px 12px 16px}
  .lg .top{top:8px;left:8px;right:8px}
  .lg .tiles{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
  .lg .tile{padding:12px 14px;border-radius:18px}.lg .tile .n{font-size:22px}.lg .tile .h{display:none}
  .lg .two{grid-template-columns:1fr}
  .lg .page>h1{font-size:22px}
  .lg .li{padding:11px 14px}
  .lg .statrow{position:static;opacity:1;pointer-events:auto;font-size:11px;padding:4px 10px;margin:0 8px;box-shadow:none}
  .lg .top{flex-wrap:wrap}
  .lg .top .statrow{order:3;flex-basis:100%;text-align:center;margin:0}
}

/* ===== AI Console / AI Research (target screens 5 and 6) ===== */
body.cn-page .app.lg{grid-template-rows:minmax(0,1fr);height:100dvh;overflow:hidden}
.lg .main:has(.console-page){overflow:visible}
.lg .main:has(.console-page) .top{right:calc(284px + 24px)}
.lg .main:has(.cn.side-off) .top{right:10px}
.lg .console-page{background:none;color:var(--t1);overflow:visible;display:block}
.lg .cn{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 284px;gap:14px;min-height:0}
.lg .cn.side-off{grid-template-columns:minmax(0,1fr)}
.lg .feedwrap{grid-template-rows:minmax(0,1fr) auto;position:relative;border-radius:26px;overflow:hidden}
.lg .ctx{display:none}
.lg .exbar{display:none}
.lg .cn .feed{padding:112px 28px 20px;align-items:center}
.lg .cn .feed>#hist,.lg .cn .feed>#tasks{width:100%;max-width:780px}
.lg .um{background:var(--bub);border:0;border-radius:20px;padding:10px 16px;max-width:80%;color:var(--t1)}
.lg .cn .card{background:none;border:0;border-radius:0;padding:0;color:var(--t2)}
.lg .cn .lbl,.lg dialog.sheet.aid .lbl{font:600 12px var(--fb);letter-spacing:0;text-transform:none;color:var(--t3)}
.lg .cn .small{color:var(--t3)}
.lg .rline{border:1px solid var(--rl);border-left:1px solid var(--rl);background:var(--bg);border-radius:22px;padding:14px 18px;color:var(--t1)}
.lg .rline .small{color:var(--t3)}
.lg .rate.sm{border-radius:999px;padding:2px;background:var(--glass);border:1px solid var(--edge);box-shadow:var(--hi)}
.lg .rate.sm button{border:0;border-radius:999px;min-height:28px;padding:0 10px;color:var(--t2);background:none;font-size:12px;font-weight:500}
.lg .rate.sm button:hover{background:var(--glass2)}
.lg .rate.sm .g[aria-pressed="true"],.lg .rate.sm .m[aria-pressed="true"],.lg .rate.sm .x[aria-pressed="true"]{background:var(--glass2);color:var(--t1);border:0;font-weight:600}
.lg .next button{border:1px dashed var(--rl);border-radius:999px;color:var(--t2);background:none}
.lg .next button:hover{background:var(--glass)}
.lg .cn .acts{opacity:0;transition:opacity .15s}
.lg .cn .um:hover+.acts,.lg .cn .rline:hover+.acts,.lg .cn .card:hover+.acts,.lg .cn .acts:hover,.lg .cn .acts:focus-within{opacity:1}
@media (hover:none){.lg .cn .acts{opacity:1}}
.lg .acts .qbtn{color:var(--t3)}
.lg .acts .qbtn svg{width:15px;height:15px}
.lg .acts .qbtn{width:28px;height:28px;min-height:28px}
.lg .cn .state{background:var(--glass2);border:0;border-radius:20px;color:var(--t1);box-shadow:var(--hi)}
.lg .cn .state p{color:var(--t2)}
.lg .cn .btn,.lg .cn .btn.ab{border:1px solid var(--edge);background:var(--glass2);color:var(--t1);box-shadow:var(--hi);filter:none}
.lg .cn .btn.ab.pri,.lg .cn #sendBtn{background:var(--btn);color:var(--btnink);border-color:transparent;box-shadow:none;border-radius:999px;min-height:40px;padding:0 16px}
.lg .cn #sendBtn:hover{filter:brightness(1.08)}
/* composer */
.lg .inp{padding:0 28px 14px;border:0;background:none;position:relative;gap:6px;align-items:stretch}
.lg .inp>*{max-width:780px;margin-left:auto;margin-right:auto;width:100%}
.lg .inp .r1{display:flex;justify-content:flex-end;align-items:center;gap:6px;flex-wrap:wrap}
.lg .inp .r1 .pro{flex-basis:100%;width:max-content;max-width:max-content;margin-right:auto;margin-left:0}
.lg .inp .r1 .sp{flex:1}
.lg .inp .r1 .seg{padding:3px;font-size:12.5px}
.lg .inp .r1 .seg button{padding:4px 12px;min-height:28px;font-size:12.5px;border-radius:999px;border:0;background:none;color:var(--t3)}
.lg .inp .r1 .seg button[aria-pressed="true"]{background:var(--glass2);color:var(--t1);box-shadow:var(--hi),0 1px 3px var(--rim);font-weight:600}
.lg .inp .r1 .ih>button{width:18px;height:18px;border-radius:50%;font-size:10px;color:var(--t3)}
.lg .cn .btn.modelchip,.lg .modelchip{background:none;border:1px solid transparent;box-shadow:none;color:var(--t3);font-size:12px;font-weight:400;min-height:28px;padding:2px 8px;border-radius:999px}
.lg .cn .btn.modelchip:hover,.lg .cn .btn.modelchip:focus-visible,.lg .cn .btn.modelchip[aria-expanded="true"]{background:var(--glass2);border-color:var(--edge);box-shadow:var(--hi);color:var(--t1)}
.lg .inp .box{display:block}
.lg .inp .field-wrap{background:var(--glass);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);border:1px solid var(--edge);box-shadow:var(--shade),var(--hi);border-radius:28px;padding:14px 14px 12px}
.lg .inp .field-wrap:focus-within{box-shadow:var(--shade),var(--hi),0 0 0 2px var(--rl2)}
.lg .inp textarea{color:var(--t1);padding:4px 6px 12px}
.lg .inp textarea::placeholder{color:var(--t3)}
.lg .inp .row2{display:flex;align-items:center}
.lg .chatcnt{font-size:11.5px;color:var(--t3);margin-left:6px}
.lg .inp .row2 .qbtn{color:var(--t2)}
.lg .inp .row2 .qbtn:hover{background:var(--glass2);color:var(--t1)}
.lg .kbhint{text-align:center;color:var(--t3);font-size:12px}
.lg .pastechip{border:1px solid var(--rl);background:var(--bg);color:var(--t1);border-radius:12px}
.lg .menu{background:var(--bg);border:1px solid var(--rl);border-radius:16px;box-shadow:var(--shade)}
.lg .menu button{background:none;border:0;color:var(--t1);border-radius:10px}
.lg .menu button:hover{background:var(--hv)}
.lg .menu button[aria-checked="true"]{font-weight:600;background:var(--rs)}
.lg .menu.down{top:calc(100% + 6px);bottom:auto;right:0;left:auto;min-width:240px}
.lg .menu.up{bottom:calc(100% + 8px)}
.lg .mlvl{border-top-color:var(--rl)}
.lg .mlvl .seg button[aria-pressed="true"]{background:var(--hv);border-color:var(--rl)}
.lg .banner{border-radius:16px}
/* right panel of the console */
.lg .side{border:1px solid var(--edge);border-radius:26px;background:var(--glass);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);box-shadow:var(--shade),var(--hi);justify-content:flex-end;color:var(--t1);padding:6px 0}
.lg .side section{padding:8px 20px}
.lg .side section+section{border-top:0}
.lg .side h3{font-size:15px;color:var(--t1)}
.lg .side .state{padding:16px;align-items:flex-start;gap:6px}
.lg .side .state svg{display:none}
.lg .side .state h3{font-size:15px}
.lg .side .kv{border-bottom-color:var(--rl);color:var(--t1)}
.lg .side .lbl{color:var(--t3)}
.lg .clauses .btn.cl{border:1px dashed var(--rl);background:none;box-shadow:none;color:var(--t2);border-radius:999px}
.lg .clauses .btn.cl.done{color:var(--t1);border-style:solid}
.lg .clauses .btn.cl.ask{border-color:var(--t1);color:var(--t1)}
.lg .clask{border-color:var(--rl);border-radius:16px;color:var(--t1)}
.lg .step{color:var(--t2)}.lg .step.now{color:var(--t1)}
.lg .step .s{border-color:var(--rl)}
.lg .step.now .s{background:var(--t1);color:var(--bg);border-color:var(--t1);box-shadow:none}
.lg .step.done .s{border-color:var(--live);color:var(--live);background:var(--goodb)}
.lg .pbar{background:var(--rl)}.lg .pbar i{background:var(--bar)}
.lg .talk,.lg .result{background:var(--bg);border:1px solid var(--rl);border-radius:22px;box-shadow:var(--shade);color:var(--t1)}
.lg .talk header,.lg .result header,.lg .talk .pin,.lg .tfoot,.lg .rfoot{border-color:var(--rl)}
.lg .talk .pin{background:var(--rs)}
.lg .pc{background:var(--bg);border-color:var(--rl);color:var(--t1)}
.lg .tm{background:var(--rs);border:0;border-radius:18px;color:var(--t1)}
.lg .tm.me{background:var(--bub);text-align:left}
.lg .tm .who,.lg .tm.me .who{color:var(--t3)}
.lg .pc .lbl{color:var(--t3)}
.lg .exm{border-color:var(--rl);color:var(--t3)}
.lg .link{color:var(--t1)}
@media (max-width:1100px){.lg .cn{grid-template-columns:minmax(0,1fr)}.lg .main:has(.console-page) .top{right:10px}.lg .exbar{display:none}}
@media (max-width:900px){
  .lg .cn{display:flex;flex-direction:column}
  .lg .feedwrap{border-radius:0}
  .lg .cn .feed{padding:128px 14px 16px}
  .lg .inp{padding:0 10px max(10px,env(safe-area-inset-bottom))}
  .lg .inp .r1 .pro{order:-1}
}

/* phone refinements */
@media (max-width:900px){
  .lg .cluster.desk,.lg .top .tr-r .desk{display:none!important}
  .lg .top{flex-wrap:wrap;align-items:flex-start}
  .lg .statrow{overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap;box-sizing:border-box}
  .lg .inp .row2 .hide-ph{display:inline!important}
  .lg .cn #sendBtn{width:auto;padding:0 16px}
  .lg .cn .inp .row2 .btn.pri{width:auto}
}
.lg .inp textarea{min-height:44px;max-height:40vh;overflow-y:hidden;transition:height var(--m-panel-s,150ms) cubic-bezier(.2,0,0,1)}

/* top bar fits at 1440 */
.lg .cluster .t{padding:6px 8px;font-size:13.5px}
.lg .cluster .sys,.lg .cluster .exb{padding:0 4px;font-size:11px}
.lg .cluster .lang button{padding:6px 7px}
.lg .tr-r{gap:6px;min-width:0}
.lg .top>.cluster:first-child{min-width:0;overflow:hidden}
.who button{border-radius:22px}

/* GG-033 checker round 1 */
.lg .ph-only{display:none}
.lg .cluster .t .nw{color:var(--t2)}
.lg .rail .cap{text-transform:none;letter-spacing:0}
.lg .statrow.phone-only{display:none}
.lg .cn .feed>#hist,.lg .cn .feed>#tasks{max-width:724px}
.lg .inp>*{max-width:724px}
.lg .side{padding:6px 0 18px}
.lg .inp .r1 .seg button{color:var(--t2)}
.lg .add{min-height:34px;padding:7px 14px 7px 10px}
@media (max-width:900px){
  .lg .ph-only{display:grid}
  .lg .cluster .t .nw{display:none}
  .lg .statrow.phone-only{display:block}
  .lg .top{flex-wrap:wrap;align-items:center}
  .lg .tr-r{margin-left:auto}
  .lg .top>.cluster:first-child{max-width:calc(100% - 130px)}
  .lg .main>.page{padding-top:104px}
  .lg .console-page{padding:0}
  .lg .cn .feed{padding-top:112px}
  .lg .inp .r1 .pro{order:-1;max-width:100%;overflow-x:auto}
  .lg .inp>*{max-width:none}
}

/* ===== GG-035: nothing sits behind the floating bar; owner-only CPU·GPU chip; AI-only counters ===== */
.lg .cluster{background:var(--capsule)}
.lg .statrow{background:var(--capsule)}
.lg .talk{top:68px}.lg .result{top:78px}
.lg .talk.big,.lg .result.big{top:70px}
.lg .loadchip{border:1px solid var(--edge);background:var(--capsule);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);box-shadow:var(--shade),var(--hi);color:var(--t2);border-radius:999px;font:500 12px "IBM Plex Mono",ui-monospace,Menlo,monospace;min-height:36px;padding:0 14px;white-space:nowrap;cursor:pointer;align-items:center}
.lg .loadchip:hover,.lg .loadchip[aria-expanded="true"]{color:var(--t1);border-color:var(--rl2)}
.lg .loadchip.dk{position:absolute;top:14px;right:22px;z-index:25;display:inline-flex}
.lg .loadchip.ph{display:none}
.lg .main:has(.cn.side-off) .top{right:180px}
.lg .loadpop{position:fixed;top:58px;right:22px;z-index:60;width:272px;padding:14px 16px;border-radius:18px;background:var(--capsule);border:1px solid var(--edge);box-shadow:var(--shade);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);color:var(--t1)}
.lg .loadpop .lh{font-weight:600;margin-bottom:6px}
.lg .lrow{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;font-size:12.5px;color:var(--t2);padding:4px 0}
.lg .lrow .tr{height:5px;border-radius:3px;background:var(--rl);overflow:hidden}.lg .lrow .tr i{display:block;height:100%;background:var(--bar)}
.lg .lnote{font-size:12px;color:var(--t3);margin-top:8px}
.lg .cn .acts2{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-2px 0 4px}
.lg .cluster .t .bk{display:inline-grid;place-items:center;width:28px;height:28px;color:var(--t1);text-decoration:none;margin-right:2px;vertical-align:middle}
.lg .cluster .t .bk svg{width:18px;height:18px}
.lg .cluster .t .cc{font-size:11px;color:var(--t3);margin-left:8px}
@media (max-width:900px){
  .lg .loadchip.dk{display:none}
  .lg .loadchip.ph{display:inline-flex}
  body.cn-page .lg #menuBtn{display:none!important}
  .lg .statrow .wd{display:none}
  .lg .talk,.lg .talk.big{top:100px}
}
/* the bar is a row of capsules: the empty space between them must not catch clicks */
.lg .top{pointer-events:none}
.lg .top>.cluster,.lg .top .tr-r>*,.lg .statrow{pointer-events:auto}
.lg .top .statrow:not(:hover){pointer-events:none}
@media (max-width:900px){
  body.cn-page .lg .add .al{display:none}
  body.cn-page .lg .add{padding:0;width:36px;justify-content:center}
  .lg .top .tr-r{flex-wrap:nowrap}
}

/* GG-035 checker round 1: a solid backing behind the whole bar row, so scrolled content never shows between or through the capsules */
.lg .top::before{content:"";position:absolute;left:-10px;right:-10px;top:-10px;bottom:-10px;background:linear-gradient(var(--bg) 78%,transparent);pointer-events:none;z-index:-1}
.lg .top{isolation:isolate}
.lg .statrow{z-index:3}
/* phone header: row 1 = [back · title · chat counter] [+], row 2 = counters strip, CPU·GPU chip at its right end (owner only) */
@media (max-width:900px){
  .lg .top .tr-r{display:contents}
  .lg .top>.cluster:first-child{order:1;max-width:calc(100% - 50px)}
  .lg .top .add{order:2;margin-left:auto}
  .lg .top .statrow{order:3;flex:1 1 0;min-width:0;flex-basis:0;margin:0}
  .lg .top .loadchip.ph{order:4;margin-left:auto}
}
@media (max-width:900px){ .lg .top>.cluster:first-child{flex:0 0 calc(100% - 46px);max-width:calc(100% - 46px)} .lg .top .add{margin-left:0} }

/* ===== GG-037: motion scale (Material 3: presses 50-200 ms, panels 250-400 ms), logo, collapsed rail ===== */
:root{--m-press:120ms;--m-panel:300ms;--m-panel-s:150ms;--m-ease:cubic-bezier(.2,0,0,1)}
@media (prefers-reduced-motion:reduce){:root{--m-press:0ms;--m-panel:0ms;--m-panel-s:0ms}}
.emb-a{stop-color:#FFF}.emb-b{stop-color:#E8EDF3}.emb-c{stop-color:#8E9BAE}.emb-r0{stop-color:#FFF;stop-opacity:.9}.emb-r1{stop-color:#4C5868;stop-opacity:.8}.emb-sh{flood-opacity:.55}.emb-q{fill:#EABFA3}
:root[data-theme="light"] .emb-a{stop-color:#7487A3}:root[data-theme="light"] .emb-b{stop-color:#0C121B}:root[data-theme="light"] .emb-c{stop-color:#000}:root[data-theme="light"] .emb-r0{stop-color:#FFF;stop-opacity:1}:root[data-theme="light"] .emb-r1{stop-color:#000;stop-opacity:.8}:root[data-theme="light"] .emb-sh{flood-opacity:.7}:root[data-theme="light"] .emb-q{fill:#97684A}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]):not([data-theme="light"]) .emb-a{stop-color:#7487A3}:root:not([data-theme="dark"]):not([data-theme="light"]) .emb-b{stop-color:#0C121B}:root:not([data-theme="dark"]):not([data-theme="light"]) .emb-c{stop-color:#000}:root:not([data-theme="dark"]):not([data-theme="light"]) .emb-r0{stop-color:#FFF;stop-opacity:1}:root:not([data-theme="dark"]):not([data-theme="light"]) .emb-r1{stop-color:#000;stop-opacity:.8}:root:not([data-theme="dark"]):not([data-theme="light"]) .emb-sh{flood-opacity:.7}:root:not([data-theme="dark"]):not([data-theme="light"]) .emb-q{fill:#97684A}}
.lg .rail{overflow:hidden;min-width:0}
.lg .rail .brand{display:flex;align-items:center;justify-content:flex-start;padding:4px 10px 16px;min-height:48px;text-decoration:none}
.lg .rail .brand .wm{width:176px;height:auto;display:block;flex:none}
.lg .rail .brand .mk{width:34px;height:34px;display:none;flex:none}
.lg .rail .brand:focus-visible{outline:2px solid var(--rl2);outline-offset:2px;border-radius:10px}
.lg .rail a.nav,.lg .aic a.nav{display:flex;gap:12px;align-items:center;justify-content:flex-start;padding:10px;border-radius:14px;color:var(--t1);text-decoration:none;min-height:40px;white-space:nowrap;transition:background var(--m-press) var(--m-ease)}
.lg .aic a.nav svg{width:18px;height:18px;flex:none}
.lg .rail .rail-toggle{display:flex;gap:12px;align-items:center;width:100%;padding:10px;min-height:40px;border:0;border-radius:14px;background:none;color:var(--t2);font:inherit;font-size:14px;cursor:pointer;white-space:nowrap;margin-top:6px;transition:background var(--m-press) var(--m-ease)}
.lg .rail .rail-toggle:hover{background:var(--glass2);color:var(--t1)}
.lg .rail .rail-toggle svg{width:18px;height:18px;flex:none}
@media (min-width:901px){
.lg.rail-min .rail{padding:16px 8px;align-items:stretch}
.lg.rail-min .rail .brand{justify-content:center;padding:4px 0 14px}
.lg.rail-min .rail .brand .wm{display:none}
.lg.rail-min .rail .brand .mk{display:block}
.lg.rail-min .rail .cap,.lg.rail-min .rail a.nav>span,.lg.rail-min .rail .rail-toggle>span,.lg.rail-min .rail .user>span,.lg.rail-min #railConsole{display:none}
.lg.rail-min .rail a.nav,.lg.rail-min .rail .rail-toggle{justify-content:center;padding:10px 0}
.lg.rail-min .rail .user{justify-content:center;padding:6px 0}
}
@media (max-width:900px){
  .lg .rail .rail-toggle{display:none}
  .lg .rail .brand .wm{display:block}.lg .rail .brand .mk{display:none}
}
@media (prefers-reduced-motion:reduce){.lg .rail a.nav,.lg .rail .rail-toggle,.lg .inp textarea{transition:none}}