@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:100vh;padding:0;gap:0;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.mobile-topbar{display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(300px,84vw);z-index:60;border-radius:0 24px 24px 0;transform:translate(-100%) scale(.98);opacity:.6;transition:transform .38s cubic-bezier(.34,1.15,.4,1),opacity .3s ease;overflow-y:auto;padding-top:calc(18px + env(safe-area-inset-top));box-shadow:24px 0 60px #00000073}.sidebar.mobile-open{transform:translate(0) scale(1);opacity:1}.sidebar.mobile-open .nav-item,.sidebar.mobile-open .mailbox-switch,.sidebar.mobile-open>button{animation:sidebarItemIn .32s cubic-bezier(.2,.8,.2,1) backwards}.sidebar.mobile-open .nav-item:nth-of-type(1){animation-delay:.03s}.sidebar.mobile-open .nav-item:nth-of-type(2){animation-delay:.06s}.sidebar.mobile-open .nav-item:nth-of-type(3){animation-delay:.09s}.sidebar.mobile-open .nav-item:nth-of-type(4){animation-delay:.12s}.sidebar.mobile-open .nav-item:nth-of-type(5){animation-delay:.15s}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#04060c99;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);opacity:0;pointer-events:none;transition:opacity .32s ease,backdrop-filter .32s ease}.sidebar-backdrop.visible{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mail-list{max-height:none;height:calc(100vh - 120px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:0;border:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.mail-row{margin:0 12px 8px}.reading-pane{display:none}.mobile-mail-sheet .reading-pane{display:block;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:18px}}@media (min-width: 961px){.mobile-topbar,.mobile-tabbar,.compose-fab,.sidebar-backdrop{display:none!important}}.mobile-topbar{display:none;align-items:center;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;position:sticky;top:0;z-index:40;background:#060810b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.mobile-topbar .hamburger{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--glass-strong);border:1px solid var(--border);font-size:18px;flex-shrink:0}.mobile-topbar .current-address{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-topbar .current-folder-label{font-size:11px;color:var(--text-dim)}.mobile-tabbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:45;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#080a14c7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);justify-content:space-around;gap:4px}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:12px;color:var(--text-dim);font-size:10.5px;cursor:pointer}.mobile-tab .icon{font-size:19px;line-height:1}.mobile-tab.active{color:var(--accent-a)}.mobile-tab.active .icon{filter:drop-shadow(0 0 8px rgba(94,231,255,.55))}.compose-fab{display:none;position:fixed;right:18px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:46;width:54px;height:54px;border-radius:50%;align-items:center;justify-content:center;font-size:22px;background:linear-gradient(135deg,var(--accent-b),var(--accent-a));color:#06101c;border:none;box-shadow:0 10px 30px #5ee7ff59,0 6px 18px #00000059}@media (max-width: 960px){.mobile-tabbar,.compose-fab{display:flex}}.mobile-mail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg);animation:slideUp .22s ease-out}.mobile-mail-sheet{width:100%;height:100%;max-height:none;border-radius:0;overflow-y:auto;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;box-shadow:none}.mobile-mail-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:calc(14px + env(safe-area-inset-top)) 14px 12px;background:#060810d9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}@keyframes slideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sidebarItemIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.hamburger{position:relative;transition:background .2s ease,transform .2s ease}.hamburger:active{transform:scale(.92)}.hamburger .burger-lines{position:relative;width:16px;height:12px}.hamburger .burger-lines span{position:absolute;left:0;width:100%;height:2px;background:currentColor;border-radius:2px;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .2s ease,top .3s ease}.hamburger .burger-lines span:nth-child(1){top:0}.hamburger .burger-lines span:nth-child(2){top:5px}.hamburger .burger-lines span:nth-child(3){top:10px}.hamburger.open .burger-lines span:nth-child(1){top:5px;transform:rotate(45deg)}.hamburger.open .burger-lines span:nth-child(2){opacity:0}.hamburger.open .burger-lines span:nth-child(3){top:5px;transform:rotate(-45deg)}.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}.folder-shell{grid-column:2 / 4;display:flex;flex-direction:column;gap:14px;min-height:0}.folder-shell-inner{display:grid;grid-template-columns:340px 1fr;gap:14px;flex:1;min-height:0}@media (max-width: 960px){.folder-shell{grid-column:1;padding:0}.folder-shell-inner{grid-template-columns:1fr}}@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}