:root{--canvas:#F4F6F8;--surface:#FFF;--subsurface:#FAFBFC;--ink:#17181C;--text:#4B5158;--muted:#8A9099;--faint:#ADB2BB;--border:#E6E9ED;--line:#F0F2F5;--accent:#E8442E;--accent-dark:#C9351F;--accent-soft:#FFF1EE;--accent-row:#FFF8F6;--accent-border:#FBDDD6;--pad:40px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"Noto Sans KR",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input{font:inherit}button{color:inherit}::selection{background:#FFE1DA;color:var(--ink)}.site-shell{width:calc(100% - 40px);max-width:1280px;min-height:calc(100vh - 56px);margin:28px auto;background:var(--surface);border-radius:20px;overflow:hidden;box-shadow:0 1px 2px rgba(20,22,26,.04),0 24px 60px -30px rgba(20,22,26,.18)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px var(--pad);border-bottom:1px solid var(--line)}.header-main{display:flex;align-items:center;flex-wrap:wrap;gap:20px 36px}.brand{display:flex;align-items:baseline;font:700 20px/1 "Bricolage Grotesque",sans-serif;letter-spacing:-.03em}.brand b{color:var(--accent)}.primary-nav{display:flex;gap:24px;font-size:14px;font-weight:500;color:var(--muted)}.primary-nav a{white-space:nowrap}.primary-nav a:hover{color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;font-weight:500;white-space:nowrap}.button-dark{padding:10px 17px;border-radius:10px;background:var(--ink);color:#fff}.button-dark:hover{background:#000;color:#fff}.section-pad{padding-left:var(--pad);padding-right:var(--pad)}.section-muted{background:var(--subsurface);border-top:1px solid var(--line)}.hero{padding-top:96px;padding-bottom:56px}.hero-inner{max-width:720px;margin:auto;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:26px;padding:6px 14px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:500}.eyebrow i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.hero h1{margin:0;font-size:52px;line-height:1.14;letter-spacing:-.045em}.hero-inner>p{margin:18px 0 32px;color:var(--muted);font-size:17px;line-height:1.75}.search-field{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 22px;border:1.5px solid var(--border);border-radius:16px;background:#fff;box-shadow:0 2px 8px rgba(20,22,26,.04)}.search-field:focus-within{border-color:var(--ink)}.search-field input{flex:1;min-width:0;padding:14px 0;border:0;outline:0;background:transparent;color:var(--ink);font-size:16px}.search-field input::placeholder{color:var(--faint)}.search-field .button{padding:14px 26px;border-radius:11px;font-size:15px}.search-icon{width:15px;height:15px;border:2px solid var(--faint);border-radius:50%;position:relative;flex:none}.search-icon:after{content:"";position:absolute;width:6px;height:2px;background:var(--faint);right:-5px;bottom:-2px;transform:rotate(45deg);border-radius:2px}.platform-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:32px}.platform-chip{display:flex;align-items:center;gap:9px;padding:8px 16px 8px 9px;border:1px solid var(--border);border-radius:999px;background:#fff;font-size:13px;font-weight:500;cursor:pointer}.platform-chip input{position:absolute;opacity:0;pointer-events:none}.platform-chip:hover,.platform-chip.is-active{border-color:var(--ink)}.platform-chip.is-active{background:var(--canvas)}.platform-mark{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:9px;background:var(--platform);color:#fff;font:700 14px/1 "Bricolage Grotesque",sans-serif}.platform-mark.small{width:22px;height:22px;border-radius:7px;font-size:12px}.platform-mark.tiny{width:19px;height:19px;border-radius:6px;font-size:10px}.trending{padding-top:56px;padding-bottom:72px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:28px}.section-heading h2{margin:0;font-size:26px;letter-spacing:-.03em}.section-heading a{color:var(--muted);font-size:14px;font-weight:500}.poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:22px}.poster-frame{aspect-ratio:2/3;overflow:hidden;border-radius:12px;background:#EDEFF2;box-shadow:0 1px 3px rgba(20,22,26,.06)}.poster-image,.poster-placeholder{display:block;width:100%;height:100%;object-fit:cover}.poster-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#F1F3F6,#E2E6EA);color:#C3C8D0}.poster-placeholder span{font:700 clamp(36px,5vw,72px)/1 "Bricolage Grotesque",sans-serif}.poster-card{min-width:0}.poster-card:hover{color:var(--ink)}.poster-card:hover .poster-frame{box-shadow:0 7px 20px -8px rgba(20,22,26,.25)}.poster-card h3{margin:12px 0 0;font-size:15px;line-height:1.4;font-weight:500;letter-spacing:-.01em}.poster-card p{margin:5px 0 0;color:var(--muted);font-size:13px}.platform-marks{display:flex;gap:5px;margin-top:10px}.site-footer{padding:36px var(--pad);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer p{margin:0;color:var(--faint);font-size:12px;line-height:1.8}.site-footer nav{display:flex;gap:20px;color:var(--muted);font-size:12px}.search-page{padding-top:28px;padding-bottom:64px}.search-field.compact{max-width:640px;padding:6px 6px 6px 18px;border-color:transparent;border-radius:14px;background:var(--canvas);box-shadow:none}.search-field.compact:focus-within{border-color:var(--ink);background:#fff}.search-field.compact input{padding:11px 0;font-size:15px}.search-field.compact .button{padding:11px 20px;font-size:14px}.search-chips{justify-content:flex-start;margin-top:24px}.search-chips .platform-chip{padding:7px 14px 7px 8px;font-size:12px}.results-toolbar{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:28px 0 18px;color:var(--muted);font-size:14px}.results-toolbar p{margin:0}.results-toolbar strong,.results-toolbar b{color:var(--ink);font-weight:500}.results-toolbar b{font-family:"Bricolage Grotesque",sans-serif;font-weight:700}.sort-links{display:flex;gap:18px;color:var(--faint);font-size:13px;font-weight:500}.sort-links .is-active{color:var(--ink)}.result-list{display:flex;flex-direction:column;gap:12px}.result-card{display:flex;flex-wrap:wrap;gap:20px;position:relative;padding:18px;border:1px solid #EDEFF2;border-radius:16px;background:#fff}.result-card:hover{border-color:#DCE0E6;box-shadow:0 4px 16px -6px rgba(20,22,26,.12)}.result-link{position:absolute;inset:0;z-index:1}.result-poster{width:82px;aspect-ratio:2/3;overflow:hidden;border-radius:9px;background:#EDEFF2;flex:none}.result-copy{flex:1;min-width:220px;position:relative;pointer-events:none}.result-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}.result-title h2{margin:0;font-size:17px;letter-spacing:-.025em}.result-title span{color:var(--faint);font:500 13px/1 "Bricolage Grotesque",sans-serif}.result-copy>p{margin:6px 0 0;color:var(--muted);font-size:13px}.rating-line{display:flex;align-items:center;gap:7px;margin-top:10px}.stars{color:var(--accent);font-size:12px;letter-spacing:2px}.rating-line b{font:700 13px/1 "Bricolage Grotesque",sans-serif}.rating-line small{color:var(--faint);font-size:12px}.watch-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.watch-chip{display:flex;align-items:center;gap:8px;padding:6px 11px 6px 7px;border:1px solid #EDEFF2;border-radius:9px;color:var(--text);font-size:12px;background:#fff}.watch-chip strong{color:#6B7280;font-size:11px}.watch-chip.type-sub{border-color:var(--accent-border);background:var(--accent-row)}.watch-chip.type-sub strong{color:var(--accent)}.empty-state{text-align:center;padding-top:96px;padding-bottom:96px}.empty-state h1,.empty-state h2{margin:10px 0;font-size:34px}.empty-state p{color:var(--muted)}.empty-state .button{margin-top:18px}.detail-hero{display:flex;flex-wrap:wrap;gap:44px;padding-top:48px;padding-bottom:44px}.detail-poster{width:248px;aspect-ratio:2/3;overflow:hidden;flex:none;border-radius:16px;background:#EDEFF2;box-shadow:0 8px 28px -12px rgba(20,22,26,.24)}.detail-main{flex:1;min-width:300px}.content-label{color:var(--faint);font:500 12px/1 "Bricolage Grotesque",sans-serif;letter-spacing:.16em;text-transform:uppercase}.detail-main>h1,.page-intro h1{margin:10px 0 0;font-size:40px;line-height:1.12;letter-spacing:-.04em}.detail-meta{margin:12px 0 0;color:var(--muted);font-size:14px}.rating-panel{display:flex;flex-wrap:wrap;align-items:center;gap:32px;margin-top:28px;padding:22px 24px;border-radius:14px;background:var(--subsurface)}.rating-panel>i{width:1px;height:46px;background:var(--border)}.panel-label{display:block;margin-bottom:8px;color:var(--muted);font-size:12px;font-weight:500}.score{display:flex;align-items:flex-end;gap:10px}.score b{font:700 34px/1 "Bricolage Grotesque",sans-serif}.score small{padding-bottom:6px;color:var(--faint);font-size:12px}.rating-input{display:flex;gap:5px}.rating-input button{padding:0;border:0;background:none;color:#DCE0E6;font-size:23px;line-height:1;cursor:pointer}.rating-input button.is-on{color:var(--accent)}.watch-section{margin-top:32px}.watch-section>h2{margin:0 0 14px;font-size:15px;letter-spacing:-.02em}.watch-rows{display:flex;flex-direction:column;gap:8px}.watch-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border:1px solid #EDEFF2;border-radius:13px}.watch-row.type-sub{border-color:var(--accent-border);background:var(--accent-row)}.watch-provider{display:flex;align-items:center;gap:13px;min-width:0}.watch-provider strong{display:block;font-size:14px;font-weight:500}.watch-provider small{display:block;margin-top:3px;color:var(--faint);font-size:12px}.watch-action{display:flex;align-items:center;gap:14px}.watch-action .type-tag{padding:5px 11px;border-radius:7px;background:#F2F4F7;color:#6B7280;font-size:11px;font-weight:700}.type-sub .watch-action .type-tag{background:var(--accent-soft);color:var(--accent)}.watch-action b{min-width:70px;text-align:right;font:700 14px/1 "Bricolage Grotesque",sans-serif}.watch-action a{min-width:62px;text-align:right;color:var(--text);font-size:13px;font-weight:500}.type-sub .watch-action a{color:var(--accent)}.price-note{margin:14px 0 0;color:var(--faint);font-size:12px}.empty-inline{padding:18px;border:1px dashed var(--border);border-radius:13px;color:var(--muted);font-size:13px}.story-section{display:flex;flex-wrap:wrap;gap:48px;padding-top:44px;padding-bottom:44px}.story-section>div{flex:1;min-width:300px}.story-section aside{width:290px;min-width:250px}.story-section h2,.similar-section>h2{margin:0 0 16px;font-size:19px;letter-spacing:-.025em}.story-copy{color:var(--text);font-size:15px;line-height:1.9}.story-copy p{margin-top:0}.story-section dl{display:grid;grid-template-columns:48px 1fr;gap:12px 16px;margin:0;font-size:14px}.story-section dt{color:var(--faint);font-size:13px}.story-section dd{margin:0}.similar-section{padding-top:48px;padding-bottom:64px}.similar-section>h2{margin-bottom:24px;font-size:22px}.compact-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.page-intro{padding:56px 0 32px}.page-intro h1{margin:0}.page-intro p{margin:12px 0 0;color:var(--muted);font-size:16px}.tab-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tab-buttons button{padding:10px 18px;border:1px solid var(--border);border-radius:11px;background:#fff;color:var(--text);font-size:13px;font-weight:500;cursor:pointer}.tab-buttons button.is-active{border-color:var(--ink);background:var(--ink);color:#fff}.tab-buttons b{font-family:"Bricolage Grotesque",sans-serif}.schedule-page{padding-bottom:64px}.schedule-list{display:none}.schedule-list.is-active{display:block}.schedule-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}.schedule-poster{width:46px;aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;flex:none;border-radius:7px;background:linear-gradient(145deg,#F1F3F6,#E2E6EA);color:#C3C8D0;font-weight:700}.schedule-copy{flex:1;min-width:180px}.schedule-copy h2{margin:0;font-size:15px;font-weight:500;letter-spacing:-.01em}.schedule-copy p{margin:5px 0 0;color:var(--muted);font-size:12px}.schedule-platform{display:flex;align-items:center;gap:10px;min-width:108px;color:var(--text);font-size:13px}.schedule-day{min-width:100px;text-align:right}.schedule-day b{display:block;color:var(--muted);font:700 13px/1 "Bricolage Grotesque",sans-serif}.schedule-day.urgent b{color:var(--accent)}.schedule-day small{display:block;margin-top:4px;color:var(--faint);font-size:11px}.ranking-page>.page-intro{padding-top:56px;padding-bottom:28px}.ranking-list{padding-top:12px;padding-bottom:56px}.ranking-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:15px 12px;border-bottom:1px solid var(--line);border-radius:12px}.ranking-row:hover{background:var(--subsurface)}.rank-number{width:36px;flex:none;color:#C3C8D0;font:700 22px/1 "Bricolage Grotesque",sans-serif}.rank-number.top{color:var(--accent)}.rank-move{width:34px;flex:none;color:#C3C8D0;font-size:11px;font-weight:500}.rank-move.up{color:var(--accent)}.rank-copy{flex:1;min-width:170px}.rank-copy h2{margin:0;font-size:15px;font-weight:500;letter-spacing:-.01em}.rank-copy p{margin:5px 0 0;color:var(--muted);font-size:12px}.rank-score{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:88px}.rank-score span{color:var(--accent);font-size:12px}.rank-score b{font:700 14px/1 "Bricolage Grotesque",sans-serif}.generic-page{padding-top:56px;padding-bottom:64px}.generic-page article{max-width:820px;margin:auto}.generic-page h1 a:hover{color:var(--accent)}
.archive-grid{margin-top:32px;margin-bottom:48px}.empty-section{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:180px;border:1px dashed var(--border);border-radius:16px;background:#fff}.empty-section p{margin:0;color:var(--muted);font-size:14px}@media(max-width:700px){:root{--pad:20px}.site-shell{width:100%;min-height:100vh;margin:0;border-radius:0}.site-header{align-items:flex-start;padding-top:18px;padding-bottom:18px}.header-main{gap:18px 24px}.primary-nav{width:100%;gap:18px}.hero{padding-top:48px;padding-bottom:40px}.hero h1{font-size:34px}.hero-inner>p{margin-bottom:24px;font-size:15px}.search-field{gap:9px;padding-left:16px}.search-field input{font-size:14px}.search-field .button{padding:13px 18px}.platform-chips{margin-top:28px}.trending{padding-top:44px;padding-bottom:56px}.section-heading h2{font-size:22px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.site-footer{align-items:flex-start}.site-footer nav{flex-wrap:wrap}.results-toolbar{align-items:flex-start;flex-direction:column}.result-card{gap:15px;padding:14px}.result-poster{width:70px}.watch-chips{margin-left:-85px;padding-top:6px}.detail-hero{gap:28px;padding-top:36px}.detail-poster{width:160px}.detail-main>h1,.page-intro h1{font-size:28px}.rating-panel{gap:20px;padding:18px}.watch-action{width:100%;justify-content:flex-end}.story-section aside{width:100%}.schedule-platform{margin-left:64px}.schedule-day{margin-left:auto}.ranking-row{gap:12px}.rank-number{width:30px}.rank-move{width:30px}.rank-score{min-width:60px}}
@media(max-width:430px){.site-header{flex-wrap:wrap}.primary-nav{padding-right:0}.hero h1{font-size:32px}.hero-inner>p br{display:none}.platform-chip{padding-right:12px}.detail-poster{width:140px}.rating-panel>i{display:none}.rating-panel>div{min-width:120px}.watch-provider{width:100%}.story-section>div{min-width:0}.rank-copy{min-width:130px}.rank-score{margin-left:auto}.ranking-row .platform-marks{margin-left:88px}}
.platform-mark{overflow:hidden;padding:3px;border:1px solid var(--border);background:#fff}.platform-mark img{display:block;width:100%;height:100%;object-fit:contain}.platform-mark.small{padding:2px}.platform-mark.tiny{padding:1px}.platform-mark.platform-tving,.platform-mark.platform-watcha{padding:0;border:0}.platform-mark.platform-netflix{padding:4px}.platform-mark.platform-netflix.small{padding:3px}.platform-mark.platform-netflix.tiny{padding:2px}.platform-mark.platform-cgv{padding:4px}.platform-mark.platform-cgv.small{width:34px}.platform-mark.platform-cgv.tiny{width:27px}.platform-mark.platform-megabox,.platform-mark.platform-lotte{width:48px;padding:2px}.platform-mark.platform-megabox.small,.platform-mark.platform-lotte.small{width:38px}.platform-mark.platform-megabox.tiny,.platform-mark.platform-lotte.tiny{width:30px}.nav-with-icon{display:inline-flex;align-items:center;gap:7px}.nav-with-icon img{width:27px;height:15px;object-fit:contain}.content-label{display:inline-flex;align-items:center;gap:8px}.content-label img{width:30px;height:18px;object-fit:contain}.watchapedia-link{display:flex;align-items:center;gap:10px;margin-left:auto;padding:7px 11px 7px 7px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-size:12px;font-weight:500;white-space:nowrap}.watchapedia-link:hover{border-color:#FF0558;color:#FF0558}.watchapedia-link img{width:28px;height:28px;border-radius:7px}.watch-chip.type-theater,.watch-row.type-theater{border-color:#DCE5F2;background:#F8FAFD}.type-theater .watch-action .type-tag{background:#EDF2F8;color:#45556B}@media(max-width:700px){.watchapedia-link{width:100%;margin-left:0;justify-content:center}}