#crisis .visual.svelte-1w6uw3x{margin:2rem 0;display:flex;justify-content:center}#crisis .visual.svelte-1w6uw3x .tangled-svg:where(.svelte-1w6uw3x){width:100%;max-width:300px;height:auto;background:var(--color-surface-50);border-radius:var(--radius-container);box-shadow:0 4px 20px color-mix(in oklab,var(--color-surface-900) .05,transparent)}#crisis .visual.svelte-1w6uw3x .tangled-svg:where(.svelte-1w6uw3x) .tangled-path:where(.svelte-1w6uw3x){stroke:var(--color-surface-500);stroke-width:3}#crisis .visual.svelte-1w6uw3x .tangled-svg:where(.svelte-1w6uw3x) .point-a:where(.svelte-1w6uw3x){fill:var(--color-primary-500)}#crisis .visual.svelte-1w6uw3x .tangled-svg:where(.svelte-1w6uw3x) .point-b:where(.svelte-1w6uw3x){fill:var(--color-error-500)}#crisis .visual.svelte-1w6uw3x .tangled-svg:where(.svelte-1w6uw3x) .point-label:where(.svelte-1w6uw3x){font-size:.875rem;font-weight:700;fill:var(--color-surface-900)}#island-concept .visual.svelte-1w6uw3x{margin:2rem 0;display:flex;justify-content:center}#island-concept .visual.svelte-1w6uw3x .island-svg:where(.svelte-1w6uw3x){width:100%;max-width:400px;height:auto;border-radius:calc(var(--radius-container) * 2);box-shadow:0 4px 20px color-mix(in oklab,var(--color-surface-900) .05,transparent)}#island-concept .visual.svelte-1w6uw3x .island-svg:where(.svelte-1w6uw3x) .ocean:where(.svelte-1w6uw3x){fill:var(--color-primary-200)}#island-concept .visual.svelte-1w6uw3x .island-svg:where(.svelte-1w6uw3x) .island:where(.svelte-1w6uw3x){fill:var(--color-warning-200);stroke:var(--color-warning-400);stroke-width:3}#island-concept .visual.svelte-1w6uw3x .island-svg:where(.svelte-1w6uw3x) .label:where(.svelte-1w6uw3x){font-size:1rem;font-weight:600}#island-concept .visual.svelte-1w6uw3x .island-svg:where(.svelte-1w6uw3x) .label:where(.svelte-1w6uw3x).island-text{fill:var(--color-surface-700)}#island-concept .visual.svelte-1w6uw3x .island-svg:where(.svelte-1w6uw3x) .label:where(.svelte-1w6uw3x).ocean-text{font-size:.875rem;fill:var(--color-primary-800)}#ray-method .grid.svelte-1w6uw3x{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin:2rem 0}#ray-method .grid.svelte-1w6uw3x .item:where(.svelte-1w6uw3x){display:flex;flex-direction:column;align-items:center;gap:.75rem}#ray-method .grid.svelte-1w6uw3x .item:where(.svelte-1w6uw3x) .ray-svg:where(.svelte-1w6uw3x){width:100%;max-width:150px;height:auto;background:var(--color-surface-50);border-radius:var(--radius-container);border:2px solid var(--color-surface-200)}#ray-method .grid.svelte-1w6uw3x .item:where(.svelte-1w6uw3x) .ray-svg:where(.svelte-1w6uw3x) .boundary:where(.svelte-1w6uw3x){stroke:var(--color-surface-400);stroke-width:3}#ray-method .grid.svelte-1w6uw3x .item:where(.svelte-1w6uw3x) .ray-svg:where(.svelte-1w6uw3x) .point:where(.svelte-1w6uw3x){transition:fill .3s}#ray-method .grid.svelte-1w6uw3x .item:where(.svelte-1w6uw3x) .ray-svg:where(.svelte-1w6uw3x) .point:where(.svelte-1w6uw3x).inside{fill:var(--color-primary-500)}#ray-method .grid.svelte-1w6uw3x .item:where(.svelte-1w6uw3x) .ray-svg:where(.svelte-1w6uw3x) .point:where(.svelte-1w6uw3x).outside{fill:var(--color-error-500)}#ray-method .grid.svelte-1w6uw3x .item:where(.svelte-1w6uw3x) .ray-svg:where(.svelte-1w6uw3x) .ray:where(.svelte-1w6uw3x){stroke:var(--color-warning-500);stroke-width:2;stroke-dasharray:5 3}#ray-method .grid.svelte-1w6uw3x .item:where(.svelte-1w6uw3x) .ray-svg:where(.svelte-1w6uw3x) .interSection:where(.svelte-1w6uw3x){fill:var(--color-error-500)}#ray-method .grid.svelte-1w6uw3x .item:where(.svelte-1w6uw3x) .caption:where(.svelte-1w6uw3x){font-size:.875rem;color:var(--color-surface-600);text-align:center}#toggle-rule .container.svelte-1w6uw3x{margin:2rem 0;padding:2rem;background:var(--color-surface-50);border-radius:calc(var(--radius-container) * 2);box-shadow:0 4px 20px color-mix(in oklab,var(--color-surface-900) .05,transparent)}#toggle-rule .container.svelte-1w6uw3x .visual:where(.svelte-1w6uw3x){display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}#toggle-rule .container.svelte-1w6uw3x .visual:where(.svelte-1w6uw3x) .track:where(.svelte-1w6uw3x){display:flex;gap:.5rem}#toggle-rule .container.svelte-1w6uw3x .visual:where(.svelte-1w6uw3x) .track:where(.svelte-1w6uw3x) .step:where(.svelte-1w6uw3x){width:40px;height:40px;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;background:var(--color-error-100);color:var(--color-error-700)}#toggle-rule .container.svelte-1w6uw3x .visual:where(.svelte-1w6uw3x) .track:where(.svelte-1w6uw3x) .step:where(.svelte-1w6uw3x).inside{background:var(--color-success-100);color:var(--color-success-700)}#toggle-rule .container.svelte-1w6uw3x .visual:where(.svelte-1w6uw3x) .status:where(.svelte-1w6uw3x){padding:1rem 2rem;border-radius:var(--radius-container);font-size:1.5rem;font-weight:700;background:var(--color-error-100);color:var(--color-error-700);transition:all .3s}#toggle-rule .container.svelte-1w6uw3x .visual:where(.svelte-1w6uw3x) .status:where(.svelte-1w6uw3x).inside{background:var(--color-success-100);color:var(--color-success-700)}#toggle-rule .container.svelte-1w6uw3x .info:where(.svelte-1w6uw3x){text-align:center;margin-bottom:1.5rem}#toggle-rule .container.svelte-1w6uw3x .info:where(.svelte-1w6uw3x) .counter:where(.svelte-1w6uw3x){font-size:1.25rem;color:var(--color-surface-700)}#toggle-rule .container.svelte-1w6uw3x .controls:where(.svelte-1w6uw3x){display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}#toggle-rule .container.svelte-1w6uw3x .controls:where(.svelte-1w6uw3x) button:where(.svelte-1w6uw3x){padding:.75rem 1.5rem;border:none;border-radius:var(--radius-container);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}#toggle-rule .container.svelte-1w6uw3x .controls:where(.svelte-1w6uw3x) button:where(.svelte-1w6uw3x).btn-cross{background:var(--color-primary-500);color:var(--color-primary-contrast-500)}#toggle-rule .container.svelte-1w6uw3x .controls:where(.svelte-1w6uw3x) button:where(.svelte-1w6uw3x).btn-cross:hover{background:var(--color-primary-600);transform:translateY(-2px)}#toggle-rule .container.svelte-1w6uw3x .controls:where(.svelte-1w6uw3x) button:where(.svelte-1w6uw3x).btn-reset{background:var(--color-surface-200);color:var(--color-surface-800)}#toggle-rule .container.svelte-1w6uw3x .controls:where(.svelte-1w6uw3x) button:where(.svelte-1w6uw3x).btn-reset:hover{background:var(--color-surface-300)}#toggle-rule .rules.svelte-1w6uw3x{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}#toggle-rule .rules.svelte-1w6uw3x .card:where(.svelte-1w6uw3x){padding:1.5rem;border-radius:calc(var(--radius-container) * 2);text-align:center}#toggle-rule .rules.svelte-1w6uw3x .card:where(.svelte-1w6uw3x).odd{background:var(--color-warning-50);border:2px solid var(--color-warning-300)}#toggle-rule .rules.svelte-1w6uw3x .card:where(.svelte-1w6uw3x).even{background:var(--color-surface-100);border:2px solid var(--color-surface-300)}#toggle-rule .rules.svelte-1w6uw3x .card:where(.svelte-1w6uw3x) .icon:where(.svelte-1w6uw3x){font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--color-surface-600)}#toggle-rule .rules.svelte-1w6uw3x .card:where(.svelte-1w6uw3x) .text:where(.svelte-1w6uw3x){font-size:1.125rem;color:var(--color-surface-700)}#interactive-ray .demo.svelte-1w6uw3x{margin:2rem 0;display:flex;flex-direction:column;align-items:center;gap:1.5rem}#interactive-ray .demo.svelte-1w6uw3x .svg-canvas:where(.svelte-1w6uw3x){width:100%;max-width:400px;height:auto;background:var(--color-surface-50);border-radius:calc(var(--radius-container) * 2);box-shadow:0 4px 20px color-mix(in oklab,var(--color-surface-900) .05,transparent);cursor:crosshair}#interactive-ray .demo.svelte-1w6uw3x .svg-canvas:where(.svelte-1w6uw3x) .path:where(.svelte-1w6uw3x){stroke:var(--color-surface-500);stroke-width:3}#interactive-ray .demo.svelte-1w6uw3x .svg-canvas:where(.svelte-1w6uw3x) .point:where(.svelte-1w6uw3x){fill:var(--color-primary-500);cursor:pointer}#interactive-ray .demo.svelte-1w6uw3x .svg-canvas:where(.svelte-1w6uw3x) .ray:where(.svelte-1w6uw3x){stroke:var(--color-warning-500);stroke-width:3;stroke-dasharray:8 4}#interactive-ray .demo.svelte-1w6uw3x .result:where(.svelte-1w6uw3x){padding:1rem 2rem;border-radius:var(--radius-container);font-size:1.25rem;background:var(--color-error-100);color:var(--color-error-700);text-align:center}#interactive-ray .demo.svelte-1w6uw3x .result:where(.svelte-1w6uw3x).inside{background:var(--color-success-100);color:var(--color-success-700)}#interactive-ray .demo.svelte-1w6uw3x .hint:where(.svelte-1w6uw3x){font-size:1.125rem;color:var(--color-surface-500);font-style:italic}#interactive-ray .demo.svelte-1w6uw3x .btn-reset:where(.svelte-1w6uw3x){padding:.75rem 1.5rem;border:none;border-radius:var(--radius-container);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;background:var(--color-surface-200);color:var(--color-surface-800)}#interactive-ray .demo.svelte-1w6uw3x .btn-reset:where(.svelte-1w6uw3x):hover{background:var(--color-surface-300)}#topology .visual.svelte-1w6uw3x{margin:2rem 0;text-align:center}#topology .visual.svelte-1w6uw3x .card:where(.svelte-1w6uw3x){display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;background:var(--color-surface-50);border-radius:calc(var(--radius-container) * 2);box-shadow:0 4px 20px color-mix(in oklab,var(--color-surface-900) .05,transparent);margin-bottom:1rem;flex-wrap:wrap}#topology .visual.svelte-1w6uw3x .card:where(.svelte-1w6uw3x) .icon:where(.svelte-1w6uw3x){font-size:4rem;color:var(--color-surface-500)}#topology .visual.svelte-1w6uw3x .card:where(.svelte-1w6uw3x) .icon:where(.svelte-1w6uw3x).blob{color:var(--color-primary-400)}#topology .visual.svelte-1w6uw3x .card:where(.svelte-1w6uw3x) .arrow:where(.svelte-1w6uw3x){font-size:2rem;color:var(--color-surface-400)}#topology .visual.svelte-1w6uw3x .note:where(.svelte-1w6uw3x){font-size:1.125rem;color:var(--color-surface-600);margin:0}#math-lang .grid.svelte-1w6uw3x{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}#math-lang .grid.svelte-1w6uw3x .card:where(.svelte-1w6uw3x){background:var(--color-surface-50);border-radius:calc(var(--radius-container) * 2);box-shadow:0 4px 20px color-mix(in oklab,var(--color-surface-900) .05,transparent);overflow:hidden}#math-lang .grid.svelte-1w6uw3x .card:where(.svelte-1w6uw3x) .header:where(.svelte-1w6uw3x){background:var(--color-primary-100);padding:1rem 1.5rem;font-weight:700;font-size:1.125rem;color:var(--color-primary-800)}#math-lang .grid.svelte-1w6uw3x .card:where(.svelte-1w6uw3x) .body:where(.svelte-1w6uw3x){padding:1.5rem;font-size:1.125rem;line-height:1.7;color:var(--color-surface-700)}#practice .quiz-list.svelte-1w6uw3x{display:flex;flex-direction:column;gap:1.5rem}#practice .quiz-list.svelte-1w6uw3x .question:where(.svelte-1w6uw3x){font-size:1.25rem;line-height:1.6;color:var(--color-surface-800);margin-bottom:1rem}#summary p.svelte-1w6uw3x{font-size:1.25rem;margin:0;color:var(--color-surface-700);line-height:1.6}@media(max-width:1100px){#toggle-rule .visual.svelte-1w6uw3x{flex-direction:column}}