/* One-recommendation launch state: lowercase brand voice and an intentional feature layout. */
#MainContent.bbb-wattpad-hub {
	background-color: #050505 !important;
	background-image: linear-gradient(
		180deg,
		#050505 0%,
		#32101f 12%,
		#772746 27%,
		#d85d91 44%,
		#efa4bf 52%,
		#d85d91 61%,
		#772746 77%,
		#32101f 90%,
		#050505 100%
	) !important;
}

#MainContent.bbb-wattpad-hub > .bbb-wattpad-hero,
#MainContent.bbb-wattpad-hub > .bbb-wattpad-section,
#MainContent.bbb-wattpad-hub > .bbb-wattpad-method,
#MainContent.bbb-wattpad-hub > .bbb-wattpad-discovery,
#MainContent.bbb-wattpad-hub > .bbb-home-faq {
	background-color: transparent;
}

.bbb-wattpad-hero {
	background-image: radial-gradient(circle at 82% 22%, rgba(255, 255, 255, .13), transparent 30%);
}

.bbb-wattpad-hero__lede {
	color: #f6eaf0;
}

.bbb-wattpad-eyebrow {
	color: #ff8ac7;
}

.bbb-wattpad-section h2,
.bbb-wattpad-section header > span,
.bbb-wattpad-discovery h2 {
	color: #fff;
}

.bbb-wattpad-eyebrow,
.bbb-wattpad-section header p,
.bbb-wattpad-method > div p,
.bbb-wattpad-discovery > p,
.bbb-wattpad-faq header p,
.bbb-wattpad-trust strong,
.bbb-wattpad-card__cover small,
.bbb-wattpad-status,
.bbb-wattpad-fixture,
.bbb-wattpad-verdict span,
.bbb-wattpad-method li strong,
.bbb-wattpad-disclosure strong {
	text-transform: none;
}

.bbb-wattpad-hero .bbb-wattpad-eyebrow {
	width: max-content;
	max-width: 100%;
	margin: 0 0 18px 8px;
	color: #ff8ac7;
	font: 600 clamp(25px, 3.2vw, 42px) / 1 var(--font-handwriting-family, "Caveat", cursive);
	letter-spacing: 0;
	transform: rotate(-2deg);
}

.bbb-wattpad-hero::after {
	display: none;
}

.bbb-wattpad-grid {
	grid-template-columns: minmax(0, 860px);
	justify-content: center;
}

.bbb-wattpad-card {
	grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
	min-height: 0;
}

.bbb-wattpad-card__cover {
	aspect-ratio: 2 / 3;
	min-height: 0;
}

.bbb-wattpad-card__cover--image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bbb-wattpad-cta {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}

.bbb-wattpad-ratings {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin: 0 0 15px;
}

.bbb-wattpad-ratings span {
	padding: 7px 10px;
	border: 1px solid rgba(126, 36, 78, .2);
	border-radius: 999px;
	background: #fff4f7;
	color: #5f3146;
	font-size: 11px;
}

.bbb-wattpad-ratings strong {
	color: #7e244e;
}

.bbb-wattpad-cta--inactive {
	color: #76616a;
	font-weight: 650;
}

.bbb-wattpad-cta:focus-visible,
.bbb-wattpad-discovery a:focus-visible,
.bbb-wattpad-faq summary:focus-visible {
	outline: 3px solid #b54f7d;
	outline-offset: 4px;
}

/* Homepage conversational FAQ treatment. */
.bbb-wattpad-text-faq{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:clamp(34px,6vw,86px);align-items:center;width:min(1140px,calc(100% - 48px));margin:80px auto;padding-block:clamp(64px,7vw,96px);color:#fff}
.bbb-wattpad-text-faq header p{margin:0 0 12px;color:#ff8ac7;font-size:12px;font-weight:800;letter-spacing:.18em}.bbb-wattpad-text-faq header span{color:#c9c1b6;font-size:12px}.bbb-wattpad-text-faq h2{margin:0 0 16px;color:#fff;font:500 clamp(40px,4.8vw,64px)/.96 var(--font-heading-family,Georgia,serif);text-transform:lowercase}.bbb-wattpad-text-faq__conversation{max-width:720px}.bbb-wattpad-text-faq__messages{display:flex;flex-direction:column;gap:12px;padding:0 0 12px;touch-action:pan-y}.bbb-wattpad-text-faq__question,.bbb-wattpad-text-faq__answer{max-width:min(78%,530px);margin:0;padding:14px 18px;border:1px solid #5d5956;font-size:15px;line-height:1.5}.bbb-wattpad-text-faq__question{align-self:flex-end;margin-left:auto;border-radius:18px 18px 3px 18px;background:#343131;color:#fff;opacity:0;transform:translateY(8px);transition:opacity .28s ease,transform .28s ease}.bbb-wattpad-text-faq__answer{align-self:flex-start;border-radius:18px 18px 18px 3px;background:#d5cdc1;color:#111;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}.bbb-wattpad-text-faq__question.is-arrived,.bbb-wattpad-text-faq__answer.is-arrived{opacity:1;transform:none}.bbb-wattpad-text-faq__answer p{margin:0}.bbb-wattpad-text-faq__controls{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 0 10px;color:#d5cdc1}.bbb-wattpad-text-faq__controls button{width:44px;height:44px;border:1px solid #77716b;border-radius:50%;background:#171717;color:#f4efe7;cursor:pointer}.bbb-wattpad-text-faq__controls span{min-width:48px;text-align:center;font-size:11px;font-weight:800}.bbb-wattpad-text-faq__prompts[hidden]{display:none!important}.bbb-wattpad-text-faq button:focus-visible{outline:3px solid #ffb0d4;outline-offset:3px}

.bbb-wattpad-method {
	background-image: repeating-linear-gradient(0deg, transparent 0 39px, rgba(255, 255, 255, .035) 40px);
	color: #24121c;
	backdrop-filter: none;
}

.bbb-wattpad-method > div p,
.bbb-wattpad-method li::before {
	color: #702143;
}

.bbb-wattpad-method h2 {
	color: #24121c !important;
}

.bbb-wattpad-method li {
	border-bottom-color: rgba(36, 18, 28, .2);
}

.bbb-wattpad-method li span {
	color: #4f2c3c;
}

@media (max-width: 560px) {
	.bbb-wattpad-text-faq{grid-template-columns:1fr;gap:24px}
	.bbb-wattpad-card {
		grid-template-columns: 96px minmax(0, 1fr);
	}

	.bbb-wattpad-card__cover {
		aspect-ratio: 2 / 3;
		min-height: 0;
	}

	.bbb-wattpad-card__body {
		padding: 18px;
	}

	.bbb-wattpad-card h3 {
		font-size: 27px;
	}
}

@media (max-width: 560px) {
	.bbb-wattpad-text-faq{width:min(100% - 30px,1140px);margin-block:56px;padding-block:44px}
	.bbb-wattpad-text-faq__question,.bbb-wattpad-text-faq__answer{max-width:88%}
	.bbb-wattpad-text-faq__prompts{grid-template-columns:1fr}
	.bbb-wattpad-text-faq__prompts button{min-height:44px}
}

@media (prefers-reduced-motion: reduce) {
	.bbb-wattpad-text-faq__question,.bbb-wattpad-text-faq__answer{opacity:1!important;transform:none!important;transition:none!important}
}

.bbb-wattpad-disclosure {
	position: relative;
	width: min(520px, calc(100% - 40px));
	margin: 54px auto 86px;
	padding: 18px 22px;
	border: 1px solid rgba(255, 138, 199, .58);
	border-radius: 20px 20px 20px 4px;
	background: #171217;
	box-shadow: 0 18px 38px rgba(0, 0, 0, .28);
	color: #f7eef2;
}

.bbb-wattpad-disclosure::after {
	content: "";
	position: absolute;
	left: -1px;
	bottom: -12px;
	width: 22px;
	height: 18px;
	border-left: 1px solid rgba(255, 138, 199, .58);
	background: #171217;
	clip-path: polygon(0 0, 100% 0, 0 100%);
}

.bbb-wattpad-disclosure strong {
	color: #ff8ac7;
	font-size: 11px;
	letter-spacing: .1em;
	text-transform: lowercase;
}

.bbb-wattpad-disclosure p {
	margin: 7px 0 0;
	color: rgba(247, 238, 242, .78);
	font-size: 12px;
	line-height: 1.6;
}

#MainContent.bbb-wattpad-hub .bbb-wattpad-related {
	display: block;
	margin: 90px 0;
	padding: 74px max(24px, calc((100% - 1140px) / 2));
	background-image: repeating-linear-gradient(0deg, transparent 0 39px, rgba(255, 255, 255, .035) 40px);
	color: #fff;
}

.bbb-wattpad-related header p {
	margin: 0 0 10px;
	color: #ff8ac7;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .16em;
}

.bbb-wattpad-related header h2 {
	max-width: 760px;
	margin: 0;
	color: #fff;
	font: 500 clamp(42px, 5.5vw, 70px) / .95 var(--font-heading-family, Georgia, serif);
}

.bbb-wattpad-related__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 38px;
}

