:root{color-scheme:light;color:#191c1f;background:#f7f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;overflow:hidden}main{min-height:100svh}a{color:inherit}button,input,select,textarea{font:inherit}button{color:inherit}:focus-visible{outline-offset:2px;outline:2px solid #6558d3}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--ink:#242632;--muted:#737687;--line:#e2e4ec;--surface:#fff;--soft:#f6f7fb;--violet:#6558d3;--violet-soft:#efedff}button{cursor:pointer;background:0 0;border:0}.mail-app{background:var(--soft);height:100svh;color:var(--ink);grid-template-rows:58px 38px 1fr;display:grid;overflow:hidden}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.app-header{border-bottom:1px solid var(--line);background:#fbfbfd;align-items:center;gap:18px;padding:0 16px;display:flex}.brand{align-items:center;gap:10px;width:224px;text-decoration:none;display:flex}.brand>span{background:var(--violet);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 6px 16px #6558d344}.brand b{font-size:15px}.brand small,.account-heading small,.fixture-notice small,.compose small,.attachment-card small{color:var(--muted);font-size:11px;font-weight:500;display:block}.global-search{min-width:0;max-width:620px;height:38px;color:var(--muted);background:#fff;border:1px solid #dedfe8;border-radius:9px;flex:1;align-items:center;gap:9px;margin:auto;padding:0 11px;display:flex}.global-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.global-search kbd{background:#f0f1f5;border:1px solid #e1e2e8;border-radius:4px;padding:2px 5px;font-size:11px}.header-actions{flex:none;align-items:center;gap:5px;display:flex}.icon-button{border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{background:#eeeff4}.avatar-button{color:#5548bf;background:#e0dcff;border-radius:50%;width:32px;height:32px;font-size:12px;font-weight:700}.tab-bar{background:#eeeef3;border-bottom:1px solid #d9dbe4;align-items:end;gap:2px;padding-left:250px;display:flex}.tab{color:#656878;border-radius:7px 7px 0 0;align-items:center;gap:7px;min-width:126px;height:33px;padding:0 12px;font-size:12px;display:flex}.tab svg{width:14px}.tab b{background:#dedee6;border-radius:9px;margin-left:auto;padding:1px 6px}.tab.is-active{color:var(--ink);background:#fff;box-shadow:0 -1px #ddd}.tab-add{place-items:center;width:32px;height:30px;display:grid}.workspace{grid-template-columns:250px minmax(330px,390px) minmax(480px,1fr);min-height:0;display:grid}.folder-pane,.message-pane,.reader-pane{background:var(--surface);border-right:1px solid var(--line);min-width:0;min-height:0}.folder-pane{background:#f8f8fb;flex-direction:column;display:flex}.compose-wrap{padding:14px}.compose-button{color:#fff;background:var(--violet);border-radius:9px;justify-content:center;align-items:center;gap:9px;width:100%;height:42px;font-weight:700;display:flex;box-shadow:0 5px 14px #6558d333}.quick-folders{border-bottom:1px solid var(--line);padding:0 8px 9px}.quick-folders button,.folder-row{color:#4f5260;border-radius:6px;align-items:center;gap:9px;width:100%;height:32px;padding:0 10px;font-size:13px;display:flex}.quick-folders button:hover,.folder-row:hover,.folder-row.is-active,.quick-folders .is-active{color:#4f44b1;background:#eae8fa}.quick-folders b,.folder-row b{margin-left:auto;font-size:11px}.folder-scroll{padding:8px;overflow:auto}.account{margin-bottom:7px}.account-heading{text-align:left;align-items:center;gap:7px;width:100%;padding:7px 5px;display:flex}.account-heading>svg:first-child{width:13px}.account-heading>svg:last-child{width:15px;margin-left:auto}.account-heading i{background:var(--account-color);border-radius:50%;width:8px;height:8px}.account-heading span{min-width:0}.account-heading b{font-size:12px}.folder-row svg{width:16px}.folder-row.nested{padding-left:33px}.fixture-notice{border-top:1px solid var(--line);color:#4e806e;align-items:center;gap:8px;padding:11px 14px;display:flex}.fixture-notice svg{width:17px}.fixture-notice b{font-size:11px}.message-pane{background:#fbfbfd;grid-template-rows:auto auto auto 1fr;display:grid}.pane-heading{border-bottom:1px solid var(--line);align-items:center;gap:9px;height:65px;padding:0 13px;display:flex}.pane-heading>div{flex:1}.eyebrow{color:#858898;letter-spacing:.08em;text-transform:uppercase;margin:0 0 2px;font-size:9px;font-weight:800}.pane-heading h1{margin:0;font-size:18px}.pane-heading>span{color:var(--muted);font-size:11px}.filter-bar{border-bottom:1px solid var(--line);gap:5px;padding:7px 11px;display:flex}.filter-bar button{color:var(--muted);border-radius:12px;padding:5px 9px;font-size:11px}.filter-bar .is-active{background:var(--violet-soft);color:var(--violet);font-weight:700}.bulk-bar{border-bottom:1px solid var(--line);height:35px;color:var(--muted);align-items:center;gap:4px;padding:0 12px;display:flex}.bulk-bar button{place-items:center;width:26px;height:26px;display:grid}.bulk-bar svg{width:14px}.bulk-bar>span{flex:1}.bulk-bar label{align-items:center;gap:4px;font-size:11px;display:flex}.message-list{overflow:auto}.message-row{cursor:pointer;border-bottom:1px solid #ececf1;grid-template-columns:28px 1fr;padding:11px 12px 10px 8px;display:grid;position:relative}.message-row:hover{background:#f8f7ff}.message-row.selected{background:#efedff}.message-row.selected:before{content:"";background:var(--violet);width:3px;position:absolute;inset:0 auto 0 0}.row-star{color:#b0b2bd;padding-top:2px}.row-star svg{width:15px}.row-star.active{color:#e8a321}.row-star.active svg{fill:currentColor}.message-row>div{min-width:0}.message-meta{justify-content:space-between;gap:8px;display:flex}.message-meta b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.message-meta time{color:var(--muted);font-size:10px}.message-row h2{white-space:nowrap;text-overflow:ellipsis;margin:3px 0;font-size:12px;overflow:hidden}.message-row p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;overflow:hidden}.message-row.unread h2,.message-row.unread .message-meta b{font-weight:800}.message-row.unread:after{content:"";background:var(--violet);border-radius:50%;width:5px;height:5px;position:absolute;top:40px;right:6px}.row-detail{align-items:center;gap:4px;margin-top:7px;display:flex}.row-detail>span:not(.tag){color:var(--muted);align-items:center;gap:2px;font-size:9px;display:flex}.row-detail svg{width:11px;height:11px}.tag{border-radius:4px;padding:2px 5px;font-size:8px;font-weight:800}.tag.violet{color:#6a4fc4;background:#eee8ff}.tag.coral{color:#b84940;background:#ffeae7}.tag.green{color:#26775e;background:#ddf5e9}.tag.blue{color:#3971a7;background:#e4f1ff}.tag.amber{color:#976315;background:#fff0ce}.tag.cyan{color:#177387;background:#dff5f8}.thread-count{background:#e4e5eb;border-radius:8px;padding:1px 5px}.list-state{text-align:center;color:var(--muted);place-self:center;padding:30px}.list-state h2{color:var(--ink);margin:10px 0 5px;font-size:15px}.list-state p{font-size:12px}.state-icon{color:#38805e;background:#e8f5ee;border-radius:50%;place-items:center;width:42px;height:42px;margin:auto;display:grid}.spinner{border:3px solid #e5e2fa;border-top-color:var(--violet);border-radius:50%;width:32px;height:32px;margin:auto;animation:.7s linear infinite spin;display:block}.reader-pane{border:0;flex-direction:column;display:flex}.reader-toolbar{border-bottom:1px solid var(--line);flex:none;align-items:center;height:46px;padding:0 16px;display:flex}.reader-toolbar>span{flex:1}.action-group{gap:4px;display:flex}.action-group button{color:#575a68;border-radius:6px;align-items:center;gap:6px;height:30px;padding:0 9px;font-size:11px;display:flex}.action-group button:hover{background:#f0f1f5}.action-group svg{width:15px}.reader-content{padding:24px clamp(24px,4vw,62px) 50px;overflow:auto}.subject-line{justify-content:space-between;gap:20px;display:flex}.subject-line h2{margin:3px 0 16px;font-size:24px;line-height:1.25}.sender-card{border-bottom:1px solid var(--line);grid-template-columns:38px 1fr auto 34px 34px;align-items:center;gap:9px;padding-bottom:16px;display:grid}.sender-card>span:first-child{color:#5548bf;background:#e0dcff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.sender-card p{margin:0;font-size:12px}.sender-card p span,.sender-card time{color:var(--muted);font-size:10px}.sender-card>div button{color:var(--muted);align-items:center;padding:2px 0;font-size:10px;display:flex}.sender-card>div svg{width:11px}.thread-note{color:#666879;background:#f6f5fc;border-radius:7px;justify-content:space-between;margin:15px 0;padding:9px 12px;font-size:10px;display:flex}.thread-note button{color:var(--violet);font-size:10px;font-weight:700}.message-body{color:#393b43;max-width:760px;padding:6px 0 18px;font-family:Georgia,serif;font-size:15px;line-height:1.7}.message-body p{white-space:pre-line}.attachments{border-top:1px solid var(--line);padding:15px 0}.attachments header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.attachments header div,.attachments header button{align-items:center;gap:7px;font-size:10px;display:flex}.attachments header span{color:var(--muted)}.attachment-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;display:grid}.attachment-card{border:1px solid var(--line);text-align:left;border-radius:8px;grid-template-columns:40px 1fr 18px;align-items:center;gap:9px;min-width:0;padding:8px;display:grid}.attachment-card>span{width:38px;height:38px;color:var(--violet);background:#f0eefc;border-radius:6px;place-items:center;display:grid}.attachment-card b{text-overflow:ellipsis;min-width:0;font-size:10px;overflow:hidden}.reply-actions{gap:8px;margin-top:20px;display:flex}.reply-actions button{border:1px solid var(--line);border-radius:7px;align-items:center;gap:7px;padding:8px 13px;font-size:11px;display:flex}.reply-actions .primary{background:var(--violet);color:#fff;border-color:var(--violet)}.compose{border:0;border-radius:12px;width:min(740px,100vw - 32px);height:min(670px,100svh - 42px);padding:0;box-shadow:0 25px 80px #1e203050}.compose::backdrop{backdrop-filter:blur(2px);background:#25263370}.compose-window{flex-direction:column;height:100%;display:flex}.compose-window>header{border-bottom:1px solid var(--line);background:#f6f5fc;flex:none;justify-content:space-between;align-items:center;height:55px;padding:0 14px 0 17px;display:flex}.compose-window>header>div{align-items:center;gap:10px;display:flex}.compose-window>header>div>span{background:var(--violet);color:#fff;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.compose-window header p{margin:0;font-size:12px}.compose-fields{padding:3px 18px 0}.compose-fields label{border-bottom:1px solid var(--line);align-items:center;gap:10px;height:42px;display:flex}.compose-fields label>span{width:50px;color:var(--muted);font-size:11px}.compose-fields input,.compose-fields select{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.compose-fields label>svg{width:13px}.compose-fields button{color:var(--violet);align-items:center;gap:5px;font-size:10px;display:flex}.sequence-panel{background:#f4f2ff;border:1px solid #ded9ff;border-radius:8px;grid-template-columns:1fr 120px 90px auto;align-items:center;gap:9px;margin:9px 18px;padding:10px 12px;display:grid}.sequence-panel[hidden]{display:none}.sequence-panel>div{gap:7px;display:flex}.sequence-panel>div>svg{color:var(--violet)}.sequence-panel p{margin:0}.sequence-panel small{display:block}.sequence-panel label{color:var(--muted);font-size:9px}.sequence-panel select,.sequence-panel input{background:#fff;border:1px solid #d9d6e8;border-radius:5px;width:100%;margin-top:2px;padding:5px;font-size:11px;display:block}.sequence-panel>button{background:var(--violet);color:#fff;border-radius:6px;padding:7px 9px;font-size:10px}.sequence-panel>p{color:#4b7564;grid-column:1/-1;font-size:9px}.sequence-panel>p.error{color:#b84940}.format-bar{border-bottom:1px solid var(--line);align-items:center;gap:2px;height:38px;padding:0 18px;display:flex}.format-bar select{color:var(--muted);background:0 0;border:0;font-size:10px}.format-bar button{width:28px;height:28px}.format-bar span{flex:1}.format-bar svg{width:15px}.compose textarea{resize:none;border:0;outline:0;flex:1;padding:18px;font-size:13px;line-height:1.6}.signature{color:var(--muted);padding:0 18px 13px;font-size:11px}.compose footer{border-top:1px solid var(--line);align-items:center;gap:6px;height:56px;padding:0 16px;display:flex}.compose footer>span{flex:1}.send-button{background:var(--violet);color:#fff;border-radius:7px;align-items:center;gap:7px;height:34px;padding:0 14px;font-size:11px;font-weight:700;display:flex}.send-button svg{width:14px}.toast{z-index:20;opacity:0;color:#fff;pointer-events:none;background:#292b35;border-radius:8px;padding:10px 15px;font-size:11px;transition:all .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.mobile-only,.folder-scrim{display:none}.svg-sprite{width:0;height:0;position:absolute;overflow:hidden}.message-list svg,.attachments svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.workspace{grid-template-columns:220px minmax(310px,360px) 1fr}.brand{width:194px}.tab-bar{padding-left:220px}.reader-content{padding:22px}.subject-line h2{font-size:21px}.sender-card{grid-template-columns:38px 1fr auto 34px}.sender-card>.icon-button:last-child{display:none}}@media (width<=760px){body{overflow:hidden}.mail-app{grid-template-rows:54px 36px 1fr}.app-header{gap:7px;padding:0 9px}.mobile-only{display:grid}.desktop-only,.brand b,.global-search kbd{display:none}.brand{width:auto}.brand>span{width:32px;height:32px}.global-search{height:36px;margin:0}.tab-bar{padding-left:8px;overflow-x:auto}.tab{min-width:105px}.workspace{display:block;position:relative}.folder-pane{z-index:10;width:min(310px,86vw);transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-102%);box-shadow:8px 0 30px #21232d30}.folders-open .folder-pane{transform:none}.folder-scrim{z-index:9;background:#24263166;position:fixed;inset:0}.folders-open .folder-scrim{display:block}.message-pane,.reader-pane{border:0;position:absolute;inset:0}.reader-pane{transition:transform .2s;transform:translate(100%)}.mail-app[data-view=reader] .reader-pane{transform:none}.pane-heading{height:59px}.reader-toolbar{height:44px;padding:0 10px}.reader-content{padding:18px 17px 40px}.subject-line{display:block}.subject-line h2{margin-bottom:12px;font-size:21px}.sender-card{grid-template-columns:35px 1fr auto 34px;gap:6px}.sender-card>time{grid-column:2}.message-body{font-size:14px}.attachment-grid{grid-template-columns:1fr}.action-group button span{display:none}.compose{border-radius:0;width:100vw;max-width:none;height:100svh;max-height:none}.sequence-panel{grid-template-columns:1fr 1fr}.sequence-panel>div{grid-column:1/-1}.sequence-panel>button{align-self:end}.toast{white-space:nowrap;bottom:14px}.fixture-notice{padding-bottom:max(11px,env(safe-area-inset-bottom))}}@media (width<=420px){.header-actions [data-action=refresh]{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}