.books-page{padding-bottom:20px}.books-hero{padding:18px 0 38px}.books-title-row{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:24px 0 28px}.books-index{margin:0;color:var(--muted);font-size:10px;letter-spacing:.16em}.books-title-row h1{font-size:clamp(54px,10vw,118px);line-height:.91;letter-spacing:-.04em;color:var(--accent);margin:20px 0 0}.books-title-row h1 span{font-size:.54em;color:var(--text);letter-spacing:.005em}.books-lead{margin:0 0 5px;color:var(--muted);font-size:clamp(17px,2.2vw,24px);line-height:1.4;text-align:right}.books-intro{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:end;gap:28px;padding:20px 0 0}.books-intro p{max-width:650px;color:var(--muted);margin:0;font-size:15px}.books-count{flex-shrink:0;color:var(--muted);font-size:9px;letter-spacing:.12em}.books-count b{font-family:Bitsumishi,sans-serif;font-size:25px;font-weight:400;color:var(--accent);vertical-align:-2px;margin-right:7px}.books-tools{display:flex;align-items:center;gap:18px;border-block:1px solid var(--line);padding:14px 0}.book-random{white-space:nowrap;min-height:42px;padding:9px 14px;gap:9px;font-size:12px}.book-random>span{font-size:18px}.book-grid{display:flex;align-items:stretch;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:0 2px 15px;scrollbar-width:thin;scrollbar-color:#6c568d #1b1524}.book-card{flex:0 0 clamp(245px,26%,300px);max-width:300px;min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:linear-gradient(150deg,#21192d,#17121f 60%);scroll-snap-align:start;transition:transform .2s,border-color .2s,box-shadow .2s}.book-card:hover{transform:translateY(-3px);border-color:#8065b6}.book-card.is-picked{border-color:var(--accent);box-shadow:0 0 0 1px #a78bfa70,0 0 32px #a78bfa25}.book-art{height:auto;aspect-ratio:4/3.25;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:13px;background-color:#0b0911;background-image:radial-gradient(ellipse at 50% 75%,#5c3d863d,transparent 65%),linear-gradient(150deg,#21162b,#09080d 70%)}.book-art:before,.book-art:after{content:"";position:absolute;pointer-events:none}.book-art>span,.book-art>small{position:relative;z-index:1;color:#e7daf9a8;font-family:Bitsumishi,sans-serif;font-size:8px;letter-spacing:.12em}.book-art>small{align-self:flex-end;text-align:right}.book-art>i{position:absolute;display:block;font-style:normal}.book-art>b{position:absolute;z-index:1;inset:0;display:grid;place-content:center;text-align:center;font-family:Bitsumishi,sans-serif;font-weight:400;font-size:clamp(25px,4vw,38px);line-height:.95;letter-spacing:.02em;color:#f2eafd;text-shadow:0 2px 22px #05040b}.book-copy{flex:1;padding:14px 14px 16px}.book-meta{display:flex;justify-content:space-between;gap:8px;color:var(--accent);font-size:8px;letter-spacing:.09em}.book-meta time{color:var(--muted);font-size:10px;letter-spacing:0;white-space:nowrap}.book-copy h2{font-size:19px;line-height:1.25;margin:8px 0 4px;font-weight:500}.book-author{color:#aa9dbb;font-size:11px;margin:0 0 9px}.book-teaser{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 10px}.book-details{border-top:1px solid var(--line);padding-top:9px}.book-details summary{font-size:11px;color:var(--accent);cursor:pointer;list-style:none}.book-details summary::-webkit-details-marker{display:none}.book-details summary:after{content:"+";float:right;font-size:15px;line-height:1}.book-details[open] summary:after{content:"−"}.book-details>p{font-size:12px;line-height:1.6;color:var(--muted);margin:10px 0 0}.books-footnote{border-top:1px solid var(--line);padding:16px 0 40px;margin:0;color:var(--muted);font-size:11px}.book-451{background-image:radial-gradient(ellipse at 50% 70%,#ed713e70,transparent 39%),linear-gradient(155deg,#21151b,#09080d 75%)}.book-451 i{width:40%;height:1px;left:30%;top:57%;background:#ffd09d;transform:rotate(-38deg);box-shadow:0 0 22px 5px #ff673c77}.book-solaris{background-image:radial-gradient(ellipse at 50% 68%,#de6d4b63,transparent 40%),linear-gradient(155deg,#141622,#07080f 72%)}.book-solaris i{width:47%;height:25%;left:27%;top:42%;border:1px solid #edaa9d88;border-radius:50%;transform:rotate(-11deg);box-shadow:0 0 26px #d05f5790}.book-color{background-image:radial-gradient(ellipse at 55% 56%,#c34dbd66,transparent 30%),linear-gradient(155deg,#17121d,#08080e 75%)}.book-color i{width:30%;aspect-ratio:1;left:36%;top:35%;border-radius:50%;background:radial-gradient(circle,#e4a4ff40,transparent 65%);box-shadow:0 0 34px #d946fa88}.book-picnic{background-image:radial-gradient(ellipse at 50% 68%,#b5a7544d,transparent 38%),linear-gradient(155deg,#111817,#090b0c 74%)}.book-picnic i{width:26%;aspect-ratio:1;left:37%;top:37%;border:1px solid #d4d69a9c;transform:rotate(45deg);box-shadow:0 0 27px #ceda7180}.book-mars{background-image:radial-gradient(ellipse at 50% 66%,#c85a466e,transparent 32%),linear-gradient(155deg,#201417,#09080e 74%)}.book-mars i{width:35%;aspect-ratio:1;left:32%;top:37%;border-radius:50%;background:radial-gradient(circle at 37% 35%,#ffd09e,#b94e3d 45%,#441e28 76%);box-shadow:0 0 30px #f77a4f60}.book-interstellar{background-image:radial-gradient(ellipse at 50% 65%,#8270bd7a,transparent 35%),radial-gradient(circle at 22% 28%,#fff 0 1px,transparent 2px),linear-gradient(#090914,#151126 72%,#30203f)}.book-interstellar i{width:44%;aspect-ratio:1;border:1px solid #ceb7ff91;border-radius:50%;left:28%;top:31%;box-shadow:0 0 30px #9e79ff4d,inset 0 0 22px #ac8aff35}.book-words{background-image:radial-gradient(ellipse at 50% 60%,#b67b9470,transparent 40%),linear-gradient(155deg,#211722,#09080e 74%)}.book-words i{width:1px;inset:19% auto 18% 50%;background:linear-gradient(transparent,#f0c6d884,transparent);box-shadow:0 0 25px 8px #edb2c345}.book-contact{background-image:radial-gradient(ellipse at 50% 57%,#489cb378,transparent 36%),linear-gradient(155deg,#0a1620,#09080e 76%)}.book-contact i{width:34%;aspect-ratio:1;left:33%;top:35%;border:1px solid #a5f0f0a1;border-radius:50%;box-shadow:0 0 32px #4dd9e38a,inset 0 0 18px #74e3f150}.book-childhood{background-image:radial-gradient(ellipse at 50% 57%,#e2cf9d4b,transparent 40%),linear-gradient(155deg,#222015,#09080e 76%)}.book-childhood i{width:31%;height:43%;left:34%;top:31%;border:1px solid #eddaa391;border-radius:50% 50% 48% 48%;box-shadow:0 0 24px #e2d29849}.book-thunder{background-image:radial-gradient(ellipse at 50% 60%,#5da4d184,transparent 37%),linear-gradient(155deg,#0f1623,#080910 76%)}.book-thunder i{width:32%;aspect-ratio:1;left:35%;top:36%;border:1px solid #b5e6ff88;border-radius:50%;box-shadow:0 0 30px #4ab4fc80}.book-anaesthesia{background-image:linear-gradient(135deg,#1e1c2b,#08080d 70%)}.book-anaesthesia i{width:45%;height:1px;left:27%;top:51%;background:#e4d8ff8a;transform:rotate(-25deg);box-shadow:0 0 18px #b49cff}.book-experiment{background-image:linear-gradient(90deg,#7866ba12 1px,transparent 1px),linear-gradient(#7866ba12 1px,transparent 1px),radial-gradient(ellipse at center,#43358860,transparent 63%),#090812;background-size:22px 22px,22px 22px,auto,auto}.book-experiment i{inset:24% 31%;border:1px solid #b6a5ff80;transform:rotate(45deg);box-shadow:0 0 25px #8265f866}.book-hitchhiker{background-image:radial-gradient(ellipse at 50% 55%,#75ad9475,transparent 39%),linear-gradient(155deg,#101b1b,#09080e 74%)}.book-hitchhiker b{font-size:58px;color:#bdf8db}.book-war{background-image:radial-gradient(ellipse at 50% 58%,#b34d454b,transparent 40%),linear-gradient(155deg,#181217,#08080d 75%)}.book-war i{width:1px;inset:14% auto 14% 50%;background:linear-gradient(transparent,#edb4a488,transparent);box-shadow:0 0 23px 8px #da665332}
@media(max-width:950px){.books-tools{align-items:flex-start;flex-direction:column}.book-random{align-self:flex-start}}
@media(max-width:650px){.books-hero{padding-top:8px}.books-title-row{align-items:flex-start;flex-direction:column;gap:16px;padding:20px 0}.books-title-row h1{font-size:clamp(52px,16vw,90px)}.books-title-row h1 span{font-size:.5em}.books-lead{text-align:left;font-size:18px}.books-intro{align-items:flex-start;flex-direction:column;gap:12px}.books-intro p{font-size:14px}.books-tools{gap:12px}.book-random{width:100%;justify-content:center}.book-grid{gap:12px}.book-card{flex-basis:clamp(235px,82vw,300px)}.book-copy h2{font-size:17px}.book-teaser,.book-details>p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.book-card{transition:none}}

/* Shared book-card proportions; the cover art stays unique to each story. */
.book-grid .book-card{height:632px;flex-basis:clamp(235px,24%,280px);}
.book-grid .book-card:has(.book-details[open]){height:auto;}
.book-grid .book-art{flex:none;aspect-ratio:4/5;}
.book-grid .book-art:before{inset:9px;border:1px solid #eadcff27;}
.book-grid .book-art:after{top:0;right:0;bottom:0;width:6px;background:linear-gradient(90deg,#0000,#0007);}
.book-grid .book-art>b{left:8%;right:8%;padding:16px;font-size:clamp(22px,2.5vw,34px);line-height:1.02;text-wrap:balance;}
.book-grid .book-copy{display:flex;flex:1;min-height:0;flex-direction:column;padding:14px 14px 16px;}
.book-grid .book-copy h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.5em;margin:8px 0 4px;font-size:18px;line-height:1.25;}
.book-grid .book-author{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.6em;margin:0 0 8px;}
.book-grid .book-teaser{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:4.5em;margin:0 0 10px;}
.book-grid .book-details{margin-top:auto;}
.book-grid .book-details[open]{margin-top:12px;}
@media(max-width:650px){.book-grid .book-card{height:642px;flex-basis:clamp(235px,82vw,300px)}.book-grid .book-copy h2{font-size:17px}.book-grid .book-art>b{font-size:clamp(24px,7vw,34px)}}

/* Bilingual title treatment: translated title first, Russian edition name directly below. */
.book-russian-title{margin:-2px 0 7px;color:#bba9d1;font-size:10px;line-height:1.35;letter-spacing:.015em}.book-grid .book-copy h2{min-height:2.45em}.book-grid .book-art>b{font-size:clamp(17px,2vw,27px);line-height:1.05;padding:12px 18px;overflow-wrap:anywhere}
@media(max-width:650px){.book-grid .book-art>b{font-size:clamp(19px,5.8vw,26px)}.book-russian-title{font-size:10px}}
