dog-breed-quiz [hidden]{display:none}dog-breed-quiz button,dog-breed-quiz a{-webkit-tap-highlight-color:transparent}dog-breed-quiz button{cursor:pointer}dog-breed-quiz button:disabled{cursor:default}dog-breed-quiz :focus-visible{outline:3px solid var(--ring);outline-offset:4px}.quiz-card{border:1px solid var(--border);background:var(--card);border-radius:1rem;overflow:hidden;box-shadow:0 2px 8px #00000005}.quiz-primary,.quiz-outline{border-radius:.5rem;justify-content:center;align-items:center;gap:.6rem;min-height:3rem;padding:.75rem 1.2rem;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.quiz-primary{background:var(--primary);color:#fff}.quiz-primary:hover{background:oklch(65% .2 47.6)}.quiz-primary:active,.quiz-outline:active{transform:translateY(1px)}.quiz-primary:disabled{opacity:.5}.quiz-outline{border:1px solid var(--border);background:#fff}.quiz-outline:hover{background:#fff7ed}.quiz-sound{border:1px solid var(--border);white-space:nowrap;color:var(--muted-foreground);border-radius:999px;padding:.5rem .8rem;font-size:.75rem;font-weight:600}.quiz-sound[aria-pressed=true]{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.quiz-preview{background:#fff8ed;justify-content:center;align-items:center;gap:.75rem;height:200px;padding:2rem 1rem;display:flex;position:relative;overflow:hidden}.quiz-preview img{aspect-ratio:1;object-fit:cover;border:5px solid #fff;border-radius:.75rem;width:34%;transform:rotate(-7deg);box-shadow:0 5px 16px #78350f0d}.quiz-preview img:nth-child(2){z-index:1;width:38%;transform:translateY(-4px)rotate(3deg)}.quiz-preview img:not([data-preview-ready]){visibility:hidden}.quiz-preview img:nth-child(3){transform:rotate(8deg)}.quiz-photo-badge{z-index:2;width:44px;height:44px;color:var(--primary);background:#fff;border:1px solid #fed7aa;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:12px;left:calc(50% - 22px)}.quiz-image-wrap{background:#faf7f2;position:relative}.quiz-question-image{object-fit:contain;width:100%;height:min(38svh,340px);min-height:150px;display:block}dog-breed-quiz[data-phase=loading] .quiz-question-image,dog-breed-quiz[data-phase=paused] .quiz-question-image{visibility:hidden}.quiz-overlay{text-align:center;background:#faf7f2;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;padding:1rem;display:flex;position:absolute;inset:0}.quiz-loader{border:2px solid #fed7aa;border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:1s linear infinite quiz-spin}.quiz-controls{padding:1rem 1.25rem 1.25rem}.quiz-seconds{color:var(--foreground);font-variant-numeric:tabular-nums;font-weight:700}.quiz-timer{background:#f3f0ed;border-radius:999px;height:6px;overflow:hidden}.quiz-timer>div{background:var(--primary);transform-origin:0;height:100%}.quiz-timer[data-urgent=true]>div{background:#dc6034}.quiz-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem;display:grid}.quiz-choice{border:1px solid var(--border);text-align:left;background:#fff;border-radius:.5rem;align-items:center;gap:.5rem;min-height:56px;padding:.6rem .75rem;font-size:.875rem;font-weight:600;line-height:1.4;transition:border-color .15s,background .15s;display:flex}.quiz-choice-number{color:#78716c;background:#f5f5f4;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:.7rem;display:grid}@media (hover:hover){.quiz-choice:not(:disabled):hover{border-color:var(--primary);background:#fff7ed}}.quiz-choice[data-result=correct]{background:#f0fdf4;border-color:#16a34a}.quiz-choice[data-result=wrong]{background:#fff7ed;border-color:#fdba74}.quiz-feedback{background:#fffdf5ed;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;animation:.18s ease-out quiz-appear;display:flex;position:absolute;inset:0}.quiz-feedback-symbol{color:#15803d;font-size:4rem;line-height:1.1}.quiz-feedback[data-correct=false] .quiz-feedback-symbol{color:#c26c36}.quiz-feedback strong{font-size:1.5rem}.quiz-feedback>span:last-child{font-size:.95rem}.quiz-result-card{background:linear-gradient(#fff8ed,#fff 75%);padding:2rem 1.25rem}.quiz-medal{color:#c27615;background:#ffedc9;border:6px solid #fff8e7;border-radius:50%;place-items:center;width:88px;height:88px;display:grid;box-shadow:0 0 0 1px #f5dfb7}dog-breed-quiz[data-phase=results] .quiz-medal{animation:.5s ease-out quiz-appear}.quiz-result-dot{color:#a8a29e;background:#f5f5f4;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.75rem;display:grid}.quiz-result-dot[data-correct=true]{color:#b96814;background:#fff0d3}.quiz-review{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.quiz-review-item{border:1px solid var(--border);background:#fff;border-radius:.75rem;overflow:hidden}.quiz-review-item img{aspect-ratio:4/3;object-fit:contain;background:#faf7f2;width:100%}.quiz-review-text{padding:.9rem}.quiz-review-status{color:#a16207;font-size:.75rem}.quiz-review-status[data-correct=true]{color:#15803d}.quiz-review-name{margin-top:.35rem;font-size:.9rem;font-weight:700}.quiz-review-answer,.quiz-review-description{color:var(--muted-foreground);margin-top:.45rem;font-size:.75rem;line-height:1.65}@keyframes quiz-spin{to{transform:rotate(360deg)}}@keyframes quiz-appear{0%{opacity:0;transform:translateY(5px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width>=640px){.quiz-preview{height:290px;padding:2rem 3rem}.quiz-controls{padding:1.25rem 1.5rem 1.5rem}.quiz-choice{min-height:62px;font-size:1rem}.quiz-result-card{padding:2.5rem}}@media (width<=374px){.quiz-choice{gap:.3rem;padding:.5rem;font-size:.75rem}.quiz-preview{height:185px}.quiz-controls{padding:.75rem}}@media (prefers-reduced-motion:reduce){.quiz-loader,.quiz-feedback,dog-breed-quiz[data-phase=results] .quiz-medal{animation:none}dog-breed-quiz :is(.quiz-primary,.quiz-outline,.quiz-choice){transition:none}}dog-breed-quiz[data-phase=paused] .quiz-choices{visibility:hidden}@media (width<=639px) and (height<=740px){.quiz-question-image{height:32svh;min-height:140px}}.quiz-share-icon{background:var(--muted);width:44px;height:44px;color:var(--foreground);border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s;display:inline-flex}.quiz-share-icon:hover{opacity:.7}.quiz-share-icon:disabled{opacity:.5}