.email-app.svelte-1fyyk1i{display:grid;grid-template-columns:192px 300px 1fr;height:calc(100dvh - var(--topbar-height) - var(--space-12));background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);overflow:hidden}.folder-pane.svelte-1fyyk1i{border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;background:var(--color-bg-base)}.folder-header.svelte-1fyyk1i{padding:var(--space-3);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.folder-list.svelte-1fyyk1i{flex:1;overflow-y:auto;padding:var(--space-2);display:flex;flex-direction:column;gap:2px}.folder-item.svelte-1fyyk1i{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;transition:all var(--duration-fast);width:100%;cursor:pointer}.folder-item.svelte-1fyyk1i:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.folder-item.active.svelte-1fyyk1i{background:var(--color-accent-subtle);color:var(--color-accent);font-weight:var(--font-medium)}.folder-icon.svelte-1fyyk1i{font-size:.875rem;flex-shrink:0}.folder-name.svelte-1fyyk1i{flex:1;text-align:left}.folder-footer.svelte-1fyyk1i{padding:var(--space-3);border-top:1px solid var(--color-border-subtle)}.message-list-pane.svelte-1fyyk1i{border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;overflow:hidden}.pane-header.svelte-1fyyk1i{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.pane-header.svelte-1fyyk1i h2:where(.svelte-1fyyk1i){font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.search-bar.svelte-1fyyk1i{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-tertiary);flex-shrink:0}.search-bar.svelte-1fyyk1i input:where(.svelte-1fyyk1i){flex:1;border:none;background:transparent;font-size:var(--text-sm);color:var(--color-text-primary);outline:none}.search-bar.svelte-1fyyk1i input:where(.svelte-1fyyk1i)::placeholder{color:var(--color-text-tertiary)}.message-list.svelte-1fyyk1i{flex:1;overflow-y:auto}.list-state.svelte-1fyyk1i{padding:var(--space-4);font-size:var(--text-sm);color:var(--color-text-tertiary)}.list-state.error.svelte-1fyyk1i{color:var(--color-danger-red)}.message-item.svelte-1fyyk1i{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);cursor:pointer;transition:background var(--duration-fast);position:relative}.message-item.svelte-1fyyk1i:hover{background:var(--color-bg-base)}.message-item.selected.svelte-1fyyk1i{background:var(--color-accent-subtle)}.message-item.svelte-1fyyk1i:focus{outline:2px solid var(--color-accent);outline-offset:-2px}.message-item.unread.svelte-1fyyk1i .msg-from:where(.svelte-1fyyk1i){font-weight:var(--font-semibold);color:var(--color-text-primary)}.message-item.unread.svelte-1fyyk1i:before{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--color-accent)}.msg-content.svelte-1fyyk1i{flex:1;overflow:hidden;min-width:0}.msg-top.svelte-1fyyk1i{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:2px}.msg-from.svelte-1fyyk1i{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-time.svelte-1fyyk1i{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0}.msg-subject.svelte-1fyyk1i{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.msg-preview.svelte-1fyyk1i{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-flags.svelte-1fyyk1i{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);flex-shrink:0}.star-btn.svelte-1fyyk1i{color:var(--color-text-tertiary);transition:color var(--duration-fast);line-height:1}.star-btn.svelte-1fyyk1i:hover,.star-btn.starred.svelte-1fyyk1i{color:var(--color-gold-500)}.enc-dot.svelte-1fyyk1i{line-height:1}.enc-dot.enc-yes.svelte-1fyyk1i{color:var(--color-secure-green)}.enc-dot.svelte-1fyyk1i:not(.enc-yes){color:var(--color-warn-amber)}.empty-list.svelte-1fyyk1i{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12);color:var(--color-text-tertiary);font-size:var(--text-sm)}.reader-pane.svelte-1fyyk1i{display:flex;flex-direction:column;overflow:hidden}.reader-toolbar.svelte-1fyyk1i{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.toolbar-left.svelte-1fyyk1i{display:flex;gap:var(--space-1);align-items:center}.toolbar-btn.svelte-1fyyk1i{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--duration-fast)}.toolbar-btn.svelte-1fyyk1i:hover{background:var(--color-bg-base);color:var(--color-text-primary)}.toolbar-btn.danger.svelte-1fyyk1i:hover{color:var(--color-danger-red)}.mobile-back.svelte-1fyyk1i{display:none}.enc-strip.svelte-1fyyk1i{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-secure-bg);border-bottom:1px solid var(--color-secure-border);font-size:var(--text-xs);color:var(--color-secure-green);font-weight:var(--font-medium);flex-shrink:0}.enc-strip.svelte-1fyyk1i:before{content:"";display:block;width:3px;height:16px;background:var(--color-accent);border-radius:var(--radius-full);margin-right:var(--space-1)}.reader-content.svelte-1fyyk1i{flex:1;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.reader-header.svelte-1fyyk1i{display:flex;gap:var(--space-4);align-items:flex-start}.reader-meta.svelte-1fyyk1i{flex:1;min-width:0}.reader-subject.svelte-1fyyk1i{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2);line-height:var(--leading-tight)}.reader-from.svelte-1fyyk1i{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.from-name.svelte-1fyyk1i{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.from-email.svelte-1fyyk1i,.from-time.svelte-1fyyk1i{font-size:var(--text-xs);color:var(--color-text-tertiary)}.reader-star.svelte-1fyyk1i{color:var(--color-text-tertiary);flex-shrink:0}.reader-star.svelte-1fyyk1i:hover,.reader-star.starred.svelte-1fyyk1i{color:var(--color-gold-500)}.reader-body.svelte-1fyyk1i{font-size:var(--text-sm);color:var(--color-text-primary);line-height:var(--leading-relaxed);max-width:72ch}.reader-body.svelte-1fyyk1i p:where(.svelte-1fyyk1i){margin:0}.reader-body-html.svelte-1fyyk1i p,.reader-body-html.svelte-1fyyk1i div,.reader-body-html.svelte-1fyyk1i blockquote,.reader-body-html.svelte-1fyyk1i ul,.reader-body-html.svelte-1fyyk1i ol{margin:0 0 var(--space-3) 0}.reader-body-html.svelte-1fyyk1i ul,.reader-body-html.svelte-1fyyk1i ol{padding-left:1.25rem}.reader-body-html.svelte-1fyyk1i a{color:var(--color-accent);text-decoration:underline}.reader-body-html.svelte-1fyyk1i img{max-width:100%;height:auto;border-radius:var(--radius-md)}.reader-body-html.svelte-1fyyk1i pre,.reader-body-html.svelte-1fyyk1i code{font-family:var(--font-mono, monospace)}.reader-attachments.svelte-1fyyk1i{display:flex;flex-direction:column;gap:var(--space-3);max-width:72ch}.reader-attachments-heading.svelte-1fyyk1i{font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-tertiary)}.reader-attachments-list.svelte-1fyyk1i{display:flex;flex-direction:column;gap:var(--space-2)}.reader-attachment-item.svelte-1fyyk1i{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-base)}.reader-attachment-meta.svelte-1fyyk1i{display:flex;flex-direction:column;gap:2px;min-width:0}.reader-attachment-name.svelte-1fyyk1i{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-attachment-size.svelte-1fyyk1i{font-size:var(--text-xs);color:var(--color-text-tertiary)}.reader-attachment-download.svelte-1fyyk1i{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);border:1px solid var(--color-border-default);background:var(--color-bg-surface);font-size:var(--text-xs);font-weight:var(--font-medium);flex-shrink:0;transition:border-color var(--duration-fast),color var(--duration-fast),background var(--duration-fast)}.reader-attachment-download.svelte-1fyyk1i:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-text-primary);background:var(--color-bg-base)}.reader-attachment-download.svelte-1fyyk1i:disabled{opacity:.7;cursor:wait}.reply-area.svelte-1fyyk1i{border-top:1px solid var(--color-border-subtle);padding:var(--space-3) var(--space-4);flex-shrink:0}.reply-bar.svelte-1fyyk1i{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);color:var(--color-text-tertiary);cursor:pointer;transition:border-color var(--duration-fast)}.reply-bar.svelte-1fyyk1i:hover{border-color:var(--color-accent)}.reply-placeholder.svelte-1fyyk1i{flex:1;text-align:left;font-size:var(--text-sm);color:var(--color-text-tertiary)}.empty-reader.svelte-1fyyk1i{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);height:100%;color:var(--color-text-tertiary)}.empty-reader.svelte-1fyyk1i p:where(.svelte-1fyyk1i){font-size:var(--text-base);font-weight:var(--font-medium)}.empty-reader.svelte-1fyyk1i span:where(.svelte-1fyyk1i){font-size:var(--text-sm)}.compose-form.svelte-1fyyk1i{display:flex;flex-direction:column;gap:var(--space-4)}.compose-enc-notice.svelte-1fyyk1i{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-secure-bg);border:1px solid var(--color-secure-border);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-secure-green)}.compose-label.svelte-1fyyk1i{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.compose-body-wrap.svelte-1fyyk1i{display:flex;flex-direction:column}.compose-body.svelte-1fyyk1i{border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg-base);resize:vertical;min-height:200px;line-height:var(--leading-relaxed);transition:border-color var(--duration-fast);outline:none}.compose-body.svelte-1fyyk1i:focus{border-color:var(--color-accent)}.compose-error.svelte-1fyyk1i{padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb,var(--color-danger-red) 20%,transparent);background:color-mix(in srgb,var(--color-danger-red) 8%,var(--color-bg-base));border-radius:var(--radius-md);color:var(--color-danger-red);font-size:var(--text-xs)}.compose-attachments.svelte-1fyyk1i{display:flex;flex-direction:column;gap:var(--space-2)}.compose-attachments-top.svelte-1fyyk1i{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.compose-attachments-picker.svelte-1fyyk1i{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-base);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:border-color var(--duration-fast),color var(--duration-fast)}.compose-attachments-picker.svelte-1fyyk1i:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.compose-attachments-input.svelte-1fyyk1i{display:none}.compose-attachments-list.svelte-1fyyk1i{display:flex;flex-direction:column;gap:var(--space-2)}.compose-attachment-item.svelte-1fyyk1i{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-base)}.compose-attachment-meta.svelte-1fyyk1i{display:flex;flex-direction:column;gap:2px;min-width:0}.compose-attachment-name.svelte-1fyyk1i{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compose-attachment-size.svelte-1fyyk1i{font-size:var(--text-xs);color:var(--color-text-tertiary)}.compose-attachment-remove.svelte-1fyyk1i{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);color:var(--color-text-tertiary);flex-shrink:0}.compose-attachment-remove.svelte-1fyyk1i:hover{background:var(--color-bg-surface);color:var(--color-danger-red)}.compose-actions.svelte-1fyyk1i{display:flex;justify-content:flex-end;gap:var(--space-3)}.mobile-folder-bar.svelte-1fyyk1i{display:none}@media(max-width:1024px){.email-app.svelte-1fyyk1i{grid-template-columns:160px 1fr}.reader-pane.svelte-1fyyk1i{display:none}.email-app.mobile-detail.svelte-1fyyk1i .reader-pane:where(.svelte-1fyyk1i){display:flex}.email-app.mobile-detail.svelte-1fyyk1i .message-list-pane:where(.svelte-1fyyk1i){display:none}}@media(max-width:767px){.email-app.svelte-1fyyk1i{grid-template-columns:1fr;border-radius:var(--radius-lg);height:calc(100dvh - var(--topbar-height) - var(--mobile-nav-height) - var(--space-8))}.folder-pane.svelte-1fyyk1i{display:none}.mobile-back.svelte-1fyyk1i{display:flex}.email-app.mobile-detail.svelte-1fyyk1i .message-list-pane:where(.svelte-1fyyk1i){display:none}.email-app.mobile-detail.svelte-1fyyk1i .reader-pane:where(.svelte-1fyyk1i){display:flex}.mobile-folder-bar.svelte-1fyyk1i{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-base);flex-shrink:0;overflow:hidden}.mobile-folder-tabs.svelte-1fyyk1i{display:flex;align-items:center;gap:var(--space-1);overflow-x:auto;flex:1;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-folder-tabs.svelte-1fyyk1i::-webkit-scrollbar{display:none}.mobile-folder-tab.svelte-1fyyk1i{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0;transition:all var(--duration-fast)}.mobile-folder-tab.svelte-1fyyk1i:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.mobile-folder-tab.active.svelte-1fyyk1i{background:var(--color-accent-subtle);color:var(--color-accent);font-weight:var(--font-medium)}.pane-header.svelte-1fyyk1i{display:none}}