.mock-container.svelte-k9h301{background:var(--color-surface);border:1px solid var(--color-border);z-index:1;flex-direction:column;width:100%;max-width:30rem;display:flex;position:relative;box-shadow:0 24px 60px -24px #00000080}.mock-topbar.svelte-k9h301{border-bottom:1px solid var(--color-border);background:var(--color-sidebar);height:44px;color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:.5rem;padding:0 1rem;font-size:10px;display:flex}.mock-topbar.svelte-k9h301 .dot:where(.svelte-k9h301){background:var(--color-primary);border-radius:50%;width:7px;height:7px}.mock-tabs.svelte-k9h301{border-bottom:1px solid var(--color-border);background:var(--color-bg-2);display:flex}.tab.svelte-k9h301{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);border-right:1px solid var(--color-border);border-bottom:2px solid #0000;padding:.6rem 1rem;font-size:10px}.tab.active.svelte-k9h301{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-surface)}.mock-body.svelte-k9h301{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.quick-note.svelte-k9h301{border:1px solid var(--color-border);background:var(--color-bg)}.label.svelte-k9h301{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);background:var(--color-bg-2);padding:.4rem .6rem;font-size:9px}.note-input.svelte-k9h301{color:var(--color-text);padding:.75rem;font-size:12.5px;font-style:italic;line-height:1.5}.action-bar.svelte-k9h301{border-top:1px solid var(--color-border);background:var(--color-bg-2);justify-content:flex-end;padding:.4rem .75rem;display:flex}.processing.svelte-k9h301{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-primary);text-transform:uppercase;align-items:center;gap:.4rem;font-size:9.5px;display:flex}.spin.svelte-k9h301{animation:1s linear infinite svelte-k9h301-spin}@keyframes svelte-k9h301-spin{to{transform:rotate(360deg)}}.flashcard.svelte-k9h301{border:1px solid var(--color-primary);background:color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));padding:.85rem;box-shadow:0 4px 12px -4px #0000001a}.fc-header.svelte-k9h301{gap:.4rem;margin-bottom:.5rem;display:flex}.tag.svelte-k9h301{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-subtle);padding:2px 6px;font-size:9px}.fc-content.svelte-k9h301{color:var(--color-text);font-size:13px;line-height:1.5}