@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Quicksand:wght@400;500;600&display=swap";:root{font-family:Quicksand,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}*{box-sizing:border-box;margin:0;padding:0}:root{--book-bg: #fdf6e3;--book-cover: #d4a574;--book-spine: #8b6914;--text-color: #2c1810;--accent-pink: #e8b4b8;--accent-gold: #d4a574;--button-bg: #e8d5c4;--button-hover: #d4c4b0}body{font-family:Quicksand,sans-serif;background:linear-gradient(135deg,#fef6f6,#f5e6d3,#e8d4c4);min-height:100vh;color:var(--text-color)}#root{max-width:900px;margin:0 auto;padding:20px}.app{display:flex;flex-direction:column;align-items:center;gap:30px}.app.loading{justify-content:center;min-height:80vh}.loading-book{font-family:Cormorant Garamond,serif;font-size:1.5rem;color:var(--book-spine);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.storybook{width:100%;max-width:700px;perspective:1500px}.book-cover{background:var(--book-bg);border-radius:8px 20px 20px 8px;box-shadow:0 4px 6px #0000001a,0 10px 20px #00000026,inset 4px 0 20px #8b69141a,inset -2px 0 10px #0000000d;padding:40px;position:relative;border:3px solid var(--book-cover);min-height:400px}.book-cover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:30px;background:linear-gradient(90deg,var(--book-spine),var(--book-cover));border-radius:8px 0 0 8px}.book-content{padding-left:30px}.title{font-family:Cormorant Garamond,serif;font-size:2.2rem;font-weight:700;color:var(--book-spine);text-align:center;margin-bottom:25px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.story-text{font-family:Cormorant Garamond,serif;font-size:1.4rem;line-height:1.9;color:var(--text-color);text-align:justify;margin-bottom:30px}.story-image{width:100%;max-height:250px;object-fit:cover;border-radius:10px;margin-bottom:20px;box-shadow:0 4px 12px #00000026}.choices{display:flex;flex-direction:column;gap:15px;margin-top:25px}.choice-btn{font-family:Quicksand,sans-serif;font-size:1.1rem;font-weight:600;padding:15px 25px;background:linear-gradient(135deg,var(--button-bg),var(--button-hover));border:2px solid var(--accent-gold);border-radius:25px;cursor:pointer;transition:all .3s ease;color:var(--text-color);box-shadow:0 3px 8px #0000001a}.choice-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00000026;background:linear-gradient(135deg,var(--accent-pink),var(--button-bg))}.choice-btn:active{transform:translateY(0)}.controls{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.control-btn{font-family:Quicksand,sans-serif;font-size:1rem;font-weight:600;padding:12px 24px;border:none;border-radius:30px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.control-btn.speak{background:linear-gradient(135deg,#9b8ed4,#7c6cb8);color:#fff}.control-btn.speak:hover{background:linear-gradient(135deg,#8a7cc4,#6b5ca8)}.control-btn.speak.active{background:linear-gradient(135deg,#7c6cb8,#6b5ca8);animation:glow 1.5s ease-in-out infinite}.control-btn.listen{background:linear-gradient(135deg,#e8a4b8,#d4849a);color:#fff}.control-btn.listen:hover{background:linear-gradient(135deg,#d494a8,#c4748a)}.control-btn.listen.active{background:linear-gradient(135deg,#d4849a,#c4748a);animation:pulse-mic 1s ease-in-out infinite}.control-btn.admin{background:linear-gradient(135deg,#a4b8a4,#8ca88c);color:#fff}.control-btn.admin:hover{background:linear-gradient(135deg,#94a894,#7c987c)}@keyframes glow{0%,to{box-shadow:0 0 10px #9b8ed480}50%{box-shadow:0 0 20px #9b8ed4cc}}@keyframes pulse-mic{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.admin-panel{width:100%;max-width:600px;background:#fff;border-radius:15px;padding:25px;box-shadow:0 5px 20px #0000001a}.admin-panel h2{font-family:Cormorant Garamond,serif;color:var(--book-spine);margin-bottom:20px;text-align:center}.admin-section{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #eee}.admin-section:last-child{border-bottom:none}.admin-section h3{font-size:1rem;color:var(--text-color);margin-bottom:10px}.edit-form{display:flex;flex-direction:column;gap:10px;margin-top:15px}.edit-form input,.edit-form textarea{font-family:Quicksand,sans-serif;font-size:.95rem;padding:10px;border:2px solid var(--button-bg);border-radius:8px;resize:vertical}.edit-form input:focus,.edit-form textarea:focus{outline:none;border-color:var(--accent-gold)}.edit-form button{font-family:Quicksand,sans-serif;font-weight:600;padding:10px 20px;background:linear-gradient(135deg,var(--accent-gold),var(--book-spine));color:#fff;border:none;border-radius:20px;cursor:pointer;transition:all .3s ease}.edit-form button:hover{transform:translateY(-2px);box-shadow:0 3px 10px #0003}@media(max-width:600px){.book-cover{padding:25px}.title{font-size:1.8rem}.story-text{font-size:1.2rem}.choice-btn{font-size:1rem;padding:12px 20px}.controls{flex-direction:column;width:100%}.control-btn{width:100%;justify-content:center}}