@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap");:root{--background:240 10% 3.9%;--foreground:0 0% 98%;--card:240 10% 5.5%;--card-foreground:0 0% 98%;--popover:240 10% 3.9%;--popover-foreground:0 0% 98%;--primary:271 91% 65%;--primary-foreground:0 0% 100%;--secondary:240 3.7% 15.9%;--secondary-foreground:0 0% 98%;--muted:240 3.7% 15.9%;--muted-foreground:240 5% 64.9%;--accent:322 81% 60%;--accent-foreground:0 0% 100%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:240 3.7% 15.9%;--input:240 3.7% 15.9%;--ring:271 91% 65%;--radius:0.875rem}*{box-sizing:border-box;padding:0;margin:0}body{font-family:Outfit,sans-serif;background-color:hsl(var(--background));color:hsl(var(--foreground));min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.glass-card{background:rgba(15,15,20,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.05);border-radius:var(--radius);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:rgba(168,85,247,.4);box-shadow:0 8px 30px rgba(0,0,0,.5),0 0 15px rgba(168,85,247,.12);transform:translateY(-2px)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background-image:linear-gradient(135deg,#a855f7,#ec46af);color:#fff;font-weight:600;padding:.6rem 1.2rem;border-radius:var(--radius);border:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-decoration:none;box-shadow:0 4px 14px rgba(168,85,247,.3),0 0 12px rgba(236,72,153,.2);letter-spacing:.2px}.btn-primary:hover{box-shadow:0 6px 22px rgba(168,85,247,.45),0 0 18px rgba(236,72,153,.3);transform:translateY(-1px) scale(1.02);filter:brightness(1.08)}.comic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:1.5rem;gap:1.5rem}@media (min-width:640px){.comic-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#16161a 25%,#22222a 50%,#16161a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@media (max-width:768px){.nav-desktop-tablet{display:none!important}.mobile-bottom-nav,.mobile-search-trigger{display:flex!important}.comic-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;gap:.8rem!important}}@media (min-width:769px){.hide-on-desktop-detail{display:none!important}}@media (max-width:768px){.comic-detail-layout{grid-template-columns:1fr!important;gap:1.5rem!important;margin-top:-60px!important}}.full-bleed-banner{margin-left:-1rem!important;margin-right:-1rem!important;width:calc(100% + 2rem)!important}@media (min-width:769px){.mobile-detail-view{display:none!important}.desktop-detail-view{display:block!important}}@media (max-width:768px){.mobile-detail-view{display:block!important}.desktop-detail-view{display:none!important}}.reader-btn{width:40px;height:40px;border-radius:50%;background-color:rgba(15,15,20,.85);border:1px solid hsla(0,0%,100%,.08);color:#e4e4e7;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.reader-btn:hover{background-color:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.2);color:#fff;transform:scale(1.05)}.reader-btn-active{background-image:linear-gradient(135deg,#a855f7,#ec46af)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 0 18px rgba(168,85,247,.5),0 0 10px rgba(236,72,153,.3)}.brand-text{background:linear-gradient(135deg,#a855f7,#ec46af);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;letter-spacing:1.5px}.brand-text-mirror{position:relative;display:inline-block;font-weight:800;letter-spacing:2px;font-family:Outfit,sans-serif}.brand-text-mirror .left{background:linear-gradient(90deg,#a855f7,#ec46af);-webkit-background-clip:text;background-clip:text}.brand-text-mirror .left,.brand-text-mirror .right{-webkit-text-fill-color:transparent;color:transparent}.brand-text-mirror .right{background:linear-gradient(90deg,#ec46af,#a855f7);-webkit-background-clip:text;background-clip:text}@keyframes mirror-shine{0%{background-position:0 50%}to{background-position:200% 50%}}.brand-shine{background:linear-gradient(90deg,#a855f7,#ec46af,#a855f7);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:mirror-shine 6s linear infinite;font-weight:800;letter-spacing:2px}.brand-divider{height:2px;background:linear-gradient(90deg,transparent,#a855f7 30%,#ec46af 70%,transparent);border:none;margin:1rem 0;border-radius:2px;opacity:.7}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float-anim{animation:float-gentle 4s ease-in-out infinite}body.reader-mode-active main{padding:0!important;margin:0!important;max-width:100%!important}body.reader-mode-active .mobile-bottom-nav,body.reader-mode-active footer,body.reader-mode-active header{display:none!important}