body{font-family:Arial,sans-serif;margin:0;padding:0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 400"><rect width="600" height="200" fill="%23FCD116"/><rect y="200" width="600" height="100" fill="%230033A0"/><rect y="300" width="600" height="100" fill="%23CE1126"/></svg>');background-size:cover;background-attachment:fixed;color:#e0e0e0}a{color:#e0e0e0;text-decoration:none}.app-container{max-width:800px;margin:5rem auto;padding:20px;background-color:#121212e6;border-radius:10px;box-shadow:0 0 10px #00000080}.header{text-align:center;margin-bottom:20px}.header h1{color:#fcd116;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.chat-container{background-color:#1e1e1ecc;border-radius:8px;padding:20px;height:400px;overflow-y:auto;margin-bottom:20px}.message{display:flex;margin-bottom:10px;padding:10px;border-radius:8px}.message-avatar{width:50px;height:50px;border-radius:50%;margin-right:.75rem;cursor:pointer}.user{display:flex;justify-content:end;background-color:#2c3e50cc;text-align:right}.ai{display:flex;background-color:#34495ecc}.system{background-color:#7f8c8dcc;font-style:italic}.thinking{background-color:#34495ecc;font-style:italic;color:#bdc3c7}.input-area{display:flex;flex-direction:column}.input-container{display:flex;margin-bottom:10px}.highlight-input{box-shadow:0 0 10px #bdc3c7;border-color:#bdc3c7;transition:all .3s ease}#user-input{flex-grow:1;padding:10px;border:1px solid #555;border-radius:4px;background-color:#2c3e50cc;color:#e0e0e0}#user-input::placeholder{font-weight:600;color:#fcd116;opacity:1}#send-button{padding:10px 20px;background-color:#fcd116;color:#000;border:none;border-radius:4px;cursor:pointer;margin-left:10px}.character-management{display:flex;justify-content:space-between;margin-top:20px}.character-button{padding:10px 20px;background-color:#0033a0;color:#fff;border:none;border-radius:4px;cursor:pointer}.nsfw-toggle{display:flex;align-items:center;margin-top:10px}.switch{position:relative;display:inline-block;width:60px;height:34px;margin-left:10px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#555;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#ce1126}input:checked+.slider:before{transform:translate(26px)}.nsfw-warning{color:#ce1126;display:none;margin-top:10px}.settings-button{position:fixed;bottom:20px;right:20px;background-color:#fcd116;color:#000;border:none;border-radius:50%;width:50px;height:50px;font-size:24px;cursor:pointer}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000b3}.modal-content{background-color:#2c3e50e6;margin:15% auto;padding:20px;border:1px solid #555;width:80%;max-width:600px}.close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.modal-button{display:block;width:100%;padding:10px;margin-top:10px;background-color:#fcd116;color:#000;border:none;border-radius:4px;cursor:pointer}#system-prompt{width:100%;height:100px;margin-top:10px;background-color:#34495ecc;color:#e0e0e0;border:1px solid #555}#saved-characters-list{list-style-type:none;padding:0;margin-top:10px}#saved-characters-list li{background-color:#34495ecc;margin-bottom:5px;padding:10px;border-radius:4px;cursor:pointer}#saved-characters-list li:hover{background-color:#2c3e50cc}.typing-indicator{display:flex;width:40px;align-items:center;gap:.25rem;padding:.5rem;background-color:#6366f11a;border-radius:4px;align-self:flex-start}.typing-indicator span{height:8px;width:8px;background-color:#f3f4f6;display:block;border-radius:50%;opacity:.4;animation:pulse 1s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.1);opacity:.7}}