@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--font-family: "Inter", sans-serif;--bg-color: #f3f4f6;--text-color: #111827;--text-muted: #6b7280;--primary: #2563eb;--primary-hover: #1d4ed8;--card-bg: #ffffff;--border-color: #e5e7eb;--radius: .75rem;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--header-height: 64px}[data-theme=dark]{--bg-color: #0f172a;--text-color: #f9fafb;--text-muted: #9ca3af;--primary: #3b82f6;--primary-hover: #60a5fa;--card-bg: #1e293b;--border-color: #374151;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-color)}.grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}@media(min-width:640px){.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--radius);font-weight:500;transition:all .2s}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-icon{padding:.5rem;border-radius:50%;color:var(--text-color)}.btn-icon:hover{background-color:#8080801a}.chip{display:inline-block;padding:.25rem .75rem;border-radius:999px;background-color:#2563eb1a;color:var(--primary);font-size:.75rem;font-weight:600}.book-detail-container{padding:2rem 1rem;max-width:1000px;margin:0 auto}.book-detail-back-btn{margin-bottom:1rem;padding-left:0;gap:.5rem;color:var(--text-muted)}.book-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;align-items:start}.book-cover-wrapper{width:100%;max-width:350px;justify-self:center;box-shadow:var(--shadow);border-radius:var(--radius);overflow:hidden;aspect-ratio:2/3;background-color:#e5e7eb}.book-cover-image{width:100%;height:100%;object-fit:cover}.book-info-wrapper{display:flex;flex-direction:column;gap:1rem}.book-category-chip{margin-bottom:1rem}.book-title{font-size:2.5rem;font-weight:800;margin:.5rem 0;line-height:1.2}.book-author{font-size:1.25rem;color:var(--text-muted)}.book-description-box{padding:1.5rem;background-color:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border-color)}.book-description-title{font-size:1.1rem;margin-bottom:.5rem}.book-description-text{line-height:1.6;color:var(--text-color);font-size:1rem}.book-action-container{margin-top:1rem}.book-action-btn{padding:1rem 2rem;font-size:1.1rem;gap:.5rem;width:100%;justify-content:center}@media(max-width:640px){.book-detail-container{padding:1.5rem 1rem}.book-detail-grid{gap:1.5rem;grid-template-columns:1fr}.book-cover-wrapper{max-width:220px;margin:0 auto}.book-info-wrapper{gap:.75rem;align-items:center;text-align:center}.book-category-chip{margin-bottom:.5rem;font-size:.7rem;padding:.2rem .6rem}.book-title{font-size:1.5rem;margin:.25rem 0}.book-author{font-size:1rem}.book-description-box{padding:1rem;text-align:left;width:100%}.book-description-title{font-size:1rem}.book-description-text{font-size:.9rem;line-height:1.5;text-align:left}.book-action-container{width:100%}.book-action-btn{padding:.75rem 2.5rem;font-size:1rem;width:100%;box-sizing:border-box}}.splash-screen{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;z-index:9999;background-image:url(/splash.webp);background-size:100% 100%;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:80px}.enter-btn{padding:1rem 4rem;font-size:1.25rem;color:#fff;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:9999px;cursor:pointer;transition:all .3s ease;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;box-shadow:0 4px 30px #0000001a;text-shadow:0 2px 4px rgba(0,0,0,.3)}.enter-btn:hover{background:#ffffff40;transform:translateY(-3px);box-shadow:0 8px 32px #0003}.enter-btn:active{transform:translateY(-1px)}