:root{color-scheme:dark;--base:#0b0c0e;--surface:#15161a;--edge:#2a2b30;--ink:#fff9f4;--muted:#b9b4b3;--coral:#ff6653;--wrap:1360px}
*{box-sizing:border-box}body{margin:0;background:var(--base);color:var(--ink);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3,strong{font-weight:750}h2{font-size:clamp(20px,3vw,28px)}:focus-visible{outline:2px solid var(--coral);outline-offset:4px}.skip{position:fixed;top:8px;left:8px;transform:translateY(-180%);background:#fff;color:#000;padding:10px;z-index:9}.skip:focus{transform:none}
header{border-bottom:1px solid var(--edge);background:#101114}.bar,main,footer{max-width:var(--wrap);margin:auto;padding-inline:clamp(16px,4vw,58px)}.bar{display:flex;align-items:center;gap:clamp(14px,4vw,52px);min-height:68px}.brand{font-weight:800;white-space:nowrap;letter-spacing:.08em;font-size:21px}.brand-icon{background:var(--coral);color:#151013;display:inline-grid;place-items:center;width:29px;height:29px;border-radius:8px;font-size:13px}.bar nav{display:flex;align-items:center;gap:clamp(12px,2.5vw,31px);white-space:nowrap;font-size:14px}.bar nav a{color:var(--muted);padding-block:22px}.bar nav a[aria-current]{color:var(--ink);box-shadow:inset 0 -2px var(--coral)}.bar form{display:flex;margin-left:auto;align-items:center;border:1px solid var(--edge);border-radius:100px;background:#1a1b20;min-width:0}.bar input{background:none;border:0;color:var(--ink);width:clamp(90px,14vw,180px);padding:7px 0 7px 13px;font-size:13px}.bar button{border:0;background:none;color:var(--ink);font-size:21px;padding:0 12px;cursor:pointer}
main{padding-top:30px;padding-bottom:52px;min-height:70vh}.top-grid{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(285px,1fr);gap:16px}.hero{position:relative;display:grid;align-items:end;isolation:isolate;overflow:hidden;min-height:440px;border-radius:17px;background:#271c26}.hero>img{position:absolute;inset:0 0 0 auto;width:75%;height:100%;object-position:center 38%;z-index:-2}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#130e15 2%,#130e15eb 22%,#150e1570 63%,transparent 100%),linear-gradient(0deg,#130e159c,transparent 47%)}.hero-content{padding:clamp(24px,4vw,52px);max-width:95%}.eyebrow{color:#ff9282;font-size:13px;font-weight:800;letter-spacing:.06em;margin-bottom:8px}.hero h1{font-size:clamp(37px,5.25vw,76px);letter-spacing:-.07em;line-height:1.05;margin:0 0 14px}.hero-meta,.hero-summary,.muted,.page-title p,.row-text small,.card p{color:var(--muted)}.hero-meta{font-size:13px}.hero-summary{max-width:32ch;font-size:14px;margin:10px 0 20px}.cta,.secondary{display:inline-block;padding:10px 17px;border-radius:8px;font-size:14px;font-weight:750}.cta{background:var(--coral);color:#1e1010}.secondary{background:#24242be6;color:white;margin-left:6px}.cta:hover,.secondary:hover{filter:brightness(1.15)}
.ranking{background:var(--surface);border:1px solid var(--edge);border-radius:16px;padding:17px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.section-head a{font-size:13px;color:var(--muted);white-space:nowrap}.section-head p{color:var(--muted);font-size:12px}.ranking .section-head h2{font-size:21px}.rows{list-style:none;margin:0;padding:0}.rows li+li{border-top:1px solid var(--edge)}.rows li a{display:grid;align-items:center;grid-template-columns:29px 42px minmax(0,1fr) 10px;gap:10px;padding:8px 0}.rows li a:hover,.card a:hover{color:#ff9b8d}.rows img{width:42px;height:53px;border-radius:6px}.number{color:#b0a7ad;font:italic 800 21px Georgia,serif}.rows li:nth-child(-n+3) .number{color:var(--coral)}.row-text strong,.row-text small{display:block}.row-text strong{font-size:14px}.row-text small{font-size:12px}.chevron{color:var(--muted)}.full-rank{max-width:850px}.full-rank .rows li a{grid-template-columns:36px 55px minmax(0,1fr) 16px}.full-rank .rows img{width:55px;height:65px}.full-rank .row-text strong{font-size:17px}
.catalog-block{margin-top:34px}.catalog-block>h2{margin-bottom:10px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.chips a{border:1px solid var(--edge);background:var(--surface);border-radius:100px;padding:6px 13px;font-size:13px}.chips a:hover{border-color:var(--coral)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px}.card a{display:block}.poster{position:relative;overflow:hidden;aspect-ratio:4/5;border-radius:10px;background:var(--surface)}.poster img{width:100%;height:100%;transition:transform .2s}.poster span{position:absolute;bottom:8px;right:8px;background:#101012db;padding:3px 6px;border-radius:5px;font-size:11px}.card a:hover img{transform:scale(1.04)}.card h3{font-size:16px;margin-top:7px;line-height:1.35}.card p{font-size:12px;margin-top:4px}.page-title{padding:12px 0 22px}.page-title h1{font-size:clamp(31px,5vw,54px);line-height:1.2;margin-bottom:10px}.page-title p+p{margin-top:7px}#empty{color:var(--muted);padding-block:18px}
.crumb{font-size:13px;color:var(--muted);margin-bottom:16px}.crumb a:hover{text-decoration:underline}.detail{display:grid;grid-template-columns:minmax(105px,230px) 1fr;gap:clamp(15px,4vw,40px);align-items:center}.detail>img{width:100%;height:auto;aspect-ratio:3/4;border-radius:12px}.detail h1,.watch h1{font-size:clamp(24px,4vw,48px);line-height:1.2;margin-bottom:8px}.detail .synopsis{max-width:52ch;margin:14px 0}.episodes{display:grid;gap:7px;margin-bottom:12px}.episodes a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;border:1px solid var(--edge);background:#1b1b21;padding:12px;border-radius:7px;font-size:14px}.episodes a[aria-current],.episodes a:hover{border-color:var(--coral)}.episodes a[aria-current] span:first-child{color:#ff9c8e}.watch{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:20px}.screen{display:grid;place-items:center;background:#000;border:1px solid var(--edge);border-radius:14px;margin-bottom:15px}.screen video{width:100%;height:min(65vh,520px);display:block}.watch .muted{margin-bottom:12px}.watch .secondary{margin-left:0}.episode-panel{align-self:start;border:1px solid var(--edge);background:var(--surface);border-radius:12px;padding:16px}.episode-panel h2{margin-bottom:10px}.episode-panel>a{font-size:13px;color:var(--muted)}
footer{border-top:1px solid var(--edge);display:flex;gap:13px;flex-wrap:wrap;align-items:center;padding-block:21px 30px;font-size:13px;color:var(--muted)}footer a:first-child{font-weight:bold;color:var(--ink)}footer a:last-child{margin-left:auto}
@media(max-width:850px){.top-grid{grid-template-columns:1fr}.hero{min-height:385px}.bar{flex-wrap:wrap;justify-content:space-between;gap:0 12px;padding-block:10px 0}.bar nav{order:3;width:100%}.bar nav a{padding-block:10px}.bar form{margin-left:0}}
@media(max-width:580px){main{padding-top:17px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 11px}.watch{grid-template-columns:1fr}.hero{min-height:355px}.hero-content{padding:20px}.hero>img{width:100%;object-position:62% 38%}.hero:after{background:linear-gradient(90deg,#130e15e0,#130e1560),linear-gradient(0deg,#130e15dd,transparent 75%)}.hero-summary{max-width:27ch}.detail{align-items:start;grid-template-columns:100px 1fr}.detail .synopsis{font-size:14px}.detail .eyebrow{font-size:11px}.detail h1{font-size:21px}.screen video{height:min(62vh,480px)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}