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