.ob-wrap{max-width:min(640px,100%);margin:0 auto;padding:20px 20px calc(56px + var(--safe-bottom, 0px));min-height:min(70vh,720px)}@media (min-width:700px){.ob-wrap{max-width:680px;padding:28px 28px 64px}}body[data-theme=login] .ob-wrap{padding-top:8px}body[data-theme=login] .login-hero{margin-bottom:20px!important;padding:12px 16px 4px}body[data-theme=login] .login-logo{width:96px;height:96px;font-size:3.4rem;margin-bottom:16px}.ob-progress{display:flex;gap:5px;margin-bottom:14px;padding:4px 0}.ob-progress span{flex:1;height:5px;border-radius:999px;background:var(--line,#e8eef2);transition:background .2s}.ob-progress span.on{background:linear-gradient(90deg,var(--accent),var(--accent2))}.ob-step-label{font-size:.78rem;color:var(--muted);margin-bottom:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ob-step-card{background:var(--card,#fff);border-radius:calc(var(--radius, 18px) + 4px);padding:28px 22px 26px;box-shadow:var(--shadow,0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.06));border:1px solid rgba(15,23,42,.04);margin-bottom:20px;min-height:280px;display:flex;flex-direction:column}@media (min-width:700px){.ob-step-card{padding:36px 36px 32px;min-height:320px}}.ob-title{font-size:clamp(1.65rem,5.5vw,2.15rem);font-weight:800;margin:0 0 14px;line-height:1.18;color:var(--ink);letter-spacing:-.03em}.ob-sub{color:var(--muted);font-size:1.08rem;line-height:1.55;margin:0 0 28px}.ob-field{margin-bottom:16px}.ob-field label{display:block;font-size:.82rem;color:var(--muted);margin-bottom:6px;font-weight:700}.ob-field input,.ob-field input[type=email],.ob-field input[type=number],.ob-field input[type=password],.ob-field input[type=text]{width:100%;padding:16px 18px!important;border-radius:14px!important;border:1.5px solid var(--line,#e8eef2)!important;font-size:1.2rem!important;min-height:54px;box-sizing:border-box;background:#fff;color:var(--ink)}.ob-field input:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-ring,rgba(13,148,136,.28))}.ob-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.ob-chip{padding:14px 18px;border-radius:999px;border:1.5px solid var(--line,#e8eef2);background:#fff;font-weight:700;font-size:1.05rem;min-height:52px;min-width:52px;cursor:pointer;transition:border-color .12s,background .12s,color .12s,box-shadow .12s;box-shadow:var(--shadow-sm,0 1px 3px rgba(15,23,42,.05))}.ob-chip:hover{border-color:color-mix(in srgb,var(--accent) 40%,#fff)}.ob-chip.selected{border-color:var(--accent);background:var(--accent-soft,#ccfbf1);color:var(--accent2,#0f766e);box-shadow:0 0 0 1px var(--accent)}.ob-choice{display:block;width:100%;text-align:left;padding:18px!important;border-radius:16px!important;border:1.5px solid var(--line,#e8eef2);background:#fff;margin-bottom:10px!important;cursor:pointer;transition:border-color .12s,box-shadow .12s,background .12s;box-shadow:var(--shadow-sm,0 1px 3px rgba(15,23,42,.05))}.ob-choice:hover{border-color:color-mix(in srgb,var(--accent) 45%,#fff)}.ob-choice.selected{border-color:var(--accent);background:var(--accent-soft,#f0fdfa);box-shadow:0 0 0 1px var(--accent)}.ob-choice .ob-choice-title{font-weight:800;font-size:1.08rem!important;color:var(--ink)}.ob-choice .ob-choice-desc{font-size:.88rem;color:var(--muted);margin-top:4px;line-height:1.4}.ob-avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.ob-avatar{font-size:1.9rem;padding:14px 0;border-radius:16px;border:1.5px solid var(--line,#e8eef2);background:#fff;cursor:pointer;min-height:64px;box-shadow:var(--shadow-sm,0 1px 3px rgba(15,23,42,.05));transition:border-color .12s,background .12s,transform .1s}.ob-avatar:active{transform:scale(.96)}.ob-avatar.selected{border-color:var(--accent);background:var(--accent-soft,#f0fdfa);box-shadow:0 0 0 1px var(--accent)}.ob-actions{display:flex;gap:12px;margin-top:auto;padding-top:28px}.ob-actions .btn,.ob-actions button.btn{flex:1;justify-content:center;padding:16px;border-radius:14px!important;min-height:54px;font-size:1.05rem!important;font-weight:800}.ob-actions .btn-soft{flex:0.55}.ob-error{background:var(--bad-soft,#fee2e2);color:#b91c1c;padding:12px 14px;border-radius:12px;font-size:.9rem;margin-bottom:14px;line-height:1.45;border:1px solid #fecaca}.ob-skill-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.ob-skill-row .lbl{width:76px;font-size:.88rem;font-weight:800}.ob-bar{flex:1;height:12px;background:var(--line,#e8eef2);overflow:hidden}.ob-bar,.ob-bar i{border-radius:999px}.ob-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2,#14b8a6));transition:width .6s ease}.ob-bar-val{width:40px;text-align:right;font-size:.82rem;font-weight:800;color:var(--muted)}.ob-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.ob-stat{background:var(--accent-soft,#f0fdfa);border-radius:16px;padding:16px 12px;text-align:center;border:1px solid color-mix(in srgb,var(--accent) 18%,#fff)}.ob-stat .n{font-size:1.5rem;font-weight:800;color:var(--accent)}.ob-stat .l{font-size:.75rem;color:var(--muted);margin-top:4px;font-weight:600}.ob-day1{list-style:none;padding:0;margin:0 0 14px}.ob-day1 li{display:flex;gap:10px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line,#f1f5f9);font-size:.95rem}.ob-building{text-align:center;padding:36px 16px}.ob-building .spin{font-size:2.75rem;margin-bottom:14px}.ob-insight{background:var(--accent-soft,#f0fdfa);border:1px solid color-mix(in srgb,var(--accent) 30%,#fff);border-radius:14px;padding:12px 14px;font-size:.9rem;line-height:1.5;margin-bottom:10px;color:var(--accent2,#134e4a)}.ob-badge{display:inline-block;padding:6px 12px;border-radius:999px;background:var(--accent-soft,#ecfeff);color:var(--accent);font-size:.78rem;font-weight:800;margin-right:6px;margin-bottom:6px}