:root{--primary-color: #32cd32;--secondary-color: #228b22;--background-color: #121212;--surface-color: #1e1e1e;--text-color: #e0e0e0;--input-background: #2c2c2c}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;background-color:var(--background-color);color:var(--text-color)}.app-container{max-width:800px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:20px}a{text-decoration:none;color:var(--primary-color)}h1{color:var(--primary-color)}.chat-container{background-color:var(--surface-color);border-radius:10px;padding:20px;height:60vh;overflow-y:auto;margin-bottom:20px}.message{margin-bottom:15px;padding:10px;border-radius:5px}.user{background-color:var(--primary-color);color:var(--background-color);align-self:flex-end}.ai{background-color:var(--secondary-color);color:var(--text-color)}.system{background-color:#4a4a4a;color:var(--text-color)}.input-area{display:flex;flex-direction:column}.input-container{display:flex;margin-bottom:10px}#user-input{flex-grow:1;padding:10px;border:2px solid var(--primary-color);border-radius:5px;font-size:16px;background-color:var(--input-background);color:var(--text-color)}#send-button{background-color:var(--primary-color);color:var(--background-color);border:none;border-radius:5px;padding:10px 20px;margin-left:10px;cursor:pointer}#send-button svg{width:24px;height:24px;fill:var(--background-color)}.character-management{display:flex;justify-content:space-between;margin-top:10px}.character-button{background-color:var(--secondary-color);color:var(--text-color);border:none;border-radius:5px;padding:10px;cursor:pointer}.nsfw-toggle{display:flex;align-items:center;margin-top:10px}.nsfw-toggle label{margin-right:10px}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#4a4a4a;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:var(--text-color);transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translate(26px)}.nsfw-warning{color:#ff4500;font-weight:700;margin-top:10px;display:none}.settings-button{background-color:var(--secondary-color);color:var(--text-color);border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;position:fixed;bottom:20px;right:20px}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.modal-content{background-color:var(--surface-color);margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:500px;color:var(--text-color)}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:var(--text-color);text-decoration:none;cursor:pointer}#system-prompt{width:100%;height:100px;margin-top:10px;margin-bottom:10px;padding:5px;background-color:var(--input-background);color:var(--text-color);border:1px solid var(--primary-color);border-radius:5px}.modal-button{background-color:var(--primary-color);color:var(--background-color);border:none;border-radius:5px;padding:10px;margin-top:10px;cursor:pointer}@media (max-width: 600px){.app-container{padding:10px}.chat-container{height:50vh}.character-management{flex-direction:column}.character-button{margin-bottom:10px}}