.ob-popup{padding:0}.overlay:has(.ob-popup){-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.ob-popup>div{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.ob-popup>div>button{display:none}.onboarding-quiz .ob-card{text-align:center;background:#121212;border:1px solid #454545;border-radius:28px;flex-direction:column;width:min(1200px,92vw);height:min(880px,90vh);padding:44px 56px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #0009}.onboarding-quiz .ob-card[data-view=cards]{width:min(720px,92vw);height:auto;max-height:90vh;padding:56px 56px 40px}.onboarding-quiz .ob-close{z-index:3;color:#8f8f95;cursor:pointer;background:#1c1c1c;border:none;border-radius:50%;place-items:center;width:36px;min-width:36px;height:36px;padding:0;transition:background .18s,color .18s;display:grid;position:absolute;top:20px;right:20px}.onboarding-quiz .ob-close svg{width:16px;height:16px}@media (hover:hover){.onboarding-quiz .ob-close:hover{color:#fff;background:#262626}}.onboarding-quiz .ob-fullscreen{z-index:250;background:#0e0e0e;outline:none;flex-direction:column;padding:24px clamp(16px,5vw,64px) 32px;display:flex;position:fixed;inset:0;overflow-y:auto}.onboarding-quiz .ob-fullscreen .ob-flow{text-align:center;flex-direction:column;flex:auto;width:100%;max-width:1200px;min-height:0;margin:0 auto;display:flex}.onboarding-quiz .ob-flow{flex-direction:column;flex:auto;min-height:0;display:flex}.onboarding-quiz .ob-stage{flex-direction:column;flex:auto;min-height:0;transition:opacity .2s,transform .2s;animation:.3s obStageIn;display:flex}.onboarding-quiz .ob-flow[data-swapping] .ob-stage{opacity:0;transform:translateY(-8px)}@keyframes obStageIn{0%{opacity:0;transform:translateY(10px)}}.onboarding-quiz .ob-title{letter-spacing:-.02em;color:var(--text);outline:none;margin:0 0 12px;font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.18}.onboarding-quiz .ob-sub{color:var(--text-dim);margin:0 0 38px;font-size:17px;font-weight:400}.onboarding-quiz .ob-cards{grid-template-columns:repeat(2,1fr);gap:20px;width:min(100%,640px);margin-inline:auto;display:grid}.onboarding-quiz .ob-escape-row{margin-top:18px}.onboarding-quiz .ob-escape{cursor:pointer;color:var(--text-mute);text-underline-offset:4px;background:0 0;border:none;padding:6px 10px;font-size:14px;font-weight:400;text-decoration:underline;transition:color .18s}@media (hover:hover){.onboarding-quiz .ob-escape:hover{color:var(--text-dim)}}.onboarding-quiz .ob-body{text-align:left;flex:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:56px;min-height:0;display:grid}.onboarding-quiz .ob-body.is-solo{grid-template-columns:minmax(0,1fr);width:100%;max-width:640px;margin-inline:auto}.onboarding-quiz .ob-col-left{flex-direction:column;min-width:0;min-height:0;display:flex}.onboarding-quiz .ob-list{scrollbar-width:none;flex:auto;min-height:0;margin:-8px -10px 0;padding:8px 10px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 46px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 46px),#0000 100%)}.onboarding-quiz .ob-list::-webkit-scrollbar{display:none}.onboarding-quiz .ob-col-right{flex-direction:column;justify-content:center;min-width:0;min-height:0;display:flex;container-type:size}.onboarding-quiz .ob-col-right .preset-stage,.onboarding-quiz .ob-col-right .preset-dots{--card-w:min(69cqw, 590px, calc((100cqh - 90px) * 7 / 10))}.onboarding-quiz .ob-col-right .preset-stage{padding-right:calc(var(--card-w) * .099);justify-content:center}.onboarding-quiz .ob-col-right .preset-dots{margin-right:calc(var(--card-w) * .099);align-self:center}.onboarding-quiz .ob-col-right .preset-deck{gap:48px;width:100%;padding-top:8px;padding-bottom:8px;padding-right:clamp(16px,2vw,32px)}.onboarding-quiz .ob-flow[data-swapping] .preset-deck{opacity:0}.onboarding-quiz .ob-actions{flex:none;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:28px;display:flex}.onboarding-quiz .ob-actions.is-centered{justify-content:center;margin-top:32px}@media (max-width:1080px){.onboarding-quiz .ob-body{gap:34px}}@media (max-width:720px){.onboarding-quiz .ob-fullscreen{padding:16px 16px 24px}.onboarding-quiz .ob-title{font-size:25px}.onboarding-quiz .ob-sub{margin-bottom:24px;font-size:15px}.onboarding-quiz .ob-cards{grid-template-columns:1fr;gap:12px}.onboarding-quiz .ob-body{grid-template-columns:1fr;gap:22px}.onboarding-quiz .ob-col-right{order:-1;container-type:normal}.onboarding-quiz .ob-col-right .preset-deck{gap:14px;padding-top:0;padding-bottom:0}.onboarding-quiz .ob-col-right .preset-stage,.onboarding-quiz .ob-col-right .preset-dots{--card-w:118px}.onboarding-quiz .ob-list{-webkit-mask-image:none;mask-image:none}.onboarding-quiz .ob-actions{gap:10px;padding-top:16px}.onboarding-quiz .ob-actions .btn-primary{flex:auto}.onboarding-quiz .ob-close{width:32px;min-width:32px;height:32px;top:14px;right:14px}.onboarding-quiz .ob-fullscreen .ob-title{padding-inline:44px}}@media (prefers-reduced-motion:reduce){.onboarding-quiz .ob-stage{transition:none;animation:none}.onboarding-quiz .ob-flow[data-swapping] .ob-stage{opacity:1;transform:none}.onboarding-quiz .ob-flow[data-swapping] .preset-deck{opacity:1}.onboarding-quiz .ob-close,.onboarding-quiz .ob-escape{transition:none}}