:root{color:#26362b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#26362b;--muted:#92998f;--line:#e9ece5;--green:#ddecbb;--dark:#202923;--sidebar:#f5f6f2;background:#f5f6f2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;transition:background .15s,color .15s,box-shadow .15s}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #a5bf77}button{background:0 0;border:0}input,textarea{color:var(--ink);outline:none}input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #a5bf77}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}a{color:inherit}.muted{color:var(--muted)}.eyebrow{letter-spacing:2.3px;color:#8e968b;font-size:10px;font-weight:600;display:block}.icon-button{color:#7c867a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.icon-button:hover:not(:disabled){color:#26362b;background:#edf0e9}.primary-button,.outline-button{border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:40px;padding:9px 19px;font-size:13px;font-weight:600;display:inline-flex}.primary-button{background:var(--dark);color:#fff}.primary-button:hover:not(:disabled){background:#3b4c3f}.outline-button{color:#677360;background:#fff;border:1px solid #e0e6dc}.outline-button:hover:not(:disabled){background:#f4f6ef}.starred{color:#ac9344!important}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobile-only,.menu-toggle,.mobile-compose{display:none}.brand{align-items:center;gap:11px;display:flex}.brand img{border-radius:10px;width:37px;height:37px}.brand>div{letter-spacing:3.2px;font-size:19px;font-weight:750;line-height:1.25}.brand span{letter-spacing:1.95px;margin-top:4px;font-size:7px;font-weight:500;display:block}.app-loading{justify-content:center;align-items:center;gap:35px;height:100dvh;display:flex}.app-loading>svg{color:#809074}.login-page{background:#fcfcf9;grid-template-columns:45% 55%;min-height:100dvh;display:grid}.login-story{background:var(--dark);color:#f4f6ee;flex-direction:column;padding:48px 56px 30px;display:flex;position:relative;overflow:hidden}.login-story .brand img{background:#ddecbb;border:1px solid #59654d}.login-story .brand{color:#e5edda}.story-content{flex:1;width:100%;max-width:570px;margin:auto;padding:70px 0 180px;position:relative}.story-kicker{letter-spacing:2.5px;color:#b7c6a8;align-items:center;gap:10px;font-size:9px;display:flex}.story-kicker>span{background:#ddecbb;border-radius:50%;width:6px;height:6px}.story-content h1{letter-spacing:4px;margin:28px 0 21px;font-size:clamp(40px,4.4vw,72px);font-weight:600;line-height:1.5}.story-content h1>span{color:#ddecbb}.story-content p{color:#a6b3a4;letter-spacing:.7px;font-size:13px;line-height:2.1}.story-footer{color:#899882;letter-spacing:1.8px;border-top:1px solid #3b453b;justify-content:space-between;align-items:center;padding-top:21px;font-size:9px;display:flex}.story-footer>span:last-child{align-items:center;gap:8px;display:flex}.story-art{width:210px;height:180px;position:absolute;bottom:5px;right:0}.art-envelope{color:#c3d2a6;z-index:2;background:#2f3b2e;border:1px solid #637458;border-radius:14px;place-items:center;width:128px;height:102px;display:grid;position:absolute;top:41px;left:34px;transform:rotate(-12deg);box-shadow:0 10px 40px #15201555}.art-envelope>span{color:#31442b;background:#ddecbb;border:5px solid #202923;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:-14px;right:-10px}.orbit{border:1px solid #3d4b3a;border-radius:50%;position:absolute;inset:5px;transform:rotate(-35deg)scaleX(1.3)}.orbit-two{border-color:#4a5943;inset:29px}.art-dot{background:#85946b;border-radius:50%;width:8px;height:8px;position:absolute;bottom:28px;left:1px}.login-form-side{justify-content:center;align-items:center;padding:65px 45px;display:flex;position:relative}.login-form{width:100%;max-width:365px}.login-form>.eyebrow{color:#76856b;margin-bottom:18px;font-size:10px}.login-form h2{letter-spacing:1px;font-size:30px;font-weight:600}.login-intro{color:#899081;margin:17px 0 38px;font-size:12px;line-height:1.9}.login-form>label:not(.remember){margin:24px 0 11px;font-size:12px;font-weight:600;display:block}.login-input{color:#a0a996;background:#fff;border:1px solid #e0e5d9;border-radius:8px;align-items:center;gap:12px;height:51px;padding:0 14px;display:flex}.login-input:focus-within{border-color:#9aac88;box-shadow:0 0 0 3px #ddecbb45}.login-input input{background:0 0;border:0;flex:1;min-width:0;height:100%;font-size:14px}.login-input input:focus-visible{outline:0}.login-input input[readonly]{color:#677363}.login-input button{color:#899780;padding:3px;display:flex}.remember{color:#7c8874;align-items:center;gap:8px;margin:20px 0 27px;font-size:11px;display:flex}.remember input{accent-color:#4f6344;width:15px;height:15px;margin:0}.login-submit{background:var(--dark);color:#f1f5e7;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;height:51px;font-size:14px;font-weight:600;display:flex}.login-submit>svg:last-child:not(.spin){margin-left:auto}.login-submit:not(:has(.spin)){padding-left:calc(50% - 24px);padding-right:17px}.login-submit:hover:not(:disabled){background:#354634}.login-secure{color:#99a28f;justify-content:center;align-items:center;gap:7px;margin-top:24px;font-size:10px;display:flex}.login-copyright{text-align:center;color:#a7afa0;letter-spacing:1px;font-size:10px;position:absolute;bottom:30px}.login-mobile-brand{display:none}.mail-app{background:#fff;height:100dvh;display:flex;overflow:hidden}.sidebar{background:var(--sidebar);border-right:1px solid #e9ece4;flex-direction:column;flex-shrink:0;width:234px;padding:29px 18px 0;display:flex}.sidebar-brand{padding:0 10px}.workspace-label{color:#8c9586;align-items:center;gap:7px;margin:27px 10px 23px;font-size:10px;display:flex}.workspace-dot{background:#85a575;border-radius:50%;width:5px;height:5px}.new-mail{background:#e4eece;border:1px solid #d6e1c1;border-radius:9px;align-items:center;gap:10px;padding:13px 14px;font-size:12px;font-weight:650;display:flex;box-shadow:0 2px 3px #2a3d2010}.new-mail:hover{background:#d7e6ba}.new-mail>span{color:#929f7f;border:1px solid #c4d2ae;border-radius:4px;place-items:center;width:19px;height:20px;margin-left:auto;font-size:9px;display:grid}.nav-heading{letter-spacing:.7px;color:#a0a797;margin:32px 12px 13px;font-size:9px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.folder-button{text-align:left;color:#818a7b;border-radius:7px;align-items:center;gap:13px;width:100%;height:44px;padding:0 13px;font-size:12px;display:flex}.folder-button>span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.folder-button b{text-align:center;color:#879577;min-width:23px;font-size:10px;font-weight:500}.folder-button.active{color:#31412c;background:#e7ecdf;font-weight:650}.folder-button.active>svg{color:#586c47}.folder-button.active b{color:#637952;background:#d6e1c8;border-radius:5px;padding:3px 6px}.folder-button:hover:not(.active){background:#ebeee6}.sidebar-note{border-top:1px solid #e1e6db;margin:46px 12px 12px;padding-top:25px}.note-icon{color:#96a782;width:24px;margin-bottom:14px;position:relative}.note-icon>span{background:#afc68b;border-radius:50%;width:5px;height:5px;position:absolute;top:0;right:0}.sidebar-note strong{color:#89957f;font-size:11px;font-weight:500;line-height:1.9}.sidebar-note p{color:#a7b09c;margin-top:10px;font-size:10px;line-height:1.9}.sidebar-bottom{margin-top:auto;padding-top:15px}.help-button{color:#99a18f;align-items:center;gap:9px;width:100%;padding:12px 10px;font-size:10px;display:flex}.help-button>svg:last-child{margin-left:auto}.account{border-top:1px solid #e3e8dc;align-items:center;gap:9px;margin-top:9px;padding:18px 0;display:flex}.account-avatar{color:#7f8d6d;background:#e8ecdf;border:1px solid #dce3d3;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-family:Georgia,serif;font-size:17px;display:grid}.account>div:nth-child(2){min-width:0}.account strong{font-size:11px;font-weight:600;display:block}.account span{letter-spacing:-.1px;color:#9da693;margin-top:4px;font-size:8px;display:block}.account .icon-button{width:27px;margin-left:auto}.workspace{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:22px;height:76px;padding:0 30px;display:flex}.breadcrumb{white-space:nowrap;color:#969e8f;align-items:center;gap:16px;font-size:11px;display:flex}.breadcrumb strong{color:#62725a;font-weight:500}.breadcrumb>span{color:#c0c7b9}.search-box{color:#a1aa97;background:#f6f7f3;border:1px solid #edf0e7;border-radius:7px;align-items:center;gap:9px;width:43%;max-width:400px;height:37px;margin-left:auto;padding:0 11px;display:flex}.search-box:focus-within{border-color:#b2c19d}.search-box input{background:0 0;border:0;flex:1;min-width:0;height:100%;font-size:11px}.search-box input:focus-visible{outline:0}.search-box kbd{text-align:center;color:#a6af9d;border:1px solid #e0e5d7;border-radius:4px;width:18px;height:21px;font-family:inherit;font-size:10px;line-height:18px}.search-box button{color:#94a183;padding:0;display:flex}.topbar-status{color:#9da58f;white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:flex}.topbar-status>span{background:#88a470;border-radius:50%;width:5px;height:5px}.topbar-avatar{color:#8d9a79;background:#f0f4e8;border:1px solid #dce4d1;border-radius:50%;place-items:center;width:29px;height:29px;font:15px Georgia,serif;display:grid}.mail-columns{flex:1;min-height:0;display:flex}.message-list-panel{border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:365px;min-height:0;display:flex}.list-heading{justify-content:space-between;align-items:center;padding:30px 24px 23px;display:flex}.list-heading .eyebrow{letter-spacing:2px;margin-bottom:9px;font-size:9px}.list-heading h1{letter-spacing:.6px;align-items:center;gap:12px;font-size:22px;font-weight:600;display:flex}.list-heading h1>span{letter-spacing:0;color:#96a086;background:#f0f2eb;border:1px solid #e8ecdf;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:400}.filter-row{border-bottom:1px solid var(--line);gap:4px;padding:0 24px 15px;display:flex}.filter-row button{color:#939b8b;border-radius:5px;align-items:center;gap:6px;padding:7px 12px;font-size:11px;display:flex}.filter-row button.selected{color:#5d754b;background:#eff3e8;font-weight:600}.filter-row button>span{color:#99a48b;font-size:8px}.filter-row button:hover{background:#f5f7ef}.search-result{overflow-wrap:anywhere;background:#f7f8f3;justify-content:space-between;gap:10px;padding:10px 22px;font-size:11px;display:flex}.search-result span{white-space:nowrap;color:#8a977b}.list-scroll{scrollbar-width:thin;scrollbar-color:#dce3d3 transparent;overscroll-behavior:contain;flex:1;overflow:auto}.mail-row{border-bottom:1px solid #eef0e9;border-left:3px solid #0000;transition:background .12s;position:relative}.mail-row.selected{background:#f0f5e6;border-left-color:#94ac70}.mail-row:hover:not(.selected){background:#fafbf7}.mail-row-main{text-align:left;width:100%;min-height:108px;padding:20px 21px 17px 20px;display:block}.mail-row-top{justify-content:space-between;align-items:center;gap:15px;display:flex}.sender{text-overflow:ellipsis;white-space:nowrap;color:#85907c;font-size:11px;font-weight:500;overflow:hidden}.mail-row-top time{color:#a0a994;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:9px}.mail-subject{color:#77836c;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;margin-top:10px;padding-right:13px;font-size:12px;font-weight:400;line-height:1.5;display:block;overflow:hidden}.unread .sender{color:#3b4c30;font-weight:650}.unread .mail-subject{color:#485a3d;font-weight:550}.unread-dot{vertical-align:2px;background:#94ae70;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.mail-row-bottom{color:#b1b9a7;align-items:center;gap:7px;height:14px;margin-top:9px;padding-right:28px;font-size:9px;display:flex}.mail-row-bottom>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mail-star{color:#c5ccbb;border-radius:5px;place-items:center;width:29px;height:29px;display:grid;position:absolute;bottom:9px;right:12px}.mail-star:hover{background:#e9efdd}.list-footer{border-top:1px solid var(--line);color:#a4ad98;letter-spacing:.4px;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 17px 0 24px;font-size:9px;display:flex}.list-footer>div{gap:3px;display:flex}.list-footer .icon-button{width:29px;height:29px}.list-updating{opacity:.55}.empty-list{text-align:center;color:#a5af99;flex-direction:column;align-items:center;gap:15px;padding:75px 25px;display:flex}.empty-list h3{color:#869578;font-size:13px;font-weight:500}.empty-list p{font-size:11px;line-height:1.9}.error-state{color:#ad795b}.error-state p{max-width:300px}.list-skeleton>div{border-bottom:1px solid var(--line);padding:24px}.list-skeleton i,.list-skeleton span{background:#f0f3eb;border-radius:3px;height:9px;margin-bottom:14px;animation:1.7s ease-in-out infinite pulse;display:block}.list-skeleton i{width:35%}.list-skeleton span:last-child{width:70%;height:7px;margin:0}@keyframes pulse{50%{opacity:.35}}.reader-panel{background:#fff;flex-direction:column;flex:1;min-width:0;display:flex}.reader-welcome{background:radial-gradient(at 50% 47%,#fafbf6 0,#fff 58%);flex-direction:column;height:100%;padding:27px 34px;display:flex}.welcome-top{letter-spacing:.6px;color:#aab49b;justify-content:space-between;align-items:center;gap:12px;font-size:8px;display:flex}.welcome-top>span{letter-spacing:1.1px;align-items:center;gap:6px;font-size:7px;display:flex}.welcome-top>span>span{background:#9cb484;border-radius:50%;width:4px;height:4px}.welcome-top time{white-space:nowrap;letter-spacing:0;font-size:9px}.welcome-center{text-align:center;flex-direction:column;align-items:center;margin:auto 0;padding:35px 0 70px;display:flex}.welcome-illustration{width:180px;height:164px;margin-bottom:30px;position:relative}.welcome-illustration:before{content:"";background:#f0f4e7;border-radius:50%;position:absolute;inset:8px}.paper{background:#fcfdf7;border:1px solid #dce4cd;border-radius:6px;width:85px;height:91px;position:absolute;top:15px;left:48px}.paper-back{background:#e9f0dc;top:10px;left:38px;transform:rotate(-14deg)}.paper-front{z-index:1;flex-direction:column;gap:8px;padding:20px 14px;display:flex;transform:rotate(9deg)}.paper-front span{background:#dee8cf;border-radius:2px;height:3px}.paper-front span:last-child{width:60%}.envelope-front{z-index:2;color:#9bb780;background:#e3edcf;border:1px solid #d6e3bd;border-radius:6px;place-items:center;width:110px;height:74px;display:grid;position:absolute;top:63px;left:36px;transform:rotate(-3deg);box-shadow:0 9px 18px #879e6920}.welcome-check{color:#fff;z-index:3;background:#8fa96d;border:4px solid #fff;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:24px;right:15px}.spark{background:#bdcea5;border-radius:50%;position:absolute}.spark-one{width:5px;height:5px;top:53px;left:5px}.spark-two{width:4px;height:4px;top:31px;right:14px}.welcome-center>.eyebrow{letter-spacing:2.1px;color:#a0ae8b;font-size:8px}.welcome-center h2{letter-spacing:1px;color:#637451;margin-top:20px;font-size:21px;font-weight:500}.welcome-center p{color:#a0aa94;letter-spacing:.3px;margin-top:16px;font-size:11px;line-height:2.1}.welcome-compose{color:#748862;border-bottom:1px solid #dce5d2;align-items:center;gap:13px;margin-top:28px;padding:0 0 9px;font-size:11px;display:flex}.welcome-compose:hover{color:#304825}.unread-summary{color:#a2ae95;align-items:center;gap:7px;margin-top:25px;font-size:9px;display:flex}.unread-summary>span{background:#b4c49d;border-radius:50%;width:4px;height:4px}.welcome-bottom{color:#b0b9a6;justify-content:space-between;align-items:center;font-size:8px;display:flex}.welcome-bottom>span:first-child{align-items:center;gap:6px;display:flex}.reader-toolbar{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:8px;height:64px;padding:0 24px;display:flex}.reader-actions{align-items:center;gap:7px;display:flex}.reader-folder-label{color:#a1ad94;margin-left:auto;font-size:10px}.back-button{display:none}.toolbar-divider{background:#e8ede0;width:1px;height:17px;margin:0 7px}.danger-hover:hover{color:#b86e5b!important;background:#fbf0e9!important}.reader-scroll{scrollbar-width:thin;scrollbar-color:#dde4d4 transparent;flex:1;min-height:0;overflow:auto}.reader-scroll article{max-width:1150px;margin:auto;padding:32px 34px 35px}.message-tag{color:#8ea477;background:#f5f8ef;border:1px solid #dfe7d6;border-radius:4px;padding:3px 7px;font-size:9px;display:inline-block}.message-heading h2{letter-spacing:.5px;overflow-wrap:anywhere;margin-top:15px;font-size:23px;font-weight:600;line-height:1.65}.message-addresses{border-bottom:1px solid var(--line);gap:12px;margin:27px 0 24px;padding-bottom:24px;display:flex}.sender-avatar{color:#90a477;background:#eef2e6;border:1px solid #e0e8d6;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:15px;display:grid}.address-main{flex:1;min-width:0}.address-main>div:first-child{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;line-height:1.7;display:flex}.address-main strong{overflow-wrap:anywhere;font-size:12px;font-weight:600}.address-main time{color:#a1aa95;font-size:9px}.sender-address{color:#a1ac96;overflow-wrap:anywhere;margin-top:4px;font-size:10px;display:block}.to-details{color:#a5ad9b;text-align:left;overflow-wrap:anywhere;align-items:center;gap:5px;padding:5px 0 0;font-size:10px;display:flex}.address-expanded{color:#8c9c7e;overflow-wrap:anywhere;margin-top:10px;font-size:10px;line-height:1.9}.body-options{justify-content:space-between;gap:12px;margin:0 0 15px;font-size:9px;display:flex}.body-options button{color:#95a586;background:#f5f8ef;border-radius:5px;align-items:center;gap:5px;padding:6px 8px;display:flex}.body-options .text-mode{background:0 0;margin-left:auto}.plain-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#536449;min-height:150px;font-size:13px;line-height:2}.html-body{background:#fff;border:0;width:100%;height:clamp(360px,57dvh,780px);display:block}.attachment-section{border-top:1px solid var(--line);margin:28px 0 0;padding-top:22px}.attachment-section h3{color:#889a77;align-items:center;gap:7px;margin-bottom:13px;font-size:11px;font-weight:500;display:flex}.attachment-section h3 span{margin-left:4px;font-size:9px}.attachment-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;display:grid}.attachment-card{text-align:left;border:1px solid #e4eadb;border-radius:8px;align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.attachment-card:hover{background:#f8faf3}.file-icon{color:#9caf83;background:#f0f5e8;border-radius:5px;flex-shrink:0;place-items:center;width:35px;height:40px;display:grid}.attachment-card>div:nth-child(2){flex:1;min-width:0}.attachment-card strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;display:block;overflow:hidden}.attachment-card span{color:#a2ae96;margin-top:5px;font-size:9px;display:block}.attachment-card>svg{color:#a0af8f}.reply-actions{flex-wrap:wrap;gap:9px;margin-top:32px;display:flex}.reply-actions .primary-button{color:#60784b;background:#e8efda;border:1px solid #d9e5c6}.reply-actions button{min-height:38px;padding:9px 15px;font-size:11px}.reader-end{border-top:1px solid var(--line);letter-spacing:1.5px;color:#b7bfad;justify-content:space-between;padding:21px 34px;font-size:8px;display:flex}.reader-end span{letter-spacing:.5px}.reader-loading{color:#a3b28f;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;font-size:11px;display:flex}.move-control{position:relative}.popover-dismiss{z-index:4;cursor:default;position:fixed;inset:0}.move-popover{z-index:5;background:#fff;border:1px solid #e4eadb;border-radius:9px;width:170px;padding:8px;position:absolute;top:42px;left:0;box-shadow:0 8px 40px #243d2022}.move-popover>span{color:#a2ae95;padding:8px;font-size:10px;display:block}.move-popover button{text-align:left;border-radius:5px;width:100%;padding:10px;font-size:12px;display:block}.move-popover button:hover{background:#f0f4e8}.modal-shade{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30;background:#1b2c2155;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.compose-panel{background:#fff;border-radius:14px;flex-direction:column;width:min(780px,100%);height:min(760px,90dvh);display:flex;overflow:hidden;box-shadow:0 24px 100px #14221840}.compose-header{background:#f8faf3;border-bottom:1px solid #e7eddf;flex-shrink:0;justify-content:space-between;align-items:center;padding:23px 27px;display:flex}.compose-header .eyebrow{letter-spacing:2px;margin-bottom:7px;font-size:8px}.compose-header h2{font-size:18px;font-weight:600}.compose-from{border-bottom:1px solid var(--line);color:#99a48e;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 29px;font-size:11px;display:flex}.compose-from strong{color:#768866;font-size:11px;font-weight:500}.compose-from .muted{color:#a4ae9a;font-size:10px}.compose-fields{border:0;flex-direction:column;flex:1;min-height:100px;margin:0;padding:0;display:flex}.compose-row{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:14px;min-height:48px;margin:0 29px;display:flex}.compose-row label{color:#93a283;flex-shrink:0;width:32px;font-size:12px}.compose-row input{background:0 0;border:0;flex:1;min-width:0;height:40px;font-size:13px}.compose-row input:focus-visible{outline:0}.compose-row:focus-within{border-bottom-color:#9eb781}.compose-row input::placeholder{color:#b2bca7;font-size:12px}.cc-toggle{white-space:nowrap;color:#98a88a;padding:8px 0;font-size:10px}.compose-text{resize:none;background:0 0;border:0;flex:1;width:100%;padding:22px 29px;font-size:13px;line-height:1.9}.compose-text::placeholder{color:#b3bdaa;font-size:12px}.compose-text:focus-visible{outline:0}.compose-footer{border-top:1px solid var(--line);flex-shrink:0;align-items:center;gap:14px;padding:17px 25px;display:flex}.send-button{gap:9px;min-width:112px;font-size:12px}.send-arrow{margin-left:9px}.attachment-limit{color:#a9b39d;margin-left:-8px;font-size:9px}.save-draft{color:#839773;align-items:center;gap:6px;margin-left:auto;padding:10px 3px;font-size:11px;display:flex}.compose-attachments{flex-wrap:wrap;gap:6px;max-height:105px;padding:12px 29px;display:flex;overflow:auto}.compose-attachments>span{color:#8d9f7e;background:#f6f9ef;border:1px solid #e0e9d5;border-radius:5px;align-items:center;gap:6px;max-width:100%;padding:6px 7px;font-size:10px;display:flex}.compose-attachments>span>span{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.compose-attachments button{color:#b1bea2;padding:0;display:flex}.form-error{color:#af7150;background:#fcf2e9;border:1px solid #f0dfcf;border-radius:7px;align-items:flex-start;gap:8px;margin:12px 0;padding:10px 12px;font-size:11px;line-height:1.8;display:flex}.form-error>svg{flex-shrink:0;margin-top:2px}.compose-panel>.form-error{max-height:100px;margin:0 24px 12px;overflow:auto}.toast{color:#edf5e2;z-index:50;background:#293c29;border:1px solid #677d52;border-radius:10px;align-items:center;gap:11px;min-width:250px;max-width:min(680px,90vw);padding:14px 17px;font-size:12px;line-height:1.7;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 7px 35px #22361e30}.toast>svg{flex-shrink:0}.toast>button{color:inherit;margin-left:auto;padding:3px;display:flex}.toast.warning{color:#977441;background:#fff6e8;border-color:#e9d7b3}.help-panel{background:#fff;border-radius:14px;width:510px;max-width:100%;max-height:90dvh;padding:34px;position:relative;overflow:auto;box-shadow:0 20px 70px #1b2c2140}.help-panel>.icon-button{position:absolute;top:15px;right:15px}.help-panel>.eyebrow{font-size:9px}.help-panel h2{letter-spacing:.5px;margin:13px 0 27px;font-size:21px;font-weight:550}.help-panel>div{color:#95a983;gap:16px;margin-top:19px;display:flex}.help-panel>div>svg{flex-shrink:0;margin-top:3px}.help-panel p{color:#95a388;font-size:11px;line-height:1.9}.help-panel p strong{color:#60764f;margin-bottom:5px;font-size:12px;font-weight:550;display:block}.help-tip{border-top:1px solid #e7ecdf;padding-top:19px;color:#a7b19c!important;margin-top:23px!important;font-size:10px!important}.help-tip kbd{background:#f1f5e9;border-radius:3px;padding:1px 4px}.drawer-shade{display:none}.sender{color:#65725b;font-size:13px}.mail-subject{color:#617253;font-size:13px}.mail-row-top time{color:#78876b;font-size:10px}.mail-row-bottom{color:#78886b;font-size:10px}.folder-button{color:#697a5d;font-size:13px}.folder-button>svg{color:#809371}.filter-row button{color:#77886a;font-size:12px}.list-footer{color:#7c8c6c;font-size:10px}.search-box input{font-size:12px}.search-box input::placeholder{color:#829176}.welcome-center p{color:#7f9070;font-size:12px}.welcome-center h2{color:#536947}.welcome-compose{color:#586f49;font-size:12px}.unread-summary{color:#859876;font-size:10px}.account span{color:#7e9071;font-size:9px}.help-button{color:#7d8f6e;font-size:11px}.login-intro{color:#78876c}.remember{color:#6f8063}.login-secure{color:#7f906f}.sender-address,.to-details{color:#778b67}.address-main time{color:#7a8b6a}.body-options button{color:#718960}.save-draft{color:#607d4f}.compose-row label{color:#728d5f}.attachment-card strong{color:#5b754b}@media (width>=1600px){.sidebar{width:250px;padding-left:23px;padding-right:23px}.message-list-panel{width:415px}.topbar{padding:0 36px}.reader-scroll article{padding:36px 50px}.reader-welcome{padding:30px 45px}.welcome-center h2{font-size:25px}}@media (width<=1190px){.sidebar{width:208px;padding-left:12px;padding-right:12px}.sidebar-brand .brand{gap:8px}.sidebar-brand .brand>div{font-size:17px}.sidebar-brand .brand span{font-size:6px}.brand img{width:33px;height:33px}.message-list-panel{width:315px}.topbar{gap:17px;padding:0 22px}.topbar-status{display:none}.search-box{width:48%}.reader-welcome{padding:25px}.welcome-top time{display:none}.welcome-center h2{letter-spacing:.4px;font-size:18px}.welcome-center p{font-size:10px}.reader-scroll article{padding:27px 25px}.message-heading h2{font-size:21px}.list-heading{padding:28px 20px 23px}.filter-row{padding-left:20px;padding-right:20px}.mail-row-main{padding-left:17px;padding-right:17px}.login-story{padding:35px}.story-content{padding-top:60px}.story-content h1{font-size:50px}}@media (height<=760px) and (width>=761px){.sidebar-note{display:none}.story-content{padding-top:35px;padding-bottom:120px}.story-content h1{font-size:47px}.story-art{transform-origin:100% 100%;transform:scale(.7)}.welcome-center{padding:15px 0 35px}.welcome-illustration{height:144px;margin-bottom:8px;transform:scale(.8)}.unread-summary{margin-top:15px}}@media (width<=980px){.sidebar{z-index:22;width:244px;padding:27px 18px 0;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:12px 0 60px #192d2220}.sidebar.is-open{transform:translate(0)}.sidebar-brand{justify-content:space-between;align-items:center;display:flex}.sidebar-brand .mobile-only{display:flex}.drawer-shade{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:21;background:#182d2144;display:block;position:fixed;inset:0}.menu-toggle{display:flex}.message-list-panel{width:330px}.topbar{gap:15px;height:65px;padding:0 21px}.breadcrumb{gap:10px}.search-box{width:47%}.sidebar-brand .brand>div{font-size:19px}.sidebar-brand .brand span{font-size:7px}.sidebar-brand .brand img{width:35px;height:35px}.login-story{padding:32px}.story-content h1{letter-spacing:1px;font-size:45px}.story-content p{font-size:11px}.login-form-side{padding:55px 33px}.login-form h2{font-size:26px}.login-intro{font-size:11px}.story-footer{letter-spacing:1px;font-size:7px}.story-art{transform-origin:100% 100%;transform:scale(.8)}}@media (width<=760px){.mobile-only{display:initial}.mail-app{height:100dvh}.topbar{gap:10px;height:65px;padding:0 15px}.breadcrumb{display:none}.search-box{flex:1;width:auto;max-width:none;height:38px;margin-left:0;padding:0 10px}.search-box input{font-size:12px}.search-box kbd{display:none}.topbar-avatar{width:28px;height:28px;margin-left:2px}.menu-toggle{width:30px}.mail-columns{display:block;position:relative;overflow:hidden}.message-list-panel{border-right:0;width:100%;height:100%}.reader-panel,.has-selection .message-list-panel{display:none}.has-selection .reader-panel{height:100%;display:flex}.has-selection .topbar{display:none}.list-heading{padding:24px 22px 19px}.list-heading .eyebrow{font-size:8px}.list-heading h1{font-size:23px}.list-heading>.icon-button{border:1px solid #e5ebdc;width:35px;height:35px}.filter-row{gap:7px;padding:0 22px 15px}.filter-row button{padding:7px 16px;font-size:12px}.mail-row-main{min-height:110px;padding:20px 22px 18px 19px}.sender{font-size:12px}.mail-subject{margin-top:10px;font-size:13px}.mail-row-top time{font-size:10px}.mail-row-bottom{margin-top:8px;font-size:10px}.mail-star{width:34px;height:34px;bottom:10px;right:16px}.mail-star svg{width:17px;height:17px}.list-footer{height:51px;padding-bottom:env(safe-area-inset-bottom);padding-left:22px;padding-right:20px;font-size:10px}.list-footer .icon-button{width:34px;height:34px}.list-scroll{padding-bottom:65px}.mobile-compose{right:20px;bottom:calc(72px + env(safe-area-inset-bottom));color:#ecf5df;z-index:9;background:#2e412b;border:1px solid #4b6340;border-radius:16px;align-items:center;gap:8px;height:51px;padding:0 20px 0 16px;font-size:13px;font-weight:500;display:flex;position:fixed;box-shadow:0 5px 20px #293c2933}.has-selection .mobile-compose{display:none}.reader-toolbar{gap:5px;height:59px;padding:0 13px}.back-button{margin-right:8px;display:flex}.reader-actions{gap:7px}.reader-toolbar .icon-button{width:34px;height:38px}.reader-folder-label{font-size:9px}.toolbar-divider{margin:0 3px}.reader-scroll article{padding:23px 22px 30px}.message-heading h2{letter-spacing:.1px;margin-top:14px;font-size:21px;line-height:1.65}.message-addresses{gap:10px;margin:22px 0;padding-bottom:20px}.sender-avatar{width:34px;height:34px}.address-main strong{font-size:12px}.address-main>div:first-child{display:block}.address-main time{margin-top:2px;font-size:9px;display:block}.sender-address,.to-details{font-size:10px}.plain-body{font-size:14px;line-height:1.95}.html-body{height:60dvh;min-height:340px}.reply-actions{grid-template-columns:1fr 1.3fr 1fr;gap:7px;display:grid}.reply-actions button{gap:6px;min-height:42px;padding:10px 8px;font-size:11px}.reply-actions button:only-child{grid-column:1/-1}.reader-end{padding:21px 22px}.attachment-grid{grid-template-columns:1fr}.attachment-card{padding:12px}.attachment-card strong{font-size:12px}.attachment-card span{font-size:10px}.empty-list{padding-top:80px}.toast{width:calc(100% - 32px);min-width:0;max-width:none;padding:14px;font-size:12px;bottom:18px}.modal-shade{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:0}.compose-panel{border-radius:0;width:100%;height:100dvh;max-height:100dvh}.compose-header{padding:18px 20px;padding-top:max(18px,env(safe-area-inset-top))}.compose-header .eyebrow{font-size:8px}.compose-header h2{font-size:18px}.compose-from{gap:8px;padding:13px 21px;font-size:10px}.compose-from strong{font-size:10px}.compose-from .muted{font-size:9px}.compose-row{gap:10px;min-height:49px;margin:0 21px}.compose-row input{font-size:16px}.compose-row input::placeholder{font-size:12px}.compose-row label{width:28px;font-size:12px}.compose-text{padding:21px;font-size:16px;line-height:1.9}.compose-text::placeholder{font-size:13px}.compose-footer{padding:13px 18px;padding-bottom:max(16px,env(safe-area-inset-bottom));gap:12px}.send-button{min-width:90px;min-height:43px;padding:10px 13px;font-size:13px}.send-arrow,.attachment-limit{display:none}.save-draft{gap:6px;font-size:12px}.compose-attachments{max-height:90px;padding:8px 21px}.compose-panel>.form-error{margin:0 18px 12px;font-size:11px}.help-panel{width:calc(100% - 30px);max-height:90dvh;padding:30px 25px}.help-panel h2{font-size:20px}.help-panel p{font-size:12px}.help-panel p strong{font-size:13px}.help-tip{font-size:11px!important}.login-page{background:#fafbf7;flex-direction:column;min-height:100dvh;display:flex}.login-story{display:none}.login-form-side{flex-direction:column;flex:1;justify-content:center;min-height:100dvh;padding:35px 29px 75px;display:flex}.login-mobile-brand{align-self:flex-start;margin-bottom:65px;display:block}.login-mobile-brand .brand img{width:36px;height:36px}.login-mobile-brand .brand>div{font-size:18px}.login-mobile-brand .brand span{font-size:7px}.login-form{max-width:410px;margin:auto 0}.login-form h2{font-size:30px}.login-intro{margin:16px 0 31px;font-size:12px}.login-form>.eyebrow{font-size:9px}.login-form>label:not(.remember){font-size:12px}.login-input{height:54px}.login-input input{font-size:16px}.remember{margin:21px 0 26px;font-size:11px}.login-submit{height:54px}.login-secure{margin-top:26px;font-size:10px}.login-copyright{bottom:25px}.login-form .form-error{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:#d8e0cc transparent;overscroll-behavior:contain;flex:1;min-height:0;margin-top:12px;padding-bottom:10px;overflow:hidden auto}.sidebar-brand,.workspace-label,.new-mail,.sidebar-bottom{flex-shrink:0}.workspace-label{margin-top:19px;margin-bottom:18px}.sidebar-scroll .nav-heading{color:#86917d;letter-spacing:.3px;margin:14px 12px 9px;font-size:10px}.sidebar-scroll nav{gap:2px}.sidebar-scroll .folder-button{height:37px;font-size:12px}.sidebar-bottom{padding-top:0}.sidebar-bottom .account{padding:13px 0}.sidebar-bottom .help-button{padding:10px}.category-nav-heading{border-top:1px solid #e0e6d8;margin-top:16px;padding-top:4px}.category-nav-heading .nav-heading{justify-content:space-between;align-items:center;margin-top:5px;margin-bottom:0;display:flex}.category-nav-heading .icon-button{color:#718565;width:32px;height:32px}.category-nav-heading p{color:#87937e;margin:0 0 8px;padding:0 12px;font-size:9px}.category-nav-button{text-align:left;color:#738168;border-radius:6px;align-items:center;gap:9px;width:100%;min-height:34px;padding:7px 11px;font-size:11px;display:flex}.category-nav-button>i{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin:0 3px}.category-nav-button>svg{color:#90a080;flex-shrink:0}.category-nav-button>span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.category-nav-button>b{font-variant-numeric:tabular-nums;color:#8a987f;font-size:10px;font-weight:450}.category-nav-button:hover{background:#ebefe4}.category-nav-button.active{color:#3e5634;background:#e5eddc;font-weight:600}.category-nav-button.active>b{color:#607951}.category-badge{white-space:nowrap;color:var(--category-color);background:color-mix(in srgb,var(--category-color) 9%,white);border-radius:4px;align-items:center;gap:5px;padding:3px 6px;font-size:10px;font-weight:500;line-height:1.4;display:inline-flex}.category-badge>i{background:var(--category-color);border-radius:50%;flex-shrink:0;width:4px;height:4px}.mail-row-bottom{height:auto;min-height:18px}.mail-row-bottom .category-badge{flex-shrink:0;padding:2px 5px;font-size:9px}.mail-sender-address{min-width:0}.mail-row-bottom>svg{flex-shrink:0}.active-category{border-bottom:1px solid var(--line);background:#fcfdf9;align-items:center;gap:9px;padding:9px 23px;display:flex}.active-category>span:nth-child(2){white-space:nowrap;color:#7f8e71;margin-left:auto;font-size:10px}.active-category .icon-button{width:24px;height:24px}.category-picker{border-bottom:1px solid var(--line);margin:-8px 0 22px;padding-bottom:16px}.classification-line{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.classification-button{color:#8b9a7e;text-align:left;align-items:center;gap:7px;padding:0;display:flex}.classification-button:hover .category-badge{box-shadow:0 0 0 1px color-mix(in srgb,var(--category-color) 25%,white)}.classification-source{color:#96a28a;font-size:9px}.classification-reason{color:#7e8c71;overflow-wrap:anywhere;margin:8px 0 0;font-size:10px;line-height:1.7}.category-editor{background:#f7f9f3;border:1px solid #e8edde;border-radius:8px;margin-top:14px;padding:15px}.category-editor>label:first-child{color:#617555;margin-bottom:9px;font-size:11px;display:block}.category-select-row{gap:8px;display:flex}.category-select-row select{color:#536a45;background:#fff;border:1px solid #dae4ce;border-radius:5px;flex:1;min-width:0;padding:9px;font-family:inherit;font-size:12px}.category-select-row .primary-button{white-space:nowrap;gap:5px;padding:9px 13px;font-size:11px}.category-sender-check{color:#667b58;cursor:pointer;align-items:center;gap:8px;margin-top:14px;font-size:11px;line-height:1.6;display:flex}.category-sender-check input{accent-color:#698652;flex-shrink:0;width:15px;height:15px}.category-editor>p{color:#8c9a80;margin-top:7px;font-size:10px;line-height:1.7}.filters-panel{background:#fff;border-radius:14px;flex-direction:column;width:690px;max-width:100%;max-height:90dvh;display:flex;overflow:hidden;box-shadow:0 24px 100px #14221840}.filters-header{border-bottom:1px solid var(--line);background:#f8faf4;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:24px 28px;display:flex}.filters-header .eyebrow{letter-spacing:2px;margin-bottom:9px;font-size:8px}.filters-header h2{align-items:center;gap:9px;font-size:19px;font-weight:550;display:flex}.filters-header h2>svg{color:#8ba376}.filters-header>.icon-button{flex-shrink:0}.filters-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dce5d2 transparent;padding:22px 28px;overflow-y:auto}.filters-intro{color:#788b69;font-size:12px;line-height:1.9}.filter-priority{color:#80936f;background:#f5f8ee;border:1px solid #e4ecd9;border-radius:7px;align-items:flex-start;gap:9px;margin:16px 0 25px;padding:13px;display:flex}.filter-priority>svg{flex-shrink:0;margin-top:2px}.filter-priority p{font-size:11px;line-height:1.8}.filter-section-title{justify-content:space-between;align-items:center;gap:10px;margin:24px 0 12px;display:flex}.filter-section-title h3{color:#526b42;font-size:13px;font-weight:550}.filter-section-title>span{color:#8a9b7b;font-size:10px}.no-sender-rules{color:#8b9b7f;background:#fcfdf9;border:1px dashed #dde7d2;border-radius:7px;padding:15px;font-size:11px;line-height:1.8}.sender-rules{border:1px solid #e4ebdb;border-radius:7px;overflow:hidden}.sender-rules>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;display:flex}.sender-rules>div:last-child{border-bottom:0}.sender-rules>div>div{min-width:0}.sender-rules strong{overflow-wrap:anywhere;color:#6c815c;margin-bottom:7px;font-size:12px;font-weight:450;display:block}.sender-rules .icon-button{flex-shrink:0}.automatic-rules{border:1px solid #e4ebdb;border-radius:9px;margin:0;padding:0;list-style:none;overflow:hidden}.automatic-rules>li{border-bottom:1px solid var(--line);align-items:flex-start;gap:13px;padding:17px 15px;display:flex}.automatic-rules>li:last-child{border-bottom:0}.rule-index{color:#acb79f;font-variant-numeric:tabular-nums;font-size:10px;line-height:24px}.rule-description{flex:1;min-width:0}.rule-description h4{color:#60784e;margin:8px 0 5px;font-size:12px;font-weight:550;line-height:1.6}.rule-description p{color:#889c78;overflow-wrap:anywhere;font-size:11px;line-height:1.8}.rule-switch{background:#e1e8d8;border:1px solid #d4deca;border-radius:12px;flex-shrink:0;width:37px;height:22px;margin-top:2px;transition:background .15s;position:relative}.rule-switch>span{color:#63814e;background:#fff;border-radius:50%;place-items:center;width:14px;height:14px;transition:transform .15s;display:grid;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #263b2622}.rule-switch.is-on{background:#90aa74;border-color:#839f65}.rule-switch.is-on>span{transform:translate(15px)}.rule-disabled .rule-description,.rule-disabled .rule-index{opacity:.55}.filters-footnote{color:#8d9c81;margin-top:17px;font-size:10px;line-height:1.9}.filters-footer{border-top:1px solid var(--line);background:#fcfdf9;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 28px;display:flex}.filters-footer>span{color:#8b9e7b;align-items:center;gap:6px;font-size:10px;display:flex}.filters-footer .primary-button{min-width:85px;padding:10px;font-size:12px}.filters-loading{color:#92a87f;justify-content:center;align-items:center;gap:12px;min-height:150px;font-size:12px;display:flex}@media (width<=1190px) and (width>=981px){.sidebar{width:230px}.category-nav-button{font-size:11px}}@media (width<=980px){.sidebar{width:268px}.category-nav-button{min-height:40px;font-size:12px}.sidebar-scroll .folder-button{height:40px}.sidebar-scroll{margin-top:9px}.category-nav-heading{margin-top:14px}}@media (width<=760px){.category-picker{margin-top:-6px}.category-editor{padding:13px}.category-select-row select{padding:9px 7px;font-size:16px}.category-select-row .primary-button{min-height:43px;padding:9px 11px}.category-sender-check{min-height:35px;font-size:12px}.classification-reason{font-size:11px}.classification-button{min-height:34px}.category-badge{font-size:11px}.mail-row-bottom .category-badge{font-size:10px}.active-category{padding:8px 22px}.filters-panel{border-radius:0;width:100%;height:100dvh;max-height:100dvh}.filters-header{padding:21px;padding-top:max(21px,env(safe-area-inset-top))}.filters-header h2{gap:8px;font-size:17px}.filters-header h2>svg{width:19px}.filters-scroll{padding:19px 20px}.filters-footer{padding:14px 20px;padding-bottom:max(14px,env(safe-area-inset-bottom))}.automatic-rules>li{gap:9px;padding:15px 12px}.rule-description h4{font-size:12px}.rule-description p{font-size:11px}.rule-index{font-size:9px}.rule-switch{width:39px;height:24px}.rule-switch>span{width:16px;height:16px}.rule-switch.is-on>span{transform:translate(15px)}}.filters-scroll{flex:1;min-height:0}.filters-intro{color:#6a7e5b}.rule-description p{color:#708461}.classification-reason{color:#6d805e}.category-nav-button{color:#667b59}