.derivation-viewer.svelte-apznpp{border:1px solid #e7e5e4;border-radius:.5rem;overflow:hidden;background:#fafaf9}.derivation-header.svelte-apznpp{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:#fff;border:none;cursor:pointer;text-align:left;transition:background .15s}.derivation-header.svelte-apznpp:hover{background:#f5f5f4}.result-display.svelte-apznpp{display:flex;align-items:center;gap:.5rem}.result-text{font-size:1.125rem;font-weight:500;color:#292524}.expand-icon.svelte-apznpp{color:#78716c;transition:transform .2s}.expand-icon.rotated.svelte-apznpp{transform:rotate(180deg)}.view-toggle.svelte-apznpp{display:flex;gap:.25rem;padding:.5rem;border-bottom:1px solid #e7e5e4;background:#fff}.toggle-btn.svelte-apznpp{padding:.25rem .75rem;font-size:.75rem;border:1px solid #d6d3d1;border-radius:.25rem;background:#fff;color:#78716c;cursor:pointer;transition:all .15s}.toggle-btn.svelte-apznpp:hover{background:#f5f5f4}.toggle-btn.active.svelte-apznpp{background:#292524;border-color:#292524;color:#fff}.phases-container.svelte-apznpp{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.phase.svelte-apznpp{width:100%;max-width:320px;padding:.75rem 1rem;background:#fff;border:1px solid #e7e5e4;border-radius:.5rem}.phase.highlighted.svelte-apznpp{border-color:#fcd34d;background:#fffbeb}.phase-header.svelte-apznpp{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.phase-number.svelte-apznpp{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:#f5f5f4;border-radius:50%;font-size:.75rem;font-weight:500;color:#78716c}.phase-name.svelte-apznpp{font-size:.875rem;font-weight:500}.phase-name-en.svelte-apznpp{font-weight:400;color:#78716c;margin-left:.25rem}.phase-result.svelte-apznpp{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem;background:#fafaf9;border-radius:.25rem;font-size:1rem}.phase-rules.svelte-apznpp{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem;justify-content:center}.rule-link.svelte-apznpp{font-family:ui-monospace,monospace;font-size:.6875rem;color:#6366f1;background:#eef2ff;padding:.125rem .375rem;border-radius:.25rem;text-decoration:none}.rule-link.svelte-apznpp:hover{background:#e0e7ff}.rule-link.highlighted.svelte-apznpp{background:#fcd34d;color:#92400e;font-weight:500}.phase-arrow.svelte-apznpp{color:#a8a29e}.final-phase.svelte-apznpp{background:#f0fdf4;border-color:#bbf7d0}.final-number.svelte-apznpp{background:#16a34a;color:#fff}.final-name.svelte-apznpp{color:#166534;font-size:1.125rem}.steps-container.svelte-apznpp{padding:.5rem;display:flex;flex-direction:column;gap:.25rem;max-height:400px;overflow-y:auto}.step.svelte-apznpp{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:.375rem;transition:background .15s}.step.svelte-apznpp:hover{background:#fff}.step.highlighted.svelte-apznpp{background:#fef3c7;border:1px solid #fcd34d}.step-content.svelte-apznpp{display:flex;align-items:center;gap:.5rem}.step-arrow.svelte-apznpp{color:#a8a29e;flex-shrink:0}.final-arrow.svelte-apznpp{color:#16a34a}.step-result.svelte-apznpp{display:flex;align-items:center;gap:.25rem;font-size:.9375rem}.term.svelte-apznpp{color:#57534e}.term.changed.svelte-apznpp{color:#0369a1;font-weight:500}.term-separator.svelte-apznpp{color:#a8a29e;font-size:.75rem;margin:0 .125rem}.step-rule.svelte-apznpp{font-family:ui-monospace,monospace;font-size:.8125rem;color:#78716c;background:#f5f5f4;padding:.125rem .375rem;border-radius:.25rem;text-decoration:none}.step-rule.svelte-apznpp:hover{background:#e7e5e4;color:#292524}.step-rule.highlighted.svelte-apznpp{background:#fcd34d;color:#92400e;font-weight:500}.final-step.svelte-apznpp{background:#f0fdf4;border:1px solid #bbf7d0}.final-step.svelte-apznpp:hover{background:#f0fdf4}.final-result.svelte-apznpp{font-weight:500}.final-text{color:#166534}.step-count.svelte-apznpp{text-align:center;padding:.5rem;font-size:.75rem;color:#a8a29e;border-top:1px solid #e7e5e4}