@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap";:root{--bg-base: #07070f;--bg-surface: #0d0d1a;--bg-elevated: #12122a;--bg-card: rgba(255,255,255,.04);--bg-card-hover: rgba(255,255,255,.07);--purple: #7C3AED;--purple-light: #9F67FF;--purple-dark: #5B21B6;--cyan: #06B6D4;--cyan-light: #22D3EE;--amber: #F59E0B;--emerald: #10B981;--rose: #F43F5E;--text-primary: #F1F0FF;--text-secondary:#A8A4C8;--text-muted: #5F5C7A;--border: rgba(255,255,255,.08);--border-focus: rgba(124, 58, 237, .6);--glass-bg: rgba(13, 13, 26, .85);--glass-border: rgba(255,255,255,.1);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 24px;--r-full: 9999px;--shadow-card: 0 4px 24px rgba(0,0,0,.4);--shadow-glow-purple: 0 0 40px rgba(124,58,237,.3);--shadow-glow-cyan: 0 0 40px rgba(6,182,212,.25);--t-fast: .15s ease;--t-normal: .25s ease;--t-slow: .4s ease;--sidebar-width: 220px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,system-ui,sans-serif;background:var(--bg-base);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:Outfit,sans-serif;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea{font-family:inherit}ul{list-style:none}img{max-width:100%}.hidden{display:none!important}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.text-muted{color:var(--text-secondary)}.font-outfit{font-family:Outfit,sans-serif}.w-full{width:100%}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gradient-text{background:linear-gradient(135deg,var(--purple-light) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #7c3aed4d}50%{box-shadow:0 0 40px #7c3aed99}}@keyframes pulseGlowCyan{0%,to{box-shadow:0 0 20px #06b6d44d}50%{box-shadow:0 0 40px #06b6d499}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.8}}@keyframes ripple{0%{transform:scale(.8);opacity:1}to{transform:scale(2.2);opacity:0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.anim-fade-up{animation:fadeInUp .4s ease both}.anim-fade-in{animation:fadeIn .3s ease both}.anim-slide-right{animation:slideInRight .4s ease both}.anim-scale-in{animation:scaleIn .3s ease both}.stagger>*{animation:fadeInUp .4s ease both}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:60ms}.stagger>*:nth-child(3){animation-delay:.12s}.stagger>*:nth-child(4){animation-delay:.18s}.stagger>*:nth-child(5){animation-delay:.24s}.stagger>*:nth-child(6){animation-delay:.3s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#7c3aed80}#app{display:flex;min-height:100vh}#sidebar{width:var(--sidebar-width);min-height:100vh;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;padding:var(--space-xl) 0;transition:transform var(--t-normal)}.sidebar-logo{padding:0 var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border);margin-bottom:var(--space-lg)}.sidebar-logo .logo-mark{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--purple-light),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-logo .logo-sub{font-size:.7rem;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-top:2px}.nav-section-label{font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:0 var(--space-lg);margin-bottom:var(--space-sm);margin-top:var(--space-md)}.nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:10px var(--space-lg);color:var(--text-secondary);font-size:.875rem;font-weight:500;border-radius:0;transition:all var(--t-fast);cursor:pointer;position:relative;margin:2px 0;border-left:3px solid transparent}.nav-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.nav-item.active{background:#7c3aed26;color:var(--purple-light);border-left-color:var(--purple-light)}.nav-item .nav-icon{font-size:1.1rem;width:20px;text-align:center;flex-shrink:0}.nav-item .nav-badge{margin-left:auto;background:var(--purple);color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:var(--r-full)}.sidebar-bottom{margin-top:auto;padding:var(--space-lg);border-top:1px solid var(--border)}.xp-mini{font-size:.75rem;color:var(--text-secondary);margin-bottom:var(--space-sm);display:flex;justify-content:space-between;align-items:center}.xp-mini .level-badge{background:linear-gradient(135deg,var(--purple),var(--cyan));color:#fff;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:var(--r-full);font-family:Outfit,sans-serif}.xp-bar-mini{height:4px;background:var(--border);border-radius:var(--r-full);overflow:hidden}.xp-bar-fill-mini{height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan));border-radius:var(--r-full);transition:width .6s ease}#main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;background:var(--bg-base)}.section{padding:var(--space-2xl) var(--space-xl);min-height:100vh;animation:fadeInUp .35s ease both}.section-header{margin-bottom:var(--space-2xl)}.section-title{font-size:2rem;font-weight:800;margin-bottom:var(--space-sm);font-family:Outfit,sans-serif}.section-subtitle{color:var(--text-secondary);font-size:1rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-lg);transition:all var(--t-normal);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card:hover{background:var(--bg-card-hover);border-color:#7c3aed4d;transform:translateY(-2px);box-shadow:var(--shadow-card)}.card-glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px 20px;border-radius:var(--r-md);font-size:.875rem;font-weight:600;font-family:Outfit,sans-serif;transition:all var(--t-fast);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--purple),var(--purple-dark));color:#fff;box-shadow:0 4px 15px #7c3aed4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed73;filter:brightness(1.1)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:#7c3aed66}.btn-cyan{background:linear-gradient(135deg,var(--cyan),#0891B2);color:#fff;box-shadow:0 4px 15px #06b6d44d}.btn-cyan:hover{transform:translateY(-1px);box-shadow:0 6px 20px #06b6d473;filter:brightness(1.1)}.btn-danger{background:#f43f5e26;color:var(--rose);border:1px solid rgba(244,63,94,.3)}.btn-danger:hover{background:#f43f5e40}.btn-lg{padding:14px 28px;font-size:1rem;border-radius:var(--r-lg)}.btn-sm{padding:6px 14px;font-size:.8rem}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--r-full)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.input-group{display:flex;flex-direction:column;gap:var(--space-sm)}.input-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);letter-spacing:.05em}.input{background:#ffffff0d;border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-primary);font-size:.9rem;padding:12px 16px;transition:all var(--t-fast);outline:none;width:100%}.input:focus{border-color:var(--purple);background:#7c3aed14;box-shadow:0 0 0 3px #7c3aed26}.input::placeholder{color:var(--text-muted)}textarea.input{resize:vertical;min-height:100px;line-height:1.6}.progress-bar{height:8px;background:var(--border);border-radius:var(--r-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan));border-radius:var(--r-full);transition:width .8s cubic-bezier(.4,0,.2,1)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--r-full);font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.badge-purple{background:#7c3aed33;color:var(--purple-light);border:1px solid rgba(124,58,237,.3)}.badge-cyan{background:#06b6d426;color:var(--cyan-light);border:1px solid rgba(6,182,212,.3)}.badge-amber{background:#f59e0b26;color:var(--amber);border:1px solid rgba(245,158,11,.3)}.badge-emerald{background:#10b98126;color:var(--emerald);border:1px solid rgba(16,185,129,.3)}.badge-rose{background:#f43f5e26;color:var(--rose);border:1px solid rgba(244,63,94,.3)}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.15);border-top-color:var(--purple-light);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.spinner-lg{width:36px;height:36px;border-width:3px}#loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#07070fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);z-index:9999}#loading-overlay .loading-text{color:var(--text-secondary);font-size:.9rem;animation:flicker 1.5s ease infinite}#toast-container{position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:9999;display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-sm);padding:12px 18px;border-radius:var(--r-md);font-size:.875rem;font-weight:500;animation:slideInRight .3s ease both;pointer-events:all;min-width:200px;max-width:360px;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast-success{background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#6ee7b7}.toast-error{background:#f43f5e26;border:1px solid rgba(244,63,94,.4);color:#fda4af}.toast-info{background:#06b6d426;border:1px solid rgba(6,182,212,.4);color:#67e8f9}.toast-xp{background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#fcd34d}#onboarding-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-base);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--space-xl)}.onboarding-box{width:100%;max-width:520px;text-align:center;animation:scaleIn .4s ease both}.onboarding-logo{font-family:Outfit,sans-serif;font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,var(--purple-light) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-sm);animation:float 4s ease infinite}.onboarding-tagline{font-size:1.1rem;color:var(--text-secondary);margin-bottom:var(--space-2xl);line-height:1.6}.onboarding-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--space-xl);text-align:left}.onboarding-card h3{font-size:1.1rem;margin-bottom:var(--space-sm);color:var(--text-primary)}.onboarding-card p{font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.6}.api-key-link{color:var(--cyan-light);text-decoration:underline;font-size:.8rem}.onboarding-features{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin:var(--space-xl) 0}.onboarding-feature{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--space-md);font-size:.82rem;color:var(--text-secondary)}.onboarding-feature .feat-icon{font-size:1.4rem;margin-bottom:var(--space-xs);display:block}.onboarding-feature .feat-name{font-weight:600;color:var(--text-primary);display:block}#levelup-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#07070fe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9998}.levelup-box{text-align:center;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1) both;padding:var(--space-xl)}.levelup-emoji{font-size:5rem;animation:bounce 1s ease infinite}.levelup-title{font-size:3rem;font-weight:900;margin:var(--space-md) 0 var(--space-sm)}.levelup-level{font-size:1.2rem;color:var(--text-secondary)}.home-top-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-xl)}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-lg);transition:all var(--t-normal)}.stat-card:hover{border-color:#7c3aed4d;transform:translateY(-2px)}.stat-icon{font-size:2rem;margin-bottom:var(--space-sm)}.stat-value{font-size:2.2rem;font-weight:800;font-family:Outfit,sans-serif;line-height:1;margin-bottom:4px}.stat-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.streak-card{background:linear-gradient(135deg,#f59e0b26,#ef44441a);border-color:#f59e0b4d}.streak-card .stat-value{background:linear-gradient(135deg,var(--amber),#EF4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.xp-card{background:linear-gradient(135deg,#7c3aed26,#06b6d41a);border-color:#7c3aed4d}.xp-card .stat-value{background:linear-gradient(135deg,var(--purple-light),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-greeting{margin-bottom:var(--space-2xl)}.home-greeting h1{font-size:2.5rem;font-weight:900;line-height:1.1;margin-bottom:var(--space-sm)}.home-greeting p{color:var(--text-secondary);font-size:1rem}.home-level-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.level-bar-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.level-name{font-family:Outfit,sans-serif;font-weight:700;font-size:1.1rem}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.quick-action{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-lg);cursor:pointer;transition:all var(--t-normal);text-align:center}.quick-action:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}.quick-action .qa-icon{font-size:2rem;margin-bottom:var(--space-sm);display:block}.quick-action .qa-title{font-weight:600;font-size:.9rem;margin-bottom:4px;font-family:Outfit,sans-serif}.quick-action .qa-desc{font-size:.75rem;color:var(--text-muted)}.qa-story{border-top:2px solid rgba(124,58,237,.5)}.qa-lesson{border-top:2px solid rgba(6,182,212,.5)}.qa-mission{border-top:2px solid rgba(245,158,11,.5)}.chapters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.chapter-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-lg);cursor:pointer;transition:all var(--t-normal);position:relative;overflow:hidden}.chapter-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(124,58,237,.05),transparent);opacity:0;transition:opacity var(--t-normal)}.chapter-card:hover:before{opacity:1}.chapter-card:hover:not(.locked){border-color:#7c3aed66;transform:translateY(-3px);box-shadow:var(--shadow-card)}.chapter-card.locked{opacity:.5;cursor:not-allowed}.chapter-card.completed{border-color:#10b9814d;background:#10b9810d}.chapter-number{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-sm)}.chapter-character-emoji{font-size:2.5rem;margin-bottom:var(--space-sm)}.chapter-title{font-size:1.15rem;font-weight:700;margin-bottom:4px}.chapter-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-md)}.chapter-meta{display:flex;justify-content:space-between;align-items:center}.chapter-xp{font-size:.8rem;font-weight:700;color:var(--amber)}.story-view{display:flex;flex-direction:column;height:calc(100vh - var(--space-2xl) * 2);max-height:90vh}.story-header{display:flex;align-items:center;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border);margin-bottom:var(--space-lg);flex-shrink:0}.story-character-info{flex:1}.story-character-name{font-size:1.1rem;font-weight:700}.story-character-role{font-size:.8rem;color:var(--text-muted)}.story-scenario{background:#7c3aed14;border:1px solid rgba(124,58,237,.2);border-radius:var(--r-md);padding:var(--space-md);font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--space-md);font-style:italic;flex-shrink:0}.story-goal{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:var(--r-md);font-size:.82rem;color:var(--amber);margin-bottom:var(--space-md);flex-shrink:0}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-lg);padding-right:var(--space-sm)}.chat-message{display:flex;gap:var(--space-md);animation:fadeInUp .3s ease both}.chat-message.user{flex-direction:row-reverse}.chat-avatar{width:38px;height:38px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;border:1px solid var(--border);background:var(--bg-elevated)}.user .chat-avatar{background:linear-gradient(135deg,var(--purple),var(--purple-dark));border:none}.chat-bubble-wrap{max-width:70%;display:flex;flex-direction:column;gap:var(--space-sm)}.chat-bubble{padding:12px 16px;border-radius:var(--r-lg);font-size:.9rem;line-height:1.6}.chat-message.character .chat-bubble{background:var(--bg-elevated);border:1px solid var(--border);border-top-left-radius:4px}.chat-message.user .chat-bubble{background:linear-gradient(135deg,var(--purple),var(--purple-dark));color:#fff;border-top-right-radius:4px}.action-text{color:var(--text-secondary);font-style:italic;font-weight:400}.chat-message.user .action-text{color:#ffffffbf}.chat-feedback{background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:var(--r-md);padding:10px 14px;font-size:.8rem;color:#6ee7b7;line-height:1.5}.chat-feedback:before{content:"🎯 Teacher: ";font-weight:600}.chat-input-area{display:flex;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border);margin-top:var(--space-md);flex-shrink:0}.chat-input-area .input{flex:1;border-radius:var(--r-full);padding:12px 20px}.mic-btn{width:44px;height:44px;border-radius:var(--r-full);background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-size:1.1rem;transition:all var(--t-fast);flex-shrink:0}.mic-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.mic-btn.listening{background:#f43f5e33;border-color:#f43f5e80;color:var(--rose);animation:pulseGlow 1.5s ease infinite}.lessons-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl)}.lesson-category-card{border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--space-xl);cursor:pointer;transition:all var(--t-normal);position:relative;overflow:hidden}.lesson-category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}.lesson-category-icon{font-size:2.5rem;margin-bottom:var(--space-md);display:block}.lesson-category-title{font-size:1.3rem;font-weight:700;margin-bottom:var(--space-sm)}.lesson-category-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-md)}.lesson-category-count{font-size:.75rem;font-weight:600;color:var(--text-muted)}.lesson-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.lesson-items-grid{display:grid;gap:var(--space-md)}.lesson-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-lg);cursor:pointer;transition:all var(--t-normal)}.lesson-item:hover{background:var(--bg-card-hover);border-color:#7c3aed4d;transform:translate(4px)}.lesson-item.learned{border-left:3px solid var(--emerald)}.lesson-item-term{font-size:1rem;font-weight:700;color:var(--purple-light);margin-bottom:4px;font-family:Outfit,sans-serif}.lesson-item-meaning{font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--space-sm)}.lesson-item-example{font-size:.82rem;color:var(--text-muted);font-style:italic}.exercise-container{max-width:680px}.exercise-question{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--space-xl);margin-bottom:var(--space-lg);animation:fadeInUp .3s ease}.exercise-q-number{font-size:.75rem;color:var(--text-muted);font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-sm)}.exercise-q-text{font-size:1.05rem;font-weight:500;margin-bottom:var(--space-lg);line-height:1.6}.exercise-options{display:flex;flex-direction:column;gap:var(--space-sm)}.exercise-option{padding:12px 16px;border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:all var(--t-fast);font-size:.9rem;text-align:left;background:var(--bg-card);color:var(--text-primary)}.exercise-option:hover:not(:disabled){border-color:#7c3aed66;background:#7c3aed14}.exercise-option.correct{border-color:var(--emerald);background:#10b98126;color:#6ee7b7}.exercise-option.wrong{border-color:var(--rose);background:#f43f5e1a;color:#fda4af}.exercise-explanation{margin-top:var(--space-md);padding:var(--space-md);background:#06b6d414;border:1px solid rgba(6,182,212,.2);border-radius:var(--r-md);font-size:.85rem;color:var(--cyan-light);line-height:1.6;animation:fadeInUp .3s ease}.exercise-progress{display:flex;gap:4px;margin-bottom:var(--space-lg)}.exercise-dot{width:8px;height:8px;border-radius:var(--r-full);background:var(--border);transition:background var(--t-fast)}.exercise-dot.correct{background:var(--emerald)}.exercise-dot.wrong{background:var(--rose)}.exercise-dot.current{background:var(--purple-light)}.missions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.mission-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--space-xl);cursor:pointer;transition:all var(--t-normal);position:relative}.mission-card:hover{transform:translateY(-3px);border-color:#f59e0b59;box-shadow:0 8px 30px #f59e0b1a}.mission-card.completed{opacity:.6;border-color:#10b9814d}.mission-card-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.mission-card-title{font-size:1.1rem;font-weight:700;margin-bottom:var(--space-sm)}.mission-card-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-md)}.mission-meta{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center;justify-content:space-between}.mission-xp{font-weight:700;color:var(--amber);font-size:.85rem}.modal-overlay-inner{position:fixed;top:0;right:0;bottom:0;left:0;background:#07070fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-xl);animation:fadeIn .2s ease}.modal-box{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--space-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1) both}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl)}.modal-close{width:32px;height:32px;border-radius:var(--r-full);background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:all var(--t-fast)}.modal-close:hover{background:var(--bg-card-hover);color:var(--text-primary)}.pronunciation-main{max-width:700px}.phrase-card{background:linear-gradient(135deg,#7c3aed1f,#06b6d414);border:1px solid rgba(124,58,237,.25);border-radius:var(--r-xl);padding:var(--space-2xl);text-align:center;margin-bottom:var(--space-xl)}.phrase-focus{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);margin-bottom:var(--space-md)}.phrase-text{font-size:1.6rem;font-weight:700;font-family:Outfit,sans-serif;margin-bottom:var(--space-md);line-height:1.4}.phrase-actions{display:flex;gap:var(--space-md);justify-content:center}.record-btn{width:72px;height:72px;border-radius:var(--r-full);background:linear-gradient(135deg,var(--purple),var(--purple-dark));border:none;font-size:1.8rem;cursor:pointer;transition:all var(--t-fast);box-shadow:0 4px 20px #7c3aed66;position:relative}.record-btn:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:var(--r-full);background:#7c3aed4d;opacity:0;animation:ripple 1.5s ease infinite}.record-btn.listening:before{opacity:1}.record-btn.listening{background:linear-gradient(135deg,var(--rose),#BE123C);box-shadow:0 4px 20px #f43f5e80;animation:pulseGlow 1.5s ease infinite}.pronunciation-result{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--space-xl);margin-bottom:var(--space-xl);animation:fadeInUp .4s ease}.score-display{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-md)}.score-circle{width:80px;height:80px;border-radius:var(--r-full);display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(var(--purple) var(--score-deg, 0deg),var(--border) 0deg);font-family:Outfit,sans-serif;flex-shrink:0}.score-num{font-size:1.3rem;font-weight:900}.score-pct{font-size:.65rem;color:var(--text-muted)}.transcript-display{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--space-md);font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--space-md);min-height:60px}.pronunciation-history{margin-top:var(--space-xl)}.history-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--border);font-size:.85rem}.history-score{font-weight:700;font-family:Outfit,sans-serif;min-width:40px}.history-phrase{color:var(--text-secondary);flex:1}.vocab-controls{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.vocab-search{flex:1;min-width:200px}.topic-filters{display:flex;gap:var(--space-sm);flex-wrap:wrap}.topic-filter{padding:6px 14px;border-radius:var(--r-full);font-size:.8rem;font-weight:600;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast)}.topic-filter.active,.topic-filter:hover{background:var(--purple);color:#fff;border-color:var(--purple)}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.vocab-word-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-md);cursor:pointer;transition:all var(--t-normal);position:relative}.vocab-word-card:hover{transform:translateY(-2px);border-color:#7c3aed59;box-shadow:var(--shadow-card)}.vocab-word{font-size:1rem;font-weight:700;color:var(--purple-light);margin-bottom:4px}.vocab-def{font-size:.78rem;color:var(--text-muted);line-height:1.4}.vocab-topic-dot{width:8px;height:8px;border-radius:var(--r-full);position:absolute;top:var(--space-md);right:var(--space-md)}.add-word-btn{background:linear-gradient(135deg,#7c3aed26,#06b6d41a);border:1px dashed rgba(124,58,237,.4);border-radius:var(--r-lg);padding:var(--space-md);cursor:pointer;transition:all var(--t-normal);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--purple-light);font-size:.85rem;font-weight:600}.add-word-btn:hover{background:#7c3aed33;border-style:solid;transform:translateY(-2px)}.word-detail-type{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-sm)}.word-detail-word{font-size:2rem;font-weight:900;font-family:Outfit,sans-serif;color:var(--purple-light);margin-bottom:4px}.word-detail-pronunciation{color:var(--text-muted);font-size:.9rem;margin-bottom:var(--space-lg)}.word-detail-def{font-size:1rem;line-height:1.6;margin-bottom:var(--space-lg)}.word-examples{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.word-example{padding:var(--space-sm) var(--space-md);background:#7c3aed14;border-left:3px solid var(--purple);border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:.88rem;color:var(--text-secondary);font-style:italic}.word-synonyms{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.word-tip{background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:var(--r-md);padding:var(--space-md);font-size:.85rem;color:var(--amber);line-height:1.6}.word-tip:before{content:"💡 "}.correction-box{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--space-xl);margin-top:var(--space-lg);animation:fadeInUp .4s ease}.correction-score{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.score-badge-big{font-size:2.5rem;font-weight:900;font-family:Outfit,sans-serif}.correction-error{background:#f43f5e14;border-left:3px solid var(--rose);padding:var(--space-md);border-radius:0 var(--r-md) var(--r-md) 0;margin-bottom:var(--space-sm)}.error-original{color:var(--rose);text-decoration:line-through;font-size:.9rem}.error-corrected{color:var(--emerald);font-weight:600;font-size:.9rem}.error-note{color:var(--text-muted);font-size:.8rem;margin-top:4px}@media(max-width:1024px){.home-top-grid,.quick-actions,.lessons-categories{grid-template-columns:1fr 1fr}}@media(max-width:768px){:root{--sidebar-width: 0px}#sidebar{transform:translate(-220px);width:220px}#sidebar.open{transform:translate(0)}#main-content{margin-left:0}.section{padding:var(--space-lg)}.home-top-grid,.quick-actions,.lessons-categories{grid-template-columns:1fr}#hamburger{display:flex;position:fixed;top:var(--space-md);left:var(--space-md);z-index:101;width:44px;height:44px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer}}@media(min-width:769px){#hamburger{display:none}}body:before{content:"";position:fixed;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(124,58,237,.06) 0%,transparent 70%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;bottom:-200px;left:0;width:500px;height:500px;background:radial-gradient(circle,rgba(6,182,212,.04) 0%,transparent 70%);pointer-events:none;z-index:0}#app,#main-content,.section{position:relative;z-index:1}@keyframes langFadeOut{0%{opacity:1;transform:scale(1) translateY(0);filter:blur(0px)}to{opacity:0;transform:scale(.97) translateY(-12px);filter:blur(14px)}}@keyframes langFadeIn{0%{opacity:0;transform:scale(.97) translateY(12px);filter:blur(14px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0px)}}.lang-fade-out{animation:langFadeOut .22s cubic-bezier(.4,0,1,1) forwards;pointer-events:none}.lang-fade-in{animation:langFadeIn .3s cubic-bezier(0,0,.2,1) forwards}.lang-toggle{display:flex;align-items:center;justify-content:center;gap:6px;margin:4px 16px 8px;padding:7px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-full);cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast),transform var(--t-fast);-webkit-user-select:none;user-select:none;overflow:hidden;position:relative}.lang-toggle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#7c3aed26,#06b6d41a);opacity:0;transition:opacity var(--t-fast)}.lang-toggle:hover:before{opacity:1}.lang-toggle:hover{border-color:#7c3aed66;transform:scale(1.02)}.lang-toggle:active{transform:scale(.97)}.lang-flag{font-size:1.1rem;line-height:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .2s}.lang-flag.animating{animation:flagSpin .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes flagSpin{0%{transform:scale(1) rotate(0)}40%{transform:scale(0) rotate(180deg)}70%{transform:scale(0) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}.lang-text{font-size:.78rem;font-weight:600;color:var(--text-secondary);letter-spacing:.03em;transition:color var(--t-fast);white-space:nowrap}.lang-toggle:hover .lang-text{color:var(--text-primary)}.lang-shimmer{animation:shimmerPulse .5s ease}@keyframes shimmerPulse{0%{background-color:transparent}50%{background-color:#7c3aed0d}to{background-color:transparent}}.lf-modal-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px}.lf-modal-container.hidden{display:none!important}.lf-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#04050ce0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:lfFadeIn .2s ease-out}.lf-modal-dialog{position:relative;width:100%;max-width:820px;max-height:90vh;overflow-y:auto;background:linear-gradient(145deg,#0d0f1f,#090a15);border:1px solid rgba(159,103,255,.25);border-radius:28px;box-shadow:0 24px 70px #000000d9,0 0 40px #7c3aed26;padding:36px 32px 28px;color:#f1f0ff;font-family:Inter,sans-serif;animation:lfSlideUp .25s ease-out;z-index:1}@keyframes lfFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lfSlideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.lf-modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#a8a4c8;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.lf-modal-close:hover{background:#ffffff26;color:#fff;transform:scale(1.05)}.lf-reason-alert{display:flex;align-items:center;gap:12px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);color:#fcd34d;padding:12px 18px;border-radius:14px;font-size:.9rem;font-weight:500;margin-bottom:24px;line-height:1.4}.lf-reason-icon{font-size:1.25rem}.lf-modal-header{text-align:center;margin-bottom:30px}.lf-badge-pro{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#c084fc;background:#7c3aed2e;border:1px solid rgba(159,103,255,.35);padding:5px 14px;border-radius:20px;margin-bottom:12px}.lf-modal-title{font-family:Outfit,sans-serif;font-size:1.9rem;font-weight:800;color:#fff;margin-bottom:8px;background:linear-gradient(135deg,#fff 40%,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lf-modal-subtitle{color:#a8a4c8;font-size:.95rem;max-width:580px;margin:0 auto 24px;line-height:1.5}.lf-billing-toggle-wrapper{display:inline-flex;background:#ffffff0d;padding:4px;border-radius:16px;border:1px solid rgba(255,255,255,.08)}.lf-toggle-btn{background:transparent;border:none;color:#a8a4c8;padding:9px 20px;font-size:.88rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.lf-toggle-btn.active{background:#7c3aed;color:#fff;box-shadow:0 4px 14px #7c3aed66}.lf-discount-tag{background:#10b981;color:#fff;font-size:.68rem;font-weight:800;padding:2px 7px;border-radius:8px}.lf-tiers-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:20px;margin-bottom:24px}@media(max-width:768px){.lf-tiers-grid{grid-template-columns:1fr}}.lf-tier-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:26px 24px;display:flex;flex-col:column;flex-direction:column;transition:all .25s}.lf-tier-card:hover{background:#ffffff0d;border-color:#ffffff26}.lf-tier-card.lf-tier-pro{background:linear-gradient(160deg,#7c3aed1f,#06b6d40f);border:1.5px solid rgba(159,103,255,.5);box-shadow:0 12px 36px #7c3aed2e}.lf-pro-highlight-tag{position:absolute;top:-12px;right:24px;background:linear-gradient(135deg,#7c3aed,#06b6d4);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.05em;padding:3px 12px;border-radius:12px}.lf-tier-header{margin-bottom:18px}.lf-tier-badge{display:inline-block;font-size:.68rem;font-weight:700;color:#a8a4c8;background:#ffffff0f;padding:3px 10px;border-radius:10px;margin-bottom:8px}.lf-tier-badge-pro{display:inline-block;font-size:.68rem;font-weight:800;color:#fbbf24;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);padding:3px 10px;border-radius:10px;margin-bottom:8px}.lf-tier-name{font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:700;color:#fff;margin-bottom:6px}.lf-tier-price{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}.lf-price-amount{font-family:Outfit,sans-serif;font-size:2.1rem;font-weight:800;color:#fff}.lf-price-period{color:#a8a4c8;font-size:.85rem}.lf-tier-desc{color:#a8a4c8;font-size:.82rem;line-height:1.45;margin-bottom:14px}.lf-tier-features{list-style:none;padding:0;margin:0 0 24px;flex:1}.lf-tier-features li{display:flex;align-items:flex-start;gap:10px;font-size:.84rem;color:#d1d5db;margin-bottom:10px;line-height:1.4}.lf-tier-features .check{color:#10b981;font-weight:800;font-size:.95rem}.lf-tier-features .check.gold{color:#f59e0b}.lf-plan-action-btn{width:100%;padding:12px 18px;border-radius:14px;font-size:.92rem;font-weight:700;font-family:Outfit,sans-serif;cursor:pointer;transition:all .2s}.lf-plan-action-btn.btn-pro{background:linear-gradient(135deg,#7c3aed,#9f67ff);color:#fff;border:none;box-shadow:0 6px 20px #7c3aed73}.lf-plan-action-btn.btn-pro:hover{transform:translateY(-2px);box-shadow:0 8px 26px #7c3aed99}.lf-plan-action-btn.btn-current{background:#ffffff0d;color:#a8a4c8;border:1px solid rgba(255,255,255,.1);cursor:default}.lf-plan-action-btn.btn-outline{background:transparent;color:#a8a4c8;border:1px solid rgba(255,255,255,.18)}.lf-plan-action-btn.btn-outline:hover{background:#ffffff14;color:#fff}.lf-sandbox-toolbar{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.lf-sandbox-label{font-size:.78rem;color:#5f5c7a;font-weight:600}.lf-sandbox-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#a8a4c8;font-size:.76rem;font-weight:600;padding:5px 12px;border-radius:8px;cursor:pointer;transition:all .2s}.lf-sandbox-btn.active{background:#7c3aed33;border-color:#7c3aed;color:#c084fc}.quota-bar-wrapper{display:flex;align-items:center;justify-content:space-between;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px 18px;margin-bottom:20px}.quota-info{display:flex;align-items:center;gap:10px;font-size:.88rem;font-weight:600;color:#d1d5db}.quota-badge-pill{background:#7c3aed2e;color:#c084fc;font-size:.76rem;font-weight:800;padding:3px 10px;border-radius:10px;border:1px solid rgba(159,103,255,.3)}.quota-badge-pill.pro{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b4d}.quota-pro-btn{background:linear-gradient(135deg,#7c3aed,#9f67ff);color:#fff;border:none;padding:6px 14px;border-radius:10px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s}.quota-pro-btn:hover{transform:scale(1.04);box-shadow:0 4px 14px #7c3aed66}.sidebar-brand-header{padding:20px 16px 14px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:16px}.sidebar-brand-title{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;color:#fff;display:flex;align-items:center;justify-content:space-between}.sidebar-brand-title .brand-logo-text{background:linear-gradient(135deg,#fff 50%,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-plan-pill{font-size:.65rem;font-weight:800;letter-spacing:.05em;padding:2px 8px;border-radius:8px;background:#ffffff14;color:#a8a4c8}.sidebar-plan-pill.pro{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.sidebar-brand-subtitle{font-size:.72rem;color:#5f5c7a;margin-top:3px;margin-bottom:12px}.sidebar-auth-row{display:flex;align-items:center;gap:10px}.sidebar-login-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#d1d5db;padding:7px 12px;border-radius:10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.sidebar-login-btn:hover{background:#ffffff1a;color:#fff}.sidebar-user-pill{display:flex;align-items:center;justify-content:space-between;width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:6px 10px;border-radius:10px}.sidebar-user-avatar{width:24px;height:24px;border-radius:50%;background:#7c3aed;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.sidebar-user-name{font-size:.78rem;color:#f1f0ff;font-weight:600;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logout-btn{background:transparent;border:none;color:#5f5c7a;font-size:.72rem;cursor:pointer;padding:2px 6px}.sidebar-logout-btn:hover{color:#f43f5e}.sidebar-pro-card{margin:16px 12px 12px;padding:12px 14px;border-radius:14px;background:linear-gradient(145deg,#7c3aed2e,#06b6d414);border:1px solid rgba(159,103,255,.35);display:flex;flex-direction:column;gap:8px}.sidebar-pro-card-title{font-size:.8rem;font-weight:700;color:#c084fc;display:flex;align-items:center;gap:6px}.sidebar-pro-card-btn{background:linear-gradient(135deg,#7c3aed,#9f67ff);color:#fff;border:none;padding:7px 12px;border-radius:9px;font-size:.78rem;font-weight:700;cursor:pointer;text-align:center;transition:all .2s}.sidebar-pro-card-btn:hover{transform:scale(1.02);box-shadow:0 4px 14px #7c3aed80}