.sp-studio-shell{z-index:10;background:var(--bg-studio);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;padding:0 16px 32px;display:flex;position:fixed;inset:0;overflow-y:auto}.sp-studio-header{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.sp-studio-shell>.sp-practice-layout{width:100%;max-width:1440px;margin:0 auto}.sp-studio-shell .sp-reviews-slot,.sp-studio-shell .sp-engage-bar,.sp-studio-shell .sp-download-section{display:none}@media (min-width:992px){.sp-studio-shell{padding-bottom:16px;overflow:hidden}.sp-studio-shell>.sp-practice-layout{flex:auto;grid-template-rows:minmax(0,1fr);min-height:0}.sp-studio-shell .sp-main-col,.sp-studio-shell .sp-practice-layout>.sp-list-column{align-self:stretch;height:100%;min-height:0}.sp-studio-shell .sp-video-container{flex-direction:column;flex:0 3 auto;min-height:120px;display:flex}.sp-studio-shell .sp-video-container[data-size] .sp-video-wrapper{flex:auto;min-height:0;padding-top:0}.sp-studio-shell .sp-video-container[data-size=lg] .sp-video-wrapper{aspect-ratio:100/44}.sp-studio-shell .sp-video-container[data-size=md] .sp-video-wrapper{aspect-ratio:100/34}.sp-studio-shell .sp-video-container[data-size=sm] .sp-video-wrapper{aspect-ratio:100/25}.sp-studio-shell .sp-right-column{flex:0 auto;min-height:0;overflow-y:auto}.sp-studio-shell .sp-practice-layout>.sp-list-column{max-height:none}.sp-studio-shell .sp-practice-layout>.sp-list-column .sentence-list{flex:auto;min-height:0;max-height:none}}@media (max-width:768px){.sp-studio-shell{padding:0 10px 24px}.sp-studio-header{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}}.sp-practice-layout{grid-template-columns:minmax(0,1fr);gap:28px;display:grid}@media (min-width:992px){.sp-practice-layout{-moz-column-gap:28px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:12px 28px}.sp-practice-layout>.sp-main-col{flex-direction:column;grid-area:1/1;gap:12px;display:flex}.sp-right-column{flex-direction:column;gap:20px;display:flex}.sp-practice-layout>.sp-list-column{flex-direction:column;grid-area:1/2;align-self:start;gap:16px;max-height:calc(100vh + 120px);display:flex}.sp-practice-layout>.sp-list-column>.sentence-list-card{flex-direction:column;flex:auto;min-height:0;display:flex}.sp-practice-layout>.sp-list-column>.sp-download-section{flex:none}.sp-practice-layout>.sp-list-column .sentence-list{flex:auto;min-height:0;max-height:calc(100vh - 180px);overflow-y:auto}.sp-practice-layout>.sp-engage-bar{grid-area:2/1/auto/-1}}.sp-layout-vocab>.sp-list-column{display:none}@media (min-width:992px){.sp-practice-layout>.sp-vocab-column{flex-direction:column;grid-area:1/2;align-self:start;min-height:0;max-height:calc(100vh + 120px);display:flex}.sp-studio-shell .sp-practice-layout>.sp-vocab-column{align-self:stretch;height:100%;max-height:none}.sp-practice-layout>.sp-vocab-column>.sp-current-sentence{flex:auto;min-height:0}}@media (max-width:991px){.sp-main-col,.sp-list-column{display:contents}.sp-vocab-column>.sp-current-sentence{max-height:70vh}.sp-reviews-slot{order:99}}@media (min-width:992px){.sp-reviews-slot{margin-top:4px}}.sp-reviews-slot>.seo-content-section{min-width:0;max-width:none;margin:0;padding-left:0;padding-right:0;animation:none}.sp-practice-layout>*,.sp-main-col>*,.sp-list-column>*{min-width:0}.sp-download-section{display:none}@media (min-width:992px){.sp-download-section{display:block}}@media (max-width:768px){.sp-practice-layout{gap:12px}.sp-current-sentence{min-height:50px!important;padding:28px 12px 10px!important}}.sp-box-top{border:2px solid var(--mo-line);border-bottom:0;border-radius:22px 22px 0 0}.sp-box-bottom{border:2px solid var(--mo-line);box-shadow:var(--mo-card-shadow);border-top:0;border-radius:0 0 22px 22px}.sp-box-full{border:2px solid var(--mo-line);box-shadow:var(--mo-card-shadow);border-radius:22px}.sp-control-surface{background:var(--bg-card)}.sp-sentence-surface{background:color-mix(in srgb,var(--accent-primary)6%,var(--bg-card))}.sp-mobile-sheet>div{animation:.2s cubic-bezier(.32,.72,0,1) forwards modalScaleIn}.sp-mobile-sheet-backdrop{animation:.2s ease-out forwards fadeIn}@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{width:100%;padding-top:44%;transition:padding-top .2s;position:relative}:is(.sp-video-wrapper iframe,.sp-video-wrapper video,.sp-video-wrapper>div:has(>audio)){width:100%;height:100%;position:absolute;top:0;left:0}.sp-video-wrapper video{-o-object-fit:contain;object-fit:contain;background:#000}.sp-video-container{width:100%;max-width:100%}.sp-video-container[data-size=lg] .sp-video-wrapper{padding-top:44%}.sp-video-container[data-size=md] .sp-video-wrapper{padding-top:34%}.sp-video-container[data-size=sm] .sp-video-wrapper{padding-top:25%}.sp-current-sentence{position:relative;overflow:visible}.sp-current-sentence:before{content:"";background:var(--accent-gradient);opacity:0;border-radius:999px;height:2px;transition:opacity .25s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:14px;right:14px}.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-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 #3b82f659;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 #3b82f61a,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-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-auto-on{opacity:1;color:var(--accent-primary,#3b82f6);background:#3b82f626;border-color:#3b82f680;animation:1.5s ease-in-out infinite micPulse}.sp-mic-auto-badge{background:var(--accent-primary,#3b82f6);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;font-weight:800;line-height:1;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 1px 3px #0003}.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-pulse{animation:1.5s ease-in-out infinite micPulse}.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{flex-direction:column;gap:8px;display:flex}.yt-search-dropdown{background:var(--bg-card,#fff);border:1px solid var(--border,#e4e4e7);border-radius:14px;max-height:400px;animation:.2s ease-out dropdownFadeIn;overflow-y:auto;box-shadow:0 12px 40px #00000026,0 0 0 1px #0000000a}.yt-search-dropdown::-webkit-scrollbar{width:6px}.yt-search-dropdown::-webkit-scrollbar-track{background:0 0}.yt-search-dropdown::-webkit-scrollbar-thumb{background:var(--border,#d4d4d8);border-radius:3px}.yt-search-loading{color:var(--txt-muted,#71717a);align-items:center;gap:8px;padding:12px 16px;font-size:.85rem;font-weight:500;display:flex}.yt-search-item{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 14px;transition:background .15s;display:flex}.yt-search-item:hover{background:var(--bg-hover,#3b82f60f)}.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,#0000000a)}.yt-search-thumb{-o-object-fit:cover;object-fit:cover;background:#e4e4e7;border-radius:8px;flex-shrink:0;width:120px;height:68px}.yt-search-info{flex-direction:column;gap:4px;min-width:0;display:flex}.yt-search-title{color:var(--txt-primary,#18181b);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.yt-search-channel{color:var(--txt-muted,#71717a);font-size:.75rem;font-weight:500}@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}}