/* v6.6 optional qualifier on the /snapshot and /get-plan success screens (qualify.js). Same glass/yellow look as the forms. */
.qf{text-align:left;padding:4px 0}
.qf:focus{outline:none}
.qf-ok{display:flex;align-items:center;gap:10px;color:#c9d3e3;font-size:16px;margin:0 0 14px}
.qf-ok .ft-check-icon svg{width:20px;height:20px;fill:none;stroke:#4ade80;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.qf h2{font-size:clamp(28px,4vw,40px);line-height:1.12;margin:0 0 26px;color:#fff;font-weight:500;letter-spacing:-1px}
.qf-q{border:0;margin:0 0 24px;padding:0;min-width:0}
.qf-q legend{padding:0;margin:0 0 12px;color:#e6edf7;font-size:17px;font-weight:600}
.qf-opts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.qf-q[data-q=timing] .qf-opts{grid-template-columns:repeat(3,1fr)}
.qf-opt{min-height:58px;padding:12px 10px;border-radius:14px;border:1px solid #b5deff33;background:linear-gradient(140deg,#bedfff12,#2848770a);color:#f5f7ff;font-size:16px;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.qf-opt:hover{border-color:#ffe32c88;transform:translateY(-1px)}
.qf-opt[aria-pressed=true]{background:#ffe32c;border-color:#ffe32c;color:#0a101e}
.qf-foot{display:flex;align-items:center;gap:22px;margin-top:6px;flex-wrap:wrap}
.qf-skip{background:none;border:0;color:#c9d3e3;font-size:16px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:12px 6px;min-height:44px}
.qf-skip:hover{color:#fff}
.qf-opt-note{margin-left:auto;color:#a9b8cc;font-size:14px}
.ft-panel-head[hidden]{display:none}
.qf-auto{display:flex;align-items:center;gap:12px;margin-top:18px;color:#a9b8cc;font-size:14px}
.qf-auto[hidden]{display:none}
.qf-bar{flex:0 0 90px;height:4px;border-radius:4px;background:#ffffff1f;overflow:hidden}
.qf-bar i{display:block;height:100%;width:100%;background:#ffe32c;transform-origin:left;animation:qf-run linear forwards}
@keyframes qf-run{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:700px){
  .qf-opts{grid-template-columns:1fr 1fr}
  .qf-q[data-q=timing] .qf-opts{grid-template-columns:1fr 1fr}
  .qf-q[data-q=timing] .qf-opt:last-child{grid-column:1/-1}
  .qf-foot .qf-go{flex:1}
  .qf h2{font-size:30px;margin-bottom:20px}
  .qf-q{margin-bottom:18px}
  .qf-opt{min-height:54px}
  .qf-opt-note{display:none}
}
@media(prefers-reduced-motion:reduce){.qf-opt{transition:none}.qf-opt:hover{transform:none}.qf-bar i{animation:none;transform:scaleX(.5)}}
