.qf-field{position:relative}.qf-control{border:0;border-bottom:1px solid var(--color-line-strong);width:100%;height:58px;color:var(--color-fg);font:inherit;letter-spacing:-.01em;appearance:none;transition:border-color .4s var(--ease-house);background:0 0;border-radius:0;outline:none;padding:24px 0 8px;font-size:16px;display:block}.qf-control:hover{border-bottom-color:#ffffff3d}textarea.qf-control{resize:none;field-sizing:content;height:auto;min-height:104px;max-height:260px;padding-top:28px}.qf-control::placeholder{color:#0000}.qf-label{color:var(--color-muted);letter-spacing:-.01em;pointer-events:none;transform-origin:0;transition:transform .5s var(--ease-house-in-out), color .5s var(--ease-house);white-space:nowrap;font-size:16px;position:absolute;top:22px;left:0}:is(.qf-control:focus+.qf-label,.qf-control:not(:placeholder-shown)+.qf-label,.qf-control:autofill+.qf-label){transform:translateY(-17px)scale(.76)}.qf-control:focus+.qf-label{color:var(--color-fg)}.qf-underline{background:var(--color-fg);transform-origin:0;width:100%;height:1px;transition:transform .6s var(--ease-house-in-out), background-color .4s var(--ease-house);pointer-events:none;position:absolute;bottom:0;left:0;transform:scaleX(0)}.qf-control:focus~.qf-underline{transform:scaleX(1)}.qf-control[aria-invalid=true]~.qf-underline{background:var(--color-accent);transform:scaleX(1)}:-webkit-any(.qf-control:autofill,.qf-control:-webkit-autofill){-webkit-text-fill-color:var(--color-fg);caret-color:var(--color-fg);box-shadow:inset 0 0 0 1000px var(--color-surface);transition:background-color 999999s step-end}:is(.qf-control:autofill,.qf-control:autofill){-webkit-text-fill-color:var(--color-fg);caret-color:var(--color-fg);box-shadow:inset 0 0 0 1000px var(--color-surface);transition:background-color 999999s step-end}.qf-error{height:1.45em;margin-top:6px;font-size:13px;line-height:1.45;overflow:hidden}.qf-error-inner{color:color-mix(in oklab, var(--color-accent) 70%, white);animation:qf-roll-in .45s var(--ease-house-in-out) both;display:block}@keyframes qf-roll-in{0%{transform:translateY(110%)}to{transform:translateY(0)}}.qf-chip-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.qf-chip{height:42px;box-shadow:inset 0 0 0 1px var(--color-line-strong);color:var(--color-muted);letter-spacing:-.01em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .5s var(--ease-house), color .5s var(--ease-house), box-shadow .5s var(--ease-house);border-radius:999px;align-items:center;padding:0 18px;font-size:14px;font-weight:500;display:inline-flex}.qf-chip:hover{color:var(--color-fg);box-shadow:inset 0 0 0 1px #ffffff42}.qf-chip-input:checked+.qf-chip{background:var(--color-fg);color:var(--color-bg);box-shadow:inset 0 0 0 1px var(--color-fg)}.qf-chip-input:focus-visible+.qf-chip,.qf-chip-input:focus-visible+.qf-service{outline:2px solid var(--color-accent);outline-offset:3px}.qf-service{height:100%;box-shadow:inset 0 0 0 1px var(--color-line);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .5s var(--ease-house), box-shadow .5s var(--ease-house);background:#ffffff03;border-radius:14px;flex-direction:column;gap:3px;padding:14px 44px 14px 16px;display:flex;position:relative}.qf-service:hover{box-shadow:inset 0 0 0 1px var(--color-line-strong)}.qf-chip-input:checked+.qf-service{background:var(--color-raised);box-shadow:inset 0 0 0 1px #ffffff52}.qf-mark{width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--color-line-strong);color:var(--color-bg);transition:background-color .45s var(--ease-house), box-shadow .45s var(--ease-house);border-radius:999px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.qf-mark svg{stroke-dasharray:16;stroke-dashoffset:16px;transition:stroke-dashoffset .45s var(--ease-house) 50ms}.qf-chip-input:checked+.qf-service .qf-mark{background:var(--color-fg);box-shadow:inset 0 0 0 1px var(--color-fg)}.qf-chip-input:checked+.qf-service .qf-mark svg{stroke-dashoffset:0}.qf-segment{background:var(--color-line);border-radius:2px;flex:1;height:2px;position:relative;overflow:hidden}.qf-segment:after{content:"";background:var(--color-fg);transform-origin:0;transition:transform .8s var(--ease-house-in-out);position:absolute;inset:0;transform:scaleX(0)}.qf-segment[data-on=true]:after{transform:scaleX(1)}.qf-segment[data-current=true]:after{background:linear-gradient(90deg, var(--color-fg) 60%, var(--color-accent))}@media (prefers-reduced-motion:reduce){.qf-error-inner{animation:none}}