*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d1117;--surface:#161b22;--surface-2:#1c2128;--border:#30363d;--accent:#58a6ff;--accent-dim:#1f3553;--text:#e6edf3;--text-muted:#8b949e;--text-dim:#6e7681;--green:#3fb950;--green-dim:#1a3a20;--orange:#d29922;--orange-dim:#3a2a0e;--red:#f85149;--purple:#bc8cff;--purple-dim:#2d1f4a;--teal:#39d353;--radius:8px;--radius-sm:4px}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.6}.app{max-width:960px;min-height:100vh;margin:0 auto;padding:40px 24px 80px}.header{border-bottom:1px solid var(--border);margin-bottom:40px;padding-bottom:24px}.header h1{color:var(--text);letter-spacing:-.3px;align-items:center;gap:10px;font-size:22px;font-weight:600;display:flex}.header h1 .icon{font-size:20px}.header p{color:var(--text-muted);margin-top:6px;font-size:13px}.mode-selector{margin-bottom:32px}.mode-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;font-size:11px;font-weight:600}.mode-tabs{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:4px;width:fit-content;padding:4px;display:flex}.mode-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .15s}.mode-tab:hover{color:var(--text)}.mode-tab.active{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;padding:24px}.card-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:20px;font-size:12px;font-weight:600}.injection-control{flex-direction:column;gap:16px;display:flex}.injection-header{justify-content:space-between;align-items:baseline;display:flex}.injection-label{color:var(--text);font-size:14px;font-weight:500}.injection-value{color:var(--accent);font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:1}.injection-unit{color:var(--text-muted);margin-left:4px;font-size:13px;font-weight:400}.slider-wrap{padding:4px 0;position:relative}.slider{background:var(--border);appearance:none;cursor:pointer;border-radius:4px;outline:none;width:100%;height:4px}.slider::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--bg);width:18px;height:18px;box-shadow:0 0 0 1px var(--accent);cursor:pointer;border-radius:50%;transition:box-shadow .15s}.slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 25%, transparent)}.slider::-moz-range-thumb{background:var(--accent);border:2px solid var(--bg);cursor:pointer;border-radius:50%;width:18px;height:18px}.slider-bounds{justify-content:space-between;margin-top:6px;display:flex}.slider-bound{color:var(--text-dim);font-size:11px}.dt-input-row{align-items:center;gap:12px;display:flex}.dt-label{color:var(--text);flex:1;font-size:14px;font-weight:500}.dt-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:120px;color:var(--text);font-variant-numeric:tabular-nums;text-align:right;outline:none;padding:8px 12px;font-size:16px;font-weight:600;transition:border-color .15s}.dt-input:focus{border-color:var(--accent)}.dt-input-unit{color:var(--text-muted);white-space:nowrap;font-size:13px}.explanation{background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);color:var(--text-muted);padding:12px 16px;font-size:12.5px;line-height:1.7}.explanation strong{color:var(--text)}.explanation .formula{background:var(--bg);border:1px solid var(--border);color:var(--purple);border-radius:3px;margin:4px 2px;padding:2px 8px;font-family:SF Mono,Fira Code,monospace;font-size:12px;display:inline-block}.explanation ul{margin-top:6px;padding-left:16px}.explanation li{margin-bottom:2px}.results-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}@media (width<=600px){.results-grid{grid-template-columns:1fr}}.result-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.result-card.full-width{grid-column:1/-1}.result-card-header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.result-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.result-dot.blue{background:var(--accent)}.result-dot.green{background:var(--green)}.result-dot.orange{background:var(--orange)}.result-dot.purple{background:var(--purple)}.result-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:600}.stat-rows{flex-direction:column;gap:10px;display:flex}.stat-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.stat-row-label{color:var(--text-dim);white-space:nowrap;font-size:12px}.stat-row-value{font-variant-numeric:tabular-nums;color:var(--text);text-align:right;font-size:13px;font-weight:600}.stat-row-value.highlight{color:var(--accent);font-size:16px}.stat-row-value.green{color:var(--green)}.stat-row-value.orange{color:var(--orange)}.stat-row-value.purple{color:var(--purple)}.divider{background:var(--border);height:1px;margin:10px 0}.info-section{margin-top:28px}.info-section h2{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:8px;margin-bottom:16px;font-size:13px;font-weight:600;display:flex}.info-section h2:after{content:"";background:var(--border);flex:1;height:1px}.formula-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:20px 24px}.formula-card h3{color:var(--text);margin-bottom:8px;font-size:13px;font-weight:600}.formula-card p{color:var(--text-muted);margin-bottom:10px;font-size:12.5px;line-height:1.7}.formula-card p:last-child{margin-bottom:0}.formula-block{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--purple);white-space:pre;margin:8px 0;padding:10px 14px;font-family:SF Mono,Fira Code,monospace;font-size:12.5px;display:block;overflow-x:auto}.formula-inline{color:var(--purple);background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:1px 6px;font-family:SF Mono,Fira Code,monospace;font-size:12px;display:inline}.warning{background:color-mix(in srgb, var(--orange) 12%, transparent);border:1px solid color-mix(in srgb, var(--orange) 35%, transparent);border-radius:var(--radius-sm);color:var(--orange);margin-bottom:12px;padding:10px 14px;font-size:12.5px}.cooling-note{color:var(--text-dim);margin-top:8px;font-size:12px}.header-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.report-btn{border:1px solid color-mix(in srgb, var(--red) 35%, transparent);background:color-mix(in srgb, var(--red) 8%, transparent);color:var(--red);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex;position:relative}.report-btn:hover{background:color-mix(in srgb, var(--red) 16%, transparent);border-color:color-mix(in srgb, var(--red) 55%, transparent)}.report-btn:after{content:attr(data-tooltip);background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;border-radius:var(--radius-sm);pointer-events:none;opacity:0;z-index:10;padding:5px 10px;font-size:11.5px;font-weight:400;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(4px)}.report-btn:hover:after{opacity:1;transform:translateY(0)}.nav-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.nav-link{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.nav-link:hover{color:var(--text);border-color:color-mix(in srgb, var(--accent) 50%, transparent);background:var(--accent-dim)}.nav-link-icon{opacity:.8;align-items:center;font-size:12px;font-style:normal;display:flex}.footer{border-top:1px solid var(--border);margin-top:48px;padding-top:20px}.nav-links--footer .nav-link{color:var(--text-dim);background:0 0;border-color:#0000;padding:4px 8px}.nav-links--footer .nav-link:hover{color:var(--text-muted);border-color:var(--border);background:var(--surface)}.badge{border-radius:12px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge.blue{background:var(--accent-dim);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent)}.badge.green{background:var(--green-dim);color:var(--green);border:1px solid color-mix(in srgb, var(--green) 30%, transparent)}.badge.purple{background:var(--purple-dim);color:var(--purple);border:1px solid color-mix(in srgb, var(--purple) 30%, transparent)}