.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:16px}.card h2{font-size:16px;font-weight:600;margin-bottom:14px;color:var(--text)}.section-title{font-size:14px;font-weight:600;color:var(--sub);margin:4px 4px 10px;letter-spacing:.3px}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.two-col .card{margin-bottom:16px;min-width:0}.form-grid{display:flex;flex-direction:column;gap:10px}.form-row{display:flex;align-items:center;gap:12px}.form-row label{width:108px;flex-shrink:0;font-size:14px;color:var(--sub);font-weight:500}.form-row input[type=number],.form-row input[type=text]{flex:1;min-width:0;height:42px;padding:0 14px;border:1.5px solid var(--border);border-radius:10px;background:var(--card-alt);color:var(--text);font-size:15px;font-weight:600;outline:none;text-align:right;font-variant-numeric:tabular-nums;transition:border-color .2s,background .2s}.form-row input:focus{border-color:var(--primary);background:var(--card)}.hint{font-size:12px;color:var(--sub);padding:8px 12px;background:var(--card-alt);border-radius:10px;margin-top:10px}.hint b{color:var(--text);font-weight:700}.hint .warn{display:inline-block;color:#ef4444;font-weight:600;margin-left:6px;font-size:12px}.form-grid .hint{margin-top:0}.caveat-note{font-size:11px;color:var(--sub);opacity:.75;line-height:1.55;margin:10px 2px 0;letter-spacing:.1px}.rate-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.rate-item{display:flex;flex-direction:column}.rate-item label{font-size:13px;color:var(--sub);font-weight:500;margin-bottom:6px;line-height:1.4}.rate-item input{width:100%;height:42px;padding:0 12px;border:1.5px solid var(--border);border-radius:10px;background:var(--card-alt);color:var(--text);font-size:15px;font-weight:600;outline:none;text-align:right;font-variant-numeric:tabular-nums;transition:border-color .2s,background .2s}.rate-item input:focus{border-color:var(--primary);background:var(--card)}.results-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.result-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 12px;text-align:center}.result-label{font-size:12px;color:var(--sub);margin-bottom:6px;font-weight:500}.result-value{font-size:20px;font-weight:700;color:var(--text);word-break:break-all}.result-value.green{color:#10b981}.result-value.orange{color:#f59e0b}.result-sub{font-size:11px;color:var(--sub);margin-top:4px}.year-card{border:2px solid var(--primary-muted)}.year-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.year-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:var(--card-alt);border-radius:10px;flex-wrap:wrap}.year-row.big{background:color-mix(in srgb,var(--primary) 8%,var(--card-alt));font-weight:600}.year-label{font-size:13px;color:var(--sub);font-weight:500}.year-row.big .year-label{color:var(--text);font-size:14px;font-weight:600}.year-val{font-size:17px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.year-val.green{color:#10b981}.year-val.orange{color:#f59e0b}.year-row.big .year-val{font-size:20px}.year-sub{font-size:11px;color:var(--sub);flex-basis:100%;text-align:right}.comp-hint{font-size:12px;color:var(--sub);line-height:1.6;padding:10px 12px;background:var(--card-alt);border-radius:10px;margin-top:4px}.comp-hint b{color:var(--text);font-weight:700}.card-header{display:flex;align-items:center;justify-content:space-between}.card-header.clickable{cursor:pointer;user-select:none}.card-header.clickable:hover{opacity:.85}.card-header h2{margin-bottom:0}.toggle-icon{font-size:12px;color:var(--sub);transition:transform .2s}.toggle-icon.open{transform:rotate(90deg)}.section-body{padding-top:14px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:13px}thead th{background:var(--card-alt);color:var(--sub);font-weight:600;font-size:12px;text-align:right;padding:9px 8px;border-bottom:2px solid var(--border);white-space:nowrap}thead th:first-child{text-align:left}tbody td{padding:8px;text-align:right;border-bottom:1px solid var(--border);white-space:nowrap;font-variant-numeric:tabular-nums}tbody td:first-child{text-align:left;font-weight:600}tbody tr:hover{background:var(--card-alt)}tfoot th{padding:10px 8px;text-align:right;background:var(--card-alt);color:var(--text);font-weight:700;font-size:13px;font-variant-numeric:tabular-nums}tfoot th:first-child{text-align:left}.action-btns{display:flex;gap:10px;margin-bottom:16px}.btn-action{flex:1;height:44px;border:1.5px solid var(--border);border-radius:12px;background:var(--card);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-action:hover{border-color:var(--primary);color:var(--primary)}.btn-action:active{filter:brightness(.95)}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{background:#fff!important;padding:0!important}nav,.ad-banner-block,.action-btns{display:none!important}.card{box-shadow:none!important;border:1px solid #eee!important;break-inside:avoid}.result-card{box-shadow:none!important;border:1px solid #eee!important}#detailSection{display:block!important}.toggle-icon{display:none!important}}@media(max-width:720px){.two-col{grid-template-columns:minmax(0,1fr);gap:0}.rate-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}.results-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(max-width:600px){.card{padding:14px}input{font-size:16px!important}.form-row{gap:10px}.form-row label{width:100px;font-size:13px}.form-row input[type=number],.form-row input[type=text]{height:40px;padding:0 12px}.rate-item input{height:40px}.result-value{font-size:18px}.year-val{font-size:15px}.year-row.big .year-val{font-size:18px}table{font-size:12px}}@media(max-width:480px){.rate-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.action-btns{flex-wrap:wrap}.action-btns .btn-action{flex:1 1 calc(50% - 5px);min-width:0}}