:root{--color-primary:#1CD800;--color-primary-dark:#17B300;--color-primary-light:#4AE633;--color-surface:#FBF9F9;--color-surface-alt:#F0EEEE;--color-surface-dark:#1B1C1C;--color-surface-dark-alt:#2A2B2B;--color-text:#1B1C1C;--color-text-secondary:#6B6D6D;--color-text-inverse:#FBF9F9;--color-border:#E0DEDE;--color-overlay:rgba(0,0,0,0.6);--color-error:#E53935;--color-warning:#FFA726;--color-success:#1CD800;--radius:8px;--radius-sm:4px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.1);--shadow-lg:0 8px 30px rgba(0,0,0,0.15);--font-sans:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;--font-serif:'Be Vietnam Pro',sans-serif;--container-max:1280px;--container-padding:16px;--topbar-height:60px;--bottomnav-height:64px;--transition:0.2s ease}.dark-mode{--color-surface:#1B1C1C;--color-surface-alt:#2A2B2B;--color-text:#FBF9F9;--color-text-secondary:#A0A2A2;--color-text-inverse:#1B1C1C;--color-border:#3A3B3B;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 30px rgba(0,0,0,0.5)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--color-surface);color:var(--color-text);line-height:1.6;min-height:100vh;transition:background var(--transition),color var(--transition)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer;font:inherit;color:inherit}ul,ol{list-style:none}.section__container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{padding:48px 0}.section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section__title{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:8px}.section__title-icon{color:var(--color-primary);font-size:1.5rem}.section__link{display:flex;align-items:center;gap:4px;font-size:0.875rem;font-weight:600;color:var(--color-primary);transition:opacity var(--transition)}.section__link:hover{opacity:0.8}.section__link .material-symbols-outlined{font-size:1.125rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border-radius:var(--radius);font-weight:600;font-size:0.9375rem;transition:all var(--transition);white-space:nowrap;cursor:pointer}.btn .material-symbols-outlined{font-size:1.25rem}.btn--primary{background:var(--color-primary);color:#000}.btn--primary:hover{background:var(--color-primary-dark)}.btn--outline{background:transparent;border:2px solid var(--color-border);color:var(--color-text)}.btn--outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn--lg{padding:14px 32px;font-size:1rem}.btn--block{width:100%}.top-app-bar{position:fixed;top:0;left:0;right:0;height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:1000;transition:transform 0.3s ease,background 0.3s ease,box-shadow 0.3s ease}.top-app-bar.is-scrolled{box-shadow:var(--shadow-md)}.top-app-bar.is-hidden{transform:translateY(-100%)}.top-app-bar__container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);display:flex;align-items:center;height:100%;gap:24px}.top-app-bar__logo{display:flex;align-items:center;gap:8px;flex-shrink:0}.top-app-bar__logo-icon{color:var(--color-primary);font-size:1.75rem}.top-app-bar__logo-text{font-family:var(--font-serif);font-weight:800;font-size:1.25rem}.top-app-bar__logo .custom-logo{max-height:36px;width:auto}.top-app-bar__nav{display:none;align-items:center;gap:4px;margin-left:auto}@media (min-width:768px){.top-app-bar__nav{display:flex}}.top-app-bar__nav-link{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:0.875rem;font-weight:600;color:var(--color-text-secondary);transition:all var(--transition)}.top-app-bar__nav-link:hover,.top-app-bar__nav-link.is-active{color:var(--color-primary);background:rgba(28,216,0,0.08)}.top-app-bar__nav-link .material-symbols-outlined{font-size:1.25rem}.top-app-bar__actions{display:flex;align-items:center;gap:8px;margin-left:auto}@media (min-width:768px){.top-app-bar__actions{margin-left:0}}.top-app-bar__search-toggle,.top-app-bar__theme-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:background var(--transition)}.top-app-bar__search-toggle:hover,.top-app-bar__theme-toggle:hover{background:var(--color-surface-alt)}.search-overlay{position:absolute;top:0;left:0;right:0;height:var(--topbar-height);background:var(--color-surface);display:flex;align-items:center;opacity:0;pointer-events:none;transition:opacity var(--transition);z-index:10}.search-overlay.is-open{opacity:1;pointer-events:all}.search-overlay__form{display:flex;align-items:center;gap:12px;width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.search-overlay__icon{color:var(--color-text-secondary)}.search-overlay__input{flex:1;border:none;background:none;font-size:1.125rem;font-family:var(--font-sans);color:var(--color-text);outline:none}.search-overlay__input::placeholder{color:var(--color-text-secondary)}.search-overlay__close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.site-main{padding-bottom:var(--bottomnav-height);min-height:100vh}@media (min-width:768px){.site-main{padding-bottom:0}}.hero-carousel{position:relative;overflow:hidden;background:var(--color-surface-dark)}.hero-carousel__track{position:relative;height:500px}@media (min-width:768px){.hero-carousel__track{height:560px}}@media (min-width:1024px){.hero-carousel__track{height:620px}}.hero-carousel__slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 0.8s ease}.hero-carousel__slide.is-active{opacity:1;z-index:1}.hero-carousel__slide--empty{background:linear-gradient(135deg,var(--color-surface-dark),#0a2e00)}.hero-carousel__overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.1) 100%)}.hero-carousel__content{position:relative;z-index:2;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff}.hero-carousel__badge{display:inline-block;background:var(--color-primary);color:#000;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;padding:4px 12px;border-radius:var(--radius-full);margin-bottom:16px;width:fit-content}.hero-carousel__title{font-family:var(--font-serif);font-size:2.5rem;font-weight:800;line-height:1.15;margin-bottom:12px;max-width:600px}@media (min-width:768px){.hero-carousel__title{font-size:3.5rem}}.hero-carousel__excerpt{font-size:1rem;color:rgba(255,255,255,0.8);max-width:500px;margin-bottom:16px;line-height:1.6}.hero-carousel__genres{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.hero-carousel__genre-tag{padding:4px 12px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,0.3);font-size:0.8125rem;color:rgba(255,255,255,0.9)}.hero-carousel__actions{display:flex;gap:12px;flex-wrap:wrap}.hero-carousel__controls{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:16px}.hero-carousel__btn{width:40px;height:40px;border-radius:var(--radius-full);background:rgba(255,255,255,0.15);color:#fff;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);transition:background var(--transition)}.hero-carousel__btn:hover{background:rgba(255,255,255,0.3)}.hero-carousel__dots{display:flex;gap:8px}.hero-carousel__dot{width:10px;height:10px;border-radius:var(--radius-full);background:rgba(255,255,255,0.3);transition:all var(--transition)}.hero-carousel__dot.is-active{background:var(--color-primary);width:24px}.trending-grid{display:grid;gap:12px}@media (min-width:640px){.trending-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.trending-grid{grid-template-columns:repeat(2,1fr)}}.trending-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius);background:var(--color-surface-alt);transition:all var(--transition)}.trending-item:hover{background:var(--color-surface);box-shadow:var(--shadow-md);transform:translateY(-2px)}.trending-item__rank{font-family:var(--font-serif);font-size:1.5rem;font-weight:800;color:var(--color-primary);min-width:32px;text-align:center}.trending-item__cover{width:48px;height:64px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.trending-item__image{width:100%;height:100%;object-fit:cover}.trending-item__placeholder{width:100%;height:100%;background:var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.trending-item__info{flex:1;min-width:0}.trending-item__title{font-size:0.9375rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.trending-item__genre{font-size:0.75rem;color:var(--color-text-secondary)}.trending-item__views{display:flex;align-items:center;gap:4px;font-size:0.75rem;color:var(--color-text-secondary)}.trending-item__views .material-symbols-outlined{font-size:0.875rem}.series-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width:640px){.series-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.series-grid{grid-template-columns:repeat(4,1fr);gap:20px}}@media (min-width:1024px){.series-grid{grid-template-columns:repeat(5,1fr)}}.series-grid__empty{grid-column:1 / -1;text-align:center;padding:80px 20px;color:var(--color-text-secondary)}.series-grid__empty-icon{font-size:4rem;margin-bottom:16px;display:block}.series-grid__empty h3{font-size:1.25rem;margin-bottom:8px;color:var(--color-text)}.series-card{border-radius:var(--radius);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition)}.series-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.series-card__link{display:block}.series-card__cover{position:relative;aspect-ratio:5/7;overflow:hidden;border-radius:var(--radius);background:var(--color-surface-alt)}.series-card__image{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.series-card:hover .series-card__image{transform:scale(1.05)}.series-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:2rem}.series-card__badge{position:absolute;top:8px;left:8px;padding:2px 10px;border-radius:var(--radius-full);font-size:0.6875rem;font-weight:700;text-transform:uppercase}.series-card__badge--ongoing{background:var(--color-primary);color:#000}.series-card__badge--completed{background:#2196F3;color:#fff}.series-card__badge--hiatus{background:var(--color-warning);color:#000}.series-card__info{padding:10px 4px}.series-card__title{font-size:0.875rem;font-weight:600;line-height:1.3;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.series-card__genres{display:flex;gap:4px;margin-bottom:6px}.series-card__genre{font-size:0.6875rem;color:var(--color-text-secondary);background:var(--color-surface-alt);padding:2px 8px;border-radius:var(--radius-full)}.series-card__meta{display:flex;gap:10px;flex-wrap:wrap}.series-card__stat{display:flex;align-items:center;gap:3px;font-size:0.75rem;color:var(--color-text-secondary)}.series-card__stat .material-symbols-outlined{font-size:0.875rem}.browse-page__header{padding:32px 0 16px}.browse-page__title{font-family:var(--font-serif);font-size:1.75rem;font-weight:800}.browse-page__count{font-size:0.875rem;color:var(--color-text-secondary);margin-top:4px}.genre-filter-bar{border-bottom:1px solid var(--color-border);margin-bottom:16px}.genre-filter-bar__scroll{display:flex;gap:8px;overflow-x:auto;padding:12px 0;scrollbar-width:none;-ms-overflow-style:none}.genre-filter-bar__scroll::-webkit-scrollbar{display:none}.genre-filter-bar__tag{padding:6px 16px;border-radius:var(--radius-full);font-size:0.875rem;font-weight:500;white-space:nowrap;background:var(--color-surface-alt);color:var(--color-text-secondary);transition:all var(--transition);flex-shrink:0}.genre-filter-bar__tag:hover{color:var(--color-text)}.genre-filter-bar__tag.is-active{background:var(--color-primary);color:#000;font-weight:600}.sorting-header{margin-bottom:24px}.sorting-header__options{display:flex;gap:8px}.sorting-header__btn{display:flex;align-items:center;gap:4px;padding:8px 16px;border-radius:var(--radius);font-size:0.875rem;font-weight:500;color:var(--color-text-secondary);transition:all var(--transition)}.sorting-header__btn .material-symbols-outlined{font-size:1.125rem}.sorting-header__btn:hover{color:var(--color-text);background:var(--color-surface-alt)}.sorting-header__btn.is-active{color:var(--color-primary);background:rgba(28,216,0,0.08);font-weight:600}.load-more-wrapper{text-align:center;padding:40px 0}.series-hero{position:relative;background-size:cover;background-position:center;min-height:400px;display:flex;align-items:flex-end}@media (min-width:768px){.series-hero{min-height:480px}}.series-hero__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.3) 100%)}.series-hero__content{position:relative;z-index:2;width:100%;max-width:var(--container-max);margin:0 auto;padding:40px var(--container-padding);color:#fff}.series-hero__grid{display:flex;flex-direction:column;gap:20px}@media (min-width:768px){.series-hero__grid{flex-direction:row;align-items:flex-end;gap:32px}}.series-hero__cover{flex-shrink:0}.series-hero__cover-image{width:140px;height:auto;border-radius:var(--radius);box-shadow:var(--shadow-lg)}@media (min-width:768px){.series-hero__cover-image{width:180px}}.series-hero__info{flex:1}.series-hero__status{display:inline-block;padding:3px 12px;border-radius:var(--radius-full);font-size:0.75rem;font-weight:700;text-transform:uppercase;margin-bottom:8px}.series-hero__status--ongoing{background:var(--color-primary);color:#000}.series-hero__status--completed{background:#2196F3;color:#fff}.series-hero__status--hiatus{background:var(--color-warning);color:#000}.series-hero__canvas-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(28,216,0,0.2);border:1px solid var(--color-primary);color:var(--color-primary);padding:4px 14px;border-radius:var(--radius-full);font-size:0.8125rem;font-weight:600;margin-bottom:8px}.series-hero__canvas-badge .material-symbols-outlined{font-size:1rem}.series-hero__title{font-family:var(--font-serif);font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:8px}@media (min-width:768px){.series-hero__title{font-size:2.5rem}}.series-hero__creator{display:flex;align-items:center;gap:6px;font-size:0.9375rem;color:rgba(255,255,255,0.7);margin-bottom:12px}.series-hero__creator .material-symbols-outlined{font-size:1.125rem}.series-hero__genres{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.series-hero__genre-tag{padding:4px 12px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,0.3);font-size:0.8125rem;color:rgba(255,255,255,0.85);transition:all var(--transition)}.series-hero__genre-tag:hover{border-color:var(--color-primary);color:var(--color-primary)}.series-hero__excerpt{font-size:0.9375rem;color:rgba(255,255,255,0.7);line-height:1.6}.stats-row{border-bottom:1px solid var(--color-border);padding:20px 0}.stats-row__grid{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.stats-row__item{display:flex;align-items:center;gap:10px}.stats-row__item .material-symbols-outlined{font-size:1.5rem;color:var(--color-primary)}.stats-row__data{display:flex;flex-direction:column}.stats-row__value{font-size:1.125rem;font-weight:700}.stats-row__label{font-size:0.75rem;color:var(--color-text-secondary)}.action-buttons{padding:20px 0}.action-buttons__row{display:flex;gap:12px;max-width:500px}@media (max-width:640px){.action-buttons__row{flex-direction:column}}.series-content{padding:32px 0 60px}.series-content__layout{display:grid;gap:40px}@media (min-width:1024px){.series-content__layout{grid-template-columns:1fr 320px}}.series-content__main{min-width:0}.series-synopsis{margin-bottom:40px}.series-synopsis__title{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;margin-bottom:12px}.series-synopsis__text{font-size:0.9375rem;line-height:1.7;color:var(--color-text-secondary)}.series-synopsis__text p{margin-bottom:12px}.episode-list__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.episode-list__title{font-family:var(--font-serif);font-size:1.25rem;font-weight:700}.episode-list__sort{width:36px;height:36px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;background:var(--color-surface-alt);transition:background var(--transition)}.episode-list__sort:hover{background:var(--color-border)}.episode-list__empty{text-align:center;padding:60px 20px;color:var(--color-text-secondary)}.episode-list__empty .material-symbols-outlined{font-size:3rem;margin-bottom:12px;display:block}.episode-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius);transition:background var(--transition);border-bottom:1px solid var(--color-border)}.episode-row:last-child{border-bottom:none}.episode-row:hover{background:var(--color-surface-alt)}.episode-row__thumb{width:56px;height:56px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.episode-row__image{width:100%;height:100%;object-fit:cover}.episode-row__placeholder{width:100%;height:100%;background:var(--color-surface-alt);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.episode-row__info{flex:1;min-width:0}.episode-row__number{display:block;font-size:0.875rem;font-weight:600}.episode-row__title{display:block;font-size:0.8125rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.episode-row__meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.episode-row__date{font-size:0.75rem;color:var(--color-text-secondary)}.episode-row__free-badge{font-size:0.6875rem;font-weight:700;color:var(--color-primary);background:rgba(28,216,0,0.1);padding:2px 8px;border-radius:var(--radius-sm)}.episode-row__lock{font-size:1rem;color:var(--color-text-secondary)}.series-sidebar{display:flex;flex-direction:column;gap:24px}.creator-card,.share-card,.support-creator{background:var(--color-surface-alt);border-radius:var(--radius-lg);padding:24px}.creator-card__title,.share-card__title,.support-creator__title{font-size:1rem;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px}.support-creator__title .material-symbols-outlined{color:var(--color-primary)}.creator-card__profile{display:flex;align-items:center;gap:12px;margin-bottom:16px}.creator-card__avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.creator-card__name{font-weight:600}.creator-card__note{padding:12px;background:var(--color-surface);border-radius:var(--radius);margin-top:12px}.creator-card__note h4{font-size:0.8125rem;font-weight:600;margin-bottom:6px;color:var(--color-text-secondary)}.creator-card__note p{font-size:0.875rem;line-height:1.6}.creator-card__social{margin-top:12px}.creator-card__social-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);background:var(--color-primary);color:#000;font-size:0.875rem;font-weight:600;transition:background var(--transition)}.creator-card__social-btn:hover{background:var(--color-primary-dark)}.share-card__buttons{display:flex;gap:8px}.share-card__btn{width:44px;height:44px;border-radius:var(--radius);background:var(--color-surface);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.share-card__btn:hover{background:var(--color-primary);color:#000}.support-creator__text{font-size:0.875rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:16px}.support-creator__btn{margin-bottom:12px}.support-creator__stats{font-size:0.8125rem;color:var(--color-text-secondary);text-align:center}.canvas-banner{background:linear-gradient(90deg,rgba(28,216,0,0.1),rgba(28,216,0,0.05));border-bottom:1px solid rgba(28,216,0,0.2);padding:10px 0}.canvas-banner__inner{display:flex;align-items:center;gap:8px;font-size:0.875rem;font-weight:600;color:var(--color-primary)}.canvas-banner__inner .material-symbols-outlined{font-size:1.125rem}.creator-note-widget{background:linear-gradient(135deg,rgba(28,216,0,0.05),rgba(28,216,0,0.02));border:1px solid rgba(28,216,0,0.15);border-radius:var(--radius-lg);padding:24px;margin-bottom:32px}.creator-note-widget__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.creator-note-widget__header .material-symbols-outlined{color:var(--color-primary)}.creator-note-widget__header h3{font-size:1rem;font-weight:700}.creator-note-widget__body p{font-size:0.9375rem;line-height:1.7;color:var(--color-text-secondary)}.reader-mode{background:var(--color-surface-dark);color:#fff;padding-top:0}.reader-mode .site-main{padding-top:0;padding-bottom:0}.reader-bg-dark{background:#0a0a0a}.reader-bg-light{background:#fff;color:#000}.reader-bg-sepia{background:#f4ecd8;color:#3d3024}.reader-nav{position:fixed;left:0;right:0;z-index:100;background:rgba(0,0,0,0.9);backdrop-filter:blur(12px);transition:transform 0.3s ease}.reader-nav--top{top:0;height:52px}.reader-nav--bottom{bottom:0;height:52px}.reader-nav.is-hidden{transform:translateY(-100%)}.reader-nav--bottom.is-hidden{transform:translateY(100%)}.reader-nav__container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);height:100%;display:flex;align-items:center;gap:12px}.reader-nav__back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:#fff;transition:background var(--transition)}.reader-nav__back:hover{background:rgba(255,255,255,0.1)}.reader-nav__info{flex:1;min-width:0;text-align:center}.reader-nav__series{display:block;font-size:0.8125rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-nav__chapter{display:block;font-size:0.6875rem;color:rgba(255,255,255,0.6)}.reader-nav__settings{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:#fff}.reader-nav__btn{display:flex;align-items:center;gap:4px;padding:8px 16px;border-radius:var(--radius);font-size:0.875rem;font-weight:600;color:#fff;transition:background var(--transition)}.reader-nav__btn:hover{background:rgba(255,255,255,0.1)}.reader-nav__btn--disabled{opacity:0.3;pointer-events:none}.reader-nav__btn--list{margin:0 auto}.vertical-canvas{min-height:100vh;padding:52px 0;display:flex;flex-direction:column;align-items:center;scroll-snap-type:y proximity;transition:max-width 0.3s ease}.vertical-canvas__panel{width:100%;max-width:800px;scroll-snap-align:start}.vertical-canvas__image{width:100%;height:auto;display:block}.vertical-canvas__content{max-width:800px;width:100%;padding:20px var(--container-padding);line-height:1.8}.vertical-canvas__content img{width:100%;height:auto}.engagement-footer{padding:24px 0;border-top:1px solid rgba(255,255,255,0.1)}.engagement-footer__container{max-width:800px;margin:0 auto;padding:0 var(--container-padding)}.engagement-footer__actions{display:flex;justify-content:center;gap:24px}.engagement-footer__btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--radius);font-size:0.875rem;color:rgba(255,255,255,0.7);transition:all var(--transition)}.engagement-footer__btn:hover{color:#fff;background:rgba(255,255,255,0.1)}.reader-comments{padding:40px 0;background:var(--color-surface-dark-alt)}.reader-comments__title{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;margin-bottom:20px;color:#fff}.reader-progress{position:fixed;top:52px;left:0;height:3px;background:var(--color-primary);z-index:101;transition:width 0.1s linear;width:0}.reader-settings-panel{position:fixed;inset:0;z-index:200;opacity:0;pointer-events:none;transition:opacity var(--transition)}.reader-settings-panel.is-open{opacity:1;pointer-events:all}.reader-settings-panel__backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.5)}.reader-settings-panel__body{position:absolute;bottom:0;left:0;right:0;background:var(--color-surface-dark-alt);padding:24px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:500px;margin:0 auto}.reader-settings-panel__body h3{font-size:1.125rem;font-weight:700;margin-bottom:20px;color:#fff}.reader-settings-panel__option{margin-bottom:20px}.reader-settings-panel__option label{display:block;font-size:0.875rem;color:rgba(255,255,255,0.7);margin-bottom:8px}.reader-settings-panel__slider{width:100%;accent-color:var(--color-primary)}.reader-settings-panel__bg-options{display:flex;gap:8px}.reader-settings-panel__bg-btn{flex:1;padding:10px;border-radius:var(--radius);font-size:0.875rem;font-weight:600;background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.7);text-align:center;transition:all var(--transition)}.reader-settings-panel__bg-btn.is-active{background:var(--color-primary);color:#000}.continue-scroll{display:flex;gap:12px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.continue-scroll::-webkit-scrollbar{display:none}.continue-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius);background:var(--color-surface-alt);flex-shrink:0;min-width:240px;transition:all var(--transition)}.continue-item:hover{background:var(--color-border)}.continue-item__info{flex:1}.continue-item__series{display:block;font-size:0.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.continue-item__chapter{display:block;font-size:0.75rem;color:var(--color-text-secondary)}.site-footer{background:var(--color-surface-dark);color:var(--color-text-inverse);padding:48px 0 24px}.site-footer__container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.site-footer__grid{display:grid;gap:40px;margin-bottom:40px}@media (min-width:768px){.site-footer__grid{grid-template-columns:1fr 2fr}}.site-footer__logo{display:flex;align-items:center;gap:8px;font-family:var(--font-serif);font-size:1.25rem;font-weight:800;margin-bottom:12px}.site-footer__logo .material-symbols-outlined{color:var(--color-primary);font-size:1.5rem}.site-footer__desc{font-size:0.875rem;color:rgba(251,249,249,0.6);line-height:1.6;max-width:300px}.site-footer__widgets{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.footer-widget__title{font-size:0.875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:16px;color:rgba(251,249,249,0.9)}.footer-widget a{display:block;font-size:0.875rem;color:rgba(251,249,249,0.6);padding:4px 0;transition:color var(--transition)}.footer-widget a:hover{color:var(--color-primary)}.site-footer__bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:24px;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}@media (min-width:768px){.site-footer__bottom{flex-direction:row;justify-content:space-between}}.site-footer__bottom p{font-size:0.8125rem;color:rgba(251,249,249,0.4)}.site-footer__links{display:flex;gap:20px}.site-footer__links a{font-size:0.8125rem;color:rgba(251,249,249,0.4);transition:color var(--transition)}.site-footer__links a:hover{color:var(--color-primary)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottomnav-height);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-around;z-index:1000}@media (min-width:768px){.bottom-nav{display:none}}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;color:var(--color-text-secondary);transition:color var(--transition);font-size:0.75rem}.bottom-nav__item .material-symbols-outlined{font-size:1.5rem}.bottom-nav__item.is-active{color:var(--color-primary)}.bottom-nav__label{font-size:0.625rem;font-weight:600}.reader-mode .bottom-nav{display:none}.error-page{display:flex;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:40px var(--container-padding)}.error-page__icon{font-size:5rem;color:var(--color-primary);margin-bottom:16px;display:block}.error-page__title{font-family:var(--font-serif);font-size:5rem;font-weight:800;line-height:1;margin-bottom:12px}.error-page__text{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:32px}.error-page__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.search-form{display:flex;align-items:center;gap:12px;background:var(--color-surface-alt);border-radius:var(--radius);padding:8px 16px}.search-form__icon{color:var(--color-text-secondary)}.search-form__input{flex:1;border:none;background:none;font-size:0.9375rem;font-family:var(--font-sans);color:var(--color-text);outline:none}.search-form__input::placeholder{color:var(--color-text-secondary)}.search-form__submit{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary);color:#000;display:flex;align-items:center;justify-content:center}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.is-subscribed{background:var(--color-primary) !important;color:#000 !important;border-color:var(--color-primary) !important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@media print{.top-app-bar,.bottom-nav,.reader-nav,.reader-progress{display:none !important}.site-main{padding:0}}.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hero-gradient{background:linear-gradient(0deg,rgba(251,249,249,1) 0%,rgba(251,249,249,0) 50%)}.glass-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.home{min-height:max(884px,100dvh)}.home a{text-decoration:none}.home ul{list-style:none;margin:0;padding:0}.home img{max-width:100%;height:auto}.home button{border:none;background:none;cursor:pointer;font:inherit;color:inherit}.page-content{padding:40px 0 60px}.page-content__header{margin-bottom:32px}.page-content__title{font-family:var(--font-serif);font-size:2rem;font-weight:800;line-height:1.2}@media (min-width:768px){.page-content__title{font-size:2.5rem}}.page-content__body{font-size:1rem;line-height:1.8;color:var(--color-text);max-width:800px}.page-content__body p{margin-bottom:1.25em}.page-content__body h2{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;margin-top:2em;margin-bottom:0.75em}.page-content__body h3{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;margin-top:1.5em;margin-bottom:0.5em}.page-content__body a{color:var(--color-primary-dark);text-decoration:underline;text-underline-offset:2px}.page-content__body a:hover{color:var(--color-primary)}.page-content__body img{border-radius:var(--radius);margin:1.5em 0}.page-content__body ul,.page-content__body ol{padding-left:1.5em;margin-bottom:1.25em}.page-content__body ul{list-style:disc}.page-content__body ol{list-style:decimal}.page-content__body li{margin-bottom:0.5em}.article-page{padding-bottom:60px}.article-page__breadcrumbs{display:flex;align-items:center;gap:6px;padding:24px 0 16px;font-size:0.8125rem;color:var(--color-text-secondary);flex-wrap:wrap}.article-page__breadcrumbs a{color:var(--color-text-secondary);transition:color var(--transition)}.article-page__breadcrumbs a:hover{color:var(--color-primary)}.article-page__breadcrumbs .material-symbols-outlined{font-size:1rem;color:var(--color-border)}.article-page__breadcrumbs-current{color:var(--color-text);font-weight:500;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.article-page__header{padding-bottom:32px;border-bottom:1px solid var(--color-border);margin-bottom:32px}.article-page__categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.article-page__category-tag{display:inline-block;padding:4px 14px;border-radius:var(--radius-full);background:var(--color-primary);color:#000;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.03em;transition:background var(--transition)}.article-page__category-tag:hover{background:var(--color-primary-dark)}.article-page__title{font-family:var(--font-serif);font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:16px}@media (min-width:768px){.article-page__title{font-size:2.5rem}}@media (min-width:1024px){.article-page__title{font-size:2.75rem}}.article-page__meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:0.875rem;color:var(--color-text-secondary)}.article-page__meta-item{display:inline-flex;align-items:center;gap:4px}.article-page__meta-item .material-symbols-outlined{font-size:1rem}.article-page__meta-divider{color:var(--color-border)}.article-page__featured-image{margin-top:24px;border-radius:var(--radius-lg);overflow:hidden}.article-page__featured-img{width:100%;height:auto;display:block;aspect-ratio:2/1;object-fit:cover}.article-page__layout{display:grid;gap:40px}@media (min-width:1024px){.article-page__layout{grid-template-columns:1fr 300px}}.article-page__content{min-width:0;font-size:1rem;line-height:1.8;color:var(--color-text)}.article-page__content>*:first-child{margin-top:0}.article-page__content h2{font-family:var(--font-serif);font-size:1.625rem;font-weight:700;line-height:1.3;margin-top:2.5em;margin-bottom:0.75em;color:var(--color-text);scroll-margin-top:calc(var(--topbar-height)+24px)}.article-page__content h3{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;line-height:1.4;margin-top:2em;margin-bottom:0.5em;color:var(--color-text);scroll-margin-top:calc(var(--topbar-height)+24px)}.article-page__content h4{font-family:var(--font-serif);font-size:1.0625rem;font-weight:600;margin-top:1.5em;margin-bottom:0.5em}.article-page__content p{margin-bottom:1.5em}.article-page__content a{color:var(--color-primary-dark);text-decoration:underline;text-decoration-color:rgba(28,216,0,0.4);text-underline-offset:3px;transition:color var(--transition),text-decoration-color var(--transition)}.article-page__content a:hover{color:var(--color-primary);text-decoration-color:var(--color-primary)}.article-page__content strong{font-weight:700}.article-page__content em{font-style:italic}.article-page__content ul,.article-page__content ol{padding-left:1.75em;margin-bottom:1.5em}.article-page__content ul{list-style:disc}.article-page__content ol{list-style:decimal}.article-page__content li{margin-bottom:0.5em;line-height:1.7}.article-page__content li::marker{color:var(--color-primary)}.article-page__content blockquote{margin:2em 0;padding:20px 24px;border-left:4px solid var(--color-primary);background:var(--color-surface-alt);border-radius:0 var(--radius) var(--radius) 0;font-size:1.0625rem;line-height:1.7;color:var(--color-text)}.article-page__content blockquote p:last-child{margin-bottom:0}.article-page__content blockquote cite{display:block;margin-top:8px;font-size:0.875rem;color:var(--color-text-secondary);font-style:normal}.article-page__content img{border-radius:var(--radius);margin:1.5em 0;height:auto}.article-page__content figure{margin:2em 0}.article-page__content figcaption{text-align:center;font-size:0.8125rem;color:var(--color-text-secondary);margin-top:8px}.article-page__content table{width:100%;border-collapse:collapse;margin:2em 0;font-size:0.9375rem;border-radius:var(--radius);overflow:hidden;border:1px solid var(--color-border)}.article-page__content thead{background:var(--color-surface-alt)}.article-page__content th{padding:12px 16px;text-align:left;font-weight:600;font-size:0.8125rem;text-transform:uppercase;letter-spacing:0.03em;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border)}.article-page__content td{padding:12px 16px;border-bottom:1px solid var(--color-border);vertical-align:top}.article-page__content tr:last-child td{border-bottom:none}.article-page__content tbody tr:hover{background:var(--color-surface-alt)}.article-page__content hr{border:none;height:1px;background:var(--color-border);margin:2.5em 0}.article-page__content code{background:var(--color-surface-alt);padding:2px 6px;border-radius:var(--radius-sm);font-size:0.875em}.article-page__content pre{background:var(--color-surface-dark);color:var(--color-text-inverse);padding:20px 24px;border-radius:var(--radius);overflow-x:auto;margin:2em 0;font-size:0.875rem;line-height:1.6}.article-page__content pre code{background:none;padding:0;color:inherit}.review-box{margin:2.5em 0;padding:24px;background:var(--color-surface-alt);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.review-box__title{display:flex;align-items:center;gap:8px;font-family:var(--font-serif);font-size:1.125rem;font-weight:700;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.review-box__title .material-symbols-outlined{color:var(--color-primary);font-size:1.25rem}.review-box__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width:640px){.review-box__grid{grid-template-columns:repeat(3,1fr)}}.review-box__item{display:flex;flex-direction:column;gap:4px}.review-box__label{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.03em;color:var(--color-text-secondary)}.review-box__value{font-size:0.9375rem;font-weight:600;color:var(--color-text)}.review-box__value--rating{display:inline-flex;align-items:center;gap:4px;color:var(--color-primary)}.review-box__value--rating .material-symbols-outlined{font-size:1.125rem}.article-page__tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:2.5em;padding-top:24px;border-top:1px solid var(--color-border)}.article-page__tags>.material-symbols-outlined{font-size:1.125rem;color:var(--color-text-secondary)}.article-page__tag{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);background:var(--color-surface-alt);font-size:0.8125rem;font-weight:500;color:var(--color-text-secondary);transition:all var(--transition)}.article-page__tag:hover{background:rgba(28,216,0,0.1);color:var(--color-primary)}.article-page__sidebar{display:flex;flex-direction:column;gap:24px}@media (min-width:1024px){.article-page__sidebar{position:sticky;top:calc(var(--topbar-height)+24px);align-self:start}}.toc-widget{background:var(--color-surface-alt);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--color-border)}.toc-widget__title{display:flex;align-items:center;gap:8px;font-family:var(--font-serif);font-size:1rem;font-weight:700;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.toc-widget__title .material-symbols-outlined{font-size:1.25rem;color:var(--color-primary)}.toc-widget__list{display:flex;flex-direction:column;gap:2px}.toc-widget__item{list-style:none}.toc-widget__item--sub{padding-left:16px}.toc-widget__link{display:block;padding:6px 12px;border-radius:var(--radius-sm);font-size:0.8125rem;line-height:1.4;color:var(--color-text-secondary);transition:all var(--transition);border-left:2px solid transparent}.toc-widget__link:hover{color:var(--color-text);background:var(--color-surface)}.toc-widget__link.is-active{color:var(--color-primary);border-left-color:var(--color-primary);background:rgba(28,216,0,0.06);font-weight:600}.series-cta-widget{background:var(--color-surface-alt);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--color-border)}.series-cta-widget__title{display:flex;align-items:center;gap:8px;font-family:var(--font-serif);font-size:1rem;font-weight:700;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.series-cta-widget__title .material-symbols-outlined{font-size:1.25rem;color:var(--color-primary)}.series-cta-widget__item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--radius);transition:background var(--transition);margin-bottom:4px}.series-cta-widget__item:hover{background:var(--color-surface)}.series-cta-widget__thumb{width:48px;height:64px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.series-cta-widget__image{width:100%;height:100%;object-fit:cover}.series-cta-widget__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-border);color:var(--color-text-secondary)}.series-cta-widget__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.series-cta-widget__name{font-size:0.875rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.series-cta-widget__status{font-size:0.6875rem;font-weight:700;text-transform:uppercase}.series-cta-widget__status--ongoing{color:var(--color-primary)}.series-cta-widget__status--completed{color:#2196F3}.series-cta-widget__status--hiatus{color:var(--color-warning)}.series-cta-widget__link{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:12px;padding:10px;border-radius:var(--radius);font-size:0.8125rem;font-weight:600;color:var(--color-primary);background:rgba(28,216,0,0.08);transition:all var(--transition)}.series-cta-widget__link:hover{background:rgba(28,216,0,0.15)}.series-cta-widget__link .material-symbols-outlined{font-size:1rem}.article-page__related{padding:48px 0;margin-top:48px;border-top:1px solid var(--color-border)}.review-card-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width:640px){.review-card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.review-card-grid{grid-template-columns:repeat(4,1fr)}}.review-card{border-radius:var(--radius);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);transition:transform var(--transition),box-shadow var(--transition)}.review-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.review-card__link{display:block}.review-card__image-wrap{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--color-surface-alt)}.review-card__image{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.review-card:hover .review-card__image{transform:scale(1.05)}.review-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:2.5rem}.review-card__badge{position:absolute;top:10px;left:10px;padding:3px 10px;border-radius:var(--radius-full);background:var(--color-primary);color:#000;font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.03em}.review-card__body{padding:16px}.review-card__title{font-size:0.9375rem;font-weight:700;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.review-card__excerpt{font-size:0.8125rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.review-card__meta{display:flex;align-items:center;gap:12px}.review-card__date,.review-card__reading-time{display:inline-flex;align-items:center;gap:4px;font-size:0.75rem;color:var(--color-text-secondary)}.review-card__date .material-symbols-outlined,.review-card__reading-time .material-symbols-outlined{font-size:0.875rem}.series-cta{background:var(--color-surface-alt);border-radius:var(--radius-lg);padding:28px;margin:2.5em 0;border:1px solid var(--color-border)}.series-cta__header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.series-cta__icon{font-size:2rem;color:var(--color-primary)}.series-cta__title{font-family:var(--font-serif);font-size:1.125rem;font-weight:700;margin-bottom:2px}.series-cta__subtitle{font-size:0.875rem;color:var(--color-text-secondary)}.series-cta__cards{display:grid;gap:12px;margin-bottom:20px}@media (min-width:640px){.series-cta__cards{grid-template-columns:repeat(3,1fr)}}.series-cta__card{display:flex;flex-direction:column;border-radius:var(--radius);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);transition:transform var(--transition),box-shadow var(--transition)}.series-cta__card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.series-cta__card-cover{aspect-ratio:5/7;overflow:hidden;background:var(--color-surface-alt)}.series-cta__card-image{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.series-cta__card:hover .series-cta__card-image{transform:scale(1.05)}.series-cta__card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:2rem}.series-cta__card-info{padding:10px}.series-cta__card-title{font-size:0.8125rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:2px}.series-cta__card-meta{font-size:0.6875rem;color:var(--color-text-secondary)}.genre-landing{padding-bottom:60px}.genre-landing__header{padding-bottom:32px;border-bottom:1px solid var(--color-border);margin-bottom:32px}.genre-landing__title{font-family:var(--font-serif);font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:12px}@media (min-width:768px){.genre-landing__title{font-size:2.5rem}}.genre-landing__description{font-size:1rem;line-height:1.7;color:var(--color-text-secondary);max-width:700px;margin-bottom:12px}.genre-landing__description p{margin-bottom:0.75em}.genre-landing__description p:last-child{margin-bottom:0}.genre-landing__count{display:inline-block;font-size:0.875rem;color:var(--color-text-secondary)}.genre-landing__series{margin-bottom:48px}.genre-landing__reviews{margin-top:48px;padding-top:48px;border-top:1px solid var(--color-border)}.archive-page{padding-bottom:60px}.archive-page__header{padding:32px 0;border-bottom:1px solid var(--color-border);margin-bottom:32px}.archive-page__title{font-family:var(--font-serif);font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:8px}@media (min-width:768px){.archive-page__title{font-size:2.5rem}}.archive-page__description{font-size:1rem;line-height:1.6;color:var(--color-text-secondary);max-width:700px;margin-bottom:8px}.archive-page__count{font-size:0.875rem;color:var(--color-text-secondary)}.archive-page__grid{margin-bottom:40px}.archive-page__empty{text-align:center;padding:80px 20px;color:var(--color-text-secondary)}.archive-page__empty-icon{font-size:4rem;margin-bottom:16px;display:block}.archive-page__empty h3{font-size:1.25rem;margin-bottom:8px;color:var(--color-text)}.pagination{display:flex;justify-content:center;padding:40px 0 20px}.pagination .page-numbers{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.pagination .page-numbers li{list-style:none}.pagination .page-numbers a,.pagination .page-numbers span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:var(--radius);font-size:0.875rem;font-weight:500;color:var(--color-text-secondary);transition:all var(--transition)}.pagination .page-numbers a:hover{background:var(--color-surface-alt);color:var(--color-text)}.pagination .page-numbers .current{background:var(--color-primary);color:#000;font-weight:700}.pagination .page-numbers .dots{color:var(--color-text-secondary);cursor:default}.pagination .page-numbers .prev,.pagination .page-numbers .next{color:var(--color-text)}.pagination .page-numbers .prev:hover,.pagination .page-numbers .next:hover{background:var(--color-surface-alt);color:var(--color-primary)}.pagination .page-numbers .prev .material-symbols-outlined,.pagination .page-numbers .next .material-symbols-outlined{font-size:1.25rem}.dark-mode .article-page__category-tag{color:#000}.dark-mode .article-page__content a{color:var(--color-primary);text-decoration-color:rgba(28,216,0,0.3)}.dark-mode .article-page__content a:hover{text-decoration-color:var(--color-primary)}.dark-mode .article-page__content blockquote{background:var(--color-surface-alt);border-left-color:var(--color-primary)}.dark-mode .article-page__content code{background:var(--color-surface-alt)}.dark-mode .article-page__content pre{background:#111212}.dark-mode .article-page__content thead{background:var(--color-surface-alt)}.dark-mode .article-page__content tbody tr:hover{background:var(--color-surface-alt)}.dark-mode .review-box{background:var(--color-surface-alt);border-color:var(--color-border)}.dark-mode .toc-widget{background:var(--color-surface-alt);border-color:var(--color-border)}.dark-mode .toc-widget__link:hover{background:rgba(255,255,255,0.05)}.dark-mode .toc-widget__link.is-active{background:rgba(28,216,0,0.08)}.dark-mode .series-cta-widget{background:var(--color-surface-alt);border-color:var(--color-border)}.dark-mode .series-cta-widget__item:hover{background:rgba(255,255,255,0.05)}.dark-mode .series-cta-widget__link{background:rgba(28,216,0,0.1)}.dark-mode .series-cta-widget__link:hover{background:rgba(28,216,0,0.18)}.dark-mode .review-card{background:var(--color-surface-alt);border-color:var(--color-border)}.dark-mode .review-card__badge{color:#000}.dark-mode .series-cta{background:var(--color-surface-alt);border-color:var(--color-border)}.dark-mode .series-cta__card{background:var(--color-surface);border-color:var(--color-border)}.dark-mode .pagination .page-numbers a:hover{background:var(--color-surface-alt)}.dark-mode .pagination .page-numbers .current{background:var(--color-primary);color:#000}.dark-mode .archive-page__header{border-color:var(--color-border)}.dark-mode .genre-landing__header{border-color:var(--color-border)}.dark-mode .genre-landing__reviews{border-color:var(--color-border)}.dark-mode .article-page__related{border-color:var(--color-border)}.dark-mode .article-page__header{border-color:var(--color-border)}.dark-mode .article-page__tags{border-color:var(--color-border)}.dark-mode .article-page__tag{background:var(--color-surface-alt)}.dark-mode .article-page__tag:hover{background:rgba(28,216,0,0.12)}.dark-mode .page-content__body a{color:var(--color-primary)}.dark-mode .page-content__body a:hover{color:var(--color-primary-light)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.text-shadow-sm{text-shadow:0 2px 4px rgba(0,0,0,0.3)}body{font-family:'Be Vietnam Pro',sans-serif}