@import "https://fonts.googleapis.com/css2?family=Creepster&display=swap";
body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}@keyframes flicker{0%,to{text-shadow:0 0 10px #f60,0 0 20px #f60,2px 2px 4px #00000080}50%{text-shadow:0 0 5px #f60,0 0 10px #f60,2px 2px 4px #00000080}}.title{text-align:center;color:#ff6b35;text-shadow:0 0 10px #f60,0 0 20px #f60,2px 2px 4px #00000080;margin-bottom:40px;font-family:Creepster,cursive;font-size:3rem;animation:2s ease-in-out infinite flicker}.book{justify-content:center;gap:20px;max-width:1000px;margin-top:40px;margin-left:auto;margin-right:auto;display:flex}.page-left,.page-right{color:#333;background-color:#fdf5e6;border-radius:4px;flex:1;min-height:400px;padding:20px;box-shadow:0 4px 8px #0000004d}.page-left{border-right:1px solid #d4c5a9}.page-right{border-left:1px solid #d4c5a9}@media (max-width:768px){.storiesGrid{grid-template-columns:1fr!important}}@media (min-width:769px) and (max-width:1024px){.storiesGrid{grid-template-columns:repeat(2,1fr)!important}}.spooky-audio{background:linear-gradient(135deg,#2a2a2a 0%,#1a1a1a 100%);border:2px solid #ff6b35;box-shadow:0 0 20px #ff6b354d}.spooky-audio::-webkit-media-controls-panel{background-color:#2a2a2a}.spooky-audio::-webkit-media-controls-play-button{background-color:#ff6b35;border-radius:50%}.spooky-audio::-webkit-media-controls-pause-button{background-color:#ff6b35;border-radius:50%}.spooky-audio::-webkit-media-controls-current-time-display{color:#ff6b35;text-shadow:0 0 5px #ff6b3580}.spooky-audio::-webkit-media-controls-time-remaining-display{color:#ff6b35;text-shadow:0 0 5px #ff6b3580}.spooky-audio::-webkit-media-controls-timeline{background-color:#1a1a1a;border-radius:25px;margin:0 10px}.visualizer-bar{background:linear-gradient(#ff6b35,#8b4513);border-radius:4px 4px 0 0;flex:1;height:20%;transition:height .1s}@keyframes pulse{0%,to{height:20%}50%{height:80%}}.visualizer-bar:nth-child(2n){animation-duration:1s}.visualizer-bar:nth-child(3n){animation-duration:.9s}.visualizer-bar:nth-child(5n){animation-duration:1.1s}.spooky-audio-main{filter:sepia(.5)hue-rotate(15deg);background:linear-gradient(135deg,#2a2a2a 0%,#1a1a1a 100%);border:2px solid #ff6b35;border-radius:8px;width:100%;max-width:500px;box-shadow:0 0 20px #ff6b354d}.spooky-audio-main::-webkit-media-controls-panel{background-color:#2a2a2a}.spooky-audio-main::-webkit-media-controls-play-button{background-color:#ff6b35;border-radius:50%}.spooky-audio-main::-webkit-media-controls-pause-button{background-color:#ff6b35;border-radius:50%}.spooky-audio-main::-webkit-media-controls-current-time-display{color:#ff6b35;text-shadow:0 0 5px #ff6b3580}.spooky-audio-main::-webkit-media-controls-time-remaining-display{color:#ff6b35;text-shadow:0 0 5px #ff6b3580}.spooky-audio-main::-webkit-media-controls-timeline{background-color:#1a1a1a;border-radius:25px;margin:0 10px}.audio-visualizer-main.playing .visualizer-bar{animation:.8s ease-in-out infinite pulse}.whirlwind-animation,.skeleton-animation,.witch-animation{flex-direction:column;align-items:center;gap:20px;display:flex}.whirlwind{font-size:6rem;animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.2)}to{transform:rotate(360deg)scale(1)}}.dancing-skeleton{font-size:6rem;animation:1s ease-in-out infinite dance}@keyframes dance{0%,to{transform:translateY(0)rotate(-5deg)}25%{transform:translateY(-20px)rotate(5deg)}50%{transform:translateY(0)rotate(-5deg)}75%{transform:translateY(-10px)rotate(5deg)}}.flying-witch{font-size:6rem;animation:3s ease-in-out infinite fly}@keyframes fly{0%,to{transform:translate(-50px)translateY(0)rotate(-10deg)}50%{transform:translate(50px)translateY(-30px)rotate(10deg)}}.spooky-text{flex-direction:column;align-items:center;gap:30px;display:flex}.glitch-text{color:#ff6b35;text-shadow:2px 2px 4px #000c,0 0 10px #ff6b35;font-family:Creepster,cursive;font-size:2rem;animation:2s infinite glitch}@keyframes glitch{0%,90%,to{text-shadow:2px 2px 4px #000c,0 0 10px #ff6b35;transform:translate(0)}92%{text-shadow:2px 2px 4px #f00c,0 0 15px red;transform:translate(-2px,2px)}94%{text-shadow:2px 2px 4px #0f0c,0 0 15px #0f0;transform:translate(2px,-2px)}96%{text-shadow:2px 2px 4px #00fc,0 0 15px #00f;transform:translate(-2px,-2px)}}.mystical-symbols{color:#8b4513;text-align:center;font-size:1.5rem;line-height:1.8;animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:.6;text-shadow:0 0 5px #ff6b35}50%{opacity:1;text-shadow:0 0 20px #ff6b35,0 0 30px #ff6b35}}.visualizer-bar{background:linear-gradient(#ff8c5a,#ff6b35);border-radius:4px;width:8px;height:10px;transition:height .1s;animation:none}.audio-visualizer.playing .visualizer-bar{animation:.8s ease-in-out infinite alternate visualize}.audio-visualizer:not(.playing) .visualizer-bar{height:10px;animation:none}@keyframes visualize{0%{height:10px}to{height:80px}}
.admin-btn{cursor:pointer;border:none;border-radius:5px;padding:.6rem 1.2rem;font-size:.95rem;font-weight:600;transition:all .3s}.admin-btn-primary{color:#fff;background:#f60}.admin-btn-primary:hover{background:#f83;transform:translateY(-1px);box-shadow:0 4px 8px #ff66004d}.admin-btn-secondary{color:#ccc;background:#ffffff1a;border:1px solid #444}.admin-btn-secondary:hover:not(:disabled){background:#fff3;border-color:#666}.admin-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.admin-btn-danger{color:#fff;background:#f33}.admin-btn-danger:hover:not(:disabled){background:#f55;transform:translateY(-1px);box-shadow:0 4px 8px #ff33334d}.admin-btn-icon{cursor:pointer;background:0 0;border:none;padding:.3rem;font-size:1.3rem;transition:transform .2s}.admin-btn-icon:hover{transform:scale(1.2)}.admin-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.admin-header h2{color:#f60;text-shadow:2px 2px 4px #00000080;margin:0;font-family:Creepster,cursive;font-size:2rem}.admin-stats{color:#ccc;margin:0;font-size:.95rem}.admin-error{color:#f66;background:#f003;border:1px solid red;border-radius:5px;margin-bottom:1rem;padding:1rem;animation:.3s ease-out slideIn}.admin-success{color:#6f6;background:#0f03;border:1px solid #0f0;border-radius:5px;margin-bottom:1rem;padding:1rem;animation:.3s ease-out slideIn}.admin-loading{text-align:center;color:#ccc;padding:3rem;font-size:1.2rem}.admin-empty{text-align:center;color:#ccc;padding:3rem}.admin-empty p{margin-bottom:1.5rem;font-size:1.2rem}.admin-table-container{background:#0009;border:1px solid #444;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #0000004d}.admin-table{border-collapse:collapse;width:100%}.admin-table thead{background:#f603}.admin-table th{color:#f60;text-align:left;border-bottom:2px solid #f60;padding:1rem;font-size:.95rem;font-weight:600}.admin-table td{color:#ccc;border-bottom:1px solid #333;padding:1rem}.admin-table tbody tr{transition:background .2s}.admin-table tbody tr:hover{background:#ff66001a}.admin-thumbnail{object-fit:cover;border:1px solid #444;border-radius:5px;width:60px;height:60px;transition:transform .2s}.admin-thumbnail:hover{z-index:10;transform:scale(1.5)}.admin-thumbnail-placeholder{background:#ffffff1a;border-radius:5px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex}.admin-story-title{color:#f83;font-weight:600}.admin-story-preview{max-width:400px;font-size:.9rem;line-height:1.4}.admin-date{white-space:nowrap;color:#999;font-size:.85rem}.admin-actions{gap:.5rem;display:flex}.admin-pagination{justify-content:center;align-items:center;gap:1rem;margin-top:2rem;display:flex}.admin-page-info{color:#ccc;font-weight:600}.admin-form-container{background:#0009;border:1px solid #444;border-radius:10px;padding:2rem;box-shadow:0 4px 12px #0000004d}.modal-overlay{z-index:10000;background:#000c;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#1a0033;border:2px solid #f60;border-radius:10px;width:90%;max-width:500px;padding:2rem;animation:.3s ease-out scaleIn;box-shadow:0 0 30px #ff660080}.modal-content h3{color:#f60;margin:0 0 1rem;font-family:Creepster,cursive;font-size:1.5rem}.modal-content p{color:#ccc;margin:0 0 1rem;line-height:1.5}.modal-content strong{color:#f83}.modal-warning{color:#f66;background:#ff00001a;border:1px solid #ff00004d;border-radius:5px;padding:.75rem;font-size:.9rem}.modal-actions{gap:1rem;margin-top:1.5rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.admin-header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-table-container{overflow-x:auto}.admin-story-preview{max-width:200px}.admin-table th,.admin-table td{padding:.75rem .5rem;font-size:.85rem}.admin-thumbnail{width:50px;height:50px}.admin-thumbnail-placeholder{width:50px;height:50px;font-size:1.5rem}.modal-content{padding:1.5rem}.modal-actions{flex-direction:column}.modal-actions .admin-btn{width:100%}}.admin-btn:focus,.admin-btn-icon:focus{outline-offset:2px;outline:2px solid #f60}.admin-table th{z-index:10;background:#f603;position:sticky;top:0}.admin-loading:after{content:"...";animation:1.5s steps(4,end) infinite dots}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}