.compound-page{color:#172033}.compound-heading{margin-bottom:27px}.compound-eyebrow{margin:0 0 8px!important;color:#087f6d;font-size:14px!important;font-weight:800}.compound-heading h1{margin:0 0 16px;color:#111827;font-size:46px;line-height:1.2;letter-spacing:0}.compound-heading>p:last-child{max-width:830px;margin:0;color:#536279;font-size:18px;line-height:1.75}.compound-tool,.growth-panel,.schedule-panel,.compound-guide{border:1px solid #d6e0eb;border-radius:8px;background:#fff}.compound-tool{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(285px,.9fr);overflow:hidden}.compound-inputs{min-width:0;padding:28px}.section-title,.growth-panel>header,.schedule-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.section-title{margin-bottom:20px}.section-title>div>span{display:block;margin-bottom:4px;color:#087f6d;font-size:11px;font-weight:800;text-transform:uppercase}.section-title h2,.growth-panel h2,.schedule-panel h2{margin:0;font-size:25px;letter-spacing:0}.section-title>button,.schedule-panel>header>button{min-height:38px;margin:0;padding:0 13px;border:1px solid #cbd8e5;border-radius:7px;background:#fff;color:#425168;box-shadow:none;font-size:11px;font-weight:800}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.input-grid label{display:block;min-width:0;margin:0 0 14px;color:#405067;font-size:12px;font-weight:800}.input-grid label>span{display:block;margin-bottom:7px}.input-grid select{width:100%;height:50px;margin:0;padding:0 38px 0 12px;border:1px solid #cbd8e5;border-radius:7px;background-color:#fff;color:#172033;font-size:13px}.input-affix{display:flex;align-items:center;overflow:hidden;height:50px;border:1px solid #cbd8e5;border-radius:7px;background:#fff}.input-affix:focus-within{border-color:#087f6d;box-shadow:0 0 0 3px rgba(8,127,109,.1)}.input-affix input{width:100%;height:48px;margin:0;padding:0 12px;border:0;background:transparent;color:#172033;box-shadow:none;font-size:15px;font-weight:700}.input-affix input:focus{box-shadow:none}.input-affix b{flex:0 0 auto;padding:0 12px;color:#087f6d;font-size:11px}.quick-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:4px}.quick-presets button{min-height:40px;margin:0;padding:0 7px;border:1px solid #cbd8e5;border-radius:7px;background:#fff;color:#405067;box-shadow:none;font-size:11px;font-weight:800}.quick-presets button:hover{border-color:#087f6d;background:#edf8f5;color:#087f6d}.compound-status{min-height:20px;margin:12px 0 0;color:#6d7b8f;font-size:11px}.compound-status.is-error{color:#c13f36}.compound-result{display:flex;min-width:0;flex-direction:column;padding:29px;background:#172538;color:#fff}.compound-result>span{color:#85d9c9;font-size:12px;font-weight:800}.compound-result>strong{display:block;overflow-wrap:anywhere;margin:17px 0 8px;color:#fff!important;font-size:38px;line-height:1.2;font-variant-numeric:tabular-nums}.compound-result>p{margin:0;color:#b8c6d8;font-size:12px;line-height:1.65}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0}.result-grid div{min-width:0;padding:13px;border:1px solid #405169;border-radius:7px;background:#223249}.result-grid span,.result-grid b{display:block}.result-grid span{color:#9fb0c5;font-size:10px}.result-grid b{overflow:hidden;margin-top:5px;color:#fff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.compound-result>button{width:100%;min-height:44px;margin:0 0 10px;padding:0 12px;border:1px solid #53647a;border-radius:7px;background:#223249;color:#fff;box-shadow:none;font-size:12px;font-weight:800}.compound-result>small{margin-top:auto;color:#90a0b5;font-size:9px;line-height:1.55}.growth-panel,.schedule-panel{margin-top:20px;padding:26px}.growth-panel>header>span{padding:7px 10px;border-radius:6px;background:#eaf7f4;color:#087f6d;font-size:11px;font-weight:800}.composition-bar{display:flex;overflow:hidden;height:18px;margin:22px 0 10px;border-radius:5px;background:#e5ebf1}.composition-bar span{display:block;height:100%;transition:width .25s ease}.composition-bar #principalBar{background:#7890ad}.composition-bar #interestBar{background:#148b78}.composition-legend{display:flex;flex-wrap:wrap;gap:18px;color:#59687d;font-size:11px}.composition-legend span{display:flex;align-items:center;gap:6px}.composition-legend i{width:10px;height:10px;border-radius:2px}.principal-color{background:#7890ad}.interest-color{background:#148b78}.composition-legend b{color:#1c293b}.growth-chart{display:flex;align-items:flex-end;gap:8px;overflow-x:auto;min-height:235px;margin-top:24px;padding:20px 8px 0;border-bottom:1px solid #ccd7e3}.chart-item{display:flex;min-width:38px;flex:1 0 38px;flex-direction:column;align-items:center;justify-content:flex-end;height:205px}.chart-value{margin-bottom:6px;color:#5f6e82;font-size:8px;white-space:nowrap}.chart-bar{width:min(34px,80%);min-height:3px;border-radius:4px 4px 0 0;background:#168b78}.chart-label{margin-top:7px;color:#758398;font-size:9px;white-space:nowrap}.schedule-panel>header{align-items:center}.schedule-table{overflow-x:auto;margin-top:18px}.schedule-table table{width:100%;min-width:650px;margin:0;border-collapse:collapse;font-size:12px}.schedule-table th,.schedule-table td{padding:11px 13px;border:1px solid #dbe4ed;text-align:right}.schedule-table th{background:#f5f8fa;color:#405067}.schedule-table th:first-child,.schedule-table td:first-child{text-align:left}.schedule-table tbody tr:last-child td{background:#eef8f5;color:#145c52;font-weight:800}.compound-guide{margin-top:24px;padding:30px}.compound-guide>header h2{margin:0 0 11px;font-size:29px}.compound-guide>header>p:last-child{margin:0;color:#58677c;font-size:14px;line-height:1.8}.formula-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}.formula-grid article{min-width:0;padding:18px;border:1px solid #dbe4ed;border-radius:7px}.formula-grid span{color:#087f6d;font-size:11px;font-weight:800}.formula-grid strong{display:block;overflow-wrap:anywhere;margin:9px 0;color:#173d38;font-size:15px;line-height:1.5}.formula-grid p,.guide-grid p,.example-box p,.faq-list p{margin:0;color:#637287;font-size:12px;line-height:1.8}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:22px}.guide-grid section{min-width:0;padding:18px;border-top:3px solid #77c6b7;background:#f7faf9}.guide-grid h3,.example-box h3,.faq-list h3{margin:0 0 8px;font-size:16px}.example-box{margin-top:20px;padding:19px;border-left:4px solid #168b78;background:#edf8f5}.faq-list{margin-top:20px;padding:19px;border:1px solid #dbe4ed;border-radius:7px}.faq-list details{border-top:1px solid #dbe4ed}.faq-list details:first-of-type{border-top:0}.faq-list summary{padding:13px 0;color:#26364a;font-size:12px;font-weight:800;cursor:pointer}.faq-list details p{padding:0 0 14px}.compound-page button:focus-visible,.compound-page input:focus-visible,.compound-page select:focus-visible{outline:3px solid rgba(8,127,109,.2);outline-offset:1px}
@media screen and (max-width:900px){.compound-tool{grid-template-columns:1fr}.compound-result{min-height:350px}}
@media screen and (max-width:640px){.compound-heading h1{font-size:34px}.compound-heading>p:last-child{font-size:16px}.compound-inputs,.compound-result,.growth-panel,.schedule-panel,.compound-guide{padding:20px 16px}.input-grid{grid-template-columns:1fr}.section-title h2,.growth-panel h2,.schedule-panel h2{font-size:22px}.quick-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.compound-result{min-height:0}.compound-result>strong{font-size:31px}.result-grid{grid-template-columns:1fr 1fr}.growth-panel>header,.schedule-panel>header{align-items:flex-start;flex-direction:column}.formula-grid,.guide-grid{grid-template-columns:1fr}.compound-guide>header h2{font-size:24px}.chart-item{flex-basis:44px}}
@media screen and (max-width:380px){.result-grid{grid-template-columns:1fr}.quick-presets{grid-template-columns:1fr 1fr}}
.section-title>button,.schedule-panel>header>button{width:auto!important;flex:0 0 auto}