/* assets/css/features/public/shared/theme.css */
html[data-wtapp-public-theme="light"] {
	--wtapp-public-bg: #f5f7fb;
	--wtapp-public-surface: rgba(255, 255, 255, 0.92);
	--wtapp-public-surface-strong: #ffffff;
	--wtapp-public-line: rgba(40, 52, 89, 0.1);
	--wtapp-public-ink: #111827;
	--wtapp-public-muted: #5f687c;
	--wtapp-public-heading: #14213a;
	--wtapp-public-copy-soft: #5a6782;
	--wtapp-public-card-title: #15213a;
	--wtapp-public-filter-label: #51627f;
	--wtapp-public-brand: #3666f4;
	--wtapp-public-brand-deep: #2148bc;
	--wtapp-public-shadow: 0 28px 70px rgba(15, 23, 42, 0.12);
	--wtapp-public-topbar-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
	--wtapp-public-control-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
	--wtapp-public-card-shadow: 0 20px 42px rgba(15, 23, 42, 0.1);
	--wtapp-public-card-shadow-hover: 0 20px 42px rgba(15, 23, 42, 0.14);
	--wtapp-public-card-media-bg: color-mix(in srgb, var(--wtapp-public-brand) 7%, var(--wtapp-public-surface-strong));
	--wtapp-public-filter-toggle-bg: var(--wtapp-public-brand);
	--wtapp-public-filter-toggle-ink: #ffffff;
	--wtapp-public-filter-active-ink: #ffffff;
	--wtapp-public-status-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
	--wtapp-public-status-ongoing-bg: #22c55e;
	--wtapp-public-status-ongoing-ink: #ffffff;
	--wtapp-public-status-completed-bg: #dc2626;
	--wtapp-public-status-completed-ink: #ffffff;
	--wtapp-public-status-hiatus-bg: #eab308;
	--wtapp-public-status-hiatus-ink: #1f2937;
	--wtapp-public-home-hero-background:
		radial-gradient(circle at top left, rgba(54, 102, 244, 0.26), transparent 30%),
		radial-gradient(circle at top right, rgba(190, 24, 93, 0.16), transparent 24%),
		linear-gradient(
			180deg,
			color-mix(in srgb, var(--wtapp-public-brand) 72%, #ffffff 28%) 0%,
			color-mix(in srgb, var(--wtapp-public-brand-deep) 82%, #16389c 18%) 100%
		);
	--wtapp-public-home-hero-shadow: 0 32px 64px rgba(28, 62, 168, 0.22);
	--wtapp-public-home-hero-ink: #ffffff;
	--wtapp-public-home-hero-muted: rgba(248, 251, 255, 0.94);
	--wtapp-public-home-hero-cta-primary-bg: rgba(60, 68, 88, 0.82);
	--wtapp-public-home-hero-cta-primary-border: rgba(255, 255, 255, 0.08);
	--wtapp-public-home-hero-cta-primary-ink: #ffffff;
	--wtapp-public-home-hero-cta-secondary-bg: transparent;
	--wtapp-public-home-hero-cta-secondary-border: rgba(255, 255, 255, 0.76);
	--wtapp-public-home-hero-cta-secondary-ink: #ffffff;
	--wtapp-public-home-featured-heading: #14213a;
	--wtapp-public-home-featured-nav-bg: rgba(36, 77, 201, 0.38);
	--wtapp-public-home-featured-nav-ink: #dce8ff;
	--wtapp-public-home-featured-nav-shadow: 0 18px 38px rgba(13, 39, 115, 0.28);
	--wtapp-public-home-featured-card-surface: rgba(57, 105, 237, 0.42);
	--wtapp-public-home-featured-card-media-bg: rgba(9, 16, 40, 0.24);
	--wtapp-public-home-featured-card-body-bg: rgba(58, 106, 238, 0.7);
	--wtapp-public-home-featured-card-ink: #f8fbff;
	--wtapp-public-home-featured-card-muted: rgba(235, 243, 255, 0.9);
	--wtapp-public-home-featured-card-meta: rgba(214, 227, 255, 0.78);
	--wtapp-public-home-featured-card-meta-strong: rgba(248, 251, 255, 0.92);
	--wtapp-public-home-empty-hero-bg: rgba(255, 255, 255, 0.14);
	--wtapp-public-home-empty-hero-ink: rgba(248, 251, 255, 0.92);
	--wtapp-public-rank-1-bg: linear-gradient(135deg, #f5d042 0%, #e6b800 100%);
	--wtapp-public-rank-1-ink: #1a1a1a;
	--wtapp-public-rank-1-shadow: 0 2px 8px rgba(229, 184, 0, 0.35);
	--wtapp-public-rank-2-bg: linear-gradient(135deg, #e8e8e8 0%, #a8a8a8 100%);
	--wtapp-public-rank-2-ink: #1a1a1a;
	--wtapp-public-rank-2-shadow: 0 2px 8px rgba(128, 128, 128, 0.3);
	--wtapp-public-rank-3-bg: linear-gradient(135deg, #d4a574 0%, #b87333 100%);
	--wtapp-public-rank-3-ink: #ffffff;
	--wtapp-public-rank-3-shadow: 0 2px 8px rgba(184, 115, 51, 0.35);
	--wtapp-public-rank-top-bg: linear-gradient(135deg, #e53935 0%, #b71c1c 100%);
	--wtapp-public-rank-top-ink: #ffffff;
	--wtapp-public-rank-top-shadow: 0 2px 8px rgba(229, 57, 53, 0.35);
}

html[data-wtapp-public-theme="dark"] {
	--wtapp-public-bg: #090d19;
	--wtapp-public-surface: rgba(15, 23, 42, 0.84);
	--wtapp-public-surface-strong: rgba(15, 23, 42, 0.96);
	--wtapp-public-line: rgba(148, 163, 184, 0.18);
	--wtapp-public-ink: #eef2ff;
	--wtapp-public-muted: #b5c0d7;
	--wtapp-public-heading: #f7faff;
	--wtapp-public-copy-soft: #d7e2f5;
	--wtapp-public-card-title: #f5f8ff;
	--wtapp-public-filter-label: #dbe6fb;
	--wtapp-public-brand: #4c6fcf;
	--wtapp-public-brand-deep: #2f4f9d;
	--wtapp-public-shadow: 0 28px 70px rgba(0, 0, 0, 0.38);
	--wtapp-public-topbar-shadow: 0 18px 45px rgba(0, 0, 0, 0.24);
	--wtapp-public-control-shadow: 0 12px 30px rgba(0, 0, 0, 0.24);
	--wtapp-public-card-shadow: 0 20px 42px rgba(0, 0, 0, 0.34);
	--wtapp-public-card-shadow-hover: 0 20px 42px rgba(0, 0, 0, 0.44);
	--wtapp-public-card-media-bg: color-mix(in srgb, var(--wtapp-public-brand) 16%, rgba(15, 23, 42, 0.96));
	--wtapp-public-filter-toggle-bg: color-mix(in srgb, var(--wtapp-public-brand) 64%, #12203d 36%);
	--wtapp-public-filter-toggle-ink: #eef4ff;
	--wtapp-public-filter-active-ink: #eef4ff;
	--wtapp-public-status-shadow: 0 2px 8px rgba(0, 0, 0, 0.36);
	--wtapp-public-status-ongoing-bg: #34d399;
	--wtapp-public-status-ongoing-ink: #052e1b;
	--wtapp-public-status-completed-bg: #f87171;
	--wtapp-public-status-completed-ink: #240809;
	--wtapp-public-status-hiatus-bg: #facc15;
	--wtapp-public-status-hiatus-ink: #291f00;
	--wtapp-public-home-hero-background:
		radial-gradient(circle at top left, rgba(54, 102, 244, 0.24), transparent 28%),
		radial-gradient(circle at top right, rgba(190, 24, 93, 0.18), transparent 24%),
		linear-gradient(180deg, #1a3479 0%, #111827 100%);
	--wtapp-public-home-hero-shadow: 0 36px 70px rgba(0, 0, 0, 0.34);
	--wtapp-public-home-hero-ink: #f8fbff;
	--wtapp-public-home-hero-muted: rgba(223, 233, 255, 0.9);
	--wtapp-public-home-hero-cta-primary-bg: rgba(7, 14, 28, 0.58);
	--wtapp-public-home-hero-cta-primary-border: rgba(200, 217, 255, 0.18);
	--wtapp-public-home-hero-cta-primary-ink: #f8fbff;
	--wtapp-public-home-hero-cta-secondary-bg: rgba(7, 14, 28, 0.12);
	--wtapp-public-home-hero-cta-secondary-border: rgba(200, 217, 255, 0.42);
	--wtapp-public-home-hero-cta-secondary-ink: #f8fbff;
	--wtapp-public-home-featured-heading: #f5f8ff;
	--wtapp-public-home-featured-nav-bg: rgba(7, 14, 28, 0.48);
	--wtapp-public-home-featured-nav-ink: #dbe7ff;
	--wtapp-public-home-featured-nav-shadow: 0 18px 38px rgba(0, 0, 0, 0.34);
	--wtapp-public-home-featured-card-surface: rgba(14, 28, 58, 0.64);
	--wtapp-public-home-featured-card-media-bg: rgba(5, 10, 24, 0.48);
	--wtapp-public-home-featured-card-body-bg: rgba(17, 34, 66, 0.86);
	--wtapp-public-home-featured-card-ink: #f4f7ff;
	--wtapp-public-home-featured-card-muted: rgba(219, 231, 255, 0.86);
	--wtapp-public-home-featured-card-meta: rgba(190, 206, 241, 0.8);
	--wtapp-public-home-featured-card-meta-strong: rgba(244, 247, 255, 0.96);
	--wtapp-public-home-empty-hero-bg: rgba(15, 23, 42, 0.42);
	--wtapp-public-home-empty-hero-ink: rgba(244, 247, 255, 0.92);
	--wtapp-public-rank-1-bg: linear-gradient(135deg, #f8e38e 0%, #d9a800 100%);
	--wtapp-public-rank-1-ink: #221600;
	--wtapp-public-rank-1-shadow: 0 2px 10px rgba(217, 168, 0, 0.3);
	--wtapp-public-rank-2-bg: linear-gradient(135deg, #e2e8f0 0%, #94a3b8 100%);
	--wtapp-public-rank-2-ink: #111827;
	--wtapp-public-rank-2-shadow: 0 2px 10px rgba(71, 85, 105, 0.3);
	--wtapp-public-rank-3-bg: linear-gradient(135deg, #ddb892 0%, #b56539 100%);
	--wtapp-public-rank-3-ink: #fff8f1;
	--wtapp-public-rank-3-shadow: 0 2px 10px rgba(181, 101, 57, 0.3);
	--wtapp-public-rank-top-bg: linear-gradient(135deg, #fb7185 0%, #be123c 100%);
	--wtapp-public-rank-top-ink: #fff1f2;
	--wtapp-public-rank-top-shadow: 0 2px 10px rgba(190, 18, 60, 0.3);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) {
	background:
		radial-gradient(circle at top left, rgba(54, 102, 244, 0.15), transparent 28%),
		radial-gradient(circle at top right, rgba(163, 28, 109, 0.16), transparent 26%),
		linear-gradient(180deg, var(--wtapp-public-bg) 0%, color-mix(in srgb, var(--wtapp-public-bg) 82%, #ffffff 18%) 100%);
	color: var(--wtapp-public-ink);
}

html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) {
	background:
		radial-gradient(circle at top left, rgba(54, 102, 244, 0.2), transparent 28%),
		radial-gradient(circle at top right, rgba(190, 24, 93, 0.22), transparent 24%),
		linear-gradient(180deg, #060914 0%, #111827 100%);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-topbar--public {
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 86%, transparent);
	border-bottom: 1px solid var(--wtapp-public-line);
	box-shadow: var(--wtapp-public-topbar-shadow);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-topbar--public .wtapp-topbar__inner {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 15px;
	align-items: center;
	padding: 10px 0;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-brand__mark {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	gap: 14px;
}

.wtapp-brand__icon,
.wtapp-mobile-brand__icon {
	display: inline-flex;
	width: 46px;
	height: 46px;
	flex: 0 0 46px;
	border-radius: 14px;
	position: relative;
	background: color-mix(in srgb, var(--wtapp-public-brand) 10%, var(--wtapp-public-surface-strong));
	border: 2px solid color-mix(in srgb, var(--wtapp-public-brand) 62%, transparent);
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wtapp-public-brand) 18%, transparent);
}

.wtapp-brand__icon::before,
.wtapp-mobile-brand__icon::before,
.wtapp-brand__icon::after,
.wtapp-mobile-brand__icon::after {
	content: "";
	position: absolute;
	left: 8px;
	right: 8px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--wtapp-public-brand) 82%, #fff 18%);
}

.wtapp-brand__icon::before,
.wtapp-mobile-brand__icon::before {
	top: 9px;
	height: 18px;
	background: transparent;
	border: 3px solid color-mix(in srgb, var(--wtapp-public-brand) 82%, #fff 18%);
}

.wtapp-brand__icon::after,
.wtapp-mobile-brand__icon::after {
	bottom: 9px;
	height: 5px;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-brand__title,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-mobile-brand__title {
	font-family: "Avenir Next", "Segoe UI", sans-serif;
	font-size: 1.35rem;
	font-weight: 800;
	letter-spacing: -0.03em;
	color: var(--wtapp-public-brand);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-brand__subtitle {
	display: none;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-nav {
	justify-self: start;
	background: transparent;
	border: 0;
	box-shadow: none;
	padding: 0;
	gap: 10px;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-nav__link {
	padding: 5px 10px;
	font-size: 1.02rem;
	font-weight: 700;
	color: var(--wtapp-public-ink);
	background: transparent;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-nav__link:hover,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-nav__link:focus-visible {
	color: var(--wtapp-public-brand);
	background: color-mix(in srgb, var(--wtapp-public-brand) 10%, transparent);
	transform: none;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-nav__link.is-active {
	background: color-mix(in srgb, var(--wtapp-public-brand) 16%, var(--wtapp-public-surface-strong));
	color: var(--wtapp-public-brand);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-tools {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: nowrap;
	justify-content: flex-end;
}

.wtapp-public-tools,
.wtapp-member-tools--public {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: nowrap;
	justify-content: flex-end;
	min-width: 0;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-search--topbar {
	flex: 0 1 278px;
	min-width: 220px;
	min-height: 42px;
	padding: 4px;
	border-radius: 18px;
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 97%, transparent);
	border-color: color-mix(in srgb, var(--wtapp-public-line) 88%, transparent);
	box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 55%, transparent);
	overflow: hidden;
	transition: width 180ms ease, min-width 180ms ease, padding 180ms ease, gap 180ms ease;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-search--topbar:focus-within {
	border-color: color-mix(in srgb, var(--wtapp-public-brand) 42%, transparent);
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--wtapp-public-brand) 14%, transparent);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-search--topbar[data-wtapp-topbar-search="1"]:not(.is-open) {
	flex: 0 0 40px;
	min-width: 40px;
	padding: 0;
	gap: 0;
	border-radius: 999px;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-search--topbar .wtapp-search__input {
	color: var(--wtapp-public-ink);
	padding-inline: 10px 8px;
	font-size: 0.95rem;
	font-weight: 600;
	transition: width 180ms ease, opacity 180ms ease, padding 180ms ease;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-search--topbar .wtapp-search__input::placeholder {
	color: var(--wtapp-public-muted);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-search--topbar[data-wtapp-topbar-search="1"]:not(.is-open) .wtapp-search__input {
	width: 0;
	padding: 0;
	opacity: 0;
	pointer-events: none;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-auth-link,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-badge-link,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-notification-center__toggle,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-header-account {
	white-space: nowrap;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-search--topbar .wtapp-search__submit {
	width: 34px;
	height: 34px;
	padding: 0;
	border-radius: 12px;
	background: color-mix(in srgb, var(--wtapp-public-brand) 12%, var(--wtapp-public-surface-strong));
	border: 1px solid color-mix(in srgb, var(--wtapp-public-brand) 18%, transparent);
	color: var(--wtapp-public-brand);
	box-shadow: none;
	flex: 0 0 34px;
}

.wtapp-theme-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	border: 1px solid var(--wtapp-public-line);
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 97%, transparent);
	color: var(--wtapp-public-ink);
	cursor: pointer;
	box-shadow: none;
}

.wtapp-theme-toggle__glyph {
	position: relative;
	width: 18px;
	height: 18px;
	display: inline-flex;
}

.wtapp-theme-toggle__glyph::before {
	content: "";
	position: absolute;
	top: 2px;
	left: 4px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: currentColor;
}

.wtapp-theme-toggle__glyph::after {
	content: "";
	position: absolute;
	top: 1px;
	left: 8px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 98%, transparent);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-theme-toggle:hover,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-search--topbar .wtapp-search__submit:hover {
	background: color-mix(in srgb, var(--wtapp-public-brand) 15%, var(--wtapp-public-surface-strong));
}

[data-wtapp-public-theme-state="dark"] .wtapp-theme-toggle {
	color: #dbe7ff;
}

[data-wtapp-public-theme-state="dark"] .wtapp-theme-toggle__glyph::before {
	top: 4px;
	left: 4px;
	width: 10px;
	height: 10px;
	background: transparent;
	border: 2px solid currentColor;
}

[data-wtapp-public-theme-state="dark"] .wtapp-theme-toggle__glyph::after {
	top: 8px;
	left: 8px;
	width: 2px;
	height: 2px;
	background: currentColor;
	box-shadow:
		0 -8px 0 0 currentColor,
		0 8px 0 0 currentColor,
		-8px 0 0 0 currentColor,
		8px 0 0 0 currentColor,
		-6px -6px 0 0 currentColor,
		6px -6px 0 0 currentColor,
		-6px 6px 0 0 currentColor,
		6px 6px 0 0 currentColor;
}

.wtapp-auth-link--outline,
.wtapp-auth-link--primary,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-badge-link,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-header-account,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-header-action--ghost {
	padding: 5px 12px;
	border-radius: 16px;
	font-family: "Avenir Next", "Segoe UI", sans-serif;
	font-weight: 700;
}

.wtapp-auth-link--outline {
	background: transparent;
	border: 2px solid color-mix(in srgb, var(--wtapp-public-brand) 70%, transparent);
	color: var(--wtapp-public-brand);
}

.wtapp-auth-link--primary {
	background: linear-gradient(135deg, var(--wtapp-public-brand), var(--wtapp-public-brand-deep));
	color: #fff;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-badge-link {
	background: color-mix(in srgb, var(--wtapp-public-brand) 10%, var(--wtapp-public-surface-strong));
	border: 1px solid color-mix(in srgb, var(--wtapp-public-brand) 26%, transparent);
	color: var(--wtapp-public-brand);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-header-account {
	background: color-mix(in srgb, var(--wtapp-public-surface) 96%, transparent);
	border: 1px solid var(--wtapp-public-line);
	color: var(--wtapp-public-ink);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-header-account__avatar {
	width: 30px;
	height: 30px;
	border-color: color-mix(in srgb, var(--wtapp-public-brand) 32%, transparent);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-header-action--ghost {
	background: color-mix(in srgb, var(--wtapp-public-surface) 96%, transparent);
	border: 1px solid var(--wtapp-public-line);
	color: var(--wtapp-public-ink);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-site-content {
	padding-top: 24px;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-footer {
	border-top: 1px solid var(--wtapp-public-line);
	background: color-mix(in srgb, var(--wtapp-public-surface) 88%, transparent);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-footer__text,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-footer__links a,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-surface,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-hero {
	color: var(--wtapp-public-ink);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-hero__title {
	color: var(--wtapp-public-heading);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-hero__summary {
	color: var(--wtapp-public-copy-soft);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-hero,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-surface {
	background: transparent;
}

@media (max-width: 960px) {
	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-topbar--public .wtapp-topbar__inner {
		grid-template-columns: auto minmax(0, 1fr);
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-nav {
		justify-self: end;
	}
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) {
	--wtapp-shell-bg: color-mix(in srgb, var(--wtapp-public-surface-strong) 88%, transparent);
	--wtapp-shell-surface: color-mix(in srgb, var(--wtapp-public-brand) 8%, var(--wtapp-public-surface-strong));
	--wtapp-shell-surface-strong: color-mix(in srgb, var(--wtapp-public-surface-strong) 96%, transparent);
	--wtapp-shell-ink: var(--wtapp-public-ink);
	--wtapp-shell-muted: var(--wtapp-public-muted);
	--wtapp-shell-line: var(--wtapp-public-line);
	--wtapp-shell-divider: color-mix(in srgb, var(--wtapp-public-muted) 26%, transparent);
	--wtapp-shell-brand: var(--wtapp-public-brand);
	--wtapp-shell-brand-deep: var(--wtapp-public-brand-deep);
	--wtapp-shell-pill-active: color-mix(in srgb, var(--wtapp-public-brand) 16%, var(--wtapp-public-surface-strong));
	--wtapp-shell-shadow: var(--wtapp-public-topbar-shadow);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-topbar--public {
	background: var(--wtapp-shell-bg);
	border-bottom: 1px solid var(--wtapp-shell-line);
	box-shadow: var(--wtapp-shell-shadow);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-topbar--public .wtapp-topbar__inner {
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 28px;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-nav__link,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-header-account,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-header-action--ghost,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-social-links__link {
	color: var(--wtapp-public-ink);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-nav__link:hover,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-nav__link:focus-visible,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-social-links__link:hover,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-social-links__link:focus-visible {
	color: var(--wtapp-public-brand);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-theme-toggle,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-notification-center__toggle,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-header-account,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-header-action--ghost,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-footer__social .wtapp-social-links__link {
	background: color-mix(in srgb, var(--wtapp-public-surface) 96%, transparent);
	border-color: var(--wtapp-public-line);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-notification-center__panel {
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 98%, transparent);
	border-color: var(--wtapp-public-line);
	box-shadow: var(--wtapp-public-topbar-shadow);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-badge-link {
	background: color-mix(in srgb, var(--wtapp-public-brand) 12%, var(--wtapp-public-surface-strong));
	border-color: color-mix(in srgb, var(--wtapp-public-brand) 28%, transparent);
	color: var(--wtapp-public-brand);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-rewarded-entry {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-rewarded-entry__button,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-rewarded-entry__login {
	white-space: nowrap;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-rewarded-entry__status {
	max-width: 170px;
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--wtapp-public-muted);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-footer__links--inline a {
	color: var(--wtapp-public-brand);
}

@media (max-width: 1180px) {
	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-topbar--public .wtapp-topbar__inner {
		grid-template-columns: auto minmax(0, 1fr);
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-topbar__rail {
		grid-column: 1 / -1;
		justify-self: start;
		flex-wrap: wrap;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-rewarded-entry__status {
		max-width: none;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-search--topbar {
		min-width: min(100%, 360px);
	}
}

/* Auth modal: bluish theme on public (home/novels) */
body.wtapp-shell-body.wtapp-route-public .wtapp-modal__panel--auth {
	background: var(--wtapp-public-surface-strong);
	border-color: var(--wtapp-public-line);
	box-shadow: var(--wtapp-public-shadow);
}

body.wtapp-shell-body.wtapp-route-public .wtapp-modal__panel--auth .wtapp-modal__close {
	background: color-mix(in srgb, var(--wtapp-public-brand) 12%, transparent);
	color: var(--wtapp-public-brand);
}

body.wtapp-shell-body.wtapp-route-public .wtapp-modal__panel--auth .wtapp-modal__close:hover {
	background: color-mix(in srgb, var(--wtapp-public-brand) 20%, transparent);
	color: var(--wtapp-public-brand-deep);
}

body.wtapp-shell-body.wtapp-route-public .wtapp-modal__panel--auth .wtapp-auth-modal__title {
	color: var(--wtapp-public-heading);
}

body.wtapp-shell-body.wtapp-route-public .wtapp-modal__panel--auth .wtapp-auth-modal__tabs {
	border-bottom-color: var(--wtapp-public-line);
}

body.wtapp-shell-body.wtapp-route-public .wtapp-modal__panel--auth .wtapp-auth-modal__tab {
	color: var(--wtapp-public-muted);
}

body.wtapp-shell-body.wtapp-route-public .wtapp-modal__panel--auth .wtapp-auth-modal__tab:hover {
	color: var(--wtapp-public-brand);
}

body.wtapp-shell-body.wtapp-route-public .wtapp-modal__panel--auth .wtapp-auth-modal__tab.is-active {
	color: var(--wtapp-public-brand);
	border-bottom-color: var(--wtapp-public-brand);
}

body.wtapp-shell-body.wtapp-route-public .wtapp-modal__panel--auth .wtapp-auth-modal__forgot-link,
body.wtapp-shell-body.wtapp-route-public .wtapp-modal__panel--auth .wtapp-auth-modal__switch-tab,
body.wtapp-shell-body.wtapp-route-public .wtapp-modal__panel--auth .wtapp-auth-modal__back {
	color: var(--wtapp-public-brand);
}

body.wtapp-shell-body.wtapp-route-public .wtapp-modal__panel--auth .wtapp-auth-modal__forgot-link:hover,
body.wtapp-shell-body.wtapp-route-public .wtapp-modal__panel--auth .wtapp-auth-modal__switch-tab:hover,
body.wtapp-shell-body.wtapp-route-public .wtapp-modal__panel--auth .wtapp-auth-modal__back:hover {
	color: var(--wtapp-public-brand-deep);
}

body.wtapp-shell-body.wtapp-route-public .wtapp-modal__panel--auth .wtapp-button[type="submit"] {
	background: var(--wtapp-public-brand);
	border-color: var(--wtapp-public-brand);
	color: var(--wtapp-public-filter-toggle-ink);
	box-shadow: 0 2px 6px color-mix(in srgb, var(--wtapp-public-brand) 30%, transparent);
}

body.wtapp-shell-body.wtapp-route-public .wtapp-modal__panel--auth .wtapp-button[type="submit"]:hover {
	background: var(--wtapp-public-brand-deep);
	border-color: var(--wtapp-public-brand-deep);
	color: var(--wtapp-public-filter-toggle-ink);
}

@media (max-width: 860px) {
	body.wtapp-shell-body.wtapp-route-public .wtapp-modal--sheet:has(.wtapp-modal__panel--auth) .wtapp-modal__panel--auth {
		width: min(420px, calc(100% - 24px));
		max-height: min(88vh, 720px);
		border-radius: 28px;
		padding: 24px 20px 20px;
	}
}


/* assets/css/features/public/shared/mobile.css */
.wtapp-drawer__theme {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 14px;
}

.wtapp-drawer__theme-label {
	font-weight: 700;
	color: var(--wtapp-public-muted);
}

@media (max-width: 860px) {
	body.wtapp-shell-body:not(.wtapp-reader-mode) #ast-scroll-top {
		bottom: calc(92px + var(--wtapp-safe-bottom, 0)) !important;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) #page[data-shell-mode="public"] .wtapp-mobile-tabs:not(.is-hidden) {
		left: 0;
		right: 0;
		bottom: 0;
		padding: 10px 8px calc(10px + var(--wtapp-safe-bottom, 0));
		border-radius: 0;
		background: var(--wtapp-public-surface-strong);
		border: 0;
		border-top: 1px solid var(--wtapp-public-line);
		box-shadow: 0 -4px 20px color-mix(in srgb, var(--wtapp-public-ink) 10%, transparent);
		backdrop-filter: none;
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) #page[data-shell-mode="public"] .wtapp-mobile-tab {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		min-height: 52px;
		padding: 6px 4px;
		color: var(--wtapp-public-ink);
		font-size: 0.7rem;
		font-weight: 600;
		background: transparent;
		box-shadow: none;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) #page[data-shell-mode="public"] .wtapp-mobile-tab__icon {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 24px;
		height: 24px;
		color: inherit;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) #page[data-shell-mode="public"] .wtapp-mobile-tab__icon svg {
		width: 22px;
		height: 22px;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) #page[data-shell-mode="public"] .wtapp-mobile-tab__avatar {
		border-color: color-mix(in srgb, var(--wtapp-public-line) 92%, transparent);
		background: var(--wtapp-public-surface);
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) #page[data-shell-mode="public"] .wtapp-mobile-tab.is-active {
		color: var(--wtapp-public-brand);
		background: color-mix(in srgb, var(--wtapp-public-brand) 14%, var(--wtapp-public-surface-strong));
		border-radius: 12px;
		box-shadow: 0 1px 3px color-mix(in srgb, var(--wtapp-public-brand) 22%, transparent);
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) #page[data-shell-mode="public"] .wtapp-mobile-tab.is-active .wtapp-mobile-tab__icon {
		color: var(--wtapp-public-brand);
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) #page[data-shell-mode="public"] .wtapp-mobile-tab.is-active .wtapp-mobile-tab__label {
		color: var(--wtapp-public-brand);
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) #page[data-shell-mode="public"] .wtapp-mobile-tab.is-active .wtapp-mobile-tab__avatar {
		border-color: color-mix(in srgb, var(--wtapp-public-brand) 72%, transparent);
		box-shadow: 0 0 0 2px color-mix(in srgb, var(--wtapp-public-brand) 16%, transparent);
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) #page[data-shell-mode="public"] .wtapp-mobile-tab:not(.is-active):active {
		background: color-mix(in srgb, var(--wtapp-public-brand) 8%, transparent);
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-mobile-topbar__inner {
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		justify-items: end;
		gap: 10px;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-mobile-brand {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		min-width: 0;
		text-decoration: none;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-mobile-brand__icon {
		width: 34px;
		height: 34px;
		flex-basis: 34px;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-mobile-topbar__actions {
		display: flex;
		align-items: center;
		gap: 6px;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-mobile-header-action,
	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-theme-toggle--mobile {
		min-width: 40px;
		min-height: 40px;
		padding-inline: 10px;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-search--mobile-header {
		width: min(calc(100% - 20px), var(--wtapp-width));
		min-width: 0;
		margin: 8px auto 0;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-mobile-header-action--menu span:last-child {
		display: none;
	}
}

@media (max-width: 860px) {
	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-drawer__theme-label,
	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-mobile-topbar__eyebrow,
	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-mobile-topbar__meta {
		color: var(--wtapp-public-muted);
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-mobile-header-action,
	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-theme-toggle--mobile {
		color: var(--wtapp-public-ink);
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-mobile-tabs:not(.is-hidden) {
		background: var(--wtapp-public-surface-strong);
		border-top-color: var(--wtapp-public-line);
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-mobile-tab.is-active {
		color: var(--wtapp-public-brand);
		background: color-mix(in srgb, var(--wtapp-public-brand) 14%, var(--wtapp-public-surface-strong));
	}
}


/* assets/css/features/public/shared/pagination.css */
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-archive-pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 20px 0;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-archive-pagination__item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 30px;
	padding: 3px 10px;
	border: 1px solid var(--wtapp-public-line);
	border-radius: 999px;
	background: color-mix(in srgb, var(--wtapp-public-surface) 72%, var(--wtapp-public-surface-strong));
	box-shadow: 0 10px 24px color-mix(in srgb, var(--wtapp-public-ink) 6%, transparent);
	color: var(--wtapp-public-heading);
	font-size: 0.8rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-archive-pagination__item:hover {
	color: var(--wtapp-public-brand);
	border-color: color-mix(in srgb, var(--wtapp-public-brand) 58%, var(--wtapp-public-line));
	background: color-mix(in srgb, var(--wtapp-public-brand) 10%, var(--wtapp-public-surface-strong));
	box-shadow: 0 14px 28px color-mix(in srgb, var(--wtapp-public-brand) 16%, transparent);
	text-decoration: none;
	transform: translateY(-1px);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-archive-pagination__item--edge,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-archive-pagination__item--step {
	min-width: auto;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-archive-pagination__item.is-current {
	border-color: transparent;
	background: linear-gradient(135deg, var(--wtapp-public-brand), color-mix(in srgb, var(--wtapp-public-brand) 82%, #6ea8ff));
	box-shadow: 0 14px 30px color-mix(in srgb, var(--wtapp-public-brand) 26%, transparent);
	color: #fff;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-archive-pagination__item.is-current:hover {
	color: #fff;
	transform: none;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-archive-pagination__item.is-disabled,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-archive-pagination__item--dots {
	background: transparent;
	box-shadow: none;
	color: var(--wtapp-public-copy-soft);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-archive-pagination__item.is-disabled {
	cursor: default;
	pointer-events: none;
	opacity: 0.72;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-archive-pagination__item--dots {
	min-width: 44px;
	padding-inline: 8px;
	border-style: dashed;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-archive-pagination__item--dots:hover {
	transform: none;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-archive-pagination__item--desktop {
	display: inline-flex;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-archive-pagination__item--mobile {
	display: none;
}

@media (max-width: 767px) {
	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-archive-pagination {
		gap: 6px;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-archive-pagination__item {
		min-width: 40px;
		min-height: 30px;
		padding: 3px 10px;
		font-size: 0.9rem;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-archive-pagination__item--edge {
		display: none;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-archive-pagination__item--step {
		min-width: 72px;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-archive-pagination__item--desktop {
		display: none;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-archive-pagination__item--mobile {
		display: inline-flex;
	}
}


/* assets/css/features/public/components/ads.css */
main[data-page-key] .wtapp-ad-slot {
	--wtapp-ad-max-width: 970px;
	--wtapp-ad-min-height-mobile: 100px;
	--wtapp-ad-min-height-tablet: 120px;
	--wtapp-ad-min-height-desktop: 250px;
	margin: 48px auto;
	width: min(100%, var(--wtapp-ad-max-width));
	display: flex;
	flex-direction: column;
	gap: 10px;
	clear: both;
}

main[data-page-key] .wtapp-ad-slot__label {
	margin: 0;
	font-size: 0.76rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wtapp-muted);
	text-align: center;
}

main[data-page-key] .wtapp-ad-slot__frame {
	min-height: var(--wtapp-ad-min-height-mobile);
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 22px;
	border: 1px solid rgba(33, 72, 188, 0.12);
	background: rgba(255, 252, 247, 0.84);
	box-shadow: 0 14px 32px rgba(72, 44, 16, 0.06);
	overflow: hidden;
}

main[data-page-key] .wtapp-ad-slot__frame .adsbygoogle {
	width: 100%;
	min-height: calc(var(--wtapp-ad-min-height-mobile) - 32px);
}

main[data-page-key] .wtapp-ad-slot__frame iframe,
main[data-page-key] .wtapp-ad-slot__frame .adsbygoogle iframe {
	max-width: 100% !important;
}

main[data-page-key] .wtapp-ad-slot[data-wtapp-adsense-empty="1"] {
	display: none;
}

main[data-page-key] .wtapp-ad-slot[data-wtapp-adsense-error="1"] {
	display: none;
}

main[data-page-key] .wtapp-ad-slot--inline {
	--wtapp-ad-max-width: 336px;
	--wtapp-ad-min-height-mobile: 250px;
	--wtapp-ad-min-height-tablet: 280px;
	--wtapp-ad-min-height-desktop: 280px;
}

main[data-page-key] .wtapp-ad-slot--inline .wtapp-ad-slot__frame {
	padding: 12px;
}

main[data-page-key] .wtapp-ad-slot--inline .wtapp-ad-slot__frame .adsbygoogle {
	min-height: calc(var(--wtapp-ad-min-height-mobile) - 24px);
}

@media (min-width: 861px) {
	main[data-page-key] .wtapp-ad-slot__frame {
		min-height: var(--wtapp-ad-min-height-tablet);
	}

	main[data-page-key] .wtapp-ad-slot__frame .adsbygoogle {
		min-height: calc(var(--wtapp-ad-min-height-tablet) - 32px);
	}
}

@media (min-width: 1100px) {
	main[data-page-key] .wtapp-ad-slot__frame {
		min-height: var(--wtapp-ad-min-height-desktop);
	}

	main[data-page-key] .wtapp-ad-slot__frame .adsbygoogle {
		min-height: calc(var(--wtapp-ad-min-height-desktop) - 32px);
	}
}

@media (max-width: 860px) {
	main[data-page-key] .wtapp-ad-slot {
		margin: 32px auto;
	}
}


/* assets/css/features/public/components/archive.css */
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-filters {
	margin-bottom: 18px;
	border-radius: 18px;
	overflow: hidden;
	border: 1px solid var(--wtapp-public-line);
	box-shadow: var(--wtapp-public-shadow);
	background: transparent;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-filters__toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin: 0;
	padding: 12px 18px;
	font-size: 0.95rem;
	font-weight: 800;
	letter-spacing: 0.02em;
	background: var(--wtapp-public-filter-toggle-bg);
	color: var(--wtapp-public-filter-toggle-ink);
	border: 0;
	cursor: pointer;
	text-align: left;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-filters__title {
	margin: 0;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-filters__chevron {
	display: none;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-filters__groups {
	padding: 14px 18px;
	display: flex;
	flex-wrap: wrap;
	gap: 12px 20px;
	align-items: flex-start;
	justify-content: space-between;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-filters__section {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-filters__label {
	font-size: 0.82rem;
	font-weight: 700;
	color: var(--wtapp-public-filter-label);
	margin: 0;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-filters__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-filters__chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	padding: 3px 10px;
	font-size: 0.8rem;
	font-weight: 700;
	border-radius: 999px;
	text-decoration: none;
	color: var(--wtapp-public-heading);
	background: color-mix(in srgb, var(--wtapp-public-surface) 72%, var(--wtapp-public-surface-strong));
	border: 1px solid var(--wtapp-public-line);
	box-shadow: 0 10px 24px color-mix(in srgb, var(--wtapp-public-ink) 6%, transparent);
	transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-filters__chip:hover {
	color: var(--wtapp-public-brand);
	background: color-mix(in srgb, var(--wtapp-public-brand) 10%, var(--wtapp-public-surface-strong));
	border-color: color-mix(in srgb, var(--wtapp-public-brand) 58%, var(--wtapp-public-line));
	box-shadow: 0 14px 28px color-mix(in srgb, var(--wtapp-public-brand) 16%, transparent);
	transform: translateY(-1px);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-filters__chip.is-active {
	color: #fff;
	font-weight: 700;
	border-color: transparent;
	background: linear-gradient(135deg, var(--wtapp-public-brand), color-mix(in srgb, var(--wtapp-public-brand) 82%, #6ea8ff));
	box-shadow: 0 14px 30px color-mix(in srgb, var(--wtapp-public-brand) 26%, transparent);
	pointer-events: none;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-filters__chip.is-active:hover {
	color: #fff;
	transform: none;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-count {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0;
	font-size: 0.88rem;
	color: var(--wtapp-public-muted);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-count__text {
	flex: 1 1 220px;
	min-width: 0;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-layout-switcher {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 3px;
	border-radius: 999px;
	border: 1px solid var(--wtapp-public-line);
	background: color-mix(in srgb, var(--wtapp-public-surface) 74%, var(--wtapp-public-surface-strong));
	box-shadow: 0 10px 24px color-mix(in srgb, var(--wtapp-public-ink) 6%, transparent);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-layout-switcher__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	padding: 0 12px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--wtapp-public-muted);
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.02em;
	cursor: pointer;
	transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-layout-switcher__button.is-active,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-layout-switcher__button[aria-pressed="true"] {
	background: linear-gradient(135deg, var(--wtapp-public-brand), color-mix(in srgb, var(--wtapp-public-brand) 82%, #6ea8ff));
	color: #fff;
	box-shadow: 0 12px 26px color-mix(in srgb, var(--wtapp-public-brand) 22%, transparent);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-results {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-results__panes {
	min-width: 0;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-screen--collection .wtapp-surface {
	padding: 14px 18px 24px;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-screen--collection .wtapp-hero {
	padding-bottom: 12px;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-screen--collection .wtapp-hero__title {
	font-size: clamp(1.5rem, 3.5vw, 2rem);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-screen--collection .wtapp-hero__summary {
	font-size: 0.92rem;
	margin-top: 6px;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-home-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 14px;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-grid.wtapp-home-grid {
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 14px;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 14px;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-home-card {
	display: flex;
	flex-direction: column;
	border-radius: 18px;
	overflow: visible;
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 98%, transparent);
	border: 1px solid var(--wtapp-public-line);
	box-shadow: var(--wtapp-public-card-shadow);
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-home-card:hover {
	border-color: var(--wtapp-public-brand);
	box-shadow: var(--wtapp-public-card-shadow-hover);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-home-card__media {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--wtapp-public-card-media-bg);
	overflow: hidden;
	border-radius: 18px 18px 0 0;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-home-card__media img {
	display: block;
	width: 100%;
	aspect-ratio: 2 / 3;
	object-fit: contain;
	object-position: center center;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-home-card__status {
	position: absolute;
	top: 8px;
	right: 10px;
	z-index: 10;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px 10px;
	border-radius: 25px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.5px;
	color: var(--wtapp-public-status-ongoing-ink);
	background: var(--wtapp-public-status-ongoing-bg);
	box-shadow: var(--wtapp-public-status-shadow);
	transform-origin: top right;
	pointer-events: none;
	white-space: nowrap;
	line-height: 1.2;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-home-card__status::before {
	content: none;
	display: none;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-home-card__status.wtapp-status--ongoing {
	background: var(--wtapp-public-status-ongoing-bg);
	color: var(--wtapp-public-status-ongoing-ink);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-home-card__status.wtapp-status--completed {
	background: var(--wtapp-public-status-completed-bg);
	color: var(--wtapp-public-status-completed-ink);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-home-card__status.wtapp-status--hiatus {
	background: var(--wtapp-public-status-hiatus-bg);
	color: var(--wtapp-public-status-hiatus-ink);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-home-card__pdf-label {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	padding: 6px 8px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.3px;
	background: var(--wtapp-public-brand);
	color: #fff;
	text-align: center;
	box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
	white-space: nowrap;
	line-height: 1.2;
	pointer-events: none;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-home-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 5px;
	padding: 14px;
	border-radius: 0 0 18px 18px;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-home-card__title {
	margin: 0;
	font-size: 0.8rem;
	line-height: 1.28;
	font-family: "Avenir Next", "Segoe UI", sans-serif;
	font-weight: 800;
	color: var(--wtapp-public-card-title);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-home-card__summary {
	margin: 0;
	font-size: 0.8rem;
	line-height: 1.45;
	color: var(--wtapp-public-muted);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-home-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	font-size: 0.86rem;
	color: var(--wtapp-public-muted);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-home-card__stats {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px 10px;
	font-size: 0.86rem;
	color: var(--wtapp-public-muted);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-home-card__stat {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	border-radius: 18px;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	border: 1px solid var(--wtapp-public-line);
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 98%, transparent);
	box-shadow: var(--wtapp-public-card-shadow);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-card:hover {
	border-color: var(--wtapp-public-brand);
	box-shadow: var(--wtapp-public-card-shadow-hover);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-card__media {
	position: relative;
	display: block;
	background: var(--wtapp-public-card-media-bg);
	overflow: hidden;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-card__media img {
	display: block;
	width: 100%;
	aspect-ratio: 2 / 3;
	object-fit: cover;
	object-position: center center;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 8px;
	padding: 14px;
	min-width: 0;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-card__eyebrow,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-list-card__eyebrow {
	display: inline-flex;
	align-self: flex-start;
	align-items: center;
	max-width: 100%;
	min-height: 24px;
	padding: 2px 9px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--wtapp-public-brand) 10%, var(--wtapp-public-surface-strong));
	color: var(--wtapp-public-brand);
	border: 1px solid color-mix(in srgb, var(--wtapp-public-brand) 34%, var(--wtapp-public-line));
	font-size: 0.7rem;
	font-weight: 800;
	letter-spacing: 0.03em;
	line-height: 1.2;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-card__media .wtapp-editorial-card__eyebrow {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
	align-self: auto;
	box-shadow: var(--wtapp-public-status-shadow);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-card__title {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	font-family: "Avenir Next", "Segoe UI", sans-serif;
	font-size: 0.9rem;
	font-weight: 800;
	line-height: 1.3;
	color: var(--wtapp-public-card-title);
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-card__summary {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	font-size: 0.8rem;
	line-height: 1.45;
	color: var(--wtapp-public-muted);
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-card__meta,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-list-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: space-between;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-card__meta {
	margin-top: auto;
	flex-wrap: nowrap;
	align-items: center;
	gap: 12px;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-card__meta-item,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-list-card__meta-item {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	background: color-mix(in srgb, var(--wtapp-public-surface) 78%, var(--wtapp-public-surface-strong));
	font-size: 0.72rem;
	font-weight: 700;
	line-height: 1.2;
	color: var(--wtapp-public-muted);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-card__meta-item:last-child {
	margin-left: auto;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-home-card__stat-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 14px;
	height: 14px;
	line-height: 1;
	opacity: 0.9;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-home-card__stat-icon svg {
	display: block;
	width: 14px;
	height: 14px;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-results[data-layout="grid"] [data-wtapp-browse-panel="list"] {
	display: none;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-results[data-layout="list"] [data-wtapp-browse-panel="grid"] {
	display: none;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px 18px;
	align-items: start;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-list-card {
	display: grid;
	grid-template-columns: 92px minmax(0, 1fr);
	align-items: start;
	gap: 12px;
	padding: 12px;
	border-radius: 18px;
	border: 1px solid var(--wtapp-public-line);
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 98%, transparent);
	box-shadow: var(--wtapp-public-card-shadow);
	text-decoration: none;
	color: inherit;
	min-width: 0;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-list-card:hover {
	border-color: var(--wtapp-public-brand);
	box-shadow: var(--wtapp-public-card-shadow-hover);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-list-card__media {
	display: block;
	width: 92px;
	border-radius: 14px;
	overflow: hidden;
	background: var(--wtapp-public-card-media-bg);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-list-card__media img {
	display: block;
	width: 100%;
	aspect-ratio: 2 / 3;
	object-fit: contain;
	object-position: center center;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-list-card__content {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-list-card__title {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	font-family: "Avenir Next", "Segoe UI", sans-serif;
	font-size: 0.95rem;
	font-weight: 800;
	line-height: 1.3;
	color: var(--wtapp-public-card-title);
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-list-card__summary {
	display: -webkit-box;
	margin: 0;
	min-height: calc(1.45em * 3);
	overflow: hidden;
	font-size: 0.82rem;
	line-height: 1.45;
	color: var(--wtapp-public-muted);
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-list-card__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 8px;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-list-card__status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 8px;
	border-radius: 999px;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.4px;
	line-height: 1.2;
	color: var(--wtapp-public-status-ongoing-ink);
	background: var(--wtapp-public-status-ongoing-bg);
	box-shadow: var(--wtapp-public-status-shadow);
	white-space: nowrap;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-list-card__status.wtapp-status--ongoing {
	background: var(--wtapp-public-status-ongoing-bg);
	color: var(--wtapp-public-status-ongoing-ink);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-list-card__status.wtapp-status--completed {
	background: var(--wtapp-public-status-completed-bg);
	color: var(--wtapp-public-status-completed-ink);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-list-card__status.wtapp-status--hiatus {
	background: var(--wtapp-public-status-hiatus-bg);
	color: var(--wtapp-public-status-hiatus-ink);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-list-card__status.wtapp-browse-list-card__status--purchase {
	background: var(--wtapp-public-brand);
	color: #fff;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-list-card__stat {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 2px 8px;
	border-radius: 999px;
	border: 1px solid var(--wtapp-public-line);
	background: color-mix(in srgb, var(--wtapp-public-surface) 78%, var(--wtapp-public-surface-strong));
	font-size: 0.74rem;
	font-weight: 700;
	line-height: 1.2;
	color: var(--wtapp-public-muted);
	white-space: nowrap;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-list-card {
	display: grid;
	grid-template-columns: 92px minmax(0, 1fr);
	align-items: start;
	gap: 12px;
	padding: 12px;
	border-radius: 18px;
	border: 1px solid var(--wtapp-public-line);
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 98%, transparent);
	box-shadow: var(--wtapp-public-card-shadow);
	text-decoration: none;
	color: inherit;
	min-width: 0;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-list-card:hover {
	border-color: var(--wtapp-public-brand);
	box-shadow: var(--wtapp-public-card-shadow-hover);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-list-card__media {
	display: block;
	width: 92px;
	border-radius: 14px;
	overflow: hidden;
	background: var(--wtapp-public-card-media-bg);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-list-card__media img {
	display: block;
	width: 100%;
	aspect-ratio: 2 / 3;
	object-fit: cover;
	object-position: center center;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-list-card__content {
	display: flex;
	flex-direction: column;
	gap: 7px;
	min-width: 0;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-list-card__title {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	font-family: "Avenir Next", "Segoe UI", sans-serif;
	font-size: 0.95rem;
	font-weight: 800;
	line-height: 1.3;
	color: var(--wtapp-public-card-title);
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-list-card__summary {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	font-size: 0.82rem;
	line-height: 1.45;
	color: var(--wtapp-public-muted);
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

@media (min-width: 769px) {
	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-filters__toggle {
		cursor: default;
		pointer-events: none;
	}
}

@media (max-width: 1440px) {
	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-home-grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-grid.wtapp-home-grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
}

@media (max-width: 1180px) {
	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-home-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-grid.wtapp-home-grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 960px) {
	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-home-grid,
	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-grid.wtapp-home-grid,
	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-count {
		align-items: flex-start;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-layout-switcher {
		margin-left: auto;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-filters__toggle {
		cursor: pointer;
		pointer-events: auto;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-filters__chevron {
		display: block;
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 6px solid currentColor;
		transition: transform 0.2s ease;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-filters.is-expanded .wtapp-browse-filters__chevron {
		transform: rotate(180deg);
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-filters__body {
		display: none;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-filters.is-expanded .wtapp-browse-filters__body {
		display: block;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-filters__groups {
		justify-content: flex-start;
		gap: 0;
		padding: 14px 18px 0 18px;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-filters__section {
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		gap: 10px;
		margin-bottom: 12px;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-filters__label {
		flex: 0 0 56px;
		margin: 0;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-filters__chips {
		flex: 1 1 auto;
		align-items: center;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-list {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-list-card {
		grid-template-columns: 78px minmax(0, 1fr);
		gap: 10px;
		padding: 10px;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-list-card__media {
		width: 78px;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-list-card {
		grid-template-columns: 78px minmax(0, 1fr);
		gap: 10px;
		padding: 10px;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-list-card__media {
		width: 78px;
	}
}

@media (max-width: 640px) {
	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-home-grid {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-browse-grid.wtapp-home-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-editorial-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}
}


/* assets/css/features/public/components/article.css */
body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-single_post {
	--wtapp-public-article-accent: var(--wtapp-public-brand);
	--wtapp-public-article-border: color-mix(in srgb, var(--wtapp-public-line) 88%, transparent);
	--wtapp-public-article-link: color-mix(in srgb, var(--wtapp-public-article-accent) 86%, var(--wtapp-public-heading));
	--wtapp-public-article-link-hover: color-mix(in srgb, var(--wtapp-public-article-accent) 94%, #ffffff 6%);
	--wtapp-public-article-quote-bg: color-mix(in srgb, var(--wtapp-public-article-accent) 10%, var(--wtapp-public-surface-strong));
	--wtapp-public-article-quote-line: color-mix(in srgb, var(--wtapp-public-article-accent) 56%, transparent);
	--wtapp-public-article-rule: color-mix(in srgb, var(--wtapp-public-line) 96%, transparent);
	--wtapp-public-article-code-bg: color-mix(in srgb, var(--wtapp-public-article-accent) 9%, var(--wtapp-public-surface-strong));
	--wtapp-public-article-code-ink: var(--wtapp-public-ink);
	--wtapp-public-article-pre-bg: color-mix(in srgb, var(--wtapp-public-article-accent) 14%, var(--wtapp-public-surface-strong));
	--wtapp-public-article-caption: var(--wtapp-public-muted);
	--wtapp-public-article-table-head-bg: color-mix(in srgb, var(--wtapp-public-article-accent) 12%, var(--wtapp-public-surface-strong));
	--wtapp-public-article-table-row-bg: color-mix(in srgb, var(--wtapp-public-article-accent) 5%, var(--wtapp-public-surface));
	--wtapp-public-article-embed-bg: color-mix(in srgb, var(--wtapp-public-article-accent) 8%, var(--wtapp-public-surface-strong));
	--wtapp-public-article-selection: color-mix(in srgb, var(--wtapp-public-article-accent) 22%, transparent);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post {
	--wtapp-public-follow-soft-bg: color-mix(in srgb, #22c55e 9%, var(--wtapp-public-surface-strong));
	--wtapp-public-follow-soft-border: color-mix(in srgb, #22c55e 34%, var(--wtapp-public-line));
	--wtapp-public-follow-soft-ink: color-mix(in srgb, #15803d 82%, var(--wtapp-public-heading));
	--wtapp-public-follow-solid-bg: #16a34a;
	--wtapp-public-follow-solid-border: #16a34a;
	--wtapp-public-follow-solid-ink: #ffffff;
	--wtapp-public-like-soft-bg: color-mix(in srgb, #ec4899 10%, var(--wtapp-public-surface-strong));
	--wtapp-public-like-soft-border: color-mix(in srgb, #ec4899 32%, var(--wtapp-public-line));
	--wtapp-public-like-soft-ink: color-mix(in srgb, #be185d 86%, var(--wtapp-public-heading));
	--wtapp-public-like-solid-bg: #db2777;
	--wtapp-public-like-solid-border: #db2777;
	--wtapp-public-like-solid-ink: #ffffff;
}

html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post,
html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public.wtapp-page-single_post {
	--wtapp-public-article-link: color-mix(in srgb, #8ab4ff 72%, var(--wtapp-public-article-accent));
	--wtapp-public-article-link-hover: color-mix(in srgb, #bfd5ff 82%, var(--wtapp-public-article-accent));
	--wtapp-public-article-code-bg: color-mix(in srgb, var(--wtapp-public-article-accent) 16%, rgba(15, 23, 42, 0.96));
	--wtapp-public-article-pre-bg: color-mix(in srgb, var(--wtapp-public-article-accent) 20%, rgba(15, 23, 42, 0.98));
	--wtapp-public-article-table-row-bg: color-mix(in srgb, var(--wtapp-public-article-accent) 9%, rgba(15, 23, 42, 0.9));
	--wtapp-public-article-embed-bg: color-mix(in srgb, var(--wtapp-public-article-accent) 14%, rgba(15, 23, 42, 0.96));
}

html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post {
	--wtapp-public-follow-soft-bg: color-mix(in srgb, #22c55e 18%, var(--wtapp-public-surface-strong));
	--wtapp-public-follow-soft-border: color-mix(in srgb, #86efac 44%, var(--wtapp-public-line));
	--wtapp-public-follow-soft-ink: #b7f7cb;
	--wtapp-public-follow-solid-bg: #22c55e;
	--wtapp-public-follow-solid-border: #4ade80;
	--wtapp-public-follow-solid-ink: #08210f;
	--wtapp-public-like-soft-bg: color-mix(in srgb, #ec4899 18%, var(--wtapp-public-surface-strong));
	--wtapp-public-like-soft-border: color-mix(in srgb, #f9a8d4 42%, var(--wtapp-public-line));
	--wtapp-public-like-soft-ink: #ffc4e2;
	--wtapp-public-like-solid-bg: #ec4899;
	--wtapp-public-like-solid-border: #f472b6;
	--wtapp-public-like-solid-ink: #fff7fb;
}

main[data-page-key="blog_post"] .wtapp-surface--prose,
main[data-page-key="single_post"] .wtapp-surface--prose {
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 92%, transparent);
	border: 1px solid var(--wtapp-public-article-border);
	box-shadow: var(--wtapp-public-card-shadow);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero--article-meta .wtapp-hero__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-top: 22px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero--article-meta .wtapp-hero__meta-item {
	display: inline-flex;
	min-height: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero--article-meta .wtapp-hero__meta-item dt {
	display: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero--article-meta .wtapp-hero__meta-item dd {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	padding: 5px 8px;
	border-radius: 999px;
	border: 1px solid color-mix(in srgb, var(--wtapp-public-brand) 24%, var(--wtapp-public-line));
	background: color-mix(in srgb, var(--wtapp-public-article-accent) 10%, var(--wtapp-public-surface-strong));
	box-shadow: none;
	font-size: 0.76rem;
	font-weight: 700;
	line-height: 1;
	color: var(--wtapp-public-brand);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero--article-meta .wtapp-hero__meta-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	padding: 5px 8px;
	margin: 0;
	border-radius: 999px;
	border: 1px solid color-mix(in srgb, var(--wtapp-public-brand) 24%, var(--wtapp-public-line));
	background: color-mix(in srgb, var(--wtapp-public-brand) 8%, var(--wtapp-public-surface-strong));
	box-shadow: none;
	font-size: 0.76rem;
	font-weight: 700;
	line-height: 1;
	color: var(--wtapp-public-brand);
	text-decoration: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero--article-meta .wtapp-hero__meta-item--linked dd {
	padding: 0;
	min-height: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	border-radius: 999px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero--article-meta .wtapp-hero__meta-link:hover,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero--article-meta .wtapp-hero__meta-link:focus-visible {
	color: var(--wtapp-public-brand-deep);
	border-color: color-mix(in srgb, var(--wtapp-public-brand) 42%, transparent);
	background: color-mix(in srgb, var(--wtapp-public-brand) 14%, var(--wtapp-public-surface-strong));
	text-decoration: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero--article-meta .wtapp-article__actions {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	margin-top: 12px;
	max-width: 100%;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero--article-meta .wtapp-article__actions .wtapp-button,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero--article-meta .wtapp-article__actions .wtapp-action-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	width: 100%;
	min-height: 30px;
	padding: 5px 8px;
	border-width: 1px;
	border-style: solid;
	border-radius: 14px;
	font-size: 0.8rem;
	font-weight: 800;
	box-shadow: none;
	line-height: 1;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero--article-meta .wtapp-article__actions .wtapp-button--ghost {
	border-color: var(--wtapp-public-line);
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 98%, transparent);
	color: var(--wtapp-public-heading);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero--article-meta .wtapp-article__actions .wtapp-action-button__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero--article-meta .wtapp-article__actions .wtapp-action-button__icon svg {
	width: 14px;
	height: 14px;
	display: block;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero--article-meta .wtapp-article__actions .wtapp-action-button__label {
	flex: 0 1 auto;
	text-align: center;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero--article-meta .wtapp-article__actions .wtapp-action-button--follow {
	border-color: var(--wtapp-public-follow-soft-border);
	color: var(--wtapp-public-follow-soft-ink);
	background: var(--wtapp-public-follow-soft-bg);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero--article-meta .wtapp-article__actions .wtapp-action-button--follow:hover {
	border-color: color-mix(in srgb, var(--wtapp-public-follow-soft-border) 90%, transparent);
	background: color-mix(in srgb, var(--wtapp-public-follow-soft-bg) 86%, var(--wtapp-public-surface-strong));
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero--article-meta .wtapp-article__actions .wtapp-action-button--follow.wtapp-library-toggle[data-saved="1"] {
	background: var(--wtapp-public-follow-solid-bg);
	border-color: var(--wtapp-public-follow-solid-border);
	color: var(--wtapp-public-follow-solid-ink);
	box-shadow: 0 10px 20px color-mix(in srgb, var(--wtapp-public-follow-solid-bg) 26%, transparent);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero--article-meta .wtapp-article__actions .wtapp-action-button--like {
	border-color: var(--wtapp-public-like-soft-border);
	color: var(--wtapp-public-like-soft-ink);
	background: var(--wtapp-public-like-soft-bg);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero--article-meta .wtapp-article__actions .wtapp-action-button--like:hover {
	border-color: color-mix(in srgb, var(--wtapp-public-like-soft-border) 90%, transparent);
	background: color-mix(in srgb, var(--wtapp-public-like-soft-bg) 88%, var(--wtapp-public-surface-strong));
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero--article-meta .wtapp-article__actions .wtapp-action-button--like.wtapp-library-toggle[data-saved="1"] {
	background: var(--wtapp-public-like-solid-bg);
	border-color: var(--wtapp-public-like-solid-border);
	color: var(--wtapp-public-like-solid-ink);
	box-shadow: 0 10px 20px color-mix(in srgb, var(--wtapp-public-like-solid-bg) 24%, transparent);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post main[data-page-key="blog_post"] .wtapp-article__feature {
	display: grid;
	grid-template-columns: clamp(220px, 24vw, 280px) minmax(0, 1fr);
	gap: 30px;
	align-items: start;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post main[data-page-key="blog_post"] .wtapp-article__media--blog {
	display: block;
	width: clamp(220px, 24vw, 280px);
	height: clamp(330px, 36vw, 420px);
	max-width: none;
	min-width: 0;
	margin: 0;
	border-radius: 22px;
	justify-self: start;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post main[data-page-key="blog_post"] .wtapp-article__media--blog img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none;
	min-height: 0;
	object-fit: cover;
	object-position: center top;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero__title {
	font-size: clamp(1.4rem, 3.1vw, 1.95rem);
	line-height: 1.02;
	letter-spacing: -0.04em;
	font-weight: 800;
}

main[data-page-key="blog_post"] .wtapp-article,
main[data-page-key="single_post"] .wtapp-article {
	display: flex;
	flex-direction: column;
	gap: 18px;
	color: var(--wtapp-public-ink);
}

main[data-page-key="blog_post"] .wtapp-article__media,
main[data-page-key="single_post"] .wtapp-article__media {
	margin: 0;
	border-radius: 22px;
	overflow: hidden;
	border: 1px solid var(--wtapp-public-article-border);
	background: color-mix(in srgb, var(--wtapp-public-surface) 72%, var(--wtapp-public-surface-strong));
	box-shadow: var(--wtapp-public-card-shadow);
}

main[data-page-key="blog_post"] .wtapp-article__media img,
main[data-page-key="single_post"] .wtapp-article__media img {
	display: block;
	width: 200px;
	height: auto;
	max-width: 100%;
}

main[data-page-key="blog_post"] .wtapp-article__body,
main[data-page-key="single_post"] .wtapp-article__body {
	display: flex;
	flex-direction: column;
	gap: 18px;
	min-width: 0;
}

main[data-page-key="single_post"] .wtapp-article__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
	color: var(--wtapp-public-muted);
	font-size: 0.84rem;
}

main[data-page-key="single_post"] .wtapp-article__meta-item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

main[data-page-key="single_post"] .wtapp-article__meta-label {
	font-weight: 800;
	color: var(--wtapp-public-heading);
}

main[data-page-key="single_post"] .wtapp-article__lede {
	margin: 0;
	font-size: 1.02rem;
	line-height: 1.7;
	color: color-mix(in srgb, var(--wtapp-public-ink) 88%, var(--wtapp-public-muted));
}

main[data-page-key="single_post"] .wtapp-article__taxonomy {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

main[data-page-key="single_post"] .wtapp-article__taxonomy-chip {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 0 12px;
	border-radius: 999px;
	border: 1px solid var(--wtapp-public-article-border);
	background: color-mix(in srgb, var(--wtapp-public-article-accent) 10%, var(--wtapp-public-surface-strong));
	color: var(--wtapp-public-article-link);
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.02em;
	text-decoration: none;
	transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

main[data-page-key="single_post"] .wtapp-article__taxonomy-chip:hover,
main[data-page-key="single_post"] .wtapp-article__taxonomy-chip:focus-visible {
	border-color: color-mix(in srgb, var(--wtapp-public-article-accent) 58%, transparent);
	background: color-mix(in srgb, var(--wtapp-public-article-accent) 16%, var(--wtapp-public-surface-strong));
	color: var(--wtapp-public-article-link-hover);
	box-shadow: 0 14px 28px color-mix(in srgb, var(--wtapp-public-article-accent) 16%, transparent);
}

main[data-page-key="single_post"] .wtapp-article__taxonomy-chip.is-active {
	background: linear-gradient(135deg, var(--wtapp-public-article-accent), color-mix(in srgb, var(--wtapp-public-article-accent) 80%, #8ab4ff));
	border-color: transparent;
	color: #fff;
}

main[data-page-key="blog_post"] .wtapp-article-prose,
main[data-page-key="single_post"] .wtapp-article-prose,
main[data-page-key="blog_post"] .wtapp-article-prose p,
main[data-page-key="single_post"] .wtapp-article-prose p,
main[data-page-key="blog_post"] .wtapp-article-prose li,
main[data-page-key="single_post"] .wtapp-article-prose li {
	color: var(--wtapp-public-ink);
}

main[data-page-key="blog_post"] .wtapp-article-prose {
	margin-top: 0;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post main[data-page-key="blog_post"] .wtapp-article__intro {
	min-width: 0;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post main[data-page-key="blog_post"] .wtapp-article__intro > :first-child {
	margin-top: 0;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post main[data-page-key="blog_post"] .wtapp-article__intro > :last-child {
	margin-bottom: 0;
}

main[data-page-key="blog_post"] .wtapp-article-prose::selection,
main[data-page-key="single_post"] .wtapp-article-prose::selection,
main[data-page-key="blog_post"] .wtapp-article-prose *::selection,
main[data-page-key="single_post"] .wtapp-article-prose *::selection {
	background: var(--wtapp-public-article-selection);
}

main[data-page-key="blog_post"] .wtapp-article-prose > :first-child,
main[data-page-key="single_post"] .wtapp-article-prose > :first-child {
	margin-top: 0;
}

main[data-page-key="blog_post"] .wtapp-article-prose > :last-child,
main[data-page-key="single_post"] .wtapp-article-prose > :last-child {
	margin-bottom: 0;
}

main[data-page-key="blog_post"] .wtapp-article-prose h1,
main[data-page-key="blog_post"] .wtapp-article-prose h2,
main[data-page-key="blog_post"] .wtapp-article-prose h3,
main[data-page-key="blog_post"] .wtapp-article-prose h4,
main[data-page-key="blog_post"] .wtapp-article-prose h5,
main[data-page-key="blog_post"] .wtapp-article-prose h6,
main[data-page-key="single_post"] .wtapp-article-prose h1,
main[data-page-key="single_post"] .wtapp-article-prose h2,
main[data-page-key="single_post"] .wtapp-article-prose h3,
main[data-page-key="single_post"] .wtapp-article-prose h4,
main[data-page-key="single_post"] .wtapp-article-prose h5,
main[data-page-key="single_post"] .wtapp-article-prose h6 {
	color: var(--wtapp-public-heading);
	scroll-margin-top: 120px;
}

main[data-page-key="blog_post"] .wtapp-article-prose h1,
main[data-page-key="single_post"] .wtapp-article-prose h1 {
	font-size: clamp(2rem, 4vw, 2.8rem);
	line-height: 1.12;
}

main[data-page-key="blog_post"] .wtapp-article-prose h2,
main[data-page-key="single_post"] .wtapp-article-prose h2 {
	font-size: clamp(1.45rem, 2.6vw, 2rem);
	line-height: 1.2;
}

main[data-page-key="blog_post"] .wtapp-article-prose h3,
main[data-page-key="single_post"] .wtapp-article-prose h3 {
	font-size: clamp(1.2rem, 2vw, 1.5rem);
	line-height: 1.3;
}

main[data-page-key="blog_post"] .wtapp-article-prose a,
main[data-page-key="single_post"] .wtapp-article-prose a {
	color: var(--wtapp-public-article-link);
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.16em;
	word-break: break-word;
}

main[data-page-key="blog_post"] .wtapp-article-prose a:hover,
main[data-page-key="blog_post"] .wtapp-article-prose a:focus-visible,
main[data-page-key="single_post"] .wtapp-article-prose a:hover,
main[data-page-key="single_post"] .wtapp-article-prose a:focus-visible {
	color: var(--wtapp-public-article-link-hover);
}

main[data-page-key="blog_post"] .wtapp-article-prose strong,
main[data-page-key="blog_post"] .wtapp-article-prose b,
main[data-page-key="single_post"] .wtapp-article-prose strong,
main[data-page-key="single_post"] .wtapp-article-prose b {
	color: var(--wtapp-public-heading);
}

main[data-page-key="blog_post"] .wtapp-article-prose em,
main[data-page-key="blog_post"] .wtapp-article-prose i,
main[data-page-key="single_post"] .wtapp-article-prose em,
main[data-page-key="single_post"] .wtapp-article-prose i {
	color: color-mix(in srgb, var(--wtapp-public-ink) 88%, var(--wtapp-public-article-accent));
}

main[data-page-key="blog_post"] .wtapp-article-prose ul,
main[data-page-key="blog_post"] .wtapp-article-prose ol,
main[data-page-key="single_post"] .wtapp-article-prose ul,
main[data-page-key="single_post"] .wtapp-article-prose ol {
	padding-left: 1.35rem;
}

main[data-page-key="blog_post"] .wtapp-article-prose li + li,
main[data-page-key="single_post"] .wtapp-article-prose li + li {
	margin-top: 0.45rem;
}

main[data-page-key="blog_post"] .wtapp-article-prose li::marker,
main[data-page-key="single_post"] .wtapp-article-prose li::marker {
	color: color-mix(in srgb, var(--wtapp-public-article-accent) 68%, var(--wtapp-public-ink));
}

main[data-page-key="blog_post"] .wtapp-article-prose blockquote,
main[data-page-key="single_post"] .wtapp-article-prose blockquote,
main[data-page-key="blog_post"] .wtapp-article-prose .wp-block-quote,
main[data-page-key="single_post"] .wtapp-article-prose .wp-block-quote {
	margin: 1.8rem 0;
	padding: 1rem 1.2rem;
	border-left: 4px solid var(--wtapp-public-article-quote-line);
	border-radius: 0 18px 18px 0;
	background: var(--wtapp-public-article-quote-bg);
	color: var(--wtapp-public-ink);
}

main[data-page-key="blog_post"] .wtapp-article-prose blockquote > :first-child,
main[data-page-key="single_post"] .wtapp-article-prose blockquote > :first-child,
main[data-page-key="blog_post"] .wtapp-article-prose .wp-block-quote > :first-child,
main[data-page-key="single_post"] .wtapp-article-prose .wp-block-quote > :first-child {
	margin-top: 0;
}

main[data-page-key="blog_post"] .wtapp-article-prose blockquote > :last-child,
main[data-page-key="single_post"] .wtapp-article-prose blockquote > :last-child,
main[data-page-key="blog_post"] .wtapp-article-prose .wp-block-quote > :last-child,
main[data-page-key="single_post"] .wtapp-article-prose .wp-block-quote > :last-child {
	margin-bottom: 0;
}

main[data-page-key="blog_post"] .wtapp-article-prose hr,
main[data-page-key="blog_post"] .wtapp-article-prose .wp-block-separator,
main[data-page-key="single_post"] .wtapp-article-prose hr,
main[data-page-key="single_post"] .wtapp-article-prose .wp-block-separator {
	border: 0;
	border-top: 1px solid var(--wtapp-public-article-rule);
	margin: 2rem 0;
}

main[data-page-key="blog_post"] .wtapp-article-prose :not(pre) > code,
main[data-page-key="single_post"] .wtapp-article-prose :not(pre) > code {
	padding: 0.16rem 0.42rem;
	border-radius: 0.45rem;
	background: var(--wtapp-public-article-code-bg);
	color: var(--wtapp-public-article-code-ink);
	font-size: 0.94em;
}

main[data-page-key="blog_post"] .wtapp-article-prose pre,
main[data-page-key="blog_post"] .wtapp-article-prose .wp-block-code,
main[data-page-key="single_post"] .wtapp-article-prose pre,
main[data-page-key="single_post"] .wtapp-article-prose .wp-block-code {
	padding: 1rem 1.1rem;
	border: 1px solid var(--wtapp-public-article-border);
	border-radius: 18px;
	background: var(--wtapp-public-article-pre-bg);
	color: var(--wtapp-public-article-code-ink);
	overflow-x: auto;
}

main[data-page-key="blog_post"] .wtapp-article-prose pre code,
main[data-page-key="single_post"] .wtapp-article-prose pre code {
	padding: 0;
	background: transparent;
	color: inherit;
}

main[data-page-key="blog_post"] .wtapp-article-prose table,
main[data-page-key="blog_post"] .wtapp-article-prose .wp-block-table table,
main[data-page-key="single_post"] .wtapp-article-prose table,
main[data-page-key="single_post"] .wtapp-article-prose .wp-block-table table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 1.8rem 0;
	border: 1px solid var(--wtapp-public-article-border);
	border-radius: 18px;
	overflow: hidden;
}

main[data-page-key="blog_post"] .wtapp-article-prose th,
main[data-page-key="blog_post"] .wtapp-article-prose td,
main[data-page-key="single_post"] .wtapp-article-prose th,
main[data-page-key="single_post"] .wtapp-article-prose td {
	padding: 0.85rem 1rem;
	border-bottom: 1px solid var(--wtapp-public-article-border);
	text-align: left;
	vertical-align: top;
}

main[data-page-key="blog_post"] .wtapp-article-prose thead th,
main[data-page-key="single_post"] .wtapp-article-prose thead th {
	background: var(--wtapp-public-article-table-head-bg);
	color: var(--wtapp-public-heading);
}

main[data-page-key="blog_post"] .wtapp-article-prose tbody tr:nth-child(even),
main[data-page-key="single_post"] .wtapp-article-prose tbody tr:nth-child(even) {
	background: var(--wtapp-public-article-table-row-bg);
}

main[data-page-key="blog_post"] .wtapp-article-prose figure,
main[data-page-key="blog_post"] .wtapp-article-prose .wp-block-image,
main[data-page-key="blog_post"] .wtapp-article-prose .wp-block-gallery,
main[data-page-key="single_post"] .wtapp-article-prose figure,
main[data-page-key="single_post"] .wtapp-article-prose .wp-block-image,
main[data-page-key="single_post"] .wtapp-article-prose .wp-block-gallery {
	margin: 1.8rem 0;
}

main[data-page-key="blog_post"] .wtapp-article-prose img,
main[data-page-key="blog_post"] .wtapp-article-prose video,
main[data-page-key="single_post"] .wtapp-article-prose img,
main[data-page-key="single_post"] .wtapp-article-prose video {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 18px;
}

main[data-page-key="blog_post"] .wtapp-article-prose figcaption,
main[data-page-key="blog_post"] .wtapp-article-prose .wp-caption-text,
main[data-page-key="single_post"] .wtapp-article-prose figcaption,
main[data-page-key="single_post"] .wtapp-article-prose .wp-caption-text {
	margin-top: 0.7rem;
	font-size: 0.84rem;
	color: var(--wtapp-public-article-caption);
	text-align: center;
}

main[data-page-key="blog_post"] .wtapp-article-prose .alignleft,
main[data-page-key="single_post"] .wtapp-article-prose .alignleft {
	float: left;
	margin: 0.4rem 1.2rem 1rem 0;
}

main[data-page-key="blog_post"] .wtapp-article-prose .alignright,
main[data-page-key="single_post"] .wtapp-article-prose .alignright {
	float: right;
	margin: 0.4rem 0 1rem 1.2rem;
}

main[data-page-key="blog_post"] .wtapp-article-prose .wp-block-embed,
main[data-page-key="blog_post"] .wtapp-article-prose .wp-block-video,
main[data-page-key="blog_post"] .wtapp-article-prose .wp-block-group,
main[data-page-key="blog_post"] .wtapp-article-prose .wp-block-columns,
main[data-page-key="single_post"] .wtapp-article-prose .wp-block-embed,
main[data-page-key="single_post"] .wtapp-article-prose .wp-block-video,
main[data-page-key="single_post"] .wtapp-article-prose .wp-block-group,
main[data-page-key="single_post"] .wtapp-article-prose .wp-block-columns {
	margin: 1.8rem 0;
}

main[data-page-key="blog_post"] .wtapp-article-prose .wp-block-group,
main[data-page-key="blog_post"] .wtapp-article-prose .wp-block-columns,
main[data-page-key="single_post"] .wtapp-article-prose .wp-block-group,
main[data-page-key="single_post"] .wtapp-article-prose .wp-block-columns {
	max-width: 100%;
}

main[data-page-key="blog_post"] .wtapp-article-prose .wp-block-button__link,
main[data-page-key="single_post"] .wtapp-article-prose .wp-block-button__link {
	border-radius: 999px;
	background: linear-gradient(135deg, var(--wtapp-public-article-accent), color-mix(in srgb, var(--wtapp-public-article-accent) 82%, #6ea8ff));
	color: #fff;
	text-decoration: none;
	font-weight: 800;
}

main[data-page-key="blog_post"] .wtapp-article-prose iframe,
main[data-page-key="single_post"] .wtapp-article-prose iframe {
	display: block;
	width: 100%;
	max-width: 100%;
	min-height: 320px;
	border: 0;
	border-radius: 18px;
	background: var(--wtapp-public-article-embed-bg);
}

@media (max-width: 860px) {
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post main[data-page-key="blog_post"] .wtapp-article__feature {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post main[data-page-key="blog_post"] .wtapp-article__media--blog {
		width: min(240px, 100%);
		height: min(360px, 70vw);
		max-width: 100%;
		margin: 0 auto 18px;
		justify-self: center;
	}

	main[data-page-key="blog_post"] .wtapp-surface--prose,
	main[data-page-key="single_post"] .wtapp-surface--prose {
		padding: 20px;
	}

	main[data-page-key="blog_post"] .wtapp-article,
	main[data-page-key="single_post"] .wtapp-article,
	main[data-page-key="blog_post"] .wtapp-article__body,
	main[data-page-key="single_post"] .wtapp-article__body {
		gap: 14px;
	}
}

@media (max-width: 640px) {
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero--article-meta .wtapp-hero__meta {
		gap: 5px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero--article-meta .wtapp-hero__meta-item {
		width: auto;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero--article-meta .wtapp-hero__meta-item dd {
		min-height: 30px;
		padding: 5px 8px;
		font-size: 0.76rem;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero--article-meta .wtapp-hero__meta-link {
		min-height: 30px;
		padding: 5px 8px;
		margin: 0;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-hero--article-meta .wtapp-article__actions {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		max-width: 100%;
	}

	main[data-page-key="single_post"] .wtapp-article__meta {
		gap: 6px 10px;
		font-size: 0.8rem;
	}

	main[data-page-key="single_post"] .wtapp-article__lede {
		font-size: 0.94rem;
		line-height: 1.65;
	}

	main[data-page-key="blog_post"] .wtapp-article-prose table,
	main[data-page-key="blog_post"] .wtapp-article-prose .wp-block-table table,
	main[data-page-key="single_post"] .wtapp-article-prose table,
	main[data-page-key="single_post"] .wtapp-article-prose .wp-block-table table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}

	main[data-page-key="blog_post"] .wtapp-article-prose .alignleft,
	main[data-page-key="blog_post"] .wtapp-article-prose .alignright,
	main[data-page-key="single_post"] .wtapp-article-prose .alignleft,
	main[data-page-key="single_post"] .wtapp-article-prose .alignright {
		float: none;
		margin: 1rem 0;
	}

	main[data-page-key="blog_post"] .wtapp-article-prose iframe,
	main[data-page-key="single_post"] .wtapp-article-prose iframe {
		min-height: 220px;
	}
}


/* assets/css/features/public/components/novel.css */
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail {
	--wtapp-public-novel-card-surface: color-mix(in srgb, var(--wtapp-public-surface-strong) 98%, transparent);
	--wtapp-public-novel-card-border: var(--wtapp-public-line);
	--wtapp-public-novel-card-shadow: var(--wtapp-public-card-shadow);
	--wtapp-public-novel-gap: 18px;
	--wtapp-public-novel-inner-gap: 12px;
	--wtapp-public-follow-soft-bg: color-mix(in srgb, #22c55e 9%, var(--wtapp-public-surface-strong));
	--wtapp-public-follow-soft-border: color-mix(in srgb, #22c55e 34%, var(--wtapp-public-line));
	--wtapp-public-follow-soft-ink: color-mix(in srgb, #15803d 82%, var(--wtapp-public-heading));
	--wtapp-public-follow-solid-bg: #16a34a;
	--wtapp-public-follow-solid-border: #16a34a;
	--wtapp-public-follow-solid-ink: #ffffff;
	--wtapp-public-like-soft-bg: color-mix(in srgb, #ec4899 10%, var(--wtapp-public-surface-strong));
	--wtapp-public-like-soft-border: color-mix(in srgb, #ec4899 32%, var(--wtapp-public-line));
	--wtapp-public-like-soft-ink: color-mix(in srgb, #be185d 86%, var(--wtapp-public-heading));
	--wtapp-public-like-solid-bg: #db2777;
	--wtapp-public-like-solid-border: #db2777;
	--wtapp-public-like-solid-ink: #ffffff;
}

html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail {
	--wtapp-public-follow-soft-bg: color-mix(in srgb, #22c55e 18%, var(--wtapp-public-surface-strong));
	--wtapp-public-follow-soft-border: color-mix(in srgb, #86efac 44%, var(--wtapp-public-line));
	--wtapp-public-follow-soft-ink: #b7f7cb;
	--wtapp-public-follow-solid-bg: #22c55e;
	--wtapp-public-follow-solid-border: #4ade80;
	--wtapp-public-follow-solid-ink: #08210f;
	--wtapp-public-like-soft-bg: color-mix(in srgb, #ec4899 18%, var(--wtapp-public-surface-strong));
	--wtapp-public-like-soft-border: color-mix(in srgb, #f9a8d4 42%, var(--wtapp-public-line));
	--wtapp-public-like-soft-ink: #ffc4e2;
	--wtapp-public-like-solid-bg: #ec4899;
	--wtapp-public-like-solid-border: #f472b6;
	--wtapp-public-like-solid-ink: #fff7fb;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-breadcrumbs {
	margin-bottom: 8px;
	font-size: 0.85rem;
	color: var(--wtapp-public-muted);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-surface--novel-detail-hero {
	padding: 5px 10px 10px;
	border-radius: 24px;
	border: 1px solid var(--wtapp-public-line);
	box-shadow: var(--wtapp-public-shadow);
	background: transparent;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-surface--chapters,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-surface--reviews {
	padding: 10px;
	border-radius: 24px;
	border: 1px solid var(--wtapp-public-novel-card-border);
	box-shadow: var(--wtapp-public-shadow);
	background: transparent;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-detail__grid {
	display: grid;
	grid-template-columns: minmax(0, 300px) minmax(0, 1fr);
	gap: var(--wtapp-public-novel-gap);
	align-items: start;
	min-width: 0;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-detail__main {
	display: grid;
	gap: 12px;
	min-width: 0;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-card-title {
	color: var(--wtapp-public-card-title);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-card-summary {
	color: var(--wtapp-public-copy-soft);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-button,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-action-button,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__action,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-actions__button,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download-cta,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-review-feed__cta,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-review-feed__more,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-wallet-card__button,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination__item {
	min-height: 30px;
	padding: 5px 8px;
	font-size: 0.8rem;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-button {
	border-color: transparent;
	background: linear-gradient(135deg, var(--wtapp-public-brand), var(--wtapp-public-brand-deep));
	color: #fff;
	box-shadow: var(--wtapp-public-control-shadow);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-button--secondary,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-button--ghost {
	border-color: var(--wtapp-public-line);
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 98%, transparent);
	color: var(--wtapp-public-heading);
	box-shadow: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-actions__utility,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapters__sort,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-button--secondary,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination__item {
	border-color: var(--wtapp-public-line);
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 98%, transparent);
	color: var(--wtapp-public-heading);
	box-shadow: none;
	border-width: 1px;
	border-style: solid;
	border-radius: 14px;
	font-weight: 700;
	line-height: 1;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-button:hover {
	transform: translateY(-1px);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-button--secondary:hover,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-button--ghost:hover,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-actions__utility:hover,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapters__sort:hover,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination__item:hover {
	border-color: color-mix(in srgb, var(--wtapp-public-brand) 30%, transparent);
	color: var(--wtapp-public-brand);
	background: color-mix(in srgb, var(--wtapp-public-brand) 8%, var(--wtapp-public-surface-strong));
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-info-card,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-panel,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-tags-panel {
	border-radius: 20px;
	border: 1px solid var(--wtapp-public-novel-card-border);
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 99%, transparent);
	box-shadow: var(--wtapp-public-novel-card-shadow);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card {
	position: sticky;
	top: 88px;
	padding: 0 0 14px;
	overflow: hidden;
	min-width: 0;
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__media {
	position: relative;
	background: var(--wtapp-public-card-media-bg);
	border-bottom: 1px solid var(--wtapp-public-line);
	overflow: hidden;
	aspect-ratio: 2 / 3;
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__image {
	display: block;
	max-width: 100%;
	width: 100%;
	height: auto;
	object-fit: contain;
	object-position: center center;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__status-row {
	display: flex;
	justify-content: flex-end;
	padding: 0;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .novel-status-badge.wtapp-novel-cover-card__status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px 10px;
	border-radius: 25px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.5px;
	line-height: 1.2;
	white-space: nowrap;
	color: var(--wtapp-public-status-ongoing-ink);
	background: var(--wtapp-public-status-ongoing-bg);
	box-shadow: var(--wtapp-public-status-shadow);
	transform-origin: top right;
	text-decoration: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .novel-status-badge.wtapp-novel-cover-card__status::before {
	content: none;
	display: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__status.novel-status-ongoing,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__status.wtapp-status--ongoing {
	color: var(--wtapp-public-status-ongoing-ink);
	background: var(--wtapp-public-status-ongoing-bg);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__status.novel-status-completed,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__status.wtapp-status--completed {
	color: var(--wtapp-public-status-completed-ink);
	background: var(--wtapp-public-status-completed-bg);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__status.novel-status-hiatus,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__status.wtapp-status--hiatus {
	color: var(--wtapp-public-status-hiatus-ink);
	background: var(--wtapp-public-status-hiatus-bg);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel a.wtapp-novel-cover-card__status:hover {
	filter: brightness(0.98);
	transform: translateY(-1px);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel a.wtapp-novel-cover-card__status:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--wtapp-public-brand) 40%, transparent);
	outline-offset: 2px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__resume,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__quick-actions,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__support-actions {
	padding-inline: 14px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__resume {
	margin-top: 12px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__resume:empty {
	display: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__quick-actions {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 12px;
	margin-top: 14px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__action {
	width: 100%;
	justify-content: flex-start;
	border-radius: 18px;
	font-weight: 800;
	letter-spacing: -0.01em;
	box-shadow: none;
	gap: 12px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__action--primary {
	background: var(--wtapp-public-brand);
	border-color: var(--wtapp-public-brand);
	color: #fff;
	box-shadow: 0 14px 28px rgba(54, 102, 244, 0.18);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__action--primary:hover {
	background: var(--wtapp-public-brand-deep);
	border-color: var(--wtapp-public-brand-deep);
	transform: translateY(-1px);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-action-button {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	border-radius: 18px;
	border-width: 1px;
	font-weight: 800;
	line-height: 1.2;
	gap: 12px;
	box-shadow: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-action-button:focus-visible,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__support-actions .wtapp-button:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--wtapp-public-brand) 36%, transparent);
	outline-offset: 2px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-action-button__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-action-button__icon svg {
	display: block;
	width: 18px;
	height: 18px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-action-button__label {
	flex: 1 1 auto;
	text-align: left;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-action-button--follow,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-action-button--like {
	color: var(--wtapp-public-heading);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-action-button--follow:hover {
	color: var(--wtapp-public-follow-soft-ink);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-action-button--like {
	border-color: var(--wtapp-public-like-soft-border);
	color: var(--wtapp-public-like-soft-ink);
	background: var(--wtapp-public-like-soft-bg);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-action-button--follow {
	border-color: var(--wtapp-public-follow-soft-border);
	color: var(--wtapp-public-follow-soft-ink);
	background: var(--wtapp-public-follow-soft-bg);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-action-button--like:hover {
	border-color: color-mix(in srgb, var(--wtapp-public-like-soft-border) 90%, transparent);
	color: var(--wtapp-public-like-soft-ink);
	background: color-mix(in srgb, var(--wtapp-public-like-soft-bg) 88%, var(--wtapp-public-surface-strong));
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-action-button--follow:hover {
	border-color: color-mix(in srgb, var(--wtapp-public-follow-soft-border) 90%, transparent);
	background: color-mix(in srgb, var(--wtapp-public-follow-soft-bg) 86%, var(--wtapp-public-surface-strong));
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-action-button--follow.wtapp-library-toggle[data-saved="1"] {
	background: var(--wtapp-public-follow-solid-bg);
	border-color: var(--wtapp-public-follow-solid-border);
	color: var(--wtapp-public-follow-solid-ink);
	box-shadow: 0 10px 20px color-mix(in srgb, var(--wtapp-public-follow-solid-bg) 26%, transparent);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-action-button--like.wtapp-library-toggle[data-saved="1"] {
	background: var(--wtapp-public-like-solid-bg);
	border-color: var(--wtapp-public-like-solid-border);
	color: var(--wtapp-public-like-solid-ink);
	box-shadow: 0 10px 20px color-mix(in srgb, var(--wtapp-public-like-solid-bg) 24%, transparent);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__support-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-top: 10px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__support-actions > * {
	width: 100%;
	justify-content: center;
	text-align: center;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__support-actions .wtapp-button--ghost,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__support-actions .wtapp-button--secondary {
	border-radius: 999px;
	border: 2px solid color-mix(in srgb, var(--wtapp-public-brand) 22%, var(--wtapp-public-line));
	background: #ffffff;
	color: #22314a;
	font-weight: 800;
	box-shadow: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__support-actions .wtapp-button--ghost:hover,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__support-actions .wtapp-button--secondary:hover {
	border-color: color-mix(in srgb, var(--wtapp-public-brand) 40%, transparent);
	background: color-mix(in srgb, var(--wtapp-public-brand) 8%, #ffffff);
	color: var(--wtapp-public-brand);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download {
	display: grid;
	gap: 14px;
	padding: 16px;
	border-radius: 18px;
	border: 2px solid color-mix(in srgb, var(--wtapp-public-brand) 30%, transparent);
	background: color-mix(in srgb, var(--wtapp-public-brand) 8%, #ffffff);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download-head {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download-icon {
	width: 50px;
	height: 50px;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--wtapp-public-brand);
	color: #fff;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download-copy {
	display: grid;
	gap: 2px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download-copy strong {
	font-size: 1.15rem;
	letter-spacing: -0.02em;
	color: var(--wtapp-public-heading);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download-copy span {
	color: var(--wtapp-public-copy-soft);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download-cta {
	border-radius: 14px;
	font-weight: 800;
	background: var(--wtapp-public-brand);
	border-color: var(--wtapp-public-brand);
	color: #fff;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download-cta:hover {
	background: var(--wtapp-public-brand-deep);
	border-color: var(--wtapp-public-brand-deep);
}

@media (max-width: 860px) {
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__support-actions {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-copy {
	display: grid;
	gap: 12px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-copy__header {
	display: grid;
	gap: 8px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-copy__title {
	margin: 0;
	font-size: clamp(1.5rem, 3.5vw, 2rem);
	line-height: 1;
	letter-spacing: -0.04em;
	font-weight: 800;
	color: var(--wtapp-public-heading);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-copy__byline {
	margin: 0;
	font-size: 0.94rem;
	color: var(--wtapp-public-muted);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-actions__button {
	width: auto;
	border-radius: 999px;
	font-weight: 800;
	line-height: 1;
	gap: 4px;
	box-shadow: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-actions__button .wtapp-action-button__icon {
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-actions__button .wtapp-action-button__icon svg {
	width: 16px;
	height: 16px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-actions__button--primary {
	box-shadow: 0 12px 24px rgba(54, 102, 244, 0.16);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-actions__button--share {
	border-color: color-mix(in srgb, var(--wtapp-public-brand) 18%, var(--wtapp-public-line));
	background: color-mix(in srgb, var(--wtapp-public-brand) 5%, var(--wtapp-public-surface-strong));
	color: var(--wtapp-public-heading);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-actions__button--share:hover {
	border-color: color-mix(in srgb, var(--wtapp-public-brand) 34%, transparent);
	color: var(--wtapp-public-brand);
	background: color-mix(in srgb, var(--wtapp-public-brand) 10%, var(--wtapp-public-surface-strong));
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-copy__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 16px;
	margin: 0;
	font-size: 0.94rem;
	color: var(--wtapp-public-muted);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-copy__meta-item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-copy__meta-item strong {
	font-weight: 800;
	color: var(--wtapp-public-heading);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-copy__meta-item a {
	color: var(--wtapp-public-ink);
	text-decoration: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-copy__meta-item a:hover {
	color: var(--wtapp-public-brand);
	text-decoration: underline;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-copy__meta-status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px 10px;
	border-radius: 25px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.5px;
	line-height: 1.2;
	white-space: nowrap;
	pointer-events: auto;
	color: var(--wtapp-public-status-ongoing-ink);
	background: var(--wtapp-public-status-ongoing-bg);
	box-shadow: var(--wtapp-public-status-shadow);
	text-decoration: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel a.wtapp-novel-hero-copy__meta-status:hover {
	filter: brightness(0.98);
	transform: translateY(-1px);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel a.wtapp-novel-hero-copy__meta-status:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--wtapp-public-brand) 40%, transparent);
	outline-offset: 2px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-copy__meta-status.wtapp-status--completed {
	background: var(--wtapp-public-status-completed-bg);
	color: var(--wtapp-public-status-completed-ink);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-copy__meta-status.wtapp-status--hiatus {
	background: var(--wtapp-public-status-hiatus-bg);
	color: var(--wtapp-public-status-hiatus-ink);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chip-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
}

/* Chip row: badge style (same as meta-status pill) */
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chip-row .wtapp-novel-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 3px 8px;
	border-radius: 25px;
	border: none;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.5px;
	line-height: 1.2;
	white-space: nowrap;
	color: var(--wtapp-public-status-ongoing-ink);
	background: var(--wtapp-public-status-ongoing-bg);
	box-shadow: var(--wtapp-public-status-shadow);
	text-decoration: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chip-row a.wtapp-novel-chip:hover {
	filter: brightness(0.98);
	transform: translateY(-1px);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chip-row a.wtapp-novel-chip:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--wtapp-public-brand) 40%, transparent);
	outline-offset: 2px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chip-row .wtapp-novel-chip.wtapp-status--completed {
	background: var(--wtapp-public-status-completed-bg);
	color: var(--wtapp-public-status-completed-ink);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chip-row .wtapp-novel-chip.wtapp-status--hiatus {
	background: var(--wtapp-public-status-hiatus-bg);
	color: var(--wtapp-public-status-hiatus-ink);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .novel-tags-display {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px 8px;
	border-radius: 999px;
	border: 1px solid var(--wtapp-public-line);
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 98%, transparent);
	color: var(--wtapp-public-ink);
	font-size: 0.7rem;
	line-height: 1.2;
	text-decoration: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chip:hover {
	color: var(--wtapp-public-brand);
	border-color: color-mix(in srgb, var(--wtapp-public-brand) 40%, transparent);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px 10px;
	border-radius: 25px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.5px;
	line-height: 1.2;
	white-space: nowrap;
	color: var(--wtapp-public-status-ongoing-ink);
	background: var(--wtapp-public-status-ongoing-bg);
	box-shadow: var(--wtapp-public-status-shadow);
	text-decoration: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-status.wtapp-status--completed {
	background: var(--wtapp-public-status-completed-bg);
	color: var(--wtapp-public-status-completed-ink);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-status.wtapp-status--hiatus {
	background: var(--wtapp-public-status-hiatus-bg);
	color: var(--wtapp-public-status-hiatus-ink);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel a.wtapp-novel-summary-status:hover {
	filter: brightness(0.98);
	transform: translateY(-1px);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel a.wtapp-novel-summary-status:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--wtapp-public-brand) 40%, transparent);
	outline-offset: 2px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chip--status {
	background: color-mix(in srgb, var(--wtapp-public-brand) 12%, var(--wtapp-public-surface-strong));
	border-color: color-mix(in srgb, var(--wtapp-public-brand) 30%, transparent);
	color: var(--wtapp-public-brand);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-copy__panels {
	display: grid;
	grid-template-columns: minmax(0, 2.2fr) minmax(0, 0.8fr);
	gap: 12px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-modal__panel--share {
	width: min(520px, calc(100vw - 24px));
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-share-sheet {
	display: grid;
	gap: 16px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-share-sheet__eyebrow {
	margin: 0 0 6px;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wtapp-public-muted);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-share-sheet__title {
	margin: 0;
	font-size: 1.35rem;
	line-height: 1.1;
	letter-spacing: -0.03em;
	color: var(--wtapp-public-heading);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-share-sheet__summary {
	margin: 0;
	font-size: 0.96rem;
	line-height: 1.55;
	color: var(--wtapp-public-copy-soft);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-share-sheet__grid,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-share-sheet__copy-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-share-sheet__action {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	width: 100%;
	min-height: 48px;
	padding: 12px 14px;
	border-radius: 16px;
	border: 1px solid var(--wtapp-public-line);
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 98%, transparent);
	color: var(--wtapp-public-heading);
	text-decoration: none;
	font-weight: 700;
	box-shadow: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-share-sheet__action:hover {
	border-color: color-mix(in srgb, var(--wtapp-public-brand) 32%, transparent);
	background: color-mix(in srgb, var(--wtapp-public-brand) 8%, var(--wtapp-public-surface-strong));
	color: var(--wtapp-public-brand);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-share-sheet__action:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--wtapp-public-brand) 36%, transparent);
	outline-offset: 2px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-share-sheet__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-share-sheet__icon svg {
	display: block;
	width: 16px;
	height: 16px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-panel,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-tags-panel {
	padding: 14px 16px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-panel__eyebrow,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-tags-panel__eyebrow,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-info-card__eyebrow {
	margin: 0 0 8px;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wtapp-public-muted);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-panel__copy {
	display: grid;
	gap: 8px;
	font-size: 0.98rem;
	line-height: 1.62;
	color: var(--wtapp-public-copy-soft);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-display {
	display: grid;
	gap: 0;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-display p {
	margin: 0;
	margin-bottom: 0;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-display p + p {
	margin-top: 1.05em;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-panel__toggle,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-tags-panel__toggle {
	justify-self: start;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--wtapp-public-brand);
	font-weight: 700;
	cursor: pointer;
	position: relative;
	z-index: 2;
	pointer-events: auto;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-tags-panel__body {
	display: grid;
	gap: 10px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-detail__cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-info-card {
	display: grid;
	gap: 10px;
	padding: 14px 16px;
	min-height: 100%;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-card-title--compact {
	margin: 0;
	font-size: 1.05rem;
	line-height: 1.28;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-card-summary--compact {
	margin: 0;
	font-size: 0.92rem;
	line-height: 1.55;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card {
	display: grid;
	gap: 10px;
	height: 100%;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__value {
	font-size: clamp(1.8rem, 3vw, 2.3rem);
	line-height: 0.95;
	font-weight: 800;
	letter-spacing: -0.04em;
	color: var(--wtapp-public-heading);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__stars {
	display: flex;
	gap: 2px;
	font-size: 0.98rem;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__star {
	color: color-mix(in srgb, var(--wtapp-public-muted) 40%, transparent);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__star.is-active {
	color: #f4b740;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__meta {
	display: grid;
	gap: 4px;
	text-align: right;
	font-size: 0.9rem;
	color: var(--wtapp-public-copy-soft);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__meta strong {
	font-size: 0.98rem;
	line-height: 1.25;
	color: var(--wtapp-public-heading);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__views .wtapp-social-meta {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 8px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-info-card__link {
	width: 100%;
	justify-content: center;
	margin-top: auto;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__stack {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__metric {
	display: grid;
	gap: 4px;
	padding: 10px 12px;
	border-radius: 14px;
	border: 1px solid var(--wtapp-public-line);
	background: color-mix(in srgb, var(--wtapp-public-surface) 92%, transparent);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__metric strong {
	font-size: 0.75rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--wtapp-public-muted);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__metric span {
	font-weight: 700;
	color: var(--wtapp-public-ink);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__actions > * {
	width: 100%;
	justify-content: center;
	text-align: center;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapters__header {
	margin-bottom: 10px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapters__title-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapters-shell {
	margin-top: 0;
	padding: 0;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapters__title {
	margin: 0;
	font-size: clamp(1.4rem, 2.5vw, 2rem);
	line-height: 1.04;
	font-weight: 800;
	letter-spacing: -0.03em;
	color: var(--wtapp-public-heading);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapters__sort {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapters-table-wrap {
	overflow: visible;
	border-radius: 0;
	border: 0;
	background: transparent;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapters-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: 64px;
	row-gap: 10px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapters-table__title,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapter-card__title {
	font-size: 0.98rem;
	font-weight: 500;
	line-height: 1.35;
	color: #8e8e8e;
	text-decoration: none;
	display: block;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapters-table__empty {
	text-align: center;
	color: var(--wtapp-public-muted);
	grid-column: 1 / -1;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapter-card {
	min-width: 0;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapter-card__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 16px;
	min-height: 30px;
	text-decoration: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapter-card.is-open .wtapp-novel-chapter-card__title,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapter-card:not(.is-locked) .wtapp-novel-chapter-card__title,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapter-card.is-open .wtapp-novel-chapter-card__action {
	color: var(--wtapp-public-heading);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapter-card__row:hover .wtapp-novel-chapter-card__title {
	color: var(--wtapp-public-brand);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapter-card.is-locked .wtapp-novel-chapter-card__title {
	color: var(--wtapp-public-copy-soft);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapter-card__lock {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	color: var(--wtapp-public-copy-soft);
	flex-shrink: 0;
}

html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapter-card.is-locked .wtapp-novel-chapter-card__title {
	color: color-mix(in srgb, var(--wtapp-public-copy-soft) 92%, var(--wtapp-public-heading));
}

html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapter-card__lock {
	color: color-mix(in srgb, var(--wtapp-public-copy-soft) 88%, var(--wtapp-public-heading));
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapters__pagination {
	margin-top: 16px;
	display: flex;
	justify-content: center;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination__item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	color: var(--wtapp-public-heading);
	text-decoration: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination__item--edge,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination__item--step {
	min-width: 104px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination__item:hover {
	text-decoration: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination__item.is-current {
	border-color: transparent;
	background: linear-gradient(135deg, var(--wtapp-public-brand), color-mix(in srgb, var(--wtapp-public-brand) 82%, #6ea8ff));
	color: #ffffff;
	box-shadow: 0 12px 24px rgba(54, 102, 244, 0.22);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination__item.is-disabled,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination__item--dots {
	background: transparent;
	box-shadow: none;
	color: var(--wtapp-public-copy-soft);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination__item.is-disabled {
	cursor: default;
	pointer-events: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination__item--dots {
	min-width: 42px;
	padding-inline: 8px;
	border-style: dashed;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination__item.is-current:hover,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination__item.is-disabled:hover,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination__item--dots:hover {
	color: inherit;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination__item--dots:hover {
	border-style: dashed;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-detail__reviews {
	display: block;
}

@media (max-width: 1024px) {
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapters-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 40px;
	}
}

@media (max-width: 1180px) {
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-detail__grid {
		grid-template-columns: minmax(210px, 224px) minmax(0, 1fr);
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-detail__cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-copy__panels {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 860px) {
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-detail__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-detail__cards,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__stack {
		grid-template-columns: minmax(0, 1fr);
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-copy__title {
		font-size: clamp(1.6rem, 8vw, 2.2rem);
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-actions__button {
		min-height: 40px;
		padding-inline: 13px;
	}
}

@media (max-width: 560px) {
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__support-actions,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__actions {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-actions > * {
		flex: 1 1 calc(50% - 5px);
		min-width: 0;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-actions__button {
		width: 100%;
		justify-content: center;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapter-card__footer {
		flex-wrap: wrap;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__quick-actions {
		gap: 10px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-action-button,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card__action {
		border-radius: 16px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-actions__button {
		border-radius: 999px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-share-sheet__grid,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-share-sheet__copy-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__top {
		grid-template-columns: minmax(0, 1fr);
		display: grid;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__meta {
		text-align: left;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chip {
		font-size: 0.86rem;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapters-grid {
		grid-template-columns: minmax(0, 1fr);
		column-gap: 0;
	}

}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-copy__panels {
	grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.95fr);
	gap: 16px;
	align-items: start;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-right {
	display: grid;
	gap: 16px;
	min-width: 0;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-panel {
	padding: 20px 22px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-info-card {
	padding: 16px;
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 96%, transparent);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-info-card--access,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-info-card--social {
	gap: 0;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download {
	gap: 18px;
	padding: 18px;
	border-radius: 24px;
	border: 2px solid color-mix(in srgb, var(--wtapp-public-brand) 22%, var(--wtapp-public-line));
	background: color-mix(in srgb, var(--wtapp-public-brand) 4%, var(--wtapp-public-surface));
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download-head {
	grid-template-columns: 72px minmax(0, 1fr);
	gap: 14px;
	align-items: start;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download-icon {
	width: 72px;
	height: 72px;
	border-radius: 20px;
	box-shadow: 0 16px 32px color-mix(in srgb, var(--wtapp-public-brand) 18%, transparent);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download-copy {
	gap: 4px;
	padding-top: 4px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download-copy strong {
	font-size: clamp(1.35rem, 2.6vw, 1.75rem);
	line-height: 1.05;
	letter-spacing: -0.04em;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download-copy span {
	font-size: 0.95rem;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__benefits {
	display: grid;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__benefits li {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	gap: 12px;
	align-items: start;
	font-size: 0.98rem;
	line-height: 1.45;
	color: var(--wtapp-public-ink);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__benefit-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 999px;
	border: 2px solid #16a34a;
	color: #16a34a;
	background: color-mix(in srgb, #22c55e 12%, transparent);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__actions {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download-cta {
	border-radius: 18px;
	letter-spacing: -0.02em;
	box-shadow: 0 18px 30px color-mix(in srgb, var(--wtapp-public-brand) 18%, transparent);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__note {
	margin: 0;
	font-size: 0.94rem;
	line-height: 1.45;
	text-align: center;
	color: var(--wtapp-public-copy-soft);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card {
	gap: 14px;
	padding: 26px 22px;
	border-radius: 24px;
	background: linear-gradient(180deg, color-mix(in srgb, var(--wtapp-public-brand) 94%, white) 0%, color-mix(in srgb, var(--wtapp-public-brand-deep) 92%, #163ea3) 100%);
	color: #ffffff;
	text-align: center;
	box-shadow: 0 24px 44px rgba(54, 102, 244, 0.22);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	margin-inline: auto;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__eyebrow {
	margin: 0;
	font-size: 0.82rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.9);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__value {
	font-size: clamp(3.8rem, 7vw, 4.8rem);
	line-height: 0.92;
	color: #ffffff;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__stars {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__star {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 0;
	background: transparent;
	color: rgba(255, 255, 255, 0.48);
	font-size: 1.9rem;
	line-height: 1;
	cursor: pointer;
	transition: transform 0.2s ease, color 0.2s ease;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__star:hover,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__star:focus-visible,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__star.is-active {
	color: #ffffff;
	transform: translateY(-1px) scale(1.03);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__star:disabled {
	cursor: wait;
	opacity: 0.7;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__counts,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__hint {
	margin: 0;
	color: rgba(255, 255, 255, 0.92);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__counts {
	font-size: 1rem;
	font-weight: 700;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__hint {
	font-size: 0.9rem;
	opacity: 0.9;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px 16px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__link,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__reviews {
	font-size: 0.95rem;
	font-weight: 700;
	color: #ffffff;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__link {
	text-underline-offset: 3px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__views .wtapp-social-meta {
	justify-content: center;
	color: rgba(255, 255, 255, 0.86);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__views .wtapp-social-meta__item {
	color: inherit;
}

html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-novel-access-card__download {
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 88%, var(--wtapp-public-brand) 12%);
	border-color: color-mix(in srgb, var(--wtapp-public-brand) 36%, var(--wtapp-public-line));
}

html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-novel-cover-card__support-actions .wtapp-button--ghost,
html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-novel-cover-card__support-actions .wtapp-button--secondary {
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 94%, transparent);
	border-color: color-mix(in srgb, var(--wtapp-public-brand) 26%, var(--wtapp-public-line));
	color: var(--wtapp-public-heading);
}

html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-novel-cover-card__support-actions .wtapp-button--ghost:hover,
html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-novel-cover-card__support-actions .wtapp-button--secondary:hover {
	background: color-mix(in srgb, var(--wtapp-public-brand) 14%, var(--wtapp-public-surface-strong));
	border-color: color-mix(in srgb, var(--wtapp-public-brand) 38%, transparent);
	color: var(--wtapp-public-filter-active-ink);
}

html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-novel-score-card__link {
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 20%, transparent);
	border-color: color-mix(in srgb, #ffffff 18%, transparent);
	color: var(--wtapp-public-filter-active-ink);
}

html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-surface--reviews {
	background: color-mix(in srgb, var(--wtapp-public-surface) 54%, transparent);
	border-color: color-mix(in srgb, var(--wtapp-public-brand) 18%, var(--wtapp-public-line));
}

html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-novel-access-card__benefit-icon {
	border-color: #4ade80;
	color: #86efac;
	background: color-mix(in srgb, #22c55e 18%, transparent);
}

@media (max-width: 1180px) {
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-copy__panels {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 860px) {
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-info-card {
		padding: 14px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card {
		padding: 18px;
	}
}

@media (max-width: 560px) {
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download-head {
		grid-template-columns: minmax(0, 1fr);
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download-icon {
		width: 64px;
		height: 64px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__star {
		width: 34px;
		height: 34px;
		font-size: 1.65rem;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__footer {
		flex-direction: column;
	}
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail {
	--wtapp-public-novel-gap: 14px;
	--wtapp-public-novel-inner-gap: 10px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-surface--novel-detail-hero {
	padding: 4px 8px 8px;
	border-radius: 20px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-surface--chapters,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-surface--reviews {
	padding: 14px 16px;
	border-radius: 20px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-detail__grid {
	grid-template-columns: minmax(0, 276px) minmax(0, 1fr);
	gap: 14px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-detail__main,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-copy,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-right {
	gap: 10px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-info-card,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-panel {
	border-radius: 18px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-copy__title {
	font-size: clamp(1.35rem, 3vw, 1.8rem);
	line-height: 1.02;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-actions {
	gap: 8px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-actions__button {
	min-height: 34px;
	padding: 5px 12px;
	font-size: 0.82rem;
	gap: 5px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-panel {
	padding: 14px 16px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-panel__eyebrow,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__eyebrow {
	font-size: 0.72rem;
	letter-spacing: 0.08em;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-panel__copy {
	font-size: 0.86rem;
	line-height: 1.55;
	gap: 6px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-copy__panels {
	grid-template-columns: minmax(0, 1.7fr) minmax(240px, 0.9fr);
	gap: 12px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-info-card {
	padding: 12px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-card-title--compact {
	font-size: 0.98rem;
	line-height: 1.22;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-card-summary--compact,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__note {
	font-size: 0.8rem;
	line-height: 1.45;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download {
	gap: 12px;
	padding: 14px;
	border-radius: 18px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download-head {
	grid-template-columns: 56px minmax(0, 1fr);
	gap: 10px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download-icon {
	width: 56px;
	height: 56px;
	border-radius: 16px;
	box-shadow: 0 10px 20px color-mix(in srgb, var(--wtapp-public-brand) 14%, transparent);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download-copy strong {
	font-size: 1.02rem;
	line-height: 1.15;
	letter-spacing: -0.02em;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download-copy span {
	font-size: 0.78rem;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__benefits {
	gap: 8px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__benefits li {
	grid-template-columns: 22px minmax(0, 1fr);
	gap: 8px;
	font-size: 0.82rem;
	line-height: 1.4;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__benefit-icon {
	width: 20px;
	height: 20px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__actions {
	gap: 8px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download-cta {
	border-radius: 14px;
	box-shadow: 0 10px 20px color-mix(in srgb, var(--wtapp-public-brand) 14%, transparent);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card {
	gap: 10px;
	padding: 16px 14px;
	border-radius: 18px;
	box-shadow: 0 14px 28px rgba(54, 102, 244, 0.16);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__icon {
	width: 34px;
	height: 34px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__icon svg {
	width: 24px;
	height: 24px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__value {
	font-size: clamp(2.4rem, 4vw, 3rem);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__star {
	width: 26px;
	height: 26px;
	font-size: 1.22rem;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__counts,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__hint,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__link,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__reviews {
	font-size: 0.78rem;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__footer {
	gap: 6px 12px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapters__title {
	font-size: clamp(1.2rem, 2.2vw, 1.55rem);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapters__sort {
	min-height: 38px;
	padding-inline: 14px;
	font-size: 0.85rem;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapters-table__title,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapter-card__title {
	font-size: 0.92rem;
	line-height: 1.3;
}

@media (max-width: 1180px) {
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-detail__grid {
		grid-template-columns: minmax(210px, 224px) minmax(0, 1fr);
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-copy__panels {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 560px) {
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-actions > * {
		flex: 1 1 auto;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-hero-actions__button {
		min-height: 38px;
		font-size: 0.78rem;
	}
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-detail__title-row {
	margin-bottom: 10px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-detail__title {
	margin: 0;
	font-size: clamp(1.4rem, 3.1vw, 1.95rem);
	line-height: 1.02;
	letter-spacing: -0.04em;
	font-weight: 800;
	color: var(--wtapp-public-heading);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-detail__body {
	display: grid;
	grid-template-columns: minmax(0, 272px) minmax(0, 1.65fr) minmax(230px, 0.95fr);
	gap: 10px;
	align-items: start;
	min-width: 0;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-detail__summary-column,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-detail__aside-column {
	display: grid;
	gap: 10px;
	min-width: 0;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card {
	padding: 0 0 12px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-actions {
	display: grid;
	gap: 8px;
	padding: 10px 12px 0;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-actions__primary {
	width: 100%;
	min-height: 30px;
	justify-content: center;
	border-radius: 14px;
	padding: 5px 8px;
	font-size: 0.8rem;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-actions__utility-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-actions__utility {
	width: 100%;
	justify-content: center;
	gap: 4px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-actions__utility .wtapp-action-button__label {
	flex: 0 1 auto;
	text-align: center;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-actions__utility .wtapp-action-button__icon {
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-actions__utility .wtapp-action-button__icon svg {
	width: 14px;
	height: 14px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-panel,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-info-card {
	height: 100%;
}

@media (max-width: 1180px) {
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-detail__body {
		grid-template-columns: minmax(0, 224px) minmax(0, 1fr);
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-detail__aside-column {
		grid-column: 2;
	}
}

@media (max-width: 860px) {
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-detail__body {
		grid-template-columns: minmax(0, 1fr);
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-detail__summary-column,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-detail__aside-column {
		grid-column: auto;
	}
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-detail__summary-column {
	gap: 12px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-panel {
	padding: 16px 18px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-meta {
	display: grid;
	gap: 10px;
	padding: 12px 16px;
	border: 1px solid color-mix(in srgb, var(--wtapp-public-line) 82%, transparent);
	border-radius: 18px;
	background: color-mix(in srgb, var(--wtapp-public-surface) 95%, var(--wtapp-public-brand) 5%);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-meta__rows {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px 18px;
	margin: 0;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-meta__row {
	display: grid;
	gap: 3px;
	min-width: 0;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-meta__label {
	margin: 0;
	font-size: 0.69rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wtapp-public-copy-soft);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-meta__value {
	margin: 0;
	font-size: 0.86rem;
	line-height: 1.45;
	color: var(--wtapp-public-copy);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-meta__value a {
	color: inherit;
	text-decoration: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-taxonomy {
	display: grid;
	gap: 10px;
	padding: 12px 16px;
	border: 1px solid color-mix(in srgb, var(--wtapp-public-line) 82%, transparent);
	border-radius: 18px;
	background: color-mix(in srgb, var(--wtapp-public-surface) 97%, var(--wtapp-public-brand) 3%);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-taxonomy__group {
	display: grid;
	gap: 8px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-taxonomy__label {
	margin: 0;
	font-size: 0.69rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wtapp-public-copy-soft);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-taxonomy__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-more[hidden],
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-initial[hidden],
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-taxonomy__chips-list[hidden] {
	display: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-taxonomy__chips--tags {
	align-items: flex-start;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-taxonomy__chips-list {
	display: contents;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-taxonomy-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid color-mix(in srgb, var(--wtapp-public-brand) 24%, var(--wtapp-public-line));
	background: color-mix(in srgb, var(--wtapp-public-brand) 8%, var(--wtapp-public-surface-strong));
	padding: 5px 8px;
	margin: 0;
	color: var(--wtapp-public-brand);
	font-size: 0.76rem;
	font-weight: 700;
	line-height: 1;
	border-radius: 999px;
	cursor: pointer;
	text-decoration: none;
	position: relative;
	z-index: 2;
	pointer-events: auto;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-taxonomy-toggle:hover {
	color: var(--wtapp-public-brand-deep);
	border-color: color-mix(in srgb, var(--wtapp-public-brand) 42%, transparent);
	background: color-mix(in srgb, var(--wtapp-public-brand) 14%, var(--wtapp-public-surface-strong));
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-taxonomy .wtapp-novel-chip {
	font-size: 0.7rem;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-detail__aside-column {
	align-content: start;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-info-card {
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
	gap: 10px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download {
	gap: 6px;
	padding: 10px;
	border-radius: 20px;
	border: 1px solid color-mix(in srgb, var(--wtapp-public-brand) 24%, var(--wtapp-public-line));
	background: color-mix(in srgb, var(--wtapp-public-surface) 92%, var(--wtapp-public-brand) 8%);
	box-shadow: 0 14px 28px rgba(61, 96, 214, 0.08);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download-copy strong {
	font-size: 0.98rem;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-card-summary--compact {
	margin: 0;
	font-size: 0.84rem;
	line-height: 1.55;
	color: var(--wtapp-public-copy-soft);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__benefits {
	gap: 7px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__benefits li {
	font-size: 0.82rem;
	line-height: 1.45;
	color: var(--wtapp-public-copy);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download-cta {
	width: 100%;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__note {
	font-size: 0.78rem;
	line-height: 1.45;
	text-wrap: balance;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card {
	gap: 0;
	padding: 16px 16px 14px;
	border-radius: 20px;
	box-shadow: 0 12px 24px rgba(54, 102, 244, 0.14);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-actions__primary {
	text-align: center;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-actions__primary .wtapp-action-button__label {
	flex: 0 1 auto;
	text-align: center;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__layout {
	display: grid;
	grid-template-columns: minmax(88px, 108px) minmax(0, 1fr);
	gap: 14px;
	align-items: center;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__score {
	display: grid;
	gap: 4px;
	align-content: center;
	text-align: center;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__details {
	display: grid;
	gap: 6px;
	min-width: 0;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__eyebrow {
	font-size: 0.72rem;
	text-align: center;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__value {
	font-size: clamp(2.15rem, 3.6vw, 2.65rem);
	text-align: center;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__stars {
	gap: 4px;
	justify-content: flex-start;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__star {
	width: 24px;
	height: 24px;
	font-size: 1.12rem;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__counts {
	font-size: 0.79rem;
	font-weight: 700;
	text-align: left;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 25px;
	padding: 0 12px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.14);
	font-size: 0.82rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-stats-card {
	display: grid;
	gap: 8px;
	padding: 10px;
	border: 1px solid color-mix(in srgb, var(--wtapp-public-line) 82%, transparent);
	border-radius: 18px;
	background: color-mix(in srgb, var(--wtapp-public-surface) 55%, transparent);
	box-shadow: none;
	backdrop-filter: blur(10px);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-stats-card > .wtapp-novel-stats-card__label {
	margin: 0;
	font-size: 0.69rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wtapp-public-copy-soft);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-stats-card__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 5px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-stats-card__item {
	display: grid;
	gap: 6px;
	padding: 12px 14px;
	border: 1px solid color-mix(in srgb, var(--wtapp-public-line) 62%, transparent);
	border-radius: 18px;
	background: color-mix(in srgb, var(--wtapp-public-surface) 42%, transparent);
	backdrop-filter: blur(10px);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-stats-card__item .wtapp-novel-stats-card__label {
	font-size: 0.76rem;
	font-weight: 700;
	color: var(--wtapp-public-copy-soft);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-stats-card__value {
	font-size: 1.22rem;
	line-height: 1.1;
	letter-spacing: -0.03em;
	color: var(--wtapp-public-heading);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-stats-card__item:nth-child(1) .wtapp-novel-stats-card__value {
	color: #dc2626;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-stats-card__item:nth-child(2) .wtapp-novel-stats-card__value {
	color: #16a34a;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-stats-card__item:nth-child(3) .wtapp-novel-stats-card__value {
	color: #2563eb;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-stats-card__item:nth-child(4) .wtapp-novel-stats-card__value {
	color: #a16207;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-wallet-card {
	position: relative;
	display: grid;
	gap: 8px;
	padding: 11px 12px 12px;
	border: 1px solid color-mix(in srgb, var(--wtapp-public-line) 78%, transparent);
	border-radius: 18px;
	background: color-mix(in srgb, var(--wtapp-public-surface) 72%, transparent);
	box-shadow: none;
	backdrop-filter: blur(10px);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-wallet-card__label {
	margin: 0;
	font-size: 0.69rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wtapp-public-copy-soft);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-wallet-card__body {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 10px;
	align-items: center;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-wallet-card__balance {
	display: grid;
	gap: 2px;
	min-width: 0;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-wallet-card__amount {
	font-size: clamp(1rem, 4vw, 2rem);
	font-weight: 800;
	line-height: 0.92;
	letter-spacing: -0.05em;
	color: var(--wtapp-public-heading);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-wallet-card__caption {
	margin: 0;
	font-size: 0.74rem;
	line-height: 1.25;
	color: var(--wtapp-public-copy-soft);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-wallet-card__pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 0.55rem 0.85rem;
	border-radius: 16px;
	background: color-mix(in srgb, #22c55e 16%, var(--wtapp-public-surface-strong));
	color: #047857;
	font-size: 0.82rem;
	font-weight: 800;
	line-height: 1.15;
	text-align: center;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-wallet-card__summary {
	margin: 0;
	font-size: 0.74rem;
	line-height: 1.35;
	color: var(--wtapp-public-copy-soft);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-wallet-card__actions {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-wallet-card__button {
	width: 100%;
	justify-content: center;
	text-align: center;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-wallet-card__buy-form {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-wallet-card__buy-form .myCRED-buy-form,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-wallet-card__buy-form form {
	margin: 0;
}

html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-novel-summary-meta {
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 88%, var(--wtapp-public-brand) 12%);
	border-color: color-mix(in srgb, var(--wtapp-public-brand) 28%, var(--wtapp-public-line));
}

html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-novel-summary-taxonomy {
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 92%, var(--wtapp-public-brand) 8%);
	border-color: color-mix(in srgb, var(--wtapp-public-brand) 28%, var(--wtapp-public-line));
}

html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-novel-stats-card__item {
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 44%, transparent);
	border-color: color-mix(in srgb, var(--wtapp-public-line) 72%, transparent);
}

html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-novel-stats-card {
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 52%, transparent);
	border-color: color-mix(in srgb, var(--wtapp-public-brand) 28%, var(--wtapp-public-line));
}

html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-novel-wallet-card {
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 58%, transparent);
	border-color: color-mix(in srgb, var(--wtapp-public-brand) 28%, var(--wtapp-public-line));
}

html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-novel-wallet-card__pill {
	background: color-mix(in srgb, #22c55e 20%, var(--wtapp-public-surface-strong));
	color: #86efac;
}

@media (max-width: 1180px) {
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-meta__rows {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 860px) {
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-panel,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-meta,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-taxonomy,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-access-card__download,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-wallet-card {
		padding-inline: 14px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__layout {
		grid-template-columns: minmax(88px, 108px) minmax(0, 1fr);
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__stars,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__counts,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-score-card__footer {
		justify-content: center;
		text-align: center;
	}

}

@media (max-width: 560px) {
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-wallet-card__body {
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-wallet-card__pill {
		width: fit-content;
		min-height: 0;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-stats-card__item {
		padding-inline: 10px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-stats-card__label {
		font-size: 0.72rem;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-stats-card__value {
		font-size: 1.08rem;
	}
}

@media (max-width: 860px) {
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-breadcrumbs {
		margin-bottom: 2px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-review-feed {
		gap: 10px;
		padding: 10px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-surface--novel-detail-hero,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-surface--chapters,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-surface--reviews {
		padding: 0;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-card {
		position: static;
		max-width: 100%;
		width: 100%;
		margin-inline: 0;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-actions {
		padding: 10px 10px 0;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapters__header {
		margin-bottom: 0;
		padding: 10px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapters__title-row {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: end;
		gap: 10px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapters__title-row > :first-child {
		min-width: 0;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapters__sort {
		width: auto;
		justify-self: end;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapter-card {
		padding: 0 10px;
		display: block;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapter-card__row {
		min-height: 25px;
		gap: 10px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-summary-meta__rows {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px 16px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapters__pagination {
		margin-top: 12px;
		padding: 0 10px 10px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination {
		width: 100%;
		gap: 6px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination__item {
		min-width: 38px;
		min-height: 36px;
		padding-inline: 10px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination__item--edge,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination__item--step {
		min-width: 72px;
	}
}

@media (max-width: 560px) {
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-cover-actions__utility-grid {
		gap: 6px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination {
		gap: 6px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination__item {
		min-width: 36px;
		min-height: 34px;
		padding-inline: 8px;
		font-size: 0.76rem;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination__item--step {
		min-width: 64px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination__item--edge,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination__item--boundary,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-pagination__item--dots {
		display: none;
	}
}

@media (max-width: 380px) {
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapters__title-row {
		grid-template-columns: minmax(0, 1fr);
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel .wtapp-novel-chapters__sort {
		width: 100%;
		justify-self: stretch;
	}
}


/* assets/css/features/public/components/directory.css */
body.wtapp-shell-body.wtapp-route-public.wtapp-page-page_genres,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-page_tags {
	--wtapp-public-directory-accent: var(--wtapp-public-brand);
	--wtapp-public-directory-card-bg: color-mix(in srgb, var(--wtapp-public-surface-strong) 94%, transparent);
	--wtapp-public-directory-card-border: color-mix(in srgb, var(--wtapp-public-line) 92%, transparent);
	--wtapp-public-directory-card-shadow: var(--wtapp-public-card-shadow);
	--wtapp-public-directory-card-shadow-hover: var(--wtapp-public-card-shadow-hover);
	--wtapp-public-directory-card-title: var(--wtapp-public-heading);
	--wtapp-public-directory-card-summary: var(--wtapp-public-muted);
	--wtapp-public-directory-pill-bg: color-mix(in srgb, var(--wtapp-public-directory-accent) 18%, var(--wtapp-public-surface-strong));
	--wtapp-public-directory-pill-ink: color-mix(in srgb, var(--wtapp-public-directory-accent) 72%, var(--wtapp-public-heading));
	--wtapp-public-directory-count-bg: color-mix(in srgb, var(--wtapp-public-directory-accent) 88%, #102040);
	--wtapp-public-directory-count-ink: #f8fbff;
	--wtapp-public-directory-intro-bg: color-mix(in srgb, var(--wtapp-public-directory-accent) 10%, var(--wtapp-public-surface-strong));
	--wtapp-public-directory-intro-border: color-mix(in srgb, var(--wtapp-public-directory-accent) 18%, var(--wtapp-public-line));
	--wtapp-public-directory-intro-link: color-mix(in srgb, var(--wtapp-public-directory-accent) 84%, var(--wtapp-public-heading));
	--wtapp-public-directory-intro-link-hover: color-mix(in srgb, var(--wtapp-public-directory-accent) 94%, #ffffff 6%);
}

main[data-page-key="page_genres"] .wtapp-prose,
main[data-page-key="page_tags"] .wtapp-prose {
	color: var(--wtapp-public-ink);
}

html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public.wtapp-page-page_genres,
html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public.wtapp-page-page_tags {
	--wtapp-public-directory-card-bg: color-mix(in srgb, rgba(15, 23, 42, 0.98) 88%, var(--wtapp-public-directory-accent));
	--wtapp-public-directory-card-border: color-mix(in srgb, var(--wtapp-public-directory-accent) 18%, rgba(148, 163, 184, 0.22));
	--wtapp-public-directory-card-shadow: 0 20px 42px rgba(0, 0, 0, 0.28);
	--wtapp-public-directory-card-shadow-hover: 0 24px 52px rgba(0, 0, 0, 0.38);
	--wtapp-public-directory-card-title: #f5f8ff;
	--wtapp-public-directory-card-summary: #d5e1f7;
	--wtapp-public-directory-pill-bg: color-mix(in srgb, var(--wtapp-public-directory-accent) 28%, rgba(15, 23, 42, 0.98));
	--wtapp-public-directory-pill-ink: #dce8ff;
	--wtapp-public-directory-count-bg: linear-gradient(135deg, color-mix(in srgb, var(--wtapp-public-directory-accent) 82%, #1a3479), color-mix(in srgb, var(--wtapp-public-directory-accent) 64%, #0b1224));
	--wtapp-public-directory-count-ink: #f8fbff;
	--wtapp-public-directory-intro-bg: color-mix(in srgb, var(--wtapp-public-directory-accent) 12%, rgba(15, 23, 42, 0.96));
	--wtapp-public-directory-intro-border: color-mix(in srgb, var(--wtapp-public-directory-accent) 22%, rgba(148, 163, 184, 0.18));
	--wtapp-public-directory-intro-link: #8ab4ff;
	--wtapp-public-directory-intro-link-hover: #c2d7ff;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-surface--directory {
	padding: 14px 18px 24px;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory {
	display: grid;
	gap: 20px;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory__intro {
	color: var(--wtapp-public-ink);
	padding: 1rem 1.15rem;
	border: 1px solid var(--wtapp-public-directory-intro-border);
	border-radius: 18px;
	background: var(--wtapp-public-directory-intro-bg);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory__intro > :first-child {
	margin-top: 0;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory__intro > :last-child {
	margin-bottom: 0;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory__intro a {
	color: var(--wtapp-public-directory-intro-link);
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.14em;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory__intro a:hover,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory__intro a:focus-visible {
	color: var(--wtapp-public-directory-intro-link-hover);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory__section {
	display: grid;
	gap: 14px;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory__section-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory__title {
	margin: 0;
	font-size: clamp(1.05rem, 2vw, 1.3rem);
	font-weight: 800;
	color: var(--wtapp-public-heading);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory__counter {
	margin: 0;
	font-size: 0.88rem;
	font-weight: 700;
	color: var(--wtapp-public-muted);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory-grid {
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 16px;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory-card {
	position: relative;
	min-height: 100%;
	overflow: hidden;
	border-radius: 20px;
	background: var(--wtapp-public-directory-card-bg);
	border-color: var(--wtapp-public-directory-card-border);
	box-shadow: var(--wtapp-public-directory-card-shadow);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory-card:hover,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory-card:focus-visible {
	border-color: color-mix(in srgb, var(--wtapp-public-directory-accent) 60%, var(--wtapp-public-directory-card-border));
	box-shadow: var(--wtapp-public-directory-card-shadow-hover);
	transform: translateY(-2px);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory-card::after {
	content: "";
	position: absolute;
	inset: auto -18% -48% auto;
	width: 150px;
	height: 150px;
	border-radius: 999px;
	background: radial-gradient(circle, color-mix(in srgb, var(--wtapp-public-directory-accent) 18%, transparent) 0%, transparent 70%);
	pointer-events: none;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory-card__media {
	position: relative;
	min-height: 0;
	aspect-ratio: 2 / 3;
	background:
		radial-gradient(circle at top right, color-mix(in srgb, #ffffff 52%, transparent), transparent 35%),
		linear-gradient(160deg, color-mix(in srgb, var(--wtapp-public-directory-accent) 14%, var(--wtapp-public-surface-strong)) 0%, color-mix(in srgb, var(--wtapp-public-directory-accent) 22%, var(--wtapp-public-surface-strong)) 55%, color-mix(in srgb, var(--wtapp-public-directory-accent) 30%, var(--wtapp-public-surface-strong)) 100%);
	border-bottom: 1px solid color-mix(in srgb, var(--wtapp-public-directory-accent) 16%, transparent);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory-card__media::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(135deg, color-mix(in srgb, #ffffff 24%, transparent), transparent 55%),
		linear-gradient(0deg, color-mix(in srgb, #0f172a 6%, transparent), transparent 45%);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory-card__type {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 8px;
	border-radius: 999px;
	background: var(--wtapp-public-directory-pill-bg);
	color: var(--wtapp-public-directory-pill-ink);
	box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory-card__count {
	background: var(--wtapp-public-directory-count-bg);
	color: var(--wtapp-public-directory-count-ink);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory-card__body {
	gap: 9px;
	padding: 16px 16px 18px;
	background: linear-gradient(180deg, color-mix(in srgb, var(--wtapp-public-directory-card-bg) 84%, transparent) 0%, var(--wtapp-public-directory-card-bg) 100%);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory-card__title {
	-webkit-line-clamp: 2;
	font-size: 0.98rem;
	line-height: 1.28;
	color: var(--wtapp-public-directory-card-title);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory-card__summary {
	margin: 0;
	-webkit-line-clamp: 3;
	font-size: 0.84rem;
	line-height: 1.5;
	color: var(--wtapp-public-directory-card-summary);
}

body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-page-page_genres .wtapp-directory-card__summary,
body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-page-page_tags .wtapp-directory-card__summary {
	min-height: 3.8em;
}

@media (prefers-reduced-motion: reduce) {
	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory-card:hover,
	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory-card:focus-visible {
		transform: none;
	}
}

@media (max-width: 1023px) {
	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory__intro {
		padding: 0.9rem 0.95rem;
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.wtapp-shell-body.wtapp-route-public:not(.wtapp-reader-mode) .wtapp-directory-card__body {
		padding: 14px 14px 16px;
	}
}


/* assets/css/features/public/components/recommendations.css */
body.wtapp-shell-body.wtapp-route-public .wtapp-recommendations-mount {
	min-width: 0;
}

body.wtapp-shell-body.wtapp-route-public .wtapp-recommendations {
	display: grid;
	gap: 14px;
	min-width: 0;
	padding: 28px 24px 26px;
	border-radius: 28px;
	border: 1px solid color-mix(in srgb, var(--wtapp-public-line) 88%, #fff 12%);
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 96%, #fff 4%);
	box-shadow: 0 24px 60px color-mix(in srgb, var(--wtapp-public-ink) 10%, transparent);
}

body.wtapp-shell-body.wtapp-route-public .wtapp-recommendations__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
}

body.wtapp-shell-body.wtapp-route-public .wtapp-recommendations__title {
	margin: 0;
	font-size: 1.34rem;
	font-family: "Avenir Next", "Segoe UI", sans-serif;
	font-weight: 800;
	letter-spacing: -0.03em;
	color: var(--wtapp-public-ink);
}

body.wtapp-shell-body.wtapp-route-public .wtapp-recommendations__link {
	flex: 0 0 auto;
	font-size: 0.98rem;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: #4d6dff;
	text-decoration: none;
}

body.wtapp-shell-body.wtapp-route-public .wtapp-recommendations__link:hover,
body.wtapp-shell-body.wtapp-route-public .wtapp-recommendations__link:focus-visible {
	color: color-mix(in srgb, #4d6dff 84%, var(--wtapp-public-heading));
	text-decoration: none;
}

body.wtapp-shell-body.wtapp-route-public .wtapp-recommendations__body {
	min-width: 0;
}

body.wtapp-shell-body.wtapp-route-public .wtapp-recommendations .wtapp-home-grid,
body.wtapp-shell-body.wtapp-route-public .wtapp-recommendations .wtapp-editorial-grid {
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 14px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-recommendations,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-recommendations,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-single_post .wtapp-recommendations {
	margin-top: 24px;
}

@media (max-width: 860px) {
	body.wtapp-shell-body.wtapp-route-public .wtapp-recommendations {
		gap: 12px;
		padding: 22px 18px 20px;
		border-radius: 22px;
	}

	body.wtapp-shell-body.wtapp-route-public .wtapp-recommendations__title {
		font-size: 1.15rem;
	}

	body.wtapp-shell-body.wtapp-route-public .wtapp-recommendations__link {
		font-size: 0.92rem;
	}

	body.wtapp-shell-body.wtapp-route-public .wtapp-recommendations .wtapp-home-grid,
	body.wtapp-shell-body.wtapp-route-public .wtapp-recommendations .wtapp-editorial-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-recommendations,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post .wtapp-recommendations,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-single_post .wtapp-recommendations {
		margin-top: 18px;
	}
}


/* assets/css/features/public/components/static.css */
body.wtapp-shell-body.wtapp-route-public.wtapp-page-about_page,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-policy_page,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-static_page {
	--wtapp-public-static-accent: var(--wtapp-public-brand);
	--wtapp-public-static-border: color-mix(in srgb, var(--wtapp-public-line) 88%, transparent);
	--wtapp-public-static-heading: var(--wtapp-public-heading);
	--wtapp-public-static-link: color-mix(in srgb, var(--wtapp-public-static-accent) 86%, var(--wtapp-public-heading));
	--wtapp-public-static-link-hover: color-mix(in srgb, var(--wtapp-public-static-accent) 94%, #ffffff 6%);
	--wtapp-public-static-quote-bg: color-mix(in srgb, var(--wtapp-public-static-accent) 10%, var(--wtapp-public-surface-strong));
	--wtapp-public-static-quote-line: color-mix(in srgb, var(--wtapp-public-static-accent) 56%, transparent);
	--wtapp-public-static-rule: color-mix(in srgb, var(--wtapp-public-line) 96%, transparent);
	--wtapp-public-static-code-bg: color-mix(in srgb, var(--wtapp-public-static-accent) 9%, var(--wtapp-public-surface-strong));
	--wtapp-public-static-code-ink: var(--wtapp-public-ink);
	--wtapp-public-static-pre-bg: color-mix(in srgb, var(--wtapp-public-static-accent) 14%, var(--wtapp-public-surface-strong));
	--wtapp-public-static-caption: var(--wtapp-public-muted);
	--wtapp-public-static-table-head-bg: color-mix(in srgb, var(--wtapp-public-static-accent) 12%, var(--wtapp-public-surface-strong));
	--wtapp-public-static-table-row-bg: color-mix(in srgb, var(--wtapp-public-static-accent) 5%, var(--wtapp-public-surface));
	--wtapp-public-static-embed-bg: color-mix(in srgb, var(--wtapp-public-static-accent) 8%, var(--wtapp-public-surface-strong));
	--wtapp-public-static-selection: color-mix(in srgb, var(--wtapp-public-static-accent) 22%, transparent);
}

html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public.wtapp-page-about_page,
html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public.wtapp-page-policy_page,
html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public.wtapp-page-static_page {
	--wtapp-public-static-link: color-mix(in srgb, #8ab4ff 72%, var(--wtapp-public-static-accent));
	--wtapp-public-static-link-hover: color-mix(in srgb, #bfd5ff 82%, var(--wtapp-public-static-accent));
	--wtapp-public-static-code-bg: color-mix(in srgb, var(--wtapp-public-static-accent) 16%, rgba(15, 23, 42, 0.96));
	--wtapp-public-static-pre-bg: color-mix(in srgb, var(--wtapp-public-static-accent) 20%, rgba(15, 23, 42, 0.98));
	--wtapp-public-static-table-row-bg: color-mix(in srgb, var(--wtapp-public-static-accent) 9%, rgba(15, 23, 42, 0.9));
	--wtapp-public-static-embed-bg: color-mix(in srgb, var(--wtapp-public-static-accent) 14%, rgba(15, 23, 42, 0.96));
}

main[data-page-key="about_page"] .wtapp-surface--prose,
main[data-page-key="policy_page"] .wtapp-surface--prose,
main[data-page-key="static_page"] .wtapp-surface--prose {
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 92%, transparent);
	border: 1px solid var(--wtapp-public-static-border);
	box-shadow: var(--wtapp-public-card-shadow);
}

main[data-page-key="about_page"] .wtapp-static-prose,
main[data-page-key="policy_page"] .wtapp-static-prose,
main[data-page-key="static_page"] .wtapp-static-prose,
main[data-page-key="about_page"] .wtapp-static-prose p,
main[data-page-key="policy_page"] .wtapp-static-prose p,
main[data-page-key="static_page"] .wtapp-static-prose p,
main[data-page-key="about_page"] .wtapp-static-prose li,
main[data-page-key="policy_page"] .wtapp-static-prose li,
main[data-page-key="static_page"] .wtapp-static-prose li {
	color: var(--wtapp-public-ink);
}

main[data-page-key="about_page"] .wtapp-static-prose::selection,
main[data-page-key="policy_page"] .wtapp-static-prose::selection,
main[data-page-key="static_page"] .wtapp-static-prose::selection,
main[data-page-key="about_page"] .wtapp-static-prose *::selection,
main[data-page-key="policy_page"] .wtapp-static-prose *::selection,
main[data-page-key="static_page"] .wtapp-static-prose *::selection {
	background: var(--wtapp-public-static-selection);
}

main[data-page-key="about_page"] .wtapp-static-prose > :first-child,
main[data-page-key="policy_page"] .wtapp-static-prose > :first-child,
main[data-page-key="static_page"] .wtapp-static-prose > :first-child {
	margin-top: 0;
}

main[data-page-key="about_page"] .wtapp-static-prose > :last-child,
main[data-page-key="policy_page"] .wtapp-static-prose > :last-child,
main[data-page-key="static_page"] .wtapp-static-prose > :last-child {
	margin-bottom: 0;
}

main[data-page-key="about_page"] .wtapp-static-prose h1,
main[data-page-key="about_page"] .wtapp-static-prose h2,
main[data-page-key="about_page"] .wtapp-static-prose h3,
main[data-page-key="about_page"] .wtapp-static-prose h4,
main[data-page-key="about_page"] .wtapp-static-prose h5,
main[data-page-key="about_page"] .wtapp-static-prose h6,
main[data-page-key="policy_page"] .wtapp-static-prose h1,
main[data-page-key="policy_page"] .wtapp-static-prose h2,
main[data-page-key="policy_page"] .wtapp-static-prose h3,
main[data-page-key="policy_page"] .wtapp-static-prose h4,
main[data-page-key="policy_page"] .wtapp-static-prose h5,
main[data-page-key="policy_page"] .wtapp-static-prose h6,
main[data-page-key="static_page"] .wtapp-static-prose h1,
main[data-page-key="static_page"] .wtapp-static-prose h2,
main[data-page-key="static_page"] .wtapp-static-prose h3,
main[data-page-key="static_page"] .wtapp-static-prose h4,
main[data-page-key="static_page"] .wtapp-static-prose h5,
main[data-page-key="static_page"] .wtapp-static-prose h6 {
	color: var(--wtapp-public-static-heading);
	scroll-margin-top: 120px;
}

main[data-page-key="about_page"] .wtapp-static-prose h1,
main[data-page-key="policy_page"] .wtapp-static-prose h1,
main[data-page-key="static_page"] .wtapp-static-prose h1 {
	font-size: clamp(2rem, 4vw, 2.8rem);
	line-height: 1.12;
}

main[data-page-key="about_page"] .wtapp-static-prose h2,
main[data-page-key="policy_page"] .wtapp-static-prose h2,
main[data-page-key="static_page"] .wtapp-static-prose h2 {
	font-size: clamp(1.45rem, 2.6vw, 2rem);
	line-height: 1.2;
}

main[data-page-key="about_page"] .wtapp-static-prose h3,
main[data-page-key="policy_page"] .wtapp-static-prose h3,
main[data-page-key="static_page"] .wtapp-static-prose h3 {
	font-size: clamp(1.2rem, 2vw, 1.5rem);
	line-height: 1.3;
}

main[data-page-key="about_page"] .wtapp-static-prose a,
main[data-page-key="policy_page"] .wtapp-static-prose a,
main[data-page-key="static_page"] .wtapp-static-prose a {
	color: var(--wtapp-public-static-link);
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.16em;
	word-break: break-word;
}

main[data-page-key="about_page"] .wtapp-static-prose a:hover,
main[data-page-key="about_page"] .wtapp-static-prose a:focus-visible,
main[data-page-key="policy_page"] .wtapp-static-prose a:hover,
main[data-page-key="policy_page"] .wtapp-static-prose a:focus-visible,
main[data-page-key="static_page"] .wtapp-static-prose a:hover,
main[data-page-key="static_page"] .wtapp-static-prose a:focus-visible {
	color: var(--wtapp-public-static-link-hover);
}

main[data-page-key="about_page"] .wtapp-static-prose strong,
main[data-page-key="about_page"] .wtapp-static-prose b,
main[data-page-key="policy_page"] .wtapp-static-prose strong,
main[data-page-key="policy_page"] .wtapp-static-prose b,
main[data-page-key="static_page"] .wtapp-static-prose strong,
main[data-page-key="static_page"] .wtapp-static-prose b {
	color: var(--wtapp-public-heading);
}

main[data-page-key="about_page"] .wtapp-static-prose em,
main[data-page-key="about_page"] .wtapp-static-prose i,
main[data-page-key="policy_page"] .wtapp-static-prose em,
main[data-page-key="policy_page"] .wtapp-static-prose i,
main[data-page-key="static_page"] .wtapp-static-prose em,
main[data-page-key="static_page"] .wtapp-static-prose i {
	color: color-mix(in srgb, var(--wtapp-public-ink) 88%, var(--wtapp-public-static-accent));
}

main[data-page-key="about_page"] .wtapp-static-prose ul,
main[data-page-key="about_page"] .wtapp-static-prose ol,
main[data-page-key="policy_page"] .wtapp-static-prose ul,
main[data-page-key="policy_page"] .wtapp-static-prose ol,
main[data-page-key="static_page"] .wtapp-static-prose ul,
main[data-page-key="static_page"] .wtapp-static-prose ol {
	padding-left: 1.35rem;
}

main[data-page-key="about_page"] .wtapp-static-prose li + li,
main[data-page-key="policy_page"] .wtapp-static-prose li + li,
main[data-page-key="static_page"] .wtapp-static-prose li + li {
	margin-top: 0.45rem;
}

main[data-page-key="about_page"] .wtapp-static-prose li::marker,
main[data-page-key="policy_page"] .wtapp-static-prose li::marker,
main[data-page-key="static_page"] .wtapp-static-prose li::marker {
	color: color-mix(in srgb, var(--wtapp-public-static-accent) 68%, var(--wtapp-public-ink));
}

main[data-page-key="about_page"] .wtapp-static-prose blockquote,
main[data-page-key="policy_page"] .wtapp-static-prose blockquote,
main[data-page-key="static_page"] .wtapp-static-prose blockquote {
	margin: 1.8rem 0;
	padding: 1rem 1.2rem;
	border-left: 4px solid var(--wtapp-public-static-quote-line);
	border-radius: 0 18px 18px 0;
	background: var(--wtapp-public-static-quote-bg);
	color: var(--wtapp-public-ink);
}

main[data-page-key="about_page"] .wtapp-static-prose blockquote > :first-child,
main[data-page-key="policy_page"] .wtapp-static-prose blockquote > :first-child,
main[data-page-key="static_page"] .wtapp-static-prose blockquote > :first-child {
	margin-top: 0;
}

main[data-page-key="about_page"] .wtapp-static-prose blockquote > :last-child,
main[data-page-key="policy_page"] .wtapp-static-prose blockquote > :last-child,
main[data-page-key="static_page"] .wtapp-static-prose blockquote > :last-child {
	margin-bottom: 0;
}

main[data-page-key="about_page"] .wtapp-static-prose hr,
main[data-page-key="policy_page"] .wtapp-static-prose hr,
main[data-page-key="static_page"] .wtapp-static-prose hr {
	border: 0;
	border-top: 1px solid var(--wtapp-public-static-rule);
	margin: 2rem 0;
}

main[data-page-key="about_page"] .wtapp-static-prose :not(pre) > code,
main[data-page-key="policy_page"] .wtapp-static-prose :not(pre) > code,
main[data-page-key="static_page"] .wtapp-static-prose :not(pre) > code {
	padding: 0.16rem 0.42rem;
	border-radius: 0.45rem;
	background: var(--wtapp-public-static-code-bg);
	color: var(--wtapp-public-static-code-ink);
	font-size: 0.94em;
}

main[data-page-key="about_page"] .wtapp-static-prose pre,
main[data-page-key="policy_page"] .wtapp-static-prose pre,
main[data-page-key="static_page"] .wtapp-static-prose pre {
	padding: 1rem 1.1rem;
	border: 1px solid var(--wtapp-public-static-border);
	border-radius: 18px;
	background: var(--wtapp-public-static-pre-bg);
	color: var(--wtapp-public-static-code-ink);
	overflow-x: auto;
}

main[data-page-key="about_page"] .wtapp-static-prose pre code,
main[data-page-key="policy_page"] .wtapp-static-prose pre code,
main[data-page-key="static_page"] .wtapp-static-prose pre code {
	padding: 0;
	background: transparent;
	color: inherit;
}

main[data-page-key="about_page"] .wtapp-static-prose table,
main[data-page-key="policy_page"] .wtapp-static-prose table,
main[data-page-key="static_page"] .wtapp-static-prose table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 1.8rem 0;
	border: 1px solid var(--wtapp-public-static-border);
	border-radius: 18px;
	overflow: hidden;
}

main[data-page-key="about_page"] .wtapp-static-prose th,
main[data-page-key="about_page"] .wtapp-static-prose td,
main[data-page-key="policy_page"] .wtapp-static-prose th,
main[data-page-key="policy_page"] .wtapp-static-prose td,
main[data-page-key="static_page"] .wtapp-static-prose th,
main[data-page-key="static_page"] .wtapp-static-prose td {
	padding: 0.85rem 1rem;
	border-bottom: 1px solid var(--wtapp-public-static-border);
	text-align: left;
	vertical-align: top;
}

main[data-page-key="about_page"] .wtapp-static-prose thead th,
main[data-page-key="policy_page"] .wtapp-static-prose thead th,
main[data-page-key="static_page"] .wtapp-static-prose thead th {
	background: var(--wtapp-public-static-table-head-bg);
	color: var(--wtapp-public-static-heading);
}

main[data-page-key="about_page"] .wtapp-static-prose tbody tr:nth-child(even),
main[data-page-key="policy_page"] .wtapp-static-prose tbody tr:nth-child(even),
main[data-page-key="static_page"] .wtapp-static-prose tbody tr:nth-child(even) {
	background: var(--wtapp-public-static-table-row-bg);
}

main[data-page-key="about_page"] .wtapp-static-prose figure,
main[data-page-key="about_page"] .wtapp-static-prose .wp-block-image,
main[data-page-key="policy_page"] .wtapp-static-prose figure,
main[data-page-key="policy_page"] .wtapp-static-prose .wp-block-image,
main[data-page-key="static_page"] .wtapp-static-prose figure,
main[data-page-key="static_page"] .wtapp-static-prose .wp-block-image {
	margin: 1.8rem 0;
}

main[data-page-key="about_page"] .wtapp-static-prose img,
main[data-page-key="policy_page"] .wtapp-static-prose img,
main[data-page-key="static_page"] .wtapp-static-prose img,
main[data-page-key="about_page"] .wtapp-static-prose video,
main[data-page-key="policy_page"] .wtapp-static-prose video,
main[data-page-key="static_page"] .wtapp-static-prose video {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 18px;
}

main[data-page-key="about_page"] .wtapp-static-prose figcaption,
main[data-page-key="about_page"] .wtapp-static-prose .wp-caption-text,
main[data-page-key="policy_page"] .wtapp-static-prose figcaption,
main[data-page-key="policy_page"] .wtapp-static-prose .wp-caption-text,
main[data-page-key="static_page"] .wtapp-static-prose figcaption,
main[data-page-key="static_page"] .wtapp-static-prose .wp-caption-text {
	margin-top: 0.75rem;
	color: var(--wtapp-public-static-caption);
	font-size: 0.92rem;
	line-height: 1.6;
}

main[data-page-key="about_page"] .wtapp-static-prose .alignleft,
main[data-page-key="policy_page"] .wtapp-static-prose .alignleft,
main[data-page-key="static_page"] .wtapp-static-prose .alignleft {
	margin-right: 1.5rem;
}

main[data-page-key="about_page"] .wtapp-static-prose .alignright,
main[data-page-key="policy_page"] .wtapp-static-prose .alignright,
main[data-page-key="static_page"] .wtapp-static-prose .alignright {
	margin-left: 1.5rem;
}

main[data-page-key="about_page"] .wtapp-static-prose .wp-block-embed,
main[data-page-key="about_page"] .wtapp-static-prose .wp-block-video,
main[data-page-key="policy_page"] .wtapp-static-prose .wp-block-embed,
main[data-page-key="policy_page"] .wtapp-static-prose .wp-block-video,
main[data-page-key="static_page"] .wtapp-static-prose .wp-block-embed,
main[data-page-key="static_page"] .wtapp-static-prose .wp-block-video {
	margin: 1.8rem 0;
	padding: 1rem;
	border: 1px solid var(--wtapp-public-static-border);
	border-radius: 20px;
	background: var(--wtapp-public-static-embed-bg);
}

main[data-page-key="about_page"] .wtapp-static-prose iframe,
main[data-page-key="policy_page"] .wtapp-static-prose iframe,
main[data-page-key="static_page"] .wtapp-static-prose iframe {
	display: block;
	width: 100%;
	max-width: 100%;
	border: 0;
	border-radius: 16px;
}

@media (max-width: 767px) {
	main[data-page-key="about_page"] .wtapp-surface--prose,
	main[data-page-key="policy_page"] .wtapp-surface--prose,
	main[data-page-key="static_page"] .wtapp-surface--prose {
		border-radius: 22px;
	}

	main[data-page-key="about_page"] .wtapp-static-prose,
	main[data-page-key="policy_page"] .wtapp-static-prose,
	main[data-page-key="static_page"] .wtapp-static-prose {
		font-size: 0.98rem;
		line-height: 1.75;
	}

	main[data-page-key="about_page"] .wtapp-static-prose table,
	main[data-page-key="policy_page"] .wtapp-static-prose table,
	main[data-page-key="static_page"] .wtapp-static-prose table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}

	main[data-page-key="about_page"] .wtapp-static-prose .alignleft,
	main[data-page-key="about_page"] .wtapp-static-prose .alignright,
	main[data-page-key="policy_page"] .wtapp-static-prose .alignleft,
	main[data-page-key="policy_page"] .wtapp-static-prose .alignright,
	main[data-page-key="static_page"] .wtapp-static-prose .alignleft,
	main[data-page-key="static_page"] .wtapp-static-prose .alignright {
		float: none;
		display: block;
		margin-right: 0;
		margin-left: 0;
	}
}


/* assets/css/features/public/routes/home.css */
body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-screen--homepage {
	gap: 28px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-section {
	padding: 20px;
	border-radius: 24px;
	border: 1px solid var(--wtapp-public-line);
	box-shadow: var(--wtapp-public-shadow);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-section--featured-rail {
	padding-inline: 14px;
	overflow: hidden;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-hero {
	position: relative;
	margin-inline: calc(50% - 50vw);
	margin-top: -24px;
	padding: 0;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-hero__shell {
	position: relative;
	padding: 60px clamp(24px, 4vw, 48px) 62px;
	overflow: hidden;
	background: var(--wtapp-public-home-hero-background);
	box-shadow: var(--wtapp-public-home-hero-shadow);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(320px, 560px);
	gap: clamp(24px, 4vw, 52px);
	align-items: center;
	max-width: 1520px;
	margin: 0 auto;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-hero__intro {
	max-width: 640px;
	margin: 0;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-hero__site-title {
	margin: 0;
	max-width: 12ch;
	font-size: clamp(2.6rem, 5vw, 4.1rem);
	line-height: 0.98;
	font-family: "Avenir Next", "Segoe UI", sans-serif;
	font-weight: 800;
	letter-spacing: -0.05em;
	color: var(--wtapp-public-home-hero-ink);
	text-align: left;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-hero__site-summary {
	margin: 24px 0 0;
	max-width: 56ch;
	font-size: clamp(1rem, 1.6vw, 1.24rem);
	line-height: 1.65;
	color: var(--wtapp-public-home-hero-muted);
	text-align: left;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-hero__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 14px;
	margin-top: 34px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-hero__cta {
	min-width: 250px;
	min-height: 50px;
	padding-inline: 30px;
	border-radius: 18px;
	font-size: 1.08rem;
	font-weight: 800;
	text-align: center;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-hero__cta--primary {
	background: var(--wtapp-public-home-hero-cta-primary-bg);
	border: 1px solid var(--wtapp-public-home-hero-cta-primary-border);
	color: var(--wtapp-public-home-hero-cta-primary-ink);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-hero__cta--secondary {
	background: var(--wtapp-public-home-hero-cta-secondary-bg);
	color: var(--wtapp-public-home-hero-cta-secondary-ink);
	border: 1px solid var(--wtapp-public-home-hero-cta-secondary-border);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero__feature {
	display: grid;
	grid-template-columns: minmax(180px, 228px) minmax(0, 1fr);
	gap: clamp(18px, 2vw, 24px);
	align-items: center;
	padding: clamp(18px, 2vw, 24px);
	border-radius: 28px;
	border: 1px solid color-mix(in srgb, var(--wtapp-public-line) 88%, transparent);
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 94%, transparent);
	box-shadow: var(--wtapp-public-shadow);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero__media {
	position: relative;
	display: block;
	border-radius: 24px;
	overflow: hidden;
	background: var(--wtapp-public-home-featured-card-media-bg);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero__image {
	display: block;
	width: 100%;
	aspect-ratio: 2 / 3;
	object-fit: contain;
	object-position: center center;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero__status {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 10;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 6px 12px;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	line-height: 1;
	color: var(--wtapp-public-status-ongoing-ink);
	background: var(--wtapp-public-status-ongoing-bg);
	box-shadow: var(--wtapp-public-status-shadow);
	pointer-events: none;
	white-space: nowrap;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero__status.wtapp-status--ongoing {
	background: var(--wtapp-public-status-ongoing-bg);
	color: var(--wtapp-public-status-ongoing-ink);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero__status.wtapp-status--completed {
	background: var(--wtapp-public-status-completed-bg);
	color: var(--wtapp-public-status-completed-ink);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero__status.wtapp-status--hiatus {
	background: var(--wtapp-public-status-hiatus-bg);
	color: var(--wtapp-public-status-hiatus-ink);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero__pdf-label {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	padding: 7px 10px;
	font-size: 0.76rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	background: var(--wtapp-public-brand);
	color: #fff;
	text-align: center;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero__body {
	display: flex;
	flex-direction: column;
	gap: 5px;
	min-width: 0;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero__eyebrow {
	margin: 0;
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wtapp-public-brand);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero__title {
	margin: 0;
	font-size: clamp(1.6rem, 2.4vw, 2.2rem);
	line-height: 1.02;
	font-family: "Avenir Next", "Segoe UI", sans-serif;
	font-weight: 800;
	color: var(--wtapp-public-heading);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero__title a {
	color: inherit;
	text-decoration: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero__summary {
	margin: 0;
	font-size: 0.96rem;
	line-height: 1.62;
	color: var(--wtapp-public-muted);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
	font-size: 0.82rem;
	color: var(--wtapp-public-muted);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero__cta-row {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 4px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero__cta {
	min-width: 220px;
	min-height: 48px;
	border-radius: 18px;
	background: var(--wtapp-public-home-hero-cta-primary-bg);
	border: 1px solid var(--wtapp-public-home-hero-cta-primary-border);
	color: var(--wtapp-public-home-hero-cta-primary-ink);
	font-weight: 800;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured {
	position: relative;
	max-width: 100%;
	margin: 0;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured__heading {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-bottom: 20px;
	font-size: 1.22rem;
	font-weight: 800;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--wtapp-public-home-featured-heading);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured__icon {
	font-size: 1.5rem;
	line-height: 1;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured__viewport {
	overflow: hidden;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured__track {
	display: flex;
	gap: 18px;
	overflow-x: auto;
	padding: 0 64px 10px;
	scrollbar-width: none;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured__track::-webkit-scrollbar {
	display: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured__nav {
	position: absolute;
	top: 56%;
	z-index: 2;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	border: 0;
	background: var(--wtapp-public-home-featured-nav-bg);
	color: var(--wtapp-public-home-featured-nav-ink);
	font-size: 2.4rem;
	line-height: 1;
	cursor: pointer;
	transform: translateY(-50%);
	box-shadow: var(--wtapp-public-home-featured-nav-shadow);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured__nav--prev {
	left: 14px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured__nav--next {
	right: 14px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured-card {
	flex: 0 0 clamp(214px, 17vw, 248px);
	display: flex;
	flex-direction: column;
	min-width: 0;
	border-radius: 22px;
	overflow: visible;
	background: var(--wtapp-public-home-featured-card-surface);
	scroll-snap-align: start;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured-card__media {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--wtapp-public-home-featured-card-media-bg);
	overflow: hidden;
	border-radius: 22px 22px 0 0;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured-card__media img {
	display: block;
	width: 100%;
	aspect-ratio: 2 / 3;
	object-fit: contain;
	object-position: center center;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured-card__status {
	position: absolute;
	top: 8px;
	right: 10px;
	z-index: 10;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px 10px;
	border-radius: 25px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.5px;
	color: var(--wtapp-public-status-ongoing-ink);
	background: var(--wtapp-public-status-ongoing-bg);
	box-shadow: var(--wtapp-public-status-shadow);
	transform-origin: top right;
	pointer-events: none;
	white-space: nowrap;
	line-height: 1.2;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured-card__status::before {
	content: none;
	display: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured-card__status.wtapp-status--ongoing {
	background: var(--wtapp-public-status-ongoing-bg);
	color: var(--wtapp-public-status-ongoing-ink);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured-card__status.wtapp-status--completed {
	background: var(--wtapp-public-status-completed-bg);
	color: var(--wtapp-public-status-completed-ink);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured-card__status.wtapp-status--hiatus {
	background: var(--wtapp-public-status-hiatus-bg);
	color: var(--wtapp-public-status-hiatus-ink);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured-card__pdf-label {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	padding: 6px 8px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.3px;
	background: #000;
	color: #fff;
	text-align: center;
	box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
	white-space: nowrap;
	line-height: 1.2;
	pointer-events: none;
}

html[data-wtapp-public-theme="dark"] body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured-card__pdf-label {
	background: var(--wtapp-public-brand);
	color: var(--wtapp-public-filter-active-ink);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 10px;
	padding: 16px 16px 18px;
	color: var(--wtapp-public-home-featured-card-ink);
	background: var(--wtapp-public-home-featured-card-body-bg);
	border-radius: 0 0 22px 22px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured-card__title {
	margin: 0;
	font-size: 0.8rem;
	line-height: 1.34;
	font-family: "Avenir Next", "Segoe UI", sans-serif;
	font-weight: 800;
	color: var(--wtapp-public-home-featured-card-ink);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured-card__title a {
	color: inherit;
	text-decoration: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured-card__summary {
	margin: 0;
	font-size: 0.8rem;
	line-height: 1.48;
	color: var(--wtapp-public-home-featured-card-muted);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured-card__meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 12px 18px;
	margin-top: auto;
	font-size: 0.82rem;
	color: var(--wtapp-public-home-featured-card-meta);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured-card__meta.wtapp-home-card__stats {
	color: var(--wtapp-public-home-featured-card-meta-strong);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-empty--hero {
	max-width: 540px;
	margin: 0 auto;
	text-align: center;
	background: var(--wtapp-public-home-empty-hero-bg);
	color: var(--wtapp-public-home-empty-hero-ink);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-section__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 14px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-section__title {
	margin: 0;
	font-size: 1.34rem;
	font-family: "Avenir Next", "Segoe UI", sans-serif;
	font-weight: 800;
	letter-spacing: -0.03em;
	color: var(--wtapp-public-ink);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-section__link {
	font-weight: 700;
	color: var(--wtapp-public-brand);
	text-decoration: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-ranking-list {
	display: grid;
	gap: 10px;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-ranking {
	display: grid;
	grid-template-columns: auto 56px minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	padding: 10px 12px;
	border-radius: 16px;
	background: color-mix(in srgb, var(--wtapp-public-surface-strong) 94%, transparent);
	border: 1px solid var(--wtapp-public-line);
	text-decoration: none;
	color: inherit;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-ranking__rank {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 14px;
	background: color-mix(in srgb, var(--wtapp-public-brand) 12%, transparent);
	color: var(--wtapp-public-brand);
	font-weight: 800;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-ranking__rank--1 {
	background: var(--wtapp-public-rank-1-bg);
	color: var(--wtapp-public-rank-1-ink);
	box-shadow: var(--wtapp-public-rank-1-shadow);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-ranking__rank--2 {
	background: var(--wtapp-public-rank-2-bg);
	color: var(--wtapp-public-rank-2-ink);
	box-shadow: var(--wtapp-public-rank-2-shadow);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-ranking__rank--3 {
	background: var(--wtapp-public-rank-3-bg);
	color: var(--wtapp-public-rank-3-ink);
	box-shadow: var(--wtapp-public-rank-3-shadow);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-ranking__rank--4,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-ranking__rank--5 {
	background: var(--wtapp-public-rank-top-bg);
	color: var(--wtapp-public-rank-top-ink);
	box-shadow: var(--wtapp-public-rank-top-shadow);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-ranking__cover {
	width: 54px;
	height: auto;
	aspect-ratio: 2 / 3;
	object-fit: contain;
	object-position: center center;
	border-radius: 12px;
	background: color-mix(in srgb, var(--wtapp-public-brand) 10%, var(--wtapp-public-surface-strong));
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-ranking__body {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-ranking__title {
	margin: 0;
	font-size: 1rem;
	line-height: 1.3;
	font-weight: 800;
	color: inherit;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-ranking__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	font-size: 0.86rem;
	color: var(--wtapp-public-muted);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-ranking__arrow {
	font-size: 1.2rem;
	color: var(--wtapp-public-muted);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-section--trending .wtapp-home-grid,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-section--recent .wtapp-home-grid,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-section--completed .wtapp-home-grid {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-section--trending .wtapp-home-grid > :nth-child(n+7),
body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-section--recent .wtapp-home-grid > :nth-child(n+7),
body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-section--completed .wtapp-home-grid > :nth-child(n+7) {
	display: none;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-empty {
	padding: 18px;
	border-radius: 18px;
	background: color-mix(in srgb, var(--wtapp-public-brand) 8%, var(--wtapp-public-surface-strong));
	color: var(--wtapp-public-muted);
}

@media (max-width: 1440px) {
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-section--trending .wtapp-home-grid,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-section--recent .wtapp-home-grid,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-section--completed .wtapp-home-grid {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}

@media (max-width: 1180px) {
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero {
		grid-template-columns: minmax(0, 1fr) minmax(300px, 500px);
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured__track {
		gap: 16px;
		padding: 0 58px 10px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured-card {
		flex-basis: clamp(196px, 23vw, 224px);
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-section--trending .wtapp-home-grid,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-section--recent .wtapp-home-grid,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-section--completed .wtapp-home-grid {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}

@media (max-width: 960px) {
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-hero__intro {
		max-width: 100%;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-hero__shell {
		padding: 64px 24px 52px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero {
		grid-template-columns: minmax(0, 1fr);
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero__feature {
		grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-hero__site-title {
		font-size: clamp(3rem, 8vw, 4.8rem);
		max-width: 12ch;
		text-align: center;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-hero__site-summary {
		max-width: 42ch;
		font-size: 1.08rem;
		margin-inline: auto;
		text-align: center;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-hero__actions {
		justify-content: center;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-section--featured-rail {
		padding-inline: 12px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured__track {
		padding: 0 52px 10px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured__nav {
		width: 48px;
		height: 48px;
		font-size: 2rem;
	}
}

@media (max-width: 860px) {
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-section {
		border-radius: 24px;
		padding: 10px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-hero {
		padding-top: 8px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-hero__shell {
		padding: 56px 18px 42px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-hero__site-title {
		font-size: clamp(2.4rem, 14vw, 3.8rem);
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-hero__site-summary {
		font-size: 1rem;
		max-width: 32ch;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero__feature {
		grid-template-columns: minmax(160px, 210px) minmax(0, 1fr);
		padding: 16px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero__title {
		font-size: 1.6rem;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-hero__cta {
		min-width: 210px;
		min-height: 56px;
		padding-inline: 24px;
		font-size: 0.98rem;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured__heading {
		margin-bottom: 18px;
		font-size: 1.08rem;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured__track {
		gap: 14px;
		padding: 0 48px 8px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured-card {
		flex-basis: min(58vw, 208px);
		border-radius: 22px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured-card__body {
		padding: 14px 14px 16px;
		gap: 5px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured__nav {
		width: 42px;
		height: 42px;
	}
}

@media (max-width: 640px) {
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-section--trending .wtapp-home-grid > :nth-child(n+7),
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-section--recent .wtapp-home-grid > :nth-child(n+7),
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-section--completed .wtapp-home-grid > :nth-child(n+7) {
		display: flex;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-section--trending .wtapp-home-grid,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-section--recent .wtapp-home-grid,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-section--completed .wtapp-home-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-ranking {
		grid-template-columns: auto 48px minmax(0, 1fr);
		gap: 10px;
		padding: 10px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-ranking__cover {
		width: 50px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-ranking__arrow {
		display: none;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-hero__actions {
		display: grid;
		grid-template-columns: 1fr 1fr;
		margin-inline: auto;
		max-width: 100%;
		margin-top: 15px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-hero__shell {
		padding: 30px 10px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-hero__site-title {
		font-size: clamp(2.25rem, 10vw, 3.3rem);
		max-width: 11ch;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-hero__site-summary {
		margin-top: 10px;
		font-size: 0.98rem;
		max-width: 40ch;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-hero__cta {
		width: 100%;
		min-width: 0;
		min-height: 45px;
		padding-inline: 10px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero__feature {
		grid-template-columns: minmax(0, 1fr);
		padding: 14px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero__media {
		max-width: min(62vw, 260px);
		margin: 0 auto;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero__body {
		gap: 10px;
		text-align: center;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero__summary {
		font-size: 0.92rem;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero__meta,
	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-lcp-hero__cta-row {
		justify-content: center;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured__heading {
		font-size: 1rem;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured__track {
		gap: 12px;
		padding: 0 14px 8px;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured-card {
		flex-basis: 42vw;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-featured__nav {
		display: none;
	}

	body.wtapp-shell-body.wtapp-route-public.wtapp-page-home .wtapp-home-section__header {
		margin-bottom: 10px;
	}
}


/* assets/css/features/public/routes/search.css */
body.wtapp-shell-body.wtapp-route-public.wtapp-page-search {
	--wtapp-public-search-accent: var(--wtapp-public-brand);
}

main[data-page-key="search"] .wtapp-screen--browse {
	color: var(--wtapp-public-ink);
}


/* assets/css/features/public/routes/novels-list.css */
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novels_list {
	--wtapp-public-novels-list-accent: var(--wtapp-public-brand);
}

main[data-page-key="novels_list"] .wtapp-screen--collection {
	color: var(--wtapp-public-ink);
}


/* assets/css/features/public/routes/novel-detail.css */
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail {
	--wtapp-public-novel-detail-accent: var(--wtapp-public-brand);
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel {
	display: grid;
	gap: 24px;
	color: var(--wtapp-public-ink);
	min-width: 0;
}

/* Prevent any image in novel detail from expanding layout (cover, banners, etc.) */
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-screen--novel img {
	max-width: 100%;
	height: auto;
}

body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-surface--novel-meta,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-surface--chapters,
body.wtapp-shell-body.wtapp-route-public.wtapp-page-novel_detail .wtapp-surface--reviews {
	margin: 0;
}


/* assets/css/features/public/routes/taxonomy-genre.css */
body.wtapp-shell-body.wtapp-route-public.wtapp-page-taxonomy_genre {
	--wtapp-public-taxonomy-genre-accent: var(--wtapp-public-brand);
}

main[data-page-key="taxonomy_genre"] .wtapp-screen--collection {
	color: var(--wtapp-public-ink);
}


/* assets/css/features/public/routes/taxonomy-tag.css */
body.wtapp-shell-body.wtapp-route-public.wtapp-page-taxonomy_tag {
	--wtapp-public-taxonomy-tag-accent: var(--wtapp-public-brand);
}

main[data-page-key="taxonomy_tag"] .wtapp-screen--collection {
	color: var(--wtapp-public-ink);
}


/* assets/css/features/public/routes/taxonomy-statuses.css */
body.wtapp-shell-body.wtapp-route-public.wtapp-page-taxonomy_statuses {
	--wtapp-public-taxonomy-status-accent: var(--wtapp-public-brand);
}

main[data-page-key="taxonomy_statuses"] .wtapp-screen--collection {
	color: var(--wtapp-public-ink);
}


/* assets/css/features/public/routes/blog-archive.css */
body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_archive {
	--wtapp-public-blog-archive-accent: var(--wtapp-public-brand);
}

main[data-page-key="blog_archive"] #blog-archive-ajax-wrap {
	color: var(--wtapp-public-ink);
}


/* assets/css/features/public/routes/page-genres.css */
body.wtapp-shell-body.wtapp-route-public.wtapp-page-page_genres {
	--wtapp-public-page-genres-accent: var(--wtapp-public-brand);
}

main[data-page-key="page_genres"] .wtapp-prose {
	color: var(--wtapp-public-ink);
}


/* assets/css/features/public/routes/page-tags.css */
body.wtapp-shell-body.wtapp-route-public.wtapp-page-page_tags {
	--wtapp-public-page-tags-accent: var(--wtapp-public-brand);
}

main[data-page-key="page_tags"] .wtapp-prose {
	color: var(--wtapp-public-ink);
}


/* assets/css/features/public/routes/about-page.css */
body.wtapp-shell-body.wtapp-route-public.wtapp-page-about_page {
	--wtapp-public-about-accent: var(--wtapp-public-brand);
}

main[data-page-key="about_page"] .wtapp-prose {
	color: var(--wtapp-public-ink);
}


/* assets/css/features/public/routes/policy-page.css */
body.wtapp-shell-body.wtapp-route-public.wtapp-page-policy_page {
	--wtapp-public-policy-accent: var(--wtapp-public-brand);
}

main[data-page-key="policy_page"] .wtapp-prose {
	color: var(--wtapp-public-ink);
}


/* assets/css/features/public/routes/blog-post.css */
body.wtapp-shell-body.wtapp-route-public.wtapp-page-blog_post {
	--wtapp-public-blog-post-accent: var(--wtapp-public-brand);
}

main[data-page-key="blog_post"] .wtapp-article {
	color: var(--wtapp-public-ink);
}


/* assets/css/features/public/routes/single-post.css */
body.wtapp-shell-body.wtapp-route-public.wtapp-page-single_post {
	--wtapp-public-single-post-accent: var(--wtapp-public-brand);
}

main[data-page-key="single_post"] .wtapp-article {
	color: var(--wtapp-public-ink);
}


/* assets/css/features/public/routes/static-page.css */
body.wtapp-shell-body.wtapp-route-public.wtapp-page-static_page {
	--wtapp-public-static-page-accent: var(--wtapp-public-brand);
}

main[data-page-key="static_page"] .wtapp-prose {
	color: var(--wtapp-public-ink);
}