@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap";@import"https://db.onlinewebfonts.com/c/14936bb7a4b6575fd2eee80a3ab52cc2?family=Feather+Bold";@font-face{font-family:Feather Bold;src:url(https://db.onlinewebfonts.com/t/14936bb7a4b6575fd2eee80a3ab52cc2.eot);src:url(https://db.onlinewebfonts.com/t/14936bb7a4b6575fd2eee80a3ab52cc2.eot?#iefix) format("embedded-opentype"),url(https://db.onlinewebfonts.com/t/14936bb7a4b6575fd2eee80a3ab52cc2.woff2) format("woff2"),url(https://db.onlinewebfonts.com/t/14936bb7a4b6575fd2eee80a3ab52cc2.woff) format("woff"),url(https://db.onlinewebfonts.com/t/14936bb7a4b6575fd2eee80a3ab52cc2.ttf) format("truetype"),url(https://db.onlinewebfonts.com/t/14936bb7a4b6575fd2eee80a3ab52cc2.svg#Feather\ Bold) format("svg");font-weight:400;font-style:normal;font-display:swap}:root{--primary: #FF9600;--primary-hover: #E68700;--primary-shadow: #CC7800;--primary-light: rgba(255, 150, 0, .12);--primary-bg-subtle: rgba(255, 150, 0, .08);--orange: #FF9600;--orange-hover: #E68700;--orange-shadow: #CC7800;--green: rgb(88, 204, 2);--green-hover: rgb(75, 178, 0);--green-shadow: #61B800;--dark-blue: rgb(16, 15, 62);--blue: rgb(28, 176, 246);--gray-text: rgb(75, 75, 75);--gray-light: rgb(119, 119, 119);--border-color: rgb(229, 229, 229);--nav-text: rgb(175, 175, 175);--footer-green: #FF9600;--red: #FF4B4B;--golden: #FFC800;--font-primary: "Nunito", "DIN Round Pro", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Feather Bold", "Nunito", "DIN Round Pro", -apple-system, BlinkMacSystemFont, sans-serif;--bg-primary: #FFFFFF;--bg-secondary: #F7F7F7;--bg-card: #FFFFFF;--text-main: var(--gray-text);--text-muted: var(--gray-light);--header-bg: rgba(255, 255, 255, .96);--bottom-nav-bg: rgba(255, 255, 255, .98)}body.dark-mode-active{--bg-primary: #0F0E2A;--bg-secondary: #16153B;--bg-card: #1A1847;--text-main: #F4F4F8;--text-muted: #AFAFC6;--border-color: #272556;--nav-text: #8E8CB2;--header-bg: rgba(15, 14, 42, .96);--bottom-nav-bg: rgba(15, 14, 42, .98);background-color:var(--bg-primary);color:var(--text-main)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .2s ease,color .2s ease}.app-container{min-height:100vh;display:flex;flex-direction:column}.has-mobile-bottom-nav{padding-bottom:0}@media(max-width:768px){.has-mobile-bottom-nav{padding-bottom:68px}}.reader-app-mode{padding-bottom:0!important}.desktop-only{display:flex}.mobile-only{display:none}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}.navbar{position:fixed;top:0;left:0;right:0;height:64px;background-color:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:1000;display:flex;align-items:center}@media(max-width:768px){.navbar{height:56px}}.navbar-inner{width:100%;max-width:1440px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:12px}@media(max-width:768px){.navbar-inner{padding:0 16px}}.navbar-left{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.brand-logo-wrap{display:flex;align-items:center;gap:6px}.brand-logo-img{height:28px;width:auto;display:block}.comic-brand-title{font-family:var(--font-display);font-size:22px;color:var(--primary);letter-spacing:-.5px;line-height:1;text-transform:lowercase}.brand-badge{background:var(--dark-blue);color:#fff;font-size:8px;font-weight:800;padding:2px 5px;border-radius:5px;letter-spacing:.5px}.body.dark-mode-active .brand-badge{background:var(--primary);color:#fff}.navbar-search{display:flex;align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:0 12px;height:40px;width:240px;transition:all .15s ease}.navbar-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #ff96002e;width:300px}.navbar-search-input{background:transparent;border:none;outline:none;font-family:var(--font-primary);font-size:13px;font-weight:600;color:var(--text-main);width:100%;margin-left:8px}.navbar-search-input::placeholder{color:var(--nav-text)}.navbar-links{display:flex;align-items:center;gap:4px;list-style:none}.navbar-link{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);text-decoration:none;padding:8px 12px;border-radius:12px;transition:color .15s ease,background-color .15s ease;cursor:pointer;display:flex;align-items:center;gap:6px;border:none;background:transparent;font-family:var(--font-primary);-webkit-font-smoothing:antialiased}.navbar-link:hover,.navbar-link.active{color:var(--primary);background-color:var(--primary-bg-subtle);font-weight:800}.navbar-hud{display:flex;align-items:center;gap:8px}.hud-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:8px;font-size:12px;font-weight:800;-webkit-user-select:none;user-select:none;cursor:pointer;transition:transform .1s ease}.hud-pill:active{transform:scale(.95)}.hud-streak{color:var(--primary);background-color:var(--primary-light)}.hud-tickets{color:var(--golden);background-color:#ffc80026}.theme-toggle-btn{width:36px;height:36px;border-radius:10px;border:2px solid var(--border-color);background:var(--bg-card);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.theme-toggle-btn:hover{border-color:var(--primary);color:var(--primary)}.mobile-search-btn{width:36px;height:36px;border-radius:10px;border:2px solid var(--border-color);background:var(--bg-card);color:var(--text-main);align-items:center;justify-content:center;cursor:pointer}.mobile-search-drawer{position:fixed;top:56px;left:0;right:0;background:var(--bg-card);padding:12px 16px;border-bottom:2px solid var(--border-color);box-shadow:0 8px 24px #00000026;z-index:999;animation:slideDown .2s ease-out}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-search-input-wrap{display:flex;align-items:center;background:var(--bg-secondary);border:2px solid var(--primary);border-radius:12px;padding:0 12px;height:44px}.mobile-search-input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-primary);font-size:14px;font-weight:600;color:var(--text-main);margin:0 8px}.mobile-search-close{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background-color:var(--bottom-nav-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-color);z-index:1000;padding-bottom:env(safe-area-inset-bottom,0);align-items:center;justify-content:space-around;box-shadow:0 -4px 16px #0000000f}@media(max-width:768px){.mobile-bottom-nav{display:flex}}.mobile-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:100%;background:none;border:none;color:var(--nav-text);cursor:pointer;transition:color .15s ease,transform .1s ease;-webkit-user-select:none;user-select:none}.mobile-nav-btn:active{transform:scale(.92)}.mobile-nav-btn.active{color:var(--primary)}.mobile-nav-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-primary);font-weight:700;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .1s ease,box-shadow .1s ease,background-color .15s ease,opacity .15s ease;white-space:nowrap;touch-action:manipulation}.btn:active:not(:disabled):not(.btn-disabled){box-shadow:none!important;transform:translateY(4px)!important}.btn-primary{height:48px;padding:0 24px;font-size:15px;background-color:var(--primary);color:#fff;border-radius:12px;box-shadow:0 4px 0 var(--primary-shadow)}.btn-primary:hover:not(:disabled):not(.btn-disabled){background-color:var(--primary-hover)}.btn-secondary{height:48px;padding:0 24px;font-size:15px;background-color:transparent;color:var(--blue);border:2px solid #CFCFCF;border-radius:12px;box-shadow:0 4px #cfcfcf}.body.dark-mode-active .btn-secondary{border-color:#434078;box-shadow:0 4px #333060;color:#4dc4f8}.btn-secondary:hover:not(:disabled):not(.btn-disabled){background-color:#1cb0f614}.btn-danger{height:48px;padding:0 24px;font-size:15px;background-color:#ff4b4b;color:#fff;border-radius:12px;box-shadow:0 4px #cc3c3c}.btn-ghost{height:48px;padding:0 16px;font-size:14px;background-color:transparent;color:var(--primary);border-radius:12px;box-shadow:none}.btn-ghost:hover:not(:disabled):not(.btn-disabled){background-color:var(--primary-bg-subtle)}.btn-sm{height:36px!important;padding:0 14px!important;font-size:12px!important;border-radius:10px!important}.btn-primary.btn-sm{box-shadow:0 3px 0 var(--primary-shadow)}.btn-primary.btn-sm:active:not(:disabled):not(.btn-disabled){transform:translateY(3px)!important}.btn-secondary.btn-sm{box-shadow:0 3px #cfcfcf}.btn-secondary.btn-sm:active:not(:disabled):not(.btn-disabled){transform:translateY(3px)!important}.btn-disabled,.btn:disabled{opacity:.45!important;pointer-events:none!important;cursor:not-allowed!important}.hero-section-outer{width:100%;max-width:1440px;margin:0 auto;padding:84px 24px 20px}@media(max-width:768px){.hero-section-outer{padding:68px 12px 14px}}.comic-hero-banner.full-illustration-hero{margin-top:0;position:relative;width:100%;min-height:480px;background-color:#0b091f;color:#fff;border:2px solid var(--border-color);border-radius:28px;overflow:hidden;display:flex;align-items:center;box-shadow:0 16px 36px #0000001f;transition:border-color .2s ease,box-shadow .2s ease}@media(max-width:768px){.comic-hero-banner.full-illustration-hero{border-radius:20px;min-height:440px;align-items:flex-end}}.banner-full-illustration-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:right center;opacity:1;transform:scale(1.01);transition:opacity .3s ease}@media(max-width:768px){.banner-full-illustration-img{object-position:center top}}.banner-cinematic-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(8,6,24,.95) 0%,rgba(8,6,24,.85) 45%,rgba(8,6,24,.3) 78%,transparent 100%);pointer-events:none}@media(max-width:768px){.banner-cinematic-overlay{background:linear-gradient(180deg,#08061826,#080618bf 45%,#080618fa)}}.full-illustration-hero .banner-content{position:relative;z-index:2;width:100%;padding:48px;display:flex;align-items:center;justify-content:space-between}@media(max-width:768px){.full-illustration-hero .banner-content{padding:24px 18px;text-align:left}}.full-illustration-hero .banner-info{max-width:640px;display:flex;flex-direction:column;gap:14px}.full-illustration-hero .banner-title{font-size:36px;font-weight:900;line-height:1.2;color:#fff;text-shadow:0 3px 12px rgba(0,0,0,.6);margin:0}@media(max-width:768px){.full-illustration-hero .banner-title{font-size:24px}}.full-illustration-hero .banner-synopsis{font-size:14px;line-height:1.6;color:#ffffffe0;text-shadow:0 1px 6px rgba(0,0,0,.4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.full-illustration-hero .banner-synopsis{-webkit-line-clamp:2;font-size:13px}}.full-illustration-hero .banner-meta{display:flex;align-items:center;gap:16px;font-size:13px;font-weight:700;color:#ffffffd9;flex-wrap:wrap}.banner-pill-super{background:var(--golden)!important;color:#2b2200!important;font-weight:800}.banner-save-btn{background:#ffffff26!important;color:#fff!important;border-color:#ffffff4d!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.banner-save-btn:hover{background:#ffffff40!important}.banner-detail-btn{background:#0003!important;color:#fff!important;border-color:#ffffff40!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.banner-detail-btn:hover{background:#ffffff26!important;color:#fff!important}.banner-carousel-controls{display:flex;align-items:center;gap:10px;margin-top:10px}.banner-nav-arrow-btn{background:#ffffff26;border:1.5px solid rgba(255,255,255,.25);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .15s ease}.banner-nav-arrow-btn:hover{background:var(--primary);border-color:var(--primary)}.banner-indicators-row{display:flex;align-items:center;gap:6px}.banner-indicator-pill{width:8px;height:8px;border-radius:4px;background:#ffffff59;border:none;cursor:pointer;transition:all .2s ease}.banner-indicator-pill.active{width:24px;background:var(--primary)}@media(max-width:768px){.banner-info{align-items:center}}.banner-tag-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media(max-width:768px){.banner-tag-row{justify-content:center}}.banner-badge-hot{background:var(--primary);color:#fff;font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px;letter-spacing:.5px}.banner-genre-pill{background:var(--bg-secondary);color:var(--text-main);border:1px solid var(--border-color);font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px}.banner-title{font-family:var(--font-display);font-size:40px;line-height:1.1;color:var(--text-main);letter-spacing:-.5px}@media(max-width:768px){.banner-title{font-size:26px}}.banner-synopsis{font-size:14px;line-height:1.6;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.banner-synopsis{font-size:13px;-webkit-line-clamp:2}}.banner-meta{display:flex;align-items:center;gap:16px;font-size:13px;font-weight:700;color:var(--text-muted);flex-wrap:wrap}@media(max-width:768px){.banner-meta{justify-content:center;gap:12px;font-size:12px}}.banner-meta-item{display:flex;align-items:center;gap:5px}.banner-actions{display:flex;align-items:center;gap:12px;margin-top:4px;flex-wrap:wrap}@media(max-width:768px){.banner-actions{width:100%;justify-content:center}.banner-actions .btn{flex:1;min-width:140px}}.banner-cover-wrap{position:relative;flex-shrink:0;width:220px;aspect-ratio:3/4;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px #0000001f;border:3px solid var(--border-color);transition:transform .2s cubic-bezier(.34,1.56,.64,1);cursor:pointer}@media(max-width:768px){.banner-cover-wrap{width:140px;border-radius:12px}}.banner-cover-wrap:hover{transform:translateY(-4px) scale(1.02)}.banner-cover-img{width:100%;height:100%;object-fit:cover}.main-container{max-width:1440px;width:100%;margin:0 auto;padding:28px 32px 48px;flex:1}@media(max-width:768px){.main-container{padding:20px 16px 32px}}.section-head-wrap{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title-duo{display:flex;align-items:center;gap:10px}.section-title-icon{font-size:22px}.section-title-text{font-family:var(--font-display);font-size:24px;color:var(--text-main);letter-spacing:-.5px}@media(max-width:768px){.section-title-text{font-size:20px}}.section-subtitle{font-size:12px;color:var(--text-muted);font-weight:600}.genre-pills-bar{display:flex;align-items:center;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:6px;margin-bottom:20px}.genre-pills-bar::-webkit-scrollbar{display:none}.genre-pill-btn{padding:6px 14px;border-radius:20px;border:2px solid var(--border-color);background:var(--bg-card);color:var(--text-main);font-family:var(--font-primary);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s ease;touch-action:manipulation}.genre-pill-btn:hover{border-color:var(--primary);color:var(--primary)}.genre-pill-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 3px 0 var(--primary-shadow)}.comics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}@media(max-width:768px){.comics-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.comic-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,border-color .2s ease;position:relative;touch-action:manipulation}.comic-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #00000014;border-color:var(--primary)}.comic-card-cover-wrap{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;background-color:var(--bg-secondary)}.comic-card-cover-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.comic-card:hover .comic-card-cover-img{transform:scale(1.05)}.comic-card-rank-badge{position:absolute;top:8px;left:8px;width:28px;height:28px;border-radius:6px;background:var(--dark-blue);color:#fff;font-family:var(--font-display);font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #0000004d;z-index:2}.rank-1{background:var(--golden)!important;color:#5c4300!important}.rank-2{background:#e5e5e5!important;color:#333!important}.rank-3{background:#e28854!important;color:#fff!important}.comic-card-tag{position:absolute;top:8px;right:8px;font-size:9px;font-weight:800;text-transform:uppercase;padding:2px 6px;border-radius:5px;letter-spacing:.5px;z-index:2}.comic-card-body{padding:10px 12px;display:flex;flex-direction:column;gap:4px;flex:1}.comic-card-genre{font-size:10px;font-weight:800;text-transform:uppercase;color:var(--primary);letter-spacing:.5px}.comic-card-title{font-size:14px;font-weight:800;color:var(--text-main);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:480px){.comic-card-title{font-size:13px}}.comic-card-author{font-size:11px;color:var(--text-muted);font-weight:600}.comic-card-footer{margin-top:auto;padding-top:6px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700}.comic-card-rating{color:var(--golden);display:flex;align-items:center;gap:3px}.comic-card-episodes{color:var(--nav-text);font-size:10px}.detail-page{margin-top:64px;padding-bottom:48px;display:flex;flex-direction:column;gap:20px}@media(max-width:768px){.detail-page{margin-top:56px;padding-bottom:88px}}.detail-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:320px;padding:32px 16px;text-align:center;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card)}.detail-empty-title{font-family:var(--font-display);font-size:1.5rem;color:var(--text-main)}.detail-empty-text{max-width:36ch;font-size:14px;font-weight:600;line-height:1.55;color:var(--text-muted)}.detail-back-bar{display:flex;align-items:center}.detail-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card);color:var(--text-main);font-family:var(--font-primary);font-size:13px;font-weight:800;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}@media(prefers-reduced-motion:no-preference){.detail-back-btn:hover{background:var(--bg-secondary);border-color:var(--primary)}.detail-back-btn:active{transform:scale(.98)}}.detail-hero{position:relative;overflow:hidden;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card);box-shadow:0 1px #ff960014}.detail-hero-banner-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.14;filter:blur(2px);pointer-events:none}.dark-mode-active .detail-hero-banner-bg{opacity:.22}.detail-hero-grid{position:relative;z-index:1;display:grid;gap:24px;padding:24px}@media(min-width:900px){.detail-hero-grid{grid-template-columns:minmax(160px,220px) minmax(0,1fr);align-items:start;gap:32px;padding:28px 32px}}.detail-hero-cover-wrap{justify-self:center;width:min(100%,200px)}@media(min-width:900px){.detail-hero-cover-wrap{justify-self:start;width:100%}}.detail-hero-cover{display:block;width:100%;aspect-ratio:3 / 4;border-radius:14px;object-fit:cover;border:2px solid var(--border-color);box-shadow:0 12px 32px #0000001f}.detail-hero-copy{min-width:0;display:flex;flex-direction:column;gap:12px}.detail-hero-badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.detail-hero-tag{padding:4px 10px;border-radius:999px;background:var(--primary);color:#fff;font-size:10px;font-weight:800;letter-spacing:.03em}.detail-hero-genre{padding:4px 10px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-secondary);font-size:11px;font-weight:800;color:var(--text-muted)}.detail-hero-schedule{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;color:var(--text-muted)}.detail-hero-title{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.35rem);line-height:1.1;letter-spacing:-.02em;color:var(--text-main)}.detail-hero-alt{font-size:14px;font-weight:600;color:var(--text-muted)}.detail-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-muted)}.detail-hero-meta strong{color:var(--text-main)}.detail-hero-meta-sep{width:4px;height:4px;border-radius:50%;background:var(--border-color)}.detail-hero-status{color:var(--primary);font-weight:800}.detail-hero-metrics{display:grid;grid-template-columns:repeat(2,minmax(90px,1fr));gap:10px;max-width:360px}@media(min-width:640px){.detail-hero-metrics{grid-template-columns:repeat(4,minmax(80px,1fr))}}.detail-metric{padding:12px 14px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-secondary);text-align:center}.detail-metric-value{display:flex;align-items:center;justify-content:center;gap:4px;font-family:var(--font-display);font-size:1.15rem;line-height:1;color:var(--text-main)}.detail-metric-value--rating{color:var(--golden)}.detail-metric-label{display:block;margin-top:4px;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.detail-hero-synopsis{max-width:62ch;font-size:14px;line-height:1.6;font-weight:600;color:var(--text-muted)}.detail-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px}.detail-hero-read-btn{min-width:160px}.detail-action-label{font-size:13px;font-weight:800}@media(max-width:640px){.detail-hero-read-btn{flex:1;min-width:0}}.detail-shell{display:grid;gap:20px}@media(min-width:960px){.detail-shell{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:24px}}.detail-nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.detail-nav::-webkit-scrollbar{display:none}@media(min-width:960px){.detail-nav{flex-direction:column;overflow:visible;position:sticky;top:80px;padding:8px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card)}}.detail-nav-btn{display:inline-flex;align-items:center;gap:8px;width:100%;padding:11px 14px;border:none;border-radius:12px;background:transparent;color:var(--text-muted);font-family:var(--font-primary);font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease}.detail-nav-btn:hover{color:var(--text-main);background:var(--bg-secondary)}.detail-nav-btn.active{background:var(--primary);color:#fff;box-shadow:0 3px 0 var(--primary-shadow)}.detail-nav-count{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;background:#ffffff2e}.detail-nav-btn:not(.active) .detail-nav-count{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-color)}.detail-main{min-width:0}.detail-panel-head{margin-bottom:16px}.detail-panel-title{font-family:var(--font-display);font-size:1.35rem;line-height:1.15;color:var(--text-main);margin-bottom:6px}.detail-panel-subtitle{max-width:52ch;font-size:13px;line-height:1.55;font-weight:600;color:var(--text-muted)}.detail-chapter-list{display:flex;flex-direction:column;gap:10px}.detail-chapter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-card);cursor:pointer;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}@media(prefers-reduced-motion:no-preference){.detail-chapter-row:hover{border-color:var(--primary);box-shadow:0 4px 16px #ff960014;transform:translate(3px)}.detail-chapter-row:active{transform:scale(.995)}}.detail-chapter-row-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.detail-chapter-thumb{width:64px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0;border:1px solid var(--border-color)}.detail-chapter-body{min-width:0}.detail-chapter-title{font-size:14px;font-weight:800;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-chapter-meta{display:flex;align-items:center;gap:8px;margin-top:3px;font-size:11px;font-weight:600;color:var(--text-muted)}.detail-chapter-dot{width:3px;height:3px;border-radius:50%;background:var(--border-color)}.detail-chapter-views{display:inline-flex;align-items:center;gap:3px}.detail-chapter-row-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.detail-chapter-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.detail-chapter-badge--free{background:var(--primary-bg-subtle);color:var(--primary)}.detail-chapter-badge--locked{background:#b8920f1f;color:#9a7a0a}.dark-mode-active .detail-chapter-badge--locked{color:#d4b44a}.detail-comment-form{margin-bottom:16px}.detail-comment-form-card{padding:16px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card);display:flex;flex-direction:column;gap:12px;transition:border-color .15s ease,box-shadow .15s ease}.detail-comment-form-card:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #ff96001f}.detail-comment-form-head{display:flex;align-items:center;gap:10px}.detail-comment-form-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.detail-comment-form-user{display:block;font-size:13px;font-weight:800;color:var(--text-main)}.detail-comment-form-role{display:block;font-size:11px;font-weight:600;color:var(--text-muted)}.detail-comment-input{width:100%;min-height:96px;padding:12px 14px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-secondary);outline:none;resize:vertical;font-family:var(--font-primary);font-size:14px;font-weight:600;line-height:1.55;color:var(--text-main);transition:border-color .15s ease,background-color .15s ease}.detail-comment-input:focus{border-color:var(--primary);background:var(--bg-card)}.detail-comment-input::placeholder{color:var(--text-muted)}.detail-comment-form-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.detail-comment-form-hint{font-size:12px;font-weight:600;color:var(--text-muted)}.detail-comment-list{display:flex;flex-direction:column;gap:10px}.detail-comment-card{display:flex;gap:12px;padding:14px 16px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-card)}.detail-comment-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--border-color)}.detail-comment-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}.detail-comment-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.detail-comment-user{font-size:13px;font-weight:800;color:var(--text-main)}.detail-comment-badge{padding:2px 6px;border-radius:4px;background:var(--primary-bg-subtle);color:var(--primary);font-size:9px;font-weight:800}.detail-comment-time{font-size:11px;font-weight:600;color:var(--text-muted)}.detail-comment-text{font-size:13px;line-height:1.55;font-weight:600;color:var(--text-main)}.detail-comment-like{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:none;font-family:var(--font-primary);font-size:12px;font-weight:700;color:var(--nav-text);cursor:pointer}.detail-comment-like.active{color:var(--red)}.detail-unlock-modal{max-width:440px}.detail-unlock-head{display:flex;align-items:center;gap:8px}.detail-unlock-body{display:flex;flex-direction:column;gap:14px;margin:14px 0}.detail-unlock-episode{padding:14px;border-radius:12px;background:var(--bg-secondary)}.detail-unlock-label{display:block;font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.detail-unlock-episode-title{margin-top:4px;font-size:15px;font-weight:800;color:var(--text-main)}.detail-unlock-comic-title{margin-top:2px;font-size:12px;font-weight:600;color:var(--text-muted)}.detail-unlock-pricing{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border:2px dashed var(--border-color);border-radius:12px}.detail-unlock-price-block{display:flex;flex-direction:column;gap:4px}.detail-unlock-price-block--balance{text-align:right}.detail-unlock-price-value{display:flex;align-items:center;gap:4px;font-size:16px;color:var(--text-main)}.detail-unlock-price-block--balance .detail-unlock-price-value{justify-content:flex-end}.detail-unlock-balance-ok{color:var(--primary)}.detail-unlock-balance-low{color:var(--red)}.detail-unlock-status{padding:10px 12px;border-radius:10px;font-size:12px;font-weight:600;line-height:1.45}.detail-unlock-status--ready{background:var(--primary-bg-subtle);color:var(--primary)}.detail-unlock-status--info{background:var(--primary-bg-subtle);color:var(--text-main)}.detail-unlock-status--warn{background:#ff50501a;color:var(--red)}.detail-unlock-actions{display:flex;gap:10px}.detail-unlock-actions .btn{flex:1}.detail-unlock-actions .btn-primary{flex:1.4}.reader-wrapper{min-height:100vh;background-color:#fff;color:var(--text-main);display:flex;flex-direction:column;position:relative;-webkit-user-select:none;user-select:none}.reader-top-progress-indicator{position:fixed;top:0;left:0;right:0;height:3px;background:#00000014;z-index:1002}.reader-top-progress-bar{height:100%;background:var(--primary);transition:width .15s ease-out}.reader-header{position:fixed;top:0;left:0;right:0;height:54px;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:1001;transition:transform .25s ease,opacity .25s ease;box-shadow:0 2px 10px #0000000d}.reader-header.visible{transform:translateY(0);opacity:1}.reader-header.hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.reader-header-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.reader-back-btn{background:transparent;border:none;color:var(--text-main);display:flex;align-items:center;gap:4px;font-family:var(--font-primary);font-size:12px;font-weight:700;cursor:pointer;padding:6px 8px;border-radius:8px;flex-shrink:0}@media(max-width:480px){.reader-back-text{display:none}}.reader-titles{display:flex;flex-direction:column;min-width:0;overflow:hidden}.reader-comic-name{font-size:13px;font-weight:800;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-chapter-name{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.reader-chapter-select{background:var(--bg-secondary);color:var(--text-main);border:1px solid var(--border-color);border-radius:6px;padding:4px 6px;font-family:var(--font-primary);font-size:11px;font-weight:700;max-width:110px;outline:none}.reader-progress-percentage{font-size:11px;font-weight:800;color:var(--primary);min-width:30px;text-align:right}.reader-canvas{width:100vw;max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;background-color:#fff;cursor:pointer}.reader-page-img{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none}.reader-end-card{width:100%;padding:40px 16px;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.reader-end-title{font-family:var(--font-display);font-size:24px;color:var(--primary)}.reader-end-card-text{color:var(--text-muted);font-size:14px;max-width:420px;line-height:1.6}.reader-end-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%}@media(max-width:480px){.reader-end-actions .btn{width:100%;max-width:280px}}.reader-floating-toolbar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#fffffff5;border:2px solid var(--border-color);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:6px 12px;border-radius:20px;display:flex;align-items:center;gap:8px;box-shadow:0 10px 30px #0000001f;z-index:1001;transition:transform .25s ease,opacity .25s ease;max-width:calc(100vw - 32px)}.reader-floating-toolbar.visible{transform:translate(-50%);opacity:1}.reader-floating-toolbar.hidden{transform:translate(-50%,120px);opacity:0;pointer-events:none}.toolbar-btn{background:transparent;border:none;color:var(--text-main);padding:6px 10px;border-radius:8px;font-family:var(--font-primary);font-size:11px;font-weight:700;display:flex;align-items:center;gap:4px;cursor:pointer;transition:all .15s ease;white-space:nowrap}@media(max-width:480px){.toolbar-btn{padding:6px}}.toolbar-btn:hover{background:var(--primary-bg-subtle);color:var(--primary)}.toolbar-btn.active{background:var(--primary);color:#fff}.toolbar-divider{width:1px;height:18px;background:var(--border-color)}body.dark-mode-active .reader-wrapper{background-color:#0b0a1c;color:#fff}body.dark-mode-active .reader-header{background:#0f0e2af5;border-bottom-color:#272556}body.dark-mode-active .reader-back-btn,body.dark-mode-active .reader-comic-name{color:#fff}body.dark-mode-active .reader-canvas{background-color:#0b0a1c}body.dark-mode-active .reader-end-card{background:#16153b;border-top-color:#272556}body.dark-mode-active .reader-floating-toolbar{background:#16153bf5;border-color:#333060;box-shadow:0 10px 30px #00000080}body.dark-mode-active .toolbar-btn{color:#fff}body.dark-mode-active .toolbar-divider{background:#ffffff26}.comments-section{width:100%;padding:20px 16px;background:var(--bg-card);border-radius:0;border-top:2px solid var(--border-color);margin-top:0}.comments-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.comments-title{font-family:var(--font-display);font-size:18px;color:var(--text-main)}.comment-input-wrap{display:flex;gap:8px;margin-bottom:20px}.comment-input{flex:1;height:44px;padding:0 12px;border:2px solid var(--border-color);border-radius:10px;font-family:var(--font-primary);font-size:13px;background:var(--bg-secondary);color:var(--text-main);outline:none}.comment-input:focus{border-color:var(--primary)}.comment-item{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--border-color)}.comment-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.comment-content{flex:1;display:flex;flex-direction:column;gap:3px}.comment-user-row{display:flex;align-items:center;gap:6px}.comment-username{font-size:12px;font-weight:800;color:var(--text-main)}.comment-badge{font-size:8px;font-weight:800;padding:1px 5px;border-radius:4px;background:var(--primary-light);color:var(--primary)}.comment-time{font-size:10px;color:var(--text-muted);margin-left:auto}.comment-text{font-size:12px;line-height:1.5;color:var(--text-main)}.comment-actions{display:flex;align-items:center;gap:12px;margin-top:4px;font-size:11px;color:var(--text-muted)}.comment-like-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:3px;font-weight:700}.library-page{margin-top:64px;padding-bottom:48px;display:flex;flex-direction:column;gap:20px}@media(max-width:768px){.library-page{margin-top:56px;padding-bottom:88px}}.library-hero{display:grid;gap:20px;padding:24px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card);box-shadow:0 1px #ff960014}@media(min-width:768px){.library-hero{grid-template-columns:1fr auto;align-items:center;gap:32px;padding:28px 32px}}.library-hero-title{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.1;letter-spacing:-.02em;color:var(--text-main);margin-bottom:8px}.library-hero-subtitle{max-width:48ch;font-size:14px;line-height:1.55;font-weight:600;color:var(--text-muted)}.library-hero-metrics{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));gap:12px}@media(min-width:768px){.library-hero-metrics{width:auto;min-width:220px}}.library-metric{padding:14px 16px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-secondary);text-align:center}.library-metric-value{display:block;font-family:var(--font-display);font-size:1.5rem;line-height:1;color:var(--text-main)}.library-metric-label{display:block;margin-top:4px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.library-shell{display:grid;gap:20px}@media(min-width:960px){.library-shell{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:24px}}.library-nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.library-nav::-webkit-scrollbar{display:none}@media(min-width:960px){.library-nav{flex-direction:column;overflow:visible;position:sticky;top:80px;padding:8px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card)}}.library-nav-btn{display:inline-flex;align-items:center;gap:8px;width:100%;padding:11px 14px;border:none;border-radius:12px;background:transparent;color:var(--text-muted);font-family:var(--font-primary);font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease}.library-nav-btn:hover{color:var(--text-main);background:var(--bg-secondary)}.library-nav-btn.active{background:var(--primary);color:#fff;box-shadow:0 3px 0 var(--primary-shadow)}.library-nav-count{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;background:#ffffff2e}.library-nav-btn:not(.active) .library-nav-count{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-color)}.library-main{min-width:0}.library-empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 20px;border:1px dashed var(--border-color);border-radius:16px;background:var(--bg-secondary);text-align:center}.library-empty-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--bg-card)}.library-empty-title{font-family:var(--font-display);font-size:1.125rem;color:var(--text-main)}.library-empty-text{max-width:40ch;font-size:13px;line-height:1.5;font-weight:600;color:var(--text-muted)}.library-tabs{display:flex;gap:8px;margin-bottom:18px;border-bottom:1px solid var(--border-color);padding-bottom:6px;overflow-x:auto}.lib-tab-btn{padding:8px 14px;font-family:var(--font-primary);font-size:13px;font-weight:800;border:none;background:transparent;color:var(--text-muted);border-radius:8px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.lib-tab-btn:hover{color:var(--text-main)}.lib-tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 3px 0 var(--primary-shadow)}.toast-container{position:fixed;bottom:80px;right:16px;left:16px;max-width:380px;margin:0 auto;background:var(--dark-blue);color:#fff;padding:10px 16px;border-radius:12px;font-size:13px;font-weight:700;box-shadow:0 8px 24px #0000004d;z-index:9999;display:flex;align-items:center;gap:8px;animation:toastIn .2s ease-out;border:1px solid rgba(255,255,255,.15)}@keyframes toastIn{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-container{position:fixed;bottom:80px;right:20px;left:20px;max-width:420px;margin:0 auto;background-color:#fff;color:var(--text-main);padding:12px 18px;border-radius:14px;font-size:13px;font-weight:700;border:2px solid var(--border-color);box-shadow:0 10px 30px #0000001f;z-index:99999;display:flex;align-items:center;gap:10px;animation:toastSlideUp .25s cubic-bezier(.34,1.56,.64,1);pointer-events:auto}@keyframes toastSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.reader-app-mode .toast-container{bottom:84px}body.dark-mode-active .toast-container{background-color:#1a1847;color:#f4f4f8;border-color:#333060;box-shadow:0 10px 30px #00000080}.account-dashboard{margin-top:64px;padding-bottom:32px}@media(max-width:768px){.account-dashboard{margin-top:56px;padding-bottom:88px}}.dashboard-hero{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 1px #ff960014}@media(min-width:900px){.dashboard-hero{padding:28px 32px}}.dashboard-hero-guest{display:grid;gap:20px}@media(min-width:768px){.dashboard-hero-guest{grid-template-columns:auto 1fr;align-items:center;gap:28px}}.dashboard-hero-user{display:flex;flex-direction:column;gap:24px}@media(min-width:900px){.dashboard-hero-user{flex-direction:row;align-items:center;justify-content:space-between;gap:32px}}.dashboard-hero-profile{display:flex;align-items:center;gap:16px;min-width:0}.dashboard-avatar-wrap{position:relative;flex-shrink:0}.dashboard-avatar{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center}.dashboard-avatar--guest{background:var(--bg-secondary);border:2px solid var(--border-color)}.dashboard-avatar--photo{object-fit:cover;border:3px solid var(--primary)}.dashboard-level-tag{position:absolute;right:-4px;bottom:-4px;padding:2px 7px;border-radius:999px;background:var(--primary);color:#fff;font-size:10px;font-weight:800;border:2px solid var(--bg-card)}.dashboard-hero-identity{min-width:0}.dashboard-hero-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:4px}.dashboard-hero-title{font-family:var(--font-display);font-size:clamp(1.5rem,2.4vw,1.875rem);line-height:1.1;letter-spacing:-.02em;color:var(--text-main)}.dashboard-role-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:var(--primary-light);color:var(--primary);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.dashboard-hero-text{font-size:14px;line-height:1.55;color:var(--text-muted);font-weight:600;max-width:52ch}.dashboard-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.dashboard-hero-metrics{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px;width:100%}@media(min-width:900px){.dashboard-hero-metrics{width:auto;min-width:280px}}.dashboard-metric{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:var(--bg-secondary);border:1px solid var(--border-color)}.dashboard-metric-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-metric--streak .dashboard-metric-icon{background:var(--primary-light)}.dashboard-metric--tickets .dashboard-metric-icon{background:#ffc80026}.dashboard-metric-value{display:block;font-family:var(--font-display);font-size:1.5rem;line-height:1;color:var(--text-main)}.dashboard-metric-label{display:block;margin-top:4px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.dashboard-shell{display:grid;gap:20px}@media(min-width:960px){.dashboard-shell{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:24px}}.dashboard-nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.dashboard-nav::-webkit-scrollbar{display:none}@media(min-width:960px){.dashboard-nav{flex-direction:column;overflow:visible;position:sticky;top:80px;padding:8px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card)}}.dashboard-nav-btn{display:inline-flex;align-items:center;gap:8px;width:100%;padding:11px 14px;border:none;border-radius:12px;background:transparent;color:var(--text-muted);font-family:var(--font-primary);font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease}.dashboard-nav-btn:hover{color:var(--text-main);background:var(--bg-secondary)}.dashboard-nav-btn.active{color:#fff;background:var(--primary);box-shadow:0 3px 0 var(--primary-shadow)}.dashboard-nav-count{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;background:#ffffff2e}.dashboard-nav-btn:not(.active) .dashboard-nav-count{margin-left:auto;background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-color)}.dashboard-main{min-width:0}.dashboard-overview{display:flex;flex-direction:column;gap:20px}.dashboard-panel{display:flex;flex-direction:column;gap:16px}.dashboard-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.dashboard-panel-head-main{display:flex;align-items:flex-start;gap:10px}.dashboard-panel-title{font-family:var(--font-display);font-size:1.25rem;line-height:1.15;letter-spacing:-.02em;color:var(--text-main)}.dashboard-panel-subtitle{margin-top:4px;font-size:13px;line-height:1.45;color:var(--text-muted);font-weight:600;max-width:52ch}.dashboard-text-link{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:none;color:var(--primary);font-size:13px;font-weight:800;cursor:pointer}.dashboard-text-link:hover{color:var(--primary-hover)}.dashboard-shortcuts{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:640px){.dashboard-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}.dashboard-shortcut{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-card);text-align:left;cursor:pointer;transition:border-color .15s ease,transform .15s ease}@media(prefers-reduced-motion:no-preference){.dashboard-shortcut:hover{transform:translateY(-1px);border-color:#ff960059}}.dashboard-shortcut-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-shortcut-icon--blue{background:#1cb0f61f}.dashboard-shortcut-icon--gold{background:#ffc80026}.dashboard-shortcut-copy{display:flex;flex-direction:column;gap:2px}.dashboard-shortcut-copy strong{font-size:14px;color:var(--text-main)}.dashboard-shortcut-copy span{font-size:12px;color:var(--text-muted);font-weight:600}.reading-row-list{display:flex;flex-direction:column;gap:10px}.reading-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-card);transition:border-color .15s ease}@media(prefers-reduced-motion:no-preference){.reading-row:hover{border-color:#ff960059}}@media(max-width:720px){.reading-row{grid-template-columns:auto 1fr}.reading-row-action{grid-column:1 / -1;width:100%;justify-content:center}}.reading-row-cover-btn{padding:0;border:none;background:none;cursor:pointer}.reading-row-cover{width:64px;aspect-ratio:3 / 4;border-radius:10px;object-fit:cover;display:block}.reading-row-body{min-width:0}.reading-row-genre{display:inline-block;margin-bottom:4px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--primary)}.reading-row-genre--premium{color:var(--golden)}.reading-row-title{display:block;width:100%;padding:0;border:none;background:none;text-align:left;font-family:var(--font-display);font-size:1rem;line-height:1.25;color:var(--text-main);cursor:pointer}.reading-row-title:hover{color:var(--primary)}.reading-row-meta{margin-top:4px;font-size:12px;font-weight:600;color:var(--text-muted);display:flex;align-items:center;flex-wrap:wrap;gap:6px}.reading-row-dot{width:4px;height:4px;border-radius:50%;background:var(--border-color)}.reading-row-progress{margin-top:8px;max-width:280px}.reading-row-progress-labels{display:flex;justify-content:space-between;margin-bottom:4px;font-size:11px;font-weight:700}.reading-row-progress-labels span:first-child{color:var(--primary)}.dashboard-empty-state{padding:40px 20px;text-align:center;border:1px dashed var(--border-color);border-radius:16px;background:var(--bg-secondary)}.dashboard-empty-state-icon{margin-bottom:12px;opacity:.65}.dashboard-empty-state-title{font-size:15px;font-weight:800;color:var(--text-main);margin-bottom:6px}.dashboard-empty-state-text{max-width:36ch;margin:0 auto 16px;font-size:13px;line-height:1.5;font-weight:600;color:var(--text-muted)}.progress-track{width:100%;height:6px;background:var(--bg-secondary);border-radius:999px;overflow:hidden;border:1px solid var(--border-color)}.progress-fill{height:100%;border-radius:999px;transition:width .3s ease}.progress-fill.fill-primary{background:linear-gradient(90deg,var(--primary) 0%,var(--primary-hover) 100%)}.settings-list-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.settings-item-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);gap:16px}.settings-item-row:last-child{border-bottom:none}@media(max-width:640px){.settings-item-row{flex-direction:column;align-items:flex-start}.settings-item-row .btn,.settings-item-row .badge{align-self:flex-start}}.settings-item-title{font-size:14px;font-weight:800;color:var(--text-main)}.settings-item-title--danger{color:var(--red)}.settings-item-desc{margin-top:2px;font-size:12px;line-height:1.45;color:var(--text-muted);font-weight:600}.history-card{display:flex;gap:12px;padding:14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;align-items:center}.history-cover{width:70px;aspect-ratio:3/4;border-radius:8px;object-fit:cover;flex-shrink:0;cursor:pointer}.history-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.history-progress{margin-top:6px;width:100%;max-width:280px}.history-progress-meta{display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin-bottom:4px}.history-progress-meta span:first-child{color:var(--primary)}.topup-store-section{display:flex;flex-direction:column;gap:16px}.topup-card-ticket-icon{width:64px;height:64px;border-radius:50%;background:#ffc8001f;display:flex;align-items:center;justify-content:center;margin-bottom:12px}@media(prefers-reduced-motion:reduce){.dashboard-shortcut:hover,.reading-row:hover{transform:none}.progress-fill{transition:none}}.auth-page{margin-top:64px;padding-bottom:48px;display:flex;flex-direction:column;gap:16px}@media(max-width:768px){.auth-page{margin-top:56px;padding-bottom:88px}}.auth-back-bar{display:flex}.auth-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card);color:var(--text-main);font-family:var(--font-primary);font-size:13px;font-weight:800;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}@media(prefers-reduced-motion:no-preference){.auth-back-btn:hover{border-color:var(--primary);background:var(--bg-secondary)}.auth-back-btn:active{transform:scale(.98)}}.auth-layout{display:grid;gap:20px}@media(min-width:960px){.auth-layout{grid-template-columns:minmax(0,1fr) minmax(380px,440px);align-items:stretch;gap:24px}}.auth-visual{position:relative;overflow:hidden;padding:24px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card);box-shadow:0 1px #ff960014}@media(min-width:960px){.auth-visual{padding:28px 32px;min-height:520px}}.auth-visual-brand{position:relative;z-index:2;max-width:42ch}.auth-visual-title{margin-top:18px;font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2rem);line-height:1.1;letter-spacing:-.02em;color:var(--text-main)}.auth-visual-text{margin-top:10px;font-size:14px;line-height:1.55;font-weight:600;color:var(--text-muted)}.auth-benefits{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px;margin-top:22px;padding:0;list-style:none}.auth-benefit{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--text-main)}.auth-benefit-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border-color);flex-shrink:0}.auth-visual-covers{position:relative;margin-top:28px;min-height:160px}@media(min-width:960px){.auth-visual-covers{position:absolute;right:24px;bottom:24px;width:min(100%,280px);min-height:180px;margin-top:0}}.auth-visual-cover{position:absolute;width:38%;aspect-ratio:3 / 4;border-radius:12px;object-fit:cover;border:2px solid var(--bg-card);box-shadow:0 8px 24px #0000001f}.auth-visual-cover--1{left:50%;top:0;transform:translate(-50%);z-index:3}.auth-visual-cover--2{left:6%;bottom:0;transform:rotate(-8deg);z-index:1}.auth-visual-cover--3{right:6%;bottom:0;transform:rotate(8deg);z-index:2}.auth-panel{padding:24px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card);box-shadow:0 1px #ff960014}@media(min-width:960px){.auth-panel{padding:28px}}.auth-panel-head{margin-bottom:16px}.auth-panel-title{font-family:var(--font-display);font-size:1.5rem;line-height:1.15;color:var(--text-main)}.auth-panel-subtitle{margin-top:6px;font-size:13px;line-height:1.55;font-weight:600;color:var(--text-muted)}.auth-mode-tabs{display:flex;gap:6px;padding:4px;margin-bottom:16px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-secondary)}.auth-mode-tab{flex:1;height:40px;border:none;border-radius:9px;background:transparent;color:var(--text-muted);font-family:var(--font-primary);font-size:13px;font-weight:800;cursor:pointer;transition:background-color .15s ease,color .15s ease}.auth-mode-tab.active{background:var(--primary);color:#fff;box-shadow:0 3px 0 var(--primary-shadow)}.auth-reward{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;margin-bottom:16px;border:1px dashed var(--primary);border-radius:12px;background:var(--primary-bg-subtle)}.auth-reward-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--bg-card);flex-shrink:0}.auth-reward-title{font-size:13px;font-weight:800;color:var(--primary)}.auth-reward-text{margin-top:2px;font-size:12px;line-height:1.45;font-weight:600;color:var(--text-main)}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.auth-field-label{font-size:13px;font-weight:800;color:var(--text-main)}.auth-field-control{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-secondary);transition:border-color .15s ease,box-shadow .15s ease}.auth-field-control:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #ff96001f;background:var(--bg-card)}.auth-field-input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--font-primary);font-size:14px;font-weight:600;color:var(--text-main)}.auth-field-input::placeholder{color:var(--text-muted)}.auth-field-helper{font-size:12px;font-weight:600;color:var(--text-muted)}.auth-forgot-link{padding:0;border:none;background:none;font-family:var(--font-primary);font-size:12px;font-weight:700;color:var(--primary);cursor:pointer;white-space:nowrap}.auth-forgot-link:hover{text-decoration:underline}.auth-password-toggle-row{margin-top:-6px}.auth-password-toggle{display:inline-flex;align-items:center;gap:6px;padding:0;border:none;background:none;font-family:var(--font-primary);font-size:12px;font-weight:700;color:var(--text-muted);cursor:pointer}.auth-password-toggle:hover{color:var(--text-main)}.auth-remember{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.auth-remember-check{width:16px;height:16px;accent-color:var(--primary)}.auth-submit{width:100%;min-height:48px;margin-top:4px}.auth-social{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.auth-social-label{margin-bottom:10px;font-size:12px;font-weight:700;color:var(--text-muted);text-align:center}.auth-social-btn{width:100%;min-height:46px;gap:10px}.ticket-store-wrapper{display:flex;flex-direction:column;gap:24px}.store-hero-banner{background:var(--bg-card);border:2px solid var(--border-color);border-radius:20px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 4px 16px #0000000a}@media(max-width:820px){.store-hero-banner{flex-direction:column;align-items:stretch;padding:20px 16px}}.store-hero-left{display:flex;align-items:center;gap:18px}.store-ticket-glow-badge{width:72px;height:72px;border-radius:20px;background:#ffc8001f;border:2px solid rgba(255,200,0,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 20px #ffc80033}.store-balance-label{font-size:11px;font-weight:800;color:var(--nav-text);letter-spacing:1px;text-transform:uppercase}.store-balance-amount{font-family:var(--font-display);font-size:32px;color:var(--text-main);line-height:1.1;margin:2px 0}.store-balance-desc{font-size:12px;color:var(--text-muted);font-weight:600}.store-value-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:768px){.store-value-guide{grid-template-columns:1fr;gap:10px}}.value-guide-item{background:var(--bg-card);border:2px solid var(--border-color);border-radius:14px;padding:16px;display:flex;align-items:center;gap:14px}.value-guide-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.value-guide-title{font-size:13px;font-weight:800;color:var(--text-main);margin-bottom:2px}.value-guide-text{font-size:11px;color:var(--text-muted);line-height:1.4}.store-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}@media(max-width:540px){.store-cards-grid{grid-template-columns:1fr}}.store-package-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:20px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;transition:transform .2s cubic-bezier(.34,1.56,.64,1),border-color .2s ease,box-shadow .2s ease}.store-package-card:hover{transform:translateY(-6px);border-color:var(--primary);box-shadow:0 12px 28px #00000014}.store-package-card.highlight-popular{border-color:var(--primary);box-shadow:0 8px 24px #ff960029;background:linear-gradient(180deg,var(--primary-bg-subtle) 0%,var(--bg-card) 60%)}.store-card-tag-pill{position:absolute;top:12px;right:12px;font-size:9px;font-weight:900;padding:4px 8px;border-radius:6px;letter-spacing:.5px;text-transform:uppercase}.store-card-emblem-wrap{width:68px;height:68px;border-radius:50%;background:#ffc8001a;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.store-card-name{font-size:15px;font-weight:800;color:var(--text-main);margin-bottom:4px}.store-card-amount-wrap{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:4px;flex-wrap:wrap}.store-card-main-amount{font-family:var(--font-display);font-size:26px;color:var(--text-main)}.store-card-amount-unit{font-size:13px;font-weight:800;color:var(--golden)}.store-card-bonus-tag{font-size:11px;font-weight:800;color:var(--primary);background:var(--primary-bg-subtle);padding:2px 6px;border-radius:4px}.store-card-episodes-info{font-size:12px;color:var(--text-muted);font-weight:600;min-height:32px;margin-bottom:14px}.store-card-pricing-wrap{display:flex;align-items:baseline;gap:8px;margin-bottom:16px}.store-card-original-price{font-size:12px;color:var(--nav-text);text-decoration:line-through;font-weight:600}.store-card-final-price{font-size:18px;font-weight:900;color:var(--text-main)}.store-buy-btn{width:100%;height:44px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px}.store-trx-list{background:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;overflow:hidden}.store-trx-item{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-color);gap:14px}.store-trx-item:last-child{border-bottom:none}.store-trx-left{display:flex;align-items:center;gap:12px}.store-trx-icon{width:36px;height:36px;border-radius:10px;background:#ffc8001f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.store-trx-title{font-size:13px;font-weight:800;color:var(--text-main);display:block}.store-trx-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.store-trx-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.store-trx-amount{font-size:13px;font-weight:800;color:var(--text-main)}.store-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999999;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease}.store-modal-card{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:var(--bg-card);border:2px solid var(--border-color);border-radius:20px;padding:24px;box-shadow:0 20px 50px #00000040;animation:toastSlideUp .25s cubic-bezier(.34,1.56,.64,1)}.store-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.store-modal-title{font-size:16px;font-weight:800;color:var(--text-main)}.store-modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px}.store-modal-close:hover{background:var(--bg-secondary);color:var(--text-main)}.store-modal-body{display:flex;flex-direction:column;gap:16px}.store-order-summary-box{display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:14px;padding:14px 16px}.order-summary-left{display:flex;align-items:center;gap:12px}.order-summary-icon{width:42px;height:42px;border-radius:12px;background:#ffc80026;display:flex;align-items:center;justify-content:center}.order-summary-name{font-size:14px;font-weight:800;color:var(--text-main)}.order-summary-sub{font-size:12px;color:var(--primary);font-weight:700}.order-summary-price{font-family:var(--font-display);font-size:18px;color:var(--text-main)}.store-modal-label{display:block;font-size:11px;font-weight:800;color:var(--nav-text);letter-spacing:.5px;margin-bottom:8px}.store-payment-options{display:flex;flex-direction:column;gap:8px}.payment-option-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .15s ease}.payment-option-item:hover{border-color:var(--primary)}.payment-option-item.selected{border-color:var(--primary);background:var(--primary-bg-subtle)}.payment-option-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.payment-option-item.selected .payment-option-radio{border-color:var(--primary)}.radio-dot.active{width:8px;height:8px;border-radius:50%;background:var(--primary)}.payment-option-info{display:flex;flex-direction:column;gap:2px;flex:1}.payment-option-name{font-size:13px;font-weight:800;color:var(--text-main)}.payment-option-badge{font-size:8px;font-weight:900;background:var(--primary-light);color:var(--primary);padding:1px 5px;border-radius:4px}.payment-option-desc{font-size:11px;color:var(--text-muted)}.qris-preview-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:14px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:10px}.qris-head-row{width:100%;display:flex;align-items:center;gap:6px}.qris-qr-graphic{background:#fff;padding:10px;border-radius:10px;box-shadow:0 4px 12px #00000014}.store-voucher-wrap{display:flex;gap:8px}.voucher-input-inner{flex:1;display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;padding:0 12px;height:40px}.voucher-input{flex:1;background:transparent;border:none;outline:none;font-size:12px;font-weight:700;color:var(--text-main)}.store-price-breakdown{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:var(--bg-secondary);border-radius:12px;font-size:12px;font-weight:600}.price-breakdown-row{display:flex;justify-content:space-between;color:var(--text-muted)}.price-breakdown-row.total-row{border-top:1px solid var(--border-color);padding-top:6px;font-size:14px;font-weight:800;color:var(--text-main)}.total-amount{color:var(--primary);font-size:16px}.store-modal-pay-btn{width:100%;height:48px;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}.store-modal-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 0;gap:14px}.success-check-emblem{width:80px;height:80px;border-radius:50%;background:var(--primary-light);display:flex;align-items:center;justify-content:center}.success-title{font-family:var(--font-display);font-size:22px;color:var(--text-main)}.success-desc{font-size:13px;color:var(--text-muted);line-height:1.5;max-width:360px}.success-summary-box{width:100%;background:var(--bg-secondary);border-radius:12px;padding:14px;font-size:12px;text-align:left}.explore-page{display:flex;flex-direction:column;gap:20px;margin-top:64px;padding-bottom:48px}@media(max-width:768px){.explore-page{margin-top:56px;padding-bottom:88px}}.explore-hero{display:grid;gap:24px;padding:24px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card);box-shadow:0 1px #ff960014}@media(min-width:900px){.explore-hero{grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);align-items:center;gap:32px;padding:28px 32px}}.explore-hero-copy{min-width:0}.explore-hero-title{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.1;letter-spacing:-.02em;color:var(--text-main);margin-bottom:8px}.explore-hero-subtitle{max-width:52ch;margin-bottom:18px;font-size:14px;line-height:1.55;font-weight:600;color:var(--text-muted)}.explore-search-box{display:flex;align-items:center;gap:12px;height:50px;padding:0 14px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-secondary);transition:border-color .15s ease,box-shadow .15s ease}.explore-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #ff960024}.explore-search-input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--font-primary);font-size:14px;font-weight:600;color:var(--text-main)}.explore-search-input::placeholder{color:var(--text-muted)}.explore-search-clear{display:flex;align-items:center;justify-content:center;padding:4px;border:none;background:none;color:var(--nav-text);cursor:pointer}.explore-hero-visual{position:relative;display:none;min-height:180px}@media(min-width:900px){.explore-hero-visual{display:block}}.explore-hero-cover{position:absolute;width:38%;aspect-ratio:3 / 4;border-radius:12px;object-fit:cover;border:2px solid var(--bg-card);box-shadow:0 12px 32px #0f0e2a1f}.explore-hero-cover--1{left:8%;top:8%;transform:rotate(-6deg);z-index:1}.explore-hero-cover--2{left:34%;top:0;transform:rotate(4deg);z-index:3}.explore-hero-cover--3{right:4%;bottom:0;transform:rotate(-3deg);z-index:2}.explore-filters{display:flex;flex-direction:column;gap:18px;padding:20px 22px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card)}.explore-filter-block{display:flex;flex-direction:column;gap:10px}.explore-filter-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.explore-filter-title{font-family:var(--font-display);font-size:1.05rem;line-height:1.2;color:var(--text-main)}.explore-dropdowns-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}@media(max-width:960px){.explore-dropdowns-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.explore-dropdowns-row{grid-template-columns:1fr}}.dropdown-control-item{display:flex;flex-direction:column;gap:6px}.dropdown-label{font-size:12px;font-weight:800;color:var(--text-main)}.explore-select-input{height:44px;padding:0 12px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-secondary);color:var(--text-main);font-family:var(--font-primary);font-size:13px;font-weight:700;outline:none;cursor:pointer;transition:border-color .15s ease}.explore-select-input:focus{border-color:var(--primary)}.explore-select-input--compact{height:36px;min-width:72px;padding:0 10px;font-size:12px}.view-mode-toggle-wrap{display:flex;gap:2px;height:44px;padding:3px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-secondary)}.view-mode-btn{flex:1;min-width:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:9px;background:transparent;color:var(--nav-text);cursor:pointer;transition:background-color .15s ease,color .15s ease}.view-mode-btn.active{background:var(--primary);color:#fff}.active-filters-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:14px;border-top:1px solid var(--border-color)}.active-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid rgba(255,150,0,.28);border-radius:999px;background:var(--primary-bg-subtle);color:var(--primary);font-size:11px;font-weight:800}.active-filter-chip button{display:flex;align-items:center;padding:0;border:none;background:none;color:inherit;cursor:pointer}.reset-filter-btn{margin-left:auto;padding:0;border:none;background:none;color:var(--text-muted);font-family:var(--font-primary);font-size:12px;font-weight:800;cursor:pointer}.reset-filter-btn:hover{color:var(--primary)}.explore-results-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.results-count-text{font-size:13px;font-weight:600;color:var(--text-muted)}.results-count-text strong{color:var(--text-main);font-weight:800}.explore-page-size{display:flex;align-items:center;gap:8px}.explore-page-size-label{font-size:12px;font-weight:700;color:var(--text-muted)}.pagination-nav-label{margin:0 4px}.explore-list-view{display:flex;flex-direction:column;gap:12px}.explore-list-card{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:14px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-card);transition:border-color .15s ease}@media(prefers-reduced-motion:no-preference){.explore-list-card:hover{border-color:#ff960059}}@media(max-width:768px){.explore-list-card{grid-template-columns:1fr}}.explore-list-cover-btn{padding:0;border:none;background:none;cursor:pointer}.explore-list-cover{width:84px;aspect-ratio:3 / 4;border-radius:10px;object-fit:cover;display:block}@media(max-width:768px){.explore-list-cover{width:100%}}.explore-list-info{min-width:0;display:flex;flex-direction:column;gap:4px}.explore-list-badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.explore-list-status{font-size:10px}.explore-list-rating{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:800;color:var(--text-main)}.explore-list-title{width:100%;padding:0;border:none;background:none;text-align:left;font-family:var(--font-display);font-size:1rem;line-height:1.25;color:var(--text-main);cursor:pointer}.explore-list-title:hover{color:var(--primary)}.explore-list-author{font-size:12px;font-weight:600;color:var(--text-muted)}.explore-list-synopsis{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:2px 0;font-size:12px;line-height:1.45;font-weight:600;color:var(--text-muted)}.explore-list-meta-row{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:4px;font-size:11px;font-weight:700;color:var(--nav-text)}.explore-list-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}@media(max-width:768px){.explore-list-actions{flex-direction:row;width:100%}.explore-list-actions .btn{flex:1}}.explore-empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 20px;border:1px dashed var(--border-color);border-radius:16px;background:var(--bg-secondary);text-align:center}.empty-state-icon-wrap{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--bg-card)}.empty-state-title{font-family:var(--font-display);font-size:1.25rem;color:var(--text-main)}.empty-state-text{max-width:40ch;font-size:13px;line-height:1.5;font-weight:600;color:var(--text-muted)}@media(prefers-reduced-motion:reduce){.explore-list-card:hover{transform:none}}.ranking-page{margin-top:64px;padding-bottom:48px;display:flex;flex-direction:column;gap:20px}@media(max-width:768px){.ranking-page{margin-top:56px;padding-bottom:88px}}.ranking-section-home{padding-top:0}.ranking-hero{display:grid;gap:16px;padding:24px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card);box-shadow:0 1px #ff960014}@media(min-width:768px){.ranking-hero{grid-template-columns:1fr auto;align-items:center;gap:24px;padding:28px 32px}}.ranking-hero-title{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.1;letter-spacing:-.02em;color:var(--text-main);margin-bottom:8px}.ranking-hero-subtitle{max-width:52ch;font-size:14px;line-height:1.55;font-weight:600;color:var(--text-muted)}.ranking-hero-badge{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#ffc8001f;border:1px solid rgba(255,200,0,.22)}.ranking-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.ranking-tabs::-webkit-scrollbar{display:none}.ranking-tabs--page{padding:8px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-card)}.ranking-tabs--section{margin-bottom:20px}.ranking-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-card);color:var(--text-muted);font-family:var(--font-primary);font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.ranking-tab:hover{border-color:#ff960059;color:var(--text-main)}.ranking-tab.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 3px 0 var(--primary-shadow)}.ranking-page-content{display:flex;flex-direction:column;gap:24px}.ranking-podium{display:grid;gap:12px;align-items:end}@media(min-width:768px){.ranking-podium{grid-template-columns:1fr 1.15fr 1fr;gap:16px;min-height:360px}.ranking-podium-card--first{order:2}.ranking-podium-card--second{order:1}.ranking-podium-card--third{order:3}}.ranking-podium-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card);transition:border-color .15s ease}@media(prefers-reduced-motion:no-preference){.ranking-podium-card--first{padding-bottom:20px}}.ranking-podium-card:hover{border-color:#ff960059}.ranking-podium-rank{position:absolute;top:12px;left:12px;z-index:2;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:14px;background:var(--dark-blue);color:#fff}.ranking-podium-rank--1{background:var(--golden);color:#5c4300}.ranking-podium-rank--2{background:#e5e5e5;color:#333}.ranking-podium-rank--3{background:#e28854;color:#fff}.ranking-podium-cover-btn{padding:0;border:none;background:none;cursor:pointer}.ranking-podium-cover{width:100%;aspect-ratio:3 / 4;border-radius:12px;object-fit:cover;display:block}.ranking-podium-card--first .ranking-podium-cover{max-height:280px}.ranking-podium-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.ranking-podium-title{width:100%;padding:0;border:none;background:none;text-align:left;font-family:var(--font-display);font-size:1rem;line-height:1.25;color:var(--text-main);cursor:pointer}.ranking-podium-title:hover{color:var(--primary)}.ranking-podium-meta{font-size:12px;font-weight:700;color:var(--text-muted)}.ranking-podium-read{align-self:flex-start;margin-top:4px}.ranking-list-block{display:flex;flex-direction:column;gap:12px}.ranking-list-heading{font-family:var(--font-display);font-size:1.125rem;line-height:1.2;color:var(--text-main)}.ranking-list-rows{display:flex;flex-direction:column;gap:10px}.ranking-list-row{display:grid;grid-template-columns:auto auto 1fr auto;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-card);transition:border-color .15s ease}@media(prefers-reduced-motion:no-preference){.ranking-list-row:hover{border-color:#ff960059}}@media(max-width:720px){.ranking-list-row{grid-template-columns:auto 1fr}.ranking-list-action{grid-column:1 / -1;width:100%;justify-content:center}}.ranking-list-rank{min-width:28px;font-family:var(--font-display);font-size:1.125rem;line-height:1;color:var(--text-muted);text-align:center}.ranking-list-rank--top{color:var(--primary)}.ranking-list-cover-btn{padding:0;border:none;background:none;cursor:pointer}.ranking-list-cover{width:56px;aspect-ratio:3 / 4;border-radius:8px;object-fit:cover;display:block}.ranking-list-body{min-width:0;display:flex;flex-direction:column;gap:2px}.ranking-list-genre{font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--primary)}.ranking-list-title{width:100%;padding:0;border:none;background:none;text-align:left;font-family:var(--font-display);font-size:.95rem;line-height:1.25;color:var(--text-main);cursor:pointer}.ranking-list-title:hover{color:var(--primary)}.ranking-list-meta{font-size:12px;font-weight:600;color:var(--text-muted)}.ranking-empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 20px;border:1px dashed var(--border-color);border-radius:16px;background:var(--bg-secondary);text-align:center}.ranking-empty-title{font-size:15px;font-weight:800;color:var(--text-main)}.ranking-empty-text{max-width:36ch;font-size:13px;line-height:1.5;font-weight:600;color:var(--text-muted)}@media(prefers-reduced-motion:reduce){.ranking-podium-card:hover,.ranking-list-row:hover{transform:none}}.schedule-page{margin-top:64px;padding-bottom:48px;display:flex;flex-direction:column;gap:20px}@media(max-width:768px){.schedule-page{margin-top:56px;padding-bottom:88px}}.schedule-section-home{padding-top:0}.schedule-section-empty{padding:32px 16px;text-align:center;font-size:13px;font-weight:700;color:var(--text-muted)}.schedule-hero{display:grid;gap:24px;padding:24px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card);box-shadow:0 1px #ff960014}@media(min-width:900px){.schedule-hero{grid-template-columns:minmax(0,1.1fr) minmax(200px,.9fr);align-items:center;gap:32px;padding:28px 32px}}.schedule-hero-title{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.1;letter-spacing:-.02em;color:var(--text-main);margin-bottom:8px}.schedule-hero-subtitle{max-width:48ch;font-size:14px;line-height:1.55;font-weight:600;color:var(--text-muted)}.schedule-hero-metrics{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));gap:12px;margin-top:18px;max-width:320px}.schedule-metric{padding:14px 16px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-secondary);text-align:center}.schedule-metric-value{display:block;font-family:var(--font-display);font-size:1.5rem;line-height:1;color:var(--text-main)}.schedule-metric-label{display:block;margin-top:4px;font-size:11px;font-weight:700;color:var(--text-muted)}.schedule-jump-today{margin-top:14px}.schedule-hero-badge{width:72px;height:72px;margin-inline:auto;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#ff96001a;border:1px solid rgba(255,150,0,.2)}.schedule-hero-visual{position:relative;width:min(100%,280px);height:200px;margin-inline:auto}@media(min-width:900px){.schedule-hero-visual{width:100%;height:220px;margin-inline:0}}.schedule-hero-cover{position:absolute;width:120px;aspect-ratio:3 / 4;border-radius:12px;object-fit:cover;border:2px solid var(--bg-card);box-shadow:0 8px 24px #0000001f}.schedule-hero-cover--1{left:50%;top:0;transform:translate(-50%);z-index:3}.schedule-hero-cover--2{left:8%;bottom:0;transform:rotate(-8deg);z-index:1}.schedule-hero-cover--3{right:8%;bottom:0;transform:rotate(8deg);z-index:2}.schedule-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.schedule-toolbar-text{font-size:13px;font-weight:700;color:var(--text-muted)}.schedule-toolbar-link{display:inline-flex;align-items:center;gap:6px;padding:0;border:none;background:none;font-family:var(--font-primary);font-size:13px;font-weight:800;color:var(--primary);cursor:pointer}@media(prefers-reduced-motion:no-preference){.schedule-toolbar-link:hover{opacity:.85}}.schedule-day-tabs{display:flex;gap:8px;overflow-x:auto;padding:6px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-secondary);scrollbar-width:none}.schedule-day-tabs::-webkit-scrollbar{display:none}.schedule-day-tabs--section{margin-bottom:20px}.schedule-day-tabs--page{margin-bottom:4px}.schedule-day-tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:72px;height:38px;padding:0 12px;border:none;border-radius:10px;background:transparent;color:var(--nav-text);font-family:var(--font-primary);font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease;touch-action:manipulation}.schedule-day-tabs--page .schedule-day-tab{min-width:96px}@media(max-width:768px){.schedule-day-tab{min-width:64px;height:36px;font-size:12px}.schedule-day-tabs--page .schedule-day-tab{min-width:88px}}@media(prefers-reduced-motion:no-preference){.schedule-day-tab:hover{color:var(--primary);background:var(--primary-bg-subtle)}}.schedule-day-tab.active{background:var(--primary);color:#fff;box-shadow:0 3px 0 var(--primary-shadow)}.schedule-day-tab--today:not(.active){border:1px solid rgba(255,150,0,.35)}.schedule-day-tab-tag{font-size:10px;font-weight:800;padding:2px 6px;border-radius:999px;background:#ff960024;color:var(--primary)}.schedule-day-tab.active .schedule-day-tab-tag{background:#fff3;color:#fff}.schedule-week-overview{padding:20px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card)}.schedule-week-heading{font-family:var(--font-display);font-size:1rem;color:var(--text-main);margin-bottom:14px}.schedule-week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}@media(max-width:768px){.schedule-week-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.schedule-week-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-secondary);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}@media(prefers-reduced-motion:no-preference){.schedule-week-cell:hover{border-color:#ff960059}}.schedule-week-cell.active{border-color:var(--primary);background:#ff960014}.schedule-week-day{font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.schedule-week-count{font-family:var(--font-display);font-size:1.125rem;line-height:1;color:var(--text-main)}.schedule-empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 20px;border:1px dashed var(--border-color);border-radius:16px;background:var(--bg-secondary);text-align:center}.schedule-empty-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--bg-card)}.schedule-empty-title{font-family:var(--font-display);font-size:1.125rem;color:var(--text-main)}.schedule-empty-text{max-width:40ch;font-size:13px;line-height:1.5;font-weight:600;color:var(--text-muted)}.landing-page{display:flex;flex-direction:column}.landing-body{display:flex;flex-direction:column;gap:4px;padding-bottom:24px}@media(max-width:768px){.landing-body{padding-bottom:16px}}.landing-section{padding-top:8px}.landing-section--last{padding-bottom:8px}.landing-quick-wrap{padding-top:4px;padding-bottom:8px}.landing-quick-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(min-width:900px){.landing-quick-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}.landing-quick-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:14px 16px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card);text-align:left;cursor:pointer;transition:border-color .15s ease,transform .15s ease}@media(prefers-reduced-motion:no-preference){.landing-quick-card:hover{border-color:#ff960066;transform:translateY(-1px)}.landing-quick-card:active{transform:scale(.99)}}.landing-quick-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--primary-bg-subtle)}.landing-quick-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.landing-quick-label{font-family:var(--font-display);font-size:14px;color:var(--text-main)}.landing-quick-desc{font-size:11px;font-weight:700;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-section-footer{display:flex;justify-content:flex-end;margin-top:16px}.landing-section-link{display:inline-flex;align-items:center;gap:6px;padding:0;border:none;background:none;font-family:var(--font-primary);font-size:13px;font-weight:800;color:var(--primary);cursor:pointer}@media(prefers-reduced-motion:no-preference){.landing-section-link:hover{opacity:.85}}.landing-genre-section{padding-top:0}.landing-genre-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.landing-genre-bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}@media(min-width:768px){.landing-genre-bento{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}.landing-genre-tile{position:relative;min-height:112px;padding:14px;border:1px solid var(--border-color);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left;cursor:pointer;isolation:isolate}.landing-genre-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f0e2a14,#0f0e2ad1);z-index:0}.landing-genre-tile.active{border-color:var(--primary);box-shadow:0 0 0 1px #ff960040}.landing-genre-tile-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.landing-genre-tile-label{position:relative;z-index:1;font-family:var(--font-display);font-size:1rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.35)}.landing-genre-tile-count{position:relative;z-index:1;margin-top:2px;font-size:11px;font-weight:800;color:#ffffffe0}.landing-genre-filters{margin-bottom:16px}.landing-genre-search-chip{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:8px 14px;background:var(--primary-bg-subtle);border:1px solid rgba(255,150,0,.2);border-radius:12px}.landing-genre-search-label{font-size:13px;font-weight:700;color:var(--primary)}.landing-genre-search-clear{display:flex;align-items:center;padding:0;border:none;background:none;cursor:pointer;color:var(--primary)}.landing-genre-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 20px;border:1px dashed var(--border-color);border-radius:16px;background:var(--bg-secondary);text-align:center}.landing-genre-empty-title{font-family:var(--font-display);font-size:1rem;color:var(--text-main)}.landing-genre-empty-text{max-width:36ch;font-size:13px;font-weight:600;color:var(--text-muted)}.landing-genre-preview-note{margin-top:12px;font-size:12px;font-weight:700;color:var(--text-muted);text-align:center}.genre-wrapped-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;width:100%;margin-bottom:8px}@media(max-width:640px){.genre-wrapped-grid{grid-template-columns:repeat(3,1fr);gap:6px}}@media(max-width:380px){.genre-wrapped-grid{grid-template-columns:repeat(2,1fr)}}.genre-grid-pill{width:100%;height:40px;padding:0 8px;border-radius:12px;border:2px solid var(--border-color);background:var(--bg-card);color:var(--text-main);font-family:var(--font-primary);font-size:12px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:all .15s ease;-webkit-user-select:none;user-select:none}@media(max-width:480px){.genre-grid-pill{height:36px;font-size:11px;padding:0 4px;border-radius:10px}}.genre-grid-pill:hover{border-color:var(--primary);color:var(--primary)}.genre-grid-pill.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 3px 0 var(--primary-shadow)}.genre-expand-toggle-btn{background:var(--bg-secondary);border:1.5px solid var(--border-color);color:var(--primary);font-family:var(--font-primary);font-size:11px;font-weight:800;padding:4px 10px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease}.genre-expand-toggle-btn:hover{border-color:var(--primary)}.pagination-bar{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color);flex-wrap:wrap}.pagination-btn{height:42px;padding:0 12px;border-radius:12px;border:2px solid var(--border-color);background:var(--bg-card);color:var(--text-main);font-family:var(--font-primary);font-size:13px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;-webkit-user-select:none;user-select:none}.pagination-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;border-color:var(--border-color)}.pagination-numbers-wrap{display:flex;align-items:center;gap:6px}.pagination-number-btn{width:42px;height:42px;border-radius:12px;border:2px solid var(--border-color);background:var(--bg-card);color:var(--text-main);font-family:var(--font-primary);font-size:14px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.pagination-number-btn:hover{border-color:var(--primary);color:var(--primary)}.pagination-number-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 3px 0 var(--primary-shadow)}.episode-select-overlay{align-items:flex-end;padding:16px}@media(min-width:640px){.episode-select-overlay{align-items:center}}.episode-select-modal{width:min(100%,520px);max-height:min(88dvh,720px);display:flex;flex-direction:column;padding-bottom:16px}.episode-select-head{align-items:flex-start;margin-bottom:12px}.episode-select-head-copy{display:flex;align-items:flex-start;gap:10px}.episode-select-subtitle{margin-top:2px;font-size:12px;font-weight:600;color:var(--text-muted)}.episode-select-toolbar{display:grid;gap:10px;margin-bottom:12px}@media(min-width:480px){.episode-select-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center}}.episode-select-search{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-secondary);transition:border-color .15s ease,box-shadow .15s ease}.episode-select-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #ff96001f}.episode-select-search-input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--font-primary);font-size:14px;font-weight:600;color:var(--text-main)}.episode-select-search-input::placeholder{color:var(--text-muted)}.episode-select-search-clear{display:inline-flex;align-items:center;justify-content:center;padding:4px;border:none;background:none;color:var(--nav-text);cursor:pointer}.episode-select-toolbar-actions{display:flex;align-items:center;gap:8px}.episode-select-jump-btn,.episode-select-sort-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-card);font-family:var(--font-primary);font-size:12px;font-weight:800;color:var(--text-main);white-space:nowrap;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.episode-select-jump-btn:hover,.episode-select-sort-btn:hover{border-color:var(--primary);background:var(--bg-secondary)}@media(prefers-reduced-motion:no-preference){.episode-select-jump-btn:active,.episode-select-sort-btn:active{transform:scale(.98)}}.episode-select-ranges{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;margin-bottom:4px;scrollbar-width:none}.episode-select-ranges::-webkit-scrollbar{display:none}.episode-select-range-btn{flex-shrink:0;padding:7px 12px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-secondary);font-family:var(--font-primary);font-size:12px;font-weight:800;color:var(--text-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.episode-select-range-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 0 var(--primary-shadow)}.episode-select-list-wrap{flex:1;min-height:0;overflow-y:auto;padding-right:2px}.episode-select-list{display:flex;flex-direction:column;gap:6px}.episode-select-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card);text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}@media(prefers-reduced-motion:no-preference){.episode-select-row:hover{border-color:var(--primary);background:var(--bg-secondary)}.episode-select-row:active{transform:scale(.995)}}.episode-select-row--current{border-color:var(--primary);background:var(--primary-bg-subtle)}.episode-select-row--locked{opacity:.92}.episode-select-row-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--bg-secondary);font-family:var(--font-display);font-size:13px;font-weight:800;color:var(--text-main)}.episode-select-row--current .episode-select-row-num{background:var(--primary);color:#fff}.episode-select-row-title{min-width:0;font-size:13px;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.episode-select-row--current .episode-select-row-title{color:var(--primary)}.episode-select-row-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.episode-select-row-now{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--primary)}.episode-select-row-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.episode-select-row-badge--free{background:var(--primary-bg-subtle);color:var(--primary)}.episode-select-row-badge--locked{background:#b8920f1f;color:#9a7a0a}.dark-mode-active .episode-select-row-badge--locked{color:#d4b44a}.episode-select-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:180px;padding:24px 16px;text-align:center}.episode-select-empty-title{font-family:var(--font-display);font-size:1.1rem;color:var(--text-main)}.episode-select-empty-text{max-width:32ch;font-size:13px;font-weight:600;line-height:1.5;color:var(--text-muted)}.episode-select-limit-note{margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--bg-secondary);font-size:12px;font-weight:600;line-height:1.45;color:var(--text-muted)}.detail-comments-section{width:100%;max-width:1200px;margin:36px auto;padding:0 16px}.comment-input-form{margin-bottom:24px;width:100%}.comment-input-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:18px;padding:18px 20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 16px #0000000a;transition:border-color .2s ease,box-shadow .2s ease}.comment-input-card:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #ff960026}.comment-input-header{display:flex;align-items:center;gap:10px}.comment-input-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.comment-input-user-label{font-size:13px;font-weight:800;color:var(--text-main)}.comment-textarea{width:100%;min-height:100px;border:1.5px solid var(--border-color);background:var(--bg-secondary);border-radius:12px;padding:12px 14px;outline:none;font-family:var(--font-primary);font-size:14px;font-weight:600;color:var(--text-main);line-height:1.6;resize:vertical;transition:border-color .15s ease}.comment-textarea:focus{border-color:var(--primary);background:var(--bg-card)}.comment-form-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:4px}.comment-hint-text{font-size:12px;color:var(--text-muted);font-weight:600}.comments-feed-list{display:flex;flex-direction:column;gap:12px}.comment-card-item{background:var(--bg-card);border:2px solid var(--border-color);border-radius:14px;padding:14px 16px;display:flex;gap:12px}.comment-user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--border-color)}.comment-body{flex:1;display:flex;flex-direction:column;gap:4px}.comment-header-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.comment-username{font-size:13px;font-weight:800;color:var(--text-main)}.comment-badge-pill{font-size:9px;font-weight:800;background:var(--primary-bg-subtle);color:var(--primary);padding:2px 6px;border-radius:4px}.comment-timestamp{font-size:11px;color:var(--text-muted)}.comment-text-content{font-size:13px;color:var(--text-main);line-height:1.5}.comment-action-row{display:flex;align-items:center;gap:12px;margin-top:4px}.comment-like-btn{background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-family:var(--font-primary);font-size:12px;font-weight:700;color:var(--nav-text);padding:0;transition:color .15s ease}.comment-like-btn.active{color:var(--red)}.reader-width-switcher{display:flex;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:8px;padding:2px;gap:2px}.reader-mode-btn{background:none;border:none;font-family:var(--font-primary);font-size:10px;font-weight:800;color:var(--nav-text);padding:3px 8px;border-radius:6px;cursor:pointer;transition:all .15s ease}.reader-mode-btn.active{background:var(--primary);color:#fff}.reader-drawer-toggle-btn{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:8px;padding:4px 10px;display:inline-flex;align-items:center;gap:4px;font-family:var(--font-primary);font-size:12px;font-weight:800;color:var(--text-main);cursor:pointer;transition:border-color .15s ease}.reader-drawer-toggle-btn:hover{border-color:var(--primary);color:var(--primary)}.reader-canvas.width-mobile{max-width:540px}.reader-canvas.width-standard{max-width:760px}.reader-canvas.width-wide{max-width:960px}.navbar-search-wrapper{position:relative;width:280px}.search-dropdown-popover{position:absolute;top:calc(100% + 8px);left:0;width:380px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;box-shadow:0 12px 32px #0000001f;z-index:1000;overflow:hidden;animation:popoverFadeIn .15s ease}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.search-popover-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg-secondary);font-size:11px;font-weight:800;color:var(--text-muted);letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.search-results-list{display:flex;flex-direction:column;max-height:320px;overflow-y:auto}.search-result-row{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background .15s ease}.search-result-row:hover{background:var(--primary-bg-subtle)}.search-result-thumb{width:36px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0}.search-result-meta{flex:1;display:flex;flex-direction:column;gap:2px;overflow:hidden}.search-result-title{font-size:13px;font-weight:800;color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-result-sub{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.search-result-genre{font-weight:700;color:var(--primary)}.search-popover-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--bg-secondary);font-size:12px;font-weight:800;color:var(--primary);cursor:pointer;transition:background .15s ease}.search-popover-footer:hover{background:var(--primary-bg-subtle)}.search-popover-empty{padding:24px 16px;text-align:center;font-size:13px;color:var(--text-muted)}.search-popover-trending{padding:12px 14px}.search-trending-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.search-tag-chip{background:var(--bg-secondary);border:1.5px solid var(--border-color);color:var(--text-main);font-family:var(--font-primary);font-size:11px;font-weight:800;padding:5px 10px;border-radius:8px;cursor:pointer;transition:all .15s ease}.search-tag-chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg-subtle)}.mobile-search-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-card);z-index:2000;display:flex;flex-direction:column}.mobile-search-top-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:2px solid var(--border-color);background:var(--bg-card)}.mobile-search-back-btn{background:none;border:none;color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px}.mobile-search-input-box{flex:1;display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:0 12px;height:44px}.mobile-search-input-field{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-primary);font-size:14px;font-weight:600;color:var(--text-main)}.mobile-search-modal-body{flex:1;overflow-y:auto;padding:16px}.mobile-search-section-title{font-size:11px;font-weight:800;color:var(--text-muted);letter-spacing:.5px}.mobile-search-results-list{display:flex;flex-direction:column;gap:10px}.mobile-search-result-card{display:flex;align-items:center;gap:12px;padding:10px;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:12px;cursor:pointer}.mobile-search-cover{width:48px;height:64px;border-radius:8px;object-fit:cover;flex-shrink:0}.mobile-search-info{flex:1;display:flex;flex-direction:column;gap:2px}.mobile-search-title{font-size:14px;font-weight:800;color:var(--text-main)}.mobile-search-author{font-size:12px;color:var(--text-muted)}.mobile-search-meta{display:flex;align-items:center;gap:6px;margin-top:2px}.mobile-search-empty{padding:40px 16px;text-align:center}.footer{margin-top:auto;background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:48px 32px 32px}@media(max-width:768px){.footer{padding:32px 16px 88px}}.footer-inner{max-width:1440px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:24px}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap}.footer-brand-col{flex:1 1 280px;max-width:420px}.footer-brand-col .brand-logo-wrap{margin-bottom:12px}.footer-tagline{font-size:14px;color:var(--text-muted);line-height:1.65;font-weight:600}.footer-nav-col{flex:0 1 auto;min-width:160px}.footer-nav-title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px;color:var(--text-muted)}.footer-nav-list{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-nav-link{display:inline-flex;align-items:center;font-size:14px;font-weight:700;color:var(--text-main);text-decoration:none;transition:color .15s ease,transform .1s ease}.footer-nav-link:hover{color:var(--primary)}.footer-nav-link:active{transform:scale(.98)}.footer-divider{width:100%;height:1px;background:var(--border-color)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.footer-brand{font-size:13px;font-weight:600;color:var(--text-muted);line-height:1.5}.footer-highlight{font-weight:800;color:var(--text-main)}body.dark-mode-active .footer{background:var(--bg-secondary)}body.dark-mode-active .footer-highlight{color:var(--text-main)}.promo-modal-overlay{z-index:1000000;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) 16px max(16px,env(safe-area-inset-bottom,0px));animation:none}.promo-modal{position:relative;width:min(720px,calc(100vw - 32px));max-width:min(720px,calc(100vw - 32px));max-height:min(90dvh,calc(100dvh - 32px));margin-inline:auto;flex-shrink:0;padding:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.store-modal-card.promo-modal{width:min(720px,calc(100vw - 32px));max-width:min(720px,calc(100vw - 32px));max-height:min(90dvh,calc(100dvh - 32px));overflow-y:auto;animation:none}.promo-modal-close{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;border-radius:999px;background:#ffffffeb;border:1px solid var(--border-color)}.dark-mode-active .promo-modal-close{background:#141414e0}.promo-modal-grid{display:grid;min-width:0}@media(min-width:640px){.promo-modal-grid{grid-template-columns:minmax(180px,.9fr) minmax(0,1.1fr)}}.promo-modal-visual{position:relative;height:132px;overflow:hidden;background:var(--bg-secondary);flex-shrink:0}@media(min-width:640px){.promo-modal-visual{height:auto;min-height:100%}}.promo-modal-cover{display:block;width:100%;height:100%;min-height:0;object-fit:cover}@media(min-width:640px){.promo-modal-cover{min-height:320px}}.promo-modal-copy{min-width:0;padding:18px 16px 16px;display:flex;flex-direction:column;gap:10px}@media(min-width:640px){.promo-modal-copy{padding:28px 24px 24px 20px;gap:12px}}.promo-modal-kicker{font-size:12px;font-weight:800;color:var(--primary)}.promo-modal-title{padding-right:36px;font-family:var(--font-display);font-size:clamp(1.2rem,4.5vw,1.75rem);line-height:1.15;letter-spacing:-.02em;color:var(--text-main)}.promo-modal-text{font-size:14px;line-height:1.55;font-weight:600;color:var(--text-muted)}.promo-modal-points{display:flex;flex-direction:column;gap:6px;margin:4px 0 0;padding:0;list-style:none}.promo-modal-points li{position:relative;padding-left:16px;font-size:13px;font-weight:700;color:var(--text-main)}.promo-modal-points li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--primary)}.promo-modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:6px;width:100%}.promo-modal-cta,.promo-modal-secondary{width:100%;min-height:44px;height:auto;padding:12px 16px;white-space:normal;text-align:center;font-size:14px}@media(min-width:640px){.promo-modal-cta,.promo-modal-secondary{height:48px;padding-inline:16px;font-size:15px}}@media(prefers-reduced-motion:reduce){.promo-modal-overlay,.promo-modal{animation:none}}.promo-modal-dismiss{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.promo-modal-dismiss input{width:15px;height:15px;accent-color:var(--primary)}