.layout-container.svelte-1oxqnzq{display:flex;flex-direction:column;gap:3rem;align-items:center;padding-bottom:4rem;width:100%;max-width:72rem;margin:0 auto}.page-header.svelte-1oxqnzq{text-align:center;max-width:48rem}.page-subtitle.svelte-1oxqnzq{font-size:1.125rem;color:#64748b}.section-container.svelte-1oxqnzq{width:100%;max-width:64rem}.content-block.svelte-1oxqnzq{display:flex;flex-direction:column;gap:2rem;padding:2rem}.card-title.svelte-1oxqnzq{font-size:1.25rem;color:#4338ca;margin-bottom:1rem}.concept-list.svelte-1oxqnzq,.explore-list.svelte-1oxqnzq,.text-list.svelte-1oxqnzq{padding-left:1.5rem;color:#334155;line-height:1.7}.concept-list.svelte-1oxqnzq li:where(.svelte-1oxqnzq),.explore-list.svelte-1oxqnzq li:where(.svelte-1oxqnzq),.text-list.svelte-1oxqnzq li:where(.svelte-1oxqnzq){margin-bottom:.5rem}.block-header.svelte-1oxqnzq{text-align:center;margin-bottom:1rem}.representation-tabs.svelte-1oxqnzq{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.representation-tab.svelte-1oxqnzq{background:#f1f5f9;color:#64748b;border:1px solid transparent;border-radius:999px;padding:.5rem 1.25rem;cursor:pointer;font-weight:600}.representation-tab.active.svelte-1oxqnzq{background:#4f46e5;color:#fff;box-shadow:0 4px 6px -1px #4f46e566}.panel-container.svelte-1oxqnzq{background:#f8fafc;border-radius:1rem;padding:1.5rem;border:1px solid #e2e8f0}.representation-panel.active.svelte-1oxqnzq{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.representation-panel.active.svelte-1oxqnzq{grid-template-columns:1fr 1fr}}.media-container.svelte-1oxqnzq img:where(.svelte-1oxqnzq){width:100%;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a}.points-list.svelte-1oxqnzq{padding-left:1.25rem;color:#334155}.points-list.svelte-1oxqnzq li:where(.svelte-1oxqnzq){margin-bottom:.75rem}.color-explorer.svelte-1oxqnzq{display:flex;flex-direction:column;gap:1.5rem}.color-preview.svelte-1oxqnzq{width:100%;aspect-ratio:16/9;border-radius:.75rem;box-shadow:inset 0 0 0 1px #0000001a}.slider-controls.svelte-1oxqnzq{display:flex;flex-direction:column;gap:1rem}.slider-row.svelte-1oxqnzq{display:grid;grid-template-columns:3rem 1fr 2.5rem;gap:1rem;align-items:center;font-weight:500}.color-slider.svelte-1oxqnzq{width:100%;height:6px;border-radius:3px;background:#e2e8f0;outline:none;appearance:none;-webkit-appearance:none}.red-slider.svelte-1oxqnzq::-webkit-slider-thumb{background:#ef4444}.green-slider.svelte-1oxqnzq::-webkit-slider-thumb{background:#22c55e}.blue-slider.svelte-1oxqnzq::-webkit-slider-thumb{background:#3b82f6}.binary-digits.svelte-1oxqnzq{display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:768px){.binary-digits.svelte-1oxqnzq{grid-template-columns:1fr 1fr;align-items:center}}.image-wrapper.svelte-1oxqnzq img:where(.svelte-1oxqnzq){width:100%;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a}.section-header.svelte-1oxqnzq{text-align:center;margin-bottom:2rem;max-width:48rem;margin-left:auto;margin-right:auto}.eyebrow.svelte-1oxqnzq{text-transform:uppercase;font-size:.85rem;font-weight:700;color:#6366f1;letter-spacing:.05em;margin-bottom:.5rem}.lead.svelte-1oxqnzq{color:#64748b;font-size:1.1rem;line-height:1.6}.grid-2-cols.svelte-1oxqnzq{display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:768px){.grid-2-cols.svelte-1oxqnzq{grid-template-columns:1fr 1fr}}.large-gap.svelte-1oxqnzq{gap:2rem}.hint-box.svelte-1oxqnzq{background:#eff6ff;border:1px solid #dbeafe;color:#1e40af;padding:1rem;border-radius:.75rem;margin-bottom:2rem;text-align:center;max-width:48rem;margin-left:auto;margin-right:auto}.panel-desc.svelte-1oxqnzq{color:#64748b;margin-bottom:1.5rem}.input-row.svelte-1oxqnzq{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.input-row.svelte-1oxqnzq label:where(.svelte-1oxqnzq){font-weight:600;color:#334155;display:flex;align-items:center;gap:.5rem}.input-row.svelte-1oxqnzq input[type=number]:where(.svelte-1oxqnzq){width:5rem;padding:.4rem;border:1px solid #cbd5e1;border-radius:.375rem}.help-text.svelte-1oxqnzq{font-size:.85rem;color:#94a3b8;margin-bottom:1.5rem}.binary-display.svelte-1oxqnzq{background:#0f172a;color:#e2e8f0;padding:1rem;border-radius:.75rem;font-family:monospace}.bit-boxes.svelte-1oxqnzq{display:flex;justify-content:space-between;margin-bottom:.5rem}.bit-box.svelte-1oxqnzq{text-align:center}.bit.svelte-1oxqnzq{font-size:1.25rem;font-weight:700;display:block}.weight.svelte-1oxqnzq{font-size:.7rem;color:#64748b}.binary-string.svelte-1oxqnzq{text-align:center;font-size:1.1rem;color:#4ade80}.decimal.svelte-1oxqnzq{color:#94a3b8;margin-left:.5rem}.lamps.svelte-1oxqnzq{display:flex;justify-content:space-between;gap:.25rem;margin:1.5rem 0}.lamp.svelte-1oxqnzq{flex:1;aspect-ratio:1/1.2;border:none;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative}.lamp-off.svelte-1oxqnzq{background:#e2e8f0;color:#94a3b8;box-shadow:inset 0 2px 4px #0000001a}.lamp-on.svelte-1oxqnzq{background:#fbbf24;color:#78350f;box-shadow:0 0 15px #fbbf2480,inset 0 -2px 4px #0000001a;transform:translateY(-2px)}.lamp-bit-label.svelte-1oxqnzq{font-size:.75rem;font-weight:700}.lamp-value.svelte-1oxqnzq{background:#f0f9ff;padding:.75rem;border-radius:.5rem;text-align:center;color:#0369a1;border:1px solid #bae6fd}.explain.svelte-1oxqnzq{font-size:.9rem;color:#64748b;line-height:1.6}