:root{--bg:#10191d;--panel:#20343a;--ink:#ece7d9;--gold:#d0b77f;--contradiction:#b65d57;--paper:#e3dac4;}
dialog#modal.cinematic-dialogue{width:min(1180px,calc(100vw - 32px));max-height:94svh;inset:auto 0 max(12px,env(safe-area-inset-bottom));padding:0;overflow:hidden;background:#10191d;border:1px solid #9e8a5b;box-shadow:0 24px 100px #000d;}
dialog#modal.cinematic-dialogue #modal-body{margin-top:58px;padding:0;max-height:calc(94svh - 70px);overflow-y:auto;overscroll-behavior:contain;}
dialog#modal.cinematic-dialogue #close{top:13px;right:14px;font-size:14px;padding:5px 12px;min-height:34px;}
dialog#modal.cinematic-dialogue>.sound-dock{position:absolute;top:11px;left:14px;right:auto;transform:none;}
.cinematic-scene{position:relative;isolation:isolate;background:linear-gradient(90deg,#0b181f30,#0b181f88),url('../assets/scenes/conversation-room-v1.png') center/cover;}
.cinematic-scene.exterior{background:repeating-linear-gradient(103deg,transparent 0 88px,#b1c6d00b 89px 90px,transparent 91px 150px),radial-gradient(ellipse at 15% 20%,#3b515e,#101c26 65%);}
.cinematic-scene.onsite{background:linear-gradient(125deg,#3a4139,#18272c 60%,#342e23);}
.scene-caption{display:flex;justify-content:space-between;gap:12px;padding:10px 24px;background:#10191dd9;color:#c6b58f;font-size:14px;border-block:1px solid #9f8b5d44;}
.cinematic-dialogue .dialogue-row{grid-template-columns:minmax(220px,35%) minmax(0,1fr);gap:0;align-items:end;min-height:410px;padding:0 22px;}
.cinematic-dialogue .dialogue-row .cast-figure{width:min(100%,340px);height:auto;aspect-ratio:2/3;margin:12px auto 0;border:0;border-radius:8px 8px 0 0;box-shadow:0 0 45px #050e1670;background-repeat:no-repeat;align-self:end;filter:none;animation:portrait-settle .45s ease-out both;}
.cinematic-dialogue .dialogue-copy{margin:20px 0 20px 10px;padding:22px 24px;border:1px solid #b69d634f;border-left:3px solid var(--gold);border-radius:4px;background:linear-gradient(135deg,#1b2d34fa,#111f26fc);box-shadow:0 12px 32px #0008;min-width:0;}
.cinematic-dialogue .dialogue-copy h2{font-size:28px;letter-spacing:.1em;margin:0 0 5px;}
.cinematic-dialogue .dialogue-copy .speech{font-size:18px;line-height:1.9;min-height:100px;max-height:none;overflow:visible;margin:14px 0;color:var(--ink);}
.cinematic-dialogue .speaker-relation{font-size:14px;line-height:1.6;}
.cinematic-dialogue .dialogue-copy .eyebrow{font-size:14px;letter-spacing:.04em;}
.cinematic-dialogue .dialogue-copy .actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin:16px 0 8px;}
.cinematic-dialogue .actions button{font-size:14px;padding:7px 13px;min-height:40px;min-width:0;}
.cinematic-dialogue #next{border-color:var(--gold);background:#334542;}
#dialogue-history,#reading-settings{font-size:14px;margin-top:9px;border-top:1px solid #b69d632a;padding-top:7px;}
#dialogue-history-lines{max-height:180px;overflow:auto;padding:8px 12px;background:#10191d;}
#reading-settings label{display:flex;gap:8px;align-items:center;margin:8px 0;}
.interview-heading .cast-figure{width:140px;height:210px;min-width:140px;flex:none;background-repeat:no-repeat;border:1px solid #8a7954;border-radius:5px;}
.key-testimony{position:relative;background:linear-gradient(100deg,#20343a,#16242b);border-left:3px solid var(--gold);box-shadow:inset 0 0 30px #050e1422;}
.reversal-focus{border-color:var(--contradiction);background:linear-gradient(110deg,#342c2d,#1b292f);}
.reversal-beat .reversal-focus:before{content:'证词有了新的解释';display:block;color:#e8c2a6;font-size:14px;margin-bottom:6px;}
.evidence-file{position:relative;border-left:3px solid #8a927d;background:linear-gradient(130deg,#25383d,#19292f);box-shadow:0 5px 16px #0003;}
.evidence-file .evidence-type:before{content:'▤';font-size:18px;margin-right:9px;color:var(--gold);}
.evidence-file[data-kind="photo"]{border-left-color:#a8c0c4;}.evidence-file[data-kind="photo"] .evidence-type:before{content:'▧';}
.evidence-file[data-kind*="statement"]{border-left-color:#c9b28a;}.evidence-file[data-kind*="statement"] .evidence-type:before{content:'“';font-size:24px;}
.evidence-file[data-kind="report"]{border-left-color:#a5b79f;}.evidence-file[data-kind="report"] .evidence-type:before{content:'≋';}
.evidence-file[data-kind="object"] .evidence-type:before{content:'◇';}
.notebook-tabs{padding:10px;background:linear-gradient(140deg,#293a3e,#17272d);border:1px solid #bba37055;box-shadow:0 4px 16px #0004;}
#notebook-page{padding:16px;border:1px solid #bba37033;background:radial-gradient(ellipse at top right,#a38b4820,transparent 60%),#14232a;}
.audio-mixer{position:relative;}.audio-mixer summary{font-size:13px;white-space:nowrap;}.audio-mixer>div{position:absolute;z-index:50;top:28px;left:0;min-width:200px;padding:12px;background:#14242afc;border:1px solid #b09b68;box-shadow:0 8px 30px #0009;}.audio-mixer label{margin:8px 0;}.audio-mixer input{width:110px;}
.sound-dock{max-width:calc(100vw - 28px);}.sound-dock>label{font-size:0;}.sound-dock>label input{width:62px;}
.reconstruction-cards{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0;}.reconstruction-cards span{padding:10px 14px;border:1px solid #a49061;background:#20343a;animation:card-arrive .4s ease-out both;}
.world-frame:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px #030a1255;border:1px solid #d0b77f22;}
.selected-chip{animation:card-arrive .18s ease-out both;}
@keyframes portrait-settle{from{opacity:.75;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes card-arrive{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){dialog#modal.cinematic-dialogue{width:calc(100vw - 16px);inset:auto 0 max(6px,env(safe-area-inset-bottom));max-height:94svh;}dialog#modal.cinematic-dialogue>.sound-dock{left:8px;top:10px;gap:5px;padding:4px;}dialog#modal.cinematic-dialogue #close{right:8px;font-size:13px;padding:5px 7px;}dialog#modal.cinematic-dialogue #modal-body{margin-top:58px;max-height:calc(94svh - 70px);}.cinematic-dialogue .dialogue-row{grid-template-columns:1fr;min-height:0;padding:0 12px;}.cinematic-dialogue .dialogue-row .cast-figure{width:150px;max-height:225px;margin-top:10px;}.cinematic-dialogue .dialogue-copy{margin:0 0 12px;padding:16px;}.cinematic-dialogue .dialogue-copy .speech{font-size:16px;min-height:70px;line-height:1.8;}.cinematic-dialogue .dialogue-copy h2{font-size:24px;}.scene-caption{font-size:14px;padding:9px 14px;}.scene-caption span:last-child{display:none;}.interview-heading .cast-figure{width:96px;min-width:96px;height:144px;}#notebook-page{padding:10px;}.sound-dock{gap:5px;}.audio-mixer>div{left:-80px;}}
@media(prefers-reduced-motion:reduce){.cast-figure,.reconstruction-cards span,.reversal-focus{animation:none!important;transition:none!important;}}