.dq-container{background:#0a0a0a;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex;position:relative;overflow:hidden}.dq-container:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.dq-progress{z-index:2;align-items:center;gap:8px;margin-bottom:40px;display:flex;position:relative}.dq-progress-dot{background:#ffffff26;border:2px solid #fff3;border-radius:50%;width:12px;height:12px;transition:all .4s cubic-bezier(.16,1,.3,1)}.dq-progress-dot.active{background:#cf0;border-color:#cf0;transform:scale(1.2);box-shadow:0 0 12px #cf06}.dq-progress-dot.done{opacity:.5;background:#cf0;border-color:#cf0}.dq-progress-line{background:#ffffff1a;border-radius:1px;width:32px;height:2px}.dq-step{text-align:center;z-index:2;width:100%;max-width:640px;animation:.5s cubic-bezier(.16,1,.3,1) dq-fadeSlideIn;position:relative}.dq-step-num{font-family:var(--font-mono,monospace);letter-spacing:.2em;text-transform:uppercase;color:#cf0;margin-bottom:12px;font-size:11px;font-weight:700}.dq-question{font-family:var(--font-display,"Ranchers", cursive);color:#fff;letter-spacing:-.02em;margin-bottom:32px;font-size:clamp(28px,6vw,44px);font-weight:400;line-height:1.1}.dq-options{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;width:100%;margin-bottom:32px;display:grid}.dq-option{color:#ffffffb3;font-family:var(--font-mono,monospace);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;text-align:center;background:#ffffff0a;border:2px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;font-size:12px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.dq-option-icon{font-size:24px;line-height:1}.dq-option:hover{color:#fff;background:#ccff000f;border-color:#ccff004d;transform:translateY(-2px)}.dq-option.selected{color:#cf0;background:#ccff001a;border-color:#cf0;transform:translateY(-2px);box-shadow:0 0 20px #ccff0026}.dq-option.selected:after{content:"✓";color:#cf0;font-size:14px;font-weight:700;position:absolute;top:8px;right:10px}.dq-nav{justify-content:center;align-items:center;gap:16px;margin-top:8px;display:flex}.dq-btn-next{color:#0a0a0a;font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#cf0;border:2px solid #0a0a0a;border-radius:12px;padding:14px 36px;font-size:13px;font-weight:800;transition:all .2s;box-shadow:4px 4px #0a0a0a}.dq-btn-next:hover{transform:translate(2px,2px);box-shadow:2px 2px #0a0a0a}.dq-btn-next:active{box-shadow:none;transform:translate(4px,4px)}.dq-btn-next:disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:4px 4px #0a0a0a}.dq-skip{font-family:var(--font-mono,monospace);color:#ffffff4d;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;padding:8px;font-size:11px;text-decoration:none;transition:color .2s}.dq-skip:hover{color:#fff9}.dq-results{text-align:center;z-index:2;animation:.5s cubic-bezier(.16,1,.3,1) dq-fadeSlideIn;position:relative}.dq-results-icon{margin-bottom:16px;font-size:48px;animation:.6s cubic-bezier(.16,1,.3,1) dq-bounce}.dq-results-title{font-family:var(--font-display,"Ranchers", cursive);color:#fff;margin-bottom:8px;font-size:clamp(28px,6vw,40px)}.dq-results-sub{color:#ffffff80;margin-bottom:28px;font-size:14px}.design-match-badge{color:#0a0a0a;font-family:var(--font-mono,monospace);letter-spacing:.1em;z-index:5;text-transform:uppercase;background:#cf0;border-radius:6px;padding:6px 12px;font-size:10px;font-weight:800;position:absolute;top:12px;right:12px;box-shadow:2px 2px #0000004d}.design-match-badge.top-pick{background:#cf0;animation:2s ease-in-out infinite dq-badgePulse}@keyframes dq-fadeSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes dq-bounce{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes dq-badgePulse{0%,to{box-shadow:2px 2px #0000004d}50%{box-shadow:2px 2px 12px #cf06}}@media (max-width:480px){.dq-options{grid-template-columns:1fr 1fr}.dq-option{padding:16px 12px;font-size:11px}}