:root,[data-theme=light]{color-scheme:light;--canvas: #f3f0ea;--canvas-deep: #e7e1d8;--pane: #fffcf8;--ink: #1d1d1f;--muted: #5c5c61;--faint: #6e6e73;--copper: #b64d24;--copper-fill: #9a3818;--copper-ink: #fffaf6;--line: rgba(28, 28, 30, .08);--glass: rgba(255, 252, 248, .82);--glass-solid: #f7f4ef;--glass-edge: rgba(255, 255, 255, .78);--glass-sheen: rgba(255, 255, 255, .9);--glint: rgba(255, 255, 255, .55);--shadow: rgba(48, 36, 24, .12);--row: rgba(255, 255, 255, .55);--row-selected: #fff7f2;--field: #fffcf8;--danger: #9d342c;--danger-bg: #f8e7e4;--ok: #1f6b45;--focus: #9a3f1c;--pane-shadow: 0 18px 50px rgba(48, 36, 24, .08);--font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Inter, "Segoe UI", sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);--spring: cubic-bezier(.22, 1.12, .36, 1)}[data-theme=dark]{color-scheme:dark;--canvas: #121214;--canvas-deep: #0c0c0e;--pane: #1c1c1e;--ink: #f5f5f7;--muted: #d1d1d6;--faint: #aeaeb2;--copper: #e08a55;--copper-fill: #e39a6a;--copper-ink: #1c120c;--line: rgba(255, 255, 255, .1);--glass: rgba(44, 44, 46, .84);--glass-solid: #2c2c2e;--glass-edge: rgba(255, 255, 255, .18);--glass-sheen: rgba(255, 255, 255, .24);--glint: rgba(255, 255, 255, .16);--shadow: rgba(0, 0, 0, .45);--row: rgba(255, 255, 255, .04);--row-selected: rgba(224, 138, 85, .16);--field: #161618;--danger: #ffb4ab;--danger-bg: rgba(255, 180, 171, .12);--ok: #8fd6ae;--focus: #f0b089;--pane-shadow: 0 18px 50px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.45;background:radial-gradient(980px 520px at 8% -12%,rgba(182,77,36,.16),transparent 55%),radial-gradient(820px 480px at 100% 0%,rgba(120,140,160,.14),transparent 50%),var(--canvas);letter-spacing:-.011em}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}::selection{background:#b64d2438}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.glass{position:relative;isolation:isolate;background:var(--glass);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-sheen),0 10px 28px var(--shadow);-webkit-backdrop-filter:blur(22px) saturate(1.55);backdrop-filter:blur(22px) saturate(1.55)}.glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(160px circle at var(--gx, 50%) var(--gy, 0%),var(--glint),transparent 62%);transition:opacity .42s var(--ease)}.glass:hover:after{opacity:1}.nav,.list-head,.letter-toolbar,.compose,.auth-card,.seed-card,.settings-card,.toast,.primary,.ghost,.compose-launch{position:relative;isolation:isolate;background:var(--glass);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-sheen),0 10px 28px var(--shadow);-webkit-backdrop-filter:blur(22px) saturate(1.55);backdrop-filter:blur(22px) saturate(1.55)}.nav:after,.list-head:after,.letter-toolbar:after,.compose:after,.auth-card:after,.seed-card:after,.settings-card:after,.toast:after,.primary:after,.ghost:after,.compose-launch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(180px circle at var(--gx, 40%) var(--gy, 0%),var(--glint),transparent 64%);transition:opacity .46s var(--ease)}.primary:after,.compose-launch:after{background:radial-gradient(120px circle at var(--gx, 50%) var(--gy, 30%),rgba(255,255,255,.16),transparent 62%)}.nav:hover:after,.compose:hover:after,.auth-card:hover:after,.seed-card:hover:after,.settings-card:hover:after,.list-head:hover:after,.letter-toolbar:hover:after,.primary:hover:after,.ghost:hover:after,.compose-launch:hover:after,.toast:hover:after{opacity:1}.primary,.ghost,.compose-launch,.icon-button,.text-button,.segment,.banner button{transition:transform .42s var(--spring),background-color .42s var(--ease),border-color .42s var(--ease),color .42s var(--ease)}.primary:active,.ghost:active,.compose-launch:active,.icon-button:active,.segment:active,.banner button:active{transform:scale(.975)}.primary:disabled,.ghost:disabled{opacity:.55;cursor:default;transform:none}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass,.nav,.list-head,.letter-toolbar,.compose,.auth-card,.seed-card,.settings-card,.toast,.ghost,.compose-launch{background:var(--glass-solid);-webkit-backdrop-filter:none;backdrop-filter:none}}.logo{display:inline-flex;align-items:center;gap:10px;color:var(--ink)}.logo-mark{width:32px;height:32px;color:var(--copper);flex:none}.logo-word{font-size:20px;font-weight:620;letter-spacing:-.03em}.logo-compact .logo-mark{width:28px;height:28px}.logo-compact .logo-word{font-size:17px}.auth-screen{min-height:100vh;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,460px);gap:48px;align-items:center;padding:64px clamp(24px,6vw,96px);animation:rise .56s var(--ease)}.auth-brand{max-width:460px}.auth-brand h1{margin:22px 0 8px;font-size:clamp(40px,5vw,64px);line-height:1.02;font-weight:640;letter-spacing:-.045em}.auth-brand p{margin:0;color:var(--muted);font-size:18px;max-width:34ch}.brand-steps{margin:28px 0 0;padding:0;list-style:none;color:var(--muted);display:grid;gap:10px}.brand-steps li{padding-left:18px;position:relative}.brand-steps li:before{content:"";width:6px;height:6px;border-radius:99px;background:var(--copper);position:absolute;left:0;top:.55em}.auth-panel{display:grid;gap:16px}.auth-card,.seed-card,.settings-card{border-radius:28px;padding:28px}.auth-card h2,.settings-card h2{margin:0 0 6px;font-size:22px;letter-spacing:-.03em}.auth-card .muted,.settings-card .muted,.seed-note{color:var(--muted);margin:0 0 18px}.seed-label{margin:0 0 8px;font-size:13px;letter-spacing:.04em;text-transform:none;color:var(--faint)}.seed-card code{display:block;padding:10px 12px;border-radius:14px;background:var(--field);border:1px solid var(--line);margin:6px 0;color:var(--ink)}.switch-auth{background:none;border:0;padding:0;color:var(--copper);font-weight:600}.auth-card label,.compose-field{display:grid;gap:6px;margin-bottom:14px;font-size:13px;color:var(--muted)}.auth-card input,.search input,.compose-field input,.compose-body{width:100%;border-radius:16px;border:1px solid var(--line);background:var(--field);padding:12px 14px;box-shadow:inset 0 1px #ffffff59}.field textarea,.compose-body{min-height:180px;resize:vertical}.form-error{color:var(--danger);margin:0 0 12px}.primary,.ghost,.compose-launch,.banner button,.text-button,.icon-button{border-radius:999px;border:1px solid transparent;padding:10px 16px}.primary{background:var(--copper-fill);color:var(--copper-ink);border-color:transparent;font-weight:620;box-shadow:inset 0 1px #ffffff59,0 8px 18px #b64d2438}.full{width:100%}.ghost{background:var(--glass);color:var(--ink)}.compose-launch{width:100%;margin:8px 0 18px;padding:12px 16px;border-radius:18px;background:var(--copper-fill);color:var(--copper-ink);font-weight:620;text-align:left;box-shadow:inset 0 1px #ffffff59,0 10px 22px #b64d2433}.shell{min-height:100vh;display:grid;grid-template-columns:272px minmax(300px,400px) minmax(0,1fr);gap:14px;padding:14px;animation:rise .52s var(--ease)}.shell.show-settings{grid-template-columns:272px minmax(0,1fr)}.nav{border-radius:28px;padding:22px 16px 16px;display:flex;flex-direction:column;height:calc(100vh - 28px);color:var(--ink)}.nav-brand{padding:4px 8px 8px}.folder-list{display:grid;gap:4px}.folder,.segment{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;border:0;background:transparent;border-radius:14px;padding:10px 12px;color:var(--ink)}.folder small,.folder em{font-style:normal;color:var(--faint);font-size:13px}.folder.active{background:var(--row-selected);color:var(--ink)}.folder.active em{color:var(--copper);font-weight:650}.nav-user{margin-top:auto;display:grid;gap:10px;padding-top:16px}.nav-user strong,.nav-user span{display:block}.nav-user span{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.text-button{justify-self:start;background:transparent;color:var(--muted);padding:6px 2px}.icon-button{display:grid;place-items:center;background:var(--field);border:1px solid var(--line);width:40px;height:40px;padding:0}.menu-toggle,.scrim{display:none}.list-pane,.read-pane{background:var(--pane);border-radius:28px;height:calc(100vh - 28px);box-shadow:var(--pane-shadow);overflow:hidden;display:flex;flex-direction:column}.list-head,.letter-toolbar{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:0;border-left:0;border-right:0;border-top:0;position:sticky;top:0;z-index:2}.list-head h1,.letter h2,.settings-head h1{margin:0;font-size:28px;letter-spacing:-.04em;font-weight:640}.list-head p{margin:2px 0 0;color:var(--muted);font-size:13px}.list-head .ghost{margin-left:auto}.search{display:block;padding:12px 16px 4px}.search input{border-radius:999px;background:var(--field)}.message-list{padding:8px;display:grid;align-content:start;gap:4px;overflow:auto;flex:1;min-height:0}.message-row,.folder,.search input,.banner{-webkit-backdrop-filter:none;backdrop-filter:none}.message-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;text-align:left;border:0;border-radius:18px;padding:12px;background:var(--row);color:var(--ink);transition:background-color .45s var(--ease),transform .45s var(--ease)}.message-row:hover{background:color-mix(in srgb,var(--row-selected) 55%,var(--row))}.message-row.selected{background:var(--row-selected);transform:translate(2px)}.message-copy{min-width:0;display:grid;gap:2px}.message-top,.subject,.snippet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-top{display:flex;justify-content:space-between;gap:8px}.message-top time,.snippet,.letter-meta span,.muted{color:var(--muted)}.subject{color:var(--ink)}.unread{font-weight:700}a{color:var(--focus)}.unread-dot{width:8px;height:8px;border-radius:99px;background:var(--copper)}.avatar{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;font-size:13px;font-weight:650;color:#1d1d1f;background:#f0d7c8}.tone-0{background:#f0d7c8}.tone-1{background:#d9e4d4}.tone-2{background:#d7e2ee}.tone-3{background:#efe3c8}.tone-4{background:#e7d8e4}.empty,.read-empty,.boot{margin:auto;text-align:center;color:var(--muted);padding:48px 24px;display:grid;justify-items:center;gap:12px}.read-empty h2{margin:0;color:var(--ink);font-weight:600;letter-spacing:-.03em;font-size:22px}.banner{margin:12px 16px 0;padding:12px 14px;border-radius:16px;background:var(--danger-bg);color:var(--danger);display:flex;justify-content:space-between;gap:12px;align-items:center}.banner p{margin:0}.banner button{background:var(--pane);color:var(--danger);border:1px solid transparent}.skeletons{display:grid;gap:8px;padding:8px}.skeletons span{display:block;height:72px;border-radius:18px;background:linear-gradient(90deg,var(--row),color-mix(in srgb,var(--pane) 70%,var(--row)),var(--row));background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.letter{padding:8px 8px 28px;overflow:auto;flex:1;min-height:0}.letter h2{padding:18px 18px 0}.letter-toolbar{margin:-8px -8px 0}.letter-actions{margin-left:auto;display:flex;gap:8px}.back{display:none}.letter-meta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:8px 18px 16px}.letter-meta div{display:grid}.letter-meta time{color:var(--faint);font-size:13px}.letter-body{margin:0 18px;white-space:pre-wrap;font-family:var(--font);font-size:16px;line-height:1.6}.html-mail{width:calc(100% - 36px);min-height:360px;margin:0 18px;border:0;border-radius:16px;background:#fff}.pad{padding:0 18px}.danger{color:var(--danger)}.compose{position:fixed;z-index:20;right:22px;bottom:22px;width:min(560px,calc(100vw - 28px));border-radius:28px;padding:8px;animation:sheet-in .52s var(--spring)}.compose-bar,.compose-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px}.compose-field{display:grid;gap:8px;margin:0;padding:0 8px 8px}.compose-field input,.compose-body{background:var(--field)}.compose-error{color:var(--danger);margin:0 8px 8px}.toast{position:fixed;z-index:30;left:50%;bottom:28px;transform:translate(-50%);padding:12px 18px;border-radius:999px;color:var(--ink);animation:toast-in .46s var(--ease)}.settings{height:calc(100vh - 28px);overflow:auto;padding:28px clamp(18px,4vw,64px) 48px;animation:rise .48s var(--ease)}.settings-head{margin-bottom:22px;max-width:640px}.settings-head p{margin:8px 0 0;color:var(--muted)}.settings-card{max-width:640px;margin-bottom:16px}.settings-card h2{font-size:18px}.account-facts{margin:0 0 12px;display:grid;gap:12px}.account-facts div{display:grid;gap:2px}.account-facts dt{color:var(--faint);font-size:13px}.account-facts dd{margin:0;font-size:17px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;border-radius:18px;background:var(--field);border:1px solid var(--line)}.segment{justify-content:center;border-radius:14px;color:var(--muted)}.segment.on{background:var(--pane);color:var(--ink);box-shadow:0 6px 16px var(--shadow)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes sheet-in{0%{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(max-width:980px){.auth-screen{grid-template-columns:1fr;padding:32px 20px 48px;gap:24px}.shell,.shell.show-settings{grid-template-columns:1fr;padding:0;gap:0}.nav{position:fixed;z-index:15;inset:12px auto 12px 12px;width:min(320px,calc(100vw - 24px));min-height:auto;height:calc(100vh - 24px);transform:translate(calc(-100% - 24px));transition:transform .48s var(--ease)}.nav.open{transform:none}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:14;border:0;background:#14100c47}.menu-toggle{display:grid}.nav{height:calc(100vh - 24px)}.list-pane,.read-pane,.settings{height:100vh;min-height:100vh;border-radius:0;box-shadow:none}.shell.show-read .list-pane{display:none}.shell:not(.show-read) .read-pane{display:none}.back{display:inline-flex}.compose{right:10px;left:10px;bottom:10px;width:auto}}@media(prefers-reduced-motion:reduce){.glass:after,.nav:after,.list-head:after,.letter-toolbar:after,.compose:after,.auth-card:after,.seed-card:after,.settings-card:after,.toast:after,.primary:after,.ghost:after,.compose-launch:after{display:none}.primary:active,.ghost:active,.compose-launch:active,.icon-button:active,.segment:active,.message-row.selected{transform:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}