.tupi-qs{--tqs-accent:#ef7627;--tqs-ink:#202126;--tqs-muted:#60636b;--tqs-border:#e5e6e8;--tqs-bg:#fafafa;box-sizing:border-box;max-width:920px;margin:0 auto;color:var(--tqs-ink);font-family:inherit;line-height:1.5}
.tupi-qs *, .tupi-qs *::before, .tupi-qs *::after{box-sizing:border-box}
.tupi-qs-top{text-align:center;padding:20px 10px 28px}
.tupi-qs-pill{display:inline-flex;background:#fff2e9;color:#a8470d;border-radius:50px;padding:5px 12px;font-weight:700;font-size:12px;letter-spacing:.01em}
.tupi-qs h2{font-size:clamp(26px,3.3vw,39px);line-height:1.15;margin:14px 0 12px;color:var(--tqs-ink);font-weight:800}
.tupi-qs h3{font-size:clamp(19px,2.3vw,25px);line-height:1.22;margin:10px 0;color:var(--tqs-ink)}
.tupi-qs-top p{max-width:590px;margin:0 auto;color:var(--tqs-muted);font-size:16px}
.tupi-qs-form,.tupi-qs-result{background:#fff;border:1px solid var(--tqs-border);border-radius:18px;padding:clamp(18px,3vw,30px);box-shadow:0 10px 35px rgba(30,30,35,.045)}
.tupi-qs-form{display:grid;gap:18px}
.tupi-qs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.tupi-qs label:not(.tupi-qs-trust label){display:grid;gap:7px;color:#27292e;font-size:14px;font-weight:700}
.tupi-qs input:not([type=checkbox]),.tupi-qs select,.tupi-qs textarea{width:100%;border:1px solid #d5d7dc;border-radius:10px;outline:0;background:#fff;color:#22242b;padding:13px 14px;font:inherit;font-size:15px;line-height:1.5;min-height:48px}
.tupi-qs textarea{resize:vertical;min-height:116px}
.tupi-qs input:focus,.tupi-qs select:focus,.tupi-qs textarea:focus{border-color:var(--tqs-accent);box-shadow:0 0 0 3px rgba(239,118,39,.16)}
.tupi-qs-reference{border:1px solid var(--tqs-border);border-radius:10px;padding:15px 17px}
.tupi-qs-reference summary{cursor:pointer;font-size:14px;font-weight:700;color:#292b30}
.tupi-qs-reference summary span{font-weight:400;color:var(--tqs-muted);margin-left:8px}
.tupi-qs-reference[open]{display:grid;gap:14px}
.tupi-qs-reference[open] summary{margin-bottom:12px}
.tupi-qs-hint,.tupi-qs-footnote{font-size:12px;color:var(--tqs-muted);line-height:1.65}
.tupi-qs-reference .tupi-qs-hint{margin:6px 0 0}
.tupi-qs-trust{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;color:var(--tqs-muted);font-size:13px}
.tupi-qs-trust label{display:flex;align-items:flex-start;gap:9px;max-width:680px;cursor:pointer}
.tupi-qs-trust input{width:17px;height:17px;flex:none;accent-color:var(--tqs-accent);margin:1px 0 0}
.tupi-qs-trust a{color:#a8470d;text-decoration:underline}
.tupi-qs-hp{position:absolute;left:-10000px;top:-10000px;opacity:0;pointer-events:none}
.tupi-qs-submit,.tupi-qs-copy{border:0;border-radius:11px;cursor:pointer;font-weight:750;transition:background-color .15s,transform .15s}
.tupi-qs-submit{background:var(--tqs-accent);color:#fff;padding:15px 20px;font-size:16px;width:100%}
.tupi-qs-submit:hover{background:#d76112;transform:translateY(-1px)}
.tupi-qs-submit:disabled{opacity:.65;cursor:wait;transform:none}
.tupi-qs-message{margin:0;min-height:0;font-size:13px;color:#9a4816}
.tupi-qs-message:empty{display:none}
.tupi-qs-result{margin-top:20px}
.tupi-qs-result[hidden],.tupi-qs-setup[hidden],.tupi-qs-tutorial[hidden]{display:none!important}
.tupi-qs-result-top{display:flex;gap:14px;justify-content:space-between;align-items:center;margin-bottom:14px}
.tupi-qs-copy{background:#23242b;color:#fff;padding:12px 18px;white-space:nowrap}
.tupi-qs-copy:hover{background:#46484f}
.tupi-qs-output{min-height:300px!important;background:#f8f8f9!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:13px!important;line-height:1.65!important}
.tupi-qs-setup{margin-top:20px;padding:18px;background:#fafafa;border-radius:12px;border:1px solid var(--tqs-border)}
.tupi-qs h4{margin:0 0 14px;font-size:17px}
.tupi-qs-settings{display:grid;grid-template-columns:minmax(150px,1fr) 2fr;gap:8px 15px;margin:0;font-size:14px}
.tupi-qs-settings dt{font-weight:700}
.tupi-qs-settings dd{margin:0;color:#46494f}
.tupi-qs-next{font-size:14px;color:#56585f;margin:20px 0 4px}
.tupi-qs-tutorial{display:inline-flex;margin-top:12px;background:#fff2e9;color:#a8470d;padding:10px 13px;border-radius:9px;font-weight:700;text-decoration:none}
.tupi-qs-footnote{text-align:center;margin:15px 7px 0}
@media (max-width:650px){.tupi-qs-grid{grid-template-columns:1fr}.tupi-qs-result-top{align-items:flex-start;flex-direction:column}.tupi-qs-copy{width:100%}.tupi-qs-settings{grid-template-columns:1fr}.tupi-qs-settings dd{padding-bottom:9px;border-bottom:1px solid #e2e2e2}.tupi-qs-form,.tupi-qs-result{border-radius:14px}}