:root{--bg: #f8fafd;--ink: #202124;--muted: #5f6368;--muted2: #444746;--line: #e0e3e7;--active: #d3e3fd;--active-ink: #001d35;--compose: #c2e7ff;--hover: #e9eef6;--accent: #0b57d0;--search: #eaf1fb;--read-row: rgba(242, 246, 252, .4);--sel-row: rgba(194, 219, 255, .6);--font: Roboto, "Segoe UI", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}a{color:var(--accent)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-1{flex:1}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-shell{min-height:100%;display:grid;place-items:center;padding:24px;background:#fff}.auth-card{width:min(450px,100%);border:1px solid #dadce0;border-radius:8px;padding:48px 40px 36px}.auth-logo{display:flex;align-items:center;gap:10px;margin-bottom:24px}.auth-product{color:#5f6368;font-size:1.1rem}.auth-logo .mark,.mbx-brand .mark{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#ea4335,#fbbc04 40%,#34a853 70%,#4285f4);color:#fff;display:grid;place-items:center;font-weight:700;font-size:1.25rem}.mbx-brand .mark{width:32px;height:32px;font-size:.95rem;border-radius:6px}.auth-card h1{font-weight:400;font-size:1.5rem;margin:0 0 8px}.auth-card .lede{color:var(--muted);margin:0 0 24px;font-size:.95rem}.field{margin-bottom:16px}.field label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:6px}.field-row{display:flex;align-items:center;gap:8px;border:1px solid #dadce0;border-radius:4px;padding:0 12px}.field-row:focus-within{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.field-row input{border:0;outline:0;flex:1;padding:14px 0;background:transparent}.field input:not(.bare){width:100%;border:1px solid #dadce0;border-radius:4px;padding:14px 12px;outline:none}.field input:focus{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.suffix{color:var(--muted);white-space:nowrap;font-size:.9rem}.btn-primary{background:var(--accent);color:#fff;border:0;border-radius:20px;padding:10px 24px;font-weight:500;cursor:pointer}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-text{background:transparent;border:0;color:var(--accent);font-weight:500;cursor:pointer;padding:8px 12px;border-radius:4px;text-decoration:none}.btn-text:hover{background:#f6fafe}.alert{background:#fce8e6;color:#d93025;border-radius:4px;padding:10px 12px;margin-bottom:14px;font-size:.9rem}.auth-actions{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.mbx{height:100%;display:flex;flex-direction:column;background:var(--bg);position:relative;min-height:0}.mbx-search-row{display:flex;align-items:center;gap:8px;padding:8px 12px 4px}.mbx-brand{display:flex;align-items:center;gap:8px;min-width:120px;text-decoration:none;color:var(--muted);font-size:1.375rem;font-weight:400}.mbx-search{flex:1;display:flex;align-items:center;gap:8px;height:48px;padding:0 16px;border-radius:999px;background:var(--search);min-width:0;transition:box-shadow .15s,background .15s}.mbx-search:focus-within{background:#fff;box-shadow:0 1px 3px #3c40434d}.mbx-search input{flex:1;border:0;outline:0;background:transparent;font-size:16px;color:var(--ink);min-width:0}.mbx-search input::placeholder{color:var(--muted2)}.search-ico{border:0;background:transparent;color:var(--muted2);padding:0;cursor:pointer;display:grid;place-items:center}.clear-search{border:0;background:transparent;color:var(--muted);font-size:.85rem;cursor:pointer;padding:4px 8px}.mbx-top-right{position:relative;display:flex;align-items:center;gap:4px;margin-left:auto}.cloud-link{text-decoration:none}.gm-avatar{width:32px;height:32px;border-radius:50%;color:#fff;display:grid;place-items:center;font-size:.85rem;font-weight:600;border:0;cursor:pointer}.icon-pill{width:44px;height:44px;border:0;border-radius:50%;background:var(--search);color:var(--ink);display:grid;place-items:center;cursor:pointer;flex-shrink:0}.icon-round{width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--muted2);display:inline-grid;place-items:center;cursor:pointer}.icon-round:hover{background:#20212414}.icon-round:disabled{opacity:.45;cursor:not-allowed}.icon-round.danger:hover{background:#fce8e6;color:#c5221f}.menu{position:absolute;right:0;top:44px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0003;min-width:240px;z-index:40;padding:8px 0}.menu-email{padding:8px 16px;font-size:.85rem;color:var(--muted)}.menu button,.menu a{display:block;width:100%;text-align:left;border:0;background:transparent;padding:10px 16px;cursor:pointer;color:var(--ink);text-decoration:none;font-size:.9rem}.menu button:hover,.menu a:hover{background:#f1f3f4}.mbx-body{flex:1;display:flex;min-height:0}.nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:70}.mbx-nav{width:220px;flex-shrink:0;padding:4px 4px 8px 0;overflow-y:auto;background:var(--bg);display:flex;flex-direction:column}.mbx-nav.closed{display:none}.nav-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e2e8f0;position:sticky;top:0;background:#fff;z-index:1}.nav-drawer-head p{margin:0;font-size:1.25rem;color:var(--muted);font-weight:400}.compose-wrap{padding:4px 8px 8px}.compose-btn{display:inline-flex;align-items:center;gap:12px;height:48px;padding:0 20px 0 16px;border:0;border-radius:16px;background:var(--compose);color:var(--active-ink);font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.compose-btn:hover{box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.nav-item{display:flex;align-items:center;gap:12px;height:32px;padding:0 12px 0 16px;border:0;border-radius:0 999px 999px 0;background:transparent;color:var(--ink);text-align:left;width:100%;cursor:pointer;font-size:14px}.nav-item:hover:not(:disabled){background:var(--hover)}.nav-item.active{background:var(--active);color:var(--active-ink);font-weight:700}.nav-item:disabled{opacity:.45;cursor:not-allowed}.nav-ico{width:20px;height:20px;display:grid;place-items:center;flex-shrink:0}.nav-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-count{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted2)}.nav-count.bold{font-weight:700;color:inherit}.nav-toggle{display:flex;align-items:center;gap:12px;height:32px;padding:0 12px 0 16px;border:0;border-radius:0 999px 999px 0;background:transparent;color:var(--ink);width:100%;text-align:left;cursor:pointer;font-size:14px}.nav-toggle:hover{background:var(--hover)}.nav-toggle .chev{transition:transform .15s}.nav-toggle .chev.up{transform:rotate(180deg)}.mbx-main{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;margin:0 4px 4px 0;position:relative}.mbx-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px;border-bottom:1px solid #e5e7eb;background:#fff}.tb-left{display:flex;align-items:center;gap:2px;min-width:0}.tb-folder{font-size:.875rem;font-weight:500;padding:0 6px;max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-check{display:inline-flex;align-items:center;padding:6px;border-radius:4px;cursor:pointer}.tb-check:hover{background:#f1f5f9}.tb-check input{width:16px;height:16px;accent-color:var(--accent)}.tb-hint{margin-left:4px;font-size:12px;color:#64748b}.tb-err{margin-left:4px;font-size:12px;color:#dc2626;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-right{display:flex;align-items:center;gap:2px;flex-shrink:0;font-size:12px;color:#64748b}.tb-range{padding:0 4px;font-variant-numeric:tabular-nums;font-size:11px}.mbx-scroll{flex:1;min-height:0;overflow-y:auto;background:#fff}.mbx-loading{display:flex;align-items:center;justify-content:center;padding:80px 0}.spinner{width:28px;height:28px;border-radius:50%;border:2px solid #e5e7eb;border-top-color:var(--accent);animation:spin .7s linear infinite}.mbx-error{margin:16px;text-align:center;padding:32px;color:#dc2626;font-size:.875rem;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px}.mbx-empty{text-align:center;padding:64px 24px;color:#64748b}.empty-ico{color:#cbd5e1;margin-bottom:8px}.empty-title{margin:0;font-weight:500;color:#374151}.empty-sub{margin:4px 0 0;font-size:.875rem}.msg-list{list-style:none;margin:0;padding:0}.msg-row{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:box-shadow .1s}.msg-row.read{background:var(--read-row)}.msg-row.unread{background:#fff}.msg-row.sel{background:var(--sel-row)}.msg-row:hover{box-shadow:inset 1px 0 #dadce0,inset -1px 0 #dadce0,0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;z-index:1;position:relative}.msg-row input[type=checkbox]{width:16px;height:16px;margin-top:2px;flex-shrink:0;accent-color:var(--accent)}.star-btn{border:0;background:transparent;color:#cbd5e1;padding:4px;cursor:pointer;flex-shrink:0;display:grid;place-items:center}.star-btn:hover{color:#f59e0b}.msg-row .from{width:180px;flex-shrink:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:2px}.msg-row .snippet{flex:1;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-row .preview{color:var(--muted);font-weight:400}.msg-row .date{width:88px;flex-shrink:0;text-align:right;font-size:12px;font-variant-numeric:tabular-nums;color:#64748b;font-weight:500;padding-top:2px}.msg-row .bold,.msg-card-m .bold{font-weight:700;color:var(--ink)}.msg-card-m{display:flex;align-items:flex-start;gap:12px;padding:14px 12px;cursor:pointer;border-bottom:1px solid #f3f4f6}.msg-card-m.unread{background:#fff}.msg-card-m.read{background:#f6f8fc}.msg-card-m.sel{background:#c2dbff80}.avatar-sel{width:40px;height:40px;border-radius:50%;border:0;color:#fff;font-size:15px;font-weight:500;flex-shrink:0;margin-top:2px;cursor:pointer}.msg-card-m-body{flex:1;min-width:0}.msg-card-m-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.msg-card-m .from{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-card-m .date{flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}.msg-card-m .subj{margin:2px 0 0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-card-m .snip{margin:2px 0 0;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-bar{display:flex;align-items:center;gap:2px;padding:4px 12px;border-bottom:1px solid #f3f4f6;position:sticky;top:0;background:#fff;z-index:5}.reader-subject-row{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;padding:16px 56px 8px}.reader-subject-row h1{margin:0;flex:1;min-width:0;font-size:22px;font-weight:400;line-height:1.35;word-break:break-word}.chip{font-size:12px;padding:2px 8px;border-radius:4px;background:#e8f0fe;color:var(--accent);font-weight:500}.reader-meta{display:flex;align-items:flex-start;gap:12px;padding:8px 56px 16px}.reader-avatar{width:40px;height:40px;border-radius:50%;color:#fff;display:grid;place-items:center;font-weight:600;flex-shrink:0}.reader-who{flex:1;min-width:0}.reader-from{font-weight:700;font-size:.9rem}.reader-to{color:var(--muted);font-size:.8rem}.reader-when{font-size:.8rem;color:var(--muted);white-space:nowrap}.reader-body{padding:8px 56px 32px;white-space:pre-wrap;line-height:1.6;font-size:.925rem}.reader-actions{display:flex;flex-wrap:wrap;gap:8px;padding:8px 56px 48px}.reply-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #dadce0;background:#fff;border-radius:999px;padding:10px 20px;cursor:pointer;font-size:14px;color:var(--ink)}.reply-pill:hover{background:#f8f9fa}.chip.muted{background:#f1f3f4;color:var(--muted)}.thread-stack{display:flex;flex-direction:column;gap:0}.thread-collapsed{display:flex;align-items:center;gap:12px;width:100%;border:0;border-bottom:1px solid #f1f3f4;background:#fff;padding:10px 56px;cursor:pointer;text-align:left;font:inherit;color:var(--ink)}.thread-collapsed:hover{background:#f8f9fa}.reader-avatar.sm{width:28px;height:28px;font-size:.75rem}.thread-collapsed-from{font-weight:700;font-size:.875rem;min-width:120px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-collapsed-snip{flex:1;min-width:0;color:var(--muted);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-collapsed-date{font-size:.75rem;color:var(--muted);flex-shrink:0}.thread-msg{border-bottom:1px solid #f1f3f4;padding-bottom:8px}.thread-msg .reader-meta{padding-top:12px}.reader-html{line-height:1.6}.reader-html a{color:var(--accent)}.thread-badge{font-size:11px;font-weight:700;color:var(--muted);background:#e8eaed;border-radius:4px;padding:1px 5px;margin-left:4px}.inline-wrap{padding:8px 56px 40px}.inline-compose{border:1px solid #dadce0;border-radius:16px;background:#fff;box-shadow:0 1px 3px #3c404326;display:flex;flex-direction:column;min-height:220px;overflow:hidden}.inline-compose-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 6px 16px}.inline-compose-to{display:flex;align-items:center;gap:8px;min-width:0;font-size:.9rem;color:var(--ink)}.inline-addr{color:var(--muted)}.inline-to-input{flex:1;border:0;outline:0;font:inherit;min-width:0}.inline-editor{min-height:120px;max-height:320px;overflow:auto;padding:4px 16px 8px;outline:none;font-size:.925rem;line-height:1.55;empty-cells:show}.inline-editor:empty:before{content:attr(data-placeholder);color:#9aa0a6;pointer-events:none}.inline-quote-hint{padding:0 16px 4px;color:#9aa0a6;font-size:1.1rem;letter-spacing:2px;-webkit-user-select:none;user-select:none;border:0;background:transparent;cursor:pointer;text-align:left}.fwd-subject-row{display:flex;align-items:center;gap:8px;padding:4px 16px 8px;border-bottom:1px solid #f1f3f4;font-size:.875rem}.fwd-subject{color:var(--ink);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fwd-quote-block{border-top:1px solid #f1f3f4;max-height:240px;overflow:auto;background:#fafafa}.fwd-quote-preview{padding:8px 16px 16px;font-size:.85rem;color:#3c4043;line-height:1.5}.fwd-quote-preview hr{border:0;border-top:1px solid #dadce0;margin:12px 0}.inline-compose-foot{display:flex;align-items:center;gap:4px;padding:8px 10px 12px;border-top:1px solid #f1f3f4}.inline-from-hint{padding:0 16px 10px;font-size:.75rem;color:var(--muted)}.fmt-bar{display:flex;flex-wrap:wrap;gap:2px;padding:6px 10px;border-top:1px solid #e8eaed;background:#f8f9fa}.fmt-bar button{border:0;background:transparent;width:32px;height:32px;border-radius:4px;cursor:pointer;color:var(--ink);font-size:13px}.fmt-bar button:hover{background:#e8eaed}.fmt-sep{width:1px;background:#dadce0;margin:4px}.fmt-toggle.on{background:#e8f0fe;color:var(--accent)}.aa-label{font-weight:700;font-size:13px;font-family:Georgia,serif}.compose-editor{min-height:160px;overflow:auto}.compose-editor:empty:before{content:attr(data-placeholder);color:#9aa0a6}.modal-fmt{border-top:1px solid #e8eaed}.compose-fab{position:fixed;right:16px;bottom:96px;z-index:55;width:56px;height:56px;border:0;border-radius:16px;background:var(--compose);color:var(--active-ink);display:grid;place-items:center;box-shadow:0 4px 12px #0003;cursor:pointer}.compose-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none}.compose-layer.dock{display:flex;align-items:flex-end;justify-content:flex-end;padding-right:0}.compose-layer.expanded{pointer-events:auto;display:flex;align-items:center;justify-content:center;padding:32px 40px}.compose-scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0000004d;cursor:pointer;pointer-events:auto}.compose-card{pointer-events:auto;position:relative;background:#fff;box-shadow:0 8px 28px #00000047;display:flex;flex-direction:column;overflow:hidden;width:min(540px,100vw);height:min(600px,85vh);border-radius:16px 16px 0 0}.compose-card.is-expanded{width:min(960px,100%);height:min(820px,88vh);border-radius:16px}.compose-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#f2f6fc;flex-shrink:0;-webkit-user-select:none;user-select:none}.compose-head h3{margin:0;font-size:14px;font-weight:500;color:#041e49}.compose-win-btns{display:flex;align-items:center;gap:2px;color:var(--muted2)}.compose-win-btn{display:inline-grid;place-items:center;padding:6px;border-radius:50%;cursor:pointer}.compose-win-btn:hover{background:#ffffff1a}.compose-fields{flex-shrink:0}.compose-row{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-bottom:1px solid #e0e0e0}.compose-label{color:var(--muted);font-size:14px;flex-shrink:0;min-width:52px}.compose-row input{flex:1;border:0;outline:0;background:transparent;font-size:14px;color:var(--ink);padding:10px 0;min-width:0}.compose-cc-toggles{display:flex;gap:4px;flex-shrink:0}.compose-cc-toggles button{border:0;background:transparent;color:var(--muted);font-size:13px;cursor:pointer;padding:4px 6px;border-radius:4px}.compose-cc-toggles button:hover{background:#f1f3f4}.compose-body{flex:1;min-height:0;width:100%;border:0;outline:0;resize:none;padding:12px 16px;font-size:14px;line-height:1.5}.compose-err{color:#d93025;font-size:.8rem;padding:0 16px 8px}.compose-foot{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid #eceff1;flex-shrink:0}.compose-send{background:var(--accent);color:#fff;border:0;border-radius:999px;padding:8px 24px;font-size:14px;font-weight:500;cursor:pointer}.compose-send:hover{background:#0842a0}.compose-send:disabled{background:#9aa0a6;cursor:not-allowed}.compose-minibar{position:fixed;bottom:0;right:16px;z-index:9999;width:min(360px,calc(100vw - 24px))}.compose-minibar-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:0;border-radius:16px 16px 0 0;background:#404040;color:#fff;box-shadow:0 8px 28px #00000047;cursor:pointer;font-size:14px;font-weight:500}@media (min-width: 640px){.compose-layer.dock{padding-right:24px}}@media (max-width: 900px){.mbx-nav.open{position:fixed;left:0;top:0;bottom:0;z-index:71;width:min(88vw,300px);background:#fff;box-shadow:0 8px 28px #00000047;display:flex;padding-bottom:max(1rem,env(safe-area-inset-bottom))}.mbx-main{border-radius:0;margin:0}.reader-subject-row,.reader-meta,.reader-body,.reader-actions,.inline-wrap,.thread-collapsed{padding-left:16px;padding-right:16px}.mbx-search{height:44px}.mbx-scroll{padding-bottom:80px}}