.pq-wrap{max-width:720px;margin:0 auto;padding:20px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.pq-shell{background:linear-gradient(135deg,#0ea5e9 0%,#6366f1 100%);padding:2px;border-radius:18px;box-shadow:0 10px 30px rgb(0 0 0 / .15)}.pq-shell>*{background:#fff;border-radius:16px}.pq-progress{height:10px;margin:12px;border-radius:10px;background:#eef2f7;overflow:hidden}.pq-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#22c55e,#06b6d4);transition:width .35s ease}.pq-card{min-height:260px;margin:0 12px 12px;padding:22px;border:1px solid #e5e7eb;border-radius:16px}.pq-title{margin:0 0 12px;font-size:1.15rem}.pq-scale{display:grid;gap:10px}.pq-choice{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;cursor:pointer;user-select:none;transition:transform .06s ease,box-shadow .2s ease,background .2s}.pq-choice:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgb(0 0 0 / .06)}.pq-choice input{position:absolute;opacity:0;pointer-events:none}.pq-chip{font-size:.85rem;padding:4px 10px;border-radius:999px;background:#fff;border:1px solid #e5e7eb}.pq-note{font-size:.92rem;color:#555;margin:4px 0 14px}.pq-nav{display:flex;gap:8px;justify-content:space-between;margin:0 12px 14px}.pq-btn{border:1px solid #111;background:#111;color:#fff;border-radius:12px;padding:10px 14px;cursor:pointer}.pq-btn.pq-back{background:#fff;color:#111}.pq-btn.pq-reset{background:#fff;color:#111}.pq-btn.pq-btn-fb{background:#1877F2;border-color:#1877F2;color:#fff}.pq-btn.pq-btn-fb:hover{filter:brightness(.95)}.pq-bars{display:grid;gap:10px;margin-top:12px}.pq-legend{display:flex;justify-content:space-between;font-weight:600}.pq-bar{height:14px;background:#eef2f7;border-radius:10px;overflow:hidden}.pq-bar-fill{display:block;height:100%}.pq-center{text-align:center}.pq-fade{animation:pqFade .25s ease}.pq-slide-in{animation:pqSlideIn .28s ease}@keyframes pqFade{from{opacity:0}to{opacity:1}}@keyframes pqSlideIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:520px){.pq-card{padding:16px}}