body{--chat-sidebar:0px;padding-left:var(--chat-sidebar)}
body.chat-history-open{--chat-sidebar:258px}
.composer{left:var(--chat-sidebar)}
#conversation-sidebar{position:fixed;z-index:5;left:0;top:0;bottom:0;width:258px;background:#f1efe9;border-right:1px solid #e2ded4;padding:18px 14px;display:flex;flex-direction:column;transform:translateX(-100%);visibility:hidden}
.chat-history-open #conversation-sidebar{transform:translateX(0);visibility:visible}
.conversation-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.conversation-sidebar-head h2{font-size:19px;font-weight:650;margin:0}
.conversation-sidebar-close{border:0;background:transparent;font-size:23px;line-height:1;padding:5px 9px;margin:0}
.conversation-episode{font-size:12px;line-height:1.5;color:#6f6b63;margin:14px 5px 12px;overflow-wrap:anywhere}
.conversation-new{width:100%;margin:0;border-radius:10px;text-align:left;font-weight:550;padding:10px 13px;background:#fffdf8}
.conversation-hint{font-size:11px;line-height:1.5;color:#807a6e;margin:9px 5px 18px}
.conversation-list{overflow:auto;min-height:0;display:flex;flex-direction:column;gap:5px}
.conversation-link{display:block;color:#47443d;text-decoration:none;padding:11px 12px;border-radius:10px;border:1px solid transparent}
.conversation-link:hover{background:#e9e5dc}.conversation-link[aria-current=page]{background:#e5dfd2;border-color:#d9cebc;color:#292a2c}
.conversation-link strong{font-size:13px;font-weight:550;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.conversation-link time{font-size:10px;color:#81796b;display:block;margin-top:5px}
#chat-history-toggle{margin:0;padding:5px 10px;background:transparent;border:0;line-height:1;font-size:20px}
body>header{align-items:center;gap:14px}body>header>b{margin-right:auto}body>header>span{white-space:nowrap}
#conversation-backdrop{display:none}
@media(max-width:999px){body.chat-history-open{--chat-sidebar:0px}#conversation-sidebar{z-index:10;width:min(300px,85vw)}.chat-history-open #conversation-backdrop{display:block;position:fixed;inset:0;z-index:9;margin:0;padding:0;border:0;border-radius:0;width:100%;height:100%;background:#27231c66}body>header{padding:12px;gap:8px}body>header>span{display:none}}
@media(max-width:500px){body>header>b span{display:none}#clear-history{font-size:12px;padding:7px 10px;margin:0}}

.conversation-row{display:flex;align-items:center;gap:2px;min-width:0}
.conversation-row .conversation-link{flex:1;min-width:0}
.conversation-delete,.conversation-rename{flex:0 0 34px;min-height:40px;margin:0;padding:8px;border:0;border-radius:8px;background:transparent;color:#827b71;display:grid;place-items:center}
.conversation-delete:hover,.conversation-delete:focus-visible{background:#fbe5e2;color:#b52523}
.conversation-delete-dialog{width:min(440px,calc(100vw - 32px));box-sizing:border-box;padding:24px;border:1px solid #e5ded3;border-radius:18px;background:#fffdf8;color:#292a2c;box-shadow:0 18px 65px #241d2033}
.conversation-delete-dialog::backdrop{background:#29231d66}
.conversation-delete-dialog h2{margin:0 0 12px;font-size:21px}
.conversation-delete-dialog p{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.conversation-delete-dialog .delete-chat-name{font-weight:650}
.delete-chat-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.delete-chat-actions button{margin:0;border-radius:10px;padding:9px 16px}
.delete-chat-confirm{background:#c8312e;color:#fff;border-color:#c8312e}.delete-chat-confirm:hover{background:#aa2421}
.delete-chat-error{color:#b52523}.delete-chat-error:empty{display:none}

.conversation-rename:hover,.conversation-rename:focus-visible{background:#f8e9df;color:#a12c27}
.conversation-rename-dialog{width:min(440px,calc(100vw - 32px));box-sizing:border-box;padding:24px;border:1px solid #e5ded3;border-radius:18px;background:#fffdf8;color:#292a2c;box-shadow:0 18px 65px #241d2033}
.conversation-rename-dialog::backdrop{background:#29231d66}.conversation-rename-dialog h2{margin:0 0 18px;font-size:21px}
.conversation-rename-dialog label{display:block;font-size:13px;margin-bottom:8px}
.conversation-rename-dialog input{display:block;box-sizing:border-box;width:100%;padding:11px 12px;font:inherit;border:1px solid #d8cdbb;border-radius:9px;background:white;color:#292a2c}
.rename-chat-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.rename-chat-actions button{margin:0;padding:9px 16px}
.rename-chat-save{background:#c52c29;color:#fff;border-color:#c52c29}.rename-chat-save:hover{background:#a72423}
.rename-chat-error{color:#b52523;font-size:13px}.rename-chat-error:empty{display:none}

.conversation-row-actions{display:grid;grid-template-columns:repeat(2,28px);align-items:center;flex:0 0 58px;gap:0}
.conversation-row-actions .conversation-delete,.conversation-row-actions .conversation-rename{width:28px;min-height:30px;padding:5px}
.conversation-same-episode{grid-column:1/-1;justify-self:center;width:32px;min-height:30px;margin:0;padding:0;border:1px solid #d9cebc;border-radius:8px;background:#fffdf8;color:#a12c27;font-size:21px;line-height:1}
.conversation-same-episode:hover,.conversation-same-episode:focus-visible{background:#f8e9df;border-color:#a12c27}
.conversation-project{display:block;font-size:10px;color:#756e64;line-height:1.4;margin-top:3px;overflow-wrap:anywhere}
