:root{--bg: #ededed;--panel: #ffffff;--sidebar: #ffffff;--nav-active: #ededed;--line: #e2e2e2;--line-soft: #ebebeb;--text: #141414;--text-2: #4a4a4a;--muted: #8a8a8a;--muted-2: #a8a8a8;--brand: #0064ef;--brand-hover: #0055cc;--brand-soft: #e8f1fe;--active: #0064ef;--danger: #e5484d;--warn: #f59e0b;--surface: #ffffff;--surface-2: #ededed;--hover: rgba(17, 24, 39, .05);--hover-on-bg: rgba(255, 255, 255, .7);--track: #e2e2e2;--danger-soft: #fdecec;--danger-text: #b42318;--warn-soft: #fff7e6;--warn-text: #8a5300;--toast: #1b1d22;--text-read: #2a2e35;--link: #0064ef;--radius: 12px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);--shadow-md: 0 10px 30px rgba(16, 24, 40, .12);--sidebar-w: 200px;--list-w: 396px;font-family:Plus Jakarta Sans,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;color-scheme:light}:root[data-theme=dark]{--bg: #0e1012;--panel: #1c1e20;--sidebar: #0e1012;--nav-active: #1c1e20;--surface: #1c1e20;--surface-2: #26292c;--line: #2a2d31;--line-soft: #232629;--text: #eceef1;--text-2: #b9bec5;--text-read: #c9cdd3;--muted: #8b919a;--muted-2: #6c727b;--brand-soft: rgba(0, 100, 239, .2);--hover: rgba(255, 255, 255, .06);--hover-on-bg: rgba(255, 255, 255, .05);--track: #2a2d31;--danger-soft: rgba(229, 72, 77, .16);--danger-text: #ff9a9d;--warn-soft: rgba(245, 158, 11, .14);--warn-text: #f5c26b;--toast: #2a2d31;--link: #4d9bff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 12px 32px rgba(0, 0, 0, .55);color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}button:disabled{cursor:default;opacity:.55}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}a{color:var(--link)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.grow{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 18px;border-radius:7px;font-size:14px;font-weight:600;background:var(--panel);border:1px solid var(--line);transition:background .15s,border-color .15s}.btn:hover:not(:disabled){background:var(--surface-2)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff;min-width:106px}.btn.primary:hover:not(:disabled){background:var(--brand-hover)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover:not(:disabled){background:var(--surface-2)}.btn.block{width:100%;height:46px}.danger-text{color:var(--danger)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;color:var(--muted);transition:background .15s,color .15s}.icon-btn:hover:not(:disabled){background:var(--hover);color:var(--text)}.icon-btn.tiny{width:26px;height:26px;border-radius:7px}.icon-btn.text{font-size:13px;font-weight:700;text-decoration:line-through}.link-btn{color:var(--link);font-weight:600;font-size:14px}.link-btn:hover{text-decoration:underline}.link-btn.small{font-size:13px;white-space:nowrap}.avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:50%;color:#fff;font-weight:700;letter-spacing:.02em;user-select:none}.spinner{display:inline-block;border:2px solid rgba(0,100,239,.2);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}.btn.primary .spinner{border-color:#ffffff59;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.boot{height:100%;display:grid;place-items:center}.field{display:flex;flex-direction:column;gap:6px;font-size:14px}.field>span{font-weight:600;color:var(--text-2)}.field input,.field textarea,.inline-form input{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:11px 13px;font-size:15px;outline:none;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;line-height:1.55}.field input:focus,.field textarea:focus,.inline-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0064ef26}.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45}.check input{margin-top:2px;width:17px;height:17px;accent-color:var(--brand)}.stack{display:flex;flex-direction:column;gap:18px}.inline-form{display:flex;gap:8px}.plain-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:10px}.plain-list li{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px}.plain-list li+li{border-top:1px solid var(--line-soft)}.form-error{background:var(--danger-soft);color:var(--danger-text);padding:10px 12px;border-radius:9px;font-size:14px}.notice{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surface-2);color:var(--text-2);font-size:14px;padding:10px 14px;border-radius:10px;margin:0 0 18px}.notice.warn{background:var(--warn-soft);color:var(--warn-text)}.notice.block{display:block;line-height:1.5;margin:0}.pill{font-size:12px;font-weight:600;padding:2px 9px;border-radius:99px;background:var(--surface-2);color:var(--text-2)}.pill.ok{background:var(--brand-soft);color:var(--brand)}.row-actions{display:flex;flex-wrap:wrap;gap:8px}.check-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.meter{height:6px;border-radius:99px;background:var(--track);overflow:hidden}.meter-fill{height:100%;border-radius:inherit;background:var(--brand);transition:width .3s}.meter-fill.warn{background:var(--warn)}.meter-fill.danger{background:var(--danger)}.toasts{position:fixed;left:20px;bottom:20px;display:flex;flex-direction:column;gap:8px;z-index:100;width:min(calc(100vw - 32px),380px);pointer-events:none}.toast{pointer-events:auto}@media(max-width:900px){.toasts{left:16px;bottom:calc(96px + env(safe-area-inset-bottom))}}.toast{display:flex;align-items:center;gap:14px;justify-content:space-between;background:var(--toast);color:#fff;padding:12px 16px;border-radius:10px;font-size:14px;box-shadow:var(--shadow-md);animation:rise .18s ease-out}.toast.error{background:#b42318}.toast-action{color:#9cc3ff;font-weight:700;white-space:nowrap}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.modal-backdrop,.composer-backdrop{position:fixed;inset:0;background:#0f121961;display:grid;place-items:center;z-index:50;padding:16px;animation:fade .15s ease-out}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border-radius:16px;width:min(100%,440px);max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--shadow-md)}.modal.wide{width:min(100%,640px)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 6px 24px}.modal-head h2{font-size:19px;margin:0;font-weight:700}.modal-body{padding:12px 24px 20px;overflow:auto;font-size:15px;line-height:1.5}.modal-body p{margin:0 0 8px}.modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--line-soft)}.tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--line);overflow-x:auto}.tab{padding:10px 12px;font-size:14px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tab.on{color:var(--link);border-color:var(--brand)}.usage-card{border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.usage-row{display:flex;justify-content:space-between;font-size:14px}.menu-wrap{position:relative}.menu{position:absolute;top:calc(100% + 6px);min-width:240px;background:var(--surface);border-radius:12px;box-shadow:var(--shadow-md);border:1px solid var(--line-soft);padding:6px;z-index:30}.menu.right{right:0}.menu.left{left:0}.menu-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 10px;border-radius:8px;font-size:14px;color:var(--text-2)}.menu-item:hover{background:var(--surface-2)}.menu-item.danger{color:var(--danger)}.menu-sep{height:1px;background:var(--line-soft);margin:5px 4px}.login-page{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;overflow:auto}.login-card{background:var(--surface);width:min(100%,400px);border-radius:22px;padding:36px 32px 28px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px}.login-logo{width:52px;height:52px;border-radius:15px;background:var(--brand);color:#fff;display:grid;place-items:center}.login-card h1{margin:4px 0 0;font-size:26px;font-weight:800;letter-spacing:-.02em;word-break:break-word}.login-card>.muted{margin:-8px 0 6px}.input-suffix{position:relative;display:flex;align-items:center}.input-suffix .suffix{position:absolute;right:13px;color:var(--muted);font-size:15px;pointer-events:none;max-width:55%;overflow:hidden;text-overflow:ellipsis}.login-foot{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:13px;margin-top:18px;text-decoration:none;padding:4px 8px;border-radius:8px}.login-foot strong{color:var(--text-2);font-weight:700}.login-foot:hover{color:var(--text-2);background:var(--hover)}.ulakom-mark{display:inline-block;width:28px;height:28px;background:currentColor;-webkit-mask:url(/ulakom.svg) center / contain no-repeat;mask:url(/ulakom.svg) center / contain no-repeat}.ulakom-mark.small{width:14px;height:14px;color:var(--text-2)}.captcha-frame{width:100%;height:0;border:0;display:block;color-scheme:normal;border-radius:9px;overflow:hidden;margin:-8px 0;transition:height .2s ease,margin .2s ease}.captcha-frame.show{height:65px;margin:0}.app{display:grid;grid-template-columns:var(--sidebar-w) var(--list-w) minmax(0,1fr);height:100%}.drawer-scrim{display:none}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;padding:26px 0 14px}.sidebar-title{display:flex;align-items:center;gap:10px;font-size:34px;font-weight:800;letter-spacing:-.02em;margin:0 18px 30px}.sidebar nav{flex:1;overflow:auto}.nav-list{list-style:none;margin:0;padding:0}.nav-item{display:flex;align-items:center;gap:10px;width:calc(100% - 8px);padding:0 14px 0 18px;height:40px;font-size:14px;font-weight:500;color:var(--text);border-radius:0 12px 12px 0;text-align:left;transition:background .15s}.nav-item:hover{background:var(--hover)}.nav-item.active{background:var(--nav-active);color:var(--text);font-weight:600}.nav-item.drop{background:var(--brand-soft);outline:2px dashed var(--brand);outline-offset:-2px}.nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-count{font-size:12px;font-weight:700;color:var(--link)}.nav-chevron{color:var(--muted)}.nav-section{display:flex;align-items:center;justify-content:space-between;margin:26px 10px 8px 18px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.nav-empty{padding:4px 18px;font-size:13px;color:var(--muted-2)}.nav-folder{position:relative}.folder-more{position:absolute;right:14px;top:7px;opacity:0;font-weight:700;color:var(--muted)}.nav-folder:hover .folder-more,.folder-more:focus-visible{opacity:1}.nav-folder:hover .nav-count{visibility:hidden}.sidebar-foot{padding:12px 10px 0 18px}.storage{margin-bottom:14px;padding-right:8px}.storage-row{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--muted);margin-bottom:7px}.sidebar-actions{display:flex;align-items:center;justify-content:space-between;margin-left:-10px}.sidebar-actions .icon-btn{color:var(--text)}.sidebar-actions-right{display:flex}.list-pane{position:relative;background:var(--bg);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;min-width:0}.list-mobile-head{display:none}.search{display:flex;align-items:center;gap:10px;margin:12px 14px;height:44px;padding:0 12px 0 16px;background:var(--surface);border-radius:11px;box-shadow:var(--shadow-sm);color:var(--muted)}.search input{flex:1;border:0;outline:0;background:transparent;font-size:15px;color:var(--text);min-width:0}.search input::-webkit-search-cancel-button{display:none}.list-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 14px 8px;font-size:12.5px;color:var(--muted)}.list-scroll{flex:1;overflow-y:auto;padding:0 8px 96px}.msg-list{list-style:none;margin:0;padding:0}.msg-item{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 14px;border-radius:12px;cursor:pointer;transition:background .12s}.msg-list li+li .msg-item:before{content:"";position:absolute;left:16px;right:14px;top:0;height:1px;background:var(--line)}.msg-list li:has(.msg-item.active)+li .msg-item:before,.msg-item.active:before{display:none}.msg-item:hover{background:var(--hover-on-bg)}.msg-item.active{background:var(--surface);box-shadow:inset 3px 0 0 var(--brand),var(--shadow-sm)}.msg-main{flex:1;min-width:0}.msg-from{display:flex;align-items:center;gap:6px;font-size:13px;line-height:17px;font-weight:400;color:var(--muted)}.msg-subject{font-size:15px;line-height:20px;font-weight:400;letter-spacing:-.005em;color:var(--text-2)}.msg-snippet{font-size:13px;line-height:17px;color:var(--muted-2)}.msg-item.unread .msg-from{font-weight:600;color:var(--text)}.msg-item.unread .msg-subject{font-weight:700;color:var(--text)}.unread-dot{width:8px;height:8px;border-radius:50%;background:var(--brand);flex:none}.msg-side{align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:4px;flex:none}.msg-time{font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap;margin-top:auto}.msg-clip{color:var(--muted)}.star-btn{color:var(--muted-2);opacity:0;transition:opacity .15s;padding:2px;border-radius:6px}.msg-item:hover .star-btn,.star-btn.on,.star-btn:focus-visible{opacity:1}.star-btn.on{color:#f5b301}.list-sentinel{display:flex;justify-content:center;padding:18px 0;min-height:20px}.empty{text-align:center;color:var(--muted);padding:48px 16px;font-size:15px}.fab{position:absolute;right:26px;bottom:22px;width:58px;height:58px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px #0064ef66;transition:transform .15s,background .15s}.fab:hover{background:var(--brand-hover);transform:translateY(-1px)}.reader-pane{background:var(--panel);min-width:0;min-height:0;display:flex;flex-direction:column}.center-box{align-items:center;justify-content:center}.empty-reader{color:var(--muted-2);gap:12px}.empty-reader p{margin:0;font-size:15px}.reader-scroll{flex:1;overflow-y:auto;padding:30px max(30px,calc((100% - 880px)/2)) 40px}.reader-top{display:flex;align-items:center;gap:8px;margin-bottom:26px}.back-btn{display:none}.reader-date{flex:1;color:var(--muted);font-size:14px;font-weight:500}.reader-actions{display:flex;align-items:center;gap:2px}.reader-actions .icon-btn{color:var(--muted)}.sender{display:flex;align-items:center;gap:16px;margin-bottom:28px}.sender-info{min-width:0;flex:1}.sender-name{font-size:20px;font-weight:700;letter-spacing:-.01em}.sender-mail{font-size:14px;color:var(--muted);margin-top:2px;word-break:break-all}.sender-to{font-size:12.5px;color:var(--muted-2);margin-top:4px}.sender-star{color:#f5b301}.reader-subject{font-size:42px;line-height:1.15;font-weight:800;letter-spacing:-.025em;margin:0 0 30px;word-break:break-word}.reader-body{margin-bottom:24px}.mail-frame{width:100%;border:0;min-height:24px;display:block}.plain-body{font-family:inherit;white-space:pre-wrap;word-break:break-word;font-size:16px;line-height:1.9;color:var(--muted);margin:0}.attachments{margin:8px 0 28px}.attachments-head{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:10px}.att-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.att{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;text-decoration:none;color:var(--text);transition:border-color .15s,background .15s}.att:hover{border-color:var(--brand);background:var(--brand-soft)}.att-ext{flex:none;width:40px;height:40px;border-radius:8px;background:var(--brand-soft);color:var(--link);font-size:10.5px;font-weight:800;display:grid;place-items:center}.att-info{flex:1;min-width:0;display:flex;flex-direction:column}.att-name{font-size:13.5px;font-weight:600}.att-size{font-size:12px;color:var(--muted)}.att-dl{color:var(--muted)}.thread{margin:4px 0 28px}.thread-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text-2);margin-bottom:10px}.thread-count{min-width:22px;height:20px;padding:0 7px;border-radius:99px;background:var(--surface-2);color:var(--muted);font-size:11.5px;display:inline-grid;place-items:center}.thread-list{display:flex;flex-direction:column;gap:8px}.thread-card{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface);transition:border-color .15s,background .15s,transform .15s}.thread-card:hover{border-color:var(--brand);background:var(--brand-soft)}.thread-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.thread-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.thread-from{font-size:14px;font-weight:700;color:var(--text)}.thread-date{flex:none;font-size:12px;color:var(--muted)}.thread-snippet{font-size:13.5px;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quote-toggle{display:inline-flex;align-items:center;justify-content:center;margin-top:6px;height:22px;padding:0 12px;border-radius:99px;background:var(--surface-2);color:var(--muted);font-size:13px;letter-spacing:.1em;line-height:1;transition:background .15s,color .15s}.quote-toggle:hover,.quote-toggle.on{background:var(--track);color:var(--text)}.quick-reply{margin-top:28px}.quick-reply-to{display:flex;align-items:center;gap:7px;margin:0 0 8px 2px;font-size:13px;color:var(--muted)}.quick-reply-to strong{color:var(--text);font-weight:600}.quick-reply textarea{display:block;width:100%;min-height:96px;resize:none;overflow-y:auto;border:0;outline:0;border-radius:10px;padding:16px 20px;background:var(--surface-2);font-size:17px;line-height:1.5;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .15s,background .15s}.quick-reply textarea::placeholder{color:var(--muted-2)}.quick-reply textarea:focus{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line),0 6px 20px #10182814}.quick-reply-bar{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.attach-btn{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-2);padding:6px 2px}.attach-btn svg{color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;height:28px;padding:0 6px 0 10px;border-radius:99px;background:var(--surface-2);font-size:13px}.chip small{color:var(--muted)}.chip.invalid{background:var(--danger-soft);color:var(--danger-text)}.muted-chip{padding-right:10px;color:var(--text-2)}.chip-x{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;color:var(--muted)}.chip-x:hover{background:var(--hover)}.composer-backdrop{place-items:end end;background:#0f12192e;padding:24px}.composer{width:min(100%,680px);height:min(calc(100vh - 48px),680px);background:var(--surface);border-radius:18px;box-shadow:0 24px 60px #10182840;display:flex;flex-direction:column;overflow:hidden;animation:rise .18s ease-out}.composer-head{display:flex;align-items:center;gap:12px;padding:14px 14px 10px 22px}.composer-head h2{margin:0;font-size:18px;font-weight:700}.composer-status{flex:1;font-size:12.5px;color:var(--muted)}.composer-fields{padding:0 22px}.rcpt-row{display:flex;align-items:center;gap:10px}.rcpt-row .rcpt{flex:1}.rcpt{position:relative;display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid var(--line-soft);padding:7px 0;min-height:46px;cursor:text}.rcpt-label{font-size:14px;color:var(--muted);padding-top:8px;width:42px;flex:none}.rcpt-chips{flex:1;display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0;padding-top:2px}.rcpt-chips input{flex:1;min-width:140px;border:0;outline:0;height:28px;font-size:15px}.suggest{position:absolute;left:52px;top:100%;z-index:10;width:min(380px,calc(100% - 52px));background:var(--surface);border-radius:12px;box-shadow:var(--shadow-md);border:1px solid var(--line-soft);padding:6px}.suggest button{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:8px 10px;border-radius:8px;font-size:14px;text-align:left}.suggest button span{font-size:12.5px;color:var(--muted)}.suggest button.on,.suggest button:hover{background:var(--surface-2)}.subject-input{width:100%;border:0;border-bottom:1px solid var(--line-soft);outline:0;font-size:16px;font-weight:600;padding:14px 0}.toolbar{display:flex;gap:2px;padding:6px 16px;border-bottom:1px solid var(--line-soft)}.toolbar .icon-btn{width:34px;height:34px;color:var(--text-2)}.editor{flex:1;overflow-y:auto;padding:16px 22px;font-size:15.5px;line-height:1.65;outline:none;color:var(--text)}.editor blockquote{color:var(--muted)}.editor .signature{color:var(--text-2)}.composer-files{padding:0 22px 8px;margin-top:0;max-height:96px;overflow:auto}.composer-foot{display:flex;align-items:center;gap:14px;padding:12px 16px 14px 22px;border-top:1px solid var(--line-soft)}@media(max-width:1180px){:root{--list-w: 340px}.reader-subject{font-size:34px}}@media(max-width:900px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:min(84vw,300px);z-index:40;transform:translate(-102%);transition:transform .22s ease,visibility .22s;visibility:hidden;background:var(--sidebar);padding-top:calc(26px + env(safe-area-inset-top))}.drawer-open .sidebar{transform:none;visibility:visible;box-shadow:var(--shadow-md)}.drawer-open .drawer-scrim{display:block;position:fixed;inset:0;background:#0f121959;z-index:39}.list-pane{border:0}.app.has-message .list-pane{display:none}.app:not(.has-message) .reader-pane{display:none}.list-mobile-head{display:block;padding:calc(18px + env(safe-area-inset-top)) 16px 0}.hamburger{color:var(--link);margin-left:-8px}.list-mobile-head h1{font-size:38px;font-weight:800;letter-spacing:-.025em;margin:14px 0 6px}.search{margin:10px 16px 14px}.list-scroll{padding:0 4px 110px}.msg-item{padding:14px 12px}.msg-snippet{display:none}.fab{position:fixed;right:20px;bottom:calc(22px + env(safe-area-inset-bottom))}.reader-scroll{padding:calc(18px + env(safe-area-inset-top)) 18px 28px}.back-btn{display:inline-flex;width:44px;height:44px;border-radius:50%;background:var(--surface-2);color:var(--link);margin-right:6px}.reader-top{flex-wrap:wrap;row-gap:14px;margin-bottom:18px}.reader-date{order:3;flex:1 1 100%;font-size:12.5px}.reader-actions{order:2;margin-left:auto}.reader-actions .icon-btn{width:36px;height:36px}.hide-sm{display:none}.sender{gap:12px;margin-bottom:18px}.sender .avatar{width:52px!important;height:52px!important;font-size:18px!important}.sender-name{font-size:17px}.sender-mail{font-size:12.5px}.reader-subject{font-size:30px;margin-bottom:18px}.quick-reply{margin-top:22px}.composer-backdrop{padding:0;place-items:stretch}.composer{width:100%;height:100%;border-radius:0;padding-top:env(safe-area-inset-top)}.modal-backdrop{place-items:end center;padding:0}.modal,.modal.wide{width:100%;border-radius:18px 18px 0 0;max-height:92vh}.att-grid{grid-template-columns:1fr}}.acct{position:relative;margin:0 8px 14px -8px}.acct-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border-radius:12px;text-align:left;transition:background .15s}.acct-trigger:hover,.acct-trigger[aria-expanded=true]{background:var(--nav-active)}.acct-avatar{position:relative;flex:none;display:inline-flex}.acct-dot{position:absolute;top:-1px;right:-1px;width:11px;height:11px;border-radius:50%;background:var(--danger);border:2px solid var(--sidebar)}.acct-text{flex:1;min-width:0;display:flex;flex-direction:column}.acct-name{font-size:13px;font-weight:700;color:var(--text)}.acct-mail{font-size:11.5px;color:var(--muted)}.acct-name.only{font-size:12.5px;font-weight:600}.acct-chevron{flex:none;color:var(--muted)}.acct-menu{position:absolute;left:0;bottom:calc(100% + 8px);width:max(100%,260px);background:var(--surface);border-radius:14px;box-shadow:var(--shadow-md);border:1px solid var(--line-soft);padding:6px;z-index:35;animation:rise .15s ease-out}.acct-menu-head{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:6px 10px 4px}.acct-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:10px;text-align:left}.acct-item:hover:not(:disabled){background:var(--surface-2)}.acct-item:disabled{opacity:1;cursor:default}.acct-item.on{background:var(--brand-soft)}.acct-check{color:var(--link);flex:none}.acct-unread{flex:none;min-width:22px;height:20px;padding:0 6px;border-radius:99px;background:var(--brand);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}.menu-item:disabled{opacity:.5}.modal-backdrop{grid-template-columns:minmax(0,1fr)}.modal{min-width:0;max-width:100%}.modal-body{overflow-x:hidden}.tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}@media(max-width:900px){.modal,.modal.wide{max-height:calc(100dvh - 24px);padding-bottom:env(safe-area-inset-bottom)}.modal-head{padding:16px 12px 4px 18px}.modal-body{padding:8px 18px 16px}.modal-foot{padding:12px 18px}.modal-foot .btn{flex:1}.tabs{margin:0 -18px 18px;padding:0 12px}.tab{padding:10px}.inline-form{flex-direction:column}.field input,.field textarea,.inline-form input,.rcpt-chips input,.subject-input{font-size:16px}}.brand-logo{width:28px;height:28px;flex:none;object-fit:contain}.list-scroll{overscroll-behavior-y:contain}.ptr{display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--muted)}.ptr.settle{transition:height .2s ease}.ptr-arrow{font-size:20px;line-height:1;transition:transform .15s}@media(max-width:900px){.list-mobile-head h1{font-size:28px;margin:8px 0 2px}.search{margin-top:8px}}.segmented{display:inline-flex;gap:4px;padding:4px;border-radius:11px;background:var(--surface-2);width:fit-content}.segmented button{padding:7px 16px;border-radius:8px;font-size:14px;font-weight:600;color:var(--muted)}.segmented button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.mail-frame.light-card{border-radius:12px;background:#fff}:root[data-theme=dark] .brand-logo{filter:invert(1)}.attach-meter{display:inline-flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:12px;color:var(--muted);white-space:nowrap}.attach-meter-bar{width:96px;height:4px;border-radius:99px;background:var(--track);overflow:hidden}.attach-meter-bar>span{display:block;height:100%;border-radius:inherit;background:var(--brand);transition:width .2s}.attach-meter.warn .attach-meter-bar>span{background:var(--warn)}.attach-meter.full{color:var(--danger)}.attach-meter.full .attach-meter-bar>span{background:var(--danger)}.quick-reply-bar .attach-meter{margin-left:auto;margin-right:14px}.list-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0 14px 8px;padding:4px;border-radius:11px;background:var(--hover)}.list-filter button{height:34px;border-radius:8px;font-size:14px;font-weight:600;color:var(--muted);transition:background .15s ease,color .15s ease}.list-filter button:hover:not(.on){color:var(--text-2)}.list-filter button.on{background:var(--surface);color:var(--brand);box-shadow:var(--shadow-sm)}.bulk-bar{display:flex;align-items:center;gap:2px;margin:0 14px 8px;min-height:42px;padding:0 4px 0 10px;border-radius:11px;background:var(--surface);box-shadow:var(--shadow-sm)}.bulk-bar .icon-btn{width:36px;height:36px}.bulk-check{width:20px;height:20px;flex:none;display:grid;place-items:center;border-radius:6px;border:2px solid var(--brand);background:var(--brand);color:#fff}.bulk-dash{width:10px;height:2px;border-radius:2px;background:#fff}.bulk-count{margin-left:10px;font-size:14px;font-weight:600;white-space:nowrap}.msg-avatar{position:relative;flex:none;display:inline-flex;border-radius:50%;cursor:pointer}.msg-check{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--brand);opacity:0;transform:scale(.85);transition:opacity .12s ease,transform .12s ease}.msg-item.selected .msg-check{opacity:1;transform:scale(1)}@media(hover:hover){.msg-avatar:hover .msg-check,.msg-item.selecting .msg-avatar:hover .msg-check{opacity:1;transform:scale(1);background:color-mix(in srgb,var(--brand) 80%,transparent)}.msg-item.selected .msg-avatar:hover .msg-check{background:var(--brand)}}.msg-item.selected{background:var(--brand-soft)}.msg-item.selecting{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@media(max-width:480px){.bulk-bar .icon-btn{width:32px;height:32px}.bulk-count{margin-left:8px;font-size:13px}}.avatar{background:color-mix(in srgb,var(--av, #64748b) 15%,var(--surface));color:color-mix(in srgb,var(--av, #64748b) 88%,var(--text));font-weight:700}:root[data-theme=dark] .avatar{background:color-mix(in srgb,var(--av, #64748b) 24%,var(--surface));color:color-mix(in srgb,var(--av, #64748b) 70%,#fff)}:root{--scroll-thumb: rgba(15, 23, 42, .22)}:root[data-theme=dark]{--scroll-thumb: rgba(255, 255, 255, .2)}*{scrollbar-width:thin;scrollbar-color:transparent transparent}*:hover,*:focus-within{scrollbar-color:var(--scroll-thumb) transparent}.compose-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;margin:-12px 14px 18px;border-radius:12px;background:var(--brand);color:#fff;font-size:14px;font-weight:600;box-shadow:0 6px 16px #0064ef40;transition:background .15s,transform .15s}.compose-btn:hover{background:var(--brand-hover)}.compose-btn:active{transform:translateY(1px)}@media(min-width:901px){.fab{display:none}}@media(max-width:900px){.compose-btn{margin-top:-8px}}.acct-trigger{gap:8px}.acct-name.only{font-size:12px;letter-spacing:-.01em}@media(min-width:1280px){:root{--sidebar-w: 220px}}.acct-trigger{padding:7px 6px}.acct-trigger .acct-chevron{margin-left:-2px}.acct-name.only{font-size:11.5px}.fmt-bar{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:2px}.fmt-btn{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:8px;color:var(--text-2);font-weight:700;font-size:14px;transition:background .12s,color .12s}.fmt-btn:hover{background:var(--hover);color:var(--text)}.fmt-btn.on{background:var(--brand-soft);color:var(--brand)}.fmt-text span{font-size:9px;margin-left:1px;align-self:end;margin-bottom:8px}.fmt-sep{width:1px;height:18px;margin:0 4px;background:var(--line)}.composer-fmt{padding:6px 14px;border-bottom:1px solid var(--line-soft)}.link-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:30;width:min(360px,calc(100vw - 32px));display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md)}.qr-fmt .link-pop{top:auto;bottom:calc(100% + 6px)}.link-pop input{height:38px;padding:0 12px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:14px;outline:none}.link-pop input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.link-pop-actions{display:flex;align-items:center;gap:6px}.btn.small{height:34px;padding:0 14px;font-size:13.5px}.qr-box{border-radius:12px;background:var(--surface-2);box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .15s,background .15s}.qr-box:focus-within{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line),0 6px 20px #10182814}.qr-editor{min-height:96px;max-height:50vh;overflow-y:auto;padding:14px 18px 8px;font-size:15.5px;line-height:1.6;color:var(--text);outline:none;word-break:break-word}.qr-editor:empty:before{content:attr(data-placeholder);color:var(--muted-2);pointer-events:none}.qr-editor a,.editor a{color:var(--link);text-decoration:underline}.qr-editor blockquote,.editor blockquote{margin:6px 0;padding-left:12px;border-left:3px solid var(--line);color:var(--text-2)}.qr-editor ul,.qr-editor ol{margin:4px 0;padding-left:24px}.qr-fmt{padding:4px 10px 8px;opacity:.85}.qr-box:focus-within .qr-fmt{opacity:1}.avatar{position:relative;overflow:hidden}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;background:#fff;opacity:0;transition:opacity .2s ease}.avatar img.on{opacity:1}