@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');:root{color-scheme:dark;--bg:#0c0c10;--panel:#18181e;--line:#37343b;--text:#faf7f9;--muted:#b9b4be;--pink:#ff5caa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:500 16px/1.55 Manrope,Arial,sans-serif}a{color:inherit}a:focus-visible{outline:2px solid var(--pink);outline-offset:4px}.container{width:min(1280px,calc(100% - 64px));margin:auto}.site-header{position:relative;z-index:3;border-bottom:1px solid #ffffff22;background:#101015}.site-header .container{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{text-decoration:none;font-size:21px;font-weight:800;letter-spacing:-.07em;white-space:nowrap}.logo em{font-style:normal;color:var(--pink)}.top-nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.top-nav a{text-decoration:none}.top-nav a:hover{color:var(--pink)}.nav-pill{padding:10px 16px;border:1px solid #ffffff44;border-radius:999px}.main-intro{display:flex;justify-content:space-between;align-items:end;gap:25px;padding:66px 0 32px}.intro-copy{max-width:820px}.overline{display:flex;align-items:center;gap:10px;color:var(--pink);font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin:0 0 19px}.overline:before{content:'';width:20px;height:2px;background:currentColor}.main-intro h1{font-size:clamp(42px,6vw,86px);line-height:.99;letter-spacing:-.085em;margin:0;font-weight:800}.main-intro h1 span{color:var(--pink)}.intro-side{max-width:280px;color:var(--muted);font-size:15px;margin:0 0 6px}.shelf{display:grid;grid-template-columns:1.55fr 1fr 1fr;gap:16px;padding-bottom:92px}.comic{position:relative;min-height:510px;overflow:hidden;border-radius:20px;background:#24212c;isolation:isolate}.comic img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 24%;transition:transform .45s ease}.comic:hover img{transform:scale(1.045)}.comic:first-child img{object-position:center top}.comic:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0000 35%,#09080de0 85%,#09080df8);pointer-events:none}.comic .inner{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:30px}.comic .tag,.label{display:inline-flex;align-items:center;padding:7px 10px;border-radius:6px;background:#ff5caa;color:#1b0a13;font-size:12px;font-weight:800;letter-spacing:.02em}.comic h2{font-size:clamp(26px,2.8vw,43px);line-height:1.05;letter-spacing:-.06em;margin:14px 0 8px}.comic p{margin:0 0 20px;color:#ddd6db;font-size:14px;line-height:1.4;max-width:370px}.comic .go{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:14px;font-weight:800}.comic .go span{display:grid;place-items:center;width:29px;height:29px;background:var(--pink);color:#180b13;border-radius:50%;font-size:19px}.comic .whole{position:absolute;inset:0;z-index:2;font-size:0}.comic .whole:focus-visible{outline:4px solid var(--pink);outline-offset:-5px}.comic:hover .go{color:var(--pink)}.after-shelf{border-top:1px solid var(--line);padding:28px 0 70px;display:flex;justify-content:space-between;gap:25px;align-items:center}.after-shelf p{margin:0;color:var(--muted)}.after-shelf .links{display:flex;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:9px;background:var(--pink);color:#1a0b13;text-decoration:none;font-size:14px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#ff84be}.button.outline{background:#24232b;color:#fff;border:1px solid #55505b}.button.outline:hover{background:#33303b}.detail{display:grid;grid-template-columns:minmax(290px,.82fr) 1.18fr;gap:clamp(35px,7vw,110px);align-items:center;padding:64px 0 100px}.detail-art{aspect-ratio:4/5;border-radius:22px;overflow:hidden;background:#24212c}.detail-art img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.detail-art.klyatva img{object-position:center top}.detail-content h1{font-size:clamp(47px,6vw,88px);line-height:1.01;letter-spacing:-.085em;margin:20px 0 25px}.detail-content .synopsis{font-size:19px;line-height:1.6;color:#d3cdd5;max-width:600px}.read-box{margin-top:45px;border-top:1px solid var(--line);padding-top:30px}.read-box h2{font-size:22px;letter-spacing:-.04em;margin:0 0 8px}.read-box p{color:var(--muted);font-size:15px;max-width:550px;margin:0 0 24px}.actions{display:flex;gap:12px;flex-wrap:wrap}.back{display:inline-block;margin-top:35px;color:#e8b2cc;font-size:14px;font-weight:700;text-underline-offset:4px}.footer{border-top:1px solid var(--line);padding:28px 0;color:#9f9aa5;font-size:13px}.footer .container{display:flex;justify-content:space-between;gap:20px}.footer a{color:#eee}@media(max-width:1000px){.shelf{grid-template-columns:repeat(2,1fr)}.comic:first-child{grid-column:span 2;min-height:440px}.comic:first-child img{object-position:center 28%}.comic{min-height:480px}.intro-side{display:none}}@media(max-width:640px){.container{width:min(100% - 36px,500px)}.site-header .container{height:66px}.logo{font-size:18px}.top-nav{gap:12px;font-size:12px}.top-nav .vk{display:none}.nav-pill{padding:8px 10px}.main-intro{padding:47px 0 27px}.main-intro h1{font-size:clamp(42px,11vw,63px)}.shelf{display:block;padding-bottom:47px}.comic,.comic:first-child{min-height:0;height:440px;margin-bottom:14px}.comic:first-child img{object-position:center 12%}.comic .inner{padding:23px}.comic h2{font-size:32px}.comic p{font-size:13px}.after-shelf{display:block;padding-bottom:48px}.after-shelf p{margin-bottom:18px}.after-shelf .links{flex-wrap:wrap}.detail{display:block;padding:24px 0 70px}.detail-art{aspect-ratio:4/4.5}.detail-content{padding-top:32px}.detail-content h1{font-size:clamp(46px,12vw,70px)}.detail-content .synopsis{font-size:17px}.read-box{margin-top:31px}.footer .container{display:block}.footer span{display:block;margin-bottom:8px}}