:root{--gap: 12px;--radius: 10px;--primary: #007bff;--primary-light: #f0f7ff;--primary-shadow: rgba(0, 123, 255, .2);--success: #28a745;--text-primary: #fff;--text-secondary: #fff;--bg-card: #2F2F2F;--border-card: #ccc;--border-input: #ddd}body{margin:0;padding:0;font-family:Arial,sans-serif}.app{max-width:720px;margin:0 auto;padding:16px}.card{border:1px solid var(--border-card);border-radius:var(--radius);box-shadow:0 2px 4px #00000014;padding:16px;background-color:var(--bg-card)}.stack{display:grid;gap:var(--gap)}.center{text-align:center}.hidden{display:none!important}.btn{border:1px solid var(--primary);background:transparent;color:var(--primary);border-radius:6px;padding:10px 16px;cursor:pointer;min-height:44px;transition:all .2s ease-in-out}.btn:hover:not([disabled]){background:#007bff0d}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover:not([disabled]){background:#0069d9}.muted{color:var(--text-secondary);font-size:.95rem}.progress{height:10px;background:#e5e5e5;border-radius:999px;overflow:hidden;position:relative}.progress>span{position:absolute;top:0;right:0;bottom:0;left:0;width:0%;background:var(--success);transition:width .3s ease}.progress-label{font-size:.9rem;color:#555}.q-head{font-weight:700;font-size:1.5rem}.options{display:grid;gap:8px}.opt-btn{color:var(--primary-light);display:block;width:100%;text-align:left;padding:10px 12px;border:1px solid var(--border-input);border-radius:8px;background:var(--bg-card);min-height:44px}.opt-btn[aria-pressed=true],.opt-btn:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-shadow)}.likert{display:grid;gap:var(--gap)}.likert-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.likert label{display:inline-block;text-align:center;padding:8px 6px;border:1px solid var(--border-input);border-radius:6px;cursor:pointer;min-height:44px}.likert label:hover{background:#e6f0fa;color:#004a99}.likert input[type=radio]:checked+label{border-color:var(--primary);background:var(--primary-light);color:#004a99}.likert input[type=radio]:focus-visible+label{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-shadow)}.likert-row input[type=radio]{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.result-card h1{font-size:2.25rem;text-transform:capitalize;margin:0}.result-card h2{margin:0 0 8px;text-transform:capitalize}.result-card h1,.result-card h2,.result-card .kicker,.result-card .muted,.result-card p,.result-card ul,.result-card li{color:var(--text-primary)!important;text-shadow:0 1px 2px rgba(34,34,34,.5)}.result-card .kicker{color:#b3d1ff!important;font-weight:700;letter-spacing:.02em}.result-card .muted{color:#d0d0d0!important}#charts-wrap{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:20px;margin-bottom:24px;width:100%}#charts-wrap canvas{display:block;margin:0 auto;background:transparent;height:auto!important;max-width:300px;min-width:200px;width:100%}.chart-title{text-align:center;font-weight:600;font-size:1.15rem;margin-bottom:8px;color:var(--text-primary)}.collection-image{max-width:75%;border-radius:8px;margin:0 auto}.ai-opinion-wrap .ai-opinion{background:#23293a;border-radius:8px;padding:12px;margin-top:8px}#ai-opinion-text{font-size:1.5rem}.share{display:grid;gap:10px}.share-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.input{padding:8px 10px;border:1px solid var(--border-input);border-radius:6px;min-width:240px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#f0f7ff;border:1px solid #cfe5ff;color:#004a99;font-size:.8rem}@media (min-width: 601px){.share-row.tight{flex-wrap:nowrap!important;align-items:center!important;gap:8px!important}.share-row.tight>div[style*="position:relative"]{flex:1 1 0%;min-width:180px;max-width:260px}.share-row.tight .btn.primary{flex:0 0 auto;min-width:120px;max-width:180px}.share-row.tight input.input{width:100%;min-width:120px;max-width:100%}}@media (max-width: 600px){html,body{max-width:100%;overflow-x:hidden}.app{padding:clamp(16px,5vw,24px);padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}section.card{padding:clamp(16px,5vw,24px)!important;border-radius:14px;box-sizing:border-box}#start h1{font-size:clamp(1.6rem,7vw,2.6rem);line-height:1.15}.q-head{font-size:clamp(1.1rem,5vw,1.5rem)}#quiz.card{width:100%;max-width:100%;overflow-x:hidden}#q-head,#q-body,.options,.likert{max-width:100%;word-break:break-word}.likert-row{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important}.likert label{width:100%!important}#charts-wrap canvas{width:min(320px,90vw)!important;height:auto!important}.share{padding:clamp(12px,4vw,18px)}.share-row.tight{display:grid;grid-template-columns:1fr;gap:8px}.share-row.tight .btn,.share-row.tight .input{width:100%}.share-row.tight .btn.primary{order:2}.share-row.tight input.input{padding-left:36px}.share-row.tight>div[style*="position:relative"]{order:1}.share-row[aria-label="Social links"]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}}@media (max-width: 600px){#charts-wrap{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;width:100%}#charts-wrap canvas{width:min(320px,90vw)!important;max-width:100%;height:auto!important;margin:0 auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/quiz-2.css.map */