@layer base{
:root{--cyan:#20cfff;--cyan2:#0a8ebc;--panel:#07121a;--panel2:#0b1a24;--stroke:#183847;--muted2:#8da7b7;--page:#02070b;--text2:#edf8ff}
html[data-theme="dark"]{color-scheme:dark}html[data-theme="light"]{color-scheme:light;--page:#cbd8df;--panel:#e9f1f5;--panel2:#dbe7ed;--stroke:#9db4c0;--muted2:#526b78;--text2:#0d202b;--cyan:#008fbd;--cyan2:#04799b}
body{background:var(--page);color:var(--text2);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.screen{background:var(--page)}.shell{background:radial-gradient(circle at 80% -10%,#082635 0,#02090e 35%,#010406 72%)}
.topbar{background:#030a0fe8;border-color:#14303d}.statusDot{background:var(--cyan);box-shadow:0 0 15px #20cfff}.topTitle{letter-spacing:.08em}.content{max-width:1040px}.nav{background:#061017ee;border-color:#183847}.nav button.on,.ghost{color:var(--cyan)}
.card,.settingsGroup,.rowCard,.heroAction{background:linear-gradient(145deg,#091821,#050c11);border:1px solid #183847;box-shadow:0 15px 45px #0008}.sectionTitle{letter-spacing:.01em}.sectionSub,.small,.sub,.rowPreview{color:var(--muted2)}.primary{background:linear-gradient(180deg,#32cfff,#159dcc);color:#001018;box-shadow:0 0 25px #13bce733}.secondary,.iconBtn{background:#0b1b25;border:1px solid #183847}.input{background:#030a0f;border-color:#183847}.input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #20cfff20}
.masterBadge{display:none;align-items:center;gap:8px;border:1px solid #174052;border-radius:13px;padding:7px 11px;color:#dff8ff;font-size:12px}.masterBadge b{color:var(--cyan);letter-spacing:.08em}.masterBadge.show{display:flex}.masterIcon{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid #25cfff}
.authHero{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:3/1!important;margin:0!important;background:url('/static/root-se-final-hero.webp') center/contain no-repeat!important;background-color:#000!important;position:relative}.authHero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,transparent 7%,transparent 93%,#000 100%)}.authBody{margin-top:0!important}.terminalLine{min-height:22px;color:#50ddff;font:13px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center;margin-top:8px}
.iconPicker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.iconChoice{padding:7px;background:#07131a;border:1px solid #173644;border-radius:17px;position:relative}.iconChoice.selected{border-color:var(--cyan);box-shadow:0 0 0 2px #20cfff22,0 0 25px #20cfff16}.iconChoice img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.iconChoice span{display:block;text-align:center;font-size:11px;color:#9ab3c0;padding:7px 2px 2px}.adminOnly{display:none}.adminOnly.show{display:block}
.themeChooser{display:grid;grid-template-columns:1fr 1fr;gap:10px}.themeBtn{padding:14px;border-radius:14px;background:#0b1b25;border:1px solid #183847;color:inherit}.themeBtn.on{border-color:var(--cyan);box-shadow:0 0 0 2px #20cfff22}.themeSwatch{display:block;height:36px;border-radius:9px;margin-bottom:8px}.themeSwatch.dark{background:linear-gradient(135deg,#02070b,#123040)}.themeSwatch.light{background:linear-gradient(135deg,#dce7ec,#8db8ca)}
html[data-theme="light"] body,html[data-theme="light"] .screen,html[data-theme="light"] .shell{background:#cbd8df;color:#0d202b}html[data-theme="light"] .shell{background:radial-gradient(circle at 75% -10%,#f6fbfd 0,#dce7ec 35%,#c3d2da 78%)}
html[data-theme="light"] .topbar,html[data-theme="light"] .nav,html[data-theme="light"] .chatHead,html[data-theme="light"] .composer{background:#e8f0f4e8;border-color:#a9bec8;color:#0d202b}html[data-theme="light"] .card,html[data-theme="light"] .settingsGroup,html[data-theme="light"] .rowCard,html[data-theme="light"] .heroAction,html[data-theme="light"] .sheet{background:linear-gradient(145deg,#f4f8fa,#dce7ec);border-color:#a8bec9;box-shadow:0 15px 40px #5c788630}
html[data-theme="light"] .input,html[data-theme="light"] .secondary,html[data-theme="light"] .iconBtn,html[data-theme="light"] .themeBtn,html[data-theme="light"] .bubble.assistant{background:#edf4f7;color:#102530;border-color:#a8bec9}html[data-theme="light"] .sectionSub,html[data-theme="light"] .small,html[data-theme="light"] .sub,html[data-theme="light"] .rowPreview{color:#526b78}html[data-theme="light"] .nav button{color:#607986}html[data-theme="light"] .nav button.on,html[data-theme="light"] .ghost{color:#007fa8}
@media(min-width:900px){.shell{padding-left:235px}.nav{position:fixed;left:0;top:0;bottom:0;transform:none;width:235px;border:0;border-right:1px solid #15313d;border-radius:0;display:flex;flex-direction:column;padding:130px 12px 20px;gap:8px}.nav button{font-size:14px;text-align:left;padding:12px 16px}.nav .nicon{display:inline-block;width:32px}.content{padding:28px 38px}}
@media(max-width:520px){.authHero{min-height:150px!important;background-size:contain!important}.iconPicker{grid-template-columns:repeat(2,minmax(0,1fr))}.sectionTitle{font-size:28px}.masterBadge{padding:5px 7px}.masterBadge span{display:none}.themeChooser{grid-template-columns:1fr 1fr}}
.adminToolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0 18px}.adminTabs{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.adminTab{padding:10px 14px;border-radius:12px;border:1px solid var(--stroke);background:var(--panel);color:inherit;white-space:nowrap}.adminTab.on{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 0 2px #20cfff18}.adminGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.adminStat{padding:16px;border:1px solid var(--stroke);border-radius:16px;background:var(--panel)}.adminStat strong{display:block;font-size:26px;color:var(--cyan);margin-top:5px}.adminList{display:grid;gap:10px}.adminUser{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:12px;padding:14px;border:1px solid var(--stroke);border-radius:16px;background:var(--panel)}.adminUserMeta{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.pill{padding:3px 8px;border-radius:999px;border:1px solid var(--stroke);font-size:11px}.pill.active{color:#5ce3a8}.pill.blocked,.pill.killed,.pill.deactivated{color:#ff8b8b}.adminUserActions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.adminUserActions select{min-width:120px}.dangerBtn{border-color:#67343a!important;color:#ff8b96!important}.adminInvite{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--stroke);border-radius:14px;background:var(--panel)}.auditRow{padding:11px 13px;border-bottom:1px solid var(--stroke);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.adminEmpty{padding:25px;text-align:center;color:var(--muted2)}
html[data-theme="light"] .adminTab,html[data-theme="light"] .adminStat,html[data-theme="light"] .adminUser,html[data-theme="light"] .adminInvite{background:#eef5f8;border-color:#a8bec9}.adminForm{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin:14px 0}.adminForm label{font-size:12px;color:var(--muted2)}.adminForm .field{margin:0}.adminPanelTitle{display:flex;align-items:center;justify-content:space-between;gap:12px}.adminPanelTitle .badge{font-size:11px;letter-spacing:.1em;color:var(--cyan);border:1px solid var(--stroke);padding:6px 9px;border-radius:999px}
@media(max-width:760px){.adminGrid{grid-template-columns:1fr}.adminUser{grid-template-columns:1fr}.adminUserActions{justify-content:flex-start}.adminForm{grid-template-columns:1fr}.adminInvite{grid-template-columns:1fr}.adminToolbar{align-items:stretch}.adminTabs{width:100%}}
.nav.hasAdmin{grid-template-columns:repeat(4,1fr)}
html[data-theme="light"] .bubble.user{color:#fff}html[data-theme="light"] .composer textarea{background:#f5f9fb;color:#102530;border:1px solid #a8bec9}html[data-theme="light"] .choice,html[data-theme="light"] .choiceIcon,html[data-theme="light"] .key,html[data-theme="light"] .lockicon{background:#e6eff3;color:#102530}html[data-theme="light"] .seg{background:#c8d6dd}html[data-theme="light"] .seg button{color:#526b78}html[data-theme="light"] .seg button.on{background:#f7fbfd;color:#102530}
@media(min-width:900px){.nav.hasAdmin{display:flex}}
.composer .round svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.composer #micBtn{order:3}.composer #sendBtn{order:4}.composer #messageInput{order:2}.composer #voiceCancelBtn{order:1;background:transparent;color:#ff6b72;font-size:28px;line-height:1}.composer.recording{box-shadow:inset 0 1px 0 #20cfff28}.composer #micBtn.recording{background:#2b3d46;color:#fff;box-shadow:0 0 0 2px #20cfff22}.composer #micBtn.recording svg{fill:currentColor;stroke:none}.composer #voiceCancelBtn.hidden{display:none!important}
html[data-theme="light"] .composer #micBtn.recording{background:#c8dce5;color:#0b2b38}.composer textarea::placeholder{transition:color .15s}.composer.recording textarea::placeholder{color:#3acdec}
.thoughtStream{align-self:flex-start;max-width:min(82%,640px);padding:5px 4px;color:#7e8c95;font-size:12.5px;line-height:1.45;font-style:italic;opacity:.94}.thoughtLine+.thoughtLine{margin-top:5px}.thoughtStream::after{content:'  ▍';animation:cursorBlink .85s steps(1) infinite;color:var(--cyan)}
.thoughtHistory{align-self:flex-start;max-width:min(82%,640px);color:#7e8c95;font-size:12.5px;line-height:1.45}.thoughtHistory summary{cursor:pointer;list-style:none;padding:5px 4px;color:#8e9da6}.thoughtHistory summary::-webkit-details-marker{display:none}.thoughtHistory summary::before{content:'›';display:inline-block;margin-right:7px;transition:transform .15s}.thoughtHistory[open] summary::before{transform:rotate(90deg)}.thoughtHistory .thoughtBody{padding:2px 4px 7px 16px;font-style:italic}
html[data-theme="light"] .thoughtStream,html[data-theme="light"] .thoughtHistory{color:#647883}html[data-theme="light"] .thoughtHistory summary{color:#566c77}
.liveVoiceBtn{position:fixed;right:18px;bottom:calc(86px + var(--safe-b));z-index:55;width:68px;height:68px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:radial-gradient(circle at 35% 30%,#223b47,#0b1115 72%);border:1px solid #54dcff66;box-shadow:0 0 0 1px #ffffff08,0 12px 34px #000a,0 0 30px #29d8ff33;color:#8eeeff}.liveVoiceBtn svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.liveVoiceBtn span{font-size:8px;letter-spacing:.18em}.liveVoiceBtn.on{animation:livePulse 1.8s ease-in-out infinite}.liveVoiceOverlay{position:fixed;z-index:90;inset:0;background:radial-gradient(circle at 50% 45%,#12232b 0,#05090c 42%,#000 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:#eafaff}.liveVoiceClose{position:absolute;right:22px;top:calc(18px + var(--safe-t));width:46px;height:46px;border-radius:50%;background:#ffffff0d;border:1px solid #ffffff16;font-size:30px}.liveVoiceCore{position:relative;width:154px;height:154px;border-radius:50%;display:grid;place-items:center;background:#0d171c;border:1px solid #58dcff55;box-shadow:0 0 55px #27d8ff26}.liveVoiceCore>svg{width:72px;height:72px;fill:none;stroke:#87ecff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px #49ddff)}.liveVoiceRings,.liveVoiceRings i{position:absolute;inset:0;border-radius:50%}.liveVoiceRings i{border:1px solid #43dfff55;animation:liveRing 2.4s ease-out infinite}.liveVoiceRings i:nth-child(2){animation-delay:.8s}.liveVoiceRings i:nth-child(3){animation-delay:1.6s}.liveVoiceStatus{margin-top:34px;font-size:22px;font-weight:650}.liveVoiceHint{margin-top:9px;max-width:420px;text-align:center;color:#81949e;font-size:13px;line-height:1.45}@keyframes liveRing{0%{transform:scale(.88);opacity:.75}100%{transform:scale(1.55);opacity:0}}@keyframes livePulse{50%{box-shadow:0 0 0 8px #20dfff0d,0 12px 34px #000a,0 0 42px #29d8ff66}}@media(min-width:900px){.liveVoiceBtn{right:28px;bottom:28px}}html[data-theme="light"] .liveVoiceBtn{background:radial-gradient(circle at 35% 30%,#edf8fc,#c9dce5 75%);color:#147b96;border-color:#2aa7c866}html[data-theme="light"] .liveVoiceOverlay{background:radial-gradient(circle at 50% 45%,#dceaf0 0,#b9cbd4 56%,#91a8b4 100%);color:#102530}html[data-theme="light"] .liveVoiceCore{background:#d7e8ef;border-color:#2aa7c877}
.musicHero{display:flex;align-items:center;gap:14px;padding:18px;margin-bottom:18px;border-radius:22px;background:linear-gradient(135deg,#251731,#121824);border:1px solid #ffffff12}.musicHero>div:nth-child(2){flex:1}.musicHero h3{margin:0 0 4px}.musicHero .primary{width:auto}.musicNote{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:26px;background:linear-gradient(145deg,#bf5af2,#5e5ce6);box-shadow:0 10px 30px #5e5ce655}.musicList{display:flex;flex-direction:column;gap:9px}.musicTrack{display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:18px;background:var(--card);border:1px solid #ffffff0c}.musicPlay{width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:var(--blue);color:#fff;font-size:15px}.musicInfo{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.musicInfo b,.musicInfo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.musicInfo span{font-size:12px;color:var(--muted)}.musicDelete{width:34px;height:34px;border-radius:12px;background:#ffffff0a;color:var(--muted);font-size:22px}.musicDelete:hover{color:var(--red)}.musicEmpty{text-align:center;color:var(--muted);padding:42px 18px;line-height:1.6}@media(max-width:520px){.musicHero{align-items:flex-start;flex-wrap:wrap}.musicHero .primary{width:100%}}

/* Music library, playlists and persistent player */
.musicHeroActions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.musicHeroActions .primary,.musicHeroActions .secondary{width:auto;padding:11px 14px}.musicSection{margin:24px 0}.musicSectionHead{display:flex;align-items:center;justify-content:space-between;margin:0 2px 11px}.musicSectionHead h2{margin:0;font-size:19px}.musicSectionHead>span{color:var(--muted2);font-size:12px}.musicTrack{cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.musicTrack:active{transform:scale(.992)}.musicTrack:focus-visible,.musicTrack.active{outline:none;border-color:#20cfff88;background:linear-gradient(135deg,#102632,#0b151d);box-shadow:0 0 0 2px #20cfff14}.playlistGrid{display:grid;gap:9px}.musicPlaylist{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 13px;border:1px solid #ffffff0c;border-radius:18px;background:var(--card)}.musicPlaylistIcon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#bf5af2,#5e5ce6);font-size:21px}.musicPlaylistInfo{min-width:0}.musicPlaylistInfo b,.musicPlaylistInfo span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.musicPlaylistInfo span{margin-top:4px;color:var(--muted2);font-size:11px}.musicPlaylistActions{display:flex;gap:5px}.musicPlaylistActions button{width:34px;height:34px;border-radius:10px;background:#ffffff0a;color:var(--text2)}.musicPlaylistActions button:hover{color:var(--cyan)}.musicPlaylistActions button:disabled{opacity:.3}.musicEmpty.compact{padding:24px 16px}.playlistTrackPicker{display:grid;gap:7px;max-height:min(48vh,430px);overflow:auto;margin:4px 0 16px;padding:2px}.playlistTrackChoice{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid var(--stroke);border-radius:14px;background:var(--panel);cursor:pointer}.playlistTrackChoice input{width:20px;height:20px;accent-color:var(--cyan);flex:none}.playlistTrackChoice span{min-width:0}.playlistTrackChoice b,.playlistTrackChoice small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlistTrackChoice small{margin-top:3px;color:var(--muted2)}
.musicPlayerDock{position:fixed;z-index:75;left:50%;bottom:calc(76px + var(--safe-b));width:min(720px,calc(100vw - 20px));transform:translateX(-50%);padding:13px 15px 12px;border:1px solid #327087aa;border-radius:22px;background:linear-gradient(145deg,#0d202aef,#071016f2);box-shadow:0 18px 60px #000d,0 0 35px #20cfff18;backdrop-filter:blur(25px);color:var(--text2)}.musicPlayerTop{display:flex;align-items:center;gap:11px}.musicPlayerArtwork{width:43px;height:43px;flex:none;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#bf5af2,#5e5ce6);box-shadow:0 8px 24px #5e5ce644;font-size:21px}.musicPlayerMeta{min-width:0;flex:1}.musicPlayerMeta b,.musicPlayerMeta span,.musicPlayerMeta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.musicPlayerMeta b{font-size:14px}.musicPlayerMeta span{margin-top:2px;color:var(--muted2);font-size:11px}.musicPlayerMeta small{margin-top:2px;color:#5ecde9;font-size:9px}.musicTimeline{margin:8px 1px 3px}.musicTimeline input,.musicVolume input{display:block;width:100%;height:18px;margin:0;accent-color:var(--cyan)}.musicTimeline>div{display:flex;justify-content:space-between;margin-top:-2px;color:var(--muted2);font-size:9px}.musicControls{display:grid;grid-template-columns:38px 42px 50px 42px minmax(72px,1fr);align-items:center;justify-content:center;gap:7px}.musicControl{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ffffff0b;color:var(--text2);font-size:16px}.musicControl.main{width:48px;height:48px;background:var(--cyan);color:#001018;font-size:18px;box-shadow:0 0 22px #20cfff44}.musicControl.stop{color:#ff8a84}.musicControl.repeat[data-mode="all"],.musicControl.repeat[data-mode="one"]{color:var(--cyan);background:#20cfff18}.musicVolume{display:grid;grid-template-columns:16px 1fr;align-items:center;gap:4px;color:var(--muted2);font-size:12px}.musicVolume input{height:22px}
.musicPlayerDock.playerCollapsed{display:none}.musicControl.voice.listening{color:#fff;background:#bf5af2;box-shadow:0 0 20px #bf5af2}.musicControl.collapse{font-size:22px}.musicFloat{position:fixed;z-index:76;right:18px;bottom:calc(88px + var(--safe-b));width:60px;height:60px;padding:0;border-radius:50%;display:grid;place-items:center;touch-action:none;user-select:none;-webkit-user-select:none;background:linear-gradient(145deg,#d16bff,#6d36d9);color:#fff;border:1px solid #eab4ff88;box-shadow:0 0 16px #bf5af2,0 0 38px #8e44ffbb,0 10px 32px #000b;animation:musicFloatGlow 1.8s ease-in-out infinite}.musicFloat span{font-size:27px;pointer-events:none}.musicFloat.dragging{animation:none;transform:scale(1.08);box-shadow:0 0 25px #d98aff,0 0 55px #9b4dff}.musicFloat.hidden{display:none}@keyframes musicFloatGlow{0%,100%{box-shadow:0 0 13px #bf5af2,0 0 30px #8e44ff99,0 10px 30px #000b}50%{box-shadow:0 0 24px #e0a0ff,0 0 52px #a44dffdd,0 10px 34px #000b}}
html[data-theme="light"] .musicTrack.active,html[data-theme="light"] .musicPlaylist,html[data-theme="light"] .playlistTrackChoice{background:#edf5f8;border-color:#9fb9c5}html[data-theme="light"] .musicPlayerDock{background:#eef6f9f2;border-color:#6aa6bb;box-shadow:0 18px 55px #4c687955}
@media(min-width:760px){.musicPlayerDock{bottom:94px}}@media(min-width:900px){.musicPlayerDock{left:calc(50% + 117px);width:min(720px,calc(100vw - 275px))}}@media(max-width:620px){.musicHeroActions{width:100%;display:grid;grid-template-columns:1fr 1fr}.musicHeroActions .primary,.musicHeroActions .secondary{width:100%;padding:11px 8px}.musicPlaylist{grid-template-columns:40px minmax(0,1fr)}.musicPlaylistIcon{width:40px;height:40px}.musicPlaylistActions{grid-column:1/-1;justify-content:flex-end}.musicPlaylistActions button{width:40px}.musicPlayerDock{padding:10px 12px 9px;border-radius:19px}.musicPlayerArtwork{width:39px;height:39px}.musicControls{grid-template-columns:36px 38px 46px 38px minmax(58px,1fr);gap:4px}.musicControl{width:35px;height:35px}.musicControl.main{width:44px;height:44px}.musicVolume{min-width:0}}

/* Responsive chat feedback */
.bubble{position:relative;animation:messageIn .2s ease-out}.bubbleTools{opacity:.72;transition:opacity .15s}.bubble:hover .bubbleTools,.bubble:focus-within .bubbleTools{opacity:1}.mini.copyDone{color:var(--green)}
.chatActivity{min-height:27px;padding:4px max(16px,calc((100vw - 760px)/2)) 7px;color:var(--cyan);font-size:12px;letter-spacing:.02em;background:#080d11}.chatActivity.active::after,.directTyping.on::after{content:'…';display:inline-block;width:1.4em;overflow:hidden;vertical-align:bottom;animation:loadingDots 1.15s steps(4,end) infinite}.chatActivity.error{color:#ff7770}.chatActivity.recording{color:#ff6670}.chatActivity.recording::before{content:'●';display:inline-block;margin-right:7px;animation:recordPulse 1s ease-in-out infinite}
.composer #micBtn.recording{position:relative;overflow:hidden;animation:micGlow 1.4s ease-in-out infinite}.composer #micBtn.recording::after{content:'';position:absolute;inset:-45%;background:linear-gradient(110deg,transparent 38%,#ffffff80 50%,transparent 62%);animation:micGlint 1.25s linear infinite}
.round.stop{background:var(--red)!important;color:#fff;animation:stopPulse 1.5s ease-in-out infinite}.round.stop svg{fill:currentColor!important;stroke:none!important}
.directTyping{height:15px;color:var(--green);font-size:10px;font-weight:500;text-align:center;margin-top:1px}.chatHead>div:has(#directTitle){flex:1;min-width:0;margin-right:54px}.chatHead>div:has(#directTitle) .chatHeadTitle{margin-right:0}
.directAvatar{width:38px;height:38px;flex:0 0 38px;padding:0;overflow:hidden;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#174b73,#242426);font-weight:750}.directAvatar img{width:100%;height:100%;object-fit:cover}.contactProfileView{text-align:center;padding:12px 0 18px}.contactProfilePhoto{width:116px;height:116px;border-radius:50%;object-fit:cover;margin:0 auto 14px}.contactProfileFallback{display:grid;place-items:center;background:linear-gradient(145deg,#174b73,#242426);font-size:38px;font-weight:750}.contactProfileView h2{margin-bottom:4px}
.directTime{display:flex;align-items:center;justify-content:flex-end;gap:5px}.delivery{font-size:12px;letter-spacing:-2px;color:#d5e3e9}.delivery.read{color:var(--green);text-shadow:0 0 8px #30d15855}.delivery.pending{letter-spacing:0}
.notifyBanner{position:fixed;z-index:120;top:calc(10px + var(--safe-t));left:50%;width:min(94vw,520px);transform:translate(-50%,-130%);opacity:0;display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:13px 14px;border-radius:17px;background:#17232bea;border:1px solid #3e6475;box-shadow:0 16px 50px #000c;backdrop-filter:blur(22px);transition:transform .28s ease,opacity .28s ease}.notifyBanner.show{transform:translate(-50%,0);opacity:1}.notifyBanner b{font-size:13px}.notifyBanner span{grid-column:1;font-size:12px;color:#c6d7df}.notifyBanner button{grid-column:2;grid-row:1/3;align-self:center;background:var(--cyan);color:#00202b;border-radius:10px;padding:8px 11px;font-weight:700}.notifyBannerClose{position:absolute!important;right:-7px!important;top:-7px!important;width:22px!important;height:22px!important;padding:0!important;border-radius:50%!important;background:#303d44!important;color:#fff!important}
.toast{position:fixed;z-index:130;left:50%;bottom:calc(92px + var(--safe-b));transform:translate(-50%,16px);opacity:0;padding:9px 13px;border-radius:12px;background:#25343c;color:#effbff;font-size:12px;box-shadow:0 8px 28px #0009;transition:.2s}.toast.show{transform:translate(-50%,0);opacity:1}
@keyframes messageIn{from{opacity:0;transform:translateY(7px) scale(.985)}}@keyframes loadingDots{0%{width:0}100%{width:1.4em}}@keyframes recordPulse{50%{opacity:.35}}@keyframes micGlow{50%{box-shadow:0 0 0 6px #ff405522,0 0 25px #ff405544}}@keyframes micGlint{from{transform:translateX(-80%)}to{transform:translateX(80%)}}@keyframes stopPulse{50%{box-shadow:0 0 0 5px #ff453a20}}
@media(prefers-reduced-motion:reduce){.bubble,.notifyBanner,.toast{animation:none;transition:none}.chatActivity.active::after,.directTyping.on::after,.chatActivity.recording::before,.composer #micBtn.recording,.composer #micBtn.recording::after,.round.stop{animation:none}}
.profileHero{display:flex;align-items:center;gap:16px;margin:8px 0 24px;padding:17px;border:1px solid var(--stroke);border-radius:21px;background:var(--panel)}.profileHero h2{margin:0 0 4px;font-size:22px}.profileHero span{color:var(--muted2);font-size:13px}.profileAvatar{position:relative;width:76px;height:76px;flex:none;padding:0;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#174b73,#242426);display:grid;place-items:center;font-size:27px;font-weight:750}.profileAvatar img{width:100%;height:100%;object-fit:cover}.profileAvatar i{position:absolute;inset:auto 0 0;padding:4px 2px;background:#000b;font-size:9px;font-style:normal;font-weight:500}.profileForm{padding:15px}.profileForm .field:last-child{margin-bottom:0}.profileForm .field>span{display:block;margin:0 0 7px 3px;color:var(--muted2);font-size:12px}.profileForm textarea{resize:vertical;min-height:88px;font:inherit}.profileForm small{display:block;color:var(--muted2);font-size:11px;margin:6px 3px 0}.profileContacts{display:grid;gap:9px}.profileContact{display:grid;grid-template-columns:minmax(110px,.55fr) minmax(150px,1fr) 38px;gap:8px}.profileContact .input{padding:11px 12px}.profileContact .iconBtn{color:var(--red);font-size:20px}.profileAdd{margin:10px 0 4px}.profileSave{margin:8px 0 26px}.profileLink{width:100%;color:inherit;text-align:left;background:transparent}.profileSectionIcon{width:30px;color:var(--cyan);font-size:20px;text-align:center}.contactAvatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}@media(max-width:560px){.profileContact{grid-template-columns:1fr 42px}.profileContact .contactValue{grid-column:1}.profileContact .removeContact{grid-column:2;grid-row:1/3;align-self:center}}
.topAppIcon.profileChromeAvatar,.drawerHead img.profileChromeAvatar{border-radius:50%;object-fit:cover}
.avatarCropViewport{position:relative;width:min(78vw,340px);aspect-ratio:1;margin:16px auto;overflow:hidden;border-radius:24px;background:#03070a;touch-action:none;user-select:none;box-shadow:inset 0 0 0 1px #ffffff18}.avatarCropViewport>img{position:absolute;max-width:none;max-height:none;pointer-events:none;will-change:left,top,width,height}.avatarCropFrame{position:absolute;inset:0;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 0 999px #0008,inset 0 0 22px #0007;pointer-events:none}.avatarCropFrame:before,.avatarCropFrame:after{content:'';position:absolute;background:transparent}.avatarCropFrame:before{left:33.333%;right:33.333%;top:0;bottom:0;border-left:1px solid #ffffff55;border-right:1px solid #ffffff55}.avatarCropFrame:after{top:33.333%;bottom:33.333%;left:0;right:0;border-top:1px solid #ffffff55;border-bottom:1px solid #ffffff55}.avatarZoom{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:5px 0 12px;color:var(--muted2);font-size:12px}.avatarZoom input{width:100%;accent-color:var(--cyan)}#avatarCropInfo{text-align:center;margin:0 0 13px}
.uploadProgress{display:flex;align-items:center;gap:9px;margin-top:11px;max-width:330px}.uploadProgressTrack{height:7px;flex:1;overflow:hidden;border-radius:999px;background:#ffffff16}.uploadProgressTrack i{display:block;width:0;height:100%;border-radius:inherit;background:var(--cyan);box-shadow:0 0 12px #20cfff88;transition:width .15s linear}.uploadProgress>b{min-width:35px;color:var(--cyan);font-size:11px}.uploadStatus{min-height:17px;margin-top:5px;color:var(--muted2);font-size:11px}
.avatarFullscreen{position:fixed;z-index:160;inset:0;display:flex;align-items:center;justify-content:center;padding:max(20px,var(--safe-t)) max(16px,var(--safe-r)) max(80px,var(--safe-b));background:#000f;backdrop-filter:blur(18px)}.avatarFullscreen.hidden{display:none}.avatarFullscreen>img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px;box-shadow:0 18px 70px #000}.avatarFullscreenClose{position:absolute;z-index:2;top:max(15px,var(--safe-t));right:max(15px,var(--safe-r));width:44px;height:44px;border-radius:50%;background:#242426dd;color:#fff;font-size:29px;line-height:1}.avatarFullscreenChange{position:absolute;z-index:2;bottom:max(22px,var(--safe-b));left:50%;transform:translateX(-50%);padding:12px 18px;border-radius:999px;background:var(--cyan);color:#001018;font-weight:700;white-space:nowrap}

/* Neon glass chat system — shared by AI and person-to-person dialogs. */
#chatScreen,#directChatScreen{position:relative;background:#010208;color:#edf3ff;overflow:hidden;isolation:isolate}
#chatScreen::before,#directChatScreen::before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at 92% 22%,#1b28ff20 0,transparent 30%),radial-gradient(circle at 8% 72%,#9327ff1c 0,transparent 34%),linear-gradient(180deg,#02040a 0,#000 100%)}
#chatScreen .chatHead,#directChatScreen .chatHead{height:64px;flex:0 0 64px;background:#03040be8;border-bottom:1px solid #6d4dff30;box-shadow:0 8px 32px #391c7b20;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}
#chatScreen .back,#directChatScreen .back{color:#4ca9ff;font-size:16px;text-shadow:0 0 13px #167dff80}
#chatScreen .chatHeadTitle,#directChatScreen .chatHeadTitle{color:#f4f1ff;font-weight:650;text-shadow:0 0 15px #9370ff55}
#chatScreen .messages,#directChatScreen .messages{gap:17px;padding-top:16px;padding-bottom:24px;scrollbar-color:#764aff44 transparent}
#chatScreen .bubble,#directChatScreen .bubble{position:relative;isolation:isolate;max-width:min(78%,620px);padding:14px 18px 12px;border-radius:27px;color:#eef3ff;font-size:16px;line-height:1.38;border:1px solid transparent;box-shadow:0 15px 38px #000b;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden}
#chatScreen .bubble::before,#directChatScreen .bubble::before{content:'';position:absolute;z-index:-1;inset:0;border-radius:inherit;background:linear-gradient(130deg,#ffffff22,transparent 30%,transparent 70%,#ffffff0c);pointer-events:none}
#chatScreen .bubble.user,#directChatScreen .bubble.user{align-self:flex-end;background:linear-gradient(145deg,#1477e9dc 0%,#094eb7e8 58%,#153abde5 100%);border-color:#69cbffcc;border-bottom-right-radius:18px;box-shadow:inset 0 0 18px #45bdff34,0 0 7px #36bdff,0 0 29px #176eff9c,0 18px 45px #000c}
#chatScreen .bubble.assistant,#directChatScreen .bubble.assistant{align-self:flex-start;background:linear-gradient(145deg,#7325c8d9 0%,#45178ee8 55%,#261160ed 100%);border-color:#d17affd6;border-bottom-left-radius:18px;box-shadow:inset 0 0 19px #e49aff29,0 0 7px #c65cff,0 0 30px #792aff9c,0 18px 45px #000c}
#chatScreen .bubble.locked,#directChatScreen .bubble.locked{background:linear-gradient(145deg,#6b2936dd,#371526e8);border-color:#ff7290aa;box-shadow:0 0 22px #ff386455}
#chatScreen .bubbleTools,#directChatScreen .bubbleTools{margin-top:9px;opacity:.68}
#chatScreen .mini,#directChatScreen .mini{padding:5px 8px;background:#ffffff10;color:#dce6f7;border:1px solid #ffffff12}
#chatScreen .directTime,#directChatScreen .directTime{margin-top:7px;color:#d8ddf0;opacity:.72}
#chatScreen .secureNote,#directChatScreen .secureNote{color:#8f91a6;background:#02030a99;border-bottom:1px solid #5937b51f}
#chatScreen .chatActivity,#directChatScreen .chatActivity{color:#a884ff;background:#010208;padding-top:7px;text-shadow:0 0 12px #7e35ff88}
#chatScreen .thinking,#directChatScreen .thinking{color:#85879a;font-style:italic;line-height:1.7}
#chatScreen .composer,#directChatScreen .composer{padding:10px 14px calc(11px + var(--safe-b));background:#05050bec;border-top:1px solid #6a45d235;box-shadow:0 -14px 38px #35157522;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}
#chatScreen .composer textarea,#directChatScreen .composer textarea{min-height:46px;padding:12px 17px;background:linear-gradient(145deg,#171824,#0d0e17);color:#f2f2fa;border:1px solid #77758c35;border-radius:24px;box-shadow:inset 0 2px 9px #0008;caret-color:#b46cff}
#chatScreen .composer textarea:focus,#directChatScreen .composer textarea:focus{border-color:#8d5cff88;box-shadow:inset 0 2px 9px #0008,0 0 0 3px #844cff18}
#chatScreen .round,#directChatScreen .round{background:#151621;border:1px solid #ffffff10;color:#9b9dac}
#chatScreen .round.send,#directChatScreen .round.send{background:linear-gradient(145deg,#c03cff,#7129ed);border-color:#d985ff;color:#fff;box-shadow:0 0 13px #b832ff,0 0 30px #7625ffad}
#chatScreen .round.stop,#directChatScreen .round.stop{background:linear-gradient(145deg,#c03cff,#7129ed);color:#fff;box-shadow:0 0 24px #8c2dff99}
#directChatScreen .directAvatar{border:1px solid #b76cff;box-shadow:0 0 14px #8a38ff88}
.content>.list .rowCard{background:linear-gradient(145deg,#0d1120e8,#070811ed);border:1px solid #6546aa55;box-shadow:inset 0 0 16px #7040d510,0 12px 32px #0008;transition:border-color .18s,box-shadow .18s,transform .18s}
.content>.list .rowCard:active{transform:scale(.985);border-color:#9a65ff99;box-shadow:0 0 22px #6d2dff44}
.content>.list .rowCard .rowTitle,.content>.list .rowCard .contactBody b{color:#f0effa}.content>.list .rowCard .rowPreview,.content>.list .rowCard .contactBody span{color:#9295aa}
@media(max-width:520px){#chatScreen .bubble,#directChatScreen .bubble{max-width:84%;font-size:15px;padding:12px 15px 11px;border-radius:24px}#chatScreen .messages,#directChatScreen .messages{gap:14px;padding-left:12px;padding-right:12px}}

#directComposer{display:flex;flex-wrap:wrap;align-items:flex-end;overflow:hidden}
#directComposer .directAttachmentPreview{order:-1;position:relative;float:none;width:100%;margin:0 0 8px;padding:9px 42px 9px 12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:3px 8px;border:1px solid #7650bf70;border-radius:14px;background:linear-gradient(145deg,#171326ef,#0c0d18ef);color:#eef0fb;box-shadow:inset 0 0 15px #803eff13,0 0 18px #5020a629;animation:attachmentSlideIn .22s ease-out}
#directComposer .directAttachmentPreview.hidden{display:none!important}#directComposer .directAttachmentPreview .attachmentType{grid-column:1/-1;color:#bd91ff;font-size:11px;font-weight:650}#directComposer .directAttachmentPreview b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}#directComposer .directAttachmentPreview small{color:#9294a6;font-size:10px}#directComposer .directAttachmentPreview>button{position:absolute;right:10px;top:50%;transform:translateY(-50%);float:none;width:28px;height:28px;border-radius:50%;background:#ff3b4f1c;color:#ff6474;font-size:19px}
#directComposer #directAttach{flex:0 0 42px;order:1}#directComposer #directInput{order:2;min-width:70px;flex:1 1 180px;transition:flex-basis .24s ease,width .24s ease}#directComposer #directSend{flex:0 0 42px;order:4}#directComposer .compressSend{display:grid;flex:0 0 42px;order:3;background:linear-gradient(145deg,#ff5b66,#d71938)!important;border-color:#ff8992!important;color:#fff!important;box-shadow:0 0 12px #ff294f,0 0 27px #e10f3b88!important;transform:translateX(0) scale(1);opacity:1;animation:compressButtonIn .24s cubic-bezier(.2,.8,.2,1)}#directComposer .compressSend.hidden{display:none!important}#directComposer .compressSend:disabled{opacity:.45}#directComposer.hasCompress #directInput{flex-basis:115px}

/* Mobile chat layout: every message keeps its intrinsic height. The scrolling
   viewport, not individual bubbles, owns clipping and vertical overflow. */
#chatScreen,#directChatScreen{
  width:100%;
  height:100vh;
  min-height:0;
  padding-top:var(--safe-t);
}
@supports(height:100dvh){#chatScreen,#directChatScreen{height:100dvh}}
#chatScreen .chatHead,#directChatScreen .chatHead,
#chatScreen .composer,#directChatScreen .composer,
#chatScreen .chatActivity,#directChatScreen .chatActivity,
#directChatScreen .secureNote{flex-shrink:0}
#chatScreen .messages,#directChatScreen .messages{
  min-width:0;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior-x:none;
  -webkit-overflow-scrolling:touch;
  padding-bottom:104px;
  scroll-padding-bottom:104px;
}
#chatScreen .bubble,#directChatScreen .bubble{
  flex:0 0 auto;
  width:fit-content;
  min-width:0;
  height:auto;
  min-height:44px;
  max-height:none;
  box-sizing:border-box;
  overflow:visible;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
}
#chatScreen .bubble>span:first-child,#directChatScreen .bubble>span:first-child{
  display:block;
  min-width:0;
  max-width:100%;
  white-space:inherit;
  overflow-wrap:inherit;
  word-break:inherit;
}
#chatScreen .composer,#directChatScreen .composer{
  position:relative;
  z-index:4;
  min-width:0;
  padding-left:max(14px,var(--safe-l));
  padding-right:max(14px,var(--safe-r));
}
#chatScreen .composer textarea,#directChatScreen .composer textarea{min-width:0;line-height:1.35}
#chatScreen .round,#directChatScreen .round{flex:0 0 42px}
@media(min-width:900px){#chatScreen .messages,#directChatScreen .messages{padding-bottom:24px;scroll-padding-bottom:24px}}
@media(max-width:520px){
  #chatScreen .bubble,#directChatScreen .bubble{max-width:85%}
  .liveVoiceBtn{right:max(12px,var(--safe-r));bottom:calc(78px + var(--safe-b));width:62px;height:62px}
}
@keyframes compressButtonIn{from{opacity:0;transform:translateX(48px) scale(.55)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes attachmentSlideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.chatScreen .messageText{display:block}.chatScreen .messageExpand{display:block;width:100%;margin:9px 0 0;padding:8px 2px 2px;background:transparent;border-top:1px solid #ffffff20;color:#d9c4ff;text-align:left;font-size:12px;font-weight:650;text-shadow:0 0 9px #8f49ff88}.chatScreen .bubble.user .messageExpand{color:#cfeaff;text-shadow:0 0 9px #43aaff88}.chatScreen .stopSpeech{color:#ff9ca8;border-color:#ff667733;background:#ff334414}

/* Reference-matched iPhone chat layout. Keep this block last: it is the final chat skin. */
#chatScreen.chatScreen,#directChatScreen.chatScreen{height:100dvh;min-height:100dvh;padding:0!important;background:#000107!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif}
#chatScreen::before,#directChatScreen::before{background:radial-gradient(ellipse 58% 42% at 89% 31%,#2136ff18 0,transparent 74%),radial-gradient(ellipse 58% 38% at 11% 70%,#6d18ef18 0,transparent 72%),#000107!important}
#chatScreen .chatHead,#directChatScreen .chatHead{box-sizing:content-box;height:51px;flex-basis:51px;padding:var(--safe-t) 17px 0;background:#020309f2!important;border:0!important;border-bottom:1px solid #16162a!important;box-shadow:0 1px 0 #522ca52e,0 8px 30px #3a147329!important}
#chatScreen .back,#directChatScreen .back{min-width:82px;padding:10px 2px;text-align:left;color:#178bff!important;font-size:16px;font-weight:400;text-shadow:none!important}
#chatScreen .chatHeadTitle,#directChatScreen .chatHeadTitle{font-size:17px;font-weight:600;letter-spacing:-.15px;color:#f2f2f7!important;text-shadow:none!important}
#chatScreen .messages,#directChatScreen .messages{width:min(100%,780px);margin:0 auto;padding:10px 27px 22px!important;gap:20px!important;background:transparent;scrollbar-width:none}#chatScreen .messages::-webkit-scrollbar,#directChatScreen .messages::-webkit-scrollbar{display:none}
#chatScreen .bubble,#directChatScreen .bubble{max-width:76%!important;padding:13px 17px 11px!important;border-radius:25px!important;font-size:16px!important;line-height:1.42!important;letter-spacing:-.08px;color:#e9eaf2!important;overflow:visible;background-clip:padding-box!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:messageIn .2s ease-out}
#chatScreen .bubble::before,#directChatScreen .bubble::before{inset:0!important;border-radius:inherit!important;background:linear-gradient(137deg,#ffffff31 0%,transparent 23%,transparent 72%,#ffffff12 100%)!important;box-shadow:inset 0 1px 1px #fff6,inset 1px 0 1px #fff3,inset -1px -1px 1px #05101b99}
#chatScreen .bubble::after,#directChatScreen .bubble::after{content:'';position:absolute;z-index:-2;inset:-1px;border-radius:inherit;pointer-events:none}
#chatScreen .bubble.user,#directChatScreen .bubble.user{align-self:flex-end!important;margin-right:0;background:linear-gradient(142deg,#1256a9e8 0%,#075fcbe8 38%,#083c91ed 72%,#161a68ef 100%)!important;border:1px solid #5dceffff!important;border-bottom-right-radius:25px!important;box-shadow:inset 0 0 22px #57c9ff2e,0 0 2px 1px #67dcff,0 0 13px 3px #187dffb8,0 0 42px 9px #2722e58c,0 15px 35px #000d!important}
#chatScreen .bubble.user::after,#directChatScreen .bubble.user::after{box-shadow:0 0 18px #178cffcc,0 0 42px #3425e599}
#chatScreen .bubble.assistant,#directChatScreen .bubble.assistant{align-self:flex-start!important;margin-left:0;background:linear-gradient(142deg,#6326aeea 0%,#3b167fe9 46%,#24104ced 100%)!important;border:1px solid #cc79ffff!important;border-bottom-left-radius:25px!important;box-shadow:inset 0 0 21px #d78aff25,0 0 2px 1px #d87dff,0 0 14px 3px #a538ffb8,0 0 43px 9px #6121d48c,0 15px 35px #000d!important}
#chatScreen .bubble.assistant::after,#directChatScreen .bubble.assistant::after{box-shadow:0 0 18px #bb4cffcc,0 0 42px #7023df99}
#chatScreen .bubble .directTime,#directChatScreen .bubble .directTime{min-height:13px;margin:5px 1px -2px!important;justify-content:flex-end;color:#d1d3e1!important;font-size:10px!important;line-height:1;opacity:.76!important}
#chatScreen .bubbleTools,#directChatScreen .bubbleTools{display:none!important;margin:9px 0 0!important;padding-top:7px;border-top:1px solid #ffffff1c;opacity:1!important}#chatScreen .bubble.actionsVisible .bubbleTools,#directChatScreen .bubble.actionsVisible .bubbleTools{display:flex!important}
#chatScreen .mini,#directChatScreen .mini{padding:5px 7px!important;border:0!important;background:#ffffff0d!important;color:#d9dae6!important;font-size:10px!important}
#chatScreen .messageExpand,#directChatScreen .messageExpand{margin-top:8px;padding-top:7px;color:#d8d9e8!important;border-top-color:#ffffff24!important;text-shadow:none!important;font-size:11px!important}
#chatScreen .thinking,#directChatScreen .thinking{max-width:74%;padding:0 2px;color:#777985!important;font-size:15px;line-height:1.65;font-style:italic}
#chatScreen .chatActivity,#directChatScreen .chatActivity{min-height:34px;padding:6px max(29px,calc((100vw - 724px)/2)) 8px!important;background:#000107!important;color:#dddde7!important;border:0;font-size:14px;font-style:normal;text-shadow:none!important}#chatScreen .chatActivity.active::before,#directChatScreen .chatActivity.active::before{content:'';display:inline-block;width:12px;height:12px;margin-right:9px;border-radius:50%;vertical-align:-1px;background:#702cff;box-shadow:0 0 8px #8e38ff,0 0 19px #6520ff}
#chatScreen .secureNote,#directChatScreen .secureNote{padding:6px 14px;background:#000107!important;border:0!important;color:#626471!important;font-size:10px}
#chatScreen .composer,#directChatScreen .composer{min-height:74px;padding:10px 19px calc(10px + var(--safe-b))!important;gap:9px!important;background:#06070df2!important;border:0!important;border-top:1px solid #171822!important;box-shadow:0 -8px 25px #0009!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
#chatScreen .composer textarea,#directChatScreen .composer textarea{height:48px;min-height:48px!important;padding:13px 17px!important;border:1px solid #23242d!important;border-radius:24px!important;background:#17181f!important;color:#f1f1f5!important;box-shadow:inset 0 1px 4px #0009!important;font-size:16px;line-height:20px}
#chatScreen .composer textarea::placeholder,#directChatScreen .composer textarea::placeholder{color:#777985}
#chatScreen .composer .round,#directChatScreen .composer .round{width:48px;height:48px;flex:0 0 48px;border:0!important;border-radius:50%;background:#171820!important;color:#727582!important;box-shadow:none!important}
#chatScreen .composer .attach,#directChatScreen .composer .attach{font-size:21px!important;color:#707382!important}
#chatScreen .composer .round.send,#directChatScreen .composer .round.send{background:linear-gradient(145deg,#a72aff,#6b1eff)!important;color:#fff!important;box-shadow:0 0 11px #ac2cff,0 0 29px #6e1dffb8!important}
#chatScreen .composer .round.stop,#directChatScreen .composer .round.stop{background:linear-gradient(145deg,#a72aff,#6b1eff)!important;color:#fff!important;box-shadow:0 0 11px #ac2cff,0 0 29px #6e1dffb8!important}
#chatScreen .composer svg,#directChatScreen .composer svg{width:23px;height:23px}
#directChatScreen .directAvatar{width:34px;height:34px;flex-basis:34px;margin-right:7px;border:1px solid #8e51dd!important;box-shadow:0 0 12px #762be566!important}
@media(max-width:520px){#chatScreen .messages,#directChatScreen .messages{padding-left:27px!important;padding-right:27px!important}#chatScreen .bubble,#directChatScreen .bubble{max-width:78%!important}#chatScreen .composer,#directChatScreen .composer{padding-left:19px!important;padding-right:19px!important;gap:9px!important}#chatScreen .composer .round,#directChatScreen .composer .round{width:46px;height:46px;flex-basis:46px}#chatScreen .composer textarea,#directChatScreen .composer textarea{height:46px;min-height:46px!important}}
.appMaintenance{display:none;max-width:1040px;margin:34px auto 10px;padding:18px;text-align:center;border-top:1px solid var(--stroke)}.shell.settingsOpen .appMaintenance{display:block}.clearAppCache{padding:10px 14px;border-radius:12px;background:transparent;border:1px solid var(--stroke);color:var(--muted2);font-size:12px}.clearAppCache:active{transform:scale(.98)}.clearAppCache:disabled{opacity:.55}.appMaintenance>span{display:block;margin-top:7px;color:var(--muted2);font-size:10px}@media(min-width:900px){.appMaintenance{padding-left:38px;padding-right:38px}}html[data-theme="light"] .clearAppCache{background:#eaf2f5;border-color:#9fb6c1;color:#526b78}

/* Pixel corrections from the supplied 590×1280 reference. */
@media(max-width:700px){
  #chatScreen .chatHead,#directChatScreen .chatHead{padding-top:max(var(--safe-t),30px)!important}
  #chatScreen .messages,#directChatScreen .messages{padding:10px 27px 24px!important;gap:20px!important}
  #chatScreen .bubble,#directChatScreen .bubble{max-width:73%!important}
  #chatScreen .composer,#directChatScreen .composer{min-height:68px;padding:9px 12px calc(9px + var(--safe-b))!important;gap:8px!important}
  #chatScreen .composer .round,#directChatScreen .composer .round{width:38px;height:38px;flex-basis:38px}
  #chatScreen .composer textarea,#directChatScreen .composer textarea{height:42px;min-height:42px!important;padding:10px 15px!important;white-space:nowrap;overflow:hidden;font-size:15px}
}
#chatScreen .bubble.user,#directChatScreen .bubble.user{background:linear-gradient(142deg,#174d91ec 0%,#0754a5ed 42%,#0b347aef 75%,#17184ff2 100%)!important;box-shadow:inset 0 0 18px #55caff24,0 0 2px 1px #63d5ff,0 0 10px 2px #167fff9c,0 0 25px 5px #2925db73,0 13px 30px #000d!important}
#chatScreen .bubble.user::after,#directChatScreen .bubble.user::after{box-shadow:0 0 10px #1388ff9e,0 0 24px #3025d566!important}
#chatScreen .bubble.assistant,#directChatScreen .bubble.assistant{background:linear-gradient(142deg,#542395ee 0%,#36156fed 48%,#251044f2 100%)!important;box-shadow:inset 0 0 18px #d47cff20,0 0 2px 1px #d77cff,0 0 10px 2px #a836ff9e,0 0 25px 5px #621fd073,0 13px 30px #000d!important}
#chatScreen .bubble.assistant::after,#directChatScreen .bubble.assistant::after{box-shadow:0 0 10px #b849ff9e,0 0 24px #6d24d566!important}
.pinnedBar{flex:0 0 auto;width:100%;min-height:42px;padding:7px max(18px,calc((100vw - 744px)/2));display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;background:#0a0814e8;border:0;border-bottom:1px solid #7442c84f;color:#eeeaf8;text-align:left;box-shadow:0 8px 22px #35126a25}.pinnedBar.hidden{display:none!important}.pinnedBar span{color:#b968ff}.pinnedBar b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550}.pinnedMessage{border-style:double!important}.pinnedMessage::after{outline:1px solid #ffffff25}.pinFlash{animation:pinFlash 1.2s ease!important}@keyframes pinFlash{50%{filter:brightness(1.45);transform:scale(1.015)}}
#rootComposer,#directComposer{flex-wrap:wrap!important}#rootComposer .rootImagePreview{order:-1;position:relative;width:100%;margin:0 0 7px;padding:9px 40px 9px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;border:1px solid #7950c66b;border-radius:14px;background:#11101cef;color:#eeeaf8}#rootComposer .rootImagePreview.hidden{display:none!important}#rootComposer .rootImagePreview span{grid-column:1/-1;color:#bd91ff;font-size:11px}#rootComposer .rootImagePreview b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}#rootComposer .rootImagePreview small{color:#9294a6;font-size:10px}#rootComposer .rootImagePreview button{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:27px;height:27px;border-radius:50%;background:#ff33441a;color:#ff7783;font-size:18px}
#chatScreen .composer textarea,#directChatScreen .composer textarea{white-space:pre-wrap!important;overflow-y:auto!important;resize:none;transition:height .14s ease}
#directComposer .directEditNotice{order:-2;position:relative;width:100%;min-height:38px;margin:0 0 7px;padding:9px 42px 9px 12px;border:1px solid #4ebeff73;border-radius:14px;background:linear-gradient(145deg,#102241f2,#0b1124f2);color:#ddecff;font-size:12px;box-shadow:inset 0 0 14px #2d9cff1c,0 0 16px #195fba2e;animation:attachmentSlideIn .2s ease-out}#directComposer .directEditNotice.hidden{display:none!important}#directComposer .directEditNotice button{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:27px;height:27px;border-radius:50%;background:#ff33441a;color:#ff7783;font-size:18px}
#directComposer #directVoice{order:4;color:#cda6ff!important}#directComposer #directVoice svg{fill:currentColor!important;stroke:none!important}#directComposer #directVoice.recording{background:linear-gradient(145deg,#ff5264,#cb1534)!important;color:#fff!important;box-shadow:0 0 12px #ff334f,0 0 28px #d8173d91!important;animation:directRecordPulse 1.15s ease-in-out infinite}#directComposer #directSend{order:5}.voiceRecordingLabel{color:#ff8d99!important}.voiceRecordingLabel i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#ff4058;box-shadow:0 0 9px #ff4058;animation:directRecordDot 1s ease-in-out infinite}
#directChatScreen .editedMarker{margin-right:auto;color:#c9a1ff;font-style:italic;letter-spacing:.1px}#directChatScreen .bubbleTools{flex-wrap:wrap;gap:4px}
@keyframes directRecordPulse{50%{transform:scale(1.06);box-shadow:0 0 19px #ff526d,0 0 38px #d8173dad!important}}@keyframes directRecordDot{50%{opacity:.28}}

/* MASTER system broadcasts and deletable chat history */
.broadcastCard{margin:18px 0 28px;padding:18px;border:1px solid var(--stroke);border-radius:20px;background:var(--panel);box-shadow:0 16px 38px #0005}.broadcastCard>label{display:block;margin:0 0 9px;font-size:13px;font-weight:700}.broadcastText{width:100%;min-height:150px;resize:vertical;line-height:1.5}.broadcastActions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:14px}.broadcastActions .primary,.broadcastActions .ghost{min-height:44px}.broadcastImagePreview{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) 32px;align-items:center;gap:11px;margin-top:12px;padding:10px;border:1px solid var(--stroke);border-radius:15px;background:#ffffff08}.broadcastImagePreview img{width:72px;height:72px;border-radius:11px;object-fit:cover}.broadcastImagePreview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.broadcastImagePreview button{width:30px;height:30px;border-radius:50%;background:#ff453a22;color:#ff8b86;font-size:20px}.broadcastHistory{padding:14px;border:1px solid var(--stroke);border-radius:15px;background:var(--panel)}.broadcastHistory b,.broadcastHistory span{display:block}.broadcastHistory b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.broadcastHistory span{margin-top:5px;color:var(--muted2);font-size:11px}#broadcastStatus{min-height:18px;margin-top:10px;color:var(--cyan)}
.chatDeleteButton{width:40px;height:40px;flex:none;margin-left:auto;border-radius:12px;background:#ff453a16;color:#ff7770;font-size:20px}.chatDeleteButton:active{background:#ff453a32}.systemContactAvatar{background:linear-gradient(145deg,#6d35db,#25205e);box-shadow:0 0 18px #8a4cff66}.systemChatRow{border-color:#8058d877!important}.systemChatAvatar{width:40px;height:40px;display:grid;place-items:center;flex:none;border-radius:50%;background:linear-gradient(145deg,#743ee0,#241650);box-shadow:0 0 18px #8d50ff66}
.conversationDelete{position:absolute;right:11px;top:50%;width:36px;height:36px;display:grid;place-items:center;transform:translateY(-50%);border-radius:11px;background:#ff453a12;color:#ff7770;font-size:18px}.conversationDelete:active{background:#ff453a30}.content>.list .rowCard[data-cid]{position:relative;padding-right:58px}
#systemChatScreen{position:relative;height:100dvh;min-height:100dvh;display:flex;flex-direction:column;padding:0!important;overflow:hidden;isolation:isolate;background:#010208;color:#edf3ff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif}#systemChatScreen.hidden{display:none}#systemChatScreen::before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 92% 22%,#1b28ff20 0,transparent 30%),radial-gradient(circle at 8% 72%,#9327ff1c 0,transparent 34%),linear-gradient(180deg,#02040a 0,#000 100%)}#systemChatScreen .chatHead{box-sizing:content-box;height:51px;flex:0 0 51px;padding:var(--safe-t) 17px 0;background:#020309f2;border:0;border-bottom:1px solid #16162a;box-shadow:0 1px 0 #522ca52e,0 8px 30px #3a147329}#systemChatScreen .chatHeadTitle{min-width:0;margin:0 8px;text-align:left;color:#f2f2f7;font-size:17px;font-weight:600}#systemChatScreen .messages{width:min(100%,780px);margin:0 auto;padding:18px 27px 26px;gap:20px;background:transparent;scrollbar-width:none}#systemChatScreen .messages::-webkit-scrollbar{display:none}#systemChatScreen .bubble{max-width:min(88%,660px);padding:15px 18px 13px;border:1px solid #d17affd6;border-radius:27px 27px 27px 18px;background:linear-gradient(145deg,#7325c8d9,#45178ee8 55%,#261160ed);box-shadow:inset 0 0 19px #e49aff29,0 0 7px #c65cff,0 0 30px #792aff9c,0 18px 45px #000c;color:#eef3ff;white-space:pre-wrap}.systemNotificationImage img{width:min(100%,520px);max-height:520px;object-fit:contain}.systemNotificationImage .attachmentDownload{width:max-content}
html[data-theme="light"] .broadcastCard,html[data-theme="light"] .broadcastHistory{background:#eef5f8;border-color:#a8bec9}@media(max-width:560px){.broadcastActions{display:grid;grid-template-columns:1fr}.broadcastActions button{width:100%}#systemChatScreen .messages{padding-left:20px;padding-right:20px}#systemChatScreen .bubble{max-width:92%}}
#directComposer .directReplyNotice{order:-2;position:relative;width:100%;min-height:44px;margin:0 0 7px;padding:8px 42px 8px 13px;border:1px solid #a85dff73;border-left:3px solid #bb6cff;border-radius:14px;background:linear-gradient(145deg,#1a1230f2,#0c0c1cf2);color:#eee8ff;box-shadow:inset 0 0 14px #8d3fff1c,0 0 16px #6b24b82e;animation:attachmentSlideIn .2s ease-out}#directComposer .directReplyNotice.hidden{display:none!important}#directComposer .directReplyNotice>span{display:grid;gap:2px;min-width:0}#directComposer .directReplyNotice b{color:#ca94ff;font-size:11px}#directComposer .directReplyNotice small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b5b2c2;font-size:11px}#directComposer .directReplyNotice>button{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:27px;height:27px;border-radius:50%;background:#ff33441a;color:#ff7783;font-size:18px}
#chatScreen .bubbleTools,#directChatScreen .bubbleTools{align-items:center!important;gap:6px!important}#chatScreen .bubbleTools .actionIcon,#directChatScreen .bubbleTools .actionIcon{display:grid!important;place-items:center;width:31px!important;height:31px!important;min-width:31px;padding:0!important;border:1px solid #ffffff18!important;border-radius:50%!important;background:linear-gradient(145deg,#25263a99,#11121e99)!important;box-shadow:inset 0 1px 1px #ffffff19,0 0 11px #522b8b20!important}#chatScreen .bubbleTools .actionIcon svg,#directChatScreen .bubbleTools .actionIcon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}#chatScreen .bubbleTools .copyMessage,#directChatScreen .bubbleTools .copyMessage{color:#63d9ff!important}#chatScreen .bubbleTools .readMessage,#directChatScreen .bubbleTools .readMessage{color:#c486ff!important}#chatScreen .bubbleTools .stopSpeech,#directChatScreen .bubbleTools .stopSpeech{color:#ff7384!important}#chatScreen .bubbleTools .stopSpeech svg rect,#directChatScreen .bubbleTools .stopSpeech svg rect{fill:currentColor;stroke:none}#chatScreen .bubbleTools .editMessage,#directChatScreen .bubbleTools .editMessage{color:#73a8ff!important}#chatScreen .bubbleTools .replyMessage,#directChatScreen .bubbleTools .replyMessage{color:#d5a0ff!important}#chatScreen .bubbleTools .pinMessage,#directChatScreen .bubbleTools .pinMessage{color:#ff91d8!important}#chatScreen .bubbleTools .pinMessage.active,#directChatScreen .bubbleTools .pinMessage.active{border-color:#ff91d866!important;box-shadow:0 0 13px #ff45bd59!important}#chatScreen .bubbleTools .copyDone,#directChatScreen .bubbleTools .copyDone{color:#69f0b3!important}
#directChatScreen .messageReplyQuote{display:grid;width:100%;margin:0 0 9px;padding:5px 8px 6px;border:0;border-left:3px solid #b96cff;border-radius:3px 8px 8px 3px;background:#0909145c;color:#ece9f5;text-align:left}#directChatScreen .bubble.user .messageReplyQuote{border-left-color:#6ed8ff;background:#06142a5c}#directChatScreen .messageReplyQuote span{color:#cc8fff;font-size:10px;font-weight:700}#directChatScreen .bubble.user .messageReplyQuote span{color:#75dcff}#directChatScreen .messageReplyQuote b{display:block;min-width:0;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bebdca;font-size:11px;font-weight:500}
#directChatScreen .attachmentCard,#chatScreen .rootMessageImage{align-items:stretch;gap:8px;margin-top:4px}#directChatScreen .attachmentCard img,#directChatScreen .attachmentCard video,#chatScreen .rootMessageImage img{display:block;width:100%;max-width:min(68vw,360px);max-height:320px;border-radius:17px;object-fit:contain;background:#010106}#directChatScreen .attachmentCard audio{display:block;width:min(64vw,280px);max-width:100%;height:40px}#directChatScreen .genericFile{display:grid;place-items:center;width:min(64vw,220px);height:92px;border:1px solid #ffffff14;border-radius:16px;background:linear-gradient(145deg,#181829,#0b0b15);color:#be83ff}#directChatScreen .genericFile svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 9px #913cff99)}#directChatScreen .attachmentDownload,#chatScreen .rootMessageImage .attachmentDownload{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:34px;padding:7px 12px;border:1px solid #a76bff42;border-radius:12px;background:linear-gradient(145deg,#37215999,#17112499);color:#e0c3ff;text-decoration:none;font-size:11px;font-weight:650;box-shadow:inset 0 1px #ffffff12,0 0 12px #752cca25}#directChatScreen .attachmentDownload svg,#chatScreen .rootMessageImage .attachmentDownload svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#directChatScreen .bubble.attachmentOnly{max-width:88%!important;padding:7px 7px 9px!important}#directChatScreen .bubble.attachmentOnly .directTime{padding:0 7px;margin-top:7px!important}#directChatScreen .bubble.attachmentOnly .bubbleTools{margin-left:6px!important;margin-right:6px!important}

/* Safe working viewport and strict horizontal bounds on phones. */
html,body{width:100%;max-width:100%;overflow-x:clip}body{min-height:100dvh}.shell{width:100%;max-width:100%;min-height:100dvh;overflow-x:hidden}.content,.content>*,.adminPanelTitle,.adminPanelTitle>div,.adminList,.broadcastCard,.broadcastHistory{min-width:0;max-width:100%}.adminPanelTitle{align-items:flex-start;flex-wrap:wrap}.adminPanelTitle .badge{flex:none}.broadcastHistoryText{min-width:0;overflow:hidden}.broadcastHistoryText b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.broadcastHistoryText span{overflow-wrap:anywhere}.chatScreen{width:100%;max-width:100%;overflow-x:hidden}@supports(height:100dvh){.screen{min-height:100dvh}.shell{min-height:100dvh}#chatScreen.chatScreen,#directChatScreen.chatScreen,#systemChatScreen.chatScreen{height:100dvh;min-height:100dvh}}
@media(max-width:520px){.adminPanelTitle{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.adminPanelTitle .sectionTitle{font-size:clamp(24px,8vw,30px);overflow-wrap:anywhere}.adminPanelTitle .sectionSub{grid-column:1/-1}.adminPanelTitle .badge{font-size:9px;padding:5px 7px}.content{width:100%;padding-left:max(14px,var(--safe-l));padding-right:max(14px,var(--safe-r))}.broadcastCard{padding:14px}.broadcastHistory{padding:12px}}

/* MASTER acknowledgement list. */
.broadcastHistory{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 12px;overflow:hidden}.notificationSummary{align-self:start;text-align:right}.notificationSummary strong,.notificationSummary span{display:block}.notificationSummary strong{color:var(--cyan);font-size:17px}.notificationSummary span{margin-top:1px;font-size:9px}.notificationRecipientList{grid-column:1/-1;display:grid;gap:3px;min-width:0}.notificationRecipient{min-width:0;min-height:25px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 8px;border-radius:8px;background:#ffffff07;color:var(--muted2);font-size:10px}.notificationRecipientName{min-width:0!important;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text2)!important}.notificationRecipient.confirmed>span:last-child{color:#66dda6}.notificationRecipient.pending>span:last-child{color:#e79a9f}.notificationExpand{grid-column:1/-1;justify-self:start;padding:6px 9px;font-size:10px}.broadcastHistory.expanded .notificationRecipientList{max-height:48vh;overflow:auto;padding-right:2px}

/* Mandatory system notice window. */
.systemNoticeModal{position:fixed;z-index:150;inset:0;display:grid;place-items:center;padding:max(14px,var(--safe-t)) max(14px,var(--safe-r)) max(14px,var(--safe-b)) max(14px,var(--safe-l));background:#000c;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);opacity:0;transition:opacity .18s}.systemNoticeModal.show{opacity:1}.systemNoticeWindow{width:min(520px,100%);max-height:min(78dvh,720px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #b763ff9c;border-radius:25px;background:linear-gradient(155deg,#11101d,#05060c 65%);box-shadow:0 0 0 1px #ffffff0a,0 0 42px #822bff66,0 30px 90px #000;color:#f4f1fa}.systemNoticeScroll{min-height:0;overflow:auto;padding:24px 22px 16px;text-align:center}.systemNoticeMark{width:46px;height:46px;margin:0 auto 10px;display:grid;place-items:center;border:1px solid #d47aff;border-radius:50%;background:#8528dc33;color:#e29cff;font-size:26px;font-weight:800;box-shadow:0 0 22px #9d37ff66}.systemNoticeEyebrow{margin:0;color:#d488ff;font-size:10px;font-weight:800;letter-spacing:.22em}.systemNoticeWindow h2{margin:5px 0 5px;font-size:24px}.systemNoticeSubtitle{margin:0 0 16px;color:#a8a4b6;font-size:12px}.systemNoticeBody{max-height:190px;overflow:hidden;text-align:left}.systemNoticeText{padding:14px;border:1px solid #ffffff12;border-radius:16px;background:#ffffff07;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.52}.systemNoticeImage{margin-top:11px;color:var(--muted2);font-size:12px}.systemNoticeImage img{display:block;width:100%;max-height:320px;border-radius:16px;object-fit:contain;background:#000}.systemNoticeExpand{margin-top:11px;padding:8px 12px;font-size:11px}.systemNoticeFooter{flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 18px calc(13px + var(--safe-b));border-top:1px solid #ffffff12;background:#090911ed}.systemNoticeFooter span{font-size:13px;font-weight:650}.systemNoticeFooter .primary{width:auto;min-width:134px;padding:12px 16px}.systemNoticeWindow.expanded{position:fixed;inset:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);width:auto;max-height:none;border-radius:0}.systemNoticeWindow.expanded .systemNoticeScroll{padding-top:24px}.systemNoticeWindow.expanded .systemNoticeBody{max-height:none;overflow:visible}.systemNoticeWindow.expanded .systemNoticeImage img{max-height:none}.systemNoticeWindow.expanded .systemNoticeExpand{position:sticky;bottom:0;background:#181225}

/* Encrypted local storage controls. */
.localStorageRange{padding:5px 15px 15px}.localStorageRange input{width:100%;accent-color:var(--cyan)}.localStorageRange .small{margin-top:5px;line-height:1.4}.localStorageSliderRow strong{flex:none;color:var(--cyan)}.localStorageGroup .settingRow:last-child{flex-wrap:wrap}.appMaintenance .clearAppCache+.clearAppCache{margin-left:7px}@media(max-width:520px){.systemNoticeWindow{max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 20px)}.systemNoticeScroll{padding:20px 16px 14px}.systemNoticeFooter{grid-template-columns:1fr}.systemNoticeFooter span{text-align:center}.systemNoticeFooter .primary{width:100%}.appMaintenance .clearAppCache{display:block;width:100%;margin:7px 0 0}}


/* === ROOT SE UNIFIED DESIGN 2026-09-09 === */
:root{
  --bg-main:#02070b;--bg-secondary:#041017;--bg-panel:#07141b;--bg-panel-soft:#091820;
  --surface-1:rgba(7,20,27,.94);--surface-2:rgba(9,24,32,.88);
  --border:rgba(70,184,230,.22);--border-strong:rgba(87,190,227,.42);--border-active:rgba(62,213,255,.75);
  --cyan:#22d4ff;--cyan2:#0d91b8;--cyan-bright:#42e4ff;--blue:#188bff;--purple:#a64cff;
  --green:#35de93;--yellow:#e0ac46;--red:#ff6577;--text-primary:#f2f7fa;--text-secondary:#8fa8b6;--text-muted:#607985;
  --page:var(--bg-main);--panel:var(--bg-panel);--panel2:var(--bg-panel-soft);--stroke:var(--border);--muted2:var(--text-secondary);--text2:var(--text-primary);
  --card:var(--bg-panel);--card2:var(--bg-panel-soft);--line:var(--border);--radius:18px;
}
html[data-theme="dark"]{color-scheme:dark}
body{background:var(--bg-main)!important;color:var(--text-primary)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",sans-serif}
.shell{position:relative;background:radial-gradient(circle at 100% 0,rgba(13,104,135,.12),transparent 30%),linear-gradient(160deg,var(--bg-secondary),var(--bg-main) 44%)!important}
.shell::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(53,175,215,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(53,175,215,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 76%)}
.topbar{height:68px!important;padding-left:max(16px,var(--safe-l))!important;padding-right:max(16px,var(--safe-r))!important;background:linear-gradient(to bottom,rgba(2,9,13,.97),rgba(2,9,13,.88))!important;border-bottom:1px solid rgba(70,184,230,.15)!important;backdrop-filter:blur(14px)!important}
.topTitle{min-width:0;font-size:19px!important;line-height:1.05;font-weight:750!important;letter-spacing:-.02em!important;color:var(--text-primary)}
.topTitle::before{content:"SYSTEM ERROR";display:block;margin-bottom:4px;color:var(--cyan);font-size:8px;font-weight:800;letter-spacing:.2em}
.statusDot{width:7px;height:7px;background:var(--green)!important;box-shadow:0 0 9px rgba(53,222,147,.58)!important}
.iconBtn,.menuButton{width:42px;height:42px;border:1px solid transparent!important;border-radius:50%!important;background:transparent!important;color:var(--text-secondary)!important}
.iconBtn:active,.menuButton:active{background:rgba(34,212,255,.08)!important;border-color:var(--border)!important}
.content{position:relative;width:min(100%,780px);max-width:780px!important;padding:20px 16px 22px!important}
.sectionTitle{margin:7px 0 7px!important;color:var(--text-primary);font-size:clamp(29px,7vw,40px)!important;line-height:1.05!important;font-weight:750!important;letter-spacing:-.035em!important}
.sectionSub{margin-bottom:18px!important;color:var(--text-secondary)!important;font-size:13px;line-height:1.45}
.nav{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:1fr;min-height:72px;padding:7px 14px calc(7px + var(--safe-b))!important;background:rgba(3,12,17,.94)!important;border-top:1px solid var(--border)!important;backdrop-filter:blur(16px)!important}
.nav button{position:relative;min-height:52px;color:var(--text-muted)!important;font-size:10px!important;font-weight:650}.nav .nicon{font-size:20px!important}.nav button.on{color:var(--cyan)!important;background:transparent!important}.nav button.on::before{content:"";position:absolute;top:0;left:50%;width:28px;height:2px;transform:translateX(-50%);border-radius:2px;background:var(--cyan);box-shadow:0 0 12px rgba(34,212,255,.65)}
.card,.settingsGroup,.rowCard,.heroAction,.broadcastCard,.broadcastHistory{background:var(--surface-1)!important;border:1px solid var(--border)!important;box-shadow:0 12px 34px rgba(0,0,0,.14)!important}
.rowCard{padding:13px 14px!important;border-radius:14px!important}.rowCard:active{transform:scale(.992);border-color:var(--border-active)!important;background:rgba(10,32,42,.96)!important}.rowTitle{font-size:14px!important}.rowPreview{color:var(--text-secondary)!important;font-size:12px!important}.rowMeta{color:var(--text-muted)!important;font-size:9px!important}
.heroAction{padding:16px!important;border-radius:18px!important;background:linear-gradient(120deg,rgba(10,37,49,.78),rgba(5,18,25,.9))!important}.heroAction h3{font-size:19px!important}.workHero{border-left:1px solid var(--border)!important}
.primary{border:1px solid rgba(66,228,255,.56)!important;border-radius:11px!important;background:linear-gradient(135deg,var(--cyan-bright),#0db9e2)!important;color:#001117!important;font-weight:750!important;box-shadow:0 8px 24px rgba(0,181,220,.13)!important}.secondary{border:1px solid var(--border)!important;border-radius:11px!important;background:rgba(16,46,59,.7)!important;color:var(--cyan)!important}.ghost{color:var(--cyan)!important}.danger,.dangerBtn{color:var(--red)!important}
.input{border:1px solid var(--border)!important;border-radius:14px!important;background:rgba(2,12,17,.74)!important;color:var(--text-primary)!important}.input:focus{border-color:var(--border-active)!important;box-shadow:0 0 0 3px rgba(34,212,255,.08)!important}
.settingsGroup{border-radius:16px!important;overflow:hidden}.settingRow{min-height:62px!important;padding:11px 14px!important;border-bottom:1px solid rgba(70,184,230,.1)!important}.settingRow b{font-size:13px}.settingRow .small{margin-top:3px;color:var(--text-muted)!important;font-size:10px}.switch{background:rgba(0,0,0,.28)!important;border:1px solid var(--border)!important}.switch.on{background:rgba(34,212,255,.18)!important;border-color:var(--border-active)!important}.switch.on i{background:var(--cyan)!important}
.drawerLayer.open .drawerBackdrop{background:rgba(0,0,0,.64)!important}.sideDrawer{width:min(86vw,355px)!important;padding:calc(14px + var(--safe-t)) 14px calc(14px + var(--safe-b))!important;background:rgba(3,13,18,.985)!important;border-right:1px solid var(--border-strong)!important;box-shadow:30px 0 80px rgba(0,0,0,.5)!important}.drawerBrand{display:flex!important;align-items:center;gap:10px;margin:4px 8px 8px;color:var(--text-primary);font-size:13px;font-weight:850;letter-spacing:.1em}.drawerBrand img{width:36px!important;height:36px!important;border-radius:11px!important}.drawerBrand span{display:flex;flex-direction:column}.drawerBrand small{margin-top:2px;color:var(--cyan);font-size:8px;letter-spacing:.24em}.drawerHead{margin:8px 0 12px!important;padding:14px!important;border:1px solid var(--border)!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(15,44,57,.8),rgba(5,18,25,.9))!important}.drawerHead img{width:46px!important;height:46px!important;border-radius:50%!important;border:1px solid var(--border-strong)}.drawerIdentity b{font-size:16px}.drawerIdentity span{color:var(--text-secondary)!important}.drawerNav{gap:3px!important}.drawerNav button{min-height:48px!important;border-radius:14px!important;color:var(--text-secondary)!important}.drawerNav button.on,.drawerNav button:active{background:rgba(34,212,255,.07)!important;color:var(--text-primary)!important}.drawerIcon{color:var(--cyan)!important;font-size:18px!important}.drawerFooter{margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.drawerFooter>div{display:flex;align-items:center;gap:9px;padding:8px 10px;color:var(--text-secondary);font-size:11px}.drawerFooter button{width:100%;min-height:44px;text-align:left;padding:0 10px;background:transparent;color:var(--red)}
/* Chat: restrained cyan/graphite skin, preserving all message functionality. */
#chatScreen,#directChatScreen,#systemChatScreen{background:#010508!important;color:var(--text-primary)!important}#chatScreen::before,#directChatScreen::before,#systemChatScreen::before{background:radial-gradient(circle at 100% 0,rgba(13,104,135,.11),transparent 31%),linear-gradient(180deg,#02080c,#010406)!important}
#chatScreen .chatHead,#directChatScreen .chatHead,#systemChatScreen .chatHead{background:rgba(2,9,13,.96)!important;border-bottom:1px solid rgba(70,184,230,.14)!important;box-shadow:none!important}.chatHeadTitle{color:var(--text-primary)!important;text-shadow:none!important}.back{color:var(--cyan)!important;text-shadow:none!important}
#chatScreen .messages,#directChatScreen .messages,#systemChatScreen .messages{gap:10px!important;padding-left:16px!important;padding-right:16px!important}
#chatScreen .bubble,#directChatScreen .bubble,#systemChatScreen .bubble{max-width:82%!important;padding:10px 13px 12px!important;border-radius:17px!important;font-size:14px!important;line-height:1.46!important;color:var(--text-primary)!important;backdrop-filter:none!important;box-shadow:0 8px 20px rgba(0,0,0,.16)!important}
#chatScreen .bubble::before,#directChatScreen .bubble::before,#systemChatScreen .bubble::before{background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 34%)!important;box-shadow:none!important}
#chatScreen .bubble.user,#directChatScreen .bubble.user{background:linear-gradient(135deg,rgba(13,101,154,.84),rgba(4,48,77,.94))!important;border:1px solid rgba(69,209,255,.36)!important;border-radius:17px 6px 17px 17px!important;box-shadow:0 0 18px rgba(34,212,255,.07),0 8px 20px rgba(0,0,0,.18)!important}
#chatScreen .bubble.user::after,#directChatScreen .bubble.user::after{box-shadow:none!important}
#chatScreen .bubble.assistant{background:linear-gradient(135deg,rgba(38,25,53,.76),rgba(9,25,34,.96))!important;border:1px solid rgba(166,76,255,.24)!important;border-radius:6px 17px 17px 17px!important;box-shadow:0 0 18px rgba(166,76,255,.05),0 8px 20px rgba(0,0,0,.18)!important}
#directChatScreen .bubble.assistant,#systemChatScreen .bubble{background:linear-gradient(135deg,rgba(18,39,49,.96),rgba(8,24,32,.96))!important;border:1px solid rgba(70,184,230,.16)!important;border-radius:6px 17px 17px 17px!important;box-shadow:0 8px 20px rgba(0,0,0,.18)!important}
#chatScreen .bubble.assistant::after,#directChatScreen .bubble.assistant::after{box-shadow:none!important}.chatActivity{background:#010508!important;color:var(--cyan)!important;text-shadow:none!important}.secureNote{background:#010508!important;color:var(--text-muted)!important;border-bottom:1px solid rgba(70,184,230,.08)!important}
#chatScreen .composer,#directChatScreen .composer{min-height:68px!important;padding:8px 12px calc(8px + var(--safe-b))!important;background:rgba(3,12,17,.97)!important;border-top:1px solid rgba(70,184,230,.14)!important;box-shadow:none!important;backdrop-filter:blur(14px)!important}.composer textarea{min-height:44px!important;border:1px solid var(--border)!important;border-radius:18px!important;background:var(--surface-2)!important;color:var(--text-primary)!important;box-shadow:none!important}.composer textarea:focus{border-color:var(--border-active)!important;box-shadow:0 0 0 3px rgba(34,212,255,.06)!important}.composer .round{width:44px!important;height:44px!important;flex-basis:44px!important;background:transparent!important;border:1px solid transparent!important;color:var(--text-secondary)!important}.composer .round.send{background:var(--cyan)!important;color:#001219!important;box-shadow:0 0 18px rgba(34,212,255,.18)!important}.composer .round.stop{background:var(--red)!important;color:#fff!important;box-shadow:none!important}.directAvatar{border:1px solid var(--border-strong)!important;box-shadow:none!important}
/* Auth */
#authScreen{background:radial-gradient(circle at 50% 100%,rgba(0,151,210,.16),transparent 40%),linear-gradient(155deg,#04121a,#010407 64%)!important}.authBody .card{width:min(100%,410px);margin:0 auto;border-color:var(--border-strong)!important;border-radius:24px!important;background:rgba(4,14,20,.9)!important;box-shadow:0 30px 90px rgba(0,0,0,.5)!important}.seg{background:rgba(3,15,21,.88)!important;border:1px solid rgba(70,184,230,.12);padding:4px!important}.seg button{color:var(--text-muted)!important}.seg button.on{background:rgba(34,212,255,.1)!important;color:var(--cyan-bright)!important;box-shadow:none!important}.key{width:62px!important;height:62px!important;border:1px solid var(--border)!important;background:rgba(10,31,41,.72)!important;font-size:22px!important}.key:active{background:rgba(34,212,255,.14)!important;border-color:var(--border-active)!important}.dot.fill{background:var(--cyan)!important;border-color:var(--cyan)!important;box-shadow:0 0 10px rgba(34,212,255,.5)!important}
/* Music */
.musicHero,.musicPlaylist,.musicTrack{background:var(--surface-1)!important;border-color:var(--border)!important}.musicHero{border-radius:18px!important}.musicNote,.musicPlaylistIcon,.musicPlayerArtwork{background:rgba(166,76,255,.12)!important;border:1px solid rgba(166,76,255,.28)!important;box-shadow:none!important;color:#c386ff}.musicPlay{background:rgba(34,212,255,.12)!important;border:1px solid rgba(34,212,255,.28);color:var(--cyan)!important}.musicTrack.active{border-color:rgba(166,76,255,.34)!important;box-shadow:0 0 18px rgba(166,76,255,.05)!important}.musicPlayerDock{border-color:rgba(166,76,255,.25)!important;border-radius:17px!important;background:rgba(9,18,26,.96)!important;box-shadow:0 15px 40px rgba(0,0,0,.38)!important}.musicControl.main{background:var(--cyan)!important;color:#001018!important;box-shadow:0 0 18px rgba(34,212,255,.2)!important}.musicFloat{width:52px!important;height:52px!important;background:rgba(74,43,108,.94)!important;border-color:rgba(166,76,255,.4)!important;box-shadow:0 10px 28px rgba(0,0,0,.45),0 0 18px rgba(166,76,255,.12)!important;animation:none!important}
/* Admin/profile/notifications */
.adminTab,.adminStat,.adminUser,.adminInvite,.profileHero,.broadcastCard,.broadcastHistory{background:var(--surface-1)!important;border-color:var(--border)!important}.adminTab.on{color:var(--cyan)!important;border-color:var(--border-active)!important;box-shadow:0 0 12px rgba(34,212,255,.06)!important}.adminStat strong{color:var(--cyan)!important}.pill.active{color:var(--green)!important}.pill.blocked,.pill.killed,.pill.deactivated{color:var(--red)!important}.profileHero{border-radius:18px!important}.profileAvatar{border:1px solid var(--border-strong)!important;box-shadow:none!important}.broadcastText{min-height:130px}.notificationSummary strong{color:var(--cyan)!important}
/* Global update overlay used by root-system-update.js */
.systemUpdateOverlay{position:fixed;z-index:220;inset:0;display:grid;place-items:center;padding:calc(16px + var(--safe-t)) 16px calc(16px + var(--safe-b));overflow:hidden;background:#010406;color:var(--text-primary);transition:opacity .5s}.systemUpdateOverlay.hidden{display:none!important}.systemUpdateOverlay.closing{opacity:0}.updateTerminal{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:6vw;color:rgba(53,222,147,.18);font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.updateTerminal::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent 5%,#010406 78%)}.updateTerminal div{display:flex;gap:14px}.updateTerminal b{color:rgba(34,212,255,.25)}.updateTerminal i{width:8px;height:14px;background:rgba(53,222,147,.3);animation:cursorBlink 1s steps(1) infinite}.updatePanel{position:relative;width:min(100%,430px);max-height:calc(100dvh - 32px);overflow:auto;padding:23px;border:1px solid var(--border-strong);border-radius:24px;background:rgba(4,15,21,.95);box-shadow:0 30px 100px #000,0 0 45px rgba(34,212,255,.07);text-align:center;backdrop-filter:blur(10px)}.updatePanel header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px}.updatePanel header img{width:42px;height:42px;border-radius:12px}.updatePanel header span{display:flex;flex-direction:column;text-align:left}.updatePanel header b{font-size:13px;letter-spacing:.1em}.updatePanel header small{margin-top:3px;color:var(--cyan);font-size:8px;letter-spacing:.18em}.updateEyebrow{margin:0;color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.18em}.updatePanel h1{margin:7px 0;font-size:24px}.updateLead{max-width:300px;margin:0 auto 16px;color:var(--text-secondary);font-size:12px;line-height:1.5}.updatePercent{font-size:48px;font-weight:800;letter-spacing:-.06em}.updatePercent small{color:var(--cyan);font-size:17px}.updateTrack{height:5px;margin:9px 0 18px;overflow:hidden;border-radius:5px;background:rgba(34,212,255,.08)}.updateTrack i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--blue),var(--cyan-bright));box-shadow:0 0 16px rgba(34,212,255,.48);transition:width .5s}.updateStages{display:flex;flex-direction:column;text-align:left}.updateStages>div{min-height:33px;display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:10px}.updateStages>div>i{width:20px;height:20px;display:grid;place-items:center;border:1px solid rgba(70,184,230,.15);border-radius:50%;font-style:normal}.updateStages .done{color:var(--green)}.updateStages .current{color:var(--cyan-bright)}.updateStages .current i{border-color:var(--border-active);box-shadow:0 0 12px rgba(34,212,255,.16)}.updatePanel footer{margin-top:17px;color:var(--text-muted);font:8px ui-monospace,monospace;letter-spacing:.13em}.updateAlert{width:55px;height:55px;display:grid;place-items:center;margin:0 auto 14px;border-radius:50%;color:var(--red);background:rgba(255,101,119,.09);font-size:28px;font-weight:800}
/* Light theme remains token-driven. */
html[data-theme="light"]{--bg-main:#edf5f8;--bg-secondary:#e4eff3;--bg-panel:#f8fcfd;--bg-panel-soft:#eaf3f6;--surface-1:rgba(250,253,254,.96);--surface-2:rgba(234,244,248,.92);--border:rgba(22,121,154,.22);--border-strong:rgba(22,121,154,.4);--text-primary:#06151c;--text-secondary:#405e6b;--text-muted:#68808a;--page:var(--bg-main);--panel:var(--bg-panel);--panel2:var(--bg-panel-soft);--stroke:var(--border);--muted2:var(--text-secondary);--text2:var(--text-primary)}
html[data-theme="light"] .shell,html[data-theme="light"] body{background:var(--bg-main)!important;color:var(--text-primary)!important}html[data-theme="light"] .topbar,html[data-theme="light"] .nav{background:rgba(248,252,253,.94)!important;color:var(--text-primary)!important}html[data-theme="light"] .card,html[data-theme="light"] .settingsGroup,html[data-theme="light"] .rowCard,html[data-theme="light"] .heroAction{background:var(--surface-1)!important;border-color:var(--border)!important}
@media(max-width:390px){.content{padding-left:12px!important;padding-right:12px!important}.sectionTitle{font-size:29px!important}.topbar{padding-left:max(12px,var(--safe-l))!important;padding-right:max(12px,var(--safe-r))!important}.drawerBrand{margin-left:4px;margin-right:4px}}
@media(prefers-reduced-motion:reduce){.systemUpdateOverlay *,body *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Light chat complements the token-driven light theme. */
html[data-theme="light"] #chatScreen,html[data-theme="light"] #directChatScreen,html[data-theme="light"] #systemChatScreen{background:#edf5f8!important;color:#06151c!important}
html[data-theme="light"] #chatScreen::before,html[data-theme="light"] #directChatScreen::before,html[data-theme="light"] #systemChatScreen::before{background:linear-gradient(180deg,#eef7fa,#e4eff3)!important}
html[data-theme="light"] #chatScreen .chatHead,html[data-theme="light"] #directChatScreen .chatHead,html[data-theme="light"] #systemChatScreen .chatHead,html[data-theme="light"] #chatScreen .composer,html[data-theme="light"] #directChatScreen .composer{background:rgba(248,252,253,.96)!important;border-color:rgba(22,121,154,.15)!important}
html[data-theme="light"] #chatScreen .chatHeadTitle,html[data-theme="light"] #directChatScreen .chatHeadTitle,html[data-theme="light"] #systemChatScreen .chatHeadTitle{color:#06151c!important}
html[data-theme="light"] #directChatScreen .bubble.assistant,html[data-theme="light"] #systemChatScreen .bubble{background:#f8fcfd!important;border-color:rgba(22,121,154,.18)!important;color:#06151c!important}
html[data-theme="light"] #chatScreen .bubble.assistant{background:linear-gradient(135deg,#f4edfa,#f8fcfd)!important;color:#06151c!important}
html[data-theme="light"] #chatScreen .composer textarea,html[data-theme="light"] #directChatScreen .composer textarea{background:#fff!important;color:#06151c!important;border-color:rgba(22,121,154,.22)!important}


/* FINAL 2026-09-09 supplied-reference pass */
:root{
  --ref-bg:#01070b;--ref-panel:#06141b;--ref-panel-2:#081c25;--ref-line:rgba(46,170,211,.19);
  --ref-line-strong:rgba(47,206,245,.5);--ref-cyan:#22d4ff;--ref-cyan-2:#43e4ff;
}
html[data-theme="dark"] body{background:#01070b!important}
.shell{padding-top:0!important;background:radial-gradient(circle at 105% 0,rgba(17,109,139,.09),transparent 31%),linear-gradient(160deg,#031017,#01070b 45%,#010406)!important}
.content{width:min(100%,780px)!important;padding:16px!important}
.sectionTitle{margin:7px 0 4px!important;font-size:30px!important;line-height:1.08!important;letter-spacing:-.035em!important;font-weight:760!important}
.sectionSub{margin:0 0 14px!important;color:#708b98!important;font-size:11px!important;line-height:1.45!important}

/* Real splash: shown only while the application is actually booting. */
#splashScreen{position:fixed;z-index:300;inset:0;display:grid;place-items:center;padding:max(24px,var(--safe-t)) 20px max(24px,var(--safe-b));background:radial-gradient(circle at 50% 72%,rgba(0,142,191,.18),transparent 35%),linear-gradient(160deg,#03131b,#010508 65%)!important}
#splashScreen.hidden{display:none!important}.splashInner{width:min(100%,360px);display:flex;flex-direction:column;align-items:center;text-align:center}.splashInner img{width:82px;height:82px;border-radius:22px;border:1px solid rgba(65,209,247,.26);box-shadow:0 0 28px rgba(34,212,255,.1)}.splashVersion{margin-top:18px;color:#5b7f8f;font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2em}.splashInner h1{margin:7px 0 1px;font-size:28px;letter-spacing:.08em}.splashInner>b{color:var(--cyan);font-size:11px;letter-spacing:.32em}.splashInner p{margin:34px 0 18px;color:#607985;font-size:8px;letter-spacing:.19em;text-transform:uppercase}.splashProgress{width:180px;height:3px;overflow:hidden;background:#0b2833}.splashProgress i{display:block;width:68%;height:100%;background:var(--cyan);box-shadow:0 0 12px rgba(34,212,255,.4);animation:refBoot 1.15s ease-in-out infinite alternate}.splashInner small{margin-top:10px;color:#527481;font-size:8px;letter-spacing:.16em;text-transform:uppercase}@keyframes refBoot{from{transform:translateX(-35%)}to{transform:translateX(35%)}}

/* Compact application chrome from the supplied composition. */
.topbar{box-sizing:border-box!important;height:auto!important;min-height:61px!important;padding:max(8px,var(--safe-t)) max(14px,var(--safe-r)) 8px max(14px,var(--safe-l))!important;gap:9px!important;background:rgba(2,10,14,.96)!important;border-bottom:1px solid rgba(42,159,196,.13)!important;box-shadow:0 8px 28px rgba(0,0,0,.22)!important;backdrop-filter:blur(14px)!important}
.topAppIcon{width:34px!important;height:34px!important;border-radius:10px!important;border:1px solid rgba(53,190,229,.25);box-shadow:none!important}.statusDot{width:7px!important;height:7px!important;background:#35de93!important;box-shadow:0 0 8px rgba(53,222,147,.42)!important}.topTitle{font-size:13px!important;font-weight:800!important;letter-spacing:.09em!important;color:#edf8ff!important}.iconBtn{width:38px!important;height:38px!important;border:1px solid var(--ref-line)!important;border-radius:12px!important;background:rgba(8,28,37,.72)!important;color:var(--cyan)!important}.masterBadge{display:none!important}
@media(max-width:899px){.nav{grid-template-columns:repeat(3,1fr)!important;width:100%!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;padding:6px max(10px,var(--safe-l)) calc(6px + var(--safe-b)) max(10px,var(--safe-r))!important;background:rgba(3,12,17,.96)!important;border:0!important;border-top:1px solid var(--ref-line)!important;border-radius:0!important;box-shadow:0 -9px 25px rgba(0,0,0,.25)!important}.nav button{min-height:50px!important;color:#607985!important;font-size:9px!important;font-weight:650!important}.nav .nicon{margin-bottom:3px!important;font-size:19px!important;color:inherit}.nav button.on{color:var(--cyan)!important}.shell{padding-bottom:calc(69px + var(--safe-b))!important}}

/* Dialogs and work lists. */
.conversationToolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin:0 0 12px}.conversationSearch{min-height:42px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--ref-line);border-radius:12px;background:rgba(5,20,27,.78);color:#607985}.conversationSearch>span{font-size:19px}.conversationSearch input{min-width:0;width:100%;height:39px;padding:0;border:0!important;outline:0;background:transparent!important;color:#edf8ff!important;box-shadow:none!important;font-size:12px}.conversationFilters{display:flex;gap:4px;padding:3px;border:1px solid rgba(42,159,196,.1);border-radius:11px;background:rgba(4,15,21,.68)}.conversationFilters button{min-height:34px;padding:0 10px;border-radius:8px;background:transparent;color:#607985;font-size:9px}.conversationFilters button.on{background:rgba(34,212,255,.11);color:var(--cyan);box-shadow:inset 0 0 0 1px rgba(34,212,255,.17)}
.heroAction:not(.workHero){display:none!important}.content>.list{gap:0!important;overflow:hidden;border:1px solid rgba(42,159,196,.12);border-radius:15px;background:rgba(4,15,21,.48)}.content>.list .rowCard{min-height:64px!important;margin:0!important;padding:11px 13px!important;border:0!important;border-bottom:1px solid rgba(42,159,196,.09)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.content>.list .rowCard:last-child{border-bottom:0!important}.content>.list .rowCard:active{background:rgba(34,212,255,.045)!important;transform:none!important}.rowTitle,.contactBody b{font-size:13px!important;font-weight:650!important}.rowPreview,.contactBody span{margin-top:2px;color:#718995!important;font-size:10px!important}.rowMeta{margin-top:5px!important;color:#506a76!important;font-size:8px!important}.contactAvatar{width:40px!important;height:40px!important;border:1px solid rgba(55,187,226,.19)!important;background:#071a22!important}.unread{min-width:18px!important;height:18px!important;padding:1px 5px!important;background:var(--cyan)!important;color:#00202a!important;font-size:9px!important}.workHero{padding:14px!important;border:1px solid rgba(42,159,196,.17)!important;border-radius:15px!important;background:rgba(5,20,27,.7)!important;box-shadow:none!important}.workHero h3{font-size:16px!important}

/* Chat reference: graphite incoming, cyan/blue outgoing, tiny AI-purple accent only. */
.chatBrandAvatar{width:32px;height:32px;flex:0 0 32px;margin-right:8px;border:1px solid rgba(47,206,245,.28);border-radius:50%;object-fit:cover}.chatHead{gap:4px!important}.chatHeadTitle{text-align:left!important;margin-right:0!important;font-size:14px!important}.chatHead>div:has(#directTitle){margin-right:6px!important}.secureNote{padding:5px 12px!important;font-size:9px!important;letter-spacing:.015em}.messages{gap:9px!important}.bubble{font-size:13px!important;line-height:1.45!important}.bubble.user{background:linear-gradient(135deg,rgba(10,104,160,.84),rgba(4,52,83,.94))!important;border-color:rgba(70,207,244,.34)!important;box-shadow:0 0 15px rgba(34,212,255,.055),0 7px 18px rgba(0,0,0,.18)!important}.bubble.assistant{background:linear-gradient(135deg,rgba(14,34,44,.97),rgba(6,19,26,.98))!important;border-color:rgba(73,179,214,.14)!important;box-shadow:0 7px 18px rgba(0,0,0,.18)!important}#chatScreen .bubble.assistant{border-left-color:rgba(166,76,255,.28)!important}.bubble::after{box-shadow:none!important}.bubbleTools{border-top-color:rgba(255,255,255,.08)!important}.composer{gap:5px!important}.composer textarea{border-radius:16px!important;font-size:13px!important}.composer .round{width:40px!important;height:40px!important;flex-basis:40px!important}.composer .round.send{background:var(--cyan)!important;color:#00151c!important;box-shadow:0 0 14px rgba(34,212,255,.16)!important}.directAvatar{width:32px!important;height:32px!important;flex-basis:32px!important}

/* Login closer to screen 02: centered mark, compact form, no large banner image. */
#authScreen{display:flex;flex-direction:column;justify-content:center!important;min-height:100dvh!important;padding:max(18px,var(--safe-t)) 16px max(18px,var(--safe-b))!important;background:radial-gradient(circle at 50% 100%,rgba(0,142,191,.13),transparent 37%),linear-gradient(160deg,#03131b,#010508 64%)!important}.authHero{flex:none!important;width:min(100%,410px)!important;height:148px!important;aspect-ratio:auto!important;margin:0 auto!important;background-image:url('/static/root-se-icon-option.webp')!important;background-repeat:no-repeat!important;background-size:76px 76px!important;background-position:center 19px!important;background-color:transparent!important}.authHero::before{content:'SYSTEM ERROR'!important;position:absolute;left:0;right:0;bottom:31px;text-align:center;color:#edf8ff;font-size:15px;font-weight:850;letter-spacing:.11em}.authHero::after{content:'ROOT SE'!important;position:absolute!important;inset:auto 0 14px!important;background:none!important;text-align:center;color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.32em}.authTerminal{display:none!important}.authBody{width:min(100%,410px)!important;padding:0!important;margin:0 auto!important}.authBody .brand{display:none!important}.authBody .card{border-radius:18px!important;background:rgba(4,15,21,.92)!important;box-shadow:0 24px 70px rgba(0,0,0,.38)!important}.pane{padding:17px!important}.field label{font-size:10px!important}.primary{min-height:44px!important}.seg button{min-height:34px!important;font-size:10px!important}

/* Drawer and utility pages stay dense like screens 05, 07–11. */
.sideDrawer{width:min(85vw,350px)!important;background:rgba(3,13,18,.99)!important}.drawerBrand{padding:4px 4px 7px!important}.drawerHead{margin:6px 0 9px!important;padding:11px!important;border-radius:15px!important}.drawerNav button{min-height:44px!important;padding:8px 11px!important;border-radius:11px!important;font-size:13px!important}.drawerIcon{font-size:16px!important}.drawerFooter{font-size:10px!important}.settingsGroup{margin-bottom:12px!important;border:1px solid rgba(42,159,196,.13)!important;border-radius:14px!important;background:rgba(5,20,27,.62)!important;box-shadow:none!important}.settingRow{min-height:54px!important;padding:9px 12px!important}.settingRow b{font-size:12px!important}.settingRow .small{font-size:9px!important}.content>h3{margin:15px 2px 7px;color:#86a1ad;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.profileHero,.broadcastCard,.broadcastHistory,.adminUser,.adminStat,.adminInvite{border-radius:14px!important;background:rgba(5,20,27,.66)!important;box-shadow:none!important}.profileAvatar{width:72px!important;height:72px!important}.adminGrid{gap:8px!important}.adminStat{padding:12px!important}.adminStat strong{font-size:21px!important}.adminUser{padding:11px!important}.adminTab{padding:8px 11px!important;border-radius:10px!important;font-size:10px!important}.broadcastCard{padding:14px!important}.broadcastText{min-height:118px!important}.musicHero{padding:14px!important;border-radius:15px!important}.musicTrack,.musicPlaylist{border-radius:13px!important;box-shadow:none!important}.musicPlayerDock{border-radius:15px!important;box-shadow:0 14px 36px rgba(0,0,0,.38)!important}

/* Update screen mirrors screen 12: clean cyan progress, terminal only in the background. */
.systemUpdateOverlay{background:radial-gradient(circle at 50% 46%,rgba(7,88,115,.1),transparent 36%),#010406!important}.updatePanel{width:min(100%,390px)!important;padding:21px!important;border-radius:20px!important;border-color:rgba(47,206,245,.27)!important;background:rgba(3,14,19,.96)!important;box-shadow:0 24px 80px #000!important}.updatePanel header{margin-bottom:18px!important}.updatePanel h1{font-size:20px!important}.updatePercent{font-size:40px!important}.updateTrack{height:4px!important}.updateTerminal{opacity:.72!important}.updateStages>div{min-height:29px!important;font-size:9px!important}

@media(max-width:430px){.content{padding:13px 13px 16px!important}.sectionTitle{font-size:28px!important}.conversationToolbar{grid-template-columns:1fr}.conversationFilters{width:max-content}.topbar{min-height:58px!important}.topTitle{font-size:12px!important}.chatHead{padding-left:12px!important;padding-right:12px!important}.back{min-width:auto!important;margin-right:6px!important;font-size:13px!important}.messages{padding-left:13px!important;padding-right:13px!important}.bubble{max-width:82%!important}.composer{padding-left:9px!important;padding-right:9px!important}.authHero{height:138px!important}.sideDrawer{width:86vw!important}}
@media(prefers-reduced-motion:reduce){.splashProgress i{animation:none!important;transform:none!important;width:100%!important}}

/* UI icon refinement: integrated tactile delete controls + unified outline drawer icons */
.chatDeleteButton,.conversationDelete{
  display:grid!important;place-items:center!important;padding:0!important;overflow:visible!important;
  border:1px solid rgba(255,87,83,.48)!important;border-radius:50%!important;
  background:radial-gradient(circle at 33% 25%,rgba(255,255,255,.17),transparent 31%),linear-gradient(155deg,rgba(92,25,29,.78),rgba(25,9,12,.97))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),inset 0 -3px 7px rgba(0,0,0,.54),0 5px 13px rgba(0,0,0,.33),0 0 12px rgba(255,63,70,.10)!important;
  cursor:pointer!important;-webkit-tap-highlight-color:transparent;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease!important;
}
.chatDeleteButton{width:36px!important;height:36px!important;flex:0 0 36px!important;margin-left:auto!important}
.conversationDelete{position:absolute!important;right:11px!important;top:50%!important;width:32px!important;height:32px!important;transform:translateY(-50%)!important}
.deleteCross{width:18px;height:18px;overflow:visible;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.7)) drop-shadow(0 0 4px rgba(255,58,67,.22))}
.deleteCross path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.deleteCrossOuter{stroke:#ff3d49;stroke-width:5.2}
.deleteCrossInner{stroke:#090b0d;stroke-width:2.15}
.chatDeleteButton:hover,.conversationDelete:hover{border-color:rgba(255,91,88,.78)!important;background:radial-gradient(circle at 34% 23%,rgba(255,255,255,.2),transparent 32%),linear-gradient(155deg,rgba(117,27,33,.86),rgba(30,9,13,.98))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -3px 7px rgba(0,0,0,.52),0 7px 16px rgba(0,0,0,.38),0 0 15px rgba(255,63,70,.16)!important}
.chatDeleteButton:active{transform:translateY(1px) scale(.94)!important;box-shadow:inset 0 3px 7px rgba(0,0,0,.58),inset 0 -1px 1px rgba(255,255,255,.06),0 2px 5px rgba(0,0,0,.26)!important}
.conversationDelete:active{transform:translateY(calc(-50% + 1px)) scale(.94)!important;box-shadow:inset 0 3px 7px rgba(0,0,0,.58),inset 0 -1px 1px rgba(255,255,255,.06),0 2px 5px rgba(0,0,0,.26)!important}
.content>.list .rowCard[data-cid]{position:relative!important;padding-right:56px!important}
.content>.list .rowCard[data-cid] .conversationDelete{z-index:2}
#directChatScreen .chatDeleteButton,#systemChatScreen .chatDeleteButton{margin-right:1px!important}

.drawerNav .drawerIcon{position:relative!important;width:28px!important;height:30px!important;display:grid!important;place-items:center!important;flex:0 0 28px!important;color:#68dfff!important;font-size:0!important}
.drawerNav .drawerIcon svg{position:relative;z-index:1;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 5px 4px rgba(38,210,255,.30))}
.drawerNav .drawerIcon::after{content:"";position:absolute;left:6px;right:6px;bottom:1px;height:3px;border-radius:50%;background:rgba(37,211,255,.5);filter:blur(3px);opacity:.82;pointer-events:none}
.drawerNav button.on .drawerIcon,.drawerNav button:active .drawerIcon{color:#9cecff!important}
.drawerNav button.on .drawerIcon::after{background:rgba(75,224,255,.78);filter:blur(3.5px);opacity:1}

/* Hidden profiles and chat-request workflow. */
.chatRequests{margin:0 0 14px;padding:10px;border:1px solid rgba(47,206,245,.16);border-radius:14px;background:rgba(5,20,27,.66)}
.chatRequestsHead{display:flex;align-items:center;justify-content:space-between;margin:1px 2px 8px;color:#dcecf2;font-size:11px}
.chatRequestsHead span{min-width:20px;height:20px;display:grid;place-items:center;border-radius:10px;background:rgba(34,212,255,.14);color:var(--cyan);font-size:9px}
.chatRequestCard{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(42,159,196,.09)}
.chatRequestCard:first-of-type{border-top:0}.chatRequestBody{min-width:0}.chatRequestBody b,.chatRequestBody span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatRequestBody b{font-size:12px}.chatRequestBody span{margin-top:3px;color:#718995;font-size:9px}
.chatRequestActions{display:flex;gap:5px}.chatRequestActions button{min-height:32px;padding:0 9px;border-radius:9px;font-size:9px;font-weight:700}.requestAccept{border:1px solid rgba(34,212,255,.36);background:rgba(34,212,255,.12);color:var(--cyan)}.requestDecline{border:1px solid rgba(255,101,119,.28);background:rgba(255,101,119,.07);color:#ff7d8b}
.directoryUser{cursor:pointer}.hiddenProfileUser .contactBody span{display:none}.privateAvatar{background:rgba(11,31,40,.88)!important;color:#6b8793!important;font-weight:700!important}.directoryEmpty{padding:18px 14px!important}
@media(max-width:460px){.chatRequestCard{grid-template-columns:38px minmax(0,1fr)}.chatRequestActions{grid-column:1/-1;justify-content:flex-end}.chatRequestActions button{min-height:34px;padding:0 12px}}


/* Chat connection requests and private directory */
.chatRequestSection{margin:0 0 13px}.chatRequestTitle{display:flex;align-items:center;justify-content:space-between;margin:0 2px 7px;color:#8aa3af;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.chatRequestTitle b{min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;border:1px solid rgba(34,212,255,.25);border-radius:10px;background:rgba(34,212,255,.08);color:var(--cyan);font-size:9px}.chatRequestList{display:grid;gap:7px}.chatRequestCard{min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid rgba(46,170,211,.18);border-radius:14px;background:linear-gradient(135deg,rgba(7,25,34,.92),rgba(4,16,22,.96));box-shadow:0 9px 24px rgba(0,0,0,.16)}.chatRequestActions{display:flex;gap:6px}.chatRequestActions button{min-height:34px;padding:0 10px;border-radius:10px;font-size:10px;font-weight:700}.requestAccept{border:1px solid rgba(53,222,147,.34);background:rgba(53,222,147,.10);color:#68e7aa}.requestDecline{border:1px solid rgba(255,101,119,.28);background:rgba(255,101,119,.07);color:#ff8190}.userDirectoryRow{cursor:pointer}.userDirectoryRow:focus-visible{outline:1px solid var(--cyan);outline-offset:-1px}.userDirectoryRow.connected{background:linear-gradient(90deg,rgba(34,212,255,.035),transparent)!important}.chatStateIcon{width:25px;height:25px;display:grid;place-items:center;flex:none;border:1px solid rgba(46,170,211,.15);border-radius:50%;color:#72b9cf;font-size:15px}.userDirectoryRow.connected .chatStateIcon{color:var(--cyan);border-color:rgba(34,212,255,.24)}.userDirectoryEmpty{padding:18px;text-align:center}.userDirectoryRow .contactBody span:empty{display:none}
@media(max-width:520px){.chatRequestCard{grid-template-columns:38px minmax(0,1fr)}.chatRequestActions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.chatRequestActions button{min-height:37px}}

/* Fixed SYSTEM ERROR header + four-slot bottom navigation 2026-09-09 */
:root{--app-fixed-topbar-height:calc(58px + var(--safe-t))}
.topbar{
  position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:66!important;
  box-sizing:border-box!important;height:var(--app-fixed-topbar-height)!important;min-height:var(--app-fixed-topbar-height)!important;
  padding:var(--safe-t) max(14px,var(--safe-r)) 0 max(14px,var(--safe-l))!important;
}
.shell{padding-top:var(--app-fixed-topbar-height)!important}
.topTitle{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.nav .nicon svg{width:21px;height:21px;display:block;margin:0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:899px){
  .nav{grid-template-columns:repeat(auto-fit,minmax(0,1fr))!important}
  .nav button{min-width:0!important;padding-left:1px!important;padding-right:1px!important}
}
@media(max-width:430px){.nav button{font-size:8.5px!important}}
@media(min-width:900px){.topbar{left:235px!important}}

/* Personal chats: activity ordering, presence, and remaining users. */
.personalChatGroup{margin:0 0 16px}.personalChatGroupTitle{display:flex;align-items:center;justify-content:space-between;margin:0 3px 7px;color:#8aa3af;font-size:10px;font-weight:780;letter-spacing:.09em;text-transform:uppercase}.personalChatGroupTitle b{min-width:20px;height:20px;display:grid;place-items:center;padding:0 6px;border:1px solid rgba(34,212,255,.2);border-radius:999px;background:rgba(34,212,255,.07);color:#7fdff5;font-size:9px}.personalChatGroup>.list{gap:0!important;overflow:hidden;border:1px solid rgba(42,159,196,.12);border-radius:15px;background:rgba(4,15,21,.48)}.personalChatGroup>.list .rowCard{min-height:64px!important;margin:0!important;padding:11px 13px!important;border:0!important;border-bottom:1px solid rgba(42,159,196,.09)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.personalChatGroup>.list .rowCard:last-child{border-bottom:0!important}.contactNameLine{min-width:0;display:flex!important;align-items:center;gap:7px;margin:0!important}.contactNameLine b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.presenceDot{width:7px;height:7px;flex:0 0 7px;display:inline-block;border-radius:50%}.presenceDot.online{background:#35de93;box-shadow:0 0 7px rgba(53,222,147,.7),0 0 14px rgba(53,222,147,.22)}.presenceDot.offline{background:#344751;box-shadow:inset 0 0 0 1px rgba(137,168,181,.18)}.personalChatRow .contactBody>span:last-child{color:#5d7b87!important}.otherUsersGroup{margin-top:20px;padding-top:14px;border-top:1px solid rgba(46,170,211,.13)}.otherUserRow{background:rgba(3,14,20,.32)!important}.systemChatGroup{margin-bottom:14px}.userDirectoryEmpty{padding:17px 13px!important}

/* Responsive visual finish. Existing DOM, controls and application flows are unchanged. */
:root{
  --ui-gutter:18px;
  --ui-nav-height:calc(68px + var(--safe-b));
  --ui-notice-bg:#08171f;
  --ui-notice-text:#edf7fa;
  --ui-notice-muted:#9ab1bc;
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--app-fixed-topbar-height) + 16px)}
html,body{max-width:100%;overflow-x:clip}
textarea{font:inherit}
button,input,textarea,select{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.55}
button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.shell{min-height:100vh;min-height:100dvh;padding-bottom:calc(var(--ui-nav-height) + 16px)!important}
.content{
  width:100%!important;max-width:900px!important;min-width:0;
  padding:22px max(var(--ui-gutter),var(--safe-r)) 24px max(var(--ui-gutter),var(--safe-l))!important;
}
.content>*,.content .list,.settingsGroup,.settingRow .grow,.profileHero>div{min-width:0;max-width:100%}
.sectionTitle{font-size:30px!important;line-height:1.16!important;margin:2px 0 9px!important;overflow-wrap:anywhere}
.sectionSub{font-size:13px!important;line-height:1.55!important;margin-bottom:20px!important;color:var(--text-secondary)!important}
.content h3{font-size:12px;line-height:1.4}
.content>h3,#localStorageSettings>h3{margin:22px 2px 9px;font-size:11px;font-weight:750;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase}
.rowTitle,.contactBody b{font-size:14px!important;line-height:1.4;overflow-wrap:anywhere}
.rowPreview,.contactBody span{font-size:12px!important;line-height:1.4}
.rowMeta{font-size:10px!important}
.content>.list .rowCard,.personalChatGroup>.list .rowCard{padding:14px!important;min-height:72px!important}
.content>.list .rowCard[data-cid]{padding-right:58px!important}
.personalChatGroupTitle,.chatRequestTitle,.chatRequestSection h3{font-size:11px}
.conversationSearch input{font-size:14px}
.conversationFilters button{font-size:12px;min-height:38px}
.field label{font-size:12px!important;line-height:1.4}
.input{font-size:15px;line-height:1.5}
.primary,.secondary{min-height:46px!important;font-size:14px}
.seg button{font-size:12px!important;min-height:38px!important}
.topbar .topTitle{font-size:14px!important;color:var(--text-primary)!important;letter-spacing:.07em!important}
.topbar .topTitle::before{display:none}
.topbar .menuButton,.topbar .iconBtn{flex:0 0 42px}
.nav button{font-size:11px!important;font-weight:600!important}
.nav .nicon{margin-bottom:4px!important}
.sideDrawer{max-height:100vh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}
.drawerNav{flex-shrink:0}
.drawerNav button{min-height:46px!important;font-size:14px!important}
.drawerFooter{padding-top:18px}
.settingRow{gap:12px!important;padding:12px 14px!important;min-height:64px!important}
.settingRow .grow{overflow-wrap:anywhere}
.settingRow b{font-size:14px!important;line-height:1.4}
.settingRow .small{font-size:12px!important;line-height:1.45;color:var(--text-secondary)!important}
.settingRow .ghost{min-height:44px;padding:8px;font-size:13px;max-width:100%;overflow-wrap:anywhere}
.settingRow .switch{flex:0 0 50px}
.settingRow select{max-width:52%;min-width:0;font-size:14px!important}
.themeBtn{font-size:14px;padding:12px}
.localStorageSliderRow strong{font-size:16px;white-space:nowrap}
.localStorageRange{padding:4px 14px 16px}
.localStorageRange input{height:32px;margin:0;cursor:pointer}
.localStorageRange .small{font-size:12px;line-height:1.5;color:var(--text-secondary)}
.appMaintenance{margin-top:24px;padding:20px max(var(--ui-gutter),var(--safe-r)) 12px max(var(--ui-gutter),var(--safe-l))}
.appMaintenance .clearAppCache{display:block;width:100%;min-height:44px;max-width:480px;margin:10px auto 0!important;font-size:12px}
.appMaintenance>span{max-width:480px;margin:10px auto 0;font-size:11px;line-height:1.5}
.sheet{max-height:calc(100vh - var(--safe-t) - 16px);max-height:calc(100dvh - var(--safe-t) - 16px);overflow-y:auto;overscroll-behavior:contain}
.updatePanel{max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 32px)}

/* Chat headers and input areas sit inside the device's safe working area. */
#chatScreen.chatScreen,#directChatScreen.chatScreen,#systemChatScreen.chatScreen{
  height:100vh;height:100dvh;min-height:0!important;width:100%;padding:0!important;overflow:hidden;
}
#chatScreen .chatHead,#directChatScreen .chatHead,#systemChatScreen .chatHead{
  box-sizing:border-box!important;height:calc(58px + var(--safe-t))!important;
  flex:0 0 calc(58px + var(--safe-t))!important;min-width:0;
  padding:var(--safe-t) max(12px,var(--safe-r)) 0 max(12px,var(--safe-l))!important;gap:8px!important;
}
#chatScreen .back,#directChatScreen .back,#systemChatScreen .back{flex:none;min-width:44px!important;min-height:44px;padding:10px 2px!important;margin:0!important;font-size:14px!important}
#chatScreen .chatHeadTitle,#directChatScreen .chatHeadTitle,#systemChatScreen .chatHeadTitle{min-width:0;margin:0!important;font-size:15px!important;line-height:1.3}
#directChatScreen .chatHead>div:has(#directTitle){flex:1;min-width:0}
.secureNote{font-size:10px!important;line-height:1.4;padding:7px max(14px,var(--safe-r)) 7px max(14px,var(--safe-l))!important;flex-shrink:0}
#chatScreen .messages,#directChatScreen .messages,#systemChatScreen .messages{
  flex:1 1 auto;min-height:0;min-width:0;width:100%;max-width:820px;margin:0 auto;
  padding:18px max(16px,var(--safe-r)) 20px max(16px,var(--safe-l))!important;gap:12px!important;
  overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-padding-bottom:20px;
}
#systemChatScreen .messages{padding-bottom:calc(20px + var(--safe-b))!important}
#chatScreen .bubble,#directChatScreen .bubble,#systemChatScreen .bubble{
  flex-shrink:0;max-width:min(84%,620px)!important;font-size:15px!important;line-height:1.5!important;
  padding:11px 14px!important;overflow-wrap:anywhere;
}
#systemChatScreen .bubble{max-width:min(94%,680px)!important}
#chatScreen .bubble .directTime,#directChatScreen .bubble .directTime,#systemChatScreen .bubble .directTime{font-size:10px!important;line-height:1.4}
#chatScreen .composer,#directChatScreen .composer{
  flex-shrink:0;min-width:0;gap:8px!important;min-height:0!important;
  padding:10px max(12px,var(--safe-r)) calc(10px + var(--safe-b)) max(12px,var(--safe-l))!important;
}
#chatScreen .composer textarea,#directChatScreen .composer textarea{
  min-width:0;min-height:44px!important;max-height:120px;max-width:100%;
  font-size:16px!important;line-height:22px!important;padding:10px 13px!important;
  background:var(--surface-2)!important;color:var(--text-primary)!important;
  border-color:var(--border)!important;box-shadow:none!important;caret-color:var(--cyan);
}
#chatScreen .composer textarea:focus,#directChatScreen .composer textarea:focus{border-color:var(--border-active)!important;box-shadow:0 0 0 3px rgba(34,212,255,.08)!important}
#chatScreen .composer .round,#directChatScreen .composer .round{width:44px!important;height:44px!important;flex:0 0 44px!important}
#chatScreen .composer .round:not(.recording):not(.send):not(.stop),#directChatScreen .composer .round:not(.recording):not(.send):not(.stop){background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--cyan)!important;box-shadow:none!important}
#chatScreen .composer .round.send,#directChatScreen .composer .round.send{background:var(--cyan)!important;color:#00151c!important;box-shadow:none!important}
#chatScreen .composer .round.stop,#directChatScreen .composer .round.stop{background:var(--red)!important;color:#fff!important;box-shadow:none!important}
#directChatScreen .directAvatar{background:#0a2836;color:#a4e5f4;border-color:var(--border-strong)!important;box-shadow:none!important}
#chatScreen .secureNote,#directChatScreen .secureNote,#systemChatScreen .secureNote{background:var(--bg-main)!important;color:var(--text-secondary)!important}
.pinnedBar{padding-left:max(14px,var(--safe-l));padding-right:max(14px,var(--safe-r))}

/* Broadcast composer and compact read confirmations. */
.adminPanelTitle{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;min-width:0}
.adminPanelTitle>div{flex:1 1 220px;min-width:0}
.adminPanelTitle .badge{flex:none;line-height:1.3;font-size:9px;letter-spacing:.08em;padding:6px 9px;white-space:nowrap}
.adminKicker{margin-bottom:10px;color:var(--cyan);font-size:9px;line-height:1.5;font-weight:700;letter-spacing:.12em}
.broadcastCard{margin:10px 0 26px;padding:20px!important;border-radius:18px!important;min-width:0}
.broadcastCardHead{display:flex;align-items:flex-start;gap:12px;margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid var(--border)}
.broadcastCardHead>div{min-width:0}
.broadcastCardIcon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;border:1px solid rgba(34,212,255,.35);background:rgba(34,212,255,.08);color:var(--cyan);font-size:20px;font-weight:750}
.broadcastCardHead b{display:block;font-size:15px;line-height:1.4;font-weight:650}
.broadcastCardHead>div>span{display:block;margin-top:4px;color:var(--text-secondary);font-size:12px;line-height:1.5}
.broadcastCard>label{margin-bottom:9px;font-size:13px;line-height:1.4}
.broadcastText{display:block;min-width:0;width:100%;min-height:164px!important;padding:14px!important;resize:vertical;font-family:inherit;font-size:16px;font-weight:400;line-height:1.5}
.broadcastText::placeholder{color:var(--text-muted);opacity:1}
.broadcastActions{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,1fr);gap:12px;align-items:center;margin-top:16px}
.broadcastActions .ghost{min-width:0;width:100%;min-height:46px;padding:10px;border:1px solid var(--border);border-radius:11px;font-size:13px;line-height:1.4}
.broadcastActions .primary{min-width:0;width:100%;font-size:14px}
.broadcastImagePreview{grid-template-columns:56px minmax(0,1fr) 36px;gap:10px;max-width:100%;padding:9px}
.broadcastImagePreview img{width:56px;height:56px}
.broadcastImagePreview button{width:36px;height:36px}
#broadcastStatus{min-height:0;line-height:1.5;overflow-wrap:anywhere;font-size:12px}
#broadcastStatus:empty{margin:0}
.broadcastHistoryHeading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:5px 16px;margin:0 2px 12px}
.broadcastHistoryHeading h3{margin:0;font-size:17px;line-height:1.3;letter-spacing:-.02em}
.broadcastHistoryHeading>span{font-size:11px;line-height:1.5;color:var(--text-secondary)}
#notificationHistory{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;width:100%;min-width:0}
#notificationHistory .broadcastHistory{padding:16px;grid-template-columns:minmax(0,1fr) auto;gap:14px;min-width:0;border-radius:16px!important}
#notificationHistory .broadcastHistoryText{align-self:center;min-width:0;overflow:hidden}
#notificationHistory .broadcastHistoryText b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow:hidden;overflow-wrap:anywhere;font-size:14px;font-weight:650;line-height:1.45}
#notificationHistory .broadcastHistoryText>span{margin-top:7px;font-size:11px;line-height:1.4;color:var(--text-secondary);overflow-wrap:anywhere}
#notificationHistory .notificationSummary{align-self:start;min-width:64px;padding:7px 9px;border:1px solid var(--border);border-radius:11px;background:rgba(34,212,255,.04);text-align:center}
#notificationHistory .notificationSummary strong{font-size:20px;line-height:1.15;font-weight:700;font-variant-numeric:tabular-nums}
#notificationHistory .notificationSummary span{margin:3px 0 0;font-size:10px;line-height:1.3}
#notificationHistory .notificationRecipientList{grid-column:1/-1;gap:0;border-top:1px solid var(--border);padding-top:7px;min-width:0}
#notificationHistory .notificationRecipient{grid-template-columns:minmax(0,1fr) auto;min-height:30px;gap:9px;padding:6px 2px;border-radius:0;border-bottom:1px solid rgba(110,166,187,.09);background:transparent;line-height:1.4}
#notificationHistory .notificationRecipient:last-child{border-bottom:0}
#notificationHistory .notificationRecipient>span{margin:0;font-size:11px;line-height:1.4}
#notificationHistory .notificationRecipientName{color:var(--text-primary)!important}
#notificationHistory .notificationRecipient.pending>span:last-child{color:var(--text-secondary)}
#notificationHistory .notificationRecipient.confirmed>span:last-child{color:#67dfab}
#notificationHistory .notificationExpand{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;width:100%;margin:0;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:rgba(34,212,255,.04);font-size:12px;line-height:1.4}
#notificationHistory .notificationExpand::after{content:'⌄';font-size:18px;line-height:1}
#notificationHistory .expanded .notificationExpand::after{transform:rotate(180deg)}
#notificationHistory .expanded .notificationRecipientList{max-height:50vh;max-height:50dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}

/* The existing notice window uses the same graphite/cyan palette. */
.systemNoticeModal{
  height:100vh;height:100dvh;box-sizing:border-box;min-width:0;overflow:hidden;
  padding:calc(14px + var(--safe-t)) calc(14px + var(--safe-r)) calc(14px + var(--safe-b)) calc(14px + var(--safe-l));
  background:rgba(0,6,10,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overscroll-behavior:contain;
}
.systemNoticeWindow{
  width:min(520px,100%);min-width:0;min-height:0;max-height:100%;
  border:1px solid rgba(91,197,227,.34);border-radius:22px;
  background:var(--ui-notice-bg);color:var(--ui-notice-text);
  box-shadow:0 28px 90px rgba(0,0,0,.5),0 0 32px rgba(34,212,255,.05);
}
.systemNoticeScroll{flex:1 1 auto;min-width:0;min-height:0;padding:24px 22px 18px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}
.systemNoticeMark{width:42px;height:42px;margin:0 auto 12px;border-radius:13px;background:rgba(34,212,255,.07);border-color:rgba(34,212,255,.35);color:var(--cyan);box-shadow:none;font-size:23px}
.systemNoticeEyebrow{margin:0;color:var(--cyan);font-size:10px;line-height:1.4;letter-spacing:.18em}
.systemNoticeWindow h2{margin:7px 0 8px;font-size:24px;line-height:1.2;font-weight:700;letter-spacing:-.025em;overflow-wrap:anywhere}
.systemNoticeSubtitle{max-width:330px;margin:0 auto 20px;font-size:13px;line-height:1.5;color:var(--ui-notice-muted)}
.systemNoticeBody{max-height:190px;min-width:0;overflow:hidden}
.systemNoticeText{padding:15px;border:1px solid var(--border);border-radius:13px;background:rgba(112,176,199,.045);font-size:15px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.systemNoticeImage{line-height:1.5}.systemNoticeImage img{max-width:100%;border-radius:13px}
.systemNoticeExpand{display:block;width:100%;min-height:44px;margin:14px 0 0;padding:10px;border:1px solid var(--border);border-radius:10px;background:rgba(34,212,255,.045);font-size:13px;font-weight:650;line-height:1.4}
.systemNoticeFooter{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px 20px;border-top:1px solid var(--border);background:var(--ui-notice-bg)}
.systemNoticeFooter>span{font-size:13px;line-height:1.4;text-align:left;font-weight:550;color:var(--ui-notice-muted)}
.systemNoticeFooter .primary{width:auto;min-width:140px;min-height:46px;padding:12px 16px;font-size:14px}
.systemNoticeWindow.expanded{position:absolute;inset:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);width:auto;max-width:none;max-height:none;min-height:0;border-radius:0;box-shadow:none}
.systemNoticeWindow.expanded .systemNoticeScroll{padding:72px max(18px,calc((100% - 720px)/2)) 22px}
.systemNoticeWindow.expanded .systemNoticeBody{max-height:none;overflow:visible}
.systemNoticeWindow.expanded .systemNoticeExpand{position:absolute;z-index:2;inset:12px 14px auto auto;width:auto;min-width:104px;margin:0;padding:10px 15px;background:var(--ui-notice-bg)}
.systemNoticeWindow.expanded .systemNoticeImage img{max-height:none}
.systemNoticeWindow.expanded .systemNoticeFooter{padding-left:max(18px,calc((100% - 720px)/2));padding-right:max(18px,calc((100% - 720px)/2))}

/* Small phones, tablets, desktop and landscape. */
@media(max-width:599px){
  :root{--ui-gutter:16px}
  .content{padding-top:20px!important}.sectionTitle{font-size:28px!important}
  .adminPanelTitle:has(.adminKicker){position:relative;display:block}
  .adminPanelTitle:has(.adminKicker) .badge{position:absolute;top:0;right:0}
  .adminKicker{max-width:calc(100% - 93px);font-size:8px;letter-spacing:.06em;margin-bottom:14px}
  .broadcastCard{padding:16px!important}.broadcastActions{grid-template-columns:minmax(0,1fr)}
  .broadcastCardHead{margin-bottom:17px;padding-bottom:16px}.broadcastHistoryHeading{margin-top:22px}
  .broadcastHistoryHeading h3{font-size:16px}.broadcastHistoryHeading>span{font-size:11px}
  #notificationHistory .broadcastHistory{padding:14px;gap:12px}
  .systemNoticeWindow{max-height:100%}.systemNoticeScroll{padding:22px 17px 16px}
  .systemNoticeWindow h2{font-size:22px}.systemNoticeFooter{padding:14px 17px}
  .settingRow select{max-width:50%}.settingRow .ghost{font-size:12px}
  .conversationToolbar{grid-template-columns:minmax(0,1fr)}
  .conversationFilters{max-width:100%;overflow-x:auto}
  #authScreen .authHero{height:144px!important}
}
@media(max-width:359px){
  :root{--ui-gutter:12px}
  .sectionTitle{font-size:26px!important}
  .topbar .topTitle{font-size:12px!important}
  .settingRow{padding:11px 12px!important;gap:8px!important}
  .settingRow b{font-size:13px!important}.settingRow .small{font-size:11px!important}
  .broadcastCard{padding:13px!important}.broadcastCardHead{gap:9px}.broadcastCardHead b{font-size:14px}
  #notificationHistory .broadcastHistory{padding:12px;gap:10px}
  #notificationHistory .notificationRecipient{gap:6px}
  #notificationHistory .notificationRecipient>span{font-size:10px}
  .systemNoticeWindow h2{font-size:20px}
  .systemNoticeFooter{grid-template-columns:minmax(0,1fr);gap:9px}.systemNoticeFooter>span{text-align:center}.systemNoticeFooter .primary{width:100%}
  #chatScreen .composer,#directChatScreen .composer{gap:6px!important;padding-left:max(8px,var(--safe-l))!important;padding-right:max(8px,var(--safe-r))!important}
}
@media(max-width:899px){
  .nav{height:var(--ui-nav-height);min-height:var(--ui-nav-height);padding:6px max(10px,var(--safe-r)) calc(6px + var(--safe-b)) max(10px,var(--safe-l))!important}
  .nav button{min-height:52px!important;min-width:0!important;font-size:10px!important}
}
@media(min-width:900px){
  .shell{padding-left:235px!important;padding-bottom:24px!important}
  .content{padding-top:32px!important;--ui-gutter:28px}
  .nav{display:flex!important;flex-direction:column!important;align-items:stretch;justify-content:flex-start;gap:8px;position:fixed!important;inset:0 auto 0 0!important;transform:none!important;width:235px!important;height:100dvh;border:0!important;border-right:1px solid var(--border)!important;border-radius:0!important;padding:calc(90px + var(--safe-t)) 14px calc(20px + var(--safe-b))!important}
  .nav button{display:flex!important;align-items:center;gap:13px;width:100%;min-height:52px!important;padding:12px 16px!important;text-align:left;font-size:13px!important;border-radius:12px}
  .nav .nicon{margin:0!important;flex:none}
  .nav button.on{background:rgba(34,212,255,.065)!important}
  .nav button.on::before{left:0;top:50%;width:2px;height:24px;transform:translateY(-50%)}
  .broadcastCard{padding:24px!important}
}
@media(orientation:landscape) and (max-height:500px){
  #authScreen{justify-content:flex-start!important}
  #authScreen .authHero{height:116px!important;background-size:56px 56px!important}
  .systemNoticeScroll{padding-top:14px;padding-bottom:12px}
  .systemNoticeMark{display:none}
  .systemNoticeSubtitle{margin-bottom:12px}
  .systemNoticeWindow h2{font-size:20px}
  .systemNoticeFooter{padding-top:10px;padding-bottom:10px}
  .systemNoticeWindow.expanded .systemNoticeScroll{padding-top:62px}
}
@media(hover:none) and (pointer:coarse){
  .input,.conversationSearch input,.settingRow select,textarea{font-size:16px!important}
}

/* Maintain legibility in the existing light theme. */
html[data-theme="light"]{--ui-notice-bg:#f8fcfd;--ui-notice-text:#102b36;--ui-notice-muted:#4b6874}
html[data-theme="light"] .adminKicker,html[data-theme="light"] .adminPanelTitle .badge,html[data-theme="light"] .broadcastCardIcon,html[data-theme="light"] .systemNoticeEyebrow,html[data-theme="light"] .systemNoticeMark{color:#087c9a}
html[data-theme="light"] .broadcastCard,html[data-theme="light"] .broadcastHistory,html[data-theme="light"] .settingsGroup{background:var(--surface-1)!important}
html[data-theme="light"] .input,html[data-theme="light"] .conversationSearch,html[data-theme="light"] .themeBtn{background:#f7fbfd!important;color:var(--text-primary)!important;border-color:var(--border)!important}
html[data-theme="light"] .conversationSearch input{color:var(--text-primary)!important}
html[data-theme="light"] .content>.list,html[data-theme="light"] .personalChatGroup>.list{background:var(--surface-1)}
html[data-theme="light"] .content>.list .rowCard,html[data-theme="light"] .personalChatGroup>.list .rowCard{background:var(--surface-1)!important;color:var(--text-primary)!important}
html[data-theme="light"] .rowPreview,html[data-theme="light"] .contactBody span,html[data-theme="light"] .rowMeta{color:var(--text-secondary)!important}
html[data-theme="light"] .ghost,html[data-theme="light"] .nav button.on,html[data-theme="light"] #notificationHistory .notificationSummary strong{color:#087b99!important}
html[data-theme="light"] .ghost.danger{color:#ba3147!important}
html[data-theme="light"] #notificationHistory .notificationRecipient.confirmed>span:last-child{color:#14784f}
html[data-theme="light"] .systemNoticeWindow{box-shadow:0 24px 80px rgba(0,25,40,.22)}
html[data-theme="light"] .systemNoticeWindow.expanded{box-shadow:none}
html[data-theme="light"] .systemNoticeText{background:#eff7fa}
html[data-theme="light"] .sideDrawer{background:#f5fafc!important}
html[data-theme="light"] .drawerHead{background:#e8f3f7!important}
html[data-theme="light"] .drawerNav button{color:var(--text-secondary)!important}
html[data-theme="light"] .drawerNav button.on{color:#087b99!important}
html[data-theme="light"] #chatScreen .bubble.user,html[data-theme="light"] #directChatScreen .bubble.user{background:#d7eff8!important;color:#102b36!important;border-color:#98cddd!important}
html[data-theme="light"] #chatScreen .bubble,html[data-theme="light"] #directChatScreen .bubble,html[data-theme="light"] #systemChatScreen .bubble{box-shadow:0 4px 14px rgba(18,74,94,.07)!important}
html[data-theme="light"] #chatScreen .bubble .directTime,html[data-theme="light"] #directChatScreen .bubble .directTime,html[data-theme="light"] #systemChatScreen .bubble .directTime{color:#526c79!important;opacity:1!important}
html[data-theme="light"] .delivery{color:#526c79}html[data-theme="light"] .delivery.read{color:#14784f;text-shadow:none}
html[data-theme="light"] #directChatScreen .directAvatar{background:#d7eff8;color:#13617a}
html[data-theme="light"] #directChatScreen .messageReplyQuote{background:#e5f1f7;color:#102b36;border-left-color:#1483a3}
html[data-theme="light"] #directChatScreen .messageReplyQuote span,html[data-theme="light"] #directChatScreen .messageReplyQuote b{color:#365d6e}
html[data-theme="light"] #chatScreen .messageExpand,html[data-theme="light"] #directChatScreen .messageExpand{color:#096c89;border-color:#98cddd;text-shadow:none}
html[data-theme="light"] #directChatScreen .attachmentDownload,html[data-theme="light"] #chatScreen .rootMessageImage .attachmentDownload{background:#e3f2f8;color:#096c89;border-color:#98cddd;box-shadow:none}


/* SYSTEM ERROR header menu control: hamburger + MENU with violet underglow. */
.topbar .menuSystemButton{
  position:relative!important;flex:0 0 auto!important;width:auto!important;min-width:78px!important;height:42px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;
  padding:0 10px!important;border:0!important;border-radius:12px!important;background:transparent!important;
  color:#e8f7ff!important;overflow:visible!important;isolation:isolate;
}
.topbar .menuSystemButton .topAppIconLegacy{display:none!important}
.menuGlyph{position:relative;z-index:1;width:20px;height:15px;display:flex;flex:0 0 20px;flex-direction:column;justify-content:space-between}
.menuGlyph i{display:block;width:20px;height:2px;border-radius:999px;background:#e9f7ff;box-shadow:0 0 5px rgba(189,224,255,.22)}
.menuLabel{position:relative;z-index:1;color:#e9f7ff;font-size:10px;font-weight:850;line-height:1;letter-spacing:.15em}
.topbar .menuSystemButton::after{content:"";position:absolute;z-index:0;left:8px;bottom:3px;width:62px;height:7px;border-radius:50%;background:linear-gradient(90deg,rgba(177,78,255,.78),rgba(114,56,255,.58));filter:blur(6px);opacity:.8;pointer-events:none}
.topbar .menuSystemButton:active{transform:translateY(1px) scale(.97)!important;background:rgba(159,72,255,.06)!important}
.topbar .menuSystemButton[aria-expanded="true"]{background:rgba(159,72,255,.07)!important}
.topbar .menuSystemButton[aria-expanded="true"]::after{opacity:1;filter:blur(7px)}
@media(max-width:390px){.topbar .menuSystemButton{min-width:72px!important;gap:7px!important;padding-left:7px!important;padding-right:7px!important}.menuLabel{font-size:9px}.menuGlyph,.menuGlyph i{width:18px}}

/* VK mini-client inside SYSTEM ERROR. */
.vkHead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:14px;border:1px solid var(--border);border-radius:17px;background:var(--surface-1)}
.vkIdentity{min-width:0;display:flex;align-items:center;gap:11px}
.vkIdentity>img,.vkIdentity>span,.vkAvatar>img,.vkAvatar>span{width:44px;height:44px;display:grid;place-items:center;flex:none;border-radius:50%;object-fit:cover;background:#0b2a37;color:var(--cyan);font-weight:800}
.vkIdentity>div{min-width:0}.vkIdentity b,.vkIdentity span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vkIdentity b{font-size:14px}.vkIdentity span{margin-top:3px;color:var(--text-secondary);font-size:11px}
.vkHeadActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.vkHeadActions button{min-height:40px;padding:8px 12px;font-size:12px}
.vkConnectCard{text-align:center;padding:28px 18px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,rgba(10,38,50,.82),rgba(4,15,21,.92))}
.vkLogo{width:72px;height:72px;display:grid;place-items:center;margin:0 auto 14px;border-radius:22px;background:#087ee8;color:#fff;font-size:24px;font-weight:900;letter-spacing:-.05em}
.vkConnectCard h2{margin:0 0 8px;font-size:21px}.vkConnectCard p{max-width:480px;margin:0 auto 17px;color:var(--text-secondary);font-size:13px;line-height:1.55}
.vkConnectCard .primary{width:min(100%,360px)}.vkConnectCard small{display:block;margin:10px auto 0;max-width:420px;color:var(--text-muted);font-size:10px;line-height:1.5}
.vkTabs{display:flex;gap:6px;margin:0 0 14px;padding:4px;overflow-x:auto;border:1px solid var(--border);border-radius:13px;background:rgba(4,16,22,.72);scrollbar-width:none}
.vkTabs::-webkit-scrollbar{display:none}.vkTabs button{flex:0 0 auto;min-height:36px;padding:0 12px;border-radius:9px;background:transparent;color:var(--text-secondary);font-size:11px}
.vkTabs button.on{background:rgba(34,212,255,.11);color:var(--cyan);box-shadow:inset 0 0 0 1px rgba(34,212,255,.18)}
.vkBody{min-height:260px}.vkLoading,.vkEmpty,.vkError{padding:28px 15px;text-align:center;color:var(--text-secondary);font-size:12px;line-height:1.5}.vkError{color:#ff8490}
.vkStories{display:flex;gap:11px;margin:0 0 14px;padding:4px 1px 9px;overflow-x:auto;scrollbar-width:none}.vkStories::-webkit-scrollbar{display:none}
.vkStory{width:65px;flex:0 0 65px;padding:0;background:transparent;color:var(--text-secondary);text-align:center}.vkStory>span{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 5px;padding:2px;border-radius:50%;background:linear-gradient(135deg,#168cf7,#8c51ff)}
.vkStory>span>img,.vkStory>span>span{width:50px;height:50px;border:2px solid var(--bg-main);border-radius:50%;object-fit:cover;background:#0b2a37}.vkStory b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:600}
.vkPost{margin:0 0 12px;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface-1)}
.vkPost header{display:flex;align-items:center;gap:10px;padding:12px 13px}.vkPost header>img,.vkPost header>span{width:39px;height:39px;border-radius:50%;object-fit:cover;background:#0b2a37;display:grid;place-items:center}
.vkPost header div{min-width:0}.vkPost header b,.vkPost header span{display:block}.vkPost header b{font-size:13px}.vkPost header div span{margin-top:2px;color:var(--text-muted);font-size:9px}
.vkPostText{padding:0 13px 12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.52}.vkPostPhoto{display:block;width:100%;max-height:620px;object-fit:contain;background:#010508}
.vkPost footer{display:flex;gap:7px;padding:10px 12px;border-top:1px solid rgba(70,184,230,.09)}.vkPost footer button{min-height:34px;padding:0 11px;border-radius:10px;background:rgba(34,212,255,.05);color:var(--text-secondary);font-size:11px}.vkPost footer button.on{color:#ff7fa2}
.vkSectionHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 9px}.vkSectionHead>b{font-size:14px}.vkSectionHead>span{color:var(--text-secondary);font-size:11px}.vkSectionHead button{min-height:36px;padding:7px 11px;font-size:11px}
.vkDialogs,.vkUsers,.vkNotices{overflow:hidden;border:1px solid var(--border);border-radius:15px;background:var(--surface-1)}
.vkDialog,.vkUser{width:100%;min-width:0;min-height:68px;display:flex;align-items:center;gap:11px;padding:11px 12px;border-bottom:1px solid rgba(70,184,230,.09);background:transparent;color:var(--text-primary);text-align:left}.vkDialog:last-child,.vkUser:last-child{border-bottom:0}
.vkAvatar{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center}.vkDialogBody,.vkUserBody{min-width:0;flex:1}.vkDialogBody b,.vkDialogBody small,.vkUserBody b,.vkUserBody small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkDialogBody b,.vkUserBody b{font-size:13px}.vkDialogBody small,.vkUserBody small{margin-top:4px;color:var(--text-secondary);font-size:10px}
.vkDialog>i{min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;border-radius:10px;background:var(--cyan);color:#00151c;font-size:9px;font-style:normal}.vkUser>button{min-height:34px;padding:0 10px;border-radius:9px;background:rgba(34,212,255,.09);color:var(--cyan);font-size:10px}.vkUser>button:disabled{background:transparent;color:var(--text-muted)}
.vkChatHead{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:9px 1px}.vkChatHead button{color:var(--cyan);background:transparent;font-size:12px}.vkChatHead b{font-size:14px}
.vkMessages{height:min(52dvh,520px);display:flex;flex-direction:column;gap:8px;overflow:auto;padding:12px;border:1px solid var(--border);border-radius:15px;background:rgba(2,10,14,.6)}
.vkBubble{max-width:82%;padding:9px 11px;border:1px solid var(--border);border-radius:14px;background:var(--surface-1);font-size:13px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.vkBubble.out{align-self:flex-end;background:rgba(10,97,148,.7);border-color:rgba(66,212,255,.3)}.vkBubble.in{align-self:flex-start}.vkBubble small{display:block;margin-top:4px;text-align:right;color:var(--text-muted);font-size:8px}
.vkComposer{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;margin-top:9px}.vkComposer textarea{min-width:0;min-height:44px;max-height:110px;padding:11px 13px;resize:none;border:1px solid var(--border);border-radius:15px;background:var(--surface-2);color:var(--text-primary);font:16px/1.35 inherit}.vkComposer button{width:44px;height:44px;border-radius:50%;background:var(--cyan);color:#00151c;font-size:19px;font-weight:800}
.vkSearch{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:10px}.vkSearch .primary{min-width:82px;padding:0 14px}
.vkNotice{display:flex;gap:10px;align-items:flex-start;padding:12px;border-bottom:1px solid rgba(70,184,230,.09)}.vkNotice:last-child{border-bottom:0}.vkNoticeIcon{color:var(--cyan);font-size:9px;padding-top:4px}.vkNotice b,.vkNotice small{display:block}.vkNotice b{font-size:12px}.vkNotice small{margin-top:3px;color:var(--text-muted);font-size:9px}
.vkComments{max-height:44dvh;overflow:auto;margin:0 0 12px}.vkComment{padding:9px 2px;border-bottom:1px solid var(--border)}.vkComment b,.vkComment span{display:block}.vkComment b{font-size:11px;color:var(--cyan)}.vkComment span{margin-top:3px;font-size:12px;line-height:1.45}
.vkNavBadge{position:absolute;top:3px;left:calc(50% + 8px);min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;border-radius:9px;background:#ff5668;color:#fff;font-size:8px;font-style:normal;box-shadow:0 0 10px rgba(255,86,104,.35)}.vkNavBadge.hidden{display:none!important}
@media(max-width:599px){.vkHead{align-items:flex-start;flex-direction:column}.vkHeadActions{width:100%;display:grid;grid-template-columns:1fr auto}.vkNative{width:100%}.vkPostText{font-size:13px}.vkSearch{grid-template-columns:1fr}.vkSearch .primary{width:100%}.vkUser>button{padding:0 8px}.vkMessages{height:48dvh}}
html[data-theme="light"] .vkConnectCard,html[data-theme="light"] .vkPost,html[data-theme="light"] .vkDialogs,html[data-theme="light"] .vkUsers,html[data-theme="light"] .vkNotices{background:var(--surface-1)}

/* VK API access state */
.vkApiAccessCard .vkAccessList{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 16px}.vkApiAccessCard .vkAccessList span{padding:7px 9px;border:1px solid rgba(255,159,10,.22);border-radius:999px;background:rgba(255,159,10,.07);color:#d9a75f;font-size:10px}

/* VK dual-auth / classic API capability state */
.vkCapabilityPanel{margin:0 0 14px;padding:13px;border:1px solid rgba(60,181,223,.14);border-radius:15px;background:rgba(5,19,26,.64)}
.vkCapabilityPanel.compact{display:flex;align-items:center;justify-content:space-between;gap:10px}.vkCapabilityOk{color:#66e9ad;font-size:11px;font-weight:700}.vkCapabilityOk::first-letter{color:#35de93}
.vkCapabilityGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.vkCapability{min-width:0;display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid rgba(90,160,186,.11);border-radius:11px;background:rgba(1,11,16,.45)}
.vkCapability>i{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#44555e;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.vkCapability.ok>i{background:#35de93;box-shadow:0 0 8px rgba(53,222,147,.48)}.vkCapability.off>i{background:#ff9f43;box-shadow:0 0 7px rgba(255,159,67,.22)}
.vkCapability span{min-width:0}.vkCapability b,.vkCapability small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkCapability b{font-size:11px}.vkCapability small{margin-top:2px;color:var(--text-muted);font-size:8px}.vkCapability.off b{color:#b8c3c8}
.vkCapabilityActions{display:flex;justify-content:flex-end;margin-top:10px}.vkCapabilityActions button{font-size:10px}
.vkClassicSteps{display:grid;gap:8px;margin:14px 0;text-align:left}.vkClassicSteps span{display:flex;align-items:flex-start;gap:9px;color:var(--text-secondary);font-size:11px;line-height:1.45}.vkClassicSteps b{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;border:1px solid rgba(34,212,255,.22);border-radius:50%;background:rgba(34,212,255,.06);color:var(--cyan);font-size:9px}.vkClassicSteps code{font-size:10px;color:#b8eaff}
.vkUnavailable{display:grid;gap:9px;padding:24px 16px;border:1px dashed rgba(255,159,67,.25);border-radius:15px;background:rgba(255,159,67,.035);text-align:center}.vkUnavailable b{font-size:13px}.vkUnavailable span{color:var(--text-secondary);font-size:11px;line-height:1.5}.vkUnavailable button{justify-self:center}
.vkTabs button:disabled{opacity:.34;cursor:not-allowed;filter:saturate(.45)}
html[data-theme="light"] .vkCapabilityPanel,html[data-theme="light"] .vkCapability{background:var(--surface-1)}
@media(max-width:460px){.vkCapabilityGrid{grid-template-columns:1fr}.vkCapabilityPanel.compact{align-items:flex-start;flex-direction:column}.vkCapabilityPanel.compact button{width:100%}}

/* VK ID: current platform limitations */
.vkApiAccessCard .vkAccessList span.off{border-color:rgba(255,99,113,.22);background:rgba(255,99,113,.06);color:#d98b94}

/* VK ID + community messages */
.vkStatusCard,.vkCommunityHead{margin:0 0 14px;padding:14px;border:1px solid var(--border);border-radius:17px;background:var(--surface-1)}
.vkStatusTitle,.vkCommunityHead{display:flex;align-items:center;gap:11px}.vkStatusTitle>i{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(65,255,174,.45)}
.vkStatusTitle>div{min-width:0;flex:1}.vkStatusTitle b,.vkStatusTitle span,.vkStatusCard>b,.vkStatusCard>span{display:block}.vkStatusTitle span,.vkStatusCard>span{margin-top:4px;color:var(--text-secondary);font-size:11px;line-height:1.45}
.vkStatusCard .vkAccessList{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}.vkStatusCard .vkAccessList span{padding:7px 9px;border:1px solid rgba(70,221,175,.2);border-radius:999px;background:rgba(70,221,175,.06);color:#8fdfbf;font-size:10px}
.vkStatusCard .vkAccessList span.off{border-color:rgba(255,99,113,.2);background:rgba(255,99,113,.05);color:#cf8b94}.vkQuickLinks{display:flex;gap:8px;flex-wrap:wrap}.vkQuickLinks button{min-height:36px}
.vkCommunityCard{margin-top:14px}.vkCommunityHead{justify-content:space-between}.vkCommunityHead>.vkIdentity{min-width:0}.vkCommunityHead>button{flex:none}
.vkCommunityHelp{display:grid;gap:8px;margin:12px 0 14px}.vkCommunityHelp span{display:flex;gap:9px;align-items:flex-start;color:var(--text-secondary);font-size:11px;line-height:1.45}.vkCommunityHelp b{width:22px;height:22px;display:grid;place-items:center;flex:none;border-radius:50%;background:rgba(34,212,255,.1);color:var(--cyan);font-size:10px}
@media(max-width:599px){.vkCommunityHead{align-items:flex-start;flex-direction:column}.vkCommunityHead>button{width:100%}.vkQuickLinks{display:grid;grid-template-columns:1fr 1fr}}

/* Permanent Root voice */
.rootVoiceOnly{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:10px 16px;border:1px solid rgba(34,212,255,.55);border-radius:14px;background:rgba(34,212,255,.045);color:#eefaff;font-size:16px;font-weight:650;letter-spacing:.02em;box-shadow:inset 0 0 0 1px rgba(34,212,255,.04),0 0 18px rgba(34,212,255,.055)}
html[data-theme="light"] .rootVoiceOnly{background:rgba(34,150,190,.055);color:var(--text-primary)}

/* Personal home page scaffold */
.homeDashboard{display:grid;gap:16px;padding-bottom:12px}
.homeHero{position:relative;overflow:hidden;padding:24px 21px;border:1px solid rgba(65,211,255,.18);border-radius:22px;background:linear-gradient(145deg,rgba(7,29,39,.94),rgba(3,13,18,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.homeHero::after{content:"";position:absolute;right:-48px;top:-68px;width:180px;height:180px;border-radius:50%;background:rgba(145,72,255,.08);filter:blur(28px);pointer-events:none}
.homeEyebrow{display:block;margin-bottom:10px;color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.17em}.homeHero h1{margin:0 0 8px;font-size:31px}.homeHero p{max-width:560px;margin:0;color:var(--text-secondary);font-size:13px;line-height:1.6}
.homePlaceholder{display:flex;align-items:center;gap:14px;padding:18px;border:1px dashed rgba(93,176,211,.26);border-radius:18px;background:rgba(6,22,29,.55)}
.homePlaceholderIcon{width:42px;height:42px;display:grid;place-items:center;flex:none;border:1px solid rgba(143,74,255,.3);border-radius:13px;color:#b58aff;background:rgba(143,74,255,.07);font-size:22px}.homePlaceholder b,.homePlaceholder span{display:block}.homePlaceholder b{font-size:13px}.homePlaceholder div>span{margin-top:5px;color:var(--text-secondary);font-size:11px;line-height:1.5}
.homeSettingsDraft{margin:14px 0;padding:15px;border:1px solid var(--border);border-radius:15px;background:var(--surface-1)}.homeSettingsDraft b,.homeSettingsDraft span{display:block}.homeSettingsDraft span{margin-top:5px;color:var(--text-secondary);font-size:11px;line-height:1.5}

/* Administration drawer identity + ADMIN PANEL navigation */
#adminNav.adminDrawerEntry{align-items:center!important;min-height:60px!important;border:1px solid rgba(255,52,66,.14)!important;background:linear-gradient(135deg,rgba(22,4,7,.42),rgba(2,7,10,.15))!important}
#adminNav.adminDrawerEntry.on,#adminNav.adminDrawerEntry:active{border-color:rgba(255,52,66,.34)!important;background:linear-gradient(135deg,rgba(42,5,10,.58),rgba(4,10,14,.52))!important}
#adminNav .adminDrawerIcon{color:#f8fbff!important;filter:drop-shadow(0 5px 5px rgba(255,35,52,.32))}
#adminNav .adminDrawerIcon::after{background:rgba(255,42,58,.62)!important;filter:blur(4px)!important}
.adminNavLabel{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;line-height:1}
.adminNavLabel strong{color:#fff;font-size:13px;font-weight:820;letter-spacing:.075em;text-shadow:0 1px 0 rgba(255,255,255,.15),0 2px 5px rgba(255,27,45,.7),0 0 11px rgba(255,27,45,.28)}
.adminNavLabel em{display:inline-flex;align-items:center;min-height:18px;padding:2px 7px;border:1px solid rgba(255,53,67,.72);border-radius:6px;background:#030304;color:#ff5363;font-size:8px;font-style:normal;font-weight:760;letter-spacing:.08em;box-shadow:inset 0 0 8px rgba(255,34,50,.04)}
.drawerAdminMark{display:inline-flex!important;width:max-content;max-width:100%;margin-top:5px;padding:2px 6px;border:1px solid rgba(255,67,79,.28);border-radius:6px;background:rgba(0,0,0,.38);color:rgba(255,101,112,.72)!important;font-size:8px!important;font-weight:680;letter-spacing:.055em;line-height:1.25;box-shadow:none!important}
.drawerAdminMark.hidden{display:none!important}
.adminPanelGlowTitle{color:#fff!important;text-shadow:0 2px 6px rgba(255,33,48,.65),0 0 14px rgba(255,33,48,.22)!important}
.adminRedKicker{color:#ff6675!important;text-shadow:0 0 9px rgba(255,48,65,.2)}
.adminDeptBadge{color:#ff6070!important;border-color:rgba(255,70,83,.58)!important;background:#030304!important;box-shadow:inset 0 0 10px rgba(255,34,50,.035)}
/* ADMIN PANEL · Main editorial hierarchy */
.adminInnerHeading{margin:16px 1px 10px}.adminInnerHeading>span{display:block;color:#ff6978;font-size:9px;font-weight:780;letter-spacing:.12em}.adminInnerHeading h2{margin:5px 0 4px;font-size:24px;line-height:1.2}.adminInnerHeading p{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.5}
.adminHomeLayout{display:grid;grid-template-columns:minmax(180px,235px) minmax(0,1fr);gap:14px;margin-top:14px}
.adminHomeMenu{display:flex;flex-direction:column;gap:5px;padding:8px;border:1px solid var(--border);border-radius:15px;background:rgba(4,15,21,.72)}
.adminHomeMenu button{min-width:0;min-height:41px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-secondary);text-align:left;font-size:11px}
.adminHomeMenu button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adminHomeMenu button i{flex:none;color:var(--text-muted);font-style:normal;font-size:16px}
.adminHomeMenu button.on{border-color:rgba(34,212,255,.26);background:rgba(34,212,255,.07);color:var(--text-primary)}.adminHomeMenu button.on i{color:var(--cyan)}
.adminHomeMenu button.urgent{color:#ff7a87}.adminHomeMenu button.urgent.on{border-color:rgba(255,74,88,.34);background:rgba(255,66,82,.075);color:#ff8e99}.adminHomeMenu button.urgent.on i{color:#ff6577}
.adminHomeWorkspace{min-width:0;padding:17px;border:1px solid var(--border);border-radius:16px;background:var(--surface-1)}
.adminHomeWorkspaceHead{padding-bottom:14px;border-bottom:1px solid rgba(70,184,230,.1)}.adminHomeWorkspaceHead>span{color:var(--text-muted);font-size:8px;font-weight:760;letter-spacing:.13em}.adminHomeWorkspaceHead h2{margin:5px 0 0;font-size:22px}
.adminHomePlaceholder{margin-top:14px;padding:15px;border:1px dashed rgba(88,174,203,.22);border-radius:13px;background:rgba(3,14,19,.44)}.adminHomePlaceholder b,.adminHomePlaceholder span{display:block}.adminHomePlaceholder b{font-size:13px}.adminHomePlaceholder span{margin-top:5px;color:var(--text-secondary);font-size:11px;line-height:1.55}
@media(max-width:700px){.adminHomeLayout{grid-template-columns:1fr}.adminHomeMenu{display:grid;grid-template-columns:1fr 1fr}.adminHomeMenu button{min-height:39px}.adminHomeWorkspace{padding:14px}}
@media(max-width:390px){.adminHomeMenu{grid-template-columns:1fr}}
html[data-theme="light"] #adminNav.adminDrawerEntry{background:#190407!important;border-color:rgba(190,36,52,.28)!important}html[data-theme="light"] .adminNavLabel strong{color:#fff!important}html[data-theme="light"] .adminNavLabel em,html[data-theme="light"] .drawerAdminMark,html[data-theme="light"] .adminDeptBadge{background:#050506!important;color:#ff6978!important}
/* MASTER user-view preview and administration identity */
.profileAdminWord{display:block!important;width:max-content;margin-top:6px!important;color:#ff4d60!important;font-size:10px!important;font-weight:760!important;letter-spacing:.08em!important;text-transform:none;text-shadow:0 0 8px rgba(255,54,73,.22)}
.homeHeroWithAvatar{padding-right:96px!important}.homeUserAvatar{position:absolute;z-index:2;top:18px;right:18px;width:58px;height:58px;padding:0;overflow:visible;border:1px solid rgba(70,184,230,.28);border-radius:50%;background:#06141b;box-shadow:0 8px 24px rgba(0,0,0,.3);touch-action:none}.homeUserAvatar img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.homeUserAvatar.holding{border-color:#ff5264;box-shadow:0 0 0 3px rgba(255,70,88,.12),0 0 24px rgba(255,53,71,.28);animation:masterPreviewHold 6s linear forwards}.homeUserAvatar.previewExitArmed:active{transform:scale(.985)}
@keyframes masterPreviewHold{0%{filter:none}75%{filter:none}100%{filter:drop-shadow(0 0 8px rgba(255,55,73,.5))}}
.masterUserPreview #adminNav,.masterUserPreview #drawerAdminMark,.masterUserPreview .adminOnly{display:none!important}
.adminPreviewSetting{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-top:14px;padding:16px;border:1px solid rgba(255,74,89,.2);border-radius:14px;background:linear-gradient(135deg,rgba(27,6,10,.48),rgba(4,15,21,.58))}.adminPreviewSetting b,.adminPreviewSetting span,.adminPreviewSetting small{display:block}.adminPreviewSetting b{color:#f4f7fa;font-size:14px}.adminPreviewSetting span{margin-top:5px;color:var(--text-secondary);font-size:11px;line-height:1.5}.adminPreviewSetting small{margin-top:8px;color:#ff7785;font-size:10px;line-height:1.45}.adminPreviewSetting .secondary{min-width:190px;color:#ff7180!important;border-color:rgba(255,77,94,.34)!important;background:rgba(255,64,82,.055)!important}
@media(max-width:600px){.homeHeroWithAvatar{padding-right:78px!important}.homeUserAvatar{width:50px;height:50px;top:16px;right:16px}.adminPreviewSetting{grid-template-columns:1fr}.adminPreviewSetting .secondary{width:100%;min-width:0}}

/* Reference violet glow restoration — keep cyan geometry, restore soft purple aura. */
.nav .nicon{position:relative!important;overflow:visible!important;filter:drop-shadow(0 5px 5px rgba(151,76,255,.34))}
.nav .nicon::after{content:"";position:absolute;left:50%;bottom:-4px;width:26px;height:4px;transform:translateX(-50%);border-radius:50%;background:rgba(151,76,255,.48);filter:blur(7px);opacity:.72;pointer-events:none}
.nav button.on .nicon{filter:drop-shadow(0 5px 6px rgba(166,83,255,.52))}.nav button.on .nicon::after{width:30px;background:rgba(166,83,255,.64);filter:blur(9px);opacity:.9}
.nav button.on::before{background:var(--cyan)!important;box-shadow:0 0 7px rgba(34,212,255,.36),0 0 17px rgba(151,76,255,.46)!important}
.drawerNav .drawerIcon svg{filter:drop-shadow(0 5px 5px rgba(151,76,255,.42))!important}
.drawerNav .drawerIcon::after{background:rgba(151,76,255,.52)!important;filter:blur(8px)!important;opacity:.78!important}
.drawerNav button.on .drawerIcon::after,.drawerNav button:active .drawerIcon::after{background:rgba(166,83,255,.68)!important;filter:blur(10px)!important;opacity:.96!important}
.bubble.user{box-shadow:0 0 22px rgba(151,76,255,.20),0 0 44px rgba(151,76,255,.09),0 7px 18px rgba(0,0,0,.20)!important}

/* Neutralize native button face on controls that are intentionally transparent in the reference UI. */
.nav button,.drawerNav button,.back,.conversationFilters button,.seg button{background:transparent!important}
.drawerNav button.on,.drawerNav button:active{background:rgba(34,212,255,.07)!important}
.conversationFilters button.on{background:rgba(34,212,255,.11)!important}
.seg button.on{background:rgba(34,212,255,.10)!important}
@media(min-width:900px){.nav button.on{background:rgba(34,212,255,.065)!important}}

/* Restore the project reset/styles lost during the stylesheet split. */
.ghost{background:transparent!important}
.switch{border-radius:15px!important;padding:2px!important;background:rgba(0,0,0,.28)!important;transition:background .2s,border-color .2s!important}
.switch i{display:block!important;width:26px!important;height:26px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 6px rgba(0,0,0,.38)!important;transition:transform .2s,background .2s!important}
.switch.on{background:rgba(34,212,255,.18)!important;border-color:var(--border-active)!important}
.switch.on i{transform:translateX(20px)!important;background:var(--cyan)!important}

}
/* SYSTEM ERROR · existing feature components.
   Geometry and element order remain in root-layout.css; this layer owns appearance. */
@layer components {
  /* Settings, account and local storage. */
  .settingsGroup {
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface-1);
    box-shadow: none;
  }
  .settingRow {
    min-height: 64px;
    padding: 12px 14px;
    gap: 12px;
    border-bottom: 1px solid var(--border);
    color: var(--text-primary);
  }
  .settingRow:last-child { border-bottom: 0; }
  .settingRow b { font-size: 14px; font-weight: 600; line-height: 1.4; }
  .settingRow .small { color: var(--text-secondary); font-size: 12px; line-height: 1.45; }
  .settingRow .grow { min-width: 0; overflow-wrap: anywhere; }
  .settingRow .ghost { min-height: 44px; font-size: 13px; line-height: 1.35; }
  .settingRow select { min-width: 0; font-size: 16px; }
  .settingRow .switch { flex-shrink: 0; }
  .rootVoiceOnly {
    border: 1px solid var(--border-active);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--cyan) 7%, var(--bg-panel));
    color: var(--text-primary);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .02em;
    box-shadow: none;
  }
  .iconChoice, .themeBtn {
    padding: 8px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg-panel-soft);
    color: var(--text-primary);
    box-shadow: none;
  }
  .iconChoice.selected, .themeBtn.on { border-color: var(--border-active); box-shadow: var(--glow); }
  .iconChoice img { border-radius: var(--radius-sm); }
  .iconChoice span { color: var(--text-secondary); font-size: 11px; line-height: 1.4; }
  .themeBtn { padding: 12px; font-size: 14px; font-weight: 500; }
  .themeSwatch { border: 1px solid var(--border); border-radius: var(--radius-sm); }
  .themeSwatch.dark { background: var(--theme-preview-dark); }
  .themeSwatch.light { background: var(--theme-preview-light); }
  .localStorageRange input { accent-color: var(--cyan); }
  .localStorageRange .small { color: var(--text-secondary); font-size: 12px; line-height: 1.5; }
  .localStorageSliderRow strong { color: var(--cyan); font-size: 16px; font-variant-numeric: tabular-nums; }
  .appMaintenance { border-top: 1px solid var(--border); }
  .clearAppCache {
    min-height: 44px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg-panel);
    color: var(--text-secondary);
    font-size: 12px;
  }
  .appMaintenance > span { color: var(--text-muted); font-size: 11px; line-height: 1.5; }

  /* Profile keeps every existing field, contact and upload control. */
  .profileHero {
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--surface-1);
    box-shadow: none;
  }
  .profileHero h2 { font-size: 22px; font-weight: 700; line-height: 1.2; overflow-wrap: anywhere; }
  .profileHero span { color: var(--text-secondary); font-size: 13px; }
  .profileAvatar {
    width: 76px;
    height: 76px;
    border: 1px solid var(--border-active);
    border-radius: 50%;
    background: linear-gradient(145deg, var(--bg-panel-soft), var(--bg-main));
    color: var(--cyan);
    font-size: 28px;
    font-weight: 700;
    box-shadow: var(--glow);
  }
  .profileAvatar > span { color: var(--cyan); font-size: inherit; }
  .profileAvatar i {
    background: var(--overlay-scrim);
    color: var(--text-primary);
    font-size: 9px;
    font-style: normal;
    font-weight: 500;
  }
  .profileHero .profileAdminWord { color: var(--cyan); font-size: 11px; font-weight: 600; letter-spacing: .04em; text-shadow: none; }
  .profileForm { padding: 16px; }
  .profileForm .field > span { color: var(--text-secondary); font-size: 12px; font-weight: 500; }
  .profileForm small { color: var(--text-secondary); font-size: 12px; line-height: 1.5; }
  .profileForm textarea { font: inherit; }
  .profileContact { min-width: 0; grid-template-columns: minmax(0, .55fr) minmax(0, 1fr) 44px; }
  .profileContact .input { min-width: 0; padding: 12px; }
  .profileContact .iconBtn { width: 44px; height: 44px; color: var(--red); font-size: 22px; }
  .profileLink { background: transparent; color: var(--text-primary); }
  .profileSectionIcon { color: var(--cyan); font-size: 20px; }
  .profileLink > span:last-child { color: var(--text-muted); }
  .avatarCropViewport { border-radius: var(--radius-card); background: var(--bg-main); box-shadow: inset 0 0 0 1px var(--border); }
  .avatarCropFrame { border: 2px solid var(--cyan); border-radius: 50%; box-shadow: 0 0 0 999px var(--overlay-scrim); }
  .avatarCropFrame::before { border-left: 1px solid var(--border-active); border-right: 1px solid var(--border-active); }
  .avatarCropFrame::after { border-top: 1px solid var(--border-active); border-bottom: 1px solid var(--border-active); }
  .avatarZoom { color: var(--text-secondary); font-size: 13px; }
  .avatarZoom input { accent-color: var(--cyan); }
  .avatarFullscreen { background: var(--bg-main); backdrop-filter: none; }
  .avatarFullscreen > img { border-radius: 4px; box-shadow: var(--shadow-soft); }
  .avatarFullscreenClose { border: 1px solid var(--border); border-radius: 50%; background: var(--bg-panel-soft); color: var(--text-primary); font-size: 28px; }
  .avatarFullscreenChange { min-height: 44px; border: 1px solid var(--border-active); border-radius: var(--radius-md); background: var(--cyan); color: var(--on-accent); font-weight: 600; }

  /* Music library and the existing single persistent player. */
  .musicHero, .musicPlaylist, .musicTrack {
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface-1);
    color: var(--text-primary);
    box-shadow: none;
  }
  .musicHero { padding: 16px; border-radius: var(--radius-lg); }
  .musicHero h3 { font-size: 16px; font-weight: 600; line-height: 1.35; }
  .musicHero .sub { color: var(--text-secondary); font-size: 12px; line-height: 1.45; }
  .musicHeroActions :is(.primary, .secondary) { min-height: 44px; font-size: 12px; font-weight: 600; }
  .musicNote, .musicPlaylistIcon, .musicPlayerArtwork {
    border: 1px solid color-mix(in srgb, var(--purple) 34%, var(--border));
    border-radius: var(--radius-md);
    background: linear-gradient(145deg, color-mix(in srgb, var(--purple) 25%, var(--bg-panel)), var(--bg-panel));
    color: var(--purple);
    font-size: 24px;
    box-shadow: none;
  }
  .musicSectionHead h2 { font-size: 18px; font-weight: 600; line-height: 1.3; }
  .musicSectionHead > span { color: var(--text-secondary); font-size: 12px; }
  .musicTrack { gap: 12px; }
  .musicTrack.active { border-color: var(--border-active); background: color-mix(in srgb, var(--cyan) 6%, var(--bg-panel)); box-shadow: var(--glow); }
  .musicInfo b, .musicPlaylistInfo b { color: var(--text-primary); font-size: 14px; font-weight: 600; line-height: 1.4; }
  .musicInfo span, .musicPlaylistInfo span { color: var(--text-secondary); font-size: 12px; line-height: 1.45; }
  .musicPlay {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
    border: 1px solid var(--border);
    border-radius: 50%;
    background: color-mix(in srgb, var(--cyan) 9%, var(--bg-panel));
    color: var(--cyan);
    font-size: 15px;
  }
  .musicTrack.active .musicPlay { border-color: var(--border-active); }
  .musicDelete, .musicPlaylistActions button {
    width: 44px;
    height: 44px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg-panel-soft);
    color: var(--text-secondary);
    font-size: 16px;
  }
  .musicDelete { font-size: 24px; }
  .musicEmpty { padding: 32px 16px; border: 1px dashed var(--border); border-radius: var(--radius-md); color: var(--text-secondary); font-size: 13px; line-height: 1.6; }
  .musicEmpty.compact { padding: 24px 16px; }
  .playlistTrackChoice { min-height: 56px; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--bg-panel); color: var(--text-primary); }
  .playlistTrackChoice:has(input:checked) { border-color: var(--border-active); background: color-mix(in srgb, var(--cyan) 6%, var(--bg-panel)); }
  .playlistTrackChoice input { accent-color: var(--cyan); }
  .playlistTrackChoice b { font-size: 14px; font-weight: 600; }
  .playlistTrackChoice small { color: var(--text-secondary); font-size: 12px; }
  .musicPlayerDock {
    padding: 12px;
    border: 1px solid var(--border-active);
    border-radius: var(--radius-lg);
    background: var(--surface-1);
    color: var(--text-primary);
    box-shadow: var(--shadow-soft);
    backdrop-filter: blur(12px);
  }
  .musicPlayerMeta b { font-size: 14px; font-weight: 600; }
  .musicPlayerMeta span { color: var(--text-secondary); font-size: 11px; }
  .musicPlayerMeta small { color: var(--cyan); font-size: 10px; }
  .musicControl {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border: 1px solid transparent;
    border-radius: 50%;
    background: transparent;
    color: var(--text-secondary);
    font-size: 18px;
  }
  .musicControl.main { width: 48px; height: 48px; border-color: var(--border-active); background: var(--cyan); color: var(--on-accent); box-shadow: var(--glow); }
  .musicControl.stop { color: var(--text-secondary); font-size: 14px; }
  .musicControl.collapse { font-size: 24px; }
  .musicControl.repeat[data-mode="all"], .musicControl.repeat[data-mode="one"] { color: var(--cyan); background: color-mix(in srgb, var(--cyan) 10%, transparent); }
  .musicControl.voice.listening { border-color: var(--purple); color: var(--purple); background: color-mix(in srgb, var(--purple) 12%, var(--bg-panel)); box-shadow: none; }
  .musicTimeline input, .musicVolume input { accent-color: var(--cyan); }
  .musicTimeline > div { color: var(--text-secondary); font-size: 11px; font-variant-numeric: tabular-nums; }
  .musicVolume { color: var(--text-secondary); font-size: 14px; }
  .musicFloat {
    width: 48px;
    height: 48px;
    border: 1px solid color-mix(in srgb, var(--purple) 48%, var(--border));
    border-radius: 50%;
    background: color-mix(in srgb, var(--purple) 16%, var(--bg-panel));
    color: var(--purple);
    box-shadow: var(--shadow-soft);
    animation: none;
  }
  .musicFloat span { font-size: 24px; }
  .musicFloat.dragging { box-shadow: var(--shadow-soft); }

  /* Administration, invites and audit; role/status colours are data-driven. */
  .adminPanelTitle .badge, .adminDeptBadge {
    padding: 6px 8px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg-panel);
    color: var(--cyan);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .06em;
    box-shadow: none;
  }
  .adminKicker, .adminRedKicker { color: var(--cyan); font-size: 10px; font-weight: 600; letter-spacing: .1em; text-shadow: none; }
  .adminPanelGlowTitle { color: var(--text-primary); text-shadow: none; }
  .adminInnerHeading > span { color: var(--cyan); font-size: 10px; font-weight: 600; letter-spacing: .08em; }
  .adminInnerHeading h2 { font-size: 24px; font-weight: 700; }
  .adminInnerHeading p { color: var(--text-secondary); font-size: 13px; line-height: 1.5; }
  .adminTab {
    min-height: 44px;
    padding: 8px 12px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg-panel);
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 500;
  }
  .adminTab.on { border-color: var(--border-active); background: color-mix(in srgb, var(--cyan) 9%, var(--bg-panel)); color: var(--cyan); box-shadow: var(--glow); }
  .adminStat, .adminUser, .adminInvite, .adminHomeMenu, .adminHomeWorkspace, .adminPreviewSetting {
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface-1);
    color: var(--text-primary);
    box-shadow: none;
  }
  .adminStat { color: var(--text-secondary); font-size: 12px; line-height: 1.35; }
  .adminStat strong { color: var(--cyan); font-size: 26px; font-weight: 600; font-variant-numeric: tabular-nums; }
  .adminUser b, .adminInvite b { font-size: 15px; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }
  .adminUser .small, .adminInvite .small { color: var(--text-secondary); font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; }
  .adminUserActions { min-width: 0; }
  .adminUserActions select { min-width: 0; font-size: 16px; }
  .adminUserActions .ghost { min-height: 44px; font-size: 12px; }
  .adminBlock { color: var(--yellow); }
  .dangerBtn, .adminKill, .adminDelete { border-color: color-mix(in srgb, var(--red) 34%, var(--border)); color: var(--red); background: color-mix(in srgb, var(--red) 5%, var(--bg-panel)); }
  .pill { padding: 4px 8px; border: 1px solid var(--border); border-radius: var(--radius-sm); color: var(--text-secondary); font-size: 10px; line-height: 1.35; }
  .pill.active { color: var(--green); border-color: color-mix(in srgb, var(--green) 28%, var(--border)); background: color-mix(in srgb, var(--green) 5%, transparent); }
  .pill.blocked, .pill.killed, .pill.deactivated { color: var(--red); border-color: color-mix(in srgb, var(--red) 28%, var(--border)); }
  .adminUser:has(.adminRole[data-current="AUTHOR"]) .adminUserMeta .pill:first-child,
  .adminUser:has(.adminRole[data-current="COAUTHOR"]) .adminUserMeta .pill:first-child { color: var(--purple); }
  .adminUser:has(.adminRole[data-current="MENTOR"]) .adminUserMeta .pill:first-child { color: var(--blue); }
  .adminUser:not(:has(.adminRole)) .adminUserMeta .pill:first-child { color: var(--cyan); }
  .adminForm label { color: var(--text-secondary); font-size: 12px; }
  .auditRow { border-bottom: 1px solid var(--border); color: var(--text-secondary); font: 12px/1.6 ui-monospace, SFMono-Regular, Menlo, monospace; overflow-wrap: anywhere; }
  .auditRow b { color: var(--text-primary); font-weight: 500; }
  .auditRow:last-child { border-bottom: 0; }
  .adminEmpty { padding: 24px 16px; color: var(--text-secondary); font-size: 13px; }
  .adminHomeMenu { padding: 8px; }
  .adminHomeMenu button { min-height: 44px; border: 1px solid transparent; border-radius: var(--radius-sm); background: transparent; color: var(--text-secondary); font-size: 12px; }
  .adminHomeMenu button i { color: var(--text-muted); font-size: 16px; font-style: normal; }
  .adminHomeMenu button.on { border-color: var(--border-active); background: color-mix(in srgb, var(--cyan) 7%, var(--bg-panel)); color: var(--cyan); }
  .adminHomeMenu button.on i { color: var(--cyan); }
  .adminHomeMenu button.urgent { color: var(--yellow); }
  .adminHomeMenu button.urgent.on { border-color: color-mix(in srgb, var(--yellow) 42%, var(--border)); background: color-mix(in srgb, var(--yellow) 5%, var(--bg-panel)); }
  .adminHomeWorkspaceHead { border-bottom: 1px solid var(--border); }
  .adminHomeWorkspaceHead > span { color: var(--text-muted); font-size: 10px; font-weight: 500; letter-spacing: .08em; }
  .adminHomeWorkspaceHead h2 { font-size: 22px; font-weight: 600; }
  .adminHomePlaceholder { border: 1px dashed var(--border); border-radius: var(--radius-md); background: var(--bg-panel); }
  .adminHomePlaceholder b { font-size: 14px; font-weight: 600; }
  .adminHomePlaceholder span { color: var(--text-secondary); font-size: 12px; line-height: 1.55; }
  .adminPreviewSetting b { color: var(--text-primary); font-size: 14px; font-weight: 600; }
  .adminPreviewSetting span { color: var(--text-secondary); font-size: 12px; line-height: 1.5; }
  .adminPreviewSetting small { color: var(--text-secondary); font-size: 11px; line-height: 1.5; }
  .adminPreviewSetting .secondary { border-color: var(--border); background: var(--bg-panel-soft); color: var(--cyan); }

  /* Broadcast composition and delivery history. */
  .broadcastCard, .broadcastHistory { padding: 16px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface-1); box-shadow: none; }
  .broadcastCardHead { border-bottom: 1px solid var(--border); }
  .broadcastCardIcon { border: 1px solid var(--border); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--cyan) 8%, var(--bg-panel)); color: var(--cyan); font-size: 20px; font-weight: 600; }
  .broadcastCardHead b { font-size: 15px; font-weight: 600; line-height: 1.4; }
  .broadcastCardHead > div > span { color: var(--text-secondary); font-size: 12px; line-height: 1.5; }
  .broadcastCard > label { color: var(--text-primary); font-size: 13px; font-weight: 600; }
  .broadcastText { padding: 12px; font: 16px/1.5 inherit; }
  .broadcastText::placeholder { color: var(--text-muted); opacity: 1; }
  .broadcastActions .ghost { min-height: 44px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-panel-soft); color: var(--text-secondary); font-size: 12px; }
  .broadcastActions .primary { min-height: 44px; font-size: 13px; }
  .broadcastImagePreview { grid-template-columns: 56px minmax(0, 1fr) 44px; padding: 8px; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--bg-panel-soft); }
  .broadcastImagePreview img { border-radius: var(--radius-sm); }
  .broadcastImagePreview span { color: var(--text-secondary); font-size: 12px; }
  .broadcastImagePreview button { width: 44px; height: 44px; border: 1px solid color-mix(in srgb, var(--red) 24%, var(--border)); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--red) 6%, var(--bg-panel)); color: var(--red); font-size: 24px; }
  #broadcastStatus { color: var(--cyan); font-size: 12px; line-height: 1.5; }
  .broadcastHistoryHeading h3 { font-size: 18px; font-weight: 600; }
  .broadcastHistoryHeading > span { color: var(--text-secondary); font-size: 12px; }
  .broadcastHistoryText b { color: var(--text-primary); font-size: 14px; font-weight: 600; line-height: 1.45; }
  .broadcastHistoryText > span { color: var(--text-secondary); font-size: 11px; line-height: 1.45; }
  .notificationSummary { padding: 8px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--cyan) 4%, var(--bg-panel)); }
  .notificationSummary strong { color: var(--cyan); font-size: 20px; line-height: 1.2; font-weight: 600; font-variant-numeric: tabular-nums; }
  .notificationSummary span { color: var(--text-secondary); font-size: 10px; line-height: 1.4; }
  .notificationRecipientList { border-top: 1px solid var(--border); }
  .notificationRecipient { border-bottom: 1px solid var(--border); border-radius: 0; background: transparent; color: var(--text-secondary); font-size: 11px; line-height: 1.5; }
  .notificationRecipient:last-child { border-bottom: 0; }
  .notificationRecipientName { color: var(--text-primary); }
  .notificationRecipient.confirmed > span:last-child { color: var(--green); }
  .notificationRecipient.pending > span:last-child { color: var(--text-secondary); }
  .notificationExpand { min-height: 44px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-panel-soft); color: var(--cyan); font-size: 12px; }

  /* Work tasks, files and the existing interactive canvas. */
  .workTabs button { min-height: 44px; padding: 8px 12px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-panel); color: var(--text-secondary); font-size: 12px; }
  .workTabs button.on { border-color: var(--border-active); background: color-mix(in srgb, var(--cyan) 9%, var(--bg-panel)); color: var(--cyan); box-shadow: var(--glow); }
  .wsStorage, .wsBoardCard, .wsFileRow { border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-1); color: var(--text-primary); box-shadow: none; }
  .wsStorage { padding: 12px 16px; }
  .wsStorageBar { border-radius: 4px; background: var(--bg-panel-soft); }
  .wsStorageBar i { background: var(--cyan); }
  .wsBoardCard { padding: 16px; }
  .wsBoardCard b { font-size: 16px; font-weight: 600; overflow-wrap: anywhere; }
  .wsBoardCard span, .wsFileRow span { color: var(--text-secondary); font-size: 12px; line-height: 1.4; }
  .wsFileRow b { color: var(--text-primary); font-size: 14px; font-weight: 600; }
  .wsDanger { color: var(--red); }
  .wsCloudBadge, .wsLocalBadge { padding: 4px 8px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-panel-soft); color: var(--cyan); font-size: 11px; }
  .wsLocalBadge { color: var(--green); }
  .wsToolbar { border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-1); backdrop-filter: blur(8px); }
  .wsToolbar button, .wsToolGrid button, .wsSideActions button { min-height: 44px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-panel-soft); color: var(--text-secondary); font-size: 12px; }
  .wsToolbar button.on, .wsToolGrid button.on { border-color: var(--border-active); background: color-mix(in srgb, var(--cyan) 10%, var(--bg-panel)); color: var(--cyan); }
  .wsToolbar #wsCutApply, .wsToolbar #wsBg, .wsSideActions #wsImage, .wsSideActions #wsCutApply { color: var(--cyan); border-color: var(--border); background: var(--bg-panel-soft); }
  .wsCanvasWrap, .wsWorkspaceShell { border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--bg-main); box-shadow: none; }
  .wsCanvas { background: var(--bg-main); background-image: none; }
  .wsCanvas.bg-dots::before { background-image: radial-gradient(circle, color-mix(in srgb, var(--cyan) 35%, var(--bg-panel)) 0 1px, transparent 1.5px); filter: none; }
  .wsItem { border: 1px solid transparent; border-radius: var(--radius-sm); }
  .wsItem.selected, .wsImageItem.selected, .wsCutout.selected, .wsAudioItem.selected { border-color: var(--border-active); box-shadow: 0 0 0 1px var(--border-active), var(--glow); }
  .wsImageItem { background: transparent; box-shadow: var(--shadow-soft); }
  .wsImageItem.pinned { border-color: var(--border); }
  .wsItem img, .wsImageItem img { border-radius: var(--radius-sm); background: transparent; }
  .wsText, .wsNote { background: transparent; color: var(--text-primary); border-radius: var(--radius-sm); box-shadow: none; text-shadow: none; }
  .wsText { font-size: 16px; line-height: 1.5; }
  .wsNote { font-size: 14px; line-height: 1.5; }
  .wsCutSelection { fill: color-mix(in srgb, var(--cyan) 8%, transparent); stroke: var(--cyan); filter: none; }
  .wsCutout { border: 1px dashed var(--border-active); background: transparent; }
  .wsMediaEmpty { border: 1px dashed var(--border); border-radius: var(--radius-md); color: var(--text-secondary); font-size: 12px; }
  .wsMediaThumb { border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--bg-panel); box-shadow: none; }
  .wsMediaThumb.selected { border-color: var(--border-active); box-shadow: var(--glow); }
  .wsMediaThumb span { border-radius: 4px; background: var(--overlay-scrim); color: var(--text-primary); font-size: 10px; }
  .wsTrayPin, .wsPinButton { border: 1px solid var(--border); border-radius: 50%; background: var(--surface-1); color: var(--text-secondary); box-shadow: none; backdrop-filter: none; }
  .wsTrayPin.pinned, .wsPinButton.pinned { border-color: var(--border-active); background: color-mix(in srgb, var(--cyan) 15%, var(--bg-panel)); color: var(--cyan); box-shadow: none; }
  .wsTopChrome { background: linear-gradient(180deg, var(--bg-panel), transparent); backdrop-filter: none; }
  .wsTopBoardName b { color: var(--text-primary); font-size: 13px; font-weight: 600; opacity: 1; }
  .wsTopBoardName span { color: var(--text-secondary); font-size: 9px; letter-spacing: .06em; opacity: 1; }
  .wsChromeBtn, .wsZoomLabel { border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface-1); color: var(--text-secondary); opacity: 1; backdrop-filter: none; }
  .wsChromeBtn { font-size: 18px; }
  .wsChromeBtn.wsBack { font-size: 26px; }
  .wsChromeBtn:hover, .wsChromeBtn:active, .wsChromeBtn.on, .wsZoomLabel:active { border-color: var(--border-active); background: var(--bg-panel-soft); color: var(--cyan); opacity: 1; }
  .wsZoomLabel { font-size: 11px; font-variant-numeric: tabular-nums; }
  .wsSidePanel, .wsWorkspaceShell .wsMediaTray { border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-1); box-shadow: var(--shadow-soft); backdrop-filter: blur(8px); }
  .wsSideHead { color: var(--text-primary); font-size: 13px; font-weight: 600; }
  .wsSideHead button { border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-panel-soft); color: var(--text-secondary); font-size: 20px; }
  .wsSideActions { border-top: 1px solid var(--border); }
  .wsWorkspaceShell .wsCanvasWrap { background: var(--bg-main); border-radius: var(--radius-md); }
  .wsWorkspaceShell.is-fullscreen { border: 0; border-radius: 0; box-shadow: none; }
  .wsWorkspaceShell.is-fullscreen .wsCanvasWrap { border: 0; border-radius: 0; }
  .wsWorkspaceShell.is-fullscreen .wsTopChrome { background: linear-gradient(180deg, var(--bg-main), transparent); }
  .wsResizeHandle { border: 2px solid var(--bg-main); border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 1px var(--border-active); }
  .wsRotateHandle { border: 1px solid var(--border-active); border-radius: 50%; background: var(--surface-1); color: var(--cyan); box-shadow: var(--shadow-soft); font-size: 17px; }
  .wsRotateHandle:active { background: var(--cyan); color: var(--on-accent); }
  .wsRotateHandle::after { background: var(--border-active); }
  .wsTransformBar { border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface-1); box-shadow: var(--shadow-soft); backdrop-filter: none; }
  .wsTransformBar button { border-radius: 4px; background: var(--bg-panel-soft); color: var(--cyan); font-size: 15px; }
  .wsTransformBar button:active { background: var(--cyan); color: var(--on-accent); }
  .wsAngleLabel { color: var(--text-secondary); font: 11px ui-monospace, SFMono-Regular, Menlo, monospace; }
  .wsFileItem, .wsAudioItem { border-radius: var(--radius-md); background: transparent; }
  .wsFileVisual, .wsAudioWidget { border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-1); color: var(--text-primary); box-shadow: var(--shadow-soft); }
  .wsFileVisual strong { border: 1px solid var(--border); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--cyan) 7%, var(--bg-panel)); color: var(--cyan); font: 600 11px ui-monospace, SFMono-Regular, Menlo, monospace; }
  .wsFileVisual span { color: var(--text-secondary); font-size: 12px; }
  .wsMediaFileIcon { background: var(--bg-panel); color: var(--cyan); font: 600 13px ui-monospace, SFMono-Regular, Menlo, monospace; }
  .wsAudioControl { border: 1px solid var(--border); border-radius: 50%; background: var(--bg-panel-soft); color: var(--text-secondary); font: 600 10px ui-monospace, SFMono-Regular, Menlo, monospace; }
  .wsAudioPlay, .wsAudioMiniPlay { border: 1px solid var(--border-active); border-radius: 50%; background: var(--cyan); color: var(--on-accent); box-shadow: var(--glow); font-size: 18px; }
  .wsAudioStop { font-size: 12px; }
  .wsAudioControl:active { background: var(--cyan); color: var(--on-accent); }
  .wsAudioMeta b { font-size: 12px; font-weight: 600; }
  .wsAudioMeta span { color: var(--text-secondary); font: 11px ui-monospace, SFMono-Regular, Menlo, monospace; }
  .wsAudioMeta small { color: var(--text-muted); font-size: 10px; }
  .wsAudioThumb { background: var(--bg-panel); }

  /* VK uses the same surfaces as the app, including account and community states. */
  .vkHead, .vkConnectCard, .vkStatusCard, .vkCommunityHead, .vkCapabilityPanel,
  .vkCapability, .vkPost, .vkDialogs, .vkUsers, .vkNotices {
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface-1);
    color: var(--text-primary);
    box-shadow: none;
  }
  .vkConnectCard { border-radius: var(--radius-lg); }
  .vkIdentity > img, .vkIdentity > span, .vkAvatar > img, .vkAvatar > span,
  .vkPost header > img, .vkPost header > span { border: 1px solid var(--border); border-radius: 50%; background: var(--bg-panel-soft); color: var(--cyan); font-weight: 600; }
  .vkIdentity b, .vkSectionHead > b { font-size: 14px; font-weight: 600; }
  .vkIdentity span, .vkSectionHead > span { color: var(--text-secondary); font-size: 12px; }
  .vkHeadActions button, .vkQuickLinks button, .vkSectionHead button { min-height: 44px; font-size: 12px; }
  .vkLogo { border: 1px solid var(--border-active); border-radius: var(--radius-lg); background: color-mix(in srgb, var(--blue) 18%, var(--bg-panel)); color: var(--cyan); font-size: 24px; font-weight: 700; }
  .vkConnectCard h2 { font-size: 22px; font-weight: 700; }
  .vkConnectCard p { color: var(--text-secondary); font-size: 13px; line-height: 1.6; }
  .vkConnectCard small { color: var(--text-muted); font-size: 11px; line-height: 1.5; }
  .vkTabs { border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--bg-panel); }
  .vkTabs button { min-height: 44px; border: 1px solid transparent; border-radius: var(--radius-sm); background: transparent; color: var(--text-secondary); font-size: 12px; }
  .vkTabs button.on { border-color: var(--border-active); background: color-mix(in srgb, var(--cyan) 8%, var(--bg-panel)); color: var(--cyan); box-shadow: none; }
  .vkLoading, .vkEmpty, .vkError { color: var(--text-secondary); font-size: 13px; line-height: 1.5; }
  .vkError { color: var(--red); }
  .vkStory { background: transparent; color: var(--text-secondary); }
  .vkStory > span { border: 1px solid var(--border-active); border-radius: 50%; background: var(--bg-panel-soft); }
  .vkStory > span > img, .vkStory > span > span { border: 2px solid var(--bg-main); border-radius: 50%; background: var(--bg-panel); }
  .vkStory b { font-size: 11px; font-weight: 500; }
  .vkPost header b { font-size: 14px; font-weight: 600; }
  .vkPost header div span { color: var(--text-muted); font-size: 11px; }
  .vkPostText { font-size: 14px; line-height: 1.55; }
  .vkPostPhoto { background: var(--bg-main); }
  .vkPost footer { border-top: 1px solid var(--border); }
  .vkPost footer button { min-height: 44px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-panel-soft); color: var(--text-secondary); font-size: 12px; }
  .vkPost footer button.on { color: var(--red); }
  .vkDialog, .vkUser { border-bottom: 1px solid var(--border); background: transparent; color: var(--text-primary); }
  .vkDialog:last-child, .vkUser:last-child { border-bottom: 0; }
  .vkDialogBody b, .vkUserBody b { font-size: 14px; font-weight: 600; }
  .vkDialogBody small, .vkUserBody small { color: var(--text-secondary); font-size: 12px; }
  .vkDialog > i { border-radius: var(--radius-sm); background: var(--cyan); color: var(--on-accent); font-size: 10px; font-style: normal; }
  .vkUser > button { min-height: 44px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-panel-soft); color: var(--cyan); font-size: 12px; }
  .vkUser > button:disabled { background: transparent; color: var(--text-muted); }
  .vkChatHead button { min-height: 44px; background: transparent; color: var(--cyan); font-size: 13px; }
  .vkChatHead b { font-size: 14px; font-weight: 600; }
  .vkMessages { border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--bg-main); }
  .vkBubble { border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface-1); color: var(--text-primary); font-size: 14px; line-height: 1.5; }
  .vkBubble.out { border-color: var(--border-active); background: color-mix(in srgb, var(--blue) 20%, var(--bg-panel)); }
  .vkBubble small { color: var(--text-secondary); font-size: 10px; }
  .vkComposer textarea { border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--bg-panel); color: var(--text-primary); font-family: inherit; font-size: 16px; line-height: 1.4; }
  .vkComposer button { border: 1px solid var(--border-active); border-radius: 50%; background: var(--cyan); color: var(--on-accent); font-size: 19px; font-weight: 600; }
  .vkNotice, .vkComment { border-bottom: 1px solid var(--border); }
  .vkNoticeIcon { color: var(--cyan); font-size: 10px; }
  .vkNotice b { font-size: 13px; font-weight: 600; }
  .vkNotice small { color: var(--text-secondary); font-size: 11px; }
  .vkComment b { color: var(--cyan); font-size: 12px; font-weight: 600; }
  .vkComment span { font-size: 13px; line-height: 1.5; }
  .vkNavBadge { border-radius: var(--radius-sm); background: var(--cyan); color: var(--on-accent); font-size: 9px; box-shadow: none; }
  .vkAccessList span { border: 1px solid var(--border); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--green) 6%, var(--bg-panel)); color: var(--green); font-size: 11px; }
  .vkApiAccessCard .vkAccessList span { border-color: color-mix(in srgb, var(--yellow) 25%, var(--border)); background: color-mix(in srgb, var(--yellow) 6%, var(--bg-panel)); color: var(--yellow); }
  .vkAccessList span.off, .vkApiAccessCard .vkAccessList span.off { border-color: color-mix(in srgb, var(--red) 25%, var(--border)); background: color-mix(in srgb, var(--red) 5%, var(--bg-panel)); color: var(--red); }
  .vkCapabilityOk { color: var(--green); font-size: 12px; font-weight: 600; }
  .vkCapabilityOk::first-letter { color: var(--green); }
  .vkCapability > i { border-radius: 50%; background: var(--text-muted); box-shadow: none; }
  .vkCapability.ok > i { background: var(--green); box-shadow: none; }
  .vkCapability.off > i { background: var(--yellow); box-shadow: none; }
  .vkCapability b { color: var(--text-primary); font-size: 12px; font-weight: 600; }
  .vkCapability small { color: var(--text-secondary); font-size: 10px; }
  .vkCapability.off b { color: var(--text-secondary); }
  .vkCapabilityActions button { min-height: 44px; font-size: 12px; }
  .vkClassicSteps span, .vkCommunityHelp span { color: var(--text-secondary); font-size: 12px; line-height: 1.5; }
  .vkClassicSteps b, .vkCommunityHelp b { border: 1px solid var(--border); border-radius: 50%; background: color-mix(in srgb, var(--cyan) 7%, var(--bg-panel)); color: var(--cyan); font-size: 11px; }
  .vkClassicSteps code { color: var(--cyan); font-size: 11px; }
  .vkUnavailable { border: 1px dashed color-mix(in srgb, var(--yellow) 25%, var(--border)); border-radius: var(--radius-md); background: color-mix(in srgb, var(--yellow) 4%, var(--bg-panel)); }
  .vkUnavailable b { font-size: 14px; font-weight: 600; }
  .vkUnavailable span { color: var(--text-secondary); font-size: 12px; line-height: 1.5; }
  .vkStatusTitle > i { border-radius: 50%; background: var(--green); box-shadow: none; }
  .vkStatusTitle b, .vkStatusCard > b { font-size: 14px; font-weight: 600; }
  .vkStatusTitle span, .vkStatusCard > span { color: var(--text-secondary); font-size: 12px; line-height: 1.5; }

  /* Small screens retain existing groups; controls remain reachable. */
  @media (max-width: 620px) {
    .musicHeroActions :is(.primary, .secondary) { padding: 10px 8px; }
    .musicPlayerDock { padding: 8px 10px; }
    .musicPlayerTop { gap: 4px; }
    .musicPlayerArtwork { width: 36px; height: 36px; font-size: 20px; }
    .musicControls { grid-template-columns: 44px 44px 48px 44px minmax(44px, 1fr); gap: 2px; }
  }
  @media (max-width: 560px) {
    .profileContact { grid-template-columns: minmax(0, 1fr) 44px; }
  }
  @media (max-width: 390px) {
    .settingRow { padding: 12px; gap: 8px; }
    .settingRow b { font-size: 13px; }
    .settingRow .small { font-size: 11px; }
    .settingRow .ghost { font-size: 12px; }
    .broadcastCard, .broadcastHistory { padding: 12px; }
    .adminStat, .adminUser, .adminInvite { padding: 12px; }
    .musicPlayerMeta b { font-size: 12px; }
    .musicPlayerMeta span, .musicPlayerMeta small { font-size: 10px; }
  }
  @media (hover: hover) {
    .iconChoice:hover, .themeBtn:hover, .musicTrack:hover, .musicPlaylistActions button:hover,
    .wsBoardCard:hover, .workTabs button:hover, .adminTab:hover { border-color: var(--border-active); }
    .profileLink:hover, .musicControl:hover, .vkDialog:hover { background: var(--bg-panel-soft); }
    .musicDelete:hover, .musicPlaylistActions [data-playlist-delete]:hover { color: var(--red); }
  }
}
/* ROOT SE rounded geometry hotfix 2026-09-13 */
.card,.settingsGroup,.rowCard,.heroAction,.broadcastCard,.broadcastHistory,.choice,.input,.secondary,.primary,.iconBtn,.sheet,.modal,.toast{border-radius:18px!important}
.rowCard,.settingRow,.notificationSummary,.workTabs button,.vkTabs,.wsStorage,.wsBoardCard,.wsFileRow{border-radius:16px!important}
.key{border-radius:24px!important;border:1px solid rgba(52,200,255,.24)!important;background:linear-gradient(145deg,rgba(10,35,46,.96),rgba(5,18,25,.96))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 28px rgba(0,0,0,.28)!important}
.key:active{transform:scale(.96)!important;background:rgba(21,69,88,.96)!important}
.dot{border-radius:50%!important}
.bioBtn{border-radius:16px!important}
.chatHead,.composer{border-radius:0!important}
.bubble{border-radius:22px!important}
.bubble.me{border-bottom-right-radius:8px!important}
.bubble.assistant,.bubble.other{border-bottom-left-radius:8px!important}
.directAvatar,.round,.chatDeleteButton{border-radius:50%!important}
.seg,.seg button{border-radius:14px!important}
.drawerCard,.profileCard,.adminCard,.musicHero,.vkConnectCard{border-radius:20px!important}

/* VK music import */
.musicVKButton{gap:7px}.musicVKButton>span,.musicVKLogo{display:grid;place-items:center;background:#2787f5;color:#fff;font-weight:800}.musicVKButton>span{width:26px;height:26px;border-radius:8px;font-size:11px}.musicVKLogo{width:58px;height:58px;border-radius:18px;margin:0 auto 12px;font-size:18px}.musicVKLogo.small{width:44px;height:44px;margin:0;border-radius:14px}.musicVKAccount{display:flex;align-items:center;gap:11px;margin-bottom:14px}.musicVKAccount>img{width:44px;height:44px;border-radius:50%;object-fit:cover}.musicVKAccount>div:last-child{display:flex;flex-direction:column;gap:3px}.musicVKAccount span,.musicVKSummary span,.musicVKUnavailable span,.musicVKUnavailable small{color:var(--muted2);font-size:12px}.musicVKBody{display:grid;gap:10px}.musicVKList{max-height:min(52vh,520px);overflow:auto;display:grid;gap:7px}.musicVKTrack{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid var(--stroke);border-radius:14px;background:var(--panel)}.musicVKTrack input{width:19px;height:19px;accent-color:#2787f5}.musicVKTrack b,.musicVKTrack small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.musicVKTrack small{margin-top:3px;color:var(--muted2)}.musicVKTrack i{font-style:normal;color:var(--cyan);font-size:10px}.musicVKImportActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.musicVKProgress,.musicVKLoading,.musicVKUnavailable{padding:12px;border-radius:14px;background:#ffffff08;color:var(--muted)}.musicVKUnavailable{display:grid;gap:6px}.musicVKSelectBar{font-size:12px;color:var(--muted2)}