@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--primary:#4a9094;--primary-light:#6bbcc1;--primary-dark:#366d70;--secondary:#ff8f6b;--accent:gold;--bg-honey:#fff8e7;--bg-blue:#e3f2fd;--bg-green:#f1f8e9;--bg-pink:#fce4ec;--bg-white:#fff;--text-main:#2d3142;--text-muted:#4f5d75;--text-light:#94a3b8;--shadow-3d:0 8px 0 #0000000d;--shadow-clay:0 10px 20px #4a90941a;--radius-xl:32px;--radius-lg:24px;--radius-md:16px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{color:var(--text-main);background:var(--bg-white);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4{font-family:Outfit,sans-serif;font-weight:800}button{cursor:pointer;transition:var(--transition);border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}.btn-clay{background:var(--primary);color:#fff;border-radius:var(--radius-md);box-shadow:0 4px 0 var(--primary-dark);letter-spacing:.5px;justify-content:center;align-items:center;gap:8px;padding:16px 32px;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-clay:active{transform:translateY(4px);box-shadow:0 0 #0000}.onboarding-dot{width:10px;height:10px;transition:var(--transition);background:#e2e8f0;border-radius:50%}.onboarding-dot.active{background:var(--primary);border-radius:10px;width:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.book-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width>=600px){.book-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (width>=900px){.book-grid{grid-template-columns:repeat(4,1fr);gap:24px}}@media (width>=1200px){.book-grid{grid-template-columns:repeat(5,1fr);gap:24px}}.dashboard-header{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 24px;display:flex}.dashboard-header h1{font-size:22px}@media (width>=600px){.dashboard-header h1{font-size:28px}}.dashboard-padding{padding:16px 16px 120px}@media (width>=600px){.dashboard-padding{padding:24px 24px 120px}}.search-bar-wrapper{flex-wrap:wrap;align-items:center;gap:12px;max-width:1200px;margin:0 auto 32px;padding:0 4px;display:flex}@media (width>=600px){.search-bar-wrapper{flex-wrap:nowrap;margin-bottom:40px;padding:0 12px}}.reader-page-layout{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}@media (width>=700px){.reader-page-layout{flex-direction:row;align-items:center;gap:32px}}.reader-image-box{border:8px solid #fff;border-radius:24px;flex-shrink:0;width:100%;overflow:hidden;box-shadow:0 20px 40px #00000014}@media (width>=700px){.reader-image-box{aspect-ratio:3/4;flex:none;width:100%;max-width:550px;height:auto}}.reader-image-box img{display:block;object-fit:cover!important;width:100%!important;height:100%!important}@media (width<=430px){.reader-image-box{aspect-ratio:auto;height:auto}.reader-image-box img{object-fit:contain!important}}.reader-text-box{width:100%;padding:0 8px}@media (width>=700px){.reader-text-box{flex:1.2;max-height:70vh;padding-right:12px;overflow-y:auto}}