:root{--bg:#f7f6f4;--surface:#f0eeeb;--surface-elevated:#fff;--text-primary:#222026;--text-secondary:#8a8580;--text-muted:#6b6660;--accent:#b89a5b;--accent-variant:#9aa897;--border:#22202614;--border-strong:#22202624;--danger:#9e4a4a;--scrim:#22202666;--color-hero-title:var(--text-primary);--color-hero-subtitle:var(--text-muted);--color-cta-bg:var(--accent);--color-cta-text:var(--text-primary);--color-wellness-panel-accent:var(--accent-variant);--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:56px;--font-heading:"Atkinson Hyperlegible", system-ui, -apple-system, sans-serif;--font-body:"Atkinson Hyperlegible", system-ui, -apple-system, sans-serif;--fs-h1:clamp(2rem, 4vw, 3.5rem);--fs-h2:clamp(1.375rem, 2.5vw, 2.125rem);--fs-h3:clamp(1.0625rem, 1.5vw, 1.5rem);--fs-body:1rem;--fs-caption:.8125rem;--fs-label:.75rem;--lh-heading:1.25;--lh-body:1.5;--ls-heading:-.02em;--ls-body:0;--ls-label:.06em;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:9999px;--sticker-grid-gap:8px;--sticker-preview-size:64px;--sticker-handle-size:14px;--sticker-panel-width:320px;--shadow-soft:0 6px 18px #2220260f;--shadow-hover:0 10px 24px #22202614;--shadow-cta-hover:0 8px 20px #22202617;--motion-fast:.12s;--motion-medium:.22s;--motion-slow:.36s;--easing:cubic-bezier(.2, .8, .2, 1);--content-max-width:1280px;--gutter-mobile:16px;--gutter-tablet:24px;--gutter-desktop:32px;--touch-min:44px;--hero-padding-y:var(--space-3);--hero-padding-x:var(--gutter-mobile);--section-gap:var(--space-5);--card-padding:var(--space-2);--card-padding-lg:var(--space-3);--workspace-gap:var(--space-2);--inspector-min-width:220px;--canvas-radius:var(--radius-md);--chip-height:var(--touch-min)}@media (width>=768px){:root{--hero-padding-x:var(--gutter-tablet);--section-gap:var(--space-6)}}@media (width>=1024px){:root{--hero-padding-x:48px}}.ws-screen.ws-dark{--bg:#121110;--surface:#1c1a18;--surface-elevated:#242220;--text-primary:#f3f0eb;--text-secondary:#b0aaa2;--text-muted:#8f8983;--accent:#c9ad6e;--accent-variant:#a8b5a4;--border:#ffffff14;--border-strong:#ffffff24;--danger:#d47a7a;--scrim:#000000a6;--shadow-soft:0 6px 18px #00000059;--shadow-hover:0 10px 24px #00000073;--shadow-cta-hover:0 8px 20px #00000080}.ws-screen{background-color:var(--bg);color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body)}.ws-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:var(--card-padding-lg);transition:transform var(--motion-fast) var(--easing), box-shadow var(--motion-fast) var(--easing)}.ws-card--wellness{border-color:color-mix(in srgb, var(--accent-variant) 25%, transparent)}.ws-heading-1{font-family:var(--font-heading);font-size:var(--fs-h1);font-weight:500;line-height:var(--lh-heading);letter-spacing:var(--ls-heading);color:var(--text-primary)}.ws-heading-3{font-family:var(--font-heading);font-size:var(--fs-h3);font-weight:500;line-height:var(--lh-heading);color:var(--text-primary)}.ws-btn-primary{background:var(--accent);color:var(--text-primary);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--fs-body);cursor:pointer;transition:transform .16s var(--easing), box-shadow .16s var(--easing);border:none;padding:14px 20px;font-weight:600}.ws-btn-secondary{color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);transition:background var(--motion-fast) var(--easing);background:0 0;padding:12px 18px}.ws-btn-primary:hover{box-shadow:var(--shadow-cta-hover);transform:translateY(-2px)}.ws-btn-secondary:hover{background:color-mix(in srgb, var(--surface) 80%, var(--bg))}.ws-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.ws-focus-ring:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-medium:0s;--motion-slow:0s}.ws-card,.ws-btn-primary,.ws-btn-secondary{transition:none}.ws-card:hover,.ws-btn-primary:hover{transform:none}}@keyframes ws-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ws-skeleton{background:linear-gradient(90deg, var(--surface) 0%, color-mix(in srgb, var(--surface-elevated) 60%, var(--surface)) 50%, var(--surface) 100%);background-size:200% 100%;animation:1.8s ease-in-out infinite ws-shimmer}@media (prefers-reduced-motion:reduce){.ws-skeleton{background:var(--surface);animation:none}}