:root{--ref-bg:#171313;--ref-surface:#241f1f;--ref-raised:#302a2a;--ref-line:rgba(255,255,255,.09);--ref-text:#fff;--ref-muted:#aaa2a2;--ref-accent:#f23b57}
html,body{background:#0d0b0c!important}body{background-image:radial-gradient(circle at 50% -10%,#3c1d20 0,transparent 34%)!important}.shell{width:min(100%,480px);min-height:100svh;margin:0 auto;background:var(--ref-bg)!important;box-shadow:0 0 80px rgba(0,0,0,.38)}
.topbar{position:sticky!important;top:0;z-index:40;height:60px!important;padding:0 18px!important;border:0!important;background:rgba(23,19,19,.9)!important;backdrop-filter:blur(20px)}.brand{font-size:25px!important;color:#fff!important}.brand-dot{color:var(--ref-accent)!important}.avatar{width:34px!important;height:34px!important;background:var(--ref-raised)!important;color:#fff!important}
html[data-route="board"] .owner-main{width:100%!important;max-width:none!important;padding:0 16px 96px!important;background:var(--ref-bg)!important}.owner-movie-hero{height:560px!important;min-height:560px!important;margin:0 -16px!important;padding:0 16px 18px!important;border-radius:0 0 26px 26px!important}.owner-character-still>.cast-art{background-position:center 24%!important}.owner-character-still:after{background:linear-gradient(180deg,rgba(12,9,10,.08) 24%,rgba(14,10,11,.18) 45%,#171313 96%)!important}.owner-character-still>span{top:18px!important;left:16px!important;padding:7px 10px!important;border-radius:999px!important;font-size:7px!important}.owner-movie-copy{left:16px!important;right:16px!important;bottom:84px!important}.owner-movie-copy h1{max-width:340px!important;margin:8px 0 10px!important;font-size:38px!important;line-height:1.02!important;letter-spacing:-.055em!important}.owner-genre{font-size:10px!important}.owner-hero-actions{left:16px!important;right:16px!important;bottom:18px!important;grid-template-columns:1.15fr 1fr 1fr!important}.owner-hero-actions button{height:46px!important;border-radius:14px!important;font-size:9px!important}.owner-hero-actions button:first-child{background:#fff!important;color:#151112!important}
.owner-main>.owner-character-copy{padding:24px 2px 22px!important}.owner-main>.owner-character-copy small{color:var(--ref-accent)!important}.owner-main>.owner-character-copy h2{font-size:25px!important}.owner-main>.owner-character-copy p,.owner-main>.owner-character-copy blockquote{font-size:12px!important}.owner-movie-about{padding:20px 2px!important}.owner-movie-about dl{display:grid!important;grid-template-columns:1fr!important;gap:0!important}.owner-movie-about dl>div{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--ref-line)}.owner-movie-about dt{margin:0!important;color:var(--ref-muted)!important}.owner-movie-about dd{font-size:12px!important}.owner-character-summary{padding:18px 2px!important;border-bottom:1px solid var(--ref-line)}
.owner-section{margin:34px 0!important}.owner-section>header{margin-bottom:14px!important}.owner-section>header span{color:var(--ref-accent)!important}.owner-section>header h2{font-size:23px!important}.owner-section>header>small{display:none}.owner-actions{grid-template-columns:1fr 1fr!important;gap:8px!important}.owner-actions button{height:44px!important;border-radius:13px!important}.owner-actions button:first-child{background:var(--ref-accent)!important;color:#fff!important}
.owner-main .casting-stage{gap:24px!important}.owner-main .cast-group>h3{margin-bottom:10px!important;color:#827979!important}.owner-main .cast-group>div{gap:10px!important;margin-right:-16px;padding-right:34px!important}.owner-main .cast-group .casting-card{flex-basis:148px!important;aspect-ratio:3/4!important;border-radius:16px!important;background:var(--ref-raised)!important}.owner-main .cast-group--main-character .casting-card{flex-basis:238px!important;aspect-ratio:4/5!important}.owner-main .cast-group--main .casting-card{flex-basis:180px!important}.owner-main .cast-group--supporting .casting-card{flex-basis:148px!important}.owner-main .cast-group--featured .casting-card,.owner-main .cast-group--cameo .casting-card{flex-basis:116px!important;aspect-ratio:1!important}.owner-main .casting-card .cast-tier{border-radius:999px!important;background:rgba(18,14,15,.7)!important}.owner-main .casting-card>div:last-child{bottom:10px!important}.owner-main .casting-card b{font-size:16px!important}.owner-main .casting-card small{font-size:8px!important}
.owner-main .rank-card{padding:0 12px!important;border:0!important;border-radius:16px!important;background:var(--ref-surface)!important}.owner-main .rank-row{min-height:70px!important}.owner-main .rank-row>.cast-art{width:44px!important;height:50px!important}.owner-main .rank-num{font-size:13px!important}.owner-main .score-big{font-size:15px!important}.owner-reelation-cta{padding:24px 20px!important;border-radius:18px!important;background:linear-gradient(145deg,#342123,#211a1b)!important}
.bottomnav{position:fixed!important;left:50%!important;transform:translateX(-50%)!important;width:min(440px,calc(100% - 24px))!important;height:64px!important;bottom:10px!important;border-radius:20px!important;background:rgba(42,36,36,.92)!important}.navitem{font-size:9px!important}.navitem.active{color:#fff!important}.navitem.active i{background:var(--ref-accent)!important;border-radius:50%!important}
html[data-route="cast"] main.page,html[data-route="ranking"] main.page,html[data-route="my"] main.page,.page:has(>.detail-hero),.form-wrap{width:100%!important;max-width:none!important;padding-left:16px!important;padding-right:16px!important;background:var(--ref-bg)!important}.character-archive{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 10px!important}.archive-card img{border-radius:16px!important}.archive-card:nth-child(3n+1){grid-column:auto!important}.archive-card:nth-child(3n+1) img{aspect-ratio:3/4!important}.detail-hero{height:62svh!important;min-height:500px!important;margin:0 -16px!important;border-radius:0 0 24px 24px!important}.relationship-result-intro{padding:30px 0!important}.page:has(>.detail-hero)>.section-head{margin-top:36px!important}.page:has(>.detail-hero) .film{flex-basis:190px!important;min-height:160px!important;border-radius:15px!important}.stats{grid-template-columns:1fr!important}.narrative{border-radius:18px!important;background:var(--ref-surface)!important}
@media(min-width:700px){.shell{margin-block:24px;border-radius:28px;overflow:hidden}.topbar{border-radius:28px 28px 0 0}.bottomnav{max-width:430px}}