:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;color:#f4f5f7;background:#101114;color-scheme:dark;font-synthesis:none;--surface: #101114;--sidebar: #0b0c0e;--control: #181a1f;--separator: #292c33;--secondary: #a2a6b0;--muted: #858b96;--blue: #aacfff;--accent: #aacfff;--accent-light: #c1dcff;--accent-selection: #28364b;--accent-selected-text: #d5e7ff;--blue-dark: #28364b;--focus: #bad8ff}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;width:100%}html,body,#root{height:100%}body{overflow:hidden;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,input,select,textarea{color:inherit}button{border:0}svg{flex-shrink:0;stroke-width:1.75}a{color:var(--blue)}input,textarea{min-width:0}button,a,input,textarea,select{outline:none}:focus-visible{outline:2px solid var(--focus);outline-offset:4px}button{transition:background-color .15s,border-color .15s,transform .15s,color .15s}button:active:not(:disabled){transform:scale(.98)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;border:1px solid #535761;border-radius:11px;background:linear-gradient(155deg,#22252b,#17191e);color:#f4f5f7;font-size:15px;font-weight:500;line-height:1.3;flex-shrink:0}.button{padding:12px 20px}.button:hover:not(:disabled),.icon-button:hover:not(:disabled){background:#2a2e37;border-color:#858b96}.button-primary{background:linear-gradient(135deg,var(--accent-light),var(--accent));border-color:var(--accent);color:#101c30;font-weight:600}.button-primary:hover:not(:disabled){background:var(--accent-light);border-color:var(--accent-light)}.button-danger{border-color:#895555;background:#342123;color:#ffbcbc}.icon-button{width:48px;height:48px;padding:10px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border-radius:7px;color:var(--blue);background:transparent;font-size:14px;padding:8px 10px}.text-button:hover{background:#202733}.spinner{display:inline-flex;align-items:center;justify-content:center}.spinner svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mail-app{height:100%;height:100dvh;display:grid;grid-template-columns:19% minmax(0,1fr);position:relative;overflow:hidden}.preview-banner{grid-column:1 / -1;background:#26374d;color:#d6e7ff;display:flex;align-items:center;justify-content:center;gap:9px;padding:9px 18px;line-height:1.4;font-size:13px;min-height:37px}.mail-app:has(.preview-banner){grid-template-rows:auto minmax(0,1fr)}.sidebar{padding:23px 20px 24px;background:var(--sidebar);border-right:1px solid var(--separator);display:flex;flex-direction:column;min-height:0;overflow:hidden}.sidebar-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}.brand{padding:0 5px;display:flex;flex-direction:column;gap:3px;margin-bottom:30px}.brand>span:first-child{font-weight:650;letter-spacing:.12em;font-size:28px;line-height:1.2}.brand .brand-sub{color:var(--muted);font-size:22px;font-weight:550;letter-spacing:-.02em}.sidebar-compose{justify-content:flex-start;width:100%;height:53px;padding-left:20px;border-radius:12px;font-size:16px;margin:0 0 20px}.nav-item{width:100%;display:flex;align-items:center;gap:18px;min-height:53px;color:#eeeef1;border-radius:12px;background:transparent;text-align:left;padding:12px 16px;font-size:16px;line-height:1.4}.nav-item>svg{color:#b9bec9}.nav-item>span:not(.folder-count){min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item:hover{background:#1d2026}.nav-item.active{background:#232831;color:var(--accent-selected-text)}.nav-item.active svg{color:var(--blue)}.folder-navigation{display:flex;flex-direction:column;gap:3px}.folder-count{margin-left:auto;color:var(--secondary);font-size:13px}.recipient-navigation{border-top:1px solid var(--separator);margin:23px 5px 0;padding-top:24px}.sidebar-label{color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:550;letter-spacing:.035em;margin:0 3px 11px}.recipient-navigation nav{margin:0 -5px}.recipient-navigation .nav-item{margin-bottom:3px;gap:14px;padding-inline:12px;font-size:15px}.nav-item.filter-active{color:#f4f5f7}.nav-item.filter-active:not(:first-child){background:var(--accent-selection)}.filter-note{font-size:12px;color:var(--muted);line-height:1.6;padding:0 4px;margin:15px 0 0;max-width:190px}.sidebar-bottom{margin-top:auto;padding-top:12px;flex-shrink:0}.private-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;padding:11px 13px 18px}.sidebar-bottom .nav-item{border-top:1px solid var(--separator);border-radius:0;padding-top:23px;min-height:68px}.sidebar-footer-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;border-top:1px solid var(--separator);padding-top:8px}.sidebar-footer-actions .nav-item{min-height:44px;padding:10px 5px;border:0;border-radius:8px;gap:6px;font-size:13px}.workspace{min-height:0;min-width:0;display:flex;flex-direction:column}.toolbar{display:flex;align-items:center;flex-shrink:0;gap:18px;padding:17px 23px;min-height:87px;border-bottom:1px solid var(--separator);background:#101114}.toolbar h1{font-size:32px;letter-spacing:-.03em;font-weight:600;line-height:1.3;margin:0 auto 0 0;white-space:nowrap}.search-form{height:51px;border:1px solid #363a43;background:#1a1c21;border-radius:12px;display:flex;align-items:center;gap:13px;width:clamp(200px,24vw,335px);flex-shrink:1;padding:0 15px;min-width:180px;box-shadow:inset 0 1px #ffffff03}.search-form>svg{color:#b6bdca}.search-form:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #aacfff14}.search-form input{background:transparent;border:0;outline:none;padding:12px 0;width:100%;font-size:16px}.search-form input::placeholder{color:#a6adba;opacity:1}.search-clear.icon-button{border:0;background:transparent;padding:0;width:28px;min-height:44px}.toolbar-refresh{border-color:#343842;width:51px;height:51px}.toolbar-separator{width:1px;height:39px;background:#30333a;margin:0 4px}.toolbar-compose{min-height:51px;padding-left:21px;padding-right:21px}.owner-chip{display:flex;align-items:center;gap:10px;color:#c6cbd4;margin-left:11px;font-size:15px;white-space:nowrap}.owner-chip>svg:first-child{padding:3px;border:1px solid #555b66;border-radius:50%;background:#252931;width:37px;height:37px}.owner-chip>svg:last-child{color:var(--muted)}.mobile-menu,.mobile-back,.mobile-brand-label,.mobile-recipient-controls,.mobile-bottom-nav{display:none}.mail-panes{display:grid;grid-template-columns:minmax(320px,39.7%) minmax(0,1fr);flex:1;min-height:0;min-width:0}.message-rail{border-right:1px solid var(--separator);min-height:0;overflow-y:auto;background:#13151a;display:flex;flex-direction:column}.rail-heading{font-size:12px;color:var(--muted);min-height:36px;padding:10px 22px;display:flex;justify-content:space-between;gap:15px;line-height:1.4;border-bottom:1px solid #262930}.rail-heading span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-heading span:last-child{white-space:nowrap}.message-row{position:relative;display:flex;width:100%;text-align:left;min-height:147px;border-bottom:1px solid var(--separator);padding:21px 24px;gap:20px;align-items:flex-start;background:#13151a;color:#f4f5f7}.message-row:hover{background:#1c2028}.message-row:active:not(:disabled){transform:none;background:#262e3c}.message-row.selected{background:var(--accent-selection);box-shadow:inset 0 1px #c9ddff12}.message-row:focus-visible{outline-offset:-3px}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;background:#454b57;color:#e9eaef;width:57px;height:57px;flex-shrink:0;font-size:26px;font-weight:400}.selected .avatar{background:#505c6e}.message-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;flex:1;padding-top:1px}.message-sender{font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:45px}.unread-dot{display:block;height:5px;width:5px;border-radius:50%;background:var(--blue);flex-shrink:0}.message-subject{font-size:15px;font-weight:500;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipient-pill{background:#3a3f49;border-radius:7px;font-size:12px;color:#e2e6ed;padding:3px 9px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected .recipient-pill{background:#566172}.message-summary{font-size:14px;color:#b9bdc7;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;margin-top:3px}.message-meta{position:absolute;right:24px;top:25px;color:#bdc5d3;font-size:12px;display:flex;flex-direction:column;align-items:flex-end;gap:18px}.message-meta time{max-width:74px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-rail .blank-state{flex:1;padding:40px 28px}.pagination{padding:18px 14px;display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:auto;border-top:1px solid var(--separator)}.pagination .button{gap:4px;padding:9px 10px;font-size:13px}.pagination>span{color:var(--secondary);font-size:12px;white-space:nowrap}.rail-error{padding:20px}.rail-error .button{margin-top:18px}.reader{min-width:0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;background:#101114}.reader-main{padding:28px 34px;flex:1}.reader-title{margin:0 0 29px;font-size:30px;font-weight:600;letter-spacing:-.025em;line-height:1.35;overflow-wrap:anywhere}.sender-line{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--separator);padding-bottom:24px;margin-bottom:25px}.reader-avatar{width:58px;height:58px}.sender-info{min-width:0;flex:1;line-height:1.5}.sender-info p{margin:0;overflow-wrap:anywhere;font-size:14px}.sender-info p:first-child{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:10px;row-gap:1px}.sender-info strong{font-size:16px;font-weight:600}.sender-address,.to-line{color:#b9bfcb}.sender-info .delivery-line{margin-top:5px;font-size:12px;color:var(--blue)}.delivery-line>span{color:#909baa}.reader-time{color:#bdc5d3;font-size:13px;white-space:nowrap;align-self:flex-start;margin-top:7px}.message-body,.review-message{font-size:16px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:#eef0f5}.reader-actions{display:flex;align-items:center;flex-wrap:wrap;gap:17px;margin-top:40px}.reader-actions .button{padding:12px 23px;min-height:51px}.reader-footer{display:flex;align-items:center;gap:8px;color:var(--secondary);border-top:1px solid var(--separator);font-size:13px;padding:23px 0;margin:20px 34px 15px}.recipient-evidence{display:flex;gap:9px;align-items:flex-start;color:#a4acba;font-size:12px;line-height:1.6;padding:11px 14px;background:#191c23;border-radius:8px;margin:-9px 0 25px}.recipient-evidence svg{margin-top:3px}.reader-format{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:-5px 0 14px}.reader-format .text-button{padding-left:0}.reader-format>span{font-size:12px;color:var(--muted)}.formatted-message{width:100%;height:min(65vh,640px);border:0;background:transparent}.attachments{margin-top:30px}.attachments h3{display:flex;align-items:center;gap:9px;color:var(--secondary);font-size:13px;font-weight:500;margin-bottom:12px}.attachments h3 span{color:var(--muted)}.attachment-link{display:flex;align-items:center;gap:11px;min-height:53px;padding:12px 15px;border:1px solid #393d46;border-radius:9px;color:#d7e8ff;font-size:14px;text-decoration:none;max-width:100%;margin-bottom:9px;background:#191c22}.attachment-link>span{overflow-wrap:anywhere;min-width:0}.attachment-link small{margin-left:auto;color:var(--secondary);white-space:nowrap}a.attachment-link:hover{border-color:#788ca9;background:#202630}.attachment-warning,.draft-copy-note{color:var(--muted);font-size:12px;line-height:1.6}.draft-copy-note{margin:0}.blank-state{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 40px;gap:14px;min-height:270px}.blank-icon{display:flex;align-items:center;justify-content:center;width:65px;height:65px;border:1px solid #343945;border-radius:19px;background:#1a1e26;color:#b3c5de;margin-bottom:7px}.blank-state h2{margin:0;font-size:22px;font-weight:550;letter-spacing:-.025em;line-height:1.4}.blank-copy{color:#a4abba;font-size:14px;line-height:1.7;max-width:320px}.reader-error{padding:30px}.reader-error .button{margin-top:20px}.notice{display:flex;align-items:flex-start;gap:11px;color:#c3d0e2;background:#1c2430;border:1px solid #354252;padding:14px 16px;border-radius:10px;font-size:14px;line-height:1.65;text-align:left}.notice>svg{margin-top:2px}.notice-error{background:#2a1e20;color:#f1bec1;border-color:#58373e}.toast{display:flex;align-items:center;gap:11px;padding:9px 23px;min-height:51px;color:#c3d5ef;background:#1b2a3e;border-bottom:1px solid #3a4c67;font-size:14px;line-height:1.5;flex-shrink:0}.toast-success{background:#172b26;border-color:#305145;color:#b4e0d0}.toast-error{background:#2e1d22;border-color:#5a3841;color:#ffc1cb}.toast .icon-button{margin-left:auto;border:0;background:transparent;min-height:36px;width:36px;height:36px}.skeleton{background:linear-gradient(90deg,#202631 20%,#343c4b,#202631 80%);background-size:200% 100%;border-radius:5px;animation:skeleton-shimmer 1.7s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.message-skeleton{display:flex;padding:22px 24px;gap:20px;min-height:147px;border-bottom:1px solid var(--separator)}.skeleton-avatar{width:57px;height:57px;border-radius:50%;flex-shrink:0}.skeleton-copy{display:flex;flex-direction:column;gap:11px;flex:1;padding-top:4px}.skeleton-title{width:58%;height:17px}.skeleton-subject{width:74%;height:15px}.skeleton-tag{width:64px;height:21px;margin-top:1px}.skeleton-line{width:95%;height:12px}.reader-loading{padding:34px}.skeleton-reader-title{height:29px;width:60%;margin-bottom:38px}.reader-header-skeleton{display:flex;align-items:center;gap:20px;padding-bottom:25px;border-bottom:1px solid var(--separator);margin-bottom:34px}.skeleton-reader-line{width:95%;height:14px;margin-bottom:18px}.skeleton-reader-line:last-child{width:63%}.auth-screen{height:100%;min-height:100dvh;overflow-y:auto;padding:35px 30px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 25%,#1e2430,#111419 35%,#0b0c0f 85%)}.auth-brand{font-size:22px;letter-spacing:.16em;font-weight:600;display:flex;align-items:baseline;gap:12px;margin-bottom:44px;align-self:flex-start}.auth-brand span{font-size:17px;letter-spacing:0;color:var(--muted);font-weight:400}.auth-card{width:100%;max-width:460px;margin:auto 0;padding:42px 36px;border:1px solid #333944;border-radius:24px;background:#151a21;box-shadow:0 25px 90px #00000035,inset 0 1px #ffffff08}.auth-lock{width:62px;height:62px;border-radius:19px;background:#242e3c;border:1px solid #3d4d63;color:#c0d9fa;display:flex;align-items:center;justify-content:center;margin-bottom:27px}.eyebrow{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#a8c5ed;margin:0 0 13px}.auth-card h1{font-size:34px;font-weight:550;line-height:1.2;letter-spacing:-.035em;margin:0 0 22px}.auth-description{color:#acb4c2;line-height:1.7;font-size:15px;margin:0 0 30px}.auth-button{width:100%;gap:11px;min-height:51px;margin:15px 0 0}.auth-button>svg:last-child{margin-left:auto}.auth-security{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;margin:23px 0 0;line-height:1.5}.auth-footer{color:#77808e;font-size:12px;text-align:center;margin:40px 0 0}.auth-loading{color:#b3c1d6;display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.6}.auth-card .notice{margin-top:18px}.dialog-overlay{position:fixed;z-index:30;inset:0;background:#000a;animation:fade-in .14s ease-out}.composer-sheet{position:fixed;z-index:31;top:50%;left:50%;transform:translate(-50%,-50%);width:min(690px,calc(100% - 40px));max-height:calc(100dvh - 48px);background:#14171c;border:1px solid #444953;box-shadow:0 20px 90px #0009;border-radius:18px;display:flex;flex-direction:column;outline:none;overflow:hidden;animation:composer-in .18s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes composer-in{0%{opacity:.5;margin-top:8px}to{opacity:1;margin-top:0}}.composer-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 25px 20px;border-bottom:1px solid var(--separator);flex-shrink:0}.composer-heading h2{font-size:24px;letter-spacing:-.025em;font-weight:550;margin:0 0 5px}.composer-heading p{font-size:13px;line-height:1.5;color:var(--secondary);margin:0}.composer-heading .icon-button{border:0;background:transparent}.composer-form{min-height:0;overflow-y:auto;display:flex;flex-direction:column}.composer-fields{padding:0 25px}.compose-field{display:flex;align-items:center;min-height:55px;gap:16px;border-bottom:1px solid var(--separator);position:relative}.compose-field>span{width:57px;font-size:14px;color:#a8afbc;flex-shrink:0}.compose-field>input,.compose-field>select{background:transparent;border:0;border-radius:0;outline:0;min-width:0;width:100%;height:54px;font-size:16px;padding:9px 0}.compose-field:focus-within{border-color:#9ec6ff}.compose-field input::placeholder{color:#778090}.compose-field>select{appearance:none;padding-right:25px}.compose-field>select option{background:#1e222b}.compose-field>svg{position:absolute;right:0;pointer-events:none;color:var(--secondary)}.compose-recipient-line{position:relative}.compose-recipient-line .compose-field{padding-right:88px}.cc-toggle{position:absolute;right:-8px;top:5px}.message-editor{display:block;margin-top:17px}.message-editor textarea{resize:vertical;min-height:240px;max-height:600px;width:100%;background:#14171c;border:0;outline:0;font-size:16px;line-height:1.7;padding:6px 0 14px}.message-editor textarea::placeholder{color:#808997}.message-editor textarea:focus-visible{outline:0}.message-editor:focus-within{box-shadow:inset 2px 0 0 var(--blue);padding-left:12px}.include-attachments{display:flex;align-items:center;gap:10px;font-size:14px;color:#bcc7d7;min-height:44px;margin:0 0 13px}.include-attachments input{accent-color:#b3d6ff;width:18px;height:18px}.composer-footer{display:flex;justify-content:space-between;gap:14px;padding:20px 25px;border-top:1px solid var(--separator);background:#191d24;flex-shrink:0;position:sticky;bottom:0;z-index:2}.composer-error{padding:0 25px 20px}.composer-error>p{color:#acb6c6;font-size:12px;line-height:1.6;margin:12px 0 0}.composer-preview{display:flex;align-items:center;gap:8px;padding:10px 25px;font-size:12px;color:#bfd8fd;background:#24354c;flex-shrink:0}.send-review{padding:7px 25px 23px}.send-review dl{margin:0 0 19px}.send-review dl>div{display:flex;align-items:flex-start;gap:15px;border-bottom:1px solid var(--separator);padding:15px 0;font-size:14px;line-height:1.6}.send-review dt{width:60px;color:var(--secondary);flex-shrink:0}.send-review dd{margin:0;overflow-wrap:anywhere}.review-message{font-size:15px;max-height:280px;overflow-y:auto}.forward-preview{margin:0 25px 20px;border:1px solid #303640;border-radius:8px;color:#aeb9c9;font-size:13px;line-height:1.6}.forward-preview summary{padding:11px 13px;cursor:pointer;min-height:44px}.forward-preview>div{white-space:pre-wrap;overflow-wrap:anywhere;max-height:160px;overflow-y:auto;padding:7px 13px 15px;border-top:1px solid #303640}.discard-confirmation{border:1px solid #865d44;background:#30261f;border-radius:9px;margin:0 25px 20px;padding:13px}.discard-confirmation p{font-size:14px;line-height:1.6;margin:0 0 13px}.discard-confirmation>div{display:flex;flex-wrap:wrap;gap:12px}.discard-confirmation .button{font-size:13px}.navigation-sheet{display:none}.settings-sheet{position:fixed;z-index:31;top:50%;left:50%;transform:translate(-50%,-50%);width:min(610px,calc(100vw - 40px));max-height:calc(100dvh - 48px);border:1px solid #424a58;border-radius:20px;background:var(--surface);box-shadow:0 25px 100px #0009;display:flex;flex-direction:column;overflow:hidden;outline:none;animation:composer-in .18s ease-out}.settings-heading{display:flex;align-items:center;gap:15px;padding:23px 25px;border-bottom:1px solid var(--separator);flex-shrink:0}.settings-heading-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;color:var(--blue);background:var(--accent-selection)}.settings-heading h2{margin:0 0 6px;font-size:24px;font-weight:550;letter-spacing:-.03em}.settings-heading p{margin:0;font-size:13px;line-height:1.5;color:var(--secondary)}.settings-heading .icon-button{margin-left:auto;border:0;background:transparent}.settings-content{padding:23px 25px 8px;overflow-y:auto;min-height:0}.accent-settings{padding:0 0 23px;margin:0;border:0}.accent-settings legend{font-size:15px;font-weight:550;padding:0}.accent-settings>p{font-size:12px;color:var(--secondary);margin:8px 0 16px}.accent-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.accent-option{display:flex;align-items:center;gap:10px;min-height:47px;border:1px solid #3b4351;background:var(--control);border-radius:10px;padding:10px 12px;font-size:13px;cursor:pointer;position:relative}.accent-option.selected{border-color:var(--blue);background:var(--accent-selection)}.accent-option:focus-within{outline:2px solid var(--focus);outline-offset:3px}.accent-option>input{position:absolute;width:1px;height:1px;opacity:0}.accent-swatch{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#101c30;flex-shrink:0}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:90px;padding:18px 0;border-top:1px solid var(--separator)}.settings-row>label,.settings-row>span{min-width:0;flex:1}.settings-row strong{display:block;font-size:14px;font-weight:550;line-height:1.4}.settings-row label>span,.settings-row>span>span{display:block;color:var(--secondary);font-size:12px;line-height:1.55;margin-top:6px}.settings-row select{width:165px;min-width:0;min-height:44px;border:1px solid #465163;border-radius:9px;background:var(--control);padding:10px 11px;color:#e8edf6;font-size:14px;flex-shrink:0}.settings-checkbox{cursor:pointer}.settings-checkbox>input{appearance:none;height:27px;width:45px;border:1px solid #566276;border-radius:16px;background:#242c3a;position:relative;cursor:pointer;flex-shrink:0;margin:0 2px 0 0}.settings-checkbox>input:after{content:"";width:19px;height:19px;border-radius:50%;background:#b7c4d8;position:absolute;left:3px;top:3px;transition:transform .14s}.settings-checkbox>input:checked{background:var(--accent);border-color:var(--accent)}.settings-checkbox>input:checked:after{transform:translate(18px);background:#17233a}.settings-sender{align-items:flex-start;flex-direction:column;gap:14px}.settings-sender select{width:100%;font-size:16px}.settings-privacy{color:var(--muted);display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.7;margin:18px 0 15px}.settings-privacy>svg{margin-top:3px}.settings-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--separator);padding:19px 25px;flex-shrink:0;background:var(--control)}.settings-footer .button{font-size:13px;gap:8px;padding:10px 13px}.settings-footer>span{color:var(--secondary);font-size:11px;text-align:right;line-height:1.5}html[data-mail-accent=silver]{--blue: #d8deea;--accent: #d8deea;--accent-light: #edf0f6;--accent-selection: #343b49;--accent-selected-text: #eaf0fc;--focus: #edf0f6}html[data-mail-accent=mint]{--blue: #b0e9ce;--accent: #b0e9ce;--accent-light: #cef5e2;--accent-selection: #233c33;--accent-selected-text: #c7f4df;--focus: #cef5e2}html[data-mail-accent=lilac]{--blue: #d0bfff;--accent: #d0bfff;--accent-light: #e5dcff;--accent-selection: #373048;--accent-selected-text: #e7dfff;--focus: #e5dcff}html[data-mail-accent=amber]{--blue: #ffd18c;--accent: #ffd18c;--accent-light: #ffe4b9;--accent-selection: #403528;--accent-selected-text: #ffe4bc;--focus: #ffe4b9}html[data-mail-accent=rose]{--blue: #ffbed0;--accent: #ffbed0;--accent-light: #ffdae4;--accent-selection: #402c35;--accent-selected-text: #ffdfeb;--focus: #ffdae4}html[data-mail-theme=midnight]{--surface: #090d16;--sidebar: #070a11;--control: #131c2a;--separator: #283244}html[data-mail-theme=midnight] .toolbar,html[data-mail-theme=midnight] .reader,html[data-mail-theme=midnight] .mobile-recipient-controls{background:#090d16}html[data-mail-theme=midnight] .message-rail,html[data-mail-theme=midnight] .message-row{background:#101723}html[data-mail-theme=midnight] .message-row.selected{background:var(--accent-selection)}html[data-mail-theme=midnight] .search-form,html[data-mail-theme=midnight] .composer-sheet,html[data-mail-theme=midnight] .message-editor textarea{background:#101825}html[data-mail-theme=midnight] .mobile-bottom-nav,html[data-mail-theme=midnight] .navigation-sheet{background:#0a101b}html[data-mail-text=large] .message-body,html[data-mail-text=large] .review-message,html[data-mail-text=large] .message-sender{font-size:18px}html[data-mail-text=large] .message-subject{font-size:16px}html[data-mail-text=large] .message-summary{font-size:15px}html[data-mail-text=large] .sender-info p,html[data-mail-text=large] .sender-info strong{font-size:16px}html[data-mail-text=large] .message-editor textarea{font-size:18px}html[data-mail-density=compact] .message-row{min-height:119px;padding-top:15px;padding-bottom:15px}html[data-mail-density=compact] .message-row .avatar{width:44px;height:44px;font-size:22px}html[data-mail-density=compact] .message-row .message-copy{gap:3px}html[data-mail-density=compact] .message-meta{top:19px}html[data-mail-previews=false] .message-summary{display:none}html[data-mail-motion=reduced] *,html[data-mail-motion=reduced] *:before,html[data-mail-motion=reduced] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-mail-motion=reduced] button:active:not(:disabled){transform:none}html[data-mail-motion=reduced] .skeleton{background:#283140}@media(min-width:761px){html[data-mail-reader=wide] .mail-panes{grid-template-columns:minmax(240px,32%) minmax(0,1fr)}}@media(max-height:800px)and (min-width:761px){.sidebar .brand{margin-bottom:20px}.sidebar .sidebar-compose{height:48px;margin-bottom:12px}.sidebar .nav-item{min-height:44px;padding-top:10px;padding-bottom:10px}.sidebar .folder-navigation{gap:0}.sidebar .recipient-navigation{margin-top:16px;padding-top:16px}.sidebar .private-label{padding-top:5px;padding-bottom:11px}.sidebar .sidebar-bottom .nav-item{min-height:52px;padding-top:13px}}@media(max-width:1250px)and (min-width:761px){.mail-app{grid-template-columns:230px minmax(0,1fr)}.sidebar{padding:24px 16px}.toolbar{gap:11px;padding:17px 20px}.toolbar h1{font-size:29px}.owner-chip{margin-left:3px}.owner-chip span,.owner-chip>svg:last-child{display:none}.toolbar-separator{margin:0 1px}.toolbar-compose{padding:12px 15px;gap:8px}.search-form{min-width:145px;width:210px;gap:10px;padding:0 12px}.mail-panes{grid-template-columns:minmax(295px,41%) minmax(0,1fr)}.message-row{padding:19px 18px;gap:14px}.message-meta{right:18px;top:22px;font-size:11px}.message-sender{font-size:15px}.message-summary{font-size:13px}.message-row .avatar{width:46px;height:46px;font-size:23px}.reader-main{padding:26px}.reader-footer{margin:20px 26px 15px}.reader-title{font-size:28px}.sender-line{gap:12px}.reader-avatar{width:45px;height:45px;font-size:22px}.reader-time{display:none}}@media(max-width:1050px)and (min-width:761px){.mail-app{grid-template-columns:205px minmax(0,1fr)}.toolbar-compose>span{display:none}.toolbar-compose{padding:12px}.toolbar-separator{display:none}.toolbar h1{font-size:27px}.nav-item{gap:12px;padding-left:12px;font-size:15px}.sidebar-compose{padding-left:15px}.mail-panes{grid-template-columns:minmax(270px,43%) minmax(0,1fr)}.reader-main{padding:24px 22px}.reader-footer{margin:20px 22px 15px}.reader-title{font-size:26px}.reader-actions{gap:10px}.reader-actions .button{padding:11px 14px}.message-row{gap:11px;padding-left:14px}.message-row .avatar{width:40px;height:40px;font-size:22px}.rail-heading{padding-left:15px;padding-right:15px;font-size:11px}}@media(max-width:760px){.mail-app{display:flex;flex-direction:column}.preview-banner{font-size:11px;min-height:38px;padding:7px 15px}.sidebar{display:none}.workspace{flex:1}.toolbar{display:grid;position:relative;grid-template-columns:44px minmax(0,1fr) 44px 44px;grid-template-rows:60px 46px;padding:calc(env(safe-area-inset-top) + 7px) 16px 10px;gap:8px 9px;min-height:131px;border-bottom:0}.toolbar h1{position:absolute;top:calc(env(safe-area-inset-top) + 13px);left:50%;transform:translate(-50%);max-width:calc(100% - 200px);display:flex;flex-direction:column;gap:3px;font-size:25px;margin:0;text-align:center;line-height:1.3;pointer-events:none;overflow:hidden;text-overflow:ellipsis}.mobile-brand-label{display:block;font-size:11px;letter-spacing:.11em;font-weight:450;color:#a6b1c4}.mobile-menu{display:inline-flex;grid-column:1;grid-row:1;width:44px;height:44px;border:0;background:transparent;padding:8px}.toolbar-refresh{grid-column:3;grid-row:1;width:44px;height:44px;border:0;background:transparent;padding:8px}.toolbar-refresh>svg{width:19px;height:19px}.toolbar-compose{grid-column:4;grid-row:1;padding:9px;min-height:44px;height:44px;width:44px;background:transparent;border-color:transparent;color:#dfe6ef}.toolbar-compose>svg{width:24px;height:24px}.toolbar-compose>span{display:none}.search-form{grid-column:1 / -1;grid-row:2;width:100%;min-width:0;height:46px;border-radius:11px;padding:0 13px;gap:10px}.search-form input{padding:10px 0}.search-form>svg{width:18px;height:18px}.owner-chip,.toolbar-separator{display:none}.mobile-recipient-controls{display:block;padding:4px 16px 0;border-bottom:1px solid var(--separator);background:#101114;flex-shrink:0}.recipient-segments{display:grid;grid-template-columns:1.3fr .9fr 1.05fr .85fr;border:1px solid #363b46;background:#191c23;border-radius:12px;overflow:hidden}.recipient-segments>button{min-height:44px;padding:10px 6px;font-size:13px;white-space:nowrap;color:#c4ccda;background:transparent;border-right:1px solid #323743}.recipient-segments>button:last-child{border-right:0}.recipient-segments>button.selected{color:#13223b;background:linear-gradient(135deg,var(--accent-light),var(--accent));font-weight:550}.recipient-segments>button:focus-visible{outline-offset:-3px}.mobile-filter-note{display:flex;align-items:center;gap:8px;color:#a3acbd;min-height:43px;font-size:12px}.mobile-filter-note>span:last-child{margin-left:auto;color:#8c95a6;font-size:11px}.mobile-bottom-nav{display:flex;align-items:stretch;justify-content:space-around;min-height:73px;padding:5px 22px max(8px,env(safe-area-inset-bottom));border-top:1px solid #303743;background:#10141a;flex-shrink:0}.mobile-bottom-nav:empty{display:none}.mobile-bottom-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;min-width:90px;padding:7px 20px;color:#9daabc;background:transparent;border-bottom:2px solid transparent;font-size:12px}.mobile-bottom-nav>button.active{color:var(--blue);border-bottom-color:var(--blue)}.mobile-bottom-nav>button:hover{background:#1e2836}.mail-panes{display:block;flex:1;overflow:hidden}.message-rail{height:100%;border-right:0;background:#101114}.rail-heading{display:none}.message-row{padding:20px 18px;gap:15px;min-height:106px;background:#101114}.message-row:after{content:"";position:absolute;right:22px;top:58px;width:6px;height:6px;border-right:1.5px solid #a6b2c5;border-top:1.5px solid #a6b2c5;transform:rotate(45deg)}.message-row.selected{background:var(--accent-selection)}.message-row .avatar{width:40px;height:40px;font-size:22px}.message-copy{gap:3px;padding-top:0}.message-sender{font-size:15px;padding-right:132px}.message-subject{font-size:14px;padding-right:18px}.message-summary{font-size:13px;padding-right:18px;margin-top:0}.message-meta{top:23px;right:18px;font-size:11px}.recipient-pill{position:absolute;top:18px;right:65px;max-width:82px;font-size:11px;padding:4px 7px}.mobile-reading .mobile-recipient-controls,.reader{display:none}.mobile-reading .reader{display:flex;height:100%}.mobile-reading .message-rail{display:none}.mobile-back{display:flex;align-self:flex-start;padding:10px 14px;margin:9px 10px 0;background:transparent;border:0;color:#b9d9ff}.reader-main{padding:11px 23px 24px}.reader-title{font-size:27px;line-height:1.3;margin-bottom:24px}.sender-line{gap:13px;position:relative;padding-bottom:21px;margin-bottom:24px}.reader-avatar{width:45px;height:45px;font-size:23px}.sender-info p{font-size:13px}.sender-info strong{font-size:15px}.sender-address{width:100%}.reader-time{display:none}.message-body{font-size:16px;line-height:1.75}.reader-actions{gap:12px;margin-top:30px}.reader-actions .button{flex:1;padding:12px 16px;min-height:49px}.reader-footer{margin:15px 23px calc(env(safe-area-inset-bottom) + 5px);padding:20px 0;font-size:12px}.recipient-evidence{font-size:12px}.reader .blank-state{display:none}.toast{padding:10px 16px;font-size:13px}.navigation-sheet{display:flex;flex-direction:column;position:fixed;z-index:31;top:0;bottom:0;left:0;width:min(310px,calc(100vw - 40px));background:#0c0e11;padding:calc(env(safe-area-inset-top) + 29px) 22px calc(env(safe-area-inset-bottom) + 24px);border-right:1px solid #353a44;overflow:hidden;outline:none;animation:navigation-in .17s ease-out;box-shadow:15px 0 60px #0006}@keyframes navigation-in{0%{transform:translate(-20px);opacity:.7}to{transform:translate(0);opacity:1}}.navigation-close{position:absolute;top:calc(env(safe-area-inset-top) + 21px);right:17px;border:0;background:transparent}.navigation-sheet .brand{margin-bottom:26px}.navigation-sheet .brand span:first-child{font-size:26px}.navigation-sheet .brand .brand-sub{font-size:20px}.navigation-sheet .nav-item{min-height:53px}.filter-note{max-width:220px}.sidebar-bottom{padding-top:24px}.composer-sheet{inset:auto 0 0;transform:none;width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - 12px);border-radius:20px 20px 0 0;border-bottom:0;animation:mobile-composer-in .18s ease-out}@keyframes mobile-composer-in{0%{opacity:.8;margin-bottom:-20px}to{opacity:1;margin-bottom:0}}.composer-heading{padding:21px 19px 17px;gap:12px}.composer-heading h2{font-size:22px}.composer-heading p{font-size:12px}.composer-heading .icon-button{width:44px;height:44px}.composer-fields{padding:0 19px}.compose-field{gap:10px}.compose-field>span{width:54px;font-size:13px}.compose-field input,.compose-field select{font-size:16px}.compose-field select{letter-spacing:-.02em}.compose-recipient-line .compose-field{padding-right:74px}.cc-toggle{font-size:12px;padding:8px 6px;right:-3px}.message-editor textarea{min-height:25dvh;max-height:40dvh}.composer-footer{padding:17px 19px calc(env(safe-area-inset-bottom) + 17px);gap:10px}.composer-footer .button{font-size:13px;padding:12px 13px;gap:8px;flex:1}.composer-footer .button>svg{width:16px}.composer-error{padding:0 19px 17px}.send-review{padding:5px 19px 20px}.send-review dl>div{font-size:13px;gap:10px}.send-review dt{width:52px}.review-message{max-height:30dvh;font-size:15px}.discard-confirmation,.forward-preview{margin:0 19px 17px}.auth-screen{padding:calc(env(safe-area-inset-top) + 28px) 22px calc(env(safe-area-inset-bottom) + 28px)}.auth-brand{margin-bottom:34px;font-size:21px}.auth-card{padding:32px 26px;border-radius:22px}.auth-card h1{font-size:31px}.auth-description{font-size:14px}.auth-footer{margin-top:30px}.reader-loading{padding:25px}.message-skeleton{padding:20px 18px;gap:15px;min-height:106px}.message-skeleton .skeleton-copy{gap:8px}.message-skeleton .skeleton-tag{display:none}.skeleton-avatar{width:40px;height:40px}.settings-sheet{inset:auto 0 0;transform:none;width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - 12px);border-radius:20px 20px 0 0;border-bottom:0;animation:mobile-composer-in .18s ease-out}.settings-heading{padding:21px 19px 18px;gap:10px}.settings-heading-icon{width:39px;height:39px;border-radius:12px}.settings-heading h2{font-size:21px}.settings-heading p{font-size:12px}.settings-heading .icon-button{width:44px;height:44px}.settings-content{padding:20px 19px 7px}.accent-options{gap:8px}.accent-option{min-height:46px;padding:9px 8px;gap:7px;font-size:12px}.accent-swatch{width:19px;height:19px}.settings-row{gap:15px;padding:17px 0}.settings-row strong{font-size:14px}.settings-row select{width:141px;font-size:16px;padding:10px 8px}.settings-sender select{width:100%}.settings-footer{padding:17px 19px calc(env(safe-area-inset-bottom) + 17px);gap:12px}html[data-mail-density=compact] .message-row{min-height:96px;padding-top:15px;padding-bottom:15px}html[data-mail-density=compact] .message-row .avatar{width:36px;height:36px;font-size:20px}html[data-mail-density=compact] .message-meta{top:19px}html[data-mail-density=compact] .recipient-pill{top:14px}html[data-mail-density=compact] .message-row:after{top:52px}html[data-mail-text=large] .message-sender{font-size:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:active:not(:disabled){transform:none}.skeleton{background:#283140}}@media(prefers-reduced-transparency:reduce){.dialog-overlay{background:#08090bf2}.composer-sheet,.auth-card,.navigation-sheet{box-shadow:none}}@media(prefers-contrast:more){:root{--secondary: #c6c9d2;--muted: #b0b5bf;--separator: #5b6270}.button,.icon-button,.attachment-link,.auth-card{border-color:#959fab}.message-row.selected{background:#334967;outline:1px solid #b8d8ff;outline-offset:-1px}.filter-note,.attachment-warning{color:#bbc3cf}}