:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.button_loader{display:block;width:24px;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,#fff 94%,#0000) top/4px 4px no-repeat,conic-gradient(#0000 30%,#fff);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0);animation:l13 1s infinite linear}.button_loader_highlight{background:radial-gradient(farthest-side,#ff6606 94%,#0000) top/4px 4px no-repeat,conic-gradient(#0000 30%,#ff6606);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0)}@keyframes l13{to{transform:rotate(1turn)}}#root{max-width:1280px;width:100%;margin:0 auto;padding:1rem;text-align:center}*{box-sizing:border-box}.flex{display:flex;align-items:center;justify-content:center;gap:20px}.logo{width:100px;height:120px;height:6rem;padding:1rem;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.card{padding:2rem;max-width:800px;width:100%;margin:auto;border-radius:12px;box-shadow:0 4px 12px #0000001a;background-color:#fff;transition:background-color .3s ease,color .3s ease}.form-input{width:100%;padding:10px}.error-message{font-size:12px;color:#f15a24;text-align:left;margin-top:0}.button{background-color:#f15a24;color:#fff;border:none;width:180px;padding:10px 20px;border-radius:6px;cursor:pointer;text-align:center;transition:background-color .3s ease;display:inline-flex;justify-content:center;align-items:center;gap:10px}.button:disabled{opacity:.4}@media (prefers-color-scheme: dark){body{background-color:#121212;color:#e0e0e0}.card{background-color:#1e1e1e;box-shadow:0 4px 12px #ffffff0d}}.qf-loading,.qf-error,.qf-empty{margin:12px 0}.qf-error{color:#b91c1c}.qf-item{display:grid;grid-template-columns:4fr 1fr;gap:8px}.qf-question{font-size:16px;font-weight:600;margin-bottom:8px;text-align:left}.qf-radios{display:flex;gap:18px;align-items:center}.qf-label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px}.qf-label input[type=radio]{width:16px;height:16px}.form-label{text-align:left;font-size:14px;display:block;margin-bottom:5px;font-weight:700}.form-select,.form-input{width:100%;padding:8px;margin-bottom:15px;border:1px solid #ccc;border-radius:6px}@media (max-width: 520px){.qf-item{grid-template-columns:1fr}.qf-radios{gap:12px}.card{padding:1rem}}.modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{background-color:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a;max-width:34rem;width:100%;overflow:hidden;animation:fadeIn .2s ease-out}.modal-container p{text-align:left}.modal-header{position:relative;background:linear-gradient(135deg,#ff6606,#c44d03);padding:2rem 1.5rem;color:#fff}.modal-close-btn{position:absolute;top:1rem;right:1rem;padding:.25rem;background:none;border:none;border-radius:9999px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.modal-close-btn:hover{background-color:#fff3}.modal-header-content{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.modal-header-icon{padding:.75rem;background-color:#fff3;border-radius:9999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.modal-header h2{font-size:1.5rem;font-weight:700;margin:0}.modal-header p{color:#ede9fe;font-size:.875rem;margin:0}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.instruction-item{display:flex;gap:1rem}.instruction-icon{flex-shrink:0;width:3rem;height:3rem;border-radius:9999px;background-color:#fdfcfc;display:flex;align-items:center;justify-content:center;color:#ff6606}.instruction-content h3{font-weight:600;color:#111827;margin:0 0 .25rem;text-align:left}.instruction-content p{color:#4b5563;font-size:.875rem;line-height:1.5;margin:0;text-align:left}.modal-tip{background-color:#eff6ff;border:1px solid #93c5fd;border-radius:.5rem;padding:1rem}.modal-tip p{font-size:.875rem;color:#1e3a8a;margin:0}.modal-tip span{font-weight:600}.modal-footer{padding:0 1.5rem 1.5rem;display:flex;gap:.75rem}.modal-btn{flex:1;padding:.75rem 1rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;font-size:1rem}.modal-btn-cancel{background-color:#fff;color:#374151;border:2px solid #d1d5db}.modal-btn-cancel:hover{background-color:#f9fafb}.modal-btn-continue{background-color:#ff6606;color:#fff;box-shadow:0 10px 15px -3px #2563eb4d}.modal-btn-continue:hover,.button:hover{background-color:#8a3805}