:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}body{margin:0}#root{min-height:100svh}.book-page{--book-bg:oklch(98% .008 85);--book-text:oklch(22% .02 85);--book-text-muted:oklch(50% .012 85);--book-text-description:oklch(38% .015 85);--book-accent:oklch(60% .16 45);--book-accent-hover:oklch(48% .15 45);--book-on-accent:oklch(99% .005 85);--book-tag-bg:oklch(60% .16 45/.12);--book-tag-text:oklch(48% .15 45);--book-cover-stripe-a:oklch(30% .03 30);--book-cover-stripe-b:oklch(22% .02 30);--book-cover-label:oklch(90% .01 30);--book-similar-cover-label:oklch(55% .01 85);--book-card-bg:oklch(96% .008 85);--book-card-border:oklch(88% .012 85);--book-nav-bg:oklch(96% .008 85);--book-nav-border:oklch(86% .012 85);--book-reader-info:oklch(55% .012 85);background:var(--book-bg);color:var(--book-text);flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex}.book-page a{color:var(--book-accent);text-decoration:none}.book-page a:hover{color:var(--book-accent-hover)}.book-header{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:22px 48px;display:flex}.book-header .book-logo{letter-spacing:.01em;color:var(--book-text);font-family:Fraunces,serif;font-size:28px;font-weight:600}.book-logo-accent{color:var(--book-accent)}.book-main{flex:1;padding:20px 24px 80px}.book-content{max-width:1000px;margin:0 auto}.book-hero{flex-wrap:wrap;align-items:flex-start;gap:32px;display:flex}.book-cover{aspect-ratio:2/3;background:repeating-linear-gradient(100deg, var(--book-cover-stripe-a) 0px, var(--book-cover-stripe-a) 2px, var(--book-cover-stripe-b) 2px, var(--book-cover-stripe-b) 18px);text-align:center;border-radius:8px;flex:0 0 130px;justify-content:center;align-items:center;padding:8px;display:flex}.book-cover-label{color:var(--book-cover-label);letter-spacing:.04em;font-family:monospace;font-size:10px}.book-info{flex-direction:column;flex:380px;gap:12px;min-width:260px;display:flex}.book-info-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.book-title{margin:0 0 6px;font-family:Fraunces,serif;font-size:30px;font-weight:600}.book-author{color:var(--book-text-muted);margin:0;font-size:16px}.book-cta{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.book-start{background:var(--book-accent);color:var(--book-on-accent);cursor:pointer;white-space:nowrap;border:none;border-radius:999px;padding:13px 30px;font-family:inherit;font-size:15px;font-weight:700}.book-start:hover{background:var(--book-accent-hover)}.book-trial{color:var(--book-text-muted);font-size:13px}.book-tags{flex-wrap:wrap;gap:8px;display:flex}.book-tag{background:var(--book-tag-bg);color:var(--book-tag-text);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.book-meta{color:var(--book-text-muted);flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.book-description{color:var(--book-text-description);margin:0;font-size:15px;line-height:1.6}.book-section{max-width:900px;margin:40px auto 0}.book-section-title{margin:0 0 14px;font-family:Fraunces,serif;font-size:20px;font-weight:600}.book-chapters{flex-direction:column;gap:18px;display:flex}.book-chapter{align-items:flex-start;gap:14px;display:flex}.book-chapter-bullet{color:var(--book-accent-hover);flex:none;font-size:18px;line-height:1.4}.book-chapter-text{flex-direction:column;gap:3px;display:flex}.book-chapter-title{color:var(--book-text);font-size:15px;font-weight:600}.book-chapter-summary{color:var(--book-text-muted);font-size:14px}.book-similar{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;display:grid}.book-similar-item{flex-direction:column;gap:8px;display:flex}.book-similar-cover{aspect-ratio:2/3;text-align:center;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.book-similar-cover-label{color:var(--book-similar-cover-label);letter-spacing:.04em;font-family:monospace;font-size:10px}.book-similar-title{font-size:14px;font-weight:600}.book-similar-author{color:var(--book-text-muted);font-size:13px}.book-reader{flex-direction:column;flex:1;align-items:center;padding:32px 24px 40px;display:flex}.book-reader-bar{justify-content:space-between;align-items:center;width:100%;max-width:680px;margin-bottom:24px;display:flex}.book-reader-back{color:var(--book-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:14px;display:flex}.book-reader-back:hover{color:var(--book-accent-hover)}.book-reader-info{color:var(--book-reader-info);font-size:13px}.book-reader-page{background:var(--book-card-bg);border:1px solid var(--book-card-border);box-sizing:border-box;border-radius:16px;width:100%;max-width:680px;min-height:480px;padding:56px 48px}.book-reader-text{color:var(--book-text);text-wrap:pretty;margin:0;font-family:Fraunces,serif;font-size:19px;line-height:1.85}.book-reader-nav{align-items:center;gap:20px;margin-top:28px;display:flex}.book-reader-prev,.book-reader-next{cursor:pointer;border-radius:999px;padding:10px 22px;font-family:inherit;font-size:15px;font-weight:600}.book-reader-prev{background:var(--book-nav-bg);border:1px solid var(--book-nav-border);color:var(--book-text)}.book-reader-next{background:var(--book-accent);color:var(--book-on-accent);border:none}.book-reader-next:hover:not(:disabled){background:var(--book-accent-hover)}.book-reader-prev:disabled,.book-reader-next:disabled{opacity:.5;cursor:not-allowed}.login-page{--login-bg:oklch(98% .008 85);--login-text:oklch(22% .02 85);--login-text-muted:oklch(46% .015 85);--login-text-label:oklch(35% .015 85);--login-accent:oklch(60% .16 45);--login-accent-hover:oklch(48% .15 45);--login-card-bg:oklch(96% .008 85);--login-card-border:oklch(88% .012 85);--login-input-bg:oklch(99% .006 85);--login-input-border:oklch(82% .012 85);--login-placeholder:oklch(60% .01 85);--login-on-accent:oklch(99% .005 85);background:var(--login-bg);color:var(--login-text);flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex}.login-page a{color:var(--login-accent);text-decoration:none}.login-page a:hover{color:var(--login-accent-hover)}.login-page input::placeholder{color:var(--login-placeholder)}.login-header{justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:22px 48px;display:flex}.login-header .login-logo{letter-spacing:.01em;color:var(--login-text);font-family:Fraunces,serif;font-size:28px;font-weight:600}.login-logo-accent{color:var(--login-accent)}.login-main{flex:1;justify-content:center;align-items:center;padding:40px 24px 80px;display:flex}.login-card{background:var(--login-card-bg);border:1px solid var(--login-card-border);border-radius:16px;width:100%;max-width:420px;padding:48px 40px}.login-title{text-align:center;margin:0 0 8px;font-family:Fraunces,serif;font-size:30px;font-weight:600}.login-subtitle{color:var(--login-text-muted);text-align:center;margin:0 0 32px;font-size:15px}.login-form{flex-direction:column;gap:16px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-label{color:var(--login-text-label);font-size:14px;font-weight:600}.login-input{border:1px solid var(--login-input-border);background:var(--login-input-bg);color:var(--login-text);border-radius:8px;width:100%;padding:13px 16px;font-family:inherit;font-size:15px}.login-submit{background:var(--login-accent);color:var(--login-on-accent);cursor:pointer;border:none;border-radius:999px;margin-top:8px;padding:14px;font-family:inherit;font-size:16px;font-weight:700}.login-submit:hover:not(:disabled){background:var(--login-accent-hover)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-error{color:oklch(55% .2 25);margin:0;font-size:14px}.onboarding-page{--onboarding-bg:oklch(98% .008 85);--onboarding-text:oklch(22% .02 85);--onboarding-text-muted:oklch(46% .015 85);--onboarding-text-description:oklch(50% .012 85);--onboarding-accent:oklch(60% .16 45);--onboarding-accent-hover:oklch(48% .15 45);--onboarding-option-bg:oklch(96% .008 85);--onboarding-option-border:oklch(86% .012 85);--onboarding-option-hover-bg:oklch(60% .16 45/.1);--onboarding-option-hover-border:oklch(60% .16 45/.5);background:var(--onboarding-bg);color:var(--onboarding-text);flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex}.onboarding-page a{color:var(--onboarding-accent);text-decoration:none}.onboarding-page a:hover{color:var(--onboarding-accent-hover)}.onboarding-header{justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:22px 48px;display:flex}.onboarding-header .onboarding-logo{letter-spacing:.01em;color:var(--onboarding-text);font-family:Fraunces,serif;font-size:28px;font-weight:600}.onboarding-logo-accent{color:var(--onboarding-accent)}.onboarding-main{flex:1;justify-content:center;align-items:center;padding:40px 24px 80px;display:flex}.onboarding-content{text-align:center;width:100%;max-width:560px}.onboarding-title{margin:0 0 12px;font-family:Fraunces,serif;font-size:32px;font-weight:600}.onboarding-subtitle{color:var(--onboarding-text-muted);margin:0 0 40px;font-size:16px;line-height:1.5}.onboarding-options{flex-direction:column;gap:12px;display:flex}.onboarding-option{box-sizing:border-box;text-align:left;background:var(--onboarding-option-bg);border:1px solid var(--onboarding-option-border);width:100%;color:var(--onboarding-text);cursor:pointer;border-radius:20px;align-items:center;gap:14px;padding:16px 24px;font-family:inherit;display:flex}.onboarding-option:hover{background:var(--onboarding-option-hover-bg);border-color:var(--onboarding-option-hover-border)}.onboarding-option-emoji{font-size:22px;line-height:1}.onboarding-option-text{flex-direction:column;gap:3px;display:flex}.onboarding-option-label{font-size:17px;font-weight:600}.onboarding-option-description{color:var(--onboarding-text-description);font-size:14px}.recommendations-page{--recommendations-bg:oklch(98% .008 85);--recommendations-text:oklch(22% .02 85);--recommendations-text-muted:oklch(46% .015 85);--recommendations-text-author:oklch(50% .012 85);--recommendations-accent:oklch(60% .16 45);--recommendations-accent-hover:oklch(48% .15 45);--recommendations-cover-label:oklch(55% .01 85);background:var(--recommendations-bg);color:var(--recommendations-text);flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex}.recommendations-page a{color:var(--recommendations-accent);text-decoration:none}.recommendations-page a:hover{color:var(--recommendations-accent-hover)}.recommendations-header{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:22px 48px;display:flex}.recommendations-header .recommendations-logo{letter-spacing:.01em;color:var(--recommendations-text);font-family:Fraunces,serif;font-size:28px;font-weight:600}.recommendations-logo-accent{color:var(--recommendations-accent)}.recommendations-main{flex:1;justify-content:center;align-items:center;padding:40px 24px 80px;display:flex}.recommendations-content{text-align:center;width:100%;max-width:760px}.recommendations-title{margin:0 0 12px;font-family:Fraunces,serif;font-size:32px;font-weight:600}.recommendations-subtitle{color:var(--recommendations-text-muted);margin:0 0 44px;font-size:16px;line-height:1.5}.recommendations-books{text-align:left;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px;display:grid}.recommendations-book{text-align:left;color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:12px;margin:0;padding:0;font-family:inherit;display:flex}.recommendations-book-cover{aspect-ratio:2/3;text-align:center;border-radius:8px;justify-content:center;align-items:center;padding:10px;display:flex}.recommendations-book-cover-label{color:var(--recommendations-cover-label);letter-spacing:.04em;font-family:monospace;font-size:11px}.recommendations-book-title{margin-bottom:4px;font-size:16px;font-weight:600}.recommendations-book-author{color:var(--recommendations-text-author);font-size:14px}.recommendations-more{color:var(--recommendations-accent);cursor:pointer;background:0 0;border:1px solid oklch(60% .16 45/.5);border-radius:999px;margin-top:40px;padding:12px 28px;font-family:inherit;font-size:15px;font-weight:600}.recommendations-more:hover{background:oklch(60% .16 45/.1)}