.contents-container{display:flex;flex-direction:column;align-items:center;background-color:#f3f0e8;min-height:100vh;font-family:var(--font-sans);padding:3rem;gap:5rem}.contents-container h1{font-family:var(--font-serif);font-size:2rem;color:#2d2d2d;padding-bottom:1rem;text-align:center}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0000;opacity:0;pointer-events:none;align-items:center;justify-content:center;z-index:1000;transition:background-color .3s ease,opacity .3s ease}.modal__panel{background-color:#f3f0e8;color:#2d2d2d;border-radius:12px;padding:2rem;max-width:600px;width:90%;box-shadow:0 8px 24px #0003;opacity:0;transform:translateY(-20px);font-family:var(--font-sans);transition:transform .4s ease,opacity .4s ease}.modal__close-button{background-color:inherit;border-style:none;font-size:1rem;cursor:pointer;color:#2d2d2d}.open{display:flex;background-color:#0006;opacity:1;pointer-events:auto;animation:fadeIn .3s ease}.open .modal__panel{animation:slideIn .4s ease forwards}.closing{display:flex;pointer-events:none;animation:fadeOut .3s ease forwards}.closing .modal__panel{animation:slideOut .3s ease forwards}@keyframes fadeIn{0%{background-color:#0000}to{background-color:#0006}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{0%{background-color:#0006}to{background-color:#0000}}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:0}}.search-input__wrapper{position:relative}.search-input__icon{position:absolute;inset-inline-start:12px;inset-block:50%;translate:0 -50%;color:var(--vp-c-text-1);opacity:.7}.search-input__input{padding:12px 20px;padding-inline-start:48px;border-radius:8px;background-color:var(--vp-c-bg-soft);color:#2d2d2d;display:block;width:100%;border:1px solid #d8d2c4;transition:color .25s,border-color .25s,background-color .25s;outline-color:#52695f}.button{display:inline-block;outline:0;border:0;cursor:pointer;will-change:box-shadow,transform;padding:.5rem 1rem;font-size:.8rem;border-radius:12px;transition:box-shadow .15s ease,transform .15s ease}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(2px)}.search-button{background:#6c8e7d;color:#fff;box-shadow:0 2px 4px #2d234266,0 7px 13px -3px #2d23424d,inset 0 -3px #52695f}.search-button:hover{box-shadow:0 4px 8px #2d234266,0 7px 13px -3px #2d23424d,inset 0 -3px #52695f}.search-button:active{box-shadow:inset 0 3px 7px #52695f}.advance-search-button{background:none;color:#6c8e7d;font-weight:600}.form{display:flex;flex-direction:column;gap:1rem}.form__item{display:flex;flex-direction:column}.search-section__container{max-width:60rem}.search-section__input,.search-section__input-bottom{display:flex;flex-direction:column;gap:1rem}@media (min-width: 48rem){.search-section__input-bottom{flex-direction:row;justify-content:end}}.book-card{transition:transform .2s ease,box-shadow .2s ease;position:relative;height:300px;display:flex;flex-direction:column}.book-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.book-card__image-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.book-card__image{width:100%;height:100%;object-fit:contain}.book-card__title-overlay{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:.5rem;color:#2d2d2d;font-family:var(--font-serif);font-size:.9rem;font-weight:600;background-color:#f3f0e8;border-radius:4px;line-height:1.4;box-shadow:0 2px 4px #0000001a}.book-card__info{position:absolute;top:0;width:100%;height:100%;background-color:#fffc;padding:1rem}.book-card__title{font-family:var(--font-serif);font-size:1rem;font-weight:600;color:#2d2d2d;margin-top:.5rem;overflow:hidden;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.book-card__author{font-size:.85rem;color:#6b6b6b}.book-card__desc{font-size:.75rem;margin-top:.25rem;line-height:1.4;color:#6b6b6b;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;overflow:hidden}.spinner{width:100%;display:"flex";align-items:center;margin:auto 0}.search-result__container{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:60rem}.search-result__container p{color:#2d2d2d}.search-result__books-container{display:grid;gap:2rem}.search-result__books-container{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 32rem){.search-result__books-container{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width: 40rem){.search-result__books-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 48rem){.search-result__books-container{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 64rem){.search-result__books-container{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 80rem){.search-result__books-container{grid-template-columns:repeat(5,minmax(0,1fr))}}.book-detail{background-color:#f3f0e8;padding:3rem;height:auto;min-height:100vh;display:flex;flex-direction:column;align-items:center;font-family:var(--font-sans)}.book-detail__back{background:none;border:none;color:#6c8e7d;font-weight:500;cursor:pointer;margin-bottom:1rem;text-align:start;width:100%}.book-detail__back:hover{text-decoration:underline}.book-detail__container{display:flex;max-width:60rem;flex-direction:column;gap:2rem}@media (min-width: 48rem){.book-detail__container{flex-direction:row}}.book-detail__image{height:300px;width:auto;max-width:250px;object-fit:cover;border-radius:12px;box-shadow:0 4px 10px #0000000d;align-self:center}@media (min-width: 48rem){.book-detail__image{align-self:auto}}.book-detail__info{flex:1}.book-detail__title{font-family:var(--font-serif);font-size:1.8rem;color:#2d2d2d;margin-bottom:.5rem}.book-detail__author{font-size:1rem;color:#6b6b6b;margin-bottom:1rem}.book-detail__meta{font-size:.85rem;font-family:var(--font-mono);color:#6b6b6b;margin-bottom:1rem}.book-detail__meta span{margin-right:1rem}.book-detail__desc{font-family:var(--font-serif);line-height:1.6;color:#2d2d2d;white-space:pre-line}:root{--font-sans: "Inter", sans-serif;--font-serif: "Playfair Display", serif;--font-mono: "IBM Plex Mono", monospace;font-family:var(--font-sans);line-height:1.5;font-weight:400;font-size:16px;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;width:100vw;height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}