:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}:root{font-family:Poppins,Nunito,system-ui,-apple-system,sans-serif;line-height:1.4}*{box-sizing:border-box}body{background:#fff;min-height:100vh;margin:0;overflow:hidden}#root{min-height:100vh}.lr-root{background:#fff;position:fixed;inset:0;overflow:hidden}.lr-speech{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#00000080;border-radius:999px;align-items:center;gap:8px;padding:12px 24px;font-size:1.125rem;font-weight:700;animation:.3s ease-out fade-in-up;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.lr-stage{z-index:100;width:100%;height:100%;display:flex;position:relative}.lr-card{background:#fff;flex-direction:column;width:100%;height:100%;padding:72px 28px 28px;display:flex;position:relative;overflow-y:auto}.lr-quit{color:#fff;cursor:pointer;background:#ffb74d;border:0;border-radius:20px;align-items:center;gap:6px;padding:10px 20px;font-size:1rem;font-weight:700;transition:transform .15s,background .15s;display:inline-flex;position:absolute;top:20px;right:20px}.lr-quit:hover{background:#ff9800;transform:scale(1.05)}.lr-dots{gap:6px;display:flex;position:absolute;top:24px;left:24px}.lr-dot{border-radius:999px;height:8px;transition:all .3s}.lr-audio{background:#f5f5f5;border-radius:20px;align-items:center;gap:12px;margin-top:8px;padding:12px 16px;display:flex}.lr-audio-play{color:#ff6b6b;cursor:pointer;background:#fff;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .15s;display:flex;box-shadow:0 3px 10px #0000001a}.lr-audio-play:hover{transform:scale(1.1)}.lr-audio-time{color:#6b7280;min-width:60px;font-size:.875rem;font-weight:600}@media (width<=640px){.lr-audio-time{display:none}}.lr-audio-track{background:#ddd;border-radius:999px;flex:1;height:6px;overflow:hidden}.lr-audio-fill{background:linear-gradient(90deg,#ff6b6b 0%,#ff8e53 100%);border-radius:999px;height:100%;transition:width 50ms linear}.lr-audio-mute{color:#6b7280;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:4px}.lr-audio-mute:hover{color:#374151}.lr-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:28px 16px 8px;animation:.5s ease-out fade-in-up;display:flex}.lr-swatch{border-radius:28px;width:min(240px,50vw);height:min(240px,50vw);margin:0 auto 24px;animation:.6s ease-out fade-in-up;box-shadow:0 5px 20px #0000001f}.lr-word{color:#2d3747;margin:0 0 8px;font-size:clamp(2rem,5vw,2.5rem);font-weight:800;animation:.8s ease-out study-slide-in}.lr-hint{color:#6b7280;margin:0 0 28px;font-weight:600}.lr-next{color:#fff;cursor:pointer;background:#3498db;border:0;border-radius:999px;align-items:center;gap:10px;padding:14px 36px;font-size:1.125rem;font-weight:700;transition:transform .15s,background .15s;display:inline-flex;box-shadow:0 8px 25px #3498db66}.lr-next:hover:not(:disabled){background:#2980b9;transform:translate(4px)}.lr-next:active:not(:disabled){transform:scale(.95)}.lr-next:disabled{opacity:.65;cursor:not-allowed}.lr-next-complete{background:linear-gradient(135deg,#4caf50,#2e7d32);box-shadow:0 8px 25px #4caf5066}.lr-next-complete:hover:not(:disabled){background:linear-gradient(135deg,#43a047,#1b5e20)}.lr-done{z-index:100;background:#fff;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex;position:relative}.lr-done-inner{text-align:center;animation:.6s ease-out fade-in-up}.lr-done-emoji{margin-bottom:24px;font-size:5rem;animation:1s ease-out badge-spin-in}.lr-done-title{color:#2d3747;margin:0 0 12px;font-size:clamp(2.5rem,8vw,3.25rem);font-weight:800;animation:2s ease-in-out infinite glow-text}.lr-done-sub{color:#6b7280;margin:0 0 32px;font-size:1.25rem}.lr-done-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.lr-btn{cursor:pointer;border:0;border-radius:999px;padding:16px 32px;font-size:1.125rem;font-weight:700;transition:transform .15s}.lr-btn:hover{transform:scale(1.05)}.lr-btn:active{transform:scale(.95)}.lr-btn-green{color:#fff;background:linear-gradient(135deg,#4caf50,#2e7d32);box-shadow:0 8px 25px #4caf5066}.lr-btn-white{color:#374151;background:#f3f4f6;box-shadow:0 4px 16px #00000014}.lr-confetti{pointer-events:none;font-size:1.875rem;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards;position:fixed;top:-10%}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes badge-spin-in{0%{opacity:0;transform:scale(0)rotate(-360deg)}60%{opacity:1;transform:scale(1.2)rotate(20deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes glow-text{0%,to{text-shadow:0 0 10px #ffd70059,0 0 24px #ffd70033}50%{text-shadow:0 0 18px #ffd7008c,0 0 36px #ffd70059}}@keyframes study-slide-in{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}