#x2-mail{--mail-bg:#f8fafd;--mail-panel:#fff;--mail-text:#202124;--mail-title:#1f1f1f;--mail-muted:#5f6368;--mail-sub:#5e5e5e;--mail-icon:#444746;--mail-line:#64798f1f;--mail-read:#f2f6fc;--mail-search:#e9eef6;--mail-accent:#0b57d0;--mail-compose:#c2e7ff;--mail-active:#d3e3fd;--mail-ink:#001d35;--mail-brand:#ee7a2b;--mail-hover:#2021240f;--mail-hover-icon:#44474614;--shadow-menu:0 1px 2px #3c40434d, 0 2px 6px 2px #3c404326;--shadow-win:0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f, 0 5px 5px -3px #0003;background:var(--mail-bg);width:100%;height:100dvh;color:var(--mail-text);grid-template:64px minmax(0,1fr)/256px minmax(0,1fr) 56px;font-size:14px;display:grid;overflow:hidden}#x2-mail.sidebar-closed{grid-template-columns:72px minmax(0,1fr) 56px}#x2-mail.has-panel{grid-template-columns:256px minmax(0,1fr) 300px 56px}#x2-mail.has-panel.sidebar-closed{grid-template-columns:72px minmax(0,1fr) 300px 56px}#x2-mail button{cursor:pointer}#x2-mail button:disabled{cursor:default;opacity:.38}#x2-mail input,#x2-mail textarea,#x2-mail [contenteditable]{outline:none}#x2-mail :is(button,a,.mail-row):focus-visible{outline:2px solid var(--mail-accent);outline-offset:-2px}#x2-mail .check:has(input:focus-visible) span{outline:2px solid var(--mail-accent);outline-offset:1px}.topbar{grid-column:1/-1;align-items:center;min-width:0;padding-right:8px;display:flex}.brand-zone{flex:0 0 256px;align-items:center;padding-left:16px;display:flex}.mail-logo{align-items:center;margin-left:8px;display:flex}.mail-logo img{width:148px;height:auto}.search-box{background:var(--mail-search);min-width:0;height:48px;min-height:48px;color:var(--mail-icon);border-radius:24px;flex:0 720px;align-items:center;padding:0 4px;transition:background .15s,box-shadow .15s;display:flex}.search-box:focus-within{background:#fff;box-shadow:0 1px 1px #4145494d,0 1px 3px 1px #41454926}.search-box input{min-width:0;height:20px;color:var(--mail-title);background:0 0;border:0;outline:0;flex:1;font-size:16px}.search-box input::placeholder{color:var(--mail-icon)}.search-icon{width:40px;height:40px;color:var(--mail-icon);border-radius:50%;flex:none;place-items:center;display:grid}.search-icon:hover{background:var(--mail-hover-icon)}.top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-button{width:40px;height:40px;color:var(--mail-icon);border-radius:50%;flex:none;place-items:center;display:grid}.icon-button:hover{background:var(--mail-hover-icon)}.icon-button.on{background:var(--mail-active);color:var(--mail-ink)}.avatar{background:var(--mail-brand);color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;margin:0 4px;font-weight:500;display:grid}.avatar:hover{box-shadow:0 0 0 4px #44474614}.sidebar{scrollbar-width:thin;min-height:0;padding:8px 0 16px;overflow-y:auto}.compose-button{background:var(--mail-compose);height:56px;color:var(--mail-ink);border-radius:16px;align-items:center;gap:12px;margin:0 0 16px 8px;padding:0 24px 0 16px;font-weight:500;line-height:32px;transition:box-shadow 80ms;display:flex}.compose-button:hover{box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.sidebar nav button,.custom-label{text-align:left;white-space:nowrap;border-radius:0 16px 16px 0;align-items:center;gap:18px;width:240px;height:32px;padding:0 12px 0 26px;line-height:20px;display:flex}.sidebar nav button:hover,.custom-label:hover{background:var(--mail-hover)}.sidebar nav button.active,.sidebar nav button.active:hover,.custom-label.active{background:var(--mail-active);color:var(--mail-ink);font-weight:700}.sidebar nav span,.custom-label span{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sidebar nav b{font-size:12px;font-weight:700;line-height:20px}.label-heading{justify-content:space-between;align-items:center;width:240px;margin-top:16px;padding:0 2px 0 26px;font-size:16px;font-weight:500;display:flex}.custom-label i{border-radius:3px;flex:none;width:12px;height:12px;margin:0 4px}.sidebar-closed .compose-button{width:56px;padding:0 16px}.sidebar-closed .compose-button span,.sidebar-closed .sidebar nav span,.sidebar-closed .sidebar nav b,.sidebar-closed .label-heading,.sidebar-closed .custom-label span{display:none}.sidebar-closed .sidebar nav button,.sidebar-closed .custom-label{width:56px;padding-left:18px}.inbox-panel{background:var(--mail-panel);border-radius:16px;flex-direction:column;min-width:0;min-height:0;margin-bottom:16px;display:flex;position:relative;overflow:hidden}.toolbar{flex:none;justify-content:space-between;align-items:center;height:48px;padding:0 16px 0 6px;display:flex}.toolbar>div{align-items:center;min-width:0;display:flex}.toolbar .range{color:var(--mail-muted);white-space:nowrap;margin-right:4px;font-size:12px}.tool-sep{background:#dadce0;width:1px;height:20px;margin:0 6px}.text-action{height:32px;color:var(--mail-icon);white-space:nowrap;border-radius:16px;padding:0 12px;font-weight:500}.text-action:hover{background:var(--mail-hover-icon)}.select-wrap{align-items:center;margin:0 2px 0 10px;display:flex}.check{cursor:pointer;flex:none;place-items:center;width:20px;height:20px;display:inline-grid;position:relative}.check input{z-index:1;opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.check span{border:2px solid #20212452;border-radius:2px;width:16px;height:16px;position:relative}.check:hover span{border-color:var(--mail-text)}.check:before{content:"";background:0 0;border-radius:50%;position:absolute;inset:-10px}.check:hover:before{background:var(--mail-hover)}.check input:checked+span{border-color:var(--mail-text);background:var(--mail-text)}.check input:checked+span:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:0;left:4px;transform:rotate(45deg)}.check.partial span{border-color:var(--mail-text);background:var(--mail-text)}.check.partial span:after{content:"";background:#fff;width:8px;height:2px;position:absolute;top:5px;left:2px}.caret{width:20px;height:24px;color:var(--mail-icon);border-radius:4px;place-items:center;display:grid}.caret:hover{background:var(--mail-hover-icon)}.spin svg{animation:.6s linear x2-spin}@keyframes x2-spin{to{transform:rotate(360deg)}}.category-tabs{scrollbar-width:none;height:56px;box-shadow:inset 0 -1px 0 var(--mail-line);flex:none;display:flex;overflow-x:auto}.category-tabs button{min-width:200px;color:var(--mail-icon);text-align:left;flex:0 253px;align-items:center;gap:16px;padding:0 16px;display:flex;position:relative}.category-tabs button:hover{background:var(--mail-hover)}.category-tabs button.active{color:var(--mail-accent)}.category-tabs button.active:after{content:"";background:var(--mail-accent);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:8px;right:8px}.tab-copy{flex:1;min-width:0}.tab-title{white-space:nowrap;align-items:center;gap:8px;min-width:0;font-weight:500;display:flex}.tab-name{text-overflow:ellipsis;flex:0 auto;min-width:24px;overflow:hidden}.tab-copy small{color:var(--mail-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.badge{color:#fff;text-overflow:ellipsis;border-radius:8px;flex:0 auto;min-width:0;padding:0 4px;font-size:12px;font-weight:500;line-height:16px;overflow:hidden}.badge.b1{background:#188038}.badge.b2{background:#1a73e8}.badge.b3{background:#e37400}.folder-notice{color:var(--mail-muted);box-shadow:inset 0 -1px 0 var(--mail-line);flex:none;justify-content:center;align-items:center;gap:12px;padding:8px 16px;font-size:13px;display:flex}.folder-notice button{color:var(--mail-accent);font-weight:500}.folder-notice button:hover{text-decoration:underline}.mail-list{flex:1;min-height:0;overflow-y:auto}.mail-row{background:var(--mail-read);height:40px;box-shadow:inset 0 -1px 0 var(--mail-line);cursor:pointer;align-items:center;padding-left:16px;line-height:20px;display:flex;position:relative}.density-compact .mail-row{height:32px}.mail-row:hover{z-index:2;box-shadow:inset 1px 0 #dadce0,inset -1px 0 #dadce0,0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.mail-row.unread{background:#fff;font-weight:700}.mail-row.selected{background:#c2dbff}.star-button{color:#20212452;flex:none;place-items:center;width:20px;height:20px;margin:0 10px;display:grid;position:relative}.star-button:hover{color:var(--mail-text)}.star-button:before{content:"";border-radius:50%;position:absolute;inset:-10px}.star-button:hover:before{background:var(--mail-hover)}.star-button.active,.star-on{color:#f4b400}.star-button.active svg,.star-on svg{fill:currentColor}.sender{white-space:nowrap;text-overflow:ellipsis;flex:0 0 168px;align-items:baseline;gap:4px;min-width:0;margin-right:32px;display:flex;overflow:hidden}.sender em{color:#d93025;font-style:normal;font-weight:400}.thread-count{color:var(--mail-muted);font-size:12px;font-weight:400}.mail-summary{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.preview{color:var(--mail-muted);font-weight:400}.row-label{color:var(--mail-icon);background:#e1e3e1;border-radius:4px;margin-right:6px;padding:0 4px;font-size:12px;font-weight:400;line-height:18px;display:inline-block}.row-attach{color:var(--mail-muted);flex:none;margin-left:8px}.mail-row time{color:var(--mail-muted);text-align:right;white-space:nowrap;flex:0 0 72px;padding-right:16px;font-size:12px;font-weight:400}.mail-row.unread time{color:var(--mail-text);font-weight:700}.row-actions{background:inherit;align-items:center;padding:0 8px 0 24px;display:none;position:absolute;top:0;bottom:0;right:0}.mail-row:hover .row-actions,.mail-row:focus-within .row-actions{display:flex}.mail-row:hover time,.mail-row:focus-within time,.mail-row:hover .row-attach{visibility:hidden}.row-actions .icon-button{width:40px;height:40px;margin:-4px 0}.empty-state{color:var(--mail-muted);text-align:center;padding:48px 16px}.reader{flex:1;min-height:0;padding-bottom:32px;overflow-y:auto}.thread-head{flex-wrap:wrap;align-items:center;gap:0 10px;padding:20px 16px 8px 72px;display:flex}.thread-head h1{color:var(--mail-title);overflow-wrap:anywhere;font-size:22px;font-weight:400;line-height:28px}.thread-chips{flex-wrap:wrap;gap:4px;display:flex}.label-chip{height:18px;color:var(--mail-icon);font-size:12px;line-height:18px;display:inline-flex}.chip-text{background:#e1e3e1;border-radius:4px 0 0 4px;padding:0 2px 0 4px}.chip-x{background:#e1e3e1;border-radius:0 4px 4px 0;place-items:center;width:15px;display:grid}.chip-x:hover{background:var(--mail-icon);color:#e1e3e1}.thread-tools{margin-left:auto;display:flex}.message{text-align:left;gap:16px;width:100%;padding:12px 16px;display:flex;position:relative}.message.collapsed{height:80px;box-shadow:inset 0 -1px 0 var(--mail-line);align-items:flex-start;padding-top:16px}.message.collapsed:hover{background:var(--mail-hover)}.message.collapsed time{color:var(--mail-sub);flex:none;font-size:12px;line-height:20px}.msg-avatar{color:#fff;background:#7b1fa2;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.msg-collapsed-copy{flex:1;min-width:0}.msg-collapsed-copy b{color:var(--mail-title);font-weight:700;line-height:20px;display:block}.msg-collapsed-copy span{color:var(--mail-sub);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:20px;display:block;overflow:hidden}.msg-main{flex:1;min-width:0}.msg-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.msg-from{min-width:0;color:var(--mail-title);cursor:pointer;flex:1;line-height:20px}.msg-from b{font-weight:700}.msg-from small{color:var(--mail-sub);font-size:12px}.msg-to{color:var(--mail-sub);align-items:center;gap:2px;font-size:12px;line-height:20px;display:inline-flex}.msg-to:hover{color:var(--mail-text)}.msg-tools{flex:none;align-items:center;margin-top:-8px;display:flex}.msg-tools time{color:var(--mail-sub);white-space:nowrap;margin-right:10px;font-size:12px}.msg-body{color:#222;overflow-wrap:anywhere;margin-top:12px;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:19.5px}.msg-body p{margin:0 0 12px}.msg-body a{color:#15c;text-decoration:underline}.msg-body blockquote{border-left:1px solid #ccc;margin:0 0 0 8px;padding-left:12px}.msg-body ul{padding-left:24px;list-style:outside}.msg-body ol{padding-left:24px;list-style:decimal}.msg-body img{max-width:100%;height:auto}.quote-toggle{width:24px;height:12px;color:var(--mail-icon);background:#e8eaed;border-radius:6px;margin-top:4px;font-size:9px;line-height:12px}.quote-toggle:hover{background:#dadce0}.reader-attachments{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.reader-attachments li{border:1px solid #dadce0;border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 12px;font-size:13px;display:flex}.reader-attachments small{color:var(--mail-muted);font-size:12px}.reaction-chip{border:1px solid var(--mail-accent);background:#e8f0fe;border-radius:12px;align-items:center;gap:4px;height:24px;margin-top:8px;padding:0 8px;font-size:13px;display:inline-flex}.reader-actions{flex-wrap:wrap;gap:8px;margin:16px 16px 0 72px;display:flex}.reader-actions button{height:36px;color:var(--mail-icon);border:1px solid #747775;border-radius:18px;align-items:center;gap:8px;padding:0 16px 0 12px;font-weight:500;line-height:20px;transition:background .15s;display:flex}.reader-actions button:hover{background:var(--mail-hover)}.reader-actions .round{justify-content:center;width:36px;padding:0}.compose-window{z-index:20;width:min(564px,100vw - 32px);height:min(529px,100dvh - 80px);box-shadow:var(--shadow-win);color:#222;background:#fff;border-radius:20px;flex-direction:column;display:flex;position:fixed;bottom:16px;right:71px;overflow:hidden}.compose-window.minimized{width:328px;height:40px}.compose-window.minimized>:not(.compose-head){display:none}.compose-window.fullscreen{z-index:21;width:min(1100px,100vw - 96px);height:auto;margin:0 auto;inset:48px 0}.compose-scrim{z-index:20;background:#00000080;position:fixed;inset:0}.compose-head{cursor:pointer;background:#f2f6fc;flex:none;align-items:center;gap:4px;height:40px;padding:0 12px 0 16px;display:flex}.compose-title{color:#041e49;text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.win-btn{width:24px;height:24px;color:var(--mail-icon);border-radius:4px;flex:none;place-items:center;display:grid}.win-btn:hover{background:var(--mail-hover-icon)}.compose-row{min-height:40px;color:var(--mail-title);border-bottom:1px solid #e0e0e0;flex:none;align-items:center;gap:4px;margin:0 16px;line-height:20px;display:flex}.compose-row-label{color:#444746;flex:none;margin-right:4px}.compose-row input{min-width:60px;height:36px;color:var(--mail-title);background:0 0;border:0;outline:0;flex:1;font-size:14px}.compose-row input::placeholder{color:#5f6368}.compose-row.from{color:var(--mail-title)}.chips{flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;padding:2px 0;display:flex}.chip{border:1px solid #dadce0;border-radius:12px;align-items:center;gap:4px;max-width:100%;height:24px;padding:0 4px 0 10px;font-size:13px;display:inline-flex;overflow:hidden}.chip.invalid{color:#b3261e;background:#fce8e6;border-color:#d93025}.chip button{width:16px;height:16px;color:var(--mail-icon);border-radius:50%;place-items:center;display:grid}.chip button:hover{background:var(--mail-hover-icon)}.cc-links{flex:none;gap:4px;display:flex}.cc-links button{height:24px;color:var(--mail-icon);padding:0 2px}.cc-links button:hover{color:var(--mail-text);text-decoration:underline}.compose-scroll{flex:1;min-height:0;padding:10px 16px 8px;overflow-y:auto}.compose-body{color:#222;overflow-wrap:anywhere;outline:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:19.5px}.compose-body.plain{font-family:monospace}.compose-body ul{padding-left:24px;list-style:outside}.compose-body ol{padding-left:24px;list-style:decimal}.compose-body blockquote{border-left:1px solid #ccc;margin:0 0 0 8px;padding-left:12px}.compose-body a{color:#15c;text-decoration:underline}.compose-body img{max-width:100%;height:auto}.attachments{margin-top:8px}.attachments li{color:#15c;background:#f5f5f5;align-items:center;gap:6px;height:26px;margin-top:4px;padding:0 8px;font-size:13px;font-weight:500;display:flex}.attachments span{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.attachments small{color:var(--mail-muted);flex:1;font-weight:400}.attachments button{color:var(--mail-icon)}.compose-error{color:#b3261e;flex:none;margin:0 16px 6px;font-size:12px}.format-bar{scrollbar-width:none;background:#f2f6fc;border-radius:20px;flex:none;align-self:flex-start;align-items:center;gap:2px;max-width:calc(100% - 32px);height:40px;margin:0 16px;padding:0 6px;display:flex;overflow-x:auto}.format-bar>i{background:#c4c7c5;flex:none;width:1px;height:20px;margin:0 2px}.fmt{color:#222;border-radius:4px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:inline-flex;position:relative}.fmt:hover{background:var(--mail-hover)}.fmt.on{background:var(--mail-active)}.fmt-wide{width:auto;min-width:40px;padding:0 2px}.font-select span{text-overflow:ellipsis;white-space:nowrap;max-width:78px;font-size:14px;overflow:hidden}.fmt-caret{width:22px}.compose-foot{flex:none;align-items:center;gap:4px;padding:12px 16px;display:flex}.send-group{border-radius:18px;margin-right:8px;display:flex;overflow:hidden}.send-main,.send-more{background:var(--mail-accent);color:#fff;place-items:center;height:36px;font-weight:500;line-height:18px;transition:background .15s,box-shadow .15s;display:grid}.send-main{min-width:72px;padding:0 16px}.send-more{border-left:1px solid #fff9;width:33px}.send-main:hover,.send-more:hover{background:#1b61d1}.foot-btn{color:#444;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;transition:background .15s;display:grid}.foot-btn:hover{background:var(--mail-hover)}.foot-btn.aa{font-size:15px}.foot-btn.aa.on{background:var(--mail-active);border-radius:8px}.foot-spacer{flex:1}.menu{z-index:40;min-width:160px;max-height:calc(100dvh - 16px);box-shadow:var(--shadow-menu);color:var(--mail-text);background:#fff;border-radius:4px;padding:6px 0;position:fixed;overflow-y:auto}.menu-item{text-align:left;white-space:nowrap;align-items:center;gap:8px;width:100%;min-height:32px;padding:6px 48px;font-size:14px;line-height:20px;display:flex;position:relative}.menu-item:hover{background:var(--mail-hover)}.menu-check{position:absolute;left:18px}.menu-arrow{color:var(--mail-muted);position:absolute;right:12px}.menu-sep{background:#e0e0e0;height:1px;margin:6px 0}.color-pop{gap:12px;padding:12px;display:flex}.color-pop b{margin-bottom:8px;font-size:13px;font-weight:400;display:block}.swatches{grid-template-columns:repeat(8,16px);gap:2px;display:grid}.swatches button{border:1px solid #0000001a;width:16px;height:16px}.swatches button:hover{outline:1px solid #000}.icon-pop{flex-direction:column;min-width:36px;padding:4px;display:flex}.emoji-pop{grid-template-columns:repeat(6,36px);min-width:0;padding:6px;display:grid}.emoji-pop button{border-radius:50%;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.emoji-pop button:hover{background:var(--mail-hover)}.search-pop{width:min(720px,100vw - 16px);padding:16px 20px}.search-pop label{align-items:center;gap:16px;min-height:40px;display:flex}.search-pop label>span{flex:0 0 96px}.search-pop input:not([type=checkbox]){border:0;border-bottom:1px solid #dadce0;outline:0;flex:1;min-width:0;height:32px}.search-pop input:not([type=checkbox]):focus{border-bottom:2px solid var(--mail-accent)}.search-check{gap:8px!important}.account-pop{text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:4px;width:300px;padding:24px;display:flex}.account-pop small{color:var(--mail-muted)}.account-pop p{color:var(--mail-muted);margin-top:12px;font-size:12px}.avatar.large{width:64px;height:64px;font-size:28px}.account-signout{color:var(--mail-icon);border:1px solid #747775;border-radius:18px;margin-top:12px;padding:8px 20px;font-weight:500}.account-signout:hover{background:var(--mail-hover)}.details-pop{max-width:min(420px,100vw - 16px);color:var(--mail-sub);padding:12px 16px;font-size:12px}.details-pop dl{grid-template-columns:auto minmax(0,1fr);gap:4px 12px;display:grid}.details-pop dt{text-align:right}.details-pop dd{color:var(--mail-title);overflow-wrap:anywhere}.modal-layer{z-index:50;background:#0006;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{width:min(420px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-win);color:var(--mail-text);background:#fff;border-radius:12px;overflow:auto}.modal.wide{width:min(800px,100%)}.modal-head{justify-content:space-between;align-items:center;padding:8px 8px 8px 20px;display:flex}.modal-head h2{font-size:16px;font-weight:500}.modal-form{flex-direction:column;gap:12px;padding:4px 20px 16px;display:flex}.modal-form label{color:var(--mail-muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.modal-form input{height:36px;color:var(--mail-text);border:1px solid #747775;border-radius:4px;outline:0;padding:0 10px;font-size:14px}.modal-form input:focus{border:2px solid var(--mail-accent);padding:0 9px}.modal-form .compose-error{margin:0}.modal-actions{justify-content:flex-end;gap:8px;padding:8px 0 0;display:flex}.modal>.modal-actions{padding:8px 20px 16px}.modal-copy{padding:4px 20px 8px}.text-btn{height:36px;color:var(--mail-accent);border-radius:18px;padding:0 16px;font-weight:500}.text-btn:hover{background:#0b57d014}.fill-btn{background:var(--mail-accent);color:#fff;border-radius:18px;height:36px;padding:0 20px;font-weight:500}.fill-btn:hover{background:#1b61d1}.raw-mail{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f5f5;border-radius:8px;max-height:60dvh;margin:0 20px 20px;padding:12px;font-size:12px;overflow:auto}.shortcuts{gap:8px;padding:4px 20px 20px;display:grid}.shortcuts div{align-items:center;gap:16px;display:flex}.shortcuts dt{flex:0 0 80px}kbd{font:inherit;background:#f5f5f5;border:1px solid #dadce0;border-radius:4px;padding:2px 8px;font-size:12px}.label-manage{padding:0 20px}.label-manage li{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;min-height:40px;display:flex}.side-panel{background:#fff;border-radius:16px;flex-direction:column;min-width:0;min-height:0;margin:0 0 16px 8px;display:flex;overflow:hidden}.side-head{flex:none;justify-content:space-between;align-items:center;padding:8px 8px 8px 16px;display:flex}.side-head h2{font-size:16px;font-weight:400}.side-body{flex:1;min-height:0;padding:4px 16px 16px;overflow-y:auto}.side-body fieldset{border-top:1px solid #e0e0e0;padding:12px 0}.side-body legend{padding-right:8px;font-size:12px;font-weight:500}.radio{cursor:pointer;align-items:center;gap:12px;min-height:36px;display:flex}.radio input{width:18px;height:18px;accent-color:var(--mail-accent)}.cal-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;margin-top:12px;font-size:12px;display:grid}.cal-grid span{aspect-ratio:1;place-items:center;display:grid}.cal-head{color:var(--mail-muted)}.cal-today{background:var(--mail-accent);color:#fff;border-radius:50%}.notes{resize:none;border:1px solid #dadce0;border-radius:8px;outline:0;width:100%;height:100%;min-height:240px;padding:8px}.notes:focus{border-color:var(--mail-accent)}.task-form{gap:8px;display:flex}.task-form input{border:1px solid #747775;border-radius:4px;outline:0;flex:1;min-width:0;height:36px;padding:0 10px}.task-list{margin-top:12px}.task-list li{justify-content:space-between;align-items:center;gap:8px;display:flex}.task-list label{overflow-wrap:anywhere;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.task-list label.done{color:var(--mail-muted);text-decoration:line-through}.side-empty{color:var(--mail-muted);text-align:center;margin-top:16px}.toast{z-index:30;max-width:calc(100vw - 48px);min-height:48px;box-shadow:var(--shadow-menu);color:#f1f3f4;background:#1e1f20;border-radius:4px;align-items:center;gap:16px;padding:8px 12px 8px 24px;display:flex;position:fixed;bottom:24px;left:24px}.toast button:not(.toast-close){color:#8ab4f8;white-space:nowrap;font-weight:500}.toast-close{color:#f1f3f4;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.toast-close:hover{background:#ffffff1a}.tooltip{z-index:60;color:#fff;pointer-events:none;white-space:nowrap;background:#303030;border-radius:4px;max-width:260px;padding:4px 8px;font-size:12px;line-height:16px;position:fixed;transform:translate(-50%)}.right-rail{flex-direction:column;align-items:center;gap:8px;padding-top:8px;display:flex}.nav-scrim{display:none}@media (max-width:1100px){.brand-zone{flex-basis:212px}.sender{flex-basis:130px;margin-right:16px}.right-rail{display:none}#x2-mail,#x2-mail.sidebar-closed,#x2-mail.has-panel,#x2-mail.has-panel.sidebar-closed{grid-template-columns:72px minmax(0,1fr)}#x2-mail .sidebar{padding-right:0}#x2-mail .compose-button{width:56px;padding:0 16px}#x2-mail .compose-button span,#x2-mail .sidebar nav span,#x2-mail .sidebar nav b,#x2-mail .label-heading,#x2-mail .custom-label span{display:none}#x2-mail .sidebar nav button,#x2-mail .custom-label{width:56px;padding-left:18px}.inbox-panel{margin-right:8px}.side-panel{z-index:15;width:min(320px,100vw);box-shadow:var(--shadow-win);border-radius:16px 0 0;margin:0;position:fixed;top:64px;bottom:0;right:0}.compose-window{right:16px}.category-tabs button{min-width:180px}}@media (max-width:640px){#x2-mail,#x2-mail.sidebar-closed,#x2-mail.has-panel,#x2-mail.has-panel.sidebar-closed{grid-template-rows:64px minmax(0,1fr);grid-template-columns:minmax(0,1fr)}#x2-mail .sidebar{z-index:25;background:var(--mail-bg);width:256px;box-shadow:var(--shadow-win);padding-top:16px;display:none;position:fixed;top:0;bottom:0;left:0}#x2-mail.mobile-nav .sidebar{display:block}.nav-scrim{z-index:24;background:#0006;display:block;position:fixed;inset:0}#x2-mail.mobile-nav .compose-button{width:auto;padding:0 24px 0 16px}#x2-mail.mobile-nav .compose-button span,#x2-mail.mobile-nav .sidebar nav span,#x2-mail.mobile-nav .custom-label span{display:block}#x2-mail.mobile-nav .sidebar nav b{display:inline}#x2-mail.mobile-nav .label-heading{display:flex}#x2-mail.mobile-nav .sidebar nav button,#x2-mail.mobile-nav .custom-label{width:240px;padding-left:26px}.topbar{gap:2px;padding-right:4px}.brand-zone{flex:none;padding-left:0}.mail-logo,.top-actions .icon-button{display:none}.search-box{flex:1}.inbox-panel{border-radius:16px 16px 0 0;margin:0}.category-tabs button{flex-basis:150px;min-width:150px}.tab-copy small,.badge{display:none}.mail-row,.density-compact .mail-row{flex-wrap:wrap;height:auto;min-height:64px;padding:8px 8px 8px 12px}.mail-row .star-button{margin:0 8px}.sender{flex:1 1 0;margin-right:8px}.mail-row time{flex:none;order:1;padding-right:4px}.row-attach{order:1}.mail-summary{flex:1 0 100%;order:2;padding-left:56px}.row-actions{display:none!important}.mail-row:hover time,.mail-row:focus-within time{visibility:visible}.toolbar .range{display:none}.thread-head{padding-left:16px}.thread-tools{display:none}.message{gap:10px;padding-left:12px;padding-right:8px}.msg-tools time,.msg-tools .icon-button:nth-of-type(2){display:none}.msg-tools .tool-40{width:36px;height:36px}.reader-actions{margin-left:16px}.compose-window,.compose-window.fullscreen{border-radius:0;width:100%;height:100dvh;inset:0}.compose-window.minimized{border-radius:20px;width:min(328px,100vw - 16px);height:40px;inset:auto 8px 8px auto}.side-panel{border-radius:16px 16px 0 0;width:100vw}.toast{max-width:none;bottom:12px;left:12px;right:12px}.tooltip{display:none}}@media print{#x2-mail{background:#fff;height:auto;display:block;overflow:visible}.topbar,.sidebar,.toolbar,.right-rail,.side-panel,.toast,.compose-window,.compose-scrim,.thread-tools,.msg-tools,.reader-actions{display:none!important}.inbox-panel,.reader{border-radius:0;overflow:visible}}.mail-loading{background:0 0;flex:none;height:3px;overflow:hidden}.mail-loading.on:before{content:"";background:var(--mail-accent);width:30%;height:100%;animation:1s ease-in-out infinite x2-load;display:block}@keyframes x2-load{0%{transform:translate(-100%)}to{transform:translate(340%)}}.mail-error{color:#b3261e;background:#fce8e6;justify-content:center;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}.mail-error button{color:#b3261e;font-weight:500;text-decoration:underline}.remote-note{background:var(--mail-read);color:var(--mail-muted);border-radius:8px;margin-top:12px;padding:8px 12px;font-size:12px}.reader-attachments a{align-items:center;gap:8px;display:flex}.reader-attachments li:hover{background:var(--mail-hover)}.mail-boot{color:#5f6368;background:#f8fafd;place-items:center;width:100%;height:100dvh;display:grid}