:root{color:#171717;font-synthesis:none;text-rendering:optimizelegibility;--ink:#171717;--muted:#666;--faint:#999;--line:#e2e2e2;--paper:#fff;--red:#b42318;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;height:100%;min-height:100%;margin:0}body{overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.app-loading,.fatal-error,.login-page{place-items:center;height:100%;display:grid}.fatal-error{color:var(--muted);align-content:center;gap:6px}.fatal-error strong{color:var(--ink)}.section-label{color:#555;font-size:12px;font-weight:600;display:block}.login-page{background:#fff}.login-card{width:min(320px,100vw - 36px)}.login-card h1{margin:0 0 24px;font-size:18px;line-height:1.2}.login-card label{margin-bottom:8px;font-size:12px;font-weight:600;display:block}.password-field{border:1px solid var(--line);background:#fff;border-radius:2px;height:36px;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.password-field:focus-within{border-color:#777;box-shadow:0 0 0 2px #eee}.password-field input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 14px}.password-field button{border:0;border-left:1px solid var(--line);color:#111;cursor:pointer;background:#fff;width:auto;padding:0 16px;font-size:12px}.password-field button:disabled{opacity:.5}.form-error,.compose-error{color:var(--red);margin:10px 0 0;font-size:12px}.app-shell{grid-template-columns:200px minmax(0,1fr);height:100%;display:grid}.sidebar{z-index:20;border-right:1px solid var(--line);background:#f5f5f5;flex-direction:column;min-width:0;padding:18px 12px 14px;display:flex}.sidebar-brand{justify-content:space-between;align-items:center;height:40px;padding:0 6px;display:flex}.sidebar-brand a{font-size:16px;font-weight:600}.mobile-close{background:0 0;border:0;display:none}.compose-button{border:1px solid var(--line);color:#111;cursor:pointer;background:#fff;border-radius:2px;justify-content:flex-start;align-items:center;height:32px;margin:14px 3px 18px;padding:0 10px;font-size:13px;font-weight:400;display:flex}.sidebar nav,.sidebar-bottom{flex-direction:column;gap:3px;display:flex}.nav-label{color:#777;padding:4px 11px 7px;font-size:11px;font-weight:400}.nav-label.secondary{margin-top:14px}.sidebar nav a,.sidebar-bottom>a{color:#555;border-radius:2px;align-items:center;height:32px;padding:0 11px;font-size:13px;font-weight:400;display:flex}.sidebar nav a:hover,.sidebar-bottom>a:hover{background:#ebebeb}.sidebar nav a.active,.sidebar-bottom>a.active{color:#111;background:#e5e5e5}.sidebar nav a small{color:var(--faint);margin-left:auto;font-size:11px;font-weight:400}.sidebar-bottom{margin-top:auto}.account-stack{border-top:1px solid var(--line);margin:12px 6px 0;padding-top:13px}.account-stack>div{color:#666;align-items:center;min-width:0;padding:4px;font-size:11px;display:flex}.account-stack>div span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-main{background:var(--paper);flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);flex:0 0 48px;align-items:center;gap:14px;padding:0 22px;display:flex}.mobile-menu{background:0 0;border:0;display:none}.global-search{background:#fff;border:1px solid #ddd;border-radius:2px;align-items:center;width:min(480px,62vw);height:30px;padding:0 12px;display:flex}.global-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:13px}.connect-banner{border-bottom:1px solid var(--line);color:#444;background:#f5f5f5;justify-content:space-between;align-items:center;padding:9px 21px;font-size:12px;display:flex}.connect-banner a{align-items:center;gap:3px;font-weight:400;display:flex}.mail-layout{flex:1;grid-template-columns:minmax(330px,420px) minmax(440px,1fr);min-height:0;display:grid}.message-pane{border-right:1px solid var(--line);background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.pane-heading{flex:0 0 50px;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.pane-heading h1,.page-title h1{margin:0;font-size:18px;font-weight:600;line-height:1.2}.pane-heading p,.page-title p{color:var(--muted);margin:3px 0 0;font-size:12px}.pane-heading select{max-width:130px;color:var(--muted);text-align:right;background:0 0;border:0;outline:0;margin-bottom:2px;font-size:12px}.message-list{border-top:1px solid var(--line);flex:1;min-height:0;overflow-y:auto}.message-row{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;width:100%;padding:10px 14px;display:block;position:relative}.message-row:hover{background:#f6f6f6}.message-row:focus{outline:none}.message-row:focus-visible{outline-offset:-2px;outline:2px solid #777}.message-row.selected{background:#ededed;box-shadow:inset 2px 0 #171717}.message-row.unread{background:#fff}.message-row.unread.selected{background:#ededed}.message-row.unclassified,.message-row.unclassified.unread{background:#f7f7f7}.message-row.unclassified.selected{background:#ededed}.message-row.unread .message-line strong,.message-row.unread .message-subject{color:#111;font-weight:600}.message-copy{min-width:0;display:block}.message-line{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.message-line strong{color:#444;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.message-line time{color:#888;flex:none;font-size:11px}.message-subject{color:#444;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;font-weight:500;display:block;overflow:hidden}.message-snippet{color:#777;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;line-height:1.4;display:block;overflow:hidden}.message-meta{color:#999;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;margin-top:5px;font-size:10px;display:flex;overflow:hidden}.sorting-label{color:#666;font-weight:400}.row-flag{color:#666;position:absolute;top:16px;right:58px}.message-loading{border-top:1px solid var(--line);padding-top:1px}.skeleton-row,.reader-skeleton{background:linear-gradient(90deg,#eee 20%,#f7f7f7 50%,#eee 80%) 0 0/300% 100%;border-radius:2px;height:74px;margin:10px 16px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-150% 0}}.empty-list{color:#888;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-height:240px;font-size:12px;display:flex}.empty-list strong{color:#555;margin:0;font-size:13px;font-weight:400}.empty-reader-pane{background:#fff}.reader{background:var(--paper);flex-direction:column;min-width:0;display:flex;overflow:hidden}.reader-toolbar{border-bottom:1px solid var(--line);flex:0 0 40px;justify-content:space-between;align-items:center;padding:0 17px;display:flex}.back-button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:12px;display:flex}.toolbar-actions{gap:3px;display:flex}.icon-button{color:#666;cursor:pointer;background:0 0;border:0;border-radius:2px;place-items:center;width:30px;height:30px;display:inline-grid}.icon-button:hover{background:#f1f1f1}.icon-button.active{color:#111;background:#e8e8e8}.icon-button.danger{color:#9d554d}.message-reader{min-height:0;padding:24px clamp(24px,4vw,52px) 48px;overflow-y:auto}.message-headers{border-bottom:1px solid var(--line);gap:5px;max-width:760px;margin:0 0 24px;padding:0 0 20px;font-size:13px;line-height:1.45;display:grid}.message-headers>div{grid-template-columns:64px minmax(0,1fr);gap:8px;display:grid}.message-headers dt{color:#666}.message-headers dd{overflow-wrap:anywhere;min-width:0;margin:0}.tier-picker{color:#666;align-items:center;gap:5px;margin-right:5px;font-size:11px;display:flex}.tier-picker select{border:1px solid var(--line);color:#222;cursor:pointer;background:#fff;border-radius:3px;height:28px;padding:0 5px;font-size:11px}.thread-history{gap:8px;margin:0 0 20px;display:grid}.thread-history>.section-label{margin-bottom:2px}.thread-message{border:1px solid var(--line);background:#fff;border-radius:2px;max-width:820px;overflow:hidden}.thread-message summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;list-style:none;display:grid}.thread-message summary::-webkit-details-marker{display:none}.thread-message summary>span:first-child{flex-direction:column;min-width:0;display:flex}.thread-message summary strong,.thread-message summary small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thread-message summary strong{color:#444;font-size:12px}.thread-message summary small,.thread-message summary time{color:var(--faint);font-size:11px}.thread-message>iframe{border:0;border-top:1px solid var(--line);background:#fff;width:100%;height:1px;display:block;overflow:hidden}.thread-message>.plain-body{border-top:1px solid var(--line);min-height:220px;padding:18px}.email-body{max-width:820px}.email-body iframe{background:#fff;border:0;width:100%;height:1px;display:block;overflow:hidden}.plain-body{color:#222;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.65 -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.attachments{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.attachments>div{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.attachments a{border:1px solid var(--line);color:#555;border-radius:2px;align-items:center;gap:9px;min-width:180px;padding:10px 12px;font-size:12px;display:flex}.attachments a span{flex-direction:column;display:flex}.attachments a small{color:var(--faint);font-size:10px}.reasoning{border:1px solid var(--line);color:#555;background:#fff;border-radius:2px;max-width:660px;margin-top:26px;font-size:12px}.reasoning summary{cursor:pointer;align-items:center;gap:5px;padding:10px 12px;font-weight:600;display:flex}.reasoning p{margin:0;padding:0 12px 11px;line-height:1.5}.reply-actions{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.reply-actions button{border:1px solid var(--line);color:#555;cursor:pointer;background:#fff;border-radius:2px;align-items:center;gap:7px;height:35px;padding:0 13px;font-size:12px;display:flex}.reply-actions button:hover{color:#111;border-color:#999}.composer{z-index:50;background:var(--paper);border:1px solid #ccc;border-radius:0;flex-direction:column;width:min(620px,100vw - 36px);height:min(670px,100vh - 32px);display:flex;position:fixed;bottom:16px;right:18px;overflow:hidden;box-shadow:0 2px 8px #00000029}.composer-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;min-height:40px;padding:0 15px 0 18px;font-size:13px;font-weight:600;display:flex}.compose-row{border-bottom:1px solid var(--line);align-items:center;gap:9px;min-height:43px;padding:0 16px;display:flex}.compose-row label{color:#777;flex:0 0 50px;font-size:12px}.compose-row input,.compose-row select{min-width:0;height:40px;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:13px}.compose-row select{cursor:pointer}.compose-row .text-button{color:#777;cursor:pointer;background:0 0;border:0;font-size:11px}.compose-body{resize:none;color:#222;background:0 0;border:0;outline:0;flex:1;min-height:130px;padding:18px;font-size:14px;line-height:1.6}.file-chips{flex-wrap:wrap;gap:6px;padding:8px 16px;display:flex}.file-chips span{border:1px solid var(--line);background:#fff;border-radius:2px;align-items:center;gap:6px;padding:6px 8px;font-size:11px;display:flex}.file-chips button{cursor:pointer;background:0 0;border:0}.compose-error{padding:0 16px}.composer-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:58px;padding:0 13px;display:flex}.compose-actions{align-items:center;gap:7px;display:flex}.primary-button{border:1px solid var(--line);color:#111;cursor:pointer;background:#fff;border-radius:2px;align-items:center;gap:7px;height:30px;padding:0 15px;font-size:12px;font-weight:400;display:flex}.file-button{position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.save-state{color:#999;font-size:11px}.single-page{background:#fff;flex:1;min-height:0;padding:24px 32px 48px;overflow-y:auto}.page-title{max-width:760px;margin-bottom:20px}.page-title h1{font-size:18px}.page-title p{margin-top:6px;font-size:12px}.draft-list{border-top:1px solid var(--line);background:var(--paper);max-width:880px}.draft-list>button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) auto;gap:12px;width:100%;padding:10px 0;display:grid}.draft-list>button:last-child{border:0}.draft-list>button:hover{background:#f5f5f5}.draft-list button>span:first-child{min-width:0}.draft-list strong,.draft-list small,.draft-list p{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.draft-list strong{font-size:12px;font-weight:600}.draft-list small,.draft-list time{color:#888;margin-top:3px;font-size:11px}.draft-list p{color:#666;margin:6px 0 0;font-size:11px}.settings-page{background:#fff;max-width:720px;padding:28px 32px 48px}.settings-page .page-title{margin-bottom:28px}.settings-page .page-title h1{font-size:18px}.settings-section{max-width:620px;margin-bottom:30px}.settings-section h2{margin:0 0 8px;font-size:13px;font-weight:600}.settings-card{border-top:1px solid var(--line)}.connected-account{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:38px;padding:8px 0;font-size:12px;display:flex}.connected-account span:last-child{color:#666;font-size:11px}.connect-actions{gap:8px;padding:12px 0 0;display:flex}.connect-actions button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:3px;padding:6px 10px;font-size:12px}.logout-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:3px;padding:6px 10px;font-size:12px}.sidebar-scrim{display:none}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{width:250px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:18px 0 50px #28231c2e}.sidebar.open{transform:none}.mobile-close,.mobile-menu{place-items:center;display:grid}.sidebar-scrim{z-index:15;background:#231f1942;border:0;display:block;position:fixed;inset:0}.topbar{padding:0 12px}.mobile-menu{width:32px;height:32px;padding:0}.global-search{flex:1;width:auto}.mail-layout{grid-template-columns:minmax(300px,390px) minmax(390px,1fr)}}@media (width<=700px){.mail-layout{min-height:0;display:block;position:relative;overflow:hidden}.message-pane{border:0;height:100%}.reader{z-index:5;transition:transform .18s;position:absolute;inset:0;transform:translate(100%)}.has-reader .reader{transform:none}.empty-reader-pane{display:none}.pane-heading{flex-basis:50px}.pane-heading h1{font-size:18px}.message-row{padding:10px 14px}.reader-toolbar{padding:0 10px}.message-reader{padding:25px 20px 40px}.email-body iframe{min-height:56vh}.composer{border:0;border-radius:0;width:100%;height:100%;inset:0}.single-page{padding:25px 17px 50px}.draft-list>button{grid-template-columns:minmax(0,1fr)}.draft-list time{display:none}.connect-banner{gap:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}