:root{--gm-surface:#f6f8fc;--gm-card:#fff;--gm-text:#202124;--gm-text-muted:#5f6368;--gm-border:#e0e0e0;--gm-border-faint:#f1f3f4;--gm-primary:#0b57d0;--gm-primary-bg:#c2e7ff;--gm-selected:#d3e3fd;--gm-row-selected:#c2dbff;--gm-row-read:#f2f6fc;--gm-hover:#3c404314;--gm-pressed:#3c404329;--gm-shadow-1:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;--gm-shadow-2:0 1px 3px 0 #3c40434d,0 4px 8px 3px #3c404326;--gm-easing:cubic-bezier(.4,0,.2,1);--gm-decel:cubic-bezier(0,0,.2,1);--gm-accel:cubic-bezier(.4,0,1,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100dvh}body{background:var(--gm-surface);color:var(--gm-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;font-family:Google Sans Text,Google Sans,Roboto,Arial,sans-serif;font-size:14px;overflow:hidden}button{font-family:inherit}*{scrollbar-width:thin;scrollbar-color:transparent transparent}:hover{scrollbar-color:#bdc1c6 transparent}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:padding-box padding-box;border:4px solid #0000;border-radius:8px;min-height:40px}:hover::-webkit-scrollbar-thumb{background:#dadce0 padding-box padding-box}::-webkit-scrollbar-thumb:hover{background-clip:padding-box;background:#bdc1c6!important}.ripple{cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.ripple:after{content:"";pointer-events:none;opacity:0;transition:background-size .55s var(--gm-decel),opacity .35s var(--gm-decel);background-image:radial-gradient(circle,#3c40432e 1%,#0000 1%);background-position:50%;background-repeat:no-repeat;background-size:15000%;position:absolute;inset:0}.ripple:active:after{opacity:1;background-size:0%;transition:all}.icon-btn{cursor:pointer;width:40px;min-width:40px;height:40px;min-height:40px;color:var(--gm-text-muted);transition:background .15s var(--gm-easing);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--gm-hover)}.icon-btn:active,.icon-btn.active{background:var(--gm-pressed)}.nav-item{color:#1f1f1f;cursor:pointer;-webkit-user-select:none;user-select:none;height:32px;transition:background .15s var(--gm-easing);white-space:nowrap;border-radius:0 16px 16px 0;align-items:center;gap:18px;margin:0 12px 0 0;padding:0 12px 0 26px;font-family:Google Sans,Google Sans Text,sans-serif;font-size:14px;font-weight:500;display:flex}.nav-item:hover{background:#0000000d}.nav-item.active{color:#001d35;background:#d3e3fd;font-weight:700}.nav-item.active .ms-icon{font-variation-settings:"FILL" 1!important}.email-row{border-bottom:1px solid var(--gm-border-faint);background:var(--gm-card);height:40px;transition:box-shadow .12s var(--gm-decel),background .12s var(--gm-decel);cursor:pointer;align-items:center;padding:0 16px 0 8px;display:flex;position:relative}.email-row:hover{z-index:1;box-shadow:inset 1px 0 #dadce0,inset -1px 0 #dadce0,0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.email-row.read{background:var(--gm-row-read)}.email-row.read:hover{background:#fff}.email-row.selected{background:var(--gm-row-selected)}@media (width<=599px){.email-row{height:auto;min-height:64px;padding:0 12px}}.compose-btn{color:#001d35;cursor:pointer;height:56px;transition:box-shadow .15s var(--gm-easing),background .15s var(--gm-easing);background:#c2e7ff;border:none;border-radius:16px;align-items:center;gap:12px;margin:8px 16px;padding:0 24px 0 16px;font-family:Google Sans,sans-serif;font-size:14px;font-weight:500;display:flex;box-shadow:0 1px 3px #00000014}.compose-btn:hover{background:#b6dffe;box-shadow:0 1px 3px #00000026,0 4px 8px #0000001a}.compose-btn:active{background:#a8d8f5}.cat-tab{height:56px;color:var(--gm-text-muted);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-bottom:3px solid #0000;flex-shrink:0;align-items:center;gap:10px;padding:0 12px;font-family:Google Sans Text,Google Sans,sans-serif;font-size:14px;font-weight:500;transition:color .15s,background .15s,border-color .15s;display:flex}.cat-tab.active{color:#0b57d0;border-bottom-color:#0b57d0;font-weight:600}.cat-tab:hover:not(.active){color:#202124;background:#00000008}.reply-btn{cursor:pointer;color:#202124;height:36px;transition:background .15s var(--gm-easing),box-shadow .15s var(--gm-easing);background:#fff;border:1px solid #dadce0;border-radius:18px;align-items:center;gap:8px;padding:0 24px;font-family:Google Sans,sans-serif;font-size:14px;font-weight:500;display:flex}.reply-btn:hover{background:#f6fafe;box-shadow:0 1px 2px #0000001a}.reply-btn:active{background:#eef3fa}.search-bar{transition:background .2s var(--gm-easing),box-shadow .2s var(--gm-easing);background:#eaf1fb;border-radius:24px;flex:1;align-items:center;gap:10px;height:48px;padding:0 12px;display:flex}.search-bar:focus-within{background:#fff;box-shadow:0 1px 1px #0000001a,0 2px 4px #0000000d}.search-bar input{color:#202124;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:Google Sans Text,Google Sans,sans-serif;font-size:16px}.search-bar input::placeholder{color:#5f6368}.search-options-popover{z-index:850;transform-origin:top;background:#fff;border:1px solid #3c404329;border-radius:8px;width:100%;padding:16px 20px;animation:.16s cubic-bezier(.2,0,0,1) both searchOptionsIn;position:absolute;top:calc(100% + 1px);left:0;right:0;box-shadow:0 8px 24px #3c40434d,0 2px 8px #3c40432e}.search-options-row{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px;display:grid}.search-options-row+.search-options-row{margin-top:14px}.search-options-label{color:#5f6368;font-size:15px}.search-options-input{color:#202124;background:0 0;border:none;border-bottom:1px solid #9aa0a6;outline:none;width:100%;padding:6px 0;font-size:15px}.search-options-input:focus{border-bottom:2px solid #1a73e8;padding-bottom:5px}.search-options-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:18px;display:flex}.search-options-primary{color:#fff;cursor:pointer;background:#1a73e8;border:none;border-radius:20px;padding:9px 20px;font-family:Google Sans Text,Google Sans,sans-serif;font-size:14px;font-weight:500}.search-options-primary:hover{background:#1765cc}@keyframes searchOptionsIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.star-btn{cursor:pointer;transition:background .15s var(--gm-easing),transform .12s var(--gm-easing);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:flex}.star-btn:hover{background:#00000014}.star-btn:active{transform:scale(.88)}.chkbox{width:18px;height:18px;transition:background .15s var(--gm-easing),border-color .15s var(--gm-easing);cursor:pointer;background:#fff;border:2px solid #5f6368;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chkbox.on{background:#1a73e8;border-color:#1a73e8}.overlay-bg{z-index:300;animation:fadein .15s var(--gm-decel);background:#20212499;position:fixed;inset:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadethrough{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:.6;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes starPop{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes appsPanelIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes appsTileIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.apps-launcher-panel{transform-origin:100% 0;animation:.24s cubic-bezier(.2,0,0,1) both appsPanelIn;box-shadow:0 8px 28px #00000029,0 2px 8px #0000001a}@keyframes accountSwitcherPanelIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes accountSwitcherEntrance{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.account-switcher-panel{transform-origin:100% 0;animation:.3s cubic-bezier(.2,0,0,1) both accountSwitcherPanelIn}.account-switcher-entrance{animation:.38s cubic-bezier(.2,0,0,1) both accountSwitcherEntrance}.account-switcher-row-in{animation:.34s cubic-bezier(.2,0,0,1) both accountSwitcherEntrance}@media (prefers-reduced-motion:reduce){.account-switcher-panel,.account-switcher-entrance,.account-switcher-row-in{opacity:1!important;animation:none!important;transform:none!important}}.apps-launcher-grid{grid-template-columns:repeat(3,1fr);gap:12px 10px;max-height:min(520px,100dvh - 100px);padding:20px 18px 22px;display:grid;overflow-y:auto}.apps-launcher-tile{cursor:pointer;text-align:center;color:#202124;-webkit-tap-highlight-color:transparent;min-height:116px;animation:.2s cubic-bezier(.2,0,0,1) both appsTileIn;animation-delay:calc(22ms * var(--apps-tile,0));background:0 0;border:none;border-radius:20px;flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;margin:0;padding:14px 10px 12px;font-family:Google Sans,Google Sans Text,Roboto,Arial,sans-serif;display:flex;position:relative}.apps-launcher-tile:hover{background:#3c404314}.apps-launcher-tile:focus-visible{outline-offset:2px;outline:2px solid #1a73e8}.apps-launcher-tile-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;font-weight:600;display:flex}.apps-launcher-tile-label{color:#202124;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;max-width:100%;padding:0 4px;font-size:14px;font-weight:400;line-height:1.3;display:-webkit-box;overflow:hidden}@media (prefers-reduced-motion:reduce){.apps-launcher-panel,.apps-launcher-tile{animation:none}}.anim-right{animation:slideRight .25s var(--gm-easing) both}.anim-left{animation:fadethrough .22s var(--gm-decel) both}.anim-up{animation:slideUp .28s var(--gm-easing) both}.anim-pop{animation:popIn .14s var(--gm-decel) both;transform-origin:100% 0}.anim-fade{animation:fadethrough .22s var(--gm-decel) both}.anim-star{animation:starPop .28s var(--gm-easing) both}.search-slide{animation:slideLeft .18s var(--gm-decel) both;flex:1;align-items:center;gap:6px;display:flex}@media (hover:none){.icon-btn{width:44px;min-width:44px;height:44px;min-height:44px}}.gm-header-right{align-items:center;gap:4px;margin-left:auto;padding-right:8px;display:flex;position:relative}.gm-header-right .icon-btn,.gm-header-right button.icon-btn,.gm-header-right button.gemini-header-btn.icon-btn{width:42px;min-width:42px;height:42px;min-height:42px}.gm-header-right .gm-avatar-btn{cursor:pointer;width:42px;min-width:42px;height:42px;min-height:42px;transition:background .15s var(--gm-easing);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.gm-header-right .gm-avatar-btn:hover{background:var(--gm-hover)}.gm-header-right .gemini-animation{width:40px}.gm-header-right .gemini-animation:before{background-color:#3c4043}.ms-icon{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;font-feature-settings:"liga";direction:ltr;font-family:Material Symbols Rounded;font-style:normal;font-weight:400;line-height:1;display:block}.gm-card{background:#fff;border-radius:16px;flex-direction:column;flex:1;min-height:0;margin:0 8px 8px;display:flex;overflow:hidden;box-shadow:0 0 0 1px #00000005}@media (width<=959px){.gm-card{border-radius:12px;margin:0 4px 4px}}@media (width<=599px){.gm-card{box-shadow:none;background:#fff;border-radius:0;margin:0}}.thread-subject{color:#202124;letter-spacing:0;font-family:Google Sans,sans-serif;font-size:22px;font-weight:400;line-height:28px}.thread-sender{color:#202124;font-family:Google Sans Text,Google Sans,sans-serif;font-size:14px;font-weight:700;line-height:20px}.thread-body{color:#202124;word-break:break-word;white-space:pre-wrap;font-family:Roboto,Google Sans Text,Arial,sans-serif;font-size:14px;line-height:1.5}.thread-tome{color:#5f6368;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-family:Google Sans Text,Google Sans,sans-serif;font-size:12px;line-height:18px;display:inline-flex}.thread-tome:hover{color:#202124}