:root{--bg: #0d1117;--bg-raise: #151b24;--bg-panel: #1a212c;--border: #2a3341;--text: #e6ebf2;--text-dim: #93a1b5;--text-faint: #64748b;--accent: #4ade80;--accent-dim: #14532d;--danger: #f87171;--warn: #fbbf24;--info: #60a5fa;--purple: #c084fc;--radius: 12px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;min-height:100vh;display:flex;flex-direction:column}main{flex:1;width:100%;max-width:1060px;margin:0 auto;padding:0 20px 40px}.topbar{display:flex;align-items:center;justify-content:space-between;max-width:1060px;margin:0 auto;padding:18px 20px;width:100%}.brand{display:flex;align-items:center;gap:10px}.brand-dot{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #4ade8026,0 0 12px #4ade8099;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #4ade8026,0 0 10px #4ade8080}50%{box-shadow:0 0 0 7px #4ade8014,0 0 18px #4ade80b3}}h1{font-size:19px;margin:0;font-weight:650;letter-spacing:-.01em}.ghost-btn{background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:8px;padding:7px 14px;font-size:13px;cursor:pointer}.ghost-btn:hover{color:var(--text);border-color:var(--text-faint)}#uploader{padding-top:40px;max-width:640px;margin:0 auto;text-align:center}.uploader-copy h2{font-size:28px;letter-spacing:-.02em;margin:0 0 10px}.uploader-copy p{color:var(--text-dim);margin:0 0 28px}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:44px 20px;cursor:pointer;background:var(--bg-raise);transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.drag{border-color:var(--accent);background:#16211b}.dz-icon{font-size:30px;color:var(--accent)}.dz-title{font-weight:600;margin-top:8px}.dz-sub{color:var(--text-faint);font-size:13px;margin-top:3px}.error{color:var(--danger);font-size:14px;margin-top:14px}.uploader-footer{margin-top:26px}.primary-btn{background:var(--accent);color:#052e16;font-weight:650;border:none;border-radius:9px;padding:11px 22px;font-size:14px;cursor:pointer}.primary-btn:hover{filter:brightness(1.08)}.format-hint{color:var(--text-faint);font-size:13px;margin-top:18px}.format-hint strong{color:var(--text-dim)}.meta{color:var(--text-faint);font-size:13px;margin:4px 0 16px}.meta strong{color:var(--text-dim);font-weight:600}.meta .warn{color:var(--warn)}.hero{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;margin-bottom:18px}.stat{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.stat-savings{background:linear-gradient(135deg,#10261a,#14351f);border-color:#245c38}.stat-savings .stat-value{color:var(--accent)}.stat-label{color:var(--text-dim);font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.stat-value{font-size:32px;font-weight:700;letter-spacing:-.02em;margin-top:4px;font-variant-numeric:tabular-nums}.stat-sub{color:var(--text-faint);font-size:13px;margin-top:2px}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;margin-bottom:18px}.panel h3{margin:0 0 12px;font-size:15px;letter-spacing:-.01em}.hint{color:var(--text-faint);font-size:13px;margin:-6px 0 14px}.empty-note{color:var(--text-faint);font-size:14px;padding:8px 0}.save-item{display:flex;gap:16px;align-items:flex-start;padding:12px 4px;border-top:1px solid var(--border)}.save-item:first-child{border-top:none}.save-amount{color:var(--accent);font-weight:700;font-size:19px;min-width:110px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.save-amount span{color:var(--text-faint);font-size:12px;font-weight:500}.save-flag-icon{font-size:18px;color:var(--warn)}.save-title{font-weight:600;font-size:14.5px}.save-reason{color:var(--text-dim);font-size:13.5px;margin-top:1px}.advisory .save-title{color:var(--warn)}.charts{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin-bottom:4px}.charts .panel{margin-bottom:14px}#chart-trend svg{width:100%;height:auto;display:block}#chart-trend .bar{fill:#2f9e5f}#chart-trend .axis{fill:var(--text-faint);font-size:11px;text-anchor:middle}#chart-trend .bar-val{fill:var(--text-dim);font-size:10px;text-anchor:middle}.cat-row{display:flex;align-items:center;gap:12px;padding:6px 0}.cat-name{width:140px;font-size:13px;color:var(--text-dim);flex-shrink:0}.cat-bar-track{flex:1;height:10px;background:var(--bg-raise);border-radius:5px;overflow:hidden}.cat-bar{height:100%;background:linear-gradient(90deg,#2f9e5f,#4ade80);border-radius:5px}.cat-total{width:92px;text-align:right;font-size:13px;font-variant-numeric:tabular-nums}.sub-row{display:flex;align-items:center;gap:16px;padding:13px 4px;border-top:1px solid var(--border)}.sub-row:first-child{border-top:none}.sub-row.inactive{opacity:.55}.sub-main{flex:1;min-width:0}.sub-name{font-weight:600;font-size:14.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sub-detail{color:var(--text-faint);font-size:12.5px;margin-top:3px}.chip{background:var(--bg-raise);border:1px solid var(--border);color:var(--text-dim);border-radius:20px;padding:1px 9px;font-size:11.5px;margin-right:4px}.flag{font-size:11px;font-weight:600;border-radius:20px;padding:2px 9px;cursor:help;white-space:nowrap}.flag-hike{background:#f8717121;color:var(--danger)}.flag-renew{background:#fbbf2421;color:var(--warn)}.flag-zombie{background:#c084fc21;color:var(--purple)}.flag-overlap{background:#60a5fa21;color:var(--info)}.flag-stopped{background:#94a3b826;color:var(--text-dim)}.spark{width:90px;height:26px;flex-shrink:0}.spark polyline{stroke:var(--text-faint);stroke-width:1.6}.spark-up polyline{stroke:var(--danger)}.sub-cost{text-align:right;min-width:110px;flex-shrink:0}.sub-cost-value{font-weight:700;font-size:16px;font-variant-numeric:tabular-nums}.sub-cost-value span{color:var(--text-faint);font-size:11px;font-weight:500}.sub-cost-year{color:var(--text-faint);font-size:12px}.usage{display:flex;gap:0;flex-shrink:0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.usage-btn{background:transparent;border:none;color:var(--text-faint);font-size:12px;padding:6px 10px;cursor:pointer;border-left:1px solid var(--border)}.usage-btn:first-child{border-left:none}.usage-btn:hover{color:var(--text);background:var(--bg-raise)}.usage-btn.on{font-weight:650}.usage-btn.on-keep{background:#4ade8026;color:var(--accent)}.usage-btn.on-rarely{background:#fbbf2426;color:var(--warn)}.usage-btn.on-never{background:#f8717126;color:var(--danger)}.usage-inactive{border:none;color:var(--text-faint);font-size:12px}.clear-marks{margin-top:14px;font-size:12px}.foot{text-align:center;color:var(--text-faint);font-size:12px;padding:18px}@media(max-width:860px){.hero,.charts{grid-template-columns:1fr}.spark{display:none}}@media(max-width:620px){.sub-row{flex-wrap:wrap}.sub-cost{text-align:left}}@media(max-width:420px){main{padding:0 10px 30px}.topbar{padding:12px 10px;flex-wrap:wrap;gap:8px}.uploader-copy h2{font-size:21px}.panel,.stat{padding:13px 14px}.stat-value{font-size:25px}.save-item{flex-direction:column;gap:3px;padding:10px 0}.save-amount{min-width:0;font-size:16px}.cat-row{flex-wrap:wrap}.cat-name{width:auto;flex-basis:60%}.cat-total{width:auto;margin-left:auto}.cat-bar-track{flex-basis:100%;order:3}.sub-row{gap:8px}.sub-cost{min-width:0}.usage-btn{padding:5px 8px;font-size:11px}}