.derivation-viewer.svelte-apznpp{border:1px solid var(--rule-2);border-radius:.5rem;overflow:hidden;background:var(--sunken)}.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:var(--rule)}.result-display.svelte-apznpp{display:flex;align-items:center;gap:.5rem}.result-text{font-size:1.125rem;font-weight:500;color:var(--ink)}.expand-icon.svelte-apznpp{color:var(--muted);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 var(--rule-2);background:#fff}.toggle-btn.svelte-apznpp{padding:.25rem .75rem;font-size:.75rem;border:1px solid var(--faint);border-radius:.25rem;background:#fff;color:var(--muted);cursor:pointer;transition:all .15s}.toggle-btn.svelte-apznpp:hover{background:var(--rule)}.toggle-btn.active.svelte-apznpp{background:var(--ink);border-color:var(--ink);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 var(--rule-2);border-radius:.5rem}.phase.highlighted.svelte-apznpp{border-color:var(--accent);background:var(--sunken)}.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:var(--rule);border-radius:50%;font-size:.75rem;font-weight:500;color:var(--muted)}.phase-name.svelte-apznpp{font-size:.875rem;font-weight:500}.phase-name-en.svelte-apznpp{font-weight:400;color:var(--muted);margin-left:.25rem}.phase-result.svelte-apznpp{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem;background:var(--sunken);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:var(--font-mono);font-size:.6875rem;color:var(--accent-ref);background:var(--sunken);padding:.125rem .375rem;border-radius:.25rem;text-decoration:none}.rule-link.svelte-apznpp:hover{background:var(--sunken)}.rule-link.highlighted.svelte-apznpp{background:var(--accent);color:var(--accent-hover);font-weight:500}.phase-arrow.svelte-apznpp{color:var(--quiet)}.final-phase.svelte-apznpp{background:var(--sunken);border-color:var(--rule-2)}.final-number.svelte-apznpp{background:var(--accent-ok);color:#fff}.final-name.svelte-apznpp{color:var(--accent-ok);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:var(--sunken);border:1px solid var(--accent)}.step-content.svelte-apznpp{display:flex;align-items:center;gap:.5rem}.step-arrow.svelte-apznpp{color:var(--quiet);flex-shrink:0}.final-arrow.svelte-apznpp{color:var(--accent-ok)}.step-result.svelte-apznpp{display:flex;align-items:center;gap:.25rem;font-size:.9375rem}.term.svelte-apznpp{color:var(--ink-2)}.term.changed.svelte-apznpp{color:var(--accent-ref);font-weight:500}.term-separator.svelte-apznpp{color:var(--quiet);font-size:.75rem;margin:0 .125rem}.step-rule.svelte-apznpp{font-family:var(--font-mono);font-size:.8125rem;color:var(--muted);background:var(--rule);padding:.125rem .375rem;border-radius:.25rem;text-decoration:none}.step-rule.svelte-apznpp:hover{background:var(--rule-2);color:var(--ink)}.step-rule.highlighted.svelte-apznpp{background:var(--accent);color:var(--accent-hover);font-weight:500}.final-step.svelte-apznpp{background:var(--sunken);border:1px solid var(--rule-2)}.final-step.svelte-apznpp:hover{background:var(--sunken)}.final-result.svelte-apznpp{font-weight:500}.final-text{color:var(--accent-ok)}.step-count.svelte-apznpp{text-align:center;padding:.5rem;font-size:.75rem;color:var(--quiet);border-top:1px solid var(--rule-2)}