:root{--cbcq-primary:#7c3aed;--cbcq-primary-light:#7c3aed1a;--cbcq-text:#1e293b;--cbcq-text-muted:#64748b;--cbcq-bg:#fff;--cbcq-bg-soft:#f8fafc;--cbcq-bg-hover:#f8fafc;--cbcq-border:#e2e8f0;--cbcq-shadow:0 2px 12px #0000000f;--cbcq-shadow-lg:0 8px 32px #0000001a;--cbcq-radius:var(--main-radius,8px);--cbcq-radius-lg:var(--main-radius-lg,12px);--cbcq-transition:.3s ease;--cbcq-option-hover:#f5f3ff;--cbcq-option-active:#7c3aed;--cbcq-progress-bg:#e2e8f0;--cbcq-progress-fill:linear-gradient(90deg, #7c3aed, #a78bfa);--cbcq-result-gradient:linear-gradient(135deg, #faf5ff, #f5f3ff);--cbcq-trait-bg:#7c3aed14;--cbcq-advice-bg:#faf5ff;--cbcq-advice-border:#c4b5fd}._cbcq-container{max-width:600px;min-height:400px;margin:0 auto}._cbcq-hidden{display:none!important}._cbcq-panel{background:var(--cbcq-bg,#fff);border-radius:var(--cbcq-radius-lg,12px);border-style:solid;border-width:1px;border-color:var(--cbcq-border,#e2e8f0);padding:var(--main-space-6,1.5rem);box-shadow:0 1px 2px #0f172a0a,0 4px 12px #0f172a0f}@media (max-width:768px){._cbcq-container{padding-left:var(--main-space-3,.75rem);padding-right:var(--main-space-3,.75rem)}}@media (max-width:480px){._cbcq-container{padding-left:var(--main-space-2,.5rem);padding-right:var(--main-space-2,.5rem)}}._cbcq-intro{text-align:center;padding:var(--main-space-8,2rem) var(--main-space-4,1rem);flex-direction:column;align-items:center;display:flex}._cbcq-intro-icon{color:var(--cbcq-primary);margin-bottom:var(--main-space-4,1rem);justify-content:center;align-items:center;display:flex}._cbcq-intro-icon svg{width:64px;height:64px}._cbcq-intro-title{color:var(--cbcq-text);margin:0 0 var(--main-space-3,.75rem);font-size:1.5rem;font-weight:700;line-height:1.3}._cbcq-intro-desc{color:var(--cbcq-text-muted);margin:0 0 var(--main-space-6,1.5rem);max-width:420px;font-size:.9375rem;line-height:1.6}._cbcq-start-btn{background:var(--cbcq-option-active);color:#fff;border-radius:var(--cbcq-radius-lg);cursor:pointer;min-height:44px;transition:opacity var(--cbcq-transition);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;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 #7c3aed4d}._cbcq-start-btn:hover{opacity:.9}@media (max-width:480px){._cbcq-intro{padding:var(--main-space-6,1.5rem) var(--main-space-2,.5rem)}._cbcq-intro-icon svg{width:56px;height:56px}._cbcq-intro-title{font-size:1.25rem}._cbcq-intro-desc{font-size:.9rem}._cbcq-start-btn{width:100%;max-width:320px}}._cbcq-progress-wrap{margin-bottom:var(--main-space-6,1.5rem)}._cbcq-progress-info{margin-bottom:var(--main-space-2,.5rem);justify-content:space-between;align-items:center;display:flex}._cbcq-progress-label{font-size:var(--main-text-sm,.875rem);color:var(--cbcq-text);font-weight:600}._cbcq-progress-bar{background:var(--cbcq-progress-bg);border-radius:var(--main-radius-full,50px);width:100%;height:6px;overflow:hidden}._cbcq-progress-fill{background:var(--cbcq-progress-fill);border-radius:var(--main-radius-full,50px);width:0%;height:100%;transition:width .4s}._cbcq-question-area{animation:.35s _cbcq-fadeIn}._cbcq-question-text{color:var(--cbcq-text);margin:0 0 var(--main-space-5,1.25rem);font-size:1.125rem;font-weight:600;line-height:1.5}._cbcq-options{gap:var(--main-space-3,.75rem);flex-direction:column;display:flex}._cbcq-option{align-items:center;gap:var(--main-space-3,.75rem);background:var(--cbcq-bg-soft);border-style:solid;border-width:1.5px;border-color:var(--cbcq-border);border-radius:var(--cbcq-radius-lg);width:100%;min-height:48px;color:var(--cbcq-text);text-align:left;cursor:pointer;transition:border-color var(--cbcq-transition), background var(--cbcq-transition), box-shadow var(--cbcq-transition);box-shadow:var(--cbcq-shadow);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:.875rem 1rem;font-size:.9375rem;line-height:1.4;display:flex}._cbcq-option:hover{border-color:var(--cbcq-option-active);background:var(--cbcq-option-hover);box-shadow:0 2px 12px #7c3aed1f}._cbcq-option-letter{border-radius:var(--main-radius-full,50px);background:var(--cbcq-primary-light);width:28px;min-width:28px;height:28px;color:var(--cbcq-primary);font-size:var(--main-text-xs,.75rem);justify-content:center;align-items:center;font-weight:700;display:inline-flex}._cbcq-option:hover ._cbcq-option-letter{background:var(--cbcq-option-active);color:#fff}._cbcq-option._cbcq-selected{border-color:var(--cbcq-option-active);background:var(--cbcq-option-hover)}._cbcq-option._cbcq-selected ._cbcq-option-letter{background:var(--cbcq-option-active);color:#fff}@keyframes _cbcq-fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:480px){._cbcq-question-text{margin:0 0 var(--main-space-4,1rem);font-size:1rem}._cbcq-option{gap:var(--main-space-2,.5rem);min-height:48px;padding:.75rem .875rem;font-size:.875rem}._cbcq-options{gap:var(--main-space-2,.5rem)}._cbcq-progress-wrap{margin-bottom:var(--main-space-4,1rem)}}._cbcq-result{animation:.5s _cbcq-fadeIn}._cbcq-result-card{background:var(--cbcq-bg);border-radius:var(--cbcq-radius-lg);padding:var(--main-space-6,1.5rem);box-shadow:var(--cbcq-shadow-lg);border-style:solid;border-width:1px;border-color:var(--cbcq-border);text-align:center}._cbcq-result-icon{color:var(--cbcq-primary);margin-bottom:var(--main-space-3,.75rem);justify-content:center;align-items:center;display:flex}._cbcq-result-icon svg{width:72px;height:72px}._cbcq-result-breed{color:var(--cbcq-text);margin:0 0 var(--main-space-1,.25rem);font-size:1.5rem;font-weight:700}._cbcq-result-subtitle{color:var(--cbcq-primary);margin:0 0 var(--main-space-4,1rem);font-size:.875rem;font-weight:600}._cbcq-result-desc{color:var(--cbcq-text-muted);margin:0 0 var(--main-space-5,1.25rem);font-size:.9375rem;line-height:1.6}._cbcq-result-traits{justify-content:center;gap:var(--main-space-2,.5rem);margin-bottom:var(--main-space-5,1.25rem);flex-wrap:wrap;display:flex}._cbcq-trait-badge{border-radius:var(--main-radius-full,50px);font-size:var(--main-text-xs,.75rem);background:var(--cbcq-trait-bg);color:var(--cbcq-primary);padding:.25rem .75rem;font-weight:600;display:inline-flex}._cbcq-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}._cbcq-detail-block{padding:var(--main-space-4,1rem);background:var(--cbcq-result-gradient);border-radius:var(--cbcq-radius);border-style:dashed;border-width:1px;border-color:var(--cbcq-advice-border)}._cbcq-detail-title{font-size:var(--main-text-sm,.875rem);color:var(--cbcq-primary);margin:0 0 var(--main-space-2,.5rem);font-weight:700}._cbcq-detail-text{font-size:var(--main-text-sm,.875rem);color:var(--cbcq-text-muted);margin:0;line-height:1.5}._cbcq-result-actions{justify-content:center;gap:var(--main-space-3,.75rem);margin-top:var(--main-space-5,1.25rem);display:flex}._cbcq-retake-btn,._cbcq-share-btn{border-radius:var(--cbcq-radius);cursor:pointer;min-height:44px;transition:opacity var(--cbcq-transition);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex}._cbcq-retake-btn{color:var(--cbcq-text);border-style:solid;border-width:1.5px;border-color:var(--cbcq-border);background:0 0}._cbcq-retake-btn:hover{opacity:.8}._cbcq-share-btn{background:var(--cbcq-option-active);color:#fff;border:0 solid #0000;box-shadow:0 2px 8px #7c3aed4d}._cbcq-share-btn:hover{opacity:.9}._cbcq-disclaimer{text-align:center;font-size:var(--main-text-xs,.75rem);color:var(--cbcq-text-muted);margin:var(--main-space-5,1.25rem) 0 0;line-height:1.5}@media (max-width:480px){._cbcq-result-details{gap:var(--main-space-3,.75rem);margin-bottom:var(--main-space-4,1rem);grid-template-columns:1fr}._cbcq-result-actions{gap:var(--main-space-2,.5rem);margin-top:var(--main-space-4,1rem);flex-direction:column}._cbcq-retake-btn,._cbcq-share-btn{width:100%}._cbcq-result-card{padding:var(--main-space-4,1rem)}._cbcq-result-icon svg{width:56px;height:56px}._cbcq-result-breed{font-size:1.25rem}._cbcq-result-desc{margin-bottom:var(--main-space-4,1rem);font-size:.9rem}._cbcq-result-traits{margin-bottom:var(--main-space-4,1rem)}._cbcq-detail-block{padding:var(--main-space-3,.75rem)}._cbcq-disclaimer{margin-top:var(--main-space-4,1rem);padding:0 var(--main-space-2,.5rem)}}