:root{--primary:#ff8008;--primary-hover:#ffc837;--secondary:#00c9ff;--bg-color:#0c0a18;--panel-bg:#140f1eb3;--border:#fff3;--text-main:#fff;--text-muted:#cbd5e1;--success:#00e676;--warning:#f59e0b;--danger:#ff1744}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);justify-content:center;align-items:center;min-height:100vh;padding:1rem;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}body:before{content:"";filter:blur(80px);z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 10% 20%,#ff800873 0%,#0000 45%),radial-gradient(circle at 90% 10%,#00c9ff73 0%,#0000 45%),radial-gradient(circle at 30% 80%,#00e67659 0%,#0000 45%),radial-gradient(circle at 80% 90%,#ff174459 0%,#0000 45%),radial-gradient(circle,#d500f959 0%,#0000 55%);width:100%;height:100%;animation:15s ease-in-out infinite alternate bgPulse;position:fixed;top:0;left:0}@keyframes bgPulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}to{opacity:.8;transform:scale(1)}}#root{width:100%}.app-container{width:100%;max-width:900px;margin:0 auto}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:24px;padding:3rem;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.glass-panel:before{content:"";background:linear-gradient(90deg,#ff8008,#ffc837,#00e676,#00c9ff,#d500f9);height:6px;position:absolute;top:0;left:0;right:0}.header-text{text-align:center;margin-bottom:2rem}.header-text h1{-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 15px #fff3);background:linear-gradient(90deg,#fff,#ffc837,#00e676,#00c9ff);-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.8rem}.form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:var(--text-muted);font-size:.9rem;font-weight:500}.input-field{border:1px solid var(--border);color:#fff;background:#0f172a99;border-radius:12px;padding:.875rem 1rem;font-size:1rem;transition:all .3s}.input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #4f46e533}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.btn-primary{background:var(--primary);color:#fff;width:100%}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#fff;border:1px solid var(--border);background:#ffffff1a}.btn-secondary:hover{background:#ffffff26}.options-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;display:grid}.option-btn{border:1px solid var(--border);color:#fff;text-align:left;cursor:pointer;background:#ffffff0d;border-radius:16px;align-items:center;gap:1rem;padding:1.25rem;font-size:1.1rem;transition:all .2s;display:flex}.option-btn:hover{background:#ffffff1a}.option-btn.selected{border-color:var(--primary);background:#4f46e533}.custom-radio{border:2px solid var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.option-btn.selected .custom-radio{border-color:var(--primary)}.option-btn.selected .custom-radio:after{content:"";background:var(--primary);border-radius:50%;width:12px;height:12px}.traits-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.trait-card{border:1px solid var(--border);text-align:center;background:#0003;border-radius:12px;padding:1rem}.trait-card h3{color:var(--text-main);margin-bottom:.5rem;font-size:1.2rem}.trait-card .sten-score{color:var(--primary);font-size:2rem;font-weight:800}.trait-card .desc{color:var(--text-muted);margin-top:.5rem;font-size:.85rem}@media print{body{color:#000;background:#fff}.print-only-hide{display:none!important}.glass-panel{box-shadow:none;background:0 0;border:none;padding:0}}@media (width<=640px){.form-grid{grid-template-columns:1fr}.glass-panel{padding:1.5rem}.header-text h1{font-size:1.8rem}.btn{justify-content:center;width:100%}.nav-buttons-container{flex-direction:column;gap:1rem}.nav-buttons-left{justify-content:space-between;width:100%}.options-grid{grid-template-columns:1fr}}.help-btn{border:1px solid var(--border);width:44px;height:44px;color:var(--text-main);cursor:pointer;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.help-btn:hover{background:var(--primary);border-color:var(--primary);transform:translateY(-2px)}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-color);border:1px solid var(--border);border-radius:24px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;padding:2rem;display:flex;position:relative;box-shadow:0 25px 50px -12px #000c}.modal-body{scrollbar-width:thin;scrollbar-color:var(--primary) #0003;flex:1;padding-right:1.5rem;overflow-y:auto}.modal-body::-webkit-scrollbar{width:10px}.modal-body::-webkit-scrollbar-track{background:#0003;border-radius:6px;box-shadow:inset 0 0 5px #00000080}.modal-body::-webkit-scrollbar-thumb{background:linear-gradient(to bottom, var(--primary), var(--secondary));border-radius:6px;box-shadow:inset 0 0 3px #fff6}.modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom, var(--primary-hover), var(--primary))}.modal-close-btn{border:1px solid var(--border);color:#fff;cursor:pointer;z-index:10000;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.modal-close-btn:hover{background:var(--danger);border-color:var(--danger);transform:scale(1.1)}body{top:0!important}.goog-te-banner-frame.skiptranslate,.goog-tooltip,.goog-tooltip:hover{display:none!important}.goog-text-highlight{box-shadow:none!important;background-color:#0000!important;border:none!important}.goog-te-gadget{align-items:center;height:44px;color:#0000!important;font-family:Inter,sans-serif!important;display:flex!important}@media screen{.print-only{display:none!important}}@media print{.print-only-hide{display:none!important}.print-only{display:block!important}body:before,.glass-panel:before{display:none!important}body,.glass-panel{box-shadow:none!important;background:#fff!important;border:none!important}.app-container{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}}.goog-te-gadget .goog-te-combo{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#0006;border:1px solid #fff3;border-radius:12px;outline:none;height:100%;padding:.5rem 1rem;font-family:Inter,sans-serif;transition:all .3s}.goog-te-gadget .goog-te-combo:hover{border-color:var(--primary);background:#0009}.goog-te-gadget .goog-te-combo option{color:#fff;background:#0f172a}.goog-logo-link{display:none!important}@media print{#google_translate_element{display:none!important}}@keyframes equalize{0%{height:4px}50%{height:16px}to{height:4px}}.music-bars{align-items:flex-end;gap:3px;height:20px;padding:0 5px;display:flex}.music-bar{background-color:var(--primary);border-radius:2px;width:3px;animation:1s ease-in-out infinite equalize}.music-bar:first-child{animation-duration:.9s;animation-delay:0s}.music-bar:nth-child(2){animation-duration:1.1s;animation-delay:.2s}.music-bar:nth-child(3){animation-duration:.8s;animation-delay:.4s}.music-bar:nth-child(4){animation-duration:1.2s;animation-delay:.1s}.questionnaire-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-top:3rem;display:flex}.controls-left{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.controls-right{align-items:center;display:flex}.action-btn{white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;width:auto;display:flex;padding:.75rem 1.5rem!important}.restart-btn{color:var(--danger)!important;border-color:var(--danger)!important}.volume-container{border-radius:12px;align-items:center;transition:background .3s;display:flex}.volume-container.active{background:#0000004d;padding-right:.5rem}.volume-container .volume-btn{width:auto!important;margin:0!important;padding:.875rem 1rem!important}.volume-slider-wrapper{align-items:center;margin-left:.5rem;display:flex;overflow:hidden}.volume-slider{cursor:pointer;width:80px;accent-color:var(--primary)}.timer-display{color:var(--text-muted);white-space:nowrap;background:#0003;border-radius:12px;padding:8px 16px;font-size:1.25rem;font-weight:700}.submit-btn{background:var(--success)!important;border-color:var(--success)!important}.submit-btn:hover:not(:disabled){background:#059669!important}@media (width<=640px){.questionnaire-controls{flex-wrap:wrap;justify-content:center;gap:1rem}.controls-left{flex-wrap:wrap;order:2;justify-content:space-between;gap:.75rem;width:100%}.controls-left .action-btn{flex:1;min-width:45%}.volume-container{border:1px solid var(--border);background:#0000001a;justify-content:center;width:100%}.controls-right{order:1;width:100%}.controls-right .action-btn{width:100%!important}.timer-display{text-align:center;order:0;width:100%;margin-bottom:.5rem}}@media print{*{opacity:1!important;max-height:none!important;transition:none!important;animation:none!important;overflow:visible!important;transform:none!important}body,html,#root{height:auto!important;display:block!important;overflow:visible!important}.glass-panel,.result-card,.info-card{overflow:visible!important;transform:none!important}}