:root{color:#152231;font-synthesis:none;text-rendering:optimizelegibility;--white:#fff;--sidebar:#f7f8fa;--blue:#0875d1;--blue-dark:#075da8;--blue-soft:#e6f1fc;--ink:#152231;--muted:#536170;--line:#d9e0e8;--line-light:#e8edf2;--danger:#b42318;--danger-bg:#fff2f0;--success:#19734a;--shadow:0 16px 45px #1522311f;background:#fff;font-family:Segoe UI,Aptos,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--white);min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #0875d147}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.startup-screen{min-height:100svh;color:var(--blue);place-items:center;display:grid}.startup-card{text-align:center;flex-direction:column;align-items:center;gap:16px;width:min(420px,100% - 40px);display:flex}.startup-logo{width:150px;height:auto;margin-bottom:14px}.startup-icon{width:34px;height:34px}.startup-card h1{color:var(--ink);margin:0;font-size:24px;line-height:1.2}.startup-card p{color:var(--muted);margin:0;line-height:1.55}.startup-detail{color:var(--muted);font-size:13px}.google-login-screen{--blue-dark:color-mix(in srgb, var(--blue) 80%, #000);--blue-soft:color-mix(in srgb, var(--blue) 10%, #fff);padding:24px}.google-login-card{border:1px solid var(--line);background:var(--white);width:min(440px,100%);box-shadow:var(--shadow);border-radius:16px;padding:clamp(26px,6vw,44px)}.google-login-card .startup-logo{object-fit:contain;max-width:min(170px,70%);max-height:90px}.google-login-icon{border:1px solid color-mix(in srgb, var(--blue) 25%, var(--line));width:46px;height:46px;color:var(--blue);background:var(--blue-soft);border-radius:50%;place-items:center;display:grid}.google-login-card h1{overflow-wrap:anywhere;font-size:clamp(22px,6vw,27px)}.google-login-actions{gap:10px;width:100%;margin-top:4px;display:grid}.google-login-actions .google-login-button{color:#1f1f1f;letter-spacing:.01em;background:#fff;border:1px solid #747775;border-radius:8px;gap:12px;width:100%;min-height:48px;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:14px;font-weight:500}.google-login-actions .google-login-button:hover:not(:disabled){color:#1f1f1f;background:#f8f9fa;border-color:#5f6368}.google-login-actions .google-login-button:focus-visible{outline-offset:2px;outline:2px solid #1a73e8}.google-login-actions .google-login-button:disabled{color:#5f6368;cursor:wait;background:#fff}.google-g-mark{object-fit:contain;flex:0 0 20px;width:20px;height:20px}.google-login-error{background:var(--danger-bg);border-radius:8px;width:100%;padding:12px 14px;font-size:14px;color:var(--danger)!important}.app-shell{--blue-dark:color-mix(in srgb, var(--blue) 80%, #000);--blue-soft:color-mix(in srgb, var(--blue) 10%, #fff);background:var(--white);grid-template-columns:270px 430px minmax(0,1fr);height:100svh;display:grid;overflow:hidden}.app-shell :focus-visible{outline-color:color-mix(in srgb, var(--blue) 40%, transparent)}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;min-height:0;padding:24px 18px;display:flex}.brand-lockup{align-items:center;gap:12px;padding:0 17px 29px;display:flex}.brand-logo{object-fit:contain;width:41px;height:48px}.brand-lockup strong,.brand-lockup span,.account-card strong,.account-card span{display:block}.brand-lockup strong{letter-spacing:.01em;font-size:20px;line-height:1.1}.brand-lockup span{color:var(--muted);margin-top:3px;font-size:15px}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 19px;font-weight:700;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.button:active{transform:translateY(1px)}.button-primary{color:var(--white);background:var(--blue);border-color:var(--blue)}.button-primary:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.button-secondary{color:var(--muted);border-color:var(--line);background:#f1f4f8}.button-secondary:hover{color:var(--ink);background:#e8edf3}.button-outline{color:var(--blue);background:var(--white);border-color:var(--blue)}.button-outline:hover{background:var(--blue-soft)}.compose-button{justify-content:flex-start;width:100%;min-height:51px;padding-left:20px;font-size:16px}.folder-nav{gap:5px;margin-top:23px;display:grid}.folder-link{color:#455c73;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:14px;width:100%;min-height:50px;padding:0 19px;font-size:16px;display:flex}.folder-link:hover{color:var(--blue);background:#eef4fa}.folder-link.active{color:var(--blue);background:var(--blue-soft);font-weight:700}.sidebar-spacer{flex:1;min-height:44px}.retention-note{border-top:1px solid var(--line);color:var(--muted);margin:0 8px 28px;padding:20px 2px 0;font-size:14px;line-height:1.45}.retention-note span{display:block}.usage-alert-test{gap:7px;margin:0 8px 18px;display:grid}.usage-alert-test .button{justify-content:center;gap:7px;min-height:38px;font-size:12px}.usage-alert-test>span{color:var(--muted);text-align:center;font-size:11px}.usage-alert-test .button:disabled{cursor:wait;opacity:.68}.account-card{align-items:center;gap:12px;padding:0 4px;display:flex}.logout-control{gap:8px;margin:0 8px 16px;display:grid;position:relative}.logout-button{justify-content:flex-start;width:100%;min-height:42px;padding-inline:13px;font-size:14px}.logout-error{color:var(--danger);font-size:12px;line-height:1.4}.account-card strong{font-size:14px}.account-card span{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:12px}.avatar{color:#1f649f;background:#dceeff;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:17px;font-weight:600;display:grid}.avatar-account{color:#344c67;background:#dce4ed;width:46px;height:46px;font-size:15px}.avatar-blue{color:#1d69a4;background:#dceeff}.avatar-green{color:#267355;background:#e2f3ea}.avatar-violet{color:#6658a9;background:#eee9ff}.avatar-peach{color:#a16c3f;background:#ffecdc}.avatar-mint{color:#3d7b77;background:#e1f2f1}.avatar-lavender{color:#6c5b8d;background:#eee7fa}.message-list-panel{background:var(--white);border-right:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex}.list-header{border-bottom:1px solid var(--line-light);flex:none;padding:24px 22px 16px}.list-title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.list-title-row h1{color:#10213a;letter-spacing:-.025em;margin:0;font-size:28px;line-height:1.2}.icon-button{width:40px;height:40px;color:var(--ink);background:0 0;border:0;border-radius:7px;place-items:center;display:inline-grid}.icon-button:hover{color:var(--blue);background:var(--blue-soft)}.list-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;display:flex}.filter-button{border:1px solid var(--line);color:#43556d;background:var(--white);border-radius:8px;min-width:108px;min-height:41px;font-size:15px}.filter-button:hover,.filter-button.selected{color:var(--white);background:var(--blue);border-color:var(--blue)}.identity-filter{flex:100%;align-items:center;gap:8px;min-width:0;display:flex}.identity-filter label{color:var(--muted);flex:none;font-size:14px}.identity-filter select{border:1px solid var(--line);min-width:0;min-height:41px;color:var(--ink);background:var(--white);border-radius:8px;flex:1;padding:0 10px;font-size:14px}.list-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.message-row{border:0;border-bottom:1px solid var(--line-light);width:100%;min-height:96px;color:var(--ink);background:var(--white);text-align:left;align-items:center;gap:14px;padding:14px;display:flex;position:relative}.message-row:hover{background:#f8fbfe}.message-row.selected{background:color-mix(in srgb, var(--blue) 7%, #fff)}.message-row-content{flex:1;min-width:0}.message-row-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.message-row-top strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.message-row-top time{color:#516782;flex:none;font-size:14px}.message-row-subject{color:#536b85;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:15px;display:block;overflow:hidden}.message-row-identity{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;display:block;overflow:hidden}.unread-dot{background:var(--blue);border-radius:50%;flex:none;width:10px;height:10px}.unread-dot.is-read{visibility:hidden}.cache-paused-banner{color:#725b16;background:#fff9e7;border-radius:7px;flex:none;margin:12px;padding:12px 14px;font-size:14px;line-height:1.5}.load-more{border:1px solid var(--line);width:calc(100% - 40px);min-height:42px;color:var(--blue);background:var(--white);border-radius:7px;margin:15px 20px 24px;font-weight:700}.load-more:hover{background:var(--blue-soft)}.empty-state{min-height:260px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:11px;padding:34px 22px;display:flex}.empty-state h2{color:var(--ink);margin:5px 0 0;font-size:19px}.empty-state p{max-width:260px;margin:0 0 8px;line-height:1.5}.inline-error{color:var(--danger);background:var(--danger-bg);border:1px solid #f4c8c2;border-radius:7px;align-items:center;gap:9px;margin:18px 20px;padding:13px;font-size:14px;display:flex}.inline-error span{flex:1}.text-button{color:var(--blue);font-size:inherit;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.loading-rows{padding:7px 0}.skeleton-row{border-bottom:1px solid var(--line-light);align-items:center;gap:14px;height:96px;padding:14px 20px;display:flex}.skeleton-row>span{background:#eef2f6;border-radius:50%;width:52px;height:52px}.skeleton-row>div{flex:1;gap:9px;display:grid}.skeleton-row i{background:linear-gradient(90deg,#eef2f6,#f9fafb,#eef2f6) 0 0/200% 100%;border-radius:5px;height:13px;animation:1.4s infinite shimmer;display:block}.skeleton-row i:last-child{width:72%}@keyframes shimmer{to{background-position:-200% 0}}.mobile-list-nav{display:none}.reader-panel{background:var(--white);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.reader-toolbar{flex:none;justify-content:space-between;align-items:center;gap:18px;min-height:82px;padding:16px 31px;display:flex}.reader-actions{align-items:center;gap:18px;display:flex}.toolbar-button{color:#344a63;background:0 0;border:0;align-items:center;gap:11px;font-size:16px;font-weight:600;display:inline-flex}.toolbar-button:hover{color:var(--blue)}.toolbar-divider{background:var(--line);width:1px;height:29px}.mode-badge{color:var(--blue);font-size:15px;font-weight:700}.reader-content{flex:1;min-width:0;min-height:0;padding:47px 31px 70px;overflow:auto}.reader-content h1{color:#10213a;letter-spacing:-.03em;overflow-wrap:anywhere;max-width:880px;margin:0 0 27px;font-size:clamp(25px,2.2vw,33px);line-height:1.2}.message-meta{align-items:center;gap:15px;padding-bottom:25px;display:flex}.message-meta-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.message-meta .avatar{width:68px;height:68px;font-size:22px}.message-meta-main strong{font-size:20px}.message-meta-main span{color:var(--muted);overflow-wrap:anywhere;font-size:14px}.message-meta>time{color:#5a6d83;white-space:nowrap;align-self:flex-start;font-size:14px}.archive-line{color:var(--muted);font-size:13px}.reader-divider{background:var(--line);height:1px;margin:20px 0 32px}.reader-body-text{color:#23364d;white-space:pre-wrap;overflow-wrap:anywhere;max-width:900px;font-size:17px;line-height:1.65}.attachments{border-top:1px solid var(--line-light);max-width:900px;margin-top:34px;padding-top:20px}.attachments h2{margin:0 0 11px;font-size:15px}.attachment-link{color:var(--blue);background:0 0;border:0;align-items:center;gap:8px;margin:7px 0;font-size:14px;display:flex}.attachment-link small{color:var(--muted)}.reader-reply{border-top:1px solid var(--line);margin-top:64px;padding-top:24px}.reply-button{margin:0}.reader-empty,.reader-loading,.reader-error{color:var(--muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:13px;padding:40px;display:flex}.reader-empty h2{color:var(--ink);margin:4px 0 0;font-size:21px}.reader-empty p,.reader-error p{margin:0}.reader-error{color:var(--danger)}.reader-error p{max-width:440px}.download-fallback{color:var(--muted);flex-direction:column;align-items:flex-start;gap:15px;display:flex}.download-fallback p{margin:0}.reader-mobile-header{display:none}.toast{z-index:30;border:1px solid var(--line);max-width:min(430px,100vw - 32px);color:var(--ink);background:var(--white);box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:14px;padding:13px 15px 13px 18px;font-size:14px;display:flex;position:fixed;bottom:24px;right:24px}.toast button{color:var(--muted);background:0 0;border:0;place-items:center;display:inline-grid}.compose-backdrop{z-index:20;background:#15223138;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.compose-dialog{border:1px solid var(--line);background:var(--white);width:min(900px,100%);max-height:min(900px,100svh - 60px);box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.compose-header{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:20px;min-height:82px;padding:14px 28px;display:flex}.compose-header h1{color:#10213a;letter-spacing:-.03em;flex:1;margin:0;font-size:29px}.compose-form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.compose-field{border-bottom:1px solid var(--line);min-height:67px;color:var(--muted);align-items:center;gap:25px;padding:0 42px;display:flex}.compose-field label{flex:0 0 92px;font-size:16px}.compose-field input{min-width:0;height:45px;color:var(--ink);background:0 0;border:0;flex:1;font-size:17px}.compose-field input::placeholder{color:#8a98a8}.compose-from{color:var(--muted)}.compose-from select{border:1px solid var(--line);min-width:0;min-height:45px;color:var(--ink);background:var(--white);border-radius:7px;flex:1;padding:0 12px}.copies-toggle{color:var(--blue);background:0 0;border:0;flex:none;align-items:center;gap:4px;font-weight:600;display:inline-flex}.compose-body{resize:vertical;min-height:290px;color:var(--ink);background:var(--white);border:0;flex:1;padding:33px 42px;font-size:17px;line-height:1.7}.compose-body::placeholder{color:#6d7b8d}.compose-footer{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:12px 20px;padding:22px 42px 28px;display:grid}.compose-footer p{color:var(--muted);margin:0;font-size:15px}.local-copy{color:var(--muted);justify-self:end;font-size:14px}.compose-actions{grid-column:2;gap:18px;display:flex}.compose-actions .button-primary{order:2;min-width:176px}.form-error,.send-unknown{border-radius:7px;align-items:flex-start;gap:9px;margin:0 42px 20px;padding:12px 14px;font-size:14px;line-height:1.45;display:flex}.form-error{color:var(--danger);background:var(--danger-bg)}.send-unknown{color:#725b16;background:#fff9e7}.send-unknown span{flex:1}.send-unknown .text-button{flex:none}@media (max-width:1120px) and (min-width:1001px){.app-shell{grid-template-columns:218px 350px minmax(0,1fr)}.reader-content{padding-inline:38px}.toolbar-button span{display:none}}@media (max-width:1000px){body{overflow-x:hidden}.app-shell{min-height:100svh;display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:12px;height:64px;min-height:64px;padding:8px 14px}.brand-lockup{flex:1;gap:8px;min-width:0;padding:0}.brand-lockup>div{min-width:0}.brand-logo{width:30px;height:36px}.brand-lockup strong{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.brand-lockup span{display:none}.compose-button{border-radius:50%;flex:0 0 43px;justify-content:center;gap:0;width:43px;min-height:43px;padding:0;font-size:0}.compose-button svg{width:23px}.folder-nav{flex:none;gap:4px;margin:0;display:flex}.folder-link{border-radius:50%;justify-content:center;width:42px;min-height:43px;padding:0}.folder-link span,.sidebar-spacer,.retention-note,.account-card{display:none}.usage-alert-test{flex:none;width:42px;margin:0;display:block}.usage-alert-test>span,.usage-alert-test .button span{display:none}.usage-alert-test .button{width:42px;min-height:42px;padding:0;font-size:0}.logout-control{flex:0 0 42px;width:42px;margin:0}.logout-button{justify-content:center;width:42px;min-height:42px;padding:0}.logout-button span{display:none}.logout-error{z-index:40;background:var(--danger-bg);width:min(260px,100vw - 28px);box-shadow:var(--shadow);border:1px solid #f4c8c2;border-radius:7px;padding:10px 12px;position:absolute;top:calc(100% + 8px);right:0}.message-list-panel,.reader-panel{border-right:0;height:calc(100svh - 64px);min-height:0;display:none}.app-shell[data-mobile-view=list] .message-list-panel,.app-shell[data-mobile-view=reader] .reader-panel{display:flex}.mobile-list-nav{border-bottom:1px solid var(--line-light);align-items:center;gap:4px;min-height:51px;padding:5px 12px;display:flex}.mobile-list-nav strong{font-size:16px}.list-header{padding:19px 16px 14px}.list-title-row h1{font-size:25px}.message-row{min-height:84px;padding:12px 16px}.message-row .avatar{width:45px;height:45px;font-size:15px}.message-row-top strong{font-size:15px}.message-row-top time,.message-row-subject{font-size:13px}.reader-panel{overflow:auto}.reader-mobile-header{border-bottom:1px solid var(--line-light);align-items:center;gap:5px;min-height:51px;padding:5px 12px;font-size:16px;font-weight:700;display:flex}.reader-toolbar{min-height:67px;padding:9px 15px}.reader-actions{gap:10px}.toolbar-button{gap:7px;font-size:13px}.toolbar-divider{height:22px}.mode-badge{font-size:12px}.reader-content{padding:19px 18px 45px}.reader-content h1{margin-bottom:20px;font-size:25px}.message-meta{align-items:flex-start;gap:10px;padding-bottom:18px}.message-meta .avatar{width:44px;height:44px;font-size:14px}.message-meta>time{font-size:12px}.message-meta-main strong{font-size:15px}.message-meta-main span{font-size:12px}.reader-divider{margin:17px 0 24px}.reader-body-text{font-size:16px;line-height:1.6}.reader-reply{margin-top:35px;padding-top:20px}.compose-backdrop{padding:0}.compose-dialog{border:0;width:100%;min-height:100svh;max-height:100svh}.compose-header{gap:10px;min-height:76px;padding:9px 14px}.compose-header h1{font-size:clamp(22px,6.5vw,27px)}.compose-field{gap:12px;min-height:62px;padding:0 18px}.compose-field label{flex-basis:50px;font-size:15px}.compose-field input{font-size:16px}.compose-from{grid-template-columns:50px minmax(0,1fr);gap:3px 12px;padding-block:12px;display:grid}.compose-from label{grid-row:1/3}.compose-from select{grid-column:2;width:100%}.compose-body{min-height:220px;padding:24px 18px;font-size:16px}.compose-footer{grid-template-columns:1fr;padding:16px 18px 22px}.local-copy{justify-self:start}.compose-actions{grid-column:1;grid-template-columns:1fr 1.4fr;gap:10px;display:grid}.compose-actions .button-primary{min-width:0}.compose-actions .button{padding-inline:10px;font-size:14px}.form-error,.send-unknown{margin-inline:18px}.toast{bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}