:root{--bg:#f5f4f0;--surface:#fff;--ink:#0c0c0d;--muted:#0c0c0d8f;--faint:#0c0c0d61;--line:#0c0c0d17;--hover:#0c0c0d0b;--selected:#0c0c0d12;--accent:#ff4a1c;--shadow:0 24px 60px -24px #0c0c0d59;--font:"Inter Tight", system-ui, sans-serif;--ease:cubic-bezier(.19, 1, .22, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0c0c0d;--surface:#141416;--ink:#f2f1ed;--muted:#f2f1ed94;--faint:#f2f1ed5c;--line:#f2f1ed14;--hover:#f2f1ed0b;--selected:#f2f1ed14;--shadow:0 24px 60px -20px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;font-size:14px}button,input,textarea{font:inherit;color:inherit;background:0 0;border:0}button{cursor:pointer}input:focus,textarea:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}kbd{border:1px solid var(--line);min-width:18px;height:18px;font-family:var(--font);color:var(--faint);border-radius:4px;place-items:center;padding:0 4px;font-size:11px;display:inline-grid}.icon{flex-shrink:0;width:18px;height:18px}.mail{grid-template-columns:232px minmax(320px,400px) 1fr;height:100%;display:grid}.scrim{display:none}.side{flex-direction:column;gap:4px;min-height:0;padding:18px 12px;display:flex}.side__brand{align-items:baseline;gap:8px;padding:2px 10px 18px;display:flex}.side__logo{letter-spacing:-.03em;font-variation-settings:"wght" 300;font-size:18px}.side__logo b{font-variation-settings:"wght" 800;font-weight:400}.side__product{color:var(--muted);font-size:13px}.compose-btn{background:var(--ink);color:var(--bg);font-variation-settings:"wght" 600;transition:transform .4s var(--ease);border-radius:8px;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;display:flex}.compose-btn:hover{transform:translateY(-1px)}.compose-btn kbd{border-color:color-mix(in srgb, var(--bg) 25%, transparent);color:color-mix(in srgb, var(--bg) 60%, transparent);margin-left:auto}.side__nav{gap:1px;display:grid}.side__nav button{color:var(--muted);text-align:left;border-radius:6px;align-items:center;gap:10px;padding:7px 10px;transition:background-color .2s,color .2s;display:flex}.side__nav button:hover{background:var(--hover);color:var(--ink)}.side__nav button.is-on{background:var(--selected);color:var(--ink);font-variation-settings:"wght" 600}.count{color:var(--accent);font-variation-settings:"wght" 600;margin-left:auto;font-size:12px}.swatch{border-radius:3px;width:10px;height:10px;margin:0 4px}.side__group{color:var(--faint);margin:18px 10px 4px;font-size:12px}.side__me{margin-top:auto;padding:10px;font-size:13px;display:grid}.side__me-mail{color:var(--muted)}.list{background:var(--surface);border-left:1px solid var(--line);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.list__head{align-items:center;gap:10px;padding:18px 18px 12px;display:flex}.list__head h1{letter-spacing:-.02em;font-variation-settings:"wght" 650;font-size:20px}.icon-btn.list__menu{display:none}.seg{background:var(--hover);border-radius:7px;margin-left:auto;padding:2px;display:flex}.seg button{color:var(--muted);border-radius:5px;padding:4px 10px;font-size:12.5px}.seg button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000014}.search{background:var(--hover);color:var(--faint);border-radius:8px;align-items:center;gap:8px;margin:0 18px 10px;padding:8px 10px;display:flex}.search input{min-width:0;color:var(--ink);flex:1}.search input::placeholder{color:var(--faint)}.rows{flex:1;padding:0 8px 24px;list-style:none;overflow-y:auto}.rows li{position:relative}.row{text-align:left;border-radius:8px;gap:12px;width:100%;padding:12px 10px;transition:background-color .15s;display:flex}.row:hover{background:var(--hover)}.row.is-open{background:var(--selected)}.row__main{flex:1;gap:2px;min-width:0;display:grid}.row__top{align-items:baseline;gap:8px;display:flex}.row__from{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--muted);flex:1;overflow:hidden}.row__from em{color:var(--accent);font-style:normal}.row__n{color:var(--faint);margin-left:6px;font-size:12px}.row__when{color:var(--faint);font-size:12px}.row__subject{white-space:nowrap;text-overflow:ellipsis;padding-right:22px;overflow:hidden}.row__snippet{white-space:nowrap;text-overflow:ellipsis;color:var(--faint);font-size:13px;overflow:hidden}.row.is-unread .row__from,.row.is-unread .row__subject{color:var(--ink);font-variation-settings:"wght" 650}.row.is-unread .row__when{color:var(--accent)}.row__labels{gap:6px;margin-top:4px;display:flex}.tag{background:color-mix(in srgb, currentColor 12%, transparent);font-variation-settings:"wght" 550;border-radius:4px;padding:1px 7px;font-size:11.5px}@media (prefers-color-scheme:dark){.tag,.swatch{filter:brightness(1.7)saturate(.9)}}.row__star{color:var(--faint);opacity:0;padding:2px;transition:opacity .15s,color .15s;position:absolute;top:34px;right:10px}.rows li:hover .row__star,.row__star.is-on{opacity:1}.row__star.is-on{color:#f5a524}.row__star .icon{width:16px;height:16px}.list__empty{color:var(--faint);padding:40px 28px}.avatar{color:#fff;font-variation-settings:"wght" 650;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.reader{background:var(--surface);flex-direction:column;min-width:0;min-height:0;display:flex}.reader--empty{background:var(--bg);place-items:center;display:grid}.hints{color:var(--faint);gap:18px;display:grid}.hints dl{grid-template-columns:auto auto;gap:8px 14px;font-size:13px;display:grid}.hints dt{justify-content:flex-end;gap:4px;display:flex}.reader__bar{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:12px 20px;display:flex}.icon-btn.reader__back{display:none}.reader__tools{gap:2px;display:flex}.icon-btn{width:34px;height:34px;color:var(--muted);border-radius:7px;place-items:center;transition:background-color .15s,color .15s;display:grid}.icon-btn:hover{background:var(--hover);color:var(--ink)}.icon-btn.is-on{color:#f5a524}.reader__scroll{flex:1;padding:28px clamp(20px,4vw,56px) 60px;overflow-y:auto}.reader__subject{letter-spacing:-.025em;font-variation-settings:"wght" 650;max-width:760px;font-size:clamp(22px,2vw,28px);line-height:1.2}.reader__labels{gap:6px;margin-top:10px;display:flex}.thread{border-top:1px solid var(--line);max-width:760px;margin-top:24px;list-style:none}.msg{border-bottom:1px solid var(--line)}.msg__head{text-align:left;align-items:center;gap:12px;width:100%;padding:14px 0;display:flex}.msg__who{flex:1;min-width:0;display:grid}.msg__who b{font-variation-settings:"wght" 650;font-weight:400}.msg__who span{white-space:nowrap;text-overflow:ellipsis;color:var(--faint);font-size:13px;overflow:hidden}.msg time{color:var(--faint);flex-shrink:0;font-size:12.5px}.msg__body{white-space:pre-line;gap:12px;padding:2px 0 22px 44px;font-size:15px;line-height:1.6;display:grid}.reply{border:1px solid var(--line);border-radius:10px;max-width:760px;margin-top:20px;transition:box-shadow .3s}.reply.is-open{box-shadow:var(--shadow)}.reply__start{width:100%;color:var(--muted);text-align:left;align-items:center;gap:10px;padding:14px 16px;display:flex}.reply__start:hover{color:var(--ink)}.reply__to{color:var(--faint);padding:12px 16px 0;font-size:13px;display:block}.reply textarea,.compose__body{resize:none;width:100%;min-height:140px;padding:10px 16px;font-size:15px;line-height:1.6;display:block}.reply__foot,.compose__foot{justify-content:flex-end;align-items:center;gap:8px;padding:10px 12px;display:flex}.send-btn{background:var(--accent);color:#fff;font-variation-settings:"wght" 600;border-radius:7px;align-items:center;gap:8px;padding:8px 14px;transition:opacity .2s;display:flex}.send-btn:disabled{opacity:.35;cursor:default}.send-btn kbd{color:#fffc;border-color:#ffffff59}.ghost-btn{color:var(--muted);border-radius:7px;padding:8px 12px}.ghost-btn:hover{background:var(--hover)}.compose{z-index:20;background:var(--surface);border:1px solid var(--line);width:min(540px,100vw - 32px);height:min(560px,100vh - 80px);box-shadow:var(--shadow);animation:rise .45s var(--ease);border-bottom:0;border-radius:10px 10px 0 0;flex-direction:column;display:flex;position:fixed;bottom:0;right:24px}.compose.is-folded{height:auto}@keyframes rise{0%{opacity:0;transform:translateY(40px)}}.compose__bar{border-bottom:1px solid var(--line);font-variation-settings:"wght" 600;align-items:center;gap:2px;padding:6px 6px 6px 16px;display:flex}.compose__bar span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.compose.is-folded .compose__bar{cursor:pointer;border-bottom:0}.compose__field{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin:0 16px;padding:10px 0;display:flex}.compose__field span{width:56px;color:var(--faint)}.compose__field input,.compose__body{flex:1}.compose__from{color:var(--faint);margin-right:auto;font-size:12.5px}.toast{z-index:30;background:var(--ink);color:var(--bg);animation:rise .4s var(--ease);border-radius:8px;align-items:center;gap:16px;padding:10px 12px 10px 16px;display:flex;position:fixed;bottom:24px;left:50%;translate:-50%}.toast button{color:var(--accent);font-variation-settings:"wght" 650;border-radius:5px;padding:4px 8px}@media (width<=960px){.mail{grid-template-columns:1fr}.side{z-index:15;background:var(--bg);width:264px;transition:translate .5s var(--ease);position:fixed;inset:0 auto 0 0;translate:-100%}.is-drawer .side{translate:0}.is-drawer .scrim{z-index:14;background:#0000004d;display:block;position:fixed;inset:0}.list{border:0;height:100%}.icon-btn.list__menu{margin-left:-8px;display:grid}.list__head,.search{margin-inline:0;padding-inline:16px}.search{margin:0 16px 10px;padding-inline:10px}.reader{z-index:10;transition:translate .5s var(--ease);position:fixed;inset:0;translate:100%}.is-reading .reader{translate:0}.reader--empty{display:none}.icon-btn.reader__back{margin-left:-8px;display:grid}.reader__tools{margin-left:auto}.msg__body{padding-left:0}.compose{border-radius:0;width:100vw;height:100%;right:0}.row__star{opacity:1}.hints{display:none}}