.interaction-container{width:100%;max-width:768px;margin:2rem auto}.interaction-card{color:#1f2937;background-color:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:2.5rem;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d}.interaction-title{color:#111827;border-bottom:2px solid #e8471c;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.75rem;font-weight:800;line-height:1.2}.interaction-intro{color:#4b5563;margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.interaction-intro p{margin-bottom:1rem}.interaction-field{flex-direction:column;margin-bottom:1.5rem;display:flex}.field-label{color:#374151;align-items:center;gap:4px;margin-bottom:.5rem;font-size:.95rem;font-weight:700;display:inline-flex}.required-indicator{color:#ef4444}.field-help{color:#6b7280;margin-top:-.25rem;margin-bottom:.5rem;font-size:.825rem}.form-control{color:#1f2937;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem;width:100%;padding:.75rem 1rem;font-size:.95rem;line-height:1.5;transition:all .2s ease-in-out}.form-control:focus{background-color:#fff;border-color:#e8471c;outline:none;box-shadow:0 0 0 3px #e8471c26}.form-control[readonly]{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6;border-color:#d1d5db}.form-control[readonly]:focus{box-shadow:none;background-color:#f3f4f6;border-color:#d1d5db}textarea.form-control{resize:vertical;min-height:100px}.choice-label{cursor:pointer;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;align-items:flex-start;gap:10px;padding:.75rem 1rem;transition:all .15s ease-in-out;display:flex}.choice-label:hover{background-color:#f1f5f9;border-color:#cbd5e1}.form-choice-input{accent-color:#e8471c;width:16px;height:16px;margin-top:4px}.choice-text{color:#374151;font-size:.925rem;font-weight:500}.scale-group{justify-content:space-between;gap:8px;display:flex}.scale-label{cursor:pointer;flex:1;position:relative}.scale-label input{opacity:0;width:0;height:0;position:absolute}.scale-box{color:#4b5563;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem;justify-content:center;align-items:center;height:48px;font-weight:700;transition:all .15s;display:flex}.scale-label:hover .scale-box{color:#e8471c;background-color:#e8471c0d;border-color:#e8471c}.scale-label input:checked+.scale-box{color:#fff;background-color:#e8471c;border-color:#e8471c}.field-info-text{color:#4b5563;background-color:#f3f4f6;border-left:4px solid #9ca3af;border-radius:.25rem .5rem .5rem .25rem;padding:1rem;font-size:.925rem;line-height:1.5}.consent-label{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.consent-text{color:#4b5563;font-size:.875rem;font-weight:500;line-height:1.4}.field-error-message{color:#ef4444;margin-top:.35rem;font-size:.8rem;font-weight:600}.interaction-field.has-error .form-control{background-color:#fef2f2;border-color:#f87171}.interaction-field.has-error .form-control:focus{box-shadow:0 0 0 3px #ef444426}.interaction-field.has-error .choice-label{background-color:#fef2f2;border-color:#f87171}.interaction-success-alert{background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:.5rem;align-items:center;gap:12px;margin-bottom:2rem;padding:1.5rem;display:flex}.interaction-success-icon{color:#fff;background-color:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;font-weight:700;display:flex}.interaction-success-message{color:#065f46;margin:0;font-size:1rem;font-weight:600}.interaction-result-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;margin-top:1.5rem;padding:1.75rem}.interaction-result-title{color:#0f172a;margin-bottom:.75rem;font-size:1.25rem;font-weight:800}.interaction-result-body{color:#475569;font-size:.95rem;line-height:1.6}.btn-spinner{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-left:8px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.play-theme .interaction-card{color:#fff;box-shadow:none;background-color:#ffffff0d;border-color:#ffffff1a}.play-theme .interaction-title{color:#fff;border-bottom-color:#e8471c}.play-theme .field-label{color:#e2e8f0}.play-theme .field-help{color:#94a3b8}.play-theme .form-control{color:#fff;background-color:#ffffff08;border-color:#ffffff26}.play-theme .form-control:focus{background-color:#ffffff0d;border-color:#e8471c}.play-theme .form-control[readonly]{color:#94a3b8;opacity:.6;cursor:not-allowed;background-color:#ffffff05;border-color:#ffffff1a}.play-theme .form-control[readonly]:focus{box-shadow:none;background-color:#ffffff05;border-color:#ffffff1a}.play-theme .choice-label{background-color:#ffffff08;border-color:#ffffff1a}.play-theme .choice-label:hover{background-color:#ffffff0f;border-color:#fff3}.play-theme .choice-text{color:#e2e8f0}.play-theme .scale-box{color:#cbd5e1;background-color:#ffffff08;border-color:#ffffff26}.play-theme .scale-label:hover .scale-box{color:#e8471c;background-color:#e8471c1a;border-color:#e8471c}.play-theme .scale-label input:checked+.scale-box{color:#fff;background-color:#e8471c;border-color:#e8471c}.play-theme .field-info-text{color:#e2e8f0;background-color:#ffffff0d;border-left-color:#ffffff4d}.play-theme .consent-text{color:#94a3b8}.play-theme .interaction-result-card{background-color:#ffffff05;border-color:#ffffff1a}.play-theme .interaction-result-title{color:#fff}.play-theme .interaction-result-body{color:#cbd5e1}