@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, auto) 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;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)}.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}.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{flex-direction: row;align-items: stretch;gap: 1.6rem;padding: 1.8rem}.site-card.is-featured .site-top{flex-direction: column;justify-content: space-between;align-items: flex-start}.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}@media (max-width: 1000px){.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: 860px){.search-panel{grid-template-columns: 1fr}.search-form{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)}.search-form .btn{grid-column: 1 / -1}}@media (max-width: 760px){.site-nav{display: none}}@media (max-width: 640px){body{font-size: 1rem}.site-grid{grid-template-columns: 1fr}.site-card.is-featured, .site-tip{grid-column: auto}.site-card.is-featured article{flex-direction: column;padding: 1.5rem;gap: 1.1rem}.site-card.is-featured .site-top{flex-direction: row;align-items: flex-start}.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}