:root{--survey-bg:#f8fafc;--survey-card-bg:#fff;--survey-text:#181818;--survey-accent:#2563eb;--survey-border:#e5e7eb;--survey-error:#ef4444;--survey-option-bg:#f1f5f9;--survey-option-selected:#2563eb10;--survey-shadow:0 2px 16px rgba(0,0,0,0.06)}body.dark{--survey-bg:#181a20;--survey-card-bg:#23262f;--survey-text:#fff;--survey-accent:#2563eb;--survey-border:#23262f;--survey-error:#ef4444;--survey-option-bg:#23262f;--survey-option-selected:#2563eb22;--survey-shadow:0 2px 16px rgba(0,0,0,0.18)}.survey-main{background:var(--survey-bg);min-height:50vh}.survey-form{max-width:520px;background:var(--survey-card-bg);border-radius:18px;box-shadow:var(--survey-shadow);padding:2.2rem 1.5rem 1.5rem;margin:5rem auto 2.5rem;color:var(--survey-text);position:relative}.survey-progress-bar-wrapper{margin-bottom:2.2rem}.survey-progress-label{font-size:1.08rem;font-weight:500;margin-bottom:.5rem;color:var(--survey-text)}.survey-progress-bar-bg{width:100%;height:7px;background:#e5e7eb;border-radius:6px;overflow:hidden}body.dark .survey-progress-bar-bg{background:#23262f}.survey-progress-bar-fill{height:100%;background:var(--survey-accent);border-radius:6px;transition:width .3s cubic-bezier(.4,0,.2,1)}.survey-question{background:var(--survey-option-bg);border-radius:14px;padding:.8rem 1.2rem 1.2rem;margin-bottom:1.5rem;border:2px solid transparent;box-shadow:0 1px 6px rgba(0,0,0,.04);transition:border .2s,background .2s}.survey-question-error{border:2px solid var(--survey-error);background:#fff0f0}body.dark .survey-question-error{background:#2a1a1a}.survey-question-title{font-size:1.25rem;font-weight:700;margin-bottom:1.1rem;color:var(--survey-text)}.survey-question-number{font-size:1.05rem;font-weight:500;color:var(--survey-accent);margin-right:.7rem}.survey-options{display:flex;flex-direction:column;gap:.5rem}.survey-option{display:flex;align-items:center;background:var(--survey-card-bg);border-radius:10px;padding:.85rem 1.1rem;border:2px solid var(--survey-border);cursor:pointer;font-size:1.08rem;font-weight:500;color:var(--survey-text);transition:border .2s,background .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.survey-option.selected{border:2px solid var(--survey-accent);background:var(--survey-option-selected)}.survey-option input[type=radio]{accent-color:var(--survey-accent);margin-right:1rem;width:1.2em;height:1.2em}.survey-option-label{flex:1 1}.survey-question-error-message{color:var(--survey-error);font-size:1.01rem;margin-top:.7rem;font-weight:500}.survey-missing-message{background:#fff0f0;color:var(--survey-error);border-radius:8px;padding:.8rem 1rem;margin-bottom:1.2rem;font-size:1.08rem;font-weight:500;text-align:center}body.dark .survey-missing-message{background:#2a1a1a}.survey-nav-buttons{display:flex;justify-content:space-between;gap:1.2rem;margin-top:1.5rem}.survey-back-btn,.survey-next-btn,.survey-submit-btn{font-size:1.08rem;font-weight:600;padding:.7rem 2.2rem;border-radius:8px;border:none;background:var(--survey-accent);color:#fff;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.06);transition:background .2s,color .2s,opacity .2s}.survey-back-btn[disabled],.survey-next-btn[disabled],.survey-submit-btn[disabled]{opacity:.5;cursor:not-allowed}.survey-result{text-align:center;padding:2.5rem 0 1.5rem}.survey-result-exchange{background:var(--survey-card-bg);border-radius:14px;box-shadow:var(--survey-shadow);padding:2rem 1.5rem;margin:2rem auto 0;max-width:400px;color:var(--survey-text)}@media (max-width:600px){.survey-options{gap:.5rem}.survey-question{padding:.8rem .5rem 0}.survey-form{padding:1.2rem .5rem;margin-top:4.5rem;margin-bottom:1.5rem}.survey-result-exchange{padding:1.2rem .7rem}.survey-recommendation-item{padding:1.2rem .7rem;margin-bottom:1.2rem;border-radius:14px;font-size:.98rem;box-shadow:0 1px 6px rgba(0,0,0,.04)}.survey-recommendation-item h3{font-size:1.08rem}.survey-recommendation-item .score{font-size:1rem}.survey-recommendations-list{padding-left:.7rem;padding-right:.7rem}.survey-recommendation-item{width:100%;box-sizing:border-box;margin-left:0;margin-right:0}.survey-result{padding:1.2rem 0 .7rem}.survey-progress-bar-wrapper{padding-left:.7rem;padding-right:.7rem;padding-bottom:.3rem;box-sizing:border-box}}.survey-recommendations-list{width:100%;max-width:100%;padding:0;margin:0;box-sizing:border-box}.survey-recommendation-item{width:100%;max-width:100%;margin-left:0;margin-right:0;box-sizing:border-box;background:#fff;border-radius:16px;box-shadow:0 2px 16px rgba(0,0,0,.08);padding:2rem 2.5rem;text-align:left;border-top:5px solid #2563eb;transition:box-shadow .2s;opacity:0;transform:translateY(30px);animation:fadeInUp .7s forwards}body.dark .survey-recommendation-item{background:var(--survey-card-bg);color:var(--survey-text);box-shadow:0 2px 16px rgba(0,0,0,.18)}body.dark .survey-recommendation-item .score,body.dark .survey-recommendation-item h3{color:var(--survey-text)}body.dark .survey-recommendation-item em{color:#ccc}body.dark .survey-recommendation-item li,body.dark .survey-recommendation-item strong{color:var(--survey-text)}.survey-recommendation-item:first-child{border-top:5px solid #22c55e;animation-delay:.1s}.survey-recommendation-item:nth-child(2){border-top:5px solid #f59e42;animation-delay:.3s}.survey-recommendation-item:nth-child(3){border-top:5px solid #3b82f6;animation-delay:.5s}.survey-recommendation-item h3{font-size:1.5rem;margin-bottom:.5rem}.survey-recommendation-item .score{font-size:1.15rem;font-weight:600;margin-bottom:.5rem}.survey-recommendation-item em{color:#555;display:block;margin-bottom:1rem}.survey-recommendation-item ul{padding-left:1.5rem;margin:.5rem 0 1rem}.survey-recommendation-item li{margin-bottom:.3rem;font-size:1.05rem}.survey-recommendation-item .strengths li:before{content:"✅ ";color:#22c55e}.survey-recommendation-item .considerations li:before{content:"⚠️ ";color:#f59e42}.survey-user-archetype{font-size:1.15rem;margin-bottom:2rem;color:#2563eb;font-weight:600}@keyframes fadeInUp{to{opacity:1;transform:none}}