.cq{--peach:#fff1e2;--wood:#c98d5a;--wood-deep:#8c5a33;--ok:#2f8a55;--bad:#c6473a;flex-direction:column;gap:22px;padding-top:48px;padding-bottom:88px;display:flex}.cq-back{margin-bottom:10px;font-size:14px;font-weight:600;display:inline-block}.cq-lead{max-width:60ch;color:var(--muted);margin:10px 0 0;font-size:16px}.cq-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.cq-seg{background:#f6e3cf;border-radius:14px;gap:4px;padding:4px;display:inline-flex}.cq-seg button{color:#6b3f17;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 14px;font-family:inherit;font-size:14px;font-weight:700;line-height:1}.cq-seg button[aria-pressed=true]{color:#3a2208;background:#fff;box-shadow:0 2px 6px -2px #6b3f1773}.cq-count{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:15px}.cq-count b{color:#b0421f;font-size:22px}.cq button:focus-visible{outline-offset:2px;outline:3px solid #f2b51d}.cq-stage{background:radial-gradient(circle at 15% 12%, #fff9f2 0 60px, transparent 61px), radial-gradient(circle at 88% 30%, #fff9f2 0 40px, transparent 41px), linear-gradient(#ffe9d2, var(--peach));border-radius:24px;flex-direction:column;align-items:center;gap:10px;padding:18px 18px 22px;display:flex;position:relative}.cq-scale{width:100%;max-width:440px;height:auto;overflow:visible}.cq-beam,.cq-needle{transform-origin:160px 50px;transition:transform .8s cubic-bezier(.3,1.5,.5,1)}.cq-pan{transition:transform .8s cubic-bezier(.3,1.5,.5,1)}.cq-say{color:#3a2208;text-align:center;max-width:46ch;min-height:3em;margin:0;font-size:16.5px;line-height:1.5}.cq-say b{color:#b0421f}.cq-shelf-wrap{width:100%;max-width:620px}.cq-shelf{border-bottom:14px solid var(--wood);box-shadow:0 10px 0 -4px var(--wood-deep);-webkit-user-select:none;user-select:none;border-radius:0 0 6px 6px;justify-content:center;align-items:flex-end;gap:2px;padding:18px 8px 0;display:flex}.cq-box{cursor:grab;touch-action:none;background:0 0;border:0;flex:0 84px;min-width:0;padding:0;transition:transform .18s;position:relative}.cq-box svg{width:100%;height:auto;display:block;overflow:visible}.cq-box.sel{transform:translateY(-14px)}.cq-box.sel svg{filter:drop-shadow(0 0 5px #ffd23f)drop-shadow(0 0 2px #ffd23f)}.cq-box.sel:after{content:"";background:#0000002e;border-radius:50%;height:6px;position:absolute;bottom:-12px;left:20%;right:20%}.cq-box.ghost{opacity:.25}.cq-box .kg{color:#fff;white-space:nowrap;animation:.5s cubic-bezier(.3,1.6,.5,1) backwards cq-pop;animation-delay:calc(var(--i) * .12s);background:#3a2208;border-radius:8px;padding:2px 7px;font-size:12.5px;font-weight:800;position:absolute;top:-6px;left:50%;transform:translate(-50%)}@keyframes cq-pop{0%{transform:translate(-50%)scale(0)}}.cq-drag{z-index:50;pointer-events:none;filter:drop-shadow(0 10px 10px #00000040);position:fixed;transform:translate(-50%,-60%)rotate(-4deg)}.cq-drag svg{width:100%;height:auto;display:block}.cq-sign{color:#a58a70;background:#f3dcc4;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;margin-bottom:14px;font-size:16px;font-weight:900;line-height:1;display:grid}.cq-sign.ok{background:var(--ok);color:#fff}.cq-sign.bad{background:var(--bad);color:#fff}.cq-ends{color:#8c5a33;justify-content:space-between;padding:10px 4px 0;font-size:13.5px;font-weight:700;display:flex}.cq-result{text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:520px;padding:16px;display:flex;box-shadow:0 10px 24px -14px #6b3f1780}.cq-result[hidden]{display:none}.cq-result h3{color:var(--ok);font-size:21px}.cq-result p{color:var(--muted);margin:0;font-size:15.5px;line-height:1.5}.cq-stars{color:#f2b51d;letter-spacing:4px;font-size:30px;line-height:1}.cq-stars .off{color:#eadccd}.cq-under{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px 24px;display:grid}.cq-actions{flex-wrap:wrap;gap:10px;display:flex}.cq-btn{color:#3a2208;cursor:pointer;background:#fff;border:2px solid #ecd3b8;border-radius:12px;padding:12px 16px;font-family:inherit;font-size:15px;font-weight:700;line-height:1}.cq-btn:hover:not(:disabled){border-color:var(--wood)}.cq-btn.go{color:#2a1e00;background:#f2b51d;border-color:#f2b51d;box-shadow:inset 0 -4px #00000026}.cq-btn:disabled{opacity:.45;cursor:default}.cq-notes{background:#fffdf6;border:1px solid #ecdcc0;border-radius:14px;padding:14px 16px}.cq-notes-title{color:#6b3f17;margin:0 0 6px;font-size:14px;font-weight:800}.cq-notes ol{color:#3a2208;margin:0;padding-left:22px;font-size:14.5px;line-height:28px}.cq-notes li.empty{color:var(--muted);margin-left:-22px;list-style:none}.cq-chip{vertical-align:-6px;width:22px;height:22px;display:inline-block}.cq-tips{background:#fbf1e6;border-radius:20px;max-width:760px;padding:20px 24px}.cq-tips h2{margin-bottom:10px;font-size:18px}.cq-tips ul{color:var(--ink-soft);margin:0;padding-left:20px;font-size:15.5px;line-height:1.65}.cq-tips li+li{margin-top:6px}.cq-tips b{color:var(--ink)}@media (width<=720px){.cq{gap:16px;padding-top:28px;padding-bottom:48px}.cq-stage{border-radius:18px;padding:12px 10px 18px}.cq-seg{width:100%;display:flex}.cq-seg button{flex:1 1 0;padding:9px 4px}.cq-under{grid-template-columns:minmax(0,1fr)}.cq-sign{width:20px;height:20px;font-size:13px}.cq-say{font-size:15.5px}}@media (prefers-reduced-motion:reduce){.cq-beam,.cq-needle,.cq-pan,.cq-box,.cq-box .kg{transition:none;animation:none}}