.df-root{--df-wash:color-mix(in oklab, var(--df-primary) 10%, var(--df-bg));--df-line:color-mix(in oklab, var(--df-primary) 35%, var(--df-bg));--df-soft:color-mix(in oklab, var(--df-text) 62%, var(--df-bg));background:var(--df-bg);color:var(--df-text);font-family:var(--df-font);isolation:isolate;flex-direction:column;display:flex;position:relative;overflow:hidden}.df-viewport{min-height:100dvh}.df-container{height:100%;min-height:420px}.df-progress{background:color-mix(in oklab, var(--df-primary) 14%, transparent);z-index:2;height:4px;position:absolute;inset:0 0 auto}.df-progress span{background:var(--df-primary);transform-origin:0;height:100%;transition:transform .5s var(--ease-out,ease);display:block}.df-hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.df-turnstile{z-index:50;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.df-stage{flex:1;place-items:center;padding:56px clamp(20px,6vw,72px) 96px;display:grid}.df-container .df-stage{padding:44px clamp(18px,5%,48px) 72px}.df-step{width:100%;max-width:680px}.df-center{text-align:left}.df-in-forward{animation:.52s cubic-bezier(.22,1,.36,1) both df-in-up}.df-in-back{animation:.52s cubic-bezier(.22,1,.36,1) both df-in-down}@keyframes df-in-up{0%{opacity:0;transform:translateY(48px)}}@keyframes df-in-down{0%{opacity:0;transform:translateY(-48px)}}.df-q-head{align-items:baseline;gap:10px;display:flex}.df-num{color:var(--df-primary);flex:none;align-items:center;gap:4px;font-size:.95rem;font-weight:600;display:inline-flex;transform:translateY(-2px)}.df-title{letter-spacing:-.015em;text-wrap:balance;font-size:clamp(1.4rem,3.2vw,2rem);font-weight:600;line-height:1.22}.df-title-xl{letter-spacing:-.025em;font-size:clamp(1.8rem,5vw,2.9rem);line-height:1.1}.df-container .df-title{font-size:clamp(1.2rem,2.4vw,1.6rem)}.df-container .df-title-xl{font-size:clamp(1.5rem,3vw,2.1rem)}.df-req{color:var(--df-primary)}.df-placeholder{opacity:.4}.df-desc{color:var(--df-soft);max-width:60ch;margin-top:10px;font-size:1.1rem}.df-q>.df-desc{padding-left:0}.df-sub{color:var(--df-soft);font-size:.9rem}.df-input{border:0;border-bottom:2px solid var(--df-line);width:100%;color:var(--df-primary);background:0 0;border-radius:0;margin-top:28px;padding:8px 0 10px;font-family:inherit;font-size:clamp(1.25rem,2.6vw,1.75rem);transition:border-color .16s;display:block}.df-container .df-input{font-size:1.25rem}.df-input::placeholder{color:color-mix(in oklab, var(--df-primary) 40%, var(--df-bg))}.df-input:focus{border-bottom-color:var(--df-primary);outline:none}.df-textarea{resize:none;line-height:1.4;overflow-y:auto}.df-choices{gap:10px;max-width:460px;margin-top:28px;display:grid}.df-row{grid-template-columns:repeat(2,minmax(0,1fr));max-width:340px}.df-choice{border:1px solid var(--df-line);background:var(--df-wash);min-height:54px;color:var(--df-text);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:10px 14px 10px 10px;font-size:1.05rem;transition:background-color .14s,border-color .14s,transform .14s;display:flex}.df-choice:hover{background:color-mix(in oklab, var(--df-primary) 18%, var(--df-bg))}.df-choice:active{transform:scale(.99)}.df-choice.is-on{border-color:var(--df-primary);box-shadow:inset 0 0 0 1px var(--df-primary)}.df-choice.is-flash{animation:.3s steps(2,jump-none) 2 df-blink}@keyframes df-blink{50%{background:color-mix(in oklab, var(--df-primary) 30%, var(--df-bg))}}.df-key{border:1px solid var(--df-line);background:var(--df-bg);width:26px;height:26px;color:var(--df-primary);border-radius:6px;flex:none;place-items:center;font-size:.8rem;font-weight:700;display:inline-grid}.df-choice.is-on .df-key{background:var(--df-primary);border-color:var(--df-primary);color:var(--df-bg)}.df-choice-label{flex:1}.df-tick{color:var(--df-primary);opacity:0;transition:opacity .14s}.df-choice.is-on .df-tick{opacity:1}.df-dropdown{position:relative}.df-options{border:1px solid var(--df-line);background:var(--df-bg);border-radius:10px;max-height:240px;margin:8px 0 0;padding:6px;list-style:none;overflow:auto;box-shadow:0 18px 40px -20px #00000059}.df-option{cursor:pointer;border-radius:7px;padding:10px 12px}.df-option.is-active,.df-option:hover{background:var(--df-wash)}.df-option.is-on{color:var(--df-primary);font-weight:600}.df-option.is-empty{color:var(--df-soft);cursor:default}.df-scale-wrap{max-width:600px;margin-top:28px}.df-scale{gap:6px;display:grid}.df-scale-btn{border:1px solid var(--df-line);background:var(--df-wash);cursor:pointer;border-radius:8px;min-height:52px;font-size:1.05rem;font-weight:600;transition:background-color .14s,color .14s,transform .16s cubic-bezier(.34,1.56,.64,1)}.df-scale-btn:hover{background:color-mix(in oklab, var(--df-primary) 18%, var(--df-bg))}.df-scale-btn.is-on{background:var(--df-primary);color:var(--df-bg);border-color:var(--df-primary);transform:translateY(-3px)}.df-scale-labels{color:var(--df-soft);justify-content:space-between;margin-top:8px;font-size:.9rem;display:flex}@media (width<=520px){.df-scale{grid-template-columns:repeat(6,minmax(0,1fr))!important}}.df-rating{gap:6px;margin-top:24px;display:flex}.df-star{color:var(--df-line);cursor:pointer;background:0 0;border:0;padding:2px;transition:color .12s,transform .2s cubic-bezier(.34,1.56,.64,1)}.df-star.is-on{color:var(--df-primary)}.df-star:hover{transform:scale(1.12)}.df-drop{border:1.5px dashed var(--df-line);background:var(--df-wash);color:var(--df-primary);text-align:center;cursor:pointer;border-radius:14px;justify-items:center;gap:6px;margin-top:28px;padding:32px 20px;transition:border-color .14s,background-color .14s;display:grid}.df-drop strong{color:var(--df-text);word-break:break-word;font-weight:600}.df-drop.is-drag,.df-drop:hover{border-color:var(--df-primary)}.df-drop.is-done{border-style:solid}.df-drop:focus-within{outline:3px solid var(--df-primary);outline-offset:2px}.df-error{min-height:34px;margin-top:14px}.df-error span{color:#8a3b00;background:#fff1e0;border-radius:6px;padding:5px 10px;font-size:.92rem;animation:.36s df-shake;display:inline-block}@keyframes df-shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.df-actions{align-items:center;gap:14px;margin-top:6px;display:flex}.df-center .df-actions{margin-top:28px}.df-ok{background:var(--df-primary);min-height:48px;color:var(--df-bg);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:1.05rem;font-weight:600;transition:filter .14s,transform .14s;display:inline-flex}.df-ok:hover{filter:brightness(1.08)}.df-ok:active{transform:translateY(1px)}.df-ok[disabled]{opacity:.6;cursor:progress}.df-hint{color:var(--df-soft);font-size:.85rem}.df-hint kbd{font-family:inherit;font-weight:700}@media (hover:none){.df-hint{display:none}}.df-ending .df-check{color:var(--df-primary);margin-bottom:20px}.df-ending .df-check circle{stroke-dasharray:160;stroke-dashoffset:160px;animation:.7s cubic-bezier(.65,0,.35,1) forwards df-draw}.df-ending .df-check path{stroke-dasharray:40;stroke-dashoffset:40px;animation:.42s cubic-bezier(.65,0,.35,1) .52s forwards df-draw}@keyframes df-draw{to{stroke-dashoffset:0}}.df-link{color:var(--df-primary);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:24px;padding:0;font-weight:600;text-decoration:underline}.df-nav{align-items:center;gap:2px;display:flex;position:absolute;bottom:16px;right:16px}.df-nav button{background:var(--df-primary);width:38px;height:36px;color:var(--df-bg);cursor:pointer;border:0;place-items:center;display:grid}.df-nav button:first-child{border-radius:8px 0 0 8px}.df-nav button:nth-child(2){border-radius:0 8px 8px 0}.df-nav button[disabled]{opacity:.45;cursor:default}.df-brand{background:var(--df-wash);border-radius:8px;margin-left:10px;padding:8px 12px;font-size:.82rem;font-weight:600;text-decoration:none}@media (width<=560px){.df-choices,.df-row{max-width:none}.df-viewport .df-stage{align-items:start;padding-top:72px}.df-viewport .df-actions .df-ok{justify-content:center;width:100%}}
