:root{--color-primary:#d97706;--color-primary-dark:#b45309;--color-bg:#fafaf9;--color-text:#1c1917;--color-muted:#78716c;--color-border:#e7e5e4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0}button{font-family:inherit}.screen{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;padding:16px;display:flex}.screen--center{text-align:center;justify-content:center;align-items:center;gap:12px}.progress-bar{background:var(--color-border);border-radius:999px;width:100%;height:6px;margin-bottom:8px;overflow:hidden}.progress-bar__fill{background:var(--color-primary);height:100%;transition:width .25s}.progress-label{color:var(--color-muted);margin-bottom:24px;font-size:13px}.top-bar{align-items:center;gap:12px;margin-bottom:8px;display:flex}.btn-back{color:var(--color-muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px;line-height:1}.question{flex-direction:column;flex:1;display:flex}.question__texto{margin:8px 0 24px;font-size:22px;font-weight:700;line-height:1.3}.options{flex-direction:column;gap:12px;display:flex}.option-btn{text-align:left;border:2px solid var(--color-border);width:100%;color:var(--color-text);cursor:pointer;background:#fff;border-radius:14px;padding:16px 18px;font-size:16px;font-weight:600;transition:border-color .15s,background .15s;display:block}.option-btn:active,.option-btn:hover{border-color:var(--color-primary);background:#fff7ed}.scale-row{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.scale-btn{aspect-ratio:1;border:2px solid var(--color-border);cursor:pointer;background:#fff;border-radius:12px;font-size:16px;font-weight:700}.scale-btn:hover,.scale-btn:active{border-color:var(--color-primary);background:#fff7ed}.text-input{border:2px solid var(--color-border);border-radius:12px;width:100%;margin-bottom:16px;padding:14px 16px;font-size:16px}.text-input:focus{border-color:var(--color-primary);outline:none}.actions{flex-direction:column;gap:10px;margin-top:auto;padding-top:16px;display:flex}.btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:15px;font-size:16px;font-weight:700}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary:not(:disabled):hover{background:var(--color-primary-dark)}.btn-secondary{color:var(--color-muted);cursor:pointer;background:0 0;border:none;padding:6px;font-size:14px}.hero-title{font-size:24px;font-weight:800}.hero-text{color:var(--color-muted);font-size:15px;line-height:1.5}