.ob-wrap{width:100%;max-width:40rem;padding:var(--space-8) var(--space-5) var(--space-16);margin:0 auto}@media (min-width:640px){.ob-wrap{padding:var(--space-10) var(--space-6) var(--space-20)}}.ob-progress{margin-bottom:var(--space-10)}.ob-progress__row{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.ob-progress__chapter{align-items:baseline;gap:var(--space-3);display:flex}.ob-progress__name{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-strong)}.ob-progress__count{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--text-muted);text-align:right;flex:none}.ob-progress__count--promise{display:none}@media (min-width:560px){.ob-progress__count--promise{display:inline}}.ob-progress__track{border-radius:var(--radius-pill);background:var(--border-soft);height:3px;overflow:hidden}.ob-progress__fill{border-radius:var(--radius-pill);background:var(--grad-twilight);height:100%;transition:width var(--dur-slow) var(--ease-out)}.ob-screen{min-height:22rem}.ob-title{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--fw-bold);line-height:var(--leading-snug);color:var(--text-strong);max-width:26ch}@media (min-width:768px){.ob-title{font-size:var(--text-lg)}}.ob-hint{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal);max-width:54ch}.ob-choices{margin-top:var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.ob-choice{text-align:left;cursor:pointer;background:var(--surface-card);border:1px solid var(--border-soft);border-radius:var(--radius-md);width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);box-shadow:var(--shadow-xs);transition:border-color var(--dur-fast) var(--ease-soft), transform var(--dur-fast) var(--ease-soft), box-shadow var(--dur-fast) var(--ease-soft);border-left:3px solid #0000;display:block}.ob-choice:hover{border-color:var(--primary);border-left-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.ob-choice:focus-visible{box-shadow:var(--focus-ring);outline:none}.ob-choice.is-selected{border-color:var(--primary);border-left-color:var(--primary);background:var(--primary-soft)}.ob-choice__label{font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--text-strong);display:block}.ob-choice__hint{color:var(--text-muted);font-size:.8125rem;line-height:var(--leading-normal);margin-top:2px;display:block}.ob-assure{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--text-faint);font-style:italic}.ob-inter{margin-top:var(--space-2)}.ob-inter__body{padding:var(--space-8) var(--space-6);position:relative}@media (min-width:768px){.ob-inter__body{padding:var(--space-10) var(--space-8)}}.ob-inter--art{display:grid}.ob-inter__art{--ob-art-fade:linear-gradient(to bottom, #000 38%, transparent 100%);height:9rem;-webkit-mask-image:var(--ob-art-fade);-webkit-mask-image:var(--ob-art-fade);mask-image:var(--ob-art-fade);position:relative}.ob-inter__art img{object-position:center 42%}@media (min-width:768px){.ob-inter--art{grid-template-columns:14rem minmax(0,1fr);align-items:stretch}.ob-inter__art{--ob-art-fade:linear-gradient(to right, #000 45%, transparent 100%);height:auto}}.ob-inter__eyebrow{color:var(--periwinkle)}.ob-inter__title{margin-top:var(--space-3);font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--fw-bold);line-height:var(--leading-snug);color:var(--text-on-night);max-width:28ch}@media (min-width:768px){.ob-inter__title{font-size:var(--text-lg)}}.ob-inter__quote{margin-top:var(--space-4);padding-left:var(--space-4);border-left:2px solid var(--periwinkle);font-family:var(--font-display);font-style:italic;font-size:var(--text-base);color:var(--star);line-height:var(--leading-snug)}.ob-inter__echo{margin-top:var(--space-5);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-on-night);max-width:56ch}.ob-inter__text{margin-top:var(--space-4);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-on-night-muted);max-width:62ch}.ob-form{margin-top:var(--space-6);gap:var(--space-5);flex-direction:column;max-width:30rem;display:flex}.ob-optional{color:var(--text-faint);font-weight:var(--fw-regular)}.ob-nav{margin-top:var(--space-8);align-items:center;gap:var(--space-6);display:flex}.ob-back{cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);color:var(--text-faint);transition:color var(--dur-fast) var(--ease-soft);background:0 0;border:0}.ob-back:hover{color:var(--text-body)}.ob-actionbar{z-index:40;background:var(--bg-page);border-top:1px solid var(--border-soft);padding:var(--space-4) var(--space-5) calc(var(--space-4) + env(safe-area-inset-bottom));justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:640px){.ob-actionbar{padding-left:var(--space-6);padding-right:var(--space-6)}}.ob-actionbar__inner{align-items:stretch;gap:var(--space-2);flex-direction:column;width:100%;max-width:40rem;display:flex}.ob-actionbar__note{text-align:center;margin-top:0}.ob-actionbar .ob-back{margin-top:var(--space-1);align-self:center}.ob-reassure{margin-top:var(--space-2);text-align:right;color:var(--text-muted)}.ob-reveal__num{width:84px;height:84px;margin:var(--space-4) 0;background:var(--accent);color:#fff;font-family:var(--font-display);font-size:44px;font-weight:var(--fw-bold);border-radius:50%;place-items:center;display:grid}.ob-reveal__num--soul{border:2px solid var(--accent);color:var(--accent);background:0 0}.ob-gender{grid-template-columns:1fr 1fr;gap:.625rem;display:grid}.ob-gender__opt{text-align:center}.ob-gender__opt .ob-choice__label{display:block}.ob-dob{grid-template-columns:1fr 1fr 1.4fr;gap:.625rem;display:grid}