:root{--color-bg:#ffffff;--color-text:#333333;--color-primary:#5e17eb;--color-secondary:#4361ee;--color-accent:#7b2cbf;--color-orange:#ff6b35;--color-muted:#f0f2ff;--color-border:#d0d1ff;--dark-color-bg:#121236;--dark-color-text:#ffffff;--dark-color-primary:#b64fff;--dark-color-secondary:#4cc9f0;--dark-color-accent:#f72585;--dark-color-orange:#ff9e64;--dark-color-muted:#1e1a4a;--dark-color-border:#3f37c9}body{font-family:inter,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif;background-color:var(--color-bg);color:var(--color-text);transition:background-color .3s ease,color .3s ease}body.dark-mode{background-color:var(--dark-color-bg);color:var(--dark-color-text)}body.dark-mode a:not(.btn){color:var(--dark-color-primary)}body.dark-mode a:not(.btn):hover{color:var(--dark-color-secondary)}body.dark-mode .card,body.dark-mode .navbar,body.dark-mode .footer{background-color:var(--dark-color-muted);border-color:var(--dark-color-border)}body.dark-mode .text-muted{color:#c8d0e0 !important}body.dark-mode .card-text.text-muted{color:#c8d0e0 !important}body.dark-mode p.card-text{color:var(--dark-color-text) !important}h1,h2,h3,h4,h5,h6{font-weight:700}a{color:var(--color-primary);transition:color .2s ease}a:hover{color:var(--color-accent);text-decoration:none}body.dark-mode a{color:var(--dark-color-primary)}body.dark-mode a:hover{color:var(--dark-color-accent)}.navbar{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));box-shadow:0 2px 4px rgba(0,0,0,.1)}body.dark-mode .navbar{background:linear-gradient(90deg,var(--dark-color-bg),var(--dark-color-muted));border-bottom:1px solid var(--dark-color-border)}.navbar-light .navbar-brand,.navbar-light .navbar-nav .nav-link{color:#fff !important;font-weight:600}.navbar-light .navbar-nav .nav-link:hover{color:rgba(255,255,255,.85) !important}.navbar-brand .text-primary{color:#fff !important;text-shadow:0 0 3px rgba(0,0,0,.2)}body.dark-mode .navbar-brand .text-primary{color:var(--dark-color-primary) !important;text-shadow:0 0 3px rgba(0,0,0,.5)}.language-switcher .btn-outline-secondary{color:#fff !important;border-color:#fff !important;background-color:transparent !important}.language-switcher .btn-outline-secondary:hover{background-color:rgba(255,255,255,.2) !important}body.dark-mode .language-switcher .btn-outline-secondary{color:var(--dark-color-primary) !important;border-color:var(--dark-color-primary) !important}body.dark-mode .language-switcher .btn-outline-secondary:hover{background-color:rgba(182,79,255,.2) !important}.language-switcher .dropdown-item.active{background-color:var(--color-primary);color:#fff}.language-switcher .translation-available{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#28a745;margin-right:5px}.language-switcher .translation-unavailable{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#dc3545;margin-right:5px}.theme-toggle .btn-outline-secondary{color:#fff !important;border-color:#fff !important;background-color:transparent !important}.theme-toggle .btn-outline-secondary:hover{background-color:rgba(255,255,255,.2) !important}body.dark-mode .theme-toggle .btn-outline-secondary{color:var(--dark-color-primary) !important;border-color:var(--dark-color-primary) !important;background-color:rgba(30,26,74,.7) !important}body.dark-mode .theme-toggle .btn-outline-secondary:hover{background-color:rgba(182,79,255,.2) !important}.navbar .btn-outline-primary{color:#fff !important;border-color:#fff !important;background-color:transparent !important}.navbar .btn-outline-primary:hover{background-color:rgba(255,255,255,.2) !important}body.dark-mode .navbar .btn-outline-primary{color:var(--dark-color-primary) !important;border-color:var(--dark-color-primary) !important;background-color:rgba(30,26,74,.7) !important}body.dark-mode .navbar .btn-outline-primary:hover{background-color:rgba(182,79,255,.2) !important}.story-card{height:100%;border-radius:1rem;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 10px rgba(0,0,0,.1);background-color:#f8f9ff;border:1px solid var(--color-border)}.story-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.15)}body.dark-mode .story-card{background-color:#2d2a6e;border:1px solid var(--dark-color-border);box-shadow:0 4px 10px rgba(0,0,0,.3)}body.dark-mode .story-card:hover{box-shadow:0 10px 20px rgba(0,0,0,.4)}body.dark-mode .card-title,body.dark-mode .card-text,body.dark-mode .card-body p{color:#fff !important}.story-image{height:200px;object-fit:cover;border-bottom:1px solid var(--color-border)}body.dark-mode .story-image{border-bottom:1px solid var(--dark-color-border)}body.dark-mode .card-body{background-color:rgba(18,18,54,.95)}body.dark-mode .card-footer{background-color:rgba(18,18,54,.95) !important}.subgenre-badge{background-color:var(--color-accent);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;display:inline-block;margin-bottom:.5rem}body.dark-mode .subgenre-badge{background-color:var(--dark-color-accent)}.subgenre-badge{background-color:var(--color-primary);color:#fff}body.dark-mode .subgenre-badge{background-color:var(--dark-color-primary);color:#fff}.subgenre-card h3.h5{color:var(--color-primary);transition:color .3s ease}body.dark-mode .subgenre-card h3.h5{color:var(--dark-color-primary)}.subgenre-card{transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,border-color .3s ease;background-color:rgba(94,23,235,.15);border:1px solid var(--color-primary)}.subgenre-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.15);background-color:var(--color-primary);border-color:var(--color-accent)}.subgenre-card:hover h3.h5{color:#fff !important}body.dark-mode .subgenre-card{background-color:rgba(63,55,201,.4);border:1px solid var(--dark-color-border)}body.dark-mode .subgenre-card:hover{background-color:var(--dark-color-primary);border-color:var(--dark-color-accent);box-shadow:0 10px 20px rgba(0,0,0,.3),0 0 15px rgba(182,79,255,.5)}.footer{padding:3rem 0;margin-top:3rem;background-color:var(--color-muted);border-top:1px solid var(--color-border)}body.dark-mode .footer{background-color:var(--dark-color-muted);border-top:1px solid var(--dark-color-border)}.theme-toggle{cursor:pointer;background:0 0;border:none;color:inherit;padding:0;font-size:1.2rem}.story-content{line-height:1.8;font-size:1.1rem}body.dark-mode .story-content{color:var(--dark-color-text) !important}body.dark-mode .story-content p,body.dark-mode .story-content h1,body.dark-mode .story-content h2,body.dark-mode .story-content h3,body.dark-mode .story-content h4,body.dark-mode .story-content h5,body.dark-mode .story-content h6,body.dark-mode .story-content li,body.dark-mode .story-content blockquote{color:var(--dark-color-text) !important}.hero-section{padding:5rem 0;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-orange));color:#fff}body.dark-mode .hero-section{background:linear-gradient(135deg,var(--dark-color-primary),var(--dark-color-secondary),var(--dark-color-orange))}.text-primary{color:var(--color-primary) !important}.text-secondary{color:var(--color-secondary) !important}.btn-primary{background-color:var(--color-primary) !important;border-color:var(--color-primary) !important;color:#fff !important}.btn-primary:hover,.btn-primary:focus{background-color:var(--color-accent) !important;border-color:var(--color-accent) !important;color:#fff !important}.btn-outline-primary{color:var(--color-primary) !important;border-color:var(--color-primary) !important;background-color:rgba(255,255,255,.9) !important}.btn-outline-primary:hover,.btn-outline-primary:focus{background-color:var(--color-primary) !important;color:#fff !important}.btn-secondary{background-color:var(--color-secondary) !important;border-color:var(--color-secondary) !important;color:#fff !important}.btn-outline-secondary{color:var(--color-secondary) !important;border-color:var(--color-secondary) !important;background-color:rgba(255,255,255,.9) !important}.btn-outline-secondary:hover,.btn-outline-secondary:focus{color:#fff !important;background-color:var(--color-secondary) !important}body.dark-mode .text-primary{color:var(--dark-color-primary) !important}body.dark-mode .text-secondary{color:var(--dark-color-secondary) !important}body.dark-mode .btn-primary{background-color:var(--dark-color-primary) !important;border-color:var(--dark-color-primary) !important;color:#fff !important}body.dark-mode .btn-primary:hover,body.dark-mode .btn-primary:focus{background-color:var(--dark-color-accent) !important;border-color:var(--dark-color-accent) !important}body.dark-mode .btn-outline-primary{color:var(--dark-color-primary) !important;border-color:var(--dark-color-primary) !important;background-color:rgba(30,26,74,.7) !important}body.dark-mode .btn-outline-primary:hover,body.dark-mode .btn-outline-primary:focus{background-color:var(--dark-color-primary) !important;color:#fff !important}body.dark-mode .btn-secondary{background-color:var(--dark-color-secondary) !important;border-color:var(--dark-color-secondary) !important;color:#fff !important}body.dark-mode .btn-outline-secondary{color:var(--dark-color-secondary) !important;border-color:var(--dark-color-secondary) !important;background-color:rgba(30,26,74,.7) !important}body.dark-mode .btn-outline-secondary:hover,body.dark-mode .btn-outline-secondary:focus{color:#fff !important;background-color:var(--dark-color-secondary) !important}.badge{background-color:var(--color-accent) !important;color:#fff !important}body.dark-mode .badge{background-color:var(--dark-color-accent) !important}.page-link{color:var(--color-primary) !important}.page-link:hover{color:var(--color-secondary) !important}body.dark-mode .page-link{color:var(--dark-color-primary) !important;background-color:var(--dark-color-muted) !important}body.dark-mode .page-link:hover{color:var(--dark-color-secondary) !important}.page-item.active .page-link{background-color:var(--color-primary) !important;border-color:var(--color-primary) !important;color:#fff !important}body.dark-mode .page-item.active .page-link{background-color:var(--dark-color-primary) !important;border-color:var(--dark-color-primary) !important}.story-content a,.content a{color:var(--color-primary) !important;text-decoration:underline}.story-content a:hover,.content a:hover{color:var(--color-secondary) !important}body.dark-mode .story-content a,body.dark-mode .content a{color:var(--dark-color-primary) !important}body.dark-mode .story-content a:hover,body.dark-mode .content a:hover{color:var(--dark-color-secondary) !important}.accent-color{color:var(--color-accent) !important}body.dark-mode .accent-color{color:var(--dark-color-accent) !important}.accent-bg{background-color:var(--color-accent) !important}body.dark-mode .accent-bg{background-color:var(--dark-color-accent) !important}.orange-color{color:var(--color-orange) !important}body.dark-mode .orange-color{color:var(--dark-color-orange) !important}.orange-bg{background-color:var(--color-orange) !important}body.dark-mode .orange-bg{background-color:var(--dark-color-orange) !important}.card-footer .btn-primary{background-color:var(--color-accent) !important;border-color:var(--color-accent) !important;color:#fff !important;font-weight:600}.card-footer .btn-primary:hover{background-color:var(--color-primary) !important;border-color:var(--color-primary) !important}body.dark-mode .card-footer .btn-primary{background-color:var(--dark-color-accent) !important;border-color:var(--dark-color-accent) !important;color:#fff !important;font-weight:600}body.dark-mode .card-footer .btn-primary:hover{background-color:var(--dark-color-primary) !important;border-color:var(--dark-color-primary) !important}.container>.row:first-child .btn-outline-secondary{color:var(--color-primary) !important;border-color:var(--color-primary) !important;background-color:#fff !important}.container>.row:first-child .btn-outline-secondary:hover{color:#fff !important;background-color:var(--color-primary) !important}body.dark-mode .container>.row:first-child .btn-outline-secondary{color:var(--dark-color-primary) !important;border-color:var(--dark-color-primary) !important;background-color:var(--dark-color-bg) !important}body.dark-mode .container>.row:first-child .btn-outline-secondary:hover{color:var(--dark-color-bg) !important;background-color:var(--dark-color-primary) !important}.navbar-toggler{color:#fff !important;border-color:#fff !important}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important}body.dark-mode .navbar-toggler{color:var(--dark-color-primary) !important;border-color:var(--dark-color-primary) !important}body.dark-mode .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28182, 79, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important}@media(max-width:768px){.hero-section{padding:3rem 0}.story-image{height:150px}}