.onboarding-page{min-height:100dvh;padding:24px;background:radial-gradient(circle at top right,#f6d9df,transparent 35%),var(--background)}.onboarding-shell{width:min(100%,720px);margin:auto}.onboarding-top{display:flex;align-items:center;justify-content:space-between}.onboarding-top>span{color:var(--muted);font-size:12px;font-weight:800}.onboarding-progress{height:6px;margin:20px 0 30px;overflow:hidden;border-radius:99px;background:#eadfe1}.onboarding-progress i{display:block;width:12.5%;height:100%;border-radius:inherit;background:var(--primary);transition:width .25s ease}.onboarding-step{min-height:520px;padding:48px;border:1px solid #eadfe1;border-radius:30px;background:#fff;box-shadow:0 18px 55px rgba(31,16,22,.08);animation:onboarding-in .22s ease}.onboarding-step[hidden]{display:none}.onboarding-step h1{max-width:600px;margin:8px 0 12px;font:48px/1.04 var(--serif)}.onboarding-step>p:not(.onboarding-kicker):not(.onboarding-error){color:var(--muted);line-height:1.6}.onboarding-kicker{margin:0;color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.onboarding-options{display:grid;gap:10px;margin-top:28px}.onboarding-options--wrap{grid-template-columns:repeat(3,minmax(0,1fr));max-height:310px;overflow:auto}.onboarding-options button{min-height:52px;padding:10px 14px;border:1px solid #decfd2;border-radius:15px;color:var(--dark);background:#fff;cursor:pointer;font-weight:750}.onboarding-options button.is-selected{color:#fff;border-color:var(--primary);background:var(--primary)}.onboarding-next{margin-top:28px}.onboarding-controls{display:flex;justify-content:space-between;gap:12px;padding:18px 8px}.onboarding-back{border:0;color:var(--primary-dark);background:none;cursor:pointer;font-weight:800}.onboarding-error{min-height:20px;color:#9d243d;font-size:12px}.onboarding-book-search{display:grid;gap:10px;margin-top:24px}.onboarding-book-search>div:first-of-type{display:grid;grid-template-columns:1fr auto;gap:8px}.onboarding-book-search input{min-width:0;padding:14px;border:1px solid #decfd2;border-radius:14px;font:inherit}.onboarding-book-search [data-search]{padding:0 20px;border:0;border-radius:14px;color:#fff;background:var(--primary);font-weight:800}.onboarding-book-results,.onboarding-selected-books{display:grid;gap:8px;max-height:210px;overflow:auto}.onboarding-book{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;padding:8px;border:1px solid #eadfe1;border-radius:12px;text-align:left;background:#fff}.onboarding-book img{width:46px;height:64px;border-radius:4px;object-fit:cover}.onboarding-book span{display:grid}.onboarding-book small{color:var(--muted)}.onboarding-selected-books .onboarding-book{background:#fff8d5}@keyframes onboarding-in{from{opacity:0;transform:translateX(16px)}}@media(max-width:700px){.onboarding-page{padding:12px 12px calc(28px + env(safe-area-inset-bottom))}.onboarding-progress{margin:14px 0 18px}.onboarding-step{min-height:0;padding:28px 20px;border-radius:24px}.onboarding-step h1{font-size:38px}.onboarding-options--wrap{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible}.onboarding-controls{position:static;margin-top:12px;padding:12px 10px calc(12px + env(safe-area-inset-bottom));border:1px solid #eadfe1;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(31,16,22,.08)}}
body:has(.onboarding-page)>.site-footer{display:none}
.onboarding-stage-meta{display:flex;justify-content:flex-end;min-height:24px}.onboarding-progress[hidden],.onboarding-stage-meta>[hidden],.onboarding-controls[hidden]{display:none!important}@media(max-width:700px){.onboarding-step--intro{min-height:0;padding-block:32px}.onboarding-step--intro h1{font-size:36px}.onboarding-step--intro .onboarding-next{width:100%}}
.onboarding-intro-note{display:none}@media(max-width:700px){.onboarding-page{display:flex;min-height:calc(100dvh - 70px - env(safe-area-inset-top))}.onboarding-shell{display:flex;flex:1;flex-direction:column;margin:0 auto}.onboarding-shell form{display:flex;flex:1;flex-direction:column}.onboarding-step:not([hidden]){display:flex;flex:1;flex-direction:column}.onboarding-step--intro:not([hidden]){flex:none;min-height:clamp(460px,70dvh,600px)}.onboarding-step--intro .onboarding-kicker{font-size:12px;line-height:1.5}.onboarding-step--intro h1{font-size:clamp(38px,10.5vw,44px)}.onboarding-step--intro>p:not(.onboarding-kicker):not(.onboarding-intro-note){font-size:16px;line-height:1.65}.onboarding-step--intro .onboarding-intro-note{display:block;margin:auto 0;color:var(--muted);font:italic 20px/1.4 var(--serif);text-align:center;transform:translateY(-12px)}.onboarding-step--intro .onboarding-next{margin-top:0;margin-bottom:24px}body:has(.onboarding-step--intro:not([hidden])) .onboarding-stage-meta{display:none}body:has(.onboarding-step--intro:not([hidden])) .onboarding-shell form{justify-content:center;transform:translateY(-8px)}.onboarding-controls{position:sticky;bottom:env(safe-area-inset-bottom);z-index:5;flex:none}}
@media(max-width:700px){.onboarding-options.is-collapsed>button:nth-child(n+7){display:none}.onboarding-options-more{display:flex;min-height:44px;margin:12px auto 0;padding:8px 16px;align-items:center;justify-content:center;border:1px solid #decfd2;border-radius:14px;color:var(--primary-dark);background:#fff;cursor:pointer;font-weight:800}.onboarding-options-more:hover,.onboarding-options-more:focus-visible{border-color:var(--primary);background:#fcf5f7}}
@media(min-width:701px){.onboarding-options-more{display:none}}
.onboarding-reader-preview{margin-top:20px}.onboarding-preview-loading{margin:0;padding:22px;border-radius:16px;color:var(--muted);background:#faf6f5;text-align:center}.onboarding-preview-loading[hidden]{display:none}.onboarding-preview-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.onboarding-preview-card{display:grid;min-width:0;grid-template-columns:128px minmax(0,1fr);gap:13px;padding:12px;border:1px solid #eadfe1;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(31,16,22,.07)}.onboarding-preview-photo{position:relative;overflow:hidden;height:160px;border-radius:13px;background:#eadfe1}.onboarding-preview-photo img{width:100%;height:100%;object-fit:cover}.onboarding-preview-lock{position:absolute;right:6px;bottom:6px;left:6px;padding:7px 5px;border-radius:10px;color:#fff;background:rgba(31,16,22,.74);font-size:9px;font-weight:800;text-align:center}.onboarding-preview-info{min-width:0}.onboarding-preview-info h2{margin:1px 0 8px;font:24px/1 var(--serif)}.onboarding-preview-info p{margin:6px 0;color:#5f5357;font-size:11px;line-height:1.35}.onboarding-preview-info p:last-child{color:var(--primary-dark);font-weight:800}.onboarding-preview-cta{margin:18px 0 12px!important;color:var(--primary-dark)!important;font-weight:700;text-align:center}.onboarding-create-account{width:100%;border:0}
@media(max-width:560px){.onboarding-preview-list{grid-template-columns:1fr}.onboarding-preview-card{grid-template-columns:120px minmax(0,1fr)}.onboarding-preview-photo{height:150px}}
@media(max-width:700px) and (max-height:800px){.onboarding-controls{position:static}.onboarding-step:not(.onboarding-step--intro){flex:none}}
.onboarding-preview-loading{display:grid;gap:5px}.onboarding-preview-loading strong{color:var(--primary-dark);font:22px/1.15 var(--serif)}
.onboarding-preview-info p{display:grid;grid-template-columns:19px minmax(0,1fr);align-items:start;gap:7px}.onboarding-preview-info p img{width:18px;height:18px;margin-top:1px;object-fit:contain}