:root{--accent: #4667DB;--accent-deep: #1B51E5;--app-bg: #F4F4FB;--surface: #FFFFFF;--ink: #1C1D21;--body: #46485F;--muted: #63659B;--faint: #6A6B83;--border: #ECECF4;--border-soft: #EEEEF4;--success: #0E7A4C;--danger: #C92A42;--panel-from: #2B2D42;--panel-to: #1C1D2B}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:"Source Sans 3",sans-serif;color:var(--ink);background:var(--app-bg)}input,textarea,button{font-family:"Source Sans 3",sans-serif}:focus{outline:none}:focus-visible{outline:2.5px solid var(--accent-deep);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#d8d8e6;border-radius:9px}::-webkit-scrollbar-track{background:transparent}.qf-noscrollbar{scrollbar-width:none;-ms-overflow-style:none}.qf-noscrollbar::-webkit-scrollbar{display:none}@keyframes qfFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes qfSpin{to{transform:rotate(360deg)}}@keyframes qfDrop{0%{opacity:0;transform:translate(-50%) translateY(-26px)}3%{opacity:1;transform:translate(-50%) translateY(0)}7%{opacity:1}10%,to{opacity:0}}@keyframes qfFill1{0%,5%{opacity:0}9%,99%{opacity:1}to{opacity:0}}@keyframes qfFill2{0%,11%{opacity:0}15%,99%{opacity:1}to{opacity:0}}@keyframes qfFill3{0%,17%{opacity:0}21%,99%{opacity:1}to{opacity:0}}@keyframes qfRow1{0%,30%{opacity:.35}36%,to{opacity:1}}@keyframes qfRow2{0%,36%{opacity:.35}42%,to{opacity:1}}@keyframes qfRow3{0%,42%{opacity:.35}48%,to{opacity:1}}@keyframes qfTotal{0%,46%{opacity:0;transform:scale(.92)}54%,to{opacity:1;transform:scale(1)}}@keyframes qfPillDraft{0%,60%{opacity:1}63%,to{opacity:0}}@keyframes qfPillSent{0%,60%{opacity:0}63%,70%{opacity:1}73%,to{opacity:0}}@keyframes qfPillOpened{0%,70%{opacity:0}73%,to{opacity:1}}@keyframes qfCap1{0%{opacity:0}2%,26%{opacity:1}30%,to{opacity:0}}@keyframes qfCap2{0%,30%{opacity:0}34%,56%{opacity:1}60%,to{opacity:0}}@keyframes qfCap3{0%,60%{opacity:0}64%,76%{opacity:1}80%,to{opacity:0}}@keyframes qfEndCard{0%,80%{opacity:0}84%,97%{opacity:1}to{opacity:0}}@keyframes qfProgress{0%{width:0%}to{width:100%}}@media (prefers-reduced-motion: reduce){.qf-demo-stage *{animation:none!important}}