: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{font-size:var(--Font-Size-SM);padding:var(--Spacing-2) var(--Spacing-3)}.input-wrapper__label{color:var(--Color-Text);font-size:var(--Font-Size-SM);font-weight:var(--Font-Weight-Semibold)}.input-container{align-items:stretch;display:flex;position:relative}.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{color:var(--Color-Text);font-size:var(--Font-Size-Base);font-weight:var(--Font-Weight-Semibold);opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.input-prefix{left:var(--Spacing-4)}.input-suffix{right:var(--Spacing-4)}.input{background-color:#fff;border:2px solid var(--Color-Text);border-radius:.5rem;box-shadow:var(--Shadow-Brutal-Inset),var(--Shadow-Brutal-Base);color:var(--Color-Text);display:block;font-family:var(--Font-Family-Base);font-size:var(--Font-Size-Base);line-height:1.5;padding:var(--Spacing-3) var(--Spacing-4);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.input::-moz-placeholder{color:#666}.input::placeholder{color:#666}.input:focus{border-color:var(--Color-Accent);box-shadow:var(--Shadow-Brutal-Inset),var(--Shadow-Brutal-Base),0 0 0 3px #efaf0733;outline:none}.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}