:root{--bg: #f5efe3;--surface-1: #ffffff;--surface-2: #e8e1d2;--text: #14120f;--text-muted: #5c564c;--accent: #e8451a;--accent-support: #0e7c7b;--success: #1f9d55;--danger: #d6293e;--line: #14120f;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-6: 48px;--space-8: 64px;--radius: 4px;--shadow-hard: 4px 4px 0 var(--line);--shadow-hard-sm: 2px 2px 0 var(--line);--shadow-hard-pressed: 1px 1px 0 var(--line);--font-display: "Archivo Black", system-ui, sans-serif;--font-ui: "Space Grotesk", system-ui, sans-serif;--motion-ui: .15s ease-out}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(circle at 1px 1px,rgba(20,18,15,.06) 1px,transparent 0) 0 0 / 18px 18px,var(--bg);color:var(--text);font-family:var(--font-ui);min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent-support)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.app-header{position:relative;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-3) var(--space-2);max-width:1440px;margin:0 auto;width:100%}.app-header:before,.app-header:after{content:"";position:absolute;top:var(--space-2);width:18px;height:18px;border-radius:50%;border:1.5px solid currentColor;background:linear-gradient(currentColor,currentColor) center / 100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) center / 1.5px 100% no-repeat}.app-header:before{left:var(--space-3);color:var(--accent)}.app-header:after{right:var(--space-3);color:var(--accent-support)}.wordmark{font-family:var(--font-display);font-size:clamp(2rem,6vw,3.5rem);line-height:1;margin:0;letter-spacing:-.02em}.wordmark-break{color:var(--accent)}.wordmark-even{color:var(--accent-support)}.tagline{font-size:1.05rem;color:var(--text-muted);margin:0;max-width:60ch}.layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);max-width:1440px;margin:0 auto;width:100%;padding:0 var(--space-3) var(--space-6)}@media (min-width: 900px){.layout{grid-template-columns:minmax(0,65fr) minmax(0,35fr);align-items:start}}.chart-panel{display:flex;flex-direction:column;gap:var(--space-2);background:var(--surface-1);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-hard);padding:var(--space-3);position:relative}.chart-panel:before,.chart-panel:after{content:"";position:absolute;top:var(--space-1);width:16px;height:16px;border-radius:50%;border:1.5px solid currentColor;background:linear-gradient(currentColor,currentColor) center / 100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) center / 1.5px 100% no-repeat}.chart-panel:before{left:var(--space-1);color:var(--accent)}.chart-panel:after{right:var(--space-1);color:var(--accent-support)}.rail{display:flex;flex-direction:column;gap:var(--space-3)}.chart-callout{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-2)}.callout-label{font-family:var(--font-ui);font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.callout-value{font-family:var(--font-display);font-size:clamp(1.75rem,5vw,3rem);color:var(--text);line-height:1}.chart-callout.stamp .callout-value{animation:stamp-in .12s ease-out}@keyframes stamp-in{0%{transform:scale(1.15) rotate(-2deg)}to{transform:scale(1) rotate(0)}}.chart-canvas-wrap{position:relative;width:100%;min-height:55vh;background:var(--surface-2);border:2px solid var(--line);border-radius:var(--radius)}@media (min-width: 900px){.chart-canvas-wrap{min-height:60vh}}#chartCanvas{display:block;width:100%;height:100%}.ceiling-note{margin:0;font-size:.9rem;color:var(--text-muted);padding:var(--space-1) var(--space-2);border-left:3px solid var(--surface-2)}.ceiling-note--exceeded{color:var(--text);border-left-color:var(--danger);font-weight:500}.slider-row{display:flex;flex-direction:column;gap:var(--space-1)}.field-label{font-size:.85rem;font-weight:700;letter-spacing:.02em;color:var(--text)}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:32px;background:transparent;cursor:pointer}.slider::-webkit-slider-runnable-track{height:8px;background:var(--surface-2);border:2px solid var(--line);border-radius:var(--radius)}.slider::-moz-range-track{height:8px;background:var(--surface-2);border:2px solid var(--line);border-radius:var(--radius)}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;margin-top:-10px;background:var(--accent);border:2px solid var(--line);border-radius:50%;box-shadow:var(--shadow-hard-sm);transition:transform var(--motion-ui)}.slider::-moz-range-thumb{width:24px;height:24px;background:var(--accent);border:2px solid var(--line);border-radius:50%;box-shadow:var(--shadow-hard-sm);transition:transform var(--motion-ui)}.slider:hover::-webkit-slider-thumb,.slider:focus-visible::-webkit-slider-thumb{transform:scale(1.1)}.slider:active::-webkit-slider-thumb{transform:scale(.95)}.slider:focus-visible{outline:none}.slider:focus-visible::-webkit-slider-thumb{outline:3px solid var(--accent-support);outline-offset:2px}.slider-value-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1) var(--space-2)}.slider-value-row .field-input{flex:1 1 140px;min-width:0}.field-input{font-family:var(--font-ui);font-size:1rem;color:var(--text);background:var(--surface-1);border:2px solid var(--line);border-radius:var(--radius);padding:var(--space-1) var(--space-2);min-height:44px;transition:box-shadow var(--motion-ui),transform var(--motion-ui)}.field-input:hover{box-shadow:var(--shadow-hard-sm)}.field-input:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.field-input:active{transform:translate(1px,1px)}.field-suffix{font-size:.9rem;color:var(--text-muted);white-space:nowrap}.field-error{margin:0;min-height:1.2em;font-size:.85rem;color:var(--danger);font-weight:500}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-2)}.field:last-child{margin-bottom:0}.panel{background:var(--surface-1);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-hard-sm);padding:var(--space-3)}.panel-title{font-family:var(--font-display);font-size:1rem;margin:0 0 var(--space-2);text-transform:uppercase;letter-spacing:.03em}.panel-note{margin:var(--space-1) 0 0;font-size:.85rem;color:var(--text-muted)}.gpu-picker,.api-picker{display:grid;gap:var(--space-1)}.option-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:44px;text-align:left;font-family:var(--font-ui);color:var(--text);background:var(--surface-1);border:2px solid var(--line);border-radius:var(--radius);padding:var(--space-1) var(--space-2);cursor:pointer;transition:background var(--motion-ui),box-shadow var(--motion-ui),transform var(--motion-ui)}.option-name{font-weight:700;font-size:.95rem}.option-meta{font-size:.8rem;color:var(--text-muted)}.option-btn:hover{background:var(--surface-2)}.option-btn:focus-visible{outline:3px solid var(--accent-support);outline-offset:1px}.option-btn:active{transform:translate(1px,1px)}.option-btn[aria-selected=true]{background:var(--surface-2);border-color:var(--accent-support);box-shadow:var(--shadow-hard-sm)}.option-btn[aria-selected=true] .option-name:before{content:"✓ ";color:var(--accent-support)}.methodology summary{cursor:pointer;font-family:var(--font-display);font-size:.95rem;text-transform:uppercase;letter-spacing:.03em;padding:4px 0}.methodology summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.methodology-body{margin-top:var(--space-2);font-size:.9rem;line-height:1.5;color:var(--text)}.methodology-body ul{padding-left:1.2em;margin:var(--space-1) 0 var(--space-2)}.methodology-body li{margin-bottom:4px}.share-panel{display:flex;flex-direction:column;gap:var(--space-1)}.btn{font-family:var(--font-ui);font-weight:700;font-size:.95rem;color:var(--bg);background:var(--text);border:2px solid var(--line);border-radius:var(--radius);padding:var(--space-2) var(--space-3);min-height:44px;cursor:pointer;box-shadow:var(--shadow-hard);transition:transform var(--motion-ui)}.btn:hover{background:var(--accent)}.btn:focus-visible{outline:3px solid var(--accent-support);outline-offset:2px}.btn:active{box-shadow:var(--shadow-hard-pressed);transform:translate(3px,3px)}.field-status{margin:0;min-height:1.2em;font-size:.85rem;color:var(--text-muted)}.site-footer{border-top:2px solid var(--line);background:var(--surface-2)}.footer-inner{max-width:1440px;margin:0 auto;padding:var(--space-6) var(--space-3);display:flex;flex-direction:column;gap:var(--space-4)}.explainer{max-width:70ch}.explainer h2{font-family:var(--font-display);font-size:clamp(1.35rem,3.5vw,2rem);line-height:1.1;margin:0 0 var(--space-2)}.explainer h3{font-family:var(--font-display);font-size:1.15rem;text-transform:uppercase;letter-spacing:.03em;margin:var(--space-4) 0 var(--space-2)}.explainer p{font-size:1rem;line-height:1.6;color:var(--text);margin:0 0 var(--space-2)}.faq{margin:0}.faq dt{font-weight:700;margin-top:var(--space-2)}.faq dd{margin:4px 0 0;color:var(--text-muted);line-height:1.55}.footer-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);padding-top:var(--space-3);border-top:2px solid var(--line)}.footer-cta{display:inline-block;text-decoration:none;text-align:center}.portfolio-link{font-size:.9rem;font-weight:500;color:var(--text-muted);text-decoration:none}.portfolio-link:hover{color:var(--accent-support);text-decoration:underline}