:root{--background-color: #131314;--sidebar-color: #1e1f20;--text-color: #e3e3e3;--text-secondary-color: #9aa0a6;--primary-font: "Merriweather", serif;--title-font: "Uncial Antiqua", cursive;--mono-font: "Courier New", Courier, monospace;--user-message-bg: #2a3a4a;--model-message-bg: #1e1f20;--border-color: #3c4043;--accent-color: #c5b358;--accent-hover-color: #d8c670;--danger-color: #e57373;--sidebar-width: 280px;--base-font-size: 16px}body[data-theme=high-fantasy-dark]{--background-color: #131314;--sidebar-color: #1e1f20;--text-color: #e3e3e3;--text-secondary-color: #9aa0a6;--primary-font: "Merriweather", serif;--title-font: "Uncial Antiqua", cursive;--user-message-bg: #2a3a4a;--model-message-bg: #1e1f20;--border-color: #3c4043;--accent-color: #c5b358;--accent-hover-color: #d8c670}body[data-theme=high-fantasy-light]{--background-color: #fdf6e3;--sidebar-color: #f5ead5;--text-color: #3a2e2c;--text-secondary-color: #65534d;--primary-font: "Merriweather", serif;--title-font: "Uncial Antiqua", cursive;--user-message-bg: #e9dbc2;--model-message-bg: #f5ead5;--border-color: #d3c3a9;--accent-color: #8b4513;--accent-hover-color: #a0522d;--danger-color: #b22222}body[data-theme=high-fantasy-light] #chat-form button[type=submit] svg{fill:var(--background-color)}body[data-theme=dark-fantasy-crimson]{--background-color: #0a0a0a;--sidebar-color: #141414;--text-color: #d1d1d1;--text-secondary-color: #888;--primary-font: "Merriweather", serif;--title-font: "Uncial Antiqua", cursive;--user-message-bg: #4a0e1a;--model-message-bg: #1f1f1f;--border-color: #666;--accent-color: #b71c1c;--accent-hover-color: #d32f2f;--danger-color: #ff5252}body[data-theme=dark-fantasy-crimson] .modal-content,body[data-theme=dark-fantasy-crimson] .message.model{border:1px solid var(--border-color);position:relative;background-clip:padding-box}body[data-theme=dark-fantasy-crimson] .modal-content:before,body[data-theme=dark-fantasy-crimson] .modal-content:after,body[data-theme=dark-fantasy-crimson] .message.model:before,body[data-theme=dark-fantasy-crimson] .message.model:after{content:"";position:absolute;width:20px;height:20px;border-color:var(--border-color);border-style:solid;transition:border-color .3s}body[data-theme=dark-fantasy-crimson] .modal-content:hover:before,body[data-theme=dark-fantasy-crimson] .modal-content:hover:after,body[data-theme=dark-fantasy-crimson] .message.model:hover:before,body[data-theme=dark-fantasy-crimson] .message.model:hover:after{border-color:var(--accent-color)}body[data-theme=dark-fantasy-crimson] .modal-content:before,body[data-theme=dark-fantasy-crimson] .message.model:before{top:-6px;left:-6px;border-width:2px 0 0 2px}body[data-theme=dark-fantasy-crimson] .modal-content:after,body[data-theme=dark-fantasy-crimson] .message.model:after{bottom:-6px;right:-6px;border-width:0 2px 2px 0}body[data-theme=classic-rpg-parchment]{--background-color: #4d3c2a;--sidebar-color: #3b2e21;--text-color: #d5c8b8;--text-secondary-color: #a39586;--primary-font: "Merriweather", serif;--title-font: "Uncial Antiqua", cursive;--user-message-bg: #6b543b;--model-message-bg: #3b2e21;--border-color: #8c6742;--accent-color: #e5c100;--accent-hover-color: #f8d430}body[data-theme=classic-rpg-parchment]{background-image:url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg fill="%233b2e21" fill-opacity="0.4"%3E%3Cpath d="M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E')}body[data-theme=classic-rpg-parchment] .modal-content,body[data-theme=classic-rpg-parchment] .message,body[data-theme=classic-rpg-parchment] #sidebar,body[data-theme=classic-rpg-parchment] #chat-form{border:2px solid var(--border-color);box-shadow:inset 0 0 10px #00000080,2px 2px 5px #00000050}body[data-theme=classic-rpg-parchment] button{box-shadow:inset 0 1px #ffffff50,0 1px 3px #000000a0}body[data-theme=cyberpunk-hud-advanced]{--background-color: #0d0221;--sidebar-color: #140c2b;--text-color: #00f0ff;--text-secondary-color: #a0a0a0;--primary-font: "Fira Code", monospace;--title-font: "Orbitron", sans-serif;--user-message-bg: rgba(42, 0, 79, .5);--model-message-bg: rgba(29, 17, 53, .5);--border-color: #c72cff;--accent-color: #00f0ff;--accent-hover-color: #8affff;--danger-color: #ff0055}body[data-theme=cyberpunk-hud-advanced]{background-image:linear-gradient(rgba(0,240,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.1) 1px,transparent 1px);background-size:25px 25px}body[data-theme=cyberpunk-hud-advanced] h1,body[data-theme=cyberpunk-hud-advanced] h2,body[data-theme=cyberpunk-hud-advanced] h3,body[data-theme=cyberpunk-hud-advanced] .message{text-shadow:0 0 2px var(--accent-color),0 0 5px var(--accent-color)}body[data-theme=cyberpunk-hud-advanced] .modal-content,body[data-theme=cyberpunk-hud-advanced] .message.model{border:1px solid #c72cff50;position:relative;background:radial-gradient(circle,#1d1135cc,#0d0221cc);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body[data-theme=cyberpunk-hud-advanced] .modal-content:before,body[data-theme=cyberpunk-hud-advanced] .modal-content:after,body[data-theme=cyberpunk-hud-advanced] .message.model:before,body[data-theme=cyberpunk-hud-advanced] .message.model:after{content:"";position:absolute;width:15px;height:15px;border-color:var(--accent-color);border-style:solid}body[data-theme=cyberpunk-hud-advanced] .modal-content:before,body[data-theme=cyberpunk-hud-advanced] .message.model:before{top:0;left:0;border-width:2px 0 0 2px}body[data-theme=cyberpunk-hud-advanced] .modal-content:after,body[data-theme=cyberpunk-hud-advanced] .message.model:after{bottom:0;right:0;border-width:0 2px 2px 0}@keyframes stretch-and-form{0%{transform:scale(0,.005);opacity:0}40%{transform:scaleY(.005);opacity:1}to{transform:scale(1)}}body[data-theme=cyberpunk-hud-advanced] .modal-content{transform-origin:center;animation:stretch-and-form .4s cubic-bezier(.785,.135,.15,.86) forwards}body[data-theme=cyberpunk-bladerunner]{--background-color: #040a18;--sidebar-color: #0b132b;--text-color: #90b4ce;--text-secondary-color: #5e6b7e;--primary-font: "Fira Code", monospace;--title-font: "Orbitron", sans-serif;--user-message-bg: rgba(61, 89, 171, .3);--model-message-bg: rgba(28, 37, 65, .5);--border-color: #3d5aab;--accent-color: #ff9900;--accent-hover-color: #ffb84d;--danger-color: #f94144}body[data-theme=cyberpunk-bladerunner]{background-color:#040a18;background-image:linear-gradient(to bottom,#0009,#0000,#0009)}body[data-theme=cyberpunk-bladerunner] h1,body[data-theme=cyberpunk-bladerunner] h2,body[data-theme=cyberpunk-bladerunner] h3{text-shadow:0 0 4px var(--accent-color),0 0 8px #ff5500}body[data-theme=cyberpunk-bladerunner] .message{border-left:3px solid var(--accent-color)}body[data-theme=glitch-terminal]{--background-color: #000;--sidebar-color: #050505;--text-color: #fff;--text-secondary-color: #888;--primary-font: "Fira Code", monospace;--title-font: "Fira Code", monospace;--user-message-bg: #111;--model-message-bg: #050505;--border-color: #555;--accent-color: #fff;--accent-hover-color: #ccc;--danger-color: #fff}body[data-theme=glitch-terminal] *{border-radius:0!important}@keyframes glitch-flicker{0%{opacity:1}50%{opacity:.8}to{opacity:1}}body[data-theme=glitch-terminal]{animation:glitch-flicker .1s infinite}body[data-theme=glitch-terminal] header h1{animation:glitch-text 3s infinite steps(1)}@keyframes glitch-text{0%{text-shadow:1px 0 0 red,-1px 0 0 cyan}2%{text-shadow:1px 0 0 red,-1px 0 0 cyan}3%{text-shadow:none}10%{text-shadow:none}11%{text-shadow:-1px 0 0 red,1px 0 0 cyan}12%{text-shadow:none}20%{text-shadow:none}21%{transform:skew(-10deg)}22%{transform:skew(0)}to{transform:skew(0)}}body[data-theme=glitch-terminal] .message{border:1px dashed var(--border-color)}body[data-theme=glitch-terminal] .btn-danger{background-color:var(--background-color);color:red;border:1px solid #f00}body[data-theme=glitch-terminal-crt]{--background-color: #000;--sidebar-color: #050505;--text-color: #e0e0e0;--text-secondary-color: #888;--primary-font: "Fira Code", monospace;--title-font: "Fira Code", monospace;--user-message-bg: #111;--model-message-bg: #050505;--border-color: #555;--accent-color: #e0e0e0;--accent-hover-color: #fff;--danger-color: #e0e0e0}body[data-theme=glitch-terminal-crt] *{border-radius:0!important}body[data-theme=glitch-terminal-crt]{animation:glitch-flicker .1s infinite;position:relative;overflow:hidden}body[data-theme=glitch-terminal-crt]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#0000 60%,#000c);pointer-events:none;z-index:999}body[data-theme=glitch-terminal-crt]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.5) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1000}body[data-theme=glitch-terminal-crt] h1,body[data-theme=glitch-terminal-crt] h2,body[data-theme=glitch-terminal-crt] h3,body[data-theme=glitch-terminal-crt] .message,body[data-theme=glitch-terminal-crt] button,body[data-theme=glitch-terminal-crt] span{text-shadow:0 0 1px #e0e0e0,0 0 3px #e0e0e080}body[data-theme=glitch-terminal-crt] header h1{animation:glitch-text 3s infinite steps(1)}body[data-theme=glitch-terminal-crt] .message{border:1px dashed var(--border-color)}body[data-theme=glitch-terminal-crt] .btn-danger{background-color:var(--background-color);color:red;border:1px solid #f00}body[data-theme=hacker-terminal]{--background-color: #0d0d0d;--sidebar-color: #001a00;--text-color: #00ff00;--text-secondary-color: #008000;--primary-font: "Fira Code", monospace;--title-font: "Fira Code", monospace;--user-message-bg: #003300;--model-message-bg: #001a00;--border-color: #004d00;--accent-color: #00ff00;--accent-hover-color: #66ff66;--danger-color: #ff3333}body[data-theme=hacker-terminal]{background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,0,.1) 2px,rgba(0,255,0,.1) 3px)}body[data-theme=hacker-terminal] *{border-radius:0!important}body[data-theme=hacker-terminal] h1,body[data-theme=hacker-terminal] h2,body[data-theme=hacker-terminal] h3{text-shadow:0 0 5px var(--accent-color)}body[data-theme=hacker-terminal-glitch]{--background-color: #0d0d0d;--sidebar-color: #001a00;--text-color: #00ff00;--text-secondary-color: #008000;--primary-font: "Fira Code", monospace;--title-font: "Fira Code", monospace;--user-message-bg: #003300;--model-message-bg: #001a00;--border-color: #004d00;--accent-color: #00ff00;--accent-hover-color: #66ff66;--danger-color: #ff3333}body[data-theme=hacker-terminal-glitch] *{border-radius:0!important}body[data-theme=hacker-terminal-glitch]{animation:glitch-flicker .1s infinite}body[data-theme=hacker-terminal-glitch] header h1{animation:glitch-text 3s infinite steps(1)}body[data-theme=hacker-terminal-glitch] .message{border:1px dashed var(--border-color)}body[data-theme=hacker-terminal-glitch] h1,body[data-theme=hacker-terminal-glitch] h2,body[data-theme=hacker-terminal-glitch] h3{text-shadow:0 0 5px var(--accent-color)}body[data-theme=hacker-terminal-amber]{--background-color: #000;--sidebar-color: #1a0a00;--text-color: #ffb400;--text-secondary-color: #b37e00;--primary-font: "Fira Code", monospace;--title-font: "Fira Code", monospace;--user-message-bg: #331f00;--model-message-bg: #1a0a00;--border-color: #4d2e00;--accent-color: #ffb400;--accent-hover-color: #ffcf4d;--danger-color: #ff4d4d}body[data-theme=hacker-terminal-amber] *{border-radius:0!important}body[data-theme=hacker-terminal-amber] h1,h2,h3{text-shadow:0 0 5px var(--accent-color)}body[data-theme=hacker-terminal-vault-tec]{--background-color: #0a141f;--sidebar-color: #0f1c2d;--text-color: #27bce0;--text-secondary-color: #1a7b94;--primary-font: "Fira Code", monospace;--title-font: "Fira Code", monospace;--user-message-bg: #142a40;--model-message-bg: #0f1c2d;--border-color: #1d405c;--accent-color: #ffe832;--accent-hover-color: #fff178;--danger-color: #ff6b6b}body[data-theme=hacker-terminal-vault-tec] *{border-radius:0!important}body[data-theme=hacker-terminal-vault-tec] h1,h2,h3{text-shadow:0 0 5px var(--text-color)}body[data-theme=vampire-gothic-terminal]{--background-color: #050101;--sidebar-color: #1a0303;--text-color: #e0baba;--text-secondary-color: #7d3c3c;--primary-font: "Fira Code", monospace;--title-font: "Uncial Antiqua", cursive;--user-message-bg: #3b0f0f;--model-message-bg: #1a0303;--border-color: #5c1f1f;--accent-color: #ff4d4d;--accent-hover-color: #ff8080;--danger-color: #ff4d4d}body[data-theme=vampire-gothic-terminal]{background-image:repeating-linear-gradient(0deg,rgba(100,0,0,.1) 0,rgba(100,0,0,.1) 1px,transparent 1px,transparent 3px)}body[data-theme=vampire-gothic-terminal] h1,body[data-theme=vampire-gothic-terminal] h2{text-shadow:0 0 6px var(--accent-color);font-weight:700}body[data-theme=vampire-gothic-terminal] .message{border-left:2px solid var(--accent-color);border-radius:0 8px 8px 0}body[data-theme=text-adventure-dark]{--background-color: #000;--sidebar-color: #000;--text-color: #ccc;--text-secondary-color: #888;--primary-font: "Fira Code", monospace;--title-font: "Fira Code", monospace;--user-message-bg: transparent;--model-message-bg: transparent;--border-color: #333;--accent-color: #ccc;--accent-hover-color: #fff}body[data-theme=text-adventure-dark] .message{padding:0;background:transparent;border:none;border-radius:0;max-width:100%}body[data-theme=text-adventure-dark] .message-model-container{max-width:100%;gap:.25rem}body[data-theme=text-adventure-dark] .message.user:before{content:"> ";color:var(--accent-color)}body[data-theme=text-adventure-dark] .tts-controls{display:none}body[data-theme=text-adventure-dark] #chat-form{background:transparent;border:none;border-top:1px solid var(--border-color);border-radius:0}body[data-theme=text-adventure-dark] #chat-input{padding-left:.5rem}body[data-theme=text-adventure-dark] #chat-input::placeholder{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}body[data-theme=outer-space-starship]{--background-color: #eef2f5;--sidebar-color: #ffffff;--text-color: #1c2a38;--text-secondary-color: #5c6a78;--primary-font: "Helvetica Neue", Helvetica, Arial, sans-serif;--title-font: "Orbitron", sans-serif;--user-message-bg: #d7dfe5;--model-message-bg: #ffffff;--border-color: #c0cdd8;--accent-color: #007bff;--accent-hover-color: #3395ff}body[data-theme=outer-space-starship] #chat-form button[type=submit] svg{fill:var(--background-color)}body[data-theme=outer-space-alert]{--background-color: #3d0000;--sidebar-color: #2e0000;--text-color: #ffdddd;--text-secondary-color: #ff9999;--primary-font: "Helvetica Neue", Helvetica, Arial, sans-serif;--title-font: "Orbitron", sans-serif;--user-message-bg: #5c0000;--model-message-bg: #2e0000;--border-color: #8f0000;--accent-color: #ff4444;--accent-hover-color: #ff7777}@keyframes red-alert-pulse{0%{box-shadow:0 0 10px red,inset 0 0 10px red}50%{box-shadow:0 0 20px red,inset 0 0 20px red}to{box-shadow:0 0 10px red,inset 0 0 10px red}}body[data-theme=outer-space-alert]{animation:red-alert-pulse 2s infinite}body[data-theme=pirate-sea]{--background-color: #f0e5d1;--sidebar-color: #faeedb;--text-color: #2a201c;--text-secondary-color: #5a4840;--primary-font: "Merriweather", serif;--title-font: "Pirata One", cursive;--user-message-bg: #e6d9c1;--model-message-bg: #faeedb;--border-color: #bdae93;--accent-color: #008b8b;--accent-hover-color: #00a2a2}body[data-theme=pirate-sea] #chat-form button[type=submit] svg{fill:var(--background-color)}body[data-theme=steampunk]{--background-color: #5a3e2b;--sidebar-color: #3d2b1f;--text-color: #e6d8c9;--text-secondary-color: #a39586;--primary-font: "Merriweather", serif;--title-font: "Uncial Antiqua", cursive;--user-message-bg: #8c6742;--model-message-bg: #4a3728;--border-color: #a1887f;--accent-color: #d4ac0d;--accent-hover-color: #e5be37}body[data-theme=steampunk]{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="52" height="26" viewBox="0 0 52 26"%3E%3Cg fill-rule="evenodd"%3E%3Cg fill="%233d2b1f" fill-opacity="0.4"%3E%3Cpath d="M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z" /%3E%3C/g%3E%3C/g%3E%3C/svg%3E')}body[data-theme=art-deco]{--background-color: #0d2c2c;--sidebar-color: #041f1f;--text-color: #c5b8a5;--text-secondary-color: #8a7f70;--primary-font: "Merriweather", serif;--title-font: "Pirata One", cursive;--user-message-bg: #1a4d4d;--model-message-bg: #0b3d3d;--border-color: #bfa885;--accent-color: #d4af37;--accent-hover-color: #e7c45f}body[data-theme=art-deco] .message,body[data-theme=art-deco] .modal-content{border:1px solid var(--border-color);border-image:linear-gradient(45deg,var(--accent-color),var(--border-color)) 1}body[data-theme=solarpunk]{--background-color: #f0f5e6;--sidebar-color: #ffffff;--text-color: #2b4138;--text-secondary-color: #5c7a6e;--primary-font: "Helvetica Neue", Helvetica, Arial, sans-serif;--title-font: "Orbitron", sans-serif;--user-message-bg: #d9e6cc;--model-message-bg: #ffffff;--border-color: #a7c4ac;--accent-color: #ff9900;--accent-hover-color: #ffb84d}body[data-theme=solarpunk] .message,body[data-theme=solarpunk] #chat-form{border-radius:2rem}body[data-theme=solarpunk] #chat-form button[type=submit] svg{fill:var(--background-color)}body[data-theme=aquatic]{--background-color: #0a1f3a;--sidebar-color: #061528;--text-color: #bfeaff;--text-secondary-color: #7da5c2;--primary-font: "Merriweather", serif;--title-font: "Uncial Antiqua", cursive;--user-message-bg: #1a3960;--model-message-bg: #0f2746;--border-color: #3b6b9e;--accent-color: #33d4ff;--accent-hover-color: #77e3ff}@keyframes underwater-ripple{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body[data-theme=aquatic]{background:linear-gradient(135deg,#0a1f3a 25%,transparent 25%) -50px 0,linear-gradient(225deg,#0a1f3a 25%,transparent 25%) -50px 0,linear-gradient(315deg,#0a1f3a 25%,transparent 25%),linear-gradient(45deg,#0a1f3a 25%,transparent 25%);background-size:100px 100px;background-color:#061528;animation:underwater-ripple 15s ease infinite}body[data-theme=aquatic] h1,h2,h3{text-shadow:0 0 5px var(--accent-color)}body[data-theme=apocalyptic]{--background-color: #3b3a35;--sidebar-color: #2b2a26;--text-color: #adaa9d;--text-secondary-color: #7b7971;--primary-font: "Fira Code", monospace;--title-font: "Orbitron", sans-serif;--user-message-bg: #4f4d48;--model-message-bg: #2b2a26;--border-color: #615f58;--accent-color: #a3955a;--accent-hover-color: #bdb078}body[data-theme=apocalyptic]{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"%3E%3Cg fill-rule="evenodd"%3E%3Cg fill="%232b2a26" fill-opacity="0.4"%3E%3Cpath opacity=".5" d="M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z"/%3E%3Cpath d="M6 5V0h1v5h5v1H6v5H5V6H0V5h5z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E')}body[data-theme=apocalyptic] .message{border:1px solid var(--border-color);border-radius:2px}body[data-theme="8-bit-arcade"]{--background-color: #000;--sidebar-color: #0d0d0d;--text-color: #fff;--text-secondary-color: #aaa;--primary-font: "Fira Code", monospace;--title-font: "Fira Code", monospace;--user-message-bg: #2a004a;--model-message-bg: #0d0d0d;--border-color: #ff00ff;--accent-color: #00ffff;--accent-hover-color: #80ffff}body[data-theme="8-bit-arcade"] *{image-rendering:pixelated;border-radius:0!important}body[data-theme="8-bit-arcade"] .message,body[data-theme="8-bit-arcade"] .modal-content,body[data-theme="8-bit-arcade"] button{border:4px solid var(--border-color);box-shadow:4px 4px #000}body[data-theme="8-bit-arcade"] h1{text-shadow:2px 2px 0 var(--accent-color),4px 4px 0 var(--border-color)}body[data-theme=celestial]{--background-color: #100f1a;--sidebar-color: #191829;--text-color: #d8d8e8;--text-secondary-color: #8c8ca0;--primary-font: "Merriweather", serif;--title-font: "Uncial Antiqua", cursive;--user-message-bg: #3c3a59;--model-message-bg: #24223d;--border-color: #63608a;--accent-color: #d8b8ff;--accent-hover-color: #e8d0ff}@keyframes move-stars{0%{background-position:0 0}to{background-position:-10000px 5000px}}body[data-theme=celestial]{background-image:url(https://www.transparenttextures.com/patterns/stardust.png);background-color:#100f1a;animation:move-stars 200s linear infinite}body[data-theme=celestial] .message.model{box-shadow:0 0 15px #d8b8ff26}*{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--base-font-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--primary-font);background-color:var(--background-color);color:var(--text-color);display:flex;height:100dvh;overflow:hidden;transition:background-color .3s,color .3s}#sidebar,.chat-view{opacity:0;visibility:hidden;transition:opacity .5s ease-in-out}body.app-visible #sidebar,body.app-visible .chat-view{opacity:1;visibility:visible}:root.font-size-small{--base-font-size: 14px}:root.font-size-medium{--base-font-size: 16px}:root.font-size-large{--base-font-size: 18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}#boot-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#0d0d0d;color:#0f0;font-family:Fira Code,monospace;z-index:9999;display:flex;align-items:flex-start;justify-content:flex-start;padding:2rem;opacity:1;transition:opacity .5s ease-in-out}#boot-screen.fade-out{opacity:0;pointer-events:none}#boot-text p{margin:0;line-height:1.5;white-space:pre-wrap}.cursor:after{content:"█";animation:blink-cursor 1s step-end infinite}@keyframes blink-cursor{50%{opacity:0}}#sidebar{background-color:var(--sidebar-color);width:var(--sidebar-width);height:100%;position:fixed;top:0;left:0;transform:translate(calc(-1 * var(--sidebar-width)));transition:transform .3s ease-in-out,background-color .3s;z-index:1000;display:flex;flex-direction:column;border-right:1px solid var(--border-color)}body.sidebar-open #sidebar{transform:translate(0)}.sidebar-header{padding:1rem;border-bottom:1px solid var(--border-color)}.sidebar-header-actions{display:flex;gap:.5rem}#new-chat-btn{display:flex;align-items:center;gap:.75rem;background-color:var(--model-message-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:2rem;padding:.75rem 1.25rem;font-family:var(--primary-font);font-size:1rem;cursor:pointer;flex-grow:1;transition:background-color .2s}#new-chat-btn:hover{background-color:#ffffff1a}#new-chat-btn svg{width:20px;height:20px}#chat-history-container{flex-grow:1;overflow-y:auto;padding:0 1rem}#chat-history-container h2{font-family:var(--primary-font);font-weight:400;font-size:.9rem;color:var(--text-secondary-color);padding:1rem 0 .5rem;text-transform:uppercase;letter-spacing:.5px}#pinned-chats-list,#recent-chats-list{list-style:none}.chat-history-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;cursor:pointer;transition:background-color .2s;overflow:hidden;position:relative}.chat-history-item:hover,.chat-history-item.active{background-color:var(--model-message-bg)}.chat-history-item .chat-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:2rem}.chat-history-item .options-btn{background:none;border:none;color:var(--text-secondary-color);cursor:pointer;padding:.25rem;display:flex;align-items:center;flex-shrink:0;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .2s}.chat-history-item:hover .options-btn,.chat-history-item.active .options-btn{opacity:1}.chat-history-item .options-btn:hover{color:var(--text-color)}.chat-history-item .options-btn svg{width:20px;height:20px}#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;z-index:999}body.sidebar-open #overlay{opacity:1;visibility:visible}.chat-view{flex-grow:1;display:flex;flex-direction:column;height:100dvh;transition:margin-left .3s ease-in-out;position:relative}header{padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border-color);background-color:var(--background-color);position:sticky;top:0;z-index:10}.header-icon-btn{background:none;border:none;color:var(--text-secondary-color);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.header-icon-btn:hover{background-color:#ffffff1a}.header-icon-btn svg{width:24px;height:24px}#menu-btn{background:none;border:none;color:var(--text-secondary-color);cursor:pointer;padding:.5rem;border-radius:50%;display:flex}#menu-btn:hover{background-color:#ffffff1a}#menu-btn svg{width:24px;height:24px}header h1{font-family:var(--title-font);font-size:1.75rem;color:var(--accent-color);text-shadow:1px 1px 2px rgba(0,0,0,.2);margin-right:auto;margin-left:.5rem}main{flex-grow:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;min-height:0}#combat-tracker{position:absolute;top:80px;right:20px;width:250px;background-color:var(--model-message-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--border-color);border-radius:8px;z-index:5;box-shadow:0 4px 15px #0000004d}#combat-tracker-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;cursor:pointer}#combat-tracker h3{font-family:var(--title-font);font-size:1.2rem;color:var(--accent-color);margin:0}#combat-tracker-toggle{background:none;border:none;color:var(--text-secondary-color);cursor:pointer;padding:0;display:flex;align-items:center;transition:transform .3s ease-in-out}#combat-tracker.expanded #combat-tracker-toggle{transform:rotate(180deg)}#combat-enemy-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out,padding-bottom .3s ease-in-out;padding:0 1rem;margin:0}#combat-tracker.expanded #combat-enemy-list{max-height:250px;overflow-y:auto;padding-bottom:1rem}.combat-enemy-item{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.combat-enemy-item .status{font-weight:700;padding:.1rem .5rem;border-radius:1rem;font-size:.8rem}.status-Healthy{color:#81c784;background-color:#81c7841a}.status-Injured{color:#ffd54f;background-color:#ffd54f1a}.status-Bloodied{color:#ffb74d;background-color:#ffb74d1a}.status-Near.Death{color:#e57373;background-color:#e573731a}.message{max-width:80%;padding:.75rem 1.25rem;border-radius:18px;line-height:1.6;white-space:pre-wrap;opacity:0;transform:translateY(20px);animation:fadeIn .5s forwards;font-size:1rem}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.message.user{background-color:var(--user-message-bg);align-self:flex-end;border-bottom-right-radius:4px}.message-model-container{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;max-width:80%}.message.model{background-color:var(--model-message-bg);align-self:flex-start;border-bottom-left-radius:4px;border:1px solid var(--border-color);width:100%}.message.loading{display:inline-block;padding:.75rem 1rem}.message.loading:after{content:"...";display:inline-block;animation:dots 1s steps(3,end) infinite}@keyframes dots{0%,20%{color:#fff0;text-shadow:.25em 0 0 rgba(255,255,255,0),.5em 0 0 rgba(255,255,255,0)}40%{color:var(--text-color);text-shadow:.25em 0 0 rgba(255,255,255,0),.5em 0 0 rgba(255,255,255,0)}60%{text-shadow:.25em 0 0 var(--text-color),.5em 0 0 rgba(255,255,255,0)}80%,to{text-shadow:.25em 0 0 var(--text-color),.5em 0 0 var(--text-color)}}.message.error{background-color:#5d1a1a;color:#ffc0c0;align-self:flex-start}.message.easter-egg{font-family:var(--mono-font);font-style:italic;color:var(--text-secondary-color);background-color:transparent;border:1px dashed var(--border-color);text-align:center;align-self:center;width:100%;max-width:600px}.message.system-roll{align-self:center;background-color:var(--background-color);border:1px dashed var(--accent-color);color:var(--text-secondary-color);font-family:var(--mono-font);text-align:center;padding:.5rem 1rem;max-width:80%;border-radius:8px}.message.system-roll strong{color:var(--text-color);font-weight:700}.message.system-file{align-self:center;background-color:var(--background-color);border:1px dashed var(--border-color);color:var(--text-secondary-color);text-align:center;padding:.5rem 1rem;max-width:80%;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:.5rem}.message.system-file.loading:before{content:"";width:16px;height:16px;border:2px solid var(--text-secondary-color);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.tts-controls{display:flex;align-items:center;gap:.75rem;padding:0 .5rem}.tts-button{background:none;border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary-color);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.tts-button:hover{background-color:#ffffff1a}.tts-button svg{width:20px;height:20px}.pause-icon{display:none}.sound-wave{display:flex;align-items:flex-end;gap:3px;height:16px;opacity:0;transition:opacity .3s}.sound-wave.playing{opacity:1}.sound-wave span{width:3px;height:100%;background-color:var(--text-secondary-color);animation:wave 1.2s infinite ease-in-out;animation-play-state:paused;transform-origin:bottom}.sound-wave.playing span{animation-play-state:running}.sound-wave span:nth-child(1){animation-delay:0s}.sound-wave span:nth-child(2){animation-delay:.2s}.sound-wave span:nth-child(3){animation-delay:.4s}.sound-wave span:nth-child(4){animation-delay:.6s}@keyframes wave{0%,to{transform:scaleY(.1)}50%{transform:scaleY(1)}}footer{padding:1rem;background-color:var(--background-color);position:relative}#chat-form{display:flex;flex-direction:column;max-width:800px;margin:0 auto;background-color:var(--model-message-bg);border:1px solid var(--border-color);border-radius:2rem;position:relative}#chat-form:focus-within{border-color:var(--accent-color)}.input-row{display:flex;gap:.75rem;align-items:flex-end;padding:.5rem .5rem .5rem 1.25rem}#file-upload-btn{background:none;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;flex-shrink:0;color:var(--text-secondary-color);padding:0}#file-upload-btn:hover{background-color:var(--sidebar-color);color:var(--text-color)}#file-upload-btn:disabled{cursor:not-allowed;opacity:.5}#file-upload-btn svg{width:22px;height:22px}#inventory-btn{background:none;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;flex-shrink:0;color:var(--text-secondary-color);padding:0}#inventory-btn:hover{background-color:var(--sidebar-color);color:var(--text-color)}#inventory-btn:disabled{cursor:not-allowed;opacity:.5}#inventory-btn svg{width:22px;height:22px}#chat-input{flex-grow:1;background-color:transparent;color:var(--text-color);border:none;padding:.5rem 0;font-family:var(--primary-font);font-size:1rem;resize:none;max-height:200px;scrollbar-width:none}#chat-input::-webkit-scrollbar{display:none}#chat-input:focus{outline:none}#chat-form button[type=submit]{background-color:var(--accent-color);border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;flex-shrink:0}#chat-form button[type=submit]:hover{background-color:var(--accent-hover-color)}#chat-form button[type=submit]:disabled{background-color:#555;opacity:.5;cursor:not-allowed}#chat-form button[type=submit] svg{width:24px;height:24px;fill:var(--background-color)}.quick-actions-bar{display:flex;justify-content:center;gap:.5rem;margin:0 auto .75rem;flex-wrap:wrap;max-width:800px}.quick-action-btn{background-color:transparent;border:1px solid var(--border-color);color:var(--text-secondary-color);font-family:var(--primary-font);font-size:.85rem;padding:.3rem .9rem;border-radius:2rem;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.quick-action-btn:hover{background-color:var(--model-message-bg);border-color:var(--accent-color);color:var(--accent-color)}.inventory-popup{position:absolute;bottom:calc(100% + 10px);left:0;width:100%;background-color:var(--model-message-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 -4px 15px #0003;z-index:10;max-height:300px;display:flex;flex-direction:column;visibility:hidden;opacity:0;transform:translateY(10px);transition:visibility .2s,opacity .2s,transform .2s}.inventory-popup.visible{visibility:visible;opacity:1;transform:translateY(0)}.inventory-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.inventory-header h3{font-family:var(--primary-font);font-size:1rem;color:var(--text-secondary-color)}.inventory-header-btn{background:none;border:none;color:var(--text-secondary-color);cursor:pointer;padding:.25rem}.inventory-header-btn:hover{color:var(--text-color)}.inventory-header-btn svg{width:20px;height:20px}.inventory-popup-content{overflow-y:auto;padding:.5rem}.inventory-popup-content ul{list-style:none}.inventory-popup-content li{display:flex;justify-content:space-between;align-items:center;padding:.6rem .5rem;border-radius:4px}.inventory-popup-content li:hover{background-color:var(--background-color)}.inventory-item-name{color:var(--text-color)}.use-item-btn{background:none;border:1px solid var(--border-color);color:var(--accent-color);font-size:.8rem;padding:.2rem .6rem;border-radius:1rem;cursor:pointer;transition:background-color .2s,color .2s}.use-item-btn:hover{background-color:var(--accent-color);color:var(--background-color)}.inventory-popup-content .placeholder{padding:2rem 1rem;text-align:center;color:var(--text-secondary-color)}.sidebar-footer{padding:1rem;border-top:1px solid var(--border-color);margin-top:auto;display:flex;flex-direction:column;gap:1.5rem}#data-management h2,#context-manager h2{font-family:var(--primary-font);font-weight:400;font-size:.9rem;color:var(--text-secondary-color);padding-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.sidebar-section-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.sidebar-section-header h2{padding-bottom:0}.sidebar-section-header button{background:none;border:none;color:var(--text-secondary-color);cursor:pointer;padding:0;display:flex;align-items:center;transition:transform .3s ease-in-out}#context-content{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out,padding-top .3s ease-in-out}#context-manager.expanded #context-content{max-height:250px;padding-top:1rem}#context-manager.expanded #context-toggle-btn{transform:rotate(180deg)}.data-buttons{display:flex;gap:.5rem}.sidebar-footer-btn{flex-grow:1;background-color:var(--model-message-bg);border:1px solid var(--border-color);color:var(--text-secondary-color);padding:.5rem;border-radius:4px;cursor:pointer;font-family:var(--primary-font);font-size:.9rem;transition:background-color .2s,color .2s}.sidebar-footer-btn:hover{background-color:var(--user-message-bg);color:var(--text-color)}#context-form{display:flex;gap:.5rem;margin-bottom:1rem}#context-input{flex-grow:1;background-color:var(--background-color);border:1px solid var(--border-color);color:var(--text-color);border-radius:4px;padding:.5rem;font-family:var(--primary-font);font-size:.9rem}#context-input:focus{outline:none;border-color:var(--accent-color)}#context-form button{background:none;border:1px solid var(--border-color);color:var(--text-secondary-color);border-radius:4px;cursor:pointer;width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center}#context-form button:hover{background-color:#ffffff1a;color:var(--text-color)}#context-form button svg{width:20px;height:20px}#context-list{list-style:none;max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;scrollbar-width:thin;scrollbar-color:var(--border-color) var(--background-color)}#context-list::-webkit-scrollbar{width:8px}#context-list::-webkit-scrollbar-track{background:var(--background-color)}#context-list::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.context-item{display:flex;align-items:center;justify-content:space-between;background-color:var(--background-color);padding:.5rem .75rem;border-radius:4px;font-size:.9rem}.context-item span{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:.5rem}.context-item button{background:none;border:none;color:var(--text-secondary-color);cursor:pointer;flex-shrink:0;padding:2px}.context-item button:hover{color:var(--danger-color)}.context-item button svg{width:16px;height:16px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:2000;display:flex;align-items:center;justify-content:center}.modal-content{background-color:var(--sidebar-color);border:1px solid var(--border-color);border-radius:12px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 5px 15px #00000080}.modal-content form{display:flex;flex-direction:column;flex-grow:1}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{font-family:var(--title-font);color:var(--accent-color);font-size:1.5rem}.close-modal-btn{background:none;border:none;color:var(--text-secondary-color);cursor:pointer;padding:.5rem}.close-modal-btn:hover{color:var(--text-color)}.close-modal-btn svg{width:24px;height:24px}.modal-body{padding:1.5rem;overflow-y:auto;line-height:1.7}.modal-body section{margin-top:1.5rem}.modal-body section:first-child{margin-top:0}.modal-body h3{font-family:var(--primary-font);font-weight:700;font-size:1.2rem;color:var(--accent-color);margin-bottom:.75rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.modal-body p{margin-bottom:1rem;color:var(--text-color)}.modal-body ul{list-style-position:inside;padding-left:.5rem;margin-bottom:1rem}.modal-body li{margin-bottom:.5rem}.modal-body li::marker{color:var(--accent-color)}.modal-body code{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:4px;padding:.2em .4em;font-family:var(--mono-font);font-size:.9em;color:var(--accent-hover-color)}.modal-body #rename-input{width:100%;background-color:var(--background-color);border:1px solid var(--border-color);color:var(--text-color);border-radius:4px;padding:.75rem;font-family:var(--primary-font);font-size:1rem}.modal-body #rename-input:focus{outline:none;border-color:var(--accent-color)}.modal-body .help-clue{font-style:italic;color:var(--text-secondary-color);margin-top:1rem;text-align:center}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.75rem}.modal-footer-btn{border:none;padding:.6rem 1.2rem;border-radius:8px;font-family:var(--primary-font);font-size:.9rem;font-weight:700;cursor:pointer;transition:background-color .2s,opacity .2s}.btn-secondary{background-color:var(--model-message-bg);border:1px solid var(--border-color);color:var(--text-color)}.btn-secondary:hover{background-color:var(--user-message-bg)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{opacity:.85}.update-feature{margin-bottom:1.5rem;padding-left:1rem;border-left:3px solid var(--accent-color)}.update-feature h3{border-bottom:none;padding-bottom:0;margin-bottom:.5rem}.chat-options-menu{position:absolute;z-index:1001;background-color:var(--model-message-bg);border:1px solid var(--border-color);border-radius:8px;list-style:none;padding:.5rem 0;min-width:150px;box-shadow:0 4px 12px #0000004d}.chat-options-menu li{padding:.75rem 1.25rem;cursor:pointer;font-size:.9rem}.chat-options-menu li:hover{background-color:var(--user-message-bg)}.chat-options-menu li.danger-action{color:var(--danger-color)}.chat-options-menu li.danger-action:hover{background-color:var(--danger-color);color:#fff}.logbook-update-btn{background-color:var(--user-message-bg);border:1px solid var(--border-color);color:var(--text-color);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-family:var(--primary-font);font-size:1rem;transition:background-color .2s;margin-top:1rem}.logbook-update-btn:hover{background-color:#3a4b5c}.logbook-update-btn:disabled{opacity:.5;cursor:not-allowed}.hidden{display:none!important}.wide-modal{max-width:1000px}.logbook-body{display:flex;flex-grow:1;overflow:hidden;min-height:0}.logbook-nav{display:flex;flex-direction:column;padding:1rem;border-right:1px solid var(--border-color);flex-shrink:0}.logbook-nav-btn{background:none;border:none;color:var(--text-secondary-color);padding:.75rem 1.5rem;text-align:left;width:100%;cursor:pointer;border-radius:8px;font-size:1rem;font-family:var(--primary-font);margin-bottom:.5rem}.logbook-nav-btn:hover{background-color:var(--background-color)}.logbook-nav-btn.active{background-color:var(--user-message-bg);color:var(--text-color);font-weight:700}.logbook-content{flex-grow:1;padding:1rem 1.5rem;overflow-y:auto;min-height:0}.logbook-pane{display:none}.logbook-pane.active{display:block}.logbook-pane h3{font-family:var(--primary-font);font-weight:700;font-size:1.2rem;color:var(--accent-color);margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.logbook-data-container{background-color:var(--background-color);border-radius:8px;padding:1rem;min-height:150px;margin-bottom:1rem;white-space:pre-wrap;font-family:var(--mono-font);color:var(--text-secondary-color);border:1px solid var(--border-color)}#character-sheet-content{display:flex;flex-direction:column}#character-sheet-display{flex-grow:1}.character-sheet{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;font-family:var(--primary-font)}.sheet-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;color:var(--text-secondary-color)}.sheet-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--border-color);padding-bottom:1rem;margin-bottom:1rem}.sheet-char-name{font-family:var(--title-font);font-size:2.5rem;color:var(--accent-color);line-height:1}.sheet-char-details{font-size:1rem;color:var(--text-secondary-color);text-align:right}.sheet-main-content{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem}.sheet-stats-column{display:flex;flex-direction:column;gap:1rem}.sheet-core-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-box{background-color:var(--model-message-bg);border:1px solid var(--border-color);border-radius:8px;text-align:center;padding:.75rem}.stat-box-label{font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary-color)}.stat-box-score{font-size:2.25rem;font-weight:700;line-height:1.1;color:var(--text-color)}.stat-box-mod{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:1rem;padding:.1rem .5rem;font-size:.9rem;font-weight:700;display:inline-block;margin-top:.25rem;color:var(--accent-color)}.sheet-combat-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.sheet-skills-column h4{font-size:1rem;font-weight:700;margin-bottom:.75rem;color:var(--accent-color);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.sheet-skills-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 1.5rem;font-size:.9rem}.skill-item{display:flex;align-items:center;gap:.5rem}.skill-prof{width:12px;height:12px;border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center}.skill-prof.proficient{background-color:var(--accent-color);border-color:var(--accent-color)}.skill-name{color:var(--text-color)}.sheet-features{margin-top:1rem}.sheet-features ul{list-style:none;padding-left:0}.sheet-features li{background-color:var(--model-message-bg);border-radius:4px;padding:.5rem .75rem;margin-bottom:.5rem;font-size:.9rem}#achievements-display{padding:0}.achievements-list{list-style:none;padding:0;margin:0}.achievement-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;border-bottom:1px solid var(--border-color)}.achievement-item:last-child{border-bottom:none}.achievement-icon{flex-shrink:0;color:var(--accent-color);opacity:.8}.achievement-icon svg{width:48px;height:48px}.achievement-details{flex-grow:1}.achievement-name{font-family:var(--title-font);font-size:1.2rem;color:var(--accent-hover-color);margin-bottom:.25rem}.achievement-desc{font-size:.9rem;color:var(--text-secondary-color);line-height:1.5}.character-image-container{display:flex;align-items:center;justify-content:center;background-color:var(--background-color);border-radius:8px;border:1px solid var(--border-color);min-height:400px;position:relative;overflow:hidden}#character-image-display{max-width:100%;max-height:100%;object-fit:contain}#character-image-placeholder{text-align:center;padding:2rem;color:var(--text-secondary-color)}#character-image-placeholder button{margin-top:1rem}#character-image-loading{text-align:center;color:var(--text-secondary-color)}#character-image-loading p{margin-bottom:1.5rem}.spinner{border:4px solid rgba(255,255,255,.1);width:36px;height:36px;border-radius:50%;border-left-color:var(--accent-color);margin:0 auto;animation:spin 1s ease infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.setting-item{display:flex;flex-direction:column}.setting-item label{margin-bottom:.5rem;color:var(--text-secondary-color);font-size:.9rem}.setting-description{font-size:.8rem;color:var(--text-secondary-color);margin-top:.5rem;line-height:1.4}.setting-item select{background-color:var(--background-color);border:1px solid var(--border-color);color:var(--text-color);padding:.75rem;border-radius:4px;font-family:var(--primary-font);font-size:1rem}.setting-item select:focus{outline:none;border-color:var(--accent-color)}.settings-separator{height:1px;background-color:var(--border-color);margin:2rem 0}.setting-button-group{display:flex;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.setting-button-group button{flex-grow:1;background:none;border:none;color:var(--text-secondary-color);padding:.5rem;cursor:pointer;border-right:1px solid var(--border-color);transition:background-color .2s;font-family:var(--primary-font)}.setting-button-group button:last-child{border-right:none}.setting-button-group button:hover{background-color:var(--background-color)}.setting-button-group button.active{background-color:var(--user-message-bg);color:var(--text-color)}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--background-color);border:1px solid var(--border-color);transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:var(--text-secondary-color);transition:.4s}input:checked+.slider{background-color:var(--accent-color)}input:checked+.slider:before{transform:translate(22px);background-color:var(--background-color)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.theme-card{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.theme-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000004d;border-color:var(--accent-color)}.theme-preview{display:flex;height:100px;align-items:center;justify-content:center;gap:10px;padding:15px}.palette-swatch{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.2);box-shadow:0 2px 4px #0000004d}.theme-name{padding:1rem;background-color:var(--model-message-bg);text-align:center;font-weight:700}.dice-modal-body{display:flex;flex-direction:column;gap:1.5rem}.dice-controls{display:flex;align-items:center;gap:1rem}.dice-controls label{color:var(--text-secondary-color)}#dice-theme-select{background-color:var(--background-color);border:1px solid var(--border-color);color:var(--text-color);padding:.5rem;border-radius:4px;font-family:var(--primary-font)}.dice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1.5rem}.die-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background-color:var(--user-message-bg);border-radius:12px;border:1px solid var(--border-color);transition:background-color .2s,border-color .2s}.die-item:hover{border-color:var(--accent-color)}.die-visual{width:80px;height:80px;cursor:pointer;transition:transform .2s ease-in-out}.die-visual:hover{transform:scale(1.1)}.die-visual.rolling{animation:roll-animation .5s ease-in-out}.die-visual svg{width:100%;height:100%;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.25))}.die-visual .die-text{font-family:Helvetica Neue,Lato,Montserrat,sans-serif;font-size:28px;font-weight:700;fill:#fff;text-anchor:middle;dominant-baseline:middle;pointer-events:none}@keyframes roll-animation{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(15deg)}75%{transform:scale(.9) rotate(-15deg)}to{transform:scale(1) rotate(0)}}.quantity-control{display:flex;align-items:center;gap:.5rem}.quantity-control button{width:28px;height:28px;background-color:var(--background-color);border:1px solid var(--border-color);color:var(--text-secondary-color);cursor:pointer;border-radius:50%;font-size:1.2rem;line-height:1;transition:background-color .2s}.quantity-control button:hover{background-color:var(--model-message-bg);color:var(--text-color)}.quantity-control input{width:40px;text-align:center;background:transparent;border:none;border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:1rem;-moz-appearance:textfield}.quantity-control input::-webkit-outer-spin-button,.quantity-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dice-results-area{border-top:1px solid var(--border-color);padding-top:1rem}.dice-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.dice-results-header h3{margin:0;border:none;padding:0}#clear-results-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary-color);padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;cursor:pointer}#clear-results-btn:hover{background-color:var(--model-message-bg);color:var(--text-color)}#dice-results-log{background-color:var(--background-color);min-height:80px;max-height:150px;overflow-y:auto;border-radius:4px;padding:.5rem;margin-bottom:1rem;font-family:var(--mono-font)}#dice-results-log p{margin:0 0 .5rem;padding-bottom:.5rem;border-bottom:1px dashed var(--border-color)}#dice-results-log p:last-child{margin-bottom:0;border-bottom:none}.dice-results-total{text-align:right;font-size:1.2rem;font-weight:700}#dice-total-value{color:var(--accent-color);margin-left:.5rem;font-size:1.5rem}.quick-start-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.quick-start-card{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.quick-start-card:hover{transform:translateY(-4px);border-color:var(--accent-color);box-shadow:0 4px 15px #0003}.quick-start-name{font-family:var(--title-font);color:var(--accent-color);font-size:1.5rem;margin-bottom:.25rem}.quick-start-race-class{font-weight:700;color:var(--text-secondary-color);margin-bottom:1rem}.quick-start-desc{font-size:.9rem;line-height:1.5;color:var(--text-color)}.quick-start-card.selected{border-color:var(--accent-hover-color);box-shadow:0 0 10px var(--accent-color);transform:scale(1.02)}.quick-start-card.disabled{opacity:.5;pointer-events:none}.narrator-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.narrator-choice-group{display:flex;flex-direction:column;gap:.5rem}.narrator-choice-group h4{font-family:var(--primary-font);font-weight:700;color:var(--accent-color);margin-bottom:.25rem}.narrator-choice-btn{background-color:var(--background-color);border:1px solid var(--border-color);color:var(--text-color);padding:.75rem 1rem;border-radius:8px;cursor:pointer;text-align:left;transition:background-color .2s,border-color .2s;font-family:var(--primary-font)}.narrator-choice-btn:hover{background-color:var(--user-message-bg);border-color:var(--text-secondary-color)}.narrator-choice-btn.selected{background-color:var(--accent-color);border-color:var(--accent-hover-color);color:var(--background-color)}.narrator-choice-btn.selected .choice-desc{color:var(--sidebar-color)}.narrator-choice-btn.disabled{opacity:.5;pointer-events:none}.choice-title{font-weight:700;font-size:1rem}.choice-desc{font-size:.85rem;color:var(--text-secondary-color);margin-top:.25rem}@media(max-width:768px){.message,.message-model-container{max-width:95%}body:not(.sidebar-open) #sidebar{transform:translate(calc(-1 * var(--sidebar-width)))}body.sidebar-open .chat-view{margin-left:0;transform:translate(var(--sidebar-width))}.chat-view{transition:transform .3s ease-in-out}.logbook-body{flex-direction:column}.logbook-nav{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border-color);padding:.5rem;gap:.5rem;scrollbar-width:none}.logbook-nav::-webkit-scrollbar{display:none}.logbook-nav-btn{width:auto;white-space:nowrap;margin-bottom:0;padding:.5rem 1rem;font-size:.9rem;flex-shrink:0}.sheet-main-content,.sheet-skills-list{grid-template-columns:1fr}}