:root{color-scheme:light;--page:#f3f5f8;--surface:#fff;--ink:#172234;--muted:#526174;--line:#ced7e2;--accent:#145b9c;--chart-grid:#b3bdc8;--chart-ink:#172234;--focus:#eff6ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color-scheme:dark;--page:#0c121d;--surface:#152131;--ink:#eef3fa;--muted:#a8b9ce;--line:#39495e;--accent:#8ac5ff;--chart-grid:#4b6076;--chart-ink:#e4edf7;--focus:#193550}*{box-sizing:border-box}html,body{background:var(--page);color:var(--ink);margin:0}button,select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.55rem .85rem}button{cursor:pointer}button:hover,select:hover{border-color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.page{max-width:1960px;margin:auto;padding:clamp(14px,2.3vw,34px)}.site-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:0 0 7px;font-size:.72rem;font-weight:700}h1{margin:0 0 7px;font-size:clamp(1.6rem,2.5vw,2.5rem);line-height:1.1}.find-section p{color:var(--muted);margin:0;line-height:1.45}.theme-toggle{flex:none;place-items:center;width:42px;height:42px;padding:0;display:grid}.theme-icon{width:21px;height:21px}:root[data-theme=light] .theme-icon-sun,:root[data-theme=dark] .theme-icon-moon{display:none}.chart-section{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.chart-wrap{background:var(--surface);overflow:auto hidden}.chart-wrap svg{width:100%;min-width:1050px;height:auto;display:block}.device-panel,.find-section{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-top:20px;padding:clamp(16px,2vw,26px)}.device-panel h2,.find-section h2{margin:0 0 7px;font-size:1.25rem}.panel-empty p{color:var(--muted);margin:0}.device-head{justify-content:space-between;align-items:start;gap:15px;display:flex}.device-meta{color:var(--muted);margin:3px 0 0;font-size:.9rem}.metric-grid{background:var(--line);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1px;margin-top:16px;display:grid;overflow:hidden}.metric-card{background:var(--surface);min-height:85px;padding:11px 13px}.metric-name{color:var(--muted);font-size:.78rem;font-weight:600}.metric-value{font-variant-numeric:tabular-nums;margin-top:4px;font-size:1.07rem;display:block}.metric-state{color:var(--muted);margin-top:4px;font-size:.72rem}.metric-card details{overflow-wrap:anywhere;margin-top:8px;font-size:.73rem}.metric-card summary{color:var(--accent);cursor:pointer}.evidence{margin-top:6px;line-height:1.45}.evidence a{color:var(--accent);margin-top:4px;display:block}.nearby{margin-top:18px}.nearby h3{font-size:.9rem}.nearby-list{flex-wrap:wrap;gap:6px;display:flex}.nearby button{font-size:.77rem}.nearby button[aria-current=true]{border-color:var(--accent);background:var(--focus)}.find-section{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.find-section p{font-size:.85rem}.find-section select{width:min(100%,420px)}.hover-bubble{z-index:30;pointer-events:none;color:#fff;background:#102238;border:1px solid #93b7d5;border-radius:9px;max-width:min(360px,100vw - 16px);padding:10px 12px;font-size:.78rem;line-height:1.42;position:fixed;box-shadow:0 8px 26px #0007}.hover-bubble[hidden]{display:none}.bubble-heading{border-bottom:1px solid #59728e;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:6px;padding-bottom:7px;display:flex}.bubble-title{font-size:.86rem;font-weight:700}.bubble-year{color:#b9e0ff;white-space:nowrap;font-weight:600}.bubble-metrics{gap:4px;margin:0;display:grid}.bubble-row{justify-content:space-between;gap:16px;display:flex}.bubble-row dt{color:#d0dbe7}.bubble-row dd{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chart-series.is-focused .data-point:not(.is-active){opacity:.42}.data-point.is-active>:is(path,circle){filter:drop-shadow(0 0 5px var(--surface));stroke-width:4px!important}.data-point>:is(path,circle){cursor:pointer}.data-point.marker-cpu>:is(path,circle){fill:var(--surface);fill-opacity:1}.data-point.marker-gpu>:is(path,circle){fill-opacity:.9}#interaction-guide{pointer-events:none}#interaction-guide[visibility=hidden]{display:none}:root[data-theme=dark] #figure-background{fill:var(--surface)}:root[data-theme=dark] #chart-grid line{stroke:var(--chart-grid)}:root[data-theme=dark] #plot-frame{stroke:var(--chart-ink)}:root[data-theme=dark] #chart-axes text,:root[data-theme=dark] #chart-title text{fill:var(--chart-ink)}:root[data-theme=dark] #chart-notes text{fill:var(--muted)}:root[data-theme=dark] .data-point :is(path,circle){stroke-opacity:1;stroke:var(--marker-color)}:root[data-theme=dark] .data-point.marker-gpu>:is(path,circle){fill:var(--marker-color)}:root[data-theme=dark] #series-single-thread{--marker-color:#82a5ff}:root[data-theme=dark] #series-frequency{--marker-color:#58cf76}:root[data-theme=dark] #series-power{--marker-color:#ff7474}:root[data-theme=dark] #series-core-count{--marker-color:#b8c6d8}:root[data-theme=dark] #series-transistors{--marker-color:#ffad55}:root[data-theme=dark] #series-multi-core-index{--marker-color:var(--chart-ink)}:root[data-theme=dark] #series-fp32-discrete-gpu,:root[data-theme=dark] #series-fp32-integrated-gpu,:root[data-theme=dark] #series-fp32-manycore{--marker-color:#b694e8}:root[data-theme=dark] #label-single-thread text{fill:#82a5ff}:root[data-theme=dark] #label-frequency text{fill:#58cf76}:root[data-theme=dark] #label-power text{fill:#ff7474}:root[data-theme=dark] #label-core-count text{fill:#c8d2df}:root[data-theme=dark] #label-transistors text{fill:#ffad55}:root[data-theme=dark] #label-multi-core-index text{fill:var(--chart-ink)}:root[data-theme=dark] #label-fp32 text{fill:#b694e8}@media (width<=780px){.site-header,.find-section{flex-direction:column;align-items:stretch}.theme-toggle{align-self:flex-start}.find-section select{width:100%}}
