:root{color-scheme:dark;--bg:#202023;--paper:#1c1c1e;--ink:#f1f1f3;--muted:#929298;--soft:#303034;--line:#38383b;--accent:#159fff;--sidebar:218px;--list:365px;--header:49px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:not-allowed;opacity:.35}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button svg,a svg{pointer-events:none}a{color:inherit}svg{width:19px;height:19px;stroke-width:1.65;vertical-align:middle;flex-shrink:0}[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:10px;top:-100px;padding:12px;background:var(--accent);color:#fff;z-index:100}.skip-link:focus{top:10px}
.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);grid-template-rows:var(--header) minmax(0,1fr);height:100dvh;min-height:400px;overflow:hidden}.workspace-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #3b3b3d;background:#2d2d30;padding:0 16px;min-width:0}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;text-decoration:none;min-width:0}.brand-duck{width:23px;height:31px;display:block;object-fit:contain;flex-shrink:0;user-select:none}.brand-name{font-size:19px;font-weight:570;letter-spacing:-.55px;line-height:1}.brand-product{color:var(--accent);font-weight:490;margin-left:3px}.workspace-title{display:none}.header-right{display:flex;align-items:center;gap:12px;margin-left:auto}.header-right>.icon-button{color:#d0d0d4}.header-right>#header-compose-button{color:var(--accent)}.header-account-button{padding:0;background:transparent;border-radius:50%;margin-left:4px}.header-avatar,.account-avatar{border-radius:50%;background:#66686e;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;flex-shrink:0;overflow:hidden}.header-avatar{width:29px;height:29px;font-size:12px}.header-avatar img,.account-avatar img,.profile-preview img{display:block;width:100%;height:100%;object-fit:cover}.demo-badge{font-size:9px;font-weight:600;letter-spacing:.8px;background:#3d3d43;color:#b9bac4;border-radius:4px;padding:4px 7px}.icon-button{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--accent);border-radius:5px;flex-shrink:0}.icon-button:hover:not(:disabled){background:#ffffff0c;color:#55b8ff}.icon-button svg{width:19px;height:19px}
.sidebar{display:flex;flex-direction:column;min-height:0;background:#232326;border-right:1px solid var(--line);padding:18px 8px 0}.workspace-label{font-size:10px;font-weight:650;letter-spacing:.8px;color:#85858d;padding:0 12px;margin-bottom:16px}.mailbox-identity{display:none}.compose-button{display:flex;align-items:center;justify-content:flex-start;gap:11px;background:transparent;color:var(--accent);border-radius:6px;padding:9px 12px;margin:0 0 20px;font-size:13px;font-weight:500;min-height:36px}.compose-button svg{width:20px;height:20px}.compose-button kbd{margin-left:auto;color:#777781;font-family:inherit;font-size:10px;border:1px solid #48484f;padding:1px 4px;border-radius:3px}.compose-button:hover:not(:disabled){background:#ffffff07}.folder-nav{display:flex;flex-direction:column;gap:3px}.folder{display:flex;align-items:center;gap:10px;background:transparent;min-height:35px;border-radius:7px;padding:0 13px;color:#e9e9ed;font-size:13px;text-align:left;font-weight:400}.folder>[data-icon]{color:var(--accent)}.folder svg{width:19px;height:19px}.folder.active{background:#3a3a3f;color:#fff}.folder:hover:not(.active){background:#ffffff06}.folder-count{margin-left:auto;font-size:12px;color:#b3b3ba}.nav-divider{height:1px;background:#36363b;margin:12px 13px}.sidebar-bottom{margin-top:auto}.workspace-status{display:flex;align-items:flex-start;gap:7px;font-size:10px;line-height:1.5;color:#85858e;margin:25px 13px 15px}.status-dot,.tiny-dot{height:5px;width:5px;border-radius:50%;background:#707077;display:inline-block;flex-shrink:0;margin-top:4px}.status-dot.ready,.tiny-dot{background:#3b9fea}.account-button{width:calc(100% + 16px);margin-left:-8px;display:flex;align-items:center;background:transparent;border-top:1px solid var(--line);text-align:left;padding:13px 18px;gap:9px;min-height:64px}.account-button:hover{background:#ffffff04}.account-avatar{width:29px;height:29px;font-size:11px}.account-button strong{font-size:11px;font-weight:510;display:block;color:#d1d1d7}.account-button small{font-size:10px;color:#85858e;display:block;margin-top:4px}.account-button>[data-icon]{margin-left:auto;color:#7e7e88}.account-button svg{width:15px;height:15px}
.main-workspace{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--paper)}.mail-layout{display:flex;flex:1;min-height:0}.message-pane{width:var(--list);flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#202022;min-height:0}.search-box{order:0;margin:10px 12px 12px;border:1px solid transparent;display:flex;align-items:center;gap:7px;border-radius:8px;height:36px;min-height:36px;padding:0 10px;color:#93939b;background:#333336}.search-box:focus-within{border-color:#258ed2}.search-box input{border:0;min-width:0;width:100%;outline:none;background:transparent;font-size:13px;color:#eeeef1}.search-box input:focus-visible{outline:none}.search-box input::placeholder{color:#96969f}.search-box svg{width:16px;height:16px}.search-box kbd{font-size:10px;font-family:inherit;border:1px solid #55555d;border-radius:3px;padding:0 4px;color:#91919b}.list-heading{order:1;display:flex;align-items:center;justify-content:space-between;padding:0 18px 13px}.list-heading>div{display:flex;align-items:baseline;gap:9px}.list-heading h1{font-size:22px;line-height:1.15;margin:0;letter-spacing:-.4px;font-weight:620}.message-total{font-size:12px;color:#8e8e98;min-width:15px}.list-heading-mark{color:var(--accent)}.list-heading-mark svg{width:17px;height:17px}.list-filter{order:2;display:flex;align-items:center;justify-content:space-between;margin:0 18px 0;border-bottom:1px solid #353538;gap:5px}.filter-tabs{display:flex;gap:17px}.filter-tab{background:transparent;padding:0 0 11px;position:relative;font-size:11px;font-weight:500;color:#91919b}.filter-tab.active{color:#e1e1e8}.filter-tab.active:after{position:absolute;content:"";height:2px;background:var(--accent);bottom:-1px;left:0;right:0;border-radius:2px}.result-count{font-size:10px;color:#7d7d87;margin-bottom:11px}.message-list{order:3;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#44444b transparent}.message-row{position:relative}.message-row:after{content:"";position:absolute;bottom:0;left:67px;right:18px;height:1px;background:#343438}.message-select{position:relative;width:100%;background:transparent;text-align:left;display:block;padding:16px 18px 15px 67px;min-height:109px}.message-row.selected{background:#174c75}.message-row.selected:after{background:#ffffff12}.message-row:hover:not(.selected){background:#29292d}.message-row-avatar{position:absolute;top:18px;left:26px;width:31px;height:31px;border-radius:50%;background:#656976;color:#f0f2f8;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:480;letter-spacing:0}.message-row:nth-child(4n+2) .message-row-avatar{background:#716581}.message-row:nth-child(4n+3) .message-row-avatar{background:#5e707b}.message-row:nth-child(4n) .message-row-avatar{background:#717575}.message-row-top{display:flex;align-items:baseline;gap:8px;min-height:18px}.message-row-name{font-size:13px;font-weight:510;color:#e8e8ed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-row.unread .message-row-name{color:#fff;font-weight:650}.unread-dot{position:absolute;top:29px;left:11px;width:7px;height:7px;background:var(--accent);border-radius:50%}.message-row-time{margin-left:auto;font-size:11px;white-space:nowrap;color:#92929d;flex-shrink:0}.message-row.selected .message-row-time,.message-row.selected .message-row-preview{color:#b9cfdf}.message-row-subject{font-size:12px;font-weight:400;color:#d8d8e0;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:3px 12px 4px 0;line-height:1.4}.message-row.unread .message-row-subject{color:#eeeef3}.message-row-preview{font-size:12px;line-height:1.45;color:#909099;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:17px}.row-star{position:absolute;right:12px;top:40px;width:23px;height:24px;color:#8b8b96;opacity:0}.row-star svg{width:13px;height:13px}.message-row:hover .row-star,.row-star:focus-visible,.row-star.starred{opacity:1}.starred{color:#f3c65a!important}.starred svg{fill:#f3c65a25;stroke:#f3c65a}.list-footer{order:4;height:35px;min-height:35px;display:flex;align-items:center;gap:6px;padding:0 16px;border-top:1px solid var(--line);font-size:9px;color:#74747e;letter-spacing:.05px}.list-footer .tiny-dot{height:4px;width:4px;margin-top:0}.list-footer button{margin-left:auto;background:none;font-size:10px;padding:5px;color:var(--accent)}.list-empty{padding:65px 28px;text-align:center;color:#81818c;font-size:12px;line-height:1.7}.list-empty svg{width:30px;height:30px;margin-bottom:14px;color:#595963}.list-empty strong{display:block;color:#b9b9c3;font-weight:500;font-size:14px;margin-bottom:8px}
.reader-pane{flex:1;min-width:0;background:#1c1c1e;display:flex;flex-direction:column}.reader-content{height:100%;display:flex;flex-direction:column;min-height:0}.reader-toolbar{height:52px;min-height:52px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 23px;background:#29292c}.toolbar-group{display:flex;align-items:center;gap:9px}.toolbar-divider{height:17px;width:1px;background:#45454d;margin:0 6px}.reader-position{font-size:11px;color:#858590;margin-right:5px}.reader-toolbar .icon-button{width:29px}.reader-scroll{padding:32px 37px 32px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#44444b transparent}.message-subject-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:26px}.message-subject-row h2{font-size:23px;line-height:1.35;font-weight:620;letter-spacing:-.4px;max-width:100%;margin:0;color:#f0f0f5}.message-folder-tag{background:#303034;color:#9797a3;font-size:10px;padding:4px 7px;border-radius:4px;line-height:1}.sender-row{display:flex;gap:11px;align-items:flex-start;margin-bottom:30px}.sender-avatar{height:37px;width:37px;border-radius:50%;background:#616a7b;color:#eef1f8;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;flex-shrink:0}.sender-info{min-width:0;flex:1;padding-top:2px}.sender-info>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.sender-info strong{font-size:12px;font-weight:580;color:#e1e1e8}.sender-info #sender-address{font-size:11px;color:#858591;overflow-wrap:anywhere}.message-to{display:block;font-size:11px;color:#858591;margin-top:6px;overflow-wrap:anywhere}.sender-meta{display:flex;align-items:center;gap:9px;margin-top:-2px}.sender-meta time{font-size:10px;color:#858591;white-space:nowrap}.sender-meta .icon-button{width:25px;height:25px;color:#73737f}.sender-meta svg{width:15px;height:15px}.message-body{font-size:13px;line-height:1.85;color:#c2c2cc;white-space:pre-wrap;overflow-wrap:anywhere;max-width:800px;min-height:180px;font-weight:400}.message-url{color:#41acff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}.message-url:hover{color:#84caff}.reader-actions{display:flex;gap:20px;align-items:center;border-top:1px solid #343438;padding-top:23px;margin-top:36px;flex-wrap:wrap}.secondary-button{background:#333338;border:1px solid #484850;border-radius:6px;padding:9px 16px;font-size:12px;font-weight:500;color:#d7d7e0;display:inline-flex;gap:8px;align-items:center}.secondary-button:hover:not(:disabled){background:#3d3d43}.secondary-button svg,.text-button svg{width:16px;height:16px}.text-button{display:inline-flex;align-items:center;gap:7px;background:transparent;color:var(--accent);font-size:12px;font-weight:400;padding:9px 3px;border-radius:4px}.text-button:hover:not(:disabled){color:#7fc9ff}.raw-message-link{font-size:10px;color:#82828e;margin-left:auto;text-underline-offset:3px}.reader-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#5c5c66;padding:30px}.empty-icon{display:none}.reader-empty h2{font-size:25px;font-weight:600;letter-spacing:-.4px;color:#48484f;margin:0 0 10px}.reader-empty p{font-size:12px;margin:0;color:#60606a}.attachment-section{margin-top:28px}.attachment-section h3{font-size:10px;letter-spacing:.4px;color:#858591;font-weight:500;margin-bottom:12px}.attachment-section #attachments{display:flex;gap:10px;flex-wrap:wrap}.attachment{display:flex;gap:10px;align-items:center;border:1px solid #404047;border-radius:7px;padding:13px;max-width:100%;text-decoration:none;background:#29292d}.attachment svg{width:21px;height:21px;color:var(--accent)}.attachment strong{display:block;font-size:11px;color:#c6c6d0;font-weight:500;overflow-wrap:anywhere}.attachment small{display:block;font-size:10px;margin-top:5px;color:#868693}.attachment>span:last-child svg{width:15px;height:15px;margin-left:13px}.demo-reader-note{margin-top:25px;font-size:10px;color:#686874}.mobile-back{display:none}
.connection-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;overflow:auto}.connection-inner{max-width:520px;text-align:center}.connection-art{width:118px;height:118px;position:relative;margin:0 auto 34px}.art-back{position:absolute;inset:12px 3px 8px 14px;border-radius:25px;background:#15344c;transform:rotate(-10deg)}.art-paper{position:absolute;inset:8px 10px 12px 11px;border:1px solid #3e4b58;background:#292d33;border-radius:18px;transform:rotate(5deg);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px}.art-paper svg{width:31px;height:31px;stroke:var(--accent);stroke-width:1.3;margin-bottom:5px}.art-paper i{width:42px;height:3px;border-radius:2px;background:#4a5360}.art-paper i:last-child{width:29px;background:#39424e}.art-dot{position:absolute;bottom:0;right:0;width:29px;height:29px;border:4px solid #1c1c1e;border-radius:50%;background:#118dde;color:#fff;display:grid;place-items:center}.art-dot svg{width:14px;height:14px;stroke-width:2}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.4px;color:#7b8a9a}.connection-inner h1{font-size:31px;letter-spacing:-.9px;font-weight:560;line-height:1.3;color:#e7e9ef;margin:15px 0}.connection-inner>p{font-size:13px;color:#9299a7;line-height:1.8;max-width:410px;margin:0 auto 27px}.connection-details{text-align:left;margin:26px 0;border:1px solid #373f49;border-radius:8px;overflow:hidden}.connection-check{padding:15px 16px;display:flex;align-items:flex-start;gap:13px;font-size:12px;color:#b4becc}.connection-check+.connection-check{border-top:1px solid #323a44}.connection-check svg{width:17px;height:17px;color:var(--accent)}.connection-check strong{font-weight:530;display:block;margin-bottom:5px}.connection-check small{font-size:11px;color:#828e9e;line-height:1.5}.connection-inner .connection-footnote{font-size:10px;letter-spacing:0;margin:28px auto 0;color:#646f7d}.auth-inner{max-width:430px;width:100%}.auth-art .art-paper svg{width:38px;height:38px;stroke-width:1.35}.auth-art .art-dot svg{width:13px;height:13px}.auth-button{background:#087acb;color:#fff;font-size:13px;font-weight:500;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 22px;min-width:245px;min-height:45px}.auth-button:hover:not(:disabled){background:#128ce1}.auth-button svg{width:20px;height:20px}.auth-button:disabled{opacity:.4}.auth-phone-note{display:flex;align-items:center;gap:12px;background:#252a31;border:1px solid #353e49;border-radius:8px;padding:15px 18px;text-align:left;margin:27px auto 0;max-width:350px}.auth-phone-note svg{height:24px;width:24px;color:#7d9cba}.auth-phone-note p{font-size:12px;color:#91a0b1;line-height:1.6;margin:0}.connection-inner .auth-status{font-size:12px;line-height:1.7;color:#78b3df;margin:17px auto 0;max-width:350px}.connection-inner .auth-error{font-size:12px;line-height:1.7;background:#382a29;border:1px solid #67423b;border-radius:6px;padding:12px 15px;text-align:left;color:#e3a393;margin:18px auto 0;max-width:360px}.auth-retry{margin:15px auto 0;text-decoration:underline;text-underline-offset:3px}
.compose-dialog,.account-dialog{padding:0;border:1px solid #4c4c55;border-radius:11px;background:#26262a;box-shadow:0 25px 100px #0006;color:var(--ink);max-height:calc(100dvh - 40px);overflow:auto}.compose-dialog{width:min(660px,calc(100% - 32px))}.compose-dialog::backdrop,.account-dialog::backdrop{background:#07070b70;backdrop-filter:blur(4px)}.compose-header{display:flex;justify-content:space-between;align-items:center;padding:22px 26px 20px;background:#2d2d32;border-bottom:1px solid var(--line)}.compose-header h2{font-size:21px;font-weight:570;letter-spacing:-.4px;margin:6px 0 0;color:#ededf3}.compose-field{display:flex;align-items:center;gap:16px;border-bottom:1px solid #3b3b42;margin:0 26px;padding:15px 0;font-size:12px}.compose-field label{width:47px;flex-shrink:0;color:#8b8b97}.compose-field input{border:0;outline:none;flex:1;min-width:0;color:#d8d8e2;font-size:13px;background:transparent}.compose-field input[readonly]{color:#8f8f9b}.compose-field input::placeholder{color:#6e6e7c}.compose-field:focus-within{border-color:#237eba}.copy-fields-toggle{font-size:10px;white-space:nowrap;padding:0}#compose-body{display:block;width:calc(100% - 52px);margin:22px 26px 16px;resize:vertical;min-height:230px;max-height:45dvh;border:0;background:transparent;color:#d0d0db;font-size:13px;line-height:1.8;outline:none}#compose-body::placeholder{color:#777785}.compose-note{font-size:11px;line-height:1.5;margin:0 26px 16px;color:#8998aa;background:#242d37;padding:10px 12px;border-radius:5px}.compose-footer{display:flex;align-items:center;gap:18px;padding:17px 26px;border-top:1px solid var(--line)}.send-button{background:#087acb;color:#fff;border-radius:6px;font-size:12px;font-weight:500;padding:10px 16px;display:inline-flex;align-items:center;gap:8px}.send-button:hover:not(:disabled){background:#128ce1}.send-button svg{width:15px;height:15px}.discard-button{margin-left:auto}.compose-error{margin:0;padding:0 26px 20px;color:#e6a293;font-size:12px;line-height:1.6}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#35353d;color:#e4e4ed;border:1px solid #585864;border-radius:8px;padding:13px 17px;font-size:12px;box-shadow:0 6px 30px #0004;z-index:100;display:flex;align-items:center;gap:9px;max-width:calc(100% - 30px)}.toast svg{width:16px;height:16px;color:#64b8f1}
.account-dialog{width:min(400px,calc(100% - 28px))}.account-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 21px;border-bottom:1px solid #3c3c44;background:#2d2d32}.account-dialog-header h2{margin:0;font-size:16px;font-weight:580;letter-spacing:-.25px}.account-dialog-header .icon-button{color:#9393a0}.profile-content{padding:27px 26px 24px;text-align:center}.profile-preview{width:102px;height:102px;border-radius:50%;background:#555c6b;color:#eef1f8;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:37px;font-weight:400;margin:0 auto 17px;box-shadow:0 0 0 1px #ffffff12}.profile-content h3{font-size:17px;font-weight:550;margin:0 0 7px;color:#e5e5ed}.profile-address{font-size:12px;color:#8d8d9c;margin:0}.profile-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:23px;flex-wrap:wrap}.profile-actions .secondary-button{font-size:11px;padding:9px 12px}.profile-actions .text-button{font-size:11px}.profile-help{font-size:12px;color:#a4a4ae;line-height:1.6;margin:14px auto 0;max-width:280px}.profile-scope{font-size:11px;color:#9999a4;line-height:1.6;margin:5px auto 0;max-width:280px}.profile-status{font-size:11px;color:#75b9e7;line-height:1.6;margin:17px 0 0}.profile-error{font-size:11px;line-height:1.6;padding:10px 12px;border:1px solid #67423b;border-radius:6px;color:#e3a393;background:#382a29;margin:17px 0 0;text-align:left}.account-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 22px;border-top:1px solid #3c3c44}.logout-button{font-size:11px;color:#9292a0}.account-dialog-footer .send-button{font-size:11px;margin-left:auto}
@media(min-width:1550px){:root{--sidebar:236px;--list:395px}.reader-scroll{padding:38px 51px}.message-body{font-size:14px}.message-select{padding-top:18px;padding-bottom:17px}.message-row-avatar{top:20px}.unread-dot{top:31px}}
@media(max-width:1130px){:root{--sidebar:195px;--list:330px}.folder{padding:0 10px}.reader-scroll{padding:28px}.sender-row{flex-wrap:wrap}.sender-meta{width:100%;padding-left:48px;margin-top:-4px;justify-content:space-between}.message-row-time{font-size:10px}.message-select{padding-left:63px;padding-right:15px}.message-row-avatar{left:24px;width:29px;height:29px}.message-row:after{left:63px}.unread-dot{left:10px;width:6px;height:6px}.reader-toolbar{padding:0 18px}.toolbar-group{gap:5px}.account-button{padding-left:15px;padding-right:13px}.account-button small{font-size:9px}}
@media(max-width:920px){:root{--sidebar:65px;--list:320px}.sidebar{padding:16px 6px 0}.workspace-label,.mailbox-identity,.compose-button kbd,.folder>span:not([data-icon]),.account-button>span:not(.account-avatar),.workspace-status{display:none}.compose-button{font-size:0;margin:0 2px 24px;padding:9px;justify-content:center;gap:0}.compose-button svg{width:20px;height:20px}.folder{padding:0;justify-content:center;min-height:39px;margin:0 1px}.nav-divider{margin:13px 10px}.account-button{width:calc(100% + 12px);margin-left:-6px;justify-content:center;padding:17px 0}.workspace-header{padding:0 15px}.header-right{gap:10px}.reader-toolbar{padding:0 14px}.reader-scroll{padding:26px 24px}.reader-actions{gap:15px}.raw-message-link{margin-left:0;width:100%}.message-subject-row h2{font-size:21px}.toolbar-group{gap:3px}}
@media(max-width:720px){:root{--sidebar:55px;--list:100%;--header:50px}.app-shell{min-height:350px}.sidebar{padding:15px 4px 0}.brand{gap:7px}.brand-duck{width:20px;height:27px}.brand-name{font-size:16px;letter-spacing:-.4px}.brand-product{margin-left:1px}.workspace-header{padding:0 12px;gap:8px}.header-right{gap:5px}.header-right>#refresh-button{display:none}.header-right .icon-button{width:28px}.header-avatar{width:27px;height:27px;font-size:11px}.header-account-button{margin-left:2px}.demo-badge{font-size:7px;letter-spacing:.4px;padding:3px 4px}.compose-button{margin:0 2px 20px;padding:8px;min-height:36px}.folder{min-height:40px;margin:1px 1px}.folder svg{width:19px;height:19px}.nav-divider{margin:14px 8px}.account-button{width:calc(100% + 8px);margin-left:-4px}.account-avatar{width:27px;height:27px}.message-pane{width:100%;border-right:0}.reader-pane{display:none;width:100%}.mail-layout.reading .message-pane{display:none}.mail-layout.reading .reader-pane{display:flex}.search-box{margin:12px 12px 13px;height:35px;min-height:35px}.search-box input{font-size:13px}.search-box kbd{display:none}.list-heading{padding:0 16px 13px}.list-heading h1{font-size:23px}.list-filter{margin:0 16px}.message-select{padding:16px 14px 15px 60px;min-height:110px}.message-row-avatar{left:22px;top:18px;width:28px;height:28px}.message-row-name{font-size:13px}.message-row-subject,.message-row-preview{font-size:12px}.message-row-time{font-size:10px}.message-row:after{left:60px;right:14px}.unread-dot{left:8px;top:28px;width:6px;height:6px}.row-star{opacity:.8;right:9px;top:39px}.row-star svg{width:12px;height:12px}.message-row-subject{margin-right:14px}.reader-scroll{padding:24px 21px}.reader-toolbar{height:49px;min-height:49px;padding:0 10px}.mobile-back{display:inline-flex}.reader-toolbar .toolbar-group{gap:0}.toolbar-divider{margin:0 4px}.reader-position{font-size:9px;margin-right:2px}.reader-toolbar .icon-button{width:27px}.reader-toolbar .icon-button svg{width:17px;height:17px}.sender-info #sender-address{font-size:10px}.sender-meta time{font-size:10px}.sender-info>div{gap:5px}.sender-row{margin-bottom:25px}.message-subject-row h2{font-size:21px}.message-body{font-size:13px;line-height:1.85}.toast{font-size:11px;bottom:17px;min-width:220px}.connection-screen{padding:30px 22px}.connection-inner h1{font-size:26px}.connection-inner>p{font-size:12px}.connection-art{width:100px;height:100px;margin-bottom:26px}.connection-check{padding:13px 11px;font-size:11px}.connection-check small{font-size:10px}.compose-dialog{max-height:calc(100dvh - 20px);width:calc(100% - 20px)}.compose-header{padding:19px 20px}.compose-field{margin:0 20px;padding:14px 0}#compose-body{width:calc(100% - 40px);margin:18px 20px;min-height:190px}.compose-note{margin-left:20px;margin-right:20px;font-size:10px}.compose-footer{padding:15px 20px;gap:14px}.send-button{font-size:11px;padding:10px 12px}.compose-error{padding:0 20px 18px}.list-footer{font-size:8px;padding:0 12px}.auth-button{min-width:210px;width:100%;max-width:300px;font-size:12px}.auth-phone-note{padding:13px;gap:10px}.auth-phone-note p{font-size:11px}.auth-inner .connection-footnote{font-size:9px;line-height:1.7}.auth-screen{padding-left:20px;padding-right:20px}.profile-content{padding:24px 23px}.account-dialog-footer{padding:15px 20px}}
@media(max-width:380px){.brand-name{font-size:14px}.brand-duck{width:18px;height:25px}.header-right{gap:2px}.brand{gap:5px}.demo-badge{display:none}.workspace-header{padding:0 9px}.message-row-time{font-size:9px}.result-count{font-size:9px}.filter-tab{font-size:10px}.filter-tabs{gap:13px}}
@media(prefers-reduced-motion:no-preference){.compose-dialog[open],.account-dialog[open]{animation:appear .16s ease-out}.toast:not([hidden]){animation:appear .16s ease-out}@keyframes appear{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}}

.profile-admin-link{margin-top:13px;font-size:11px}