.pf-onb{flex-direction:column;gap:22px;max-width:780px;min-height:calc(100vh - 260px);margin:0 auto;padding:8px 0 24px;display:flex;position:relative}.pf-onb-top{flex-direction:column;gap:10px;display:flex}.pf-onb-progress{background:var(--line);border-radius:6px;height:6px;overflow:hidden}.pf-onb-progress span{border-radius:inherit;background:var(--accent-grad);height:100%;transition:width .6s cubic-bezier(.3,1.2,.5,1);display:block}[data-theme=dark] .pf-onb-progress span{box-shadow:0 0 14px #ff2e7ecc}.pf-onb-count{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);justify-content:space-between;font-size:12.5px;font-weight:800;display:flex}.pf-onb-optional{color:var(--accent-text)}.pf-onb-step{animation:pf-onb-in .5s var(--ease) both;flex-direction:column;gap:14px;display:flex}.pf-onb-step.back{animation-name:pf-onb-back}@keyframes pf-onb-in{0%{opacity:0;transform:translate(40px)}}@keyframes pf-onb-back{0%{opacity:0;transform:translate(-40px)}}.pf-onb h1{letter-spacing:-.05em;outline:none;font-size:clamp(38px,6vw,64px)}.pf-onb .eyebrow{margin-bottom:0}.pf-onb-lead{color:var(--muted);max-width:560px;font-size:17px}.pf-onb-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.pf-onb-cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.pf-onb-card{background:var(--surface);min-height:180px;color:var(--ink);box-shadow:var(--shadow-card), inset 0 0 0 1.5px var(--line);transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .3s;border:0;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:22px 14px;font-size:18px;display:flex;position:relative}.pf-onb-card b{letter-spacing:-.02em}.pf-onb-card:hover{box-shadow:var(--shadow-float), inset 0 0 0 1.5px var(--line-strong);transform:translateY(-3px)}.pf-onb-card:active{transform:scale(.97)}.pf-onb-card[aria-checked=true],.pf-onb-card[aria-pressed=true]{background:var(--accent-soft);box-shadow:var(--shadow-float), inset 0 0 0 2.5px var(--accent)}[data-theme=dark] .pf-onb-card{background:var(--surface-glass);box-shadow:inset 0 0 0 1px var(--line)}[data-theme=dark] .pf-onb-card[aria-checked=true],[data-theme=dark] .pf-onb-card[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--accent), 0 0 40px -10px #ff2e7ecc;background:linear-gradient(140deg,#ff2e7e38,#6d2cff29)}.pf-onb-icon{background:var(--accent-soft);width:64px;height:64px;color:var(--accent-text);border-radius:50%;place-items:center;transition:transform .4s cubic-bezier(.3,1.6,.5,1),background .3s,color .3s;display:grid}.pf-onb-card[aria-checked=true] .pf-onb-icon,.pf-onb-card[aria-pressed=true] .pf-onb-icon{background:var(--accent-grad);color:#fff;transform:scale(1.12)rotate(-6deg)}.pf-onb-check{color:var(--accent-text);animation:pf-pop .35s var(--ease);position:absolute;top:14px;right:14px}.pf-onb-card.wide{border-radius:22px;flex-direction:row;justify-content:flex-start;gap:16px;min-height:88px;padding:16px 20px;font-size:17px}.pf-onb-card.wide .pf-onb-icon{width:50px;height:50px}.pf-onb-tick{width:28px;height:28px;box-shadow:inset 0 0 0 2px var(--line-strong);color:#0000;border-radius:50%;place-items:center;margin-left:auto;transition:background .25s,color .25s,box-shadow .25s;display:grid}.pf-onb-card[aria-pressed=true] .pf-onb-tick{background:var(--accent);color:#fff;box-shadow:none}.pf-onb-age{background:var(--surface);box-shadow:var(--shadow-card);border-radius:26px;margin-top:18px;padding:28px 28px 20px}[data-theme=dark] .pf-onb-age{background:var(--surface-glass);border:1px solid var(--line);box-shadow:none}.pf-onb-age output{justify-content:center;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.pf-onb-age output b{letter-spacing:-.05em;font-variant-numeric:tabular-nums;background:var(--accent-grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(48px,9vw,76px);font-weight:800}.pf-onb-age output span{color:var(--muted);font-size:18px;font-weight:700}.pf-onb-age .pf-range{--thumb:30px;height:40px}.pf-onb-age .pf-range input[type=range]::-webkit-slider-thumb{margin-top:5px}.pf-onb-age-scale{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:12.5px;font-weight:700;display:flex}.pf-onb-guess{background:var(--accent-soft);color:var(--accent-text);animation:pf-pop .4s var(--ease);border-radius:99px;align-self:flex-start;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:700;display:inline-flex}.pf-onb-fields{grid-template-columns:1fr 1fr;gap:14px;margin-top:6px;display:grid}.pf-onb-fields input{min-height:58px;font-size:17px;font-weight:650}.pf-onb-goals{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.pf-onb-goal{background:var(--surface);color:var(--ink);text-align:left;box-shadow:var(--shadow-card), inset 0 0 0 1.5px var(--line);transition:transform .25s var(--ease), box-shadow .25s, background .25s;border:0;border-radius:20px;align-items:center;gap:14px;padding:16px 18px;display:flex}.pf-onb-goal .pf-onb-icon{flex-shrink:0;width:46px;height:46px}.pf-onb-goal b{font-size:15.5px;display:block}.pf-onb-goal small{color:var(--muted);font-size:13px;font-weight:500;display:block}.pf-onb-goal:hover{transform:translateY(-2px)}.pf-onb-goal[aria-checked=true]{background:var(--accent-soft);box-shadow:var(--shadow-float), inset 0 0 0 2.5px var(--accent)}.pf-onb-goal[aria-checked=true] .pf-onb-icon{background:var(--accent-grad);color:#fff;transform:scale(1.08)}[data-theme=dark] .pf-onb-goal{background:var(--surface-glass);box-shadow:inset 0 0 0 1px var(--line)}[data-theme=dark] .pf-onb-goal[aria-checked=true]{box-shadow:inset 0 0 0 1.5px var(--accent), 0 0 30px -10px #ff2e7ecc;background:linear-gradient(140deg,#ff2e7e33,#6d2cff24)}.pf-onb-extras{background:var(--surface);box-shadow:var(--shadow-card);border-radius:26px;flex-direction:column;gap:20px;margin-top:8px;padding:24px;display:flex}[data-theme=dark] .pf-onb-extras{background:var(--surface-glass);border:1px solid var(--line);box-shadow:none}.pf-onb-extras .pf-field{flex-direction:column;gap:10px;display:flex}.pf-onb-extras .pf-field-label{color:var(--ink-2);font-size:14px;font-weight:600}.pf-onb-extras .pf-field-label small{color:var(--muted);margin-left:4px}.pf-onb-extras .pf-label-row{justify-content:space-between;gap:8px;display:flex}.pf-onb-extras .pf-chip:disabled{opacity:.45}.pf-onb-upload{border:2px dashed var(--line-strong);color:var(--ink);cursor:pointer;border-radius:18px;flex-direction:row;align-items:center;gap:14px;padding:16px 18px;transition:border-color .2s,background .2s;position:relative}.pf-onb-upload:hover{border-color:var(--accent);background:var(--accent-soft)}.pf-onb-upload>svg{color:var(--accent-text)}.pf-onb-upload b{display:block}.pf-onb-upload small{color:var(--muted);font-weight:500;display:block}.pf-onb-upload input{opacity:0;cursor:pointer;min-height:0;position:absolute;inset:0}.pf-onb-upload.is-busy{pointer-events:none;opacity:.7}.pf-onb-photo-done{background:var(--success-soft);color:var(--success);border-radius:16px;align-items:center;gap:8px;padding:14px 16px;font-weight:700;display:flex}.pf-onb-nav{z-index:5;background:var(--surface-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-float);border:1px solid var(--line);border-radius:24px;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:10px;display:flex;position:sticky;bottom:16px}[data-theme=light] .pf-onb-nav{background:#fffdf9e0}.pf-onb-nav .button{min-width:140px}.pf-onb-finish{align-items:center;gap:16px;display:flex}.pf-onb-done{text-align:center;justify-content:center;align-items:center;gap:18px;padding-top:40px}.pf-onb-done .pf-onb-lead{margin:0 auto}.pf-onb-cta{min-width:240px;margin-top:8px}.pf-onb-burst{width:120px;height:120px;color:var(--like);margin-bottom:8px;position:relative}.pf-onb-burst:before{content:"";background:var(--accent-grad);box-shadow:0 0 0 10px var(--accent-soft), 0 20px 50px -10px #c65b4f80;animation:pf-pop .6s var(--ease);border-radius:50%;position:absolute;inset:22px}.pf-onb-burst svg{opacity:0;animation:pf-burst 1.4s var(--ease) forwards;animation-delay:calc(var(--k) * 40ms);margin:-10px;position:absolute;top:50%;left:50%}@keyframes pf-burst{0%{opacity:0;transform:rotate(calc(var(--k) * 30deg)) translateY(0) scale(.4)}30%{opacity:1}to{opacity:0;transform:rotate(calc(var(--k) * 30deg)) translateY(-90px) scale(1)}}@media (max-width:720px){.pf-onb{gap:18px;min-height:calc(100vh - 220px)}.pf-onb h1{font-size:38px}.pf-onb-lead{font-size:15.5px}.pf-onb-cards.three{grid-template-columns:1fr}.pf-onb-cards.three .pf-onb-card{flex-direction:row;justify-content:flex-start;gap:16px;min-height:84px;padding:14px 18px}.pf-onb-cards.three .pf-onb-icon{width:52px;height:52px}.pf-onb-cards.three .pf-onb-check{margin-top:-9px;top:50%}.pf-onb-cards{grid-template-columns:1fr;gap:10px}.pf-onb-card.wide{min-height:72px}.pf-onb-fields,.pf-onb-goals{grid-template-columns:1fr}.pf-onb-age{padding:22px 18px 16px}.pf-onb-extras{padding:18px}.pf-onb-nav{padding:8px;bottom:94px}.pf-onb-nav .button{min-width:0;padding-left:20px;padding-right:20px}.pf-onb-finish{gap:10px}}@media (prefers-reduced-motion:reduce){.pf-onb-step,.pf-onb-burst svg,.pf-onb-burst:before,.pf-onb-check,.pf-onb-guess{animation:none!important}.pf-onb-burst svg{opacity:0}.pf-onb-progress span,.pf-onb-icon{transition:none}}