p.svelte-1lyycff{font-size:1.25rem;line-height:1.6;margin-bottom:1.5rem}#place-value .metaphor.svelte-1lyycff{display:flex;gap:1.5rem;background:var(--color-surface-50);border-radius:var(--radius-container);padding:2rem;margin:2rem 0;border:1px solid var(--color-surface-200);box-shadow:0 4px 12px color-mix(in oklab,var(--color-surface-900) .05,transparent)}#place-value .metaphor.svelte-1lyycff .icon:where(.svelte-1lyycff){font-size:3rem;flex-shrink:0}#place-value .metaphor.svelte-1lyycff .content:where(.svelte-1lyycff) h3:where(.svelte-1lyycff){margin-top:0;color:var(--color-surface-900)}#place-value .metaphor.svelte-1lyycff .content:where(.svelte-1lyycff) p:where(.svelte-1lyycff){font-size:1.25rem;margin-bottom:1rem}#place-value .metaphor.svelte-1lyycff .content:where(.svelte-1lyycff) p:where(.svelte-1lyycff):last-child{margin-bottom:0}#place-value .wallets.svelte-1lyycff{background:var(--color-surface-100);border-radius:var(--radius-container);padding:2rem;margin:2rem 0;border:1px solid var(--color-surface-200)}#place-value .wallets.svelte-1lyycff .row:where(.svelte-1lyycff){display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}#place-value .wallets.svelte-1lyycff .wallet:where(.svelte-1lyycff){display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 0;background:var(--color-warning-100);border-radius:var(--radius-container);border:2px solid var(--color-warning-400);flex:1;min-width:0}#place-value .wallets.svelte-1lyycff .wallet:where(.svelte-1lyycff) .value:where(.svelte-1lyycff){font-size:2rem;font-weight:700;color:var(--color-warning-800)}#place-value .wallets.svelte-1lyycff .wallet:where(.svelte-1lyycff) .label:where(.svelte-1lyycff){font-size:.875rem;color:var(--color-surface-600);text-align:center;width:100%}#assembly .steps.svelte-1lyycff{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}#assembly .steps.svelte-1lyycff .step:where(.svelte-1lyycff){display:flex;align-items:flex-start;gap:1.25rem;padding:1.25rem 1.5rem;background:var(--color-surface-50);border-radius:var(--radius-container);border:1px solid var(--color-surface-200)}#assembly .steps.svelte-1lyycff .step:where(.svelte-1lyycff) .num:where(.svelte-1lyycff){display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--color-primary-600);color:#fff;border-radius:50%;font-weight:700;flex-shrink:0}#assembly .steps.svelte-1lyycff .step:where(.svelte-1lyycff) .text:where(.svelte-1lyycff){font-size:1.25rem;line-height:1.5}#assembly .result.svelte-1lyycff{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;background:var(--color-success-50);border-radius:var(--radius-container);margin:2rem 0;flex-wrap:wrap;border:1px solid var(--color-success-200)}#assembly .result.svelte-1lyycff .label:where(.svelte-1lyycff){font-size:1.25rem;color:var(--color-surface-700)}#assembly .result.svelte-1lyycff .binary:where(.svelte-1lyycff){font-size:2.5rem;font-weight:700;font-family:monospace;color:var(--color-success-800);letter-spacing:.15em}#assembly .result.svelte-1lyycff .formula:where(.svelte-1lyycff){font-size:1.25rem;color:var(--color-surface-600)}#simulation .panel.svelte-1lyycff{background:var(--color-primary-50);border-radius:var(--radius-container);padding:2.5rem;margin:2rem 0;box-shadow:0 12px 32px color-mix(in oklab,var(--color-surface-900) .12,transparent)}#simulation .panel.svelte-1lyycff .intro:where(.svelte-1lyycff){text-align:center;font-size:1.25rem;margin-bottom:2rem}#simulation .panel.svelte-1lyycff .toggles:where(.svelte-1lyycff){display:flex;justify-content:center;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}#simulation .panel.svelte-1lyycff .toggles:where(.svelte-1lyycff) .switch:where(.svelte-1lyycff){display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;width:70px;border:3px solid var(--color-surface-400);border-radius:var(--radius-container);background:var(--color-surface-100);cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}#simulation .panel.svelte-1lyycff .toggles:where(.svelte-1lyycff) .switch:where(.svelte-1lyycff):hover{transform:translateY(-3px)}#simulation .panel.svelte-1lyycff .toggles:where(.svelte-1lyycff) .switch:where(.svelte-1lyycff).on{background:var(--color-success-100);border-color:var(--color-success-500);box-shadow:0 0 15px var(--color-success-200)}#simulation .panel.svelte-1lyycff .toggles:where(.svelte-1lyycff) .switch:where(.svelte-1lyycff).on .indicator:where(.svelte-1lyycff) .state-on:where(.svelte-1lyycff){color:var(--color-success-700)}#simulation .panel.svelte-1lyycff .toggles:where(.svelte-1lyycff) .switch:where(.svelte-1lyycff) .weight:where(.svelte-1lyycff){font-size:1.125rem;font-weight:700;color:var(--color-surface-700)}#simulation .panel.svelte-1lyycff .toggles:where(.svelte-1lyycff) .switch:where(.svelte-1lyycff) .indicator:where(.svelte-1lyycff){font-size:.75rem;font-weight:600;min-width:2.5em;text-align:center}#simulation .panel.svelte-1lyycff .toggles:where(.svelte-1lyycff) .switch:where(.svelte-1lyycff) .indicator:where(.svelte-1lyycff) .state-off:where(.svelte-1lyycff){color:var(--color-surface-500)}#simulation .panel.svelte-1lyycff .toggles:where(.svelte-1lyycff) .switch:where(.svelte-1lyycff) .bit:where(.svelte-1lyycff){font-size:1.25rem;font-weight:700;font-family:monospace}#simulation .panel.svelte-1lyycff .display:where(.svelte-1lyycff){display:flex;justify-content:center;gap:3rem;margin-bottom:1.5rem;flex-wrap:wrap}#simulation .panel.svelte-1lyycff .display:where(.svelte-1lyycff) .row:where(.svelte-1lyycff){display:flex;align-items:center;gap:.75rem}#simulation .panel.svelte-1lyycff .display:where(.svelte-1lyycff) .row:where(.svelte-1lyycff) .label:where(.svelte-1lyycff){font-size:1.125rem;color:var(--color-surface-600)}#simulation .panel.svelte-1lyycff .display:where(.svelte-1lyycff) .row:where(.svelte-1lyycff) .value:where(.svelte-1lyycff){font-size:1.5rem;font-weight:700}#simulation .panel.svelte-1lyycff .display:where(.svelte-1lyycff) .row:where(.svelte-1lyycff) .value:where(.svelte-1lyycff).binary{font-family:monospace;letter-spacing:.1em;color:var(--color-primary-800)}#simulation .panel.svelte-1lyycff .display:where(.svelte-1lyycff) .row:where(.svelte-1lyycff) .value:where(.svelte-1lyycff).decimal{font-size:2rem;color:var(--color-success-700)}#simulation .panel.svelte-1lyycff .controls:where(.svelte-1lyycff){display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}#simulation .panel.svelte-1lyycff .controls:where(.svelte-1lyycff) button:where(.svelte-1lyycff){padding:.75rem 1.5rem;border:none;border-radius:calc(var(--radius-container) * .5);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}#simulation .panel.svelte-1lyycff .controls:where(.svelte-1lyycff) .btn-reset:where(.svelte-1lyycff){background:var(--color-surface-200);color:var(--color-surface-700)}#simulation .panel.svelte-1lyycff .controls:where(.svelte-1lyycff) .btn-reset:where(.svelte-1lyycff):hover{background:var(--color-surface-300)}#simulation .panel.svelte-1lyycff .controls:where(.svelte-1lyycff) .btn-challenge:where(.svelte-1lyycff){background:var(--color-primary-600);color:#fff}#simulation .panel.svelte-1lyycff .controls:where(.svelte-1lyycff) .btn-challenge:where(.svelte-1lyycff):hover{background:var(--color-primary-700);transform:translateY(-2px)}#simulation .panel.svelte-1lyycff .challenge:where(.svelte-1lyycff){display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;background:var(--color-warning-100);border-radius:var(--radius-container);border:2px solid var(--color-warning-400)}#simulation .panel.svelte-1lyycff .challenge:where(.svelte-1lyycff).success{background:var(--color-success-100);border-color:var(--color-success-500)}#simulation .panel.svelte-1lyycff .challenge:where(.svelte-1lyycff) .icon:where(.svelte-1lyycff){font-size:1.5rem}#simulation .panel.svelte-1lyycff .challenge:where(.svelte-1lyycff) .text:where(.svelte-1lyycff){font-size:1.25rem}#universal .powers.svelte-1lyycff{margin:2rem 0;border-radius:var(--radius-container);overflow:hidden;border:2px solid var(--color-surface-200)}#universal .powers.svelte-1lyycff .row:where(.svelte-1lyycff){display:grid;grid-template-columns:1fr 1fr;padding:1rem 1.5rem;font-size:1.125rem;background:var(--color-surface-50)}#universal .powers.svelte-1lyycff .row:where(.svelte-1lyycff).header{background:var(--color-surface-100);font-weight:600}#universal .powers.svelte-1lyycff .row:where(.svelte-1lyycff):not(.header):nth-child(odd){background:var(--color-surface-100)}#formal .notation.svelte-1lyycff{display:flex;gap:3rem;margin:2rem 0;flex-wrap:wrap}#formal .notation.svelte-1lyycff .item:where(.svelte-1lyycff){display:flex;align-items:center;gap:.75rem}#formal .notation.svelte-1lyycff .item:where(.svelte-1lyycff) .value:where(.svelte-1lyycff){font-size:1.75rem;font-weight:700;font-family:monospace;color:var(--color-primary-700)}#formal .notation.svelte-1lyycff .item:where(.svelte-1lyycff) .desc:where(.svelte-1lyycff){font-size:1.125rem;color:var(--color-surface-600)}#formal .formula.svelte-1lyycff{font-family:monospace;font-size:1.375rem;background:var(--color-surface-100);padding:1rem 1.5rem;border-radius:.5rem;display:inline-block}#formal .example.svelte-1lyycff{color:var(--color-surface-600)}#practice .card.svelte-1lyycff,#practice .insight.svelte-1lyycff{background:var(--color-surface-50);border-radius:var(--radius-container);padding:2rem;margin:2rem 0;border:2px solid var(--color-surface-200);box-shadow:0 4px 12px color-mix(in oklab,var(--color-surface-900) .05,transparent)}:is(#practice .card.svelte-1lyycff,#practice .insight.svelte-1lyycff) h3:where(.svelte-1lyycff){color:var(--color-surface-700);margin-bottom:1rem}:is(#practice .card.svelte-1lyycff,#practice .insight.svelte-1lyycff) p:where(.svelte-1lyycff){font-size:1.25rem;margin-bottom:1.25rem}#practice .hint.svelte-1lyycff{font-size:1.125rem;color:var(--color-surface-600);padding:1rem;background:var(--color-surface-100);border-radius:.5rem;margin:0}#practice .hands.svelte-1lyycff{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin:1.5rem 0}#practice .hands.svelte-1lyycff .row:where(.svelte-1lyycff){display:flex;gap:.75rem}#practice .hands.svelte-1lyycff .finger:where(.svelte-1lyycff){display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;min-width:60px;border:2px solid var(--color-surface-300);border-radius:var(--radius-container);background:var(--color-surface-100);cursor:pointer;transition:all .2s}#practice .hands.svelte-1lyycff .finger:where(.svelte-1lyycff):hover{transform:translateY(-3px)}#practice .hands.svelte-1lyycff .finger:where(.svelte-1lyycff).up{background:var(--color-success-100);border-color:var(--color-success-500)}#practice .hands.svelte-1lyycff .finger:where(.svelte-1lyycff) .icon:where(.svelte-1lyycff){font-size:1.5rem}#practice .hands.svelte-1lyycff .finger:where(.svelte-1lyycff) .value:where(.svelte-1lyycff){font-size:1rem;font-weight:700}#practice .hands.svelte-1lyycff .result-area:where(.svelte-1lyycff){display:flex;align-items:center;gap:1rem}#practice .hands.svelte-1lyycff .result-area:where(.svelte-1lyycff) .label:where(.svelte-1lyycff){font-size:1.125rem;color:var(--color-surface-600)}#practice .hands.svelte-1lyycff .result-area:where(.svelte-1lyycff) .value:where(.svelte-1lyycff){font-size:2rem;font-weight:700;color:var(--color-primary-700)}#practice .hands.svelte-1lyycff .result-area:where(.svelte-1lyycff) .max-badge:where(.svelte-1lyycff){font-size:1.25rem}#practice .hands.svelte-1lyycff .btn-reset-small:where(.svelte-1lyycff){padding:.5rem 1rem;border:none;border-radius:calc(var(--radius-container) * .5);font-size:.875rem;background:var(--color-surface-200);color:var(--color-surface-700);cursor:pointer;transition:all .2s}#practice .hands.svelte-1lyycff .btn-reset-small:where(.svelte-1lyycff):hover{background:var(--color-surface-300)}#practice .demo.svelte-1lyycff{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1.5rem;background:var(--color-surface-100);border-radius:var(--radius-container);margin:1.5rem 0;flex-wrap:wrap}#practice .demo.svelte-1lyycff .before:where(.svelte-1lyycff),#practice .demo.svelte-1lyycff .after:where(.svelte-1lyycff){font-size:1.5rem;font-weight:700;font-family:monospace}#practice .demo.svelte-1lyycff .before:where(.svelte-1lyycff){color:var(--color-surface-600)}#practice .demo.svelte-1lyycff .after:where(.svelte-1lyycff){color:var(--color-success-700)}#practice .demo.svelte-1lyycff .arrow:where(.svelte-1lyycff){font-size:1rem;color:var(--color-surface-500)}#pixel-project .container.svelte-1lyycff{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;background:var(--color-surface-100);border-radius:var(--radius-container);border:2px solid var(--color-surface-300)}#pixel-project .numbers.svelte-1lyycff{display:flex;flex-direction:column;gap:.5rem}#pixel-project .numbers.svelte-1lyycff .btn-number:where(.svelte-1lyycff){display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;border:2px solid var(--color-surface-300);border-radius:.5rem;background:var(--color-surface-50);cursor:pointer;transition:all .2s;font-size:1.125rem}#pixel-project .numbers.svelte-1lyycff .btn-number:where(.svelte-1lyycff):hover{background:var(--color-surface-200)}#pixel-project .numbers.svelte-1lyycff .btn-number:where(.svelte-1lyycff).revealed{background:var(--color-success-50);border-color:var(--color-success-400)}#pixel-project .numbers.svelte-1lyycff .btn-number:where(.svelte-1lyycff) .num:where(.svelte-1lyycff){font-weight:700;min-width:40px}#pixel-project .numbers.svelte-1lyycff .btn-number:where(.svelte-1lyycff) .binary:where(.svelte-1lyycff){font-family:monospace;color:var(--color-success-700)}#pixel-project .canvas.svelte-1lyycff{display:flex;flex-direction:column;gap:2px;background:var(--color-surface-300);padding:2px;border-radius:.5rem}#pixel-project .canvas.svelte-1lyycff .row:where(.svelte-1lyycff){display:flex;gap:2px}#pixel-project .canvas.svelte-1lyycff .cell:where(.svelte-1lyycff){width:32px;height:32px;background:var(--color-surface-50);border-radius:2px;transition:all .3s}#pixel-project .canvas.svelte-1lyycff .cell:where(.svelte-1lyycff).black{background:var(--color-surface-900)}#pixel-project .canvas.svelte-1lyycff .cell:where(.svelte-1lyycff).hidden{background:var(--color-surface-200)}#pixel-project .controls.svelte-1lyycff{display:flex;gap:1rem}#pixel-project .controls.svelte-1lyycff button:where(.svelte-1lyycff){padding:.75rem 1.5rem;border:none;border-radius:calc(var(--radius-container) * .5);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}#pixel-project .controls.svelte-1lyycff .btn-reveal:where(.svelte-1lyycff){background:var(--color-primary-600);color:#fff}#pixel-project .controls.svelte-1lyycff .btn-reveal:where(.svelte-1lyycff):hover{background:var(--color-primary-700);transform:translateY(-2px)}#pixel-project .controls.svelte-1lyycff .btn-reset-small:where(.svelte-1lyycff){background:var(--color-surface-200);color:var(--color-surface-700)}#pixel-project .controls.svelte-1lyycff .btn-reset-small:where(.svelte-1lyycff):hover{background:var(--color-surface-300)}@media(max-width:1100px){#place-value .metaphor.svelte-1lyycff{flex-direction:column}#place-value .wallets.svelte-1lyycff .row:where(.svelte-1lyycff){gap:.5rem}#place-value .wallet.svelte-1lyycff{padding:.75rem .25rem;min-width:0;flex:1}#simulation .toggles.svelte-1lyycff{gap:.5rem}#simulation .toggles.svelte-1lyycff .switch:where(.svelte-1lyycff){width:55px;padding:.75rem}#simulation .toggles.svelte-1lyycff .switch:where(.svelte-1lyycff) .weight:where(.svelte-1lyycff){font-size:.875rem}#simulation .display.svelte-1lyycff{flex-direction:column;gap:1rem;align-items:center}#formal .notation.svelte-1lyycff{flex-direction:column;gap:1rem}#practice .hands.svelte-1lyycff .row:where(.svelte-1lyycff){flex-wrap:nowrap;gap:.25rem;width:100%}#practice .hands.svelte-1lyycff .finger:where(.svelte-1lyycff){min-width:0;flex:1;padding:.5rem}#practice .hands.svelte-1lyycff .finger:where(.svelte-1lyycff) .icon:where(.svelte-1lyycff){font-size:1.25rem}#practice .demo.svelte-1lyycff{flex-direction:column;gap:.75rem}#pixel-project .canvas.svelte-1lyycff .cell:where(.svelte-1lyycff){width:24px;height:24px}}