:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.language-selector-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.language-selector-modal{background:#fff;border-radius:8px;width:100%;max-width:700px;margin:auto;padding:3rem;animation:.3s ease-in-out fadeIn;box-shadow:0 4px 20px #00000026}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.language-selector-title{text-align:center;color:#1a1a1a;letter-spacing:-.5px;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.language-selector-subtitle{text-align:center;color:#2e7d32;margin-bottom:1.5rem;font-size:1.125rem;font-weight:500}.language-selector-intro{color:#555;text-align:left;margin-bottom:2rem;font-size:.9rem;line-height:1.7}.language-selector-intro p{margin-bottom:1.5rem}.spanish-intro{border-top:1px solid #e0e0e0;padding-top:1rem}.language-selector-prompt{text-align:center;color:#333;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.language-selector-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.language-button{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-width:180px;padding:1.25rem 3rem;font-size:1.125rem;transition:all .2s;display:flex}.language-button:hover{background-color:#f9f9f9;border-color:#1a1a1a;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.language-button:active{transform:translateY(0)}.language-button:focus{outline-offset:2px;outline:2px solid #1a1a1a}.language-name{color:#1a1a1a;font-weight:600}@media (max-width:768px){.language-selector-overlay{padding:1rem}.language-selector-modal{padding:2rem 1.5rem}.language-selector-title{font-size:1.5rem}.language-selector-subtitle{font-size:1rem}.language-selector-intro{font-size:.85rem}.language-selector-prompt{font-size:1.125rem}.language-selector-buttons{flex-direction:column;width:100%}.language-button{width:100%}}.survey-form-container{background:#fff;border-radius:8px;width:100%;max-width:700px;margin:0 auto;padding:3rem;box-shadow:0 2px 8px #0000001a}.survey-title{text-align:center;color:#1a1a1a;letter-spacing:-.5px;border-bottom:3px solid #1a1a1a;margin-bottom:2rem;padding-bottom:1rem;font-size:1.75rem;font-weight:700}.survey-form{flex-direction:column;gap:2rem;display:flex}.form-group{flex-direction:column;gap:.75rem;display:flex}.form-section-header{color:#1a1a1a;border-top:2px solid #e0e0e0;margin-top:1rem;padding-top:1.5rem;font-size:1.125rem;font-weight:600}.form-label{color:#1a1a1a;font-size:1rem;font-weight:600;line-height:1.5}.required-indicator{color:#d32f2f;margin-left:.25rem;font-weight:700}.form-select{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:6px;padding:.75rem;font-size:1rem;transition:border-color .2s}.form-select:hover{border-color:#bdbdbd}.form-select:focus{border-color:#4caf50;outline:none}.form-select.error{border-color:#f44336}.form-select:disabled{cursor:not-allowed;opacity:.6;background-color:#f5f5f5}.radio-group{flex-flow:wrap;gap:1rem;padding:.5rem 0;display:flex}.radio-label{cursor:pointer;color:#333;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e0e0e0;border-radius:24px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.95rem;transition:all .2s;display:inline-flex}.radio-label:hover{background:#f9f9f9;border-color:#1a1a1a}.radio-label input[type=radio]{cursor:pointer;accent-color:#1a1a1a;width:18px;height:18px}.radio-label input[type=radio]:checked+span{font-weight:600}.radio-label input[type=radio]:disabled{cursor:not-allowed;opacity:.5}.error-message{color:#f44336;margin-top:.25rem;font-size:.875rem}.form-input{color:#1a1a1a;background:#fff;border:1.5px solid #e0e0e0;border-radius:6px;padding:.875rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.form-input:hover{border-color:#bdbdbd}.form-input:focus{border-color:#1a1a1a;outline:none;box-shadow:0 0 0 3px #1a1a1a1a}.form-input.error{border-color:#d32f2f}.form-input:disabled{cursor:not-allowed;opacity:.6;background-color:#f5f5f5}.form-subgroup{margin-top:.5rem}.submit-button{color:#fff;cursor:pointer;letter-spacing:.5px;background-color:#1a1a1a;border:none;border-radius:6px;margin-top:1.5rem;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;transition:all .2s}.submit-button:hover:not(:disabled){background-color:#000;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;background-color:#bdbdbd;transform:none}.submit-button:focus{outline-offset:2px;outline:2px solid #1a1a1a}.duplicate-message{text-align:center;padding:2rem}.duplicate-message h2{color:#ff9800;margin-bottom:1rem;font-size:1.5rem}.duplicate-message p{color:#666;margin-bottom:.5rem;line-height:1.6}.contact-info{color:#999;margin-top:1rem;font-size:.875rem}.honeypot-field{opacity:0;z-index:-1;width:0;height:0;position:absolute;top:-9999px;left:-9999px;overflow:hidden}@media (max-width:768px){.survey-form-container{padding:2rem 1.5rem}.survey-title{font-size:1.5rem}.survey-subtitle{font-size:1rem}.survey-intro{font-size:.85rem}.radio-group{flex-direction:column}.radio-label{justify-content:flex-start;width:100%}.submit-button{width:100%;font-size:1rem}}.message-display{border-radius:12px;max-width:600px;margin:2rem auto;padding:2rem;animation:.3s ease-out slideIn;box-shadow:0 2px 10px #0000001a}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.message-success{background-color:#e8f5e9;border-left:4px solid #4caf50}.message-error{background-color:#ffebee;border-left:4px solid #f44336}.message-duplicate{background-color:#fff3e0;border-left:4px solid #ff9800}.message-content{flex:1}.message-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.message-success .message-title{color:#2e7d32}.message-error .message-title{color:#c62828}.message-duplicate .message-title{color:#e65100}.message-detail{color:#666;margin:0;line-height:1.6}.retry-button{color:#fff;cursor:pointer;background-color:#f44336;border:none;border-radius:6px;margin-top:1rem;padding:.5rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.retry-button:hover{background-color:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}.retry-button:active{transform:translateY(0)}.retry-button:focus{outline-offset:2px;outline:2px solid #f44336}@media (max-width:600px){.message-display{margin:1rem;padding:1.5rem}.message-title{font-size:1.125rem}}.loading-spinner-container{flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:3rem;display:flex}.spinner{border:4px solid #f3f3f3;border-top-color:#4caf50;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{color:#666;text-align:center;margin-top:1rem;font-size:1rem}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app-container{justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem 1rem;display:flex}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.mobile-only-message{text-align:center;background:#fff;border-radius:8px;width:100%;max-width:500px;margin-top:4rem;padding:2.5rem;box-shadow:0 2px 8px #0000001a}.mobile-only-message h2{color:#1a1a1a;margin-bottom:.5rem;font-size:1.25rem}.mobile-only-message p{color:#555;font-size:1rem;line-height:1.5}.mobile-only-message hr{border:none;border-top:1px solid #e0e0e0;margin:1.5rem 0}
:is(.app-container:has(>.message-display),.app-container:has(>.mobile-only-message)){padding:1.25rem;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom));align-items:center}.message-display{width:100%;margin:0 auto}.message-display .lang-divider{border:0;border-top:1px solid #0000001f;margin:1.25rem 0}@media (max-width:768px){.survey-form-container,.language-selector-modal{border-radius:10px;padding:1.5rem 1.25rem}.app-container{padding:1rem .75rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}.survey-title{font-size:1.375rem;line-height:1.25}.radio-group{gap:.5rem}.radio-label{box-sizing:border-box;border-radius:10px;width:100%;min-height:48px;padding:.75rem 1rem;font-size:1rem;display:flex}.radio-label input[type=radio]{accent-color:#1a1a1a;flex:none;width:20px;height:20px}.form-label{font-size:1.0625rem}.form-input{min-height:48px;font-size:16px}.submit-button{width:100%;margin-top:1.75rem;padding:1rem}.language-selector-buttons{flex-direction:column;gap:.75rem}.language-button{width:100%;min-height:56px;padding:1.125rem}}.consent-toggle{border-top:1px solid #e0e0e0;margin-top:1.5rem;padding-top:1rem}.consent-toggle>summary{cursor:pointer;color:#555;padding:.5rem 0;font-size:.9375rem;font-weight:600;list-style:none}.consent-toggle>summary::-webkit-details-marker{display:none}.consent-toggle>summary:after{content:" ▾"}.consent-toggle[open]>summary:after{content:" ▴"}.consent-toggle p{color:#666;margin:.75rem 0 0;font-size:.875rem;line-height:1.6}.lead-in{color:#333;text-align:center;margin:.5rem 0 1.25rem;font-size:1rem;line-height:1.5}.radio-label input[type=radio]{appearance:none;background:#fff;border:2px solid #bdbdbd;border-radius:50%;flex:none;place-content:center;width:22px;height:22px;margin:0;transition:border-color .15s;display:grid}.radio-label input[type=radio]:before{content:"";background:#1a1a1a;border-radius:50%;width:11px;height:11px;transition:transform .15s;transform:scale(0)}.radio-label input[type=radio]:checked{border-color:#1a1a1a}.radio-label input[type=radio]:checked:before{transform:scale(1)}.radio-label:has(input[type=radio]:checked){background:#fafaf8;border-color:#1a1a1a;box-shadow:inset 0 0 0 1px #1a1a1a}.radio-label:has(input[type=radio]:checked) span{font-weight:600}.start-button{color:#fff;cursor:pointer;letter-spacing:.3px;background:#1a1a1a;border:0;border-radius:10px;width:100%;min-height:56px;padding:1.125rem;font-size:1.125rem;font-weight:600}.lang-switch{color:#2e7d32;cursor:pointer;background:0 0;border:0;margin:1rem auto 0;padding:.5rem;font-family:inherit;font-size:.9375rem;text-decoration:underline;display:block}.consent-toggle{text-align:center;border-top:0;width:100%;max-width:700px;margin:1rem auto 0;padding-top:0}.consent-toggle>summary{color:#1a1a1a;background:#fff;border:1px solid #d0d0d0;border-radius:999px;padding:.6875rem 1.25rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-block;box-shadow:0 1px 3px #0000001f}.consent-toggle>summary:active{background:#f5f5f5}.consent-toggle[open] p{text-align:left;background:#fff;border-radius:10px;margin-top:.25rem;padding:1rem;box-shadow:0 1px 4px #00000014}.welcome-stack{flex-direction:column;align-items:center;width:100%;max-width:700px;margin:auto;display:flex}.warn-box{text-align:center;background:#fff8ef;border:1.5px solid #ff9800;border-radius:10px;margin:1.25rem 0;padding:.875rem 1rem}.warn-box strong{color:#1a1a1a;margin-bottom:.25rem;font-size:1rem;line-height:1.35;display:block}.warn-box span{color:#6b5330;font-size:.9375rem;line-height:1.4;display:block}.timer-bar{z-index:5;color:#6b5330;text-align:center;letter-spacing:.2px;background:#fff8ef;border-bottom:1.5px solid #ff9800;margin:-1.5rem -1.25rem 1.25rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;position:sticky;top:0}.timer-note{display:block}.timer-count{color:#1a1a1a;font-variant-numeric:tabular-nums;margin-top:.25rem;font-size:1rem;display:block}.timer-bar.is-urgent{color:#a02121;background:#ffefef;border-bottom-color:#d32f2f}.timer-bar.is-urgent .timer-count{color:#d32f2f}.timer-bar.is-test{color:#33509b;background:#eef4ff;border-bottom-color:#3f6fd8}@media (min-width:769px){.timer-bar{margin:-3rem -3rem 1.5rem}}.language-selector-modal,.survey-form-container,.message-display{border-radius:20px}.warn-box{border-radius:14px}.start-button,.submit-button,.form-input{border-radius:12px}@media (max-width:768px){.survey-form-container,.language-selector-modal{border-radius:20px}.radio-label{border-radius:12px}}.consent-contact{border-top:1px solid #e8e8e8;padding-top:.75rem;font-weight:600;text-align:center!important;color:#1a1a1a!important;margin-top:.75rem!important}.consent-contact a{color:#2e7d32;white-space:nowrap;text-decoration:underline}.city-combo{width:100%;position:relative}.city-combo>input{box-sizing:border-box;width:100%}.city-list{z-index:20;-webkit-overflow-scrolling:touch;background:#fff;border:1.5px solid #1a1a1a;border-radius:12px;max-height:17rem;margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000026}.city-option{color:#1a1a1a;cursor:pointer;border-radius:8px;align-items:center;min-height:48px;padding:.8125rem .875rem;font-size:1rem;display:flex}.city-option.is-active,.city-option:hover{background:#f2f2ef}.city-option:active{background:#e8e8e4}@media (hover:none){.radio-label:hover{background:#fff;border-color:#e0e0e0}.radio-label:has(input[type=radio]:checked):hover{background:#fafaf8;border-color:#1a1a1a}.city-option:hover{background:0 0}.city-option.is-active{background:#f2f2ef}}
