@font-face{font-family:Parkly;src:url(/assets/Parkly-Regular-Bsy35l6E.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Parkly Wide;src:url(/assets/Parkly-ExtraWideSoft-XMmdekha.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--clr-bg-100: oklch(97% 0% 0);--clr-bg-200: oklch(80% 8% 155);--clr-bg-300: oklch(60% 12% 155);--clr-bg-400: oklch(45% 15% 155);--clr-bg-500: oklch(40% 16% 155);--clr-bg-600: oklch(35% 17% 150);--clr-100: oklch(95% 0 0);--clr-200: oklch(85% 0 0);--clr-300: oklch(30% 0 0);--clr-400: oklch(10% 0 0);--clr-500: oklch(0% 0 0);--clr-line: oklch(from var(--clr-bg-600) 10% c h);--ff-header: "Parkly Wide";--ff-serif: "Lora";--ff-sans-serif: "Roboto";--fs-300: .9rem;--fs-400: 1rem;--fs-500: 1.07rem;--fs-600: 1.35rem;--fs-700: 1.5rem;--fs-800: 3rem;--fw-300: 300;--fw-400: 400;--fw-500: 500;--fw-600: 600;--fw-700: 700;--fw-800: 800}@media(min-width:35em){:root{--fs-300: .95rem;--fs-400: 1rem;--fs-500: 1.09rem;--fs-600: 1.45rem;--fs-700: 1.65rem;--fs-800: 4rem}}@media(min-width:70em){:root{--fs-300: 1rem;--fs-400: 1.05rem;--fs-500: 1.12rem;--fs-600: 1.65rem;--fs-700: 2.2rem;--fs-800: 6rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;line-height:1.55;font-family:var(--ff-sans-serif);font-size:var(--fs-400);background-color:var(--clr-bg-100);color:var(--clr-400)}h1,h2,h3,p,a,button,input,label{line-height:1.25}ul,ol,li{list-style:none}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}img,picture{width:100%;height:100%;display:block;object-fit:cover;object-position:center;overflow:hidden}input,button,textarea,select{font:inherit;height:fit-content}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.italic{font-style:italic}.underline{text-decoration:underline}.align-center{text-align:center;justify-self:center}.clr-100{color:var(--clr-100)}.clr-200{color:var(--clr-200)}.clr-300{color:var(--clr-300)}.clr-400{color:var(--clr-400)}.clr-500{color:var(--clr-500)}.clr-bg-100{background-color:var(--clr-bg-100)}.clr-bg-200{background-color:var(--clr-bg-200)}.clr-bg-300{background-color:var(--clr-bg-300)}.clr-bg-400{background-color:var(--clr-bg-400)}.clr-bg-500{background-color:var(--clr-bg-500)}.clr-bg-600{background-color:var(--clr-bg-600)}.ff-header{font-family:var(--ff-header)}.ff-serif{font-family:var(--ff-serif)}.ff-sans-serif{font-family:var(--ff-sans-serif)}.fs-300{font-size:var(--fs-300)}.fs-400{font-size:var(--fs-400)}.fs-500{font-size:var(--fs-500)}.fs-600{font-size:var(--fs-600)}.fs-700{font-size:var(--fs-700)}.fs-800{font-size:var(--fs-800)}.fw-300{font-weight:var(--fw-300)}.fw-400{font-weight:var(--fw-400)}.fw-500{font-weight:var(--fw-500)}.fw-600{font-weight:var(--fw-600)}.fw-700{font-weight:var(--fw-700)}.fw-800{font-weight:var(--fw-800)}.btn-100{padding:0 .5rem}.btn-200{padding:.25rem .75rem}.clamp{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}button{color:var(--clr-400);background-color:var(--clr-bg-200);border:1px solid var(--clr-bg-300)}button.active{background-color:var(--clr-bg-300)}button:hover{cursor:pointer;background-color:var(--clr-bg-300)}button:disabled{cursor:default;color:var(--clr-200);background-color:var(--clr-bg-100);border:1px solid var(--clr-200)}.btn-container{max-width:max-content;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.btn-container:has(.btn-200){margin:1rem 0 2rem}.book{width:fit-content;display:grid;align-content:start;margin-inline:auto}.book-cover{width:100%;aspect-ratio:1 / 1.5;border:1px solid var(--clr-line);margin-bottom:.5rem;overflow:hidden}img{transition:all .25s linear}.book:hover img{transform:scale(1.02)}.book-description{max-width:60ch;display:grid;row-gap:1rem;justify-items:start}.book-description h1{margin-inline:0}.book-description p,.list-description p{line-height:1.5}.list{width:100%;display:grid;align-content:start;margin-inline:auto}.list-cover{width:100%;height:fit-content;border:1px solid var(--clr-line);margin-bottom:.5rem;overflow:hidden;container:list-cover / inline-size}@container list-cover (width < 400px){img{aspect-ratio:1;height:auto}}section{border-top:1px solid var(--clr-line);padding:1rem 1rem 2rem;margin-inline:auto}section:has(.hero-image){padding:0 0 2rem}section>h1{padding:2rem 0 3rem}h1,h2,form{max-width:70rem;margin-inline:auto}h2{margin-bottom:1rem}header{display:grid;text-align:center;margin-block:2rem}nav{display:flex;flex-wrap:wrap;column-gap:2rem;justify-content:center;margin-top:1rem}nav a{border:1px solid var(--clr-line);padding:0 .5rem;letter-spacing:.01em}.grid,.latest-grid,.featured-grid{max-width:70rem;display:grid;gap:1rem;padding-bottom:1rem;margin-inline:auto}.side-grid{display:grid;gap:1rem;container:side-grid / inline-size}@media(min-width:20em){.grid{grid-template-columns:1fr 1fr}.grid,.latest-grid,.featured-grid,.side-grid{gap:2rem;padding-bottom:2rem}}@media(min-width:45em){.featured-grid,.latest-grid{grid-template-columns:1fr 1fr;gap:3rem;padding-bottom:3rem}.featured-grid>.grid{grid-template-columns:1fr 1fr}.side-grid{gap:2rem}.grid{grid-template-columns:1fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem}}@container side-grid (width > 300px){.list{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.list .list-cover{grid-area:1 / 2 / 2 / 3}}.split-grid{display:grid;gap:1rem;margin-inline:auto}.split-grid>.book-cover{max-width:250px;justify-self:center}@media(min-width:35em){.split-grid{grid-template-columns:auto auto;column-gap:2rem;justify-content:center}.split-grid>.book-cover{max-width:350px;position:sticky;top:0}}@media(min-width:70em){.split-grid{column-gap:5rem}}.hero-image{max-width:60rem;aspect-ratio:1;border:1px solid var(--clr-200);margin-inline:auto}.list-description{max-width:max-content;display:grid;row-gap:2rem;padding-block:2rem;margin-inline:auto}@media(min-width:30em){.hero-image{aspect-ratio:1.5}}.list-grid{display:grid;row-gap:1rem;margin-inline:auto;container:list-grid / inline-size}.list-grid .book{width:100%;max-width:45rem;margin-inline:auto}.list-grid .book-cover{max-width:200px;justify-self:center}.review{display:none}@container list-grid (width > 600px){.book{grid-template-columns:auto 1fr;column-gap:3rem}.book .title{font-size:var(--fs-600)}.review{display:block}}@media(min-width:35em){.list-grid{row-gap:3rem}}.search{width:fit-content;display:flex;gap:1rem;align-items:center;padding-block:1rem;margin-inline:auto}html{scrollbar-gutter:stable}html:has(dialog[open]){overflow:hidden}dialog{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border:1px solid var(--clr-line);background-color:var(--clr-bg-100);padding:1rem;margin:0}@media(min-width:25em){dialog{width:90vw;height:95%;padding:2rem;margin:auto}}@media(min-width:45em){dialog{width:85vw;height:90%;padding:3rem;margin:auto}}.login-container{height:100vh;display:grid;justify-items:center;align-items:center;gap:1rem}.login-container form{display:grid;justify-items:center;gap:1rem}form{width:max-content;display:grid}@media(min-width:40em){form{grid-template-columns:auto auto;gap:3rem}form .book-cover{max-width:300px}}input,label{display:block}input,input[type=date],select{width:100%;max-width:40ch;height:1.5rem}input,input[type=date],select,textarea{border-radius:0;border:1px solid var(--clr-line);color:var(--clr-ink-400);background-color:var(--clr-bg-100);padding-inline:.2rem}textarea{max-width:70ch}::placeholder{color:var(--clr-ink-500);padding-left:.1rem}input[type=date]{max-width:27ch}label{padding-top:1rem}label:first-child{padding-top:0}.tiptap-editor{max-width:70ch;min-height:200px;border:1px solid var(--clr-line);background-color:var(--clr-bg-100);padding-inline:.2rem}.tiptap p{margin-bottom:1em;max-width:65ch;color:var(--clr-ink-500);font-weight:var(--fw-400)}.tiptap p:last-child{margin-bottom:0}strong{font-weight:var(--fw-600)}footer{text-align:center;padding-block:3rem;border-top:1px solid var(--clr-line)}@media(min-width:35em){footer{padding-block:5rem 3rem}}