.nav{gap:4px}.nav button{min-height:43px}.rail-label{margin-top:30px}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.control-card{padding:22px}.control-card h3{font-size:17px;margin:0 0 9px;letter-spacing:-.3px}.control-card p{color:var(--muted);font-size:12px;white-space:pre-line;overflow-wrap:anywhere}.control-card .row-meta{margin:14px 0}.control-card code{display:block;color:#b7c0cf;font-size:10px;overflow-wrap:anywhere;margin:12px 0}.control-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 18px}.control-top p{font-size:12px;color:var(--muted)}.bridge-pill{font-size:11px;border:1px solid var(--line);padding:8px 12px;border-radius:20px;background:#ffffff07;white-space:nowrap}.bridge-pill.online{color:#b8edcf}.bridge-pill.offline{color:#efc683}.status-point{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b2bbca;margin-right:7px}.status-point.running,.status-point.working,.status-point.polling,.status-point.ready{background:#9ce7bf}.status-point.quota_paused,.status-point.unverified{background:#e9c07c}.status-point.failed,.status-point.interrupted{background:#f3958f}.agent-counts{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 18px}.agent-counts span{font-size:11px;padding:9px 13px;border:1px solid var(--line);border-radius:10px;background:#ffffff05}.agent-state{font-size:11px;color:#c3cedd;margin:12px 0}.agent-last{font-size:10px;color:var(--muted)}.chat-panel{display:flex;flex-direction:column;min-height:540px;height:calc(100dvh - 240px);max-height:1000px}.chat-head{padding:17px 22px;display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--line)}.chat-head h2{font-size:15px}.chat-context{display:flex;gap:8px;align-items:center;font-size:11px}.chat-context select{max-width:240px}.chat-log{padding:24px;overflow:auto;overscroll-behavior:contain;flex:1;min-height:180px;scrollbar-width:thin}.chat-turn{margin:0 0 25px;contain:layout style}.chat-bubble{font-size:13px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px 19px;border:1px solid var(--line);border-radius:19px;max-width:90%;margin:0 0 11px;background:#ffffff04}.chat-bubble.user{margin-left:auto;background:linear-gradient(140deg,#30343e,#20232a);border-color:#c3d0ea25}.chat-bubble.assistant{background:#101115}.chat-role{font-size:9px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#a8b6c9;margin-bottom:7px;display:block}.chat-meta{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chat-meta button{min-height:34px;font-size:10px;padding:5px 10px}.chat-composer{padding:16px 20px;border-top:1px solid var(--line);background:#0d0e11;display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.chat-composer textarea{font:inherit;font-size:13px;resize:vertical;min-height:52px;max-height:160px;line-height:1.5;background:#17191e;border:1px solid #ffffff1c;border-radius:13px;padding:13px;color:var(--ink);width:100%}.composer-note{grid-column:1/-1;font-size:10px;color:var(--muted)}.approval-card{background:#302718;border:1px solid #e6b65b42;padding:17px;border-radius:15px;margin:10px 0}.approval-card h3{margin:0 0 9px;font-size:13px}.approval-card pre{font:12px/1.6 inherit;white-space:pre-wrap;max-height:250px;overflow:auto;overflow-wrap:anywhere;color:#edd4aa}.approval-actions{display:flex;gap:9px}.control-unlock{margin-bottom:17px;border:1px solid #b6c5e633;background:linear-gradient(120deg,#252b38,#15171e);border-radius:16px;padding:17px 20px;display:flex;justify-content:space-between;gap:16px;align-items:center}.control-unlock p{font-size:12px;color:#c0c7d5}.settings-form{padding:23px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:20px 0;border-bottom:1px solid var(--line)}.setting-row label{font-size:13px}.setting-row p{font-size:11px;color:var(--muted);margin-top:5px;max-width:430px}.setting-row input[type=number],.setting-row input[type=text]{width:140px;background:#111216;border:1px solid var(--line);border-radius:10px;padding:10px;color:var(--ink);font-size:12px}.setting-row input[type=checkbox]{width:40px;height:22px;accent-color:#a9c4d1}.settings-actions{display:flex;align-items:center;gap:15px;margin-top:22px}.settings-actions p{font-size:11px;color:var(--muted)}.control-message{font-size:12px;line-height:1.7;padding:12px 0;color:#d1dbc9}.control-message.error{color:var(--red)}#control-dialog input{margin-bottom:15px}.control-help{font-size:11px;color:var(--muted);line-height:1.7;margin:20px 0}.mobile-more{display:none}.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.more-grid button{min-height:60px}.settings-form input:disabled,.chat-composer textarea:disabled{opacity:.5}
@media(max-width:1000px){.control-grid{grid-template-columns:1fr}.rail .nav button{font-size:12px;padding-inline:12px}}
@media(max-width:780px){.nav .secondary-nav{display:none}.mobile-more{display:flex}.rail .nav button{font-size:9px;padding:9px 4px;min-height:60px}.control-top{align-items:start}.control-top p{font-size:11px}.bridge-pill{font-size:10px;padding:7px 9px}.control-unlock{align-items:start;flex-direction:column;gap:10px}.control-card{padding:20px}.chat-panel{height:calc(100dvh - 275px);min-height:480px}.chat-head{padding:15px;align-items:start;flex-direction:column;gap:9px}.chat-context{width:100%}.chat-context select{max-width:100%;flex:1}.chat-log{padding:15px}.chat-bubble{max-width:97%;padding:14px;font-size:12px}.chat-composer{padding:12px;gap:8px}.chat-composer textarea{font-size:16px}.chat-composer .primary{padding:12px}.setting-row{gap:14px;align-items:start}.setting-row p{font-size:10px}.setting-row input[type=number],.setting-row input[type=text]{width:115px;flex-shrink:0;font-size:16px}.settings-form{padding:18px}.settings-actions{align-items:start;flex-direction:column}.control-help{font-size:10px}.chat-context label{font-size:10px}}
/* Glass belongs to the floating controls; content stays readable and inexpensive. */
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--radius:26px}
body{background:radial-gradient(ellipse at 80% 6%,#262a3480,transparent 40%),radial-gradient(ellipse at 30% 55%,#18232440,transparent 45%),#050506}
.rail{inset:18px auto 18px 16px;width:208px;border:1px solid #ffffff24;border-radius:30px;background:linear-gradient(145deg,#ffffff12,#ffffff03 40%,#ffffff09),#111217ce;box-shadow:inset 0 1px 1px #ffffff32,inset 0 -1px 1px #ffffff0c,0 16px 50px #0005;padding:28px 16px}
.rail .nav button{border-radius:22px;min-height:46px;transition:background .18s ease,transform .18s ease}
.nav button.active{background:linear-gradient(155deg,#ffffff28,#ffffff0a);box-shadow:inset 0 1px 1px #ffffff55,inset 0 -1px 1px #ffffff10,0 4px 12px #0003;color:#fff}
.nav button:active,.icon-button:active,.secondary:active,.primary:active{transform:scale(.96)}
.icon-button,.secondary,.primary,.bridge-pill,.chips button{border-radius:999px}
.icon-button,.secondary{background:linear-gradient(150deg,#ffffff19,#ffffff04),#1b1d24c9;border-color:#ffffff28;box-shadow:inset 0 1px 1px #ffffff29,inset 0 -1px #ffffff08,0 4px 12px #0002}
.primary{background:linear-gradient(145deg,#f8f9fc,#c6cbd4);color:#111318;box-shadow:inset 0 1px #fff,0 4px 15px #0004}
.panel,.metric{background:linear-gradient(140deg,#ffffff08,transparent 65%),#121317e8;box-shadow:inset 0 1px #ffffff10,0 10px 25px #0002}
.hero{border-radius:30px}.chat-panel{border-radius:28px}.chat-composer{background:#ffffff03}.chat-composer textarea{border-radius:20px;background:#08090bb0}.chat-bubble.user{background:linear-gradient(135deg,#ffffff17,#ffffff08);border-color:#ffffff20}.chat-bubble.assistant{background:#ffffff04}
dialog{background:linear-gradient(140deg,#ffffff15,#ffffff04),#15161be8;border:1px solid #ffffff35;box-shadow:inset 0 1px 1px #ffffff45,0 28px 90px #000b;border-radius:30px}
dialog::backdrop{background:#0009;backdrop-filter:none}
.nav .mobile-more{display:none}.setting-row input[type=checkbox]{appearance:none;border-radius:99px;border:1px solid #ffffff28;background:#41434a;position:relative;flex-shrink:0;margin:0;cursor:pointer;transition:background .18s}
.setting-row input[type=checkbox]::after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0005;transition:transform .18s}
.setting-row input[type=checkbox]:checked{background:#44b47d}.setting-row input[type=checkbox]:checked::after{transform:translateX(17px)}
@supports(backdrop-filter:blur(1px)){.rail,dialog{backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%)}}
@media(max-width:1100px) and (min-width:781px){.rail{width:171px;left:10px;padding-inline:10px}.brand span:last-child{font-size:10px}}
@media(max-width:780px){.rail{inset:auto 10px max(10px,env(safe-area-inset-bottom)) 10px;width:auto;border-radius:30px;padding:5px 6px;background:linear-gradient(155deg,#ffffff1c,#ffffff05 50%,#ffffff0e),#13151bd9;box-shadow:inset 0 1px 1px #ffffff50,inset 0 -1px 1px #ffffff19,0 10px 40px #0009}.rail .nav{gap:1px}.rail .nav button{min-height:54px;padding:6px 2px;font-size:9px;gap:4px;border-radius:24px}.nav .mobile-more{display:flex}.nav svg{width:20px;height:20px}.nav .secondary-nav{display:none}.chat-context{flex-wrap:wrap}.chat-context select{min-width:0;width:100px}.chat-head .bridge-pill{font-size:9px}.chat-panel{min-height:440px}.chat-composer{grid-template-columns:minmax(0,1fr) auto}.chat-composer textarea{min-width:0}.shell{padding-bottom:calc(98px + env(safe-area-inset-bottom))}.control-top p{min-width:0}.control-top .bridge-pill{flex-shrink:0}.control-card h3{overflow-wrap:anywhere}.chat-context label{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.rail,dialog{backdrop-filter:none;-webkit-backdrop-filter:none;background:#18191d}.panel,.metric,.hero{background:#141518}.nav button.active{background:#3c3e46}.secondary,.icon-button{background:#292b32}}