:root{--maxw:1240px;--g:20px;--r:10px;--cols:5;--bg:#0f1115;--surface:#171a21;--surface2:#20242e;--line:#2a2f3a;--text:#e8eaf0;--muted:#9aa3b2;--acc:#f5b400;--acc-soft:#ffd766;--acc-ink:#1a1400;--danger:#ff6b6b;--header-h:58px;--font-body:"Pretendard Variable", Pretendard, system-ui, -apple-system, "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;--shadow:0 10px 30px #00000073;color-scheme:dark}@media (width<=1080px){:root{--cols:4}}@media (width<=740px){:root{--cols:3}}@media (width<=520px){:root{--cols:2;--g:16px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);word-break:keep-all;overflow-wrap:anywhere;flex-direction:column;min-height:100dvh;margin:0;font-size:15px;line-height:1.6;display:flex}main{flex:1 0 auto}img,svg,video,iframe{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:hover{color:var(--acc-soft)}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3{margin:0;line-height:1.25}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:4px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:1000;background:var(--acc);color:var(--acc-ink);border-radius:6px;padding:8px 12px;font-weight:700;position:absolute;top:-60px;left:8px}.skip-link:focus{top:8px}.wrap{max-width:var(--maxw);padding-inline:var(--g);width:100%;margin:0 auto}.btn{border-radius:var(--r);background:var(--acc);color:var(--acc-ink);border:1px solid #0000;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:700;transition:transform .15s,background .15s;display:inline-flex}.btn:hover{background:var(--acc-soft);color:var(--acc-ink);transform:translateY(-2px)}.btn-ghost{color:var(--text);border-color:var(--line);background:0 0}.btn-ghost:hover{background:var(--surface2);color:var(--text)}.btn[aria-disabled=true]{opacity:.4;pointer-events:none}.chip{background:var(--surface2);color:var(--muted);border-radius:999px;align-items:center;padding:4px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.chip-acc{color:var(--acc-soft);background:#f5b40024}.site-header{z-index:100;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#171a21eb;transition:box-shadow .2s;position:sticky;top:0}.site-header.scrolled{box-shadow:0 5px 20px #00000080}.header-inner{min-height:var(--header-h);align-items:center;gap:16px;display:flex}.logo{color:var(--acc);letter-spacing:-.02em;white-space:nowrap;font-size:21px;font-weight:800}.logo:hover{color:var(--acc-soft)}.logo small{color:var(--muted);letter-spacing:.05em;margin-left:6px;font-size:11px;font-weight:600}.nav{scrollbar-width:none;flex:1;gap:2px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{color:var(--muted);white-space:nowrap;border-radius:7px;padding:7px 11px;font-size:13px;font-weight:600}.nav a:hover{background:var(--surface2);color:var(--text)}.nav a[aria-current=page]{background:var(--acc);color:var(--acc-ink)}.search-form{align-items:center;gap:0;margin-left:auto;display:flex}.search-form .field{background:var(--bg);border:1px solid var(--line);border-radius:8px;align-items:center;width:210px;height:36px;padding:0 0 0 10px;transition:border-color .15s;display:flex}.search-form .field:focus-within{border-color:var(--acc)}.search-form input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13.5px}.search-form input::placeholder{color:var(--muted)}.search-form button{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.search-form button:hover{color:var(--acc)}.menu-btn{border:1px solid var(--line);background:var(--surface2);border-radius:8px;place-items:center;width:40px;height:40px;margin-left:auto;display:none}@media (width<=920px){.nav,.site-header .search-form{display:none}.menu-btn{display:grid}}.drawer-overlay{z-index:200;opacity:0;pointer-events:none;background:#0000008c;transition:opacity .2s;position:fixed;inset:0}.drawer{z-index:201;background:var(--surface);border-left:1px solid var(--line);flex-direction:column;gap:14px;width:min(300px,84vw);padding:16px;transition:transform .22s;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.drawer[data-open=true]{transform:none}.drawer-overlay[data-open=true]{opacity:1;pointer-events:auto}.drawer-head{justify-content:space-between;align-items:center;display:flex}.drawer .close-btn{border:1px solid var(--line);background:var(--surface2);border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.drawer .search-form{margin:0;display:flex}.drawer .search-form .field{width:100%}.drawer-group h3{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:6px 0 4px;font-size:11.5px}.drawer-group a{border-radius:8px;padding:9px 10px;font-size:14px;font-weight:600;display:block}.drawer-group a:hover{background:var(--surface2);color:var(--text)}.drawer-group a[aria-current=page]{background:var(--acc);color:var(--acc-ink)}body.drawer-open{overflow:hidden}.notice{color:var(--acc-soft);text-align:center;background:#f5b4001a;border-bottom:1px solid #f5b40040;padding:8px 0;font-size:13px}.notice a{text-decoration:underline}.section{margin:34px 0}.section-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.section-head h2{color:var(--acc);font-size:18px;font-weight:800}.section-head .more{color:var(--muted);white-space:nowrap;font-size:12.5px}.section-head .more:hover{color:var(--acc-soft)}.page-head{margin:30px 0 18px}.page-head h1{font-size:clamp(22px,3vw,30px);font-weight:800}.page-head p{color:var(--muted);margin-top:6px;font-size:14px}.hero{background:var(--surface);isolation:isolate;border-radius:14px;align-items:flex-end;min-height:340px;margin-top:22px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-2;position:absolute;inset:0}.hero-bg img{object-fit:cover;object-position:center 25%;width:100%;height:100%}.hero:after{content:"";z-index:-1;background:linear-gradient(180deg, #0f111540 0%, #0f1115c7 55%, var(--bg) 100%);position:absolute;inset:0}.hero-body{align-items:flex-end;gap:24px;width:100%;padding:28px;display:flex}.hero-poster{width:150px;box-shadow:var(--shadow);aspect-ratio:2/3;background:var(--surface2);border-radius:8px;flex:none;overflow:hidden}.hero-poster img{object-fit:cover;width:100%;height:100%}.hero-text{gap:10px;max-width:640px;display:grid}.hero-text .badge{color:var(--acc);letter-spacing:.08em;font-size:12px;font-weight:800}.hero-text h2{color:#fff;font-size:clamp(25px,3.5vw,39px);font-weight:800}.hero-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;display:flex}.hero-meta .score{color:var(--acc);font-size:16px;font-weight:800}.hero-text .overview{color:#d7dbe4;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:14.5px;display:-webkit-box;overflow:hidden}@media (width<=740px){.hero{min-height:260px}.hero-body{gap:14px;padding:18px}.hero-poster{width:96px}}@media (width<=520px){.hero-poster{display:none}}.grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:16px;display:grid}@media (width<=520px){.grid{gap:12px}}.card{background:var(--surface);border-radius:var(--r);flex-direction:column;min-width:0;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow);color:inherit;transform:translateY(-4px)}.card:focus-visible{outline-offset:0}.card-media{aspect-ratio:2/3;background:var(--surface2);position:relative;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:100%}.card-media .no-poster{color:var(--muted);text-align:center;background:repeating-linear-gradient(45deg, var(--surface2) 0 10px, #1b1f28 10px 20px);place-items:center;padding:12px;font-size:12.5px;display:grid;position:absolute;inset:0}.card-score{pointer-events:none;background:linear-gradient(#0000 0%,#000000c7 100%);align-items:baseline;gap:4px;padding:26px 9px 7px;display:flex;position:absolute;bottom:0;left:0;right:0}.card-score b{color:var(--acc);text-shadow:0 1px 4px #0009;font-size:22px;font-weight:800;line-height:1}.card-score small{color:#ffffffbf;font-size:11px}.card-type{letter-spacing:.06em;color:#fff;background:#0009;border-radius:5px;padding:3px 7px;font-size:10.5px;font-weight:700;position:absolute;top:8px;left:8px}.card-body{gap:3px;padding:10px 11px 12px;display:grid}.card-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:36.45px;font-size:13.5px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.card-sub{color:var(--muted);font-size:11.5px}@media (width<=740px){.card-score b{font-size:19px}}@media (width<=520px){.card-title{font-size:13px}}.genre-nav{flex-wrap:wrap;align-items:center;gap:6px;margin:-6px 0 18px;display:flex}.genre-nav-label{color:var(--muted);margin-right:4px;font-size:12px}.genre-nav a{background:var(--surface2);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:600}.genre-nav a small{opacity:.7;font-size:11px}.genre-nav a:hover{color:var(--text)}.genre-nav a[aria-current=page],.chip-link:hover{background:var(--acc);color:var(--acc-ink)}.tabs{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}.tabs a{border:1px solid var(--line);color:var(--muted);border-radius:7px;padding:7px 14px;font-size:13px;font-weight:600}.tabs a:hover{border-color:var(--acc);color:var(--text)}.tabs a[aria-current=page]{background:var(--acc);color:var(--acc-ink);border-color:var(--acc)}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:30px 0 10px;display:flex}.pagination a,.pagination span.num{border:1px solid var(--line);min-width:38px;height:38px;color:var(--muted);border-radius:9px;justify-content:center;align-items:center;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.pagination a:hover{border-color:var(--acc);color:var(--text)}.pagination [aria-current=page]{background:var(--acc);color:var(--acc-ink);border-color:var(--acc)}.pagination .info{text-align:center;width:100%;color:var(--muted);margin-top:4px;font-size:13px}.pagination .disabled{opacity:.35;pointer-events:none}.empty{text-align:center;color:var(--muted);background:var(--surface);border-radius:var(--r);padding:48px 20px}.empty strong{color:var(--text);margin-bottom:8px;font-size:17px;display:block}.detail-hero{isolation:isolate;background:var(--surface);border-radius:14px;margin-top:22px;position:relative;overflow:hidden}.detail-hero .hero-bg img{object-position:center 30%}.detail-hero:after{content:"";z-index:-1;background:linear-gradient(180deg, #0f11158c 0%, #0f1115e6 60%, var(--bg) 100%);position:absolute;inset:0}.detail-body{gap:26px;padding:34px 28px;display:flex}.detail-poster{aspect-ratio:2/3;background:var(--surface2);width:182px;box-shadow:var(--shadow);border-radius:10px;flex:none;overflow:hidden}.detail-poster img{object-fit:cover;width:100%;height:100%}.detail-poster .no-poster{height:100%;color:var(--muted);place-items:center;font-size:13px;display:grid}.detail-text{align-content:start;gap:12px;min-width:0;display:grid}.detail-text h1{color:#fff;font-size:clamp(24px,3.8vw,38px);font-weight:800}.detail-text .original{color:var(--muted);margin-top:-6px;font-size:14px}.chips{flex-wrap:wrap;gap:6px;display:flex}.rating-box{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.rating-box .value{color:var(--acc);font-size:34px;font-weight:800;line-height:1}.rating-box .value small{color:var(--muted);font-size:15px;font-weight:600}.rating-box .meta{color:var(--muted);font-size:12.5px}.rating-box.none .value{color:var(--muted);font-size:18px}.detail-text .overview{color:#d7dbe4;max-width:760px;font-size:14.5px;line-height:1.8}.detail-text .comment{color:var(--acc-soft);font-size:13px}.watch-links{flex-wrap:wrap;gap:8px;display:flex}@media (width<=740px){.detail-body{flex-direction:column;padding:20px 18px}.detail-poster{width:128px}}.detail-grid{grid-template-columns:minmax(0,1fr) 290px;gap:28px;margin-top:30px;display:grid}@media (width<=920px){.detail-grid{grid-template-columns:1fr}}.box{background:var(--surface);border-radius:var(--r);padding:16px 18px}.box h2,.box h3{color:var(--acc);margin-bottom:10px;font-size:15px;font-weight:800}.box+.box{margin-top:16px}.stills{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stills img{aspect-ratio:16/9;object-fit:cover;background:var(--surface2);border-radius:6px;width:100%;height:auto}@media (width<=740px){.stills{grid-template-columns:repeat(2,1fr)}}.credits li{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:6px 0;font-size:13.5px;display:flex}.credits li:last-child{border-bottom:0}.credits .role{color:var(--muted);text-align:right;font-size:12.5px}.info-table{border-collapse:collapse;width:100%;font-size:13.5px}.info-table th{text-align:left;color:var(--muted);vertical-align:top;width:84px;padding:6px 0;font-weight:600}.info-table td{padding:6px 0}.info-table tr+tr{border-top:1px solid var(--line)}.watch-inline{color:var(--text);font-size:13.5px}.watch-inline small{color:var(--muted)}.watch-group{gap:6px;margin-bottom:10px;display:grid}.watch-kind{color:var(--muted);letter-spacing:.06em;font-size:11.5px}.watch-list{flex-wrap:wrap;gap:8px;display:flex}.watch-list a,.watch-item{background:var(--surface2);border-radius:8px;align-items:center;gap:8px;padding:6px 10px 6px 6px;font-size:13px;font-weight:600;display:inline-flex}.watch-list a:hover{background:var(--acc);color:var(--acc-ink)}.watch-list img{border-radius:6px;width:28px;height:28px}.watch-note{color:var(--muted);margin-top:6px;font-size:12px}.watch-note a{text-decoration:underline}.provider-nav a img{vertical-align:-3px;border-radius:4px;width:16px;height:16px;margin-right:4px}.person-link{text-underline-offset:3px;text-decoration:underline dotted}.person-link:hover{color:var(--acc-soft)}.person-hero{gap:26px;padding:30px 0 6px;display:flex}.person-photo{aspect-ratio:2/3;background:var(--surface2);width:182px;box-shadow:var(--shadow);border-radius:10px;flex:none;overflow:hidden}.person-photo img{object-fit:cover;width:100%;height:100%}.person-photo .no-poster{height:100%;color:var(--muted);place-items:center;font-size:13px;display:grid}.person-text{align-content:start;gap:12px;min-width:0;display:grid}.person-text h1{color:#fff;font-size:clamp(24px,3.8vw,38px);font-weight:800}.person-bio{white-space:pre-line}@media (width<=740px){.person-hero{flex-direction:column}.person-photo{width:128px}}.people-grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:16px;display:grid}.person-card{background:var(--surface);border-radius:var(--r);gap:4px;padding-bottom:10px;transition:transform .18s,box-shadow .18s;display:grid;overflow:hidden}.person-card:hover{box-shadow:var(--shadow);color:inherit;transform:translateY(-4px)}.person-thumb{aspect-ratio:2/3;background:var(--surface2);display:block;position:relative}.person-thumb img{object-fit:cover;width:100%;height:100%}.person-thumb .no-poster{color:var(--muted);place-items:center;font-size:12.5px;display:grid;position:absolute;inset:0}.person-name{padding:8px 11px 0;font-size:13.5px;font-weight:700}.person-card .card-sub{padding:0 11px}@media (width<=520px){.people-grid{gap:12px}}.trailers{gap:14px;display:grid}.trailer{aspect-ratio:16/9;background:var(--surface2);border-radius:8px;position:relative;overflow:hidden}.trailer button{color:#fff;background:linear-gradient(#0000001a,#0009);border:0;place-items:center;gap:8px;width:100%;display:grid;position:absolute;inset:0}.trailer button .play{background:var(--acc);width:64px;height:44px;color:var(--acc-ink);border-radius:12px;place-items:center;display:grid}.trailer button .label{text-shadow:0 1px 3px #000;font-size:13px;font-weight:700;position:absolute;bottom:10px;left:12px}.trailer iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.trailer .thumb{object-fit:cover;width:100%;height:100%}.ad{gap:14px;margin-top:6px;display:grid}.ad-disclosure{color:var(--muted);font-size:13px}.ad-links{flex-wrap:wrap;gap:10px;display:flex}.ad-btn{border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:190px;padding:14px 24px;font-size:14px;font-weight:800;transition:transform .15s,filter .15s;display:inline-flex}.ad-btn small{opacity:.85;font-size:11.5px;font-weight:600}.ad-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.ad-btn-primary{color:#fff;background:#d40000}.ad-btn-primary:hover{color:#fff}.ad-btn-secondary{color:#fff;background:#1c1f27;border-color:#3a3f4c}.ad-btn-secondary:hover{color:#fff}@media (width<=520px){.ad-btn{flex:100%}}.site-footer{border-top:1px solid var(--line);background:var(--surface);color:var(--muted);margin-top:50px;padding:34px 0 26px;font-size:13px}.footer-inner{gap:14px;display:grid}.footer-links{flex-wrap:wrap;gap:6px 16px;display:flex}.footer-links a{color:var(--text)}.footer-links a:hover{color:var(--acc-soft)}.back-top{background:var(--acc);width:44px;height:44px;color:var(--acc-ink);z-index:90;opacity:0;pointer-events:none;border:0;border-radius:50%;place-items:center;transition:opacity .2s,transform .2s;display:grid;position:fixed;bottom:18px;right:18px;transform:translateY(12px)}.back-top.on{opacity:1;pointer-events:auto;transform:none}.search-box{gap:8px;margin:0 0 22px;display:flex}.search-box .field{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex:1;align-items:center;height:46px;padding:0 12px;display:flex}.search-box .field:focus-within{border-color:var(--acc)}.search-box input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:15px}.prose{gap:14px;max-width:760px;font-size:15px;display:grid}.prose h2{color:var(--acc);margin-top:14px;font-size:19px;font-weight:800}.prose ul{gap:6px;padding-left:20px;list-style:outside;display:grid}.prose a{color:var(--acc-soft);text-decoration:underline}.prose table{border-collapse:collapse;font-size:14px}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:6px 12px 6px 0}.prose th{color:var(--muted);font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.attribution{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.attribution img{width:auto;height:16px}.attribution-text{color:var(--muted)}