@font-face{font-family:DM Sans;font-style:normal;font-weight:300 500;font-display:swap;src:url(../../../fonts/dm-sans-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:300 500;font-display:swap;src:url(../../../fonts/dm-sans-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:italic;font-weight:300;font-display:swap;src:url(../../../fonts/dm-sans-italic-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:italic;font-weight:300;font-display:swap;src:url(../../../fonts/dm-sans-italic-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:300 500;font-display:swap;src:url(../../../fonts/fraunces-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:300 500;font-display:swap;src:url(../../../fonts/fraunces-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:300 500;font-display:swap;src:url(../../../fonts/fraunces-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:italic;font-weight:300;font-display:swap;src:url(../../../fonts/fraunces-italic-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:italic;font-weight:300;font-display:swap;src:url(../../../fonts/fraunces-italic-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:italic;font-weight:300;font-display:swap;src:url(../../../fonts/fraunces-italic-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}:root{--bg-primary:#faf9f7;--bg-secondary:#f0eeea;--bg-card:#fff;--bg-elev:#fff;--text-primary:#1a1a1a;--text-secondary:#6b6b6b;--text-muted:#9a9a9a;--accent:#c45d3e;--accent-soft:#f4e8e4;--success:#5a8f6b;--success-soft:#e8f0ea;--border:#e5e3df;--border-strong:#d8d4cc;--danger:#d32f2f;--danger-soft:#d32f2f1a;--warning:#f59e0b;--warning-soft:#f59e0b1a;--info:#5b8def;--info-soft:#5b8def1a;--accent-hover:#b35536;--color-row-selected:#0000000a;--color-row-hover:#00000005;--color-row-selected-border-left:#0000001f;--color-now:#378add;--color-now-bg:#378add14;--color-now-line:#378add;--color-brand:var(--accent);--color-brand-hover:var(--accent-hover);--color-brand-bg-subtle:#c45d3e0f;--border-tertiary:#0000001a;--cal-work:#5b8def;--cal-personal:#5a8f6b;--cal-project:#c45d3e;--cal-family:#9c6ab8;--shadow-sm:0 1px 3px #0000000a;--shadow:0 2px 8px #0000000a;--shadow-lg:0 4px 16px #00000014;--shadow-xl:0 8px 30px #0000001f;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:6px;--radius:8px;--radius-lg:12px;--font-sans:"DM Sans", system-ui, sans-serif;--font-serif:"Fraunces", Georgia, serif;--font-mono:"SF Mono", "Cascadia Code", "Consolas", monospace;--text-xs:.7rem;--text-sm:.78rem;--text-base:.85rem;--text-md:.9rem;--text-lg:1rem;--text-xl:1.2rem;--text-2xl:1.6rem;--space-2xl:40px;--fab-size:52px;--tabbar-height:64px;--scroll-buffer:16px;--mobile-bottom-clearance:calc(var(--fab-size) + var(--tabbar-height) + var(--scroll-buffer) + env(safe-area-inset-bottom,0px));--transition-fast:.15s ease;--transition-normal:.2s ease}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#252525;--bg-card:#2a2a2a;--bg-elev:#2a2a2a;--text-primary:#e8e8e8;--text-secondary:#a0a0a0;--text-muted:#707070;--accent:#e07050;--accent-soft:#3d2a24;--success:#6aaf7b;--success-soft:#1e3024;--border:#3a3a3a;--border-strong:#4a4a4a;--danger:#ef5350;--danger-soft:#ef535026;--warning:#fbbf24;--warning-soft:#fbbf2426;--info:#6b9cf0;--info-soft:#6b9cf026;--accent-hover:#f08060;--color-row-selected:#ffffff0f;--color-row-hover:#ffffff08;--color-row-selected-border-left:#ffffff2e;--color-now:#6b9cf0;--color-now-bg:#6b9cf01f;--color-now-line:#6b9cf0;--color-brand-bg-subtle:#e070501a;--border-tertiary:#ffffff1f;--shadow-sm:0 1px 3px #0003;--shadow:0 2px 8px #00000040;--shadow-lg:0 4px 16px #0000004d;--shadow-xl:0 8px 30px #0006}[data-theme=midnight]{--bg-primary:#0c1829;--bg-secondary:#111f35;--bg-card:#162640;--bg-elev:#1a2d4a;--text-primary:#e8edf5;--text-secondary:#8c9cb8;--text-muted:#5a6a86;--accent:#00c3e3;--accent-soft:#00c3e31f;--success:#34d399;--success-soft:#34d3991f;--border:#1e3050;--border-strong:#2a416b;--danger:#f87171;--danger-soft:#f871711f;--warning:#fbbf24;--warning-soft:#fbbf241f;--info:#38bdf8;--info-soft:#38bdf81f;--accent-hover:#22d3ee;--color-row-selected:#ffffff0f;--color-row-hover:#ffffff08;--color-row-selected-border-left:#fff3;--color-now:#38bdf8;--color-now-bg:#38bdf81a;--color-now-line:#38bdf8;--color-brand-bg-subtle:#00c3e31a;--border-tertiary:#ffffff24;--cal-work:#38bdf8;--cal-personal:#34d399;--cal-project:#00c3e3;--cal-family:#a78bfa;--shadow-sm:0 1px 3px #0000004d;--shadow:0 2px 8px #00000059;--shadow-lg:0 4px 16px #0006;--shadow-xl:0 8px 30px #00000080}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=midnight]){--bg-primary:#1a1a1a;--bg-secondary:#252525;--bg-card:#2a2a2a;--text-primary:#e8e8e8;--text-secondary:#a0a0a0;--text-muted:#707070;--accent:#e07050;--accent-soft:#3d2a24;--success:#6aaf7b;--success-soft:#1e3024;--border:#3a3a3a;--danger:#ef5350;--danger-soft:#ef535026;--warning:#fbbf24;--warning-soft:#fbbf2426;--info:#6b9cf0;--info-soft:#6b9cf026;--accent-hover:#f08060;--color-row-selected:#ffffff0f;--color-row-hover:#ffffff08;--color-row-selected-border-left:#ffffff2e;--color-now:#6b9cf0;--color-now-bg:#6b9cf01f;--color-now-line:#6b9cf0;--color-brand-bg-subtle:#e070501a;--border-tertiary:#ffffff1f;--shadow-sm:0 1px 3px #0003;--shadow:0 2px 8px #00000040;--shadow-lg:0 4px 16px #0000004d;--shadow-xl:0 8px 30px #0006}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);line-height:1.6}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.font-serif{font-family:var(--font-serif)}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=768px){button,a,[role=button],input,select,textarea{-webkit-tap-highlight-color:transparent}button,a,[role=button]{touch-action:manipulation}input,textarea,select{font-size:16px!important}}.message-list,.mail-message-view,.email-body-content{overscroll-behavior:contain}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{border-radius:var(--radius);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-secondary)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-danger{color:var(--danger);border:1px solid var(--danger);background:0 0}.btn-danger:hover{background:var(--danger-soft)}.btn-sm{font-size:var(--text-sm);padding:6px 12px}.btn-icon{padding:8px}.page-title{font-family:var(--font-serif);letter-spacing:-.015em;font-variation-settings:"opsz" 144;color:var(--text-primary);font-size:1.4rem;font-weight:400}.page-count{font-size:var(--text-sm);background:var(--bg-secondary);color:var(--text-muted);border-radius:12px;padding:4px 10px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}