.compass{display:block;max-width:100%;height:auto}.compass__quadrant--al{fill:var(--chart-quad-al)}.compass__quadrant--ar{fill:var(--chart-quad-ar)}.compass__quadrant--ll{fill:var(--chart-quad-ll)}.compass__quadrant--lr{fill:var(--chart-quad-lr)}.compass__grid,.compass__axes{fill:none;stroke:var(--chart-grid)}.compass__grid{stroke-width:1}.compass__axes{stroke-width:5}.compass__labels{fill:var(--chart-dot);font-family:var(--font-sans);font-size:24px;font-weight:600}.compass__dot-group--animated{transition:transform .2s ease-out}.compass__completion-ring{stroke:var(--chart-dot);stroke-width:8;transform:rotate(-90deg)}.compass__dot{fill:var(--chart-dot)}@media(prefers-reduced-motion:reduce){.compass__dot-group--animated{transition:none}}:root{color-scheme:light;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 20px;--space-xl: 24px;--space-xxl: 32px;--space-xxxl: 40px;--space-section-sm: 48px;--space-section: 64px;--space-section-lg: 96px;--space-hero: 120px;--rounded-xs: 4px;--rounded-sm: 6px;--rounded-md: 8px;--rounded-lg: 12px;--rounded-xl: 16px;--rounded-xxl: 24px;--rounded-full: 9999px;--font-size-hero: 72px;--font-weight-hero: 600;--line-height-hero: 1.05;--font-size-h1: 48px;--font-weight-h1: 600;--line-height-h1: 1.1;--font-size-h2: 36px;--font-weight-h2: 600;--line-height-h2: 1.2;--font-size-h3: 28px;--font-weight-h3: 600;--line-height-h3: 1.25;--font-size-h4: 22px;--font-weight-h4: 600;--line-height-h4: 1.3;--font-size-h5: 18px;--font-weight-h5: 600;--line-height-h5: 1.4;--font-size-body-md: 16px;--font-weight-body-md: 400;--line-height-body-md: 1.5;--font-size-body-sm: 14px;--font-weight-body-sm: 400;--line-height-body-sm: 1.5;--font-size-caption: 13px;--font-weight-caption: 400;--line-height-caption: 1.4;--font-size-micro: 12px;--font-weight-micro: 500;--line-height-micro: 1.4;--canvas: #ffffff;--surface: #f7f7f7;--surface-soft: #fafafa;--surface-code: #1c1c1e;--ink: #0a0a0a;--ink-charcoal: #1c1c1e;--ink-slate: #3a3a3c;--ink-steel: #5a5a5c;--ink-stone: #888888;--ink-muted: #a8a8aa;--hairline: #e5e5e5;--hairline-soft: #ededed;--accent: #5b7cfa;--chart-quad-al: #d45656;--chart-quad-ar: #8a63d2;--chart-quad-ll: #3a9c6e;--chart-quad-lr: #c9a227;--chart-dot: #0a0a0a;--chart-grid: #e5e5e5}[data-theme=dark]{color-scheme:dark;--canvas: #0a0a0a;--surface: #141414;--surface-soft: #101010;--surface-code: #1c1c1e;--ink: #ffffff;--ink-charcoal: #f7f7f7;--ink-slate: #ededed;--ink-steel: #b3b3b3;--ink-stone: #888888;--ink-muted: #6f6f72;--hairline: #1f1f1f;--hairline-soft: #292929;--accent: #7892ff;--chart-quad-al: #ef7474;--chart-quad-ar: #aa86ed;--chart-quad-ll: #58bd89;--chart-quad-lr: #e0c04f;--chart-dot: #ffffff;--chart-grid: #292929}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--canvas: #0a0a0a;--surface: #141414;--surface-soft: #101010;--surface-code: #1c1c1e;--ink: #ffffff;--ink-charcoal: #f7f7f7;--ink-slate: #ededed;--ink-steel: #b3b3b3;--ink-stone: #888888;--ink-muted: #6f6f72;--hairline: #1f1f1f;--hairline-soft: #292929;--accent: #7892ff;--chart-quad-al: #ef7474;--chart-quad-ar: #aa86ed;--chart-quad-ll: #58bd89;--chart-quad-lr: #e0c04f;--chart-dot: #ffffff;--chart-grid: #292929}}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font-sans);font-size:var(--font-size-body-md);line-height:var(--line-height-body-md)}.app-shell{min-height:100vh;padding:var(--space-xl);background:var(--canvas);color:var(--ink)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);max-width:1280px;margin:0 auto}.app-title{margin:0;font-size:var(--font-size-h1);font-weight:var(--font-weight-h1);line-height:var(--line-height-h1)}.theme-toggle{padding:var(--space-xs) var(--space-md);border:1px solid var(--hairline);border-radius:var(--rounded-full);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer}