.rec-toggle.svelte-h34f85{display:flex;gap:.4rem}.rec-toggle.svelte-h34f85 button:where(.svelte-h34f85){flex:1;padding:.45rem;border:1px solid var(--border);border-radius:8px;background:transparent;color:inherit;cursor:pointer;font-size:.85rem}.rec-toggle.svelte-h34f85 button.active:where(.svelte-h34f85){background:var(--accent);color:#fff;border-color:var(--accent)}textarea.svelte-h34f85{width:100%;border:1px solid var(--border);border-radius:8px;padding:.55rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;resize:vertical}.signin-btn.svelte-h34f85{padding:.65rem}.accent-link.svelte-h34f85{color:var(--accent)}.pending-wrap.svelte-9y5fld{flex:1;display:flex;align-items:center;justify-content:center;min-height:100vh}.danger.svelte-9y5fld{color:var(--red)}.deletion-banner.svelte-1n46o8q{position:fixed;bottom:0;left:0;right:0;z-index:60;background:var(--red);color:#fff;text-align:center;padding:.4rem 1rem;font-size:.85rem}.deletion-banner.svelte-1n46o8q button:where(.svelte-1n46o8q){color:#fff;text-decoration:underline;font-weight:600;background:none;padding:0}:root,:root[data-theme=light]{--bg: #f6f8fc;--bg-panel: #ffffff;--bg-hover: #eaf1fb;--bg-active: #d3e3fd;--border: #e0e3e7;--text: #1f1f1f;--text-dim: #5f6368;--accent: #0b57d0;--green: #188038;--red: #d93025;--amber: #e37400;--star: #f4b400;--unread-bg: #ffffff;--read-bg: #f6f8fc;--snackbar-bg: #323232;--snackbar-text: #ffffff;--snackbar-accent: #8ab4f8;--shadow: rgba(60, 64, 67, .2);--topbar-h: 56px;--sidebar-w: 256px;--row-h: 40px;--row-pad: .75rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:light}:root[data-theme=dark]{--bg: #14151a;--bg-panel: #1c1e26;--bg-hover: #262934;--bg-active: #2f3347;--border: #2e3240;--text: #d9dce3;--text-dim: #8b90a0;--accent: #7aa2f7;--green: #9ece6a;--red: #f7768e;--amber: #e0af68;--star: #e0af68;--unread-bg: #20222c;--read-bg: #14151a;--snackbar-bg: #2f3347;--snackbar-text: #d9dce3;--snackbar-accent: #7aa2f7;--shadow: rgba(0, 0, 0, .45);color-scheme:dark}:root[data-density=compact]{--row-h: 30px;--row-pad: .5rem}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden;height:100vh;height:100dvh}button{background:none;color:var(--text);border:none;border-radius:4px;padding:.5rem .75rem;font-weight:500;font-size:.875rem;cursor:pointer;font:inherit}button:hover{background:var(--bg-hover)}button:disabled{opacity:.4;cursor:default}button:disabled:hover{background:none}button.primary{background:var(--accent);color:#fff;font-weight:600}button.primary:hover{opacity:.92;background:var(--accent)}button.ghost{background:transparent;color:var(--text-dim)}button.ghost:hover{background:var(--bg-hover);color:var(--text)}button.round{width:36px;height:36px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--text-dim)}button.round:hover{background:var(--bg-hover);color:var(--text)}button.round:disabled:hover{background:none}button.round.toggled{background:var(--bg-active);color:var(--accent)}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;padding:0 .25rem;font-size:inherit;font-weight:500}.link-btn:hover{text-decoration:underline;background:none}input,textarea,select{background:var(--bg-panel);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:.5rem;width:100%;font:inherit;font-size:.875rem}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}textarea{resize:vertical}select{appearance:none;padding-right:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}option,optgroup{background:var(--bg-panel);color:var(--text)}optgroup{font-weight:600}.topbar{height:var(--topbar-h);display:flex;align-items:center;gap:.5rem;padding:0 1rem 0 .5rem;background:var(--bg);flex-shrink:0;position:relative;z-index:100}.topbar-logo{display:flex;align-items:center;gap:.5rem;padding:0 .9rem;box-sizing:border-box;width:var(--sidebar-w, 240px);flex:0 0 auto;font-weight:600;font-size:1.25rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;transition:width .15s ease}.topbar-logo svg{color:var(--accent);flex-shrink:0}.shell.nav-collapsed .topbar-logo{width:60px;padding:0 .5rem;justify-content:center}.shell.nav-collapsed .topbar-logo .logo-text{display:none}.topbar-search{flex:1;max-width:720px;position:relative;display:flex;align-items:center}.topbar-search input{background:var(--bg-hover);border:1px solid transparent;border-radius:24px;padding:.65rem 2.75rem .65rem 3.25rem;font-size:.95rem;width:100%;transition:background .15s,box-shadow .15s}.topbar-search input:focus{background:var(--bg-panel);box-shadow:0 1px 6px var(--shadow);border-color:transparent}.topbar-search .search-go{position:absolute;left:6px;z-index:2}.topbar-search .search-clear{position:absolute;right:6px;z-index:2}.search-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 20px var(--shadow);padding:1rem;z-index:150;display:flex;flex-direction:column;gap:.6rem}.search-panel-title{display:flex;align-items:center;gap:.4rem;font-weight:600;font-size:.9rem}.search-panel-hint{font-size:.8rem;color:var(--text-dim)}.search-panel .primary{align-self:flex-start;border-radius:18px}.topbar-actions{display:flex;align-items:center;gap:.25rem;margin-left:auto}.progress{height:6px;border-radius:3px;background:var(--bg-hover);overflow:hidden}.progress.slim{height:3px;border-radius:0}.progress-bar{height:100%;background:var(--accent);transition:width .3s}.progress-bar.indeterminate{width:30%;animation:indeterminate 1.2s infinite linear}@keyframes indeterminate{0%{transform:translate(-110%)}to{transform:translate(420%)}}.avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;color:#fff;flex-shrink:0;cursor:pointer;user-select:none}.avatar.profile-av{width:48px;height:48px;font-size:1.2rem}.avatar:hover{opacity:.85}.avatar-dropdown{position:absolute;top:calc(var(--topbar-h) - 4px);right:.75rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:.75rem 1rem;min-width:220px;box-shadow:0 8px 32px var(--shadow);z-index:200}.avatar-dropdown .dropdown-email{font-size:.9rem;word-break:break-all;margin-bottom:.5rem;color:var(--text-dim)}.avatar-dropdown button{width:100%;text-align:left;padding:.5rem .25rem;border-bottom:1px solid var(--border);border-radius:0}.avatar-dropdown button:last-child{border-bottom:none}.shell{display:flex;flex-direction:column;height:100vh;height:100dvh}.shell-body{display:flex;flex:1;overflow:hidden}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg);padding:.25rem .5rem 1rem 0;display:flex;flex-direction:column;gap:1px;overflow-y:auto;transition:width .15s ease}.sidebar.collapsed{width:68px}.sidebar.collapsed .mbox{justify-content:center;border-radius:50%;width:44px;margin-left:12px;padding:.6rem}.sidebar.collapsed .compose-btn{width:48px;height:48px;padding:0;margin-left:10px;justify-content:center;border-radius:50%}.compose-btn{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.25rem;margin:.5rem 0 1rem .75rem;background:var(--bg-active);color:var(--text);border-radius:16px;font-weight:600;font-size:.9rem;width:fit-content;box-shadow:0 1px 3px var(--shadow);transition:box-shadow .15s}.compose-btn:hover{background:var(--bg-active);box-shadow:0 2px 8px var(--shadow)}.sidebar .mbox{display:flex;align-items:center;gap:.85rem;padding:.42rem .75rem .42rem 1.5rem;border-radius:0 16px 16px 0;cursor:pointer;color:var(--text);font-size:.875rem;position:relative;user-select:none}.sidebar .mbox:hover{background:var(--bg-hover)}.sidebar .mbox.active{background:var(--bg-active);font-weight:700}.sidebar .mbox .mbox-icon{display:flex;align-items:center;color:var(--text-dim)}.sidebar .mbox.active .mbox-icon{color:var(--text)}.sidebar .mbox .mbox-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .mbox .mbox-count{font-weight:700;font-size:.75rem}.sidebar .mbox .mbox-del{display:flex;align-items:center;justify-content:center;opacity:0;background:none;border:none;padding:0 2px;font-size:.7rem;color:var(--text-dim);cursor:pointer;flex-shrink:0;transition:opacity .1s}.sidebar .mbox:hover .mbox-del{opacity:1}.sidebar .mbox .mbox-del:hover{color:var(--red)}.sidebar .mbox .mbox-count.chat-unread{background:var(--red);color:#fff;border-radius:10px;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-size:.68rem}.sidebar .mbox.drag-over{background:color-mix(in srgb,var(--accent) 18%,transparent);outline:2px dashed var(--accent);outline-offset:-2px}.sidebar .label-add{color:var(--text-dim)}.sidebar .sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem}.sidebar .storage-meter{padding:.6rem .75rem .2rem 1.5rem;display:flex;flex-direction:column;gap:.3rem}.sidebar.collapsed .sidebar-bottom{align-items:center;padding-left:4px;padding-right:4px}.sidebar.collapsed .mp-mini-info,.sidebar.collapsed .mp-mini-prog,.sidebar.collapsed .mp-mini-spacer{display:none}.sidebar.collapsed .mp-mini-row{flex-wrap:wrap;justify-content:center}.sidebar .storage-meter.collapsed{padding:.6rem 12px .2rem;align-items:center}.sidebar .storage-bar{width:100%;height:5px;border-radius:3px;background:var(--border);overflow:hidden}.sidebar .storage-meter.collapsed .storage-bar{width:40px}.sidebar .storage-fill{height:100%;border-radius:3px;background:var(--accent)}.sidebar .storage-fill.warn{background:var(--red)}.sidebar .storage-label{font-size:.72rem;color:var(--text-dim);line-height:1.3}.sidebar .mbox.skeleton{cursor:default;pointer-events:none;animation:sk-pulse 1.3s ease-in-out infinite}.sidebar .sk-dot{width:18px;height:18px;border-radius:50%;background:var(--border);flex-shrink:0}.sidebar .sk-line{height:10px;border-radius:5px;background:var(--border)}@keyframes sk-pulse{0%,to{opacity:.4}50%{opacity:.8}}.main-area{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-panel);margin-right:.5rem;border-radius:16px 16px 0 0;overflow:hidden;box-shadow:0 0 0 1px var(--border)}.error-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--red);font-size:.85rem;padding:.4rem 1rem}.info-bar{display:flex;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.8rem;color:var(--text-dim);background:color-mix(in srgb,var(--accent) 6%,transparent);border-bottom:1px solid var(--border)}.toolbar{display:flex;align-items:center;gap:.25rem;padding:.3rem .75rem;border-bottom:1px solid var(--border);min-height:48px}.toolbar .toolbar-left{display:flex;align-items:center;gap:.15rem;position:relative}.toolbar .toolbar-right{margin-left:auto;display:flex;align-items:center;gap:.15rem;color:var(--text-dim);font-size:.8rem}.toolbar .page-info{padding:0 .5rem;white-space:nowrap}.toolbar-sep{width:1px;height:20px;background:var(--border);margin:0 .35rem}.select-group{display:flex;align-items:center;padding-left:.4rem;position:relative}.select-group .caret{padding:.1rem;border-radius:4px;display:flex;color:var(--text-dim)}.select-menu{left:0;top:100%}.menu-anchor{position:relative}.menu{position:absolute;top:calc(100% + 2px);left:0;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px var(--shadow);min-width:200px;max-height:320px;overflow-y:auto;z-index:250;padding:.35rem 0;display:flex;flex-direction:column}.menu-title{padding:.35rem 1rem;font-size:.75rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em}.menu-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-align:left;padding:.45rem 1rem;border-radius:0;font-size:.85rem;color:var(--text)}.menu-item:hover{background:var(--bg-hover)}.menu-hint{color:var(--text-dim);font-size:.75rem}.menu-empty{padding:.45rem 1rem;color:var(--text-dim);font-size:.8rem}.email-list{flex:1;overflow-y:auto;position:relative}.email-row{display:flex;align-items:center;gap:.25rem;padding:0 var(--row-pad) 0 .4rem;height:var(--row-h);border-bottom:1px solid var(--border);cursor:pointer;position:relative;background:var(--read-bg);font-size:.875rem}.email-row:hover{box-shadow:inset 1px 0 0 var(--border),inset -1px 0 0 var(--border),0 1px 2px var(--shadow),0 1px 3px 1px var(--shadow);z-index:1}.email-row.unread{background:var(--unread-bg)}.email-row.unread .row-sender,.email-row.unread .row-subject{font-weight:700;color:var(--text)}.email-row.selected{background:var(--bg-active)!important}.email-row.cursor{box-shadow:inset 3px 0 0 var(--accent)}.email-row .row-checkbox{display:flex;align-items:center;width:32px;justify-content:center;flex-shrink:0}.email-row .row-star{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-dim);opacity:.55;background:none;padding:0;border-radius:50%}.email-row:hover .row-star,.email-row .row-star.starred{opacity:1}.email-row .row-star.starred{color:var(--star)}.email-row .row-star:hover{background:var(--bg-hover)}.email-row .row-label-wrap{position:relative;display:flex;flex-shrink:0}.email-row .row-label-tab{width:10px;height:22px;border-radius:3px;padding:0;border:1.5px solid var(--text-dim);background:transparent;opacity:.45}.email-row:hover .row-label-tab{opacity:.9}.email-row .row-label-tab.labeled{border-color:var(--tab-color);background:var(--tab-color);opacity:1}.label-pop{left:0;top:26px;min-width:220px}.label-pop-row{display:flex;align-items:center;gap:0;padding:0!important}.label-pop-pick{flex:1;display:flex;align-items:center;gap:.5rem;padding:.45rem 1rem;text-align:left;border-radius:0}.label-pop-pick:hover{background:var(--bg-hover)}.label-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.label-pop-x{padding:.45rem .7rem;color:var(--text-dim);border-radius:0}.label-pop-x:hover{color:var(--red);background:var(--bg-hover)}.email-row .row-sender{width:200px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);padding-right:.5rem}.email-row .thread-n{color:var(--text-dim);font-weight:400;font-size:.8rem}.email-row .row-content{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.email-row .row-subject{color:var(--text)}.email-row .row-preview{color:var(--text-dim)}.email-row .row-attach{color:var(--text-dim);display:flex;flex-shrink:0}.email-row .row-date{width:80px;flex-shrink:0;text-align:right;font-size:.75rem;color:var(--text-dim);white-space:nowrap}.email-row.unread .row-date{font-weight:700;color:var(--text)}.snooze-date{color:var(--amber);font-weight:600}.email-row .row-actions{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:none;gap:.1rem;background:inherit;padding-left:.5rem}.email-row:hover .row-actions{display:flex}.email-row:hover .row-date{visibility:hidden}.email-row .row-actions button{width:32px;height:32px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-dim);background:transparent}.email-row .row-actions button:hover{background:var(--bg-hover);color:var(--text)}.badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;border-radius:4px;padding:.12rem .45rem;text-transform:uppercase;letter-spacing:.02em}.badge.encrypted{background:color-mix(in srgb,var(--green) 16%,transparent);color:var(--green)}.badge.encrypted.wkd{background:color-mix(in srgb,var(--amber) 14%,transparent);color:var(--amber);border:1px dashed color-mix(in srgb,var(--amber) 55%,transparent)}.badge.encrypted.federated{border:1px solid color-mix(in srgb,var(--green) 50%,transparent)}.badge.signed-bad{background:color-mix(in srgb,var(--red) 16%,transparent);color:var(--red)}.badge.plaintext{background:color-mix(in srgb,var(--amber) 16%,transparent);color:var(--amber)}.composer-float{position:fixed;bottom:0;right:24px;width:490px;height:480px;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px 12px 0 0;box-shadow:0 -2px 24px var(--shadow);display:flex;flex-direction:column;z-index:300;overflow:visible}.composer-float.minimized{height:44px}.composer-float.fullscreen{inset:6vh 12vw;width:auto;height:auto;border-radius:12px}.composer-float .composer-header{display:flex;align-items:center;justify-content:space-between;padding:0 .5rem 0 1rem;height:44px;background:var(--bg-active);border-radius:12px 12px 0 0;flex-shrink:0;cursor:pointer}.composer-float .composer-header span{font-size:.85rem;font-weight:600}.composer-float .composer-header .composer-controls{display:flex;gap:.1rem}.composer-float .composer-header .composer-controls button{width:28px;height:28px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.composer-float .composer-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.composer-float.minimized .composer-body{display:none}.composer-float form{flex:1;display:flex;flex-direction:column;overflow:hidden}.composer-fields{display:flex;flex-direction:column;border-bottom:1px solid var(--border)}.composer-fields input{border:none;border-radius:0;background:transparent;padding:.55rem .75rem;font-size:.875rem;border-bottom:1px solid var(--border)}.composer-fields input:last-child{border-bottom:none}.composer-fields input:focus{border-color:var(--border);border-bottom:1px solid var(--accent)}.composer-textarea{flex:1;border:none;border-radius:0;background:transparent;padding:.75rem;resize:none;font-size:.875rem;line-height:1.5}.composer-textarea:focus{outline:none}.composer-footer{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-top:1px solid var(--border)}.composer-attachments{display:flex;flex-wrap:wrap;gap:.35rem;padding:.35rem .75rem}.composer-attachment-chip{display:inline-flex;align-items:center;gap:.35rem;background:var(--bg-hover);border:1px solid var(--border);border-radius:6px;padding:.25rem .5rem;font-size:.75rem}.attachments{display:flex;flex-wrap:wrap;gap:.5rem}.attachment-chip{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem;font-size:.85rem;cursor:pointer;color:var(--text)}.attachment-chip:hover{background:var(--bg-hover)}.attachment-name{font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{color:var(--text-dim);font-size:.75rem}.empty{display:flex;align-items:center;justify-content:center;color:var(--text-dim);padding:4rem 1rem;font-size:.95rem}.auth-card{max-width:420px;margin:10vh auto;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:2rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 2px 12px var(--shadow)}.auth-card h1{margin:0 0 .25rem;font-size:1.4rem;color:var(--accent)}.auth-card .error{color:var(--red);font-size:.85rem}.auth-card .hint{color:var(--text-dim);font-size:.85rem}.recovery-key{font-family:monospace;font-size:1.1rem;background:var(--bg);border:1px dashed var(--amber);border-radius:6px;padding:.75rem;text-align:center;color:var(--amber);user-select:all}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:400}.modal{width:min(520px,90vw);background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;max-height:84vh;overflow-y:auto}.modal h2{margin:0;font-size:1.2rem}.modal h3{margin:0;font-size:.95rem}.modal .actions{display:flex;gap:.75rem;justify-content:flex-end}.profile-info{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem}.profile-email{font-weight:600}.settings-group{display:flex;flex-direction:column;gap:.75rem}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent)}input[type=file]{display:none}@media print{body{overflow:visible;height:auto}.topbar,.sidebar,.toolbar,.snackbar-stack,.composer-float,.modal-overlay,.info-bar{display:none!important}.shell,.shell-body,.main-area{display:block;overflow:visible;height:auto;box-shadow:none}}