.sp-practice-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}@media (min-width:992px){.sp-practice-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);-moz-column-gap:28px;column-gap:28px;row-gap:12px;align-items:start}.sp-practice-layout>.sp-main-col{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:12px}.sp-right-column{display:flex;flex-direction:column;gap:20px}.sp-practice-layout>.sp-list-column{grid-column:2;grid-row:1;align-self:start;display:flex;flex-direction:column;gap:16px;max-height:calc(100vh + 120px)}.sp-practice-layout>.sp-list-column>.sentence-list-card{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.sp-practice-layout>.sp-list-column>.sp-download-section{flex:0 0 auto}.sp-practice-layout>.sp-list-column .sentence-list{flex:1 1 auto;min-height:720px;max-height:none}.sp-practice-layout>.sp-engage-bar{grid-column:1/-1;grid-row:2}}@media (max-width:991px){.sp-list-column,.sp-main-col{display:contents}.sp-reviews-slot{order:99}}@media (min-width:992px){.sp-reviews-slot{margin-top:4px}}.sp-reviews-slot>.seo-content-section{padding-left:0;padding-right:0;max-width:none;margin:0;min-width:0}.sp-list-column>*,.sp-main-col>*,.sp-practice-layout>*{min-width:0}.sp-download-section{display:none}@media (min-width:992px){.sp-download-section{display:block}}.sp-promo-card{background:linear-gradient(135deg,#eef2ff,#f5f3ff 55%,#fdf4ff);border:1px solid rgba(226,85,85,.22);box-shadow:0 8px 24px -10px rgba(226,85,85,.28),0 2px 6px -2px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.6)}.sp-promo-glow{top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(closest-side,rgba(139,92,246,.35),rgba(139,92,246,0));filter:blur(2px)}.sp-promo-card:before,.sp-promo-glow{position:absolute;pointer-events:none}.sp-promo-card:before{content:"";inset:0;background-image:radial-gradient(circle,rgba(226,85,85,.07) 1px,transparent 0);background-size:18px 18px;opacity:.5}.sp-promo-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,#e25555,#a855f7);box-shadow:0 4px 10px -2px rgba(226,85,85,.5);flex-shrink:0}.sp-promo-title{font-size:15px;font-weight:800;letter-spacing:.01em;background:linear-gradient(90deg,#c43e3e,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1.2}@media (max-width:768px){.sp-practice-layout{gap:12px}.sp-controls-card{padding:12px 14px!important}.sp-current-sentence{padding:28px 12px 10px!important;min-height:50px!important}.sp-controls-card .mb-2{margin-bottom:4px!important}}.sp-controls-bar{display:contents}.sp-mobile-sheet>div{animation:modalScaleIn .2s cubic-bezier(.32,.72,0,1) forwards}.sp-mobile-sheet-backdrop{animation:fadeIn .2s ease-out forwards}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sp-video-wrapper{position:relative;width:100%;padding-top:44%}.sp-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.sp-current-sentence{position:relative;overflow:visible}.sp-current-sentence:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-gradient);opacity:0;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.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 0 0 0)}}.sp-liked svg{animation:heartPop .3s ease-out}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.sp-status-playing .sp-status-dot{animation:pulse 1s ease-in-out infinite}@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-shake{animation:shakeBtn .8s ease-in-out}@keyframes shakeBtn{0%,to{transform:translateX(0)}10%{transform:translateX(-6px) scale(1.1)}20%{transform:translateX(6px) scale(1.1)}30%{transform:translateX(-5px) scale(1.08)}40%{transform:translateX(5px) scale(1.08)}50%{transform:translateX(-3px) scale(1.05)}60%{transform:translateX(3px) scale(1.05)}70%{transform:translateX(-2px)}80%{transform:translateX(2px)}90%{transform:translateX(-1px)}}.motivation-toast{position:fixed;bottom:28px;left:24px;z-index:99999;display:flex;align-items:center;gap:10px;padding:14px 22px;background:rgba(15,12,41,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(108,58,255,.35);border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px rgba(108,58,255,.1),inset 0 1px 0 rgba(255,255,255,.06);animation:toastSlideIn .8s ease-out;max-width:340px}.motivation-toast-exit{animation:toastSlideOut .6s ease-in forwards}.motivation-toast-emoji{font-size:1.6rem;line-height:1;flex-shrink:0}.motivation-toast-text{font-size:.9rem;font-weight:600;color:#fff;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{bottom:16px;left:12px;right:12px;max-width:none;padding:12px 16px}.motivation-toast-emoji{font-size:1.4rem}.motivation-toast-text{font-size:.85rem}}.sp-mic-area{position:absolute;bottom:8px;right:8px;z-index:10;gap:5px}.sp-mic-area,.sp-mic-btn{display:flex;align-items:center}.sp-mic-btn{position:relative;width:30px;height:30px;justify-content:center;border-radius:50%;border:1.5px solid var(--border);background:var(--glass);color:var(--txt-muted);cursor:pointer;transition:all .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:.6;flex-shrink:0}.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;background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.5);color:#ef4444;animation:micPulse 1.5s ease-in-out infinite}.sp-mic-btn.sp-mic-auto-on{opacity:1;background:rgba(226,85,85,.15);border-color:rgba(226,85,85,.5);color:var(--accent-primary,#c43e3e);animation:micPulse 1.5s ease-in-out infinite}.sp-mic-auto-badge{position:absolute;top:-5px;right:-5px;width:14px;height:14px;border-radius:50%;background:var(--accent-primary,#c43e3e);color:#fff;font-size:8px;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 1px 3px rgba(0,0,0,.2)}.sp-mic-btn.sp-mic-has-result{opacity:.8}.sp-mic-score{position:absolute;top:-6px;right:-6px;font-size:9px;font-weight:800;line-height:1;background:var(--bg-card,#1a1a2e);border-radius:6px;padding:1px 3px;border:1px solid var(--border)}@keyframes micPulse{0%,to{box-shadow:0 0 0 0 rgba(239,68,68,.35)}50%{box-shadow:0 0 0 6px rgba(239,68,68,0)}}.sp-mic-live{position:absolute;bottom:-2px;left:12px;right:40px;display:flex;align-items:center;gap:5px;padding:2px 0;z-index:10}.sp-mic-live-dot{width:5px;height:5px;border-radius:50%;background:#ef4444;animation:pulse 1s ease-in-out infinite;flex-shrink:0}.sp-speech-result{margin-bottom:12px;padding:10px 14px;background:var(--glass);border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;margin-top:-1px}.sp-playback-btn{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 6px;margin-left:4px;border-radius:20px;border:1.5px solid var(--border);background:var(--glass);color:var(--txt-muted);font-size:10px;font-weight:600;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);line-height:1;height:22px;white-space:nowrap}.sp-playback-btn:hover{border-color:var(--accent-primary-light,#e25555);color:var(--accent-primary,#c43e3e);background:rgba(226,85,85,.08);transform:scale(1.05)}.sp-playback-btn.sp-playback-active{background:rgba(226,85,85,.12);border-color:rgba(226,85,85,.45);color:var(--accent-primary,#c43e3e);animation:playbackPulse 1.5s ease-in-out infinite}.sp-playback-label{font-size:10px}@keyframes playbackPulse{0%,to{opacity:1}50%{opacity:.6}}.sp-playback-wrapper{position:relative;display:inline-flex;align-items:center;margin-left:4px}.sp-playback-wrapper .sp-playback-btn{margin-left:0}.sp-playback-shake{animation:playbackShake .6s ease-in-out infinite}@keyframes playbackShake{0%,to{transform:translateX(0)}15%{transform:translateX(-2px) rotate(-2deg)}30%{transform:translateX(2px) rotate(2deg)}45%{transform:translateX(-2px) rotate(-1deg)}60%{transform:translateX(2px) rotate(1deg)}75%{transform:translateX(-1px)}}.sp-playback-tooltip{bottom:calc(100% + 8px);transform:translateX(-50%);color:#fff;font-size:11px;font-weight:500;padding:6px 10px;border-radius:8px;white-space:nowrap;pointer-events:none;animation:tooltipFadeIn .3s ease-out;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.15)}.sp-playback-tooltip,.sp-playback-tooltip-arrow{position:absolute;left:50%;background:var(--accent-primary,#c43e3e)}.sp-playback-tooltip-arrow{bottom:-4px;transform:translateX(-50%) rotate(45deg);width:8px;height:8px}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.yt-search-dropdown{max-height:400px;overflow-y:auto;background:var(--bg-card,#fff);border:1px solid var(--border,#e4e4e7);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.04);animation:dropdownFadeIn .2s ease-out}.yt-search-dropdown::-webkit-scrollbar{width:6px}.yt-search-dropdown::-webkit-scrollbar-track{background:transparent}.yt-search-dropdown::-webkit-scrollbar-thumb{background:var(--border,#d4d4d8);border-radius:3px}.yt-search-loading{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:.85rem;font-weight:500;color:var(--txt-muted,#71717a)}.yt-search-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border:none;background:none;cursor:pointer;text-align:left;transition:background .15s ease}.yt-search-item:hover{background:var(--bg-hover,rgba(226,85,85,.06))}.yt-search-item:first-child{border-radius:14px 14px 0 0}.yt-search-item:last-child{border-radius:0 0 14px 14px}.yt-search-item:not(:last-child){border-bottom:1px solid var(--border-soft,rgba(0,0,0,.04))}.yt-search-thumb{width:120px;height:68px;border-radius:8px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;background:#e4e4e7}.yt-search-info{display:flex;flex-direction:column;gap:4px;min-width:0}.yt-search-title{font-size:.85rem;font-weight:600;color:var(--txt-primary,#18181b);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yt-search-channel{font-size:.75rem;font-weight:500;color:var(--txt-muted,#71717a)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.yt-search-thumb{width:90px;height:52px}.yt-search-dropdown{max-height:300px}}