.cat-card{background:linear-gradient(180deg,#353540,#2c2c32 40%,#242428)!important;border:2px solid #4A4A50!important;border-bottom:5px solid #1A1A1C!important;box-shadow:0 8px 30px #00000080,0 3px 6px #0000004d,inset 0 2px #ffffff1a!important;transition:transform .3s ease,box-shadow .3s ease!important;border-radius:20px!important}.cat-card:hover{transform:translateY(-5px)!important;box-shadow:0 16px 50px #0009,0 6px 12px #0000004d,inset 0 2px #ffffff1f,0 0 40px #d4a85314!important;border-color:#5a5a60!important}.cat-header:hover{background:#ffffff0a}.cat-icon{transition:transform .3s ease;font-size:32px!important}.cat-card:hover .cat-icon{transform:scale(1.2) rotate(-5deg)}.mode-tab{color:#6b6b65;background:transparent}.mode-tab.active{color:#000!important;background:#d4a853!important;box-shadow:0 2px 8px #d4a8534d}.mode-tab:not(.active):hover{color:#c8c8c0;background:#ffffff0d}.progress-bar{height:8px;border-radius:4px;background:#2e2e30;overflow:hidden;box-shadow:inset 0 1px 3px #0000004d}.progress-fill{height:100%;background:linear-gradient(90deg,#d4a853,#e8c06a);border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #d4a8534d}.streak-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#ef444433,#f9731633);color:#f97316;padding:4px 12px;border-radius:999px;font-size:14px;font-weight:700;border:1px solid rgba(249,115,22,.3);animation:streakPulse 1.5s ease-in-out infinite}.quiz-option{transition:all .2s ease!important;cursor:pointer!important;border:2px solid #4A4A50!important;border-bottom:5px solid #1A1A1C!important;background:linear-gradient(180deg,#404048,#343438 40%,#2a2a2e)!important;color:#f0f0ea!important;font-weight:700!important;font-size:17px!important;padding:18px 22px!important;border-radius:16px!important;box-shadow:0 6px 16px #00000080,0 2px 4px #0000004d,inset 0 2px #ffffff1f!important;position:relative!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important;letter-spacing:.3px!important}.quiz-option:hover{border-color:#d4a853!important;border-bottom-color:#a07830!important;transform:translateY(-3px)!important;box-shadow:0 10px 30px #d4a8534d,0 4px 8px #0000004d,inset 0 2px #ffffff26!important;background:linear-gradient(180deg,#4a4a52,#3c3c42 40%,#323238)!important}.quiz-option:active{transform:translateY(2px)!important;border-bottom-width:2px!important;box-shadow:0 1px 4px #00000080,inset 0 2px 4px #0003!important}.quiz-option.correct{background:linear-gradient(180deg,#34d399,#22c55e 40%,#16a34a)!important;border-color:#6ee7b7!important;border-bottom-color:#0f5132!important;color:#fff!important;box-shadow:0 6px 30px #22c55e99,0 0 60px #22c55e33,inset 0 2px #ffffff40!important;animation:correctPop .5s cubic-bezier(.36,.07,.19,.97)!important;text-shadow:none!important;transform:scale(1.03)!important}.quiz-option.wrong{background:linear-gradient(180deg,#f87171,#ef4444 40%,#dc2626)!important;border-color:#fca5a5!important;border-bottom-color:#7f1d1d!important;color:#fff!important;box-shadow:0 6px 30px #ef444499,0 0 60px #ef444433,inset 0 2px #ffffff40!important;animation:wrongShake .5s cubic-bezier(.36,.07,.19,.97)!important;text-shadow:none!important}.quiz-option.correct-reveal{background:linear-gradient(180deg,#34d399,#22c55e 40%,#16a34a)!important;border-color:#6ee7b7!important;border-bottom-color:#0f5132!important;color:#fff!important;box-shadow:0 6px 25px #22c55e80,inset 0 2px #fff3!important;animation:correctPop .5s cubic-bezier(.36,.07,.19,.97) .15s!important;text-shadow:none!important;transform:scale(1.02)!important}.match-item{transition:all .2s ease!important;cursor:pointer!important;border:2px solid #4A4A50!important;border-bottom:5px solid #1A1A1C!important;background:linear-gradient(180deg,#404048,#343438 40%,#2a2a2e)!important;color:#f0f0ea!important;font-weight:700!important;border-radius:14px!important;box-shadow:0 6px 16px #00000080,0 2px 4px #0000004d,inset 0 2px #ffffff1f!important;padding:14px 16px!important}.match-item:hover:not(.matched){border-color:#d4a853!important;transform:translateY(-3px)!important;box-shadow:0 10px 30px #d4a8534d,inset 0 2px #ffffff26!important}.match-item.selected{border-color:#d4a853!important;border-bottom-color:#a07830!important;background:linear-gradient(180deg,#3c3520,#332d1a)!important;box-shadow:0 0 25px #d4a8534d,inset 0 1px #ffffff1a!important;transform:translateY(-2px) scale(1.03)}.match-item.matched{opacity:.6;pointer-events:none;border-color:#22c55e!important;border-bottom-color:#0f5132!important;background:linear-gradient(180deg,#1a4d2e,#14532d)!important;box-shadow:0 0 20px #22c55e33!important;animation:matchFade .6s ease}.match-item.wrong-flash{border-color:#ef4444!important;border-bottom-color:#7f1d1d!important;background:linear-gradient(180deg,#5c1a1a,#4a1515)!important;box-shadow:0 0 25px #ef444466!important;animation:wrongShake .5s cubic-bezier(.36,.07,.19,.97)}@keyframes correctPop{0%{transform:scale(1)}30%{transform:scale(1.08)}60%{transform:scale(.97)}to{transform:scale(1)}}@keyframes wrongShake{0%,to{transform:translate(0)}15%{transform:translate(-10px)}30%{transform:translate(10px)}45%{transform:translate(-8px)}60%{transform:translate(8px)}75%{transform:translate(-4px)}90%{transform:translate(4px)}}@keyframes matchFade{0%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.5}}@keyframes streakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes confettiPop{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}to{transform:translateY(-120px) rotate(720deg) scale(0);opacity:0}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounceIn{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes scoreCount{0%{transform:scale(1.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.confetti-particle{position:absolute;width:8px;height:8px;border-radius:2px;animation:confettiPop 1.2s cubic-bezier(.25,.46,.45,.94) forwards;pointer-events:none}.result-anim{animation:bounceIn .6s cubic-bezier(.36,.07,.19,.97)}.score-anim{animation:scoreCount .5s cubic-bezier(.36,.07,.19,.97) .3s both}.question-card{background:linear-gradient(145deg,#1e1e20,#1a1a1c);border:1px solid #2E2E30;border-radius:16px;padding:24px;text-align:center;box-shadow:0 4px 15px #0000004d}.listen-play-btn{background:linear-gradient(145deg,#d4a8534d,#d4a8531a);border:2px solid rgba(212,168,83,.3);transition:all .3s ease}.listen-play-btn:hover{background:linear-gradient(145deg,#d4a85380,#d4a85333);transform:scale(1.1);box-shadow:0 0 25px #d4a85333}.listen-play-btn:active{transform:scale(.95)}html.light .cat-card{background:linear-gradient(145deg,#fff,#f5f5f4);border-color:#e5e5e4;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000d}html.light .cat-card:hover{box-shadow:0 8px 30px #0000001f,0 2px 6px #00000014}html.light .cat-header:hover{background:#00000005}html.light .mode-tabs{background:#f0f0ee}html.light .mode-tab{color:#78716c}html.light .mode-tab.active{color:#000!important;background:#d4a853!important}html.light .mode-tab:not(.active):hover{color:#1c1917;background:#0000000d}html.light .quiz-option{background:linear-gradient(180deg,#fff,#f5f5f4,#eeeeec)!important;border:2px solid #d6d3d1!important;border-bottom:4px solid #b8b5b0!important;color:#1c1917!important;box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffffe6!important}html.light .quiz-option:hover{border-color:#d4a853!important;border-bottom-color:#a07830!important;background:linear-gradient(180deg,#fff,#fafaf9,#f5f5f4)!important;transform:translateY(-2px);box-shadow:0 6px 18px #d4a85333,inset 0 1px #ffffffe6!important}html.light .quiz-option.correct,html.light .quiz-container .quiz-option.correct,html.light .listen-container .quiz-option.correct{background:linear-gradient(145deg,#166534,#14532d)!important;color:#fff!important;border-color:#22c55e!important}html.light .quiz-option.wrong,html.light .quiz-container .quiz-option.wrong,html.light .listen-container .quiz-option.wrong{background:linear-gradient(145deg,#991b1b,#7f1d1d)!important;color:#fff!important;border-color:#ef4444!important}html.light .quiz-option.correct-reveal,html.light .quiz-container .quiz-option.correct-reveal,html.light .listen-container .quiz-option.correct-reveal{background:linear-gradient(145deg,#166534,#14532d)!important;color:#fff!important;border-color:#22c55e!important}html.light .match-item{background:linear-gradient(145deg,#fff,#f5f5f4)!important;border-color:#d6d3d1!important;color:#1c1917!important}html.light .match-item.selected{border-color:#d4a853!important;background:#d4a8531a!important}html.light .match-item.matched{border-color:#22c55e!important;background:#1665341a!important}html.light .progress-bar{background:#e5e5e4}html.light .question-card{background:linear-gradient(145deg,#fafaf9,#f5f5f4);border-color:#e5e5e4}html.light .streak-badge{background:linear-gradient(135deg,#ef44441a,#f973161a)}html.light #searchInput{background:#fff;border-color:#d6d3d1;color:#1c1917}html.light .cat-card h2,html.light .cat-card .text-lg,html.light .cat-card .font-bold{color:#1c1917!important}html.light .cat-card p,html.light .cat-card .text-xs,html.light .cat-card .text-sm{color:#57534e!important}html.light .cat-arrow{color:#78716c!important}html.light .phrase-item .text-base,html.light .phrase-item .text-lg,html.light .phrase-item .font-medium{color:#1c1917!important}html.light .phrase-item .text-\[\#8B8B85\]{color:#44403c!important}html.light .phrase-item .text-\[\#5B5B55\],html.light .phrase-item .italic,html.light .phrase-item .text-\[\#6B6B65\]{color:#78716c!important}html.light .play-btn{background:#d4a85326!important;color:#b8860b!important}html.light .play-btn:hover{background:#d4a8534d!important}html.light .level-btn{background:#fff!important;border-color:#d6d3d1!important;color:#44403c!important}html.light .level-btn.active{background:#d4a853!important;color:#000!important;border-color:#d4a853!important}html.light .premium-locked h2{color:#a8a29e!important}html.light .question-card p{color:#1c1917!important}html.light .quiz-container .text-sm,html.light .quiz-container .text-xs,html.light .listen-container .text-sm,html.light .listen-container .text-xs{color:#57534e!important}html.light .quiz-container .text-\[\#C8C8C0\],html.light .listen-container .text-\[\#C8C8C0\],html.light .match-container .text-\[\#C8C8C0\]{color:#1c1917!important}html.light .quiz-container .text-\[\#6B6B65\],html.light .listen-container .text-\[\#6B6B65\],html.light .match-container .text-\[\#6B6B65\]{color:#78716c!important}html.light .quiz-container .text-\[\#8B8B85\],html.light .listen-container .text-\[\#8B8B85\]{color:#57534e!important}html.light .quiz-container .text-\[\#E8E8E0\],html.light .listen-container .text-\[\#E8E8E0\]{color:#1c1917!important}html.light .listen-play-btn{background:#d4a85326!important;color:#b8860b!important}html.light .cat-content{border-top:1px solid #e5e5e4!important}html.light .phrase-item{border-color:#f0f0ee!important}html.light .phrase-item:hover{background:#fafaf9!important}html.light .hero-overlay-dark{display:none!important}html.light section.relative .absolute{opacity:.15!important}html.light h1{color:#1c1917!important}html.light .text-\[\#A0A09A\]{color:#57534e!important}