:root{--ob-blue:#00a1e8;--ob-blue-hover:#0090d4;--ob-blue-tint:#f0f9fe;--ob-dark:#1e1e1e;--ob-muted:#525a68;--ob-desc:#3f4855;--ob-surface:#f8f8f8;--ob-border:#ececec;--ob-font:var(--font-body,"PT Root UI",system-ui,sans-serif)}.ob-progress{background:var(--ob-surface);border-radius:999px;height:4px;margin:24px 0 14px;overflow:hidden;width:100%}@media(min-width:640px){.ob-progress{margin-top:32px}}.ob-progress__bar{background:var(--ob-blue);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.ob-stepmeta{color:var(--ob-muted);font-family:var(--ob-font);font-size:13px;letter-spacing:.01em;margin:0 0 20px;text-align:center}.ob-steps{position:relative}.ob-block,.ob-step{align-items:center;display:flex;flex-direction:column;gap:20px;text-align:center}.ob-illus{max-height:160px;max-width:180px;-o-object-fit:contain;object-fit:contain}.ob-title{color:var(--ob-dark);font-size:clamp(22px,4vw,30px);font-weight:700;line-height:1.2;margin:0;text-align:center}.ob-subtitle,.ob-title{font-family:var(--ob-font);letter-spacing:.01em}.ob-subtitle{color:var(--ob-muted);font-size:14px;line-height:1.5;margin:-6px 0 0;max-width:360px}.ob-bonus{color:var(--ob-blue);font-weight:600}.ob-missions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:2px 0;width:100%}.ob-missions__item{align-items:center;display:flex;flex:1;flex-direction:column;gap:8px;max-width:120px;min-width:88px}.ob-missions__icon{align-items:center;background:var(--ob-blue-tint);border-radius:12px;color:var(--ob-blue);display:inline-flex;height:48px;justify-content:center;width:48px}.ob-missions__label{color:var(--ob-dark);font-family:var(--ob-font);font-size:12px;font-weight:500;line-height:1.3}.ob-grid{display:grid;gap:10px;grid-template-columns:repeat(var(--ob-cols,2),1fr);width:100%}.ob-grid__item{align-items:center;background:#fff;border:1.5px solid var(--ob-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px 10px;text-align:center;transition:border-color .15s,background .15s,transform .12s}.ob-grid__item:hover{border-color:#d6d6d6}.ob-grid__item:active{transform:scale(.97)}.ob-grid__item--active{background:var(--ob-blue-tint);border-color:var(--ob-blue)}.ob-grid__icon{align-items:center;background:var(--ob-blue-tint);border-radius:10px;color:var(--ob-blue);display:inline-flex;height:44px;justify-content:center;width:44px}.ob-grid__item--active .ob-grid__icon{background:#fff}.ob-grid__label{color:var(--ob-dark);font-family:var(--ob-font);font-size:14px;font-weight:600;line-height:1.2}.ob-grid__desc{line-height:1.3}.ob-grid__desc,.ob-section-label{color:var(--ob-desc);font-family:var(--ob-font);font-size:12px}.ob-section-label{align-self:center;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ob-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.ob-pill{background:#fff;border:1.5px solid var(--ob-border);border-radius:999px;color:var(--ob-dark);cursor:pointer;font-family:var(--ob-font);font-size:14px;font-weight:500;padding:10px 18px;transition:border-color .15s,background .15s,color .15s,transform .12s}.ob-pill:hover{border-color:#d6d6d6}.ob-pill:active{transform:scale(.96)}.ob-pill--active{background:var(--ob-blue-tint);border-color:var(--ob-blue);color:var(--ob-blue);font-weight:600}.ob-toggle-row{align-items:center;background:#fff;border:1.5px solid var(--ob-border);border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:14px 16px;width:100%}.ob-toggle-row__label{color:var(--ob-dark);font-family:var(--ob-font);font-size:14px;font-weight:600;text-align:left}.ob-toggle-row__desc{color:var(--ob-desc);font-family:var(--ob-font);font-size:12px;line-height:1.3;margin-top:2px;text-align:left}.ob-switch{background:#dcdcdc;border:none;border-radius:999px;cursor:pointer;flex-shrink:0;height:28px;position:relative;transition:background .15s;width:46px}.ob-switch--on{background:var(--ob-blue)}.ob-switch__knob{background:#fff;border-radius:50%;box-shadow:0 1px 2px #0000002e;height:22px;left:3px;position:absolute;top:3px;transition:transform .15s;width:22px}.ob-switch--on .ob-switch__knob{transform:translate(18px)}.ob-skip{background:none;border:none;color:var(--ob-muted);cursor:pointer;display:block;font-family:var(--ob-font);font-size:14px;letter-spacing:.01em;margin:20px auto 0;padding:4px 12px;transition:color .15s}.ob-skip:hover{color:var(--ob-dark)}.ob-step--done{gap:14px}.ob-celebrate{align-items:center;display:flex;height:80px;justify-content:center;position:relative;width:80px}.ob-celebrate__emoji{animation:ob-pop .5s cubic-bezier(.34,1.56,.64,1) both;font-size:44px}.ob-celebrate__ring{animation:ob-ring 1.2s ease-out forwards;border:2px solid var(--ob-blue);border-radius:50%;inset:0;opacity:0;position:absolute}.ob-celebrate__ring--2{animation-delay:.15s}.ob-celebrate__ring--3{animation-delay:.3s}@keyframes ob-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes ob-ring{0%{opacity:.6;transform:scale(.5)}to{opacity:0;transform:scale(1.6)}}.ob-preview{margin-top:4px;width:100%}.ob-preview__row{display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.ob-preview__card{text-decoration:none;transition:transform .15s}.ob-preview__card:hover{transform:translateY(-2px)}.ob-preview__cover{aspect-ratio:2/3;background:var(--ob-surface);border-radius:8px;-o-object-fit:cover;object-fit:cover;width:100%}.ob-preview__cover--ph{display:block}.ob-fade-enter-active,.ob-fade-leave-active{transition:opacity .18s ease,transform .18s ease}.ob-fade-enter-from{opacity:0;transform:translateY(8px)}.ob-fade-leave-to{opacity:0;transform:translateY(-8px)}.ob-loading{align-items:center;display:flex;justify-content:center;min-height:240px}.ob-spinner{animation:ob-spin .8s linear infinite;border:3px solid var(--ob-surface);border-radius:50%;border-top-color:var(--ob-blue);height:28px;width:28px}@keyframes ob-spin{to{transform:rotate(1turn)}}.ob-block em,.ob-step em{font-style:normal}