:root{color:#20232c;background:#f5f7fb;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #20232c;--muted: #747a8a;--soft-muted: #9ba1af;--line: #e5e8ef;--panel: #ffffff;--soft-panel: #f8f9fc;--primary: #5f56d9;--primary-dark: #4d43c5;--primary-soft: #eceafb;--green: #14866d;--amber: #d8963d;--shadow-sm: 0 1px 2px rgba(24, 31, 50, .04);--shadow-md: 0 18px 45px rgba(31, 38, 62, .12)}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}button,label{-webkit-tap-highlight-color:transparent}.app-shell{display:grid;grid-template-columns:264px minmax(360px,430px) minmax(500px,1fr);height:100vh;background:#f5f7fb}.sidebar,.message-list-pane,.reader-pane{min-width:0;min-height:0}.sidebar{z-index:20;display:flex;flex-direction:column;padding:18px 14px 14px;overflow:hidden;background:#f2f4f8;border-right:1px solid #e1e5ed}.brand-row{display:flex;align-items:center;gap:11px;min-height:42px;padding:0 8px 0 7px}.brand-mark{display:grid;width:37px;height:37px;color:#fff;background:linear-gradient(145deg,#6f63e8,#5149c5);border-radius:12px;box-shadow:0 8px 18px #564ccd3b;place-items:center}.brand-name{font-size:15px;font-weight:750;letter-spacing:-.02em}.brand-caption{margin-top:2px;color:var(--muted);font-size:10.5px;font-weight:550;letter-spacing:.03em}.sidebar-close{display:none!important;margin-left:auto}.create-address-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;margin:24px 5px 18px;color:#fff;font-size:13px;font-weight:700;background:var(--primary);border:0;border-radius:14px;box-shadow:0 8px 18px #5248c72e;cursor:pointer;transition:.16s ease}.create-address-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.primary-nav,.mailbox-nav{display:flex;flex-direction:column;gap:3px}.nav-item,.mailbox-nav-item{display:flex;align-items:center;width:100%;border:0;cursor:pointer;transition:.15s ease}.nav-item{gap:12px;min-height:38px;padding:0 12px;color:#5d6270;font-size:12.5px;font-weight:610;background:transparent;border-radius:10px}.nav-item:hover,.mailbox-nav-item:hover{background:#ffffffbd}.nav-item.active{color:var(--primary-dark);background:#e7e5f9}.nav-item strong{margin-left:auto;color:inherit;font-size:11px}.sidebar-section-heading{display:flex;align-items:center;padding:21px 10px 8px 12px;color:#8a8f9e;font-size:10px;font-weight:760;letter-spacing:.09em;text-transform:uppercase}.sidebar-section-heading .mini-icon-button{margin-left:auto}.sidebar-section-heading small{margin-left:7px;padding:2px 6px;color:#7770b9;font-size:8px;font-weight:750;letter-spacing:0;text-transform:none;background:#eae8f8;border-radius:8px}.mini-icon-button,.icon-button{display:inline-grid;color:#707686;background:transparent;border:0;border-radius:9px;cursor:pointer;place-items:center;transition:.14s ease}.mini-icon-button{width:28px;height:28px}.icon-button{flex:0 0 auto;width:36px;height:36px}.mini-icon-button:hover,.icon-button:hover{color:#333846;background:#eff1f6}.mailbox-nav{flex:1 1 auto;min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.mailbox-nav::-webkit-scrollbar{display:none}.mailbox-nav-item{gap:10px;min-height:47px;padding:5px 9px 5px 12px;background:transparent;border-radius:10px}.mailbox-nav-item.active{background:#fff;box-shadow:var(--shadow-sm)}.mailbox-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 3px #6157d914}.mailbox-copy{min-width:0;text-align:left}.mailbox-copy strong,.mailbox-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox-copy strong{color:#414653;font-size:11.5px;font-weight:680}.mailbox-copy small{margin-top:3px;color:#969baa;font-size:9.5px}.mailbox-count{min-width:20px;margin-left:auto;padding:3px 6px;color:var(--primary-dark);font-size:9.5px;font-weight:750;text-align:center;background:#e9e7fa;border-radius:10px}.sidebar-spacer{flex:0 0 12px;min-height:12px}.delivery-card{display:grid;grid-template-columns:32px 1fr 16px;align-items:center;gap:8px;margin:4px 4px 10px;padding:10px;background:#fffaf1;border:1px solid #f1e4c7;border-radius:12px}.delivery-card-icon{display:grid;width:30px;height:30px;color:#ad6e20;background:#faeccf;border-radius:9px;place-items:center}.delivery-card strong,.delivery-card p{display:block;margin:0}.delivery-card strong{color:#655137;font-size:10.5px}.delivery-card p{margin-top:3px;color:#9a7951;font-size:8.8px}.delivery-card>svg{color:#b59a75}.account-card{display:flex;align-items:center;gap:9px;padding:9px 8px;text-align:left;background:transparent;border:0;border-radius:11px;cursor:pointer}.account-card:hover{background:#ffffffb8}.account-avatar{display:grid;flex:0 0 auto;width:32px;height:32px;color:#fff;font-size:9.5px;font-weight:760;background:linear-gradient(145deg,#20283a,#55617d);border-radius:10px;place-items:center}.account-copy{min-width:0;flex:1}.account-copy strong,.account-copy small{display:block}.account-copy strong{color:#404551;font-size:10.5px}.account-copy small{margin-top:3px;color:#979ca9;font-size:9px}.message-list-pane{display:flex;flex-direction:column;overflow:hidden;background:var(--panel);border-right:1px solid var(--line)}.list-header{display:flex;align-items:center;gap:9px;min-height:68px;padding:14px 19px 10px}.mobile-menu,.mobile-back{display:none}.search-box{display:flex;align-items:center;flex:1;gap:9px;min-width:0;height:42px;padding:0 11px 0 13px;color:#8c92a0;background:#f4f5f8;border:1px solid transparent;border-radius:12px;transition:.15s ease}.search-box:focus-within{background:#fff;border-color:#d8d6f2;box-shadow:0 0 0 3px #5f56d914}.search-box input{min-width:0;flex:1;height:100%;color:var(--ink);font-size:12px;background:transparent;border:0;outline:0}.search-box input::placeholder{color:#9ba0ad}.search-box kbd{padding:3px 6px;color:#999eaa;font-family:inherit;font-size:8.5px;background:#fff;border:1px solid #e1e3e9;border-radius:5px;box-shadow:0 1px 1px #1f24320a}.list-title-row{display:flex;align-items:flex-end;min-height:73px;padding:5px 21px 12px 23px}.eyebrow{color:#9da2ae;font-size:8.5px;font-weight:730;letter-spacing:.12em;text-transform:uppercase}.list-title-row h1{margin:5px 0 0;color:#282c37;font-size:22px;font-weight:760;letter-spacing:-.04em}.list-header-actions{display:flex;gap:2px;margin-left:auto}.active-address-card{display:flex;align-items:center;gap:12px;margin:0 18px 13px;padding:10px 11px 10px 13px;background:#f7f6fd;border:1px solid #e7e4f7;border-radius:11px}.active-address-card>div{min-width:0}.active-address-card span,.active-address-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-address-card span{color:#9297a4;font-size:8.5px;text-transform:uppercase;letter-spacing:.06em}.active-address-card strong{margin-top:3px;color:#5149a9;font-size:10px}.copy-button{display:flex;align-items:center;gap:5px;margin-left:auto;padding:7px 9px;color:#5a54ab;font-size:9.5px;font-weight:680;background:#fff;border:1px solid #dfdcf3;border-radius:8px;cursor:pointer}.message-list-meta{display:flex;align-items:center;gap:7px;min-height:37px;padding:0 22px;color:#989daa;font-size:9px;border-top:1px solid #f1f2f5;border-bottom:1px solid #eceef3}.meta-spacer,.toolbar-spacer{flex:1}.select-all input,.message-checkbox input{position:absolute;opacity:0}.select-all span,.message-checkbox span{display:block;width:14px;height:14px;background:#fff;border:1.5px solid #c8ccd5;border-radius:4px}.select-all input:checked+span,.message-checkbox input:checked+span{background:var(--primary);border-color:var(--primary)}.message-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d9dce4 transparent}.message-row{position:relative;display:grid;grid-template-columns:20px 34px minmax(0,1fr);gap:10px;min-height:117px;padding:15px 17px 13px 15px;background:#fff;border-bottom:1px solid #eef0f4;cursor:pointer;transition:.13s ease}.message-row:hover{z-index:1;background:#fbfbfd;box-shadow:0 5px 16px #1c21310f}.message-row.selected{background:#f1effc;box-shadow:inset 3px 0 0 var(--primary)}.message-row.unread:after{position:absolute;top:18px;right:10px;width:5px;height:5px;background:var(--primary);border-radius:50%;content:""}.message-row-leading{display:flex;flex-direction:column;align-items:center;gap:11px;padding-top:3px}.message-checkbox{opacity:0;transition:.12s ease}.message-row:hover .message-checkbox,.message-checkbox:focus-within{opacity:1}.star-button{display:inline-grid;width:24px;height:24px;padding:0;color:#c1c5ce;background:transparent;border:0;border-radius:7px;cursor:pointer;place-items:center}.star-button:hover{background:#ffffffb8}.star-button.starred{color:#eca62c}.sender-avatar{display:grid;flex:0 0 auto;width:34px;height:34px;color:#fff;font-size:10px;font-weight:750;border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff29;place-items:center}.sender-avatar.large{width:39px;height:39px;font-size:11px;border-radius:12px}.message-row-body{min-width:0}.message-sender-line{display:flex;align-items:center;padding-right:6px}.message-sender-line strong{overflow:hidden;color:#3e4350;font-size:11.5px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.message-row.unread .message-sender-line strong,.message-row.unread .message-subject{color:#202530;font-weight:760}.message-sender-line time{margin-left:auto;color:#9ca1ae;font-size:8.5px;white-space:nowrap}.message-subject{margin-top:7px;overflow:hidden;color:#474c58;font-size:11.5px;font-weight:630;text-overflow:ellipsis;white-space:nowrap}.message-row-body p{display:-webkit-box;margin:5px 0 0;overflow:hidden;color:#8a8f9d;font-size:9.5px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.message-tags{display:flex;align-items:center;gap:5px;margin-top:9px}.message-tags>span{display:inline-flex;align-items:center;gap:3px;padding:3px 6px;color:#777d8b;font-size:7.8px;font-weight:650;background:#f1f2f5;border-radius:5px}.message-row.selected .message-tags>span{background:#ffffffa8}.empty-list,.empty-reader{display:grid;align-content:center;justify-items:center;height:100%;padding:40px;color:#a0a5b1;text-align:center}.empty-list{min-height:300px}.empty-icon{display:grid;width:48px;height:48px;color:#8179d5;background:#efedfb;border-radius:15px;place-items:center}.empty-list h3,.empty-reader h2{margin:16px 0 0;color:#5a5f6c;font-size:15px}.empty-list p,.empty-reader p{margin:6px 0 0;font-size:10px}.reader-pane{display:flex;flex-direction:column;overflow:hidden;background:#fafbfc}.reader-toolbar{display:flex;align-items:center;min-height:68px;padding:0 22px;background:#ffffffd6;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toolbar-group{display:flex;align-items:center;gap:2px}.toolbar-divider{width:1px;height:18px;margin:0 6px;background:#e3e5eb}.toolbar-status{display:inline-flex;align-items:center;gap:5px;margin-right:8px;padding:5px 8px;color:#43806e;font-size:8.5px;font-weight:700;background:#edf8f4;border-radius:7px}.reader-scroll{flex:1;padding:32px clamp(28px,4vw,66px) 50px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d9dce4 transparent}.reader-heading,.mail-card,.reader-actions,.reader-footnote,.ai-draft-card{width:min(760px,100%);margin-right:auto;margin-left:auto}.reader-tags{display:flex;gap:6px}.reader-tags span{padding:4px 7px;color:#625ab0;font-size:8px;font-weight:720;background:#eeecfb;border-radius:6px}.reader-heading h2{margin:12px 0;color:#252a35;font-size:clamp(22px,2.5vw,32px);font-weight:730;line-height:1.18;letter-spacing:-.045em}.reader-recipient{display:flex;align-items:center;gap:5px;color:#9297a4;font-size:9px}.reader-recipient button{display:inline-flex;align-items:center;gap:5px;padding:3px 5px;color:#646a78;font-size:9px;background:transparent;border:0;border-radius:5px;cursor:pointer}.reader-recipient button:hover{background:#f0f1f5}.mail-card{margin-top:25px;background:#fff;border:1px solid #e7e9ef;border-radius:18px;box-shadow:0 5px 18px #1b21310b}.mail-sender-header{display:flex;align-items:center;gap:11px;padding:18px 20px 15px;border-bottom:1px solid #f0f1f4}.sender-details{min-width:0;flex:1}.sender-details>div{overflow:hidden;color:#484d59;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.sender-details strong{color:#2e333e;font-size:11px}.sender-details span{color:#959aa7;font-size:9px}.sender-details button{display:flex;align-items:center;gap:2px;margin-top:4px;padding:0;color:#969ba7;font-size:8.5px;background:transparent;border:0;cursor:pointer}.mail-sender-header time{color:#979ca8;font-size:8.5px;white-space:nowrap}.reader-star{margin-left:2px}.mail-body{padding:28px 32px 32px;color:#424752;font-size:11.5px;line-height:1.82}.mail-body p{margin:0 0 17px;white-space:pre-line}.mail-body p:last-child{margin-bottom:0}.mail-body .code-line{width:fit-content;padding:8px 13px;color:#34304e;font-size:18px;font-weight:780;letter-spacing:.14em;background:#f3f1fb;border-radius:8px}.attachments{display:grid;gap:10px;padding:0 20px 20px}.attachment-card{display:grid;grid-template-columns:43px 1fr 34px;align-items:center;gap:11px;padding:10px;background:#f9fafc;border:1px solid #e9ebf0;border-radius:11px}.attachment-preview{display:grid;width:43px;height:43px;color:#c95f58;background:#fbecea;border-radius:9px;place-items:center}.attachment-card strong,.attachment-card span{display:block}.attachment-card strong{color:#4b505d;font-size:9.5px}.attachment-card span{margin-top:4px;color:#9ba0ac;font-size:8px}.reader-actions{display:flex;gap:8px;margin-top:18px}.reply-button,.ai-reply-button,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 14px;font-size:10px;font-weight:700;border-radius:10px;cursor:pointer}.reply-button{color:#5e6472;background:#fff;border:1px solid #dfe2e9}.ai-reply-button{color:#554cc1;background:#eeecfb;border:1px solid #dedaf5}.reply-button:hover,.secondary-button:hover{background:#f7f8fa}.ai-reply-button:hover{background:#e7e4f8}.reader-footnote{display:flex;align-items:center;gap:6px;margin-top:18px;color:#a0a5b1;font-size:8.5px}.ai-draft-card{margin-top:18px;overflow:hidden;background:#fff;border:1px solid #dcd9f3;border-radius:15px;box-shadow:0 10px 30px #443aa414}.ai-draft-card>header{display:flex;align-items:center;gap:10px;padding:13px 14px;background:linear-gradient(90deg,#f3f1fd,#fafafe);border-bottom:1px solid #e8e5f8}.ai-icon{display:grid;width:29px;height:29px;color:#fff;background:linear-gradient(145deg,#6b60df,#9d5bd0);border-radius:9px;place-items:center}.ai-draft-card header>div{flex:1}.ai-draft-card header strong,.ai-draft-card header span{display:block}.ai-draft-card header strong{color:#46404f;font-size:10.5px}.ai-draft-card header span{margin-top:3px;color:#9992a2;font-size:8px}.ai-draft-card textarea{display:block;width:100%;min-height:190px;padding:20px;color:#424752;font-size:10.5px;line-height:1.65;resize:vertical;background:#fff;border:0;outline:0}.ai-draft-card footer{display:flex;align-items:center;gap:8px;padding:12px 14px;border-top:1px solid #eef0f4}.sending-disabled{display:flex;align-items:center;gap:5px;flex:1;color:#a37b48;font-size:8.5px}.primary-button{color:#fff;background:var(--primary);border:1px solid var(--primary)}.primary-button:hover{background:var(--primary-dark)}.primary-button.disabled{color:#a7a1d8;background:#eeecf8;border-color:#e5e2f5}.secondary-button{color:#606675;background:#fff;border:1px solid #dfe2e9}.draft-loading{display:flex;align-items:center;gap:6px;min-height:130px;padding:20px;color:#8c8795;font-size:9.5px}.draft-loading span{width:6px;height:6px;background:#756bdd;border-radius:50%;animation:bounce .9s infinite alternate}.draft-loading span:nth-child(2){animation-delay:.15s}.draft-loading span:nth-child(3){margin-right:4px;animation-delay:.3s}@keyframes bounce{to{opacity:.4;transform:translateY(-4px)}}.modal-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;padding:22px;background:#181c285c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);place-items:center}.address-dialog{width:min(510px,100%);padding:22px;background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:19px;box-shadow:var(--shadow-md)}.address-dialog>header{display:flex;align-items:center;gap:11px;margin-bottom:22px}.dialog-icon{display:grid;width:39px;height:39px;color:#fff;background:linear-gradient(145deg,#6f63e8,#5149c5);border-radius:12px;place-items:center}.address-dialog header>div:nth-child(2){flex:1}.address-dialog h2{margin:0;color:#2d313b;font-size:16px;letter-spacing:-.025em}.address-dialog header p{margin:4px 0 0;color:#969ba7;font-size:9.5px}.address-dialog>label{display:block;margin:14px 0 7px;color:#686e7c;font-size:9px;font-weight:720}.address-dialog>input,.address-input-row{width:100%;min-height:43px;color:#3d424e;font-size:11px;background:#f8f9fb;border:1px solid #e1e4ea;border-radius:10px}.address-dialog>input{padding:0 12px;outline:0}.address-dialog>input:focus,.address-input-row:focus-within{background:#fff;border-color:#bcb6e9;box-shadow:0 0 0 3px #5f56d914}.domain-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.domain-option{display:flex;align-items:center;gap:9px;min-width:0;min-height:56px;padding:10px 11px;color:#565c6b;text-align:left;background:#f8f9fb;border:1px solid #e1e4ea;border-radius:11px;cursor:pointer;transition:.15s ease}.domain-option:hover:not(:disabled){background:#fff;border-color:#c9c4ee}.domain-option.selected{color:#5149bd;background:#f3f1fd;border-color:#bcb6e9;box-shadow:0 0 0 3px #5f56d912}.domain-option.pending{cursor:not-allowed;opacity:.64}.domain-option-main{min-width:0;flex:1}.domain-option-main strong,.domain-option-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.domain-option-main strong{color:inherit;font-size:10.5px}.domain-option-main small{margin-top:4px;color:#969ba7;font-size:8px}.domain-status{flex:0 0 auto;padding:3px 6px;font-size:7.5px;font-weight:750;border-radius:7px}.domain-status.primary{color:#5850bb;background:#e6e3fa}.domain-status.pending{color:#9a7850;background:#f5eadb}.address-input-row{display:flex;align-items:center;padding:0 7px 0 12px}.address-input-row input{min-width:80px;flex:1;height:40px;padding:0;color:#3d424e;background:transparent;border:0;outline:0}.address-input-row>span{max-width:190px;overflow:hidden;color:#838896;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.address-preview{display:flex;align-items:center;gap:10px;margin-top:8px;padding:0 3px;color:#999eaa;font-size:8px}.address-preview strong{min-width:0;overflow:hidden;color:#5c6170;font-size:8.8px;text-overflow:ellipsis;white-space:nowrap}.dialog-error{margin:9px 0 0;color:#b64d54;font-size:8.5px;line-height:1.45}.dialog-note{display:flex;align-items:center;gap:7px;margin-top:16px;padding:10px 11px;color:#697468;font-size:8.5px;background:#f2f8f4;border:1px solid #dfeee4;border-radius:9px}.dialog-note svg{flex:0 0 auto;color:#398766}.address-dialog>footer{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.toast-message{position:fixed;z-index:70;right:24px;bottom:24px;display:flex;align-items:center;gap:8px;padding:12px 15px;color:#fff;font-size:10px;font-weight:650;background:#282d38;border-radius:10px;box-shadow:0 12px 28px #14192638}.toast-enter-active,.toast-leave-active{transition:.18s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(8px)}.sidebar-scrim{display:none}@media (max-width: 1180px){.app-shell{grid-template-columns:230px 360px minmax(440px,1fr)}.reader-scroll{padding-right:30px;padding-left:30px}.mail-body{padding-right:24px;padding-left:24px}}@media (max-width: 950px){.app-shell{grid-template-columns:350px minmax(0,1fr)}.sidebar{position:fixed;top:0;bottom:0;left:0;width:264px;box-shadow:18px 0 42px #181e2f2e;transform:translate(-105%);transition:.2s ease}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close,.mobile-menu{display:inline-grid!important}.sidebar-scrim{position:fixed;z-index:15;top:0;right:0;bottom:0;left:0;display:block;background:#1a1f2c45;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@media (max-width: 680px){body{overflow:auto}.app-shell{display:block;min-height:100vh}.domain-picker{grid-template-columns:1fr}.message-list-pane,.reader-pane{width:100%;height:100vh}.reader-pane,.app-shell.mobile-reader-open .message-list-pane{display:none}.app-shell.mobile-reader-open .reader-pane{display:flex}.mobile-back{display:inline-grid;margin-right:4px}.message-row{min-height:109px}.reader-toolbar{padding:0 12px}.reader-scroll{padding:24px 16px 40px}.reader-heading h2{font-size:24px}.mail-sender-header{padding:15px}.mail-sender-header time,.reader-star{display:none}.mail-body{padding:22px 20px;font-size:11px}.toolbar-status{display:none}.ai-draft-card footer{flex-wrap:wrap}.sending-disabled{flex-basis:100%}.modal-backdrop{align-items:end;padding:0}.address-dialog{width:100%;border-radius:20px 20px 0 0}}@media (max-height: 650px) and (min-width: 681px){.delivery-card{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.session-screen,.login-screen{display:grid;min-height:100vh;padding:24px;background:radial-gradient(circle at 20% 15%,rgba(108,97,225,.12),transparent 34%),radial-gradient(circle at 85% 85%,rgba(20,134,109,.09),transparent 32%),#f5f7fb;place-items:center}.session-loader{display:flex;align-items:center;gap:12px;color:#6258d2;font-size:14px;font-weight:700}.login-card{width:min(420px,100%);padding:34px;background:#fffffff5;border:1px solid #e5e7ef;border-radius:22px;box-shadow:0 24px 70px #21273d24}.login-brand{display:flex;align-items:center;gap:12px}.login-brand>div:last-child{display:flex;flex-direction:column;gap:3px}.login-brand strong{font-size:16px}.login-brand span,.login-heading p,.login-footnote{color:var(--muted)}.login-brand span{font-size:11px}.login-heading{margin:34px 0 25px}.login-heading h1{margin:0 0 8px;font-size:25px;letter-spacing:-.035em}.login-heading p{margin:0;font-size:12px;line-height:1.65}.login-card>label{display:block;margin:15px 0 7px;color:#4d5260;font-size:11px;font-weight:700}.login-card>input{width:100%;height:44px;padding:0 13px;color:#2d313b;background:#f8f9fc;border:1px solid #dde1e9;border-radius:10px;outline:none}.login-card>input:focus{background:#fff;border-color:#847be1;box-shadow:0 0 0 3px #6558df1a}.login-error,.workspace-error{color:#b64d54;background:#fff3f3;border:1px solid #f1d8da;border-radius:9px}.login-error{margin:14px 0 0;padding:9px 11px;font-size:11px}.login-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:45px;margin-top:20px;color:#fff;font-size:12px;font-weight:750;background:var(--primary);border:0;border-radius:11px;cursor:pointer}.login-button:disabled,.create-address-button:disabled,.primary-button:disabled{cursor:not-allowed;opacity:.62;transform:none}.login-footnote{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px;font-size:9px}.mailbox-empty{margin:8px 6px;padding:12px;color:#8a8f9e;font-size:10px;line-height:1.6;text-align:center;background:#ffffff8c;border:1px dashed #dce0e8;border-radius:10px}.team-users-button{display:flex;align-items:center;gap:9px;min-height:38px;margin:0 5px 8px;padding:0 11px;color:#5d6270;font-size:11px;font-weight:700;background:#ffffff94;border:1px solid #e1e4eb;border-radius:10px;cursor:pointer}.team-users-button:hover{color:var(--primary-dark);background:#fff}.team-users-button strong{margin-left:auto;font-size:9px}.user-dialog{width:min(760px,calc(100vw - 30px));max-height:min(720px,calc(100vh - 30px));padding:24px;overflow:auto;background:#fff;border:1px solid #e3e6ed;border-radius:18px;box-shadow:var(--shadow-md)}.user-dialog>header{display:flex;align-items:center;gap:11px;margin-bottom:22px}.user-dialog>header>div:nth-child(2){flex:1}.user-dialog h2,.user-dialog p{margin:0}.user-dialog h2{font-size:17px}.user-dialog header p{margin-top:4px;color:var(--muted);font-size:9px}.user-dialog-grid{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(280px,1.1fr);gap:18px}.user-list-panel,.user-create-panel{min-width:0;padding:16px;background:#f8f9fc;border:1px solid #e7e9ef;border-radius:13px}.user-panel-heading{display:flex;align-items:center;margin-bottom:13px;color:#4b5060;font-size:10px;font-weight:760}.user-panel-heading small{margin-left:auto;color:var(--muted);font-weight:600}.user-list{display:flex;flex-direction:column;gap:7px;max-height:330px;overflow:auto}.user-list-item{display:flex;align-items:center;gap:9px;padding:9px;background:#fff;border:1px solid #e8eaf0;border-radius:10px}.account-avatar.small{width:31px;height:31px;font-size:8px}.user-list-item>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.user-list-item strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.user-list-item small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.user-status{padding:3px 6px;color:#398766;font-size:7px;font-weight:750;background:#ebf7ef;border-radius:999px}.user-loading{display:flex;align-items:center;justify-content:center;gap:7px;min-height:90px;color:var(--muted);font-size:9px}.user-create-panel>label{display:block;margin:10px 0 5px;color:#616675;font-size:8px;font-weight:700}.user-create-panel input,.user-create-panel select{width:100%;height:37px;padding:0 10px;color:#3d424e;background:#fff;border:1px solid #dfe2e9;border-radius:8px;outline:none}.user-create-panel input:focus,.user-create-panel select:focus{border-color:#887fe2;box-shadow:0 0 0 3px #6558df14}.password-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.created-credentials{display:grid;gap:6px;margin-top:12px;padding:11px;color:#4c5561;font-size:8px;background:#f0f8f3;border:1px solid #d9ebdf;border-radius:9px}.created-credentials code{overflow:hidden;color:#3e4754;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.created-credentials .copy-button{justify-self:start}.user-submit{width:100%;margin-top:14px}.retention-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;color:#457260;font-size:9px;font-weight:650;background:#eff8f3;border:1px solid #dceee3;border-radius:999px}.workspace-error{margin:0 18px 8px;padding:8px 10px;font-size:10px}.workspace-loading{position:fixed;z-index:65;right:24px;bottom:24px;display:flex;align-items:center;gap:8px;padding:11px 14px;color:#4d5260;font-size:10px;font-weight:650;background:#fff;border:1px solid #e2e5ec;border-radius:10px;box-shadow:0 12px 28px #14192624}.attachment-card{color:inherit;text-decoration:none}.empty-body{color:var(--muted);font-style:italic}.spin{animation:tmpemail-spin .8s linear infinite}@keyframes tmpemail-spin{to{transform:rotate(360deg)}}@media (max-width: 520px){.login-card{padding:26px 22px}.retention-pill{display:none}.user-dialog{width:100%;max-height:92vh;border-radius:20px 20px 0 0}.user-dialog-grid{grid-template-columns:1fr}}#app .app-shell{grid-template-columns:276px minmax(390px,430px) minmax(520px,1fr);background:#f6f7fb}#app .sidebar{padding:20px 16px 16px;background:radial-gradient(circle at 15% -10%,rgba(99,91,231,.12),transparent 34%),#f5f6fa;border-right-color:#e5e8f0}#app .brand-row{min-height:48px;padding-inline:8px}#app .brand-mark{width:40px;height:40px;border-radius:14px;box-shadow:0 12px 28px #5248c73d}#app .brand-name{font-size:17px;font-weight:780}#app .brand-caption{font-size:11px}#app .create-address-button{min-height:48px;margin:24px 4px 20px;font-size:13px;border-radius:14px;box-shadow:0 12px 28px #4f46e533;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}#app .create-address-button:hover{box-shadow:0 15px 34px #4f46e540;transform:translateY(-2px)}#app .nav-item{min-height:42px;padding-inline:13px;font-size:13px;border-radius:12px}#app .nav-item.active{background:linear-gradient(135deg,#e9e8ff,#efefff);box-shadow:inset 0 0 0 1px #5b56e814}#app .sidebar-section-heading{padding-top:24px;font-size:10.5px}#app .mailbox-nav{flex:1 1 auto;gap:5px;min-height:0;max-height:none;padding:2px;overflow-x:hidden;scrollbar-width:none}#app .mailbox-nav::-webkit-scrollbar{display:none}#app .mailbox-nav-item{min-height:54px;padding:7px 10px 7px 12px;border-radius:13px}#app .mailbox-nav-item:hover{background:#ffffffdb;transform:translate(2px)}#app .mailbox-nav-item.active{background:#fff;box-shadow:0 1px 2px #1820330d,0 9px 28px #1820330f}#app .mailbox-copy strong,#app .account-copy strong{font-size:12.5px}#app .mailbox-copy small,#app .account-copy small{font-size:10.5px}#app .delivery-card{margin-bottom:12px;padding:12px;border-radius:14px}#app .delivery-card strong{font-size:11.5px}#app .delivery-card p{font-size:10px}#app .account-card{min-height:52px;padding:9px 10px;border-radius:13px;transition:background .16s ease,transform .16s ease}#app .account-card:hover{background:#fff;transform:translateY(-1px)}#app .message-list-pane{background:#fffffff5;border-right-color:#e8eaf1}#app .list-header{min-height:76px;padding:17px 20px 11px}#app .search-box{height:46px;padding-inline:14px;background:#f3f5f9;border-radius:14px}#app .search-box input{font-size:13px}#app .list-title-row{min-height:86px;padding:9px 23px 16px}#app .eyebrow{font-size:9.5px}#app .list-title-row h1{margin-top:6px;font-size:25px}#app .active-address-card{margin:0 20px 15px;padding:12px 13px 12px 15px;background:linear-gradient(135deg,#f5f4ff,#fafaff);border-color:#e4e2fa;border-radius:14px}#app .active-address-card span{font-size:9.5px}#app .active-address-card strong{margin-top:3px;font-size:12px}#app .message-list-meta{min-height:40px;padding-inline:23px;font-size:10.5px}#app .sync-status,#app .sort-button{display:inline-flex;align-items:center;flex:0 0 auto}#app .sync-status{gap:6px;color:#7b8190;font-weight:650}#app .sync-status i{width:6px;height:6px;background:#b0b5c1;border-radius:50%;box-shadow:0 0 0 3px #b0b5c11f}#app .sync-status.live i{background:#28a177;box-shadow:0 0 0 3px #28a17721}#app .sync-status.polling i{background:#d4972d;box-shadow:0 0 0 3px #d4972d21}#app .sort-button{gap:4px;min-height:28px;padding:0 7px;color:#666c79;font:inherit;font-weight:700;background:transparent;border:0;border-radius:8px;cursor:pointer;transition:color .15s ease,background .15s ease}#app .sort-button:hover,#app .sort-button:focus-visible{color:#4f48ad;background:#f0effa;outline:none}#app .sort-button svg{transition:transform .18s ease}#app .sort-button.oldest svg{transform:rotate(180deg)}#app .message-list{padding:4px 10px 18px}#app .message-row{min-height:116px;margin:3px 0;padding:15px 13px 15px 8px;border:1px solid transparent;border-radius:15px;transition:border-color .17s ease,background .17s ease,box-shadow .17s ease,transform .17s ease}#app .message-row:hover{background:#f8f9fc;border-color:#eceef4;transform:translateY(-1px)}#app .message-row.selected{background:linear-gradient(135deg,#f1f0ff,#f7f7ff);border-color:#dfdcfb;box-shadow:0 9px 26px #473eaa14}#app .sender-avatar{width:39px;height:39px;font-size:10px;border-radius:13px;box-shadow:inset 0 0 0 1px #ffffff2e}#app .sender-avatar.large{width:44px;height:44px}#app .message-sender-line strong{font-size:12.5px}#app .message-sender-line time,#app .message-row p,#app .message-tags span{font-size:10.5px}#app .message-subject{margin-top:4px;font-size:12.5px}#app .reader-pane{background:radial-gradient(circle at 90% 0%,rgba(91,86,232,.06),transparent 28%),#f8f9fc}#app .reader-toolbar{min-height:76px;padding-inline:24px;background:#f8f9fcd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}#app .toolbar-star.starred{color:#eca62c;background:#fff7e6}#app .toolbar-star.starred:hover{color:#d88e12;background:#ffefca}#app .reader-scroll{padding:40px clamp(28px,5vw,78px) 64px}#app .reader-heading h2{max-width:900px;font-size:clamp(27px,2.6vw,38px);line-height:1.18}#app .reader-tags span,#app .reader-recipient{font-size:10.5px}#app .reader-recipient button{font-size:11px}#app .mail-card{max-width:980px;margin-top:27px;border-color:#e4e7ef;border-radius:20px;box-shadow:0 2px 4px #18203308,0 20px 60px #1820330f}#app .mail-sender-header{padding:20px 22px}#app .sender-details strong{font-size:13px}#app .sender-details span,#app .sender-details button,#app .mail-sender-header time{font-size:10.5px}#app .mail-body{padding:32px 36px 38px;font-size:14px;line-height:1.82}#app .reader-footnote{font-size:11px}#app .empty-reader h2{font-size:23px}#app .empty-reader p,#app .empty-list p{font-size:12px}#app .login-screen{background:radial-gradient(circle at 18% 12%,rgba(91,86,232,.17),transparent 34%),radial-gradient(circle at 84% 88%,rgba(20,134,109,.12),transparent 31%),linear-gradient(145deg,#f7f8fc,#f1f3f9)}#app .login-card{width:min(460px,100%);padding:40px;border-radius:26px;box-shadow:0 30px 90px #1f263e29}#app .login-heading h1{font-size:29px}#app .login-heading p,#app .login-card>label,#app .login-card>input,#app .login-button{font-size:13px}#app .login-card>input{height:48px;border-radius:12px}body .address-dialog{position:fixed;z-index:51;top:50%;left:50%;width:min(560px,calc(100vw - 32px));padding:28px;border-radius:22px;box-shadow:0 30px 100px #181c283d;transform:translate(-50%,-50%);transform-origin:center}body .address-dialog[data-state=open]{animation:mail-dialog-in .21s cubic-bezier(.2,.8,.2,1)}body .modal-backdrop[data-state=open]{animation:mail-overlay-in .18s ease-out}body .address-dialog h2{font-size:19px}body .address-dialog header p,body .address-dialog>label,body .address-preview,body .dialog-note,body .dialog-error{font-size:11px}body .address-dialog>input,body .address-input-row{min-height:47px;font-size:13px;border-radius:12px}body .domain-option{min-height:64px;border-radius:13px}body .domain-option-main strong{font-size:12.5px}body .domain-option-main small{font-size:10px}#app .toast-message,#app .workspace-loading{font-size:12px;border-radius:13px;box-shadow:0 18px 46px #14192633}@media (max-width: 1180px){#app .app-shell{grid-template-columns:250px 380px minmax(440px,1fr)}}@media (max-width: 950px){#app .app-shell{grid-template-columns:380px minmax(0,1fr)}}@media (max-width: 680px){#app .message-row{min-height:116px}#app .reader-scroll{padding:27px 17px 48px}#app .mail-body{padding:25px 22px 30px;font-size:13.5px}#app .login-card{padding:30px 24px}body .address-dialog{top:auto;bottom:0;left:0;width:100%;animation-name:mail-dialog-mobile-in;transform:none}}@keyframes mail-dialog-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.985)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes mail-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes mail-dialog-mobile-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.message-actions-menu{z-index:80;min-width:190px;padding:6px;color:#343946;background:#fffffffa;border:1px solid #e4e6ed;border-radius:12px;box-shadow:0 16px 42px #1f243429;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform-origin:var(--reka-dropdown-menu-content-transform-origin);animation:mail-menu-in .15s cubic-bezier(.2,.8,.2,1)}.message-action-item{display:flex;align-items:center;gap:9px;min-height:36px;padding:0 10px;font-size:11px;font-weight:650;border-radius:8px;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}.message-action-item[data-highlighted]{color:#5149aa;background:#f1f0fb}.message-action-item.danger{color:#c14e55}.message-action-item.danger[data-highlighted]{color:#ad333c;background:#fff0f1}.message-action-separator{height:1px;margin:5px 4px;background:#eceef3}@keyframes mail-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}