#crisis .key-question.svelte-debfxp{font-size:1.125rem;text-align:center;padding:1.5rem;background:var(--color-surface-100);border-radius:var(--radius-container);margin-top:2rem;border:1px solid var(--color-surface-200)}@media(min-width:768px){#crisis .key-question.svelte-debfxp{padding:2rem;font-size:1.25rem}}#pixels .metaphor.svelte-debfxp{display:flex;flex-direction:column;gap:1rem;background:var(--color-surface-50);border-radius:var(--radius-container);padding:1.5rem;margin:2rem 0;border:1px solid var(--color-surface-200)}#pixels .metaphor.svelte-debfxp .icon:where(.svelte-debfxp){font-size:2.5rem;align-self:center}#pixels .metaphor.svelte-debfxp .content:where(.svelte-debfxp) h3:where(.svelte-debfxp){color:var(--color-surface-900);margin-bottom:.5rem;font-size:1.25rem}#pixels .metaphor.svelte-debfxp .content:where(.svelte-debfxp) p:where(.svelte-debfxp){font-size:1.125rem;margin-bottom:0;line-height:1.5}@media(min-width:768px){#pixels .metaphor.svelte-debfxp{flex-direction:row;padding:2rem}#pixels .metaphor.svelte-debfxp .icon:where(.svelte-debfxp){font-size:3rem;align-self:flex-start}}#pixels .simulation.svelte-debfxp{background:var(--color-surface-100);border-radius:var(--radius-container);padding:1.5rem;margin:2rem 0;box-shadow:0 4px 12px color-mix(in oklab,var(--color-surface-900) .08,transparent)}#pixels .simulation.svelte-debfxp h3:where(.svelte-debfxp){font-size:1.25rem;text-align:center;margin-bottom:1rem}#pixels .simulation.svelte-debfxp .instruction:where(.svelte-debfxp){text-align:center;font-size:1rem;color:var(--color-surface-600);margin-bottom:1.5rem}#pixels .simulation.svelte-debfxp .grid-wrapper:where(.svelte-debfxp){display:flex;flex-direction:column;gap:1.5rem;align-items:center;justify-content:center;margin-bottom:1.5rem}#pixels .simulation.svelte-debfxp .grid-wrapper:where(.svelte-debfxp) .editor:where(.svelte-debfxp){display:flex;flex-direction:column;gap:2px;background:var(--color-surface-300);padding:2px;border-radius:var(--radius-base)}#pixels .simulation.svelte-debfxp .grid-wrapper:where(.svelte-debfxp) .editor:where(.svelte-debfxp) .row:where(.svelte-debfxp){display:flex;gap:2px}#pixels .simulation.svelte-debfxp .grid-wrapper:where(.svelte-debfxp) .editor:where(.svelte-debfxp) .cell:where(.svelte-debfxp){width:32px;height:32px;border:none;background:var(--color-surface-50);cursor:pointer;transition:all .15s}#pixels .simulation.svelte-debfxp .grid-wrapper:where(.svelte-debfxp) .editor:where(.svelte-debfxp) .cell:where(.svelte-debfxp):hover{background:var(--color-surface-200)}#pixels .simulation.svelte-debfxp .grid-wrapper:where(.svelte-debfxp) .editor:where(.svelte-debfxp) .cell:where(.svelte-debfxp).filled{background:var(--color-surface-950)}#pixels .simulation.svelte-debfxp .grid-wrapper:where(.svelte-debfxp) .output:where(.svelte-debfxp){background:var(--color-surface-100);border:2px solid var(--color-surface-300);border-radius:var(--radius-container);padding:1.25rem;width:100%;max-width:300px}#pixels .simulation.svelte-debfxp .grid-wrapper:where(.svelte-debfxp) .output:where(.svelte-debfxp) .label:where(.svelte-debfxp){color:var(--color-surface-700);font-size:.875rem;font-weight:600;margin-bottom:.5rem}#pixels .simulation.svelte-debfxp .grid-wrapper:where(.svelte-debfxp) .output:where(.svelte-debfxp) .code:where(.svelte-debfxp){font-family:monospace;font-size:1rem;color:var(--color-surface-900);background:#fff;padding:.75rem;border-radius:var(--radius-base);margin:0;line-height:1.6;white-space:pre;letter-spacing:.1em;overflow-x:auto}#pixels .simulation.svelte-debfxp .grid-wrapper:where(.svelte-debfxp) .output:where(.svelte-debfxp) .stats:where(.svelte-debfxp){margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-surface-300);color:var(--color-surface-600);font-size:.875rem}#pixels .simulation.svelte-debfxp .clear-btn:where(.svelte-debfxp){display:block;margin:1.5rem auto 0;padding:.75rem 2rem;border:none;border-radius:var(--radius-base);background:var(--color-surface-200);color:var(--color-surface-900);font-size:1rem;cursor:pointer;transition:all .2s}#pixels .simulation.svelte-debfxp .clear-btn:where(.svelte-debfxp):hover{background:var(--color-surface-300)}#pixels .simulation.svelte-debfxp .insight:where(.svelte-debfxp){text-align:center;font-size:1rem;margin:1.5rem 0 0;padding:1rem;background:var(--color-surface-50);border-radius:var(--radius-base)}@media(min-width:768px){#pixels .simulation.svelte-debfxp{padding:2.5rem}#pixels .simulation.svelte-debfxp h3:where(.svelte-debfxp){font-size:1.5rem;margin-bottom:1.5rem}#pixels .simulation.svelte-debfxp .instruction:where(.svelte-debfxp){font-size:1.125rem;margin-bottom:2rem}#pixels .simulation.svelte-debfxp .grid-wrapper:where(.svelte-debfxp){flex-direction:row;gap:3rem;align-items:flex-start}#pixels .simulation.svelte-debfxp .grid-wrapper:where(.svelte-debfxp) .editor:where(.svelte-debfxp) .cell:where(.svelte-debfxp){width:40px;height:40px}#pixels .simulation.svelte-debfxp .grid-wrapper:where(.svelte-debfxp) .output:where(.svelte-debfxp){padding:1.5rem;min-width:220px}#pixels .simulation.svelte-debfxp .grid-wrapper:where(.svelte-debfxp) .output:where(.svelte-debfxp) .label:where(.svelte-debfxp){font-size:1rem;margin-bottom:.75rem}#pixels .simulation.svelte-debfxp .grid-wrapper:where(.svelte-debfxp) .output:where(.svelte-debfxp) .code:where(.svelte-debfxp){font-size:1.125rem;padding:1rem;letter-spacing:.15em}#pixels .simulation.svelte-debfxp .grid-wrapper:where(.svelte-debfxp) .output:where(.svelte-debfxp) .stats:where(.svelte-debfxp){margin-top:1rem;padding-top:1rem;font-size:1rem}#pixels .simulation.svelte-debfxp .insight:where(.svelte-debfxp){font-size:1.125rem}}#color p.svelte-debfxp{font-size:1.125rem}#color .simulation.svelte-debfxp{background:var(--color-surface-100);border-radius:var(--radius-container);padding:1.5rem;margin:2rem 0;box-shadow:0 4px 12px color-mix(in oklab,var(--color-surface-900) .08,transparent)}#color .simulation.svelte-debfxp h3:where(.svelte-debfxp){font-size:1.25rem;text-align:center;margin-bottom:1rem}#color .simulation.svelte-debfxp .instruction:where(.svelte-debfxp){text-align:center;font-size:1rem;color:var(--color-surface-600);margin-bottom:1.5rem}#color .simulation.svelte-debfxp .mixer:where(.svelte-debfxp){display:flex;flex-direction:column;gap:1.5rem;align-items:center;margin-bottom:1.5rem}#color .simulation.svelte-debfxp .mixer:where(.svelte-debfxp) .preview:where(.svelte-debfxp){width:120px;height:120px;border-radius:50%;box-shadow:0 4px 12px color-mix(in oklab,var(--color-surface-900) .1,transparent);transition:background-color .2s}#color .simulation.svelte-debfxp .mixer:where(.svelte-debfxp) .sliders:where(.svelte-debfxp){display:flex;flex-direction:column;gap:1rem;width:100%}#color .simulation.svelte-debfxp .mixer:where(.svelte-debfxp) .sliders:where(.svelte-debfxp) .slider-row:where(.svelte-debfxp){display:flex;align-items:center;gap:.5rem}#color .simulation.svelte-debfxp .mixer:where(.svelte-debfxp) .sliders:where(.svelte-debfxp) .slider-row:where(.svelte-debfxp) .label:where(.svelte-debfxp){font-size:1rem;font-weight:700;width:20px;text-align:center}#color .simulation.svelte-debfxp .mixer:where(.svelte-debfxp) .sliders:where(.svelte-debfxp) .slider-row:where(.svelte-debfxp) .label:where(.svelte-debfxp).red{color:#dc3545}#color .simulation.svelte-debfxp .mixer:where(.svelte-debfxp) .sliders:where(.svelte-debfxp) .slider-row:where(.svelte-debfxp) .label:where(.svelte-debfxp).green{color:#28a745}#color .simulation.svelte-debfxp .mixer:where(.svelte-debfxp) .sliders:where(.svelte-debfxp) .slider-row:where(.svelte-debfxp) .label:where(.svelte-debfxp).blue{color:#007bff}#color .simulation.svelte-debfxp .mixer:where(.svelte-debfxp) .sliders:where(.svelte-debfxp) .slider-row:where(.svelte-debfxp) .range:where(.svelte-debfxp){flex:1;height:6px;appearance:none;border-radius:4px;cursor:pointer}#color .simulation.svelte-debfxp .mixer:where(.svelte-debfxp) .sliders:where(.svelte-debfxp) .slider-row:where(.svelte-debfxp) .range:where(.svelte-debfxp).red{background:linear-gradient(to right,#000,red)}#color .simulation.svelte-debfxp .mixer:where(.svelte-debfxp) .sliders:where(.svelte-debfxp) .slider-row:where(.svelte-debfxp) .range:where(.svelte-debfxp).green{background:linear-gradient(to right,#000,#0f0)}#color .simulation.svelte-debfxp .mixer:where(.svelte-debfxp) .sliders:where(.svelte-debfxp) .slider-row:where(.svelte-debfxp) .range:where(.svelte-debfxp).blue{background:linear-gradient(to right,#000,#00f)}#color .simulation.svelte-debfxp .mixer:where(.svelte-debfxp) .sliders:where(.svelte-debfxp) .slider-row:where(.svelte-debfxp) .range:where(.svelte-debfxp)::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--color-surface-400);box-shadow:0 2px 4px color-mix(in oklab,var(--color-surface-900) .1,transparent);cursor:pointer}#color .simulation.svelte-debfxp .mixer:where(.svelte-debfxp) .sliders:where(.svelte-debfxp) .slider-row:where(.svelte-debfxp) .value:where(.svelte-debfxp){font-family:monospace;font-size:.875rem;min-width:30px;text-align:right}#color .simulation.svelte-debfxp .mixer:where(.svelte-debfxp) .sliders:where(.svelte-debfxp) .slider-row:where(.svelte-debfxp) .binary:where(.svelte-debfxp){font-family:monospace;font-size:.75rem;color:var(--color-surface-500);min-width:70px;display:none}#color .simulation.svelte-debfxp .display:where(.svelte-debfxp){text-align:center;font-family:monospace;font-size:1rem;padding:.75rem;background:var(--color-surface-200);border-radius:var(--radius-base);margin-bottom:1rem}#color .simulation.svelte-debfxp .insight:where(.svelte-debfxp){text-align:center;font-size:1rem;margin:1.5rem 0 0;padding:1rem;background:var(--color-surface-50);border-radius:var(--radius-base)}@media(min-width:768px){#color .simulation.svelte-debfxp{padding:2.5rem}#color .simulation.svelte-debfxp h3:where(.svelte-debfxp){font-size:1.5rem;margin-bottom:1.5rem}#color .simulation.svelte-debfxp .instruction:where(.svelte-debfxp){font-size:1.125rem;margin-bottom:2rem}#color .simulation.svelte-debfxp .mixer:where(.svelte-debfxp){flex-direction:row;gap:3rem;justify-content:center}#color .simulation.svelte-debfxp .mixer:where(.svelte-debfxp) .preview:where(.svelte-debfxp){width:150px;height:150px}#color .simulation.svelte-debfxp .mixer:where(.svelte-debfxp) .sliders:where(.svelte-debfxp){min-width:300px;width:auto}#color .simulation.svelte-debfxp .mixer:where(.svelte-debfxp) .sliders:where(.svelte-debfxp) .slider-row:where(.svelte-debfxp){gap:1rem}#color .simulation.svelte-debfxp .mixer:where(.svelte-debfxp) .sliders:where(.svelte-debfxp) .slider-row:where(.svelte-debfxp) .label:where(.svelte-debfxp){font-size:1.25rem;width:30px}#color .simulation.svelte-debfxp .mixer:where(.svelte-debfxp) .sliders:where(.svelte-debfxp) .slider-row:where(.svelte-debfxp) .range:where(.svelte-debfxp){height:8px}#color .simulation.svelte-debfxp .mixer:where(.svelte-debfxp) .sliders:where(.svelte-debfxp) .slider-row:where(.svelte-debfxp) .range:where(.svelte-debfxp)::-webkit-slider-thumb{width:20px;height:20px}#color .simulation.svelte-debfxp .mixer:where(.svelte-debfxp) .sliders:where(.svelte-debfxp) .slider-row:where(.svelte-debfxp) .value:where(.svelte-debfxp){font-size:1rem;min-width:40px}#color .simulation.svelte-debfxp .mixer:where(.svelte-debfxp) .sliders:where(.svelte-debfxp) .slider-row:where(.svelte-debfxp) .binary:where(.svelte-debfxp){display:inline-block;min-width:80px}#color .simulation.svelte-debfxp .display:where(.svelte-debfxp){font-size:1.25rem;padding:1rem}#color .simulation.svelte-debfxp .insight:where(.svelte-debfxp){font-size:1.125rem}}#sound .metaphor.svelte-debfxp{display:flex;flex-direction:column;gap:1rem;background:var(--color-surface-50);border-radius:var(--radius-container);padding:1.5rem;margin:2rem 0;border:1px solid var(--color-surface-200)}#sound .metaphor.svelte-debfxp .icon:where(.svelte-debfxp){font-size:2.5rem;align-self:center}#sound .metaphor.svelte-debfxp .content:where(.svelte-debfxp) h3:where(.svelte-debfxp){color:var(--color-surface-900);margin-bottom:.5rem;font-size:1.25rem}#sound .metaphor.svelte-debfxp .content:where(.svelte-debfxp) p:where(.svelte-debfxp){font-size:1.125rem;margin-bottom:0;line-height:1.5}@media(min-width:768px){#sound .metaphor.svelte-debfxp{flex-direction:row;padding:2rem}#sound .metaphor.svelte-debfxp .icon:where(.svelte-debfxp){font-size:3rem;align-self:flex-start}}#sound .wave-demo.svelte-debfxp{background:var(--color-surface-100);border-radius:var(--radius-container);padding:1.5rem;margin:2rem 0;text-align:center;border:2px solid var(--color-surface-200)}#sound .wave-demo.svelte-debfxp h3:where(.svelte-debfxp){margin-bottom:1rem;font-size:1.25rem}#sound .wave-demo.svelte-debfxp .visual:where(.svelte-debfxp){background:var(--color-surface-50);border-radius:var(--radius-base);padding:1rem;margin-bottom:1rem}#sound .wave-demo.svelte-debfxp .visual:where(.svelte-debfxp) .svg:where(.svelte-debfxp){width:100%;max-width:500px;margin:0 auto;height:auto}#sound .wave-demo.svelte-debfxp .legend:where(.svelte-debfxp){display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;margin-bottom:1rem;align-items:center}#sound .wave-demo.svelte-debfxp .legend:where(.svelte-debfxp) .analog:where(.svelte-debfxp){color:var(--color-primary-600)}#sound .wave-demo.svelte-debfxp .legend:where(.svelte-debfxp) .digital:where(.svelte-debfxp){color:var(--color-warning-600)}#sound .wave-demo.svelte-debfxp .caption:where(.svelte-debfxp){font-size:1rem;color:var(--color-surface-600);margin:0}@media(min-width:768px){#sound .wave-demo.svelte-debfxp{padding:2rem}#sound .wave-demo.svelte-debfxp .legend:where(.svelte-debfxp){flex-direction:row;justify-content:center;gap:2rem}#sound .wave-demo.svelte-debfxp .caption:where(.svelte-debfxp){font-size:1.125rem}}#formalization .formula.svelte-debfxp{background:var(--color-surface-100);border-radius:var(--radius-container);padding:1.5rem;margin:2rem 0;text-align:center}#formalization .formula.svelte-debfxp h3:where(.svelte-debfxp){margin-bottom:.75rem;font-size:1.25rem}#formalization .formula.svelte-debfxp .display:where(.svelte-debfxp){font-size:1.5rem;font-weight:600;color:var(--color-primary-700);padding:1rem;background:var(--color-surface-50);border-radius:var(--radius-base);display:inline-block;margin-bottom:1rem}#formalization .formula.svelte-debfxp p:where(.svelte-debfxp){font-size:1.125rem;margin:0;color:var(--color-surface-600);line-height:1.5}@media(min-width:768px){#formalization .formula.svelte-debfxp{padding:2rem 2.5rem}#formalization .formula.svelte-debfxp .display:where(.svelte-debfxp){font-size:2rem;padding:1.5rem}}