:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;width:100%;height:100%;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{width:100%;height:100%;min-height:100vh;margin:0;padding:0;text-align:center;display:flex;flex-direction:column}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}[data-v-32e6dc93]{margin:0;padding:0;box-sizing:border-box}body[data-v-32e6dc93]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-x:hidden}.mbti-app[data-v-32e6dc93]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;padding:0;margin:0;width:100%;overflow-x:hidden;overflow-y:auto}[data-v-32e6dc93] #app{min-height:100vh;height:100vh;width:100%;margin:0;padding:0;display:flex;flex-direction:column}html[data-v-32e6dc93],body[data-v-32e6dc93]{margin:0;padding:0;height:100%;width:100%;overflow-x:hidden}.header[data-v-32e6dc93]{text-align:center;margin:20px 0;color:#fff;width:100%;padding:0 15px}.header-content[data-v-32e6dc93]{display:flex;justify-content:space-between;align-items:center;max-width:800px;margin:0 auto;width:90%}.title-container[data-v-32e6dc93]{text-align:left}.language-switcher[data-v-32e6dc93]{display:flex;gap:10px}.lang-dropdown[data-v-32e6dc93]{position:relative}.lang-btn[data-v-32e6dc93]{padding:8px 16px;font-size:.9rem;border:2px solid rgba(255,255,255,.3);border-radius:20px;background:#fff3;color:#fff;cursor:pointer;transition:all .3s ease;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:5px}.lang-btn[data-v-32e6dc93]:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.lang-arrow[data-v-32e6dc93]{font-size:.7rem;transition:transform .3s ease}.lang-menu[data-v-32e6dc93]{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:10px;box-shadow:0 5px 20px #00000026;overflow:hidden;z-index:100;min-width:150px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lang-menu-item[data-v-32e6dc93]{width:100%;padding:12px 16px;font-size:.9rem;border:none;background:transparent;color:#555;cursor:pointer;transition:all .2s ease;text-align:left;font-weight:500}.lang-menu-item[data-v-32e6dc93]:hover{background:#f0f0f0;color:#667eea}.lang-menu-item.active[data-v-32e6dc93]{background:#eef2ff;color:#667eea;font-weight:600}@media(max-width:768px){.header-content[data-v-32e6dc93]{flex-direction:column;gap:15px}.title-container[data-v-32e6dc93]{text-align:center}.language-switcher[data-v-32e6dc93]{justify-content:center}.lang-menu[data-v-32e6dc93]{right:auto;left:50%;transform:translate(-50%);min-width:120px}}.title[data-v-32e6dc93]{font-size:2.5rem;margin-bottom:10px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.subtitle[data-v-32e6dc93]{font-size:1.2rem;opacity:.9;font-weight:300}.main[data-v-32e6dc93]{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;overflow:hidden;max-width:800px;width:calc(100% - 20px);margin:20px auto;display:flex;flex-direction:column;min-height:500px;box-sizing:border-box}.test-counter-container[data-v-32e6dc93]{padding:20px 15px 15px;background:#fff;border-bottom:1px solid #e9ecef;width:100%;box-sizing:border-box}.question-counter[data-v-32e6dc93]{text-align:center;font-size:.9rem;color:#667eea;font-weight:600;margin:0 auto 10px;display:block}.progress-container[data-v-32e6dc93]{margin:0}.progress-bar[data-v-32e6dc93]{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.progress[data-v-32e6dc93]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.section[data-v-32e6dc93]{padding:40px 15px;flex:1;display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box}.header[data-v-32e6dc93]{position:relative;z-index:10;margin:20px 0}.content[data-v-32e6dc93]{width:100%;max-width:600px;margin:0 auto;text-align:center}.section-title[data-v-32e6dc93]{font-size:2rem;margin-bottom:20px;color:#333;text-align:center}.intro-text[data-v-32e6dc93]{font-size:1.1rem;line-height:1.6;margin-bottom:30px;color:#666;text-align:center}.dimensions-list[data-v-32e6dc93]{list-style:none;padding:0;margin-bottom:30px;display:grid;grid-template-columns:1fr;gap:12px;justify-content:center}@media(min-width:768px){.dimensions-list[data-v-32e6dc93]{grid-template-columns:repeat(2,minmax(180px,1fr))}}.dimension-item[data-v-32e6dc93]{background:#f8f9fa;padding:15px;border-radius:10px;text-align:center;font-size:1rem;color:#555;border:2px solid #e9ecef;transition:all .3s ease}.dimension-item[data-v-32e6dc93]:hover{border-color:#667eea;background:#eef2ff;transform:translateY(-2px)}.test-info[data-v-32e6dc93]{background:#e7f3ff;border:1px solid #b3d7ff;border-radius:10px;padding:20px;margin-bottom:30px;font-size:.95rem;line-height:1.5;color:#0c5460;text-align:left}.test-info p[data-v-32e6dc93]{margin:8px 0}.btn[data-v-32e6dc93]{padding:15px 40px;font-size:1.1rem;border:none;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary[data-v-32e6dc93]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-32e6dc93]:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea66}.btn-secondary[data-v-32e6dc93]{background:#6c757d;color:#fff}.btn-secondary[data-v-32e6dc93]:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 5px 15px #6c757d4d}.start-btn[data-v-32e6dc93]{width:100%;max-width:300px;margin:0 auto;display:block}.question-container[data-v-32e6dc93]{width:100%;max-width:600px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.question-text[data-v-32e6dc93]{font-size:1.3rem;line-height:1.6;margin-bottom:35px;color:#333;font-weight:500;text-align:center}.options[data-v-32e6dc93]{display:flex;flex-direction:column;gap:15px;align-items:center;width:100%}.option-btn[data-v-32e6dc93]{padding:20px 25px;font-size:1.1rem;border:2px solid #e9ecef;border-radius:15px;background:#fff;color:#555;cursor:pointer;transition:all .3s ease;text-align:left;font-weight:500;width:100%;max-width:500px}.option-btn[data-v-32e6dc93]:hover{border-color:#667eea;background:#eef2ff;transform:translateY(-2px);box-shadow:0 5px 15px #667eea33}.option-btn[data-v-32e6dc93]:not(.selected){border-color:#e9ecef!important;background:#fff!important;color:#555!important;box-shadow:none!important}.option-btn[data-v-32e6dc93]:focus,.option-btn[data-v-32e6dc93]:focus-visible{outline:none!important;box-shadow:none!important}.option-btn.selected[data-v-32e6dc93]{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.option-btn.selected[data-v-32e6dc93]:focus,.option-btn.selected[data-v-32e6dc93]:focus-visible{box-shadow:0 5px 15px #667eea4d,0 0 0 3px #667eea33!important}.result-container[data-v-32e6dc93]{width:100%;max-width:600px;margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.result-card[data-v-32e6dc93]{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:40px 25px;border-radius:20px;margin-bottom:30px;box-shadow:0 10px 30px #0000001a;width:100%}.result-image[data-v-32e6dc93]{margin-bottom:25px;text-align:center}.personality-image[data-v-32e6dc93]{width:180px;height:180px;object-fit:contain;border-radius:10px;border:5px solid white;box-shadow:0 5px 15px #0000001a;background:#fff}.result-type[data-v-32e6dc93]{font-size:3rem;font-weight:700;color:#667eea;margin-bottom:15px;letter-spacing:2px}.result-name[data-v-32e6dc93]{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:20px}.result-description[data-v-32e6dc93]{font-size:1.1rem;line-height:1.6;color:#666;margin-bottom:20px}.result-note[data-v-32e6dc93]{background:#fff3cd;border:1px solid #ffeeba;border-radius:10px;padding:20px;margin-bottom:30px;text-align:left;width:100%}.note-text[data-v-32e6dc93]{margin:0 0 12px;color:#856404;font-size:1rem;line-height:1.5}.note-text[data-v-32e6dc93]:last-child{margin-bottom:0}.result-actions[data-v-32e6dc93]{display:flex;justify-content:center;width:100%}.restart-btn[data-v-32e6dc93]{max-width:250px;width:100%}@media(max-width:768px){.title[data-v-32e6dc93]{font-size:2rem}.subtitle[data-v-32e6dc93]{font-size:1rem}.section[data-v-32e6dc93]{padding:30px 20px}.test-counter-container[data-v-32e6dc93]{padding:15px 20px 10px}.section-title[data-v-32e6dc93]{font-size:1.5rem}.intro-text[data-v-32e6dc93]{font-size:1rem}.dimensions-list[data-v-32e6dc93]{grid-template-columns:1fr;gap:10px}.question-text[data-v-32e6dc93]{font-size:1.1rem;margin-bottom:30px}.option-btn[data-v-32e6dc93]{padding:18px 20px;font-size:1rem}.result-type[data-v-32e6dc93]{font-size:2.5rem}.result-name[data-v-32e6dc93]{font-size:1.3rem}.result-description[data-v-32e6dc93]{font-size:1rem}.result-card[data-v-32e6dc93]{padding:30px 20px}.personality-image[data-v-32e6dc93]{width:150px;height:150px}.main[data-v-32e6dc93]{width:95%}}@media(max-width:480px){.title[data-v-32e6dc93]{font-size:1.8rem}.section[data-v-32e6dc93]{padding:25px 15px}.test-counter-container[data-v-32e6dc93]{padding:12px 15px 8px}.section-title[data-v-32e6dc93]{font-size:1.3rem}.result-type[data-v-32e6dc93]{font-size:2rem}.btn[data-v-32e6dc93]{padding:12px 30px;font-size:1rem}.personality-image[data-v-32e6dc93]{width:120px;height:120px}.main[data-v-32e6dc93]{width:98%}}