body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-20px,0)}70%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rainbow{0%{color:#ff6b9d}16%{color:#ffa726}32%{color:#ffee58}48%{color:#66bb6a}64%{color:#42a5f5}80%{color:#ab47bc}to{color:#ff6b9d}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.App{font-family:Comic Sans MS,游ゴシック,Yu Gothic,cursive,sans-serif;text-align:center}.story-bg{background:linear-gradient(135deg,#ffecd2,#fcb69f);background-attachment:fixed;min-height:100vh;padding:20px;position:relative}.story-bg:before{animation:float 3s ease-in-out infinite;content:"⭐ 🌈 ✨ 🦄 🌸 ⭐ 🌈 ✨ 🦄 🌸";font-size:1.5rem;left:0;opacity:.8;pointer-events:none;position:fixed;text-align:center;top:10px;transform:translateX(-50%);width:100%;z-index:100}.story-card{animation:bounce 2s ease-in-out;background:linear-gradient(145deg,#fff,#f8f9ff);border:3px solid #ffb3d9;border-radius:30px;box-shadow:0 10px 30px #ff6b9d33,0 0 20px #ffa7261a;margin:0 auto;max-width:600px;padding:30px;position:relative}.story-card:after{animation:float 2s ease-in-out infinite;content:"🎪";font-size:2rem;position:absolute;right:30px;top:-15px}.story-title{-webkit-text-fill-color:#0000;animation:rainbow 3s ease-in-out infinite;background:linear-gradient(45deg,#ff6b9d,#ffa726,#ffee58,#66bb6a,#42a5f5);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:40px;position:relative;text-align:center;white-space:nowrap}.story-title:before{content:"📚";margin-right:15px}.story-title:after{content:"✨";margin-left:15px}.keyword-inputs{display:block;margin-bottom:30px}.keyword-input{background:linear-gradient(145deg,#fff,#fef7ff);border:3px solid #ffb3d9;border-radius:25px;box-sizing:border-box;font-family:inherit;font-size:16px;margin-bottom:15px;padding:15px 20px;text-align:center;transition:all .3s ease;width:100%}.keyword-input:focus{border-color:#ff6b9d;box-shadow:0 0 20px #ff6b9d4d;outline:none;transform:scale(1.02)}.keyword-input::placeholder{color:#ff9cc7;font-weight:500}.generate-btn{background:linear-gradient(45deg,#ff6b9d,#ffa726);border:none;border-radius:25px;box-shadow:0 8px 15px #ff6b9d4d;color:#fff;cursor:pointer;font-family:inherit;font-size:20px;font-weight:700;margin-bottom:30px;padding:18px 0;position:relative;transition:all .3s ease;width:100%}.generate-btn:hover{box-shadow:0 12px 25px #ff6b9d66;transform:translateY(-3px)}.generate-btn:active{transform:translateY(-1px)}.generate-btn:before{content:"🎨 "}.generate-btn:after{content:" 🌟"}.error-message{background:linear-gradient(145deg,#fff0f5,#ffe0eb);border:2px solid #ff9cc7;border-radius:20px;color:#e91e63;font-size:16px;font-weight:500;margin-bottom:20px;padding:15px 20px;text-align:center}.error-message:before{content:"🚨 "}.loading-spinner{animation:rainbow 2s ease-in-out infinite;color:#ff6b9d;display:inline-block;font-size:18px;font-weight:700;letter-spacing:.05em;position:relative}.loading-spinner:before{content:"🌀 "}.loading-spinner:after{animation:spin 1s linear infinite;border:3px solid #ff6b9d;border-radius:50%;border-top-color:#0000;content:"";display:inline-block;height:20px;margin-left:10px;vertical-align:middle;width:20px}.story-result{background:linear-gradient(145deg,#f0f8ff,#e6f3ff);border:2px solid #b3d9ff;border-radius:20px;color:#2c3e50;font-size:18px;line-height:1.8;margin-bottom:30px;min-height:150px;padding:25px;position:relative;text-align:left;white-space:pre-line}.story-result:before{content:"📖";font-size:1.5rem;position:absolute;right:20px;top:15px}.AppReadButton{align-items:center;display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.AppReadButton label{color:#ff6b9d;font-size:16px;font-weight:700}.AppReadButton label:before{content:"🎤 "}.AppReadButton select{background:linear-gradient(145deg,#fff,#fef7ff);border:2px solid #ffb3d9;border-radius:20px;color:#2c3e50;cursor:pointer;font-family:inherit;font-size:14px;padding:10px 15px}.AppReadButton button{background:linear-gradient(45deg,#66bb6a,#42a5f5);border:none;border-radius:25px;box-shadow:0 6px 12px #42a5f54d;color:#fff;cursor:pointer;font-family:inherit;font-size:18px;font-weight:700;padding:15px 30px;transition:all .3s ease}.AppReadButton button:hover{box-shadow:0 8px 16px #42a5f566;transform:translateY(-2px)}.AppReadButton button:disabled{cursor:not-allowed;opacity:.6;transform:none}.AppReadButton button:before{content:"🔊 "}.story-image-wrap{margin-top:20px;text-align:center}.story-image{border:3px solid #ffb3d9;border-radius:20px;box-shadow:0 10px 25px #00000026;max-width:100%}@media (max-width:768px){.story-bg{padding:15px}.story-card{margin-top:60px;padding:20px}.story-title{font-size:2rem}.AppReadButton button,.generate-btn,.keyword-input{font-size:16px}}
/*# sourceMappingURL=main.d57dea12.css.map*/