:root{font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;color:#202124;background:#f9fafd;font-synthesis:none;font-size:14px;font-weight:400;--sidebar: 254px;--header: 63px;--blue: #0b57d0}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:default}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}input:focus,select:focus{outline:none}input[type=checkbox]{appearance:none;width:15px;height:15px;border:1.7px solid #9aa0a6;border-radius:1px;vertical-align:middle;flex-shrink:0;cursor:pointer;margin:0}input[type=checkbox]:checked{background:#0b57d0;border-color:#0b57d0;box-shadow:inset 0 0 0 2px #fff}input[type=checkbox]:focus-visible{outline:2px solid #1a73e8;outline-offset:3px}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;width:40px;height:40px;padding:0;color:#444746}.icon-button:hover:not(:disabled){background:#e3e5e8}.avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:17px;flex-shrink:0}.avatar-large{width:64px;height:64px;font-size:32px}.gmail-logo{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.gmail-logo svg{width:32px;height:25px}.gmail-logo>span{font-size:24px;letter-spacing:-.8px;color:#3c4043}.app{height:100dvh;overflow:hidden}.app-header{height:var(--header);display:flex;align-items:center;padding:0 16px 0 12px;gap:0}.brand{width:242px;display:flex;align-items:center;gap:10px;flex-shrink:0}.brand>.icon-button{margin-right:2px}.header-spacer{flex:1}.current-avatar{padding:3px;border:2px solid #4285f4;border-radius:50%;height:42px;width:42px;display:flex;align-items:center;justify-content:center}.current-avatar .avatar{height:32px;width:32px;border:1px solid white}.sidebar{position:absolute;top:63px;bottom:0;left:0;width:var(--sidebar);padding-top:7px}.compose-button{height:56px;min-width:122px;display:flex;align-items:center;gap:18px;padding:0 24px 0 18px;margin:0 0 16px 8px;background:#c2e7ff;border-radius:16px;font-weight:600;font-size:14px;color:#001d35}.compose-button:hover{box-shadow:0 2px 4px #0002}.nav-item{height:32px;border-radius:0 18px 18px 0;width:calc(100% - 16px);padding:0 24px 0 28px;display:flex;align-items:center;gap:20px;text-align:left;font-size:14px}.nav-item:hover{background:#e8eaed}.nav-item.selected{background:#d3e3fd;color:#001d35;font-weight:600}.sidebar-collapsed{--sidebar: 72px}.sidebar-collapsed .compose-button{width:56px;min-width:56px;padding:0;justify-content:center;margin-bottom:16px}.sidebar-collapsed .compose-button span,.sidebar-collapsed .nav-item span{display:none}.sidebar-collapsed .nav-item{width:40px;height:40px;margin:0 16px;padding:0;justify-content:center;border-radius:22px}.mail-panel{position:absolute;top:63px;left:var(--sidebar);right:0;bottom:16px;background:#fff;border-radius:16px 0 0 16px;overflow:hidden;display:flex;flex-direction:column}.mail-toolbar{height:48px;min-height:48px;display:flex;align-items:center;padding:0 12px;gap:0;position:relative}.search-filters{min-height:56px;display:flex;align-items:center;gap:8px;padding:0 8px}.search-filters button{display:inline-flex;align-items:center;gap:12px;border:1px solid #9aa0a6;border-radius:5px;padding:6px 12px;color:#444746;font-size:14px}.search-filters button:hover{background:#f1f3f4}.select-all{display:flex;align-items:center;justify-content:center;gap:5px;width:52px;height:40px}.mail-pagination{display:flex;align-items:center;margin-left:auto;font-size:12px;color:#5f6368;gap:2px;white-space:nowrap}.mail-pagination>span{margin-right:12px}.mail-pagination .icon-button{width:36px;height:36px}.mail-pagination .icon-button svg{width:18px}.mail-list{overflow-y:auto;flex:1;background:#f2f6fd}.mail-row{height:40px;display:flex;align-items:center;box-shadow:inset 0 -1px #e1e7ee;background:#f2f6fd;position:relative;font-size:14px}.mail-row:hover{box-shadow:inset 1px 0 #dadce0,inset -1px 0 #dadce0,0 1px 2px #0002,0 -1px 2px #0002;z-index:1}.mail-row.unread{background:#fff;font-weight:600}.mail-row.checked{background:#c2dbff}.row-checkbox{width:52px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.row-checkbox input{opacity:.55}.mail-row:hover .row-checkbox input,.mail-row.checked .row-checkbox input{opacity:1}.mail-row-content{height:100%;padding:0 16px 0 0;display:flex;align-items:center;flex:1;min-width:0;text-align:left;font-weight:inherit}.mail-participants{width:200px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:16px}.mail-preview{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-snippet{color:#777c83;font-weight:400}.mail-row time{width:80px;margin-left:16px;font-size:12px;flex-shrink:0;text-align:right;color:#5f6368}.row-attachment{margin-left:12px;color:#5f6368}.sent-prefix{color:#5f6368}.thread-count{font-weight:400}.empty-state{padding:80px 24px;text-align:center;color:#5f6368;background:#fff;display:flex;align-items:center;flex-direction:column;gap:12px}.empty-state h2{font-size:20px;font-weight:400;color:#202124;margin:0}.empty-state p{margin:0 0 12px}.toolbar-menu{position:relative}.popover-dismiss{position:fixed;inset:0;z-index:20;cursor:default}.more-menu{position:absolute;top:40px;left:0;z-index:25;min-width:300px;background:#fff;box-shadow:0 3px 12px #0004;border-radius:3px;padding:8px 0}.more-menu button{display:flex;gap:16px;width:100%;padding:12px 20px;text-align:left;white-space:nowrap}.more-menu button:hover{background:#eee}.search-wrap{width:720px;max-width:calc(100vw - 370px);position:relative;flex-shrink:1;z-index:24}.search-box{height:48px;border-radius:26px;background:#e9eef6;display:flex;align-items:center;padding:0 8px 0 16px;gap:16px}.search-box input{border:0;background:transparent;flex:1;min-width:0;font-size:16px;height:100%;padding:0}.search-box input::placeholder{color:#60646b;opacity:1}.search-box .icon-button{width:40px;height:40px}.search-active{background:#fff;border-radius:8px 8px 0 0;box-shadow:0 1px 4px #0002}.advanced-search{position:absolute;top:48px;left:0;width:720px;max-width:calc(100vw - 32px);z-index:30;background:#fff;border:1px solid #dadce0;box-shadow:0 3px 6px #0003;padding:18px 24px 20px;border-radius:0 0 3px 3px}.advanced-search>label{display:flex;align-items:center;min-height:40px;gap:24px}.advanced-search>label>span{width:96px;flex-shrink:0;color:#62666c}.advanced-search input:not([type=checkbox]),.advanced-search select{height:32px;border:0;border-bottom:1px solid #9a9a9a;background:transparent;min-width:0;flex:1;border-radius:0;padding:0 2px}.advanced-search input:focus{border-color:#4285f4}.advanced-search .attachment-filter{gap:18px;margin-top:16px}.advanced-search footer{display:flex;justify-content:flex-end;margin-top:16px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:#0b57d0;border-radius:24px;padding:10px 24px;min-height:40px;font-weight:500}.primary-button:hover:not(:disabled){background:#0849b3;box-shadow:0 1px 3px #0003}.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #9aa0a6;border-radius:24px;min-height:36px;padding:7px 20px;color:#444746}.outline-button:hover{background:#f1f3f4}.text-button{color:#0b57d0;padding:8px}.muted{color:#5f6368}.error-text{color:#b3261e;line-height:1.6}.inline-error{padding:12px 24px;color:#b3261e;background:#fce8e6;display:flex;gap:24px}.inline-error button{color:#0b57d0}.account-menu{position:fixed;right:16px;top:63px;width:400px;padding:48px 16px 16px;background:#eef3fa;box-shadow:0 1px 6px #0004;border-radius:28px;z-index:40;max-height:calc(100dvh - 80px);overflow:auto}.account-menu>.icon-button{position:absolute;right:8px;top:8px}.active-account{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border-radius:24px 24px 0 0;min-height:104px}.active-account>div{flex:1;min-width:0}.active-account strong{font-size:20px;font-weight:400;display:block}.active-account span:not(.avatar){font-size:13px;color:#5f6368;display:block;overflow:hidden;text-overflow:ellipsis}.account-switch-list{background:#fff;border-radius:0 0 24px 24px;overflow:hidden}.account-switch-list>button{display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:12px 16px;border-top:1px solid #eef0f3;min-height:58px}.account-switch-list>button:hover{background:#e8f0fe}.account-switch-list strong{display:block;font-weight:500}.account-switch-list small{color:#5f6368;display:block;margin-top:2px}.account-menu-actions{display:flex;flex-direction:column;margin-top:12px}.account-menu-actions button{display:flex;align-items:center;gap:18px;padding:12px 18px;border-radius:24px}.account-menu-actions button:hover{background:#dce4ed}.invalid-dot{width:8px;height:8px;background:#d93025;border-radius:50%;margin-left:auto}.account-switch-pages{display:flex;justify-content:center;gap:16px;padding:10px}.mock-label{text-align:center;font-size:12px;color:#687787;margin:12px 0 0}.thread-view{overflow:auto;flex:1;padding:18px 24px 24px 16px}.thread-view>h1{font-size:22px;font-weight:400;margin:0 0 22px 56px;line-height:1.45}.folder-chip{font-size:11px;background:#e8eaed;padding:3px 6px;border-radius:3px;vertical-align:middle;margin-left:10px;color:#5f6368;white-space:nowrap}.message{border-bottom:1px solid #eceff1;padding-bottom:16px;margin-bottom:12px}.message:last-child{border:0}.message-header{display:flex;align-items:flex-start;gap:16px;min-height:52px}.message-header>.avatar{width:40px;height:40px;font-size:20px}.message-sender{flex:1;text-align:left;min-width:0;padding:2px 0 0}.message-sender strong{font-size:14px}.sender-email{font-size:12px;color:#5f6368}.message-sender small{display:flex;align-items:center;gap:6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px;color:#5f6368;font-weight:400;margin-top:3px}.message-header time{font-size:12px;color:#5f6368;margin-top:7px;white-space:nowrap}.message-header>.icon-button{width:32px;height:32px}.message-content{margin-left:56px}.message-addresses{font-size:12px;color:#5f6368;margin-bottom:10px}.message-addresses>summary{cursor:pointer;width:max-content}.message-addresses dl{display:grid;grid-template-columns:70px 1fr;gap:8px;border:1px solid #dadce0;padding:16px;max-width:600px}.message-addresses dd{margin:0;overflow-wrap:anywhere}.privacy-banner{display:flex;align-items:center;gap:9px;background:#f1f5fa;font-size:12px;color:#5f6368;padding:9px 12px;margin-bottom:12px;border-radius:4px}.privacy-banner button{color:#0b57d0;margin-left:6px;padding:0}.privacy-banner>svg:last-child{margin-left:auto}.mail-body{display:block;width:100%;height:750px;border:0;background:#fff}.resource-message{font-size:12px;color:#5f6368;line-height:1.5}.attachment-section{border-top:1px solid #eceff1;margin-top:16px;padding-top:8px}.attachment-section>p{font-size:12px}.attachment-cards{display:flex;gap:12px;flex-wrap:wrap}.attachment-card{border:1px solid #e1e3e6;border-radius:3px;width:180px;text-align:left;padding:0;overflow:hidden;background:#f8f9fa}.attachment-preview{display:flex;height:85px;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#a8adb2;background:#fff}.attachment-card>span:last-of-type{display:flex;align-items:center;gap:5px;padding:8px;font-size:11px}.attachment-card b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.attachment-card>small{font-size:11px;color:#5f6368;padding:0 8px 8px;display:block}.reply-actions{display:flex;gap:8px;margin-top:24px}.compose-overlay{position:fixed;inset:0;background:#0008;z-index:45}.compose{position:fixed;right:64px;bottom:16px;width:600px;height:616px;border-radius:12px 12px 0 0;background:#fff;box-shadow:0 6px 20px #0004,0 1px 6px #0003;z-index:50;display:flex;flex-direction:column;overflow:hidden}.compose-header{height:40px;min-height:40px;display:flex;align-items:center;justify-content:space-between;background:#f2f6fd;padding:0 12px 0 16px;font-size:14px;color:#25456d}.compose-header strong{font-weight:600}.compose-header>div{display:flex;align-items:center}.compose-header .icon-button{width:26px;height:26px;border-radius:2px}.compose-header .icon-button svg{width:14px}.compose-content{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 16px}.recipient-row{display:flex;align-items:center;border-bottom:1px solid #eceff1;min-height:40px;gap:6px}.recipient-row label{font-size:14px;color:#5f6368}.recipient-row input{flex:1;min-width:0;border:0;background:transparent;padding:0;line-height:32px}.recipient-row>button{padding:0;font-size:14px;color:#5f6368}.subject-input{border:0;border-bottom:1px solid #eceff1;height:40px;min-height:40px;padding:0;background:transparent}.subject-input::placeholder{color:#92969b}.compose-editor{flex:1;min-height:60px;overflow:auto;outline:none;line-height:1.6;padding:12px 0;overflow-wrap:anywhere}.compose-editor img{max-width:100%}.format-bar{display:flex;align-items:center;gap:2px;padding:3px 8px;border-radius:20px;background:#f1f5fb;align-self:flex-start;max-width:100%;min-height:32px;overflow-x:auto;white-space:nowrap}.format-bar .icon-button{width:26px;height:26px}.format-bar svg{width:16px;height:16px}.format-bar select{border:0;background:transparent;font-size:13px;max-width:105px}.format-separator{height:18px;border-left:1px solid #c4c7c5;margin:0 3px}.compose-footer{display:flex;align-items:center;min-height:60px;gap:4px}.send-button{background:#0b57d0;color:#fff;border-radius:22px;display:flex;gap:18px;align-items:center;justify-content:center;padding:0 18px;min-width:104px;height:36px}.send-button:hover{background:#0849b3}.compose-footer .icon-button{width:28px;height:28px}.compose-footer .icon-button svg{width:18px}.format-toggle{height:28px;width:28px;border-radius:4px;font-size:18px}.format-toggle.active{background:#d3e3fd}.compose-spacer{flex:1}.compose-maximized{left:calc(var(--sidebar) / 2);right:calc(var(--sidebar) / 2);top:40px;bottom:32px;width:auto;height:auto;border-radius:12px}.compose-minimized{height:40px;width:320px}.compose-minimized .compose-content{display:none}.compose-attachments{max-height:110px;overflow:auto}.compose-attachments>span{display:flex;gap:6px;align-items:center;background:#f1f3f4;font-size:12px;padding:6px;margin-bottom:4px}.compose-attachments button{margin-left:auto}.compose-error{color:#b3261e;margin:6px 0;font-size:12px}.toast{position:fixed;bottom:24px;left:24px;padding:16px 20px;background:#323232;color:#fff;border-radius:4px;box-shadow:0 2px 6px #0003;z-index:100;display:flex;align-items:center;gap:24px;max-width:calc(100vw - 48px);line-height:1.4}.toast>button{color:#c2e7ff;font-size:20px}.modal-backdrop{position:fixed;inset:0;background:#0005;display:flex;align-items:center;justify-content:center;padding:24px;z-index:70}.modal{background:#fff;border-radius:24px;width:520px;max-width:100%;max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 8px 32px #0003}.modal-wide{width:880px}.modal>header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px}.modal h2{font-size:24px;font-weight:400;margin:0}.settings-tabs{display:flex;border-bottom:1px solid #e8eaed;padding:0 24px;gap:24px}.settings-tabs>button{padding:14px 6px;border-bottom:3px solid transparent}.settings-tabs>button.selected{color:#0b57d0;border-bottom-color:#0b57d0}.settings-content{padding:24px}.settings-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.settings-toolbar>form{display:flex;align-items:center;gap:8px;background:#f1f3f4;border-radius:6px;padding:8px 12px}.settings-toolbar input{border:0;background:none;width:180px}.account-table-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #eceff1;padding:14px 0}.account-table-info{flex:1;min-width:0}.account-table-info strong{display:block;font-size:13px;overflow-wrap:anywhere}.account-table-info span{font-size:11px;color:#5f6368;display:block;margin-top:5px}.account-table-row .icon-button{width:32px;height:32px}.account-table-row .text-button{font-size:12px;white-space:nowrap}.status-pill{font-size:11px;padding:4px 8px;border-radius:12px;white-space:nowrap}.status-pill.active{background:#e6f4ea;color:#137333}.status-pill.invalid{background:#fce8e6;color:#b3261e}.settings-pagination{display:flex;align-items:center;justify-content:flex-end;font-size:12px;gap:8px;margin-top:8px}.account-form{background:#f8fafd;padding:20px;border:1px solid #dce3ee;border-radius:12px;margin-top:16px}.account-form h3{margin:0 0 16px;font-size:16px;font-weight:500}.account-form label{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;font-size:13px}.account-form input,.passkey-form input{height:40px;padding:8px 12px;background:#fff;border:1px solid #b5beca;border-radius:4px}.account-form p{color:#5f6368;font-size:12px}.account-form>div{display:flex;gap:8px}.security-intro{display:flex;gap:20px;margin-bottom:24px}.security-intro>svg{color:#0b57d0;flex-shrink:0}.security-intro h3{margin:0 0 8px;font-size:18px;font-weight:400}.security-intro p{font-size:13px;line-height:1.6;color:#5f6368;margin:6px 0}.passkey-form{display:flex;gap:12px;margin-bottom:16px}.passkey-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid #e8eaed}.passkey-row>span{flex:1}.passkey-row strong{display:block}.passkey-row small{display:block;color:#5f6368;margin-top:6px}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:#f0f4f9}.login-card{background:#fff;border-radius:28px;width:440px;padding:40px;box-shadow:0 1px 4px #0001}.login-card h1{font-size:28px;font-weight:400;margin:28px 0 12px}.login-card>p{color:#5f6368;line-height:1.6}.login-card form{display:flex;flex-direction:column;gap:12px;margin-top:28px}.login-card label{font-size:13px}.login-card input{height:52px;border:1px solid #747775;border-radius:4px;padding:0 14px}.login-card input:focus{outline:2px solid #0b57d0;outline-offset:-2px}.login-card .primary-button{align-self:flex-end;margin-top:8px}.passkey-button{width:100%;margin-top:24px}.demo-notice{background:#e8f0fe;color:#244f88;padding:12px;font-size:12px;border-radius:8px;line-height:1.7;margin-top:20px}.login-privacy{font-size:12px;border-top:1px solid #eceff1;padding-top:20px;margin:28px 0 0}.startup{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;gap:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.brand{width:210px}.search-wrap{max-width:calc(100vw - 290px)}.mail-participants{width:160px}.compose{right:16px}.account-table-row{gap:6px}.account-table-row .status-pill{display:none}.mail-body{height:650px}}@media(max-width:650px){:root{--sidebar: 64px}.brand{width:56px}.brand .gmail-logo{display:none}.search-wrap{max-width:none;width:auto;flex:1;margin-right:12px}.search-box{gap:8px;padding-left:12px}.search-box input{font-size:14px}.sidebar .compose-button{width:48px;min-width:48px;padding:0;justify-content:center}.sidebar .compose-button span,.sidebar .nav-item span{display:none}.sidebar .nav-item{width:40px;height:40px;margin:0 12px;padding:0;justify-content:center;border-radius:22px}.mail-panel{border-radius:12px 0 0 12px}.mail-pagination{font-size:10px}.mail-pagination>span{margin-right:0}.mail-pagination .icon-button{width:28px}.mail-toolbar{padding:0 4px}.select-all{width:36px}.mail-toolbar>.icon-button{width:32px}.mail-toolbar .toolbar-menu>.icon-button{width:32px}.mail-participants{width:100px;font-size:12px}.mail-row{height:48px}.row-checkbox{width:32px}.mail-row-content{padding-right:8px}.mail-row time{width:48px;font-size:10px;margin-left:6px}.mail-preview{font-size:12px}.mail-snippet{display:none}.account-menu{right:8px;width:min(400px,calc(100vw - 16px))}.advanced-search{position:fixed;left:8px;top:60px;width:calc(100vw - 16px);padding:12px 16px}.advanced-search>label{gap:12px}.advanced-search>label>span{width:70px}.compose,.compose-maximized{inset:72px 8px 8px;width:auto;height:auto}.compose-minimized{left:auto;top:auto;right:8px;width:280px;height:40px}.format-bar{gap:0;padding:3px}.format-bar .icon-button{width:24px}.format-bar select{max-width:78px}.thread-view{padding:12px}.thread-view>h1{font-size:18px;margin-left:0;margin-bottom:20px}.message-header{gap:8px}.message-header>.avatar{width:28px;height:28px;font-size:14px}.message-header time{font-size:10px}.message-content{margin-left:0}.sender-email{display:none}.privacy-banner{flex-wrap:wrap;font-size:11px}.mail-body{height:650px}.settings-content{padding:16px}.modal-backdrop{padding:8px}.modal{max-height:calc(100dvh - 16px);border-radius:16px}.settings-toolbar{flex-wrap:wrap}.settings-toolbar>form{flex:1}.settings-toolbar input{width:100%}.account-table-info strong{font-size:11px}.account-table-row>.avatar{display:none}.account-table-info span{font-size:10px}.account-table-row .text-button{font-size:11px;padding:4px}.security-intro{gap:12px}.passkey-form{flex-wrap:wrap}.login-card{padding:28px}.reply-actions{flex-wrap:wrap}.account-menu{top:60px}}