#island-modal.listening-mode .island-modal-content{background-image:url('https://ingilizcemaarif.com/Treasureisland/audio.webp')!important;background-size:cover;background-position:center}#listening-bay-overlay{position:fixed;inset:0;z-index:99990;background:0 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .4s ease;font-family:Nunito,sans-serif}#listening-bay-overlay.active{opacity:1;pointer-events:all}#listening-bay-overlay.session-active{background:linear-gradient(160deg,#0a1628 0,#0d2a4a 35%,#0a3d3a 70%,#071e1c 100%);overflow-y:auto;overflow-x:hidden}.lb-particles{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}.lb-particle{position:absolute;border-radius:50%;background:rgba(0,220,180,.15);animation:lb-float-particle linear infinite}@keyframes lb-float-particle{0%{transform:translateY(110vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:.5}100%{transform:translateY(-10vh) scale(1.5);opacity:0}}.lb-header{position:relative;z-index:10;width:100%;max-width:680px;padding:20px 20px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.lb-back-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;width:40px;height:40px;border-radius:12px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.lb-back-btn:hover{background:rgba(255,255,255,.15);transform:scale(1.05)}.lb-header-info{text-align:center;flex:1}.lb-island-name{font-family:Cinzel,serif;font-size:20px;font-weight:700;color:#00e5c8;text-shadow:0 0 20px rgba(0,229,200,.5);letter-spacing:2px;margin:0}.lb-chest-label{font-size:12px;color:rgba(255,255,255,.5);letter-spacing:1px;margin-top:2px}.lb-score-badge{background:rgba(255,215,0,.15);border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:6px 14px;font-weight:800;font-size:15px;color:gold;display:flex;align-items:center;gap:4px;flex-shrink:0}.lb-phase-stepper{position:relative;z-index:10;width:100%;max-width:680px;padding:20px 24px 8px;display:flex;align-items:center;justify-content:center;gap:0}.lb-phase-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;position:relative}.lb-phase-step:not(:last-child)::after{content:'';position:absolute;top:16px;left:calc(50% + 16px);width:calc(100% - 32px);height:2px;background:rgba(255,255,255,.12);transition:background .5s ease}.lb-phase-step.completed:not(:last-child)::after{background:linear-gradient(90deg,#00e5c8,rgba(0,229,200,.3))}.lb-phase-icon{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .4s ease;position:relative;z-index:2}.lb-phase-step.active .lb-phase-icon{background:linear-gradient(135deg,#00e5c8,#0097a7);border-color:#00e5c8;box-shadow:0 0 16px rgba(0,229,200,.6);animation:lb-icon-pulse 2s ease-in-out infinite}.lb-phase-step.completed .lb-phase-icon{background:linear-gradient(135deg,#4caf50,#2e7d32);border-color:#4caf50}@keyframes lb-icon-pulse{0%,100%{box-shadow:0 0 16px rgba(0,229,200,.6)}50%{box-shadow:0 0 28px rgba(0,229,200,.9),0 0 50px rgba(0,229,200,.3)}}.lb-phase-label{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.35);transition:color .4s;text-align:center;line-height:1.2}.lb-phase-step.active .lb-phase-label{color:#00e5c8}.lb-phase-step.completed .lb-phase-label{color:#4caf50}.lb-question-progress{position:relative;z-index:10;width:100%;max-width:680px;padding:8px 24px}.lb-qprog-track{height:4px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}.lb-qprog-fill{height:100%;background:linear-gradient(90deg,#00e5c8,#00bcd4);border-radius:4px;transition:width .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 8px rgba(0,229,200,.6)}.lb-qprog-dots{display:flex;justify-content:center;gap:6px;margin-top:8px}.lb-qprog-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.15);transition:all .3s}.lb-qprog-dot.active{background:#00e5c8;box-shadow:0 0 8px rgba(0,229,200,.8);transform:scale(1.3)}.lb-qprog-dot.done{background:#4caf50}.lb-content-card{position:relative;z-index:10;width:100%;max-width:680px;margin:8px 16px 0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.lb-phase-intro{padding:28px 24px;text-align:center;display:none}.lb-phase-intro.active{display:block}.lb-phase-intro-icon{font-size:52px;line-height:1;margin-bottom:12px;animation:lb-bounce-in .6s cubic-bezier(.34,1.56,.64,1)}@keyframes lb-bounce-in{0%{transform:scale(0) rotate(-20deg);opacity:0}100%{transform:scale(1) rotate(0);opacity:1}}.lb-phase-intro h2{font-family:Cinzel,serif;font-size:22px;font-weight:700;color:#00e5c8;margin:0 0 8px;text-shadow:0 0 20px rgba(0,229,200,.4)}.lb-phase-intro p{font-size:14px;color:rgba(255,255,255,.65);line-height:1.6;margin:0 0 20px}.lb-vocab-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin:14px 0 20px;width:100%}.lb-flip-card{height:80px;perspective:600px;cursor:pointer}.lb-flip-inner{position:relative;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.lb-flip-card.flipped .lb-flip-inner{transform:rotateY(180deg)}.lb-flip-back,.lb-flip-front{position:absolute;inset:0;border-radius:12px;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:8px}.lb-flip-front{background:linear-gradient(135deg,rgba(0,100,120,.6),rgba(0,60,90,.6));border:1.5px solid rgba(0,229,200,.3)}.lb-flip-back{background:linear-gradient(135deg,rgba(0,229,200,.15),rgba(0,150,130,.2));border:1.5px solid rgba(0,229,200,.5);transform:rotateY(180deg)}.lb-flip-word{font-size:14px;font-weight:700;color:#00e5c8;text-align:center}.lb-flip-tr{font-size:13px;font-weight:600;color:#fff;text-align:center}.lb-content-card.reflect-mode{background:linear-gradient(160deg,rgba(40,20,70,.95) 0,rgba(20,15,50,.98) 100%);border-color:rgba(180,100,255,.25)}.lb-content-card.reflect-mode .lb-phase-intro-icon{filter:hue-rotate(200deg)}.lb-content-card.reflect-mode .lb-question-text{color:rgba(220,200,255,.95)}.lb-content-card.reflect-mode .lb-option-btn{border-color:rgba(180,100,255,.2)}.lb-content-card.reflect-mode .lb-option-btn:hover{border-color:rgba(180,100,255,.5);background:rgba(180,100,255,.1)}.lb-content-card.reflect-mode .lb-option-btn.selected{border-color:rgba(180,100,255,.7);background:rgba(180,100,255,.15)}.lb-audio-section{padding:24px 24px 16px}.lb-audio-title{font-size:13px;font-weight:700;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;text-align:center}.lb-waveform{display:flex;align-items:center;justify-content:center;gap:3px;height:48px;margin-bottom:16px;padding:0 8px}.lb-wave-bar{width:3px;border-radius:3px;background:rgba(0,229,200,.25);transition:height .15s ease,background .3s;min-height:4px}.lb-wave-bar.playing{background:linear-gradient(180deg,#00e5c8,#0097a7);animation:lb-wave-anim .8s ease-in-out infinite}.lb-wave-bar:nth-child(2n){animation-delay:.15s}.lb-wave-bar:nth-child(3n){animation-delay:.3s}.lb-wave-bar:nth-child(4n){animation-delay:.45s}.lb-wave-bar:nth-child(5n){animation-delay:.6s}@keyframes lb-wave-anim{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}.lb-play-count{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.lb-play-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.2);transition:all .3s}.lb-play-dot.used{background:linear-gradient(135deg,#00e5c8,#0097a7);border-color:#00e5c8;box-shadow:0 0 8px rgba(0,229,200,.6)}.lb-play-limit-text{text-align:center;font-size:11px;color:rgba(255,255,255,.4);margin-bottom:10px;letter-spacing:.5px}.lb-player-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.lb-ctrl-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.7);width:40px;height:40px;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.lb-ctrl-btn:hover{background:rgba(255,255,255,.15);color:#fff;transform:scale(1.08)}.lb-ctrl-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.lb-play-main-btn{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#00e5c8,#0097a7);border:none;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(0,229,200,.4);transition:all .2s;position:relative;overflow:hidden}.lb-play-main-btn:active{transform:scale(.94)}.lb-play-main-btn:hover{box-shadow:0 6px 28px rgba(0,229,200,.6);transform:scale(1.04)}.lb-play-main-btn.playing{background:linear-gradient(135deg,#0097a7,#006064)}.lb-play-main-btn.disabled-final{background:linear-gradient(135deg,#546e7a,#37474f);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.lb-play-main-btn::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(0,229,200,.4);animation:lb-ripple 2s ease-out infinite;pointer-events:none;opacity:0}.lb-play-main-btn.playing::after{opacity:1}@keyframes lb-ripple{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.4);opacity:0}}.lb-seek-wrap{padding:0 4px;margin-bottom:6px}.lb-seek-bar{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:rgba(255,255,255,.1);border-radius:4px;outline:0;cursor:pointer;position:relative}.lb-seek-bar::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#00e5c8;cursor:pointer;box-shadow:0 0 6px rgba(0,229,200,.6);transition:transform .2s}.lb-seek-bar::-webkit-slider-thumb:hover{transform:scale(1.3)}.lb-time-row{display:flex;justify-content:space-between;font-size:11px;color:rgba(255,255,255,.4);font-feature-settings:'tnum';padding:0 2px}.lb-transcript-toggle{display:flex;align-items:center;justify-content:center;gap:6px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:7px 18px;margin:8px auto 0;cursor:pointer;font-size:12px;font-weight:700;color:rgba(255,255,255,.5);letter-spacing:.5px;transition:all .2s;width:fit-content}.lb-transcript-toggle:hover{background:rgba(255,255,255,.1);color:rgba(255,255,255,.8)}.lb-transcript-toggle.active{background:rgba(0,229,200,.1);border-color:rgba(0,229,200,.3);color:#00e5c8}.lb-transcript-panel{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4, 0, .2, 1),padding .3s;padding:0 24px}.lb-transcript-panel.active{max-height:200px;overflow-y:auto;padding:12px 24px 16px}.lb-transcript-text{font-size:13px;line-height:1.8;color:rgba(255,255,255,.65);font-style:italic;border-left:2px solid rgba(0,229,200,.3);padding-left:12px}.lb-transcript-text .lb-highlight{background:rgba(0,229,200,.2);color:#00e5c8;border-radius:3px;padding:0 2px;font-style:normal;font-weight:600}.lb-question-section{padding:20px 24px 8px;border-top:1px solid rgba(255,255,255,.07);display:none}.lb-question-section.active{display:block}.lb-question-phase-tag{display:inline-flex;align-items:center;gap:5px;background:rgba(255,152,0,.15);border:1px solid rgba(255,152,0,.25);border-radius:20px;padding:3px 12px;font-size:10px;font-weight:800;letter-spacing:1px;color:#ffb74d;text-transform:uppercase;margin-bottom:12px}.lb-question-text{font-size:16px;font-weight:700;color:rgba(255,255,255,.9);line-height:1.5;margin-bottom:16px}.lb-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.lb-option-btn{display:flex;align-items:flex-start;gap:10px;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.1);border-radius:14px;padding:12px 14px;cursor:pointer;text-align:left;transition:all .2s;color:rgba(255,255,255,.85);font-family:Nunito,sans-serif;font-size:14px;font-weight:600;line-height:1.4;position:relative;overflow:hidden}.lb-option-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,229,200,.1),transparent);opacity:0;transition:opacity .3s}.lb-option-btn:hover::before{opacity:1}.lb-option-btn:hover:not(:disabled){border-color:rgba(0,229,200,.4);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.lb-option-letter{width:24px;height:24px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;transition:all .2s}.lb-option-btn:hover:not(:disabled) .lb-option-letter{background:rgba(0,229,200,.2);border-color:rgba(0,229,200,.4);color:#00e5c8}.lb-option-btn.selected{border-color:rgba(0,229,200,.5);background:rgba(0,229,200,.08)}.lb-option-btn.correct{border-color:#4caf50!important;background:rgba(76,175,80,.15)!important;animation:lb-correct-flash .5s ease}.lb-option-btn.correct .lb-option-letter{background:#4caf50;border-color:#4caf50;color:#fff}.lb-option-btn.wrong{border-color:#f44336!important;background:rgba(244,67,54,.12)!important;animation:lb-wrong-shake .4s ease}.lb-option-btn.wrong .lb-option-letter{background:#f44336;border-color:#f44336;color:#fff}@keyframes lb-correct-flash{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes lb-wrong-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.lb-option-btn:disabled{cursor:not-allowed;opacity:.7}.lb-openended-wrap{margin-bottom:16px}.lb-openended-input{width:100%;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 16px;color:#fff;font-family:Nunito,sans-serif;font-size:15px;font-weight:600;outline:0;transition:border-color .2s;box-sizing:border-box;margin-bottom:10px}.lb-openended-input:focus{border-color:rgba(0,229,200,.5);box-shadow:0 0 12px rgba(0,229,200,.15)}.lb-openended-input.correct{border-color:#4caf50;background:rgba(76,175,80,.1)}.lb-openended-input.wrong{border-color:#f44336;background:rgba(244,67,54,.08)}.lb-tf-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.lb-tf-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px 12px;border-radius:16px;border:2px solid;cursor:pointer;font-family:Nunito,sans-serif;font-weight:800;font-size:15px;letter-spacing:1px;transition:all .2s}.lb-tf-btn.true-btn{background:rgba(76,175,80,.1);border-color:rgba(76,175,80,.25);color:#81c784}.lb-tf-btn.false-btn{background:rgba(244,67,54,.08);border-color:rgba(244,67,54,.2);color:#e57373}.lb-tf-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.lb-tf-btn.true-btn:hover:not(:disabled){background:rgba(76,175,80,.2);border-color:rgba(76,175,80,.5)}.lb-tf-btn.false-btn:hover:not(:disabled){background:rgba(244,67,54,.15);border-color:rgba(244,67,54,.4)}.lb-tf-btn .tf-emoji{font-size:28px;line-height:1}.lb-tf-btn:disabled{cursor:not-allowed}.lb-tf-btn.correct{animation:lb-correct-flash .5s ease;opacity:1!important}.lb-tf-btn.wrong{animation:lb-wrong-shake .4s ease}.lb-matching-wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.lb-match-col{display:flex;flex-direction:column;gap:8px}.lb-match-item{background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px;cursor:pointer;font-size:13px;font-weight:700;color:rgba(255,255,255,.8);text-align:center;transition:all .2s;min-height:44px;display:flex;align-items:center;justify-content:center}.lb-match-item:hover:not([style*="pointer-events: none"]){border-color:rgba(0,229,200,.4);background:rgba(0,229,200,.08);transform:scale(1.02)}.lb-match-item.selected{border-color:#00e5c8;background:rgba(0,229,200,.12);box-shadow:0 0 12px rgba(0,229,200,.3)}.lb-match-item.matched{border-color:#4caf50;background:rgba(76,175,80,.12);opacity:.8}.lb-match-item.wrong-match{border-color:#f44336;background:rgba(244,67,54,.1);animation:lb-wrong-shake .4s ease}.lb-feedback-banner{margin:8px 24px 16px;border-radius:14px;padding:14px 16px;display:none;align-items:flex-start;gap:12px;animation:lb-slide-up .3s ease}.lb-feedback-banner.correct-fb{background:rgba(76,175,80,.15);border:1.5px solid rgba(76,175,80,.3)}.lb-feedback-banner.wrong-fb{background:rgba(244,67,54,.12);border:1.5px solid rgba(244,67,54,.25)}@keyframes lb-slide-up{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.lb-fb-icon{font-size:22px;flex-shrink:0;line-height:1}.lb-fb-content{flex:1}.lb-fb-title{font-weight:800;font-size:15px;margin-bottom:3px}.lb-feedback-banner.correct-fb .lb-fb-title{color:#81c784}.lb-feedback-banner.wrong-fb .lb-fb-title{color:#e57373}.lb-fb-explanation{font-size:12px;color:rgba(255,255,255,.55);line-height:1.5}.lb-actions{padding:4px 24px 24px;display:flex;gap:10px;justify-content:center}.lb-btn-primary{flex:1;max-width:240px;background:linear-gradient(135deg,#00e5c8,#0097a7);border:none;border-radius:14px;padding:14px 24px;color:#fff;font-family:Nunito,sans-serif;font-size:15px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px rgba(0,229,200,.3);transition:all .2s;letter-spacing:.5px}.lb-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,229,200,.4)}.lb-btn-primary:active{transform:scale(.97)}.lb-btn-primary:disabled{background:linear-gradient(135deg,#546e7a,#37474f);box-shadow:none;cursor:not-allowed;transform:none;opacity:.6}.lb-btn-secondary{background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 20px;color:rgba(255,255,255,.7);font-family:Nunito,sans-serif;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.lb-btn-secondary:hover{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.2)}.lb-submit-btn{width:100%;background:linear-gradient(135deg,#00e5c8,#0097a7);border:none;border-radius:14px;padding:14px;color:#fff;font-family:Nunito,sans-serif;font-size:15px;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px rgba(0,229,200,.3);margin-bottom:8px}.lb-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,229,200,.4)}.lb-submit-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.lb-results{padding:32px 24px;text-align:center;display:none}.lb-results.active{display:block}.lb-results-trophy{font-size:64px;line-height:1;margin-bottom:8px;animation:lb-bounce-in .8s cubic-bezier(.34,1.56,.64,1)}.lb-results-title{font-family:Cinzel,serif;font-size:24px;font-weight:700;color:gold;text-shadow:0 0 20px rgba(255,215,0,.5);margin-bottom:6px}.lb-results-subtitle{font-size:13px;color:rgba(255,255,255,.5);margin-bottom:24px}.lb-results-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.lb-result-stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 8px}.lb-result-stat-val{font-size:22px;font-weight:800;color:#00e5c8;display:block;margin-bottom:4px}.lb-result-stat-lbl{font-size:11px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.5px}.lb-perf-bar-wrap{margin-bottom:24px}.lb-perf-bar-label{display:flex;justify-content:space-between;font-size:12px;color:rgba(255,255,255,.5);margin-bottom:6px}.lb-perf-bar-track{height:10px;background:rgba(255,255,255,.08);border-radius:10px;overflow:hidden}.lb-perf-bar-fill{height:100%;border-radius:10px;transition:width 1.5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.lb-perf-bar-fill::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:rgba(255,255,255,.3);animation:lb-shimmer 2s infinite}@keyframes lb-shimmer{0%{left:-100%}100%{left:200%}}.lb-perf-bar-fill.excellent{background:linear-gradient(90deg,#4caf50,#66bb6a)}.lb-perf-bar-fill.good{background:linear-gradient(90deg,#00e5c8,#0097a7)}.lb-perf-bar-fill.fair{background:linear-gradient(90deg,#ff9800,#ffa726)}.lb-perf-bar-fill.poor{background:linear-gradient(90deg,#f44336,#ef5350)}.lb-review-list{text-align:left;margin-bottom:20px;display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.lb-review-item{display:flex;align-items:flex-start;gap:10px;background:rgba(255,255,255,.04);border-radius:10px;padding:10px 12px;font-size:12px}.lb-review-item.ri-correct{border-left:3px solid #4caf50}.lb-review-item.ri-wrong{border-left:3px solid #f44336}.lb-ri-icon{font-size:14px;flex-shrink:0;margin-top:1px}.lb-ri-q{color:rgba(255,255,255,.6);line-height:1.4;flex:1}.lb-ri-ans{font-weight:700;color:rgba(255,255,255,.85)}.lb-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px}.lb-spinner{width:48px;height:48px;border:3px solid rgba(0,229,200,.2);border-top-color:#00e5c8;border-radius:50%;animation:lb-spin .8s linear infinite}@keyframes lb-spin{to{transform:rotate(360deg)}}.lb-loading-text{font-size:14px;color:rgba(255,255,255,.4);text-align:center}.lb-chest-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px}.lb-chest-card{background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.1);border-radius:18px;padding:18px 14px;text-align:center;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.lb-chest-card::before{content:'';position:absolute;inset:0;border-radius:18px;background:linear-gradient(135deg,rgba(0,229,200,.1),transparent 60%);opacity:0;transition:opacity .3s}.lb-chest-card:hover::before{opacity:1}.lb-chest-card:hover{border-color:rgba(0,229,200,.35);transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.4)}.lb-chest-card.completed{border-color:rgba(76,175,80,.35);background:rgba(76,175,80,.06)}.lb-chest-card.completed::before{background:linear-gradient(135deg,rgba(76,175,80,.1),transparent 60%);opacity:1}.lb-chest-icon{font-size:36px;line-height:1;margin-bottom:8px;transition:transform .3s;display:flex;justify-content:center;align-items:center}.lb-chest-img{width:32px;height:32px;object-fit:contain;transition:transform .3s;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.lb-chest-img.opened{filter:drop-shadow(0 4px 12px rgba(255,200,0,.4))}.lb-chest-card:hover .lb-chest-icon{transform:scale(1.1) rotate(-5deg)}.lb-chest-card:hover .lb-chest-img{transform:scale(1.12) rotate(-5deg)}.lb-chest-card.completed .lb-chest-icon{filter:none}.lb-chest-name{font-size:12px;font-weight:800;color:rgba(255,255,255,.85);margin-bottom:4px;letter-spacing:.3px}.lb-chest-desc{font-size:11px;color:rgba(255,255,255,.4);line-height:1.4;margin-bottom:10px}.lb-chest-progress-bar{height:3px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden;margin-bottom:8px}.lb-chest-progress-fill{height:100%;border-radius:3px;transition:width .6s ease}.lb-chest-card .lb-chest-status{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.lb-chest-card.completed .lb-chest-status{color:#81c784}.lb-chest-card:not(.completed) .lb-chest-status{color:rgba(255,255,255,.35)}.lb-chest-phase-tag{position:absolute;top:10px;right:10px;font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:3px 7px;border-radius:8px}.lb-island-modal{position:fixed;inset:0;z-index:99980;display:none;align-items:flex-end;pointer-events:none;opacity:0;transition:opacity .4s}.lb-island-modal.active{display:flex;pointer-events:all;opacity:1}.lb-island-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}.lb-island-modal-sheet{position:relative;z-index:2;width:100%;background:linear-gradient(180deg,#0d2a4a 0,#0a1628 100%);border-radius:24px 24px 0 0;overflow:hidden;transform:translateY(100%);transition:transform .5s cubic-bezier(.34,1.56,.64,1);max-height:85vh;overflow-y:auto}.lb-island-modal.active .lb-island-modal-sheet{transform:translateY(0)}.lb-island-sheet-header{position:sticky;top:0;background:linear-gradient(180deg,#0d2a4a,rgba(13,42,74,.95));padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(8px);z-index:5}.lb-sheet-title{font-family:Cinzel,serif;font-size:18px;color:#00e5c8;font-weight:700;display:flex;align-items:center;gap:8px}.lb-sheet-close{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.6);width:32px;height:32px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}.lb-sheet-close:hover{background:rgba(255,255,255,.15);color:#fff}.lb-island-progress-summary{padding:12px 20px;display:flex;align-items:center;gap:12px;background:rgba(0,229,200,.05);border-bottom:1px solid rgba(255,255,255,.06)}.lb-ips-text{font-size:13px;color:rgba(255,255,255,.6)}.lb-ips-count{font-size:18px;font-weight:800;color:#00e5c8;margin-left:auto}.lb-welcome-banner{margin:0 16px 4px;background:linear-gradient(135deg,rgba(0,80,70,.6) 0,rgba(0,50,80,.6) 100%);border:1px solid rgba(0,229,200,.25);border-radius:16px;padding:14px 40px 14px 16px;position:relative;animation:lb-banner-in .4s ease}@keyframes lb-banner-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes lb-banner-out{from{opacity:1;transform:translateY(0);max-height:200px}to{opacity:0;transform:translateY(-8px);max-height:0;padding:0;margin:0}}.lb-welcome-close{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.5);width:24px;height:24px;border-radius:8px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .2s}.lb-welcome-close:hover{background:rgba(255,255,255,.15);color:#fff}.lb-welcome-steps{display:flex;flex-direction:column;gap:7px}.lb-welcome-step{display:flex;align-items:center;gap:10px}.lb-ws-icon{font-size:18px;width:26px;text-align:center;flex-shrink:0}.lb-ws-text{font-size:13px;color:rgba(200,235,255,.85);line-height:1.4}.lb-ws-text b{color:#00e5c8;font-weight:700}.lb-spacer{height:12px}.lb-divider{height:1px;background:rgba(255,255,255,.07);margin:0 24px}#listening-bay-overlay ::-webkit-scrollbar{width:4px}#listening-bay-overlay ::-webkit-scrollbar-track{background:0 0}#listening-bay-overlay ::-webkit-scrollbar-thumb{background:rgba(0,229,200,.3);border-radius:4px}@media (max-width:768px){.lb-island-modal-sheet{max-height:90vh}.lb-content-card{margin:8px 12px 0}}@media (max-width:480px){.lb-island-name{font-size:15px;letter-spacing:1px}.lb-chest-label{font-size:11px}.lb-score-badge{font-size:13px;padding:4px 10px}.lb-phase-stepper{gap:6px;overflow-x:auto;padding-bottom:4px;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.lb-phase-step{min-width:64px;padding:6px 4px}.lb-phase-icon{font-size:16px}.lb-phase-label{font-size:9px}.lb-content-card{margin:6px 10px 0;border-radius:14px}.lb-audio-section{padding:14px 12px 10px}.lb-audio-controls{gap:8px}.lb-play-btn{width:44px;height:44px;font-size:18px}.lb-seek-btn{width:32px;height:32px;font-size:13px}.lb-audio-time{font-size:11px}.lb-waveform{height:36px}.lb-question-section{padding:14px 12px 6px}.lb-question-text{font-size:14px;line-height:1.5}.lb-options-grid{grid-template-columns:1fr;gap:8px}.lb-option-btn{padding:10px 12px;font-size:13px}.lb-actions{padding:4px 12px 16px}.lb-btn-primary{padding:12px 20px;font-size:14px}.lb-results{padding:20px 14px}.lb-res-score-val{font-size:42px}.lb-chest-grid{grid-template-columns:1fr 1fr;gap:10px;padding:12px}.lb-chest-card{padding:14px 10px;border-radius:14px}.lb-chest-icon{font-size:28px}.lb-chest-img{width:26px;height:26px}.lb-chest-name{font-size:13px}.lb-chest-desc{font-size:11px}.lb-welcome-banner{margin:0 12px 4px;padding:12px 34px 12px 12px}.lb-ws-icon{font-size:15px;width:22px}.lb-ws-text{font-size:12px}.lb-island-modal-sheet{max-height:92vh;border-radius:18px 18px 0 0}.lb-sheet-title{font-size:15px}}@media (max-width:380px){.lb-chest-grid{grid-template-columns:1fr}.lb-chest-card{padding:12px}.lb-question-text{font-size:13px}.lb-option-btn{font-size:12px;padding:9px 10px}.lb-audio-section{padding:12px 10px 8px}.lb-play-btn{width:40px;height:40px;font-size:16px}}