@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #0a0a0c;--bg-secondary: #16161a;--accent: #7c4dff;--accent-light: #b388ff;--text-primary: #ffffff;--text-secondary: #cbd5e1;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--danger: #ff4d4d;--success: #00e676}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,.brand-font{font-family:Outfit,sans-serif;letter-spacing:-.02em}.glass-morphism{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px}.container{max-width:480px;margin:0 auto;padding:1.5rem 1rem;min-height:100vh;display:flex;flex-direction:column;gap:1.5rem}@media(max-width:380px){.container{padding:1rem .75rem;gap:1.25rem}.timer{font-size:2.5rem}.recorder-btn{width:100px;height:100px}.glass-morphism{padding:1.5rem 1rem!important}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #7c4dffb3}70%{transform:scale(1.05);box-shadow:0 0 0 20px #7c4dff00}to{transform:scale(1);box-shadow:0 0 #7c4dff00}}@keyframes recording-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}button{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;outline:none}button:active{transform:scale(.95)}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);color:#fff;padding:1rem 2rem;border-radius:16px;font-weight:600;font-size:1rem;box-shadow:0 10px 20px -5px #7c4dff66}.recorder-btn{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:2rem auto;background:var(--accent);position:relative}.recorder-btn.active{background:var(--danger);animation:pulse 2s infinite}.timer{font-size:3rem;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;margin-top:1rem;color:var(--text-primary)}.session-card{padding:1.25rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.tag{padding:.25rem .75rem;border-radius:100px;font-size:.75rem;font-weight:500;background:#ffffff1a}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);display:inline-block;margin-right:8px}