:root{--bg: #f4f3f0;--bg-raised: #fff;--bg-inset: #e8e7e4;--bg-hover: #eeedea;--line: #d0cec8;--line-strong: #b0aea8;--text: #3a3a38;--text-strong: #111;--text-muted: #8a8a88;--text-ghost: #b0b0ae;--accent: #6a6a68;--accent-hover: #3a3a38;--danger: #b04040;--danger-bg: #f8e8e8;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--weight-light: 200;--weight-normal: 400;--weight-medium: 500;--weight-bold: 600;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 12px;--hairline: .5px solid var(--line);--ease: cubic-bezier(.22, 1, .36, 1);--duration-fast: .1s;--duration-normal: .2s;--folder-width: 180px;--list-width: 320px}:root[data-theme=night]{--bg: #111;--bg-raised: #191919;--bg-inset: #222;--bg-hover: #252525;--line: #2a2a2a;--line-strong: #3a3a3a;--text: #c0c0c0;--text-strong: #e0e0e0;--text-muted: #707070;--text-ghost: #4a4a4a;--accent: #c0c0c0;--accent-hover: #e0e0e0;--danger: #b04040;--danger-bg: #201010}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:var(--text-sm);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea,select{font:inherit;color:inherit;background:var(--bg-raised);border:var(--hairline);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}input:focus,textarea:focus,select:focus{outline:1px solid var(--line-strong);outline-offset:-1px}::selection{background:var(--accent);color:var(--bg)}.shell.svelte-12qhfyh{display:flex;height:100vh;overflow:hidden}.folders.svelte-12qhfyh{width:var(--folder-width);min-width:var(--folder-width);border-right:var(--hairline);display:flex;flex-direction:column;background:var(--bg)}.folders-header.svelte-12qhfyh{padding:var(--space-4);font-weight:var(--weight-bold);color:var(--text-strong);font-size:var(--text-base);border-bottom:var(--hairline)}.folder-list.svelte-12qhfyh{list-style:none;flex:1;overflow-y:auto;padding:var(--space-2) 0}.folder-link.svelte-12qhfyh{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-4);color:var(--text);text-decoration:none;font-size:var(--text-sm)}.folder-link.svelte-12qhfyh:hover{background:var(--bg-hover)}.folder-link.active.svelte-12qhfyh{color:var(--text-strong);font-weight:var(--weight-medium);background:var(--bg-inset)}.folder-count.svelte-12qhfyh{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-medium)}.sidebar-link.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--accent);text-decoration:none}.sidebar-link.svelte-12qhfyh:hover{color:var(--accent-hover)}.compose-link.svelte-12qhfyh{border-bottom:var(--hairline);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium)}.reminder-badge.svelte-12qhfyh{font-size:var(--text-xs);color:var(--danger);font-weight:var(--weight-medium)}.folder-footer.svelte-12qhfyh{padding:var(--space-3);border-top:var(--hairline);display:flex;flex-direction:column;gap:var(--space-2)}.search-input.svelte-12qhfyh{width:100%;font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.theme-toggle.svelte-12qhfyh{font-size:var(--text-xs);color:var(--text-ghost);text-align:left;padding:var(--space-1) 0}.theme-toggle.svelte-12qhfyh:hover{color:var(--text-muted)}.content.svelte-12qhfyh{flex:1;display:flex;overflow:hidden}.shortcuts-overlay.svelte-12qhfyh{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.shortcuts-panel.svelte-12qhfyh{background:var(--bg-raised);border:var(--hairline);border-radius:var(--radius-md);padding:var(--space-5);max-width:400px;width:90%}.shortcuts-panel.svelte-12qhfyh h2:where(.svelte-12qhfyh){font-size:var(--text-base);font-weight:var(--weight-bold);margin-bottom:var(--space-4);color:var(--text-strong)}.shortcuts-panel.svelte-12qhfyh h3:where(.svelte-12qhfyh){font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);margin-top:var(--space-3);margin-bottom:var(--space-2)}.shortcut-row.svelte-12qhfyh{display:flex;gap:var(--space-4);padding:var(--space-1) 0}.shortcut-row.svelte-12qhfyh dt:where(.svelte-12qhfyh){width:60px;text-align:right}kbd.svelte-12qhfyh{font-family:inherit;font-size:var(--text-xs);padding:1px 6px;border:var(--hairline);border-radius:var(--radius-sm);background:var(--bg-inset);color:var(--text-muted)}.shortcut-row.svelte-12qhfyh dd:where(.svelte-12qhfyh){color:var(--text);font-size:var(--text-sm)}@media(max-width:600px){.shell.svelte-12qhfyh{flex-direction:column}.folders.svelte-12qhfyh{width:100%;min-width:100%;height:auto;border-right:none;border-bottom:var(--hairline)}.folder-list.svelte-12qhfyh{display:flex;overflow-x:auto;padding:0 var(--space-2);gap:0}.folder-list.svelte-12qhfyh li:where(.svelte-12qhfyh){flex-shrink:0}.folder-link.svelte-12qhfyh{white-space:nowrap;padding:var(--space-2) var(--space-3)}.folder-footer.svelte-12qhfyh{display:none}.content.svelte-12qhfyh{flex-direction:column}}