/* Readable titles and accessible contrast, shared by every public/member page. */
:root{color-scheme:dark;--readable-text:#f1f5f9;--readable-muted:#aab6ca}
html.light{color-scheme:light;--readable-text:#172033;--readable-muted:#475569}
body,button,input,select,textarea{font-family:'Be Vietnam Pro',sans-serif}
fieldset{min-inline-size:0;max-width:100%}.form-input{min-width:0;max-width:100%}fieldset code{overflow-wrap:anywhere;word-break:break-word}
.story-card-title,html.light .story-card-title{display:block!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;line-height:1.65!important;font-weight:600!important;color:var(--readable-text)!important}
h3.story-card-title,h4.story-card-title{font-size:.94rem;margin-bottom:.75rem}
.story-card{align-self:stretch}
.genre-menu-label{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.55;font-size:13px!important}
.story-detail-title{font-family:'Be Vietnam Pro',sans-serif!important;font-size:clamp(1.45rem,3vw,2.5rem)!important;font-weight:700!important;line-height:1.5!important;letter-spacing:-.015em;white-space:normal;overflow-wrap:anywhere;max-width:100%!important;margin-bottom:1.5rem!important;color:var(--readable-text)!important;text-shadow:none!important}
.story-hero-content{padding:clamp(1.25rem,4vw,3rem)!important;min-height:340px!important;gap:.1rem}
.story-hero-background>div:last-child{background:linear-gradient(90deg,rgba(3,7,18,.97),rgba(3,7,18,.83))!important}
html.light .story-hero-background>div:last-child{background:linear-gradient(90deg,rgba(248,250,252,.98),rgba(248,250,252,.93))!important}
.story-hero .meta-pill{background:#111827!important;color:#e2e8f0!important;border-color:#475569}
html.light .story-hero .meta-pill{background:#fff!important;color:#334155!important;border-color:#cbd5e1}
.home-featured-frame{min-height:500px}
.home-featured-story h3.home-featured-title{color:#fff!important;text-shadow:0 1px 4px #000;font-size:clamp(1rem,1.8vw,1.3rem)!important;line-height:1.5!important;font-weight:700!important}
.home-featured-story{background-color:#111827}
.home-featured-story>div:first-child{background:linear-gradient(0deg,rgba(3,7,18,.96),rgba(3,7,18,.24))!important}
html.dark .text-gray-400,html.dark .text-gray-500,html.dark .text-gray-600{color:#aab6ca!important}
html.dark .bg-purple-600{background:#6d28d9!important;color:#fff!important}
html.light .text-gray-400,html.light .text-gray-500,html.light .text-gray-600{color:#475569!important}
html.light .text-purple-200,html.light .text-purple-300,html.light .text-purple-400{color:#6b21a8!important}
html.light .text-blue-400{color:#1d4ed8!important}
html.light .text-green-400{color:#166534!important}
html.light .text-red-400{color:#b91c1c!important}
html.light .text-yellow-500,html.light .text-amber-300,html.light .text-amber-400,html.light .text-amber-500{color:#92400e!important}
html.light .premium-price{background:none!important;color:#4c1d95!important;-webkit-text-fill-color:#4c1d95!important}
html.light main h1.bg-clip-text{background:none!important;color:#4c1d95!important;-webkit-text-fill-color:#4c1d95!important}
html.light [class*="bg-purple-600"].text-white,html.light [class*="bg-indigo-600"].text-white,html.light .bg-gradient-to-r.text-white,html.light .bg-gradient-to-br.text-white{color:#fff!important}
html .from-amber-400.text-white,html.light .from-amber-400.text-white{color:#422006!important}
html.light .bg-purple-600,html.light .bg-indigo-600{background-color:#7e22ce!important}
html a.text-white.bg-gradient-to-r[class*="from-indigo-600"],html a.text-white.bg-gradient-to-r[class*="from-purple-600"],html button.text-white.bg-gradient-to-r[class*="from-indigo-600"],html button.text-white.bg-gradient-to-r[class*="from-purple-600"]{background-image:linear-gradient(110deg,#6d28d9,#a21caf)!important;color:#fff!important}
.story-card [class*="bg-black/70"],html.light .story-card [class*="bg-black/70"]{background:#111827!important;color:#fff!important}
.story-card .bg-green-500,html.light .story-card .bg-green-500{background:#166534!important;color:#fff!important}
.story-hero .bg-blue-500,html.light .story-hero .bg-blue-500{background:#1d4ed8!important;color:#fff!important}
html.light .action-button{color:#334155;border-color:#94a3b8}
html.light #player{background:#fff!important}
html.light #player-speed-menu{background:#fff!important}
html.light .mobile-bottom-nav,html.light [class*="bg-[#0a0a0a]"]{background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 -4px 20px #0f172a12!important}
[title="Facebook Fanpage"]{color:#fff!important}
html.light dialog{background:#fff!important;color:#172033!important}
dialog::backdrop{background:#030712bb;backdrop-filter:blur(3px)}
#player-story,#player-chapter{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;white-space:normal!important;overflow-wrap:anywhere;line-height:1.5!important}
.admin-table th{white-space:normal;color:var(--readable-muted)!important}.admin-table td{overflow-wrap:anywhere}
@media(max-width:639px){[aria-label="Menu tài khoản"]>span:nth-child(2),[aria-label="Menu tài khoản"]>svg{display:none}[aria-label="Menu tài khoản"]{flex-shrink:0}h3.story-card-title,h4.story-card-title{font-size:.875rem;line-height:1.65!important}.story-detail-title{font-size:1.45rem!important;line-height:1.55!important}.story-hero-content{min-height:0!important}.home-featured-frame{min-height:540px}#player .px-6{padding-left:1rem;padding-right:1rem}}