.logo{width:auto;height:44px;display:block}@media (width<=640px){.logo{height:40px}}.tf{--tf-h:52px;--tf-edge:var(--field-edge);--tf-bg:transparent;--tf-radius:var(--radius-md);--tf-label-scale:.85;--tf-notch-h:11px;gap:var(--space-1);text-align:left;flex-direction:column;display:flex}.tf__control{height:var(--tf-h);align-items:center;display:flex;position:relative}.tf--multiline .tf__control{align-items:stretch;height:auto}.tf__input{width:100%;height:100%;padding:0 var(--space-4);border-radius:var(--tf-radius);background:var(--tf-bg);color:var(--color-ink);font:inherit;font-size:var(--text-body);border:0;position:relative}.tf--multiline .tf__input{padding:var(--space-4);line-height:var(--leading-normal);resize:vertical}.tf__input:focus{outline:none}.tf__input::placeholder{color:#0000}.tf__input:focus::placeholder{color:var(--color-ink-muted)}.tf__label{left:var(--space-4);z-index:1;transform-origin:0;max-width:calc(100% - var(--space-8));white-space:nowrap;text-overflow:ellipsis;color:var(--color-ink-muted);font-size:var(--text-body);pointer-events:none;transition:transform var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.tf--multiline .tf__label{top:calc(var(--space-4) + .5em)}.tf__input:focus~.tf__label,.tf__input:not(:placeholder-shown)~.tf__label{transform:translateY(calc(-50% - var(--tf-h) / 2)) scale(var(--tf-label-scale))}.tf--multiline .tf__input:focus~.tf__label,.tf--multiline .tf__input:not(:placeholder-shown)~.tf__label{transform:translateY(calc(-50% - var(--space-4) - .5em)) scale(var(--tf-label-scale))}.tf__input:focus~.tf__label{color:var(--color-primary)}.tf__outline{inset:calc(var(--tf-notch-h,11px) / -2) 0 0;padding:0 var(--space-3);border:1px solid var(--tf-edge);border-radius:var(--tf-radius);pointer-events:none;transition:border-color var(--duration-fast) var(--ease-standard), border-width var(--duration-fast) var(--ease-standard);margin:0;position:absolute}.tf__notch{width:auto;max-width:.01px;height:var(--tf-notch-h,11px);font-size:calc(var(--text-body) * var(--tf-label-scale));visibility:hidden;transition:max-width var(--duration-fast) var(--ease-standard);padding:0;display:block}.tf__notch span{padding:0 var(--space-1);white-space:nowrap;display:inline-block}.tf__input:focus~.tf__outline .tf__notch,.tf__input:not(:placeholder-shown)~.tf__outline .tf__notch{max-width:100%}.tf__control:hover .tf__input:not(:disabled):not(:focus)~.tf__outline{border-color:var(--field-edge-hover)}.tf__input:focus~.tf__outline{border-width:2px;border-color:var(--field-edge-focus)}.tf__control.is-invalid .tf__outline{border-width:2px;border-color:var(--field-edge-error)}.tf__control.is-invalid .tf__label,.tf__control.is-invalid .tf__input:focus~.tf__label{color:var(--color-text-danger)}.tf__control.is-invalid:hover .tf__input:not(:disabled):not(:focus)~.tf__outline{border-color:var(--field-edge-error)}.tf__input:disabled{color:var(--color-ink-muted);cursor:not-allowed}.tf__input:disabled~.tf__label{color:var(--color-ink-muted);opacity:.6}.tf__input:disabled~.tf__outline{border-color:var(--color-border)}.tf__prefix,.tf__trailing{z-index:2;color:var(--color-ink-muted);align-items:center;display:inline-flex;position:absolute}.tf__prefix{left:var(--space-4);opacity:0;transition:opacity var(--duration-fast) var(--ease-standard)}:is(.tf__control:has(.tf__input:focus) .tf__prefix,.tf__control:has(.tf__input:not(:placeholder-shown)) .tf__prefix){opacity:1}.tf__trailing{right:var(--space-2)}.tf__control:has(.tf__prefix) .tf__input{padding-left:var(--space-10)}.tf__control:has(.tf__trailing) .tf__input{padding-right:var(--space-12)}.tf__note{align-items:center;gap:var(--space-1);color:var(--color-ink-muted);font-size:var(--text-xs);line-height:var(--leading-snug);margin:0;padding:0;display:flex}.tf__note--error{color:var(--color-text-danger);font-weight:var(--weight-medium)}.tf__note svg{flex-shrink:0}@media (prefers-reduced-motion:reduce){.tf__label,.tf__outline,.tf__notch,.tf__prefix{transition:none}}