*{box-sizing:border-box}
:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;color:#243244;background:var(--rail);--text:#243244;--secondary:#697587;--subtle:#8994a2;--shadow:0 12px 45px #26374b09}
body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:wait;opacity:.45}a{color:var(--green)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:4px}button{transition:background .16s,color .16s,box-shadow .16s,transform .16s}svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}.hidden{display:none!important}.busy{opacity:.5;pointer-events:none}
.primary{background:linear-gradient(135deg,var(--accent-hover),var(--green));color:white;border-radius:12px;padding:13px 18px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:13px;font-weight:600;box-shadow:0 5px 12px color-mix(in srgb,var(--green) 17%,transparent)}.primary:hover{transform:translateY(-1px);box-shadow:0 7px 17px color-mix(in srgb,var(--green) 24%,transparent)}.full{width:100%;justify-content:space-between}.outline{border:1px solid var(--line);background:white;padding:13px 15px;border-radius:10px;font-size:13px;display:flex;align-items:center;justify-content:space-between}.outline:hover{background:var(--surface-soft)}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:600;color:var(--subtle)}.fine{font-size:11px;color:var(--subtle);line-height:1.7}.error{font-size:12px;line-height:1.6;color:#ab423d;margin:8px 0}.icon-btn{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;flex:none;color:var(--secondary)}.icon-btn:hover{background:var(--accent-soft);color:var(--green)}.keycap,kbd{font-family:inherit;border:1px solid #ffffff35;background:#ffffff12;border-radius:5px;padding:1px 5px;font-size:10px;font-weight:400}
/* An open, quiet sign-in screen. */
.login-page{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(450px,1fr);background:#fafbfd}.login-art{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--green),color-mix(in srgb,var(--green) 86%,#111827));color:#fff;padding:44px 52px;min-height:700px;display:flex;flex-direction:column;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:10px;font-size:30px;font-weight:650;letter-spacing:-1.7px;color:inherit;text-decoration:none;z-index:1}.wordmark img{width:36px}.wordmark span{font-size:9px;letter-spacing:2px;font-weight:500;margin-left:5px;opacity:.65;align-self:flex-end;padding-bottom:7px}.art-copy{z-index:1;margin-bottom:135px;max-width:550px}.art-copy .eyebrow{color:var(--art-text);font-size:10px;letter-spacing:2px}.art-copy h1{font-size:clamp(43px,4.4vw,70px);font-weight:550;letter-spacing:-3px;line-height:1.08;margin:24px 0}.art-copy p{color:var(--art-text);font-size:14px;line-height:1.9}.login-art footer{font-size:11px;color:var(--art-text);z-index:1;opacity:.8}.orb{position:absolute;border-radius:50%;width:440px;height:440px;bottom:-220px;right:-90px;background:var(--orb-one)}.orb-two{width:340px;height:340px;bottom:-110px;right:160px;background:var(--orb-two);mix-blend-mode:screen;opacity:.55}.orbit{width:640px;height:640px;position:absolute;bottom:-300px;right:-135px;border:1px solid var(--art-text);opacity:.3;border-radius:50%}.login-side{display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#fff,var(--surface-soft));position:relative;padding:45px 30px}.login-box{width:390px;max-width:100%}.login-box h2{font-size:30px;line-height:1.2;font-weight:650;letter-spacing:-1.2px;margin:15px 0;color:var(--text)}.login-box>p{color:var(--secondary);font-size:13px;margin:0 0 32px;line-height:1.8}.login-box label{display:block;font-size:12px;margin-bottom:20px;font-weight:550;color:#485567}.login-box input{display:block;width:100%;border:1px solid #e1e6ec;background:#fff;padding:14px 15px;border-radius:11px;margin-top:9px;color:var(--text);font-size:13px;box-shadow:0 2px 3px #25354b03}.login-box input::placeholder{color:#a0a9b5}.login-box input:focus{border-color:var(--accent-marker)}.login-box .primary{padding:15px 18px}.login-divider{border-top:1px solid var(--line);text-align:center;margin:35px 0 25px;height:0}.login-divider span{background:#fff;padding:0 12px;position:relative;top:-9px;font-size:9px;letter-spacing:1px;color:#9ba5b2}.login-box .fine{margin-top:16px;font-size:11px;color:#929dab;line-height:1.8}.login-bottom{position:absolute;bottom:27px;font-size:11px;color:#a2acb7}
/* The app lives inside one restrained, rounded surface. */
.app{height:calc(100dvh - 24px);margin:12px;display:grid;grid-template-columns:64px 220px minmax(0,1fr);overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 70%,#d1d9e0);border-radius:18px;background:white;box-shadow:0 12px 50px #25374b08}.rail{background:color-mix(in srgb,var(--rail) 75%,#fff);border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;padding:22px 0 17px;gap:28px}.rail-logo{width:34px;filter:drop-shadow(0 3px 5px #26374b12)}.rail>button,.rail-bottom>button{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:11px;color:#929ba8}.rail .rail-active{color:var(--green);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-marker) 12%,transparent)}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:13px}.rail-bottom>button:hover{color:var(--green);background:var(--accent-soft)}.rail-bottom .profile{background:linear-gradient(140deg,var(--accent-soft),#f4f0e9);font-size:11px;color:var(--green);border:3px solid white;border-radius:50%;width:35px;height:35px;font-weight:650}.sidebar{background:var(--sidebar);padding:23px 14px 0;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line)}.workspace{display:flex;align-items:center;gap:10px;padding:0 4px;margin-bottom:27px}.company-icon{display:grid;place-items:center;background:white;border:1px solid var(--line);box-shadow:0 2px 5px #25354b05;width:34px;height:34px;border-radius:10px;font-size:16px;font-weight:650;color:var(--green);flex:none}.workspace strong{font-size:13px;display:block;font-weight:650;color:var(--text);letter-spacing:-.2px}.workspace span{display:block;font-size:8px;letter-spacing:1.15px;color:#9aa4b0;margin-top:5px}.workspace button{margin-left:auto;padding:0;color:#8d97a6}.workspace button svg{width:13px}.compose-btn{width:100%;gap:10px;justify-content:flex-start;margin-bottom:30px;padding:13px 15px}.compose-btn .keycap{margin-left:auto}.compose-btn svg{width:17px;height:17px}.section-label{font-size:9px;letter-spacing:1.45px;color:#98a2ae;margin:0 11px 12px}.folder-list{overflow:auto;scrollbar-width:thin}.folder{display:flex;align-items:center;width:100%;padding:11px 12px;gap:11px;border-radius:10px;color:#778292;font-size:12px;margin-bottom:5px;text-align:left}.folder:hover{background:var(--surface-soft);color:var(--green)}.folder.active{background:var(--accent-soft);color:var(--green);font-weight:600}.folder svg{width:17px;height:17px;opacity:.9}.folder .badge{margin-left:auto;font-size:10px;min-width:19px;line-height:19px;text-align:center;border-radius:6px;background:color-mix(in srgb,var(--green) 9%,transparent);color:var(--green)}.sidebar-note{margin:auto 3px 17px;padding:18px 12px 0}.tiny-flower{display:inline-block;font-size:24px;color:var(--accent-marker);margin-bottom:12px}.sidebar-note strong{display:block;font-size:12px;font-weight:600;color:#5b6676;letter-spacing:-.2px}.sidebar-note p{font-size:11px;line-height:1.8;color:#99a2af;margin:7px 0 10px}.personalize-link{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:550;color:var(--green);padding:4px 0}.personalize-link svg{width:13px;height:13px}.connection{border-top:1px solid var(--line);padding:17px 2px;display:flex;align-items:center;gap:6px;color:#9aa5b0;font-size:9px;line-height:1.5;flex:none}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--accent-marker);display:inline-block;flex:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-marker) 9%,transparent)}
.main{min-width:0;display:flex;flex-direction:column;background:#fff}.topbar{height:69px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 25px;flex:none}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:11px;color:#a0a9b5}.breadcrumb strong{color:#566374;font-weight:550}.search{margin-left:auto;display:flex;align-items:center;gap:10px;background:#f7f9fb;border:1px solid #edf0f4;border-radius:10px;padding:10px 12px;width:clamp(230px,28vw,440px);color:#a0a9b5;transition:border-color .16s,box-shadow .16s}.search:focus-within{border-color:var(--accent-marker);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-soft) 70%,transparent)}.search svg{width:16px;height:16px}.search input{background:none;border:0;outline:0;min-width:0;width:100%;font-size:12px;color:#536173}.search input::placeholder{color:#a0a9b5}.search kbd{border:1px solid #e4e9ef;background:white;color:#9ba6b4;font-size:10px;line-height:17px;padding:0 6px}.topbar>.icon-btn{color:#8f9baa}.demo-banner{padding:8px 25px;background:#fcf8ee;color:#9a865c;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;border-bottom:1px solid #f3eddf;flex:none}.demo-banner b{font-weight:600}.demo-banner button{font-size:10px;font-weight:550;white-space:nowrap;color:#8e7851}.mail-grid{display:grid;grid-template-columns:minmax(310px,37%) minmax(0,1fr);min-height:0;flex:1}.inbox-panel{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:#fff}.inbox-heading{display:flex;align-items:center;justify-content:space-between;padding:27px 25px 19px}.inbox-heading .eyebrow{font-size:8px;letter-spacing:1.5px;color:#a0a9b5}.inbox-heading h1{font-size:28px;font-weight:650;letter-spacing:-1px;display:flex;align-items:center;gap:10px;margin:9px 0 0;color:var(--text)}.count{font-size:11px;font-weight:550;letter-spacing:0;background:var(--accent-soft);color:var(--green);border-radius:7px;padding:3px 7px}.heading-icon{display:flex;place-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:var(--surface-soft);color:var(--accent-marker);align-self:end;margin-bottom:2px}.heading-icon svg{width:19px;height:19px}.filterbar{display:flex;align-items:center;padding:0 20px 16px;gap:5px;flex:none;border-bottom:1px solid #f0f2f5}.filter{font-size:11px;color:#929ca9;padding:7px 10px;position:relative;display:flex;align-items:center;gap:5px;border-radius:7px}.filter:hover{background:#f7f9fb}.filter.active{background:var(--accent-soft);color:var(--green);font-weight:600}.filter.active:after{display:none}.filter svg{width:14px;height:14px}.filter i{font-style:normal;font-size:9px;opacity:.7}.filter-spacer{flex:1}.sort-label{font-size:9px;color:#a4adba;white-space:nowrap}.list-label{padding:17px 25px 12px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.5px;color:#a4adba}.list-label svg{width:11px;height:11px}.message-list{overflow:auto;flex:1;scrollbar-width:thin;padding:0 10px 10px}.message-row{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;padding:17px 13px;cursor:pointer;border:1px solid transparent;border-radius:12px;margin-bottom:5px;outline-offset:-3px;transition:background .16s,border-color .16s,box-shadow .16s}.message-row:hover{background:#f8fafc;border-color:#edf1f5}.message-row.selected{background:var(--accent-selected);border-color:color-mix(in srgb,var(--accent-marker) 25%,transparent);box-shadow:0 3px 8px #25354b03}.message-row.selected:before{position:absolute;content:'';width:3px;left:-1px;top:25px;bottom:25px;background:var(--accent-marker);border-radius:4px}.avatar{border-radius:11px;height:33px;width:33px;display:grid;place-items:center;font-size:10px;font-weight:550;letter-spacing:.2px;flex:none;background:#eeeae4;color:#9a8a72}.avatar.sage{background:var(--accent-soft);color:var(--accent-muted)}.avatar.rose{background:#f7e9e5;color:#b28376}.avatar.blue{background:#e8eef7;color:#8094b3}.row-top{display:flex;align-items:center;gap:6px;margin:1px 0 7px}.row-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6c7889;font-weight:500}.unread .row-name,.unread .row-subject{font-weight:650;color:#344155}.row-time{margin-left:auto;font-size:9px;color:#a5aeba;white-space:nowrap}.unread-dot{width:5px;height:5px;border-radius:50%;background:var(--green);flex:none}.row-subject{font-size:12px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px;color:#596677;font-weight:500;letter-spacing:-.1px}.row-snippet{font-size:11px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#a1aab6}.row-bottom{display:flex;align-items:center;gap:6px;margin-top:10px;min-height:14px}.row-tag{font-size:7px;letter-spacing:.6px;font-weight:550;padding:3px 6px;border-radius:4px;background:#f1f4f8;color:#8d99a9}.row-bottom>svg{width:12px;height:12px;color:#a0a9b5}.row-star{margin-left:auto;padding:0;display:flex;align-items:center;color:#c0c8d2}.row-star svg{width:13px;height:13px}.row-star.starred{color:#c3a269}.row-star.starred svg{fill:#c3a26915}.list-footer{font-size:9px;color:#a2adba;display:flex;align-items:center;justify-content:center;gap:7px;padding:14px;flex:none;border-top:1px solid #f0f2f5}.load-more{font-size:11px;padding:12px;color:var(--green);border-top:1px solid var(--line)}
/* A comfortable reading surface, with actions kept separate from the message. */
.reader{min-width:0;overflow:auto;background:#f8fafc;scrollbar-width:thin}.reader-empty{height:100%;min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px}.reader-empty img{width:45px;opacity:.5;box-shadow:0 7px 20px #25354b0b;border-radius:13px}.reader-empty h2{font-size:23px;font-weight:600;letter-spacing:-.75px;color:#6a7789;margin:24px 0 0}.reader-empty p{font-size:12px;color:#a4aebb;line-height:1.8}.reader-tools{padding:14px 23px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:6px;position:sticky;top:0;z-index:1;background:#f8fafcf2;backdrop-filter:blur(12px);color:#94a0ae}.tool-sep{width:1px;height:18px;background:#e2e7ee;margin:0 8px}.reader-tools .spacer{flex:1}.reader-tools .icon-btn{width:30px;height:30px;border-radius:8px;color:#8c99a9}.reader-tools .icon-btn:hover{color:var(--green);background:var(--accent-soft)}.reader-tools svg{width:16px;height:16px}.reader-tools .message-position{font-size:10px;color:#a4aebb;margin-right:8px}.reader-body{padding:30px 32px 25px;margin:20px;background:white;border:1px solid #e9edf2;border-radius:15px;box-shadow:0 3px 14px #25354b03;max-width:850px}.reader-label{font-size:8px;letter-spacing:1.2px;font-weight:550;color:#97a4b4;display:flex;align-items:center;gap:6px}.reader-label:before{content:'';width:4px;height:4px;border-radius:50%;background:var(--accent-marker)}.reader h2{font-size:26px;line-height:1.3;font-weight:650;color:#29374b;letter-spacing:-.9px;margin:17px 0 26px;overflow-wrap:anywhere}.sender{display:flex;align-items:center;gap:11px;padding-bottom:25px;border-bottom:1px solid #edf0f5;flex-wrap:wrap}.sender .avatar{width:37px;height:37px;font-size:11px;border-radius:12px}.sender-name{font-size:12px;font-weight:600;color:#4b596c}.sender-email{font-size:10px;color:#9ca7b5;margin:5px 0;overflow-wrap:anywhere}.sender-date{font-size:9px;color:#a1abba;margin-left:auto;align-self:flex-start;line-height:1.7;text-align:right;white-space:nowrap}.message-content{font-size:13px;color:#657184;line-height:1.95;padding-top:24px;white-space:pre-line;overflow-wrap:anywhere;min-height:200px}.message-frame{width:100%;height:450px;border:0;background:#fff}.privacy-note{font-size:9px;color:#a1adba;display:flex;align-items:center;gap:6px;margin-top:18px}.privacy-note svg{width:11px;height:11px}.attachments{padding:20px 0;display:flex;flex-wrap:wrap;gap:10px}.attachment{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e7ecf2;background:#fbfcfe;border-radius:10px;font-size:11px;text-decoration:none;max-width:100%;overflow-wrap:anywhere;color:#718095}.attachment:hover{border-color:var(--accent-marker);background:var(--accent-selected)}.attachment small{display:block;color:#a0adbc;font-size:9px;margin-top:5px}.reply-actions{display:flex;align-items:center;gap:9px;border-top:1px solid #edf0f5;padding-top:22px;margin-top:24px;flex-wrap:wrap}.reply-actions button{font-size:11px;border:1px solid #e7ebf1;border-radius:9px;padding:10px 14px;display:flex;align-items:center;gap:8px;color:#7c8798;background:#fff}.reply-actions button:hover{border-color:var(--accent-marker);color:var(--green)}.reply-actions .reply-primary{color:var(--green);background:var(--accent-selected);border-color:var(--line)}.reply-actions svg{width:14px;height:14px}.reader-end{font-size:9px;color:#b1bac7;text-align:center;margin:32px 0 0}.empty-list{padding:55px 25px;text-align:center;color:#99a6b6;font-size:12px;line-height:1.8}.back-mobile{display:none!important}
/* Focused compose and appearance dialogs. */
.compose-dialog,.info-dialog{border:1px solid #e7ebf1;border-radius:20px;box-shadow:0 30px 100px #1c30402b;background:#fff;color:#536175;padding:0;width:min(680px,94vw);max-height:92dvh;animation:dialog-enter .18s ease-out}dialog::backdrop{background:#26374b38;backdrop-filter:blur(6px)}.compose-dialog header{display:flex;justify-content:space-between;padding:25px 28px;border-bottom:1px solid #edf0f5;background:linear-gradient(135deg,#fff,var(--surface-soft))}.compose-dialog .eyebrow{font-size:8px;letter-spacing:1.5px}.compose-dialog h2{font-size:23px;font-weight:600;letter-spacing:-.8px;margin:8px 0 0;color:#344155}.compose-field{display:flex;align-items:center;border-bottom:1px solid #edf0f5;padding:15px 28px;gap:15px;font-size:11px;color:#9ba6b6}.compose-field>span{width:45px;flex:none}.compose-field input{border:0;outline:0;flex:1;min-width:0;font-size:12px;color:#526175;background:transparent}.compose-field input::placeholder{color:#b0b8c3}.compose-field button{font-size:10px;padding:5px 8px;border-radius:6px;background:#f5f7fa;color:#9ba6b6}.compose-dialog textarea{border:0;outline:0;padding:26px 28px;min-height:260px;max-height:40vh;resize:vertical;width:100%;font-size:13px;line-height:1.9;color:#5c6a7d}.compose-dialog textarea::placeholder{color:#b0bac7}.compose-dialog footer{display:flex;align-items:center;gap:13px;padding:18px 25px;border-top:1px solid #edf0f5;background:#fcfdff}.compose-dialog footer .fine{font-size:9px}.compose-dialog #discard{margin-left:auto}.compose-dialog .error{padding:0 28px}.compose-attachments{padding:0 28px;display:flex;flex-wrap:wrap;gap:8px}.file-chip{font-size:10px;padding:8px;border:1px solid var(--line);background:var(--surface-soft);border-radius:7px;display:flex;align-items:center;gap:10px;margin-bottom:10px}.file-chip button{font-size:13px}.info-dialog{width:470px;padding:35px}.info-close{position:absolute;right:15px;top:15px}.info-dialog h2{font-size:27px;font-weight:650;letter-spacing:-1px;margin:17px 0 12px;color:#344155}.info-dialog p{font-size:12px;color:#929eae;line-height:1.9;overflow-wrap:anywhere}.info-dialog .eyebrow{font-size:9px;letter-spacing:1.5px}.theme-picker{border:0;padding:0;margin:27px 0 28px;min-width:0}.theme-picker legend{font-size:12px;font-weight:600;color:#596779;margin-bottom:13px}.theme-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.info-dialog .theme-option{position:relative;display:flex;align-items:center;flex-direction:column;gap:9px;margin:0;padding:12px 2px;border:1px solid #edf0f5;background:#fff;border-radius:12px;cursor:pointer;font-size:10px;color:#8996a8;transition:background .16s,border-color .16s}.theme-option:hover{background:var(--surface-soft);border-color:var(--accent-marker)}.theme-option:has(input:checked){border-color:var(--accent-marker);background:var(--accent-selected);color:var(--green)}.theme-option input{position:absolute;opacity:0;width:1px;height:1px}.theme-swatch{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--swatch);color:white;box-shadow:0 3px 7px #1c30400d}.theme-swatch svg{width:15px;height:15px;opacity:0}.theme-option input:checked+.theme-swatch svg{opacity:1}.theme-option input:focus-visible+.theme-swatch{outline:2px solid var(--accent-ink);outline-offset:4px}.theme-hint{margin-top:-12px!important;font-size:10px!important;color:#a2adba!important}.toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%);border:1px solid #ffffff15;border-radius:12px;background:var(--green);color:white;box-shadow:0 8px 25px #1c30402a;padding:14px 22px;font-size:12px;z-index:50;max-width:90vw;line-height:1.6}#mobile-compose{display:none}
@keyframes dialog-enter{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1550px){.app{grid-template-columns:68px 240px minmax(0,1fr)}.mail-grid{grid-template-columns:420px minmax(0,1fr)}.reader-body{padding:38px 45px;margin:25px auto;max-width:min(850px,calc(100% - 60px))}.message-content{font-size:14px}.message-row{padding:20px 15px}.row-subject{font-size:13px}}
@media(max-width:1150px){.app{grid-template-columns:56px 185px minmax(0,1fr)}.sidebar{padding:23px 11px 0}.workspace{gap:7px}.company-icon{width:29px;height:31px;font-size:14px}.workspace strong{font-size:12px}.compose-btn{padding:12px}.mail-grid{grid-template-columns:310px minmax(0,1fr)}.reader-body{padding:25px;margin:15px}.reader h2{font-size:23px}.sender-date{font-size:8px}.search{width:230px}.sort-label{display:none}.sidebar-note{margin-left:0;margin-right:0;padding-left:5px;padding-right:5px}}
@media(max-width:930px){.app{grid-template-columns:53px 175px minmax(0,1fr);margin:8px;height:calc(100dvh - 16px);border-radius:15px}.mail-grid{grid-template-columns:minmax(0,1fr)}.reader{display:none}.main.reading .reader{display:block}.main.reading .inbox-panel{display:none}.back-mobile{display:inline-flex!important}.sidebar-note{display:none}.connection{margin-top:auto;font-size:8px}.topbar{padding:0 17px;gap:10px}.breadcrumb{display:none}.search{width:100%}.demo-banner{font-size:9px;padding:9px 18px}.demo-banner button{font-size:9px}.workspace .company-icon{display:none}.workspace{margin-bottom:29px}.message-row{padding:18px 15px}.row-subject{font-size:13px}.row-name{font-size:12px}.row-snippet{font-size:11px}.reader-body{padding:27px;margin:15px}.inbox-heading{padding-top:25px}.reader-tools{padding:14px 18px}.list-label{padding-left:25px}.sidebar .folder{padding-left:11px}.login-page{display:block}.login-art{min-height:240px;height:240px;padding:26px 35px}.wordmark{font-size:27px}.wordmark img{width:31px}.art-copy{margin:10px 0 0;max-width:100%}.art-copy h1{font-size:35px;letter-spacing:-1.5px;margin:13px 0 0}.art-copy h1 br{display:none}.art-copy .eyebrow,.art-copy p,.login-art footer{display:none}.orb{width:280px;height:280px;bottom:-230px}.orb-two{width:240px;height:240px;bottom:-190px;right:130px}.orbit{width:400px;height:400px;bottom:-320px;right:-50px}.login-side{padding:45px 25px 75px;min-height:620px}.login-box{width:390px}.login-box h2{font-size:30px}.login-bottom{bottom:25px}}
@media(max-width:600px){.app{margin:0;height:100dvh;border:0;border-radius:0;grid-template-columns:49px minmax(0,1fr)}.sidebar{display:none}.rail{gap:24px}.rail-logo{width:29px}.rail>button,.rail-bottom>button{width:34px;height:35px;border-radius:10px}.rail-bottom{gap:12px}.topbar{height:62px;padding:0 13px;gap:6px}.search{padding:9px 10px}.search input{font-size:11px}.demo-banner{padding:8px 13px;align-items:center;font-size:8px;gap:9px}.demo-banner span{max-width:190px;line-height:1.6}.demo-banner button{font-size:8px;white-space:normal;line-height:1.6}.inbox-heading{padding:23px 19px 19px}.inbox-heading .eyebrow{font-size:7px}.inbox-heading h1{font-size:26px}.filterbar{padding-left:14px;padding-right:14px}.list-label{padding-left:20px;padding-right:20px;font-size:7px}.message-list{padding-left:7px;padding-right:7px}.message-row{padding:16px 10px;gap:10px}.row-name,.row-subject{font-size:12px}.row-snippet{font-size:10px}.row-time{font-size:8px}.avatar{width:31px;height:31px;font-size:9px}.reader-body{padding:24px 19px;margin:10px;border-radius:12px}.reader h2{font-size:23px}.reader-tools{padding:11px 12px;gap:3px}.reader-tools .message-position{font-size:9px;margin-right:0}.reader-tools .icon-btn{width:28px}.tool-sep{margin:0 4px}.sender-date{white-space:normal;font-size:8px;min-width:65px}.sender-email{font-size:9px}.message-content{font-size:12px;line-height:1.95}.privacy-note{font-size:8px}.reply-actions{gap:7px}.reply-actions button{padding:9px 11px;font-size:10px}.reader-end{font-size:8px}.login-art{min-height:200px;height:200px;padding:25px}.art-copy h1{font-size:31px;letter-spacing:-1.3px}.login-side{padding-top:36px}.login-box h2{font-size:28px}.compose-dialog{max-height:95dvh;border-radius:16px}.compose-dialog header,.compose-field{padding-left:20px;padding-right:20px}.compose-dialog textarea{padding:23px 20px;min-height:170px}.compose-dialog footer{padding:15px 18px;gap:9px}.compose-dialog footer .fine{display:none}.compose-dialog .primary{font-size:12px;padding:12px}.info-dialog{max-width:94vw;padding:30px 23px;border-radius:18px}.theme-options{gap:5px}.info-dialog .theme-option{font-size:9px;padding:11px 0}.theme-swatch{width:28px;height:28px}.show-folders .sidebar{display:flex;position:fixed;left:49px;top:0;bottom:0;width:225px;z-index:30;box-shadow:15px 0 40px #23374b20}#mobile-compose{display:flex;margin-top:-10px;color:var(--green);background:var(--accent-soft)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep long folders and mail bodies inside their own scroll areas. */
.app{grid-template-rows:minmax(0,1fr)}.main{min-height:0}