:root{--Color-Accent:#efaf07;--Color-BG:#f9f0e3;--Color-Text:#000;--Color-White:#fff;--Font-Family-Base:"Poppins",sans-serif;--Font-Family-Mono:"JetBrains Mono","Fira Code",monospace;--Font-Size-XS:.75rem;--Font-Size-SM:.875rem;--Font-Size-Base:1rem;--Font-Size-LG:1.125rem;--Font-Size-XL:1.25rem;--Font-Size-2XL:1.5rem;--Font-Size-3XL:1.875rem;--Font-Size-4XL:2.25rem;--Font-Size-5XL:3rem;--Font-Weight-Normal:400;--Font-Weight-Medium:500;--Font-Weight-Semibold:600;--Font-Weight-Bold:700;--Font-Weight-Extrabold:800;--Spacing-0:0;--Spacing-1:.25rem;--Spacing-2:.5rem;--Spacing-3:.75rem;--Spacing-4:1rem;--Spacing-5:1.25rem;--Spacing-6:1.5rem;--Spacing-8:2rem;--Spacing-10:2.5rem;--Spacing-12:3rem;--Spacing-16:4rem;--Spacing-20:5rem;--Spacing-24:6rem;--Shadow-Brutal-SM:2px 2px 0 0 #000;--Shadow-Brutal-Base:4px 4px 0 0 #000;--Shadow-Brutal-LG:6px 6px 0 0 #000;--Shadow-Brutal-XL:8px 8px 0 0 #000;--Shadow-Brutal-Inset:inset 2px 2px 0 0 rgba(0,0,0,.1);--Color-Success-BG:#dcfce7;--Color-Success-Text:#166534;--Color-Success-Border:#22c55e;--Color-Error-BG:#fee2e2;--Color-Error-Text:#991b1b;--Color-Error-Border:#ef4444;--Color-Warning-BG:#fef3c7;--Color-Warning-Text:#92400e;--Color-Warning-Border:#f59e0b;--Color-Info-BG:#dbeafe;--Color-Info-Text:#1e40af;--Color-Info-Border:#3b82f6}.input-wrapper{display:flex;flex-direction:column;gap:var(--Spacing-2);margin-bottom:4px}.input-wrapper--sm .input-wrapper__label{font-size:var(--Font-Size-XS)}.input-wrapper--sm .input{padding:var(--Spacing-2) var(--Spacing-3);font-size:var(--Font-Size-SM)}.input-wrapper__label{color:var(--Color-Text);font-size:var(--Font-Size-SM);font-weight:var(--Font-Weight-Semibold)}.input-container{position:relative;display:flex;align-items:stretch}.input-container.--has-prefix .input{padding-left:calc(var(--Spacing-4) + 1.25rem)}.input-container.--has-suffix .input{padding-right:calc(var(--Spacing-4) + 2rem)}.input-prefix,.input-suffix{position:absolute;top:50%;transform:translateY(-50%);color:var(--Color-Text);font-size:var(--Font-Size-Base);font-weight:var(--Font-Weight-Semibold);pointer-events:none;opacity:.5;z-index:1}.input-prefix{left:var(--Spacing-4)}.input-suffix{right:var(--Spacing-4)}.input{display:block;width:100%;padding:var(--Spacing-3) var(--Spacing-4);border:2px solid var(--Color-Text);border-radius:.5rem;background-color:#fff;box-shadow:var(--Shadow-Brutal-Inset),var(--Shadow-Brutal-Base);color:var(--Color-Text);font-size:var(--Font-Size-Base);font-family:var(--Font-Family-Base);line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.input::-moz-placeholder{color:#666}.input::placeholder{color:#666}.input:focus{outline:none;border-color:var(--Color-Accent);box-shadow:var(--Shadow-Brutal-Inset),var(--Shadow-Brutal-Base),0 0 0 3px #efaf0733}.input:disabled{background-color:#e5e5e5;cursor:not-allowed;opacity:.6}.input--error,.input--error:focus{border-color:#ef4444}.input--error:focus{box-shadow:var(--Shadow-Brutal-Inset),var(--Shadow-Brutal-Base),0 0 0 3px #ef444433}.input-wrapper__subline{margin-top:var(--Spacing-1)}.input-wrapper__hint{color:var(--Color-Text);font-size:var(--Font-Size-XS);margin:var(--Spacing-1) 0 0 0;opacity:.6}.input-wrapper__error{color:#ef4444;font-size:var(--Font-Size-SM);margin:0}