:root{--color-slate-950:222 47% 8%;--color-slate-900:222 47% 11%;--color-slate-800:217 33% 17%;--color-slate-700:215 28% 23%;--color-violet-400:262 83% 68%;--color-violet-500:262 83% 58%;--color-violet-600:262 80% 50%;--color-emerald-400:141 79% 58%;--color-emerald-500:142 71% 45%;--color-emerald-600:142 76% 36%;--color-amber-400:43 100% 50%;--color-text-primary:210 40% 98%;--color-text-secondary:215 20% 65%;--color-bg-primary:var(--color-slate-950);--glass-bg:hsla(var(--color-slate-800) / .4);--glass-border:hsla(var(--color-text-primary) / .1);--glass-blur:16px;--font-sans:"Inter", system-ui, -apple-system, sans-serif}body{background-color:hsl(var(--color-bg-primary));background-image:radial-gradient(circle at 15% 50%, hsla(var(--color-violet-600) / .15), transparent 25%), radial-gradient(circle at 85% 30%, hsla(var(--color-emerald-500) / .1), transparent 25%);color:hsl(var(--color-text-primary));font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:20px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;box-shadow:0 8px 32px #0003}.glass-panel:hover{box-shadow:0 12px 48px #0000004d}.text-gradient{background:linear-gradient(135deg, hsl(var(--color-text-primary)) 0%, hsl(var(--color-violet-400)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-break{background:linear-gradient(135deg, hsl(var(--color-text-primary)) 0%, hsl(var(--color-emerald-400)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.flex-center{justify-content:center;align-items:center;display:flex}.absolute-fill{position:absolute;inset:0}*{box-sizing:border-box}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit;transition:all .2s}button:active{transform:scale(.95)}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 12px hsla(var(--color-violet-500)/.4))}50%{filter:drop-shadow(0 0 24px hsla(var(--color-violet-500)/.8))}}@keyframes pulse-glow-break{0%,to{filter:drop-shadow(0 0 12px hsla(var(--color-emerald-500)/.4))}50%{filter:drop-shadow(0 0 24px hsla(var(--color-emerald-500)/.8))}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards fade-in-up}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.app-container{padding:clamp(.5rem,2vw,1rem);padding-top:max(clamp(.5rem, 2vw, 1rem), env(safe-area-inset-top));padding-bottom:max(clamp(.5rem, 2vw, 1rem), env(safe-area-inset-bottom));padding-left:max(clamp(.5rem, 2vw, 1rem), env(safe-area-inset-left));padding-right:max(clamp(.5rem, 2vw, 1rem), env(safe-area-inset-right));box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:600px;min-height:100dvh;margin:0 auto;display:flex}.app-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:clamp(.35rem,1.5vh,.85rem) 0 clamp(.5rem,2vh,1.25rem);display:flex}.app-title{white-space:nowrap;align-items:center;gap:.45rem;margin:0;font-size:clamp(1.35rem,4.5vw,1.85rem);display:flex}.active-session-container{flex-direction:column;flex:1;justify-content:space-evenly;align-items:center;width:100%;min-height:0;display:flex}.user-menu-pill{background:hsla(var(--color-slate-900) / .5);border:1px solid hsla(var(--color-slate-700) / .5);border-radius:999px;flex-shrink:0;align-items:center;gap:.5rem;max-width:100%;padding:.35rem .65rem .35rem .35rem;display:flex;box-shadow:0 4px 12px #0000001a}.user-menu-details{flex-direction:column;align-items:flex-start;margin-right:.25rem;display:flex}@media (width<=520px){.user-menu-details,.user-menu-divider{display:none!important}.user-menu-pill{gap:.35rem;padding:.2rem .45rem .2rem .2rem}}