.input-field{flex-direction:column;gap:6px;display:flex}.input-field__label{font-family:var(--font-mono),monospace;font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);font-weight:500}.input-field__wrap{background:0 0;padding:0 0 1px;position:relative;overflow:hidden}.input-field__wrap:before{content:"";z-index:0;border-radius:var(--input-radius);border:1px solid color-mix(in srgb, var(--color-text-muted) 50%, transparent);pointer-events:none;transition:border-color .3s;position:absolute;inset:0}.input-field__input{z-index:1;width:100%;font-family:var(--font-secondary),sans-serif;color:var(--color-text-primary);background:color-mix(in srgb, var(--color-bg-deep) 60%, transparent);border-radius:var(--input-radius);transition:background var(--transition-fast);border:none;outline:none;padding:12px 14px;font-size:16px;line-height:1.5;position:relative}.input-field__input::placeholder{color:var(--color-text-placeholder)}.input-field__input:-webkit-autofill{-webkit-text-fill-color:var(--color-text-primary);-webkit-box-shadow:0 0 0 1000px var(--color-bg-deep) inset;box-shadow:0 0 0 1000px var(--color-bg-deep) inset;caret-color:var(--color-text-primary);transition:background-color 5000s ease-in-out;background-color:var(--color-bg-deep)!important}.input-field__input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text-primary);-webkit-box-shadow:0 0 0 1000px var(--color-bg-deep) inset;box-shadow:0 0 0 1000px var(--color-bg-deep) inset;caret-color:var(--color-text-primary);transition:background-color 5000s ease-in-out;background-color:var(--color-bg-deep)!important}.input-field__input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text-primary);-webkit-box-shadow:0 0 0 1000px var(--color-bg-deep) inset;box-shadow:0 0 0 1000px var(--color-bg-deep) inset;caret-color:var(--color-text-primary);transition:background-color 5000s ease-in-out;background-color:var(--color-bg-deep)!important}.input-field__input:-webkit-autofill:active{-webkit-text-fill-color:var(--color-text-primary);-webkit-box-shadow:0 0 0 1000px var(--color-bg-deep) inset;box-shadow:0 0 0 1000px var(--color-bg-deep) inset;caret-color:var(--color-text-primary);transition:background-color 5000s ease-in-out;background-color:var(--color-bg-deep)!important}.input-field__input:focus{background:color-mix(in srgb, var(--color-bg-deep) 80%, transparent)}.input-field__wrap:has(.input-field__input:focus):before{border-color:var(--color-brand-low)}.input-field__wrap:has(.input-field__input:not(:placeholder-shown):valid):before{border-color:var(--color-state-success)}.input-field__wrap--error:before,.input-field__wrap.is-shake:before{border-color:var(--color-state-danger)!important}.input-field__error{font-family:var(--font-mono),monospace;font-size:var(--text-xs);color:var(--color-state-danger)}
.textarea-field{flex-direction:column;gap:6px;display:flex}.textarea-field__label{font-family:var(--font-mono),monospace;font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);font-weight:500}.textarea-field__wrap{background:0 0;padding:0 0 1px;position:relative;overflow:hidden}.textarea-field__wrap:before{content:"";z-index:0;border-radius:var(--input-radius);border:1px solid color-mix(in srgb, var(--color-text-muted) 50%, transparent);pointer-events:none;transition:border-color .3s;position:absolute;inset:0}.textarea-field__input{z-index:1;width:100%;min-height:120px;font-family:var(--font-secondary),sans-serif;color:var(--color-text-primary);background:color-mix(in srgb, var(--color-bg-deep) 60%, transparent);border-radius:var(--input-radius);resize:vertical;transition:background var(--transition-fast);border:none;outline:none;padding:12px 14px;font-size:16px;line-height:1.5;position:relative}.textarea-field__input::placeholder{color:var(--color-text-placeholder)}.textarea-field__input:focus{background:color-mix(in srgb, var(--color-bg-deep) 80%, transparent)}.textarea-field__wrap:has(.textarea-field__input:focus):before{border-color:var(--color-brand-low)}.textarea-field__wrap:has(.textarea-field__input:not(:placeholder-shown):valid):before{border-color:var(--color-state-success)}.textarea-field__wrap--error:before,.textarea-field__wrap.is-shake:before{border-color:var(--color-state-danger)!important}.textarea-field__error{font-family:var(--font-mono),monospace;font-size:var(--text-xs);color:var(--color-state-danger)}
.select-field{flex-direction:column;gap:6px;display:flex}.select-field__label{font-family:var(--font-mono),monospace;font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);font-weight:500}.select-field__wrap{background:0 0;padding:0 0 1px;position:relative;overflow:hidden}.select-field__wrap:before{content:"";z-index:0;border-radius:var(--input-radius);border:1px solid color-mix(in srgb, var(--color-text-muted) 50%, transparent);pointer-events:none;transition:border-color .3s;position:absolute;inset:0}.select-field__input{z-index:1;width:100%;font-family:var(--font-secondary),sans-serif;color:var(--color-text-primary);background:color-mix(in srgb, var(--color-bg-deep) 60%, transparent);border-radius:var(--input-radius);appearance:none;cursor:pointer;transition:background var(--transition-fast);border:none;outline:none;padding:12px 36px 12px 14px;font-size:16px;line-height:1.5;position:relative}.select-field__input:invalid,.select-field__input[data-empty=true]{color:var(--color-text-placeholder)}.select-field__input:focus{background:color-mix(in srgb, var(--color-bg-deep) 80%, transparent)}.select-field__input:-webkit-autofill{-webkit-text-fill-color:var(--color-text-primary);-webkit-box-shadow:0 0 0 1000px var(--color-bg-deep) inset;box-shadow:0 0 0 1000px var(--color-bg-deep) inset;caret-color:var(--color-text-primary);transition:background-color 5000s ease-in-out;background-color:var(--color-bg-deep)!important}.select-field__input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text-primary);-webkit-box-shadow:0 0 0 1000px var(--color-bg-deep) inset;box-shadow:0 0 0 1000px var(--color-bg-deep) inset;caret-color:var(--color-text-primary);transition:background-color 5000s ease-in-out;background-color:var(--color-bg-deep)!important}.select-field__input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text-primary);-webkit-box-shadow:0 0 0 1000px var(--color-bg-deep) inset;box-shadow:0 0 0 1000px var(--color-bg-deep) inset;caret-color:var(--color-text-primary);transition:background-color 5000s ease-in-out;background-color:var(--color-bg-deep)!important}.select-field__input:-webkit-autofill:active{-webkit-text-fill-color:var(--color-text-primary);-webkit-box-shadow:0 0 0 1000px var(--color-bg-deep) inset;box-shadow:0 0 0 1000px var(--color-bg-deep) inset;caret-color:var(--color-text-primary);transition:background-color 5000s ease-in-out;background-color:var(--color-bg-deep)!important}.select-field__wrap:has(.select-field__input:focus):before{border-color:var(--color-brand-low)}.select-field__wrap:has(.select-field__input:valid:not([data-empty=true])):before{border-color:var(--color-state-success)}.select-field__wrap--error:before,.select-field__wrap.is-shake:before{border-color:var(--color-state-danger)!important}.select-field__chevron{z-index:2;color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.select-field__error{font-family:var(--font-mono),monospace;font-size:var(--text-xs);color:var(--color-state-danger)}