.cq{--cq-fg: #111111;--cq-bg: #FFFFFF;--cq-accent: #111111;--cq-muted: rgba(17, 17, 17, .65);--cq-line: rgba(17, 17, 17, .14);--cq-soft: rgba(17, 17, 17, .05);color:var(--cq-fg);padding:40px 16px 56px}.cq__head{max-width:560px;margin:0 auto 24px;text-align:center}.cq__title{margin:0 0 8px;font-size:26px}.cq__subtitle{margin:0;color:var(--cq-muted)}.cq__inner{max-width:560px;margin:0 auto}.cq__progress{height:4px;background:var(--cq-line);border-radius:4px;overflow:hidden;margin-bottom:16px}.cq__progress-fill{height:100%;background:var(--cq-accent);transition:width .25s ease}.cq__back{background:none;border:0;padding:4px 0;color:var(--cq-muted);cursor:pointer;font:inherit;font-size:14px}.cq__count{margin:12px 0 4px;color:var(--cq-muted);font-size:14px}.cq__q{margin:0 0 20px;font-size:22px;line-height:1.35}.cq__lead{margin:-8px 0 20px;color:var(--cq-muted)}.cq__opts{display:grid;gap:10px}.cq__opt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:16px 18px;text-align:right;background:var(--cq-bg);color:var(--cq-fg);border:1px solid var(--cq-line);border-radius:12px;font:inherit;cursor:pointer;transition:border-color .15s,background .15s}.cq__opt:hover,.cq__opt:focus-visible{border-color:var(--cq-accent);background:var(--cq-soft);outline:none}.cq__opt.is-selected{border-color:var(--cq-accent);background:var(--cq-soft)}.cq__opt-title{font-size:17px;font-weight:600}.cq__opt-sub{font-size:14px;color:var(--cq-muted)}.cq__form{display:grid;gap:14px}.cq__label{display:grid;gap:6px;font-size:14px;color:var(--cq-muted)}.cq__input{width:100%;box-sizing:border-box;padding:14px 16px;border:1px solid var(--cq-line);border-radius:10px;font:inherit;font-size:17px;color:var(--cq-fg);background:var(--cq-bg)}.cq__input:focus{outline:2px solid var(--cq-accent);outline-offset:1px}.cq__error{margin:0;min-height:1.2em;color:#b3261e;font-size:14px}.cq__fine{margin:8px 0 0;color:var(--cq-muted);font-size:13px}.cq__btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 22px;border-radius:999px;border:1px solid var(--cq-accent);background:var(--cq-accent);color:#fff;text-decoration:none;font:inherit;font-size:16px;font-weight:600;cursor:pointer}.cq__btn--ghost{background:transparent;color:var(--cq-accent)}.cq__link{margin-top:20px;background:none;border:0;color:var(--cq-muted);text-decoration:underline;cursor:pointer;font:inherit}.cq__card{display:flex;gap:16px;align-items:center;padding:14px;border:1px solid var(--cq-line);border-radius:14px;margin-bottom:16px}.cq__img{width:96px;height:96px;object-fit:cover;border-radius:10px;flex:none}.cq__variety{margin:0 0 4px;font-size:22px}.cq__note{margin:0;color:var(--cq-muted)}.cq__facts{margin:0 0 16px;display:grid;gap:0}.cq__fact{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--cq-line)}.cq__fact dt{color:var(--cq-muted)}.cq__fact dd{margin:0}.cq__tip{padding:12px 14px;background:var(--cq-soft);border-radius:10px;font-size:14px}.cq__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.cq__result .cq__link{display:block}.cq:before{content:"";display:block;height:6px;max-width:560px;margin:-40px auto 34px;background:linear-gradient(to left,#ffb000 0 33.33%,#00a676 33.33% 66.66%,#ff3d6e 66.66%);border-radius:0 0 6px 6px}.cq__dial{padding:16px;border:1px solid var(--cq-line);border-radius:14px;margin-bottom:16px}.cq__dial-title{margin:0 0 12px;font-size:14px;color:var(--cq-muted)}.cq__dial-row{display:flex;align-items:center;gap:16px}.cq__dial-knob{width:96px;flex:none}.cq__dial-knob svg{display:block;width:100%;height:auto}.cq__knob{transform-box:view-box;transform-origin:60px 68px;transition:transform .35s cubic-bezier(.3,1.4,.5,1)}.cq__dial-picks{display:flex;flex-wrap:wrap;gap:8px}.cq__pick{padding:10px 16px;border-radius:999px;border:2px solid var(--cq-line);background:var(--cq-bg);color:var(--cq-fg);font:inherit;font-weight:600;cursor:pointer}.cq__pick--sweet[aria-checked=true]{background:#ffb000;border-color:#ffb000;color:#111}.cq__pick--balanced[aria-checked=true]{background:#00a676;border-color:#00a676;color:#111}.cq__pick--fruity[aria-checked=true]{background:#ff3d6e;border-color:#ff3d6e;color:#111}.cq__dial-desc{margin:12px 0 0}@media(prefers-reduced-motion:reduce){.cq__knob{transition:none}}@media(max-width:480px){.cq__fact{grid-template-columns:1fr;gap:2px}.cq__actions .cq__btn{flex:1 1 100%}}.cq__opts--icons .cq__opt{flex-direction:row;align-items:center;gap:14px}.cq__opt-icon{display:block;flex:none;width:34px;height:34px;color:var(--cq-fg)}.cq__opt-icon svg{display:block;width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/1/assets/coffee-quiz.css.map */