.demo.svelte-g8lgtv{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-1);gap:.9rem;max-inline-size:34rem;margin:0;padding:1.15rem 1.25rem 1rem;display:grid}.head.svelte-g8lgtv{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.prompt.svelte-g8lgtv{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.flag.svelte-g8lgtv{font-size:var(--text-xs);color:var(--warn);border:1px solid var(--warn-soft);border-radius:var(--radius-sm);padding:.05rem .4rem}.tabs.svelte-g8lgtv{flex-wrap:wrap;gap:.35rem;display:flex}.tab.svelte-g8lgtv{font:inherit;font-size:var(--text-xs);color:var(--text-2);background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;padding:.28rem .75rem}.tab.svelte-g8lgtv:hover{border-color:var(--border-strong)}.tab.on.svelte-g8lgtv{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}.bars.svelte-g8lgtv{gap:.45rem;display:grid}.row.svelte-g8lgtv{font-size:var(--text-xs);grid-template-columns:7.5rem 1fr 2.2rem;align-items:center;gap:.6rem;display:grid}.name.svelte-g8lgtv{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track.svelte-g8lgtv{border-radius:var(--radius-full);background:var(--bg-3);block-size:8px;overflow:hidden}.fill.svelte-g8lgtv{background:var(--copper);block-size:100%;display:block}.count.svelte-g8lgtv{color:var(--text-3);text-align:end}.field.svelte-g8lgtv{font-size:var(--text-xs);color:var(--text-3);border-block-start:1px solid var(--border);margin:0;padding-block-start:.65rem}.note.svelte-g8lgtv{font-size:var(--text-xs);color:var(--text-3);margin:0;line-height:1.6}.not-recorded.svelte-g8lgtv{border-block-start:1px solid var(--border);padding-block-start:.9rem}.nr-head.svelte-g8lgtv{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin:0 0 .5rem}.not-recorded.svelte-g8lgtv ul:where(.svelte-g8lgtv){gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.not-recorded.svelte-g8lgtv li:where(.svelte-g8lgtv){font-size:var(--text-xs);color:var(--text-2);padding-inline-start:1.1rem;line-height:1.6;position:relative}.not-recorded.svelte-g8lgtv li:where(.svelte-g8lgtv):before{content:"";background:var(--border-strong);block-size:1px;inline-size:8px;position:absolute;inset-block-start:.62em;inset-inline-start:0}@media (width<=26rem){.row.svelte-g8lgtv{grid-template-columns:5.5rem 1fr 2rem}}