:root{color-scheme:dark;--gray-950: oklch(.13 .016 262);--gray-900: oklch(.17 .016 262);--gray-850: oklch(.2 .016 262);--gray-800: oklch(.24 .016 262);--gray-700: oklch(.32 .016 262);--gray-600: oklch(.5 .016 262);--gray-500: oklch(.6 .016 262);--gray-400: oklch(.72 .014 262);--gray-200: oklch(.86 .01 262);--gray-100: oklch(.95 .008 262);--cyan-900: oklch(.3 .06 205);--cyan-800: oklch(.42 .09 205);--cyan-600: oklch(.7 .13 205);--cyan-500: oklch(.82 .13 205);--cyan-300: oklch(.9 .09 205);--green-500: oklch(.8 .17 150);--green-900: oklch(.3 .06 150);--red-500: oklch(.76 .17 22);--red-900: oklch(.32 .08 22);--amber-500: oklch(.85 .15 80);--amber-900: oklch(.32 .07 80);--color-bg-page: var(--gray-950);--color-bg-surface: var(--gray-900);--color-bg-raised: var(--gray-850);--color-bg-hover: var(--gray-800);--color-border: var(--gray-700);--color-border-strong: var(--gray-600);--color-text-primary: var(--gray-100);--color-text-secondary: var(--gray-400);--color-text-muted: var(--gray-500);--color-accent-solid: var(--cyan-500);--color-accent-hover: var(--cyan-300);--color-accent-text: var(--cyan-500);--color-accent-subtle: var(--cyan-900);--color-accent-track: var(--cyan-800);--color-on-accent: var(--gray-950);--color-focus: var(--cyan-500);--color-success-text: var(--green-500);--color-success-bg: var(--green-900);--color-error-text: var(--red-500);--color-error-bg: var(--red-900);--color-warning-text: var(--amber-500);--color-warning-bg: var(--amber-900);--color-chart-other: var(--gray-500);--color-chart-grid: var(--gray-700);--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--text-caption: .8125rem;--text-label: .875rem;--text-body: 1rem;--text-title: 1.125rem;--text-heading: 1.375rem;--text-display: clamp(2rem, 1.4rem + 3vw, 3rem);--text-hero-number: clamp(2.5rem, 1.5rem + 5vw, 4.5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-surface: 0 0 0 1px oklch(1 0 0 / .06), 0 1px 2px oklch(0 0 0 / .4);--shadow-raised: 0 0 0 1px oklch(1 0 0 / .08), 0 8px 24px oklch(0 0 0 / .45);--ease-out: cubic-bezier(.2, 0, 0, 1);--duration-fast: .15s;--duration-enter: .36s;--container: 72rem;--gutter: clamp(1rem, 4vw, 2rem)}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-body);line-height:1.5;color:var(--color-text-primary);background:var(--color-bg-page);min-height:100dvh;display:flex;flex-direction:column}#root{display:contents}h1,h2,h3{margin:0;line-height:1.15;letter-spacing:-.01em;text-wrap:balance}h1{font-size:var(--text-display);font-weight:650;letter-spacing:-.02em}h2{font-size:var(--text-heading);font-weight:600;display:inline-flex;align-items:center;gap:var(--space-2)}h2 svg{color:var(--color-accent-text);width:20px;height:20px}p{margin:0}dl,dd,ul,ol{margin:0;padding:0}ul,ol{list-style:none}::selection{background:var(--color-accent-solid);color:var(--color-on-accent)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media(forced-colors:active){:focus-visible{outline-color:Highlight}}.num{font-variant-numeric:tabular-nums}.muted{color:var(--color-text-muted)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.live-region{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:max(var(--gutter),env(safe-area-inset-left),env(safe-area-inset-right))}.skip-link{position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);z-index:10;padding:var(--space-2) var(--space-4);background:var(--color-accent-solid);color:var(--color-on-accent);border-radius:var(--radius-sm);font-weight:600;text-decoration:none;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60rem 30rem at 50% -10rem,oklch(.82 .13 205 / .14),transparent 70%),linear-gradient(oklch(1 0 0 / .035) 1px,transparent 1px),linear-gradient(90deg,oklch(1 0 0 / .035) 1px,transparent 1px);background-size:100% 100%,48px 48px,48px 48px;mask-image:linear-gradient(to bottom,black 0%,black 40%,transparent 100%)}.site-header{border-block-end:1px solid oklch(1 0 0 / .06);padding-block:var(--space-3)}.site-header__inner{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600;letter-spacing:.01em}.brand__mark{width:10px;height:10px;border-radius:50%;background:var(--color-accent-solid);box-shadow:0 0 12px var(--color-accent-solid)}.brand__tag{font-size:var(--text-caption);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}main{flex:1;padding-block:var(--space-7) var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}main:focus{outline:none}.hero{display:flex;flex-direction:column;gap:var(--space-4);max-width:48rem}.hero__lede{color:var(--color-text-secondary);font-size:var(--text-title);max-width:60ch;text-wrap:pretty}.site-footer{border-block-start:1px solid oklch(1 0 0 / .06);padding-block:var(--space-5);padding-block-end:max(var(--space-5),env(safe-area-inset-bottom));font-size:var(--text-caption);color:var(--color-text-muted)}.button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font:inherit;font-weight:600;font-size:var(--text-label);line-height:1.2;cursor:pointer;color:var(--color-text-primary);background:transparent;transition-property:background-color,color,border-color,scale;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);white-space:nowrap}.button:active:not(:disabled){scale:.96}.button:disabled{cursor:default;opacity:.6}.button--primary{background:var(--color-accent-solid);color:var(--color-on-accent)}@media(hover:hover){.button--primary:hover:not(:disabled){background:var(--color-accent-hover)}.button--secondary:hover:not(:disabled),.button--ghost:hover:not(:disabled){background:var(--color-bg-hover)}}.button--secondary{border-color:var(--color-border-strong);background:var(--color-bg-raised)}.button--ghost{border-color:var(--color-border);font-weight:500;color:var(--color-text-secondary)}.select{font:inherit;font-size:var(--text-body);min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-bg-raised);color:var(--color-text-primary);width:100%}.search{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-bg-surface);box-shadow:var(--shadow-raised)}.search__label{font-size:var(--text-label);font-weight:600;color:var(--color-text-secondary)}.search__row{display:flex;gap:var(--space-3);flex-wrap:wrap}.search__input{flex:1 1 18rem;min-width:0;min-height:48px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-body);line-height:1.4;transition-property:border-color;transition-duration:var(--duration-fast)}.search__input::placeholder{color:var(--color-text-muted)}.search__input[aria-invalid=true]{border-color:var(--color-error-text)}.search__submit{flex:0 0 auto}@media(max-width:30rem){.search__submit{flex:1 1 100%}}.search__hint{font-size:var(--text-caption);color:var(--color-text-muted);text-wrap:pretty}.field-error{display:flex;gap:var(--space-2);font-size:var(--text-label);color:var(--color-error-text)}.field-error:before{content:"!";flex:none;width:18px;height:18px;border-radius:50%;border:1.5px solid currentColor;font-size:12px;font-weight:700;display:inline-grid;place-items:center;margin-block-start:2px}.search__examples{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-2)}.search__examples-label{font-size:var(--text-caption);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.search__example-list{display:flex;gap:var(--space-3);flex-wrap:wrap}.search__source{margin-block-start:var(--space-2);border-block-start:1px solid var(--color-border);padding-block-start:var(--space-3)}.search__source summary{cursor:pointer;font-size:var(--text-label);color:var(--color-text-secondary);min-height:24px;padding-block:var(--space-2);width:fit-content}.search__source-body{display:grid;gap:var(--space-2);padding-block-start:var(--space-2);max-width:32rem}.search__source-body label{font-size:var(--text-label);font-weight:600;color:var(--color-text-secondary)}.results{display:flex;flex-direction:column;gap:var(--space-5)}.panel{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-bg-surface);box-shadow:var(--shadow-surface);display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.panel__lede{color:var(--color-text-secondary);max-width:70ch;text-wrap:pretty}@media(prefers-reduced-motion:no-preference){.results>.panel{animation:panel-enter var(--duration-enter) var(--ease-out) both}.results>.panel:nth-child(2){animation-delay:.1s}.results>.panel:nth-child(3){animation-delay:.2s}@keyframes panel-enter{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}}.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:var(--space-4) var(--space-5)}.fact{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-raised)}.fact--wide{grid-column:1 / -1}.fact__label{font-size:var(--text-caption);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.fact__value{display:flex;flex-direction:column;gap:2px;font-size:var(--text-body);overflow-wrap:anywhere}.fact__sub{font-size:var(--text-caption);color:var(--color-text-secondary)}.num--strong{font-size:var(--text-title);font-weight:600;color:var(--color-accent-text)}.hex{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-label);min-width:0;max-width:100%}.hex__full{display:none;overflow-wrap:anywhere}.hex__short{white-space:nowrap}.fact--wide .hex__full{display:inline}.fact--wide .hex__short{display:none}@media(max-width:40rem){.fact--wide .hex__full{display:none}.fact--wide .hex__short{display:inline}}.copy-button{appearance:none;position:relative;flex:none;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition-property:background-color,color,border-color,scale;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out)}@media(pointer:coarse){.copy-button:before{content:"";position:absolute;inset:-4px}}@media(hover:hover){.copy-button:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}}.copy-button:active{scale:.96}.copy-button.is-copied{color:var(--color-success-text);border-color:var(--color-success-text)}.copy-button__icons{position:relative;width:16px;height:16px}.copy-button__icon{position:absolute;inset:0;transition-property:opacity,scale,filter;transition-duration:.2s;transition-timing-function:var(--ease-out)}.copy-button__icon--check,.copy-button.is-copied .copy-button__icon--copy{opacity:0;scale:.25;filter:blur(4px)}.copy-button.is-copied .copy-button__icon--check{opacity:1;scale:1;filter:blur(0)}.copy-button__hint{position:absolute;inset-block-end:calc(100% + 6px);inset-inline-start:50%;translate:-50% 0;padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--color-text-primary);color:var(--color-bg-page);font-family:var(--font-sans);font-size:var(--text-caption);font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transition-property:opacity;transition-duration:var(--duration-fast)}.copy-button[data-state=copied] .copy-button__hint,.copy-button[data-state=failed] .copy-button__hint{opacity:1}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-label);font-weight:600;white-space:nowrap;line-height:1.4}.badge svg{width:16px;height:16px}.badge--success{background:var(--color-success-bg);color:var(--color-success-text)}.badge--error{background:var(--color-error-bg);color:var(--color-error-text)}.badge--neutral,.badge--tier{background:var(--color-bg-hover);color:var(--color-text-secondary)}.badge--tier-cheap{background:var(--color-success-bg);color:var(--color-success-text)}.badge--tier-expensive,.badge--tier-extreme{background:var(--color-warning-bg);color:var(--color-warning-text)}.gas-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-5);align-items:start}@media(max-width:52rem){.gas-grid{grid-template-columns:minmax(0,1fr)}}figure{margin:0;min-width:0}.figure__caption{font-size:var(--text-caption);color:var(--color-text-muted);margin-block-end:var(--space-3);text-wrap:pretty}.bars__list{display:grid;gap:var(--space-2)}.bar{display:grid;grid-template-columns:minmax(7rem,11rem) minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-height:28px}@media(max-width:30rem){.bar{grid-template-columns:minmax(0,1fr) auto}.bar__label{grid-column:1 / -1}}.bar__label{font-size:var(--text-label);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar--own .bar__label{color:var(--color-text-primary);font-weight:600}.bar__track{display:block;height:14px;min-width:0;border-radius:0 4px 4px 0;background:transparent}.bar__fill{display:block;height:100%;border-radius:0 4px 4px 0;background:var(--color-chart-other);transition-property:width;transition-duration:var(--duration-enter);transition-timing-function:var(--ease-out)}.bar--own .bar__fill{background:var(--color-accent-solid)}.bar__value{font-size:var(--text-label);color:var(--color-text-secondary);white-space:nowrap;justify-self:end}.bar--own .bar__value{color:var(--color-text-primary);font-weight:600}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}@media(max-width:22rem){.stats{grid-template-columns:minmax(0,1fr)}}.stat{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-raised);display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.stat dt{font-size:var(--text-caption);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.stat dd{display:flex;flex-direction:column;font-size:var(--text-title);font-weight:600;overflow-wrap:anywhere}.stat__sub{font-size:var(--text-caption);font-weight:400;color:var(--color-text-secondary)}.rank{border-block-start:1px solid var(--color-border);padding-block-start:var(--space-4)}.key{display:flex;gap:var(--space-4);flex-wrap:wrap;font-size:var(--text-caption);color:var(--color-text-secondary);margin-block-end:var(--space-2)}.key li{display:inline-flex;align-items:center;gap:var(--space-2)}.key__swatch{width:10px;height:10px;border-radius:2px;background:var(--color-chart-other)}.key__swatch--own{background:var(--color-accent-solid)}.key__swatch--line{height:2px;width:14px;border-radius:1px;background:var(--color-text-secondary)}.rank__plot{position:relative;touch-action:pan-y}.rank__svg{display:block;overflow:visible}.rank__axis{stroke:var(--color-chart-grid);stroke-width:1}.rank__bar{fill:var(--color-chart-other)}.rank__bar.is-hover{fill:var(--color-text-secondary)}.rank__baseline{stroke:var(--color-text-secondary);stroke-width:1}.rank__own{fill:var(--color-accent-solid)}.rank__own-ring{fill:var(--color-bg-surface)}.rank__tooltip{position:absolute;inset-block-start:-4px;translate:-50% -100%;display:flex;flex-direction:column;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-text-primary);color:var(--color-bg-page);font-size:var(--text-caption);font-weight:600;white-space:nowrap;pointer-events:none;z-index:1}.rank__tooltip-sub{font-weight:400}.panel--time{background:radial-gradient(40rem 20rem at 100% 0%,oklch(.82 .13 205 / .1),transparent 70%),var(--color-bg-surface)}.clock{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.clock__unit{display:flex;flex-direction:column;align-items:center;min-width:5.5rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-bg-raised);box-shadow:inset 0 0 0 1px #ffffff0a}.clock__value{font-size:var(--text-hero-number);font-weight:650;line-height:1;letter-spacing:-.03em;color:var(--color-accent-text)}.clock__label{margin-block-start:var(--space-2);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.clock__sep{font-size:var(--text-hero-number);font-weight:300;color:var(--color-text-muted);line-height:1;padding-block-end:var(--space-5)}@media(max-width:26rem){.clock__sep{display:none}.clock__unit{flex:1 1 5.5rem}}.timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--space-3) var(--space-5)}.timeline__item dt{font-size:var(--text-caption);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.timeline__item dd{font-size:var(--text-body)}.loading__title{font-size:var(--text-title)}.loading__hash{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-muted);overflow-wrap:anywhere}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:var(--space-4)}.skeleton{height:64px;border-radius:var(--radius-md);background:var(--color-bg-raised)}@media(prefers-reduced-motion:no-preference){.skeleton{background:linear-gradient(90deg,var(--color-bg-raised) 0%,var(--color-bg-hover) 50%,var(--color-bg-raised) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{animation:spin .9s linear infinite}@keyframes spin{to{rotate:360deg}}}.panel--error{border-inline-start:3px solid var(--color-error-text)}.error__head{display:flex;align-items:center;gap:var(--space-2);color:var(--color-error-text)}.error__head h2{color:var(--color-text-primary)}.error__head svg{color:var(--color-error-text);width:20px;height:20px}.error__body{color:var(--color-text-secondary);max-width:70ch;text-wrap:pretty}.panel--error .button{align-self:flex-start}.empty__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:var(--space-4)}.empty__steps li{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-bg-surface);box-shadow:var(--shadow-surface);color:var(--color-text-secondary);text-wrap:pretty}.empty__step-n{flex:none;width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;background:var(--color-accent-subtle);color:var(--color-accent-text);font-weight:600;font-size:var(--text-label)}