.demo.svelte-1jc77dg{display:flex;justify-content:center;width:100%;--demo-control-h: var(--control-h)}@media(pointer:coarse){.demo.svelte-1jc77dg{--demo-control-h: 40px}}.card.svelte-1jc77dg{width:100%;max-width:26rem;padding:var(--space-5);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);transition:box-shadow .18s ease,transform .18s ease}@media(hover:hover){.card.svelte-1jc77dg:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}}.card-head.svelte-1jc77dg{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.mode-chip.svelte-1jc77dg{flex:none;padding:3px 10px;color:var(--text-muted);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--r-pill);font-size:var(--text-xs);font-weight:650;transition:color .2s ease,background .2s ease,border-color .2s ease}.mode-chip.phased.svelte-1jc77dg{color:var(--info);background:var(--info-bg);border-color:transparent}.simple.svelte-1jc77dg{display:flex;flex-direction:column;gap:var(--space-2);min-height:118px;justify-content:center;animation:svelte-1jc77dg-phase-in .32s ease backwards}.budget-line.svelte-1jc77dg{display:flex;align-items:baseline;gap:var(--space-2)}.amount.svelte-1jc77dg{font-size:22px;font-weight:650;letter-spacing:-.01em}.muted.svelte-1jc77dg{color:var(--text-muted);font-size:var(--text-sm)}.bar.svelte-1jc77dg{height:6px;overflow:hidden;background:var(--surface-sunken);border-radius:var(--r-pill)}.bar.svelte-1jc77dg span:where(.svelte-1jc77dg){display:block;height:100%;background:var(--p-accent);border-radius:var(--r-pill)}.phases.svelte-1jc77dg{display:flex;flex-direction:column;gap:var(--space-2);min-height:118px;margin:0;padding:0;list-style:none;justify-content:center}.phase.svelte-1jc77dg{display:flex;align-items:center;gap:var(--space-3);animation:svelte-1jc77dg-phase-in .32s ease backwards;animation-delay:calc(var(--i) * 90ms)}@keyframes svelte-1jc77dg-phase-in{0%{opacity:0;transform:translateY(6px)}}.phase.svelte-1jc77dg .phase-chip{flex:none;width:11.5rem;max-width:45%}.p-bar.svelte-1jc77dg{flex:1;height:5px;overflow:hidden;background:var(--surface-sunken);border-radius:var(--r-pill)}.p-bar.svelte-1jc77dg span:where(.svelte-1jc77dg){display:block;height:100%;background:var(--p-accent);border-radius:var(--r-pill)}.p-amount.svelte-1jc77dg{flex:none;min-width:3.6rem;color:var(--text-muted);font-size:var(--text-sm);font-weight:600;text-align:right}.actions.svelte-1jc77dg{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);height:calc(var(--demo-control-h) + var(--space-4) + 1px);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.split-btn.svelte-1jc77dg{display:inline-flex;align-items:center;gap:6px;min-height:var(--demo-control-h);padding:0 14px;color:var(--accent-text);background:var(--accent);border:0;border-radius:var(--r-pill);box-shadow:var(--glow-accent-sm);font-size:var(--text-sm);font-weight:600}.split-btn.svelte-1jc77dg:hover{background:var(--accent-hover);border-color:transparent}.kept.svelte-1jc77dg{color:var(--text-muted);font-size:var(--text-sm)}.undo.svelte-1jc77dg{display:inline-flex;align-items:center;gap:5px;min-height:var(--demo-control-h);padding:0 10px;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:var(--r-pill);box-shadow:none;font-size:var(--text-xs);font-weight:600}.undo.svelte-1jc77dg:hover{color:var(--text);background:var(--surface-hover)}@media(max-width:420px){.kept.svelte-1jc77dg{display:none}}