:root{--ob-ground:#080d17;--ob-surface:#0c1322;--ob-elevated:#0f172a;--ob-ink:#f5f5f4;--ob-body:#e2e8f0;--ob-muted:#94a3b8;--ob-line:#ffffff17;--ob-line-control:#ffffff61;--ob-accent:#7c3aed;--ob-accent-hover:#6d28d9;--ob-accent-brand:#8b5cf6;--ob-accent-text:#ddd6fe;--ob-accent-wash:#8b5cf61f;--ob-accent-edge:#8b5cf68c;--ob-cyan:#06b6d4;--ob-cyan-text:#67e8f9;--ob-warn-text:#fde68a;--ob-focus:#a78bfa;--ob-scrim:#0a0a0e8c;--ob-scrim-hover:#0a0a0eb8;--ob-scrim-edge:#ffffff38;--ob-tap:44px;--ob-visual:32px;--ob-radius:12px;--ob-radius-pill:999px;--ob-bar-h:72px}.ob-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ob-muted);font-size:11px;font-weight:600}.ob-sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ob-cost{font-variant-numeric:tabular-nums;white-space:nowrap}.ob-cost--badge{border-radius:var(--ob-radius-pill);border:1px solid var(--ob-accent-edge);background:var(--ob-accent-wash);min-height:22px;color:var(--ob-accent-text);align-items:center;padding:2px 8px;font-size:12px;font-weight:600;line-height:1.2;display:inline-flex}.ob-cost--free.ob-cost--badge{color:#bbf7d0;background:#4ade801a;border-color:#4ade8059}.ob-btn{min-height:var(--ob-tap);border-radius:var(--ob-radius);font:inherit;letter-spacing:normal;text-transform:none;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:600;line-height:1.25;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex;position:relative}.ob-btn:focus-visible,.ob-chip:focus-visible{outline:2px solid var(--ob-focus);outline-offset:2px}.ob-btn:disabled{cursor:not-allowed}.ob-btn--primary{background:var(--ob-accent);color:#fff;border:1px solid #0000}.ob-btn--primary:hover:not(:disabled){background:var(--ob-accent-hover)}.ob-btn--primary:disabled{color:#c4b5fd;background:#2e1f57}.ob-btn--primary[aria-busy=true]{cursor:progress;background:var(--ob-accent);color:#fff}.ob-btn--primary.ob-btn--buy{background:var(--ob-elevated);border-color:var(--ob-accent-edge);color:var(--ob-accent-text)}.ob-btn--primary.ob-btn--buy:hover{background:#1a1433}.ob-btn--secondary{border:1px solid var(--ob-line-control);color:var(--ob-body);background:0 0;font-weight:500}.ob-btn--secondary:hover:not(:disabled){color:var(--ob-ink);background:#ffffff0f}.ob-btn-main{flex-direction:column;align-items:center;min-width:0;display:inline-flex}.ob-btn-sub{opacity:.85;font-size:12px;font-weight:500}.ob-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite ob-spin}@keyframes ob-spin{to{transform:rotate(360deg)}}.ob-actionbar{color:var(--ob-body);flex-direction:column-reverse;gap:8px;display:flex}.ob-actionbar-secondary{gap:8px;display:flex}.ob-actionbar-secondary .ob-btn{flex:1 1 0;min-width:0}.ob-actionbar .ob-btn--primary{width:100%}.ob-actionbar--sticky{z-index:40;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--ob-line);background:#080d17f0;position:fixed;bottom:0;left:0;right:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ob-actionbar--sticky{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080d17d1}}.ob-actionbar-spacer{min-height:calc(var(--ob-bar-h) + env(safe-area-inset-bottom,0px))}.ob-actionbar-spacer[data-measured]{min-height:0}.ob-actionbar--inline{background:0 0;border:0;padding:0;position:static}@media (min-width:620px){.ob-actionbar--sticky>*{width:100%;max-width:780px;margin-inline:auto}.ob-actionbar--inline{flex-direction:row;justify-content:flex-end;align-items:center}.ob-actionbar--inline .ob-btn--primary{width:auto}.ob-actionbar--inline .ob-actionbar-secondary .ob-btn{flex:none}}@media (min-width:1024px){.ob-actionbar--auto{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;flex-direction:row;justify-content:flex-end;align-items:center;padding:0;position:static}.ob-actionbar--auto>*{max-width:none;margin-inline:0}.ob-actionbar--auto .ob-btn--primary,.ob-actionbar--auto .ob-actionbar-secondary{width:auto}.ob-actionbar--auto .ob-actionbar-secondary .ob-btn{flex:none}.ob-actionbar-spacer--auto{display:none}}.ob-overlay{height:var(--ob-visual);min-width:var(--ob-visual);border:1px solid var(--ob-scrim-edge);border-radius:var(--ob-radius-pill);background:var(--ob-scrim);color:#fff;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 1px 2px #00000059;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:13px;font-weight:600;line-height:1;transition:background-color .16s,border-color .16s;display:inline-flex;position:relative}.ob-overlay--icon{width:var(--ob-visual);padding:0}.ob-overlay--md{--ob-visual:40px;padding:0 12px;font-size:14px}.ob-overlay--md.ob-overlay--icon{padding:0}.ob-overlay:before{content:"";width:max(100%, var(--ob-tap));height:max(100%, var(--ob-tap));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ob-overlay:hover:not(:disabled),.ob-overlay[aria-pressed=true]{background:var(--ob-scrim-hover);border-color:#fff6}.ob-overlay:focus-visible{outline-offset:2px;outline:2px solid #fff;box-shadow:0 0 0 5px #0a0a0eb3}.ob-overlay:disabled{cursor:not-allowed;color:#fff9}.ob-overlay-icon{flex:none;display:inline-flex}.ob-overlay svg{flex:none;width:16px;height:16px}.ob-overlay--md svg{width:18px;height:18px}.ob-chip{max-width:100%;min-height:var(--ob-visual);border:1px solid var(--ob-line-control);border-radius:var(--ob-radius-pill);background:var(--ob-elevated);color:var(--ob-body);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:8px;padding:5px 12px;font-size:13px;font-weight:500;line-height:1.2;transition:border-color .16s,background-color .16s,color .16s;display:inline-flex;position:relative}.ob-chip:before{content:"";height:max(100%, var(--ob-tap));position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.ob-chip:hover{color:var(--ob-ink);border-color:#fff9}.ob-chip[aria-pressed=true]{border-color:var(--ob-accent-brand);background:var(--ob-accent-wash);color:var(--ob-ink)}.ob-chip-label{-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.ob-chip-swatches{flex:none;display:inline-flex}.ob-chip-swatch{border:1px solid #ffffff59;border-radius:50%;width:14px;height:14px}.ob-chip-swatch+.ob-chip-swatch{margin-left:-4px}.ob-chip-inferred{background:var(--ob-cyan);border-radius:50%;flex:none;width:6px;height:6px}@media (prefers-reduced-motion:reduce){.ob-btn,.ob-overlay,.ob-chip{transition:none}.ob-spinner{opacity:.6;border-right-color:currentColor;animation:none}}