.input-wrapper{position:relative;display:block;border-radius:var(--radius-md)}.input{width:100%;padding:14px 16px;font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-ui);color:var(--text-primary);background-color:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--transition-hover),box-shadow var(--transition-hover)}.input::placeholder{color:var(--text-muted)}.input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary-muted)}.input-wrapper .focus-ring{position:absolute;inset:calc(-1 * var(--focus-ring-offset));pointer-events:none;opacity:0;transition:opacity .2s ease;overflow:visible}.input-wrapper .focus-ring svg{width:100%;height:100%;overflow:visible}.input-wrapper .focus-ring rect{fill:none;stroke:var(--accent-primary);stroke-width:var(--focus-ring-width);stroke-dasharray:var(--focus-dash-length) var(--focus-gap-length);stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px var(--accent-primary-glow))}.input-wrapper:focus-within .focus-ring{opacity:1}.input-wrapper:focus-within .focus-ring rect{animation:marchingAnts var(--focus-animation-duration) linear infinite}.input:hover:not(:focus){border-color:rgba(255,255,255,.2)}.input-error .input,.input-error .input:focus{border-color:var(--semantic-error)}.input-error .input:focus{box-shadow:0 0 0 1px var(--semantic-error-muted)}.input-error .focus-ring rect{stroke:var(--semantic-error);filter:drop-shadow(0 0 4px var(--semantic-error-muted))}@media (prefers-reduced-motion:reduce){.input{transition-duration:.1s}.input-wrapper .focus-ring rect{animation:none;stroke-dasharray:none}}.reduced-motion .input{transition-duration:.1s}.reduced-motion .input-wrapper .focus-ring rect{animation:none;stroke-dasharray:none}