.phi-calc.svelte-475s09.svelte-475s09{float:right;position:sticky;top:1rem;z-index:5;max-height:calc(100vh - 2rem);overflow:auto;width:290px;margin:0 0 .8rem 1.2rem;padding:.6rem .7rem;background:#fffaf0;border:1px solid #e7d9b0;border-radius:.5rem;font-family:sans-serif;font-size:.72rem;color:#333;line-height:1.25}.examples.svelte-475s09.svelte-475s09{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.5rem}.grp.svelte-475s09.svelte-475s09{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.grp-name.svelte-475s09.svelte-475s09{width:3.6rem;font-weight:700;color:#b8860b}button.ex.svelte-475s09.svelte-475s09{font-size:.66rem;padding:.12rem .35rem;color:#5a4a1a;border:1px solid #d9c48a;background:#fff;border-radius:.3rem;cursor:pointer}button.ex.svelte-475s09.svelte-475s09:hover{background:#f3e9c8}.row.svelte-475s09.svelte-475s09{display:flex;align-items:center;justify-content:center;gap:.6rem}.operand.svelte-475s09.svelte-475s09{text-align:center}.name.svelte-475s09.svelte-475s09{font-weight:700;font-size:.85rem}.step.svelte-475s09.svelte-475s09{display:flex;align-items:center;justify-content:center;gap:.15rem;margin:.1rem 0}.step.svelte-475s09 label.svelte-475s09{width:.9rem;font-weight:700}.step.svelte-475s09 span.svelte-475s09{width:1.5rem;text-align:center}.step.svelte-475s09 button.svelte-475s09,.opcol.svelte-475s09 button.svelte-475s09{width:20px;height:20px;line-height:1;font-weight:700;color:#2a7;border:1px solid #ccc;background:#fff;border-radius:4px;cursor:pointer;padding:0}.step.svelte-475s09 button.svelte-475s09:hover,.opcol.svelte-475s09 button.svelte-475s09:hover{background:#eee}.opcol.svelte-475s09.svelte-475s09{display:flex;flex-direction:column;gap:.15rem}.opcol.svelte-475s09 button.sel.svelte-475s09{background:gold;color:#333}.val.svelte-475s09.svelte-475s09{margin-top:.25rem;color:#555}.result.svelte-475s09.svelte-475s09{margin-top:.55rem;padding-top:.5rem;border-top:1px dashed #e7d9b0;text-align:center}.result.svelte-475s09 .res.svelte-475s09{font-weight:700;color:#b8860b;margin:0 .25rem}.result.svelte-475s09 .float.svelte-475s09{color:#888}.badge.svelte-475s09.svelte-475s09{display:inline-block;margin-top:.3rem;padding:.12rem .4rem;border-radius:.35rem;font-size:.68rem}.badge.in.svelte-475s09.svelte-475s09{background:#def0d8;color:#2a7d2a}.badge.out.svelte-475s09.svelte-475s09{background:#f6ddd8;color:#b3401f}.err.svelte-475s09.svelte-475s09{color:#b3401f;font-weight:700}.toggle.svelte-475s09.svelte-475s09{display:block;text-align:center;margin:.5rem 0 .1rem;font-weight:700;cursor:pointer}@media (max-width: 820px){.phi-calc.svelte-475s09.svelte-475s09{float:none;position:static;width:auto;max-height:none;overflow:visible;margin:1rem 0}}.visual.svelte-1j67fnf{margin:.4rem 0 1rem}.visual.hidden.svelte-1j67fnf{position:absolute;left:-99999px;top:0}canvas.seen.svelte-1j67fnf{width:100%;max-width:520px;height:auto;background:#f3eed8;display:block;border:1px solid #e7d9b0;border-radius:.4rem}figcaption.svelte-1j67fnf{font-size:.78rem;color:#777;margin-top:.3rem}h1.svelte-8097qv{font-size:1.5rem;margin:.5rem 320px .4rem 0}h2.svelte-8097qv{font-size:1.05rem;margin:.9rem 320px .25rem 0}p.svelte-8097qv{font-size:.9rem;line-height:1.4;margin:.35rem 320px .35rem 0}ul.svelte-8097qv{font-size:.9rem;line-height:1.4;margin:.35rem 320px .35rem 1.2rem}li.svelte-8097qv{margin:.1rem 0}pre.svelte-8097qv{font-size:.8rem;margin:.35rem 320px .35rem 0;white-space:pre-wrap}code.svelte-8097qv{font-size:.85rem}.clear.svelte-8097qv{clear:both}@media (max-width: 820px){h1.svelte-8097qv,h2.svelte-8097qv,p.svelte-8097qv,ul.svelte-8097qv,pre.svelte-8097qv{margin-right:0}}