@layer components{.ob-stage{--ob-display:ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--ob-body:ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;background:#fff;min-height:100dvh}.ob,.ob-overlay{--g:#d95570;--g-dark:#c23e59;--g-deep:#7a1f38;--g-soft:#f3b9c6;--on-g:#fff;--mint:#fde8ec;--mint-2:#f6ced7;--win:#00d632;--win-dark:#00a32e;--win-soft:#e9fcee;--win-soft-2:#cff7da;--on-win:#fff;--red-2:#f7c9cb;--red:#e5484d;--red-dark:#c8323a;--red-soft:#fdecec;--amber:#f59e0b;--amber-dark:#b45309;--amber-soft:#fff3df;--ink:#0b0c0d;--ink-2:#4a4f54;--ink-3:#8b9095;--line:#e5e7e9;--line-2:#c3c8cd;--fill:#f3f4f5;--fill-2:#dde1e4;--track:#eceef0;--bg:#fff;--card:#fff;--ease:cubic-bezier(.2, 0, 0, 1);color:var(--ink);font-family:var(--ob-body), system-ui, sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}.ob{background:var(--bg);flex-direction:column;width:100%;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative}@media (min-width:720px){.ob-stage{background:#f4f1ef;justify-content:center;align-items:flex-start;padding:24px 16px 40px;display:flex}.ob{border-radius:28px;width:100%;max-width:440px;min-height:calc(100dvh - 64px);overflow:clip;box-shadow:0 1px 2px #16161a0a,0 24px 60px -24px #16161a38}}.ob *{box-sizing:border-box}.ob button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.ob :focus-visible{outline:3px solid var(--g);outline-offset:3px;border-radius:8px}.ob-display{font-family:var(--ob-display), system-ui, sans-serif;letter-spacing:-.028em;text-wrap:balance;font-weight:800;line-height:1.04}.ob-h1{font-family:var(--ob-display), system-ui, sans-serif;letter-spacing:-.03em;text-wrap:balance;font-size:28px;font-weight:800;line-height:1.08}.ob-sub{color:var(--ink-2);text-wrap:pretty;font-size:15px;line-height:1.45}.ob-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:12px;font-weight:600}.ob-num{font-family:var(--ob-display), system-ui, sans-serif;font-variant-numeric:tabular-nums lining-nums}.ob-screen{flex-direction:column;flex:1;min-height:0;display:flex}.ob-body{flex-direction:column;flex:1;padding:4px 24px 0;display:flex}.ob[data-layout=middle] .ob-body{justify-content:center}.ob-fill{flex-direction:column;flex:1;min-height:0;display:flex}.ob[data-layout=middle] .ob-fill{justify-content:center}.ob-topbar{height:48px;margin-top:env(safe-area-inset-top,0px);flex:none;align-items:center;gap:8px;padding:0 24px 0 12px;display:flex}.ob-back{width:44px;height:44px;color:var(--ink-2);border-radius:12px;flex:none;place-items:center;display:grid}.ob-back:active{background:var(--fill)}.ob-track{background:var(--track);border-radius:999px;height:10px;overflow:hidden}.ob-track-fill{background:var(--g);border-radius:999px;min-width:10px;height:100%}.ob-foot{padding:10px 24px calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg, transparent 0%, var(--bg) 28%);flex-direction:column;flex:none;gap:6px;display:flex;position:sticky;bottom:0}.ob-cta{--edge:4px;width:100%;height:56px;margin-bottom:var(--edge);transition:background-color .15s var(--ease), color .15s var(--ease), transform 80ms var(--ease), box-shadow 80ms var(--ease);border-radius:16px;justify-content:center;align-items:center;gap:10px;font-size:17px;font-weight:700;display:inline-flex;position:relative;transform:translateY(0)}.ob-cta:not(:disabled):active{transform:translateY(var(--edge));box-shadow:0 0 #0000!important}.ob-cta:disabled{cursor:not-allowed}.ob-cta--pay{height:56px;font-size:17px}.ob-cta-black,.ob-cta-green{background:var(--g);color:var(--on-g);box-shadow:0 var(--edge) 0 0 var(--g-dark)}.ob-cta-black:disabled,.ob-cta-green:disabled{background:var(--fill);color:var(--ink-3);box-shadow:0 var(--edge) 0 0 var(--line)}.ob-cta-white{background:var(--card);color:var(--ink);border:1.5px solid var(--line);box-shadow:0 var(--edge) 0 0 var(--line)}.ob-cta-ghost{--edge:0px;color:var(--ink-2);height:44px;box-shadow:none;background:0 0;font-size:15px;font-weight:600}.ob-cta-fill{border-radius:inherit;transform-origin:0;pointer-events:none;background:#ffffff38;position:absolute;inset:0}.ob-cta>span{position:relative}.ob-option{text-align:left;border:1.5px solid var(--line);background:var(--card);width:100%;color:var(--ink);transition:background-color .15s var(--ease), border-color .15s var(--ease);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:18px;font-size:16px;font-weight:500;line-height:1.3;display:flex;box-shadow:0 1px 2px #00000008,0 8px 18px -12px #0000001a}.ob-option[data-selected]{background:var(--mint);border-color:var(--g)}.ob-check{border:1.5px solid var(--ink-3);color:#0000;width:22px;height:22px;transition:background-color .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease);border-radius:6px;flex:none;place-items:center;display:grid}.ob-option[data-selected] .ob-check{background:var(--g);border-color:var(--g);color:#fff}.ob-choice{border:1.5px solid var(--line);background:var(--card);text-align:center;min-height:132px;transition:background-color .15s var(--ease), border-color .15s var(--ease);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:22px 16px;font-size:16px;font-weight:600;line-height:1.3;display:flex;box-shadow:0 1px 2px #00000008,0 10px 22px -14px #0000001f}.ob-choice[data-state=right]{background:var(--win-soft);border-color:var(--win)}.ob-choice[data-state=wrong]{background:var(--fill);border-color:var(--line);color:var(--ink-2)}.ob-vote{--edge:4px;min-width:0;height:54px;margin-bottom:var(--edge);background:var(--fill);color:var(--ink);white-space:nowrap;box-shadow:0 var(--edge) 0 0 var(--line);transition:background-color .15s var(--ease), color .15s var(--ease), transform 80ms var(--ease), box-shadow 80ms var(--ease);border:0;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:17px;font-weight:800;display:inline-flex;transform:translateY(0)}.ob-vote:active{transform:translateY(var(--edge));box-shadow:0 0 #0000}.ob-vote b{font-family:var(--ob-display), system-ui, sans-serif;font-variant-numeric:tabular-nums;opacity:.92;font-size:18px;font-weight:800}.ob-vote[data-tone=yes]{background:var(--win-soft);color:var(--win-dark);box-shadow:0 var(--edge) 0 0 var(--win-soft-2)}.ob-vote[data-tone=no]{background:var(--red-soft);color:var(--red-dark);box-shadow:0 var(--edge) 0 0 var(--red-2)}.ob-vote[data-tone=yes][data-selected]{background:var(--win);color:var(--on-win);box-shadow:0 var(--edge) 0 0 var(--win-dark)}.ob-vote[data-tone=no][data-selected]{background:var(--red);color:#fff;box-shadow:0 var(--edge) 0 0 var(--red-dark)}.ob-vote[data-tone=side]{background:var(--fill);color:var(--ink);box-shadow:0 var(--edge) 0 0 var(--line);padding:0 12px}.ob-vote[data-tone=side][data-selected]{background:var(--fill-2);color:var(--ink);box-shadow:0 2px 0 0 var(--line-2);transform:translateY(2px)}.ob-vote[data-tone=side][data-result=won]{background:var(--win);color:var(--on-win);box-shadow:0 var(--edge) 0 0 var(--win-dark);transform:translateY(0)}.ob-vote[data-tone=side][data-result=lost]{background:var(--red-soft);color:var(--red-dark);box-shadow:0 var(--edge) 0 0 var(--red-2);opacity:.85;transform:translateY(0)}.ob-vote[data-tone=side][data-result=lost][data-selected]{background:var(--red);color:#fff;box-shadow:0 var(--edge) 0 0 var(--red-dark);opacity:1}.ob-vote[data-tone=unsure]{background:var(--card);height:46px;color:var(--ink-2);box-shadow:inset 0 0 0 1.5px var(--line), 0 var(--edge) 0 0 var(--line);font-size:15px;font-weight:600}.ob-vote[data-tone=unsure]:active{box-shadow:inset 0 0 0 1.5px var(--line)}.ob-vote[data-tone=unsure][data-selected]{background:var(--fill-2);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-2), 0 2px 0 0 var(--line-2);transform:translateY(2px)}.ob-vote--full{flex:none;width:100%}.ob-planet{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:5px;padding:4px 9px 4px 4px;animation:2.8s ease-in-out infinite alternate ob-float;display:inline-flex;box-shadow:0 1px 2px #0000000f,0 10px 24px -12px #00000040}.ob-planet b{font-family:var(--ob-display), system-ui, sans-serif;font-variant-numeric:tabular-nums;color:var(--g-dark);font-size:13px;font-weight:700}.ob-planet-icon{object-fit:cover;background:var(--fill);border-radius:50%;flex:none;width:22px;height:22px}.ob-orbit{border-radius:50%;animation:linear infinite ob-spin;position:absolute}.ob-orbit--line{border:1.5px solid var(--line)}.ob-orbit--rev{animation-name:ob-spin-rev}.ob-orbit-item{width:0;height:0;position:absolute;top:50%;left:50%}.ob-orbit-rev{transform-origin:0 0;width:max-content;animation:linear infinite ob-spin-rev}.ob-orbit-rev--rev{animation-name:ob-spin}.ob-orbit-center{width:max-content}.ob-orbit-item:nth-child(2n) .ob-planet{animation-delay:-1.3s}.ob-orbit-item:nth-child(3n) .ob-planet{animation-delay:-2.6s}@keyframes ob-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ob-spin-rev{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes ob-float{0%{transform:translateY(-3px)}to{transform:translateY(3px)}}.ob-eye{transform-box:fill-box;transform-origin:50%;animation:4.6s infinite ob-blink}.ob-eye--late{animation-delay:1.3s}@keyframes ob-blink{0%,93%,to{transform:scaleY(1)}95.5%,97%{transform:scaleY(.08)}}.ob-input{border:0;border-bottom:2px solid var(--line);text-align:center;width:100%;font-family:var(--ob-display), system-ui, sans-serif;letter-spacing:-.025em;color:var(--ink);caret-color:var(--g);transition:border-color .2s var(--ease);background:0 0;border-radius:0;outline:none;padding:10px 0 14px;font-size:34px;font-weight:800}.ob-input:focus,.ob-input:focus-visible{border-bottom-color:var(--g);outline:none}.ob-input::placeholder{color:var(--ink-3);font-weight:700}.ob-range{appearance:none;background:0 0;width:100%;height:38px;margin:0}.ob-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--g) var(--pct), var(--track) var(--pct));border-radius:999px;height:12px}.ob-range::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--g);background:#fff;border-radius:50%;width:34px;height:34px;margin-top:-11px;box-shadow:0 6px 16px #00000029}.ob-range::-moz-range-track{background:var(--track);border-radius:999px;height:12px}.ob-range::-moz-range-progress{background:var(--g);border-radius:999px;height:12px}.ob-range::-moz-range-thumb{border:3px solid var(--g);background:#fff;border-radius:50%;width:34px;height:34px;box-shadow:0 6px 16px #00000029}.ob-stamp{border:2px solid var(--win-dark);color:var(--win-dark);background:var(--card);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transform-origin:50%;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:-10px;right:12px}.ob-stamp--inline{background:var(--win-soft);border-width:1.5px;padding:2px 7px;position:static;transform:none}.ob-dot{width:28px;height:28px;transition:width .25s var(--ease);background:0 0;place-items:center;padding:0;display:grid}.ob-dot:before{content:"";background:var(--line);width:6px;height:6px;transition:width .25s var(--ease), background-color .25s var(--ease);border-radius:999px}.ob-dot[data-active]{width:42px}.ob-dot[data-active]:before{background:var(--g);width:20px}.ob-bubble{background:var(--fill);text-align:center;border-radius:22px;padding:26px 28px;position:relative}.ob-bubble:after{content:"";border-left:0 solid #0000;border-right:22px solid #0000;border-top:18px solid var(--fill);width:0;height:0;position:absolute;bottom:-14px;left:34px;transform:skew(-18deg)}.ob-bubble--left{border-radius:18px 18px 18px 6px;padding:11px 14px}.ob-bubble--left:after{border-left:0;border-right:14px solid var(--fill);border-top:0;border-bottom:14px solid #0000;bottom:10px;left:-10px;transform:none}.ob-bubble--left:not(:last-child):after{display:none}.ob-bubble--left:not(:last-child){border-radius:18px 18px 18px 8px}.ob-phone{aspect-ratio:9/19;background:#1c1e21;border-radius:42px;width:270px;margin:0 auto;padding:8px;position:relative;box-shadow:inset 0 0 0 1.5px #ffffff1f,0 30px 50px -30px #00000073}.ob-phone-screen{isolation:isolate;background:#fff;border-radius:34px;width:100%;height:100%;position:relative;overflow:hidden;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.ob-phone-island{z-index:5;background:#1c1e21;border-radius:999px;width:84px;height:24px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.ob-slot{vertical-align:top;display:inline-block;overflow:hidden}.ob-slot-reel{will-change:transform;flex-direction:column;display:flex}.ob-slot-reel>span{justify-content:center;align-items:center;display:flex}.ob-typing{align-items:center;gap:4px;height:20px;display:inline-flex}.ob-typing i{background:var(--ink-3);border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite ob-typing}.ob-typing i:nth-child(2){animation-delay:.15s}.ob-typing i:nth-child(3){animation-delay:.3s}@keyframes ob-typing{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.ob-plan{text-align:left;border:1.5px solid var(--line);background:var(--card);width:100%;transition:background-color .15s var(--ease), border-color .15s var(--ease);border-radius:18px;align-items:center;gap:14px;padding:16px 18px;display:flex}.ob-plan[data-selected]{background:var(--mint);border-color:var(--g)}.ob-radio{border:1.5px solid var(--ink-3);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.ob-plan[data-selected] .ob-radio{border-color:var(--g)}.ob-plan[data-selected] .ob-radio:after{content:"";background:var(--g);border-radius:50%;width:12px;height:12px}.ob-rail{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-padding-left:24px}.ob-rail::-webkit-scrollbar{display:none}.ob-tag{background:var(--g);color:var(--on-g);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.ob-live{background:var(--g);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb, var(--g) 60%, transparent);border-radius:50%;animation:1.6s ease-out infinite ob-live}@keyframes ob-live{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--g) 55%, transparent)}70%{box-shadow:0 0 0 7px color-mix(in srgb, var(--g) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.ob-orbit,.ob-orbit-rev,.ob-planet,.ob-eye,.ob-live,.ob-typing i{animation:none!important}.ob,.ob-cta,.ob-option,.ob-choice,.ob-plan{transition:none!important}}}