.gq{--paper:#efe4d0;--ink:#2b2118;--soft:#5e4d3b;--red:#b3261e;--tag:#fbf5ea;--line:#d8c6a8;background:var(--paper);color:var(--ink);padding-block:8px 72px}.gq-wrap{max-width:980px;margin:0 auto;padding-inline:20px}.gq .breadcrumb,.gq .breadcrumb a{color:var(--soft)}.gq-kicker{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--red);margin:28px 0 8px;font-size:.8rem;font-weight:800}.gq h1{font-family:var(--font-display);text-transform:uppercase;color:var(--ink);margin:0 0 14px;font-size:clamp(2.6rem,8vw,5.6rem);font-weight:900;font-stretch:75%;line-height:.9}.gq-sub,.gq-line{color:var(--soft);max-width:46ch;font-size:1.15rem}.gq-line{font-size:1.35rem;font-style:italic}.gq-ribbon{background:var(--line);border-radius:2px;height:14px;margin:28px 0 8px;position:relative;overflow:hidden}.gq-ribbon span{width:calc(var(--p,0) * 100%);background:var(--red);transition:width .5s cubic-bezier(.3,1.4,.5,1);position:absolute;inset:0 auto 0 0}.gq-step{border:0;margin:0;padding:0}.gq-q{font-family:var(--font-display);margin-top:18px;padding:0;font-size:clamp(1.7rem,4vw,2.6rem);font-weight:900;font-stretch:85%;line-height:1}.gq-count{color:var(--soft);margin:8px 0 18px;font-size:.9rem}.gq-tags{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.gq-tag{cursor:pointer;position:relative}.gq-tag input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.gq-tag-face{background:var(--tag);border:2px solid var(--line);min-height:96px;box-shadow:0 3px 0 var(--line);transform:rotate(calc(var(--t,0) * .6deg));border-radius:6px 6px 6px 28px;align-items:flex-end;padding:34px 16px 16px;transition:transform .25s cubic-bezier(.3,1.6,.5,1),border-color .15s,box-shadow .15s;display:flex;position:relative}.gq-tag-face b{font-family:var(--font-display);font-size:1.15rem;font-weight:800;line-height:1.1}.gq-hole{background:var(--paper);border-radius:50%;width:12px;height:12px;position:absolute;top:12px;left:14px;box-shadow:inset 0 1px 2px #0003}.gq-hole:after{content:"";background:var(--red);border-radius:1px;width:2px;height:16px;position:absolute;top:-14px;left:5px;transform:rotate(-24deg)}.gq-tag:hover .gq-tag-face{box-shadow:0 6px 0 var(--line);transform:rotate(0)translateY(-3px)}.gq-tag input:focus-visible+.gq-tag-face{outline:3px solid var(--red);outline-offset:3px}.gq-tag input:checked+.gq-tag-face{border-color:var(--red);box-shadow:0 6px 0 var(--red);transform:rotate(-2deg)scale(1.03)}.gq-tag input:checked+.gq-tag-face:after{content:"✓";border:2px solid var(--red);width:30px;height:30px;color:var(--red);border-radius:50%;place-items:center;font-weight:900;animation:.3s cubic-bezier(.3,1.8,.5,1) gq-stamp;display:grid;position:absolute;top:8px;right:10px;transform:rotate(-12deg)}.gq-react{min-height:1.6em;color:var(--red);margin:18px 0 6px;font-size:1.1rem;font-style:italic}.gq-nav,.gq-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.gq-btn{border:2px solid var(--ink);background:var(--ink);min-height:48px;color:var(--tag);font-family:var(--font-display);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0 22px;font-size:1rem;font-weight:800;text-decoration:none;display:inline-flex}.gq-btn:hover{background:var(--red);border-color:var(--red);color:#fff}.gq-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--ink);border-color:var(--ink)}.gq-btn-ghost{color:var(--ink);background:0 0}.gq-wrapping{font-family:var(--font-display);margin-top:40px;font-size:2rem;font-weight:900;animation:.7s ease-in-out infinite alternate gq-pulse}.gq-chips{flex-wrap:wrap;gap:8px;margin:18px 0 30px;padding:0;list-style:none;display:flex}.gq-chips li{border:2px solid var(--line);background:var(--tag);border-radius:999px;padding:6px 12px;font-size:.9rem;font-weight:600}.gq-picks{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}.gq-pick{background:var(--tag);border:2px solid var(--line);transform:rotate(calc((var(--i) - 1) * 1.4deg));animation:.6s cubic-bezier(.3,1.4,.5,1) both gq-reveal;animation-delay:calc(var(--i) * .18s + .15s);border-radius:6px 6px 6px 34px;flex-direction:column;gap:10px;padding:40px 20px 20px;display:flex;position:relative;box-shadow:0 10px 24px #3a2a1522}.gq-pick img{aspect-ratio:1;object-fit:contain;background:#fff;border-radius:4px;width:100%;height:auto;padding:10px}.gq-pick h2{font-family:var(--font-display);margin:4px 0 0;font-size:1.15rem;font-weight:800;line-height:1.15}.gq-price{font-family:var(--font-display);margin:0;font-size:1.5rem;font-weight:900}.gq-price small{font-family:var(--font);color:var(--soft);font-size:.8rem;font-weight:400;display:block}.gq-buy{text-align:center;background:var(--red);color:#fff;font-family:var(--font-display);border-radius:4px;margin-top:auto;padding:12px;font-weight:800;text-decoration:none}.gq-buy:hover{background:var(--ink)}.gq-why{color:var(--soft);font-size:.9rem}.gq-empty{background:var(--tag);border:2px dashed var(--line);border-radius:6px;padding:18px;font-size:1.15rem}.gq-empty a,.gq-sub a{color:var(--red)}.gq-note{color:var(--soft);margin-top:22px;font-size:.85rem}@keyframes gq-reveal{0%{opacity:0;transform:rotateY(90deg)translateY(24px)}}@keyframes gq-stamp{0%{opacity:0;transform:rotate(-12deg)scale(2)}}@keyframes gq-pulse{to{opacity:.45}}@media (prefers-reduced-motion:reduce){.gq-pick,.gq-tag input:checked+.gq-tag-face:after,.gq-wrapping{animation:none}.gq-tag-face,.gq-ribbon span{transition:none}}@media (width<=640px){.gq-tags{grid-template-columns:1fr 1fr;gap:10px}.gq-tag-face{min-height:84px}.gq-pick{transform:none}}