.demo-container.svelte-1xo40f2{border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;background:var(--color-background-secondary, #f9fafb)}.user-selector.svelte-1xo40f2{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.user-selector.svelte-1xo40f2 label:where(.svelte-1xo40f2){font-weight:500}.user-selector.svelte-1xo40f2 select:where(.svelte-1xo40f2){padding:.5rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-background);font-size:.875rem}.loading.svelte-1xo40f2{display:flex;align-items:center;gap:.5rem;padding:2rem;justify-content:center;color:var(--color-text-muted)}.spinner.svelte-1xo40f2{width:1rem;height:1rem;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:svelte-1xo40f2-spin .8s linear infinite}@keyframes svelte-1xo40f2-spin{to{transform:rotate(360deg)}}.error.svelte-1xo40f2{padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626}.profile-card.svelte-1xo40f2{display:flex;gap:1rem;padding:1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px}.avatar.svelte-1xo40f2{width:80px;height:80px;border-radius:50%;background:var(--color-border)}.info.svelte-1xo40f2 h3:where(.svelte-1xo40f2){margin:0 0 .25rem;font-size:1.125rem}.info.svelte-1xo40f2 p:where(.svelte-1xo40f2){margin:.25rem 0;font-size:.875rem}.role.svelte-1xo40f2{color:var(--color-primary);font-weight:500}.email.svelte-1xo40f2{color:var(--color-text-muted)}.bio.svelte-1xo40f2{margin-top:.5rem!important;font-style:italic}.location.svelte-1xo40f2{color:var(--color-text-muted);font-size:.8rem!important}.meta.svelte-1xo40f2{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border);font-size:.75rem}.status.svelte-1xo40f2{padding:.25rem .5rem;border-radius:4px;font-weight:500}.status.fresh.svelte-1xo40f2{background:#dcfce7;color:#16a34a}.status.stale.svelte-1xo40f2{background:#fef3c7;color:#d97706}.fetch-status.svelte-1xo40f2{color:var(--color-text-muted)}.meta.svelte-1xo40f2 button:where(.svelte-1xo40f2){margin-left:auto;padding:.375rem .75rem;background:var(--color-primary);color:#fff;border:none;border-radius:4px;font-size:.75rem;cursor:pointer}.meta.svelte-1xo40f2 button:where(.svelte-1xo40f2):hover{opacity:.9}