*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:#f9f9f9}.calc-wrap{max-width:580px;margin:0 auto;padding:16px}.calc-card{background:#fff;border:1px solid #e8e8e8;border-radius:14px;padding:24px;box-shadow:0 2px 12px #0000000f}.calc-header{text-align:center;margin-bottom:24px}.calc-title{font-size:22px;font-weight:600;color:#1a1a2e;margin-bottom:6px}.calc-sub{font-size:13px;color:#666}.label-sm{font-size:12px;font-weight:700;color:#555;margin-bottom:8px;display:block;text-transform:uppercase;letter-spacing:.4px}.field{margin-bottom:20px}.field-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.field-label{font-size:13px;font-weight:600;color:#444}.bar-wrap{height:6px;background:#f0f0f0;border-radius:3px;margin-top:6px}.bar-fill{height:100%;border-radius:3px;transition:width .15s}input[type=range]{-webkit-appearance:none;width:100%;height:5px;border-radius:3px;background:#e0e0e0;outline:none;margin-top:8px;cursor:pointer}.tabs2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.tabs3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:20px}.tabs4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:20px}.tab{padding:10px 6px;border:1px solid #ddd;border-radius:8px;text-align:center;cursor:pointer;font-size:12px;font-weight:600;color:#666;background:#fff;transition:all .15s;line-height:1.5;-webkit-user-select:none;user-select:none}.result-table{border-radius:12px;overflow:hidden;border:1px solid #e8e8e8;margin-top:16px}.result-row{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-bottom:1px solid #f0f0f0}.result-row:last-child{border-bottom:none}.result-label{font-size:13px;color:#555;font-weight:500}.result-val{font-size:14px;font-weight:700}.result-row.total{background:#185fa5}.result-row.total .result-label{color:#fff;font-weight:700;font-size:14px}.result-row.total .result-val{color:#e6f1fb;font-size:18px}.main-btn{width:100%;padding:14px;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;margin-top:4px}.note{font-size:11px;color:#aaa;text-align:center;margin-top:12px;line-height:1.6}.blue .tab.active,.blue .main-btn{background:#185fa5;border-color:#185fa5;color:#fff}.blue .bar-fill{background:#185fa5}.blue .val-badge{color:#185fa5;background:#e6f1fb}.blue .result-val{color:#185fa5}input[type=range].blue-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#185fa5;cursor:pointer}.teal .tab.active,.teal .main-btn{background:#38b1c5;border-color:#38b1c5;color:#fff}.teal .bar-fill{background:#38b1c5}.teal .val-badge{color:#1d728f;background:#e8f6fa}.teal .result-val{color:#1d728f}.teal .result-row.total{background:#1d728f}.teal .result-row.total .result-val{color:#e8f6fa}input[type=range].teal-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#38b1c5;cursor:pointer}.purple .tab.active,.purple .main-btn{background:#7c3aed;border-color:#7c3aed;color:#fff}.purple .val-badge{color:#7c3aed;background:#f5f3ff}.purple .result-val{color:#7c3aed}.purple .result-row.total{background:#7c3aed}.purple .result-row.total .result-val{color:#f5f3ff}.val-badge{font-size:15px;font-weight:700;padding:3px 12px;border-radius:6px;min-width:100px;text-align:right}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.summary-item{border-radius:10px;padding:12px;text-align:center}.summary-label{font-size:11px;font-weight:700;margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px}.summary-val{font-size:15px;font-weight:700}.prog-wrap{height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden;margin-bottom:8px}.prog-fill{height:100%;border-radius:6px;transition:width .3s}.prog-labels{display:flex;justify-content:space-between;font-size:11px;font-weight:600}