.onboarding-page{position:fixed;z-index:20;inset:0;width:100%;height:100svh;margin:0;padding:0;background:var(--paper);color:var(--ink);overflow:auto}.onboarding-shell{min-height:100svh;padding:22px clamp(22px,5vw,72px) 34px;background:radial-gradient(circle at 50% 38%,#fbf9f2 0 22%,transparent 62%),var(--paper)}.onboarding-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1180px;margin:0 auto}.onboarding-brand{display:flex;align-items:center;gap:8px;font-family:var(--font-serif);font-size:28px;font-weight:550;letter-spacing:-1.2px}.onboarding-brand img{width:32px;height:32px;filter:saturate(.55) brightness(.77)}.onboarding-back{display:inline-flex;align-items:center;gap:7px;width:fit-content;min-height:42px;padding:8px 14px;border:1px solid #a6b09a;border-radius:99px;background:#fbf9f2;color:var(--ink);font-size:13px;font-weight:600;transition:background .2s,transform .2s}.onboarding-back:hover{background:#e3e8d4;transform:translateY(-1px)}.onboarding-header-spacer{display:block;justify-self:end;width:42px;height:42px}.onboarding-header-spacer.is-leading{justify-self:start}.onboarding-progress-wrap{width:min(650px,72vw);margin:20px auto 0}.onboarding-progress-copy{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;color:#777b6d;font-size:10px;font-weight:650;letter-spacing:1px;text-transform:uppercase}.onboarding-duration-tag{padding:3px 7px;border:1px solid #cbd2bf;border-radius:99px;background:#fbf9f2;color:#173d30;letter-spacing:.45px}.onboarding-progress{height:4px;border-radius:99px;background:#dfe4d4;overflow:hidden}.onboarding-progress>span{display:block;width:100%;height:100%;border-radius:inherit;background:var(--green);transform-origin:left;transition:transform .4s cubic-bezier(.16,1,.3,1)}.onboarding-feedback-banner{position:fixed;z-index:6;top:130px;left:50%;display:flex;width:min(480px,calc(100% - 32px));min-height:46px;padding:10px 15px;align-items:center;justify-content:center;gap:10px;border:1px solid #173d30;border-radius:18px;background:#e3e8d4;color:var(--ink);box-shadow:0 8px 22px #102e2518;animation:onboarding-banner .38s cubic-bezier(.16,1,.3,1) both}.onboarding-feedback-banner>span{display:grid;flex:0 0 auto;width:24px;height:24px;place-items:center;border-radius:50%;background:var(--green);color:#fbf9f2}.onboarding-feedback-banner p{margin:0;font-size:13px;font-weight:620;line-height:1.35;text-align:left}.onboarding-analysis,.onboarding-book-taste,.onboarding-insight,.onboarding-intro,.onboarding-question,.onboarding-result,.onboarding-taste-intro{animation:onboarding-enter .45s cubic-bezier(.16,1,.3,1) both}.onboarding-intro{display:grid;grid-template-columns:minmax(360px,1.08fr) minmax(340px,.92fr);gap:clamp(42px,6vw,88px);width:min(1040px,100%);min-height:calc(100svh - 100px);margin:0 auto;padding:18px 0;align-items:center;text-align:left}.onboarding-intro-art{position:relative;display:grid;width:100%;place-items:center;isolation:isolate}.onboarding-intro-art img{display:block;width:100%;height:auto}.onboarding-mascot{display:block;flex:0 0 auto;height:auto;object-fit:contain;mix-blend-mode:multiply}.onboarding-mascot-discovery{width:min(260px,55vw);margin:-20px auto 18px}.onboarding-mascot-complete{width:min(190px,42vw);margin:-20px auto 20px}.onboarding-analysis h2,.onboarding-book-taste h2,.onboarding-insight h2,.onboarding-intro h1,.onboarding-question h2,.onboarding-result h2,.onboarding-taste-intro h2{margin:0;text-wrap:balance;font-family:var(--font-serif);font-weight:470;letter-spacing:-.035em}.onboarding-intro h1{max-width:560px;font-size:clamp(38px,4.2vw,60px);line-height:1.03}.onboarding-intro h1 em,.onboarding-result h2 em,.onboarding-taste-intro h2 em{color:#174333;font-weight:420}.onboarding-intro-copy>p{max-width:480px;margin:23px 0 34px;color:#173d30;font-size:16px;line-height:1.65}.onboarding-question{width:min(720px,100%);min-height:calc(100svh - 190px);margin:0 auto;padding:clamp(38px,7vh,74px) 0 132px;text-align:center}.onboarding-question h2{max-width:700px;margin-inline:auto;font-size:clamp(28px,4.2vw,38px);line-height:1.08}.onboarding-options{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;width:min(680px,100%);margin:clamp(31px,5vh,51px) auto 0}.onboarding-options button{display:flex;min-height:70px;padding:15px 17px 15px 19px;justify-content:space-between;align-items:center;gap:12px;border:1px solid #a6b09a;border-radius:18px;background:#fbf9f2;color:var(--ink);text-align:left;box-shadow:0 5px 16px #102e2508;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.onboarding-options button strong{font-size:13px;font-weight:620}.onboarding-options button:hover{transform:translateY(-2px);background:#edf0e4;border-color:#777b6d;box-shadow:0 9px 22px #102e2510}.onboarding-options button:active{transform:translateY(1px)}.onboarding-options button.is-selected{border-color:var(--green);background:#e3e8d4;box-shadow:inset 0 0 0 1px var(--green),0 8px 22px #102e2510}.onboarding-option-mark{display:grid;flex:0 0 auto;width:25px;height:25px;place-items:center;border:1px solid #a6b09a;border-radius:50%;color:#777b6d;font-size:16px}.onboarding-options button.is-selected .onboarding-option-mark{border-color:var(--green);background:var(--green);color:#fbf9f2}.onboarding-question-actions{position:fixed;z-index:3;bottom:0;left:0;width:100%;padding:18px 24px 24px;background:linear-gradient(transparent,var(--paper) 30%);pointer-events:none}.onboarding-question-actions .onboarding-primary{display:flex;margin-inline:auto;pointer-events:auto}.onboarding-scale-wrap{width:min(580px,100%);margin:clamp(58px,10vh,100px) auto 0}.onboarding-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.onboarding-scale button{aspect-ratio:1;max-height:82px;border:1px solid #a6b09a;border-radius:18px;background:#fbf9f2;color:var(--ink);font-family:var(--font-serif);font-size:28px;transition:transform .18s,background .18s,border-color .18s}.onboarding-scale button:hover{transform:translateY(-2px);background:#edf0e4}.onboarding-scale button.is-selected{border-color:var(--green);background:var(--green);color:#fbf9f2;box-shadow:0 8px 18px #102e2528}.onboarding-scale-labels{display:flex;justify-content:space-between;margin-top:10px;color:#777b6d;font-size:10px}.onboarding-insight{display:flex;width:min(660px,100%);min-height:calc(100svh - 150px);margin:0 auto;padding:clamp(42px,6vh,70px) 0 28px;align-items:center;flex-direction:column;text-align:center}.onboarding-insight-mascot{display:block;width:min(300px,60vw);height:280px;margin:-20px auto 16px;object-fit:contain}.onboarding-insight h2{max-width:620px;font-size:clamp(38px,4vw,52px);line-height:1.04}.onboarding-insight>p{max-width:560px;margin:16px auto 28px;color:#173d30;font-family:var(--font-serif);font-size:16px;line-height:1.5}.onboarding-insight .onboarding-primary{margin-top:auto}.onboarding-taste-intro{display:flex;width:min(680px,100%);min-height:calc(100svh - 150px);margin:0 auto;padding:clamp(42px,7vh,76px) 0 28px;align-items:center;flex-direction:column;text-align:center}.onboarding-book-fan{position:relative;width:310px;height:245px;margin-bottom:24px}.onboarding-book-fan img{position:absolute;top:7px;left:83px;width:145px;height:218px;object-fit:cover;border-radius:5px 18px 18px 5px;box-shadow:0 18px 22px -12px #102e2555}.onboarding-book-fan img:first-child{transform:translateX(-62px) rotate(-11deg)}.onboarding-book-fan img:nth-child(2){z-index:2;transform:translateY(-8px)}.onboarding-book-fan img:last-child{transform:translateX(62px) rotate(11deg)}.onboarding-taste-intro h2{max-width:650px;font-size:clamp(52px,5.2vw,84px);line-height:1.03}.onboarding-taste-intro>p{max-width:540px;margin:20px auto 34px;color:#173d30;font-size:16px;line-height:1.6}.onboarding-book-taste{display:flex;width:min(720px,100%);min-height:calc(100svh - 150px);margin:0 auto;padding:clamp(30px,5vh,52px) 0 28px;align-items:center;flex-direction:column;text-align:center}.onboarding-taste-dots{display:flex;gap:7px;margin-bottom:18px}.onboarding-taste-dots span{width:24px;height:4px;border-radius:99px;background:#dfe4d4}.onboarding-taste-dots span.is-active{background:var(--green)}.onboarding-book-taste h2{max-width:620px;font-size:clamp(38px,4vw,52px);line-height:1.05}.onboarding-taste-card{display:grid;grid-template-columns:190px 1fr;gap:30px;width:min(590px,100%);margin:27px auto 24px;padding:22px;align-items:center;border-radius:18px;background:#e3e8d4;text-align:left}.onboarding-taste-card img{display:block;width:190px;height:285px;object-fit:cover;border-radius:5px 20px 20px 5px;box-shadow:0 20px 24px -13px #102e2566}.onboarding-taste-card h3{margin:0;font-family:var(--font-serif);font-size:38px;font-weight:520;line-height:1.04;letter-spacing:-.025em}.onboarding-taste-card p{margin:7px 0 0;color:#777b6d;font-size:13px}.onboarding-taste-card blockquote{margin:22px 0 0;font-family:var(--font-serif);font-size:16px;line-height:1.5}.onboarding-taste-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(510px,100%);margin-top:auto}.onboarding-taste-actions button{display:inline-flex;min-height:54px;padding:12px 18px;align-items:center;justify-content:center;gap:9px;border:1px solid #a6b09a;border-radius:99px;background:#fbf9f2;color:var(--ink);font-size:13px;font-weight:650;transition:transform .18s,background .18s,box-shadow .18s}.onboarding-taste-actions button:hover{transform:translateY(-2px);background:#edf0e4;box-shadow:0 7px 18px #102e2514}.onboarding-taste-actions button:active{transform:translateY(1px)}.onboarding-taste-actions button.is-like{border-color:#0d2b21;background:var(--green);color:#fbf9f2}.onboarding-analysis{display:flex;width:min(650px,100%);min-height:calc(100svh - 150px);margin:0 auto;padding:clamp(46px,8vh,86px) 0 28px;align-items:center;flex-direction:column;text-align:center}.onboarding-analysis h2{max-width:620px;font-size:clamp(52px,5vw,72px);line-height:1.04}.onboarding-analysis-stage{display:flex;min-height:58px;margin:25px auto 6px;align-items:center;justify-content:center}.onboarding-analysis-stage h3{max-width:460px;margin:0;text-wrap:balance;font-family:var(--font-serif);font-size:28px;font-weight:500;line-height:1.12;letter-spacing:-.02em}.onboarding-analysis-meter-copy{width:min(520px,100%);margin:9px auto 7px;color:var(--ink);font-size:13px;font-variant-numeric:tabular-nums;font-weight:650;text-align:right}.onboarding-analysis-meter{width:min(520px,100%);height:9px;margin:0 auto 23px;overflow:hidden;border:1px solid #cbd2bf;border-radius:99px;background:#dfe4d4}.onboarding-analysis-meter span{display:block;width:100%;height:100%;border-radius:inherit;background:var(--green);transform-origin:left;transition:transform .1s linear}.onboarding-analysis-list{width:min(520px,100%)}.onboarding-analysis-row{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:11px 0;align-items:center;border-bottom:1px solid #dfe4d4;text-align:left}.onboarding-analysis-row>span{display:grid;width:24px;height:24px;place-items:center;border:1px solid #a6b09a;border-radius:50%;color:#fbf9f2}.onboarding-analysis-row.is-complete>span{border-color:var(--green);background:var(--green)}.onboarding-analysis-row p{margin:0;color:#777b6d;font-size:13px}.onboarding-analysis-row.is-complete p{color:var(--ink)}.onboarding-analysis-alert-layer{position:fixed;z-index:10;inset:0;display:grid;padding:20px;place-items:center;background:#102e25b8;backdrop-filter:blur(4px);animation:onboarding-alert-backdrop .3s ease-out both}.onboarding-analysis-prompt{width:min(540px,100%);padding:28px;border:1px solid #a6b09a;border-radius:18px;background:#fbf9f2;box-shadow:0 20px 50px #102e2555;animation:onboarding-prompt .38s cubic-bezier(.16,1,.3,1) both}.onboarding-analysis-prompt>p{margin:0 0 17px;font-family:var(--font-serif);font-size:28px;line-height:1.2}.onboarding-analysis-prompt>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.onboarding-analysis-prompt button{min-height:43px;border:1px solid #a6b09a;border-radius:99px;background:var(--paper);color:var(--ink);font-size:13px;font-weight:650;transition:transform .18s,background .18s,box-shadow .18s}.onboarding-analysis-prompt button:hover{transform:translateY(-2px);background:#edf0e4;box-shadow:0 6px 14px #102e2512}.onboarding-analysis-prompt button:last-child{border-color:var(--green);background:var(--green);color:#fbf9f2}.onboarding-analysis-prompt button:last-child:hover{background:#174333}.onboarding-analysis-finishing{margin:34px 0 0;color:#777b6d;font-size:13px}.onboarding-analysis>.onboarding-primary{margin-top:34px}.onboarding-analysis.is-complete{justify-content:center}.onboarding-analysis.is-complete .onboarding-analysis-list{margin-top:38px}.onboarding-primary{display:inline-flex;min-width:230px;min-height:56px;padding:14px 25px;align-items:center;justify-content:center;gap:18px;border:1px solid #0d2b21;border-radius:99px;background:var(--green);color:#faf8ef;box-shadow:0 5px 15px #102e2538;font-size:13px;font-weight:650;transition:transform .18s,background .18s,box-shadow .18s,opacity .18s}.onboarding-primary:hover:not(:disabled){transform:translateY(-2px);background:#174333;box-shadow:0 8px 21px #102e2542}.onboarding-primary:active:not(:disabled){transform:translateY(1px);box-shadow:0 3px 10px #102e2530}.onboarding-primary:disabled{cursor:default;opacity:.34}.onboarding-result{display:flex;width:min(760px,100%);min-height:calc(100svh - 110px);margin:0 auto;padding:clamp(38px,5vh,62px) 0 24px;align-items:center;justify-content:center;flex-direction:column;text-align:center}.onboarding-result-copy{max-width:720px;margin:0 auto}.onboarding-complete-mark{display:grid;width:42px;height:42px;margin:0 auto 19px;place-items:center;border-radius:50%;background:var(--green);color:#fbf9f2}.onboarding-result h2{font-size:clamp(52px,5vw,84px);line-height:1.05}.onboarding-result-copy>p{max-width:650px;margin:20px auto 0;color:#173d30;font-size:13px;line-height:1.65}.onboarding-result>.onboarding-primary{margin-top:38px}.onboarding-signup{width:min(580px,100%);margin:25px auto 0;animation:onboarding-enter .35s cubic-bezier(.16,1,.3,1) both}.onboarding-signup h3{margin:0;font-family:var(--font-serif);font-size:28px;font-weight:500}.onboarding-signup>p{margin:8px 0 17px;color:#173d30;font-size:13px}@keyframes onboarding-enter{0%{opacity:0;transform:translateY(14px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes onboarding-banner{0%{opacity:0;transform:translate(-50%,-10px);filter:blur(2px)}to{opacity:1;transform:translate(-50%);filter:blur(0)}}@keyframes onboarding-prompt{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes onboarding-alert-backdrop{0%{opacity:0}to{opacity:1}}@media (max-width:900px){.onboarding-intro{display:block;min-height:0;padding-top:18px;text-align:center}.onboarding-intro-art{width:min(330px,60vw);margin:0 auto 4px}.onboarding-intro-copy>p{margin-inline:auto}}@media (max-width:700px){.onboarding-mascot-discovery{width:200px}.onboarding-mascot-complete{width:150px}.onboarding-shell{padding:15px 16px 26px}.onboarding-header{grid-template-columns:42px 1fr 42px}.onboarding-back{width:42px;padding:0;justify-content:center}.onboarding-back span{display:none}.onboarding-brand{justify-self:center;font-size:28px}.onboarding-brand img{width:28px;height:28px}.onboarding-progress-wrap{width:100%;margin-top:15px}.onboarding-intro{padding-top:15px}.onboarding-intro-art{width:min(275px,75vw)}.onboarding-intro h1{max-width:440px;margin-inline:auto;font-size:38px}.onboarding-feedback-banner{top:101px}.onboarding-question{min-height:calc(100svh - 135px);padding:32px 0 112px}.onboarding-question h2{font-size:clamp(28px,9vw,38px)}.onboarding-options{grid-template-columns:1fr;gap:8px;margin-top:27px}.onboarding-options button{min-height:59px;padding:11px 13px 11px 16px}.onboarding-options button strong{font-size:13px}.onboarding-question-actions{padding:16px 16px 19px}.onboarding-primary{width:100%;min-height:52px}.onboarding-scale-wrap{margin-top:52px}.onboarding-scale{gap:7px}.onboarding-scale button{border-radius:18px;font-size:16px}.onboarding-analysis,.onboarding-book-taste,.onboarding-insight,.onboarding-taste-intro{min-height:calc(100svh - 125px);padding-top:50px}.onboarding-insight-mascot{width:min(220px,62vw);height:210px;margin-top:-24px}.onboarding-insight h2{font-size:38px}.onboarding-analysis h2,.onboarding-taste-intro h2{font-size:52px}.onboarding-insight>p{font-size:16px}.onboarding-book-fan{width:250px;height:190px}.onboarding-book-fan img{left:71px;width:108px;height:162px}.onboarding-book-fan img:first-child{transform:translateX(-48px) rotate(-11deg)}.onboarding-book-fan img:last-child{transform:translateX(48px) rotate(11deg)}.onboarding-book-taste h2{font-size:38px}.onboarding-taste-card{grid-template-columns:116px 1fr;gap:17px;margin-top:21px;padding:15px}.onboarding-taste-card img{width:116px;height:174px;border-radius:4px 18px 18px 4px}.onboarding-taste-card h3{font-size:28px}.onboarding-taste-card blockquote{margin-top:13px;font-size:13px}.onboarding-taste-actions{gap:8px}.onboarding-taste-actions button{min-height:50px;padding-inline:11px}.onboarding-analysis-prompt{margin-top:24px;padding:17px}.onboarding-analysis-stage{margin-top:20px}.onboarding-result{padding-top:28px}.onboarding-result h2{font-size:52px}}@media (prefers-reduced-motion:reduce){.onboarding-analysis,.onboarding-analysis-alert-layer,.onboarding-analysis-prompt,.onboarding-book-taste,.onboarding-feedback-banner,.onboarding-insight,.onboarding-intro,.onboarding-question,.onboarding-result,.onboarding-signup,.onboarding-taste-intro{animation:none}.onboarding-feedback-banner{transform:translateX(-50%)}.onboarding-analysis-meter span,.onboarding-progress>span{transition:none}}