:root{--classroom-page:#fef9fb;--classroom-surface:#fff;--classroom-soft:#fdf6f9;--classroom-tint:#faebf2;--classroom-line:#dbced9;--classroom-ink:#322b36;--classroom-muted:#6a6576;--classroom-brand:#a34570;--classroom-swatch:#e493b7;color-scheme:light}
html[data-classroom-theme] body{--background:var(--classroom-page);--foreground:var(--classroom-ink);--primary:var(--classroom-brand);--muted-foreground:var(--classroom-muted);--border:var(--classroom-line);--card:var(--classroom-surface);--card-foreground:var(--classroom-ink);--popover:var(--classroom-surface);--popover-foreground:var(--classroom-ink);--ring:var(--classroom-brand);--bg:var(--classroom-page);--panel:var(--classroom-surface);--fg:var(--classroom-ink);--line:var(--classroom-line);background:var(--classroom-page);color:var(--classroom-ink);color-scheme:light}
html[data-classroom-theme] :is(input,select,textarea){color-scheme:light}
html[data-classroom-theme] ::selection{background:var(--classroom-tint);color:var(--classroom-ink)}
html[data-classroom-theme] :is(button,a,input,textarea,select,summary):focus-visible{outline-color:var(--classroom-brand)}
html[data-classroom-theme] .topbar{background:var(--classroom-surface);border-color:var(--classroom-line)}
html[data-classroom-theme] .brand .brand-icon{background:var(--classroom-tint);color:var(--classroom-brand);border:1px solid var(--classroom-line)}
html[data-classroom-theme] .brand strong.brand-name{color:var(--classroom-ink)}
html[data-classroom-theme] .brand-name span:first-child{color:var(--classroom-brand)}
html[data-classroom-theme] :is(.topbar nav a,.top-tag,.muted,.cinema-overline,.cinema-overline,.cinema-intro-copy>p,.cinema-facts,.cinema-level-links>span,.cinema-level-links small,.cinema-section-heading>a,.cinema-work-copy p,.cinema-work-meta>span,.cinema-work-copy p>span){color:var(--classroom-muted)}
html[data-classroom-theme] .topbar nav a.nav-active{color:var(--classroom-brand)}
html[data-classroom-theme] .topbar nav .nav-active:after{background:var(--classroom-brand)}
html[data-classroom-theme] .topbar nav a:hover{color:var(--classroom-brand)}
html[data-classroom-theme] :is(.cinema-intro h1,.cinema-facts strong,.cinema-section-heading h2,.cinema-work-copy h3){color:var(--classroom-ink)}
html[data-classroom-theme] .cinema-intro h1 em{color:var(--classroom-brand)}
html[data-classroom-theme] .cinema-intro-frame{border-color:var(--classroom-line);box-shadow:0 15px 35px #472d3918}
html[data-classroom-theme] .cinema-search-panel{background:var(--classroom-surface);border-color:var(--classroom-line);box-shadow:0 5px 24px #472d3905}
html[data-classroom-theme] .cinema-search-panel input{color:var(--classroom-ink)}
html[data-classroom-theme] :is(.cinema-search-panel input::placeholder,.cinema-search-panel form>svg){color:var(--classroom-muted)}
html[data-classroom-theme] .cinema-search-panel form>button{background:var(--classroom-brand);color:#fff}
html[data-classroom-theme] .cinema-level-links{border-color:var(--classroom-line)}
html[data-classroom-theme] .cinema-level-links>a{background:var(--classroom-soft);border-color:var(--classroom-line)}
html[data-classroom-theme] .cinema-level-links>a:hover{background:var(--classroom-tint);border-color:var(--classroom-brand)}
html[data-classroom-theme] :is(.cinema-work-card,.cinema-catalog .card){border-color:var(--classroom-line);background:var(--classroom-surface);color:var(--classroom-ink);box-shadow:0 6px 22px #472d3907}
html[data-classroom-theme] :is(.cinema-work-card:hover,.cinema-catalog .card:hover){border-color:var(--classroom-swatch);box-shadow:0 10px 25px #472d3914}
html[data-classroom-theme] .cinema-work-meta{color:var(--classroom-brand)}
html[data-classroom-theme] :is(.cinema-preparing,.library-gate-message){background:var(--classroom-soft);color:var(--classroom-muted);border-color:var(--classroom-line)}
html[data-classroom-theme] .cinema-preparing a{color:var(--classroom-brand)}
html[data-classroom-theme] .cinema-footer{border-color:var(--classroom-line);color:var(--classroom-muted)}
html[data-classroom-theme] .cinema-footer>span:first-child{color:var(--classroom-brand)}
html[data-classroom-theme] :is(.cinema-catalog,.cinema-learning){--muted:var(--classroom-muted);--accent:var(--classroom-brand);--blue:var(--classroom-brand);background:var(--classroom-page);color:var(--classroom-ink)}
html[data-classroom-theme] :is(.cinema-catalog,.cinema-learning) a{color:var(--classroom-brand)}
html[data-classroom-theme] :is(.cinema-catalog,.cinema-learning) a:hover{color:var(--classroom-ink)}
html[data-classroom-theme] :is(.cinema-catalog .hero h1,.cinema-catalog .stats strong,.cinema-catalog .card h2,.cinema-catalog .result h3,.cinema-learning h1,.library-gate-message h1){color:var(--classroom-ink)}
html[data-classroom-theme] :is(.cinema-catalog .hero>p,.cinema-catalog .hero .eyebrow,.cinema-catalog .stats span,.cinema-catalog .card p,.cinema-catalog footer,.cinema-catalog summary,.cinema-catalog #found,.cinema-catalog .result p,.cinema-learning summary,.cinema-learning .reading,.cinema-learning .stagehint,.cinema-learning .clipmeta,.library-gate-message p){color:var(--classroom-muted)}
html[data-classroom-theme] :is(.cinema-catalog .searchbox,.cinema-learning .explanation){background:var(--classroom-surface);border-color:var(--classroom-line)}
html[data-classroom-theme] .cinema-catalog .searchbox h2{color:var(--classroom-ink)}
html[data-classroom-theme] :is(.cinema-catalog .input,.cinema-learning input,.cinema-learning select){background:var(--classroom-surface);color:var(--classroom-ink);border-color:var(--classroom-line)}
html[data-classroom-theme] :is(.cinema-catalog .input::placeholder,.cinema-learning input::placeholder){color:var(--classroom-muted)}
html[data-classroom-theme] :is(.cinema-catalog .levels button,.cinema-catalog .resultnav a,.cinema-learning .levels button,.cinema-learning .controls button,.cinema-learning .controls select,.cinema-learning .otherclips button){background:var(--classroom-soft);color:var(--classroom-muted);border-color:var(--classroom-line)}
html[data-classroom-theme] :is(.cinema-catalog .levels button[aria-pressed=true],.cinema-catalog #more,.cinema-learning .levels button[aria-pressed=true],.cinema-learning .controls #next){background:var(--classroom-tint);color:var(--classroom-brand);border-color:var(--classroom-swatch)}
html[data-classroom-theme] :is(.cinema-catalog .card .eyebrow,.cinema-catalog .card .enter,.cinema-learning .kicker,.cinema-learning .status){color:var(--classroom-brand)}
html[data-classroom-theme] :is(.cinema-catalog .result,.cinema-catalog footer,.cinema-learning aside,.cinema-learning .controls,.cinema-learning .details,.cinema-learning .cue,.cinema-learning .bottom){border-color:var(--classroom-line)}
html[data-classroom-theme] .cinema-learning aside{background:var(--classroom-soft)}
html[data-classroom-theme] :is(.cinema-learning aside .cinema-overline,.cinema-work-stats,.cinema-learning .count,.cinema-learning .item .tag){color:var(--classroom-muted)!important}
html[data-classroom-theme] .cinema-learning .list{scrollbar-color:var(--classroom-line) var(--classroom-soft)}
html[data-classroom-theme] .cinema-learning .item{color:var(--classroom-ink);background:transparent}
html[data-classroom-theme] .cinema-learning .item:hover{background:var(--classroom-surface);border-color:var(--classroom-line)}
html[data-classroom-theme] .cinema-learning .item.selected{background:var(--classroom-tint);border-color:var(--classroom-swatch);color:var(--classroom-brand)}
html[data-classroom-theme] .cinema-learning .badge{background:var(--classroom-surface);border-color:var(--classroom-line);color:var(--classroom-muted)}
html[data-classroom-theme] :is(.cinema-learning #save,.cinema-learning #save[aria-pressed=true]){color:var(--classroom-brand);background:var(--classroom-tint);border-color:var(--classroom-swatch)}
html[data-classroom-theme] .cinema-learning .steps{background:var(--classroom-surface);border-color:var(--classroom-line)}
html[data-classroom-theme] .cinema-learning .steps button{color:var(--classroom-muted)}
html[data-classroom-theme] .cinema-learning .steps .step-number{color:var(--classroom-muted)}
html[data-classroom-theme] .cinema-learning .steps button[aria-pressed=true]{background:var(--classroom-tint);border-color:var(--classroom-swatch);color:var(--classroom-brand)}
html[data-classroom-theme] .cinema-learning .steps button[aria-pressed=true] .step-number{color:var(--classroom-brand)}
html[data-classroom-theme] .cinema-learning .steps button:hover{border-color:var(--classroom-line);color:var(--classroom-brand)}
html[data-classroom-theme] .cinema-learning .screen{border-color:var(--classroom-line);box-shadow:0 14px 34px #472d3917}
html[data-classroom-theme] :is(.cinema-learning .explanation>.cinema-overline,.cinema-learning .explanation .sub,.cinema-learning .cue .zh,.cinema-learning #otherclips>.sub,.cinema-learning .feedback .smalllink,.cinema-learning .bottom){color:var(--classroom-muted)}
html[data-classroom-theme] .cinema-learning .meaning{color:var(--classroom-brand)}
html[data-classroom-theme] :is(.cinema-learning .note,.cinema-learning .cue .jp){color:var(--classroom-ink)}
html[data-classroom-theme] .cinema-learning .jpnote{background:var(--classroom-soft);border-color:var(--classroom-swatch);color:var(--classroom-ink)}
html[data-classroom-theme] :is(.cinema-learning .dictionarylinks a,.cinema-learning .otherclips button:hover){background:var(--classroom-soft);border-color:var(--classroom-line);color:var(--classroom-brand)}
html[data-classroom-theme] .cinema-learning mark{background:var(--classroom-tint);color:var(--classroom-brand)}
html[data-classroom-theme] .cinema-learning .capline mark{background:#fae8f0;color:#71324e}
html[data-classroom-theme] :is(.primary,.cinema-learning .feedback .primary){background:var(--classroom-brand);color:#fff;border-color:var(--classroom-brand)}
html[data-classroom-theme] :is(.primary:hover,.cinema-learning .feedback .primary:hover){background:var(--classroom-ink);color:#fff}
html[data-classroom-theme] .cinema-records{background:var(--classroom-surface);border-color:var(--classroom-line)}
html[data-classroom-theme] .cinema-records>.cinema-overline{color:var(--classroom-brand)}
html[data-classroom-theme] :is(.cinema-records button,.cinema-records label){background:var(--classroom-soft);color:var(--classroom-muted);border-color:var(--classroom-line)}
html[data-classroom-theme] :is(.upload-heading,.upload-panel){border-color:var(--classroom-line)}
html[data-classroom-theme] .upload-panel{background:var(--classroom-surface)}
html[data-classroom-theme] :is(.upload-heading h1,.upload-panel p){color:var(--classroom-ink)}
html[data-classroom-theme] :is(.upload-label,.upload-panel-title,.upload-progress-heading strong,.upload-back){color:var(--classroom-brand)}
html[data-classroom-theme] :is(.upload-heading p,.upload-panel .upload-secondary,.upload-panel .upload-match,.upload-numbers,.upload-footnote){color:var(--classroom-muted)}
html[data-classroom-theme] :is(.upload-file-label,.upload-pause){background:var(--classroom-soft);border-color:var(--classroom-line);color:var(--classroom-ink)}
html[data-classroom-theme] .upload-file-label input{color:var(--classroom-muted)}
html[data-classroom-theme] .upload-file-label input::file-selector-button{background:var(--classroom-tint);border-color:var(--classroom-line);color:var(--classroom-brand)}
html[data-classroom-theme] .upload-panel [data-slot=progress-indicator]{background:var(--classroom-brand)}
html[data-classroom-theme] .upload-panel [data-slot=progress-track]{background:var(--classroom-tint)}
html[data-classroom-theme] .upload-panel .upload-error{background:#fff0ed;border-color:#e6b9b1;color:#923e30}
html[data-classroom-theme] :is(.cinema-level-links a[data-level=N5],.cinema-learning .levels button[data-level=N5],.cinema-learning .badge[data-level=N5]){color:#306e49}
html[data-classroom-theme] :is(.cinema-level-links a[data-level=N4],.cinema-learning .levels button[data-level=N4],.cinema-learning .badge[data-level=N4]){color:#216f74}
html[data-classroom-theme] :is(.cinema-level-links a[data-level=N3],.cinema-learning .levels button[data-level=N3],.cinema-learning .badge[data-level=N3]){color:#3f63a0}
html[data-classroom-theme] :is(.cinema-level-links a[data-level=N2],.cinema-learning .levels button[data-level=N2],.cinema-learning .badge[data-level=N2]){color:#795298}
html[data-classroom-theme] :is(.cinema-level-links a[data-level=N1],.cinema-learning .levels button[data-level=N1],.cinema-learning .badge[data-level=N1]){color:#936026}
/* Preset colors and a movable learning companion. */
.cinema-updating{display:inline-flex;align-items:center;gap:7px}.cinema-updating i{width:6px;height:6px;background:var(--classroom-brand);border-radius:50%}
.cinema-discovery{border:1px solid var(--classroom-line);border-top:0;border-radius:0 0 18px 18px;padding:4px 25px 22px;background:var(--classroom-surface);margin-top:-18px;margin-bottom:36px}.cinema-discovery-row{display:flex;align-items:flex-start;gap:22px;padding-top:18px}.cinema-discovery-row h2{font-size:14px;font-weight:500;color:var(--classroom-muted);white-space:nowrap;margin:10px 0}.cinema-discovery-row>div{display:flex;gap:9px;flex-wrap:wrap}.cinema-discovery-row a{padding:8px 13px;border:1px solid var(--classroom-line);border-radius:8px;font-size:14px;color:var(--classroom-ink);background:var(--classroom-soft);text-decoration:none}.cinema-discovery-row a:hover{border-color:var(--classroom-brand);background:var(--classroom-tint)}.cinema-discovery-row small{margin-left:9px;color:var(--classroom-muted);font-size:12px}.catalog-filter-label{font-size:14px;margin-top:18px;color:var(--classroom-muted)}.cinema-catalog .catalog-filter-label+.levels{margin-top:8px}
.classroom-personalizer{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:38px;margin:42px 0 20px;padding:30px;border:1px solid var(--classroom-line);border-radius:18px;background:var(--classroom-surface);color:var(--classroom-ink);font:14px/1.75 var(--classroom-font-zh)}.classroom-personalizer *,.classroom-floating *{box-sizing:border-box}.classroom-personalizer h2{font-size:24px;font-weight:600;line-height:1.45;margin:8px 0 20px;color:var(--classroom-ink)}.classroom-eyebrow{font-size:12px;letter-spacing:.08em;color:var(--classroom-brand)}.classroom-personalizer p{margin:0}.classroom-description{font-size:14px;color:var(--classroom-muted);margin-bottom:18px!important}.classroom-theme-groups details{padding:13px 0;border-top:1px solid var(--classroom-line)}.classroom-theme-groups summary{font-size:16px;font-weight:500;color:var(--classroom-ink)!important;cursor:pointer}.classroom-theme-groups h4{font-size:14px;font-weight:500;color:var(--classroom-muted);margin:16px 0 8px}.classroom-swatches{display:flex;flex-wrap:wrap;gap:7px}.classroom-personalizer button,.classroom-floating button,.classroom-reopen{font:inherit;cursor:pointer}.classroom-swatches>button{display:flex;align-items:center;gap:6px;border:1px solid var(--classroom-line);border-radius:7px;background:var(--classroom-surface);color:var(--classroom-ink);padding:7px 9px;font-size:14px;min-height:38px}.classroom-color-dot{display:block;width:20px;height:20px;flex-shrink:0;background:var(--swatch);border-radius:50%;box-shadow:inset 0 0 0 1px #00000012}.classroom-swatches>button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--classroom-brand);border-color:var(--classroom-brand);background:var(--classroom-tint)}.classroom-swatches>button:hover{background:var(--classroom-soft)}.classroom-current{font-size:14px;color:var(--classroom-brand);margin-top:13px!important}
.classroom-work-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.classroom-work-tabs button{background:transparent;border:1px solid var(--classroom-line);color:var(--classroom-muted);padding:6px 9px;border-radius:7px;font-size:14px}.classroom-work-tabs button[aria-pressed=true]{background:var(--classroom-tint);color:var(--classroom-brand);border-color:var(--classroom-brand)}.classroom-character-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:20px}.classroom-character-grid button{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;background:var(--classroom-soft);border:1px solid var(--classroom-line);border-radius:9px;color:var(--classroom-ink);padding:8px 3px;font-size:14px;line-height:1.5}.classroom-character-grid button img{width:100%;height:95px;object-fit:contain}.classroom-character-grid button[aria-pressed=true]{border-color:var(--classroom-brand);box-shadow:inset 0 0 0 1px var(--classroom-brand);background:var(--classroom-tint)}.classroom-widget-options{display:flex;gap:12px 16px;flex-wrap:wrap;font-size:14px}.classroom-widget-options label{display:flex;gap:5px;align-items:center;color:var(--classroom-muted)}.classroom-widget-options select{width:auto;max-width:100%;font:inherit;padding:6px;background:var(--classroom-surface);border:1px solid var(--classroom-line);border-radius:6px;color:var(--classroom-ink)}.classroom-widget-options input{width:16px;height:16px;accent-color:var(--classroom-brand)}.classroom-settings-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.classroom-settings-actions button{font-size:14px;background:var(--classroom-tint);color:var(--classroom-brand);border:1px solid var(--classroom-line);border-radius:7px;padding:8px 12px}.classroom-settings-status,.classroom-help{font-size:12px;color:var(--classroom-muted);margin-top:12px!important}
html[data-classroom-theme] aside.classroom-floating{--mascot-height:180px;position:fixed;display:flex;align-items:center;flex-direction:column;width:180px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;z-index:70;padding:0;border:0;background:transparent;color:var(--classroom-ink);font:14px/1.65 var(--classroom-font-zh);box-shadow:none;scrollbar-width:thin;overscroll-behavior:contain}
html[data-classroom-theme] aside.classroom-floating:has(.classroom-speech:not([hidden])){width:300px}.classroom-floating[data-size=small]{--mascot-height:125px!important}.classroom-floating[data-size=large]{--mascot-height:230px!important}.classroom-floating[hidden],.classroom-reopen[hidden],.classroom-speech[hidden]{display:none!important}.classroom-widget-toolbar{display:flex;align-self:stretch;align-items:center;justify-content:center;gap:6px;flex-shrink:0}.classroom-widget-toolbar button{font-size:12px;border:1px solid var(--classroom-line);color:var(--classroom-muted);background:var(--classroom-surface);padding:2px 8px;border-radius:12px;min-height:28px}.classroom-widget-toolbar .classroom-dismiss{font-size:20px;padding:0 9px}.classroom-drag{cursor:grab!important;touch-action:none}.classroom-drag:active{cursor:grabbing!important}.classroom-floating .classroom-mascot{border:0;background:transparent;display:flex;align-items:center;flex-direction:column;padding:0;max-width:100%;color:var(--classroom-brand);touch-action:none;user-select:none;-webkit-user-select:none}.classroom-mascot img{display:block;height:var(--mascot-height);width:calc(var(--mascot-height)*.75);object-fit:contain;filter:drop-shadow(0 5px 8px #53344817);pointer-events:none}.classroom-mascot-name{font-size:12px;max-width:100%;background:var(--classroom-surface);color:var(--classroom-brand);border:1px solid var(--classroom-line);padding:2px 10px;border-radius:20px}.classroom-floating .classroom-tap-hint{font-size:12px;text-align:center;color:var(--classroom-muted);background:var(--classroom-page);border-radius:12px;padding:0 7px;margin:3px 0 0}.classroom-floating .classroom-speech{flex-shrink:0;width:100%;border:1px solid var(--classroom-line);border-radius:13px;padding:14px;background:var(--classroom-surface);box-shadow:0 4px 18px #472d3915;margin:7px 0;overflow-wrap:anywhere}.classroom-speech p{margin:6px 0 0;color:var(--classroom-ink)}.classroom-speech-source{font-size:12px;color:var(--classroom-brand)}.classroom-speech-jp{font-size:18px;line-height:1.7}.classroom-speech-kana,.classroom-speech-note,.classroom-voice-status{font-size:12px!important;color:var(--classroom-muted)!important}.classroom-speech-zh{font-size:14px}.classroom-floating .classroom-fold{float:right;border:0;padding:0 0 4px 8px;background:transparent;color:var(--classroom-muted);font-size:12px}.classroom-speech-actions{display:flex;gap:8px;margin-top:12px}.classroom-speech-actions button{font-size:14px;background:var(--classroom-tint);color:var(--classroom-brand);border:1px solid var(--classroom-line);border-radius:7px;padding:6px 10px}.classroom-speech-actions button:disabled{opacity:.5;cursor:default}.classroom-reopen{position:fixed;right:18px;bottom:18px;z-index:70;font:14px var(--classroom-font-zh);padding:11px 15px;border:1px solid var(--classroom-line);border-radius:24px;background:var(--classroom-surface);color:var(--classroom-brand);box-shadow:0 4px 18px #472d3915}.classroom-floating[data-motion=true] .is-greeting img{animation:companion-greet .65s ease-in-out}.classroom-floating[data-motion=true] .is-speaking img{animation:companion-talk .6s ease-in-out infinite alternate}
@keyframes companion-greet{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-9px) rotate(-5deg)}65%{transform:translateY(-4px) rotate(5deg)}}@keyframes companion-talk{from{transform:translateY(0) rotate(-1deg)}to{transform:translateY(-3px) rotate(1deg)}}
@media(max-width:1050px){.classroom-personalizer{grid-template-columns:1fr;gap:28px}.classroom-character-grid{grid-template-columns:repeat(5,minmax(0,95px))}.classroom-personalizer h2{font-size:22px}}
@media(max-width:700px){.cinema-discovery{padding:4px 18px 20px}.cinema-discovery-row{flex-direction:column;gap:5px;padding-top:12px}.cinema-discovery-row h2{margin:7px 0}.classroom-personalizer{padding:22px 18px}.classroom-character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.classroom-character-grid button img{height:100px}html[data-classroom-theme] aside.classroom-floating{--mascot-height:125px;width:140px}.classroom-floating[data-size=large]{--mascot-height:165px!important}.classroom-floating[data-size=small]{--mascot-height:100px!important}}
@media(prefers-reduced-motion:reduce){.classroom-floating .classroom-mascot img{animation:none!important;transform:none!important}}

/* Chinese interface and Japanese dialogue use their own regional glyphs. */
:root{--classroom-font-zh:"Microsoft YaHei","PingFang SC","Noto Sans SC","Source Han Sans SC",sans-serif;--classroom-font-ja:"Yu Gothic UI","Hiragino Kaku Gothic ProN","Meiryo","Noto Sans JP",sans-serif}
html[data-classroom-theme] body,html[data-classroom-theme] .classroom-personalizer{font-family:var(--classroom-font-zh)}
html[data-classroom-theme] .brand strong.brand-name,html[data-classroom-theme] .brand .brand-icon{font-family:var(--classroom-font-zh)}
html[data-classroom-theme] :is([lang="ja"],#word,.cue .jp,.capline:not(.zh),.reading,.result h3){font-family:var(--classroom-font-ja)}

.filter-empty-message{display:none}.no-filter-results .filter-empty-message{display:block;padding:32px;border:1px solid var(--classroom-line);border-radius:12px;color:var(--classroom-muted)}.no-filter-results :is(.screen,.steps,.controls,.explanation,.feedback,#otherclips,.stagehint,.heading){display:none!important}

.cinema-work-image{aspect-ratio:4/5;background:var(--classroom-soft)}.cinema-work-image>img{object-fit:contain}.cinema-work-card:hover img{transform:none}.cinema-catalog .card img{aspect-ratio:4/5;object-fit:contain;background:var(--classroom-soft)}.cinema-intro-frame{aspect-ratio:auto;background:var(--classroom-surface)}.cinema-intro-frame>img{height:auto;aspect-ratio:1715/1382;object-fit:contain}.cinema-intro-frame:after{display:none}.cinema-frame-caption{position:static;padding:15px 20px;background:var(--classroom-surface);gap:3px}.cinema-frame-caption strong{color:var(--classroom-ink);font-size:20px}.cinema-frame-caption>span,.cinema-frame-caption>span:last-child{color:var(--classroom-muted)}.cinema-intro{grid-template-columns:1.15fr .85fr}@media(max-width:720px){.cinema-intro{grid-template-columns:1fr}.cinema-intro-frame>img{max-height:280px}.cinema-frame-caption{padding:12px 16px}}
.cinema-art-credits{font-size:12px;line-height:1.8;color:var(--classroom-muted);margin:12px 0 28px}.cinema-art-credits summary{cursor:pointer}.cinema-art-credits p{margin:5px 0}.cinema-art-credits a{color:var(--classroom-brand)}
@media(max-width:600px){.cinema-intro-frame{display:none}.cinema-intro{padding:24px 0 20px}.cinema-intro h1{font-size:30px}.cinema-facts{gap:12px}.cinema-discovery-row a{padding:7px 10px}}

/* Word explanations stay available independently of subtitle stages. */
.word-notes{margin:12px 0 20px;padding:14px 18px;border:1px solid var(--line,#e4d9e0);border-radius:16px;background:var(--surface,#fff)}
.word-notes>summary{cursor:pointer;font-weight:700;font-size:1rem}.word-notes>summary span{font-weight:400;font-size:.875rem;color:var(--muted,#746b7d);margin-left:8px}.word-notes .meaning{font-size:1.12rem;margin:12px 0 6px}.word-notes .note{line-height:1.7;margin:8px 0}.word-notes .sub{font-size:.875rem}.word-notes .dictionarylinks{display:flex;gap:14px;flex-wrap:wrap}.word-notes #showtranslation{margin-top:12px}.no-filter-results .word-notes{display:none}

/* Every story occupies the same image, caption and controls tracks. */
.cinema-intro{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.cinema-carousel{display:grid!important;width:min(100%,400px);min-width:0;justify-self:center;grid-template-rows:auto 132px 44px;aspect-ratio:auto}
.cinema-story-image{position:relative;width:100%;aspect-ratio:4/5;min-width:0;min-height:0;overflow:hidden;touch-action:pan-y;background:var(--classroom-soft)}
.cinema-story-link{position:absolute;inset:0;display:block;width:100%;height:100%}
.cinema-story-link>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;animation:story-appear .5s ease}
.cinema-carousel .cinema-frame-caption{position:static;box-sizing:border-box;height:132px;min-height:0;overflow:hidden;display:grid;grid-template-rows:18px 52px 18px;gap:5px;align-content:center;justify-content:stretch;padding:16px 20px}
.cinema-carousel .cinema-frame-caption>a{display:flex;align-items:center;min-width:0;height:52px}
.cinema-carousel .cinema-frame-caption strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-size:20px;line-height:26px}
.cinema-carousel .cinema-frame-caption>span{white-space:nowrap;overflow:hidden}
.cinema-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:46px;display:grid;place-items:center;border-radius:12px;background:#ffffffdf;color:#503947;box-shadow:0 2px 12px #34202a22}
.cinema-carousel-arrow:hover{background:#fff}.cinema-carousel-arrow.is-prev{left:10px}.cinema-carousel-arrow.is-next{right:10px}
.cinema-carousel-controls{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:44px;padding:0 12px 8px;gap:12px;overflow:hidden}
.cinema-carousel-dots{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:nowrap}
.cinema-carousel-dots button{position:relative;flex-shrink:0;width:28px;height:28px;background:transparent}
.cinema-carousel-dots button:after{content:'';position:absolute;inset:10px;border-radius:50%;background:var(--classroom-line)}
.cinema-carousel-dots button[aria-pressed=true]:after{background:var(--classroom-brand);inset:9px 5px;border-radius:5px}
.cinema-carousel button:focus-visible,.cinema-carousel a:focus-visible{outline:3px solid var(--classroom-brand);outline-offset:-3px}
html[data-classroom-theme] [data-level="本地人"]{color:#ae4468}.classroom-settings-status:empty,.word-notes #dictionarynote:empty{display:none}
@keyframes story-appear{from{opacity:.35}to{opacity:1}}
@media(max-width:720px){.cinema-intro{grid-template-columns:minmax(0,1fr);gap:20px}.cinema-carousel{width:min(100%,360px);margin:4px auto 0}.cinema-carousel .cinema-frame-caption{padding:16px}}
@media(prefers-reduced-motion:reduce){.cinema-story-link>img{animation:none}}

/* Portrait replacement: fill the existing frame without stretching. */
.cinema-work-image>img[src$="jujutsu-v2.jpg"],.cinema-catalog .card img[src$="jujutsu-v2.jpg"]{object-fit:cover;object-position:center}
.cinema-work-image>img[src$="oregairu-v2.jpg"],.cinema-catalog .card img[src$="oregairu-v2.jpg"],.cinema-story-link>img[src$="oregairu-v2.jpg"]{object-fit:cover;object-position:center}