:root{--white: #FAFAF8;--mist: #F5F6F4;--stone: #E8E9E5;--border: rgba(0,0,0,.08);--border-md: rgba(0,0,0,.13);--ink: #1A1F22;--text: #2D3436;--t2: #6B7280;--t3: #9CA3AF;--slate: #5B7FA6;--slate-hi: #3A5F84;--slate-light: #EAF0F8;--slate-mid: #A8C2DC;--sage: #7A9E87;--sage-hi: #527A61;--sage-light: #EEF4F0;--sage-mid: #B8D4C0;--warm: #C4956A;--warm-hi: #9E7148;--warm-light: #F7EDE0;--warm-mid: #E8C9A0;--expert: #9CA3AF;--achiever: #5B7FA6;--catalyst: #7A9E87;--co-creator: #8B77B5;--synergist: #C4956A;--p1: #5B7FA6;--p2: #7A9E87;--p3: #8B77B5;--mid: #C4956A;--serif: "Lora", Georgia, serif;--sans: "DM Sans", system-ui, sans-serif;--text-display: clamp(40px, 3rem + 1.5vw, 60px);--text-h2: clamp(28px, 1.8rem + .8vw, 36px);--text-h3: clamp(18px, 1.1rem + .4vw, 22px);--text-body: 16px;--text-body-lg: 18px;--text-ui: 14px;--text-label: 11px;--text-small: 13px;--text-xs: 12px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--shadow-modal: 0 20px 60px rgba(0,0,0,.12);--shadow-tooltip: 0 8px 28px rgba(0,0,0,.12);--shadow-hover: 0 4px 24px rgba(91,127,166,.08);--space-section: clamp(48px, 4rem + 2vw, 80px);--reading-width: 700px;--page-max: 1080px;--duration-fast: .15s;--duration-normal: .2s;--ease-out: cubic-bezier(.16, 1, .3, 1);--color-bg: var(--mist);--color-surface: var(--white);--color-input-bg: var(--mist);--color-text: var(--ink);--color-text-secondary: var(--text);--color-text-muted: var(--t2);--color-text-faint: var(--t3);--color-button: var(--slate);--color-button-text: #ffffff;--color-button-secondary: var(--white);--color-button-secondary-text: var(--slate);--color-accent: var(--slate);--color-accent-deep: var(--slate-hi);--color-accent-light: var(--slate-light);--color-accent-link: var(--slate);--color-border: var(--border);--color-border-medium: var(--border-md);--color-border-light: var(--border);--color-error: #c0392b;--color-option-bg: var(--white);--color-option-selected: var(--slate-light);--color-signal-border: var(--border);--color-expert: var(--expert);--color-achiever: var(--achiever);--color-catalyst: var(--catalyst);--color-cocreator: var(--co-creator);--color-synergist: var(--synergist);--color-locus-bg: var(--slate-light);--color-locus-text: var(--slate-hi);--color-meaning-bg: var(--sage-light);--color-meaning-text: var(--sage-hi);--color-relational-bg: var(--warm-light);--color-relational-text: var(--warm-hi);--color-change-bg: #F0EBF8;--color-change-text: #6B52A0;--font-body: var(--sans);--font-serif: var(--serif);--font-mono: ui-monospace, SFMono-Regular, monospace;--weight-body: 400;--weight-medium: 500;--weight-semi: 500;--radius-small: var(--r-sm);--radius-medium: var(--r-md);--radius-large: var(--r-lg);--radius-pill: var(--r-sm);--shadow-card: none;--shadow-button: none}.reveal{opacity:0;transform:translateY(20px);transition:opacity var(--duration-normal) ease-out,transform var(--duration-normal) ease-out}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:0ms}.reveal-delay-2{transition-delay:.15s}.reveal-delay-3{transition-delay:.3s}.page-enter{opacity:0}.page-enter-active{opacity:1;transition:opacity var(--duration-page) ease}.locked-content{filter:blur(5px);opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none;position:relative}.locked-gradient{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,var(--color-bg));pointer-events:none}.la-level-block{opacity:.4;transition:opacity var(--duration-normal) ease}.la-level-block.active{opacity:1}@media (max-width: 600px){nav{padding:16px 20px!important;flex-wrap:wrap;gap:8px}}@media (max-width: 480px){[style*="padding: 28px"]{padding:16px!important}[style*="maxWidth: 72%"],[style*="max-width: 72%"]{max-width:88%!important}}@media (max-width: 540px){.level-card-responsive{flex-direction:column!important;gap:16px!important}.dimension-label-responsive{width:120px!important;font-size:13px!important}.journey-step-responsive{font-size:11px!important;padding:8px 2px!important}.action-row-responsive{flex-direction:column!important;align-items:stretch!important}.action-row-responsive button,.action-row-responsive a{text-align:center!important}}@media (max-width: 380px){:root{--text-hero: 24px;--text-h2: 20px;--text-h3: 18px;--text-body-lg: 16px}}@media (pointer: coarse){button,[role=button],a[href]{min-height:44px}textarea{font-size:16px}}@media (prefers-reduced-motion: reduce){.reveal{transform:none;transition:opacity var(--duration-normal) ease-out}.la-level-block{transition:none}}