.quiz-section.svelte-1indgw1{max-width:1200px;margin:4rem auto;padding:0 2rem;position:relative;z-index:10}.quiz-card-container.svelte-1indgw1{display:flex;justify-content:center}.quiz-promo-card.svelte-1indgw1{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;padding:3rem;max-width:600px;width:100%;color:#fff;text-align:center;box-shadow:0 20px 40px #667eea4d;position:relative;overflow:hidden;animation:svelte-1indgw1-slideUp .6s ease}.quiz-promo-card.svelte-1indgw1:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:svelte-1indgw1-rotate 20s linear infinite}@keyframes svelte-1indgw1-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes svelte-1indgw1-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.quiz-header.svelte-1indgw1{position:relative;z-index:1;margin-bottom:1.5rem}.quiz-icon.svelte-1indgw1{font-size:3rem;display:block;margin-bottom:1rem;animation:svelte-1indgw1-bounce 2s ease-in-out infinite}@keyframes svelte-1indgw1-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.quiz-header.svelte-1indgw1 h3:where(.svelte-1indgw1){font-size:2.5rem;margin:0;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.2)}.quiz-description.svelte-1indgw1{font-size:1.4rem;margin-bottom:2rem;opacity:.9;position:relative;z-index:1;line-height:1.6}.quiz-features.svelte-1indgw1{display:flex;justify-content:center;gap:2rem;margin-bottom:2.5rem;flex-wrap:wrap;position:relative;z-index:1}.quiz-feature.svelte-1indgw1{display:flex;align-items:center;gap:.5rem;background:#fff3;padding:.8rem 1.5rem;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);font-size:1.3rem;font-weight:600}.quiz-feature.svelte-1indgw1 span:where(.svelte-1indgw1):first-child{font-size:1.5rem}.start-quiz-btn.svelte-1indgw1{background:linear-gradient(135deg,#ffd93d,#ff6b6b);color:#1a1a1a;border:none;padding:1.2rem 3rem;border-radius:50px;font-size:1.6rem;font-weight:700;cursor:pointer;position:relative;z-index:1;transition:all .3s ease;box-shadow:0 10px 25px #ff6b6b66;text-transform:uppercase;letter-spacing:1px;text-decoration:none;display:inline-block}.start-quiz-btn.svelte-1indgw1:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 35px #ff6b6b99}@media (max-width: 768px){.quiz-promo-card.svelte-1indgw1{padding:2rem}.quiz-header.svelte-1indgw1 h3:where(.svelte-1indgw1){font-size:2rem}.quiz-features.svelte-1indgw1{gap:1rem}.quiz-feature.svelte-1indgw1{padding:.6rem 1rem;font-size:1.1rem}}@media (max-width: 480px){.quiz-section.svelte-1indgw1{margin:3rem auto}.quiz-promo-card.svelte-1indgw1{padding:1.5rem}.quiz-header.svelte-1indgw1 h3:where(.svelte-1indgw1){font-size:1.8rem}.quiz-description.svelte-1indgw1{font-size:1.2rem;margin-bottom:1.5rem}.quiz-features.svelte-1indgw1{gap:.8rem;margin-bottom:2rem}.quiz-feature.svelte-1indgw1{padding:.5rem .8rem;font-size:1rem}.quiz-feature.svelte-1indgw1 span:where(.svelte-1indgw1):first-child{font-size:1.2rem}.start-quiz-btn.svelte-1indgw1{font-size:1.4rem;padding:1rem 2rem}}.svelte-1uucmgk{box-sizing:border-box}main.svelte-1uucmgk{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fafafa;color:#1a1a1a;overflow-x:hidden;position:relative}main.svelte-1uucmgk:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;background-image:radial-gradient(circle at 25% 25%,#ff6b6b 0%,transparent 50%),radial-gradient(circle at 75% 75%,#4ecdc4 0%,transparent 50%);pointer-events:none;z-index:0}header.svelte-1uucmgk{position:relative;background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1,#ffa07a,#98d8c8);background-size:300% 300%;animation:svelte-1uucmgk-gradientShift 15s ease infinite;color:#fff;padding:4rem 2rem 5rem;text-align:center;overflow:hidden}@keyframes svelte-1uucmgk-gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-bg.svelte-1uucmgk{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.hero-bg.svelte-1uucmgk:before{content:"";position:absolute;width:300px;height:300px;background:#ffffff1a;border-radius:50%;top:-150px;right:-150px}.hero-bg.svelte-1uucmgk:after{content:"";position:absolute;width:200px;height:200px;background:#ffffff14;border-radius:50%;bottom:-100px;left:-100px}.hero-content.svelte-1uucmgk{position:relative;z-index:2;max-width:800px;margin:0 auto}.hero-badge.svelte-1uucmgk{display:inline-block;background:linear-gradient(45deg,#ffd93d,#6bcf7f,#ff6b6b,#4ecdc4);background-size:300% 300%;animation:svelte-1uucmgk-rainbowShift 5s ease infinite,svelte-1uucmgk-fadeInDown .6s ease;padding:.6rem 1.5rem;border-radius:30px;font-size:1.6rem;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.5);position:relative;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.1)}@keyframes svelte-1uucmgk-rainbowShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}h1.svelte-1uucmgk{font-size:4rem;margin:0 0 .5rem;font-weight:800;text-shadow:2px 2px 4px rgba(0,0,0,.1);color:#fff;animation:svelte-1uucmgk-fadeInUp .6s ease .2s both,svelte-1uucmgk-glowText 3s ease-in-out infinite;background-size:200% 200%;-webkit-background-clip:text;background-clip:text}@keyframes svelte-1uucmgk-glowText{0%,to{filter:drop-shadow(0 0 20px rgba(255,255,255,.5))}50%{filter:drop-shadow(0 0 30px rgba(255,255,255,.8))}}header.svelte-1uucmgk p:where(.svelte-1uucmgk){font-size:1.8rem;margin:0 0 2rem;animation:svelte-1uucmgk-fadeInUp .6s ease .4s both}.features.svelte-1uucmgk{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;animation:svelte-1uucmgk-fadeInUp .6s ease .6s both}.feature-item.svelte-1uucmgk{display:flex;align-items:center;gap:.5rem;background:linear-gradient(45deg,#fff3,#ffffff4d);padding:.8rem 1.5rem;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);transition:all .3s ease;font-weight:500;font-size:1.8rem}.feature-item.svelte-1uucmgk:hover{background:#fff6;transform:translateY(-2px) scale(1.05);box-shadow:0 5px 15px #0000001a}.feature-icon.svelte-1uucmgk{font-size:1.8rem}.floating-elements.svelte-1uucmgk{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.float.svelte-1uucmgk{position:absolute;font-size:3rem;opacity:.3;filter:saturate(2)}.float.svelte-1uucmgk:nth-child(1){top:15%;left:5%;color:#ffd93d}.float.svelte-1uucmgk:nth-child(2){top:30%;right:8%;color:#ff6b6b}.float.svelte-1uucmgk:nth-child(3){bottom:25%;left:10%;color:#6bcf7f}.float.svelte-1uucmgk:nth-child(4){top:60%;right:15%;color:#4ecdc4}.float.svelte-1uucmgk:nth-child(5){bottom:15%;right:10%;color:#ffa07a}.float.svelte-1uucmgk:nth-child(6){top:40%;left:35%;color:#e056fd}.content-wrapper.svelte-1uucmgk{position:relative;overflow:visible}.main-player.svelte-1uucmgk{max-width:80rem;margin:-3rem auto 0;position:relative;z-index:100;transition:all .3s ease;padding:1rem 2rem;background:transparent}.main-player.stuck.svelte-1uucmgk{position:fixed;top:0;left:0;right:0;margin:0 auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 20px #0000001a;padding-top:2rem;padding-bottom:2rem;z-index:1000;border-radius:3rem}.main-player.stuck.svelte-1uucmgk .player-card:where(.svelte-1uucmgk){box-shadow:0 10px 30px #00000026;transform:scale(.98)}.player-card.svelte-1uucmgk{background:#fff;border-radius:25px;box-shadow:0 20px 40px #0000001a;display:flex;overflow:hidden;min-height:220px;position:relative;animation:svelte-1uucmgk-slideUp .6s ease;transition:all .3s ease}.player-card.svelte-1uucmgk:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:svelte-1uucmgk-shimmer 3s linear infinite}@keyframes svelte-1uucmgk-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.player-visual.svelte-1uucmgk{background:linear-gradient(135deg,#667eea,#764ba2);width:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.animation-visual.svelte-1uucmgk{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);width:92%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.animation-container.svelte-1uucmgk{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}#lipSyncCanvas.svelte-1uucmgk{width:20rem;height:20rem}.image-container.svelte-1uucmgk{position:relative;z-index:2}.player-visual.svelte-1uucmgk img:where(.svelte-1uucmgk){width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2));animation:svelte-1uucmgk-bounce 3s ease-in-out infinite}@keyframes svelte-1uucmgk-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.image-glow.svelte-1uucmgk{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);animation:svelte-1uucmgk-pulse 3s ease-in-out infinite}@keyframes svelte-1uucmgk-pulse{0%,to{transform:translate(-50%,-50%) scale(.8);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.player-content.svelte-1uucmgk{padding:1.5rem 2.5rem;flex:1;display:flex;flex-direction:column;justify-content:center}.phrase-display.svelte-1uucmgk{margin-bottom:1rem}.japanese-text.svelte-1uucmgk{font-size:3rem;margin:0 0 .5rem;color:#1a1a1a;font-weight:800;letter-spacing:.05em;line-height:1.1}.romaji-text.svelte-1uucmgk{font-size:2rem;color:#667eea;margin:0 0 .3rem;font-weight:600}.english-text.svelte-1uucmgk{font-size:1.6rem;color:#666;margin:0}.player-controls.svelte-1uucmgk{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.player-wrapper.svelte-1uucmgk{display:flex;align-items:center;column-gap:1.5rem;justify-content:center}.play-btn.svelte-1uucmgk{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);color:#fff;border:none;padding:.8rem 2rem;border-radius:50px;font-size:1.4rem;font-weight:600;cursor:pointer;box-shadow:0 5px 20px #ff6b6b66;transition:all .3s ease;display:flex;justify-content:center;width:12rem;gap:.5rem;position:relative;overflow:hidden}.play-btn.svelte-1uucmgk:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.play-btn.svelte-1uucmgk:hover:before{left:100%}.play-btn.svelte-1uucmgk:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #ff6b6b80}.play-btn.playing.svelte-1uucmgk{background:linear-gradient(135deg,#ffd93d,#ff6b6b);animation:svelte-1uucmgk-playingPulse 2s ease-in-out infinite}@keyframes svelte-1uucmgk-playingPulse{0%,to{box-shadow:0 5px 20px #ffd93d66}50%{box-shadow:0 5px 30px #ff6b6b99}}.play-icon.svelte-1uucmgk{font-size:1.4rem}.animation-btn.svelte-1uucmgk{background:linear-gradient(135deg,#e056fd,#686de0);color:#fff;border:none;border-radius:50px;font-size:1.4rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 5px 15px #686de04d}.animation-btn.svelte-1uucmgk:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px #e056fd66}.animation-btn.active.svelte-1uucmgk{background:linear-gradient(135deg,#764ba2,#667eea)}.lesson-btn.svelte-1uucmgk{background:linear-gradient(135deg,#6bcf7f,#4ecdc4);color:#fff;border:none;padding:1rem 0;border-radius:50px;width:20rem;font-size:1.4rem;text-align:center;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-block;align-items:center;gap:.5rem;text-decoration:none;box-shadow:0 5px 15px #6bcf7f4d}.lesson-btn.svelte-1uucmgk:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px #4ecdc466}.lesson-icon.svelte-1uucmgk{font-size:1.4rem}.btn-wrapper.svelte-1uucmgk{display:grid;grid-template-columns:1fr 20rem;column-gap:1.5rem}.phrases.svelte-1uucmgk{max-width:1200px;margin:0 auto;padding:5rem 2rem 3rem;background:#fafafa;position:relative;z-index:1}.section-title.svelte-1uucmgk{text-align:center;margin-bottom:3rem;color:#1a1a1a;font-size:3rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:1rem}.title-decoration.svelte-1uucmgk{font-size:1.5rem;animation:svelte-1uucmgk-sparkle 2s ease-in-out infinite}@keyframes svelte-1uucmgk-sparkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.grid.svelte-1uucmgk{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.card.svelte-1uucmgk{background:#fff;border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #00000014;position:relative;transform:translateY(0);border:2px solid transparent;background-clip:padding-box}.card.svelte-1uucmgk:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe,#00f2fe,#667eea);background-size:300% 300%;border-radius:20px;z-index:-1;opacity:0;transition:opacity .3s ease;animation:svelte-1uucmgk-gradientRotate 3s ease infinite}@keyframes svelte-1uucmgk-gradientRotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.card.svelte-1uucmgk:hover:after{opacity:1}.card.svelte-1uucmgk:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(102,126,234,.1) 100%);opacity:0;transition:opacity .3s ease;z-index:1}.card.svelte-1uucmgk:hover{transform:translateY(-8px);box-shadow:0 15px 35px #0000001f}.card.svelte-1uucmgk:hover:before{opacity:1}.card.active.svelte-1uucmgk{border:3px solid #667eea;box-shadow:0 15px 35px #667eea40;transform:translateY(-8px)}.card.active.svelte-1uucmgk:before{opacity:1;background:linear-gradient(135deg,transparent 0%,rgba(102,126,234,.2) 100%)}.quick-play.svelte-1uucmgk{position:absolute;top:12px;right:12px;background:#fff;border:none;width:45px;height:45px;border-radius:50%;cursor:pointer;box-shadow:0 3px 10px #00000026;transition:all .3s ease;z-index:3;display:flex;align-items:center;justify-content:center}.quick-play.svelte-1uucmgk:hover{background:linear-gradient(135deg,#667eea,#764ba2);transform:scale(1.1) rotate(10deg);box-shadow:0 5px 15px #667eea66}.quick-play.svelte-1uucmgk:hover .speaker-icon:where(.svelte-1uucmgk){filter:brightness(0) invert(1)}.speaker-icon.svelte-1uucmgk{font-size:1.5rem;transition:all .3s ease}.card-image.svelte-1uucmgk{position:relative;height:140px;display:flex;align-items:center;justify-content:center;overflow:hidden}.card.svelte-1uucmgk:nth-child(6n+1) .card-image:where(.svelte-1uucmgk){background:linear-gradient(135deg,#ff6b6b,#ff8e53)}.card.svelte-1uucmgk:nth-child(6n+2) .card-image:where(.svelte-1uucmgk){background:linear-gradient(135deg,#6bcf7f,#4ecdc4)}.card.svelte-1uucmgk:nth-child(6n+3) .card-image:where(.svelte-1uucmgk){background:linear-gradient(135deg,#ffd93d,#ffa502)}.card.svelte-1uucmgk:nth-child(6n+4) .card-image:where(.svelte-1uucmgk){background:linear-gradient(135deg,#e056fd,#686de0)}.card.svelte-1uucmgk:nth-child(6n+5) .card-image:where(.svelte-1uucmgk){background:linear-gradient(135deg,#30e3ca,#11998e)}.card.svelte-1uucmgk:nth-child(6n+6) .card-image:where(.svelte-1uucmgk){background:linear-gradient(135deg,#f953c6,#b91d73)}.card-image.svelte-1uucmgk:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.15;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.2) 10px,rgba(255,255,255,.2) 20px),repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(255,255,255,.2) 10px,rgba(255,255,255,.2) 20px)}.card.svelte-1uucmgk:nth-child(3n+1) .card-image:where(.svelte-1uucmgk):after{content:"◉";position:absolute;top:10px;left:10px;font-size:2rem;opacity:.1;color:#fff;animation:svelte-1uucmgk-spin 10s linear infinite}.card.svelte-1uucmgk:nth-child(3n+2) .card-image:where(.svelte-1uucmgk):after{content:"✦";position:absolute;bottom:10px;right:10px;font-size:2rem;opacity:.1;color:#fff;animation:svelte-1uucmgk-pulse 3s ease-in-out infinite}.card.svelte-1uucmgk:nth-child(3n) .card-image:where(.svelte-1uucmgk):after{content:"◈";position:absolute;top:50%;left:10px;font-size:2rem;opacity:.1;color:#fff;transform:translateY(-50%);animation:float 5s ease-in-out infinite}@keyframes svelte-1uucmgk-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-image.svelte-1uucmgk img:where(.svelte-1uucmgk){width:100px;height:100px;object-fit:contain;position:relative;z-index:2;transition:transform .3s ease;filter:drop-shadow(0 5px 15px rgba(0,0,0,.2))}.card.svelte-1uucmgk:hover .card-image:where(.svelte-1uucmgk) img:where(.svelte-1uucmgk){transform:scale(1.1) rotate(5deg)}.card-shine.svelte-1uucmgk{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);transform:rotate(45deg) translateY(100%);transition:transform .6s ease}.card.svelte-1uucmgk:hover .card-shine:where(.svelte-1uucmgk){transform:rotate(45deg) translateY(-100%)}.card-content.svelte-1uucmgk{padding:1.2rem;text-align:center;position:relative;z-index:2}.jp.svelte-1uucmgk{font-size:1.6em;font-weight:800;color:#1a1a1a;margin-bottom:.3rem;letter-spacing:.05em}.rm.svelte-1uucmgk{font-size:1.4rem;color:#667eea;margin-bottom:.2rem;font-weight:600}.en.svelte-1uucmgk{font-size:1.4rem;color:#666;line-height:1.3}@keyframes svelte-1uucmgk-fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1uucmgk-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1uucmgk-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.audio-duration.svelte-1uucmgk{position:absolute;top:1.5rem;right:2rem;background:#0000001a;color:#666;padding:.4rem 1rem;border-radius:20px;font-size:1.3rem;font-weight:600;display:flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.audio-duration.playing.svelte-1uucmgk{background:#667eea26;color:#667eea}.duration-icon.svelte-1uucmgk{font-size:1.2rem}@media (max-width: 768px){h1.svelte-1uucmgk{font-size:3.5rem}.features.svelte-1uucmgk{gap:1rem}.feature-item.svelte-1uucmgk{padding:.6rem 1rem;font-size:1.4rem}.main-player.svelte-1uucmgk{padding:.5rem 1rem}.main-player.stuck.svelte-1uucmgk{padding-top:1rem;padding-bottom:1rem}.player-card.svelte-1uucmgk{flex-direction:column}.player-visual.svelte-1uucmgk,.animation-visual.svelte-1uucmgk{width:100%;height:180px}.player-visual.svelte-1uucmgk img:where(.svelte-1uucmgk){width:120px;height:120px}#lipSyncCanvas.svelte-1uucmgk{width:18rem;height:18rem}.player-content.svelte-1uucmgk{text-align:center;padding:2rem}.japanese-text.svelte-1uucmgk{font-size:2.2rem}.player-controls.svelte-1uucmgk{justify-content:center;flex-direction:column;width:100%}.btn-wrapper.svelte-1uucmgk{width:100%;grid-template-columns:1fr}.grid.svelte-1uucmgk{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.main-player.svelte-1uucmgk{width:92%;max-width:36rem}.player-card.svelte-1uucmgk{position:relative}.audio-duration.svelte-1uucmgk{top:1rem;right:1.5rem;font-size:1.2rem;padding:.3rem .8rem;z-index:10}.playing.svelte-1uucmgk span:where(.svelte-1uucmgk){color:#fff}}@media (max-width: 480px){.main-player.svelte-1uucmgk{margin:-3rem auto 2rem;max-width:32rem}h1.svelte-1uucmgk{font-size:3rem}header.svelte-1uucmgk p:where(.svelte-1uucmgk){font-size:1.6rem}.section-title.svelte-1uucmgk{font-size:2.5rem}.grid.svelte-1uucmgk{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}