:root{color-scheme:dark;--bg: #161616;--surface: #222222;--surface-hover: #2a2a2a;--line: #383838;--fg: #f2f2f2;--muted: #ababab;--accent: #f1c650;--error: #ff9696}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input{margin:0;padding:0;border:0;color:inherit;font:inherit;letter-spacing:inherit}button{-webkit-appearance:button;-moz-appearance:button;appearance:button;background:transparent;background-image:none;text-transform:none}input::placeholder{opacity:1}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{cursor:default}h1,h2,p,dl,dd{margin:0}.app-shell{max-width:1424px;margin:0 auto;padding:40px 32px 28px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:14px;letter-spacing:.14em;color:var(--accent);font-weight:600}.brand-mark{font-size:24px;line-height:1}h1{margin-top:9px;font-size:36px;letter-spacing:-.04em;line-height:1.35;font-weight:650}.page-header p{margin-top:10px;color:var(--muted);font-size:16px}.page-header p span{margin:0 9px;color:#626262}.source-button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #66562c;border-radius:8px;background:#29251b;color:var(--accent);font-size:14px;font-weight:500}.gpu-selector{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:24px}.gpu-tab{display:flex;justify-content:center;align-items:center;gap:9px;min-height:60px;padding:12px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:#c5c5c5;font-weight:600;font-size:17px;transition:background .15s,border-color .15s}.gpu-tab:hover{background:var(--surface-hover)}.gpu-tab.is-active{border-color:var(--accent);color:var(--accent);background:#302b1c}.gpu-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#606060}.is-active .gpu-dot{background:var(--accent)}.surface{border:1px solid #333333;border-radius:12px;background:var(--surface)}.benchmark-panel{padding:24px 28px;margin-bottom:28px}.benchmark-main{display:flex;align-items:center;gap:28px}.pricing-strip{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.pricing-strip a{color:#c7bb98}.benchmark-revenue{flex-shrink:0;border-right:1px solid var(--line);padding-right:28px}.muted{color:var(--muted);font-size:14px}.benchmark-number{margin-top:7px;font-size:30px;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums;letter-spacing:-.025em;white-space:nowrap}.currency{margin-right:4px;color:var(--muted);font-size:22px;font-weight:400}.unit{margin-left:8px;color:var(--muted);font-size:14px;font-weight:400;letter-spacing:0}.benchmark-details{display:flex;flex:1;flex-wrap:wrap;align-items:flex-start;gap:16px 24px;min-width:0}.benchmark-details dt{font-size:14px;color:var(--muted);margin-bottom:5px}.benchmark-details dd{font-size:16px;font-weight:500;overflow-wrap:anywhere}.benchmark-sources{display:flex;flex-shrink:0;flex-direction:column;gap:7px;color:#c7bb98;font-size:14px}.benchmark-missing{padding:28px;margin-bottom:28px;color:var(--muted)}.param-panel{padding:24px 28px 28px;margin-bottom:28px}.section-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px}h2{font-size:20px;line-height:1.4;font-weight:600;letter-spacing:-.025em}.quiet-button{padding:8px 0 8px 12px;min-height:44px;background:transparent;border:0;color:var(--muted);font-size:14px}.quiet-button:hover{color:var(--accent)}.input-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start}.input-field{min-width:0}.energy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.power-source{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:10px;font-size:14px;color:var(--muted)}.power-source a{color:#c7bb98}.fee-summary{display:flex;flex-direction:column;gap:4px;margin-top:10px;font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.energy-bill{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 8px;min-height:56px;padding:10px 13px;border:1px solid #3a3a3a;border-radius:7px;background:#262626;font-size:24px;font-variant-numeric:tabular-nums}.energy-bill>span:first-child{min-width:0;overflow-wrap:anywhere}.input-field label{display:block;margin-bottom:10px;font-size:16px;font-weight:500}.input-shell{display:flex;align-items:center;gap:8px;height:56px;padding:0 13px;border:1px solid #4a4a4a;border-radius:7px;background:#1b1b1b}.input-shell:focus-within{border-color:var(--accent)}.input-shell.has-error{border-color:#b76565}.input-shell input{display:block;width:100%;min-width:0;border:0;outline:0;padding:0;background:transparent;font-size:24px;line-height:1.3;font-variant-numeric:tabular-nums;letter-spacing:-.025em}.input-shell input::placeholder{font-size:20px;color:#757575}.input-shell input:focus-visible{outline:0}.input-prefix{color:var(--muted);font-size:20px}.input-unit{flex-shrink:0;color:var(--muted);font-size:14px}.util-control{margin-top:16px}.util-slider{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:linear-gradient(to right,var(--accent) var(--progress, 0%),#454545 var(--progress, 0%));border-radius:2px;cursor:pointer}.util-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;border:0;background:var(--accent);box-shadow:0 0 0 4px #f1c65012}.util-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:0;background:var(--accent)}.range-labels{display:flex;justify-content:space-between;margin-top:9px;color:var(--muted);font-size:14px}.allocation-summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:16px}.allocation-summary strong{color:var(--fg);font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.field-error{margin-top:9px;color:var(--error);font-size:14px}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px}.result-card{padding:26px 28px 28px;min-width:0}.result-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.result-top h2{color:#c1c1c1;font-size:16px;font-weight:400;letter-spacing:0}.result-number{margin-top:22px;font-size:46px;line-height:1.15;font-weight:600;letter-spacing:-.045em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.result-number span{margin-left:9px;font-size:16px;color:#b0b0b0;letter-spacing:0;font-weight:400}.result-number.is-text{font-size:34px;letter-spacing:-.035em}.result-featured{background:#29261d;border-color:#786433}.result-featured .result-number,.result-featured .result-top h2{color:var(--accent)}.result-negative .result-number{color:var(--error)}.result-status{padding:2px 7px;border:1px solid #746139;border-radius:4px;color:#dbc078;font-size:14px}.result-error{grid-column:1 / -1;color:var(--error);font-size:14px}.comparison-panel{padding:28px}.chart-tabs{display:flex;padding:4px;border-radius:8px;background:#181818;gap:4px}.chart-tabs button{min-height:40px;padding:7px 16px;border-radius:5px;border:0;background:transparent;font-size:14px;color:var(--muted)}.chart-tabs button[aria-selected=true]{background:#3b3526;color:var(--accent)}.chart-axis-title{margin:3px 134px 8px 148px;color:var(--muted);font-size:14px;text-align:right}.chart-axis{display:grid;grid-template-columns:132px minmax(0,1fr) 118px;gap:16px;padding:0 12px 5px;color:var(--muted);font-size:14px}.chart-axis>div{display:flex;justify-content:space-between}.chart-rows{display:flex;flex-direction:column;gap:4px}.chart-row{display:grid;grid-template-columns:132px minmax(0,1fr) 118px;gap:16px;align-items:center;width:100%;padding:14px 12px;min-height:58px;border:1px solid transparent;border-radius:7px;background:transparent;text-align:left}.chart-row:hover{background:#2d2d2d}.chart-row.is-active{background:#2b291f;border-color:#514731}.chart-gpu-name{color:#d2d2d2;font-weight:500;font-size:16px}.bar-track{position:relative;display:block;height:24px;min-width:0;background-image:linear-gradient(to right,#44444466 1px,transparent 1px);background-size:25% 100%;border-right:1px solid #44444466}.bar-fill{display:block;height:100%;max-width:100%;background:#696969;border-radius:3px;transition:width .2s,background .2s}.chart-row.is-active .bar-fill{background:var(--accent)}.chart-row.is-active .chart-gpu-name,.chart-row.is-active .bar-value{color:var(--accent)}.bar-value{text-align:right;font-size:18px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.bar-value.is-empty{font-size:14px;color:var(--muted);font-weight:400}.page-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding-top:26px;color:#929292;font-size:14px}.page-footer nav{display:flex;flex-wrap:wrap;gap:24px}::selection{background:#f1c65044;color:var(--fg)}@media (max-width: 1120px){.input-grid,.energy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.benchmark-main{flex-wrap:wrap}.benchmark-details{flex-basis:55%}.benchmark-sources{flex-direction:row;gap:18px}.gpu-tab{font-size:16px}.result-card{padding:24px}.result-number{font-size:44px}}@media (max-width: 760px){.app-shell{padding:28px 20px 24px}.page-header{align-items:flex-start;gap:14px}h1{font-size:32px}.page-header p{font-size:14px}.page-header p span{margin:0 4px}.source-button{padding:8px 12px}.gpu-selector{grid-template-columns:repeat(3,minmax(0,1fr))}.gpu-tab{padding:10px 6px}.benchmark-revenue{border-right:0;padding-right:0}.benchmark-details{flex-basis:100%}.result-grid{grid-template-columns:1fr;gap:16px}.result-card{padding:24px}.result-number{font-size:46px;margin-top:16px}.chart-axis,.chart-row{grid-template-columns:105px minmax(0,1fr) 100px;gap:10px}.chart-axis-title{margin-right:120px}}@media (max-width: 560px){.app-shell{padding:24px 16px}.page-header{display:block;margin-bottom:24px}.source-button{margin-top:18px}.gpu-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}.gpu-tab{min-height:54px;font-size:17px}.benchmark-panel,.param-panel,.comparison-panel{padding:22px 20px}.benchmark-panel{margin-bottom:20px}.benchmark-main{gap:20px}.benchmark-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}.benchmark-number{font-size:32px}.param-panel{margin-bottom:20px}.section-heading{gap:8px;margin-bottom:20px}.quiet-button{padding-left:0;text-align:left}.input-grid,.energy-grid{grid-template-columns:1fr;gap:24px}.allocation-summary{flex-direction:column}.allocation-separator{display:none}.result-grid{margin-bottom:20px}.comparison-heading{display:block}.chart-tabs{margin-top:18px}.chart-tabs button{flex:1;padding:8px}.chart-axis{display:none}.chart-axis-title{margin:0 0 8px}.chart-row{grid-template-columns:1fr auto;gap:10px 12px;padding:14px 8px}.chart-gpu-name{font-size:16px}.bar-track{grid-row:2;grid-column:1 / -1;height:20px}.bar-value{grid-column:2;grid-row:1}.page-footer{display:block;padding-top:22px}.page-footer nav{margin-top:12px;gap:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}