@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg: #0f0f14;--bg2: #16161f;--bg3: #1e1e2a;--card: rgba(255,255,255,.06);--card-border: rgba(255,255,255,.1);--purple: #a78bfa;--purple-light: #c4b5fd;--purple-dark: #7c3aed;--pink: #f472b6;--blue: #60a5fa;--green: #34d399;--red: #f87171;--yellow: #fbbf24;--text: #f0eeff;--text2: #a09dc0;--text3: #6b6890;--der: #60a5fa;--die: #f87171;--das: #34d399;--radius: 20px;--radius-sm: 12px}html,body,#root{height:100%;overflow:hidden}body{font-family:Nunito,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.screen{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:90px;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}h1{font-size:24px;font-weight:900;color:var(--text)}h2{font-size:22px;font-weight:800;color:var(--text)}h3{font-size:17px;font-weight:700;color:var(--text)}p{font-size:14px;color:var(--text2);line-height:1.5}.glass-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:100px;font-size:12px;font-weight:700}.badge-der{background:#60a5fa26;color:var(--der);border:1px solid rgba(96,165,250,.3)}.badge-die{background:#f8717126;color:var(--die);border:1px solid rgba(248,113,113,.3)}.badge-das{background:#34d39926;color:var(--das);border:1px solid rgba(52,211,153,.3)}.progress-bar{height:6px;background:#ffffff14;border-radius:100px;overflow:hidden}.progress-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--purple-dark),var(--purple));transition:width .6s ease}.word-card{border-radius:var(--radius);padding:20px;margin-bottom:12px;position:relative;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.word-card:active{transform:scale(.98)}.word-card-accent{position:absolute;top:-20px;right:-20px;width:80px;height:80px;border-radius:50%;opacity:.15}.word-card-der{background:linear-gradient(135deg,#60a5fa1f,#60a5fa0a);border:1px solid rgba(96,165,250,.2)}.word-card-die{background:linear-gradient(135deg,#f871711f,#f871710a);border:1px solid rgba(248,113,113,.2)}.word-card-das{background:linear-gradient(135deg,#34d3991f,#34d3990a);border:1px solid rgba(52,211,153,.04)}.word-card-der .word-card-accent{background:var(--der)}.word-card-die .word-card-accent{background:var(--die)}.word-card-das .word-card-accent{background:var(--das)}.tags-row{display:flex;gap:8px;padding:0 20px;overflow-x:auto;scrollbar-width:none;margin-bottom:16px}.tags-row::-webkit-scrollbar{display:none}.tag{background:var(--card);border:1px solid var(--card-border);border-radius:100px;padding:6px 14px;font-size:13px;font-weight:700;color:var(--text2);white-space:nowrap;cursor:pointer;transition:all .2s ease;font-family:Nunito,sans-serif}.tag.active{background:#a78bfa33;border-color:var(--purple);color:var(--purple-light)}.stat-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:16px;flex:1}.stat-number{font-size:28px;font-weight:900;color:var(--text)}.stat-label{font-size:11px;color:var(--text3);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}@keyframes flicker{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.05) rotate(2deg)}}.streak-flame{animation:flicker 1.5s ease-in-out infinite;display:inline-block}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.ai-text{background:linear-gradient(90deg,var(--purple-light),var(--pink),var(--blue),var(--purple-light));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}.back-btn{width:38px;height:38px;background:var(--card);border:1px solid var(--card-border);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;color:var(--text);cursor:pointer;transition:background .2s}.back-btn:active{background:#ffffff1a}.btn-primary{width:100%;background:linear-gradient(135deg,#7c3aed,#a78bfa);color:#fff;border:none;border-radius:16px;padding:16px 24px;font-size:16px;font-weight:800;font-family:Nunito,sans-serif;box-shadow:0 4px 20px #7c3aed66;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:active{transform:scale(.97);box-shadow:0 2px 10px #7c3aed4d}.btn-icon{background:var(--card);border:1px solid var(--card-border);border-radius:14px;padding:12px 16px;font-size:13px;font-weight:700;font-family:Nunito,sans-serif;color:var(--text);display:flex;align-items:center;gap:6px;white-space:nowrap;justify-content:center;cursor:pointer;transition:background .2s}.btn-icon:active{background:#ffffff1a}.btn-danger{width:100%;background:var(--card);color:var(--red);border:1px solid rgba(248,113,113,.2);border-radius:16px;padding:14px 24px;font-size:15px;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer}.answer-option{background:var(--card);border:2px solid var(--card-border);border-radius:16px;padding:16px 20px;font-size:16px;font-weight:700;color:var(--text);text-align:left;font-family:Nunito,sans-serif;display:flex;align-items:center;gap:12px;width:100%;cursor:pointer;transition:all .3s ease}.answer-option:active{transform:scale(.98)}.answer-option.correct{background:#34d39926;border-color:var(--das)}.answer-option.wrong{background:#f871711a;border-color:var(--die);opacity:.6}.answer-option.selected{border-color:var(--purple);background:#a78bfa1a}.answer-letter{width:32px;height:32px;border-radius:10px;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;flex-shrink:0}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.settings-item-left{display:flex;align-items:center;gap:14px}.settings-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px}.settings-label{font-size:15px;font-weight:700;color:var(--text)}.settings-value{font-size:13px;color:var(--text3);margin-top:2px}.toggle{width:44px;height:26px;background:var(--card);border:1px solid var(--card-border);border-radius:100px;position:relative;cursor:pointer;transition:background .3s}.toggle.on{background:linear-gradient(135deg,var(--purple-dark),var(--purple));border-color:transparent}.toggle-dot{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;transition:left .3s}.toggle.on .toggle-dot{left:21px}.divider{height:1px;background:var(--card-border);margin:0 20px}.pill{padding:4px 10px;border-radius:100px;font-size:12px;font-weight:700;cursor:pointer}.pill-active{background:linear-gradient(135deg,#a78bfa33,#a78bfa0d);border:1px solid rgba(167,139,250,.3);color:var(--purple-light)}.pill-inactive{background:var(--card);border:1px solid var(--card-border);color:var(--text3)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:80px;background:#0f0f14f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--card-border);display:flex;align-items:center;justify-content:space-around;padding:0 8px 16px;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;border-radius:14px;flex:1;cursor:pointer;transition:background .2s;text-decoration:none}.nav-item.active{background:#a78bfa26}.nav-item svg{width:24px;height:24px}.nav-item span{font-size:10px;font-weight:700;color:var(--text3)}.nav-item.active span{color:var(--purple)}.nav-item svg path,.nav-item svg circle,.nav-item svg rect,.nav-item svg line{stroke:var(--text3)}.nav-item.active svg path,.nav-item.active svg circle,.nav-item.active svg rect,.nav-item.active svg line{stroke:var(--purple)}.section-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;margin-bottom:12px}.ambient{position:absolute;top:0;left:0;right:0;pointer-events:none;z-index:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease forwards}.slide-up{animation:slideUp .4s ease forwards}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton{background:#ffffff0f;border-radius:var(--radius-sm);animation:pulse 1.5s ease-in-out infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center}.empty-state-emoji{font-size:48px;margin-bottom:16px}.empty-state-title{font-size:18px;font-weight:800;color:var(--text);margin-bottom:8px}.empty-state-text{font-size:14px;color:var(--text3);line-height:1.5}