:root{color-scheme:light;--surface: #ffffff;--surface-2: #f7f8fa;--surface-3: #eef0f4;--subtle: #f2f3f7;--border: #e3e6ec;--border-strong: #d3d7e0;--text: #1c2027;--text-muted: #5c6472;--text-faint: #8a93a3;--accent: #5b5bd6;--accent-hover: #4f4fcc;--accent-active: #4444bd;--accent-soft: #ecebfb;--accent-soft-border: #d9d7f6;--accent-contrast: #ffffff;--success: #12805c;--success-soft: #e2f5ec;--success-border: #b6e6d1;--danger: #d1372f;--danger-hover: #bd2f28;--danger-soft: #fdecea;--danger-border: #f6c9c5;--warning: #9a6400;--warning-soft: #fbf0d9;--warning-border: #f0dcae;--info: #2563c9;--info-soft: #e6effc;--info-border: #c2d8f5;--shadow-sm: 0 1px 2px rgba(17, 22, 32, .05), 0 1px 3px rgba(17, 22, 32, .04);--shadow-md: 0 4px 12px rgba(17, 22, 32, .08), 0 2px 4px rgba(17, 22, 32, .05);--shadow-lg: 0 16px 48px rgba(17, 22, 32, .18), 0 4px 12px rgba(17, 22, 32, .1);--ring: 0 0 0 2px var(--surface), 0 0 0 4px var(--accent);--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--sidebar-w: 232px;--list-w: 380px;--topbar-h: 56px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}:root[data-theme=dark]{color-scheme:dark;--surface: #16181d;--surface-2: #1b1e24;--surface-3: #21252c;--subtle: #1e2127;--border: #2a2e37;--border-strong: #3a3f4a;--text: #e7eaf0;--text-muted: #a2abbb;--text-faint: #6c7686;--accent: #7c7cf0;--accent-hover: #8b8bf3;--accent-active: #9a9af5;--accent-soft: #26264a;--accent-soft-border: #35356a;--accent-contrast: #ffffff;--success: #45c99a;--success-soft: #113329;--success-border: #1d5142;--danger: #f2685f;--danger-hover: #f47d75;--danger-soft: #3a1c1a;--danger-border: #5c2a26;--warning: #e0ad55;--warning-soft: #33280f;--warning-border: #55431a;--info: #6ba6f5;--info-soft: #14243f;--info-border: #24406b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 14px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 56px rgba(0, 0, 0, .6), 0 4px 12px rgba(0, 0, 0, .4)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--surface: #16181d;--surface-2: #1b1e24;--surface-3: #21252c;--subtle: #1e2127;--border: #2a2e37;--border-strong: #3a3f4a;--text: #e7eaf0;--text-muted: #a2abbb;--text-faint: #6c7686;--accent: #7c7cf0;--accent-hover: #8b8bf3;--accent-active: #9a9af5;--accent-soft: #26264a;--accent-soft-border: #35356a;--accent-contrast: #ffffff;--success: #45c99a;--success-soft: #113329;--success-border: #1d5142;--danger: #f2685f;--danger-hover: #f47d75;--danger-soft: #3a1c1a;--danger-border: #5c2a26;--warning: #e0ad55;--warning-soft: #33280f;--warning-border: #55431a;--info: #6ba6f5;--info-soft: #14243f;--info-border: #24406b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 14px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 56px rgba(0, 0, 0, .6), 0 4px 12px rgba(0, 0, 0, .4)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font:14px/1.5 var(--font);color:var(--text);background:var(--surface-2);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-weight:650;letter-spacing:-.02em;margin:0}a{color:var(--accent)}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.brand{display:flex;align-items:center;gap:var(--s2)}.brand-glyph{width:28px;height:28px;border-radius:8px;flex:none;background:linear-gradient(150deg,var(--accent),var(--accent-active));display:grid;place-items:center;color:#fff}.wordmark{font-weight:650;letter-spacing:-.02em;font-size:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);font:inherit;font-weight:550;cursor:pointer;border:1px solid transparent;border-radius:var(--r-sm);padding:7px 13px;transition:background .14s ease,border-color .14s ease,color .14s ease;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--subtle)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:var(--subtle);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-sm{padding:4px 9px;font-size:13px}.btn-icon{padding:6px;border-radius:var(--r-sm)}.app{display:flex;flex-direction:column;height:100%}.topbar{height:var(--topbar-h);flex:none;display:flex;align-items:center;gap:var(--s4);padding:0 var(--s4);background:var(--surface);border-bottom:1px solid var(--border)}.topbar .spacer{flex:1}.searchbox{position:relative;display:flex;align-items:center;min-width:220px;max-width:460px;flex:1}.searchbox input{width:100%;font:inherit;padding:6px 10px 6px 32px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text)}.searchbox .icon{position:absolute;left:9px;color:var(--text-faint);pointer-events:none}.body{flex:1;display:flex;min-height:0}.sidebar{width:var(--sidebar-w);flex:none;padding:var(--s3);background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column;gap:var(--s3)}.nav{display:flex;flex-direction:column;gap:1px}.nav-item{display:flex;align-items:center;gap:var(--s2);padding:7px 9px;border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;border:none;background:none;font:inherit;text-align:left;width:100%}.nav-item:hover{background:var(--subtle);color:var(--text)}.nav-item[aria-current=true]{background:var(--accent-soft);color:var(--accent);font-weight:550}.nav-item .count{margin-left:auto;font-size:12px;color:var(--text-faint);font-variant-numeric:tabular-nums}.nav-item[aria-current=true] .count{color:var(--accent)}.nav-section{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);padding:var(--s2) 9px 2px}.list{width:var(--list-w);flex:none;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.list-header{padding:var(--s3) var(--s4);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--s2);flex:none}.list-header h2{font-size:15px}.list-scroll{overflow-y:auto;flex:1}.msg{display:block;width:100%;text-align:left;font:inherit;padding:10px var(--s4);border:none;border-bottom:1px solid var(--border);background:none;cursor:pointer;color:var(--text);border-left:3px solid transparent}.msg:hover{background:var(--subtle)}.msg[aria-current=true]{background:var(--accent-soft);border-left-color:var(--accent)}.msg-top{display:flex;align-items:baseline;gap:var(--s2)}.msg-from{font-weight:550;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-date{font-size:12px;color:var(--text-faint);flex:none;font-variant-numeric:tabular-nums}.msg-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.msg-preview{font-size:13px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg.unread .msg-from,.msg.unread .msg-subject{font-weight:650}.msg.unread{border-left-color:var(--accent)}.msg-badges{display:inline-flex;gap:4px;align-items:center;color:var(--text-faint)}.reader{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--surface)}.reader-header{padding:var(--s4) var(--s5);border-bottom:1px solid var(--border);flex:none}.reader-header h1{font-size:19px;margin-bottom:var(--s2);word-wrap:break-word}.reader-meta{display:flex;align-items:center;gap:var(--s2);color:var(--text-muted);font-size:13px;flex-wrap:wrap}.reader-actions{display:flex;gap:var(--s2);padding:var(--s3) var(--s5);border-bottom:1px solid var(--border);flex:none;flex-wrap:wrap}.reader-body{flex:1;overflow:auto}.reader-body iframe{width:100%;border:0;display:block;min-height:240px}.avatar{width:32px;height:32px;border-radius:50%;flex:none;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:650;font-size:13px}.notice{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s5);font-size:13px;background:var(--warning-soft);color:var(--warning);border-bottom:1px solid var(--warning-border)}.notice.info{background:var(--info-soft);color:var(--info);border-color:var(--info-border)}.notice .btn{margin-left:auto}.attachments{display:flex;flex-wrap:wrap;gap:var(--s2);padding:var(--s3) var(--s5);border-top:1px solid var(--border)}.attachment{display:inline-flex;align-items:center;gap:var(--s2);padding:6px 10px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);text-decoration:none;font-size:13px}.attachment:hover{background:var(--subtle)}.attachment .size{color:var(--text-faint);font-size:12px}.compose-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11162073;display:grid;place-items:end center;padding:var(--s4);z-index:40}.compose{background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--shadow-lg);width:min(760px,100%);max-height:min(78vh,720px);display:flex;flex-direction:column;border:1px solid var(--border);border-bottom:none;animation:rise .16s cubic-bezier(.16,1,.3,1)}@keyframes rise{0%{transform:translateY(16px);opacity:0}}.compose-header{display:flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);border-bottom:1px solid var(--border)}.compose-header h2{font-size:15px;flex:1}.compose-fields{padding:0 var(--s4)}.field-row{display:flex;align-items:center;gap:var(--s2);border-bottom:1px solid var(--border)}.field-row label{width:56px;flex:none;color:var(--text-muted);font-size:13px}.field-row input{flex:1;font:inherit;border:none;background:none;color:var(--text);padding:9px 0;min-width:0}.field-row input:focus{outline:none}.compose-editor{flex:1;overflow:auto;padding:var(--s4);font:inherit;color:var(--text);min-height:180px}.compose-editor:focus{outline:none}.compose-editor blockquote{margin:0 0 0 var(--s3);padding-left:var(--s3);border-left:2px solid var(--border-strong);color:var(--text-muted)}.compose-toolbar{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap;padding:var(--s2) var(--s4);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.compose-footer{display:flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--s4)}.compose-footer .spacer{flex:1}.suggestions{position:absolute;z-index:50;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);box-shadow:var(--shadow-md);min-width:240px;max-height:220px;overflow-y:auto}.suggestion{display:block;width:100%;text-align:left;font:inherit;padding:7px 10px;border:none;background:none;cursor:pointer;color:var(--text)}.suggestion:hover,.suggestion[aria-selected=true]{background:var(--accent-soft);color:var(--accent)}.suggestion .addr{color:var(--text-faint);font-size:12px;display:block}.calendar{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--surface)}.cal-header{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-bottom:1px solid var(--border)}.cal-header h2{font-size:16px;min-width:190px}.cal-grid{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.cal-daylabel{padding:var(--s2);font-size:12px;color:var(--text-faint);text-align:center;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em}.cal-day{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:var(--s2);min-height:108px}.cal-day.other{background:var(--surface-2);color:var(--text-faint)}.cal-day .num{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.cal-day.today .num{background:var(--accent);color:#fff;border-radius:50%;width:20px;height:20px;display:grid;place-items:center}.cal-event{display:block;width:100%;text-align:left;font:inherit;font-size:12px;margin-top:3px;padding:2px 5px;border-radius:4px;border:none;cursor:pointer;background:var(--accent-soft);color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-event.occurrence:before{content:"↻";margin-right:3px;opacity:.7}.login-page{min-height:100%;display:grid;place-items:center;padding:var(--s5);background:var(--surface-2)}.login-card{width:min(400px,100%);background:var(--surface);padding:var(--s6);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md)}.login-card .brand{justify-content:center;margin-bottom:var(--s5)}.login-card h1{font-size:18px;text-align:center;margin-bottom:var(--s5)}.form-field{margin-bottom:var(--s3)}.form-field label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:var(--s1)}.form-field input{width:100%;font:inherit;padding:9px 11px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text)}.form-error{background:var(--danger-soft);border:1px solid var(--danger-border);color:var(--danger);padding:var(--s2) var(--s3);border-radius:var(--r-sm);font-size:13px;margin-bottom:var(--s3)}.empty{padding:var(--s6);text-align:center;color:var(--text-faint)}.spinner{width:15px;height:15px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.toasts{position:fixed;bottom:var(--s4);right:var(--s4);display:flex;flex-direction:column;gap:var(--s2);z-index:60}.toast{padding:var(--s3) var(--s4);border-radius:var(--r-md);box-shadow:var(--shadow-lg);background:var(--surface);border:1px solid var(--border-strong);max-width:380px;animation:rise .16s cubic-bezier(.16,1,.3,1)}.toast.error{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.toast.success{background:var(--success-soft);border-color:var(--success-border);color:var(--success)}.chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:2px 8px;border-radius:999px;background:var(--subtle);color:var(--text-muted);border:1px solid var(--border)}@media (max-width: 900px){:root{--sidebar-w: 100%;--list-w: 100%}.body.pane-list .sidebar,.body.pane-read .sidebar,.body.pane-read .list,.body.pane-list .reader,.body.pane-nav .reader,.body.pane-nav .list{display:none}}.mobile-only{display:none}@media (max-width: 900px){.mobile-only{display:inline-flex}}