:root{--font-ui: system-ui, "Segoe UI", Roboto, sans-serif;--font-body: Georgia, "Times New Roman", serif;--radius: 8px;--gap: 12px}:root[data-theme=modern]{--bg: #f4f5f7;--panel: #ffffff;--panel-2: #fafbfc;--ink: #1c2530;--muted: #6b7886;--line: #e3e7ec;--accent: #2f6df6;--accent-ink: #ffffff;--emmi: #d6336c;--leo: #1f6f8b;--sel: #eaf1ff;--shadow: 0 1px 3px rgba(20, 30, 50, .08);--font-ui: "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--radius: 10px;--toolbar-bg: #ffffff;--toolbar-ink: #1c2530}:root[data-theme=skeuomorphic]{--bg: #5b7fa6;--panel: #eceae1;--panel-2: #f7f6f0;--ink: #1e1e1e;--muted: #5a5a4f;--line: #b9b39e;--accent: #0a64b0;--accent-ink: #ffffff;--emmi: #9c2a55;--leo: #1d5e74;--sel: #fff6c4;--shadow: inset 0 1px 0 #ffffff, 0 1px 2px rgba(0, 0, 0, .25);--font-ui: "Tahoma", "Geneva", "MS Sans Serif", sans-serif;--font-body: "Tahoma", "Times New Roman", serif;--radius: 3px;--toolbar-bg: linear-gradient(#f3f1e7, #d9d6c4);--toolbar-ink: #2a2a22}:root[data-theme=dark]{--bg: #14181e;--panel: #1e242c;--panel-2: #232b34;--ink: #e7ebef;--muted: #95a2b0;--line: #333d49;--accent: #5b9dff;--accent-ink: #0b1016;--emmi: #e8689b;--leo: #56bcd6;--sel: #2a3543;--shadow: 0 1px 3px rgba(0, 0, 0, .5);--font-ui: system-ui, "Segoe UI", Roboto, sans-serif;--font-body: Georgia, "Times New Roman", serif;--radius: 10px;--toolbar-bg: #1a212a;--toolbar-ink: #e7ebef}:root[data-theme=sepia]{--bg: #cdbb95;--panel: #f4ecd8;--panel-2: #efe5cd;--ink: #463a28;--muted: #897654;--line: #d6c4a0;--accent: #9a652f;--accent-ink: #fff8ec;--emmi: #a8425f;--leo: #4a6b6f;--sel: #e7d6ad;--shadow: 0 1px 2px rgba(74, 60, 40, .18);--font-ui: Georgia, "Palatino Linotype", serif;--font-body: Georgia, "Times New Roman", serif;--radius: 6px;--toolbar-bg: linear-gradient(#ece0c2, #e2d4b0);--toolbar-ink: #463a28}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:var(--font-ui);color:var(--ink);background:var(--bg)}#app{display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;color:var(--ink)}input{font-family:inherit}.client{display:flex;flex-direction:column;height:100%}.panes{display:grid;grid-template-columns:210px minmax(280px,1fr) minmax(320px,1.4fr);flex:1;min-height:0}@media (max-width: 820px){html,body{overflow-x:hidden}#app,.client{height:100dvh;min-height:0}.panes{grid-template-columns:1fr;position:relative;min-height:0}.toolbar{flex-wrap:nowrap;padding:10px 12px;gap:10px;align-items:center;flex:none}.tb-menu{display:inline-flex}.tb-left{flex:1;min-width:0;gap:10px;flex-wrap:nowrap}.tb-account{min-width:0}.tb-name{max-width:none;flex:1}.tb-right{flex:none;gap:6px;flex-wrap:nowrap}.tb-settings,.tb-switch-label,.tb-refresh{display:none}.tb-btn{padding:9px 11px;font-size:14px}.tb-switch-btn{padding:9px 12px;font-size:16px}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(310px,88vw);z-index:30;padding:14px 14px calc(18px + env(safe-area-inset-bottom));transform:translate(-100%);transition:transform .22s ease;overflow-y:auto;box-shadow:2px 0 22px #0006}.client.drawer-open .sidebar{transform:none}.client.drawer-open .drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:25}.side-folder,.side-select{padding:12px 11px;font-size:15px}.side-settings{display:block}.side-settings-row{gap:8px}.side-settings-row>*{flex:1 1 40%;min-width:92px;padding:10px 8px;font-size:14px}.list-pane{border-right:none;min-height:0}.list-row{padding:13px 14px}.row-who,.row-subj{font-size:14px}.row-prev{font-size:13px}.list-pane{min-height:0}.reading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:28;display:none;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.client.has-selected .reading{display:block}.read-back{display:flex;align-items:center;gap:8px;width:100%;position:sticky;top:0;z-index:2;margin:0;padding:13px 16px;background:var(--panel-2);border:none;border-bottom:1px solid var(--line);color:var(--accent);font-weight:700;font-size:16px}.read-head,.read-body{padding-left:16px;padding-right:16px}.read-head,.read-meta{overflow-wrap:anywhere}.read-subj{font-size:20px}.read-body{font-size:17px;overflow-wrap:break-word;padding-bottom:calc(104px + env(safe-area-inset-bottom))}.read-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;margin:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line);box-shadow:0 -2px 12px #00000024}.rn-btn{padding:10px}.mail-footer{display:flex;flex:none;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.mf-refresh{padding:14px;font-size:15px}.gate-field>span{width:64px}}.gate{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.gate-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 30px #00000059;width:min(420px,94vw);overflow:hidden}.gate-title{margin:0;padding:13px 18px;font-size:18px;font-weight:700;color:var(--toolbar-ink);background:var(--toolbar-bg);border-bottom:1px solid var(--line)}.gate-form{padding:16px 18px 10px}.gate-field{display:flex;align-items:center;gap:10px;margin-bottom:10px}.gate-field>span{width:70px;font-size:13px;color:var(--muted);text-align:right}.gate-input{flex:1;padding:7px 9px;font-size:13px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);color:var(--muted);box-shadow:inset 0 1px 2px #00000014}.gate-remember{display:flex;align-items:center;gap:7px;padding-left:80px;font-size:12px;color:var(--muted)}.gate-accounts{border-top:1px solid var(--line);padding:8px;display:flex;flex-direction:column;gap:4px}.gate-acc{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:9px 11px;border:1px solid transparent;border-radius:var(--radius);background:none}.gate-acc:hover{background:var(--sel);border-color:var(--line)}.gate-acc:active{box-shadow:inset 0 2px 4px #00000026}.acc-avatar{width:34px;height:34px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.acc-text{display:flex;flex-direction:column;min-width:0}.acc-name{font-size:14px;font-weight:700;color:var(--ink)}.acc-mail{font-size:12px;color:var(--muted)}.gate-god{opacity:.45;filter:grayscale(.7)}.gate-god.pending{opacity:1;filter:none;background:var(--sel);border-color:var(--accent)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;background:var(--toolbar-bg);color:var(--toolbar-ink);border-bottom:1px solid var(--line)}.tb-left,.tb-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tb-account{display:flex;align-items:center;gap:8px;font-weight:700}.tb-avatar,.row-avatar{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:13px}.avatar-emmi{background:var(--emmi)}.avatar-leo{background:var(--leo)}.avatar-god{background:#7a5cc0}.avatar-husband{background:#6b7280}.tb-btn{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:5px 10px;font-size:13px;box-shadow:var(--shadow)}.tb-btn:hover{filter:brightness(.97)}.tb-btn[disabled]{opacity:.5;cursor:default}.tb-btn.on{background:var(--accent);color:var(--accent-ink)}.tb-refresh{font-weight:700}.tb-year{width:64px;padding:5px 6px;border:1px solid var(--line);border-radius:var(--radius)}.sidebar{background:var(--panel-2);border-right:1px solid var(--line);padding:10px;overflow-y:auto}.side-folder{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px;border:none;background:none;border-radius:var(--radius);font-weight:700;font-size:14px}.side-folder:hover{background:var(--panel)}.side-folder.active{background:var(--sel)}.side-count{font-size:12px;color:var(--muted)}.side-progress{margin:10px 2px 4px}.side-prog-top{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:4px}.side-bar{height:7px;background:var(--line);border-radius:999px;overflow:hidden}.side-bar-fill{height:100%;background:var(--accent);transition:width .35s ease}.side-progress .side-count{display:block;margin-top:3px}.side-search{width:100%;padding:6px;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:10px}.side-label{font-size:11px;text-transform:uppercase;color:var(--muted);margin:12px 2px 4px;letter-spacing:.06em}.side-select{width:100%;padding:7px 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);font-size:13px}.tb-select{padding:5px 8px;color:var(--ink)}.tb-settings{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tb-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}.side-settings{display:none}.side-settings-row{display:flex;flex-wrap:wrap;gap:8px}.tb-switch-wrap{position:relative}.pop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.tb-popover{position:absolute;right:0;top:calc(100% + 6px);z-index:41;min-width:200px;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 26px #0000004d}.pop-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:8px 9px;border:none;background:none;border-radius:var(--radius);font-size:13px;color:var(--ink)}.pop-item:hover{background:var(--sel)}.pop-item.current{font-weight:700}.pop-avatar{width:22px;height:22px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.pop-sep{height:1px;background:var(--line);margin:5px 2px}.pop-danger{color:#c0392b}.pop-danger:hover{background:#c0392b1f}.mail-footer{flex:none;display:flex;gap:8px;padding:8px;background:var(--toolbar-bg);border-top:1px solid var(--line)}.mf-refresh{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:14px;box-shadow:var(--shadow)}.mf-refresh[disabled]{opacity:.6;background:var(--panel);color:var(--muted);border-color:var(--line)}.mf-icon{font-size:17px}.mf-auto{padding:11px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);font-size:13px}.mf-auto.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.list-pane{display:flex;flex-direction:column;overflow:hidden;background:var(--panel);border-right:1px solid var(--line)}.list{flex:1;overflow-y:auto;display:flex;flex-direction:column}.list-empty,.empty-reading{padding:30px;color:var(--muted);text-align:center}.list-row{display:flex;gap:9px;padding:9px 11px;border-bottom:1px solid var(--line);cursor:pointer;align-items:flex-start}.list-row:hover{background:var(--panel-2)}.list-row.sel{background:var(--sel)}.list-row.outgoing{background:linear-gradient(90deg,transparent,rgba(0,0,0,.02))}.row-main{min-width:0;flex:1}.row-top{display:flex;justify-content:space-between;gap:8px}.row-who{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-stamp{font-size:11px;color:var(--muted);white-space:nowrap}.row-subj{font-size:13px;margin-top:1px}.row-prev{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes arrive{0%{opacity:0;transform:translateY(-8px);background:var(--sel)}to{opacity:1}}.list-row.arriving{animation:arrive .5s ease}.reading{overflow-y:auto;background:var(--panel-2);padding:18px 22px}.read-subj{margin:0 0 10px;font-size:20px}.read-meta{font-size:13px;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:12px}.read-meta>div{margin:2px 0}.read-date{color:var(--muted)}.raw-stamp{font-style:italic}.read-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.tag{font-size:11px;padding:2px 7px;border-radius:999px;background:var(--panel);border:1px solid var(--line)}.tag-incoming{background:var(--leo);color:#fff;border:none}.tag-outgoing{background:var(--emmi);color:#fff;border:none}.tag-warn{background:#f6c343;color:#4a3400;border:none}.tag-husband{background:#6b7280;color:#fff;border:none}.tag-dbg{background:#ece7fb;color:#4a3a8a;border:none;font-family:monospace}.read-body{font-family:var(--font-body);font-size:16px;line-height:1.6}.read-body p{margin:0 0 .8em}.read-nav{display:flex;align-items:stretch;gap:8px;margin-bottom:14px}.rn-btn{flex:1;display:flex;align-items:center;gap:8px;min-width:0;padding:7px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);text-align:left}.rn-btn[disabled]{opacity:.4}.rn-btn:last-child{justify-content:flex-end;text-align:right}.rn-arrow{font-weight:700;flex:none}.rn-prev{display:flex;flex-direction:column;min-width:0}.rn-who{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-text-emmi{color:var(--emmi)}.avatar-text-leo{color:var(--leo)}.avatar-text-husband{color:#6b7280}.rn-sub{font-size:12px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rn-pos{font-size:11px;color:var(--muted);white-space:nowrap;align-self:center}.rn-reveal{color:var(--accent);font-weight:700}.tb-date{padding:4px 6px;border:1px solid var(--line);border-radius:var(--radius);font-size:12px;background:var(--panel);color:var(--ink)}.drawer-backdrop{display:none}@media (min-width: 821px){.tb-menu,.read-back,.mail-footer{display:none}}:root[data-theme=skeuomorphic] body{background:repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 2px,transparent 2px 6px),var(--bg)}:root[data-theme=skeuomorphic] .toolbar{border-bottom:1px solid #8a8472;box-shadow:inset 0 1px #fff}:root[data-theme=skeuomorphic] .tb-btn,:root[data-theme=skeuomorphic] .gate-card{border:1px solid #9a9482;background:linear-gradient(#fbfaf4,#e2dfce)}:root[data-theme=skeuomorphic] .tb-btn:active{background:linear-gradient(#d8d5c4,#efece0)}:root[data-theme=skeuomorphic] .list-row.sel{box-shadow:inset 0 0 0 1px #d8c54a}:root[data-theme=skeuomorphic] .read-subj{font-weight:700}:root[data-theme=skeuomorphic] .gate-title,:root[data-theme=skeuomorphic] .gate-byline,:root[data-theme=skeuomorphic] .gate-hint{text-shadow:0 1px 1px rgba(0,0,0,.35)}:root[data-theme=modern] .toolbar{box-shadow:0 1px 0 var(--line)}:root[data-theme=modern] .tb-btn{box-shadow:none}:root[data-theme=modern] .tb-btn:hover{background:var(--panel-2)}:root[data-theme=modern] .list-row{border-bottom:1px solid var(--line)}:root[data-theme=modern] .gate{background:radial-gradient(1200px 500px at 50% -10%,#ffffff,var(--bg))}:root[data-theme=modern] .read-body{max-width:70ch}