*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0f0f1a;--bg-secondary:#1a1a2e;--bg-card:#252542;--text-primary:#f0f0f0;--text-secondary:#a0a0b0;--accent:#6c5ce7;--accent-light:#a29bfe;--success:#00cec9;--warning:#fdcb6e;--danger:#ff7675}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.app{position:relative;max-width:800px;margin:0 auto;padding:20px}.lang-toggle{position:fixed;background:var(--bg-secondary);border:1px solid var(--bg-card);color:var(--text-primary);cursor:pointer;z-index:1000;border-radius:20px;padding:8px 16px;transition:all .2s;font-size:.9rem;font-weight:600;top:20px;right:20px}.lang-toggle:hover{background:var(--bg-card);border-color:var(--accent)}.header{text-align:center;margin-bottom:30px;padding:40px 20px}.header h1{background:linear-gradient(135deg,var(--accent-light),var(--success));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2.5rem}.header p{color:var(--text-secondary);font-size:1.1rem}.progress-container{background:var(--bg-secondary);position:sticky;z-index:100;border-radius:10px;margin-bottom:30px;padding:20px;top:10px}.progress-bar{background:var(--bg-card);overflow:hidden;border-radius:4px;height:8px;margin-bottom:10px}.progress-fill{background:linear-gradient(90deg,var(--accent),var(--success));height:100%;transition:width .3s}.progress-text{display:flex;color:var(--text-secondary);justify-content:space-between;font-size:.9rem}.question-card{background:var(--bg-secondary);animation:fadeIn .3s ease;border-radius:16px;margin-bottom:20px;padding:30px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.question-category{color:var(--accent-light);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:.85rem}.question-number{color:var(--text-secondary);margin-bottom:15px;font-size:.9rem}.question-text{margin-bottom:30px;font-size:1.3rem;line-height:1.5}.likert-scale{display:flex;flex-direction:column;gap:15px}.likert-labels{display:flex;color:var(--text-secondary);justify-content:space-between;font-size:.85rem}.likert-options{display:flex;justify-content:space-between;gap:10px}.likert-option{aspect-ratio:1;border:2px solid var(--bg-card);color:var(--text-primary);cursor:pointer;display:flex;background:0 0;border-radius:12px;flex:1;justify-content:center;align-items: center;max-width:60px;transition:all .2s;font-size:1.1rem;font-weight:600}.likert-option:hover{border-color:var(--accent);background:#6c5ce71a}.likert-option.selected{border-color:var(--accent);background:var(--accent);transform:scale(1.1)}.likert-option.low{--option-color:#ff7675}.likert-option.mid{--option-color:#fdcb6e}.likert-option.high{--option-color:#00cec9}.likert-option.selected.low,.likert-option.selected.mid,.likert-option.selected.high{background:var(--option-color);border-color:var(--option-color)}.nav-buttons{display:flex;justify-content:space-between;gap:15px;margin-top:20px}.nav-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:15px 30px;transition:all .2s;font-size:1rem;font-weight:600}.nav-btn.prev{background:var(--bg-card);color:var(--text-primary)}.nav-btn.next{background:var(--accent);color:#fff}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.nav-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 5px 20px #6c5ce74d}.results{animation:fadeIn .5s ease}.result-header{text-align:center;padding:40px 20px}.result-header h2{margin-bottom:10px;font-size:2rem}.cluster-badge{display:inline-block;color:#fff;border-radius:30px;margin:20px 0;padding:10px 25px;font-size:1.5rem;font-weight:700}.cluster-description{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.confidence-meter{max-width:300px;margin:30px auto}.confidence-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem}.confidence-bar{background:var(--bg-card);overflow:hidden;border-radius:5px;height:10px}.confidence-fill{background:linear-gradient(90deg,var(--warning),var(--success));height:100%;transition:width .5s}.dimension-chart{background:var(--bg-secondary);border-radius:16px;margin:30px 0;padding:30px}.dimension-chart h3{text-align:center;margin-bottom:25px}.dimension-item{margin-bottom:20px}.dimension-header{display:flex;justify-content:space-between;margin-bottom:8px}.dimension-name{font-weight:600}.dimension-score{color:var(--accent-light)}.dimension-bar{background:var(--bg-card);overflow:hidden;border-radius:6px;height:12px}.dimension-fill{border-radius:6px;height:100%;transition:width .5s}.dimension-fill.low{background:var(--danger)}.dimension-fill.medium{background:var(--warning)}.dimension-fill.high{background:var(--success)}.cluster-comparison{background:var(--bg-secondary);border-radius:16px;margin:30px 0;padding:30px}.cluster-comparison h3{text-align:center;margin-bottom:20px}.cluster-list{display:flex;flex-direction:column;gap:10px}.cluster-item{display:flex;background:var(--bg-card);border-radius:10px;align-items: center;gap:15px;padding:12px 15px}.cluster-item.active{border:2px solid var(--accent)}.cluster-rank{background:var(--bg-secondary);display:flex;border-radius:50%;justify-content:center;align-items: center;width:30px;height:30px;font-size:.9rem;font-weight:700}.cluster-item.active .cluster-rank{background:var(--accent)}.cluster-info{flex:1}.cluster-name{font-weight:600}.cluster-name-en{color:var(--text-secondary);font-size:.85rem}.cluster-distance{color:var(--text-secondary);font-size:.9rem}.traits{background:var(--bg-secondary);border-radius:16px;margin:30px 0;padding:30px}.traits h3{text-align:center;margin-bottom:20px}.trait-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.trait-tag{background:var(--bg-card);border-radius:20px;padding:8px 16px;font-size:.95rem}.result-actions{display:flex;justify-content:center;gap:15px;margin-top:40px}.action-btn{cursor:pointer;border:none;border-radius:12px;padding:15px 30px;transition:all .2s;font-size:1rem;font-weight:600}.action-btn.primary{background:var(--accent);color:#fff}.action-btn.secondary{background:var(--bg-card);color:var(--text-primary)}.action-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0000004d}.start-screen{text-align:center;padding:60px 20px}.start-screen h1{background:linear-gradient(135deg,var(--accent-light),var(--success));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:2.5rem}.start-screen .subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.2rem}.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));text-align:left;gap:20px;margin:40px 0}.feature-item{background:var(--bg-secondary);border-radius:12px;padding:20px}.feature-icon{margin-bottom:10px;font-size:2rem}.feature-title{margin-bottom:5px;font-weight:600}.feature-desc{color:var(--text-secondary);font-size:.9rem}.start-btn{background:linear-gradient(135deg,var(--accent),var(--accent-light));color:#fff;cursor:pointer;border:none;border-radius:30px;margin-top:20px;padding:18px 50px;transition:all .3s;font-size:1.2rem;font-weight:700}.start-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #6c5ce766}.question-count{color:var(--text-secondary);margin-top:15px;font-size:.95rem}@media (max-width:600px){.header h1,.start-screen h1{font-size:1.8rem}.question-text{font-size:1.1rem}.likert-option{max-width:45px;font-size:.95rem}.feature-list{grid-template-columns:1fr}}