.df-calc-wrapper{max-width:900px;margin:40px auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#111}.df-title{font-size:32px;margin-bottom:5px}.df-title span{color:#36a2eb}.df-note{font-size:14px;color:#555;margin-bottom:20px}.df-calc-box,.df-result-box{background:#fff;padding:25px;border-radius:14px;box-shadow:0 10px 30px rgb(0 0 0 / .06)}.df-input-group{margin-bottom:15px}.df-row{display:flex;gap:15px}.df-row .df-input-group{flex:1}label{font-weight:600;display:block;margin-bottom:6px}.input-wrapper{display:flex;align-items:center;border:1px solid #ddd;border-radius:8px;padding:8px 10px}.prefix,.suffix{font-weight:700;color:#555}input{width:100%;border:none;outline:none;font-size:15px;padding:5px}.df-btn{width:100%;background:#36a2eb;color:#fff;border:none;padding:14px;font-size:16px;border-radius:10px;cursor:pointer;margin-top:10px}.df-result-box{margin-top:30px}.df-result-box.is-hidden{display:none}.df-big-result{font-size:34px;font-weight:700;margin:10px 0}.df-early-note{color:#16a34a;font-weight:600}.df-result-details{margin-top:20px;background:#f9fafb;border-radius:12px;padding:15px}.df-detail-row{display:flex;justify-content:space-between;padding:6px 0;font-size:15px}.df-detail-row.highlight{font-weight:700;font-size:16px}.df-detail-row.savings{color:#16a34a;font-weight:600}.df-chart-wrapper{height:320px;margin-top:25px}.df-amort-wrapper{margin-top:25px}.df-table{width:100%;border-collapse:collapse}.df-table th,.df-table td{padding:10px;border-bottom:1px solid #eee;text-align:right}.df-table th:first-child,.df-table td:first-child{text-align:center}.df-toggle-btn{margin-top:10px;background:none;border:none;color:#36a2eb;cursor:pointer;font-weight:700}