.ob{--bg:#fff;--bg2:#f6f5f4;--fg:#111014;--muted:#6c6972;--faint:#9a97a0;--line:#11101417;--red:#c41e3a;background:var(--bg);min-height:100dvh;color:var(--fg);font-family:var(--font-geist),"Geist",ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.005em}.ob *{box-sizing:border-box}.ob-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100dvh;display:grid}.ob-grid.ob-wide{grid-template-columns:1fr}.ob-left{min-width:0;padding:22px max(24px,env(safe-area-inset-left,0px)) 22px max(24px,env(safe-area-inset-left,0px));flex-direction:column;display:flex}.ob-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.ob-main{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:600px;margin:0 auto;padding-block:48px;display:flex}.ob-wide .ob-main{max-width:1000px}.ob-foot{text-align:center;color:var(--faint);font-size:13px}.ob-foot a{color:var(--red)}.ob-right{isolation:isolate;border-radius:28px;align-self:start;height:calc(100dvh - 24px);min-height:calc(100dvh - 24px);margin:12px 12px 12px 0;position:sticky;top:12px;overflow:hidden}.ob-media{z-index:-1;background:#c9a07a;position:absolute;inset:0}.ob-media img,.ob-media video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ob-media:after{content:"";background:linear-gradient(#fff0 55%,#280a0040);position:absolute;inset:0}.ob-preview{flex-direction:column;gap:12px;max-width:480px;display:flex;position:absolute;bottom:8%;left:8%;right:8%}.ob-card{-webkit-backdrop-filter:blur(16px)saturate(1.3);background:#ffffffe6;border-radius:18px;padding:14px 16px;font-size:14px;box-shadow:0 30px 60px -28px #280a008c,0 0 0 1px #ffffffb3}.ob-card small{color:var(--faint);font-size:12px;display:block}.ob-card-store{align-items:center;gap:12px;display:flex}.ob-favicon{background:#fff;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid;overflow:hidden;box-shadow:0 2px 8px -2px #0000002e}.ob-favicon img{width:22px;height:22px}.ob-status{color:#9a5b12;white-space:nowrap;background:#fff7e6;border-radius:99px;flex:none;align-items:center;gap:5px;margin-left:auto;padding:4px 10px;font-size:12px;display:inline-flex}.ob-status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.2s infinite obPulse}.ob-status.ok{color:#15803d;background:#dcfce7}.ob-status.ok:before{display:none}@keyframes obPulse{50%{opacity:.3}}.ob-card-mods ul{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.ob-card-mods li{background:var(--bg2);border-radius:10px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:inline-flex}.ob-card-mods li svg{color:var(--red)}.ob-mod-in{animation:.35s cubic-bezier(.2,.8,.2,1) obIn}@keyframes obIn{0%{opacity:0;transform:translateY(6px)scale(.96)}}.ob-h1{letter-spacing:-.04em;text-wrap:pretty;margin:0;font-size:clamp(30px,3vw,40px);font-weight:600;line-height:1.08}.ob-lede{color:var(--muted);text-wrap:pretty;margin:14px 0 0;font-size:16.5px;line-height:1.6}.ob-step{animation:.5s cubic-bezier(.2,.7,.2,1) obStep}@keyframes obStep{0%{opacity:0;transform:translateY(10px)}}.ob-btn{white-space:nowrap;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .2s,background .2s,opacity .2s;display:inline-flex}.ob-btn:active{transform:translateY(1px)}.ob-btn:disabled{opacity:.45;cursor:not-allowed}.ob-btn.blk{background:var(--fg);color:#fff;box-shadow:0 10px 24px -12px #111014b3}.ob-btn.blk:hover:not(:disabled){background:#2a2830}.ob-btn.out{color:var(--fg);border:1px solid var(--line);background:#fff}.ob-btn.out:hover{border-color:#11101440}.ob-btn.full{width:100%}.ob-link{cursor:pointer;color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:14px;display:inline-flex}.ob-link:hover{color:var(--fg)}.ob-label{color:var(--muted);margin-bottom:7px;font-size:13.5px;font-weight:500;display:block}.ob-field{border:1px solid var(--line);width:100%;height:46px;font:inherit;color:var(--fg);background:#fff;border-radius:12px;outline:none;padding:0 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.ob-field:focus{border-color:#c41e3a80;box-shadow:0 0 0 4px #c41e3a1a}.ob-seg{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ob-seg button{border:1px solid var(--line);height:52px;font:inherit;color:var(--fg);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:0 14px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.ob-seg button svg{width:20px;height:20px}.ob-seg button[aria-pressed=true]{border-color:var(--fg);box-shadow:0 0 0 1px var(--fg)}.ob-err{color:#b4232f;background:#fdf0f1;border-radius:10px;padding:10px 12px;font-size:14px}.ob-choice{text-align:left;border:1px solid var(--line);cursor:pointer;width:100%;font:inherit;color:inherit;background:#fff;border-radius:20px;align-items:flex-start;gap:16px;padding:20px;transition:border-color .2s,box-shadow .25s,transform .25s;display:flex}.ob-choice:hover{border-color:#11101438;transform:translateY(-1px);box-shadow:0 24px 50px -32px #3c0a0059}.ob-choice .ic{background:var(--bg2);width:44px;height:44px;color:var(--red);border-radius:14px;flex:none;place-items:center;display:grid}.ob-choice b{letter-spacing:-.02em;font-size:17px;font-weight:600;display:block}.ob-choice p{color:var(--muted);margin:4px 0 0;font-size:14.5px;line-height:1.5}.ob-choice .go{color:var(--faint);align-self:center;margin-left:auto}.ob-mods{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px;display:grid}.ob-mod{text-align:left;border:1px solid var(--line);cursor:pointer;font:inherit;color:inherit;background:#fff;border-radius:16px;align-items:flex-start;gap:12px;padding:14px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative}.ob-mod:hover{border-color:#11101438}.ob-mod .ic{background:var(--bg2);width:34px;height:34px;color:var(--muted);border-radius:10px;flex:none;place-items:center;transition:all .2s;display:grid}.ob-mod b{letter-spacing:-.01em;padding-right:22px;font-size:14.5px;font-weight:600;display:block}.ob-mod p{color:var(--muted);margin:3px 0 0;font-size:13px;line-height:1.45}.ob-mod .tick{color:#fff;border:1.5px solid #1110142e;border-radius:7px;place-items:center;width:20px;height:20px;transition:all .2s;display:grid;position:absolute;top:12px;right:12px}.ob-mod[aria-pressed=true]{border-color:var(--fg);box-shadow:0 0 0 1px var(--fg);background:#fdfcfb}.ob-mod[aria-pressed=true] .ic{background:var(--red);color:#fff}.ob-mod[aria-pressed=true] .tick{background:var(--fg);border-color:var(--fg)}.ob-bar{z-index:2;padding:14px 16px max(26px,env(safe-area-inset-bottom));background:#fff;align-items:center;gap:14px;margin:44px -16px 0;display:flex;position:sticky;bottom:0}.ob-bar:before{content:"";pointer-events:none;background:linear-gradient(#fff0,#fff);height:36px;position:absolute;bottom:100%;left:0;right:0}.ob-bar small{color:var(--faint);font-size:13.5px}.ob-steps{counter-reset:s;flex-direction:column;gap:2px;margin:26px 0 0;padding:0;list-style:none;display:flex}.ob-steps li{border-top:1px solid var(--line);color:var(--muted);counter-increment:s;padding:14px 0 14px 46px;font-size:15px;line-height:1.55;position:relative}.ob-steps li:first-child{border-top:0}.ob-steps li:before{content:counter(s);background:var(--bg2);width:30px;height:30px;color:var(--fg);border-radius:10px;place-items:center;font-size:14px;font-weight:600;display:grid;position:absolute;top:13px;left:0}.ob-steps a.dl{color:var(--fg);border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;margin-top:2px;padding:8px 12px;font-weight:500;text-decoration:none;transition:border-color .2s;display:inline-flex}.ob-steps a.dl:hover{border-color:#1110144d}.ob-steps a.dl.sec{color:var(--muted);border:0;padding:6px 0;font-weight:400}.ob-wait{background:var(--bg2);border-radius:14px;align-items:center;gap:10px;margin-top:20px;padding:14px 16px;font-size:14.5px;display:flex}.ob-wait.ok{color:#15803d;background:#ecfdf3}.ob-note{color:var(--faint);margin-top:12px;font-size:13.5px}.ob-sync{border:1px solid var(--line);border-radius:16px;margin-top:24px;padding:14px 16px}.ob-sync .bar{background:var(--bg2);border-radius:99px;height:6px;margin-top:10px;overflow:hidden}.ob-sync .bar i{background:var(--red);border-radius:99px;height:100%;transition:width .7s;display:block}.ob-sync.done .bar i{background:#16a34a}.ob-next{flex-direction:column;gap:8px;margin-top:22px;display:flex}.ob-next a{border:1px solid var(--line);color:var(--fg);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-size:15px;font-weight:500;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex}.ob-next a:hover{border-color:#11101440;box-shadow:0 18px 40px -30px #3c0a0059}.ob-next a .ic{background:var(--bg2);width:32px;height:32px;color:var(--red);border-radius:10px;flex:none;place-items:center;display:grid}.ob-next a .go{color:var(--faint);margin-left:auto;font-size:13.5px;font-weight:400}.ob-insight{background:var(--bg2);border-radius:16px;margin-top:18px;padding:16px}.ob-insight p{white-space:pre-line;margin:8px 0 0;font-size:14.5px;line-height:1.6}@media (max-width:980px){.ob-grid{grid-template-columns:1fr}.ob-right{display:none}.ob-main{padding-block:36px}}@media (max-width:520px){.ob-mods{grid-template-columns:1fr}.ob-seg button{height:48px}}@media (prefers-reduced-motion:reduce){.ob *{transition:none!important;animation:none!important}}.ob-btn.blk{color:#fff;background:linear-gradient(#e8455a 0%,#c41e3a 100%);box-shadow:inset 0 1px #ffffff47,0 12px 26px -12px #c41e3aa6}.ob-btn.blk:hover:not(:disabled){background:linear-gradient(#f0566a 0%,#cf2441 100%);box-shadow:inset 0 1px #ffffff57,0 16px 32px -12px #c41e3abf}.ob-auth .ob-main{max-width:440px}.ob-auth .field{border:1px solid var(--line);height:46px;box-shadow:none;background:#fff;border-radius:12px;font-size:15px}.ob-auth .field:focus{border-color:#c41e3a80;outline:none;box-shadow:0 0 0 4px #c41e3a1a}.ob-auth .btn-3d-accent{color:#fff;background:linear-gradient(#e8455a 0%,#c41e3a 100%);border:0;height:46px;padding:0 20px;box-shadow:inset 0 1px #ffffff47,0 12px 26px -12px #c41e3aa6;border-radius:12px!important;font-size:15px!important;font-weight:500!important}.ob-auth .btn-3d-accent:hover:not(:disabled){background:linear-gradient(#f0566a 0%,#cf2441 100%)}.ob-auth label{color:var(--muted)}.ob-seg.ob-seg3{grid-template-columns:repeat(3,minmax(0,1fr))}.ob-seg3 button{padding:0 10px;font-size:14px}@media (max-width:520px){.ob-seg.ob-seg3{grid-template-columns:1fr}}.ob-auth .ob-h1{margin-bottom:12px}.ob-auth .ob-lede{margin:0 0 30px}.ob-left{position:relative;overflow-x:clip}.ob-stage{flex-direction:column;display:flex}.ob-stage[class*=out-],.ob-stage[class*=in-]{will-change:transform,opacity,filter}.ob-stage .ob-step{animation:none}.ob-stage.out-fwd{animation:.56s forwards obOutFwd}.ob-stage.out-back{animation:.5s forwards obOutBack}.ob-stage.in-fwd{animation:.62s cubic-bezier(.16,1,.3,1) both obInFwd}.ob-stage.in-back{animation:.62s cubic-bezier(.16,1,.3,1) both obInBack}@keyframes obOutFwd{0%{opacity:1;filter:blur();animation-timing-function:cubic-bezier(.3,0,.5,1);transform:translate(0,0)}20%{opacity:1;filter:blur();animation-timing-function:cubic-bezier(.62,0,.92,.22);transform:translate(10px)}to{opacity:0;filter:blur(10px);transform:translate(-48vw,-26px)rotate(-1.5deg)}}@keyframes obOutBack{0%{opacity:1;filter:blur();animation-timing-function:cubic-bezier(.3,0,.5,1);transform:translate(0,0)}20%{opacity:1;filter:blur();animation-timing-function:cubic-bezier(.62,0,.92,.22);transform:translate(-10px)}to{opacity:0;filter:blur(10px);transform:translate(48vw,-26px)rotate(1.5deg)}}@keyframes obInFwd{0%{opacity:0;filter:blur(8px);transform:translate(30vw)}to{opacity:1;filter:blur();transform:none}}@keyframes obInBack{0%{opacity:0;filter:blur(8px);transform:translate(-30vw)}to{opacity:1;filter:blur();transform:none}}.ob-stage.in-fwd .ob-step>*,.ob-stage.in-back .ob-step>*{animation:.7s cubic-bezier(.16,1,.3,1) both obTrail}.ob-stage.in-back .ob-step>*{--trail:-26px}.ob-stage .ob-step>:nth-child(2){animation-delay:40ms}.ob-stage .ob-step>:nth-child(3){animation-delay:80ms}.ob-stage .ob-step>:nth-child(n+4){animation-delay:.12s}@keyframes obTrail{0%{transform:translate3d(var(--trail,26px),0,0);opacity:0}}.ob-progress{background:#1110140f;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.ob-progress i{transform-origin:0;background:linear-gradient(90deg,#ff6b6b,#e11d48 60%,#c41e3a);height:100%;transition:transform .9s cubic-bezier(.16,1,.3,1);display:block;box-shadow:0 0 12px #e11d488c}@media (prefers-reduced-motion:reduce){.ob-stage,.ob-stage .ob-step>*{animation:none!important}.ob-progress i{transition:none}}.ob-types{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px;display:grid}.ob-type{text-align:left;font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:20px;align-items:center;gap:14px;padding:14px 16px 14px 12px;transition:border-color .2s,box-shadow .25s,transform .25s cubic-bezier(.2,.8,.2,1);display:flex}.ob-type:last-child:nth-child(odd){grid-column:1/-1}.ob-type img{object-fit:contain;filter:drop-shadow(0 10px 14px #3c0a0024);flex:none;width:64px;height:64px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.ob-type b{letter-spacing:-.01em;font-size:15.5px;font-weight:600;display:block}.ob-type small{color:var(--muted);margin-top:3px;font-size:13px;line-height:1.45;display:block}.ob-type:hover{border-color:#11101438;transform:translateY(-2px);box-shadow:0 22px 44px -32px #3c0a0073}.ob-type:hover img{transform:scale(1.08)rotate(-4deg)}.ob-type[aria-pressed=true]{border-color:var(--fg);box-shadow:0 0 0 1px var(--fg)}.ob-group{letter-spacing:.02em;color:var(--faint);margin:0;font-size:12.5px;font-weight:600}.ob-group+.ob-mods{margin-top:10px}.ob-mod .ic3d{object-fit:contain;filter:grayscale(.55)drop-shadow(0 6px 10px #3c0a001a);opacity:.8;flex:none;width:44px;height:44px;transition:filter .25s,opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1)}.ob-mod:hover .ic3d{transform:scale(1.06)}.ob-mod[aria-pressed=true] .ic3d{filter:drop-shadow(0 8px 12px #3c0a0029);opacity:1}.ob-mod .need{background:var(--bg2);color:var(--muted);border-radius:999px;margin-top:8px;padding:2px 8px;font-size:11.5px;font-style:normal;font-weight:500;display:inline-block}.ob-mod .need.none{color:#15803d;background:#ecfdf3}.ob-mod .need.store{color:#be123c;background:#fff1f2}.ob-mod .need.ads{color:#c2410c;background:#fff7ed}.ob-next a .ic3d{object-fit:contain;flex:none;width:30px;height:30px}.ob-card-mods li img{object-fit:contain;width:20px;height:20px}.ob-needs{border-top:1px dashed var(--line);margin-top:14px;padding-top:12px}.ob-needs ul{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.ob-needs li{color:#9f1239;background:#fff1f2;border-radius:10px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:inline-flex}.ob-needs li img{object-fit:contain;width:20px;height:20px}@media (max-width:520px){.ob-types{grid-template-columns:1fr}.ob-type img{width:52px;height:52px}}.ob-choice .ic3d{object-fit:contain;filter:drop-shadow(0 10px 14px #3c0a0024);flex:none;width:56px;height:56px;margin:-6px 0;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.ob-choice:hover .ic3d{transform:scale(1.08)rotate(-4deg)}.ob-choice{align-items:center}.ob-mod .needs{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.ob-mod .needs .need{margin-top:0}.ob-mod .need.opt{color:var(--faint);background:0 0;border:1px dashed #11101429}.ob-conns{flex-direction:column;gap:12px;margin-top:28px;display:flex}.ob-conn{border:1px solid var(--line);background:#fff;border-radius:18px;padding:16px;transition:border-color .25s,background .25s}.ob-conn header{align-items:center;gap:12px;display:flex}.ob-conn header .ic3d{object-fit:contain;flex:none;width:40px;height:40px}.ob-conn header b{letter-spacing:-.01em;font-size:15.5px;font-weight:600;display:block}.ob-conn .req{color:var(--faint);margin-top:1px;font-size:12.5px;font-style:normal;display:block}.ob-conn .req.yes{color:#be123c}.ob-conn .pill{background:var(--bg2);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:5px;max-width:46%;margin-left:auto;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex;overflow:hidden}.ob-conn .pill.connected{color:#15803d;background:#ecfdf3}.ob-conn .pill.delegated,.ob-conn .pill.contact{color:#1d4ed8;background:#eff6ff}.ob-conn .pill.later{color:#c2410c;background:#fff7ed}.ob-conn.connected{background:#fbfefc;border-color:#15803d40}.ob-conn .body{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.ob-choices{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.ob-choices button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:1px dashed #1110142e;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .2s;display:inline-flex}.ob-choices button:hover{color:var(--fg);border-color:#11101459}.ob-choices button.on{color:var(--fg);background:var(--bg2);border-style:solid}.ob-delegate{background:var(--bg2);border-radius:14px;margin-top:14px;padding:14px}.ob-delegate b{font-size:14.5px;display:block}.ob-delegate p{color:var(--muted);margin:4px 0 10px;font-size:13px;line-height:1.5}.ob-dns{border:1px solid var(--line);border-radius:12px;margin-top:10px;overflow-x:auto}.ob-dns table{border-collapse:collapse;width:100%;font-size:12.5px}.ob-dns th{text-align:left;color:var(--faint);border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px;font-weight:500}.ob-dns td{border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px}.ob-dns tr:last-child td{border-bottom:0}.ob-dns code{word-break:break-all;font-family:ui-monospace,Menlo,monospace;font-size:12px}.ob-dns td.ok{color:#15803d;white-space:nowrap}.ob-dns td.no{color:var(--faint);white-space:nowrap}.ob-dialog{z-index:60;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ob-dialog .scrim{cursor:default;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11101459;border:0;position:absolute;inset:0}.ob-dialog .box{background:#fff;border-radius:20px;width:min(440px,100%);padding:22px;animation:.25s cubic-bezier(.2,.8,.2,1) obIn;position:relative;box-shadow:0 30px 80px -30px #00000073}.ob-dialog h2{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:600}.ob-dialog p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.5}.ob-dialog ul{flex-direction:column;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.ob-dialog li{background:var(--bg2);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.ob-dialog li img{object-fit:contain;width:22px;height:22px}.ob-next .row{border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font-size:15px;font-weight:500;display:flex}.ob-next .row .ic3d{object-fit:contain;flex:none;width:30px;height:30px}.ob-next .row.paused{color:var(--muted)}.ob-next .row.paused .ic3d{filter:grayscale(.8);opacity:.7}.ob-next .row .go{margin-left:auto}.ob-next .row .go.ok{color:#16a34a;font-size:10px}.ob-next .row .go.btn{font:inherit;color:var(--red);cursor:pointer;background:#fff1f2;border:0;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:500}.ob-choice[aria-busy=true]{border-color:#1110144d}@media (max-width:520px){.ob-conn .pill{max-width:40%}}.ob-bar{flex-wrap:wrap}.ob-hint{color:var(--faint);text-align:center;flex-basis:100%;margin:0;font-size:12.5px;line-height:1.45}.ob-conn.later{background:var(--bg2);border-style:dashed}.ob-conn.later header b{color:var(--faint);text-decoration:line-through;text-decoration-thickness:1.5px}.ob-conn.later header .ic3d{filter:grayscale();opacity:.55}.ob-conn.later .req{color:var(--faint)}.ob-undo{font:inherit;color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-top:10px;padding:0;font-size:13px;text-decoration:underline}.ob-undo:hover{color:var(--fg)}
