*{box-sizing:border-box} :root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#202c43;background:#f7f8fc;font-size:14px;font-synthesis:none;--blue:#275fe9;--muted:#8690a2;--border:#e7eaf1}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button{transition:background .16s,box-shadow .16s,transform .16s}button:focus-visible,a:focus-visible{outline:3px solid #aac2ff;outline-offset:3px}button svg,svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button{display:inline-flex;align-items:center;justify-content:center;gap:8px}button[hidden],[hidden]{display:none!important}.app-shell{min-height:100vh;display:grid;grid-template-columns:224px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:34px 18px 20px;background:#fff;border-right:1px solid var(--border)}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:#1e2b43;padding:0 14px 46px;font-size:23px;font-weight:700;letter-spacing:1px}.brand span{line-height:1.18}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#8d98aa;margin-top:7px;font-weight:600}.sidebar-label{font-size:10px;letter-spacing:2px;color:#929bab;padding:0 16px;margin-bottom:14px}.nav-item{width:100%;justify-content:flex-start;border:0;background:transparent;padding:13px 15px;color:#68768e;border-radius:9px;font-size:13px;margin-bottom:7px;gap:12px}.nav-item.active{color:var(--blue);background:#edf2ff;font-weight:600}.nav-item:disabled{opacity:.65}.nav-item:not(:disabled):hover{background:#f1f4fa}.count{margin-left:auto;font-size:11px;font-weight:500}.sidebar-note{font-size:10px;display:flex;gap:7px;align-items:center;color:#9aa3b1;padding:18px 15px;margin-top:auto;margin-bottom:14px}.small-dot{width:5px;height:5px;background:#54aa8c;display:inline-block;border-radius:100%;flex-shrink:0}.account-card{display:flex;gap:10px;align-items:center;padding:16px 9px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.avatar{background:#f0f3fa;color:#8492ac;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:600;font-size:15px;flex-shrink:0}.account-details{min-width:0;flex:1}.account-details strong{display:block;font-size:11px;margin-bottom:5px}.account-details span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:9px;color:#9aa3b3}.sidebar-help{border:0;background:none;padding:18px 8px 2px;justify-content:flex-start;color:#8792a6;font-size:11px;gap:10px}.sidebar-help>span:first-child{width:16px;height:16px;border:1px solid #a9b2c1;border-radius:50%;font-size:10px}.help-arrow{margin-left:auto}.main{min-width:0}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.6)}.breadcrumbs{font-size:11px;color:#98a1b1}.breadcrumbs span{margin:0 13px;color:#bdc4d1}.breadcrumbs strong{font-weight:500;color:#62718a}.topbar-actions{display:flex;align-items:center;gap:19px}.local-badge{display:flex;align-items:center;gap:7px;color:#6c867b;font-size:10px}.local-badge i{width:5px;height:5px;background:#59ad8b;border-radius:50%}.icon-button{width:30px;height:30px;padding:5px;border:0;background:transparent;color:#9aa4b6;border-radius:7px}.icon-button:hover{background:#edf0f8;color:#435778}.icon-button svg{width:15px;height:15px}.welcome{max-width:720px;margin:62px auto 30px;padding:0 36px}.eyebrow{font-size:9px;letter-spacing:2.4px;font-weight:650;color:#94a1b6}.welcome>.eyebrow{text-align:center}.welcome h1{font-size:34px;letter-spacing:-1.2px;line-height:1.5;font-weight:650;text-align:center;margin:17px 0 10px}.welcome h1 span{color:var(--blue)}.intro{text-align:center;font-size:12px;line-height:1.9;color:#8995a8;margin:0 0 35px}.connect-card{background:#fff;border:1px solid #e3e8f1;box-shadow:0 9px 35px #192e6707,0 2px 4px #1d326304;border-radius:17px;padding:28px 30px 18px}.card-heading{display:flex;align-items:center;gap:12px;margin-bottom:27px}.card-icon{width:42px;height:42px;background:#f0f5ff;border:1px solid #e5edff;border-radius:12px;display:grid;place-items:center;color:var(--blue)}.card-icon svg{width:21px;height:21px}.card-heading h2{font-size:15px;font-weight:600;margin:0 0 5px;letter-spacing:.1px}.card-heading p{font-size:10px;color:#919bad;margin:0}.step-tag{margin-left:auto;color:#a1abc0;font-size:9px;letter-spacing:1.6px}.input-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.input-label label{font-size:11px;color:#64738b;font-weight:600}.text-button{padding:0;background:none;border:0;color:#7f8da5;font-size:11px;white-space:nowrap}.text-button:hover{color:var(--blue)}textarea{width:100%;min-height:118px;resize:vertical;padding:15px;border:1px solid #e0e6f0;background:#fcfdff;border-radius:9px;outline:none;font:12px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;color:#415573;transition:border-color .2s,box-shadow .2s;overflow-wrap:anywhere}.secret-input{-webkit-text-security:disc}textarea::placeholder{-webkit-text-security:none;color:#aab3c3;font-size:10px;letter-spacing:0}textarea:focus{border-color:#7099ff;box-shadow:0 0 0 3px #eaf0ff}.input-footer{display:flex;justify-content:space-between;gap:10px;color:#a4adbd;font-size:9px;min-height:31px;align-items:center;line-height:1.7;flex-wrap:wrap}#recognized-email{color:#4c9b7e;overflow-wrap:anywhere}.primary-button{width:100%;height:45px;background:var(--blue);color:white;border:1px solid var(--blue);border-radius:9px;font-size:12px;font-weight:600;margin-top:13px;box-shadow:0 4px 8px #275fe919}.primary-button svg{width:17px;height:17px}.primary-button:hover:not(:disabled){background:#1e50ce;transform:translateY(-1px)}.primary-button:disabled{opacity:.5}.privacy-note{display:flex;align-items:center;justify-content:center;gap:6px;color:#9ca6b7;font-size:9px;margin:16px 0 1px}.privacy-note svg{width:12px;height:12px}.benefits{display:flex;justify-content:space-between;margin:32px 5px 0;gap:15px}.benefits>div{position:relative;padding-left:28px}.benefit-icon{position:absolute;left:0;top:0;font-size:18px;line-height:1;color:#93a4c1}.benefits strong{font-size:10px;letter-spacing:.5px;color:#64728a;font-weight:600}.benefits p{font-size:9px;color:#a2abba;margin:8px 0}.welcome-footer{text-align:center;font-size:9px;color:#b0b7c4;margin-top:40px}.form-error{font-size:11px;color:#b54f54;background:#fff3f3;border:1px solid #f5dddd;border-radius:7px;padding:10px;line-height:1.7;margin-top:8px}.global-error{margin:18px 40px 0;padding:12px 16px;background:#fff2ef;border:1px solid #f2d3cc;border-radius:9px;color:#b85f52;font-size:12px;line-height:1.6}.mailbox{padding:31px 38px 14px}.mailbox-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.mailbox h1{font-size:27px;font-weight:650;margin:8px 0 8px;letter-spacing:-.5px}.mailbox-heading p{font-size:11px;color:#99a2b2;margin:0}.mail-actions{display:flex;align-items:center;gap:19px}.secondary-button{background:white;border:1px solid #dfe5f0;border-radius:8px;font-size:11px;color:#50627f;height:35px;padding:0 13px}.secondary-button svg{width:14px;height:14px}.secondary-button:hover{background:#f0f4ff}.secondary-button:disabled{opacity:.5}.disconnect{font-size:10px}.mail-workspace{display:grid;grid-template-columns:minmax(250px,35%) minmax(0,1fr);height:calc(100vh - 255px);min-height:470px;background:#fff;border:1px solid #e1e6f0;border-radius:13px;overflow:hidden;box-shadow:0 4px 18px #1b306005}.message-column{min-width:0;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--border)}.search-box{display:flex;align-items:center;gap:8px;border:1px solid #e7ebf2;background:#fafbfe;border-radius:7px;padding:9px 11px;margin:16px 16px 0}.search-box svg{width:14px;height:14px;color:#a6b0c2;flex-shrink:0}.search-box input{min-width:0;flex:1;border:0;outline:none;background:transparent;font-size:10px;color:#526583}.search-box input::placeholder{color:#a0aabc}.search-box:focus-within{outline:2px solid #d9e4ff}.list-label{display:flex;justify-content:space-between;color:#a3adbd;font-size:9px;padding:20px 18px 12px}.message-list{overflow-y:auto;flex:1;min-height:0}.message-row{display:block;text-align:left;width:100%;background:#fff;border:0;border-bottom:1px solid #f0f2f7;border-left:3px solid transparent;padding:17px 15px 16px 15px;color:#263751}.message-row:hover{background:#f8faff}.message-row.selected{background:#f0f5ff;border-left-color:var(--blue)}.row-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.row-from{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;display:flex;align-items:center;gap:7px}.unread-dot{width:5px;height:5px;background:#4279ed;border-radius:50%;flex-shrink:0}.row-date{font-size:9px;color:#9ea8ba;flex-shrink:0}.row-subject{font-size:11px;font-weight:500;line-height:1.65;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px}.row-preview{font-size:10px;line-height:1.6;color:#a1aabd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader{overflow:auto;min-width:0}.reader-placeholder{height:100%;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.envelope-illustration{width:104px;height:104px;border:1px solid #e8eefc;border-radius:28px;background:linear-gradient(140deg,#f9fbff,#eef3ff);display:grid;place-items:center;margin-bottom:24px;transform:rotate(-5deg)}.envelope-illustration svg{width:68px;height:68px;stroke:#8ca9e5;stroke-width:1.3;transform:rotate(5deg)}.reader-placeholder h2{font-size:16px;font-weight:500;color:#7d8ba3;margin:0 0 11px}.reader-placeholder p{font-size:11px;color:#a6afbf;margin:0 0 27px}.reader-placeholder>span{font-size:9px;color:#b6becb}.reader-toolbar{height:53px;border-bottom:1px solid #edf0f6;display:flex;align-items:center;justify-content:space-between;padding:0 27px;color:#a9b1bf;font-size:9px}.reader-toolbar .text-button{font-size:10px}.message-header{padding:29px 28px 23px;border-bottom:1px solid #edf0f6}.message-header h2{font-size:21px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;margin:0 0 24px;letter-spacing:-.4px}.sender-line{display:flex;align-items:center;gap:11px}.sender-avatar{height:33px;width:33px;display:grid;place-items:center;border-radius:11px;color:#617eab;background:#edf2fc;font-size:13px;font-weight:600;flex-shrink:0}.sender-info{min-width:0}.sender-info strong{font-size:11px;display:block;margin-bottom:5px}.sender-info span{font-size:9px;color:#a4adbd;overflow-wrap:anywhere;display:block}.message-meta{display:flex;gap:10px;justify-content:space-between;margin-top:19px;font-size:9px;color:#a0aabc;flex-wrap:wrap;overflow-wrap:anywhere}.message-body{padding:27px 28px 40px;color:#53647e;font-size:12px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4;min-height:240px}.reader-footnote{padding:0 28px 24px;color:#aeb7c7;font-size:9px}.mailbox-footer{display:flex;justify-content:space-between;margin-top:15px;font-size:9px;color:#a6afbe;gap:10px}.mailbox-footer>span:first-child{display:flex;gap:6px;align-items:center}.load-more{border:0;border-top:1px solid var(--border);background:#fbfcff;min-height:38px;font-size:10px;color:#7890b9}.list-empty{padding:60px 20px;text-align:center;color:#a1adbf;font-size:11px;line-height:1.8}.skeleton{margin:14px 18px;height:76px;border-radius:8px;background:linear-gradient(90deg,#f3f5f9 25%,#fafbfe 50%,#f3f5f9 75%);background-size:200% 100%;animation:shimmer 1.7s infinite}.back-button{display:none}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#233451;color:#fff;border-radius:10px;font-size:12px;box-shadow:0 6px 25px #15264422;z-index:50}dialog{border:1px solid #e1e7f2;border-radius:18px;width:min(460px,calc(100% - 32px));padding:33px 35px;color:#32425d;box-shadow:0 24px 100px #1f315d26}dialog::backdrop{background:#20304c45;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:15px;top:14px;font-size:23px}dialog h2{font-size:23px;margin:15px 0 25px}dialog ol{padding-left:20px}dialog li{padding-left:6px;margin-bottom:20px;font-size:12px}dialog li strong{font-weight:600}dialog li p{font-size:11px;color:#8996ad;line-height:1.8;margin-top:7px}.help-note{font-size:10px;line-height:1.9;color:#95a0b4;padding-top:16px;border-top:1px solid var(--border)}.stopped{text-align:center;padding:100px 20px}.stopped h1{font-size:27px;margin-top:24px}.stopped p{font-size:13px;color:#94a1b5}@keyframes shimmer{to{background-position:-200% 0}}@media(min-width:1500px){.welcome{margin-top:85px}.mailbox{padding:35px 50px 20px}.topbar{padding:0 50px}.mail-workspace{grid-template-columns:350px minmax(0,1fr)}}@media(max-width:1050px){.app-shell{grid-template-columns:184px minmax(0,1fr)}.sidebar{padding:29px 12px 18px}.brand{padding-left:10px}.topbar{padding:0 25px}.mailbox{padding:25px 22px 15px}.mail-workspace{grid-template-columns:265px minmax(0,1fr)}.mail-actions{gap:12px}.message-header,.message-body{padding-left:22px;padding-right:22px}}@media(max-width:800px){.app-shell{grid-template-columns:70px minmax(0,1fr)}.sidebar{padding:25px 10px 18px}.brand{padding:0 7px 40px}.brand span,.sidebar-label,.nav-item>span,.sidebar-note,.account-details,.sidebar-help{display:none}.nav-item{justify-content:center;padding:13px 0}.account-card{margin-top:auto;padding:17px 9px;border-bottom:0}.nav-item svg{width:21px;height:21px}.topbar{height:68px;padding:0 22px}.welcome{padding:0 28px;margin-top:50px}.welcome h1{font-size:29px}.mailbox-heading{align-items:flex-start}.mail-actions{flex-direction:column;align-items:flex-end;gap:10px}.mail-workspace{height:calc(100vh - 245px);min-height:460px;display:block}.message-column{height:100%;border-right:0}.reader{display:none;height:100%}.mail-workspace.show-message .message-column{display:none}.mail-workspace.show-message .reader{display:block}.back-button{display:inline-flex}.reader-toolbar>span{display:none}.mailbox-footer>span:first-child{display:none}.message-row{padding:18px}.mailbox-footer{justify-content:flex-end}}@media(max-width:520px){.welcome{padding:0 16px;margin-top:38px}.welcome h1{font-size:24px;letter-spacing:-.7px}.intro{font-size:11px;max-width:260px;margin:0 auto 26px}.connect-card{padding:22px 18px 17px;border-radius:13px}.card-heading{gap:9px}.card-heading h2{font-size:13px}.card-heading p{font-size:9px}.card-icon{width:34px;height:34px;border-radius:9px}.step-tag{display:none}.benefits{gap:7px;margin-top:25px}.benefits>div{padding-left:0}.benefit-icon{display:none}.benefits strong{font-size:9px}.benefits p{font-size:8px;line-height:1.7;max-width:70px}.welcome-footer{font-size:8px;margin-top:30px}.local-badge{display:none}.topbar{padding:0 18px}.mailbox{padding:22px 13px 12px}.mailbox h1{font-size:23px}.mailbox-heading{margin-bottom:18px}.secondary-button{padding:0 9px;font-size:10px;height:32px}.mail-workspace{height:calc(100vh - 235px)}.message-header h2{font-size:18px}.message-body{font-size:12px}.global-error{margin:13px 13px 0}.input-footer{font-size:8px}.privacy-note{font-size:8px}.reader-toolbar{padding:0 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Mail content scrolls independently, keeping sender and view controls visible. */
.reader{overflow:hidden;overflow-anchor:none;min-height:0}#message-detail{height:100%;min-height:0;display:flex;flex-direction:column}.reader-toolbar{flex-shrink:0;min-height:53px;height:auto;gap:10px;padding:10px 20px}.view-switch{display:flex;padding:3px;gap:2px;background:#f1f4fa;border-radius:8px}.view-switch button{border:0;border-radius:6px;background:transparent;color:#8a98af;font-size:11px;padding:6px 10px;white-space:nowrap}.view-switch button[aria-pressed=true]{background:#fff;color:#3869d9;box-shadow:0 1px 4px #243b6412}.reader-actions{display:flex;gap:14px;align-items:center}.reader-actions button{white-space:nowrap}.message-header{flex-shrink:0;padding:20px 25px 17px;max-height:40%;overflow:auto}.message-header h2{margin-bottom:15px;font-size:19px}.message-meta{margin-top:12px}.message-frame{display:block;width:100%;height:100%;flex:1;min-height:0;border:0;background:#fff}.message-body{flex:1;min-height:0;overflow:auto;overflow-anchor:none}.message-body a{color:#356cda;text-decoration:underline;text-underline-offset:3px}.reader-footnote{flex-shrink:0;border-top:1px solid #edf0f6;padding:10px 22px;background:#fff;font-size:10px}.image-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:9px 22px;background:#f5f8ff;border-bottom:1px solid #e9eef9;color:#8b9ab3;font-size:11px}.image-notice .text-button{font-size:11px;color:#4174da}.mail-workspace.expanded{position:fixed;inset:20px;z-index:40;display:block;height:auto;min-height:0;box-shadow:0 20px 90px #182e5540}.mail-workspace.expanded .message-column{display:none}.mail-workspace.expanded .reader{display:block;height:100%}.mail-workspace.expanded .message-header{padding:20px 30px}.mail-workspace.expanded .message-frame{max-width:100%}@media(max-width:1050px){.reader-toolbar{padding:9px 13px;flex-wrap:wrap}.reader-actions{gap:10px}.message-header{padding:17px 20px}.message-header h2{font-size:17px}}@media(max-width:800px){.reader-toolbar{justify-content:flex-start}.reader-actions{margin-left:auto}.back-button{font-size:10px!important}.mail-workspace.expanded{inset:10px}.message-header{max-height:38%}}@media(max-width:520px){.reader-toolbar{gap:7px}.view-switch button{font-size:10px;padding:5px 7px}.reader-actions{width:100%;justify-content:flex-end}.message-header h2{font-size:16px}.reader-footnote{font-size:9px;padding:8px 15px}.image-notice{padding:8px 15px}}
/* Comfortable reading sizes on desktop and compact windows. */
.breadcrumbs{font-size:12px}.sidebar-note,.sidebar-help{font-size:11px}.account-details strong{font-size:12px}.account-details span{font-size:10px}.eyebrow{font-size:10px}.intro{font-size:13px}.card-heading h2{font-size:17px}.card-heading p{font-size:12px}.input-label label,.text-button{font-size:12px}textarea{font-size:14px}textarea::placeholder{font-size:11px}.input-footer{font-size:10px}.primary-button{font-size:13px}.privacy-note{font-size:10px}.benefits strong{font-size:12px}.benefits p{font-size:11px}.welcome-footer{font-size:10px}.mailbox-heading p{font-size:12px}.secondary-button{font-size:12px}.search-box input{font-size:12px}.list-label{font-size:10px}.row-from{font-size:12px}.row-subject{font-size:13px}.row-preview{font-size:11px}.row-date{font-size:10px}.sender-info strong{font-size:12px}.sender-info span,.message-meta{font-size:11px}.message-body{font-size:14px}.reader-placeholder p{font-size:12px}.reader-placeholder>span,.reader-footnote{font-size:10px}.mailbox-footer{font-size:10px}