.navbar{background-color:var(--secondary);border-bottom:2px solid var(--border);padding:15px 0;position:sticky;top:0;z-index:100;box-shadow:0 4px 12px #0000004d}.navbar-content{display:flex;justify-content:space-between;align-items:center}.navbar-logo h1{font-size:24px;color:var(--highlight);transition:color .3s ease}.navbar-logo:hover h1{color:var(--gold)}.navbar-links{display:flex;align-items:center;gap:20px}.navbar-links a{font-weight:600;transition:color .3s ease}.navbar-links button{margin:0}@media (max-width: 768px){.navbar-content{flex-direction:column;gap:15px}.navbar-links{flex-wrap:wrap;justify-content:center}}.floating-audio-controls{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:9998;align-items:center;background:#1a1a2ef2;border:2px solid #e94560;border-radius:20px;padding:20px 15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0006;transition:all .3s ease}.controls-toggle-mobile{display:none}.audio-controls-panel{display:flex;flex-direction:column;gap:15px;align-items:center}.audio-controls-panel.hidden{display:none}.audio-info{text-align:center;padding:10px;background:#e945601a;border-radius:10px;width:100%}.now-playing-badge{font-size:.8em;color:#e94560;font-weight:600;margin-bottom:8px}.track-title{font-size:.9em;color:#fff;margin:5px 0;font-weight:600}.track-subtitle{font-size:.75em;color:#a0a0c0;margin:5px 0}.audio-control-btn{background:#1a1a2ef2;border:2px solid #e94560;width:56px;height:56px;border-radius:50%;font-size:24px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #0000004d}.audio-control-btn.main-play-btn{width:60px;height:60px;background:linear-gradient(135deg,#e94560,#ff6b9d);font-size:28px}.audio-control-btn:hover{background:#e945604d;transform:scale(1.1);box-shadow:0 6px 20px #e9456066}.audio-control-btn.pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 4px 12px #e945604d}50%{box-shadow:0 4px 20px #e94560cc}}.audio-modes-vertical{display:flex;flex-direction:column;gap:8px;width:100%}.mode-btn-vertical{background:#e945601a;border:2px solid rgba(233,69,96,.3);padding:10px;border-radius:10px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:20px;display:flex;align-items:center;justify-content:center;width:100%}.mode-btn-vertical.active{background:#e945604d;border-color:#e94560;box-shadow:0 0 10px #e9456066}.mode-btn-vertical:hover{background:#e9456033;transform:translate(3px)}.volume-section{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding:10px}.volume-icon{font-size:20px;color:#fff}.volume-slider-vertical{height:100px;width:5px;border-radius:5px;background:#e9456033;outline:none;-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical;cursor:pointer;writing-mode:bt-lr}.volume-slider-vertical::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#e94560;cursor:pointer;transition:all .3s ease}.volume-slider-vertical::-webkit-slider-thumb:hover{transform:scale(1.3);box-shadow:0 0 10px #e94560cc}.volume-value{color:#fff;font-size:.8em;text-align:center}.now-playing-bar{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#1a1a2e,#16213e);border-top:3px solid #e94560;padding:15px 20px;z-index:9996;box-shadow:0 -5px 30px #00000080;display:flex;justify-content:space-between;align-items:center;gap:20px;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.now-playing-info{display:flex;align-items:center;gap:15px;min-width:200px}.play-btn-main{background:linear-gradient(135deg,#e94560,#ff6b9d);border:none;width:45px;height:45px;border-radius:50%;font-size:18px;cursor:pointer;transition:all .3s ease;color:#fff;flex-shrink:0}.play-btn-main:hover{transform:scale(1.1);box-shadow:0 0 15px #e9456080}.track-info{color:#fff;font-size:.9em;display:flex;flex-direction:column;gap:3px}.track-name{font-weight:600;color:#fff}.track-separator{display:none}.track-book{font-size:.85em;color:#a0a0c0}.playback-controls-bar{display:flex;align-items:center;flex-direction:column;gap:8px;flex:1;justify-content:center}.time-display{font-family:Courier New,monospace;color:#fff;font-size:.85em}.progress-bar-container{width:100%;max-width:500px}.progress-bar{width:100%;height:6px;background:#e9456033;border-radius:3px;overflow:hidden;cursor:pointer}.progress-fill{height:100%;background:linear-gradient(90deg,#e94560,#ff6b9d);border-radius:3px;transition:width .1s linear}.audio-modes{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.mode-btn{background:#e945601a;border:2px solid rgba(233,69,96,.3);padding:8px 12px;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.85em;white-space:nowrap}.mode-btn.active{background:#e945604d;border-color:#e94560;box-shadow:0 0 10px #e9456066}.mode-btn:hover{background:#e9456033;transform:translateY(-1px)}.volume-control-inline{display:flex;align-items:center;gap:8px}.volume-slider-inline{width:100px;height:4px;border-radius:4px;background:#e9456033;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.volume-slider-inline::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#e94560;cursor:pointer}.volume-label{color:#fff;font-size:.85em;min-width:40px}.minimize-btn{background:transparent;border:2px solid rgba(233,69,96,.3);color:#a0a0c0;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .3s ease}.minimize-btn:hover{background:#e9456033;color:#e94560;border-color:#e94560}.show-player-btn{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #e94560;color:#fff;padding:10px 20px;border-radius:25px;cursor:pointer;z-index:9996;box-shadow:0 4px 15px #0000004d;transition:all .3s ease;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.show-player-btn:hover{background:linear-gradient(135deg,#e94560,#ff6b9d);transform:translate(-50%) translateY(-2px);box-shadow:0 6px 20px #e9456066}@media (max-width: 768px){.controls-toggle-mobile{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#e94560e6;border:none;color:#fff;font-size:20px;cursor:pointer;transition:all .3s ease}.controls-toggle-mobile:hover{background:#e94560;transform:scale(1.1)}.floating-audio-controls{right:10px;padding:15px 10px}.floating-audio-controls.collapsed{padding:10px;background:transparent;border:none;box-shadow:none}.audio-control-btn{width:50px;height:50px;font-size:20px}.audio-control-btn.main-play-btn{width:54px;height:54px;font-size:24px}.now-playing-bar{flex-direction:column;gap:10px;padding:12px 15px}.audio-modes{flex-wrap:wrap;justify-content:center;width:100%}.volume-control-inline{width:100%;justify-content:center}.volume-slider-inline{flex:1;max-width:150px}.track-info{flex-direction:row;gap:5px;align-items:center}.track-separator{display:inline}}@media (min-width: 769px){.audio-controls-panel{display:flex!important}.controls-toggle-mobile{display:none!important}}@media (max-width: 480px){.now-playing-info{flex-direction:column;align-items:flex-start;gap:5px;min-width:unset}.mode-btn{font-size:.75em;padding:6px 10px}.volume-label{display:none}.audio-info{padding:8px}.track-title,.track-subtitle{font-size:.8em}}.section-hero{position:relative;height:100vh;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hero-video,.hero-image{width:100%;height:100%;object-fit:cover}.hero-gradient{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:200% 200%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000004d,#00000080,#000000b3)}.hero-content{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:0 40px;text-align:center;color:#fff}.hero-title{font-size:clamp(48px,8vw,96px);font-weight:900;margin:0 0 20px;line-height:1.1;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 80px rgba(255,255,255,.3)}.hero-subtitle{font-size:clamp(24px,3vw,36px);font-weight:300;margin:0 0 20px;opacity:.95}.hero-description{font-size:clamp(16px,2vw,20px);max-width:700px;margin:0 auto 40px;line-height:1.6;opacity:.9}.hero-cta{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:50px;font-size:18px;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 40px #667eea66}.hero-cta:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 20px 60px #667eea99}.cta-arrow{transition:transform .3s}.hero-cta:hover .cta-arrow{transform:translate(5px)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .8s ease-out forwards}.delay-1{animation-delay:.2s;opacity:0}.delay-2{animation-delay:.4s;opacity:0}.delay-3{animation-delay:.6s;opacity:0}.hero-dots{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.dot{width:12px;height:12px;border-radius:50%;background:#fff6;border:none;cursor:pointer;transition:all .3s}.dot:hover{background:#fff9;transform:scale(1.2)}.dot.active{background:#fff;width:40px;border-radius:6px}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;opacity:.7;animation:bounce 2s infinite;z-index:10}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.scroll-mouse{width:26px;height:40px;border:2px solid white;border-radius:13px;position:relative}.scroll-wheel{width:4px;height:8px;background:#fff;border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:scrollWheel 2s infinite}@keyframes scrollWheel{0%{opacity:1;top:8px}to{opacity:0;top:24px}}.scroll-indicator p{font-size:12px;text-transform:uppercase;letter-spacing:2px}@media (max-width: 768px){.section-hero{height:80vh;min-height:500px}.hero-content{padding:0 20px}.hero-cta{padding:14px 28px;font-size:16px}.scroll-indicator{display:none}}.home-page{min-height:100vh;background:linear-gradient(180deg,#0f0c29,#302b63,#24243e)}.modern-design{overflow-x:hidden}.home-content{position:relative;z-index:2}.about-section{padding:120px 20px;background:linear-gradient(135deg,#667eea1a,#764ba21a);position:relative}.about-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%)}.about-content{max-width:900px;margin:0 auto;text-align:center}.section-title-large{font-size:clamp(36px,5vw,56px);font-weight:800;margin:0 0 30px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-text{font-size:clamp(18px,2.5vw,24px);line-height:1.8;color:#ffffffe6;margin:0}.modern-section{padding:100px 20px;position:relative}.section-header-modern{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px;gap:20px}.section-title-wrapper{flex:1}.section-title-modern{font-size:clamp(32px,4vw,48px);font-weight:800;margin:0 0 10px;color:#fff;letter-spacing:-1px}.section-subtitle{font-size:clamp(16px,2vw,20px);color:#ffffffb3;margin:0;font-weight:300}.modern-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:16px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px #667eea4d}.modern-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #667eea80}.btn-arrow{transition:transform .3s}.modern-btn:hover .btn-arrow{transform:translate(5px)}.modern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px}.modern-card{background:#ffffff0d;border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modern-card:hover{transform:translateY(-12px);box-shadow:0 30px 60px #00000080;border-color:#667eea80}.card-image-wrapper{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.175,.885,.32,1.275)}.modern-card:hover .card-image{transform:scale(1.1)}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:20px;opacity:0;transition:opacity .4s}.modern-card:hover .card-overlay{opacity:1}.read-more{color:#fff;font-weight:600;font-size:16px;padding:12px 24px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;border:1px solid rgba(255,255,255,.3);transition:all .3s}.modern-card:hover .read-more{background:#ffffff4d;transform:translateY(-5px)}.play-icon-large{width:60px;height:60px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#667eea;margin-bottom:15px;transition:all .3s}.modern-card:hover .play-icon-large{transform:scale(1.1);background:#fff}.card-info{padding:25px}.card-title{margin:0 0 8px;font-size:20px;font-weight:700;color:#fff;line-height:1.3}.card-author{margin:0 0 5px;font-size:14px;color:#ffffffb3;font-weight:400}.card-meta{margin:0;font-size:13px;color:#fff9}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease-out}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;gap:40px}.footer-brand h3{margin:0 0 10px;font-size:28px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-brand p{margin:0;color:#ffffffb3}.footer-links{display:flex;gap:30px}.footer-links a{color:#fffc;text-decoration:none;font-weight:500;transition:all .3s}.footer-links a:hover{color:#667eea;transform:translateY(-2px)}@media (max-width: 768px){.about-section{padding:80px 20px}.modern-section{padding:60px 20px}.section-header-modern{flex-direction:column;align-items:flex-start;margin-bottom:40px}.modern-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:25px}.footer-content{flex-direction:column;gap:30px}.footer-links{flex-direction:column;gap:15px}}.tavern-home{min-height:100vh;overflow:hidden;position:relative;background:#000}.tavern-scene{position:relative;width:100%;height:100vh;overflow:hidden}.tavern-background{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#000000b3,#0000004d),linear-gradient(135deg,#1a0f0a,#2d1b0e,#1a0f0a);background-size:cover;background-position:center}.tavern-ambient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(255,200,100,.1) 0%,transparent 50%),radial-gradient(circle at 20% 30%,rgba(102,126,234,.05) 0%,transparent 40%),radial-gradient(circle at 80% 60%,rgba(118,75,162,.05) 0%,transparent 40%);animation:ambientGlow 10s ease-in-out infinite}@keyframes ambientGlow{0%,to{opacity:.5}50%{opacity:.8}}.welcome-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;z-index:100;animation:fadeOut 3s forwards}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0;pointer-events:none}}.tavern-title{font-size:clamp(36px,6vw,72px);font-weight:900;margin:0 0 20px;background:linear-gradient(135deg,#fc6,#f94);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;animation:glow 2s ease-in-out infinite;padding:0 20px}@keyframes glow{0%,to{filter:drop-shadow(0 0 20px rgba(255,204,102,.5))}50%{filter:drop-shadow(0 0 40px rgba(255,204,102,.8))}}.tavern-subtitle{font-size:clamp(18px,3vw,28px);color:#fffc;text-align:center;padding:0 20px}.tavern-areas{position:absolute;top:0;right:0;bottom:0;left:0}.tavern-hotspot{position:absolute;width:80px;height:80px;cursor:pointer;text-decoration:none;z-index:10;transition:transform .3s}.tavern-hotspot:hover{transform:scale(1.1)}.hotspot-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,rgba(102,126,234,.4) 0%,transparent 70%);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.5);opacity:.2}}.hotspot-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:40px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.hotspot-info{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:15px;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.2);min-width:200px;opacity:0;pointer-events:none;transition:all .3s;white-space:nowrap}.tavern-hotspot.active .hotspot-info{opacity:1;transform:translate(-50%) translateY(5px)}.hotspot-info h3{margin:0 0 5px;font-size:18px;color:#fff;font-weight:700}.hotspot-info p{margin:0 0 10px;font-size:14px;color:#ffffffb3}.hotspot-arrow{color:#667eea;font-weight:700}.bartender-area{position:absolute;bottom:20%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:20px}.bartender-character{width:120px;height:120px;display:flex;align-items:center;justify-content:center}.character-placeholder{font-size:80px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bartender-speech{background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 25px;border-radius:20px;border:2px solid rgba(255,255,255,.2);position:relative;max-width:90vw}.bartender-speech:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgba(255,255,255,.2)}.bartender-speech p{margin:0;color:#fff;font-size:16px;font-style:italic;text-align:center}.quick-nav{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:15px;flex-wrap:wrap;justify-content:center;max-width:90vw;z-index:20;padding:0 20px}.quick-nav-btn{padding:12px 24px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.quick-nav-btn:hover{background:#fff3;transform:translateY(-3px);box-shadow:0 10px 20px #0000004d}.tavern-footer{position:absolute;bottom:0;width:100%;padding:20px;text-align:center;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5}.tavern-footer p{margin:0;color:#fff9;font-size:14px}.tavern-footer a{color:#667eea;text-decoration:none;font-weight:600}.tavern-footer a:hover{color:#764ba2}@media (max-width: 768px){.tavern-hotspot{width:60px;height:60px}.hotspot-icon{font-size:30px}.hotspot-info{min-width:150px;font-size:12px}.hotspot-info h3{font-size:14px}.hotspot-info p{font-size:12px}.quick-nav{flex-direction:column;max-width:300px;gap:10px}.quick-nav-btn{width:100%}.bartender-area{bottom:25%}.bartender-character{width:80px;height:80px}.character-placeholder{font-size:60px}.bartender-speech{padding:10px 20px}.bartender-speech p{font-size:14px}}@media (max-width: 480px){.tavern-title{font-size:32px}.tavern-subtitle{font-size:16px}.quick-nav{bottom:30px}}.auth-container{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:40px 20px}.auth-card{background-color:var(--secondary);border:1px solid var(--border);border-radius:12px;padding:40px;max-width:450px;width:100%;box-shadow:0 8px 24px #0006}.auth-card h2{text-align:center;color:var(--highlight);margin-bottom:10px;font-size:28px}.auth-subtitle{text-align:center;color:var(--text-muted);margin-bottom:30px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text)}.form-group input{width:100%}.auth-card .btn{width:100%;margin-top:10px;padding:12px;font-size:18px}.auth-links{margin-top:25px;text-align:center;color:var(--text-muted)}.auth-links a{color:var(--highlight);font-weight:600}.error-message{background-color:#e9456033;border:1px solid var(--highlight);color:var(--highlight);padding:12px;border-radius:5px;margin-bottom:20px;text-align:center}.stories-page{min-height:100vh;background:linear-gradient(180deg,#0f0c29,#302b63,#24243e)}.stories-content{padding:80px 20px;position:relative;z-index:2}.story-count{font-size:16px;color:#ffffffb3;font-weight:600}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px}.story-card{background:#ffffff0d;border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column}.story-card:hover{transform:translateY(-12px);box-shadow:0 30px 60px #00000080;border-color:#667eea80}.story-cover{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.story-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.175,.885,.32,1.275)}.story-card:hover .story-cover img{transform:scale(1.1)}.story-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 50%,transparent 100%);display:flex;align-items:flex-end;justify-content:center;padding:20px;opacity:0;transition:opacity .4s}.story-card:hover .story-overlay{opacity:1}.story-card:hover .read-btn{background:#ffffff4d;transform:translateY(-5px)}.story-details{padding:25px;flex:1;display:flex;flex-direction:column;gap:10px}.story-title{margin:0;font-size:20px;font-weight:700;color:#fff;line-height:1.3}.story-author{margin:0;font-size:14px;color:#ffffffb3;font-weight:400}.story-genre{display:inline-block;padding:6px 14px;background:#667eea33;border:1px solid rgba(102,126,234,.5);border-radius:50px;font-size:12px;color:#667eea;font-weight:600;margin-top:5px}.story-stats{display:flex;gap:15px;margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.story-stats span{font-size:13px;color:#fff9}@media (max-width: 768px){.stories-content{padding:60px 20px}.filter-bar{flex-direction:column;gap:20px;padding:20px}.filter-buttons{width:100%;flex-direction:column;gap:10px}.filter-btn{width:100%;text-align:center}.story-count{text-align:center}.stories-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:25px}}@media (max-width: 480px){.stories-grid{grid-template-columns:1fr}}.book-detail-container{min-height:calc(100vh - 80px);padding:40px 0}.book-detail-header{display:flex;gap:40px;margin-bottom:50px}.book-detail-cover{flex-shrink:0;width:300px;height:450px;background-size:cover;background-position:center;background-color:var(--accent);border-radius:12px;box-shadow:0 8px 24px #0006}.book-detail-info{flex:1}.book-detail-info h1{font-size:36px;color:var(--highlight);margin-bottom:10px}.book-detail-author{font-size:18px;color:var(--text-muted);margin-bottom:20px}.book-detail-description{font-size:16px;line-height:1.7;color:var(--text);margin-bottom:20px}.book-detail-info .book-tags{margin-bottom:25px}.book-detail-info .btn{margin-top:10px}.chapters-section h2{font-size:28px;color:var(--gold);margin-bottom:25px}.chapters-list{display:flex;flex-direction:column;gap:15px}.chapter-item{display:flex;align-items:center;gap:20px;background-color:var(--secondary);border:1px solid var(--border);border-radius:8px;padding:20px;transition:all .3s ease;text-decoration:none;color:inherit}.chapter-item:hover{transform:translate(10px);border-color:var(--highlight);box-shadow:0 4px 16px #e945604d}.chapter-number{flex-shrink:0;width:50px;height:50px;background-color:var(--accent);color:var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.chapter-content h3{font-size:20px;color:var(--highlight);margin-bottom:5px}.chapter-content p{font-size:14px;color:var(--text-muted);line-height:1.5}.no-chapters{text-align:center;padding:50px 20px;color:var(--text-muted);font-size:16px}@media (max-width: 768px){.book-detail-header{flex-direction:column;align-items:center;text-align:center}.book-detail-cover{width:250px;height:375px}.book-detail-info h1{font-size:28px}.chapter-item{padding:15px}.chapter-number{width:40px;height:40px;font-size:16px}}.floating-controls-container{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;align-items:center;gap:8px}.controls-toggle-btn{width:44px;height:44px;border-radius:50%;background:#1a1a2ef2;border:2px solid #e94560;color:#e94560;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.controls-toggle-btn:hover{background:#e94560;color:#fff;transform:scale(1.1)}.controls-menu{display:flex;flex-direction:column;gap:8px;animation:slideDown .2s ease}.control-item{width:44px;height:44px;border-radius:50%;background:#1a1a2ee6;border:1.5px solid #e94560;color:#e94560;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.control-item:hover{background:#e94560;color:#fff;transform:scale(1.05)}@media (max-width: 768px){.floating-controls-container{right:10px}.controls-toggle-btn,.control-item{width:40px;height:40px;font-size:18px}}.reader-container{position:relative;min-height:100vh;overflow:hidden}.chapter-reader-container{overflow:hidden}.bg-video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.3}.bg-image{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;opacity:.3}.reader-overlay{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;background:#1a1a2ed9}.chapter-header{position:fixed;top:80px;left:0;right:0;background:linear-gradient(to bottom,rgba(26,26,46,.95),transparent);padding:20px;text-align:center;z-index:100}.book-breadcrumb{display:flex;align-items:center;justify-content:center;gap:12px;color:#eaeaea;flex-wrap:wrap}.book-title-link{color:#e94560;text-decoration:none;font-size:18px;font-weight:600;transition:color .3s}.book-title-link:hover{color:#ff6b85;text-decoration:underline}.breadcrumb-separator{color:#888;font-size:20px}.current-chapter-title{color:#eaeaea;font-size:16px}@media (max-width: 768px){.chapter-header{top:60px;padding:15px}.book-breadcrumb{font-size:14px}.book-title-link{font-size:16px}.current-chapter-title{font-size:14px}}.reader-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;text-align:center}.floating-back-button{position:fixed;top:20px;left:20px;background:#1a1a2ef2;border:1px solid #e94560;color:#e94560;padding:12px 24px;border-radius:8px;cursor:pointer;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s;font-size:16px;font-weight:500}.floating-back-button:hover{background:#e94560;color:#fff;transform:translate(-4px)}.info-button{position:fixed;top:20px;right:20px;background:#1a1a2ef2;border:1px solid #e94560;color:#e94560;width:44px;height:44px;border-radius:50%;cursor:pointer;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s;font-size:20px;display:flex;align-items:center;justify-content:center}.info-button:hover{background:#e94560;color:#fff;transform:scale(1.1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.info-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #e94560;border-radius:16px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 50px #00000080}.info-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid rgba(233,69,96,.3)}.info-modal-header h2{margin:0;color:#e94560;font-size:24px}.info-modal-header .close-btn{background:none;border:none;color:#e94560;font-size:32px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.info-modal-header .close-btn:hover{background:#e9456033;transform:rotate(90deg)}.info-modal-content{padding:30px;color:#eaeaea}.info-item{margin-bottom:20px}.info-item:last-child{margin-bottom:0}.info-item strong{display:block;color:#e94560;margin-bottom:8px;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.info-item p{margin:0;line-height:1.6;color:#d0d0d0}.chapter-title-overlay{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#1a1a2ee6;padding:12px 30px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;border:1px solid rgba(233,69,96,.3)}.chapter-title-overlay h1{margin:0;font-size:20px;color:#e94560;font-weight:600}.reader-controls{display:flex;align-items:center;gap:10px}.reader-controls label{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-muted);white-space:nowrap}.reader-controls input[type=range]{width:100px}.reader-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:100px 20px 40px;max-width:1600px;margin:0 auto;width:100%;overflow:visible}.chapter-reader-wrapper{min-height:100vh;padding-top:100px;padding-bottom:40px;overflow-x:hidden;overflow-y:auto}.paragraph-container{background:#16213ee6;border:1px solid var(--border);border-radius:12px;padding:40px;margin-bottom:30px;box-shadow:0 8px 32px #00000080}.paragraph-text{font-size:20px;line-height:1.8;color:var(--text);text-align:justify;margin-bottom:20px}.inline-media{margin:25px 0;border-radius:8px;overflow:hidden}.inline-media img{width:100%;max-height:400px;object-fit:contain;display:block}.inline-media iframe{width:100%;height:400px;border:none}.reader-navigation{display:none;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.reader-nav-center{display:flex;flex-direction:column;align-items:center;gap:10px}.paragraph-counter{color:var(--text-muted);font-size:14px;font-weight:600}.page-label{color:var(--highlight);font-style:italic;font-weight:400}.no-content{text-align:center;color:var(--text-muted);font-size:18px;padding:100px 20px}.full-chapter-content{width:100%}.chapter-text-container{background:#16213ee6;border:1px solid var(--border);border-radius:12px;padding:40px;margin-bottom:30px;box-shadow:0 8px 32px #00000080;max-height:70vh;overflow-y:auto}.paragraph-block{margin-bottom:25px}.paragraph-block:last-child{margin-bottom:0}.book-background-container{position:relative;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 20px;width:100%;overflow:visible}.book-spine{position:absolute;left:50%;transform:translate(-50%);width:40px;height:85vh;background:linear-gradient(to right,#8b7355,#6b5344 10%,#4a3829,#6b5344 90%,#8b7355);box-shadow:inset 0 0 20px #00000080,0 0 30px #0000004d;z-index:1;border-radius:3px;display:none}.book-spine.visible{display:block}.chapter-book-spread{display:flex;gap:60px;justify-content:center;align-items:flex-start;padding:40px 20px;min-height:calc(100vh - 140px);max-width:1500px;margin:0 auto;position:relative;z-index:2;overflow:visible}.chapter-book-spread .reader-page{flex:0 0 650px;width:650px;height:85vh;max-height:900px;min-height:700px;background-color:#fffef9;color:#2d2d2d;padding:60px 55px 80px;box-shadow:0 2px 4px #0000001a,0 8px 16px #0000001a,0 16px 32px #00000026;border-radius:3px;font-size:18px;line-height:1.8;font-family:Georgia,Times New Roman,serif;position:relative;overflow:visible;cursor:pointer;transition:all .3s ease;box-sizing:border-box}.chapter-book-spread .left-page{border-right:2px solid #e0e0e0}.chapter-book-spread .reader-page:hover{box-shadow:0 4px 8px #0000001f,0 12px 24px #00000026,0 24px 48px #0000002e;transform:translateY(-2px)}.chapter-book-spread .page-content{height:calc(100% - 60px);overflow:visible;padding:0;pointer-events:none}.chapter-book-spread .page-content p,.chapter-book-spread .page-content .paragraph-text{margin-bottom:1.4em;text-align:justify;hyphens:auto;-webkit-hyphens:auto;color:#1a1a1a;word-wrap:break-word;overflow-wrap:break-word}.chapter-book-spread .page-number{position:absolute;bottom:40px;font-size:14px;color:#888;font-family:Georgia,serif;pointer-events:none}.chapter-book-spread .left-page .page-number{left:50px}.chapter-book-spread .right-page .page-number{right:50px}.page-nav-hint{position:absolute;top:50%;transform:translateY(-50%);font-size:48px;color:#00000014;opacity:0;transition:opacity .3s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.chapter-book-spread .left-page .page-nav-hint{left:20px}.chapter-book-spread .right-page .page-nav-hint{right:20px}.chapter-book-spread .reader-page:hover .page-nav-hint{opacity:1}.chapter-book-spread .reader-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.01) 2px,rgba(0,0,0,.01) 3px);pointer-events:none;opacity:.3;z-index:0}.flip-book-container{width:100%;max-width:1000px;margin:0 auto}.flip-book-spread{display:flex;gap:20px;perspective:1500px;max-width:1000px;margin:0 auto;padding:20px}.flip-book-page{flex:1;min-height:600px;background:#fffffff2;color:#1a1a2e;border-radius:8px;padding:40px;box-shadow:0 10px 40px #0000004d;position:relative;transition:transform .3s ease;cursor:pointer}.flip-book-page:hover{transform:translateY(-5px);box-shadow:0 15px 50px #0006}.flip-book-spread .flip-book-page .page-nav-hint{position:absolute;top:50%;transform:translateY(-50%);font-size:36px;color:#1a1a2e1a;opacity:0;transition:opacity .3s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.flip-book-spread .left-page .page-nav-hint{left:15px}.flip-book-spread .right-page .page-nav-hint{right:15px}.flip-book-spread .flip-book-page:hover .page-nav-hint{opacity:1}.left-page{border-right:1px solid rgba(0,0,0,.1)}.right-page{border-left:1px solid rgba(0,0,0,.1)}.page-content{height:100%;overflow-y:auto;padding-right:10px}.page-content .paragraph-text{color:#1a1a2e;font-size:18px;line-height:1.7;margin-bottom:20px;text-align:justify;font-family:Georgia,serif}.page-number{position:absolute;bottom:20px;right:40px;font-size:14px;color:#0006;font-style:italic}.page-image{margin-bottom:20px;text-align:center}.page-image img{max-width:100%;max-height:300px;object-fit:contain;border-radius:8px;box-shadow:0 2px 8px #0000001a}.paged-reader{width:100%}.single-page-display{display:flex;justify-content:center;margin-bottom:30px}.single-page{width:100%;max-width:600px}@media (max-width: 1400px){.chapter-book-spread .reader-page{flex:0 0 550px;width:550px}}@media (max-width: 1200px){.chapter-book-spread{gap:40px}.chapter-book-spread .reader-page{flex:0 0 480px;width:480px;padding:50px 40px 70px}}@media (max-width: 1024px){.chapter-book-spread,.flip-book-spread{flex-direction:column;align-items:center;gap:30px}.chapter-book-spread .reader-page,.flip-book-spread .flip-book-page{width:90vw;max-width:650px;height:auto;min-height:70vh;padding:50px 40px}}@media (max-width: 600px){.chapter-book-spread .reader-page{width:95vw;padding:40px 30px 60px;font-size:16px}}@media (max-width: 768px){.floating-back-button{top:15px;left:15px;padding:10px 18px;font-size:14px}.info-button{top:15px;right:15px;width:40px;height:40px;font-size:18px}.chapter-title-overlay{top:70px;max-width:calc(100% - 40px)}.chapter-title-overlay h1{font-size:16px}.info-modal{width:95%;max-height:85vh}.info-modal-header{padding:15px 20px}.info-modal-header h2{font-size:20px}.info-modal-content{padding:20px}.reader-controls{justify-content:center}.paragraph-container{padding:25px}.paragraph-text{font-size:18px}.reader-navigation{flex-direction:column}.reader-navigation button{width:100%}.flip-book-spread{flex-direction:column;gap:20px}.flip-book-page{min-height:400px;padding:25px}.page-content .paragraph-text{font-size:16px}.chapter-text-container{padding:25px;max-height:60vh}}.floating-controls-right{position:fixed;right:20px;bottom:100px;display:flex;flex-direction:column;gap:12px;z-index:1000;align-items:flex-end}.control-btn{background:#1a1a2ef2;border:2px solid #e94560;color:#e94560;width:56px;height:56px;border-radius:50%;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d;position:relative;flex-shrink:0}.control-btn:hover{background:#e94560;color:#fff;transform:scale(1.1);box-shadow:0 6px 20px #e9456066}.control-btn:after{content:attr(data-label);position:absolute;right:70px;background:#1a1a2ef2;color:#eaeaea;padding:8px 16px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s;font-size:14px;border:1px solid #e94560}.control-btn:hover:after{opacity:1}.audio-control-btn{font-size:28px}.control-btn:active{transform:scale(.95)}.audio-menu-panel{position:fixed;right:100px;bottom:100px;width:320px;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #e94560;border-radius:16px;padding:20px;box-shadow:0 10px 40px #00000080;z-index:999;animation:slideInRight .3s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.audio-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(233,69,96,.3)}.audio-menu-header h3{margin:0;color:#e94560;font-size:18px}.close-audio-menu{background:transparent;border:none;color:#e94560;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.close-audio-menu:hover{background:#e9456033;transform:rotate(90deg)}.audio-type-selector{display:flex;gap:8px;margin-bottom:20px}.audio-type-btn{flex:1;padding:12px;background:#e945601a;border:1px solid #e94560;color:#e94560;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s}.audio-type-btn.active{background:#e94560;color:#fff}.audio-type-btn:hover:not(.active){background:#e9456033}.audio-playback{display:flex;gap:10px;margin-bottom:15px}.audio-play-btn,.audio-stop-btn{flex:1;padding:14px;background:#e945601a;border:1px solid #e94560;color:#e94560;border-radius:8px;cursor:pointer;font-size:16px;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.audio-play-btn:hover,.audio-stop-btn:hover{background:#e94560;color:#fff}.audio-time{display:flex;justify-content:center;gap:8px;margin-bottom:15px;color:#eaeaea;font-size:14px;font-family:monospace}.time-separator{color:#888}.volume-control{display:flex;flex-direction:column;gap:10px}.volume-control label{color:#e94560;font-size:14px;font-weight:600}.volume-slider{width:100%;height:6px;border-radius:3px;background:#e9456033;outline:none;-webkit-appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#e94560;cursor:pointer;transition:all .3s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px #e9456080}.volume-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#e94560;cursor:pointer;border:none;transition:all .3s}.volume-value{text-align:center;color:#eaeaea;font-size:13px}.control-btn:disabled{opacity:.5;cursor:not-allowed}.chapter-nav-split{display:flex;border:1px solid #e94560;border-radius:8px;overflow:hidden;background:#1a1a2ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.split-left,.split-right{flex:1;padding:12px 20px;background:transparent;border:none;color:#e94560;cursor:pointer;font-size:18px;transition:all .3s}.split-left{border-right:1px solid #e94560}.split-left:hover,.split-right:hover{background:#e94560;color:#fff}.split-left:disabled,.split-right:disabled{opacity:.3;cursor:not-allowed}.split-left:disabled:hover,.split-right:disabled:hover{background:transparent;color:#e94560}.volume-control{display:flex;flex-direction:column;gap:6px;padding:8px;background:#e945601a;border:1px solid rgba(233,69,96,.3);border-radius:8px}.volume-control label{font-size:12px;color:var(--text-muted);font-weight:600}.volume-control input[type=range]{width:100%;height:4px;background:#e9456033;border-radius:2px;outline:none;-webkit-appearance:none}.volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#e94560;cursor:pointer;border-radius:50%}.volume-control input[type=range]::-moz-range-thumb{width:14px;height:14px;background:#e94560;cursor:pointer;border-radius:50%;border:none}.volume-control span{font-size:12px;color:var(--text-muted);text-align:center}@media (max-width: 768px){.floating-controls-right{right:15px;bottom:80px}.control-btn{width:50px;height:50px;font-size:20px}.audio-control-btn{font-size:24px}.audio-menu-panel{right:15px;bottom:200px;width:calc(100vw - 30px);max-width:350px}.control-btn:after{display:none}.chapter-nav-split{font-size:16px}.split-left,.split-right{padding:10px 16px}}.songs-page{min-height:100vh;background:linear-gradient(180deg,#0f0c29,#302b63,#24243e)}.songs-content{padding:80px 20px;position:relative;z-index:2}.music-count{font-size:16px;color:#ffffffb3;font-weight:600}.music-section{margin-bottom:80px}.albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:35px}.album-card{background:#ffffff0d;border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.album-card:hover{transform:translateY(-12px);box-shadow:0 30px 60px #00000080;border-color:#667eea80}.album-cover{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.album-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.175,.885,.32,1.275)}.album-card:hover .album-cover img{transform:scale(1.1)}.album-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 50%,transparent 100%);display:flex;align-items:flex-end;justify-content:center;padding:20px;opacity:0;transition:opacity .4s}.album-card:hover .album-overlay{opacity:1}.play-btn{color:#fff;font-weight:600;font-size:16px;padding:12px 24px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;border:1px solid rgba(255,255,255,.3);transition:all .3s}.album-card:hover .play-btn{background:#ffffff4d;transform:translateY(-5px)}.album-details{padding:25px}.album-title{margin:0 0 8px;font-size:20px;font-weight:700;color:#fff;line-height:1.3}.album-artist{margin:0 0 5px;font-size:14px;color:#ffffffb3;font-weight:400}.album-meta{margin:0;font-size:13px;color:#fff9}.singles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:30px}.single-card{background:#ffffff0d;border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);color:#fff;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.single-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0006;border-color:#667eea80}.single-card.playing{background:linear-gradient(135deg,#667eea33,#764ba233);border-color:#667eeacc;box-shadow:0 0 30px #667eea66}.single-cover{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.single-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.175,.885,.32,1.275)}.single-card:hover .single-cover img{transform:scale(1.1)}.single-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s}.single-card:hover .single-overlay,.single-card.playing .single-overlay{opacity:1}.single-card:hover .play-icon-large{transform:scale(1.1);background:#fff}.single-details{padding:20px}.single-title{margin:0 0 5px;font-size:18px;font-weight:700;color:#fff;line-height:1.3}.single-artist{margin:0;font-size:14px;color:#ffffffb3;font-weight:400}@media (max-width: 768px){.songs-content{padding:60px 20px}.filter-bar{flex-direction:column;gap:20px;padding:20px}.filter-buttons{width:100%;flex-direction:column;gap:10px}.filter-btn{width:100%;text-align:center}.music-count{text-align:center}.albums-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:25px}.singles-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}}@media (max-width: 480px){.albums-grid,.singles-grid{grid-template-columns:1fr 1fr}}.song-player-page{min-height:100vh;background:linear-gradient(135deg,#0f0f1e,#1a1a2e,#16213e);color:#f5f5f5;padding:40px 20px}.song-player-page.loading,.song-player-page.error{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.loading-spinner{width:60px;height:60px;border:6px solid rgba(233,69,96,.2);border-top-color:#e94560;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.back-button{background:#e9456033;border:2px solid #e94560;color:#fff;padding:12px 24px;border-radius:25px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:30px;display:inline-block}.back-button:hover{background:#e9456066;transform:translate(-5px);box-shadow:0 4px 15px #e9456066}.song-player-container{max-width:900px;margin:0 auto;background:#1a1a2e99;border-radius:20px;padding:40px;border:2px solid rgba(233,69,96,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.song-player-container .song-title{font-size:2.5em;margin-bottom:15px;background:linear-gradient(135deg,#e94560,#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.song-player-container .song-artist{font-size:1.5em;color:#a0a0c0;text-align:center;margin-bottom:10px}.song-player-container .song-album{font-size:1.2em;color:#808090;text-align:center;margin-bottom:30px;font-style:italic}.video-container{margin:30px 0;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #00000080;background:#000}.song-video{width:100%;max-height:70vh;display:block;background:#000}.audio-player-visual{margin:30px 0;text-align:center}.song-cover-large{max-width:100%;width:600px;height:auto;border-radius:16px;box-shadow:0 10px 40px #00000080;margin-bottom:30px;border:3px solid rgba(233,69,96,.3)}.song-audio{width:100%;max-width:600px;height:50px;border-radius:25px;background:#0f0f1ecc;border:2px solid rgba(233,69,96,.4)}.song-audio::-webkit-media-controls-panel{background:linear-gradient(135deg,#1a1a2e,#16213e)}.song-meta{margin:30px 0;padding:20px;background:#0f0f1e99;border-radius:12px;border:1px solid rgba(233,69,96,.2)}.meta-item{margin-bottom:15px;display:flex;align-items:center;gap:15px}.meta-item:last-child{margin-bottom:0}.meta-item.tags{flex-direction:column;align-items:flex-start}.meta-label{font-weight:600;color:#e94560;min-width:100px}.meta-value{color:#fff;font-size:1.1em}.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.tag{background:linear-gradient(135deg,#e94560,#ff6b9d);color:#fff;padding:6px 16px;border-radius:20px;font-size:.9em;font-weight:500}.song-description{margin-top:40px;padding:25px;background:#0f0f1e66;border-radius:12px;border-left:4px solid #e94560}.song-description h3{font-size:1.5em;margin-bottom:15px;color:#e94560}.song-description p{font-size:1.1em;line-height:1.8;color:#d0d0d0}@media (max-width: 768px){.song-player-container{padding:25px}.song-player-container .song-title{font-size:2em}.song-player-container .song-artist{font-size:1.2em}.song-player-container .song-album{font-size:1em}.song-cover-large{width:100%;max-width:400px}.meta-item{flex-direction:column;align-items:flex-start}.meta-label{min-width:auto}}@media (max-width: 480px){.song-player-page{padding:20px 10px}.song-player-container{padding:20px}.song-player-container .song-title{font-size:1.6em}.back-button{padding:10px 20px;font-size:.9em}}.album-view{min-height:100vh;background:linear-gradient(135deg,#1a202c,#2d3748);padding:20px}.album-view-container{max-width:1400px;margin:0 auto}.back-link{display:inline-block;margin-bottom:20px;padding:10px 20px;background:#ffffff1a;color:#fff;text-decoration:none;border-radius:8px;transition:all .3s}.album-layout{display:grid;grid-template-columns:400px 1fr;gap:40px;margin-top:20px}.album-info-section{position:sticky;top:20px;height:fit-content}.album-artwork{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000080;margin-bottom:30px}.album-artwork img{width:100%;height:100%;object-fit:cover}.artwork-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:120px}.album-meta{color:#fff}.album-title{font-size:42px;margin:0 0 10px;font-weight:700;line-height:1.2}.album-artist{font-size:24px;color:#a0aec0;margin:0 0 15px}.album-stats{color:#a0aec0;font-size:14px;margin-bottom:20px}.album-description{margin:20px 0;color:#cbd5e0;line-height:1.6}.btn-play-album{width:100%;padding:18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;margin-top:20px}.btn-play-album:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.btn-play-album:disabled{opacity:.5;cursor:not-allowed}.songs-section{background:#ffffff0d;border-radius:12px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.songs-section h2{margin:0 0 20px;color:#fff;font-size:28px}.tracks-list{display:flex;flex-direction:column;gap:8px}.track-item{background:#ffffff0d;border-radius:8px;transition:all .3s;overflow:hidden}.track-item:hover{background:#ffffff1a}.track-item.playing{background:linear-gradient(90deg,#667eea4d,#ffffff1a)}.track-header{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.track-info{display:flex;align-items:center;gap:15px;flex:1}.track-play-btn{width:50px;height:50px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.track-play-btn:hover{background:#667eea;transform:scale(1.1)}.track-number{font-weight:700;color:#a0aec0}.playing-icon{font-size:20px}.track-details h3{margin:0 0 5px;color:#fff;font-size:16px}.track-details p{margin:0;color:#a0aec0;font-size:14px}.track-actions{display:flex;align-items:center;gap:15px}.badge-video{font-size:18px}.track-duration{color:#a0aec0;font-size:14px}.expand-btn{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:16px;padding:5px}.track-expanded{padding:0 20px 20px 85px;border-top:1px solid rgba(255,255,255,.1);animation:slideDown .3s ease}.track-description{margin:15px 0;color:#cbd5e0;line-height:1.6}.track-lyrics{margin:20px 0}.track-lyrics h4{color:#fff;margin:0 0 10px;font-size:14px;text-transform:uppercase}.track-lyrics pre{background:#0000004d;padding:15px;border-radius:8px;color:#cbd5e0;white-space:pre-wrap;line-height:1.8;font-family:inherit}.track-video{margin:20px 0}.track-video video{width:100%;max-height:400px;border-radius:8px}@media (max-width: 1024px){.album-layout{grid-template-columns:1fr;gap:30px}.album-info-section{position:relative;top:0}.album-artwork{max-width:400px;margin:0 auto 30px}}@media (max-width: 640px){.album-title{font-size:32px}.album-artist{font-size:18px}.track-expanded{padding-left:20px}}.loading-container,.error-container{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#fff}.loading-spinner{text-align:center}.error-box{background:#ffffff1a;padding:40px;border-radius:12px;text-align:center;max-width:500px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-primary{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;margin-top:20px;transition:all .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.favorite-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.favorite-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.favorite-button:active{transform:translateY(0)}.favorite-button.favorited{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-color:#ff6b6b;color:#fff}.favorite-button.favorited:hover{background:linear-gradient(135deg,#ff5252,#e04b5f);border-color:#ff5252}.favorite-button.loading{opacity:.6;cursor:wait}.favorite-button:disabled{opacity:.5;cursor:not-allowed}.heart-icon{width:20px;height:20px;transition:all .3s ease}.favorite-button.favorited .heart-icon{animation:heartBeat .5s ease}.favorite-count{font-size:.85rem;font-weight:700;min-width:20px;text-align:center}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(.9)}75%{transform:scale(1.2)}}@media (max-width: 768px){.favorite-button{padding:.4rem .8rem;font-size:.85rem}.heart-icon{width:18px;height:18px}}.share-button-container{position:relative;display:inline-block}.share-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.share-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.share-button:active{transform:translateY(0)}.share-icon{width:20px;height:20px}.share-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;animation:fadeIn .2s ease}.share-menu{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#1a1a2e;border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:.5rem;min-width:200px;z-index:1000;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease}.share-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease}.share-option:hover{background:#ffffff1a}.share-option svg{width:20px;height:20px;flex-shrink:0}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.share-menu{bottom:auto;top:calc(100% + 10px);min-width:250px}.share-button{padding:.4rem .8rem;font-size:.85rem}.share-icon{width:18px;height:18px}}.videos-page{min-height:100vh;background:linear-gradient(180deg,#0f0c29,#302b63,#24243e)}.videos-content{padding:80px 20px;position:relative;z-index:2}.video-count{font-size:16px;color:#ffffffb3;font-weight:600}.video-section{margin-bottom:80px}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:35px}.video-card{background:#ffffff0d;border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-card:hover{transform:translateY(-12px);box-shadow:0 30px 60px #00000080;border-color:#667eea80}.video-link{text-decoration:none;color:inherit;display:block}.video-thumbnail{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.video-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.175,.885,.32,1.275)}.video-card:hover .video-thumbnail img{transform:scale(1.1)}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:80px;opacity:.6}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;opacity:0;transition:opacity .4s}.video-card:hover .video-overlay{opacity:1}.play-icon-large{width:60px;height:60px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#667eea;transition:all .3s}.video-card:hover .play-icon-large{transform:scale(1.1);background:#fff}.watch-btn{color:#fff;font-weight:600;font-size:16px;padding:12px 24px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;border:1px solid rgba(255,255,255,.3)}.episode-badge{position:absolute;top:15px;right:15px;padding:8px 16px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;font-size:12px;font-weight:600;color:#fff}.video-details{padding:25px}.video-title{margin:0 0 10px;font-size:20px;font-weight:700;color:#fff;line-height:1.3}.video-description{margin:0 0 15px;font-size:14px;color:#ffffffb3;line-height:1.6}.video-actions{display:flex;gap:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.videos-content{padding:60px 20px}.filter-bar{flex-direction:column;gap:20px;padding:20px}.filter-buttons{width:100%;flex-direction:column;gap:10px}.filter-btn{width:100%;text-align:center}.video-count{text-align:center}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px}}@media (max-width: 480px){.videos-grid{grid-template-columns:1fr}}.video-view-page{min-height:100vh;background:linear-gradient(135deg,#1a202c,#2d3748);padding:20px;color:#fff}.back-link{display:inline-block;padding:12px 24px;background:#ffffff1a;color:#fff;text-decoration:none;border-radius:8px;margin-bottom:20px;border:none;cursor:pointer;font-size:16px;transition:all .3s}.video-layout{display:grid;grid-template-columns:400px 1fr;gap:30px;max-width:1600px;margin:0 auto}.collection-sidebar{background:#ffffff0d;border-radius:12px;padding:30px;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto}.collection-header{margin-bottom:30px}.collection-cover{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;margin-bottom:20px}.collection-header h1{margin:0 0 10px;font-size:28px}.collection-description{color:#a0aec0;line-height:1.6;margin-bottom:10px}.video-count{color:#718096;font-size:14px}.video-list h3{margin:0 0 15px;font-size:18px;color:#a0aec0}.video-list-item{display:flex;gap:15px;padding:12px;background:#ffffff08;border-radius:8px;margin-bottom:10px;cursor:pointer;transition:all .3s}.video-list-item:hover{background:#ffffff14}.video-list-item.active{background:linear-gradient(135deg,#667eea,#764ba2)}.video-list-thumb{position:relative;width:100px;height:56px;border-radius:4px;overflow:hidden;flex-shrink:0}.video-list-thumb img{width:100%;height:100%;object-fit:cover}.thumb-placeholder{width:100%;height:100%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:24px}.video-number{position:absolute;top:5px;left:5px;background:#000c;color:#fff;padding:2px 6px;border-radius:3px;font-size:12px;font-weight:700}.video-list-info h4{margin:0 0 5px;font-size:15px}.video-list-info p{margin:0;font-size:13px;color:#a0aec0}.video-player-section{position:relative}.video-player-container{position:relative;background:#000;border-radius:12px;overflow:hidden;margin-bottom:20px}.video-player{width:100%;display:block;max-height:70vh}.fullscreen-btn{position:absolute;top:15px;right:15px;background:#000000b3;border:none;color:#fff;width:40px;height:40px;border-radius:8px;cursor:pointer;font-size:20px;transition:all .3s;z-index:10}.fullscreen-btn:hover{background:#000000e6}.current-video-info h2{margin:0 0 10px;font-size:24px}.video-description{color:#a0aec0;line-height:1.6}.loading,.error-state,.no-video{text-align:center;padding:60px 20px;color:#a0aec0}@media (max-width: 1024px){.video-layout{grid-template-columns:1fr}.collection-sidebar{max-height:none;margin-bottom:20px}}.video-series-page{max-width:1600px;margin:0 auto;padding:2rem;min-height:100vh}.video-series-page .loading,.video-series-page .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;color:#fff}.error-state h2{font-size:2rem;margin-bottom:1rem;color:#ff6b6b}.btn-back{padding:.75rem 1.5rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-back:hover{background:#ffffff26;border-color:#ffffff4d}.back-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;text-decoration:none;font-weight:600;transition:all .3s ease;margin-bottom:2rem}.video-layout{display:grid;grid-template-columns:350px 1fr;gap:2rem;margin-top:2rem}.series-sidebar{background:#ffffff0d;border-radius:12px;padding:1.5rem;border:2px solid rgba(255,255,255,.1);height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto;position:sticky;top:20px}.series-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(255,255,255,.1)}.series-cover{width:100%;border-radius:8px;margin-bottom:1rem}.series-header h1{font-size:1.5rem;margin-bottom:.75rem;color:#fff;line-height:1.2}.series-description{font-size:.9rem;color:#999;line-height:1.5;margin-bottom:1rem}.episode-count{font-size:.85rem;color:#666;font-weight:600;margin-bottom:1rem}.series-actions{display:flex;gap:.5rem;flex-wrap:wrap}.episode-list h3{font-size:1.1rem;margin-bottom:1rem;color:#fff}.episode-list-item{display:flex;gap:1rem;padding:.75rem;background:#ffffff0d;border-radius:8px;margin-bottom:.75rem;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.episode-list-item:hover{background:#ffffff1a;border-color:#fff3}.episode-list-item.active{background:linear-gradient(135deg,#667eea33,#764ba233);border-color:#667eea}.episode-list-thumb{position:relative;width:80px;height:45px;border-radius:6px;overflow:hidden;flex-shrink:0}.episode-list-thumb img{width:100%;height:100%;object-fit:cover}.thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);font-size:1.5rem}.episode-number{position:absolute;bottom:2px;right:2px;background:#000c;color:#fff;padding:2px 5px;border-radius:3px;font-size:.7rem;font-weight:700}.episode-list-info{flex:1;min-width:0}.episode-list-info h4{font-size:.9rem;margin-bottom:.25rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.episode-list-info p{font-size:.75rem;color:#999;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-player-section{background:#ffffff0d;border-radius:12px;padding:1.5rem;border:2px solid rgba(255,255,255,.1)}.video-player-container{position:relative;width:100%;padding-bottom:56.25%;background:#000;border-radius:12px;overflow:hidden;margin-bottom:1.5rem}.fullscreen-btn{position:absolute;bottom:20px;right:20px;width:40px;height:40px;border-radius:8px;background:#000000b3;color:#fff;border:none;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.fullscreen-btn:hover{background:#000000e6;transform:scale(1.1)}.current-episode-info h2{font-size:1.5rem;margin-bottom:.75rem;color:#fff}.episode-description{font-size:.95rem;color:#999;line-height:1.6}.no-video{text-align:center;padding:4rem 2rem;color:#666}.no-video p{font-size:1.2rem}@media (max-width: 1024px){.video-layout{grid-template-columns:1fr}.series-sidebar{max-height:none;position:static}}@media (max-width: 768px){.video-series-page,.series-sidebar,.video-player-section{padding:1rem}.series-header h1,.current-episode-info h2{font-size:1.25rem}.episode-list-thumb{width:60px;height:34px}}.single-video-view{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh}.single-video-view.loading,.single-video-view.error{display:flex;align-items:center;justify-content:center;min-height:70vh}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.error-message{text-align:center;color:#fff}.error-message h2{font-size:2rem;margin-bottom:1rem;color:#ff6b6b}.video-container{max-width:1200px;margin:0 auto}.video-player-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:#000;border-radius:12px;overflow:hidden;margin-bottom:2rem;box-shadow:0 10px 40px #00000080}.video-player{position:absolute;top:0;left:0;width:100%;height:100%}.video-details{background:#ffffff0d;border-radius:12px;padding:2rem;border:2px solid rgba(255,255,255,.1)}.video-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(255,255,255,.1)}.video-title-section h1{font-size:2rem;margin-bottom:.75rem;color:#fff;line-height:1.2}.video-meta{display:flex;gap:1.5rem;align-items:center;font-size:.9rem;color:#999}.video-date{display:flex;align-items:center;gap:.5rem}.video-actions-bar{display:flex;gap:.75rem;flex-shrink:0}.video-description{margin-bottom:2rem}.video-description h3{font-size:1.2rem;margin-bottom:.75rem;color:#fff}.video-description p{font-size:1rem;line-height:1.6;color:#ccc}.video-navigation{padding-top:1.5rem;border-top:2px solid rgba(255,255,255,.1)}.back-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;text-decoration:none;font-weight:600;transition:all .3s ease}.back-link:hover{background:#ffffff26;border-color:#ffffff4d;transform:translate(-5px)}@media (max-width: 968px){.video-header{flex-direction:column;align-items:flex-start}.video-actions-bar{width:100%;justify-content:flex-start}}@media (max-width: 768px){.single-video-view{padding:1rem}.video-details{padding:1.5rem}.video-title-section h1{font-size:1.5rem}.video-actions-bar{flex-direction:column;width:100%}}.artcomics-page{min-height:100vh;background:linear-gradient(180deg,#0f0c29,#302b63,#24243e)}.artcomics-content{padding:80px 20px;position:relative;z-index:2}.container{max-width:1400px;margin:0 auto}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px;padding:30px;background:#ffffff0d;border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-buttons{display:flex;gap:15px}.filter-btn{padding:12px 28px;border:2px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fffc;border-radius:50px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.filter-btn:hover{background:#ffffff1a;border-color:#667eea80;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 10px 30px #667eea4d}.content-count{font-size:16px;color:#ffffffb3;font-weight:600}.content-section{margin-bottom:80px}.section-title{font-size:clamp(28px,4vw,36px);font-weight:800;margin:0 0 40px;color:#fff;letter-spacing:-1px}.comics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:35px}.comic-card{background:#ffffff0d;border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.comic-card:hover{transform:translateY(-12px);box-shadow:0 30px 60px #00000080;border-color:#667eea80}.comic-cover{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.comic-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.175,.885,.32,1.275)}.comic-card:hover .comic-cover img{transform:scale(1.1)}.cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:80px;opacity:.6}.comic-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 50%,transparent 100%);display:flex;align-items:flex-end;justify-content:center;padding:20px;opacity:0;transition:opacity .4s}.comic-card:hover .comic-overlay{opacity:1}.read-btn{color:#fff;font-weight:600;font-size:16px;padding:12px 24px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;border:1px solid rgba(255,255,255,.3);transition:all .3s}.comic-card:hover .read-btn{background:#ffffff4d;transform:translateY(-5px)}.comic-details{padding:20px}.comic-title{margin:0 0 8px;font-size:18px;font-weight:700;color:#fff;line-height:1.3}.comic-author{margin:0 0 5px;font-size:13px;color:#ffffffb3}.comic-meta{margin:0 0 10px;font-size:12px;color:#fff9}.favorite-badge{display:inline-block;padding:5px 12px;background:#ff6b6b33;border:1px solid rgba(255,107,107,.5);border-radius:50px;font-size:12px;font-weight:600;color:#ff6b6b}.artworks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}.artwork-card{background:#ffffff0d;border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.artwork-card:hover{transform:translateY(-12px);box-shadow:0 30px 60px #00000080;border-color:#667eea80}.artwork-image{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.artwork-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.175,.885,.32,1.275)}.artwork-card:hover .artwork-image img{transform:scale(1.1)}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:80px;opacity:.6}.artwork-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s}.artwork-card:hover .artwork-overlay{opacity:1}.view-btn{color:#fff;font-weight:600;font-size:16px;padding:12px 24px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;border:1px solid rgba(255,255,255,.3)}.artwork-details{padding:20px}.artwork-title{margin:0 0 8px;font-size:18px;font-weight:700;color:#fff;line-height:1.3}.artwork-artist{margin:0 0 10px;font-size:13px;color:#ffffffb3}.loading-state,.empty-state{text-align:center;padding:100px 20px;color:#fffc}.loading-state{font-size:20px;font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;gap:20px}.empty-icon{font-size:100px;opacity:.5}.empty-state h3{margin:0;font-size:32px;font-weight:700;color:#fff}.empty-state p{margin:0;font-size:18px;color:#fff9}.modern-footer{background:#0000004d;border-top:1px solid rgba(255,255,255,.1);padding:60px 20px 30px;margin-top:100px}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{margin:0;color:#fff9;font-size:14px}.footer-link{color:#667eea;text-decoration:none;font-weight:600;transition:all .3s}.footer-link:hover{color:#764ba2}@media (max-width: 768px){.artcomics-content{padding:60px 20px}.filter-bar{flex-direction:column;gap:20px;padding:20px}.filter-buttons{width:100%;flex-direction:column;gap:10px}.filter-btn{width:100%;text-align:center}.content-count{text-align:center}.comics-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:25px}.artworks-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:25px}}@media (max-width: 480px){.comics-grid,.artworks-grid{grid-template-columns:1fr 1fr}}.comic-reader{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none}.reader-header{position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:100;transition:opacity .3s,transform .3s}.reader-header.visible{opacity:1;transform:translateY(0)}.reader-header.hidden{opacity:0;transform:translateY(-100%);pointer-events:none}.btn-close{padding:10px 20px;background:#ffffff1a;border:none;color:#fff;border-radius:8px;cursor:pointer;font-size:16px;transition:all .3s}.btn-close:hover{background:#fff3}.comic-title{flex:1;text-align:center;margin:0;color:#fff;font-size:20px}.page-indicator{color:#fff;font-size:14px;background:#ffffff1a;padding:8px 16px;border-radius:20px}.page-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.comic-page{max-width:100%;max-height:100%;object-fit:contain;animation:fadeIn .3s ease}.reader-nav{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 20px;pointer-events:none;transition:opacity .3s}.reader-nav.visible{opacity:1}.reader-nav.hidden{opacity:0}.nav-btn{width:60px;height:60px;border-radius:50%;background:#fff3;border:none;color:#fff;font-size:36px;cursor:pointer;transition:all .3s;pointer-events:all;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-btn:hover:not(:disabled){background:#ffffff4d;transform:scale(1.1)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.prev-btn{margin-left:0}.next-btn{margin-right:0}.thumbnail-bar{position:absolute;bottom:40px;left:0;right:0;z-index:100;transition:opacity .3s,transform .3s}.thumbnail-bar.visible{opacity:1;transform:translateY(0)}.thumbnail-bar.hidden{opacity:0;transform:translateY(100%);pointer-events:none}.thumbnails{display:flex;gap:10px;padding:10px 20px;overflow-x:auto;justify-content:center;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.thumbnails::-webkit-scrollbar{height:6px}.thumbnails::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.thumbnail{position:relative;flex-shrink:0;width:60px;height:80px;border-radius:4px;overflow:hidden;cursor:pointer;transition:all .3s;border:2px solid transparent}.thumbnail:hover{transform:translateY(-5px);border-color:#ffffff80}.thumbnail.active{border-color:#667eea;box-shadow:0 0 20px #667eea99}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumb-number{position:absolute;bottom:2px;right:2px;background:#000c;color:#fff;font-size:10px;padding:2px 5px;border-radius:3px}.progress-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background:#fff3;z-index:101;transition:opacity .3s}.progress-bar.visible{opacity:1}.progress-bar.hidden{opacity:0}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.comic-reader.loading,.comic-reader.error{display:flex;align-items:center;justify-content:center;color:#fff}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-box{text-align:center;background:#ffffff1a;padding:40px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-box h2{color:#f56565;margin:0 0 20px}.btn-back{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:all .3s}.btn-back:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}@media (max-width: 768px){.reader-header{height:50px;padding:0 10px}.comic-title{font-size:16px}.page-indicator{font-size:12px;padding:6px 12px}.nav-btn{width:50px;height:50px;font-size:30px}.reader-nav{padding:0 10px}.thumbnail{width:50px;height:70px}.thumbnail-bar{bottom:30px}}@media (hover: none) and (pointer: coarse){.nav-btn{opacity:.7}.thumbnail-bar{bottom:50px}}.comic-reader.scrolling-mode{position:static;overflow-y:auto;overflow-x:hidden;background:#0a0a0a;min-height:100vh}.comic-reader.scrolling-mode .reader-header{position:fixed;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;height:70px;padding:0 2rem;box-shadow:0 2px 10px #00000080}.header-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.header-content .comic-title{font-size:1.2rem;margin:0}.header-content .page-indicator{font-size:.85rem;padding:.25rem .75rem}.header-actions{display:flex;gap:.75rem}.pages-scroll-container{padding-top:90px;max-width:1200px;margin:0 auto;padding-left:1rem;padding-right:1rem;padding-bottom:2rem}.comic-page-wrapper{margin-bottom:2rem;position:relative;background:#ffffff05;border-radius:12px;overflow:hidden;border:2px solid transparent;transition:all .3s ease}.comic-page-wrapper.active{border-color:#667eea;box-shadow:0 0 30px #667eea4d}.page-number-label{position:absolute;top:10px;left:10px;background:#000c;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;z-index:10;opacity:0;transition:opacity .3s ease}.comic-page-wrapper:hover .page-number-label,.comic-page-wrapper.active .page-number-label{opacity:1}.comic-page-wrapper .comic-page{width:100%;height:auto;display:block;animation:none}.page-nav-sidebar{position:fixed;right:0;top:90px;bottom:20px;width:120px;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:2px solid rgba(255,255,255,.1);padding:1rem .5rem;overflow-y:auto;z-index:50;transition:transform .3s ease,opacity .3s ease}.page-nav-sidebar.visible{transform:translate(0);opacity:1}.page-nav-sidebar.hidden{transform:translate(100%);opacity:0;pointer-events:none}.page-thumbnails{display:flex;flex-direction:column;gap:.75rem}.page-thumb{position:relative;width:100%;aspect-ratio:2/3;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .3s ease}.page-thumb:hover{border-color:#ffffff80;transform:scale(1.05)}.page-thumb.active{border-color:#667eea;box-shadow:0 0 20px #667eea99}.page-thumb img{width:100%;height:100%;object-fit:cover}.page-thumb .thumb-number{position:absolute;bottom:4px;right:4px;background:#000000e6;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:700}.comic-reader.scrolling-mode .progress-bar{position:fixed;bottom:0;left:0;right:0}@media (max-width: 1024px){.page-nav-sidebar{width:100px}.pages-scroll-container{padding-right:120px}}@media (max-width: 768px){.comic-reader.scrolling-mode .reader-header{grid-template-columns:1fr;height:auto;padding:1rem}.header-actions{width:100%;justify-content:center}.page-nav-sidebar{display:none}.pages-scroll-container{padding-top:120px;padding-right:1rem}.comic-reader.scrolling-mode .reader-header.hidden{transform:translateY(-100%)}}.single-artwork-page{min-height:100vh;background:linear-gradient(135deg,#1a202c,#2d3748);padding:20px;color:#fff}.artwork-header{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto 30px}.back-btn{padding:10px 20px;background:#ffffff1a;border:none;color:#fff;border-radius:8px;cursor:pointer;font-size:16px;transition:all .3s}.back-btn:hover{background:#fff3}.download-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s;font-size:16px}.download-btn:hover{background:#fff3;transform:scale(1.05)}.artwork-viewer{max-width:1400px;margin:0 auto 40px;background:#000;border-radius:12px;overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:60vh;position:relative}.artwork-image{max-width:100%;max-height:80vh;width:auto;height:auto;cursor:zoom-in;transition:all .3s}.artwork-viewer.zoomed{position:fixed;top:0;right:0;bottom:0;left:0;max-width:none;margin:0;border-radius:0;z-index:1000;background:#000000f2}.artwork-viewer.zoomed .artwork-image{max-width:95vw;max-height:95vh;cursor:zoom-out}.zoom-controls{position:absolute;top:20px;right:20px;z-index:1001}.close-zoom{padding:12px 24px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s}.close-zoom:hover{background:#ffffff4d}.artwork-details{max-width:1400px;margin:0 auto;padding:30px;background:#ffffff0d;border-radius:12px}.artwork-details h1{margin:0 0 10px;font-size:32px}.artwork-artist{color:#a0aec0;font-size:18px;margin:0 0 20px}.artwork-description h3{margin:20px 0 10px;color:#a0aec0;font-size:16px;text-transform:uppercase;letter-spacing:1px}.artwork-description p{color:#fff;line-height:1.6;font-size:16px}.loading,.error-state{text-align:center;padding:80px 20px;color:#a0aec0}.btn-back{margin-top:20px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px}@media (max-width: 768px){.artwork-header{flex-direction:column;gap:15px;align-items:stretch}.header-actions{flex-wrap:wrap}.artwork-details h1{font-size:24px}}.profile-container{min-height:calc(100vh - 80px);padding:40px 0}.profile-header{display:flex;align-items:center;gap:30px;margin-bottom:50px;padding:30px;background-color:var(--secondary);border:1px solid var(--border);border-radius:12px}.profile-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;flex-shrink:0;border:3px solid var(--highlight)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background-color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:var(--gold)}.profile-info h1{font-size:32px;color:var(--highlight);margin-bottom:10px}.profile-role{font-size:18px;color:var(--text-muted)}.profile-section{margin-bottom:50px}.profile-section h2{font-size:28px;color:var(--gold);margin-bottom:25px}.empty-message{text-align:center;padding:50px 20px;color:var(--text-muted);font-size:16px}.progress-list{display:flex;flex-direction:column;gap:15px}.progress-item{display:flex;align-items:center;gap:20px;background-color:var(--secondary);border:1px solid var(--border);border-radius:8px;padding:20px;transition:all .3s ease;text-decoration:none;color:inherit}.progress-item:hover{transform:translate(10px);border-color:var(--highlight);box-shadow:0 4px 16px #e945604d}.progress-cover{width:80px;height:120px;background-size:cover;background-position:center;background-color:var(--accent);border-radius:6px;flex-shrink:0}.progress-info h3{font-size:18px;color:var(--highlight);margin-bottom:5px}.progress-info p{font-size:14px;color:var(--text);margin-bottom:8px}.progress-time{font-size:12px;color:var(--text-muted)}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:25px}.favorite-card{background-color:var(--secondary);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit}.favorite-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #e945604d}.favorite-cover{width:100%;height:250px;background-size:cover;background-position:center;background-color:var(--accent)}.favorite-info{padding:15px}.favorite-info h3{font-size:16px;color:var(--highlight);margin-bottom:5px}.favorite-info p{font-size:14px;color:var(--text-muted)}@media (max-width: 768px){.profile-header{flex-direction:column;text-align:center}.profile-avatar{width:100px;height:100px}.profile-info h1{font-size:24px}.progress-item{flex-direction:column;text-align:center}.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.admin-container{min-height:calc(100vh - 80px);padding:40px 0}.admin-title{font-size:36px;color:var(--highlight);text-align:center;margin-bottom:50px}.admin-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:50px}.admin-card{background-color:var(--secondary);border:1px solid var(--border);border-radius:12px;padding:40px;text-align:center;transition:all .3s ease;text-decoration:none;color:inherit}.admin-card:hover{transform:translateY(-8px);border-color:var(--highlight);box-shadow:0 12px 32px #e945604d}.admin-card-icon{font-size:64px;margin-bottom:20px}.admin-card h2{font-size:24px;color:var(--gold);margin-bottom:10px}.admin-card p{color:var(--text-muted);font-size:14px}.admin-section{margin-bottom:40px}.admin-section h2{font-size:28px;color:var(--gold);margin-bottom:20px}.admin-table{width:100%;background-color:var(--secondary);border:1px solid var(--border);border-radius:8px;overflow:hidden}.admin-table table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:15px;text-align:left;border-bottom:1px solid var(--border)}.admin-table th{background-color:var(--accent);color:var(--gold);font-weight:600}.admin-table tr:hover{background-color:var(--accent)}.admin-actions{display:flex;gap:10px}.admin-actions button{padding:5px 12px;font-size:14px}.admin-form{background-color:var(--secondary);border:1px solid var(--border);border-radius:12px;padding:30px;max-width:800px}.admin-form .form-group{margin-bottom:20px}.admin-form textarea{min-height:150px;resize:vertical}.admin-form-actions{display:flex;gap:15px;margin-top:30px}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.status-published{background-color:#2ecc7133;color:#2ecc71}.status-draft{background-color:#f39c1233;color:#f39c12}@media (max-width: 768px){.admin-title{font-size:28px}.admin-cards{grid-template-columns:1fr}.admin-table{overflow-x:auto}.admin-form{padding:20px}}.book-import{margin-bottom:30px}.import-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid var(--border)}.import-tab{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-muted);font-weight:600;cursor:pointer;transition:all .3s ease}.import-tab:hover{color:var(--text)}.import-tab.active{color:var(--highlight);border-bottom-color:var(--highlight)}.import-content{padding:20px 0}.import-preview{background-color:var(--accent);border:1px solid var(--highlight);border-radius:8px;padding:20px;margin:20px 0}.import-preview h3{color:var(--highlight);margin-bottom:15px}.preview-details p{margin:8px 0;color:var(--text)}.preview-details strong{color:var(--gold)}.preview-actions{display:flex;gap:10px;margin-top:20px}.format-helper{margin-top:30px;padding-top:20px;border-top:1px solid var(--border)}.templates{margin-top:20px}.template-section{margin-bottom:30px}.template-section h4{color:var(--gold);margin-bottom:10px}.template-section pre{background-color:var(--accent);border:1px solid var(--border);border-radius:8px;padding:15px;overflow-x:auto;font-size:13px;line-height:1.6;color:var(--text);margin-top:10px}.btn-sm{padding:6px 12px;font-size:14px}.media-browser-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.media-browser-modal{background:var(--primary);border:2px solid var(--border);border-radius:12px;max-width:900px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 50px #00000080}.media-browser-header{padding:20px;border-bottom:2px solid var(--border);display:flex;justify-content:space-between;align-items:center}.media-browser-header h2{margin:0;color:var(--highlight);font-size:24px}.close-btn{background:none;border:none;color:var(--text);font-size:32px;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background:var(--highlight);color:#fff}.media-browser-filters{padding:15px 20px;border-bottom:1px solid var(--border);display:flex;gap:20px;flex-wrap:wrap}.media-browser-filters label{display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--text);font-size:14px}.media-browser-filters input[type=radio]{cursor:pointer}.media-browser-content{flex:1;overflow-y:auto;padding:20px}.media-loading,.media-empty{text-align:center;padding:40px;color:var(--text-muted);font-size:16px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.media-item{background:var(--secondary);border:2px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;aspect-ratio:1;display:flex;flex-direction:column}.media-item:hover{border-color:var(--highlight);transform:translateY(-4px);box-shadow:0 6px 20px #e945604d}.media-item img,.media-item video{width:100%;height:140px;object-fit:cover;background:#0003}.media-icon{width:100%;height:140px;display:flex;align-items:center;justify-content:center;font-size:48px;background:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%)}.media-info{padding:10px;flex:1;display:flex;flex-direction:column;justify-content:center}.media-name{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.media-size{font-size:11px;color:var(--text-muted)}.media-browser-footer{padding:15px 20px;border-top:2px solid var(--border);display:flex;justify-content:flex-end}@media (max-width: 768px){.media-browser-modal{max-height:90vh}.media-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.media-item img,.media-item video,.media-icon{height:110px}}.admin-songs{padding:30px;max-width:1600px;margin:0 auto}.admin-songs.loading{text-align:center;padding:60px 20px;font-size:1.2em;color:#a0a0c0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid #e94560}.page-header h1{font-size:2.5em;color:#e94560;margin:0 0 10px}.subtitle{color:#a0a0c0;font-size:1.1em;margin:0}.header-actions{display:flex;gap:15px;align-items:center}.albums-section,.singles-section{margin-bottom:50px}.albums-section h2,.singles-section h2{font-size:1.8em;color:#fff;margin:0 0 20px;display:flex;align-items:center;gap:10px}.albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.album-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #e94560;border-radius:16px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.album-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #e9456066}.album-cover{width:100%;height:280px;object-fit:cover;border-bottom:2px solid #e94560}.album-info{padding:20px;flex:1}.album-info h3{font-size:1.4em;color:#fff;margin:0 0 8px}.album-info .artist{color:#e94560;font-size:1.1em;margin:0 0 12px}.album-info .linked-book{font-size:.9em;color:#a0a0c0;margin:8px 0}.album-info .song-count{font-size:.9em;color:#fff;font-weight:600;margin:8px 0}.album-actions{padding:15px 20px;border-top:1px solid rgba(233,69,96,.2);display:flex;gap:10px}.songs-table{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #e94560;border-radius:16px;padding:20px;overflow-x:auto}.songs-table table{width:100%;border-collapse:collapse;min-width:800px}.songs-table thead tr{border-bottom:2px solid #e94560}.songs-table th{padding:15px 12px;text-align:left;color:#e94560;font-weight:600;font-size:.95em;text-transform:uppercase}.songs-table tbody tr{border-bottom:1px solid rgba(233,69,96,.2);transition:background-color .3s ease}.songs-table tbody tr:hover{background-color:#e945601a}.songs-table td{padding:15px 12px;color:#fff}.song-thumb-placeholder{display:flex;align-items:center;justify-content:center;background:#e945601a;font-size:24px}.empty-state{text-align:center;padding:40px 20px;color:#a0a0c0;font-size:1.1em;background:#e945600d;border-radius:12px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #e94560;border-radius:16px;padding:30px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.type-selector{display:flex;gap:15px;margin-bottom:30px}.type-btn{flex:1;padding:15px 20px;background:#e945601a;border:2px solid rgba(233,69,96,.3);border-radius:12px;color:#fff;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease}.type-btn.active{background:#e945604d;border-color:#e94560;box-shadow:0 0 15px #e9456066}.type-btn:hover{background:#e9456033;transform:translateY(-2px)}.form-group input[type=text],.form-group select,.form-group textarea{width:100%;padding:12px 15px;background:#1a1a2ecc;border:2px solid rgba(233,69,96,.3);border-radius:8px;color:#fff;font-size:1em;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#e94560;box-shadow:0 0 10px #e945604d}.file-upload-label{display:inline-block;padding:10px 20px;background:#e9456033;border:2px solid #e94560;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;font-weight:600}.file-name{margin:10px 0;color:#0f8;font-size:.9em}.preview-img{max-width:200px;max-height:200px;border-radius:8px;border:2px solid #e94560;display:block;margin:10px 0}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.85em;font-weight:600;text-transform:uppercase}.btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1em;text-decoration:none;display:inline-block;text-align:center}@media (max-width: 1024px){.albums-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.admin-songs{padding:20px}.page-header{flex-direction:column;gap:20px}.page-header h1{font-size:2em}.header-actions{width:100%;flex-direction:column}.header-actions .btn{width:100%}.albums-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.album-cover{height:200px}.modal-content{padding:20px}.type-selector{flex-direction:column}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}@media (max-width: 480px){.page-header h1{font-size:1.6em}.albums-grid{grid-template-columns:1fr}.album-card{max-width:100%}}.admin-album-songs{padding:30px;max-width:1400px;margin:0 auto}.admin-album-songs.loading,.admin-album-songs.error{text-align:center;padding:60px 20px;font-size:1.1em;color:#a0a0c0}.back-link{display:inline-flex;align-items:center;gap:8px;color:#e94560;text-decoration:none;font-weight:600;margin-bottom:20px;transition:color .3s ease}.back-link:hover{color:#ff6b9d}.album-header{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #e94560;border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:0 8px 32px #0000004d}.album-info-header{display:flex;gap:30px;align-items:flex-start;margin:20px 0}.album-cover-large{width:180px;height:180px;object-fit:cover;border-radius:12px;border:3px solid #e94560;box-shadow:0 8px 24px #e945604d;flex-shrink:0}.album-details{flex:1}.album-details h1{font-size:2.2em;color:#fff;margin:0 0 10px}.album-details .artist{font-size:1.3em;color:#e94560;margin:0 0 15px}.album-details .description{color:#a0a0c0;margin:15px 0;line-height:1.6}.album-meta{display:flex;gap:15px;align-items:center;margin-top:15px}.song-count{color:#fff;font-weight:600;padding:6px 12px;background:#e9456033;border-radius:8px}.songs-list{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #e94560;border-radius:16px;padding:30px;box-shadow:0 8px 32px #0000004d}.songs-list table{width:100%;border-collapse:collapse}.songs-list thead tr{border-bottom:2px solid #e94560}.songs-list th{padding:15px 12px;text-align:left;color:#e94560;font-weight:600;font-size:.95em;text-transform:uppercase}.songs-list tbody tr{border-bottom:1px solid rgba(233,69,96,.2);transition:background-color .3s ease}.songs-list tbody tr:hover{background-color:#e945601a}.songs-list td{padding:15px 12px;color:#fff}.track-number{font-weight:600;color:#e94560;font-size:1.1em;width:50px;text-align:center}.song-thumb,.song-thumb-placeholder{width:50px;height:50px;object-fit:cover;border-radius:8px;border:2px solid rgba(233,69,96,.3)}.song-thumb-placeholder{display:flex;align-items:center;justify-content:center;background:#e945601a;font-size:20px}.song-title{font-weight:600;color:#fff}.actions{display:flex;gap:8px}.badge{padding:4px 12px;border-radius:12px;font-size:.85em;font-weight:600;text-transform:uppercase}.badge.published{background:#00c86433;color:#0f8;border:1px solid #00ff88}.badge.draft{background:#ff980033;color:#ffa726;border:1px solid #ffa726}.empty-state{text-align:center;padding:60px 20px}.empty-state p{color:#a0a0c0;font-size:1.1em;margin-bottom:20px}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #e94560;border-radius:16px;padding:30px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000080}.modal-content h2{color:#e94560;margin:0 0 25px;font-size:1.8em}.form-group label{display:block;color:#fff;margin-bottom:8px;font-weight:600}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{width:100%;padding:12px 15px;background:#1a1a2ecc;border:2px solid rgba(233,69,96,.3);border-radius:8px;color:#fff;font-size:1em;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#e94560}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.file-upload-label{display:inline-block;padding:10px 20px;background:#e9456033;border:2px solid #e94560;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease}.file-upload-label:hover{background:#e945604d;transform:translateY(-2px)}.file-preview,.preview-img{margin:10px 0;color:#0f8;font-size:.9em}.preview-img{max-width:200px;max-height:200px;border-radius:8px;border:2px solid #e94560;display:block}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1em}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e9456066}.btn-secondary{background:#a0a0c033;color:#fff;border:2px solid rgba(160,160,192,.3)}.btn-secondary:hover{background:#a0a0c04d}.btn-sm{padding:6px 12px;font-size:.85em}.btn-danger{background:#ff453a33;color:#ff453a;border:2px solid #ff453a}.btn-danger:hover{background:#ff453a4d}@media (max-width: 768px){.admin-album-songs{padding:20px}.album-info-header{flex-direction:column;gap:20px}.album-cover-large{width:150px;height:150px}.album-details h1{font-size:1.8em}.form-row{grid-template-columns:1fr}.songs-list{padding:20px 10px;overflow-x:auto}.songs-list table{min-width:700px}.modal-content{padding:20px}}@media (max-width: 480px){.album-header{padding:20px}.album-details h1{font-size:1.5em}.btn{width:100%}.form-actions{flex-direction:column-reverse}}.admin-create-album{max-width:1000px;margin:0 auto;padding:20px}.create-album-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.create-album-header h1{font-size:2em;color:#fff;margin:0}.progress-steps{display:flex;justify-content:center;gap:100px;margin:40px 0;padding:20px;background:#ffffff0d;border-radius:10px}.step{display:flex;flex-direction:column;align-items:center;gap:10px;opacity:.5;transition:opacity .3s}.step.active{opacity:1}.step.completed{opacity:.8}.step-number{width:40px;height:40px;border-radius:50%;background:#e94560;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2em}.step.completed .step-number{background:#4caf50}.step.active .step-number{background:#ff6b9d;box-shadow:0 0 20px #e9456080}.step-label{font-weight:600;color:#fff}.album-form{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(233,69,96,.3);border-radius:16px;padding:40px}.form-section h2{color:#e94560;margin-bottom:30px;font-size:1.5em}.form-group input[type=text],.form-group textarea,.form-group select{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(233,69,96,.3);border-radius:8px;color:#fff;font-size:1em}.form-group small{display:block;color:#a0a0c0;margin-top:5px;font-size:.9em}.form-group.checkbox label{display:flex;align-items:center;gap:10px;margin:0}.cover-preview{text-align:center}.cover-preview img{max-width:300px;max-height:300px;border-radius:12px;margin-bottom:15px;box-shadow:0 4px 20px #0000004d}.cover-preview-small img{max-width:150px;max-height:150px;border-radius:8px;margin-top:10px;margin-bottom:10px}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:40px;padding-top:30px;border-top:1px solid rgba(233,69,96,.2)}.songs-step{max-width:900px;margin:0 auto}.album-header-mini{display:flex;align-items:center;gap:20px;padding:20px;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(233,69,96,.3);border-radius:12px;margin-bottom:30px}.album-header-mini img{width:80px;height:80px;border-radius:8px;object-fit:cover}.album-header-mini h3{color:#fff;margin:0;font-size:1.5em}.album-header-mini p{color:#e94560;margin:5px 0 0}.songs-list{margin-bottom:40px}.songs-list h3{color:#e94560;margin-bottom:20px}.songs-preview{background:#ffffff08;border:1px solid rgba(233,69,96,.2);border-radius:12px;padding:15px}.song-item-preview{display:flex;align-items:center;gap:15px;padding:15px;background:#ffffff0d;border:1px solid rgba(233,69,96,.2);border-radius:8px;margin-bottom:10px;transition:all .3s}.song-item-preview:hover{background:#ffffff14;border-color:#e94560}.track-num{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#e94560;color:#fff;border-radius:50%;font-weight:700;flex-shrink:0}.song-info{flex:1;min-width:0}.song-info strong{display:block;color:#fff;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-info small{color:#a0a0c0;font-size:.9em}.badge{padding:4px 10px;background:#e9456033;border:1px solid #e94560;border-radius:12px;font-size:.85em;color:#ff6b9d;white-space:nowrap}.add-song-form{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(233,69,96,.3);border-radius:16px;padding:30px;margin-bottom:30px}.add-song-form h3{color:#e94560;margin-bottom:25px}.btn-add-song{width:100%;margin-top:20px;font-size:1.1em}.final-actions{display:flex;justify-content:space-between;gap:20px;padding:30px;background:#ffffff08;border-radius:12px}.final-actions button{flex:1;padding:15px 30px;font-size:1.1em}.btn{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}@media (max-width: 768px){.admin-create-album{padding:15px}.progress-steps{gap:40px}.album-form{padding:25px}.final-actions{flex-direction:column}.song-item-preview{flex-wrap:wrap}}.admin-create-single{padding:20px;max-width:900px;margin:0 auto}.page-header h1{color:#fff;font-size:2em;margin:0}.song-form{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(233,69,96,.3);border-radius:16px;padding:30px}.form-section h2{color:#e94560;margin-top:0;margin-bottom:25px;font-size:1.5em}.form-group{margin-bottom:25px}.form-group label{display:block;color:#fff;margin-bottom:10px;font-weight:500}.form-group small{display:block;color:#a0a0c0;margin-top:8px;font-size:.9em}.form-group input[type=text],.form-group input[type=url],.form-group textarea,.form-group select{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(233,69,96,.3);border-radius:8px;color:#fff;font-size:1em;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#e94560;background:#ffffff14}.form-group.checkbox label{display:flex;align-items:center;gap:10px;margin:0;cursor:pointer}.form-group.checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.file-upload-label{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#e94560,#ff6b9d);color:#fff;border-radius:8px;cursor:pointer;transition:all .3s;font-weight:600}.file-upload-label:hover{transform:translateY(-2px);box-shadow:0 5px 15px #e9456066}.file-uploaded{display:flex;align-items:center;gap:15px;padding:12px;background:#4caf5033;border:1px solid #4caf50;border-radius:8px;color:#4caf50;margin-top:10px}.cover-preview{margin:10px 0}.cover-preview img{max-width:300px;max-height:300px;border-radius:8px;box-shadow:0 4px 20px #0000004d}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid rgba(233,69,96,.2)}.btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;font-size:1em}.btn-primary{background:linear-gradient(135deg,#e94560,#ff6b9d);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #e9456066}.btn-secondary{background:transparent;color:#fff;border:2px solid #e94560}.btn-secondary:hover{background:#e945601a}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-sm{padding:6px 12px;font-size:.9em}@media (max-width: 768px){.admin-create-single{padding:15px}.page-header{flex-direction:column;align-items:flex-start;gap:15px}.cover-preview img{max-width:100%}.form-actions{flex-direction:column}.form-actions button{width:100%}}.admin-album-manager{padding:20px;max-width:1600px;margin:0 auto}.back-link{display:inline-block;margin-bottom:20px;padding:8px 16px;background:#2d3748;color:#fff;border:none;border-radius:6px;cursor:pointer;text-decoration:none}.back-link:hover{background:#4a5568}.album-manager-layout{display:grid;grid-template-columns:400px 1fr;gap:30px;margin-top:20px}.album-info-panel{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:30px;color:#fff;box-shadow:0 10px 30px #0000004d}.album-banner{margin-bottom:20px}.album-cover{width:100%;aspect-ratio:1;border-radius:8px;object-fit:cover;box-shadow:0 8px 20px #0006}.album-cover-placeholder{width:100%;aspect-ratio:1;background:#ffffff1a;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:80px}.album-title{font-size:32px;margin:0 0 8px;font-weight:700}.album-artist{font-size:18px;opacity:.9;margin:0 0 20px}.album-stats{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0;padding:20px 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.stat{text-align:center}.stat-value{display:block;font-size:28px;font-weight:700;margin-bottom:5px}.stat-value.published{color:#48bb78}.stat-value.draft{color:#ed8936}.stat-label{display:block;font-size:12px;text-transform:uppercase;opacity:.8}.album-description,.linked-book{margin-top:20px}.album-description h3,.linked-book h3{font-size:14px;text-transform:uppercase;opacity:.8;margin-bottom:8px}.album-description p,.linked-book p{line-height:1.6}.songs-panel{background:#1a202c;border-radius:12px;padding:30px}.songs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.songs-header h2{margin:0;color:#fff}.btn-add-song{padding:10px 20px;background:#f56565;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700}.btn-add-song:hover{background:#e53e3e}.empty-songs{text-align:center;padding:60px 20px;color:#a0aec0}.empty-songs p{margin-bottom:20px;font-size:18px}.songs-list{display:flex;flex-direction:column;gap:15px}.song-card{background:#2d3748;border-radius:8px;overflow:hidden;transition:all .3s ease}.song-card.expanded{background:#374151}.song-header{padding:20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.song-header:hover{background:#ffffff0d}.song-main-info{display:flex;align-items:center;gap:15px;flex:1}.track-number{font-size:24px;font-weight:700;color:#667eea;width:40px;text-align:center}.song-title-artist h3{margin:0 0 5px;color:#fff;font-size:18px}.song-title-artist p{margin:0;color:#a0aec0;font-size:14px}.song-actions-inline{display:flex;align-items:center;gap:10px}.btn-play-inline{width:40px;height:40px;border-radius:50%;border:none;background:#667eea;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-play-inline:hover{background:#5a67d8}.status-pill{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase}.status-pill.published{background:#48bb78;color:#fff}.status-pill.draft{background:#ed8936;color:#fff}.expand-icon{background:none;border:none;color:#a0aec0;font-size:18px;cursor:pointer;padding:5px 10px}.song-expanded-content{padding:0 20px 20px;border-top:1px solid rgba(255,255,255,.1);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.song-details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.detail-item label{display:block;font-size:12px;text-transform:uppercase;color:#a0aec0;margin-bottom:5px}.detail-item p{margin:0;color:#fff;font-weight:700}.song-description,.song-lyrics{margin:15px 0}.song-description label,.song-lyrics label{display:block;font-size:12px;text-transform:uppercase;color:#a0aec0;margin-bottom:8px}.song-description p{margin:0;color:#fff;line-height:1.6}.song-lyrics pre{background:#1a202c;padding:15px;border-radius:6px;color:#fff;white-space:pre-wrap;line-height:1.6;margin:0}.song-action-buttons{display:flex;gap:10px;margin-top:20px}.song-action-buttons button{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:700}.btn-edit{background:#4299e1;color:#fff}.btn-edit:hover{background:#3182ce}.btn-publish{background:#48bb78;color:#fff}.btn-publish.unpublish{background:#ed8936}.btn-delete{background:#f56565;color:#fff}.btn-delete:hover{background:#e53e3e}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#2d3748;border-radius:12px;padding:30px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 50px #00000080}.modal-content.modal-large{max-width:800px}.modal-content h2{color:#667eea;margin:0 0 25px}.form-group label{display:block;color:#fff;margin-bottom:8px;font-weight:500}.form-group input[type=text],.form-group input[type=file],.form-group textarea{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1em}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;background:#ffffff14}.file-uploaded{padding:12px;background:#4caf5033;border:1px solid #4caf50;border-radius:8px;color:#4caf50}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.form-actions button{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:700}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background:#5a67d8}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.loading-container,.error-container{display:flex;align-items:center;justify-content:center;min-height:400px}.loading-spinner{text-align:center;color:#fff}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.error-box{background:#2d3748;padding:40px;border-radius:12px;text-align:center;color:#fff;max-width:500px}.error-box h2{color:#f56565;margin-top:0}.error-detail{color:#a0aec0;font-size:14px;margin:10px 0 20px}@media (max-width: 1024px){.album-manager-layout{grid-template-columns:1fr}.song-details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.song-details-grid{grid-template-columns:1fr}.song-action-buttons{flex-direction:column}.song-action-buttons button{width:100%}}.admin-albums{padding:40px;max-width:1400px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#0f0f1e,#1a1a2e,#16213e);color:#f5f5f5}.admin-albums.loading{display:flex;align-items:center;justify-content:center;font-size:1.2em}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:20px}.admin-header h1{font-size:2.5em;background:linear-gradient(135deg,#e94560,#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-actions{display:flex;gap:15px}.empty-message{text-align:center;padding:60px 20px;font-size:1.2em;color:#a0a0c0;grid-column:1 / -1}.albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.album-card{background:#1a1a2e99;border:2px solid rgba(233,69,96,.2);border-radius:16px;overflow:hidden;transition:all .3s ease}.album-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #e945604d;border-color:#e94560}.album-cover{width:100%;height:250px;background-size:cover;background-position:center;background-color:#e945601a}.album-info{padding:20px}.album-info h3{font-size:1.5em;color:#e94560;margin-bottom:8px}.album-artist{color:#a0a0c0;font-size:.95em;margin-bottom:12px}.album-description{color:#f5f5f5;font-size:.9em;line-height:1.5;margin-bottom:15px}.album-status{margin-bottom:15px}.status{padding:5px 12px;border-radius:12px;font-size:.85em;font-weight:600}.status.published{background:#4caf5033;color:#4caf50}.status.draft{background:#ff980033;color:#ff9800}.album-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-edit,.btn-songs,.btn-delete{padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-size:.9em;transition:all .3s ease}.btn-edit{background:#2196f333;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.btn-edit:hover{background:#2196f34d}.btn-songs{background:#9c27b033;color:#9c27b0;border:1px solid rgba(156,39,176,.3);text-decoration:none;display:inline-block}.btn-songs:hover{background:#9c27b04d}.btn-delete{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3)}.btn-delete:hover{background:#f443364d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #e94560;border-radius:16px;padding:35px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-content h2{color:#e94560;margin-bottom:25px;font-size:1.8em}.form-group label{display:block;color:#f5f5f5;margin-bottom:8px;font-weight:500}.form-group input[type=text],.form-group input[type=url],.form-group textarea{width:100%;padding:12px;background:#1a1a2ecc;border:2px solid rgba(233,69,96,.3);border-radius:8px;color:#f5f5f5;font-size:1em;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#e94560}.form-group.checkbox{display:flex;align-items:center}.form-group.checkbox label{display:flex;align-items:center;margin-bottom:0;cursor:pointer}.form-group.checkbox input{margin-right:10px;width:auto}.modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.file-upload-section{margin-top:10px}.file-upload-label{display:inline-block;padding:10px 20px;background:#e945601a;border:2px dashed rgba(233,69,96,.3);border-radius:8px;color:#e94560;cursor:pointer;transition:all .3s ease;font-size:.9em}.file-upload-label:hover{background:#e9456033;border-color:#e94560}.file-input{display:none}@media (max-width: 768px){.admin-albums{padding:20px}.admin-header{flex-direction:column;align-items:flex-start}.admin-header h1{font-size:2em}.albums-grid{grid-template-columns:1fr}.modal-content{padding:25px}}.admin-content-page{padding:20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.header-actions{display:flex;gap:10px}.content-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid rgba(255,255,255,.1)}.tab-btn{padding:15px 30px;background:none;border:none;color:#a0aec0;font-size:16px;cursor:pointer;position:relative;transition:all .3s}.tab-btn.active{color:#fff}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:30px}.item-card{background:#ffffff0d;border-radius:12px;overflow:hidden;transition:all .3s}.item-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0006}.item-cover{width:100%;aspect-ratio:1;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.item-cover img{width:100%;height:100%;object-fit:cover}.cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:80px;opacity:.5}.item-info{padding:20px}.item-info h3{margin:0 0 8px;color:#fff;font-size:18px}.item-info p{margin:0 0 8px;color:#a0aec0;font-size:14px}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700}.status-badge.published{background:#48bb7833;color:#48bb78}.status-badge.draft{background:#ed893633;color:#ed8936}.item-actions{padding:0 20px 20px;display:flex;gap:10px}.btn-manage,.btn-edit,.btn-delete{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}.btn-manage{background:#667eea;color:#fff;flex:1}.btn-edit{background:#ffffff1a;color:#fff}.btn-delete{background:#f5656533;color:#f56565}.btn-manage:hover{background:#5568d3}.btn-edit:hover{background:#fff3}.btn-delete:hover{background:#f565654d}.empty-state{text-align:center;padding:80px 20px;color:#a0aec0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#2d3748;border-radius:12px;padding:30px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;color:#fff}.modal-content h2{margin-top:0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#a0aec0;font-size:14px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:14px}.form-group textarea{resize:vertical;font-family:inherit}.preview-img{width:100%;max-height:200px;object-fit:cover;border-radius:8px;margin-bottom:10px}.checkbox-label{display:flex!important;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.form-actions button{padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-size:14px}.form-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.artworks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:25px}.artwork-card{background:#ffffff0d;border-radius:12px;overflow:hidden;transition:all .3s}.artwork-card:hover{transform:translateY(-5px)}.artwork-image{width:100%;aspect-ratio:1;overflow:hidden}.artwork-image img{width:100%;height:100%;object-fit:cover}.loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:#fff}.admin-collection-manager{padding:20px}.back-link{display:inline-block;margin-bottom:20px;padding:10px 20px;background:#ffffff1a;color:#fff;text-decoration:none;border-radius:8px;border:none;cursor:pointer;transition:all .3s}.back-link:hover{background:#fff3}.manager-layout{display:grid;grid-template-columns:400px 1fr;gap:30px}.collection-info-panel{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:30px;color:#fff;height:fit-content;position:sticky;top:20px}.collection-cover{width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;margin-bottom:20px;box-shadow:0 8px 20px #0006}.collection-cover img{width:100%;height:100%;object-fit:cover}.cover-placeholder{width:100%;height:100%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:100px}.collection-details h1{margin:0 0 10px;font-size:28px}.collection-details p{margin:5px 0;opacity:.9}.videos-panel{background:#ffffff0d;border-radius:12px;padding:30px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-header h2{margin:0;color:#fff}.videos-table{width:100%;border-collapse:collapse}.videos-table thead{background:#ffffff0d}.videos-table th{padding:15px;text-align:left;color:#a0aec0;font-size:14px;font-weight:600}.videos-table td{padding:15px;border-top:1px solid rgba(255,255,255,.05);color:#fff}.video-thumb-small{width:80px;height:45px;object-fit:cover;border-radius:4px}.thumb-placeholder{width:80px;height:45px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:24px}.video-desc-preview{margin:5px 0 0;color:#a0aec0;font-size:13px}.actions-cell{display:flex;gap:10px}.pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.page-card{background:#ffffff0d;border-radius:8px;overflow:hidden;transition:all .3s}.page-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.page-image{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden}.page-image img{width:100%;height:100%;object-fit:cover}.page-number-badge{position:absolute;top:10px;right:10px;background:#000c;color:#fff;padding:5px 10px;border-radius:4px;font-weight:700}.page-caption{padding:10px;margin:0;color:#a0aec0;font-size:13px}.page-actions{padding:10px;display:flex;gap:10px}@media (max-width: 1024px){.manager-layout{grid-template-columns:1fr}.collection-info-panel{position:relative;top:0}}.admin-users{padding:40px;max-width:1400px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#0f0f1e,#1a1a2e,#16213e);color:#f5f5f5}.admin-users.loading{display:flex;align-items:center;justify-content:center;font-size:1.2em}.users-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}.search-input{flex:1;min-width:300px;padding:12px 20px;border-radius:8px;border:2px solid rgba(233,69,96,.3);background:#1a1a2ecc;color:#fff;font-size:1em;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#e94560}.stats{display:flex;gap:20px}.stat-item{padding:10px 20px;background:#e945601a;border:1px solid rgba(233,69,96,.3);border-radius:8px;font-size:.9em;color:#a0a0c0}.stat-item strong{color:#e94560;font-size:1.2em;margin-left:8px}.users-table-wrapper{background:#1a1a2e99;border-radius:16px;padding:30px;border:2px solid rgba(233,69,96,.2);overflow-x:auto}.empty-message{text-align:center;padding:60px 20px;font-size:1.1em;color:#a0a0c0}.users-table{width:100%;border-collapse:collapse;min-width:800px}.users-table thead{background:#e945601a;border-bottom:2px solid #e94560}.users-table th{padding:15px;text-align:left;font-weight:600;color:#e94560;text-transform:uppercase;font-size:.85em;letter-spacing:.5px}.users-table tbody tr{border-bottom:1px solid rgba(233,69,96,.1);transition:background .2s ease}.users-table tbody tr:hover{background:#e945600d}.users-table td{padding:15px;color:#f5f5f5}.email-cell{font-weight:500;color:#fff}.role-selector{padding:6px 12px;border-radius:6px;border:2px solid rgba(233,69,96,.3);background:#1a1a2ecc;color:#fff;font-size:.9em;cursor:pointer;transition:all .3s ease;font-weight:600}.role-selector:hover{border-color:#e94560}.role-selector:focus{outline:none;border-color:#e94560;box-shadow:0 0 10px #e945604d}.role-selector.admin-role{background:#e9456033;border-color:#e94560;color:#e94560}.role-selector.user-role{background:#2196f333;border-color:#2196f3;color:#2196f3}.actions{display:flex;gap:10px}.btn-danger{padding:8px 16px;border-radius:6px;font-size:.9em;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;background:#f4433633;color:#f44336;border:1px solid #F44336}.btn-danger:hover:not(:disabled){background:#f443364d;transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}.btn-danger:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.admin-users{padding:20px}.users-controls{flex-direction:column;align-items:stretch}.search-input{min-width:auto}.stats{flex-direction:column;gap:10px}.users-table-wrapper{padding:15px}.users-table{font-size:.9em}.users-table th,.users-table td{padding:10px}}.settings-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid var(--border);overflow-x:auto}.settings-tab{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-muted);font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.settings-tab:hover{color:var(--text)}.settings-tab.active{color:var(--highlight);border-bottom-color:var(--highlight)}.settings-section{background-color:var(--accent);border:1px solid var(--border);border-radius:12px;padding:30px;margin-bottom:30px}.settings-section h2{color:var(--highlight);margin-bottom:25px;font-size:24px}.settings-section h3{color:var(--gold);margin-bottom:15px;font-size:18px}.featured-books-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto;padding:15px;background-color:var(--bg);border:1px solid var(--border);border-radius:8px}.checkbox-item{display:flex;align-items:center;gap:10px;padding:8px;cursor:pointer;transition:background-color .2s ease}.checkbox-item:hover{background-color:var(--accent);border-radius:4px}.checkbox-item input[type=checkbox]{cursor:pointer}.checkbox-item span{color:var(--text)}.ad-slot-config{background-color:var(--bg);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:20px}.ad-slot-config h3{color:var(--gold);margin-bottom:15px;font-size:16px}.media-dimensions-guide{background-color:var(--bg);border:1px solid var(--border);border-radius:8px;padding:20px;margin-top:30px}.media-dimensions-guide h3{color:var(--gold);margin-bottom:15px}.media-dimensions-guide ul{list-style:none;padding:0}.media-dimensions-guide li{padding:8px 0;color:var(--text);border-bottom:1px solid var(--border)}.media-dimensions-guide li:last-child{border-bottom:none}.media-dimensions-guide li strong{color:var(--gold);display:inline-block;width:180px}.settings-page{min-height:100vh;background:linear-gradient(135deg,#0f0f1e,#1a1a2e,#16213e);color:#f5f5f5;padding:40px 20px}.settings-container{max-width:800px;margin:0 auto}.settings-container h1{font-size:2.5em;margin-bottom:40px;background:linear-gradient(135deg,#e94560,#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-section{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(233,69,96,.3);border-radius:16px;padding:30px;margin-bottom:30px}.settings-section h2{font-size:1.8em;color:#fff;margin:0 0 25px;padding-bottom:15px;border-bottom:2px solid rgba(233,69,96,.3)}.setting-item{margin-bottom:30px}.setting-label{display:block;font-size:1.2em;color:#fff;font-weight:600;margin-bottom:8px}.setting-description{color:#a0a0c0;font-size:.95em;margin:0 0 20px}.radio-group{display:flex;flex-direction:column;gap:15px}.radio-option{background:#1a1a2e99;border:2px solid rgba(233,69,96,.2);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:flex-start;gap:15px}.radio-option:hover{border-color:#e9456080;background:#1a1a2ecc}.radio-option input[type=radio]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#e94560;flex-shrink:0}.radio-option input[type=radio]:checked~.radio-content{color:#fff}.radio-option input[type=radio]:checked{box-shadow:0 0 10px #e9456080}.radio-option:has(input:checked){border-color:#e94560;background:#e945601a;box-shadow:0 0 20px #e9456033}.radio-content{flex:1;display:flex;flex-direction:column;gap:5px}.radio-title{font-size:1.1em;font-weight:600;color:#fff}.radio-desc{font-size:.9em;color:#a0a0c0}.btn-save{padding:14px 32px;background:linear-gradient(135deg,#e94560,#ff6b9d);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1.1em;margin-top:20px;width:100%;max-width:300px}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e9456066}.btn-save.saved{background:linear-gradient(135deg,#4caf50,#66bb6a);animation:pulse-success .5s ease}@keyframes pulse-success{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){.settings-page{padding:20px 15px}.settings-container h1{font-size:2em}.settings-section{padding:20px}.settings-section h2{font-size:1.5em}.radio-option{padding:15px}.btn-save{max-width:100%}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #1a1a2e;--secondary: #16213e;--accent: #0f3460;--highlight: #e94560;--gold: #f39c12;--text: #eaeaea;--text-muted: #a0a0a0;--border: #2a2a3e}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--primary);color:var(--text);min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:var(--highlight);text-decoration:none}a:hover{color:var(--gold)}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--secondary)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--highlight)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:10px 20px;border:none;border-radius:5px;font-size:16px;font-weight:600;transition:all .3s ease}.btn-primary{background-color:var(--highlight);color:#fff}.btn-primary:hover{background-color:#d63851;transform:translateY(-2px);box-shadow:0 4px 12px #e9456066}.btn-secondary{background-color:var(--accent);color:#fff}.btn-secondary:hover{background-color:#1a4a7a;transform:translateY(-2px)}.card{background-color:var(--secondary);border:1px solid var(--border);border-radius:8px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006}input,textarea,select{background-color:var(--accent);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:10px;font-family:inherit;font-size:16px;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--highlight);box-shadow:0 0 0 2px #e9456033}label{display:block;margin-bottom:5px;font-weight:600;color:var(--text-muted)}