:root,
:root[data-theme="light"]{
  --bg:#f5f5f7;
  --panel:#ffffff;
  --line:#e5e5ea;
  --text:#111111;
  --muted:#6e6e73;
  --blue:#007aff;
  --danger:#ff3b30;
  --shadow:0 10px 30px rgba(0,0,0,.08);
  --radius:16px;
  --sidebar:#fbfbfd;
  --hover:#f2f2f7;
  --sel:rgba(0,122,255,.12);
  --topbar-bg:rgba(255,255,255,.85);
  --chip-bg:var(--panel);
  --input-bg:var(--panel);
  --btn-bg:var(--panel);
  --highlight-bg:#fff36d;
  --highlight-ring:rgba(255,225,0,.42);
  --highlight-text:#111111;
  --viewer-bg:#fafafa;
  font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "PingFang SC", "Noto Sans CJK TC", "Noto Sans CJK SC", Arial, sans-serif;
}
:root[data-theme="dark"]{
  --bg:#111114;
  --panel:#1c1c1e;
  --line:#2c2c2e;
  --text:#f2f2f7;
  --muted:#a1a1a6;
  --sidebar:#1c1c1e;
  --hover:#2c2c2e;
  --sel:rgba(10,132,255,.25);
  --shadow:0 10px 30px rgba(0,0,0,.45);
  --topbar-bg:rgba(28,28,30,.85);
  --chip-bg:var(--panel);
  --input-bg:var(--panel);
  --btn-bg:var(--panel);
  --highlight-bg:#ffe75c;
  --highlight-ring:rgba(255,239,120,.28);
  --highlight-text:#111111;
  --viewer-bg:#1a1a1c;
}
:root[data-theme="sakura"]{--bg:#fff6fb;--panel:#ffffff;--line:#f0d6e5;--text:#3c2430;--muted:#8d6174;--blue:#e25592;--danger:#ff5c7a;--shadow:0 10px 30px rgba(198,116,150,.18);--sidebar:#fff1f8;--hover:#ffe7f2;--sel:rgba(226,85,146,.14);--topbar-bg:rgba(255,246,251,.88);--viewer-bg:#fff9fc}
:root[data-theme="ocean"]{--bg:#f3f9ff;--panel:#ffffff;--line:#d6e7f7;--text:#12324a;--muted:#5f7d95;--blue:#0086d1;--danger:#e25d5d;--shadow:0 10px 30px rgba(29,94,141,.14);--sidebar:#eef7ff;--hover:#e3f2ff;--sel:rgba(0,134,209,.14);--topbar-bg:rgba(243,249,255,.88);--viewer-bg:#f8fbff}
:root[data-theme="forest"]{--bg:#f5faf4;--panel:#ffffff;--line:#d7e8d4;--text:#1f3824;--muted:#627965;--blue:#2f8f5b;--danger:#cb4d4d;--shadow:0 10px 30px rgba(55,94,64,.12);--sidebar:#eff7ee;--hover:#e4f2e2;--sel:rgba(47,143,91,.16);--topbar-bg:rgba(245,250,244,.88);--viewer-bg:#f9fcf8}
:root[data-theme="latte"]{--bg:#fffaf3;--panel:#fffdf8;--line:#eadfce;--text:#4a3220;--muted:#8b6f59;--blue:#b7791f;--danger:#d35d47;--shadow:0 10px 30px rgba(123,88,44,.14);--sidebar:#fbf4ea;--hover:#f6ede0;--sel:rgba(183,121,31,.16);--topbar-bg:rgba(255,250,243,.88);--viewer-bg:#fffaf5}
:root[data-theme="sunset"]{--bg:#fff7f1;--panel:#fffdfa;--line:#f2ddd0;--text:#4a2b24;--muted:#93635a;--blue:#ff8a3d;--danger:#e35d5d;--shadow:0 10px 30px rgba(165,102,67,.14);--sidebar:#fff1e6;--hover:#ffe6d6;--sel:rgba(255,138,61,.16);--topbar-bg:rgba(255,247,241,.88);--viewer-bg:#fff8f3}
:root[data-theme="grape"]{--bg:#17121f;--panel:#241b30;--line:#3b2f4a;--text:#f6f0ff;--muted:#b8a9cc;--blue:#9b6dff;--danger:#ff6b8b;--shadow:0 10px 30px rgba(0,0,0,.45);--sidebar:#21182b;--hover:#2f2340;--sel:rgba(155,109,255,.24);--topbar-bg:rgba(36,27,48,.88);--viewer-bg:#221a2d}
:root[data-theme="midnight"]{--bg:#0b1018;--panel:#131a24;--line:#243246;--text:#edf4ff;--muted:#9fb0c8;--blue:#4da3ff;--danger:#ff7a8f;--shadow:0 10px 30px rgba(0,0,0,.48);--sidebar:#0f161f;--hover:#182231;--sel:rgba(77,163,255,.24);--topbar-bg:rgba(19,26,36,.88);--viewer-bg:#121924}
:root[data-theme="aurora"]{--bg:#0f1615;--panel:#15211f;--line:#24413c;--text:#ebfff9;--muted:#9cc9c0;--blue:#1fb89a;--danger:#ff7884;--shadow:0 10px 30px rgba(0,0,0,.46);--sidebar:#12201d;--hover:#1a2c29;--sel:rgba(31,184,154,.22);--topbar-bg:rgba(21,33,31,.88);--viewer-bg:#14211f}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text)}
button,input,textarea,select{font:inherit}
button{color:inherit}
input,textarea,select{color:var(--text)}
a{color:var(--blue);text-decoration:none}
::placeholder{color:var(--muted)}
.hidden{display:none !important}
.small{font-size:12px;color:var(--muted)}
.muted{color:var(--muted)}
.error{color:var(--danger);min-height:1.2em}
.topbar{min-height:56px;background:var(--topbar-bg);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:8px 14px;position:sticky;top:0;z-index:10;flex-wrap:wrap}
.brand{font-weight:800;letter-spacing:.2px;display:flex;align-items:center;gap:8px}
.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--blue)}
.spacer{flex:1}
.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pill,.api-pill{border:1px solid var(--line);background:var(--chip-bg);border-radius:999px;padding:6px 10px;font-size:12px;color:var(--muted)}
.plan-pill{display:inline-flex;align-items:center;gap:6px;max-width:min(42vw,520px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plan-pill strong{color:var(--text)}
.pill-label{font-weight:700;color:var(--text)}
.pill-sep{opacity:.55}
.plan-pill-warning,.pill-warning{border-color:rgba(255,149,0,.35);background:rgba(255,149,0,.12);color:var(--text)}
.plan-details-panel{position:sticky;top:72px;z-index:9;padding:0 14px 10px}
.plan-details-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:14px;display:grid;gap:10px;max-width:680px}
.plan-details-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.plan-details-actions{display:grid;gap:8px;align-items:start}
.plan-details-actions .btn{justify-self:start}
.upgrade-shell{width:min(980px,calc(100vw - 24px))}
.plan-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.plan-upgrade-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--panel);display:grid;gap:10px}
.plan-upgrade-card.current{border-color:var(--blue);background:var(--sel)}
.plan-upgrade-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.admin-select-user{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-right:8px}
.admin-select-user input{margin:0}
.btn{border:1px solid var(--line);background:var(--btn-bg);border-radius:12px;padding:8px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:var(--text)}
.btn:hover{background:var(--hover)}
.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}
.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}
.btn.small{padding:6px 10px;font-size:12px}
.btn:disabled{opacity:.55;cursor:not-allowed}
.app{padding:18px}
.auth-card{max-width:540px;margin:48px auto;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);display:grid;gap:14px}
.auth-card label,.dialog-form label{display:grid;gap:6px;font-size:14px}
.auth-card input,.dialog-form input,.dialog-form textarea,.dialog-form select,.search-row input{width:100%;border:1px solid var(--line);border-radius:14px;padding:11px 12px;background:var(--input-bg)}
.auth-mode-switch{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.admin-user-list{display:grid;gap:10px}
.admin-user-item{display:grid;gap:10px;border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--panel)}
.admin-user-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.admin-password-input{min-width:220px;flex:1 1 220px;border:1px solid var(--line);border-radius:12px;padding:9px 10px;background:var(--input-bg)}
.auth-actions,.dialog-actions{display:flex;gap:10px;flex-wrap:wrap}
.shell{display:grid;grid-template-columns:280px 1fr;gap:16px;min-height:calc(100vh - 92px)}
.sidebar,.toolbar-panel,.message-panel,.viewer-panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}
.sidebar{padding:14px;background:var(--sidebar)}
.section{display:grid;gap:8px}
.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.top-gap{margin-top:18px}
.mailbox-list,.folder-list,.message-list,.settings-mailbox-list,.settings-list{display:grid;gap:8px}
.mailbox-item,.folder-item,.message-item,.settings-mailbox-item,.section-card{border:1px solid var(--line);border-radius:16px;padding:10px 12px;background:var(--panel);color:var(--text);min-width:0}
.mailbox-item,.folder-item{cursor:pointer;text-align:left}
.mailbox-item.active,.folder-item.active,.message-item.active{border-color:var(--blue);background:var(--sel)}
.mailbox-head,.folder-head,.settings-mailbox-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.mailbox-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}
.mailbox-address{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.badge{min-width:22px;height:22px;border-radius:999px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;font-size:12px;font-weight:800}
.unread-dot{width:9px;height:9px;border-radius:999px;background:var(--danger);box-shadow:0 0 0 3px rgba(255,59,48,.14);flex:0 0 auto}
.main{display:grid;gap:14px}
.toolbar-panel{padding:14px}
.search-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center}
.search-row .btn{min-height:44px;padding-inline:16px}
.meta-row{margin-top:10px;color:var(--muted);font-size:13px;min-height:1.2em}
.content-grid{display:grid;grid-template-columns:minmax(320px,440px) 1fr;gap:14px;min-height:72vh}
.message-panel{padding:12px;overflow:auto}
.message-item{display:grid;gap:8px;cursor:pointer}
.message-item.unread .message-from,.message-item.unread .message-subject{font-weight:800}
.message-head{display:flex;align-items:flex-start;gap:10px}
.message-head-main{display:grid;gap:4px;min-width:0;flex:1}
.message-head-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.message-from,.message-subject,.message-preview{overflow:hidden}
.message-from{font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.message-subject{font-size:15px;line-height:1.35}
.message-date{font-size:12px;color:var(--muted);flex:0 0 auto}
.message-preview{color:var(--muted);font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.message-preview.search-active{-webkit-line-clamp:3}
.message-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}
.viewer-panel{padding:18px;overflow:auto}
.viewer-head{display:grid;gap:8px;margin-bottom:16px}
.viewer-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.viewer-body{white-space:pre-wrap;line-height:1.6;background:var(--viewer-bg);border:1px solid var(--line);border-radius:16px;padding:14px}
.viewer-html{border:1px solid var(--line);border-radius:16px;width:100%;min-height:300px;background:#fff}
.attachment-list{display:grid;gap:8px;margin-top:16px}
.attachment-item{border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.empty-state{color:var(--muted);display:grid;place-items:center;min-height:260px}
mark.hl,mark{background:var(--highlight-bg);color:var(--highlight-text);padding:.02em .18em;border-radius:.3em;font-weight:800;box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:0 0 0 1px var(--highlight-ring), inset 0 -1px 0 rgba(128,96,0,.18)}
.theme-menu{position:fixed;z-index:30;min-width:360px;max-width:min(520px,calc(100vw - 24px));max-height:min(78vh,720px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:14px;display:grid;gap:12px}
.theme-menu[hidden]{display:none}
.theme-menu-head{font-weight:800}
.theme-menu-sub{font-size:12px;color:var(--muted)}
.theme-menu-body{display:grid;gap:12px}
.theme-section{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.theme-section-title{font-weight:700}
.theme-section-sub{font-size:12px;color:var(--muted)}
.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.theme-option{width:100%;text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:12px;cursor:pointer;display:grid;gap:8px;color:var(--text)}
.theme-option:hover{background:var(--hover)}
.theme-option.active{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:var(--sel)}
.theme-option-name{font-weight:700}
.theme-option-desc{font-size:12px;color:var(--muted)}
.theme-swatches{display:flex;gap:6px;align-items:center}
.theme-swatch{width:18px;height:18px;border-radius:999px;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.accent-tools{display:grid;gap:10px}
.accent-presets{display:flex;gap:8px;flex-wrap:wrap}
.accent-preset{width:28px;height:28px;border-radius:999px;border:2px solid rgba(255,255,255,.6);box-shadow:0 0 0 1px var(--line);cursor:pointer}
.accent-preset.active{box-shadow:0 0 0 2px var(--blue),0 0 0 1px var(--line) inset}
.accent-custom-row{display:flex;gap:10px;align-items:center}
#accentPicker{width:54px;height:40px;padding:0;border:none;background:transparent}
dialog{border:none;border-radius:20px;padding:0;width:min(960px,calc(100vw - 24px));box-shadow:var(--shadow);background:var(--panel);color:var(--text)}
dialog::backdrop{background:rgba(17,24,39,.36)}
.dialog-form{padding:18px;display:grid;gap:14px}
.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.confirm-shell{width:min(620px,calc(100vw - 24px))}
.confirm-copy{display:grid;gap:12px}
.confirm-copy p{margin:0;line-height:1.65}
.confirm-danger{border:1px solid rgba(220,38,38,.28);background:rgba(220,38,38,.12);color:#fca5a5;padding:12px 14px;border-radius:14px;font-size:14px;line-height:1.55}
.confirm-shell .btn.danger{border-color:rgba(220,38,38,.42);background:rgba(220,38,38,.12);color:#fecaca}
.confirm-shell .btn.danger:hover{background:rgba(220,38,38,.18)}
.compose-form{width:min(760px,calc(100vw - 24px))}
.compose-rich-form{gap:12px}
.compose-recipient-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.compose-toolbar-shell{display:grid;gap:10px}
.compose-toolbar-topbar{display:flex;justify-content:flex-end;align-items:center}
.compose-toolbar-toggle{min-width:46px;height:42px;padding-inline:14px;font-weight:800;letter-spacing:.02em}
.compose-toolbar-toggle.active{background:var(--sel);border-color:var(--blue);color:var(--blue)}
.compose-toolbar-panel{display:grid;gap:10px}
.compose-toolbar-shell.collapsed .compose-toolbar-panel{display:none}
.compose-toolbar-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:var(--bg2)}
.compose-toolbar-select{min-width:120px;max-width:180px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--input-bg);color:var(--text);padding:0 12px;font:inherit}
.compose-color-chip{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--input-bg);overflow:hidden;cursor:pointer}
.compose-color-chip input{appearance:none;-webkit-appearance:none;width:34px;height:34px;border:none;padding:0;background:transparent;cursor:pointer}
.compose-color-chip input::-webkit-color-swatch-wrapper{padding:0}
.compose-color-chip input::-webkit-color-swatch{border:none;border-radius:999px}
.toolbar-btn{min-width:42px;height:42px;padding-inline:12px;font-weight:800}
.toolbar-btn.active{background:var(--sel);border-color:var(--blue);color:var(--blue)}
.compose-link-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--bg2)}
.compose-link-row input{flex:1 1 260px;min-width:0}
.compose-editor-shell{display:grid;gap:8px}
.compose-editor{min-height:280px;max-height:52vh;overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--input-bg);padding:14px 16px;line-height:1.65;outline:none;white-space:pre-wrap;word-break:break-word}
.compose-editor:focus{border-color:var(--blue);box-shadow:var(--focus)}
.compose-editor:empty::before{content:attr(data-placeholder);color:var(--muted)}
.compose-editor p{margin:.4em 0}
.compose-editor ul,.compose-editor ol{padding-left:1.5em}
.compose-editor a{color:var(--blue)}
.settings-shell{width:min(960px,calc(100vw - 24px))}
.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:14px;min-height:460px}
.settings-nav{display:grid;gap:8px;align-content:start}
.settings-nav-item{text-align:left}
.settings-pane{display:grid;gap:12px;align-content:start}
.settings-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--panel);display:grid;gap:12px}
.settings-card h3{margin:0;font-size:16px}
.settings-card .sub{font-size:13px;color:var(--muted)}
.inline-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center;min-width:0}
.inline-form input{flex:1 1 260px;min-width:0}
.mailbox-address-builder{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:stretch;gap:10px}
.mailbox-address-builder #newMailboxPrefixInput{min-width:0;width:100%}
.fixed-domain-chip{display:inline-flex;align-items:center;justify-content:center;min-width:140px;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:var(--hover);color:var(--muted);font-weight:700;white-space:nowrap}
.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.setting-row:first-child{border-top:none;padding-top:0}
.select{width:240px;max-width:100%;border:1px solid var(--line);border-radius:12px;padding:9px 10px;background:var(--input-bg)}
.kv{display:grid;grid-template-columns:160px 1fr;gap:8px 14px;font-size:14px}
.kv .k{color:var(--muted)}
code{background:var(--hover);padding:2px 6px;border-radius:6px}
@media (max-width:980px){.shell,.content-grid,.settings-layout,.plan-compare-grid,.compose-recipient-grid{grid-template-columns:1fr}.theme-menu{left:12px !important;right:12px;min-width:unset}.kv{grid-template-columns:1fr}.mailbox-address-builder{grid-template-columns:1fr}.fixed-domain-chip{justify-content:flex-start}.plan-pill{max-width:100%}}


