.onboarding-page{background:#ececf2}.ob-header{height:56px;flex-shrink:0;position:relative;padding:0 16px}.ob-back-btn,.ob-header{display:flex;align-items:center;justify-content:center}.ob-back-btn{position:absolute;left:16px;width:40px;height:40px;background:transparent;border:none;cursor:pointer;color:var(--gray-01);transition:opacity var(--transition-fast);-webkit-tap-highlight-color:transparent}.ob-back-btn:hover{opacity:.7}.ob-content{flex:1 1;padding:32px 24px 100px;overflow-y:auto;-webkit-overflow-scrolling:touch}.ob-title{margin-bottom:40px}.ob-title h1{font-size:20px;font-weight:500;color:#000;line-height:1.5;margin:0;letter-spacing:-.02em}.ob-title h1 strong{font-weight:700}.ob-fields{display:flex;flex-direction:column;gap:32px}.ob-section{display:none;opacity:0;transition:opacity .3s ease,transform .4s ease}.ob-section.active{display:block;opacity:1;animation:obSlideIn .4s ease forwards}.ob-section.completed{display:block;opacity:1;pointer-events:none;animation:obSlideDown .4s ease forwards}@keyframes obSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes obSlideDown{0%{transform:translateY(-20px)}to{transform:translateY(0)}}.ob-label{font-size:14px;font-weight:500;color:#7f8b9a;margin-bottom:10px}.ob-btn-row{display:flex;gap:8px}.ob-btn{flex:1 1;height:48px;border:none;border-radius:4px;background:#f2f3f4;font-size:15px;font-weight:500;color:#3d414b;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.ob-btn.active{background:#1c2028;color:white}.ob-section.completed .ob-btn:not(.active){opacity:.4}.ob-date-field{flex:1 1;min-width:0;display:flex;align-items:center;gap:2px}.ob-date-input{flex:1 1;min-width:0;height:48px;border:none;border-radius:4px;background:#f2f3f4;font-size:16px;font-weight:500;color:#3d414b;text-align:center;outline:none;transition:all var(--transition-fast);-webkit-appearance:none}.ob-date-suffix{font-size:14px;font-weight:500;color:#6b7280;flex-shrink:0}.ob-date-input::placeholder{color:#bcc3d3}.ob-date-input:focus{background:#fff;box-shadow:0 0 0 2px #1c2028}.ob-calendar-row{display:flex;gap:8px;margin-top:12px}.ob-cal-btn{flex:1 1;height:40px;border:1px solid #e4e9f4;border-radius:4px;background:#fff;font-size:13px;font-weight:500;color:#7f8b9a;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.ob-cal-btn.active{border-color:#1c2028;color:#1c2028;background:#f2f3f4}.ob-time-row{display:flex;gap:8px;align-items:center}.ob-time-period{flex-shrink:0;width:56px;height:48px;border:none;border-radius:4px;background:#f2f3f4;font-size:14px;font-weight:500;color:#3d414b;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.ob-time-period.active{background:#1c2028;color:white}.ob-time-period:disabled{opacity:.4;cursor:not-allowed}.ob-time-input{flex:1 1;min-width:0;height:48px;border:none;border-radius:4px;background:#f2f3f4;font-size:16px;font-weight:500;color:#3d414b;text-align:center;outline:none;transition:all var(--transition-fast);-webkit-appearance:none}.ob-time-input::placeholder{color:#bcc3d3}.ob-time-input:focus{background:#fff;box-shadow:0 0 0 2px #1c2028}.ob-time-input.error{border:2px solid var(--color-error);background:#fff5f5}.ob-time-input:disabled{opacity:.4;cursor:not-allowed}.ob-time-sep{font-size:18px;color:#7f8b9a;font-weight:600}.ob-time-error{font-size:12px;color:var(--color-error);margin-top:8px;animation:fadeIn .3s ease}.ob-time-unknown{margin-top:14px;display:flex;align-items:center;gap:8px}.ob-time-unknown input[type=checkbox]{width:18px;height:18px;border:2px solid #7f8b9a;border-radius:4px;accent-color:#1c2028;cursor:pointer}.ob-time-unknown label{font-size:14px;color:#7f8b9a;font-weight:500;cursor:pointer}.ob-consent{display:flex;gap:10px;margin-top:18px;padding:14px;border:1px solid #dfe4ee;border-radius:10px;background:rgba(255,255,255,.58);transition:border-color var(--transition-fast),background var(--transition-fast)}.ob-consent.active{border-color:#1c2028;background:#fff}.ob-consent input[type=checkbox]{flex:0 0 auto;width:18px;height:18px;margin-top:1px;border:2px solid #7f8b9a;border-radius:4px;accent-color:#1c2028;cursor:pointer}.ob-consent label{display:grid;grid-gap:4px;gap:4px;cursor:pointer}.ob-consent-title{color:#3d414b;font-size:13px;font-weight:700;line-height:1.35;letter-spacing:0}.ob-consent-desc{color:#7f8b9a;font-size:11.5px;font-weight:400;line-height:1.45;letter-spacing:0;word-break:keep-all}.ob-bottom{flex-shrink:0;width:100%;padding:16px 20px max(16px,env(safe-area-inset-bottom))}.ob-cta{width:100%;height:56px;background:#e9ebf4;color:#bcc3d3;border:none;border-radius:16px;font-size:17px;font-weight:700;cursor:not-allowed;letter-spacing:-.02em;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.ob-cta.active{background:#1b2029;color:white;cursor:pointer}.ob-cta.active:disabled,.ob-cta:disabled{cursor:wait;opacity:.72;transform:none}.ob-cta.active:hover{background:#2a2f3a;transform:translateY(-1px)}.ob-cta.active:active{transform:translateY(0);background:#1c2028}@media (min-width:431px){.ob-header{height:64px}.ob-title h1{font-size:22px}.ob-btn,.ob-date-input{height:52px;font-size:16px}.ob-time-period{width:60px;height:52px}.ob-time-input{height:52px;font-size:16px}.ob-cta{height:60px;font-size:18px}}@media (max-height:680px){.ob-content{padding-top:20px;padding-bottom:80px}.ob-title{margin-bottom:28px}.ob-title h1{font-size:18px}.ob-fields{gap:24px}.ob-btn,.ob-date-input,.ob-time-input,.ob-time-period{height:44px}}.ob-transition{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#ececf2;z-index:99999;display:none;flex-direction:column;align-items:center;border-radius:24px}.ob-transition.active{display:flex}.ob-transition-content{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;padding:0 40px;opacity:0;transform:translateY(20px)}.ob-transition.active .ob-transition-content{animation:fadeInUp .6s cubic-bezier(.22,1,.36,1) .1s forwards}.ob-transition-illust{position:relative;width:120px;height:120px;margin-bottom:40px}.ob-transition-receipt{width:100%;height:100%;object-fit:contain;animation:logoPulse 2s ease-in-out infinite}.ob-transition-coins{position:absolute;width:48px;height:48px;right:-8px;bottom:-4px;object-fit:contain}.ob-transition-text{font-size:20px;font-weight:700;color:#000;letter-spacing:-.02em;margin-bottom:8px}.ob-transition-subtext{font-size:14px;font-weight:500;color:#7f8b9a;opacity:0;animation:obFadeInUpDelayed .5s cubic-bezier(.22,1,.36,1) .4s forwards}@keyframes obFadeInUpDelayed{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ob-progress-container{width:100%;max-width:280px;height:6px;background:#f2f3f4;border-radius:3px;margin-top:28px;overflow:hidden}.ob-progress-bar{height:100%;width:0;background:#ff7b1a;border-radius:3px;transition:width var(--transition-normal) ease-out}