:root{--white:#fff;--canvas:#f7f4ee;--canvas-alt:#ede8de;--navy-50:#eef3fa;--navy-100:#d2e0f0;--navy-500:#2c67a8;--navy-600:#1c4f87;--navy-700:#153d6a;--navy-800:#0e2b4e;--navy-900:#091b32;--amber-50:#fdf3ee;--amber-100:#fae1d2;--amber-400:#f28050;--amber-500:#e55a2b;--amber-600:#cc4d22;--gray-50:#f9f8f6;--gray-100:#f1ede6;--gray-200:#e4ddd4;--gray-300:#c9c0b5;--gray-400:#9c9088;--gray-500:#706860;--gray-600:#4d4540;--gray-700:#332d28;--gray-800:#1e1916;--gray-900:#110d0a;--green-50:#edfaf3;--green-600:#1a7a43;--red-50:#fff0ee;--red-600:#d93025;--surface:var(--white);--surface-subtle:var(--canvas);--surface-raised:var(--white);--surface-input:var(--white);--surface-dark:#0c1a2e;--ink:#0d1824;--ink-secondary:#4a5568;--ink-muted:#9c9088;--ink-on-accent:var(--white);--ink-on-dark:hsla(0,0%,100%,.75);--ink-on-dark-muted:hsla(0,0%,100%,.38);--accent:var(--amber-500);--accent-hover:var(--amber-600);--accent-pale:var(--amber-50);--brand:var(--navy-600);--brand-hover:var(--navy-700);--brand-pale:var(--navy-50);--border:#e4ddd4;--border-strong:#c9c0b5;--border-input:#c9c0b5;--border-focus:var(--navy-600);--success:var(--green-600);--success-pale:var(--green-50);--danger:var(--red-600);--danger-pale:var(--red-50);--cat-finance:#0b5394;--cat-finance-pale:#e8f1fa;--cat-general:#6b2fa0;--cat-general-pale:#f2eefa;--cat-date:#006e90;--cat-date-pale:#e4f3f8;--cat-health:#1a7a43;--cat-health-pale:#e8f5ee;--cat-word:#a34500;--cat-word-pale:#fbf0e8;--font-display:"Bricolage Grotesque",system-ui,sans-serif;--font-heading:"Bricolage Grotesque",system-ui,sans-serif;--font-body:"DM Sans",system-ui,-apple-system,sans-serif;--font-mono:ui-monospace,"Cascadia Code",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--lh-tight:1.15;--lh-snug:1.3;--lh-normal:1.5;--lh-relaxed:1.65;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.25rem;--s-6:1.5rem;--s-8:2rem;--s-10:2.5rem;--s-12:3rem;--s-16:4rem;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:20px;--r-3xl:28px;--r-pill:9999px;--shadow-xs:0 1px 2px 0 rgba(13,24,36,.04);--shadow-sm:0 2px 6px 0 rgba(13,24,36,.06);--shadow-md:0 6px 16px -2px rgba(13,24,36,.09),0 2px 4px -2px rgba(13,24,36,.04);--shadow-lg:0 16px 32px -4px rgba(13,24,36,.11),0 4px 8px -4px rgba(13,24,36,.05);--duration-fast:.15s;--duration-normal:.25s;--ease-smooth:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--container-max:1000px;--container-pad:var(--s-5)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{background:var(--surface-subtle);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{color:var(--ink);font-family:var(--font-heading);line-height:var(--lh-snug)}img,svg{display:block;max-width:100%}button,input,select,textarea{font-family:inherit;font-size:inherit}.container{margin-inline:auto;max-width:var(--container-max);padding-inline:var(--container-pad)}.field{display:flex;flex-direction:column;gap:var(--s-2)}.field__label{color:var(--ink-secondary);font-size:var(--text-sm);font-weight:var(--fw-semibold);letter-spacing:.01em}.field__input{background:var(--surface-input);border:1.5px solid var(--border-input);border-radius:var(--r-md);color:var(--ink);font-size:var(--text-base);padding:var(--s-3) var(--s-4);transition:border-color var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth);width:100%}.field__input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #1c4f872e;outline:none}.btn{align-items:center;background:var(--accent);border:none;border-radius:var(--r-md);color:var(--ink-on-accent);cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:var(--fw-semibold);gap:var(--s-2);justify-content:center;letter-spacing:.01em;padding:var(--s-3) var(--s-6);transition:background var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-smooth)}.btn:hover{background:var(--accent-hover);box-shadow:0 4px 12px #e55a2b4d}.btn:active{box-shadow:none;transform:scale(.97)}.btn:focus-visible{outline:3px solid var(--border-focus);outline-offset:3px}.result-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);padding:var(--s-6)}.result-row{align-items:center;border-bottom:1px solid var(--border);display:flex;font-size:var(--text-base);justify-content:space-between;padding-block:var(--s-3)}.result-row:last-child{border-bottom:none}.result-row--total{font-size:var(--text-lg);font-weight:var(--fw-bold)}.result-row__label{color:var(--ink-secondary)}.result-row__value{color:var(--ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.result-row--total .result-row__value{color:var(--brand);font-family:var(--font-heading);font-size:var(--text-xl)}.input-prefix-wrap{position:relative}.input-prefix{color:var(--ink-secondary);font-weight:var(--fw-medium);left:var(--s-4);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-prefix-wrap__input{padding-left:calc(var(--s-4) + 14px)}.input-suffix-wrap{position:relative}.input-suffix{color:var(--ink-secondary);font-weight:var(--fw-medium);pointer-events:none;position:absolute;right:var(--s-4);top:50%;transform:translateY(-50%)}.input-suffix-wrap__input{padding-right:calc(var(--s-4) + 16px)}