:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#080d19;color:#edf2ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0%,#202d51,transparent 38%),#080d19;min-height:100vh}a{color:inherit;text-decoration:none}.top{max-width:1300px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;gap:15px;flex-wrap:wrap}.brand{font-weight:900;letter-spacing:.07em;font-size:21px}.brand span{color:#83b7ff}.top nav{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}.top nav a[aria-current]{color:#a8cbff}main{max-width:1300px;margin:0 auto;padding:20px 24px 80px}.hero{padding:46px 0 42px}.eyebrow{font-size:12px;letter-spacing:.23em;color:#a8bfff;font-weight:700}h1{font-size:clamp(36px,6vw,70px);line-height:1.12;margin:12px 0}h1 em{font-style:normal;color:#9ec9ff}.hero>p:not(.eyebrow){max-width:680px;color:#b9c6df}.hero label{display:block;margin-top:28px;font-weight:700;margin-bottom:9px}input,select{color:#edf2ff;background:#151f35;border:1px solid #435371;border-radius:12px;padding:14px;font:inherit}input{display:block;width:100%;max-width:560px}input:focus,select:focus{outline:2px solid #8bb7ff;outline-offset:2px}.counter{font-size:13px;color:#9fb3d3;margin-top:12px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}h2{font-size:22px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.book{border:1px solid #34435f;background:linear-gradient(145deg,#18233c,#10192c);border-radius:18px;padding:20px;text-align:left;color:inherit;cursor:pointer;min-height:180px;display:flex;flex-direction:column;gap:12px;transition:transform .15s,border-color .15s}.book:hover,.book:focus{transform:translateY(-3px);border-color:#99c5ff}.book .cover{font-size:36px}.book strong{line-height:1.4;overflow-wrap:anywhere}.book small{color:#b4c4df;margin-top:auto}.player{position:sticky;top:24px;background:#111a2d;border:1px solid #354768;border-radius:22px;padding:22px;box-shadow:0 14px 55px #0006}.player label{display:block;margin:16px 0 8px;font-size:13px}.player select{width:100%}.player audio{margin:20px 0 8px}.muted{color:#b0bfd9}.small{font-size:12px;line-height:1.6}.controls{display:flex;align-items:center;gap:12px}.controls select{width:auto}.controls label{margin:0}footer{text-align:center;padding:24px;border-top:1px solid #27344e;color:#9baecb;font-size:13px}@media(max-width:850px){.layout{grid-template-columns:1fr}.player{position:static}.hero{padding-top:20px}}

.book .cover{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:3/4;border-radius:11px;overflow:hidden;background:linear-gradient(135deg,#314b79,#18263f);font-size:54px}.book .cover img{width:100%;height:100%;object-fit:cover}.book .author{font-size:13px;color:#a8c2e4}.book{padding:13px;min-height:285px}

#category{width:100%;max-width:560px;margin-bottom:8px}.book .genre{font-size:12px;border:1px solid #5074a6;color:#bcd6ff;background:#1c3356;padding:5px 9px;border-radius:999px;align-self:flex-start}