:root{color-scheme:light}html[data-color-mode=dark]{color-scheme:dark}html[data-color-mode=system]{color-scheme:light dark}:root{--mosaic-blue: #2075bc;--mosaic-red: #ec2227;--mosaic-green: #8ec640;--mosaic-orange: #f8951d;--mosaic-purple: #5a5daa;--mosaic-slate-blue: #7086ad;--mosaic-deep-blue: #3b4672;--mosaic-scarlet: #ac1f25;--mosaic-deep-red: #791222;--mosaic-deep-orange: #a45e18;--mosaic-mint-green: #7aa496;--mosaic-grey: #717174;--mosaic-purple-soft: #8b8cc9;--mosaic-t1: light-dark(#1f1f1f, #f0eeea);--mosaic-t2: light-dark(#5a5a5e, #b5b1a8);--mosaic-t3: light-dark(#8e8e92, #7e7a72);--mosaic-on-saturated: #ffffff;--mosaic-greige: light-dark(#f9f8f6, #1a1d24);--mosaic-card-light: light-dark(#ffffff, #20242c);--mosaic-card-dark: #20242c;--mosaic-charcoal: light-dark(#1a1d24, #1a1d24);--mosaic-accent: var(--mosaic-blue);--mosaic-accent-hover: color-mix(in srgb, var(--mosaic-accent) 85%, var(--mosaic-card-light));--mosaic-accent-active: color-mix(in srgb, var(--mosaic-accent) 75%, var(--mosaic-card-light));--mosaic-accent-lift: light-dark(var(--mosaic-blue), #5fa6dc);--mosaic-urgency-high: var(--mosaic-red);--mosaic-urgency-medium: var(--mosaic-orange);--mosaic-urgency-low: var(--mosaic-green);--mosaic-urgency-high-text: light-dark(var(--mosaic-scarlet), #f0a8a8);--mosaic-urgency-medium-text: light-dark(var(--mosaic-deep-orange), #e8b87a);--mosaic-urgency-low-text: light-dark(var(--mosaic-mint-green), #b0d4c5);--mosaic-blue-hover: color-mix(in srgb, var(--mosaic-blue) 85%, var(--mosaic-card-light));--mosaic-blue-active: color-mix(in srgb, var(--mosaic-blue) 75%, var(--mosaic-card-light));--mosaic-red-hover: color-mix(in srgb, var(--mosaic-red) 85%, var(--mosaic-card-light));--mosaic-red-active: color-mix(in srgb, var(--mosaic-red) 75%, var(--mosaic-card-light));--mosaic-orange-hover: color-mix(in srgb, var(--mosaic-orange) 85%, var(--mosaic-card-light));--mosaic-orange-active: color-mix(in srgb, var(--mosaic-orange) 75%, var(--mosaic-card-light));--mosaic-green-hover: color-mix(in srgb, var(--mosaic-green) 85%, var(--mosaic-card-light));--mosaic-green-active: color-mix(in srgb, var(--mosaic-green) 75%, var(--mosaic-card-light));--mosaic-purple-hover: color-mix(in srgb, var(--mosaic-purple) 85%, var(--mosaic-card-light));--mosaic-purple-active: color-mix(in srgb, var(--mosaic-purple) 75%, var(--mosaic-card-light));--mosaic-blue-08: light-dark(#e8eef1, color-mix(in srgb, var(--mosaic-blue) 12%, var(--mosaic-greige)));--mosaic-blue-15: light-dark(#d8e4ed, color-mix(in srgb, var(--mosaic-blue) 20%, var(--mosaic-greige)));--mosaic-blue-25: light-dark(#c3d7e8, color-mix(in srgb, var(--mosaic-blue) 30%, var(--mosaic-greige)));--mosaic-red-08: light-dark(#f8e7e5, color-mix(in srgb, var(--mosaic-red) 12%, var(--mosaic-greige)));--mosaic-red-15: light-dark(#f7d8d7, color-mix(in srgb, var(--mosaic-red) 20%, var(--mosaic-greige)));--mosaic-red-25: light-dark(#f6c3c2, color-mix(in srgb, var(--mosaic-red) 30%, var(--mosaic-greige)));--mosaic-green-08: light-dark(#f0f4e7, color-mix(in srgb, var(--mosaic-green) 12%, var(--mosaic-greige)));--mosaic-green-15: light-dark(#e9f0db, color-mix(in srgb, var(--mosaic-green) 20%, var(--mosaic-greige)));--mosaic-green-25: light-dark(#deecc9, color-mix(in srgb, var(--mosaic-green) 30%, var(--mosaic-greige)));--mosaic-orange-08: light-dark(#f9f0e5, color-mix(in srgb, var(--mosaic-orange) 12%, var(--mosaic-greige)));--mosaic-orange-15: light-dark(#f9e9d5, color-mix(in srgb, var(--mosaic-orange) 20%, var(--mosaic-greige)));--mosaic-orange-25: light-dark(#f9dfc0, color-mix(in srgb, var(--mosaic-orange) 30%, var(--mosaic-greige)));--mosaic-purple-08: light-dark(#ececf0, color-mix(in srgb, var(--mosaic-purple) 12%, var(--mosaic-greige)));--mosaic-purple-15: light-dark(#e1e1eb, color-mix(in srgb, var(--mosaic-purple) 20%, var(--mosaic-greige)));--mosaic-purple-25: light-dark(#d1d1e3, color-mix(in srgb, var(--mosaic-purple) 30%, var(--mosaic-greige)));--mosaic-slate-blue-08: #eeeff0;--mosaic-slate-blue-15: #e4e7eb;--mosaic-slate-blue-25: #d7dce4;--mosaic-deep-blue-08: #eaeaeb;--mosaic-deep-blue-15: #dddde2;--mosaic-deep-blue-25: #caccd5;--mosaic-scarlet-08: #f3e7e5;--mosaic-scarlet-15: #edd7d7;--mosaic-scarlet-25: #e6c2c2;--mosaic-deep-red-08: #efe6e5;--mosaic-deep-red-15: #e6d6d6;--mosaic-deep-red-25: #d9bfc1;--mosaic-mint-green-08: #eff1ee;--mosaic-mint-green-15: #e6ebe8;--mosaic-mint-green-25: #d9e3de;--mosaic-grey-08: #eeedec;--mosaic-grey-15: light-dark(#e5e4e3, color-mix(in srgb, var(--mosaic-grey) 25%, var(--mosaic-greige)));--mosaic-grey-25: #d7d6d6;--mosaic-sug-bg: var(--mosaic-blue-15);--mosaic-sug-text: light-dark(var(--mosaic-deep-blue), #b8d4ec);--mosaic-brief-highlight-color: var(--mosaic-accent);--mosaic-pill-cal-bg: var(--mosaic-orange-15);--mosaic-pill-cal-text: light-dark(var(--mosaic-deep-orange), #e8b87a);--mosaic-pill-email-bg: var(--mosaic-blue-15);--mosaic-pill-email-text: light-dark(var(--mosaic-deep-blue), #b8d4ec);--mosaic-pill-ctx-bg: var(--mosaic-grey-15);--mosaic-pill-ctx-text: var(--mosaic-t2);--mosaic-pill-conflict-bg: var(--mosaic-red-15);--mosaic-pill-conflict-text: light-dark(var(--mosaic-deep-red), #f0a8a8);--mosaic-cat-knowledge: light-dark(var(--mosaic-deep-blue), #b8d4ec);--mosaic-cat-knowledge-bg: var(--mosaic-blue-15);--mosaic-cat-knowledge-hover: color-mix(in srgb, var(--mosaic-cat-knowledge) 85%, var(--mosaic-card-light));--mosaic-cat-knowledge-active: color-mix(in srgb, var(--mosaic-cat-knowledge) 75%, var(--mosaic-card-light));--mosaic-cat-people: light-dark(var(--mosaic-deep-red), #f0a8a8);--mosaic-cat-people-bg: var(--mosaic-red-15);--mosaic-cat-people-hover: color-mix(in srgb, var(--mosaic-cat-people) 85%, var(--mosaic-card-light));--mosaic-cat-people-active: color-mix(in srgb, var(--mosaic-cat-people) 75%, var(--mosaic-card-light));--mosaic-cat-goals: light-dark(var(--mosaic-deep-orange), #e8b87a);--mosaic-cat-goals-bg: var(--mosaic-orange-15);--mosaic-cat-goals-hover: color-mix(in srgb, var(--mosaic-cat-goals) 85%, var(--mosaic-card-light));--mosaic-cat-goals-active: color-mix(in srgb, var(--mosaic-cat-goals) 75%, var(--mosaic-card-light));--mosaic-cat-cos: light-dark(var(--mosaic-purple), #b8b9d9);--mosaic-cat-cos-bg: var(--mosaic-purple-15);--mosaic-cat-cos-hover: color-mix(in srgb, var(--mosaic-cat-cos) 85%, var(--mosaic-card-light));--mosaic-cat-cos-active: color-mix(in srgb, var(--mosaic-cat-cos) 75%, var(--mosaic-card-light));--mosaic-ctx-source-bg: var(--mosaic-pill-email-bg);--mosaic-ctx-source-stroke: var(--mosaic-blue-25);--mosaic-ctx-source-text: var(--mosaic-pill-email-text);--mosaic-ctx-person-bg: var(--mosaic-sug-bg);--mosaic-ctx-person-stroke: var(--mosaic-blue-25);--mosaic-ctx-person-text: var(--mosaic-sug-text);--mosaic-ctx-task-bg: var(--mosaic-pill-cal-bg);--mosaic-ctx-task-stroke: var(--mosaic-orange-25);--mosaic-ctx-task-text: var(--mosaic-pill-cal-text);--mosaic-sp-0: 0;--mosaic-sp-2: 2px;--mosaic-sp-4: 4px;--mosaic-sp-6: 6px;--mosaic-sp-8: 8px;--mosaic-sp-10: 10px;--mosaic-sp-12: 12px;--mosaic-sp-14: 14px;--mosaic-sp-16: 16px;--mosaic-sp-20: 20px;--mosaic-sp-24: 24px;--mosaic-sp-32: 32px;--mosaic-sp-40: 40px;--mosaic-sp-48: 48px;--mosaic-sp-64: 64px;--mosaic-sp-80: 80px;--mosaic-sp-96: 96px;--mosaic-sp-120: 120px;--mosaic-w-max: 880px;--mosaic-w-bar: 768px;--mosaic-w-card-max: 460px;--mosaic-h-status-strip: var(--mosaic-sp-32);--mosaic-pad-pill-x: 7px;--mosaic-pad-pill-y: var(--mosaic-sp-4);--mosaic-pad-button-sm-x: var(--mosaic-sp-8);--mosaic-pad-button-sm-y: var(--mosaic-sp-4);--mosaic-pad-button-md-x: var(--mosaic-sp-14);--mosaic-pad-button-md-y: var(--mosaic-sp-6);--mosaic-pad-button-lg-x: var(--mosaic-sp-24);--mosaic-pad-button-lg-y: var(--mosaic-sp-12);--mosaic-pad-input-x: var(--mosaic-sp-12);--mosaic-pad-input-y: var(--mosaic-sp-8);--mosaic-pad-card: var(--mosaic-sp-16) var(--mosaic-sp-24);--mosaic-pad-card-compact: var(--mosaic-sp-12) var(--mosaic-sp-16);--mosaic-pad-card-stripe-inset: calc(var(--mosaic-stripe-w) + var(--mosaic-sp-16));--mosaic-pad-panel: var(--mosaic-sp-24);--mosaic-pad-panel-header: var(--mosaic-sp-12) var(--mosaic-sp-16);--mosaic-pad-bar-x: var(--mosaic-sp-8);--mosaic-pad-bar-y: var(--mosaic-sp-8);--mosaic-pad-list-item-x: var(--mosaic-sp-12);--mosaic-pad-list-item-y: var(--mosaic-sp-6);--mosaic-pad-menu-item-x: var(--mosaic-sp-12);--mosaic-pad-menu-item-y: var(--mosaic-sp-8);--mosaic-pad-tab-x: var(--mosaic-sp-12);--mosaic-pad-tab-y: var(--mosaic-sp-8);--mosaic-pad-tooltip: var(--mosaic-sp-6) var(--mosaic-sp-10);--mosaic-pad-toast: var(--mosaic-sp-12) var(--mosaic-sp-16);--mosaic-pad-modal: var(--mosaic-sp-24);--mosaic-pad-modal-action: var(--mosaic-sp-16) var(--mosaic-sp-24);--mosaic-pad-section-y: var(--mosaic-sp-32);--mosaic-gap-tight: var(--mosaic-sp-4);--mosaic-gap-base: var(--mosaic-sp-8);--mosaic-gap-loose: var(--mosaic-sp-16);--mosaic-gap-section: var(--mosaic-sp-24);--mosaic-gap-icon-text: var(--mosaic-sp-6);--mosaic-gap-button-row: var(--mosaic-sp-8);--mosaic-gap-form-row: var(--mosaic-sp-16);--mosaic-gap-inline: var(--mosaic-sp-4);--mosaic-gap-context-action: 22px;--mosaic-rhythm-tight: var(--mosaic-sp-4);--mosaic-rhythm-base: var(--mosaic-sp-8);--mosaic-rhythm-loose: var(--mosaic-sp-16);--mosaic-rhythm-section: var(--mosaic-sp-32);--mosaic-control-h-sm: 24px;--mosaic-control-h-md: var(--mosaic-sp-32);--mosaic-control-h-lg: 44px;--mosaic-hit-area-min: 44px;--mosaic-bar-icon-btn-size: var(--mosaic-control-h-md);--mosaic-bar-pill-inset: 40px;--mosaic-status-tab-depth: 37px;--mosaic-status-tab-overlap: var(--mosaic-sp-2);--mosaic-status-tab-pad: 11px;--mosaic-border-w: 1px;--mosaic-border-w-emphasis: 2px;--mosaic-stripe-w: 3px;--mosaic-r-sm: 4px;--mosaic-r-btn: 8px;--mosaic-r-card: 12px;--mosaic-r-chat: 20px;--mosaic-r-pill: 9999px;--mosaic-r-circle: 50%;--mosaic-hairline-color: light-dark(#e8e6e2, #2d3038);--mosaic-card-border-color: light-dark(#e8e6e2, #2d3038);--mosaic-hairline: var(--mosaic-border-w) solid var(--mosaic-hairline-color);--mosaic-card-border: var(--mosaic-border-w) solid var(--mosaic-card-border-color);--mosaic-status-tab-r: 10px;--mosaic-sans: "DM Sans", system-ui, -apple-system, sans-serif;--mosaic-serif: "Fraunces", Georgia, "Times New Roman", serif;--mosaic-mono: ui-monospace, "SF Mono", Menlo, monospace;--mosaic-text-hero-title-size: 32px;--mosaic-text-hero-title-lh: 1.15;--mosaic-text-hero-title-weight: 700;--mosaic-text-hero-title-tracking: -.01em;--mosaic-text-page-title-size: 24px;--mosaic-text-page-title-lh: 1.25;--mosaic-text-page-title-weight: 700;--mosaic-text-page-title-tracking: 0;--mosaic-text-panel-title-size: 20px;--mosaic-text-panel-title-lh: 1.3;--mosaic-text-panel-title-weight: 500;--mosaic-text-panel-title-tracking: 0;--mosaic-text-section-title-size: 16px;--mosaic-text-section-title-lh: 1.4;--mosaic-text-section-title-weight: 500;--mosaic-text-section-title-tracking: 0;--mosaic-text-body-size: 14px;--mosaic-text-body-lh: 1.55;--mosaic-text-body-weight: 400;--mosaic-text-body-tracking: 0;--mosaic-text-ui-size: 13px;--mosaic-text-ui-lh: 1.45;--mosaic-text-ui-weight: 400;--mosaic-text-ui-tracking: 0;--mosaic-text-caption-size: 12px;--mosaic-text-caption-lh: 1.4;--mosaic-text-caption-weight: 500;--mosaic-text-caption-tracking: 0;--mosaic-text-eyebrow-size: 11px;--mosaic-text-eyebrow-lh: 1.4;--mosaic-text-eyebrow-weight: 500;--mosaic-text-eyebrow-tracking: .1em;--mosaic-text-editorial-weight: 600;--mosaic-text-editorial-tracking: -.015em;--mosaic-text-pill-label-size: 11px;--mosaic-text-pill-label-weight: 500;--mosaic-text-pill-label-lh: 1;--mosaic-text-mono-notation-size: 11px;--mosaic-text-mono-notation-weight: 500;--mosaic-text-mono-notation-lh: 1.4;--mosaic-card-shadow: none;--mosaic-shadow-tooltip: 0 2px 6px light-dark(rgba(0, 0, 0, .06), rgba(0, 0, 0, .18));--mosaic-shadow-floating: 0 8px 32px light-dark(rgba(0, 0, 0, .08), rgba(0, 0, 0, .24)), 0 2px 8px light-dark(rgba(0, 0, 0, .04), rgba(0, 0, 0, .16));--mosaic-shadow-modal: 0 20px 60px light-dark(rgba(0, 0, 0, .18), rgba(0, 0, 0, .36));--mosaic-shadow-card-lift: 0 2px 8px light-dark(rgba(0, 0, 0, .04), rgba(0, 0, 0, .12));--mosaic-shadow-glow-blue: 0 1px 4px rgba(133, 183, 235, .3);--mosaic-shadow-glow-green: 0 1px 4px rgba(93, 202, 165, .3);--mosaic-shadow-glow-orange: 0 1px 4px rgba(239, 159, 39, .3);--mosaic-shadow-glow-red: 0 1px 4px rgba(235, 110, 110, .3);--mosaic-stripe-grad-high: linear-gradient(to bottom, var(--mosaic-red), var(--mosaic-scarlet));--mosaic-stripe-grad-medium: linear-gradient(to bottom, var(--mosaic-orange), var(--mosaic-deep-orange));--mosaic-stripe-grad-low: linear-gradient(to bottom, var(--mosaic-green), var(--mosaic-mint-green));--mosaic-motion-feedback: 80ms;--mosaic-motion-fast: .15s;--mosaic-motion-base: .2s;--mosaic-motion-structural: .25s;--mosaic-motion-slow: .3s;--mosaic-easing-cosmetic: ease;--mosaic-easing-structural: cubic-bezier(.4, 0, .2, 1);--mosaic-opacity-disabled: .4;--mosaic-overlay-faint: color-mix(in srgb, var(--mosaic-t1) 4%, transparent);--mosaic-overlay-soft: color-mix(in srgb, var(--mosaic-t1) 8%, transparent);--mosaic-overlay-base: color-mix(in srgb, var(--mosaic-t1) 12%, transparent);--mosaic-overlay-strong: color-mix(in srgb, var(--mosaic-t1) 18%, transparent);--mosaic-overlay-selected: color-mix(in srgb, var(--mosaic-t1) 3.4%, transparent);--mosaic-overlay-hover: var(--mosaic-overlay-soft);--mosaic-overlay-active: var(--mosaic-overlay-strong);--mosaic-z-base: 0;--mosaic-z-raised: 1;--mosaic-z-sticky: 5;--mosaic-z-overlay: 10;--mosaic-z-dropdown: 50;--mosaic-z-modal: 100;--mosaic-z-toast: 1000;--mosaic-focus-ring-w: var(--mosaic-border-w-emphasis);--mosaic-focus-rotate-duration: 6s;--mosaic-focus-accent: var(--mosaic-accent);--mosaic-focus-glow-blur: 12px;--mosaic-focus-opacity: .95;--mosaic-focus-border-strong-lift: .2;--mosaic-focus-border-mid-lift: 0;--mosaic-focus-border-soft-lift: -.1;--mosaic-focus-glow-edge-lift: 0;--mosaic-focus-glow-edge-alpha: .2;--mosaic-focus-glow-soft-lift: .08;--mosaic-focus-glow-soft-alpha: .2;--mosaic-focus-border-strong: oklch(from var(--mosaic-focus-accent) calc(l + var(--mosaic-focus-border-strong-lift)) c h);--mosaic-focus-border-mid: oklch(from var(--mosaic-focus-accent) calc(l + var(--mosaic-focus-border-mid-lift)) c h);--mosaic-focus-border-soft: oklch(from var(--mosaic-focus-accent) calc(l + var(--mosaic-focus-border-soft-lift)) c h);--mosaic-focus-glow-edge: oklch(from var(--mosaic-focus-accent) calc(l + var(--mosaic-focus-glow-edge-lift)) c h / var(--mosaic-focus-glow-edge-alpha));--mosaic-focus-glow-soft: oklch(from var(--mosaic-focus-accent) calc(l + var(--mosaic-focus-glow-soft-lift)) c h / var(--mosaic-focus-glow-soft-alpha));--mosaic-panel-shell-bg: var(--mosaic-card-light);--mosaic-panel-shell-border: var(--mosaic-card-border);--mosaic-panel-shell-header-h: 48px;--mosaic-panel-shell-primary-bg: var(--mosaic-panel-shell-bg);--mosaic-panel-shell-primary-w: 100%;--mosaic-panel-shell-radius-tl: var(--mosaic-r-card);--mosaic-panel-shell-radius-tr: var(--mosaic-r-card);--mosaic-panel-shell-radius-bl: var(--mosaic-r-card);--mosaic-panel-shell-radius-br: var(--mosaic-r-card);--mosaic-panel-shell-sidecar-bg: var(--mosaic-card-light);--mosaic-panel-shell-sidecar-transition: var(--mosaic-motion-slow) var(--mosaic-easing-structural);--mosaic-panel-shell-sidecar-w: 0px;--mosaic-panel-shell-toggle-hover-bg: var(--mosaic-greige)}html[data-color-mode=dark]{--mosaic-focus-opacity: .8;--mosaic-focus-border-strong-lift: -.54;--mosaic-focus-border-mid-lift: -.21;--mosaic-focus-border-soft-lift: -.48;--mosaic-focus-glow-edge-lift: -.32;--mosaic-focus-glow-edge-alpha: .28;--mosaic-focus-glow-soft-lift: -.38;--mosaic-focus-glow-soft-alpha: .22}@media(prefers-color-scheme:dark){html[data-color-mode=system]{--mosaic-focus-opacity: .8;--mosaic-focus-border-strong-lift: -.54;--mosaic-focus-border-mid-lift: -.21;--mosaic-focus-border-soft-lift: -.48;--mosaic-focus-glow-edge-lift: -.32;--mosaic-focus-glow-edge-alpha: .28;--mosaic-focus-glow-soft-lift: -.38;--mosaic-focus-glow-soft-alpha: .22}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--mosaic-sans);background-color:var(--mosaic-greige);color:var(--mosaic-t1);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:has(>app-site-footer){display:flex!important;flex-direction:column!important;min-height:100vh;min-height:100dvh!important}:has(>app-site-footer)>:where(main,.auth-page,.page-wrap){flex:1 0 auto!important}.nav-link{font-family:var(--mosaic-sans);font-size:14px;font-weight:500;color:var(--mosaic-t2);text-decoration:none;transition:color var(--mosaic-motion-base) var(--mosaic-easing-cosmetic)}.nav-link:hover{color:var(--mosaic-deep-blue)}.nav-link--active{color:var(--mosaic-deep-blue);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1.5px}