.q-wrap{max-width:42.5rem;margin:0 auto}.q-prog{display:flex;gap:.375rem;justify-content:center;margin:.375rem 0 1.375rem}.q-prog i{width:1.625rem;height:.3125rem;border-radius:var(--r-pill);background:#e2dfd8}.q-prog i.on{background:var(--accent)}.q-step{margin-bottom:2.125rem}.q-js .q-step{display:none;margin-bottom:0}.q-js .q-step.active{display:block;animation:q-fade .25s ease both}@keyframes q-fade{0%{opacity:0;transform:translateY(.375rem)}to{opacity:1;transform:translateY(0)}}.q-step-no{font-family:SF Mono,SFMono-Regular,ui-monospace,Menlo,Consolas,Liberation Mono,monospace;font-size:.6875rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--faint);margin-bottom:.4375rem}.q-q{font-size:clamp(1.375rem,3vw,1.625rem);font-weight:700;letter-spacing:-.02em;margin:0 0 .25rem;text-align:center}.q-hint{font-size:clamp(.8125rem,1vw,.875rem);color:var(--muted);text-align:center;margin:0 0 1.125rem}.q-back{display:none}.q-js .q-back{display:inline-flex;align-items:center;gap:.3125rem;background:none;border:0;font-family:var(--font);font-size:.84375rem;color:var(--muted);cursor:pointer;margin-bottom:.625rem;padding:0}.q-back:hover{color:var(--ink)}.q-type{display:inline-flex;background:var(--seg-track);border-radius:var(--r-pill);padding:.1875rem;gap:.125rem;width:100%;margin-bottom:.875rem}.q-type button{flex:1;appearance:none;border:0;background:none;font-family:var(--font);font-size:clamp(.8125rem,1vw,.875rem);font-weight:600;color:var(--muted);padding:.5rem;border-radius:var(--r-pill);cursor:pointer}.q-type button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #14120e0f}.q-tiles{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}@media(max-width:380px){.q-tiles{grid-template-columns:1fr}}.q-tiles-one{grid-template-columns:1fr}.q-tile{appearance:none;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-md);padding:1.0625rem .9375rem;font-family:var(--font);font-size:clamp(.9375rem,1.1vw,1rem);font-weight:600;color:var(--ink);cursor:pointer;text-align:left;letter-spacing:-.01em;box-shadow:var(--shadow);transition:border-color .12s,background .12s,transform .18s cubic-bezier(.2,.9,.25,1)}.q-tile:hover{border-color:var(--accent);transform:translateY(-.125rem)}@media(prefers-reduced-motion:reduce){.q-tile{transition:border-color .12s,background .12s}}.q-tile small{display:block;font-size:.75rem;font-weight:400;color:var(--muted);margin-top:.1875rem}.q-skip{display:block;width:100%;margin-top:.75rem;appearance:none;border:0;background:none;font-family:var(--font);font-size:.875rem;font-weight:600;color:var(--accent-strong);cursor:pointer;padding:.625rem}.q-banner{background:var(--accent-soft);color:var(--accent-strong);border-radius:var(--r-md);padding:.6875rem .875rem;font-size:clamp(.8125rem,1vw,.875rem);font-weight:600;margin-bottom:1rem}.q-shelf{display:flex;flex-direction:column;gap:.6875rem}.q-card{display:flex;gap:.8125rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:.8125rem;box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:border-color .12s}.q-card:hover{border-color:var(--accent)}.q-pos{width:3.75rem;height:5.5rem;border-radius:var(--r-sm);flex:none;position:relative;color:#ffffffe6}.q-thumb{width:3.75rem;height:5.5rem;border-radius:var(--r-sm);object-fit:cover;flex:none}.q-ini{position:absolute;top:.4375rem;left:0;right:0;text-align:center;font-size:1.125rem;font-weight:700;opacity:.9}.q-tt{font-size:clamp(.9375rem,1.1vw,1rem);font-weight:600;letter-spacing:-.01em;margin:0;line-height:1.18}.q-yr{color:var(--muted);font-weight:400}.q-ix{display:flex;align-items:center;gap:.4375rem;margin:.3125rem 0 0}.q-ix-n{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums}.q-ix-v{font-size:.71875rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem}.q-ix-v i{width:.3125rem;height:.3125rem;border-radius:50%}.q-why{font-size:clamp(.75rem,.9vw,.8125rem);color:var(--ink-soft);margin:.375rem 0 0;line-height:1.4}.q-acts{display:flex;flex-direction:column;gap:.5625rem;margin-top:1.125rem}.q-btn{appearance:none;border:1px solid var(--line);background:var(--surface);font-family:var(--font);font-size:clamp(.875rem,1vw,.9375rem);font-weight:600;border-radius:var(--r-pill);padding:.8125rem;cursor:pointer;color:var(--ink);text-align:center;text-decoration:none}.q-btn:hover{background:var(--hover)}.q-btn-spin{background:var(--accent-grad);color:#fff;border-color:transparent}.q-btn-spin:hover{filter:brightness(1.06);background:var(--accent-grad)}.q-picks{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}.qp-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:.75rem;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:.5625rem;box-shadow:var(--shadow);transition:border-color .12s}.qp-card:hover{border-color:var(--accent)}.qp-card,.q-card{position:relative}.qp-link{position:absolute;inset:0;z-index:1;border-radius:inherit}.qp-save{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-family:inherit;font-size:.8125rem;font-weight:600;border-radius:var(--r-pill);min-height:2.5rem;padding:0 .875rem;cursor:pointer;white-space:nowrap;transition:border-color .12s,background .12s,color .12s}.qp-save svg{width:1rem;height:1rem;flex:none}.qp-save:hover{border-color:var(--accent);color:var(--accent-strong)}.qp-save.is-on{background:var(--accent-soft);border-color:transparent;color:var(--accent-strong)}.qp-card .qp-save{width:100%;margin-top:auto}.q-card .qp-save{margin-left:auto;align-self:center}.qp-role{font-family:SF Mono,SFMono-Regular,ui-monospace,Menlo,Consolas,Liberation Mono,monospace;font-size:.625rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;padding:.1875rem .5rem;border-radius:var(--r-pill);display:inline-block;align-self:flex-start}.qp-body{display:flex;gap:.625rem}.qp-thumb{width:3.125rem;height:4.5rem;border-radius:var(--r-sm);object-fit:cover;flex:none}.qp-pos{width:3.125rem;height:4.5rem;border-radius:var(--r-sm);flex:none;position:relative;color:#ffffffeb}.qp-ini{position:absolute;top:.4375rem;left:0;right:0;text-align:center;font-size:1.125rem;font-weight:700;opacity:.9}.qp-tt{font-size:.875rem;font-weight:600;letter-spacing:-.01em;line-height:1.18;margin:0 0 .125rem}.qp-yr{color:var(--muted);font-weight:400}.qp-ix{display:flex;align-items:center;gap:.375rem;margin:.3125rem 0 0}.qp-ix-n{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums}.qp-ix-v{font-size:.71875rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem}.qp-ix-v i{width:.3125rem;height:.3125rem;border-radius:50%}.qp-why{font-size:clamp(.75rem,.9vw,.8125rem);color:var(--ink-soft);margin:.375rem 0 0;line-height:1.4}@media(max-width:680px){.q-picks{grid-template-columns:1fr}}.kfp-main{max-width:42.5rem;margin:0 auto;padding:1.625rem 1.5rem 4.375rem}@media(max-width:620px){.kfp-main{padding:1.25rem 1.125rem 4.375rem}}.kfp-title{font-size:clamp(1.5rem,3vw,1.75rem);font-weight:700;letter-spacing:-.03em;margin:0 0 .25rem;text-align:center}.kfp-intro{font-size:clamp(.875rem,1vw,.9375rem);color:var(--muted);margin:0 0 1.375rem;text-align:center}