:root{--bg-primary: #fdfbf7;--bg-secondary: #f4f0e6;--bg-card: rgba(255, 255, 255, .05);--bg-card-hover: rgba(255, 255, 255, .09);--bg-glass: rgba(15, 15, 46, .8);--gradient-main: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f64f59 100%);--gradient-accent: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-warm: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--gradient-cool: linear-gradient(135deg, #06b6d4 0%, #6366f1 100%);--gradient-green: linear-gradient(135deg, #10b981 0%, #059669 100%);--accent-primary: #818cf8;--accent-secondary: #a78bfa;--accent-rose: #fb7185;--accent-cyan: #22d3ee;--accent-amber: #fbbf24;--accent-emerald: #34d399;--text-primary: #5c3d2e;--text-secondary: #4b5563;--text-muted: #6b7280;--border-color: rgba(0, 0, 0, .08);--border-hover: rgba(129, 140, 248, .4);--shadow-card: 0 4px 20px rgba(0, 0, 0, .15), 0 1px 6px rgba(0, 0, 0, .08);--shadow-card-hover: 0 12px 40px rgba(0, 0, 0, .22), 0 4px 12px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--nav-height: 68px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font-family:inherit}html{scroll-behavior:smooth}body{font-family:Montserrat,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif}body:before{display:none}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}.toast{position:fixed;bottom:2rem;right:2rem;padding:.85rem 1.4rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;color:#fff;z-index:9999;animation:fadeUp .3s ease both;pointer-events:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}.gradient-text{background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-accent,.stat-number{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal)}.card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-card)}.card-glass{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.02em}.badge-basic{background:#34d39926;color:var(--accent-emerald);border:1px solid rgba(52,211,153,.3)}.badge-intermediate{background:#fbbf2426;color:var(--accent-amber);border:1px solid rgba(251,191,36,.3)}.badge-advanced{background:#fb718526;color:var(--accent-rose);border:1px solid rgba(251,113,133,.3)}.badge-new{background:#22d3ee26;color:var(--accent-cyan);border:1px solid rgba(34,211,238,.3)}.word-card{cursor:pointer;position:relative;overflow:hidden}.word-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.word-card:hover:before{transform:scaleX(1)}.word-card .word-text{font-family:Roboto,sans-serif;font-size:1.6rem;font-weight:600;color:var(--text-primary);margin-bottom:.2rem}.word-card .word-phonetic{font-size:.85rem;color:var(--accent-primary);margin-bottom:.5rem;font-style:italic}.word-card .word-pos{font-size:.75rem;font-weight:600;color:var(--accent-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem}.word-card .word-def{font-size:.88rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.toast{position:fixed;bottom:2rem;right:2rem;padding:.85rem 1.4rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;color:#fff;z-index:9999;animation:fadeUp .3s ease both;pointer-events:none}.toast-success{background:linear-gradient(135deg,#10b981,#059669)}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-info{background:var(--gradient-accent)}.section-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .85rem;background:#818cf81f;border:1px solid rgba(129,140,248,.25);border-radius:var(--radius-full);font-size:.78rem;font-weight:600;color:var(--accent-primary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.75rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes glow{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 40px #6366f199}}.animate-fade-up{animation:fadeUp .5s ease both}.animate-float{animation:float 4s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flip-card-inner.flipped{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-xl)}.flip-card-back{transform:rotateY(180deg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}