*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{color:#333;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:none;padding:0}.quiz-lane,.sort-lane,.say-lane,.memory-lane,.home-screen,.config-screen,.result-screen{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (hover:hover) and (pointer:fine){button:hover{cursor:pointer}}.home-screen{background:var(--bg-home,linear-gradient(135deg, #74b9ff 0%, #a29bfe 50%, #fd79a8 100%));justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex;position:relative;overflow:hidden}.home-content{text-align:center;z-index:1;animation:.6s ease-in fadeIn;position:relative}.game-title{color:var(--text-title,#2d3436);text-shadow:2px 2px #fff6;margin-bottom:1rem;font-size:4rem;animation:1s ease-in-out bounce}.game-subtitle{color:var(--text-title,#2d3436);margin-bottom:3rem;font-size:1.8rem;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width<=480px){.home-screen{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom))}.game-title{font-size:clamp(2.2rem,12vw,3rem);line-height:1.15}.game-subtitle{margin-bottom:2rem;font-size:1.2rem}}.config-screen{background:var(--bg-config,linear-gradient(135deg, #dfe6e9 0%, #b2bec3 100%));justify-content:center;align-items:center;min-height:100dvh;padding:2rem;display:flex}.config-content{background:var(--card-bg,white);border-radius:var(--card-radius,20px);width:100%;max-width:980px;padding:2rem;animation:.5s ease-out slideUp;box-shadow:0 10px 30px #0003}.config-title{color:var(--text-title,#333);text-align:center;margin-bottom:2rem;font-size:2.5rem}.config-section{margin-bottom:2.5rem}.section-title{color:var(--text-light,#555);margin-bottom:1rem;font-size:1.5rem}.pack-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.pack-card{text-align:left;background:linear-gradient(#fff 0%,#f7fbff 100%);border:3px solid #dfe6ee;border-radius:18px;min-height:180px;padding:1.15rem;transition:transform .25s,border-color .25s,box-shadow .25s}@media (hover:hover){.pack-card:hover{border-color:#89b9ff;transform:translateY(-3px);box-shadow:0 8px 20px #4e6fb226}}.pack-card.selected{background:linear-gradient(#f5fbff 0%,#edf4ff 100%);border-color:#4b8dff;box-shadow:0 10px 24px #4b8dff38}.pack-card-top{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.8rem;display:flex}.pack-title{color:#1e3554;font-size:1.15rem;font-weight:800}.pack-goal{color:#456a97;white-space:nowrap;background:#e8f2ff;border-radius:999px;padding:.2rem .55rem;font-size:.8rem}.pack-description{color:#425466;min-height:2.8rem;margin-bottom:.9rem;font-size:.96rem}.pack-tags{flex-wrap:wrap;gap:.45rem;display:flex}.pack-tag{color:#25476d;background:#f0f6ff;border-radius:999px;padding:.3rem .55rem;font-size:.82rem;font-weight:700}.theme-buttons{flex-wrap:wrap;gap:1rem;display:flex}.btn-theme{background:var(--card-bg,white);min-width:140px;color:var(--text-body,#666);cursor:pointer;border:4px solid #ddd;border-radius:20px;flex-direction:column;flex:1;align-items:center;gap:.5rem;padding:1.5rem;font-size:1.2rem;font-weight:700;transition:all .3s;display:flex}@media (hover:hover){.btn-theme:hover{transform:scale(1.05)}}.theme-icon{font-size:2.5rem}.theme-btn-unicorn.selected{color:#fff;background:linear-gradient(135deg,#fbc2eb 0%,#f78fb3 100%);border-color:#f78fb3}.theme-btn-space.selected{color:#e0e0ff;background:linear-gradient(135deg,#1a1a3e 0%,#2d2d6b 100%);border-color:#00d2ff}.theme-btn-neutral.selected{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea}.difficulty-buttons{flex-wrap:wrap;gap:1rem;display:flex}.btn-difficulty{border-radius:var(--btn-radius,15px);background:var(--card-bg,white);min-width:140px;color:var(--text-body,#333);cursor:pointer;border:4px solid #ddd;flex-direction:column;flex:1;align-items:center;gap:.5rem;padding:1.5rem;font-size:1.2rem;font-weight:700;transition:all .3s;display:flex}@media (hover:hover){.btn-difficulty:hover{transform:scale(1.05)}}.difficulty-icon{font-size:2rem}.btn-difficulty.easy.selected{color:#fff;background:#4caf50;border-color:#4caf50}.btn-difficulty.medium.selected{color:#fff;background:#ff9800;border-color:#ff9800}.btn-difficulty.hard.selected{color:#fff;background:#f44336;border-color:#f44336}.lane-buttons{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.btn-lane{border-radius:var(--btn-radius,15px);background:var(--card-bg,white);color:var(--text-body,#333);cursor:pointer;border:4px solid #ddd;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex;position:relative}@media (hover:hover){.btn-lane:hover:not(:disabled){transform:scale(1.05)}}.btn-lane:disabled{opacity:.5;cursor:not-allowed}.lane-icon{font-size:2.5rem}.lane-description{color:#0000009e;text-align:center;font-size:.82rem;font-weight:600}.btn-lane.selected{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border-color:#f093fb}.btn-lane.selected .lane-description{color:#ffffffe0}.coming-soon{color:#999;font-size:.7rem;font-weight:400}.btn-start{width:100%;margin-top:2rem}@media (width<=480px){.config-screen{padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));align-items:flex-start}.config-content{border-radius:16px;margin-bottom:1rem;padding:1.2rem}.config-title{margin-bottom:1.2rem;font-size:1.9rem}.config-section{margin-bottom:1.3rem}.section-title{font-size:1.1rem}.btn-theme,.btn-difficulty{border-width:3px;min-width:100%;padding:1rem;font-size:1.05rem}.theme-icon,.difficulty-icon{font-size:1.6rem}.lane-buttons,.pack-grid{grid-template-columns:1fr}.btn-lane{border-width:3px;padding:1rem;font-size:1rem}.lane-icon{font-size:1.8rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.quiz-lane{background:var(--bg-quiz,linear-gradient(135deg, #74b9ff 0%, #a29bfe 100%));flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.progress-container{text-align:center;width:100%;max-width:800px;margin-bottom:2rem}.progress-stars{justify-content:center;gap:.5rem;margin-bottom:.5rem;display:flex}.star{font-size:2rem;transition:transform .3s}.star.filled{animation:.4s starPop}.progress-text{color:var(--text-title,#2d3436);font-size:1.5rem;font-weight:700}.word-container{background:var(--card-bg,white);border-radius:var(--card-radius,20px);z-index:1;align-items:center;gap:2rem;margin-bottom:2rem;padding:3rem;animation:.5s ease-out slideIn;display:flex;position:relative;box-shadow:0 10px 30px #0003}.word-copy{flex-direction:column;gap:.35rem;display:flex}.speaker-button{background:var(--speaker-bg,linear-gradient(135deg, #667eea 0%, #764ba2 100%));cursor:pointer;border:none;border-radius:50%;width:100px;height:100px;font-size:4rem;transition:all .3s;box-shadow:0 5px 15px #0003}@media (hover:hover){.speaker-button:hover{transform:scale(1.1)}}.speaker-button:active{transform:scale(.95)}.word-display{color:var(--text-title,#2d3436);margin:0;font-size:4rem;font-weight:700}.word-hidden{color:var(--text-light,#a29bfe);font-size:2.5rem}.word-revealed{color:var(--text-title,#2d3436);animation:.4s ease-out revealWord}@keyframes revealWord{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.answer-buttons{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.btn-answer{border-radius:var(--answer-shape,20px);color:#fff;cursor:pointer;z-index:1;border:6px solid #fff9;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-width:150px;min-height:150px;padding:1rem;font-size:2rem;font-weight:700;transition:all .3s;display:flex;position:relative;box-shadow:0 8px 20px #0003}.answer-icon{font-size:2.1rem}.answer-label{text-align:center;font-size:1.45rem;line-height:1.1}@media (hover:hover){.btn-answer:hover:not(:disabled){transform:scale(1.1)rotate(5deg)}}.btn-answer:active:not(:disabled){transform:scale(.95)}.btn-answer:disabled{cursor:not-allowed;opacity:.7}.btn-answer.correct-answer{animation:.6s pulse;background:var(--correct-color,#4caf50)!important}.btn-answer.wrong-answer{animation:.5s shake;background:var(--incorrect-color,#f44336)!important}.feedback{background:var(--card-bg,white);border-radius:var(--card-radius,15px);z-index:1;align-items:center;gap:1rem;padding:1.5rem 3rem;font-size:2rem;font-weight:700;animation:.3s fadeIn;display:flex;position:relative;box-shadow:0 5px 15px #0003}.feedback-correct{background:var(--correct-color,#4caf50);color:#fff}.feedback-incorrect{background:var(--incorrect-color,#f44336);color:#fff}.feedback-icon{font-size:3rem}.loading{color:#fff;text-align:center;font-size:2rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes starPop{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@media (width<=768px){.word-container{flex-direction:column;padding:2rem}.speaker-button{width:80px;height:80px;font-size:3rem}.word-display{font-size:3rem}.answer-buttons{gap:1rem}.btn-answer{min-width:min(100%,260px);min-height:110px;font-size:2rem}}.sort-lane{background:var(--bg-quiz,linear-gradient(135deg, #74b9ff 0%, #a29bfe 100%));flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.sort-progress{text-align:center;z-index:1;width:100%;max-width:800px;margin-bottom:2rem;position:relative}.sort-progress .progress-stars{justify-content:center;gap:.5rem;margin-bottom:.5rem;display:flex}.sort-progress .star{font-size:2rem;transition:transform .3s}.sort-progress .star.filled{animation:.4s starPop}.sort-progress .progress-text{color:var(--text-title,#2d3436);font-size:1.5rem;font-weight:700}.sort-word-card{background:var(--card-bg,white);border-radius:var(--card-radius,20px);z-index:1;align-items:center;gap:2rem;margin-bottom:1.5rem;padding:2.5rem 3rem;transition:transform .4s,opacity .4s;animation:.5s ease-out slideIn;display:flex;position:relative;box-shadow:0 10px 30px #0003}.sort-word-copy{flex-direction:column;gap:.35rem;display:flex}.lane-heading{text-transform:uppercase;letter-spacing:.08em;color:#6d7f92;font-size:1rem;font-weight:800}.word-helper{color:#66768a;font-size:.96rem}.sort-word-text{color:var(--text-title,#2d3436);margin:0;font-size:3.5rem;font-weight:700}.sort-correct{animation:.6s forwards sortedCorrect}.sort-incorrect{animation:.5s sortedIncorrect}@keyframes sortedCorrect{0%{transform:scale(1)}30%{transform:scale(1.1)}to{opacity:.7;transform:scale(.9)}}@keyframes sortedIncorrect{0%,to{transform:translate(0)}20%{transform:translate(-15px)}40%{transform:translate(15px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}}.sort-instruction{color:var(--text-title,#2d3436);text-align:center;z-index:1;min-height:2.5rem;margin-bottom:2rem;font-size:1.8rem;font-weight:700;position:relative}.sort-buckets{z-index:1;flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex;position:relative}.sort-bucket{border-radius:var(--answer-shape,20px);color:#fff;cursor:pointer;border:6px solid #fff9;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:180px;min-height:180px;font-size:1.25rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 8px 20px #0003}.bucket-label{letter-spacing:.03em;text-align:center;font-size:1.1rem;font-weight:700}.bucket-icon{font-size:1.6rem}.bucket-hints{text-align:center;padding:0 .35rem;font-size:1rem;font-weight:700;line-height:1.3}@media (hover:hover){.sort-bucket:hover:not(:disabled){transform:scale(1.1)translateY(-5px)}}.sort-bucket:active:not(:disabled){transform:scale(.95)}.sort-bucket:disabled{cursor:not-allowed;opacity:.7}.bucket-correct{border-color:#fff;animation:.6s bucketPulse;background:var(--correct-color,#4caf50)!important}.bucket-wrong{animation:.5s shake;background:var(--incorrect-color,#f44336)!important}.bucket-highlight{border-color:var(--correct-color,#4caf50);border-style:dashed;border-width:6px;animation:.6s bucketPulse}@keyframes bucketPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.sort-lane .loading{color:#fff;text-align:center;font-size:2rem}@media (width<=768px){.sort-word-card{flex-direction:column;padding:2rem}.sort-word-text{font-size:2.5rem}.sort-buckets{gap:.75rem}.sort-bucket{width:min(100%,240px);min-height:150px}.bucket-label{font-size:1rem}.bucket-hints{font-size:.85rem}}.memory-lane{background:var(--bg-quiz,linear-gradient(135deg, #74b9ff 0%, #a29bfe 100%));flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.memory-pack-summary{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.memory-header{text-align:center;z-index:1;width:100%;max-width:700px;margin-bottom:2rem;position:relative}.memory-stats{justify-content:center;gap:2rem;margin-bottom:1rem;display:flex}.stat{background:var(--card-bg,white);border-radius:var(--card-radius,15px);align-items:center;gap:.5rem;padding:.8rem 1.5rem;display:flex;box-shadow:0 4px 12px #00000026}.stat-label{color:var(--text-light,#666);font-size:1.2rem;font-weight:600}.stat-value{color:var(--text-title,#333);font-size:1.4rem;font-weight:700}.memory-complete{color:var(--text-title,#333);font-size:2rem;font-weight:700;animation:1s ease-in-out bounce}.memory-grid{z-index:1;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;max-width:700px;display:grid;position:relative}.memory-card{aspect-ratio:3/4;perspective:800px;cursor:pointer;background:0 0;border:none;padding:0}.memory-card:disabled{cursor:default}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;position:relative}.memory-card.flipped .card-inner,.memory-card.matched .card-inner{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;border-radius:var(--card-radius,15px);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;box-shadow:0 6px 16px #0003}.card-front{background:var(--speaker-bg,linear-gradient(135deg, #667eea 0%, #764ba2 100%));border:4px solid #fff6}.card-question{font-size:3rem}@media (hover:hover){.memory-card:hover:not(:disabled) .card-front{border-color:#fffc;transform:scale(1.05)}}.card-back{background:var(--card-bg,white);border:4px solid #0000001a;padding:.5rem;transform:rotateY(180deg)}.card-image{object-fit:contain;width:100%;max-width:110px;height:auto}.memory-card.matched .card-back{border-color:var(--correct-color,#4caf50);border-width:4px}.memory-card.matched .card-inner{animation:.5s matchPop}.memory-card.matched{opacity:.7;pointer-events:none}@keyframes matchPop{0%{transform:rotateY(180deg)scale(1)}50%{transform:rotateY(180deg)scale(1.15)}to{transform:rotateY(180deg)scale(1)}}@media (width<=600px){.memory-grid{grid-template-columns:repeat(3,1fr);gap:.6rem}.card-question{font-size:2.5rem}.card-image{max-width:84px}.memory-stats{gap:1rem}.stat{padding:.5rem 1rem}}.say-lane{background:linear-gradient(135deg,#c1dfc4 0%,#deecdd 45%,#f6d365 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:2rem;display:flex}.phase-summary{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.phase-pack,.phase-step{color:#24453d;background:#ffffff8c;border-radius:999px;padding:.45rem .9rem;font-weight:700}.say-progress{margin-bottom:1rem}.say-card{background:#ffffffe6;border-radius:28px;width:min(100%,680px);padding:2rem;box-shadow:0 18px 50px #3559482e}.say-card-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.say-badge{color:#326554;background:#e9fff2;border-radius:999px;padding:.4rem .8rem;font-weight:700}.say-word{color:#1f3b34;margin:1.4rem 0 .4rem;font-size:clamp(2.6rem,9vw,4.4rem)}.say-syllable{color:#516d65;font-size:1.1rem;font-weight:700}.say-cue{color:#324a44;margin-top:1rem;font-size:1.1rem}.say-repeat-box{background:#f3f8f4;border-radius:18px;flex-direction:column;gap:.35rem;margin-top:1.4rem;padding:1rem 1.2rem;display:flex}.repeat-label{color:#69827b;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;font-weight:700}.say-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:min(100%,680px);margin-top:1.2rem;display:grid}.say-action{border-radius:20px;padding:1.2rem;font-size:1.25rem;font-weight:800;box-shadow:0 10px 22px #2a473d26}.say-action.good{color:#fff;background:linear-gradient(135deg,#46c37b 0%,#2c8a59 100%)}.say-action.retry{color:#fff;background:linear-gradient(135deg,#ffb199 0%,#ff6a88 100%)}@media (width<=640px){.say-lane{padding:1rem}.say-card{border-radius:22px;padding:1.35rem}.say-card-head,.say-actions{grid-template-columns:1fr;display:grid}.say-card-head{gap:.8rem}}.result-screen{background:var(--bg-result,linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%));justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.result-content{background:var(--card-bg,white);border-radius:var(--card-radius,20px);text-align:center;z-index:1;width:100%;max-width:600px;padding:3rem;animation:.5s ease-out slideUp;position:relative;box-shadow:0 10px 30px #0003}.result-pack{color:#a25d2f;background:#fff4e8;border-radius:999px;margin-bottom:1.2rem;padding:.4rem .9rem;font-weight:800;display:inline-flex}.celebration{margin-bottom:2rem}.result-title{color:var(--text-title,#333);margin-bottom:1rem;font-size:3rem;animation:1s ease-in-out bounce}.stars{font-size:4rem;animation:1.5s ease-in-out infinite starTwinkle}.score-display{margin-bottom:2rem}.phase-pills{flex-wrap:wrap;justify-content:center;gap:.55rem;margin-bottom:1.6rem;display:flex}.phase-pill{color:#345c8d;background:#eef4ff;border-radius:999px;padding:.35rem .75rem;font-weight:700}.score-circle{background:var(--score-bg,linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:200px;height:200px;margin-bottom:1rem;animation:2s ease-in-out infinite pulse;display:flex;box-shadow:0 8px 20px #0003}.score-number{font-size:4rem;font-weight:700}.score-total{font-size:1.5rem}.percentage{color:#667eea;font-size:2rem;font-weight:700}.mistakes-section{background:#f5f5f5;border-radius:15px;margin:2rem 0;padding:1.5rem}.mistakes-title{color:#666;margin-bottom:1rem;font-size:1.5rem}.mistakes-list{flex-direction:column;gap:.75rem;display:flex}.mistake-item{background:#fff;border:2px solid #ddd;border-radius:10px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.mistakes-section.compact{background:#f8f7f6}.mistakes-list.compact{gap:.5rem}.mistake-item.compact{padding:.8rem 1rem}.mistake-copy{flex-direction:column;align-items:flex-start;display:flex}.mistake-word{color:#333;font-size:1.3rem;font-weight:700}.mistake-cue{color:#657286;text-align:left;font-size:.9rem}.mistake-sound{color:#f44336;background:#ffebee;border-radius:8px;padding:.5rem 1rem;font-size:1.3rem;font-weight:700}.confusion-list{flex-direction:column;gap:.6rem;display:flex}.confusion-item{text-align:left;background:#fff;border:2px solid #ebe7e3;border-radius:10px;justify-content:space-between;gap:.8rem;padding:.8rem 1rem;display:flex}.next-pack-card{text-align:left;background:linear-gradient(135deg,#edf7ff 0%,#fff5eb 100%);border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding:1.2rem;display:flex}.next-pack-label{text-transform:uppercase;letter-spacing:.08em;color:#6580a2;font-size:.85rem;font-weight:700}.next-pack-title{color:#253951;font-size:1.3rem;font-weight:800}.next-pack-button{min-width:180px;padding:1rem 1.4rem;font-size:1rem}.result-buttons{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}@media (width<=700px){.result-content{padding:1.5rem}.result-title{font-size:2.2rem}.score-circle{width:160px;height:160px}.score-number{font-size:3rem}.next-pack-card,.mistake-item,.confusion-item{flex-direction:column;align-items:flex-start}.next-pack-button{width:100%}}@keyframes starTwinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.btn-large{border-radius:var(--btn-radius,15px);cursor:pointer;text-transform:none;border:none;padding:1.5rem 3rem;font-size:1.8rem;font-weight:700;transition:all .3s;box-shadow:0 8px 20px #0003}.btn-large:hover{transform:translateY(-3px);box-shadow:0 12px 25px #0000004d}.btn-large:active{transform:translateY(-1px)}.btn-primary{background:var(--btn-start,linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff}.btn-secondary{background:var(--btn-home,linear-gradient(135deg, #f093fb 0%, #f5576c 100%));color:#fff}.text-center{text-align:center}html,body,#root{width:100%;height:100%}.theme-neutral{--bg-home:linear-gradient(135deg, #74b9ff 0%, #a29bfe 50%, #fd79a8 100%);--bg-config:linear-gradient(135deg, #dfe6e9 0%, #b2bec3 100%);--bg-quiz:linear-gradient(135deg, #74b9ff 0%, #a29bfe 100%);--bg-result:linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--btn-sj:linear-gradient(135deg, #e17055 0%, #d63031 100%);--btn-sk:linear-gradient(135deg, #00b894 0%, #00cec9 100%);--btn-st:linear-gradient(135deg, #fdcb6e 0%, #e17055 100%);--btn-start:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--btn-play-again:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--btn-home:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--card-bg:#fff;--card-radius:20px;--btn-radius:20px;--answer-shape:20px;--text-title:#2d3436;--text-body:#333;--text-light:#555;--speaker-bg:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--correct-color:#4caf50;--incorrect-color:#f44336;--accent-emoji-correct:"🎉";--accent-emoji-wrong:"😅";--accent-emoji-listen:"👂";--score-bg:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.theme-unicorn{--bg-home:linear-gradient(135deg, #fbc2eb 0%, #f8a5c2 50%, #f78fb3 100%);--bg-config:linear-gradient(135deg, #ffeef8 0%, #fbc2eb 100%);--bg-quiz:linear-gradient(135deg, #fbc2eb 0%, #f6a6ff 50%, #e8a0ff 100%);--bg-result:linear-gradient(135deg, #ffeef8 0%, #fbc2eb 100%);--btn-sj:linear-gradient(135deg, #ff6b81 0%, #e84393 100%);--btn-sk:linear-gradient(135deg, #fd79a8 0%, #e056a0 100%);--btn-st:linear-gradient(135deg, #f8a5c2 0%, #f78fb3 100%);--btn-start:linear-gradient(135deg, #e84393 0%, #fd79a8 100%);--btn-play-again:linear-gradient(135deg, #e84393 0%, #fd79a8 100%);--btn-home:linear-gradient(135deg, #f8a5c2 0%, #f78fb3 100%);--card-bg:#ffffffe6;--card-radius:30px;--btn-radius:50%;--answer-shape:50%;--text-title:#c44569;--text-body:#6d435a;--text-light:#b56576;--speaker-bg:linear-gradient(135deg, #e84393 0%, #fd79a8 100%);--correct-color:#2ed573;--incorrect-color:#ff6b81;--accent-emoji-correct:"💖";--accent-emoji-wrong:"💔";--accent-emoji-listen:"🦄";--score-bg:linear-gradient(135deg, #e84393 0%, #fd79a8 100%)}.theme-space{--bg-home:linear-gradient(135deg, #0c0c1d 0%, #1a1a3e 50%, #2d2d6b 100%);--bg-config:linear-gradient(135deg, #0c0c1d 0%, #1a1a3e 100%);--bg-quiz:linear-gradient(135deg, #0c0c1d 0%, #1a1a3e 50%, #2d1b69 100%);--bg-result:linear-gradient(135deg, #0c0c1d 0%, #1a1a3e 100%);--btn-sj:linear-gradient(135deg, #00d2ff 0%, #09f 100%);--btn-sk:linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);--btn-st:linear-gradient(135deg, #f472b6 0%, #ec4899 100%);--btn-start:linear-gradient(135deg, #00d2ff 0%, #3a7bd5 100%);--btn-play-again:linear-gradient(135deg, #00d2ff 0%, #3a7bd5 100%);--btn-home:linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);--card-bg:#1e1e3ce6;--card-radius:15px;--btn-radius:15px;--answer-shape:15px;--text-title:#e0e0ff;--text-body:#c8c8e8;--text-light:#99c;--speaker-bg:linear-gradient(135deg, #00d2ff 0%, #3a7bd5 100%);--correct-color:#22c55e;--incorrect-color:#ef4444;--accent-emoji-correct:"🌟";--accent-emoji-wrong:"💫";--accent-emoji-listen:"🛸";--score-bg:linear-gradient(135deg, #00d2ff 0%, #3a7bd5 100%)}.theme-space .home-screen,.theme-space .config-screen,.theme-space .quiz-lane,.theme-space .result-screen{position:relative;overflow:hidden}.theme-space .home-screen:before,.theme-space .quiz-lane:before,.theme-space .result-screen:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(2px 2px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 40px 70px,#fffc,#0000),radial-gradient(1px 1px at 90px 40px,#fff,#0000),radial-gradient(2px 2px at 130px 80px,#fff9,#0000),radial-gradient(1px 1px at 160px 30px,#fff,#0000),radial-gradient(2px 2px at 200px 60px,#ffffffb3,#0000);background-size:250px 100px;animation:4s ease-in-out infinite twinkle;position:absolute;inset:0}.theme-space .home-content,.theme-space .config-content,.theme-space .quiz-lane>*,.theme-space .result-content{z-index:1;position:relative}@keyframes twinkle{0%,to{opacity:.5}50%{opacity:1}}.theme-unicorn .home-screen:after,.theme-unicorn .quiz-lane:after{content:"💖 🦄 💕 🌸 💖 🎀 💕 ✨ 💖 🦄";text-align:center;letter-spacing:1rem;pointer-events:none;opacity:.4;font-size:2rem;animation:8s ease-in-out infinite floatUp;position:absolute;bottom:-30px;left:0;right:0}@keyframes floatUp{0%{opacity:.4;transform:translateY(0)}50%{opacity:.7;transform:translateY(-60px)}to{opacity:.4;transform:translateY(0)}}