:root{--survey-ease-out-cubic:cubic-bezier(.215, .61, .355, 1);--survey-ease-out-back:cubic-bezier(.34, 1.56, .64, 1)}.survey-root{z-index:9999;background:#eff0fe;flex-direction:column;height:100svh;min-height:100svh;display:flex;position:fixed;inset:0;overflow:hidden}@supports not (height:100svh){.survey-root{height:100dvh;min-height:100dvh}}.survey-shell{flex-direction:column;width:100%;max-width:440px;height:100%;margin:0 auto;display:flex;position:relative}.survey-results-page{width:100%;max-width:760px;margin:0 auto;padding:16px 20px 64px}@media (min-width:640px){.survey-results-page{padding:40px 24px 96px}}.survey-results-title{text-align:center;letter-spacing:-.01em;color:#1f2937;margin:0 0 20px;font-size:28px;font-weight:700;line-height:1.25}@media (min-width:640px){.survey-results-title{margin-bottom:32px;font-size:36px}}.survey-results-stack,.survey-about-pair{flex-direction:column;gap:24px;display:flex}@media (min-width:720px){.survey-about-pair{flex-direction:row}.survey-about-pair>*{flex:1 1 0;min-width:0}}.survey-focus-body{flex-direction:column;gap:16px;display:flex}.survey-focus-legend{flex-wrap:wrap;gap:8px 12px;display:flex}@media (min-width:720px){.survey-focus-body{flex-direction:row;align-items:center;gap:24px}.survey-focus-chart{flex:0 0 220px}.survey-focus-legend{flex-flow:column;flex:auto;row-gap:10px}}[dir=rtl] .survey-flip-rtl{transform:scaleX(-1)}.survey-round-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;width:44px;height:44px;transition:transform .12s var(--survey-ease-out-cubic);background:#fff;border:none;border-radius:9999px;flex:none;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 1px 2px #0000000d}.survey-round-btn:active{transform:scale(.92)}.survey-round-btn:disabled{cursor:default}.survey-progress-track{background:#e5e7eb;border-radius:9999px;width:100%;height:6px;overflow:hidden}.survey-progress-fill{height:100%;transition:width .36s var(--survey-ease-out-cubic);background:#6b79f8;border-radius:9999px}.survey-answer{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:none;border-radius:16px;justify-content:center;align-items:center;width:100%;padding:16px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.survey-answer:disabled{cursor:default}.survey-answer-label{text-align:center;color:#374151;transition:color .18s var(--survey-ease-out-cubic), font-weight .18s var(--survey-ease-out-cubic);font-size:14px;font-weight:600;line-height:20px}.survey-answer[data-selected=true] .survey-answer-label{color:#6b79f8;font-weight:700}.survey-answer-check{inset-inline-end:20px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}@keyframes survey-ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(2.4)}}.survey-ripple{pointer-events:none;background:#6b79f833;border-radius:9999px;animation:.48s ease-out forwards survey-ripple;position:absolute}.survey-answer[data-selected=true]{background:#6b79f814}@keyframes survey-stamp{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.survey-stamp{animation:survey-stamp .22s var(--survey-ease-out-back) both}@keyframes survey-q-enter{0%{opacity:0;transform:translate(6%)}to{opacity:1;transform:translate(0)}}.survey-q-enter{animation:survey-q-enter .24s var(--survey-ease-out-cubic) both}[dir=rtl] .survey-q-enter{animation-name:survey-q-enter-rtl}@keyframes survey-q-enter-rtl{0%{opacity:0;transform:translate(-6%)}to{opacity:1;transform:translate(0)}}@keyframes survey-cite-enter{0%{opacity:0;transform:translateY(20%)}to{opacity:1;transform:translateY(0)}}.survey-cite-enter{animation:survey-cite-enter .28s var(--survey-ease-out-cubic) both}@keyframes survey-title-rotate{0%{opacity:0;transform:translateY(18%)}to{opacity:1;transform:translateY(0)}}.survey-title-rotate{animation:survey-title-rotate .32s var(--survey-ease-out-cubic) both}@keyframes survey-spin{to{transform:rotate(360deg)}}.survey-spin{animation:.9s linear infinite survey-spin}.survey-spin-slow{animation:1.2s linear infinite survey-spin}@keyframes survey-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes survey-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.survey-scrim{z-index:20;background:#11182773;animation:.22s ease-out both survey-scrim-in;position:absolute;inset:0}.survey-sheet{inset-inline:0;animation:survey-sheet-in .28s var(--survey-ease-out-cubic) both;z-index:21;background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;position:absolute;bottom:0}@keyframes survey-toast-life{0%{opacity:0;transform:translateY(-12px)}8%{opacity:1;transform:translateY(0)}82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.survey-toast{animation:survey-toast-life 3.4s var(--survey-ease-out-cubic) both}@property --survey-sweep{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes survey-pie-sweep{to{--survey-sweep:360deg}}.survey-pie{-webkit-mask:conic-gradient(from -90deg, #000 var(--survey-sweep), transparent 0);-webkit-mask:conic-gradient(from -90deg, #000 var(--survey-sweep), transparent 0);mask:conic-gradient(from -90deg, #000 var(--survey-sweep), transparent 0);animation:survey-pie-sweep .6s var(--survey-ease-out-cubic) both}@supports not (background:conic-gradient(from -90deg, #000 10deg, transparent 0)){.survey-pie{animation:none;-webkit-mask:none;mask:none}}@media (prefers-reduced-motion:reduce){.survey-progress-fill,.survey-answer-label,.survey-stamp,.survey-q-enter,.survey-cite-enter,.survey-title-rotate,.survey-pie,.survey-scrim,.survey-sheet,.survey-toast{transition-duration:1ms!important;animation-duration:1ms!important}.survey-spin,.survey-spin-slow{animation-duration:.9s!important}}