.comic-reader{color:#f5eedc;background:linear-gradient(135deg,#0a0e27 0%,#1c2a3a 100%);min-height:100vh;padding:100px 20px 60px;position:relative;overflow:hidden}.comic-reader:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 30%,#4da6ff1a 0%,#0000 50%),radial-gradient(circle at 80% 70%,#4fd1c514 0%,#0000 50%);position:absolute;inset:0}.comic-reader-container{z-index:1;max-width:1000px;margin:0 auto;position:relative}.back-link{-webkit-backdrop-filter:blur(10px);color:#4fd1c5;text-shadow:0 0 10px #4fd1c580;background:#4fd1c533;border:2px solid #4fd1c566;border-radius:12px;margin-bottom:30px;padding:12px 24px;font-family:Source Sans Pro,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.back-link:hover{background:#4fd1c54d;border-color:#4fd1c599;transform:translate(-5px);box-shadow:0 0 20px #4fd1c566}.comic-display{-webkit-backdrop-filter:blur(15px);background:#ffffff0d;border:2px solid #4da6ff4d;border-radius:16px;margin-bottom:30px;padding:20px;transition:all .4s;box-shadow:0 8px 32px #0000004d,0 0 40px #4da6ff33,inset 0 1px #ffffff1a}.comic-display:hover{transform:translateY(-5px);box-shadow:0 12px 48px #0006,0 0 60px #4da6ff4d}.comic-display img{border-radius:12px;width:100%;height:auto;display:block;box-shadow:0 4px 20px #00000080}.comic-navigation{justify-content:space-between;gap:20px;margin-bottom:40px;display:flex}.nav-button{-webkit-backdrop-filter:blur(10px);color:#4fd1c5;cursor:pointer;text-align:center;text-shadow:0 0 10px #4fd1c580;background:#4da6ff33;border:2px solid #4da6ff66;border-radius:12px;flex:1;padding:18px 40px;font-family:Source Sans Pro,sans-serif;font-size:1.2rem;font-weight:600;text-decoration:none;transition:all .3s;display:block;position:relative;overflow:hidden}.nav-button:before{content:"";z-index:-1;opacity:0;background:linear-gradient(145deg,#4fd1c5,#4da6ff);border-radius:12px;transition:opacity .3s;position:absolute;inset:-2px}.nav-button:hover:before{opacity:1}.nav-button:hover{color:#fff;transform:translateY(-3px);box-shadow:0 0 30px #4da6ff99}.nav-button.disabled{color:#666;cursor:not-allowed;text-shadow:none;background:#e3e7eb1a;border-color:#c9d1d933}.nav-button.disabled:hover{box-shadow:none;background:#e3e7eb1a;transform:none}.nav-button.disabled:before{display:none}.comic-details{-webkit-backdrop-filter:blur(15px);background:#ffffff0d;border:2px solid #4fd1c54d;border-radius:16px;padding:35px;box-shadow:0 8px 32px #0000004d,0 0 40px #4fd1c533,inset 0 1px #ffffff1a}.comic-details h1{color:#4fd1c5;text-shadow:0 0 20px #4fd1c580;margin-bottom:15px;font-family:Crimson Text,serif;font-size:2.5rem;font-weight:700}.comic-date{color:#c9d1d9;opacity:.9;margin-bottom:15px;font-family:Source Sans Pro,sans-serif;font-size:1rem}.comic-series-tag{color:#fff;background:linear-gradient(135deg,#4da6ff,#4fd1c5);border:1px solid #ffffff4d;border-radius:20px;margin-bottom:20px;padding:8px 16px;font-family:Source Sans Pro,sans-serif;font-size:.9rem;font-weight:600;display:inline-block;box-shadow:0 0 20px #4da6ff66}.comic-description{color:#c9d1d9;margin:20px 0;font-family:Source Sans Pro,sans-serif;font-size:1.1rem;line-height:1.8}.share-buttons{border-top:2px solid #4fd1c54d;margin-top:40px;padding-top:30px}.share-buttons h3{color:#4fd1c5;text-shadow:0 0 15px #4fd1c580;margin-bottom:20px;font-family:Crimson Text,serif;font-size:1.5rem}.share-button-group{flex-wrap:wrap;gap:15px;display:flex}.share-btn{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(10px);border:2px solid #0000;border-radius:12px;padding:16px 32px;font-family:Source Sans Pro,sans-serif;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.twitter-btn{background:#1da1f24d;border-color:#1da1f280}.twitter-btn:hover{background:#1da1f280;transform:translateY(-2px);box-shadow:0 0 20px #1da1f299}.facebook-btn{background:#4267b24d;border-color:#4267b280}.facebook-btn:hover{background:#4267b280;transform:translateY(-2px);box-shadow:0 0 20px #4267b299}.copy-btn{background:#4fd1c54d;border-color:#4fd1c580}.copy-btn:hover{background:#4fd1c580;transform:translateY(-2px);box-shadow:0 0 20px #4fd1c599}.loading,.error{text-align:center;color:#c9d1d9;padding:100px 20px;font-family:Source Sans Pro,sans-serif;font-size:1.2rem}.error p{color:#ff6b9d;text-shadow:0 0 10px #ff6b9d80;margin-bottom:20px}@media (max-width:768px){.comic-details h1{font-size:1.8rem}.comic-navigation{flex-direction:column}.nav-button{width:100%}.share-button-group{flex-direction:column}.share-btn{width:100%}}