.sp-practice-layout{grid-template-columns:1fr;gap:28px;display:grid}@media (min-width:992px){.sp-practice-layout{grid-template-columns:1.5fr 1fr;grid-template-areas:"video controls""engage controls""list controls";align-items:start}.sp-video-container{grid-area:video}.sp-controls-card{grid-area:controls}.sp-engage-bar{grid-area:engage}.sp-sentence-list{grid-area:list}}@media (max-width:768px){.sp-practice-layout{gap:16px}}.sp-video-wrapper{width:100%;padding-top:56.25%;position:relative}.sp-video-wrapper iframe{width:100%;height:100%;position:absolute;top:0;left:0}.sp-current-sentence{position:relative;overflow:visible}.sp-current-sentence:before{content:"";background:var(--accent-gradient);opacity:0;height:2px;transition:opacity .25s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0}.sp-current-sentence.playing:before{opacity:1;animation:progressBar var(--sentence-duration,3s)linear forwards}@keyframes progressBar{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.sp-liked svg{animation:.3s ease-out heartPop}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.sp-status-playing .sp-status-dot{animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sp-progress-fill{background:var(--accent-gradient);transition:width .25s cubic-bezier(.4,0,.2,1)}.sp-video-overlay{z-index:10;cursor:pointer;background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.sp-shake{animation:.8s ease-in-out shakeBtn}@keyframes shakeBtn{0%,to{transform:translate(0)}10%{transform:translate(-6px)scale(1.1)}20%{transform:translate(6px)scale(1.1)}30%{transform:translate(-5px)scale(1.08)}40%{transform:translate(5px)scale(1.08)}50%{transform:translate(-3px)scale(1.05)}60%{transform:translate(3px)scale(1.05)}70%{transform:translate(-2px)}80%{transform:translate(2px)}90%{transform:translate(-1px)}}.motivation-toast{z-index:99999;-webkit-backdrop-filter:blur(16px);background:#0f0c29d9;border:1px solid #6c3aff59;border-radius:14px;align-items:center;gap:10px;max-width:340px;padding:14px 22px;animation:.8s ease-out toastSlideIn;display:flex;position:fixed;bottom:28px;left:24px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #6c3aff1a,inset 0 1px #ffffff0f}.motivation-toast-exit{animation:.6s ease-in forwards toastSlideOut}.motivation-toast-emoji{flex-shrink:0;font-size:1.6rem;line-height:1}.motivation-toast-text{color:#fff;font-size:.9rem;font-weight:600;line-height:1.4}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@media (max-width:768px){.motivation-toast{max-width:none;padding:12px 16px;bottom:16px;left:12px;right:12px}.motivation-toast-emoji{font-size:1.4rem}.motivation-toast-text{font-size:.85rem}}.sp-mic-area{z-index:10;align-items:center;gap:5px;display:flex;position:absolute;bottom:8px;right:8px}.sp-auto-toggle{border:1.5px solid var(--border);background:var(--glass);color:var(--txt-muted);letter-spacing:.06em;cursor:pointer;-webkit-backdrop-filter:blur(8px);opacity:.5;border-radius:20px;align-items:center;height:22px;padding:3px 8px;font-size:9px;font-weight:700;line-height:1;transition:all .2s;display:inline-flex}.sp-auto-toggle:hover{opacity:.85;border-color:var(--accent-primary-light,#6366f1);color:var(--accent-primary,#4f46e5)}.sp-auto-toggle.sp-auto-on{opacity:1;color:#ef4444;background:#ef44441f;border-color:#ef444473}.sp-mic-btn{border:1.5px solid var(--border);background:var(--glass);width:30px;height:30px;color:var(--txt-muted);cursor:pointer;-webkit-backdrop-filter:blur(8px);opacity:.6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.sp-mic-btn:hover:not(:disabled){opacity:1;border-color:var(--accent-primary);color:var(--accent-primary);transform:scale(1.1)}.sp-mic-btn:disabled{opacity:.25;cursor:not-allowed}.sp-mic-btn.sp-mic-listening{opacity:1;color:#ef4444;background:#ef444426;border-color:#ef444480;animation:1.5s ease-in-out infinite micPulse}.sp-mic-btn.sp-mic-has-result{opacity:.8}.sp-mic-score{background:var(--bg-card,#1a1a2e);border:1px solid var(--border);border-radius:6px;padding:1px 3px;font-size:9px;font-weight:800;line-height:1;position:absolute;top:-6px;right:-6px}@keyframes micPulse{0%,to{box-shadow:0 0 #ef444459}50%{box-shadow:0 0 0 6px #ef444400}}.sp-mic-live{z-index:10;align-items:center;gap:5px;padding:2px 0;display:flex;position:absolute;bottom:-2px;left:12px;right:40px}.sp-mic-live-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:1s ease-in-out infinite pulse}.sp-speech-result{background:var(--glass);border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;margin-top:-1px;margin-bottom:12px;padding:10px 14px}.sp-playback-btn{border:1.5px solid var(--border);background:var(--glass);color:var(--txt-muted);cursor:pointer;-webkit-backdrop-filter:blur(8px);white-space:nowrap;border-radius:20px;align-items:center;gap:4px;height:22px;margin-left:4px;padding:2px 8px 2px 6px;font-size:10px;font-weight:600;line-height:1;transition:all .2s;display:inline-flex}.sp-playback-btn:hover{border-color:var(--accent-primary-light,#6366f1);color:var(--accent-primary,#4f46e5);background:#6366f114;transform:scale(1.05)}.sp-playback-btn.sp-playback-active{color:var(--accent-primary,#4f46e5);background:#6366f11f;border-color:#6366f173;animation:1.5s ease-in-out infinite playbackPulse}.sp-playback-label{font-size:10px}@keyframes playbackPulse{0%,to{opacity:1}50%{opacity:.6}}