.button-primary,.button-ghost,.button-pill,.button-extra{display:inline-flex;align-items:center;justify-content:center;gap:8px;appearance:none;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease,color .12s ease}.button-primary:disabled,.button-primary[aria-disabled=true],.button-ghost:disabled,.button-ghost[aria-disabled=true],.button-pill:disabled,.button-pill[aria-disabled=true],.button-extra:disabled,.button-extra[aria-disabled=true]{cursor:not-allowed;opacity:.58;transform:none;box-shadow:none}.button-primary{border:0;background:#2563eb;color:var(--default-white);padding:10px 18px;border-radius:18px;font-size:14px;font-weight:700;line-height:1.5;font-family:var(--font-sans);box-shadow:0 6px 14px #00000012}.button-primary:not(:disabled):not([aria-disabled=true]):hover{transform:translateY(-1px);box-shadow:0 8px 18px #0000001a}.button-primary:not(:disabled):not([aria-disabled=true]):active{transform:translateY(0);box-shadow:0 4px 10px #0000000f}.button-primary:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,#2563eb 35%,transparent)}.button-ghost{background:transparent;border:1px solid transparent;border-radius:8px;padding:6px 10px;color:var(--text)}.button-ghost:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.button-pill{background:color-mix(in oklab,var(--surface) 96%,transparent);border:1px solid color-mix(in oklab,var(--text) 14%,transparent);border-radius:999px;padding:8px 14px;color:var(--text)}.button-pill:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.button-pill:not(:disabled):not([aria-disabled=true]):hover{transform:translateY(-1px);border-color:color-mix(in oklab,var(--text) 24%,transparent);background:color-mix(in oklab,var(--surface) 92%,transparent);box-shadow:0 6px 14px #00000014}.button-pill:not(:disabled):not([aria-disabled=true]):active{transform:translateY(0);box-shadow:0 4px 10px #0000000f}.button-pill.is-danger{color:var(--danger);border-color:color-mix(in oklab,var(--danger) 40%,transparent);background:color-mix(in oklab,var(--danger) 10%,transparent)}.button-extra{padding:8px 12px;border-radius:18px;border:1px solid color-mix(in oklab,var(--text) 12%,transparent);background:color-mix(in oklab,var(--primary) 6%,transparent);color:var(--text);font-size:14px;font-weight:700;line-height:1.5;font-family:var(--font-sans);box-shadow:0 6px 14px #00000012}.button-extra:not(:disabled):not([aria-disabled=true]):hover{border-color:color-mix(in oklab,var(--primary) 28%,color-mix(in oklab,var(--text) 12%,transparent));background:color-mix(in oklab,var(--primary) 12%,transparent);transform:translateY(-1px);box-shadow:0 8px 18px #0000001a}.button-extra:not(:disabled):not([aria-disabled=true]):active{transform:translateY(0);box-shadow:0 4px 10px #0000000f}.button-extra:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.button-extra.is-open{border-color:color-mix(in oklab,var(--primary) 40%,color-mix(in oklab,var(--text) 12%,transparent));background:color-mix(in oklab,var(--primary) 16%,transparent);box-shadow:0 8px 18px #0000001a}.tooltip{position:relative;display:inline-block}.tooltip__trigger{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:0;border-radius:50%;background:var(--surface);color:var(--text);font-size:12px;font-weight:500;line-height:1.5;font-family:var(--font-sans);cursor:default;margin-left:6px}.tooltip__bubble{position:absolute;left:0;top:120%;min-width:150px;max-width:280px;background:var(--surface);color:var(--text);border:1px solid color-mix(in oklab,var(--text) 10%,transparent);border-radius:8px;padding:8px 10px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease;z-index:5}.tooltip:hover .tooltip__bubble,.tooltip__trigger:focus+.tooltip__bubble{opacity:1;transform:translateY(0)}.select__button{display:block;width:100%;padding:10px 36px 10px 12px;border-radius:10px;border:1px solid #e5e7eb;background:var(--surface);color:var(--text);text-align:left;position:relative;transition:box-shadow .2s ease}.select__button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.select__menu-wrap{position:absolute;left:0;width:100%;background:var(--surface);border:1px solid color-mix(in oklab,var(--text) 24%,transparent);border-radius:10px;box-shadow:0 12px 30px color-mix(in oklab,black 30%,transparent),0 0 0 1px color-mix(in oklab,var(--text) 8%,transparent);overflow:hidden;isolation:isolate;z-index:20;margin-top:5px}.select__menu{max-height:200px;overflow:auto;padding:4px;margin:0;list-style:none}.select__scroll-indicator{position:absolute;left:1px;right:1px;height:16px;pointer-events:none;opacity:0;transition:opacity .1s linear;z-index:2}.select__scroll-indicator:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path d="M2.5 4.25L6 7.75L9.5 4.25" fill="none" stroke="%23000" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;background:color-mix(in oklab,var(--text) 45%,transparent);opacity:.58}.select__scroll-indicator--up{top:0;background:linear-gradient(to bottom,color-mix(in oklab,var(--surface) 98%,transparent) 0%,color-mix(in oklab,var(--surface) 82%,transparent) 52%,transparent 100%)}.select__scroll-indicator--up:after{transform:translate(-50%,-50%) rotate(180deg)}.select__scroll-indicator--down{bottom:0;background:linear-gradient(to top,color-mix(in oklab,var(--surface) 98%,transparent) 0%,color-mix(in oklab,var(--surface) 82%,transparent) 52%,transparent 100%)}.select__menu-wrap[data-can-scroll-up=true] .select__scroll-indicator--up,.select__menu-wrap[data-can-scroll-down=true] .select__scroll-indicator--down{opacity:.76}.select__menu-wrap[data-can-scroll-up=true] .select__menu{padding-top:8px}.select__menu-wrap[data-can-scroll-down=true] .select__menu{padding-bottom:8px}.select__option{display:block;width:100%;padding:10px 12px;border-radius:8px;cursor:pointer;list-style:none;outline:none;position:relative}.select__option+.select__option{margin-top:4px;padding-top:8px}.select__option+.select__option:before{content:"";position:absolute;top:-2.5px;left:12px;right:12px;height:1px;background:color-mix(in oklab,var(--text) 10%,transparent);pointer-events:none}.select__option--active{background:color-mix(in oklab,var(--primary) 18%,transparent);font-size:14px;font-weight:700;line-height:1.5;font-family:var(--font-sans)}.select__option:hover{background:color-mix(in oklab,var(--primary) 12%,transparent)}.select__option:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab,var(--primary) 35%,transparent);background:color-mix(in oklab,var(--primary) 12%,transparent)}.select__chev{position:absolute;right:12px;top:50%;width:16px;height:16px;transform:translateY(-50%);pointer-events:none;transform-origin:center;transition:transform .2s ease,opacity .2s ease;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M4 6l4 4 4-4" fill="%23000"/></svg>') no-repeat center;background:currentColor;opacity:.6}.select__button[aria-expanded=true] .select__chev{transform:translateY(-50%) rotate(180deg)}.field{position:relative;z-index:0}.field:hover{z-index:10}.field:focus-within{z-index:20}.field--open{z-index:40}.field .field__label{display:block;margin-bottom:6px;color:var(--muted)}.field .field__tip{margin-left:6px;color:var(--muted);cursor:help}.breadcrumbs{padding:8px 0 16px;font-size:12px;font-weight:500;line-height:1.5;font-family:var(--font-sans)}.breadcrumbs__item{display:inline-flex;align-items:center}.breadcrumbs__link{text-decoration:none;color:inherit;opacity:.85}.breadcrumbs__link:hover{text-decoration:underline;opacity:1}.breadcrumbs__current{font-weight:600}.breadcrumbs__sep{opacity:.5;margin:0 6px}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:0;appearance:none;text-decoration:none;color:var(--text);cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .12s ease,opacity .12s ease}.icon-button__icon{display:inline-flex;align-items:center}.icon-button:disabled,.icon-button.is-disabled,.icon-button[aria-disabled=true]{opacity:.55;cursor:default;transform:none}.icon-button--header{inline-size:34px;block-size:34px;border-radius:999px;background:color-mix(in oklab,var(--surface) 90%,transparent);border:1px solid color-mix(in oklab,var(--text) 8%,transparent)}.icon-button--header:not(:disabled):not(.is-disabled):not([aria-disabled=true]):hover{background:color-mix(in oklab,var(--primary) 10%,var(--surface));transform:translateY(-1px)}.icon-button--header:focus-visible{outline:2px solid color-mix(in oklab,var(--primary) 90%,transparent);outline-offset:2px}.icon-button--header .icon-button__icon svg{width:18px;height:18px}.icon-button--favorite{padding:8px;border-radius:999px;border:1px solid color-mix(in oklab,var(--text) 14%,transparent);font-size:14px;font-weight:700;line-height:1.5;font-family:var(--font-sans)}.icon-button--favorite:not(:disabled):not(.is-disabled):hover{border-color:color-mix(in oklab,var(--primary) 30%,color-mix(in oklab,var(--text) 10%,transparent));background:color-mix(in oklab,var(--primary) 12%,transparent);transform:translateY(-1px)}.icon-button--favorite:not(:disabled):not(.is-disabled):active{transform:translateY(0)}.icon-button--favorite:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.icon-button--favorite.is-active{border-color:color-mix(in oklab,var(--primary) 45%,color-mix(in oklab,var(--text) 10%,transparent));background:color-mix(in oklab,var(--primary) 16%,transparent);color:var(--primary)}.toast-host{position:fixed;right:25px;bottom:16px;z-index:80;display:grid;gap:10px;max-width:min(360px,100vw - 32px)}.toast{font-size:14px;font-weight:700;line-height:1.5;font-family:var(--font-sans);display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;border:1px solid color-mix(in oklab,var(--text) 10%,transparent);background:color-mix(in oklab,var(--surface) 96%,transparent);color:var(--text);box-shadow:0 12px 26px -18px #00000059;animation:toast-enter .22s ease-out}.toast__icon{inline-size:18px;block-size:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;position:relative}.toast__icon:before{content:"";inline-size:8px;block-size:4px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}.toast--success{border-color:color-mix(in oklab,var(--chart-profit) 35%,transparent);background:color-mix(in oklab,var(--chart-profit) 12%,var(--surface));color:var(--chart-profit)}.toast--success .toast__icon{background:color-mix(in oklab,var(--chart-profit) 22%,transparent);color:var(--chart-profit);box-shadow:0 0 0 4px color-mix(in oklab,var(--chart-profit) 12%,transparent)}.toast--error{border-color:color-mix(in oklab,var(--danger) 35%,transparent);background:color-mix(in oklab,var(--danger) 10%,var(--surface));color:var(--danger)}.toast--error .toast__icon{background:color-mix(in oklab,var(--danger) 18%,transparent);color:var(--danger);box-shadow:0 0 0 4px color-mix(in oklab,var(--danger) 10%,transparent)}@keyframes toast-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@layer reset,shared,base,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}body{min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:none;color:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button,input,select,textarea{margin:0;background:none;border:none;padding:0}button{cursor:pointer}ul,ol{list-style:none;padding:0}table{border-collapse:collapse;border-spacing:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer shared{:root{--bg: #f7f7f8;--surface: #ffffff;--text: #0f1720;--muted: #6b7280;--primary: #5b8def;--danger: #dc2626;--default-white: #ffffff;--chart-start: rgb(203 213 225 / 90%);--chart-contrib: rgb(134 239 172 / 90%);--chart-interest: rgb(220 178 8 / 65%);--chart-grid: rgb(0 0 0 / 10%);--chart-bar-stroke: rgb(0 0 0 / 10%);--chart-line: var(--primary);--chart-neutral: #3b82f6;--chart-profit: #16a34a;--chart-loss: #ef4444;--shadow: 0 6px 20px rgba(0, 0, 0, .08);--shadow-soft: 0 2px 6px rgba(0,0,0,.06)}html.theme-dark{--bg: #0d1117;--surface: #111827;--text: #e5e7eb;--muted: #94a3b8;--primary: #7ca4ff;--danger: #f87171;--default-white: #ffffff;--chart-start: rgb(148 163 184 / 50%);--chart-contrib: rgb(74 222 128 / 65%);--chart-interest: rgb(250 204 21 / 65%);--chart-grid: rgb(255 255 255 / 10%);--chart-bar-stroke: rgb(255 255 255 / 12%);--chart-line: var(--primary);--chart-neutral: #60a5fa;--chart-profit: #22c55e;--chart-loss: #f87171}}@layer base{html{scrollbar-gutter:stable both-edges}:root{--font-sans: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif}@supports not (scrollbar-gutter: stable){html,body{overflow-y:scroll}}html,body,#root{height:100%}html,body{overflow-x:hidden}body{background:var(--bg);color:var(--text);font-size:14px;font-weight:500;line-height:1.5;font-family:var(--font-sans)}.app-main{max-width:1100px;margin:auto}@media(max-width:1100px){.app-main{padding-inline:16px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@font-face{font-family:open_sansregular;src:url(/fonts/OpenSans-Variable.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.card{border-radius:16px;margin-bottom:15px;padding-bottom:12px;background:color-mix(in oklab,var(--surface) 96%,transparent);border:1px solid color-mix(in oklab,var(--text) 15%,transparent);box-shadow:0 8px 18px #0000000a}#investmentCalculatorResult,#compoundCalculatorResult,#dcaCalculatorResult{scroll-margin-top:80px}@media(min-width:760px){.calculator-page__results{display:grid;grid-template-columns:1fr minmax(0,1.2fr);gap:16px;align-items:start}.calculator-page__left{display:flex;flex-direction:column;gap:16px}.calculator-page__left>.ad-slot{margin:0!important}}.calculator-page__title{font-size:18px;font-weight:700;line-height:1.5;font-family:var(--font-sans);margin-bottom:12px}}@layer utilities{.theme-ease *{transition:background-color .18s ease,color .18s ease,border-color .18s ease,fill .18s ease,box-shadow .18s ease!important}@media(prefers-reduced-motion:reduce){.theme-ease *{transition:none!important}}}.header{position:sticky;top:0;z-index:50;--bleed: max(0px, (100vw - 100%) / 2);margin-inline:calc(-1 * var(--bleed));padding-inline:var(--bleed);background:var(--bg);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid color-mix(in oklab,var(--text) 8%,transparent);padding-top:env(safe-area-inset-top)}.header__inner{padding:16px;display:flex;align-items:center;justify-content:space-between}.header__title{font-size:18px;font-weight:500;line-height:1.5;font-family:var(--font-sans)}@media(max-width:480px){.header__title{font-size:16px;font-weight:500;line-height:1.5;font-family:var(--font-sans)}}.header__actions{display:flex;gap:17px;align-items:center;margin-right:16px}.header__actions .button-ghost{padding:0}@media(min-width:480px){.header__actions{margin-right:35px}}.footer{display:flex;gap:12px;align-items:center;padding-block:24px;color:var(--muted);flex-direction:column;padding-inline:12px}.footer__nav{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.footer__link{background:none;border:0;padding:0;color:inherit;cursor:pointer;text-decoration:none}.footer__link:hover{text-decoration:underline}.footer__copy{opacity:.8}
