.dq-wrap{max-width:620px;margin:0 auto;padding:0}.screen{display:none}.screen.active{display:block;animation:dq-appear .3s ease}@keyframes dq-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.welcome-card{text-align:center;padding:3rem 2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.welcome-label{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-warm);margin-bottom:.75rem}.welcome-card h1{font-family:var(--font-display);font-size:1.8rem;font-weight:600;line-height:1.2;letter-spacing:-.02em;margin-bottom:.5rem}.welcome-card .subtitle{font-size:.95rem;color:var(--color-text-secondary);margin-bottom:2rem;line-height:1.6;max-width:460px;margin-left:auto;margin-right:auto}.welcome-card .conf{font-size:.82rem;color:var(--color-text-tertiary);line-height:1.7;border-top:1px solid var(--color-border);padding-top:1.5rem;margin-top:1.5rem;text-align:left}.welcome-card .conf p{margin:0 0 .5rem}.welcome-card .conf a{color:var(--color-warm)}.start-btn{display:inline-block;padding:.85rem 3rem;background:var(--color-warm);color:#fff;border:none;border-radius:8px;font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s}.start-btn:hover{opacity:.9}.dq-progress-bar{position:sticky;top:var(--header-height);z-index:90;background:#faf9f7eb;backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:.75rem 1.5rem;margin:-3rem -1.5rem 0}@media(max-width:640px){.dq-progress-bar{margin:-1.5rem -1rem 0;padding:.75rem 1rem}}.progress-inner{max-width:620px;margin:0 auto}.progress-steps{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.progress-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);transition:all .3s}.progress-dot.done{background:var(--color-warm)}.progress-dot.current{background:var(--color-warm);width:24px;border-radius:4px}.progress-label{text-align:center;font-size:.75rem;font-weight:500;color:var(--color-text-tertiary);letter-spacing:.05em}.progress-track{height:2px;background:var(--color-border);border-radius:1px;margin-top:.4rem}.progress-fill{height:100%;background:var(--color-warm);border-radius:1px;transition:width .4s cubic-bezier(.22,1,.36,1)}.question-area{min-height:50vh;display:flex;align-items:center;justify-content:center;padding:2rem 0}.question-card{width:100%;text-align:center}.question-number{font-size:.7rem;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem}.question-text{font-size:1.2rem;font-weight:400;line-height:1.6;color:var(--color-text);margin-bottom:2.5rem;min-height:3rem;transition:opacity .15s;max-width:520px;margin-left:auto;margin-right:auto}.question-text.fading{opacity:0}.answer-row{display:flex;flex-direction:column;gap:.6rem;align-items:center;width:100%;max-width:460px;margin:0 auto}.answer-btn{width:100%;padding:.9rem 1.5rem;border:2px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);font-size:1rem;font-weight:500;line-height:1.45;cursor:pointer;transition:all .15s;text-align:center}.answer-btn:hover{border-color:var(--color-warm);color:var(--color-warm);background:var(--color-warm-light, #eef2f0);transform:translateY(-1px);box-shadow:0 2px 8px #4a7c6f1f}.answer-btn.flash{border-color:var(--color-warm);color:#fff;background:var(--color-warm);transform:translateY(0)}.nav-row{display:flex;justify-content:center;margin-top:1.5rem;gap:.75rem}.back-btn{padding:.5rem 1rem;border:none;background:none;font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--color-text-tertiary);cursor:pointer;transition:color .15s}.back-btn:hover{color:var(--color-text)}.kbd-hint{margin-top:1rem;font-size:.72rem;color:var(--color-text-tertiary);letter-spacing:.05em}.kbd-hint kbd{font-family:var(--font-body);font-size:.7rem;padding:.1rem .35rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);color:var(--color-text-secondary)}@media(max-width:640px){.kbd-hint{display:none}}.result-wrap{padding:1rem 0}.result-card{text-align:center;padding:2.5rem 2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.result-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:1rem}.result-kicker{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--result-color, var(--color-warm));margin-bottom:.5rem}.result-card h1{font-family:var(--font-display);font-size:2rem;font-weight:600;line-height:1.15;letter-spacing:-.02em;margin:0 0 1.25rem}.result-desc{font-size:.95rem;line-height:1.75;color:var(--color-text-secondary);max-width:500px;margin:0 auto 1.5rem;text-align:left}.populations-card{text-align:left;padding:1.25rem 1.5rem;margin:1.5rem 0;background:#fff;border:1px solid var(--color-border);border-radius:8px}.populations-label{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--result-color, var(--color-warm));margin:0 0 .75rem}.populations-card ul{list-style:none;padding:0;margin:0}.populations-card li{padding:.35rem 0 .35rem 1.1rem;position:relative;font-size:.9rem;color:var(--color-text);line-height:1.5}.populations-card li:before{content:"→";position:absolute;left:0;color:var(--result-color, var(--color-warm))}.result-actions{display:flex;flex-direction:column;gap:.75rem;align-items:center;margin:1.75rem 0 1rem}.btn-primary{display:inline-block;padding:.85rem 2rem;background:var(--result-color, var(--color-warm));color:#fff;border:none;border-radius:8px;font-family:var(--font-body);font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .15s}.btn-primary:hover{opacity:.9;color:#fff}.btn-secondary{display:inline-block;padding:.85rem 2rem;background:#fff;color:var(--result-color, var(--color-warm));border:1px solid var(--result-color, var(--color-warm));border-radius:8px;font-family:var(--font-body);font-size:.95rem;font-weight:500;text-decoration:none;transition:all .15s}.btn-secondary:hover{background:var(--result-color, var(--color-warm));color:#fff}.result-meta{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.result-meta .back-btn{font-size:.82rem}.result-note{padding:1.25rem 1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font-size:.88rem;color:var(--color-text-secondary);line-height:1.7;margin-top:1rem}.result-note strong{color:var(--color-text)}.result-note a{color:var(--result-color, var(--color-warm))}@media(max-width:640px){.welcome-card{padding:2rem 1.25rem}.welcome-card h1{font-size:1.5rem}.question-text{font-size:1.05rem}.result-card{padding:2rem 1.25rem}.result-card h1{font-size:1.6rem}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}