#crisis p.svelte-1qbi2bg{margin-bottom:1rem}#crisis .scenario.svelte-1qbi2bg{display:grid;grid-template-columns:1fr auto minmax(180px,.6fr) auto 1fr;align-items:center;gap:1.5rem;margin:3rem 0;width:100%}#crisis .scenario.svelte-1qbi2bg .planet:where(.svelte-1qbi2bg){display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;background:var(--color-surface-0);border:1px solid var(--color-surface-200);border-radius:var(--radius-container);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .2s,box-shadow .2s}#crisis .scenario.svelte-1qbi2bg .planet:where(.svelte-1qbi2bg):hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}#crisis .scenario.svelte-1qbi2bg .planet:where(.svelte-1qbi2bg).planet-a{border-top:4px solid var(--color-primary-400)}#crisis .scenario.svelte-1qbi2bg .planet:where(.svelte-1qbi2bg).planet-b{border-top:4px solid var(--color-error-400)}#crisis .scenario.svelte-1qbi2bg .planet:where(.svelte-1qbi2bg) .label:where(.svelte-1qbi2bg){font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--color-surface-500);margin-bottom:.75rem}#crisis .scenario.svelte-1qbi2bg .planet:where(.svelte-1qbi2bg) .crystals:where(.svelte-1qbi2bg){font-size:1.75rem;letter-spacing:.1em}#crisis .scenario.svelte-1qbi2bg .container:where(.svelte-1qbi2bg){display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:var(--color-surface-100);border-radius:var(--radius-container);border:2px dashed var(--color-surface-400);position:relative;z-index:10}#crisis .scenario.svelte-1qbi2bg .container:where(.svelte-1qbi2bg) .label:where(.svelte-1qbi2bg){font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--color-surface-500);margin-bottom:.75rem}#crisis .scenario.svelte-1qbi2bg .container:where(.svelte-1qbi2bg) .box:where(.svelte-1qbi2bg){font-size:2.25rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}#crisis .scenario.svelte-1qbi2bg .arrow:where(.svelte-1qbi2bg){display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:var(--color-surface-100);border-radius:50%;font-size:1.25rem;color:var(--color-surface-600);box-shadow:inset 0 2px 4px #0000000d}#merging-worlds .visual.svelte-1qbi2bg{margin:2rem 0;padding:2rem;background:var(--color-primary-50);border-radius:calc(var(--radius-container) * 2);border:2px solid var(--color-primary-200)}#merging-worlds .visual.svelte-1qbi2bg .description:where(.svelte-1qbi2bg){font-size:1.25rem;line-height:1.7;color:var(--color-surface-700);text-align:center}#merging-worlds .insight.svelte-1qbi2bg{font-size:1.25rem;padding:1.5rem;background:var(--color-surface-100);border-radius:var(--radius-container);color:var(--color-surface-800)}#collider .demo.svelte-1qbi2bg{display:flex;flex-direction:column;align-items:center;gap:2rem;margin:2rem 0;padding:2.5rem;background:var(--color-surface-100);border-radius:calc(var(--radius-container) * 2)}#collider .demo.svelte-1qbi2bg .row:where(.svelte-1qbi2bg){display:flex;align-items:center;gap:2rem;flex-wrap:wrap;justify-content:center}#collider .demo.svelte-1qbi2bg .group:where(.svelte-1qbi2bg){display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:var(--color-surface-50);border-radius:calc(var(--radius-container) * 2);box-shadow:0 4px 12px color-mix(in oklab,var(--color-surface-950) .08,transparent);min-width:160px}#collider .demo.svelte-1qbi2bg .group:where(.svelte-1qbi2bg).group-a{border:3px solid var(--color-primary-400)}#collider .demo.svelte-1qbi2bg .group:where(.svelte-1qbi2bg).group-b{border:3px solid var(--color-error-400)}#collider .demo.svelte-1qbi2bg .group:where(.svelte-1qbi2bg) .title:where(.svelte-1qbi2bg){font-size:1.375rem;font-weight:600;color:var(--color-surface-800)}#collider .demo.svelte-1qbi2bg .group:where(.svelte-1qbi2bg) .gems:where(.svelte-1qbi2bg){display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}#collider .demo.svelte-1qbi2bg .group:where(.svelte-1qbi2bg) .gems:where(.svelte-1qbi2bg) .gem:where(.svelte-1qbi2bg){font-size:2.5rem;line-height:1}#collider .demo.svelte-1qbi2bg .group:where(.svelte-1qbi2bg) .count:where(.svelte-1qbi2bg){font-size:1.25rem;font-weight:600;color:var(--color-surface-600)}#collider .demo.svelte-1qbi2bg .sign:where(.svelte-1qbi2bg){font-size:2.5rem;font-weight:700;color:var(--color-primary-600)}#collider .demo.svelte-1qbi2bg .merged:where(.svelte-1qbi2bg){display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 3rem;background:linear-gradient(135deg,var(--color-primary-100) 0%,var(--color-error-100) 100%);border-radius:calc(var(--radius-container) * 2);box-shadow:0 12px 32px color-mix(in oklab,var(--color-surface-900) .12,transparent);border:3px solid var(--color-warning-400)}#collider .demo.svelte-1qbi2bg .merged:where(.svelte-1qbi2bg) .title:where(.svelte-1qbi2bg){font-size:1.375rem;font-weight:600;color:var(--color-surface-800)}#collider .demo.svelte-1qbi2bg .merged:where(.svelte-1qbi2bg) .gems:where(.svelte-1qbi2bg){display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}#collider .demo.svelte-1qbi2bg .merged:where(.svelte-1qbi2bg) .gems:where(.svelte-1qbi2bg) .gem:where(.svelte-1qbi2bg){font-size:2.5rem;line-height:1}#collider .demo.svelte-1qbi2bg .merged:where(.svelte-1qbi2bg) .count:where(.svelte-1qbi2bg){font-size:1.25rem;font-weight:600;color:var(--color-surface-600)}#collider .demo.svelte-1qbi2bg .toggle-btn:where(.svelte-1qbi2bg){padding:1rem 2.5rem;font-size:1.375rem;font-weight:600;border:none;border-radius:calc(var(--radius-container) * 2);background:var(--color-primary-500);color:var(--color-primary-contrast-500);cursor:pointer;transition:all .2s ease}#collider .demo.svelte-1qbi2bg .toggle-btn:where(.svelte-1qbi2bg):hover{background:var(--color-primary-600);transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in oklab,var(--color-primary-900) .2,transparent)}#collider .equation.svelte-1qbi2bg{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;padding:1.5rem 2rem;background:var(--color-success-100);border-radius:calc(var(--radius-container) * 2)}#collider .equation.svelte-1qbi2bg .num:where(.svelte-1qbi2bg){font-size:2rem;font-weight:700;color:var(--color-surface-800)}#collider .equation.svelte-1qbi2bg .sign:where(.svelte-1qbi2bg){font-size:2rem;font-weight:700;color:var(--color-primary-600)}#collider .equation.svelte-1qbi2bg .total:where(.svelte-1qbi2bg){font-size:2.5rem;font-weight:700;color:var(--color-success-700)}#number-line .demo.svelte-1qbi2bg{margin:2rem 0;padding:2rem;background:var(--color-surface-50);border-radius:calc(var(--radius-container) * 2);box-shadow:0 4px 12px color-mix(in oklab,var(--color-surface-950) .08,transparent)}#number-line .demo.svelte-1qbi2bg .controls:where(.svelte-1qbi2bg){display:flex;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}#number-line .demo.svelte-1qbi2bg .controls:where(.svelte-1qbi2bg) .input-group:where(.svelte-1qbi2bg){display:flex;align-items:center;gap:1rem;box-shadow:none}#number-line .demo.svelte-1qbi2bg .controls:where(.svelte-1qbi2bg) .input-group:where(.svelte-1qbi2bg) label:where(.svelte-1qbi2bg){font-size:1rem;font-weight:600;color:var(--color-surface-600)}#number-line .demo.svelte-1qbi2bg .controls:where(.svelte-1qbi2bg) .input-group:where(.svelte-1qbi2bg) .range-wrapper:where(.svelte-1qbi2bg){flex:1;display:flex;align-items:center;gap:1rem;min-width:150px;border:none}#number-line .demo.svelte-1qbi2bg .controls:where(.svelte-1qbi2bg) .input-group:where(.svelte-1qbi2bg) .range-wrapper:where(.svelte-1qbi2bg) input[type=range]:where(.svelte-1qbi2bg){flex:1;height:8px;border-radius:4px;background:var(--color-surface-300);accent-color:var(--color-primary-600);cursor:pointer}#number-line .demo.svelte-1qbi2bg .controls:where(.svelte-1qbi2bg) .input-group:where(.svelte-1qbi2bg) .range-wrapper:where(.svelte-1qbi2bg) .value:where(.svelte-1qbi2bg){font-size:1.25rem;font-weight:700;color:var(--color-primary-700);min-width:24px;text-align:center}#number-line .demo.svelte-1qbi2bg .line:where(.svelte-1qbi2bg){position:relative;height:80px;margin:2rem 0}#number-line .demo.svelte-1qbi2bg .line:where(.svelte-1qbi2bg) .axis:where(.svelte-1qbi2bg){position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-surface-400)}#number-line .demo.svelte-1qbi2bg .line:where(.svelte-1qbi2bg) .axis:where(.svelte-1qbi2bg) .tick:where(.svelte-1qbi2bg){position:absolute;bottom:0;transform:translate(-50%)}#number-line .demo.svelte-1qbi2bg .line:where(.svelte-1qbi2bg) .axis:where(.svelte-1qbi2bg) .tick:where(.svelte-1qbi2bg):before{content:"";display:block;width:2px;height:12px;background:var(--color-surface-400);margin:0 auto}#number-line .demo.svelte-1qbi2bg .line:where(.svelte-1qbi2bg) .axis:where(.svelte-1qbi2bg) .tick:where(.svelte-1qbi2bg) .label:where(.svelte-1qbi2bg){display:block;font-size:.875rem;color:var(--color-surface-600);margin-top:4px;text-align:center}#number-line .demo.svelte-1qbi2bg .line:where(.svelte-1qbi2bg) .segment:where(.svelte-1qbi2bg){position:absolute;bottom:20px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center}#number-line .demo.svelte-1qbi2bg .line:where(.svelte-1qbi2bg) .segment:where(.svelte-1qbi2bg).segment-a{left:0;background:var(--color-primary-400)}#number-line .demo.svelte-1qbi2bg .line:where(.svelte-1qbi2bg) .segment:where(.svelte-1qbi2bg).segment-b{background:var(--color-warning-400)}#number-line .demo.svelte-1qbi2bg .line:where(.svelte-1qbi2bg) .segment:where(.svelte-1qbi2bg) .label:where(.svelte-1qbi2bg){font-size:.875rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}#number-line .demo.svelte-1qbi2bg .line:where(.svelte-1qbi2bg) .segment:where(.svelte-1qbi2bg) .join:where(.svelte-1qbi2bg){position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:var(--color-primary-600);color:#fff;border-radius:50%;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}#number-line .demo.svelte-1qbi2bg .line:where(.svelte-1qbi2bg) .result:where(.svelte-1qbi2bg){position:absolute;bottom:50px;transform:translate(-50%)}#number-line .demo.svelte-1qbi2bg .line:where(.svelte-1qbi2bg) .result:where(.svelte-1qbi2bg) .value:where(.svelte-1qbi2bg){display:block;padding:.25rem .75rem;background:var(--color-success-600);color:#fff;border-radius:var(--radius-container);font-weight:700;font-size:1rem}#number-line .demo.svelte-1qbi2bg .line:where(.svelte-1qbi2bg) .result:where(.svelte-1qbi2bg) .value:where(.svelte-1qbi2bg):after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-success-600)}#math-language .breakdown.svelte-1qbi2bg{margin:2rem 0;padding:2rem;background:var(--color-surface-50);border-radius:calc(var(--radius-container) * 2);box-shadow:0 4px 12px color-mix(in oklab,var(--color-surface-950) .08,transparent)}#math-language .breakdown.svelte-1qbi2bg .main:where(.svelte-1qbi2bg){font-size:2.5rem;font-weight:700;font-family:Consolas,Monaco,monospace;text-align:center;color:var(--color-primary-700);margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--color-surface-200)}#math-language .breakdown.svelte-1qbi2bg .parts:where(.svelte-1qbi2bg){display:grid;gap:1rem}#math-language .breakdown.svelte-1qbi2bg .parts:where(.svelte-1qbi2bg) .part:where(.svelte-1qbi2bg){display:flex;align-items:baseline;gap:.5rem;padding:.75rem 1rem;background:var(--color-surface-100);border-radius:var(--radius-container);flex-wrap:wrap}#math-language .breakdown.svelte-1qbi2bg .parts:where(.svelte-1qbi2bg) .part:where(.svelte-1qbi2bg) .symbol:where(.svelte-1qbi2bg){font-size:1.5rem;font-weight:700;font-family:Consolas,Monaco,monospace;color:var(--color-primary-600)}#math-language .breakdown.svelte-1qbi2bg .parts:where(.svelte-1qbi2bg) .part:where(.svelte-1qbi2bg) .desc:where(.svelte-1qbi2bg){font-size:1.125rem;color:var(--color-surface-700)}#practice .cards.svelte-1qbi2bg{display:grid;gap:1.5rem}@media(max-width:1100px){#crisis .scenario.svelte-1qbi2bg{grid-template-columns:1fr 1fr;grid-template-areas:"planet-a planet-b" "arrow-a  arrow-b" "container container";gap:1rem}#crisis .scenario.svelte-1qbi2bg .planet-a:where(.svelte-1qbi2bg){grid-area:planet-a}#crisis .scenario.svelte-1qbi2bg .planet-b:where(.svelte-1qbi2bg){grid-area:planet-b}#crisis .scenario.svelte-1qbi2bg .container:where(.svelte-1qbi2bg){grid-area:container;width:100%;max-width:300px;justify-self:center;margin-top:1rem}#crisis .scenario.svelte-1qbi2bg .arrow-from-a:where(.svelte-1qbi2bg){grid-area:arrow-a;transform:rotate(90deg);justify-self:center;margin-bottom:-1rem;z-index:1}#crisis .scenario.svelte-1qbi2bg .arrow-from-b:where(.svelte-1qbi2bg){grid-area:arrow-b;transform:rotate(-90deg);justify-self:center;margin-bottom:-1rem;z-index:1}#collider .demo.svelte-1qbi2bg .row:where(.svelte-1qbi2bg){flex-direction:column}#number-line .demo.svelte-1qbi2bg .controls:where(.svelte-1qbi2bg){flex-direction:column;align-items:stretch}#number-line .demo.svelte-1qbi2bg .controls:where(.svelte-1qbi2bg) .input-group:where(.svelte-1qbi2bg){flex-direction:column;align-items:stretch}#number-line .demo.svelte-1qbi2bg .controls:where(.svelte-1qbi2bg) .input-group:where(.svelte-1qbi2bg) .range-wrapper:where(.svelte-1qbi2bg){width:100%}}
