:root{--accent:#f59e0b;--bg-app:#050510;--bg-card:#0d0d1f;--bg-input:#111128;--text-primary:#fff;--text-secondary:#88a;--text-muted:#557;--cyan:#00f3ff;--purple:#bc13fe;--green:#10b981;--red:#f43f5e;--amber:#f59e0b;--border:#ffffff14;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-app);color:var(--text-primary);min-height:100vh;font-family:Inter,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.calc-breadcrumb{color:var(--text-muted);padding:10px 24px;font-size:.79rem}.calc-breadcrumb a{color:var(--text-secondary)}.main-container{max-width:1200px;margin:0 auto;padding:24px}.calc-title{margin-bottom:8px;font-size:2rem;font-weight:700}.calc-subtitle{color:var(--text-secondary);margin-bottom:24px}.tab-nav{border-bottom:1px solid var(--border);margin-bottom:24px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 22px;font-family:inherit;font-size:.9rem;transition:all .2s}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tab-content{display:none}.tab-content.active{display:block}.calc-layout{grid-template-columns:320px 1fr;align-items:start;gap:20px;display:grid}@media (width<=900px){.calc-layout{grid-template-columns:1fr}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.input-card{border-left:3px solid var(--cyan)}.result-card{border-left:3px solid var(--purple)}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:.82rem;font-weight:500;display:block}.form-input{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 14px;font-family:inherit;font-size:.92rem;transition:border-color .2s}.form-input:focus{border-color:var(--accent);outline:none}.section-title{margin-bottom:14px;font-size:1rem;font-weight:700}.shape-chips{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.shape-chip{border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:7px 14px;font-size:.83rem;transition:all .2s}.shape-chip.active{border-color:var(--accent);color:var(--accent);background:#f59e0b1a}.shape-chip:hover:not(.active){color:var(--text-primary);border-color:#fff3}.hero-result{text-align:center;border-radius:var(--radius);background:linear-gradient(135deg,#f59e0b14,#00f3ff0a);border:1px solid #f59e0b33;margin-bottom:20px;padding:20px 24px 16px;position:relative;overflow:hidden}.hero-gauge-wrap{width:160px;height:88px;margin:0 auto 8px;position:relative}.hero-gauge-wrap svg{width:100%;height:100%}.gauge-track{fill:none;stroke:#ffffff0f;stroke-width:14px;stroke-linecap:round}.gauge-fill{fill:none;stroke-width:14px;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1),stroke .4s}.hero-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:.72rem}.hero-value{color:var(--accent);margin-bottom:4px;font-size:2.4rem;font-weight:800;line-height:1}.hero-sub{color:var(--text-secondary);font-size:.87rem}.hero-tier-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:20px;margin-top:8px;padding:3px 12px;font-size:.72rem;font-weight:600;display:inline-block}.tier-poor{color:#f87171;background:#f43f5e26;border:1px solid #f43f5e4d}.tier-below{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.tier-good{color:#67e8f9;background:#00f3ff1a;border:1px solid #00f3ff40}.tier-great{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d}.tier-excellent{color:#34d399;background:#10b98133;border:1px solid #10b98166}.stat-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}@media (width<=600px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{border:1px solid var(--border);background:#ffffff08;border-radius:10px;padding:12px 14px;transition:border-color .2s}.stat-card:hover{border-color:#ffffff26}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:.69rem}.stat-value{color:var(--text-primary);font-size:1.05rem;font-weight:700}.formula-strip{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.formula-pill{color:var(--accent);white-space:nowrap;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:20px;padding:5px 14px;font-size:.74rem}.alert-stack{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.alert{border-left:3px solid;border-radius:8px;padding:10px 14px;font-size:.84rem;line-height:1.5}.alert-info{color:#7fffd4;background:#00d1c114;border-color:#00d1c1}.alert-success{border-color:var(--green);color:#6ee7b7;background:#10b98114}.alert-warn{border-color:var(--amber);color:#fcd34d;background:#f59e0b14}.alert-danger{border-color:var(--red);color:#fca5a5;background:#f43f5e14}.action-bar{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.btn-action{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#ffffff0a;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:.81rem;transition:all .2s;display:inline-flex}.btn-action:hover{border-color:var(--accent);color:var(--accent);background:#f59e0b0f}.btn-action svg{opacity:.8;flex-shrink:0}.history-section{margin-top:4px}.history-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.history-title{color:var(--text-primary);font-size:.9rem;font-weight:700}.history-avg{color:var(--text-secondary);margin-left:10px;font-size:.79rem}.btn-log{color:var(--accent);cursor:pointer;background:#f59e0b1a;border:1px solid #f59e0b66;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.81rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-log:hover{background:#f59e0b2e;border-color:#f59e0b99}.btn-clear-hist{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #f43f5e4d;border-radius:7px;padding:6px 12px;font-family:inherit;font-size:.75rem;transition:all .2s}.btn-clear-hist:hover{border-color:var(--red);color:var(--red)}.history-empty{text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:10px;padding:24px;font-size:.85rem}.history-table-wrap{margin-bottom:12px;overflow-x:auto}.history-table{border-collapse:collapse;width:100%;font-size:.84rem}.history-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);text-align:left;padding:7px 10px;font-size:.71rem;font-weight:600}.history-table td{color:var(--text-secondary);border-bottom:1px solid #ffffff0a;padding:8px 10px}.history-table tr:last-child td{border-bottom:none}.history-table .td-mpg{color:var(--text-primary);font-weight:700}.history-chart-wrap{height:160px;margin-top:4px;position:relative}#fillup-chart-section{display:none}.data-table{border-collapse:collapse;width:100%;font-size:.87rem}.data-table th{color:var(--accent);text-align:left;border-bottom:1px solid var(--border);background:#f59e0b1a;padding:10px 14px;font-weight:600}.data-table td{color:var(--text-secondary);border-bottom:1px solid #ffffff0a;padding:9px 14px}.data-table tr:hover td{background:#ffffff05}.data-table tr.highlight td{color:var(--text-primary);background:#f59e0b12;font-weight:600}.cost-chart-wrap{height:280px;margin-top:20px;position:relative}.compare-inputs{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}@media (width<=600px){.compare-inputs{grid-template-columns:1fr}}.compare-chart-wrap{height:260px;margin-top:20px;position:relative}.breakeven-card{border-radius:var(--radius);background:#00f3ff0f;border:1px solid #00f3ff26;margin-top:20px;padding:16px 20px}.breakeven-title{color:var(--cyan);margin-bottom:10px;font-size:.85rem;font-weight:700}.breakeven-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.breakeven-stat{flex-direction:column;gap:3px;display:flex}.breakeven-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.71rem}.breakeven-stat-value{color:var(--text-primary);font-size:1.05rem;font-weight:700}.breakeven-form{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.breakeven-form label{color:var(--text-secondary);white-space:nowrap;font-size:.82rem}.breakeven-input{background:var(--bg-input);border:1px solid var(--border);width:120px;color:var(--text-primary);border-radius:7px;padding:7px 12px;font-family:inherit;font-size:.88rem}.breakeven-input:focus{border-color:var(--cyan);outline:none}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--bg-card);border:1px solid var(--border);pointer-events:auto;border-radius:10px;flex-direction:column;min-width:220px;max-width:320px;padding:12px 16px;font-size:.84rem;animation:.25s toastIn;display:flex}.toast strong{margin-bottom:2px;font-size:.85rem;display:block}.toast-success{border-left:3px solid var(--green);color:#6ee7b7}.toast-success strong{color:#34d399}.toast-warn{border-left:3px solid var(--amber);color:#fcd34d}.toast-warn strong{color:var(--amber)}.toast-info{border-left:3px solid var(--cyan);color:#a5f3fc}.toast-info strong{color:var(--cyan)}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-sections-outer{max-width:1200px;margin:0 auto;padding:0 24px 3rem}.related-section{max-width:1200px;margin:0 auto;padding:0 24px 32px}.related-section h2{margin-bottom:16px;font-size:1.3rem}.related-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:12px;display:grid}.related-card{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;padding:13px;font-size:.87rem;transition:all .2s}.related-card:hover{border-color:var(--accent);color:var(--text-primary)}@media (width<=768px){.main-container{padding:16px}.calc-title{font-size:1.5rem}.tab-btn{padding:8px 12px;font-size:.81rem}}[data-theme=light]{--bg-app:#e8edf5;--bg-card:#fff;--bg-input:#f0f4f9;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--accent:#d97706;--cyan:#0891b2;--purple:#7c3aed;--green:#059669;--red:#dc2626;--amber:#d97706;--border:#0000001f;--radius:12px}[data-theme=light] body{color:#0f172a;background:#e8edf5}[data-theme=light] .calc-breadcrumb{color:#64748b}[data-theme=light] .calc-breadcrumb a{color:#475569}[data-theme=light] .calc-breadcrumb a:hover,[data-theme=light] .main-container,[data-theme=light] .calc-title{color:#0f172a}[data-theme=light] .calc-subtitle{color:#475569}[data-theme=light] .section-title{color:#0f172a}[data-theme=light] .tab-nav{border-bottom-color:#0000001f}[data-theme=light] .tab-btn{color:#64748b}[data-theme=light] .tab-btn:hover{color:#0f172a}[data-theme=light] .tab-btn.active{color:#d97706;background:0 0;border-bottom-color:#d97706}[data-theme=light] .card{background:#fff;border-color:#0000001f;box-shadow:0 2px 12px #00000017}[data-theme=light] .input-card{border-left:3px solid #0891b2}[data-theme=light] .result-card{border-left:3px solid #7c3aed}[data-theme=light] .form-label{color:#475569}[data-theme=light] .form-input{color:#0f172a;background:#fff;border-color:#00000026}[data-theme=light] .form-input:focus{border-color:#d97706;box-shadow:0 0 0 3px #d977061a}[data-theme=light] input{color-scheme:light}[data-theme=light] input::placeholder{color:#0006}[data-theme=light] select{color:#0f172a;background:#fff;border-color:#00000026}[data-theme=light] select option{color:#0f172a;background:#fff}[data-theme=light] .shape-chip{color:#475569;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .shape-chip:hover:not(.active){color:#0f172a;border-color:#00000040}[data-theme=light] .shape-chip.active{color:#d97706;background:#d977061a;border-color:#d9770666}[data-theme=light] .hero-result{background:linear-gradient(135deg,#d977060f,#0e74900a);border-color:#d9770633;box-shadow:0 2px 12px #0000000f}[data-theme=light] .hero-value{color:#d97706}[data-theme=light] .hero-label{color:#64748b}[data-theme=light] .hero-sub{color:#475569}[data-theme=light] .gauge-track{stroke:#0000001a}[data-theme=light] .tier-poor{color:#dc2626;background:#fff1f2;border-color:#dc26264d}[data-theme=light] .tier-below{color:#d97706;background:#fffbeb;border-color:#d9770659}[data-theme=light] .tier-good{color:#0e7490;background:#eff9fb;border-color:#0e74904d}[data-theme=light] .tier-great{color:#059669;background:#f0fdf4;border-color:#0596694d}[data-theme=light] .tier-excellent{color:#065f46;background:#ecfdf5;border-color:#065f464d}[data-theme=light] .stat-card{background:#edf2f9;border:1px solid #0000001f;border-radius:10px}[data-theme=light] .stat-card:hover{border-color:#00000038}[data-theme=light] .stat-value{color:#0f172a}[data-theme=light] .stat-label{color:#64748b}[data-theme=light] .formula-strip{gap:8px}[data-theme=light] .formula-pill{color:#b45309;background:#d9770614;border-color:#d9770640}[data-theme=light] .alert-info{color:#0e7490;background:#eff9fb;border-color:#0891b2}[data-theme=light] .alert-success{color:#065f46;background:#f0fdf4;border-color:#059669}[data-theme=light] .alert-warn{color:#92400e;background:#fffbeb;border-color:#d97706}[data-theme=light] .alert-danger{color:#9f1239;background:#fff1f2;border-color:#dc2626}[data-theme=light] .btn-action{color:#475569;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .btn-action:hover{color:#d97706;background:#d977060f;border-color:#d97706}[data-theme=light] .btn-action svg{opacity:1}[data-theme=light] .history-title{color:#0f172a}[data-theme=light] .history-avg{color:#64748b}[data-theme=light] .btn-log{color:#d97706;background:#d977061a;border-color:#d9770659}[data-theme=light] .btn-log:hover{background:#d977062e;border-color:#d9770680}[data-theme=light] .btn-clear-hist{color:#94a3b8;border-color:#0000001f}[data-theme=light] .btn-clear-hist:hover{color:#dc2626;border-color:#dc2626}[data-theme=light] .history-empty{color:#94a3b8;background:#f8fafc;border-color:#0000001f}[data-theme=light] .history-table th{color:#64748b;background:0 0;border-bottom-color:#0000001f}[data-theme=light] .history-table td{color:#475569;border-bottom-color:#00000014}[data-theme=light] .history-table .td-mpg{color:#0f172a}[data-theme=light] .history-table tr:hover td{background:#f0f4f9}[data-theme=light] .data-table th{color:#b45309;background:#d9770614;border-bottom-color:#0000001f}[data-theme=light] .data-table td{color:#334155;border-bottom-color:#00000014}[data-theme=light] .data-table tr:hover td{background:#f0f4f9}[data-theme=light] .data-table tr.highlight td{color:#0f172a;background:#d977061a;border-bottom-color:#d9770626}[data-theme=light] .compare-inputs h4{color:#d97706!important}[data-theme=light] .breakeven-card{background:#eff9fb;border-color:#0e749033;box-shadow:0 1px 4px #0000000f}[data-theme=light] .breakeven-title{color:#0e7490}[data-theme=light] .breakeven-stat-label{color:#64748b}[data-theme=light] .breakeven-stat-value{color:#0f172a}[data-theme=light] .breakeven-input{color:#0f172a;background:#fff;border-color:#00000026}[data-theme=light] .breakeven-input:focus{border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a}[data-theme=light] .breakeven-form label{color:#475569}[data-theme=light] .toast{background:#fff;border-color:#0000001f;box-shadow:0 4px 16px #0000001f}[data-theme=light] .toast-success{color:#065f46}[data-theme=light] .toast-success strong{color:#059669}[data-theme=light] .toast-warn{color:#92400e}[data-theme=light] .toast-warn strong{color:#d97706}[data-theme=light] .toast-info{color:#0e7490}[data-theme=light] .toast-info strong{color:#0891b2}[data-theme=light] .related-section h2{color:#0f172a}[data-theme=light] .related-card{color:#475569;background:#fff;border-color:#0000001f;box-shadow:0 1px 4px #0000000f}[data-theme=light] .related-card:hover{color:#0f172a;border-color:#d97706;box-shadow:0 2px 10px #d977061a}[data-theme=light] .page-sections-outer{color:#0f172a}[data-theme=light] .faq-list{gap:8px}[data-theme=light] .faq-item{background:#fff;border:1px solid #0000001f;border-radius:10px;transition:box-shadow .2s,border-color .2s;overflow:hidden;box-shadow:0 1px 4px #0000000f}[data-theme=light] .faq-item:hover{border-color:#d9770659;box-shadow:0 2px 10px #d9770614}[data-theme=light] .faq-item[open]{border-color:#d9770666 #d9770666 #d9770666 #d97706;border-left-style:solid;border-left-width:3px;box-shadow:0 2px 12px #d977061a}[data-theme=light] .faq-item__question{color:#0f172a;padding:14px 16px}[data-theme=light] .faq-item__question:after{color:#64748b}[data-theme=light] .faq-item[open] .faq-item__question:after,[data-theme=light] .faq-item__question:hover{color:#d97706}[data-theme=light] .faq-item__answer{color:#475569;border-top:1px solid #0000000f;padding:12px 16px 16px}[data-theme=light] ::-webkit-scrollbar-track{background:#e8edf5}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a3b8}