@import"https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}.app{max-width:1100px;margin:0 auto;padding:1rem 2rem;text-align:center}body{background-color:#0f0e0e;color:#e8e0d5;font-family:var(--font-serif);min-height:100vh}.header{text-align:center;margin-bottom:2.5rem;margin-top:2rem}.logo{font-size:3rem;color:#c8a97e;letter-spacing:4px}.tagline{font-size:.9rem;letter-spacing:6px;text-transform:uppercase;color:#6b6560;margin-top:.3rem}.search-container{display:flex;gap:.75rem;max-width:600px;margin:0 auto 2.5rem;justify-content:center}.search-input{flex:1;padding:.75rem 1rem;background:#1c1a19;border:1px solid #3a3530;color:#e8e0d5;font-size:1rem;font-family:var(--font-serif);outline:none;border-radius:2px;transition:border-color .2s}.search-input:focus{border-color:#c8a97e}.search-button{padding:.75rem 1.5rem;background:#c8a97e;color:#0f0e0e;border:none;font-size:1rem;font-family:var(--font-serif);cursor:pointer;border-radius:2px;transition:background .2s}.search-button:hover{background:#b8956a}.status{text-align:center;color:#6b6560;margin-bottom:2rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem}.book-card{display:flex;flex-direction:column;cursor:pointer;transition:transform .2s}.book-card:hover{transform:translateY(-4px)}.book-cover{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:2px}.no-cover{width:100%;aspect-ratio:2/3;background:#1c1a19;border:1px solid #3a3530;display:flex;align-items:center;justify-content:center;color:#6b6560;font-size:.75rem;border-radius:2px}.book-info{margin-top:.5rem}.book-title{font-size:.85rem;color:#e8e0d5;margin-bottom:.2rem;line-height:1.3}.book-author{font-size:.75rem;color:#c8a97e}.book-year{font-size:.7rem;color:#6b6560;margin-top:.1rem}.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:56px;background:#0f0e0ed9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #2a2520}.nav-left{display:flex;align-items:center;gap:2rem}.nav-logo{font-family:Georgia,serif;font-size:1.4rem;color:#c8a97e;text-decoration:none;letter-spacing:2px;line-height:1}.nav-links{display:flex;gap:1.5rem}.nav-link{color:#8a8070;text-decoration:none;font-family:Georgia,serif;font-size:.88rem;letter-spacing:.04em;transition:color .2s}.nav-link:hover{color:#c8a97e}.nav-right{display:flex;align-items:center;gap:.75rem}.kofi-btn{display:flex;align-items:center;gap:6px;color:#8a8070;text-decoration:none;font-family:Georgia,serif;font-size:.82rem;padding:5px 10px;border:1px solid #2a2520;transition:color .2s,border-color .2s;margin-right:.5rem}.kofi-btn:hover{color:#c8a97e;border-color:#5a4a30}.nav-btn{font-family:Georgia,serif;font-size:.82rem;padding:6px 16px;text-decoration:none;letter-spacing:.04em;transition:background .2s,color .2s,border-color .2s;cursor:pointer}.nav-btn--ghost{color:#8a8070;border:1px solid #2a2520;background:transparent}.nav-btn--ghost:hover{color:#c8a97e;border-color:#5a4a30}.nav-btn--filled{color:#0f0e0e;background:#c8a97e;border:1px solid #c8a97e}.nav-btn--filled:hover{background:#b8956a;border-color:#b8956a}.app{padding-top:56px}.section{margin-top:3rem;width:100%}.section-title{font-size:.7rem;letter-spacing:.16em;color:#5a5045;margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:1px solid #2a2520}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1.25rem}.book-page{min-height:100vh;background-color:#0f0e0e;color:#e8e0d5;font-family:Georgia,serif;padding:5.5rem 3.5rem 3rem}.book-page-status{min-height:100vh;background-color:#0f0e0e;color:#8a8070;font-family:Georgia,serif;display:flex;align-items:center;justify-content:center;font-size:1rem}.back-button{background:none;border:none;color:#c8a97e;font-family:Georgia,serif;font-size:1rem;cursor:pointer;margin-bottom:2.5rem;padding:0}.book-detail{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:260px minmax(0,1fr);gap:4.5rem;align-items:start}.book-detail-cover img,.no-cover-large{width:260px;height:390px;object-fit:cover;display:block;border:1px solid #2a2520;background:#141210}.no-cover-large{display:flex;align-items:center;justify-content:center;color:#5a5045;font-size:.85rem}.book-detail-info{max-width:760px}.detail-title{font-size:3rem;font-weight:600;line-height:1.05;color:#f0e6d8;margin:0 0 2rem}.detail-meta{display:flex;gap:3.5rem;margin-bottom:2.25rem}.detail-meta-item{display:flex;flex-direction:column;gap:.45rem}.detail-meta-label{font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;color:#5a5045}.detail-meta-value{font-size:1.05rem;color:#c8a97e}.book-shelf-panel{margin:0 0 2.2rem;padding:1.25rem 1.35rem;border:1px solid #2a2520;background-color:#141210;max-width:560px}.book-shelf-heading{margin:0 0 1rem;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#5a5045}.book-shelf-controls{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.book-shelf-field{display:flex;flex-direction:column;gap:.45rem;min-width:190px}.book-shelf-label{font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:#5a5045}.book-shelf-select{background:#0f0e0e;color:#e8e0d5;border:1px solid #3a3128;padding:.72rem .85rem;font-family:Georgia,serif;font-size:.95rem;outline:none}.book-shelf-select:focus{border-color:#8c6a43}.book-favorite-toggle{display:inline-flex;align-items:center;gap:.5rem;color:#c8a97e;font-size:.95rem;cursor:pointer;padding-bottom:.72rem}.book-favorite-toggle input{accent-color:#c8a97e;width:16px;height:16px}.book-shelf-save-btn{background:transparent;color:#c8a97e;border:1px solid #5a4a30;padding:.72rem 1rem;font-family:Georgia,serif;font-size:.95rem;cursor:pointer;transition:all .18s ease}.book-shelf-save-btn:hover{background:#1a1612;color:#e8e0d5;border-color:#8c6a43}.book-shelf-message{margin-top:.9rem;font-size:.88rem;color:#8a8070}.detail-description{font-size:1.02rem;line-height:2.05;color:#cbb9a3;margin:0 0 2.5rem}.detail-subjects{margin-top:2rem}.subjects-label{font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;color:#5a5045;margin-bottom:1rem}.subject-tags{display:flex;flex-wrap:wrap;gap:.7rem}.subject-tag{display:inline-block;border:1px solid #3a3128;background:#141210;color:#c8a97e;padding:.55rem .9rem;font-size:.88rem;line-height:1}@media(max-width:980px){.book-page{padding:5rem 1.5rem 2.5rem}.book-detail{grid-template-columns:1fr;gap:2rem}.book-detail-cover{display:flex;justify-content:center}.book-detail-info{max-width:100%}.detail-title{font-size:2.3rem}.detail-meta{gap:2rem;flex-wrap:wrap}.book-shelf-panel{max-width:100%}}@media(max-width:640px){.book-page{padding:4.75rem 1rem 2rem}.book-detail-cover img,.no-cover-large{width:220px;height:330px}.detail-title{font-size:1.9rem}.detail-description{font-size:.98rem;line-height:1.85}.book-shelf-controls{flex-direction:column;align-items:stretch}.book-shelf-field{min-width:100%}.book-favorite-toggle{padding-bottom:0}}input,textarea,select,button{font-family:Georgia,serif}@keyframes spin{to{transform:rotate(360deg)}}.book-page{max-width:1100px;margin:0 auto;padding:2rem}.back-button{background:none;border:none;color:#c8a97e;font-family:var(--font-serif);font-size:.9rem;cursor:pointer;margin-bottom:2rem;padding:0}.back-button:hover{color:#e8e0d5}.book-detail{display:flex;gap:3rem}.book-detail-cover img{width:220px;border-radius:2px}.no-cover-large{width:220px;height:330px;background:#1c1a19;border:1px solid #3a3530;display:flex;align-items:center;justify-content:center;color:#6b6560;border-radius:2px}.book-detail-info{flex:1}.detail-title{font-size:2rem;color:#e8e0d5;margin-bottom:1rem}.detail-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.detail-meta-item{display:flex;flex-direction:column;gap:.25rem}.detail-meta-label{color:#6b6560;font-size:.75rem;letter-spacing:3px;text-transform:uppercase}.detail-meta-value{color:#c8a97e;font-size:.95rem}.detail-description{color:#a09890;line-height:1.8;margin-bottom:1.5rem;font-size:.95rem}.detail-subjects{display:flex;flex-wrap:wrap;gap:.5rem}.subject-tag{background:#1c1a19;border:1px solid #3a3530;color:#c8a97e;padding:.25rem .75rem;font-size:.75rem;border-radius:2px;font-family:var(--font-serif)}.subjects-label{font-size:.75rem;letter-spacing:3px;text-transform:uppercase;color:#6b6560;margin-bottom:.75rem}.subject-tags{display:flex;flex-wrap:wrap;gap:.5rem}:root{--font-serif: "EB Garamond", serif}#root{width:100%}