:is(html:has(._room_6zlcc_2),body:has(._room_6zlcc_2)){background:var(--palette-page-mint-background)}.site-shell:has(._room_6zlcc_2){background:var(--palette-page-mint-background);background-image:none;grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}.site-shell .inner-main:has(>._room_6zlcc_2){background:var(--palette-page-mint-background);grid-template-rows:minmax(0,1fr);width:100%;max-width:1600px;height:auto;min-height:0;margin-inline:auto;padding:12px clamp(18px,2vw,32px);overflow:hidden}.inner-main:has(>._room_6zlcc_2)>.breadcrumbs{display:none}._room_6zlcc_2.shadow-room{--speaking-compact-control-height:28px;--speaking-compact-control-font-size:12px;--speaking-compact-control-icon-size:12px;--speaking-compact-controls-gap:12px;--speaking-section-divider:0;--shadow-green:var(--color-brand);--shadow-green-deep:var(--color-text-primary);--shadow-green-soft:var(--color-secondary-hover);--shadow-accent:var(--color-accent);--shadow-accent-soft:var(--color-yellow-text-on-dark);--shadow-brown:var(--color-accent);--shadow-surface:var(--color-white);--shadow-panel:var(--color-white);--shadow-soft:var(--color-page-bg);--shadow-line:var(--color-border-strong);--shadow-text:var(--color-text-primary);--shadow-muted:var(--color-text-secondary);--disabled-background:var(--color-border-light);--disabled-text:var(--color-text-secondary);--disabled-border:var(--color-border-strong);--kc-surface-strong:var(--color-white);--kc-surface-quiet:var(--color-secondary-hover);--kc-surface-muted:var(--color-border-strong);--kc-success-soft:var(--color-secondary-hover);--kc-danger-soft:var(--color-accent-soft);--kc-danger-deep:var(--color-danger);--kc-danger:var(--color-accent);--fs-tiny:13px;--fs-caption:14px;--shadow-workspace-columns:minmax(0, .94fr) minmax(0, 1.06fr);--shadow-workspace-gap:16px;color:var(--shadow-text);font-family:var(--font-sans);font-size:var(--kc-ui-label);grid-template-rows:auto minmax(0,1fr);gap:12px;line-height:1.5}._room_6zlcc_2[data-mode] button,._room_6zlcc_2[data-mode] select,._room_6zlcc_2[data-mode] textarea{font-family:inherit}._room_6zlcc_2[data-mode] button{transition:background-color .15s,border-color .15s,color .15s}:is(._room_6zlcc_2[data-mode] button:focus-visible,._room_6zlcc_2[data-mode] a:focus-visible,._room_6zlcc_2[data-mode] select:focus-visible,._room_6zlcc_2[data-mode] textarea:focus-visible){outline:calc(3px * var(--kc-keyboard-focus,1)) solid var(--color-focus);outline-offset:3px}._room_6zlcc_2[data-mode] svg{flex:none;display:block}._room_6zlcc_2[data-mode] [data-icon=microphone]{color:var(--color-accent)}._room_6zlcc_2[data-mode] [data-icon=keyboard]{color:var(--color-annotation-plum)}._room_6zlcc_2[data-mode] [data-icon=translation]{color:var(--color-bronze)}._room_6zlcc_2[data-mode] [data-icon=pinyin],._room_6zlcc_2[data-mode] [data-icon=repeat],._room_6zlcc_2[data-mode] [data-icon=check]{color:var(--color-brand)}._room_6zlcc_2[data-mode] .shadow-room__bar{border:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:0;padding:0;display:grid}._room_6zlcc_2[data-mode] .shadow-room__notice{grid-column:1/-1}._room_6zlcc_2[data-mode] .shadow-room__heading{align-items:center;gap:12px;min-width:0;display:flex}._room_6zlcc_2[data-mode] .shadow-room__back{border:1px solid var(--shadow-line);background:var(--color-white);width:34px;height:34px;color:var(--shadow-muted);border-radius:10px;flex:none;place-items:center;display:grid}._room_6zlcc_2[data-mode] .shadow-room__heading h1{min-width:0;font-family:var(--kc-ui-font-heading);font-weight:var(--kc-ui-weight-heading);line-height:var(--kc-ui-leading-heading);font-size:var(--kc-shadowing-title);letter-spacing:-.025em;color:var(--shadow-text);overflow-wrap:anywhere;margin:0}._room_6zlcc_2[data-mode] .shadow-room__bar nav{background:0 0;border:0;border-radius:0;flex-wrap:wrap;justify-content:flex-end;justify-self:end;gap:4px;max-width:100%;padding:0;display:flex}._room_6zlcc_2[data-mode] .shadow-room__bar nav button{min-height:30px;color:var(--color-text-body);font-size:var(--kc-ui-caption);font-weight:var(--kc-ui-weight-action);white-space:nowrap;box-shadow:none;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:4px 9px;display:flex}._room_6zlcc_2[data-mode] .shadow-room__bar nav button:hover{background:var(--color-secondary-hover)}._room_6zlcc_2[data-mode] .shadow-room__bar nav button svg{width:14px;height:14px}._room_6zlcc_2[data-mode] .shadow-room__bar nav button.active{background:var(--color-brand);color:var(--color-white)}._room_6zlcc_2[data-mode] .shadow-room__bar nav button.active svg{color:inherit}._room_6zlcc_2[data-mode] .shadow-room__bar nav button.active [data-icon=keyboard] path,._room_6zlcc_2[data-mode] .shadow-room__bar nav button.active [data-icon=translation] path:last-child{stroke:var(--color-brand)}._room_6zlcc_2.shadow-room[data-mode] .shadow-room__workspace{grid-template-columns:var(--shadow-workspace-columns);gap:12px var(--shadow-workspace-gap);border:0;grid-template-rows:minmax(0,1fr);grid-template-areas:"video transcript";align-content:stretch;align-items:stretch;padding:0}._room_6zlcc_2.shadow-room[data-mode]:not([data-mode=shadowing]) .shadow-room__workspace{grid-template-rows:minmax(0,1fr);grid-template-areas:"video practice"}._room_6zlcc_2[data-mode] .shadow-room__video-column{border:1px solid var(--shadow-line);background:var(--color-white);border-radius:14px;flex-direction:column;gap:8px;padding:8px;display:flex;overflow:hidden}._room_6zlcc_2[data-mode] .shadow-room__video-frame{background:var(--color-text-primary);border-radius:9px;flex:1;place-items:center;min-height:0;display:grid;overflow:hidden;container-type:size}._room_6zlcc_2[data-mode] .shadow-room__video{aspect-ratio:16/9;background:var(--color-text-primary);width:min(100%,177.778cqh);height:auto;max-height:100%;box-shadow:none;border:0;border-radius:0}._room_6zlcc_2[data-mode] .shadow-room__video-fallback{background:var(--color-text-primary);color:var(--color-white);gap:5px;padding:12px}._room_6zlcc_2[data-mode] .shadow-room__video-fallback b{font-size:var(--kc-ui-label);line-height:1.4}._room_6zlcc_2[data-mode] .shadow-room__video-fallback span{font-size:var(--kc-ui-label);color:var(--color-border-strong);line-height:1.5}._room_6zlcc_2[data-mode] .shadow-room__video-fallback a{color:var(--color-yellow-text-on-dark);font-size:var(--kc-ui-label)}._room_6zlcc_2[data-mode] .shadow-room__controls{flex-wrap:nowrap;flex:none;gap:6px;min-height:32px;padding:0}._room_6zlcc_2[data-mode] .shadow-room__controls>button{min-width:32px;min-height:32px;font-size:12px;font-weight:var(--kc-ui-weight-action);border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:0 7px;display:inline-flex}._room_6zlcc_2[data-mode] .shadow-room__controls>button svg{width:14px;height:14px}._room_6zlcc_2[data-mode] .shadow-room__controls>button.primary{background:var(--color-brand);min-width:78px;color:var(--color-white)}._room_6zlcc_2[data-mode] .shadow-room__controls>button:disabled{background:var(--disabled-background);color:var(--disabled-text)}._room_6zlcc_2[data-mode] .shadow-room__rate{border-radius:7px;min-height:32px;margin-left:auto;padding-left:8px;font-size:12px;font-weight:500}._room_6zlcc_2[data-mode] .shadow-room__rate select{min-height:30px;font-size:12px;font-weight:500}._room_6zlcc_2[data-mode] .shadow-room__rate>span{white-space:nowrap}._room_6zlcc_2.shadow-room[data-mode] .shadow-room__practice{padding:0;display:block;overflow:hidden}._room_6zlcc_2[data-mode] .shadow-karaoke{height:clamp(48px,9dvh,64px);min-height:48px;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-rows:minmax(0,1fr);place-items:stretch stretch;padding:10px 12px 2px}._room_6zlcc_2[data-mode] .shadow-karaoke__words{overflow-wrap:anywhere;align-content:center;min-height:0;padding:0;line-height:1.4;display:block;overflow:auto}._room_6zlcc_2[data-mode] .shadow-karaoke__words>b,._room_6zlcc_2[data-mode] .shadow-karaoke__words>em{font-size:var(--kc-ui-lead);color:var(--shadow-text);font-weight:550;line-height:1.5}._room_6zlcc_2[data-mode] .shadow-karaoke__words>b.is-past{color:var(--color-text-secondary)}._room_6zlcc_2[data-mode] .shadow-karaoke__words>b.is-current{color:var(--color-text-primary);border-color:var(--color-brand);background:var(--color-level-bg)}._room_6zlcc_2[data-mode] .shadow-word-gloss:after{max-width:min(180px,80vw);font-size:var(--kc-ui-label);font-weight:500}._room_6zlcc_2[data-mode] .shadow-karaoke .shadow-word-gloss:after{display:none}._room_6zlcc_2[data-mode] .shadow-room__transcript-wrap{box-shadow:none;border-radius:14px}._room_6zlcc_2[data-mode] .shadow-room__transcript-head{background:var(--color-surface);flex-wrap:wrap;gap:8px;min-height:50px;padding:8px 14px}._room_6zlcc_2[data-mode] .shadow-room__transcript-head>div{align-items:center;gap:10px;display:flex}._room_6zlcc_2[data-mode] .shadow-room__transcript-head strong{font-size:var(--kc-ui-label);font-weight:650}._room_6zlcc_2[data-mode] .shadow-room__transcript-head span{font-size:var(--kc-ui-label);font-variant-numeric:tabular-nums;background:0 0;padding:0;font-weight:500}._room_6zlcc_2[data-mode] .shadow-transcript-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}._room_6zlcc_2[data-mode] .shadow-transcript-pinyin{border:1px solid var(--shadow-line);background:var(--color-white);min-height:30px;font-size:var(--kc-ui-caption);font-weight:var(--kc-ui-weight-action);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:0 8px;display:inline-flex}._room_6zlcc_2[data-mode] .shadow-transcript-pinyin.active{color:var(--color-text-primary);border-color:var(--color-brand);background:var(--color-secondary-hover)}._room_6zlcc_2[data-mode] .shadow-room__transcript{scrollbar-color:var(--color-control-border) transparent;padding:6px}._room_6zlcc_2[data-mode] .shadow-room__transcript article{border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:44px;padding:6px 8px}._room_6zlcc_2[data-mode] .shadow-line__aside{align-items:center;gap:6px;display:flex}._room_6zlcc_2[data-mode] .shadow-line__copy strong{font-size:var(--kc-ui-body);color:var(--color-text-primary);overflow-wrap:anywhere;padding-top:1px;font-weight:400;line-height:1.45}._room_6zlcc_2[data-mode] .shadow-line__copy small{font-family:var(--kc-font-pinyin);font-size:var(--kc-type-pinyin);line-height:var(--kc-ui-leading-body);font-weight:var(--kc-ui-weight-body);color:var(--color-text-secondary);overflow-wrap:anywhere;margin-top:5px;display:block}._room_6zlcc_2[data-mode] .shadow-line__copy p{font-size:var(--kc-ui-body);line-height:var(--kc-ui-leading-body);color:var(--color-text-body);margin:7px 0 2px}._room_6zlcc_2[data-mode] .shadow-line__time{font-size:var(--kc-ui-caption);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding-top:0;font-weight:500}._room_6zlcc_2[data-mode] .shadow-line__actions{gap:4px}._room_6zlcc_2[data-mode] .shadow-line__actions button{border:1px solid var(--color-border-strong);background:var(--color-white);border-radius:6px;place-items:center;width:28px;height:28px;display:grid}._room_6zlcc_2[data-mode] .shadow-line__actions button:hover{background:var(--color-secondary-hover);border-color:var(--color-control-border)}._room_6zlcc_2[data-mode] .shadow-line__actions button.active{background:var(--color-secondary-hover);border-color:var(--color-bronze)}._room_6zlcc_2[data-mode] .shadow-line__actions svg{width:14px;height:14px}._room_6zlcc_2[data-mode] .shadow-drill{height:100%;box-shadow:none;border-radius:14px;grid-template-rows:auto minmax(0,1fr) auto}._room_6zlcc_2[data-mode=pronunciation] .shadow-pronunciation{grid-template-rows:auto minmax(0,1fr);align-content:stretch;padding:8px;overflow:hidden}._room_6zlcc_2[data-mode] .shadow-drill__navigation{background:var(--color-surface);border-radius:13px 13px 0 0;gap:8px;padding:12px 16px}._room_6zlcc_2[data-mode] .shadow-drill__head h2{font-family:var(--kc-ui-font-heading);font-size:var(--kc-ui-section);line-height:var(--kc-ui-leading-heading);font-weight:var(--kc-ui-weight-heading);letter-spacing:-.02em}._room_6zlcc_2[data-mode] .shadow-drill__head>span{font-size:var(--kc-ui-label);font-weight:500}._room_6zlcc_2[data-mode] .shadow-drill__head>div{height:4px}._room_6zlcc_2[data-mode] .shadow-drill__instruction{font-size:var(--kc-ui-label);line-height:1.5}._room_6zlcc_2[data-mode] .shadow-sentence-picker__label,._room_6zlcc_2[data-mode] .shadow-sentence-picker__label small{font-size:var(--kc-ui-label);font-weight:500}._room_6zlcc_2[data-mode] .shadow-sentence-nav{grid-template-columns:32px minmax(0,1fr) 32px}._room_6zlcc_2[data-mode] .shadow-sentence-nav button{border-radius:7px;flex-basis:32px;width:32px;height:32px;font-size:13px;font-weight:600}._room_6zlcc_2[data-mode] .shadow-sentence-picker--compact{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}._room_6zlcc_2[data-mode] .shadow-sentence-picker--compact .shadow-sentence-picker__label{white-space:nowrap;font-size:var(--kc-ui-label);letter-spacing:0}._room_6zlcc_2[data-mode] .shadow-sentence-picker--compact .shadow-sentence-nav>div{justify-content:safe center}._room_6zlcc_2[data-mode=pronunciation] .shadow-sentence-picker--pronunciation{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}._room_6zlcc_2[data-mode=pronunciation] .shadow-pronunciation__options{gap:6px;display:flex}._room_6zlcc_2[data-mode=pronunciation] .shadow-pronunciation__options button{border-radius:8px;place-items:center;min-width:32px;min-height:32px;padding:0 6px;display:grid}._room_6zlcc_2[data-mode=pronunciation] .shadow-pronunciation__options button.active{border-color:var(--shadow-green);background:var(--shadow-green-soft)}._room_6zlcc_2[data-mode] .shadow-drill__navigation--compact{gap:6px;padding:10px 12px}._room_6zlcc_2[data-mode] .shadow-drill__navigation--compact .shadow-drill__instruction{font-size:var(--kc-ui-label);line-height:1.45}._room_6zlcc_2[data-mode] .shadow-drill__content{scrollbar-color:var(--color-control-border) transparent;gap:12px;margin:0;padding:16px;overflow:auto}._room_6zlcc_2[data-mode] .shadow-current-sentence{min-height:0}._room_6zlcc_2[data-mode] .shadow-current-sentence__label{gap:8px;font-size:12px;font-weight:600}._room_6zlcc_2[data-mode] .shadow-current-sentence__label button{border-radius:8px;place-items:center;min-width:34px;min-height:34px;padding:0 7px;display:grid}._room_6zlcc_2[data-mode] .shadow-word-sentence>p{margin:10px 0;font-size:26px;font-weight:400;line-height:1.5}._room_6zlcc_2[data-mode] .shadow-word-sentence>small{color:var(--color-text-secondary);font-size:14px;font-weight:400;line-height:1.5}._room_6zlcc_2[data-mode] .shadow-word-sentence>span{color:var(--color-text-body);font-size:15px;line-height:1.55}._room_6zlcc_2[data-mode] .shadow-drill__footer{background:var(--color-surface);border-radius:0 0 13px 13px;flex-wrap:wrap;align-items:center;gap:6px;width:auto;margin:0;padding:8px 12px;display:flex}._room_6zlcc_2[data-mode] .shadow-drill__tools{flex-wrap:wrap;justify-content:start;gap:6px;display:flex}._room_6zlcc_2[data-mode] .shadow-drill__tools button,._room_6zlcc_2[data-mode] .shadow-drill__actions button{min-height:30px;font-size:var(--kc-ui-caption);font-weight:var(--kc-ui-weight-action);line-height:var(--kc-ui-leading-body);border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:4px 9px;display:inline-flex}._room_6zlcc_2[data-mode] .shadow-drill__tools svg{width:14px;height:14px}._room_6zlcc_2[data-mode] .shadow-drill__actions .primary svg{color:inherit}._room_6zlcc_2[data-mode] .shadow-drill__actions{align-items:center;gap:6px;display:flex}._room_6zlcc_2[data-mode] .shadow-dictation__body textarea,._room_6zlcc_2[data-mode] .shadow-translation__body textarea{height:84px;min-height:84px;font-size:var(--kc-ui-body);line-height:var(--kc-ui-leading-body);border-radius:9px;padding:12px}._room_6zlcc_2[data-mode] .shadow-dictation__mask{background:var(--color-secondary-hover);font-size:var(--kc-ui-card)}._room_6zlcc_2[data-mode] .shadow-translation__hint,._room_6zlcc_2[data-mode] .shadow-translation__answer,._room_6zlcc_2[data-mode] .shadow-result{font-size:var(--kc-ui-body);font-weight:500;line-height:var(--kc-ui-leading-body);padding:8px 10px}._room_6zlcc_2[data-mode=pronunciation] .shadow-drill__navigation{gap:4px;padding:6px 10px}._room_6zlcc_2[data-mode=pronunciation] .shadow-pronunciation__content{flex-direction:column;gap:5px;padding:6px 10px;display:flex;overflow:hidden}._room_6zlcc_2[data-mode=pronunciation] .shadow-drill__navigation>.shadow-drill__instruction{display:none}._room_6zlcc_2[data-mode=pronunciation] .shadow-pronunciation__content>section[aria-label=Luyện\ nói]{flex:1 1 0;min-height:0}._room_6zlcc_2[data-mode=pronunciation] [data-pronunciation-word]{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;position:relative}._room_6zlcc_2[data-mode=pronunciation] [data-pronunciation-word].active{color:var(--kc-accent-action)}._room_6zlcc_2[data-mode=pronunciation] [data-pronunciation-word]>span{z-index:4;border:1px solid var(--color-control-border);background:var(--kc-surface-strong);min-width:105px;color:var(--kc-text);font-family:var(--kc-font-sans);font-size:var(--fs-tiny);box-shadow:var(--kc-shadow-soft);border-radius:7px;padding:6px 8px;line-height:1.3;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%)}._room_6zlcc_2[data-mode=pronunciation] [data-pronunciation-word].active>span{display:block}._room_6zlcc_2[data-mode=pronunciation] .shadow-drill__footer{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:8px 10px}._room_6zlcc_2[data-mode=pronunciation] .shadow-drill__actions{grid-template-columns:auto;justify-content:end}.site-shell:has(._room_6zlcc_2:is([data-mode=dictation],[data-mode=translation])){height:auto;min-height:100dvh;overflow:visible}.site-shell .inner-main:has(>._room_6zlcc_2:is([data-mode=dictation],[data-mode=translation])){overflow:visible}._room_6zlcc_2.shadow-room:is([data-mode=dictation],[data-mode=translation]){overflow:visible}._room_6zlcc_2.shadow-room:is([data-mode=dictation],[data-mode=translation]) .shadow-room__workspace{grid-template-rows:minmax(min-content,1fr);overflow:visible}._room_6zlcc_2.shadow-room:is([data-mode=dictation],[data-mode=translation]) .shadow-room__practice{overflow:visible}._room_6zlcc_2:is([data-mode=dictation],[data-mode=translation]) .shadow-drill{grid-template-rows:auto minmax(min-content,1fr) auto;overflow:visible}._room_6zlcc_2:is([data-mode=dictation],[data-mode=translation]) .shadow-drill__content{gap:8px;padding:10px 12px;overflow:visible}._room_6zlcc_2:is([data-mode=dictation],[data-mode=translation]) .shadow-feedback-slot:empty{display:none}._room_6zlcc_2:is([data-mode=dictation],[data-mode=translation]) .shadow-word-sentence>p{margin:0 0 6px}._room_6zlcc_2:is([data-mode=dictation],[data-mode=translation]) .shadow-drill textarea{height:76px;min-height:76px}@media (min-width:871px) and (max-height:720px){.site-shell .inner-main:has(>._room_6zlcc_2){padding-block:8px}._room_6zlcc_2.shadow-room{--shadow-workspace-gap:12px;gap:8px}._room_6zlcc_2[data-mode] .shadow-room__bar{gap:7px}._room_6zlcc_2[data-mode] .shadow-room__bar nav button{min-height:30px;padding-block:4px}._room_6zlcc_2.shadow-room[data-mode] .shadow-room__workspace{grid-template-rows:minmax(0,1fr);row-gap:8px}._room_6zlcc_2.shadow-room[data-mode]:not([data-mode=shadowing]) .shadow-room__workspace{grid-template-rows:minmax(0,1fr)}._room_6zlcc_2[data-mode] .shadow-drill__navigation{gap:5px;padding:8px 12px}._room_6zlcc_2[data-mode] .shadow-drill__footer{gap:6px;padding:8px 12px}._room_6zlcc_2[data-mode] .shadow-drill__content{padding:12px}._room_6zlcc_2[data-mode=pronunciation] .shadow-drill__head{display:none}}@media (max-width:1050px){._room_6zlcc_2[data-mode] .shadow-drill__tools button{flex:auto}}@media (max-width:870px),(max-height:480px){:is(html:has(._room_6zlcc_2),body:has(._room_6zlcc_2)){overflow:auto}.site-shell:has(._room_6zlcc_2){height:auto;min-height:100dvh;display:block;overflow:visible}.site-shell .inner-main:has(>._room_6zlcc_2){min-height:0;padding:12px 16px;display:block;overflow:visible}._room_6zlcc_2.shadow-room{grid-template-rows:auto auto;gap:12px;display:grid;overflow:visible}._room_6zlcc_2[data-mode] .shadow-room__bar nav button{gap:6px;padding-inline:6px}._room_6zlcc_2.shadow-room[data-mode] .shadow-room__workspace,._room_6zlcc_2.shadow-room[data-mode]:not([data-mode=shadowing]) .shadow-room__workspace{grid-template:"video""transcript"/minmax(0,1fr);gap:12px;height:auto;overflow:visible}._room_6zlcc_2.shadow-room[data-mode]:not([data-mode=shadowing]) .shadow-room__workspace{grid-template-rows:auto auto;grid-template-areas:"video""practice"}._room_6zlcc_2[data-mode] .shadow-room__video-frame{flex:none;container-type:normal}._room_6zlcc_2[data-mode] .shadow-room__video{width:100%;height:auto;max-height:none}._room_6zlcc_2.shadow-room[data-mode] .shadow-room__practice{overflow:visible}._room_6zlcc_2[data-mode] .shadow-karaoke{height:56px}._room_6zlcc_2[data-mode] .shadow-room__transcript-wrap{height:clamp(350px,62dvh,540px)}._room_6zlcc_2[data-mode] .shadow-drill{grid-template-rows:auto auto auto;height:auto}._room_6zlcc_2[data-mode] .shadow-drill__content,._room_6zlcc_2[data-mode=pronunciation] .shadow-pronunciation,._room_6zlcc_2[data-mode=pronunciation] .shadow-pronunciation__content{overflow:visible}}@media (max-width:560px){.site-shell .inner-main:has(>._room_6zlcc_2){padding-inline:12px}._room_6zlcc_2[data-mode] .shadow-room__bar{grid-template-columns:minmax(0,1fr)}._room_6zlcc_2[data-mode] .shadow-room__heading{flex-wrap:wrap;gap:8px}._room_6zlcc_2[data-mode] .shadow-room__heading h1{flex:1}._room_6zlcc_2[data-mode] .shadow-room__controls{gap:6px}._room_6zlcc_2[data-mode] .shadow-room__controls>button.primary{min-width:78px}._room_6zlcc_2[data-mode] .shadow-room__rate{gap:2px;padding-left:6px}._room_6zlcc_2[data-mode] .shadow-room__bar nav{gap:3px}._room_6zlcc_2[data-mode] .shadow-room__bar nav button{min-height:32px;padding-inline:7px}._room_6zlcc_2[data-mode] .shadow-line__copy strong{font-size:var(--kc-ui-body)}._room_6zlcc_2[data-mode] .shadow-sentence-picker--compact{grid-template-columns:minmax(0,1fr);gap:6px}._room_6zlcc_2[data-mode] .shadow-sentence-picker--compact .shadow-sentence-nav>div{justify-content:start}._room_6zlcc_2[data-mode] .shadow-room__transcript article{grid-template-columns:minmax(0,1fr) auto;column-gap:8px;padding-inline:6px}}@media (max-width:870px),(max-height:480px){._room_6zlcc_2.shadow-room[data-mode=pronunciation] .shadow-room__practice{height:238px;min-height:238px;overflow:hidden}._room_6zlcc_2[data-mode=pronunciation] .shadow-pronunciation{grid-template-rows:auto minmax(0,1fr);height:100%;padding:2px;overflow:hidden}._room_6zlcc_2[data-mode=pronunciation] .shadow-drill__head{display:none}._room_6zlcc_2[data-mode=pronunciation] .shadow-drill__navigation{box-sizing:border-box;height:36px;padding:2px 4px}._room_6zlcc_2[data-mode=pronunciation] .shadow-sentence-picker{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px}._room_6zlcc_2[data-mode=pronunciation] .shadow-sentence-picker__label{white-space:nowrap;width:auto}._room_6zlcc_2[data-mode=pronunciation] .shadow-sentence-picker .shadow-sentence-nav{grid-template-columns:28px minmax(0,1fr) 28px;gap:4px}._room_6zlcc_2[data-mode=pronunciation] .shadow-sentence-picker .shadow-sentence-nav button{flex-basis:28px;width:28px;height:28px}._room_6zlcc_2[data-mode=pronunciation] .shadow-pronunciation__content{gap:0;min-height:0;padding:2px 6px;overflow:visible}._room_6zlcc_2[data-mode=pronunciation] .shadow-pronunciation__options{min-height:28px}._room_6zlcc_2[data-mode=pronunciation] .shadow-pronunciation__options button{min-width:28px;min-height:28px;padding:0 5px}}@media (prefers-reduced-motion:reduce){._room_6zlcc_2[data-mode] button{transition:none}}