@font-face{font-family: "Instrument Serif";font-style: normal;font-weight: 400;font-display: swap;src: url("/assets/fonts/instrument-serif-regular.5eb09b5ac0.woff2") format("woff2")}@font-face{font-family: "Instrument Serif";font-style: italic;font-weight: 400;font-display: swap;src: url("/assets/fonts/instrument-serif-italic.5a51946dff.woff2") format("woff2")}@font-face{font-family: "Manrope";font-style: normal;font-weight: 400 800;font-display: swap;src: url("/assets/fonts/manrope-variable.8c2def024c.woff2") format("woff2")}:root{--font-display: "Instrument Serif", Georgia, "Times New Roman", serif;--font-body: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--container: 1120px;--radius-lg: 24px;--radius: 16px;--radius-sm: 10px;--ease: cubic-bezier(.2, .7, .2, 1);--bg: #0b0d12;--bg-elev: #10131a;--bg-card: #141824;--bg-card-hover: #191e2d;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--fg: #f1f2f7;--fg-muted: #a8aebd;--fg-faint: #767d8f;--accent: #ff5d7a;--accent-2: #ffb86b;--accent-ink: #2a0912;--glow-1: rgba(255, 93, 122, .26);--glow-2: rgba(255, 184, 107, .16);--glow-3: rgba(124, 92, 255, .22);--shadow: 0 24px 60px -28px rgba(0, 0, 0, .7);--focus: 0 0 0 3px rgba(255, 93, 122, .5);--header-bg: rgba(11, 13, 18, .78);--show-sun: block;--show-moon: none;color-scheme: dark}@media (prefers-color-scheme: light){:root:not([data-theme="dark"]){--bg: #f8f5ef;--bg-elev: #fffdf9;--bg-card: #ffffff;--bg-card-hover: #fffaf3;--line: rgba(26, 20, 34, .09);--line-strong: rgba(26, 20, 34, .18);--fg: #17141c;--fg-muted: #5b566a;--fg-faint: #8a8597;--accent: #cf2b53;--accent-2: #b97a1f;--accent-ink: #ffffff;--glow-1: rgba(207, 43, 83, .14);--glow-2: rgba(185, 122, 31, .14);--glow-3: rgba(124, 92, 255, .12);--shadow: 0 24px 60px -30px rgba(40, 20, 50, .35);--focus: 0 0 0 3px rgba(207, 43, 83, .35);--header-bg: rgba(248, 245, 239, .8);--show-sun: none;--show-moon: block;color-scheme: light}}:root[data-theme="light"]{--bg: #f8f5ef;--bg-elev: #fffdf9;--bg-card: #ffffff;--bg-card-hover: #fffaf3;--line: rgba(26, 20, 34, .09);--line-strong: rgba(26, 20, 34, .18);--fg: #17141c;--fg-muted: #5b566a;--fg-faint: #8a8597;--accent: #cf2b53;--accent-2: #b97a1f;--accent-ink: #ffffff;--glow-1: rgba(207, 43, 83, .14);--glow-2: rgba(185, 122, 31, .14);--glow-3: rgba(124, 92, 255, .12);--shadow: 0 24px 60px -30px rgba(40, 20, 50, .35);--focus: 0 0 0 3px rgba(207, 43, 83, .35);--header-bg: rgba(248, 245, 239, .8);--show-sun: none;--show-moon: block;color-scheme: light}*, *::before, *::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: 84px}body{margin: 0;font-family: var(--font-body);font-size: 1.0625rem;line-height: 1.6;color: var(--fg);background: var(--bg);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility}h1, h2, h3{font-family: var(--font-display);font-weight: 400;letter-spacing: -.01em;line-height: 1.08;margin: 0;text-wrap: balance}h1{font-size: clamp(2.6rem, 1.8rem + 3.6vw, 5rem)}h2{font-size: clamp(1.9rem, 1.4rem + 1.6vw, 2.75rem)}h3{font-size: 1.45rem}h1 em, h2 em{font-style: italic;color: var(--accent)}p{margin: 0}a{color: inherit;text-decoration-color: color-mix(in srgb, currentColor 40%, transparent);text-underline-offset: .15em}a:hover{text-decoration-color: currentColor}ul, ol{margin: 0;padding: 0}svg{display: block}:focus-visible{outline: none;box-shadow: var(--focus);border-radius: var(--radius-sm)}::selection{background: var(--accent);color: var(--accent-ink)}.container{width: min(100% - 2.5rem, var(--container));margin-inline: auto}.container.narrow{max-width: 820px}.visually-hidden{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.skip-link{position: absolute;left: 1rem;top: -100%;z-index: 100;padding: .6rem 1rem;background: var(--accent);color: var(--accent-ink);border-radius: var(--radius-sm);font-weight: 700;text-decoration: none}.skip-link:focus{top: 1rem}.eyebrow{font-size: .78rem;font-weight: 700;letter-spacing: .14em;text-transform: uppercase;color: var(--accent);margin-bottom: .9rem}.lede{font-size: clamp(1.1rem, 1rem + .4vw, 1.3rem);color: var(--fg-muted);max-width: 44rem}.btn{display: inline-flex;align-items: center;gap: .5rem;padding: .85rem 1.4rem;border-radius: 999px;font-weight: 700;font-size: .98rem;line-height: 1;text-decoration: none;border: 1px solid transparent;cursor: pointer;font-family: inherit;transition: transform .25s var(--ease), background .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease)}.btn:hover{transform: translateY(-1px)}.btn:active{transform: translateY(0)}.btn-primary{background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 55%, var(--accent-2)));color: var(--accent-ink);box-shadow: 0 10px 30px -14px color-mix(in srgb, var(--accent) 70%, transparent)}.btn-primary:hover{box-shadow: 0 14px 34px -14px color-mix(in srgb, var(--accent) 85%, transparent)}.btn-ghost{background: transparent;color: var(--fg);border-color: var(--line-strong)}.btn-ghost:hover{border-color: var(--fg-muted);background: var(--bg-elev)}.site-header{position: sticky;top: 0;z-index: 50;background: var(--header-bg);-webkit-backdrop-filter: saturate(140%) blur(14px);backdrop-filter: saturate(140%) blur(14px);border-bottom: 1px solid var(--line)}.header-inner{display: flex;align-items: center;justify-content: space-between;gap: 1rem;min-height: 68px}.brand{display: inline-flex;align-items: center;gap: .65rem;text-decoration: none;font-family: var(--font-display);font-size: 1.55rem;line-height: 1;letter-spacing: -.01em}.brand-mark{width: 30px;height: 30px;border-radius: 8px;flex: none}.brand-tld{font-family: var(--font-body);font-size: .8rem;font-weight: 600;color: var(--fg-faint);margin-left: .15rem;letter-spacing: 0}.site-nav{display: flex;gap: .25rem}.site-nav a{padding: .5rem .85rem;border-radius: 999px;font-size: .95rem;font-weight: 600;color: var(--fg-muted);text-decoration: none;transition: color .2s, background .2s}.site-nav a:hover{color: var(--fg);background: var(--bg-elev)}.theme-toggle{display: inline-grid;place-items: center;width: 42px;height: 42px;border-radius: 999px;border: 1px solid var(--line-strong);background: var(--bg-elev);color: var(--fg);cursor: pointer;transition: border-color .2s, transform .2s}.theme-toggle:hover{border-color: var(--fg-muted);transform: rotate(-8deg)}.theme-toggle svg{width: 18px;height: 18px}.theme-toggle .icon-sun{display: var(--show-sun)}.theme-toggle .icon-moon{display: var(--show-moon)}.hero{position: relative;overflow: hidden;padding: clamp(4rem, 6vw, 7.5rem) 0 clamp(3rem, 5vw, 5rem);isolation: isolate}.hero::before{content: "";position: absolute;inset: -30% -10% auto;height: 140%;z-index: -1;background: radial-gradient(55% 45% at 18% 22%, var(--glow-1), transparent 65%), radial-gradient(45% 40% at 84% 12%, var(--glow-3), transparent 65%), radial-gradient(40% 35% at 62% 85%, var(--glow-2), transparent 65%);pointer-events: none}.hero-inner{max-width: 54rem}.hero h1{margin-bottom: 1.35rem}.hero-actions{display: flex;flex-wrap: wrap;gap: .75rem;margin-top: 2rem}.facts{display: flex;flex-wrap: wrap;gap: .6rem 2.2rem;margin-top: 2.6rem;padding-top: 1.6rem;border-top: 1px solid var(--line);list-style: none;color: var(--fg-muted);font-size: .95rem}.facts strong{display: block;font-family: var(--font-display);font-weight: 400;font-size: 1.9rem;line-height: 1;color: var(--fg);margin-bottom: .2rem}.section{padding: clamp(3rem, 5vw, 5.5rem) 0}.section-head{max-width: 46rem;margin-bottom: clamp(1.8rem, 3vw, 2.8rem)}.section-head h2{margin-bottom: .9rem}.section-head p:not(.eyebrow){color: var(--fg-muted)}.section-search{padding-top: 0}.search-panel{display: grid;grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.4fr);gap: clamp(1.5rem, 3vw, 3rem);align-items: center;padding: clamp(1.5rem, 3vw, 2.5rem);border: 1px solid var(--line);border-radius: var(--radius-lg);background: linear-gradient(180deg, color-mix(in srgb, var(--bg-card) 92%, var(--accent) 8%), var(--bg-card));box-shadow: var(--shadow)}.search-copy h2{font-size: clamp(1.6rem, 1.3rem + 1vw, 2.2rem);margin-bottom: .6rem}.search-copy p:not(.eyebrow){color: var(--fg-muted);font-size: .98rem}.search-form{display: grid;grid-template-columns: minmax(0, 1fr) minmax(170px, 215px) auto;gap: .75rem;align-items: end}.field{display: grid;gap: .4rem;min-width: 0}.field-label{font-size: .8rem;font-weight: 700;color: var(--fg-muted);letter-spacing: .02em}.field input, .field select{width: 100%;min-height: 50px;padding: 0 1rem;font: inherit;font-size: 1rem;color: var(--fg);background: var(--bg-elev);border: 1px solid var(--line-strong);border-radius: var(--radius-sm);transition: border-color .2s, box-shadow .2s}.field select{appearance: none;-webkit-appearance: none;padding-right: 2.4rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat: no-repeat;background-position: right .9rem center;cursor: pointer}.field input::placeholder{color: var(--fg-faint)}.field input:focus-visible, .field select:focus-visible{border-color: var(--accent);box-shadow: var(--focus)}.search-form .btn{min-height: 50px;justify-content: center}.search-hint{grid-column: 1 / -1;font-size: .85rem;color: var(--fg-faint)}.search-form{position: relative}.btn-sm{padding: .6rem 1rem;font-size: .9rem}.search-stats{margin-top: .9rem;font-size: .85rem;color: var(--fg-faint)}.search-stats span, .search-stats time{color: var(--fg-muted);font-weight: 700}.suggest{position: absolute;left: 0;right: 0;z-index: 40;background: var(--bg-elev);border: 1px solid var(--line-strong);border-radius: var(--radius);box-shadow: var(--shadow);overflow: hidden}.suggest[hidden]{display: none}.suggest-status{padding: .65rem 1rem;font-size: .85rem;color: var(--fg-faint);border-bottom: 1px solid var(--line)}.suggest-status:empty{display: none}.suggest-list{list-style: none;max-height: min(52vh, 470px);overflow-y: auto;overscroll-behavior: contain}.suggest-item a{display: grid;grid-template-columns: 44px minmax(0, 1fr);gap: .85rem;align-items: center;padding: .5rem .9rem;text-decoration: none;color: var(--fg)}.suggest-item + .suggest-item a{border-top: 1px solid var(--line)}.suggest-item[aria-selected="true"] a, .suggest-item a:hover{background: color-mix(in srgb, var(--accent) 12%, var(--bg-card))}.suggest-thumb{width: 44px;height: 63px;border-radius: 8px;object-fit: cover;background: var(--bg-card);display: block}.suggest-thumb.is-empty{display: grid;place-items: center;font-family: var(--font-display);font-size: 1.4rem;color: var(--fg-faint);border: 1px solid var(--line)}.suggest-body{min-width: 0}.suggest-title{display: block;font-weight: 700;font-size: .98rem;line-height: 1.3;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.suggest-title mark{background: transparent;color: var(--accent)}.suggest-meta{display: block;font-size: .82rem;color: var(--fg-muted);margin-top: .15rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.suggest-foot{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: .6rem .9rem;padding: .7rem .9rem;border-top: 1px solid var(--line);background: var(--bg-card)}.suggest-note{font-size: .8rem;color: var(--fg-faint)}.suggest-empty{padding: 1rem .9rem;color: var(--fg-muted);font-size: .92rem}.site-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.1rem;list-style: none;counter-reset: situs}.site-card{position: relative;counter-increment: situs}.site-card article{position: relative;display: flex;flex-direction: column;gap: 1.1rem;height: 100%;padding: 1.5rem;border: 1px solid var(--line);border-radius: var(--radius-lg);background: var(--bg-card);transition: transform .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease), box-shadow .3s var(--ease)}.site-card:hover article, .site-card:focus-within article{transform: translateY(-3px);border-color: hsl(var(--h) 60% 60% / .55);background: var(--bg-card-hover);box-shadow: var(--shadow)}.site-card:focus-within article{box-shadow: var(--focus), var(--shadow)}.site-top{display: flex;align-items: flex-start;justify-content: space-between;gap: 1rem}.site-mono{display: grid;place-items: center;width: 60px;height: 60px;border-radius: 18px;font-family: var(--font-display);font-size: 1.75rem;line-height: 1;color: #fff;letter-spacing: -.02em;background: linear-gradient(135deg, hsl(var(--h) 72% 58%), hsl(calc(var(--h) + 36) 68% 44%));box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 12px 24px -14px hsl(var(--h) 70% 50% / .8);text-shadow: 0 1px 1px rgba(0, 0, 0, .15)}.site-index{font-size: .78rem;font-weight: 700;letter-spacing: .12em;color: var(--fg-faint)}.site-index::before{content: counter(situs, decimal-leading-zero)}.site-body{display: grid;gap: .45rem;flex: 1;align-content: start}.site-name{font-size: 1.6rem}.site-name a{text-decoration: none;color: var(--fg)}.site-name a::after{content: "";position: absolute;inset: 0;border-radius: var(--radius-lg)}.site-name a:focus-visible{box-shadow: none}.site-domain{font-size: .86rem;font-weight: 600;color: hsl(var(--h) 70% 68%);letter-spacing: .01em;word-break: break-all}:root[data-theme="light"] .site-domain{color: hsl(var(--h) 62% 40%)}@media (prefers-color-scheme: light){:root:not([data-theme="dark"]) .site-domain{color: hsl(var(--h) 62% 40%)}}.site-tagline{font-weight: 700;font-size: .98rem}.site-desc{color: var(--fg-muted);font-size: .95rem}.site-cta{display: inline-flex;align-items: center;gap: .4rem;margin-top: auto;font-weight: 700;font-size: .95rem;color: var(--fg)}.site-cta svg{width: 18px;height: 18px;transition: transform .3s var(--ease)}.site-card:hover .site-cta svg{transform: translate(3px, -3px)}.site-card.is-featured{grid-column: span 2}.site-card.is-featured article{display: grid;grid-template-columns: auto minmax(0, 1fr);grid-template-rows: minmax(0, 1fr) auto;column-gap: 1.6rem;row-gap: 1.1rem;align-items: start;padding: 1.8rem}.site-card.is-featured .site-top{grid-row: 1 / -1;flex-direction: column;justify-content: space-between;align-items: flex-start;height: 100%}.site-card.is-featured .site-cta{grid-column: 2;margin-top: 0}.site-card.is-featured .site-mono{width: 84px;height: 84px;border-radius: 24px;font-size: 2.4rem}.site-card.is-featured .site-name{font-size: 2rem}.site-card.is-featured .site-desc{font-size: 1rem;max-width: 36rem}.site-tip{display: flex;flex-direction: column;justify-content: center;gap: .6rem;padding: 1.5rem;border: 1px dashed var(--line-strong);border-radius: var(--radius-lg);color: var(--fg-muted);font-size: .95rem}.site-tip h3{font-size: 1.35rem;color: var(--fg)}.site-tip a{color: var(--fg);font-weight: 700}.steps{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.1rem;list-style: none}.steps li{position: relative;padding: 1.6rem 1.5rem 1.6rem;border: 1px solid var(--line);border-radius: var(--radius-lg);background: var(--bg-elev)}.step-num{display: inline-grid;place-items: center;width: 40px;height: 40px;border-radius: 999px;font-family: var(--font-display);font-size: 1.35rem;color: var(--accent-ink);background: linear-gradient(135deg, var(--accent), var(--accent-2));margin-bottom: 1rem}.steps h3{margin-bottom: .5rem}.steps p{color: var(--fg-muted);font-size: .95rem}.faq{display: grid;gap: .6rem}.faq details{border: 1px solid var(--line);border-radius: var(--radius);background: var(--bg-card);overflow: hidden;transition: border-color .2s}.faq details[open]{border-color: var(--line-strong)}.faq summary{display: flex;align-items: center;justify-content: space-between;gap: 1rem;padding: 1.05rem 1.3rem;font-weight: 700;cursor: pointer;list-style: none}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: "";flex: none;width: 10px;height: 10px;border-right: 2px solid var(--fg-muted);border-bottom: 2px solid var(--fg-muted);transform: rotate(45deg);transition: transform .25s var(--ease);margin-right: .25rem}.faq details[open] summary::after{transform: rotate(-135deg)}.faq summary:focus-visible{box-shadow: inset var(--focus);border-radius: var(--radius)}.faq .faq-answer{padding: 0 1.3rem 1.2rem;color: var(--fg-muted)}.site-footer{margin-top: clamp(2rem, 4vw, 4rem);border-top: 1px solid var(--line);background: var(--bg-elev)}.footer-grid{display: grid;grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr);gap: 2rem;padding: 3rem 0 2rem}.footer-brand p{color: var(--fg-muted);margin-top: 1rem;max-width: 30rem;font-size: .95rem}.footer-title{font-family: var(--font-body);font-size: .78rem;font-weight: 700;letter-spacing: .14em;text-transform: uppercase;color: var(--fg-faint);margin-bottom: .9rem}.site-footer nav ul{list-style: none;display: grid;gap: .45rem}.site-footer nav a{color: var(--fg-muted);text-decoration: none;font-size: .95rem}.site-footer nav a:hover{color: var(--fg);text-decoration: underline}.footer-bottom{display: flex;flex-wrap: wrap;justify-content: space-between;gap: .5rem 1.5rem;padding: 1.2rem 0 2rem;border-top: 1px solid var(--line);color: var(--fg-faint);font-size: .85rem}.page-hero{padding: clamp(3rem, 5vw, 5rem) 0 1rem}.page-hero h1{font-size: clamp(2.2rem, 1.6rem + 2.4vw, 3.6rem);margin-bottom: 1rem}.breadcrumb{list-style: none;display: flex;flex-wrap: wrap;gap: .5rem;font-size: .88rem;color: var(--fg-faint);margin-bottom: 1.4rem}.breadcrumb li + li::before{content: "/";margin-right: .5rem;color: var(--line-strong)}.breadcrumb a{color: var(--fg-muted);text-decoration: none}.breadcrumb a:hover{color: var(--fg)}.prose{padding-bottom: clamp(3rem, 5vw, 5rem);color: var(--fg-muted)}.prose h2{font-size: 1.7rem;color: var(--fg);margin: 2.2rem 0 .8rem}.prose p, .prose ul{margin-bottom: 1rem}.prose ul{padding-left: 1.2rem;display: grid;gap: .4rem}.prose strong{color: var(--fg)}.prose a{color: var(--fg)}.page-meta{font-size: .9rem;color: var(--fg-faint)}.notfound{text-align: center;padding: clamp(4rem, 8vw, 8rem) 0}.notfound .code{font-family: var(--font-display);font-size: clamp(5rem, 14vw, 9rem);line-height: 1;color: var(--accent)}.notfound h1{margin: .5rem 0 1rem}.notfound .lede{margin-inline: auto}.notfound .hero-actions{justify-content: center}.drama{padding: clamp(1.5rem, 3vw, 2.5rem) 0 clamp(3rem, 5vw, 5rem)}.drama .breadcrumb, .listing .breadcrumb{margin-bottom: 1.4rem}.drama-hero{display: grid;grid-template-columns: 220px minmax(0, 1fr);gap: clamp(1.4rem, 3vw, 2.6rem);align-items: start;margin-bottom: clamp(2rem, 4vw, 3rem)}.drama-cover{margin: 0}.drama-cover img, .drama-cover .cover-empty{width: 100%;aspect-ratio: 256 / 368;height: auto;border-radius: var(--radius-lg);object-fit: cover;box-shadow: var(--shadow);background: var(--bg-card);display: block}.cover-empty{display: grid;place-items: center;font-family: var(--font-display);font-size: 2.6rem;color: var(--fg-faint);border: 1px solid var(--line)}.drama-head h1{font-size: clamp(2rem, 1.4rem + 2.4vw, 3.6rem);margin-bottom: .6rem}.drama-alt{color: var(--fg-muted);margin-bottom: .9rem}.drama-badges{list-style: none;display: flex;flex-wrap: wrap;gap: .5rem;margin: .4rem 0 1rem}.badge{display: inline-flex;align-items: center;gap: .35rem;padding: .35rem .8rem;border-radius: 999px;font-size: .85rem;font-weight: 700;background: var(--bg-card);border: 1px solid var(--line-strong)}.badge-status.is-ongoing{color: var(--accent);border-color: color-mix(in srgb, var(--accent) 55%, transparent)}.badge-status.is-done{color: #2fae73;border-color: rgba(47, 174, 115, .5)}.chips{list-style: none;display: flex;flex-wrap: wrap;gap: .4rem;margin-bottom: 1.4rem}.chips li{font-size: .8rem;font-weight: 600;color: var(--fg-muted);padding: .25rem .65rem;border-radius: 999px;background: var(--bg-elev);border: 1px solid var(--line)}.drama-actions{display: flex;flex-wrap: wrap;gap: .6rem}.drama-grid{display: grid;grid-template-columns: minmax(0, 1.7fr) minmax(260px, .9fr);gap: clamp(1.5rem, 3vw, 2.6rem);align-items: start}.drama-main > section + section{margin-top: clamp(2rem, 3.5vw, 3rem)}.drama-main h2{font-size: clamp(1.6rem, 1.3rem + 1vw, 2.2rem);margin-bottom: .9rem;text-wrap: pretty}.synopsis p{color: var(--fg-muted);margin-bottom: .9rem}.watch{padding: clamp(1.3rem, 2.5vw, 2rem);border: 1px solid var(--line);border-radius: var(--radius-lg);background: linear-gradient(180deg, color-mix(in srgb, var(--bg-card) 90%, var(--accent) 10%), var(--bg-card));box-shadow: var(--shadow);scroll-margin-top: 90px}.watch > p{color: var(--fg-muted);margin-bottom: 1.1rem}.watch-sites{list-style: none;display: grid;grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));gap: .7rem}.watch-btn{display: grid;grid-template-columns: 40px minmax(0, 1fr) 18px;gap: .7rem;align-items: center;padding: .7rem .85rem;border-radius: var(--radius);border: 1px solid var(--line-strong);background: var(--bg-elev);color: var(--fg);text-decoration: none;transition: transform .25s var(--ease), border-color .25s var(--ease), background .25s var(--ease)}.watch-btn:hover{transform: translateY(-2px);border-color: hsl(var(--h) 60% 60% / .7);background: var(--bg-card-hover)}.watch-mono{display: grid;place-items: center;width: 40px;height: 40px;border-radius: 12px;font-family: var(--font-display);font-size: 1.2rem;color: #fff;background: linear-gradient(135deg, hsl(var(--h) 72% 58%), hsl(calc(var(--h) + 36) 68% 44%))}.watch-text{display: grid;min-width: 0}.watch-text strong{font-size: .95rem}.watch-text span{font-size: .78rem;color: var(--fg-muted);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.watch-btn svg{width: 18px;height: 18px}.cast-list{list-style: none;display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: .5rem .8rem}.cast-list li{display: grid;padding: .55rem .8rem;border: 1px solid var(--line);border-radius: var(--radius-sm);background: var(--bg-elev);font-size: .92rem}.cast-list span{color: var(--fg-faint);font-size: .8rem}.info-card{padding: 1.3rem 1.4rem;border: 1px solid var(--line);border-radius: var(--radius-lg);background: var(--bg-card);position: sticky;top: 84px}.info-card h2{font-size: 1.3rem;margin-bottom: .8rem}.info-list{display: grid;grid-template-columns: auto minmax(0, 1fr);gap: .5rem 1rem;margin: 0;font-size: .92rem}.info-list dt{color: var(--fg-faint)}.info-list dd{margin: 0;font-weight: 600;overflow-wrap: anywhere}.related{margin-top: clamp(2.5rem, 4vw, 4rem)}.related h2{font-size: clamp(1.6rem, 1.3rem + 1vw, 2.2rem);margin-bottom: 1rem}.related-grid, .listing-grid{list-style: none;display: grid;grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));gap: 1.1rem 1rem}.poster-card a{text-decoration: none;color: var(--fg)}.poster-card img, .poster-card .cover-empty{width: 100%;aspect-ratio: 256 / 368;height: auto;object-fit: cover;border-radius: var(--radius);background: var(--bg-card);display: block;transition: transform .3s var(--ease), box-shadow .3s var(--ease)}.poster-card h3{font-family: var(--font-body);font-size: .95rem;font-weight: 700;line-height: 1.3;letter-spacing: 0}.explore-search{margin-bottom: 1.8rem;padding: clamp(1.1rem, 2.2vw, 1.4rem);border: 1px solid var(--line-strong);border-radius: var(--radius-lg);background: var(--bg-card);box-shadow: var(--shadow)}.explore-search-row{display: flex;align-items: flex-end;gap: .75rem}.explore-search-row > .search-box{flex: 1 1 auto;min-width: 0}.search-label{display: block;font-size: .95rem;font-weight: 700;margin-bottom: .6rem}.explore-form{display: flex;align-items: center;height: 50px;border: 1px solid var(--line-strong);border-radius: var(--radius-sm);background: var(--bg-elev);overflow: hidden;padding-left: .9rem;color: var(--fg-muted)}.explore-form:focus-within{border-color: var(--accent);box-shadow: var(--focus)}.explore-form > svg{width: 18px;height: 18px;flex: none}.explore-form input{flex: 1 1 auto;min-width: 0;height: 100%;border: 0;background: transparent;color: var(--fg);font: inherit;padding: 0 .75rem;outline: none}.explore-form input::placeholder{color: var(--fg-faint)}.explore-form button{display: flex;align-items: center;gap: .5rem;height: 100%;padding: 0 1.1rem;border: 0;border-left: 1px solid var(--line-strong);background: var(--bg-card-hover);color: var(--fg);font: inherit;font-weight: 700;font-size: .92rem;cursor: pointer;transition: background .2s}.explore-form button:hover{background: color-mix(in srgb, var(--accent) 14%, var(--bg-card))}.explore-form button svg{width: 17px;height: 17px}.explore-filter-toggle{display: flex;align-items: center;justify-content: center;gap: .5rem;min-height: 50px;padding: 0 1.1rem;flex: none;border: 1px solid color-mix(in srgb, var(--accent) 45%, var(--line-strong));border-radius: var(--radius-sm);background: color-mix(in srgb, var(--accent) 12%, var(--bg-elev));color: var(--fg);font: inherit;font-size: .95rem;font-weight: 700;cursor: pointer;transition: background .2s, border-color .2s}.explore-filter-toggle:hover, .explore-filter-toggle.selected{background: color-mix(in srgb, var(--accent) 22%, var(--bg-elev));border-color: var(--accent)}.explore-filter-toggle svg{width: 20px;height: 20px}.explore-filter-toggle b{font-size: .75rem;min-width: 21px;height: 21px;display: grid;place-items: center;padding: 0 .35rem;background: var(--accent);color: var(--accent-ink);border-radius: 999px}.explore-filter-groups{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: .7rem;margin-top: 1.1rem}.explore-filter-groups[hidden]{display: none}.explore-filter-groups > button{display: flex;align-items: center;justify-content: space-between;gap: .5rem;padding: .8rem .95rem;min-height: 66px;text-align: left;border: 1px solid var(--line-strong);border-radius: var(--radius-sm);background: var(--bg-elev);color: var(--fg);font: inherit;font-size: .95rem;font-weight: 600;cursor: pointer;transition: border-color .2s, background .2s}.explore-filter-groups > button:hover{border-color: var(--accent);background: var(--bg-card-hover)}.explore-filter-groups > button.has-selection{border-color: color-mix(in srgb, var(--accent) 60%, var(--line-strong))}.explore-filter-groups small{display: block;font-size: .78rem;font-weight: 500;color: var(--fg-muted);margin-top: .15rem}.explore-filter-groups > button.has-selection small{color: var(--accent);font-weight: 700}.explore-filter-groups svg{width: 18px;height: 18px;color: var(--accent);flex: none}.explore-active-filters{display: flex;flex-wrap: wrap;align-items: center;gap: .5rem .9rem;margin-top: 1rem}.explore-active-filters[hidden]{display: none}.explore-chip-group{display: flex;flex-wrap: wrap;align-items: center;gap: .4rem}.explore-chip-group strong{font-size: .8rem;color: var(--fg-muted)}.explore-chip-group button, .explore-reset{display: inline-flex;align-items: center;gap: .35rem;padding: .4rem .75rem;border-radius: 8px;border: 1px solid var(--line-strong);background: var(--bg-elev);color: var(--fg);font: inherit;font-size: .8rem;font-weight: 600;cursor: pointer}.explore-chip-group button:hover{border-color: var(--accent)}.explore-reset{color: var(--accent);border-color: color-mix(in srgb, var(--accent) 45%, transparent)}.explore-noscript{margin-top: .9rem;font-size: .85rem;color: var(--fg-muted)}.explore-filter-dialog{width: min(650px, calc(100vw - 32px));max-width: none;max-height: calc(100dvh - 48px);margin: auto;padding: 1.5rem;border: 1px solid var(--line-strong);border-radius: 18px;background: var(--bg-elev);color: var(--fg);box-shadow: 0 25px 100px rgba(0, 0, 0, .55);overflow: auto;overscroll-behavior: contain}.explore-filter-dialog::backdrop{background: rgba(5, 4, 10, .72);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px)}.explore-filter-dialog > header{display: flex;align-items: flex-start;justify-content: space-between;gap: 1rem;margin-bottom: 1rem}.explore-filter-dialog > header p{font-size: .72rem;letter-spacing: .12em;text-transform: uppercase;font-weight: 700;color: var(--accent);margin: 0 0 .35rem}.explore-filter-dialog h2{font-size: 1.7rem;margin: 0}.icon-button{display: grid;place-items: center;width: 38px;height: 38px;border-radius: 999px;border: 1px solid var(--line-strong);background: var(--bg-card);color: var(--fg);cursor: pointer}.icon-button svg{width: 18px;height: 18px}.explore-option-search{display: flex;align-items: center;gap: .6rem;min-height: 46px;padding: 0 .9rem;border: 1px solid var(--line-strong);border-radius: var(--radius-sm);background: var(--bg-card);color: var(--fg-muted)}.explore-option-search:focus-within{border-color: var(--accent);box-shadow: var(--focus)}.explore-option-search svg{width: 18px;height: 18px;flex: none}.explore-option-search input{flex: 1;min-width: 0;border: 0;background: transparent;color: var(--fg);font: inherit;outline: none;height: 44px}.explore-filter-hint{font-size: .85rem;color: var(--fg-muted);line-height: 1.6;margin: .8rem 0}.explore-filter-options{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: .5rem;max-height: 42dvh;overflow: auto;padding: 3px;overscroll-behavior: contain}.explore-filter-options > label{display: flex;align-items: center;gap: .6rem;min-height: 44px;border: 1px solid var(--line);background: var(--bg-card);border-radius: 8px;padding: .55rem .65rem;font-size: .9rem;cursor: pointer;overflow-wrap: anywhere}.explore-filter-options > label:hover{border-color: var(--line-strong)}.explore-filter-options > label:has(input:checked){background: color-mix(in srgb, var(--accent) 16%, var(--bg-card));border-color: var(--accent)}.explore-filter-options input{accent-color: var(--accent);width: 17px;height: 17px;flex: none;margin: 0}.explore-filter-options small{margin-left: auto;font-size: .72rem;color: var(--fg-faint)}.explore-filter-options > p{grid-column: 1 / -1;color: var(--fg-muted);padding: 1rem 0;font-size: .9rem}.explore-filter-dialog > footer{border-top: 1px solid var(--line);margin-top: 1.2rem;padding-top: 1rem;display: flex;align-items: center;justify-content: space-between;gap: .75rem}.explore-filter-dialog > footer > div{display: flex;align-items: center;gap: 1rem}.explore-filter-progress{font-size: .8rem;color: var(--fg-muted)}.text-button{border: 0;background: none;color: var(--fg-muted);font: inherit;font-size: .85rem;font-weight: 700;cursor: pointer;padding: .4rem .2rem}.text-button:hover{color: var(--fg)}.catalog-heading{display: flex;align-items: flex-end;justify-content: space-between;gap: 1rem;flex-wrap: wrap;margin-bottom: 1.4rem}.catalog-heading .section-head{margin-bottom: 0}.section-subtitle{font-size: .9rem;color: var(--fg-muted);margin-top: .4rem}.catalog-tools{display: flex;align-items: center;gap: .6rem}.sort-menu{position: relative}.sort-button{display: inline-flex;align-items: center;gap: .5rem;height: 42px;padding: 0 .8rem 0 .9rem;border: 1px solid var(--line-strong);border-radius: var(--radius-sm);background: var(--bg-card);color: var(--fg);font: inherit;font-size: .88rem;font-weight: 600;cursor: pointer;transition: border-color .2s, background .2s}.sort-button:hover, .sort-button[aria-expanded="true"]{border-color: var(--accent);background: var(--bg-card-hover)}.sort-button.is-active{border-color: color-mix(in srgb, var(--accent) 55%, var(--line-strong))}.sort-button svg{width: 16px;height: 16px;flex: none;color: var(--fg-muted)}.sort-button svg:last-child{width: 14px;height: 14px;transition: transform .2s var(--ease)}.sort-button[aria-expanded="true"] svg:last-child{transform: rotate(180deg)}.sort-prefix{color: var(--fg-muted);font-weight: 500}.sort-current{white-space: nowrap}.sort-list{position: absolute;top: calc(100% + 6px);left: 0;z-index: 45;min-width: max(240px, 100%);margin: 0;padding: .4rem;list-style: none;border: 1px solid var(--line-strong);border-radius: var(--radius);background: var(--bg-elev);box-shadow: var(--shadow)}.sort-list.align-end{left: auto;right: 0}.sort-list[hidden]{display: none}.sort-list [role="option"]{display: flex;align-items: center;justify-content: space-between;gap: .8rem;padding: .6rem .8rem;border-radius: 8px;font-size: .9rem;font-weight: 600;color: var(--fg);cursor: pointer;outline: none}.sort-list [role="option"]:hover, .sort-list [role="option"]:focus{background: color-mix(in srgb, var(--accent) 12%, var(--bg-card));box-shadow: none}.sort-list [role="option"]:focus-visible{box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--accent) 60%, transparent)}.sort-list [role="option"]::after{content: "";width: 8px;height: 13px;margin-right: .2rem;border-right: 2px solid var(--accent);border-bottom: 2px solid var(--accent);transform: rotate(45deg) translateY(-2px);opacity: 0}.sort-list [role="option"][aria-selected="true"]{color: var(--accent)}.sort-list [role="option"][aria-selected="true"]::after{opacity: 1}#browse:not(.is-enhanced) .sort-menu{visibility: hidden}.explore-results{position: relative;min-height: 200px}.explore-results[aria-busy="true"] .listing-grid{opacity: .45;transition: opacity .2s}.explore-status{font-size: .85rem;color: var(--fg-muted);min-height: 1.2em;margin-bottom: .6rem}.explore-status:empty{display: none}.browse-empty{grid-column: 1 / -1;padding: 2rem 1rem;text-align: center;color: var(--fg-muted);border: 1px dashed var(--line-strong);border-radius: var(--radius-lg)}.poster-card article{position: relative}.card-thumb{position: relative;display: block;border-radius: var(--radius);overflow: hidden}.card-thumb img, .card-thumb .cover-empty{margin: 0}.subtitle-badge, .episode-badge{position: absolute;line-height: 1.4;font-weight: 700;border-radius: 5px;pointer-events: none}.subtitle-badge{left: 8px;top: 8px;padding: 2px 6px;font-size: .62rem;letter-spacing: .06em;color: #fff;background: rgba(12, 10, 18, .6);border: 1px solid rgba(255, 255, 255, .22);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px)}.episode-badge{right: 8px;bottom: 8px;padding: 2px 7px;font-size: .68rem;color: #fff;background: rgba(12, 10, 18, .78);border: 1px solid rgba(255, 255, 255, .16);max-width: 80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.card-info{display: flex;align-items: flex-start;gap: .55rem;margin-top: .65rem}.card-avatar{width: 27px;height: 27px;flex: none;border-radius: 50%;display: grid;place-items: center;font-size: .62rem;font-weight: 800;letter-spacing: .02em;color: var(--accent);background: color-mix(in srgb, var(--accent) 12%, var(--bg-card));border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--line-strong));margin-top: 1px}.card-text{min-width: 0}.card-text h3{margin: 0}.card-text h3 a{text-decoration: none;color: var(--fg)}.card-text h3 a::after{content: "";position: absolute;inset: 0}.card-meta{font-size: .8rem;color: var(--fg-muted);margin-top: .15rem}.card-availability{font-size: .76rem;color: var(--fg-faint);margin-top: .1rem}.poster-card:hover .card-thumb img, .poster-card:hover .card-thumb .cover-empty{transform: translateY(-3px);box-shadow: var(--shadow)}.listing{padding: clamp(1.5rem, 3vw, 2.5rem) 0 clamp(3rem, 5vw, 5rem)}.listing .section-head h1{font-size: clamp(2rem, 1.4rem + 2.4vw, 3.4rem);margin-bottom: .8rem}.listing .section-head p:not(.eyebrow){color: var(--fg-muted)}.listing .section-head a{color: var(--fg)}.pagination{display: flex;flex-wrap: wrap;gap: .4rem;justify-content: center;margin-top: 2.2rem;list-style: none}.pagination a, .pagination span{display: inline-grid;place-items: center;min-width: 40px;height: 40px;padding: 0 .8rem;border-radius: 999px;border: 1px solid var(--line-strong);text-decoration: none;color: var(--fg);font-weight: 600;font-size: .9rem}.pagination span.gap{border: 0}.pagination [aria-current="page"]{background: var(--accent);color: var(--accent-ink);border-color: transparent}.pagination a:hover{background: var(--bg-elev)}.listing-meta{text-align: center;margin-top: 1rem}.vpn-page .page-hero .eyebrow{margin-top: .4rem}.vpn-grid{list-style: none;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1.1rem;padding: 0;margin: 0 0 2.4rem}.vpn-card{display: flex;flex-direction: column;gap: 1.1rem;padding: 1.5rem;border: 1px solid var(--line);border-radius: var(--radius-lg);background: var(--bg-card);color: var(--fg)}.vpn-card.is-featured{border-color: color-mix(in srgb, var(--accent) 50%, var(--line-strong));background: linear-gradient(180deg, color-mix(in srgb, var(--bg-card) 90%, var(--accent) 10%), var(--bg-card));box-shadow: var(--shadow)}.vpn-card h2{font-size: 1.6rem;margin: .4rem 0 .5rem;color: var(--fg)}.vpn-card p{color: var(--fg-muted);margin: 0;font-size: .95rem}.vpn-tag{display: inline-block;font-size: .72rem;font-weight: 700;letter-spacing: .1em;text-transform: uppercase;color: var(--accent)}.vpn-tag-muted{color: var(--fg-faint)}.vpn-specs{display: grid;grid-template-columns: auto minmax(0, 1fr);gap: .35rem .9rem;margin: 0;font-size: .88rem}.vpn-specs dt{color: var(--fg-faint)}.vpn-specs dd{margin: 0;font-weight: 600;color: var(--fg);overflow-wrap: anywhere}.vpn-card .btn{margin-top: auto;justify-content: center}.vpn-steps{padding-left: 1.3rem;display: grid;gap: .6rem;margin-bottom: 1rem}.vpn-steps li{padding-left: .2rem}.prose code{font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font-size: .88em;padding: .1em .4em;border-radius: 6px;background: var(--bg-elev);border: 1px solid var(--line);color: var(--fg)}@media (max-width: 720px){.vpn-grid{grid-template-columns: 1fr}}@media (max-width: 1000px){.explore-filter-groups{grid-template-columns: repeat(2, minmax(0, 1fr))}.site-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}.site-tip{grid-column: span 2}.steps{grid-template-columns: 1fr}.footer-grid{grid-template-columns: 1fr 1fr}.footer-brand{grid-column: span 2}}@media (max-width: 1000px){.drama-hero{grid-template-columns: 170px minmax(0, 1fr)}.drama-grid{grid-template-columns: 1fr}.info-card{position: static}.search-panel{grid-template-columns: 1fr}.search-form{grid-template-columns: minmax(0, 1fr) minmax(180px, 240px) auto}}@media (max-width: 760px){.site-nav{display: none}}@media (max-width: 640px){body{font-size: 1rem}.explore-search-row{align-items: flex-end}.explore-form button .search-button-label{display: none}.explore-form button{padding: 0 .9rem}.explore-filter-toggle > span{display: none}.explore-filter-toggle{padding: 0 .9rem}.explore-filter-options{grid-template-columns: repeat(2, minmax(0, 1fr))}.explore-filter-dialog{padding: 1.1rem}.catalog-heading{align-items: flex-start}.sort-prefix{display: none}.drama-hero{grid-template-columns: 1fr}.drama-cover{max-width: 190px}.related-grid, .listing-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}.watch-sites{grid-template-columns: 1fr}.site-grid{grid-template-columns: 1fr}.site-card.is-featured, .site-tip{grid-column: auto}.site-card.is-featured article{display: flex;flex-direction: column;padding: 1.5rem;gap: 1.1rem}.site-card.is-featured .site-top{flex-direction: row;align-items: flex-start;height: auto}.site-card.is-featured .site-cta{margin-top: auto}.site-card.is-featured .site-mono{width: 60px;height: 60px;border-radius: 18px;font-size: 1.75rem}.site-card.is-featured .site-name{font-size: 1.6rem}.search-form{grid-template-columns: 1fr}.facts{gap: .8rem 1.6rem}.facts strong{font-size: 1.6rem}.footer-grid{grid-template-columns: 1fr}.footer-brand{grid-column: auto}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*, *::before, *::after{transition: none !important;animation: none !important}}@media print{.site-header, .theme-toggle, .hero-actions, .section-search, .site-footer nav{display: none}body{background: #fff;color: #000}.site-card article, .steps li, .faq details{break-inside: avoid}}[data-site="dramaid"]{--h:346}[data-site="drama-asia"]{--h:24}[data-site="dramaindo"]{--h:204}[data-site="indodrama"]{--h:262}[data-site="drama-id"]{--h:160}[data-site="dramaindo-moe"]{--h:42}[data-site="drakorkita"]{--h:318}