.questionnaire-mode,.questionnaire-mode body{background:radial-gradient(1200px 600px at 10% 10%,#7c3aed59,#0000 60%),radial-gradient(900px 500px at 90% 20%,#3b82f640,#0000 55%),radial-gradient(1000px 600px at 50% 100%,#10b9812e,#0000 60%),#070a12 linear-gradient(#070a12 0% 45%,#060810 100%)}.questionnaire-mode body{overscroll-behavior-y:none;min-height:100%;margin:0}.tf-shell{touch-action:manipulation;background:radial-gradient(1200px 600px at 10% 10%,#7c3aed59,#0000 60%),radial-gradient(900px 500px at 90% 20%,#3b82f640,#0000 55%),radial-gradient(1000px 600px at 50% 100%,#10b9812e,#0000 60%),linear-gradient(#070a12 0% 45%,#060810 100%);justify-content:center;align-items:center;min-height:100dvh;padding:56px 16px;display:flex;position:relative;overflow:hidden}.tf-shell:before{content:"";opacity:.35;pointer-events:none;filter:blur(.2px);background:radial-gradient(2px 2px at 20% 30%,#ffffff26 30%,#0000 35%),radial-gradient(1.5px 1.5px at 70% 40%,#ffffff1a 30%,#0000 35%),radial-gradient(1.2px 1.2px at 55% 70%,#ffffff14 30%,#0000 35%);position:absolute;inset:-2px}.tf-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:22px;width:min(920px,100%);overflow:hidden;box-shadow:0 24px 80px #0000008c,inset 0 0 0 1px #ffffff0d}.tf-top{justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 12px;display:flex}.tf-brand{align-items:center;gap:10px;min-width:0;display:flex}.tf-dot{background:var(--tf-accent);border-radius:999px;flex:none;width:10px;height:10px;box-shadow:0 0 0 6px #7c3aed2e,0 0 22px #7c3aed8c}.tf-title{color:#ffffffeb;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:1.2;overflow:hidden}.tf-meta{color:#ffffff9e;font-size:12px}.tf-progress{background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;width:180px;height:10px;overflow:hidden}.tf-progress>div{background:linear-gradient(90deg,var(--tf-accent)0%,#3b82f6f2 55%,#10b981eb 100%);width:0%;height:100%;transition:width .26s}.tf-body{padding:18px 22px 22px}.tf-step{grid-template-columns:1fr;gap:14px;animation:.22s tfIn;display:grid}@keyframes tfIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tf-q{color:#ffffffed;letter-spacing:-.02em;font-size:28px;font-weight:720;line-height:1.18}.tf-desc{color:#ffffffa8;font-size:14px;line-height:1.5}.tf-input{color:#ffffffeb;background:#080a1273;border:1px solid #ffffff24;border-radius:14px;outline:none;width:100%;padding:14px;font-size:16px;transition:border-color .16s,box-shadow .16s;box-shadow:0 0 #7c3aed00}.tf-input:focus{border-color:#7c3aed8c;box-shadow:0 0 0 6px #7c3aed33}.tf-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (max-width:720px){.tf-choices{grid-template-columns:1fr}.tf-q{font-size:22px}.tf-progress{width:120px}}.tf-choice{text-align:left;color:#ffffffe6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;padding:12px;transition:transform .14s,border-color .14s,background .14s}.tf-choice:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.tf-choiceSelected{background:#7c3aed29;border-color:#7c3aedbf;box-shadow:0 0 0 5px #7c3aed2e}.tf-row{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.tf-error{color:#f87171f2;font-size:12px}.tf-actions{align-items:center;gap:10px;display:flex}.tf-btn{color:#ffffffe6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;padding:10px 14px;transition:transform .14s,border-color .14s,background .14s,opacity .14s}.tf-btn:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.tf-btnPrimary{background:linear-gradient(90deg,var(--tf-accent),#3b82f6f2);border-color:#7c3aeda6}.tf-btnPrimary:hover{opacity:.96}.tf-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.tf-kbd{color:#ffffffa6;font-size:12px}.tf-kbd kbd{background:#ffffff1a;border:1px solid #ffffff24;border-radius:8px;padding:2px 7px;font-family:ui-monospace,monospace;font-size:11px}.tf-rating{flex-wrap:wrap;gap:10px;display:flex}.tf-pill{color:#ffffffe6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:10px 12px;transition:transform .14s,border-color .14s,background .14s}.tf-pill:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.tf-pillSelected{background:#7c3aed2e;border-color:#7c3aedbf;box-shadow:0 0 0 5px #7c3aed2e}.tf-thanks{text-align:left;padding:28px 22px 30px}.tf-thanks h2{color:#fffffff2;margin:0 0 8px;font-size:30px}.tf-thanks p{color:#ffffffb3;margin:0 0 18px}