@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600&family=Source+Serif+4:opsz,wght@8..60,400;600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0f12;--bg-2:#11151a;--bg-3:#151a1f;--surface:#191d22;--surface-2:#20252b;--ink:#e5e7ea;--muted:#9aa0a6;--accent:#8fa1a6;--accent-2:#b08b6a;--accent-3:#8aa0b4;--accent-rgb:143,161,166;--accent-2-rgb:176,139,106;--accent-3-rgb:138,160,180;--border:#2a3036;--shadow:0 26px 60px #0000008c;--shadow-soft:0 12px 24px #00000059;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;--font-ui:"IBM Plex Sans","Segoe UI","Helvetica Neue",Arial,sans-serif;--font-serif:"Source Serif 4","Times New Roman",serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3efe7;--bg-2:#eff6f4;--bg-3:#fdf7ee;--surface:#fff;--surface-2:#fdf8f1;--ink:#1b2a29;--muted:#5b6b69;--accent:#1f7a72;--accent-2:#d4813c;--accent-3:#3a6ea5;--accent-rgb:31,122,114;--accent-2-rgb:212,129,60;--accent-3-rgb:58,110,165;--border:#e5d9cb;--shadow:0 26px 60px #141e1c24;--shadow-soft:0 12px 24px #141e1c14}*{box-sizing:border-box}body{min-height:100vh;font-family:var(--font-ui);color:var(--ink);background-color:var(--bg);background:linear-gradient(120deg,var(--bg)0%,var(--bg-2)55%,var(--bg-3)100%);margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{color:inherit;font-family:inherit}input{font-family:inherit}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-links{z-index:10000;position:absolute;top:0;left:0}.skip-link{background:var(--surface-raised);width:1px;height:1px;color:var(--text);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:1rem 1.5rem;font-weight:600;text-decoration:none;position:absolute;top:auto;left:-9999px;overflow:hidden}.skip-link:focus{z-index:10001;outline:2px solid var(--accent);outline-offset:2px;width:auto;height:auto;position:fixed;top:1rem;left:1rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){:root{--border:currentColor}.button,.chip,.badge,.status-pill{border:2px solid}}.mobile-menu-toggle{width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.25rem;transition:background .2s;display:none}.mobile-menu-toggle:hover{background:var(--surface-hover)}@media (max-width:768px){.mobile-menu-toggle{display:flex}}.offline-banner,.update-banner{z-index:10000;justify-content:center;align-items:center;gap:12px;padding:12px 24px;font-size:14px;font-weight:500;animation:.3s ease-out slideDown;display:flex;position:fixed;top:0;left:0;right:0}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.offline-banner{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.offline-banner__icon{font-size:16px}.update-banner{background:linear-gradient(135deg,var(--accent),var(--accent-3));color:#fff}.update-banner__button{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:600;transition:background .2s}.update-banner__button:hover{background:#ffffff4d}.update-banner__dismiss{color:#fffc;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:18px;position:absolute;right:16px}.update-banner__dismiss:hover{color:#fff}:is(.app:has(.offline-banner),.app:has(.update-banner)){padding-top:68px}#root{min-height:100vh}.app{grid-template-rows:auto 1fr;gap:24px;min-height:100vh;padding:28px 32px 36px;display:grid;position:relative;overflow:hidden}.app__glow{background:radial-gradient(circle at 30% 30%,rgba(var(--accent-rgb),.35),transparent 60%),radial-gradient(circle at 70% 40%,rgba(var(--accent-2-rgb),.25),transparent 70%);pointer-events:none;z-index:0;width:520px;height:420px;position:absolute;top:-160px;right:-140px}.topbar{z-index:1;justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.brand{align-items:center;gap:16px;display:flex}.brand__mark{background:linear-gradient(135deg,var(--accent),var(--accent-3));color:#fff;letter-spacing:.08em;width:52px;height:52px;box-shadow:var(--shadow-soft);border-radius:18px;place-items:center;font-weight:700;display:grid}.brand__title{margin:0;font-size:1.2rem;font-weight:600}.brand__subtitle{color:var(--muted);margin:4px 0 0;font-size:.9rem}.topbar__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;display:flex}.language-selector{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;padding:.375rem .75rem;font-size:.813rem;font-weight:500;transition:border-color .15s}.language-selector:hover{border-color:var(--accent)}.language-selector:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2);outline:none}.search{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:999px;align-items:center;gap:10px;min-width:320px;padding:8px 14px;display:flex}.search input{width:100%;color:var(--ink);background:0 0;border:none;outline:none;font-size:.95rem}.search input::placeholder{color:var(--muted)}.search__icon{border:2px solid var(--muted);border-radius:50%;width:18px;height:18px;position:relative}.search__icon:after{content:"";background:var(--muted);border-radius:999px;width:8px;height:2px;position:absolute;bottom:-2px;right:-6px;transform:rotate(35deg)}.workspace{--sidebar-width:280px;--list-pane-width:370px;z-index:1;grid-template-columns:var(--sidebar-width)auto var(--list-pane-width)auto minmax(360px,1fr);align-items:stretch;gap:0;display:grid;position:relative}.workspace.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.workspace.is-resizing *{pointer-events:none;cursor:col-resize!important}.workspace.is-resizing .resize-handle{pointer-events:auto}.resize-handle{cursor:col-resize;z-index:10;justify-content:center;align-items:center;width:20px;display:flex;position:relative}.resize-handle:before{content:"";background:var(--border);opacity:0;border-radius:2px;width:4px;height:40px;transition:opacity .15s,background .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resize-handle:hover:before,.workspace.is-resizing .resize-handle:before{opacity:1}.resize-handle:hover:before{background:var(--text-muted)}.workspace.is-resizing .resize-handle:before{background:var(--accent)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-direction:column;gap:18px;padding:20px;animation:.6s both fadeUp;display:flex}.sidebar{gap:20px;padding:18px}.panel__section{flex-direction:column;gap:12px;display:flex}.section__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.section__header h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:.95rem}.account-list{flex-direction:column;gap:10px;display:flex}.account-card{border-radius:var(--radius-md);background:var(--surface-2);box-shadow:var(--shadow-soft);cursor:grab;border:1px solid #0000;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px;transition:transform .2s,border-color .2s,opacity .2s;animation:.6s both fadeUp;display:grid;position:relative}.account-card:hover{border-color:rgba(var(--accent-rgb),.3);transform:translateY(-2px)}.account-card.is-active{border-color:rgba(var(--accent-rgb),.6);background:rgba(var(--accent-rgb),.08)}.account-card.is-dragging{opacity:.5;cursor:grabbing;transform:scale(.98)}.account-card.is-drop-target{border-color:var(--accent);background:rgba(var(--accent-rgb),.15)}.account-card.is-drop-target:before{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;top:0;left:0;right:0}.account-card__avatar{border-radius:50%;width:36px;height:36px}.account-card__meta{text-align:left;flex-direction:column;gap:4px;display:flex}.account-card__aside{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.account-card__name{font-weight:600}.account-card__email{color:var(--muted);font-size:.85rem}.status-pill{background:rgba(var(--accent-rgb),.12);color:var(--accent);border-radius:999px;padding:4px 10px;font-size:.75rem}.status-pill--needs-auth{background:rgba(var(--accent-2-rgb),.15);color:var(--accent-2)}.status-pill--syncing{background:rgba(var(--accent-3-rgb),.15);color:var(--accent-3)}.count-pill{background:var(--accent);color:#fff;border-radius:999px;margin-left:auto;padding:3px 8px;font-size:.75rem}.folder-list{flex-direction:column;gap:6px;display:flex}.folder-item{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;padding:10px 12px;transition:background .2s,border-color .2s;display:flex}.folder-item.is-active{background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.35)}.folder-item__count{color:var(--muted);font-size:.75rem}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sync-card{border-radius:var(--radius-md);background:linear-gradient(135deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-2-rgb),.08));border:1px solid rgba(var(--accent-rgb),.2);flex-direction:column;gap:12px;margin-top:auto;padding:16px;display:flex}.sync-card__title{margin:0;font-weight:600}.sync-card__meta{color:var(--muted);margin:4px 0 0;font-size:.85rem}.sync-card__rows{flex-direction:column;gap:8px;display:flex}.sync-row{align-items:center;gap:8px;font-size:.85rem;display:flex}.sync-dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.sync-dot--warn{background:var(--accent-2)}.sync-dot--ok{background:var(--success)}.sync-dot--error{background:var(--error)}.sync-card__header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.sync-card--offline{background:linear-gradient(135deg,#ef44441f,#fb923c14);border-color:#ef44444d}.sync-card--error{background:linear-gradient(135deg,#ef44441a,#f59e0b0f);border-color:#ef444440}.offline-indicator{margin-right:.375rem}.sync-btn{background:var(--surface-02);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:all .2s;display:flex}.sync-btn:hover:not(:disabled){background:var(--surface-03);transform:scale(1.05)}.sync-btn:disabled{opacity:.5;cursor:not-allowed}.sync-btn.is-syncing{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sync-progress{background:var(--surface-02);border-radius:2px;height:4px;overflow:hidden}.sync-progress__bar{background:var(--accent);border-radius:2px;height:100%;transition:width .2s}.sync-error{border-radius:var(--radius-sm);background:#ef44441a;border:1px solid #ef444433;align-items:flex-start;gap:.5rem;padding:.5rem .625rem;display:flex}.sync-error__icon{flex-shrink:0;font-size:.875rem}.sync-error__text{color:var(--text-primary);margin:0;font-size:.75rem;line-height:1.4}.storage-usage{border-top:1px solid var(--border);margin-top:.25rem;padding-top:.75rem}.storage-usage__header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.storage-usage__label{color:var(--text-muted);font-size:.75rem}.storage-usage__value{color:var(--text-primary);font-size:.75rem;font-weight:500}.storage-usage__bar{background:var(--surface-02);border-radius:3px;height:6px;overflow:hidden}.storage-usage__fill{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}.storage-usage__fill--warning{background:#f59e0b}.storage-usage__fill--critical{background:var(--error)}.list{gap:16px}.list__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.list__tools{flex-wrap:wrap;gap:8px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin:0 0 6px;font-size:.7rem}.list h2{margin:0 0 4px;font-size:1.6rem}.muted{color:var(--muted);margin:0}.list__insight{border-radius:var(--radius-md);background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.2);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.insight__title{margin:0;font-weight:600}.message-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.message-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:1fr auto;gap:12px;padding:14px;transition:border-color .2s,box-shadow .2s;animation:.6s both fadeUp;display:grid}.message-item.is-unread{border-color:rgba(var(--accent-rgb),.4);box-shadow:var(--shadow-soft)}.message-item__main{flex-direction:column;gap:6px;display:flex}.message-item__top{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:.85rem;display:flex}.message-item__from{color:var(--ink);font-weight:600}.message-item__subject{margin:0;font-weight:600}.message-item__snippet{color:var(--muted);margin:0;font-size:.9rem}.message-item__meta{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.tag{background:rgba(var(--accent-rgb),.12);color:var(--accent);border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:600}.tag--solid{background:rgba(var(--accent-rgb),.2)}.attachment-pill{background:rgba(var(--accent-3-rgb),.12);color:var(--accent-3);border-radius:999px;padding:4px 10px;font-size:.75rem}.flag-pill{background:rgba(var(--accent-2-rgb),.18);color:var(--accent-2);border-radius:999px;padding:4px 10px;font-size:.75rem}.reader{gap:20px}.reader__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.reader__title h2{margin:8px 0 0;font-size:1.5rem}.reader__actions{flex-wrap:wrap;gap:8px;display:flex}.badge{background:rgba(var(--accent-rgb),.15);color:var(--accent);border-radius:999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.reader__meta{border-radius:var(--radius-md);background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.2);grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:12px 14px;display:grid}.meta-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 6px;font-size:.75rem}.meta-value{margin:0;font-weight:600}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.reader__body{font-family:var(--font-serif);color:var(--ink);flex-direction:column;gap:14px;line-height:1.65;display:flex}.reader__body p{margin:0}.reader__attachments,.attachment-list{flex-direction:column;gap:10px;display:flex}.attachment-card{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.attachment-card__name{margin:0 0 4px;font-weight:600}.reader__rules{border-radius:var(--radius-md);border:1px dashed rgba(var(--accent-rgb),.35);flex-direction:column;gap:12px;padding:14px;display:flex}.rules-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.rules-card{border-radius:var(--radius-md);background:rgba(var(--accent-rgb),.08);padding:10px 12px}.rules-card__value{margin:0 0 6px;font-size:1.1rem;font-weight:600}.button{background:var(--surface-2);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-soft);border:1px solid #0000;border-radius:999px;padding:10px 16px;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s}.button--primary{background:var(--accent);color:#fff}.button--ghost{border-color:var(--border);box-shadow:none;background:0 0}.button--soft{background:rgba(var(--accent-rgb),.12);color:var(--accent);border-color:rgba(var(--accent-rgb),.2)}.button--sm{border-radius:10px;padding:6px 12px;font-size:.8rem}.chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:.8rem}.chip--ghost{background:0 0}.chip--soft{background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.2);color:var(--accent)}.tabs{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;flex-wrap:wrap;gap:6px;width:fit-content;padding:4px;display:inline-flex}.tabs--compact{align-self:flex-start}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:600}.tab.is-active{background:rgba(var(--accent-rgb),.18);color:var(--ink)}.select{min-width:150px;position:relative}.select select{appearance:none;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--ink);border-radius:999px;padding:6px 30px 6px 12px;font-size:.8rem}.select select:focus{border-color:rgba(var(--accent-rgb),.6);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.2);outline:none}.select:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);pointer-events:none;width:6px;height:6px;position:absolute;top:50%;right:12px;transform:translateY(-60%)rotate(45deg)}.select--full{width:100%}.input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--ink);border-radius:12px;padding:10px 12px}.input::placeholder{color:var(--muted)}.input:focus{border-color:rgba(var(--accent-rgb),.6);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.2);outline:none}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:.8rem;display:flex}.field span{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.field--full{grid-column:1/-1}.empty-card{border-radius:var(--radius-md);border:1px dashed rgba(var(--accent-rgb),.3);background:rgba(var(--accent-rgb),.06);flex-direction:column;gap:8px;padding:12px;display:flex}.empty-card__title{color:var(--ink);margin:0;font-weight:600}.placeholder-card{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);flex-direction:column;gap:10px;margin-top:10px;padding:14px;display:flex}.skeleton{background:linear-gradient(90deg,rgba(var(--accent-rgb),.08),rgba(var(--accent-rgb),.2),rgba(var(--accent-rgb),.08));background-size:200% 100%;border-radius:999px;height:10px;animation:1.8s infinite shimmer}.skeleton--lg{height:16px}.skeleton--sm{width:65%}.modal{z-index:30;place-items:center;display:grid;position:fixed;inset:0}.modal__backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a0cb3;position:absolute;inset:0}.modal__card{z-index:1;background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);width:min(580px,92vw);box-shadow:var(--shadow);flex-direction:column;gap:18px;padding:20px;animation:.4s both fadeUp;display:flex;position:relative}.modal__card--wizard{width:min(640px,92vw);max-height:85vh;overflow-y:auto}.modal__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal__header h3{margin:6px 0 0;font-size:1.2rem}.modal__body{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.modal__footer{justify-content:flex-end;gap:12px;display:flex}.modal__footer--center{justify-content:center}.modal__body--manual{gap:14px}.modal__body--advanced{border-top:1px solid var(--border);padding-top:12px}.drawer{opacity:0;pointer-events:none;z-index:25;grid-template-columns:1fr minmax(320px,420px);transition:opacity .2s;display:grid;position:fixed;inset:0}.drawer.is-open{opacity:1;pointer-events:auto}.drawer__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a0c99}.drawer__panel{background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow);flex-direction:column;gap:16px;padding:22px;transition:transform .25s;display:flex;transform:translate(100%)}.drawer.is-open .drawer__panel{transform:translate(0)}.drawer__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.drawer__content{flex-direction:column;flex:1;gap:12px;display:flex}.drawer__row{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.drawer__name{margin:0 0 4px;font-weight:600}.drawer__actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.drawer__footer{border-top:1px solid var(--border);flex-direction:column;gap:12px;padding-top:16px;display:flex}.drawer__field{color:var(--muted);flex-direction:column;gap:6px;font-size:.8rem;display:flex}.toast-stack{z-index:15;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;min-width:260px;padding:12px 14px;display:flex}.toast--warn{border-color:rgba(var(--accent-2-rgb),.4)}.toast__title{margin:0 0 4px;font-weight:600}.toast__meta{color:var(--muted);margin:0;font-size:.8rem}.toast__dot{background:rgba(var(--accent-rgb),.7);border-radius:50%;width:10px;height:10px}.toast__dot--ok{background:rgba(var(--accent-rgb),.9)}.toast__dot--warn{background:rgba(var(--accent-2-rgb),.8)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.workspace{grid-template-columns:240px auto minmax(300px,1fr)}.resize-handle--list{display:none}.reader{grid-column:1/-1}}@media (max-width:900px){.app{padding:24px}.topbar{flex-direction:column;align-items:flex-start}.topbar__actions{justify-content:space-between;width:100%}.search{flex:1;min-width:0}.workspace{grid-template-columns:1fr}.resize-handle{display:none}.reader__meta,.rules-grid,.modal__body,.drawer{grid-template-columns:1fr}.drawer__panel{border-left:none;border-top:1px solid var(--border)}.toast-stack{left:16px;right:16px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.wizard__content{flex-direction:column;gap:16px;display:flex}.wizard__content--center{text-align:center;align-items:center;padding:20px 0}.wizard__description{color:var(--muted);margin:0;font-size:.9rem}.wizard__toggle{align-self:flex-start}.provider-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.provider-card{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;transition:transform .2s,border-color .2s,background .2s;display:flex}.provider-card:hover{border-color:rgba(var(--accent-rgb),.4);transform:translateY(-2px)}.provider-card.is-selected{border-color:var(--accent);background:rgba(var(--accent-rgb),.1)}.provider-card__icon{background:linear-gradient(135deg,rgba(var(--accent-rgb),.2),rgba(var(--accent-3-rgb),.15));width:40px;height:40px;color:var(--accent);border-radius:12px;place-items:center;font-size:1.1rem;font-weight:700;display:grid}.provider-card__name{text-align:center;font-size:.9rem;font-weight:600}.provider-card__domain{color:var(--muted);font-size:.75rem}.wizard__notice{border-radius:var(--radius-md);background:rgba(var(--accent-2-rgb),.12);border:1px solid rgba(var(--accent-2-rgb),.25);gap:12px;padding:12px 14px;display:flex}.wizard__notice--info{background:rgba(var(--accent-3-rgb),.12);border-color:rgba(var(--accent-3-rgb),.25)}.wizard__notice-icon{background:rgba(var(--accent-2-rgb),.2);width:24px;height:24px;color:var(--accent-2);border-radius:50%;flex-shrink:0;place-items:center;font-size:.85rem;font-weight:700;display:grid}.wizard__notice--info .wizard__notice-icon{background:rgba(var(--accent-3-rgb),.2);color:var(--accent-3)}.wizard__notice p{color:var(--ink);margin:0;font-size:.85rem;line-height:1.5}.color-picker{flex-wrap:wrap;gap:8px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:transform .2s,border-color .2s}.color-swatch:hover{transform:scale(1.1)}.color-swatch.is-selected{border-color:var(--ink);box-shadow:0 0 0 2px var(--surface)}.field-group{border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);flex-direction:column;grid-column:1/-1;gap:10px;padding:14px;display:flex}.field-group__title{color:var(--ink);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.8rem;font-weight:600}.field-group__row{grid-template-columns:2fr 80px 1fr;gap:10px;display:grid}.field--sm{max-width:80px}.wizard__spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.wizard__status{margin:12px 0 0;font-size:1.1rem;font-weight:600}.wizard__icon{border-radius:50%;place-items:center;width:64px;height:64px;font-size:1.8rem;display:grid}.wizard__icon--success{background:rgba(var(--accent-rgb),.15);color:var(--accent)}.wizard__icon--error{background:rgba(var(--accent-2-rgb),.15);color:var(--accent-2)}.wizard__summary{border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);width:100%;max-width:320px;margin-top:16px;padding:14px}.wizard__summary-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 0;display:flex}.wizard__summary-row:last-child{border-bottom:none}.wizard__summary-label{color:var(--muted);font-size:.85rem}.wizard__summary-value{font-size:.85rem;font-weight:600}.wizard__error{border-radius:var(--radius-md);background:rgba(var(--accent-2-rgb),.1);border:1px solid rgba(var(--accent-2-rgb),.25);max-width:400px;padding:12px 14px}.wizard__error p{color:var(--accent-2);margin:0;font-size:.85rem}.wizard__tips{text-align:left;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);max-width:400px;padding:14px}.wizard__tips-title{margin:0 0 10px;font-size:.85rem;font-weight:600}.wizard__tips ul{margin:0;padding-left:20px}.wizard__tips li{color:var(--muted);margin-bottom:6px;font-size:.85rem}.wizard__tips li:last-child{margin-bottom:0}@media (max-width:600px){.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-group__row{grid-template-columns:1fr}.field--sm{max-width:none}}.search__filters{gap:8px;display:flex}.search__filter-select{appearance:none;border:1px solid var(--border);background:var(--surface-2);color:var(--ink);cursor:pointer;border-radius:999px;padding:4px 24px 4px 10px;font-size:.8rem}.folder-icon{opacity:.6;width:16px;height:16px;display:inline-block}.folder-item__label{align-items:center;gap:8px;display:flex}.folder-item__count--accent{background:var(--accent);color:#fff;border-radius:999px;padding:2px 8px;font-weight:600}.folder-section{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.folder-section__title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);align-items:center;gap:8px;margin:0 0 8px;font-size:.7rem;display:flex}.folder-section__hint{color:var(--text-tertiary);text-transform:none;letter-spacing:normal;font-size:.65rem;font-weight:400}.folder-list--custom{gap:4px}.folder-item-wrapper{cursor:grab;align-items:center;gap:4px;transition:opacity .2s,transform .2s;display:flex;position:relative}.folder-item-wrapper:active{cursor:grabbing}.folder-item-wrapper.is-dragging{opacity:.5;transform:scale(.98)}.folder-item-wrapper.is-folder-drop-target{background:rgba(var(--accent-rgb),.1);border-radius:var(--radius-sm)}.folder-item-wrapper.is-folder-drop-target:before{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;top:0;left:0;right:0}.folder-item-wrapper .folder-item{flex:1}.folder-item__input{border-radius:var(--radius-sm);border:1px solid var(--accent);background:var(--surface);color:var(--ink);flex:1;padding:8px 12px;font-size:.9rem}.folder-item__actions{opacity:0;gap:4px;transition:opacity .2s;display:flex}.folder-item-wrapper:hover .folder-item__actions{opacity:1}.folder-action-btn{background:var(--surface-2);color:var(--muted);cursor:pointer;border:none;border-radius:6px;padding:4px 8px;font-size:.7rem;transition:background .2s,color .2s}.folder-action-btn:hover{background:rgba(var(--accent-rgb),.15);color:var(--accent)}.folder-action-btn--danger:hover{background:rgba(var(--accent-2-rgb),.15);color:var(--accent-2)}.bulk-actions{border-radius:var(--radius-md);background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.25);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.bulk-actions__count{color:var(--accent);font-size:.85rem;font-weight:600}.bulk-actions__buttons{gap:8px;display:flex}.list__controls{gap:8px;padding-bottom:8px;display:flex}.chip--active{background:rgba(var(--accent-rgb),.2);border-color:var(--accent);color:var(--accent)}.message-item{grid-template-columns:auto 1fr auto}.message-item.is-active{border-color:var(--accent);background:rgba(var(--accent-rgb),.06)}.message-item.is-selected{background:rgba(var(--accent-rgb),.08)}.message-item__checkbox{align-items:center;padding-right:8px;display:flex}.message-item__checkbox input{cursor:pointer;width:16px;height:16px;accent-color:var(--accent)}.message-item__main{cursor:pointer}.message-item__date{color:var(--muted);margin-left:auto;font-size:.75rem}.message-item__thread-count{color:var(--muted);margin-left:6px;font-size:.75rem;font-weight:400}.message-item__icons{gap:4px;margin-bottom:6px;display:flex}.icon-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:2px;font-size:1rem;transition:color .2s}.icon-btn:hover{color:var(--accent)}.icon-btn--active{color:#f59e0b}.icon-btn--flagged{color:var(--accent-2)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-state__title{margin:0 0 8px;font-size:1.1rem;font-weight:600}.reader__empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.reader__empty-icon{opacity:.4;margin-bottom:16px;font-size:3rem}.reader__empty-title{margin:0 0 8px;font-size:1.2rem;font-weight:600}.reader__badges{gap:6px;margin-bottom:8px;display:flex}.badge--star{color:#f59e0b;background:#f59e0b26}.badge--flag{background:rgba(var(--accent-2-rgb),.15);color:var(--accent-2)}.tag--thread{background:rgba(var(--accent-3-rgb),.15);color:var(--accent-3)}.modal__card--sm{width:min(400px,92vw)}.modal__body--single{display:block}.settings-drawer{opacity:0;pointer-events:none;z-index:30;grid-template-columns:1fr minmax(480px,560px);transition:opacity .2s;display:grid;position:fixed;inset:0}.settings-drawer.is-open{opacity:1;pointer-events:auto}.settings-drawer__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a0c99}.settings-drawer__panel{background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow);flex-direction:column;gap:16px;padding:22px;transition:transform .25s;display:flex;overflow-y:auto;transform:translate(100%)}.settings-drawer.is-open .settings-drawer__panel{transform:translate(0)}.settings-drawer__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.settings-tabs{border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);gap:4px;padding:4px;display:flex}.settings-tab{border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;background:0 0;border:none;flex:1;padding:8px 12px;font-size:.85rem;font-weight:600;transition:background .2s,color .2s}.settings-tab:hover{color:var(--ink)}.settings-tab.is-active{background:rgba(var(--accent-rgb),.15);color:var(--accent)}.settings-content{flex:1;overflow-y:auto}.settings-section{flex-direction:column;gap:16px;display:flex}.settings-section__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-section__header h4{margin:0;font-size:1rem}.settings-description{margin:0;font-size:.85rem}.settings-list{flex-direction:column;gap:12px;display:flex}.settings-card{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);grid-template-columns:1fr auto;gap:12px;padding:14px;display:grid}.settings-card--signature,.settings-card--rule{grid-template-columns:1fr}.settings-card--rule{grid-template-columns:auto 1fr auto}.settings-card.is-disabled{opacity:.6}.settings-card__main{align-items:center;gap:12px;display:flex}.settings-card__avatar{border-radius:50%;flex-shrink:0;width:36px;height:36px}.settings-card__title{align-items:center;gap:8px;margin:0 0 4px;font-weight:600;display:flex}.settings-card__meta{align-items:center;display:flex}.settings-card__actions{align-items:center;gap:8px;display:flex}.settings-card__priority{flex-direction:column;align-items:center;gap:4px;display:flex}.priority-btn{border:1px solid var(--border);background:var(--surface);width:24px;height:24px;color:var(--muted);cursor:pointer;border-radius:6px;place-items:center;font-size:.8rem;transition:background .2s,color .2s;display:grid}.priority-btn:hover:not(:disabled){background:rgba(var(--accent-rgb),.1);color:var(--accent)}.priority-btn:disabled{opacity:.3;cursor:not-allowed}.priority-num{color:var(--muted);font-size:.75rem;font-weight:600}.signature-editor{flex-direction:column;gap:12px;width:100%;display:flex}.signature-editor__actions{justify-content:flex-end;display:flex}.signature-preview{white-space:pre-wrap;max-height:60px;font-size:.85rem;overflow:hidden}.rule-editor{flex-direction:column;gap:14px;width:100%;display:flex}.rule-editor__actions{justify-content:flex-end;display:flex}.rule-builder{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);flex-direction:column;gap:10px;padding:12px;display:flex}.rule-builder__label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0;font-size:.75rem;font-weight:600}.rule-condition,.rule-action{grid-template-columns:1fr 1fr 2fr;gap:8px;display:grid}.rule-action{grid-template-columns:1fr 2fr}.settings-form{flex-direction:column;gap:12px;display:flex}.settings-toggle{border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.settings-toggle span{font-size:.9rem}.notification-permission-card{border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);flex-direction:column;gap:12px;margin:4px 0;padding:14px;display:flex}.notification-permission-card__info{justify-content:space-between;align-items:center;display:flex}.notification-permission-card__label{color:var(--text);font-size:.9rem}.notification-permission-card__status{border-radius:var(--radius-sm);padding:4px 10px;font-size:.8rem;font-weight:600}.notification-permission-card__status--granted{color:#10b981;background:#10b98126}.notification-permission-card__status--denied{color:#ef4444;background:#ef444426}.notification-permission-card__status--default{color:var(--text-secondary);background:#6b728026}.notification-permission-card__actions{align-items:center;gap:8px;display:flex}.notification-permission-card__hint{color:var(--text-tertiary);font-size:.8rem;font-style:italic}.notification-section{margin-top:.5rem}.notification-section__title{color:var(--text);margin-bottom:.25rem;font-size:.85rem;font-weight:600}.notification-accounts-list,.notification-folders-list{flex-direction:column;gap:.75rem;display:flex}.notification-account-item,.notification-folder-item{background:var(--surface-02);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.notification-account-item__header{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.notification-account-item__avatar{border-radius:var(--radius-full);flex-shrink:0;width:32px;height:32px}.notification-account-item__info{flex-direction:column;min-width:0;display:flex}.notification-account-item__name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.notification-account-item__email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.notification-account-item__controls,.notification-folder-item__controls{flex-shrink:0;align-items:center;gap:1rem;display:flex}.notification-folder-item__header{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.notification-folder-item__icon{flex-shrink:0;font-size:1rem}.notification-folder-item__name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.notification-folder-item__type{text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-sm);background:var(--surface-03);color:var(--text-muted);padding:2px 6px;font-size:.65rem;font-weight:600}.notification-folder-item__type--system{color:#3b82f6;background:#3b82f626}.notification-folder-item__type--smart{color:#f59e0b;background:#f59e0b26}.mini-toggle{cursor:pointer;align-items:center;gap:.5rem;display:flex}.mini-toggle>span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.notification-bell{justify-content:center;align-items:center;display:flex;position:relative}.notification-bell__icon{font-size:1.1rem}.notification-bell__badge{color:#fff;background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-2px;right:-2px}.notification-bell.has-unread .notification-bell__icon{animation:.5s ease-in-out bellShake}@keyframes bellShake{0%,to{transform:rotate(0)}25%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(5deg)}}.modal--notification-history{justify-content:flex-end;align-items:flex-start;padding:20px}.notification-history-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:400px;max-width:100%;max-height:calc(100vh - 40px);box-shadow:var(--shadow-lg);flex-direction:column;animation:.2s slideInRight;display:flex}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.notification-history-panel__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;display:flex}.notification-history-panel__header h3{color:var(--text);margin:0;font-size:1rem;font-weight:600}.notification-history-panel__actions{align-items:center;gap:.5rem;display:flex}.notification-history-panel__content{flex:1;max-height:500px;overflow-y:auto}.notification-history-panel__empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.notification-history-panel__empty-icon{opacity:.5;margin-bottom:.75rem;font-size:2.5rem}.notification-history-panel__empty-title{color:var(--text);margin-bottom:.25rem;font-size:1rem;font-weight:500}.notification-history-list{flex-direction:column;display:flex}.notification-history-item{border-bottom:1px solid var(--border);cursor:pointer;text-align:left;background:0 0;border-top:none;border-left:none;border-right:none;align-items:flex-start;gap:.75rem;width:100%;padding:1rem 1.25rem;transition:background .15s;display:flex}.notification-history-item:last-child{border-bottom:none}.notification-history-item:hover{background:var(--surface-02)}.notification-history-item__dot{background:var(--border);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notification-history-item.is-unread .notification-history-item__dot{background:var(--accent)}.notification-history-item__content{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.notification-history-item__title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.notification-history-item.is-unread .notification-history-item__title{font-weight:600}.notification-history-item__body{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.notification-history-item__time{color:var(--text-tertiary);font-size:.7rem}.import-export-section{flex-direction:column;gap:.75rem;display:flex}.import-export-section__title{color:var(--text);margin-bottom:.25rem;font-size:.9rem;font-weight:600}.import-export-group{background:var(--surface-02);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.import-export-group--highlight{background:rgba(var(--accent-rgb),.05);border-color:rgba(var(--accent-rgb),.2)}.import-export-group__header{flex:1;align-items:flex-start;gap:.75rem;min-width:0;display:flex}.import-export-group__icon{flex-shrink:0;margin-top:2px;font-size:1.25rem}.import-export-group__title{color:var(--text);margin-bottom:.125rem;font-size:.9rem;font-weight:500}.import-export-group__actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.import-file-label{cursor:pointer}.import-file-label:hover{background:var(--surface-03)}.macros-drawer{z-index:1000;pointer-events:none;opacity:0;transition:opacity .2s;position:fixed;inset:0}.macros-drawer.is-open{pointer-events:auto;opacity:1}.macros-drawer__overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;position:absolute;inset:0}.macros-drawer__panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;width:480px;max-width:100%;transition:transform .3s;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.macros-drawer.is-open .macros-drawer__panel{transform:translate(0)}.macros-drawer__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex}.macros-drawer__header h2{color:var(--text);margin:0;font-size:1.25rem;font-weight:600}.macros-drawer__actions{border-bottom:1px solid var(--border);padding:1rem 1.5rem}.macros-drawer__content{flex:1;padding:1rem 1.5rem;overflow-y:auto}.macros-drawer__empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.macros-drawer__empty-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.macros-drawer__empty-title{color:var(--text);margin-bottom:.25rem;font-size:1.1rem;font-weight:500}.macros-drawer__footer{border-top:1px solid var(--border);background:var(--surface-02);padding:1rem 1.5rem}.macros-list{flex-direction:column;gap:1rem;display:flex}.macro-card{background:var(--surface-02);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);padding:1rem}.macro-card:hover{border-color:var(--text-muted)}.macro-card.is-disabled{opacity:.6}.macro-card__header{align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.macro-card__icon{background:var(--surface-03);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.macro-card__info{flex:1;min-width:0}.macro-card__name{color:var(--text);margin:0 0 .25rem;font-size:.95rem;font-weight:600}.macro-card__description{color:var(--text-muted);margin:0;font-size:.8rem}.macro-card__meta{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.macro-card__trigger{text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-sm);background:var(--surface-03);color:var(--text-secondary);padding:3px 8px;font-size:.7rem;font-weight:600}.macro-card__trigger--manual{color:#3b82f6;background:#3b82f626}.macro-card__trigger--schedule{color:#f59e0b;background:#f59e0b26}.macro-card__trigger--on_receive{color:#10b981;background:#10b98126}.macro-card__trigger--on_send{color:#8b5cf6;background:#8b5cf626}.macro-card__actions-count,.macro-card__last-run{color:var(--text-muted);font-size:.75rem}.macro-card__actions{align-items:center;gap:.5rem;display:flex}.settings-field{flex-direction:column;gap:6px;display:flex}.settings-field span{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.75rem;font-weight:600}.settings-field--inline{flex-direction:row;align-items:center;gap:8px}.settings-divider{background:var(--border);height:1px;margin:8px 0}.quiet-hours-config{border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);grid-template-columns:1fr 1fr;gap:12px;padding:12px;display:grid}.toggle-switch{flex-shrink:0;width:44px;height:24px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch__slider{cursor:pointer;background:var(--border);border-radius:999px;transition:background .2s;position:absolute;inset:0}.toggle-switch__slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-switch__slider{background:var(--accent)}.toggle-switch input:checked+.toggle-switch__slider:before{transform:translate(20px)}.textarea{resize:vertical;min-height:80px;font-family:inherit}.select--sm select{padding:4px 24px 4px 8px;font-size:.75rem}@media (max-width:600px){.settings-drawer{grid-template-columns:1fr}.settings-drawer__panel{border-left:none;border-top:1px solid var(--border)}.settings-tabs{flex-wrap:wrap}.settings-tab{flex:none;padding:6px 10px;font-size:.8rem}.rule-condition,.rule-action,.quiet-hours-config{grid-template-columns:1fr}}.modal__card--shortcuts{width:min(460px,92vw)}.shortcuts-list{flex-direction:column;gap:8px;display:flex}.shortcut-item{border-radius:var(--radius-sm);background:var(--surface-2);align-items:center;gap:16px;padding:10px 12px;display:flex}.shortcut-key{background:var(--surface);border:1px solid var(--border);min-width:60px;font-family:var(--font-ui);text-align:center;color:var(--accent);border-radius:8px;padding:6px 10px;font-size:.85rem;font-weight:600}.shortcut-desc{color:var(--ink);font-size:.9rem}.shortcuts-hint{text-align:center;margin-top:12px;font-size:.8rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-loading{animation:1.5s ease-in-out infinite pulse}:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{background:var(--accent);color:#fff;z-index:100;padding:8px 16px;text-decoration:none;transition:top .2s;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.panel,.modal__card,.drawer__panel,.settings-drawer__panel{transition:transform .25s,opacity .25s}.message-item{transition:transform .15s,border-color .2s,box-shadow .2s,background .2s}.message-item:hover{transform:translate(2px)}.button{transition:transform .15s,box-shadow .2s,border-color .2s,background .2s}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button--primary:hover{box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.folder-item{transition:background .15s,border-color .15s,transform .15s}.folder-item:hover{background:rgba(var(--accent-rgb),.06)}.account-card{transition:transform .2s,border-color .2s,box-shadow .2s}.provider-card{transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.provider-card:hover{box-shadow:0 8px 24px #00000026}.tag{transition:background .15s,transform .15s}.tag:hover{transform:scale(1.05)}.chip{transition:background .15s,border-color .15s,color .15s}.toast{animation:.3s slideInRight}.wizard__spinner{animation:1s linear infinite spin}.icon-btn{transition:color .15s,transform .15s}.icon-btn:hover{transform:scale(1.15)}.settings-card{transition:border-color .2s,box-shadow .2s}.settings-card:hover{border-color:rgba(var(--accent-rgb),.3)}.drawer.is-open .drawer__panel,.settings-drawer.is-open .settings-drawer__panel{animation:.3s slideInFromRight}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.color-swatch{transition:transform .15s,border-color .15s,box-shadow .15s}.color-swatch:hover{box-shadow:0 2px 8px #0003}.priority-btn{transition:background .15s,color .15s,transform .15s}.priority-btn:hover:not(:disabled){transform:scale(1.1)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){:root{--border:#555}.button--primary{border:2px solid}.tag,.badge,.chip{border:1px solid}}.modal--compose{z-index:1100}.modal__card--compose{flex-direction:column;width:min(720px,90vw);max-height:85vh;animation:.25s ease-out compose-slide-up;display:flex}@keyframes compose-slide-up{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.compose__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:1rem 1.5rem;display:flex}.compose__header-actions{align-items:center;gap:.5rem;display:flex}.compose__saved{color:var(--accent);background:var(--accent-tint);border-radius:4px;padding:.25rem .5rem;font-size:.75rem;animation:.2s fade-in}.compose__saving{color:var(--text-muted);align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem;display:flex}.compose__saving:before{content:"";border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}.compose__body{flex-direction:column;flex:1;padding:0;display:flex;position:relative;overflow-y:auto}.compose__field{border-bottom:1px solid var(--border);align-items:flex-start;gap:1rem;padding:.75rem 1.5rem;display:flex;position:relative}.compose__field--from{background:var(--surface-02)}.compose__label{width:60px;color:var(--muted);flex-shrink:0;padding-top:.375rem;font-size:.8125rem}.compose__recipients{flex-wrap:wrap;flex:1;align-items:center;gap:.375rem;min-height:32px;display:flex}.compose__recipient-tag{background:var(--accent-tint);color:var(--text);border-radius:4px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.8125rem;animation:.15s tag-pop;display:inline-flex}@keyframes tag-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.compose__recipient-remove{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-left:.125rem;padding:0;font-size:1rem;line-height:1;transition:color .15s}.compose__recipient-remove:hover{color:var(--text)}.compose__input-wrapper{flex:1;min-width:120px;position:relative}.compose__input{width:100%;color:var(--text);background:0 0;border:none;outline:none;padding:.375rem 0;font-size:.875rem}.compose__input::placeholder{color:var(--muted)}.compose__suggestions{background:var(--surface-02);border:1px solid var(--border);z-index:10;border-radius:8px;margin-top:4px;padding:.25rem;list-style:none;animation:.15s suggestions-fade;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 12px #00000026}@keyframes suggestions-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.compose__suggestion{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;align-items:flex-start;width:100%;padding:.5rem .75rem;transition:background .15s;display:flex}.compose__suggestion:hover{background:var(--surface-03)}.compose__suggestion-name{color:var(--text);font-size:.875rem}.compose__suggestion-email{color:var(--muted);font-size:.75rem}.compose__toggle-cc{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:.75rem;transition:color .15s}.compose__toggle-cc:hover{color:var(--accent)}.compose__subject{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:.375rem 0;font-size:.9375rem;font-weight:500}.compose__subject::placeholder{color:var(--muted);font-weight:400}.compose__toolbar{background:var(--surface-02);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.25rem;padding:.5rem 1.5rem;display:flex}.compose__toolbar-group{align-items:center;gap:.125rem;display:flex}.compose__toolbar-divider{background:var(--border);width:1px;height:20px;margin:0 .5rem}.compose__toolbar-btn{width:28px;height:28px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:.875rem;transition:background .15s,color .15s;display:flex}.compose__toolbar-btn:hover{background:var(--surface-03)}.compose__toolbar-btn--color{font-weight:700;text-decoration:underline}.compose__toolbar-btn--bg{font-size:.75rem}.compose__font-select,.compose__font-size{background:var(--surface-03);border:1px solid var(--border);height:28px;color:var(--text);cursor:pointer;border-radius:4px;padding:0 .5rem;font-size:.75rem}.compose__editor{min-height:200px;color:var(--text);resize:none;background:0 0;border:none;outline:none;flex:1;padding:1rem 1.5rem;font-family:inherit;font-size:.9375rem;line-height:1.6}.compose__editor::placeholder{color:var(--muted)}.compose__attachments{border-top:1px solid var(--border);background:var(--surface-02);padding:.75rem 1.5rem}.compose__attachments-label{color:var(--muted);margin-bottom:.5rem;font-size:.75rem}.compose__attachment-list{flex-wrap:wrap;gap:.5rem;display:flex}.compose__attachment{background:var(--surface-03);border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;animation:.15s tag-pop;display:flex}.compose__attachment-info{flex-direction:column;display:flex}.compose__attachment-name{color:var(--text);font-size:.8125rem}.compose__attachment-size{color:var(--muted);font-size:.6875rem}.compose__attachment-remove{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1rem;line-height:1;transition:color .15s}.compose__attachment-remove:hover{color:var(--text)}.compose__dropzone{background:var(--accent-tint);border:2px dashed var(--accent);pointer-events:none;border-radius:8px;justify-content:center;align-items:center;margin:1rem;display:none;position:absolute;inset:0}.modal__card--compose.is-dragging .compose__dropzone{display:flex}.modal__card--compose:has(.compose__body:active) .compose__dropzone{display:flex}.compose__dropzone p{color:var(--accent);font-weight:500}.modal__card--compose.is-file-drag-over{outline:2px dashed var(--accent);outline-offset:-4px}.compose__drop-overlay{background:rgba(var(--accent-rgb),.1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;border-radius:var(--radius-lg);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.compose__drop-icon{font-size:3rem;animation:.5s infinite alternate bounce}.compose__drop-text{color:var(--accent);font-size:1.125rem;font-weight:600}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.compose__footer{border-top:1px solid var(--border);background:var(--surface-02);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.compose__footer-left{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.compose__footer-right{align-items:center;gap:.5rem;display:flex}.compose__attach-btn{cursor:pointer}.compose__signature-select select,.compose__priority-select select{background:var(--surface-03);border:1px solid var(--border);height:32px;color:var(--text);cursor:pointer;border-radius:4px;padding:0 .5rem;font-size:.75rem}.compose__read-receipt{color:var(--muted);cursor:pointer;align-items:center;gap:.375rem;font-size:.75rem;display:flex}.compose__read-receipt input{cursor:pointer}@media (max-width:640px){.modal__card--compose{border-radius:0;width:100%;height:100%;max-height:100%}.compose__toolbar{padding:.5rem 1rem}.compose__field{flex-direction:column;gap:.25rem;padding:.75rem 1rem}.compose__label{width:auto;padding:0}.compose__footer{flex-direction:column;gap:.75rem;padding:1rem}.compose__footer-left{justify-content:flex-start;width:100%}.compose__footer-right{justify-content:flex-end;width:100%}}.panel__section--quick{padding:.5rem 1rem}.sidebar-action-btn{background:var(--surface-02);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;padding:.625rem .75rem;font-size:.875rem;transition:background .15s,border-color .15s;display:flex}.sidebar-action-btn:hover{background:var(--surface-03);border-color:var(--accent)}.sidebar-action-btn__icon{font-size:1rem}.sidebar-action-btn__count{color:var(--muted);background:var(--surface-03);border-radius:10px;margin-left:auto;padding:.125rem .5rem;font-size:.75rem}.contacts-drawer{z-index:1000;pointer-events:none;opacity:0;transition:opacity .25s;position:fixed;inset:0}.contacts-drawer.is-open{pointer-events:auto;opacity:1}.contacts-drawer__overlay{background:#00000080;position:absolute;inset:0}.contacts-drawer__panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;width:min(900px,100%);transition:transform .25s;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.contacts-drawer.is-open .contacts-drawer__panel{transform:translate(0)}.contacts-drawer__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex}.contacts-drawer__toolbar{border-bottom:1px solid var(--border);gap:.75rem;padding:1rem 1.5rem;display:flex}.contacts-search{flex:1}.contacts-search input{background:var(--surface-02);border:1px solid var(--border);width:100%;height:36px;color:var(--text);border-radius:8px;padding:0 1rem;font-size:.875rem}.contacts-search input::placeholder{color:var(--muted)}.contacts-search input:focus{border-color:var(--accent);outline:none}.contacts-drawer__actions{align-items:center;gap:.5rem;display:flex}.contacts-drawer__filters{border-bottom:1px solid var(--border);gap:.5rem;padding:.75rem 1.5rem;display:flex;overflow-x:auto}.contacts-filter{background:var(--surface-02);border:1px solid var(--border);color:var(--text);white-space:nowrap;cursor:pointer;border-radius:20px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;transition:all .15s;display:flex}.contacts-filter:hover{background:var(--surface-03)}.contacts-filter.is-active{background:var(--accent-tint);border-color:var(--accent);color:var(--accent)}.contacts-filter__dot{border-radius:50%;width:8px;height:8px}.contacts-filter--add{color:var(--muted);border-style:dashed}.contacts-filter--add:hover{color:var(--accent);border-color:var(--accent)}.contacts-drawer__content{flex:1;display:flex;overflow:hidden}.contacts-list{border-right:1px solid var(--border);flex-shrink:0;width:320px;padding:.5rem;overflow-y:auto}.contact-card{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.75rem;transition:background .15s;display:flex}.contact-card:hover{background:var(--surface-02)}.contact-card.is-selected{background:var(--accent-tint)}.contact-card__avatar{background:var(--surface-03);width:40px;height:40px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.contact-card__info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.contact-card__name{color:var(--text);align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;display:flex}.contact-card__star{color:#f59e0b;font-size:.75rem}.contact-card__email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.contact-card__company{color:var(--muted);font-size:.6875rem}.contact-card__groups{flex-shrink:0;gap:.25rem;display:flex}.contact-card__group-dot{border-radius:50%;width:8px;height:8px}.contacts-empty{text-align:center;color:var(--muted);padding:2rem 1rem}.contacts-empty p{margin-bottom:1rem}.contact-detail{flex:1;padding:1.5rem;overflow-y:auto}.contact-detail--empty{justify-content:center;align-items:center;display:flex}.contact-form{max-width:400px}.contact-form__avatar{background:var(--surface-03);width:80px;height:80px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600;display:flex}.contact-form .field{margin-bottom:1rem}.contact-form__groups{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.contact-form__group-check{cursor:pointer;align-items:center;gap:.375rem;font-size:.875rem;display:flex}.contact-form__group-check input{cursor:pointer}.contact-form__actions{border-top:1px solid var(--border);gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.contact-view__header{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.contact-view__avatar{background:var(--accent-tint);width:80px;height:80px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:600;display:flex}.contact-view__title{flex:1}.contact-view__title h4{color:var(--text);margin:0 0 .25rem;font-size:1.25rem;font-weight:600}.contact-view__job{color:var(--text);margin:0 0 .125rem;font-size:.875rem}.contact-view__fav{background:var(--surface-02);border:1px solid var(--border);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:1.25rem;transition:all .15s;display:flex}.contact-view__fav:hover{color:#f59e0b;border-color:#f59e0b}.contact-view__fav.is-active{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b}.contact-view__fields{border-bottom:1px solid var(--border);flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.contact-view__field{flex-direction:column;gap:.25rem;display:flex}.contact-view__label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.contact-view__value{color:var(--text);font-size:.9375rem}.contact-view__value--link{color:var(--accent);text-decoration:none}.contact-view__value--link:hover{text-decoration:underline}.contact-view__groups{flex-wrap:wrap;gap:.5rem;display:flex}.contact-view__group-tag{color:#fff;border-radius:4px;padding:.25rem .625rem;font-size:.75rem}.contact-view__actions{flex-wrap:wrap;gap:.75rem;display:flex}.button--danger{color:#ef4444}@media (max-width:768px){.contacts-drawer__content{flex-direction:column}.contacts-list{border-right:none;border-bottom:1px solid var(--border);width:100%;max-height:40vh}.contact-detail{padding:1rem}}.reader__actions--secondary{border-top:1px solid var(--border);flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}.action-btn{background:var(--surface-02);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;transition:all .15s;display:inline-flex}.action-btn:hover{background:var(--surface-03);border-color:var(--accent)}.action-btn.is-active{background:var(--accent-tint);border-color:var(--accent);color:var(--accent)}.action-btn--danger:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.action-dropdown{position:relative}.action-menu{background:var(--surface-02);border:1px solid var(--border);z-index:100;border-radius:8px;min-width:160px;margin-top:4px;padding:.25rem;animation:.15s menu-fade;position:absolute;top:100%;left:0;box-shadow:0 4px 16px #0003}@keyframes menu-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.action-menu button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;transition:background .15s;display:flex}.action-menu button:hover{background:var(--surface-03)}.action-menu__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.message-item__indicators{gap:.25rem;margin-left:auto;display:flex}.message-item__pin{color:var(--accent);font-size:.75rem}.message-item__snooze{color:#f59e0b;font-size:.75rem}.message-item__category{border-radius:2px;width:4px;height:100%;position:absolute;top:0;bottom:0;left:0}.attachments-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.attachment-card{background:var(--surface-02);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.attachment-card:hover{background:var(--surface-03);border-color:var(--border-subtle)}.attachment-card__icon{flex-shrink:0;font-size:1.5rem}.attachment-card__info{flex:1;min-width:0}.attachment-card__name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.attachment-card__size{color:var(--text-muted);font-size:.75rem}.attachment-card__actions{flex-shrink:0;gap:.5rem;display:flex}.attachment-preview-modal .modal__content--preview{flex-direction:column;width:min(90vw,1000px);height:min(85vh,800px);display:flex}.preview-header-info{align-items:center;gap:1rem;display:flex}.preview-icon{font-size:2rem}.preview-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.preview-meta{color:var(--text-muted);margin:.25rem 0 0;font-size:.75rem}.preview-header-actions{gap:.5rem;display:flex}.preview-content{background:var(--surface-01);border-radius:var(--radius-md);flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}.preview-image{justify-content:center;align-items:center;max-width:100%;max-height:100%;padding:1rem;display:flex}.preview-image img{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:100%;box-shadow:0 4px 16px #0003}.preview-pdf{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.preview-pdf-placeholder{text-align:center;padding:3rem}.preview-pdf-icon{margin-bottom:1rem;font-size:4rem;display:block}.preview-pdf-text{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.preview-pdf-name{font-family:var(--font-mono);color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem}.preview-unsupported{text-align:center;padding:3rem}.preview-unsupported-icon{margin-bottom:1rem;font-size:4rem;display:block}.preview-unsupported p{color:var(--text-secondary);margin-bottom:1.5rem}.context-menu{z-index:1000;background:var(--surface-02);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:180px;padding:.5rem 0;animation:.15s ease-out contextMenuFadeIn;position:fixed}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu__item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.875rem;display:flex}.context-menu__item:hover{background:var(--surface-03)}.context-menu__item--danger{color:var(--danger)}.context-menu__item--danger:hover{background:#ef44441a}.context-menu__icon{text-align:center;flex-shrink:0;width:1.25rem;font-size:1rem}.context-menu__separator{background:var(--border);height:1px;margin:.5rem 0}.context-menu__header{color:var(--text-secondary);border-bottom:1px solid var(--border);margin-bottom:.25rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600}.context-menu__header--text{text-overflow:ellipsis;white-space:nowrap;max-width:200px;color:var(--text-tertiary);font-style:italic;overflow:hidden}.drag-ghost{background:var(--accent);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:none;z-index:9999;padding:.5rem 1rem;font-size:.875rem;font-weight:500;position:fixed;top:-1000px;left:-1000px}.message-item.is-dragging{opacity:.5;background:var(--surface-03)}.message-item[draggable=true]{cursor:grab}.message-item[draggable=true]:active{cursor:grabbing}.folder-item.is-drop-target{background:var(--accent-tint);border-color:var(--accent);outline:2px solid var(--accent);outline-offset:-2px}.folder-item.is-drop-target .folder-item__label{color:var(--accent)}@keyframes dropPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.folder-item.is-drop-target{animation:.6s ease-in-out infinite dropPulse}.settings-tab__badge{background:var(--success);color:#fff;border-radius:var(--radius-full);text-transform:uppercase;margin-left:.5rem;padding:.125rem .5rem;font-size:.625rem;font-weight:600}.auto-reply-status{border-radius:var(--radius-full);padding:.25rem .75rem;font-size:.75rem;font-weight:500}.auto-reply-status--active{color:var(--success);background:#22c55e26}.auto-reply-main{flex-direction:column;gap:1.5rem;display:flex}.settings-toggle--featured{background:var(--surface-02);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem}.settings-toggle--featured>div{flex:1}.auto-reply-config{background:var(--surface-02);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.auto-reply-dates{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.settings-field--full{width:100%}.auto-reply-textarea{resize:vertical;width:100%;min-height:100px;font-family:var(--font-body);line-height:1.5}.auto-reply-preview{background:var(--surface-01);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem}.auto-reply-preview__content{background:var(--surface-02);border-radius:var(--radius-sm);color:var(--text-secondary);white-space:pre-wrap;margin-top:.5rem;padding:1rem;font-size:.875rem}.search-wrapper{position:relative}.search__advanced-toggle{width:24px;height:24px;color:var(--text-muted);cursor:pointer;opacity:.6;transition:var(--transition);background:0 0;border:none;font-size:.625rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.search__advanced-toggle:hover{opacity:1}.advanced-search{background:var(--surface-02);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;max-height:400px;margin-top:.5rem;animation:.2s ease-out advancedSearchSlideIn;position:absolute;top:100%;left:0;right:0;overflow-y:auto}@keyframes advancedSearchSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.advanced-search__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.advanced-search__section{border-bottom:1px solid var(--border);padding:.75rem 1rem}.advanced-search__section:last-child{border-bottom:none}.advanced-search__section-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.advanced-search__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.search-operators{flex-wrap:wrap;gap:.375rem;display:flex}.search-operator{background:var(--surface-03);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--accent);cursor:pointer;transition:var(--transition);padding:.25rem .5rem;font-size:.75rem}.search-operator:hover{background:var(--accent-tint);border-color:var(--accent)}.quick-filters{flex-wrap:wrap;gap:.75rem;display:flex}.quick-filter{cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.quick-filter input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.search-history{flex-direction:column;gap:.25rem;display:flex}.search-history__item{border-radius:var(--radius-sm);color:var(--text-secondary);text-align:left;cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:.5rem;padding:.375rem .5rem;font-size:.875rem;display:flex}.search-history__item:hover{background:var(--surface-03);color:var(--text-primary)}.search-history__icon{opacity:.6;font-size:.75rem}.saved-searches{flex-direction:column;gap:.25rem;display:flex}.saved-search{align-items:center;gap:.5rem;display:flex}.saved-search__btn{border-radius:var(--radius-sm);text-align:left;cursor:pointer;transition:var(--transition);background:0 0;border:none;flex:1;align-items:center;gap:.5rem;padding:.375rem .5rem;display:flex}.saved-search__btn:hover{background:var(--surface-03)}.saved-search__icon{font-size:.75rem}.saved-search__name{color:var(--text-primary);font-size:.875rem;font-weight:500}.saved-search__query{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono)}.advanced-search__footer{border-top:1px solid var(--border);padding:.75rem 1rem}.appearance-group{border-bottom:1px solid var(--border);padding:1rem 0}.appearance-group:last-child{border-bottom:none}.appearance-group__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;font-size:.75rem;font-weight:600}.appearance-group__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.appearance-group__header .appearance-group__label{margin-bottom:0}.toolbar-customize{flex-direction:column;gap:1.25rem;display:flex}.toolbar-customize__group{flex-direction:column;gap:.5rem;display:flex}.toolbar-customize__group-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.toolbar-customize__actions{flex-wrap:wrap;gap:.5rem;display:flex}.toolbar-customize__action{background:var(--surface-02);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.toolbar-customize__action:hover{border-color:var(--text-muted);background:var(--surface-03)}.toolbar-customize__action.is-active{border-color:var(--accent);background:var(--accent-tint)}.toolbar-customize__action input[type=checkbox]{display:none}.toolbar-customize__icon{font-size:1rem}.toolbar-customize__label{color:var(--text-secondary);font-size:.8rem}.toolbar-customize__action.is-active .toolbar-customize__label{color:var(--accent);font-weight:500}.column-widths-info{gap:1rem;display:flex}.column-width-item{background:var(--surface-02);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.column-width-item__label{color:var(--text-secondary);font-size:.8rem}.column-width-item__value{color:var(--accent);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:600}.view-presets{gap:1rem;display:flex}.view-preset{background:var(--surface-02);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;display:flex}.view-preset:hover{border-color:var(--text-muted)}.view-preset.is-active{border-color:var(--accent);background:var(--accent-tint)}.view-preset__preview{border-radius:var(--radius-sm);background:var(--surface-03);gap:2px;width:80px;height:50px;padding:4px;display:grid;overflow:hidden}.view-preset__preview--default,.view-preset__preview--outlook{grid-template-columns:20px 1fr 1fr}.view-preset__preview--gmail{grid-template-columns:20px 1fr}.preset-sidebar{background:var(--text-muted);opacity:.3;border-radius:2px}.preset-list{background:var(--text-muted);opacity:.2;border-radius:2px}.preset-reader{background:var(--accent);opacity:.3;border-radius:2px}.view-preset span{color:var(--text-secondary);font-size:.75rem}.view-preset.is-active span{color:var(--accent);font-weight:500}.density-options,.reader-position-options,.preview-lines-options,.font-size-options{gap:.75rem;display:flex}.density-option,.reader-position-option,.preview-lines-option,.font-size-option{background:var(--surface-02);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.density-option:hover,.reader-position-option:hover,.preview-lines-option:hover,.font-size-option:hover{border-color:var(--text-muted)}.density-option.is-active,.reader-position-option.is-active,.preview-lines-option.is-active,.font-size-option.is-active{border-color:var(--accent);background:var(--accent-tint)}.density-option input,.reader-position-option input,.preview-lines-option input,.font-size-option input{display:none}.density-option__icon{letter-spacing:-2px;color:var(--text-muted);font-size:1rem}.density-option.is-active .density-option__icon{color:var(--accent)}.reader-position-icon{border-radius:var(--radius-sm);background:var(--surface-03);gap:2px;width:40px;height:30px;padding:3px;display:grid}.reader-position-icon--right{grid-template-columns:1fr 1fr}.reader-position-icon--bottom{grid-template-rows:1fr 1fr}.reader-position-icon--hidden{grid-template-columns:1fr}.reader-position-icon div{background:var(--text-muted);opacity:.3;border-radius:2px}.reader-position-option.is-active .reader-position-icon div:last-child{background:var(--accent);opacity:.6}.accent-colors{gap:.5rem;display:flex}.accent-color{cursor:pointer;width:32px;height:32px;transition:var(--transition);border:3px solid #0000;border-radius:50%}.accent-color:hover{transform:scale(1.1)}.accent-color.is-active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--surface-01)}.app--density-compact .message-item{padding:.5rem .75rem}.app--density-compact .message-item__snippet{display:none}.app--density-spacious .message-item{padding:1.25rem 1rem}.app--density-spacious .message-item__snippet{-webkit-line-clamp:3}.app--reader-bottom .workspace{flex-direction:column}.app--reader-bottom .list{max-height:50vh}.app--reader-bottom .reader{border-left:none;border-top:1px solid var(--border)}.app--reader-hidden .reader{display:none}.app--reader-hidden .list{flex:1;max-width:none}.app--font-small{font-size:14px}.app--font-large{font-size:18px}.security-group{border-bottom:1px solid var(--border);padding:1rem 0}.security-group:last-child{border-bottom:none}.security-group__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;font-size:.75rem;font-weight:600}.security-options{flex-direction:column;gap:.5rem;display:flex}.trusted-senders-input{gap:.5rem;margin-bottom:.75rem;display:flex}.trusted-senders-input .input{flex:1}.trusted-senders-list{flex-direction:column;gap:.5rem;display:flex}.trusted-sender{background:var(--surface-02);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.trusted-sender__email{color:var(--text-primary);font-size:.875rem}.security-indicators-info{flex-direction:column;gap:.75rem;display:flex}.security-indicator-item{background:var(--surface-02);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.75rem;display:flex}.security-indicator-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.security-indicator-icon--encrypted{color:var(--success);background:#22c55e26}.security-indicator-icon--signed{color:var(--accent);background:#3b82f626}.security-indicator-icon--warning{color:#f59e0b;background:#f59e0b26}.security-indicator-title{color:var(--text-primary);margin-bottom:.125rem;font-weight:500}.headers-modal .modal__content--headers{flex-direction:column;width:90%;max-width:700px;max-height:85vh;display:flex}.headers-modal .modal__header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex}.headers-actions{gap:.5rem;display:flex}.headers-content{flex:1;padding:1.25rem 1.5rem;overflow-y:auto}.headers-info-bar{background:var(--surface-02);border-radius:var(--radius-md);align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.75rem 1rem;display:flex}.headers-info-icon{flex-shrink:0;font-size:1rem}.headers-info-bar p{color:var(--text-muted);margin:0;font-size:.8125rem}.headers-list{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.header-item{background:var(--surface-02);border-radius:var(--radius-sm);gap:.75rem;padding:.625rem .75rem;font-size:.8125rem;display:flex}.header-key{color:var(--accent);word-break:break-word;flex-shrink:0;min-width:140px;font-weight:600}.header-value{color:var(--text-primary);white-space:pre-wrap;word-break:break-all;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.75rem;line-height:1.5}.headers-raw{border-top:1px solid var(--border);padding-top:1rem}.headers-raw-content{background:var(--surface-01);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);white-space:pre-wrap;word-break:break-all;max-height:200px;margin-top:.75rem;padding:1rem;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.6875rem;line-height:1.6;display:none;overflow-y:auto}.headers-raw-content.is-expanded{display:block}.header-item:hover{background:var(--surface-03)}.header-key[data-key=Authentication-Results],.header-key[data-key=DKIM-Signature]{color:var(--success)}.message-list--virtualized{contain:strict;overflow-y:auto}.virtual-spacer{visibility:hidden}.virtual-items-container{will-change:transform}.compose__warning{border-radius:var(--radius-md);background:#f59e0b1a;border:1px solid #f59e0b4d;justify-content:space-between;align-items:flex-start;gap:1rem;margin-top:.5rem;padding:.75rem 1rem;display:flex}.compose__warning-content{align-items:flex-start;gap:.75rem;display:flex}.compose__warning-icon{flex-shrink:0;font-size:1.125rem}.compose__warning-text{color:var(--text-primary);font-size:.8125rem;line-height:1.5}.compose__warning-text strong{color:#f59e0b}.text-warning{color:#f59e0b!important}.send-confirm-modal .modal__content--confirm{text-align:center;width:90%;max-width:400px;padding:2rem}.send-confirm__icon{margin-bottom:1rem;font-size:3rem}.send-confirm-modal h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.send-confirm__summary{background:var(--surface-02);border-radius:var(--radius-md);text-align:left;margin-bottom:1.5rem;padding:1rem}.send-confirm__row{gap:.75rem;padding:.375rem 0;font-size:.875rem;display:flex}.send-confirm__row:not(:last-child){border-bottom:1px solid var(--border)}.send-confirm__label{color:var(--text-muted);flex-shrink:0;min-width:80px}.send-confirm__value{color:var(--text-primary);word-break:break-word}.send-confirm__actions{justify-content:center;gap:.75rem;display:flex}.send-confirm__actions .button{min-width:100px}.ai-features{border-top:1px solid var(--border);flex-direction:column;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:flex}.ai-category-suggestion{border-radius:var(--radius);background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border:1px solid #8b5cf633;align-items:center;gap:.5rem;padding:.625rem .875rem;display:flex}.ai-category-suggestion__icon{font-size:1rem}.ai-category-suggestion__text{color:var(--text);flex:1;font-size:.813rem}.ai-category-suggestion__text strong{color:#8b5cf6}.ai-actions{flex-wrap:wrap;gap:.5rem;display:flex}.ai-action-btn{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.813rem;font-weight:500;transition:all .15s;display:inline-flex}.ai-action-btn:hover{background:var(--surface-hover);border-color:var(--accent)}.ai-action-btn.is-active{background:var(--accent-tint);border-color:var(--accent);color:var(--accent)}.ai-action-btn:disabled{opacity:.6;cursor:not-allowed}.ai-panel{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.ai-panel__header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#8b5cf614,#3b82f614);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.ai-panel__title{color:var(--text);font-size:.813rem;font-weight:600}.ai-panel__close{border-radius:var(--radius);width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.125rem;display:flex}.ai-panel__close:hover{background:var(--surface-hover);color:var(--text)}.ai-panel__controls{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.ai-panel__label{color:var(--text-muted);white-space:nowrap;font-size:.813rem}.ai-panel__content{padding:1rem}.ai-panel__content p{color:var(--text);margin:0;font-size:.875rem;line-height:1.6}.ai-panel__pre{color:var(--text);white-space:pre-wrap;margin:0;font-family:inherit;font-size:.875rem;line-height:1.6}.ai-panel__loading{flex-direction:column;align-items:center;gap:.75rem;padding:1rem;display:flex}.ai-panel__loading p{color:var(--text-muted);font-size:.813rem}.ai-loading-dots{gap:.25rem;display:flex}.ai-loading-dots span{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite aiLoadingDot}.ai-loading-dots span:nth-child(2){animation-delay:.2s}.ai-loading-dots span:nth-child(3){animation-delay:.4s}@keyframes aiLoadingDot{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.smart-replies{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.875rem}.smart-replies__header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.smart-replies__title{color:var(--text);font-size:.813rem;font-weight:600}.smart-replies__toggle{color:var(--text-muted);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;padding:.25rem .5rem;font-size:.75rem}.smart-replies__toggle:hover{background:var(--surface-hover);color:var(--text)}.smart-replies__list{flex-wrap:wrap;gap:.5rem;display:flex}.smart-reply-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.813rem;transition:all .15s;display:inline-flex}.smart-reply-btn:hover{background:var(--accent-tint);border-color:var(--accent);color:var(--accent)}.smart-reply-btn__icon{font-size:.875rem}.smart-reply-btn__text{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.quick-reply{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem}.quick-reply__header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.quick-reply__label{color:var(--text-primary);margin:0;font-size:.875rem;font-weight:500}.quick-reply__input-container{align-items:flex-end;gap:.75rem;display:flex}.quick-reply__input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-02);color:var(--text-primary);resize:none;flex:1;min-height:60px;padding:.75rem;font-family:inherit;font-size:.875rem}.quick-reply__input:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2);outline:none}.quick-reply__input::placeholder{color:var(--text-muted)}.quick-reply__send{flex-shrink:0;align-self:flex-end}.quick-reply__hint{margin:.5rem 0 0;font-size:.75rem}.reader__meta-from{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.add-contact-btn{color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;padding:.375rem .75rem;font-size:.75rem;transition:all .2s}.add-contact-btn:hover{background:var(--accent);color:#fff}.toast--success{border-left:3px solid var(--success)}.toast--animated{animation:.3s toastSlideIn}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.schedule-modal .modal__content--schedule{width:90%;max-width:420px;padding:0}.schedule-modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.schedule-modal__header h3{margin:0;font-size:1.125rem}.schedule-modal__body{padding:1.5rem}.schedule-modal__label{color:var(--text-primary);margin:0 0 1rem;font-weight:500}.schedule-presets{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.schedule-preset{background:var(--surface-02);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.schedule-preset:hover{background:var(--surface-03);border-color:var(--accent)}.schedule-preset.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.schedule-custom{margin-bottom:1rem}.schedule-custom__label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;display:block}.schedule-datetime{width:100%}.schedule-preview{background:var(--surface-02);border-radius:var(--radius-md);color:var(--text-primary);margin:1rem 0 0;padding:.75rem 1rem;font-size:.875rem}.schedule-preview strong{color:var(--accent)}.schedule-modal__footer{border-top:1px solid var(--border);justify-content:flex-end;padding:1rem 1.5rem;display:flex}.source-modal .modal__content--source{flex-direction:column;width:90%;max-width:800px;max-height:85vh;display:flex}.source-modal .modal__header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex}.source-actions{gap:.5rem;display:flex}.source-content{flex:1;padding:1rem;overflow:auto}.source-code{background:var(--surface-01);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);white-space:pre-wrap;word-break:break-all;margin:0;padding:1rem;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.6875rem;line-height:1.6}.icon-picker-modal{width:380px;max-height:400px}.icon-picker-grid{grid-template-columns:repeat(4,1fr);gap:8px;padding:1rem;display:grid}.icon-picker-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;transition:all .2s;display:flex}.icon-picker-item:hover{background:rgba(var(--accent-rgb),.1);border-color:var(--accent)}.icon-picker-item.is-selected{background:rgba(var(--accent-rgb),.2);border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.3)}.icon-picker-item__emoji{font-size:1.5rem}.icon-picker-item__label{color:var(--text-secondary);text-align:center;font-size:.7rem}.folder-icon--custom{margin-right:.25rem;font-size:1rem}.date-range-filters{border-top:1px solid var(--border);flex-direction:column;gap:.75rem;margin-top:.5rem;padding-top:.5rem;display:flex}.date-range-filters h4{color:var(--text);justify-content:space-between;align-items:center;margin:0;font-size:.75rem;font-weight:600;display:flex}.date-range-filters h4 button{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem .5rem;font-size:.6875rem;transition:all .15s}.date-range-filters h4 button:hover{color:var(--accent);background:var(--accent-tint)}.date-range-fields{flex-wrap:wrap;gap:.75rem;display:flex}.date-range-field{flex-direction:column;flex:1;gap:.25rem;min-width:140px;display:flex}.date-range-field label{color:var(--text-muted);font-size:.6875rem;font-weight:500}.date-range-field input[type=date]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-00);color:var(--text);outline:none;width:100%;padding:.5rem .625rem;font-size:.75rem;transition:all .15s}.date-range-field input[type=date]:hover{border-color:var(--text-muted)}.date-range-field input[type=date]:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-tint)}.date-range-field input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.5);cursor:pointer}[data-theme=dark] .date-range-field input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7)}.date-range-presets{flex-wrap:wrap;gap:.5rem;display:flex}.date-preset{color:var(--text-muted);background:var(--surface-01);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;padding:.375rem .75rem;font-size:.6875rem;font-weight:500;transition:all .15s}.date-preset:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-tint)}.date-preset:active{transform:scale(.97)}.folder-select{width:100%;min-width:unset}.folder-select select{border-radius:var(--radius-sm);width:100%;padding:.5rem 2rem .5rem .75rem;font-size:.75rem}.size-filter{flex-direction:column;gap:.75rem;display:flex}.size-filter__fields{flex-wrap:wrap;gap:.75rem;display:flex}.size-filter__field{flex:1;align-items:center;gap:.5rem;min-width:100px;display:flex}.size-filter__field label{color:var(--text-muted);min-width:30px;font-size:.6875rem;font-weight:500}.size-filter__field input[type=number]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-00);color:var(--text);-moz-appearance:textfield;outline:none;flex:1;width:70px;padding:.375rem .5rem;font-size:.75rem}.size-filter__field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.size-filter__field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.size-filter__field input[type=number]:hover{border-color:var(--text-muted)}.size-filter__field input[type=number]:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-tint)}.size-filter__unit{color:var(--text-muted);font-size:.6875rem;font-weight:500}.size-filter__presets{flex-wrap:wrap;gap:.5rem;display:flex}.size-preset{color:var(--text-muted);background:var(--surface-01);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;padding:.375rem .75rem;font-size:.6875rem;font-weight:500;transition:all .15s}.size-preset:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-tint)}.size-preset:active{transform:scale(.97)}.search-highlight{background:var(--accent-tint);color:var(--accent);border-radius:2px;padding:0 .125rem;font-weight:600}[data-theme=light] .search-highlight{background:rgba(var(--accent-rgb),.2)}[data-theme=dark] .search-highlight{background:rgba(var(--accent-rgb),.3)}.search-autocomplete{background:var(--surface-00);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;max-height:320px;margin-top:.25rem;padding:.25rem;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.search-autocomplete__item{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.75rem;padding:.625rem .75rem;transition:all .15s;display:flex}.search-autocomplete__item:hover,.search-autocomplete__item--selected{background:var(--surface-01)}.search-autocomplete__item--selected{background:var(--accent-tint)}.search-autocomplete__icon{text-align:center;opacity:.6;width:1.25rem;font-size:.875rem}.search-autocomplete__text{color:var(--text);flex:1;font-size:.8125rem;font-weight:500}.search-autocomplete__description{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:.75rem;overflow:hidden}.follow-up-badge{border-radius:var(--radius-full);color:#fff;justify-content:center;align-items:center;width:20px;height:20px;font-size:.6875rem;display:inline-flex}.modal--command-palette .modal__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.command-palette{background:var(--surface-00);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:var(--shadow-lg);z-index:1001;animation:.15s command-palette-in;position:fixed;top:20%;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes command-palette-in{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.command-palette__header{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.command-palette__icon{color:var(--text-muted);font-size:1rem}.command-palette__input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:.5rem 0;font-size:1rem}.command-palette__input::placeholder{color:var(--text-muted)}.command-palette__hint{background:var(--surface-01);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);padding:.25rem .5rem;font-family:inherit;font-size:.6875rem}.command-palette__list{max-height:320px;padding:.5rem;list-style:none;overflow-y:auto}.command-palette__empty{text-align:center;color:var(--text-muted);padding:2rem 1rem;font-size:.875rem}.command-palette__item{border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;padding:.625rem .75rem;transition:all .1s;display:flex}.command-palette__item:hover,.command-palette__item--selected{background:var(--surface-01)}.command-palette__item--selected{background:var(--accent-tint)}.command-palette__label{color:var(--text);font-size:.875rem}.command-palette__shortcut{background:var(--surface-01);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);padding:.125rem .375rem;font-family:inherit;font-size:.6875rem}.command-palette__item--selected .command-palette__shortcut{background:var(--surface-00)}.command-palette__footer{border-top:1px solid var(--border);background:var(--surface-01);align-items:center;gap:1.5rem;padding:.625rem 1rem;display:flex}.command-palette__footer span{color:var(--text-muted);align-items:center;gap:.375rem;font-size:.6875rem;display:flex}.command-palette__footer kbd{background:var(--surface-00);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.125rem .375rem;font-family:inherit;font-size:.6rem}.app--focus-mode .topbar,.app--focus-mode .sidebar,.app--focus-mode .mail-list{display:none}.app--focus-mode .reader{border-radius:var(--radius-lg);border:1px solid var(--border);max-width:900px;box-shadow:var(--shadow-lg);grid-column:1/-1;height:calc(100vh - 4rem);margin:2rem auto}.app--focus-mode .reader__header{padding:1.5rem 2rem}.app--focus-mode .reader__title h2{font-size:1.5rem}.app--focus-mode .reader__meta{padding:1rem 2rem}.app--focus-mode .reader__content{padding:2rem;font-size:1.0625rem;line-height:1.8}.action-btn--focus{border-radius:var(--radius-full)!important;padding-left:.75rem!important;padding-right:.75rem!important}.action-btn--focus.is-active{background:var(--accent);color:#fff}.folder-item--unified{background:linear-gradient(135deg,var(--accent-tint),transparent);border-left:3px solid var(--accent);margin-bottom:.5rem}.folder-item--unified .folder-item__icon{color:var(--accent)}.folder-item--unified .folder-item__label{font-weight:600}.folder-item--unified.is-active{background:linear-gradient(135deg,var(--accent-tint),var(--accent-tint))}.folder-item[class*=smart] .folder-icon--star:before{content:"★";color:#f59e0b}.folder-item[class*=smart] .folder-icon--circle:before{content:"●";color:#3b82f6}.folder-item[class*=smart] .folder-icon--flag:before{content:"🚩"}.compose__toolbar-group--templates{position:relative}.compose__toolbar-btn--templates{font-size:.75rem;padding:.25rem .5rem!important}.template-selector{z-index:100;background:var(--surface-00);border:1px solid var(--border);border-radius:var(--radius-md);min-width:280px;box-shadow:var(--shadow-lg);margin-top:.25rem;position:absolute;top:100%;left:0}.template-selector__header{border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;padding:.625rem .75rem;font-size:.75rem;font-weight:600;display:flex}.template-selector__header button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:.125rem;font-size:.875rem}.template-selector__list{max-height:240px;padding:.25rem;list-style:none;overflow-y:auto}.template-selector__list li button{border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem;transition:background .15s;display:flex}.template-selector__list li button:hover{background:var(--surface-01)}.template-selector__name{color:var(--text);font-size:.8125rem}.template-selector__category{color:var(--text-muted);background:var(--surface-01);border-radius:var(--radius-full);text-transform:capitalize;padding:.125rem .375rem;font-size:.6875rem}.export-menu-container{position:relative}.export-menu-dropdown{background:var(--surface-00);border:1px solid var(--border);border-radius:var(--radius-lg);width:280px;box-shadow:var(--shadow-lg);z-index:100;margin-top:.5rem;position:absolute;top:100%;right:0;overflow:hidden}.export-menu-dropdown__header{background:var(--surface-01);border-bottom:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;display:flex}.export-menu-dropdown__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.25rem;line-height:1}.export-menu-dropdown__close:hover{color:var(--text-primary)}.export-menu-dropdown__item{border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;background:0 0;align-items:flex-start;gap:.75rem;width:100%;padding:.875rem 1rem;transition:background-color .15s;display:flex}.export-menu-dropdown__item:last-child{border-bottom:none}.export-menu-dropdown__item:hover{background:var(--surface-01)}.export-menu-dropdown__icon{flex-shrink:0;font-size:1.25rem}.export-menu-dropdown__info{flex-direction:column;gap:.25rem;display:flex}.export-menu-dropdown__label{color:var(--text-primary);font-size:.875rem;font-weight:500}.export-menu-dropdown__desc{color:var(--text-muted);font-size:.75rem;line-height:1.4}.forward-attachments-toggle{background:var(--surface-01);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem 1rem;display:flex}.forward-attachments-toggle__label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.forward-attachments-toggle__checkbox{width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer}.forward-attachments-toggle__text{color:var(--text-secondary);font-size:.8125rem}.forward-attachments-toggle__size{color:var(--text-muted);background:var(--surface-02);border-radius:var(--radius-full);padding:.25rem .5rem;font-size:.75rem}.action-btn--warning{color:#f59e0b}.action-btn--warning:hover{background:#f59e0b1a}.phishing-modal__content{max-width:480px}.phishing-modal__warning{border-radius:var(--radius-md);background:#ef44441a;border:1px solid #ef444433;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.phishing-modal__warning-icon{flex-shrink:0;font-size:1.25rem}.phishing-modal__warning-text{font-size:.875rem;line-height:1.5}.phishing-modal__warning-text strong{color:var(--text-primary);margin-bottom:.25rem;display:block}.phishing-modal__warning-text p{color:var(--text-secondary);margin:0}.phishing-modal__message-info{margin-bottom:1.5rem}.phishing-modal__info-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.phishing-modal__info-details{background:var(--surface-01);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.8125rem}.phishing-modal__info-details p{color:var(--text-secondary);margin:0 0 .375rem}.phishing-modal__info-details p:last-child{margin-bottom:0}.phishing-modal__info-details strong{color:var(--text-muted);min-width:60px;display:inline-block}.phishing-modal__reason{margin-bottom:1.5rem}.phishing-modal__reason-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.8125rem;font-weight:500;display:block}.phishing-modal__reason-input{background:var(--surface-01);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;min-height:80px;color:var(--text-primary);resize:vertical;padding:.75rem;font-size:.875rem}.phishing-modal__reason-input:focus{border-color:var(--accent);outline:none}.phishing-modal__checkboxes{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.phishing-modal__checkbox-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.phishing-modal__checkbox-label input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent)}.phishing-modal__actions{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;padding-top:1rem;display:flex}.phishing-modal__success{text-align:center;padding:2rem 1rem}.phishing-modal__success-icon{margin-bottom:1rem;font-size:3rem}.phishing-modal__success h4{color:var(--text-primary);margin:0 0 .5rem;font-size:1.125rem}.phishing-modal__success p{color:var(--text-secondary);max-width:320px;margin:0 auto;font-size:.875rem}.button--danger{color:#fff;background:#ef4444;border:none}.button--danger:disabled{cursor:not-allowed;background:#fca5a5}.reader__body{position:relative}.inline-reply-popup{background:var(--surface-00);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50;align-items:center;gap:.25rem;padding:.375rem .5rem;animation:.15s inline-reply-popup-appear;display:flex;position:absolute;transform:translate(-50%)}@keyframes inline-reply-popup-appear{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.inline-reply-popup__btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:background-color .15s;display:flex}.inline-reply-popup__btn:hover{background:var(--accent-hover)}.inline-reply-popup__close{width:24px;height:24px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;font-size:1rem;display:flex}.inline-reply-popup__close:hover{background:var(--surface-02);color:var(--text-primary)}.inline-reply-input{background:var(--surface-00);border:1px solid var(--accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:50;padding:1rem;animation:.2s inline-reply-input-appear;position:absolute}@keyframes inline-reply-input-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.inline-reply-input__quote{background:var(--surface-01);border-radius:var(--radius-md);border-left:3px solid var(--accent);gap:.5rem;margin-bottom:.75rem;padding:.75rem;display:flex}.inline-reply-input__quote-icon{color:var(--accent);flex-shrink:0;font-size:1.25rem}.inline-reply-input__quote p{color:var(--text-secondary);margin:0;font-size:.8125rem;font-style:italic;line-height:1.5}.inline-reply-input__textarea{background:var(--surface-01);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;min-height:80px;color:var(--text-primary);resize:vertical;margin-bottom:.75rem;padding:.75rem;font-size:.875rem}.inline-reply-input__textarea:focus{border-color:var(--accent);outline:none}.inline-reply-input__actions{justify-content:flex-end;gap:.5rem;display:flex}.cloud-attach-modal__content{max-width:440px}.cloud-attach-modal__body{padding:0 1.5rem 1rem}.cloud-attach-modal__label{color:var(--text-secondary);margin-bottom:.75rem;font-size:.8125rem;font-weight:500}.cloud-attach-modal__providers{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.cloud-attach-modal__provider{background:var(--surface-01);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;transition:all .15s;display:flex}.cloud-attach-modal__provider:hover{background:var(--surface-02);border-color:var(--provider-color)}.cloud-attach-modal__provider.is-selected{border-color:var(--provider-color);background:color-mix(in srgb,var(--provider-color)10%,var(--surface-01))}.cloud-attach-modal__provider-icon{font-size:1.5rem}.cloud-attach-modal__provider-name{color:var(--text-secondary);font-size:.75rem;font-weight:500}.cloud-attach-modal__form{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}.cloud-attach-modal__field{flex-direction:column;gap:.375rem;display:flex}.cloud-attach-modal__field-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.cloud-attach-modal__input{background:var(--surface-01);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);padding:.625rem .875rem;font-size:.875rem}.cloud-attach-modal__input:focus{border-color:var(--accent);outline:none}.cloud-attach-modal__note{color:var(--text-muted);background:var(--surface-01);border-radius:var(--radius-md);margin:0;padding:.75rem;font-size:.75rem}.cloud-attach-modal__footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.inline-images-section{background:var(--surface-01);border-radius:var(--radius-lg);margin:1.5rem 0;padding:1rem}.inline-images-row{flex-wrap:wrap;gap:1rem;display:flex}.inline-image-wrapper{border-radius:var(--radius-md);background:var(--surface-02);flex:1;min-width:200px;max-width:400px;position:relative;overflow:hidden}.inline-image{border-radius:var(--radius-md);width:100%;height:auto;transition:transform .2s;display:block}.inline-image-wrapper:hover .inline-image{transform:scale(1.02)}.inline-image__expand{border-radius:var(--radius-full);cursor:pointer;opacity:0;background:#0009;border:none;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .15s;display:flex;position:absolute;bottom:.5rem;right:.5rem}.inline-image-wrapper:hover .inline-image__expand{opacity:1}.inline-image__expand:hover{background:#000c}.inline-images-caption{color:var(--text-muted);text-align:center;margin:.75rem 0 0;font-size:.75rem}.templates-list{margin-top:1rem}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.template-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:.75rem;padding:1rem;transition:border-color .2s,box-shadow .2s;display:flex}.template-card:hover{border-color:rgba(var(--accent-rgb),.3);box-shadow:0 4px 12px #0000001a}.template-card__header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.template-card__name{color:var(--text);word-break:break-word;margin:0;font-size:.9375rem;font-weight:600}.template-card__category{border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;padding:.25rem .5rem;font-size:.6875rem;font-weight:500}.template-card__category--general{color:#6b7280;background:#6b728026}.template-card__category--business{color:#3b82f6;background:#3b82f626}.template-card__category--personal{color:#10b981;background:#10b98126}.template-card__category--support{color:#f59e0b;background:#f59e0b26}.template-card__preview{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.8125rem;line-height:1.5;display:-webkit-box;overflow:hidden}.template-card__actions{border-top:1px solid var(--border);gap:.5rem;margin-top:auto;padding-top:.5rem;display:flex}.template-card__actions .btn--danger{color:var(--error)}.template-card__actions .btn--danger:hover{background:#ef44441a}.template-editor-modal{width:min(560px,90vw)}.template-editor-modal .modal__body{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.form-textarea--tall{resize:vertical;min-height:200px}.form-hint{color:var(--text-muted);margin:.5rem 0 0;font-size:.75rem}.snippets-list{margin-top:1rem}.snippets-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.snippet-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:.5rem;padding:1rem;transition:border-color .2s,box-shadow .2s,opacity .2s;display:flex}.snippet-card:hover{border-color:rgba(var(--accent-rgb),.3);box-shadow:0 4px 12px #0000001a}.snippet-card--disabled{opacity:.6}.snippet-card__header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.snippet-card__abbreviation{color:var(--accent);background:var(--accent-tint);border-radius:var(--radius-sm);padding:.25rem .5rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9375rem;font-weight:600}.snippet-card__expansion{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;font-size:.8125rem;line-height:1.5}.snippet-card__description{color:var(--text-muted);font-size:.75rem;font-style:italic}.snippet-card__actions{border-top:1px solid var(--border);gap:.5rem;margin-top:auto;padding-top:.5rem;display:flex}.snippet-card__actions .btn--danger{color:var(--error)}.snippet-card__actions .btn--danger:hover{background:#ef44441a}.snippet-editor-modal{width:min(500px,90vw)}.snippet-editor-modal .modal__body{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.form-textarea--medium{resize:vertical;min-height:120px}.toggle-switch--sm{width:36px;height:20px}.toggle-switch--sm .toggle-switch__slider:before{width:14px;height:14px;bottom:3px;left:3px}.toggle-switch--sm input:checked+.toggle-switch__slider:before{transform:translate(16px)}.modal--popped-out{position:fixed;inset:0}.modal--popped-out .modal__backdrop{background:var(--bg)}.modal__card--compose.is-popped-out{border-radius:0;width:100%;max-width:100%;height:100vh;max-height:100vh;margin:0;animation:none}.modal__card--compose.is-popped-out .compose__header{background:var(--surface-raised);border-bottom:2px solid var(--accent);position:relative}.modal__card--compose.is-popped-out .compose__header:before{content:"Pop-out Mode";color:var(--accent);background:var(--accent-tint);border-radius:var(--radius-full);padding:.125rem .5rem;font-size:.6875rem;font-weight:500;position:absolute;top:.5rem;right:1rem}.modal__card--compose.is-popped-out .compose__body{max-height:calc(100vh - 180px)}.compose__header-actions .icon{margin-right:.25rem;font-size:.875rem}.workspace.is-split-view{grid-template-columns:var(--sidebar-width,280px)var(--list-pane-width,370px)1fr 1fr}.reader--secondary{border-left:1px solid var(--border);background:var(--surface)}.split-view-header{background:var(--surface-raised);border-bottom:2px solid var(--accent);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.split-view-label{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.split-view-body{max-height:calc(100vh - 300px);padding:1rem;overflow-y:auto}.split-view-message-list{text-align:left;width:100%;max-width:400px;margin-top:1.5rem}.split-view-message-list__title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.75rem;font-weight:600}.split-view-message-item{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%;margin-bottom:.5rem;padding:.75rem 1rem;transition:border-color .15s,background .15s;display:flex}.split-view-message-item:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.05)}.split-view-message-item__from{color:var(--text);font-size:.8125rem;font-weight:600}.split-view-message-item__subject{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.75rem;overflow:hidden}.action-btn--split{border:1px solid var(--border);background:var(--surface-raised);border-radius:var(--radius-md);padding:.375rem .75rem;font-size:.75rem;transition:all .15s}.action-btn--split:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.05)}.action-btn--split.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}@media (max-width:1200px){.workspace.is-split-view{grid-template-columns:var(--sidebar-width,280px)var(--list-pane-width,370px)1fr}.reader--secondary,.action-btn--split{display:none}}.calendar-drawer{z-index:1000;pointer-events:none;opacity:0;transition:opacity .3s;position:fixed;inset:0}.calendar-drawer.is-open{pointer-events:auto;opacity:1}.calendar-drawer__overlay{background:#00000080;position:absolute;inset:0}.calendar-drawer__panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;width:480px;max-width:100%;transition:transform .3s;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%)}.calendar-drawer.is-open .calendar-drawer__panel{transform:translate(0)}.calendar-drawer__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex}.calendar-drawer__header h3{margin:.25rem 0 0;font-size:1.25rem}.calendar-nav{border-bottom:1px solid var(--border);flex-direction:column;gap:.75rem;padding:1rem 1.5rem;display:flex}.calendar-nav__controls{gap:.5rem;display:flex}.calendar-nav__title{color:var(--text);margin:0;font-size:1rem;font-weight:600}.calendar-nav__view-switcher{background:var(--surface-raised);border-radius:var(--radius-md);gap:.25rem;padding:.25rem;display:flex}.view-switch-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .15s}.view-switch-btn:hover{color:var(--text)}.view-switch-btn.is-active{background:var(--accent);color:#fff}.calendar-content{flex:1;padding:1rem 1.5rem;overflow-y:auto}.calendar-empty{text-align:center;color:var(--text-muted);padding:2rem}.calendar-empty p{margin-bottom:1rem}.calendar-day-view{flex-direction:column;gap:1rem;display:flex}.day-view__header{align-items:baseline;gap:.5rem;display:flex}.day-view__date{color:var(--accent);font-size:2rem;font-weight:700}.day-view__weekday{color:var(--text-secondary);font-size:.875rem}.day-view__events{flex-direction:column;gap:.5rem;display:flex}.calendar-event{background:var(--surface-raised);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-md);text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.75rem 1rem;transition:border-color .15s,box-shadow .15s;display:flex}.calendar-event:hover{border-color:var(--accent);box-shadow:0 2px 8px #0000001a}.calendar-event__time{color:var(--text-secondary);font-size:.75rem;font-weight:600}.calendar-event__title{color:var(--text);font-size:.875rem;font-weight:500}.calendar-event__location{color:var(--text-muted);font-size:.75rem}.calendar-event--compact{border-radius:var(--radius-sm);color:#fff;text-overflow:ellipsis;white-space:nowrap;border-left:none;padding:.375rem .5rem;font-size:.6875rem;font-weight:500;overflow:hidden}.calendar-week-view{flex-direction:column;display:flex}.week-view__header{grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem;display:grid}.week-view__day-header{text-align:center;padding:.5rem}.week-view__day-header.is-today{background:var(--accent-tint);border-radius:var(--radius-md)}.week-day-name{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:500;display:block}.week-day-num{color:var(--text);font-size:1rem;font-weight:600;display:block}.week-view__day-header.is-today .week-day-num{color:var(--accent)}.week-view__grid{grid-template-columns:repeat(7,1fr);gap:.25rem;min-height:300px;display:grid}.week-view__day{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;gap:.25rem;min-height:100px;padding:.5rem;transition:border-color .15s;display:flex}.week-view__day:hover{border-color:var(--accent)}.week-view__day.is-today{border-color:var(--accent);background:var(--accent-tint)}.calendar-month-view{flex-direction:column;display:flex}.month-view__header{grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem;display:grid}.month-view__day-name{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:.5rem;font-size:.6875rem;font-weight:600}.month-view__grid{grid-template-columns:repeat(7,1fr);gap:.25rem;display:grid}.month-view__day{aspect-ratio:1;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;gap:.25rem;padding:.5rem;transition:border-color .15s;display:flex}.month-view__day:hover{border-color:var(--accent)}.month-view__day.is-other-month{opacity:.4}.month-view__day.is-today{border-color:var(--accent);background:var(--accent-tint)}.month-day-num{color:var(--text);font-size:.75rem;font-weight:500}.month-view__day.is-today .month-day-num{color:var(--accent);font-weight:700}.month-day-events{flex-wrap:wrap;gap:.125rem;display:flex}.month-event-dot{border-radius:50%;width:6px;height:6px}.month-event-more{color:var(--text-muted);font-size:.625rem}.calendars-list{border-top:1px solid var(--border);padding:1rem 1.5rem}.calendars-list__header h5{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;font-size:.75rem;font-weight:600}.calendar-toggle{cursor:pointer;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.calendar-toggle input{width:16px;height:16px}.calendar-toggle__color{border-radius:50%;width:12px;height:12px}.calendar-toggle__name{color:var(--text);font-size:.875rem}.calendar-drawer__footer{border-top:1px solid var(--border);padding:1rem 1.5rem}.calendar-drawer__footer .button{width:100%}.event-detail-panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;width:320px;display:flex;position:absolute;top:0;bottom:0;right:480px;box-shadow:-4px 0 20px #0000001a}.event-detail-panel__header{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:1.5rem;display:flex}.event-detail-panel__color{border-radius:50%;flex-shrink:0;width:16px;height:16px}.event-detail-panel__header h4{flex:1;margin:0;font-size:1rem;font-weight:600}.event-detail-panel__content{flex:1;padding:1.5rem;overflow-y:auto}.event-detail-row{gap:.75rem;margin-bottom:1.25rem;display:flex}.event-detail-row__icon{flex-shrink:0;font-size:1rem}.event-detail-row__label{color:var(--text-muted);margin:0 0 .25rem;font-size:.75rem}.event-detail-row__value{color:var(--text);margin:0;font-size:.875rem}.event-detail-panel__actions{border-top:1px solid var(--border);gap:.5rem;padding:1rem 1.5rem;display:flex}.event-editor-modal{width:min(500px,90vw)}.event-editor-modal .modal__body{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-checkbox{cursor:pointer;color:var(--text);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.form-checkbox input{width:16px;height:16px}.reminders-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.reminders-header .form-label{margin:0}.reminders-empty{color:var(--text-muted);margin:0;padding:.5rem 0;font-size:.813rem;font-style:italic}.reminders-list{flex-direction:column;gap:.5rem;display:flex}.reminder-row{align-items:center;gap:.5rem;display:flex}.reminder-row .form-select--sm{flex:1;min-width:0;padding:.375rem .625rem;font-size:.813rem}.reminder-remove{width:28px;height:28px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.125rem;display:flex}.reminder-remove:hover{color:#ef4444;background:#ef44441a}.event-detail-reminders{flex-wrap:wrap;gap:.375rem;margin-top:.25rem;display:flex}.reminder-tag{background:var(--accent-tint);color:var(--accent);border-radius:var(--radius);align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.panel__section--calendar{padding:.75rem 1rem}.mini-calendar{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.75rem}.mini-calendar__header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.mini-calendar__nav{border-radius:var(--radius-sm);cursor:pointer;width:24px;height:24px;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;font-size:.75rem;transition:background .15s,color .15s;display:flex}.mini-calendar__nav:hover{background:var(--accent-tint);color:var(--accent)}.mini-calendar__title{color:var(--text);font-size:.75rem;font-weight:600}.mini-calendar__weekdays{grid-template-columns:repeat(7,1fr);gap:0;margin-bottom:.25rem;display:grid}.mini-calendar__weekday{text-align:center;color:var(--text-muted);padding:.25rem 0;font-size:.625rem;font-weight:600}.mini-calendar__days{grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.mini-calendar__day{aspect-ratio:1;border-radius:var(--radius-sm);color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:.6875rem;transition:background .15s,color .15s;display:flex;position:relative}.mini-calendar__day:hover{background:var(--accent-tint)}.mini-calendar__day.is-other-month{color:var(--text-muted);opacity:.5}.mini-calendar__day.is-today{background:var(--accent);color:#fff;font-weight:700}.mini-calendar__day.has-events:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.mini-calendar__day.is-today.has-events:after{background:#fff}.mini-calendar__today-events{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.75rem}.mini-calendar__today-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-size:.6875rem;font-weight:600}.mini-calendar__event{background:var(--surface);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm)var(--radius-sm)0;flex-direction:column;gap:.125rem;margin-bottom:.375rem;padding:.375rem .5rem;display:flex}.mini-calendar__event-time{color:var(--text-secondary);font-size:.625rem;font-weight:600}.mini-calendar__event-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;overflow:hidden}.event-detail-panel__rsvp{background:var(--surface-raised);border-top:1px solid var(--border);padding:1rem 1.5rem}.rsvp-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-size:.75rem;font-weight:600}.rsvp-status{margin-bottom:.75rem}.rsvp-badge{border-radius:var(--radius-full);align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.rsvp-badge--pending{color:#f59e0b;background:#f59e0b26}.rsvp-badge--accepted{color:#10b981;background:#10b98126}.rsvp-badge--declined{color:#ef4444;background:#ef444426}.rsvp-badge--maybe{color:#3b82f6;background:#3b82f626}.rsvp-buttons{gap:.5rem;margin-bottom:.75rem;display:flex}.rsvp-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;flex:1;padding:.5rem;font-size:.75rem;font-weight:500;transition:all .15s}.rsvp-btn:hover{border-color:var(--accent)}.rsvp-btn--accept:hover,.rsvp-btn--accept.is-selected{color:#10b981;background:#10b98126;border-color:#10b981}.rsvp-btn--maybe:hover,.rsvp-btn--maybe.is-selected{color:#3b82f6;background:#3b82f626;border-color:#3b82f6}.rsvp-btn--decline:hover,.rsvp-btn--decline.is-selected{color:#ef4444;background:#ef444426;border-color:#ef4444}.rsvp-organizer{color:var(--text-muted);margin:0;font-size:.75rem}.invitation-modal{width:min(480px,90vw)}.invitation-modal .modal__body{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.invitation-preview{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem}.invitation-preview__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-size:.6875rem;font-weight:600}.invitation-preview__title{color:var(--text);margin:0 0 .25rem;font-size:.875rem;font-weight:600}.invitation-preview__time{color:var(--text-secondary);margin:0;font-size:.75rem}.action-btn--calendar{border:1px solid var(--border);background:var(--surface-raised);border-radius:var(--radius-md);padding:.375rem .75rem;font-size:.75rem;transition:all .15s}.action-btn--calendar:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.05)}.welcome-modal__card{text-align:center;width:min(560px,90vw);padding:0}.welcome-modal__hero{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);padding:2.5rem 2rem 2rem}.welcome-modal__logo{margin-bottom:1rem;font-size:3.5rem}.welcome-modal__hero h2{color:var(--text);margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.welcome-modal__hero p{color:var(--text-secondary);margin:0;font-size:1rem}.welcome-modal__features{grid-template-columns:repeat(2,1fr);gap:1rem;padding:2rem;display:grid}.welcome-feature{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left;padding:1rem}.welcome-feature__icon{margin-bottom:.5rem;font-size:1.5rem;display:block}.welcome-feature h4{color:var(--text);margin:0 0 .25rem;font-size:.875rem;font-weight:600}.welcome-feature p{color:var(--text-muted);margin:0;font-size:.75rem}.welcome-modal__actions{flex-direction:column;gap:.75rem;padding:0 2rem 1.5rem;display:flex}.welcome-modal__hint{margin:0;padding:0 2rem 1.5rem;font-size:.75rem}.tour-overlay{z-index:10000;position:fixed;inset:0}.tour-backdrop{background:#00000080;position:absolute;inset:0}.tour-tooltip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:10001;width:min(320px,90vw);padding:1.25rem;animation:.3s tourFadeIn;position:absolute;box-shadow:0 20px 50px #0000004d}@keyframes tourFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tour-tooltip--right{top:50%;left:300px;transform:translateY(-50%)}.tour-tooltip--left{top:50%;right:100px;transform:translateY(-50%)}.tour-tooltip--bottom{top:80px;right:100px}.tour-tooltip__header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.tour-tooltip__step{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.tour-tooltip__close{border-radius:var(--radius);width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.125rem;display:flex}.tour-tooltip__close:hover{background:var(--surface-hover);color:var(--text)}.tour-tooltip__title{color:var(--text);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.tour-tooltip__description{color:var(--text-secondary);margin:0 0 1rem;font-size:.875rem;line-height:1.5}.tour-tooltip__actions{justify-content:flex-end;gap:.5rem;margin-bottom:1rem;display:flex}.tour-tooltip__dots{justify-content:center;gap:.5rem;display:flex}.tour-dot{background:var(--border);border-radius:50%;width:8px;height:8px;transition:all .2s}.tour-dot.is-active{background:var(--accent);transform:scale(1.2)}.tour-dot.is-complete{background:var(--accent);opacity:.5}.tour-highlight{border:2px solid var(--accent);border-radius:var(--radius-lg);pointer-events:none;z-index:10000;animation:2s infinite tourPulse;position:absolute;box-shadow:0 0 0 9999px #00000080}@keyframes tourPulse{0%,to{box-shadow:0 0 0 9999px #00000080,0 0 0 0 rgba(var(--accent-rgb),.4)}50%{box-shadow:0 0 0 9999px #00000080,0 0 0 10px rgba(var(--accent-rgb),0)}}.tips-container{z-index:1000;position:fixed;bottom:1.5rem;right:1.5rem}.tip-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:flex-start;gap:.75rem;max-width:320px;padding:1rem 1.25rem;animation:.3s tipSlideIn;display:flex;box-shadow:0 10px 30px #0003}@keyframes tipSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tip-card__close{border-radius:var(--radius);width:20px;height:20px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:.875rem;display:flex;position:absolute;top:.5rem;right:.5rem}.tip-card__close:hover{background:var(--surface-hover);color:var(--text)}.tip-card__icon{flex-shrink:0;font-size:1.25rem}.tip-card__text{color:var(--text);margin:0;font-size:.813rem;line-height:1.5}.tip-card__text kbd{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.125rem .375rem;font-family:inherit;font-size:.75rem;font-weight:500;display:inline-block}@media (pointer:coarse){.button,.chip,.action-btn,.mail-row,.folder-btn,.account-card,.sidebar-action-btn,.context-menu__item{min-height:44px}.button--sm{min-height:40px;padding:.5rem 1rem}input[type=checkbox],input[type=radio]{min-width:24px;min-height:24px}.mail-row,.folder-btn,.account-card{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.reader__actions .button,.bulk-actions__buttons .button{min-width:44px;padding:.625rem 1rem}}@media (max-width:768px){.app{grid-template-rows:auto 1fr auto;gap:0;padding:0}.topbar{z-index:100;background:var(--surface);border-bottom:1px solid var(--border);padding:12px 16px;position:sticky;top:0}.brand__subtitle{display:none}.brand__mark{width:40px;height:40px;font-size:.875rem}.workspace{flex-direction:column;display:flex;overflow:hidden}.sidebar{z-index:200;background:var(--surface);border-right:1px solid var(--border);width:280px;transition:transform .3s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop{z-index:199;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.sidebar-backdrop.is-visible{opacity:1;pointer-events:auto}.resize-handle{display:none}.panel.list{border:none;flex:1;min-width:100%}.panel.reader{z-index:150;background:var(--bg);transition:transform .3s;position:fixed;inset:0;transform:translate(100%)}.panel.reader.is-open{transform:translate(0)}.reader__back-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.75rem;font-size:1rem;display:flex}.search-wrapper{flex:1}.search{max-width:none}.modal--compose .modal__card{border-radius:0;max-width:none;max-height:none;margin:0;position:fixed;inset:0}.drawer{width:100%}.mobile-nav{padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);z-index:100;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav__item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;font-size:10px;transition:color .2s;display:flex}.mobile-nav__item.is-active{color:var(--accent)}.mobile-nav__icon{font-size:20px}.topbar{padding-top:max(12px,env(safe-area-inset-top))}.modal__card{padding-bottom:max(16px,env(safe-area-inset-bottom))}}@media (min-width:769px) and (max-width:1024px){.app{gap:16px;padding:16px}.sidebar{min-width:220px}.panel.list{min-width:280px}}@supports (touch-action:pan-x){.mail-row{touch-action:pan-x}.mail-row--swiping{transition:none}.mail-row__swipe-action{color:#fff;justify-content:center;align-items:center;width:80px;font-size:1.5rem;display:flex;position:absolute;top:0;bottom:0}.mail-row__swipe-action--left{background:#22c55e;left:0}.mail-row__swipe-action--right{background:#ef4444;right:0}}.pull-to-refresh{background:var(--surface-raised);width:40px;height:40px;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.pull-to-refresh.is-pulling{transform:translate(-50%)translateY(70px)}.pull-to-refresh.is-refreshing .pull-to-refresh__icon{animation:1s linear infinite spin}.haptic-feedback{animation:.1s haptic}@keyframes haptic{0%,to{transform:scale(1)}50%{transform:scale(.97)}}@media (max-width:480px){.modal__card{border-radius:16px 16px 0 0;width:100%;max-width:none;min-height:50vh;margin:auto 0 0}.modal__backdrop{background:#0009}.modal__swipe-handle{background:var(--border);border-radius:2px;width:36px;height:4px;margin:8px auto 16px}.action-sheet{padding-bottom:max(16px,env(safe-area-inset-bottom))}.action-sheet__item{text-align:center;border-bottom:1px solid var(--border);padding:16px;font-size:1rem}.action-sheet__item:last-child{border-bottom:none}.action-sheet__cancel{background:var(--surface-raised);color:var(--accent);border-radius:12px;margin-top:8px;font-weight:600}}@media (max-height:500px) and (orientation:landscape){.topbar{padding:8px 16px}.brand__mark{width:32px;height:32px}.modal__card{max-height:90vh}.mobile-nav{padding:4px 0}.mobile-nav__item{flex-direction:row;gap:8px;font-size:12px}.mobile-nav__icon{font-size:16px}}@supports (-webkit-touch-callout:none){.workspace,.panel.list,.panel.reader{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}@media (max-width:768px) and (prefers-color-scheme:dark){.sidebar-backdrop{background:#000000b3}}.loading-spinner{padding:var(--space-4);justify-content:center;align-items:center;display:flex}.loading-spinner__circle{border:2px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.loading-spinner--sm .loading-spinner__circle{border-width:2px;width:16px;height:16px}.loading-spinner--lg .loading-spinner__circle{border-width:3px;width:32px;height:32px}.skeleton{background:linear-gradient(90deg,var(--bg-secondary)25%,var(--bg-tertiary)50%,var(--bg-secondary)75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton--text{height:14px;margin-bottom:var(--space-2)}.skeleton--w-15{width:15%}.skeleton--w-20{width:20%}.skeleton--w-25{width:25%}.skeleton--w-30{width:30%}.skeleton--w-40{width:40%}.skeleton--w-50{width:50%}.skeleton--w-60{width:60%}.skeleton--w-70{width:70%}.skeleton--w-80{width:80%}.skeleton--w-90{width:90%}.skeleton--w-95{width:95%}.skeleton--w-100{width:100%}.skeleton--circle{border-radius:50%;flex-shrink:0;width:32px;height:32px}.skeleton--circle.skeleton--lg{width:48px;height:48px}.skeleton--checkbox{border-radius:var(--radius-sm);flex-shrink:0;width:18px;height:18px}.skeleton--button{border-radius:var(--radius);width:80px;height:32px}.skeleton--input{border-radius:var(--radius);width:100%;height:40px;margin-top:var(--space-2)}.panel-skeleton{padding:var(--space-4)}.panel-skeleton__header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.panel-skeleton__content{gap:var(--space-3);flex-direction:column;display:flex}.panel-skeleton__row{align-items:center;gap:var(--space-3);display:flex}.panel-skeleton__text{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.mail-list-skeleton{padding:var(--space-4)}.mail-list-skeleton__header{margin-bottom:var(--space-4);justify-content:space-between;display:flex}.mail-list-skeleton__item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3)0;border-bottom:1px solid var(--border-subtle);display:flex}.mail-list-skeleton__content{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.mail-list-skeleton__top{justify-content:space-between;display:flex}.reader-skeleton{padding:var(--space-4)}.reader-skeleton__header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.reader-skeleton__actions{gap:var(--space-2);display:flex}.reader-skeleton__meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);display:flex}.reader-skeleton__meta-text{gap:var(--space-1);flex-direction:column;display:flex}.reader-skeleton__body{gap:var(--space-2);flex-direction:column;display:flex}.drawer-skeleton{padding:var(--space-4)}.drawer-skeleton__header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.drawer-skeleton__content{gap:var(--space-4);flex-direction:column;display:flex}.drawer-skeleton__section{gap:var(--space-2);flex-direction:column;display:flex}.modal-skeleton{padding:var(--space-4)}.modal-skeleton__header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.modal-skeleton__body{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;display:flex}.modal-skeleton__footer{justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);display:flex}.error-boundary{padding:var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.error-boundary__icon{margin-bottom:var(--space-3);font-size:48px}.error-boundary__title{font-size:var(--text-lg);margin-bottom:var(--space-2);color:var(--text-primary);font-weight:600}.error-boundary__message{color:var(--text-muted);margin-bottom:var(--space-4)}.error-boundary__actions{gap:var(--space-2);display:flex}.error-boundary__details{margin-top:var(--space-4);text-align:left;width:100%;max-width:600px}.error-boundary__details summary{cursor:pointer;color:var(--text-muted);font-size:var(--text-sm)}.error-boundary__details pre{margin-top:var(--space-2);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius);font-size:var(--text-xs);white-space:pre-wrap;word-break:break-word;overflow-x:auto}.panel-error{height:100%;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.panel-error__content{text-align:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.panel-error__icon{font-size:32px}.panel-error__title{color:var(--text-primary);font-weight:500}.panel-error__message{font-size:var(--text-sm);color:var(--text-muted)}.modal-error{padding:var(--space-6);text-align:center;flex-direction:column;align-items:center;display:flex}.modal-error__icon{margin-bottom:var(--space-3);font-size:40px}.modal-error__title{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:600}.modal-error__message{color:var(--text-muted);margin-bottom:var(--space-4)}.modal-error__actions{gap:var(--space-2);display:flex}.feature-error{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius);font-size:var(--text-sm);display:flex}.feature-error__icon{flex-shrink:0}.feature-error__text{color:var(--text-muted);flex:1}.app-error{min-height:100vh;padding:var(--space-4);background:var(--bg-primary);justify-content:center;align-items:center;display:flex}.app-error__container{text-align:center;max-width:500px}.app-error__icon{margin-bottom:var(--space-4);font-size:64px}.app-error__title{font-size:var(--text-2xl);margin-bottom:var(--space-2);color:var(--text-primary);font-weight:700}.app-error__message{color:var(--text-muted);margin-bottom:var(--space-3)}.app-error__error{font-size:var(--text-sm);color:var(--text-error);margin-bottom:var(--space-4);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius)}.app-error__actions{justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.app-error__details{text-align:left}.app-error__details summary{cursor:pointer;color:var(--text-muted);font-size:var(--text-sm)}.app-error__details pre{margin-top:var(--space-2);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius);font-size:var(--text-xs);white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-x:auto}.toast-container{z-index:10000;gap:var(--space-2);max-width:400px;padding:var(--space-3);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast-container--top-right{top:0;right:0}.toast-container--top-left{top:0;left:0}.toast-container--bottom-right{bottom:0;right:0}.toast-container--bottom-left{bottom:0;left:0}.toast-container--top-center{top:0;left:50%;transform:translate(-50%)}.toast-container--bottom-center{bottom:0;left:50%;transform:translate(-50%)}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;border-left:4px solid;animation:.3s ease-out toast-enter;display:flex}.toast--exiting{animation:.3s ease-in forwards toast-exit}@keyframes toast-enter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast--success{border-color:var(--success)}.toast--error{border-color:var(--error)}.toast--warning{border-color:var(--warning)}.toast--info{border-color:var(--accent)}.toast__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;display:flex}.toast--success .toast__icon{background:var(--success-bg);color:var(--success)}.toast--error .toast__icon{background:var(--error-bg);color:var(--error)}.toast--warning .toast__icon{background:var(--warning-bg);color:var(--warning)}.toast--info .toast__icon{background:var(--accent-tint);color:var(--accent)}.toast__content{flex:1;min-width:0}.toast__title{font-weight:600;font-size:var(--text-sm);color:var(--text);line-height:1.4}.toast__message{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-muted);line-height:1.4}.toast__close{border-radius:var(--radius);width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;transition:all .15s;display:flex}.toast__close:hover{background:var(--bg-tertiary);color:var(--text)}.tooltip-trigger{display:inline-flex}.tooltip{z-index:10001;padding:var(--space-2)var(--space-3);background:var(--gray-900);color:#fff;font-size:var(--text-sm);border-radius:var(--radius);box-shadow:var(--shadow-lg);pointer-events:none;animation:.15s ease-out tooltip-enter;position:fixed}@keyframes tooltip-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tooltip__content{z-index:1;position:relative}.tooltip__arrow{background:var(--gray-900);width:8px;height:8px;position:absolute;transform:rotate(45deg)}.tooltip__arrow--top{margin-left:-4px;bottom:-4px;left:50%}.tooltip__arrow--bottom{margin-left:-4px;top:-4px;left:50%}.tooltip__arrow--left{margin-top:-4px;top:50%;right:-4px}.tooltip__arrow--right{margin-top:-4px;top:50%;left:-4px}.tooltip-shortcut{align-items:center;gap:var(--space-1);display:flex}.tooltip-shortcut__key{min-width:20px;height:20px;padding:0 var(--space-1);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);background:#ffffff26;justify-content:center;align-items:center;display:inline-flex}.tooltip-shortcut__separator{color:#ffffff80}.confirm-dialog-overlay{z-index:10002;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out overlay-enter;display:flex;position:fixed;inset:0}@keyframes overlay-enter{0%{opacity:0}to{opacity:1}}.confirm-dialog{width:100%;max-width:420px;padding:var(--space-5);background:var(--surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:.2s ease-out dialog-enter}@keyframes dialog-enter{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.confirm-dialog__header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.confirm-dialog__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.confirm-dialog--danger .confirm-dialog__icon{background:var(--error-bg)}.confirm-dialog--warning .confirm-dialog__icon{background:var(--warning-bg)}.confirm-dialog--info .confirm-dialog__icon{background:var(--accent-tint)}.confirm-dialog__title{font-size:var(--text-lg);color:var(--text);flex:1;margin:0;font-weight:600}.confirm-dialog__message{margin-bottom:var(--space-5);font-size:var(--text-sm);color:var(--text-muted);line-height:1.6}.confirm-dialog__actions{justify-content:flex-end;gap:var(--space-2);display:flex}.confirm-dialog__loading{align-items:center;gap:var(--space-2);display:flex}.confirm-dialog__spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spinner}@keyframes spinner{to{transform:rotate(360deg)}}.button--danger{background:var(--error);color:#fff}.button--danger:hover{background:var(--error-hover)}