*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#0ea5e9;--color-primary-hover:#0284c7;--color-primary-muted:#0ea5e926;--color-accent:#06b6d4;--color-bg:#080e1a;--color-surface:#111827;--color-surface-raised:#1f2937;--color-surface-high:#374151;--color-border:#1f2937;--color-border-subtle:#111827;--color-text:#f9fafb;--color-text-muted:#9ca3af;--color-text-faint:#6b7280;--color-success:#10b981;--color-success-muted:#10b98126;--color-warning:#f59e0b;--color-warning-muted:#f59e0b26;--color-error:#ef4444;--color-error-muted:#ef444426;--color-caregiver:#0ea5e9;--color-patient:#a78bfa;--color-admin:#34d399;--color-recording:#ef4444;--font-sans:system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.25;--leading-normal:1.5;--leading-loose:1.75;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 12px #0009;--shadow-lg:0 8px 32px #000000b3;--shadow-glow:0 0 24px #0ea5e94d;--topbar-height:56px;--content-max:1200px;--duration-fast:.1s;--duration-base:.15s;--duration-slow:.3s}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--color-bg);color:var(--color-text);min-height:100dvh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}img,video{max-width:100%;display:block}@keyframes pulseRecord{0%,to{opacity:1}50%{opacity:.4}}@keyframes wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}