:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e9edf0;background:#101b23;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:12px 24px}header{display:flex;align-items:center;justify-content:space-between}h1{font-size:18px;letter-spacing:-.5px;margin:0}h2,h3,p{margin:0}button,select{border:1px solid #516571;border-radius:6px;background:#253a46;color:#e9edf0;padding:6px 10px;cursor:pointer}button:hover{background:#345561}a{color:#8ee4d3;overflow-wrap:anywhere}nav{display:flex;gap:8px;margin:8px 0}nav a{font-size:12px;padding:5px 9px;border:1px solid #334651;border-radius:6px;text-decoration:none}nav a[aria-current=page]{background:#345561}input:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #8ee4d3;outline-offset:2px}.controls{background:#192934;border:1px solid #334651;border-radius:10px;padding:10px;margin:8px 0}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inputs label{min-width:0;font-size:11px;color:#b9cad3}.inputs input{display:block;width:100%;min-width:0;margin:4px 0 10px;background:#101b23;border:1px solid #4d616e;border-radius:5px;color:#edf4f6;padding:7px;font-family:ui-monospace,monospace}.slider-heading{display:flex;justify-content:space-between;font-size:11px;gap:8px}input[type=range]{width:100%;margin:10px 0;accent-color:#8ee4d3;cursor:pointer}.main-track{position:relative}.number-display{display:flex;align-items:start;gap:8px;font-size:11px;margin:6px 0}.number-display details{flex:1}.number-display button{font-size:11px}.number-display p:empty{margin:0;height:1px;width:1px;overflow:hidden}.decimal{overflow-wrap:anywhere;font-family:ui-monospace,monospace;margin:6px 0}.comparison{position:relative;border-top:1px solid #334651;padding:6px 0 8px;margin:0;min-height:100px}.row-heading{display:flex;align-items:center;gap:8px}.row-heading .gallery-boundary-note{font-size:10px;color:#b9cad3}.row-heading h2{font-size:12px;font-weight:500}.row-heading span{font-size:10px;color:#8ee4d3}.cards:has(.card-tooltip){perspective:none}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;perspective:800px}.card{text-align:center;min-width:0;padding:0 4px;position:relative}.card img,.art-fallback{width:100%;height:40px;object-fit:contain;transition:transform .2s,filter .2s}[data-art-style=Images] .comparison{min-height:0;padding:2px 0;border-top:0}[data-art-style=Images] .row-heading{position:relative;z-index:1}[data-art-style=Images] .cards{gap:0;padding:0;background:#101b23;perspective:none}[data-art-style=Images] .card{padding:0}[data-art-style=Images] .card-trigger{display:block;line-height:0;background:transparent;border-radius:0}[data-art-style=Images] .card img,[data-art-style=Images] .art-fallback{display:block;height:auto;aspect-ratio:16 / 9;width:100%;object-fit:contain;object-position:center}[data-art-style=Images] .art-fallback{display:flex}[data-art-style=Images] .card img,[data-art-style=Images] .card:not(.selected) img,[data-art-style=Images] .card:not(.selected) .placeholder-art{transform:none;filter:none;transition:none}.card img[data-art=generated]{mix-blend-mode:lighten;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}.card-subtitle{display:block;font-size:10px;line-height:1.3;color:#b9cad3}.card h3{font-size:11px;font-weight:500;line-height:1.2}.sr-only,.card .eyebrow{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.card details p,.card details small{font-size:12px}.card summary{list-style:none}.card summary h3{display:inline}.card details[open]{background:#192934;padding:5px}.card:not(.selected) img{transform:scale(.7);filter:brightness(.75)}.card.selected h3{color:#8ee4d3}.art-fallback{display:flex;align-items:center;justify-content:center;font-size:10px;color:#9fb2be}details{font-size:11px;line-height:1.5;overflow-wrap:anywhere}summary{cursor:pointer;color:#b9cad3}details p{margin:6px 0}details h4{margin:10px 0 4px}.comparison>details:not([open]){position:absolute;top:6px;right:0}.comparison>.row-context:not([open]){right:175px}.comparison>details[open]{margin:8px 0;padding:8px;background:#192934}.anchor-disclosure{margin:0;text-align:right;font-size:10px}.anchor-disclosure:not([open]){height:0;position:relative;top:84px;z-index:1;width:100px;margin-left:auto}.anchor-disclosure[open]{padding:8px;background:#192934}.jump-chips{display:flex;flex-wrap:wrap;gap:5px}.jump-chips button{font-size:11px}footer{border-top:1px solid #334651;color:#9fb2be;padding-top:10px;font-size:10px;margin-top:14px}dialog{background:#192934;color:#e9edf0;border:1px solid #516571;border-radius:12px;width:min(380px,90vw);margin:60px 24px auto auto;padding:16px}dialog::backdrop{background:#0006}dialog>label{display:block;font-size:13px;margin:12px 0}fieldset{border:1px solid #334651;border-radius:8px;display:grid;gap:10px;font-size:13px}fieldset input{margin-right:8px}[role=alert]{color:#ffd2ad;font-size:12px}.comparison,.controls,li{overflow-wrap:anywhere}.comparison>p{font-size:12px;line-height:1.4}.row-heading{display:flex;align-items:baseline;gap:6px}.unit-subheader{position:relative;font-size:10px;font-style:normal;font-weight:500;color:#8ee4d3;text-decoration:none;cursor:help}.unit-subheader:hover:after,.unit-subheader:focus:after{content:attr(title);position:absolute;z-index:1001;top:100%;left:0;min-width:max-content;max-width:240px;padding:6px 8px;background:#10202b;border:1px solid #8ee4d3;border-radius:4px;color:#f5f8fa;font-size:12px;line-height:1.4}.beyond-row{font-size:10px;line-height:1.35;color:#9fb2be;margin:1px 0 0}.beyond-row summary{color:#9fb2be;cursor:pointer;list-style:none}.beyond-row summary::-webkit-details-marker{display:none}.beyond-row summary:before{content:"+ ";color:#8ee4d3}.beyond-row[open] summary:before{content:"− "}.beyond-row[open] .cards{margin-top:4px}.comparison:has(>.beyond-row:not([open])){min-height:0;padding:4px 0}.comparison>.beyond-row,.comparison>.beyond-row:not([open]){position:static}.unit-subheader:focus-visible,.beyond-row summary:focus-visible{outline:2px solid #8ee4d3;outline-offset:3px}@media(max-width:600px){main{padding:10px}.inputs{gap:5px;grid-template-columns:1fr 1fr}.inputs input{font-size:11px;padding:7px 4px}.comparison{min-height:140px;padding-bottom:24px}.cards{padding-top:10px}.card img,.art-fallback{height:58px}.card h3{font-size:10px}.row-heading h2{font-size:11px}.comparison>details:not([open]){top:auto;bottom:5px;font-size:9px}.comparison>.row-context:not([open]){right:auto;left:0}.anchor-disclosure:not([open]){top:3px;width:100px}.number-display{flex-wrap:wrap}nav{gap:4px}nav a{font-size:11px;padding:5px 7px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.inputs{grid-template-columns:repeat(10,minmax(0,1fr))}.inputs .word-field{grid-column:span 4}.inputs .integer-field{grid-column:span 6}.inputs .base-two-field,.inputs .base-ten-field{grid-column:span 5}[data-art-style=Images] .cards{position:relative}[data-art-style=Images] .cards[data-gallery=continuous]{display:block;aspect-ratio:16 / 3}[data-art-style=Images] .gallery-card{position:absolute;top:0;height:100%}[data-art-style=Images] .gallery-card .card-trigger{height:100%;overflow:hidden}[data-art-style=Images] .gallery-card .quantity-canvas{width:var(--gallery-cell-width);margin-left:var(--gallery-art-left,0px)}[data-art-style=Images] .cards:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:#101b2370;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);mask-image:linear-gradient(to right,#000 0%,#000b 18%,transparent 38%,transparent 62%,#000b 82%,#000 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000b 18%,transparent 38%,transparent 62%,#000b 82%,#000 100%)}[data-art-style=Images] .cards:before{content:"";position:absolute;top:0;bottom:0;left:33.3333%;width:33.3333%;border-top:1px solid #8ee4d34d;border-bottom:1px solid #8ee4d329;pointer-events:none;z-index:3}[data-art-style=Images] .gallery-card .card-trigger:focus-visible{outline-offset:-3px}@media(min-width:601px){[data-art-style=Images] .gallery-card .card-tooltip{left:var(--gallery-tooltip-left,0px);right:auto}}.main-track input{appearance:none;height:48px;background:transparent;margin:0 0 8px;touch-action:pan-y}.main-track input::-webkit-slider-runnable-track{height:12px;background:#345561;border-radius:8px}.main-track input::-moz-range-track{height:12px;background:#345561;border-radius:8px}.main-track input::-webkit-slider-thumb{appearance:none;width:32px;height:32px;margin-top:-10px;border:2px solid #e9fff9;border-radius:50%;background:#8ee4d3;box-shadow:0 0 0 6px #8ee4d322}.main-track input::-moz-range-thumb{width:28px;height:28px;border:2px solid #e9fff9;border-radius:50%;background:#8ee4d3;box-shadow:0 0 0 6px #8ee4d322}.placeholder-label{font-size:9px;color:#9fb2be}.placeholder-art{font-size:28px;color:#8ee4d3}.card:not(.selected) .placeholder-art{opacity:.5;transform:scale(.7)}.boundary{font-size:10px!important;color:#b9cad3}.card-trigger{width:100%;border:0;padding:0;background:transparent;color:inherit}.card-trigger:hover{background:#192934}.model-badge{display:inline-block;font-size:9px;padding:1px 5px;border:1px solid #516571;border-radius:4px;color:#f1ba79}.card:has(.card-tooltip){z-index:100;opacity:1;filter:none}.comparison:has(.card-tooltip){position:relative;z-index:100}.card-tooltip{position:absolute;z-index:1000;top:100%;left:0;width:min(330px,80vw);max-height:240px;overflow:auto;padding:14px;text-align:left;background:#10202b;color:#f5f8fa;opacity:1;filter:none;isolation:isolate;border:1px solid #8ee4d3;border-radius:8px;box-shadow:0 8px 30px #000a;font-size:14px;line-height:1.45}.card-tooltip a{color:#a9f4e4}@media(min-width:601px){.comparison:is([data-row=energy],[data-row=power],[data-row=temperature]) .card-tooltip{top:auto;bottom:100%}}.card:last-child .card-tooltip{left:auto;right:0}.card-tooltip p{margin:6px 0}@media(max-width:600px){.comparison{min-height:116px;padding-bottom:12px}.card-tooltip{position:fixed;top:auto;bottom:12px;left:12px!important;right:12px!important;width:auto}}.quantity-canvas{display:block;position:relative}.quantity-canvas:has(.quantity-encoding)>img{mask-image:linear-gradient(to right,#000 0%,#000 60%,#000b 64%,#0005 69%,transparent 76%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 60%,#000b 64%,#0005 69%,transparent 76%)}.quantity-encoding svg{overflow:visible}.quantity-encoding text{font-family:monospace}.quantity-art{position:absolute;inset:0;pointer-events:none;display:block}.quantity-art svg{width:100%;height:100%;fill:none;stroke:#7ce5d7;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.quantity-icon{fill:#101b23;stroke-width:2.5}.quantity-prefix,.quantity-elapsed,.quantity-ascii{background:#101b23}.quantity-canvas:has(.quantity-prefix)>img,.quantity-canvas:has(.quantity-elapsed)>img,.quantity-canvas:has(.quantity-ascii)>img{visibility:hidden}.quantity-prefix svg{stroke:#94bdd3}.quantity-prefix rect{fill:#101b2370}.encoding-grid rect{fill:#101b23}.encoding-grid{stroke-width:1.6}.radiation-cue{stroke:#ffd57b;stroke-width:2.5}.ascii-example{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:10px;line-height:1.3;font:clamp(10px,1.5vw,19px) ui-monospace,monospace;color:#b4f4e9}.ascii-example strong{font:500 clamp(10px,1.2vw,15px) system-ui;color:#f0d394}.card:not(.selected) .quantity-art{opacity:.65}.copy-link{margin-left:auto;margin-right:8px}