html,body.qf{overflow-x:clip;max-width:100%}.app-shell{min-height:100vh;padding-bottom:var(--qf-6);overflow-x:clip}.qf-section{padding-block:var(--qf-6)}.qf :focus-visible{outline:2px solid var(--qf-cobalt);outline-offset:2px;border-radius:4px}.qf :focus:not(:focus-visible){outline:none}.hero{position:relative;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}.hero--welcome{min-height:40vh}.hero--full{min-height:100vh;align-items:center;text-align:center}.hero__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,#10162ae6 5%,#10162a59 55%,#10162a80)}.hero--full .hero__scrim{background:linear-gradient(to top,#10162adb,#173350b3)}.hero__content{position:relative;padding-block:var(--qf-6)}.hero__content .qf-title{color:#fff;max-width:20ch}.hero--full .hero__content .qf-title,.hero--full .hero__content .qf-lead{color:var(--qf-dark-text);margin-inline:auto}.qf-stack--lg{display:grid}.qf-stack,.qf-stack--lg{grid-template-columns:minmax(0,1fr)}.qf-card{min-width:0}.hstack>.input{min-width:0;flex:1 1 12rem}.qf p,.qf ul,.qf ol,.qf h1,.qf h2,.qf h3{margin:0}.qf ul,.qf ol{padding-left:1.25rem}.qf li+li{margin-top:.4rem}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--qf-paper) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--qf-hairline)}.topbar__inner{display:flex;align-items:center;gap:var(--qf-4);padding:var(--qf-3) 0}.topbar__home{display:inline-flex;background:none;border:0;padding:.2rem;cursor:pointer;color:var(--qf-muted);flex:none}.topbar__home:hover{color:var(--qf-ink)}.topbar__grow{flex:1;min-width:0}.topbar__meta{display:flex;align-items:center;gap:var(--qf-3);font-size:.8rem;color:var(--qf-muted);white-space:nowrap;flex-wrap:wrap;justify-content:flex-end;row-gap:.3rem}.overview,.content,.reveal-tile,.metric{min-width:0}@media (max-width: 520px){.topbar__meta{gap:var(--qf-2);font-size:.76rem}}.topbar__meta .qf-num{color:var(--qf-ink);font-weight:600}.saved{font-size:.8rem;color:var(--qf-muted);display:inline-flex;align-items:center;gap:.35rem}.saved b{color:var(--qf-green)}.saved--err{color:#b23}.shell{display:block}.sidebar{display:none}.sections-mobile{display:block}@media (min-width: 980px){.shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:var(--qf-7);align-items:start}.sidebar{display:block;position:sticky;top:84px}.sections-mobile{display:none}}.side-prog{display:grid;gap:.5rem;padding-bottom:var(--qf-4);border-bottom:1px solid var(--qf-hairline)}.side-prog__row{display:flex;justify-content:space-between;font-size:.82rem;color:var(--qf-muted)}.side-prog__row b{color:var(--qf-ink);font-weight:600}.nav{display:grid;gap:var(--qf-4);margin-top:var(--qf-4)}.nav__group{display:grid;gap:.15rem}.nav__label{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--qf-muted);margin-bottom:.3rem}.nav__item{display:flex;align-items:center;gap:.6rem;padding:.4rem .5rem;border-radius:var(--qf-radius-sm);background:none;border:0;cursor:pointer;font:inherit;text-align:left;color:var(--qf-ink);width:100%}.nav__item:hover{background:var(--qf-cobalt-wash)}.nav__item--on{background:var(--qf-cobalt-wash);font-weight:600}.nav__dot{width:.5rem;height:.5rem;border-radius:50%;background:#14192a2e;flex:none;display:grid;place-items:center;color:#fff}.nav__dot--done{width:.9rem;height:.9rem;background:var(--qf-green)}.nav__dot--partial{background:var(--qf-cobalt)}.nav__dot svg{display:block}.nav__foot{margin-top:var(--qf-5);display:grid;gap:var(--qf-3)}.overview{display:grid;gap:var(--qf-5)}.brandmark{font-family:var(--qf-serif);font-weight:600;font-size:.98rem;color:var(--qf-ink)}.intro-head{display:grid;gap:var(--qf-4)}.intro-head .qf-lead{max-width:56ch}.intro-card{display:grid;gap:var(--qf-4)}.intro-actions{display:flex;align-items:center;gap:var(--qf-4);flex-wrap:wrap}.done{display:grid;gap:var(--qf-6);max-width:640px;margin-inline:auto}.done__body{display:grid;gap:var(--qf-4);justify-items:center;text-align:center}.done__check{width:3rem;height:3rem;border-radius:50%;background:var(--qf-green);color:#fff;display:grid;place-items:center}.done__body .qf-lead{max-width:46ch}.added-chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--qf-green);animation:chip-pop .22s ease-out}@keyframes chip-pop{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.added-chip{animation:none}}.cover{border-radius:var(--qf-radius-lg);overflow:hidden;line-height:0}.cover img{width:100%;height:132px;object-fit:cover;display:block}.dash__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--qf-4);flex-wrap:wrap}.dash__eyebrow{font-size:.82rem;color:var(--qf-muted)}.dash__title{font-family:var(--qf-serif);font-weight:600;font-size:clamp(1.9rem,4vw,2.5rem);line-height:1.03;letter-spacing:-.02em;margin-top:.1rem}.levelpill{display:inline-flex;align-items:baseline;gap:.5rem;padding:.4rem .8rem;border-radius:999px;background:var(--qf-surface);border:1px solid var(--qf-hairline);font-size:.82rem;white-space:nowrap}.levelpill b{font-weight:600}.levelpill span{color:var(--qf-muted)}.dash__orient{margin-top:var(--qf-3);max-width:46ch;font-size:1rem}.dash__ring{display:grid;justify-items:center;gap:.3rem;flex:none}.dash__cheer{font-size:.78rem;color:var(--qf-cobalt);font-weight:600}.ring{display:block}.ring__track{fill:none;stroke:#14192a1a;stroke-width:6}.ring__fill{fill:none;stroke:var(--qf-cobalt);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .8s var(--qf-ease)}.ring__t{font-family:var(--qf-serif);font-weight:600;font-size:15px;fill:var(--qf-ink)}@media (max-width: 520px){.dash__ring{justify-items:start}}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--qf-4)}.metrics--two{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 600px){.metrics,.metrics--two{grid-template-columns:1fr}}.metric{background:var(--qf-surface);border:1px solid var(--qf-hairline);border-radius:var(--qf-radius);padding:var(--qf-5);display:grid;gap:.35rem}.metric__l{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--qf-muted)}.metric__n{font-family:var(--qf-serif);font-weight:600;font-size:1.9rem;line-height:1;color:var(--qf-ink);font-variant-numeric:tabular-nums}.metric__n small{font-size:.5em;color:var(--qf-muted);font-weight:500}.metric__bar{height:.3rem;border-radius:999px;background:#14192a14;overflow:hidden;margin-top:.5rem}.metric__bar span{display:block;height:100%;background:var(--qf-cobalt);border-radius:inherit;transition:width .7s var(--qf-ease)}.continue{display:flex;align-items:center;justify-content:space-between;gap:var(--qf-4);flex-wrap:wrap}.continue__k{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--qf-muted)}.continue__t{font-weight:600;font-size:1.05rem;margin-top:.25rem}.section{display:grid;gap:var(--qf-3)}.section__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:var(--qf-muted)}.legend{display:flex;gap:var(--qf-4);align-items:center;font-size:.74rem;color:var(--qf-muted)}.legend span{display:inline-flex;align-items:center;gap:.35rem}.legend i{width:.55rem;height:.55rem;border-radius:50%;display:inline-block;background:#14192a2e}.legend i.done{background:var(--qf-green)}.legend i.partial{background:var(--qf-cobalt)}.partlist{border:1px solid var(--qf-hairline);border-radius:var(--qf-radius);overflow:hidden;background:var(--qf-surface)}.part{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--qf-4);padding:var(--qf-4) var(--qf-5);border:0;border-top:1px solid var(--qf-hairline);background:none;cursor:pointer;text-align:left;width:100%;transition:background .12s}.part:first-child{border-top:0}.part:hover{background:var(--qf-cobalt-wash)}.part__dot{width:.6rem;height:.6rem;border-radius:50%;background:#14192a2e;flex:none;display:grid;place-items:center;color:#fff}.part__dot--done{width:1rem;height:1rem;background:var(--qf-green)}.part__dot--partial{background:var(--qf-cobalt)}.part__dot svg{display:block}.part__main{min-width:0;display:grid;gap:.1rem}.part__name{font-weight:600;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.part__purpose{color:var(--qf-muted);font-size:.85rem}.part__right{display:flex;align-items:center;gap:var(--qf-3);color:var(--qf-muted);font-size:.82rem}.part__count{font-variant-numeric:tabular-nums}.part__chev{color:var(--qf-muted);flex:none}.metric--link{cursor:pointer;text-align:left;font:inherit;color:inherit;width:100%;transition:border-color .12s,background .12s}.metric--link:hover{border-color:var(--qf-cobalt);background:var(--qf-cobalt-wash)}.metric__go{font-size:.78rem;color:var(--qf-cobalt);font-weight:600}.finalcard{border:2px solid var(--qf-ink);border-radius:var(--qf-radius);background:var(--qf-surface);padding:var(--qf-5);display:grid;gap:var(--qf-3)}.finalcard__head{display:flex;align-items:center;gap:.55rem}.finalcard__icon{width:1.9rem;height:1.9rem;border-radius:50%;background:var(--qf-ink);color:#fff;display:grid;place-items:center;flex:none}.finalcard__t{font-weight:600;font-size:1.05rem}.quest{display:grid;gap:var(--qf-6);max-width:680px}.quest__nav{display:flex;align-items:center;justify-content:space-between;gap:var(--qf-3)}.quest__pos{font-size:.78rem;color:var(--qf-muted)}.quest__foot{display:flex;align-items:center;gap:var(--qf-4);flex-wrap:wrap}.qlist{display:grid;gap:var(--qf-6)}.question{background:var(--qf-surface);border:1px solid var(--qf-hairline);border-radius:var(--qf-radius);padding:var(--qf-6) var(--qf-6) var(--qf-5)}.question__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--qf-4)}.question__badges{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;flex:none}.qf .qf-flag{background:#14192a0f;color:var(--qf-muted)}.tag{display:inline-flex;align-items:center;gap:.3rem;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;padding:.18rem .5rem;border-radius:999px;white-space:nowrap}.tag--deep{background:#14192a0f;color:var(--qf-muted)}.tag--first{background:#b8862f2e;color:#7a5a12}.tag--core{background:transparent;color:var(--qf-ink);border:1px solid var(--qf-hairline)}.tags-row{display:flex;gap:.4rem;flex-wrap:wrap}.question__prompt{font-family:var(--qf-sans);font-weight:600;font-size:1.0625rem;line-height:1.4}.question__help{color:var(--qf-muted);font-size:.9rem;margin-top:.5rem;max-width:54ch;line-height:1.55}.state-tag{font-size:.78rem;font-weight:500;color:var(--qf-muted);white-space:nowrap;flex:none}.state-tag--answered{color:var(--qf-green)}.state-tag--skipped{color:var(--qf-muted)}.state-tag--untouched{display:none}.state-tag--clicked,.state-tag--in_progress{color:var(--qf-cobalt)}.field{margin-top:var(--qf-5)}.wordcount{font-size:.75rem;color:var(--qf-muted);margin-top:.35rem;text-align:right}.rec-live{display:flex;align-items:center;gap:var(--qf-3);flex-wrap:wrap}.rec-time{font-size:.85rem;color:var(--qf-ink);font-weight:600;min-width:2.4rem}.rec-wave{height:28px;width:240px;max-width:100%}@media (max-width: 520px){.rec-wave{width:140px}}textarea.input,input.input,select.input{width:100%;font-family:var(--qf-sans);font-size:1rem;color:var(--qf-ink);background:var(--qf-surface);border:1px solid var(--qf-hairline);border-radius:var(--qf-radius-sm);padding:var(--qf-3);line-height:1.5}textarea.input{min-height:120px;resize:vertical}.input:focus-visible{outline:none;box-shadow:var(--qf-ring)}select.input{cursor:pointer}.qf input[type=file]{font:inherit;font-size:.85rem;color:var(--qf-muted);max-width:100%}.qf input[type=file]::file-selector-button{font:inherit;font-weight:600;font-size:.85rem;padding:var(--qf-2) var(--qf-4);margin-right:var(--qf-3);border:1px solid var(--qf-hairline);border-radius:999px;background:var(--qf-surface);color:var(--qf-ink);cursor:pointer;transition:border-color .14s,background .14s}.qf input[type=file]::file-selector-button:hover{border-color:var(--qf-cobalt);background:var(--qf-cobalt-wash)}.filepick{display:inline-flex;cursor:pointer}.filepick>input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.filepick>span{cursor:pointer}.datastat__l{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--qf-muted)}.datastat__sub{font-size:.82rem;color:var(--qf-muted);margin-top:.25rem}.datatags{display:flex;flex-wrap:wrap;gap:.4rem}.datatag{font-size:.85rem;padding:.25rem .65rem;border-radius:999px;background:var(--qf-cobalt-wash);color:var(--qf-ink)}.datathemes{margin:.5rem 0 0;padding-left:1.1rem}.datathemes li{margin:.2rem 0}.reveal{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--qf-6)}.reveal__cover img{height:200px}.reveal__head{display:grid;gap:var(--qf-3)}.reveal__head .qf-lead{max-width:60ch}.reveal__tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--qf-4)}.reveal-tile{background:var(--qf-surface);border:1px solid var(--qf-hairline);border-radius:var(--qf-radius);padding:var(--qf-4)}.reveal-tile__l{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--qf-muted)}.reveal-tile__n{font-family:var(--qf-serif);font-size:2.1rem;line-height:1.05;margin-top:.3rem;letter-spacing:-.01em}.reveal-tile__n small{font-family:var(--qf-sans);font-size:.8rem;color:var(--qf-muted);font-weight:400}.reveal-tile__s{font-size:.82rem;color:var(--qf-muted);margin-top:.3rem}.reveal__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--qf-5);align-items:start}@media (max-width: 720px){.reveal__grid{grid-template-columns:minmax(0,1fr)}}.reveal__chart{min-width:0}.reveal__chart .datastat__l{margin-bottom:var(--qf-3)}.reveal__quote{font-family:var(--qf-serif);font-size:1.15rem;line-height:1.4;margin:var(--qf-3) 0 var(--qf-2)}.reveal__cta{display:flex;align-items:center;gap:var(--qf-4);flex-wrap:wrap;padding-top:var(--qf-2)}.chart{width:100%;max-width:100%;min-width:0;height:auto;display:block}.chart__axis{stroke:var(--qf-hairline);stroke-width:1}.chart__bar{fill:var(--qf-cobalt)}.chart__zero{fill:var(--qf-hairline)}.chart__val{fill:var(--qf-ink);font-size:12px;font-weight:600;font-family:var(--qf-sans)}.chart__lbl{fill:var(--qf-muted);font-size:11px;font-family:var(--qf-sans)}.fbars{display:grid;gap:var(--qf-3)}.fbar{display:grid;grid-template-columns:5.5rem 1fr auto;align-items:center;gap:var(--qf-3)}.fbar__k{font-size:.9rem}.fbar__track{height:12px;border-radius:999px;background:var(--qf-cobalt-wash);overflow:hidden}.fbar__fill{display:block;height:100%;background:var(--qf-cobalt);border-radius:999px}.fbar__v{font-variant-numeric:tabular-nums;font-weight:600;font-size:.9rem}.topbar__data{color:var(--qf-muted)!important}.topbar__data:hover{color:var(--qf-cobalt)!important}.dangerzone{display:flex;align-items:center;justify-content:space-between;gap:var(--qf-4);flex-wrap:wrap;border:1px solid rgba(178,34,34,.35);border-radius:var(--qf-radius);padding:var(--qf-5);margin-top:var(--qf-6)}.qf-btn.danger{border-color:#b2222280;color:#b23}.qf-btn.danger:hover{background:#b222220f}.qf-btn.danger-solid{background:#b23;color:#fff}.qf-btn.danger-solid:hover{background:#9e1f1f}.data-note{display:flex;gap:.5rem;align-items:flex-start;margin-top:var(--qf-3);padding:var(--qf-2) var(--qf-3);border-radius:var(--qf-radius);background:var(--qf-cobalt-wash);font-size:.88rem;color:var(--qf-ink)}.data-note__tag{color:var(--qf-cobalt);font-size:.7rem;line-height:1.5;flex:none}.prefill-note{display:flex;align-items:center;justify-content:space-between;gap:var(--qf-3);padding:var(--qf-2) var(--qf-3);margin-bottom:var(--qf-2);border:1px solid var(--qf-cobalt);border-radius:var(--qf-radius);background:var(--qf-cobalt-wash);font-size:.85rem;color:var(--qf-ink)}.prefill-note .qf-btn{flex:none;padding:var(--qf-1) var(--qf-3)}.input--draft{border-color:var(--qf-cobalt);background:var(--qf-cobalt-wash)}.seg{display:inline-flex;border:1px solid var(--qf-hairline);border-radius:999px;overflow:hidden;background:var(--qf-surface)}.seg button{border:0;background:none;padding:.35rem .75rem;font:inherit;font-size:.78rem;font-weight:600;color:var(--qf-muted);cursor:pointer}.seg button+button{border-left:1px solid var(--qf-hairline)}.seg button.on{background:var(--qf-cobalt);color:#fff}.mirror{display:grid;gap:var(--qf-5)}.mirror__preview{margin-top:var(--qf-3);display:grid;gap:.35rem;padding-left:1.1rem}.mirror__replies{display:grid;gap:var(--qf-2)}.actions{display:flex;gap:var(--qf-4);align-items:center;flex-wrap:wrap;margin-top:var(--qf-5)}.link-btn{background:none;border:0;color:var(--qf-muted);cursor:pointer;font:inherit;font-size:.85rem;text-decoration:underline;text-underline-offset:3px}.link-btn:hover{color:var(--qf-ink)}.subtle{background:none;border:0;padding:0;margin:0;cursor:pointer;font:inherit;font-size:.8rem;color:var(--qf-muted);display:inline-flex;align-items:center;gap:.35rem}.subtle:hover{color:var(--qf-ink)}.subtle__dot{width:.5rem;height:.5rem;border-radius:50%;background:currentColor;opacity:.6}.slider-wrap{margin-top:var(--qf-4)}.slider-labels{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem;color:var(--qf-muted);margin-bottom:var(--qf-2);gap:var(--qf-3)}.slider-val{font-family:var(--qf-serif);font-weight:600;font-size:1.1rem;color:var(--qf-cobalt);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--qf-cobalt)}.slider-ticks{display:flex;justify-content:space-between;margin-top:.35rem;padding:0 2px}.slider-ticks span{width:2px;height:6px;background:#14192a29;border-radius:1px}.slider-ticks span.on-mid{height:10px;background:var(--qf-muted)}.choices{display:flex;flex-direction:column;gap:var(--qf-2);margin-top:var(--qf-3)}.choice{display:flex;align-items:center;gap:var(--qf-3);padding:var(--qf-3);border:1px solid var(--qf-hairline);border-radius:var(--qf-radius-sm);background:var(--qf-surface);cursor:pointer;font-family:var(--qf-sans);font-size:1rem;line-height:1.4;color:var(--qf-ink);text-align:left;width:100%}.choice--on{border-color:var(--qf-cobalt);background:var(--qf-cobalt-wash)}.choice input{accent-color:var(--qf-cobalt)}.choice--err{border-color:#b23}.field-err{color:#b23;font-size:.85rem;margin-top:var(--qf-2)}.forced{display:grid;grid-template-columns:1fr 1fr;gap:var(--qf-3);margin-top:var(--qf-3)}@media (max-width: 520px){.forced{grid-template-columns:1fr}}.forced .choice{justify-content:center;text-align:center;font-family:var(--qf-serif);font-size:1.05rem}.recorder{display:flex;align-items:center;gap:var(--qf-3);flex-wrap:wrap;margin-top:var(--qf-3)}.rec-dot{width:.7rem;height:.7rem;border-radius:50%;background:#d33;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.3}}audio{width:100%;margin-top:var(--qf-2)}.assetlist{display:flex;flex-direction:column;gap:var(--qf-2);margin-top:var(--qf-3)}.asset{display:flex;align-items:center;justify-content:space-between;gap:var(--qf-3);padding:var(--qf-2) var(--qf-3);border:1px solid var(--qf-hairline);border-radius:var(--qf-radius-sm);background:var(--qf-surface);font-size:.9rem}.asset small{color:var(--qf-muted)}.swipe{text-align:center}.swipe__card{min-height:200px;display:flex;align-items:center;justify-content:center;padding:var(--qf-6);font-family:var(--qf-serif);font-size:1.2rem;line-height:1.35}.swipe__buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--qf-2);margin-top:var(--qf-4)}@media (max-width: 520px){.swipe__buttons{grid-template-columns:1fr}}.depth{margin-top:var(--qf-6)}.table-wrap{overflow-x:auto}.status-pill{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding:.2rem .5rem;border-radius:999px}.status-invited{background:#14192a0f;color:var(--qf-muted)}.status-started,.status-in_progress{background:var(--qf-cobalt-wash);color:var(--qf-cobalt)}.status-completed{background:#0c9d721f;color:var(--qf-green)}.flag-stalled{color:#b23;font-weight:600}.copybtn{cursor:pointer}.center-narrow{max-width:560px;margin-inline:auto}.spacer{height:var(--qf-6)}.hstack{display:flex;gap:var(--qf-3);align-items:center;flex-wrap:wrap}.muted-sm{font-size:.85rem;color:var(--qf-muted)}@keyframes check-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.22)}to{transform:scale(1);opacity:1}}.check-pop{animation:check-pop .26s var(--qf-ease) both}@media (prefers-reduced-motion: reduce){.check-pop{animation:none}}.loading{display:flex;align-items:center;justify-content:center;gap:var(--qf-3);padding-top:var(--qf-8)}.spinner{width:1.15rem;height:1.15rem;border-radius:50%;border:2px solid var(--qf-hairline);border-top-color:var(--qf-cobalt);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2.5s}}.pairs-row{display:grid;grid-template-columns:1fr auto 1fr auto;gap:var(--qf-2);align-items:center;margin-bottom:var(--qf-2)}@media (max-width: 520px){.pairs-row{grid-template-columns:1fr}}.topic-row{border:1px solid var(--qf-hairline);border-radius:var(--qf-radius-sm);padding:var(--qf-3);margin-bottom:var(--qf-3);background:var(--qf-surface)}.steps{display:grid;gap:var(--qf-4)}.step{display:grid;grid-template-columns:auto 1fr;gap:var(--qf-3);align-items:start}.step__n{width:1.6rem;height:1.6rem;border-radius:50%;background:var(--qf-cobalt);color:#fff;font-family:var(--qf-serif);font-weight:600;font-size:.95rem;display:grid;place-items:center}.step__t{font-weight:600;margin-bottom:var(--qf-2)}.step__body{display:grid;gap:var(--qf-2)}
