.ob-overlay{z-index:10000;background:#1118278c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ob-modal{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:520px;max-height:92vh;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000040}.ob-close{color:#9ca3af;cursor:pointer;z-index:3;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:flex;position:absolute;top:12px;right:12px}.ob-close:hover{color:#4b5563;background:#f3f4f6}.ob-progress{background:#f1f0f6;border-radius:9999px;height:5px;margin:56px 56px 4px 28px;overflow:hidden}.ob-progress-fill{background:linear-gradient(90deg,#7c3aed 0%,#06b6d4 100%);border-radius:9999px;height:100%}.ob-content{flex:1;min-height:340px;padding:16px 28px 8px;display:flex;overflow-y:auto}.ob-step{flex:1;min-width:0}.ob-title{color:#1f2937;margin:4px 0 6px;font-size:22px;font-weight:700}.ob-sub{color:#6b7280;margin:0 0 18px;font-size:14px;line-height:1.5}.ob-story{text-align:center;padding:18px 4px 8px}.ob-story-icon{color:#fff;border-radius:28px;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 22px;display:flex;position:relative;box-shadow:0 16px 36px #6366f159}.ob-story-emoji{filter:drop-shadow(0 3px 6px #0000002e);font-size:34px;position:absolute;bottom:-10px;right:-10px}.ob-story-title{color:#1f2937;margin:0 0 10px;font-size:24px;font-weight:800;line-height:1.2}.ob-story-text{color:#6b7280;max-width:380px;margin:0 auto;font-size:15.5px;line-height:1.65}.ob-toggle{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:14px;width:100%;margin-bottom:10px;padding:14px;transition:border-color .15s,background .15s;display:flex}.ob-toggle--on{background:#f5f3ff;border-color:#ddd6fe}.ob-toggle-icon{color:#7c3aed;background:#ede9fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.ob-toggle-text{flex-direction:column;flex:1;display:flex}.ob-toggle-text strong{color:#1f2937;font-size:15px}.ob-toggle-text small{color:#6b7280;font-size:12.5px}.ob-switch{background:#d1d5db;border-radius:9999px;flex-shrink:0;width:42px;height:24px;transition:background .2s;position:relative}.ob-switch--on{background:#7c3aed}.ob-switch-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.ob-switch--on .ob-switch-knob{transform:translate(18px)}.ob-chips{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ob-chip{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:600;transition:all .15s;display:flex;position:relative}.ob-chip--active{color:#6d28d9;background:#f5f3ff;border-color:#7c3aed}.ob-chip-check{color:#7c3aed;margin-left:auto}.ob-search-row{gap:8px;margin-bottom:12px;display:flex}.ob-search-row .ob-search{flex:1 1 0;min-width:0;margin-bottom:0}.ob-search-row .ob-search--city{flex:0 0 42%}.ob-search{color:#9ca3af;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;display:flex}.ob-search input{color:#1f2937;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:15px}.ob-search:focus-within{border-color:#7c3aed}.ob-selected{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.ob-selected-pill{color:#6d28d9;background:#ede9fe;border-radius:9999px;align-items:center;gap:6px;padding:4px 6px 4px 10px;font-size:13px;font-weight:600;display:inline-flex}.ob-selected-pill button{color:#6d28d9;cursor:pointer;background:#6d28d92e;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:inline-flex}.ob-selected-pill button:hover{background:#6d28d952}.ob-selected-pill button svg{stroke:currentColor;pointer-events:none;flex-shrink:0;width:13px;height:13px}.ob-results{flex-direction:column;gap:6px;max-height:240px;display:flex;overflow-y:auto}.ob-result{cursor:pointer;text-align:left;background:#fff;border:1px solid #eef0f3;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.ob-result--sel{background:#f5f3ff;border-color:#7c3aed}.ob-result-avatar{color:#7c3aed;background:#ede9fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;overflow:hidden}.ob-result-avatar img{object-fit:cover;width:100%;height:100%}.ob-result-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ob-result-name{color:#1f2937;font-size:14px;font-weight:600}.ob-result-loc{color:#9ca3af;align-items:center;gap:3px;font-size:12px;display:inline-flex}.ob-result-check{color:#7c3aed;flex-shrink:0}.ob-muted{color:#9ca3af;text-align:center;padding:16px 0;font-size:14px}.ob-footer{border-top:1px solid #f3f4f6;justify-content:space-between;gap:12px;padding:16px 28px 22px;display:flex}.ob-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:11px 22px;font-size:15px;font-weight:700;line-height:1;display:inline-flex}.ob-btn svg{flex-shrink:0}.ob-btn:disabled{opacity:.6;cursor:not-allowed}.ob-btn--ghost{color:#6b7280;background:0 0}.ob-btn--ghost:hover:not(:disabled){background:#f3f4f6}.ob-btn--primary{color:#fff;background:#7c3aed}.ob-btn--primary:hover:not(:disabled){background:#6d28d9}@media (max-width:480px){.ob-chips{grid-template-columns:1fr}}