.admin-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.admin-summary-item{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--chip-bg);display:grid;gap:6px}
.admin-summary-item strong{font-size:20px}
.admin-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 220px auto;gap:10px;align-items:end}
.admin-toolbar-field{display:grid;gap:6px}
.admin-toolbar-field--compact{max-width:220px}
.admin-user-head{display:flex;justify-content:space-between;gap:10px;align-items:start}
.admin-user-title-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.admin-mailbox-block{display:grid;gap:6px}
.admin-mailbox-chips{display:flex;gap:8px;flex-wrap:wrap}
.admin-action-group{display:grid;gap:8px;flex:1 1 280px}
.admin-action-group--danger{padding-top:6px;border-top:1px dashed var(--line)}
@media (max-width:980px){.admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-toolbar{grid-template-columns:1fr}.admin-toolbar-field--compact{max-width:unset}}


.overlay-modal{position:fixed;inset:0;display:grid;place-items:center;padding:24px;z-index:1600}
.overlay-modal--inside-dialog{position:absolute;z-index:20;padding:20px;border-radius:inherit}
.overlay-modal[hidden]{display:none!important}
.overlay-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.72);backdrop-filter:blur(4px)}
.overlay-modal--inside-dialog .overlay-backdrop{border-radius:inherit}
.overlay-card{position:relative;width:min(520px,calc(100vw - 32px));border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 28px 80px rgba(0,0,0,.38);padding:22px;display:grid;gap:16px}
.overlay-modal--inside-dialog .overlay-card{max-height:min(90vh,calc(100% - 12px));overflow:auto}
.confirm-card .dialog-head h2{margin:0;font-size:18px}
.confirm-card .confirm-copy{display:grid;gap:14px}
.confirm-card .confirm-copy p{margin:0;font-size:16px;line-height:1.65}
.compact-actions{justify-content:flex-start}
.compact-actions .btn{min-width:0}
@media (max-width: 640px){
  .overlay-modal{padding:16px}
  .overlay-card{width:min(100%,calc(100vw - 20px));padding:18px}
  .compact-actions{flex-direction:column-reverse}
  .compact-actions .btn{width:100%}
}

.admin-confirm-card{width:min(560px,calc(100vw - 32px))}
.admin-confirm-card label{display:grid;gap:8px}
.admin-confirm-card textarea{min-height:88px;resize:vertical}
.admin-confirm-card .error{margin:0}

.app-dialog-card{width:min(560px,calc(100vw - 32px))}
.app-dialog-details{width:100%;min-height:150px;resize:vertical;border:1px solid var(--line);border-radius:14px;background:var(--bg2);color:var(--text);padding:12px 14px;font:inherit;line-height:1.5}
.app-dialog-details[hidden]{display:none!important}

@media (max-width: 840px){.compose-toolbar-topbar{justify-content:flex-start}.compose-toolbar-toggle{min-width:42px;padding-inline:12px}}