:root{--teal-50:#f0fdfa;--teal-400:#2dd4bf;--teal-600:#0d9488;--teal-700:#0f766e;--teal-900:#134e4a;--violet-50:#f5f3ff;--violet-400:#a78bfa;--violet-600:#7c3aed;--violet-700:#6d28d9;--violet-900:#4c1d95;--blue-50:#eff6ff;--blue-400:#60a5fa;--blue-600:#2563eb;--blue-900:#1e3a8a;--blue-950:#172554;--orange-500:#f97316;--amber-500:#f59e0b;--red-400:#f87171;--red-600:#dc2626;--slate-50:#f8fafc;--slate-200:#e2e8f0;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--color-surface:var(--slate-50);--color-text:var(--slate-900);--color-primary:var(--teal-700);--color-on-primary:var(--teal-50);--color-secondary:var(--violet-700);--color-on-secondary:var(--violet-50);--color-accent:var(--orange-500);--color-on-accent:var(--slate-900);--color-info:var(--blue-50);--color-on-info:var(--blue-900);--color-info-border:var(--blue-600);--color-warning:var(--amber-500);--color-on-warning:var(--slate-900);--color-danger:var(--red-600);--color-on-danger:var(--slate-50);--color-disabled-surface:var(--slate-200);--color-on-disabled:var(--slate-600);--color-disabled-border:var(--slate-500);--color-border:color-mix(in srgb, var(--color-text) 20%, transparent);--color-text-muted:color-mix(in srgb, var(--color-text) 65%, transparent);--color-text-accent:color-mix(in srgb, var(--color-text) 35%, var(--color-accent));--color-text-secondary:color-mix(in srgb, var(--color-text) 35%, var(--color-secondary));--color-primary-muted:color-mix(in srgb, var(--color-primary) 70%, transparent);--color-control-border:color-mix(in srgb, var(--color-text) 50%, transparent);--color-focus-ring:var(--color-text);--color-focus-ring-contrast:var(--color-surface);--focus-ring-width:2px;--focus-ring-offset:2px;--radius-sm:6px;--radius-md:8px;--space-xs:4px;--space-sm:8px;--space-md:12px;--control-min-height:38px;--control-border-width:1px;--unit-select-width:100px}:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset);box-shadow:0 0 0 calc(var(--focus-ring-width) + var(--focus-ring-offset)) var(--color-focus-ring-contrast)}@media (forced-colors:active){:focus-visible{outline-color:highlight}}@media (prefers-color-scheme:dark){:root{--color-surface:var(--slate-900);--color-text:var(--slate-50);--color-primary:var(--teal-600);--color-secondary:var(--violet-600);--color-info:var(--blue-950);--color-on-info:var(--blue-50);--color-info-border:var(--blue-400);--color-danger:var(--red-400);--color-disabled-surface:var(--slate-800);--color-on-disabled:var(--slate-400)}}*,:before,:after{box-sizing:border-box}*{margin:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background-color:var(--color-surface);min-height:100vh;color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:system-ui,sans-serif;line-height:1.5}img,picture,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}input,select{background-color:#0000;border:none}fieldset{border:none;min-inline-size:0;padding:0;display:flex}legend{padding-inline:0}h1,h2,h3{text-wrap:balance;line-height:1.2}p{text-wrap:pretty}button{cursor:pointer}hr{color:var(--color-control-border);border-style:solid;border-width:var(--control-border-width)}.sr-only:not(:focus):not(:active){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.card{background-color:var(--color-surface);box-shadow:0px 4px 16px 0px color-mix(in srgb, var(--color-primary) 46%, var(--color-surface));border-radius:12px;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}@media (forced-colors:active){.card{outline:var(--control-border-width) solid CanvasText}}.card__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.button{border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);background:var(--button-bg);min-width:16ch;color:var(--button-fg);border:var(--control-border-width) solid var(--button-border,var(--button-bg));transition:background-color .12s,border-color .12s,color .12s}.button:not(:disabled):hover{background:color-mix(in srgb, var(--button-bg) 82%, var(--color-text));border-color:color-mix(in srgb, var(--button-border,var(--button-bg)) 88%, var(--color-text))}.button:not(:disabled):active{background:color-mix(in srgb, var(--button-bg) 76%, var(--color-text))}.button[data-variant=primary]{--button-bg:var(--color-primary);--button-fg:var(--color-on-primary)}.button[data-variant=secondary]{--button-bg:var(--color-secondary);--button-fg:var(--color-on-secondary);--button-border:var(--color-secondary)}.button[data-variant=outline]{--button-bg:transparent;--button-fg:var(--color-primary);--button-border:var(--color-primary)}.button[data-variant=menu]{--button-bg:transparent;--button-fg:var(--color-primary);--button-border:var(--color-primary-muted);min-width:unset}.button[data-variant=menu]:not(:disabled):hover{background:color-mix(in srgb, var(--button-bg) 92%, var(--color-text));border-color:color-mix(in srgb, var(--button-border,var(--button-bg)) 94%, var(--color-text))}.button[data-variant=ghost]{--button-bg:transparent;--button-fg:var(--color-text);--button-border:transparent}.button[data-variant=ghost]:not(:disabled):hover{background:color-mix(in srgb, var(--color-primary) 65%, var(--color-surface));color:var(--color-on-primary)}@media (forced-colors:active){.button[data-variant=ghost]:not(:disabled):hover{outline:var(--focus-ring-width) solid Highlight;outline-offset:-2px}}.button[data-variant=ghost]:not(:disabled):active{background:var(--color-primary);color:var(--color-on-primary)}@media (forced-colors:active){.button[data-variant=ghost]:not(:disabled):active{border-radius:var(--radius-md);outline:var(--focus-ring-width) solid Highlight;color:highlight;outline-offset:-2px}}.button:disabled{--button-bg:var(--color-disabled-surface);--button-fg:var(--color-on-disabled);--button-border:var(--color-disabled-border);cursor:not-allowed}.fieldset{border-radius:var(--radius-md)}.fieldset__legend{text-transform:uppercase;letter-spacing:1px;color:var(--color-primary);margin-bottom:var(--space-xs);font-size:.7rem;font-weight:600}.fieldset__content{width:100%}.quantity-field{flex-direction:column;width:100%;display:flex}.quantity-field__wrapper{width:100%;display:flex}.quantity-field__input,.quantity-field__select{border:var(--control-border-width) solid var(--color-control-border);padding:var(--space-sm);min-height:var(--control-min-height);color:var(--color-text);background-color:#0000}.quantity-field__input{border-radius:var(--radius-sm) 0 0 var(--radius-sm);flex:1 1 0;min-width:3ch}.quantity-field__input::placeholder{color:var(--color-text-muted)}.quantity-field__select{border-radius:0 var(--radius-sm) var(--radius-sm) 0;min-width:max-content;width:var(--unit-select-width);appearance:base-select;border-left:none}.quantity-field__select optgroup{min-width:max-content;color:var(--color-primary);background-color:var(--color-surface);text-transform:uppercase;padding-block:.25lh;font-size:.7rem;font-weight:600}.quantity-field__select optgroup:not(:last-of-type){border-bottom:var(--control-border-width) solid var(--color-control-border)}.quantity-field__select option{background-color:var(--color-surface);color:var(--color-text);text-transform:initial;font-size:.9rem}.quantity-field__select option:first-of-type{border-top:var(--control-border-width) solid var(--color-control-border);margin-top:.25lh}.quantity-field__select option:hover,.quantity-field__select option:checked{background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-sm)}@media (forced-colors:active){.quantity-field__select option:hover,.quantity-field__select option:checked{outline:var(--focus-ring-width) solid Highlight;outline-offset:-2px;color:highlight}}.quantity-field__select option:hover{background:color-mix(in srgb, var(--color-primary) 65%, var(--color-surface))}@media (forced-colors:active){.quantity-field__select option:hover{color:unset}}.quantity-field__select::picker(select){appearance:base-select;border:var(--control-border-width) solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-xs)}.quantity-field__error{min-height:0}.quantity-field__error:not(:empty){color:var(--color-danger);flex-basis:100%;padding-block-start:var(--space-xs);font-size:.8rem}.calculators__form{flex-direction:column;gap:2rem;display:flex}.form__body{flex-direction:column;gap:1rem;display:flex}.form__submit{justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.submit__button,.reset__button{width:100%;min-width:unset}.result__header{margin-bottom:var(--space-md)}.result__wrapper{flex-direction:column;gap:.25rem;display:flex}.result__label{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary);margin-bottom:var(--space-xs);font-size:.7rem;font-weight:600}.result__warning{margin-block:var(--space-sm);border-radius:var(--radius-sm);background-color:var(--color-warning);color:var(--color-on-warning);padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.calculators__container{flex-direction:column;gap:1rem;display:flex}@media (width>=576px){.calculators__container{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}}@media (width>=992px){.calculators__container{grid-template-columns:repeat(3,minmax(0,1fr))}}.menu{display:inline-block;position:relative}.menu__panel{top:calc(100% + var(--space-xs));background-color:var(--color-surface);border:var(--control-border-width) solid var(--color-control-border);border-radius:var(--radius-sm);z-index:10;flex-direction:column;min-width:12ch;display:flex;position:absolute;right:0;overflow:hidden}.menu__item{all:unset;cursor:pointer;padding:var(--space-sm) var(--space-md);color:var(--color-text);white-space:nowrap}.menu__item:focus-visible{box-shadow:inset 0 0 0 var(--focus-ring-width) var(--color-focus-ring);outline:none}@media (forced-colors:active){.menu__item:focus-visible{outline:var(--focus-ring-width) solid Highlight;outline-offset:-2px}}.menu__item:hover,.menu__item:focus-visible{background-color:color-mix(in srgb, var(--color-primary) 12%, transparent)}.stocks__container{flex-direction:column;gap:1rem;display:flex}@media (width>=440px){.stocks__container{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}}@media (width>=992px){.stocks__container{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1600px){.stocks__container{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1800px){.stocks__container{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width>=2200px){.stocks__container{grid-template-columns:repeat(6,minmax(0,1fr))}}.stock__section{gap:var(--space-xs);flex-direction:column;display:flex}.stock__label{text-transform:uppercase;letter-spacing:1px;color:var(--color-primary);font-size:.7rem;font-weight:600}.stock__composition{gap:var(--space-xs);flex-direction:column;display:flex}.stock__row{gap:var(--space-md);flex-wrap:wrap;display:flex}.stock__box{flex:1;min-width:0}.stock__citation{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.stocks__error{padding:var(--space-md);border-radius:var(--radius-md);background-color:var(--color-danger);color:var(--color-on-danger)}.skeleton__bar{border-radius:var(--radius-sm);background-color:var(--color-disabled-surface);height:.9rem;animation:1.4s ease-in-out infinite skeleton-pulse}.skeleton__bar--title{width:50%;height:1.3rem}.skeleton__bar--label{width:40%;height:.6rem}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.layout{flex-direction:column;gap:1rem;width:100%;height:100dvh;padding:.5rem;display:flex}@media (width>=768px){.layout{flex-direction:row}}.nav{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:center;align-items:center;column-gap:1.5rem;display:flex}.nav a{color:var(--color-text-muted);text-transform:uppercase;padding:.5rem 0 .75rem;font-weight:600;text-decoration:none;position:relative}.nav a[aria-current=page]{color:var(--color-primary)}.nav a[aria-current=page]:after{content:"";inset-inline:0;background:currentColor;height:3px;position:absolute;bottom:-1px}@media (forced-colors:active){.nav a[aria-current=page]:after{background:highlight}}@media (width>=576px){.nav{justify-content:left}}@media (width>=768px){.nav{background-color:var(--teal-700);background-image:linear-gradient(148deg,#2b4d9c 18%,#57c7be 71%,#edb554 121%);border-bottom:0;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.5rem;min-width:max-content;padding:.5rem}.nav a{width:100%;color:var(--teal-50);text-align:center;border-radius:8px;padding:.5rem .75rem}.nav a[aria-current=page]{background-color:var(--teal-50);color:var(--teal-900);box-shadow:0 4px 16px #00000026}.nav a[aria-current=page]:after{display:none}@media (forced-colors:active){.nav a[aria-current=page]{color:highlight;text-decoration:underline}}}.main{width:100%}.info{border-radius:var(--radius-sm);border:1px solid var(--color-info-border);background-color:var(--color-info);color:var(--color-on-info);margin-bottom:var(--space-md);padding:2px 8px;font-size:.875rem;font-weight:600}.info:empty{border:0;margin:0;padding:0}@media print{.nav{display:none}}