.dx-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.dx-card{display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--card);border:1px solid var(--line-soft);border-radius:26px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s}@media (hover:hover){.dx-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.08)}}.dx-card.is-first{background:linear-gradient(160deg,var(--tint-auto,#f0f7ff),var(--card-auto,#fff) 60%);border-color:#cfe2fa}.dx-card h2{margin:0;font-size:19px;line-height:1.25;letter-spacing:-.02em;font-weight:650}.dx-card p{margin:0;flex:1;font-size:14px;line-height:1.55;color:var(--muted)}.dx-card .btn-primary,.dx-card .btn-secondary{margin-top:6px;width:100%}.dx-meta{display:flex;flex-wrap:wrap;gap:6px}.dx-meta span{padding:4px 10px;border-radius:999px;background:var(--fill-auto,#f2f3f5);color:var(--muted-auto,#626c7a);font-size:12px;font-weight:550}.dx-meta .dx-done{background:var(--tint-green-auto,#e9f6ee);color:#17623a}.dx-meta .dx-start{background:#0071e3;color:#fff}.quiz-cheer{margin:-4px 0 10px;text-align:center;font-size:13px;font-weight:500;color:var(--muted);animation:cn-fade .3s ease both}.step-panel{animation:dx-in .5s cubic-bezier(.16,1,.3,1) both}.step-panel-back{animation-name:dx-in-back}.step-panel .quiz-question{animation:dx-title .55s cubic-bezier(.16,1,.3,1) both}.step-panel .quiz-option.stagger-item{animation:dx-opt .5s cubic-bezier(.16,1,.3,1) both}.step-panel .quiz-options>.quiz-option:first-child{animation-delay:.08s}.step-panel .quiz-options>.quiz-option:nth-child(2){animation-delay:.13s}.step-panel .quiz-options>.quiz-option:nth-child(3){animation-delay:.18s}.step-panel .quiz-options>.quiz-option:nth-child(4){animation-delay:.23s}.step-panel .quiz-options>.quiz-option:nth-child(5){animation-delay:.28s}.step-panel .quiz-options>.quiz-option:nth-child(n+6){animation-delay:.33s}.step-panel .quiz-option.stagger-item{opacity:1;animation-fill-mode:backwards}.quiz-option{position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .3s ease,filter .3s ease,background-color .2s ease}.quiz-option:before{content:"";position:absolute;inset:0;z-index:0;background:var(--accent-soft);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.16,1,.3,1);pointer-events:none}.quiz-option>*{position:relative;z-index:1}.quiz-option.is-selected:before{transform:scaleX(1)}.quiz-option.is-selected{transform:scale(1.015)}.quiz-option-check.is-on{animation:dx-check .45s cubic-bezier(.34,1.56,.64,1) both}@keyframes dx-check{0%{transform:scale(.3) rotate(-25deg);opacity:0}}.step-panel.has-pick .quiz-option:not(.is-selected){opacity:.45;transform:scale(.985)}.quiz-count{display:inline-block;animation:dx-count .4s cubic-bezier(.16,1,.3,1) both}@keyframes dx-count{0%{opacity:0;transform:translateY(-6px)}}.quiz-progress{position:relative}.quiz-progress .progress-fill{position:relative;transition:width .7s cubic-bezier(.16,1,.3,1)}.quiz-progress .progress-fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.7));animation:dx-shine 1.6s ease-in-out infinite}@keyframes dx-shine{0%,to{opacity:0}50%{opacity:1}}.quiz-cheer{animation:dx-cheer .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes dx-cheer{0%{opacity:0;transform:translateY(6px) scale(.96)}}@media (prefers-reduced-motion:reduce){.quiz-cheer,.quiz-count,.quiz-option-check.is-on,.step-panel,.step-panel .quiz-option.stagger-item,.step-panel .quiz-question{animation:dx-fade .2s ease both!important}@keyframes dx-fade{0%{opacity:0}}.quiz-progress .progress-fill:after{animation:none}.quiz-option,.quiz-option:before{transition:none}}@keyframes dx-title{0%{opacity:0;transform:translateY(6px)}}.quiz-cheer-slot{min-height:26px}.quiz-cheer-slot .quiz-cheer{margin:0 0 8px}.quiz-option{transition:border-color .25s ease,background-color .25s ease,box-shadow .25s ease,opacity .3s ease,transform .3s cubic-bezier(.22,.61,.36,1)!important}@media (hover:hover) and (pointer:fine){.quiz-option:hover:not(.is-selected){background:var(--fill-auto,#fafafc);box-shadow:0 0 0 .5px var(--line),0 4px 14px -6px rgba(0,0,0,.12);transform:translateY(-1px)}}.quiz-option.is-selected{transform:none}.step-panel.has-pick .quiz-option:not(.is-selected){opacity:.6;transform:none}.step-panel .quiz-option.stagger-item{animation-duration:.6s;transform:none}@media (hover:hover) and (pointer:fine){.step-panel .quiz-option.stagger-item:hover:not(.is-selected){transform:translateY(-1px)}}@keyframes dx-in{0%{opacity:.12;transform:translateX(18px)}}@keyframes dx-in-back{0%{opacity:.12;transform:translateX(-18px)}}.step-panel{animation-duration:.36s;animation-timing-function:cubic-bezier(.23,1,.32,1)}.step-panel .quiz-options>.quiz-option:first-child{animation-delay:.03s}.step-panel .quiz-options>.quiz-option:nth-child(2){animation-delay:.06s}.step-panel .quiz-options>.quiz-option:nth-child(3){animation-delay:.09s}.step-panel .quiz-options>.quiz-option:nth-child(4){animation-delay:.12s}.step-panel .quiz-options>.quiz-option:nth-child(n+5){animation-delay:.15s}@keyframes dx-opt{0%{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}.quiz-actions button:focus:not(:focus-visible),.quiz-back:focus:not(:focus-visible){outline:none;box-shadow:none}.step-panel.is-leaving{animation:dx-out .16s cubic-bezier(.23,1,.32,1) forwards;transition:none}@keyframes dx-out{0%{opacity:1;transform:none}to{opacity:.12;transform:translateX(-18px)}}@media (prefers-reduced-motion:reduce){.step-panel.is-leaving{animation:none}}.quiz-kicker{margin:0 0 6px;color:var(--accent);font-size:13px;font-weight:650;letter-spacing:.01em;animation:dx-title .5s cubic-bezier(.16,1,.3,1) both}.quiz-option{gap:14px;padding:14px 16px;border-radius:18px}.quiz-option-key{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--fill-auto,#f2f2f7);color:var(--muted);font-size:14px;font-weight:650;font-variant-numeric:tabular-nums;transition:background-color .25s ease,color .25s ease,transform .35s cubic-bezier(.34,1.56,.64,1)}.quiz-option.is-selected .quiz-option-key{background:var(--accent);color:#fff;transform:scale(1.06)}@media (hover:hover) and (pointer:fine){.quiz-option:hover:not(.is-selected) .quiz-option-key{background:var(--fill-auto,#e8e8ed);color:var(--text)}}.quiz-option-check:not(.is-on){opacity:0}.quiz-progress{height:6px;border-radius:99px;background:var(--fill-auto,#e8e8ed)}@media (max-width:1023px){.quiz-actions{position:sticky;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 84px);z-index:5;margin-top:18px;padding:8px;border-radius:26px;background:rgba(245,245,247,.82);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);box-shadow:0 6px 20px -8px rgba(0,0,0,.18)}.quiz-option{padding:13px 14px}.quiz-actions{padding:10px 0 0;background:linear-gradient(rgba(245,245,247,0),var(--bg) 22%);box-shadow:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}.quiz-actions .btn-secondary{display:none}.quiz-actions .btn-primary{flex:1 1 100%;min-height:52px;box-shadow:0 8px 20px -8px rgba(0,113,227,.55)}.quiz-progress{margin-bottom:14px}.quiz-cheer-slot{min-height:0}.quiz-cheer-slot:not(:empty){min-height:26px}}.dx-morph{position:fixed;z-index:400;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:600;font-size:15px;box-shadow:0 10px 30px -8px rgba(0,113,227,.6);pointer-events:none;overflow:hidden;white-space:nowrap}.quiz-shell.is-intro>*{opacity:0}.quiz-shell.is-reveal .quiz-top{animation:dx-r-down .6s cubic-bezier(.16,1,.3,1) both}.quiz-shell.is-reveal .quiz-kicker{animation:dx-r-up .55s cubic-bezier(.16,1,.3,1) .08s both}.quiz-shell.is-reveal .quiz-question{animation:dx-r-title .8s cubic-bezier(.16,1,.3,1) .14s both}.quiz-shell.is-reveal .quiz-options>.quiz-option{animation:dx-r-opt .7s cubic-bezier(.16,1,.3,1) both}.quiz-shell.is-reveal .quiz-options>.quiz-option:first-child{animation-delay:.3s}.quiz-shell.is-reveal .quiz-options>.quiz-option:nth-child(2){animation-delay:.38s}.quiz-shell.is-reveal .quiz-options>.quiz-option:nth-child(3){animation-delay:.46s}.quiz-shell.is-reveal .quiz-options>.quiz-option:nth-child(n+4){animation-delay:.54s}.quiz-shell.is-reveal .quiz-actions{animation:dx-r-up .6s cubic-bezier(.16,1,.3,1) .62s both}@keyframes dx-r-down{0%{opacity:0;transform:translateY(-10px)}}@media (max-width:1023px){.quiz-actions{position:fixed;left:16px;right:16px;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 80px);z-index:40;margin:0;padding:0;background:none}.quiz-shell{padding-bottom:90px}.quiz-actions .btn-primary:disabled{opacity:1;background:#b9d3f3;color:#fff;box-shadow:none}.quiz-actions:before{content:"";position:absolute;left:-16px;right:-16px;top:-18px;bottom:-12px;z-index:-1;background:linear-gradient(rgba(245,245,247,0),var(--fill-auto,#f5f5f7) 40%);pointer-events:none}}.dx-morph{top:0;left:0;will-change:transform,width,height}.dx-morph span{display:block}.quiz-shell.is-reveal .quiz-top{animation-duration:.8s}.quiz-shell.is-reveal .quiz-kicker{animation:dx-r-up .8s cubic-bezier(.22,.61,.36,1) .04s both}.quiz-shell.is-reveal .quiz-question{animation:dx-r-title 1s cubic-bezier(.22,.61,.36,1) .08s both}.quiz-shell.is-reveal .quiz-options>.quiz-option{animation:dx-r-opt .9s cubic-bezier(.22,.61,.36,1) both}.quiz-shell.is-reveal .quiz-options>.quiz-option:first-child{animation-delay:.16s}.quiz-shell.is-reveal .quiz-options>.quiz-option:nth-child(2){animation-delay:.22s}.quiz-shell.is-reveal .quiz-options>.quiz-option:nth-child(3){animation-delay:.28s}.quiz-shell.is-reveal .quiz-options>.quiz-option:nth-child(n+4){animation-delay:.34s}.quiz-shell.is-reveal .quiz-actions{animation:dx-r-up .9s cubic-bezier(.22,.61,.36,1) .4s both}@keyframes dx-r-up{0%{opacity:0;transform:translateY(10px)}}@keyframes dx-r-title{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes dx-r-opt{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}.dx-morph{padding:0;box-sizing:border-box;min-height:0;line-height:1}.dx-morph span{position:absolute;inset:0;display:grid;place-items:center}.quiz-actions.is-floating{position:fixed;left:16px;right:16px;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 80px);z-index:45;display:flex;gap:8px;margin:0}.quiz-actions.is-floating .btn-secondary{display:none}.quiz-actions.is-floating .btn-primary{flex:1 1 100%;min-height:52px}.quiz-actions.is-floating.is-hold{opacity:0}.quiz-actions.is-floating.is-reveal{animation:dx-r-up .9s cubic-bezier(.22,.61,.36,1) .4s both}@media (max-width:1023px){.quiz-shell{padding-bottom:150px}}.quiz-shell.is-intro .step-panel,.quiz-shell.is-intro .step-panel .quiz-kicker,.quiz-shell.is-intro .step-panel .quiz-question,.quiz-shell.is-reveal .step-panel,.step-panel:has(>.quiz-shell.is-intro),.step-panel:has(>.quiz-shell.is-reveal){animation:none!important}.quiz-shell.is-intro .quiz-options>.quiz-option{animation:none!important}.quiz-question.is-likert{min-height:2.6em;margin-bottom:.5rem;text-align:center}.lf{--c:var(--accent);display:grid;justify-items:center;gap:10px;padding:4px 0 8px;user-select:none;-webkit-user-select:none}.lf.is-no{--c:#8e8e93}.lf.is-idle,.lf.is-mid{--c:#aeaeb2}.lf-face svg{display:block;overflow:visible}.lf-head{fill:color-mix(in srgb,var(--c) 12%,transparent);stroke:var(--c);stroke-width:3;transition:fill .2s ease,stroke .2s ease}.lf-eye{fill:var(--c);transition:fill .2s ease,cy .2s cubic-bezier(.23,1,.32,1),ry .2s cubic-bezier(.23,1,.32,1)}.lf-brow,.lf-mouth{fill:none;stroke:var(--c);stroke-width:3.5;stroke-linecap:round;transition:d .22s cubic-bezier(.23,1,.32,1),stroke .2s ease}.lf-brow{stroke-width:3;opacity:.7}.lf-label{min-height:1.4em;font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--c);transition:color .2s ease}.lf.is-idle .lf-label{font-weight:500;color:var(--muted)}.lf-track{container-type:inline-size;position:relative;display:flex;width:100%;max-width:420px;height:60px;padding:6px;border-radius:999px;background:var(--surface-2);touch-action:none;cursor:pointer;isolation:isolate}.lf-fill{position:absolute;z-index:-1;inset:6px;border-radius:inherit;background:linear-gradient(90deg,hsla(240,2%,57%,.28),color-mix(in srgb,var(--accent) 34%,transparent));opacity:.9}.lf.is-idle .lf-fill{opacity:.35}.lf-stop{flex:1;display:grid;place-items:center;border-radius:999px;touch-action:none;-webkit-tap-highlight-color:transparent}.lf-stop i{width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--text) 30%,transparent)}.lf-stop:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.lf-thumb{position:absolute;top:6px;left:6px;width:48px;height:48px;border-radius:50%;pointer-events:none;translate:calc(var(--p) * (100cqw - 48px)) 0;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.18),0 0 0 .5px rgba(0,0,0,.06);transition:translate .24s cubic-bezier(.23,1,.32,1),scale .16s cubic-bezier(.23,1,.32,1),opacity .2s ease}.lf-thumb.is-idle{opacity:.55;scale:.82}.lf-track.is-drag .lf-thumb{transition:translate 90ms linear,scale .16s ease-out;scale:1.08}.lf-track:active .lf-thumb:not(.is-idle){scale:1.08}.lf-ends{display:flex;justify-content:space-between;width:100%;max-width:420px;padding:0 8px;color:var(--muted);font-size:12.5px;font-weight:500}.lf-ends span:last-child{color:var(--accent)}:root[data-theme=dark] .lf-thumb{background:#f2f2f7}@media (prefers-reduced-motion:reduce){.lf-brow,.lf-eye,.lf-mouth,.lf-thumb{transition:none}}.lf-step{display:flex;flex-direction:column;justify-content:center;min-height:calc(100dvh - 290px);padding-bottom:24px}.lf-step .quiz-kicker{text-align:center}.lf-step .quiz-question.is-likert{font-size:clamp(1.5rem,6vw,2rem);margin-bottom:1.25rem}.lf-step .lf{gap:14px}.lf-step .lf-label{font-size:19px}@media (min-width:1024px){.lf-step{min-height:min(calc(100dvh - 240px),560px)}}