html { color-scheme:light dark; font-family:"Segoe UI","Microsoft YaHei",sans-serif; background:light-dark(#e9ebe6,#111614); }
body { margin:0; }
button, input { font:inherit; }
button { cursor:pointer; }
button:focus-visible, input:focus-visible, a:focus-visible, [tabindex]:focus-visible { outline:2px solid light-dark(#375b47,#b3d1ba); outline-offset:3px; }
#cinema-study-concept { box-sizing:border-box; height:100vh; height:100dvh; padding:12px; }
#cinema-study-concept .cs-phone { height:100%; width:min(100%,480px); display:flex; flex-direction:column; overflow:hidden; box-shadow:0 12px 48px #0000000a; }
#cinema-study-concept .cs-top { flex:none; padding-top:max(14px,env(safe-area-inset-top)); padding-bottom:12px; }
#cinema-study-concept .cs-brand { font-size:22px; }
#cinema-study-concept .cs-study { display:flex; flex-direction:column; flex:1; min-height:0; }
#cinema-study-concept .cs-chapter { flex:none; min-height:54px; }
#cinema-study-concept .cs-deck { flex:1; min-height:0; overflow-y:auto; overscroll-behavior-y:contain; scrollbar-width:thin; touch-action:pinch-zoom; }
#cinema-study-concept .cs-deck[data-scrollable="true"] { touch-action:pan-y pinch-zoom; }
@media(hover:hover) and (pointer:fine) {
  #cinema-study-concept .cs-deck { cursor:grab; }
  #cinema-study-concept .cs-deck[data-dragging="true"] { cursor:grabbing; }
  #cinema-study-concept .cs-deck input, #cinema-study-concept .cs-deck audio { cursor:auto; }
}
#cinema-study-concept .cs-rotator { min-height:100%; }
#cinema-study-concept .cs-face { min-height:100%; }
#cinema-study-concept .cs-copy { padding-top:16px; padding-bottom:12px; }
#cinema-study-concept .cs-director { margin-bottom:10px; }
#cinema-study-concept .cs-question { margin-top:12px; }
#cinema-study-concept .cs-footer { flex:none; padding-bottom:max(12px,env(safe-area-inset-bottom)); }
#cinema-study-concept .cs-sheet { flex:1; min-height:0; overflow-y:auto; overscroll-behavior-y:contain; touch-action:pan-y pinch-zoom; scrollbar-width:thin; }
#cinema-study-concept .cs-route-sheet { padding-top:0; }
#cinema-study-concept .cs-catalog-tools { position:sticky; z-index:2; top:0; padding-top:18px; padding-bottom:1px; background:var(--cs-paper); }
#cinema-study-concept .cs-content-info { font-size:12px; color:var(--cs-muted); padding:0 0 12px; }
#cinema-study-concept .cs-content-info summary { cursor:pointer; }
#cinema-study-concept .cs-content-status { line-height:1.7; margin:8px 0; overflow-wrap:anywhere; }
#cinema-study-concept .cs-content-check { color:var(--cs-accent); text-decoration:underline; min-height:32px; }
#cinema-study-concept .cs-top .cs-icon { width:44px; height:44px; }
#cinema-study-concept .cs-icon::after { content:""; position:absolute; inset:-6px; }
#cinema-study-concept .cs-tools .cs-icon::after { inset:0; }
#cinema-study-concept .cs-save[aria-pressed="true"] svg { fill:var(--cs-accent); }
#cinema-study-concept .cs-icon:disabled::after { pointer-events:none; }
#cinema-study-concept .cs-group-controls { gap:14px; }
#cinema-study-concept .cs-visual svg { max-height:260px; }
#cinema-study-concept .cs-topic { font-size:1.8rem; }
#cinema-study-concept .cs-question { font-size:1.05rem; }
#cinema-study-concept .cs-lead { font-size:.85rem; }
#cinema-study-concept .cs-answer dd { font-size:.9rem; }
#cinema-study-concept .cs-answer { padding-top:18px; }
#cinema-study-concept .cs-back-title { font-size:1.75rem; }
#cinema-study-concept .cs-loading { padding:32px 24px; font-size:15px; line-height:1.8; }
#cinema-study-concept .cs-loading .cs-primary { width:100%; }
#cinema-study-concept .cs-storage-notice { flex:none; padding:10px 16px; font-size:12px; line-height:1.7; background:var(--cs-soft); color:var(--cs-ink); display:flex; gap:10px; align-items:center; }
#cinema-study-concept .cs-storage-notice > span { flex:1; }
#cinema-study-concept .cs-storage-retry { flex:none; text-decoration:underline; }
#cinema-study-concept .cs-unavailable { color:var(--cs-muted); font-size:13px; line-height:1.8; padding:16px 0; border-top:1px solid var(--cs-line); }
#cinema-study-concept .cs-saved-note { font-size:12px; color:var(--cs-muted); line-height:1.7; }
@media(max-width:520px) {
  #cinema-study-concept { padding:0; }
  #cinema-study-concept .cs-phone { width:100%; border:0; border-radius:0; box-shadow:none; }
}
@media(prefers-reduced-motion:reduce) {
  #cinema-study-concept *, #cinema-study-concept *::before, #cinema-study-concept *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}

/* Trusted diagram palette; downloaded SVG style blocks are discarded. */
.cs-lesson-diagram{color-scheme:light dark;background:var(--cs-soft,light-dark(#e6ebe3,#29372e));font-family:"Segoe UI","Microsoft YaHei",sans-serif}
.cs-lesson-diagram .deep{fill:var(--cs-night,light-dark(#263b39,#122c2b))}.cs-lesson-diagram .sage{fill:var(--cs-building,light-dark(#acafa0,#626f65))}.cs-lesson-diagram .sand{fill:var(--cs-window,light-dark(#d8ca99,#b8ad82))}.cs-lesson-diagram .clay{fill:var(--cs-accent,light-dark(#375b47,#b3d1ba))}.cs-lesson-diagram .shadow{fill:var(--cs-shadow,light-dark(#162d2b,#0d2422))}
.cs-lesson-diagram .ink{fill:var(--cs-ink,light-dark(#252b29,#edece6))}.cs-lesson-diagram .pale{fill:#f2e8c9}.cs-lesson-diagram .line,.cs-lesson-diagram .thin{fill:none;stroke:var(--cs-shadow,#162d2b);stroke-width:2}.cs-lesson-diagram .waterline{fill:none;stroke:#94aaa3;stroke-width:1.3}.cs-lesson-diagram .lightline,.cs-lesson-diagram .dash{fill:none;stroke:#d8ca99;stroke-width:2}.cs-lesson-diagram .dash{stroke-dasharray:5 5}.cs-lesson-diagram .doorstroke{fill:none;stroke:var(--cs-building,#acafa0);stroke-width:6}.cs-lesson-diagram .shadowmask{fill:var(--cs-shadow,#162d2b);fill-opacity:.94}