/* Generated WP-04 semantic tokens v1.1.0. Raw values belong only in this implementation layer. */
:root,body[data-member-design-system="v1"]{
  --ph-font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ph-font-display:Georgia, 'Times New Roman', serif;
  --ph-font-size-xs:0.75rem;
  --ph-font-size-sm:0.875rem;
  --ph-font-size-md:1rem;
  --ph-font-size-lg:1.25rem;
  --ph-font-size-xl:1.75rem;
  --ph-font-size-display:clamp(2.5rem, 7vw, 5rem);
  --ph-font-weight-regular:400;
  --ph-font-weight-medium:600;
  --ph-font-weight-bold:750;
  --ph-line-tight:1.1;
  --ph-line-normal:1.5;
  --ph-space-0:0;
  --ph-space-1:0.25rem;
  --ph-space-2:0.5rem;
  --ph-space-3:0.75rem;
  --ph-space-4:1rem;
  --ph-space-5:1.5rem;
  --ph-space-6:2rem;
  --ph-space-7:3rem;
  --ph-space-8:4rem;
  --ph-size-control-sm:2.375rem;
  --ph-size-control-md:3rem;
  --ph-size-touch-min:2.75rem;
  --ph-size-icon:1.25rem;
  --ph-size-avatar:3rem;
  --ph-size-thumbnail-width:10rem;
  --ph-size-content-max:80rem;
  --ph-size-reading-max:44rem;
  --ph-color-canvas:#09070d;
  --ph-color-canvas-subtle:#0e0a13;
  --ph-color-surface:#14101b;
  --ph-color-surface-raised:#1a1423;
  --ph-color-text:#f7f3fb;
  --ph-color-text-muted:#aca3b6;
  --ph-color-text-faint:#756d80;
  --ph-color-border:rgba(255, 255, 255, 0.105);
  --ph-color-border-strong:rgba(255, 255, 255, 0.16);
  --ph-color-accent:#8e5cff;
  --ph-color-accent-emphasis:#b594ff;
  --ph-color-on-accent:#ffffff;
  --ph-color-information:#8bbcff;
  --ph-color-pending:#c2a3ff;
  --ph-color-success:#62d5a5;
  --ph-color-warning:#d6a95f;
  --ph-color-danger:#ff6b73;
  --ph-color-focus:#d8c8ff;
  --ph-color-overlay:rgba(5, 3, 8, 0.88);
  --ph-color-disabled:rgba(172, 163, 182, 0.48);
  --ph-border-width:1px;
  --ph-border-width-strong:2px;
  --ph-border-style:solid;
  --ph-radius-sm:0.5rem;
  --ph-radius-md:0.75rem;
  --ph-radius-lg:1.125rem;
  --ph-radius-pill:999px;
  --ph-shadow-raised:0 1.5rem 4.375rem rgba(0, 0, 0, 0.48);
  --ph-shadow-focus:0 0 0 0.1875rem rgba(181, 148, 255, 0.3);
  --ph-motion-instant:1ms;
  --ph-motion-fast:120ms;
  --ph-motion-standard:200ms;
  --ph-motion-ease:cubic-bezier(0.2, 0, 0, 1);
  --ph-focus-width:0.1875rem;
  --ph-focus-offset:0.1875rem;
  --ph-opacity-disabled:0.48;
  --ph-z-base:1;
  --ph-z-sticky:40;
  --ph-z-drawer:90;
  --ph-z-modal:100;
  --ph-z-toast:110;
  --ph-layout-gutter:max(1rem, 4vw);
  --ph-layout-grid-min:15rem;
  --ph-layout-stack-gap:clamp(1rem, 2vw, 1.5rem);
  --ph-breakpoint-compact:56.25rem;
  --ph-breakpoint-narrow:22.5rem;
  --bg:var(--ph-color-canvas);
  --bg2:var(--ph-color-canvas-subtle);
  --panel:var(--ph-color-surface);
  --panel2:var(--ph-color-surface-raised);
  --text:var(--ph-color-text);
  --muted:var(--ph-color-text-muted);
  --faint:var(--ph-color-text-faint);
  --line:var(--ph-color-border);
  --line2:var(--ph-color-border-strong);
  --purple:var(--ph-color-accent);
  --purple2:var(--ph-color-accent-emphasis);
  --gold:var(--ph-color-warning);
  --green:var(--ph-color-success);
  --danger:var(--ph-color-danger);
  --radius:var(--ph-radius-lg);
  --shadow:var(--ph-shadow-raised);
  color-scheme:dark;
}
[data-member-theme="light"]{
  --ph-color-canvas:#fbf9fd;
  --ph-color-canvas-subtle:#f3eff7;
  --ph-color-surface:#ffffff;
  --ph-color-surface-raised:#f8f4fb;
  --ph-color-text:#211a28;
  --ph-color-text-muted:#5f5568;
  --ph-color-text-faint:#756b7d;
  --ph-color-border:rgba(33, 26, 40, 0.14);
  --ph-color-border-strong:rgba(33, 26, 40, 0.24);
  --ph-color-accent:#6740c8;
  --ph-color-accent-emphasis:#4b2a9c;
  --ph-color-on-accent:#ffffff;
  --ph-color-information:#1f5f9f;
  --ph-color-pending:#6740c8;
  --ph-color-success:#16734f;
  --ph-color-warning:#7c5412;
  --ph-color-danger:#b32332;
  --ph-color-focus:#4b2a9c;
  --ph-color-overlay:rgba(22, 16, 28, 0.72);
  --ph-color-disabled:rgba(95, 85, 104, 0.5);
  color-scheme:light;
}