@import url('/assets/mobile-v8.css');
@import url('/assets/hotfix-v10.css');
@import url('/assets/article-images-v15.css');
body{background:linear-gradient(180deg,#090a0b,#0d0e10 58%,#0a0b0c)}
.top{position:relative;z-index:5}
body>footer a[href*="vk.ru"]{display:inline-flex;align-items:center;gap:9px;text-decoration:none}body>footer a[href*="vk.ru"]:before{content:"VK";display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#2787f5;color:#fff;font:bold 11px Arial,sans-serif;letter-spacing:-.04em}
.hero{background:radial-gradient(circle at 78% 38%,rgba(112,47,72,.2),transparent 25%),radial-gradient(circle at 24% 80%,rgba(23,75,77,.26),transparent 25%)}
.hero h1{text-shadow:8px 8px 0 rgba(112,47,72,.3)}
.featured{position:relative;overflow:hidden;background:linear-gradient(118deg,#0c1716 0%,#123a39 62%,#265c5d 100%)}
.featured:after{display:none;content:none}
.library{position:relative}
.library:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#174b4d 0 34%,#702f48 34% 67%,#6d5b86 67%)}
.row{transition:padding .18s,background .18s}
.row:hover{padding-left:14px;background:linear-gradient(90deg,#171b1d,transparent)}
.novels{background:linear-gradient(130deg,#d6eaed,#b7d2dc);position:relative;overflow:hidden}
.novels:after{content:"TO BE CONTINUED";position:absolute;right:3%;bottom:-10px;font:700 70px Arial;color:#174b4d12;white-space:nowrap}
.about{background:linear-gradient(120deg,transparent 0 55%,rgba(109,91,134,.15) 55%)}
.reading article{padding:50px 0}
.reviews{width:min(900px,calc(100% - 40px));margin:40px auto 100px;border-top:4px solid #702f48;padding-top:35px}
.reviews>header{display:grid;grid-template-columns:1fr auto;align-items:end}
.reviews>header small{grid-column:1/-1;color:#702f48;letter-spacing:.15em}
.reviews h2{font:46px Georgia,serif;margin:10px 0}
.reviews>header span{font-size:10px;color:#777}
.reviews blockquote{margin:0;padding:25px 0;border-top:1px solid #c2b9ad}
.reviews blockquote p{font:19px/1.6 Georgia,serif}
.reviews blockquote footer{font-size:9px;letter-spacing:.1em;color:#777}
.reviews form{margin-top:40px;background:#e2dbd0;padding:28px}
.reviews label{display:block;font-size:9px;letter-spacing:.1em;margin:15px 0}
.reviews input,.reviews textarea{display:block;width:100%;margin-top:7px;border:1px solid #aaa094;background:#f4f0e8;padding:12px}
.reviews textarea{min-height:130px}
.reviews button{background:#702f48;color:white;border:0;padding:13px 20px}
.reviews form>small{margin-left:14px;color:#777}
.review-ok{background:#cdddc9;padding:12px}
.review-error{background:#e8caca;padding:12px}
.no-reviews{color:#777;font:16px Georgia,serif}
@media(max-width:760px){.shell{width:calc(100% - 28px)}
.top{height:66px}
.logo{font-size:16px!important}
.hero{min-height:420px;padding-top:36px}
.hero h1{font-size:22vw;line-height:.86;text-shadow:4px 4px 0 rgba(112,47,72,.3)}
.hero p{font-size:18px}
.featured{padding:70px 0}
.featured:after,.novels:after{display:none}
.featured h2{font-size:52px;overflow-wrap:anywhere}
.featured p{font-size:18px}
.library{padding:75px 0}
.library h2,.archive h1{font-size:38px;line-height:1.1}
.row{grid-template-columns:34px minmax(0,1fr) 22px;gap:8px;padding:22px 0}
.row span{font-size:8px}
.row b{font-size:25px;overflow-wrap:anywhere}
.row:hover{padding-left:4px}
.novels{padding:75px 0}
.novels h2{font-size:40px}
.about{padding:80px 0;gap:20px;background:transparent}
.about h2{font-size:38px}
.about>p{font-size:21px}
.archive{padding:65px 0}
.filters{gap:8px}
.reading article{margin:55px auto;padding:0}
.reading h1{font-size:52px;overflow-wrap:anywhere}
.lead{font-size:21px}
.prose{font-size:18px;line-height:1.82}
.reading article footer{gap:20px;align-items:start}
.reviews{margin-bottom:60px}
.reviews>header{display:block}
.reviews h2{font-size:36px}
.reviews form{padding:20px 16px}
.reviews form>small{display:block;margin:12px 0 0;line-height:1.4}
}

/* Functional serial-novel list and safe replacement for the broken decorative glyphs. */
.featured:after{display:none!important;content:none!important}
.novel-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:44px;background:rgba(23,75,77,.22);border:1px solid rgba(23,75,77,.22)}
.novel-chapters a{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px;background:rgba(214,234,237,.94);color:#111;text-decoration:none;transition:background .18s}
.novel-chapters a:hover{background:#edf6f7}
.novel-chapters span,.novel-chapters i{font:10px/1.3 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#45696c}
.novel-chapters b{font:normal 25px/1.2 Georgia,serif}
.novel-chapters i{font-style:normal;white-space:nowrap}
.novels-empty{margin-top:35px;padding:22px 0;border-top:1px solid rgba(23,75,77,.35);border-bottom:1px solid rgba(23,75,77,.35);color:#45696c!important}
@media(max-width:760px){.novel-chapters{grid-template-columns:1fr;margin-top:30px}.novel-chapters a{grid-template-columns:1fr auto;gap:8px 15px;padding:20px 16px}.novel-chapters span{grid-column:1/-1}.novel-chapters b{font-size:22px}.novel-chapters i{font-size:9px}}


