:root{--color-text: light-dark(#2d3748, #e2e8f0);--color-text-light: light-dark(#4a5568, #a0aec0);--color-background: light-dark(#f7fafc, #02111d);--color-primary: light-dark(#3182ce, #63b3ed);--color-primary-light: light-dark(#4299e1, #90cdf4);--color-accent: light-dark(#805ad5, #b794f4);--color-border: light-dark(#e2e8f0, #2d3748);--color-header: light-dark( #2563eb, #4299e1 );--color-currency: light-dark(#059669, #48bb78);--color-number: light-dark(#7c3aed, #9f7aea);--color-total: light-dark(#006400, #48bb78);--color-variable: light-dark( #2765ea, );--color-primary-hue: 218;--color-primary-saturation: 100%;--color-primary-lightness: 92%;--color-primary-alpha: 1;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-text);line-height:1.6;font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;font-size:1rem;line-height:1.6;font-weight:400}h1,h2,h3,h4,h5,h6{line-height:1.2;color:var(--color-text);margin-bottom:var(--space-3);font-weight:600}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--space-3);max-width:70ch}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-light);text-decoration:underline}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary);color:#fff}code,pre{font-family:var(--font-mono);font-size:.9em;background-color:var(--color-border);border-radius:4px}code{padding:.2em .4em}pre{padding:var(--space-3);overflow-x:auto}ul,ol{padding-left:var(--space-4);margin-bottom:var(--space-3)}li{margin-bottom:var(--space-1)}img{max-width:100%;height:auto;display:block}@media (max-width: 640px){html{font-size:14px}}@media (min-width: 1280px){html{font-size:18px}}button{background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;padding:var(--space-2) var(--space-3);font-weight:500;cursor:pointer;transition:all .2s ease,transform .1s ease;height:24px;display:flex;align-items:center;justify-content:center}button:hover{background-color:hsla(var(--color-primary-hue),var(--color-primary-saturation),calc(var(--color-primary-lightness) - 10%),calc(var(--color-primary-alpha) - .1));--un-scale-x:1.01;--un-scale-y:1.01;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-color:var(--color-primary)}button:active{transform:translateY(1px)}button:disabled{background-color:var(--color-border);color:var(--color-text-light);cursor:not-allowed}
