body,html{margin:0;padding:0;display:flex;justify-content:center;align-items:center;font-family:Arial,sans-serif;background-color:#f7f7f7;animation:fadeIn 1s ease-out}.question-item{position:relative;padding-right:40px}.delete-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:5px;opacity:.5;transition:opacity .3s}.delete-btn:hover{opacity:1}.delete-icon{width:24px;height:24px;fill:#f44}.question-text{pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-container{max-width:800px;width:600px;margin-top:50px;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;animation:slideUp 1s ease-out;box-sizing:border-box}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.chip-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.chip{background-color:#64b5f6;color:#fff;padding:8px 15px;border-radius:50px;font-size:14px;cursor:pointer;transition:background-color .3s,transform .3s}.chip:hover{background-color:#42a5f5;transform:scale(1.05)}.questions-list{padding-left:0;margin:10px 0}ul{padding:0}.question-item{cursor:pointer;list-style:none;padding:15px;margin-bottom:10px;border-radius:8px;transition:background-color .3s ease,transform .3s ease}.question-item.bg-repeat{background-color:#ffebee}.question-item.bg-active{background-color:#ecf5fd}.question-item.bg-finish{background-color:#e8f5e9}.question-item.bg-1:hover{transform:scale(1.05);background-color:#ffcccb}.question-item.bg-2:hover{transform:scale(1.05);background-color:#d6ebfc}.question-item.bg-3:hover{transform:scale(1.05);background-color:#c8e6c9}.question-text{font-size:16px;color:#333;margin:0}.answer-options{margin-top:10px}.answer-option{display:block;margin:5px 0;padding:8px;background-color:#f9f9f9;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.answer-option:hover{background-color:#e0e0e0;transform:translate(5px)}.button{display:inline-block;padding:10px 20px;font-size:14px;color:#fff;background-color:#64b5f6;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .2s}.btn-green{display:inline-block;padding:10px 20px;font-size:14px;color:#fff;background-color:#00bd7e;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .2s}.btn-red{display:inline-block;padding:10px 20px;font-size:14px;color:#fff;background-color:#ff0000a1;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .2s}.button:hover{background-color:#42a5f5;transform:scale(1.05)}.btn-green:hover{background-color:#00a45e;transform:scale(1.05)}.btn-red:hover{background-color:#f00c;transform:scale(1.05)}.formatted-text{white-space:pre-line;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.app-title{font-size:24px;color:#333;text-align:center;margin-bottom:20px;animation:fadeInTitle 1s ease-out}@keyframes fadeInTitle{0%{opacity:0}to{opacity:1}}.app-footer{text-align:center;margin-top:20px;font-size:14px;color:#777;animation:fadeInFooter 1s ease-out}@keyframes fadeInFooter{0%{opacity:0}to{opacity:1}}@media (max-width: 600px){body,html{padding:0;margin:0;height:100%;display:block}.app-container{padding:15px;width:100%;box-sizing:border-box;border-radius:0}.question-item{padding:12px 50px 12px 12px;min-height:50px}.app-title{font-size:20px}.question-text{font-size:14px}.button{font-size:12px;padding:8px 16px}.delete-btn{right:5px;padding:3px;z-index:1}.delete-icon{width:20px;height:20px}.question-text{max-width:calc(100% - 60px);white-space:normal;margin-right:10px}}@media (min-width: 601px) and (max-width: 1024px){.app-container{padding:18px}.question-item{padding:14px}.app-title{font-size:22px}.question-text{font-size:15px}.button{font-size:13px;padding:9px 18px}}@media (min-width: 1025px){.app-container{padding:20px}.question-item{padding:15px}.app-title{font-size:24px}.question-text{font-size:16px}.button{font-size:14px;padding:10px 20px}}.custom-input{margin-bottom:10px;width:100%;padding:12px;font-size:16px;border:2px solid #ccc;border-radius:8px;outline:none;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}.textarea{resize:none;height:250px}.custom-input:focus{border-color:#64b5f6;box-shadow:0 0 8px #64b5f699}.input-container{position:relative;width:100%}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#888;font-size:18px}.input-container .custom-input{padding-left:40px}.button:disabled{background-color:#b0bec5;cursor:not-allowed;opacity:.6;box-shadow:none;transition:opacity .3s ease}.btn-block_question{padding-top:0;display:flex;justify-content:space-between}.option-list{display:flex;gap:10px;margin-bottom:10px}.option-card{display:inline-block;padding:10px 20px;font-size:14px;border:1px solid black;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .2s}.option-card.active{background-color:#64b5f6}textarea{resize:none;height:250px}.formatted-text{white-space:pre-line;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;margin:1em 0}