/* AnomsChat · Anoms neon theme (matches AnomsAI / Anoms Apps). Loaded last; dark mode only. */
:root{--neo:#00ff9c;--neo2:#00b3ff;--neo-line:rgba(0,255,156,.32);--neo-soft:rgba(0,255,156,.08);--glass:rgba(6,16,16,.72);--glass2:rgba(8,22,22,.82);--mono:ui-monospace,SFMono-Regular,'SF Mono',Menlo,'Cascadia Mono','JetBrains Mono',Consolas,'Liberation Mono',monospace;--neo-grad:linear-gradient(90deg,#00ff9c,#00b3ff);--neo-glow:0 0 0 1px rgba(0,255,156,.06),0 0 18px rgba(0,255,156,.10),0 10px 40px rgba(0,0,0,.45)}
html:has(body:not(.light)){background:#000}
body:not(.light){--bg:#000;--rail:rgba(0,0,0,.6);--side:rgba(4,12,12,.78);--chat:transparent;--surface:rgba(8,22,22,.8);--surface2:rgba(10,30,30,.85);--input:rgba(2,10,10,.85);--text:#e6fff4;--muted:#7fb3a2;--line:rgba(0,255,156,.16);--accent:#00ff9c;--accent-dark:#00140c;--mine:linear-gradient(135deg,rgba(0,255,156,.22),rgba(0,179,255,.18));--mine-text:#eafff6;--purple:#5fe0ff;--header:rgba(0,0,0,.72);
  font-family:var(--mono)!important;background:#000!important;color:var(--text);letter-spacing:.01em}
body:not(.light) :is(h1,h2,h3,input,textarea,select,button,.eyebrow,small,label,p,span,strong){font-family:var(--mono)}
/* matrix grid + scanlines backdrop (pure CSS, GPU cheap) */
body:not(.light)::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(0,255,156,.035) 0 1px,transparent 1px 3px),radial-gradient(ellipse at 50% -10%,rgba(0,255,156,.14),transparent 55%),radial-gradient(ellipse at 50% 110%,rgba(0,179,255,.14),transparent 60%),#000}
body:not(.light) :is(.workspace,.dm-app,.admin-shell){background:transparent!important}
/* glass cards */
body:not(.light) :is(.card,.home-card,.stat,.ai-card,.tool-card,.work-board,.drawer,dialog,.fg-panel,.dm-sidebar,.room-card.active,.toast,.command-menu,.ai-proposal,.setup,.intro,.empty){background:linear-gradient(160deg,var(--glass2),var(--glass))!important;border:1px solid var(--neo-line)!important;box-shadow:var(--neo-glow)!important;backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%)}
body:not(.light) :is(.sidebar,.rail){background:rgba(0,6,6,.7)!important;border-right:1px solid var(--line)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body:not(.light) :is(.chat-header,.fg-current,.mobile-nav){background:rgba(0,0,0,.66)!important;border-bottom:1px solid var(--neo-line)!important;box-shadow:0 1px 0 rgba(0,179,255,.12),0 8px 24px rgba(0,0,0,.4);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body:not(.light) .home-card:hover,body:not(.light) .card:hover{border-color:rgba(0,255,156,.55)!important;box-shadow:0 0 0 1px rgba(0,255,156,.12),0 0 26px rgba(0,255,156,.16),0 10px 40px rgba(0,0,0,.45)!important}
body:not(.light) dialog::backdrop{background:rgba(0,0,0,.66);backdrop-filter:blur(4px)}
/* messages */
body:not(.light) .bubble,body:not(.light) .dm-message{background:rgba(6,18,18,.82)!important;border:1px solid rgba(0,255,156,.2)!important;color:var(--text)!important;box-shadow:0 0 14px rgba(0,255,156,.05)}
body:not(.light) .mine .bubble,body:not(.light) .dm-message.mine{background:linear-gradient(135deg,rgba(0,255,156,.18),rgba(0,179,255,.16))!important;border-color:rgba(0,255,156,.45)!important;color:#effff8!important}
body:not(.light) .message-name{color:var(--neo)}
body:not(.light) .message-time,body:not(.light) .date-divider{color:#5f8f80;font-size:10px;letter-spacing:.08em}
/* inputs */
body:not(.light) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select,.composer,.search-box){background:rgba(0,8,8,.85)!important;border:1px solid rgba(0,255,156,.22)!important;color:#eafff6!important;border-radius:12px;transition:border-color .18s,box-shadow .18s}
body:not(.light) .composer :is(input,textarea):not(#_),body:not(.light) .search-box input:not(#_){border:0!important;background:transparent!important;box-shadow:none!important}
body:not(.light) :is(input,textarea,select):focus,body:not(.light) .composer:focus-within,body:not(.light) .search-box:focus-within{border-color:var(--neo)!important;box-shadow:0 0 0 3px rgba(0,255,156,.14),0 0 18px rgba(0,179,255,.16)!important}
body:not(.light) ::placeholder{color:#4f7f72!important}
body:not(.light) input[type=checkbox]{accent-color:#00ff9c}
/* buttons */
body:not(.light) :is(.primary,.send-button,.login-submit,.studio-submit,#enable-push,.ai-launch){background:var(--neo-grad)!important;color:#00140c!important;border:0!important;font-weight:700;letter-spacing:.06em;box-shadow:0 6px 22px rgba(0,255,156,.22);transition:transform .14s,box-shadow .2s,filter .2s}
body:not(.light) :is(.primary,.send-button,.login-submit,.studio-submit,#enable-push,.ai-launch):hover{filter:brightness(1.08);box-shadow:0 8px 30px rgba(0,179,255,.32)}
body:not(.light) :is(.primary,.send-button,.login-submit):active{transform:scale(.97)}
body:not(.light) .send-button svg,body:not(.light) .ai-launch svg{color:#00140c;stroke:#00140c}
body:not(.light) :is(.home-actions button,.home-actions a,.settings-links a,.settings-links button,.ai-settings-launch,.auto-controls button,.push-actions button:not(.primary):not(#enable-push),.admin-shell button:not(.primary),.admin-shell a[download],dialog form button:not(.primary),.drawer-tabs button,.starter-buttons button,.text-button,.studio-chip,.model-button,.web-search-button){background:rgba(0,255,156,.05)!important;border:1px solid rgba(0,255,156,.35)!important;color:#9dffd6!important;border-radius:11px!important;transition:background .16s,border-color .16s,box-shadow .16s,color .16s}
body:not(.light) :is(.home-actions button,.home-actions a,.settings-links a,.settings-links button,.ai-settings-launch,.auto-controls button,.admin-shell button:not(.primary),.drawer-tabs button,.starter-buttons button,.studio-chip,.model-button):hover{background:rgba(0,255,156,.12)!important;border-color:var(--neo)!important;box-shadow:0 0 16px rgba(0,255,156,.2)}
body:not(.light) :is(.drawer-tabs button.active,.auto-controls button.active,.rail-button.active){background:rgba(0,255,156,.16)!important;color:var(--neo)!important;box-shadow:inset 0 0 0 1px rgba(0,255,156,.5),0 0 14px rgba(0,255,156,.2)!important}
body:not(.light) :is(.icon-button,.mini-icon,.rail-button):hover{color:var(--neo)!important;background:rgba(0,255,156,.08)!important}
body:not(.light) .danger,body:not(.light) .danger-action{border-color:rgba(255,90,90,.45)!important;color:#ff8f8f!important;background:rgba(255,60,60,.06)!important}
body:not(.light) [data-icon] svg,body:not(.light) .icon-button,body:not(.light) .rail-button{color:#7fdcb9}
/* neon chips instead of jargon */
body:not(.light) :is(.pill,.role-pill,.auto-state,.mode-pill,.tool-badge,.small-label,.studio-chip,.unread-badge,.fg-unread){font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid rgba(0,255,156,.4);background:rgba(0,255,156,.08);color:var(--neo)!important;box-shadow:0 0 10px rgba(0,255,156,.12)}
body:not(.light) .eyebrow,body:not(.light) .section-label,body:not(.light) .home-card small{color:#00d6a0!important;letter-spacing:.14em}
body:not(.light) :is(h1,h2,.home-header h2){letter-spacing:.02em}
body:not(.light) .home-header h2,body:not(.light) .welcome h2,body:not(.light) .admin-header .brand{background:var(--neo-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important}
body:not(.light) .status-dot{background:var(--neo)!important;box-shadow:0 0 8px var(--neo)}
body:not(.light) .home-card-icon,body:not(.light) .room-icon,body:not(.light) .group-avatar{background:rgba(0,255,156,.08)!important;border:1px solid rgba(0,255,156,.3);color:var(--neo)!important;box-shadow:0 0 12px rgba(0,255,156,.12)}
body:not(.light) a{color:#5fe0ff}
body:not(.light) .muted,body:not(.light) .fg-home-intro{color:#7fb3a2!important}
body:not(.light) pre{background:rgba(0,8,8,.85);border:1px solid var(--line);color:#9dffd6}
body:not(.light) ::-webkit-scrollbar{width:8px;height:8px}body:not(.light) ::-webkit-scrollbar-thumb{background:rgba(0,255,156,.22);border-radius:8px}
/* live logos */
.anoms-logo-slot{display:block;flex:none}
.brand-mark.live-logo{width:40px;height:40px;margin:2px 0 26px}
.home-brand .live-logo{width:46px;height:46px}
.welcome .live-logo{width:96px;margin:0 auto 22px}
.dm-sidebar .brand .live-logo,.admin-header .brand .live-logo{width:34px;height:34px;display:inline-block;vertical-align:middle;margin-right:10px}
.empty .live-logo{width:84px;margin:0 auto 16px}
.chat-header .group-avatar.has-live{padding:0;overflow:visible;background:none!important;border:0!important;box-shadow:none!important}
.chat-header .group-avatar .live-logo{width:42px;height:42px}
.ai-status .ai-live{width:26px;height:26px;border-radius:8px;flex:none}
body:not(.light) .ai-status{color:#5fe0ff!important;font-size:11px;letter-spacing:.04em;padding:6px 10px 6px 6px;width:max-content;max-width:100%;border:1px solid rgba(0,179,255,.35);border-radius:999px;background:rgba(0,20,26,.7);box-shadow:0 0 16px rgba(0,179,255,.16)}
.ai-status .ai-live[data-mode=stream]{box-shadow:0 0 0 1px rgba(0,255,156,.7),0 0 22px rgba(0,255,156,.55),0 0 44px rgba(0,179,255,.4);animation:aiPulse .9s ease-in-out infinite}
.ai-status .ai-live[data-mode=think]{animation:aiPulse 1.8s ease-in-out infinite}
@keyframes aiPulse{50%{transform:scale(1.1)}}
/* iPhone full screen */
html,body{min-height:100dvh}
/* composer safe-area padding moved to fullscreen.css (applied once) */
.admin-shell{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-top:max(20px,env(safe-area-inset-top))}
/* login uses live logo */
.premium-login .login-icon.live-logo{width:132px;height:132px;border-radius:28%;margin:-4px auto 18px}
@media (max-width:480px){.premium-login .login-icon.live-logo{width:112px;height:112px}}
*{-webkit-tap-highlight-color:transparent}
@media (prefers-reduced-motion:reduce){.ai-status .ai-live{animation:none!important}body:not(.light) *{transition-duration:.01ms!important}}

.admin-header .brand:before{display:none!important}
.admin-header .brand{display:flex;align-items:center;gap:0}
body:not(.light) .admin-header .brand .live-logo{width:42px;height:42px;margin-right:14px}
body:not(.light) .admin-header .brand{background:none;color:#e6fff4!important}
body:not(.light) .admin-header .brand>.pill{margin-left:10px}
body:not(.light) .empty{border-radius:20px!important;padding:26px 22px;margin:8vh auto}
body:not(.light) #private-send{background:var(--neo-grad)!important;color:#00140c!important;border:0!important;font-weight:700;box-shadow:0 6px 22px rgba(0,255,156,.22)}
body:not(.light) #private-send:disabled{opacity:.45;box-shadow:none}
body:not(.light) .welcome{text-align:center}
body:not(.light) .welcome p{color:#7fb3a2}
.hdr-live.live-logo{width:38px;height:38px;flex:none;margin-right:12px;border-radius:11px}
.hdr-wrap{display:flex;align-items:center;min-width:0}
@media (max-width:480px){.hdr-live.live-logo{width:34px;height:34px;margin-right:10px}}
