@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";
:root{--bg-color:#080808;--bg-surface:#111;--text-primary:#f2f2f2;--text-secondary:#8a8a8a;--accent:#6366f1;--accent-hover:#818cf8;--glass-bg:#121212b3;--glass-border:#ffffff17;--gradient-bg:none}.light-mode{--bg-color:#f2f2f7;--bg-surface:#fff;--text-primary:#1c1c1e;--text-secondary:#636366;--accent:#4f46e5;--accent-hover:#6366f1;--glass-bg:#ffffffd9;--glass-border:#0000001a;--gradient-bg:none}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;line-height:1.5}h1,h2,h3,h4,.space-link{font-family:Outfit,sans-serif}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:16px;transition:all .3s}body.light-mode .glass-panel{box-shadow:0 2px 16px #0000000f}body:not(.light-mode) .glass-panel{box-shadow:0 8px 32px #0006}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #6366f159}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f180}.btn-primary:active{transform:translateY(0)scale(.98)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--glass-border);border-left-color:var(--accent);border-radius:50%;animation:.8s linear infinite spin}@keyframes popIn{0%{opacity:0;transform:scale(.96)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.pop-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards popIn}@keyframes shimmer{0%{background-position:-800px 0}to{background-position:800px 0}}.skeleton-box{background:linear-gradient(90deg, var(--glass-border) 25%, var(--glass-bg) 50%, var(--glass-border) 75%);background-size:800px 100%;border-radius:6px;animation:1.6s linear infinite shimmer}@keyframes slideInRight{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.space-link{opacity:0;animation:.25s ease-out forwards slideInRight}.space-link:first-child{animation-delay:40ms}.space-link:nth-child(2){animation-delay:80ms}.space-link:nth-child(3){animation-delay:.12s}.space-link:nth-child(4){animation-delay:.16s}.space-link:nth-child(5){animation-delay:.2s}.space-link:hover{background-color:var(--glass-border)!important}.h-screen{min-height:100vh}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.email-row{transition:background .12s}.email-row:hover .email-row-actions{opacity:1!important}body:not(.light-mode) .email-row:hover{background:#ffffff0d!important}body.light-mode .email-row:hover{background:#0000000a!important}.lm-editor{min-height:100px;color:var(--text-primary);outline:none;padding:14px 16px;font-family:inherit;line-height:1.65}.lm-editor p{margin:0 0 6px}.lm-editor p:last-child{margin-bottom:0}.lm-editor a{color:#4f46e5;text-decoration:underline}.lm-editor ul{margin:0 0 6px;padding-left:20px}.lm-editor strong{font-weight:700}.lm-editor.is-editor-empty:before{content:attr(data-placeholder);color:var(--text-secondary);opacity:.5;pointer-events:none;float:left;height:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#80808040;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#80808066}body.light-mode .logo-invert{filter:invert()brightness(.4)}@media (max-width:768px){.mobile-hidden,.desktop-only{display:none!important}.mobile-list-pane{border-right:none!important;width:100vw!important}.mobile-full-pane{z-index:20;inset:0;background:var(--bg-surface)!important;border:none!important;border-radius:0!important;width:100vw!important;height:100vh!important;position:fixed!important}.mobile-drawer{z-index:50;background:var(--bg-surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);will-change:transform;width:280px;height:100%;transition:transform .28s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%)}.mobile-drawer.open{transform:translate(0)}.mobile-overlay{z-index:40;opacity:0;pointer-events:none;background:#00000073;transition:opacity .28s;position:fixed;inset:0}.mobile-overlay.open{opacity:1;pointer-events:auto}.mobile-only{display:flex!important}.thread-action-btn{min-height:44px!important;padding:10px 16px!important;font-size:.95rem!important}}@media (min-width:769px){.mobile-only{display:none!important}}