html,body{margin:0;padding:0;font-family:Arial,sans-serif;transition:background-color .3s,color .3s}body.light-mode{background-color:#f9f9f9;color:#000}body.dark-mode{background-color:#121212;color:#fff}.app-container{max-width:600px;margin:auto;padding:20px;background-color:#1e1e1e;border:1px solid #333;border-radius:10px;box-shadow:0 4px 8px #0000004d}body.light-mode .app-container{background-color:#fff;border:1px solid #e0e0e0}h1{text-align:center;color:inherit}.story-container{margin-bottom:10px;padding:15px;border:1px solid #444;border-radius:5px;height:200px;overflow-y:auto;background-color:#1e1e1e;color:#fff;box-sizing:border-box;width:100%}body.light-mode .story-container{background-color:#fff;border:1px solid #ccc}textarea{resize:none;width:100%;margin-bottom:10px;padding:10px;border:1px solid #444;border-radius:5px;height:100px;background-color:#1e1e1e;color:#fff}body.light-mode textarea{background-color:#fff;border:1px solid #ccc;color:#000}.input-container{margin-bottom:10px;padding:15px;border:1px solid #444;border-radius:5px;overflow-y:auto;background-color:#1e1e1e;color:#fff;box-sizing:border-box;width:100%}body.light-mode .input-container{background-color:#fff;border:1px solid #ccc}button{width:100%;padding:10px 0;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-bottom:10px;transition:background-color .3s}button:hover{background-color:#0056b3}p{text-align:center;color:#ccc}.loader{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin 2s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.slider-container{display:flex;justify-content:center;align-items:center;margin-left:100px;margin-top:20px}.slider-label{margin-right:10px;color:inherit}.slider{cursor:pointer}.Story-selector-button{font-size:small;background-color:#007bff;color:#fff;padding:5px 10px;border:none;border-radius:3px;width:28%;cursor:pointer;transition:background-color .3s}.Story-selector-button:hover{background-color:#0056b3}.Story-selector-text{width:70%;padding:5px;border:1px solid #444;border-radius:3px;background-color:#1e1e1e;color:#fff}body.light-mode .Story-selector-text{background-color:#fff;border:1px solid #ccc;color:#000}.copyLinkToClipboard-button{font-size:small;background-color:#007bff;color:#fff;padding:5px 10px;border:none;border-radius:3px;width:40%;cursor:pointer;transition:background-color .3s}.copyLinkToClipboard-button:hover{background-color:#0056b3}.button-container{display:flex;justify-content:space-between;gap:10px}.button-container button{flex:1}.prompt-input{margin-bottom:10px;padding:15px;border:1px solid #444;border-radius:5px;overflow-y:auto;background-color:#1e1e1e;color:#fff;box-sizing:border-box;width:100%}body.light-mode .prompt-input{background-color:#fff;border:1px solid #ccc;color:#000}