.calc{display:flex;flex-direction:column;gap:var(--tool-block-gap);width:100%}.calc-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(18px,2.2vw,30px);align-items:start}@media (min-width:1024px){.calc-shell{grid-template-columns:236px minmax(0,1fr)}}.calc-shell--single{grid-template-columns:minmax(0,1fr)}.calc-nav{display:flex;flex-direction:column;gap:20px;min-width:0}.calc-nav__group{--cat:var(--link)}.calc-nav__group--percent{--cat:var(--theme-color2-ink, #946200)}.calc-nav__group--money{--cat:var(--good)}.calc-nav__group--everyday{--cat:var(--link)}.calc-nav__group--work{--cat:var(--ch-4)}.calc-nav__group--math{--cat:var(--ch-2)}body.dark-mode .calc-nav__group--percent,html.pp-dark .calc-nav__group--percent{--cat:var(--theme-color2)}.calc-nav__title{display:flex;align-items:center;gap:9px;margin:0 0 6px;padding:0 2px;font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--soft-ink)}.calc-nav__title-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calc-nav__glyph{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;border-radius:8px;color:var(--cat);background:color-mix(in srgb,var(--cat) 12%,transparent)}.calc-nav__glyph svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.calc-nav__count{flex:none;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--tl-mono);font-size:10.5px;font-weight:600;letter-spacing:0;color:var(--soft-ink);background:var(--surface2);border:1px solid var(--line)}.calc-nav__list{list-style:none;margin:0;padding:0 0 0 12px;display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--line2);margin-left:12px}.calc-nav__item,.pp-tool a.calc-nav__item{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;font-size:14px;font-weight:500;line-height:1.35;color:var(--muted);text-decoration:none;border:1px solid transparent;border-radius:9px;min-height:38px;transition:color .15s ease,background .15s ease}.calc-nav__item::before{content:"";position:absolute;left:-15px;top:50%;width:4px;height:0;margin-top:0;border-radius:2px;background:var(--cat);transition:height .18s ease,margin-top .18s ease}body.dark-mode .pp-tool a.calc-nav__item,html.pp-dark .pp-tool a.calc-nav__item{color:var(--muted)}.calc-nav__item:hover,.pp-tool a.calc-nav__item:hover{color:var(--ink);background:var(--surface2)}.calc-nav__item.is-active,.pp-tool a.calc-nav__item.is-active{color:var(--ink);font-weight:600;background:color-mix(in srgb,var(--cat) 9%,transparent);border-color:color-mix(in srgb,var(--cat) 28%,transparent)}.calc-nav__item.is-active::before{height:22px;margin-top:-11px}body.dark-mode .pp-tool a.calc-nav__item.is-active,html.pp-dark .pp-tool a.calc-nav__item.is-active{color:var(--ink)}.calc-nav__item:focus-visible{outline:2px solid var(--cat);outline-offset:1px}.calc-nav__away{color:var(--soft);font-size:13px}@media (prefers-reduced-motion:reduce){.calc-nav__item,.calc-nav__item::before{transition:none}}@media (max-width:1023px){.calc-nav{flex-direction:row;gap:18px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}.calc-nav::-webkit-scrollbar{display:none}.calc-nav__group{flex:0 0 auto}.calc-nav__title{margin-bottom:8px}.calc-nav__list{flex-direction:row;gap:6px;padding:0;margin-left:0;border-left:0}.calc-nav__item{white-space:nowrap;border-color:var(--line);background:var(--surface)}.calc-nav__item::before{display:none}}.calc-main{display:flex;flex-direction:column;gap:var(--tool-block-gap);min-width:0}.calc-main>.tool-section-head{margin-bottom:0}.calc-currency{display:flex;flex-direction:column;gap:5px;flex:0 0 auto}.calc-currency__label{font-size:12px;font-weight:500;color:var(--soft-ink)}.calc-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 16px;padding:18px;background:var(--surface2);border:1px solid var(--line);border-radius:14px}.calc-form:empty{display:none}.calc-field{display:flex;flex-direction:column;min-width:0}.calc-field--seg{grid-column:1/-1}.calc-field--toggle{justify-content:flex-end}.calc-field__opt{color:var(--soft-ink);font-weight:400}.calc-field__control{position:relative;display:flex;align-items:center}.calc-field__unit{position:absolute;right:12px;font-family:var(--tl-mono);font-size:13px;color:var(--soft-ink);pointer-events:none}.calc-field__hint{margin:0;font-size:11.5px;line-height:1.45;color:var(--soft-ink)}.calc-input--num{font-family:var(--tl-mono);font-variant-numeric:tabular-nums;padding-right:30px}.calc-input--area{min-height:92px;resize:vertical;font-family:var(--tl-mono);font-size:13.5px}.calc-seg{display:flex;gap:3px;padding:3px;background:var(--surface);border:1px solid var(--line);border-radius:11px;flex-wrap:wrap}.calc-seg__btn{flex:1 1 auto;min-height:36px;padding:8px 13px;font-family:var(--tl-sans);font-size:13.5px;font-weight:500;color:var(--muted);background:0 0;border:1px solid transparent;border-radius:8px;cursor:pointer}.calc-seg__btn:hover{color:var(--ink)}.calc-seg__btn.is-active{color:var(--ink);font-weight:600;background:var(--surface2);border-color:color-mix(in srgb,var(--link) 40%,var(--line))}.calc-seg__btn:focus-visible{outline:2px solid var(--link);outline-offset:1px}.calc-presets{display:flex;gap:5px;flex-wrap:wrap}.calc-preset{min-height:30px;padding:4px 10px;font-family:var(--tl-mono);font-size:12px;font-variant-numeric:tabular-nums;color:var(--chip-ink);background:var(--chip-bg);border:1px solid transparent;border-radius:999px;cursor:pointer}.calc-preset:hover{color:var(--ink);border-color:var(--line)}.calc-preset:focus-visible{outline:2px solid var(--link);outline-offset:1px}.calc-check{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink);cursor:pointer;min-height:42px}.calc-check input{width:17px;height:17px;accent-color:var(--link)}.calc-noscript{grid-column:1/-1;margin:0;font-size:13.5px;line-height:1.55;color:var(--muted)}.calc-result{display:flex;flex-direction:column;gap:12px}.calc-result:empty{display:none}.calc-headline{display:flex;flex-direction:column;gap:3px;padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-left-width:3px;border-radius:14px}.calc-headline--accent{border-left-color:var(--link)}.calc-headline--good{border-left-color:var(--good)}.calc-headline--bad{border-left-color:var(--bad)}.calc-headline--neutral{border-left-color:var(--line)}.calc-headline__label{font-size:12.5px;font-weight:500;color:var(--soft-ink)}.calc-headline__value{font-family:var(--tl-mono);font-size:clamp(26px, 4.4vw, 34px);font-weight:600;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.calc-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}.calc-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:12px 15px;background:var(--surface)}.calc-row__label{font-size:13px;color:var(--muted)}.calc-row__value{font-family:var(--tl-mono);font-size:14px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}.calc-note{margin:0;font-size:12.5px;line-height:1.55;color:var(--soft-ink)}.calc-error{margin:0}.calc-formula,.calc-schedule{border:1px solid var(--line);border-radius:11px;background:var(--surface2)}.calc-formula>summary,.calc-schedule>summary{padding:11px 15px;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;list-style:none;min-height:42px;display:flex;align-items:center}.calc-formula>summary::-webkit-details-marker,.calc-schedule>summary::-webkit-details-marker{display:none}.calc-formula>summary::after,.calc-schedule>summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px)}.calc-formula[open]>summary::after,.calc-schedule[open]>summary::after{transform:rotate(-135deg) translateY(-2px)}.calc-formula>summary:hover,.calc-schedule>summary:hover{color:var(--ink)}.calc-formula__body{margin:0;padding:0 15px 14px;font-family:var(--tl-mono);font-size:13px;line-height:1.65;color:var(--ink);overflow-wrap:anywhere}.calc-chart{margin:0;display:flex;flex-direction:column;gap:8px}.calc-chart svg{width:100%;height:180px;display:block;background:var(--surface2);border:1px solid var(--line);border-radius:12px}.calc-chart__area{fill:color-mix(in srgb,var(--ch-1) 16%,transparent);stroke:none}.calc-chart__line{fill:none;stroke:var(--ch-1);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}.calc-chart__base{fill:none;stroke:var(--ch-3);stroke-width:1.6;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.calc-chart__legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.calc-chart__key{display:inline-flex;align-items:center;gap:6px}.calc-chart__key::before{content:"";width:12px;height:3px;border-radius:2px}.calc-chart__key.is-balance::before{background:var(--ch-1)}.calc-chart__key.is-contrib::before{background:var(--ch-3)}.calc-chart__final{margin-left:auto;font-family:var(--tl-mono);font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.calc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 15px 14px}.calc-table{width:100%;border-collapse:collapse;font-size:13px}.calc-table thead th{text-align:right;padding:7px 10px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--soft-ink);border-bottom:1px solid var(--line);white-space:nowrap}.calc-table thead th:first-child{text-align:left}.calc-table tbody th{text-align:left;padding:7px 10px;font-weight:500;color:var(--muted);font-family:var(--tl-mono);border-bottom:1px solid var(--line2)}.calc-table td{padding:7px 10px;text-align:right;white-space:nowrap;font-family:var(--tl-mono);font-variant-numeric:tabular-nums;color:var(--ink);border-bottom:1px solid var(--line2)}.calc-table__gap td{text-align:center;color:var(--soft-ink);font-family:var(--tl-sans);font-size:12px;padding:9px 10px}@media (max-width:599px){.calc-form{padding:14px;grid-template-columns:minmax(0,1fr)}.calc-headline{padding:15px 16px}.calc-currency{width:100%}.calc-rows{grid-template-columns:minmax(0,1fr)}.calc-table-wrap{padding-inline:10px}}@media (prefers-reduced-motion:reduce){.calc *{transition:none!important;animation:none!important}}.calc-schedule__tools{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:10px 0 8px}.calc-schedule__count{font-family:var(--tl-mono);font-size:11.5px;color:var(--soft-ink)}.calc-share{margin-top:14px}body.dark-mode .calc-schedule__count,html.pp-dark .calc-schedule__count{color:var(--soft-ink)}@media (max-width:480px){.calc-schedule__tools{flex-direction:column;align-items:stretch}.calc-share .calc-btn{width:100%}}.calc-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;gap:10px;margin:12px 0 0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}.calc-compare__delta,.calc-compare__side{display:flex;flex-direction:column;gap:2px;min-width:0}.calc-compare__label{font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--soft-ink)}.calc-compare__value{font-family:var(--tl-mono);font-size:14px;color:var(--ink);overflow-wrap:anywhere}.calc-compare__delta--up .calc-compare__value{color:var(--bad)}.calc-compare__delta--down .calc-compare__value{color:var(--good)}.calc-compare__delta--same .calc-compare__value{color:var(--soft-ink)}.calc-compare__clear{padding:6px 10px;font-size:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--soft-ink);cursor:pointer;white-space:nowrap}.calc-compare__clear:hover{color:var(--ink);border-color:var(--link)}.calc-compare__clear:focus-visible{outline:2px solid var(--link);outline-offset:1px}body.dark-mode .calc-compare,html.pp-dark .calc-compare{background:var(--surface2);border-color:var(--line)}body.dark-mode .calc-compare__value,html.pp-dark .calc-compare__value{color:var(--ink)}body.dark-mode .calc-compare__clear,html.pp-dark .calc-compare__clear{background:var(--surface);color:var(--soft-ink)}@media (max-width:620px){.calc-compare{grid-template-columns:repeat(2,minmax(0,1fr))}.calc-compare__clear{grid-column:1/-1}}