.bbb-wattpad-related__card {
	position: relative;
	display: flex;
	min-height: 270px;
	padding: 24px;
	border: 1px solid rgba(255, 255, 255, .22);
	color: #fff;
	text-decoration: none;
	flex-direction: column;
	overflow: hidden;
	transition: transform .2s ease, box-shadow .2s ease;
}

.bbb-wattpad-related__card--playlist { background: linear-gradient(145deg, #161116, #59203b); }
.bbb-wattpad-related__card--trope { background: linear-gradient(145deg, #6f2147, #d45c91); }
.bbb-wattpad-related__card--boyfriend { background: #f6e9ee; color: #24121c; }
.bbb-wattpad-related__card span { position: relative; z-index: 1; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.bbb-wattpad-related__card strong { position: relative; z-index: 1; max-width: 11ch; margin-top: auto; font: 500 clamp(27px, 3vw, 39px) / .95 var(--font-heading-family, Georgia, serif); }
.bbb-wattpad-related__card i { position: absolute; top: 13px; right: 18px; color: currentColor; font: 500 58px / 1 var(--font-heading-family, Georgia, serif); opacity: .16; }
.bbb-wattpad-related__card b { position: relative; z-index: 1; margin-top: 18px; font-size: 11px; letter-spacing: .07em; }
.bbb-wattpad-related__card:hover,.bbb-wattpad-related__card:focus-visible { transform: translateY(-6px); box-shadow: 0 20px 38px rgba(0, 0, 0, .25); }
.bbb-wattpad-related__card:focus-visible { outline: 3px solid #ffb0d4; outline-offset: 4px; }

@media (max-width: 760px) {
	.bbb-wattpad-related__grid { grid-template-columns: 1fr; }
	.bbb-wattpad-related__card { min-height: 210px; }
}

/* Homepage lined-note-card treatment for the discovery row. */
.bbb-wattpad-discovery > div {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(18px, 2.5vw, 26px);
	margin-top: 30px;
}

.bbb-wattpad-discovery a {
	position: relative;
	display: flex;
	min-height: 270px;
	padding: 54px 28px 28px;
	border: 1px solid #9f8b94;
	border-radius: 4px;
	background-color: #fff8f2;
	background-image: repeating-linear-gradient(to bottom, rgba(75, 23, 45, .09) 0, rgba(75, 23, 45, .09) 1px, transparent 1px, transparent 28px);
	box-shadow: 0 18px 38px rgba(5, 5, 5, .28);
	color: #24121c;
	flex-direction: column;
	transform: rotate(-1.2deg);
	transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}

.bbb-wattpad-discovery a:nth-child(2) { transform: translateY(10px) rotate(1deg); }
.bbb-wattpad-discovery a:nth-child(3) { transform: rotate(-.45deg); }
.bbb-wattpad-discovery a::before {
	content: "";
	position: absolute;
	top: 17px;
	right: 18px;
	width: 18px;
	height: 18px;
	border: 1px solid #9f8b94;
	border-radius: 50%;
	background: #e99abc;
	box-shadow: inset 0 2px 4px rgba(75, 23, 45, .18);
}

.bbb-wattpad-discovery a::after {
	content: "saved for later";
	position: absolute;
	top: 18px;
	left: 24px;
	color: #8a345c;
	font: 600 19px / 1 var(--font-handwriting-family, "Caveat", cursive);
	transform: rotate(-2deg);
}

.bbb-wattpad-discovery a strong {
	max-width: 10ch;
	margin-top: auto;
	color: #24121c;
	font: 600 clamp(30px, 3vw, 42px) / .95 var(--font-heading-family, Georgia, serif);
}

.bbb-wattpad-discovery a span {
	margin-top: 18px;
	color: #7e244e;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.45;
}

.bbb-wattpad-discovery a:hover,.bbb-wattpad-discovery a:focus-visible {
	background-color: #f3bfd4;
	background-image: none;
	box-shadow: 0 24px 44px rgba(5, 5, 5, .34);
	transform: translateY(-5px) rotate(0);
}

.bbb-wattpad-discovery a:focus-visible {
	outline: 3px solid #ffb0d4;
	outline-offset: 5px;
}

@media (max-width: 700px) {
	.bbb-wattpad-discovery > div {
		display: flex;
		gap: 16px;
		overflow-x: auto;
		padding: 12px 8px 28px;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}
	.bbb-wattpad-discovery > div::-webkit-scrollbar { display: none; }
	.bbb-wattpad-discovery a,.bbb-wattpad-discovery a:nth-child(2),.bbb-wattpad-discovery a:nth-child(3) {
		flex: 0 0 min(78vw, 300px);
		min-height: 230px;
		padding: 50px 20px 22px;
		scroll-snap-align: center;
		transform: none;
	}
}

/* Related content is an editorial collage, not a uniform card grid. */
.bbb-wattpad-related__editorial{display:grid;gap:clamp(44px,7vw,86px);margin-top:46px}.bbb-wattpad-related__playlist{display:grid;grid-template-columns:minmax(190px,320px) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,68px);width:min(900px,100%);margin-inline:auto}.bbb-wattpad-related__playlistCover{display:block;overflow:hidden;border:12px solid #eee5dd;background:#111;box-shadow:18px 20px 0 rgba(255,138,199,.3),0 28px 50px rgba(0,0,0,.35);transform:rotate(-2deg)}.bbb-wattpad-related__playlistCover img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.bbb-wattpad-related__playlist>div span,.bbb-wattpad-related__books header span,.bbb-wattpad-related__men header span{color:#ff8ac7;font-size:10px;font-weight:800;letter-spacing:.14em}.bbb-wattpad-related__playlist h3,.bbb-wattpad-related__books h3,.bbb-wattpad-related__men h3{margin:8px 0;color:#fff;font:500 clamp(38px,5vw,64px)/.9 var(--font-heading-family,Georgia,serif)}.bbb-wattpad-related__playlist p{max-width:480px;color:rgba(255,255,255,.72);font-size:15px;line-height:1.65}.bbb-wattpad-related__playlist>div a,.bbb-wattpad-related__books header a{display:inline-flex;min-height:44px;align-items:center;color:#ffb0d4;font-size:12px;font-weight:800;text-underline-offset:4px}.bbb-wattpad-related__books{display:grid;grid-template-columns:minmax(190px,.5fr) minmax(0,1.5fr);align-items:center;gap:clamp(24px,5vw,70px)}.bbb-wattpad-related__bookPile{display:flex;align-items:center;justify-content:center;min-height:360px;padding:30px 20px}.bbb-wattpad-related__bookPile a{position:relative;display:block;flex:0 1 190px;margin-left:-42px;text-decoration:none;transform:translateY(calc((var(--pile-index) - 1.5) * 10px)) rotate(calc((var(--pile-index) - 1.5) * 2.2deg));transition:transform .2s ease;z-index:calc(var(--pile-index) + 1)}.bbb-wattpad-related__bookPile a:first-child{margin-left:0}.bbb-wattpad-related__bookPile img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border:5px solid #f4ece6;box-shadow:0 22px 36px rgba(0,0,0,.42)}.bbb-wattpad-related__bookPile a span{position:absolute;left:7px;right:7px;bottom:7px;padding:8px;background:rgba(5,5,5,.78);color:#fff;font-size:9px;line-height:1.25;opacity:0;transition:opacity .2s ease}.bbb-wattpad-related__bookPile a:hover,.bbb-wattpad-related__bookPile a:focus-visible{z-index:8;transform:translateY(-14px) rotate(0)}.bbb-wattpad-related__bookPile a:hover span,.bbb-wattpad-related__bookPile a:focus-visible span{opacity:1}.bbb-wattpad-related__men>header{max-width:620px;margin:0 auto 26px;text-align:center}.bbb-wattpad-related__men>div{display:flex;justify-content:center;gap:clamp(18px,4vw,42px)}.bbb-wattpad-related__men>div>a{position:relative;display:block;width:min(310px,42vw);aspect-ratio:4/5;overflow:hidden;border:8px solid #eee5dd;background:#171217;box-shadow:12px 15px 0 rgba(255,138,199,.24);text-decoration:none;transform:rotate(-1.5deg)}.bbb-wattpad-related__men>div>a:nth-child(2){transform:translateY(24px) rotate(1.8deg)}.bbb-wattpad-related__men img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.bbb-wattpad-related__men a>span{position:absolute;right:0;bottom:0;left:0;padding:34px 18px 16px;background:linear-gradient(transparent,rgba(5,5,5,.92));color:#fff}.bbb-wattpad-related__men a strong{display:block;font:500 clamp(24px,3vw,37px)/1 var(--font-heading-family,Georgia,serif)}.bbb-wattpad-related__men a small{display:block;margin-top:6px;color:#ffb0d4;font-size:10px;font-weight:800}.bbb-wattpad-related__playlist a:focus-visible,.bbb-wattpad-related__bookPile a:focus-visible,.bbb-wattpad-related__men a:focus-visible{outline:3px solid #ffb0d4;outline-offset:5px}

@media(max-width:700px){.bbb-wattpad-related__playlist,.bbb-wattpad-related__books{grid-template-columns:1fr}.bbb-wattpad-related__playlistCover{width:min(250px,76vw);margin-inline:auto}.bbb-wattpad-related__bookPile{justify-content:flex-start;min-height:300px;overflow-x:auto;padding-inline:28px}.bbb-wattpad-related__bookPile a{flex:0 0 145px;margin-left:-30px}.bbb-wattpad-related__bookPile a:first-child{margin-left:0}.bbb-wattpad-related__men>div{justify-content:flex-start;overflow-x:auto;padding:8px 18px 32px;scroll-snap-type:x mandatory}.bbb-wattpad-related__men>div>a,.bbb-wattpad-related__men>div>a:nth-child(2){flex:0 0 min(76vw,280px);width:auto;transform:none;scroll-snap-align:center}}

/* Reuse the homepage fictional-men collectible trading-card language. */
.bbb-wattpad-related__men>header p{margin:8px 0 0;color:#cfc1c8;font-size:12px}
.bbb-wattpad-related__men .bbb-wattpad-men-deck{display:grid;grid-template-columns:repeat(2,minmax(0,280px));justify-content:center;gap:clamp(22px,4vw,42px);overflow:visible;padding:36px 0 28px}
.bbb-wattpad-related__men .bbb-vision-man-card{position:relative;min-height:0;aspect-ratio:5/7;perspective:1200px;scroll-snap-align:center}
.bbb-wattpad-related__men .bbb-vision-man-card__annotation{position:absolute;left:12px;top:-23px;z-index:4;width:max-content;max-width:92%;margin:0;color:#ef7eb4;font:600 clamp(18px,1.7vw,24px)/1 var(--bbb-font-handwritten,'Caveat','Segoe Print',cursive);transform:rotate(-3deg);white-space:nowrap;pointer-events:none}
.bbb-wattpad-related__men .bbb-vision-man-card:nth-child(even) .bbb-vision-man-card__annotation{transform:rotate(2deg)}
.bbb-wattpad-related__men .bbb-vision-man-card__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.4,.2,.2,1)}
.bbb-wattpad-related__men .bbb-vision-man-card__face{position:absolute;inset:0;width:100%;min-height:0;border:2px solid #aaa39a;border-radius:14px;overflow:hidden;box-shadow:0 18px 30px -16px rgba(0,0,0,.72);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.bbb-wattpad-related__men .bbb-vision-man-card__front{display:grid;grid-template-rows:minmax(0,1fr) auto;padding:0;background:#151515;color:#f4efe7;cursor:pointer;transform:rotateY(0)}
.bbb-wattpad-related__men .bbb-vision-man-card__front img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center top;filter:grayscale(.12) contrast(1.06)}
.bbb-wattpad-related__men .bbb-vision-man-card__front>span{position:relative;display:grid;gap:5px;min-height:76px;padding:13px 14px 14px;border-top:1px solid #77716b;background:linear-gradient(145deg,#252323,#0c0c0c);text-align:left}
.bbb-wattpad-related__men .bbb-vision-man-card__front strong{color:#fff;font:600 clamp(19px,1.8vw,27px)/.98 var(--font-heading-family,Georgia,serif);letter-spacing:-.025em}
.bbb-wattpad-related__men .bbb-vision-man-card__front small{color:#d5cdc1;font:700 9px/1.2 Arial,sans-serif;letter-spacing:.09em}
.bbb-wattpad-related__men .bbb-vision-man-card__back{display:flex;flex-direction:column;gap:8px;padding:clamp(18px,2vw,26px);background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 6px),linear-gradient(150deg,#302c2d,#111);color:#f4efe7;transform:rotateY(180deg);overflow-y:auto}
.bbb-wattpad-related__men .bbb-vision-man-card__back>small{color:#ef7eb4;font:600 19px/1.1 var(--bbb-font-handwritten,'Caveat','Segoe Print',cursive)}
.bbb-wattpad-related__men .bbb-vision-man-card__back h3{margin:2px 0 8px;color:#fff;font:600 clamp(22px,2vw,30px)/.96 var(--font-heading-family,Georgia,serif)}
.bbb-wattpad-related__men .bbb-vision-man-card__stat{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0;padding:0 0 6px;border-bottom:1px dotted #77716b;color:#eee8df;font:600 10px/1.25 Arial,sans-serif}
.bbb-wattpad-related__men .bbb-vision-man-card__stat span{color:#bdb5ac;text-transform:uppercase;letter-spacing:.08em}
.bbb-wattpad-related__men .bbb-vision-man-card__stat b{max-width:62%;color:#fff;text-align:right}
.bbb-wattpad-related__men .bbb-vision-man-card__back a{display:inline-flex;align-items:center;min-height:44px;margin-top:auto;color:#ef7eb4;font-size:12px;font-weight:800}
.bbb-wattpad-related__men .bbb-vision-man-card.is-flipped .bbb-vision-man-card__inner{transform:rotateY(180deg)}
.bbb-wattpad-related__men .bbb-vision-man-card:not(.is-flipped) .bbb-vision-man-card__back,.bbb-wattpad-related__men .bbb-vision-man-card.is-flipped .bbb-vision-man-card__front{pointer-events:none}
@media(max-width:520px){.bbb-wattpad-related__men .bbb-wattpad-men-deck{display:flex;justify-content:flex-start;max-width:none;gap:14px;overflow-x:auto;padding:38px 18px 28px;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none}.bbb-wattpad-related__men .bbb-wattpad-men-deck::-webkit-scrollbar{display:none}.bbb-wattpad-related__men .bbb-vision-man-card{flex:0 0 min(78vw,280px)}.bbb-wattpad-related__men .bbb-vision-man-card__back{padding:18px 16px}}
@media(prefers-reduced-motion:reduce){.bbb-wattpad-related__men .bbb-vision-man-card__inner{transition:none}}

/* Compact owner-selected Wattpad detail popup. */
.bbb-wattpad-card-modal{width:min(620px,calc(100% - 28px));max-height:min(82vh,560px);border-color:rgba(255,138,199,.42);border-radius:16px;background:#0d0d0d;color:#fff}
.bbb-wattpad-card-modal__shell{padding:24px}
.bbb-wattpad-card-modal__content{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:start}
.bbb-wattpad-card-modal__content>.bbb-wattpad-card__cover{position:relative;top:auto;width:150px;aspect-ratio:2/3;border:1px solid rgba(255,255,255,.22);border-radius:8px;box-shadow:0 14px 28px rgba(0,0,0,.38)}
.bbb-wattpad-card-modal__details{display:flex;flex-direction:column;min-width:0;gap:16px}
.bbb-wattpad-card-modal__content .bbb-wattpad-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;margin:0;padding:0 0 14px;border-top:0;border-bottom:1px solid rgba(255,255,255,.15)}
.bbb-wattpad-card-modal__content .bbb-wattpad-tags span{display:flex;align-items:center;gap:7px;min-width:0;padding:0;background:transparent;color:#fff;font:600 11px/1.3 Arial,sans-serif}
.bbb-wattpad-card-modal__content .bbb-wattpad-tags span:before{display:none}
.bbb-wattpad-card-modal__content .bbb-wattpad-tags .bbb-custom-emoji{display:inline-block;width:22px;height:22px;flex:0 0 22px;object-fit:contain}
.bbb-wattpad-card-modal__content .bbb-wattpad-tags .bbb-custom-emoji--text{display:inline-grid;place-items:center;font-size:16px}
.bbb-wattpad-card-modal__content .bbb-wattpad-verdict{margin:0;padding:0;border:0;background:transparent}
.bbb-wattpad-card-modal__content .bbb-wattpad-verdict>span{color:#ff8ac7;font-size:24px}
.bbb-wattpad-card-modal__content .bbb-wattpad-verdict p{margin:7px 0 0;color:#fff;font-size:14px;line-height:1.55}
.bbb-wattpad-card-modal__content>.bbb-wattpad-card__cover .bbb-wattpad-card-modal__spice{top:7px;right:7px;bottom:auto;padding:6px 8px;font:700 10px/1 Arial,sans-serif!important}
.bbb-wattpad-card-modal__content .bbb-wattpad-cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-top:auto;padding:10px 14px;border:1px solid #ff8ac7;background:#ff8ac7;color:#111;text-decoration:none;font:800 11px/1 Arial,sans-serif}
@media(max-width:520px){.bbb-wattpad-card-modal{width:min(100% - 16px,390px);max-height:88vh}.bbb-wattpad-card-modal__shell{padding:17px 15px 18px}.bbb-wattpad-card-modal__content{grid-template-columns:92px minmax(0,1fr);gap:13px}.bbb-wattpad-card-modal__content>.bbb-wattpad-card__cover{width:92px;justify-self:start}.bbb-wattpad-card-modal__content .bbb-wattpad-tags{grid-template-columns:1fr;gap:7px;padding-bottom:11px}.bbb-wattpad-card-modal__content .bbb-wattpad-tags span{font-size:10px}.bbb-wattpad-card-modal__content .bbb-wattpad-verdict>span{font-size:21px}.bbb-wattpad-card-modal__content .bbb-wattpad-verdict p{font-size:12px;line-height:1.48}.bbb-wattpad-card-modal__content .bbb-wattpad-cta{min-height:40px}.bbb-wattpad-card-modal__close{width:38px;height:38px;margin:-8px -6px 7px 8px;font-size:24px}}

/* One continuous, reading-order motion system. */

/* Featured recommendation belongs to the black editorial field, not a white card. */
.bbb-wattpad-hub #editors-picks{
	width:100%;
	margin:0;
	padding:clamp(72px,8vw,118px) max(24px,calc((100% - 1140px)/2));
	background:#050505;
	color:#fff;
}
.bbb-wattpad-hub #editors-picks>header,
.bbb-wattpad-hub #editors-picks .bbb-wattpad-grid{width:min(1140px,100%);margin-inline:auto}
.bbb-wattpad-hub #editors-picks .bbb-wattpad-card{
	border-color:rgba(255,255,255,.2);
	background:#050505;
	color:#fff;
	box-shadow:none;
}
.bbb-wattpad-hub #editors-picks .bbb-wattpad-card__body{background:#050505}
.bbb-wattpad-hub #editors-picks .bbb-wattpad-card h3,
.bbb-wattpad-hub #editors-picks .bbb-wattpad-card__premise,
.bbb-wattpad-hub #editors-picks .bbb-wattpad-verdict p{color:#fff}
.bbb-wattpad-hub #editors-picks .bbb-wattpad-card__author,
.bbb-wattpad-hub #editors-picks .bbb-wattpad-card__footer small{color:#d8cdd2}
.bbb-wattpad-hub #editors-picks .bbb-wattpad-verdict{border-left-color:#ff8ac7;background:#171115}
.bbb-wattpad-hub #editors-picks .bbb-wattpad-tags span{background:#21171c;color:#f7eaf0}
.bbb-wattpad-hub #editors-picks .bbb-wattpad-card__footer{border-top-color:rgba(255,255,255,.18)}
.bbb-wattpad-hub #editors-picks .bbb-wattpad-annotation,
.bbb-wattpad-hub #editors-picks .bbb-wattpad-annotation>span{color:#ff8ac7}
.bbb-wattpad-hub #editors-picks .bbb-wattpad-annotation s{color:#c8bec2;text-decoration-color:#ff8ac7}

/* Pink recommendation field: supporting copy must remain readable, not tonal. */
.bbb-wattpad-hub .bbb-wattpad-related .bbb-wattpad-annotation,
.bbb-wattpad-hub .bbb-wattpad-related .bbb-wattpad-annotation>span,
.bbb-wattpad-hub .bbb-wattpad-related__playlist>div>span,
.bbb-wattpad-hub .bbb-wattpad-related__books header>span,
.bbb-wattpad-hub .bbb-wattpad-related__men header>span,
.bbb-wattpad-hub .bbb-wattpad-related__men a small{
	color:#4a102a;
	text-shadow:none;
}
.bbb-wattpad-hub .bbb-wattpad-related__playlist>div a,
.bbb-wattpad-hub .bbb-wattpad-related__books header a{
	color:#3a0b20;
	font-size:14px;
	font-weight:900;
	text-decoration-thickness:2px;
}
.bbb-wattpad-hub .bbb-wattpad-related__playlist p{color:#391725}

/* Match established book-page trope chips and their canonical custom emoji assets. */
.bbb-wattpad-hub .bbb-wattpad-tags span{display:inline-flex;align-items:center;gap:7px}
.bbb-wattpad-hub .bbb-wattpad-tags .bbb-custom-emoji,
.bbb-wattpad-hub .bbb-wattpad-tags img.bbb-custom-emoji{width:24px;height:24px;flex:0 0 24px;object-fit:contain}
.bbb-wattpad-hub .bbb-wattpad-tags .bbb-custom-emoji--text{display:inline-grid;width:24px;height:24px;place-items:center;font-size:18px}
.bbb-wattpad-hub .bbb-wattpad-card__footer:empty{display:none}

/* Handwritten editorial asides: visible, playful, and still secondary to headings. */
.bbb-wattpad-hub .bbb-wattpad-annotation{
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
	gap:.18em .5em;
	width:max-content;
	max-width:100%;
	margin:0 0 14px;
	color:#ff8ac7;
	font:600 clamp(25px,2.7vw,38px)/1 var(--font-handwriting-family,"Caveat",cursive);
	letter-spacing:0;
	text-transform:none;
	transform:rotate(-1.5deg);
}
.bbb-wattpad-hub .bbb-wattpad-annotation s{
	color:rgba(255,255,255,.62);
	text-decoration-color:#ff8ac7;
	text-decoration-thickness:3px;
	text-decoration-skip-ink:none;
}
.bbb-wattpad-hub .bbb-wattpad-annotation>span{color:#ff8ac7}
.bbb-wattpad-hub .bbb-wattpad-section .bbb-wattpad-annotation{color:#922b5c}
.bbb-wattpad-hub .bbb-wattpad-section .bbb-wattpad-annotation s{color:#58434d;text-decoration-color:#c83f7f}
.bbb-wattpad-hub .bbb-wattpad-section .bbb-wattpad-annotation>span{color:#922b5c}
.bbb-wattpad-hub .bbb-wattpad-discovery .bbb-wattpad-annotation{color:#fff7f2;text-shadow:0 2px 12px rgba(52,8,29,.24)}
.bbb-wattpad-hub .bbb-wattpad-annotation--solo{display:block}

@media(max-width:700px){
	.bbb-wattpad-hub .bbb-wattpad-annotation{font-size:26px;gap:.12em .4em;margin-bottom:12px;transform:rotate(-1deg)}
}

/* Final compact owner-selected Wattpad detail popup. Keep this after the
   legacy modal rules above so the real dialog route receives these bytes. */
.bbb-wattpad-card-modal{width:min(620px,calc(100% - 28px));max-height:min(82vh,560px);border-color:rgba(255,138,199,.42);border-radius:16px;background:#0d0d0d;color:#fff}
.bbb-wattpad-card-modal__shell{padding:24px}
.bbb-wattpad-card-modal__content{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:start}
.bbb-wattpad-card-modal__content>.bbb-wattpad-card__cover{position:relative;top:auto;width:150px;aspect-ratio:2/3;border:1px solid rgba(255,255,255,.22);border-radius:8px;box-shadow:0 14px 28px rgba(0,0,0,.38)}
.bbb-wattpad-card-modal__details{display:flex;flex-direction:column;min-width:0;gap:16px}
.bbb-wattpad-card-modal__content .bbb-wattpad-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;margin:0;padding:0 0 14px;border:0;border-bottom:1px solid rgba(255,255,255,.15)}
.bbb-wattpad-card-modal__content .bbb-wattpad-tags span{display:flex;align-items:center;gap:7px;min-width:0;padding:0;background:transparent;color:#fff;font:600 11px/1.3 Arial,sans-serif}
.bbb-wattpad-card-modal__content .bbb-wattpad-tags span:before{display:none}
.bbb-wattpad-card-modal__content .bbb-wattpad-tags .bbb-custom-emoji{display:inline-block;width:22px;height:22px;flex:0 0 22px;object-fit:contain}
.bbb-wattpad-card-modal__content .bbb-wattpad-tags .bbb-custom-emoji--text{display:inline-grid;place-items:center;font-size:16px}
.bbb-wattpad-card-modal__content .bbb-wattpad-verdict{margin:0;padding:0;border:0;background:transparent}
.bbb-wattpad-card-modal__content .bbb-wattpad-verdict>span{color:#ff8ac7;font-size:24px}
.bbb-wattpad-card-modal__content .bbb-wattpad-verdict p{margin:7px 0 0;color:#fff;font-size:14px;line-height:1.55}
.bbb-wattpad-card-modal__content>.bbb-wattpad-card__cover .bbb-wattpad-card-modal__spice{top:7px;right:7px;bottom:auto;padding:6px 8px;font:700 10px/1 Arial,sans-serif!important}
.bbb-wattpad-card-modal__content .bbb-wattpad-cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-top:auto;padding:10px 14px;border:1px solid #ff8ac7;background:#ff8ac7;color:#111;text-decoration:none;font:800 11px/1 Arial,sans-serif}
@media(max-width:520px){.bbb-wattpad-card-modal{width:min(100% - 16px,390px);max-height:88vh}.bbb-wattpad-card-modal__shell{padding:17px 15px 18px}.bbb-wattpad-card-modal__content{grid-template-columns:92px minmax(0,1fr);gap:13px}.bbb-wattpad-card-modal__content>.bbb-wattpad-card__cover{width:92px;justify-self:start}.bbb-wattpad-card-modal__details{display:flex}.bbb-wattpad-card-modal__content .bbb-wattpad-tags{grid-template-columns:1fr;gap:7px;margin:0;padding:0 0 11px}.bbb-wattpad-card-modal__content .bbb-wattpad-tags span{padding:0;font-size:10px}.bbb-wattpad-card-modal__content .bbb-wattpad-verdict{padding:0}.bbb-wattpad-card-modal__content .bbb-wattpad-verdict>span{font-size:21px}.bbb-wattpad-card-modal__content .bbb-wattpad-verdict p{font-size:12px;line-height:1.48}.bbb-wattpad-card-modal__content .bbb-wattpad-cta{min-height:40px}.bbb-wattpad-card-modal__close{width:38px;height:38px;margin:-8px -6px 7px 8px;font-size:24px}}
.bbb-wattpad-motion-ready .bbb-wattpad-reveal{opacity:0;transform:translateY(46px);transition:opacity .72s ease,transform .88s cubic-bezier(.22,.72,.2,1)}.bbb-wattpad-motion-ready .bbb-wattpad-reveal.is-visible{opacity:1;transform:none}.bbb-wattpad-motion-ready .bbb-wattpad-hero .bbb-wattpad-eyebrow,.bbb-wattpad-motion-ready .bbb-wattpad-hero h1,.bbb-wattpad-motion-ready .bbb-wattpad-hero__lede{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .78s cubic-bezier(.22,.72,.2,1)}.bbb-wattpad-motion-ready .bbb-wattpad-hero.is-visible .bbb-wattpad-eyebrow,.bbb-wattpad-motion-ready .bbb-wattpad-hero.is-visible h1,.bbb-wattpad-motion-ready .bbb-wattpad-hero.is-visible .bbb-wattpad-hero__lede{opacity:1;transform:none}.bbb-wattpad-motion-ready .bbb-wattpad-hero.is-visible h1{transition-delay:.1s}.bbb-wattpad-motion-ready .bbb-wattpad-hero.is-visible .bbb-wattpad-hero__lede{transition-delay:.2s}.bbb-wattpad-motion-ready .bbb-wattpad-related__playlistCover{transition:transform .85s cubic-bezier(.22,.72,.2,1),box-shadow .3s ease}.bbb-wattpad-motion-ready .bbb-wattpad-related.is-visible .bbb-wattpad-related__playlistCover{animation:bbbWattpadRecordSet .9s .18s both}.bbb-wattpad-motion-ready .bbb-wattpad-related.is-visible .bbb-wattpad-related__bookPile a{animation:bbbWattpadBookDeal .65s both;animation-delay:calc(.22s + (var(--pile-index) * .11s))}.bbb-wattpad-motion-ready .bbb-wattpad-related.is-visible .bbb-wattpad-related__men>div>a{animation:bbbWattpadPortraitSet .7s both}.bbb-wattpad-motion-ready .bbb-wattpad-related.is-visible .bbb-wattpad-related__men>div>a:nth-child(2){animation-delay:.13s}.bbb-wattpad-motion-ready .bbb-wattpad-discovery.is-visible a{animation:bbbWattpadNoteSet .65s both}.bbb-wattpad-motion-ready .bbb-wattpad-discovery.is-visible a:nth-child(2){animation-delay:.1s}.bbb-wattpad-motion-ready .bbb-wattpad-discovery.is-visible a:nth-child(3){animation-delay:.2s}
@keyframes bbbWattpadRecordSet{from{opacity:0;transform:translateX(-38px) rotate(-6deg)}to{opacity:1;transform:rotate(-2deg)}}@keyframes bbbWattpadBookDeal{from{opacity:0;transform:translateY(45px) rotate(0)}to{opacity:1}}@keyframes bbbWattpadPortraitSet{from{opacity:0;transform:translateY(34px) rotate(-4deg)}to{opacity:1}}@keyframes bbbWattpadNoteSet{from{opacity:0;transform:translateY(30px) rotate(0)}to{opacity:1}}

/* Keep observed sections visible, then animate their contents. This avoids a
   WebKit transition stall that can leave the section at its hidden start. */
@keyframes bbbWattpadSectionContents{from{transform:translateY(34px)}to{transform:none}}
.bbb-wattpad-motion-ready .bbb-wattpad-reveal.is-visible{opacity:1!important;transform:none!important;transition:none}
.bbb-wattpad-motion-ready .bbb-wattpad-reveal.is-visible:not(.bbb-wattpad-hero)>*{animation:bbbWattpadSectionContents .78s cubic-bezier(.22,.72,.2,1) both}

@media(max-width:700px){.bbb-wattpad-hero{min-height:auto}.bbb-wattpad-hero h1{overflow-wrap:anywhere}.bbb-wattpad-related{padding-inline:18px}.bbb-wattpad-related header h2{font-size:clamp(40px,13vw,58px)}.bbb-wattpad-related__playlist>div{text-align:center}.bbb-wattpad-related__playlist p{margin-inline:auto}.bbb-wattpad-related__books>header{padding-inline:6px}.bbb-wattpad-related__bookPile{scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:none}.bbb-wattpad-related__bookPile::-webkit-scrollbar,.bbb-wattpad-related__men>div::-webkit-scrollbar{display:none}.bbb-wattpad-related__bookPile a{scroll-snap-align:center}.bbb-wattpad-related__men>div{overscroll-behavior-inline:contain}.bbb-wattpad-discovery{overflow:hidden}.bbb-wattpad-text-faq__messages{min-height:190px;justify-content:center}.bbb-wattpad-disclosure{margin-bottom:70px}.bbb-wattpad-motion-ready .bbb-wattpad-related.is-visible .bbb-wattpad-related__men>div>a:nth-child(2){animation-delay:.1s}}

@media(max-width:700px){#MainContent.bbb-wattpad-hub .bbb-wattpad-related{display:block;grid-template-columns:none;gap:0;padding-inline:18px}.bbb-wattpad-related__editorial{grid-template-columns:minmax(0,1fr);width:100%;min-width:0}.bbb-wattpad-related__playlist,.bbb-wattpad-related__books,.bbb-wattpad-related__men{grid-template-columns:minmax(0,1fr);width:100%;min-width:0}.bbb-wattpad-related__playlist>*,.bbb-wattpad-related__books>*,.bbb-wattpad-related__men>*{min-width:0}.bbb-wattpad-text-faq__controls button{width:44px;height:44px}}

@media(hover:none){.bbb-wattpad-related__bookPile a span{opacity:1}.bbb-wattpad-related__card:hover,.bbb-wattpad-discovery a:hover,.bbb-wattpad-related__bookPile a:hover{transform:none}}

@media(prefers-reduced-motion:reduce){.bbb-wattpad-motion-ready .bbb-wattpad-reveal,.bbb-wattpad-motion-ready .bbb-wattpad-hero .bbb-wattpad-eyebrow,.bbb-wattpad-motion-ready .bbb-wattpad-hero h1,.bbb-wattpad-motion-ready .bbb-wattpad-hero__lede{opacity:1!important;transform:none!important;transition:none!important}.bbb-wattpad-related__playlistCover,.bbb-wattpad-related__bookPile a,.bbb-wattpad-related__men>div>a,.bbb-wattpad-discovery a{animation:none!important;transition:none!important}}

@media (max-width: 360px) {
	.bbb-wattpad-card {
		grid-template-columns: 1fr;
	}

	.bbb-wattpad-card__cover {
		width: 132px;
		margin: 18px auto 0;
	}

	.bbb-wattpad-card__body {
		padding-top: 14px;
	}
}

/* Compact, swipeable Wattpad hub cards with disclosure-on-demand. */
.bbb-wattpad-hub #editors-picks .bbb-wattpad-grid{
	display:grid;
	grid-auto-flow:column;
	grid-auto-columns:280px!important;
	grid-template-columns:none!important;
	justify-content:start;
	gap:18px;
	overflow-x:auto;
	overscroll-behavior-inline:contain;
	scroll-snap-type:x proximity;
	scrollbar-width:thin;
	padding:4px 4px 24px;
}
.bbb-wattpad-hub #editors-picks .bbb-wattpad-card{
	display:block;
	min-width:0;
	overflow:visible;
	scroll-snap-align:start;
	border:1px solid rgba(255,255,255,.24);
	background:#111;
	box-shadow:0 18px 36px rgba(0,0,0,.34);
}
.bbb-wattpad-card__details{height:100%}
.bbb-wattpad-card__summary{display:block;cursor:pointer;list-style:none}
.bbb-wattpad-card__summary::-webkit-details-marker{display:none}
.bbb-wattpad-card__summary:focus-visible{outline:3px solid #ff8ac7;outline-offset:4px}
.bbb-wattpad-hub #editors-picks .bbb-wattpad-card__cover{display:block;width:100%;aspect-ratio:2/3}
.bbb-wattpad-hub #editors-picks .bbb-wattpad-card__cover img{display:block;width:100%;height:100%;object-fit:cover}
.bbb-wattpad-hub #editors-picks .bbb-wattpad-card__body{display:flex;padding:14px 15px 16px;min-height:126px;background:#111}
.bbb-wattpad-hub #editors-picks .bbb-wattpad-card h3{margin:11px 0 2px;font-size:27px}
.bbb-wattpad-hub #editors-picks .bbb-wattpad-card__author{display:block}
.bbb-wattpad-hub #editors-picks .bbb-wattpad-card__summary .bbb-wattpad-card__topline,
.bbb-wattpad-hub #editors-picks .bbb-wattpad-card__summary .bbb-wattpad-ratings,
.bbb-wattpad-hub #editors-picks .bbb-wattpad-card__summary .bbb-wattpad-tags{display:none}
.bbb-wattpad-hub #editors-picks .bbb-wattpad-ratings{margin:13px 0 8px}
.bbb-wattpad-hub #editors-picks .bbb-wattpad-ratings span{background:#21171c;border-color:rgba(255,138,199,.32);color:#f7eaf0}
.bbb-wattpad-hub #editors-picks .bbb-wattpad-ratings strong{color:#ff8ac7}
.bbb-wattpad-hub #editors-picks .bbb-wattpad-tags{margin:0 0 13px}
.bbb-wattpad-hub #editors-picks .bbb-wattpad-tags span{padding:5px 7px;font-size:10px}
.bbb-wattpad-card__open-cue{display:block;margin-top:auto;padding-top:13px;color:#ff8ac7;font:700 12px/1.4 Arial,sans-serif;letter-spacing:.03em}
.bbb-wattpad-card__details[open] .bbb-wattpad-card__open-cue{font-size:0}
.bbb-wattpad-card__details[open] .bbb-wattpad-card__open-cue:after{content:"close details ↑";font-size:12px}
.bbb-wattpad-card__expanded{padding:0 17px 17px;background:#111}
.bbb-wattpad-card__details:not([open]) .bbb-wattpad-card__expanded{display:none}
.bbb-wattpad-hub #editors-picks .bbb-wattpad-card__expanded .bbb-wattpad-verdict{margin:0;padding:14px;background:#1a1116}
.bbb-wattpad-hub #editors-picks .bbb-wattpad-card__expanded .bbb-wattpad-card__footer{margin-top:14px}

.bbb-wattpad-card-modal{width:min(760px,calc(100% - 30px));max-height:min(88vh,780px);padding:0;overflow:auto;border:1px solid #e6b6c9;border-radius:22px;background:#fffaf7;color:#171114;box-shadow:0 30px 90px rgba(0,0,0,.7)}
.bbb-wattpad-card-modal::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(5px)}
.bbb-wattpad-card-modal__shell{position:relative;padding:28px}
.bbb-wattpad-card-modal__close{position:sticky;z-index:3;top:0;float:right;display:grid;width:44px;height:44px;margin:-14px -14px 8px 14px;padding:0;place-items:center;border:1px solid #dba5ba;border-radius:50%;background:#0d0d0d;color:#fff;font:400 28px/1 Arial,sans-serif;cursor:pointer}
.bbb-wattpad-card-modal__close:hover,.bbb-wattpad-card-modal__close:focus-visible{border-color:#b5476a;background:#b5476a;outline:3px solid rgba(181,71,106,.22);outline-offset:3px}
.bbb-wattpad-card-modal__content{display:grid;grid-template-columns:minmax(180px,230px) minmax(0,1fr);gap:28px;align-items:start;clear:both}
.bbb-wattpad-card-modal__content>.bbb-wattpad-card__cover{position:sticky;top:24px;display:block;width:100%;aspect-ratio:2/3;overflow:hidden;border:1px solid #dec0cb;border-radius:12px;background:#171114;box-shadow:0 15px 34px rgba(64,26,40,.22)}
.bbb-wattpad-card-modal__content>.bbb-wattpad-card__cover img{display:block;width:100%;height:100%;object-fit:cover}
.bbb-wattpad-card-modal .bbb-wattpad-card-modal__spice{position:absolute;z-index:2;right:9px;bottom:9px;padding:7px 10px;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:rgba(13,13,13,.9);color:#fff;font:700 11px/1 Arial,sans-serif!important;letter-spacing:0;text-transform:lowercase;box-shadow:0 5px 16px rgba(0,0,0,.35)}
.bbb-wattpad-card-modal__content .bbb-wattpad-card__body{display:block!important;min-height:0!important;padding:0 0 20px!important;background:transparent!important}
.bbb-wattpad-card-modal__content .bbb-wattpad-card__topline{display:flex;margin-bottom:12px}
.bbb-wattpad-card-modal__content h3{margin:0 0 4px;color:#171114;font-size:clamp(36px,6vw,52px);line-height:.98}
.bbb-wattpad-card-modal__content .bbb-wattpad-card__author{color:#9f315c;font-size:15px}
.bbb-wattpad-card-modal__content .bbb-wattpad-ratings{display:none}
.bbb-wattpad-card-modal__content .bbb-wattpad-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px;margin:20px 0 0;padding:16px 0 0;border-top:1px solid #ead3dc}
.bbb-wattpad-card-modal__content .bbb-wattpad-tags span{position:relative;padding:0 0 0 16px;background:transparent;color:#301923;font-size:13px;line-height:1.35}
.bbb-wattpad-card-modal__content .bbb-wattpad-tags span:before{content:"";position:absolute;left:0;top:.47em;width:6px;height:6px;border-radius:50%;background:#b5476a}
.bbb-wattpad-card-modal__content .bbb-wattpad-tags .bbb-custom-emoji{display:none}
.bbb-wattpad-card-modal__content .bbb-wattpad-ratings strong,.bbb-wattpad-card-modal__content .bbb-wattpad-verdict>span,.bbb-wattpad-card-modal__content .bbb-wattpad-cta{color:#a73561}
.bbb-wattpad-card-modal__content .bbb-wattpad-card__expanded{display:block!important;padding:0;background:transparent}
.bbb-wattpad-card-modal__content .bbb-wattpad-verdict{padding:18px;border-left:3px solid #b5476a;background:#f8e9ee}
.bbb-wattpad-card-modal__content .bbb-wattpad-verdict>span{display:block;margin-bottom:3px;font-family:var(--bbb-font-handwritten,"Caveat","Segoe Print",cursive);font-size:25px;font-weight:600;letter-spacing:0;text-transform:lowercase;transform:rotate(-1deg);transform-origin:left center}
.bbb-wattpad-card-modal__content .bbb-wattpad-verdict p{margin-top:7px;color:#24171c;font-size:16px;line-height:1.62}
.bbb-wattpad-card-modal__content .bbb-wattpad-card__footer{display:flex;margin-top:18px;padding-top:16px;border-top:1px solid #e5cbd5}
.bbb-wattpad-card-modal__content .bbb-wattpad-card__footer small{color:#6e5962}

@media(max-width:700px){
	.bbb-wattpad-hub #editors-picks{padding-inline:18px}
	.bbb-wattpad-hub #editors-picks .bbb-wattpad-grid{grid-auto-columns:76vw!important;margin-right:-18px;padding-right:18px;scroll-padding-inline:0 18px}
	.bbb-wattpad-hub #editors-picks .bbb-wattpad-card__cover{width:100%;margin:0}
	.bbb-wattpad-hub #editors-picks .bbb-wattpad-card__body{padding:13px 14px 15px;min-height:118px}
	.bbb-wattpad-card__expanded{padding:0 15px 15px}
	.bbb-wattpad-card-modal{width:min(100% - 18px,470px);max-height:92vh;border-radius:18px}
	.bbb-wattpad-card-modal__shell{padding:18px 16px 22px}
	.bbb-wattpad-card-modal__close{margin:-8px -6px 8px 10px}
	.bbb-wattpad-card-modal__content{grid-template-columns:minmax(0,1fr);gap:15px;align-items:start}
	.bbb-wattpad-card-modal__details{display:contents}
	.bbb-wattpad-card-modal__content>.bbb-wattpad-card__cover{position:relative;top:auto;width:120px;justify-self:center;border-radius:8px}
	.bbb-wattpad-card-modal__content .bbb-wattpad-card__body{width:100%;text-align:center}
	.bbb-wattpad-card-modal__content .bbb-wattpad-card__topline{justify-content:center}
	.bbb-wattpad-card-modal__content h3{font-size:34px}
	.bbb-wattpad-card-modal__content .bbb-wattpad-tags{gap:8px 10px;margin-top:12px;padding-top:12px}
	.bbb-wattpad-card-modal__content .bbb-wattpad-tags span{padding-left:13px;font-size:11px;text-align:left}
	.bbb-wattpad-card-modal .bbb-wattpad-card-modal__spice{right:6px;bottom:6px;padding:6px 8px;font-size:10px!important}
	.bbb-wattpad-card-modal__content .bbb-wattpad-card__expanded{grid-column:1/-1}
	.bbb-wattpad-card-modal__content .bbb-wattpad-verdict{padding:15px}
	.bbb-wattpad-card-modal__content .bbb-wattpad-verdict p{font-size:15px;line-height:1.55}
}

/* Owner-final compact black popup overrides (must remain last). */
.bbb-wattpad-card-modal{width:min(620px,calc(100% - 28px));max-height:min(82vh,560px);border-color:rgba(255,138,199,.42);border-radius:16px;background:#0d0d0d;color:#fff}
.bbb-wattpad-card-modal__shell{padding:24px}
.bbb-wattpad-card-modal__content{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:start}
.bbb-wattpad-card-modal__content>.bbb-wattpad-card__cover{position:relative;top:auto;width:150px;aspect-ratio:2/3;border:1px solid rgba(255,255,255,.22);border-radius:8px;box-shadow:0 14px 28px rgba(0,0,0,.38)}
.bbb-wattpad-card-modal__details{display:flex;flex-direction:column;min-width:0;gap:16px}
.bbb-wattpad-card-modal__content .bbb-wattpad-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;margin:0;padding:0 0 14px;border:0;border-bottom:1px solid rgba(255,255,255,.15)}
.bbb-wattpad-card-modal__content .bbb-wattpad-tags span{display:flex;align-items:center;gap:7px;min-width:0;padding:0;background:transparent;color:#fff;font:600 11px/1.3 Arial,sans-serif}
.bbb-wattpad-card-modal__content .bbb-wattpad-tags span:before{display:none}
.bbb-wattpad-card-modal__content .bbb-wattpad-tags .bbb-custom-emoji{display:inline-block;width:22px;height:22px;flex:0 0 22px;object-fit:contain}
.bbb-wattpad-card-modal__content .bbb-wattpad-tags .bbb-custom-emoji--text{display:inline-grid;place-items:center;font-size:16px}
.bbb-wattpad-card-modal__content .bbb-wattpad-verdict{margin:0;padding:0;border:0;background:transparent}
.bbb-wattpad-card-modal__content .bbb-wattpad-verdict>span{color:#ff8ac7;font-size:24px}
.bbb-wattpad-card-modal__content .bbb-wattpad-verdict p{margin:7px 0 0;color:#fff;font-size:14px;line-height:1.55}
.bbb-wattpad-card-modal__content>.bbb-wattpad-card__cover .bbb-wattpad-card-modal__spice{top:7px;right:7px;bottom:auto;padding:6px 8px;font:700 10px/1 Arial,sans-serif!important}
.bbb-wattpad-card-modal__content .bbb-wattpad-cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-top:auto;padding:10px 14px;border:1px solid #ff8ac7;background:#ff8ac7;color:#111;text-decoration:none;font:800 11px/1 Arial,sans-serif}
@media(max-width:520px){.bbb-wattpad-card-modal{width:min(100% - 16px,390px);max-height:88vh}.bbb-wattpad-card-modal__shell{padding:17px 15px 18px}.bbb-wattpad-card-modal__content{grid-template-columns:92px minmax(0,1fr);gap:13px}.bbb-wattpad-card-modal__content>.bbb-wattpad-card__cover{width:92px;justify-self:start}.bbb-wattpad-card-modal__details{display:flex}.bbb-wattpad-card-modal__content .bbb-wattpad-tags{grid-template-columns:1fr;gap:7px;margin:0;padding:0 0 11px}.bbb-wattpad-card-modal__content .bbb-wattpad-tags span{padding:0;font-size:10px}.bbb-wattpad-card-modal__content .bbb-wattpad-verdict{padding:0}.bbb-wattpad-card-modal__content .bbb-wattpad-verdict>span{font-size:21px}.bbb-wattpad-card-modal__content .bbb-wattpad-verdict p{font-size:12px;line-height:1.48}.bbb-wattpad-card-modal__content .bbb-wattpad-cta{min-height:40px}.bbb-wattpad-card-modal__close{width:38px;height:38px;margin:-8px -6px 7px 8px;font-size:24px}}