@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700&display=swap";:root{--pink: #ff6fa5;--pink-dark: #e04f89;--blue: #4fb3ff;--blue-dark: #2f93e0;--yellow: #ffd84d;--text: #3a2e4f;--bg: #fff6fb}body{margin:0;font-family:Fredoka,Comic Sans MS,system-ui,sans-serif;color:var(--text);background:var(--bg);background-image:radial-gradient(circle at 10% 10%,#ffe3f0 0,transparent 30%),radial-gradient(circle at 90% 20%,#e3f3ff 0,transparent 30%),radial-gradient(circle at 50% 100%,#fff4c7 0,transparent 35%);min-height:100vh;min-height:100svh;overscroll-behavior:none}main{box-sizing:border-box;height:100vh;height:100svh;display:flex;flex-direction:column;padding:1rem 2rem 1.25rem;max-width:1900px;margin:0 auto}.header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:1rem;margin-bottom:1rem;text-align:center}.header h1{margin:0;font-size:2.2rem;font-weight:700;color:var(--pink-dark)}.subtitle{margin:0;font-size:1.15rem}.speak-panel{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:min(100%,720px);margin:.3rem auto 0;padding:.7rem 1rem;background:#ffffff1f;border-radius:18px}.speak-title{margin:0;font-weight:700;color:#fff;text-align:center}.speak-words{display:flex;flex-wrap:wrap;justify-content:center;gap:.2em .45em}.speak-word.ok{color:#7ff0a0}.speak-word.wrong,.speak-word.missing{color:#ff8aa8;text-decoration:underline wavy}.speak-heard{margin:0;font-size:.95rem;color:#fff;opacity:.85;text-align:center}.mic-button.recording{background:#ff2d55;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.accent-tips{width:100%;text-align:center}.accent-tips ul{margin:.3rem 0 0;padding-left:1.2rem;font-size:.95rem;color:#fff;text-align:left;display:inline-block}.translate-panel{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:min(100%,720px);margin:.3rem auto 0;padding:.7rem 1rem;background:#ffffff1f;border-radius:18px}.translate-input{box-sizing:border-box;width:100%;padding:.5rem .9rem;font-family:inherit;font-size:1.1rem;color:var(--text);background:#fff;border:0;border-radius:12px}.translate-answer{margin:0;font-size:1.15rem;font-weight:700;color:#fff;text-align:center}.translate-words{margin:0;padding-left:1.2rem;font-size:.95rem;color:#fff;display:inline-block;text-align:left}.age-button{align-self:center;padding:.35rem .8rem;font-family:inherit;font-size:.95rem;font-weight:700;color:var(--text);background:#fff;border:3px solid var(--yellow);border-radius:999px;cursor:pointer;white-space:nowrap}.age-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2100;display:flex;align-items:center;justify-content:center;padding:1rem;background:#2b21408c}.age-dialog{box-sizing:border-box;width:min(100%,440px);display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:1.2rem 1.4rem;text-align:center;background:var(--bg);border:5px solid var(--yellow);border-radius:28px}.age-dialog h2{margin:0;color:var(--pink-dark)}.age-hint{margin:0;opacity:.8}.age-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;width:100%}.age-choice{display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;font-family:inherit;font-size:1.05rem;font-weight:700;color:var(--text);background:#fff;border:3px solid transparent;border-radius:16px;cursor:pointer}.age-choice.on{border-color:var(--pink);background:#fff0f6}.age-emoji{font-size:1.5rem}.header h1{margin-left:auto}.header-corner{align-self:center;flex-shrink:0;margin-left:auto;display:flex;align-items:center;gap:.5rem}.age-button:hover{background:#fff8d6}.warning{text-align:center;font-size:1.1rem;background:#ffe1e1;border-radius:16px;padding:.75rem 1rem}.layout{flex:1;min-height:0;display:flex;gap:1.5rem;align-items:stretch}.video{position:relative;aspect-ratio:16 / 9;border:6px solid #fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 30px #e04f8940;background:#000}.video iframe{width:100%;height:100%;border:0}.video.started iframe{pointer-events:none}.tap-hint{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);margin:0;padding:.6rem 1.4rem;font-size:1.5rem;font-weight:700;color:var(--text);background:#ffffffeb;border-radius:999px;white-space:nowrap;pointer-events:none}.video.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;width:100vw;height:100vh;height:100dvh;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}body.no-scroll{overflow:hidden}body.no-scroll .video-column,body.no-scroll .panel{container-type:normal;contain:none}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer}.fullscreen-controls{position:absolute;bottom:5rem;left:50%;transform:translate(-50%);display:flex;gap:1rem}.round-button{padding:.8rem 1.6rem;font-family:Fredoka,system-ui,sans-serif;font-size:1.5rem;font-weight:700;color:#fff;background:var(--pink);border:0;border-radius:999px;box-shadow:0 5px 0 var(--pink-dark);cursor:pointer;opacity:.9}.round-button.quit{background:var(--blue);box-shadow:0 5px 0 var(--blue-dark)}.round-button:hover{opacity:1}.round-button.small{padding:.55rem 1.2rem;font-size:1.15rem;box-shadow:0 4px 0 var(--pink-dark)}.round-button.small.quit{box-shadow:0 4px 0 var(--blue-dark)}.round-button:disabled{opacity:.5;cursor:default}.quit-corner{position:absolute;top:1rem;right:1rem}.video-column{flex:1;min-width:0;min-height:0;container-type:size;display:flex;flex-direction:column;align-items:center}.video-column .video{width:min(100cqw,100cqh * 16 / 9);box-sizing:border-box}.video-column .video.fullscreen{width:100vw}.dictation-band{position:absolute;left:0;right:0;bottom:0;padding:1.5rem 2rem 1.75rem;display:flex;flex-direction:column;align-items:center;gap:.9rem;text-align:center;background:linear-gradient(to top,#000000d9 60%,#0000);color:#fff}.band-below .dictation-band{position:static;margin-top:1rem;border-radius:24px;background:#2b2140}.dictation-title{margin:0;font-size:clamp(1.1rem,2.4vw,1.6rem);font-weight:700}.subtitle-line{width:min(100%,1100px);box-sizing:border-box;margin:0;padding:.5rem 1rem;font-family:inherit;font-size:clamp(1.3rem,3.2vw,2.4rem);font-weight:600;line-height:1.4;color:#fff;text-align:center;background:#0009;border-radius:10px;text-shadow:0 2px 4px rgba(0,0,0,.8)}.subtitle-input{border:3px dashed rgba(255,255,255,.5);outline:none;caret-color:var(--yellow)}.subtitle-input:focus{border-color:var(--yellow)}.subtitle-input::placeholder{color:#ffffff73}.tok-ok{color:#8dff9a}.tok-wrong{color:#ff8a8a;text-decoration-thickness:3px}.tok-fix{color:var(--yellow)}.tok-missing{text-decoration:underline dotted}.band-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.skip-link{font-family:inherit;font-size:.95rem;color:#ffffffb3;background:none;border:0;text-decoration:underline;cursor:pointer}.listen-alert{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1rem;background:#2b21408c;animation:fade-in .25s ease-out}.listen-alert p{margin:0;padding:1.2rem 1.8rem;font-size:clamp(1.4rem,3.5vw,2.6rem);font-weight:700;color:var(--text);background:#fff;border:5px solid var(--yellow);border-radius:28px}.listen-alert p span{font-size:.6em;font-weight:600}.listen-worm{width:clamp(90px,18vw,200px);border-radius:50%;border:5px solid #fff;animation:wiggle .6s ease-in-out infinite alternate}.listen-badge{position:absolute;top:1rem;left:1rem;display:flex;align-items:center;gap:.6rem;padding:.35rem 1.1rem .35rem .35rem;font-size:1.3rem;font-weight:700;color:var(--text);background:#ffffffeb;border-radius:999px;pointer-events:none}.listen-badge img{width:48px;height:48px;border-radius:50%;animation:wiggle .6s ease-in-out infinite alternate}@keyframes wiggle{0%{transform:rotate(-6deg) scale(1)}to{transform:rotate(6deg) scale(1.06)}}@keyframes fade-in{0%{opacity:0}}.band-head{display:flex;align-items:center;gap:.8rem}.band-worm{width:56px;height:56px;border-radius:50%;border:3px solid #fff;flex-shrink:0}.dictation-title.live-ok{color:#8dff9a}.dictation-title.live-error{color:#ffb3b3}.subtitle-input.has-error{border-color:#ff8a8a;border-style:solid}.subtitles{position:absolute;left:5%;right:5%;bottom:6%;text-align:center;pointer-events:none;transition:bottom .3s}.subtitles.raised{bottom:calc(6% + 4.5rem)}.correction-line{width:fit-content;max-width:100%;margin:0 auto .4rem;padding:.1em .5em;font-size:clamp(1rem,2.4vw,1.8rem);font-weight:600;line-height:1.4;color:#fff;background:#000000b3;border-radius:8px}:lang(ko){word-break:keep-all}.repeat-roman{margin:0;font-size:clamp(.95rem,2vw,1.3rem);font-style:italic;opacity:.85}.repeat-meaning{margin:0;font-size:clamp(1rem,2.2vw,1.4rem);font-weight:600}.subtitle-meaning{width:fit-content;max-width:100%;margin:.3rem auto 0;padding:.1em .5em;font-size:clamp(.9rem,2vw,1.5rem);line-height:1.4;color:#fff;background:#0009;border-radius:8px}.subtitles .subtitle-text{display:inline;padding:.15em .5em;font-size:clamp(1.1rem,2.8vw,2.2rem);font-weight:600;line-height:1.5;color:#fff;background:#000000b3;border-radius:8px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.fullscreen-controls,.quit-corner,.report-corner{transition:opacity .3s}.time-bar{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;gap:.45rem;padding:2.2rem .9rem .7rem;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.6));pointer-events:none;transition:opacity .3s}.time-text{display:flex;justify-content:space-between;gap:1rem;margin:0;font-size:.9rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.time-left{color:#ffd6e5}.time-text .stars{margin:0;font-size:1.4em;align-self:center}.time-text .star{color:#ffffff59}.time-track{position:relative;height:4px;background:#ffffff59;border-radius:2px}.time-fill{position:relative;display:block;height:100%;background:#ff2d55;border-radius:2px;transition:width .5s linear}.time-fill:after{content:"";position:absolute;top:50%;right:-6px;width:12px;height:12px;background:#ff2d55;border-radius:50%;box-shadow:0 0 0 2px #ffffffd9;transform:translateY(-50%)}.fullscreen .time-bar{padding:3rem 1.5rem 1rem}.fullscreen .time-text{font-size:1.05rem}.fullscreen .time-track{height:5px}.controls-hidden .time-bar{opacity:0}.controls-hidden .fullscreen-controls,.controls-hidden .quit-corner,.controls-hidden .report-corner{opacity:0;pointer-events:none}.controls-hidden .video-overlay{cursor:none}.explanations{max-width:900px;padding:.6rem 1.1rem;text-align:left;background:#ffffff1f;border-radius:14px}.explanations-title{margin:0 0 .3rem;font-weight:700}.explanation{margin:.3rem 0;font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.45}.thinking{opacity:.7;font-style:italic}.choice-blank{display:inline-block;width:3.5em;height:.9em;margin:0 .1em;vertical-align:-.05em;border-bottom:4px solid var(--yellow)}.choice-options{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem}.choice-option{min-width:6.5rem;padding:.6rem 1.3rem;font-family:inherit;font-size:clamp(1.25rem,3vw,1.9rem);font-weight:700;color:var(--text);background:#fff;border:3px solid var(--yellow);border-radius:16px;box-shadow:0 4px #e0b400;cursor:pointer}.choice-option:hover:not(:disabled){transform:translateY(-2px)}.choice-option:disabled{color:#ffffffb3;text-decoration:line-through;background:#ffffff26;border-color:#ffffff40;box-shadow:none;cursor:default}.repeat-band{gap:.6rem;padding:1rem 1.5rem 1.2rem}.said-ok{color:#7dff8f}.said-todo{color:#fff}.said-bad{color:#ff6b6b}.said-extra{color:#ff6b6b;opacity:.85;text-decoration-thickness:3px}.band-given{width:min(100%,1100px);margin:0;font-size:clamp(1.05rem,2.2vw,1.5rem);font-weight:600;line-height:1.3;color:#ffffffd9;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.8)}.blocked-hint{margin:0;padding:.35rem 1rem;font-size:clamp(1rem,1.9vw,1.25rem);font-weight:700;color:#2b2140;background:var(--yellow);border-radius:999px}.skip-quiz-sum{display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:700;color:#fff}.skip-quiz-answer{box-sizing:border-box;width:3.4em;padding:.1em .3em;font:inherit;text-align:center;color:#fff;background:#ffffff1f;border:3px dashed var(--yellow);border-radius:14px;outline:none;caret-color:var(--yellow)}.digit-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;width:min(100%,22rem);margin:0 auto}.digit-pad .key{font-size:1.4rem}.skip-quiz-answer.shake-0{animation:shake-0 .35s}.skip-quiz-answer.shake-1{animation:shake-1 .35s}.subtitle-input.shake-0{animation:shake-0 .35s}.subtitle-input.shake-1{animation:shake-1 .35s}@keyframes shake-0{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes shake-1{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.level-change{margin:0;padding:.35rem 1rem;font-size:clamp(1rem,1.9vw,1.25rem);font-weight:700;border-radius:999px}.level-change.up{color:#2b2140;background:var(--yellow)}.level-change.down{color:#fff;background:#4fb3ffd9}.panel{--avail-w: calc(min(100vw, 1900px) - 5.5rem) ;--avail-h: calc(100svh - 6rem) ;--panel-w: clamp(340px, var(--avail-w) - var(--avail-h) * 16 / 9, 460px);width:var(--panel-w);height:min(100%,var(--avail-h),(var(--avail-w) - var(--panel-w)) * 9 / 16);align-self:flex-start;flex-shrink:0;display:flex;flex-direction:column;gap:clamp(.5rem,1.6cqh,1rem);container-type:size;overflow:hidden}@container (max-height: 560px){.episode-more{display:none}}@container (max-height: 420px){.level-worm{display:none}}.panel .card-episode>*{flex-shrink:0}@container (max-height: 400px){.panel .card-episode .more-videos{display:none}}.start-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:0;font-family:inherit;background:#2b214040;border:0;cursor:pointer}.start-overlay span{padding:.8rem 2.2rem;font-size:clamp(1.3rem,3vw,2rem);font-weight:700;color:#fff;background:var(--pink);border-radius:999px;box-shadow:0 6px 0 var(--pink-dark);transition:transform .1s}.start-overlay:hover:not(:disabled) span{transform:scale(1.06)}.start-overlay:disabled{cursor:default}.start-overlay:disabled span{opacity:.7}.card{--text: clamp(.8rem, min(2.8cqh, 5cqw), 1.3rem);display:flex;flex-direction:column;padding:clamp(.5rem,2cqh,1.2rem) clamp(.9rem,5cqw,1.5rem);background:#fff;border:4px solid var(--yellow);border-radius:24px}.card h2{margin:0;font-size:clamp(1rem,min(3.8cqh,6.2cqw),1.7rem);color:var(--pink-dark)}.card p{margin:0;font-size:var(--text);line-height:1.4}.card-episode{flex:none;background:#fff8fb;border-color:var(--pink)}.card-episode p{font-size:calc(var(--text) * 1.08)}.card-episode p:first-of-type{padding-top:clamp(.3rem,1.2cqh,.7rem)}.card-episode p+p{margin-top:clamp(.3rem,1cqh,.6rem)}.card-episode p:last-of-type{margin-bottom:0}.card-level{flex-direction:row;align-items:center;gap:clamp(.6rem,3cqw,1rem);border-color:var(--blue);background:#f4faff}.level-worm{width:clamp(48px,11cqh,92px);height:clamp(48px,11cqh,92px);flex-shrink:0;border-radius:50%;border:3px solid #fff;box-shadow:0 3px 10px #2f93e040}.level-title{white-space:nowrap}.stars{display:flex;gap:.1em;margin-top:clamp(.1rem,.6cqh,.3rem);font-size:clamp(1.2rem,4.2cqh,2rem);line-height:1}.star{position:relative;color:#dcebf7}.star-fill{position:absolute;inset:0 auto 0 0;overflow:hidden;color:#ffc21a;text-shadow:0 1px 2px rgba(200,140,0,.35)}.card .stats{margin-top:clamp(.2rem,.8cqh,.4rem);font-size:calc(var(--text) * .9)}@media (max-width: 800px),(max-height: 600px),(orientation: portrait) and (max-width: 1100px){main{height:auto;min-height:100dvh;padding:.5rem .75rem 1.5rem}.header{align-items:center;row-gap:.4rem;margin-bottom:.6rem}.header h1{font-size:1.3rem;white-space:nowrap}.subtitle{display:none}.layout{flex:none;flex-direction:column;gap:.6rem}.video-column{container-type:normal;flex:none}.video-column .video{width:min(100%,(100svh - 1.5rem) * 16 / 9);margin:0 auto}.panel{width:100%;height:auto;flex:none;align-self:stretch;container-type:normal;overflow:visible}.card-episode p{font-size:var(--text)}}.header-search{box-sizing:border-box;align-self:center;flex:1 1 520px;min-width:0;max-width:760px;display:flex;align-items:center;gap:.5rem;padding:.35rem .35rem .35rem 1.1rem;background:#fff;border:3px solid var(--blue);border-radius:999px;box-shadow:0 4px 0 var(--blue-dark)}.header-search:focus-within{border-color:var(--blue-dark);box-shadow:0 4px 0 var(--blue-dark),0 0 0 5px #5096e640}.header-search-icon{font-size:1.4rem}.header-search input{flex:1;width:0;min-width:0;text-overflow:ellipsis;padding:.55rem .2rem;font-family:inherit;font-size:1.25rem;color:var(--text);background:none;border:0;outline:none}.header-search button{padding:.6rem 1.5rem;font-family:inherit;font-size:1.15rem;font-weight:700;color:#fff;background:var(--blue);border:0;border-radius:999px;cursor:pointer}.header-search button:hover{background:var(--blue-dark)}@media (max-width: 800px),(max-height: 600px),(orientation: portrait) and (max-width: 1100px){.header h1{margin-left:0}.header-search{order:1;flex-basis:100%;max-width:none;padding:.2rem .2rem .2rem .7rem}.header-search input{font-size:1.05rem}.header-search button{padding:.5rem 1rem;font-size:1rem}}@media (min-width: 801px) and (min-height: 601px) and (orientation: landscape),(min-width: 1101px) and (min-height: 601px){.header{flex-wrap:nowrap}.header-search{flex:1 1 300px}}@media (min-width: 801px) and (max-width: 1150px) and (min-height: 601px) and (orientation: landscape){.subtitle{display:none}}.picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#2b21408c}.picker{box-sizing:border-box;width:min(100%,980px);max-height:100%;display:flex;flex-direction:column;gap:.8rem;padding:1.2rem 1.4rem;background:var(--bg);border:5px solid var(--yellow);border-radius:28px;overflow:hidden}.picker-head{flex:none;display:flex;align-items:center;justify-content:space-between}.picker-body{position:relative;z-index:0;flex:0 1 auto;min-height:0;display:flex;flex-direction:column;gap:.8rem;padding:3px 6px 5px 3px;overflow-y:auto;overscroll-behavior:contain;transform:translateZ(0)}.picker-body>*{flex:none}.picker-body::-webkit-scrollbar{width:7px}.picker-body::-webkit-scrollbar-thumb{background:var(--pink);border-radius:999px}@supports not selector(::-webkit-scrollbar){.picker-body{scrollbar-color:var(--pink) transparent;scrollbar-width:thin}}.picker h2{margin:0;font-size:1.6rem;color:var(--pink-dark)}.picker-close{font-size:1.3rem;background:none;border:0;cursor:pointer}.picker-search{flex:none;display:flex;align-items:center;gap:.5rem;padding:.35rem .35rem .35rem 1.1rem;background:#fff;border:3px solid var(--pink);border-radius:999px}.picker-search:focus-within{box-shadow:0 0 0 5px #f06eaa40}.picker-search-icon{font-size:1.4rem}.picker-search input{flex:1;min-width:0;padding:.7rem .2rem;font-family:inherit;font-size:1.35rem;background:none;border:0;outline:none}.picker-search button{padding:.75rem 1.6rem;font-family:inherit;font-size:1.2rem;font-weight:700;color:#fff;background:var(--pink);border:0;border-radius:999px;box-shadow:0 4px 0 var(--pink-dark);cursor:pointer}.picker-search button:disabled{opacity:.6;cursor:default}.picker-suggestions{display:flex;flex-wrap:wrap;gap:.5rem}.picker-suggestions button{--chip: #ffe3f0;--chip-edge: var(--pink);padding:.3rem .85rem;font-family:inherit;font-size:.95rem;font-weight:700;color:var(--text);background:var(--chip);border:2px solid var(--chip-edge);border-radius:999px;box-shadow:0 3px 0 var(--chip-edge);cursor:pointer;transition:transform .1s}.picker-suggestions button:nth-child(4n+2){--chip: #e3f3ff;--chip-edge: var(--blue)}.picker-suggestions button:nth-child(4n+3){--chip: #fff4c7;--chip-edge: #f2c200}.picker-suggestions button:nth-child(4n+4){--chip: #e2f7e4;--chip-edge: #5cc46a}.picker-suggestions button:hover{transform:translateY(-2px)}.picker-suggestions .picker-other{font-weight:400;color:#7a6d8c;background:#fff;border:2px dashed #d9cde3;box-shadow:none}.picker-suggestions .picker-other:hover,.picker-suggestions .picker-other.on{transform:none;color:var(--text);border-color:var(--blue)}.picker-wish{display:flex;flex-direction:column;gap:.5rem;padding:.8rem 1rem;background:#f4faff;border:3px solid var(--blue);border-radius:20px}.picker-wish-title,.picker-wish-thanks{margin:0;font-size:1.05rem;font-weight:600}.picker-wish-row{display:flex;gap:.5rem}.picker-wish input{flex:1;width:0;min-width:0;padding:.55rem 1rem;font-family:inherit;font-size:1.1rem;color:var(--text);background:#fff;border:2px solid #cfe6fa;border-radius:999px;outline:none}.picker-wish input:focus{border-color:var(--blue)}.picker-wish-row button{padding:.55rem 1.3rem;font-family:inherit;font-size:1.05rem;font-weight:700;color:#fff;background:var(--blue);border:0;border-radius:999px;box-shadow:0 3px 0 var(--blue-dark);cursor:pointer}.picker-wish-row button:disabled{opacity:.6;cursor:default}.picker-wish-again{padding:0;font:inherit;font-weight:600;color:var(--blue-dark);background:none;border:0;text-decoration:underline;cursor:pointer}.picker-error,.picker-empty{margin:0;font-size:1.05rem}.picker-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.9rem;padding:2px}.picker-video{display:flex;flex-direction:column;gap:.3rem;padding:.5rem;font-family:inherit;text-align:left;color:var(--text);background:#fff;border:3px solid transparent;border-radius:18px;cursor:pointer}.picker-video:hover,.picker-video.current{border-color:var(--blue)}.picker-thumb{position:relative;display:block;flex:none;width:100%;align-self:stretch;height:0;padding-top:56.25%;border-radius:12px;overflow:hidden;isolation:isolate;background:#eee}.picker-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.picker-duration,.picker-ready{position:absolute;bottom:6px;padding:.1rem .45rem;font-size:.8rem;font-weight:700;border-radius:6px}.picker-duration{right:6px;color:#fff;background:#000000bf}.picker-ready{top:6px;bottom:auto;left:6px;padding:.2rem .55rem;font-size:.85rem;color:#fff;background:#2fa84f;border-radius:999px;box-shadow:0 2px 6px #0000004d}.picker-video.ready{background:#f0fbf2;border-color:#7fd492}.picker-video-title{font-size:.95rem;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.picker-channel{font-size:.8rem;opacity:.7}.picker-summary{font-size:.8rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.picker-video .video-level{align-self:flex-start;margin-top:auto;font-size:.72rem}.picker-note{margin:0;font-size:.9rem;opacity:.75;text-align:center}.picker.preparing{position:relative;width:min(100%,520px);align-items:center;text-align:center}.preparing-close{position:absolute;top:.9rem;right:1rem}.preparing-worm{width:120px;height:120px;border-radius:50%;border:4px solid #fff;animation:wiggle .6s ease-in-out infinite alternate}.preparing-title{margin:0;font-weight:700}.preparing-step{margin:0;font-size:1.2rem}.worm-track{position:relative;width:100%;height:58px;border-radius:999px;background:linear-gradient(#f3fbef,#e3f5dc);box-shadow:inset 0 0 0 3px #d5efcd,inset 0 -6px #d0ecc6}.worm-apple{position:absolute;right:14px;bottom:12px;font-size:26px;line-height:1;pointer-events:none;animation:worm-apple 1.6s ease-in-out infinite}.worm-room{position:absolute;z-index:1;left:8px;right:56px;top:50%;height:44px;transform:translateY(-50%)}.crawling-worm{display:block;overflow:visible}.worm-eye{transform-box:fill-box;transform-origin:center;animation:worm-blink 3.2s ease-in-out infinite}@keyframes worm-blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes worm-apple{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg) scale(1.08)}}@media (prefers-reduced-motion: reduce){.worm-eye,.worm-apple{animation:none}}.preparing-hint{margin:0;font-size:.95rem;opacity:.75}.band-main{display:contents}.dictation-band.with-keyboard,.band-below .dictation-band.with-keyboard{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;box-sizing:border-box;height:auto;margin:0;padding:.6rem .7rem calc(.5rem + env(safe-area-inset-bottom));gap:.5rem;border-radius:0;background:#2b2140;container-type:size}.video .dictation-band.with-keyboard{position:absolute}.with-keyboard .band-main{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:.45rem;overflow-y:auto}.with-keyboard .band-main>:first-child{margin-top:auto}.with-keyboard .band-worm{width:40px;height:40px}.with-keyboard .dictation-title{font-size:1.05rem}.with-keyboard .subtitle-line{padding:.35rem .7rem;font-size:1.35rem}.with-keyboard .round-button.small{padding:.4rem .8rem;font-size:.95rem}.with-keyboard .skip-link{font-size:.85rem}.keyboard{flex:none;width:100%;max-width:900px;display:flex;flex-direction:column;gap:clamp(3px,1.2cqh,7px);user-select:none;-webkit-user-select:none;touch-action:manipulation}.keyboard-row{display:flex;justify-content:center;gap:clamp(3px,.9vw,6px)}.key{flex:1 1 0;min-width:0;height:clamp(26px,7.5cqh,54px);padding:0;font-family:inherit;font-size:clamp(.95rem,3.4cqh,1.45rem);font-weight:600;color:var(--text);background:#fff;border:0;border-radius:9px;box-shadow:0 3px #b9aec8;cursor:pointer;-webkit-tap-highlight-color:transparent}.key:active,.key.pressed{transform:translateY(2px);box-shadow:0 1px #b9aec8;background:#ffe3f0}.key.accent{background:#fff4c7}.key.wide{flex-grow:1.5}.key.space{flex-grow:5}.key-gap{flex:.5 1 0}.key.switch{flex-grow:2;font-size:clamp(.6rem,2.2cqh,.85rem);letter-spacing:.02em}.key.action{background:#d9cfe6}.key.action.on{background:var(--yellow)}@media (orientation: landscape) and (max-height: 520px){.dictation-band.with-keyboard,.band-below .dictation-band.with-keyboard{padding:.35rem .6rem calc(.35rem + env(safe-area-inset-bottom));gap:.35rem}.with-keyboard .band-main{display:grid;grid-template-columns:1fr auto;grid-template-areas:"head skip" "expl expl" "hint hint" "input buttons";align-content:end;align-items:center;gap:.25rem .5rem;text-align:left}.with-keyboard .band-main>:first-child{margin-top:0}.with-keyboard .band-head{grid-area:head}.with-keyboard .band-worm{display:none}.with-keyboard .dictation-title{font-size:.9rem;line-height:1.25}.with-keyboard .explanations{grid-area:expl;max-width:none;padding:.15rem .6rem}.with-keyboard .explanation{margin:0;font-size:.82rem;line-height:1.3}.with-keyboard .blocked-hint{grid-area:hint;justify-self:start;padding:.1rem .7rem;font-size:.82rem}.with-keyboard .subtitle-input{grid-area:input;width:100%;padding:.2rem .6rem;font-size:1.1rem}.with-keyboard .band-buttons{grid-area:buttons;flex-wrap:nowrap;gap:.3rem}.with-keyboard .round-button.small{padding:.3rem .6rem;font-size:.85rem;white-space:nowrap}.with-keyboard .band-links{grid-area:skip}.with-keyboard .skip-link{font-size:.8rem;white-space:nowrap}.keyboard{gap:4px}.key{height:clamp(24px,8.5cqh,44px);font-size:1.05rem;border-radius:7px}}.card-episode-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.3rem .6rem}.video-level{display:inline-flex;align-items:center;gap:.35em;padding:.15em .6em;font-size:.85rem;font-weight:700;border-radius:999px;white-space:nowrap}.video-level-dots{display:inline-flex;gap:2px}.video-level-dots span{width:.5em;height:.5em;border-radius:50%;background:currentColor;opacity:.25}.video-level-dots span.on{opacity:1}.video-level.level-1{color:#1d7a34;background:#d9f7df}.video-level.level-2{color:#9a5b00;background:#ffeec4}.video-level.level-3{color:#b3264f;background:#ffdbe6}.shelf{display:flex;flex-direction:column;gap:.5rem}.shelf h2{margin:0;font-size:1.2rem;color:var(--pink-dark)}.shelf-series{flex:none;display:flex;gap:.4rem;padding-bottom:.2rem;overflow-x:auto;scrollbar-width:none}.shelf-series::-webkit-scrollbar{display:none}.shelf-series button{flex:none;display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .8rem;font-family:inherit;font-size:.95rem;font-weight:700;color:var(--text);background:#fff;border:3px solid #f1e6ee;border-radius:999px;cursor:pointer}.shelf-series button.on{color:#fff;background:var(--pink);border-color:var(--pink)}.shelf-count{min-width:1.4em;padding:0 .3em;font-size:.78rem;border-radius:999px;background:#00000014}.shelf-series button.on .shelf-count{background:#ffffff4d}.shelf-list{display:flex;flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none}.shelf-video{width:100%;display:flex;gap:.6rem;padding:.5rem;font-family:inherit;text-align:left;color:var(--text);background:#fff;border:3px solid var(--yellow);border-radius:18px;cursor:pointer}.shelf-video:hover:not(.current){border-color:var(--pink)}.shelf-video.current{border-color:var(--blue);background:#f4faff;cursor:default}.shelf-thumb{position:relative;flex:none;width:42%;max-width:200px;aspect-ratio:16 / 9;align-self:flex-start;border-radius:12px;overflow:hidden;background:#eee}.shelf-thumb img{width:100%;height:100%;object-fit:cover}.shelf-playing{position:absolute;left:5px;bottom:5px;padding:.1rem .45rem;font-size:.72rem;font-weight:700;color:#fff;background:var(--blue-dark);border-radius:6px}.shelf-ready{position:absolute;top:5px;left:5px;padding:.15rem .5rem;font-size:.72rem;font-weight:700;color:#fff;background:#2fa84f;border-radius:999px;box-shadow:0 2px 6px #0000004d}.shelf-duration{position:absolute;right:5px;bottom:5px;padding:.1rem .45rem;font-size:.72rem;font-weight:700;color:#fff;background:#000000bf;border-radius:6px}.shelf-info{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.shelf-title{font-size:.9rem;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shelf-summary{font-size:.8rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shelf-video .video-level{font-size:.72rem}@media (min-width: 801px) and (min-height: 601px) and (orientation: landscape),(min-width: 1101px) and (min-height: 601px){main{height:auto;min-height:100svh}.layout{--avail-w: calc(min(100vw, 1900px) - 5.5rem) ;--avail-h: calc(100svh - 6rem) ;--panel-w: clamp(340px, var(--avail-w) - var(--avail-h) * 16 / 9, 460px);flex:none;height:min(var(--avail-h),(var(--avail-w) - var(--panel-w)) * 9 / 16)}.panel{--big: clamp(1rem, min(3.4cqh, 6.6cqw), 1.7rem)}.card-episode{flex:1 1 auto;min-height:0;padding:clamp(.8rem,2.4cqh,1.4rem) clamp(1rem,5cqw,1.6rem)}.card-episode h2{font-size:clamp(1.2rem,min(4.2cqh,6.6cqw),2rem)}.card-episode .video-level{font-size:clamp(.85rem,2.2cqh,1.05rem)}.panel .card-episode .video-title{margin-top:auto;padding-top:clamp(.4rem,1.5cqh,.9rem);font-size:var(--big);line-height:1.3;font-weight:700;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.panel .card-episode p:not(.video-title){font-size:var(--big);line-height:1.5}.card-episode .video-title+p{margin-top:clamp(.5rem,1.8cqh,1rem);padding-top:clamp(.5rem,1.8cqh,1rem);border-top:2px dashed #f6c6da}.panel .card-episode .more-videos{margin-top:clamp(.8rem,2.6cqh,1.4rem);margin-bottom:auto;padding:.55rem 1.5rem;font-size:var(--big)}.panel .card-level .level-name,.panel .card-level .stats{font-size:var(--big);line-height:1.35}.panel .card-level .stars{font-size:clamp(1.3rem,4.2cqh,2rem)}.shelf{margin-top:1.6rem;gap:.9rem}.shelf h2{font-size:1.7rem}.shelf-series{gap:.6rem}.shelf-series button{padding:.5rem 1.2rem;font-size:1.15rem}.shelf-count{font-size:.9rem}.shelf-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-content:start;gap:1.1rem}.shelf-video{height:100%;flex-direction:column;gap:.6rem;padding:.7rem;border-width:4px;border-radius:22px}.shelf-thumb{width:100%;max-width:none}.shelf-info{gap:.4rem}.shelf-title{font-size:1.15rem}.shelf-summary{font-size:1rem;line-height:1.4;-webkit-line-clamp:3}.shelf-video .video-level,.shelf-playing,.shelf-ready,.shelf-duration{font-size:.9rem}}@media (max-width: 800px),(max-height: 600px),(orientation: portrait) and (max-width: 1100px){.panel .card-level{order:1}.shelf{margin-top:1.2rem}.shelf h2{font-size:1.25rem}.shelf-series button{padding:.45rem .9rem;font-size:1rem}.shelf-title{font-size:.95rem}.shelf-summary{font-size:.85rem;-webkit-line-clamp:3}.shelf-list{min-height:var(--shelf-min-height, 0)}}.card-episode .video-title{margin:.3rem 0 0;font-weight:700}.more-videos{align-self:center;margin-top:.7rem;padding:.45rem 1.2rem;font-family:inherit;font-size:1.05rem;font-weight:700;color:var(--pink-dark);background:#fff;border:3px solid var(--pink);border-radius:999px;cursor:pointer}.more-videos:hover{color:#fff;background:var(--pink)}.report-corner{position:absolute;top:1rem;left:1rem;z-index:3;padding:.45rem .9rem;font-family:inherit;font-size:.95rem;font-weight:700;color:#fff;background:#2b2140a6;border:2px solid rgba(255,255,255,.5);border-radius:999px;cursor:pointer}.report-corner:hover{background:#2b2140d9}.band-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem 1.2rem}.report-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#2b214099}.report{box-sizing:border-box;width:min(100%,520px);max-height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:.7rem;padding:1.1rem 1.3rem;color:var(--text);text-align:left;background:var(--bg);border:5px solid var(--yellow);border-radius:24px}.report h2{margin:0;font-size:1.4rem;color:var(--pink-dark)}.report-kinds{display:flex;flex-direction:column;gap:.45rem}.report-kinds button{padding:.55rem .8rem;font-family:inherit;font-size:1rem;font-weight:600;text-align:left;color:var(--text);background:#fff;border:3px solid #eadff3;border-radius:14px;cursor:pointer}.report-kinds button.on{background:#fff1f7;border-color:var(--pink)}.report textarea{box-sizing:border-box;width:100%;padding:.55rem .8rem;font-family:inherit;font-size:1rem;border:3px solid #eadff3;border-radius:14px;resize:none}.report textarea:focus{outline:none;border-color:var(--pink)}.report-actions{display:flex;justify-content:flex-end;gap:.6rem}.report-actions button{padding:.5rem 1.3rem;font-family:inherit;font-size:1rem;font-weight:700;border-radius:999px;cursor:pointer}.report-cancel{color:var(--text);background:#fff;border:3px solid #eadff3}.report-send{color:#fff;background:var(--pink);border:3px solid var(--pink)}.report-send:disabled{opacity:.6}.report-thanks{margin:.5rem 0;font-size:1.3rem;font-weight:700;text-align:center}@media (orientation: landscape) and (max-height: 520px){.report-corner{top:.5rem;left:.5rem;padding:.3rem .7rem;font-size:.8rem}.report{gap:.4rem;padding:.7rem 1rem}.report h2{font-size:1.1rem}.report-kinds button,.report textarea,.report-actions button{padding:.35rem .7rem;font-size:.9rem}}@media (orientation: portrait) and (min-width: 601px) and (max-width: 1100px) and (min-height: 800px){.header{flex-wrap:nowrap}.header-search{order:0;flex:1 1 0}.video-column .video{width:min(100%,(100svh - 37rem) * 16 / 9)}.panel{flex-direction:row;align-items:stretch}.panel .card-episode{flex:2 1 0;min-width:0;padding:.8rem 1.1rem}.card-episode .video-title{font-size:1.05rem}.card-episode p:not(.video-title,.episode-more){font-size:1rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-level .level-worm{display:none}.panel .card-level{flex:1 1 0;min-width:0;padding:.8rem 1.1rem}.card-episode .episode-more,.card-episode .more-videos{display:none}.card-episode .video-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shelf{margin-top:.8rem}.shelf-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;min-height:0}.shelf-video{height:100%;box-sizing:border-box;flex-direction:column;gap:.5rem}.shelf-thumb{width:100%;max-width:none}.shelf-title{font-size:1rem}.shelf-summary{font-size:.9rem;-webkit-line-clamp:2}.shelf-video .video-level{margin-top:auto;font-size:.8rem}}@media (max-width: 600px){.picker-backdrop{padding:.5rem}.picker{padding:.9rem .9rem .7rem;border-radius:22px}.picker h2{font-size:1.3rem}.picker-search{padding:.2rem .2rem .2rem .9rem}.picker-search-icon{display:none}.picker-search input{padding:.45rem 0;font-size:1.05rem;text-overflow:ellipsis}.picker-search button{padding:.5rem .9rem;font-size:1rem}}