.root-surface{background-color:#fff;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;width:100%;display:flex}
.transcription-audio{background-color:#f3f2ef;border-radius:.6rem;align-items:center;gap:.5rem;margin:0 .2rem;padding:.3rem;display:inline-flex}.transcription-audio--white-bg{background-color:#fff}.transcription-audio__error-icon{height:1.5rem}.transcription-audio__ipa{font-size:2rem;line-height:2rem;display:inline-flex}
.sentence-phrase-analysis{gap:.6rem;display:grid}.sentence-phrase-analysis__top{font-size:2.2rem;line-height:3rem}.sentence-phrase-analysis__analysis-phrase{font-weight:600}.sentence-phrase-analysis__example{padding-left:1.5rem;font-size:1.8rem;line-height:2.6rem}.sentence-phrase-analysis__phrase-flashed{background-color:#f3f2ef;border-radius:.6rem;padding:0 .3rem;display:inline-block}
@keyframes loading-shimmer-sweep{to{transform:translate(120%)}}.word{cursor:pointer;border-radius:.22em;display:inline-block;position:relative}.word:before{content:"";z-index:1;border:1px solid #0000;border-radius:.22em;position:absolute;inset:0 -2px}.word:hover:before{border-color:#c7c6c2}.word__text{z-index:2;position:relative}.word--selected{color:#ffe7de}.word--selected:before{background-color:#ff4d0c;border:none}
@keyframes loading-shimmer-sweep{to{transform:translate(120%)}}
.selected-sentence{font-size:2.2rem;line-height:3rem}
.sentence-translation{border-radius:1rem;padding:.6rem 1.2rem;font-size:1.8rem;line-height:2.6rem}.sentence-translation--white{background-color:#fff}.sentence-translation--gray{background-color:#f3f2ef}
.watching-details-block{flex-direction:column;gap:1rem;display:flex}
.sentence-phrase-analyses{flex-direction:column;gap:1rem;display:flex}
@keyframes loading-shimmer-sweep{to{transform:translate(120%)}}.details-block-wrapper{background-color:#f3f2ef;border-radius:1rem;flex-grow:1;overflow:hidden}.details-block-wrapper--center{flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.details-block-wrapper--loading{position:relative;overflow:hidden}.details-block-wrapper--loading:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff80 55%,#fff0 100%);animation:1.6s ease-in-out infinite loading-shimmer-sweep;position:absolute;inset:0;transform:translate(-120%)}.details-block-wrapper__scroll{box-sizing:border-box;max-height:100%;padding:1.5rem;overflow:auto}.details-block-wrapper__text{color:#6d6d6c;text-align:center;font-size:16px;line-height:24px}
.details-block{box-sizing:border-box;flex-grow:1;display:flex;position:sticky;left:0}.details-block--reading{padding-bottom:1rem;top:1rem}.details-block--watching{top:var(--details-sticky-top,0);padding-block:1rem}