.af-ob{--ob-accent:var(--accent-brand);--ob-accent-fg:var(--accent-brand-foreground);--ob-accent-hover:color-mix(in srgb, var(--accent-brand) 88%, #000);--ob-accent-soft:color-mix(in srgb, var(--accent-brand) 9%, transparent);--ob-accent-line:color-mix(in srgb, var(--accent-brand) 42%, transparent);--ob-scrim:#f6f6f4b8;--ob-card-shadow:0 1px 2px #1012160d, 0 12px 32px -12px #1012162e, 0 40px 80px -32px #10121638;--ob-ease:cubic-bezier(.22, 1, .36, 1)}.dark .af-ob{--ob-accent-hover:color-mix(in srgb, var(--accent-brand) 86%, #fff);--ob-accent-soft:color-mix(in srgb, var(--accent-brand) 13%, transparent);--ob-accent-line:color-mix(in srgb, var(--accent-brand) 48%, transparent);--ob-scrim:#0a0b0db8;--ob-card-shadow:0 0 0 1px #ffffff0f, 0 24px 64px -20px #000000b3}.af-ob-scrim{background:var(--ob-scrim);animation:af-ob-fade .2s var(--ob-ease) both}.af-ob-card{box-shadow:var(--ob-card-shadow);animation:af-ob-rise .24s var(--ob-ease) both}.af-ob-fadein{animation:af-ob-fade .22s var(--ob-ease) both}.af-ob-step{animation:af-ob-step .22s var(--ob-ease) both}.af-ob-out{pointer-events:none;animation:.18s ease-in both af-ob-out}.af-ob-mark{isolation:isolate;place-items:center;display:inline-grid;position:relative}.af-ob-mark img{z-index:1;border-radius:22.5%;position:relative;box-shadow:0 1px 1px #00000014,0 10px 24px -10px #10121673}.af-ob-beam{z-index:0;transform-origin:0 25%;filter:blur(16px);opacity:.55;pointer-events:none;width:280%;height:150%;animation:5.2s ease-in-out infinite af-ob-beam;position:absolute;top:30%;left:58%;transform:rotate(13deg)}.af-ob-beam>i{background:radial-gradient(closest-side at 3% 25%, color-mix(in srgb, var(--beam-lamp) 90%, transparent), transparent 80%), linear-gradient(90deg, color-mix(in srgb, var(--beam-glow) 75%, transparent) 0%, color-mix(in srgb, var(--beam-4) 55%, transparent) 20%, color-mix(in srgb, var(--beam-3) 45%, transparent) 42%, color-mix(in srgb, var(--beam-2) 30%, transparent) 64%, color-mix(in srgb, var(--beam-1) 14%, transparent) 84%, transparent 100%);clip-path:polygon(0 16%,100% 0,100% 100%,0 34%);position:absolute;inset:0}.dark .af-ob-beam{opacity:.75}.af-ob-halo{z-index:-1;background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--beam-glow) 38%, transparent) 0 18%, transparent 46%), conic-gradient(from 210deg at 50% 50%, color-mix(in srgb, var(--beam-1) 22%, transparent), color-mix(in srgb, var(--beam-2) 24%, transparent), color-mix(in srgb, var(--beam-3) 26%, transparent), color-mix(in srgb, var(--beam-4) 16%, transparent), color-mix(in srgb, var(--beam-1) 22%, transparent));filter:blur(28px);opacity:.55;pointer-events:none;border-radius:9999px;position:absolute;inset:-45%}.dark .af-ob-halo{opacity:.5}.af-ob-room{background:radial-gradient(60% 50% at 18% 8%, color-mix(in srgb, var(--beam-glow) 18%, transparent), transparent 70%), radial-gradient(70% 60% at 85% 20%, color-mix(in srgb, var(--beam-3) 9%, transparent), transparent 70%), radial-gradient(80% 60% at 60% 110%, color-mix(in srgb, var(--beam-2) 7%, transparent), transparent 70%), var(--background)}.dark .af-ob-room{background:radial-gradient(60% 50% at 18% 8%, color-mix(in srgb, var(--beam-3) 14%, transparent), transparent 70%), radial-gradient(70% 60% at 85% 20%, color-mix(in srgb, var(--beam-2) 9%, transparent), transparent 70%), radial-gradient(80% 60% at 60% 110%, color-mix(in srgb, var(--beam-1) 6%, transparent), transparent 70%), var(--background)}.af-ob-primary{background:var(--ob-accent);height:2.5rem;color:var(--ob-accent-fg);letter-spacing:-.005em;transition:background-color .15s ease, transform .15s var(--ob-ease), box-shadow .2s ease;border-radius:.7rem;justify-content:center;align-items:center;gap:.4rem;padding:0 1.15rem;font-size:13.5px;font-weight:550;display:inline-flex;box-shadow:0 1px 2px #10121624,inset 0 1px #ffffff24}.af-ob-primary:hover{background:var(--ob-accent-hover)}.af-ob-primary:active{transform:scale(.985)}.af-ob-primary:focus-visible,.af-ob-quiet:focus-visible,.af-ob-focus:focus-visible{box-shadow:0 0 0 2px var(--popover), 0 0 0 3.5px var(--ob-accent-line);outline:none}.af-ob-quiet{height:2.5rem;color:var(--muted-foreground);border-radius:.7rem;align-items:center;gap:.35rem;padding:0 .85rem;font-size:13.5px;transition:color .15s,background-color .15s;display:inline-flex}.af-ob-quiet:hover{color:var(--foreground);background:color-mix(in srgb, var(--foreground) 5%, transparent)}.af-ob-dot{background:color-mix(in srgb, var(--foreground) 16%, transparent);width:6px;height:6px;transition:width .22s var(--ob-ease), background-color .2s ease;border-radius:9999px}.af-ob-dot[data-on]{background:var(--ob-accent);width:20px}.af-ob-dot[data-done]{background:color-mix(in srgb, var(--ob-accent) 45%, transparent)}.af-ob-choice{transition:border-color .15s ease, background-color .15s ease, box-shadow .18s ease, transform .18s var(--ob-ease)}.af-ob-choice:hover{transform:translateY(-1px)}.af-ob-choice[aria-checked=true]{border-color:var(--ob-accent);background:var(--ob-accent-soft);box-shadow:0 0 0 1px var(--ob-accent)}@keyframes af-ob-fade{0%{opacity:0}to{opacity:1}}@keyframes af-ob-rise{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:none}}@keyframes af-ob-step{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes af-ob-out{0%{opacity:1}to{opacity:0;transform:scale(.995)}}@keyframes af-ob-beam{0%,to{opacity:.45;transform:rotate(13deg)scaleX(.97)}50%{opacity:.62;transform:rotate(12.5deg)scaleX(1.04)}}@media (prefers-reduced-motion:reduce){.af-ob-scrim,.af-ob-fadein,.af-ob-card,.af-ob-step,.af-ob-out,.af-ob-beam{animation:none!important}.af-ob-out{opacity:0}.af-ob-dot,.af-ob-choice,.af-ob-primary{transition:none}.af-ob-choice:hover{transform:none}}