:root{--primary-color: #4f46e5;--primary-light: #818cf8;--secondary-color: #0f172a;--accent-color: #f97316;--text-light: #f8fafc;--text-dark: #1f2937;--background-light: #ffffff;--background-dark: #0f172a;--border-radius: 8px;--shadow-sm: 0 2px 4px -1px rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 6px 10px -3px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 15px 20px -5px rgba(0, 0, 0, .1), 0 6px 8px -6px rgba(0, 0, 0, .1);--transition: all .25s ease}.survey-container{max-width:90vw;margin:auto;padding:1rem;background:light-dark(var(--background-light),var(--background-dark));border-radius:var(--border-radius);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.05)}.survey-header,.preview-header{text-align:center;position:relative}.survey-header{margin-bottom:1.75rem}.survey-header:after{content:"";position:relative;bottom:-.75rem;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--primary);border-radius:2px}.survey-header h1{font-size:2.2rem;font-weight:700;color:var(--primary);margin-bottom:1.75rem;letter-spacing:-.025em}.survey-header p{font-size:1rem;line-height:1.5;color:light-dark(var(--text-dark),var(--text-light));max-width:max-content;margin:0 auto 1.5rem}.survey-form{max-height:10vh;overflow-y:auto;padding:1.25rem;background:light-dark(rgba(79,70,229,.02),rgba(129,140,248,.05));border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:2px solid light-dark(rgba(79,70,229,.1),rgba(129,140,248,.15));counter-reset:question-counter;min-height:1500px;margin-bottom:0}.question-card,.preview-question{background:light-dark(rgba(255,255,255,.8),rgba(15,23,42,.6));border-radius:var(--border-radius);padding:1.25rem;margin-bottom:1rem;transition:var(--transition);box-shadow:var(--shadow-sm);counter-increment:question-counter;border:2px dashed var(--primary-light)}.question-card:hover,.preview-question:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.question-card:hover{border-color:light-dark(#3b82f6,#91abda);background:light-dark(rgba(255,255,255,.95),rgba(15,23,42,.8))}.question,.preview-question{color:var(--primary);margin-bottom:.75rem;letter-spacing:.5px;font-stretch:ultra-condensed;font-size:x-large}.question:before{content:counter(question-counter) ".";color:var(--primary-light);font-weight:700;margin-right:4px}.options-group{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-start}.option-label{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:20px;background:light-dark(rgba(79,70,229,.08),rgba(129,140,248,.12));cursor:pointer;color:light-dark(var(--text-dark),var(--text-light));transition:var(--transition);border:2px solid light-dark(rgba(79,70,229,.25),rgba(129,140,248,.25));font-size:.9rem;font-weight:500;white-space:nowrap;min-width:fit-content;position:relative;overflow:hidden}.option-label:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:.5s}.option-label:hover{background:light-dark(rgba(79,70,229,.15),rgba(129,140,248,.2));border-color:light-dark(#3b82f6,#91abda);transform:translateY(-1px);box-shadow:var(--shadow-md)}.option-label:hover:before{left:100%}.option-label.selected{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.option-label.selected:hover{background:var(--primary-light);border-color:var(--primary-light);color:#fff}.radio-input,.checkbox-input{appearance:none;width:1rem;height:1rem;border:2px solid var(--primary);outline:none;cursor:pointer;position:relative;transition:var(--transition);flex-shrink:0}.radio-input:hover,.checkbox-input:hover{border-color:var(--primary-light);background-color:light-dark(rgba(79,70,229,.1),rgba(129,140,248,.1))}.radio-input:checked,.checkbox-input:checked{background-color:var(--primary);border-color:var(--primary)}.radio-input:checked:after,.checkbox-input:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.35rem;height:.35rem;background:#fff;border-radius:50%}.radio-input{border-radius:50%}.checkbox-input{border-radius:3px}.checkbox-input:checked:after{width:.6rem;height:.35rem;border-radius:0;border-left:2px solid white;border-bottom:2px solid white;background:transparent;transform:translate(-50%,-60%) rotate(-45deg)}.radio-text,.checkbox-text{user-select:none;line-height:1.4}.textarea-input{width:100%;padding:.85rem;background-color:light-dark(rgba(255,255,255,.7),rgba(15,23,42,.4));border:2px solid var(--primary);border-radius:6px;resize:vertical;color:light-dark(var(--text-dark),var(--text-light));font-family:inherit;min-height:100px;transition:var(--transition);resize:none}.textarea-input:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px light-dark(rgba(79,70,229,.2),rgba(129,140,248,.2));background-color:light-dark(rgba(255,255,255,.95),rgba(15,23,42,.6))}.textarea-input::placeholder{color:light-dark(var(--text-dark),var(--text-light));opacity:.7}.preview-btn,.edit-btn,.submit-btn{padding:.85rem 2rem;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md);position:relative;overflow:hidden;min-width:150px;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.preview-btn:hover,.edit-btn:hover,.submit-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.preview-btn:active,.edit-btn:active,.submit-btn:active{transform:translateY(1px)}.preview-btn:before,.edit-btn:before,.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:.5s;justify-items:center}.preview-btn:hover:before,.edit-btn:hover:before,.submit-btn:hover:before{left:100%}.preview-btn{background:var(--primary);color:#fff;align-content:center}.preview-btn:hover{background:var(--primary)}.edit-btn{background:light-dark(#4b5563,#e5e7eb);color:light-dark(white,#111827)}.edit-btn:hover{background:light-dark(#374151,#d1d5db)}.submit-btn{background:var(--primary);color:#fff}.submit-btn:hover{background:var(--primary)}.submit-btn:disabled{background:light-dark(#d1d5db,#4b5563);cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm);opacity:.6}.survey-controls,.preview-controls{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.survey-controls{margin-top:2rem;padding:.75rem}.preview-controls{margin-top:1.5rem}.preview-section{margin-top:2rem;padding:1rem;background:light-dark(rgba(255,255,255,.9),rgba(15,23,42,.8));border-radius:var(--border-radius);box-shadow:var(--shadow-lg);border:2px solid light-dark(rgba(79,70,229,.15),rgba(129,140,248,.2));counter-reset:preview-counter}.preview-header{margin-bottom:1rem;padding-bottom:.5rem}.preview-header h2{font-size:1.8rem;font-weight:700;color:var(--primary);margin-bottom:.5rem;letter-spacing:-.025em}.preview-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:2px}.preview-content{padding:.5rem 0}.preview-question{margin-bottom:1rem;border-left:4px solid var(--primary);counter-increment:preview-counter}.preview-question h4{font-size:1.15rem;color:var(--primary);margin-bottom:.5rem;display:flex;align-items:center}.preview-question h4:before{content:counter(preview-counter) ".";color:var(--primary);font-weight:700;margin-right:.75rem;font-size:1.1em}.preview-answer{margin-left:1.5rem;padding:.25rem 0}.text-response{background:light-dark(rgba(255,255,255,.7),rgba(15,23,42,.4));padding:.75rem;border-radius:6px;color:light-dark(var(--text-dark),var(--text-light));font-style:italic;line-height:1.5;width:100%;box-sizing:border-box}.choice-response{display:inline-block;background:light-dark(rgba(79,70,229,.1),rgba(129,140,248,.2));color:light-dark(var(--primary-color),var(--primary-light));padding:.4rem 1rem;border-radius:20px;font-weight:500;border:1px solid light-dark(var(--primary-color),var(--primary-light));margin:.15rem 0;transition:var(--transition)}.choice-response:hover{background:light-dark(rgba(79,70,229,.2),rgba(129,140,248,.3));transform:translateY(-1px)}.multiple-choice-response{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.35rem}.multiple-choice-response li{background:light-dark(rgba(79,70,229,.1),rgba(129,140,248,.2));color:light-dark(var(--primary-color),var(--primary-light));padding:.4rem 1rem;border-radius:20px;font-weight:500;border:1px solid light-dark(var(--primary-color),var(--primary-light));transition:var(--transition)}.multiple-choice-response li:hover{background:light-dark(rgba(79,70,229,.2),rgba(129,140,248,.3));transform:translateY(-1px)}.form-status{margin:1rem auto 0;padding:.75rem;border-radius:var(--border-radius);text-align:center;max-width:600px;transition:var(--transition)}.form-status.success{background:light-dark(rgba(79,70,229,.1),rgba(129,140,248,.15));color:light-dark(var(--primary-color),var(--primary-light));border:1px solid light-dark(var(--primary-color),var(--primary-light));box-shadow:var(--shadow-sm)}.form-status.error{color:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.survey-container{max-width:95vw;padding:.75rem;min-height:100vh;height:auto}.survey-form{max-height:none;height:auto;overflow-y:visible;min-height:auto;padding:1rem}.question-card,.preview-question{padding:1rem;margin-bottom:1rem;text-align:left;.question{font-size:1.1rem;flex-wrap:wrap;align-items:baseline;line-height:1.4;margin-bottom:.75rem;color:var(--primary)}}.options-group{flex-direction:column;gap:.5rem;width:100%}.option-label{padding:.6rem 1rem;font-size:.85rem;width:100%;box-sizing:border-box;border-radius:8px;justify-content:flex-start;white-space:normal;text-align:left}.survey-controls,.preview-controls{flex-direction:column;gap:1rem}.survey-header p{text-align:left}.preview-btn,.edit-btn,.submit-btn{width:100%;padding:.75rem;min-width:auto}.preview-section{padding:.75rem;margin-top:1.5rem}.preview-header h2{font-size:1.5rem}.preview-question h4{font-size:1.05rem;align-items:flex-start;flex-direction:column}.preview-answer{margin-left:.75rem}.multiple-choice-response{flex-direction:column;gap:.25rem}}@media (max-width: 480px){.survey-container{max-width:98vw;padding:.5rem;height:auto}.survey-form{max-height:none;height:auto;overflow-y:visible;min-height:auto;padding:.75rem}.survey-header h1{font-size:1.5rem}.question-card,.preview-question{padding:.75rem;margin-bottom:.75rem;text-align:left}.option-label{font-size:.8rem;padding:.5rem .75rem}.textarea-input{font-size:.9rem;padding:.75rem}.preview-question h4{font-size:1rem}.preview-answer{margin-left:.5rem}}.survey-container{position:relative}@media (min-width: 769px){.survey-form{max-height:10vh;overflow-y:auto;min-height:1500px}}