/* Megaverse UI v2 — shared semantic tokens and components, across every entrypoint.
   Page scripts and data contracts remain unchanged. Status colors are not theme accents. */
:root{
  color-scheme:dark;
  --ui-canvas:#101213;--ui-sidebar:#151718;--ui-surface:#191c1e;--ui-raised:#222728;
  --ui-border:#303638;--ui-text:#edf0ef;--ui-muted:#a4afac;--ui-subtle:#85938e;
  --ui-accent:#b6e7ca;--ui-accent-text:#b6e7ca;--ui-accent-ink:#183626;--ui-soft:color-mix(in srgb,var(--ui-accent) 12%,var(--ui-surface));
  --ui-user-background:#063638;--ui-user-border:#679b9d;--ui-user-text:#edf0ef;--ui-user-width:50%;
  --ui-radius:14px;--ui-font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ds-canvas:var(--ui-canvas);--ds-sidebar:var(--ui-sidebar);--ds-surface:var(--ui-surface);
  --ds-surface-raised:var(--ui-raised);--ds-surface-hover:#293130;--ds-border:var(--ui-border);
  --ds-border-strong:#50615a;--ds-text:var(--ui-text);--ds-muted:var(--ui-muted);--ds-subtle:var(--ui-subtle);
  --ds-accent:var(--ui-accent);--ds-accent-hover:var(--ui-accent);--ds-accent-soft:var(--ui-soft);
  --bg:var(--ui-canvas);--panel:var(--ui-surface);--panel2:var(--ui-raised);--line:var(--ui-border);
  --text:var(--ui-text);--muted:var(--ui-muted);--accent:var(--ui-accent);--unified-sidebar-width:252px;
  --public-bg:var(--ui-canvas);--public-panel:var(--ui-surface);--public-panel-hi:var(--ui-raised);
  --public-line:var(--ui-border);--public-text:var(--ui-text);--public-muted:var(--ui-muted);
  --public-violet:var(--ui-accent);--public-violet-soft:var(--ui-accent);--public-cyan:var(--ui-accent);
}
html,body{background:var(--ui-canvas)!important;color:var(--ui-text);font-family:var(--ui-font)!important;-webkit-font-smoothing:antialiased}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
button,input,select,textarea{font-family:inherit}
:is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--ui-accent-text)!important;outline-offset:3px}
button:disabled{cursor:not-allowed}
:is(h1,h2,h3,h4){font-weight:600;letter-spacing:-.025em}
:is(.eyebrow,.rail-label,.public-overline,.landing-eyebrow,.landing-section-heading>span){color:var(--ui-accent-text)!important;font-weight:600!important;letter-spacing:.12em!important}
:is(.muted,.runtime-state,.composer-note,.public-hero p,.landing-hero-copy>p){color:var(--ui-muted)!important}
/* Navigation and application chrome */
:is(.sidebar,.social-sidebar,.network-sidebar,.dev-sidebar,.admin-sidebar){background:var(--ui-sidebar)!important;border-color:var(--ui-border)!important}
:is(.chat-main,.social-main,.network-main,.dev-main,.admin-main){background:var(--ui-canvas)!important;background-image:none!important;min-width:0}
:is(.chat-header,.social-top,.network-header,.dev-header,.admin-header){background:var(--ui-canvas)!important;border-color:var(--ui-border)!important;box-shadow:none!important}
:is(.chat-title,.social-top h1,.network-header h1,.dev-header h1,.admin-header h1){font-weight:600;font-size:20px;letter-spacing:-.025em}
:is(.unified-brand-mark,.brand-mark,.public-site-logo,.mark,.workspace-symbol,.assistant-icon){background:var(--ui-soft)!important;color:var(--ui-accent-text)!important;border:1px solid color-mix(in srgb,var(--ui-accent) 35%,var(--ui-border))!important;border-radius:10px!important;box-shadow:none!important}
.unified-brand-copy b{font-weight:600}
:is(.unified-new-chat,.new-chat){justify-content:flex-start;gap:10px;background:var(--ui-soft)!important;color:var(--ui-accent-text)!important;border-color:color-mix(in srgb,var(--ui-accent) 25%,var(--ui-border))!important;font-weight:550!important;min-height:44px}
:is(.unified-history-search,.history-search){background:var(--ui-canvas)!important;border-color:var(--ui-border)!important;border-radius:10px}
:is(.unified-history-item,.unified-context-nav button,.admin-sidebar #nav button,.dev-sidebar nav button){font-weight:500!important}
.unified-history-title{font-size:12px;font-weight:500}
.unified-history-item.active{background:var(--ui-soft)!important;border-color:color-mix(in srgb,var(--ui-accent) 25%,var(--ui-border))!important}
:is(.unified-account-menu,.account-menu,.network-tools-menu){background:var(--ui-raised)!important;border:1px solid #46564e!important;border-radius:16px!important;padding:10px!important;box-shadow:0 16px 48px #0005!important}
:is(.unified-account-menu,.account-menu) :is(a,button){gap:11px;min-height:40px!important;border-radius:9px!important;font-size:13px!important;font-weight:450!important;color:var(--ui-text)!important}
:is(.unified-account-menu,.account-menu) :is(a,button):hover{background:var(--ui-soft)!important}
.unified-account-menu a[aria-current="page"]{background:var(--ui-soft)!important;color:var(--ui-accent-text)!important}
.unified-account-menu-heading{font-size:10px!important;color:var(--ui-muted)!important;letter-spacing:.12em;padding:10px 10px 4px}
.unified-account-menu{max-height:calc(100dvh - 110px);overflow:auto;max-width:calc(100vw - 32px)}
.unified-account-menu [data-unified-logout]{color:#efb2ad!important}
.unified-account .avatar{background:var(--ui-soft)!important;color:var(--ui-accent-text)!important;border:1px solid var(--ui-border);border-radius:10px}
.ui-icon{width:19px;height:19px;flex:0 0 19px;display:inline-block;vertical-align:middle;stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ui-legacy-glyph{display:none!important}
:is(nav button,.unified-account-menu a,.unified-account-menu button,.unified-new-chat){align-items:center}
:is(nav button,.unified-account-menu a,.unified-account-menu button)>.ui-icon{margin-right:9px}
:is(.unified-account-workspace-link,.unified-new-chat)>.ui-icon{margin-right:0}
/* Buttons and form controls */
:is(.primary,.send,.landing-primary,.public-signup-link,.public-button:not(.ghost),.composer-bottom button,.persona-save,.provider-actions button:not(.secondary),.chat-plan-buy,.ui-preview-actions button){background:var(--ui-accent)!important;color:var(--ui-accent-ink)!important;border:1px solid transparent!important;border-radius:10px!important;font-weight:600!important;box-shadow:none!important;text-shadow:none}
:is(.primary,.landing-primary,.public-button,.public-signup-link){min-height:42px}
:is(.secondary,.landing-secondary,.public-button.ghost,.public-login-link,.provider-card-actions button){background:var(--ui-surface)!important;border:1px solid var(--ui-border)!important;color:var(--ui-text)!important;border-radius:10px!important;box-shadow:none!important;font-weight:500!important}
:is(.primary,.secondary,.public-button,.landing-primary,.landing-secondary):hover{filter:brightness(1.1);transform:none!important}
.danger{background:#392426!important;color:#ffbeb9!important;border-color:#794541!important}
:is(.field,.cms-field,.toolbar,.provider-form-grid,.auth-pane,.automation-form) :is(input,textarea,select):not([type="checkbox"]):not([type="radio"]){background:var(--ui-canvas)!important;border:1px solid var(--ui-border)!important;color:var(--ui-text)!important;border-radius:10px!important;padding:11px 12px;min-width:0}
input[type="color"]{min-width:44px!important;width:44px;height:42px;padding:4px!important;cursor:pointer}
input[type="checkbox"],input[type="radio"]{accent-color:var(--ui-accent)}
:is(input,textarea)::placeholder{color:var(--ui-subtle)!important}
:is(.field,.cms-field,.auth-pane) label{color:var(--ui-muted);font-size:12px}
.link{color:var(--ui-accent-text)!important}
/* Shared data surfaces, dialogs and tables */
:is(.card,.stat,.health-card,.cms-card,.admin-setting-card,.provider-card,.provider-summary>div,.hero-card,.automation-card,.automation-empty,.public-card,.public-price-card,.public-stat,.landing-signal-grid>article,.landing-feature-card,.landing-chat-demo,.app-download-card,.public-app-downloads,.auth-panel,.ui-preview-agent){background:var(--ui-surface)!important;background-image:none!important;border:1px solid var(--ui-border)!important;border-radius:var(--ui-radius)!important;box-shadow:none!important}
:is(.card,.cms-card,.provider-card,.hero-card,.public-card,.public-price-card){padding:24px}
:is(.stat,.health-card){padding:20px}
:is(.stat,.health-card) :is(b,.value){font-size:28px;font-weight:550;letter-spacing:-.035em}
:is(.suggestion-card,.detail-stat,.provider-key-card,.routing-grid article,.key-row,.admin-setting-toggle){background:var(--ui-canvas)!important;border-color:var(--ui-border)!important;border-radius:10px!important}
:is(.modal,.key-modal,.chat-plan-dialog,.network-persona-modal,.network-message-info,.network-library-dialog,.file-library-dialog){background:var(--ui-surface)!important;color:var(--ui-text)!important;border:1px solid #46564e!important;border-radius:18px!important;box-shadow:0 24px 80px #0006!important}
:is(.cms-tabs,.cms-savebar,.table-wrap,.public-table-wrap,.code-block){background:var(--ui-surface)!important;border-color:var(--ui-border)!important;border-radius:12px!important}
:is(.cms-tabs button.active,.admin-sidebar #nav button.active,.dev-sidebar nav button.active){color:var(--ui-accent-text)!important;background:var(--ui-soft)!important;font-weight:550!important}
:is(.admin-shell,.dev-shell,.public-page) :is(th,td){padding:13px 15px;border-color:var(--ui-border)!important}
:is(.admin-shell,.dev-shell,.public-page) th{background:var(--ui-raised)!important;color:var(--ui-muted)!important;font-weight:550;font-size:11px;text-transform:none;letter-spacing:.02em}
:is(.admin-shell,.dev-shell,.public-page) td{color:var(--ui-text)}
:is(.admin-shell,.dev-shell) tbody tr:hover{background:#ffffff03}
:is(.badge,.role-pill){background:var(--ui-soft)!important;border-color:var(--ui-border)!important;color:var(--ui-accent-text)!important}
.content{max-width:1600px;margin-inline:auto}
.admin-sidebar #nav{overflow:auto;scrollbar-width:thin}
.admin-sidebar #nav button{display:flex;gap:0;min-height:40px}
.admin-sidebar #nav button.active::before{display:none}
.cms-tabs{gap:5px;padding:6px;overflow-x:auto}
.cms-tabs button{padding:10px 13px;font-size:12px;white-space:nowrap}
.cms-fields{gap:18px}
.cms-savebar{margin-top:20px;gap:16px}
.metric-bar>i,.chart>i{background:var(--ui-accent)!important}
/* Chat and Network have the same author distinction. */
.network-post{background:var(--ui-surface);border-color:var(--ui-border);border-radius:16px}
#networkTimeline .network-user-message,.message.user .bubble,.public-share-message.user,.ui-preview-user{
  background:var(--ui-user-background)!important;border:1px solid var(--ui-user-border)!important;
  color:var(--ui-user-text)!important;border-radius:16px 16px 5px 16px!important;
}
#networkTimeline .network-user-message{width:var(--ui-user-width)!important;max-width:100%;margin-left:auto!important;margin-right:0!important;padding:20px;min-width:0}
#networkTimeline .network-agent-message{width:100%;margin-right:auto}
#networkTimeline .network-user-message :is(.post-body,.post-body strong,.post-body h1,.post-body h2,.post-meta b,.post-meta span,footer button,.message-info-button){color:var(--ui-user-text)!important}
#networkTimeline .network-user-message :is(.post-meta span,footer button){opacity:.85}
.network-user-message footer{border-color:color-mix(in srgb,var(--ui-user-text) 12%,transparent)}
.network-user-message .post-avatar{background:transparent;border-color:var(--ui-user-border);color:var(--ui-user-text)}
.message.user{padding-left:0!important}
.message.user .bubble{max-width:var(--ui-user-width)!important;padding:14px 18px!important}
.public-share-message.user{width:var(--ui-user-width)!important}
.message.assistant .bubble{color:var(--ui-text)!important}
.app-shell .composer-wrap{background:linear-gradient(transparent,var(--ui-canvas) 40%)!important}
:is(.app-shell .composer,.post-composer){background:var(--ui-surface)!important;border:1px solid var(--ui-border)!important;border-radius:16px!important;box-shadow:none!important}
:is(.app-shell .composer,.post-composer):focus-within{border-color:var(--ui-accent)!important}
.network-inline-reply{background:var(--ui-canvas);border-color:var(--ui-border)}
.network-inline-reply input{min-width:0}
.network-inline-reply input:focus-visible{outline:0!important}
.network-inline-reply:focus-within{outline:2px solid var(--ui-accent-text);outline-offset:2px}
.network-post footer button,.network-attachment-button,.network-library-button{display:inline-flex;align-items:center;gap:6px}
.network-post footer .ui-icon{width:16px;height:16px;flex-basis:16px}
.network-inline-reply button{background:var(--ui-accent);color:var(--ui-accent-ink)}
.post-meta em{background:var(--ui-soft);color:var(--ui-accent-text);border-color:var(--ui-border)}
.network-user-message .post-meta{min-width:0;flex-wrap:wrap}
/* Public site and authentication use the same restrained visual language. */
.public-page,#authView.auth-shell{background:var(--ui-canvas)!important;color:var(--ui-text)!important}
:is(.public-site-nav,#authView .public-site-nav){background:var(--ui-canvas)!important;border-bottom:1px solid var(--ui-border)!important;backdrop-filter:none!important}
.public-site-links{border:0;background:none;gap:4px}
.public-site-links a{border-radius:8px;font-weight:500}
.public-site-links a.active{background:var(--ui-soft);color:var(--ui-accent-text)}
:is(.public-hero,.public-card,.public-price-card,.landing-chat-demo)::before,.public-hero::after{display:none!important}
.public-hero{padding:64px 0 56px;text-align:left}
.public-hero h1{font-size:clamp(38px,5.5vw,66px);line-height:1.1;max-width:920px;margin:18px 0 24px;font-weight:550;letter-spacing:-.045em}
.public-hero p{margin:0;line-height:1.8;max-width:700px}
.public-actions{justify-content:flex-start}
.public-main{max-width:1240px}
.public-card:hover{transform:none;border-color:#50615a!important}
:is(.public-card .icon,.landing-signal-icon,.landing-demo-avatar,.landing-demo-brand>span){background:var(--ui-soft)!important;color:var(--ui-accent-text)!important;border-color:var(--ui-border)!important;box-shadow:none!important}
.public-card .icon{border-radius:10px}
.public-mobile-menu{background:var(--ui-surface)!important;border-color:var(--ui-border)!important}
.public-mobile-actions a:last-child{background:var(--ui-accent)!important;color:var(--ui-accent-ink)!important}
.landing-hero h1{font-weight:550;line-height:1.1;font-size:clamp(40px,5.5vw,68px)}
.landing-hero{min-height:480px}
.landing-demo-message.user{background:var(--ui-user-background)!important;color:var(--ui-user-text)!important;border:1px solid var(--ui-user-border);max-width:80%;margin-left:auto}
.landing-demo-message.user>span{background:none!important;color:inherit!important;border:0}
.landing-demo-sources em{background:var(--ui-soft)!important;color:var(--ui-accent-text)!important;border-color:var(--ui-border)!important}
.landing-demo-composer{background:var(--ui-canvas)!important;border-color:var(--ui-border)!important}
.landing-demo-composer b{background:var(--ui-accent)!important;color:var(--ui-accent-ink)!important}
.auth-pane h2{font-weight:550;font-size:30px}
.auth-panel{padding:32px}
.public-footer{border-color:var(--ui-border)}
/* Admin live preview */
/* v1777: constrain the card, not just the text within a flex:1 wrapper. */
#messages .message.user>.chat-message-content{
  flex:0 1 var(--ui-user-width)!important;width:var(--ui-user-width);max-width:100%;min-width:0;
  margin-left:auto;padding:18px 20px;background:var(--ui-user-background);
  border:1px solid var(--ui-user-border);border-radius:16px;color:var(--ui-user-text);
}
#messages .message.user .bubble{max-width:100%!important;width:100%;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;color:inherit!important;overflow-wrap:anywhere}
.chat-user-header{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:16px}
.chat-user-header .post-meta{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;font-size:12px;color:inherit}
.chat-user-header time{font-size:11px;opacity:.75}
.chat-user-header .network-message-profile{display:block;flex-basis:100%;text-align:right;font-size:10px;opacity:.7}
.megaverse-unified-sidebar [data-unified-profile-avatar]{display:grid;place-items:center;flex-shrink:0}
.chat-user-header .post-avatar{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid var(--ui-user-border);border-radius:10px;font-size:12px;color:inherit;background:transparent}
.chat-user-header .message-info-button{border:0;background:none;color:inherit;cursor:pointer;font-size:17px;padding:4px}
.chat-user-info{font-size:12px;padding:10px 0;margin-bottom:12px;border-bottom:1px solid color-mix(in srgb,var(--ui-user-text) 20%,transparent)}
#messages .message.user .message-actions{justify-content:flex-end;opacity:1;border-top:1px solid color-mix(in srgb,var(--ui-user-text) 12%,transparent);padding-top:10px;margin-top:14px;flex-wrap:wrap}
#messages .message.user .message-actions button{color:var(--ui-user-text);opacity:.85}
#networkTimeline .network-user-message{border-radius:16px!important}
#networkTimeline .network-user-message .post-body{white-space:normal;overflow-wrap:anywhere}
/* Sticky viewport-height sidebars; only their content lists scroll. */
@media(min-width:901px){
  :is(.automation-sidebar,.network-sidebar,.dev-sidebar).megaverse-unified-sidebar{position:sticky!important;top:0!important;align-self:start;height:100dvh!important;min-height:0!important;max-height:100dvh}
}
.megaverse-unified-sidebar .unified-account{margin:12px 0 0!important;padding:12px 0 0!important;min-width:0;flex:0 0 auto!important}
.megaverse-unified-sidebar .unified-account-menu{left:0!important;right:0!important;bottom:calc(100% + 10px)!important;width:auto!important;min-width:0!important;max-width:100%!important;max-height:calc(100dvh - 110px)!important;overflow-y:auto;overflow-x:hidden}
.megaverse-unified-sidebar .unified-account-menu :is(a,button){white-space:normal;overflow-wrap:anywhere;line-height:1.4;flex-shrink:0}
.megaverse-unified-sidebar .unified-account-menu .ui-icon{flex-shrink:0}
.megaverse-unified-sidebar .unified-feature-panel{min-height:0;flex:1 1 auto;overflow:auto;background:transparent!important;border-radius:0!important}
.automation-sidebar .automation-history{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.dev-shell .stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.dev-shell .stat{min-width:0}
.dev-shell .stat b{font-size:clamp(19px,2vw,28px);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.dev-shell .hero-card{flex-wrap:wrap}
.dev-shell :is(.key-row,.card-head,.section-head){flex-wrap:wrap;min-width:0}
.dev-shell .code-block{max-width:100%;min-width:0}
.dev-shell pre{max-width:100%;overflow:auto}
#developerBrandMark{font-size:14px!important;line-height:1;color:var(--ui-accent-text)!important}
#developerBrandMark img{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px}
.history-search input{border:0!important;box-shadow:none!important;background:transparent!important}
/* Subscription cards retain their real billing data and checkout actions. */
.chat-plan-dialog{width:min(1180px,calc(100vw - 40px))!important;max-height:calc(100dvh - 48px);padding:26px!important;border-radius:18px!important;background:var(--ui-surface)!important;border-color:var(--ui-border)!important}
.chat-plan-head{position:sticky;top:-26px;background:var(--ui-surface);z-index:3;padding:10px 0 18px;border-bottom:1px solid var(--ui-border);margin-bottom:20px}
.chat-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px}
.chat-plan-card{min-width:0;min-height:360px;background:var(--ui-canvas)!important;border:1px solid var(--ui-border)!important;border-radius:14px;padding:22px;box-shadow:none!important}
.chat-plan-card.featured,.chat-plan-card.current{background:var(--ui-soft)!important;border-color:color-mix(in srgb,var(--ui-accent) 45%,var(--ui-border))!important}
.chat-plan-card.featured::after{display:none}
.chat-plan-card-top{flex-wrap:wrap;gap:8px}
.chat-plan-card-top span,.plan-overline{color:var(--ui-accent-text)!important}
.chat-plan-card h4{font-size:24px;font-weight:600}
.chat-plan-price{font-size:28px;font-weight:600}
.chat-plan-card li i{background:var(--ui-soft);color:var(--ui-accent-text);flex:0 0 17px}
.chat-plan-card p,.chat-plan-limits,.chat-plan-card ul{color:var(--ui-muted)}
.chat-plan-card .chat-plan-buy{background:var(--ui-accent)!important;color:var(--ui-accent-ink)!important;box-shadow:none!important}
.chat-plan-card .plan-current{background:var(--ui-raised)!important;color:var(--ui-muted)!important;border-color:var(--ui-border)!important}
@media(max-width:1000px){.dev-shell .stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1180px){
  #appView .sidebar{position:fixed!important;inset:0 auto 0 0!important;transform:translateX(-105%)!important;visibility:hidden;transition:transform .2s ease,visibility .2s}
  #appView .sidebar.open{transform:translateX(0)!important;visibility:visible}
  #appView #menuBtn{display:grid!important}
}
@media(max-width:700px){
  #messages .message.user>.chat-message-content{width:94%;flex-basis:94%!important;padding:16px}
  .chat-plan-grid{grid-template-columns:1fr!important}
  .chat-plan-dialog{width:calc(100vw - 24px)!important;padding:18px!important;max-height:calc(100dvh - 24px)}
  .chat-plan-head{top:-18px}
  .chat-plan-card{min-height:0}
}
@media(max-width:420px){.dev-shell .stats{grid-template-columns:1fr}}
/* Automation workflows and account drawers share the same tokens. */
.automation-shell,.automation-main{background:var(--ui-canvas)!important;background-image:none!important}
.automation-sidebar{background:var(--ui-sidebar)!important;border-color:var(--ui-border)!important}
.automation-head-copy h1{font-size:clamp(28px,3.3vw,44px);line-height:1.15;font-weight:550}
:is(.automation-head-copy,.section-heading,.runs-head,.dialog-head)>p{color:var(--ui-accent-text)!important;font-weight:600}
.automation-top{border-color:var(--ui-border)}
.automation-primary{background:var(--ui-accent)!important;color:var(--ui-accent-ink)!important;box-shadow:none!important;border-radius:10px;font-weight:600}
.automation-secondary{background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important;box-shadow:none!important}
:is(.automation-overview>article,.automation-detail,.automation-runs,.automation-history,.automation-connections,.template-card,.connection-card,.run-row,.flow-step,.roadmap-grid>article,.automation-dialog,.automation-library-dialog,.settings-panel,.settings-chat-plan-card,.file-library-panel,.chat-plan-dialog){
  background:var(--ui-surface)!important;background-image:none!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important;box-shadow:none!important;border-radius:14px;
}
:is(.template-icon,.connection-card-icon,.flow-number){background:var(--ui-soft)!important;color:var(--ui-accent-text)!important;border-color:var(--ui-border)!important}
:is(.automation-dialog,.settings-section,.settings-panel,.library-search) :is(input,textarea,select):not([type="checkbox"]):not([type="radio"]){background:var(--ui-canvas)!important;border:1px solid var(--ui-border)!important;color:var(--ui-text)!important;border-radius:10px;padding:10px 12px}
.settings-panel{border-radius:0}
:is(.settings-head,.settings-section,.automation-history-row){border-color:var(--ui-border)!important}
:is(.settings-chat-plan-head span,.account-stat b,.settings-note){color:var(--ui-muted)!important}
.secondary-button{background:var(--ui-raised)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
#settingsChatPlansBtn,#accountMenuPlansBtn{background:var(--ui-soft)!important;color:var(--ui-accent-text)!important;border-color:var(--ui-border)!important}
.profile-box .avatar{background:var(--ui-soft)!important;color:var(--ui-accent-text)!important;border:1px solid var(--ui-border);border-radius:10px}
.settings-chat-plan-meter{background:var(--ui-raised)!important}
.settings-chat-plan-card:not(.exhausted) .settings-chat-plan-meter i{background:var(--ui-accent)!important}
.settings-head h3{font-size:26px;font-weight:550}
.auth-panel{background:#080c0bb8!important;border:0!important;border-radius:0!important}
.auth-panel .auth-card{background:var(--ui-surface)!important;border-color:var(--ui-border)!important;box-shadow:0 24px 80px #0006!important;border-radius:18px}
.auth-panel .auth-pane{background:none}
.landing-download-panel{background:var(--ui-surface)!important;border-color:var(--ui-border)!important;box-shadow:none!important}
:is(.landing-card-meta i,.landing-memory-dots,.landing-download-copy>span,.landing-app-actions i,.landing-app-actions em){color:var(--ui-accent-text)!important}
.landing-memory-dots i{border-color:var(--ui-accent);background:var(--ui-soft)}
.landing-file-preview span{background:var(--ui-soft);color:var(--ui-accent-text)}
.profile-menu-toggle,.menu-button,.icon-button{color:var(--ui-muted)}
.composer .ui-icon{width:19px;height:19px}
.public-card .icon .ui-icon{width:22px;height:22px}
.ui-theme-preview{display:grid;gap:14px;background:var(--ui-canvas);padding:22px;border:1px solid var(--ui-border);border-radius:14px}
.ui-preview-agent,.ui-preview-user{padding:18px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.ui-preview-user{width:var(--ui-user-width);margin-left:auto}
.ui-theme-preview p{margin:8px 0 0}
.ui-preview-actions{text-align:right}
.ui-preview-actions button{padding:10px 16px;opacity:1}
@media(max-width:900px){
  :is(.card,.cms-card,.provider-card,.hero-card){padding:18px}
  .unified-account-menu{bottom:64px}
  :is(.chat-title,.social-top h1,.network-header h1,.dev-header h1,.admin-header h1){font-size:18px}
}
@media(max-width:700px){
  #networkTimeline .network-user-message{width:94%!important;padding:16px}
  .message.user .bubble{max-width:94%!important}
  .public-share-message.user{width:94%!important}
  .ui-preview-user{width:94%}
  .public-hero{padding:34px 0}
  .public-hero h1{font-size:38px}
  .auth-panel{padding:24px 18px}
  .cms-savebar{flex-wrap:wrap}
  .cms-tabs{display:flex!important;flex-wrap:nowrap}
  .ui-theme-preview{padding:14px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}