:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-page: #f3f4f6;--bg-card: #ffffff;--bg-card-alt: #f9fafb;--bg-input: #ffffff;--text-primary: #1f2937;--text-secondary: #374151;--text-muted: #6b7280;--text-faint: #9ca3af;--text-heading: #0E1F56;--border: #e5e7eb;--border-light: #d1d5db;--shadow-card: 0 1px 3px rgba(0,0,0,.1);--header-navy: #0E1F56;color:var(--text-primary);background-color:var(--bg-page)}[data-theme=dark]{--bg-page: #0f172a;--bg-card: #1e293b;--bg-card-alt: #334155;--bg-input: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-faint: #64748b;--text-heading: #a5b4fc;--border: #334155;--border-light: #475569;--shadow-card: 0 1px 3px rgba(0,0,0,.3);--header-navy: #0c1a3d}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-page);color:var(--text-primary);transition:background .3s ease,color .3s ease}#root{width:100%;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit}[data-theme=dark] select,[data-theme=dark] input[type=text],[data-theme=dark] input[type=email],[data-theme=dark] input[type=password],[data-theme=dark] textarea{background:var(--bg-input)!important;color:var(--text-primary)!important;border-color:var(--border-light)!important}[data-theme=dark] table{color:var(--text-primary)}[data-theme=dark] table th{color:var(--text-secondary)!important}[data-theme=dark] table td{color:var(--text-primary)!important}.team-code-container{min-height:100vh;background:linear-gradient(135deg,#00a79d,#0e1f56);display:flex;justify-content:center;align-items:center;padding:2rem 1rem}.team-code-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:3rem 2.5rem;max-width:500px;width:100%;text-align:center}.logo-top{margin-bottom:2rem;display:flex;justify-content:center}.logo-top img{max-width:255px;width:100%;height:auto}.team-code-card h1{color:#0e1f56;font-size:2rem;margin:0 0 .5rem}.subtitle{color:#6b7280;font-size:1rem;margin:0 0 2rem;font-weight:500}.instructions{color:#4b5563;font-size:1rem;line-height:1.6;margin-bottom:2rem;text-align:left}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;color:#374151;font-weight:600;margin-bottom:.5rem;font-size:.95rem}.form-group input{width:100%;padding:.875rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s;text-transform:uppercase;font-weight:600;letter-spacing:1px}.form-group input:focus{outline:none;border-color:#00a79d;box-shadow:0 0 0 3px #00a79d1a}.form-group input:disabled{background-color:#f9fafb;cursor:not-allowed}button[type=submit]{width:100%;background:linear-gradient(135deg,#00a79d,#0e1f56);color:#fff;border:none;padding:1rem;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s}button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00a79d4d}button[type=submit]:disabled{opacity:.5;cursor:not-allowed;transform:none}.error-message{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b;padding:.875rem;border-radius:8px;margin-bottom:1rem;font-size:.95rem;text-align:left}.info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:1rem;margin-top:2rem;margin-bottom:2rem}.info-box p{margin:0;color:#1e40af;font-size:.9rem;line-height:1.5;text-align:left}.logo-bottom{margin-top:2rem;padding-top:2rem;border-top:2px solid #e5e7eb;display:flex;justify-content:center}.logo-bottom img{max-width:250px;width:100%;height:auto}@media(max-width:640px){.team-code-card{padding:2rem 1.5rem}.team-code-card h1{font-size:1.75rem}.subtitle{font-size:.9rem}.logo-top img{max-width:215px}.logo-bottom img{max-width:200px}button[type=submit]{font-size:1rem}}.demographics-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px}.demographics-card{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;padding:40px}.progress-bar{display:flex;justify-content:space-between;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.progress-step{flex:1;text-align:center;color:#999;font-weight:600;font-size:14px;position:relative;padding:10px}.progress-step.active{color:#667eea}.progress-step.active:after{content:"";position:absolute;bottom:-22px;left:0;right:0;height:3px;background:#667eea}.demographics-card h2{margin:0 0 15px;color:#333;font-size:28px}.intro-text{color:#666;line-height:1.6;margin-bottom:30px}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:15px}.form-group select,.form-group input[type=text]{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:border-color .3s;box-sizing:border-box;font-family:inherit}.form-group select:focus,.form-group input[type=text]:focus{outline:none;border-color:#667eea}.other-input{margin-top:10px}.checkbox-group{display:flex;flex-direction:column;gap:12px;padding:15px;background:#f8f9fa;border-radius:8px}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:400;color:#333}.checkbox-label input[type=checkbox]{width:20px;height:20px;margin-right:10px;cursor:pointer}.checkbox-label span{-webkit-user-select:none;user-select:none}.exposure-section{background:#f8f9fa;padding:25px;border-radius:8px;margin-top:30px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.info-toggle{background:none;border:2px solid #667eea;color:#667eea;padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .3s;font-weight:600;width:auto}.info-toggle:hover{background:#667eea;color:#fff;transform:none}.exposure-explanation{background:#fff;padding:25px;border-radius:8px;margin-bottom:25px;border-left:4px solid #667eea}.exposure-explanation h3{margin:0 0 15px;color:#333;font-size:18px}.exposure-explanation h4{margin:20px 0 10px;color:#333;font-size:16px}.exposure-explanation p{color:#666;line-height:1.6;margin-bottom:15px}.exposure-types{margin:20px 0}.exposure-type{background:#f8f9fa;padding:15px;margin-bottom:15px;border-radius:6px}.exposure-type strong{color:#667eea;display:block;margin-bottom:8px}.example{font-style:italic;color:#666;margin-top:8px;padding-left:15px;border-left:2px solid #ddd}.examples{margin-top:8px}.note{margin-top:8px;font-size:13px;color:#999}.conclusion{background:#e8eaf6;padding:15px;border-radius:6px;margin-top:20px}.slider-container{margin-top:20px}.slider-question{font-weight:600;color:#333;margin-bottom:8px;line-height:1.5}.slider-subtext{color:#666;font-size:14px;line-height:1.5;margin-bottom:20px}.slider-wrapper{position:relative;padding:20px 0}.exposure-slider{width:100%;height:8px;border-radius:5px;background:linear-gradient(to right,#4caf50,#ffc107,#f44336);outline:none;-webkit-appearance:none}.exposure-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #667eea;cursor:pointer;box-shadow:0 2px 8px #0003}.exposure-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #667eea;cursor:pointer;box-shadow:0 2px 8px #0003}.slider-value{text-align:center;font-size:24px;font-weight:700;color:#667eea;margin-top:15px}.slider-labels{display:flex;justify-content:space-between;margin-top:15px;font-size:13px;color:#666}.slider-labels span{flex:1;text-align:center}.slider-labels span:first-child{text-align:left}.slider-labels span:last-child{text-align:right}.form-actions{margin-top:40px;padding-top:30px;border-top:2px solid #e0e0e0}.form-actions button{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.form-actions button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.form-actions button:disabled{opacity:.6;cursor:not-allowed}.error-message{background-color:#fee;border:1px solid #fcc;color:#c33;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px}@media(max-width:768px){.demographics-container{padding:20px 10px}.demographics-card{padding:25px}.progress-bar{font-size:12px}.section-header{flex-direction:column;align-items:flex-start;gap:10px}.info-toggle{width:100%}}.stss-container{min-height:100vh;background:linear-gradient(135deg,#0e1f56,#1e3a8a);padding:2rem 1rem;display:flex;justify-content:center;align-items:center}.stss-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:2.5rem;max-width:900px;width:100%}.progress-step.active{color:#0e1f56;font-weight:600}.stss-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.stss-header h2{margin:0;color:#1f2937;font-size:1.75rem}.stss-info-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.stss-info-panel h3{margin:0 0 1rem;color:#1f2937;font-size:1.25rem}.stss-info-panel p{margin:.5rem 0;color:#4b5563;line-height:1.6}.main-instruction{margin:0;color:#1f2937;font-weight:500;line-height:1.6}.response-scale{background:#dbeafe;border:1px solid #0E1F56;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.scale-label{font-size:.875rem;color:#0e1f56;font-weight:500}.stss-item{padding:1.25rem;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1rem;transition:all .2s}.stss-item:hover{border-color:#0e1f56;box-shadow:0 2px 8px #0e1f561a}.radio-option input[type=radio]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:#0E1F56}.form-actions button{background:linear-gradient(135deg,#0e1f56,#1e3a8a);color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.form-actions button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0e1f564d}@media(max-width:768px){.stss-card{padding:1.5rem}.stss-header{flex-direction:column;align-items:flex-start;gap:1rem}.progress-bar{flex-wrap:wrap;gap:.5rem}.response-options{gap:.5rem}.scale-labels{flex-direction:column;align-items:flex-start}.form-actions{flex-direction:column;gap:1rem;align-items:stretch}.form-actions button{width:100%}}.proqol-container{min-height:100vh;background:linear-gradient(135deg,#00a79d,#0e1f56);padding:2rem 1rem;display:flex;justify-content:center;align-items:center}.proqol-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:2.5rem;max-width:900px;width:100%}.proqol-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.proqol-header h2{margin:0;color:#1f2937;font-size:1.75rem}.info-toggle{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:all .2s;color:#4b5563;font-weight:500}.proqol-info-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.proqol-info-panel h3{margin:0 0 1rem;color:#1f2937;font-size:1.25rem}.proqol-info-panel h4{margin:1rem 0 .5rem;color:#374151;font-size:1rem}.proqol-info-panel p{margin:.5rem 0;color:#4b5563;line-height:1.6}.subscales-list{margin:.5rem 0 1rem 1.5rem;color:#4b5563}.subscales-list li{margin:.5rem 0;line-height:1.6}.helper-note{background:#fef3c7;border-left:3px solid #f59e0b;padding:.75rem;margin-top:.75rem;font-size:.875rem;color:#92400e}.citation{font-size:.75rem;font-style:italic}.website{font-size:.75rem;color:#3b82f6;font-weight:500}.instructions{background:#f3f4f6;border-radius:8px;padding:1.25rem;margin-bottom:2rem}.main-instruction{margin:0 0 .75rem;color:#1f2937;font-weight:500;line-height:1.6}.timeframe-note{margin:0;color:#6b7280;font-size:.875rem;line-height:1.5;font-style:italic}.response-scale{background:#e0f2f1;border:1px solid #00A79D;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.scale-labels{display:flex;justify-content:space-around;flex-wrap:wrap;gap:.5rem}.scale-label{font-size:.875rem;color:#0e1f56}.scale-label strong{font-size:1rem;margin-right:.25rem}.items-container{margin-bottom:2rem}.proqol-item{padding:1.25rem;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1rem;transition:all .2s}.proqol-item:hover{border-color:#00a79d;box-shadow:0 2px 8px #00a79d1a}.item-number{color:#6b7280;font-weight:600;flex-shrink:0}.response-options{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.radio-label{font-size:.875rem;color:#374151;font-weight:500;min-width:1.5rem;text-align:center}.form-actions{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:2px solid #e5e7eb}.completion-status{font-size:.875rem}.form-actions button{background:linear-gradient(135deg,#00a79d,#0e1f56);color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.form-actions button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00a79d4d}.form-actions button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.proqol-card{padding:1.5rem}.proqol-header{flex-direction:column;align-items:flex-start;gap:1rem}.progress-bar{flex-wrap:wrap;gap:.5rem}.response-options{gap:.5rem}.scale-labels{flex-direction:column;align-items:flex-start}.form-actions{flex-direction:column;gap:1rem;align-items:stretch}.form-actions button{width:100%}}.stsioa-container{min-height:100vh;background:linear-gradient(135deg,#00a79d,#0e1f56);padding:2rem 1rem;display:flex;justify-content:center;align-items:flex-start}.stsioa-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:2.5rem;max-width:1000px;width:100%;margin-bottom:2rem}.progress-bar{display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.progress-step{font-size:.875rem;color:#9ca3af;font-weight:500}.progress-step.complete{color:#10b981}.progress-step.active{color:#00a79d;font-weight:600}.stsioa-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.stsioa-header h2{margin:0;color:#1f2937;font-size:1.75rem}.info-toggle{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:all .2s;color:#4b5563;font-weight:500;white-space:nowrap}.info-toggle:hover{background:#e5e7eb;border-color:#9ca3af}.stsioa-info-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.stsioa-info-panel h3{margin:0 0 1rem;color:#1f2937;font-size:1.25rem}.stsioa-info-panel h4{margin:1rem 0 .5rem;color:#374151;font-size:1rem}.stsioa-info-panel p{margin:.5rem 0;color:#4b5563;line-height:1.6}.domains-list{margin:.5rem 0 1rem 1.5rem;color:#4b5563}.domains-list li{margin:.5rem 0;line-height:1.6}.definitions-section{background:#eff6ff;border-radius:6px;padding:1rem;margin-top:1rem}.definition-item{margin:.75rem 0;color:#1e40af;line-height:1.6}.confidentiality-note{background:#eff6ff;border-left:3px solid #3b82f6;padding:.75rem;margin-top:1rem;font-size:.875rem}.copyright-notice{background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;padding:.75rem 1rem;margin-bottom:1.5rem;font-size:.875rem}.copyright-notice p{margin:.25rem 0;color:#92400e}.contact{font-size:.75rem;font-style:italic}.instructions{background:#f3f4f6;border-radius:8px;padding:1.25rem;margin-bottom:1.5rem}.main-instruction{margin:0;color:#1f2937;line-height:1.6;white-space:pre-line}.response-scale{background:#e0f2f1;border:2px solid #00A79D;border-radius:8px;padding:1.25rem;margin-bottom:1.5rem}.scale-labels{display:flex;justify-content:space-around;flex-wrap:wrap;gap:1rem}.scale-label{font-size:.875rem;color:#0e1f56;font-weight:500;text-align:center}.scale-label strong{font-size:1.125rem;margin-right:.25rem}.domain-progress{display:flex;justify-content:space-between;align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:.75rem 1rem;margin-bottom:1.5rem;font-size:.875rem;color:#1e40af;font-weight:500}.questions-progress{color:#6b7280;font-size:.8rem}.domain-section{margin-bottom:2rem}.domain-header{margin-bottom:1.5rem;border-bottom:3px solid #00A79D;padding-bottom:1rem}.domain-header h3{margin:0 0 .5rem;color:#0e1f56;font-size:1.5rem}.domain-subtitle{margin:0;color:#6b7280;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.domain-scale-reminder{background:#f0fdfa;border:1px solid #5eead4;border-radius:6px;padding:.75rem;margin-bottom:1.5rem}.scale-labels-compact{display:flex;justify-content:space-around;flex-wrap:wrap;gap:.75rem}.scale-compact{font-size:.8rem;color:#0e1f56;font-weight:500}.scale-compact strong{font-size:.9rem;margin-right:.25rem}.questions-container{display:flex;flex-direction:column;gap:1rem}.stsioa-item{background:#fff;padding:1.25rem;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.stsioa-item:hover{border-color:#00a79d;box-shadow:0 2px 8px #00a79d1a}.item-text{margin-bottom:1rem;display:flex;gap:.5rem;align-items:flex-start}.item-id{color:#6b7280;font-weight:600;flex-shrink:0;min-width:2rem}.item-content{color:#1f2937;line-height:1.6}.response-options{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background .2s}.radio-option:hover{background:#f9fafb}.radio-option input[type=radio]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:#00A79D}.radio-label{font-size:.875rem;color:#374151;font-weight:500;min-width:2rem;text-align:center}.form-actions{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:2px solid #e5e7eb;margin-top:2rem;gap:1rem}.completion-status{font-size:.875rem;text-align:center;flex:1}.status-complete{color:#10b981;font-weight:500}.status-incomplete{color:#6b7280}.nav-button{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s}.nav-button:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.nav-button:disabled{opacity:.4;cursor:not-allowed}.form-actions button[type=submit]{background:linear-gradient(135deg,#00a79d,#0e1f56);color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.form-actions button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00a79d4d}.form-actions button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.error-message{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b;padding:1rem;border-radius:6px;margin-bottom:1rem}@media(max-width:768px){.stsioa-card{padding:1.5rem}.stsioa-header{flex-direction:column;align-items:flex-start}.stsioa-header h2{font-size:1.5rem}.progress-bar{flex-wrap:wrap;gap:.5rem}.response-options{gap:.5rem}.scale-labels,.scale-labels-compact{flex-direction:column;align-items:flex-start}.form-actions{flex-direction:column;gap:1rem;align-items:stretch}.nav-button,.form-actions button[type=submit]{width:100%}.domain-section{padding:1rem}.domain-progress{flex-direction:column;gap:.5rem;text-align:center}}