body{color:#1f2937;background:#f6f8fb;margin:0;font-family:Arial,sans-serif}*{box-sizing:border-box}button,input{font:inherit}.tracker-page{max-width:1200px;min-height:100vh;margin:0 auto;padding:24px}.tracker-header{margin-bottom:26px}.tracker-header h1{margin:0 0 8px;font-size:32px}.tracker-subtitle{color:#6b7280;line-height:1.5}.tracker-layout{grid-template-columns:320px 1fr;align-items:start;gap:20px;display:grid}.tracker-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px;box-shadow:0 4px 18px #00000009}.tracker-card h2{margin-top:0}.tracker-result-card{margin-bottom:20px}.tracker-error{color:#a40000;background:snow;border-color:#c62828;margin-bottom:20px}.tracker-parameter-list{gap:10px;margin-bottom:14px;display:grid}.tracker-parameter-row{color:#1f2937;text-align:left;cursor:pointer;background:#fff;border:1px solid #e1e5eb;border-radius:11px;justify-content:space-between;align-items:center;width:100%;min-height:82px;padding:13px 14px;transition:border-color .15s,background .15s,transform .15s;display:flex}.tracker-parameter-row:hover{background:#fafcff;border-color:#b8c4d6}.tracker-parameter-row:active{transform:scale(.995)}.tracker-parameter-row:focus-visible{outline-offset:2px;outline:2px solid #2457a7}.tracker-parameter-content{flex:1;min-width:0}.tracker-parameter-label{color:#6b7280;margin-bottom:5px;font-size:14px;font-weight:400;line-height:1.25}.tracker-parameter-value{color:#1f2937;white-space:nowrap;font-variant-numeric:tabular-nums;margin-top:5px;font-size:17px;font-weight:700;line-height:1.25}.tracker-parameter-value-empty{color:#9ca3af;font-weight:400}.tracker-parameter-arrow{color:#6b7280;flex:none;margin-left:10px;font-size:29px;font-weight:300;line-height:1}.tracker-parameters-note{color:#6b7280;margin-top:0;margin-bottom:18px;font-size:12px;line-height:1.35}.tracker-button{color:#fff;cursor:pointer;background:#2457a7;border:none;border-radius:8px;width:100%;padding:12px 16px}.tracker-button:hover{background:#1d4b92}.tracker-button:disabled{opacity:.6;cursor:default}.tracker-button:focus-visible{outline-offset:2px;outline:2px solid #2457a7}.tracker-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.tracker-metric{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px}.tracker-metric-label{color:#6b7280;font-size:14px}.tracker-metric-label-dark{color:#111}.tracker-metric-value{margin-top:6px;font-size:24px;font-weight:700}.tracker-metric-detail{align-items:baseline;gap:10px;font-size:13px;display:flex}.tracker-metric-detail-value{font-weight:600}.tracker-savings-breakdown{gap:6px;margin-top:18px;display:grid}.tracker-disclaimer{margin-top:16px;font-size:13px}.tracker-predictor{margin-top:20px;margin-bottom:20px}.tracker-predictor h2{margin-bottom:18px}.tracker-predictor-date{color:#1f2937;text-align:left;cursor:pointer;background:#fff;border:1px solid #e1e5eb;border-radius:11px;justify-content:space-between;align-items:center;width:100%;min-height:82px;padding:13px 14px;transition:border-color .15s,background .15s,transform .15s;display:flex}.tracker-predictor-date:hover{background:#fafcff;border-color:#b8c4d6}.tracker-predictor-date:active{transform:scale(.995)}.tracker-predictor-date:focus-visible{outline-offset:2px;outline:2px solid #2457a7}.tracker-predictor-date:disabled{opacity:.6;cursor:default}.tracker-predictor-date-content{flex:1;min-width:0}.tracker-predictor-date-value{color:#1f2937;margin-top:5px;font-size:17px;font-weight:700;line-height:1.25}.tracker-predictor-result{margin-top:22px}.tracker-predictor-placeholder{color:#6b7280;margin-top:20px;font-size:14px;line-height:1.5}.tracker-predictor-growth{border-top:1px solid #eef0f3;margin-top:22px}.tracker-predictor-growth-toggle{color:#2457a7;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:16px 0 4px;font-size:14px;font-weight:600;display:flex}.tracker-predictor-growth-toggle:hover{color:#1d4b92}.tracker-predictor-growth-toggle:focus-visible{outline-offset:4px;outline:2px solid #2457a7}.tracker-predictor-growth-arrow{color:#6b7280;flex:none;font-size:22px;font-weight:400;line-height:1;transition:transform .15s}.tracker-predictor-growth-arrow-open{transform:rotate(180deg)}.tracker-predictor-growth-content{background:#f7f9fc;border-radius:10px;margin-top:14px;padding:16px}.tracker-participation-description{color:#6b7280;margin-bottom:14px;font-size:13px;line-height:1.45}.tracker-participation-edit-button{color:#2457a7;cursor:pointer;background:#fff;border:1px solid #b8c4d6;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:600}.tracker-participation-edit-button:hover{background:#f4f8ff;border-color:#2457a7}.tracker-participation-edit-button:focus-visible{outline-offset:2px;outline:2px solid #2457a7}.tracker-banner{text-align:center;background:#fff;border:1px dashed #9ca3af;border-radius:14px;padding:28px 20px}.tracker-banner-title{margin-bottom:6px;font-size:21px;font-weight:700}.tracker-banner-status{margin-top:6px;font-weight:700}.tracker-banner-text{color:#6b7280}.tracker-editor-backdrop{z-index:1000;overscroll-behavior:contain;background:#0f172a47;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tracker-editor{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:min(430px,100%);padding:22px;box-shadow:0 18px 50px #0f172a2e}.tracker-participation-editor{max-height:calc(100vh - 40px);overflow-y:auto}.tracker-participation-hint{color:#6b7280;margin-bottom:20px;font-size:13px;line-height:1.45}.tracker-participation-editor-content{margin-bottom:20px}.tracker-participation-period{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:20px}.tracker-participation-period-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.tracker-participation-period-title{font-size:15px;font-weight:700}.tracker-participation-remove{color:#a40000;cursor:pointer;background:0 0;border:0;padding:5px 8px;font-size:13px}.tracker-participation-remove:hover{text-decoration:underline}.tracker-participation-remove:focus-visible{outline-offset:2px;outline:2px solid #2457a7}.tracker-participation-date{margin-bottom:18px}.tracker-participation-date:last-child{margin-bottom:0}.tracker-participation-date-title{color:#111827;margin-bottom:10px;font-size:14px;font-weight:700}.tracker-participation-add{color:#2457a7;cursor:pointer;background:#fafcff;border:1px dashed #b8c4d6;border-radius:9px;width:100%;padding:11px 14px;font-weight:600}.tracker-participation-add:hover{background:#f4f8ff;border-color:#2457a7}.tracker-participation-add:focus-visible{outline-offset:2px;outline:2px solid #2457a7}.tracker-participation-validation{color:#a40000;margin-bottom:16px;font-size:13px;line-height:1.45}.tracker-editor-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.tracker-editor-title{color:#111827;padding-top:4px;font-size:18px;font-weight:700;line-height:1.3}.tracker-editor-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:28px;font-weight:300;line-height:1;display:flex}.tracker-editor-close:hover{color:#111827;background:#f3f4f6}.tracker-editor-close:focus-visible{outline-offset:2px;outline:2px solid #2457a7}.tracker-wheel-editor{margin-bottom:22px}.tracker-wheel-headings{color:#374151;text-align:center;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:7px;font-size:13px;font-weight:600;display:grid}.tracker-wheel-columns{grid-template-columns:1fr 1fr;gap:18px;display:grid;position:relative}.tracker-single-wheel-editor{max-width:210px;margin-left:auto;margin-right:auto}.tracker-single-wheel-heading{color:#374151;text-align:center;margin-bottom:7px;font-size:13px;font-weight:600}.tracker-single-wheel-container{width:100%}.tracker-wheel-column{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:contain;background:linear-gradient(#f9fafb 0%,#fff 27% 73%,#f9fafb 100%);border:1px solid #e5e7eb;border-radius:12px;outline:none;height:210px;position:relative;overflow:hidden}.tracker-wheel-column:active{cursor:grabbing}.tracker-wheel-column:focus-visible{border-color:#2457a7;box-shadow:0 0 0 2px #2457a726}.tracker-wheel-selection{z-index:0;pointer-events:none;background:#eaf2ff;border-radius:9px;height:42px;position:absolute;top:50%;left:8px;right:8px;transform:translateY(-50%)}.tracker-wheel-items{z-index:1;grid-template-rows:repeat(5,42px);height:210px;display:grid;position:relative}.tracker-wheel-item{color:#8a94a5;cursor:pointer;touch-action:none;background:0 0;border:0;justify-content:center;align-items:center;gap:5px;width:100%;padding:0 5px;font-size:17px;font-weight:400;transition:color .18s,font-size .18s,font-weight .18s,opacity .18s,transform .18s;display:flex}.tracker-wheel-item:first-child,.tracker-wheel-item:last-child{opacity:.55}.tracker-wheel-item:nth-child(2),.tracker-wheel-item:nth-child(4){opacity:.78}.tracker-wheel-item:hover{color:#374151}.tracker-wheel-item-selected{color:#111827;opacity:1;font-size:20px;font-weight:700}.tracker-wheel-item-selected:hover{color:#111827}.tracker-wheel-item-empty{cursor:default}.tracker-wheel-item-selected{transform:scale(1.03)}.tracker-wheel-number{text-align:right;font-variant-numeric:tabular-nums;min-width:2ch}.tracker-wheel-item-selected .tracker-wheel-number{font-size:23px}.tracker-wheel-unit{color:#374151;text-align:left;white-space:nowrap;min-width:58px;font-size:15px;font-weight:400}.tracker-wheel-hint{color:#6b7280;text-align:center;margin-top:12px;font-size:11px;line-height:1.4}.tracker-editor-done{color:#fff;cursor:pointer;background:#2457a7;border:none;border-radius:8px;width:100%;padding:11px 16px;font-weight:600}.tracker-editor-done:hover{background:#1d4b92}.tracker-editor-done:focus-visible{outline-offset:2px;outline:2px solid #2457a7}@media (width<=768px){.tracker-page{padding:16px}.tracker-header h1{font-size:27px}.tracker-layout,.tracker-summary{grid-template-columns:1fr}.tracker-card{padding:16px}.tracker-metric-detail{flex-wrap:wrap}.tracker-parameter-row,.tracker-predictor-date{min-height:78px}.tracker-predictor-growth-toggle{padding-top:15px}.tracker-predictor-growth-content{padding:14px}.tracker-editor-backdrop{align-items:flex-end;padding:12px}.tracker-editor{border-radius:16px;width:100%;padding:20px 18px}.tracker-participation-editor{max-height:calc(100vh - 24px)}.tracker-wheel-columns,.tracker-wheel-headings{gap:10px}.tracker-wheel-unit{min-width:54px}.tracker-single-wheel-editor{max-width:200px}}.tracker-restoration{border:1px solid var(--tracker-border,#dce3eb);background:#f8fafc;border-radius:14px;margin:12px 0 20px;padding:16px}.tracker-restoration-title{color:#243247;margin-bottom:12px;font-size:14px;font-weight:600;line-height:1.45}.tracker-restoration-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tracker-restoration-option{color:#243247;text-align:left;cursor:pointer;background:#fff;border:1px solid #d5deea;border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:14px;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.tracker-restoration-option strong{font-size:14px;font-weight:700}.tracker-restoration-option span{font-size:12px;line-height:1.5}.tracker-restoration-option:hover{border-color:#7ca5df}.tracker-restoration-option.is-selected{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.tracker-restoration-option:focus-visible{outline-offset:3px;outline:2px solid #2563eb}@media (width<=480px){.tracker-restoration{padding:12px}.tracker-restoration-options{grid-template-columns:1fr}.tracker-restoration-option{padding:12px}}.tracker-metric-value,.tracker-metric-detail-value{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.tracker-participation-add:disabled{opacity:.45;cursor:not-allowed}@media (width<=480px){.tracker-metric-value{font-size:clamp(19px,5.5vw,24px)}.tracker-metric-detail{align-items:flex-start}.tracker-metric-detail-value{min-width:0}}