:root{--ink:#183226;--paper:#fffdf6;--cream:#f5f0df;--sun:#f5c451;--coral:#ef745f;--blue:#79a9c7;--mint:#bcd8c4;--line:#d9ddcf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif;font-size:16px;line-height:1.5}button,input,select{font:inherit}button,a{touch-action:manipulation}.shell{width:min(1180px,100% - 40px);margin:auto}header{border-bottom:1px solid var(--line);z-index:10;backdrop-filter:blur(10px);background:#fffdf6f0;position:sticky;top:0}nav{justify-content:space-between;align-items:center;gap:20px;height:72px;display:flex}.brand{color:var(--ink);align-items:center;gap:11px;font-family:Fraunces,serif;font-size:1.18rem;font-weight:700;text-decoration:none;display:flex}.mark{background:var(--ink);width:36px;height:36px;color:var(--sun);border-radius:11px;place-items:center;display:grid}.mark svg{width:22px}.navlink{color:var(--ink);font-size:.92rem;font-weight:600;text-decoration:none}.intro{grid-template-columns:1.35fr .65fr;align-items:end;gap:46px;padding:54px 0 26px;display:grid}.eyebrow{letter-spacing:.11em;text-transform:uppercase;color:#6c765f;font-size:.78rem;font-weight:700}.intro h1{letter-spacing:-.045em;max-width:850px;margin:12px 0 18px;font-family:Fraunces,serif;font-size:clamp(2.7rem,6vw,5.5rem);line-height:.95}.intro h1 em{color:var(--coral);font-style:normal}.intro p{color:#536057;max-width:650px;margin:0;font-size:1.08rem}.note{background:var(--cream);box-shadow:5px 6px 0 var(--mint);color:var(--ink);border-radius:24px;padding:22px;text-decoration:none;transform:rotate(1.2deg)}.note strong{margin-bottom:6px;font-family:Fraunces,serif;font-size:1.2rem;display:block}.gain-links{background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}.gain-links>.shell{grid-template-columns:.7fr 1.3fr;align-items:center;gap:34px;display:grid}.gain-links h2{margin:5px 0 0;font:700 1.55rem Fraunces,serif}.gain-link-list{flex-wrap:wrap;gap:9px;display:flex}.gain-link-list a{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:.86rem;font-weight:700;text-decoration:none;display:flex}.gain-link-list a:hover{border-color:var(--ink)}.controls{border-bottom:1px solid var(--line);z-index:9;background:var(--paper);padding:28px 0 26px;position:sticky;top:72px}.control-grid{grid-template-columns:1fr 210px;gap:12px;display:grid}.search{position:relative}.search svg{width:21px;position:absolute;top:50%;left:17px;transform:translateY(-50%)}.search input{border:1.5px solid var(--ink);width:100%;height:56px;color:var(--ink);background:#fff;border-radius:18px;outline:none;padding:0 18px 0 50px}.search input:focus,.age-filter select:focus{box-shadow:0 0 0 4px #79a9c740}.age-filter{position:relative}.age-filter span{color:#68736b;z-index:1;font-size:.7rem;font-weight:700;position:absolute;top:6px;left:15px}.age-filter select{border:1.5px solid var(--ink);width:100%;height:56px;color:var(--ink);background:#fff;border-radius:18px;outline:none;padding:18px 38px 0 14px}.filter-row{scrollbar-width:none;gap:10px;padding:15px 0 2px;display:flex;overflow-x:auto}.chip{border:1px solid var(--line);white-space:nowrap;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:9px 15px;font-size:.88rem;font-weight:600}.chip:hover,.chip.active{background:var(--ink);border-color:var(--ink);color:#fff}.catalog{padding:32px 0 70px}.catalog-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.catalog h2{margin:0;font-family:Fraunces,serif;font-size:1.7rem}.catalog-actions{align-items:center;gap:12px;display:flex}.count{color:#68736b;font-size:.9rem}.reset-filters{border:1px solid var(--ink);color:var(--ink);white-space:nowrap;cursor:pointer;background:#fff;border-radius:999px;padding:8px 13px;font-size:.82rem;font-weight:700}.reset-filters:hover{background:var(--cream)}.reset-filters:focus-visible{outline-offset:3px;outline:3px solid #2f6f91}.reset-filters[hidden]{display:none}.grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:22px;flex-direction:column;transition:all .22s;display:flex;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:0 14px 35px #1832261a}.cover{border-radius:14px;flex-direction:column;justify-content:space-between;height:270px;margin:14px 14px 0;padding:24px;display:flex;position:relative;overflow:hidden}.cover:after{content:"";border:2px solid #ffffff6b;border-radius:50%;width:130px;height:130px;position:absolute;bottom:-36px;right:-28px}.cover small{letter-spacing:.08em;text-transform:uppercase;z-index:1;font-weight:700;position:relative}.cover-title{z-index:1;max-width:220px;font-family:Fraunces,serif;font-size:2rem;line-height:1.02;position:relative}.c1{background:#e7b54d}.c2{background:#8bb9ce}.c3{background:#e77b64}.c4{background:#c8d7ae}.c5{background:#b6a9ce}.c6{background:#efc4a5}.card-body{flex-direction:column;flex:1;padding:19px 20px 21px;display:flex}.meta{color:#6a756d;margin-bottom:10px;font-size:.79rem}.card h3{margin:0 0 10px;font-family:Fraunces,serif;font-size:1.25rem;line-height:1.2}.book-title{color:inherit;text-decoration:none}.book-title:hover{text-decoration:underline}.book-title:focus-visible{outline-offset:3px;border-radius:4px;outline:3px solid #2f6f91}.tags{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.tag{background:var(--cream);border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:700}.detail{color:var(--ink);border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;font-weight:700;text-decoration:none;display:flex}.detail span:last-child{background:var(--sun);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.empty{text-align:center;background:var(--cream);border-radius:22px;padding:60px 20px;display:none}.empty h3{margin:0 0 6px;font-family:Fraunces,serif;font-size:1.5rem}footer{background:var(--ink);color:#fff;padding:34px 0}.footer-row{justify-content:space-between;align-items:center;gap:30px;display:flex}.footer-row p{color:#c9d4cc;margin:0;font-size:.9rem}.tags a.tag{color:var(--ink);text-decoration:none}.tags a.tag:hover{text-decoration:underline}.cover img{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.cover:has(img) small,.cover:has(img) .cover-title{text-shadow:0 1px 2px #00000047}@media (width<=850px){.intro{grid-template-columns:1fr;gap:24px}.note{max-width:500px}.gain-links>.shell{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.shell{width:min(100% - 24px,1180px)}nav{height:64px}.navlink{display:none}.intro{padding-top:34px}.intro h1{font-size:3.2rem}.controls{padding:8px 0;top:64px}.control-grid{grid-template-columns:1fr;gap:8px}.search input,.age-filter select{height:48px}.age-filter span{top:4px}.age-filter select{padding-top:15px}.filter-row{gap:7px;padding:8px 0 0}.chip{padding:7px 12px;font-size:.82rem}.catalog-head{flex-wrap:wrap;gap:10px}.catalog-actions{justify-content:space-between;width:100%}.grid{grid-template-columns:1fr}.cover{height:245px}.footer-row{display:block}.footer-row p{margin-top:8px}}