:root{--dbcq-primary:#e67e22;--dbcq-primary-light:#e67e221a;--dbcq-text:#1e293b;--dbcq-text-muted:#64748b;--dbcq-bg:#fff;--dbcq-bg-soft:#f8fafc;--dbcq-bg-hover:#f8fafc;--dbcq-border:#e2e8f0;--dbcq-shadow:0 2px 12px #0000000f;--dbcq-shadow-lg:0 8px 32px #0000001a;--dbcq-radius:var(--main-radius,8px);--dbcq-radius-lg:var(--main-radius-lg,12px);--dbcq-transition:.3s ease;--dbcq-option-hover:#fef3e2;--dbcq-option-active:#e67e22;--dbcq-progress-bg:#e2e8f0;--dbcq-progress-fill:linear-gradient(90deg, #e67e22, #f39c12);--dbcq-result-gradient:linear-gradient(135deg, #fef9f3, #fdf6ec);--dbcq-trait-bg:#e67e2214;--dbcq-tip-bg:#fef9f3;--dbcq-tip-border:#fad7a0;--dbcq-info-bg:#f8fafc}._dbcq-container{max-width:600px;min-height:400px;margin:0 auto}._dbcq-hidden{display:none!important}._dbcq-panel{background:var(--dbcq-bg);border-radius:var(--dbcq-radius-lg);border-style:solid;border-width:1px;border-color:var(--dbcq-border);padding:var(--main-space-6,1.5rem);box-shadow:0 1px 2px #0f172a0a,0 4px 12px #0f172a0f}._dbcq-intro{text-align:center;padding:var(--main-space-8,2rem) var(--main-space-4,1rem);flex-direction:column;align-items:center;display:flex}._dbcq-intro-icon{color:var(--dbcq-primary);margin-bottom:var(--main-space-4,1rem);justify-content:center;align-items:center;display:flex}._dbcq-intro-icon svg{width:64px;height:64px}._dbcq-intro-title{color:var(--dbcq-text);margin:0 0 var(--main-space-3,.75rem);font-size:1.5rem;font-weight:700}._dbcq-intro-desc{color:var(--dbcq-text-muted);margin:0 0 var(--main-space-6,1.5rem);max-width:420px;font-size:.9375rem;line-height:1.6}._dbcq-start-btn{background:var(--dbcq-option-active);color:#fff;border-radius:var(--dbcq-radius-lg);cursor:pointer;min-height:44px;transition:opacity var(--dbcq-transition);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:0 solid #0000;justify-content:center;align-items:center;padding:.75rem 2rem;font-size:1rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #e67e224d}@media (hover:hover){._dbcq-start-btn:hover{opacity:.9}}@media (max-width:600px){._dbcq-intro{padding:var(--main-space-6,1.5rem) var(--main-space-3,.75rem)}._dbcq-intro-icon svg{width:56px;height:56px}._dbcq-intro-title{font-size:1.25rem}._dbcq-intro-desc{font-size:.9rem}._dbcq-start-btn{width:100%;max-width:320px}}@media (max-width:380px){._dbcq-intro-icon svg{width:48px;height:48px}._dbcq-intro-title{font-size:1.125rem}}._dbcq-progress-wrap{margin-bottom:var(--main-space-6,1.5rem)}._dbcq-progress-info{margin-bottom:var(--main-space-2,.5rem);justify-content:space-between;align-items:center;display:flex}._dbcq-progress-label{font-size:var(--main-text-sm,.875rem);color:var(--dbcq-text);font-weight:600}._dbcq-progress-bar{background:var(--dbcq-progress-bg);border-radius:var(--main-radius-full,50px);width:100%;height:6px;overflow:hidden}._dbcq-progress-fill{background:var(--dbcq-progress-fill);border-radius:var(--main-radius-full,50px);width:0%;height:100%;transition:width .4s}._dbcq-question-area{animation:.35s _dbcq-fadeIn}._dbcq-question-text{color:var(--dbcq-text);margin:0 0 var(--main-space-5,1.25rem);font-size:1.125rem;font-weight:600;line-height:1.5}._dbcq-options{gap:var(--main-space-3,.75rem);flex-direction:column;display:flex}._dbcq-option{align-items:center;gap:var(--main-space-3,.75rem);background:var(--dbcq-bg-soft);border-style:solid;border-width:1.5px;border-color:var(--dbcq-border);border-radius:var(--dbcq-radius-lg);width:100%;min-height:48px;color:var(--dbcq-text);text-align:left;cursor:pointer;transition:border-color var(--dbcq-transition), background var(--dbcq-transition), box-shadow var(--dbcq-transition);box-shadow:var(--dbcq-shadow);-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:.875rem 1rem;font-size:.9375rem;line-height:1.4;display:flex}@media (hover:hover){._dbcq-option:hover{border-color:var(--dbcq-option-active);background:var(--dbcq-option-hover);box-shadow:0 2px 12px #e67e221f}._dbcq-option:hover ._dbcq-option-letter{background:var(--dbcq-option-active);color:#fff}}._dbcq-option-letter{border-radius:var(--main-radius-full,50px);background:var(--dbcq-primary-light);width:28px;min-width:28px;height:28px;color:var(--dbcq-primary);font-size:var(--main-text-xs,.75rem);justify-content:center;align-items:center;font-weight:700;display:inline-flex}._dbcq-option._dbcq-selected{border-color:var(--dbcq-option-active);background:var(--dbcq-option-hover)}._dbcq-option._dbcq-selected ._dbcq-option-letter{background:var(--dbcq-option-active);color:#fff}@keyframes _dbcq-fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:600px){._dbcq-progress-wrap{margin-bottom:var(--main-space-4,1rem)}._dbcq-question-text{margin-bottom:var(--main-space-4,1rem);font-size:1rem}._dbcq-option{gap:var(--main-space-2,.5rem);padding:.75rem .875rem;font-size:.9rem}}@media (max-width:380px){._dbcq-question-text{font-size:.9375rem}._dbcq-option{padding:.75rem;font-size:.875rem}._dbcq-option-letter{width:24px;min-width:24px;height:24px}}._dbcq-result{animation:.5s _dbcq-fadeIn}._dbcq-result-card{background:var(--dbcq-bg);border-radius:var(--dbcq-radius-lg);padding:var(--main-space-6,1.5rem);box-shadow:var(--dbcq-shadow-lg);border-style:solid;border-width:1px;border-color:var(--dbcq-border);text-align:center}._dbcq-result-icon{color:var(--dbcq-primary);margin-bottom:var(--main-space-3,.75rem);justify-content:center;align-items:center;display:flex}._dbcq-result-icon svg{width:72px;height:72px}._dbcq-result-breed{color:var(--dbcq-text);margin:0 0 var(--main-space-1,.25rem);font-size:1.5rem;font-weight:700}._dbcq-result-subtitle{color:var(--dbcq-primary);margin:0 0 var(--main-space-4,1rem);font-size:.875rem;font-weight:600}._dbcq-result-desc{color:var(--dbcq-text-muted);margin:0 0 var(--main-space-5,1.25rem);font-size:.9375rem;line-height:1.6}._dbcq-result-traits{justify-content:center;gap:var(--main-space-2,.5rem);margin-bottom:var(--main-space-5,1.25rem);flex-wrap:wrap;display:flex}._dbcq-trait-badge{border-radius:var(--main-radius-full,50px);font-size:var(--main-text-xs,.75rem);background:var(--dbcq-trait-bg);color:var(--dbcq-primary);padding:.25rem .75rem;font-weight:600;display:inline-flex}._dbcq-result-details{gap:var(--main-space-4,1rem);margin-bottom:var(--main-space-5,1.25rem);text-align:left;grid-template-columns:1fr 1fr;display:grid}._dbcq-detail-block{padding:var(--main-space-4,1rem);background:var(--dbcq-result-gradient);border-radius:var(--dbcq-radius)}._dbcq-detail-title{font-size:var(--main-text-sm,.875rem);color:var(--dbcq-text);margin:0 0 var(--main-space-2,.5rem);font-weight:700}._dbcq-detail-text{font-size:var(--main-text-sm,.875rem);color:var(--dbcq-text-muted);margin:0;line-height:1.5}._dbcq-result-info{gap:var(--main-space-3,.75rem);margin-bottom:var(--main-space-5,1.25rem);grid-template-columns:1fr 1fr;display:grid}._dbcq-info-item{align-items:center;gap:var(--main-space-1,.25rem);padding:var(--main-space-3,.75rem);background:var(--dbcq-info-bg);border-radius:var(--dbcq-radius);border-style:solid;border-width:1px;border-color:var(--dbcq-border);flex-direction:column;display:flex}._dbcq-info-label{font-size:var(--main-text-xs,.75rem);color:var(--dbcq-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}._dbcq-info-value{font-size:var(--main-text-sm,.875rem);color:var(--dbcq-text);font-weight:700}._dbcq-result-tip{text-align:left;padding:var(--main-space-4,1rem);background:var(--dbcq-tip-bg);border-radius:var(--dbcq-radius);border-style:dashed;border-width:1px;border-color:var(--dbcq-tip-border)}._dbcq-tip-title{font-size:var(--main-text-sm,.875rem);color:var(--dbcq-primary);margin:0 0 var(--main-space-2,.5rem);font-weight:700}._dbcq-tip-text{font-size:var(--main-text-sm,.875rem);color:var(--dbcq-text-muted);margin:0;line-height:1.6}._dbcq-result-actions{justify-content:center;gap:var(--main-space-3,.75rem);margin-top:var(--main-space-5,1.25rem);display:flex}._dbcq-retake-btn,._dbcq-share-btn{border-radius:var(--dbcq-radius);cursor:pointer;min-height:44px;transition:opacity var(--dbcq-transition);-webkit-tap-highlight-color:transparent;touch-action:manipulation;justify-content:center;align-items:center;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex}._dbcq-retake-btn{color:var(--dbcq-text);border-style:solid;border-width:1.5px;border-color:var(--dbcq-border);background:0 0}._dbcq-share-btn{background:var(--dbcq-option-active);color:#fff;border:0 solid #0000;box-shadow:0 2px 8px #e67e224d}@media (hover:hover){._dbcq-retake-btn:hover{opacity:.8}._dbcq-share-btn:hover{opacity:.9}}._dbcq-disclaimer{text-align:center;font-size:var(--main-text-xs,.75rem);color:var(--dbcq-text-muted);margin:var(--main-space-5,1.25rem) 0 0;line-height:1.5}._dbcq-info-value{word-break:break-word;text-align:center}@media (max-width:600px){._dbcq-result-card{padding:var(--main-space-4,1rem)}._dbcq-result-icon svg{width:60px;height:60px}._dbcq-result-breed{font-size:1.25rem}._dbcq-result-desc{font-size:.9rem}._dbcq-result-details{gap:var(--main-space-3,.75rem);grid-template-columns:1fr}._dbcq-detail-block{padding:var(--main-space-3,.75rem)}._dbcq-result-info{gap:var(--main-space-2,.5rem);grid-template-columns:1fr 1fr}._dbcq-info-item{padding:var(--main-space-2,.5rem)}._dbcq-result-tip{padding:var(--main-space-3,.75rem)}._dbcq-result-actions{gap:var(--main-space-2,.5rem);flex-direction:column}._dbcq-retake-btn,._dbcq-share-btn{width:100%}}@media (max-width:380px){._dbcq-result-card{padding:var(--main-space-3,.75rem)}._dbcq-result-breed{font-size:1.125rem}._dbcq-result-info{grid-template-columns:1fr}._dbcq-info-item{justify-content:space-between;gap:var(--main-space-2,.5rem);flex-direction:row}._dbcq-info-value{text-align:right}}