/* Milo v0.4.21b — dark theme + compact account menu */
:root[data-theme="dark"]{color-scheme:dark;--bg:#171717;--panel:#202020;--panel2:#2a2a2a;--text:#f2f2f2;--muted:#9d9d9d;--soft:#2c2748;--border:#343434;--danger:#ff6b6b}
:root[data-theme="dark"] body{background:#171717;color:var(--text)}
:root[data-theme="dark"] .authScreen{background:radial-gradient(circle at 30% 20%,rgba(109,93,251,.14),transparent 32%),#181818}
:root[data-theme="dark"] .authCard,:root[data-theme="dark"] .modal,:root[data-theme="dark"] .sidebar,:root[data-theme="dark"] .header,:root[data-theme="dark"] .composer,:root[data-theme="dark"] .composerWrap,:root[data-theme="dark"] .details,:root[data-theme="dark"] .emojiPanel,:root[data-theme="dark"] .messageMenu,:root[data-theme="dark"] .reactionPicker,:root[data-theme="dark"] .chatContextMenu,:root[data-theme="dark"] .contactsModal,:root[data-theme="dark"] .profileModal{background:#202020!important;color:var(--text)}
:root[data-theme="dark"] .conversation,:root[data-theme="dark"] .messages{background:radial-gradient(circle at 15% 20%,rgba(109,93,251,.08),transparent 28%),radial-gradient(circle at 85% 70%,rgba(240,174,134,.04),transparent 26%),#191919!important}
:root[data-theme="dark"] .search,:root[data-theme="dark"] .tabs,:root[data-theme="dark"] .attachBtn,:root[data-theme="dark"] .emojiBtn,:root[data-theme="dark"] .userRow,:root[data-theme="dark"] .field input,:root[data-theme="dark"] .composer textarea,:root[data-theme="dark"] .groupNameInput{background:#2a2a2a!important;color:var(--text)!important;border-color:#3a3a3a!important}
:root[data-theme="dark"] .tabs button.active{background:#383838;color:#fff;box-shadow:none}:root[data-theme="dark"] .chatRow:hover{background:#252525}:root[data-theme="dark"] .chatRow.active{background:#2c2748}:root[data-theme="dark"] .chatRow.unread .preview{color:#d7d7d7}:root[data-theme="dark"] .iconBtn{color:#b7b7b7}:root[data-theme="dark"] .iconBtn:hover{background:#2b2b2b}:root[data-theme="dark"] .me{border-top-color:#343434}:root[data-theme="dark"] .bubble{background:#282828;color:#f1f1f1;box-shadow:none}:root[data-theme="dark"] .mine .bubble{background:var(--accent);color:#fff}:root[data-theme="dark"] .day{background:#2d2d2d;color:#aaa}:root[data-theme="dark"] .msgActions button,:root[data-theme="dark"] .msgMoreBtn{background:#303030;color:#ddd;border-color:#3d3d3d}:root[data-theme="dark"] .replyBox{background:rgba(109,93,251,.16)}:root[data-theme="dark"] .reaction{background:#36304f;color:#eee}:root[data-theme="dark"] .fileCard{background:rgba(255,255,255,.07)}:root[data-theme="dark"] .draftAttachment{background:#262626;border-color:#383838}:root[data-theme="dark"] .replyDraft{background:#302b49;color:#eee}:root[data-theme="dark"] input::placeholder,:root[data-theme="dark"] textarea::placeholder{color:#777}:root[data-theme="dark"] .messageMenu button,:root[data-theme="dark"] .chatContextMenu button{color:#eee}:root[data-theme="dark"] .messageMenu button:hover,:root[data-theme="dark"] .reactionPicker button:hover,:root[data-theme="dark"] .chatContextMenu button:hover{background:#303030}:root[data-theme="dark"] .historyFloatingDate,:root[data-theme="dark"] .historyJumpDown{background:#2b2b2b!important;color:#eee!important;border-color:#3a3a3a!important}:root[data-theme="dark"] a.fileCard[data-milo-rich]{background:rgba(255,255,255,.07)}:root[data-theme="dark"] .richFileBadge{background:rgba(255,255,255,.09)}:root[data-theme="dark"] .authCard{box-shadow:0 18px 60px rgba(0,0,0,.35)}:root[data-theme="dark"] .modalWrap{background:rgba(0,0,0,.55)}
.accountMenuSource{display:none!important}.accountMenuBtn{font-size:17px;font-weight:800;letter-spacing:1px;flex:0 0 38px}.accountMenu{position:fixed;z-index:1250;width:280px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:18px;padding:6px;box-shadow:0 18px 55px rgba(0,0,0,.2)}.accountMenu>button{width:100%;border:0;background:transparent;color:inherit;border-radius:13px;padding:10px;display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;text-align:left;cursor:pointer;align-items:center}.accountMenu>button:hover{background:var(--panel2)}.accountMenu>button>span{font-size:18px;text-align:center}.accountMenu>button>div{display:flex;flex-direction:column;gap:2px;min-width:0}.accountMenu strong{font-size:13px}.accountMenu small{font-size:10px;color:var(--muted)}.accountMenuDanger strong{color:var(--danger)}
.accountMenuToggle{grid-template-columns:32px minmax(0,1fr) 42px!important}.accountSwitch{width:40px;height:24px;border-radius:999px;background:#5a5a5a;position:relative;padding:0!important;transition:.18s}.accountSwitch i{position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.18s;box-shadow:0 1px 3px rgba(0,0,0,.25)}.accountMenuToggle.isOn .accountSwitch{background:var(--accent)}.accountMenuToggle.isOn .accountSwitch i{transform:translateX(16px)}.accountMenuToggle.isOn .soundMenuState{color:var(--accent)}
.appearanceSettingsWrap{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.32);display:grid;place-items:center;padding:20px}.appearanceSettingsCard{width:min(460px,calc(100vw - 32px));background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:24px;padding:20px;box-shadow:0 24px 80px rgba(0,0,0,.22)}.appearanceSettingsHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.appearanceSettingsHead>div{display:flex;flex-direction:column;gap:4px}.appearanceSettingsHead strong{font-size:18px}.appearanceSettingsHead span{font-size:12px;color:var(--muted)}.appearanceClose{border:0;background:transparent;color:var(--muted);font-size:24px;width:34px;height:34px;border-radius:10px;cursor:pointer}.appearanceClose:hover{background:var(--panel2)}.appearanceChoices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.appearanceChoices>button{min-width:0;border:1px solid var(--border);background:var(--panel2);color:var(--text);border-radius:16px;padding:10px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:4px}.appearanceChoices>button.active{border-color:var(--accent);box-shadow:0 0 0 2px rgba(109,93,251,.15)}.appearanceChoices strong{font-size:13px}.appearanceChoices small{font-size:10px;color:var(--muted);line-height:1.25}.appearancePreview{height:58px;width:100%;display:block;border-radius:11px;border:1px solid rgba(127,127,127,.18);margin-bottom:4px;position:relative;overflow:hidden}.appearancePreview::before{content:"";position:absolute;left:8px;right:8px;top:9px;height:8px;border-radius:4px;background:rgba(109,93,251,.55);box-shadow:0 14px 0 rgba(127,127,127,.25),0 28px 0 rgba(127,127,127,.16)}.lightPreview{background:#f7f6f2}.darkPreview{background:#191919}.systemPreview{background:linear-gradient(90deg,#f7f6f2 0 50%,#191919 50% 100%)}
:root[data-theme="dark"] .accountMenu{background:#242424;border-color:#393939}
@media(max-width:900px){.accountMenu{width:270px}}
@media(max-width:760px){.me{gap:8px}.accountMenuBtn{margin-left:auto}.accountMenu{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(10px + env(safe-area-inset-bottom));top:auto!important;width:auto;border-radius:20px;padding:7px}.accountMenu>button{padding:12px 10px;grid-template-columns:36px minmax(0,1fr)}.accountMenuToggle{grid-template-columns:36px minmax(0,1fr) 44px!important}.accountMenu>button>span{font-size:20px}.accountMenu strong{font-size:14px}.accountMenu small{font-size:11px}.appearanceSettingsWrap{align-items:end;padding:0}.appearanceSettingsCard{width:100%;border-radius:24px 24px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));max-height:80vh}.appearanceChoices{grid-template-columns:1fr}.appearanceChoices>button{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center}.appearancePreview{grid-row:1/3;width:72px;height:48px;margin:0}.appearanceChoices strong{align-self:end}.appearanceChoices small{align-self:start}}