#dialoguePanel{position:fixed;right:16px;top:80px;bottom:120px;z-index:28;width:min(340px,calc(100vw - 24px));padding:20px;overflow:auto;background:rgba(11,16,27,.97);border:1px solid rgba(140,165,215,.25);border-radius:18px;box-shadow:0 16px 60px #0008;color:#e8edf7;font:13px/1.5 system-ui}
#dialoguePanel[hidden]{display:none}
#dialoguePanel header{display:flex;align-items:center;justify-content:space-between;gap:12px}
#dialoguePanel h2{font-size:20px;margin:4px 0}
#dialoguePanel small{color:#4de0c0;font-size:9px;letter-spacing:.14em}
#dialoguePanel p{margin:10px 0}
#dialoguePanel [data-character]{font-size:16px;font-weight:650}
#dialoguePanel .sub,#dialoguePanel a{font-size:11px;color:#a4b4cf}
#dialoguePanel button,#dialoguePanel select{font:inherit;color:inherit;background:#152436;border:1px solid #34465d;border-radius:9px;min-height:42px;padding:8px 10px;cursor:pointer}
#dialoguePanel button:disabled{opacity:.5;cursor:wait}
#dialoguePanel button:focus-visible,#dialoguePanel input:focus-visible,#dialoguePanel summary:focus-visible,#dialoguePanel select:focus-visible{outline:2px solid #4de0c0;outline-offset:3px}
#dialoguePanel audio{width:100%;margin-top:14px;height:42px}
#dialoguePanel label{display:flex;flex-direction:column;gap:6px;margin:14px 0;color:#cad5e8}
#dialoguePanel input{max-width:100%;accent-color:#4de0c0;min-height:32px}
#dialoguePanel .dialogue-check{display:flex;flex-direction:row;align-items:center}
#dialoguePanel .dialogue-actions{display:flex;gap:8px}
#dialoguePanel .dialogue-actions button{flex:1}
#dialoguePanel [data-status]{font-size:12px;color:#9ddccc;min-height:36px}
#dialoguePanel .dialogue-meter{display:flex;align-items:center;gap:12px;padding:10px;margin-bottom:14px;border:1px solid #2b414d;border-radius:10px;background:#09151e;color:#a6b8c9;font-size:11px}
#dialoguePanel [data-cue]{display:grid;place-items:center;min-width:32px;font:700 20px monospace;color:#4de0c0}
#dialoguePanel details{margin:14px 0;border-top:1px solid #2b3547;padding-top:12px}
#dialoguePanel summary{cursor:pointer;min-height:32px}
@media(max-width:900px){#dialoguePanel{top:auto;bottom:128px;max-height:36dvh;right:12px;width:calc(100vw - 24px);padding:14px}#dialoguePanel h2{font-size:17px}#dialoguePanel [data-character]{font-size:13px;margin:5px 0}#dialoguePanel .dialogue-description,#dialoguePanel [data-line]{display:none}#dialoguePanel audio{margin-top:9px}#dialoguePanel [data-status]{margin:7px 0;min-height:0}.dialogue-open #chips{display:none}#top .pills{display:none}}