:root{font-family:Inter,Segoe UI,Roboto,system-ui,sans-serif;color:#eef7f1;background:#0d1410;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #0d1410;--surface: #151f19;--surface-strong: #1b2921;--surface-soft: #101914;--text: #eef7f1;--muted: #8fa197;--line: rgba(205, 236, 217, .1);--accent: #74e0a3;--accent-strong: #38bd78;--accent-soft: rgba(116, 224, 163, .12);--danger: #ff827c;--warning: #f5ca72;--shadow: 0 16px 46px rgba(0, 0, 0, .24)}:root[data-theme=light]{color:#142219;background:#f2f7f3;--bg: #f2f7f3;--surface: #ffffff;--surface-strong: #f7fbf8;--surface-soft: #e8f1eb;--text: #142219;--muted: #66766d;--line: rgba(30, 70, 46, .12);--accent: #159158;--accent-strong: #087847;--accent-soft: rgba(21, 145, 88, .1);--danger: #c74640;--warning: #a96d00;--shadow: 0 16px 40px rgba(36, 74, 49, .1)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}.app-shell{min-height:100vh;padding-bottom:calc(86px + env(safe-area-inset-bottom))}.topbar{height:68px;display:flex;align-items:center;gap:11px;padding:calc(8px + env(safe-area-inset-top)) 20px 8px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-weight:800;color:#092216;background:linear-gradient(145deg,#9af3bd,#49c985);box-shadow:0 8px 24px #47cd8533}.topbar div:last-child{display:flex;flex-direction:column;line-height:1.1}.topbar strong{font-size:15px;letter-spacing:.01em}.topbar span{margin-top:4px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.09em}.page-container{width:min(100%,720px);margin:0 auto}.page{padding:22px 16px 28px;animation:enter .28s ease-out}@keyframes enter{0%{opacity:0;transform:translateY(5px)}}.bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;height:calc(70px + env(safe-area-inset-bottom));padding:7px 10px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--surface) 94%,transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.bottom-nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;color:var(--muted);font-size:10px;font-weight:600;transition:.2s ease}.bottom-nav a.active{color:var(--accent)}.nav-icon{font-size:23px;line-height:1;font-weight:400}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(27px,8vw,36px);letter-spacing:-.045em}h2{margin-bottom:0;font-size:18px;letter-spacing:-.025em}.eyebrow{margin:0 0 5px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.page-title{margin:3px 2px 22px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title-row>a,.section-title-row>span{color:var(--accent);font-size:12px;font-weight:700}.section-title-row small{display:block;color:var(--muted);font-weight:500;margin-top:4px}.counter{min-width:34px;padding:7px 9px;text-align:center;background:var(--accent-soft);border-radius:99px}.hero-card{position:relative;overflow:hidden;min-height:172px;padding:25px 23px;display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid rgba(116,224,163,.2);border-radius:26px;background:radial-gradient(circle at 90% 10%,rgba(116,224,163,.18),transparent 45%),linear-gradient(145deg,#18281f,#111b15);box-shadow:var(--shadow)}:root[data-theme=light] .hero-card{background:radial-gradient(circle at 90% 10%,rgba(21,145,88,.14),transparent 45%),linear-gradient(145deg,#fff,#edf6f0)}.hero-card h1{font-size:clamp(43px,14vw,64px);line-height:.95}.hero-unit{display:block;width:150px;margin-top:10px;color:var(--muted);font-size:11px;line-height:1.4}.gauge{--progress: 0deg;flex:0 0 105px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--accent) var(--progress),rgba(116,224,163,.12) 0);position:relative}.gauge:before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--surface)}.gauge div{z-index:1;display:flex;flex-direction:column;align-items:center}.gauge strong{font-size:22px}.gauge span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.07em}.button{min-height:50px;border:0;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;font-weight:800;cursor:pointer;transition:transform .15s,opacity .15s}.button:active{transform:scale(.985)}.button:disabled{opacity:.55;cursor:wait}.button.primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#082116;box-shadow:0 10px 24px #37be772b}.button.secondary{background:var(--surface-strong);border:1px solid var(--line);color:var(--text)}.add-button{width:100%;margin:14px 0}.add-button span{font-size:21px;font-weight:400}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:2px 0 14px}.metric-card{min-height:117px;padding:17px;border:1px solid var(--line);border-radius:19px;background:var(--surface);display:flex;flex-direction:column}.metric-card.accent{background:linear-gradient(145deg,var(--accent-soft),var(--surface));border-color:#74e0a333}.metric-card span{color:var(--muted);font-size:11px}.metric-card strong{margin-top:auto;font-size:20px;letter-spacing:-.03em}.metric-card small{margin-top:4px;color:var(--muted);font-size:10px}.payback-card,.recent-section,.chart-card,.interval-list,.analytics-summary,.form-card,.import-card{padding:19px;margin-bottom:13px;border:1px solid var(--line);border-radius:21px;background:var(--surface)}.progress-track{height:8px;margin:19px 0 9px;overflow:hidden;border-radius:99px;background:var(--surface-soft)}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-strong),var(--accent))}.payback-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.open-interval{margin:14px 0;padding:15px 17px;display:flex;align-items:center;gap:13px;border:1px dashed rgba(245,202,114,.35);border-radius:18px;background:#f5ca720f}.open-interval p{margin:4px 0 0;color:var(--muted);font-size:11px}.pulse{width:9px;height:9px;flex:none;border-radius:50%;background:var(--warning);box-shadow:0 0 0 6px #f5ca7217}.entry-list{margin-top:13px}.entry-row{min-height:62px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;border-bottom:1px solid var(--line)}.entry-row:last-child{border-bottom:0}.entry-row div{display:flex;flex-direction:column}.entry-row strong{font-size:12px}.entry-row small{margin-top:3px;color:var(--muted);font-size:9px}.entry-amount{align-items:flex-end}.fill-dot{width:10px;height:10px;border-radius:50%;display:inline-block;border:2px solid var(--muted)}.fill-dot.full{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.fill-dot.partial{border-color:var(--warning);background:linear-gradient(90deg,var(--warning) 50%,transparent 50%)}.fill-dot.unset{border-color:var(--danger)}.screen-state{min-height:55vh;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.screen-state h2{color:var(--text);margin:12px 0 4px}.screen-state p{max-width:320px;font-size:12px;line-height:1.6}.spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.state-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:var(--accent);background:var(--accent-soft);font-weight:800}.timeline{position:relative}.timeline:before{content:"";position:absolute;top:10px;bottom:10px;left:5px;width:1px;background:var(--line)}.history-card{display:grid;grid-template-columns:18px 1fr;gap:9px;margin-bottom:11px}.timeline-marker{z-index:1;padding-top:20px;background:var(--bg)}.timeline-marker span{width:11px;height:11px;border-radius:50%;display:block;border:2px solid var(--muted);background:var(--bg)}.timeline-marker .full{border-color:var(--accent);background:var(--accent)}.timeline-marker .partial{border-color:var(--warning)}.history-content{padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.history-content .section-title-row>strong{font-size:15px}.history-metrics{margin:14px 0 2px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.history-metrics span{padding:9px 7px;display:flex;flex-direction:column;border-radius:10px;background:var(--surface-soft);color:var(--muted);font-size:9px}.history-metrics b{color:var(--text);font-size:11px}.entry-note{margin:11px 0 0;padding:10px;border-left:2px solid var(--accent);color:var(--muted);font-size:11px;line-height:1.45}.card-actions{display:flex;gap:18px;margin-top:14px}.card-actions a,.card-actions button{padding:0;border:0;background:none;color:var(--accent);font-size:10px;font-weight:700;cursor:pointer}.card-actions button{color:var(--danger)}.load-more{width:100%}.floating-add{position:fixed;right:18px;bottom:calc(84px + env(safe-area-inset-bottom));width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:var(--accent);color:#082116;font-size:27px;box-shadow:var(--shadow)}.page-heading{display:flex;align-items:center;gap:13px;margin-bottom:20px}.icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:13px;background:var(--surface);cursor:pointer}.form-card{display:grid;gap:15px}.form-card label{display:grid;gap:7px;color:var(--muted);font-size:10px;font-weight:700}input,textarea{width:100%;min-height:47px;padding:11px 13px;border:1px solid var(--line);border-radius:13px;outline:none;background:var(--surface-soft);color:var(--text);transition:border-color .15s,box-shadow .15s}textarea{resize:vertical}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input:read-only{color:var(--accent)}.input-with-unit{position:relative}.input-with-unit input{padding-right:54px}.input-with-unit span{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:10px}.form-section-title{margin-bottom:-2px}.segmented{padding:4px;display:grid;gap:3px;border-radius:13px;background:var(--surface-soft)}.segmented.three{grid-template-columns:repeat(3,1fr)}.segmented button{min-height:38px;padding:4px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:9px;font-weight:700;cursor:pointer}.segmented button.active{background:var(--surface-strong);color:var(--accent);box-shadow:0 4px 12px #00000014}.fuel-input-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.fuel-input-grid input{padding:10px 8px}.calculated-field{color:var(--accent)!important}.fill-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.fill-selector button{padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft);color:var(--muted);cursor:pointer}.fill-selector button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.fill-selector button span{color:var(--accent)}.fill-selector button strong{font-size:11px}.fill-selector button small{font-size:8px;color:var(--muted)}.submit-button{width:100%}.form-error,.form-success{padding:12px 14px;border-radius:12px;font-size:11px}.form-error{color:var(--danger);background:#ff827c17}.form-success{color:var(--accent);background:var(--accent-soft)}.analytics-summary{padding:0;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden}.analytics-period{grid-template-columns:repeat(4,1fr);margin:-8px 0 13px}.analytics-summary article{padding:14px 11px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.analytics-summary article:last-child{border:0}.analytics-summary span,.analytics-summary small{color:var(--muted);font-size:8px}.analytics-summary strong{margin:8px 0 2px;font-size:16px}.chart-card{padding:17px 10px 8px}.chart-card>div:first-child{padding:0 9px 12px}.chart-card p{margin:4px 0 0;color:var(--muted);font-size:10px}.interval-list{display:grid;gap:0}.interval-list article{min-height:63px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.interval-list article:last-child{border:0}.interval-list article>div{display:flex;flex-direction:column}.interval-list article>div:last-child{align-items:flex-end}.interval-list strong{font-size:11px}.interval-list small{margin-top:4px;color:var(--muted);font-size:9px}.positive{color:var(--accent)!important}.negative{color:var(--danger)!important}.two-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.import-card>p,.import-hint{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.import-preview{display:grid;gap:12px;padding-top:8px;border-top:1px solid var(--line)}.import-rows{max-height:340px;overflow:auto;display:grid;gap:5px}.import-rows button{min-height:54px;padding:9px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);color:var(--text);text-align:left;cursor:pointer}.import-rows button div{display:flex;flex-direction:column}.import-rows button small,.import-rows button>span:last-child{color:var(--muted);font-size:8px}.version-label{margin:23px 0 5px;text-align:center;color:var(--muted);font-size:9px}@media(min-width:620px){.page{padding-inline:22px}.metric-grid{grid-template-columns:repeat(4,1fr)}.metric-card{min-height:125px}.bottom-nav{left:50%;right:auto;width:720px;transform:translate(-50%);border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}