.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 var(--field-border)}.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 var(--field-border);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)}.theme-toggle__icon{display:inline-flex;align-items:center;animation:theme-icon-in .3s ease}@keyframes theme-icon-in{0%{opacity:0;transform:rotate(-90deg) scale(.6)}to{opacity:1;transform:rotate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.theme-toggle__icon{animation:none}}.lang-menu{position:relative;display:flex}.lang-menu__trigger{display:inline-flex;align-items:center;gap:6px;block-size:34px;padding:0 12px;border-radius:999px;border:1px solid var(--field-border);background:color-mix(in oklab,var(--surface) 90%,transparent);color:var(--text);cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .12s ease;font-size:12px;font-weight:500;line-height:1.5;font-family:var(--font-sans)}.lang-menu__trigger:hover{background:color-mix(in oklab,var(--primary) 10%,var(--surface));transform:translateY(-1px)}.lang-menu__trigger:focus-visible{outline:2px solid color-mix(in oklab,var(--primary) 90%,transparent);outline-offset:2px}.lang-menu__trigger-icon{display:inline-flex;align-items:center}.lang-menu__trigger-icon svg{width:16px;height:16px}.lang-menu__trigger-code{line-height:1}.lang-menu__trigger-chevron{display:inline-flex;align-items:center;color:var(--muted);transition:transform .2s ease}.lang-menu__trigger-chevron--open{transform:rotate(180deg)}.lang-menu__panel{position:absolute;top:calc(100% + 12px);right:0;z-index:10;min-width:190px;padding:6px;display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid color-mix(in oklab,var(--text) 10%,transparent);border-radius:14px;box-shadow:var(--shadow);transform-origin:top right;animation:lang-menu-pop .18s ease-out}.lang-menu__option{display:flex;align-items:center;gap:10px;min-height:38px;padding:6px 10px;border-radius:9px;color:var(--text);text-decoration:none;transition:background .15s ease;font-size:12px;font-weight:500;line-height:1.5;font-family:var(--font-sans)}.lang-menu__option:hover{background:color-mix(in oklab,var(--primary) 10%,var(--surface))}.lang-menu__option:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.lang-menu__option--current{background:color-mix(in oklab,var(--primary) 8%,var(--surface))}.lang-menu__option-code{display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding:2px 0;border:1px solid var(--field-border);border-radius:6px;font-size:10px;font-weight:500;line-height:1.5;font-family:var(--font-sans)}.lang-menu__option-name{flex:1}.lang-menu__option-check{display:inline-flex;align-items:center;color:var(--primary)}@keyframes lang-menu-pop{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.lang-menu__panel{animation:none}.lang-menu__trigger,.lang-menu__trigger-chevron,.lang-menu__option{transition:none}}.header-menu{position:relative;display:flex}@media(min-width:768px){.header-menu{display:none}}.header-menu__burger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:18px;height:18px}.header-menu__burger-line{width:16px;height:2px;border-radius:999px;background:currentColor;transition:transform .25s ease,opacity .2s ease}.header-menu__trigger--open .header-menu__burger-line:nth-child(1){transform:translateY(6px) rotate(45deg)}.header-menu__trigger--open .header-menu__burger-line:nth-child(2){opacity:0;transform:scaleX(0)}.header-menu__trigger--open .header-menu__burger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.header-menu__panel{position:absolute;top:calc(100% + 12px);right:0;z-index:10;min-width:250px;padding:8px;display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid color-mix(in oklab,var(--text) 10%,transparent);border-radius:14px;box-shadow:var(--shadow);transform-origin:top right;animation:header-menu-pop .18s ease-out}.header-menu__item{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:6px 10px;border:0;border-radius:10px;background:none;color:var(--text);text-align:left;text-decoration:none;cursor:pointer;transition:background .15s ease;font-size:16px;font-weight:500;line-height:1.5;font-family:var(--font-sans)}.header-menu__item:hover{background:color-mix(in oklab,var(--primary) 10%,var(--surface))}.header-menu__item:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.header-menu__item[aria-disabled=true],.header-menu__item:disabled{opacity:.5;pointer-events:none}.header-menu__item-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--primary)}.header-menu__item-icon--theme{animation:header-menu-icon-in .3s ease}.header-menu__item-label{flex:1}.header-menu__item-end{display:inline-flex;align-items:center;color:var(--muted)}.header-menu__switch{position:relative;flex-shrink:0;width:36px;height:20px;border-radius:999px;background:color-mix(in oklab,var(--text) 22%,transparent);transition:background .2s ease}.header-menu__switch--on{background:var(--primary-btn)}.header-menu__switch-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--default-white);box-shadow:var(--shadow-soft);transition:transform .2s ease}.header-menu__switch--on .header-menu__switch-knob{transform:translate(16px)}.header-menu__divider{height:1px;margin:6px 8px;background:color-mix(in oklab,var(--text) 10%,transparent)}.header-menu__section{display:flex;flex-direction:column;gap:8px;padding:4px 10px 8px}.header-menu__section-label{color:var(--muted);font-size:12px;font-weight:500;line-height:1.5;font-family:var(--font-sans)}.header-menu__langs{display:flex;gap:6px}.header-menu__lang{flex:1;min-height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in oklab,var(--text) 14%,transparent);border-radius:8px;color:var(--text);text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease;font-size:12px;font-weight:500;line-height:1.5;font-family:var(--font-sans)}.header-menu__lang:hover{border-color:color-mix(in oklab,var(--primary) 40%,transparent);background:color-mix(in oklab,var(--primary) 10%,var(--surface))}.header-menu__lang:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.header-menu__lang--current{background:var(--primary-btn);border-color:var(--primary-btn);color:var(--default-white)}.header-menu__lang--current:hover{background:var(--primary-btn);color:var(--default-white)}@keyframes header-menu-icon-in{0%{opacity:0;transform:rotate(-90deg) scale(.6)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes header-menu-pop{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.header-menu__panel{animation:none}.header-menu__burger-line,.header-menu__switch,.header-menu__switch-knob,.header-menu__item,.header-menu__lang{transition:none}.header-menu__item-icon--theme{animation:none}}.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}.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)}}.back-to-top-button{position:fixed;right:1.5rem;bottom:max(1.5rem,env(safe-area-inset-bottom));z-index:60;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:none;border-radius:50%;background:radial-gradient(circle at 30% 25%,color-mix(in oklab,var(--primary-btn) 80%,#fff) 0%,var(--primary-btn) 55%,color-mix(in oklab,var(--primary-btn) 80%,#000) 100%);color:#fff;cursor:pointer;box-shadow:0 8px 22px #00000038,inset 0 1px #ffffff2e;opacity:0;transform:translateY(12px) scale(.85);pointer-events:none;visibility:hidden;transition:opacity .22s cubic-bezier(.2,.8,.2,1),transform .36s cubic-bezier(.34,1.56,.64,1),visibility 0s linear .36s,background-color .18s ease,box-shadow .22s ease}.back-to-top-button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.back-to-top-button__ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none;overflow:visible}.back-to-top-button__ring-track{fill:none;stroke:#ffffff38;stroke-width:2}.back-to-top-button__ring-progress{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;transition:stroke-dashoffset .18s ease-out}.back-to-top-button__icon{position:relative;display:inline-flex;align-items:center;justify-content:center;line-height:0;transition:transform .26s cubic-bezier(.34,1.56,.64,1)}.back-to-top-button--visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;visibility:visible;transition:opacity .22s cubic-bezier(.2,.8,.2,1),transform .36s cubic-bezier(.34,1.56,.64,1),visibility 0s linear 0s,background-color .18s ease,box-shadow .22s ease}.back-to-top-button--visible:hover{box-shadow:0 14px 30px #00000047,0 0 0 6px color-mix(in oklab,var(--primary-btn) 22%,transparent),inset 0 1px #ffffff3d}.back-to-top-button--visible:hover .back-to-top-button__icon{transform:translateY(-3px)}.back-to-top-button--visible:active{transform:translateY(0) scale(.94);transition:transform .12s ease-out,box-shadow .12s ease-out}.back-to-top-button--visible:active .back-to-top-button__icon{transform:translateY(-1px)}@media(prefers-reduced-motion:reduce){.back-to-top-button{transition:opacity .12s ease,visibility 0s}.back-to-top-button__icon,.back-to-top-button__ring-progress{transition:none}}.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:var(--primary-btn);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,var(--primary-btn) 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}.error-boundary{padding:24px;text-align:center;margin-top:24px}.error-boundary__message{margin-bottom:16px;color:var(--text)}.error-boundary__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@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: #646b78;--primary: #2f63d6;--primary-btn: #2563eb;--danger: #dc2626;--default-white: #ffffff;--field-border: #848d99;--chart-start: #7b8aa0;--chart-contrib: #16a34a;--chart-interest: rgb(220 178 8 / 65%);--chart-grid: rgb(0 0 0 / 10%);--chart-bar-stroke: rgb(0 0 0 / 35%);--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;--primary-btn: #1668ea;--danger: #f87171;--default-white: #ffffff;--field-border: #e5e7eb;--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: 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}.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}}}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;color:var(--text)}.skip-link:focus-visible{left:12px;top:12px;padding:10px 16px;background:var(--surface);border-radius:8px;box-shadow:var(--shadow);outline:2px solid var(--primary-btn);outline-offset:2px}.app-main:focus{outline:none}.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}@media(min-width:480px){.header__actions{margin-right:35px}}.header__actions-desktop{display:none}@media(min-width:768px){.header__actions-desktop{display:flex;gap:17px;align-items:center}}.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}
