.quiz-page{width:min(48rem,100% - 2rem);min-height:calc(100vh - 8rem);margin-inline:auto;padding:clamp(2.5rem,8vw,6rem) 0 7rem}.quiz-page-intro,.quiz-page-result{width:min(68rem,100% - 2rem)}.quiz-intro{align-items:center;gap:clamp(2rem,5vw,4rem);padding-top:clamp(1rem,5vw,4rem);display:grid}.quiz-intro-copy{min-width:0}.quiz-eyebrow{color:var(--accent);letter-spacing:.09em;text-transform:uppercase;margin-bottom:.85rem;font-size:.76rem;font-weight:740}.quiz-intro h1,.quiz-card h1,.quiz-result h1{letter-spacing:-.055em;margin-bottom:1.2rem;font-size:clamp(2.2rem,7vw,4.35rem);line-height:1.01}.quiz-intro-copy>p:not(.quiz-eyebrow){max-width:41rem;color:var(--muted);margin-bottom:2rem;font-size:clamp(1.05rem,2.5vw,1.22rem);line-height:1.75}.quiz-intro-copy small{color:var(--subtle);margin-top:1rem;display:block}.quiz-illustration{border:1px solid var(--border);background:#efefeb;border-radius:.7rem;margin:0;position:relative;overflow:hidden}.quiz-illustration img{object-fit:cover}.quiz-intro-illustration{aspect-ratio:16/9;width:100%}.quiz-primary,.quiz-secondary{border:1px solid var(--foreground);cursor:pointer;border-radius:.45rem;justify-content:center;align-items:center;min-height:3.35rem;padding:.75rem 1.25rem;font-weight:680;text-decoration:none;display:inline-flex}.quiz-primary{background:var(--foreground);color:#fff}.quiz-primary:disabled{opacity:.38;cursor:not-allowed}.quiz-secondary{color:var(--foreground);background:0 0}.quiz-topbar,.quiz-progress-label{justify-content:space-between;align-items:center;display:flex}.quiz-topbar{margin-bottom:2rem}.quiz-topbar button,.quiz-text-action{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:.4rem 0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.quiz-topbar button:hover,.quiz-text-action:hover{color:var(--foreground);text-decoration-color:currentColor}.quiz-progress{margin-bottom:2.25rem}.quiz-progress-label{color:var(--muted);margin-bottom:.45rem;font-size:.76rem}.quiz-progress-track{background:var(--border);height:2px;overflow:hidden}.quiz-progress-track span{background:var(--accent);height:100%;transition:width .25s;display:block}.quiz-card{min-height:33rem;animation:.22s both quiz-enter}.quiz-card h1{max-width:42rem;margin-bottom:.8rem;font-size:clamp(2rem,5vw,3.2rem)}.quiz-hint,.quiz-context{max-width:40rem;color:var(--muted);margin-bottom:1.4rem}.quiz-context{border-left:2px solid var(--border-strong);padding-left:1rem}.quiz-options{gap:.65rem;margin-top:1.7rem;display:grid}.quiz-option{border:1px solid var(--border);width:100%;min-height:4.25rem;color:var(--foreground);cursor:pointer;text-align:left;background:#ffffffad;border-radius:.6rem;grid-template-columns:1.5rem 1fr;align-items:center;gap:.9rem;padding:.9rem 1rem;transition:border-color .18s,background .18s,transform .18s;display:grid}.quiz-option:hover{border-color:var(--border-strong);transform:translateY(-1px)}.quiz-option[data-selected=true]{border-color:var(--accent);background:var(--accent-soft)}.quiz-option-marker{border:1px solid var(--border-strong);color:#fff;border-radius:50%;place-items:center;width:1.25rem;height:1.25rem;font-size:.75rem;display:grid}.quiz-option[data-selected=true] .quiz-option-marker{border-color:var(--accent);background:var(--accent)}.quiz-option strong,.quiz-option small{display:block}.quiz-option small{color:var(--muted);margin-top:.15rem;font-size:.83rem;font-weight:400}.quiz-options-illustrated{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-options-illustrated .quiz-option{grid-template-columns:1.5rem 1fr;min-height:0;padding:0 0 1rem;display:grid;position:relative;overflow:hidden}.quiz-options-illustrated .quiz-option-image{aspect-ratio:4/3;border:0;border-bottom:1px solid var(--border);border-radius:0;grid-column:1/-1;width:100%;margin-bottom:.9rem}.quiz-options-illustrated .quiz-option>.quiz-option-marker{margin-left:1rem}.quiz-options-illustrated .quiz-option>span:last-child{padding-right:1rem}.quiz-page-usage{width:min(70rem,100% - 2rem)}.usage-layout{align-items:start;gap:1.5rem;display:grid}.usage-options{min-width:0}.usage-preview{order:-1}.usage-preview-image{aspect-ratio:4/3;width:min(100%,24rem);animation:.2s both usage-preview-enter}.usage-option-group{display:grid;overflow:hidden}.usage-branch{border-left:1px solid var(--border-strong);margin:.35rem 0 .15rem 2.4rem;padding:.6rem 0 .05rem .85rem;animation:.22s both usage-branch-enter}.usage-branch>p{color:#4f4f4a;margin-bottom:.45rem;font-size:.86rem;font-weight:650}.usage-branch-support{color:var(--muted);margin:-.25rem 0 .45rem;font-size:.75rem;display:block}.usage-branch-options{gap:.3rem;display:grid}.usage-branch-option{border:1px solid var(--border);min-height:3.15rem;color:var(--foreground);cursor:pointer;text-align:left;background:#ffffff7a;border-radius:.45rem;padding:.5rem .65rem;transition:border-color .2s,background .2s;display:block}.usage-branch-option strong,.usage-branch-option small{display:block}.usage-branch-option small{color:var(--muted);margin-top:.05rem;font-size:.76rem;font-weight:400}.usage-branch-option[data-selected=true]{border-color:var(--accent);background:var(--accent-soft)}.usage-branch-summary{border:1px solid var(--border);color:#4f4f4a;cursor:pointer;text-align:left;background:0 0;border-radius:.4rem;justify-content:space-between;align-items:center;gap:.75rem;min-height:2.75rem;margin:.25rem 0 .05rem 2.4rem;padding:.45rem .7rem;display:flex}.usage-branch-summary span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.82rem;overflow:hidden}.usage-branch-summary small{color:var(--accent);flex:none;font-size:.76rem;font-weight:650}.quiz-field{color:var(--muted);gap:.5rem;margin-top:1rem;font-size:.86rem;display:grid}.quiz-field input{border:1px solid var(--border-strong);min-height:3.25rem;color:var(--foreground);background:#fff;border-radius:.45rem;padding:.7rem .85rem}.quiz-continue{margin-top:1.25rem}.quiz-processing{min-height:30rem;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:1.25rem;display:grid}.quiz-processing span{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:2.5rem;height:2.5rem;animation:.75s linear infinite quiz-spin}.quiz-result h1 span{color:var(--muted);font-weight:430;display:block}.result-hero{align-items:center;gap:clamp(1.5rem,4vw,3.5rem);display:grid}.result-hero>div{min-width:0}.result-hero-image{aspect-ratio:4/3;width:100%}.result-lead{max-width:44rem;color:var(--muted);font-size:1.1rem;line-height:1.75}.result-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:2rem 0;display:grid}.result-specs div{border:1px solid var(--border);background:var(--surface);border-radius:.6rem;gap:.3rem;padding:1.2rem;display:grid}.result-specs span{color:var(--muted);font-size:.82rem}.result-specs strong{font-size:1.35rem}.result-specs div:last-child strong{font-size:1rem;line-height:1.45}.quiz-warning{background:#f3ede4;border-left:3px solid #9a6930;margin:1rem 0;padding:1rem 1.15rem}.quiz-warning p{color:#66543f;margin:.3rem 0 0}.family-preference{border-block:1px solid var(--border);margin-top:1.25rem;padding:1.1rem 0}.family-preference .quiz-eyebrow{margin-bottom:.55rem}.family-preference p:not(.quiz-eyebrow){color:var(--muted);margin:.25rem 0}.recommendation-reasons{border-top:1px solid var(--border);margin-top:3rem;padding-top:2rem}.recommendation-reasons ul{color:#454541;gap:.7rem;padding-left:1.2rem;display:grid}.recommendation-reasons li span,.recommendation-reasons li strong{display:block}.recommendation-reasons li strong{margin-top:.15rem;font-weight:680}.recommendation-options{gap:.8rem;margin-top:2rem;display:grid}.recommendation-option{border:1px solid var(--border);background:var(--surface);border-radius:.65rem;padding:1.2rem}.recommendation-option p{color:var(--accent);text-transform:uppercase;margin-bottom:.45rem;font-size:.76rem;font-weight:720}.recommendation-option h3{margin-bottom:.25rem;font-size:1.2rem}.recommendation-option strong,.recommendation-option span{display:block}.recommendation-option span{color:var(--muted);margin-top:.5rem;font-size:.9rem}.result-actions{flex-wrap:wrap;gap:.7rem;margin-top:2rem;display:flex}.zalo-summary{border-block:1px solid var(--border);margin-top:1.5rem}.zalo-summary summary{cursor:pointer;padding:1rem 0;font-weight:650}.zalo-summary pre{white-space:pre-wrap;font:inherit;background:#efefeb;padding:1rem;font-size:.88rem;overflow-x:auto}.quiz-text-action{margin-top:1.5rem}.quiz-loading{background:linear-gradient(90deg,#0000,#ffffffa6,#0000)}@keyframes quiz-enter{0%{opacity:0;transform:translateY(6px)}}@keyframes usage-branch-enter{0%{opacity:0;max-height:0;transform:translateY(-4px)}to{opacity:1;max-height:20rem;transform:translateY(0)}}@keyframes usage-preview-enter{0%{opacity:.45}to{opacity:1}}@keyframes quiz-spin{to{transform:rotate(360deg)}}@media (min-width:44rem){.quiz-intro,.result-hero{grid-template-columns:minmax(0,1.2fr) minmax(16rem,.8fr)}.recommendation-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:58rem){.usage-layout{grid-template-columns:minmax(0,42rem) minmax(16rem,1fr);gap:2rem}.usage-preview{order:initial;padding-top:1.7rem;position:sticky;top:1.5rem}}@media (max-width:34rem){.quiz-page{min-height:calc(100vh - 7rem);padding-top:2rem}.quiz-card{min-height:36rem}.result-actions>*{width:100%}.quiz-options-illustrated{grid-template-columns:1fr}.quiz-options-illustrated .quiz-option-image{aspect-ratio:16/7}.usage-preview-image{aspect-ratio:16/7;width:100%}.usage-branch,.usage-branch-summary{margin-left:1.25rem}}@media (prefers-reduced-motion:reduce){.quiz-card,.quiz-processing span,.usage-branch,.usage-preview-image{animation:none}.quiz-option,.usage-branch-option,.quiz-progress-track span{transition:none}}