.share-button-container[data-v-b61c9c77]{position:relative;display:flex;align-items:center;justify-content:center}.share-toggle-button[data-v-b61c9c77],.share-link-button[data-v-b61c9c77]{box-sizing:border-box;flex:0 0 35px;width:35px;height:35px;padding:8px;border:0;border-radius:8px;background:var(--col-red)}.share-toggle-button[data-v-b61c9c77]{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .16s ease}.share-toggle-button[data-v-b61c9c77]:hover{transform:scale(1.1)}.share-toggle-button[data-v-b61c9c77]:focus-visible,.share-link-button[data-v-b61c9c77]:focus-visible{outline:3px solid var(--col-black);outline-offset:3px}.share-toggle-button img[data-v-b61c9c77],.share-link-button img[data-v-b61c9c77]{display:block;width:100%;height:100%;object-fit:contain}.share-toggle-button img[data-v-b61c9c77]{filter:brightness(0) invert(1);transition:transform .18s ease}.is-expanded .share-toggle-button img[data-v-b61c9c77]{transform:rotate(-12deg)}.share-links[data-v-b61c9c77]{position:absolute;z-index:20;top:calc(100% + 8px);left:50%;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px;width:max-content;max-width:calc(100vw - 24px);max-height:var(--share-menu-max-height, calc(100vh - 24px) );margin:0;padding:8px;overflow:auto;border:2px solid var(--col-black);border-radius:10px;background:#fff;box-shadow:-4px 4px #00000059;opacity:0;visibility:hidden;pointer-events:none;transform:translate(calc(-50% + var(--share-menu-offset, 0px))) translateY(-6px) scale(.96);transform-origin:top center;transition:opacity .12s ease-out,transform .16s ease-out,visibility 0s linear .16s}.is-expanded .share-links[data-v-b61c9c77]{opacity:1;visibility:visible;pointer-events:auto;transform:translate(calc(-50% + var(--share-menu-offset, 0px))) translateY(0) scale(1);transition-delay:0s}.share-links.opens-above[data-v-b61c9c77]{top:auto;bottom:calc(100% + 8px);transform:translate(calc(-50% + var(--share-menu-offset, 0px))) translateY(6px) scale(.96);transform-origin:bottom center}.is-expanded .share-links.opens-above[data-v-b61c9c77]{transform:translate(calc(-50% + var(--share-menu-offset, 0px))) translateY(0) scale(1)}.share-link-button[data-v-b61c9c77]{display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(-6px) scale(.9);transition:opacity .12s ease-out,transform .16s ease-out,scale .16s ease-out}.is-expanded .share-link-button[data-v-b61c9c77]{opacity:1;transform:translate(0) scale(1);transition-delay:calc(var(--share-index) * 18ms)}.share-link-button[data-v-b61c9c77]:hover{scale:1.12}@media (prefers-reduced-motion: reduce){.share-toggle-button[data-v-b61c9c77],.share-toggle-button img[data-v-b61c9c77],.share-links[data-v-b61c9c77],.share-link-button[data-v-b61c9c77]{transition:none}}.title-row{display:flex;justify-content:space-between;align-items:flex-end}.sections-container{width:100%;min-width:0}.content-section{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "video" "description" "transcript" "recommended";gap:20px;align-items:start}.video-box{display:contents}.video-box h1{grid-area:title;min-width:0;margin-bottom:0}.video-box>.video{grid-area:video}.video-box>p{grid-area:description;min-width:0;margin:0}.video-box>div:last-child{grid-area:recommended;min-width:0}.settings-gear-button{border:0;font-size:45px;line-height:36px;background:transparent;cursor:pointer}.breakdown-box{grid-area:transcript;position:relative;min-width:0;width:100%;gap:20px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);margin-top:25px}.video{display:block;box-sizing:border-box;min-width:0;width:100%;height:auto;border-radius:12px;border:4px solid var(--col-red)}.youtube-video{aspect-ratio:16 / 9;overflow:hidden;max-height:calc(100vh - 185px)}.youtube-video iframe{display:block;width:100%;height:100%}.settings-panel{display:flex;gap:20px;position:absolute;background:#fff;border:3px solid;border-radius:8px;padding:10px;flex-direction:column;z-index:10;top:20px;right:35px;box-shadow:-4px 4px #00000080}.lines{min-width:0;max-height:600px;overflow-y:scroll;position:relative;display:flex;flex-direction:column;gap:10px;border-top:4px solid;border-bottom:4px solid;border-radius:8px}.recommended-videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px;align-items:start;flex-wrap:nowrap}.recommended-video-thumbnail{border:4px solid var(--col-black);border-radius:5px;object-fit:cover;aspect-ratio:16 / 9}.recommended-video-title{color:var(--col-black);text-align:center;margin:0}.recommended-video{display:grid;min-width:0;transform:scale(1) rotate(0);transition:transform .2s ease}.recommended-video:hover{transform:scale(1.05) rotate(-2deg)}.recommended-video-thumbnail{box-sizing:border-box;width:100%;height:auto;aspect-ratio:16 / 9}.word-details{position:fixed;background:#fff;z-index:1000;text-align:center;width:150px;transform:translate(-50%,-100%) scale(.5);opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none;border:2px solid black;border-radius:8px;box-shadow:-4px 4px #00000080}.word-details.showing{opacity:1;transform:translate(-50%,-100%) scale(1);pointer-events:all}.word-details-content{position:relative;padding:40px 20px 20px}.word-details ruby{font-size:32px}.word-details rt{font-size:14px}.word-details-close{position:absolute;top:5px;right:5px;margin:0;border:2px solid black;border-radius:6px;padding:0;background:#fff;cursor:pointer;display:flex;width:20px;height:20px;align-items:center;justify-content:center;font-size:10px}.line{padding:10px;display:flex;position:relative;border-radius:6px;border:1px solid lightgray;border-left:4px solid lightgray;align-items:center;gap:10px}.line-chinese{display:flex;flex-wrap:wrap;gap:5px;align-items:flex-end}.line-translation{display:none;margin-top:10px}.line.highlighted{border-color:var(--col-blue)}.line-play-button{cursor:pointer;width:25px;height:25px;min-width:25px;min-height:25px;background:#fff;border:2px solid black;border-radius:4px;font-size:12px;display:flex;align-items:center;justify-content:center;padding-top:1px}.translationVisible .line-translation{display:block}.line ruby,.line-punctuation{font-size:24px;border-radius:4px}.line ruby.enriched{cursor:pointer}.hsk-new .line ruby{padding:2px 5px}.line ruby.enriched:hover{outline:2px solid}.line rt{font-size:12px;visibility:hidden;user-select:none;-webkit-user-select:none;margin-bottom:5px}.pinyinVisible .line rt{visibility:visible}video::cue{color:#fff;background:#000}video::cue(rt){color:#fff;background:#000;text-shadow:none;font-size:14px}.hsk-tag{display:inline-block;color:#fff;color:#000;font-size:12px;font-weight:700;border-radius:4px;padding:2px 10px;position:absolute;left:5px;top:5px;background:var(--hsk-color)}.hsk-tag-1,.new-1{--hsk-color: var(--col-level-1)}.hsk-tag-2,.new-2{--hsk-color: var(--col-level-2-alt)}.hsk-tag-3,.new-3{--hsk-color: var(--col-level-3)}.hsk-tag-4,.new-4{--hsk-color: var(--col-level-4)}.hsk-tag-5,.new-5{--hsk-color: var(--col-level-5)}.hsk-tag-6,.new-6{--hsk-color: var(--col-level-6)}.hsk-tag-7,.new-7{--hsk-color: var(--col-level-7)}.hsk-tag-5,.hsk-tag-6,.hsk-tag-7{color:#fff}.hsk-new :is(.new-1,.new-2,.new-3,.new-4,.new-5,.new-6,.new-7){background:rgb(from var(--hsk-color) r g b / .2);border-bottom:4px solid var(--hsk-color)}@media screen and (min-width: 800px){.content-section{grid-template-columns:minmax(0,2fr) minmax(350px,1fr);grid-template-areas:"title transcript" "video transcript" "description transcript" "recommended transcript"}}