.page.svelte-1lxdl7i{display:flex;flex-direction:column;gap:1.5rem}.page-header.svelte-1lxdl7i h1:where(.svelte-1lxdl7i){margin-bottom:.35rem;font-size:2.1rem}.page-header.svelte-1lxdl7i p:where(.svelte-1lxdl7i){margin:0;color:var(--text-muted)}.card.further-reading.svelte-1lxdl7i{background:linear-gradient(135deg,#4cbb9b2e,#6fcf971a);border:1px solid rgba(76,187,155,.3)}.representation-explorer.svelte-1lxdl7i{gap:1.75rem;display:flex;flex-direction:column}.representation-header.svelte-1lxdl7i{display:grid;gap:.65rem}.representation-header.svelte-1lxdl7i h2:where(.svelte-1lxdl7i){margin:0;font-size:1.45rem;color:var(--ui-color)}.representation-header.svelte-1lxdl7i p:where(.svelte-1lxdl7i){margin:0;color:var(--text-muted)}.representation-tabs.svelte-1lxdl7i{display:grid;grid-auto-flow:column;gap:.75rem;justify-content:start;margin-bottom:1rem}.representation-tab.svelte-1lxdl7i{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.65rem 1.5rem;background:#ffffff0d;color:var(--text-main);font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.representation-tab.svelte-1lxdl7i:hover,.representation-tab.svelte-1lxdl7i:focus-visible{background:#ffffff1a;outline:none}.representation-tab.active.svelte-1lxdl7i{background:var(--svelte-color);color:#fff;border-color:var(--svelte-color)}.representation-panel.svelte-1lxdl7i{display:none}.representation-panel.active.svelte-1lxdl7i{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;align-items:start}.representation-panel.svelte-1lxdl7i img:where(.svelte-1lxdl7i){width:100%;max-width:360px;border-radius:1rem;box-shadow:0 12px 26px #0003;background:#ffffff0d;justify-self:center}.representation-panel.svelte-1lxdl7i ul:where(.svelte-1lxdl7i){margin:0;display:grid;gap:.8rem;padding-left:1.1rem}.representation-panel.svelte-1lxdl7i li:where(.svelte-1lxdl7i){line-height:1.6}.color-explorer.svelte-1lxdl7i{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1fr);gap:1.5rem;align-items:center}.color-preview.svelte-1lxdl7i{border-radius:1rem;border:1px solid rgba(255,255,255,.1);width:100%;aspect-ratio:1 / 1;box-shadow:inset 0 0 0 1px #ffffff1a}.slider-controls.svelte-1lxdl7i{display:flex;flex-direction:column;gap:.75rem}.slider-row.svelte-1lxdl7i{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem}.slider-row.svelte-1lxdl7i label:where(.svelte-1lxdl7i){font-weight:600}.slider-row.svelte-1lxdl7i input[type=range]:where(.svelte-1lxdl7i){width:100%}.slider-row.svelte-1lxdl7i output:where(.svelte-1lxdl7i){min-width:2.5rem;text-align:right;font-variant-numeric:tabular-nums}.color-notation.svelte-1lxdl7i{margin:.25rem 0 0;font-size:.95rem}.binary-digits.svelte-1lxdl7i{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;align-items:center;margin-top:1rem}.binary-digits.svelte-1lxdl7i img:where(.svelte-1lxdl7i){width:100%;max-width:420px;justify-self:center;border-radius:1rem;box-shadow:0 12px 26px #0003}.binary-conversion.svelte-1lxdl7i{display:grid;gap:1rem}.binary-conversion__intro.svelte-1lxdl7i{display:grid;gap:.35rem}.binary-conversion__intro.svelte-1lxdl7i h2:where(.svelte-1lxdl7i){margin:0;font-size:1.35rem;color:var(--ui-color)}.binary-conversion__intro.svelte-1lxdl7i .lead:where(.svelte-1lxdl7i){margin:0;color:var(--text-muted)}.binary-conversion__grid.svelte-1lxdl7i{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.panel.svelte-1lxdl7i{border-radius:1rem;border:1px solid rgba(255,255,255,.1);padding:1.1rem 1.25rem;background:#ffffff0d;box-shadow:0 12px 26px #0000001a;display:grid;gap:.75rem}.binary-conversion.svelte-1lxdl7i h3:where(.svelte-1lxdl7i){margin:0;font-size:1.05rem;color:var(--ui-color)}.binary-conversion.svelte-1lxdl7i ol:where(.svelte-1lxdl7i){margin:0;padding-left:1.1rem;display:grid;gap:.45rem}.binary-conversion.svelte-1lxdl7i table:where(.svelte-1lxdl7i){width:100%;border-collapse:collapse;font-size:.95rem;background:#0003;border-radius:.75rem;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.binary-conversion.svelte-1lxdl7i th:where(.svelte-1lxdl7i),.binary-conversion.svelte-1lxdl7i td:where(.svelte-1lxdl7i){text-align:left;padding:.6rem .65rem;border-bottom:1px solid rgba(255,255,255,.1)}.binary-conversion.svelte-1lxdl7i th:where(.svelte-1lxdl7i){font-weight:700;color:var(--ui-color);background:#ffffff0d}.binary-conversion.svelte-1lxdl7i tr:where(.svelte-1lxdl7i):last-child td:where(.svelte-1lxdl7i){border-bottom:none}.binary-conversion.svelte-1lxdl7i .result:where(.svelte-1lxdl7i){margin:0}.binary-conversion.svelte-1lxdl7i .result:where(.svelte-1lxdl7i) span:where(.svelte-1lxdl7i){font-weight:700;margin-left:.3rem}.byte-demo.svelte-1lxdl7i{display:grid;gap:1.5rem}.byte-demo__header.svelte-1lxdl7i{display:grid;grid-template-columns:2fr 1fr;gap:1rem;align-items:start}.byte-demo__hint.svelte-1lxdl7i{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.9rem;padding:1rem 1.1rem}.byte-demo__grid.svelte-1lxdl7i{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.byte-demo.svelte-1lxdl7i h3:where(.svelte-1lxdl7i){margin:0;font-size:1.1rem;color:var(--ui-color)}.eyebrow.svelte-1lxdl7i{margin:0 0 .2rem;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:var(--svelte-color);font-weight:700}.byte-demo.svelte-1lxdl7i .lead:where(.svelte-1lxdl7i){margin:0;color:var(--text-muted)}.byte-demo.svelte-1lxdl7i .input-row:where(.svelte-1lxdl7i){display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.byte-demo.svelte-1lxdl7i label:where(.svelte-1lxdl7i){font-weight:600;display:flex;align-items:center;gap:.35rem}.byte-demo.svelte-1lxdl7i input[type=number]:where(.svelte-1lxdl7i){width:96px;padding:.3rem .5rem;font-size:.95rem;box-sizing:border-box}.byte-demo.svelte-1lxdl7i .slider:where(.svelte-1lxdl7i){flex:1;min-width:160px}.help-text.svelte-1lxdl7i{margin:0;color:var(--text-muted);font-size:.9rem}.binary-display.svelte-1lxdl7i{border-radius:10px;background:#0000004d;border:1px solid rgba(255,255,255,.1);padding:.75rem;font-size:.85rem}.bit-boxes.svelte-1lxdl7i{display:flex;justify-content:space-between;gap:.25rem;margin-bottom:.5rem;flex-wrap:wrap}.bit-box.svelte-1lxdl7i{flex:1;min-width:40px;text-align:center}.bit.svelte-1lxdl7i{display:block;font-weight:600;font-size:1.1rem;color:var(--ui-color)}.weight.svelte-1lxdl7i{font-size:.65rem;opacity:.7}.binary-string.svelte-1lxdl7i{display:flex;align-items:baseline;gap:.35rem;flex-wrap:wrap;margin-top:.25rem}.bit-char.svelte-1lxdl7i{font-family:monospace;letter-spacing:.1em}.decimal.svelte-1lxdl7i{font-size:.8rem;opacity:.8}.lamp-value.svelte-1lxdl7i{font-size:.95rem;margin:0}.lamps.svelte-1lxdl7i{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:space-between;margin-bottom:.5rem}.lamp.svelte-1lxdl7i{border:none;background:transparent;cursor:pointer;padding:0;display:flex;flex-direction:column;align-items:center;gap:.2rem}.lamp-inner.svelte-1lxdl7i{width:32px;height:32px;border-radius:999px;box-shadow:0 0 0 1px #fff3;background:#ffffff1a;transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.lamp-on.svelte-1lxdl7i .lamp-inner:where(.svelte-1lxdl7i){background:var(--data-color);box-shadow:0 0 12px var(--data-glow);transform:translateY(-1px)}.lamp-off.svelte-1lxdl7i .lamp-inner:where(.svelte-1lxdl7i){background:#ffffff0d;box-shadow:0 0 4px #00000080}.lamp-bit-label.svelte-1lxdl7i{font-size:.65rem;color:var(--text-muted)}.lamp.svelte-1lxdl7i:focus-visible .lamp-inner:where(.svelte-1lxdl7i){outline:2px solid var(--svelte-color);outline-offset:2px}.explain.svelte-1lxdl7i{font-size:.95rem;color:var(--text-muted);margin:0}.further-reading.svelte-1lxdl7i h2:where(.svelte-1lxdl7i){margin:0;font-size:1.3rem}@media(max-width:840px){.representation-tabs.svelte-1lxdl7i{grid-auto-flow:row}.byte-demo__header.svelte-1lxdl7i,.binary-digits.svelte-1lxdl7i{grid-template-columns:1fr}.binary-digits.svelte-1lxdl7i img:where(.svelte-1lxdl7i){max-width:100%}.lamps.svelte-1lxdl7i{justify-content:flex-start}.representation-panel.active.svelte-1lxdl7i{grid-template-columns:1fr}.representation-panel.svelte-1lxdl7i img:where(.svelte-1lxdl7i){max-width:100%}.color-explorer.svelte-1lxdl7i{grid-template-columns:1fr}}@media(max-width:540px){.representation-tab.svelte-1lxdl7i{width:100%;justify-self:stretch}}