:root{--paper:#f6f7f4;--white:#fff;--ink:#24332e;--muted:#829088;--line:#e5e9e3;--green:#245b4c;--deep:#183c36;--tint:#e7eee5;--serif:"Songti SC","Noto Serif SC",Georgia,serif;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--paper)}[hidden]{display:none!important}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}input:focus{outline:none;border-color:var(--green)!important;box-shadow:0 0 0 3px #245b4c10}input{color:var(--ink);min-width:0}a{color:var(--green);text-decoration:none}svg{width:19px;height:19px;display:block;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:10px 18px;border-radius:7px;font-weight:600;transition:background .15s}.primary{background:var(--deep);color:#fff}.primary:hover{background:#28604f}.secondary{border:1px solid #d7dfd6;background:#fff;color:var(--ink)}.secondary:hover{background:#eff3ed}.icon-button{width:34px;height:34px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:24px}.icon-button:hover{background:#e9eee7}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--muted);margin:0}.brand-mark{width:38px;height:38px;background:var(--deep);color:#f2f3e9;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:23px;flex-shrink:0}.workspace{height:100dvh;display:grid;grid-template-columns:218px 360px minmax(0,1fr);overflow:hidden}.sidebar{display:flex;flex-direction:column;padding:30px 17px 16px;border-right:1px solid var(--line);background:var(--paper);min-height:0}.brand{display:flex;align-items:center;gap:11px;font-size:22px;color:var(--deep);font-weight:650;padding:0 9px;letter-spacing:2px}.brand small{display:block;font-size:10px;letter-spacing:1px;font-weight:400;color:#929b91;margin-top:2px}.new-address{margin:29px 4px 30px;font-size:13px;gap:12px}.new-address span{font-weight:400;font-size:20px;line-height:16px}.section-label{font-size:10px;letter-spacing:1.4px;color:#8e998e;font-weight:500;padding:0 13px;margin-bottom:11px}.folders{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 13px;font-size:13px;color:#67746b;text-align:left;border-radius:6px;min-height:41px}.nav-item:hover{background:#eef1eb}.nav-item.active{background:var(--tint);color:#264d3d;font-weight:600}.nav-item b{font-size:11px;font-weight:500;margin-left:auto;font-variant-numeric:tabular-nums;opacity:.75}.address-heading{display:flex;align-items:center;justify-content:space-between;margin-top:31px;padding-right:7px}.address-heading .section-label{margin-bottom:0}.address-heading .icon-button{font-size:19px}.address-list{overflow:auto;max-height:30vh;margin-top:7px}.address-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:10px 12px;border-radius:6px;font-size:12px;color:#6d786e;min-width:0}.address-item:hover,.address-item.active{background:#e7eee5}.address-item i{width:6px;height:6px;border-radius:50%;background:#9aaa97;flex-shrink:0}.address-item .address-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.address-item small{margin-left:auto;color:#919c90}.address-item .copy-address{margin-left:auto;opacity:0;display:flex;padding:2px}.address-item:hover .copy-address{opacity:1}.address-item .copy-address svg{width:14px;height:14px}.catchall-note{font-size:10px;line-height:1.9;color:#99a296;padding:5px 13px;margin-top:8px}.catchall-note span{font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:16px}.routing-status{font-size:10px;display:flex;align-items:center;gap:7px;padding:9px 13px 14px;color:#8c7b4d}.routing-status i{width:6px;height:6px;border-radius:50%;background:#b09a65}.routing-status.ready{color:#557a5d}.routing-status.ready i{background:#729570}.sidebar-bottom .nav-item{font-size:12px;padding-top:9px;padding-bottom:9px}.subtle{opacity:.72}.mail-column{display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--line);min-height:0;min-width:0}.mail-header{display:flex;align-items:center;justify-content:space-between;padding:31px 25px 23px}.mail-header h1{font-size:24px;letter-spacing:-.6px;font-weight:600;margin:7px 0 0}.mail-header h1 span{font-family:ui-monospace,monospace;font-size:12px;background:#eff2ec;color:#83947c;font-weight:400;padding:3px 6px;border-radius:4px;vertical-align:middle;margin-left:7px;letter-spacing:0}.mail-header .icon-button{color:#81917d}.search-wrap{margin:0 22px;position:relative;display:flex;align-items:center}.search-wrap>span{position:absolute;left:12px;color:#95a08f}.search-wrap svg{width:16px;height:16px}.search-wrap input{width:100%;height:38px;border:1px solid #e8ece6;background:#f8f9f6;border-radius:6px;padding:0 30px 0 36px;font-size:11px}.search-wrap input::placeholder{color:#9ca597}.search-wrap kbd{position:absolute;right:11px;font-size:10px;color:#aab1a5;border:1px solid #dfe5d9;border-radius:3px;padding:1px 4px}.list-meta{padding:20px 24px 13px;display:flex;gap:6px;font-size:10px;align-items:center;color:#909b8c}.list-meta>#filter-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.list-meta #sync-label{margin-left:auto;font-size:9px;white-space:nowrap}.list-meta #clear-address{font-size:9px;color:var(--green);padding:0}.mail-list{overflow-y:auto;flex:1;min-height:0;overscroll-behavior:contain}.mail-item{display:block;width:100%;text-align:left;padding:20px 24px 18px;border-top:1px solid #eff1ec;position:relative;transition:background .12s}.mail-item:hover{background:#f7f9f4}.mail-item.selected{background:#edf3e9}.mail-item.unread::before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#5a8058;top:28px;left:11px}.mail-item-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sender-avatar{display:flex;align-items:center;justify-content:center;width:31px;height:31px;background:#eef0e9;border:1px solid #e0e6d9;border-radius:9px;font:500 13px Georgia,serif;color:#627859;flex-shrink:0;text-transform:uppercase}.sender-info{min-width:0;flex:1}.sender-name{display:block;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipient-label{display:block;font-size:9px;color:#95a08e;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-time{font-size:9px;color:#a0a89a;flex-shrink:0;align-self:flex-start;margin-top:3px}.mail-subject{font-size:12px;line-height:1.7;margin:0 0 5px;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mail-item.unread .mail-subject{font-weight:650}.mail-preview{font-size:11px;line-height:1.7;color:#98a18f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.mail-tags{display:flex;gap:6px;align-items:center;margin-top:11px;min-height:14px}.mini-tag{font-size:9px;border:1px solid #dce5d5;border-radius:3px;padding:2px 5px;color:#819675;background:#f8fbf4}.mini-tag.code-tag{letter-spacing:1px;font-family:ui-monospace,monospace;color:#436d38;background:#e5eedc;border-color:#d7e2ca}.mail-tags .tag-star{margin-left:auto;color:#b09951}.tag-star svg{width:12px;height:12px;fill:#b0995130}.mail-list-footer{border-top:1px solid var(--line);padding:13px 23px;font-size:9px;color:#9aa48f;display:flex;align-items:center;gap:7px}.live-dot{width:5px;height:5px;border-radius:50%;background:#a5b597}.list-empty{padding:80px 25px;text-align:center;color:#9aa593}.list-empty svg{width:29px;height:29px;margin:0 auto 18px;color:#9dac91}.list-empty h3{font-size:14px;font-weight:500;color:#6a7d61;margin-bottom:8px}.list-empty p{font-size:11px;line-height:1.9}.pagination{display:flex;justify-content:space-between;padding:10px 20px;border-top:1px solid var(--line);font-size:10px;color:#7f8d75}.pagination button{font-size:10px}.reader{background:#fbfcf9;min-width:0;min-height:0;position:relative}.reader-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:30px}.empty-envelope{border:1px solid #dfe6d8;width:79px;height:79px;display:flex;align-items:center;justify-content:center;border-radius:22px;background:#f2f5eb;transform:rotate(-6deg);margin-bottom:31px;color:#91a181}.empty-envelope svg{width:37px;height:37px;stroke-width:1}.reader-empty .eyebrow{font-size:8px;letter-spacing:2px;color:#a8b09e}.reader-empty h2{font:28px/1.5 var(--serif);letter-spacing:1px;font-weight:400;margin:16px 0 10px;color:#3c5032}.reader-empty>p:not(.eyebrow){font-size:12px;line-height:2;color:#9da791;margin:0 0 24px}.reader-empty .secondary{font-size:11px;min-height:35px;padding:8px 14px}.empty-domain{position:absolute;bottom:29px;font:9px ui-monospace,monospace;letter-spacing:1.5px;color:#c0c7b5}.reader-content{height:100%;display:flex;flex-direction:column;min-height:0;background:#fff}.reader-toolbar{height:67px;border-bottom:1px solid var(--line);padding:0 26px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;color:#8c9983;gap:8px}.reader-toolbar .tool-group{display:flex;gap:8px}.toolbar-label{font-size:10px;letter-spacing:1px;color:#a2ac97}.reader-toolbar .raw-download{font-size:11px;display:inline-flex;align-items:center;gap:7px;color:#7f9371}.reader-toolbar .raw-download svg{width:16px;height:16px}.reader-toolbar .active-star{color:#ad9657}.reader-toolbar .active-star svg{fill:#c2ad7230}.back-button{display:none}.message-header{padding:30px 34px 20px;flex-shrink:0}.message-subject{font-size:24px;line-height:1.5;font-weight:600;letter-spacing:-.7px;margin:0 0 21px;overflow-wrap:anywhere}.message-sender-row{display:flex;align-items:center;gap:12px}.message-sender-row .sender-avatar{width:38px;height:38px;font-size:16px}.message-sender-name{font-size:12px;font-weight:600;line-height:1.8}.message-sender-name small{font-size:10px;color:#97a28d;font-weight:400;margin-left:5px}.message-recipient{font-size:10px;color:#99a58e;line-height:1.8;overflow-wrap:anywhere}.message-date{margin-left:auto;align-self:flex-start;font-size:9px;line-height:1.8;color:#a0aa94;text-align:right;white-space:nowrap;padding-top:3px}.message-meta-expanded{margin-top:10px;font-size:10px;color:#97a28d;line-height:1.7;overflow-wrap:anywhere}.code-strip{display:flex;align-items:center;margin:0 34px 20px;padding:13px 16px;background:#f0f5e9;border:1px solid #e0e9d5;border-radius:6px;gap:16px;flex-shrink:0}.code-strip .code-label{font-size:10px;color:#8b9a7c}.code-strip strong{font:600 22px ui-monospace,SFMono-Regular,monospace;letter-spacing:5px;color:#436037}.code-strip button{margin-left:auto;font-size:10px;color:#6d845d;display:flex;align-items:center;gap:6px}.code-strip svg{width:14px;height:14px}.body-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:0 34px;flex-shrink:0;height:41px}.body-tabs button{position:relative;padding:0 1px 12px;font-size:11px;color:#a1ab96}.body-tabs button.active{color:#506b40;font-weight:600}.body-tabs button.active:after{position:absolute;content:"";height:2px;background:#789363;bottom:0;left:0;right:0}.remote-images{font-size:10px;padding:10px 34px;display:flex;align-items:center;gap:8px;background:#fbfcf8;color:#9ca68e;flex-shrink:0}.remote-images button{font-size:10px;text-decoration:underline;color:#63834b}.body-wrap{flex:1;min-height:180px;overflow:auto;background:#fff;overscroll-behavior:contain}.email-frame{width:100%;height:100%;min-height:300px;border:0;display:block;background:#fff}.text-body,.headers-body{font:13px/1.9 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:24px 34px;margin:0}.headers-body{font-size:10px;line-height:1.9;color:#798570}.attachments{border-top:1px solid var(--line);padding:13px 34px;display:flex;flex-wrap:wrap;align-items:center;gap:9px;max-height:145px;overflow:auto;flex-shrink:0;background:#fcfdf9}.attachments>span{font-size:9px;color:#9da892;margin-right:4px}.attachment{display:inline-flex;align-items:center;gap:8px;border:1px solid #e3e9dc;border-radius:5px;background:#fff;padding:8px 11px;font-size:10px;color:#718562;max-width:100%}.attachment svg{width:14px;height:14px;flex-shrink:0}.attachment span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.attachment small{font-size:9px;color:#a4ae99;white-space:nowrap}.reader-loading{display:flex;height:100%;align-items:center;justify-content:center;color:#87997a;font-size:13px}.error-state{padding:50px 30px;color:#9c6659;line-height:2}.error-state button{display:block;margin:12px 0}.login-screen{min-height:100dvh;position:relative;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 75% 35%,#e4ecde50,transparent 50%),#f3f5ee}.login-brand{position:absolute;top:38px;left:48px;display:flex;align-items:center;gap:11px;font:600 23px var(--serif);letter-spacing:3px}.login-brand small{font:8px -apple-system,sans-serif;letter-spacing:2px;display:block;margin-top:5px;color:#9aa68e}.login-panel{width:380px;margin:auto;padding:150px 0 100px}.login-panel .eyebrow{font-size:9px;letter-spacing:2.5px;color:#95a286}.login-panel h1{font:42px/1.45 var(--serif);font-weight:400;letter-spacing:2px;margin:23px 0;color:#294131}.login-description{font-size:12px;color:#94a087;line-height:2.2;margin-bottom:32px}.login-description strong{font-weight:500;color:#6e8362}.login-panel label,dialog label{display:block;font-size:11px;font-weight:500;color:#728266;margin-bottom:10px}.login-panel input,dialog input{width:100%;height:45px;border:1px solid #d8e1cf;border-radius:6px;padding:10px 13px;background:#ffffffa0;font-size:12px}.login-panel input::placeholder,dialog input::placeholder{color:#acb69f}.login-submit{width:100%;justify-content:space-between;margin-top:5px}.login-foot{font-size:9px;letter-spacing:.4px;color:#a3ae96;margin-top:20px}.login-bottom{width:100%;padding:25px 48px;display:flex;justify-content:space-between;font-size:9px;color:#a8b39a;letter-spacing:1px;position:absolute;bottom:0}.login-bottom>span:first-child{font-family:ui-monospace,monospace}.form-error{color:#b7634f;min-height:17px;font-size:11px;margin:10px 0}.wide{width:100%}dialog{border:1px solid #dbe4d2;border-radius:13px;padding:28px;width:min(460px,calc(100vw - 32px));color:var(--ink);box-shadow:0 30px 100px #1c382225;background:#fbfcf8}dialog::backdrop{background:#172d2060;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.dialog-heading h2{font:23px/1.5 var(--serif);margin:0;letter-spacing:.5px}.dialog-heading .icon-button{color:#879878}.dialog-description{font-size:11px;line-height:1.9;color:#97a48b;margin:0 0 25px}.address-input{display:flex;align-items:center;border:1px solid #d8e1cf;background:#fff;border-radius:6px;padding-right:12px}.address-input input{border:0;background:transparent}.address-input span{font-size:11px;color:#91a080;white-space:nowrap}.text-button{font-size:10px;color:#789165;margin:9px 0 22px;padding:0}.dialog-note{font-size:10px;line-height:1.9;color:#a1ad94;margin-top:17px;margin-bottom:0}.dialog-heading+.setting-row{margin-top:23px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #e7ecdf;font-size:11px;color:#94a087}.setting-row strong{font-size:11px;font-weight:500;color:#6c825c}.settings-status{font-size:11px;color:#9e8b59;line-height:1.8}.import-section{border-top:1px solid #e7ecdf;margin-top:23px;padding-top:15px}.import-section h3{font-size:12px;font-weight:600}.import-section p{font-size:10px;color:#93a086;line-height:1.8}.import-label{display:inline-flex;margin-top:12px;cursor:pointer;font-size:11px!important}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#254732;box-shadow:0 8px 24px #102a2520;color:#fff;font-size:12px;padding:13px 21px;border-radius:7px;z-index:1000;max-width:90vw;line-height:1.6}.notice{padding:12px 34px;font-size:11px;color:#b38957;background:#fbf7eb}.spinning svg{animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}
@media(min-width:1550px){.workspace{grid-template-columns:230px 390px minmax(0,1fr)}.message-header{padding:37px 46px 26px}.code-strip{margin-left:46px;margin-right:46px}.body-tabs{padding-left:46px}.reader-toolbar{padding-left:38px;padding-right:38px}.message-subject{font-size:27px}}
@media(max-width:1100px){.workspace{grid-template-columns:185px 320px minmax(0,1fr)}.sidebar{padding:25px 12px 12px}.new-address{font-size:12px;padding:10px}.mail-header{padding:27px 22px 21px}.message-header{padding:25px 24px 18px}.message-subject{font-size:21px}.message-sender-name small{display:block;margin:0;font-size:9px}.message-date{font-size:8px}.code-strip{margin-left:24px;margin-right:24px}.body-tabs,.attachments{padding-left:24px;padding-right:24px}.reader-toolbar{padding-left:17px;padding-right:17px}.toolbar-label{display:none}}
@media(max-width:860px){.workspace{grid-template-columns:72px 295px minmax(0,1fr)}.sidebar{align-items:center;padding:24px 8px 12px}.brand{padding:0}.brand>span:last-child,.new-address:not(:focus)>span~span{display:none}.new-address{font-size:0;width:42px;padding:8px;margin:24px 0}.new-address>span{font-size:25px}.section-label,.address-heading,.address-list,.catchall-note,.routing-status{display:none}.folders{width:100%;gap:8px}.nav-item{font-size:0;gap:0;justify-content:center;padding:11px;position:relative}.nav-item b{font-size:8px;position:absolute;right:2px;top:2px;background:#e4ebdd;border-radius:5px;min-width:12px;text-align:center}.nav-item svg{width:20px;height:20px}.sidebar-bottom{width:100%}.sidebar-bottom .nav-item{font-size:0}.reader-empty h2{font-size:22px}.reader-empty .eyebrow{font-size:6px}.message-date{display:none}.message-subject{font-size:19px}.code-strip{gap:9px}.code-strip strong{font-size:20px;letter-spacing:3px}.code-label{display:none}}
@media(max-width:660px){.workspace{grid-template-columns:60px minmax(0,1fr)}.sidebar{padding-top:23px}.brand-mark{width:34px;height:34px;font-size:20px}.mail-column{border-right:0}.reader{display:none}.workspace.reading .reader{display:block;position:fixed;inset:0;z-index:20}.back-button{display:inline-flex}.reader-toolbar{height:55px;padding:0 12px}.reader-toolbar .tool-group{gap:4px}.message-header{padding:22px 21px 19px}.message-subject{font-size:21px;margin-bottom:18px}.message-date{display:block}.message-sender-name small{display:block}.code-strip{margin:0 21px 19px}.code-label{display:block}.body-tabs{padding-left:21px}.remote-images{padding-left:21px}.attachments{padding:12px 21px}.login-brand{top:26px;left:26px}.login-panel{width:calc(100% - 64px);max-width:380px;padding-top:130px}.login-panel h1{font-size:38px}.login-bottom{padding:22px 25px}.login-bottom>span:last-child{display:none}.mail-header{padding-top:27px}.mail-list-footer{font-size:9px}}