.chat{min-width:0;position:relative}.chat-settings-toggle{border:1px solid #dfb0b344;border-radius:9px;background:#dfb0b315;color:#f0c6cf;padding:9px 12px;white-space:nowrap;font-size:12px}.chat-scene-bar{padding:9px 24px;border-bottom:1px solid #ffffff0e;display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:#1a1b23}.scene-context-button{border:0;background:transparent;color:#c8b5ca;text-align:left;font-size:11px;line-height:1.6;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.latest-event{width:100%;margin:0;color:#95899f;font-size:10px;line-height:1.6;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.branch-return{margin-left:auto;background:#dfb0b315;border:1px solid #dfb0b333;border-radius:6px;color:#eac1cc;font-size:11px;padding:6px 10px}.chat-settings-panel{background:#1a1b22;border-left:1px solid #ffffff16;padding:24px;width:330px;flex:none;overflow-y:auto;max-height:100dvh;color:#eee4ed}.chat-settings-panel[hidden]{display:none}.chat-panel-heading{display:flex;justify-content:space-between;align-items:center}.chat-panel-heading small{font-size:9px;letter-spacing:1.4px;color:#b99bad}.chat-panel-heading h2{font-size:18px;margin:8px 0}.panel-close{border:0;background:#ffffff08;color:#d7bfce;border-radius:50%;font-size:23px;width:32px;height:32px}.chat-panel-character{font-size:12px;color:#cdaebd;margin-bottom:25px}.chat-settings-panel fieldset{padding:0;border:0;min-width:0}.chat-settings-panel details{border-top:1px solid #ffffff16;padding:16px 0}.chat-settings-panel summary{cursor:pointer;font-size:14px;font-weight:600}.chat-settings-panel summary span{font-size:10px;color:#9e8ea8;float:right;font-weight:400}.chat-settings-panel label{display:block;font-size:11px;color:#c5b6cf;margin-top:16px}.chat-settings-panel input,.chat-settings-panel textarea,.chat-settings-panel select{display:block;width:100%;min-width:0;margin-top:7px;padding:10px;border-radius:8px;border:1px solid #ffffff1c;background:#12141b;color:#eee6ee;font:12px/1.7 inherit;font-family:inherit;font-size:12px;line-height:1.7}.chat-settings-panel textarea{resize:vertical}.chat-settings-panel details p{font-size:10px;line-height:1.8;color:#9b8ba5}.chat-settings-save{width:100%;border:0;border-radius:9px;padding:12px;background:#e7bec2;color:#31232d;font-weight:700;margin-top:15px}.chat-settings-status{font-size:11px;color:#e3b6c3;line-height:1.7}.chat-branches-link{display:block;color:#bcadca;font-size:11px;margin:22px 0;text-decoration:none}.message-actions{display:flex;gap:8px;margin-top:8px}.message-actions button{background:transparent;border:1px solid #ffffff13;border-radius:7px;padding:6px 10px;color:#b0a0bc;font-size:10px}.message-actions button:hover{color:#f0c6cf;background:#ffffff06}.message-actions button:disabled,.chat-settings-save:disabled{opacity:.4;cursor:default}.message-edit-dialog{width:min(460px,92vw);border:1px solid #ffffff22;border-radius:15px;background:#20212b;color:#efe4ee;padding:25px}.message-edit-dialog::backdrop{background:#080910b8}.message-edit-dialog h2{font-size:19px}.message-edit-dialog p{font-size:12px;color:#b8a6c2;line-height:1.8}.message-edit-dialog label{display:block;font-size:12px}.message-edit-dialog textarea{display:block;width:100%;resize:vertical;background:#14161e;color:#eee;border:1px solid #ffffff25;border-radius:8px;padding:12px;margin:10px 0;font:14px/1.8 inherit}.message-edit-dialog form>div{display:flex;justify-content:flex-end;gap:10px}.message-edit-dialog button{padding:10px 15px;border:1px solid #ffffff20;border-radius:8px;background:#2b2935;color:#eee}.message-edit-dialog [type=submit]{background:#e7bec2;color:#31232d}.chat-settings-panel :focus-visible,.message-edit-dialog :focus-visible{outline:2px solid #dfb0b3;outline-offset:3px}
@media(min-width:1101px){.app.settings-open{max-width:1600px}.settings-open .sidebar{width:210px}.settings-open .chat{flex:1}.settings-open .thread{padding-left:22px;padding-right:22px}}
@media(max-width:1100px){.chat-settings-panel{position:fixed;right:0;top:0;bottom:0;z-index:20;width:min(370px,100vw);box-shadow:-25px 0 80px #0007}.chat-settings-panel input,.chat-settings-panel textarea,.chat-settings-panel select{font-size:16px}}
@media(max-width:650px){.chat header{flex-wrap:wrap}.chat-settings-toggle{font-size:11px;padding:8px 10px;margin-left:auto}.chat-scene-bar{padding:9px 13px}.branch-return{font-size:10px}.message-edit-dialog textarea{font-size:16px}.message-actions button{min-height:32px}.chat-settings-panel{padding:22px}}
@media(min-width:1101px){.app.settings-open{grid-template-columns:210px minmax(0,1fr) 330px}.chat-settings-panel{height:100dvh}}
.character-facts-copy{white-space:pre-wrap}.chat-settings-panel .character-facts-copy{font-size:12px;line-height:1.8;color:#bcb0c8}
.relationship-card{border:1px solid #e7bec22b;border-radius:14px;padding:20px;background:linear-gradient(140deg,#352936,#202330);margin:20px 0 24px}.relationship-eyebrow{font-size:11px;color:#d9b2c6}.relationship-card h3{font-size:30px;letter-spacing:-1px;margin:12px 0 5px;color:#f8dce5}.relationship-stage{font-size:13px;color:#e0cbd9;margin:0 0 20px}.relationship-meter{margin:14px 0}.relationship-meter>div{display:flex;justify-content:space-between;font-size:11px;color:#c2b2cb;margin-bottom:6px}.relationship-meter strong{color:#ede0ed;font-weight:500}.relationship-meter meter{display:block;width:100%;height:8px;appearance:none;border:0;background:#ffffff10;border-radius:6px;overflow:hidden}.relationship-meter meter::-webkit-meter-bar{background:#ffffff10;border:0;border-radius:6px}.relationship-meter meter::-webkit-meter-optimum-value{background:#d7a8bf;border-radius:6px}.relationship-meter meter.trust::-webkit-meter-optimum-value{background:#9bbdb9}.relationship-meter meter.tension::-webkit-meter-optimum-value{background:#c8a271}.relationship-reason{font-size:12px;line-height:1.8;color:#d0c1d3;margin:18px 0 12px}.relationship-tone{display:inline-block;font-size:10px;color:#edd0df;background:#ffffff08;border-radius:5px;padding:6px 9px}.relationship-help{font-size:10px;color:#aa99b3;line-height:1.8;margin-bottom:0}.relationship-badge{background:#dfb0b314;border:1px solid #dfb0b32b;color:#edc5d1;border-radius:16px;padding:6px 11px;font-size:11px;white-space:nowrap}.relationship-turn{margin-top:9px;font-size:10px;color:#a698b2;max-width:440px}.relationship-turn summary{cursor:pointer}.relationship-turn p{font-size:11px;line-height:1.7;margin:8px 0}.relationship-turn small{color:#d5b3c4;font-size:10px}
.chat #messages{--speech-paper:#f6f0ec;--speech-ink:#342e3c;--speech-accent:#b998ac}
.chat .message{gap:12px;margin:30px 0;align-items:flex-start}
.chat .message>.avatar{width:32px;height:32px;flex:none;border-radius:12px;background:linear-gradient(145deg,#665669,#322c3d);border:1px solid #d5b7d33d;box-shadow:0 3px 12px #0002,inset 0 1px #ffffff16;color:#f7eaf8}
.chat .message-body{max-width:86%;min-width:0}
.chat .message .sender{display:flex;align-items:center;gap:8px;color:#e3ccdd;font-size:12px;font-weight:600;letter-spacing:.02em;margin:2px 0 11px}
.chat .message:not(.user) .sender:after{content:"";height:1px;width:24px;background:linear-gradient(90deg,#b998ac70,transparent)}
.chat .message .direction{padding:9px 13px;margin:0 0 13px;border-left:2px solid #b998ac66;border-radius:0 10px 10px 0;background:linear-gradient(90deg,#bc93b30c,transparent);color:#bdb2c4;font-size:12px;line-height:1.85;font-style:normal;word-break:keep-all;overflow-wrap:anywhere}
.chat .message .bubble{position:relative;padding:17px 21px;border-radius:7px 22px 22px 22px;border:1px solid #fff8f0b3;background:linear-gradient(140deg,#fffaf5,var(--speech-paper));color:var(--speech-ink);font-size:15px;line-height:1.9;letter-spacing:-.015em;word-break:keep-all;overflow-wrap:anywhere;box-shadow:0 5px 20px #00000018,inset 0 1px #ffffff}
.chat .message:not(.user) .bubble:before{content:"";position:absolute;top:13px;left:-6px;width:10px;height:12px;clip-path:polygon(100% 0,100% 100%,0 0);background:#fdf8f3}
.chat .message.user .sender{justify-content:flex-end;color:#bca7c9;font-size:11px;font-weight:400}
.chat .message.user .bubble{border-radius:22px 7px 22px 22px;border-color:#d5b4e23d;background:linear-gradient(135deg,#6d536f,#503e61);color:#fff4fc;box-shadow:0 5px 18px #0002,inset 0 1px #efcfff12}
.chat .message.user .bubble:after{content:"";position:absolute;top:13px;right:-6px;width:10px;height:12px;background:#584366;clip-path:polygon(0 0,100% 0,0 100%)}
.chat .message.user .message-actions{justify-content:flex-end}
.chat .illustrated .message-body{max-width:100%;width:100%}
.chat .comic-panel{max-width:500px;border:1px solid #c5a8c333;border-radius:22px;background:linear-gradient(155deg,#373342,#22232e);box-shadow:0 10px 30px #0002}
.chat .comic-character{border-radius:21px 21px 0 0}
.chat .comic-balloon{margin:-27px 15px 15px;padding:18px 22px 22px;border:1px solid #fffaf5b3;border-radius:22px 22px 22px 7px;background:linear-gradient(135deg,#fffaf5,var(--speech-paper));color:var(--speech-ink);box-shadow:0 8px 24px #13101a30,inset 0 1px #fff}
.chat .comic-balloon:before{top:-12px;left:32px;border-left:0;border-right:17px solid transparent;border-bottom:16px solid #fffaf5;transform:rotate(-8deg)}
.chat .comic-speaker{display:flex;align-items:center;gap:7px;margin-bottom:10px;color:#8c617d;font-size:11px;font-weight:700;letter-spacing:.03em}
.chat .comic-speaker:before{content:"";width:5px;height:5px;border-radius:50%;background:#b690a4;box-shadow:0 0 0 3px #b690a415}
.chat .comic-speech{font-size:15px;line-height:1.9;letter-spacing:-.015em;word-break:keep-all;overflow-wrap:anywhere}
.chat .message-actions{gap:6px;margin-top:10px;flex-wrap:wrap}
.chat .message-actions button{border-color:#c2a4c41a;border-radius:20px;padding:5px 10px;color:#a596af;transition:background .15s,color .15s}
.chat .message-actions button:hover{background:#c2a4c410;color:#f3d5ed}
.chat .pending .bubble{background:#25232f;border-color:#c2a4c433;color:#ddd0e6;box-shadow:inset 0 1px #ffffff08}
.chat .pending .bubble:before{background:#25232f!important}
.chat .pending .typing{font-size:12px;min-height:54px}
.chat .pending .retry{color:#eac5de;border-color:#c2a4c444;margin-bottom:8px}
@media(max-width:760px){.chat .message{gap:9px;margin:24px 0}.chat .message>.avatar{width:27px;height:27px;border-radius:10px;font-size:12px}.chat .message-body{max-width:88%}.chat .message .bubble{padding:14px 16px;font-size:14px;line-height:1.85}.chat .message .direction{font-size:12px;padding:8px 10px}.chat .comic-panel{border-radius:18px}.chat .comic-character{border-radius:17px 17px 0 0}.chat .comic-balloon{margin:-22px 10px 10px;padding:16px 17px 18px;border-radius:19px 19px 19px 6px}.chat .comic-speech{font-size:14px;line-height:1.9}.chat .comic-speaker{margin-bottom:8px}.chat .message-actions button{min-height:32px}}
@media(prefers-reduced-motion:reduce){.chat .message-actions button{transition:none}}