:root{
  --ott-bg:#101014;
  --ott-surface:#1a1a20;
  --ott-raised:#222229;
  --ott-ink:#f7f7f8;
  --ott-muted:#a5a5ad;
  --ott-line:rgba(255,255,255,.1);
  --ott-accent:#ff5576;
}
html,body,.shell{background:var(--ott-bg)!important;color:var(--ott-ink)!important}
body{background-image:radial-gradient(circle at 85% 5%,rgba(105,87,255,.12),transparent 28%)!important}
.shell{padding-bottom:92px!important}
.topbar{height:58px!important;padding:0 max(16px,calc((100vw - 920px)/2))!important;background:linear-gradient(180deg,rgba(16,16,20,.98),rgba(16,16,20,.82))!important;border:0!important;box-shadow:none!important}
.brand{color:#fff!important;font-size:27px!important}.brand-dot{color:var(--ott-accent)!important}
.avatar{width:34px!important;height:34px!important;background:#fff!important;color:#111!important;border:0!important}
.page{max-width:920px!important;padding-inline:16px!important}

/* OTT title hero */
html[data-route="board"] .owner-main{max-width:920px!important;padding-top:0!important}
.owner-main[data-movie-theme="growth"]{--movie-accent:#92d8a2;--movie-accent-2:#d9b879}
.owner-movie-hero{position:relative!important;display:flex!important;min-height:640px!important;margin:0 -16px!important;padding:0 20px 28px!important;align-items:stretch!important;justify-content:flex-end;overflow:hidden;border-radius:0 0 24px 24px;isolation:isolate}
.owner-character-still{position:absolute!important;inset:0!important;min-height:0!important;border-radius:0!important;z-index:-2;background:#25252c!important}
.owner-character-still>.cast-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background-size:cover!important;background-position:center 20%!important;filter:saturate(.96) contrast(1.04)!important}
.owner-character-still:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,12,16,.02) 22%,rgba(12,12,16,.25) 48%,#101014 96%),linear-gradient(90deg,rgba(10,10,13,.62),transparent 70%);z-index:1}
.owner-character-still>span{top:76px!important;left:20px!important;background:rgba(14,14,18,.62)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px)}
.owner-movie-copy{position:absolute;left:20px;right:20px;bottom:164px;z-index:2;max-width:560px}
.owner-kicker{color:rgba(255,255,255,.72)!important;font-size:9px!important;letter-spacing:1.8px!important}
.owner-movie-copy h1{max-width:390px;margin:10px 0!important;color:#fff!important;font:900 clamp(38px,7vw,64px)/.98 'Noto Sans KR'!important;letter-spacing:-.065em!important;text-shadow:0 3px 28px rgba(0,0,0,.3)}
.owner-genre{display:inline-flex;margin:0!important;padding:6px 9px;border:1px solid rgba(255,255,255,.24);border-radius:7px;color:#fff!important;background:rgba(12,12,16,.28);font-size:11px!important;backdrop-filter:blur(8px)}
.owner-character-copy{position:relative;z-index:2;grid-column:auto!important;width:100%;margin-bottom:62px;padding:0!important;border:0!important;color:#fff}
.owner-character-copy small{color:rgba(255,255,255,.62)!important;font-size:9px!important}.owner-character-copy h2{margin:5px 0!important;color:#fff;font-size:23px!important}.owner-character-copy p{max-width:520px;margin:0!important;color:rgba(255,255,255,.72)!important;font-size:11px!important;line-height:1.6}.owner-character-copy blockquote{margin:9px 0 0!important;padding-left:10px!important;border-left:2px solid var(--movie-accent,var(--ott-accent))!important;color:#fff;font-size:12px!important;line-height:1.45!important}
.owner-hero-actions{position:absolute;z-index:3;left:20px;right:20px;bottom:20px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:7px}.owner-hero-actions button{height:42px;border:0;border-radius:9px;background:rgba(36,36,43,.82);color:#fff;font-size:10px;font-weight:850;backdrop-filter:blur(16px)}.owner-hero-actions button:first-child{background:#fff;color:#111}
.owner-character-summary{display:flex;align-items:center;gap:13px;padding:18px 2px 0}.owner-character-summary>span{padding:5px 7px;border-radius:6px;background:var(--movie-accent,var(--ott-accent));color:#101014;font-size:7px;font-weight:900;letter-spacing:1px}.owner-character-summary b{display:block;font-size:17px}.owner-character-summary p{margin:2px 0 0;color:var(--ott-muted);font-size:9px}
.owner-actions{display:grid!important;grid-template-columns:1.25fr 1fr;gap:8px!important;padding:0 0 14px!important}.owner-actions button{height:42px!important;border:1px solid var(--ott-line)!important;border-radius:9px!important;background:var(--ott-raised)!important;color:#fff!important;font-size:11px!important;font-weight:850!important}.owner-actions button:first-child{background:#fff!important;color:#111!important}

/* OTT rails and cast collection */
.owner-section{margin:42px 0!important;scroll-margin-top:68px}.owner-section>header{align-items:end!important;margin-bottom:14px!important}.owner-section>header span{color:var(--movie-accent,var(--ott-accent))!important;font-size:8px!important;letter-spacing:1.7px!important}.owner-section>header h2{color:#fff!important;font-size:23px!important;letter-spacing:-.045em!important}.owner-section>header>small{color:var(--ott-muted)!important}
.owner-main .casting-stage{grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-auto-rows:58px!important;gap:8px!important}
.owner-main .casting-stage>.casting-card{border-radius:12px!important;background:var(--ott-raised)!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.06)!important;transition:transform .2s ease}
.owner-main .casting-stage>.casting-card:active{transform:scale(.98)}
.owner-main .casting-stage>.casting-card.main-character{grid-column:span 6!important;grid-row:span 6!important}.owner-main .casting-stage>.casting-card.tier-main{grid-column:span 3!important;grid-row:span 5!important}.owner-main .casting-stage>.casting-card.tier-supporting{grid-column:span 3!important;grid-row:span 4!important}.owner-main .casting-stage>.casting-card.tier-featured,.owner-main .casting-stage>.casting-card.tier-cameo{grid-column:span 3!important;grid-row:span 3!important}
.owner-main .casting-card:after{background:linear-gradient(transparent 42%,rgba(8,8,12,.92))!important}.owner-main .casting-card .cast-art{background-position:center 22%!important;filter:saturate(.98)}
.owner-main .casting-card .cast-tier{top:9px!important;left:9px!important;padding:5px 7px!important;border:0!important;border-radius:7px!important;background:rgba(10,10,14,.62)!important;color:#fff!important;backdrop-filter:blur(10px);font-size:7px!important}.owner-main .casting-card b{color:#fff!important}.owner-main .casting-card small{color:rgba(255,255,255,.62)!important}
.owner-main .tier-featured,.owner-main .tier-cameo{background:linear-gradient(145deg,#292933,#1b1b22)!important}.owner-main .tier-cameo{outline:1px solid rgba(255,85,118,.32)}

/* Top chart */
.owner-main .ranking-definition{color:var(--ott-muted)!important;font-size:11px!important}.owner-main .rank-card{padding:0 13px!important;background:var(--ott-surface)!important;border:1px solid var(--ott-line)!important;border-radius:14px!important}.owner-main .rank-row{min-height:76px!important;border-color:var(--ott-line)!important}.owner-main .rank-row>.cast-art{border-radius:9px!important}.owner-main .rank-row>div>b,.owner-main .score-big,.owner-main .rank-num{color:#fff!important}.owner-main .rank-num{font-weight:900!important}.owner-main .rank-row:nth-child(-n+3) .rank-num{color:var(--movie-accent,var(--ott-accent))!important}.owner-main .rank-context{color:var(--ott-muted)!important}.owner-main .scorebar{background:#34343c!important}.owner-main .scorebar i{background:linear-gradient(90deg,var(--movie-accent,var(--ott-accent)),var(--movie-accent-2,#ff9c72))!important}
.owner-reelation-cta{margin:52px 0 18px!important;padding:30px 24px!important;border:1px solid var(--ott-line)!important;border-radius:16px!important;background:linear-gradient(135deg,#24242d,#18181e)!important;overflow:hidden}.owner-reelation-cta>span{color:var(--ott-accent)!important}.owner-reelation-cta h2{color:#fff!important;font-size:28px!important}.owner-reelation-cta p{color:var(--ott-muted)!important}.owner-reelation-cta button{background:#fff!important;color:#111!important;border-radius:10px!important}

/* App chrome */
.bottomnav{height:62px!important;bottom:8px!important;width:min(420px,calc(100% - 18px))!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;background:rgba(27,27,33,.9)!important;box-shadow:0 14px 36px rgba(0,0,0,.32)!important;backdrop-filter:blur(22px)}
.navitem{color:#85858d!important}.navitem.active{color:#fff!important}.navitem.active i{background:rgba(255,255,255,.1)!important}.navitem i{font-size:16px!important}

/* Cast, ranking, detail and invite share the same OTT shell */
html[data-route="cast"] main.page>h1,html[data-route="ranking"] main.page>h1,html[data-route="my"] main.page>h1{color:#fff!important;font-family:'Noto Sans KR'!important;font-weight:900!important}.sub{color:var(--ott-muted)!important}.character-archive{gap:22px 9px!important}.archive-card img{border-radius:11px!important}.archive-card b,.archive-card span{color:#fff!important}.archive-card small{color:var(--ott-muted)!important}.page:has(>.detail-hero){color:#fff}.detail-hero{border-radius:0 0 20px 20px!important}.relationship-result-intro{border-color:var(--ott-line)!important}.relationship-result-intro>span,.relationship-result-intro p,.relationship-result-intro small{color:var(--ott-muted)!important}.relationship-result-intro h2,.relationship-result-intro>div b,.page:has(>.detail-hero)>.section-head h2{color:#fff!important}.film{background:var(--ott-surface)!important;border-color:var(--ott-line)!important}.film b{color:#fff!important}.film .role-description,.film>span:last-child{color:var(--ott-muted)!important}.stat{background:var(--ott-surface)!important;border:1px solid var(--ott-line)!important;border-top:2px solid var(--ott-accent)!important}.stat b,.stat small strong{color:#fff!important}.narrative{background:var(--ott-surface)!important}.relationship-why{border-color:var(--ott-line)!important;background:var(--ott-surface)!important}.form-wrap,.invite-card{background:var(--ott-surface)!important;border-color:var(--ott-line)!important;color:#fff!important}.field input,.field select{color:#fff!important}.invite-url{background:#101014!important;color:#d9d9de!important}

@media(max-width:520px){
  .owner-movie-hero{min-height:620px!important}
  .owner-movie-copy{bottom:224px}
  .owner-movie-copy h1{font-size:36px!important}
  .owner-character-copy{margin-bottom:65px}
  .owner-character-copy p{max-width:330px}
  .owner-hero-actions{left:16px;right:16px;grid-template-columns:1.18fr .95fr .95fr}.owner-hero-actions button{font-size:9px}
  .owner-character-summary{padding-top:15px}
  .owner-main .casting-stage{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:56px!important}
  .owner-main .casting-stage>.casting-card.main-character{grid-column:span 4!important;grid-row:span 5!important}.owner-main .casting-stage>.casting-card.tier-main{grid-column:span 2!important;grid-row:span 4!important}.owner-main .casting-stage>.casting-card.tier-supporting{grid-column:span 2!important;grid-row:span 3!important}.owner-main .casting-stage>.casting-card.tier-featured,.owner-main .casting-stage>.casting-card.tier-cameo{grid-column:span 2!important;grid-row:span 2!important}
  .owner-reelation-cta{padding:25px 20px!important}
}