body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--font-heading:"Lora",serif;--font-body:"Merriweather",serif;--color-parchment:#fdf6e3;--color-page:#fffaf0;--color-text:#5c4033;--color-heading:brown;--color-accent:#e6b85c;--color-accent-dark:#8b4513;--color-border:#d3c0a5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fdf6e3;background-color:var(--color-parchment);background-image:url(https://www.transparenttextures.com/patterns/paper-fibers.png);color:#5c4033;color:var(--color-text);font-family:Merriweather,serif;font-family:var(--font-body);margin:0}.App{text-align:center}.story-creator-page{box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.App-header{background-color:#8b4513;background-color:var(--color-accent-dark);border:2px solid #633a21;border-radius:8px;box-shadow:0 4px 10px #0000004d;flex-shrink:0;padding:15px 20px;position:relative}.App-main{background-color:#fffaf0;background-color:var(--color-page);border:1px solid #d3c0a5;border:1px solid var(--color-border);border-radius:4px;box-shadow:5px 5px 15px #0003;display:flex;flex-grow:1;margin-top:20px;overflow:hidden;padding:30px}.story-container{align-items:center;animation:fadeIn .8s ease-in-out;display:flex;flex-direction:column;gap:25px;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (min-width:820px){.story-container{grid-gap:20px 30px;align-items:start;display:grid;gap:20px 30px;grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:100%}.story-image-container,.story-text-container{display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden}.story-image{position:-webkit-sticky;position:sticky;top:20px;width:100%}.story-text-container{overflow:hidden}.story-text{flex-grow:1;overflow-y:auto}.action-wrapper{flex-shrink:0;margin-top:auto;padding-top:20px}}.landing-page{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:20px}.storybook-cover{background-color:#fffaf0;background-color:var(--color-page);border:1px solid #d3c0a5;border:1px solid var(--color-border);border-radius:8px;box-shadow:5px 5px 20px #00000040;max-width:600px;padding:50px 40px;text-align:center}.welcome-title{color:brown;color:var(--color-heading);font-family:Lora,serif;font-family:var(--font-heading);font-size:3rem;margin:0 0 20px;text-shadow:1px 1px 2px #0000001a}.welcome-text{color:#5c4033;color:var(--color-text);font-family:Merriweather,serif;font-family:var(--font-body);font-size:1.2rem;line-height:1.8;margin:20px 0}.App-header h1{color:#e6b85c;color:var(--color-accent);font-family:Lora,serif;font-family:var(--font-heading);font-size:2.2rem;margin:0;text-shadow:2px 2px 4px #00000080}.header-controls{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:8px;width:100%}.App-header h2{color:#fdf6e3;color:var(--color-parchment);font-size:1.1rem;font-weight:400;margin:0;opacity:.9}.story-image-container{aspect-ratio:1/1;background-color:#00000005;border-radius:4px;width:100%}.image-placeholder,.story-image-container{align-items:center;display:flex;justify-content:center}.image-placeholder{color:#8b4513;color:var(--color-accent-dark);flex-direction:column;font-family:Lora,serif;font-family:var(--font-heading);gap:20px}.loader-spinner{animation:spin 1s linear infinite;border:5px solid #d3c0a5;border-top:5px solid #8b4513;border:5px solid var(--color-border);border-radius:50%;border-top-color:var(--color-accent-dark);height:60px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.story-image{border:8px solid #fffaf0;border:8px solid var(--color-page);border-radius:4px;box-shadow:0 4px 15px #0000004d,0 0 0 1px #d3c0a5;box-shadow:0 4px 15px #0000004d,0 0 0 1px var(--color-border);height:100%;object-fit:cover;width:100%}.story-text{background-color:#00000005;border:1px solid #0000000d;border-radius:4px;box-sizing:border-box;font-size:1.25rem;line-height:1.8;padding:15px;text-align:justify;white-space:pre-wrap;width:100%}.story-text::-webkit-scrollbar{width:8px}.story-text::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.story-text::-webkit-scrollbar-thumb{background:#d3c0a5;background:var(--color-border);border-radius:4px}.story-text::-webkit-scrollbar-thumb:hover{background:#8b4513;background:var(--color-accent-dark)}.story-text:first-letter{color:brown;color:var(--color-heading);float:left;font-family:Lora,serif;font-family:var(--font-heading);font-size:4rem;font-weight:700;line-height:.8;margin-right:10px;margin-top:5px}.action-wrapper{display:flex;flex-direction:column;gap:15px;width:100%}.choices-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr;width:100%}@media (min-width:600px){.choices-container{grid-template-columns:1fr 1fr}}.user-action-form{display:flex;gap:10px;width:100%}.user-action-input{flex-grow:1}.or-separator{color:#d3c0a5;color:var(--color-border);font-family:Lora,serif;font-family:var(--font-heading);font-style:italic;font-weight:700;margin:10px 0}.story-ending{align-items:center;display:flex;flex-direction:column;gap:20px;margin:auto}.story-ending p{color:brown;color:var(--color-heading);font-family:Lora,serif;font-family:var(--font-heading);font-size:1.8rem;font-style:italic;margin:0}.start-form{display:flex;flex-direction:column;gap:20px;margin:auto;max-width:450px;width:100%}.optional-name-input,.start-form input[type=text],.user-action-input{background-color:#fdfdfa;border:1px solid #d3c0a5;border:1px solid var(--color-border);border-radius:4px;box-sizing:border-box;color:#5c4033;color:var(--color-text);font-family:Merriweather,serif;font-family:var(--font-body);font-size:1rem;padding:15px;transition:border-color .3s,box-shadow .3s;width:100%}.optional-name-input:focus,.start-form input[type=text]:focus,.user-action-input:focus{border-color:#8b4513;border-color:var(--color-accent-dark);box-shadow:0 0 5px #8b45134d;outline:none}.length-selector{color:#5c4033;color:var(--color-text);display:flex;gap:20px;justify-content:center;margin:10px 0}.length-selector label{align-items:center;cursor:pointer;display:flex;gap:5px}.restart-button,.start-experience-button{background-color:#8b4513;background-color:var(--color-accent-dark);border:2px solid #0000;border-radius:50px;box-shadow:0 2px 5px #0003;color:#fdf6e3;color:var(--color-parchment);cursor:pointer;font-family:Lora,serif;font-family:var(--font-heading);font-size:1.3rem;font-weight:700;padding:18px 35px;transition:all .3s}.restart-button:hover,.start-experience-button:hover{background-color:sienna;border-color:#633a21;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.choice-button,.start-form button[type=submit],.user-action-button{background-color:#8b4513;background-color:var(--color-accent-dark);border:2px solid #0000;border-radius:50px;box-shadow:0 2px 5px #0003;color:#fdf6e3;color:var(--color-parchment);cursor:pointer;font-family:Lora,serif;font-family:var(--font-heading);font-size:1.1rem;font-weight:700;padding:15px;transition:all .3s}.choice-button:hover:not(:disabled),.start-form button[type=submit]:hover:not(:disabled),.user-action-button:hover:not(:disabled){background-color:sienna;border-color:#633a21;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.choice-button:disabled,.start-form button[type=submit]:disabled,.user-action-button:disabled{background-color:#a9a9a9;box-shadow:none;color:#e0e0e0;cursor:not-allowed;transform:none}.new-story-button{background-color:initial;border:1px solid #e6b85c;border:1px solid var(--color-accent);border-radius:20px;color:#e6b85c;color:var(--color-accent);cursor:pointer;font-family:Lora,serif;font-family:var(--font-heading);font-size:.9rem;font-weight:700;padding:8px 16px;transition:all .3s}.new-story-button:hover{background-color:#e6b85c;background-color:var(--color-accent);color:#8b4513;color:var(--color-accent-dark)}.start-buttons-container{align-items:center;display:flex;flex-direction:column;gap:20px;margin-top:30px}.daily-adventure-button{background-color:initial;border:2px solid #8b4513;border:2px solid var(--color-accent-dark);border-radius:50px;color:#8b4513;color:var(--color-accent-dark);cursor:pointer;font-family:Lora,serif;font-family:var(--font-heading);font-size:1.1rem;font-weight:700;padding:15px 30px;transition:all .3s}.daily-adventure-button:hover{background-color:#8b4513;background-color:var(--color-accent-dark);color:#fdf6e3;color:var(--color-parchment);transform:translateY(-2px)}.music-toggle-button{background-color:#8b451380;border:1px solid #fdf6e3;border:1px solid var(--color-parchment);border-radius:20px;color:#fdf6e3;color:var(--color-parchment);cursor:pointer;font-family:Lora,serif;font-family:var(--font-heading);font-size:.9rem;font-weight:700;padding:10px 15px;position:absolute;right:15px;top:15px;transition:all .3s;z-index:10}.music-toggle-button:hover{background-color:#8b4513;background-color:var(--color-accent-dark);transform:scale(1.05)}.remove-image-btn{align-items:center;background-color:brown;background-color:var(--color-heading);border:2px solid #fffaf0;border:2px solid var(--color-page);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:28px;justify-content:center;line-height:1;position:absolute;right:-5px;top:-5px;transition:all .2s;width:28px}.remove-image-btn:hover{background-color:#c62828;transform:scale(1.1)}.character-choice-tabs{background-color:#f5ede0;border:1px solid #d3c0a5;border:1px solid var(--color-border);border-radius:50px;display:flex;overflow:hidden;width:100%}.character-choice-tabs button{background-color:initial;border:none;color:#5c4033;color:var(--color-text);cursor:pointer;flex:1 1;font-family:Lora,serif;font-family:var(--font-heading);font-size:1rem;padding:12px;transition:background-color .3s}.character-choice-tabs button.active{background-color:#8b4513;background-color:var(--color-accent-dark);color:#fdf6e3;color:var(--color-parchment)}.image-upload-wrapper{display:flex;flex-direction:column;gap:15px;width:100%}.image-upload-container{align-items:center;background-color:#fdfdfa;border:2px dashed #d3c0a5;border:2px dashed var(--color-border);border-radius:4px;box-sizing:border-box;display:flex;justify-content:center;min-height:150px;padding:10px;width:100%}.image-upload-label{background-color:#eee4d2;border-radius:50px;color:#5c4033;color:var(--color-text);cursor:pointer;font-family:Lora,serif;font-family:var(--font-heading);font-size:1rem;padding:15px 30px;transition:background-color .3s}.image-upload-label:hover{background-color:#e6d8c0}.image-preview-wrapper{position:relative}.image-preview{border-radius:4px;max-height:150px;max-width:100%}.error,.loading{border-radius:8px;font-family:Lora,serif;font-family:var(--font-heading);font-size:1.1rem;margin-top:20px;padding:10px 20px}.loading{color:#8b4513;color:var(--color-accent-dark)}.error{background-color:#e57373;color:#fff}.loading-overlay{align-items:center;background-color:#fdf6e3cc;color:#8b4513;color:var(--color-accent-dark);display:flex;font-size:1.5rem;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.loading-overlay,.producer-credit-landing{font-family:Lora,serif;font-family:var(--font-heading)}.producer-credit-landing{color:#5c4033;color:var(--color-text);font-size:1rem;font-style:italic;margin-top:40px;opacity:.7}.persistent-footer{bottom:10px;position:fixed;right:15px;z-index:1000}.persistent-footer p{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fffaf099;border-radius:4px;color:#5c4033;color:var(--color-text);font-family:Merriweather,serif;font-family:var(--font-body);font-size:.8rem;margin:0;opacity:.6;padding:5px 10px;transition:opacity .3s}.persistent-footer:hover p{opacity:1}
/*# sourceMappingURL=main.07c674a3.css.map*/