@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#0c0d17;--ink-2:#12132a;--glass:#ffffff0b;--glass-2:#ffffff14;--line:#ffffff17;--text:#e9eaf4;--muted:#8e92ac;--accent:#ffb547;--accent-ink:#1d1400;--danger:#ff6b6b;--r-pane:20px;--r-row:14px;--r-ctl:10px;--font-ui:"Figtree Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Bricolage Grotesque Variable", "Figtree Variable", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font:15px/1.45 var(--font-ui);color:var(--text);background:var(--ink);-webkit-font-smoothing:antialiased;background-image:radial-gradient(900px 520px at 8% -10%,#9b8cff29,#0000 60%),radial-gradient(800px 480px at 100% 0,#ffb54717,#0000 60%),radial-gradient(700px 500px at 60% 120%,#4fd1c514,#0000 60%);background-attachment:fixed;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.boot{height:100%}.glass{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(140%)}.btn,.icon-btn,.link-btn,.user-btn{background:0 0;border:0}.btn{border-radius:var(--r-ctl);background:var(--glass-2);border:1px solid var(--line);align-items:center;gap:7px;padding:8px 13px;font-size:14px;font-weight:560;transition:background .15s;display:inline-flex}.btn:hover:not(:disabled){background:#ffffff21}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn.primary:hover:not(:disabled){background:#ffc468}.btn.danger{color:#ffb3b3;background:#ff6b6b29;border-color:#ff6b6b66}.btn.block{justify-content:center;width:100%;padding:11px}.btn:disabled{opacity:.55;cursor:not-allowed}.icon-btn{border-radius:var(--r-ctl);width:36px;height:36px;color:var(--muted);place-items:center;display:inline-grid}.icon-btn:hover{background:var(--glass-2);color:var(--text)}.icon-btn.is-on{color:var(--accent)}.link-btn{color:var(--accent);text-underline-offset:3px;padding:0;font-weight:560;text-decoration:underline}.chip{color:var(--c);background:color-mix(in srgb, var(--c) 15%, transparent);border:1px solid color-mix(in srgb, var(--c) 35%, transparent);border-radius:99px;padding:1px 9px;font-size:12px;font-weight:600;display:inline-block}kbd{font:600 11px var(--font-ui);background:var(--glass-2);border:1px solid var(--line);border-radius:6px;margin-right:4px;padding:1px 6px}.only-narrow{display:none}.app{height:100dvh;padding-top:env(safe-area-inset-top,0);grid-template-rows:auto minmax(0,1fr);display:grid}.topbar{align-items:center;gap:14px;padding:12px 18px;display:flex}.wordmark{font:700 21px/1 var(--font-display);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;display:flex}.wordmark.big{justify-content:center;font-size:30px}.logo-mark{background:var(--ink-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M14 44V22l18 14 18-14v22' fill='none' stroke='%23ffb547' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/78% no-repeat;border:1px solid var(--line);border-radius:8px;width:26px;height:26px}.search{flex:1;align-items:center;max-width:520px;margin:0 auto;display:flex;position:relative}.search svg{color:var(--muted);pointer-events:none;position:absolute;left:13px}.search input{background:var(--glass);border:1px solid var(--line);border-radius:99px;outline:none;width:100%;padding:10px 14px 10px 38px}.search input:focus{border-color:var(--accent);background:var(--glass-2)}.search input::placeholder{color:var(--muted)}.menu-wrap{position:relative}.user-btn{background:var(--glass);border:1px solid var(--line);color:var(--muted);border-radius:99px;align-items:center;gap:8px;padding:6px 12px;display:flex}.user-btn:hover{color:var(--text);background:var(--glass-2)}.user-name{color:var(--text);font-weight:600}.menu{z-index:30;background:#16172ceb;border-radius:16px;width:260px;padding:12px;position:absolute;top:calc(100% + 8px);right:0}.menu-head{margin-bottom:8px;font-weight:600}.shortcuts{border-block:1px solid var(--line);color:var(--muted);gap:6px;margin-bottom:6px;padding:10px 0;font-size:13px;display:grid}.menu-item{text-align:left;background:0 0;border:0;border-radius:8px;width:100%;padding:8px 10px}.menu-item:hover{background:var(--glass-2)}.shell{padding:0 12px calc(12px + env(safe-area-inset-bottom,0));grid-template-columns:236px minmax(330px,410px) minmax(0,1fr);gap:12px;min-height:0;display:grid}.sidebar,.list-pane,.reader{border-radius:var(--r-pane);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(140%);min-height:0;overflow:hidden}.sidebar{flex-direction:column;gap:4px;padding:14px 10px;display:flex;overflow-y:auto}.compose-btn{background:var(--accent);color:var(--accent-ink);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin:0 4px 12px;padding:11px;font-weight:650;display:flex}.compose-btn:hover{background:#ffc468}.nav-group{gap:2px;display:grid}.nav-label{color:var(--muted);margin:18px 12px 6px;font-size:13px;font-weight:600}.nav-item{text-align:left;width:100%;color:var(--muted);background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;padding:9px 12px;display:flex}.nav-item:hover{background:var(--glass-2);color:var(--text)}.nav-item.active{background:var(--glass-2);color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}.nav-item span:not(.mb-dot):not(.mb-domain),.mb-name{flex:1;min-width:0}.mb-dot{border-radius:50%;flex:none;width:10px;height:10px;margin:0 4px 0 3px;box-shadow:0 0 10px}.mb-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:560;overflow:hidden}.mb-domain{color:var(--muted);font-weight:400}.count{text-align:center;background:var(--accent);min-width:22px;color:var(--accent-ink);border-radius:99px;padding:1px 7px;font-size:12px;font-weight:700}.count.quiet{background:var(--glass-2);color:var(--muted);font-weight:600}.count.zero{color:var(--muted);background:0 0;font-weight:500}.list-pane{flex-direction:column;display:flex}.pane-title{font:650 22px/1.2 var(--font-display);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:18px 20px 10px;overflow:hidden}.list-scroll{flex:1;padding:4px 10px 12px;overflow-y:auto}.row{border-radius:var(--r-row);border:1px solid #0000;align-items:stretch;margin-bottom:4px;display:flex;position:relative}.row:before{content:"";background:var(--c);opacity:.55;border-radius:3px;width:3px;position:absolute;top:12px;bottom:12px;left:0}.row.unread:before{opacity:1}.row:hover{background:var(--glass)}.row.selected{background:var(--glass-2);border-color:var(--line)}.row-main{text-align:left;background:0 0;border:0;flex:1;gap:2px;min-width:0;padding:11px 6px 11px 16px;display:grid}.row-top{align-items:baseline;gap:8px;min-width:0;display:flex}.unread-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent);border-radius:50%;flex:none;align-self:center}.from{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:55%;font-weight:560;overflow:hidden}.from-email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px;overflow:hidden}.when{color:var(--muted);flex:none;margin-left:auto;font-size:12.5px}.subject{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.snippet{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.row.unread .from,.row.unread .subject{font-weight:700}.row.unread .when{color:var(--accent)}.row-meta{align-items:center;gap:8px;min-height:20px;margin-top:3px;display:flex}.meta-icon{color:var(--muted);display:inline-flex}.meta-warn{color:var(--accent);font-size:12px}.row-star{width:30px;height:30px;color:var(--muted);opacity:.55;background:0 0;border:0;border-radius:8px;align-self:flex-start;place-items:center;margin:10px 8px 0 0;display:grid}.row-star:hover,.row-star.is-on{opacity:1}.row-star.is-on{color:var(--accent)}.more-btn{border:1px solid var(--line);background:var(--glass);border-radius:99px;margin:8px auto 4px;padding:8px 16px;display:block}.state{text-align:center;color:var(--muted);padding:28px 20px}.state.error{color:#ffb3b3}.reader{flex-direction:column;display:flex}.reader-empty{flex:1;place-items:center;display:grid}.viewer{flex-direction:column;height:100%;min-height:0;display:flex}.viewer-head{border-bottom:1px solid var(--line);padding:12px 22px 8px}.viewer-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.toolbar-spacer{flex:1}.viewer-subject{font:650 25px/1.2 var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;margin:6px 0 12px}.meta{grid-template-columns:auto 1fr;gap:3px 14px;margin:0 0 10px;font-size:14px;display:grid}.meta dt{color:var(--muted)}.meta dd{overflow-wrap:anywhere;margin:0}.attachments{flex-wrap:wrap;gap:8px;margin:10px 0 4px;padding:0;list-style:none;display:flex}.att{border:1px solid var(--line);background:var(--glass);color:var(--text);border-radius:12px;align-items:center;gap:8px;padding:7px 12px;font-size:14px;text-decoration:none;display:inline-flex}a.att:hover{background:var(--glass-2);border-color:var(--accent)}.att.disabled{opacity:.7}.att-name{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.att-block{margin:10px 0 4px}.att-note{color:var(--muted);margin:0 0 6px;font-size:13.5px}.att-block .attachments{margin:0}.notice{background:#9b8cff1f;border:1px solid #9b8cff4d;border-radius:12px;margin:10px 0;padding:10px 14px;font-size:14px}.notice.warn{background:#ffb5471f;border-color:#ffb54759}.viewer-body{flex:1;padding:14px 22px 28px;overflow-y:auto}.body-tabs{background:var(--glass);border:1px solid var(--line);border-radius:99px;margin-bottom:12px;padding:3px;display:inline-flex}.body-tabs button{color:var(--muted);background:0 0;border:0;border-radius:99px;padding:5px 14px;font-size:13.5px;font-weight:560}.body-tabs button.on{background:var(--glass-2);color:var(--text)}.email-frame{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:0;border-radius:14px;width:100%;display:block}.plain{white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.65 var(--font-ui);max-width:78ch;margin:0}.thread{border-top:1px solid var(--line);margin-top:26px;padding-top:14px}.thread h3{font:650 16px var(--font-display);margin:0 0 8px}.thread ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.thread button{background:var(--glass);text-align:left;border:0;border-radius:10px;align-items:baseline;gap:12px;width:100%;padding:9px 12px;display:flex}.thread button:hover{background:var(--glass-2)}.thread button.unread .t-from{font-weight:700}.t-from{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:32%;overflow:hidden}.t-snip{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);flex:1;overflow:hidden}.modal-scrim{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05060e9e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:#16172cf5;border-radius:22px;flex-direction:column;width:min(640px,100%);max-height:min(86dvh,760px);display:flex;overflow:hidden;box-shadow:0 30px 80px #00000080}.modal.wide{width:min(900px,100%)}.modal-head{justify-content:space-between;align-items:center;padding:14px 18px 6px;display:flex}.modal-head h3{font:650 19px var(--font-display);margin:0}.modal-foot{border-top:1px solid var(--line);align-items:center;gap:8px;padding:12px 18px;display:flex}.modal .notice{margin:6px 18px}.original{white-space:pre-wrap;overflow-wrap:anywhere;color:#cfd2e6;margin:0;padding:14px 18px 20px;font:12.5px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.compose-fields{gap:8px;padding:8px 18px 14px;display:grid;overflow-y:auto}.compose-fields label{color:var(--muted);grid-template-columns:62px 1fr;align-items:center;gap:8px;font-size:14px;display:grid}.compose-fields input,.compose-fields select,.compose-fields textarea,.field input{border-radius:var(--r-ctl);border:1px solid var(--line);background:var(--glass);width:100%;color:var(--text);outline:none;padding:9px 12px}.compose-fields select option{background:#16172c}.compose-fields input:focus,.compose-fields select:focus,.compose-fields textarea:focus,.field input:focus{border-color:var(--accent)}.compose-fields textarea{resize:vertical;min-height:160px}.cc-toggle{justify-self:start;margin-left:70px;font-size:13px}.login-wrap{place-items:center;min-height:100dvh;padding:20px;display:grid}.login{border-radius:26px;gap:16px;width:min(400px,100%);padding:34px 30px 30px;display:grid}.login-sub{text-align:center;color:var(--muted);margin:-8px 0 6px}.field{color:var(--muted);gap:6px;font-size:14px;display:grid}.form-error{color:#ffb3b3;background:#ff6b6b24;border-radius:10px;padding:9px 12px;font-size:14px}.toast{left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0));z-index:60;background:#1c1d36f2;border-radius:99px;align-items:center;gap:16px;padding:11px 18px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 40px #00000073}@media (width<=899px){.only-narrow{display:inline-grid}.scrim.only-narrow{display:none}.topbar{gap:8px;padding:10px 12px}.wordmark{font-size:18px}.user-name{display:none}.search{margin:0}.shell{padding:0 8px calc(8px + env(safe-area-inset-bottom,0));grid-template-columns:1fr}.sidebar{z-index:40;width:min(290px,84vw);padding-top:calc(16px + env(safe-area-inset-top,0));border-radius:0 var(--r-pane) var(--r-pane) 0;background:#12132af7;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-102%)}.drawer-open .sidebar{transform:none}.drawer-open .scrim.only-narrow{z-index:35;background:#05060e8c;display:block;position:fixed;inset:0}.reader{z-index:20;background:var(--ink-2);padding-top:env(safe-area-inset-top,0);border-radius:0;transition:transform .2s;position:fixed;inset:0;transform:translate(102%)}.has-email .reader{transform:none}.viewer-subject{font-size:21px}.viewer-head,.viewer-body{padding-inline:16px}.btn{padding:8px 11px}}@media (width>=900px) and (width<=1180px){.shell{grid-template-columns:210px minmax(300px,360px) minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.modal.compose{width:min(720px,100%)}.seg{background:var(--glass);border:1px solid var(--line);border-radius:99px;margin:0 20px 8px;padding:3px;display:inline-flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:99px;padding:4px 14px;font-size:13.5px;font-weight:560}.seg button.on{background:var(--glass-2);color:var(--text)}.seg.small{margin:0}.seg.small button{padding:3px 11px;font-size:13px}.editor-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.fmt{flex-wrap:wrap;gap:4px;display:flex}.fmt-btn{border:1px solid var(--line);background:var(--glass);border-radius:8px;padding:4px 10px;font-size:13px}.fmt-btn:hover:not(:disabled){background:var(--glass-2)}.fmt-btn.f-bold{font-weight:800}.fmt-btn.f-italic{font-style:italic}.fmt-btn.f-underline{text-decoration:underline}.editor{border-radius:var(--r-ctl);border:1px solid var(--line);background:var(--glass);overflow-wrap:anywhere;outline:none;min-height:190px;max-height:42dvh;padding:10px 12px;line-height:1.55;overflow:auto}.editor:focus{border-color:var(--accent)}.editor blockquote{border-left:3px solid var(--line);color:var(--muted);margin:6px 0 6px 2px;padding-left:12px}.editor a{color:var(--accent)}.compose-error{margin:0 18px 8px}.small{margin:0;font-size:13px}.sent-state{text-align:center;justify-items:center;gap:8px;padding:46px 20px 54px;display:grid}.sent-check{color:#4fd1c5;background:#4fd1c529;border:1px solid #4fd1c566;border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.status-pill{color:#4fd1c5;background:#4fd1c51f;border:1px solid #4fd1c559;border-radius:99px;padding:3px 12px;font-size:13px;font-weight:600}