.ob-root{--purple:var(--accent);--purple-soft:var(--accent-soft);--info:var(--accent);--info-soft:var(--accent-soft);background:var(--bg);min-height:100vh;position:relative;overflow-x:hidden}.ob-glow{display:none}.ob-topbar{z-index:2;border-bottom:1.5px solid var(--line-strong);background:var(--bg);justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;position:relative}.ob-skip-top{color:var(--muted);align-items:center;gap:5px;font-size:13px;font-weight:600;transition:color .12s;display:inline-flex}.ob-skip-top:hover{color:var(--fg)}.ob-stepper-wrap{z-index:2;padding:28px 0 22px;position:relative}.ob-stepper{justify-content:center;align-items:center;display:flex}.ob-step{background:0 0;align-items:center;gap:9px;padding:0 4px;display:flex}.ob-step-n{border-radius:var(--radius-pill);border:1.5px solid #0000;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.ob-step-active{background:var(--accent);color:var(--accent-ink);border-color:var(--line-strong);box-shadow:var(--shadow-slab-sm)}.ob-step-done{background:var(--pos);color:var(--pos-ink)}.ob-step-upcoming{background:var(--bg);color:var(--muted);border-color:var(--line-strong)}.ob-step-l{color:var(--muted);font-size:13px;font-weight:600}.ob-step-l.on{color:var(--fg);font-weight:700}.ob-step-line{background:var(--bg-3);border-radius:var(--radius-pill);width:46px;height:2px;margin:0 4px;transition:background .2s}.ob-step-line.on{background:var(--pos)}.ob-content{z-index:2;max-width:620px;margin:0 auto;padding:10px 24px 90px;position:relative}.ob-icon{border-radius:var(--radius);width:56px;height:56px;color:var(--accent-ink);border:1.5px solid var(--line-strong);box-shadow:var(--shadow-slab-sm);justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex}.ob-icon-accent{background:var(--accent)}.ob-icon-pos{background:var(--pos);color:var(--pos-ink)}.ob-icon-info{background:var(--info)}.ob-icon-purple{background:var(--purple)}.ob-pulse{animation:1.9s ease-in-out infinite ob-breathe}@keyframes ob-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.ob-pulse{animation:none}}.ob-h{letter-spacing:-.022em;color:var(--fg);margin:0;font-size:28px;font-weight:700;line-height:1.12}.ob-sub{color:var(--muted);max-width:46ch;margin:11px auto 0;font-size:15px;line-height:1.55}.ob-form{padding:20px}.ob-field{margin-bottom:16px}.ob-label{color:var(--fg);margin-bottom:7px;font-size:12.5px;font-weight:700;display:block}.ob-input{background:var(--bg-card);border:1.5px solid var(--line-strong);border-radius:var(--radius-pill);width:100%;height:44px;color:var(--fg);box-shadow:var(--shadow-slab-sm);outline:none;padding:0 16px;font-size:14px;font-weight:500;transition:border-color .15s,box-shadow .15s}.ob-input::placeholder{color:var(--muted-2);font-weight:500}.ob-input:focus{border-color:var(--accent);box-shadow:2px 2px 0 var(--accent)}.ob-input-wrap{position:relative}.ob-input-icon{color:var(--muted);display:inline-flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.ob-input-pl{padding-left:38px}.ob-select-wrap{position:relative}.ob-select{appearance:none;cursor:pointer;padding-right:34px}.ob-select-caret{color:var(--muted);pointer-events:none;display:inline-flex;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.ob-textarea{resize:vertical;border-radius:var(--radius);height:auto;padding:11px 14px;font-family:inherit;font-size:13px;line-height:1.55}.ob-help{color:var(--muted);margin-top:7px;font-size:12px}.ob-cta{border-radius:var(--radius-pill);letter-spacing:-.005em;width:100%;height:52px;color:var(--accent-ink);background:var(--accent);border:1.5px solid var(--line-strong);box-shadow:var(--shadow-slab-sm);cursor:pointer;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:700;transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1),background-color .15s;display:flex}.ob-cta:hover:not(:disabled){background:var(--accent-2);box-shadow:var(--shadow-slab-sm-hover);transform:translate(-1px,-1px)}.ob-cta:active:not(:disabled){box-shadow:none;transform:translate(1px,1px)}.ob-cta:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.ob-secondary{border-radius:var(--radius-pill);border:1.5px solid var(--line-strong);background:var(--bg-card);width:100%;height:48px;color:var(--fg);box-shadow:var(--shadow-slab-sm);cursor:pointer;justify-content:center;align-items:center;gap:7px;margin-top:10px;font-size:14px;font-weight:700;transition:transform .16s,box-shadow .16s;display:flex}.ob-secondary:hover{box-shadow:var(--shadow-slab-sm-hover);transform:translate(-1px,-1px)}.ob-secondary:active{box-shadow:none;transform:translate(1px,1px)}.ob-soft-btn{border-radius:var(--radius-pill);border:1.5px solid var(--line-strong);background:var(--bg-card);width:100%;height:38px;color:var(--fg);cursor:pointer;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600;transition:transform .14s,box-shadow .14s;display:flex}.ob-soft-btn:hover:not(:disabled){box-shadow:var(--shadow-slab-sm);transform:translate(-1px,-1px)}.ob-soft-btn:disabled{opacity:.6;cursor:default}.ob-skip{text-align:center;color:var(--muted);cursor:pointer;background:0 0;width:100%;margin:14px 0 0;font-size:13px;font-weight:600}.ob-skip:hover{color:var(--fg)}.ob-foot{text-align:center;color:var(--muted);margin:14px 0 0;font-size:12px;line-height:1.5}.ob-tl{flex-direction:column;display:flex}.ob-tl-row{gap:14px;display:flex;position:relative}.ob-dot{border-radius:var(--radius-pill);z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.ob-dot-done{background:var(--pos);color:var(--pos-ink)}.ob-dot-current{background:var(--accent-soft)}.ob-dot-current-purple{background:var(--purple-soft)}.ob-dot-upcoming{background:var(--bg);border:1.5px solid var(--line-strong);color:var(--muted)}.ob-tl-line{background:var(--bg-3);width:2px;height:calc(100% - 26px);position:absolute;top:26px;left:11px}.ob-tl-line-done{background:var(--pos);opacity:.45}.ob-spin{border:2px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;width:13px;height:13px;animation:.7s linear infinite ob-spin;display:inline-block}.ob-spin-purple{border-top-color:var(--purple)}@keyframes ob-spin{to{transform:rotate(360deg)}}.ob-working{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:13px;display:flex}.ob-section-label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;font-size:10.5px;font-weight:700}.ob-tags{flex-wrap:wrap;gap:6px;display:flex}.ob-tag{border-radius:var(--radius-pill);text-transform:capitalize;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.ob-tag-accent{background:var(--accent-soft);color:var(--accent)}.ob-tag-purple{background:var(--purple-soft);color:var(--purple)}.ob-tag-info{background:var(--info-soft);color:var(--info)}.ob-tag-warn{background:var(--warn-soft);color:var(--warn)}.ob-tag-pos{background:var(--pos-soft);color:var(--pos)}.ob-topic{border-radius:var(--radius-sm);align-items:center;gap:10px;padding:9px 12px;display:flex}.ob-topic:hover{background:var(--bg-2)}.ob-topic-n{border-radius:var(--radius-pill);background:var(--bg-3);width:20px;height:20px;color:var(--muted);font-size:11px;font-weight:600;font-family:var(--font-mono);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ob-toppick{color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-pill);white-space:nowrap;padding:2px 9px;font-size:10px;font-weight:700}.ob-mini-icon{border-radius:var(--radius-sm);background:var(--accent-soft);width:34px;height:34px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ob-modes{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.ob-mode{text-align:left;background:var(--bg-card);border:1.5px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow-slab-sm);cursor:pointer;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 14px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative}.ob-mode:hover{box-shadow:var(--shadow-slab-sm-hover);transform:translate(-1px,-1px)}.ob-mode-on{border-color:var(--accent);box-shadow:2px 2px 0 var(--accent)}.ob-mode-on:hover{box-shadow:3px 3px 0 var(--accent)}.ob-mode-ic{border-radius:var(--radius-sm);background:var(--bg-3);width:34px;height:34px;color:var(--fg);justify-content:center;align-items:center;display:inline-flex}.ob-mode-on .ob-mode-ic{background:var(--accent-soft);color:var(--accent)}.ob-rec{letter-spacing:.05em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);border-radius:var(--radius-pill);padding:2px 8px;font-size:8.5px;font-weight:700;position:absolute;top:-9px;left:14px}.ob-mode-check{border-radius:var(--radius-pill);background:var(--accent);width:18px;height:18px;color:var(--accent-ink);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:12px;right:12px}.ob-adv{width:100%;color:var(--fg);cursor:pointer;background:0 0;align-items:center;gap:8px;margin-top:14px;padding:12px 2px;font-size:13px;font-weight:600;display:flex}.ob-platforms{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ob-platform{background:var(--bg-card);border:1.5px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow-slab-sm);align-items:flex-start;gap:12px;padding:16px;transition:transform .15s,box-shadow .15s;display:flex}.ob-platform:hover{box-shadow:var(--shadow-slab-sm-hover);transform:translate(-1px,-1px)}.ob-plat-ic{border-radius:var(--radius-sm);background:var(--bg-3);width:40px;height:40px;color:var(--fg);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ob-progress{background:var(--bg-3);border-radius:var(--radius-pill);height:8px;overflow:hidden}.ob-progress-fill{background:var(--accent);border-radius:var(--radius-pill);height:100%;transition:width .7s ease-out;display:block}.ob-slug{background:var(--bg-3);border-radius:var(--radius-sm);padding:2px 7px}.ob-excerpt-fade{background:linear-gradient(transparent, var(--bg));height:48px;position:absolute;inset:auto 0 0}