@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--bg: #060810;--bg-2: #0a0e1a;--glass: rgba(255,255,255,.055);--glass-strong: rgba(255,255,255,.09);--border: rgba(255,255,255,.14);--text: #eef2f8;--text-dim: #92a0b3;--accent-a: #5ee7ff;--accent-b: #8b7bff;--accent-c: #ff8bc6;--danger: #ff5d6c;--radius: 22px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(circle at 20% 20%,#0d1224 0%,var(--bg) 55%);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}h1,h2,h3,.display{font-family:Space Grotesk,Inter,sans-serif;letter-spacing:-.01em}a{color:inherit;text-decoration:none}.liquid-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;filter:blur(60px) saturate(140%)}.blob{position:absolute;border-radius:50%;opacity:.55;mix-blend-mode:screen;animation:drift 22s ease-in-out infinite}.blob.b1{width:46vw;height:46vw;left:-10%;top:-8%;background:radial-gradient(circle,var(--accent-b),transparent 70%);animation-duration:26s}.blob.b2{width:38vw;height:38vw;right:-8%;top:10%;background:radial-gradient(circle,var(--accent-a),transparent 70%);animation-duration:19s;animation-delay:-4s}.blob.b3{width:34vw;height:34vw;left:30%;bottom:-14%;background:radial-gradient(circle,var(--accent-c),transparent 70%);animation-duration:24s;animation-delay:-9s}@keyframes drift{0%{transform:translate(0) scale(1)}33%{transform:translate(4%,6%) scale(1.08)}66%{transform:translate(-5%,-3%) scale(.96)}to{transform:translate(0) scale(1)}}@media (prefers-reduced-motion: reduce){.blob{animation:none}}.glass{position:relative;background:var(--glass);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);box-shadow:0 1px #ffffff14 inset,0 20px 60px #00000059}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:14px;border:1px solid var(--border);background:var(--glass-strong);color:var(--text);font-weight:600;font-size:15px;cursor:pointer;transition:transform .15s ease,background .2s ease,border-color .2s ease}.btn:hover{background:#ffffff24}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--accent-b),var(--accent-a));border-color:transparent;color:#06101c}.btn-primary:hover{filter:brightness(1.07)}.btn:disabled{opacity:.5;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;text-align:left}.field label{font-size:13px;color:var(--text-dim)}.field input{background:#ffffff0d;border:1px solid var(--border);border-radius:12px;padding:12px 14px;color:var(--text);font-size:15px;outline:none}.field input:focus{border-color:var(--accent-a)}.error-text{color:var(--danger);font-size:13px}.app-shell{position:relative;z-index:1;display:grid;grid-template-columns:260px 340px 1fr;height:100vh;gap:14px;padding:14px}@media (max-width: 960px){.app-shell{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.sidebar{order:1}.mail-list{order:2}.reading-pane{order:3}}.mobile-mail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:12px;z-index:50}.mobile-mail-sheet{width:min(760px,100%);max-height:min(88vh,820px);border-radius:var(--radius);overflow:auto}.mobile-mail-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 0;background:#0003}.sidebar{padding:18px;display:flex;flex-direction:column;gap:6px}.sidebar .mailbox-switch{font-size:13px;color:var(--text-dim);margin-bottom:10px}.nav-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:12px;cursor:pointer;font-size:14px;color:var(--text-dim)}.nav-item.active{background:var(--glass-strong);color:var(--text)}.nav-item:hover{background:#ffffff0f}.badge{font-size:11px;padding:2px 8px;border-radius:999px;background:#5ee7ff2e;color:var(--accent-a)}.badge-verified{color:#7bffb0}.badge-warning{color:#ffcf5c}.badge-danger{color:var(--danger)}.mail-list{padding:10px;overflow-y:auto}@media (max-width: 960px){.mail-list{max-height:42vh}}.mail-row{padding:14px;border-radius:14px;cursor:pointer;margin-bottom:6px;border:1px solid transparent}.mail-row:hover{background:#ffffff0d}.mail-row.active{border-color:var(--border);background:var(--glass-strong)}.mail-row .from{font-weight:600;font-size:14px;display:flex;align-items:center;gap:6px}.mail-row .subject{font-size:13px;color:var(--text-dim);margin-top:2px}.mail-row .meta{font-size:11px;color:var(--text-dim);margin-top:6px}.reading-pane{padding:28px;overflow-y:auto}.reaction-bar{display:flex;gap:6px;margin-top:18px}.reaction-pill{padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff0d;cursor:pointer;font-size:14px}.reaction-pill.active{background:var(--glass-strong)}.undo-toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);padding:14px 20px;display:flex;align-items:center;gap:14px;z-index:50}.warning-banner{background:#ff5d6c1f;border:1px solid rgba(255,93,108,.4);color:#ffb0b7;padding:12px 16px;border-radius:14px;font-size:13px;margin-bottom:16px}