.story-modal{opacity:0;transition:opacity .3s ease-in-out}.story-modal.opacity-100{opacity:1}.story-container{opacity:0;transform:translateY(20px);transition:all .5s ease}.story-container.visible{opacity:1;transform:translateY(0)}.story-title{color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,.5)}.story-paragraph{margin-bottom:1rem;line-height:1.8;text-indent:1rem}.story-quote{position:relative;padding:1.5rem;margin:2rem 0;border-left:4px solid #fbbf24;background:rgba(251,191,36,.1);border-radius:.5rem}.story-quote:before{content:'"';position:absolute;top:-10px;left:10px;font-size:3rem;color:#fbbf24;opacity:.3}.story-loading{min-height:300px}.story-error{color:#ef4444}.story-modal-body{scrollbar-width:thin;scrollbar-color:#4b5563 #1f2937}.story-modal-body::-webkit-scrollbar{width:8px}.story-modal-body::-webkit-scrollbar-track{background:#1f2937;border-radius:4px}.story-modal-body::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.story-modal-body::-webkit-scrollbar-thumb:hover{background:#6b7280}@media (max-width: 768px){.story-modal-body{padding:1rem}.story-title{font-size:1.5rem}.story-paragraph{font-size:.875rem}}