.ob-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:obFadeIn .25s ease}@keyframes obFadeIn{0%{opacity:0}to{opacity:1}}.ob-modal{background:#1e1e1e;border:1px solid #333;border-radius:20px;padding:32px 28px 24px;max-width:340px;width:100%;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.6)}.ob-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.ob-header-title{font-size:13px;font-weight:600;color:#888;letter-spacing:-.02em}.ob-skip{background:none;border:none;color:#666;font-size:12px;cursor:pointer;padding:4px 8px;transition:color .15s}.ob-skip:hover{color:#aaa}.ob-slide{text-align:center;padding:12px 0 24px;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center}.ob-emoji{font-size:48px;margin-bottom:16px;line-height:1.2}.ob-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:10px}.ob-desc{font-size:14px;color:#aaa;line-height:1.7;margin:0;white-space:pre-line}.ob-footer{display:flex;flex-direction:column;align-items:center;gap:16px}.ob-dots{display:flex;gap:8px}.ob-dot{width:8px;height:8px;border-radius:50%;background:#444;cursor:pointer;transition:all .2s}.ob-dot.active{background:#a78bfa;transform:scale(1.3)}.ob-nav{display:flex;gap:10px;width:100%}.ob-btn{flex:1 1;padding:12px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.ob-btn-prev{background:transparent;border:1px solid #3a3a3a;color:#999}.ob-btn-prev:hover{border-color:#555;color:#ddd}.ob-btn-next{background:linear-gradient(90deg,#ff77e1,#6aa7ff);border:none;color:#101014}.ob-btn-next:hover{opacity:.9}