@import"https://fonts.googleapis.com/css2?family=Ruge+Boogie&display=swap";body{background-color:#b924b6;color:wheat}.dark{background-color:#121212;color:#bb007c}.header{display:flex;justify-content:space-between;align-items:center;margin-top:50px}.header2{display:flex;flex-direction:column;justify-content:space-between}svg:hover{cursor:pointer}p{display:inline;font-style:italic;font-size:larger;line-height:1;font-weight:700}p h1,.textBox h1{display:inline;font-size:1.5em;font-weight:700}.textBox{text-align:center}.typewriter-sparkle-wrap{display:inline}.sparkle-cursor{display:inline;margin-left:1px;vertical-align:middle;pointer-events:none}.sparkle-cursor .sparkle-char{display:inline-block;font-size:1.15em;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.95),0 0 14px rgba(255,220,150,.8),0 0 20px rgba(255,200,100,.5);animation:sparkle-cursor .6s ease-in-out infinite}.sparkle-cursor .sparkle-char:nth-child(1){animation-delay:0s}.sparkle-cursor .sparkle-char:nth-child(2){animation-delay:.15s}.sparkle-cursor .sparkle-char:nth-child(3){animation-delay:.3s}@keyframes sparkle-cursor{0%,to{opacity:.7;transform:scale(.9);filter:brightness(.9)}50%{opacity:1;transform:scale(1.15);filter:brightness(1.2)}}.input-inline{display:inline-flex;align-items:center;gap:.35rem;margin-left:.25rem;vertical-align:middle}.input-inline input{vertical-align:middle}.dice-btn-inline{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;vertical-align:middle}.dice-btn-inline:hover{opacity:.85}#title{color:#fff;font-family:Ruge Boogie,cursive;font-size:4rem}.input-container{display:flex;justify-content:center;margin-top:15px;margin-bottom:30px}input{border:none;border-radius:5px;padding:5px;background-color:#ffffff80;color:#000}input:focus{outline:none;border:2px solid purple;box-shadow:0 0 8px purple}#words-box{position:fixed;bottom:0;left:0}#light{align-self:flex-end;position:absolute;top:0;right:0}.story-image-section{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1.5rem auto;min-height:120px}.story-image-container{display:flex;justify-content:center;max-width:100%}.story-illustration{max-width:min(400px,90vw);border-radius:12px;box-shadow:0 4px 20px #0000004d}.image-arrow{background:#fff3;color:wheat;border:1px solid rgba(255,255,255,.4);border-radius:8px;width:44px;height:44px;font-size:1.8rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.image-arrow:hover:not(:disabled){background:#ffffff59}.image-arrow:disabled{opacity:.4;cursor:not-allowed}.story-image-placeholder{color:#fff9;font-style:italic;font-size:.95rem}.audio-control{display:flex;justify-content:center;margin:.5rem 0 1rem}.play-audio-btn{background:#fff3;color:wheat;border:1px solid rgba(255,255,255,.4);border-radius:8px;padding:.4rem .8rem;cursor:pointer;font-size:.95rem}.play-audio-btn:hover{background:#ffffff4d}