.ob-widget{background:var(--h-card, #fff);border:1px solid var(--h-border, #E8EAEF);border-radius:16px;padding:20px;margin:12px 0;max-width:560px;position:relative;box-shadow:0 2px 12px #0000000a;animation:obSlideIn .3s ease}@keyframes obSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ob-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.ob-title{font-size:18px;font-weight:700;color:var(--h-text, #1A1D26)}.ob-subtitle{font-size:13px;color:var(--h-secondary, #5A6478);margin-top:2px}.ob-skip-btn{background:none;border:none;font-size:13px;color:var(--h-text-muted, #9CA3AF);cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .15s,background .15s;white-space:nowrap}.ob-skip-btn:hover{color:var(--h-secondary, #5A6478);background:var(--h-bg-hover, rgba(0,0,0,.04))}.ob-dots{display:flex;gap:6px;margin-bottom:16px}.ob-dot{width:24px;height:4px;border-radius:2px;background:var(--h-border, #E8EAEF);transition:background .2s}.ob-dot-active{background:var(--h-accent, #4F6BED)}.ob-content{min-height:120px}.ob-step-label{font-size:15px;font-weight:600;color:var(--h-text, #1A1D26);margin-bottom:12px}.ob-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ob-option-card{padding:14px 12px;border:2px solid var(--h-border, #E8EAEF);border-radius:12px;cursor:pointer;text-align:center;transition:all .15s;background:var(--h-card, #fff)}.ob-option-card:hover{border-color:var(--h-accent-light, #A8B8F5)}.ob-option-selected{border-color:var(--h-accent, #4F6BED);background:var(--h-accent-bg, rgba(79,107,237,.06))}.ob-option-label{font-size:14px;font-weight:600;color:var(--h-text, #1A1D26)}.ob-option-desc{font-size:12px;color:var(--h-text-muted, #9CA3AF);margin-top:2px}.ob-input{width:100%;padding:12px 14px;border:2px solid var(--h-border, #E8EAEF);border-radius:10px;font-size:14px;color:var(--h-text, #1A1D26);background:var(--h-card, #fff);box-sizing:border-box;outline:none;transition:border-color .15s}.ob-input:focus{border-color:var(--h-accent, #4F6BED)}.ob-input::placeholder{color:var(--h-text-muted, #9CA3AF)}.ob-quick-cities{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.ob-city-chip{padding:6px 14px;border:1px solid var(--h-border, #E8EAEF);border-radius:20px;background:var(--h-card, #fff);font-size:13px;color:var(--h-secondary, #5A6478);cursor:pointer;transition:all .15s}.ob-city-chip:hover{border-color:var(--h-accent, #4F6BED);color:var(--h-accent, #4F6BED)}.ob-tag-grid{display:flex;flex-wrap:wrap;gap:8px}.ob-tag-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;border:2px solid var(--h-border, #E8EAEF);border-radius:10px;cursor:pointer;font-size:13px;color:var(--h-text, #1A1D26);background:var(--h-card, #fff);transition:all .15s}.ob-tag-chip:hover{border-color:var(--h-accent-light, #A8B8F5)}.ob-tag-selected{border-color:var(--h-accent, #4F6BED);background:var(--h-accent-bg, rgba(79,107,237,.06))}.ob-tag-icon{font-size:16px}.ob-nav{display:flex;gap:10px;margin-top:18px}.ob-btn{flex:1;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .15s}.ob-btn-back{background:var(--h-bg-hover, rgba(0,0,0,.04));color:var(--h-secondary, #5A6478)}.ob-btn-back:hover{background:var(--h-bg-hover-strong, rgba(0,0,0,.08))}.ob-btn-next{background:var(--h-accent, #4F6BED);color:#fff}.ob-btn-next:hover{filter:brightness(1.08)}.ob-success{text-align:center;padding:24px 0}.ob-success-icon{font-size:36px;margin-bottom:8px}.ob-success-text{font-size:16px;font-weight:700;color:var(--h-text, #1A1D26)}.ob-success-desc{font-size:13px;color:var(--h-secondary, #5A6478);margin-top:4px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .ob-widget{--h-card: #1C1E26;--h-border: #2D3142;--h-text: #F0F1F5;--h-secondary: #9CA3AF;--h-text-muted: #6B7280;--h-bg-hover: rgba(255,255,255,.06);--h-bg-hover-strong: rgba(255,255,255,.1);--h-accent-bg: rgba(79,107,237,.15);box-shadow:0 2px 12px #0003}}[data-theme=dark] .ob-widget{background:#1c1e26;border-color:#2d3142;box-shadow:0 2px 12px #0003}[data-theme=dark] .ob-title{color:#f0f1f5}[data-theme=dark] .ob-subtitle{color:#9ca3af}[data-theme=dark] .ob-skip-btn{color:#6b7280}[data-theme=dark] .ob-skip-btn:hover{color:#9ca3af;background:#ffffff0f}[data-theme=dark] .ob-dot{background:#2d3142}[data-theme=dark] .ob-step-label{color:#f0f1f5}[data-theme=dark] .ob-option-card{background:#1c1e26;border-color:#2d3142}[data-theme=dark] .ob-option-card:hover{border-color:#4f6bed}[data-theme=dark] .ob-option-selected{border-color:#4f6bed;background:#4f6bed26}[data-theme=dark] .ob-option-label{color:#f0f1f5}[data-theme=dark] .ob-option-desc{color:#6b7280}[data-theme=dark] .ob-input{background:#1c1e26;border-color:#2d3142;color:#f0f1f5}[data-theme=dark] .ob-input:focus{border-color:#4f6bed}[data-theme=dark] .ob-city-chip{background:#1c1e26;border-color:#2d3142;color:#9ca3af}[data-theme=dark] .ob-city-chip:hover{border-color:#4f6bed;color:#4f6bed}[data-theme=dark] .ob-tag-chip{background:#1c1e26;border-color:#2d3142;color:#f0f1f5}[data-theme=dark] .ob-tag-chip:hover{border-color:#4f6bed}[data-theme=dark] .ob-tag-selected{border-color:#4f6bed;background:#4f6bed26}[data-theme=dark] .ob-btn-back{background:#ffffff0f;color:#9ca3af}[data-theme=dark] .ob-btn-back:hover{background:#ffffff1a}[data-theme=dark] .ob-success-text{color:#f0f1f5}[data-theme=dark] .ob-success-desc{color:#9ca3af}@media(max-width:640px){.ob-widget{padding:16px;border-radius:12px}.ob-option-grid{grid-template-columns:1fr 1fr;gap:8px}.ob-option-card{padding:12px 8px}.ob-tag-chip{padding:6px 12px;font-size:12px}}