:root {
  --p-brand-name: "Plain";
  --p-brand-sidebar-accent: #17181c;
  --p-brand-sidebar-accent: oklch(0.21 0.008 270);
  --p-brand-wordmark: "Plain";
  --p-button-focus-border: #2d63df;
  --p-button-focus-border: oklch(0.54 0.198 263.45);
  --p-button-font-size: 13px;
  --p-button-font-size-lg: 14px;
  --p-button-font-weight: 500;
  --p-button-ghost-bg-hover: #17181c0a;
  --p-button-ghost-bg-hover: oklch(0.21 0.008 270 / 0.04);
  --p-button-ghost-bg-pressed: #17181c14;
  --p-button-ghost-bg-pressed: oklch(0.21 0.008 270 / 0.08);
  --p-button-icon-gap: 6px;
  --p-button-icon-size: 16px;
  --p-button-radius: 8px;
  --p-button-secondary-bg: #fcfdff;
  --p-button-secondary-bg: oklch(0.993 0.0033 270);
  --p-button-secondary-bg-hover: #17181c0a;
  --p-button-secondary-bg-hover: oklch(0.21 0.008 270 / 0.04);
  --p-button-size-lg: 36px;
  --p-button-size-md: 32px;
  --p-button-size-sm: 28px;
  --p-choice-border: #85878c;
  --p-choice-border: oklch(0.624 0.0082 270);
  --p-choice-check-stroke: 1.75;
  --p-choice-radio-dot: 6px;
  --p-choice-radius: 4px;
  --p-choice-size: 16px;
  --p-color-accent-action: #2d63df;
  --p-color-accent-action: oklch(0.54 0.198 263.45);
  --p-color-accent-border: #a4c3ff;
  --p-color-accent-border: oklch(0.815 0.0923 263.45);
  --p-color-accent-on-action: #ffffff;
  --p-color-accent-on-action: oklch(1 0 0);
  --p-color-accent-press-toward: #000000;
  --p-color-accent-press-toward: oklch(0 0 0);
  --p-color-accent-seed: #2d63df;
  --p-color-accent-seed: oklch(0.54 0.198 263.45);
  --p-color-accent-solid: #17181c;
  --p-color-accent-solid: oklch(0.21 0.008 270);
  --p-color-accent-solid-hover: #4c4e53;
  --p-color-accent-solid-hover: oklch(0.424 0.008 270);
  --p-color-accent-solid-pressed: #616368;
  --p-color-accent-solid-pressed: oklch(0.5 0.008 270);
  --p-color-accent-text: #2454c0;
  --p-color-accent-text: oklch(0.48 0.1782 263.45);
  --p-color-accent-text-pressed: #616368;
  --p-color-accent-text-pressed: oklch(0.5 0.008 270);
  --p-color-accent-tint: #e6efff;
  --p-color-accent-tint: oklch(0.95 0.0237 263.45);
  --p-color-agent-border: #a4c3ff;
  --p-color-agent-border: oklch(0.815 0.0923 263.45);
  --p-color-agent-mark: #2d63df;
  --p-color-agent-mark: oklch(0.54 0.198 263.45);
  --p-color-agent-on-mark: #ffffff;
  --p-color-agent-on-mark: oklch(1 0 0);
  --p-color-agent-text: #2454c0;
  --p-color-agent-text: oklch(0.48 0.1782 263.45);
  --p-color-agent-tint: #e6efff;
  --p-color-agent-tint: oklch(0.95 0.0237 263.45);
  --p-color-bg-canvas: #edeff3;
  --p-color-bg-canvas: oklch(0.951 0.0062 270);
  --p-color-bg-default: #fcfdff;
  --p-color-bg-default: oklch(0.993 0.0033 270);
  --p-color-bg-panel: #fcfdff;
  --p-color-bg-panel: oklch(0.993 0.0033 270);
  --p-color-border-control: #17181c2e;
  --p-color-border-control: oklch(0.21 0.008 270 / 0.18);
  --p-color-border-control-hover: #17181c3d;
  --p-color-border-control-hover: oklch(0.21 0.008 270 / 0.24);
  --p-color-border-control-strong: #17181c3d;
  --p-color-border-control-strong: oklch(0.21 0.008 270 / 0.24);
  --p-color-border-default: #85878c;
  --p-color-border-default: oklch(0.624 0.0082 270);
  --p-color-border-hairline: #17181c14;
  --p-color-border-hairline: oklch(0.21 0.008 270 / 0.08);
  --p-color-border-strong: #73757a;
  --p-color-border-strong: oklch(0.562 0.008 270);
  --p-color-border-subtle: #e1e3e8;
  --p-color-border-subtle: oklch(0.915 0.0072 270);
  --p-color-count-bg: #17181c;
  --p-color-count-bg: oklch(0.21 0.008 270);
  --p-color-count-text: #fcfdff;
  --p-color-count-text: oklch(0.993 0.0033 270);
  --p-color-danger-border: #ffa89e;
  --p-color-danger-border: oklch(0.815 0.1044 27);
  --p-color-danger-on-solid: #ffffff;
  --p-color-danger-on-solid: oklch(1 0 0);
  --p-color-danger-solid: #d7393b;
  --p-color-danger-solid: oklch(0.585 0.195 25);
  --p-color-danger-subtle: #fef1f0;
  --p-color-danger-subtle: oklch(0.9672 0.0144 22.33);
  --p-color-danger-text: #b32322;
  --p-color-danger-text: oklch(0.5 0.18 27);
  --p-color-danger-tint: #ffe9e6;
  --p-color-danger-tint: oklch(0.95 0.025 27);
  --p-color-data-series-1: #5cc8ff;
  --p-color-data-series-1: oklch(0.7915 0.1258 233.72);
  --p-color-data-series-2: #ffb454;
  --p-color-data-series-2: oklch(0.8238 0.1408 70.17);
  --p-color-data-series-3: #b6a4ff;
  --p-color-data-series-3: oklch(0.769 0.1289 292.17);
  --p-color-data-series-4: #b7c3cf;
  --p-color-data-series-4: oklch(0.8116 0.0215 248.09);
  --p-color-field-bg: #fcfdff;
  --p-color-field-bg: oklch(0.993 0.0033 270);
  --p-color-field-bg-disabled: #17181c08;
  --p-color-field-bg-disabled: oklch(0.21 0.008 270 / 0.03);
  --p-color-field-border-disabled: #17181c0f;
  --p-color-field-border-disabled: oklch(0.21 0.008 270 / 0.06);
  --p-color-field-border-focus: #2d63df;
  --p-color-field-border-focus: oklch(0.54 0.198 263.45);
  --p-color-field-border-invalid: #d7393b;
  --p-color-field-border-invalid: oklch(0.585 0.195 25);
  --p-color-field-border-readonly-hover: #17181c1f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.008 270 / 0.12);
  --p-color-figure-fill: #f6f1e4;
  --p-color-figure-fill: oklch(0.9585 0.018 89.36);
  --p-color-figure-stroke: #a99d80;
  --p-color-figure-stroke: oklch(0.6986 0.0429 88.2);
  --p-color-focus-ring: #2d63df;
  --p-color-focus-ring: oklch(0.54 0.198 263.45);
  --p-color-focus-ring-button: #2d63df59;
  --p-color-focus-ring-button: oklch(0.54 0.198 263.45 / 0.35);
  --p-color-focus-ring-button-danger: #d7393b59;
  --p-color-focus-ring-button-danger: oklch(0.585 0.195 25 / 0.35);
  --p-color-focus-ring-danger: #d73431;
  --p-color-focus-ring-danger: oklch(0.58 0.2 27);
  --p-color-focus-ring-field: #2d63df38;
  --p-color-focus-ring-field: oklch(0.54 0.198 263.45 / 0.22);
  --p-color-focus-ring-field-danger: #d7393b2e;
  --p-color-focus-ring-field-danger: oklch(0.585 0.195 25 / 0.18);
  --p-color-hover-tint: #17181c0a;
  --p-color-hover-tint: oklch(0.21 0.008 270 / 0.04);
  --p-color-info-border: #92c8ff;
  --p-color-info-border: oklch(0.815 0.0966 250);
  --p-color-info-on-solid: #ffffff;
  --p-color-info-on-solid: oklch(1 0 0);
  --p-color-info-solid: #0077cd;
  --p-color-info-solid: oklch(0.56 0.1591 250);
  --p-color-info-subtle: #edf5ff;
  --p-color-info-subtle: oklch(0.9672 0.0161 251.6);
  --p-color-info-text: #0060a7;
  --p-color-info-text: oklch(0.48 0.1366 250);
  --p-color-info-tint: #e2f0ff;
  --p-color-info-tint: oklch(0.95 0.0248 250);
  --p-color-ink-a10: #17181c1a;
  --p-color-ink-a10: oklch(0.21 0.008 270 / 0.1);
  --p-color-ink-a12: #17181c1f;
  --p-color-ink-a12: oklch(0.21 0.008 270 / 0.12);
  --p-color-ink-a14: #17181c24;
  --p-color-ink-a14: oklch(0.21 0.008 270 / 0.14);
  --p-color-ink-a16: #17181c29;
  --p-color-ink-a16: oklch(0.21 0.008 270 / 0.16);
  --p-color-ink-a18: #17181c2e;
  --p-color-ink-a18: oklch(0.21 0.008 270 / 0.18);
  --p-color-ink-a20: #17181c33;
  --p-color-ink-a20: oklch(0.21 0.008 270 / 0.2);
  --p-color-ink-a24: #17181c3d;
  --p-color-ink-a24: oklch(0.21 0.008 270 / 0.24);
  --p-color-ink-a28: #17181c47;
  --p-color-ink-a28: oklch(0.21 0.008 270 / 0.28);
  --p-color-ink-a3: #17181c08;
  --p-color-ink-a3: oklch(0.21 0.008 270 / 0.03);
  --p-color-ink-a32: #17181c52;
  --p-color-ink-a32: oklch(0.21 0.008 270 / 0.32);
  --p-color-ink-a4: #17181c0a;
  --p-color-ink-a4: oklch(0.21 0.008 270 / 0.04);
  --p-color-ink-a40: #17181c66;
  --p-color-ink-a40: oklch(0.21 0.008 270 / 0.4);
  --p-color-ink-a5: #17181c0d;
  --p-color-ink-a5: oklch(0.21 0.008 270 / 0.05);
  --p-color-ink-a6: #17181c0f;
  --p-color-ink-a6: oklch(0.21 0.008 270 / 0.06);
  --p-color-ink-a8: #17181c14;
  --p-color-ink-a8: oklch(0.21 0.008 270 / 0.08);
  --p-color-mark-done: #17181c;
  --p-color-mark-done: oklch(0.21 0.008 270);
  --p-color-mark-on-done: #fcfdff;
  --p-color-mark-on-done: oklch(0.993 0.0033 270);
  --p-color-nav-active: #d3dcef;
  --p-color-nav-active: oklch(0.8945 0.0268 264.78);
  --p-color-nav-active-icon: #2454c0;
  --p-color-nav-active-icon: oklch(0.48 0.1782 263.45);
  --p-color-nav-active-ring: #00000000;
  --p-color-nav-active-ring: oklch(0 0 0 / 0);
  --p-color-neutral-seed: #717175;
  --p-color-neutral-seed: oklch(0.55 0.006 286);
  --p-color-neutral-tint: #707176;
  --p-color-neutral-tint: oklch(0.55 0.008 270);
  --p-color-on-scrim: #ffffff;
  --p-color-on-scrim: oklch(1 0 0);
  --p-color-print-ink: #000000;
  --p-color-print-ink: oklch(0 0 0);
  --p-color-print-paper: #ffffff;
  --p-color-print-paper: oklch(1 0 0);
  --p-color-scrim: #0b0b0d66;
  --p-color-scrim: oklch(0.15 0.005 286 / 0.4);
  --p-color-scrim-media: #0b0b0dc7;
  --p-color-scrim-media: oklch(0.15 0.005 286 / 0.78);
  --p-color-selected-outline: #17181c;
  --p-color-selected-outline: oklch(0.21 0.008 270);
  --p-color-shadow-ambient: #14161b05;
  --p-color-shadow-ambient: oklch(0.2 0.01 270 / 0.02);
  --p-color-shadow-key: #14161b0d;
  --p-color-shadow-key: oklch(0.2 0.01 270 / 0.05);
  --p-color-stage-bg: #0b1016;
  --p-color-stage-bg: oklch(0.1707 0.0149 253.25);
  --p-color-stage-edge: #ffffff;
  --p-color-stage-edge: oklch(1 0 0);
  --p-color-stage-link: #8cc8ff;
  --p-color-stage-link: oklch(0.8124 0.0997 247);
  --p-color-stage-raised: #17212c;
  --p-color-stage-raised: oklch(0.2435 0.0255 251.27);
  --p-color-stage-surface: #121a23;
  --p-color-stage-surface: oklch(0.2143 0.0215 251.77);
  --p-color-stage-text: #f3f6f9;
  --p-color-stage-text: oklch(0.9717 0.0051 247.88);
  --p-color-stage-text-body: #d6dee6;
  --p-color-stage-text-body: oklch(0.8968 0.014 247.98);
  --p-color-stage-text-secondary: #b7c3cf;
  --p-color-stage-text-secondary: oklch(0.8116 0.0215 248.09);
  --p-color-stage-text-tertiary: #8595a6;
  --p-color-stage-text-tertiary: oklch(0.6629 0.0313 249.9);
  --p-color-status-amber: #f2a618;
  --p-color-status-amber: oklch(0.78 0.16 75);
  --p-color-status-blue: #007dd7;
  --p-color-status-blue: oklch(0.58 0.1647 250);
  --p-color-status-green: #1b9247;
  --p-color-status-green: oklch(0.58 0.15 150);
  --p-color-status-red: #d73431;
  --p-color-status-red: oklch(0.58 0.2 27);
  --p-color-success-border: #84da97;
  --p-color-success-border: oklch(0.815 0.126 150);
  --p-color-success-on-solid: #ffffff;
  --p-color-success-on-solid: oklch(1 0 0);
  --p-color-success-solid: #00873c;
  --p-color-success-solid: oklch(0.544 0.15 150);
  --p-color-success-subtle: #e5fbea;
  --p-color-success-subtle: oklch(0.9672 0.0318 152.06);
  --p-color-success-text: #006d2f;
  --p-color-success-text: oklch(0.468 0.1296 150);
  --p-color-success-tint: #d6f9dc;
  --p-color-success-tint: oklch(0.95 0.054 150);
  --p-color-surface-1: #fcfdff;
  --p-color-surface-1: oklch(0.993 0.0033 270);
  --p-color-surface-2: #ffffff;
  --p-color-surface-2: oklch(1 0 0);
  --p-color-surface-3: #ffffff;
  --p-color-surface-3: oklch(1 0 0);
  --p-color-surface-4: #ffffff;
  --p-color-surface-4: oklch(1 0 0);
  --p-color-surface-hover: #f2f4f8;
  --p-color-surface-hover: oklch(0.967 0.0058 270);
  --p-color-surface-night: #091123;
  --p-color-surface-night: oklch(0.18 0.04 265);
  --p-color-surface-pressed: #edeff3;
  --p-color-surface-pressed: oklch(0.951 0.0062 270);
  --p-color-surface-selected: #e6efff;
  --p-color-surface-selected: oklch(0.95 0.0237 263.45);
  --p-color-surface-sunken: #f8f9fd;
  --p-color-surface-sunken: oklch(0.982 0.0053 270);
  --p-color-text-disabled: #85878c;
  --p-color-text-disabled: oklch(0.624 0.0082 270);
  --p-color-text-inverse: #fcfdff;
  --p-color-text-inverse: oklch(0.993 0.0033 270);
  --p-color-text-link: #2454c0;
  --p-color-text-link: oklch(0.48 0.1782 263.45);
  --p-color-text-on-accent: #ffffff;
  --p-color-text-on-accent: oklch(1 0 0);
  --p-color-text-primary: #17181c;
  --p-color-text-primary: oklch(0.21 0.008 270);
  --p-color-text-secondary: #4c4e53;
  --p-color-text-secondary: oklch(0.424 0.008 270);
  --p-color-text-tertiary: #616368;
  --p-color-text-tertiary: oklch(0.5 0.008 270);
  --p-color-warning-border: #f5b554;
  --p-color-warning-border: oklch(0.815 0.1344 75);
  --p-color-warning-on-solid: #111114;
  --p-color-warning-on-solid: oklch(0.18 0.005 286);
  --p-color-warning-solid: #c38400;
  --p-color-warning-solid: oklch(0.66 0.1396 75);
  --p-color-warning-subtle: #fef2e4;
  --p-color-warning-subtle: oklch(0.9672 0.0231 74.15);
  --p-color-warning-text: #7f5400;
  --p-color-warning-text: oklch(0.48 0.1019 75);
  --p-color-warning-tint: #ffebd1;
  --p-color-warning-tint: oklch(0.95 0.0407 75);
  --p-color-white-a10: #ffffff1a;
  --p-color-white-a10: oklch(1 0 0 / 0.1);
  --p-color-white-a4: #ffffff0a;
  --p-color-white-a4: oklch(1 0 0 / 0.04);
  --p-color-white-a6: #ffffff0f;
  --p-color-white-a6: oklch(1 0 0 / 0.06);
  --p-color-white-a8: #ffffff14;
  --p-color-white-a8: oklch(1 0 0 / 0.08);
  --p-elevation-0-shadow: 0 0 0 0 transparent;
  --p-elevation-0-surface: #fcfdff;
  --p-elevation-0-surface: oklch(0.993 0.0033 270);
  --p-elevation-1-shadow: 0px 1px 2px 0px oklch(0.2 0.01 270 / 0.05), 0px 1px 0px 0px oklch(0.2 0.01 270 / 0.02);
  --p-elevation-1-surface: #fcfdff;
  --p-elevation-1-surface: oklch(0.993 0.0033 270);
  --p-elevation-2-shadow: 0px 2px 4px -1px oklch(0.2 0.01 270 / 0.05), 0px 1px 2px 0px oklch(0.2 0.01 270 / 0.02);
  --p-elevation-2-surface: #ffffff;
  --p-elevation-2-surface: oklch(1 0 0);
  --p-elevation-3-shadow: 0px 6px 12px -2px oklch(0.2 0.01 270 / 0.05), 0px 2px 4px 0px oklch(0.2 0.01 270 / 0.02);
  --p-elevation-3-surface: #ffffff;
  --p-elevation-3-surface: oklch(1 0 0);
  --p-elevation-4-shadow: 0px 12px 24px -4px oklch(0.2 0.01 270 / 0.05), 0px 4px 8px 0px oklch(0.2 0.01 270 / 0.02);
  --p-elevation-4-surface: #ffffff;
  --p-elevation-4-surface: oklch(1 0 0);
  --p-elevation-5-shadow: 0px 24px 48px -8px oklch(0.2 0.01 270 / 0.05), 0px 8px 16px 0px oklch(0.2 0.01 270 / 0.02);
  --p-elevation-5-surface: #ffffff;
  --p-elevation-5-surface: oklch(1 0 0);
  --p-elevation-resting: "shadow";
  --p-field-description-line-height: 16px;
  --p-field-description-size: 12px;
  --p-field-font-size: 14px;
  --p-field-icon-inset: 10px;
  --p-field-icon-size: 16px;
  --p-field-label-gap: 6px;
  --p-field-label-line-height: 18px;
  --p-field-label-size: 13px;
  --p-field-label-weight: 500;
  --p-field-line-height: 20px;
  --p-field-padding-x: 10px;
  --p-field-radius-lg: 10px;
  --p-field-radius-md: 8px;
  --p-field-radius-sm: 6px;
  --p-field-transition: 120ms;
  --p-focus-offset: 2px;
  --p-font-family-display: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-font-family-hangul: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-font-family-mono: "Geist Mono", "Geist Mono Fallback", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --p-font-family-sans: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-font-weight-bold: 700;
  --p-font-weight-max: 1000;
  --p-font-weight-medium: 500;
  --p-font-weight-regular: 400;
  --p-font-weight-semibold: 600;
  --p-icon-stroke-16: 1.25;
  --p-icon-stroke-20: 1.25;
  --p-icon-stroke-24: 1;
  --p-layout-class-expanded: 840px;
  --p-layout-class-large: 1200px;
  --p-layout-class-medium: 600px;
  --p-layout-class-xlarge: 1600px;
  --p-layout-gutter-compact: 16px;
  --p-layout-gutter-expanded: 24px;
  --p-layout-gutter-medium: 24px;
  --p-layout-height-tab-bar: 64px;
  --p-layout-width-content: 1040px;
  --p-layout-width-inspector: 360px;
  --p-layout-width-pane: 360px;
  --p-layout-width-pane-wide: 412px;
  --p-layout-width-rail: 96px;
  --p-layout-width-rail-expanded: 280px;
  --p-layout-width-reading: 660px;
  --p-layout-width-sidebar: 232px;
  --p-layout-width-sidebar-collapsed: 56px;
  --p-layout-width-wide: 1280px;
  --p-media-aspect-1-1: 1;
  --p-media-aspect-16-9: 1.7778;
  --p-media-aspect-21-9: 2.3333;
  --p-media-aspect-3-2: 1.5;
  --p-media-aspect-3-4: 0.75;
  --p-media-aspect-4-3: 1.3333;
  --p-media-aspect-4-5: 0.8;
  --p-media-aspect-9-16: 0.5625;
  --p-media-avatar-16: 16px;
  --p-media-avatar-20: 20px;
  --p-media-avatar-24: 24px;
  --p-media-avatar-32: 32px;
  --p-media-avatar-40: 40px;
  --p-media-avatar-48: 48px;
  --p-media-avatar-64: 64px;
  --p-media-avatar-96: 96px;
  --p-media-icon-16: 16px;
  --p-media-icon-20: 20px;
  --p-media-icon-24: 24px;
  --p-media-image-widths: "320 480 640 800 1080 1440 1920";
  --p-motion-budget: "functional";
  --p-motion-check-draw: 180ms;
  --p-motion-duration-base: 220ms;
  --p-motion-duration-caret-blink: 1000ms;
  --p-motion-duration-exit: 140ms;
  --p-motion-duration-fast: 150ms;
  --p-motion-duration-hero-max: 600ms;
  --p-motion-duration-hero-min: 400ms;
  --p-motion-duration-hover: 120ms;
  --p-motion-duration-hover-in: 0ms;
  --p-motion-duration-hover-out: 120ms;
  --p-motion-duration-instant: 100ms;
  --p-motion-duration-page: 400ms;
  --p-motion-duration-press-in: 100ms;
  --p-motion-duration-press-out: 160ms;
  --p-motion-duration-reduced: 100ms;
  --p-motion-duration-row-insert: 120ms;
  --p-motion-duration-slow: 320ms;
  --p-motion-duration-ticker-max: 600ms;
  --p-motion-duration-ticker-min: 300ms;
  --p-motion-easing-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --p-motion-easing-emphasized: cubic-bezier(0.3, 0, 0, 1);
  --p-motion-easing-enter: cubic-bezier(0.16, 1, 0.3, 1);
  --p-motion-easing-exit: cubic-bezier(0.23, 1, 0.32, 1);
  --p-motion-easing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --p-motion-easing-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --p-motion-easing-move: cubic-bezier(0.77, 0, 0.175, 1);
  --p-motion-easing-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --p-motion-gesture-projection-decay: 0.998;
  --p-motion-gesture-rubber-band: 0.55;
  --p-motion-gesture-settle-response: 300ms;
  --p-motion-indicator-delay: 300ms;
  --p-motion-overlay-dialog-from-scale: 0.96;
  --p-motion-overlay-dialog-from-y: 8px;
  --p-motion-overlay-dialog-in: 220ms;
  --p-motion-overlay-dialog-out: 150ms;
  --p-motion-overlay-dialog-to-scale: 0.98;
  --p-motion-overlay-dialog-to-y: 4px;
  --p-motion-overlay-menu-fade-in: 160ms;
  --p-motion-overlay-menu-in: 240ms;
  --p-motion-overlay-menu-out: 130ms;
  --p-motion-overlay-menu-rise: 5px;
  --p-motion-overlay-menu-scale-in: 0.97;
  --p-motion-overlay-menu-scale-out: 0.985;
  --p-motion-overlay-popover-fade-in: 160ms;
  --p-motion-overlay-popover-in: 240ms;
  --p-motion-overlay-popover-out: 140ms;
  --p-motion-overlay-popover-rise: 5px;
  --p-motion-overlay-popover-scale-in: 0.97;
  --p-motion-overlay-popover-scale-out: 0.985;
  --p-motion-overlay-scrim-blur: 4px;
  --p-motion-overlay-scrim-in: 200ms;
  --p-motion-overlay-scrim-out: 150ms;
  --p-motion-press-scale: 1;
  --p-motion-press-scale-small: 0.94;
  --p-motion-sheet-close: 240ms;
  --p-motion-sheet-dismiss-travel: 0.3;
  --p-motion-sheet-dismiss-velocity: 0.4;
  --p-motion-sheet-open: 500ms;
  --p-motion-sheet-scale-behind: 26px;
  --p-motion-skeleton-duration: 1800ms;
  --p-motion-skeleton-loops: 11;
  --p-motion-skeleton-stagger: 60ms;
  --p-motion-spring-bouncy-stiffness: 320;
  --p-motion-spring-bouncy-damping: 30;
  --p-motion-spring-bouncy-mass: 1;
  --p-motion-spring-smooth-stiffness: 320;
  --p-motion-spring-smooth-damping: 30;
  --p-motion-spring-smooth-mass: 1;
  --p-motion-spring-snappy-stiffness: 700;
  --p-motion-spring-snappy-damping: 40;
  --p-motion-spring-snappy-mass: 1;
  --p-motion-switch-stretch: 4px;
  --p-motion-switch-thumb: 150ms;
  --p-motion-tabs-indicator: 220ms;
  --p-motion-toast-gap: 14px;
  --p-motion-toast-in: 400ms;
  --p-motion-toast-lifetime: 4000ms;
  --p-motion-toast-out: 200ms;
  --p-motion-toast-peek: 14px;
  --p-motion-toast-scale-step: 0.05;
  --p-motion-toast-swipe-damp: 20px;
  --p-motion-toast-swipe-threshold: 45px;
  --p-motion-toast-swipe-velocity: 0.11;
  --p-motion-toast-visible: 3;
  --p-motion-tooltip-delay-close: 100ms;
  --p-motion-tooltip-delay-open: 350ms;
  --p-motion-tooltip-delay-skip: 300ms;
  --p-motion-tooltip-in: 160ms;
  --p-motion-tooltip-out: 120ms;
  --p-motion-tooltip-rise: 3px;
  --p-motion-tooltip-scale-in: 0.97;
  --p-motion-tooltip-scale-out: 0.98;
  --p-nav-preset: "sidebar";
  --p-opacity-accent-disabled: 0.32;
  --p-opacity-disabled: 0.5;
  --p-opacity-edge-top: 0.06;
  --p-opacity-ring: 0.1;
  --p-opacity-selection: 0.28;
  --p-opacity-state-dragged: 0.16;
  --p-opacity-state-focus: 0.1;
  --p-opacity-state-hover: 0.08;
  --p-opacity-state-pressed: 0.1;
  --p-overlay-bg: #fcfdff;
  --p-overlay-bg: oklch(0.993 0.0033 270);
  --p-overlay-blur: 2px;
  --p-overlay-dialog-gap: 16px;
  --p-overlay-dialog-padding: 24px;
  --p-overlay-group-label-padding-bottom: 2px;
  --p-overlay-group-label-padding-top: 6px;
  --p-overlay-highlight: #17181c0f;
  --p-overlay-highlight: oklch(0.21 0.008 270 / 0.06);
  --p-overlay-item-gap: 8px;
  --p-overlay-item-height: 32px;
  --p-overlay-item-height-compact: 28px;
  --p-overlay-item-padding-x: 8px;
  --p-overlay-item-radius: 6px;
  --p-overlay-padding: 4px;
  --p-overlay-radius-dialog: 14px;
  --p-overlay-radius-menu: 10px;
  --p-overlay-radius-popover: 12px;
  --p-overlay-radius-sheet: 16px;
  --p-overlay-radius-toast: 12px;
  --p-overlay-radius-tooltip: 6px;
  --p-overlay-ring: #17181c14;
  --p-overlay-ring: oklch(0.21 0.008 270 / 0.08);
  --p-overlay-separator: #17181c14;
  --p-overlay-separator: oklch(0.21 0.008 270 / 0.08);
  --p-overlay-separator-margin: 4px;
  --p-overlay-toast-padding-x: 14px;
  --p-overlay-toast-padding-y: 12px;
  --p-radius-12: 12px;
  --p-radius-16: 16px;
  --p-radius-20: 20px;
  --p-radius-24: 24px;
  --p-radius-28: 28px;
  --p-radius-4: 4px;
  --p-radius-6: 6px;
  --p-radius-8: 8px;
  --p-radius-card: 12px;
  --p-radius-control: 4px;
  --p-radius-factor: 0.75;
  --p-radius-full: 9999px;
  --p-radius-inner-card: 8px;
  --p-radius-inner-control: 8px;
  --p-radius-none: 0px;
  --p-radius-pop: 8px;
  --p-radius-sheet: 16px;
  --p-ramp-accent-1: #fbfcff;
  --p-ramp-accent-1: oklch(0.992 0.0038 263.45);
  --p-ramp-accent-10: #2457cf;
  --p-ramp-accent-10: oklch(0.5 0.194 263.45);
  --p-ramp-accent-11: #2454c0;
  --p-ramp-accent-11: oklch(0.48 0.1782 263.45);
  --p-ramp-accent-12: #1b2c50;
  --p-ramp-accent-12: oklch(0.3 0.0693 263.45);
  --p-ramp-accent-2: #f4f8ff;
  --p-ramp-accent-2: oklch(0.978 0.0104 263.45);
  --p-ramp-accent-3: #e6efff;
  --p-ramp-accent-3: oklch(0.95 0.0237 263.45);
  --p-ramp-accent-4: #dae7ff;
  --p-ramp-accent-4: oklch(0.925 0.0359 263.45);
  --p-ramp-accent-5: #cbddff;
  --p-ramp-accent-5: oklch(0.895 0.0508 263.45);
  --p-ramp-accent-6: #bad1ff;
  --p-ramp-accent-6: oklch(0.86 0.0687 263.45);
  --p-ramp-accent-7: #a4c3ff;
  --p-ramp-accent-7: oklch(0.815 0.0923 263.45);
  --p-ramp-accent-8: #699aff;
  --p-ramp-accent-8: oklch(0.6975 0.1581 263.45);
  --p-ramp-accent-9: #2d63df;
  --p-ramp-accent-9: oklch(0.54 0.198 263.45);
  --p-ramp-amber-1: #fffcf8;
  --p-ramp-amber-1: oklch(0.992 0.0065 75);
  --p-ramp-amber-10: #b37900;
  --p-ramp-amber-10: oklch(0.62 0.1312 75);
  --p-ramp-amber-11: #7f5400;
  --p-ramp-amber-11: oklch(0.48 0.1019 75);
  --p-ramp-amber-12: #3d2806;
  --p-ramp-amber-12: oklch(0.296 0.056 75);
  --p-ramp-amber-2: #fff6eb;
  --p-ramp-amber-2: oklch(0.978 0.0177 75);
  --p-ramp-amber-3: #ffebd1;
  --p-ramp-amber-3: oklch(0.95 0.0407 75);
  --p-ramp-amber-4: #ffe1b9;
  --p-ramp-amber-4: oklch(0.925 0.0618 75);
  --p-ramp-amber-5: #ffd59b;
  --p-ramp-amber-5: oklch(0.895 0.088 75);
  --p-ramp-amber-6: #fdc677;
  --p-ramp-amber-6: oklch(0.86 0.1152 75);
  --p-ramp-amber-7: #f5b554;
  --p-ramp-amber-7: oklch(0.815 0.1344 75);
  --p-ramp-amber-8: #e5a131;
  --p-ramp-amber-8: oklch(0.7575 0.144 75);
  --p-ramp-amber-9: #c38400;
  --p-ramp-amber-9: oklch(0.66 0.1396 75);
  --p-ramp-blue-1: #fafdff;
  --p-ramp-blue-1: oklch(0.992 0.004 250);
  --p-ramp-blue-10: #006bb9;
  --p-ramp-blue-10: oklch(0.52 0.1478 250);
  --p-ramp-blue-11: #0060a7;
  --p-ramp-blue-11: oklch(0.48 0.1366 250);
  --p-ramp-blue-12: #112e4b;
  --p-ramp-blue-12: oklch(0.296 0.063 250);
  --p-ramp-blue-2: #f2f9ff;
  --p-ramp-blue-2: oklch(0.978 0.0109 250);
  --p-ramp-blue-3: #e2f0ff;
  --p-ramp-blue-3: oklch(0.95 0.0248 250);
  --p-ramp-blue-4: #d4e9ff;
  --p-ramp-blue-4: oklch(0.925 0.0376 250);
  --p-ramp-blue-5: #c3e0ff;
  --p-ramp-blue-5: oklch(0.895 0.0532 250);
  --p-ramp-blue-6: #aed5ff;
  --p-ramp-blue-6: oklch(0.86 0.0718 250);
  --p-ramp-blue-7: #92c8ff;
  --p-ramp-blue-7: oklch(0.815 0.0966 250);
  --p-ramp-blue-8: #46a5ff;
  --p-ramp-blue-8: oklch(0.7075 0.159 250);
  --p-ramp-blue-9: #0077cd;
  --p-ramp-blue-9: oklch(0.56 0.1591 250);
  --p-ramp-green-1: #f7fff8;
  --p-ramp-green-1: oklch(0.992 0.0128 150);
  --p-ramp-green-10: #007935;
  --p-ramp-green-10: oklch(0.504 0.1394 150);
  --p-ramp-green-11: #006d2f;
  --p-ramp-green-11: oklch(0.468 0.1296 150);
  --p-ramp-green-12: #18341e;
  --p-ramp-green-12: oklch(0.296 0.0525 150);
  --p-ramp-green-2: #eafeed;
  --p-ramp-green-2: oklch(0.978 0.03 150);
  --p-ramp-green-3: #d6f9dc;
  --p-ramp-green-3: oklch(0.95 0.054 150);
  --p-ramp-green-4: #c5f4cd;
  --p-ramp-green-4: oklch(0.925 0.072 150);
  --p-ramp-green-5: #b2eebd;
  --p-ramp-green-5: oklch(0.895 0.09 150);
  --p-ramp-green-6: #9de5ab;
  --p-ramp-green-6: oklch(0.86 0.108 150);
  --p-ramp-green-7: #84da97;
  --p-ramp-green-7: oklch(0.815 0.126 150);
  --p-ramp-green-8: #58b570;
  --p-ramp-green-8: oklch(0.6995 0.135 150);
  --p-ramp-green-9: #00873c;
  --p-ramp-green-9: oklch(0.544 0.15 150);
  --p-ramp-neutral-1: #fcfdff;
  --p-ramp-neutral-1: oklch(0.993 0.0033 270);
  --p-ramp-neutral-10: #616368;
  --p-ramp-neutral-10: oklch(0.5 0.008 270);
  --p-ramp-neutral-11: #4c4e53;
  --p-ramp-neutral-11: oklch(0.424 0.008 270);
  --p-ramp-neutral-12: #17181c;
  --p-ramp-neutral-12: oklch(0.21 0.008 270);
  --p-ramp-neutral-2: #f8f9fd;
  --p-ramp-neutral-2: oklch(0.982 0.0053 270);
  --p-ramp-neutral-3: #f2f4f8;
  --p-ramp-neutral-3: oklch(0.967 0.0058 270);
  --p-ramp-neutral-4: #edeff3;
  --p-ramp-neutral-4: oklch(0.951 0.0062 270);
  --p-ramp-neutral-5: #e8e9ee;
  --p-ramp-neutral-5: oklch(0.935 0.0067 270);
  --p-ramp-neutral-6: #e1e3e8;
  --p-ramp-neutral-6: oklch(0.915 0.0072 270);
  --p-ramp-neutral-7: #d4d6db;
  --p-ramp-neutral-7: oklch(0.875 0.0077 270);
  --p-ramp-neutral-8: #85878c;
  --p-ramp-neutral-8: oklch(0.624 0.0082 270);
  --p-ramp-neutral-9: #73757a;
  --p-ramp-neutral-9: oklch(0.562 0.008 270);
  --p-ramp-red-1: #fffbfb;
  --p-ramp-red-1: oklch(0.992 0.0039 27);
  --p-ramp-red-10: #c72726;
  --p-ramp-red-10: oklch(0.54 0.196 27);
  --p-ramp-red-11: #b32322;
  --p-ramp-red-11: oklch(0.5 0.18 27);
  --p-ramp-red-12: #4b1e1a;
  --p-ramp-red-12: oklch(0.3 0.07 27);
  --p-ramp-red-2: #fff5f4;
  --p-ramp-red-2: oklch(0.978 0.0108 27);
  --p-ramp-red-3: #ffe9e6;
  --p-ramp-red-3: oklch(0.95 0.025 27);
  --p-ramp-red-4: #ffddd9;
  --p-ramp-red-4: oklch(0.925 0.0383 27);
  --p-ramp-red-5: #ffcfc9;
  --p-ramp-red-5: oklch(0.895 0.055 27);
  --p-ramp-red-6: #ffbfb6;
  --p-ramp-red-6: oklch(0.86 0.0757 27);
  --p-ramp-red-7: #ffa89e;
  --p-ramp-red-7: oklch(0.815 0.1044 27);
  --p-ramp-red-8: #ff7065;
  --p-ramp-red-8: oklch(0.7175 0.1765 27);
  --p-ramp-red-9: #d73431;
  --p-ramp-red-9: oklch(0.58 0.2 27);
  --p-scrim-dialog: #00000033;
  --p-scrim-dialog: oklch(0 0 0 / 0.2);
  --p-segmented-active-bg: #fcfdff;
  --p-segmented-active-bg: oklch(0.993 0.0033 270);
  --p-segmented-padding: 2px;
  --p-segmented-radius: 8px;
  --p-segmented-track: #17181c0a;
  --p-segmented-track: oklch(0.21 0.008 270 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.21 0.008 270 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.21 0.008 270 / 0.05);
  --p-shadow-control: 0px 1px 2px 0px oklch(0.21 0.008 270 / 0.05);
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.008 270 / 0.08), 0px 24px 48px -12px oklch(0.21 0.008 270 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.008 270 / 0.03), 0px 4px 8px -4px oklch(0.21 0.008 270 / 0.05), 0px 16px 24px -8px oklch(0.21 0.008 270 / 0.08);
  --p-shadow-overlay-highlight: inset 0px 1px 0px 0px oklch(1 0 0 / 0.04);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.008 270 / 0.08);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.21 0.008 270 / 0.08), 0px 0px 0px 1px oklch(0.21 0.008 270 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.008 270 / 0.12), 0px 1px 2px 0px oklch(0.21 0.008 270 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.008 270 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.008 270 / 0.08);
  --p-shadow-xs: 0px 1px 2px 0px oklch(0.21 0.008 270 / 0.05);
  --p-size-bulkbar: 40px;
  --p-size-bulkbar-inset: 8px;
  --p-size-control-24: 24px;
  --p-size-control-28: 28px;
  --p-size-control-32: 32px;
  --p-size-control-36: 36px;
  --p-size-control-40: 40px;
  --p-size-control-44: 44px;
  --p-size-control-48: 48px;
  --p-size-control-lg: 40px;
  --p-size-control-md: 32px;
  --p-size-control-sm: 28px;
  --p-size-dialog-w-lg: 740px;
  --p-size-dialog-w-md: 516px;
  --p-size-dialog-w-sm: 440px;
  --p-size-field-search: 32px;
  --p-size-grabber-w: 40px;
  --p-size-keycap: 16px;
  --p-size-menu-item: 28px;
  --p-size-menu-item-lg: 32px;
  --p-size-panel-gap: 8px;
  --p-size-row-comfortable: 40px;
  --p-size-row-compact: 32px;
  --p-size-row-current: 40px;
  --p-size-row-regular: 48px;
  --p-size-sheet-inset: 10px;
  --p-size-target-coarse: 44px;
  --p-size-target-min: 24px;
  --p-slider-thumb: #ffffff;
  --p-slider-thumb: oklch(1 0 0);
  --p-slider-thumb-size: 16px;
  --p-slider-track: #17181c1a;
  --p-slider-track: oklch(0.21 0.008 270 / 0.1);
  --p-slider-track-height: 4px;
  --p-space-0: 0px;
  --p-space-10: 10px;
  --p-space-12: 12px;
  --p-space-128: 128px;
  --p-space-14: 14px;
  --p-space-16: 16px;
  --p-space-2: 2px;
  --p-space-20: 20px;
  --p-space-24: 24px;
  --p-space-32: 32px;
  --p-space-4: 4px;
  --p-space-40: 40px;
  --p-space-48: 48px;
  --p-space-6: 6px;
  --p-space-64: 64px;
  --p-space-8: 8px;
  --p-space-80: 80px;
  --p-space-96: 96px;
  --p-stroke-default: 1px;
  --p-stroke-field: 1px;
  --p-stroke-focus: 2px;
  --p-stroke-focus-ring: 3px;
  --p-stroke-hairline: 1px;
  --p-stroke-selected: 2px;
  --p-stroke-strong: 2px;
  --p-switch-border-off: #85878c;
  --p-switch-border-off: oklch(0.624 0.0082 270);
  --p-switch-height: 18px;
  --p-switch-height-b2c: 26px;
  --p-switch-thumb: #ffffff;
  --p-switch-thumb: oklch(1 0 0);
  --p-switch-track-off: #17181c29;
  --p-switch-track-off: oklch(0.21 0.008 270 / 0.16);
  --p-switch-width: 30px;
  --p-switch-width-b2c: 44px;
  --p-tooltip-bg: #17181c;
  --p-tooltip-bg: oklch(0.21 0.008 270);
  --p-tooltip-fg: #fcfdff;
  --p-tooltip-fg: oklch(0.993 0.0033 270);
  --p-tooltip-line-height: 16px;
  --p-tooltip-max-width: 240px;
  --p-tooltip-offset: 6px;
  --p-tooltip-padding-x: 8px;
  --p-tooltip-padding-y: 5px;
  --p-tooltip-radius: 6px;
  --p-tooltip-size: 12px;
  --p-type-body-l-family: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-l-line-height: 24px;
  --p-type-body-l-line-height-ko: 25.5px;
  --p-type-body-l-size: 16px;
  --p-type-body-l-tracking: 0;
  --p-type-body-l-weight: 400;
  --p-type-body-m-family: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-m-line-height: 21px;
  --p-type-body-m-line-height-ko: 22.5px;
  --p-type-body-m-size: 14px;
  --p-type-body-m-tracking: 0;
  --p-type-body-m-weight: 400;
  --p-type-body-s-family: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-s-line-height: 19px;
  --p-type-body-s-line-height-ko: 20.5px;
  --p-type-body-s-size: 13px;
  --p-type-body-s-tracking: 0;
  --p-type-body-s-weight: 400;
  --p-type-caption-family: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-caption-line-height: 16px;
  --p-type-caption-line-height-ko: 17px;
  --p-type-caption-size: 12px;
  --p-type-caption-tracking: 0;
  --p-type-caption-weight: 400;
  --p-type-code-family: "Geist Mono", "Geist Mono Fallback", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --p-type-code-line-height: 20px;
  --p-type-code-line-height-ko: 21.5px;
  --p-type-code-size: 13px;
  --p-type-code-tracking: 0;
  --p-type-code-weight: 400;
  --p-type-display-l-family: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-display-l-line-height: 40px;
  --p-type-display-l-line-height-ko: 43px;
  --p-type-display-l-size: 32px;
  --p-type-display-l-tracking: -0.02;
  --p-type-display-l-weight: 600;
  --p-type-display-m-family: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-display-m-line-height: 36px;
  --p-type-display-m-line-height-ko: 39px;
  --p-type-display-m-size: 28px;
  --p-type-display-m-tracking: -0.015;
  --p-type-display-m-weight: 600;
  --p-type-display-s-family: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-display-s-line-height: 32px;
  --p-type-display-s-line-height-ko: 34.5px;
  --p-type-display-s-size: 24px;
  --p-type-display-s-tracking: -0.01;
  --p-type-display-s-weight: 600;
  --p-type-label-l-family: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-l-line-height: 20px;
  --p-type-label-l-line-height-ko: 21.5px;
  --p-type-label-l-size: 14px;
  --p-type-label-l-tracking: 0;
  --p-type-label-l-weight: 500;
  --p-type-label-m-family: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-m-line-height: 18px;
  --p-type-label-m-line-height-ko: 19.5px;
  --p-type-label-m-size: 13px;
  --p-type-label-m-tracking: 0;
  --p-type-label-m-weight: 500;
  --p-type-label-s-family: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-s-line-height: 16px;
  --p-type-label-s-line-height-ko: 17px;
  --p-type-label-s-size: 12px;
  --p-type-label-s-tracking: 0;
  --p-type-label-s-weight: 500;
  --p-type-numeric-family: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-numeric-line-height: 20px;
  --p-type-numeric-line-height-ko: 21.5px;
  --p-type-numeric-size: 14px;
  --p-type-numeric-tracking: 0;
  --p-type-numeric-weight: 500;
  --p-type-title-l-family: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-l-line-height: 28px;
  --p-type-title-l-line-height-ko: 30px;
  --p-type-title-l-size: 20px;
  --p-type-title-l-tracking: 0;
  --p-type-title-l-weight: 600;
  --p-type-title-m-family: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-m-line-height: 24px;
  --p-type-title-m-line-height-ko: 25.5px;
  --p-type-title-m-size: 16px;
  --p-type-title-m-tracking: 0;
  --p-type-title-m-weight: 600;
  --p-type-title-s-family: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-s-line-height: 20px;
  --p-type-title-s-line-height-ko: 21.5px;
  --p-type-title-s-size: 14px;
  --p-type-title-s-tracking: 0;
  --p-type-title-s-weight: 600;
  --p-type-tracking-md: -0.011;
  --p-type-tracking-sm: -0.006;
  --p-type-tracking-xs: 0;
  --p-z-base: 0;
  --p-z-dropdown: 200;
  --p-z-modal: 400;
  --p-z-overlay: 300;
  --p-z-popover: 500;
  --p-z-sticky: 100;
  --p-z-toast: 600;
  --p-z-tooltip: 700;
}

[data-product="accountmade"] {
  --p-brand-name: "AccountMade";
  --p-brand-wordmark: "AccountMade";
  --p-button-focus-border: #2e64e0;
  --p-button-focus-border: oklch(0.5418 0.198 263.45);
  --p-color-accent-action: #2e64e0;
  --p-color-accent-action: oklch(0.5418 0.198 263.45);
  --p-color-accent-seed: #2e64e0;
  --p-color-accent-seed: oklch(0.5418 0.198 263.45);
  --p-color-accent-text: #2554c1;
  --p-color-accent-text: oklch(0.4818 0.1782 263.45);
  --p-color-agent-mark: #2e64e0;
  --p-color-agent-mark: oklch(0.5418 0.198 263.45);
  --p-color-agent-text: #2554c1;
  --p-color-agent-text: oklch(0.4818 0.1782 263.45);
  --p-color-field-border-focus: #2e64e0;
  --p-color-field-border-focus: oklch(0.5418 0.198 263.45);
  --p-color-focus-ring: #2e64e0;
  --p-color-focus-ring: oklch(0.5418 0.198 263.45);
  --p-color-focus-ring-button: #2e64e059;
  --p-color-focus-ring-button: oklch(0.5418 0.198 263.45 / 0.35);
  --p-color-focus-ring-field: #2e64e038;
  --p-color-focus-ring-field: oklch(0.5418 0.198 263.45 / 0.22);
  --p-color-nav-active: #d4dcef;
  --p-color-nav-active: oklch(0.8947 0.0268 264.78);
  --p-color-nav-active-icon: #2554c1;
  --p-color-nav-active-icon: oklch(0.4818 0.1782 263.45);
  --p-color-text-link: #2554c1;
  --p-color-text-link: oklch(0.4818 0.1782 263.45);
  --p-ramp-accent-10: #2458d0;
  --p-ramp-accent-10: oklch(0.5018 0.194 263.45);
  --p-ramp-accent-11: #2554c1;
  --p-ramp-accent-11: oklch(0.4818 0.1782 263.45);
  --p-ramp-accent-8: #6a9aff;
  --p-ramp-accent-8: oklch(0.6984 0.1575 263.45);
  --p-ramp-accent-9: #2e64e0;
  --p-ramp-accent-9: oklch(0.5418 0.198 263.45);
}

[data-product="naalto"] {
  --p-brand-name: "Naalto";
  --p-brand-sidebar-accent: #15191d;
  --p-brand-sidebar-accent: oklch(0.21 0.0098 252.82);
  --p-brand-wordmark: "Naalto";
  --p-button-focus-border: #172f4d;
  --p-button-focus-border: oklch(0.3021 0.0624 254.96);
  --p-button-ghost-bg-hover: #15191d0a;
  --p-button-ghost-bg-hover: oklch(0.21 0.0098 252.82 / 0.04);
  --p-button-ghost-bg-pressed: #15191d14;
  --p-button-ghost-bg-pressed: oklch(0.21 0.0098 252.82 / 0.08);
  --p-button-secondary-bg: #fbfdff;
  --p-button-secondary-bg: oklch(0.993 0.0034 252.82);
  --p-button-secondary-bg-hover: #15191d0a;
  --p-button-secondary-bg-hover: oklch(0.21 0.0098 252.82 / 0.04);
  --p-choice-border: #82878c;
  --p-choice-border: oklch(0.62 0.01 252.82);
  --p-color-accent-action: #172f4d;
  --p-color-accent-action: oklch(0.3021 0.0624 254.96);
  --p-color-accent-border: #acc5e5;
  --p-color-accent-border: oklch(0.815 0.0524 254.96);
  --p-color-accent-seed: #172f4d;
  --p-color-accent-seed: oklch(0.3021 0.0624 254.96);
  --p-color-accent-solid: #15191d;
  --p-color-accent-solid: oklch(0.21 0.0098 252.82);
  --p-color-accent-solid-hover: #494d52;
  --p-color-accent-solid-hover: oklch(0.42 0.0098 252.82);
  --p-color-accent-solid-pressed: #5f6469;
  --p-color-accent-solid-pressed: oklch(0.5 0.0098 252.82);
  --p-color-accent-text: #0b203a;
  --p-color-accent-text: oklch(0.2421 0.0562 254.96);
  --p-color-accent-text-pressed: #5f6469;
  --p-color-accent-text-pressed: oklch(0.5 0.0098 252.82);
  --p-color-accent-tint: #e5f0fe;
  --p-color-accent-tint: oklch(0.95 0.0225 254.96);
  --p-color-agent-border: #acc5e5;
  --p-color-agent-border: oklch(0.815 0.0524 254.96);
  --p-color-agent-mark: #172f4d;
  --p-color-agent-mark: oklch(0.3021 0.0624 254.96);
  --p-color-agent-text: #0b203a;
  --p-color-agent-text: oklch(0.2421 0.0562 254.96);
  --p-color-agent-tint: #e5f0fe;
  --p-color-agent-tint: oklch(0.95 0.0225 254.96);
  --p-color-bg-canvas: #ebeff4;
  --p-color-bg-canvas: oklch(0.951 0.0076 252.82);
  --p-color-bg-default: #fbfdff;
  --p-color-bg-default: oklch(0.993 0.0034 252.82);
  --p-color-bg-panel: #fbfdff;
  --p-color-bg-panel: oklch(0.993 0.0034 252.82);
  --p-color-border-control: #15191d2e;
  --p-color-border-control: oklch(0.21 0.0098 252.82 / 0.18);
  --p-color-border-control-hover: #15191d3d;
  --p-color-border-control-hover: oklch(0.21 0.0098 252.82 / 0.24);
  --p-color-border-control-strong: #15191d3d;
  --p-color-border-control-strong: oklch(0.21 0.0098 252.82 / 0.24);
  --p-color-border-default: #82878c;
  --p-color-border-default: oklch(0.62 0.01 252.82);
  --p-color-border-hairline: #15191d14;
  --p-color-border-hairline: oklch(0.21 0.0098 252.82 / 0.08);
  --p-color-border-strong: #70757a;
  --p-color-border-strong: oklch(0.56 0.0098 252.82);
  --p-color-border-subtle: #dfe3e9;
  --p-color-border-subtle: oklch(0.915 0.0088 252.82);
  --p-color-count-bg: #15191d;
  --p-color-count-bg: oklch(0.21 0.0098 252.82);
  --p-color-count-text: #fbfdff;
  --p-color-count-text: oklch(0.993 0.0034 252.82);
  --p-color-danger-subtle: #fef1f0;
  --p-color-danger-subtle: oklch(0.9672 0.0141 23.03);
  --p-color-field-bg: #fbfdff;
  --p-color-field-bg: oklch(0.993 0.0034 252.82);
  --p-color-field-bg-disabled: #15191d08;
  --p-color-field-bg-disabled: oklch(0.21 0.0098 252.82 / 0.03);
  --p-color-field-border-disabled: #15191d0f;
  --p-color-field-border-disabled: oklch(0.21 0.0098 252.82 / 0.06);
  --p-color-field-border-focus: #172f4d;
  --p-color-field-border-focus: oklch(0.3021 0.0624 254.96);
  --p-color-field-border-readonly-hover: #15191d1f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.0098 252.82 / 0.12);
  --p-color-focus-ring: #172f4d;
  --p-color-focus-ring: oklch(0.3021 0.0624 254.96);
  --p-color-focus-ring-button: #172f4d59;
  --p-color-focus-ring-button: oklch(0.3021 0.0624 254.96 / 0.35);
  --p-color-focus-ring-field: #172f4d38;
  --p-color-focus-ring-field: oklch(0.3021 0.0624 254.96 / 0.22);
  --p-color-hover-tint: #15191d0a;
  --p-color-hover-tint: oklch(0.21 0.0098 252.82 / 0.04);
  --p-color-info-subtle: #ecf5ff;
  --p-color-info-subtle: oklch(0.9672 0.0162 250.24);
  --p-color-ink-a10: #15191d1a;
  --p-color-ink-a10: oklch(0.21 0.0098 252.82 / 0.1);
  --p-color-ink-a12: #15191d1f;
  --p-color-ink-a12: oklch(0.21 0.0098 252.82 / 0.12);
  --p-color-ink-a14: #15191d24;
  --p-color-ink-a14: oklch(0.21 0.0098 252.82 / 0.14);
  --p-color-ink-a16: #15191d29;
  --p-color-ink-a16: oklch(0.21 0.0098 252.82 / 0.16);
  --p-color-ink-a18: #15191d2e;
  --p-color-ink-a18: oklch(0.21 0.0098 252.82 / 0.18);
  --p-color-ink-a20: #15191d33;
  --p-color-ink-a20: oklch(0.21 0.0098 252.82 / 0.2);
  --p-color-ink-a24: #15191d3d;
  --p-color-ink-a24: oklch(0.21 0.0098 252.82 / 0.24);
  --p-color-ink-a28: #15191d47;
  --p-color-ink-a28: oklch(0.21 0.0098 252.82 / 0.28);
  --p-color-ink-a3: #15191d08;
  --p-color-ink-a3: oklch(0.21 0.0098 252.82 / 0.03);
  --p-color-ink-a32: #15191d52;
  --p-color-ink-a32: oklch(0.21 0.0098 252.82 / 0.32);
  --p-color-ink-a4: #15191d0a;
  --p-color-ink-a4: oklch(0.21 0.0098 252.82 / 0.04);
  --p-color-ink-a40: #15191d66;
  --p-color-ink-a40: oklch(0.21 0.0098 252.82 / 0.4);
  --p-color-ink-a5: #15191d0d;
  --p-color-ink-a5: oklch(0.21 0.0098 252.82 / 0.05);
  --p-color-ink-a6: #15191d0f;
  --p-color-ink-a6: oklch(0.21 0.0098 252.82 / 0.06);
  --p-color-ink-a8: #15191d14;
  --p-color-ink-a8: oklch(0.21 0.0098 252.82 / 0.08);
  --p-color-mark-done: #15191d;
  --p-color-mark-done: oklch(0.21 0.0098 252.82);
  --p-color-mark-on-done: #fbfdff;
  --p-color-mark-on-done: oklch(0.993 0.0034 252.82);
  --p-color-nav-active: #cdd4dc;
  --p-color-nav-active: oklch(0.8659 0.0134 253.89);
  --p-color-nav-active-icon: #0b203a;
  --p-color-nav-active-icon: oklch(0.2421 0.0562 254.96);
  --p-color-neutral-tint: #6e7277;
  --p-color-neutral-tint: oklch(0.55 0.0098 252.82);
  --p-color-selected-outline: #15191d;
  --p-color-selected-outline: oklch(0.21 0.0098 252.82);
  --p-color-success-subtle: #e5fbea;
  --p-color-success-subtle: oklch(0.9672 0.0321 152.37);
  --p-color-surface-1: #fbfdff;
  --p-color-surface-1: oklch(0.993 0.0034 252.82);
  --p-color-surface-hover: #f1f4f9;
  --p-color-surface-hover: oklch(0.967 0.0071 252.82);
  --p-color-surface-pressed: #ebeff4;
  --p-color-surface-pressed: oklch(0.951 0.0076 252.82);
  --p-color-surface-selected: #e5f0fe;
  --p-color-surface-selected: oklch(0.95 0.0225 254.96);
  --p-color-surface-sunken: #f6f9fd;
  --p-color-surface-sunken: oklch(0.982 0.0065 252.82);
  --p-color-text-disabled: #82878c;
  --p-color-text-disabled: oklch(0.62 0.01 252.82);
  --p-color-text-inverse: #fbfdff;
  --p-color-text-inverse: oklch(0.993 0.0034 252.82);
  --p-color-text-link: #0b203a;
  --p-color-text-link: oklch(0.2421 0.0562 254.96);
  --p-color-text-primary: #15191d;
  --p-color-text-primary: oklch(0.21 0.0098 252.82);
  --p-color-text-secondary: #494d52;
  --p-color-text-secondary: oklch(0.42 0.0098 252.82);
  --p-color-text-tertiary: #5f6469;
  --p-color-text-tertiary: oklch(0.5 0.0098 252.82);
  --p-color-warning-subtle: #fef2e4;
  --p-color-warning-subtle: oklch(0.9672 0.0231 75.13);
  --p-elevation-0-surface: #fbfdff;
  --p-elevation-0-surface: oklch(0.993 0.0034 252.82);
  --p-elevation-1-surface: #fbfdff;
  --p-elevation-1-surface: oklch(0.993 0.0034 252.82);
  --p-font-family-display: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-font-family-sans: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-motion-budget: "expressive";
  --p-nav-preset: "tabs";
  --p-overlay-bg: #fbfdff;
  --p-overlay-bg: oklch(0.993 0.0034 252.82);
  --p-overlay-highlight: #15191d0f;
  --p-overlay-highlight: oklch(0.21 0.0098 252.82 / 0.06);
  --p-overlay-ring: #15191d14;
  --p-overlay-ring: oklch(0.21 0.0098 252.82 / 0.08);
  --p-overlay-separator: #15191d14;
  --p-overlay-separator: oklch(0.21 0.0098 252.82 / 0.08);
  --p-ramp-accent-1: #fbfdff;
  --p-ramp-accent-1: oklch(0.992 0.0039 254.96);
  --p-ramp-accent-10: #0e2541;
  --p-ramp-accent-10: oklch(0.2621 0.0612 254.96);
  --p-ramp-accent-11: #0b203a;
  --p-ramp-accent-11: oklch(0.2421 0.0562 254.96);
  --p-ramp-accent-12: #262d38;
  --p-ramp-accent-12: oklch(0.296 0.0218 254.96);
  --p-ramp-accent-2: #f3f8ff;
  --p-ramp-accent-2: oklch(0.978 0.0106 254.96);
  --p-ramp-accent-3: #e5f0fe;
  --p-ramp-accent-3: oklch(0.95 0.0225 254.96);
  --p-ramp-accent-4: #d9e8fb;
  --p-ramp-accent-4: oklch(0.925 0.03 254.96);
  --p-ramp-accent-5: #ccdef5;
  --p-ramp-accent-5: oklch(0.895 0.0374 254.96);
  --p-ramp-accent-6: #bed3ef;
  --p-ramp-accent-6: oklch(0.86 0.0449 254.96);
  --p-ramp-accent-7: #acc5e5;
  --p-ramp-accent-7: oklch(0.815 0.0524 254.96);
  --p-ramp-accent-8: #647c9b;
  --p-ramp-accent-8: oklch(0.5786 0.0562 254.96);
  --p-ramp-accent-9: #172f4d;
  --p-ramp-accent-9: oklch(0.3021 0.0624 254.96);
  --p-ramp-neutral-1: #fbfdff;
  --p-ramp-neutral-1: oklch(0.993 0.0034 252.82);
  --p-ramp-neutral-10: #5f6469;
  --p-ramp-neutral-10: oklch(0.5 0.0098 252.82);
  --p-ramp-neutral-11: #494d52;
  --p-ramp-neutral-11: oklch(0.42 0.0098 252.82);
  --p-ramp-neutral-12: #15191d;
  --p-ramp-neutral-12: oklch(0.21 0.0098 252.82);
  --p-ramp-neutral-2: #f6f9fd;
  --p-ramp-neutral-2: oklch(0.982 0.0065 252.82);
  --p-ramp-neutral-3: #f1f4f9;
  --p-ramp-neutral-3: oklch(0.967 0.0071 252.82);
  --p-ramp-neutral-4: #ebeff4;
  --p-ramp-neutral-4: oklch(0.951 0.0076 252.82);
  --p-ramp-neutral-5: #e6eaef;
  --p-ramp-neutral-5: oklch(0.935 0.0082 252.82);
  --p-ramp-neutral-6: #dfe3e9;
  --p-ramp-neutral-6: oklch(0.915 0.0088 252.82);
  --p-ramp-neutral-7: #d2d6dc;
  --p-ramp-neutral-7: oklch(0.875 0.0094 252.82);
  --p-ramp-neutral-8: #82878c;
  --p-ramp-neutral-8: oklch(0.62 0.01 252.82);
  --p-ramp-neutral-9: #70757a;
  --p-ramp-neutral-9: oklch(0.56 0.0098 252.82);
  --p-segmented-active-bg: #fbfdff;
  --p-segmented-active-bg: oklch(0.993 0.0034 252.82);
  --p-segmented-track: #15191d0a;
  --p-segmented-track: oklch(0.21 0.0098 252.82 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.21 0.0098 252.82 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.21 0.0098 252.82 / 0.05);
  --p-shadow-control: 0px 1px 2px 0px oklch(0.21 0.0098 252.82 / 0.05);
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.0098 252.82 / 0.08), 0px 24px 48px -12px oklch(0.21 0.0098 252.82 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.0098 252.82 / 0.03), 0px 4px 8px -4px oklch(0.21 0.0098 252.82 / 0.05), 0px 16px 24px -8px oklch(0.21 0.0098 252.82 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.0098 252.82 / 0.08);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.21 0.0098 252.82 / 0.08), 0px 0px 0px 1px oklch(0.21 0.0098 252.82 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.0098 252.82 / 0.12), 0px 1px 2px 0px oklch(0.21 0.0098 252.82 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.0098 252.82 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.0098 252.82 / 0.08);
  --p-shadow-xs: 0px 1px 2px 0px oklch(0.21 0.0098 252.82 / 0.05);
  --p-slider-track: #15191d1a;
  --p-slider-track: oklch(0.21 0.0098 252.82 / 0.1);
  --p-switch-border-off: #82878c;
  --p-switch-border-off: oklch(0.62 0.01 252.82);
  --p-switch-track-off: #15191d29;
  --p-switch-track-off: oklch(0.21 0.0098 252.82 / 0.16);
  --p-tooltip-bg: #15191d;
  --p-tooltip-bg: oklch(0.21 0.0098 252.82);
  --p-tooltip-fg: #fbfdff;
  --p-tooltip-fg: oklch(0.993 0.0034 252.82);
  --p-type-body-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-body-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-body-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-caption-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-label-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-label-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-label-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-numeric-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-title-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-title-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-title-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-product="poliage"] {
  --p-brand-name: "Poliage";
  --p-brand-sidebar-accent: #1c1712;
  --p-brand-sidebar-accent: oklch(0.21 0.0122 67.67);
  --p-brand-wordmark: "Poliage";
  --p-button-focus-border: #613d3b;
  --p-button-focus-border: oklch(0.4016 0.0512 23.08);
  --p-button-ghost-bg-hover: #1c17120a;
  --p-button-ghost-bg-hover: oklch(0.21 0.0122 67.67 / 0.04);
  --p-button-ghost-bg-pressed: #1c171214;
  --p-button-ghost-bg-pressed: oklch(0.21 0.0122 67.67 / 0.08);
  --p-button-secondary-bg: #fffcf9;
  --p-button-secondary-bg: oklch(0.993 0.0049 67.67);
  --p-button-secondary-bg-hover: #1c17120a;
  --p-button-secondary-bg-hover: oklch(0.21 0.0122 67.67 / 0.04);
  --p-choice-border: #8d8680;
  --p-choice-border: oklch(0.624 0.0124 67.67);
  --p-color-accent-action: #613d3b;
  --p-color-accent-action: oklch(0.4016 0.0512 23.08);
  --p-color-accent-border: #ddb8b6;
  --p-color-accent-border: oklch(0.815 0.043 23.08);
  --p-color-accent-seed: #613d3b;
  --p-color-accent-seed: oklch(0.4016 0.0512 23.08);
  --p-color-accent-solid: #1c1712;
  --p-color-accent-solid: oklch(0.21 0.0122 67.67);
  --p-color-accent-solid-hover: #534d47;
  --p-color-accent-solid-hover: oklch(0.424 0.0122 67.67);
  --p-color-accent-solid-pressed: #68625c;
  --p-color-accent-solid-pressed: oklch(0.5 0.0122 67.67);
  --p-color-accent-text: #4e2f2d;
  --p-color-accent-text: oklch(0.3416 0.0461 23.08);
  --p-color-accent-text-pressed: #68625c;
  --p-color-accent-text-pressed: oklch(0.5 0.0122 67.67);
  --p-color-accent-tint: #fbeae9;
  --p-color-accent-tint: oklch(0.95 0.0184 23.08);
  --p-color-agent-border: #ddb8b6;
  --p-color-agent-border: oklch(0.815 0.043 23.08);
  --p-color-agent-mark: #613d3b;
  --p-color-agent-mark: oklch(0.4016 0.0512 23.08);
  --p-color-agent-text: #4e2f2d;
  --p-color-agent-text: oklch(0.3416 0.0461 23.08);
  --p-color-agent-tint: #fbeae9;
  --p-color-agent-tint: oklch(0.95 0.0184 23.08);
  --p-color-bg-canvas: #f3eee8;
  --p-color-bg-canvas: oklch(0.951 0.0095 67.67);
  --p-color-bg-default: #fffcf9;
  --p-color-bg-default: oklch(0.993 0.0049 67.67);
  --p-color-bg-panel: #fffcf9;
  --p-color-bg-panel: oklch(0.993 0.0049 67.67);
  --p-color-border-control: #1c17122e;
  --p-color-border-control: oklch(0.21 0.0122 67.67 / 0.18);
  --p-color-border-control-hover: #1c17123d;
  --p-color-border-control-hover: oklch(0.21 0.0122 67.67 / 0.24);
  --p-color-border-control-strong: #1c17123d;
  --p-color-border-control-strong: oklch(0.21 0.0122 67.67 / 0.24);
  --p-color-border-default: #8d8680;
  --p-color-border-default: oklch(0.624 0.0124 67.67);
  --p-color-border-hairline: #1c171214;
  --p-color-border-hairline: oklch(0.21 0.0122 67.67 / 0.08);
  --p-color-border-strong: #7a746e;
  --p-color-border-strong: oklch(0.562 0.0122 67.67);
  --p-color-border-subtle: #e8e2db;
  --p-color-border-subtle: oklch(0.915 0.011 67.67);
  --p-color-count-bg: #1c1712;
  --p-color-count-bg: oklch(0.21 0.0122 67.67);
  --p-color-count-text: #fffcf9;
  --p-color-count-text: oklch(0.993 0.0049 67.67);
  --p-color-danger-subtle: #fff0ed;
  --p-color-danger-subtle: oklch(0.9672 0.0163 31.43);
  --p-color-field-bg: #fffcf9;
  --p-color-field-bg: oklch(0.993 0.0049 67.67);
  --p-color-field-bg-disabled: #1c171208;
  --p-color-field-bg-disabled: oklch(0.21 0.0122 67.67 / 0.03);
  --p-color-field-border-disabled: #1c17120f;
  --p-color-field-border-disabled: oklch(0.21 0.0122 67.67 / 0.06);
  --p-color-field-border-focus: #613d3b;
  --p-color-field-border-focus: oklch(0.4016 0.0512 23.08);
  --p-color-field-border-readonly-hover: #1c17121f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.0122 67.67 / 0.12);
  --p-color-focus-ring: #613d3b;
  --p-color-focus-ring: oklch(0.4016 0.0512 23.08);
  --p-color-focus-ring-button: #613d3b59;
  --p-color-focus-ring-button: oklch(0.4016 0.0512 23.08 / 0.35);
  --p-color-focus-ring-field: #613d3b38;
  --p-color-focus-ring-field: oklch(0.4016 0.0512 23.08 / 0.22);
  --p-color-hover-tint: #1c17120a;
  --p-color-hover-tint: oklch(0.21 0.0122 67.67 / 0.04);
  --p-color-info-subtle: #eef5fd;
  --p-color-info-subtle: oklch(0.9672 0.0129 250.35);
  --p-color-ink-a10: #1c17121a;
  --p-color-ink-a10: oklch(0.21 0.0122 67.67 / 0.1);
  --p-color-ink-a12: #1c17121f;
  --p-color-ink-a12: oklch(0.21 0.0122 67.67 / 0.12);
  --p-color-ink-a14: #1c171224;
  --p-color-ink-a14: oklch(0.21 0.0122 67.67 / 0.14);
  --p-color-ink-a16: #1c171229;
  --p-color-ink-a16: oklch(0.21 0.0122 67.67 / 0.16);
  --p-color-ink-a18: #1c17122e;
  --p-color-ink-a18: oklch(0.21 0.0122 67.67 / 0.18);
  --p-color-ink-a20: #1c171233;
  --p-color-ink-a20: oklch(0.21 0.0122 67.67 / 0.2);
  --p-color-ink-a24: #1c17123d;
  --p-color-ink-a24: oklch(0.21 0.0122 67.67 / 0.24);
  --p-color-ink-a28: #1c171247;
  --p-color-ink-a28: oklch(0.21 0.0122 67.67 / 0.28);
  --p-color-ink-a3: #1c171208;
  --p-color-ink-a3: oklch(0.21 0.0122 67.67 / 0.03);
  --p-color-ink-a32: #1c171252;
  --p-color-ink-a32: oklch(0.21 0.0122 67.67 / 0.32);
  --p-color-ink-a4: #1c17120a;
  --p-color-ink-a4: oklch(0.21 0.0122 67.67 / 0.04);
  --p-color-ink-a40: #1c171266;
  --p-color-ink-a40: oklch(0.21 0.0122 67.67 / 0.4);
  --p-color-ink-a5: #1c17120d;
  --p-color-ink-a5: oklch(0.21 0.0122 67.67 / 0.05);
  --p-color-ink-a6: #1c17120f;
  --p-color-ink-a6: oklch(0.21 0.0122 67.67 / 0.06);
  --p-color-ink-a8: #1c171214;
  --p-color-ink-a8: oklch(0.21 0.0122 67.67 / 0.08);
  --p-color-mark-done: #1c1712;
  --p-color-mark-done: oklch(0.21 0.0122 67.67);
  --p-color-mark-on-done: #fffcf9;
  --p-color-mark-on-done: oklch(0.993 0.0049 67.67);
  --p-color-nav-active: #ded5cf;
  --p-color-nav-active: oklch(0.8779 0.0129 50.15);
  --p-color-nav-active-icon: #4e2f2d;
  --p-color-nav-active-icon: oklch(0.3416 0.0461 23.08);
  --p-color-neutral-tint: #77706a;
  --p-color-neutral-tint: oklch(0.55 0.0122 67.67);
  --p-color-selected-outline: #1c1712;
  --p-color-selected-outline: oklch(0.21 0.0122 67.67);
  --p-color-success-subtle: #e7fbe8;
  --p-color-success-subtle: oklch(0.9672 0.0327 146.6);
  --p-color-surface-1: #fffcf9;
  --p-color-surface-1: oklch(0.993 0.0049 67.67);
  --p-color-surface-hover: #f8f3ee;
  --p-color-surface-hover: oklch(0.967 0.0088 67.67);
  --p-color-surface-pressed: #f3eee8;
  --p-color-surface-pressed: oklch(0.951 0.0095 67.67);
  --p-color-surface-selected: #fbeae9;
  --p-color-surface-selected: oklch(0.95 0.0184 23.08);
  --p-color-surface-sunken: #fdf8f3;
  --p-color-surface-sunken: oklch(0.982 0.0081 67.67);
  --p-color-text-disabled: #8d8680;
  --p-color-text-disabled: oklch(0.624 0.0124 67.67);
  --p-color-text-inverse: #fffcf9;
  --p-color-text-inverse: oklch(0.993 0.0049 67.67);
  --p-color-text-link: #4e2f2d;
  --p-color-text-link: oklch(0.3416 0.0461 23.08);
  --p-color-text-primary: #1c1712;
  --p-color-text-primary: oklch(0.21 0.0122 67.67);
  --p-color-text-secondary: #534d47;
  --p-color-text-secondary: oklch(0.424 0.0122 67.67);
  --p-color-text-tertiary: #68625c;
  --p-color-text-tertiary: oklch(0.5 0.0122 67.67);
  --p-color-warning-subtle: #fff2e1;
  --p-color-warning-subtle: oklch(0.9672 0.0261 74.46);
  --p-elevation-0-surface: #fffcf9;
  --p-elevation-0-surface: oklch(0.993 0.0049 67.67);
  --p-elevation-1-surface: #fffcf9;
  --p-elevation-1-surface: oklch(0.993 0.0049 67.67);
  --p-font-family-display: Georgia, "Pretendard Variable", serif;
  --p-font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-motion-budget: "expressive";
  --p-nav-preset: "topbar";
  --p-overlay-bg: #fffcf9;
  --p-overlay-bg: oklch(0.993 0.0049 67.67);
  --p-overlay-highlight: #1c17120f;
  --p-overlay-highlight: oklch(0.21 0.0122 67.67 / 0.06);
  --p-overlay-ring: #1c171214;
  --p-overlay-ring: oklch(0.21 0.0122 67.67 / 0.08);
  --p-overlay-separator: #1c171214;
  --p-overlay-separator: oklch(0.21 0.0122 67.67 / 0.08);
  --p-radius-card: 16px;
  --p-radius-control: 6px;
  --p-radius-factor: 1;
  --p-radius-inner-card: 16px;
  --p-radius-inner-control: 12px;
  --p-radius-pop: 12px;
  --p-radius-sheet: 24px;
  --p-ramp-accent-1: #fffbfb;
  --p-ramp-accent-1: oklch(0.992 0.0039 23.08);
  --p-ramp-accent-10: #553331;
  --p-ramp-accent-10: oklch(0.3616 0.0502 23.08);
  --p-ramp-accent-11: #4e2f2d;
  --p-ramp-accent-11: oklch(0.3416 0.0461 23.08);
  --p-ramp-accent-12: #352929;
  --p-ramp-accent-12: oklch(0.296 0.0179 23.08);
  --p-ramp-accent-2: #fff5f4;
  --p-ramp-accent-2: oklch(0.978 0.0102 23.08);
  --p-ramp-accent-3: #fbeae9;
  --p-ramp-accent-3: oklch(0.95 0.0184 23.08);
  --p-ramp-accent-4: #f6e0df;
  --p-ramp-accent-4: oklch(0.925 0.0246 23.08);
  --p-ramp-accent-5: #f0d5d3;
  --p-ramp-accent-5: oklch(0.895 0.0307 23.08);
  --p-ramp-accent-6: #e9c8c6;
  --p-ramp-accent-6: oklch(0.86 0.0369 23.08);
  --p-ramp-accent-7: #ddb8b6;
  --p-ramp-accent-7: oklch(0.815 0.043 23.08);
  --p-ramp-accent-8: #a37e7c;
  --p-ramp-accent-8: oklch(0.6283 0.0461 23.08);
  --p-ramp-accent-9: #613d3b;
  --p-ramp-accent-9: oklch(0.4016 0.0512 23.08);
  --p-ramp-neutral-1: #fffcf9;
  --p-ramp-neutral-1: oklch(0.993 0.0049 67.67);
  --p-ramp-neutral-10: #68625c;
  --p-ramp-neutral-10: oklch(0.5 0.0122 67.67);
  --p-ramp-neutral-11: #534d47;
  --p-ramp-neutral-11: oklch(0.424 0.0122 67.67);
  --p-ramp-neutral-12: #1c1712;
  --p-ramp-neutral-12: oklch(0.21 0.0122 67.67);
  --p-ramp-neutral-2: #fdf8f3;
  --p-ramp-neutral-2: oklch(0.982 0.0081 67.67);
  --p-ramp-neutral-3: #f8f3ee;
  --p-ramp-neutral-3: oklch(0.967 0.0088 67.67);
  --p-ramp-neutral-4: #f3eee8;
  --p-ramp-neutral-4: oklch(0.951 0.0095 67.67);
  --p-ramp-neutral-5: #eee8e2;
  --p-ramp-neutral-5: oklch(0.935 0.0102 67.67);
  --p-ramp-neutral-6: #e8e2db;
  --p-ramp-neutral-6: oklch(0.915 0.011 67.67);
  --p-ramp-neutral-7: #dbd5ce;
  --p-ramp-neutral-7: oklch(0.875 0.0117 67.67);
  --p-ramp-neutral-8: #8d8680;
  --p-ramp-neutral-8: oklch(0.624 0.0124 67.67);
  --p-ramp-neutral-9: #7a746e;
  --p-ramp-neutral-9: oklch(0.562 0.0122 67.67);
  --p-segmented-active-bg: #fffcf9;
  --p-segmented-active-bg: oklch(0.993 0.0049 67.67);
  --p-segmented-track: #1c17120a;
  --p-segmented-track: oklch(0.21 0.0122 67.67 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.21 0.0122 67.67 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.21 0.0122 67.67 / 0.05);
  --p-shadow-control: 0px 1px 2px 0px oklch(0.21 0.0122 67.67 / 0.05);
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.0122 67.67 / 0.08), 0px 24px 48px -12px oklch(0.21 0.0122 67.67 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.0122 67.67 / 0.03), 0px 4px 8px -4px oklch(0.21 0.0122 67.67 / 0.05), 0px 16px 24px -8px oklch(0.21 0.0122 67.67 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.0122 67.67 / 0.08);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.21 0.0122 67.67 / 0.08), 0px 0px 0px 1px oklch(0.21 0.0122 67.67 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.0122 67.67 / 0.12), 0px 1px 2px 0px oklch(0.21 0.0122 67.67 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.0122 67.67 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.0122 67.67 / 0.08);
  --p-shadow-xs: 0px 1px 2px 0px oklch(0.21 0.0122 67.67 / 0.05);
  --p-slider-track: #1c17121a;
  --p-slider-track: oklch(0.21 0.0122 67.67 / 0.1);
  --p-switch-border-off: #8d8680;
  --p-switch-border-off: oklch(0.624 0.0124 67.67);
  --p-switch-track-off: #1c171229;
  --p-switch-track-off: oklch(0.21 0.0122 67.67 / 0.16);
  --p-tooltip-bg: #1c1712;
  --p-tooltip-bg: oklch(0.21 0.0122 67.67);
  --p-tooltip-fg: #fffcf9;
  --p-tooltip-fg: oklch(0.993 0.0049 67.67);
  --p-type-body-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-body-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-body-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-caption-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-display-l-family: Georgia, "Pretendard Variable", serif;
  --p-type-display-m-family: Georgia, "Pretendard Variable", serif;
  --p-type-display-s-family: Georgia, "Pretendard Variable", serif;
  --p-type-label-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-label-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-label-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-numeric-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-title-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-title-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-title-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
}

[data-product="poliage-beauty"] {
  --p-brand-accent: #fe79a9;
  --p-brand-accent: oklch(0.7437 0.1685 359.26);
  --p-brand-amber: #c77a1e;
  --p-brand-amber: oklch(0.6482 0.1366 64.18);
  --p-brand-name: "Poliage";
  --p-brand-sidebar-accent: #1a1813;
  --p-brand-sidebar-accent: oklch(0.21 0.01 87.48);
  --p-brand-strong: #544a3e;
  --p-brand-strong: oklch(0.4154 0.0235 72.17);
  --p-brand-wordmark: "Poliage";
  --p-button-focus-border: #1b1a18;
  --p-button-focus-border: oklch(0.2181 0.0041 84.59);
  --p-button-ghost-bg-hover: #1a18130a;
  --p-button-ghost-bg-hover: oklch(0.21 0.01 87.48 / 0.04);
  --p-button-ghost-bg-pressed: #1a181314;
  --p-button-ghost-bg-pressed: oklch(0.21 0.01 87.48 / 0.08);
  --p-button-secondary-bg: #fefdf8;
  --p-button-secondary-bg: oklch(0.993 0.006 87.48);
  --p-button-secondary-bg-hover: #1a18130a;
  --p-button-secondary-bg-hover: oklch(0.21 0.01 87.48 / 0.04);
  --p-choice-border: #8a8781;
  --p-choice-border: oklch(0.624 0.0102 87.48);
  --p-color-accent-action: #1b1a18;
  --p-color-accent-action: oklch(0.2181 0.0041 84.59);
  --p-color-accent-border: #c3c2c0;
  --p-color-accent-border: oklch(0.815 0.0034 84.59);
  --p-color-accent-seed: #1b1a18;
  --p-color-accent-seed: oklch(0.2181 0.0041 84.59);
  --p-color-accent-solid: #1a1813;
  --p-color-accent-solid: oklch(0.21 0.01 87.48);
  --p-color-accent-solid-hover: #504e48;
  --p-color-accent-solid-hover: oklch(0.424 0.01 87.48);
  --p-color-accent-solid-pressed: #66635d;
  --p-color-accent-solid-pressed: oklch(0.5 0.01 87.48);
  --p-color-accent-text: #0e0d0b;
  --p-color-accent-text: oklch(0.1581 0.0037 84.59);
  --p-color-accent-text-pressed: #66635d;
  --p-color-accent-text-pressed: oklch(0.5 0.01 87.48);
  --p-color-accent-tint: #efeeed;
  --p-color-accent-tint: oklch(0.95 0.0015 84.59);
  --p-color-agent-border: #c3c2c0;
  --p-color-agent-border: oklch(0.815 0.0034 84.59);
  --p-color-agent-mark: #1b1a18;
  --p-color-agent-mark: oklch(0.2181 0.0041 84.59);
  --p-color-agent-text: #0e0d0b;
  --p-color-agent-text: oklch(0.1581 0.0037 84.59);
  --p-color-agent-tint: #efeeed;
  --p-color-agent-tint: oklch(0.95 0.0015 84.59);
  --p-color-bg-canvas: #f1efe9;
  --p-color-bg-canvas: oklch(0.951 0.0078 87.48);
  --p-color-bg-default: #fefdf8;
  --p-color-bg-default: oklch(0.993 0.006 87.48);
  --p-color-bg-panel: #fefdf8;
  --p-color-bg-panel: oklch(0.993 0.006 87.48);
  --p-color-border-control: #1a18132e;
  --p-color-border-control: oklch(0.21 0.01 87.48 / 0.18);
  --p-color-border-control-hover: #1a18133d;
  --p-color-border-control-hover: oklch(0.21 0.01 87.48 / 0.24);
  --p-color-border-control-strong: #1a18133d;
  --p-color-border-control-strong: oklch(0.21 0.01 87.48 / 0.24);
  --p-color-border-default: #8a8781;
  --p-color-border-default: oklch(0.624 0.0102 87.48);
  --p-color-border-hairline: #1a181314;
  --p-color-border-hairline: oklch(0.21 0.01 87.48 / 0.08);
  --p-color-border-strong: #77756f;
  --p-color-border-strong: oklch(0.562 0.01 87.48);
  --p-color-border-subtle: #e5e3dc;
  --p-color-border-subtle: oklch(0.915 0.009 87.48);
  --p-color-count-bg: #1a1813;
  --p-color-count-bg: oklch(0.21 0.01 87.48);
  --p-color-count-text: #fefdf8;
  --p-color-count-text: oklch(0.993 0.006 87.48);
  --p-color-danger-subtle: #fff1ed;
  --p-color-danger-subtle: oklch(0.9672 0.0163 34.35);
  --p-color-field-bg: #fefdf8;
  --p-color-field-bg: oklch(0.993 0.006 87.48);
  --p-color-field-bg-disabled: #1a181308;
  --p-color-field-bg-disabled: oklch(0.21 0.01 87.48 / 0.03);
  --p-color-field-border-disabled: #1a18130f;
  --p-color-field-border-disabled: oklch(0.21 0.01 87.48 / 0.06);
  --p-color-field-border-focus: #1b1a18;
  --p-color-field-border-focus: oklch(0.2181 0.0041 84.59);
  --p-color-field-border-readonly-hover: #1a18131f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.01 87.48 / 0.12);
  --p-color-focus-ring: #1b1a18;
  --p-color-focus-ring: oklch(0.2181 0.0041 84.59);
  --p-color-focus-ring-button: #1b1a1859;
  --p-color-focus-ring-button: oklch(0.2181 0.0041 84.59 / 0.35);
  --p-color-focus-ring-field: #1b1a1838;
  --p-color-focus-ring-field: oklch(0.2181 0.0041 84.59 / 0.22);
  --p-color-hover-tint: #1a18130a;
  --p-color-hover-tint: oklch(0.21 0.01 87.48 / 0.04);
  --p-color-info-subtle: #eef5fc;
  --p-color-info-subtle: oklch(0.9672 0.0126 246.72);
  --p-color-ink-a10: #1a18131a;
  --p-color-ink-a10: oklch(0.21 0.01 87.48 / 0.1);
  --p-color-ink-a12: #1a18131f;
  --p-color-ink-a12: oklch(0.21 0.01 87.48 / 0.12);
  --p-color-ink-a14: #1a181324;
  --p-color-ink-a14: oklch(0.21 0.01 87.48 / 0.14);
  --p-color-ink-a16: #1a181329;
  --p-color-ink-a16: oklch(0.21 0.01 87.48 / 0.16);
  --p-color-ink-a18: #1a18132e;
  --p-color-ink-a18: oklch(0.21 0.01 87.48 / 0.18);
  --p-color-ink-a20: #1a181333;
  --p-color-ink-a20: oklch(0.21 0.01 87.48 / 0.2);
  --p-color-ink-a24: #1a18133d;
  --p-color-ink-a24: oklch(0.21 0.01 87.48 / 0.24);
  --p-color-ink-a28: #1a181347;
  --p-color-ink-a28: oklch(0.21 0.01 87.48 / 0.28);
  --p-color-ink-a3: #1a181308;
  --p-color-ink-a3: oklch(0.21 0.01 87.48 / 0.03);
  --p-color-ink-a32: #1a181352;
  --p-color-ink-a32: oklch(0.21 0.01 87.48 / 0.32);
  --p-color-ink-a4: #1a18130a;
  --p-color-ink-a4: oklch(0.21 0.01 87.48 / 0.04);
  --p-color-ink-a40: #1a181366;
  --p-color-ink-a40: oklch(0.21 0.01 87.48 / 0.4);
  --p-color-ink-a5: #1a18130d;
  --p-color-ink-a5: oklch(0.21 0.01 87.48 / 0.05);
  --p-color-ink-a6: #1a18130f;
  --p-color-ink-a6: oklch(0.21 0.01 87.48 / 0.06);
  --p-color-ink-a8: #1a181314;
  --p-color-ink-a8: oklch(0.21 0.01 87.48 / 0.08);
  --p-color-mark-done: #1a1813;
  --p-color-mark-done: oklch(0.21 0.01 87.48);
  --p-color-mark-on-done: #fefdf8;
  --p-color-mark-on-done: oklch(0.993 0.006 87.48);
  --p-color-nav-active: #d2cfca;
  --p-color-nav-active: oklch(0.8559 0.0073 87.3);
  --p-color-nav-active-icon: #0e0d0b;
  --p-color-nav-active-icon: oklch(0.1581 0.0037 84.59);
  --p-color-neutral-tint: #74716b;
  --p-color-neutral-tint: oklch(0.55 0.01 87.48);
  --p-color-selected-outline: #1a1813;
  --p-color-selected-outline: oklch(0.21 0.01 87.48);
  --p-color-success-subtle: #e6fbe7;
  --p-color-success-subtle: oklch(0.9672 0.0336 146.36);
  --p-color-surface-1: #fefdf8;
  --p-color-surface-1: oklch(0.993 0.006 87.48);
  --p-color-surface-hover: #f6f4ef;
  --p-color-surface-hover: oklch(0.967 0.0072 87.48);
  --p-color-surface-pressed: #f1efe9;
  --p-color-surface-pressed: oklch(0.951 0.0078 87.48);
  --p-color-surface-selected: #efeeed;
  --p-color-surface-selected: oklch(0.95 0.0015 84.59);
  --p-color-surface-sunken: #fbf9f4;
  --p-color-surface-sunken: oklch(0.982 0.0066 87.48);
  --p-color-text-disabled: #8a8781;
  --p-color-text-disabled: oklch(0.624 0.0102 87.48);
  --p-color-text-inverse: #fefdf8;
  --p-color-text-inverse: oklch(0.993 0.006 87.48);
  --p-color-text-link: #0e0d0b;
  --p-color-text-link: oklch(0.1581 0.0037 84.59);
  --p-color-text-primary: #1a1813;
  --p-color-text-primary: oklch(0.21 0.01 87.48);
  --p-color-text-secondary: #504e48;
  --p-color-text-secondary: oklch(0.424 0.01 87.48);
  --p-color-text-tertiary: #66635d;
  --p-color-text-tertiary: oklch(0.5 0.01 87.48);
  --p-color-warning-subtle: #fff2e1;
  --p-color-warning-subtle: oklch(0.9672 0.0268 76.11);
  --p-elevation-0-surface: #fefdf8;
  --p-elevation-0-surface: oklch(0.993 0.006 87.48);
  --p-elevation-1-surface: #fefdf8;
  --p-elevation-1-surface: oklch(0.993 0.006 87.48);
  --p-font-family-display: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-font-family-sans: -apple-system, system-ui, sans-serif;
  --p-nav-preset: "tabs";
  --p-overlay-bg: #fefdf8;
  --p-overlay-bg: oklch(0.993 0.006 87.48);
  --p-overlay-highlight: #1a18130f;
  --p-overlay-highlight: oklch(0.21 0.01 87.48 / 0.06);
  --p-overlay-ring: #1a181314;
  --p-overlay-ring: oklch(0.21 0.01 87.48 / 0.08);
  --p-overlay-separator: #1a181314;
  --p-overlay-separator: oklch(0.21 0.01 87.48 / 0.08);
  --p-radius-factor: 0.8;
  --p-radius-inner-card: 12px;
  --p-radius-sheet: 20px;
  --p-ramp-accent-1: #fcfcfc;
  --p-ramp-accent-1: oklch(0.992 0.0004 84.59);
  --p-ramp-accent-10: #12110f;
  --p-ramp-accent-10: oklch(0.1781 0.004 84.59);
  --p-ramp-accent-11: #0e0d0b;
  --p-ramp-accent-11: oklch(0.1581 0.0037 84.59);
  --p-ramp-accent-12: #2d2d2c;
  --p-ramp-accent-12: oklch(0.296 0.0014 84.59);
  --p-ramp-accent-2: #f8f8f7;
  --p-ramp-accent-2: oklch(0.978 0.0008 84.59);
  --p-ramp-accent-3: #efeeed;
  --p-ramp-accent-3: oklch(0.95 0.0015 84.59);
  --p-ramp-accent-4: #e7e6e5;
  --p-ramp-accent-4: oklch(0.925 0.002 84.59);
  --p-ramp-accent-5: #dddcda;
  --p-ramp-accent-5: oklch(0.895 0.0025 84.59);
  --p-ramp-accent-6: #d2d1cf;
  --p-ramp-accent-6: oklch(0.86 0.003 84.59);
  --p-ramp-accent-7: #c3c2c0;
  --p-ramp-accent-7: oklch(0.815 0.0034 84.59);
  --p-ramp-accent-8: #6f6d6b;
  --p-ramp-accent-8: oklch(0.5366 0.0037 84.59);
  --p-ramp-accent-9: #1b1a18;
  --p-ramp-accent-9: oklch(0.2181 0.0041 84.59);
  --p-ramp-neutral-1: #fefdf8;
  --p-ramp-neutral-1: oklch(0.993 0.006 87.48);
  --p-ramp-neutral-10: #66635d;
  --p-ramp-neutral-10: oklch(0.5 0.01 87.48);
  --p-ramp-neutral-11: #504e48;
  --p-ramp-neutral-11: oklch(0.424 0.01 87.48);
  --p-ramp-neutral-12: #1a1813;
  --p-ramp-neutral-12: oklch(0.21 0.01 87.48);
  --p-ramp-neutral-2: #fbf9f4;
  --p-ramp-neutral-2: oklch(0.982 0.0066 87.48);
  --p-ramp-neutral-3: #f6f4ef;
  --p-ramp-neutral-3: oklch(0.967 0.0072 87.48);
  --p-ramp-neutral-4: #f1efe9;
  --p-ramp-neutral-4: oklch(0.951 0.0078 87.48);
  --p-ramp-neutral-5: #ece9e3;
  --p-ramp-neutral-5: oklch(0.935 0.0084 87.48);
  --p-ramp-neutral-6: #e5e3dc;
  --p-ramp-neutral-6: oklch(0.915 0.009 87.48);
  --p-ramp-neutral-7: #d8d6cf;
  --p-ramp-neutral-7: oklch(0.875 0.0096 87.48);
  --p-ramp-neutral-8: #8a8781;
  --p-ramp-neutral-8: oklch(0.624 0.0102 87.48);
  --p-ramp-neutral-9: #77756f;
  --p-ramp-neutral-9: oklch(0.562 0.01 87.48);
  --p-segmented-active-bg: #fefdf8;
  --p-segmented-active-bg: oklch(0.993 0.006 87.48);
  --p-segmented-track: #1a18130a;
  --p-segmented-track: oklch(0.21 0.01 87.48 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.21 0.01 87.48 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.21 0.01 87.48 / 0.05);
  --p-shadow-control: 0px 1px 2px 0px oklch(0.21 0.01 87.48 / 0.05);
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.01 87.48 / 0.08), 0px 24px 48px -12px oklch(0.21 0.01 87.48 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.01 87.48 / 0.03), 0px 4px 8px -4px oklch(0.21 0.01 87.48 / 0.05), 0px 16px 24px -8px oklch(0.21 0.01 87.48 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.01 87.48 / 0.08);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.21 0.01 87.48 / 0.08), 0px 0px 0px 1px oklch(0.21 0.01 87.48 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.01 87.48 / 0.12), 0px 1px 2px 0px oklch(0.21 0.01 87.48 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.01 87.48 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.01 87.48 / 0.08);
  --p-shadow-xs: 0px 1px 2px 0px oklch(0.21 0.01 87.48 / 0.05);
  --p-slider-track: #1a18131a;
  --p-slider-track: oklch(0.21 0.01 87.48 / 0.1);
  --p-switch-border-off: #8a8781;
  --p-switch-border-off: oklch(0.624 0.0102 87.48);
  --p-switch-track-off: #1a181329;
  --p-switch-track-off: oklch(0.21 0.01 87.48 / 0.16);
  --p-tooltip-bg: #1a1813;
  --p-tooltip-bg: oklch(0.21 0.01 87.48);
  --p-tooltip-fg: #fefdf8;
  --p-tooltip-fg: oklch(0.993 0.006 87.48);
  --p-type-body-l-family: -apple-system, system-ui, sans-serif;
  --p-type-body-m-family: -apple-system, system-ui, sans-serif;
  --p-type-body-s-family: -apple-system, system-ui, sans-serif;
  --p-type-caption-family: -apple-system, system-ui, sans-serif;
  --p-type-display-l-family: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-display-m-family: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-display-s-family: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-label-l-family: -apple-system, system-ui, sans-serif;
  --p-type-label-m-family: -apple-system, system-ui, sans-serif;
  --p-type-label-s-family: -apple-system, system-ui, sans-serif;
  --p-type-numeric-family: -apple-system, system-ui, sans-serif;
  --p-type-title-l-family: -apple-system, system-ui, sans-serif;
  --p-type-title-m-family: -apple-system, system-ui, sans-serif;
  --p-type-title-s-family: -apple-system, system-ui, sans-serif;
}

[data-product="paperrift"] {
  --p-brand-accent: #f0c35a;
  --p-brand-accent: oklch(0.8372 0.1324 85.9);
  --p-brand-call-red: #ff3b30;
  --p-brand-call-red: oklch(0.6542 0.2321 28.66);
  --p-brand-coin-hi: #ffe7a3;
  --p-brand-coin-hi: oklch(0.932 0.0896 90.86);
  --p-brand-coin-lo: #b8862a;
  --p-brand-coin-lo: oklch(0.6535 0.1206 78.32);
  --p-brand-danger: #ff453a;
  --p-brand-danger: oklch(0.6633 0.2236 28.29);
  --p-brand-glass: #16141c9e;
  --p-brand-glass: oklch(0.1974 0.0161 296.35 / 0.62);
  --p-brand-hairline: #ffffff1a;
  --p-brand-hairline: oklch(1 0 0 / 0.1);
  --p-brand-ink: #f2f0ec;
  --p-brand-ink: oklch(0.9556 0.0057 84.57);
  --p-brand-list-fill: #ffffff0f;
  --p-brand-list-fill: oklch(1 0 0 / 0.06);
  --p-brand-muted: #ffffff94;
  --p-brand-muted: oklch(1 0 0 / 0.58);
  --p-brand-name: "PaperRift";
  --p-brand-night: #08070b;
  --p-brand-night: oklch(0.1323 0.0096 297.64);
  --p-brand-on-ink: #121116;
  --p-brand-on-ink: oklch(0.1812 0.0102 294.52);
  --p-brand-sheet: #16141b;
  --p-brand-sheet: oklch(0.1969 0.0142 298.16);
  --p-brand-sidebar-accent: #19171e;
  --p-brand-sidebar-accent: oklch(0.21 0.0142 298.16);
  --p-brand-success: #34c759;
  --p-brand-success: oklch(0.7303 0.1944 147.44);
  --p-brand-wordmark: "PaperRift";
  --p-button-focus-border: #84827f;
  --p-button-focus-border: oklch(0.6076 0.0057 84.57);
  --p-button-ghost-bg-hover: #19171e0a;
  --p-button-ghost-bg-hover: oklch(0.21 0.0142 298.16 / 0.04);
  --p-button-ghost-bg-pressed: #19171e14;
  --p-button-ghost-bg-pressed: oklch(0.21 0.0142 298.16 / 0.08);
  --p-button-secondary-bg: #fdfcff;
  --p-button-secondary-bg: oklch(0.993 0.0038 298.16);
  --p-button-secondary-bg-hover: #19171e0a;
  --p-button-secondary-bg-hover: oklch(0.21 0.0142 298.16 / 0.04);
  --p-choice-border: #87848e;
  --p-choice-border: oklch(0.62 0.0145 298.16);
  --p-color-accent-action: #918f8c;
  --p-color-accent-action: oklch(0.6516 0.0057 84.57);
  --p-color-accent-border: #c4c2bf;
  --p-color-accent-border: oklch(0.815 0.0048 84.57);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-press-toward: #ffffff;
  --p-color-accent-press-toward: oklch(1 0 0);
  --p-color-accent-seed: #f2f0ec;
  --p-color-accent-seed: oklch(0.9556 0.0057 84.57);
  --p-color-accent-solid: #19171e;
  --p-color-accent-solid: oklch(0.21 0.0142 298.16);
  --p-color-accent-solid-hover: #4e4c54;
  --p-color-accent-solid-hover: oklch(0.42 0.0142 298.16);
  --p-color-accent-solid-pressed: #64626a;
  --p-color-accent-solid-pressed: oklch(0.5 0.0142 298.16);
  --p-color-accent-text: #5f5d5a;
  --p-color-accent-text: oklch(0.48 0.0051 84.57);
  --p-color-accent-text-pressed: #64626a;
  --p-color-accent-text-pressed: oklch(0.5 0.0142 298.16);
  --p-color-accent-tint: #efeeed;
  --p-color-accent-tint: oklch(0.95 0.0021 84.57);
  --p-color-agent-border: #c4c2bf;
  --p-color-agent-border: oklch(0.815 0.0048 84.57);
  --p-color-agent-mark: #918f8c;
  --p-color-agent-mark: oklch(0.6516 0.0057 84.57);
  --p-color-agent-on-mark: #111114;
  --p-color-agent-on-mark: oklch(0.18 0.005 286);
  --p-color-agent-text: #5f5d5a;
  --p-color-agent-text: oklch(0.48 0.0051 84.57);
  --p-color-agent-tint: #efeeed;
  --p-color-agent-tint: oklch(0.95 0.0021 84.57);
  --p-color-bg-canvas: #efedf5;
  --p-color-bg-canvas: oklch(0.951 0.0111 298.16);
  --p-color-bg-default: #fdfcff;
  --p-color-bg-default: oklch(0.993 0.0038 298.16);
  --p-color-bg-panel: #fdfcff;
  --p-color-bg-panel: oklch(0.993 0.0038 298.16);
  --p-color-border-control: #19171e2e;
  --p-color-border-control: oklch(0.21 0.0142 298.16 / 0.18);
  --p-color-border-control-hover: #19171e3d;
  --p-color-border-control-hover: oklch(0.21 0.0142 298.16 / 0.24);
  --p-color-border-control-strong: #19171e3d;
  --p-color-border-control-strong: oklch(0.21 0.0142 298.16 / 0.24);
  --p-color-border-default: #87848e;
  --p-color-border-default: oklch(0.62 0.0145 298.16);
  --p-color-border-hairline: #19171e14;
  --p-color-border-hairline: oklch(0.21 0.0142 298.16 / 0.08);
  --p-color-border-strong: #75737c;
  --p-color-border-strong: oklch(0.56 0.0142 298.16);
  --p-color-border-subtle: #e4e1eb;
  --p-color-border-subtle: oklch(0.915 0.0128 298.16);
  --p-color-count-bg: #19171e;
  --p-color-count-bg: oklch(0.21 0.0142 298.16);
  --p-color-count-text: #fdfcff;
  --p-color-count-text: oklch(0.993 0.0038 298.16);
  --p-color-danger-subtle: #fef0f0;
  --p-color-danger-subtle: oklch(0.9672 0.0151 21.23);
  --p-color-field-bg: #fdfcff;
  --p-color-field-bg: oklch(0.993 0.0038 298.16);
  --p-color-field-bg-disabled: #19171e08;
  --p-color-field-bg-disabled: oklch(0.21 0.0142 298.16 / 0.03);
  --p-color-field-border-disabled: #19171e0f;
  --p-color-field-border-disabled: oklch(0.21 0.0142 298.16 / 0.06);
  --p-color-field-border-focus: #84827f;
  --p-color-field-border-focus: oklch(0.6076 0.0057 84.57);
  --p-color-field-border-readonly-hover: #19171e1f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.0142 298.16 / 0.12);
  --p-color-focus-ring: #84827f;
  --p-color-focus-ring: oklch(0.6076 0.0057 84.57);
  --p-color-focus-ring-button: #84827f59;
  --p-color-focus-ring-button: oklch(0.6076 0.0057 84.57 / 0.35);
  --p-color-focus-ring-field: #84827f38;
  --p-color-focus-ring-field: oklch(0.6076 0.0057 84.57 / 0.22);
  --p-color-hover-tint: #19171e0a;
  --p-color-hover-tint: oklch(0.21 0.0142 298.16 / 0.04);
  --p-color-info-subtle: #edf5ff;
  --p-color-info-subtle: oklch(0.9672 0.0159 254.08);
  --p-color-ink-a10: #19171e1a;
  --p-color-ink-a10: oklch(0.21 0.0142 298.16 / 0.1);
  --p-color-ink-a12: #19171e1f;
  --p-color-ink-a12: oklch(0.21 0.0142 298.16 / 0.12);
  --p-color-ink-a14: #19171e24;
  --p-color-ink-a14: oklch(0.21 0.0142 298.16 / 0.14);
  --p-color-ink-a16: #19171e29;
  --p-color-ink-a16: oklch(0.21 0.0142 298.16 / 0.16);
  --p-color-ink-a18: #19171e2e;
  --p-color-ink-a18: oklch(0.21 0.0142 298.16 / 0.18);
  --p-color-ink-a20: #19171e33;
  --p-color-ink-a20: oklch(0.21 0.0142 298.16 / 0.2);
  --p-color-ink-a24: #19171e3d;
  --p-color-ink-a24: oklch(0.21 0.0142 298.16 / 0.24);
  --p-color-ink-a28: #19171e47;
  --p-color-ink-a28: oklch(0.21 0.0142 298.16 / 0.28);
  --p-color-ink-a3: #19171e08;
  --p-color-ink-a3: oklch(0.21 0.0142 298.16 / 0.03);
  --p-color-ink-a32: #19171e52;
  --p-color-ink-a32: oklch(0.21 0.0142 298.16 / 0.32);
  --p-color-ink-a4: #19171e0a;
  --p-color-ink-a4: oklch(0.21 0.0142 298.16 / 0.04);
  --p-color-ink-a40: #19171e66;
  --p-color-ink-a40: oklch(0.21 0.0142 298.16 / 0.4);
  --p-color-ink-a5: #19171e0d;
  --p-color-ink-a5: oklch(0.21 0.0142 298.16 / 0.05);
  --p-color-ink-a6: #19171e0f;
  --p-color-ink-a6: oklch(0.21 0.0142 298.16 / 0.06);
  --p-color-ink-a8: #19171e14;
  --p-color-ink-a8: oklch(0.21 0.0142 298.16 / 0.08);
  --p-color-mark-done: #19171e;
  --p-color-mark-done: oklch(0.21 0.0142 298.16);
  --p-color-mark-on-done: #fdfcff;
  --p-color-mark-on-done: oklch(0.993 0.0038 298.16);
  --p-color-nav-active: #dddbe2;
  --p-color-nav-active: oklch(0.8945 0.0093 300.25);
  --p-color-nav-active-icon: #5f5d5a;
  --p-color-nav-active-icon: oklch(0.48 0.0051 84.57);
  --p-color-neutral-tint: #16141b;
  --p-color-neutral-tint: oklch(0.1969 0.0142 298.16);
  --p-color-selected-outline: #19171e;
  --p-color-selected-outline: oklch(0.21 0.0142 298.16);
  --p-color-success-subtle: #e6fbea;
  --p-color-success-subtle: oklch(0.9672 0.0311 151.48);
  --p-color-surface-1: #fdfcff;
  --p-color-surface-1: oklch(0.993 0.0038 298.16);
  --p-color-surface-hover: #f5f3fa;
  --p-color-surface-hover: oklch(0.967 0.0102 298.16);
  --p-color-surface-pressed: #efedf5;
  --p-color-surface-pressed: oklch(0.951 0.0111 298.16);
  --p-color-surface-selected: #efeeed;
  --p-color-surface-selected: oklch(0.95 0.0021 84.57);
  --p-color-surface-sunken: #faf8ff;
  --p-color-surface-sunken: oklch(0.982 0.0094 298.16);
  --p-color-text-disabled: #87848e;
  --p-color-text-disabled: oklch(0.62 0.0145 298.16);
  --p-color-text-inverse: #fdfcff;
  --p-color-text-inverse: oklch(0.993 0.0038 298.16);
  --p-color-text-link: #5f5d5a;
  --p-color-text-link: oklch(0.48 0.0051 84.57);
  --p-color-text-primary: #19171e;
  --p-color-text-primary: oklch(0.21 0.0142 298.16);
  --p-color-text-secondary: #4e4c54;
  --p-color-text-secondary: oklch(0.42 0.0142 298.16);
  --p-color-text-tertiary: #64626a;
  --p-color-text-tertiary: oklch(0.5 0.0142 298.16);
  --p-color-warning-subtle: #fef2e4;
  --p-color-warning-subtle: oklch(0.9672 0.0233 72.45);
  --p-elevation-0-surface: #fdfcff;
  --p-elevation-0-surface: oklch(0.993 0.0038 298.16);
  --p-elevation-1-surface: #fdfcff;
  --p-elevation-1-surface: oklch(0.993 0.0038 298.16);
  --p-font-family-display: Cinzel, Georgia, serif;
  --p-font-family-sans: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-motion-budget: "expressive";
  --p-nav-preset: "tabs";
  --p-overlay-bg: #fdfcff;
  --p-overlay-bg: oklch(0.993 0.0038 298.16);
  --p-overlay-highlight: #19171e0f;
  --p-overlay-highlight: oklch(0.21 0.0142 298.16 / 0.06);
  --p-overlay-ring: #19171e14;
  --p-overlay-ring: oklch(0.21 0.0142 298.16 / 0.08);
  --p-overlay-separator: #19171e14;
  --p-overlay-separator: oklch(0.21 0.0142 298.16 / 0.08);
  --p-radius-factor: 0.7;
  --p-ramp-accent-1: #fcfcfc;
  --p-ramp-accent-1: oklch(0.992 0.0005 84.57);
  --p-ramp-accent-10: #9d9c98;
  --p-ramp-accent-10: oklch(0.6916 0.0056 84.57);
  --p-ramp-accent-11: #5f5d5a;
  --p-ramp-accent-11: oklch(0.48 0.0051 84.57);
  --p-ramp-accent-12: #2d2d2c;
  --p-ramp-accent-12: oklch(0.296 0.002 84.57);
  --p-ramp-accent-2: #f8f8f7;
  --p-ramp-accent-2: oklch(0.978 0.0011 84.57);
  --p-ramp-accent-3: #efeeed;
  --p-ramp-accent-3: oklch(0.95 0.0021 84.57);
  --p-ramp-accent-4: #e7e6e4;
  --p-ramp-accent-4: oklch(0.925 0.0027 84.57);
  --p-ramp-accent-5: #dddcda;
  --p-ramp-accent-5: oklch(0.895 0.0034 84.57);
  --p-ramp-accent-6: #d2d1ce;
  --p-ramp-accent-6: oklch(0.86 0.0041 84.57);
  --p-ramp-accent-7: #c4c2bf;
  --p-ramp-accent-7: oklch(0.815 0.0048 84.57);
  --p-ramp-accent-8: #b0afab;
  --p-ramp-accent-8: oklch(0.7533 0.0051 84.57);
  --p-ramp-accent-9: #918f8c;
  --p-ramp-accent-9: oklch(0.6516 0.0057 84.57);
  --p-ramp-neutral-1: #fdfcff;
  --p-ramp-neutral-1: oklch(0.993 0.0038 298.16);
  --p-ramp-neutral-10: #64626a;
  --p-ramp-neutral-10: oklch(0.5 0.0142 298.16);
  --p-ramp-neutral-11: #4e4c54;
  --p-ramp-neutral-11: oklch(0.42 0.0142 298.16);
  --p-ramp-neutral-12: #19171e;
  --p-ramp-neutral-12: oklch(0.21 0.0142 298.16);
  --p-ramp-neutral-2: #faf8ff;
  --p-ramp-neutral-2: oklch(0.982 0.0094 298.16);
  --p-ramp-neutral-3: #f5f3fa;
  --p-ramp-neutral-3: oklch(0.967 0.0102 298.16);
  --p-ramp-neutral-4: #efedf5;
  --p-ramp-neutral-4: oklch(0.951 0.0111 298.16);
  --p-ramp-neutral-5: #eae8f1;
  --p-ramp-neutral-5: oklch(0.935 0.0119 298.16);
  --p-ramp-neutral-6: #e4e1eb;
  --p-ramp-neutral-6: oklch(0.915 0.0128 298.16);
  --p-ramp-neutral-7: #d7d4de;
  --p-ramp-neutral-7: oklch(0.875 0.0136 298.16);
  --p-ramp-neutral-8: #87848e;
  --p-ramp-neutral-8: oklch(0.62 0.0145 298.16);
  --p-ramp-neutral-9: #75737c;
  --p-ramp-neutral-9: oklch(0.56 0.0142 298.16);
  --p-segmented-active-bg: #fdfcff;
  --p-segmented-active-bg: oklch(0.993 0.0038 298.16);
  --p-segmented-track: #19171e0a;
  --p-segmented-track: oklch(0.21 0.0142 298.16 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.21 0.0142 298.16 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.21 0.0142 298.16 / 0.05);
  --p-shadow-control: 0px 1px 2px 0px oklch(0.21 0.0142 298.16 / 0.05);
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.0142 298.16 / 0.08), 0px 24px 48px -12px oklch(0.21 0.0142 298.16 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.0142 298.16 / 0.03), 0px 4px 8px -4px oklch(0.21 0.0142 298.16 / 0.05), 0px 16px 24px -8px oklch(0.21 0.0142 298.16 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.0142 298.16 / 0.08);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.21 0.0142 298.16 / 0.08), 0px 0px 0px 1px oklch(0.21 0.0142 298.16 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.0142 298.16 / 0.12), 0px 1px 2px 0px oklch(0.21 0.0142 298.16 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.0142 298.16 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.0142 298.16 / 0.08);
  --p-shadow-xs: 0px 1px 2px 0px oklch(0.21 0.0142 298.16 / 0.05);
  --p-slider-track: #19171e1a;
  --p-slider-track: oklch(0.21 0.0142 298.16 / 0.1);
  --p-switch-border-off: #87848e;
  --p-switch-border-off: oklch(0.62 0.0145 298.16);
  --p-switch-track-off: #19171e29;
  --p-switch-track-off: oklch(0.21 0.0142 298.16 / 0.16);
  --p-tooltip-bg: #19171e;
  --p-tooltip-bg: oklch(0.21 0.0142 298.16);
  --p-tooltip-fg: #fdfcff;
  --p-tooltip-fg: oklch(0.993 0.0038 298.16);
  --p-type-body-l-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-body-m-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-body-s-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-caption-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-display-l-family: Cinzel, Georgia, serif;
  --p-type-display-m-family: Cinzel, Georgia, serif;
  --p-type-display-s-family: Cinzel, Georgia, serif;
  --p-type-label-l-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-label-m-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-label-s-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-numeric-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-l-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-m-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-s-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

[data-product="ownmode"] {
  --p-brand-name: "OwnMode";
  --p-brand-sidebar-accent: #1a1812;
  --p-brand-sidebar-accent: oklch(0.21 0.0114 89.73);
  --p-brand-wordmark: "OwnMode";
  --p-button-focus-border: #2f6f57;
  --p-button-focus-border: oklch(0.4926 0.0769 165.99);
  --p-button-ghost-bg-hover: #1a18120a;
  --p-button-ghost-bg-hover: oklch(0.21 0.0114 89.73 / 0.04);
  --p-button-ghost-bg-pressed: #1a181214;
  --p-button-ghost-bg-pressed: oklch(0.21 0.0114 89.73 / 0.08);
  --p-button-secondary-bg: #fefdf8;
  --p-button-secondary-bg: oklch(0.993 0.0068 89.73);
  --p-button-secondary-bg-hover: #1a18120a;
  --p-button-secondary-bg-hover: oklch(0.21 0.0114 89.73 / 0.04);
  --p-choice-border: #8a8780;
  --p-choice-border: oklch(0.624 0.0116 89.73);
  --p-color-accent-action: #2f6f57;
  --p-color-accent-action: oklch(0.4926 0.0769 165.99);
  --p-color-accent-border: #9bd0b9;
  --p-color-accent-border: oklch(0.815 0.0646 165.99);
  --p-color-accent-seed: #2f6f57;
  --p-color-accent-seed: oklch(0.4926 0.0769 165.99);
  --p-color-accent-solid: #1a1812;
  --p-color-accent-solid: oklch(0.21 0.0114 89.73);
  --p-color-accent-solid-hover: #514e47;
  --p-color-accent-solid-hover: oklch(0.424 0.0114 89.73);
  --p-color-accent-solid-pressed: #66635c;
  --p-color-accent-solid-pressed: oklch(0.5 0.0114 89.73);
  --p-color-accent-text: #245d48;
  --p-color-accent-text: oklch(0.4326 0.0692 165.99);
  --p-color-accent-text-pressed: #66635c;
  --p-color-accent-text-pressed: oklch(0.5 0.0114 89.73);
  --p-color-accent-tint: #e3efe8;
  --p-color-accent-tint: oklch(0.9412 0.0158 160.61);
  --p-color-agent-border: #9bd0b9;
  --p-color-agent-border: oklch(0.815 0.0646 165.99);
  --p-color-agent-mark: #2f6f57;
  --p-color-agent-mark: oklch(0.4926 0.0769 165.99);
  --p-color-agent-text: #245d48;
  --p-color-agent-text: oklch(0.4326 0.0692 165.99);
  --p-color-agent-tint: #def5ea;
  --p-color-agent-tint: oklch(0.95 0.0277 165.99);
  --p-color-bg-canvas: #f1efe8;
  --p-color-bg-canvas: oklch(0.951 0.0089 89.73);
  --p-color-bg-default: #fefdf8;
  --p-color-bg-default: oklch(0.993 0.0068 89.73);
  --p-color-bg-panel: #fefdf8;
  --p-color-bg-panel: oklch(0.993 0.0068 89.73);
  --p-color-border-control: #1a18122e;
  --p-color-border-control: oklch(0.21 0.0114 89.73 / 0.18);
  --p-color-border-control-hover: #1a18123d;
  --p-color-border-control-hover: oklch(0.21 0.0114 89.73 / 0.24);
  --p-color-border-control-strong: #1a18123d;
  --p-color-border-control-strong: oklch(0.21 0.0114 89.73 / 0.24);
  --p-color-border-default: #8a8780;
  --p-color-border-default: oklch(0.624 0.0116 89.73);
  --p-color-border-hairline: #1a181214;
  --p-color-border-hairline: oklch(0.21 0.0114 89.73 / 0.08);
  --p-color-border-strong: #78756e;
  --p-color-border-strong: oklch(0.562 0.0114 89.73);
  --p-color-border-subtle: #e5e3db;
  --p-color-border-subtle: oklch(0.915 0.0103 89.73);
  --p-color-count-bg: #202227;
  --p-color-count-bg: oklch(0.252 0.0099 268.29);
  --p-color-count-text: #fefdf8;
  --p-color-count-text: oklch(0.993 0.0068 89.73);
  --p-color-danger-subtle: #fff1ed;
  --p-color-danger-subtle: oklch(0.9672 0.0164 35.46);
  --p-color-field-bg: #fefdf8;
  --p-color-field-bg: oklch(0.993 0.0068 89.73);
  --p-color-field-bg-disabled: #1a181208;
  --p-color-field-bg-disabled: oklch(0.21 0.0114 89.73 / 0.03);
  --p-color-field-border-disabled: #1a18120f;
  --p-color-field-border-disabled: oklch(0.21 0.0114 89.73 / 0.06);
  --p-color-field-border-focus: #2f6f57;
  --p-color-field-border-focus: oklch(0.4926 0.0769 165.99);
  --p-color-field-border-readonly-hover: #1a18121f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.0114 89.73 / 0.12);
  --p-color-focus-ring: #2f6f57;
  --p-color-focus-ring: oklch(0.4926 0.0769 165.99);
  --p-color-focus-ring-button: #2f6f5759;
  --p-color-focus-ring-button: oklch(0.4926 0.0769 165.99 / 0.35);
  --p-color-focus-ring-field: #2f6f5738;
  --p-color-focus-ring-field: oklch(0.4926 0.0769 165.99 / 0.22);
  --p-color-hover-tint: #1a18120a;
  --p-color-hover-tint: oklch(0.21 0.0114 89.73 / 0.04);
  --p-color-info-subtle: #eef5fc;
  --p-color-info-subtle: oklch(0.9672 0.0124 245.74);
  --p-color-ink-a10: #1a18121a;
  --p-color-ink-a10: oklch(0.21 0.0114 89.73 / 0.1);
  --p-color-ink-a12: #1a18121f;
  --p-color-ink-a12: oklch(0.21 0.0114 89.73 / 0.12);
  --p-color-ink-a14: #1a181224;
  --p-color-ink-a14: oklch(0.21 0.0114 89.73 / 0.14);
  --p-color-ink-a16: #1a181229;
  --p-color-ink-a16: oklch(0.21 0.0114 89.73 / 0.16);
  --p-color-ink-a18: #1a18122e;
  --p-color-ink-a18: oklch(0.21 0.0114 89.73 / 0.18);
  --p-color-ink-a20: #1a181233;
  --p-color-ink-a20: oklch(0.21 0.0114 89.73 / 0.2);
  --p-color-ink-a24: #1a18123d;
  --p-color-ink-a24: oklch(0.21 0.0114 89.73 / 0.24);
  --p-color-ink-a28: #1a181247;
  --p-color-ink-a28: oklch(0.21 0.0114 89.73 / 0.28);
  --p-color-ink-a3: #1a181208;
  --p-color-ink-a3: oklch(0.21 0.0114 89.73 / 0.03);
  --p-color-ink-a32: #1a181252;
  --p-color-ink-a32: oklch(0.21 0.0114 89.73 / 0.32);
  --p-color-ink-a4: #1a18120a;
  --p-color-ink-a4: oklch(0.21 0.0114 89.73 / 0.04);
  --p-color-ink-a40: #1a181266;
  --p-color-ink-a40: oklch(0.21 0.0114 89.73 / 0.4);
  --p-color-ink-a5: #1a18120d;
  --p-color-ink-a5: oklch(0.21 0.0114 89.73 / 0.05);
  --p-color-ink-a6: #1a18120f;
  --p-color-ink-a6: oklch(0.21 0.0114 89.73 / 0.06);
  --p-color-ink-a8: #1a181214;
  --p-color-ink-a8: oklch(0.21 0.0114 89.73 / 0.08);
  --p-color-mark-done: #202227;
  --p-color-mark-done: oklch(0.252 0.0099 268.29);
  --p-color-mark-on-done: #fefdf8;
  --p-color-mark-on-done: oklch(0.993 0.0068 89.73);
  --p-color-nav-active: #d8dcd3;
  --p-color-nav-active: oklch(0.8888 0.0127 129.18);
  --p-color-nav-active-icon: #245d48;
  --p-color-nav-active-icon: oklch(0.4326 0.0692 165.99);
  --p-color-neutral-tint: #74716a;
  --p-color-neutral-tint: oklch(0.55 0.0114 89.73);
  --p-color-selected-outline: #202227;
  --p-color-selected-outline: oklch(0.252 0.0099 268.29);
  --p-color-status-amber: #c98a1b;
  --p-color-status-amber: oklch(0.6801 0.1366 74.73);
  --p-color-status-green: #3b8467;
  --p-color-status-green: oklch(0.5582 0.0868 164.85);
  --p-color-status-red: #e2563e;
  --p-color-status-red: oklch(0.6345 0.1792 31.99);
  --p-color-success-subtle: #e6fbe7;
  --p-color-success-subtle: oklch(0.9672 0.0338 146);
  --p-color-surface-1: #fefdf8;
  --p-color-surface-1: oklch(0.993 0.0068 89.73);
  --p-color-surface-hover: #f6f4ee;
  --p-color-surface-hover: oklch(0.967 0.0082 89.73);
  --p-color-surface-night: #0d1120;
  --p-color-surface-night: oklch(0.182 0.0315 271.62);
  --p-color-surface-pressed: #f1efe8;
  --p-color-surface-pressed: oklch(0.951 0.0089 89.73);
  --p-color-surface-selected: #def5ea;
  --p-color-surface-selected: oklch(0.95 0.0277 165.99);
  --p-color-surface-sunken: #f1efe8;
  --p-color-surface-sunken: oklch(0.9517 0.0096 93.57);
  --p-color-text-disabled: #8a8780;
  --p-color-text-disabled: oklch(0.624 0.0116 89.73);
  --p-color-text-inverse: #fefdf8;
  --p-color-text-inverse: oklch(0.993 0.0068 89.73);
  --p-color-text-link: #245d48;
  --p-color-text-link: oklch(0.4326 0.0692 165.99);
  --p-color-text-primary: #202227;
  --p-color-text-primary: oklch(0.252 0.0099 268.29);
  --p-color-text-secondary: #4a4d53;
  --p-color-text-secondary: oklch(0.4196 0.0107 264.45);
  --p-color-text-tertiary: #6e6a5e;
  --p-color-text-tertiary: oklch(0.5243 0.019 91.68);
  --p-color-warning-subtle: #fff2e1;
  --p-color-warning-subtle: oklch(0.9672 0.0271 76.46);
  --p-elevation-0-surface: #fefdf8;
  --p-elevation-0-surface: oklch(0.993 0.0068 89.73);
  --p-elevation-1-surface: #fefdf8;
  --p-elevation-1-surface: oklch(0.993 0.0068 89.73);
  --p-font-family-display: ui-serif, Georgia, serif;
  --p-font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-nav-preset: "tabs";
  --p-overlay-bg: #fefdf8;
  --p-overlay-bg: oklch(0.993 0.0068 89.73);
  --p-overlay-highlight: #1a18120f;
  --p-overlay-highlight: oklch(0.21 0.0114 89.73 / 0.06);
  --p-overlay-ring: #1a181214;
  --p-overlay-ring: oklch(0.21 0.0114 89.73 / 0.08);
  --p-overlay-separator: #1a181214;
  --p-overlay-separator: oklch(0.21 0.0114 89.73 / 0.08);
  --p-radius-card: 20px;
  --p-radius-control: 8px;
  --p-radius-factor: 1.2;
  --p-radius-inner-card: 20px;
  --p-radius-inner-control: 16px;
  --p-radius-pop: 16px;
  --p-radius-sheet: 28px;
  --p-ramp-accent-1: #f8fefb;
  --p-ramp-accent-1: oklch(0.992 0.0074 165.99);
  --p-ramp-accent-10: #24634c;
  --p-ramp-accent-10: oklch(0.4526 0.0754 165.99);
  --p-ramp-accent-11: #245d48;
  --p-ramp-accent-11: oklch(0.4326 0.0692 165.99);
  --p-ramp-accent-12: #21322b;
  --p-ramp-accent-12: oklch(0.3 0.0269 165.99);
  --p-ramp-accent-2: #effbf5;
  --p-ramp-accent-2: oklch(0.978 0.0154 165.99);
  --p-ramp-accent-3: #def5ea;
  --p-ramp-accent-3: oklch(0.95 0.0277 165.99);
  --p-ramp-accent-4: #d0efe1;
  --p-ramp-accent-4: oklch(0.925 0.0369 165.99);
  --p-ramp-accent-5: #c1e7d5;
  --p-ramp-accent-5: oklch(0.895 0.0461 165.99);
  --p-ramp-accent-6: #afddc9;
  --p-ramp-accent-6: oklch(0.86 0.0554 165.99);
  --p-ramp-accent-7: #9bd0b9;
  --p-ramp-accent-7: oklch(0.815 0.0646 165.99);
  --p-ramp-accent-8: #6ca48d;
  --p-ramp-accent-8: oklch(0.6738 0.0692 165.99);
  --p-ramp-accent-9: #2f6f57;
  --p-ramp-accent-9: oklch(0.4926 0.0769 165.99);
  --p-ramp-neutral-1: #fefdf8;
  --p-ramp-neutral-1: oklch(0.993 0.0068 89.73);
  --p-ramp-neutral-10: #66635c;
  --p-ramp-neutral-10: oklch(0.5 0.0114 89.73);
  --p-ramp-neutral-11: #514e47;
  --p-ramp-neutral-11: oklch(0.424 0.0114 89.73);
  --p-ramp-neutral-12: #1a1812;
  --p-ramp-neutral-12: oklch(0.21 0.0114 89.73);
  --p-ramp-neutral-2: #fbf9f4;
  --p-ramp-neutral-2: oklch(0.982 0.0075 89.73);
  --p-ramp-neutral-3: #f6f4ee;
  --p-ramp-neutral-3: oklch(0.967 0.0082 89.73);
  --p-ramp-neutral-4: #f1efe8;
  --p-ramp-neutral-4: oklch(0.951 0.0089 89.73);
  --p-ramp-neutral-5: #ece9e2;
  --p-ramp-neutral-5: oklch(0.935 0.0096 89.73);
  --p-ramp-neutral-6: #e5e3db;
  --p-ramp-neutral-6: oklch(0.915 0.0103 89.73);
  --p-ramp-neutral-7: #d8d6ce;
  --p-ramp-neutral-7: oklch(0.875 0.0109 89.73);
  --p-ramp-neutral-8: #8a8780;
  --p-ramp-neutral-8: oklch(0.624 0.0116 89.73);
  --p-ramp-neutral-9: #78756e;
  --p-ramp-neutral-9: oklch(0.562 0.0114 89.73);
  --p-segmented-active-bg: #fefdf8;
  --p-segmented-active-bg: oklch(0.993 0.0068 89.73);
  --p-segmented-track: #1a18120a;
  --p-segmented-track: oklch(0.21 0.0114 89.73 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.21 0.0114 89.73 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.21 0.0114 89.73 / 0.05);
  --p-shadow-control: 0px 1px 2px 0px oklch(0.21 0.0114 89.73 / 0.05);
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.0114 89.73 / 0.08), 0px 24px 48px -12px oklch(0.21 0.0114 89.73 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.0114 89.73 / 0.03), 0px 4px 8px -4px oklch(0.21 0.0114 89.73 / 0.05), 0px 16px 24px -8px oklch(0.21 0.0114 89.73 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.0114 89.73 / 0.08);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.21 0.0114 89.73 / 0.08), 0px 0px 0px 1px oklch(0.21 0.0114 89.73 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.0114 89.73 / 0.12), 0px 1px 2px 0px oklch(0.21 0.0114 89.73 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.0114 89.73 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.0114 89.73 / 0.08);
  --p-shadow-xs: 0px 1px 2px 0px oklch(0.21 0.0114 89.73 / 0.05);
  --p-slider-track: #1a18121a;
  --p-slider-track: oklch(0.21 0.0114 89.73 / 0.1);
  --p-switch-border-off: #8a8780;
  --p-switch-border-off: oklch(0.624 0.0116 89.73);
  --p-switch-track-off: #1a181229;
  --p-switch-track-off: oklch(0.21 0.0114 89.73 / 0.16);
  --p-tooltip-bg: #202227;
  --p-tooltip-bg: oklch(0.252 0.0099 268.29);
  --p-tooltip-fg: #fefdf8;
  --p-tooltip-fg: oklch(0.993 0.0068 89.73);
  --p-type-body-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-body-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-body-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-caption-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-display-l-family: ui-serif, Georgia, serif;
  --p-type-display-m-family: ui-serif, Georgia, serif;
  --p-type-display-s-family: ui-serif, Georgia, serif;
  --p-type-label-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-label-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-label-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-numeric-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-title-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-title-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-title-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
}

[data-product="loudsoup"] {
  --p-brand-name: "Loudsoup";
  --p-brand-sidebar-accent: #1b1814;
  --p-brand-sidebar-accent: oklch(0.21 0.008 73.74);
  --p-brand-wordmark: "Loudsoup";
  --p-button-focus-border: #d21d55;
  --p-button-focus-border: oklch(0.5612 0.2104 11.21);
  --p-button-ghost-bg-hover: #1b18140a;
  --p-button-ghost-bg-hover: oklch(0.21 0.008 73.74 / 0.04);
  --p-button-ghost-bg-pressed: #1b181414;
  --p-button-ghost-bg-pressed: oklch(0.21 0.008 73.74 / 0.08);
  --p-button-secondary-bg: #fffcf9;
  --p-button-secondary-bg: oklch(0.993 0.0048 73.74);
  --p-button-secondary-bg-hover: #1b18140a;
  --p-button-secondary-bg-hover: oklch(0.21 0.008 73.74 / 0.04);
  --p-choice-border: #898581;
  --p-choice-border: oklch(0.62 0.0082 73.74);
  --p-color-accent-action: #d21d55;
  --p-color-accent-action: oklch(0.5612 0.2104 11.21);
  --p-color-accent-border: #ffa5b1;
  --p-color-accent-border: oklch(0.815 0.1067 11.21);
  --p-color-accent-seed: #d21d55;
  --p-color-accent-seed: oklch(0.5612 0.2104 11.21);
  --p-color-accent-solid: #1b1814;
  --p-color-accent-solid: oklch(0.21 0.008 73.74);
  --p-color-accent-solid-hover: #504c48;
  --p-color-accent-solid-hover: oklch(0.42 0.008 73.74);
  --p-color-accent-solid-pressed: #66635e;
  --p-color-accent-solid-pressed: oklch(0.5 0.008 73.74);
  --p-color-accent-text: #b51547;
  --p-color-accent-text: oklch(0.5 0.1894 11.21);
  --p-color-accent-text-pressed: #66635e;
  --p-color-accent-text-pressed: oklch(0.5 0.008 73.74);
  --p-color-accent-tint: #ffe8ea;
  --p-color-accent-tint: oklch(0.95 0.0254 11.21);
  --p-color-agent-border: #ffa5b1;
  --p-color-agent-border: oklch(0.815 0.1067 11.21);
  --p-color-agent-mark: #d21d55;
  --p-color-agent-mark: oklch(0.5612 0.2104 11.21);
  --p-color-agent-text: #b51547;
  --p-color-agent-text: oklch(0.5 0.1894 11.21);
  --p-color-agent-tint: #ffe8ea;
  --p-color-agent-tint: oklch(0.95 0.0254 11.21);
  --p-color-bg-canvas: #f1eeea;
  --p-color-bg-canvas: oklch(0.951 0.0062 73.74);
  --p-color-bg-default: #fffcf9;
  --p-color-bg-default: oklch(0.993 0.0048 73.74);
  --p-color-bg-panel: #fffcf9;
  --p-color-bg-panel: oklch(0.993 0.0048 73.74);
  --p-color-border-control: #1b18142e;
  --p-color-border-control: oklch(0.21 0.008 73.74 / 0.18);
  --p-color-border-control-hover: #1b18143d;
  --p-color-border-control-hover: oklch(0.21 0.008 73.74 / 0.24);
  --p-color-border-control-strong: #1b18143d;
  --p-color-border-control-strong: oklch(0.21 0.008 73.74 / 0.24);
  --p-color-border-default: #898581;
  --p-color-border-default: oklch(0.62 0.0082 73.74);
  --p-color-border-hairline: #1b181414;
  --p-color-border-hairline: oklch(0.21 0.008 73.74 / 0.08);
  --p-color-border-strong: #77746f;
  --p-color-border-strong: oklch(0.56 0.008 73.74);
  --p-color-border-subtle: #e6e2de;
  --p-color-border-subtle: oklch(0.915 0.0072 73.74);
  --p-color-count-bg: #1b1814;
  --p-color-count-bg: oklch(0.21 0.008 73.74);
  --p-color-count-text: #fffcf9;
  --p-color-count-text: oklch(0.993 0.0048 73.74);
  --p-color-danger-subtle: #fff0ed;
  --p-color-danger-subtle: oklch(0.9672 0.0164 31.9);
  --p-color-field-bg: #fffcf9;
  --p-color-field-bg: oklch(0.993 0.0048 73.74);
  --p-color-field-bg-disabled: #1b181408;
  --p-color-field-bg-disabled: oklch(0.21 0.008 73.74 / 0.03);
  --p-color-field-border-disabled: #1b18140f;
  --p-color-field-border-disabled: oklch(0.21 0.008 73.74 / 0.06);
  --p-color-field-border-focus: #d21d55;
  --p-color-field-border-focus: oklch(0.5612 0.2104 11.21);
  --p-color-field-border-readonly-hover: #1b18141f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.008 73.74 / 0.12);
  --p-color-focus-ring: #d21d55;
  --p-color-focus-ring: oklch(0.5612 0.2104 11.21);
  --p-color-focus-ring-button: #d21d5559;
  --p-color-focus-ring-button: oklch(0.5612 0.2104 11.21 / 0.35);
  --p-color-focus-ring-field: #d21d5538;
  --p-color-focus-ring-field: oklch(0.5612 0.2104 11.21 / 0.22);
  --p-color-hover-tint: #1b18140a;
  --p-color-hover-tint: oklch(0.21 0.008 73.74 / 0.04);
  --p-color-info-subtle: #eef5fd;
  --p-color-info-subtle: oklch(0.9672 0.013 249.45);
  --p-color-ink-a10: #1b18141a;
  --p-color-ink-a10: oklch(0.21 0.008 73.74 / 0.1);
  --p-color-ink-a12: #1b18141f;
  --p-color-ink-a12: oklch(0.21 0.008 73.74 / 0.12);
  --p-color-ink-a14: #1b181424;
  --p-color-ink-a14: oklch(0.21 0.008 73.74 / 0.14);
  --p-color-ink-a16: #1b181429;
  --p-color-ink-a16: oklch(0.21 0.008 73.74 / 0.16);
  --p-color-ink-a18: #1b18142e;
  --p-color-ink-a18: oklch(0.21 0.008 73.74 / 0.18);
  --p-color-ink-a20: #1b181433;
  --p-color-ink-a20: oklch(0.21 0.008 73.74 / 0.2);
  --p-color-ink-a24: #1b18143d;
  --p-color-ink-a24: oklch(0.21 0.008 73.74 / 0.24);
  --p-color-ink-a28: #1b181447;
  --p-color-ink-a28: oklch(0.21 0.008 73.74 / 0.28);
  --p-color-ink-a3: #1b181408;
  --p-color-ink-a3: oklch(0.21 0.008 73.74 / 0.03);
  --p-color-ink-a32: #1b181452;
  --p-color-ink-a32: oklch(0.21 0.008 73.74 / 0.32);
  --p-color-ink-a4: #1b18140a;
  --p-color-ink-a4: oklch(0.21 0.008 73.74 / 0.04);
  --p-color-ink-a40: #1b181466;
  --p-color-ink-a40: oklch(0.21 0.008 73.74 / 0.4);
  --p-color-ink-a5: #1b18140d;
  --p-color-ink-a5: oklch(0.21 0.008 73.74 / 0.05);
  --p-color-ink-a6: #1b18140f;
  --p-color-ink-a6: oklch(0.21 0.008 73.74 / 0.06);
  --p-color-ink-a8: #1b181414;
  --p-color-ink-a8: oklch(0.21 0.008 73.74 / 0.08);
  --p-color-mark-done: #1b1814;
  --p-color-mark-done: oklch(0.21 0.008 73.74);
  --p-color-mark-on-done: #fffcf9;
  --p-color-mark-on-done: oklch(0.993 0.0048 73.74);
  --p-color-nav-active: #eed7d5;
  --p-color-nav-active: oklch(0.8969 0.0257 22.07);
  --p-color-nav-active-icon: #b51547;
  --p-color-nav-active-icon: oklch(0.5 0.1894 11.21);
  --p-color-neutral-tint: #74716c;
  --p-color-neutral-tint: oklch(0.55 0.008 73.74);
  --p-color-selected-outline: #1b1814;
  --p-color-selected-outline: oklch(0.21 0.008 73.74);
  --p-color-success-subtle: #e7fbe8;
  --p-color-success-subtle: oklch(0.9672 0.0329 146.75);
  --p-color-surface-1: #fffcf9;
  --p-color-surface-1: oklch(0.993 0.0048 73.74);
  --p-color-surface-hover: #f6f4f0;
  --p-color-surface-hover: oklch(0.967 0.0058 73.74);
  --p-color-surface-pressed: #f1eeea;
  --p-color-surface-pressed: oklch(0.951 0.0062 73.74);
  --p-color-surface-selected: #ffe8ea;
  --p-color-surface-selected: oklch(0.95 0.0254 11.21);
  --p-color-surface-sunken: #fbf9f5;
  --p-color-surface-sunken: oklch(0.982 0.0053 73.74);
  --p-color-text-disabled: #898581;
  --p-color-text-disabled: oklch(0.62 0.0082 73.74);
  --p-color-text-inverse: #fffcf9;
  --p-color-text-inverse: oklch(0.993 0.0048 73.74);
  --p-color-text-link: #b51547;
  --p-color-text-link: oklch(0.5 0.1894 11.21);
  --p-color-text-primary: #1b1814;
  --p-color-text-primary: oklch(0.21 0.008 73.74);
  --p-color-text-secondary: #504c48;
  --p-color-text-secondary: oklch(0.42 0.008 73.74);
  --p-color-text-tertiary: #66635e;
  --p-color-text-tertiary: oklch(0.5 0.008 73.74);
  --p-color-warning-subtle: #fff2e1;
  --p-color-warning-subtle: oklch(0.9672 0.0263 74.91);
  --p-elevation-0-surface: #fffcf9;
  --p-elevation-0-surface: oklch(0.993 0.0048 73.74);
  --p-elevation-1-surface: #fffcf9;
  --p-elevation-1-surface: oklch(0.993 0.0048 73.74);
  --p-font-family-display: Fraunces, Georgia, serif;
  --p-font-family-sans: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-motion-budget: "expressive";
  --p-nav-preset: "topbar";
  --p-overlay-bg: #fffcf9;
  --p-overlay-bg: oklch(0.993 0.0048 73.74);
  --p-overlay-highlight: #1b18140f;
  --p-overlay-highlight: oklch(0.21 0.008 73.74 / 0.06);
  --p-overlay-ring: #1b181414;
  --p-overlay-ring: oklch(0.21 0.008 73.74 / 0.08);
  --p-overlay-separator: #1b181414;
  --p-overlay-separator: oklch(0.21 0.008 73.74 / 0.08);
  --p-radius-factor: 0.65;
  --p-ramp-accent-1: #fffbfc;
  --p-ramp-accent-1: oklch(0.992 0.004 11.21);
  --p-ramp-accent-10: #c2054b;
  --p-ramp-accent-10: oklch(0.5212 0.2062 11.21);
  --p-ramp-accent-11: #b51547;
  --p-ramp-accent-11: oklch(0.5 0.1894 11.21);
  --p-ramp-accent-12: #4c1b24;
  --p-ramp-accent-12: oklch(0.3 0.0736 11.21);
  --p-ramp-accent-2: #fff5f6;
  --p-ramp-accent-2: oklch(0.978 0.011 11.21);
  --p-ramp-accent-3: #ffe8ea;
  --p-ramp-accent-3: oklch(0.95 0.0254 11.21);
  --p-ramp-accent-4: #ffdce0;
  --p-ramp-accent-4: oklch(0.925 0.0389 11.21);
  --p-ramp-accent-5: #ffced3;
  --p-ramp-accent-5: oklch(0.895 0.056 11.21);
  --p-ramp-accent-6: #ffbdc4;
  --p-ramp-accent-6: oklch(0.86 0.0772 11.21);
  --p-ramp-accent-7: #ffa5b1;
  --p-ramp-accent-7: oklch(0.815 0.1067 11.21);
  --p-ramp-accent-8: #ff6483;
  --p-ramp-accent-8: oklch(0.7081 0.1893 11.21);
  --p-ramp-accent-9: #d21d55;
  --p-ramp-accent-9: oklch(0.5612 0.2104 11.21);
  --p-ramp-neutral-1: #fffcf9;
  --p-ramp-neutral-1: oklch(0.993 0.0048 73.74);
  --p-ramp-neutral-10: #66635e;
  --p-ramp-neutral-10: oklch(0.5 0.008 73.74);
  --p-ramp-neutral-11: #504c48;
  --p-ramp-neutral-11: oklch(0.42 0.008 73.74);
  --p-ramp-neutral-12: #1b1814;
  --p-ramp-neutral-12: oklch(0.21 0.008 73.74);
  --p-ramp-neutral-2: #fbf9f5;
  --p-ramp-neutral-2: oklch(0.982 0.0053 73.74);
  --p-ramp-neutral-3: #f6f4f0;
  --p-ramp-neutral-3: oklch(0.967 0.0058 73.74);
  --p-ramp-neutral-4: #f1eeea;
  --p-ramp-neutral-4: oklch(0.951 0.0062 73.74);
  --p-ramp-neutral-5: #ece9e5;
  --p-ramp-neutral-5: oklch(0.935 0.0067 73.74);
  --p-ramp-neutral-6: #e6e2de;
  --p-ramp-neutral-6: oklch(0.915 0.0072 73.74);
  --p-ramp-neutral-7: #d9d5d0;
  --p-ramp-neutral-7: oklch(0.875 0.0077 73.74);
  --p-ramp-neutral-8: #898581;
  --p-ramp-neutral-8: oklch(0.62 0.0082 73.74);
  --p-ramp-neutral-9: #77746f;
  --p-ramp-neutral-9: oklch(0.56 0.008 73.74);
  --p-segmented-active-bg: #fffcf9;
  --p-segmented-active-bg: oklch(0.993 0.0048 73.74);
  --p-segmented-track: #1b18140a;
  --p-segmented-track: oklch(0.21 0.008 73.74 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.21 0.008 73.74 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.21 0.008 73.74 / 0.05);
  --p-shadow-control: 0px 1px 2px 0px oklch(0.21 0.008 73.74 / 0.05);
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.008 73.74 / 0.08), 0px 24px 48px -12px oklch(0.21 0.008 73.74 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.008 73.74 / 0.03), 0px 4px 8px -4px oklch(0.21 0.008 73.74 / 0.05), 0px 16px 24px -8px oklch(0.21 0.008 73.74 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.008 73.74 / 0.08);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.21 0.008 73.74 / 0.08), 0px 0px 0px 1px oklch(0.21 0.008 73.74 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.008 73.74 / 0.12), 0px 1px 2px 0px oklch(0.21 0.008 73.74 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.008 73.74 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.008 73.74 / 0.08);
  --p-shadow-xs: 0px 1px 2px 0px oklch(0.21 0.008 73.74 / 0.05);
  --p-slider-track: #1b18141a;
  --p-slider-track: oklch(0.21 0.008 73.74 / 0.1);
  --p-switch-border-off: #898581;
  --p-switch-border-off: oklch(0.62 0.0082 73.74);
  --p-switch-track-off: #1b181429;
  --p-switch-track-off: oklch(0.21 0.008 73.74 / 0.16);
  --p-tooltip-bg: #1b1814;
  --p-tooltip-bg: oklch(0.21 0.008 73.74);
  --p-tooltip-fg: #fffcf9;
  --p-tooltip-fg: oklch(0.993 0.0048 73.74);
  --p-type-body-l-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-body-m-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-body-s-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-caption-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-display-l-family: Fraunces, Georgia, serif;
  --p-type-display-m-family: Fraunces, Georgia, serif;
  --p-type-display-s-family: Fraunces, Georgia, serif;
  --p-type-label-l-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-label-m-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-label-s-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-numeric-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-title-l-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-title-m-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-title-s-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
}

[data-product="execemy"] {
  --p-brand-name: "Execemy";
  --p-brand-sidebar-accent: #1b1813;
  --p-brand-sidebar-accent: oklch(0.21 0.0105 84.59);
  --p-brand-wordmark: "Execemy";
  --p-button-focus-border: #2f52e0;
  --p-button-focus-border: oklch(0.5084 0.2187 267.04);
  --p-button-ghost-bg-hover: #1b18130a;
  --p-button-ghost-bg-hover: oklch(0.21 0.0105 84.59 / 0.04);
  --p-button-ghost-bg-pressed: #1b181314;
  --p-button-ghost-bg-pressed: oklch(0.21 0.0105 84.59 / 0.08);
  --p-button-secondary-bg: #fffcf8;
  --p-button-secondary-bg: oklch(0.993 0.0063 84.59);
  --p-button-secondary-bg-hover: #1b18130a;
  --p-button-secondary-bg-hover: oklch(0.21 0.0105 84.59 / 0.04);
  --p-choice-border: #89867f;
  --p-choice-border: oklch(0.62 0.0107 84.59);
  --p-color-accent-action: #2f52e0;
  --p-color-accent-action: oklch(0.5084 0.2187 267.04);
  --p-color-accent-border: #a8c1ff;
  --p-color-accent-border: oklch(0.815 0.0921 267.04);
  --p-color-accent-seed: #2f52e0;
  --p-color-accent-seed: oklch(0.5084 0.2187 267.04);
  --p-color-accent-solid: #1b1813;
  --p-color-accent-solid: oklch(0.21 0.0105 84.59);
  --p-color-accent-solid-hover: #504d47;
  --p-color-accent-solid-hover: oklch(0.42 0.0105 84.59);
  --p-color-accent-solid-pressed: #66635d;
  --p-color-accent-solid-pressed: oklch(0.5 0.0105 84.59);
  --p-color-accent-text: #2543bf;
  --p-color-accent-text: oklch(0.4484 0.1968 267.04);
  --p-color-accent-text-pressed: #66635d;
  --p-color-accent-text-pressed: oklch(0.5 0.0105 84.59);
  --p-color-accent-tint: #e7eeff;
  --p-color-accent-tint: oklch(0.95 0.0237 267.04);
  --p-color-agent-border: #a8c1ff;
  --p-color-agent-border: oklch(0.815 0.0921 267.04);
  --p-color-agent-mark: #2f52e0;
  --p-color-agent-mark: oklch(0.5084 0.2187 267.04);
  --p-color-agent-text: #2543bf;
  --p-color-agent-text: oklch(0.4484 0.1968 267.04);
  --p-color-agent-tint: #e7eeff;
  --p-color-agent-tint: oklch(0.95 0.0237 267.04);
  --p-color-bg-canvas: #f1eee9;
  --p-color-bg-canvas: oklch(0.951 0.0082 84.59);
  --p-color-bg-default: #fffcf8;
  --p-color-bg-default: oklch(0.993 0.0063 84.59);
  --p-color-bg-panel: #fffcf8;
  --p-color-bg-panel: oklch(0.993 0.0063 84.59);
  --p-color-border-control: #1b18132e;
  --p-color-border-control: oklch(0.21 0.0105 84.59 / 0.18);
  --p-color-border-control-hover: #1b18133d;
  --p-color-border-control-hover: oklch(0.21 0.0105 84.59 / 0.24);
  --p-color-border-control-strong: #1b18133d;
  --p-color-border-control-strong: oklch(0.21 0.0105 84.59 / 0.24);
  --p-color-border-default: #89867f;
  --p-color-border-default: oklch(0.62 0.0107 84.59);
  --p-color-border-hairline: #1b181314;
  --p-color-border-hairline: oklch(0.21 0.0105 84.59 / 0.08);
  --p-color-border-strong: #77746e;
  --p-color-border-strong: oklch(0.56 0.0105 84.59);
  --p-color-border-subtle: #e6e2dc;
  --p-color-border-subtle: oklch(0.915 0.0095 84.59);
  --p-color-count-bg: #1b1813;
  --p-color-count-bg: oklch(0.21 0.0105 84.59);
  --p-color-count-text: #fffcf8;
  --p-color-count-text: oklch(0.993 0.0063 84.59);
  --p-color-danger-subtle: #fff1ed;
  --p-color-danger-subtle: oklch(0.9672 0.0165 34.41);
  --p-color-field-bg: #fffcf8;
  --p-color-field-bg: oklch(0.993 0.0063 84.59);
  --p-color-field-bg-disabled: #1b181308;
  --p-color-field-bg-disabled: oklch(0.21 0.0105 84.59 / 0.03);
  --p-color-field-border-disabled: #1b18130f;
  --p-color-field-border-disabled: oklch(0.21 0.0105 84.59 / 0.06);
  --p-color-field-border-focus: #2f52e0;
  --p-color-field-border-focus: oklch(0.5084 0.2187 267.04);
  --p-color-field-border-readonly-hover: #1b18131f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.0105 84.59 / 0.12);
  --p-color-focus-ring: #2f52e0;
  --p-color-focus-ring: oklch(0.5084 0.2187 267.04);
  --p-color-focus-ring-button: #2f52e059;
  --p-color-focus-ring-button: oklch(0.5084 0.2187 267.04 / 0.35);
  --p-color-focus-ring-field: #2f52e038;
  --p-color-focus-ring-field: oklch(0.5084 0.2187 267.04 / 0.22);
  --p-color-hover-tint: #1b18130a;
  --p-color-hover-tint: oklch(0.21 0.0105 84.59 / 0.04);
  --p-color-info-subtle: #eef5fc;
  --p-color-info-subtle: oklch(0.9672 0.0125 247.08);
  --p-color-ink-a10: #1b18131a;
  --p-color-ink-a10: oklch(0.21 0.0105 84.59 / 0.1);
  --p-color-ink-a12: #1b18131f;
  --p-color-ink-a12: oklch(0.21 0.0105 84.59 / 0.12);
  --p-color-ink-a14: #1b181324;
  --p-color-ink-a14: oklch(0.21 0.0105 84.59 / 0.14);
  --p-color-ink-a16: #1b181329;
  --p-color-ink-a16: oklch(0.21 0.0105 84.59 / 0.16);
  --p-color-ink-a18: #1b18132e;
  --p-color-ink-a18: oklch(0.21 0.0105 84.59 / 0.18);
  --p-color-ink-a20: #1b181333;
  --p-color-ink-a20: oklch(0.21 0.0105 84.59 / 0.2);
  --p-color-ink-a24: #1b18133d;
  --p-color-ink-a24: oklch(0.21 0.0105 84.59 / 0.24);
  --p-color-ink-a28: #1b181347;
  --p-color-ink-a28: oklch(0.21 0.0105 84.59 / 0.28);
  --p-color-ink-a3: #1b181308;
  --p-color-ink-a3: oklch(0.21 0.0105 84.59 / 0.03);
  --p-color-ink-a32: #1b181352;
  --p-color-ink-a32: oklch(0.21 0.0105 84.59 / 0.32);
  --p-color-ink-a4: #1b18130a;
  --p-color-ink-a4: oklch(0.21 0.0105 84.59 / 0.04);
  --p-color-ink-a40: #1b181366;
  --p-color-ink-a40: oklch(0.21 0.0105 84.59 / 0.4);
  --p-color-ink-a5: #1b18130d;
  --p-color-ink-a5: oklch(0.21 0.0105 84.59 / 0.05);
  --p-color-ink-a6: #1b18130f;
  --p-color-ink-a6: oklch(0.21 0.0105 84.59 / 0.06);
  --p-color-ink-a8: #1b181314;
  --p-color-ink-a8: oklch(0.21 0.0105 84.59 / 0.08);
  --p-color-mark-done: #1b1813;
  --p-color-mark-done: oklch(0.21 0.0105 84.59);
  --p-color-mark-on-done: #fffcf8;
  --p-color-mark-on-done: oklch(0.993 0.0063 84.59);
  --p-color-nav-active: #d6dbe6;
  --p-color-nav-active: oklch(0.8907 0.0164 268.12);
  --p-color-nav-active-icon: #2543bf;
  --p-color-nav-active-icon: oklch(0.4484 0.1968 267.04);
  --p-color-neutral-tint: #e2ded7;
  --p-color-neutral-tint: oklch(0.9018 0.0105 84.59);
  --p-color-selected-outline: #1b1813;
  --p-color-selected-outline: oklch(0.21 0.0105 84.59);
  --p-color-success-subtle: #e7fbe7;
  --p-color-success-subtle: oklch(0.9672 0.0335 146.08);
  --p-color-surface-1: #fffcf8;
  --p-color-surface-1: oklch(0.993 0.0063 84.59);
  --p-color-surface-hover: #f6f4ee;
  --p-color-surface-hover: oklch(0.967 0.0076 84.59);
  --p-color-surface-pressed: #f1eee9;
  --p-color-surface-pressed: oklch(0.951 0.0082 84.59);
  --p-color-surface-selected: #e7eeff;
  --p-color-surface-selected: oklch(0.95 0.0237 267.04);
  --p-color-surface-sunken: #fbf9f4;
  --p-color-surface-sunken: oklch(0.982 0.0069 84.59);
  --p-color-text-disabled: #89867f;
  --p-color-text-disabled: oklch(0.62 0.0107 84.59);
  --p-color-text-inverse: #fffcf8;
  --p-color-text-inverse: oklch(0.993 0.0063 84.59);
  --p-color-text-link: #2543bf;
  --p-color-text-link: oklch(0.4484 0.1968 267.04);
  --p-color-text-primary: #1b1813;
  --p-color-text-primary: oklch(0.21 0.0105 84.59);
  --p-color-text-secondary: #504d47;
  --p-color-text-secondary: oklch(0.42 0.0105 84.59);
  --p-color-text-tertiary: #66635d;
  --p-color-text-tertiary: oklch(0.5 0.0105 84.59);
  --p-color-warning-subtle: #fff2e1;
  --p-color-warning-subtle: oklch(0.9672 0.0269 75.89);
  --p-elevation-0-surface: #fffcf8;
  --p-elevation-0-surface: oklch(0.993 0.0063 84.59);
  --p-elevation-1-surface: #fffcf8;
  --p-elevation-1-surface: oklch(0.993 0.0063 84.59);
  --p-font-family-display: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-font-family-sans: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-overlay-bg: #fffcf8;
  --p-overlay-bg: oklch(0.993 0.0063 84.59);
  --p-overlay-highlight: #1b18130f;
  --p-overlay-highlight: oklch(0.21 0.0105 84.59 / 0.06);
  --p-overlay-ring: #1b181314;
  --p-overlay-ring: oklch(0.21 0.0105 84.59 / 0.08);
  --p-overlay-separator: #1b181314;
  --p-overlay-separator: oklch(0.21 0.0105 84.59 / 0.08);
  --p-radius-factor: 0.8;
  --p-radius-inner-card: 12px;
  --p-radius-sheet: 20px;
  --p-ramp-accent-1: #fbfcff;
  --p-ramp-accent-1: oklch(0.992 0.0038 267.04);
  --p-ramp-accent-10: #2746d0;
  --p-ramp-accent-10: oklch(0.4684 0.2143 267.04);
  --p-ramp-accent-11: #2543bf;
  --p-ramp-accent-11: oklch(0.4484 0.1968 267.04);
  --p-ramp-accent-12: #1c2b54;
  --p-ramp-accent-12: oklch(0.3 0.0765 267.04);
  --p-ramp-accent-2: #f5f8ff;
  --p-ramp-accent-2: oklch(0.978 0.0103 267.04);
  --p-ramp-accent-3: #e7eeff;
  --p-ramp-accent-3: oklch(0.95 0.0237 267.04);
  --p-ramp-accent-4: #dbe6ff;
  --p-ramp-accent-4: oklch(0.925 0.0358 267.04);
  --p-ramp-accent-5: #cddcff;
  --p-ramp-accent-5: oklch(0.895 0.0507 267.04);
  --p-ramp-accent-6: #bdd0ff;
  --p-ramp-accent-6: oklch(0.86 0.0685 267.04);
  --p-ramp-accent-7: #a8c1ff;
  --p-ramp-accent-7: oklch(0.815 0.0921 267.04);
  --p-ramp-accent-8: #6a92ff;
  --p-ramp-accent-8: oklch(0.6817 0.167 267.04);
  --p-ramp-accent-9: #2f52e0;
  --p-ramp-accent-9: oklch(0.5084 0.2187 267.04);
  --p-ramp-neutral-1: #fffcf8;
  --p-ramp-neutral-1: oklch(0.993 0.0063 84.59);
  --p-ramp-neutral-10: #66635d;
  --p-ramp-neutral-10: oklch(0.5 0.0105 84.59);
  --p-ramp-neutral-11: #504d47;
  --p-ramp-neutral-11: oklch(0.42 0.0105 84.59);
  --p-ramp-neutral-12: #1b1813;
  --p-ramp-neutral-12: oklch(0.21 0.0105 84.59);
  --p-ramp-neutral-2: #fbf9f4;
  --p-ramp-neutral-2: oklch(0.982 0.0069 84.59);
  --p-ramp-neutral-3: #f6f4ee;
  --p-ramp-neutral-3: oklch(0.967 0.0076 84.59);
  --p-ramp-neutral-4: #f1eee9;
  --p-ramp-neutral-4: oklch(0.951 0.0082 84.59);
  --p-ramp-neutral-5: #ece9e3;
  --p-ramp-neutral-5: oklch(0.935 0.0088 84.59);
  --p-ramp-neutral-6: #e6e2dc;
  --p-ramp-neutral-6: oklch(0.915 0.0095 84.59);
  --p-ramp-neutral-7: #d9d5cf;
  --p-ramp-neutral-7: oklch(0.875 0.0101 84.59);
  --p-ramp-neutral-8: #89867f;
  --p-ramp-neutral-8: oklch(0.62 0.0107 84.59);
  --p-ramp-neutral-9: #77746e;
  --p-ramp-neutral-9: oklch(0.56 0.0105 84.59);
  --p-segmented-active-bg: #fffcf8;
  --p-segmented-active-bg: oklch(0.993 0.0063 84.59);
  --p-segmented-track: #1b18130a;
  --p-segmented-track: oklch(0.21 0.0105 84.59 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.21 0.0105 84.59 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.21 0.0105 84.59 / 0.05);
  --p-shadow-control: 0px 1px 2px 0px oklch(0.21 0.0105 84.59 / 0.05);
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.0105 84.59 / 0.08), 0px 24px 48px -12px oklch(0.21 0.0105 84.59 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.0105 84.59 / 0.03), 0px 4px 8px -4px oklch(0.21 0.0105 84.59 / 0.05), 0px 16px 24px -8px oklch(0.21 0.0105 84.59 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.0105 84.59 / 0.08);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.21 0.0105 84.59 / 0.08), 0px 0px 0px 1px oklch(0.21 0.0105 84.59 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.0105 84.59 / 0.12), 0px 1px 2px 0px oklch(0.21 0.0105 84.59 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.0105 84.59 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.0105 84.59 / 0.08);
  --p-shadow-xs: 0px 1px 2px 0px oklch(0.21 0.0105 84.59 / 0.05);
  --p-slider-track: #1b18131a;
  --p-slider-track: oklch(0.21 0.0105 84.59 / 0.1);
  --p-switch-border-off: #89867f;
  --p-switch-border-off: oklch(0.62 0.0107 84.59);
  --p-switch-track-off: #1b181329;
  --p-switch-track-off: oklch(0.21 0.0105 84.59 / 0.16);
  --p-tooltip-bg: #1b1813;
  --p-tooltip-bg: oklch(0.21 0.0105 84.59);
  --p-tooltip-fg: #fffcf8;
  --p-tooltip-fg: oklch(0.993 0.0063 84.59);
  --p-type-body-l-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-body-m-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-body-s-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-caption-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-display-l-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-display-m-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-display-s-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-label-l-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-label-m-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-label-s-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-numeric-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-title-l-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-title-m-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-title-s-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

[data-product="claradb"] {
  --p-brand-name: "ClaraDB";
  --p-brand-wordmark: "ClaraDB";
  --p-button-focus-border: #1b4b8f;
  --p-button-focus-border: oklch(0.4199 0.1239 257.91);
  --p-color-accent-action: #1b4b8f;
  --p-color-accent-action: oklch(0.4199 0.1239 257.91);
  --p-color-accent-border: #9dc5ff;
  --p-color-accent-border: oklch(0.815 0.0934 257.91);
  --p-color-accent-seed: #1b4b8f;
  --p-color-accent-seed: oklch(0.4199 0.1239 257.91);
  --p-color-accent-text: #113b76;
  --p-color-accent-text: oklch(0.3599 0.1115 257.91);
  --p-color-accent-tint: #e5efff;
  --p-color-accent-tint: oklch(0.95 0.024 257.91);
  --p-color-agent-border: #9dc5ff;
  --p-color-agent-border: oklch(0.815 0.0934 257.91);
  --p-color-agent-mark: #1b4b8f;
  --p-color-agent-mark: oklch(0.4199 0.1239 257.91);
  --p-color-agent-text: #113b76;
  --p-color-agent-text: oklch(0.3599 0.1115 257.91);
  --p-color-agent-tint: #e5efff;
  --p-color-agent-tint: oklch(0.95 0.024 257.91);
  --p-color-field-border-focus: #1b4b8f;
  --p-color-field-border-focus: oklch(0.4199 0.1239 257.91);
  --p-color-focus-ring: #1b4b8f;
  --p-color-focus-ring: oklch(0.4199 0.1239 257.91);
  --p-color-focus-ring-button: #1b4b8f59;
  --p-color-focus-ring-button: oklch(0.4199 0.1239 257.91 / 0.35);
  --p-color-focus-ring-field: #1b4b8f38;
  --p-color-focus-ring-field: oklch(0.4199 0.1239 257.91 / 0.22);
  --p-color-nav-active: #d1d8e4;
  --p-color-nav-active: oklch(0.8801 0.0187 261.4);
  --p-color-nav-active-icon: #113b76;
  --p-color-nav-active-icon: oklch(0.3599 0.1115 257.91);
  --p-color-surface-selected: #e5efff;
  --p-color-surface-selected: oklch(0.95 0.024 257.91);
  --p-color-text-link: #113b76;
  --p-color-text-link: oklch(0.3599 0.1115 257.91);
  --p-font-family-display: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-font-family-sans: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-nav-preset: "topbar";
  --p-radius-card: 8px;
  --p-radius-factor: 0.6;
  --p-radius-inner-control: 4px;
  --p-ramp-accent-1: #fbfdff;
  --p-ramp-accent-1: oklch(0.992 0.0038 257.91);
  --p-ramp-accent-10: #104081;
  --p-ramp-accent-10: oklch(0.3799 0.1214 257.91);
  --p-ramp-accent-11: #113b76;
  --p-ramp-accent-11: oklch(0.3599 0.1115 257.91);
  --p-ramp-accent-12: #202e44;
  --p-ramp-accent-12: oklch(0.3 0.0434 257.91);
  --p-ramp-accent-2: #f3f8ff;
  --p-ramp-accent-2: oklch(0.978 0.0105 257.91);
  --p-ramp-accent-3: #e5efff;
  --p-ramp-accent-3: oklch(0.95 0.024 257.91);
  --p-ramp-accent-4: #d8e8ff;
  --p-ramp-accent-4: oklch(0.925 0.0363 257.91);
  --p-ramp-accent-5: #c8deff;
  --p-ramp-accent-5: oklch(0.895 0.0514 257.91);
  --p-ramp-accent-6: #b5d3ff;
  --p-ramp-accent-6: oklch(0.86 0.0695 257.91);
  --p-ramp-accent-7: #9dc5ff;
  --p-ramp-accent-7: oklch(0.815 0.0934 257.91);
  --p-ramp-accent-8: #608cce;
  --p-ramp-accent-8: oklch(0.6375 0.1115 257.91);
  --p-ramp-accent-9: #1b4b8f;
  --p-ramp-accent-9: oklch(0.4199 0.1239 257.91);
  --p-type-body-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-body-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-body-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-caption-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-display-l-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-display-m-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-display-s-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-label-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-label-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-label-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-numeric-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-title-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-title-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-title-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
}

[data-product="reshot"] {
  --p-brand-name: "Reshot";
  --p-brand-wordmark: "Reshot";
  --p-button-focus-border: #2e64e0;
  --p-button-focus-border: oklch(0.5418 0.198 263.45);
  --p-color-accent-action: #2e64e0;
  --p-color-accent-action: oklch(0.5418 0.198 263.45);
  --p-color-accent-seed: #2e64e0;
  --p-color-accent-seed: oklch(0.5418 0.198 263.45);
  --p-color-accent-text: #2554c1;
  --p-color-accent-text: oklch(0.4818 0.1782 263.45);
  --p-color-agent-mark: #2e64e0;
  --p-color-agent-mark: oklch(0.5418 0.198 263.45);
  --p-color-agent-text: #2554c1;
  --p-color-agent-text: oklch(0.4818 0.1782 263.45);
  --p-color-field-border-focus: #2e64e0;
  --p-color-field-border-focus: oklch(0.5418 0.198 263.45);
  --p-color-focus-ring: #2e64e0;
  --p-color-focus-ring: oklch(0.5418 0.198 263.45);
  --p-color-focus-ring-button: #2e64e059;
  --p-color-focus-ring-button: oklch(0.5418 0.198 263.45 / 0.35);
  --p-color-focus-ring-field: #2e64e038;
  --p-color-focus-ring-field: oklch(0.5418 0.198 263.45 / 0.22);
  --p-color-nav-active: #d4dcef;
  --p-color-nav-active: oklch(0.8947 0.0268 264.78);
  --p-color-nav-active-icon: #2554c1;
  --p-color-nav-active-icon: oklch(0.4818 0.1782 263.45);
  --p-color-text-link: #2554c1;
  --p-color-text-link: oklch(0.4818 0.1782 263.45);
  --p-ramp-accent-10: #2458d0;
  --p-ramp-accent-10: oklch(0.5018 0.194 263.45);
  --p-ramp-accent-11: #2554c1;
  --p-ramp-accent-11: oklch(0.4818 0.1782 263.45);
  --p-ramp-accent-8: #6a9aff;
  --p-ramp-accent-8: oklch(0.6984 0.1575 263.45);
  --p-ramp-accent-9: #2e64e0;
  --p-ramp-accent-9: oklch(0.5418 0.198 263.45);
}

[data-product="claradb-pro"] {
  --p-brand-name: "ClaraDB Pro";
  --p-brand-wordmark: "ClaraDB Pro";
  --p-button-focus-border: #6b2fd9;
  --p-button-focus-border: oklch(0.495 0.235 291);
  --p-color-accent-action: #6b2fd9;
  --p-color-accent-action: oklch(0.495 0.235 291);
  --p-color-accent-border: #c2b7ff;
  --p-color-accent-border: oklch(0.815 0.1005 291);
  --p-color-accent-seed: #6b2fd9;
  --p-color-accent-seed: oklch(0.495 0.235 291);
  --p-color-accent-text: #5924b9;
  --p-color-accent-text: oklch(0.435 0.2115 291);
  --p-color-accent-tint: #eeecff;
  --p-color-accent-tint: oklch(0.95 0.0257 291);
  --p-color-agent-border: #c2b7ff;
  --p-color-agent-border: oklch(0.815 0.1005 291);
  --p-color-agent-mark: #6b2fd9;
  --p-color-agent-mark: oklch(0.495 0.235 291);
  --p-color-agent-text: #5924b9;
  --p-color-agent-text: oklch(0.435 0.2115 291);
  --p-color-agent-tint: #eeecff;
  --p-color-agent-tint: oklch(0.95 0.0257 291);
  --p-color-field-border-focus: #6b2fd9;
  --p-color-field-border-focus: oklch(0.495 0.235 291);
  --p-color-focus-ring: #6b2fd9;
  --p-color-focus-ring: oklch(0.495 0.235 291);
  --p-color-focus-ring-button: #6b2fd959;
  --p-color-focus-ring-button: oklch(0.495 0.235 291 / 0.35);
  --p-color-focus-ring-field: #6b2fd938;
  --p-color-focus-ring-field: oklch(0.495 0.235 291 / 0.22);
  --p-color-nav-active: #d9d8ee;
  --p-color-nav-active: oklch(0.8891 0.0305 287.33);
  --p-color-nav-active-icon: #5924b9;
  --p-color-nav-active-icon: oklch(0.435 0.2115 291);
  --p-color-surface-selected: #eeecff;
  --p-color-surface-selected: oklch(0.95 0.0257 291);
  --p-color-text-link: #5924b9;
  --p-color-text-link: oklch(0.435 0.2115 291);
  --p-ramp-accent-1: #fcfcff;
  --p-ramp-accent-1: oklch(0.992 0.0041 291);
  --p-ramp-accent-10: #6020c9;
  --p-ramp-accent-10: oklch(0.455 0.2303 291);
  --p-ramp-accent-11: #5924b9;
  --p-ramp-accent-11: oklch(0.435 0.2115 291);
  --p-ramp-accent-12: #2f2453;
  --p-ramp-accent-12: oklch(0.3 0.0822 291);
  --p-ramp-accent-2: #f7f7ff;
  --p-ramp-accent-2: oklch(0.978 0.0112 291);
  --p-ramp-accent-3: #eeecff;
  --p-ramp-accent-3: oklch(0.95 0.0257 291);
  --p-ramp-accent-4: #e6e2ff;
  --p-ramp-accent-4: oklch(0.925 0.039 291);
  --p-ramp-accent-5: #dcd7ff;
  --p-ramp-accent-5: oklch(0.895 0.0552 291);
  --p-ramp-accent-6: #d0c9ff;
  --p-ramp-accent-6: oklch(0.86 0.0747 291);
  --p-ramp-accent-7: #c2b7ff;
  --p-ramp-accent-7: oklch(0.815 0.1005 291);
  --p-ramp-accent-8: #9a7cff;
  --p-ramp-accent-8: oklch(0.675 0.187 291);
  --p-ramp-accent-9: #6b2fd9;
  --p-ramp-accent-9: oklch(0.495 0.235 291);
}

[data-product="runstamp"] {
  --p-brand-name: "Runstamp";
  --p-brand-wordmark: "Runstamp";
  --p-button-focus-border: #2f4bff;
  --p-button-focus-border: oklch(0.5265 0.2634 267.74);
  --p-color-accent-action: #2f4bff;
  --p-color-accent-action: oklch(0.5265 0.2634 267.74);
  --p-color-accent-border: #a9c1ff;
  --p-color-accent-border: oklch(0.815 0.0921 267.74);
  --p-color-accent-seed: #2f4bff;
  --p-color-accent-seed: oklch(0.5265 0.2634 267.74);
  --p-color-accent-text: #263ddb;
  --p-color-accent-text: oklch(0.4665 0.2371 267.74);
  --p-color-accent-tint: #e7eeff;
  --p-color-accent-tint: oklch(0.95 0.0237 267.74);
  --p-color-agent-border: #a9c1ff;
  --p-color-agent-border: oklch(0.815 0.0921 267.74);
  --p-color-agent-mark: #2f4bff;
  --p-color-agent-mark: oklch(0.5265 0.2634 267.74);
  --p-color-agent-text: #263ddb;
  --p-color-agent-text: oklch(0.4665 0.2371 267.74);
  --p-color-agent-tint: #e7eeff;
  --p-color-agent-tint: oklch(0.95 0.0237 267.74);
  --p-color-field-border-focus: #2f4bff;
  --p-color-field-border-focus: oklch(0.5265 0.2634 267.74);
  --p-color-focus-ring: #2f4bff;
  --p-color-focus-ring: oklch(0.5265 0.2634 267.74);
  --p-color-focus-ring-button: #2f4bff59;
  --p-color-focus-ring-button: oklch(0.5265 0.2634 267.74 / 0.35);
  --p-color-focus-ring-field: #2f4bff38;
  --p-color-focus-ring-field: oklch(0.5265 0.2634 267.74 / 0.22);
  --p-color-nav-active: #d2dbf3;
  --p-color-nav-active: oklch(0.8929 0.0339 268.1);
  --p-color-nav-active-icon: #263ddb;
  --p-color-nav-active-icon: oklch(0.4665 0.2371 267.74);
  --p-color-surface-selected: #e7eeff;
  --p-color-surface-selected: oklch(0.95 0.0237 267.74);
  --p-color-text-link: #263ddb;
  --p-color-text-link: oklch(0.4665 0.2371 267.74);
  --p-ramp-accent-1: #fbfcff;
  --p-ramp-accent-1: oklch(0.992 0.0038 267.74);
  --p-ramp-accent-10: #283dee;
  --p-ramp-accent-10: oklch(0.4865 0.2581 267.74);
  --p-ramp-accent-11: #263ddb;
  --p-ramp-accent-11: oklch(0.4665 0.2371 267.74);
  --p-ramp-accent-12: #1a295b;
  --p-ramp-accent-12: oklch(0.3 0.0922 267.74);
  --p-ramp-accent-2: #f5f8ff;
  --p-ramp-accent-2: oklch(0.978 0.0103 267.74);
  --p-ramp-accent-3: #e7eeff;
  --p-ramp-accent-3: oklch(0.95 0.0237 267.74);
  --p-ramp-accent-4: #dce6ff;
  --p-ramp-accent-4: oklch(0.925 0.0358 267.74);
  --p-ramp-accent-5: #cedcff;
  --p-ramp-accent-5: oklch(0.895 0.0507 267.74);
  --p-ramp-accent-6: #bdd0ff;
  --p-ramp-accent-6: oklch(0.86 0.0685 267.74);
  --p-ramp-accent-7: #a9c1ff;
  --p-ramp-accent-7: oklch(0.815 0.0921 267.74);
  --p-ramp-accent-8: #7095ff;
  --p-ramp-accent-8: oklch(0.6908 0.1617 267.74);
  --p-ramp-accent-9: #2f4bff;
  --p-ramp-accent-9: oklch(0.5265 0.2634 267.74);
}

[data-product="plain-trades"] {
  --p-brand-name: "Plain Trades";
  --p-brand-sidebar-accent: #18181b;
  --p-brand-sidebar-accent: oklch(0.2103 0.0059 285.89);
  --p-brand-wordmark: "Plain Trades";
  --p-button-focus-border: #18181b;
  --p-button-focus-border: oklch(0.2103 0.0059 285.89);
  --p-button-ghost-bg-hover: #1a18130a;
  --p-button-ghost-bg-hover: oklch(0.21 0.01 84.58 / 0.04);
  --p-button-ghost-bg-pressed: #1a181314;
  --p-button-ghost-bg-pressed: oklch(0.21 0.01 84.58 / 0.08);
  --p-button-radius: 999px;
  --p-button-secondary-bg: #ffffff;
  --p-button-secondary-bg: oklch(1 0 0);
  --p-button-secondary-bg-hover: #1a18130a;
  --p-button-secondary-bg-hover: oklch(0.21 0.01 84.58 / 0.04);
  --p-choice-border: #89867f;
  --p-choice-border: oklch(0.62 0.0102 84.58);
  --p-color-accent-action: #18181b;
  --p-color-accent-action: oklch(0.2103 0.0059 285.89);
  --p-color-accent-border: #d9d5cf;
  --p-color-accent-border: oklch(0.875 0.0096 84.58);
  --p-color-accent-seed: #b15520;
  --p-color-accent-seed: oklch(0.555 0.135 47);
  --p-color-accent-solid: #18181b;
  --p-color-accent-solid: oklch(0.2103 0.0059 285.89);
  --p-color-accent-solid-hover: #504d47;
  --p-color-accent-solid-hover: oklch(0.42 0.01 84.58);
  --p-color-accent-solid-pressed: #66635d;
  --p-color-accent-solid-pressed: oklch(0.5 0.01 84.58);
  --p-color-accent-text: #18181b;
  --p-color-accent-text: oklch(0.2103 0.0059 285.89);
  --p-color-accent-text-pressed: #66635d;
  --p-color-accent-text-pressed: oklch(0.5 0.01 84.58);
  --p-color-accent-tint: #f6f4ef;
  --p-color-accent-tint: oklch(0.967 0.0072 84.58);
  --p-color-agent-border: #ffab82;
  --p-color-agent-border: oklch(0.815 0.1132 47);
  --p-color-agent-mark: #b15520;
  --p-color-agent-mark: oklch(0.555 0.135 47);
  --p-color-agent-text: #8d4216;
  --p-color-agent-text: oklch(0.469 0.1156 46.97);
  --p-color-agent-tint: #fbede6;
  --p-color-agent-tint: oklch(0.9552 0.0179 48.53);
  --p-color-bg-canvas: #f4f2ee;
  --p-color-bg-canvas: oklch(0.9616 0.0057 84.57);
  --p-color-bg-default: #ffffff;
  --p-color-bg-default: oklch(1 0 0);
  --p-color-bg-panel: #faf9f6;
  --p-color-bg-panel: oklch(0.982 0.0041 91.45);
  --p-color-border-control: #1a18132e;
  --p-color-border-control: oklch(0.21 0.01 84.58 / 0.18);
  --p-color-border-control-hover: #1a18133d;
  --p-color-border-control-hover: oklch(0.21 0.01 84.58 / 0.24);
  --p-color-border-control-strong: #1a18133d;
  --p-color-border-control-strong: oklch(0.21 0.01 84.58 / 0.24);
  --p-color-border-default: #89867f;
  --p-color-border-default: oklch(0.62 0.0102 84.58);
  --p-color-border-hairline: #1a181314;
  --p-color-border-hairline: oklch(0.21 0.01 84.58 / 0.08);
  --p-color-border-strong: #77746e;
  --p-color-border-strong: oklch(0.56 0.01 84.58);
  --p-color-border-subtle: #e7e4de;
  --p-color-border-subtle: oklch(0.9195 0.0087 84.57);
  --p-color-count-bg: #f1eee9;
  --p-color-count-bg: oklch(0.951 0.0078 84.58);
  --p-color-count-text: #6b6862;
  --p-color-count-text: oklch(0.5181 0.01 84.59);
  --p-color-danger-subtle: #fff2f0;
  --p-color-danger-subtle: oklch(0.97 0.0148 27);
  --p-color-danger-text: #af283d;
  --p-color-danger-text: oklch(0.5 0.1701 17.79);
  --p-color-field-bg: #ffffff;
  --p-color-field-bg: oklch(1 0 0);
  --p-color-field-bg-disabled: #1a181308;
  --p-color-field-bg-disabled: oklch(0.21 0.01 84.58 / 0.03);
  --p-color-field-border-disabled: #1a18130f;
  --p-color-field-border-disabled: oklch(0.21 0.01 84.58 / 0.06);
  --p-color-field-border-focus: #18181b;
  --p-color-field-border-focus: oklch(0.2103 0.0059 285.89);
  --p-color-field-border-readonly-hover: #1a18131f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.01 84.58 / 0.12);
  --p-color-focus-ring: #18181b;
  --p-color-focus-ring: oklch(0.2103 0.0059 285.89);
  --p-color-focus-ring-button: #18181b59;
  --p-color-focus-ring-button: oklch(0.2103 0.0059 285.89 / 0.35);
  --p-color-focus-ring-field: #18181b38;
  --p-color-focus-ring-field: oklch(0.2103 0.0059 285.89 / 0.22);
  --p-color-hover-tint: #1a18130a;
  --p-color-hover-tint: oklch(0.21 0.01 84.58 / 0.04);
  --p-color-info-subtle: #eef6ff;
  --p-color-info-subtle: oklch(0.97 0.0148 250);
  --p-color-ink-a10: #1a18131a;
  --p-color-ink-a10: oklch(0.21 0.01 84.58 / 0.1);
  --p-color-ink-a12: #1a18131f;
  --p-color-ink-a12: oklch(0.21 0.01 84.58 / 0.12);
  --p-color-ink-a14: #1a181324;
  --p-color-ink-a14: oklch(0.21 0.01 84.58 / 0.14);
  --p-color-ink-a16: #1a181329;
  --p-color-ink-a16: oklch(0.21 0.01 84.58 / 0.16);
  --p-color-ink-a18: #1a18132e;
  --p-color-ink-a18: oklch(0.21 0.01 84.58 / 0.18);
  --p-color-ink-a20: #1a181333;
  --p-color-ink-a20: oklch(0.21 0.01 84.58 / 0.2);
  --p-color-ink-a24: #1a18133d;
  --p-color-ink-a24: oklch(0.21 0.01 84.58 / 0.24);
  --p-color-ink-a28: #1a181347;
  --p-color-ink-a28: oklch(0.21 0.01 84.58 / 0.28);
  --p-color-ink-a3: #1a181308;
  --p-color-ink-a3: oklch(0.21 0.01 84.58 / 0.03);
  --p-color-ink-a32: #1a181352;
  --p-color-ink-a32: oklch(0.21 0.01 84.58 / 0.32);
  --p-color-ink-a4: #1a18130a;
  --p-color-ink-a4: oklch(0.21 0.01 84.58 / 0.04);
  --p-color-ink-a40: #1a181366;
  --p-color-ink-a40: oklch(0.21 0.01 84.58 / 0.4);
  --p-color-ink-a5: #1a18130d;
  --p-color-ink-a5: oklch(0.21 0.01 84.58 / 0.05);
  --p-color-ink-a6: #1a18130f;
  --p-color-ink-a6: oklch(0.21 0.01 84.58 / 0.06);
  --p-color-ink-a8: #1a181314;
  --p-color-ink-a8: oklch(0.21 0.01 84.58 / 0.08);
  --p-color-mark-done: #ffffff;
  --p-color-mark-done: oklch(1 0 0);
  --p-color-mark-on-done: #18181b;
  --p-color-mark-on-done: oklch(0.2103 0.0059 285.89);
  --p-color-nav-active: #ffffff;
  --p-color-nav-active: oklch(1 0 0);
  --p-color-nav-active-icon: #6b6862;
  --p-color-nav-active-icon: oklch(0.5181 0.01 84.59);
  --p-color-nav-active-ring: #e7e4de;
  --p-color-nav-active-ring: oklch(0.9195 0.0087 84.57);
  --p-color-neutral-tint: #74716b;
  --p-color-neutral-tint: oklch(0.55 0.01 84.58);
  --p-color-selected-outline: #18181b;
  --p-color-selected-outline: oklch(0.2103 0.0059 285.89);
  --p-color-success-subtle: #e7fcea;
  --p-color-success-subtle: oklch(0.97 0.0324 150);
  --p-color-success-text: #397852;
  --p-color-success-text: oklch(0.52 0.09 155);
  --p-color-surface-1: #ffffff;
  --p-color-surface-1: oklch(1 0 0);
  --p-color-surface-hover: #f6f4ef;
  --p-color-surface-hover: oklch(0.967 0.0072 84.58);
  --p-color-surface-pressed: #f1eee9;
  --p-color-surface-pressed: oklch(0.951 0.0078 84.58);
  --p-color-surface-selected: #ffe9df;
  --p-color-surface-selected: oklch(0.95 0.0274 47);
  --p-color-surface-sunken: #faf9f6;
  --p-color-surface-sunken: oklch(0.982 0.0041 91.45);
  --p-color-text-disabled: #89867f;
  --p-color-text-disabled: oklch(0.62 0.0102 84.58);
  --p-color-text-inverse: #fffcf8;
  --p-color-text-inverse: oklch(0.993 0.006 84.58);
  --p-color-text-link: #18181b;
  --p-color-text-link: oklch(0.2103 0.0059 285.89);
  --p-color-text-primary: #18181b;
  --p-color-text-primary: oklch(0.2103 0.0059 285.89);
  --p-color-text-secondary: #6b6862;
  --p-color-text-secondary: oklch(0.5181 0.01 84.59);
  --p-color-text-tertiary: #66635d;
  --p-color-text-tertiary: oklch(0.5 0.01 84.58);
  --p-color-warning-subtle: #fff3e4;
  --p-color-warning-subtle: oklch(0.97 0.0242 75);
  --p-elevation-0-surface: #ffffff;
  --p-elevation-0-surface: oklch(1 0 0);
  --p-elevation-1-surface: #ffffff;
  --p-elevation-1-surface: oklch(1 0 0);
  --p-elevation-resting: "flat";
  --p-font-family-display: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-font-family-sans: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-font-weight-bold: 500;
  --p-font-weight-max: 500;
  --p-font-weight-semibold: 500;
  --p-overlay-bg: #ffffff;
  --p-overlay-bg: oklch(1 0 0);
  --p-overlay-highlight: #1a18130f;
  --p-overlay-highlight: oklch(0.21 0.01 84.58 / 0.06);
  --p-overlay-ring: #1a181314;
  --p-overlay-ring: oklch(0.21 0.01 84.58 / 0.08);
  --p-overlay-separator: #1a181314;
  --p-overlay-separator: oklch(0.21 0.01 84.58 / 0.08);
  --p-ramp-accent-1: #fffcfa;
  --p-ramp-accent-1: oklch(0.992 0.0043 47);
  --p-ramp-accent-10: #a24a14;
  --p-ramp-accent-10: oklch(0.515 0.1323 47);
  --p-ramp-accent-11: #954616;
  --p-ramp-accent-11: oklch(0.488 0.1215 47);
  --p-ramp-accent-12: #402517;
  --p-ramp-accent-12: oklch(0.296 0.0473 47);
  --p-ramp-accent-2: #fff6f1;
  --p-ramp-accent-2: oklch(0.978 0.0118 47);
  --p-ramp-accent-3: #ffe9df;
  --p-ramp-accent-3: oklch(0.95 0.0274 47);
  --p-ramp-accent-4: #ffdecf;
  --p-ramp-accent-4: oklch(0.925 0.0418 47);
  --p-ramp-accent-5: #ffd1bb;
  --p-ramp-accent-5: oklch(0.895 0.06 47);
  --p-ramp-accent-6: #ffc1a3;
  --p-ramp-accent-6: oklch(0.86 0.0823 47);
  --p-ramp-accent-7: #ffab82;
  --p-ramp-accent-7: oklch(0.815 0.1132 47);
  --p-ramp-accent-8: #dd875b;
  --p-ramp-accent-8: oklch(0.705 0.1215 47);
  --p-ramp-accent-9: #b15520;
  --p-ramp-accent-9: oklch(0.555 0.135 47);
  --p-ramp-neutral-1: #fffcf8;
  --p-ramp-neutral-1: oklch(0.993 0.006 84.58);
  --p-ramp-neutral-10: #66635d;
  --p-ramp-neutral-10: oklch(0.5 0.01 84.58);
  --p-ramp-neutral-11: #504d47;
  --p-ramp-neutral-11: oklch(0.42 0.01 84.58);
  --p-ramp-neutral-12: #1a1813;
  --p-ramp-neutral-12: oklch(0.21 0.01 84.58);
  --p-ramp-neutral-2: #fbf9f4;
  --p-ramp-neutral-2: oklch(0.982 0.0066 84.58);
  --p-ramp-neutral-3: #f6f4ef;
  --p-ramp-neutral-3: oklch(0.967 0.0072 84.58);
  --p-ramp-neutral-4: #f1eee9;
  --p-ramp-neutral-4: oklch(0.951 0.0078 84.58);
  --p-ramp-neutral-5: #ece9e3;
  --p-ramp-neutral-5: oklch(0.935 0.0084 84.58);
  --p-ramp-neutral-6: #e6e3dc;
  --p-ramp-neutral-6: oklch(0.915 0.009 84.58);
  --p-ramp-neutral-7: #d9d5cf;
  --p-ramp-neutral-7: oklch(0.875 0.0096 84.58);
  --p-ramp-neutral-8: #89867f;
  --p-ramp-neutral-8: oklch(0.62 0.0102 84.58);
  --p-ramp-neutral-9: #77746e;
  --p-ramp-neutral-9: oklch(0.56 0.01 84.58);
  --p-segmented-active-bg: #ffffff;
  --p-segmented-active-bg: oklch(1 0 0);
  --p-segmented-track: #1a18130a;
  --p-segmented-track: oklch(0.21 0.01 84.58 / 0.04);
  --p-shadow-button-primary: 0 0 0 0 transparent;
  --p-shadow-choice: 0 0 0 0 transparent;
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.01 84.58 / 0.08), 0px 24px 48px -12px oklch(0.21 0.01 84.58 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.01 84.58 / 0.03), 0px 4px 8px -4px oklch(0.21 0.01 84.58 / 0.05), 0px 16px 24px -8px oklch(0.21 0.01 84.58 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.01 84.58 / 0.08);
  --p-shadow-segment-active: 0px 0px 0px 1px oklch(0.21 0.01 84.58 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.01 84.58 / 0.12), 0px 1px 2px 0px oklch(0.21 0.01 84.58 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.01 84.58 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.01 84.58 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #1a18131a;
  --p-slider-track: oklch(0.21 0.01 84.58 / 0.1);
  --p-switch-border-off: #89867f;
  --p-switch-border-off: oklch(0.62 0.0102 84.58);
  --p-switch-track-off: #1a181329;
  --p-switch-track-off: oklch(0.21 0.01 84.58 / 0.16);
  --p-tooltip-bg: #18181b;
  --p-tooltip-bg: oklch(0.2103 0.0059 285.89);
  --p-tooltip-fg: #fffcf8;
  --p-tooltip-fg: oklch(0.993 0.006 84.58);
  --p-type-body-l-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-m-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-s-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-caption-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-display-l-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-display-l-weight: 400;
  --p-type-display-m-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-display-m-weight: 400;
  --p-type-display-s-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-display-s-weight: 400;
  --p-type-label-l-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-m-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-s-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-numeric-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-l-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-l-weight: 500;
  --p-type-title-m-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-m-weight: 500;
  --p-type-title-s-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-s-weight: 500;
}

[data-product="handywright"] {
  --p-brand-name: "Handywright";
  --p-brand-sidebar-accent: #141414;
  --p-brand-sidebar-accent: oklch(0.1913 0 89.88);
  --p-brand-wordmark: "handywright";
  --p-button-focus-border: #141414;
  --p-button-focus-border: oklch(0.1913 0 89.88);
  --p-button-ghost-bg-hover: #1a18130a;
  --p-button-ghost-bg-hover: oklch(0.21 0.01 90 / 0.04);
  --p-button-ghost-bg-pressed: #1a181314;
  --p-button-ghost-bg-pressed: oklch(0.21 0.01 90 / 0.08);
  --p-button-radius: 999px;
  --p-button-secondary-bg: #ffffff;
  --p-button-secondary-bg: oklch(1 0 0);
  --p-button-secondary-bg-hover: #1a18130a;
  --p-button-secondary-bg-hover: oklch(0.21 0.01 90 / 0.04);
  --p-choice-border: #8a8781;
  --p-choice-border: oklch(0.624 0.0102 90);
  --p-color-accent-action: #141414;
  --p-color-accent-action: oklch(0.1913 0 89.88);
  --p-color-accent-border: #d8d6cf;
  --p-color-accent-border: oklch(0.875 0.0096 90);
  --p-color-accent-press-toward: #ffffff;
  --p-color-accent-press-toward: oklch(1 0 0);
  --p-color-accent-seed: #ffd21f;
  --p-color-accent-seed: oklch(0.8775 0.1745 92.55);
  --p-color-accent-solid: #141414;
  --p-color-accent-solid: oklch(0.1913 0 89.88);
  --p-color-accent-solid-hover: #282828;
  --p-color-accent-solid-hover: oklch(0.2768 0 89.88);
  --p-color-accent-solid-pressed: #3a3a3a;
  --p-color-accent-solid-pressed: oklch(0.3485 0 89.88);
  --p-color-accent-text: #141414;
  --p-color-accent-text: oklch(0.1913 0 89.88);
  --p-color-accent-text-pressed: #3a3a3a;
  --p-color-accent-text-pressed: oklch(0.3485 0 89.88);
  --p-color-accent-tint: #fff6cc;
  --p-color-accent-tint: oklch(0.9697 0.0551 97.26);
  --p-color-agent-border: #c99a00;
  --p-color-agent-border: oklch(0.7107 0.1454 86.65);
  --p-color-agent-mark: #141414;
  --p-color-agent-mark: oklch(0.1913 0 89.88);
  --p-color-agent-text: #141414;
  --p-color-agent-text: oklch(0.1913 0 89.88);
  --p-color-agent-tint: #fff6cc;
  --p-color-agent-tint: oklch(0.9697 0.0551 97.26);
  --p-color-bg-canvas: #f0eee8;
  --p-color-bg-canvas: oklch(0.949 0.0083 91.48);
  --p-color-bg-default: #ffffff;
  --p-color-bg-default: oklch(1 0 0);
  --p-color-bg-panel: #f7f6f2;
  --p-color-bg-panel: oklch(0.9728 0.0054 95.1);
  --p-color-border-control: #1a18132e;
  --p-color-border-control: oklch(0.21 0.01 90 / 0.18);
  --p-color-border-control-hover: #1a18133d;
  --p-color-border-control-hover: oklch(0.21 0.01 90 / 0.24);
  --p-color-border-control-strong: #1a18133d;
  --p-color-border-control-strong: oklch(0.21 0.01 90 / 0.24);
  --p-color-border-default: #8a8781;
  --p-color-border-default: oklch(0.624 0.0102 90);
  --p-color-border-hairline: #1a181314;
  --p-color-border-hairline: oklch(0.21 0.01 90 / 0.08);
  --p-color-border-strong: #77756f;
  --p-color-border-strong: oklch(0.562 0.01 90);
  --p-color-border-subtle: #e5e2da;
  --p-color-border-subtle: oklch(0.9129 0.0112 89.73);
  --p-color-count-bg: #f1efe9;
  --p-color-count-bg: oklch(0.951 0.0078 90);
  --p-color-count-text: #66635c;
  --p-color-count-text: oklch(0.5002 0.0115 87.52);
  --p-color-danger-subtle: #fff2f0;
  --p-color-danger-subtle: oklch(0.97 0.0148 27);
  --p-color-danger-text: #a8283c;
  --p-color-danger-text: oklch(0.4872 0.1632 17.41);
  --p-color-field-bg: #ffffff;
  --p-color-field-bg: oklch(1 0 0);
  --p-color-field-bg-disabled: #1a181308;
  --p-color-field-bg-disabled: oklch(0.21 0.01 90 / 0.03);
  --p-color-field-border-disabled: #1a18130f;
  --p-color-field-border-disabled: oklch(0.21 0.01 90 / 0.06);
  --p-color-field-border-focus: #141414;
  --p-color-field-border-focus: oklch(0.1913 0 89.88);
  --p-color-field-border-readonly-hover: #1a18131f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.01 90 / 0.12);
  --p-color-focus-ring: #141414;
  --p-color-focus-ring: oklch(0.1913 0 89.88);
  --p-color-focus-ring-button: #14141459;
  --p-color-focus-ring-button: oklch(0.1913 0 89.88 / 0.35);
  --p-color-focus-ring-field: #14141438;
  --p-color-focus-ring-field: oklch(0.1913 0 89.88 / 0.22);
  --p-color-hover-tint: #1a18130a;
  --p-color-hover-tint: oklch(0.21 0.01 90 / 0.04);
  --p-color-info-subtle: #eef6ff;
  --p-color-info-subtle: oklch(0.97 0.0148 250);
  --p-color-ink-a10: #1a18131a;
  --p-color-ink-a10: oklch(0.21 0.01 90 / 0.1);
  --p-color-ink-a12: #1a18131f;
  --p-color-ink-a12: oklch(0.21 0.01 90 / 0.12);
  --p-color-ink-a14: #1a181324;
  --p-color-ink-a14: oklch(0.21 0.01 90 / 0.14);
  --p-color-ink-a16: #1a181329;
  --p-color-ink-a16: oklch(0.21 0.01 90 / 0.16);
  --p-color-ink-a18: #1a18132e;
  --p-color-ink-a18: oklch(0.21 0.01 90 / 0.18);
  --p-color-ink-a20: #1a181333;
  --p-color-ink-a20: oklch(0.21 0.01 90 / 0.2);
  --p-color-ink-a24: #1a18133d;
  --p-color-ink-a24: oklch(0.21 0.01 90 / 0.24);
  --p-color-ink-a28: #1a181347;
  --p-color-ink-a28: oklch(0.21 0.01 90 / 0.28);
  --p-color-ink-a3: #1a181308;
  --p-color-ink-a3: oklch(0.21 0.01 90 / 0.03);
  --p-color-ink-a32: #1a181352;
  --p-color-ink-a32: oklch(0.21 0.01 90 / 0.32);
  --p-color-ink-a4: #1a18130a;
  --p-color-ink-a4: oklch(0.21 0.01 90 / 0.04);
  --p-color-ink-a40: #1a181366;
  --p-color-ink-a40: oklch(0.21 0.01 90 / 0.4);
  --p-color-ink-a5: #1a18130d;
  --p-color-ink-a5: oklch(0.21 0.01 90 / 0.05);
  --p-color-ink-a6: #1a18130f;
  --p-color-ink-a6: oklch(0.21 0.01 90 / 0.06);
  --p-color-ink-a8: #1a181314;
  --p-color-ink-a8: oklch(0.21 0.01 90 / 0.08);
  --p-color-mark-done: #ffffff;
  --p-color-mark-done: oklch(1 0 0);
  --p-color-mark-on-done: #141414;
  --p-color-mark-on-done: oklch(0.1913 0 89.88);
  --p-color-nav-active: #ffffff;
  --p-color-nav-active: oklch(1 0 0);
  --p-color-nav-active-icon: #66635c;
  --p-color-nav-active-icon: oklch(0.5002 0.0115 87.52);
  --p-color-nav-active-ring: #e5e2da;
  --p-color-nav-active-ring: oklch(0.9129 0.0112 89.73);
  --p-color-neutral-tint: #74716b;
  --p-color-neutral-tint: oklch(0.55 0.01 90);
  --p-color-selected-outline: #141414;
  --p-color-selected-outline: oklch(0.1913 0 89.88);
  --p-color-success-subtle: #e7fcea;
  --p-color-success-subtle: oklch(0.97 0.0324 150);
  --p-color-success-text: #2f6b45;
  --p-color-success-text: oklch(0.4769 0.0881 153.61);
  --p-color-surface-1: #ffffff;
  --p-color-surface-1: oklch(1 0 0);
  --p-color-surface-hover: #f6f4ef;
  --p-color-surface-hover: oklch(0.967 0.0072 90);
  --p-color-surface-pressed: #f1efe9;
  --p-color-surface-pressed: oklch(0.951 0.0078 90);
  --p-color-surface-selected: #fdeebf;
  --p-color-surface-selected: oklch(0.95 0.0628 92.55);
  --p-color-surface-sunken: #f7f6f2;
  --p-color-surface-sunken: oklch(0.9728 0.0054 95.1);
  --p-color-text-disabled: #8a8781;
  --p-color-text-disabled: oklch(0.624 0.0102 90);
  --p-color-text-inverse: #fefdf8;
  --p-color-text-inverse: oklch(0.993 0.006 90);
  --p-color-text-link: #141414;
  --p-color-text-link: oklch(0.1913 0 89.88);
  --p-color-text-primary: #141414;
  --p-color-text-primary: oklch(0.1913 0 89.88);
  --p-color-text-secondary: #66635c;
  --p-color-text-secondary: oklch(0.5002 0.0115 87.52);
  --p-color-text-tertiary: #65635d;
  --p-color-text-tertiary: oklch(0.5 0.01 90);
  --p-color-warning-subtle: #fff3e4;
  --p-color-warning-subtle: oklch(0.97 0.0242 75);
  --p-elevation-0-surface: #ffffff;
  --p-elevation-0-surface: oklch(1 0 0);
  --p-elevation-1-surface: #ffffff;
  --p-elevation-1-surface: oklch(1 0 0);
  --p-elevation-resting: "flat";
  --p-font-family-display: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-font-family-sans: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-font-weight-bold: 600;
  --p-font-weight-max: 600;
  --p-overlay-bg: #ffffff;
  --p-overlay-bg: oklch(1 0 0);
  --p-overlay-highlight: #1a18130f;
  --p-overlay-highlight: oklch(0.21 0.01 90 / 0.06);
  --p-overlay-ring: #1a181314;
  --p-overlay-ring: oklch(0.21 0.01 90 / 0.08);
  --p-overlay-separator: #1a181314;
  --p-overlay-separator: oklch(0.21 0.01 90 / 0.08);
  --p-ramp-accent-1: #fffcf4;
  --p-ramp-accent-1: oklch(0.992 0.0116 92.55);
  --p-ramp-accent-10: #bb9900;
  --p-ramp-accent-10: oklch(0.6935 0.1422 92.55);
  --p-ramp-accent-11: #715b00;
  --p-ramp-accent-11: oklch(0.48 0.0989 92.55);
  --p-ramp-accent-12: #382b00;
  --p-ramp-accent-12: oklch(0.296 0.0611 92.55);
  --p-ramp-accent-2: #fff8e1;
  --p-ramp-accent-2: oklch(0.978 0.0314 92.55);
  --p-ramp-accent-3: #fdeebf;
  --p-ramp-accent-3: oklch(0.95 0.0628 92.55);
  --p-ramp-accent-4: #fae5a6;
  --p-ramp-accent-4: oklch(0.925 0.0838 92.55);
  --p-ramp-accent-5: #f5db8a;
  --p-ramp-accent-5: oklch(0.895 0.1047 92.55);
  --p-ramp-accent-6: #eecf6a;
  --p-ramp-accent-6: oklch(0.86 0.1256 92.55);
  --p-ramp-accent-7: #e4bf3e;
  --p-ramp-accent-7: oklch(0.815 0.1466 92.55);
  --p-ramp-accent-8: #d2ab00;
  --p-ramp-accent-8: oklch(0.7542 0.1546 92.55);
  --p-ramp-accent-9: #ad8d00;
  --p-ramp-accent-9: oklch(0.6535 0.1341 92.55);
  --p-ramp-neutral-1: #fefdf8;
  --p-ramp-neutral-1: oklch(0.993 0.006 90);
  --p-ramp-neutral-10: #65635d;
  --p-ramp-neutral-10: oklch(0.5 0.01 90);
  --p-ramp-neutral-11: #504e48;
  --p-ramp-neutral-11: oklch(0.424 0.01 90);
  --p-ramp-neutral-12: #1a1813;
  --p-ramp-neutral-12: oklch(0.21 0.01 90);
  --p-ramp-neutral-2: #fbf9f4;
  --p-ramp-neutral-2: oklch(0.982 0.0066 90);
  --p-ramp-neutral-3: #f6f4ef;
  --p-ramp-neutral-3: oklch(0.967 0.0072 90);
  --p-ramp-neutral-4: #f1efe9;
  --p-ramp-neutral-4: oklch(0.951 0.0078 90);
  --p-ramp-neutral-5: #ece9e3;
  --p-ramp-neutral-5: oklch(0.935 0.0084 90);
  --p-ramp-neutral-6: #e5e3dc;
  --p-ramp-neutral-6: oklch(0.915 0.009 90);
  --p-ramp-neutral-7: #d8d6cf;
  --p-ramp-neutral-7: oklch(0.875 0.0096 90);
  --p-ramp-neutral-8: #8a8781;
  --p-ramp-neutral-8: oklch(0.624 0.0102 90);
  --p-ramp-neutral-9: #77756f;
  --p-ramp-neutral-9: oklch(0.562 0.01 90);
  --p-segmented-active-bg: #ffffff;
  --p-segmented-active-bg: oklch(1 0 0);
  --p-segmented-track: #1a18130a;
  --p-segmented-track: oklch(0.21 0.01 90 / 0.04);
  --p-shadow-button-primary: 0 0 0 0 transparent;
  --p-shadow-choice: 0 0 0 0 transparent;
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.01 90 / 0.08), 0px 24px 48px -12px oklch(0.21 0.01 90 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.01 90 / 0.03), 0px 4px 8px -4px oklch(0.21 0.01 90 / 0.05), 0px 16px 24px -8px oklch(0.21 0.01 90 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.01 90 / 0.08);
  --p-shadow-segment-active: 0px 0px 0px 1px oklch(0.21 0.01 90 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.01 90 / 0.12), 0px 1px 2px 0px oklch(0.21 0.01 90 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.01 90 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.01 90 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #1a18131a;
  --p-slider-track: oklch(0.21 0.01 90 / 0.1);
  --p-switch-border-off: #8a8781;
  --p-switch-border-off: oklch(0.624 0.0102 90);
  --p-switch-track-off: #1a181329;
  --p-switch-track-off: oklch(0.21 0.01 90 / 0.16);
  --p-tooltip-bg: #141414;
  --p-tooltip-bg: oklch(0.1913 0 89.88);
  --p-tooltip-fg: #fefdf8;
  --p-tooltip-fg: oklch(0.993 0.006 90);
  --p-type-body-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-caption-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-display-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-display-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-display-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-numeric-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-product="oslerpress"] {
  --p-brand-name: "Osler Press";
  --p-brand-sidebar-accent: #14191e;
  --p-brand-sidebar-accent: oklch(0.21 0.012 250);
  --p-brand-wordmark: "oslerpress";
  --p-button-focus-border: #14191e;
  --p-button-focus-border: oklch(0.21 0.012 250);
  --p-button-ghost-bg-hover: #14191e0a;
  --p-button-ghost-bg-hover: oklch(0.21 0.012 250 / 0.04);
  --p-button-ghost-bg-pressed: #14191e14;
  --p-button-ghost-bg-pressed: oklch(0.21 0.012 250 / 0.08);
  --p-button-secondary-bg: #fbfdff;
  --p-button-secondary-bg: oklch(0.993 0.0035 250);
  --p-button-secondary-bg-hover: #14191e0a;
  --p-button-secondary-bg-hover: oklch(0.21 0.012 250 / 0.04);
  --p-choice-border: #81878d;
  --p-choice-border: oklch(0.62 0.0122 250);
  --p-color-accent-action: #8d9093;
  --p-color-accent-action: oklch(0.6517 0.0051 247.88);
  --p-color-accent-border: #d0d7dd;
  --p-color-accent-border: oklch(0.875 0.0115 250);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-press-toward: #ffffff;
  --p-color-accent-press-toward: oklch(1 0 0);
  --p-color-accent-seed: #f3f6f9;
  --p-color-accent-seed: oklch(0.9717 0.0051 247.88);
  --p-color-accent-solid: #14191e;
  --p-color-accent-solid: oklch(0.21 0.012 250);
  --p-color-accent-solid-hover: #484e54;
  --p-color-accent-solid-hover: oklch(0.42 0.012 250);
  --p-color-accent-solid-pressed: #5e646a;
  --p-color-accent-solid-pressed: oklch(0.5 0.012 250);
  --p-color-accent-text: #14191e;
  --p-color-accent-text: oklch(0.21 0.012 250);
  --p-color-accent-text-pressed: #5e646a;
  --p-color-accent-text-pressed: oklch(0.5 0.012 250);
  --p-color-accent-tint: #f0f5fa;
  --p-color-accent-tint: oklch(0.967 0.0086 250);
  --p-color-agent-border: #c0c3c5;
  --p-color-agent-border: oklch(0.815 0.0043 247.88);
  --p-color-agent-mark: #8d9093;
  --p-color-agent-mark: oklch(0.6517 0.0051 247.88);
  --p-color-agent-on-mark: #111114;
  --p-color-agent-on-mark: oklch(0.18 0.005 286);
  --p-color-agent-text: #5a5d5f;
  --p-color-agent-text: oklch(0.476 0.0046 247.88);
  --p-color-agent-tint: #edeef0;
  --p-color-agent-tint: oklch(0.95 0.0018 247.88);
  --p-color-bg-canvas: #eaeff5;
  --p-color-bg-canvas: oklch(0.951 0.0094 250);
  --p-color-bg-default: #fbfdff;
  --p-color-bg-default: oklch(0.993 0.0035 250);
  --p-color-bg-panel: #fbfdff;
  --p-color-bg-panel: oklch(0.993 0.0035 250);
  --p-color-border-control: #14191e2e;
  --p-color-border-control: oklch(0.21 0.012 250 / 0.18);
  --p-color-border-control-hover: #14191e3d;
  --p-color-border-control-hover: oklch(0.21 0.012 250 / 0.24);
  --p-color-border-control-strong: #14191e3d;
  --p-color-border-control-strong: oklch(0.21 0.012 250 / 0.24);
  --p-color-border-default: #81878d;
  --p-color-border-default: oklch(0.62 0.0122 250);
  --p-color-border-hairline: #14191e14;
  --p-color-border-hairline: oklch(0.21 0.012 250 / 0.08);
  --p-color-border-strong: #6f757b;
  --p-color-border-strong: oklch(0.56 0.012 250);
  --p-color-border-subtle: #dee4ea;
  --p-color-border-subtle: oklch(0.915 0.0108 250);
  --p-color-count-bg: #eaeff5;
  --p-color-count-bg: oklch(0.951 0.0094 250);
  --p-color-count-text: #484e54;
  --p-color-count-text: oklch(0.42 0.012 250);
  --p-color-danger-subtle: #fef1f0;
  --p-color-danger-subtle: oklch(0.9672 0.014 23.09);
  --p-color-field-bg: #fbfdff;
  --p-color-field-bg: oklch(0.993 0.0035 250);
  --p-color-field-bg-disabled: #14191e08;
  --p-color-field-bg-disabled: oklch(0.21 0.012 250 / 0.03);
  --p-color-field-border-disabled: #14191e0f;
  --p-color-field-border-disabled: oklch(0.21 0.012 250 / 0.06);
  --p-color-field-border-focus: #14191e;
  --p-color-field-border-focus: oklch(0.21 0.012 250);
  --p-color-field-border-readonly-hover: #14191e1f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.012 250 / 0.12);
  --p-color-focus-ring: #14191e;
  --p-color-focus-ring: oklch(0.21 0.012 250);
  --p-color-focus-ring-button: #14191e59;
  --p-color-focus-ring-button: oklch(0.21 0.012 250 / 0.35);
  --p-color-focus-ring-field: #14191e38;
  --p-color-focus-ring-field: oklch(0.21 0.012 250 / 0.22);
  --p-color-hover-tint: #14191e0a;
  --p-color-hover-tint: oklch(0.21 0.012 250 / 0.04);
  --p-color-info-border: #dee4ea;
  --p-color-info-border: oklch(0.915 0.0108 250);
  --p-color-info-solid: #484e54;
  --p-color-info-solid: oklch(0.42 0.012 250);
  --p-color-info-subtle: #f4f8fc;
  --p-color-info-subtle: oklch(0.9774 0.0066 250);
  --p-color-info-text: #484e54;
  --p-color-info-text: oklch(0.42 0.012 250);
  --p-color-info-tint: #f0f5fa;
  --p-color-info-tint: oklch(0.967 0.0086 250);
  --p-color-ink-a10: #14191e1a;
  --p-color-ink-a10: oklch(0.21 0.012 250 / 0.1);
  --p-color-ink-a12: #14191e1f;
  --p-color-ink-a12: oklch(0.21 0.012 250 / 0.12);
  --p-color-ink-a14: #14191e24;
  --p-color-ink-a14: oklch(0.21 0.012 250 / 0.14);
  --p-color-ink-a16: #14191e29;
  --p-color-ink-a16: oklch(0.21 0.012 250 / 0.16);
  --p-color-ink-a18: #14191e2e;
  --p-color-ink-a18: oklch(0.21 0.012 250 / 0.18);
  --p-color-ink-a20: #14191e33;
  --p-color-ink-a20: oklch(0.21 0.012 250 / 0.2);
  --p-color-ink-a24: #14191e3d;
  --p-color-ink-a24: oklch(0.21 0.012 250 / 0.24);
  --p-color-ink-a28: #14191e47;
  --p-color-ink-a28: oklch(0.21 0.012 250 / 0.28);
  --p-color-ink-a3: #14191e08;
  --p-color-ink-a3: oklch(0.21 0.012 250 / 0.03);
  --p-color-ink-a32: #14191e52;
  --p-color-ink-a32: oklch(0.21 0.012 250 / 0.32);
  --p-color-ink-a4: #14191e0a;
  --p-color-ink-a4: oklch(0.21 0.012 250 / 0.04);
  --p-color-ink-a40: #14191e66;
  --p-color-ink-a40: oklch(0.21 0.012 250 / 0.4);
  --p-color-ink-a5: #14191e0d;
  --p-color-ink-a5: oklch(0.21 0.012 250 / 0.05);
  --p-color-ink-a6: #14191e0f;
  --p-color-ink-a6: oklch(0.21 0.012 250 / 0.06);
  --p-color-ink-a8: #14191e14;
  --p-color-ink-a8: oklch(0.21 0.012 250 / 0.08);
  --p-color-mark-done: #fbfdff;
  --p-color-mark-done: oklch(0.993 0.0035 250);
  --p-color-mark-on-done: #14191e;
  --p-color-mark-on-done: oklch(0.21 0.012 250);
  --p-color-nav-active: #cdd2d8;
  --p-color-nav-active: oklch(0.8621 0.0097 250);
  --p-color-nav-active-icon: #14191e;
  --p-color-nav-active-icon: oklch(0.21 0.012 250);
  --p-color-neutral-tint: #6c7278;
  --p-color-neutral-tint: oklch(0.55 0.012 250);
  --p-color-selected-outline: #14191e;
  --p-color-selected-outline: oklch(0.21 0.012 250);
  --p-color-success-subtle: #e5fbea;
  --p-color-success-subtle: oklch(0.9672 0.0322 152.46);
  --p-color-surface-1: #fbfdff;
  --p-color-surface-1: oklch(0.993 0.0035 250);
  --p-color-surface-hover: #f0f5fa;
  --p-color-surface-hover: oklch(0.967 0.0086 250);
  --p-color-surface-pressed: #eaeff5;
  --p-color-surface-pressed: oklch(0.951 0.0094 250);
  --p-color-surface-selected: #edeef0;
  --p-color-surface-selected: oklch(0.95 0.0018 247.88);
  --p-color-surface-sunken: #f5fafe;
  --p-color-surface-sunken: oklch(0.982 0.0079 250);
  --p-color-text-disabled: #81878d;
  --p-color-text-disabled: oklch(0.62 0.0122 250);
  --p-color-text-inverse: #fbfdff;
  --p-color-text-inverse: oklch(0.993 0.0035 250);
  --p-color-text-link: #14191e;
  --p-color-text-link: oklch(0.21 0.012 250);
  --p-color-text-primary: #14191e;
  --p-color-text-primary: oklch(0.21 0.012 250);
  --p-color-text-secondary: #484e54;
  --p-color-text-secondary: oklch(0.42 0.012 250);
  --p-color-text-tertiary: #5e646a;
  --p-color-text-tertiary: oklch(0.5 0.012 250);
  --p-color-warning-subtle: #fef2e4;
  --p-color-warning-subtle: oklch(0.9672 0.023 75.3);
  --p-elevation-0-surface: #fbfdff;
  --p-elevation-0-surface: oklch(0.993 0.0035 250);
  --p-elevation-1-surface: #fbfdff;
  --p-elevation-1-surface: oklch(0.993 0.0035 250);
  --p-elevation-resting: "flat";
  --p-font-family-display: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-font-family-mono: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-font-family-sans: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-font-weight-bold: 600;
  --p-font-weight-max: 600;
  --p-overlay-bg: #fbfdff;
  --p-overlay-bg: oklch(0.993 0.0035 250);
  --p-overlay-highlight: #14191e0f;
  --p-overlay-highlight: oklch(0.21 0.012 250 / 0.06);
  --p-overlay-ring: #14191e14;
  --p-overlay-ring: oklch(0.21 0.012 250 / 0.08);
  --p-overlay-separator: #14191e14;
  --p-overlay-separator: oklch(0.21 0.012 250 / 0.08);
  --p-ramp-accent-1: #fcfcfd;
  --p-ramp-accent-1: oklch(0.992 0.0005 247.88);
  --p-ramp-accent-10: #999c9f;
  --p-ramp-accent-10: oklch(0.6917 0.005 247.88);
  --p-ramp-accent-11: #5a5d5f;
  --p-ramp-accent-11: oklch(0.476 0.0046 247.88);
  --p-ramp-accent-12: #2c2d2e;
  --p-ramp-accent-12: oklch(0.296 0.0018 247.88);
  --p-ramp-accent-2: #f7f8f8;
  --p-ramp-accent-2: oklch(0.978 0.001 247.88);
  --p-ramp-accent-3: #edeef0;
  --p-ramp-accent-3: oklch(0.95 0.0018 247.88);
  --p-ramp-accent-4: #e5e6e8;
  --p-ramp-accent-4: oklch(0.925 0.0024 247.88);
  --p-ramp-accent-5: #dbdcde;
  --p-ramp-accent-5: oklch(0.895 0.0031 247.88);
  --p-ramp-accent-6: #cfd1d3;
  --p-ramp-accent-6: oklch(0.86 0.0037 247.88);
  --p-ramp-accent-7: #c0c3c5;
  --p-ramp-accent-7: oklch(0.815 0.0043 247.88);
  --p-ramp-accent-8: #adafb2;
  --p-ramp-accent-8: oklch(0.7533 0.0046 247.88);
  --p-ramp-accent-9: #8d9093;
  --p-ramp-accent-9: oklch(0.6517 0.0051 247.88);
  --p-ramp-neutral-1: #fbfdff;
  --p-ramp-neutral-1: oklch(0.993 0.0035 250);
  --p-ramp-neutral-10: #5e646a;
  --p-ramp-neutral-10: oklch(0.5 0.012 250);
  --p-ramp-neutral-11: #484e54;
  --p-ramp-neutral-11: oklch(0.42 0.012 250);
  --p-ramp-neutral-12: #14191e;
  --p-ramp-neutral-12: oklch(0.21 0.012 250);
  --p-ramp-neutral-2: #f5fafe;
  --p-ramp-neutral-2: oklch(0.982 0.0079 250);
  --p-ramp-neutral-3: #f0f5fa;
  --p-ramp-neutral-3: oklch(0.967 0.0086 250);
  --p-ramp-neutral-4: #eaeff5;
  --p-ramp-neutral-4: oklch(0.951 0.0094 250);
  --p-ramp-neutral-5: #e5eaf0;
  --p-ramp-neutral-5: oklch(0.935 0.0101 250);
  --p-ramp-neutral-6: #dee4ea;
  --p-ramp-neutral-6: oklch(0.915 0.0108 250);
  --p-ramp-neutral-7: #d0d7dd;
  --p-ramp-neutral-7: oklch(0.875 0.0115 250);
  --p-ramp-neutral-8: #81878d;
  --p-ramp-neutral-8: oklch(0.62 0.0122 250);
  --p-ramp-neutral-9: #6f757b;
  --p-ramp-neutral-9: oklch(0.56 0.012 250);
  --p-segmented-active-bg: #fbfdff;
  --p-segmented-active-bg: oklch(0.993 0.0035 250);
  --p-segmented-track: #14191e0a;
  --p-segmented-track: oklch(0.21 0.012 250 / 0.04);
  --p-shadow-button-primary: 0 0 0 0 transparent;
  --p-shadow-choice: 0 0 0 0 transparent;
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.012 250 / 0.08), 0px 24px 48px -12px oklch(0.21 0.012 250 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.012 250 / 0.03), 0px 4px 8px -4px oklch(0.21 0.012 250 / 0.05), 0px 16px 24px -8px oklch(0.21 0.012 250 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.012 250 / 0.08);
  --p-shadow-segment-active: 0px 0px 0px 1px oklch(0.21 0.012 250 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.012 250 / 0.12), 0px 1px 2px 0px oklch(0.21 0.012 250 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.012 250 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.012 250 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #14191e1a;
  --p-slider-track: oklch(0.21 0.012 250 / 0.1);
  --p-switch-border-off: #81878d;
  --p-switch-border-off: oklch(0.62 0.0122 250);
  --p-switch-track-off: #14191e29;
  --p-switch-track-off: oklch(0.21 0.012 250 / 0.16);
  --p-tooltip-bg: #14191e;
  --p-tooltip-bg: oklch(0.21 0.012 250);
  --p-tooltip-fg: #fbfdff;
  --p-tooltip-fg: oklch(0.993 0.0035 250);
  --p-type-body-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-caption-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-code-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-display-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-display-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-display-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-numeric-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-world="editorial"] {
  --p-brand-sidebar-accent: #00667a;
  --p-brand-sidebar-accent: oklch(0.47 0.0849 218);
  --p-button-focus-border: #00667a;
  --p-button-focus-border: oklch(0.47 0.0849 218);
  --p-button-ghost-bg-hover: #13191e0a;
  --p-button-ghost-bg-hover: oklch(0.21 0.014 245 / 0.04);
  --p-button-ghost-bg-pressed: #13191e14;
  --p-button-ghost-bg-pressed: oklch(0.21 0.014 245 / 0.08);
  --p-button-secondary-bg: #fbfdff;
  --p-button-secondary-bg: oklch(0.993 0.0036 245);
  --p-button-secondary-bg-hover: #13191e0a;
  --p-button-secondary-bg-hover: oklch(0.21 0.014 245 / 0.04);
  --p-choice-border: #808890;
  --p-choice-border: oklch(0.624 0.0143 245);
  --p-color-accent-action: #00667a;
  --p-color-accent-action: oklch(0.47 0.0849 218);
  --p-color-accent-border: #8dcee1;
  --p-color-accent-border: oklch(0.815 0.0714 218);
  --p-color-accent-seed: #00667a;
  --p-color-accent-seed: oklch(0.47 0.0849 218);
  --p-color-accent-solid: #00667a;
  --p-color-accent-solid: oklch(0.47 0.0849 218);
  --p-color-accent-solid-hover: #005a6c;
  --p-color-accent-solid-hover: oklch(0.43 0.0778 218);
  --p-color-accent-solid-pressed: #005465;
  --p-color-accent-solid-pressed: oklch(0.41 0.0743 218);
  --p-color-accent-text: #005465;
  --p-color-accent-text: oklch(0.41 0.0743 218);
  --p-color-accent-text-pressed: #005465;
  --p-color-accent-text-pressed: oklch(0.41 0.0743 218);
  --p-color-accent-tint: #d9f4fc;
  --p-color-accent-tint: oklch(0.95 0.0306 218);
  --p-color-agent-border: #8dcee1;
  --p-color-agent-border: oklch(0.815 0.0714 218);
  --p-color-agent-mark: #00667a;
  --p-color-agent-mark: oklch(0.47 0.0849 218);
  --p-color-agent-text: #005465;
  --p-color-agent-text: oklch(0.41 0.0743 218);
  --p-color-agent-tint: #d9f4fc;
  --p-color-agent-tint: oklch(0.95 0.0306 218);
  --p-color-bg-canvas: #e9f0f6;
  --p-color-bg-canvas: oklch(0.951 0.0109 245);
  --p-color-bg-default: #fbfdff;
  --p-color-bg-default: oklch(0.993 0.0036 245);
  --p-color-bg-panel: #fbfdff;
  --p-color-bg-panel: oklch(0.993 0.0036 245);
  --p-color-border-control: #13191e2e;
  --p-color-border-control: oklch(0.21 0.014 245 / 0.18);
  --p-color-border-control-hover: #13191e3d;
  --p-color-border-control-hover: oklch(0.21 0.014 245 / 0.24);
  --p-color-border-control-strong: #13191e3d;
  --p-color-border-control-strong: oklch(0.21 0.014 245 / 0.24);
  --p-color-border-default: #808890;
  --p-color-border-default: oklch(0.624 0.0143 245);
  --p-color-border-hairline: #13191e14;
  --p-color-border-hairline: oklch(0.21 0.014 245 / 0.08);
  --p-color-border-strong: #6e767d;
  --p-color-border-strong: oklch(0.562 0.014 245);
  --p-color-border-subtle: #dce4eb;
  --p-color-border-subtle: oklch(0.915 0.0126 245);
  --p-color-count-bg: #13191e;
  --p-color-count-bg: oklch(0.21 0.014 245);
  --p-color-count-text: #fbfdff;
  --p-color-count-text: oklch(0.993 0.0036 245);
  --p-color-danger-subtle: #fef1f0;
  --p-color-danger-subtle: oklch(0.9672 0.0139 23.34);
  --p-color-field-bg: #fbfdff;
  --p-color-field-bg: oklch(0.993 0.0036 245);
  --p-color-field-bg-disabled: #13191e08;
  --p-color-field-bg-disabled: oklch(0.21 0.014 245 / 0.03);
  --p-color-field-border-disabled: #13191e0f;
  --p-color-field-border-disabled: oklch(0.21 0.014 245 / 0.06);
  --p-color-field-border-focus: #00667a;
  --p-color-field-border-focus: oklch(0.47 0.0849 218);
  --p-color-field-border-readonly-hover: #13191e1f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.014 245 / 0.12);
  --p-color-focus-ring: #00667a;
  --p-color-focus-ring: oklch(0.47 0.0849 218);
  --p-color-focus-ring-button: #00667a59;
  --p-color-focus-ring-button: oklch(0.47 0.0849 218 / 0.35);
  --p-color-focus-ring-field: #00667a38;
  --p-color-focus-ring-field: oklch(0.47 0.0849 218 / 0.22);
  --p-color-hover-tint: #13191e0a;
  --p-color-hover-tint: oklch(0.21 0.014 245 / 0.04);
  --p-color-info-subtle: #ecf5ff;
  --p-color-info-subtle: oklch(0.9672 0.0163 249.56);
  --p-color-ink-a10: #13191e1a;
  --p-color-ink-a10: oklch(0.21 0.014 245 / 0.1);
  --p-color-ink-a12: #13191e1f;
  --p-color-ink-a12: oklch(0.21 0.014 245 / 0.12);
  --p-color-ink-a14: #13191e24;
  --p-color-ink-a14: oklch(0.21 0.014 245 / 0.14);
  --p-color-ink-a16: #13191e29;
  --p-color-ink-a16: oklch(0.21 0.014 245 / 0.16);
  --p-color-ink-a18: #13191e2e;
  --p-color-ink-a18: oklch(0.21 0.014 245 / 0.18);
  --p-color-ink-a20: #13191e33;
  --p-color-ink-a20: oklch(0.21 0.014 245 / 0.2);
  --p-color-ink-a24: #13191e3d;
  --p-color-ink-a24: oklch(0.21 0.014 245 / 0.24);
  --p-color-ink-a28: #13191e47;
  --p-color-ink-a28: oklch(0.21 0.014 245 / 0.28);
  --p-color-ink-a3: #13191e08;
  --p-color-ink-a3: oklch(0.21 0.014 245 / 0.03);
  --p-color-ink-a32: #13191e52;
  --p-color-ink-a32: oklch(0.21 0.014 245 / 0.32);
  --p-color-ink-a4: #13191e0a;
  --p-color-ink-a4: oklch(0.21 0.014 245 / 0.04);
  --p-color-ink-a40: #13191e66;
  --p-color-ink-a40: oklch(0.21 0.014 245 / 0.4);
  --p-color-ink-a5: #13191e0d;
  --p-color-ink-a5: oklch(0.21 0.014 245 / 0.05);
  --p-color-ink-a6: #13191e0f;
  --p-color-ink-a6: oklch(0.21 0.014 245 / 0.06);
  --p-color-ink-a8: #13191e14;
  --p-color-ink-a8: oklch(0.21 0.014 245 / 0.08);
  --p-color-mark-done: #13191e;
  --p-color-mark-done: oklch(0.21 0.014 245);
  --p-color-mark-on-done: #fbfdff;
  --p-color-mark-on-done: oklch(0.993 0.0036 245);
  --p-color-nav-active: #cedce3;
  --p-color-nav-active: oklch(0.8861 0.018 232);
  --p-color-nav-active-icon: #005465;
  --p-color-nav-active-icon: oklch(0.41 0.0743 218);
  --p-color-neutral-tint: #6b7379;
  --p-color-neutral-tint: oklch(0.55 0.014 245);
  --p-color-selected-outline: #13191e;
  --p-color-selected-outline: oklch(0.21 0.014 245);
  --p-color-shadow-ambient: #0e171f0d;
  --p-color-shadow-ambient: oklch(0.2 0.02 245 / 0.05);
  --p-color-shadow-key: #0e171f1a;
  --p-color-shadow-key: oklch(0.2 0.02 245 / 0.1);
  --p-color-success-subtle: #e5fbea;
  --p-color-success-subtle: oklch(0.9672 0.0323 152.54);
  --p-color-surface-1: #fbfdff;
  --p-color-surface-1: oklch(0.993 0.0036 245);
  --p-color-surface-hover: #eff5fb;
  --p-color-surface-hover: oklch(0.967 0.0101 245);
  --p-color-surface-pressed: #e9f0f6;
  --p-color-surface-pressed: oklch(0.951 0.0109 245);
  --p-color-surface-selected: #d9f4fc;
  --p-color-surface-selected: oklch(0.95 0.0306 218);
  --p-color-surface-sunken: #f4faff;
  --p-color-surface-sunken: oklch(0.982 0.0092 245);
  --p-color-text-disabled: #808890;
  --p-color-text-disabled: oklch(0.624 0.0143 245);
  --p-color-text-inverse: #fbfdff;
  --p-color-text-inverse: oklch(0.993 0.0036 245);
  --p-color-text-link: #005465;
  --p-color-text-link: oklch(0.41 0.0743 218);
  --p-color-text-primary: #13191e;
  --p-color-text-primary: oklch(0.21 0.014 245);
  --p-color-text-secondary: #484f55;
  --p-color-text-secondary: oklch(0.424 0.014 245);
  --p-color-text-tertiary: #5d646b;
  --p-color-text-tertiary: oklch(0.5 0.014 245);
  --p-color-warning-subtle: #fdf2e4;
  --p-color-warning-subtle: oklch(0.9672 0.023 75.62);
  --p-elevation-0-shadow: 0 0 0 0 transparent;
  --p-elevation-0-surface: #fbfdff;
  --p-elevation-0-surface: oklch(0.993 0.0036 245);
  --p-elevation-1-shadow: 0px 1px 2px 0px oklch(0.2 0.02 245 / 0.1), 0px 1px 0px 0px oklch(0.2 0.02 245 / 0.05);
  --p-elevation-1-surface: #fbfdff;
  --p-elevation-1-surface: oklch(0.993 0.0036 245);
  --p-elevation-2-shadow: 0px 2px 4px -1px oklch(0.2 0.02 245 / 0.1), 0px 1px 2px 0px oklch(0.2 0.02 245 / 0.05);
  --p-elevation-3-shadow: 0px 6px 12px -2px oklch(0.2 0.02 245 / 0.1), 0px 2px 4px 0px oklch(0.2 0.02 245 / 0.05);
  --p-elevation-4-shadow: 0px 12px 24px -4px oklch(0.2 0.02 245 / 0.1), 0px 4px 8px 0px oklch(0.2 0.02 245 / 0.05);
  --p-elevation-5-shadow: 0px 24px 48px -8px oklch(0.2 0.02 245 / 0.1), 0px 8px 16px 0px oklch(0.2 0.02 245 / 0.05);
  --p-font-family-display: "Newsreader Variable", "Source Serif 4 Variable", "Pretendard Variable", Georgia, serif;
  --p-font-family-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --p-font-family-sans: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-nav-preset: "topbar";
  --p-overlay-bg: #fbfdff;
  --p-overlay-bg: oklch(0.993 0.0036 245);
  --p-overlay-highlight: #13191e0f;
  --p-overlay-highlight: oklch(0.21 0.014 245 / 0.06);
  --p-overlay-ring: #13191e14;
  --p-overlay-ring: oklch(0.21 0.014 245 / 0.08);
  --p-overlay-separator: #13191e14;
  --p-overlay-separator: oklch(0.21 0.014 245 / 0.08);
  --p-radius-card: 16px;
  --p-radius-control: 6px;
  --p-radius-factor: 1;
  --p-radius-inner-card: 16px;
  --p-radius-inner-control: 12px;
  --p-radius-pop: 12px;
  --p-radius-sheet: 24px;
  --p-ramp-accent-1: #f8fdff;
  --p-ramp-accent-1: oklch(0.992 0.0059 218);
  --p-ramp-accent-10: #005a6c;
  --p-ramp-accent-10: oklch(0.43 0.0778 218);
  --p-ramp-accent-11: #005465;
  --p-ramp-accent-11: oklch(0.41 0.0743 218);
  --p-ramp-accent-12: #1b3137;
  --p-ramp-accent-12: oklch(0.296 0.0298 218);
  --p-ramp-accent-2: #edfbff;
  --p-ramp-accent-2: oklch(0.978 0.016 218);
  --p-ramp-accent-3: #d9f4fc;
  --p-ramp-accent-3: oklch(0.95 0.0306 218);
  --p-ramp-accent-4: #c9eef9;
  --p-ramp-accent-4: oklch(0.925 0.0408 218);
  --p-ramp-accent-5: #b7e5f3;
  --p-ramp-accent-5: oklch(0.895 0.051 218);
  --p-ramp-accent-6: #a4dbec;
  --p-ramp-accent-6: oklch(0.86 0.0612 218);
  --p-ramp-accent-7: #8dcee1;
  --p-ramp-accent-7: oklch(0.815 0.0714 218);
  --p-ramp-accent-8: #589fb2;
  --p-ramp-accent-8: oklch(0.6625 0.0765 218);
  --p-ramp-accent-9: #00667a;
  --p-ramp-accent-9: oklch(0.47 0.0849 218);
  --p-ramp-neutral-1: #fbfdff;
  --p-ramp-neutral-1: oklch(0.993 0.0036 245);
  --p-ramp-neutral-10: #5d646b;
  --p-ramp-neutral-10: oklch(0.5 0.014 245);
  --p-ramp-neutral-11: #484f55;
  --p-ramp-neutral-11: oklch(0.424 0.014 245);
  --p-ramp-neutral-12: #13191e;
  --p-ramp-neutral-12: oklch(0.21 0.014 245);
  --p-ramp-neutral-2: #f4faff;
  --p-ramp-neutral-2: oklch(0.982 0.0092 245);
  --p-ramp-neutral-3: #eff5fb;
  --p-ramp-neutral-3: oklch(0.967 0.0101 245);
  --p-ramp-neutral-4: #e9f0f6;
  --p-ramp-neutral-4: oklch(0.951 0.0109 245);
  --p-ramp-neutral-5: #e3ebf1;
  --p-ramp-neutral-5: oklch(0.935 0.0118 245);
  --p-ramp-neutral-6: #dce4eb;
  --p-ramp-neutral-6: oklch(0.915 0.0126 245);
  --p-ramp-neutral-7: #cfd7de;
  --p-ramp-neutral-7: oklch(0.875 0.0134 245);
  --p-ramp-neutral-8: #808890;
  --p-ramp-neutral-8: oklch(0.624 0.0143 245);
  --p-ramp-neutral-9: #6e767d;
  --p-ramp-neutral-9: oklch(0.562 0.014 245);
  --p-segmented-active-bg: #fbfdff;
  --p-segmented-active-bg: oklch(0.993 0.0036 245);
  --p-segmented-track: #13191e0a;
  --p-segmented-track: oklch(0.21 0.014 245 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.21 0.014 245 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.21 0.014 245 / 0.05);
  --p-shadow-control: 0px 1px 2px 0px oklch(0.21 0.014 245 / 0.05);
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.014 245 / 0.08), 0px 24px 48px -12px oklch(0.21 0.014 245 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.014 245 / 0.03), 0px 4px 8px -4px oklch(0.21 0.014 245 / 0.05), 0px 16px 24px -8px oklch(0.21 0.014 245 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.014 245 / 0.08);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.21 0.014 245 / 0.08), 0px 0px 0px 1px oklch(0.21 0.014 245 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.014 245 / 0.12), 0px 1px 2px 0px oklch(0.21 0.014 245 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.014 245 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.014 245 / 0.08);
  --p-shadow-xs: 0px 1px 2px 0px oklch(0.21 0.014 245 / 0.05);
  --p-slider-track: #13191e1a;
  --p-slider-track: oklch(0.21 0.014 245 / 0.1);
  --p-switch-border-off: #808890;
  --p-switch-border-off: oklch(0.624 0.0143 245);
  --p-switch-track-off: #13191e29;
  --p-switch-track-off: oklch(0.21 0.014 245 / 0.16);
  --p-tooltip-bg: #13191e;
  --p-tooltip-bg: oklch(0.21 0.014 245);
  --p-tooltip-fg: #fbfdff;
  --p-tooltip-fg: oklch(0.993 0.0036 245);
  --p-type-body-l-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-body-l-line-height: 32px;
  --p-type-body-l-line-height-ko: 34px;
  --p-type-body-l-size: 19px;
  --p-type-body-m-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-body-s-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-caption-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-code-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --p-type-display-l-family: "Newsreader Variable", "Source Serif 4 Variable", "Pretendard Variable", Georgia, serif;
  --p-type-display-l-line-height: 56px;
  --p-type-display-l-line-height-ko: 61px;
  --p-type-display-l-size: 48px;
  --p-type-display-l-tracking: -0.015;
  --p-type-display-l-weight: 500;
  --p-type-display-m-family: "Newsreader Variable", "Source Serif 4 Variable", "Pretendard Variable", Georgia, serif;
  --p-type-display-m-line-height: 44px;
  --p-type-display-m-line-height-ko: 47.5px;
  --p-type-display-m-size: 36px;
  --p-type-display-m-tracking: -0.01;
  --p-type-display-m-weight: 500;
  --p-type-display-s-family: "Newsreader Variable", "Source Serif 4 Variable", "Pretendard Variable", Georgia, serif;
  --p-type-display-s-line-height: 36px;
  --p-type-display-s-line-height-ko: 39px;
  --p-type-display-s-size: 28px;
  --p-type-display-s-tracking: -0.005;
  --p-type-display-s-weight: 500;
  --p-type-label-l-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-label-m-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-label-s-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-numeric-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-l-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-l-line-height: 30px;
  --p-type-title-l-line-height-ko: 32px;
  --p-type-title-l-size: 22px;
  --p-type-title-m-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-s-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

[data-world="signal"] {
  --p-brand-sidebar-accent: #006deb;
  --p-brand-sidebar-accent: oklch(0.56 0.2082 258);
  --p-button-focus-border: #006deb;
  --p-button-focus-border: oklch(0.56 0.2082 258);
  --p-button-ghost-bg-hover: #1818180a;
  --p-button-ghost-bg-hover: oklch(0.21 0 0 / 0.04);
  --p-button-ghost-bg-pressed: #18181814;
  --p-button-ghost-bg-pressed: oklch(0.21 0 0 / 0.08);
  --p-button-secondary-bg: #fdfdfd;
  --p-button-secondary-bg: oklch(0.993 0 0);
  --p-button-secondary-bg-hover: #1818180a;
  --p-button-secondary-bg-hover: oklch(0.21 0 0 / 0.04);
  --p-choice-border: #878787;
  --p-choice-border: oklch(0.624 0 0);
  --p-color-accent-action: #006deb;
  --p-color-accent-action: oklch(0.56 0.2082 258);
  --p-color-accent-border: #9dc5ff;
  --p-color-accent-border: oklch(0.815 0.0934 258);
  --p-color-accent-seed: #006deb;
  --p-color-accent-seed: oklch(0.56 0.2082 258);
  --p-color-accent-solid: #006deb;
  --p-color-accent-solid: oklch(0.56 0.2082 258);
  --p-color-accent-solid-hover: #0062d5;
  --p-color-accent-solid-hover: oklch(0.52 0.1935 258);
  --p-color-accent-solid-pressed: #0059c4;
  --p-color-accent-solid-pressed: oklch(0.488 0.1818 258);
  --p-color-accent-text: #0059c4;
  --p-color-accent-text: oklch(0.488 0.1818 258);
  --p-color-accent-text-pressed: #0059c4;
  --p-color-accent-text-pressed: oklch(0.488 0.1818 258);
  --p-color-accent-tint: #e5efff;
  --p-color-accent-tint: oklch(0.95 0.024 258);
  --p-color-agent-border: #9dc5ff;
  --p-color-agent-border: oklch(0.815 0.0934 258);
  --p-color-agent-mark: #006deb;
  --p-color-agent-mark: oklch(0.56 0.2082 258);
  --p-color-agent-text: #0059c4;
  --p-color-agent-text: oklch(0.488 0.1818 258);
  --p-color-agent-tint: #e5efff;
  --p-color-agent-tint: oklch(0.95 0.024 258);
  --p-color-bg-canvas: #f4f4f4;
  --p-color-bg-canvas: oklch(0.967 0 0);
  --p-color-bg-default: #fdfdfd;
  --p-color-bg-default: oklch(0.993 0 0);
  --p-color-bg-panel: #fdfdfd;
  --p-color-bg-panel: oklch(0.993 0 0);
  --p-color-border-control: #1818182e;
  --p-color-border-control: oklch(0.21 0 0 / 0.18);
  --p-color-border-control-hover: #1818183d;
  --p-color-border-control-hover: oklch(0.21 0 0 / 0.24);
  --p-color-border-control-strong: #1818183d;
  --p-color-border-control-strong: oklch(0.21 0 0 / 0.24);
  --p-color-border-default: #878787;
  --p-color-border-default: oklch(0.624 0 0);
  --p-color-border-hairline: #18181814;
  --p-color-border-hairline: oklch(0.21 0 0 / 0.08);
  --p-color-border-strong: #757575;
  --p-color-border-strong: oklch(0.562 0 0);
  --p-color-border-subtle: #efefef;
  --p-color-border-subtle: oklch(0.951 0 0);
  --p-color-count-bg: #181818;
  --p-color-count-bg: oklch(0.21 0 0);
  --p-color-count-text: #fdfdfd;
  --p-color-count-text: oklch(0.993 0 0);
  --p-color-danger-subtle: #fef1ef;
  --p-color-danger-subtle: oklch(0.9672 0.015 27);
  --p-color-field-bg: #fdfdfd;
  --p-color-field-bg: oklch(0.993 0 0);
  --p-color-field-bg-disabled: #18181808;
  --p-color-field-bg-disabled: oklch(0.21 0 0 / 0.03);
  --p-color-field-border-disabled: #1818180f;
  --p-color-field-border-disabled: oklch(0.21 0 0 / 0.06);
  --p-color-field-border-focus: #006deb;
  --p-color-field-border-focus: oklch(0.56 0.2082 258);
  --p-color-field-border-readonly-hover: #1818181f;
  --p-color-field-border-readonly-hover: oklch(0.21 0 0 / 0.12);
  --p-color-focus-ring: #006deb;
  --p-color-focus-ring: oklch(0.56 0.2082 258);
  --p-color-focus-ring-button: #006deb59;
  --p-color-focus-ring-button: oklch(0.56 0.2082 258 / 0.35);
  --p-color-focus-ring-field: #006deb38;
  --p-color-focus-ring-field: oklch(0.56 0.2082 258 / 0.22);
  --p-color-hover-tint: #1818180a;
  --p-color-hover-tint: oklch(0.21 0 0 / 0.04);
  --p-color-info-subtle: #edf5fe;
  --p-color-info-subtle: oklch(0.9672 0.0149 250);
  --p-color-ink-a10: #1818181a;
  --p-color-ink-a10: oklch(0.21 0 0 / 0.1);
  --p-color-ink-a12: #1818181f;
  --p-color-ink-a12: oklch(0.21 0 0 / 0.12);
  --p-color-ink-a14: #18181824;
  --p-color-ink-a14: oklch(0.21 0 0 / 0.14);
  --p-color-ink-a16: #18181829;
  --p-color-ink-a16: oklch(0.21 0 0 / 0.16);
  --p-color-ink-a18: #1818182e;
  --p-color-ink-a18: oklch(0.21 0 0 / 0.18);
  --p-color-ink-a20: #18181833;
  --p-color-ink-a20: oklch(0.21 0 0 / 0.2);
  --p-color-ink-a24: #1818183d;
  --p-color-ink-a24: oklch(0.21 0 0 / 0.24);
  --p-color-ink-a28: #18181847;
  --p-color-ink-a28: oklch(0.21 0 0 / 0.28);
  --p-color-ink-a3: #18181808;
  --p-color-ink-a3: oklch(0.21 0 0 / 0.03);
  --p-color-ink-a32: #18181852;
  --p-color-ink-a32: oklch(0.21 0 0 / 0.32);
  --p-color-ink-a4: #1818180a;
  --p-color-ink-a4: oklch(0.21 0 0 / 0.04);
  --p-color-ink-a40: #18181866;
  --p-color-ink-a40: oklch(0.21 0 0 / 0.4);
  --p-color-ink-a5: #1818180d;
  --p-color-ink-a5: oklch(0.21 0 0 / 0.05);
  --p-color-ink-a6: #1818180f;
  --p-color-ink-a6: oklch(0.21 0 0 / 0.06);
  --p-color-ink-a8: #18181814;
  --p-color-ink-a8: oklch(0.21 0 0 / 0.08);
  --p-color-mark-done: #181818;
  --p-color-mark-done: oklch(0.21 0 0);
  --p-color-mark-on-done: #fdfdfd;
  --p-color-mark-on-done: oklch(0.993 0 0);
  --p-color-nav-active: #d8e2f0;
  --p-color-nav-active: oklch(0.9095 0.0218 258);
  --p-color-nav-active-icon: #0059c4;
  --p-color-nav-active-icon: oklch(0.488 0.1818 258);
  --p-color-neutral-tint: #717171;
  --p-color-neutral-tint: oklch(0.55 0 0);
  --p-color-selected-outline: #181818;
  --p-color-selected-outline: oklch(0.21 0 0);
  --p-color-shadow-ambient: #14161b0f;
  --p-color-shadow-ambient: oklch(0.2 0.01 270 / 0.06);
  --p-color-shadow-key: #14161b1f;
  --p-color-shadow-key: oklch(0.2 0.01 270 / 0.12);
  --p-color-success-subtle: #e6fbe9;
  --p-color-success-subtle: oklch(0.9672 0.0324 150);
  --p-color-surface-1: #fdfdfd;
  --p-color-surface-1: oklch(0.993 0 0);
  --p-color-surface-hover: #f4f4f4;
  --p-color-surface-hover: oklch(0.967 0 0);
  --p-color-surface-pressed: #efefef;
  --p-color-surface-pressed: oklch(0.951 0 0);
  --p-color-surface-selected: #e5efff;
  --p-color-surface-selected: oklch(0.95 0.024 258);
  --p-color-surface-sunken: #f9f9f9;
  --p-color-surface-sunken: oklch(0.982 0 0);
  --p-color-text-disabled: #878787;
  --p-color-text-disabled: oklch(0.624 0 0);
  --p-color-text-inverse: #fdfdfd;
  --p-color-text-inverse: oklch(0.993 0 0);
  --p-color-text-link: #0059c4;
  --p-color-text-link: oklch(0.488 0.1818 258);
  --p-color-text-primary: #181818;
  --p-color-text-primary: oklch(0.21 0 0);
  --p-color-text-secondary: #4e4e4e;
  --p-color-text-secondary: oklch(0.424 0 0);
  --p-color-text-tertiary: #636363;
  --p-color-text-tertiary: oklch(0.5 0 0);
  --p-color-warning-subtle: #fef2e3;
  --p-color-warning-subtle: oklch(0.9672 0.0244 75);
  --p-elevation-0-shadow: 0 0 0 0 transparent;
  --p-elevation-0-surface: #fdfdfd;
  --p-elevation-0-surface: oklch(0.993 0 0);
  --p-elevation-1-shadow: 0px 1px 2px 0px oklch(0.2 0.01 270 / 0.12), 0px 1px 0px 0px oklch(0.2 0.01 270 / 0.06);
  --p-elevation-1-surface: #fdfdfd;
  --p-elevation-1-surface: oklch(0.993 0 0);
  --p-elevation-2-shadow: 0px 2px 4px -1px oklch(0.2 0.01 270 / 0.12), 0px 1px 2px 0px oklch(0.2 0.01 270 / 0.06);
  --p-elevation-3-shadow: 0px 6px 12px -2px oklch(0.2 0.01 270 / 0.12), 0px 2px 4px 0px oklch(0.2 0.01 270 / 0.06);
  --p-elevation-4-shadow: 0px 12px 24px -4px oklch(0.2 0.01 270 / 0.12), 0px 4px 8px 0px oklch(0.2 0.01 270 / 0.06);
  --p-elevation-5-shadow: 0px 24px 48px -8px oklch(0.2 0.01 270 / 0.12), 0px 8px 16px 0px oklch(0.2 0.01 270 / 0.06);
  --p-font-family-display: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-font-family-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --p-font-family-sans: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-nav-preset: "tabs";
  --p-overlay-bg: #fdfdfd;
  --p-overlay-bg: oklch(0.993 0 0);
  --p-overlay-highlight: #1818180f;
  --p-overlay-highlight: oklch(0.21 0 0 / 0.06);
  --p-overlay-ring: #18181814;
  --p-overlay-ring: oklch(0.21 0 0 / 0.08);
  --p-overlay-separator: #18181814;
  --p-overlay-separator: oklch(0.21 0 0 / 0.08);
  --p-radius-card: 24px;
  --p-radius-control: 8px;
  --p-radius-factor: 1.5;
  --p-radius-inner-card: 20px;
  --p-radius-inner-control: 20px;
  --p-radius-pop: 16px;
  --p-radius-sheet: 28px;
  --p-ramp-accent-1: #fbfdff;
  --p-ramp-accent-1: oklch(0.992 0.0038 258);
  --p-ramp-accent-10: #0062d5;
  --p-ramp-accent-10: oklch(0.52 0.1935 258);
  --p-ramp-accent-11: #0059c4;
  --p-ramp-accent-11: oklch(0.488 0.1818 258);
  --p-ramp-accent-12: #132d54;
  --p-ramp-accent-12: oklch(0.3 0.077 258);
  --p-ramp-accent-2: #f3f8ff;
  --p-ramp-accent-2: oklch(0.978 0.0105 258);
  --p-ramp-accent-3: #e5efff;
  --p-ramp-accent-3: oklch(0.95 0.024 258);
  --p-ramp-accent-4: #d8e8ff;
  --p-ramp-accent-4: oklch(0.925 0.0363 258);
  --p-ramp-accent-5: #c8deff;
  --p-ramp-accent-5: oklch(0.895 0.0514 258);
  --p-ramp-accent-6: #b5d3ff;
  --p-ramp-accent-6: oklch(0.86 0.0695 258);
  --p-ramp-accent-7: #9dc5ff;
  --p-ramp-accent-7: oklch(0.815 0.0934 258);
  --p-ramp-accent-8: #61a1ff;
  --p-ramp-accent-8: oklch(0.7075 0.1539 258);
  --p-ramp-accent-9: #006deb;
  --p-ramp-accent-9: oklch(0.56 0.2082 258);
  --p-ramp-neutral-1: #fdfdfd;
  --p-ramp-neutral-1: oklch(0.993 0 0);
  --p-ramp-neutral-10: #636363;
  --p-ramp-neutral-10: oklch(0.5 0 0);
  --p-ramp-neutral-11: #4e4e4e;
  --p-ramp-neutral-11: oklch(0.424 0 0);
  --p-ramp-neutral-12: #181818;
  --p-ramp-neutral-12: oklch(0.21 0 0);
  --p-ramp-neutral-2: #f9f9f9;
  --p-ramp-neutral-2: oklch(0.982 0 0);
  --p-ramp-neutral-3: #f4f4f4;
  --p-ramp-neutral-3: oklch(0.967 0 0);
  --p-ramp-neutral-4: #efefef;
  --p-ramp-neutral-4: oklch(0.951 0 0);
  --p-ramp-neutral-5: #e9e9e9;
  --p-ramp-neutral-5: oklch(0.935 0 0);
  --p-ramp-neutral-6: #e3e3e3;
  --p-ramp-neutral-6: oklch(0.915 0 0);
  --p-ramp-neutral-7: #d6d6d6;
  --p-ramp-neutral-7: oklch(0.875 0 0);
  --p-ramp-neutral-8: #878787;
  --p-ramp-neutral-8: oklch(0.624 0 0);
  --p-ramp-neutral-9: #757575;
  --p-ramp-neutral-9: oklch(0.562 0 0);
  --p-segmented-active-bg: #fdfdfd;
  --p-segmented-active-bg: oklch(0.993 0 0);
  --p-segmented-track: #1818180a;
  --p-segmented-track: oklch(0.21 0 0 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.21 0 0 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.21 0 0 / 0.05);
  --p-shadow-control: 0px 1px 2px 0px oklch(0.21 0 0 / 0.05);
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0 0 / 0.08), 0px 24px 48px -12px oklch(0.21 0 0 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0 0 / 0.03), 0px 4px 8px -4px oklch(0.21 0 0 / 0.05), 0px 16px 24px -8px oklch(0.21 0 0 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0 0 / 0.08);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.21 0 0 / 0.08), 0px 0px 0px 1px oklch(0.21 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0 0 / 0.12), 0px 1px 2px 0px oklch(0.21 0 0 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0 0 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0 0 / 0.08);
  --p-shadow-xs: 0px 1px 2px 0px oklch(0.21 0 0 / 0.05);
  --p-slider-track: #1818181a;
  --p-slider-track: oklch(0.21 0 0 / 0.1);
  --p-stroke-default: 0px;
  --p-switch-border-off: #878787;
  --p-switch-border-off: oklch(0.624 0 0);
  --p-switch-track-off: #18181829;
  --p-switch-track-off: oklch(0.21 0 0 / 0.16);
  --p-tooltip-bg: #181818;
  --p-tooltip-bg: oklch(0.21 0 0);
  --p-tooltip-fg: #fdfdfd;
  --p-tooltip-fg: oklch(0.993 0 0);
  --p-type-body-l-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-body-m-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-body-s-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-caption-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-code-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --p-type-display-l-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-display-l-line-height: 60px;
  --p-type-display-l-line-height-ko: 65.5px;
  --p-type-display-l-size: 56px;
  --p-type-display-l-tracking: -0.03;
  --p-type-display-l-weight: 700;
  --p-type-display-m-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-display-m-line-height: 46px;
  --p-type-display-m-line-height-ko: 50px;
  --p-type-display-m-size: 40px;
  --p-type-display-m-tracking: -0.03;
  --p-type-display-m-weight: 700;
  --p-type-display-s-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-display-s-line-height: 36px;
  --p-type-display-s-line-height-ko: 39px;
  --p-type-display-s-size: 30px;
  --p-type-display-s-tracking: -0.02;
  --p-type-display-s-weight: 700;
  --p-type-label-l-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-label-m-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-label-s-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-numeric-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-l-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-l-line-height: 30px;
  --p-type-title-l-line-height-ko: 32.5px;
  --p-type-title-l-size: 24px;
  --p-type-title-l-weight: 700;
  --p-type-title-m-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-m-weight: 700;
  --p-type-title-s-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

[data-density="compact"] {
  --p-size-control-lg: 32px;
  --p-size-control-md: 28px;
  --p-size-control-sm: 24px;
  --p-size-row-current: 32px;
}

[data-density="regular"] {
  --p-size-control-lg: 44px;
  --p-size-control-md: 40px;
  --p-size-control-sm: 32px;
  --p-size-row-current: 48px;
}

[data-contrast="increased"] {
  --p-button-focus-border: #17181c;
  --p-button-focus-border: oklch(0.21 0.008 270);
  --p-choice-border: #4c4e53;
  --p-choice-border: oklch(0.424 0.008 270);
  --p-color-accent-text: #1b2c50;
  --p-color-accent-text: oklch(0.3 0.0693 263.45);
  --p-color-agent-text: #1b2c50;
  --p-color-agent-text: oklch(0.3 0.0693 263.45);
  --p-color-bg-canvas: #fcfdff;
  --p-color-bg-canvas: oklch(0.993 0.0033 270);
  --p-color-border-control: #4c4e53;
  --p-color-border-control: oklch(0.424 0.008 270);
  --p-color-border-control-hover: #17181c;
  --p-color-border-control-hover: oklch(0.21 0.008 270);
  --p-color-border-control-strong: #17181c;
  --p-color-border-control-strong: oklch(0.21 0.008 270);
  --p-color-border-default: #4c4e53;
  --p-color-border-default: oklch(0.424 0.008 270);
  --p-color-border-strong: #17181c;
  --p-color-border-strong: oklch(0.21 0.008 270);
  --p-color-border-subtle: #85878c;
  --p-color-border-subtle: oklch(0.624 0.0082 270);
  --p-color-danger-text: #4b1e1a;
  --p-color-danger-text: oklch(0.3 0.07 27);
  --p-color-field-border-disabled: #85878c;
  --p-color-field-border-disabled: oklch(0.624 0.0082 270);
  --p-color-field-border-focus: #17181c;
  --p-color-field-border-focus: oklch(0.21 0.008 270);
  --p-color-focus-ring: #17181c;
  --p-color-focus-ring: oklch(0.21 0.008 270);
  --p-color-focus-ring-button: #17181c59;
  --p-color-focus-ring-button: oklch(0.21 0.008 270 / 0.35);
  --p-color-focus-ring-field: #17181c38;
  --p-color-focus-ring-field: oklch(0.21 0.008 270 / 0.22);
  --p-color-info-text: #112e4b;
  --p-color-info-text: oklch(0.296 0.063 250);
  --p-color-nav-active: #dde1e9;
  --p-color-nav-active: oklch(0.9098 0.0112 265.14);
  --p-color-nav-active-icon: #1b2c50;
  --p-color-nav-active-icon: oklch(0.3 0.0693 263.45);
  --p-color-success-text: #18341e;
  --p-color-success-text: oklch(0.296 0.0525 150);
  --p-color-text-disabled: #73757a;
  --p-color-text-disabled: oklch(0.562 0.008 270);
  --p-color-text-link: #1b2c50;
  --p-color-text-link: oklch(0.3 0.0693 263.45);
  --p-color-text-secondary: #17181c;
  --p-color-text-secondary: oklch(0.21 0.008 270);
  --p-color-text-tertiary: #4c4e53;
  --p-color-text-tertiary: oklch(0.424 0.008 270);
  --p-color-warning-text: #3d2806;
  --p-color-warning-text: oklch(0.296 0.056 75);
  --p-switch-border-off: #4c4e53;
  --p-switch-border-off: oklch(0.424 0.008 270);
}

[data-theme="dark"] {
  --p-brand-sidebar-accent: #eff1f6;
  --p-brand-sidebar-accent: oklch(0.958 0.0072 270);
  --p-button-focus-border: #9cbeff;
  --p-button-focus-border: oklch(0.8 0.1004 263.45);
  --p-button-ghost-bg-hover: #eff1f60a;
  --p-button-ghost-bg-hover: oklch(0.958 0.0072 270 / 0.04);
  --p-button-ghost-bg-pressed: #eff1f614;
  --p-button-ghost-bg-pressed: oklch(0.958 0.0072 270 / 0.08);
  --p-button-secondary-bg: #ffffff0a;
  --p-button-secondary-bg: oklch(1 0 0 / 0.04);
  --p-button-secondary-bg-hover: #ffffff1a;
  --p-button-secondary-bg-hover: oklch(1 0 0 / 0.1);
  --p-choice-border: #787a7f;
  --p-choice-border: oklch(0.578 0.008 270);
  --p-color-accent-action: #2b60dc;
  --p-color-accent-action: oklch(0.53 0.198 263.45);
  --p-color-accent-border: #183b8c;
  --p-color-accent-border: oklch(0.38 0.1414 263.45);
  --p-color-accent-solid: #eff1f6;
  --p-color-accent-solid: oklch(0.958 0.0072 270);
  --p-color-accent-solid-hover: #bcbec2;
  --p-color-accent-solid-hover: oklch(0.8 0.0072 270);
  --p-color-accent-solid-pressed: #96989d;
  --p-color-accent-solid-pressed: oklch(0.68 0.0072 270);
  --p-color-accent-text: #9cbeff;
  --p-color-accent-text: oklch(0.8 0.1004 263.45);
  --p-color-accent-text-pressed: #96989d;
  --p-color-accent-text-pressed: oklch(0.68 0.0072 270);
  --p-color-accent-tint: #0b1936;
  --p-color-accent-tint: oklch(0.22 0.0606 263.45);
  --p-color-agent-border: #183b8c;
  --p-color-agent-border: oklch(0.38 0.1414 263.45);
  --p-color-agent-mark: #2b60dc;
  --p-color-agent-mark: oklch(0.53 0.198 263.45);
  --p-color-agent-text: #9cbeff;
  --p-color-agent-text: oklch(0.8 0.1004 263.45);
  --p-color-agent-tint: #0b1936;
  --p-color-agent-tint: oklch(0.22 0.0606 263.45);
  --p-color-bg-canvas: #090a0e;
  --p-color-bg-canvas: oklch(0.145 0.008 270);
  --p-color-bg-default: #0f1014;
  --p-color-bg-default: oklch(0.175 0.008 270);
  --p-color-bg-panel: #0f1014;
  --p-color-bg-panel: oklch(0.175 0.008 270);
  --p-color-border-control: #eff1f629;
  --p-color-border-control: oklch(0.958 0.0072 270 / 0.16);
  --p-color-border-control-hover: #eff1f633;
  --p-color-border-control-hover: oklch(0.958 0.0072 270 / 0.2);
  --p-color-border-control-strong: #eff1f633;
  --p-color-border-control-strong: oklch(0.958 0.0072 270 / 0.2);
  --p-color-border-default: #787a7f;
  --p-color-border-default: oklch(0.578 0.008 270);
  --p-color-border-hairline: #eff1f614;
  --p-color-border-hairline: oklch(0.958 0.0072 270 / 0.08);
  --p-color-border-strong: #87898d;
  --p-color-border-strong: oklch(0.629 0.0072 270);
  --p-color-border-subtle: #2c2e32;
  --p-color-border-subtle: oklch(0.3 0.008 270);
  --p-color-count-bg: #eff1f6;
  --p-color-count-bg: oklch(0.958 0.0072 270);
  --p-color-count-text: #0f1014;
  --p-color-count-text: oklch(0.175 0.008 270);
  --p-color-danger-border: #7d1011;
  --p-color-danger-border: oklch(0.38 0.1428 27);
  --p-color-danger-solid: #cb2526;
  --p-color-danger-solid: oklch(0.545 0.2 27);
  --p-color-danger-subtle: #24100f;
  --p-color-danger-subtle: oklch(0.202 0.0354 22.38);
  --p-color-danger-text: #ffa096;
  --p-color-danger-text: oklch(0.8 0.1146 27);
  --p-color-danger-tint: #320c0a;
  --p-color-danger-tint: oklch(0.22 0.0612 27);
  --p-color-field-bg: #ffffff0a;
  --p-color-field-bg: oklch(1 0 0 / 0.04);
  --p-color-field-bg-disabled: #eff1f608;
  --p-color-field-bg-disabled: oklch(0.958 0.0072 270 / 0.03);
  --p-color-field-border-disabled: #eff1f60f;
  --p-color-field-border-disabled: oklch(0.958 0.0072 270 / 0.06);
  --p-color-field-border-focus: #9cbeff;
  --p-color-field-border-focus: oklch(0.8 0.1004 263.45);
  --p-color-field-border-invalid: #cb2526;
  --p-color-field-border-invalid: oklch(0.545 0.2 27);
  --p-color-field-border-readonly-hover: #eff1f61f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.0072 270 / 0.12);
  --p-color-focus-ring: #9cbeff;
  --p-color-focus-ring: oklch(0.8 0.1004 263.45);
  --p-color-focus-ring-button: #9cbeff59;
  --p-color-focus-ring-button: oklch(0.8 0.1004 263.45 / 0.35);
  --p-color-focus-ring-button-danger: #cb252659;
  --p-color-focus-ring-button-danger: oklch(0.545 0.2 27 / 0.35);
  --p-color-focus-ring-danger: #ffa096;
  --p-color-focus-ring-danger: oklch(0.8 0.1146 27);
  --p-color-focus-ring-field: #9cbeff52;
  --p-color-focus-ring-field: oklch(0.8 0.1004 263.45 / 0.32);
  --p-color-focus-ring-field-danger: #cb252647;
  --p-color-focus-ring-field-danger: oklch(0.545 0.2 27 / 0.28);
  --p-color-hover-tint: #eff1f60a;
  --p-color-hover-tint: oklch(0.958 0.0072 270 / 0.04);
  --p-color-info-border: #004479;
  --p-color-info-border: oklch(0.38 0.1088 250);
  --p-color-info-solid: #006bb9;
  --p-color-info-solid: oklch(0.52 0.1478 250);
  --p-color-info-subtle: #091726;
  --p-color-info-subtle: oklch(0.202 0.0361 251.74);
  --p-color-info-text: #89c3ff;
  --p-color-info-text: oklch(0.8 0.105 250);
  --p-color-info-tint: #031c33;
  --p-color-info-tint: oklch(0.22 0.0551 250);
  --p-color-ink-a10: #eff1f61a;
  --p-color-ink-a10: oklch(0.958 0.0072 270 / 0.1);
  --p-color-ink-a12: #eff1f61f;
  --p-color-ink-a12: oklch(0.958 0.0072 270 / 0.12);
  --p-color-ink-a14: #eff1f624;
  --p-color-ink-a14: oklch(0.958 0.0072 270 / 0.14);
  --p-color-ink-a16: #eff1f629;
  --p-color-ink-a16: oklch(0.958 0.0072 270 / 0.16);
  --p-color-ink-a18: #eff1f62e;
  --p-color-ink-a18: oklch(0.958 0.0072 270 / 0.18);
  --p-color-ink-a20: #eff1f633;
  --p-color-ink-a20: oklch(0.958 0.0072 270 / 0.2);
  --p-color-ink-a24: #eff1f63d;
  --p-color-ink-a24: oklch(0.958 0.0072 270 / 0.24);
  --p-color-ink-a28: #eff1f647;
  --p-color-ink-a28: oklch(0.958 0.0072 270 / 0.28);
  --p-color-ink-a3: #eff1f608;
  --p-color-ink-a3: oklch(0.958 0.0072 270 / 0.03);
  --p-color-ink-a32: #eff1f652;
  --p-color-ink-a32: oklch(0.958 0.0072 270 / 0.32);
  --p-color-ink-a4: #eff1f60a;
  --p-color-ink-a4: oklch(0.958 0.0072 270 / 0.04);
  --p-color-ink-a40: #eff1f666;
  --p-color-ink-a40: oklch(0.958 0.0072 270 / 0.4);
  --p-color-ink-a5: #eff1f60d;
  --p-color-ink-a5: oklch(0.958 0.0072 270 / 0.05);
  --p-color-ink-a6: #eff1f60f;
  --p-color-ink-a6: oklch(0.958 0.0072 270 / 0.06);
  --p-color-ink-a8: #eff1f614;
  --p-color-ink-a8: oklch(0.958 0.0072 270 / 0.08);
  --p-color-mark-done: #eff1f6;
  --p-color-mark-done: oklch(0.958 0.0072 270);
  --p-color-mark-on-done: #090a0e;
  --p-color-mark-on-done: oklch(0.145 0.008 270);
  --p-color-nav-active: #171b25;
  --p-color-nav-active: oklch(0.2236 0.0191 265.86);
  --p-color-nav-active-icon: #9cbeff;
  --p-color-nav-active-icon: oklch(0.8 0.1004 263.45);
  --p-color-scrim: #00000099;
  --p-color-scrim: oklch(0 0 0 / 0.6);
  --p-color-selected-outline: #eff1f6;
  --p-color-selected-outline: oklch(0.958 0.0072 270);
  --p-color-shadow-ambient: #0000001f;
  --p-color-shadow-ambient: oklch(0 0 0 / 0.12);
  --p-color-shadow-key: #00000038;
  --p-color-shadow-key: oklch(0 0 0 / 0.22);
  --p-color-success-border: #005121;
  --p-color-success-border: oklch(0.38 0.1057 150);
  --p-color-success-solid: #007a35;
  --p-color-success-solid: oklch(0.505 0.1397 150);
  --p-color-success-subtle: #0c1a11;
  --p-color-success-subtle: oklch(0.202 0.0261 156.1);
  --p-color-success-text: #79d68f;
  --p-color-success-text: oklch(0.8 0.135 150);
  --p-color-success-tint: #08200f;
  --p-color-success-tint: oklch(0.22 0.0459 150);
  --p-color-surface-1: #16171b;
  --p-color-surface-1: oklch(0.205 0.008 270);
  --p-color-surface-2: #1d1e22;
  --p-color-surface-2: oklch(0.235 0.008 270);
  --p-color-surface-3: #242529;
  --p-color-surface-3: oklch(0.265 0.008 270);
  --p-color-surface-4: #2c2e32;
  --p-color-surface-4: oklch(0.3 0.008 270);
  --p-color-surface-hover: #1d1e22;
  --p-color-surface-hover: oklch(0.235 0.008 270);
  --p-color-surface-pressed: #242529;
  --p-color-surface-pressed: oklch(0.265 0.008 270);
  --p-color-surface-selected: #0c1f48;
  --p-color-surface-selected: oklch(0.25 0.0808 263.45);
  --p-color-surface-sunken: #090a0e;
  --p-color-surface-sunken: oklch(0.145 0.008 270);
  --p-color-text-disabled: #787a7f;
  --p-color-text-disabled: oklch(0.578 0.008 270);
  --p-color-text-inverse: #090a0e;
  --p-color-text-inverse: oklch(0.145 0.008 270);
  --p-color-text-link: #9cbeff;
  --p-color-text-link: oklch(0.8 0.1004 263.45);
  --p-color-text-on-accent: #111114;
  --p-color-text-on-accent: oklch(0.18 0.005 286);
  --p-color-text-primary: #eff1f6;
  --p-color-text-primary: oklch(0.958 0.0072 270);
  --p-color-text-secondary: #bcbec2;
  --p-color-text-secondary: oklch(0.8 0.0072 270);
  --p-color-text-tertiary: #96989d;
  --p-color-text-tertiary: oklch(0.68 0.0072 270);
  --p-color-warning-border: #5b3b00;
  --p-color-warning-border: oklch(0.38 0.0812 75);
  --p-color-warning-solid: #e79d00;
  --p-color-warning-solid: oklch(0.75 0.1585 75);
  --p-color-warning-subtle: #1e1509;
  --p-color-warning-subtle: oklch(0.202 0.0263 73.2);
  --p-color-warning-text: #f7b246;
  --p-color-warning-text: oklch(0.81 0.144 75);
  --p-color-warning-tint: #281700;
  --p-color-warning-tint: oklch(0.22 0.049 75);
  --p-elevation-0-shadow: 0 0 0 0 transparent;
  --p-elevation-0-surface: #0f1014;
  --p-elevation-0-surface: oklch(0.175 0.008 270);
  --p-elevation-1-shadow: 0px 1px 2px 0px oklch(0 0 0 / 0.22), 0px 1px 0px 0px oklch(0 0 0 / 0.12);
  --p-elevation-1-surface: #16171b;
  --p-elevation-1-surface: oklch(0.205 0.008 270);
  --p-elevation-2-shadow: 0px 2px 4px -1px oklch(0 0 0 / 0.22), 0px 1px 2px 0px oklch(0 0 0 / 0.12);
  --p-elevation-2-surface: #1d1e22;
  --p-elevation-2-surface: oklch(0.235 0.008 270);
  --p-elevation-3-shadow: 0px 6px 12px -2px oklch(0 0 0 / 0.22), 0px 2px 4px 0px oklch(0 0 0 / 0.12);
  --p-elevation-3-surface: #242529;
  --p-elevation-3-surface: oklch(0.265 0.008 270);
  --p-elevation-4-shadow: 0px 12px 24px -4px oklch(0 0 0 / 0.22), 0px 4px 8px 0px oklch(0 0 0 / 0.12);
  --p-elevation-4-surface: #2c2e32;
  --p-elevation-4-surface: oklch(0.3 0.008 270);
  --p-elevation-5-shadow: 0px 24px 48px -8px oklch(0 0 0 / 0.22), 0px 8px 16px 0px oklch(0 0 0 / 0.12);
  --p-elevation-5-surface: #2c2e32;
  --p-elevation-5-surface: oklch(0.3 0.008 270);
  --p-overlay-bg: #16171b;
  --p-overlay-bg: oklch(0.205 0.008 270);
  --p-overlay-highlight: #eff1f60f;
  --p-overlay-highlight: oklch(0.958 0.0072 270 / 0.06);
  --p-overlay-ring: #ffffff1a;
  --p-overlay-ring: oklch(1 0 0 / 0.1);
  --p-overlay-separator: #eff1f614;
  --p-overlay-separator: oklch(0.958 0.0072 270 / 0.08);
  --p-ramp-accent-1: #080b12;
  --p-ramp-accent-1: oklch(0.15 0.0162 263.45);
  --p-ramp-accent-10: #376ee8;
  --p-ramp-accent-10: oklch(0.57 0.194 263.45);
  --p-ramp-accent-11: #9cbeff;
  --p-ramp-accent-11: oklch(0.8 0.1004 263.45);
  --p-ramp-accent-12: #dce8ff;
  --p-ramp-accent-12: oklch(0.93 0.0334 263.45);
  --p-ramp-accent-2: #091120;
  --p-ramp-accent-2: oklch(0.178 0.0337 263.45);
  --p-ramp-accent-3: #0b1936;
  --p-ramp-accent-3: oklch(0.22 0.0606 263.45);
  --p-ramp-accent-4: #0c1f48;
  --p-ramp-accent-4: oklch(0.25 0.0808 263.45);
  --p-ramp-accent-5: #0d245a;
  --p-ramp-accent-5: oklch(0.28 0.101 263.45);
  --p-ramp-accent-6: #102c6f;
  --p-ramp-accent-6: oklch(0.32 0.1212 263.45);
  --p-ramp-accent-7: #183b8c;
  --p-ramp-accent-7: oklch(0.38 0.1414 263.45);
  --p-ramp-accent-8: #133faa;
  --p-ramp-accent-8: oklch(0.415 0.1782 263.45);
  --p-ramp-accent-9: #2b60dc;
  --p-ramp-accent-9: oklch(0.53 0.198 263.45);
  --p-ramp-amber-1: #0e0a06;
  --p-ramp-amber-1: oklch(0.15 0.0131 75);
  --p-ramp-amber-10: #f4aa28;
  --p-ramp-amber-10: oklch(0.79 0.1568 75);
  --p-ramp-amber-11: #f7b246;
  --p-ramp-amber-11: oklch(0.81 0.144 75);
  --p-ramp-amber-12: #fee3bf;
  --p-ramp-amber-12: oklch(0.93 0.056 75);
  --p-ramp-amber-2: #180f04;
  --p-ramp-amber-2: oklch(0.178 0.0272 75);
  --p-ramp-amber-3: #281700;
  --p-ramp-amber-3: oklch(0.22 0.049 75);
  --p-ramp-amber-4: #311d00;
  --p-ramp-amber-4: oklch(0.25 0.0552 75);
  --p-ramp-amber-5: #3a2400;
  --p-ramp-amber-5: oklch(0.28 0.061 75);
  --p-ramp-amber-6: #472d00;
  --p-ramp-amber-6: oklch(0.32 0.069 75);
  --p-ramp-amber-7: #5b3b00;
  --p-ramp-amber-7: oklch(0.38 0.0812 75);
  --p-ramp-amber-8: #8f5f00;
  --p-ramp-amber-8: oklch(0.525 0.1113 75);
  --p-ramp-amber-9: #e79d00;
  --p-ramp-amber-9: oklch(0.75 0.1585 75);
  --p-ramp-blue-1: #070c11;
  --p-ramp-blue-1: oklch(0.15 0.0147 250);
  --p-ramp-blue-10: #0077cd;
  --p-ramp-blue-10: oklch(0.56 0.1591 250);
  --p-ramp-blue-11: #89c3ff;
  --p-ramp-blue-11: oklch(0.8 0.105 250);
  --p-ramp-blue-12: #d7eaff;
  --p-ramp-blue-12: oklch(0.93 0.035 250);
  --p-ramp-blue-2: #06121e;
  --p-ramp-blue-2: oklch(0.178 0.0306 250);
  --p-ramp-blue-3: #031c33;
  --p-ramp-blue-3: oklch(0.22 0.0551 250);
  --p-ramp-blue-4: #002243;
  --p-ramp-blue-4: oklch(0.25 0.0734 250);
  --p-ramp-blue-5: #002a4f;
  --p-ramp-blue-5: oklch(0.28 0.0815 250);
  --p-ramp-blue-6: #00345f;
  --p-ramp-blue-6: oklch(0.32 0.0923 250);
  --p-ramp-blue-7: #004479;
  --p-ramp-blue-7: oklch(0.38 0.1088 250);
  --p-ramp-blue-8: #004c86;
  --p-ramp-blue-8: oklch(0.41 0.1171 250);
  --p-ramp-blue-9: #006bb9;
  --p-ramp-blue-9: oklch(0.52 0.1478 250);
  --p-ramp-green-1: #080d08;
  --p-ramp-green-1: oklch(0.15 0.0122 150);
  --p-ramp-green-10: #0a873e;
  --p-ramp-green-10: oklch(0.545 0.147 150);
  --p-ramp-green-11: #79d68f;
  --p-ramp-green-11: oklch(0.8 0.135 150);
  --p-ramp-green-12: #d0f2d6;
  --p-ramp-green-12: oklch(0.93 0.0525 150);
  --p-ramp-green-2: #09140b;
  --p-ramp-green-2: oklch(0.178 0.0255 150);
  --p-ramp-green-3: #08200f;
  --p-ramp-green-3: oklch(0.22 0.0459 150);
  --p-ramp-green-4: #052911;
  --p-ramp-green-4: oklch(0.25 0.0612 150);
  --p-ramp-green-5: #013313;
  --p-ramp-green-5: oklch(0.28 0.0765 150);
  --p-ramp-green-6: #003f18;
  --p-ramp-green-6: oklch(0.32 0.0896 150);
  --p-ramp-green-7: #005121;
  --p-ramp-green-7: oklch(0.38 0.1057 150);
  --p-ramp-green-8: #005825;
  --p-ramp-green-8: oklch(0.4025 0.1118 150);
  --p-ramp-green-9: #007a35;
  --p-ramp-green-9: oklch(0.505 0.1397 150);
  --p-ramp-neutral-1: #090a0e;
  --p-ramp-neutral-1: oklch(0.145 0.008 270);
  --p-ramp-neutral-10: #96989d;
  --p-ramp-neutral-10: oklch(0.68 0.0072 270);
  --p-ramp-neutral-11: #bcbec2;
  --p-ramp-neutral-11: oklch(0.8 0.0072 270);
  --p-ramp-neutral-12: #eff1f6;
  --p-ramp-neutral-12: oklch(0.958 0.0072 270);
  --p-ramp-neutral-2: #0f1014;
  --p-ramp-neutral-2: oklch(0.175 0.008 270);
  --p-ramp-neutral-3: #16171b;
  --p-ramp-neutral-3: oklch(0.205 0.008 270);
  --p-ramp-neutral-4: #1d1e22;
  --p-ramp-neutral-4: oklch(0.235 0.008 270);
  --p-ramp-neutral-5: #242529;
  --p-ramp-neutral-5: oklch(0.265 0.008 270);
  --p-ramp-neutral-6: #2c2e32;
  --p-ramp-neutral-6: oklch(0.3 0.008 270);
  --p-ramp-neutral-7: #3a3c40;
  --p-ramp-neutral-7: oklch(0.355 0.008 270);
  --p-ramp-neutral-8: #787a7f;
  --p-ramp-neutral-8: oklch(0.578 0.008 270);
  --p-ramp-neutral-9: #87898d;
  --p-ramp-neutral-9: oklch(0.629 0.0072 270);
  --p-ramp-red-1: #110908;
  --p-ramp-red-1: oklch(0.15 0.0163 27);
  --p-ramp-red-10: #d73934;
  --p-ramp-red-10: oklch(0.585 0.196 27);
  --p-ramp-red-11: #ffa096;
  --p-ramp-red-11: oklch(0.8 0.1146 27);
  --p-ramp-red-12: #ffdfdb;
  --p-ramp-red-12: oklch(0.93 0.0356 27);
  --p-ramp-red-2: #1e0b09;
  --p-ramp-red-2: oklch(0.178 0.034 27);
  --p-ramp-red-3: #320c0a;
  --p-ramp-red-3: oklch(0.22 0.0612 27);
  --p-ramp-red-4: #410c0a;
  --p-ramp-red-4: oklch(0.25 0.0816 27);
  --p-ramp-red-5: #500909;
  --p-ramp-red-5: oklch(0.28 0.102 27);
  --p-ramp-red-6: #63080a;
  --p-ramp-red-6: oklch(0.32 0.1224 27);
  --p-ramp-red-7: #7d1011;
  --p-ramp-red-7: oklch(0.38 0.1428 27);
  --p-ramp-red-8: #96000c;
  --p-ramp-red-8: oklch(0.4225 0.1731 27);
  --p-ramp-red-9: #cb2526;
  --p-ramp-red-9: oklch(0.545 0.2 27);
  --p-scrim-dialog: #0000008c;
  --p-scrim-dialog: oklch(0 0 0 / 0.55);
  --p-segmented-active-bg: #3a3c40;
  --p-segmented-active-bg: oklch(0.355 0.008 270);
  --p-segmented-track: #eff1f60a;
  --p-segmented-track: oklch(0.958 0.0072 270 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.958 0.0072 270 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.958 0.0072 270 / 0.05);
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(1 0 0 / 0.1), 0px 24px 48px -12px oklch(0 0 0 / 0.5);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0 0 0 / 0.3), 0px 4px 8px -4px oklch(0 0 0 / 0.3), 0px 16px 24px -8px oklch(0 0 0 / 0.45);
  --p-shadow-overlay-highlight: inset 0px 1px 0px 0px oklch(1 0 0 / 0.06);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(1 0 0 / 0.1);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.958 0.0072 270 / 0.08), 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.0072 270 / 0.12), 0px 1px 2px 0px oklch(0.958 0.0072 270 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.0072 270 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.0072 270 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #eff1f61a;
  --p-slider-track: oklch(0.958 0.0072 270 / 0.1);
  --p-switch-border-off: #787a7f;
  --p-switch-border-off: oklch(0.578 0.008 270);
  --p-switch-track-off: #eff1f629;
  --p-switch-track-off: oklch(0.958 0.0072 270 / 0.16);
  --p-tooltip-bg: #eff1f6;
  --p-tooltip-bg: oklch(0.958 0.0072 270);
  --p-tooltip-fg: #090a0e;
  --p-tooltip-fg: oklch(0.145 0.008 270);
}

[data-business="b2c"] {
  --p-button-font-size: 15px;
  --p-button-font-size-lg: 16px;
  --p-button-radius: 12px;
  --p-button-size-lg: 48px;
  --p-button-size-md: 40px;
  --p-button-size-sm: 32px;
  --p-color-accent-action: #17181c;
  --p-color-accent-action: oklch(0.21 0.008 270);
  --p-color-accent-text: #17181c;
  --p-color-accent-text: oklch(0.21 0.008 270);
  --p-color-bg-canvas: #f8f9fd;
  --p-color-bg-canvas: oklch(0.982 0.0053 270);
  --p-color-nav-active: #d9dade;
  --p-color-nav-active: oklch(0.8894 0.0056 270);
  --p-color-nav-active-icon: #17181c;
  --p-color-nav-active-icon: oklch(0.21 0.008 270);
  --p-field-radius-lg: 12px;
  --p-field-radius-md: 12px;
  --p-field-radius-sm: 8px;
  --p-layout-gutter-compact: 20px;
  --p-layout-gutter-expanded: 48px;
  --p-layout-gutter-medium: 32px;
  --p-layout-height-header: 64px;
  --p-layout-height-header-compact: 56px;
  --p-layout-height-tab-bar: 56px;
  --p-motion-budget: "expressive";
  --p-motion-duration-media-hover: 300ms;
  --p-motion-hover-media-scale: 1.03;
  --p-motion-press-scale: 0.96;
  --p-motion-spring-bouncy-stiffness: 260;
  --p-motion-spring-bouncy-damping: 18;
  --p-motion-spring-bouncy-mass: 1;
  --p-nav-preset: "topbar";
  --p-overlay-radius-dialog: 16px;
  --p-overlay-radius-sheet: 24px;
  --p-radius-card: 20px;
  --p-radius-control: 12px;
  --p-radius-cta: 16px;
  --p-radius-factor: 1;
  --p-radius-inner-card: 16px;
  --p-radius-inner-control: 16px;
  --p-radius-media: 4px;
  --p-radius-pop: 20px;
  --p-radius-sheet: 24px;
  --p-size-avatar-chrome: 36px;
  --p-size-band: 10px;
  --p-size-chip: 36px;
  --p-size-chip-touch: 40px;
  --p-size-control-lg: 48px;
  --p-size-control-md: 40px;
  --p-size-control-sm: 32px;
  --p-size-cta: 48px;
  --p-size-cta-touch: 52px;
  --p-size-field-lg: 56px;
  --p-size-field-md: 48px;
  --p-size-field-search: 48px;
  --p-size-field-sm: 40px;
  --p-size-list-avatar: 38px;
  --p-size-list-row: 72px;
  --p-size-list-row-plain: 56px;
  --p-size-menu-item: 36px;
  --p-size-menu-item-lg: 36px;
  --p-size-tabbar-icon: 24px;
  --p-size-tabbar-label: 11px;
  --p-size-tabbar-label-line-height: 14px;
  --p-type-body-l-line-height: 27px;
  --p-type-body-l-line-height-ko: 29px;
  --p-type-body-l-size: 18px;
  --p-type-body-m-line-height: 24px;
  --p-type-body-m-line-height-ko: 22px;
  --p-type-body-m-size: 16px;
  --p-type-body-m-size-ko: 15px;
  --p-type-body-mobile-line-height: 25px;
  --p-type-body-mobile-line-height-ko: 26.5px;
  --p-type-body-mobile-size: 17px;
  --p-type-body-mobile-tracking: 0;
  --p-type-body-mobile-weight: 400;
  --p-type-body-s-line-height: 20px;
  --p-type-body-s-line-height-ko: 19px;
  --p-type-body-s-size: 14px;
  --p-type-caption-line-height: 18px;
  --p-type-caption-line-height-ko: 18px;
  --p-type-caption-size: 13px;
  --p-type-card-meta-family: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-meta-line-height: 18px;
  --p-type-card-meta-line-height-ko: 19.5px;
  --p-type-card-meta-size: 13px;
  --p-type-card-meta-tracking: 0;
  --p-type-card-meta-weight: 400;
  --p-type-card-title-family: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-line-height: 21px;
  --p-type-card-title-line-height-ko: 22px;
  --p-type-card-title-size: 15px;
  --p-type-card-title-tracking: -0.01;
  --p-type-card-title-weight: 600;
  --p-type-code-size: 14px;
  --p-type-display-l-line-height: 52px;
  --p-type-display-l-line-height-ko: 57px;
  --p-type-display-l-size: 48px;
  --p-type-display-m-line-height: 42px;
  --p-type-display-m-line-height-ko: 45.5px;
  --p-type-display-m-size: 36px;
  --p-type-display-m-tracking: -0.02;
  --p-type-display-s-line-height: 34px;
  --p-type-display-s-line-height-ko: 36px;
  --p-type-display-s-size: 28px;
  --p-type-display-s-tracking: -0.015;
  --p-type-display-s-weight-ko: 700;
  --p-type-label-l-line-height: 22px;
  --p-type-label-l-line-height-ko: 23.5px;
  --p-type-label-l-size: 16px;
  --p-type-label-m-line-height: 20px;
  --p-type-label-m-line-height-ko: 21.5px;
  --p-type-label-m-size: 14px;
  --p-type-label-s-line-height: 18px;
  --p-type-label-s-line-height-ko: 19.5px;
  --p-type-label-s-size: 13px;
  --p-type-nav-label-family: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-nav-label-line-height: 22px;
  --p-type-nav-label-line-height-ko: 23.5px;
  --p-type-nav-label-size: 15px;
  --p-type-nav-label-tracking: -0.01;
  --p-type-nav-label-weight: 500;
  --p-type-numeric-line-height: 22px;
  --p-type-numeric-line-height-ko: 23.5px;
  --p-type-numeric-size: 16px;
  --p-type-section-title-mobile-family: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-line-height: 28px;
  --p-type-section-title-mobile-line-height-ko: 30px;
  --p-type-section-title-mobile-size: 22px;
  --p-type-section-title-mobile-tracking: -0.02;
  --p-type-section-title-mobile-weight: 700;
  --p-type-section-title-family: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-line-height: 30px;
  --p-type-section-title-line-height-ko: 32px;
  --p-type-section-title-size: 24px;
  --p-type-section-title-tracking: -0.02;
  --p-type-section-title-weight: 700;
  --p-type-title-l-line-height-ko: 31px;
  --p-type-title-l-size: 22px;
  --p-type-title-l-size-ko: 24px;
  --p-type-title-l-weight-ko: 700;
  --p-type-title-m-line-height-ko: 25px;
  --p-type-title-m-size: 18px;
  --p-type-title-m-weight-ko: 600;
  --p-type-title-mobile-family: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-line-height: 34px;
  --p-type-title-mobile-line-height-ko: 36px;
  --p-type-title-mobile-size: 28px;
  --p-type-title-mobile-tracking: -0.015;
  --p-type-title-mobile-weight: 700;
  --p-type-title-s-line-height: 22px;
  --p-type-title-s-line-height-ko: 24px;
  --p-type-title-s-size: 16px;
  --p-type-title-s-size-ko: 17px;
  --p-type-title-s-weight-ko: 600;
}

[data-business="game"] {
  --p-button-font-size: 15px;
  --p-button-font-size-lg: 16px;
  --p-button-size-lg: 48px;
  --p-button-size-md: 40px;
  --p-button-size-sm: 32px;
  --p-color-accent-action: #17181c;
  --p-color-accent-action: oklch(0.21 0.008 270);
  --p-color-accent-text: #17181c;
  --p-color-accent-text: oklch(0.21 0.008 270);
  --p-color-bg-canvas: #f8f9fd;
  --p-color-bg-canvas: oklch(0.982 0.0053 270);
  --p-color-nav-active: #d9dade;
  --p-color-nav-active: oklch(0.8894 0.0056 270);
  --p-color-nav-active-icon: #17181c;
  --p-color-nav-active-icon: oklch(0.21 0.008 270);
  --p-layout-gutter-compact: 20px;
  --p-layout-gutter-expanded: 48px;
  --p-layout-gutter-medium: 32px;
  --p-layout-height-header: 64px;
  --p-layout-height-header-compact: 56px;
  --p-layout-height-tab-bar: 56px;
  --p-motion-budget: "expressive";
  --p-motion-duration-media-hover: 300ms;
  --p-motion-game-burst-flash-duration: 240ms;
  --p-motion-game-burst-max: 600ms;
  --p-motion-game-burst-particle-duration: 600ms;
  --p-motion-game-burst-pop-duration: 360ms;
  --p-motion-game-burst-pop-scale: 1.12;
  --p-motion-game-duration-release: 360ms;
  --p-motion-game-easing-release: cubic-bezier(0.34, 1.45, 0.64, 1);
  --p-motion-game-overshoot-max: 0.08;
  --p-motion-game-reduced-burst-duration: 160ms;
  --p-motion-game-reduced-channels: "opacity colour";
  --p-motion-game-reduced-pop-scale: 1;
  --p-motion-game-reduced-press-scale: 1;
  --p-motion-game-spring-pop-stiffness: 500;
  --p-motion-game-spring-pop-damping: 31;
  --p-motion-game-spring-pop-mass: 1;
  --p-motion-game-spring-release-stiffness: 400;
  --p-motion-game-spring-release-damping: 26;
  --p-motion-game-spring-release-mass: 1;
  --p-motion-hover-media-scale: 1.03;
  --p-motion-press-scale: 0.92;
  --p-motion-spring-bouncy-stiffness: 260;
  --p-motion-spring-bouncy-damping: 18;
  --p-motion-spring-bouncy-mass: 1;
  --p-nav-preset: "tabs";
  --p-overlay-radius-sheet: 24px;
  --p-radius-card: 20px;
  --p-radius-control: 12px;
  --p-radius-cta: 16px;
  --p-radius-factor: 1;
  --p-radius-inner-card: 16px;
  --p-radius-inner-control: 16px;
  --p-radius-media: 4px;
  --p-radius-pop: 24px;
  --p-radius-sheet: 24px;
  --p-size-avatar-chrome: 36px;
  --p-size-band: 10px;
  --p-size-chip: 36px;
  --p-size-chip-touch: 40px;
  --p-size-control-lg: 48px;
  --p-size-control-md: 40px;
  --p-size-control-sm: 32px;
  --p-size-cta: 48px;
  --p-size-cta-touch: 52px;
  --p-size-field-lg: 56px;
  --p-size-field-md: 48px;
  --p-size-field-search: 48px;
  --p-size-field-sm: 40px;
  --p-size-list-avatar: 38px;
  --p-size-list-row: 72px;
  --p-size-list-row-plain: 56px;
  --p-size-menu-item: 36px;
  --p-size-menu-item-lg: 36px;
  --p-size-tabbar-icon: 24px;
  --p-size-tabbar-label: 11px;
  --p-size-tabbar-label-line-height: 14px;
  --p-type-body-l-line-height: 27px;
  --p-type-body-l-line-height-ko: 29px;
  --p-type-body-l-size: 18px;
  --p-type-body-m-line-height: 27px;
  --p-type-body-m-line-height-ko: 22px;
  --p-type-body-m-size: 18px;
  --p-type-body-m-size-ko: 15px;
  --p-type-body-mobile-line-height: 25px;
  --p-type-body-mobile-line-height-ko: 26.5px;
  --p-type-body-mobile-size: 17px;
  --p-type-body-mobile-tracking: 0;
  --p-type-body-mobile-weight: 400;
  --p-type-body-s-line-height: 20px;
  --p-type-body-s-line-height-ko: 19px;
  --p-type-body-s-size: 14px;
  --p-type-caption-line-height: 18px;
  --p-type-caption-line-height-ko: 18px;
  --p-type-caption-size: 13px;
  --p-type-card-meta-family: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-meta-line-height: 18px;
  --p-type-card-meta-line-height-ko: 19.5px;
  --p-type-card-meta-size: 13px;
  --p-type-card-meta-tracking: 0;
  --p-type-card-meta-weight: 400;
  --p-type-card-title-family: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-line-height: 21px;
  --p-type-card-title-line-height-ko: 22px;
  --p-type-card-title-size: 15px;
  --p-type-card-title-tracking: -0.01;
  --p-type-card-title-weight: 600;
  --p-type-code-size: 14px;
  --p-type-display-l-line-height: 52px;
  --p-type-display-l-line-height-ko: 57px;
  --p-type-display-l-size: 48px;
  --p-type-display-m-line-height: 42px;
  --p-type-display-m-line-height-ko: 45.5px;
  --p-type-display-m-size: 36px;
  --p-type-display-m-tracking: -0.02;
  --p-type-display-s-line-height: 34px;
  --p-type-display-s-line-height-ko: 36px;
  --p-type-display-s-size: 28px;
  --p-type-display-s-tracking: -0.015;
  --p-type-display-s-weight-ko: 700;
  --p-type-label-l-line-height: 22px;
  --p-type-label-l-line-height-ko: 23.5px;
  --p-type-label-l-size: 16px;
  --p-type-label-m-line-height: 22px;
  --p-type-label-m-line-height-ko: 23.5px;
  --p-type-label-m-size: 16px;
  --p-type-label-s-line-height: 18px;
  --p-type-label-s-line-height-ko: 19.5px;
  --p-type-label-s-size: 13px;
  --p-type-nav-label-family: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-nav-label-line-height: 22px;
  --p-type-nav-label-line-height-ko: 23.5px;
  --p-type-nav-label-size: 15px;
  --p-type-nav-label-tracking: -0.01;
  --p-type-nav-label-weight: 500;
  --p-type-numeric-line-height: 22px;
  --p-type-numeric-line-height-ko: 23.5px;
  --p-type-numeric-size: 16px;
  --p-type-section-title-mobile-family: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-line-height: 28px;
  --p-type-section-title-mobile-line-height-ko: 30px;
  --p-type-section-title-mobile-size: 22px;
  --p-type-section-title-mobile-tracking: -0.02;
  --p-type-section-title-mobile-weight: 700;
  --p-type-section-title-family: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-line-height: 30px;
  --p-type-section-title-line-height-ko: 32px;
  --p-type-section-title-size: 24px;
  --p-type-section-title-tracking: -0.02;
  --p-type-section-title-weight: 700;
  --p-type-title-l-line-height-ko: 31px;
  --p-type-title-l-size: 22px;
  --p-type-title-l-size-ko: 24px;
  --p-type-title-l-weight-ko: 700;
  --p-type-title-m-line-height-ko: 25px;
  --p-type-title-m-size: 18px;
  --p-type-title-m-weight-ko: 600;
  --p-type-title-mobile-family: Geist, "Geist Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-line-height: 34px;
  --p-type-title-mobile-line-height-ko: 36px;
  --p-type-title-mobile-size: 28px;
  --p-type-title-mobile-tracking: -0.015;
  --p-type-title-mobile-weight: 700;
  --p-type-title-s-line-height: 22px;
  --p-type-title-s-line-height-ko: 24px;
  --p-type-title-s-size: 16px;
  --p-type-title-s-size-ko: 17px;
  --p-type-title-s-weight-ko: 600;
}

[data-platform="ios"] {
  --p-font-family-display: system-ui;
  --p-font-family-hangul: system-ui;
  --p-font-family-mono: ui-monospace;
  --p-font-family-sans: system-ui;
  --p-layout-height-tab-bar: 49px;
  --p-motion-spring-bouncy-duration: 0.5;
  --p-motion-spring-bouncy-bounce: 0;
  --p-motion-spring-smooth-duration: 0.5;
  --p-motion-spring-smooth-bounce: 0;
  --p-motion-spring-snappy-duration: 0.5;
  --p-motion-spring-snappy-bounce: 0.15;
  --p-opacity-disabled: 0.38;
  --p-size-control-lg: 48px;
  --p-size-control-md: 44px;
  --p-size-control-sm: 32px;
  --p-size-target-min: 44px;
  --p-stroke-hairline: 0.5px;
  --p-type-body-l-family: system-ui;
  --p-type-body-l-line-height: 22px;
  --p-type-body-l-line-height-ko: 23.5px;
  --p-type-body-l-size: 17px;
  --p-type-body-m-family: system-ui;
  --p-type-body-m-size: 16px;
  --p-type-body-s-family: system-ui;
  --p-type-body-s-line-height: 21px;
  --p-type-body-s-line-height-ko: 22.5px;
  --p-type-body-s-size: 16px;
  --p-type-caption-family: system-ui;
  --p-type-code-family: ui-monospace;
  --p-type-code-line-height: 19px;
  --p-type-code-line-height-ko: 20.5px;
  --p-type-code-size: 14px;
  --p-type-display-l-family: system-ui;
  --p-type-display-l-line-height: 41px;
  --p-type-display-l-line-height-ko: 44.5px;
  --p-type-display-l-size: 34px;
  --p-type-display-l-tracking: 0;
  --p-type-display-m-family: system-ui;
  --p-type-display-m-line-height: 34px;
  --p-type-display-m-line-height-ko: 37px;
  --p-type-display-m-tracking: 0;
  --p-type-display-s-family: system-ui;
  --p-type-display-s-line-height: 28px;
  --p-type-display-s-line-height-ko: 30px;
  --p-type-display-s-size: 22px;
  --p-type-display-s-tracking: 0;
  --p-type-label-l-family: system-ui;
  --p-type-label-l-line-height: 21px;
  --p-type-label-l-line-height-ko: 22.5px;
  --p-type-label-l-size: 16px;
  --p-type-label-m-family: system-ui;
  --p-type-label-m-line-height: 20px;
  --p-type-label-m-line-height-ko: 21.5px;
  --p-type-label-m-size: 15px;
  --p-type-label-s-family: system-ui;
  --p-type-label-s-line-height: 18px;
  --p-type-label-s-line-height-ko: 19.5px;
  --p-type-label-s-size: 13px;
  --p-type-numeric-family: system-ui;
  --p-type-numeric-line-height: 21px;
  --p-type-numeric-line-height-ko: 22.5px;
  --p-type-numeric-size: 16px;
  --p-type-numeric-weight: 400;
  --p-type-title-l-family: system-ui;
  --p-type-title-l-line-height: 25px;
  --p-type-title-l-line-height-ko: 27px;
  --p-type-title-m-family: system-ui;
  --p-type-title-m-line-height: 22px;
  --p-type-title-m-line-height-ko: 23.5px;
  --p-type-title-m-size: 17px;
  --p-type-title-s-family: system-ui;
  --p-type-title-s-size: 15px;
}

[data-platform="android"] {
  --p-font-family-display: system-ui;
  --p-font-family-hangul: system-ui;
  --p-font-family-mono: monospace;
  --p-font-family-sans: system-ui;
  --p-motion-spring-bouncy-damping-ratio: 0.9;
  --p-motion-spring-bouncy-stiffness: 700;
  --p-motion-spring-smooth-damping-ratio: 0.9;
  --p-motion-spring-smooth-stiffness: 700;
  --p-motion-spring-snappy-damping-ratio: 0.9;
  --p-motion-spring-snappy-stiffness: 1400;
  --p-opacity-disabled: 0.38;
  --p-size-control-lg: 48px;
  --p-size-control-md: 40px;
  --p-size-control-sm: 32px;
  --p-size-target-coarse: 48px;
  --p-size-target-min: 48px;
  --p-type-body-l-family: system-ui;
  --p-type-body-m-family: system-ui;
  --p-type-body-m-line-height: 24px;
  --p-type-body-m-line-height-ko: 25.5px;
  --p-type-body-m-size: 16px;
  --p-type-body-s-family: system-ui;
  --p-type-body-s-line-height: 22px;
  --p-type-body-s-line-height-ko: 23.5px;
  --p-type-body-s-size: 16px;
  --p-type-caption-family: system-ui;
  --p-type-code-family: monospace;
  --p-type-code-size: 14px;
  --p-type-display-l-family: system-ui;
  --p-type-display-l-line-height: 44px;
  --p-type-display-l-line-height-ko: 47.5px;
  --p-type-display-l-size: 36px;
  --p-type-display-l-tracking: 0;
  --p-type-display-l-weight: 400;
  --p-type-display-m-family: system-ui;
  --p-type-display-m-line-height: 40px;
  --p-type-display-m-line-height-ko: 43px;
  --p-type-display-m-size: 32px;
  --p-type-display-m-tracking: 0;
  --p-type-display-m-weight: 400;
  --p-type-display-s-family: system-ui;
  --p-type-display-s-line-height: 36px;
  --p-type-display-s-line-height-ko: 39px;
  --p-type-display-s-size: 28px;
  --p-type-display-s-tracking: 0;
  --p-type-display-s-weight: 400;
  --p-type-label-l-family: system-ui;
  --p-type-label-m-family: system-ui;
  --p-type-label-m-line-height: 16px;
  --p-type-label-m-line-height-ko: 17px;
  --p-type-label-m-size: 12px;
  --p-type-label-s-family: system-ui;
  --p-type-numeric-family: system-ui;
  --p-type-title-l-family: system-ui;
  --p-type-title-l-size: 22px;
  --p-type-title-m-family: system-ui;
  --p-type-title-s-family: system-ui;
  --p-type-title-s-weight: 500;
}

[data-world="editorial"][data-product="accountmade"] {
  --p-brand-sidebar-accent: #2e64e0;
  --p-brand-sidebar-accent: oklch(0.5418 0.198 263.45);
  --p-button-focus-border: #2e64e0;
  --p-button-focus-border: oklch(0.5418 0.198 263.45);
  --p-color-accent-action: #2e64e0;
  --p-color-accent-action: oklch(0.5418 0.198 263.45);
  --p-color-accent-border: #a4c3ff;
  --p-color-accent-border: oklch(0.815 0.0923 263.45);
  --p-color-accent-seed: #2e64e0;
  --p-color-accent-seed: oklch(0.5418 0.198 263.45);
  --p-color-accent-solid: #2e64e0;
  --p-color-accent-solid: oklch(0.5418 0.198 263.45);
  --p-color-accent-solid-hover: #2458d0;
  --p-color-accent-solid-hover: oklch(0.5018 0.194 263.45);
  --p-color-accent-solid-pressed: #2554c1;
  --p-color-accent-solid-pressed: oklch(0.4818 0.1782 263.45);
  --p-color-accent-text: #2554c1;
  --p-color-accent-text: oklch(0.4818 0.1782 263.45);
  --p-color-accent-text-pressed: #2554c1;
  --p-color-accent-text-pressed: oklch(0.4818 0.1782 263.45);
  --p-color-accent-tint: #e6efff;
  --p-color-accent-tint: oklch(0.95 0.0237 263.45);
  --p-color-agent-border: #a4c3ff;
  --p-color-agent-border: oklch(0.815 0.0923 263.45);
  --p-color-agent-mark: #2e64e0;
  --p-color-agent-mark: oklch(0.5418 0.198 263.45);
  --p-color-agent-text: #2554c1;
  --p-color-agent-text: oklch(0.4818 0.1782 263.45);
  --p-color-agent-tint: #e6efff;
  --p-color-agent-tint: oklch(0.95 0.0237 263.45);
  --p-color-field-border-focus: #2e64e0;
  --p-color-field-border-focus: oklch(0.5418 0.198 263.45);
  --p-color-focus-ring: #2e64e0;
  --p-color-focus-ring: oklch(0.5418 0.198 263.45);
  --p-color-focus-ring-button: #2e64e059;
  --p-color-focus-ring-button: oklch(0.5418 0.198 263.45 / 0.35);
  --p-color-focus-ring-field: #2e64e038;
  --p-color-focus-ring-field: oklch(0.5418 0.198 263.45 / 0.22);
  --p-color-nav-active: #d0ddf1;
  --p-color-nav-active: oklch(0.8947 0.0306 257.76);
  --p-color-nav-active-icon: #2554c1;
  --p-color-nav-active-icon: oklch(0.4818 0.1782 263.45);
  --p-color-surface-selected: #e6efff;
  --p-color-surface-selected: oklch(0.95 0.0237 263.45);
  --p-color-text-link: #2554c1;
  --p-color-text-link: oklch(0.4818 0.1782 263.45);
  --p-ramp-accent-1: #fbfcff;
  --p-ramp-accent-1: oklch(0.992 0.0038 263.45);
  --p-ramp-accent-10: #2458d0;
  --p-ramp-accent-10: oklch(0.5018 0.194 263.45);
  --p-ramp-accent-11: #2554c1;
  --p-ramp-accent-11: oklch(0.4818 0.1782 263.45);
  --p-ramp-accent-12: #1b2c50;
  --p-ramp-accent-12: oklch(0.3 0.0693 263.45);
  --p-ramp-accent-2: #f4f8ff;
  --p-ramp-accent-2: oklch(0.978 0.0104 263.45);
  --p-ramp-accent-3: #e6efff;
  --p-ramp-accent-3: oklch(0.95 0.0237 263.45);
  --p-ramp-accent-4: #dae7ff;
  --p-ramp-accent-4: oklch(0.925 0.0359 263.45);
  --p-ramp-accent-5: #cbddff;
  --p-ramp-accent-5: oklch(0.895 0.0508 263.45);
  --p-ramp-accent-6: #bad1ff;
  --p-ramp-accent-6: oklch(0.86 0.0687 263.45);
  --p-ramp-accent-7: #a4c3ff;
  --p-ramp-accent-7: oklch(0.815 0.0923 263.45);
  --p-ramp-accent-8: #6a9aff;
  --p-ramp-accent-8: oklch(0.6984 0.1575 263.45);
  --p-ramp-accent-9: #2e64e0;
  --p-ramp-accent-9: oklch(0.5418 0.198 263.45);
}

[data-world="editorial"][data-product="naalto"] {
  --p-brand-sidebar-accent: #172f4d;
  --p-brand-sidebar-accent: oklch(0.3021 0.0624 254.96);
  --p-button-focus-border: #172f4d;
  --p-button-focus-border: oklch(0.3021 0.0624 254.96);
  --p-button-ghost-bg-hover: #15191d0a;
  --p-button-ghost-bg-hover: oklch(0.21 0.0098 252.82 / 0.04);
  --p-button-ghost-bg-pressed: #15191d14;
  --p-button-ghost-bg-pressed: oklch(0.21 0.0098 252.82 / 0.08);
  --p-button-secondary-bg: #fbfdff;
  --p-button-secondary-bg: oklch(0.993 0.0034 252.82);
  --p-button-secondary-bg-hover: #15191d0a;
  --p-button-secondary-bg-hover: oklch(0.21 0.0098 252.82 / 0.04);
  --p-choice-border: #82878c;
  --p-choice-border: oklch(0.62 0.01 252.82);
  --p-color-accent-action: #172f4d;
  --p-color-accent-action: oklch(0.3021 0.0624 254.96);
  --p-color-accent-border: #acc5e5;
  --p-color-accent-border: oklch(0.815 0.0524 254.96);
  --p-color-accent-seed: #172f4d;
  --p-color-accent-seed: oklch(0.3021 0.0624 254.96);
  --p-color-accent-solid: #172f4d;
  --p-color-accent-solid: oklch(0.3021 0.0624 254.96);
  --p-color-accent-solid-hover: #0e2541;
  --p-color-accent-solid-hover: oklch(0.2621 0.0612 254.96);
  --p-color-accent-solid-pressed: #0b203a;
  --p-color-accent-solid-pressed: oklch(0.2421 0.0562 254.96);
  --p-color-accent-text: #0b203a;
  --p-color-accent-text: oklch(0.2421 0.0562 254.96);
  --p-color-accent-text-pressed: #0b203a;
  --p-color-accent-text-pressed: oklch(0.2421 0.0562 254.96);
  --p-color-accent-tint: #e5f0fe;
  --p-color-accent-tint: oklch(0.95 0.0225 254.96);
  --p-color-agent-border: #acc5e5;
  --p-color-agent-border: oklch(0.815 0.0524 254.96);
  --p-color-agent-mark: #172f4d;
  --p-color-agent-mark: oklch(0.3021 0.0624 254.96);
  --p-color-agent-text: #0b203a;
  --p-color-agent-text: oklch(0.2421 0.0562 254.96);
  --p-color-agent-tint: #e5f0fe;
  --p-color-agent-tint: oklch(0.95 0.0225 254.96);
  --p-color-bg-canvas: #ebeff4;
  --p-color-bg-canvas: oklch(0.951 0.0076 252.82);
  --p-color-bg-default: #fbfdff;
  --p-color-bg-default: oklch(0.993 0.0034 252.82);
  --p-color-bg-panel: #fbfdff;
  --p-color-bg-panel: oklch(0.993 0.0034 252.82);
  --p-color-border-control: #15191d2e;
  --p-color-border-control: oklch(0.21 0.0098 252.82 / 0.18);
  --p-color-border-control-hover: #15191d3d;
  --p-color-border-control-hover: oklch(0.21 0.0098 252.82 / 0.24);
  --p-color-border-control-strong: #15191d3d;
  --p-color-border-control-strong: oklch(0.21 0.0098 252.82 / 0.24);
  --p-color-border-default: #82878c;
  --p-color-border-default: oklch(0.62 0.01 252.82);
  --p-color-border-hairline: #15191d14;
  --p-color-border-hairline: oklch(0.21 0.0098 252.82 / 0.08);
  --p-color-border-strong: #70757a;
  --p-color-border-strong: oklch(0.56 0.0098 252.82);
  --p-color-border-subtle: #dfe3e9;
  --p-color-border-subtle: oklch(0.915 0.0088 252.82);
  --p-color-count-bg: #15191d;
  --p-color-count-bg: oklch(0.21 0.0098 252.82);
  --p-color-count-text: #fbfdff;
  --p-color-count-text: oklch(0.993 0.0034 252.82);
  --p-color-danger-subtle: #fef1f0;
  --p-color-danger-subtle: oklch(0.9672 0.0141 23.03);
  --p-color-field-bg: #fbfdff;
  --p-color-field-bg: oklch(0.993 0.0034 252.82);
  --p-color-field-bg-disabled: #15191d08;
  --p-color-field-bg-disabled: oklch(0.21 0.0098 252.82 / 0.03);
  --p-color-field-border-disabled: #15191d0f;
  --p-color-field-border-disabled: oklch(0.21 0.0098 252.82 / 0.06);
  --p-color-field-border-focus: #172f4d;
  --p-color-field-border-focus: oklch(0.3021 0.0624 254.96);
  --p-color-field-border-readonly-hover: #15191d1f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.0098 252.82 / 0.12);
  --p-color-focus-ring: #172f4d;
  --p-color-focus-ring: oklch(0.3021 0.0624 254.96);
  --p-color-focus-ring-button: #172f4d59;
  --p-color-focus-ring-button: oklch(0.3021 0.0624 254.96 / 0.35);
  --p-color-focus-ring-field: #172f4d38;
  --p-color-focus-ring-field: oklch(0.3021 0.0624 254.96 / 0.22);
  --p-color-hover-tint: #15191d0a;
  --p-color-hover-tint: oklch(0.21 0.0098 252.82 / 0.04);
  --p-color-info-subtle: #ecf5ff;
  --p-color-info-subtle: oklch(0.9672 0.0162 250.24);
  --p-color-ink-a10: #15191d1a;
  --p-color-ink-a10: oklch(0.21 0.0098 252.82 / 0.1);
  --p-color-ink-a12: #15191d1f;
  --p-color-ink-a12: oklch(0.21 0.0098 252.82 / 0.12);
  --p-color-ink-a14: #15191d24;
  --p-color-ink-a14: oklch(0.21 0.0098 252.82 / 0.14);
  --p-color-ink-a16: #15191d29;
  --p-color-ink-a16: oklch(0.21 0.0098 252.82 / 0.16);
  --p-color-ink-a18: #15191d2e;
  --p-color-ink-a18: oklch(0.21 0.0098 252.82 / 0.18);
  --p-color-ink-a20: #15191d33;
  --p-color-ink-a20: oklch(0.21 0.0098 252.82 / 0.2);
  --p-color-ink-a24: #15191d3d;
  --p-color-ink-a24: oklch(0.21 0.0098 252.82 / 0.24);
  --p-color-ink-a28: #15191d47;
  --p-color-ink-a28: oklch(0.21 0.0098 252.82 / 0.28);
  --p-color-ink-a3: #15191d08;
  --p-color-ink-a3: oklch(0.21 0.0098 252.82 / 0.03);
  --p-color-ink-a32: #15191d52;
  --p-color-ink-a32: oklch(0.21 0.0098 252.82 / 0.32);
  --p-color-ink-a4: #15191d0a;
  --p-color-ink-a4: oklch(0.21 0.0098 252.82 / 0.04);
  --p-color-ink-a40: #15191d66;
  --p-color-ink-a40: oklch(0.21 0.0098 252.82 / 0.4);
  --p-color-ink-a5: #15191d0d;
  --p-color-ink-a5: oklch(0.21 0.0098 252.82 / 0.05);
  --p-color-ink-a6: #15191d0f;
  --p-color-ink-a6: oklch(0.21 0.0098 252.82 / 0.06);
  --p-color-ink-a8: #15191d14;
  --p-color-ink-a8: oklch(0.21 0.0098 252.82 / 0.08);
  --p-color-mark-done: #15191d;
  --p-color-mark-done: oklch(0.21 0.0098 252.82);
  --p-color-mark-on-done: #fbfdff;
  --p-color-mark-on-done: oklch(0.993 0.0034 252.82);
  --p-color-nav-active: #cdd4dc;
  --p-color-nav-active: oklch(0.8659 0.0134 253.89);
  --p-color-nav-active-icon: #0b203a;
  --p-color-nav-active-icon: oklch(0.2421 0.0562 254.96);
  --p-color-neutral-tint: #6e7277;
  --p-color-neutral-tint: oklch(0.55 0.0098 252.82);
  --p-color-selected-outline: #15191d;
  --p-color-selected-outline: oklch(0.21 0.0098 252.82);
  --p-color-success-subtle: #e5fbea;
  --p-color-success-subtle: oklch(0.9672 0.0321 152.37);
  --p-color-surface-1: #fbfdff;
  --p-color-surface-1: oklch(0.993 0.0034 252.82);
  --p-color-surface-hover: #f1f4f9;
  --p-color-surface-hover: oklch(0.967 0.0071 252.82);
  --p-color-surface-pressed: #ebeff4;
  --p-color-surface-pressed: oklch(0.951 0.0076 252.82);
  --p-color-surface-selected: #e5f0fe;
  --p-color-surface-selected: oklch(0.95 0.0225 254.96);
  --p-color-surface-sunken: #f6f9fd;
  --p-color-surface-sunken: oklch(0.982 0.0065 252.82);
  --p-color-text-disabled: #82878c;
  --p-color-text-disabled: oklch(0.62 0.01 252.82);
  --p-color-text-inverse: #fbfdff;
  --p-color-text-inverse: oklch(0.993 0.0034 252.82);
  --p-color-text-link: #0b203a;
  --p-color-text-link: oklch(0.2421 0.0562 254.96);
  --p-color-text-primary: #15191d;
  --p-color-text-primary: oklch(0.21 0.0098 252.82);
  --p-color-text-secondary: #494d52;
  --p-color-text-secondary: oklch(0.42 0.0098 252.82);
  --p-color-text-tertiary: #5f6469;
  --p-color-text-tertiary: oklch(0.5 0.0098 252.82);
  --p-color-warning-subtle: #fef2e4;
  --p-color-warning-subtle: oklch(0.9672 0.0231 75.13);
  --p-elevation-0-surface: #fbfdff;
  --p-elevation-0-surface: oklch(0.993 0.0034 252.82);
  --p-elevation-1-surface: #fbfdff;
  --p-elevation-1-surface: oklch(0.993 0.0034 252.82);
  --p-font-family-display: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-font-family-sans: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-nav-preset: "tabs";
  --p-overlay-bg: #fbfdff;
  --p-overlay-bg: oklch(0.993 0.0034 252.82);
  --p-overlay-highlight: #15191d0f;
  --p-overlay-highlight: oklch(0.21 0.0098 252.82 / 0.06);
  --p-overlay-ring: #15191d14;
  --p-overlay-ring: oklch(0.21 0.0098 252.82 / 0.08);
  --p-overlay-separator: #15191d14;
  --p-overlay-separator: oklch(0.21 0.0098 252.82 / 0.08);
  --p-radius-card: 12px;
  --p-radius-control: 4px;
  --p-radius-factor: 0.75;
  --p-radius-inner-card: 8px;
  --p-radius-inner-control: 8px;
  --p-radius-pop: 8px;
  --p-radius-sheet: 16px;
  --p-ramp-accent-1: #fbfdff;
  --p-ramp-accent-1: oklch(0.992 0.0039 254.96);
  --p-ramp-accent-10: #0e2541;
  --p-ramp-accent-10: oklch(0.2621 0.0612 254.96);
  --p-ramp-accent-11: #0b203a;
  --p-ramp-accent-11: oklch(0.2421 0.0562 254.96);
  --p-ramp-accent-12: #262d38;
  --p-ramp-accent-12: oklch(0.296 0.0218 254.96);
  --p-ramp-accent-2: #f3f8ff;
  --p-ramp-accent-2: oklch(0.978 0.0106 254.96);
  --p-ramp-accent-3: #e5f0fe;
  --p-ramp-accent-3: oklch(0.95 0.0225 254.96);
  --p-ramp-accent-4: #d9e8fb;
  --p-ramp-accent-4: oklch(0.925 0.03 254.96);
  --p-ramp-accent-5: #ccdef5;
  --p-ramp-accent-5: oklch(0.895 0.0374 254.96);
  --p-ramp-accent-6: #bed3ef;
  --p-ramp-accent-6: oklch(0.86 0.0449 254.96);
  --p-ramp-accent-7: #acc5e5;
  --p-ramp-accent-7: oklch(0.815 0.0524 254.96);
  --p-ramp-accent-8: #647c9b;
  --p-ramp-accent-8: oklch(0.5786 0.0562 254.96);
  --p-ramp-accent-9: #172f4d;
  --p-ramp-accent-9: oklch(0.3021 0.0624 254.96);
  --p-ramp-neutral-1: #fbfdff;
  --p-ramp-neutral-1: oklch(0.993 0.0034 252.82);
  --p-ramp-neutral-10: #5f6469;
  --p-ramp-neutral-10: oklch(0.5 0.0098 252.82);
  --p-ramp-neutral-11: #494d52;
  --p-ramp-neutral-11: oklch(0.42 0.0098 252.82);
  --p-ramp-neutral-12: #15191d;
  --p-ramp-neutral-12: oklch(0.21 0.0098 252.82);
  --p-ramp-neutral-2: #f6f9fd;
  --p-ramp-neutral-2: oklch(0.982 0.0065 252.82);
  --p-ramp-neutral-3: #f1f4f9;
  --p-ramp-neutral-3: oklch(0.967 0.0071 252.82);
  --p-ramp-neutral-4: #ebeff4;
  --p-ramp-neutral-4: oklch(0.951 0.0076 252.82);
  --p-ramp-neutral-5: #e6eaef;
  --p-ramp-neutral-5: oklch(0.935 0.0082 252.82);
  --p-ramp-neutral-6: #dfe3e9;
  --p-ramp-neutral-6: oklch(0.915 0.0088 252.82);
  --p-ramp-neutral-7: #d2d6dc;
  --p-ramp-neutral-7: oklch(0.875 0.0094 252.82);
  --p-ramp-neutral-8: #82878c;
  --p-ramp-neutral-8: oklch(0.62 0.01 252.82);
  --p-ramp-neutral-9: #70757a;
  --p-ramp-neutral-9: oklch(0.56 0.0098 252.82);
  --p-segmented-active-bg: #fbfdff;
  --p-segmented-active-bg: oklch(0.993 0.0034 252.82);
  --p-segmented-track: #15191d0a;
  --p-segmented-track: oklch(0.21 0.0098 252.82 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.21 0.0098 252.82 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.21 0.0098 252.82 / 0.05);
  --p-shadow-control: 0px 1px 2px 0px oklch(0.21 0.0098 252.82 / 0.05);
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.0098 252.82 / 0.08), 0px 24px 48px -12px oklch(0.21 0.0098 252.82 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.0098 252.82 / 0.03), 0px 4px 8px -4px oklch(0.21 0.0098 252.82 / 0.05), 0px 16px 24px -8px oklch(0.21 0.0098 252.82 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.0098 252.82 / 0.08);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.21 0.0098 252.82 / 0.08), 0px 0px 0px 1px oklch(0.21 0.0098 252.82 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.0098 252.82 / 0.12), 0px 1px 2px 0px oklch(0.21 0.0098 252.82 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.0098 252.82 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.0098 252.82 / 0.08);
  --p-shadow-xs: 0px 1px 2px 0px oklch(0.21 0.0098 252.82 / 0.05);
  --p-slider-track: #15191d1a;
  --p-slider-track: oklch(0.21 0.0098 252.82 / 0.1);
  --p-switch-border-off: #82878c;
  --p-switch-border-off: oklch(0.62 0.01 252.82);
  --p-switch-track-off: #15191d29;
  --p-switch-track-off: oklch(0.21 0.0098 252.82 / 0.16);
  --p-tooltip-bg: #15191d;
  --p-tooltip-bg: oklch(0.21 0.0098 252.82);
  --p-tooltip-fg: #fbfdff;
  --p-tooltip-fg: oklch(0.993 0.0034 252.82);
  --p-type-body-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-body-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-body-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-caption-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-label-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-label-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-label-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-numeric-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-title-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-title-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-title-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-world="editorial"][data-product="poliage"] {
  --p-brand-sidebar-accent: #613d3b;
  --p-brand-sidebar-accent: oklch(0.4016 0.0512 23.08);
  --p-button-focus-border: #613d3b;
  --p-button-focus-border: oklch(0.4016 0.0512 23.08);
  --p-button-ghost-bg-hover: #1c17120a;
  --p-button-ghost-bg-hover: oklch(0.21 0.0122 67.67 / 0.04);
  --p-button-ghost-bg-pressed: #1c171214;
  --p-button-ghost-bg-pressed: oklch(0.21 0.0122 67.67 / 0.08);
  --p-button-secondary-bg: #fffcf9;
  --p-button-secondary-bg: oklch(0.993 0.0049 67.67);
  --p-button-secondary-bg-hover: #1c17120a;
  --p-button-secondary-bg-hover: oklch(0.21 0.0122 67.67 / 0.04);
  --p-choice-border: #8d8680;
  --p-choice-border: oklch(0.624 0.0124 67.67);
  --p-color-accent-action: #613d3b;
  --p-color-accent-action: oklch(0.4016 0.0512 23.08);
  --p-color-accent-border: #ddb8b6;
  --p-color-accent-border: oklch(0.815 0.043 23.08);
  --p-color-accent-seed: #613d3b;
  --p-color-accent-seed: oklch(0.4016 0.0512 23.08);
  --p-color-accent-solid: #613d3b;
  --p-color-accent-solid: oklch(0.4016 0.0512 23.08);
  --p-color-accent-solid-hover: #553331;
  --p-color-accent-solid-hover: oklch(0.3616 0.0502 23.08);
  --p-color-accent-solid-pressed: #4e2f2d;
  --p-color-accent-solid-pressed: oklch(0.3416 0.0461 23.08);
  --p-color-accent-text: #4e2f2d;
  --p-color-accent-text: oklch(0.3416 0.0461 23.08);
  --p-color-accent-text-pressed: #4e2f2d;
  --p-color-accent-text-pressed: oklch(0.3416 0.0461 23.08);
  --p-color-accent-tint: #fbeae9;
  --p-color-accent-tint: oklch(0.95 0.0184 23.08);
  --p-color-agent-border: #ddb8b6;
  --p-color-agent-border: oklch(0.815 0.043 23.08);
  --p-color-agent-mark: #613d3b;
  --p-color-agent-mark: oklch(0.4016 0.0512 23.08);
  --p-color-agent-text: #4e2f2d;
  --p-color-agent-text: oklch(0.3416 0.0461 23.08);
  --p-color-agent-tint: #fbeae9;
  --p-color-agent-tint: oklch(0.95 0.0184 23.08);
  --p-color-bg-canvas: #f3eee8;
  --p-color-bg-canvas: oklch(0.951 0.0095 67.67);
  --p-color-bg-default: #fffcf9;
  --p-color-bg-default: oklch(0.993 0.0049 67.67);
  --p-color-bg-panel: #fffcf9;
  --p-color-bg-panel: oklch(0.993 0.0049 67.67);
  --p-color-border-control: #1c17122e;
  --p-color-border-control: oklch(0.21 0.0122 67.67 / 0.18);
  --p-color-border-control-hover: #1c17123d;
  --p-color-border-control-hover: oklch(0.21 0.0122 67.67 / 0.24);
  --p-color-border-control-strong: #1c17123d;
  --p-color-border-control-strong: oklch(0.21 0.0122 67.67 / 0.24);
  --p-color-border-default: #8d8680;
  --p-color-border-default: oklch(0.624 0.0124 67.67);
  --p-color-border-hairline: #1c171214;
  --p-color-border-hairline: oklch(0.21 0.0122 67.67 / 0.08);
  --p-color-border-strong: #7a746e;
  --p-color-border-strong: oklch(0.562 0.0122 67.67);
  --p-color-border-subtle: #e8e2db;
  --p-color-border-subtle: oklch(0.915 0.011 67.67);
  --p-color-count-bg: #1c1712;
  --p-color-count-bg: oklch(0.21 0.0122 67.67);
  --p-color-count-text: #fffcf9;
  --p-color-count-text: oklch(0.993 0.0049 67.67);
  --p-color-danger-subtle: #fff0ed;
  --p-color-danger-subtle: oklch(0.9672 0.0163 31.43);
  --p-color-field-bg: #fffcf9;
  --p-color-field-bg: oklch(0.993 0.0049 67.67);
  --p-color-field-bg-disabled: #1c171208;
  --p-color-field-bg-disabled: oklch(0.21 0.0122 67.67 / 0.03);
  --p-color-field-border-disabled: #1c17120f;
  --p-color-field-border-disabled: oklch(0.21 0.0122 67.67 / 0.06);
  --p-color-field-border-focus: #613d3b;
  --p-color-field-border-focus: oklch(0.4016 0.0512 23.08);
  --p-color-field-border-readonly-hover: #1c17121f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.0122 67.67 / 0.12);
  --p-color-focus-ring: #613d3b;
  --p-color-focus-ring: oklch(0.4016 0.0512 23.08);
  --p-color-focus-ring-button: #613d3b59;
  --p-color-focus-ring-button: oklch(0.4016 0.0512 23.08 / 0.35);
  --p-color-focus-ring-field: #613d3b38;
  --p-color-focus-ring-field: oklch(0.4016 0.0512 23.08 / 0.22);
  --p-color-hover-tint: #1c17120a;
  --p-color-hover-tint: oklch(0.21 0.0122 67.67 / 0.04);
  --p-color-info-subtle: #eef5fd;
  --p-color-info-subtle: oklch(0.9672 0.0129 250.35);
  --p-color-ink-a10: #1c17121a;
  --p-color-ink-a10: oklch(0.21 0.0122 67.67 / 0.1);
  --p-color-ink-a12: #1c17121f;
  --p-color-ink-a12: oklch(0.21 0.0122 67.67 / 0.12);
  --p-color-ink-a14: #1c171224;
  --p-color-ink-a14: oklch(0.21 0.0122 67.67 / 0.14);
  --p-color-ink-a16: #1c171229;
  --p-color-ink-a16: oklch(0.21 0.0122 67.67 / 0.16);
  --p-color-ink-a18: #1c17122e;
  --p-color-ink-a18: oklch(0.21 0.0122 67.67 / 0.18);
  --p-color-ink-a20: #1c171233;
  --p-color-ink-a20: oklch(0.21 0.0122 67.67 / 0.2);
  --p-color-ink-a24: #1c17123d;
  --p-color-ink-a24: oklch(0.21 0.0122 67.67 / 0.24);
  --p-color-ink-a28: #1c171247;
  --p-color-ink-a28: oklch(0.21 0.0122 67.67 / 0.28);
  --p-color-ink-a3: #1c171208;
  --p-color-ink-a3: oklch(0.21 0.0122 67.67 / 0.03);
  --p-color-ink-a32: #1c171252;
  --p-color-ink-a32: oklch(0.21 0.0122 67.67 / 0.32);
  --p-color-ink-a4: #1c17120a;
  --p-color-ink-a4: oklch(0.21 0.0122 67.67 / 0.04);
  --p-color-ink-a40: #1c171266;
  --p-color-ink-a40: oklch(0.21 0.0122 67.67 / 0.4);
  --p-color-ink-a5: #1c17120d;
  --p-color-ink-a5: oklch(0.21 0.0122 67.67 / 0.05);
  --p-color-ink-a6: #1c17120f;
  --p-color-ink-a6: oklch(0.21 0.0122 67.67 / 0.06);
  --p-color-ink-a8: #1c171214;
  --p-color-ink-a8: oklch(0.21 0.0122 67.67 / 0.08);
  --p-color-mark-done: #1c1712;
  --p-color-mark-done: oklch(0.21 0.0122 67.67);
  --p-color-mark-on-done: #fffcf9;
  --p-color-mark-on-done: oklch(0.993 0.0049 67.67);
  --p-color-nav-active: #ded5cf;
  --p-color-nav-active: oklch(0.8779 0.0129 50.15);
  --p-color-nav-active-icon: #4e2f2d;
  --p-color-nav-active-icon: oklch(0.3416 0.0461 23.08);
  --p-color-neutral-tint: #77706a;
  --p-color-neutral-tint: oklch(0.55 0.0122 67.67);
  --p-color-selected-outline: #1c1712;
  --p-color-selected-outline: oklch(0.21 0.0122 67.67);
  --p-color-success-subtle: #e7fbe8;
  --p-color-success-subtle: oklch(0.9672 0.0327 146.6);
  --p-color-surface-1: #fffcf9;
  --p-color-surface-1: oklch(0.993 0.0049 67.67);
  --p-color-surface-hover: #f8f3ee;
  --p-color-surface-hover: oklch(0.967 0.0088 67.67);
  --p-color-surface-pressed: #f3eee8;
  --p-color-surface-pressed: oklch(0.951 0.0095 67.67);
  --p-color-surface-selected: #fbeae9;
  --p-color-surface-selected: oklch(0.95 0.0184 23.08);
  --p-color-surface-sunken: #fdf8f3;
  --p-color-surface-sunken: oklch(0.982 0.0081 67.67);
  --p-color-text-disabled: #8d8680;
  --p-color-text-disabled: oklch(0.624 0.0124 67.67);
  --p-color-text-inverse: #fffcf9;
  --p-color-text-inverse: oklch(0.993 0.0049 67.67);
  --p-color-text-link: #4e2f2d;
  --p-color-text-link: oklch(0.3416 0.0461 23.08);
  --p-color-text-primary: #1c1712;
  --p-color-text-primary: oklch(0.21 0.0122 67.67);
  --p-color-text-secondary: #534d47;
  --p-color-text-secondary: oklch(0.424 0.0122 67.67);
  --p-color-text-tertiary: #68625c;
  --p-color-text-tertiary: oklch(0.5 0.0122 67.67);
  --p-color-warning-subtle: #fff2e1;
  --p-color-warning-subtle: oklch(0.9672 0.0261 74.46);
  --p-elevation-0-surface: #fffcf9;
  --p-elevation-0-surface: oklch(0.993 0.0049 67.67);
  --p-elevation-1-surface: #fffcf9;
  --p-elevation-1-surface: oklch(0.993 0.0049 67.67);
  --p-font-family-display: Georgia, "Pretendard Variable", serif;
  --p-font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-overlay-bg: #fffcf9;
  --p-overlay-bg: oklch(0.993 0.0049 67.67);
  --p-overlay-highlight: #1c17120f;
  --p-overlay-highlight: oklch(0.21 0.0122 67.67 / 0.06);
  --p-overlay-ring: #1c171214;
  --p-overlay-ring: oklch(0.21 0.0122 67.67 / 0.08);
  --p-overlay-separator: #1c171214;
  --p-overlay-separator: oklch(0.21 0.0122 67.67 / 0.08);
  --p-ramp-accent-1: #fffbfb;
  --p-ramp-accent-1: oklch(0.992 0.0039 23.08);
  --p-ramp-accent-10: #553331;
  --p-ramp-accent-10: oklch(0.3616 0.0502 23.08);
  --p-ramp-accent-11: #4e2f2d;
  --p-ramp-accent-11: oklch(0.3416 0.0461 23.08);
  --p-ramp-accent-12: #352929;
  --p-ramp-accent-12: oklch(0.296 0.0179 23.08);
  --p-ramp-accent-2: #fff5f4;
  --p-ramp-accent-2: oklch(0.978 0.0102 23.08);
  --p-ramp-accent-3: #fbeae9;
  --p-ramp-accent-3: oklch(0.95 0.0184 23.08);
  --p-ramp-accent-4: #f6e0df;
  --p-ramp-accent-4: oklch(0.925 0.0246 23.08);
  --p-ramp-accent-5: #f0d5d3;
  --p-ramp-accent-5: oklch(0.895 0.0307 23.08);
  --p-ramp-accent-6: #e9c8c6;
  --p-ramp-accent-6: oklch(0.86 0.0369 23.08);
  --p-ramp-accent-7: #ddb8b6;
  --p-ramp-accent-7: oklch(0.815 0.043 23.08);
  --p-ramp-accent-8: #a37e7c;
  --p-ramp-accent-8: oklch(0.6283 0.0461 23.08);
  --p-ramp-accent-9: #613d3b;
  --p-ramp-accent-9: oklch(0.4016 0.0512 23.08);
  --p-ramp-neutral-1: #fffcf9;
  --p-ramp-neutral-1: oklch(0.993 0.0049 67.67);
  --p-ramp-neutral-10: #68625c;
  --p-ramp-neutral-10: oklch(0.5 0.0122 67.67);
  --p-ramp-neutral-11: #534d47;
  --p-ramp-neutral-11: oklch(0.424 0.0122 67.67);
  --p-ramp-neutral-12: #1c1712;
  --p-ramp-neutral-12: oklch(0.21 0.0122 67.67);
  --p-ramp-neutral-2: #fdf8f3;
  --p-ramp-neutral-2: oklch(0.982 0.0081 67.67);
  --p-ramp-neutral-3: #f8f3ee;
  --p-ramp-neutral-3: oklch(0.967 0.0088 67.67);
  --p-ramp-neutral-4: #f3eee8;
  --p-ramp-neutral-4: oklch(0.951 0.0095 67.67);
  --p-ramp-neutral-5: #eee8e2;
  --p-ramp-neutral-5: oklch(0.935 0.0102 67.67);
  --p-ramp-neutral-6: #e8e2db;
  --p-ramp-neutral-6: oklch(0.915 0.011 67.67);
  --p-ramp-neutral-7: #dbd5ce;
  --p-ramp-neutral-7: oklch(0.875 0.0117 67.67);
  --p-ramp-neutral-8: #8d8680;
  --p-ramp-neutral-8: oklch(0.624 0.0124 67.67);
  --p-ramp-neutral-9: #7a746e;
  --p-ramp-neutral-9: oklch(0.562 0.0122 67.67);
  --p-segmented-active-bg: #fffcf9;
  --p-segmented-active-bg: oklch(0.993 0.0049 67.67);
  --p-segmented-track: #1c17120a;
  --p-segmented-track: oklch(0.21 0.0122 67.67 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.21 0.0122 67.67 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.21 0.0122 67.67 / 0.05);
  --p-shadow-control: 0px 1px 2px 0px oklch(0.21 0.0122 67.67 / 0.05);
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.0122 67.67 / 0.08), 0px 24px 48px -12px oklch(0.21 0.0122 67.67 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.0122 67.67 / 0.03), 0px 4px 8px -4px oklch(0.21 0.0122 67.67 / 0.05), 0px 16px 24px -8px oklch(0.21 0.0122 67.67 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.0122 67.67 / 0.08);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.21 0.0122 67.67 / 0.08), 0px 0px 0px 1px oklch(0.21 0.0122 67.67 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.0122 67.67 / 0.12), 0px 1px 2px 0px oklch(0.21 0.0122 67.67 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.0122 67.67 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.0122 67.67 / 0.08);
  --p-shadow-xs: 0px 1px 2px 0px oklch(0.21 0.0122 67.67 / 0.05);
  --p-slider-track: #1c17121a;
  --p-slider-track: oklch(0.21 0.0122 67.67 / 0.1);
  --p-switch-border-off: #8d8680;
  --p-switch-border-off: oklch(0.624 0.0124 67.67);
  --p-switch-track-off: #1c171229;
  --p-switch-track-off: oklch(0.21 0.0122 67.67 / 0.16);
  --p-tooltip-bg: #1c1712;
  --p-tooltip-bg: oklch(0.21 0.0122 67.67);
  --p-tooltip-fg: #fffcf9;
  --p-tooltip-fg: oklch(0.993 0.0049 67.67);
  --p-type-body-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-body-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-body-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-caption-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-display-l-family: Georgia, "Pretendard Variable", serif;
  --p-type-display-m-family: Georgia, "Pretendard Variable", serif;
  --p-type-display-s-family: Georgia, "Pretendard Variable", serif;
  --p-type-label-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-label-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-label-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-numeric-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-title-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-title-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-title-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
}

[data-world="editorial"][data-product="poliage-beauty"] {
  --p-brand-sidebar-accent: #1b1a18;
  --p-brand-sidebar-accent: oklch(0.2181 0.0041 84.59);
  --p-button-focus-border: #1b1a18;
  --p-button-focus-border: oklch(0.2181 0.0041 84.59);
  --p-button-ghost-bg-hover: #1a18130a;
  --p-button-ghost-bg-hover: oklch(0.21 0.01 87.48 / 0.04);
  --p-button-ghost-bg-pressed: #1a181314;
  --p-button-ghost-bg-pressed: oklch(0.21 0.01 87.48 / 0.08);
  --p-button-secondary-bg: #fefdf8;
  --p-button-secondary-bg: oklch(0.993 0.006 87.48);
  --p-button-secondary-bg-hover: #1a18130a;
  --p-button-secondary-bg-hover: oklch(0.21 0.01 87.48 / 0.04);
  --p-choice-border: #8a8781;
  --p-choice-border: oklch(0.624 0.0102 87.48);
  --p-color-accent-action: #1b1a18;
  --p-color-accent-action: oklch(0.2181 0.0041 84.59);
  --p-color-accent-border: #c3c2c0;
  --p-color-accent-border: oklch(0.815 0.0034 84.59);
  --p-color-accent-seed: #1b1a18;
  --p-color-accent-seed: oklch(0.2181 0.0041 84.59);
  --p-color-accent-solid: #1b1a18;
  --p-color-accent-solid: oklch(0.2181 0.0041 84.59);
  --p-color-accent-solid-hover: #12110f;
  --p-color-accent-solid-hover: oklch(0.1781 0.004 84.59);
  --p-color-accent-solid-pressed: #0e0d0b;
  --p-color-accent-solid-pressed: oklch(0.1581 0.0037 84.59);
  --p-color-accent-text: #0e0d0b;
  --p-color-accent-text: oklch(0.1581 0.0037 84.59);
  --p-color-accent-text-pressed: #0e0d0b;
  --p-color-accent-text-pressed: oklch(0.1581 0.0037 84.59);
  --p-color-accent-tint: #efeeed;
  --p-color-accent-tint: oklch(0.95 0.0015 84.59);
  --p-color-agent-border: #c3c2c0;
  --p-color-agent-border: oklch(0.815 0.0034 84.59);
  --p-color-agent-mark: #1b1a18;
  --p-color-agent-mark: oklch(0.2181 0.0041 84.59);
  --p-color-agent-text: #0e0d0b;
  --p-color-agent-text: oklch(0.1581 0.0037 84.59);
  --p-color-agent-tint: #efeeed;
  --p-color-agent-tint: oklch(0.95 0.0015 84.59);
  --p-color-bg-canvas: #f1efe9;
  --p-color-bg-canvas: oklch(0.951 0.0078 87.48);
  --p-color-bg-default: #fefdf8;
  --p-color-bg-default: oklch(0.993 0.006 87.48);
  --p-color-bg-panel: #fefdf8;
  --p-color-bg-panel: oklch(0.993 0.006 87.48);
  --p-color-border-control: #1a18132e;
  --p-color-border-control: oklch(0.21 0.01 87.48 / 0.18);
  --p-color-border-control-hover: #1a18133d;
  --p-color-border-control-hover: oklch(0.21 0.01 87.48 / 0.24);
  --p-color-border-control-strong: #1a18133d;
  --p-color-border-control-strong: oklch(0.21 0.01 87.48 / 0.24);
  --p-color-border-default: #8a8781;
  --p-color-border-default: oklch(0.624 0.0102 87.48);
  --p-color-border-hairline: #1a181314;
  --p-color-border-hairline: oklch(0.21 0.01 87.48 / 0.08);
  --p-color-border-strong: #77756f;
  --p-color-border-strong: oklch(0.562 0.01 87.48);
  --p-color-border-subtle: #e5e3dc;
  --p-color-border-subtle: oklch(0.915 0.009 87.48);
  --p-color-count-bg: #1a1813;
  --p-color-count-bg: oklch(0.21 0.01 87.48);
  --p-color-count-text: #fefdf8;
  --p-color-count-text: oklch(0.993 0.006 87.48);
  --p-color-danger-subtle: #fff1ed;
  --p-color-danger-subtle: oklch(0.9672 0.0163 34.35);
  --p-color-field-bg: #fefdf8;
  --p-color-field-bg: oklch(0.993 0.006 87.48);
  --p-color-field-bg-disabled: #1a181308;
  --p-color-field-bg-disabled: oklch(0.21 0.01 87.48 / 0.03);
  --p-color-field-border-disabled: #1a18130f;
  --p-color-field-border-disabled: oklch(0.21 0.01 87.48 / 0.06);
  --p-color-field-border-focus: #1b1a18;
  --p-color-field-border-focus: oklch(0.2181 0.0041 84.59);
  --p-color-field-border-readonly-hover: #1a18131f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.01 87.48 / 0.12);
  --p-color-focus-ring: #1b1a18;
  --p-color-focus-ring: oklch(0.2181 0.0041 84.59);
  --p-color-focus-ring-button: #1b1a1859;
  --p-color-focus-ring-button: oklch(0.2181 0.0041 84.59 / 0.35);
  --p-color-focus-ring-field: #1b1a1838;
  --p-color-focus-ring-field: oklch(0.2181 0.0041 84.59 / 0.22);
  --p-color-hover-tint: #1a18130a;
  --p-color-hover-tint: oklch(0.21 0.01 87.48 / 0.04);
  --p-color-info-subtle: #eef5fc;
  --p-color-info-subtle: oklch(0.9672 0.0126 246.72);
  --p-color-ink-a10: #1a18131a;
  --p-color-ink-a10: oklch(0.21 0.01 87.48 / 0.1);
  --p-color-ink-a12: #1a18131f;
  --p-color-ink-a12: oklch(0.21 0.01 87.48 / 0.12);
  --p-color-ink-a14: #1a181324;
  --p-color-ink-a14: oklch(0.21 0.01 87.48 / 0.14);
  --p-color-ink-a16: #1a181329;
  --p-color-ink-a16: oklch(0.21 0.01 87.48 / 0.16);
  --p-color-ink-a18: #1a18132e;
  --p-color-ink-a18: oklch(0.21 0.01 87.48 / 0.18);
  --p-color-ink-a20: #1a181333;
  --p-color-ink-a20: oklch(0.21 0.01 87.48 / 0.2);
  --p-color-ink-a24: #1a18133d;
  --p-color-ink-a24: oklch(0.21 0.01 87.48 / 0.24);
  --p-color-ink-a28: #1a181347;
  --p-color-ink-a28: oklch(0.21 0.01 87.48 / 0.28);
  --p-color-ink-a3: #1a181308;
  --p-color-ink-a3: oklch(0.21 0.01 87.48 / 0.03);
  --p-color-ink-a32: #1a181352;
  --p-color-ink-a32: oklch(0.21 0.01 87.48 / 0.32);
  --p-color-ink-a4: #1a18130a;
  --p-color-ink-a4: oklch(0.21 0.01 87.48 / 0.04);
  --p-color-ink-a40: #1a181366;
  --p-color-ink-a40: oklch(0.21 0.01 87.48 / 0.4);
  --p-color-ink-a5: #1a18130d;
  --p-color-ink-a5: oklch(0.21 0.01 87.48 / 0.05);
  --p-color-ink-a6: #1a18130f;
  --p-color-ink-a6: oklch(0.21 0.01 87.48 / 0.06);
  --p-color-ink-a8: #1a181314;
  --p-color-ink-a8: oklch(0.21 0.01 87.48 / 0.08);
  --p-color-mark-done: #1a1813;
  --p-color-mark-done: oklch(0.21 0.01 87.48);
  --p-color-mark-on-done: #fefdf8;
  --p-color-mark-on-done: oklch(0.993 0.006 87.48);
  --p-color-nav-active: #d2cfca;
  --p-color-nav-active: oklch(0.8559 0.0073 87.3);
  --p-color-nav-active-icon: #0e0d0b;
  --p-color-nav-active-icon: oklch(0.1581 0.0037 84.59);
  --p-color-neutral-tint: #74716b;
  --p-color-neutral-tint: oklch(0.55 0.01 87.48);
  --p-color-selected-outline: #1a1813;
  --p-color-selected-outline: oklch(0.21 0.01 87.48);
  --p-color-success-subtle: #e6fbe7;
  --p-color-success-subtle: oklch(0.9672 0.0336 146.36);
  --p-color-surface-1: #fefdf8;
  --p-color-surface-1: oklch(0.993 0.006 87.48);
  --p-color-surface-hover: #f6f4ef;
  --p-color-surface-hover: oklch(0.967 0.0072 87.48);
  --p-color-surface-pressed: #f1efe9;
  --p-color-surface-pressed: oklch(0.951 0.0078 87.48);
  --p-color-surface-selected: #efeeed;
  --p-color-surface-selected: oklch(0.95 0.0015 84.59);
  --p-color-surface-sunken: #fbf9f4;
  --p-color-surface-sunken: oklch(0.982 0.0066 87.48);
  --p-color-text-disabled: #8a8781;
  --p-color-text-disabled: oklch(0.624 0.0102 87.48);
  --p-color-text-inverse: #fefdf8;
  --p-color-text-inverse: oklch(0.993 0.006 87.48);
  --p-color-text-link: #0e0d0b;
  --p-color-text-link: oklch(0.1581 0.0037 84.59);
  --p-color-text-primary: #1a1813;
  --p-color-text-primary: oklch(0.21 0.01 87.48);
  --p-color-text-secondary: #504e48;
  --p-color-text-secondary: oklch(0.424 0.01 87.48);
  --p-color-text-tertiary: #66635d;
  --p-color-text-tertiary: oklch(0.5 0.01 87.48);
  --p-color-warning-subtle: #fff2e1;
  --p-color-warning-subtle: oklch(0.9672 0.0268 76.11);
  --p-elevation-0-surface: #fefdf8;
  --p-elevation-0-surface: oklch(0.993 0.006 87.48);
  --p-elevation-1-surface: #fefdf8;
  --p-elevation-1-surface: oklch(0.993 0.006 87.48);
  --p-font-family-display: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-font-family-sans: -apple-system, system-ui, sans-serif;
  --p-nav-preset: "tabs";
  --p-overlay-bg: #fefdf8;
  --p-overlay-bg: oklch(0.993 0.006 87.48);
  --p-overlay-highlight: #1a18130f;
  --p-overlay-highlight: oklch(0.21 0.01 87.48 / 0.06);
  --p-overlay-ring: #1a181314;
  --p-overlay-ring: oklch(0.21 0.01 87.48 / 0.08);
  --p-overlay-separator: #1a181314;
  --p-overlay-separator: oklch(0.21 0.01 87.48 / 0.08);
  --p-radius-card: 12px;
  --p-radius-control: 4px;
  --p-radius-factor: 0.8;
  --p-radius-inner-card: 12px;
  --p-radius-inner-control: 8px;
  --p-radius-pop: 8px;
  --p-radius-sheet: 20px;
  --p-ramp-accent-1: #fcfcfc;
  --p-ramp-accent-1: oklch(0.992 0.0004 84.59);
  --p-ramp-accent-10: #12110f;
  --p-ramp-accent-10: oklch(0.1781 0.004 84.59);
  --p-ramp-accent-11: #0e0d0b;
  --p-ramp-accent-11: oklch(0.1581 0.0037 84.59);
  --p-ramp-accent-12: #2d2d2c;
  --p-ramp-accent-12: oklch(0.296 0.0014 84.59);
  --p-ramp-accent-2: #f8f8f7;
  --p-ramp-accent-2: oklch(0.978 0.0008 84.59);
  --p-ramp-accent-3: #efeeed;
  --p-ramp-accent-3: oklch(0.95 0.0015 84.59);
  --p-ramp-accent-4: #e7e6e5;
  --p-ramp-accent-4: oklch(0.925 0.002 84.59);
  --p-ramp-accent-5: #dddcda;
  --p-ramp-accent-5: oklch(0.895 0.0025 84.59);
  --p-ramp-accent-6: #d2d1cf;
  --p-ramp-accent-6: oklch(0.86 0.003 84.59);
  --p-ramp-accent-7: #c3c2c0;
  --p-ramp-accent-7: oklch(0.815 0.0034 84.59);
  --p-ramp-accent-8: #6f6d6b;
  --p-ramp-accent-8: oklch(0.5366 0.0037 84.59);
  --p-ramp-accent-9: #1b1a18;
  --p-ramp-accent-9: oklch(0.2181 0.0041 84.59);
  --p-ramp-neutral-1: #fefdf8;
  --p-ramp-neutral-1: oklch(0.993 0.006 87.48);
  --p-ramp-neutral-10: #66635d;
  --p-ramp-neutral-10: oklch(0.5 0.01 87.48);
  --p-ramp-neutral-11: #504e48;
  --p-ramp-neutral-11: oklch(0.424 0.01 87.48);
  --p-ramp-neutral-12: #1a1813;
  --p-ramp-neutral-12: oklch(0.21 0.01 87.48);
  --p-ramp-neutral-2: #fbf9f4;
  --p-ramp-neutral-2: oklch(0.982 0.0066 87.48);
  --p-ramp-neutral-3: #f6f4ef;
  --p-ramp-neutral-3: oklch(0.967 0.0072 87.48);
  --p-ramp-neutral-4: #f1efe9;
  --p-ramp-neutral-4: oklch(0.951 0.0078 87.48);
  --p-ramp-neutral-5: #ece9e3;
  --p-ramp-neutral-5: oklch(0.935 0.0084 87.48);
  --p-ramp-neutral-6: #e5e3dc;
  --p-ramp-neutral-6: oklch(0.915 0.009 87.48);
  --p-ramp-neutral-7: #d8d6cf;
  --p-ramp-neutral-7: oklch(0.875 0.0096 87.48);
  --p-ramp-neutral-8: #8a8781;
  --p-ramp-neutral-8: oklch(0.624 0.0102 87.48);
  --p-ramp-neutral-9: #77756f;
  --p-ramp-neutral-9: oklch(0.562 0.01 87.48);
  --p-segmented-active-bg: #fefdf8;
  --p-segmented-active-bg: oklch(0.993 0.006 87.48);
  --p-segmented-track: #1a18130a;
  --p-segmented-track: oklch(0.21 0.01 87.48 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.21 0.01 87.48 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.21 0.01 87.48 / 0.05);
  --p-shadow-control: 0px 1px 2px 0px oklch(0.21 0.01 87.48 / 0.05);
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.01 87.48 / 0.08), 0px 24px 48px -12px oklch(0.21 0.01 87.48 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.01 87.48 / 0.03), 0px 4px 8px -4px oklch(0.21 0.01 87.48 / 0.05), 0px 16px 24px -8px oklch(0.21 0.01 87.48 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.01 87.48 / 0.08);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.21 0.01 87.48 / 0.08), 0px 0px 0px 1px oklch(0.21 0.01 87.48 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.01 87.48 / 0.12), 0px 1px 2px 0px oklch(0.21 0.01 87.48 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.01 87.48 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.01 87.48 / 0.08);
  --p-shadow-xs: 0px 1px 2px 0px oklch(0.21 0.01 87.48 / 0.05);
  --p-slider-track: #1a18131a;
  --p-slider-track: oklch(0.21 0.01 87.48 / 0.1);
  --p-switch-border-off: #8a8781;
  --p-switch-border-off: oklch(0.624 0.0102 87.48);
  --p-switch-track-off: #1a181329;
  --p-switch-track-off: oklch(0.21 0.01 87.48 / 0.16);
  --p-tooltip-bg: #1a1813;
  --p-tooltip-bg: oklch(0.21 0.01 87.48);
  --p-tooltip-fg: #fefdf8;
  --p-tooltip-fg: oklch(0.993 0.006 87.48);
  --p-type-body-l-family: -apple-system, system-ui, sans-serif;
  --p-type-body-m-family: -apple-system, system-ui, sans-serif;
  --p-type-body-s-family: -apple-system, system-ui, sans-serif;
  --p-type-caption-family: -apple-system, system-ui, sans-serif;
  --p-type-display-l-family: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-display-m-family: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-display-s-family: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-label-l-family: -apple-system, system-ui, sans-serif;
  --p-type-label-m-family: -apple-system, system-ui, sans-serif;
  --p-type-label-s-family: -apple-system, system-ui, sans-serif;
  --p-type-numeric-family: -apple-system, system-ui, sans-serif;
  --p-type-title-l-family: -apple-system, system-ui, sans-serif;
  --p-type-title-m-family: -apple-system, system-ui, sans-serif;
  --p-type-title-s-family: -apple-system, system-ui, sans-serif;
}

[data-world="editorial"][data-product="paperrift"] {
  --p-brand-sidebar-accent: #918f8c;
  --p-brand-sidebar-accent: oklch(0.6516 0.0057 84.57);
  --p-button-focus-border: #84827f;
  --p-button-focus-border: oklch(0.6076 0.0057 84.57);
  --p-button-ghost-bg-hover: #19171e0a;
  --p-button-ghost-bg-hover: oklch(0.21 0.0142 298.16 / 0.04);
  --p-button-ghost-bg-pressed: #19171e14;
  --p-button-ghost-bg-pressed: oklch(0.21 0.0142 298.16 / 0.08);
  --p-button-secondary-bg: #fdfcff;
  --p-button-secondary-bg: oklch(0.993 0.0038 298.16);
  --p-button-secondary-bg-hover: #19171e0a;
  --p-button-secondary-bg-hover: oklch(0.21 0.0142 298.16 / 0.04);
  --p-choice-border: #87848e;
  --p-choice-border: oklch(0.62 0.0145 298.16);
  --p-color-accent-action: #918f8c;
  --p-color-accent-action: oklch(0.6516 0.0057 84.57);
  --p-color-accent-border: #c4c2bf;
  --p-color-accent-border: oklch(0.815 0.0048 84.57);
  --p-color-accent-seed: #f2f0ec;
  --p-color-accent-seed: oklch(0.9556 0.0057 84.57);
  --p-color-accent-solid: #918f8c;
  --p-color-accent-solid: oklch(0.6516 0.0057 84.57);
  --p-color-accent-solid-hover: #9d9c98;
  --p-color-accent-solid-hover: oklch(0.6916 0.0056 84.57);
  --p-color-accent-solid-pressed: #aaa8a4;
  --p-color-accent-solid-pressed: oklch(0.7316 0.0056 84.57);
  --p-color-accent-text: #5f5d5a;
  --p-color-accent-text: oklch(0.48 0.0051 84.57);
  --p-color-accent-text-pressed: #5f5d5a;
  --p-color-accent-text-pressed: oklch(0.48 0.0051 84.57);
  --p-color-accent-tint: #efeeed;
  --p-color-accent-tint: oklch(0.95 0.0021 84.57);
  --p-color-agent-border: #c4c2bf;
  --p-color-agent-border: oklch(0.815 0.0048 84.57);
  --p-color-agent-mark: #918f8c;
  --p-color-agent-mark: oklch(0.6516 0.0057 84.57);
  --p-color-agent-text: #5f5d5a;
  --p-color-agent-text: oklch(0.48 0.0051 84.57);
  --p-color-agent-tint: #efeeed;
  --p-color-agent-tint: oklch(0.95 0.0021 84.57);
  --p-color-bg-canvas: #efedf5;
  --p-color-bg-canvas: oklch(0.951 0.0111 298.16);
  --p-color-bg-default: #fdfcff;
  --p-color-bg-default: oklch(0.993 0.0038 298.16);
  --p-color-bg-panel: #fdfcff;
  --p-color-bg-panel: oklch(0.993 0.0038 298.16);
  --p-color-border-control: #19171e2e;
  --p-color-border-control: oklch(0.21 0.0142 298.16 / 0.18);
  --p-color-border-control-hover: #19171e3d;
  --p-color-border-control-hover: oklch(0.21 0.0142 298.16 / 0.24);
  --p-color-border-control-strong: #19171e3d;
  --p-color-border-control-strong: oklch(0.21 0.0142 298.16 / 0.24);
  --p-color-border-default: #87848e;
  --p-color-border-default: oklch(0.62 0.0145 298.16);
  --p-color-border-hairline: #19171e14;
  --p-color-border-hairline: oklch(0.21 0.0142 298.16 / 0.08);
  --p-color-border-strong: #75737c;
  --p-color-border-strong: oklch(0.56 0.0142 298.16);
  --p-color-border-subtle: #e4e1eb;
  --p-color-border-subtle: oklch(0.915 0.0128 298.16);
  --p-color-count-bg: #19171e;
  --p-color-count-bg: oklch(0.21 0.0142 298.16);
  --p-color-count-text: #fdfcff;
  --p-color-count-text: oklch(0.993 0.0038 298.16);
  --p-color-danger-subtle: #fef0f0;
  --p-color-danger-subtle: oklch(0.9672 0.0151 21.23);
  --p-color-field-bg: #fdfcff;
  --p-color-field-bg: oklch(0.993 0.0038 298.16);
  --p-color-field-bg-disabled: #19171e08;
  --p-color-field-bg-disabled: oklch(0.21 0.0142 298.16 / 0.03);
  --p-color-field-border-disabled: #19171e0f;
  --p-color-field-border-disabled: oklch(0.21 0.0142 298.16 / 0.06);
  --p-color-field-border-focus: #84827f;
  --p-color-field-border-focus: oklch(0.6076 0.0057 84.57);
  --p-color-field-border-readonly-hover: #19171e1f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.0142 298.16 / 0.12);
  --p-color-focus-ring: #84827f;
  --p-color-focus-ring: oklch(0.6076 0.0057 84.57);
  --p-color-focus-ring-button: #84827f59;
  --p-color-focus-ring-button: oklch(0.6076 0.0057 84.57 / 0.35);
  --p-color-focus-ring-field: #84827f38;
  --p-color-focus-ring-field: oklch(0.6076 0.0057 84.57 / 0.22);
  --p-color-hover-tint: #19171e0a;
  --p-color-hover-tint: oklch(0.21 0.0142 298.16 / 0.04);
  --p-color-info-subtle: #edf5ff;
  --p-color-info-subtle: oklch(0.9672 0.0159 254.08);
  --p-color-ink-a10: #19171e1a;
  --p-color-ink-a10: oklch(0.21 0.0142 298.16 / 0.1);
  --p-color-ink-a12: #19171e1f;
  --p-color-ink-a12: oklch(0.21 0.0142 298.16 / 0.12);
  --p-color-ink-a14: #19171e24;
  --p-color-ink-a14: oklch(0.21 0.0142 298.16 / 0.14);
  --p-color-ink-a16: #19171e29;
  --p-color-ink-a16: oklch(0.21 0.0142 298.16 / 0.16);
  --p-color-ink-a18: #19171e2e;
  --p-color-ink-a18: oklch(0.21 0.0142 298.16 / 0.18);
  --p-color-ink-a20: #19171e33;
  --p-color-ink-a20: oklch(0.21 0.0142 298.16 / 0.2);
  --p-color-ink-a24: #19171e3d;
  --p-color-ink-a24: oklch(0.21 0.0142 298.16 / 0.24);
  --p-color-ink-a28: #19171e47;
  --p-color-ink-a28: oklch(0.21 0.0142 298.16 / 0.28);
  --p-color-ink-a3: #19171e08;
  --p-color-ink-a3: oklch(0.21 0.0142 298.16 / 0.03);
  --p-color-ink-a32: #19171e52;
  --p-color-ink-a32: oklch(0.21 0.0142 298.16 / 0.32);
  --p-color-ink-a4: #19171e0a;
  --p-color-ink-a4: oklch(0.21 0.0142 298.16 / 0.04);
  --p-color-ink-a40: #19171e66;
  --p-color-ink-a40: oklch(0.21 0.0142 298.16 / 0.4);
  --p-color-ink-a5: #19171e0d;
  --p-color-ink-a5: oklch(0.21 0.0142 298.16 / 0.05);
  --p-color-ink-a6: #19171e0f;
  --p-color-ink-a6: oklch(0.21 0.0142 298.16 / 0.06);
  --p-color-ink-a8: #19171e14;
  --p-color-ink-a8: oklch(0.21 0.0142 298.16 / 0.08);
  --p-color-mark-done: #19171e;
  --p-color-mark-done: oklch(0.21 0.0142 298.16);
  --p-color-mark-on-done: #fdfcff;
  --p-color-mark-on-done: oklch(0.993 0.0038 298.16);
  --p-color-nav-active: #dddbe2;
  --p-color-nav-active: oklch(0.8945 0.0093 300.25);
  --p-color-nav-active-icon: #5f5d5a;
  --p-color-nav-active-icon: oklch(0.48 0.0051 84.57);
  --p-color-neutral-tint: #16141b;
  --p-color-neutral-tint: oklch(0.1969 0.0142 298.16);
  --p-color-selected-outline: #19171e;
  --p-color-selected-outline: oklch(0.21 0.0142 298.16);
  --p-color-success-subtle: #e6fbea;
  --p-color-success-subtle: oklch(0.9672 0.0311 151.48);
  --p-color-surface-1: #fdfcff;
  --p-color-surface-1: oklch(0.993 0.0038 298.16);
  --p-color-surface-hover: #f5f3fa;
  --p-color-surface-hover: oklch(0.967 0.0102 298.16);
  --p-color-surface-pressed: #efedf5;
  --p-color-surface-pressed: oklch(0.951 0.0111 298.16);
  --p-color-surface-selected: #efeeed;
  --p-color-surface-selected: oklch(0.95 0.0021 84.57);
  --p-color-surface-sunken: #faf8ff;
  --p-color-surface-sunken: oklch(0.982 0.0094 298.16);
  --p-color-text-disabled: #87848e;
  --p-color-text-disabled: oklch(0.62 0.0145 298.16);
  --p-color-text-inverse: #fdfcff;
  --p-color-text-inverse: oklch(0.993 0.0038 298.16);
  --p-color-text-link: #5f5d5a;
  --p-color-text-link: oklch(0.48 0.0051 84.57);
  --p-color-text-on-accent: #111114;
  --p-color-text-on-accent: oklch(0.18 0.005 286);
  --p-color-text-primary: #19171e;
  --p-color-text-primary: oklch(0.21 0.0142 298.16);
  --p-color-text-secondary: #4e4c54;
  --p-color-text-secondary: oklch(0.42 0.0142 298.16);
  --p-color-text-tertiary: #64626a;
  --p-color-text-tertiary: oklch(0.5 0.0142 298.16);
  --p-color-warning-subtle: #fef2e4;
  --p-color-warning-subtle: oklch(0.9672 0.0233 72.45);
  --p-elevation-0-surface: #fdfcff;
  --p-elevation-0-surface: oklch(0.993 0.0038 298.16);
  --p-elevation-1-surface: #fdfcff;
  --p-elevation-1-surface: oklch(0.993 0.0038 298.16);
  --p-font-family-display: Cinzel, Georgia, serif;
  --p-nav-preset: "tabs";
  --p-overlay-bg: #fdfcff;
  --p-overlay-bg: oklch(0.993 0.0038 298.16);
  --p-overlay-highlight: #19171e0f;
  --p-overlay-highlight: oklch(0.21 0.0142 298.16 / 0.06);
  --p-overlay-ring: #19171e14;
  --p-overlay-ring: oklch(0.21 0.0142 298.16 / 0.08);
  --p-overlay-separator: #19171e14;
  --p-overlay-separator: oklch(0.21 0.0142 298.16 / 0.08);
  --p-radius-card: 12px;
  --p-radius-control: 4px;
  --p-radius-factor: 0.7;
  --p-radius-inner-card: 8px;
  --p-radius-inner-control: 8px;
  --p-radius-pop: 8px;
  --p-radius-sheet: 16px;
  --p-ramp-accent-1: #fcfcfc;
  --p-ramp-accent-1: oklch(0.992 0.0005 84.57);
  --p-ramp-accent-10: #9d9c98;
  --p-ramp-accent-10: oklch(0.6916 0.0056 84.57);
  --p-ramp-accent-11: #5f5d5a;
  --p-ramp-accent-11: oklch(0.48 0.0051 84.57);
  --p-ramp-accent-12: #2d2d2c;
  --p-ramp-accent-12: oklch(0.296 0.002 84.57);
  --p-ramp-accent-2: #f8f8f7;
  --p-ramp-accent-2: oklch(0.978 0.0011 84.57);
  --p-ramp-accent-3: #efeeed;
  --p-ramp-accent-3: oklch(0.95 0.0021 84.57);
  --p-ramp-accent-4: #e7e6e4;
  --p-ramp-accent-4: oklch(0.925 0.0027 84.57);
  --p-ramp-accent-5: #dddcda;
  --p-ramp-accent-5: oklch(0.895 0.0034 84.57);
  --p-ramp-accent-6: #d2d1ce;
  --p-ramp-accent-6: oklch(0.86 0.0041 84.57);
  --p-ramp-accent-7: #c4c2bf;
  --p-ramp-accent-7: oklch(0.815 0.0048 84.57);
  --p-ramp-accent-8: #b0afab;
  --p-ramp-accent-8: oklch(0.7533 0.0051 84.57);
  --p-ramp-accent-9: #918f8c;
  --p-ramp-accent-9: oklch(0.6516 0.0057 84.57);
  --p-ramp-neutral-1: #fdfcff;
  --p-ramp-neutral-1: oklch(0.993 0.0038 298.16);
  --p-ramp-neutral-10: #64626a;
  --p-ramp-neutral-10: oklch(0.5 0.0142 298.16);
  --p-ramp-neutral-11: #4e4c54;
  --p-ramp-neutral-11: oklch(0.42 0.0142 298.16);
  --p-ramp-neutral-12: #19171e;
  --p-ramp-neutral-12: oklch(0.21 0.0142 298.16);
  --p-ramp-neutral-2: #faf8ff;
  --p-ramp-neutral-2: oklch(0.982 0.0094 298.16);
  --p-ramp-neutral-3: #f5f3fa;
  --p-ramp-neutral-3: oklch(0.967 0.0102 298.16);
  --p-ramp-neutral-4: #efedf5;
  --p-ramp-neutral-4: oklch(0.951 0.0111 298.16);
  --p-ramp-neutral-5: #eae8f1;
  --p-ramp-neutral-5: oklch(0.935 0.0119 298.16);
  --p-ramp-neutral-6: #e4e1eb;
  --p-ramp-neutral-6: oklch(0.915 0.0128 298.16);
  --p-ramp-neutral-7: #d7d4de;
  --p-ramp-neutral-7: oklch(0.875 0.0136 298.16);
  --p-ramp-neutral-8: #87848e;
  --p-ramp-neutral-8: oklch(0.62 0.0145 298.16);
  --p-ramp-neutral-9: #75737c;
  --p-ramp-neutral-9: oklch(0.56 0.0142 298.16);
  --p-segmented-active-bg: #fdfcff;
  --p-segmented-active-bg: oklch(0.993 0.0038 298.16);
  --p-segmented-track: #19171e0a;
  --p-segmented-track: oklch(0.21 0.0142 298.16 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.21 0.0142 298.16 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.21 0.0142 298.16 / 0.05);
  --p-shadow-control: 0px 1px 2px 0px oklch(0.21 0.0142 298.16 / 0.05);
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.0142 298.16 / 0.08), 0px 24px 48px -12px oklch(0.21 0.0142 298.16 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.0142 298.16 / 0.03), 0px 4px 8px -4px oklch(0.21 0.0142 298.16 / 0.05), 0px 16px 24px -8px oklch(0.21 0.0142 298.16 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.0142 298.16 / 0.08);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.21 0.0142 298.16 / 0.08), 0px 0px 0px 1px oklch(0.21 0.0142 298.16 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.0142 298.16 / 0.12), 0px 1px 2px 0px oklch(0.21 0.0142 298.16 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.0142 298.16 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.0142 298.16 / 0.08);
  --p-shadow-xs: 0px 1px 2px 0px oklch(0.21 0.0142 298.16 / 0.05);
  --p-slider-track: #19171e1a;
  --p-slider-track: oklch(0.21 0.0142 298.16 / 0.1);
  --p-switch-border-off: #87848e;
  --p-switch-border-off: oklch(0.62 0.0145 298.16);
  --p-switch-track-off: #19171e29;
  --p-switch-track-off: oklch(0.21 0.0142 298.16 / 0.16);
  --p-tooltip-bg: #19171e;
  --p-tooltip-bg: oklch(0.21 0.0142 298.16);
  --p-tooltip-fg: #fdfcff;
  --p-tooltip-fg: oklch(0.993 0.0038 298.16);
  --p-type-display-l-family: Cinzel, Georgia, serif;
  --p-type-display-m-family: Cinzel, Georgia, serif;
  --p-type-display-s-family: Cinzel, Georgia, serif;
}

[data-world="editorial"][data-product="ownmode"] {
  --p-brand-sidebar-accent: #2f6f57;
  --p-brand-sidebar-accent: oklch(0.4926 0.0769 165.99);
  --p-button-focus-border: #2f6f57;
  --p-button-focus-border: oklch(0.4926 0.0769 165.99);
  --p-button-ghost-bg-hover: #1a18120a;
  --p-button-ghost-bg-hover: oklch(0.21 0.0114 89.73 / 0.04);
  --p-button-ghost-bg-pressed: #1a181214;
  --p-button-ghost-bg-pressed: oklch(0.21 0.0114 89.73 / 0.08);
  --p-button-secondary-bg: #fefdf8;
  --p-button-secondary-bg: oklch(0.993 0.0068 89.73);
  --p-button-secondary-bg-hover: #1a18120a;
  --p-button-secondary-bg-hover: oklch(0.21 0.0114 89.73 / 0.04);
  --p-choice-border: #8a8780;
  --p-choice-border: oklch(0.624 0.0116 89.73);
  --p-color-accent-action: #2f6f57;
  --p-color-accent-action: oklch(0.4926 0.0769 165.99);
  --p-color-accent-border: #9bd0b9;
  --p-color-accent-border: oklch(0.815 0.0646 165.99);
  --p-color-accent-seed: #2f6f57;
  --p-color-accent-seed: oklch(0.4926 0.0769 165.99);
  --p-color-accent-solid: #2f6f57;
  --p-color-accent-solid: oklch(0.4926 0.0769 165.99);
  --p-color-accent-solid-hover: #24634c;
  --p-color-accent-solid-hover: oklch(0.4526 0.0754 165.99);
  --p-color-accent-solid-pressed: #245d48;
  --p-color-accent-solid-pressed: oklch(0.4326 0.0692 165.99);
  --p-color-accent-text: #245d48;
  --p-color-accent-text: oklch(0.4326 0.0692 165.99);
  --p-color-accent-text-pressed: #245d48;
  --p-color-accent-text-pressed: oklch(0.4326 0.0692 165.99);
  --p-color-accent-tint: #e3efe8;
  --p-color-accent-tint: oklch(0.9412 0.0158 160.61);
  --p-color-agent-border: #9bd0b9;
  --p-color-agent-border: oklch(0.815 0.0646 165.99);
  --p-color-agent-mark: #2f6f57;
  --p-color-agent-mark: oklch(0.4926 0.0769 165.99);
  --p-color-agent-text: #245d48;
  --p-color-agent-text: oklch(0.4326 0.0692 165.99);
  --p-color-agent-tint: #def5ea;
  --p-color-agent-tint: oklch(0.95 0.0277 165.99);
  --p-color-bg-canvas: #f1efe8;
  --p-color-bg-canvas: oklch(0.951 0.0089 89.73);
  --p-color-bg-default: #fefdf8;
  --p-color-bg-default: oklch(0.993 0.0068 89.73);
  --p-color-bg-panel: #fefdf8;
  --p-color-bg-panel: oklch(0.993 0.0068 89.73);
  --p-color-border-control: #1a18122e;
  --p-color-border-control: oklch(0.21 0.0114 89.73 / 0.18);
  --p-color-border-control-hover: #1a18123d;
  --p-color-border-control-hover: oklch(0.21 0.0114 89.73 / 0.24);
  --p-color-border-control-strong: #1a18123d;
  --p-color-border-control-strong: oklch(0.21 0.0114 89.73 / 0.24);
  --p-color-border-default: #8a8780;
  --p-color-border-default: oklch(0.624 0.0116 89.73);
  --p-color-border-hairline: #1a181214;
  --p-color-border-hairline: oklch(0.21 0.0114 89.73 / 0.08);
  --p-color-border-strong: #78756e;
  --p-color-border-strong: oklch(0.562 0.0114 89.73);
  --p-color-border-subtle: #e5e3db;
  --p-color-border-subtle: oklch(0.915 0.0103 89.73);
  --p-color-count-bg: #202227;
  --p-color-count-bg: oklch(0.252 0.0099 268.29);
  --p-color-count-text: #fefdf8;
  --p-color-count-text: oklch(0.993 0.0068 89.73);
  --p-color-danger-subtle: #fff1ed;
  --p-color-danger-subtle: oklch(0.9672 0.0164 35.46);
  --p-color-field-bg: #fefdf8;
  --p-color-field-bg: oklch(0.993 0.0068 89.73);
  --p-color-field-bg-disabled: #1a181208;
  --p-color-field-bg-disabled: oklch(0.21 0.0114 89.73 / 0.03);
  --p-color-field-border-disabled: #1a18120f;
  --p-color-field-border-disabled: oklch(0.21 0.0114 89.73 / 0.06);
  --p-color-field-border-focus: #2f6f57;
  --p-color-field-border-focus: oklch(0.4926 0.0769 165.99);
  --p-color-field-border-readonly-hover: #1a18121f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.0114 89.73 / 0.12);
  --p-color-focus-ring: #2f6f57;
  --p-color-focus-ring: oklch(0.4926 0.0769 165.99);
  --p-color-focus-ring-button: #2f6f5759;
  --p-color-focus-ring-button: oklch(0.4926 0.0769 165.99 / 0.35);
  --p-color-focus-ring-field: #2f6f5738;
  --p-color-focus-ring-field: oklch(0.4926 0.0769 165.99 / 0.22);
  --p-color-hover-tint: #1a18120a;
  --p-color-hover-tint: oklch(0.21 0.0114 89.73 / 0.04);
  --p-color-info-subtle: #eef5fc;
  --p-color-info-subtle: oklch(0.9672 0.0124 245.74);
  --p-color-ink-a10: #1a18121a;
  --p-color-ink-a10: oklch(0.21 0.0114 89.73 / 0.1);
  --p-color-ink-a12: #1a18121f;
  --p-color-ink-a12: oklch(0.21 0.0114 89.73 / 0.12);
  --p-color-ink-a14: #1a181224;
  --p-color-ink-a14: oklch(0.21 0.0114 89.73 / 0.14);
  --p-color-ink-a16: #1a181229;
  --p-color-ink-a16: oklch(0.21 0.0114 89.73 / 0.16);
  --p-color-ink-a18: #1a18122e;
  --p-color-ink-a18: oklch(0.21 0.0114 89.73 / 0.18);
  --p-color-ink-a20: #1a181233;
  --p-color-ink-a20: oklch(0.21 0.0114 89.73 / 0.2);
  --p-color-ink-a24: #1a18123d;
  --p-color-ink-a24: oklch(0.21 0.0114 89.73 / 0.24);
  --p-color-ink-a28: #1a181247;
  --p-color-ink-a28: oklch(0.21 0.0114 89.73 / 0.28);
  --p-color-ink-a3: #1a181208;
  --p-color-ink-a3: oklch(0.21 0.0114 89.73 / 0.03);
  --p-color-ink-a32: #1a181252;
  --p-color-ink-a32: oklch(0.21 0.0114 89.73 / 0.32);
  --p-color-ink-a4: #1a18120a;
  --p-color-ink-a4: oklch(0.21 0.0114 89.73 / 0.04);
  --p-color-ink-a40: #1a181266;
  --p-color-ink-a40: oklch(0.21 0.0114 89.73 / 0.4);
  --p-color-ink-a5: #1a18120d;
  --p-color-ink-a5: oklch(0.21 0.0114 89.73 / 0.05);
  --p-color-ink-a6: #1a18120f;
  --p-color-ink-a6: oklch(0.21 0.0114 89.73 / 0.06);
  --p-color-ink-a8: #1a181214;
  --p-color-ink-a8: oklch(0.21 0.0114 89.73 / 0.08);
  --p-color-mark-done: #202227;
  --p-color-mark-done: oklch(0.252 0.0099 268.29);
  --p-color-mark-on-done: #fefdf8;
  --p-color-mark-on-done: oklch(0.993 0.0068 89.73);
  --p-color-nav-active: #d8dcd3;
  --p-color-nav-active: oklch(0.8888 0.0127 129.18);
  --p-color-nav-active-icon: #245d48;
  --p-color-nav-active-icon: oklch(0.4326 0.0692 165.99);
  --p-color-neutral-tint: #74716a;
  --p-color-neutral-tint: oklch(0.55 0.0114 89.73);
  --p-color-selected-outline: #202227;
  --p-color-selected-outline: oklch(0.252 0.0099 268.29);
  --p-color-success-subtle: #e6fbe7;
  --p-color-success-subtle: oklch(0.9672 0.0338 146);
  --p-color-surface-1: #fefdf8;
  --p-color-surface-1: oklch(0.993 0.0068 89.73);
  --p-color-surface-hover: #f6f4ee;
  --p-color-surface-hover: oklch(0.967 0.0082 89.73);
  --p-color-surface-pressed: #f1efe8;
  --p-color-surface-pressed: oklch(0.951 0.0089 89.73);
  --p-color-surface-selected: #def5ea;
  --p-color-surface-selected: oklch(0.95 0.0277 165.99);
  --p-color-surface-sunken: #f1efe8;
  --p-color-surface-sunken: oklch(0.9517 0.0096 93.57);
  --p-color-text-disabled: #8a8780;
  --p-color-text-disabled: oklch(0.624 0.0116 89.73);
  --p-color-text-inverse: #fefdf8;
  --p-color-text-inverse: oklch(0.993 0.0068 89.73);
  --p-color-text-link: #245d48;
  --p-color-text-link: oklch(0.4326 0.0692 165.99);
  --p-color-text-primary: #202227;
  --p-color-text-primary: oklch(0.252 0.0099 268.29);
  --p-color-text-secondary: #4a4d53;
  --p-color-text-secondary: oklch(0.4196 0.0107 264.45);
  --p-color-text-tertiary: #6e6a5e;
  --p-color-text-tertiary: oklch(0.5243 0.019 91.68);
  --p-color-warning-subtle: #fff2e1;
  --p-color-warning-subtle: oklch(0.9672 0.0271 76.46);
  --p-elevation-0-surface: #fefdf8;
  --p-elevation-0-surface: oklch(0.993 0.0068 89.73);
  --p-elevation-1-surface: #fefdf8;
  --p-elevation-1-surface: oklch(0.993 0.0068 89.73);
  --p-font-family-display: ui-serif, Georgia, serif;
  --p-font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-nav-preset: "tabs";
  --p-overlay-bg: #fefdf8;
  --p-overlay-bg: oklch(0.993 0.0068 89.73);
  --p-overlay-highlight: #1a18120f;
  --p-overlay-highlight: oklch(0.21 0.0114 89.73 / 0.06);
  --p-overlay-ring: #1a181214;
  --p-overlay-ring: oklch(0.21 0.0114 89.73 / 0.08);
  --p-overlay-separator: #1a181214;
  --p-overlay-separator: oklch(0.21 0.0114 89.73 / 0.08);
  --p-radius-card: 20px;
  --p-radius-control: 8px;
  --p-radius-factor: 1.2;
  --p-radius-inner-card: 20px;
  --p-radius-inner-control: 16px;
  --p-radius-pop: 16px;
  --p-radius-sheet: 28px;
  --p-ramp-accent-1: #f8fefb;
  --p-ramp-accent-1: oklch(0.992 0.0074 165.99);
  --p-ramp-accent-10: #24634c;
  --p-ramp-accent-10: oklch(0.4526 0.0754 165.99);
  --p-ramp-accent-11: #245d48;
  --p-ramp-accent-11: oklch(0.4326 0.0692 165.99);
  --p-ramp-accent-12: #21322b;
  --p-ramp-accent-12: oklch(0.3 0.0269 165.99);
  --p-ramp-accent-2: #effbf5;
  --p-ramp-accent-2: oklch(0.978 0.0154 165.99);
  --p-ramp-accent-3: #def5ea;
  --p-ramp-accent-3: oklch(0.95 0.0277 165.99);
  --p-ramp-accent-4: #d0efe1;
  --p-ramp-accent-4: oklch(0.925 0.0369 165.99);
  --p-ramp-accent-5: #c1e7d5;
  --p-ramp-accent-5: oklch(0.895 0.0461 165.99);
  --p-ramp-accent-6: #afddc9;
  --p-ramp-accent-6: oklch(0.86 0.0554 165.99);
  --p-ramp-accent-7: #9bd0b9;
  --p-ramp-accent-7: oklch(0.815 0.0646 165.99);
  --p-ramp-accent-8: #6ca48d;
  --p-ramp-accent-8: oklch(0.6738 0.0692 165.99);
  --p-ramp-accent-9: #2f6f57;
  --p-ramp-accent-9: oklch(0.4926 0.0769 165.99);
  --p-ramp-neutral-1: #fefdf8;
  --p-ramp-neutral-1: oklch(0.993 0.0068 89.73);
  --p-ramp-neutral-10: #66635c;
  --p-ramp-neutral-10: oklch(0.5 0.0114 89.73);
  --p-ramp-neutral-11: #514e47;
  --p-ramp-neutral-11: oklch(0.424 0.0114 89.73);
  --p-ramp-neutral-12: #1a1812;
  --p-ramp-neutral-12: oklch(0.21 0.0114 89.73);
  --p-ramp-neutral-2: #fbf9f4;
  --p-ramp-neutral-2: oklch(0.982 0.0075 89.73);
  --p-ramp-neutral-3: #f6f4ee;
  --p-ramp-neutral-3: oklch(0.967 0.0082 89.73);
  --p-ramp-neutral-4: #f1efe8;
  --p-ramp-neutral-4: oklch(0.951 0.0089 89.73);
  --p-ramp-neutral-5: #ece9e2;
  --p-ramp-neutral-5: oklch(0.935 0.0096 89.73);
  --p-ramp-neutral-6: #e5e3db;
  --p-ramp-neutral-6: oklch(0.915 0.0103 89.73);
  --p-ramp-neutral-7: #d8d6ce;
  --p-ramp-neutral-7: oklch(0.875 0.0109 89.73);
  --p-ramp-neutral-8: #8a8780;
  --p-ramp-neutral-8: oklch(0.624 0.0116 89.73);
  --p-ramp-neutral-9: #78756e;
  --p-ramp-neutral-9: oklch(0.562 0.0114 89.73);
  --p-segmented-active-bg: #fefdf8;
  --p-segmented-active-bg: oklch(0.993 0.0068 89.73);
  --p-segmented-track: #1a18120a;
  --p-segmented-track: oklch(0.21 0.0114 89.73 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.21 0.0114 89.73 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.21 0.0114 89.73 / 0.05);
  --p-shadow-control: 0px 1px 2px 0px oklch(0.21 0.0114 89.73 / 0.05);
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.0114 89.73 / 0.08), 0px 24px 48px -12px oklch(0.21 0.0114 89.73 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.0114 89.73 / 0.03), 0px 4px 8px -4px oklch(0.21 0.0114 89.73 / 0.05), 0px 16px 24px -8px oklch(0.21 0.0114 89.73 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.0114 89.73 / 0.08);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.21 0.0114 89.73 / 0.08), 0px 0px 0px 1px oklch(0.21 0.0114 89.73 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.0114 89.73 / 0.12), 0px 1px 2px 0px oklch(0.21 0.0114 89.73 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.0114 89.73 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.0114 89.73 / 0.08);
  --p-shadow-xs: 0px 1px 2px 0px oklch(0.21 0.0114 89.73 / 0.05);
  --p-slider-track: #1a18121a;
  --p-slider-track: oklch(0.21 0.0114 89.73 / 0.1);
  --p-switch-border-off: #8a8780;
  --p-switch-border-off: oklch(0.624 0.0116 89.73);
  --p-switch-track-off: #1a181229;
  --p-switch-track-off: oklch(0.21 0.0114 89.73 / 0.16);
  --p-tooltip-bg: #202227;
  --p-tooltip-bg: oklch(0.252 0.0099 268.29);
  --p-tooltip-fg: #fefdf8;
  --p-tooltip-fg: oklch(0.993 0.0068 89.73);
  --p-type-body-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-body-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-body-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-caption-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-display-l-family: ui-serif, Georgia, serif;
  --p-type-display-m-family: ui-serif, Georgia, serif;
  --p-type-display-s-family: ui-serif, Georgia, serif;
  --p-type-label-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-label-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-label-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-numeric-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-title-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-title-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-title-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
}

[data-world="editorial"][data-product="loudsoup"] {
  --p-brand-sidebar-accent: #d21d55;
  --p-brand-sidebar-accent: oklch(0.5612 0.2104 11.21);
  --p-button-focus-border: #d21d55;
  --p-button-focus-border: oklch(0.5612 0.2104 11.21);
  --p-button-ghost-bg-hover: #1b18140a;
  --p-button-ghost-bg-hover: oklch(0.21 0.008 73.74 / 0.04);
  --p-button-ghost-bg-pressed: #1b181414;
  --p-button-ghost-bg-pressed: oklch(0.21 0.008 73.74 / 0.08);
  --p-button-secondary-bg: #fffcf9;
  --p-button-secondary-bg: oklch(0.993 0.0048 73.74);
  --p-button-secondary-bg-hover: #1b18140a;
  --p-button-secondary-bg-hover: oklch(0.21 0.008 73.74 / 0.04);
  --p-choice-border: #898581;
  --p-choice-border: oklch(0.62 0.0082 73.74);
  --p-color-accent-action: #d21d55;
  --p-color-accent-action: oklch(0.5612 0.2104 11.21);
  --p-color-accent-border: #ffa5b1;
  --p-color-accent-border: oklch(0.815 0.1067 11.21);
  --p-color-accent-seed: #d21d55;
  --p-color-accent-seed: oklch(0.5612 0.2104 11.21);
  --p-color-accent-solid: #d21d55;
  --p-color-accent-solid: oklch(0.5612 0.2104 11.21);
  --p-color-accent-solid-hover: #c2054b;
  --p-color-accent-solid-hover: oklch(0.5212 0.2062 11.21);
  --p-color-accent-solid-pressed: #b51547;
  --p-color-accent-solid-pressed: oklch(0.5 0.1894 11.21);
  --p-color-accent-text: #b51547;
  --p-color-accent-text: oklch(0.5 0.1894 11.21);
  --p-color-accent-text-pressed: #b51547;
  --p-color-accent-text-pressed: oklch(0.5 0.1894 11.21);
  --p-color-accent-tint: #ffe8ea;
  --p-color-accent-tint: oklch(0.95 0.0254 11.21);
  --p-color-agent-border: #ffa5b1;
  --p-color-agent-border: oklch(0.815 0.1067 11.21);
  --p-color-agent-mark: #d21d55;
  --p-color-agent-mark: oklch(0.5612 0.2104 11.21);
  --p-color-agent-text: #b51547;
  --p-color-agent-text: oklch(0.5 0.1894 11.21);
  --p-color-agent-tint: #ffe8ea;
  --p-color-agent-tint: oklch(0.95 0.0254 11.21);
  --p-color-bg-canvas: #f1eeea;
  --p-color-bg-canvas: oklch(0.951 0.0062 73.74);
  --p-color-bg-default: #fffcf9;
  --p-color-bg-default: oklch(0.993 0.0048 73.74);
  --p-color-bg-panel: #fffcf9;
  --p-color-bg-panel: oklch(0.993 0.0048 73.74);
  --p-color-border-control: #1b18142e;
  --p-color-border-control: oklch(0.21 0.008 73.74 / 0.18);
  --p-color-border-control-hover: #1b18143d;
  --p-color-border-control-hover: oklch(0.21 0.008 73.74 / 0.24);
  --p-color-border-control-strong: #1b18143d;
  --p-color-border-control-strong: oklch(0.21 0.008 73.74 / 0.24);
  --p-color-border-default: #898581;
  --p-color-border-default: oklch(0.62 0.0082 73.74);
  --p-color-border-hairline: #1b181414;
  --p-color-border-hairline: oklch(0.21 0.008 73.74 / 0.08);
  --p-color-border-strong: #77746f;
  --p-color-border-strong: oklch(0.56 0.008 73.74);
  --p-color-border-subtle: #e6e2de;
  --p-color-border-subtle: oklch(0.915 0.0072 73.74);
  --p-color-count-bg: #1b1814;
  --p-color-count-bg: oklch(0.21 0.008 73.74);
  --p-color-count-text: #fffcf9;
  --p-color-count-text: oklch(0.993 0.0048 73.74);
  --p-color-danger-subtle: #fff0ed;
  --p-color-danger-subtle: oklch(0.9672 0.0164 31.9);
  --p-color-field-bg: #fffcf9;
  --p-color-field-bg: oklch(0.993 0.0048 73.74);
  --p-color-field-bg-disabled: #1b181408;
  --p-color-field-bg-disabled: oklch(0.21 0.008 73.74 / 0.03);
  --p-color-field-border-disabled: #1b18140f;
  --p-color-field-border-disabled: oklch(0.21 0.008 73.74 / 0.06);
  --p-color-field-border-focus: #d21d55;
  --p-color-field-border-focus: oklch(0.5612 0.2104 11.21);
  --p-color-field-border-readonly-hover: #1b18141f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.008 73.74 / 0.12);
  --p-color-focus-ring: #d21d55;
  --p-color-focus-ring: oklch(0.5612 0.2104 11.21);
  --p-color-focus-ring-button: #d21d5559;
  --p-color-focus-ring-button: oklch(0.5612 0.2104 11.21 / 0.35);
  --p-color-focus-ring-field: #d21d5538;
  --p-color-focus-ring-field: oklch(0.5612 0.2104 11.21 / 0.22);
  --p-color-hover-tint: #1b18140a;
  --p-color-hover-tint: oklch(0.21 0.008 73.74 / 0.04);
  --p-color-info-subtle: #eef5fd;
  --p-color-info-subtle: oklch(0.9672 0.013 249.45);
  --p-color-ink-a10: #1b18141a;
  --p-color-ink-a10: oklch(0.21 0.008 73.74 / 0.1);
  --p-color-ink-a12: #1b18141f;
  --p-color-ink-a12: oklch(0.21 0.008 73.74 / 0.12);
  --p-color-ink-a14: #1b181424;
  --p-color-ink-a14: oklch(0.21 0.008 73.74 / 0.14);
  --p-color-ink-a16: #1b181429;
  --p-color-ink-a16: oklch(0.21 0.008 73.74 / 0.16);
  --p-color-ink-a18: #1b18142e;
  --p-color-ink-a18: oklch(0.21 0.008 73.74 / 0.18);
  --p-color-ink-a20: #1b181433;
  --p-color-ink-a20: oklch(0.21 0.008 73.74 / 0.2);
  --p-color-ink-a24: #1b18143d;
  --p-color-ink-a24: oklch(0.21 0.008 73.74 / 0.24);
  --p-color-ink-a28: #1b181447;
  --p-color-ink-a28: oklch(0.21 0.008 73.74 / 0.28);
  --p-color-ink-a3: #1b181408;
  --p-color-ink-a3: oklch(0.21 0.008 73.74 / 0.03);
  --p-color-ink-a32: #1b181452;
  --p-color-ink-a32: oklch(0.21 0.008 73.74 / 0.32);
  --p-color-ink-a4: #1b18140a;
  --p-color-ink-a4: oklch(0.21 0.008 73.74 / 0.04);
  --p-color-ink-a40: #1b181466;
  --p-color-ink-a40: oklch(0.21 0.008 73.74 / 0.4);
  --p-color-ink-a5: #1b18140d;
  --p-color-ink-a5: oklch(0.21 0.008 73.74 / 0.05);
  --p-color-ink-a6: #1b18140f;
  --p-color-ink-a6: oklch(0.21 0.008 73.74 / 0.06);
  --p-color-ink-a8: #1b181414;
  --p-color-ink-a8: oklch(0.21 0.008 73.74 / 0.08);
  --p-color-mark-done: #1b1814;
  --p-color-mark-done: oklch(0.21 0.008 73.74);
  --p-color-mark-on-done: #fffcf9;
  --p-color-mark-on-done: oklch(0.993 0.0048 73.74);
  --p-color-nav-active: #eed7d5;
  --p-color-nav-active: oklch(0.8969 0.0257 22.07);
  --p-color-nav-active-icon: #b51547;
  --p-color-nav-active-icon: oklch(0.5 0.1894 11.21);
  --p-color-neutral-tint: #74716c;
  --p-color-neutral-tint: oklch(0.55 0.008 73.74);
  --p-color-selected-outline: #1b1814;
  --p-color-selected-outline: oklch(0.21 0.008 73.74);
  --p-color-success-subtle: #e7fbe8;
  --p-color-success-subtle: oklch(0.9672 0.0329 146.75);
  --p-color-surface-1: #fffcf9;
  --p-color-surface-1: oklch(0.993 0.0048 73.74);
  --p-color-surface-hover: #f6f4f0;
  --p-color-surface-hover: oklch(0.967 0.0058 73.74);
  --p-color-surface-pressed: #f1eeea;
  --p-color-surface-pressed: oklch(0.951 0.0062 73.74);
  --p-color-surface-selected: #ffe8ea;
  --p-color-surface-selected: oklch(0.95 0.0254 11.21);
  --p-color-surface-sunken: #fbf9f5;
  --p-color-surface-sunken: oklch(0.982 0.0053 73.74);
  --p-color-text-disabled: #898581;
  --p-color-text-disabled: oklch(0.62 0.0082 73.74);
  --p-color-text-inverse: #fffcf9;
  --p-color-text-inverse: oklch(0.993 0.0048 73.74);
  --p-color-text-link: #b51547;
  --p-color-text-link: oklch(0.5 0.1894 11.21);
  --p-color-text-primary: #1b1814;
  --p-color-text-primary: oklch(0.21 0.008 73.74);
  --p-color-text-secondary: #504c48;
  --p-color-text-secondary: oklch(0.42 0.008 73.74);
  --p-color-text-tertiary: #66635e;
  --p-color-text-tertiary: oklch(0.5 0.008 73.74);
  --p-color-warning-subtle: #fff2e1;
  --p-color-warning-subtle: oklch(0.9672 0.0263 74.91);
  --p-elevation-0-surface: #fffcf9;
  --p-elevation-0-surface: oklch(0.993 0.0048 73.74);
  --p-elevation-1-surface: #fffcf9;
  --p-elevation-1-surface: oklch(0.993 0.0048 73.74);
  --p-font-family-display: Fraunces, Georgia, serif;
  --p-font-family-sans: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-overlay-bg: #fffcf9;
  --p-overlay-bg: oklch(0.993 0.0048 73.74);
  --p-overlay-highlight: #1b18140f;
  --p-overlay-highlight: oklch(0.21 0.008 73.74 / 0.06);
  --p-overlay-ring: #1b181414;
  --p-overlay-ring: oklch(0.21 0.008 73.74 / 0.08);
  --p-overlay-separator: #1b181414;
  --p-overlay-separator: oklch(0.21 0.008 73.74 / 0.08);
  --p-radius-card: 12px;
  --p-radius-control: 4px;
  --p-radius-factor: 0.65;
  --p-radius-inner-card: 8px;
  --p-radius-inner-control: 8px;
  --p-radius-pop: 8px;
  --p-radius-sheet: 16px;
  --p-ramp-accent-1: #fffbfc;
  --p-ramp-accent-1: oklch(0.992 0.004 11.21);
  --p-ramp-accent-10: #c2054b;
  --p-ramp-accent-10: oklch(0.5212 0.2062 11.21);
  --p-ramp-accent-11: #b51547;
  --p-ramp-accent-11: oklch(0.5 0.1894 11.21);
  --p-ramp-accent-12: #4c1b24;
  --p-ramp-accent-12: oklch(0.3 0.0736 11.21);
  --p-ramp-accent-2: #fff5f6;
  --p-ramp-accent-2: oklch(0.978 0.011 11.21);
  --p-ramp-accent-3: #ffe8ea;
  --p-ramp-accent-3: oklch(0.95 0.0254 11.21);
  --p-ramp-accent-4: #ffdce0;
  --p-ramp-accent-4: oklch(0.925 0.0389 11.21);
  --p-ramp-accent-5: #ffced3;
  --p-ramp-accent-5: oklch(0.895 0.056 11.21);
  --p-ramp-accent-6: #ffbdc4;
  --p-ramp-accent-6: oklch(0.86 0.0772 11.21);
  --p-ramp-accent-7: #ffa5b1;
  --p-ramp-accent-7: oklch(0.815 0.1067 11.21);
  --p-ramp-accent-8: #ff6483;
  --p-ramp-accent-8: oklch(0.7081 0.1893 11.21);
  --p-ramp-accent-9: #d21d55;
  --p-ramp-accent-9: oklch(0.5612 0.2104 11.21);
  --p-ramp-neutral-1: #fffcf9;
  --p-ramp-neutral-1: oklch(0.993 0.0048 73.74);
  --p-ramp-neutral-10: #66635e;
  --p-ramp-neutral-10: oklch(0.5 0.008 73.74);
  --p-ramp-neutral-11: #504c48;
  --p-ramp-neutral-11: oklch(0.42 0.008 73.74);
  --p-ramp-neutral-12: #1b1814;
  --p-ramp-neutral-12: oklch(0.21 0.008 73.74);
  --p-ramp-neutral-2: #fbf9f5;
  --p-ramp-neutral-2: oklch(0.982 0.0053 73.74);
  --p-ramp-neutral-3: #f6f4f0;
  --p-ramp-neutral-3: oklch(0.967 0.0058 73.74);
  --p-ramp-neutral-4: #f1eeea;
  --p-ramp-neutral-4: oklch(0.951 0.0062 73.74);
  --p-ramp-neutral-5: #ece9e5;
  --p-ramp-neutral-5: oklch(0.935 0.0067 73.74);
  --p-ramp-neutral-6: #e6e2de;
  --p-ramp-neutral-6: oklch(0.915 0.0072 73.74);
  --p-ramp-neutral-7: #d9d5d0;
  --p-ramp-neutral-7: oklch(0.875 0.0077 73.74);
  --p-ramp-neutral-8: #898581;
  --p-ramp-neutral-8: oklch(0.62 0.0082 73.74);
  --p-ramp-neutral-9: #77746f;
  --p-ramp-neutral-9: oklch(0.56 0.008 73.74);
  --p-segmented-active-bg: #fffcf9;
  --p-segmented-active-bg: oklch(0.993 0.0048 73.74);
  --p-segmented-track: #1b18140a;
  --p-segmented-track: oklch(0.21 0.008 73.74 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.21 0.008 73.74 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.21 0.008 73.74 / 0.05);
  --p-shadow-control: 0px 1px 2px 0px oklch(0.21 0.008 73.74 / 0.05);
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.008 73.74 / 0.08), 0px 24px 48px -12px oklch(0.21 0.008 73.74 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.008 73.74 / 0.03), 0px 4px 8px -4px oklch(0.21 0.008 73.74 / 0.05), 0px 16px 24px -8px oklch(0.21 0.008 73.74 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.008 73.74 / 0.08);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.21 0.008 73.74 / 0.08), 0px 0px 0px 1px oklch(0.21 0.008 73.74 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.008 73.74 / 0.12), 0px 1px 2px 0px oklch(0.21 0.008 73.74 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.008 73.74 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.008 73.74 / 0.08);
  --p-shadow-xs: 0px 1px 2px 0px oklch(0.21 0.008 73.74 / 0.05);
  --p-slider-track: #1b18141a;
  --p-slider-track: oklch(0.21 0.008 73.74 / 0.1);
  --p-switch-border-off: #898581;
  --p-switch-border-off: oklch(0.62 0.0082 73.74);
  --p-switch-track-off: #1b181429;
  --p-switch-track-off: oklch(0.21 0.008 73.74 / 0.16);
  --p-tooltip-bg: #1b1814;
  --p-tooltip-bg: oklch(0.21 0.008 73.74);
  --p-tooltip-fg: #fffcf9;
  --p-tooltip-fg: oklch(0.993 0.0048 73.74);
  --p-type-body-l-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-body-m-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-body-s-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-caption-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-display-l-family: Fraunces, Georgia, serif;
  --p-type-display-m-family: Fraunces, Georgia, serif;
  --p-type-display-s-family: Fraunces, Georgia, serif;
  --p-type-label-l-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-label-m-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-label-s-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-numeric-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-title-l-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-title-m-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-title-s-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
}

[data-world="editorial"][data-product="execemy"] {
  --p-brand-sidebar-accent: #2f52e0;
  --p-brand-sidebar-accent: oklch(0.5084 0.2187 267.04);
  --p-button-focus-border: #2f52e0;
  --p-button-focus-border: oklch(0.5084 0.2187 267.04);
  --p-button-ghost-bg-hover: #1b18130a;
  --p-button-ghost-bg-hover: oklch(0.21 0.0105 84.59 / 0.04);
  --p-button-ghost-bg-pressed: #1b181314;
  --p-button-ghost-bg-pressed: oklch(0.21 0.0105 84.59 / 0.08);
  --p-button-secondary-bg: #fffcf8;
  --p-button-secondary-bg: oklch(0.993 0.0063 84.59);
  --p-button-secondary-bg-hover: #1b18130a;
  --p-button-secondary-bg-hover: oklch(0.21 0.0105 84.59 / 0.04);
  --p-choice-border: #89867f;
  --p-choice-border: oklch(0.62 0.0107 84.59);
  --p-color-accent-action: #2f52e0;
  --p-color-accent-action: oklch(0.5084 0.2187 267.04);
  --p-color-accent-border: #a8c1ff;
  --p-color-accent-border: oklch(0.815 0.0921 267.04);
  --p-color-accent-seed: #2f52e0;
  --p-color-accent-seed: oklch(0.5084 0.2187 267.04);
  --p-color-accent-solid: #2f52e0;
  --p-color-accent-solid: oklch(0.5084 0.2187 267.04);
  --p-color-accent-solid-hover: #2746d0;
  --p-color-accent-solid-hover: oklch(0.4684 0.2143 267.04);
  --p-color-accent-solid-pressed: #2543bf;
  --p-color-accent-solid-pressed: oklch(0.4484 0.1968 267.04);
  --p-color-accent-text: #2543bf;
  --p-color-accent-text: oklch(0.4484 0.1968 267.04);
  --p-color-accent-text-pressed: #2543bf;
  --p-color-accent-text-pressed: oklch(0.4484 0.1968 267.04);
  --p-color-accent-tint: #e7eeff;
  --p-color-accent-tint: oklch(0.95 0.0237 267.04);
  --p-color-agent-border: #a8c1ff;
  --p-color-agent-border: oklch(0.815 0.0921 267.04);
  --p-color-agent-mark: #2f52e0;
  --p-color-agent-mark: oklch(0.5084 0.2187 267.04);
  --p-color-agent-text: #2543bf;
  --p-color-agent-text: oklch(0.4484 0.1968 267.04);
  --p-color-agent-tint: #e7eeff;
  --p-color-agent-tint: oklch(0.95 0.0237 267.04);
  --p-color-bg-canvas: #f1eee9;
  --p-color-bg-canvas: oklch(0.951 0.0082 84.59);
  --p-color-bg-default: #fffcf8;
  --p-color-bg-default: oklch(0.993 0.0063 84.59);
  --p-color-bg-panel: #fffcf8;
  --p-color-bg-panel: oklch(0.993 0.0063 84.59);
  --p-color-border-control: #1b18132e;
  --p-color-border-control: oklch(0.21 0.0105 84.59 / 0.18);
  --p-color-border-control-hover: #1b18133d;
  --p-color-border-control-hover: oklch(0.21 0.0105 84.59 / 0.24);
  --p-color-border-control-strong: #1b18133d;
  --p-color-border-control-strong: oklch(0.21 0.0105 84.59 / 0.24);
  --p-color-border-default: #89867f;
  --p-color-border-default: oklch(0.62 0.0107 84.59);
  --p-color-border-hairline: #1b181314;
  --p-color-border-hairline: oklch(0.21 0.0105 84.59 / 0.08);
  --p-color-border-strong: #77746e;
  --p-color-border-strong: oklch(0.56 0.0105 84.59);
  --p-color-border-subtle: #e6e2dc;
  --p-color-border-subtle: oklch(0.915 0.0095 84.59);
  --p-color-count-bg: #1b1813;
  --p-color-count-bg: oklch(0.21 0.0105 84.59);
  --p-color-count-text: #fffcf8;
  --p-color-count-text: oklch(0.993 0.0063 84.59);
  --p-color-danger-subtle: #fff1ed;
  --p-color-danger-subtle: oklch(0.9672 0.0165 34.41);
  --p-color-field-bg: #fffcf8;
  --p-color-field-bg: oklch(0.993 0.0063 84.59);
  --p-color-field-bg-disabled: #1b181308;
  --p-color-field-bg-disabled: oklch(0.21 0.0105 84.59 / 0.03);
  --p-color-field-border-disabled: #1b18130f;
  --p-color-field-border-disabled: oklch(0.21 0.0105 84.59 / 0.06);
  --p-color-field-border-focus: #2f52e0;
  --p-color-field-border-focus: oklch(0.5084 0.2187 267.04);
  --p-color-field-border-readonly-hover: #1b18131f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.0105 84.59 / 0.12);
  --p-color-focus-ring: #2f52e0;
  --p-color-focus-ring: oklch(0.5084 0.2187 267.04);
  --p-color-focus-ring-button: #2f52e059;
  --p-color-focus-ring-button: oklch(0.5084 0.2187 267.04 / 0.35);
  --p-color-focus-ring-field: #2f52e038;
  --p-color-focus-ring-field: oklch(0.5084 0.2187 267.04 / 0.22);
  --p-color-hover-tint: #1b18130a;
  --p-color-hover-tint: oklch(0.21 0.0105 84.59 / 0.04);
  --p-color-info-subtle: #eef5fc;
  --p-color-info-subtle: oklch(0.9672 0.0125 247.08);
  --p-color-ink-a10: #1b18131a;
  --p-color-ink-a10: oklch(0.21 0.0105 84.59 / 0.1);
  --p-color-ink-a12: #1b18131f;
  --p-color-ink-a12: oklch(0.21 0.0105 84.59 / 0.12);
  --p-color-ink-a14: #1b181324;
  --p-color-ink-a14: oklch(0.21 0.0105 84.59 / 0.14);
  --p-color-ink-a16: #1b181329;
  --p-color-ink-a16: oklch(0.21 0.0105 84.59 / 0.16);
  --p-color-ink-a18: #1b18132e;
  --p-color-ink-a18: oklch(0.21 0.0105 84.59 / 0.18);
  --p-color-ink-a20: #1b181333;
  --p-color-ink-a20: oklch(0.21 0.0105 84.59 / 0.2);
  --p-color-ink-a24: #1b18133d;
  --p-color-ink-a24: oklch(0.21 0.0105 84.59 / 0.24);
  --p-color-ink-a28: #1b181347;
  --p-color-ink-a28: oklch(0.21 0.0105 84.59 / 0.28);
  --p-color-ink-a3: #1b181308;
  --p-color-ink-a3: oklch(0.21 0.0105 84.59 / 0.03);
  --p-color-ink-a32: #1b181352;
  --p-color-ink-a32: oklch(0.21 0.0105 84.59 / 0.32);
  --p-color-ink-a4: #1b18130a;
  --p-color-ink-a4: oklch(0.21 0.0105 84.59 / 0.04);
  --p-color-ink-a40: #1b181366;
  --p-color-ink-a40: oklch(0.21 0.0105 84.59 / 0.4);
  --p-color-ink-a5: #1b18130d;
  --p-color-ink-a5: oklch(0.21 0.0105 84.59 / 0.05);
  --p-color-ink-a6: #1b18130f;
  --p-color-ink-a6: oklch(0.21 0.0105 84.59 / 0.06);
  --p-color-ink-a8: #1b181314;
  --p-color-ink-a8: oklch(0.21 0.0105 84.59 / 0.08);
  --p-color-mark-done: #1b1813;
  --p-color-mark-done: oklch(0.21 0.0105 84.59);
  --p-color-mark-on-done: #fffcf8;
  --p-color-mark-on-done: oklch(0.993 0.0063 84.59);
  --p-color-nav-active: #d6dbe6;
  --p-color-nav-active: oklch(0.8907 0.0164 268.12);
  --p-color-nav-active-icon: #2543bf;
  --p-color-nav-active-icon: oklch(0.4484 0.1968 267.04);
  --p-color-neutral-tint: #e2ded7;
  --p-color-neutral-tint: oklch(0.9018 0.0105 84.59);
  --p-color-selected-outline: #1b1813;
  --p-color-selected-outline: oklch(0.21 0.0105 84.59);
  --p-color-success-subtle: #e7fbe7;
  --p-color-success-subtle: oklch(0.9672 0.0335 146.08);
  --p-color-surface-1: #fffcf8;
  --p-color-surface-1: oklch(0.993 0.0063 84.59);
  --p-color-surface-hover: #f6f4ee;
  --p-color-surface-hover: oklch(0.967 0.0076 84.59);
  --p-color-surface-pressed: #f1eee9;
  --p-color-surface-pressed: oklch(0.951 0.0082 84.59);
  --p-color-surface-selected: #e7eeff;
  --p-color-surface-selected: oklch(0.95 0.0237 267.04);
  --p-color-surface-sunken: #fbf9f4;
  --p-color-surface-sunken: oklch(0.982 0.0069 84.59);
  --p-color-text-disabled: #89867f;
  --p-color-text-disabled: oklch(0.62 0.0107 84.59);
  --p-color-text-inverse: #fffcf8;
  --p-color-text-inverse: oklch(0.993 0.0063 84.59);
  --p-color-text-link: #2543bf;
  --p-color-text-link: oklch(0.4484 0.1968 267.04);
  --p-color-text-primary: #1b1813;
  --p-color-text-primary: oklch(0.21 0.0105 84.59);
  --p-color-text-secondary: #504d47;
  --p-color-text-secondary: oklch(0.42 0.0105 84.59);
  --p-color-text-tertiary: #66635d;
  --p-color-text-tertiary: oklch(0.5 0.0105 84.59);
  --p-color-warning-subtle: #fff2e1;
  --p-color-warning-subtle: oklch(0.9672 0.0269 75.89);
  --p-elevation-0-surface: #fffcf8;
  --p-elevation-0-surface: oklch(0.993 0.0063 84.59);
  --p-elevation-1-surface: #fffcf8;
  --p-elevation-1-surface: oklch(0.993 0.0063 84.59);
  --p-font-family-display: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-font-family-sans: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-nav-preset: "sidebar";
  --p-overlay-bg: #fffcf8;
  --p-overlay-bg: oklch(0.993 0.0063 84.59);
  --p-overlay-highlight: #1b18130f;
  --p-overlay-highlight: oklch(0.21 0.0105 84.59 / 0.06);
  --p-overlay-ring: #1b181314;
  --p-overlay-ring: oklch(0.21 0.0105 84.59 / 0.08);
  --p-overlay-separator: #1b181314;
  --p-overlay-separator: oklch(0.21 0.0105 84.59 / 0.08);
  --p-radius-card: 12px;
  --p-radius-control: 4px;
  --p-radius-factor: 0.8;
  --p-radius-inner-card: 12px;
  --p-radius-inner-control: 8px;
  --p-radius-pop: 8px;
  --p-radius-sheet: 20px;
  --p-ramp-accent-1: #fbfcff;
  --p-ramp-accent-1: oklch(0.992 0.0038 267.04);
  --p-ramp-accent-10: #2746d0;
  --p-ramp-accent-10: oklch(0.4684 0.2143 267.04);
  --p-ramp-accent-11: #2543bf;
  --p-ramp-accent-11: oklch(0.4484 0.1968 267.04);
  --p-ramp-accent-12: #1c2b54;
  --p-ramp-accent-12: oklch(0.3 0.0765 267.04);
  --p-ramp-accent-2: #f5f8ff;
  --p-ramp-accent-2: oklch(0.978 0.0103 267.04);
  --p-ramp-accent-3: #e7eeff;
  --p-ramp-accent-3: oklch(0.95 0.0237 267.04);
  --p-ramp-accent-4: #dbe6ff;
  --p-ramp-accent-4: oklch(0.925 0.0358 267.04);
  --p-ramp-accent-5: #cddcff;
  --p-ramp-accent-5: oklch(0.895 0.0507 267.04);
  --p-ramp-accent-6: #bdd0ff;
  --p-ramp-accent-6: oklch(0.86 0.0685 267.04);
  --p-ramp-accent-7: #a8c1ff;
  --p-ramp-accent-7: oklch(0.815 0.0921 267.04);
  --p-ramp-accent-8: #6a92ff;
  --p-ramp-accent-8: oklch(0.6817 0.167 267.04);
  --p-ramp-accent-9: #2f52e0;
  --p-ramp-accent-9: oklch(0.5084 0.2187 267.04);
  --p-ramp-neutral-1: #fffcf8;
  --p-ramp-neutral-1: oklch(0.993 0.0063 84.59);
  --p-ramp-neutral-10: #66635d;
  --p-ramp-neutral-10: oklch(0.5 0.0105 84.59);
  --p-ramp-neutral-11: #504d47;
  --p-ramp-neutral-11: oklch(0.42 0.0105 84.59);
  --p-ramp-neutral-12: #1b1813;
  --p-ramp-neutral-12: oklch(0.21 0.0105 84.59);
  --p-ramp-neutral-2: #fbf9f4;
  --p-ramp-neutral-2: oklch(0.982 0.0069 84.59);
  --p-ramp-neutral-3: #f6f4ee;
  --p-ramp-neutral-3: oklch(0.967 0.0076 84.59);
  --p-ramp-neutral-4: #f1eee9;
  --p-ramp-neutral-4: oklch(0.951 0.0082 84.59);
  --p-ramp-neutral-5: #ece9e3;
  --p-ramp-neutral-5: oklch(0.935 0.0088 84.59);
  --p-ramp-neutral-6: #e6e2dc;
  --p-ramp-neutral-6: oklch(0.915 0.0095 84.59);
  --p-ramp-neutral-7: #d9d5cf;
  --p-ramp-neutral-7: oklch(0.875 0.0101 84.59);
  --p-ramp-neutral-8: #89867f;
  --p-ramp-neutral-8: oklch(0.62 0.0107 84.59);
  --p-ramp-neutral-9: #77746e;
  --p-ramp-neutral-9: oklch(0.56 0.0105 84.59);
  --p-segmented-active-bg: #fffcf8;
  --p-segmented-active-bg: oklch(0.993 0.0063 84.59);
  --p-segmented-track: #1b18130a;
  --p-segmented-track: oklch(0.21 0.0105 84.59 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.21 0.0105 84.59 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.21 0.0105 84.59 / 0.05);
  --p-shadow-control: 0px 1px 2px 0px oklch(0.21 0.0105 84.59 / 0.05);
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.0105 84.59 / 0.08), 0px 24px 48px -12px oklch(0.21 0.0105 84.59 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.0105 84.59 / 0.03), 0px 4px 8px -4px oklch(0.21 0.0105 84.59 / 0.05), 0px 16px 24px -8px oklch(0.21 0.0105 84.59 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.0105 84.59 / 0.08);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.21 0.0105 84.59 / 0.08), 0px 0px 0px 1px oklch(0.21 0.0105 84.59 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.0105 84.59 / 0.12), 0px 1px 2px 0px oklch(0.21 0.0105 84.59 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.0105 84.59 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.0105 84.59 / 0.08);
  --p-shadow-xs: 0px 1px 2px 0px oklch(0.21 0.0105 84.59 / 0.05);
  --p-slider-track: #1b18131a;
  --p-slider-track: oklch(0.21 0.0105 84.59 / 0.1);
  --p-switch-border-off: #89867f;
  --p-switch-border-off: oklch(0.62 0.0107 84.59);
  --p-switch-track-off: #1b181329;
  --p-switch-track-off: oklch(0.21 0.0105 84.59 / 0.16);
  --p-tooltip-bg: #1b1813;
  --p-tooltip-bg: oklch(0.21 0.0105 84.59);
  --p-tooltip-fg: #fffcf8;
  --p-tooltip-fg: oklch(0.993 0.0063 84.59);
  --p-type-body-l-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-body-m-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-body-s-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-caption-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-display-l-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-display-m-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-display-s-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-label-l-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-label-m-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-label-s-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-numeric-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-title-l-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-title-m-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-title-s-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

[data-world="editorial"][data-product="claradb"] {
  --p-brand-sidebar-accent: #1b4b8f;
  --p-brand-sidebar-accent: oklch(0.4199 0.1239 257.91);
  --p-button-focus-border: #1b4b8f;
  --p-button-focus-border: oklch(0.4199 0.1239 257.91);
  --p-color-accent-action: #1b4b8f;
  --p-color-accent-action: oklch(0.4199 0.1239 257.91);
  --p-color-accent-border: #9dc5ff;
  --p-color-accent-border: oklch(0.815 0.0934 257.91);
  --p-color-accent-seed: #1b4b8f;
  --p-color-accent-seed: oklch(0.4199 0.1239 257.91);
  --p-color-accent-solid: #1b4b8f;
  --p-color-accent-solid: oklch(0.4199 0.1239 257.91);
  --p-color-accent-solid-hover: #104081;
  --p-color-accent-solid-hover: oklch(0.3799 0.1214 257.91);
  --p-color-accent-solid-pressed: #113b76;
  --p-color-accent-solid-pressed: oklch(0.3599 0.1115 257.91);
  --p-color-accent-text: #113b76;
  --p-color-accent-text: oklch(0.3599 0.1115 257.91);
  --p-color-accent-text-pressed: #113b76;
  --p-color-accent-text-pressed: oklch(0.3599 0.1115 257.91);
  --p-color-accent-tint: #e5efff;
  --p-color-accent-tint: oklch(0.95 0.024 257.91);
  --p-color-agent-border: #9dc5ff;
  --p-color-agent-border: oklch(0.815 0.0934 257.91);
  --p-color-agent-mark: #1b4b8f;
  --p-color-agent-mark: oklch(0.4199 0.1239 257.91);
  --p-color-agent-text: #113b76;
  --p-color-agent-text: oklch(0.3599 0.1115 257.91);
  --p-color-agent-tint: #e5efff;
  --p-color-agent-tint: oklch(0.95 0.024 257.91);
  --p-color-field-border-focus: #1b4b8f;
  --p-color-field-border-focus: oklch(0.4199 0.1239 257.91);
  --p-color-focus-ring: #1b4b8f;
  --p-color-focus-ring: oklch(0.4199 0.1239 257.91);
  --p-color-focus-ring-button: #1b4b8f59;
  --p-color-focus-ring-button: oklch(0.4199 0.1239 257.91 / 0.35);
  --p-color-focus-ring-field: #1b4b8f38;
  --p-color-focus-ring-field: oklch(0.4199 0.1239 257.91 / 0.22);
  --p-color-nav-active: #cdd9e7;
  --p-color-nav-active: oklch(0.8801 0.0228 252.52);
  --p-color-nav-active-icon: #113b76;
  --p-color-nav-active-icon: oklch(0.3599 0.1115 257.91);
  --p-color-surface-selected: #e5efff;
  --p-color-surface-selected: oklch(0.95 0.024 257.91);
  --p-color-text-link: #113b76;
  --p-color-text-link: oklch(0.3599 0.1115 257.91);
  --p-font-family-display: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-font-family-sans: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-radius-card: 8px;
  --p-radius-control: 4px;
  --p-radius-factor: 0.6;
  --p-radius-inner-card: 8px;
  --p-radius-inner-control: 4px;
  --p-radius-pop: 8px;
  --p-radius-sheet: 16px;
  --p-ramp-accent-1: #fbfdff;
  --p-ramp-accent-1: oklch(0.992 0.0038 257.91);
  --p-ramp-accent-10: #104081;
  --p-ramp-accent-10: oklch(0.3799 0.1214 257.91);
  --p-ramp-accent-11: #113b76;
  --p-ramp-accent-11: oklch(0.3599 0.1115 257.91);
  --p-ramp-accent-12: #202e44;
  --p-ramp-accent-12: oklch(0.3 0.0434 257.91);
  --p-ramp-accent-2: #f3f8ff;
  --p-ramp-accent-2: oklch(0.978 0.0105 257.91);
  --p-ramp-accent-3: #e5efff;
  --p-ramp-accent-3: oklch(0.95 0.024 257.91);
  --p-ramp-accent-4: #d8e8ff;
  --p-ramp-accent-4: oklch(0.925 0.0363 257.91);
  --p-ramp-accent-5: #c8deff;
  --p-ramp-accent-5: oklch(0.895 0.0514 257.91);
  --p-ramp-accent-6: #b5d3ff;
  --p-ramp-accent-6: oklch(0.86 0.0695 257.91);
  --p-ramp-accent-7: #9dc5ff;
  --p-ramp-accent-7: oklch(0.815 0.0934 257.91);
  --p-ramp-accent-8: #608cce;
  --p-ramp-accent-8: oklch(0.6375 0.1115 257.91);
  --p-ramp-accent-9: #1b4b8f;
  --p-ramp-accent-9: oklch(0.4199 0.1239 257.91);
  --p-type-body-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-body-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-body-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-caption-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-display-l-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-display-m-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-display-s-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-label-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-label-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-label-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-numeric-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-title-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-title-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-title-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
}

[data-world="signal"][data-product="accountmade"] {
  --p-brand-sidebar-accent: #2e64e0;
  --p-brand-sidebar-accent: oklch(0.5418 0.198 263.45);
  --p-button-focus-border: #2e64e0;
  --p-button-focus-border: oklch(0.5418 0.198 263.45);
  --p-color-accent-action: #2e64e0;
  --p-color-accent-action: oklch(0.5418 0.198 263.45);
  --p-color-accent-border: #a4c3ff;
  --p-color-accent-border: oklch(0.815 0.0923 263.45);
  --p-color-accent-seed: #2e64e0;
  --p-color-accent-seed: oklch(0.5418 0.198 263.45);
  --p-color-accent-solid: #2e64e0;
  --p-color-accent-solid: oklch(0.5418 0.198 263.45);
  --p-color-accent-solid-hover: #2458d0;
  --p-color-accent-solid-hover: oklch(0.5018 0.194 263.45);
  --p-color-accent-solid-pressed: #2554c1;
  --p-color-accent-solid-pressed: oklch(0.4818 0.1782 263.45);
  --p-color-accent-text: #2554c1;
  --p-color-accent-text: oklch(0.4818 0.1782 263.45);
  --p-color-accent-text-pressed: #2554c1;
  --p-color-accent-text-pressed: oklch(0.4818 0.1782 263.45);
  --p-color-accent-tint: #e6efff;
  --p-color-accent-tint: oklch(0.95 0.0237 263.45);
  --p-color-agent-border: #a4c3ff;
  --p-color-agent-border: oklch(0.815 0.0923 263.45);
  --p-color-agent-mark: #2e64e0;
  --p-color-agent-mark: oklch(0.5418 0.198 263.45);
  --p-color-agent-text: #2554c1;
  --p-color-agent-text: oklch(0.4818 0.1782 263.45);
  --p-color-agent-tint: #e6efff;
  --p-color-agent-tint: oklch(0.95 0.0237 263.45);
  --p-color-field-border-focus: #2e64e0;
  --p-color-field-border-focus: oklch(0.5418 0.198 263.45);
  --p-color-focus-ring: #2e64e0;
  --p-color-focus-ring: oklch(0.5418 0.198 263.45);
  --p-color-focus-ring-button: #2e64e059;
  --p-color-focus-ring-button: oklch(0.5418 0.198 263.45 / 0.35);
  --p-color-focus-ring-field: #2e64e038;
  --p-color-focus-ring-field: oklch(0.5418 0.198 263.45 / 0.22);
  --p-color-nav-active: #dae1f0;
  --p-color-nav-active: oklch(0.9088 0.0214 263.45);
  --p-color-nav-active-icon: #2554c1;
  --p-color-nav-active-icon: oklch(0.4818 0.1782 263.45);
  --p-color-surface-selected: #e6efff;
  --p-color-surface-selected: oklch(0.95 0.0237 263.45);
  --p-color-text-link: #2554c1;
  --p-color-text-link: oklch(0.4818 0.1782 263.45);
  --p-ramp-accent-1: #fbfcff;
  --p-ramp-accent-1: oklch(0.992 0.0038 263.45);
  --p-ramp-accent-10: #2458d0;
  --p-ramp-accent-10: oklch(0.5018 0.194 263.45);
  --p-ramp-accent-11: #2554c1;
  --p-ramp-accent-11: oklch(0.4818 0.1782 263.45);
  --p-ramp-accent-12: #1b2c50;
  --p-ramp-accent-12: oklch(0.3 0.0693 263.45);
  --p-ramp-accent-2: #f4f8ff;
  --p-ramp-accent-2: oklch(0.978 0.0104 263.45);
  --p-ramp-accent-3: #e6efff;
  --p-ramp-accent-3: oklch(0.95 0.0237 263.45);
  --p-ramp-accent-4: #dae7ff;
  --p-ramp-accent-4: oklch(0.925 0.0359 263.45);
  --p-ramp-accent-5: #cbddff;
  --p-ramp-accent-5: oklch(0.895 0.0508 263.45);
  --p-ramp-accent-6: #bad1ff;
  --p-ramp-accent-6: oklch(0.86 0.0687 263.45);
  --p-ramp-accent-7: #a4c3ff;
  --p-ramp-accent-7: oklch(0.815 0.0923 263.45);
  --p-ramp-accent-8: #6a9aff;
  --p-ramp-accent-8: oklch(0.6984 0.1575 263.45);
  --p-ramp-accent-9: #2e64e0;
  --p-ramp-accent-9: oklch(0.5418 0.198 263.45);
}

[data-world="editorial"][data-product="reshot"] {
  --p-brand-sidebar-accent: #2e64e0;
  --p-brand-sidebar-accent: oklch(0.5418 0.198 263.45);
  --p-button-focus-border: #2e64e0;
  --p-button-focus-border: oklch(0.5418 0.198 263.45);
  --p-color-accent-action: #2e64e0;
  --p-color-accent-action: oklch(0.5418 0.198 263.45);
  --p-color-accent-border: #a4c3ff;
  --p-color-accent-border: oklch(0.815 0.0923 263.45);
  --p-color-accent-seed: #2e64e0;
  --p-color-accent-seed: oklch(0.5418 0.198 263.45);
  --p-color-accent-solid: #2e64e0;
  --p-color-accent-solid: oklch(0.5418 0.198 263.45);
  --p-color-accent-solid-hover: #2458d0;
  --p-color-accent-solid-hover: oklch(0.5018 0.194 263.45);
  --p-color-accent-solid-pressed: #2554c1;
  --p-color-accent-solid-pressed: oklch(0.4818 0.1782 263.45);
  --p-color-accent-text: #2554c1;
  --p-color-accent-text: oklch(0.4818 0.1782 263.45);
  --p-color-accent-text-pressed: #2554c1;
  --p-color-accent-text-pressed: oklch(0.4818 0.1782 263.45);
  --p-color-accent-tint: #e6efff;
  --p-color-accent-tint: oklch(0.95 0.0237 263.45);
  --p-color-agent-border: #a4c3ff;
  --p-color-agent-border: oklch(0.815 0.0923 263.45);
  --p-color-agent-mark: #2e64e0;
  --p-color-agent-mark: oklch(0.5418 0.198 263.45);
  --p-color-agent-text: #2554c1;
  --p-color-agent-text: oklch(0.4818 0.1782 263.45);
  --p-color-agent-tint: #e6efff;
  --p-color-agent-tint: oklch(0.95 0.0237 263.45);
  --p-color-field-border-focus: #2e64e0;
  --p-color-field-border-focus: oklch(0.5418 0.198 263.45);
  --p-color-focus-ring: #2e64e0;
  --p-color-focus-ring: oklch(0.5418 0.198 263.45);
  --p-color-focus-ring-button: #2e64e059;
  --p-color-focus-ring-button: oklch(0.5418 0.198 263.45 / 0.35);
  --p-color-focus-ring-field: #2e64e038;
  --p-color-focus-ring-field: oklch(0.5418 0.198 263.45 / 0.22);
  --p-color-nav-active: #d0ddf1;
  --p-color-nav-active: oklch(0.8947 0.0306 257.76);
  --p-color-nav-active-icon: #2554c1;
  --p-color-nav-active-icon: oklch(0.4818 0.1782 263.45);
  --p-color-surface-selected: #e6efff;
  --p-color-surface-selected: oklch(0.95 0.0237 263.45);
  --p-color-text-link: #2554c1;
  --p-color-text-link: oklch(0.4818 0.1782 263.45);
  --p-ramp-accent-1: #fbfcff;
  --p-ramp-accent-1: oklch(0.992 0.0038 263.45);
  --p-ramp-accent-10: #2458d0;
  --p-ramp-accent-10: oklch(0.5018 0.194 263.45);
  --p-ramp-accent-11: #2554c1;
  --p-ramp-accent-11: oklch(0.4818 0.1782 263.45);
  --p-ramp-accent-12: #1b2c50;
  --p-ramp-accent-12: oklch(0.3 0.0693 263.45);
  --p-ramp-accent-2: #f4f8ff;
  --p-ramp-accent-2: oklch(0.978 0.0104 263.45);
  --p-ramp-accent-3: #e6efff;
  --p-ramp-accent-3: oklch(0.95 0.0237 263.45);
  --p-ramp-accent-4: #dae7ff;
  --p-ramp-accent-4: oklch(0.925 0.0359 263.45);
  --p-ramp-accent-5: #cbddff;
  --p-ramp-accent-5: oklch(0.895 0.0508 263.45);
  --p-ramp-accent-6: #bad1ff;
  --p-ramp-accent-6: oklch(0.86 0.0687 263.45);
  --p-ramp-accent-7: #a4c3ff;
  --p-ramp-accent-7: oklch(0.815 0.0923 263.45);
  --p-ramp-accent-8: #6a9aff;
  --p-ramp-accent-8: oklch(0.6984 0.1575 263.45);
  --p-ramp-accent-9: #2e64e0;
  --p-ramp-accent-9: oklch(0.5418 0.198 263.45);
}

[data-world="signal"][data-product="naalto"] {
  --p-brand-sidebar-accent: #172f4d;
  --p-brand-sidebar-accent: oklch(0.3021 0.0624 254.96);
  --p-button-focus-border: #172f4d;
  --p-button-focus-border: oklch(0.3021 0.0624 254.96);
  --p-button-ghost-bg-hover: #15191d0a;
  --p-button-ghost-bg-hover: oklch(0.21 0.0098 252.82 / 0.04);
  --p-button-ghost-bg-pressed: #15191d14;
  --p-button-ghost-bg-pressed: oklch(0.21 0.0098 252.82 / 0.08);
  --p-button-secondary-bg: #fbfdff;
  --p-button-secondary-bg: oklch(0.993 0.0034 252.82);
  --p-button-secondary-bg-hover: #15191d0a;
  --p-button-secondary-bg-hover: oklch(0.21 0.0098 252.82 / 0.04);
  --p-choice-border: #82878c;
  --p-choice-border: oklch(0.62 0.01 252.82);
  --p-color-accent-action: #172f4d;
  --p-color-accent-action: oklch(0.3021 0.0624 254.96);
  --p-color-accent-border: #acc5e5;
  --p-color-accent-border: oklch(0.815 0.0524 254.96);
  --p-color-accent-seed: #172f4d;
  --p-color-accent-seed: oklch(0.3021 0.0624 254.96);
  --p-color-accent-solid: #172f4d;
  --p-color-accent-solid: oklch(0.3021 0.0624 254.96);
  --p-color-accent-solid-hover: #0e2541;
  --p-color-accent-solid-hover: oklch(0.2621 0.0612 254.96);
  --p-color-accent-solid-pressed: #0b203a;
  --p-color-accent-solid-pressed: oklch(0.2421 0.0562 254.96);
  --p-color-accent-text: #0b203a;
  --p-color-accent-text: oklch(0.2421 0.0562 254.96);
  --p-color-accent-text-pressed: #0b203a;
  --p-color-accent-text-pressed: oklch(0.2421 0.0562 254.96);
  --p-color-accent-tint: #e5f0fe;
  --p-color-accent-tint: oklch(0.95 0.0225 254.96);
  --p-color-agent-border: #acc5e5;
  --p-color-agent-border: oklch(0.815 0.0524 254.96);
  --p-color-agent-mark: #172f4d;
  --p-color-agent-mark: oklch(0.3021 0.0624 254.96);
  --p-color-agent-text: #0b203a;
  --p-color-agent-text: oklch(0.2421 0.0562 254.96);
  --p-color-agent-tint: #e5f0fe;
  --p-color-agent-tint: oklch(0.95 0.0225 254.96);
  --p-color-bg-canvas: #f1f4f9;
  --p-color-bg-canvas: oklch(0.967 0.0071 252.82);
  --p-color-bg-default: #fbfdff;
  --p-color-bg-default: oklch(0.993 0.0034 252.82);
  --p-color-bg-panel: #fbfdff;
  --p-color-bg-panel: oklch(0.993 0.0034 252.82);
  --p-color-border-control: #15191d2e;
  --p-color-border-control: oklch(0.21 0.0098 252.82 / 0.18);
  --p-color-border-control-hover: #15191d3d;
  --p-color-border-control-hover: oklch(0.21 0.0098 252.82 / 0.24);
  --p-color-border-control-strong: #15191d3d;
  --p-color-border-control-strong: oklch(0.21 0.0098 252.82 / 0.24);
  --p-color-border-default: #82878c;
  --p-color-border-default: oklch(0.62 0.01 252.82);
  --p-color-border-hairline: #15191d14;
  --p-color-border-hairline: oklch(0.21 0.0098 252.82 / 0.08);
  --p-color-border-strong: #70757a;
  --p-color-border-strong: oklch(0.56 0.0098 252.82);
  --p-color-border-subtle: #ebeff4;
  --p-color-border-subtle: oklch(0.951 0.0076 252.82);
  --p-color-count-bg: #15191d;
  --p-color-count-bg: oklch(0.21 0.0098 252.82);
  --p-color-count-text: #fbfdff;
  --p-color-count-text: oklch(0.993 0.0034 252.82);
  --p-color-danger-subtle: #fef1f0;
  --p-color-danger-subtle: oklch(0.9672 0.0141 23.03);
  --p-color-field-bg: #fbfdff;
  --p-color-field-bg: oklch(0.993 0.0034 252.82);
  --p-color-field-bg-disabled: #15191d08;
  --p-color-field-bg-disabled: oklch(0.21 0.0098 252.82 / 0.03);
  --p-color-field-border-disabled: #15191d0f;
  --p-color-field-border-disabled: oklch(0.21 0.0098 252.82 / 0.06);
  --p-color-field-border-focus: #172f4d;
  --p-color-field-border-focus: oklch(0.3021 0.0624 254.96);
  --p-color-field-border-readonly-hover: #15191d1f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.0098 252.82 / 0.12);
  --p-color-focus-ring: #172f4d;
  --p-color-focus-ring: oklch(0.3021 0.0624 254.96);
  --p-color-focus-ring-button: #172f4d59;
  --p-color-focus-ring-button: oklch(0.3021 0.0624 254.96 / 0.35);
  --p-color-focus-ring-field: #172f4d38;
  --p-color-focus-ring-field: oklch(0.3021 0.0624 254.96 / 0.22);
  --p-color-hover-tint: #15191d0a;
  --p-color-hover-tint: oklch(0.21 0.0098 252.82 / 0.04);
  --p-color-info-subtle: #ecf5ff;
  --p-color-info-subtle: oklch(0.9672 0.0162 250.24);
  --p-color-ink-a10: #15191d1a;
  --p-color-ink-a10: oklch(0.21 0.0098 252.82 / 0.1);
  --p-color-ink-a12: #15191d1f;
  --p-color-ink-a12: oklch(0.21 0.0098 252.82 / 0.12);
  --p-color-ink-a14: #15191d24;
  --p-color-ink-a14: oklch(0.21 0.0098 252.82 / 0.14);
  --p-color-ink-a16: #15191d29;
  --p-color-ink-a16: oklch(0.21 0.0098 252.82 / 0.16);
  --p-color-ink-a18: #15191d2e;
  --p-color-ink-a18: oklch(0.21 0.0098 252.82 / 0.18);
  --p-color-ink-a20: #15191d33;
  --p-color-ink-a20: oklch(0.21 0.0098 252.82 / 0.2);
  --p-color-ink-a24: #15191d3d;
  --p-color-ink-a24: oklch(0.21 0.0098 252.82 / 0.24);
  --p-color-ink-a28: #15191d47;
  --p-color-ink-a28: oklch(0.21 0.0098 252.82 / 0.28);
  --p-color-ink-a3: #15191d08;
  --p-color-ink-a3: oklch(0.21 0.0098 252.82 / 0.03);
  --p-color-ink-a32: #15191d52;
  --p-color-ink-a32: oklch(0.21 0.0098 252.82 / 0.32);
  --p-color-ink-a4: #15191d0a;
  --p-color-ink-a4: oklch(0.21 0.0098 252.82 / 0.04);
  --p-color-ink-a40: #15191d66;
  --p-color-ink-a40: oklch(0.21 0.0098 252.82 / 0.4);
  --p-color-ink-a5: #15191d0d;
  --p-color-ink-a5: oklch(0.21 0.0098 252.82 / 0.05);
  --p-color-ink-a6: #15191d0f;
  --p-color-ink-a6: oklch(0.21 0.0098 252.82 / 0.06);
  --p-color-ink-a8: #15191d14;
  --p-color-ink-a8: oklch(0.21 0.0098 252.82 / 0.08);
  --p-color-mark-done: #15191d;
  --p-color-mark-done: oklch(0.21 0.0098 252.82);
  --p-color-mark-on-done: #fbfdff;
  --p-color-mark-on-done: oklch(0.993 0.0034 252.82);
  --p-color-nav-active: #d2d8e0;
  --p-color-nav-active: oklch(0.88 0.013 253.93);
  --p-color-nav-active-icon: #0b203a;
  --p-color-nav-active-icon: oklch(0.2421 0.0562 254.96);
  --p-color-neutral-tint: #6e7277;
  --p-color-neutral-tint: oklch(0.55 0.0098 252.82);
  --p-color-selected-outline: #15191d;
  --p-color-selected-outline: oklch(0.21 0.0098 252.82);
  --p-color-success-subtle: #e5fbea;
  --p-color-success-subtle: oklch(0.9672 0.0321 152.37);
  --p-color-surface-1: #fbfdff;
  --p-color-surface-1: oklch(0.993 0.0034 252.82);
  --p-color-surface-hover: #f1f4f9;
  --p-color-surface-hover: oklch(0.967 0.0071 252.82);
  --p-color-surface-pressed: #ebeff4;
  --p-color-surface-pressed: oklch(0.951 0.0076 252.82);
  --p-color-surface-selected: #e5f0fe;
  --p-color-surface-selected: oklch(0.95 0.0225 254.96);
  --p-color-surface-sunken: #f6f9fd;
  --p-color-surface-sunken: oklch(0.982 0.0065 252.82);
  --p-color-text-disabled: #82878c;
  --p-color-text-disabled: oklch(0.62 0.01 252.82);
  --p-color-text-inverse: #fbfdff;
  --p-color-text-inverse: oklch(0.993 0.0034 252.82);
  --p-color-text-link: #0b203a;
  --p-color-text-link: oklch(0.2421 0.0562 254.96);
  --p-color-text-primary: #15191d;
  --p-color-text-primary: oklch(0.21 0.0098 252.82);
  --p-color-text-secondary: #494d52;
  --p-color-text-secondary: oklch(0.42 0.0098 252.82);
  --p-color-text-tertiary: #5f6469;
  --p-color-text-tertiary: oklch(0.5 0.0098 252.82);
  --p-color-warning-subtle: #fef2e4;
  --p-color-warning-subtle: oklch(0.9672 0.0231 75.13);
  --p-elevation-0-surface: #fbfdff;
  --p-elevation-0-surface: oklch(0.993 0.0034 252.82);
  --p-elevation-1-surface: #fbfdff;
  --p-elevation-1-surface: oklch(0.993 0.0034 252.82);
  --p-font-family-display: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-font-family-sans: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-overlay-bg: #fbfdff;
  --p-overlay-bg: oklch(0.993 0.0034 252.82);
  --p-overlay-highlight: #15191d0f;
  --p-overlay-highlight: oklch(0.21 0.0098 252.82 / 0.06);
  --p-overlay-ring: #15191d14;
  --p-overlay-ring: oklch(0.21 0.0098 252.82 / 0.08);
  --p-overlay-separator: #15191d14;
  --p-overlay-separator: oklch(0.21 0.0098 252.82 / 0.08);
  --p-radius-card: 12px;
  --p-radius-control: 4px;
  --p-radius-factor: 0.75;
  --p-radius-inner-card: 8px;
  --p-radius-inner-control: 8px;
  --p-radius-pop: 8px;
  --p-radius-sheet: 16px;
  --p-ramp-accent-1: #fbfdff;
  --p-ramp-accent-1: oklch(0.992 0.0039 254.96);
  --p-ramp-accent-10: #0e2541;
  --p-ramp-accent-10: oklch(0.2621 0.0612 254.96);
  --p-ramp-accent-11: #0b203a;
  --p-ramp-accent-11: oklch(0.2421 0.0562 254.96);
  --p-ramp-accent-12: #262d38;
  --p-ramp-accent-12: oklch(0.296 0.0218 254.96);
  --p-ramp-accent-2: #f3f8ff;
  --p-ramp-accent-2: oklch(0.978 0.0106 254.96);
  --p-ramp-accent-3: #e5f0fe;
  --p-ramp-accent-3: oklch(0.95 0.0225 254.96);
  --p-ramp-accent-4: #d9e8fb;
  --p-ramp-accent-4: oklch(0.925 0.03 254.96);
  --p-ramp-accent-5: #ccdef5;
  --p-ramp-accent-5: oklch(0.895 0.0374 254.96);
  --p-ramp-accent-6: #bed3ef;
  --p-ramp-accent-6: oklch(0.86 0.0449 254.96);
  --p-ramp-accent-7: #acc5e5;
  --p-ramp-accent-7: oklch(0.815 0.0524 254.96);
  --p-ramp-accent-8: #647c9b;
  --p-ramp-accent-8: oklch(0.5786 0.0562 254.96);
  --p-ramp-accent-9: #172f4d;
  --p-ramp-accent-9: oklch(0.3021 0.0624 254.96);
  --p-ramp-neutral-1: #fbfdff;
  --p-ramp-neutral-1: oklch(0.993 0.0034 252.82);
  --p-ramp-neutral-10: #5f6469;
  --p-ramp-neutral-10: oklch(0.5 0.0098 252.82);
  --p-ramp-neutral-11: #494d52;
  --p-ramp-neutral-11: oklch(0.42 0.0098 252.82);
  --p-ramp-neutral-12: #15191d;
  --p-ramp-neutral-12: oklch(0.21 0.0098 252.82);
  --p-ramp-neutral-2: #f6f9fd;
  --p-ramp-neutral-2: oklch(0.982 0.0065 252.82);
  --p-ramp-neutral-3: #f1f4f9;
  --p-ramp-neutral-3: oklch(0.967 0.0071 252.82);
  --p-ramp-neutral-4: #ebeff4;
  --p-ramp-neutral-4: oklch(0.951 0.0076 252.82);
  --p-ramp-neutral-5: #e6eaef;
  --p-ramp-neutral-5: oklch(0.935 0.0082 252.82);
  --p-ramp-neutral-6: #dfe3e9;
  --p-ramp-neutral-6: oklch(0.915 0.0088 252.82);
  --p-ramp-neutral-7: #d2d6dc;
  --p-ramp-neutral-7: oklch(0.875 0.0094 252.82);
  --p-ramp-neutral-8: #82878c;
  --p-ramp-neutral-8: oklch(0.62 0.01 252.82);
  --p-ramp-neutral-9: #70757a;
  --p-ramp-neutral-9: oklch(0.56 0.0098 252.82);
  --p-segmented-active-bg: #fbfdff;
  --p-segmented-active-bg: oklch(0.993 0.0034 252.82);
  --p-segmented-track: #15191d0a;
  --p-segmented-track: oklch(0.21 0.0098 252.82 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.21 0.0098 252.82 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.21 0.0098 252.82 / 0.05);
  --p-shadow-control: 0px 1px 2px 0px oklch(0.21 0.0098 252.82 / 0.05);
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.0098 252.82 / 0.08), 0px 24px 48px -12px oklch(0.21 0.0098 252.82 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.0098 252.82 / 0.03), 0px 4px 8px -4px oklch(0.21 0.0098 252.82 / 0.05), 0px 16px 24px -8px oklch(0.21 0.0098 252.82 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.0098 252.82 / 0.08);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.21 0.0098 252.82 / 0.08), 0px 0px 0px 1px oklch(0.21 0.0098 252.82 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.0098 252.82 / 0.12), 0px 1px 2px 0px oklch(0.21 0.0098 252.82 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.0098 252.82 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.0098 252.82 / 0.08);
  --p-shadow-xs: 0px 1px 2px 0px oklch(0.21 0.0098 252.82 / 0.05);
  --p-slider-track: #15191d1a;
  --p-slider-track: oklch(0.21 0.0098 252.82 / 0.1);
  --p-switch-border-off: #82878c;
  --p-switch-border-off: oklch(0.62 0.01 252.82);
  --p-switch-track-off: #15191d29;
  --p-switch-track-off: oklch(0.21 0.0098 252.82 / 0.16);
  --p-tooltip-bg: #15191d;
  --p-tooltip-bg: oklch(0.21 0.0098 252.82);
  --p-tooltip-fg: #fbfdff;
  --p-tooltip-fg: oklch(0.993 0.0034 252.82);
  --p-type-body-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-body-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-body-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-caption-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-label-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-label-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-label-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-numeric-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-title-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-title-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-title-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-world="editorial"][data-product="claradb-pro"] {
  --p-brand-sidebar-accent: #6b2fd9;
  --p-brand-sidebar-accent: oklch(0.495 0.235 291);
  --p-button-focus-border: #6b2fd9;
  --p-button-focus-border: oklch(0.495 0.235 291);
  --p-color-accent-action: #6b2fd9;
  --p-color-accent-action: oklch(0.495 0.235 291);
  --p-color-accent-border: #c2b7ff;
  --p-color-accent-border: oklch(0.815 0.1005 291);
  --p-color-accent-seed: #6b2fd9;
  --p-color-accent-seed: oklch(0.495 0.235 291);
  --p-color-accent-solid: #6b2fd9;
  --p-color-accent-solid: oklch(0.495 0.235 291);
  --p-color-accent-solid-hover: #6020c9;
  --p-color-accent-solid-hover: oklch(0.455 0.2303 291);
  --p-color-accent-solid-pressed: #5924b9;
  --p-color-accent-solid-pressed: oklch(0.435 0.2115 291);
  --p-color-accent-text: #5924b9;
  --p-color-accent-text: oklch(0.435 0.2115 291);
  --p-color-accent-text-pressed: #5924b9;
  --p-color-accent-text-pressed: oklch(0.435 0.2115 291);
  --p-color-accent-tint: #eeecff;
  --p-color-accent-tint: oklch(0.95 0.0257 291);
  --p-color-agent-border: #c2b7ff;
  --p-color-agent-border: oklch(0.815 0.1005 291);
  --p-color-agent-mark: #6b2fd9;
  --p-color-agent-mark: oklch(0.495 0.235 291);
  --p-color-agent-text: #5924b9;
  --p-color-agent-text: oklch(0.435 0.2115 291);
  --p-color-agent-tint: #eeecff;
  --p-color-agent-tint: oklch(0.95 0.0257 291);
  --p-color-field-border-focus: #6b2fd9;
  --p-color-field-border-focus: oklch(0.495 0.235 291);
  --p-color-focus-ring: #6b2fd9;
  --p-color-focus-ring: oklch(0.495 0.235 291);
  --p-color-focus-ring-button: #6b2fd959;
  --p-color-focus-ring-button: oklch(0.495 0.235 291 / 0.35);
  --p-color-focus-ring-field: #6b2fd938;
  --p-color-focus-ring-field: oklch(0.495 0.235 291 / 0.22);
  --p-color-nav-active: #d5d9f1;
  --p-color-nav-active: oklch(0.8891 0.0328 278.85);
  --p-color-nav-active-icon: #5924b9;
  --p-color-nav-active-icon: oklch(0.435 0.2115 291);
  --p-color-surface-selected: #eeecff;
  --p-color-surface-selected: oklch(0.95 0.0257 291);
  --p-color-text-link: #5924b9;
  --p-color-text-link: oklch(0.435 0.2115 291);
  --p-ramp-accent-1: #fcfcff;
  --p-ramp-accent-1: oklch(0.992 0.0041 291);
  --p-ramp-accent-10: #6020c9;
  --p-ramp-accent-10: oklch(0.455 0.2303 291);
  --p-ramp-accent-11: #5924b9;
  --p-ramp-accent-11: oklch(0.435 0.2115 291);
  --p-ramp-accent-12: #2f2453;
  --p-ramp-accent-12: oklch(0.3 0.0822 291);
  --p-ramp-accent-2: #f7f7ff;
  --p-ramp-accent-2: oklch(0.978 0.0112 291);
  --p-ramp-accent-3: #eeecff;
  --p-ramp-accent-3: oklch(0.95 0.0257 291);
  --p-ramp-accent-4: #e6e2ff;
  --p-ramp-accent-4: oklch(0.925 0.039 291);
  --p-ramp-accent-5: #dcd7ff;
  --p-ramp-accent-5: oklch(0.895 0.0552 291);
  --p-ramp-accent-6: #d0c9ff;
  --p-ramp-accent-6: oklch(0.86 0.0747 291);
  --p-ramp-accent-7: #c2b7ff;
  --p-ramp-accent-7: oklch(0.815 0.1005 291);
  --p-ramp-accent-8: #9a7cff;
  --p-ramp-accent-8: oklch(0.675 0.187 291);
  --p-ramp-accent-9: #6b2fd9;
  --p-ramp-accent-9: oklch(0.495 0.235 291);
}

[data-world="signal"][data-product="poliage"] {
  --p-brand-sidebar-accent: #613d3b;
  --p-brand-sidebar-accent: oklch(0.4016 0.0512 23.08);
  --p-button-focus-border: #613d3b;
  --p-button-focus-border: oklch(0.4016 0.0512 23.08);
  --p-button-ghost-bg-hover: #1c17120a;
  --p-button-ghost-bg-hover: oklch(0.21 0.0122 67.67 / 0.04);
  --p-button-ghost-bg-pressed: #1c171214;
  --p-button-ghost-bg-pressed: oklch(0.21 0.0122 67.67 / 0.08);
  --p-button-secondary-bg: #fffcf9;
  --p-button-secondary-bg: oklch(0.993 0.0049 67.67);
  --p-button-secondary-bg-hover: #1c17120a;
  --p-button-secondary-bg-hover: oklch(0.21 0.0122 67.67 / 0.04);
  --p-choice-border: #8d8680;
  --p-choice-border: oklch(0.624 0.0124 67.67);
  --p-color-accent-action: #613d3b;
  --p-color-accent-action: oklch(0.4016 0.0512 23.08);
  --p-color-accent-border: #ddb8b6;
  --p-color-accent-border: oklch(0.815 0.043 23.08);
  --p-color-accent-seed: #613d3b;
  --p-color-accent-seed: oklch(0.4016 0.0512 23.08);
  --p-color-accent-solid: #613d3b;
  --p-color-accent-solid: oklch(0.4016 0.0512 23.08);
  --p-color-accent-solid-hover: #553331;
  --p-color-accent-solid-hover: oklch(0.3616 0.0502 23.08);
  --p-color-accent-solid-pressed: #4e2f2d;
  --p-color-accent-solid-pressed: oklch(0.3416 0.0461 23.08);
  --p-color-accent-text: #4e2f2d;
  --p-color-accent-text: oklch(0.3416 0.0461 23.08);
  --p-color-accent-text-pressed: #4e2f2d;
  --p-color-accent-text-pressed: oklch(0.3416 0.0461 23.08);
  --p-color-accent-tint: #fbeae9;
  --p-color-accent-tint: oklch(0.95 0.0184 23.08);
  --p-color-agent-border: #ddb8b6;
  --p-color-agent-border: oklch(0.815 0.043 23.08);
  --p-color-agent-mark: #613d3b;
  --p-color-agent-mark: oklch(0.4016 0.0512 23.08);
  --p-color-agent-text: #4e2f2d;
  --p-color-agent-text: oklch(0.3416 0.0461 23.08);
  --p-color-agent-tint: #fbeae9;
  --p-color-agent-tint: oklch(0.95 0.0184 23.08);
  --p-color-bg-canvas: #f8f3ee;
  --p-color-bg-canvas: oklch(0.967 0.0088 67.67);
  --p-color-bg-default: #fffcf9;
  --p-color-bg-default: oklch(0.993 0.0049 67.67);
  --p-color-bg-panel: #fffcf9;
  --p-color-bg-panel: oklch(0.993 0.0049 67.67);
  --p-color-border-control: #1c17122e;
  --p-color-border-control: oklch(0.21 0.0122 67.67 / 0.18);
  --p-color-border-control-hover: #1c17123d;
  --p-color-border-control-hover: oklch(0.21 0.0122 67.67 / 0.24);
  --p-color-border-control-strong: #1c17123d;
  --p-color-border-control-strong: oklch(0.21 0.0122 67.67 / 0.24);
  --p-color-border-default: #8d8680;
  --p-color-border-default: oklch(0.624 0.0124 67.67);
  --p-color-border-hairline: #1c171214;
  --p-color-border-hairline: oklch(0.21 0.0122 67.67 / 0.08);
  --p-color-border-strong: #7a746e;
  --p-color-border-strong: oklch(0.562 0.0122 67.67);
  --p-color-border-subtle: #f3eee8;
  --p-color-border-subtle: oklch(0.951 0.0095 67.67);
  --p-color-count-bg: #1c1712;
  --p-color-count-bg: oklch(0.21 0.0122 67.67);
  --p-color-count-text: #fffcf9;
  --p-color-count-text: oklch(0.993 0.0049 67.67);
  --p-color-danger-subtle: #fff0ed;
  --p-color-danger-subtle: oklch(0.9672 0.0163 31.43);
  --p-color-field-bg: #fffcf9;
  --p-color-field-bg: oklch(0.993 0.0049 67.67);
  --p-color-field-bg-disabled: #1c171208;
  --p-color-field-bg-disabled: oklch(0.21 0.0122 67.67 / 0.03);
  --p-color-field-border-disabled: #1c17120f;
  --p-color-field-border-disabled: oklch(0.21 0.0122 67.67 / 0.06);
  --p-color-field-border-focus: #613d3b;
  --p-color-field-border-focus: oklch(0.4016 0.0512 23.08);
  --p-color-field-border-readonly-hover: #1c17121f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.0122 67.67 / 0.12);
  --p-color-focus-ring: #613d3b;
  --p-color-focus-ring: oklch(0.4016 0.0512 23.08);
  --p-color-focus-ring-button: #613d3b59;
  --p-color-focus-ring-button: oklch(0.4016 0.0512 23.08 / 0.35);
  --p-color-focus-ring-field: #613d3b38;
  --p-color-focus-ring-field: oklch(0.4016 0.0512 23.08 / 0.22);
  --p-color-hover-tint: #1c17120a;
  --p-color-hover-tint: oklch(0.21 0.0122 67.67 / 0.04);
  --p-color-info-subtle: #eef5fd;
  --p-color-info-subtle: oklch(0.9672 0.0129 250.35);
  --p-color-ink-a10: #1c17121a;
  --p-color-ink-a10: oklch(0.21 0.0122 67.67 / 0.1);
  --p-color-ink-a12: #1c17121f;
  --p-color-ink-a12: oklch(0.21 0.0122 67.67 / 0.12);
  --p-color-ink-a14: #1c171224;
  --p-color-ink-a14: oklch(0.21 0.0122 67.67 / 0.14);
  --p-color-ink-a16: #1c171229;
  --p-color-ink-a16: oklch(0.21 0.0122 67.67 / 0.16);
  --p-color-ink-a18: #1c17122e;
  --p-color-ink-a18: oklch(0.21 0.0122 67.67 / 0.18);
  --p-color-ink-a20: #1c171233;
  --p-color-ink-a20: oklch(0.21 0.0122 67.67 / 0.2);
  --p-color-ink-a24: #1c17123d;
  --p-color-ink-a24: oklch(0.21 0.0122 67.67 / 0.24);
  --p-color-ink-a28: #1c171247;
  --p-color-ink-a28: oklch(0.21 0.0122 67.67 / 0.28);
  --p-color-ink-a3: #1c171208;
  --p-color-ink-a3: oklch(0.21 0.0122 67.67 / 0.03);
  --p-color-ink-a32: #1c171252;
  --p-color-ink-a32: oklch(0.21 0.0122 67.67 / 0.32);
  --p-color-ink-a4: #1c17120a;
  --p-color-ink-a4: oklch(0.21 0.0122 67.67 / 0.04);
  --p-color-ink-a40: #1c171266;
  --p-color-ink-a40: oklch(0.21 0.0122 67.67 / 0.4);
  --p-color-ink-a5: #1c17120d;
  --p-color-ink-a5: oklch(0.21 0.0122 67.67 / 0.05);
  --p-color-ink-a6: #1c17120f;
  --p-color-ink-a6: oklch(0.21 0.0122 67.67 / 0.06);
  --p-color-ink-a8: #1c171214;
  --p-color-ink-a8: oklch(0.21 0.0122 67.67 / 0.08);
  --p-color-mark-done: #1c1712;
  --p-color-mark-done: oklch(0.21 0.0122 67.67);
  --p-color-mark-on-done: #fffcf9;
  --p-color-mark-on-done: oklch(0.993 0.0049 67.67);
  --p-color-nav-active: #e3d9d4;
  --p-color-nav-active: oklch(0.892 0.0123 49.28);
  --p-color-nav-active-icon: #4e2f2d;
  --p-color-nav-active-icon: oklch(0.3416 0.0461 23.08);
  --p-color-neutral-tint: #77706a;
  --p-color-neutral-tint: oklch(0.55 0.0122 67.67);
  --p-color-selected-outline: #1c1712;
  --p-color-selected-outline: oklch(0.21 0.0122 67.67);
  --p-color-success-subtle: #e7fbe8;
  --p-color-success-subtle: oklch(0.9672 0.0327 146.6);
  --p-color-surface-1: #fffcf9;
  --p-color-surface-1: oklch(0.993 0.0049 67.67);
  --p-color-surface-hover: #f8f3ee;
  --p-color-surface-hover: oklch(0.967 0.0088 67.67);
  --p-color-surface-pressed: #f3eee8;
  --p-color-surface-pressed: oklch(0.951 0.0095 67.67);
  --p-color-surface-selected: #fbeae9;
  --p-color-surface-selected: oklch(0.95 0.0184 23.08);
  --p-color-surface-sunken: #fdf8f3;
  --p-color-surface-sunken: oklch(0.982 0.0081 67.67);
  --p-color-text-disabled: #8d8680;
  --p-color-text-disabled: oklch(0.624 0.0124 67.67);
  --p-color-text-inverse: #fffcf9;
  --p-color-text-inverse: oklch(0.993 0.0049 67.67);
  --p-color-text-link: #4e2f2d;
  --p-color-text-link: oklch(0.3416 0.0461 23.08);
  --p-color-text-primary: #1c1712;
  --p-color-text-primary: oklch(0.21 0.0122 67.67);
  --p-color-text-secondary: #534d47;
  --p-color-text-secondary: oklch(0.424 0.0122 67.67);
  --p-color-text-tertiary: #68625c;
  --p-color-text-tertiary: oklch(0.5 0.0122 67.67);
  --p-color-warning-subtle: #fff2e1;
  --p-color-warning-subtle: oklch(0.9672 0.0261 74.46);
  --p-elevation-0-surface: #fffcf9;
  --p-elevation-0-surface: oklch(0.993 0.0049 67.67);
  --p-elevation-1-surface: #fffcf9;
  --p-elevation-1-surface: oklch(0.993 0.0049 67.67);
  --p-font-family-display: Georgia, "Pretendard Variable", serif;
  --p-font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-nav-preset: "topbar";
  --p-overlay-bg: #fffcf9;
  --p-overlay-bg: oklch(0.993 0.0049 67.67);
  --p-overlay-highlight: #1c17120f;
  --p-overlay-highlight: oklch(0.21 0.0122 67.67 / 0.06);
  --p-overlay-ring: #1c171214;
  --p-overlay-ring: oklch(0.21 0.0122 67.67 / 0.08);
  --p-overlay-separator: #1c171214;
  --p-overlay-separator: oklch(0.21 0.0122 67.67 / 0.08);
  --p-radius-card: 16px;
  --p-radius-control: 6px;
  --p-radius-factor: 1;
  --p-radius-inner-card: 16px;
  --p-radius-inner-control: 12px;
  --p-radius-pop: 12px;
  --p-radius-sheet: 24px;
  --p-ramp-accent-1: #fffbfb;
  --p-ramp-accent-1: oklch(0.992 0.0039 23.08);
  --p-ramp-accent-10: #553331;
  --p-ramp-accent-10: oklch(0.3616 0.0502 23.08);
  --p-ramp-accent-11: #4e2f2d;
  --p-ramp-accent-11: oklch(0.3416 0.0461 23.08);
  --p-ramp-accent-12: #352929;
  --p-ramp-accent-12: oklch(0.296 0.0179 23.08);
  --p-ramp-accent-2: #fff5f4;
  --p-ramp-accent-2: oklch(0.978 0.0102 23.08);
  --p-ramp-accent-3: #fbeae9;
  --p-ramp-accent-3: oklch(0.95 0.0184 23.08);
  --p-ramp-accent-4: #f6e0df;
  --p-ramp-accent-4: oklch(0.925 0.0246 23.08);
  --p-ramp-accent-5: #f0d5d3;
  --p-ramp-accent-5: oklch(0.895 0.0307 23.08);
  --p-ramp-accent-6: #e9c8c6;
  --p-ramp-accent-6: oklch(0.86 0.0369 23.08);
  --p-ramp-accent-7: #ddb8b6;
  --p-ramp-accent-7: oklch(0.815 0.043 23.08);
  --p-ramp-accent-8: #a37e7c;
  --p-ramp-accent-8: oklch(0.6283 0.0461 23.08);
  --p-ramp-accent-9: #613d3b;
  --p-ramp-accent-9: oklch(0.4016 0.0512 23.08);
  --p-ramp-neutral-1: #fffcf9;
  --p-ramp-neutral-1: oklch(0.993 0.0049 67.67);
  --p-ramp-neutral-10: #68625c;
  --p-ramp-neutral-10: oklch(0.5 0.0122 67.67);
  --p-ramp-neutral-11: #534d47;
  --p-ramp-neutral-11: oklch(0.424 0.0122 67.67);
  --p-ramp-neutral-12: #1c1712;
  --p-ramp-neutral-12: oklch(0.21 0.0122 67.67);
  --p-ramp-neutral-2: #fdf8f3;
  --p-ramp-neutral-2: oklch(0.982 0.0081 67.67);
  --p-ramp-neutral-3: #f8f3ee;
  --p-ramp-neutral-3: oklch(0.967 0.0088 67.67);
  --p-ramp-neutral-4: #f3eee8;
  --p-ramp-neutral-4: oklch(0.951 0.0095 67.67);
  --p-ramp-neutral-5: #eee8e2;
  --p-ramp-neutral-5: oklch(0.935 0.0102 67.67);
  --p-ramp-neutral-6: #e8e2db;
  --p-ramp-neutral-6: oklch(0.915 0.011 67.67);
  --p-ramp-neutral-7: #dbd5ce;
  --p-ramp-neutral-7: oklch(0.875 0.0117 67.67);
  --p-ramp-neutral-8: #8d8680;
  --p-ramp-neutral-8: oklch(0.624 0.0124 67.67);
  --p-ramp-neutral-9: #7a746e;
  --p-ramp-neutral-9: oklch(0.562 0.0122 67.67);
  --p-segmented-active-bg: #fffcf9;
  --p-segmented-active-bg: oklch(0.993 0.0049 67.67);
  --p-segmented-track: #1c17120a;
  --p-segmented-track: oklch(0.21 0.0122 67.67 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.21 0.0122 67.67 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.21 0.0122 67.67 / 0.05);
  --p-shadow-control: 0px 1px 2px 0px oklch(0.21 0.0122 67.67 / 0.05);
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.0122 67.67 / 0.08), 0px 24px 48px -12px oklch(0.21 0.0122 67.67 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.0122 67.67 / 0.03), 0px 4px 8px -4px oklch(0.21 0.0122 67.67 / 0.05), 0px 16px 24px -8px oklch(0.21 0.0122 67.67 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.0122 67.67 / 0.08);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.21 0.0122 67.67 / 0.08), 0px 0px 0px 1px oklch(0.21 0.0122 67.67 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.0122 67.67 / 0.12), 0px 1px 2px 0px oklch(0.21 0.0122 67.67 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.0122 67.67 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.0122 67.67 / 0.08);
  --p-shadow-xs: 0px 1px 2px 0px oklch(0.21 0.0122 67.67 / 0.05);
  --p-slider-track: #1c17121a;
  --p-slider-track: oklch(0.21 0.0122 67.67 / 0.1);
  --p-switch-border-off: #8d8680;
  --p-switch-border-off: oklch(0.624 0.0124 67.67);
  --p-switch-track-off: #1c171229;
  --p-switch-track-off: oklch(0.21 0.0122 67.67 / 0.16);
  --p-tooltip-bg: #1c1712;
  --p-tooltip-bg: oklch(0.21 0.0122 67.67);
  --p-tooltip-fg: #fffcf9;
  --p-tooltip-fg: oklch(0.993 0.0049 67.67);
  --p-type-body-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-body-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-body-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-caption-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-display-l-family: Georgia, "Pretendard Variable", serif;
  --p-type-display-m-family: Georgia, "Pretendard Variable", serif;
  --p-type-display-s-family: Georgia, "Pretendard Variable", serif;
  --p-type-label-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-label-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-label-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-numeric-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-title-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-title-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-title-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
}

[data-world="editorial"][data-product="runstamp"] {
  --p-brand-sidebar-accent: #2f4bff;
  --p-brand-sidebar-accent: oklch(0.5265 0.2634 267.74);
  --p-button-focus-border: #2f4bff;
  --p-button-focus-border: oklch(0.5265 0.2634 267.74);
  --p-color-accent-action: #2f4bff;
  --p-color-accent-action: oklch(0.5265 0.2634 267.74);
  --p-color-accent-border: #a9c1ff;
  --p-color-accent-border: oklch(0.815 0.0921 267.74);
  --p-color-accent-seed: #2f4bff;
  --p-color-accent-seed: oklch(0.5265 0.2634 267.74);
  --p-color-accent-solid: #2f4bff;
  --p-color-accent-solid: oklch(0.5265 0.2634 267.74);
  --p-color-accent-solid-hover: #283dee;
  --p-color-accent-solid-hover: oklch(0.4865 0.2581 267.74);
  --p-color-accent-solid-pressed: #263ddb;
  --p-color-accent-solid-pressed: oklch(0.4665 0.2371 267.74);
  --p-color-accent-text: #263ddb;
  --p-color-accent-text: oklch(0.4665 0.2371 267.74);
  --p-color-accent-text-pressed: #263ddb;
  --p-color-accent-text-pressed: oklch(0.4665 0.2371 267.74);
  --p-color-accent-tint: #e7eeff;
  --p-color-accent-tint: oklch(0.95 0.0237 267.74);
  --p-color-agent-border: #a9c1ff;
  --p-color-agent-border: oklch(0.815 0.0921 267.74);
  --p-color-agent-mark: #2f4bff;
  --p-color-agent-mark: oklch(0.5265 0.2634 267.74);
  --p-color-agent-text: #263ddb;
  --p-color-agent-text: oklch(0.4665 0.2371 267.74);
  --p-color-agent-tint: #e7eeff;
  --p-color-agent-tint: oklch(0.95 0.0237 267.74);
  --p-color-field-border-focus: #2f4bff;
  --p-color-field-border-focus: oklch(0.5265 0.2634 267.74);
  --p-color-focus-ring: #2f4bff;
  --p-color-focus-ring: oklch(0.5265 0.2634 267.74);
  --p-color-focus-ring-button: #2f4bff59;
  --p-color-focus-ring-button: oklch(0.5265 0.2634 267.74 / 0.35);
  --p-color-focus-ring-field: #2f4bff38;
  --p-color-focus-ring-field: oklch(0.5265 0.2634 267.74 / 0.22);
  --p-color-nav-active: #cedcf5;
  --p-color-nav-active: oklch(0.8929 0.0375 262.06);
  --p-color-nav-active-icon: #263ddb;
  --p-color-nav-active-icon: oklch(0.4665 0.2371 267.74);
  --p-color-surface-selected: #e7eeff;
  --p-color-surface-selected: oklch(0.95 0.0237 267.74);
  --p-color-text-link: #263ddb;
  --p-color-text-link: oklch(0.4665 0.2371 267.74);
  --p-ramp-accent-1: #fbfcff;
  --p-ramp-accent-1: oklch(0.992 0.0038 267.74);
  --p-ramp-accent-10: #283dee;
  --p-ramp-accent-10: oklch(0.4865 0.2581 267.74);
  --p-ramp-accent-11: #263ddb;
  --p-ramp-accent-11: oklch(0.4665 0.2371 267.74);
  --p-ramp-accent-12: #1a295b;
  --p-ramp-accent-12: oklch(0.3 0.0922 267.74);
  --p-ramp-accent-2: #f5f8ff;
  --p-ramp-accent-2: oklch(0.978 0.0103 267.74);
  --p-ramp-accent-3: #e7eeff;
  --p-ramp-accent-3: oklch(0.95 0.0237 267.74);
  --p-ramp-accent-4: #dce6ff;
  --p-ramp-accent-4: oklch(0.925 0.0358 267.74);
  --p-ramp-accent-5: #cedcff;
  --p-ramp-accent-5: oklch(0.895 0.0507 267.74);
  --p-ramp-accent-6: #bdd0ff;
  --p-ramp-accent-6: oklch(0.86 0.0685 267.74);
  --p-ramp-accent-7: #a9c1ff;
  --p-ramp-accent-7: oklch(0.815 0.0921 267.74);
  --p-ramp-accent-8: #7095ff;
  --p-ramp-accent-8: oklch(0.6908 0.1617 267.74);
  --p-ramp-accent-9: #2f4bff;
  --p-ramp-accent-9: oklch(0.5265 0.2634 267.74);
}

[data-world="signal"][data-product="poliage-beauty"] {
  --p-brand-sidebar-accent: #1b1a18;
  --p-brand-sidebar-accent: oklch(0.2181 0.0041 84.59);
  --p-button-focus-border: #1b1a18;
  --p-button-focus-border: oklch(0.2181 0.0041 84.59);
  --p-button-ghost-bg-hover: #1a18130a;
  --p-button-ghost-bg-hover: oklch(0.21 0.01 87.48 / 0.04);
  --p-button-ghost-bg-pressed: #1a181314;
  --p-button-ghost-bg-pressed: oklch(0.21 0.01 87.48 / 0.08);
  --p-button-secondary-bg: #fefdf8;
  --p-button-secondary-bg: oklch(0.993 0.006 87.48);
  --p-button-secondary-bg-hover: #1a18130a;
  --p-button-secondary-bg-hover: oklch(0.21 0.01 87.48 / 0.04);
  --p-choice-border: #8a8781;
  --p-choice-border: oklch(0.624 0.0102 87.48);
  --p-color-accent-action: #1b1a18;
  --p-color-accent-action: oklch(0.2181 0.0041 84.59);
  --p-color-accent-border: #c3c2c0;
  --p-color-accent-border: oklch(0.815 0.0034 84.59);
  --p-color-accent-seed: #1b1a18;
  --p-color-accent-seed: oklch(0.2181 0.0041 84.59);
  --p-color-accent-solid: #1b1a18;
  --p-color-accent-solid: oklch(0.2181 0.0041 84.59);
  --p-color-accent-solid-hover: #12110f;
  --p-color-accent-solid-hover: oklch(0.1781 0.004 84.59);
  --p-color-accent-solid-pressed: #0e0d0b;
  --p-color-accent-solid-pressed: oklch(0.1581 0.0037 84.59);
  --p-color-accent-text: #0e0d0b;
  --p-color-accent-text: oklch(0.1581 0.0037 84.59);
  --p-color-accent-text-pressed: #0e0d0b;
  --p-color-accent-text-pressed: oklch(0.1581 0.0037 84.59);
  --p-color-accent-tint: #efeeed;
  --p-color-accent-tint: oklch(0.95 0.0015 84.59);
  --p-color-agent-border: #c3c2c0;
  --p-color-agent-border: oklch(0.815 0.0034 84.59);
  --p-color-agent-mark: #1b1a18;
  --p-color-agent-mark: oklch(0.2181 0.0041 84.59);
  --p-color-agent-text: #0e0d0b;
  --p-color-agent-text: oklch(0.1581 0.0037 84.59);
  --p-color-agent-tint: #efeeed;
  --p-color-agent-tint: oklch(0.95 0.0015 84.59);
  --p-color-bg-canvas: #f6f4ef;
  --p-color-bg-canvas: oklch(0.967 0.0072 87.48);
  --p-color-bg-default: #fefdf8;
  --p-color-bg-default: oklch(0.993 0.006 87.48);
  --p-color-bg-panel: #fefdf8;
  --p-color-bg-panel: oklch(0.993 0.006 87.48);
  --p-color-border-control: #1a18132e;
  --p-color-border-control: oklch(0.21 0.01 87.48 / 0.18);
  --p-color-border-control-hover: #1a18133d;
  --p-color-border-control-hover: oklch(0.21 0.01 87.48 / 0.24);
  --p-color-border-control-strong: #1a18133d;
  --p-color-border-control-strong: oklch(0.21 0.01 87.48 / 0.24);
  --p-color-border-default: #8a8781;
  --p-color-border-default: oklch(0.624 0.0102 87.48);
  --p-color-border-hairline: #1a181314;
  --p-color-border-hairline: oklch(0.21 0.01 87.48 / 0.08);
  --p-color-border-strong: #77756f;
  --p-color-border-strong: oklch(0.562 0.01 87.48);
  --p-color-border-subtle: #f1efe9;
  --p-color-border-subtle: oklch(0.951 0.0078 87.48);
  --p-color-count-bg: #1a1813;
  --p-color-count-bg: oklch(0.21 0.01 87.48);
  --p-color-count-text: #fefdf8;
  --p-color-count-text: oklch(0.993 0.006 87.48);
  --p-color-danger-subtle: #fff1ed;
  --p-color-danger-subtle: oklch(0.9672 0.0163 34.35);
  --p-color-field-bg: #fefdf8;
  --p-color-field-bg: oklch(0.993 0.006 87.48);
  --p-color-field-bg-disabled: #1a181308;
  --p-color-field-bg-disabled: oklch(0.21 0.01 87.48 / 0.03);
  --p-color-field-border-disabled: #1a18130f;
  --p-color-field-border-disabled: oklch(0.21 0.01 87.48 / 0.06);
  --p-color-field-border-focus: #1b1a18;
  --p-color-field-border-focus: oklch(0.2181 0.0041 84.59);
  --p-color-field-border-readonly-hover: #1a18131f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.01 87.48 / 0.12);
  --p-color-focus-ring: #1b1a18;
  --p-color-focus-ring: oklch(0.2181 0.0041 84.59);
  --p-color-focus-ring-button: #1b1a1859;
  --p-color-focus-ring-button: oklch(0.2181 0.0041 84.59 / 0.35);
  --p-color-focus-ring-field: #1b1a1838;
  --p-color-focus-ring-field: oklch(0.2181 0.0041 84.59 / 0.22);
  --p-color-hover-tint: #1a18130a;
  --p-color-hover-tint: oklch(0.21 0.01 87.48 / 0.04);
  --p-color-info-subtle: #eef5fc;
  --p-color-info-subtle: oklch(0.9672 0.0126 246.72);
  --p-color-ink-a10: #1a18131a;
  --p-color-ink-a10: oklch(0.21 0.01 87.48 / 0.1);
  --p-color-ink-a12: #1a18131f;
  --p-color-ink-a12: oklch(0.21 0.01 87.48 / 0.12);
  --p-color-ink-a14: #1a181324;
  --p-color-ink-a14: oklch(0.21 0.01 87.48 / 0.14);
  --p-color-ink-a16: #1a181329;
  --p-color-ink-a16: oklch(0.21 0.01 87.48 / 0.16);
  --p-color-ink-a18: #1a18132e;
  --p-color-ink-a18: oklch(0.21 0.01 87.48 / 0.18);
  --p-color-ink-a20: #1a181333;
  --p-color-ink-a20: oklch(0.21 0.01 87.48 / 0.2);
  --p-color-ink-a24: #1a18133d;
  --p-color-ink-a24: oklch(0.21 0.01 87.48 / 0.24);
  --p-color-ink-a28: #1a181347;
  --p-color-ink-a28: oklch(0.21 0.01 87.48 / 0.28);
  --p-color-ink-a3: #1a181308;
  --p-color-ink-a3: oklch(0.21 0.01 87.48 / 0.03);
  --p-color-ink-a32: #1a181352;
  --p-color-ink-a32: oklch(0.21 0.01 87.48 / 0.32);
  --p-color-ink-a4: #1a18130a;
  --p-color-ink-a4: oklch(0.21 0.01 87.48 / 0.04);
  --p-color-ink-a40: #1a181366;
  --p-color-ink-a40: oklch(0.21 0.01 87.48 / 0.4);
  --p-color-ink-a5: #1a18130d;
  --p-color-ink-a5: oklch(0.21 0.01 87.48 / 0.05);
  --p-color-ink-a6: #1a18130f;
  --p-color-ink-a6: oklch(0.21 0.01 87.48 / 0.06);
  --p-color-ink-a8: #1a181314;
  --p-color-ink-a8: oklch(0.21 0.01 87.48 / 0.08);
  --p-color-mark-done: #1a1813;
  --p-color-mark-done: oklch(0.21 0.01 87.48);
  --p-color-mark-on-done: #fefdf8;
  --p-color-mark-on-done: oklch(0.993 0.006 87.48);
  --p-color-nav-active: #d6d4cf;
  --p-color-nav-active: oklch(0.8699 0.0068 87.29);
  --p-color-nav-active-icon: #0e0d0b;
  --p-color-nav-active-icon: oklch(0.1581 0.0037 84.59);
  --p-color-neutral-tint: #74716b;
  --p-color-neutral-tint: oklch(0.55 0.01 87.48);
  --p-color-selected-outline: #1a1813;
  --p-color-selected-outline: oklch(0.21 0.01 87.48);
  --p-color-success-subtle: #e6fbe7;
  --p-color-success-subtle: oklch(0.9672 0.0336 146.36);
  --p-color-surface-1: #fefdf8;
  --p-color-surface-1: oklch(0.993 0.006 87.48);
  --p-color-surface-hover: #f6f4ef;
  --p-color-surface-hover: oklch(0.967 0.0072 87.48);
  --p-color-surface-pressed: #f1efe9;
  --p-color-surface-pressed: oklch(0.951 0.0078 87.48);
  --p-color-surface-selected: #efeeed;
  --p-color-surface-selected: oklch(0.95 0.0015 84.59);
  --p-color-surface-sunken: #fbf9f4;
  --p-color-surface-sunken: oklch(0.982 0.0066 87.48);
  --p-color-text-disabled: #8a8781;
  --p-color-text-disabled: oklch(0.624 0.0102 87.48);
  --p-color-text-inverse: #fefdf8;
  --p-color-text-inverse: oklch(0.993 0.006 87.48);
  --p-color-text-link: #0e0d0b;
  --p-color-text-link: oklch(0.1581 0.0037 84.59);
  --p-color-text-primary: #1a1813;
  --p-color-text-primary: oklch(0.21 0.01 87.48);
  --p-color-text-secondary: #504e48;
  --p-color-text-secondary: oklch(0.424 0.01 87.48);
  --p-color-text-tertiary: #66635d;
  --p-color-text-tertiary: oklch(0.5 0.01 87.48);
  --p-color-warning-subtle: #fff2e1;
  --p-color-warning-subtle: oklch(0.9672 0.0268 76.11);
  --p-elevation-0-surface: #fefdf8;
  --p-elevation-0-surface: oklch(0.993 0.006 87.48);
  --p-elevation-1-surface: #fefdf8;
  --p-elevation-1-surface: oklch(0.993 0.006 87.48);
  --p-font-family-display: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-font-family-sans: -apple-system, system-ui, sans-serif;
  --p-overlay-bg: #fefdf8;
  --p-overlay-bg: oklch(0.993 0.006 87.48);
  --p-overlay-highlight: #1a18130f;
  --p-overlay-highlight: oklch(0.21 0.01 87.48 / 0.06);
  --p-overlay-ring: #1a181314;
  --p-overlay-ring: oklch(0.21 0.01 87.48 / 0.08);
  --p-overlay-separator: #1a181314;
  --p-overlay-separator: oklch(0.21 0.01 87.48 / 0.08);
  --p-radius-card: 12px;
  --p-radius-control: 4px;
  --p-radius-factor: 0.8;
  --p-radius-inner-card: 12px;
  --p-radius-inner-control: 8px;
  --p-radius-pop: 8px;
  --p-radius-sheet: 20px;
  --p-ramp-accent-1: #fcfcfc;
  --p-ramp-accent-1: oklch(0.992 0.0004 84.59);
  --p-ramp-accent-10: #12110f;
  --p-ramp-accent-10: oklch(0.1781 0.004 84.59);
  --p-ramp-accent-11: #0e0d0b;
  --p-ramp-accent-11: oklch(0.1581 0.0037 84.59);
  --p-ramp-accent-12: #2d2d2c;
  --p-ramp-accent-12: oklch(0.296 0.0014 84.59);
  --p-ramp-accent-2: #f8f8f7;
  --p-ramp-accent-2: oklch(0.978 0.0008 84.59);
  --p-ramp-accent-3: #efeeed;
  --p-ramp-accent-3: oklch(0.95 0.0015 84.59);
  --p-ramp-accent-4: #e7e6e5;
  --p-ramp-accent-4: oklch(0.925 0.002 84.59);
  --p-ramp-accent-5: #dddcda;
  --p-ramp-accent-5: oklch(0.895 0.0025 84.59);
  --p-ramp-accent-6: #d2d1cf;
  --p-ramp-accent-6: oklch(0.86 0.003 84.59);
  --p-ramp-accent-7: #c3c2c0;
  --p-ramp-accent-7: oklch(0.815 0.0034 84.59);
  --p-ramp-accent-8: #6f6d6b;
  --p-ramp-accent-8: oklch(0.5366 0.0037 84.59);
  --p-ramp-accent-9: #1b1a18;
  --p-ramp-accent-9: oklch(0.2181 0.0041 84.59);
  --p-ramp-neutral-1: #fefdf8;
  --p-ramp-neutral-1: oklch(0.993 0.006 87.48);
  --p-ramp-neutral-10: #66635d;
  --p-ramp-neutral-10: oklch(0.5 0.01 87.48);
  --p-ramp-neutral-11: #504e48;
  --p-ramp-neutral-11: oklch(0.424 0.01 87.48);
  --p-ramp-neutral-12: #1a1813;
  --p-ramp-neutral-12: oklch(0.21 0.01 87.48);
  --p-ramp-neutral-2: #fbf9f4;
  --p-ramp-neutral-2: oklch(0.982 0.0066 87.48);
  --p-ramp-neutral-3: #f6f4ef;
  --p-ramp-neutral-3: oklch(0.967 0.0072 87.48);
  --p-ramp-neutral-4: #f1efe9;
  --p-ramp-neutral-4: oklch(0.951 0.0078 87.48);
  --p-ramp-neutral-5: #ece9e3;
  --p-ramp-neutral-5: oklch(0.935 0.0084 87.48);
  --p-ramp-neutral-6: #e5e3dc;
  --p-ramp-neutral-6: oklch(0.915 0.009 87.48);
  --p-ramp-neutral-7: #d8d6cf;
  --p-ramp-neutral-7: oklch(0.875 0.0096 87.48);
  --p-ramp-neutral-8: #8a8781;
  --p-ramp-neutral-8: oklch(0.624 0.0102 87.48);
  --p-ramp-neutral-9: #77756f;
  --p-ramp-neutral-9: oklch(0.562 0.01 87.48);
  --p-segmented-active-bg: #fefdf8;
  --p-segmented-active-bg: oklch(0.993 0.006 87.48);
  --p-segmented-track: #1a18130a;
  --p-segmented-track: oklch(0.21 0.01 87.48 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.21 0.01 87.48 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.21 0.01 87.48 / 0.05);
  --p-shadow-control: 0px 1px 2px 0px oklch(0.21 0.01 87.48 / 0.05);
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.01 87.48 / 0.08), 0px 24px 48px -12px oklch(0.21 0.01 87.48 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.01 87.48 / 0.03), 0px 4px 8px -4px oklch(0.21 0.01 87.48 / 0.05), 0px 16px 24px -8px oklch(0.21 0.01 87.48 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.01 87.48 / 0.08);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.21 0.01 87.48 / 0.08), 0px 0px 0px 1px oklch(0.21 0.01 87.48 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.01 87.48 / 0.12), 0px 1px 2px 0px oklch(0.21 0.01 87.48 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.01 87.48 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.01 87.48 / 0.08);
  --p-shadow-xs: 0px 1px 2px 0px oklch(0.21 0.01 87.48 / 0.05);
  --p-slider-track: #1a18131a;
  --p-slider-track: oklch(0.21 0.01 87.48 / 0.1);
  --p-switch-border-off: #8a8781;
  --p-switch-border-off: oklch(0.624 0.0102 87.48);
  --p-switch-track-off: #1a181329;
  --p-switch-track-off: oklch(0.21 0.01 87.48 / 0.16);
  --p-tooltip-bg: #1a1813;
  --p-tooltip-bg: oklch(0.21 0.01 87.48);
  --p-tooltip-fg: #fefdf8;
  --p-tooltip-fg: oklch(0.993 0.006 87.48);
  --p-type-body-l-family: -apple-system, system-ui, sans-serif;
  --p-type-body-m-family: -apple-system, system-ui, sans-serif;
  --p-type-body-s-family: -apple-system, system-ui, sans-serif;
  --p-type-caption-family: -apple-system, system-ui, sans-serif;
  --p-type-display-l-family: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-display-m-family: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-display-s-family: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-label-l-family: -apple-system, system-ui, sans-serif;
  --p-type-label-m-family: -apple-system, system-ui, sans-serif;
  --p-type-label-s-family: -apple-system, system-ui, sans-serif;
  --p-type-numeric-family: -apple-system, system-ui, sans-serif;
  --p-type-title-l-family: -apple-system, system-ui, sans-serif;
  --p-type-title-m-family: -apple-system, system-ui, sans-serif;
  --p-type-title-s-family: -apple-system, system-ui, sans-serif;
}

[data-world="editorial"][data-product="plain-trades"] {
  --p-brand-sidebar-accent: #18181b;
  --p-brand-sidebar-accent: oklch(0.2103 0.0059 285.89);
  --p-button-focus-border: #18181b;
  --p-button-focus-border: oklch(0.2103 0.0059 285.89);
  --p-button-ghost-bg-hover: #1a18130a;
  --p-button-ghost-bg-hover: oklch(0.21 0.01 84.58 / 0.04);
  --p-button-ghost-bg-pressed: #1a181314;
  --p-button-ghost-bg-pressed: oklch(0.21 0.01 84.58 / 0.08);
  --p-button-secondary-bg: #ffffff;
  --p-button-secondary-bg: oklch(1 0 0);
  --p-button-secondary-bg-hover: #1a18130a;
  --p-button-secondary-bg-hover: oklch(0.21 0.01 84.58 / 0.04);
  --p-choice-border: #89867f;
  --p-choice-border: oklch(0.62 0.0102 84.58);
  --p-color-accent-action: #18181b;
  --p-color-accent-action: oklch(0.2103 0.0059 285.89);
  --p-color-accent-border: #d9d5cf;
  --p-color-accent-border: oklch(0.875 0.0096 84.58);
  --p-color-accent-seed: #b15520;
  --p-color-accent-seed: oklch(0.555 0.135 47);
  --p-color-accent-solid: #18181b;
  --p-color-accent-solid: oklch(0.2103 0.0059 285.89);
  --p-color-accent-solid-hover: #a24a14;
  --p-color-accent-solid-hover: oklch(0.515 0.1323 47);
  --p-color-accent-solid-pressed: #954616;
  --p-color-accent-solid-pressed: oklch(0.488 0.1215 47);
  --p-color-accent-text: #18181b;
  --p-color-accent-text: oklch(0.2103 0.0059 285.89);
  --p-color-accent-text-pressed: #954616;
  --p-color-accent-text-pressed: oklch(0.488 0.1215 47);
  --p-color-accent-tint: #f6f4ef;
  --p-color-accent-tint: oklch(0.967 0.0072 84.58);
  --p-color-agent-border: #ffab82;
  --p-color-agent-border: oklch(0.815 0.1132 47);
  --p-color-agent-mark: #b15520;
  --p-color-agent-mark: oklch(0.555 0.135 47);
  --p-color-agent-text: #8d4216;
  --p-color-agent-text: oklch(0.469 0.1156 46.97);
  --p-color-agent-tint: #fbede6;
  --p-color-agent-tint: oklch(0.9552 0.0179 48.53);
  --p-color-bg-canvas: #f4f2ee;
  --p-color-bg-canvas: oklch(0.9616 0.0057 84.57);
  --p-color-bg-default: #ffffff;
  --p-color-bg-default: oklch(1 0 0);
  --p-color-bg-panel: #faf9f6;
  --p-color-bg-panel: oklch(0.982 0.0041 91.45);
  --p-color-border-control: #1a18132e;
  --p-color-border-control: oklch(0.21 0.01 84.58 / 0.18);
  --p-color-border-control-hover: #1a18133d;
  --p-color-border-control-hover: oklch(0.21 0.01 84.58 / 0.24);
  --p-color-border-control-strong: #1a18133d;
  --p-color-border-control-strong: oklch(0.21 0.01 84.58 / 0.24);
  --p-color-border-default: #89867f;
  --p-color-border-default: oklch(0.62 0.0102 84.58);
  --p-color-border-hairline: #1a181314;
  --p-color-border-hairline: oklch(0.21 0.01 84.58 / 0.08);
  --p-color-border-strong: #77746e;
  --p-color-border-strong: oklch(0.56 0.01 84.58);
  --p-color-border-subtle: #e7e4de;
  --p-color-border-subtle: oklch(0.9195 0.0087 84.57);
  --p-color-count-bg: #f1eee9;
  --p-color-count-bg: oklch(0.951 0.0078 84.58);
  --p-color-count-text: #6b6862;
  --p-color-count-text: oklch(0.5181 0.01 84.59);
  --p-color-danger-subtle: #fff2f0;
  --p-color-danger-subtle: oklch(0.97 0.0148 27);
  --p-color-field-bg: #ffffff;
  --p-color-field-bg: oklch(1 0 0);
  --p-color-field-bg-disabled: #1a181308;
  --p-color-field-bg-disabled: oklch(0.21 0.01 84.58 / 0.03);
  --p-color-field-border-disabled: #1a18130f;
  --p-color-field-border-disabled: oklch(0.21 0.01 84.58 / 0.06);
  --p-color-field-border-focus: #18181b;
  --p-color-field-border-focus: oklch(0.2103 0.0059 285.89);
  --p-color-field-border-readonly-hover: #1a18131f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.01 84.58 / 0.12);
  --p-color-focus-ring: #18181b;
  --p-color-focus-ring: oklch(0.2103 0.0059 285.89);
  --p-color-focus-ring-button: #18181b59;
  --p-color-focus-ring-button: oklch(0.2103 0.0059 285.89 / 0.35);
  --p-color-focus-ring-field: #18181b38;
  --p-color-focus-ring-field: oklch(0.2103 0.0059 285.89 / 0.22);
  --p-color-hover-tint: #1a18130a;
  --p-color-hover-tint: oklch(0.21 0.01 84.58 / 0.04);
  --p-color-info-subtle: #eef6ff;
  --p-color-info-subtle: oklch(0.97 0.0148 250);
  --p-color-ink-a10: #1a18131a;
  --p-color-ink-a10: oklch(0.21 0.01 84.58 / 0.1);
  --p-color-ink-a12: #1a18131f;
  --p-color-ink-a12: oklch(0.21 0.01 84.58 / 0.12);
  --p-color-ink-a14: #1a181324;
  --p-color-ink-a14: oklch(0.21 0.01 84.58 / 0.14);
  --p-color-ink-a16: #1a181329;
  --p-color-ink-a16: oklch(0.21 0.01 84.58 / 0.16);
  --p-color-ink-a18: #1a18132e;
  --p-color-ink-a18: oklch(0.21 0.01 84.58 / 0.18);
  --p-color-ink-a20: #1a181333;
  --p-color-ink-a20: oklch(0.21 0.01 84.58 / 0.2);
  --p-color-ink-a24: #1a18133d;
  --p-color-ink-a24: oklch(0.21 0.01 84.58 / 0.24);
  --p-color-ink-a28: #1a181347;
  --p-color-ink-a28: oklch(0.21 0.01 84.58 / 0.28);
  --p-color-ink-a3: #1a181308;
  --p-color-ink-a3: oklch(0.21 0.01 84.58 / 0.03);
  --p-color-ink-a32: #1a181352;
  --p-color-ink-a32: oklch(0.21 0.01 84.58 / 0.32);
  --p-color-ink-a4: #1a18130a;
  --p-color-ink-a4: oklch(0.21 0.01 84.58 / 0.04);
  --p-color-ink-a40: #1a181366;
  --p-color-ink-a40: oklch(0.21 0.01 84.58 / 0.4);
  --p-color-ink-a5: #1a18130d;
  --p-color-ink-a5: oklch(0.21 0.01 84.58 / 0.05);
  --p-color-ink-a6: #1a18130f;
  --p-color-ink-a6: oklch(0.21 0.01 84.58 / 0.06);
  --p-color-ink-a8: #1a181314;
  --p-color-ink-a8: oklch(0.21 0.01 84.58 / 0.08);
  --p-color-mark-done: #ffffff;
  --p-color-mark-done: oklch(1 0 0);
  --p-color-mark-on-done: #18181b;
  --p-color-mark-on-done: oklch(0.2103 0.0059 285.89);
  --p-color-nav-active: #ffffff;
  --p-color-nav-active: oklch(1 0 0);
  --p-color-nav-active-icon: #6b6862;
  --p-color-nav-active-icon: oklch(0.5181 0.01 84.59);
  --p-color-neutral-tint: #74716b;
  --p-color-neutral-tint: oklch(0.55 0.01 84.58);
  --p-color-selected-outline: #18181b;
  --p-color-selected-outline: oklch(0.2103 0.0059 285.89);
  --p-color-success-subtle: #e7fcea;
  --p-color-success-subtle: oklch(0.97 0.0324 150);
  --p-color-surface-1: #ffffff;
  --p-color-surface-1: oklch(1 0 0);
  --p-color-surface-hover: #f6f4ef;
  --p-color-surface-hover: oklch(0.967 0.0072 84.58);
  --p-color-surface-pressed: #f1eee9;
  --p-color-surface-pressed: oklch(0.951 0.0078 84.58);
  --p-color-surface-selected: #ffe9df;
  --p-color-surface-selected: oklch(0.95 0.0274 47);
  --p-color-surface-sunken: #faf9f6;
  --p-color-surface-sunken: oklch(0.982 0.0041 91.45);
  --p-color-text-disabled: #89867f;
  --p-color-text-disabled: oklch(0.62 0.0102 84.58);
  --p-color-text-inverse: #fffcf8;
  --p-color-text-inverse: oklch(0.993 0.006 84.58);
  --p-color-text-link: #18181b;
  --p-color-text-link: oklch(0.2103 0.0059 285.89);
  --p-color-text-primary: #18181b;
  --p-color-text-primary: oklch(0.2103 0.0059 285.89);
  --p-color-text-secondary: #6b6862;
  --p-color-text-secondary: oklch(0.5181 0.01 84.59);
  --p-color-text-tertiary: #66635d;
  --p-color-text-tertiary: oklch(0.5 0.01 84.58);
  --p-color-warning-subtle: #fff3e4;
  --p-color-warning-subtle: oklch(0.97 0.0242 75);
  --p-elevation-0-surface: #ffffff;
  --p-elevation-0-surface: oklch(1 0 0);
  --p-elevation-1-surface: #ffffff;
  --p-elevation-1-surface: oklch(1 0 0);
  --p-font-family-sans: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-overlay-bg: #ffffff;
  --p-overlay-bg: oklch(1 0 0);
  --p-overlay-highlight: #1a18130f;
  --p-overlay-highlight: oklch(0.21 0.01 84.58 / 0.06);
  --p-overlay-ring: #1a181314;
  --p-overlay-ring: oklch(0.21 0.01 84.58 / 0.08);
  --p-overlay-separator: #1a181314;
  --p-overlay-separator: oklch(0.21 0.01 84.58 / 0.08);
  --p-ramp-accent-1: #fffcfa;
  --p-ramp-accent-1: oklch(0.992 0.0043 47);
  --p-ramp-accent-10: #a24a14;
  --p-ramp-accent-10: oklch(0.515 0.1323 47);
  --p-ramp-accent-11: #954616;
  --p-ramp-accent-11: oklch(0.488 0.1215 47);
  --p-ramp-accent-12: #402517;
  --p-ramp-accent-12: oklch(0.296 0.0473 47);
  --p-ramp-accent-2: #fff6f1;
  --p-ramp-accent-2: oklch(0.978 0.0118 47);
  --p-ramp-accent-3: #ffe9df;
  --p-ramp-accent-3: oklch(0.95 0.0274 47);
  --p-ramp-accent-4: #ffdecf;
  --p-ramp-accent-4: oklch(0.925 0.0418 47);
  --p-ramp-accent-5: #ffd1bb;
  --p-ramp-accent-5: oklch(0.895 0.06 47);
  --p-ramp-accent-6: #ffc1a3;
  --p-ramp-accent-6: oklch(0.86 0.0823 47);
  --p-ramp-accent-7: #ffab82;
  --p-ramp-accent-7: oklch(0.815 0.1132 47);
  --p-ramp-accent-8: #dd875b;
  --p-ramp-accent-8: oklch(0.705 0.1215 47);
  --p-ramp-accent-9: #b15520;
  --p-ramp-accent-9: oklch(0.555 0.135 47);
  --p-ramp-neutral-1: #fffcf8;
  --p-ramp-neutral-1: oklch(0.993 0.006 84.58);
  --p-ramp-neutral-10: #66635d;
  --p-ramp-neutral-10: oklch(0.5 0.01 84.58);
  --p-ramp-neutral-11: #504d47;
  --p-ramp-neutral-11: oklch(0.42 0.01 84.58);
  --p-ramp-neutral-12: #1a1813;
  --p-ramp-neutral-12: oklch(0.21 0.01 84.58);
  --p-ramp-neutral-2: #fbf9f4;
  --p-ramp-neutral-2: oklch(0.982 0.0066 84.58);
  --p-ramp-neutral-3: #f6f4ef;
  --p-ramp-neutral-3: oklch(0.967 0.0072 84.58);
  --p-ramp-neutral-4: #f1eee9;
  --p-ramp-neutral-4: oklch(0.951 0.0078 84.58);
  --p-ramp-neutral-5: #ece9e3;
  --p-ramp-neutral-5: oklch(0.935 0.0084 84.58);
  --p-ramp-neutral-6: #e6e3dc;
  --p-ramp-neutral-6: oklch(0.915 0.009 84.58);
  --p-ramp-neutral-7: #d9d5cf;
  --p-ramp-neutral-7: oklch(0.875 0.0096 84.58);
  --p-ramp-neutral-8: #89867f;
  --p-ramp-neutral-8: oklch(0.62 0.0102 84.58);
  --p-ramp-neutral-9: #77746e;
  --p-ramp-neutral-9: oklch(0.56 0.01 84.58);
  --p-segmented-active-bg: #ffffff;
  --p-segmented-active-bg: oklch(1 0 0);
  --p-segmented-track: #1a18130a;
  --p-segmented-track: oklch(0.21 0.01 84.58 / 0.04);
  --p-shadow-button-primary: 0 0 0 0 transparent;
  --p-shadow-choice: 0 0 0 0 transparent;
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.01 84.58 / 0.08), 0px 24px 48px -12px oklch(0.21 0.01 84.58 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.01 84.58 / 0.03), 0px 4px 8px -4px oklch(0.21 0.01 84.58 / 0.05), 0px 16px 24px -8px oklch(0.21 0.01 84.58 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.01 84.58 / 0.08);
  --p-shadow-segment-active: 0px 0px 0px 1px oklch(0.21 0.01 84.58 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.01 84.58 / 0.12), 0px 1px 2px 0px oklch(0.21 0.01 84.58 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.01 84.58 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.01 84.58 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #1a18131a;
  --p-slider-track: oklch(0.21 0.01 84.58 / 0.1);
  --p-switch-border-off: #89867f;
  --p-switch-border-off: oklch(0.62 0.0102 84.58);
  --p-switch-track-off: #1a181329;
  --p-switch-track-off: oklch(0.21 0.01 84.58 / 0.16);
  --p-tooltip-bg: #18181b;
  --p-tooltip-bg: oklch(0.2103 0.0059 285.89);
  --p-tooltip-fg: #fffcf8;
  --p-tooltip-fg: oklch(0.993 0.006 84.58);
  --p-type-body-l-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-m-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-s-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-caption-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-display-l-weight: 400;
  --p-type-display-m-weight: 400;
  --p-type-display-s-weight: 400;
  --p-type-label-l-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-m-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-s-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-numeric-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-l-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-m-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-s-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-world="signal"][data-product="paperrift"] {
  --p-brand-sidebar-accent: #918f8c;
  --p-brand-sidebar-accent: oklch(0.6516 0.0057 84.57);
  --p-button-focus-border: #84827f;
  --p-button-focus-border: oklch(0.6076 0.0057 84.57);
  --p-button-ghost-bg-hover: #19171e0a;
  --p-button-ghost-bg-hover: oklch(0.21 0.0142 298.16 / 0.04);
  --p-button-ghost-bg-pressed: #19171e14;
  --p-button-ghost-bg-pressed: oklch(0.21 0.0142 298.16 / 0.08);
  --p-button-secondary-bg: #fdfcff;
  --p-button-secondary-bg: oklch(0.993 0.0038 298.16);
  --p-button-secondary-bg-hover: #19171e0a;
  --p-button-secondary-bg-hover: oklch(0.21 0.0142 298.16 / 0.04);
  --p-choice-border: #87848e;
  --p-choice-border: oklch(0.62 0.0145 298.16);
  --p-color-accent-action: #918f8c;
  --p-color-accent-action: oklch(0.6516 0.0057 84.57);
  --p-color-accent-border: #c4c2bf;
  --p-color-accent-border: oklch(0.815 0.0048 84.57);
  --p-color-accent-seed: #f2f0ec;
  --p-color-accent-seed: oklch(0.9556 0.0057 84.57);
  --p-color-accent-solid: #918f8c;
  --p-color-accent-solid: oklch(0.6516 0.0057 84.57);
  --p-color-accent-solid-hover: #9d9c98;
  --p-color-accent-solid-hover: oklch(0.6916 0.0056 84.57);
  --p-color-accent-solid-pressed: #aaa8a4;
  --p-color-accent-solid-pressed: oklch(0.7316 0.0056 84.57);
  --p-color-accent-text: #5f5d5a;
  --p-color-accent-text: oklch(0.48 0.0051 84.57);
  --p-color-accent-text-pressed: #5f5d5a;
  --p-color-accent-text-pressed: oklch(0.48 0.0051 84.57);
  --p-color-accent-tint: #efeeed;
  --p-color-accent-tint: oklch(0.95 0.0021 84.57);
  --p-color-agent-border: #c4c2bf;
  --p-color-agent-border: oklch(0.815 0.0048 84.57);
  --p-color-agent-mark: #918f8c;
  --p-color-agent-mark: oklch(0.6516 0.0057 84.57);
  --p-color-agent-text: #5f5d5a;
  --p-color-agent-text: oklch(0.48 0.0051 84.57);
  --p-color-agent-tint: #efeeed;
  --p-color-agent-tint: oklch(0.95 0.0021 84.57);
  --p-color-bg-canvas: #f5f3fa;
  --p-color-bg-canvas: oklch(0.967 0.0102 298.16);
  --p-color-bg-default: #fdfcff;
  --p-color-bg-default: oklch(0.993 0.0038 298.16);
  --p-color-bg-panel: #fdfcff;
  --p-color-bg-panel: oklch(0.993 0.0038 298.16);
  --p-color-border-control: #19171e2e;
  --p-color-border-control: oklch(0.21 0.0142 298.16 / 0.18);
  --p-color-border-control-hover: #19171e3d;
  --p-color-border-control-hover: oklch(0.21 0.0142 298.16 / 0.24);
  --p-color-border-control-strong: #19171e3d;
  --p-color-border-control-strong: oklch(0.21 0.0142 298.16 / 0.24);
  --p-color-border-default: #87848e;
  --p-color-border-default: oklch(0.62 0.0145 298.16);
  --p-color-border-hairline: #19171e14;
  --p-color-border-hairline: oklch(0.21 0.0142 298.16 / 0.08);
  --p-color-border-strong: #75737c;
  --p-color-border-strong: oklch(0.56 0.0142 298.16);
  --p-color-border-subtle: #efedf5;
  --p-color-border-subtle: oklch(0.951 0.0111 298.16);
  --p-color-count-bg: #19171e;
  --p-color-count-bg: oklch(0.21 0.0142 298.16);
  --p-color-count-text: #fdfcff;
  --p-color-count-text: oklch(0.993 0.0038 298.16);
  --p-color-danger-subtle: #fef0f0;
  --p-color-danger-subtle: oklch(0.9672 0.0151 21.23);
  --p-color-field-bg: #fdfcff;
  --p-color-field-bg: oklch(0.993 0.0038 298.16);
  --p-color-field-bg-disabled: #19171e08;
  --p-color-field-bg-disabled: oklch(0.21 0.0142 298.16 / 0.03);
  --p-color-field-border-disabled: #19171e0f;
  --p-color-field-border-disabled: oklch(0.21 0.0142 298.16 / 0.06);
  --p-color-field-border-focus: #84827f;
  --p-color-field-border-focus: oklch(0.6076 0.0057 84.57);
  --p-color-field-border-readonly-hover: #19171e1f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.0142 298.16 / 0.12);
  --p-color-focus-ring: #84827f;
  --p-color-focus-ring: oklch(0.6076 0.0057 84.57);
  --p-color-focus-ring-button: #84827f59;
  --p-color-focus-ring-button: oklch(0.6076 0.0057 84.57 / 0.35);
  --p-color-focus-ring-field: #84827f38;
  --p-color-focus-ring-field: oklch(0.6076 0.0057 84.57 / 0.22);
  --p-color-hover-tint: #19171e0a;
  --p-color-hover-tint: oklch(0.21 0.0142 298.16 / 0.04);
  --p-color-info-subtle: #edf5ff;
  --p-color-info-subtle: oklch(0.9672 0.0159 254.08);
  --p-color-ink-a10: #19171e1a;
  --p-color-ink-a10: oklch(0.21 0.0142 298.16 / 0.1);
  --p-color-ink-a12: #19171e1f;
  --p-color-ink-a12: oklch(0.21 0.0142 298.16 / 0.12);
  --p-color-ink-a14: #19171e24;
  --p-color-ink-a14: oklch(0.21 0.0142 298.16 / 0.14);
  --p-color-ink-a16: #19171e29;
  --p-color-ink-a16: oklch(0.21 0.0142 298.16 / 0.16);
  --p-color-ink-a18: #19171e2e;
  --p-color-ink-a18: oklch(0.21 0.0142 298.16 / 0.18);
  --p-color-ink-a20: #19171e33;
  --p-color-ink-a20: oklch(0.21 0.0142 298.16 / 0.2);
  --p-color-ink-a24: #19171e3d;
  --p-color-ink-a24: oklch(0.21 0.0142 298.16 / 0.24);
  --p-color-ink-a28: #19171e47;
  --p-color-ink-a28: oklch(0.21 0.0142 298.16 / 0.28);
  --p-color-ink-a3: #19171e08;
  --p-color-ink-a3: oklch(0.21 0.0142 298.16 / 0.03);
  --p-color-ink-a32: #19171e52;
  --p-color-ink-a32: oklch(0.21 0.0142 298.16 / 0.32);
  --p-color-ink-a4: #19171e0a;
  --p-color-ink-a4: oklch(0.21 0.0142 298.16 / 0.04);
  --p-color-ink-a40: #19171e66;
  --p-color-ink-a40: oklch(0.21 0.0142 298.16 / 0.4);
  --p-color-ink-a5: #19171e0d;
  --p-color-ink-a5: oklch(0.21 0.0142 298.16 / 0.05);
  --p-color-ink-a6: #19171e0f;
  --p-color-ink-a6: oklch(0.21 0.0142 298.16 / 0.06);
  --p-color-ink-a8: #19171e14;
  --p-color-ink-a8: oklch(0.21 0.0142 298.16 / 0.08);
  --p-color-mark-done: #19171e;
  --p-color-mark-done: oklch(0.21 0.0142 298.16);
  --p-color-mark-on-done: #fdfcff;
  --p-color-mark-on-done: oklch(0.993 0.0038 298.16);
  --p-color-nav-active: #e1e0e6;
  --p-color-nav-active: oklch(0.9086 0.0085 300.45);
  --p-color-nav-active-icon: #5f5d5a;
  --p-color-nav-active-icon: oklch(0.48 0.0051 84.57);
  --p-color-neutral-tint: #16141b;
  --p-color-neutral-tint: oklch(0.1969 0.0142 298.16);
  --p-color-selected-outline: #19171e;
  --p-color-selected-outline: oklch(0.21 0.0142 298.16);
  --p-color-success-subtle: #e6fbea;
  --p-color-success-subtle: oklch(0.9672 0.0311 151.48);
  --p-color-surface-1: #fdfcff;
  --p-color-surface-1: oklch(0.993 0.0038 298.16);
  --p-color-surface-hover: #f5f3fa;
  --p-color-surface-hover: oklch(0.967 0.0102 298.16);
  --p-color-surface-pressed: #efedf5;
  --p-color-surface-pressed: oklch(0.951 0.0111 298.16);
  --p-color-surface-selected: #efeeed;
  --p-color-surface-selected: oklch(0.95 0.0021 84.57);
  --p-color-surface-sunken: #faf8ff;
  --p-color-surface-sunken: oklch(0.982 0.0094 298.16);
  --p-color-text-disabled: #87848e;
  --p-color-text-disabled: oklch(0.62 0.0145 298.16);
  --p-color-text-inverse: #fdfcff;
  --p-color-text-inverse: oklch(0.993 0.0038 298.16);
  --p-color-text-link: #5f5d5a;
  --p-color-text-link: oklch(0.48 0.0051 84.57);
  --p-color-text-on-accent: #111114;
  --p-color-text-on-accent: oklch(0.18 0.005 286);
  --p-color-text-primary: #19171e;
  --p-color-text-primary: oklch(0.21 0.0142 298.16);
  --p-color-text-secondary: #4e4c54;
  --p-color-text-secondary: oklch(0.42 0.0142 298.16);
  --p-color-text-tertiary: #64626a;
  --p-color-text-tertiary: oklch(0.5 0.0142 298.16);
  --p-color-warning-subtle: #fef2e4;
  --p-color-warning-subtle: oklch(0.9672 0.0233 72.45);
  --p-elevation-0-surface: #fdfcff;
  --p-elevation-0-surface: oklch(0.993 0.0038 298.16);
  --p-elevation-1-surface: #fdfcff;
  --p-elevation-1-surface: oklch(0.993 0.0038 298.16);
  --p-font-family-display: Cinzel, Georgia, serif;
  --p-font-family-sans: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-overlay-bg: #fdfcff;
  --p-overlay-bg: oklch(0.993 0.0038 298.16);
  --p-overlay-highlight: #19171e0f;
  --p-overlay-highlight: oklch(0.21 0.0142 298.16 / 0.06);
  --p-overlay-ring: #19171e14;
  --p-overlay-ring: oklch(0.21 0.0142 298.16 / 0.08);
  --p-overlay-separator: #19171e14;
  --p-overlay-separator: oklch(0.21 0.0142 298.16 / 0.08);
  --p-radius-card: 12px;
  --p-radius-control: 4px;
  --p-radius-factor: 0.7;
  --p-radius-inner-card: 8px;
  --p-radius-inner-control: 8px;
  --p-radius-pop: 8px;
  --p-radius-sheet: 16px;
  --p-ramp-accent-1: #fcfcfc;
  --p-ramp-accent-1: oklch(0.992 0.0005 84.57);
  --p-ramp-accent-10: #9d9c98;
  --p-ramp-accent-10: oklch(0.6916 0.0056 84.57);
  --p-ramp-accent-11: #5f5d5a;
  --p-ramp-accent-11: oklch(0.48 0.0051 84.57);
  --p-ramp-accent-12: #2d2d2c;
  --p-ramp-accent-12: oklch(0.296 0.002 84.57);
  --p-ramp-accent-2: #f8f8f7;
  --p-ramp-accent-2: oklch(0.978 0.0011 84.57);
  --p-ramp-accent-3: #efeeed;
  --p-ramp-accent-3: oklch(0.95 0.0021 84.57);
  --p-ramp-accent-4: #e7e6e4;
  --p-ramp-accent-4: oklch(0.925 0.0027 84.57);
  --p-ramp-accent-5: #dddcda;
  --p-ramp-accent-5: oklch(0.895 0.0034 84.57);
  --p-ramp-accent-6: #d2d1ce;
  --p-ramp-accent-6: oklch(0.86 0.0041 84.57);
  --p-ramp-accent-7: #c4c2bf;
  --p-ramp-accent-7: oklch(0.815 0.0048 84.57);
  --p-ramp-accent-8: #b0afab;
  --p-ramp-accent-8: oklch(0.7533 0.0051 84.57);
  --p-ramp-accent-9: #918f8c;
  --p-ramp-accent-9: oklch(0.6516 0.0057 84.57);
  --p-ramp-neutral-1: #fdfcff;
  --p-ramp-neutral-1: oklch(0.993 0.0038 298.16);
  --p-ramp-neutral-10: #64626a;
  --p-ramp-neutral-10: oklch(0.5 0.0142 298.16);
  --p-ramp-neutral-11: #4e4c54;
  --p-ramp-neutral-11: oklch(0.42 0.0142 298.16);
  --p-ramp-neutral-12: #19171e;
  --p-ramp-neutral-12: oklch(0.21 0.0142 298.16);
  --p-ramp-neutral-2: #faf8ff;
  --p-ramp-neutral-2: oklch(0.982 0.0094 298.16);
  --p-ramp-neutral-3: #f5f3fa;
  --p-ramp-neutral-3: oklch(0.967 0.0102 298.16);
  --p-ramp-neutral-4: #efedf5;
  --p-ramp-neutral-4: oklch(0.951 0.0111 298.16);
  --p-ramp-neutral-5: #eae8f1;
  --p-ramp-neutral-5: oklch(0.935 0.0119 298.16);
  --p-ramp-neutral-6: #e4e1eb;
  --p-ramp-neutral-6: oklch(0.915 0.0128 298.16);
  --p-ramp-neutral-7: #d7d4de;
  --p-ramp-neutral-7: oklch(0.875 0.0136 298.16);
  --p-ramp-neutral-8: #87848e;
  --p-ramp-neutral-8: oklch(0.62 0.0145 298.16);
  --p-ramp-neutral-9: #75737c;
  --p-ramp-neutral-9: oklch(0.56 0.0142 298.16);
  --p-segmented-active-bg: #fdfcff;
  --p-segmented-active-bg: oklch(0.993 0.0038 298.16);
  --p-segmented-track: #19171e0a;
  --p-segmented-track: oklch(0.21 0.0142 298.16 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.21 0.0142 298.16 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.21 0.0142 298.16 / 0.05);
  --p-shadow-control: 0px 1px 2px 0px oklch(0.21 0.0142 298.16 / 0.05);
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.0142 298.16 / 0.08), 0px 24px 48px -12px oklch(0.21 0.0142 298.16 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.0142 298.16 / 0.03), 0px 4px 8px -4px oklch(0.21 0.0142 298.16 / 0.05), 0px 16px 24px -8px oklch(0.21 0.0142 298.16 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.0142 298.16 / 0.08);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.21 0.0142 298.16 / 0.08), 0px 0px 0px 1px oklch(0.21 0.0142 298.16 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.0142 298.16 / 0.12), 0px 1px 2px 0px oklch(0.21 0.0142 298.16 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.0142 298.16 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.0142 298.16 / 0.08);
  --p-shadow-xs: 0px 1px 2px 0px oklch(0.21 0.0142 298.16 / 0.05);
  --p-slider-track: #19171e1a;
  --p-slider-track: oklch(0.21 0.0142 298.16 / 0.1);
  --p-switch-border-off: #87848e;
  --p-switch-border-off: oklch(0.62 0.0145 298.16);
  --p-switch-track-off: #19171e29;
  --p-switch-track-off: oklch(0.21 0.0142 298.16 / 0.16);
  --p-tooltip-bg: #19171e;
  --p-tooltip-bg: oklch(0.21 0.0142 298.16);
  --p-tooltip-fg: #fdfcff;
  --p-tooltip-fg: oklch(0.993 0.0038 298.16);
  --p-type-body-l-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-body-m-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-body-s-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-caption-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-display-l-family: Cinzel, Georgia, serif;
  --p-type-display-m-family: Cinzel, Georgia, serif;
  --p-type-display-s-family: Cinzel, Georgia, serif;
  --p-type-label-l-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-label-m-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-label-s-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-numeric-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-l-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-m-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-s-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

[data-world="editorial"][data-product="handywright"] {
  --p-brand-sidebar-accent: #141414;
  --p-brand-sidebar-accent: oklch(0.1913 0 89.88);
  --p-button-focus-border: #141414;
  --p-button-focus-border: oklch(0.1913 0 89.88);
  --p-button-ghost-bg-hover: #1a18130a;
  --p-button-ghost-bg-hover: oklch(0.21 0.01 90 / 0.04);
  --p-button-ghost-bg-pressed: #1a181314;
  --p-button-ghost-bg-pressed: oklch(0.21 0.01 90 / 0.08);
  --p-button-secondary-bg: #ffffff;
  --p-button-secondary-bg: oklch(1 0 0);
  --p-button-secondary-bg-hover: #1a18130a;
  --p-button-secondary-bg-hover: oklch(0.21 0.01 90 / 0.04);
  --p-choice-border: #8a8781;
  --p-choice-border: oklch(0.624 0.0102 90);
  --p-color-accent-action: #141414;
  --p-color-accent-action: oklch(0.1913 0 89.88);
  --p-color-accent-border: #d8d6cf;
  --p-color-accent-border: oklch(0.875 0.0096 90);
  --p-color-accent-seed: #ffd21f;
  --p-color-accent-seed: oklch(0.8775 0.1745 92.55);
  --p-color-accent-solid: #141414;
  --p-color-accent-solid: oklch(0.1913 0 89.88);
  --p-color-accent-solid-hover: #282828;
  --p-color-accent-solid-hover: oklch(0.2768 0 89.88);
  --p-color-accent-solid-pressed: #3a3a3a;
  --p-color-accent-solid-pressed: oklch(0.3485 0 89.88);
  --p-color-accent-text: #141414;
  --p-color-accent-text: oklch(0.1913 0 89.88);
  --p-color-accent-text-pressed: #715b00;
  --p-color-accent-text-pressed: oklch(0.48 0.0989 92.55);
  --p-color-accent-tint: #fff6cc;
  --p-color-accent-tint: oklch(0.9697 0.0551 97.26);
  --p-color-agent-border: #c99a00;
  --p-color-agent-border: oklch(0.7107 0.1454 86.65);
  --p-color-agent-mark: #141414;
  --p-color-agent-mark: oklch(0.1913 0 89.88);
  --p-color-agent-text: #141414;
  --p-color-agent-text: oklch(0.1913 0 89.88);
  --p-color-agent-tint: #fff6cc;
  --p-color-agent-tint: oklch(0.9697 0.0551 97.26);
  --p-color-bg-canvas: #f0eee8;
  --p-color-bg-canvas: oklch(0.949 0.0083 91.48);
  --p-color-bg-default: #ffffff;
  --p-color-bg-default: oklch(1 0 0);
  --p-color-bg-panel: #f7f6f2;
  --p-color-bg-panel: oklch(0.9728 0.0054 95.1);
  --p-color-border-control: #1a18132e;
  --p-color-border-control: oklch(0.21 0.01 90 / 0.18);
  --p-color-border-control-hover: #1a18133d;
  --p-color-border-control-hover: oklch(0.21 0.01 90 / 0.24);
  --p-color-border-control-strong: #1a18133d;
  --p-color-border-control-strong: oklch(0.21 0.01 90 / 0.24);
  --p-color-border-default: #8a8781;
  --p-color-border-default: oklch(0.624 0.0102 90);
  --p-color-border-hairline: #1a181314;
  --p-color-border-hairline: oklch(0.21 0.01 90 / 0.08);
  --p-color-border-strong: #77756f;
  --p-color-border-strong: oklch(0.562 0.01 90);
  --p-color-border-subtle: #e5e2da;
  --p-color-border-subtle: oklch(0.9129 0.0112 89.73);
  --p-color-count-bg: #f1efe9;
  --p-color-count-bg: oklch(0.951 0.0078 90);
  --p-color-count-text: #66635c;
  --p-color-count-text: oklch(0.5002 0.0115 87.52);
  --p-color-danger-subtle: #fff2f0;
  --p-color-danger-subtle: oklch(0.97 0.0148 27);
  --p-color-field-bg: #ffffff;
  --p-color-field-bg: oklch(1 0 0);
  --p-color-field-bg-disabled: #1a181308;
  --p-color-field-bg-disabled: oklch(0.21 0.01 90 / 0.03);
  --p-color-field-border-disabled: #1a18130f;
  --p-color-field-border-disabled: oklch(0.21 0.01 90 / 0.06);
  --p-color-field-border-focus: #141414;
  --p-color-field-border-focus: oklch(0.1913 0 89.88);
  --p-color-field-border-readonly-hover: #1a18131f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.01 90 / 0.12);
  --p-color-focus-ring: #141414;
  --p-color-focus-ring: oklch(0.1913 0 89.88);
  --p-color-focus-ring-button: #14141459;
  --p-color-focus-ring-button: oklch(0.1913 0 89.88 / 0.35);
  --p-color-focus-ring-field: #14141438;
  --p-color-focus-ring-field: oklch(0.1913 0 89.88 / 0.22);
  --p-color-hover-tint: #1a18130a;
  --p-color-hover-tint: oklch(0.21 0.01 90 / 0.04);
  --p-color-info-subtle: #eef6ff;
  --p-color-info-subtle: oklch(0.97 0.0148 250);
  --p-color-ink-a10: #1a18131a;
  --p-color-ink-a10: oklch(0.21 0.01 90 / 0.1);
  --p-color-ink-a12: #1a18131f;
  --p-color-ink-a12: oklch(0.21 0.01 90 / 0.12);
  --p-color-ink-a14: #1a181324;
  --p-color-ink-a14: oklch(0.21 0.01 90 / 0.14);
  --p-color-ink-a16: #1a181329;
  --p-color-ink-a16: oklch(0.21 0.01 90 / 0.16);
  --p-color-ink-a18: #1a18132e;
  --p-color-ink-a18: oklch(0.21 0.01 90 / 0.18);
  --p-color-ink-a20: #1a181333;
  --p-color-ink-a20: oklch(0.21 0.01 90 / 0.2);
  --p-color-ink-a24: #1a18133d;
  --p-color-ink-a24: oklch(0.21 0.01 90 / 0.24);
  --p-color-ink-a28: #1a181347;
  --p-color-ink-a28: oklch(0.21 0.01 90 / 0.28);
  --p-color-ink-a3: #1a181308;
  --p-color-ink-a3: oklch(0.21 0.01 90 / 0.03);
  --p-color-ink-a32: #1a181352;
  --p-color-ink-a32: oklch(0.21 0.01 90 / 0.32);
  --p-color-ink-a4: #1a18130a;
  --p-color-ink-a4: oklch(0.21 0.01 90 / 0.04);
  --p-color-ink-a40: #1a181366;
  --p-color-ink-a40: oklch(0.21 0.01 90 / 0.4);
  --p-color-ink-a5: #1a18130d;
  --p-color-ink-a5: oklch(0.21 0.01 90 / 0.05);
  --p-color-ink-a6: #1a18130f;
  --p-color-ink-a6: oklch(0.21 0.01 90 / 0.06);
  --p-color-ink-a8: #1a181314;
  --p-color-ink-a8: oklch(0.21 0.01 90 / 0.08);
  --p-color-mark-done: #ffffff;
  --p-color-mark-done: oklch(1 0 0);
  --p-color-mark-on-done: #141414;
  --p-color-mark-on-done: oklch(0.1913 0 89.88);
  --p-color-nav-active: #ffffff;
  --p-color-nav-active: oklch(1 0 0);
  --p-color-nav-active-icon: #66635c;
  --p-color-nav-active-icon: oklch(0.5002 0.0115 87.52);
  --p-color-neutral-tint: #74716b;
  --p-color-neutral-tint: oklch(0.55 0.01 90);
  --p-color-selected-outline: #141414;
  --p-color-selected-outline: oklch(0.1913 0 89.88);
  --p-color-success-subtle: #e7fcea;
  --p-color-success-subtle: oklch(0.97 0.0324 150);
  --p-color-surface-1: #ffffff;
  --p-color-surface-1: oklch(1 0 0);
  --p-color-surface-hover: #f6f4ef;
  --p-color-surface-hover: oklch(0.967 0.0072 90);
  --p-color-surface-pressed: #f1efe9;
  --p-color-surface-pressed: oklch(0.951 0.0078 90);
  --p-color-surface-selected: #fdeebf;
  --p-color-surface-selected: oklch(0.95 0.0628 92.55);
  --p-color-surface-sunken: #f7f6f2;
  --p-color-surface-sunken: oklch(0.9728 0.0054 95.1);
  --p-color-text-disabled: #8a8781;
  --p-color-text-disabled: oklch(0.624 0.0102 90);
  --p-color-text-inverse: #fefdf8;
  --p-color-text-inverse: oklch(0.993 0.006 90);
  --p-color-text-link: #141414;
  --p-color-text-link: oklch(0.1913 0 89.88);
  --p-color-text-primary: #141414;
  --p-color-text-primary: oklch(0.1913 0 89.88);
  --p-color-text-secondary: #66635c;
  --p-color-text-secondary: oklch(0.5002 0.0115 87.52);
  --p-color-text-tertiary: #65635d;
  --p-color-text-tertiary: oklch(0.5 0.01 90);
  --p-color-warning-subtle: #fff3e4;
  --p-color-warning-subtle: oklch(0.97 0.0242 75);
  --p-elevation-0-surface: #ffffff;
  --p-elevation-0-surface: oklch(1 0 0);
  --p-elevation-1-surface: #ffffff;
  --p-elevation-1-surface: oklch(1 0 0);
  --p-font-family-sans: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-overlay-bg: #ffffff;
  --p-overlay-bg: oklch(1 0 0);
  --p-overlay-highlight: #1a18130f;
  --p-overlay-highlight: oklch(0.21 0.01 90 / 0.06);
  --p-overlay-ring: #1a181314;
  --p-overlay-ring: oklch(0.21 0.01 90 / 0.08);
  --p-overlay-separator: #1a181314;
  --p-overlay-separator: oklch(0.21 0.01 90 / 0.08);
  --p-ramp-accent-1: #fffcf4;
  --p-ramp-accent-1: oklch(0.992 0.0116 92.55);
  --p-ramp-accent-10: #bb9900;
  --p-ramp-accent-10: oklch(0.6935 0.1422 92.55);
  --p-ramp-accent-11: #715b00;
  --p-ramp-accent-11: oklch(0.48 0.0989 92.55);
  --p-ramp-accent-12: #382b00;
  --p-ramp-accent-12: oklch(0.296 0.0611 92.55);
  --p-ramp-accent-2: #fff8e1;
  --p-ramp-accent-2: oklch(0.978 0.0314 92.55);
  --p-ramp-accent-3: #fdeebf;
  --p-ramp-accent-3: oklch(0.95 0.0628 92.55);
  --p-ramp-accent-4: #fae5a6;
  --p-ramp-accent-4: oklch(0.925 0.0838 92.55);
  --p-ramp-accent-5: #f5db8a;
  --p-ramp-accent-5: oklch(0.895 0.1047 92.55);
  --p-ramp-accent-6: #eecf6a;
  --p-ramp-accent-6: oklch(0.86 0.1256 92.55);
  --p-ramp-accent-7: #e4bf3e;
  --p-ramp-accent-7: oklch(0.815 0.1466 92.55);
  --p-ramp-accent-8: #d2ab00;
  --p-ramp-accent-8: oklch(0.7542 0.1546 92.55);
  --p-ramp-accent-9: #ad8d00;
  --p-ramp-accent-9: oklch(0.6535 0.1341 92.55);
  --p-ramp-neutral-1: #fefdf8;
  --p-ramp-neutral-1: oklch(0.993 0.006 90);
  --p-ramp-neutral-10: #65635d;
  --p-ramp-neutral-10: oklch(0.5 0.01 90);
  --p-ramp-neutral-11: #504e48;
  --p-ramp-neutral-11: oklch(0.424 0.01 90);
  --p-ramp-neutral-12: #1a1813;
  --p-ramp-neutral-12: oklch(0.21 0.01 90);
  --p-ramp-neutral-2: #fbf9f4;
  --p-ramp-neutral-2: oklch(0.982 0.0066 90);
  --p-ramp-neutral-3: #f6f4ef;
  --p-ramp-neutral-3: oklch(0.967 0.0072 90);
  --p-ramp-neutral-4: #f1efe9;
  --p-ramp-neutral-4: oklch(0.951 0.0078 90);
  --p-ramp-neutral-5: #ece9e3;
  --p-ramp-neutral-5: oklch(0.935 0.0084 90);
  --p-ramp-neutral-6: #e5e3dc;
  --p-ramp-neutral-6: oklch(0.915 0.009 90);
  --p-ramp-neutral-7: #d8d6cf;
  --p-ramp-neutral-7: oklch(0.875 0.0096 90);
  --p-ramp-neutral-8: #8a8781;
  --p-ramp-neutral-8: oklch(0.624 0.0102 90);
  --p-ramp-neutral-9: #77756f;
  --p-ramp-neutral-9: oklch(0.562 0.01 90);
  --p-segmented-active-bg: #ffffff;
  --p-segmented-active-bg: oklch(1 0 0);
  --p-segmented-track: #1a18130a;
  --p-segmented-track: oklch(0.21 0.01 90 / 0.04);
  --p-shadow-button-primary: 0 0 0 0 transparent;
  --p-shadow-choice: 0 0 0 0 transparent;
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.01 90 / 0.08), 0px 24px 48px -12px oklch(0.21 0.01 90 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.01 90 / 0.03), 0px 4px 8px -4px oklch(0.21 0.01 90 / 0.05), 0px 16px 24px -8px oklch(0.21 0.01 90 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.01 90 / 0.08);
  --p-shadow-segment-active: 0px 0px 0px 1px oklch(0.21 0.01 90 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.01 90 / 0.12), 0px 1px 2px 0px oklch(0.21 0.01 90 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.01 90 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.01 90 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #1a18131a;
  --p-slider-track: oklch(0.21 0.01 90 / 0.1);
  --p-switch-border-off: #8a8781;
  --p-switch-border-off: oklch(0.624 0.0102 90);
  --p-switch-track-off: #1a181329;
  --p-switch-track-off: oklch(0.21 0.01 90 / 0.16);
  --p-tooltip-bg: #141414;
  --p-tooltip-bg: oklch(0.1913 0 89.88);
  --p-tooltip-fg: #fefdf8;
  --p-tooltip-fg: oklch(0.993 0.006 90);
  --p-type-body-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-caption-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-display-l-weight: 600;
  --p-type-display-m-weight: 600;
  --p-type-display-s-weight: 600;
  --p-type-label-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-numeric-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-world="signal"][data-product="ownmode"] {
  --p-brand-sidebar-accent: #2f6f57;
  --p-brand-sidebar-accent: oklch(0.4926 0.0769 165.99);
  --p-button-focus-border: #2f6f57;
  --p-button-focus-border: oklch(0.4926 0.0769 165.99);
  --p-button-ghost-bg-hover: #1a18120a;
  --p-button-ghost-bg-hover: oklch(0.21 0.0114 89.73 / 0.04);
  --p-button-ghost-bg-pressed: #1a181214;
  --p-button-ghost-bg-pressed: oklch(0.21 0.0114 89.73 / 0.08);
  --p-button-secondary-bg: #fefdf8;
  --p-button-secondary-bg: oklch(0.993 0.0068 89.73);
  --p-button-secondary-bg-hover: #1a18120a;
  --p-button-secondary-bg-hover: oklch(0.21 0.0114 89.73 / 0.04);
  --p-choice-border: #8a8780;
  --p-choice-border: oklch(0.624 0.0116 89.73);
  --p-color-accent-action: #2f6f57;
  --p-color-accent-action: oklch(0.4926 0.0769 165.99);
  --p-color-accent-border: #9bd0b9;
  --p-color-accent-border: oklch(0.815 0.0646 165.99);
  --p-color-accent-seed: #2f6f57;
  --p-color-accent-seed: oklch(0.4926 0.0769 165.99);
  --p-color-accent-solid: #2f6f57;
  --p-color-accent-solid: oklch(0.4926 0.0769 165.99);
  --p-color-accent-solid-hover: #24634c;
  --p-color-accent-solid-hover: oklch(0.4526 0.0754 165.99);
  --p-color-accent-solid-pressed: #245d48;
  --p-color-accent-solid-pressed: oklch(0.4326 0.0692 165.99);
  --p-color-accent-text: #245d48;
  --p-color-accent-text: oklch(0.4326 0.0692 165.99);
  --p-color-accent-text-pressed: #245d48;
  --p-color-accent-text-pressed: oklch(0.4326 0.0692 165.99);
  --p-color-accent-tint: #e3efe8;
  --p-color-accent-tint: oklch(0.9412 0.0158 160.61);
  --p-color-agent-border: #9bd0b9;
  --p-color-agent-border: oklch(0.815 0.0646 165.99);
  --p-color-agent-mark: #2f6f57;
  --p-color-agent-mark: oklch(0.4926 0.0769 165.99);
  --p-color-agent-text: #245d48;
  --p-color-agent-text: oklch(0.4326 0.0692 165.99);
  --p-color-agent-tint: #def5ea;
  --p-color-agent-tint: oklch(0.95 0.0277 165.99);
  --p-color-bg-canvas: #f6f4ee;
  --p-color-bg-canvas: oklch(0.967 0.0082 89.73);
  --p-color-bg-default: #fefdf8;
  --p-color-bg-default: oklch(0.993 0.0068 89.73);
  --p-color-bg-panel: #fefdf8;
  --p-color-bg-panel: oklch(0.993 0.0068 89.73);
  --p-color-border-control: #1a18122e;
  --p-color-border-control: oklch(0.21 0.0114 89.73 / 0.18);
  --p-color-border-control-hover: #1a18123d;
  --p-color-border-control-hover: oklch(0.21 0.0114 89.73 / 0.24);
  --p-color-border-control-strong: #1a18123d;
  --p-color-border-control-strong: oklch(0.21 0.0114 89.73 / 0.24);
  --p-color-border-default: #8a8780;
  --p-color-border-default: oklch(0.624 0.0116 89.73);
  --p-color-border-hairline: #1a181214;
  --p-color-border-hairline: oklch(0.21 0.0114 89.73 / 0.08);
  --p-color-border-strong: #78756e;
  --p-color-border-strong: oklch(0.562 0.0114 89.73);
  --p-color-border-subtle: #f1efe8;
  --p-color-border-subtle: oklch(0.951 0.0089 89.73);
  --p-color-count-bg: #202227;
  --p-color-count-bg: oklch(0.252 0.0099 268.29);
  --p-color-count-text: #fefdf8;
  --p-color-count-text: oklch(0.993 0.0068 89.73);
  --p-color-danger-subtle: #fff1ed;
  --p-color-danger-subtle: oklch(0.9672 0.0164 35.46);
  --p-color-field-bg: #fefdf8;
  --p-color-field-bg: oklch(0.993 0.0068 89.73);
  --p-color-field-bg-disabled: #1a181208;
  --p-color-field-bg-disabled: oklch(0.21 0.0114 89.73 / 0.03);
  --p-color-field-border-disabled: #1a18120f;
  --p-color-field-border-disabled: oklch(0.21 0.0114 89.73 / 0.06);
  --p-color-field-border-focus: #2f6f57;
  --p-color-field-border-focus: oklch(0.4926 0.0769 165.99);
  --p-color-field-border-readonly-hover: #1a18121f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.0114 89.73 / 0.12);
  --p-color-focus-ring: #2f6f57;
  --p-color-focus-ring: oklch(0.4926 0.0769 165.99);
  --p-color-focus-ring-button: #2f6f5759;
  --p-color-focus-ring-button: oklch(0.4926 0.0769 165.99 / 0.35);
  --p-color-focus-ring-field: #2f6f5738;
  --p-color-focus-ring-field: oklch(0.4926 0.0769 165.99 / 0.22);
  --p-color-hover-tint: #1a18120a;
  --p-color-hover-tint: oklch(0.21 0.0114 89.73 / 0.04);
  --p-color-info-subtle: #eef5fc;
  --p-color-info-subtle: oklch(0.9672 0.0124 245.74);
  --p-color-ink-a10: #1a18121a;
  --p-color-ink-a10: oklch(0.21 0.0114 89.73 / 0.1);
  --p-color-ink-a12: #1a18121f;
  --p-color-ink-a12: oklch(0.21 0.0114 89.73 / 0.12);
  --p-color-ink-a14: #1a181224;
  --p-color-ink-a14: oklch(0.21 0.0114 89.73 / 0.14);
  --p-color-ink-a16: #1a181229;
  --p-color-ink-a16: oklch(0.21 0.0114 89.73 / 0.16);
  --p-color-ink-a18: #1a18122e;
  --p-color-ink-a18: oklch(0.21 0.0114 89.73 / 0.18);
  --p-color-ink-a20: #1a181233;
  --p-color-ink-a20: oklch(0.21 0.0114 89.73 / 0.2);
  --p-color-ink-a24: #1a18123d;
  --p-color-ink-a24: oklch(0.21 0.0114 89.73 / 0.24);
  --p-color-ink-a28: #1a181247;
  --p-color-ink-a28: oklch(0.21 0.0114 89.73 / 0.28);
  --p-color-ink-a3: #1a181208;
  --p-color-ink-a3: oklch(0.21 0.0114 89.73 / 0.03);
  --p-color-ink-a32: #1a181252;
  --p-color-ink-a32: oklch(0.21 0.0114 89.73 / 0.32);
  --p-color-ink-a4: #1a18120a;
  --p-color-ink-a4: oklch(0.21 0.0114 89.73 / 0.04);
  --p-color-ink-a40: #1a181266;
  --p-color-ink-a40: oklch(0.21 0.0114 89.73 / 0.4);
  --p-color-ink-a5: #1a18120d;
  --p-color-ink-a5: oklch(0.21 0.0114 89.73 / 0.05);
  --p-color-ink-a6: #1a18120f;
  --p-color-ink-a6: oklch(0.21 0.0114 89.73 / 0.06);
  --p-color-ink-a8: #1a181214;
  --p-color-ink-a8: oklch(0.21 0.0114 89.73 / 0.08);
  --p-color-mark-done: #202227;
  --p-color-mark-done: oklch(0.252 0.0099 268.29);
  --p-color-mark-on-done: #fefdf8;
  --p-color-mark-on-done: oklch(0.993 0.0068 89.73);
  --p-color-nav-active: #dce1d8;
  --p-color-nav-active: oklch(0.9029 0.0122 131.01);
  --p-color-nav-active-icon: #245d48;
  --p-color-nav-active-icon: oklch(0.4326 0.0692 165.99);
  --p-color-neutral-tint: #74716a;
  --p-color-neutral-tint: oklch(0.55 0.0114 89.73);
  --p-color-selected-outline: #202227;
  --p-color-selected-outline: oklch(0.252 0.0099 268.29);
  --p-color-success-subtle: #e6fbe7;
  --p-color-success-subtle: oklch(0.9672 0.0338 146);
  --p-color-surface-1: #fefdf8;
  --p-color-surface-1: oklch(0.993 0.0068 89.73);
  --p-color-surface-hover: #f6f4ee;
  --p-color-surface-hover: oklch(0.967 0.0082 89.73);
  --p-color-surface-pressed: #f1efe8;
  --p-color-surface-pressed: oklch(0.951 0.0089 89.73);
  --p-color-surface-selected: #def5ea;
  --p-color-surface-selected: oklch(0.95 0.0277 165.99);
  --p-color-surface-sunken: #f1efe8;
  --p-color-surface-sunken: oklch(0.9517 0.0096 93.57);
  --p-color-text-disabled: #8a8780;
  --p-color-text-disabled: oklch(0.624 0.0116 89.73);
  --p-color-text-inverse: #fefdf8;
  --p-color-text-inverse: oklch(0.993 0.0068 89.73);
  --p-color-text-link: #245d48;
  --p-color-text-link: oklch(0.4326 0.0692 165.99);
  --p-color-text-primary: #202227;
  --p-color-text-primary: oklch(0.252 0.0099 268.29);
  --p-color-text-secondary: #4a4d53;
  --p-color-text-secondary: oklch(0.4196 0.0107 264.45);
  --p-color-text-tertiary: #6e6a5e;
  --p-color-text-tertiary: oklch(0.5243 0.019 91.68);
  --p-color-warning-subtle: #fff2e1;
  --p-color-warning-subtle: oklch(0.9672 0.0271 76.46);
  --p-elevation-0-surface: #fefdf8;
  --p-elevation-0-surface: oklch(0.993 0.0068 89.73);
  --p-elevation-1-surface: #fefdf8;
  --p-elevation-1-surface: oklch(0.993 0.0068 89.73);
  --p-font-family-display: ui-serif, Georgia, serif;
  --p-font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-overlay-bg: #fefdf8;
  --p-overlay-bg: oklch(0.993 0.0068 89.73);
  --p-overlay-highlight: #1a18120f;
  --p-overlay-highlight: oklch(0.21 0.0114 89.73 / 0.06);
  --p-overlay-ring: #1a181214;
  --p-overlay-ring: oklch(0.21 0.0114 89.73 / 0.08);
  --p-overlay-separator: #1a181214;
  --p-overlay-separator: oklch(0.21 0.0114 89.73 / 0.08);
  --p-radius-card: 20px;
  --p-radius-factor: 1.2;
  --p-radius-inner-control: 16px;
  --p-ramp-accent-1: #f8fefb;
  --p-ramp-accent-1: oklch(0.992 0.0074 165.99);
  --p-ramp-accent-10: #24634c;
  --p-ramp-accent-10: oklch(0.4526 0.0754 165.99);
  --p-ramp-accent-11: #245d48;
  --p-ramp-accent-11: oklch(0.4326 0.0692 165.99);
  --p-ramp-accent-12: #21322b;
  --p-ramp-accent-12: oklch(0.3 0.0269 165.99);
  --p-ramp-accent-2: #effbf5;
  --p-ramp-accent-2: oklch(0.978 0.0154 165.99);
  --p-ramp-accent-3: #def5ea;
  --p-ramp-accent-3: oklch(0.95 0.0277 165.99);
  --p-ramp-accent-4: #d0efe1;
  --p-ramp-accent-4: oklch(0.925 0.0369 165.99);
  --p-ramp-accent-5: #c1e7d5;
  --p-ramp-accent-5: oklch(0.895 0.0461 165.99);
  --p-ramp-accent-6: #afddc9;
  --p-ramp-accent-6: oklch(0.86 0.0554 165.99);
  --p-ramp-accent-7: #9bd0b9;
  --p-ramp-accent-7: oklch(0.815 0.0646 165.99);
  --p-ramp-accent-8: #6ca48d;
  --p-ramp-accent-8: oklch(0.6738 0.0692 165.99);
  --p-ramp-accent-9: #2f6f57;
  --p-ramp-accent-9: oklch(0.4926 0.0769 165.99);
  --p-ramp-neutral-1: #fefdf8;
  --p-ramp-neutral-1: oklch(0.993 0.0068 89.73);
  --p-ramp-neutral-10: #66635c;
  --p-ramp-neutral-10: oklch(0.5 0.0114 89.73);
  --p-ramp-neutral-11: #514e47;
  --p-ramp-neutral-11: oklch(0.424 0.0114 89.73);
  --p-ramp-neutral-12: #1a1812;
  --p-ramp-neutral-12: oklch(0.21 0.0114 89.73);
  --p-ramp-neutral-2: #fbf9f4;
  --p-ramp-neutral-2: oklch(0.982 0.0075 89.73);
  --p-ramp-neutral-3: #f6f4ee;
  --p-ramp-neutral-3: oklch(0.967 0.0082 89.73);
  --p-ramp-neutral-4: #f1efe8;
  --p-ramp-neutral-4: oklch(0.951 0.0089 89.73);
  --p-ramp-neutral-5: #ece9e2;
  --p-ramp-neutral-5: oklch(0.935 0.0096 89.73);
  --p-ramp-neutral-6: #e5e3db;
  --p-ramp-neutral-6: oklch(0.915 0.0103 89.73);
  --p-ramp-neutral-7: #d8d6ce;
  --p-ramp-neutral-7: oklch(0.875 0.0109 89.73);
  --p-ramp-neutral-8: #8a8780;
  --p-ramp-neutral-8: oklch(0.624 0.0116 89.73);
  --p-ramp-neutral-9: #78756e;
  --p-ramp-neutral-9: oklch(0.562 0.0114 89.73);
  --p-segmented-active-bg: #fefdf8;
  --p-segmented-active-bg: oklch(0.993 0.0068 89.73);
  --p-segmented-track: #1a18120a;
  --p-segmented-track: oklch(0.21 0.0114 89.73 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.21 0.0114 89.73 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.21 0.0114 89.73 / 0.05);
  --p-shadow-control: 0px 1px 2px 0px oklch(0.21 0.0114 89.73 / 0.05);
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.0114 89.73 / 0.08), 0px 24px 48px -12px oklch(0.21 0.0114 89.73 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.0114 89.73 / 0.03), 0px 4px 8px -4px oklch(0.21 0.0114 89.73 / 0.05), 0px 16px 24px -8px oklch(0.21 0.0114 89.73 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.0114 89.73 / 0.08);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.21 0.0114 89.73 / 0.08), 0px 0px 0px 1px oklch(0.21 0.0114 89.73 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.0114 89.73 / 0.12), 0px 1px 2px 0px oklch(0.21 0.0114 89.73 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.0114 89.73 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.0114 89.73 / 0.08);
  --p-shadow-xs: 0px 1px 2px 0px oklch(0.21 0.0114 89.73 / 0.05);
  --p-slider-track: #1a18121a;
  --p-slider-track: oklch(0.21 0.0114 89.73 / 0.1);
  --p-switch-border-off: #8a8780;
  --p-switch-border-off: oklch(0.624 0.0116 89.73);
  --p-switch-track-off: #1a181229;
  --p-switch-track-off: oklch(0.21 0.0114 89.73 / 0.16);
  --p-tooltip-bg: #202227;
  --p-tooltip-bg: oklch(0.252 0.0099 268.29);
  --p-tooltip-fg: #fefdf8;
  --p-tooltip-fg: oklch(0.993 0.0068 89.73);
  --p-type-body-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-body-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-body-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-caption-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-display-l-family: ui-serif, Georgia, serif;
  --p-type-display-m-family: ui-serif, Georgia, serif;
  --p-type-display-s-family: ui-serif, Georgia, serif;
  --p-type-label-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-label-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-label-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-numeric-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-title-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-title-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-title-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
}

[data-world="editorial"][data-product="oslerpress"] {
  --p-brand-sidebar-accent: #8d9093;
  --p-brand-sidebar-accent: oklch(0.6517 0.0051 247.88);
  --p-button-focus-border: #14191e;
  --p-button-focus-border: oklch(0.21 0.012 250);
  --p-button-ghost-bg-hover: #14191e0a;
  --p-button-ghost-bg-hover: oklch(0.21 0.012 250 / 0.04);
  --p-button-ghost-bg-pressed: #14191e14;
  --p-button-ghost-bg-pressed: oklch(0.21 0.012 250 / 0.08);
  --p-button-secondary-bg: #fbfdff;
  --p-button-secondary-bg: oklch(0.993 0.0035 250);
  --p-button-secondary-bg-hover: #14191e0a;
  --p-button-secondary-bg-hover: oklch(0.21 0.012 250 / 0.04);
  --p-choice-border: #81878d;
  --p-choice-border: oklch(0.62 0.0122 250);
  --p-color-accent-action: #8d9093;
  --p-color-accent-action: oklch(0.6517 0.0051 247.88);
  --p-color-accent-border: #d0d7dd;
  --p-color-accent-border: oklch(0.875 0.0115 250);
  --p-color-accent-seed: #f3f6f9;
  --p-color-accent-seed: oklch(0.9717 0.0051 247.88);
  --p-color-accent-solid: #8d9093;
  --p-color-accent-solid: oklch(0.6517 0.0051 247.88);
  --p-color-accent-solid-hover: #999c9f;
  --p-color-accent-solid-hover: oklch(0.6917 0.005 247.88);
  --p-color-accent-solid-pressed: #a6a8ab;
  --p-color-accent-solid-pressed: oklch(0.7317 0.005 247.88);
  --p-color-accent-text: #14191e;
  --p-color-accent-text: oklch(0.21 0.012 250);
  --p-color-accent-text-pressed: #5a5d5f;
  --p-color-accent-text-pressed: oklch(0.476 0.0046 247.88);
  --p-color-accent-tint: #f0f5fa;
  --p-color-accent-tint: oklch(0.967 0.0086 250);
  --p-color-agent-border: #c0c3c5;
  --p-color-agent-border: oklch(0.815 0.0043 247.88);
  --p-color-agent-mark: #8d9093;
  --p-color-agent-mark: oklch(0.6517 0.0051 247.88);
  --p-color-agent-text: #5a5d5f;
  --p-color-agent-text: oklch(0.476 0.0046 247.88);
  --p-color-agent-tint: #edeef0;
  --p-color-agent-tint: oklch(0.95 0.0018 247.88);
  --p-color-bg-canvas: #eaeff5;
  --p-color-bg-canvas: oklch(0.951 0.0094 250);
  --p-color-bg-default: #fbfdff;
  --p-color-bg-default: oklch(0.993 0.0035 250);
  --p-color-bg-panel: #fbfdff;
  --p-color-bg-panel: oklch(0.993 0.0035 250);
  --p-color-border-control: #14191e2e;
  --p-color-border-control: oklch(0.21 0.012 250 / 0.18);
  --p-color-border-control-hover: #14191e3d;
  --p-color-border-control-hover: oklch(0.21 0.012 250 / 0.24);
  --p-color-border-control-strong: #14191e3d;
  --p-color-border-control-strong: oklch(0.21 0.012 250 / 0.24);
  --p-color-border-default: #81878d;
  --p-color-border-default: oklch(0.62 0.0122 250);
  --p-color-border-hairline: #14191e14;
  --p-color-border-hairline: oklch(0.21 0.012 250 / 0.08);
  --p-color-border-strong: #6f757b;
  --p-color-border-strong: oklch(0.56 0.012 250);
  --p-color-border-subtle: #dee4ea;
  --p-color-border-subtle: oklch(0.915 0.0108 250);
  --p-color-count-bg: #eaeff5;
  --p-color-count-bg: oklch(0.951 0.0094 250);
  --p-color-count-text: #484e54;
  --p-color-count-text: oklch(0.42 0.012 250);
  --p-color-danger-subtle: #fef1f0;
  --p-color-danger-subtle: oklch(0.9672 0.014 23.09);
  --p-color-field-bg: #fbfdff;
  --p-color-field-bg: oklch(0.993 0.0035 250);
  --p-color-field-bg-disabled: #14191e08;
  --p-color-field-bg-disabled: oklch(0.21 0.012 250 / 0.03);
  --p-color-field-border-disabled: #14191e0f;
  --p-color-field-border-disabled: oklch(0.21 0.012 250 / 0.06);
  --p-color-field-border-focus: #14191e;
  --p-color-field-border-focus: oklch(0.21 0.012 250);
  --p-color-field-border-readonly-hover: #14191e1f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.012 250 / 0.12);
  --p-color-focus-ring: #14191e;
  --p-color-focus-ring: oklch(0.21 0.012 250);
  --p-color-focus-ring-button: #14191e59;
  --p-color-focus-ring-button: oklch(0.21 0.012 250 / 0.35);
  --p-color-focus-ring-field: #14191e38;
  --p-color-focus-ring-field: oklch(0.21 0.012 250 / 0.22);
  --p-color-hover-tint: #14191e0a;
  --p-color-hover-tint: oklch(0.21 0.012 250 / 0.04);
  --p-color-info-subtle: #f4f8fc;
  --p-color-info-subtle: oklch(0.9774 0.0066 250);
  --p-color-ink-a10: #14191e1a;
  --p-color-ink-a10: oklch(0.21 0.012 250 / 0.1);
  --p-color-ink-a12: #14191e1f;
  --p-color-ink-a12: oklch(0.21 0.012 250 / 0.12);
  --p-color-ink-a14: #14191e24;
  --p-color-ink-a14: oklch(0.21 0.012 250 / 0.14);
  --p-color-ink-a16: #14191e29;
  --p-color-ink-a16: oklch(0.21 0.012 250 / 0.16);
  --p-color-ink-a18: #14191e2e;
  --p-color-ink-a18: oklch(0.21 0.012 250 / 0.18);
  --p-color-ink-a20: #14191e33;
  --p-color-ink-a20: oklch(0.21 0.012 250 / 0.2);
  --p-color-ink-a24: #14191e3d;
  --p-color-ink-a24: oklch(0.21 0.012 250 / 0.24);
  --p-color-ink-a28: #14191e47;
  --p-color-ink-a28: oklch(0.21 0.012 250 / 0.28);
  --p-color-ink-a3: #14191e08;
  --p-color-ink-a3: oklch(0.21 0.012 250 / 0.03);
  --p-color-ink-a32: #14191e52;
  --p-color-ink-a32: oklch(0.21 0.012 250 / 0.32);
  --p-color-ink-a4: #14191e0a;
  --p-color-ink-a4: oklch(0.21 0.012 250 / 0.04);
  --p-color-ink-a40: #14191e66;
  --p-color-ink-a40: oklch(0.21 0.012 250 / 0.4);
  --p-color-ink-a5: #14191e0d;
  --p-color-ink-a5: oklch(0.21 0.012 250 / 0.05);
  --p-color-ink-a6: #14191e0f;
  --p-color-ink-a6: oklch(0.21 0.012 250 / 0.06);
  --p-color-ink-a8: #14191e14;
  --p-color-ink-a8: oklch(0.21 0.012 250 / 0.08);
  --p-color-mark-done: #fbfdff;
  --p-color-mark-done: oklch(0.993 0.0035 250);
  --p-color-mark-on-done: #14191e;
  --p-color-mark-on-done: oklch(0.21 0.012 250);
  --p-color-nav-active: #cdd2d8;
  --p-color-nav-active: oklch(0.8621 0.0097 250);
  --p-color-nav-active-icon: #14191e;
  --p-color-nav-active-icon: oklch(0.21 0.012 250);
  --p-color-neutral-tint: #6c7278;
  --p-color-neutral-tint: oklch(0.55 0.012 250);
  --p-color-selected-outline: #14191e;
  --p-color-selected-outline: oklch(0.21 0.012 250);
  --p-color-success-subtle: #e5fbea;
  --p-color-success-subtle: oklch(0.9672 0.0322 152.46);
  --p-color-surface-1: #fbfdff;
  --p-color-surface-1: oklch(0.993 0.0035 250);
  --p-color-surface-hover: #f0f5fa;
  --p-color-surface-hover: oklch(0.967 0.0086 250);
  --p-color-surface-pressed: #eaeff5;
  --p-color-surface-pressed: oklch(0.951 0.0094 250);
  --p-color-surface-selected: #edeef0;
  --p-color-surface-selected: oklch(0.95 0.0018 247.88);
  --p-color-surface-sunken: #f5fafe;
  --p-color-surface-sunken: oklch(0.982 0.0079 250);
  --p-color-text-disabled: #81878d;
  --p-color-text-disabled: oklch(0.62 0.0122 250);
  --p-color-text-inverse: #fbfdff;
  --p-color-text-inverse: oklch(0.993 0.0035 250);
  --p-color-text-link: #14191e;
  --p-color-text-link: oklch(0.21 0.012 250);
  --p-color-text-on-accent: #111114;
  --p-color-text-on-accent: oklch(0.18 0.005 286);
  --p-color-text-primary: #14191e;
  --p-color-text-primary: oklch(0.21 0.012 250);
  --p-color-text-secondary: #484e54;
  --p-color-text-secondary: oklch(0.42 0.012 250);
  --p-color-text-tertiary: #5e646a;
  --p-color-text-tertiary: oklch(0.5 0.012 250);
  --p-color-warning-subtle: #fef2e4;
  --p-color-warning-subtle: oklch(0.9672 0.023 75.3);
  --p-elevation-0-surface: #fbfdff;
  --p-elevation-0-surface: oklch(0.993 0.0035 250);
  --p-elevation-1-surface: #fbfdff;
  --p-elevation-1-surface: oklch(0.993 0.0035 250);
  --p-font-family-mono: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-font-family-sans: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-overlay-bg: #fbfdff;
  --p-overlay-bg: oklch(0.993 0.0035 250);
  --p-overlay-highlight: #14191e0f;
  --p-overlay-highlight: oklch(0.21 0.012 250 / 0.06);
  --p-overlay-ring: #14191e14;
  --p-overlay-ring: oklch(0.21 0.012 250 / 0.08);
  --p-overlay-separator: #14191e14;
  --p-overlay-separator: oklch(0.21 0.012 250 / 0.08);
  --p-ramp-accent-1: #fcfcfd;
  --p-ramp-accent-1: oklch(0.992 0.0005 247.88);
  --p-ramp-accent-10: #999c9f;
  --p-ramp-accent-10: oklch(0.6917 0.005 247.88);
  --p-ramp-accent-11: #5a5d5f;
  --p-ramp-accent-11: oklch(0.476 0.0046 247.88);
  --p-ramp-accent-12: #2c2d2e;
  --p-ramp-accent-12: oklch(0.296 0.0018 247.88);
  --p-ramp-accent-2: #f7f8f8;
  --p-ramp-accent-2: oklch(0.978 0.001 247.88);
  --p-ramp-accent-3: #edeef0;
  --p-ramp-accent-3: oklch(0.95 0.0018 247.88);
  --p-ramp-accent-4: #e5e6e8;
  --p-ramp-accent-4: oklch(0.925 0.0024 247.88);
  --p-ramp-accent-5: #dbdcde;
  --p-ramp-accent-5: oklch(0.895 0.0031 247.88);
  --p-ramp-accent-6: #cfd1d3;
  --p-ramp-accent-6: oklch(0.86 0.0037 247.88);
  --p-ramp-accent-7: #c0c3c5;
  --p-ramp-accent-7: oklch(0.815 0.0043 247.88);
  --p-ramp-accent-8: #adafb2;
  --p-ramp-accent-8: oklch(0.7533 0.0046 247.88);
  --p-ramp-accent-9: #8d9093;
  --p-ramp-accent-9: oklch(0.6517 0.0051 247.88);
  --p-ramp-neutral-1: #fbfdff;
  --p-ramp-neutral-1: oklch(0.993 0.0035 250);
  --p-ramp-neutral-10: #5e646a;
  --p-ramp-neutral-10: oklch(0.5 0.012 250);
  --p-ramp-neutral-11: #484e54;
  --p-ramp-neutral-11: oklch(0.42 0.012 250);
  --p-ramp-neutral-12: #14191e;
  --p-ramp-neutral-12: oklch(0.21 0.012 250);
  --p-ramp-neutral-2: #f5fafe;
  --p-ramp-neutral-2: oklch(0.982 0.0079 250);
  --p-ramp-neutral-3: #f0f5fa;
  --p-ramp-neutral-3: oklch(0.967 0.0086 250);
  --p-ramp-neutral-4: #eaeff5;
  --p-ramp-neutral-4: oklch(0.951 0.0094 250);
  --p-ramp-neutral-5: #e5eaf0;
  --p-ramp-neutral-5: oklch(0.935 0.0101 250);
  --p-ramp-neutral-6: #dee4ea;
  --p-ramp-neutral-6: oklch(0.915 0.0108 250);
  --p-ramp-neutral-7: #d0d7dd;
  --p-ramp-neutral-7: oklch(0.875 0.0115 250);
  --p-ramp-neutral-8: #81878d;
  --p-ramp-neutral-8: oklch(0.62 0.0122 250);
  --p-ramp-neutral-9: #6f757b;
  --p-ramp-neutral-9: oklch(0.56 0.012 250);
  --p-segmented-active-bg: #fbfdff;
  --p-segmented-active-bg: oklch(0.993 0.0035 250);
  --p-segmented-track: #14191e0a;
  --p-segmented-track: oklch(0.21 0.012 250 / 0.04);
  --p-shadow-button-primary: 0 0 0 0 transparent;
  --p-shadow-choice: 0 0 0 0 transparent;
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.012 250 / 0.08), 0px 24px 48px -12px oklch(0.21 0.012 250 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.012 250 / 0.03), 0px 4px 8px -4px oklch(0.21 0.012 250 / 0.05), 0px 16px 24px -8px oklch(0.21 0.012 250 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.012 250 / 0.08);
  --p-shadow-segment-active: 0px 0px 0px 1px oklch(0.21 0.012 250 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.012 250 / 0.12), 0px 1px 2px 0px oklch(0.21 0.012 250 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.012 250 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.012 250 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #14191e1a;
  --p-slider-track: oklch(0.21 0.012 250 / 0.1);
  --p-switch-border-off: #81878d;
  --p-switch-border-off: oklch(0.62 0.0122 250);
  --p-switch-track-off: #14191e29;
  --p-switch-track-off: oklch(0.21 0.012 250 / 0.16);
  --p-tooltip-bg: #14191e;
  --p-tooltip-bg: oklch(0.21 0.012 250);
  --p-tooltip-fg: #fbfdff;
  --p-tooltip-fg: oklch(0.993 0.0035 250);
  --p-type-body-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-caption-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-code-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-display-l-weight: 600;
  --p-type-display-m-weight: 600;
  --p-type-display-s-weight: 600;
  --p-type-label-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-numeric-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-world="signal"][data-product="loudsoup"] {
  --p-brand-sidebar-accent: #d21d55;
  --p-brand-sidebar-accent: oklch(0.5612 0.2104 11.21);
  --p-button-focus-border: #d21d55;
  --p-button-focus-border: oklch(0.5612 0.2104 11.21);
  --p-button-ghost-bg-hover: #1b18140a;
  --p-button-ghost-bg-hover: oklch(0.21 0.008 73.74 / 0.04);
  --p-button-ghost-bg-pressed: #1b181414;
  --p-button-ghost-bg-pressed: oklch(0.21 0.008 73.74 / 0.08);
  --p-button-secondary-bg: #fffcf9;
  --p-button-secondary-bg: oklch(0.993 0.0048 73.74);
  --p-button-secondary-bg-hover: #1b18140a;
  --p-button-secondary-bg-hover: oklch(0.21 0.008 73.74 / 0.04);
  --p-choice-border: #898581;
  --p-choice-border: oklch(0.62 0.0082 73.74);
  --p-color-accent-action: #d21d55;
  --p-color-accent-action: oklch(0.5612 0.2104 11.21);
  --p-color-accent-border: #ffa5b1;
  --p-color-accent-border: oklch(0.815 0.1067 11.21);
  --p-color-accent-seed: #d21d55;
  --p-color-accent-seed: oklch(0.5612 0.2104 11.21);
  --p-color-accent-solid: #d21d55;
  --p-color-accent-solid: oklch(0.5612 0.2104 11.21);
  --p-color-accent-solid-hover: #c2054b;
  --p-color-accent-solid-hover: oklch(0.5212 0.2062 11.21);
  --p-color-accent-solid-pressed: #b51547;
  --p-color-accent-solid-pressed: oklch(0.5 0.1894 11.21);
  --p-color-accent-text: #b51547;
  --p-color-accent-text: oklch(0.5 0.1894 11.21);
  --p-color-accent-text-pressed: #b51547;
  --p-color-accent-text-pressed: oklch(0.5 0.1894 11.21);
  --p-color-accent-tint: #ffe8ea;
  --p-color-accent-tint: oklch(0.95 0.0254 11.21);
  --p-color-agent-border: #ffa5b1;
  --p-color-agent-border: oklch(0.815 0.1067 11.21);
  --p-color-agent-mark: #d21d55;
  --p-color-agent-mark: oklch(0.5612 0.2104 11.21);
  --p-color-agent-text: #b51547;
  --p-color-agent-text: oklch(0.5 0.1894 11.21);
  --p-color-agent-tint: #ffe8ea;
  --p-color-agent-tint: oklch(0.95 0.0254 11.21);
  --p-color-bg-canvas: #f6f4f0;
  --p-color-bg-canvas: oklch(0.967 0.0058 73.74);
  --p-color-bg-default: #fffcf9;
  --p-color-bg-default: oklch(0.993 0.0048 73.74);
  --p-color-bg-panel: #fffcf9;
  --p-color-bg-panel: oklch(0.993 0.0048 73.74);
  --p-color-border-control: #1b18142e;
  --p-color-border-control: oklch(0.21 0.008 73.74 / 0.18);
  --p-color-border-control-hover: #1b18143d;
  --p-color-border-control-hover: oklch(0.21 0.008 73.74 / 0.24);
  --p-color-border-control-strong: #1b18143d;
  --p-color-border-control-strong: oklch(0.21 0.008 73.74 / 0.24);
  --p-color-border-default: #898581;
  --p-color-border-default: oklch(0.62 0.0082 73.74);
  --p-color-border-hairline: #1b181414;
  --p-color-border-hairline: oklch(0.21 0.008 73.74 / 0.08);
  --p-color-border-strong: #77746f;
  --p-color-border-strong: oklch(0.56 0.008 73.74);
  --p-color-border-subtle: #f1eeea;
  --p-color-border-subtle: oklch(0.951 0.0062 73.74);
  --p-color-count-bg: #1b1814;
  --p-color-count-bg: oklch(0.21 0.008 73.74);
  --p-color-count-text: #fffcf9;
  --p-color-count-text: oklch(0.993 0.0048 73.74);
  --p-color-danger-subtle: #fff0ed;
  --p-color-danger-subtle: oklch(0.9672 0.0164 31.9);
  --p-color-field-bg: #fffcf9;
  --p-color-field-bg: oklch(0.993 0.0048 73.74);
  --p-color-field-bg-disabled: #1b181408;
  --p-color-field-bg-disabled: oklch(0.21 0.008 73.74 / 0.03);
  --p-color-field-border-disabled: #1b18140f;
  --p-color-field-border-disabled: oklch(0.21 0.008 73.74 / 0.06);
  --p-color-field-border-focus: #d21d55;
  --p-color-field-border-focus: oklch(0.5612 0.2104 11.21);
  --p-color-field-border-readonly-hover: #1b18141f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.008 73.74 / 0.12);
  --p-color-focus-ring: #d21d55;
  --p-color-focus-ring: oklch(0.5612 0.2104 11.21);
  --p-color-focus-ring-button: #d21d5559;
  --p-color-focus-ring-button: oklch(0.5612 0.2104 11.21 / 0.35);
  --p-color-focus-ring-field: #d21d5538;
  --p-color-focus-ring-field: oklch(0.5612 0.2104 11.21 / 0.22);
  --p-color-hover-tint: #1b18140a;
  --p-color-hover-tint: oklch(0.21 0.008 73.74 / 0.04);
  --p-color-info-subtle: #eef5fd;
  --p-color-info-subtle: oklch(0.9672 0.013 249.45);
  --p-color-ink-a10: #1b18141a;
  --p-color-ink-a10: oklch(0.21 0.008 73.74 / 0.1);
  --p-color-ink-a12: #1b18141f;
  --p-color-ink-a12: oklch(0.21 0.008 73.74 / 0.12);
  --p-color-ink-a14: #1b181424;
  --p-color-ink-a14: oklch(0.21 0.008 73.74 / 0.14);
  --p-color-ink-a16: #1b181429;
  --p-color-ink-a16: oklch(0.21 0.008 73.74 / 0.16);
  --p-color-ink-a18: #1b18142e;
  --p-color-ink-a18: oklch(0.21 0.008 73.74 / 0.18);
  --p-color-ink-a20: #1b181433;
  --p-color-ink-a20: oklch(0.21 0.008 73.74 / 0.2);
  --p-color-ink-a24: #1b18143d;
  --p-color-ink-a24: oklch(0.21 0.008 73.74 / 0.24);
  --p-color-ink-a28: #1b181447;
  --p-color-ink-a28: oklch(0.21 0.008 73.74 / 0.28);
  --p-color-ink-a3: #1b181408;
  --p-color-ink-a3: oklch(0.21 0.008 73.74 / 0.03);
  --p-color-ink-a32: #1b181452;
  --p-color-ink-a32: oklch(0.21 0.008 73.74 / 0.32);
  --p-color-ink-a4: #1b18140a;
  --p-color-ink-a4: oklch(0.21 0.008 73.74 / 0.04);
  --p-color-ink-a40: #1b181466;
  --p-color-ink-a40: oklch(0.21 0.008 73.74 / 0.4);
  --p-color-ink-a5: #1b18140d;
  --p-color-ink-a5: oklch(0.21 0.008 73.74 / 0.05);
  --p-color-ink-a6: #1b18140f;
  --p-color-ink-a6: oklch(0.21 0.008 73.74 / 0.06);
  --p-color-ink-a8: #1b181414;
  --p-color-ink-a8: oklch(0.21 0.008 73.74 / 0.08);
  --p-color-mark-done: #1b1814;
  --p-color-mark-done: oklch(0.21 0.008 73.74);
  --p-color-mark-on-done: #fffcf9;
  --p-color-mark-on-done: oklch(0.993 0.0048 73.74);
  --p-color-nav-active: #f2dbda;
  --p-color-nav-active: oklch(0.911 0.0255 21.44);
  --p-color-nav-active-icon: #b51547;
  --p-color-nav-active-icon: oklch(0.5 0.1894 11.21);
  --p-color-neutral-tint: #74716c;
  --p-color-neutral-tint: oklch(0.55 0.008 73.74);
  --p-color-selected-outline: #1b1814;
  --p-color-selected-outline: oklch(0.21 0.008 73.74);
  --p-color-success-subtle: #e7fbe8;
  --p-color-success-subtle: oklch(0.9672 0.0329 146.75);
  --p-color-surface-1: #fffcf9;
  --p-color-surface-1: oklch(0.993 0.0048 73.74);
  --p-color-surface-hover: #f6f4f0;
  --p-color-surface-hover: oklch(0.967 0.0058 73.74);
  --p-color-surface-pressed: #f1eeea;
  --p-color-surface-pressed: oklch(0.951 0.0062 73.74);
  --p-color-surface-selected: #ffe8ea;
  --p-color-surface-selected: oklch(0.95 0.0254 11.21);
  --p-color-surface-sunken: #fbf9f5;
  --p-color-surface-sunken: oklch(0.982 0.0053 73.74);
  --p-color-text-disabled: #898581;
  --p-color-text-disabled: oklch(0.62 0.0082 73.74);
  --p-color-text-inverse: #fffcf9;
  --p-color-text-inverse: oklch(0.993 0.0048 73.74);
  --p-color-text-link: #b51547;
  --p-color-text-link: oklch(0.5 0.1894 11.21);
  --p-color-text-primary: #1b1814;
  --p-color-text-primary: oklch(0.21 0.008 73.74);
  --p-color-text-secondary: #504c48;
  --p-color-text-secondary: oklch(0.42 0.008 73.74);
  --p-color-text-tertiary: #66635e;
  --p-color-text-tertiary: oklch(0.5 0.008 73.74);
  --p-color-warning-subtle: #fff2e1;
  --p-color-warning-subtle: oklch(0.9672 0.0263 74.91);
  --p-elevation-0-surface: #fffcf9;
  --p-elevation-0-surface: oklch(0.993 0.0048 73.74);
  --p-elevation-1-surface: #fffcf9;
  --p-elevation-1-surface: oklch(0.993 0.0048 73.74);
  --p-font-family-display: Fraunces, Georgia, serif;
  --p-font-family-sans: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-nav-preset: "topbar";
  --p-overlay-bg: #fffcf9;
  --p-overlay-bg: oklch(0.993 0.0048 73.74);
  --p-overlay-highlight: #1b18140f;
  --p-overlay-highlight: oklch(0.21 0.008 73.74 / 0.06);
  --p-overlay-ring: #1b181414;
  --p-overlay-ring: oklch(0.21 0.008 73.74 / 0.08);
  --p-overlay-separator: #1b181414;
  --p-overlay-separator: oklch(0.21 0.008 73.74 / 0.08);
  --p-radius-card: 12px;
  --p-radius-control: 4px;
  --p-radius-factor: 0.65;
  --p-radius-inner-card: 8px;
  --p-radius-inner-control: 8px;
  --p-radius-pop: 8px;
  --p-radius-sheet: 16px;
  --p-ramp-accent-1: #fffbfc;
  --p-ramp-accent-1: oklch(0.992 0.004 11.21);
  --p-ramp-accent-10: #c2054b;
  --p-ramp-accent-10: oklch(0.5212 0.2062 11.21);
  --p-ramp-accent-11: #b51547;
  --p-ramp-accent-11: oklch(0.5 0.1894 11.21);
  --p-ramp-accent-12: #4c1b24;
  --p-ramp-accent-12: oklch(0.3 0.0736 11.21);
  --p-ramp-accent-2: #fff5f6;
  --p-ramp-accent-2: oklch(0.978 0.011 11.21);
  --p-ramp-accent-3: #ffe8ea;
  --p-ramp-accent-3: oklch(0.95 0.0254 11.21);
  --p-ramp-accent-4: #ffdce0;
  --p-ramp-accent-4: oklch(0.925 0.0389 11.21);
  --p-ramp-accent-5: #ffced3;
  --p-ramp-accent-5: oklch(0.895 0.056 11.21);
  --p-ramp-accent-6: #ffbdc4;
  --p-ramp-accent-6: oklch(0.86 0.0772 11.21);
  --p-ramp-accent-7: #ffa5b1;
  --p-ramp-accent-7: oklch(0.815 0.1067 11.21);
  --p-ramp-accent-8: #ff6483;
  --p-ramp-accent-8: oklch(0.7081 0.1893 11.21);
  --p-ramp-accent-9: #d21d55;
  --p-ramp-accent-9: oklch(0.5612 0.2104 11.21);
  --p-ramp-neutral-1: #fffcf9;
  --p-ramp-neutral-1: oklch(0.993 0.0048 73.74);
  --p-ramp-neutral-10: #66635e;
  --p-ramp-neutral-10: oklch(0.5 0.008 73.74);
  --p-ramp-neutral-11: #504c48;
  --p-ramp-neutral-11: oklch(0.42 0.008 73.74);
  --p-ramp-neutral-12: #1b1814;
  --p-ramp-neutral-12: oklch(0.21 0.008 73.74);
  --p-ramp-neutral-2: #fbf9f5;
  --p-ramp-neutral-2: oklch(0.982 0.0053 73.74);
  --p-ramp-neutral-3: #f6f4f0;
  --p-ramp-neutral-3: oklch(0.967 0.0058 73.74);
  --p-ramp-neutral-4: #f1eeea;
  --p-ramp-neutral-4: oklch(0.951 0.0062 73.74);
  --p-ramp-neutral-5: #ece9e5;
  --p-ramp-neutral-5: oklch(0.935 0.0067 73.74);
  --p-ramp-neutral-6: #e6e2de;
  --p-ramp-neutral-6: oklch(0.915 0.0072 73.74);
  --p-ramp-neutral-7: #d9d5d0;
  --p-ramp-neutral-7: oklch(0.875 0.0077 73.74);
  --p-ramp-neutral-8: #898581;
  --p-ramp-neutral-8: oklch(0.62 0.0082 73.74);
  --p-ramp-neutral-9: #77746f;
  --p-ramp-neutral-9: oklch(0.56 0.008 73.74);
  --p-segmented-active-bg: #fffcf9;
  --p-segmented-active-bg: oklch(0.993 0.0048 73.74);
  --p-segmented-track: #1b18140a;
  --p-segmented-track: oklch(0.21 0.008 73.74 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.21 0.008 73.74 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.21 0.008 73.74 / 0.05);
  --p-shadow-control: 0px 1px 2px 0px oklch(0.21 0.008 73.74 / 0.05);
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.008 73.74 / 0.08), 0px 24px 48px -12px oklch(0.21 0.008 73.74 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.008 73.74 / 0.03), 0px 4px 8px -4px oklch(0.21 0.008 73.74 / 0.05), 0px 16px 24px -8px oklch(0.21 0.008 73.74 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.008 73.74 / 0.08);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.21 0.008 73.74 / 0.08), 0px 0px 0px 1px oklch(0.21 0.008 73.74 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.008 73.74 / 0.12), 0px 1px 2px 0px oklch(0.21 0.008 73.74 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.008 73.74 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.008 73.74 / 0.08);
  --p-shadow-xs: 0px 1px 2px 0px oklch(0.21 0.008 73.74 / 0.05);
  --p-slider-track: #1b18141a;
  --p-slider-track: oklch(0.21 0.008 73.74 / 0.1);
  --p-switch-border-off: #898581;
  --p-switch-border-off: oklch(0.62 0.0082 73.74);
  --p-switch-track-off: #1b181429;
  --p-switch-track-off: oklch(0.21 0.008 73.74 / 0.16);
  --p-tooltip-bg: #1b1814;
  --p-tooltip-bg: oklch(0.21 0.008 73.74);
  --p-tooltip-fg: #fffcf9;
  --p-tooltip-fg: oklch(0.993 0.0048 73.74);
  --p-type-body-l-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-body-m-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-body-s-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-caption-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-display-l-family: Fraunces, Georgia, serif;
  --p-type-display-m-family: Fraunces, Georgia, serif;
  --p-type-display-s-family: Fraunces, Georgia, serif;
  --p-type-label-l-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-label-m-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-label-s-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-numeric-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-title-l-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-title-m-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-title-s-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
}

[data-world="signal"][data-product="execemy"] {
  --p-brand-sidebar-accent: #2f52e0;
  --p-brand-sidebar-accent: oklch(0.5084 0.2187 267.04);
  --p-button-focus-border: #2f52e0;
  --p-button-focus-border: oklch(0.5084 0.2187 267.04);
  --p-button-ghost-bg-hover: #1b18130a;
  --p-button-ghost-bg-hover: oklch(0.21 0.0105 84.59 / 0.04);
  --p-button-ghost-bg-pressed: #1b181314;
  --p-button-ghost-bg-pressed: oklch(0.21 0.0105 84.59 / 0.08);
  --p-button-secondary-bg: #fffcf8;
  --p-button-secondary-bg: oklch(0.993 0.0063 84.59);
  --p-button-secondary-bg-hover: #1b18130a;
  --p-button-secondary-bg-hover: oklch(0.21 0.0105 84.59 / 0.04);
  --p-choice-border: #89867f;
  --p-choice-border: oklch(0.62 0.0107 84.59);
  --p-color-accent-action: #2f52e0;
  --p-color-accent-action: oklch(0.5084 0.2187 267.04);
  --p-color-accent-border: #a8c1ff;
  --p-color-accent-border: oklch(0.815 0.0921 267.04);
  --p-color-accent-seed: #2f52e0;
  --p-color-accent-seed: oklch(0.5084 0.2187 267.04);
  --p-color-accent-solid: #2f52e0;
  --p-color-accent-solid: oklch(0.5084 0.2187 267.04);
  --p-color-accent-solid-hover: #2746d0;
  --p-color-accent-solid-hover: oklch(0.4684 0.2143 267.04);
  --p-color-accent-solid-pressed: #2543bf;
  --p-color-accent-solid-pressed: oklch(0.4484 0.1968 267.04);
  --p-color-accent-text: #2543bf;
  --p-color-accent-text: oklch(0.4484 0.1968 267.04);
  --p-color-accent-text-pressed: #2543bf;
  --p-color-accent-text-pressed: oklch(0.4484 0.1968 267.04);
  --p-color-accent-tint: #e7eeff;
  --p-color-accent-tint: oklch(0.95 0.0237 267.04);
  --p-color-agent-border: #a8c1ff;
  --p-color-agent-border: oklch(0.815 0.0921 267.04);
  --p-color-agent-mark: #2f52e0;
  --p-color-agent-mark: oklch(0.5084 0.2187 267.04);
  --p-color-agent-text: #2543bf;
  --p-color-agent-text: oklch(0.4484 0.1968 267.04);
  --p-color-agent-tint: #e7eeff;
  --p-color-agent-tint: oklch(0.95 0.0237 267.04);
  --p-color-bg-canvas: #f6f4ee;
  --p-color-bg-canvas: oklch(0.967 0.0076 84.59);
  --p-color-bg-default: #fffcf8;
  --p-color-bg-default: oklch(0.993 0.0063 84.59);
  --p-color-bg-panel: #fffcf8;
  --p-color-bg-panel: oklch(0.993 0.0063 84.59);
  --p-color-border-control: #1b18132e;
  --p-color-border-control: oklch(0.21 0.0105 84.59 / 0.18);
  --p-color-border-control-hover: #1b18133d;
  --p-color-border-control-hover: oklch(0.21 0.0105 84.59 / 0.24);
  --p-color-border-control-strong: #1b18133d;
  --p-color-border-control-strong: oklch(0.21 0.0105 84.59 / 0.24);
  --p-color-border-default: #89867f;
  --p-color-border-default: oklch(0.62 0.0107 84.59);
  --p-color-border-hairline: #1b181314;
  --p-color-border-hairline: oklch(0.21 0.0105 84.59 / 0.08);
  --p-color-border-strong: #77746e;
  --p-color-border-strong: oklch(0.56 0.0105 84.59);
  --p-color-border-subtle: #f1eee9;
  --p-color-border-subtle: oklch(0.951 0.0082 84.59);
  --p-color-count-bg: #1b1813;
  --p-color-count-bg: oklch(0.21 0.0105 84.59);
  --p-color-count-text: #fffcf8;
  --p-color-count-text: oklch(0.993 0.0063 84.59);
  --p-color-danger-subtle: #fff1ed;
  --p-color-danger-subtle: oklch(0.9672 0.0165 34.41);
  --p-color-field-bg: #fffcf8;
  --p-color-field-bg: oklch(0.993 0.0063 84.59);
  --p-color-field-bg-disabled: #1b181308;
  --p-color-field-bg-disabled: oklch(0.21 0.0105 84.59 / 0.03);
  --p-color-field-border-disabled: #1b18130f;
  --p-color-field-border-disabled: oklch(0.21 0.0105 84.59 / 0.06);
  --p-color-field-border-focus: #2f52e0;
  --p-color-field-border-focus: oklch(0.5084 0.2187 267.04);
  --p-color-field-border-readonly-hover: #1b18131f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.0105 84.59 / 0.12);
  --p-color-focus-ring: #2f52e0;
  --p-color-focus-ring: oklch(0.5084 0.2187 267.04);
  --p-color-focus-ring-button: #2f52e059;
  --p-color-focus-ring-button: oklch(0.5084 0.2187 267.04 / 0.35);
  --p-color-focus-ring-field: #2f52e038;
  --p-color-focus-ring-field: oklch(0.5084 0.2187 267.04 / 0.22);
  --p-color-hover-tint: #1b18130a;
  --p-color-hover-tint: oklch(0.21 0.0105 84.59 / 0.04);
  --p-color-info-subtle: #eef5fc;
  --p-color-info-subtle: oklch(0.9672 0.0125 247.08);
  --p-color-ink-a10: #1b18131a;
  --p-color-ink-a10: oklch(0.21 0.0105 84.59 / 0.1);
  --p-color-ink-a12: #1b18131f;
  --p-color-ink-a12: oklch(0.21 0.0105 84.59 / 0.12);
  --p-color-ink-a14: #1b181324;
  --p-color-ink-a14: oklch(0.21 0.0105 84.59 / 0.14);
  --p-color-ink-a16: #1b181329;
  --p-color-ink-a16: oklch(0.21 0.0105 84.59 / 0.16);
  --p-color-ink-a18: #1b18132e;
  --p-color-ink-a18: oklch(0.21 0.0105 84.59 / 0.18);
  --p-color-ink-a20: #1b181333;
  --p-color-ink-a20: oklch(0.21 0.0105 84.59 / 0.2);
  --p-color-ink-a24: #1b18133d;
  --p-color-ink-a24: oklch(0.21 0.0105 84.59 / 0.24);
  --p-color-ink-a28: #1b181347;
  --p-color-ink-a28: oklch(0.21 0.0105 84.59 / 0.28);
  --p-color-ink-a3: #1b181308;
  --p-color-ink-a3: oklch(0.21 0.0105 84.59 / 0.03);
  --p-color-ink-a32: #1b181352;
  --p-color-ink-a32: oklch(0.21 0.0105 84.59 / 0.32);
  --p-color-ink-a4: #1b18130a;
  --p-color-ink-a4: oklch(0.21 0.0105 84.59 / 0.04);
  --p-color-ink-a40: #1b181366;
  --p-color-ink-a40: oklch(0.21 0.0105 84.59 / 0.4);
  --p-color-ink-a5: #1b18130d;
  --p-color-ink-a5: oklch(0.21 0.0105 84.59 / 0.05);
  --p-color-ink-a6: #1b18130f;
  --p-color-ink-a6: oklch(0.21 0.0105 84.59 / 0.06);
  --p-color-ink-a8: #1b181314;
  --p-color-ink-a8: oklch(0.21 0.0105 84.59 / 0.08);
  --p-color-mark-done: #1b1813;
  --p-color-mark-done: oklch(0.21 0.0105 84.59);
  --p-color-mark-on-done: #fffcf8;
  --p-color-mark-on-done: oklch(0.993 0.0063 84.59);
  --p-color-nav-active: #dbdfeb;
  --p-color-nav-active: oklch(0.9048 0.0169 268.01);
  --p-color-nav-active-icon: #2543bf;
  --p-color-nav-active-icon: oklch(0.4484 0.1968 267.04);
  --p-color-neutral-tint: #e2ded7;
  --p-color-neutral-tint: oklch(0.9018 0.0105 84.59);
  --p-color-selected-outline: #1b1813;
  --p-color-selected-outline: oklch(0.21 0.0105 84.59);
  --p-color-success-subtle: #e7fbe7;
  --p-color-success-subtle: oklch(0.9672 0.0335 146.08);
  --p-color-surface-1: #fffcf8;
  --p-color-surface-1: oklch(0.993 0.0063 84.59);
  --p-color-surface-hover: #f6f4ee;
  --p-color-surface-hover: oklch(0.967 0.0076 84.59);
  --p-color-surface-pressed: #f1eee9;
  --p-color-surface-pressed: oklch(0.951 0.0082 84.59);
  --p-color-surface-selected: #e7eeff;
  --p-color-surface-selected: oklch(0.95 0.0237 267.04);
  --p-color-surface-sunken: #fbf9f4;
  --p-color-surface-sunken: oklch(0.982 0.0069 84.59);
  --p-color-text-disabled: #89867f;
  --p-color-text-disabled: oklch(0.62 0.0107 84.59);
  --p-color-text-inverse: #fffcf8;
  --p-color-text-inverse: oklch(0.993 0.0063 84.59);
  --p-color-text-link: #2543bf;
  --p-color-text-link: oklch(0.4484 0.1968 267.04);
  --p-color-text-primary: #1b1813;
  --p-color-text-primary: oklch(0.21 0.0105 84.59);
  --p-color-text-secondary: #504d47;
  --p-color-text-secondary: oklch(0.42 0.0105 84.59);
  --p-color-text-tertiary: #66635d;
  --p-color-text-tertiary: oklch(0.5 0.0105 84.59);
  --p-color-warning-subtle: #fff2e1;
  --p-color-warning-subtle: oklch(0.9672 0.0269 75.89);
  --p-elevation-0-surface: #fffcf8;
  --p-elevation-0-surface: oklch(0.993 0.0063 84.59);
  --p-elevation-1-surface: #fffcf8;
  --p-elevation-1-surface: oklch(0.993 0.0063 84.59);
  --p-font-family-display: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-font-family-sans: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-nav-preset: "sidebar";
  --p-overlay-bg: #fffcf8;
  --p-overlay-bg: oklch(0.993 0.0063 84.59);
  --p-overlay-highlight: #1b18130f;
  --p-overlay-highlight: oklch(0.21 0.0105 84.59 / 0.06);
  --p-overlay-ring: #1b181314;
  --p-overlay-ring: oklch(0.21 0.0105 84.59 / 0.08);
  --p-overlay-separator: #1b181314;
  --p-overlay-separator: oklch(0.21 0.0105 84.59 / 0.08);
  --p-radius-card: 12px;
  --p-radius-control: 4px;
  --p-radius-factor: 0.8;
  --p-radius-inner-card: 12px;
  --p-radius-inner-control: 8px;
  --p-radius-pop: 8px;
  --p-radius-sheet: 20px;
  --p-ramp-accent-1: #fbfcff;
  --p-ramp-accent-1: oklch(0.992 0.0038 267.04);
  --p-ramp-accent-10: #2746d0;
  --p-ramp-accent-10: oklch(0.4684 0.2143 267.04);
  --p-ramp-accent-11: #2543bf;
  --p-ramp-accent-11: oklch(0.4484 0.1968 267.04);
  --p-ramp-accent-12: #1c2b54;
  --p-ramp-accent-12: oklch(0.3 0.0765 267.04);
  --p-ramp-accent-2: #f5f8ff;
  --p-ramp-accent-2: oklch(0.978 0.0103 267.04);
  --p-ramp-accent-3: #e7eeff;
  --p-ramp-accent-3: oklch(0.95 0.0237 267.04);
  --p-ramp-accent-4: #dbe6ff;
  --p-ramp-accent-4: oklch(0.925 0.0358 267.04);
  --p-ramp-accent-5: #cddcff;
  --p-ramp-accent-5: oklch(0.895 0.0507 267.04);
  --p-ramp-accent-6: #bdd0ff;
  --p-ramp-accent-6: oklch(0.86 0.0685 267.04);
  --p-ramp-accent-7: #a8c1ff;
  --p-ramp-accent-7: oklch(0.815 0.0921 267.04);
  --p-ramp-accent-8: #6a92ff;
  --p-ramp-accent-8: oklch(0.6817 0.167 267.04);
  --p-ramp-accent-9: #2f52e0;
  --p-ramp-accent-9: oklch(0.5084 0.2187 267.04);
  --p-ramp-neutral-1: #fffcf8;
  --p-ramp-neutral-1: oklch(0.993 0.0063 84.59);
  --p-ramp-neutral-10: #66635d;
  --p-ramp-neutral-10: oklch(0.5 0.0105 84.59);
  --p-ramp-neutral-11: #504d47;
  --p-ramp-neutral-11: oklch(0.42 0.0105 84.59);
  --p-ramp-neutral-12: #1b1813;
  --p-ramp-neutral-12: oklch(0.21 0.0105 84.59);
  --p-ramp-neutral-2: #fbf9f4;
  --p-ramp-neutral-2: oklch(0.982 0.0069 84.59);
  --p-ramp-neutral-3: #f6f4ee;
  --p-ramp-neutral-3: oklch(0.967 0.0076 84.59);
  --p-ramp-neutral-4: #f1eee9;
  --p-ramp-neutral-4: oklch(0.951 0.0082 84.59);
  --p-ramp-neutral-5: #ece9e3;
  --p-ramp-neutral-5: oklch(0.935 0.0088 84.59);
  --p-ramp-neutral-6: #e6e2dc;
  --p-ramp-neutral-6: oklch(0.915 0.0095 84.59);
  --p-ramp-neutral-7: #d9d5cf;
  --p-ramp-neutral-7: oklch(0.875 0.0101 84.59);
  --p-ramp-neutral-8: #89867f;
  --p-ramp-neutral-8: oklch(0.62 0.0107 84.59);
  --p-ramp-neutral-9: #77746e;
  --p-ramp-neutral-9: oklch(0.56 0.0105 84.59);
  --p-segmented-active-bg: #fffcf8;
  --p-segmented-active-bg: oklch(0.993 0.0063 84.59);
  --p-segmented-track: #1b18130a;
  --p-segmented-track: oklch(0.21 0.0105 84.59 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.21 0.0105 84.59 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.21 0.0105 84.59 / 0.05);
  --p-shadow-control: 0px 1px 2px 0px oklch(0.21 0.0105 84.59 / 0.05);
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.0105 84.59 / 0.08), 0px 24px 48px -12px oklch(0.21 0.0105 84.59 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.0105 84.59 / 0.03), 0px 4px 8px -4px oklch(0.21 0.0105 84.59 / 0.05), 0px 16px 24px -8px oklch(0.21 0.0105 84.59 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.0105 84.59 / 0.08);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.21 0.0105 84.59 / 0.08), 0px 0px 0px 1px oklch(0.21 0.0105 84.59 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.0105 84.59 / 0.12), 0px 1px 2px 0px oklch(0.21 0.0105 84.59 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.0105 84.59 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.0105 84.59 / 0.08);
  --p-shadow-xs: 0px 1px 2px 0px oklch(0.21 0.0105 84.59 / 0.05);
  --p-slider-track: #1b18131a;
  --p-slider-track: oklch(0.21 0.0105 84.59 / 0.1);
  --p-switch-border-off: #89867f;
  --p-switch-border-off: oklch(0.62 0.0107 84.59);
  --p-switch-track-off: #1b181329;
  --p-switch-track-off: oklch(0.21 0.0105 84.59 / 0.16);
  --p-tooltip-bg: #1b1813;
  --p-tooltip-bg: oklch(0.21 0.0105 84.59);
  --p-tooltip-fg: #fffcf8;
  --p-tooltip-fg: oklch(0.993 0.0063 84.59);
  --p-type-body-l-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-body-m-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-body-s-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-caption-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-display-l-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-display-m-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-display-s-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-label-l-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-label-m-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-label-s-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-numeric-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-title-l-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-title-m-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-title-s-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

[data-world="signal"][data-product="claradb"] {
  --p-brand-sidebar-accent: #1b4b8f;
  --p-brand-sidebar-accent: oklch(0.4199 0.1239 257.91);
  --p-button-focus-border: #1b4b8f;
  --p-button-focus-border: oklch(0.4199 0.1239 257.91);
  --p-color-accent-action: #1b4b8f;
  --p-color-accent-action: oklch(0.4199 0.1239 257.91);
  --p-color-accent-border: #9dc5ff;
  --p-color-accent-border: oklch(0.815 0.0934 257.91);
  --p-color-accent-seed: #1b4b8f;
  --p-color-accent-seed: oklch(0.4199 0.1239 257.91);
  --p-color-accent-solid: #1b4b8f;
  --p-color-accent-solid: oklch(0.4199 0.1239 257.91);
  --p-color-accent-solid-hover: #104081;
  --p-color-accent-solid-hover: oklch(0.3799 0.1214 257.91);
  --p-color-accent-solid-pressed: #113b76;
  --p-color-accent-solid-pressed: oklch(0.3599 0.1115 257.91);
  --p-color-accent-text: #113b76;
  --p-color-accent-text: oklch(0.3599 0.1115 257.91);
  --p-color-accent-text-pressed: #113b76;
  --p-color-accent-text-pressed: oklch(0.3599 0.1115 257.91);
  --p-color-accent-tint: #e5efff;
  --p-color-accent-tint: oklch(0.95 0.024 257.91);
  --p-color-agent-border: #9dc5ff;
  --p-color-agent-border: oklch(0.815 0.0934 257.91);
  --p-color-agent-mark: #1b4b8f;
  --p-color-agent-mark: oklch(0.4199 0.1239 257.91);
  --p-color-agent-text: #113b76;
  --p-color-agent-text: oklch(0.3599 0.1115 257.91);
  --p-color-agent-tint: #e5efff;
  --p-color-agent-tint: oklch(0.95 0.024 257.91);
  --p-color-field-border-focus: #1b4b8f;
  --p-color-field-border-focus: oklch(0.4199 0.1239 257.91);
  --p-color-focus-ring: #1b4b8f;
  --p-color-focus-ring: oklch(0.4199 0.1239 257.91);
  --p-color-focus-ring-button: #1b4b8f59;
  --p-color-focus-ring-button: oklch(0.4199 0.1239 257.91 / 0.35);
  --p-color-focus-ring-field: #1b4b8f38;
  --p-color-focus-ring-field: oklch(0.4199 0.1239 257.91 / 0.22);
  --p-color-nav-active: #d7dde5;
  --p-color-nav-active: oklch(0.8941 0.0134 257.91);
  --p-color-nav-active-icon: #113b76;
  --p-color-nav-active-icon: oklch(0.3599 0.1115 257.91);
  --p-color-surface-selected: #e5efff;
  --p-color-surface-selected: oklch(0.95 0.024 257.91);
  --p-color-text-link: #113b76;
  --p-color-text-link: oklch(0.3599 0.1115 257.91);
  --p-font-family-display: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-font-family-sans: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-nav-preset: "topbar";
  --p-radius-card: 8px;
  --p-radius-control: 4px;
  --p-radius-factor: 0.6;
  --p-radius-inner-card: 8px;
  --p-radius-inner-control: 4px;
  --p-radius-pop: 8px;
  --p-radius-sheet: 16px;
  --p-ramp-accent-1: #fbfdff;
  --p-ramp-accent-1: oklch(0.992 0.0038 257.91);
  --p-ramp-accent-10: #104081;
  --p-ramp-accent-10: oklch(0.3799 0.1214 257.91);
  --p-ramp-accent-11: #113b76;
  --p-ramp-accent-11: oklch(0.3599 0.1115 257.91);
  --p-ramp-accent-12: #202e44;
  --p-ramp-accent-12: oklch(0.3 0.0434 257.91);
  --p-ramp-accent-2: #f3f8ff;
  --p-ramp-accent-2: oklch(0.978 0.0105 257.91);
  --p-ramp-accent-3: #e5efff;
  --p-ramp-accent-3: oklch(0.95 0.024 257.91);
  --p-ramp-accent-4: #d8e8ff;
  --p-ramp-accent-4: oklch(0.925 0.0363 257.91);
  --p-ramp-accent-5: #c8deff;
  --p-ramp-accent-5: oklch(0.895 0.0514 257.91);
  --p-ramp-accent-6: #b5d3ff;
  --p-ramp-accent-6: oklch(0.86 0.0695 257.91);
  --p-ramp-accent-7: #9dc5ff;
  --p-ramp-accent-7: oklch(0.815 0.0934 257.91);
  --p-ramp-accent-8: #608cce;
  --p-ramp-accent-8: oklch(0.6375 0.1115 257.91);
  --p-ramp-accent-9: #1b4b8f;
  --p-ramp-accent-9: oklch(0.4199 0.1239 257.91);
  --p-type-body-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-body-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-body-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-caption-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-display-l-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-display-m-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-display-s-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-label-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-label-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-label-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-numeric-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-title-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-title-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-title-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
}

[data-world="signal"][data-product="reshot"] {
  --p-brand-sidebar-accent: #2e64e0;
  --p-brand-sidebar-accent: oklch(0.5418 0.198 263.45);
  --p-button-focus-border: #2e64e0;
  --p-button-focus-border: oklch(0.5418 0.198 263.45);
  --p-color-accent-action: #2e64e0;
  --p-color-accent-action: oklch(0.5418 0.198 263.45);
  --p-color-accent-border: #a4c3ff;
  --p-color-accent-border: oklch(0.815 0.0923 263.45);
  --p-color-accent-seed: #2e64e0;
  --p-color-accent-seed: oklch(0.5418 0.198 263.45);
  --p-color-accent-solid: #2e64e0;
  --p-color-accent-solid: oklch(0.5418 0.198 263.45);
  --p-color-accent-solid-hover: #2458d0;
  --p-color-accent-solid-hover: oklch(0.5018 0.194 263.45);
  --p-color-accent-solid-pressed: #2554c1;
  --p-color-accent-solid-pressed: oklch(0.4818 0.1782 263.45);
  --p-color-accent-text: #2554c1;
  --p-color-accent-text: oklch(0.4818 0.1782 263.45);
  --p-color-accent-text-pressed: #2554c1;
  --p-color-accent-text-pressed: oklch(0.4818 0.1782 263.45);
  --p-color-accent-tint: #e6efff;
  --p-color-accent-tint: oklch(0.95 0.0237 263.45);
  --p-color-agent-border: #a4c3ff;
  --p-color-agent-border: oklch(0.815 0.0923 263.45);
  --p-color-agent-mark: #2e64e0;
  --p-color-agent-mark: oklch(0.5418 0.198 263.45);
  --p-color-agent-text: #2554c1;
  --p-color-agent-text: oklch(0.4818 0.1782 263.45);
  --p-color-agent-tint: #e6efff;
  --p-color-agent-tint: oklch(0.95 0.0237 263.45);
  --p-color-field-border-focus: #2e64e0;
  --p-color-field-border-focus: oklch(0.5418 0.198 263.45);
  --p-color-focus-ring: #2e64e0;
  --p-color-focus-ring: oklch(0.5418 0.198 263.45);
  --p-color-focus-ring-button: #2e64e059;
  --p-color-focus-ring-button: oklch(0.5418 0.198 263.45 / 0.35);
  --p-color-focus-ring-field: #2e64e038;
  --p-color-focus-ring-field: oklch(0.5418 0.198 263.45 / 0.22);
  --p-color-nav-active: #dae1f0;
  --p-color-nav-active: oklch(0.9088 0.0214 263.45);
  --p-color-nav-active-icon: #2554c1;
  --p-color-nav-active-icon: oklch(0.4818 0.1782 263.45);
  --p-color-surface-selected: #e6efff;
  --p-color-surface-selected: oklch(0.95 0.0237 263.45);
  --p-color-text-link: #2554c1;
  --p-color-text-link: oklch(0.4818 0.1782 263.45);
  --p-ramp-accent-1: #fbfcff;
  --p-ramp-accent-1: oklch(0.992 0.0038 263.45);
  --p-ramp-accent-10: #2458d0;
  --p-ramp-accent-10: oklch(0.5018 0.194 263.45);
  --p-ramp-accent-11: #2554c1;
  --p-ramp-accent-11: oklch(0.4818 0.1782 263.45);
  --p-ramp-accent-12: #1b2c50;
  --p-ramp-accent-12: oklch(0.3 0.0693 263.45);
  --p-ramp-accent-2: #f4f8ff;
  --p-ramp-accent-2: oklch(0.978 0.0104 263.45);
  --p-ramp-accent-3: #e6efff;
  --p-ramp-accent-3: oklch(0.95 0.0237 263.45);
  --p-ramp-accent-4: #dae7ff;
  --p-ramp-accent-4: oklch(0.925 0.0359 263.45);
  --p-ramp-accent-5: #cbddff;
  --p-ramp-accent-5: oklch(0.895 0.0508 263.45);
  --p-ramp-accent-6: #bad1ff;
  --p-ramp-accent-6: oklch(0.86 0.0687 263.45);
  --p-ramp-accent-7: #a4c3ff;
  --p-ramp-accent-7: oklch(0.815 0.0923 263.45);
  --p-ramp-accent-8: #6a9aff;
  --p-ramp-accent-8: oklch(0.6984 0.1575 263.45);
  --p-ramp-accent-9: #2e64e0;
  --p-ramp-accent-9: oklch(0.5418 0.198 263.45);
}

[data-world="signal"][data-product="claradb-pro"] {
  --p-brand-sidebar-accent: #6b2fd9;
  --p-brand-sidebar-accent: oklch(0.495 0.235 291);
  --p-button-focus-border: #6b2fd9;
  --p-button-focus-border: oklch(0.495 0.235 291);
  --p-color-accent-action: #6b2fd9;
  --p-color-accent-action: oklch(0.495 0.235 291);
  --p-color-accent-border: #c2b7ff;
  --p-color-accent-border: oklch(0.815 0.1005 291);
  --p-color-accent-seed: #6b2fd9;
  --p-color-accent-seed: oklch(0.495 0.235 291);
  --p-color-accent-solid: #6b2fd9;
  --p-color-accent-solid: oklch(0.495 0.235 291);
  --p-color-accent-solid-hover: #6020c9;
  --p-color-accent-solid-hover: oklch(0.455 0.2303 291);
  --p-color-accent-solid-pressed: #5924b9;
  --p-color-accent-solid-pressed: oklch(0.435 0.2115 291);
  --p-color-accent-text: #5924b9;
  --p-color-accent-text: oklch(0.435 0.2115 291);
  --p-color-accent-text-pressed: #5924b9;
  --p-color-accent-text-pressed: oklch(0.435 0.2115 291);
  --p-color-accent-tint: #eeecff;
  --p-color-accent-tint: oklch(0.95 0.0257 291);
  --p-color-agent-border: #c2b7ff;
  --p-color-agent-border: oklch(0.815 0.1005 291);
  --p-color-agent-mark: #6b2fd9;
  --p-color-agent-mark: oklch(0.495 0.235 291);
  --p-color-agent-text: #5924b9;
  --p-color-agent-text: oklch(0.435 0.2115 291);
  --p-color-agent-tint: #eeecff;
  --p-color-agent-tint: oklch(0.95 0.0257 291);
  --p-color-field-border-focus: #6b2fd9;
  --p-color-field-border-focus: oklch(0.495 0.235 291);
  --p-color-focus-ring: #6b2fd9;
  --p-color-focus-ring: oklch(0.495 0.235 291);
  --p-color-focus-ring-button: #6b2fd959;
  --p-color-focus-ring-button: oklch(0.495 0.235 291 / 0.35);
  --p-color-focus-ring-field: #6b2fd938;
  --p-color-focus-ring-field: oklch(0.495 0.235 291 / 0.22);
  --p-color-nav-active: #dfdcef;
  --p-color-nav-active: oklch(0.9032 0.0254 291);
  --p-color-nav-active-icon: #5924b9;
  --p-color-nav-active-icon: oklch(0.435 0.2115 291);
  --p-color-surface-selected: #eeecff;
  --p-color-surface-selected: oklch(0.95 0.0257 291);
  --p-color-text-link: #5924b9;
  --p-color-text-link: oklch(0.435 0.2115 291);
  --p-ramp-accent-1: #fcfcff;
  --p-ramp-accent-1: oklch(0.992 0.0041 291);
  --p-ramp-accent-10: #6020c9;
  --p-ramp-accent-10: oklch(0.455 0.2303 291);
  --p-ramp-accent-11: #5924b9;
  --p-ramp-accent-11: oklch(0.435 0.2115 291);
  --p-ramp-accent-12: #2f2453;
  --p-ramp-accent-12: oklch(0.3 0.0822 291);
  --p-ramp-accent-2: #f7f7ff;
  --p-ramp-accent-2: oklch(0.978 0.0112 291);
  --p-ramp-accent-3: #eeecff;
  --p-ramp-accent-3: oklch(0.95 0.0257 291);
  --p-ramp-accent-4: #e6e2ff;
  --p-ramp-accent-4: oklch(0.925 0.039 291);
  --p-ramp-accent-5: #dcd7ff;
  --p-ramp-accent-5: oklch(0.895 0.0552 291);
  --p-ramp-accent-6: #d0c9ff;
  --p-ramp-accent-6: oklch(0.86 0.0747 291);
  --p-ramp-accent-7: #c2b7ff;
  --p-ramp-accent-7: oklch(0.815 0.1005 291);
  --p-ramp-accent-8: #9a7cff;
  --p-ramp-accent-8: oklch(0.675 0.187 291);
  --p-ramp-accent-9: #6b2fd9;
  --p-ramp-accent-9: oklch(0.495 0.235 291);
}

[data-world="signal"][data-product="runstamp"] {
  --p-brand-sidebar-accent: #2f4bff;
  --p-brand-sidebar-accent: oklch(0.5265 0.2634 267.74);
  --p-button-focus-border: #2f4bff;
  --p-button-focus-border: oklch(0.5265 0.2634 267.74);
  --p-color-accent-action: #2f4bff;
  --p-color-accent-action: oklch(0.5265 0.2634 267.74);
  --p-color-accent-border: #a9c1ff;
  --p-color-accent-border: oklch(0.815 0.0921 267.74);
  --p-color-accent-seed: #2f4bff;
  --p-color-accent-seed: oklch(0.5265 0.2634 267.74);
  --p-color-accent-solid: #2f4bff;
  --p-color-accent-solid: oklch(0.5265 0.2634 267.74);
  --p-color-accent-solid-hover: #283dee;
  --p-color-accent-solid-hover: oklch(0.4865 0.2581 267.74);
  --p-color-accent-solid-pressed: #263ddb;
  --p-color-accent-solid-pressed: oklch(0.4665 0.2371 267.74);
  --p-color-accent-text: #263ddb;
  --p-color-accent-text: oklch(0.4665 0.2371 267.74);
  --p-color-accent-text-pressed: #263ddb;
  --p-color-accent-text-pressed: oklch(0.4665 0.2371 267.74);
  --p-color-accent-tint: #e7eeff;
  --p-color-accent-tint: oklch(0.95 0.0237 267.74);
  --p-color-agent-border: #a9c1ff;
  --p-color-agent-border: oklch(0.815 0.0921 267.74);
  --p-color-agent-mark: #2f4bff;
  --p-color-agent-mark: oklch(0.5265 0.2634 267.74);
  --p-color-agent-text: #263ddb;
  --p-color-agent-text: oklch(0.4665 0.2371 267.74);
  --p-color-agent-tint: #e7eeff;
  --p-color-agent-tint: oklch(0.95 0.0237 267.74);
  --p-color-field-border-focus: #2f4bff;
  --p-color-field-border-focus: oklch(0.5265 0.2634 267.74);
  --p-color-focus-ring: #2f4bff;
  --p-color-focus-ring: oklch(0.5265 0.2634 267.74);
  --p-color-focus-ring-button: #2f4bff59;
  --p-color-focus-ring-button: oklch(0.5265 0.2634 267.74 / 0.35);
  --p-color-focus-ring-field: #2f4bff38;
  --p-color-focus-ring-field: oklch(0.5265 0.2634 267.74 / 0.22);
  --p-color-nav-active: #d8e0f4;
  --p-color-nav-active: oklch(0.9069 0.0285 267.74);
  --p-color-nav-active-icon: #263ddb;
  --p-color-nav-active-icon: oklch(0.4665 0.2371 267.74);
  --p-color-surface-selected: #e7eeff;
  --p-color-surface-selected: oklch(0.95 0.0237 267.74);
  --p-color-text-link: #263ddb;
  --p-color-text-link: oklch(0.4665 0.2371 267.74);
  --p-ramp-accent-1: #fbfcff;
  --p-ramp-accent-1: oklch(0.992 0.0038 267.74);
  --p-ramp-accent-10: #283dee;
  --p-ramp-accent-10: oklch(0.4865 0.2581 267.74);
  --p-ramp-accent-11: #263ddb;
  --p-ramp-accent-11: oklch(0.4665 0.2371 267.74);
  --p-ramp-accent-12: #1a295b;
  --p-ramp-accent-12: oklch(0.3 0.0922 267.74);
  --p-ramp-accent-2: #f5f8ff;
  --p-ramp-accent-2: oklch(0.978 0.0103 267.74);
  --p-ramp-accent-3: #e7eeff;
  --p-ramp-accent-3: oklch(0.95 0.0237 267.74);
  --p-ramp-accent-4: #dce6ff;
  --p-ramp-accent-4: oklch(0.925 0.0358 267.74);
  --p-ramp-accent-5: #cedcff;
  --p-ramp-accent-5: oklch(0.895 0.0507 267.74);
  --p-ramp-accent-6: #bdd0ff;
  --p-ramp-accent-6: oklch(0.86 0.0685 267.74);
  --p-ramp-accent-7: #a9c1ff;
  --p-ramp-accent-7: oklch(0.815 0.0921 267.74);
  --p-ramp-accent-8: #7095ff;
  --p-ramp-accent-8: oklch(0.6908 0.1617 267.74);
  --p-ramp-accent-9: #2f4bff;
  --p-ramp-accent-9: oklch(0.5265 0.2634 267.74);
}

[data-world="signal"][data-product="plain-trades"] {
  --p-brand-sidebar-accent: #18181b;
  --p-brand-sidebar-accent: oklch(0.2103 0.0059 285.89);
  --p-button-focus-border: #18181b;
  --p-button-focus-border: oklch(0.2103 0.0059 285.89);
  --p-button-ghost-bg-hover: #1a18130a;
  --p-button-ghost-bg-hover: oklch(0.21 0.01 84.58 / 0.04);
  --p-button-ghost-bg-pressed: #1a181314;
  --p-button-ghost-bg-pressed: oklch(0.21 0.01 84.58 / 0.08);
  --p-button-secondary-bg: #ffffff;
  --p-button-secondary-bg: oklch(1 0 0);
  --p-button-secondary-bg-hover: #1a18130a;
  --p-button-secondary-bg-hover: oklch(0.21 0.01 84.58 / 0.04);
  --p-choice-border: #89867f;
  --p-choice-border: oklch(0.62 0.0102 84.58);
  --p-color-accent-action: #18181b;
  --p-color-accent-action: oklch(0.2103 0.0059 285.89);
  --p-color-accent-border: #d9d5cf;
  --p-color-accent-border: oklch(0.875 0.0096 84.58);
  --p-color-accent-seed: #b15520;
  --p-color-accent-seed: oklch(0.555 0.135 47);
  --p-color-accent-solid: #18181b;
  --p-color-accent-solid: oklch(0.2103 0.0059 285.89);
  --p-color-accent-solid-hover: #a24a14;
  --p-color-accent-solid-hover: oklch(0.515 0.1323 47);
  --p-color-accent-solid-pressed: #954616;
  --p-color-accent-solid-pressed: oklch(0.488 0.1215 47);
  --p-color-accent-text: #18181b;
  --p-color-accent-text: oklch(0.2103 0.0059 285.89);
  --p-color-accent-text-pressed: #954616;
  --p-color-accent-text-pressed: oklch(0.488 0.1215 47);
  --p-color-accent-tint: #f6f4ef;
  --p-color-accent-tint: oklch(0.967 0.0072 84.58);
  --p-color-agent-border: #ffab82;
  --p-color-agent-border: oklch(0.815 0.1132 47);
  --p-color-agent-mark: #b15520;
  --p-color-agent-mark: oklch(0.555 0.135 47);
  --p-color-agent-text: #8d4216;
  --p-color-agent-text: oklch(0.469 0.1156 46.97);
  --p-color-agent-tint: #fbede6;
  --p-color-agent-tint: oklch(0.9552 0.0179 48.53);
  --p-color-bg-canvas: #f4f2ee;
  --p-color-bg-canvas: oklch(0.9616 0.0057 84.57);
  --p-color-bg-default: #ffffff;
  --p-color-bg-default: oklch(1 0 0);
  --p-color-bg-panel: #faf9f6;
  --p-color-bg-panel: oklch(0.982 0.0041 91.45);
  --p-color-border-control: #1a18132e;
  --p-color-border-control: oklch(0.21 0.01 84.58 / 0.18);
  --p-color-border-control-hover: #1a18133d;
  --p-color-border-control-hover: oklch(0.21 0.01 84.58 / 0.24);
  --p-color-border-control-strong: #1a18133d;
  --p-color-border-control-strong: oklch(0.21 0.01 84.58 / 0.24);
  --p-color-border-default: #89867f;
  --p-color-border-default: oklch(0.62 0.0102 84.58);
  --p-color-border-hairline: #1a181314;
  --p-color-border-hairline: oklch(0.21 0.01 84.58 / 0.08);
  --p-color-border-strong: #77746e;
  --p-color-border-strong: oklch(0.56 0.01 84.58);
  --p-color-border-subtle: #e7e4de;
  --p-color-border-subtle: oklch(0.9195 0.0087 84.57);
  --p-color-count-bg: #f1eee9;
  --p-color-count-bg: oklch(0.951 0.0078 84.58);
  --p-color-count-text: #6b6862;
  --p-color-count-text: oklch(0.5181 0.01 84.59);
  --p-color-danger-subtle: #fff2f0;
  --p-color-danger-subtle: oklch(0.97 0.0148 27);
  --p-color-field-bg: #ffffff;
  --p-color-field-bg: oklch(1 0 0);
  --p-color-field-bg-disabled: #1a181308;
  --p-color-field-bg-disabled: oklch(0.21 0.01 84.58 / 0.03);
  --p-color-field-border-disabled: #1a18130f;
  --p-color-field-border-disabled: oklch(0.21 0.01 84.58 / 0.06);
  --p-color-field-border-focus: #18181b;
  --p-color-field-border-focus: oklch(0.2103 0.0059 285.89);
  --p-color-field-border-readonly-hover: #1a18131f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.01 84.58 / 0.12);
  --p-color-focus-ring: #18181b;
  --p-color-focus-ring: oklch(0.2103 0.0059 285.89);
  --p-color-focus-ring-button: #18181b59;
  --p-color-focus-ring-button: oklch(0.2103 0.0059 285.89 / 0.35);
  --p-color-focus-ring-field: #18181b38;
  --p-color-focus-ring-field: oklch(0.2103 0.0059 285.89 / 0.22);
  --p-color-hover-tint: #1a18130a;
  --p-color-hover-tint: oklch(0.21 0.01 84.58 / 0.04);
  --p-color-info-subtle: #eef6ff;
  --p-color-info-subtle: oklch(0.97 0.0148 250);
  --p-color-ink-a10: #1a18131a;
  --p-color-ink-a10: oklch(0.21 0.01 84.58 / 0.1);
  --p-color-ink-a12: #1a18131f;
  --p-color-ink-a12: oklch(0.21 0.01 84.58 / 0.12);
  --p-color-ink-a14: #1a181324;
  --p-color-ink-a14: oklch(0.21 0.01 84.58 / 0.14);
  --p-color-ink-a16: #1a181329;
  --p-color-ink-a16: oklch(0.21 0.01 84.58 / 0.16);
  --p-color-ink-a18: #1a18132e;
  --p-color-ink-a18: oklch(0.21 0.01 84.58 / 0.18);
  --p-color-ink-a20: #1a181333;
  --p-color-ink-a20: oklch(0.21 0.01 84.58 / 0.2);
  --p-color-ink-a24: #1a18133d;
  --p-color-ink-a24: oklch(0.21 0.01 84.58 / 0.24);
  --p-color-ink-a28: #1a181347;
  --p-color-ink-a28: oklch(0.21 0.01 84.58 / 0.28);
  --p-color-ink-a3: #1a181308;
  --p-color-ink-a3: oklch(0.21 0.01 84.58 / 0.03);
  --p-color-ink-a32: #1a181352;
  --p-color-ink-a32: oklch(0.21 0.01 84.58 / 0.32);
  --p-color-ink-a4: #1a18130a;
  --p-color-ink-a4: oklch(0.21 0.01 84.58 / 0.04);
  --p-color-ink-a40: #1a181366;
  --p-color-ink-a40: oklch(0.21 0.01 84.58 / 0.4);
  --p-color-ink-a5: #1a18130d;
  --p-color-ink-a5: oklch(0.21 0.01 84.58 / 0.05);
  --p-color-ink-a6: #1a18130f;
  --p-color-ink-a6: oklch(0.21 0.01 84.58 / 0.06);
  --p-color-ink-a8: #1a181314;
  --p-color-ink-a8: oklch(0.21 0.01 84.58 / 0.08);
  --p-color-mark-done: #ffffff;
  --p-color-mark-done: oklch(1 0 0);
  --p-color-mark-on-done: #18181b;
  --p-color-mark-on-done: oklch(0.2103 0.0059 285.89);
  --p-color-nav-active: #ffffff;
  --p-color-nav-active: oklch(1 0 0);
  --p-color-nav-active-icon: #6b6862;
  --p-color-nav-active-icon: oklch(0.5181 0.01 84.59);
  --p-color-neutral-tint: #74716b;
  --p-color-neutral-tint: oklch(0.55 0.01 84.58);
  --p-color-selected-outline: #18181b;
  --p-color-selected-outline: oklch(0.2103 0.0059 285.89);
  --p-color-success-subtle: #e7fcea;
  --p-color-success-subtle: oklch(0.97 0.0324 150);
  --p-color-surface-1: #ffffff;
  --p-color-surface-1: oklch(1 0 0);
  --p-color-surface-hover: #f6f4ef;
  --p-color-surface-hover: oklch(0.967 0.0072 84.58);
  --p-color-surface-pressed: #f1eee9;
  --p-color-surface-pressed: oklch(0.951 0.0078 84.58);
  --p-color-surface-selected: #ffe9df;
  --p-color-surface-selected: oklch(0.95 0.0274 47);
  --p-color-surface-sunken: #faf9f6;
  --p-color-surface-sunken: oklch(0.982 0.0041 91.45);
  --p-color-text-disabled: #89867f;
  --p-color-text-disabled: oklch(0.62 0.0102 84.58);
  --p-color-text-inverse: #fffcf8;
  --p-color-text-inverse: oklch(0.993 0.006 84.58);
  --p-color-text-link: #18181b;
  --p-color-text-link: oklch(0.2103 0.0059 285.89);
  --p-color-text-primary: #18181b;
  --p-color-text-primary: oklch(0.2103 0.0059 285.89);
  --p-color-text-secondary: #6b6862;
  --p-color-text-secondary: oklch(0.5181 0.01 84.59);
  --p-color-text-tertiary: #66635d;
  --p-color-text-tertiary: oklch(0.5 0.01 84.58);
  --p-color-warning-subtle: #fff3e4;
  --p-color-warning-subtle: oklch(0.97 0.0242 75);
  --p-elevation-0-surface: #ffffff;
  --p-elevation-0-surface: oklch(1 0 0);
  --p-elevation-1-surface: #ffffff;
  --p-elevation-1-surface: oklch(1 0 0);
  --p-font-family-sans: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-overlay-bg: #ffffff;
  --p-overlay-bg: oklch(1 0 0);
  --p-overlay-highlight: #1a18130f;
  --p-overlay-highlight: oklch(0.21 0.01 84.58 / 0.06);
  --p-overlay-ring: #1a181314;
  --p-overlay-ring: oklch(0.21 0.01 84.58 / 0.08);
  --p-overlay-separator: #1a181314;
  --p-overlay-separator: oklch(0.21 0.01 84.58 / 0.08);
  --p-ramp-accent-1: #fffcfa;
  --p-ramp-accent-1: oklch(0.992 0.0043 47);
  --p-ramp-accent-10: #a24a14;
  --p-ramp-accent-10: oklch(0.515 0.1323 47);
  --p-ramp-accent-11: #954616;
  --p-ramp-accent-11: oklch(0.488 0.1215 47);
  --p-ramp-accent-12: #402517;
  --p-ramp-accent-12: oklch(0.296 0.0473 47);
  --p-ramp-accent-2: #fff6f1;
  --p-ramp-accent-2: oklch(0.978 0.0118 47);
  --p-ramp-accent-3: #ffe9df;
  --p-ramp-accent-3: oklch(0.95 0.0274 47);
  --p-ramp-accent-4: #ffdecf;
  --p-ramp-accent-4: oklch(0.925 0.0418 47);
  --p-ramp-accent-5: #ffd1bb;
  --p-ramp-accent-5: oklch(0.895 0.06 47);
  --p-ramp-accent-6: #ffc1a3;
  --p-ramp-accent-6: oklch(0.86 0.0823 47);
  --p-ramp-accent-7: #ffab82;
  --p-ramp-accent-7: oklch(0.815 0.1132 47);
  --p-ramp-accent-8: #dd875b;
  --p-ramp-accent-8: oklch(0.705 0.1215 47);
  --p-ramp-accent-9: #b15520;
  --p-ramp-accent-9: oklch(0.555 0.135 47);
  --p-ramp-neutral-1: #fffcf8;
  --p-ramp-neutral-1: oklch(0.993 0.006 84.58);
  --p-ramp-neutral-10: #66635d;
  --p-ramp-neutral-10: oklch(0.5 0.01 84.58);
  --p-ramp-neutral-11: #504d47;
  --p-ramp-neutral-11: oklch(0.42 0.01 84.58);
  --p-ramp-neutral-12: #1a1813;
  --p-ramp-neutral-12: oklch(0.21 0.01 84.58);
  --p-ramp-neutral-2: #fbf9f4;
  --p-ramp-neutral-2: oklch(0.982 0.0066 84.58);
  --p-ramp-neutral-3: #f6f4ef;
  --p-ramp-neutral-3: oklch(0.967 0.0072 84.58);
  --p-ramp-neutral-4: #f1eee9;
  --p-ramp-neutral-4: oklch(0.951 0.0078 84.58);
  --p-ramp-neutral-5: #ece9e3;
  --p-ramp-neutral-5: oklch(0.935 0.0084 84.58);
  --p-ramp-neutral-6: #e6e3dc;
  --p-ramp-neutral-6: oklch(0.915 0.009 84.58);
  --p-ramp-neutral-7: #d9d5cf;
  --p-ramp-neutral-7: oklch(0.875 0.0096 84.58);
  --p-ramp-neutral-8: #89867f;
  --p-ramp-neutral-8: oklch(0.62 0.0102 84.58);
  --p-ramp-neutral-9: #77746e;
  --p-ramp-neutral-9: oklch(0.56 0.01 84.58);
  --p-segmented-active-bg: #ffffff;
  --p-segmented-active-bg: oklch(1 0 0);
  --p-segmented-track: #1a18130a;
  --p-segmented-track: oklch(0.21 0.01 84.58 / 0.04);
  --p-shadow-button-primary: 0 0 0 0 transparent;
  --p-shadow-choice: 0 0 0 0 transparent;
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.01 84.58 / 0.08), 0px 24px 48px -12px oklch(0.21 0.01 84.58 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.01 84.58 / 0.03), 0px 4px 8px -4px oklch(0.21 0.01 84.58 / 0.05), 0px 16px 24px -8px oklch(0.21 0.01 84.58 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.01 84.58 / 0.08);
  --p-shadow-segment-active: 0px 0px 0px 1px oklch(0.21 0.01 84.58 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.01 84.58 / 0.12), 0px 1px 2px 0px oklch(0.21 0.01 84.58 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.01 84.58 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.01 84.58 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #1a18131a;
  --p-slider-track: oklch(0.21 0.01 84.58 / 0.1);
  --p-switch-border-off: #89867f;
  --p-switch-border-off: oklch(0.62 0.0102 84.58);
  --p-switch-track-off: #1a181329;
  --p-switch-track-off: oklch(0.21 0.01 84.58 / 0.16);
  --p-tooltip-bg: #18181b;
  --p-tooltip-bg: oklch(0.2103 0.0059 285.89);
  --p-tooltip-fg: #fffcf8;
  --p-tooltip-fg: oklch(0.993 0.006 84.58);
  --p-type-body-l-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-m-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-s-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-caption-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-display-l-weight: 400;
  --p-type-display-m-weight: 400;
  --p-type-display-s-weight: 400;
  --p-type-label-l-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-m-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-s-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-numeric-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-l-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-l-weight: 500;
  --p-type-title-m-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-m-weight: 500;
  --p-type-title-s-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-world="signal"][data-product="handywright"] {
  --p-brand-sidebar-accent: #141414;
  --p-brand-sidebar-accent: oklch(0.1913 0 89.88);
  --p-button-focus-border: #141414;
  --p-button-focus-border: oklch(0.1913 0 89.88);
  --p-button-ghost-bg-hover: #1a18130a;
  --p-button-ghost-bg-hover: oklch(0.21 0.01 90 / 0.04);
  --p-button-ghost-bg-pressed: #1a181314;
  --p-button-ghost-bg-pressed: oklch(0.21 0.01 90 / 0.08);
  --p-button-secondary-bg: #ffffff;
  --p-button-secondary-bg: oklch(1 0 0);
  --p-button-secondary-bg-hover: #1a18130a;
  --p-button-secondary-bg-hover: oklch(0.21 0.01 90 / 0.04);
  --p-choice-border: #8a8781;
  --p-choice-border: oklch(0.624 0.0102 90);
  --p-color-accent-action: #141414;
  --p-color-accent-action: oklch(0.1913 0 89.88);
  --p-color-accent-border: #d8d6cf;
  --p-color-accent-border: oklch(0.875 0.0096 90);
  --p-color-accent-seed: #ffd21f;
  --p-color-accent-seed: oklch(0.8775 0.1745 92.55);
  --p-color-accent-solid: #141414;
  --p-color-accent-solid: oklch(0.1913 0 89.88);
  --p-color-accent-solid-hover: #282828;
  --p-color-accent-solid-hover: oklch(0.2768 0 89.88);
  --p-color-accent-solid-pressed: #3a3a3a;
  --p-color-accent-solid-pressed: oklch(0.3485 0 89.88);
  --p-color-accent-text: #141414;
  --p-color-accent-text: oklch(0.1913 0 89.88);
  --p-color-accent-text-pressed: #715b00;
  --p-color-accent-text-pressed: oklch(0.48 0.0989 92.55);
  --p-color-accent-tint: #fff6cc;
  --p-color-accent-tint: oklch(0.9697 0.0551 97.26);
  --p-color-agent-border: #c99a00;
  --p-color-agent-border: oklch(0.7107 0.1454 86.65);
  --p-color-agent-mark: #141414;
  --p-color-agent-mark: oklch(0.1913 0 89.88);
  --p-color-agent-text: #141414;
  --p-color-agent-text: oklch(0.1913 0 89.88);
  --p-color-agent-tint: #fff6cc;
  --p-color-agent-tint: oklch(0.9697 0.0551 97.26);
  --p-color-bg-canvas: #f0eee8;
  --p-color-bg-canvas: oklch(0.949 0.0083 91.48);
  --p-color-bg-default: #ffffff;
  --p-color-bg-default: oklch(1 0 0);
  --p-color-bg-panel: #f7f6f2;
  --p-color-bg-panel: oklch(0.9728 0.0054 95.1);
  --p-color-border-control: #1a18132e;
  --p-color-border-control: oklch(0.21 0.01 90 / 0.18);
  --p-color-border-control-hover: #1a18133d;
  --p-color-border-control-hover: oklch(0.21 0.01 90 / 0.24);
  --p-color-border-control-strong: #1a18133d;
  --p-color-border-control-strong: oklch(0.21 0.01 90 / 0.24);
  --p-color-border-default: #8a8781;
  --p-color-border-default: oklch(0.624 0.0102 90);
  --p-color-border-hairline: #1a181314;
  --p-color-border-hairline: oklch(0.21 0.01 90 / 0.08);
  --p-color-border-strong: #77756f;
  --p-color-border-strong: oklch(0.562 0.01 90);
  --p-color-border-subtle: #e5e2da;
  --p-color-border-subtle: oklch(0.9129 0.0112 89.73);
  --p-color-count-bg: #f1efe9;
  --p-color-count-bg: oklch(0.951 0.0078 90);
  --p-color-count-text: #66635c;
  --p-color-count-text: oklch(0.5002 0.0115 87.52);
  --p-color-danger-subtle: #fff2f0;
  --p-color-danger-subtle: oklch(0.97 0.0148 27);
  --p-color-field-bg: #ffffff;
  --p-color-field-bg: oklch(1 0 0);
  --p-color-field-bg-disabled: #1a181308;
  --p-color-field-bg-disabled: oklch(0.21 0.01 90 / 0.03);
  --p-color-field-border-disabled: #1a18130f;
  --p-color-field-border-disabled: oklch(0.21 0.01 90 / 0.06);
  --p-color-field-border-focus: #141414;
  --p-color-field-border-focus: oklch(0.1913 0 89.88);
  --p-color-field-border-readonly-hover: #1a18131f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.01 90 / 0.12);
  --p-color-focus-ring: #141414;
  --p-color-focus-ring: oklch(0.1913 0 89.88);
  --p-color-focus-ring-button: #14141459;
  --p-color-focus-ring-button: oklch(0.1913 0 89.88 / 0.35);
  --p-color-focus-ring-field: #14141438;
  --p-color-focus-ring-field: oklch(0.1913 0 89.88 / 0.22);
  --p-color-hover-tint: #1a18130a;
  --p-color-hover-tint: oklch(0.21 0.01 90 / 0.04);
  --p-color-info-subtle: #eef6ff;
  --p-color-info-subtle: oklch(0.97 0.0148 250);
  --p-color-ink-a10: #1a18131a;
  --p-color-ink-a10: oklch(0.21 0.01 90 / 0.1);
  --p-color-ink-a12: #1a18131f;
  --p-color-ink-a12: oklch(0.21 0.01 90 / 0.12);
  --p-color-ink-a14: #1a181324;
  --p-color-ink-a14: oklch(0.21 0.01 90 / 0.14);
  --p-color-ink-a16: #1a181329;
  --p-color-ink-a16: oklch(0.21 0.01 90 / 0.16);
  --p-color-ink-a18: #1a18132e;
  --p-color-ink-a18: oklch(0.21 0.01 90 / 0.18);
  --p-color-ink-a20: #1a181333;
  --p-color-ink-a20: oklch(0.21 0.01 90 / 0.2);
  --p-color-ink-a24: #1a18133d;
  --p-color-ink-a24: oklch(0.21 0.01 90 / 0.24);
  --p-color-ink-a28: #1a181347;
  --p-color-ink-a28: oklch(0.21 0.01 90 / 0.28);
  --p-color-ink-a3: #1a181308;
  --p-color-ink-a3: oklch(0.21 0.01 90 / 0.03);
  --p-color-ink-a32: #1a181352;
  --p-color-ink-a32: oklch(0.21 0.01 90 / 0.32);
  --p-color-ink-a4: #1a18130a;
  --p-color-ink-a4: oklch(0.21 0.01 90 / 0.04);
  --p-color-ink-a40: #1a181366;
  --p-color-ink-a40: oklch(0.21 0.01 90 / 0.4);
  --p-color-ink-a5: #1a18130d;
  --p-color-ink-a5: oklch(0.21 0.01 90 / 0.05);
  --p-color-ink-a6: #1a18130f;
  --p-color-ink-a6: oklch(0.21 0.01 90 / 0.06);
  --p-color-ink-a8: #1a181314;
  --p-color-ink-a8: oklch(0.21 0.01 90 / 0.08);
  --p-color-mark-done: #ffffff;
  --p-color-mark-done: oklch(1 0 0);
  --p-color-mark-on-done: #141414;
  --p-color-mark-on-done: oklch(0.1913 0 89.88);
  --p-color-nav-active: #ffffff;
  --p-color-nav-active: oklch(1 0 0);
  --p-color-nav-active-icon: #66635c;
  --p-color-nav-active-icon: oklch(0.5002 0.0115 87.52);
  --p-color-neutral-tint: #74716b;
  --p-color-neutral-tint: oklch(0.55 0.01 90);
  --p-color-selected-outline: #141414;
  --p-color-selected-outline: oklch(0.1913 0 89.88);
  --p-color-success-subtle: #e7fcea;
  --p-color-success-subtle: oklch(0.97 0.0324 150);
  --p-color-surface-1: #ffffff;
  --p-color-surface-1: oklch(1 0 0);
  --p-color-surface-hover: #f6f4ef;
  --p-color-surface-hover: oklch(0.967 0.0072 90);
  --p-color-surface-pressed: #f1efe9;
  --p-color-surface-pressed: oklch(0.951 0.0078 90);
  --p-color-surface-selected: #fdeebf;
  --p-color-surface-selected: oklch(0.95 0.0628 92.55);
  --p-color-surface-sunken: #f7f6f2;
  --p-color-surface-sunken: oklch(0.9728 0.0054 95.1);
  --p-color-text-disabled: #8a8781;
  --p-color-text-disabled: oklch(0.624 0.0102 90);
  --p-color-text-inverse: #fefdf8;
  --p-color-text-inverse: oklch(0.993 0.006 90);
  --p-color-text-link: #141414;
  --p-color-text-link: oklch(0.1913 0 89.88);
  --p-color-text-primary: #141414;
  --p-color-text-primary: oklch(0.1913 0 89.88);
  --p-color-text-secondary: #66635c;
  --p-color-text-secondary: oklch(0.5002 0.0115 87.52);
  --p-color-text-tertiary: #65635d;
  --p-color-text-tertiary: oklch(0.5 0.01 90);
  --p-color-warning-subtle: #fff3e4;
  --p-color-warning-subtle: oklch(0.97 0.0242 75);
  --p-elevation-0-surface: #ffffff;
  --p-elevation-0-surface: oklch(1 0 0);
  --p-elevation-1-surface: #ffffff;
  --p-elevation-1-surface: oklch(1 0 0);
  --p-font-family-sans: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-overlay-bg: #ffffff;
  --p-overlay-bg: oklch(1 0 0);
  --p-overlay-highlight: #1a18130f;
  --p-overlay-highlight: oklch(0.21 0.01 90 / 0.06);
  --p-overlay-ring: #1a181314;
  --p-overlay-ring: oklch(0.21 0.01 90 / 0.08);
  --p-overlay-separator: #1a181314;
  --p-overlay-separator: oklch(0.21 0.01 90 / 0.08);
  --p-ramp-accent-1: #fffcf4;
  --p-ramp-accent-1: oklch(0.992 0.0116 92.55);
  --p-ramp-accent-10: #bb9900;
  --p-ramp-accent-10: oklch(0.6935 0.1422 92.55);
  --p-ramp-accent-11: #715b00;
  --p-ramp-accent-11: oklch(0.48 0.0989 92.55);
  --p-ramp-accent-12: #382b00;
  --p-ramp-accent-12: oklch(0.296 0.0611 92.55);
  --p-ramp-accent-2: #fff8e1;
  --p-ramp-accent-2: oklch(0.978 0.0314 92.55);
  --p-ramp-accent-3: #fdeebf;
  --p-ramp-accent-3: oklch(0.95 0.0628 92.55);
  --p-ramp-accent-4: #fae5a6;
  --p-ramp-accent-4: oklch(0.925 0.0838 92.55);
  --p-ramp-accent-5: #f5db8a;
  --p-ramp-accent-5: oklch(0.895 0.1047 92.55);
  --p-ramp-accent-6: #eecf6a;
  --p-ramp-accent-6: oklch(0.86 0.1256 92.55);
  --p-ramp-accent-7: #e4bf3e;
  --p-ramp-accent-7: oklch(0.815 0.1466 92.55);
  --p-ramp-accent-8: #d2ab00;
  --p-ramp-accent-8: oklch(0.7542 0.1546 92.55);
  --p-ramp-accent-9: #ad8d00;
  --p-ramp-accent-9: oklch(0.6535 0.1341 92.55);
  --p-ramp-neutral-1: #fefdf8;
  --p-ramp-neutral-1: oklch(0.993 0.006 90);
  --p-ramp-neutral-10: #65635d;
  --p-ramp-neutral-10: oklch(0.5 0.01 90);
  --p-ramp-neutral-11: #504e48;
  --p-ramp-neutral-11: oklch(0.424 0.01 90);
  --p-ramp-neutral-12: #1a1813;
  --p-ramp-neutral-12: oklch(0.21 0.01 90);
  --p-ramp-neutral-2: #fbf9f4;
  --p-ramp-neutral-2: oklch(0.982 0.0066 90);
  --p-ramp-neutral-3: #f6f4ef;
  --p-ramp-neutral-3: oklch(0.967 0.0072 90);
  --p-ramp-neutral-4: #f1efe9;
  --p-ramp-neutral-4: oklch(0.951 0.0078 90);
  --p-ramp-neutral-5: #ece9e3;
  --p-ramp-neutral-5: oklch(0.935 0.0084 90);
  --p-ramp-neutral-6: #e5e3dc;
  --p-ramp-neutral-6: oklch(0.915 0.009 90);
  --p-ramp-neutral-7: #d8d6cf;
  --p-ramp-neutral-7: oklch(0.875 0.0096 90);
  --p-ramp-neutral-8: #8a8781;
  --p-ramp-neutral-8: oklch(0.624 0.0102 90);
  --p-ramp-neutral-9: #77756f;
  --p-ramp-neutral-9: oklch(0.562 0.01 90);
  --p-segmented-active-bg: #ffffff;
  --p-segmented-active-bg: oklch(1 0 0);
  --p-segmented-track: #1a18130a;
  --p-segmented-track: oklch(0.21 0.01 90 / 0.04);
  --p-shadow-button-primary: 0 0 0 0 transparent;
  --p-shadow-choice: 0 0 0 0 transparent;
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.01 90 / 0.08), 0px 24px 48px -12px oklch(0.21 0.01 90 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.01 90 / 0.03), 0px 4px 8px -4px oklch(0.21 0.01 90 / 0.05), 0px 16px 24px -8px oklch(0.21 0.01 90 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.01 90 / 0.08);
  --p-shadow-segment-active: 0px 0px 0px 1px oklch(0.21 0.01 90 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.01 90 / 0.12), 0px 1px 2px 0px oklch(0.21 0.01 90 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.01 90 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.01 90 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #1a18131a;
  --p-slider-track: oklch(0.21 0.01 90 / 0.1);
  --p-switch-border-off: #8a8781;
  --p-switch-border-off: oklch(0.624 0.0102 90);
  --p-switch-track-off: #1a181329;
  --p-switch-track-off: oklch(0.21 0.01 90 / 0.16);
  --p-tooltip-bg: #141414;
  --p-tooltip-bg: oklch(0.1913 0 89.88);
  --p-tooltip-fg: #fefdf8;
  --p-tooltip-fg: oklch(0.993 0.006 90);
  --p-type-body-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-caption-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-display-l-weight: 600;
  --p-type-display-m-weight: 600;
  --p-type-display-s-weight: 600;
  --p-type-label-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-numeric-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-l-weight: 600;
  --p-type-title-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-m-weight: 600;
  --p-type-title-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-world="signal"][data-product="oslerpress"] {
  --p-brand-sidebar-accent: #8d9093;
  --p-brand-sidebar-accent: oklch(0.6517 0.0051 247.88);
  --p-button-focus-border: #14191e;
  --p-button-focus-border: oklch(0.21 0.012 250);
  --p-button-ghost-bg-hover: #14191e0a;
  --p-button-ghost-bg-hover: oklch(0.21 0.012 250 / 0.04);
  --p-button-ghost-bg-pressed: #14191e14;
  --p-button-ghost-bg-pressed: oklch(0.21 0.012 250 / 0.08);
  --p-button-secondary-bg: #fbfdff;
  --p-button-secondary-bg: oklch(0.993 0.0035 250);
  --p-button-secondary-bg-hover: #14191e0a;
  --p-button-secondary-bg-hover: oklch(0.21 0.012 250 / 0.04);
  --p-choice-border: #81878d;
  --p-choice-border: oklch(0.62 0.0122 250);
  --p-color-accent-action: #8d9093;
  --p-color-accent-action: oklch(0.6517 0.0051 247.88);
  --p-color-accent-border: #d0d7dd;
  --p-color-accent-border: oklch(0.875 0.0115 250);
  --p-color-accent-seed: #f3f6f9;
  --p-color-accent-seed: oklch(0.9717 0.0051 247.88);
  --p-color-accent-solid: #8d9093;
  --p-color-accent-solid: oklch(0.6517 0.0051 247.88);
  --p-color-accent-solid-hover: #999c9f;
  --p-color-accent-solid-hover: oklch(0.6917 0.005 247.88);
  --p-color-accent-solid-pressed: #a6a8ab;
  --p-color-accent-solid-pressed: oklch(0.7317 0.005 247.88);
  --p-color-accent-text: #14191e;
  --p-color-accent-text: oklch(0.21 0.012 250);
  --p-color-accent-text-pressed: #5a5d5f;
  --p-color-accent-text-pressed: oklch(0.476 0.0046 247.88);
  --p-color-accent-tint: #f0f5fa;
  --p-color-accent-tint: oklch(0.967 0.0086 250);
  --p-color-agent-border: #c0c3c5;
  --p-color-agent-border: oklch(0.815 0.0043 247.88);
  --p-color-agent-mark: #8d9093;
  --p-color-agent-mark: oklch(0.6517 0.0051 247.88);
  --p-color-agent-text: #5a5d5f;
  --p-color-agent-text: oklch(0.476 0.0046 247.88);
  --p-color-agent-tint: #edeef0;
  --p-color-agent-tint: oklch(0.95 0.0018 247.88);
  --p-color-bg-canvas: #f0f5fa;
  --p-color-bg-canvas: oklch(0.967 0.0086 250);
  --p-color-bg-default: #fbfdff;
  --p-color-bg-default: oklch(0.993 0.0035 250);
  --p-color-bg-panel: #fbfdff;
  --p-color-bg-panel: oklch(0.993 0.0035 250);
  --p-color-border-control: #14191e2e;
  --p-color-border-control: oklch(0.21 0.012 250 / 0.18);
  --p-color-border-control-hover: #14191e3d;
  --p-color-border-control-hover: oklch(0.21 0.012 250 / 0.24);
  --p-color-border-control-strong: #14191e3d;
  --p-color-border-control-strong: oklch(0.21 0.012 250 / 0.24);
  --p-color-border-default: #81878d;
  --p-color-border-default: oklch(0.62 0.0122 250);
  --p-color-border-hairline: #14191e14;
  --p-color-border-hairline: oklch(0.21 0.012 250 / 0.08);
  --p-color-border-strong: #6f757b;
  --p-color-border-strong: oklch(0.56 0.012 250);
  --p-color-border-subtle: #eaeff5;
  --p-color-border-subtle: oklch(0.951 0.0094 250);
  --p-color-count-bg: #eaeff5;
  --p-color-count-bg: oklch(0.951 0.0094 250);
  --p-color-count-text: #484e54;
  --p-color-count-text: oklch(0.42 0.012 250);
  --p-color-danger-subtle: #fef1f0;
  --p-color-danger-subtle: oklch(0.9672 0.014 23.09);
  --p-color-field-bg: #fbfdff;
  --p-color-field-bg: oklch(0.993 0.0035 250);
  --p-color-field-bg-disabled: #14191e08;
  --p-color-field-bg-disabled: oklch(0.21 0.012 250 / 0.03);
  --p-color-field-border-disabled: #14191e0f;
  --p-color-field-border-disabled: oklch(0.21 0.012 250 / 0.06);
  --p-color-field-border-focus: #14191e;
  --p-color-field-border-focus: oklch(0.21 0.012 250);
  --p-color-field-border-readonly-hover: #14191e1f;
  --p-color-field-border-readonly-hover: oklch(0.21 0.012 250 / 0.12);
  --p-color-focus-ring: #14191e;
  --p-color-focus-ring: oklch(0.21 0.012 250);
  --p-color-focus-ring-button: #14191e59;
  --p-color-focus-ring-button: oklch(0.21 0.012 250 / 0.35);
  --p-color-focus-ring-field: #14191e38;
  --p-color-focus-ring-field: oklch(0.21 0.012 250 / 0.22);
  --p-color-hover-tint: #14191e0a;
  --p-color-hover-tint: oklch(0.21 0.012 250 / 0.04);
  --p-color-info-border: #eaeff5;
  --p-color-info-border: oklch(0.951 0.0094 250);
  --p-color-info-subtle: #f4f8fc;
  --p-color-info-subtle: oklch(0.9774 0.0066 250);
  --p-color-ink-a10: #14191e1a;
  --p-color-ink-a10: oklch(0.21 0.012 250 / 0.1);
  --p-color-ink-a12: #14191e1f;
  --p-color-ink-a12: oklch(0.21 0.012 250 / 0.12);
  --p-color-ink-a14: #14191e24;
  --p-color-ink-a14: oklch(0.21 0.012 250 / 0.14);
  --p-color-ink-a16: #14191e29;
  --p-color-ink-a16: oklch(0.21 0.012 250 / 0.16);
  --p-color-ink-a18: #14191e2e;
  --p-color-ink-a18: oklch(0.21 0.012 250 / 0.18);
  --p-color-ink-a20: #14191e33;
  --p-color-ink-a20: oklch(0.21 0.012 250 / 0.2);
  --p-color-ink-a24: #14191e3d;
  --p-color-ink-a24: oklch(0.21 0.012 250 / 0.24);
  --p-color-ink-a28: #14191e47;
  --p-color-ink-a28: oklch(0.21 0.012 250 / 0.28);
  --p-color-ink-a3: #14191e08;
  --p-color-ink-a3: oklch(0.21 0.012 250 / 0.03);
  --p-color-ink-a32: #14191e52;
  --p-color-ink-a32: oklch(0.21 0.012 250 / 0.32);
  --p-color-ink-a4: #14191e0a;
  --p-color-ink-a4: oklch(0.21 0.012 250 / 0.04);
  --p-color-ink-a40: #14191e66;
  --p-color-ink-a40: oklch(0.21 0.012 250 / 0.4);
  --p-color-ink-a5: #14191e0d;
  --p-color-ink-a5: oklch(0.21 0.012 250 / 0.05);
  --p-color-ink-a6: #14191e0f;
  --p-color-ink-a6: oklch(0.21 0.012 250 / 0.06);
  --p-color-ink-a8: #14191e14;
  --p-color-ink-a8: oklch(0.21 0.012 250 / 0.08);
  --p-color-mark-done: #fbfdff;
  --p-color-mark-done: oklch(0.993 0.0035 250);
  --p-color-mark-on-done: #14191e;
  --p-color-mark-on-done: oklch(0.21 0.012 250);
  --p-color-nav-active: #d2d7dc;
  --p-color-nav-active: oklch(0.8762 0.009 250);
  --p-color-nav-active-icon: #14191e;
  --p-color-nav-active-icon: oklch(0.21 0.012 250);
  --p-color-neutral-tint: #6c7278;
  --p-color-neutral-tint: oklch(0.55 0.012 250);
  --p-color-selected-outline: #14191e;
  --p-color-selected-outline: oklch(0.21 0.012 250);
  --p-color-success-subtle: #e5fbea;
  --p-color-success-subtle: oklch(0.9672 0.0322 152.46);
  --p-color-surface-1: #fbfdff;
  --p-color-surface-1: oklch(0.993 0.0035 250);
  --p-color-surface-hover: #f0f5fa;
  --p-color-surface-hover: oklch(0.967 0.0086 250);
  --p-color-surface-pressed: #eaeff5;
  --p-color-surface-pressed: oklch(0.951 0.0094 250);
  --p-color-surface-selected: #edeef0;
  --p-color-surface-selected: oklch(0.95 0.0018 247.88);
  --p-color-surface-sunken: #f5fafe;
  --p-color-surface-sunken: oklch(0.982 0.0079 250);
  --p-color-text-disabled: #81878d;
  --p-color-text-disabled: oklch(0.62 0.0122 250);
  --p-color-text-inverse: #fbfdff;
  --p-color-text-inverse: oklch(0.993 0.0035 250);
  --p-color-text-link: #14191e;
  --p-color-text-link: oklch(0.21 0.012 250);
  --p-color-text-on-accent: #111114;
  --p-color-text-on-accent: oklch(0.18 0.005 286);
  --p-color-text-primary: #14191e;
  --p-color-text-primary: oklch(0.21 0.012 250);
  --p-color-text-secondary: #484e54;
  --p-color-text-secondary: oklch(0.42 0.012 250);
  --p-color-text-tertiary: #5e646a;
  --p-color-text-tertiary: oklch(0.5 0.012 250);
  --p-color-warning-subtle: #fef2e4;
  --p-color-warning-subtle: oklch(0.9672 0.023 75.3);
  --p-elevation-0-surface: #fbfdff;
  --p-elevation-0-surface: oklch(0.993 0.0035 250);
  --p-elevation-1-surface: #fbfdff;
  --p-elevation-1-surface: oklch(0.993 0.0035 250);
  --p-font-family-mono: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-font-family-sans: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-overlay-bg: #fbfdff;
  --p-overlay-bg: oklch(0.993 0.0035 250);
  --p-overlay-highlight: #14191e0f;
  --p-overlay-highlight: oklch(0.21 0.012 250 / 0.06);
  --p-overlay-ring: #14191e14;
  --p-overlay-ring: oklch(0.21 0.012 250 / 0.08);
  --p-overlay-separator: #14191e14;
  --p-overlay-separator: oklch(0.21 0.012 250 / 0.08);
  --p-ramp-accent-1: #fcfcfd;
  --p-ramp-accent-1: oklch(0.992 0.0005 247.88);
  --p-ramp-accent-10: #999c9f;
  --p-ramp-accent-10: oklch(0.6917 0.005 247.88);
  --p-ramp-accent-11: #5a5d5f;
  --p-ramp-accent-11: oklch(0.476 0.0046 247.88);
  --p-ramp-accent-12: #2c2d2e;
  --p-ramp-accent-12: oklch(0.296 0.0018 247.88);
  --p-ramp-accent-2: #f7f8f8;
  --p-ramp-accent-2: oklch(0.978 0.001 247.88);
  --p-ramp-accent-3: #edeef0;
  --p-ramp-accent-3: oklch(0.95 0.0018 247.88);
  --p-ramp-accent-4: #e5e6e8;
  --p-ramp-accent-4: oklch(0.925 0.0024 247.88);
  --p-ramp-accent-5: #dbdcde;
  --p-ramp-accent-5: oklch(0.895 0.0031 247.88);
  --p-ramp-accent-6: #cfd1d3;
  --p-ramp-accent-6: oklch(0.86 0.0037 247.88);
  --p-ramp-accent-7: #c0c3c5;
  --p-ramp-accent-7: oklch(0.815 0.0043 247.88);
  --p-ramp-accent-8: #adafb2;
  --p-ramp-accent-8: oklch(0.7533 0.0046 247.88);
  --p-ramp-accent-9: #8d9093;
  --p-ramp-accent-9: oklch(0.6517 0.0051 247.88);
  --p-ramp-neutral-1: #fbfdff;
  --p-ramp-neutral-1: oklch(0.993 0.0035 250);
  --p-ramp-neutral-10: #5e646a;
  --p-ramp-neutral-10: oklch(0.5 0.012 250);
  --p-ramp-neutral-11: #484e54;
  --p-ramp-neutral-11: oklch(0.42 0.012 250);
  --p-ramp-neutral-12: #14191e;
  --p-ramp-neutral-12: oklch(0.21 0.012 250);
  --p-ramp-neutral-2: #f5fafe;
  --p-ramp-neutral-2: oklch(0.982 0.0079 250);
  --p-ramp-neutral-3: #f0f5fa;
  --p-ramp-neutral-3: oklch(0.967 0.0086 250);
  --p-ramp-neutral-4: #eaeff5;
  --p-ramp-neutral-4: oklch(0.951 0.0094 250);
  --p-ramp-neutral-5: #e5eaf0;
  --p-ramp-neutral-5: oklch(0.935 0.0101 250);
  --p-ramp-neutral-6: #dee4ea;
  --p-ramp-neutral-6: oklch(0.915 0.0108 250);
  --p-ramp-neutral-7: #d0d7dd;
  --p-ramp-neutral-7: oklch(0.875 0.0115 250);
  --p-ramp-neutral-8: #81878d;
  --p-ramp-neutral-8: oklch(0.62 0.0122 250);
  --p-ramp-neutral-9: #6f757b;
  --p-ramp-neutral-9: oklch(0.56 0.012 250);
  --p-segmented-active-bg: #fbfdff;
  --p-segmented-active-bg: oklch(0.993 0.0035 250);
  --p-segmented-track: #14191e0a;
  --p-segmented-track: oklch(0.21 0.012 250 / 0.04);
  --p-shadow-button-primary: 0 0 0 0 transparent;
  --p-shadow-choice: 0 0 0 0 transparent;
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(0.21 0.012 250 / 0.08), 0px 24px 48px -12px oklch(0.21 0.012 250 / 0.28);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0.21 0.012 250 / 0.03), 0px 4px 8px -4px oklch(0.21 0.012 250 / 0.05), 0px 16px 24px -8px oklch(0.21 0.012 250 / 0.08);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(0.21 0.012 250 / 0.08);
  --p-shadow-segment-active: 0px 0px 0px 1px oklch(0.21 0.012 250 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.21 0.012 250 / 0.12), 0px 1px 2px 0px oklch(0.21 0.012 250 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.21 0.012 250 / 0.2), 0px 0px 0px 0.5px oklch(0.21 0.012 250 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #14191e1a;
  --p-slider-track: oklch(0.21 0.012 250 / 0.1);
  --p-switch-border-off: #81878d;
  --p-switch-border-off: oklch(0.62 0.0122 250);
  --p-switch-track-off: #14191e29;
  --p-switch-track-off: oklch(0.21 0.012 250 / 0.16);
  --p-tooltip-bg: #14191e;
  --p-tooltip-bg: oklch(0.21 0.012 250);
  --p-tooltip-fg: #fbfdff;
  --p-tooltip-fg: oklch(0.993 0.0035 250);
  --p-type-body-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-caption-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-code-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-display-l-weight: 600;
  --p-type-display-m-weight: 600;
  --p-type-display-s-weight: 600;
  --p-type-label-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-numeric-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-l-weight: 600;
  --p-type-title-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-m-weight: 600;
  --p-type-title-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-contrast="increased"][data-product="naalto"] {
  --p-button-focus-border: #15191d;
  --p-button-focus-border: oklch(0.21 0.0098 252.82);
  --p-choice-border: #494d52;
  --p-choice-border: oklch(0.42 0.0098 252.82);
  --p-color-accent-text: #262d38;
  --p-color-accent-text: oklch(0.296 0.0218 254.96);
  --p-color-agent-text: #262d38;
  --p-color-agent-text: oklch(0.296 0.0218 254.96);
  --p-color-bg-canvas: #fbfdff;
  --p-color-bg-canvas: oklch(0.993 0.0034 252.82);
  --p-color-border-control: #494d52;
  --p-color-border-control: oklch(0.42 0.0098 252.82);
  --p-color-border-control-hover: #15191d;
  --p-color-border-control-hover: oklch(0.21 0.0098 252.82);
  --p-color-border-control-strong: #15191d;
  --p-color-border-control-strong: oklch(0.21 0.0098 252.82);
  --p-color-border-default: #494d52;
  --p-color-border-default: oklch(0.42 0.0098 252.82);
  --p-color-border-strong: #15191d;
  --p-color-border-strong: oklch(0.21 0.0098 252.82);
  --p-color-border-subtle: #82878c;
  --p-color-border-subtle: oklch(0.62 0.01 252.82);
  --p-color-field-border-disabled: #82878c;
  --p-color-field-border-disabled: oklch(0.62 0.01 252.82);
  --p-color-field-border-focus: #15191d;
  --p-color-field-border-focus: oklch(0.21 0.0098 252.82);
  --p-color-focus-ring: #15191d;
  --p-color-focus-ring: oklch(0.21 0.0098 252.82);
  --p-color-focus-ring-button: #15191d59;
  --p-color-focus-ring-button: oklch(0.21 0.0098 252.82 / 0.35);
  --p-color-focus-ring-field: #15191d38;
  --p-color-focus-ring-field: oklch(0.21 0.0098 252.82 / 0.22);
  --p-color-nav-active: #dee1e5;
  --p-color-nav-active: oklch(0.9094 0.0056 253.82);
  --p-color-nav-active-icon: #262d38;
  --p-color-nav-active-icon: oklch(0.296 0.0218 254.96);
  --p-color-text-disabled: #70757a;
  --p-color-text-disabled: oklch(0.56 0.0098 252.82);
  --p-color-text-link: #262d38;
  --p-color-text-link: oklch(0.296 0.0218 254.96);
  --p-color-text-secondary: #15191d;
  --p-color-text-secondary: oklch(0.21 0.0098 252.82);
  --p-color-text-tertiary: #494d52;
  --p-color-text-tertiary: oklch(0.42 0.0098 252.82);
  --p-switch-border-off: #494d52;
  --p-switch-border-off: oklch(0.42 0.0098 252.82);
}

[data-contrast="increased"][data-product="poliage"] {
  --p-button-focus-border: #1c1712;
  --p-button-focus-border: oklch(0.21 0.0122 67.67);
  --p-choice-border: #534d47;
  --p-choice-border: oklch(0.424 0.0122 67.67);
  --p-color-accent-text: #352929;
  --p-color-accent-text: oklch(0.296 0.0179 23.08);
  --p-color-agent-text: #352929;
  --p-color-agent-text: oklch(0.296 0.0179 23.08);
  --p-color-bg-canvas: #fffcf9;
  --p-color-bg-canvas: oklch(0.993 0.0049 67.67);
  --p-color-border-control: #534d47;
  --p-color-border-control: oklch(0.424 0.0122 67.67);
  --p-color-border-control-hover: #1c1712;
  --p-color-border-control-hover: oklch(0.21 0.0122 67.67);
  --p-color-border-control-strong: #1c1712;
  --p-color-border-control-strong: oklch(0.21 0.0122 67.67);
  --p-color-border-default: #534d47;
  --p-color-border-default: oklch(0.424 0.0122 67.67);
  --p-color-border-strong: #1c1712;
  --p-color-border-strong: oklch(0.21 0.0122 67.67);
  --p-color-border-subtle: #8d8680;
  --p-color-border-subtle: oklch(0.624 0.0124 67.67);
  --p-color-field-border-disabled: #8d8680;
  --p-color-field-border-disabled: oklch(0.624 0.0124 67.67);
  --p-color-field-border-focus: #1c1712;
  --p-color-field-border-focus: oklch(0.21 0.0122 67.67);
  --p-color-focus-ring: #1c1712;
  --p-color-focus-ring: oklch(0.21 0.0122 67.67);
  --p-color-focus-ring-button: #1c171259;
  --p-color-focus-ring-button: oklch(0.21 0.0122 67.67 / 0.35);
  --p-color-focus-ring-field: #1c171238;
  --p-color-focus-ring-field: oklch(0.21 0.0122 67.67 / 0.22);
  --p-color-nav-active: #e4e0dd;
  --p-color-nav-active: oklch(0.9094 0.006 53.2);
  --p-color-nav-active-icon: #352929;
  --p-color-nav-active-icon: oklch(0.296 0.0179 23.08);
  --p-color-text-disabled: #7a746e;
  --p-color-text-disabled: oklch(0.562 0.0122 67.67);
  --p-color-text-link: #352929;
  --p-color-text-link: oklch(0.296 0.0179 23.08);
  --p-color-text-secondary: #1c1712;
  --p-color-text-secondary: oklch(0.21 0.0122 67.67);
  --p-color-text-tertiary: #534d47;
  --p-color-text-tertiary: oklch(0.424 0.0122 67.67);
  --p-switch-border-off: #534d47;
  --p-switch-border-off: oklch(0.424 0.0122 67.67);
}

[data-contrast="increased"][data-product="poliage-beauty"] {
  --p-button-focus-border: #1a1813;
  --p-button-focus-border: oklch(0.21 0.01 87.48);
  --p-choice-border: #504e48;
  --p-choice-border: oklch(0.424 0.01 87.48);
  --p-color-accent-text: #2d2d2c;
  --p-color-accent-text: oklch(0.296 0.0014 84.59);
  --p-color-agent-text: #2d2d2c;
  --p-color-agent-text: oklch(0.296 0.0014 84.59);
  --p-color-bg-canvas: #fefdf8;
  --p-color-bg-canvas: oklch(0.993 0.006 87.48);
  --p-color-border-control: #504e48;
  --p-color-border-control: oklch(0.424 0.01 87.48);
  --p-color-border-control-hover: #1a1813;
  --p-color-border-control-hover: oklch(0.21 0.01 87.48);
  --p-color-border-control-strong: #1a1813;
  --p-color-border-control-strong: oklch(0.21 0.01 87.48);
  --p-color-border-default: #504e48;
  --p-color-border-default: oklch(0.424 0.01 87.48);
  --p-color-border-strong: #1a1813;
  --p-color-border-strong: oklch(0.21 0.01 87.48);
  --p-color-border-subtle: #8a8781;
  --p-color-border-subtle: oklch(0.624 0.0102 87.48);
  --p-color-field-border-disabled: #8a8781;
  --p-color-field-border-disabled: oklch(0.624 0.0102 87.48);
  --p-color-field-border-focus: #1a1813;
  --p-color-field-border-focus: oklch(0.21 0.01 87.48);
  --p-color-focus-ring: #1a1813;
  --p-color-focus-ring: oklch(0.21 0.01 87.48);
  --p-color-focus-ring-button: #1a181359;
  --p-color-focus-ring-button: oklch(0.21 0.01 87.48 / 0.35);
  --p-color-focus-ring-field: #1a181338;
  --p-color-focus-ring-field: oklch(0.21 0.01 87.48 / 0.22);
  --p-color-nav-active: #e2e1dd;
  --p-color-nav-active: oklch(0.9094 0.0054 87.39);
  --p-color-nav-active-icon: #2d2d2c;
  --p-color-nav-active-icon: oklch(0.296 0.0014 84.59);
  --p-color-text-disabled: #77756f;
  --p-color-text-disabled: oklch(0.562 0.01 87.48);
  --p-color-text-link: #2d2d2c;
  --p-color-text-link: oklch(0.296 0.0014 84.59);
  --p-color-text-secondary: #1a1813;
  --p-color-text-secondary: oklch(0.21 0.01 87.48);
  --p-color-text-tertiary: #504e48;
  --p-color-text-tertiary: oklch(0.424 0.01 87.48);
  --p-switch-border-off: #504e48;
  --p-switch-border-off: oklch(0.424 0.01 87.48);
}

[data-contrast="increased"][data-product="paperrift"] {
  --p-button-focus-border: #19171e;
  --p-button-focus-border: oklch(0.21 0.0142 298.16);
  --p-choice-border: #4e4c54;
  --p-choice-border: oklch(0.42 0.0142 298.16);
  --p-color-accent-text: #2d2d2c;
  --p-color-accent-text: oklch(0.296 0.002 84.57);
  --p-color-agent-text: #2d2d2c;
  --p-color-agent-text: oklch(0.296 0.002 84.57);
  --p-color-bg-canvas: #fdfcff;
  --p-color-bg-canvas: oklch(0.993 0.0038 298.16);
  --p-color-border-control: #4e4c54;
  --p-color-border-control: oklch(0.42 0.0142 298.16);
  --p-color-border-control-hover: #19171e;
  --p-color-border-control-hover: oklch(0.21 0.0142 298.16);
  --p-color-border-control-strong: #19171e;
  --p-color-border-control-strong: oklch(0.21 0.0142 298.16);
  --p-color-border-default: #4e4c54;
  --p-color-border-default: oklch(0.42 0.0142 298.16);
  --p-color-border-strong: #19171e;
  --p-color-border-strong: oklch(0.21 0.0142 298.16);
  --p-color-border-subtle: #87848e;
  --p-color-border-subtle: oklch(0.62 0.0145 298.16);
  --p-color-field-border-disabled: #87848e;
  --p-color-field-border-disabled: oklch(0.62 0.0145 298.16);
  --p-color-field-border-focus: #19171e;
  --p-color-field-border-focus: oklch(0.21 0.0142 298.16);
  --p-color-focus-ring: #19171e;
  --p-color-focus-ring: oklch(0.21 0.0142 298.16);
  --p-color-focus-ring-button: #19171e59;
  --p-color-focus-ring-button: oklch(0.21 0.0142 298.16 / 0.35);
  --p-color-focus-ring-field: #19171e38;
  --p-color-focus-ring-field: oklch(0.21 0.0142 298.16 / 0.22);
  --p-color-nav-active: #e1e0e3;
  --p-color-nav-active: oklch(0.9094 0.0031 300.58);
  --p-color-nav-active-icon: #2d2d2c;
  --p-color-nav-active-icon: oklch(0.296 0.002 84.57);
  --p-color-text-disabled: #75737c;
  --p-color-text-disabled: oklch(0.56 0.0142 298.16);
  --p-color-text-link: #2d2d2c;
  --p-color-text-link: oklch(0.296 0.002 84.57);
  --p-color-text-secondary: #19171e;
  --p-color-text-secondary: oklch(0.21 0.0142 298.16);
  --p-color-text-tertiary: #4e4c54;
  --p-color-text-tertiary: oklch(0.42 0.0142 298.16);
  --p-switch-border-off: #4e4c54;
  --p-switch-border-off: oklch(0.42 0.0142 298.16);
}

[data-contrast="increased"][data-product="ownmode"] {
  --p-button-focus-border: #1a1812;
  --p-button-focus-border: oklch(0.21 0.0114 89.73);
  --p-choice-border: #514e47;
  --p-choice-border: oklch(0.424 0.0114 89.73);
  --p-color-accent-text: #21322b;
  --p-color-accent-text: oklch(0.3 0.0269 165.99);
  --p-color-accent-tint: #def5ea;
  --p-color-accent-tint: oklch(0.95 0.0277 165.99);
  --p-color-agent-text: #21322b;
  --p-color-agent-text: oklch(0.3 0.0269 165.99);
  --p-color-bg-canvas: #fefdf8;
  --p-color-bg-canvas: oklch(0.993 0.0068 89.73);
  --p-color-border-control: #514e47;
  --p-color-border-control: oklch(0.424 0.0114 89.73);
  --p-color-border-control-hover: #1a1812;
  --p-color-border-control-hover: oklch(0.21 0.0114 89.73);
  --p-color-border-control-strong: #1a1812;
  --p-color-border-control-strong: oklch(0.21 0.0114 89.73);
  --p-color-border-default: #514e47;
  --p-color-border-default: oklch(0.424 0.0114 89.73);
  --p-color-border-strong: #1a1812;
  --p-color-border-strong: oklch(0.21 0.0114 89.73);
  --p-color-border-subtle: #8a8780;
  --p-color-border-subtle: oklch(0.624 0.0116 89.73);
  --p-color-count-bg: #1a1812;
  --p-color-count-bg: oklch(0.21 0.0114 89.73);
  --p-color-field-border-disabled: #8a8780;
  --p-color-field-border-disabled: oklch(0.624 0.0116 89.73);
  --p-color-field-border-focus: #1a1812;
  --p-color-field-border-focus: oklch(0.21 0.0114 89.73);
  --p-color-focus-ring: #1a1812;
  --p-color-focus-ring: oklch(0.21 0.0114 89.73);
  --p-color-focus-ring-button: #1a181259;
  --p-color-focus-ring-button: oklch(0.21 0.0114 89.73 / 0.35);
  --p-color-focus-ring-field: #1a181238;
  --p-color-focus-ring-field: oklch(0.21 0.0114 89.73 / 0.22);
  --p-color-mark-done: #1a1812;
  --p-color-mark-done: oklch(0.21 0.0114 89.73);
  --p-color-nav-active: #e1e2dc;
  --p-color-nav-active: oklch(0.9098 0.0074 114.64);
  --p-color-nav-active-icon: #21322b;
  --p-color-nav-active-icon: oklch(0.3 0.0269 165.99);
  --p-color-selected-outline: #1a1812;
  --p-color-selected-outline: oklch(0.21 0.0114 89.73);
  --p-color-status-amber: #f2a618;
  --p-color-status-amber: oklch(0.78 0.16 75);
  --p-color-status-green: #1b9247;
  --p-color-status-green: oklch(0.58 0.15 150);
  --p-color-status-red: #d73431;
  --p-color-status-red: oklch(0.58 0.2 27);
  --p-color-surface-night: #091123;
  --p-color-surface-night: oklch(0.18 0.04 265);
  --p-color-surface-sunken: #fbf9f4;
  --p-color-surface-sunken: oklch(0.982 0.0075 89.73);
  --p-color-text-disabled: #78756e;
  --p-color-text-disabled: oklch(0.562 0.0114 89.73);
  --p-color-text-link: #21322b;
  --p-color-text-link: oklch(0.3 0.0269 165.99);
  --p-color-text-primary: #1a1812;
  --p-color-text-primary: oklch(0.21 0.0114 89.73);
  --p-color-text-secondary: #1a1812;
  --p-color-text-secondary: oklch(0.21 0.0114 89.73);
  --p-color-text-tertiary: #514e47;
  --p-color-text-tertiary: oklch(0.424 0.0114 89.73);
  --p-switch-border-off: #514e47;
  --p-switch-border-off: oklch(0.424 0.0114 89.73);
  --p-tooltip-bg: #1a1812;
  --p-tooltip-bg: oklch(0.21 0.0114 89.73);
}

[data-contrast="increased"][data-product="loudsoup"] {
  --p-button-focus-border: #1b1814;
  --p-button-focus-border: oklch(0.21 0.008 73.74);
  --p-choice-border: #504c48;
  --p-choice-border: oklch(0.42 0.008 73.74);
  --p-color-accent-text: #4c1b24;
  --p-color-accent-text: oklch(0.3 0.0736 11.21);
  --p-color-agent-text: #4c1b24;
  --p-color-agent-text: oklch(0.3 0.0736 11.21);
  --p-color-bg-canvas: #fffcf9;
  --p-color-bg-canvas: oklch(0.993 0.0048 73.74);
  --p-color-border-control: #504c48;
  --p-color-border-control: oklch(0.42 0.008 73.74);
  --p-color-border-control-hover: #1b1814;
  --p-color-border-control-hover: oklch(0.21 0.008 73.74);
  --p-color-border-control-strong: #1b1814;
  --p-color-border-control-strong: oklch(0.21 0.008 73.74);
  --p-color-border-default: #504c48;
  --p-color-border-default: oklch(0.42 0.008 73.74);
  --p-color-border-strong: #1b1814;
  --p-color-border-strong: oklch(0.21 0.008 73.74);
  --p-color-border-subtle: #898581;
  --p-color-border-subtle: oklch(0.62 0.0082 73.74);
  --p-color-field-border-disabled: #898581;
  --p-color-field-border-disabled: oklch(0.62 0.0082 73.74);
  --p-color-field-border-focus: #1b1814;
  --p-color-field-border-focus: oklch(0.21 0.008 73.74);
  --p-color-focus-ring: #1b1814;
  --p-color-focus-ring: oklch(0.21 0.008 73.74);
  --p-color-focus-ring-button: #1b181459;
  --p-color-focus-ring-button: oklch(0.21 0.008 73.74 / 0.35);
  --p-color-focus-ring-field: #1b181438;
  --p-color-focus-ring-field: oklch(0.21 0.008 73.74 / 0.22);
  --p-color-nav-active: #e9dfdd;
  --p-color-nav-active: oklch(0.9098 0.0114 30.38);
  --p-color-nav-active-icon: #4c1b24;
  --p-color-nav-active-icon: oklch(0.3 0.0736 11.21);
  --p-color-text-disabled: #77746f;
  --p-color-text-disabled: oklch(0.56 0.008 73.74);
  --p-color-text-link: #4c1b24;
  --p-color-text-link: oklch(0.3 0.0736 11.21);
  --p-color-text-secondary: #1b1814;
  --p-color-text-secondary: oklch(0.21 0.008 73.74);
  --p-color-text-tertiary: #504c48;
  --p-color-text-tertiary: oklch(0.42 0.008 73.74);
  --p-switch-border-off: #504c48;
  --p-switch-border-off: oklch(0.42 0.008 73.74);
}

[data-contrast="increased"][data-product="execemy"] {
  --p-button-focus-border: #1b1813;
  --p-button-focus-border: oklch(0.21 0.0105 84.59);
  --p-choice-border: #504d47;
  --p-choice-border: oklch(0.42 0.0105 84.59);
  --p-color-accent-text: #1c2b54;
  --p-color-accent-text: oklch(0.3 0.0765 267.04);
  --p-color-agent-text: #1c2b54;
  --p-color-agent-text: oklch(0.3 0.0765 267.04);
  --p-color-bg-canvas: #fffcf8;
  --p-color-bg-canvas: oklch(0.993 0.0063 84.59);
  --p-color-border-control: #504d47;
  --p-color-border-control: oklch(0.42 0.0105 84.59);
  --p-color-border-control-hover: #1b1813;
  --p-color-border-control-hover: oklch(0.21 0.0105 84.59);
  --p-color-border-control-strong: #1b1813;
  --p-color-border-control-strong: oklch(0.21 0.0105 84.59);
  --p-color-border-default: #504d47;
  --p-color-border-default: oklch(0.42 0.0105 84.59);
  --p-color-border-strong: #1b1813;
  --p-color-border-strong: oklch(0.21 0.0105 84.59);
  --p-color-border-subtle: #89867f;
  --p-color-border-subtle: oklch(0.62 0.0107 84.59);
  --p-color-field-border-disabled: #89867f;
  --p-color-field-border-disabled: oklch(0.62 0.0107 84.59);
  --p-color-field-border-focus: #1b1813;
  --p-color-field-border-focus: oklch(0.21 0.0105 84.59);
  --p-color-focus-ring: #1b1813;
  --p-color-focus-ring: oklch(0.21 0.0105 84.59);
  --p-color-focus-ring-button: #1b181359;
  --p-color-focus-ring-button: oklch(0.21 0.0105 84.59 / 0.35);
  --p-color-focus-ring-field: #1b181338;
  --p-color-focus-ring-field: oklch(0.21 0.0105 84.59 / 0.22);
  --p-color-nav-active: #e0e1e4;
  --p-color-nav-active: oklch(0.9098 0.0036 270.76);
  --p-color-nav-active-icon: #1c2b54;
  --p-color-nav-active-icon: oklch(0.3 0.0765 267.04);
  --p-color-text-disabled: #77746e;
  --p-color-text-disabled: oklch(0.56 0.0105 84.59);
  --p-color-text-link: #1c2b54;
  --p-color-text-link: oklch(0.3 0.0765 267.04);
  --p-color-text-secondary: #1b1813;
  --p-color-text-secondary: oklch(0.21 0.0105 84.59);
  --p-color-text-tertiary: #504d47;
  --p-color-text-tertiary: oklch(0.42 0.0105 84.59);
  --p-switch-border-off: #504d47;
  --p-switch-border-off: oklch(0.42 0.0105 84.59);
}

[data-contrast="increased"][data-product="claradb"] {
  --p-color-accent-text: #202e44;
  --p-color-accent-text: oklch(0.3 0.0434 257.91);
  --p-color-agent-text: #202e44;
  --p-color-agent-text: oklch(0.3 0.0434 257.91);
  --p-color-nav-active: #dee1e7;
  --p-color-nav-active: oklch(0.9098 0.0081 262.23);
  --p-color-nav-active-icon: #202e44;
  --p-color-nav-active-icon: oklch(0.3 0.0434 257.91);
  --p-color-text-link: #202e44;
  --p-color-text-link: oklch(0.3 0.0434 257.91);
}

[data-contrast="increased"][data-product="claradb-pro"] {
  --p-color-accent-text: #2f2453;
  --p-color-accent-text: oklch(0.3 0.0822 291);
  --p-color-agent-text: #2f2453;
  --p-color-agent-text: oklch(0.3 0.0822 291);
  --p-color-nav-active: #e0e0e9;
  --p-color-nav-active: oklch(0.9098 0.0126 286.27);
  --p-color-nav-active-icon: #2f2453;
  --p-color-nav-active-icon: oklch(0.3 0.0822 291);
  --p-color-text-link: #2f2453;
  --p-color-text-link: oklch(0.3 0.0822 291);
}

[data-contrast="increased"][data-product="runstamp"] {
  --p-color-accent-text: #1a295b;
  --p-color-accent-text: oklch(0.3 0.0922 267.74);
  --p-color-agent-text: #1a295b;
  --p-color-agent-text: oklch(0.3 0.0922 267.74);
  --p-color-nav-active: #dde1eb;
  --p-color-nav-active: oklch(0.9098 0.014 268.21);
  --p-color-nav-active-icon: #1a295b;
  --p-color-nav-active-icon: oklch(0.3 0.0922 267.74);
  --p-color-text-link: #1a295b;
  --p-color-text-link: oklch(0.3 0.0922 267.74);
}

[data-contrast="increased"][data-product="plain-trades"] {
  --p-brand-sidebar-accent: #1a1813;
  --p-brand-sidebar-accent: oklch(0.21 0.01 84.58);
  --p-button-focus-border: #1a1813;
  --p-button-focus-border: oklch(0.21 0.01 84.58);
  --p-button-secondary-bg: #fffcf8;
  --p-button-secondary-bg: oklch(0.993 0.006 84.58);
  --p-choice-border: #504d47;
  --p-choice-border: oklch(0.42 0.01 84.58);
  --p-color-accent-action: #1a1813;
  --p-color-accent-action: oklch(0.21 0.01 84.58);
  --p-color-accent-solid: #1a1813;
  --p-color-accent-solid: oklch(0.21 0.01 84.58);
  --p-color-accent-text: #1a1813;
  --p-color-accent-text: oklch(0.21 0.01 84.58);
  --p-color-agent-text: #402517;
  --p-color-agent-text: oklch(0.296 0.0473 47);
  --p-color-agent-tint: #ffe9df;
  --p-color-agent-tint: oklch(0.95 0.0274 47);
  --p-color-bg-canvas: #fffcf8;
  --p-color-bg-canvas: oklch(0.993 0.006 84.58);
  --p-color-bg-default: #fffcf8;
  --p-color-bg-default: oklch(0.993 0.006 84.58);
  --p-color-bg-panel: #fffcf8;
  --p-color-bg-panel: oklch(0.993 0.006 84.58);
  --p-color-border-control: #504d47;
  --p-color-border-control: oklch(0.42 0.01 84.58);
  --p-color-border-control-hover: #1a1813;
  --p-color-border-control-hover: oklch(0.21 0.01 84.58);
  --p-color-border-control-strong: #1a1813;
  --p-color-border-control-strong: oklch(0.21 0.01 84.58);
  --p-color-border-default: #504d47;
  --p-color-border-default: oklch(0.42 0.01 84.58);
  --p-color-border-strong: #1a1813;
  --p-color-border-strong: oklch(0.21 0.01 84.58);
  --p-color-border-subtle: #89867f;
  --p-color-border-subtle: oklch(0.62 0.0102 84.58);
  --p-color-count-text: #1a1813;
  --p-color-count-text: oklch(0.21 0.01 84.58);
  --p-color-danger-subtle: #fff1ed;
  --p-color-danger-subtle: oklch(0.9672 0.0164 34.09);
  --p-color-field-bg: #fffcf8;
  --p-color-field-bg: oklch(0.993 0.006 84.58);
  --p-color-field-border-disabled: #89867f;
  --p-color-field-border-disabled: oklch(0.62 0.0102 84.58);
  --p-color-field-border-focus: #1a1813;
  --p-color-field-border-focus: oklch(0.21 0.01 84.58);
  --p-color-focus-ring: #1a1813;
  --p-color-focus-ring: oklch(0.21 0.01 84.58);
  --p-color-focus-ring-button: #1a181359;
  --p-color-focus-ring-button: oklch(0.21 0.01 84.58 / 0.35);
  --p-color-focus-ring-field: #1a181338;
  --p-color-focus-ring-field: oklch(0.21 0.01 84.58 / 0.22);
  --p-color-info-subtle: #eef5fc;
  --p-color-info-subtle: oklch(0.9672 0.0126 247.25);
  --p-color-mark-done: #fffcf8;
  --p-color-mark-done: oklch(0.993 0.006 84.58);
  --p-color-mark-on-done: #1a1813;
  --p-color-mark-on-done: oklch(0.21 0.01 84.58);
  --p-color-nav-active: #e0ddd9;
  --p-color-nav-active: oklch(0.899 0.0065 84.58);
  --p-color-nav-active-icon: #1a1813;
  --p-color-nav-active-icon: oklch(0.21 0.01 84.58);
  --p-color-nav-active-ring: #00000000;
  --p-color-nav-active-ring: oklch(0 0 0 / 0);
  --p-color-selected-outline: #1a1813;
  --p-color-selected-outline: oklch(0.21 0.01 84.58);
  --p-color-success-subtle: #e6fbe7;
  --p-color-success-subtle: oklch(0.9672 0.0335 146.26);
  --p-color-surface-1: #fffcf8;
  --p-color-surface-1: oklch(0.993 0.006 84.58);
  --p-color-surface-sunken: #fbf9f4;
  --p-color-surface-sunken: oklch(0.982 0.0066 84.58);
  --p-color-text-disabled: #77746e;
  --p-color-text-disabled: oklch(0.56 0.01 84.58);
  --p-color-text-link: #1a1813;
  --p-color-text-link: oklch(0.21 0.01 84.58);
  --p-color-text-primary: #1a1813;
  --p-color-text-primary: oklch(0.21 0.01 84.58);
  --p-color-text-secondary: #1a1813;
  --p-color-text-secondary: oklch(0.21 0.01 84.58);
  --p-color-text-tertiary: #504d47;
  --p-color-text-tertiary: oklch(0.42 0.01 84.58);
  --p-color-warning-subtle: #fff2e1;
  --p-color-warning-subtle: oklch(0.9672 0.0268 75.85);
  --p-elevation-0-surface: #fffcf8;
  --p-elevation-0-surface: oklch(0.993 0.006 84.58);
  --p-elevation-1-surface: #fffcf8;
  --p-elevation-1-surface: oklch(0.993 0.006 84.58);
  --p-overlay-bg: #fffcf8;
  --p-overlay-bg: oklch(0.993 0.006 84.58);
  --p-segmented-active-bg: #fffcf8;
  --p-segmented-active-bg: oklch(0.993 0.006 84.58);
  --p-switch-border-off: #504d47;
  --p-switch-border-off: oklch(0.42 0.01 84.58);
  --p-tooltip-bg: #1a1813;
  --p-tooltip-bg: oklch(0.21 0.01 84.58);
}

[data-contrast="increased"][data-product="handywright"] {
  --p-brand-sidebar-accent: #1a1813;
  --p-brand-sidebar-accent: oklch(0.21 0.01 90);
  --p-button-focus-border: #1a1813;
  --p-button-focus-border: oklch(0.21 0.01 90);
  --p-button-secondary-bg: #fefdf8;
  --p-button-secondary-bg: oklch(0.993 0.006 90);
  --p-choice-border: #504e48;
  --p-choice-border: oklch(0.424 0.01 90);
  --p-color-accent-action: #1a1813;
  --p-color-accent-action: oklch(0.21 0.01 90);
  --p-color-accent-solid: #1a1813;
  --p-color-accent-solid: oklch(0.21 0.01 90);
  --p-color-accent-solid-hover: #504e48;
  --p-color-accent-solid-hover: oklch(0.424 0.01 90);
  --p-color-accent-solid-pressed: #65635d;
  --p-color-accent-solid-pressed: oklch(0.5 0.01 90);
  --p-color-accent-text: #1a1813;
  --p-color-accent-text: oklch(0.21 0.01 90);
  --p-color-accent-text-pressed: #65635d;
  --p-color-accent-text-pressed: oklch(0.5 0.01 90);
  --p-color-accent-tint: #fdeebf;
  --p-color-accent-tint: oklch(0.95 0.0628 92.55);
  --p-color-agent-border: #e4bf3e;
  --p-color-agent-border: oklch(0.815 0.1466 92.55);
  --p-color-agent-mark: #ad8d00;
  --p-color-agent-mark: oklch(0.6535 0.1341 92.55);
  --p-color-agent-on-mark: #111114;
  --p-color-agent-on-mark: oklch(0.18 0.005 286);
  --p-color-agent-text: #382b00;
  --p-color-agent-text: oklch(0.296 0.0611 92.55);
  --p-color-agent-tint: #fdeebf;
  --p-color-agent-tint: oklch(0.95 0.0628 92.55);
  --p-color-bg-canvas: #fefdf8;
  --p-color-bg-canvas: oklch(0.993 0.006 90);
  --p-color-bg-default: #fefdf8;
  --p-color-bg-default: oklch(0.993 0.006 90);
  --p-color-bg-panel: #fefdf8;
  --p-color-bg-panel: oklch(0.993 0.006 90);
  --p-color-border-control: #504e48;
  --p-color-border-control: oklch(0.424 0.01 90);
  --p-color-border-control-hover: #1a1813;
  --p-color-border-control-hover: oklch(0.21 0.01 90);
  --p-color-border-control-strong: #1a1813;
  --p-color-border-control-strong: oklch(0.21 0.01 90);
  --p-color-border-default: #504e48;
  --p-color-border-default: oklch(0.424 0.01 90);
  --p-color-border-strong: #1a1813;
  --p-color-border-strong: oklch(0.21 0.01 90);
  --p-color-border-subtle: #8a8781;
  --p-color-border-subtle: oklch(0.624 0.0102 90);
  --p-color-count-text: #1a1813;
  --p-color-count-text: oklch(0.21 0.01 90);
  --p-color-danger-subtle: #fff1ed;
  --p-color-danger-subtle: oklch(0.9672 0.0162 34.57);
  --p-color-field-bg: #fefdf8;
  --p-color-field-bg: oklch(0.993 0.006 90);
  --p-color-field-border-disabled: #8a8781;
  --p-color-field-border-disabled: oklch(0.624 0.0102 90);
  --p-color-field-border-focus: #1a1813;
  --p-color-field-border-focus: oklch(0.21 0.01 90);
  --p-color-focus-ring: #1a1813;
  --p-color-focus-ring: oklch(0.21 0.01 90);
  --p-color-focus-ring-button: #1a181359;
  --p-color-focus-ring-button: oklch(0.21 0.01 90 / 0.35);
  --p-color-focus-ring-field: #1a181338;
  --p-color-focus-ring-field: oklch(0.21 0.01 90 / 0.22);
  --p-color-info-subtle: #eef5fc;
  --p-color-info-subtle: oklch(0.9672 0.0127 246.28);
  --p-color-mark-done: #fefdf8;
  --p-color-mark-done: oklch(0.993 0.006 90);
  --p-color-mark-on-done: #1a1813;
  --p-color-mark-on-done: oklch(0.21 0.01 90);
  --p-color-nav-active: #dfddd9;
  --p-color-nav-active: oklch(0.899 0.0065 90);
  --p-color-nav-active-icon: #1a1813;
  --p-color-nav-active-icon: oklch(0.21 0.01 90);
  --p-color-nav-active-ring: #00000000;
  --p-color-nav-active-ring: oklch(0 0 0 / 0);
  --p-color-selected-outline: #1a1813;
  --p-color-selected-outline: oklch(0.21 0.01 90);
  --p-color-success-subtle: #e6fbe7;
  --p-color-success-subtle: oklch(0.9672 0.0337 146.46);
  --p-color-surface-1: #fefdf8;
  --p-color-surface-1: oklch(0.993 0.006 90);
  --p-color-surface-sunken: #fbf9f4;
  --p-color-surface-sunken: oklch(0.982 0.0066 90);
  --p-color-text-disabled: #77756f;
  --p-color-text-disabled: oklch(0.562 0.01 90);
  --p-color-text-link: #1a1813;
  --p-color-text-link: oklch(0.21 0.01 90);
  --p-color-text-primary: #1a1813;
  --p-color-text-primary: oklch(0.21 0.01 90);
  --p-color-text-secondary: #1a1813;
  --p-color-text-secondary: oklch(0.21 0.01 90);
  --p-color-text-tertiary: #504e48;
  --p-color-text-tertiary: oklch(0.424 0.01 90);
  --p-color-warning-subtle: #fff2e1;
  --p-color-warning-subtle: oklch(0.9672 0.0267 76.33);
  --p-elevation-0-surface: #fefdf8;
  --p-elevation-0-surface: oklch(0.993 0.006 90);
  --p-elevation-1-surface: #fefdf8;
  --p-elevation-1-surface: oklch(0.993 0.006 90);
  --p-overlay-bg: #fefdf8;
  --p-overlay-bg: oklch(0.993 0.006 90);
  --p-segmented-active-bg: #fefdf8;
  --p-segmented-active-bg: oklch(0.993 0.006 90);
  --p-switch-border-off: #504e48;
  --p-switch-border-off: oklch(0.424 0.01 90);
  --p-tooltip-bg: #1a1813;
  --p-tooltip-bg: oklch(0.21 0.01 90);
}

[data-contrast="increased"][data-product="oslerpress"] {
  --p-button-focus-border: #14191e;
  --p-button-focus-border: oklch(0.21 0.012 250);
  --p-choice-border: #484e54;
  --p-choice-border: oklch(0.42 0.012 250);
  --p-color-accent-text: #14191e;
  --p-color-accent-text: oklch(0.21 0.012 250);
  --p-color-agent-text: #2c2d2e;
  --p-color-agent-text: oklch(0.296 0.0018 247.88);
  --p-color-bg-canvas: #fbfdff;
  --p-color-bg-canvas: oklch(0.993 0.0035 250);
  --p-color-border-control: #484e54;
  --p-color-border-control: oklch(0.42 0.012 250);
  --p-color-border-control-hover: #14191e;
  --p-color-border-control-hover: oklch(0.21 0.012 250);
  --p-color-border-control-strong: #14191e;
  --p-color-border-control-strong: oklch(0.21 0.012 250);
  --p-color-border-default: #484e54;
  --p-color-border-default: oklch(0.42 0.012 250);
  --p-color-border-strong: #14191e;
  --p-color-border-strong: oklch(0.21 0.012 250);
  --p-color-border-subtle: #81878d;
  --p-color-border-subtle: oklch(0.62 0.0122 250);
  --p-color-count-text: #14191e;
  --p-color-count-text: oklch(0.21 0.012 250);
  --p-color-field-border-disabled: #81878d;
  --p-color-field-border-disabled: oklch(0.62 0.0122 250);
  --p-color-field-border-focus: #14191e;
  --p-color-field-border-focus: oklch(0.21 0.012 250);
  --p-color-focus-ring: #14191e;
  --p-color-focus-ring: oklch(0.21 0.012 250);
  --p-color-focus-ring-button: #14191e59;
  --p-color-focus-ring-button: oklch(0.21 0.012 250 / 0.35);
  --p-color-focus-ring-field: #14191e38;
  --p-color-focus-ring-field: oklch(0.21 0.012 250 / 0.22);
  --p-color-info-border: #81878d;
  --p-color-info-border: oklch(0.62 0.0122 250);
  --p-color-info-solid: #14191e;
  --p-color-info-solid: oklch(0.21 0.012 250);
  --p-color-info-text: #14191e;
  --p-color-info-text: oklch(0.21 0.012 250);
  --p-color-nav-active: #dbdee1;
  --p-color-nav-active: oklch(0.899 0.0045 250);
  --p-color-nav-active-icon: #14191e;
  --p-color-nav-active-icon: oklch(0.21 0.012 250);
  --p-color-text-disabled: #6f757b;
  --p-color-text-disabled: oklch(0.56 0.012 250);
  --p-color-text-link: #14191e;
  --p-color-text-link: oklch(0.21 0.012 250);
  --p-color-text-secondary: #14191e;
  --p-color-text-secondary: oklch(0.21 0.012 250);
  --p-color-text-tertiary: #484e54;
  --p-color-text-tertiary: oklch(0.42 0.012 250);
  --p-switch-border-off: #484e54;
  --p-switch-border-off: oklch(0.42 0.012 250);
}

[data-contrast="increased"][data-world="editorial"] {
  --p-button-focus-border: #13191e;
  --p-button-focus-border: oklch(0.21 0.014 245);
  --p-choice-border: #484f55;
  --p-choice-border: oklch(0.424 0.014 245);
  --p-color-accent-text: #1b3137;
  --p-color-accent-text: oklch(0.296 0.0298 218);
  --p-color-agent-text: #1b3137;
  --p-color-agent-text: oklch(0.296 0.0298 218);
  --p-color-bg-canvas: #fbfdff;
  --p-color-bg-canvas: oklch(0.993 0.0036 245);
  --p-color-border-control: #484f55;
  --p-color-border-control: oklch(0.424 0.014 245);
  --p-color-border-control-hover: #13191e;
  --p-color-border-control-hover: oklch(0.21 0.014 245);
  --p-color-border-control-strong: #13191e;
  --p-color-border-control-strong: oklch(0.21 0.014 245);
  --p-color-border-default: #484f55;
  --p-color-border-default: oklch(0.424 0.014 245);
  --p-color-border-strong: #13191e;
  --p-color-border-strong: oklch(0.21 0.014 245);
  --p-color-border-subtle: #808890;
  --p-color-border-subtle: oklch(0.624 0.0143 245);
  --p-color-field-border-disabled: #808890;
  --p-color-field-border-disabled: oklch(0.624 0.0143 245);
  --p-color-field-border-focus: #13191e;
  --p-color-field-border-focus: oklch(0.21 0.014 245);
  --p-color-focus-ring: #13191e;
  --p-color-focus-ring: oklch(0.21 0.014 245);
  --p-color-focus-ring-button: #13191e59;
  --p-color-focus-ring-button: oklch(0.21 0.014 245 / 0.35);
  --p-color-focus-ring-field: #13191e38;
  --p-color-focus-ring-field: oklch(0.21 0.014 245 / 0.22);
  --p-color-nav-active: #dde2e5;
  --p-color-nav-active: oklch(0.9094 0.0066 230.67);
  --p-color-nav-active-icon: #1b3137;
  --p-color-nav-active-icon: oklch(0.296 0.0298 218);
  --p-color-text-disabled: #6e767d;
  --p-color-text-disabled: oklch(0.562 0.014 245);
  --p-color-text-link: #1b3137;
  --p-color-text-link: oklch(0.296 0.0298 218);
  --p-color-text-secondary: #13191e;
  --p-color-text-secondary: oklch(0.21 0.014 245);
  --p-color-text-tertiary: #484f55;
  --p-color-text-tertiary: oklch(0.424 0.014 245);
  --p-switch-border-off: #484f55;
  --p-switch-border-off: oklch(0.424 0.014 245);
}

[data-contrast="increased"][data-world="signal"] {
  --p-button-focus-border: #181818;
  --p-button-focus-border: oklch(0.21 0 0);
  --p-choice-border: #4e4e4e;
  --p-choice-border: oklch(0.424 0 0);
  --p-color-accent-text: #132d54;
  --p-color-accent-text: oklch(0.3 0.077 258);
  --p-color-agent-text: #132d54;
  --p-color-agent-text: oklch(0.3 0.077 258);
  --p-color-bg-canvas: #f4f4f4;
  --p-color-bg-canvas: oklch(0.967 0 0);
  --p-color-border-control: #4e4e4e;
  --p-color-border-control: oklch(0.424 0 0);
  --p-color-border-control-hover: #181818;
  --p-color-border-control-hover: oklch(0.21 0 0);
  --p-color-border-control-strong: #181818;
  --p-color-border-control-strong: oklch(0.21 0 0);
  --p-color-border-default: #4e4e4e;
  --p-color-border-default: oklch(0.424 0 0);
  --p-color-border-strong: #181818;
  --p-color-border-strong: oklch(0.21 0 0);
  --p-color-border-subtle: #efefef;
  --p-color-border-subtle: oklch(0.951 0 0);
  --p-color-field-border-disabled: #efefef;
  --p-color-field-border-disabled: oklch(0.951 0 0);
  --p-color-field-border-focus: #181818;
  --p-color-field-border-focus: oklch(0.21 0 0);
  --p-color-focus-ring: #181818;
  --p-color-focus-ring: oklch(0.21 0 0);
  --p-color-focus-ring-button: #18181859;
  --p-color-focus-ring-button: oklch(0.21 0 0 / 0.35);
  --p-color-focus-ring-field: #18181838;
  --p-color-focus-ring-field: oklch(0.21 0 0 / 0.22);
  --p-color-nav-active: #d6dae0;
  --p-color-nav-active: oklch(0.887 0.0092 258);
  --p-color-nav-active-icon: #132d54;
  --p-color-nav-active-icon: oklch(0.3 0.077 258);
  --p-color-text-disabled: #757575;
  --p-color-text-disabled: oklch(0.562 0 0);
  --p-color-text-link: #132d54;
  --p-color-text-link: oklch(0.3 0.077 258);
  --p-color-text-secondary: #181818;
  --p-color-text-secondary: oklch(0.21 0 0);
  --p-color-text-tertiary: #4e4e4e;
  --p-color-text-tertiary: oklch(0.424 0 0);
  --p-switch-border-off: #4e4e4e;
  --p-switch-border-off: oklch(0.424 0 0);
}

[data-theme="dark"][data-product="accountmade"] {
  --p-color-accent-action: #2a5fdb;
  --p-color-accent-action: oklch(0.5268 0.198 263.45);
  --p-color-agent-mark: #2a5fdb;
  --p-color-agent-mark: oklch(0.5268 0.198 263.45);
  --p-ramp-accent-10: #376de6;
  --p-ramp-accent-10: oklch(0.5668 0.194 263.45);
  --p-ramp-accent-8: #123faa;
  --p-ramp-accent-8: oklch(0.4134 0.1782 263.45);
  --p-ramp-accent-9: #2a5fdb;
  --p-ramp-accent-9: oklch(0.5268 0.198 263.45);
}

[data-theme="dark"][data-product="naalto"] {
  --p-brand-sidebar-accent: #edf2f7;
  --p-brand-sidebar-accent: oklch(0.958 0.0088 252.82);
  --p-button-focus-border: #a6c0e2;
  --p-button-focus-border: oklch(0.8 0.0562 254.96);
  --p-button-ghost-bg-hover: #edf2f70a;
  --p-button-ghost-bg-hover: oklch(0.958 0.0088 252.82 / 0.04);
  --p-button-ghost-bg-pressed: #edf2f714;
  --p-button-ghost-bg-pressed: oklch(0.958 0.0088 252.82 / 0.08);
  --p-choice-border: #75797e;
  --p-choice-border: oklch(0.574 0.0098 252.82);
  --p-color-accent-action: #4b6587;
  --p-color-accent-action: oklch(0.5 0.0624 254.96);
  --p-color-accent-border: #32445a;
  --p-color-accent-border: oklch(0.38 0.0446 254.96);
  --p-color-accent-solid: #edf2f7;
  --p-color-accent-solid: oklch(0.958 0.0088 252.82);
  --p-color-accent-solid-hover: #b8bdc2;
  --p-color-accent-solid-hover: oklch(0.796 0.0088 252.82);
  --p-color-accent-solid-pressed: #94999e;
  --p-color-accent-solid-pressed: oklch(0.68 0.0088 252.82);
  --p-color-accent-text: #a6c0e2;
  --p-color-accent-text: oklch(0.8 0.0562 254.96);
  --p-color-accent-text-pressed: #94999e;
  --p-color-accent-text-pressed: oklch(0.68 0.0088 252.82);
  --p-color-accent-tint: #151b23;
  --p-color-accent-tint: oklch(0.22 0.0191 254.96);
  --p-color-agent-border: #32445a;
  --p-color-agent-border: oklch(0.38 0.0446 254.96);
  --p-color-agent-mark: #4b6587;
  --p-color-agent-mark: oklch(0.5 0.0624 254.96);
  --p-color-agent-text: #a6c0e2;
  --p-color-agent-text: oklch(0.8 0.0562 254.96);
  --p-color-agent-tint: #151b23;
  --p-color-agent-tint: oklch(0.22 0.0191 254.96);
  --p-color-bg-canvas: #070a0e;
  --p-color-bg-canvas: oklch(0.145 0.0098 252.82);
  --p-color-bg-default: #0d1115;
  --p-color-bg-default: oklch(0.175 0.0098 252.82);
  --p-color-bg-panel: #0d1115;
  --p-color-bg-panel: oklch(0.175 0.0098 252.82);
  --p-color-border-control: #edf2f729;
  --p-color-border-control: oklch(0.958 0.0088 252.82 / 0.16);
  --p-color-border-control-hover: #edf2f733;
  --p-color-border-control-hover: oklch(0.958 0.0088 252.82 / 0.2);
  --p-color-border-control-strong: #edf2f733;
  --p-color-border-control-strong: oklch(0.958 0.0088 252.82 / 0.2);
  --p-color-border-default: #75797e;
  --p-color-border-default: oklch(0.574 0.0098 252.82);
  --p-color-border-hairline: #edf2f714;
  --p-color-border-hairline: oklch(0.958 0.0088 252.82 / 0.08);
  --p-color-border-strong: #85898e;
  --p-color-border-strong: oklch(0.627 0.0088 252.82);
  --p-color-border-subtle: #2a2e33;
  --p-color-border-subtle: oklch(0.3 0.0098 252.82);
  --p-color-count-bg: #edf2f7;
  --p-color-count-bg: oklch(0.958 0.0088 252.82);
  --p-color-count-text: #0d1115;
  --p-color-count-text: oklch(0.175 0.0098 252.82);
  --p-color-danger-subtle: #24100f;
  --p-color-danger-subtle: oklch(0.202 0.0341 22.27);
  --p-color-field-bg-disabled: #edf2f708;
  --p-color-field-bg-disabled: oklch(0.958 0.0088 252.82 / 0.03);
  --p-color-field-border-disabled: #edf2f70f;
  --p-color-field-border-disabled: oklch(0.958 0.0088 252.82 / 0.06);
  --p-color-field-border-focus: #a6c0e2;
  --p-color-field-border-focus: oklch(0.8 0.0562 254.96);
  --p-color-field-border-readonly-hover: #edf2f71f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.0088 252.82 / 0.12);
  --p-color-focus-ring: #a6c0e2;
  --p-color-focus-ring: oklch(0.8 0.0562 254.96);
  --p-color-focus-ring-button: #a6c0e259;
  --p-color-focus-ring-button: oklch(0.8 0.0562 254.96 / 0.35);
  --p-color-focus-ring-field: #a6c0e252;
  --p-color-focus-ring-field: oklch(0.8 0.0562 254.96 / 0.32);
  --p-color-hover-tint: #edf2f70a;
  --p-color-hover-tint: oklch(0.958 0.0088 252.82 / 0.04);
  --p-color-info-subtle: #081727;
  --p-color-info-subtle: oklch(0.202 0.037 250.3);
  --p-color-ink-a10: #edf2f71a;
  --p-color-ink-a10: oklch(0.958 0.0088 252.82 / 0.1);
  --p-color-ink-a12: #edf2f71f;
  --p-color-ink-a12: oklch(0.958 0.0088 252.82 / 0.12);
  --p-color-ink-a14: #edf2f724;
  --p-color-ink-a14: oklch(0.958 0.0088 252.82 / 0.14);
  --p-color-ink-a16: #edf2f729;
  --p-color-ink-a16: oklch(0.958 0.0088 252.82 / 0.16);
  --p-color-ink-a18: #edf2f72e;
  --p-color-ink-a18: oklch(0.958 0.0088 252.82 / 0.18);
  --p-color-ink-a20: #edf2f733;
  --p-color-ink-a20: oklch(0.958 0.0088 252.82 / 0.2);
  --p-color-ink-a24: #edf2f73d;
  --p-color-ink-a24: oklch(0.958 0.0088 252.82 / 0.24);
  --p-color-ink-a28: #edf2f747;
  --p-color-ink-a28: oklch(0.958 0.0088 252.82 / 0.28);
  --p-color-ink-a3: #edf2f708;
  --p-color-ink-a3: oklch(0.958 0.0088 252.82 / 0.03);
  --p-color-ink-a32: #edf2f752;
  --p-color-ink-a32: oklch(0.958 0.0088 252.82 / 0.32);
  --p-color-ink-a4: #edf2f70a;
  --p-color-ink-a4: oklch(0.958 0.0088 252.82 / 0.04);
  --p-color-ink-a40: #edf2f766;
  --p-color-ink-a40: oklch(0.958 0.0088 252.82 / 0.4);
  --p-color-ink-a5: #edf2f70d;
  --p-color-ink-a5: oklch(0.958 0.0088 252.82 / 0.05);
  --p-color-ink-a6: #edf2f70f;
  --p-color-ink-a6: oklch(0.958 0.0088 252.82 / 0.06);
  --p-color-ink-a8: #edf2f714;
  --p-color-ink-a8: oklch(0.958 0.0088 252.82 / 0.08);
  --p-color-mark-done: #edf2f7;
  --p-color-mark-done: oklch(0.958 0.0088 252.82);
  --p-color-mark-on-done: #070a0e;
  --p-color-mark-on-done: oklch(0.145 0.0098 252.82);
  --p-color-nav-active: #161c23;
  --p-color-nav-active: oklch(0.2236 0.0154 253.76);
  --p-color-nav-active-icon: #a6c0e2;
  --p-color-nav-active-icon: oklch(0.8 0.0562 254.96);
  --p-color-selected-outline: #edf2f7;
  --p-color-selected-outline: oklch(0.958 0.0088 252.82);
  --p-color-success-subtle: #0b1a12;
  --p-color-success-subtle: oklch(0.202 0.0269 158.16);
  --p-color-surface-1: #14171c;
  --p-color-surface-1: oklch(0.205 0.0098 252.82);
  --p-color-surface-2: #1b1e23;
  --p-color-surface-2: oklch(0.235 0.0098 252.82);
  --p-color-surface-3: #22262a;
  --p-color-surface-3: oklch(0.265 0.0098 252.82);
  --p-color-surface-4: #2a2e33;
  --p-color-surface-4: oklch(0.3 0.0098 252.82);
  --p-color-surface-hover: #1b1e23;
  --p-color-surface-hover: oklch(0.235 0.0098 252.82);
  --p-color-surface-pressed: #22262a;
  --p-color-surface-pressed: oklch(0.265 0.0098 252.82);
  --p-color-surface-selected: #19222e;
  --p-color-surface-selected: oklch(0.25 0.0255 254.96);
  --p-color-surface-sunken: #070a0e;
  --p-color-surface-sunken: oklch(0.145 0.0098 252.82);
  --p-color-text-disabled: #75797e;
  --p-color-text-disabled: oklch(0.574 0.0098 252.82);
  --p-color-text-inverse: #070a0e;
  --p-color-text-inverse: oklch(0.145 0.0098 252.82);
  --p-color-text-link: #a6c0e2;
  --p-color-text-link: oklch(0.8 0.0562 254.96);
  --p-color-text-primary: #edf2f7;
  --p-color-text-primary: oklch(0.958 0.0088 252.82);
  --p-color-text-secondary: #b8bdc2;
  --p-color-text-secondary: oklch(0.796 0.0088 252.82);
  --p-color-text-tertiary: #94999e;
  --p-color-text-tertiary: oklch(0.68 0.0088 252.82);
  --p-color-warning-subtle: #1d1509;
  --p-color-warning-subtle: oklch(0.202 0.0255 75.34);
  --p-elevation-0-surface: #0d1115;
  --p-elevation-0-surface: oklch(0.175 0.0098 252.82);
  --p-elevation-1-surface: #14171c;
  --p-elevation-1-surface: oklch(0.205 0.0098 252.82);
  --p-elevation-2-surface: #1b1e23;
  --p-elevation-2-surface: oklch(0.235 0.0098 252.82);
  --p-elevation-3-surface: #22262a;
  --p-elevation-3-surface: oklch(0.265 0.0098 252.82);
  --p-elevation-4-surface: #2a2e33;
  --p-elevation-4-surface: oklch(0.3 0.0098 252.82);
  --p-elevation-5-surface: #2a2e33;
  --p-elevation-5-surface: oklch(0.3 0.0098 252.82);
  --p-overlay-bg: #14171c;
  --p-overlay-bg: oklch(0.205 0.0098 252.82);
  --p-overlay-highlight: #edf2f70f;
  --p-overlay-highlight: oklch(0.958 0.0088 252.82 / 0.06);
  --p-overlay-separator: #edf2f714;
  --p-overlay-separator: oklch(0.958 0.0088 252.82 / 0.08);
  --p-ramp-accent-1: #0a0b0d;
  --p-ramp-accent-1: oklch(0.15 0.0051 254.96);
  --p-ramp-accent-10: #567192;
  --p-ramp-accent-10: oklch(0.54 0.0612 254.96);
  --p-ramp-accent-11: #a6c0e2;
  --p-ramp-accent-11: oklch(0.8 0.0562 254.96);
  --p-ramp-accent-12: #dee9f7;
  --p-ramp-accent-12: oklch(0.93 0.0218 254.96);
  --p-ramp-accent-2: #0e1116;
  --p-ramp-accent-2: oklch(0.178 0.0106 254.96);
  --p-ramp-accent-3: #151b23;
  --p-ramp-accent-3: oklch(0.22 0.0191 254.96);
  --p-ramp-accent-4: #19222e;
  --p-ramp-accent-4: oklch(0.25 0.0255 254.96);
  --p-ramp-accent-5: #1e2a38;
  --p-ramp-accent-5: oklch(0.28 0.0318 254.96);
  --p-ramp-accent-6: #253446;
  --p-ramp-accent-6: oklch(0.32 0.0382 254.96);
  --p-ramp-accent-7: #32445a;
  --p-ramp-accent-7: oklch(0.38 0.0446 254.96);
  --p-ramp-accent-8: #334966;
  --p-ramp-accent-8: oklch(0.4 0.0562 254.96);
  --p-ramp-accent-9: #4b6587;
  --p-ramp-accent-9: oklch(0.5 0.0624 254.96);
  --p-ramp-neutral-1: #070a0e;
  --p-ramp-neutral-1: oklch(0.145 0.0098 252.82);
  --p-ramp-neutral-10: #94999e;
  --p-ramp-neutral-10: oklch(0.68 0.0088 252.82);
  --p-ramp-neutral-11: #b8bdc2;
  --p-ramp-neutral-11: oklch(0.796 0.0088 252.82);
  --p-ramp-neutral-12: #edf2f7;
  --p-ramp-neutral-12: oklch(0.958 0.0088 252.82);
  --p-ramp-neutral-2: #0d1115;
  --p-ramp-neutral-2: oklch(0.175 0.0098 252.82);
  --p-ramp-neutral-3: #14171c;
  --p-ramp-neutral-3: oklch(0.205 0.0098 252.82);
  --p-ramp-neutral-4: #1b1e23;
  --p-ramp-neutral-4: oklch(0.235 0.0098 252.82);
  --p-ramp-neutral-5: #22262a;
  --p-ramp-neutral-5: oklch(0.265 0.0098 252.82);
  --p-ramp-neutral-6: #2a2e33;
  --p-ramp-neutral-6: oklch(0.3 0.0098 252.82);
  --p-ramp-neutral-7: #383c41;
  --p-ramp-neutral-7: oklch(0.355 0.0098 252.82);
  --p-ramp-neutral-8: #75797e;
  --p-ramp-neutral-8: oklch(0.574 0.0098 252.82);
  --p-ramp-neutral-9: #85898e;
  --p-ramp-neutral-9: oklch(0.627 0.0088 252.82);
  --p-segmented-active-bg: #383c41;
  --p-segmented-active-bg: oklch(0.355 0.0098 252.82);
  --p-segmented-track: #edf2f70a;
  --p-segmented-track: oklch(0.958 0.0088 252.82 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.958 0.0088 252.82 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.958 0.0088 252.82 / 0.05);
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.958 0.0088 252.82 / 0.08), 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.0088 252.82 / 0.12), 0px 1px 2px 0px oklch(0.958 0.0088 252.82 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.0088 252.82 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.0088 252.82 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #edf2f71a;
  --p-slider-track: oklch(0.958 0.0088 252.82 / 0.1);
  --p-switch-border-off: #75797e;
  --p-switch-border-off: oklch(0.574 0.0098 252.82);
  --p-switch-track-off: #edf2f729;
  --p-switch-track-off: oklch(0.958 0.0088 252.82 / 0.16);
  --p-tooltip-bg: #edf2f7;
  --p-tooltip-bg: oklch(0.958 0.0088 252.82);
  --p-tooltip-fg: #070a0e;
  --p-tooltip-fg: oklch(0.145 0.0098 252.82);
}

[data-theme="dark"][data-product="poliage"] {
  --p-brand-sidebar-accent: #f6f0e9;
  --p-brand-sidebar-accent: oklch(0.958 0.011 67.67);
  --p-button-focus-border: #dab3b0;
  --p-button-focus-border: oklch(0.8 0.0461 23.08);
  --p-button-ghost-bg-hover: #f6f0e90a;
  --p-button-ghost-bg-hover: oklch(0.958 0.011 67.67 / 0.04);
  --p-button-ghost-bg-pressed: #f6f0e914;
  --p-button-ghost-bg-pressed: oklch(0.958 0.011 67.67 / 0.08);
  --p-choice-border: #7f7872;
  --p-choice-border: oklch(0.578 0.0122 67.67);
  --p-color-accent-action: #7e5855;
  --p-color-accent-action: oklch(0.5 0.0512 23.08);
  --p-color-accent-border: #543b39;
  --p-color-accent-border: oklch(0.38 0.0366 23.08);
  --p-color-accent-solid: #f6f0e9;
  --p-color-accent-solid: oklch(0.958 0.011 67.67);
  --p-color-accent-solid-hover: #c3bcb6;
  --p-color-accent-solid-hover: oklch(0.8 0.011 67.67);
  --p-color-accent-solid-pressed: #9d9791;
  --p-color-accent-solid-pressed: oklch(0.68 0.011 67.67);
  --p-color-accent-text: #dab3b0;
  --p-color-accent-text: oklch(0.8 0.0461 23.08);
  --p-color-accent-text-pressed: #9d9791;
  --p-color-accent-text-pressed: oklch(0.68 0.011 67.67);
  --p-color-accent-tint: #211817;
  --p-color-accent-tint: oklch(0.22 0.0157 23.08);
  --p-color-agent-border: #543b39;
  --p-color-agent-border: oklch(0.38 0.0366 23.08);
  --p-color-agent-mark: #7e5855;
  --p-color-agent-mark: oklch(0.5 0.0512 23.08);
  --p-color-agent-text: #dab3b0;
  --p-color-agent-text: oklch(0.8 0.0461 23.08);
  --p-color-agent-tint: #211817;
  --p-color-agent-tint: oklch(0.22 0.0157 23.08);
  --p-color-bg-canvas: #0e0905;
  --p-color-bg-canvas: oklch(0.145 0.0122 67.67);
  --p-color-bg-default: #14100b;
  --p-color-bg-default: oklch(0.175 0.0122 67.67);
  --p-color-bg-panel: #14100b;
  --p-color-bg-panel: oklch(0.175 0.0122 67.67);
  --p-color-border-control: #f6f0e929;
  --p-color-border-control: oklch(0.958 0.011 67.67 / 0.16);
  --p-color-border-control-hover: #f6f0e933;
  --p-color-border-control-hover: oklch(0.958 0.011 67.67 / 0.2);
  --p-color-border-control-strong: #f6f0e933;
  --p-color-border-control-strong: oklch(0.958 0.011 67.67 / 0.2);
  --p-color-border-default: #7f7872;
  --p-color-border-default: oklch(0.578 0.0122 67.67);
  --p-color-border-hairline: #f6f0e914;
  --p-color-border-hairline: oklch(0.958 0.011 67.67 / 0.08);
  --p-color-border-strong: #8d8882;
  --p-color-border-strong: oklch(0.629 0.011 67.67);
  --p-color-border-subtle: #322d27;
  --p-color-border-subtle: oklch(0.3 0.0122 67.67);
  --p-color-count-bg: #f6f0e9;
  --p-color-count-bg: oklch(0.958 0.011 67.67);
  --p-color-count-text: #14100b;
  --p-color-count-text: oklch(0.175 0.0122 67.67);
  --p-color-danger-subtle: #260f0b;
  --p-color-danger-subtle: oklch(0.202 0.0405 31.5);
  --p-color-field-bg-disabled: #f6f0e908;
  --p-color-field-bg-disabled: oklch(0.958 0.011 67.67 / 0.03);
  --p-color-field-border-disabled: #f6f0e90f;
  --p-color-field-border-disabled: oklch(0.958 0.011 67.67 / 0.06);
  --p-color-field-border-focus: #dab3b0;
  --p-color-field-border-focus: oklch(0.8 0.0461 23.08);
  --p-color-field-border-readonly-hover: #f6f0e91f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.011 67.67 / 0.12);
  --p-color-focus-ring: #dab3b0;
  --p-color-focus-ring: oklch(0.8 0.0461 23.08);
  --p-color-focus-ring-button: #dab3b059;
  --p-color-focus-ring-button: oklch(0.8 0.0461 23.08 / 0.35);
  --p-color-focus-ring-field: #dab3b052;
  --p-color-focus-ring-field: oklch(0.8 0.0461 23.08 / 0.32);
  --p-color-hover-tint: #f6f0e90a;
  --p-color-hover-tint: oklch(0.958 0.011 67.67 / 0.04);
  --p-color-info-subtle: #0c1723;
  --p-color-info-subtle: oklch(0.202 0.0282 250.4);
  --p-color-ink-a10: #f6f0e91a;
  --p-color-ink-a10: oklch(0.958 0.011 67.67 / 0.1);
  --p-color-ink-a12: #f6f0e91f;
  --p-color-ink-a12: oklch(0.958 0.011 67.67 / 0.12);
  --p-color-ink-a14: #f6f0e924;
  --p-color-ink-a14: oklch(0.958 0.011 67.67 / 0.14);
  --p-color-ink-a16: #f6f0e929;
  --p-color-ink-a16: oklch(0.958 0.011 67.67 / 0.16);
  --p-color-ink-a18: #f6f0e92e;
  --p-color-ink-a18: oklch(0.958 0.011 67.67 / 0.18);
  --p-color-ink-a20: #f6f0e933;
  --p-color-ink-a20: oklch(0.958 0.011 67.67 / 0.2);
  --p-color-ink-a24: #f6f0e93d;
  --p-color-ink-a24: oklch(0.958 0.011 67.67 / 0.24);
  --p-color-ink-a28: #f6f0e947;
  --p-color-ink-a28: oklch(0.958 0.011 67.67 / 0.28);
  --p-color-ink-a3: #f6f0e908;
  --p-color-ink-a3: oklch(0.958 0.011 67.67 / 0.03);
  --p-color-ink-a32: #f6f0e952;
  --p-color-ink-a32: oklch(0.958 0.011 67.67 / 0.32);
  --p-color-ink-a4: #f6f0e90a;
  --p-color-ink-a4: oklch(0.958 0.011 67.67 / 0.04);
  --p-color-ink-a40: #f6f0e966;
  --p-color-ink-a40: oklch(0.958 0.011 67.67 / 0.4);
  --p-color-ink-a5: #f6f0e90d;
  --p-color-ink-a5: oklch(0.958 0.011 67.67 / 0.05);
  --p-color-ink-a6: #f6f0e90f;
  --p-color-ink-a6: oklch(0.958 0.011 67.67 / 0.06);
  --p-color-ink-a8: #f6f0e914;
  --p-color-ink-a8: oklch(0.958 0.011 67.67 / 0.08);
  --p-color-mark-done: #f6f0e9;
  --p-color-mark-done: oklch(0.958 0.011 67.67);
  --p-color-mark-on-done: #0e0905;
  --p-color-mark-on-done: oklch(0.145 0.0122 67.67);
  --p-color-nav-active: #211a15;
  --p-color-nav-active: oklch(0.2236 0.0152 52.85);
  --p-color-nav-active-icon: #dab3b0;
  --p-color-nav-active-icon: oklch(0.8 0.0461 23.08);
  --p-color-selected-outline: #f6f0e9;
  --p-color-selected-outline: oklch(0.958 0.011 67.67);
  --p-color-success-subtle: #0f1a0d;
  --p-color-success-subtle: oklch(0.202 0.0286 140.27);
  --p-color-surface-1: #1b1611;
  --p-color-surface-1: oklch(0.205 0.0122 67.67);
  --p-color-surface-2: #221d18;
  --p-color-surface-2: oklch(0.235 0.0122 67.67);
  --p-color-surface-3: #29241f;
  --p-color-surface-3: oklch(0.265 0.0122 67.67);
  --p-color-surface-4: #322d27;
  --p-color-surface-4: oklch(0.3 0.0122 67.67);
  --p-color-surface-hover: #221d18;
  --p-color-surface-hover: oklch(0.235 0.0122 67.67);
  --p-color-surface-pressed: #29241f;
  --p-color-surface-pressed: oklch(0.265 0.0122 67.67);
  --p-color-surface-selected: #2b1e1d;
  --p-color-surface-selected: oklch(0.25 0.0209 23.08);
  --p-color-surface-sunken: #0e0905;
  --p-color-surface-sunken: oklch(0.145 0.0122 67.67);
  --p-color-text-disabled: #7f7872;
  --p-color-text-disabled: oklch(0.578 0.0122 67.67);
  --p-color-text-inverse: #0e0905;
  --p-color-text-inverse: oklch(0.145 0.0122 67.67);
  --p-color-text-link: #dab3b0;
  --p-color-text-link: oklch(0.8 0.0461 23.08);
  --p-color-text-primary: #f6f0e9;
  --p-color-text-primary: oklch(0.958 0.011 67.67);
  --p-color-text-secondary: #c3bcb6;
  --p-color-text-secondary: oklch(0.8 0.011 67.67);
  --p-color-text-tertiary: #9d9791;
  --p-color-text-tertiary: oklch(0.68 0.011 67.67);
  --p-color-warning-subtle: #201404;
  --p-color-warning-subtle: oklch(0.202 0.0342 73.96);
  --p-elevation-0-surface: #14100b;
  --p-elevation-0-surface: oklch(0.175 0.0122 67.67);
  --p-elevation-1-surface: #1b1611;
  --p-elevation-1-surface: oklch(0.205 0.0122 67.67);
  --p-elevation-2-surface: #221d18;
  --p-elevation-2-surface: oklch(0.235 0.0122 67.67);
  --p-elevation-3-surface: #29241f;
  --p-elevation-3-surface: oklch(0.265 0.0122 67.67);
  --p-elevation-4-surface: #322d27;
  --p-elevation-4-surface: oklch(0.3 0.0122 67.67);
  --p-elevation-5-surface: #322d27;
  --p-elevation-5-surface: oklch(0.3 0.0122 67.67);
  --p-overlay-bg: #1b1611;
  --p-overlay-bg: oklch(0.205 0.0122 67.67);
  --p-overlay-highlight: #f6f0e90f;
  --p-overlay-highlight: oklch(0.958 0.011 67.67 / 0.06);
  --p-overlay-separator: #f6f0e914;
  --p-overlay-separator: oklch(0.958 0.011 67.67 / 0.08);
  --p-ramp-accent-1: #0d0a0a;
  --p-ramp-accent-1: oklch(0.15 0.0042 23.08);
  --p-ramp-accent-10: #8a6361;
  --p-ramp-accent-10: oklch(0.54 0.0502 23.08);
  --p-ramp-accent-11: #dab3b0;
  --p-ramp-accent-11: oklch(0.8 0.0461 23.08);
  --p-ramp-accent-12: #f4e4e2;
  --p-ramp-accent-12: oklch(0.93 0.0179 23.08);
  --p-ramp-accent-2: #15100f;
  --p-ramp-accent-2: oklch(0.178 0.0087 23.08);
  --p-ramp-accent-3: #211817;
  --p-ramp-accent-3: oklch(0.22 0.0157 23.08);
  --p-ramp-accent-4: #2b1e1d;
  --p-ramp-accent-4: oklch(0.25 0.0209 23.08);
  --p-ramp-accent-5: #352423;
  --p-ramp-accent-5: oklch(0.28 0.0261 23.08);
  --p-ramp-accent-6: #422d2b;
  --p-ramp-accent-6: oklch(0.32 0.0313 23.08);
  --p-ramp-accent-7: #543b39;
  --p-ramp-accent-7: oklch(0.38 0.0366 23.08);
  --p-ramp-accent-8: #5e3e3c;
  --p-ramp-accent-8: oklch(0.4 0.0461 23.08);
  --p-ramp-accent-9: #7e5855;
  --p-ramp-accent-9: oklch(0.5 0.0512 23.08);
  --p-ramp-neutral-1: #0e0905;
  --p-ramp-neutral-1: oklch(0.145 0.0122 67.67);
  --p-ramp-neutral-10: #9d9791;
  --p-ramp-neutral-10: oklch(0.68 0.011 67.67);
  --p-ramp-neutral-11: #c3bcb6;
  --p-ramp-neutral-11: oklch(0.8 0.011 67.67);
  --p-ramp-neutral-12: #f6f0e9;
  --p-ramp-neutral-12: oklch(0.958 0.011 67.67);
  --p-ramp-neutral-2: #14100b;
  --p-ramp-neutral-2: oklch(0.175 0.0122 67.67);
  --p-ramp-neutral-3: #1b1611;
  --p-ramp-neutral-3: oklch(0.205 0.0122 67.67);
  --p-ramp-neutral-4: #221d18;
  --p-ramp-neutral-4: oklch(0.235 0.0122 67.67);
  --p-ramp-neutral-5: #29241f;
  --p-ramp-neutral-5: oklch(0.265 0.0122 67.67);
  --p-ramp-neutral-6: #322d27;
  --p-ramp-neutral-6: oklch(0.3 0.0122 67.67);
  --p-ramp-neutral-7: #403b35;
  --p-ramp-neutral-7: oklch(0.355 0.0122 67.67);
  --p-ramp-neutral-8: #7f7872;
  --p-ramp-neutral-8: oklch(0.578 0.0122 67.67);
  --p-ramp-neutral-9: #8d8882;
  --p-ramp-neutral-9: oklch(0.629 0.011 67.67);
  --p-segmented-active-bg: #403b35;
  --p-segmented-active-bg: oklch(0.355 0.0122 67.67);
  --p-segmented-track: #f6f0e90a;
  --p-segmented-track: oklch(0.958 0.011 67.67 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.958 0.011 67.67 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.958 0.011 67.67 / 0.05);
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.958 0.011 67.67 / 0.08), 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.011 67.67 / 0.12), 0px 1px 2px 0px oklch(0.958 0.011 67.67 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.011 67.67 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.011 67.67 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #f6f0e91a;
  --p-slider-track: oklch(0.958 0.011 67.67 / 0.1);
  --p-switch-border-off: #7f7872;
  --p-switch-border-off: oklch(0.578 0.0122 67.67);
  --p-switch-track-off: #f6f0e929;
  --p-switch-track-off: oklch(0.958 0.011 67.67 / 0.16);
  --p-tooltip-bg: #f6f0e9;
  --p-tooltip-bg: oklch(0.958 0.011 67.67);
  --p-tooltip-fg: #0e0905;
  --p-tooltip-fg: oklch(0.145 0.0122 67.67);
}

[data-theme="dark"][data-product="poliage-beauty"] {
  --p-brand-sidebar-accent: #f4f1ea;
  --p-brand-sidebar-accent: oklch(0.958 0.009 87.48);
  --p-button-focus-border: #bfbdbb;
  --p-button-focus-border: oklch(0.8 0.0037 84.59);
  --p-button-ghost-bg-hover: #f4f1ea0a;
  --p-button-ghost-bg-hover: oklch(0.958 0.009 87.48 / 0.04);
  --p-button-ghost-bg-pressed: #f4f1ea14;
  --p-button-ghost-bg-pressed: oklch(0.958 0.009 87.48 / 0.08);
  --p-choice-border: #7c7973;
  --p-choice-border: oklch(0.578 0.01 87.48);
  --p-color-accent-action: #646361;
  --p-color-accent-action: oklch(0.5 0.0041 84.59);
  --p-color-accent-border: #434241;
  --p-color-accent-border: oklch(0.38 0.0029 84.59);
  --p-color-accent-solid: #f4f1ea;
  --p-color-accent-solid: oklch(0.958 0.009 87.48);
  --p-color-accent-solid-hover: #c0bdb7;
  --p-color-accent-solid-hover: oklch(0.8 0.009 87.48);
  --p-color-accent-solid-pressed: #9b9892;
  --p-color-accent-solid-pressed: oklch(0.68 0.009 87.48);
  --p-color-accent-text: #bfbdbb;
  --p-color-accent-text: oklch(0.8 0.0037 84.59);
  --p-color-accent-text-pressed: #9b9892;
  --p-color-accent-text-pressed: oklch(0.68 0.009 87.48);
  --p-color-accent-tint: #1b1a1a;
  --p-color-accent-tint: oklch(0.22 0.0013 84.59);
  --p-color-agent-border: #434241;
  --p-color-agent-border: oklch(0.38 0.0029 84.59);
  --p-color-agent-mark: #646361;
  --p-color-agent-mark: oklch(0.5 0.0041 84.59);
  --p-color-agent-text: #bfbdbb;
  --p-color-agent-text: oklch(0.8 0.0037 84.59);
  --p-color-agent-tint: #1b1a1a;
  --p-color-agent-tint: oklch(0.22 0.0013 84.59);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 87.48);
  --p-color-bg-default: #12100c;
  --p-color-bg-default: oklch(0.175 0.01 87.48);
  --p-color-bg-panel: #12100c;
  --p-color-bg-panel: oklch(0.175 0.01 87.48);
  --p-color-border-control: #f4f1ea29;
  --p-color-border-control: oklch(0.958 0.009 87.48 / 0.16);
  --p-color-border-control-hover: #f4f1ea33;
  --p-color-border-control-hover: oklch(0.958 0.009 87.48 / 0.2);
  --p-color-border-control-strong: #f4f1ea33;
  --p-color-border-control-strong: oklch(0.958 0.009 87.48 / 0.2);
  --p-color-border-default: #7c7973;
  --p-color-border-default: oklch(0.578 0.01 87.48);
  --p-color-border-hairline: #f4f1ea14;
  --p-color-border-hairline: oklch(0.958 0.009 87.48 / 0.08);
  --p-color-border-strong: #8b8983;
  --p-color-border-strong: oklch(0.629 0.009 87.48);
  --p-color-border-subtle: #302e28;
  --p-color-border-subtle: oklch(0.3 0.01 87.48);
  --p-color-count-bg: #f4f1ea;
  --p-color-count-bg: oklch(0.958 0.009 87.48);
  --p-color-count-text: #12100c;
  --p-color-count-text: oklch(0.175 0.01 87.48);
  --p-color-danger-subtle: #250f0b;
  --p-color-danger-subtle: oklch(0.202 0.0388 32.14);
  --p-color-field-bg-disabled: #f4f1ea08;
  --p-color-field-bg-disabled: oklch(0.958 0.009 87.48 / 0.03);
  --p-color-field-border-disabled: #f4f1ea0f;
  --p-color-field-border-disabled: oklch(0.958 0.009 87.48 / 0.06);
  --p-color-field-border-focus: #bfbdbb;
  --p-color-field-border-focus: oklch(0.8 0.0037 84.59);
  --p-color-field-border-readonly-hover: #f4f1ea1f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.009 87.48 / 0.12);
  --p-color-focus-ring: #bfbdbb;
  --p-color-focus-ring: oklch(0.8 0.0037 84.59);
  --p-color-focus-ring-button: #bfbdbb59;
  --p-color-focus-ring-button: oklch(0.8 0.0037 84.59 / 0.35);
  --p-color-focus-ring-field: #bfbdbb52;
  --p-color-focus-ring-field: oklch(0.8 0.0037 84.59 / 0.32);
  --p-color-hover-tint: #f4f1ea0a;
  --p-color-hover-tint: oklch(0.958 0.009 87.48 / 0.04);
  --p-color-info-subtle: #0b1823;
  --p-color-info-subtle: oklch(0.202 0.0293 247.65);
  --p-color-ink-a10: #f4f1ea1a;
  --p-color-ink-a10: oklch(0.958 0.009 87.48 / 0.1);
  --p-color-ink-a12: #f4f1ea1f;
  --p-color-ink-a12: oklch(0.958 0.009 87.48 / 0.12);
  --p-color-ink-a14: #f4f1ea24;
  --p-color-ink-a14: oklch(0.958 0.009 87.48 / 0.14);
  --p-color-ink-a16: #f4f1ea29;
  --p-color-ink-a16: oklch(0.958 0.009 87.48 / 0.16);
  --p-color-ink-a18: #f4f1ea2e;
  --p-color-ink-a18: oklch(0.958 0.009 87.48 / 0.18);
  --p-color-ink-a20: #f4f1ea33;
  --p-color-ink-a20: oklch(0.958 0.009 87.48 / 0.2);
  --p-color-ink-a24: #f4f1ea3d;
  --p-color-ink-a24: oklch(0.958 0.009 87.48 / 0.24);
  --p-color-ink-a28: #f4f1ea47;
  --p-color-ink-a28: oklch(0.958 0.009 87.48 / 0.28);
  --p-color-ink-a3: #f4f1ea08;
  --p-color-ink-a3: oklch(0.958 0.009 87.48 / 0.03);
  --p-color-ink-a32: #f4f1ea52;
  --p-color-ink-a32: oklch(0.958 0.009 87.48 / 0.32);
  --p-color-ink-a4: #f4f1ea0a;
  --p-color-ink-a4: oklch(0.958 0.009 87.48 / 0.04);
  --p-color-ink-a40: #f4f1ea66;
  --p-color-ink-a40: oklch(0.958 0.009 87.48 / 0.4);
  --p-color-ink-a5: #f4f1ea0d;
  --p-color-ink-a5: oklch(0.958 0.009 87.48 / 0.05);
  --p-color-ink-a6: #f4f1ea0f;
  --p-color-ink-a6: oklch(0.958 0.009 87.48 / 0.06);
  --p-color-ink-a8: #f4f1ea14;
  --p-color-ink-a8: oklch(0.958 0.009 87.48 / 0.08);
  --p-color-mark-done: #f4f1ea;
  --p-color-mark-done: oklch(0.958 0.009 87.48);
  --p-color-mark-on-done: #0c0a06;
  --p-color-mark-on-done: oklch(0.145 0.01 87.48);
  --p-color-nav-active: #1d1b17;
  --p-color-nav-active: oklch(0.2236 0.0092 87.34);
  --p-color-nav-active-icon: #bfbdbb;
  --p-color-nav-active-icon: oklch(0.8 0.0037 84.59);
  --p-color-selected-outline: #f4f1ea;
  --p-color-selected-outline: oklch(0.958 0.009 87.48);
  --p-color-success-subtle: #0e1a0e;
  --p-color-success-subtle: oklch(0.202 0.0296 143.11);
  --p-color-surface-1: #191712;
  --p-color-surface-1: oklch(0.205 0.01 87.48);
  --p-color-surface-2: #201e19;
  --p-color-surface-2: oklch(0.235 0.01 87.48);
  --p-color-surface-3: #272520;
  --p-color-surface-3: oklch(0.265 0.01 87.48);
  --p-color-surface-4: #302e28;
  --p-color-surface-4: oklch(0.3 0.01 87.48);
  --p-color-surface-hover: #201e19;
  --p-color-surface-hover: oklch(0.235 0.01 87.48);
  --p-color-surface-pressed: #272520;
  --p-color-surface-pressed: oklch(0.265 0.01 87.48);
  --p-color-surface-selected: #222221;
  --p-color-surface-selected: oklch(0.25 0.0017 84.59);
  --p-color-surface-sunken: #0c0a06;
  --p-color-surface-sunken: oklch(0.145 0.01 87.48);
  --p-color-text-disabled: #7c7973;
  --p-color-text-disabled: oklch(0.578 0.01 87.48);
  --p-color-text-inverse: #0c0a06;
  --p-color-text-inverse: oklch(0.145 0.01 87.48);
  --p-color-text-link: #bfbdbb;
  --p-color-text-link: oklch(0.8 0.0037 84.59);
  --p-color-text-primary: #f4f1ea;
  --p-color-text-primary: oklch(0.958 0.009 87.48);
  --p-color-text-secondary: #c0bdb7;
  --p-color-text-secondary: oklch(0.8 0.009 87.48);
  --p-color-text-tertiary: #9b9892;
  --p-color-text-tertiary: oklch(0.68 0.009 87.48);
  --p-color-warning-subtle: #1f1404;
  --p-color-warning-subtle: oklch(0.202 0.0333 76.49);
  --p-elevation-0-surface: #12100c;
  --p-elevation-0-surface: oklch(0.175 0.01 87.48);
  --p-elevation-1-surface: #191712;
  --p-elevation-1-surface: oklch(0.205 0.01 87.48);
  --p-elevation-2-surface: #201e19;
  --p-elevation-2-surface: oklch(0.235 0.01 87.48);
  --p-elevation-3-surface: #272520;
  --p-elevation-3-surface: oklch(0.265 0.01 87.48);
  --p-elevation-4-surface: #302e28;
  --p-elevation-4-surface: oklch(0.3 0.01 87.48);
  --p-elevation-5-surface: #302e28;
  --p-elevation-5-surface: oklch(0.3 0.01 87.48);
  --p-overlay-bg: #191712;
  --p-overlay-bg: oklch(0.205 0.01 87.48);
  --p-overlay-highlight: #f4f1ea0f;
  --p-overlay-highlight: oklch(0.958 0.009 87.48 / 0.06);
  --p-overlay-separator: #f4f1ea14;
  --p-overlay-separator: oklch(0.958 0.009 87.48 / 0.08);
  --p-ramp-accent-1: #0b0b0b;
  --p-ramp-accent-1: oklch(0.15 0.0003 84.59);
  --p-ramp-accent-10: #706e6c;
  --p-ramp-accent-10: oklch(0.54 0.004 84.59);
  --p-ramp-accent-11: #bfbdbb;
  --p-ramp-accent-11: oklch(0.8 0.0037 84.59);
  --p-ramp-accent-12: #e8e8e7;
  --p-ramp-accent-12: oklch(0.93 0.0014 84.59);
  --p-ramp-accent-2: #111111;
  --p-ramp-accent-2: oklch(0.178 0.0007 84.59);
  --p-ramp-accent-3: #1b1a1a;
  --p-ramp-accent-3: oklch(0.22 0.0013 84.59);
  --p-ramp-accent-4: #222221;
  --p-ramp-accent-4: oklch(0.25 0.0017 84.59);
  --p-ramp-accent-5: #292928;
  --p-ramp-accent-5: oklch(0.28 0.0021 84.59);
  --p-ramp-accent-6: #333331;
  --p-ramp-accent-6: oklch(0.32 0.0025 84.59);
  --p-ramp-accent-7: #434241;
  --p-ramp-accent-7: oklch(0.38 0.0029 84.59);
  --p-ramp-accent-8: #494745;
  --p-ramp-accent-8: oklch(0.4 0.0037 84.59);
  --p-ramp-accent-9: #646361;
  --p-ramp-accent-9: oklch(0.5 0.0041 84.59);
  --p-ramp-neutral-1: #0c0a06;
  --p-ramp-neutral-1: oklch(0.145 0.01 87.48);
  --p-ramp-neutral-10: #9b9892;
  --p-ramp-neutral-10: oklch(0.68 0.009 87.48);
  --p-ramp-neutral-11: #c0bdb7;
  --p-ramp-neutral-11: oklch(0.8 0.009 87.48);
  --p-ramp-neutral-12: #f4f1ea;
  --p-ramp-neutral-12: oklch(0.958 0.009 87.48);
  --p-ramp-neutral-2: #12100c;
  --p-ramp-neutral-2: oklch(0.175 0.01 87.48);
  --p-ramp-neutral-3: #191712;
  --p-ramp-neutral-3: oklch(0.205 0.01 87.48);
  --p-ramp-neutral-4: #201e19;
  --p-ramp-neutral-4: oklch(0.235 0.01 87.48);
  --p-ramp-neutral-5: #272520;
  --p-ramp-neutral-5: oklch(0.265 0.01 87.48);
  --p-ramp-neutral-6: #302e28;
  --p-ramp-neutral-6: oklch(0.3 0.01 87.48);
  --p-ramp-neutral-7: #3e3c36;
  --p-ramp-neutral-7: oklch(0.355 0.01 87.48);
  --p-ramp-neutral-8: #7c7973;
  --p-ramp-neutral-8: oklch(0.578 0.01 87.48);
  --p-ramp-neutral-9: #8b8983;
  --p-ramp-neutral-9: oklch(0.629 0.009 87.48);
  --p-segmented-active-bg: #3e3c36;
  --p-segmented-active-bg: oklch(0.355 0.01 87.48);
  --p-segmented-track: #f4f1ea0a;
  --p-segmented-track: oklch(0.958 0.009 87.48 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.958 0.009 87.48 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.958 0.009 87.48 / 0.05);
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.958 0.009 87.48 / 0.08), 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.009 87.48 / 0.12), 0px 1px 2px 0px oklch(0.958 0.009 87.48 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.009 87.48 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.009 87.48 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #f4f1ea1a;
  --p-slider-track: oklch(0.958 0.009 87.48 / 0.1);
  --p-switch-border-off: #7c7973;
  --p-switch-border-off: oklch(0.578 0.01 87.48);
  --p-switch-track-off: #f4f1ea29;
  --p-switch-track-off: oklch(0.958 0.009 87.48 / 0.16);
  --p-tooltip-bg: #f4f1ea;
  --p-tooltip-bg: oklch(0.958 0.009 87.48);
  --p-tooltip-fg: #0c0a06;
  --p-tooltip-fg: oklch(0.145 0.01 87.48);
}

[data-theme="dark"][data-product="paperrift"] {
  --p-brand-sidebar-accent: #f2eff9;
  --p-brand-sidebar-accent: oklch(0.958 0.0128 298.16);
  --p-button-focus-border: #ffffff;
  --p-button-focus-border: oklch(1 0 0);
  --p-button-ghost-bg-hover: #f2eff90a;
  --p-button-ghost-bg-hover: oklch(0.958 0.0128 298.16 / 0.04);
  --p-button-ghost-bg-pressed: #f2eff914;
  --p-button-ghost-bg-pressed: oklch(0.958 0.0128 298.16 / 0.08);
  --p-choice-border: #797780;
  --p-choice-border: oklch(0.574 0.0142 298.16);
  --p-color-accent-action: #f2f0ec;
  --p-color-accent-action: oklch(0.9556 0.0057 84.57);
  --p-color-accent-border: #434240;
  --p-color-accent-border: oklch(0.38 0.0041 84.57);
  --p-color-accent-solid: #f2eff9;
  --p-color-accent-solid: oklch(0.958 0.0128 298.16);
  --p-color-accent-solid-hover: #bdbbc4;
  --p-color-accent-solid-hover: oklch(0.796 0.0128 298.16);
  --p-color-accent-solid-pressed: #99979f;
  --p-color-accent-solid-pressed: oklch(0.68 0.0128 298.16);
  --p-color-accent-text: #ffffff;
  --p-color-accent-text: oklch(1 0 0);
  --p-color-accent-text-pressed: #99979f;
  --p-color-accent-text-pressed: oklch(0.68 0.0128 298.16);
  --p-color-accent-tint: #1b1a1a;
  --p-color-accent-tint: oklch(0.22 0.0017 84.57);
  --p-color-agent-border: #434240;
  --p-color-agent-border: oklch(0.38 0.0041 84.57);
  --p-color-agent-mark: #f2f0ec;
  --p-color-agent-mark: oklch(0.9556 0.0057 84.57);
  --p-color-agent-text: #ffffff;
  --p-color-agent-text: oklch(1 0 0);
  --p-color-agent-tint: #1b1a1a;
  --p-color-agent-tint: oklch(0.22 0.0017 84.57);
  --p-color-bg-canvas: #0b090f;
  --p-color-bg-canvas: oklch(0.145 0.0142 298.16);
  --p-color-bg-default: #110f16;
  --p-color-bg-default: oklch(0.175 0.0142 298.16);
  --p-color-bg-panel: #110f16;
  --p-color-bg-panel: oklch(0.175 0.0142 298.16);
  --p-color-border-control: #f2eff929;
  --p-color-border-control: oklch(0.958 0.0128 298.16 / 0.16);
  --p-color-border-control-hover: #f2eff933;
  --p-color-border-control-hover: oklch(0.958 0.0128 298.16 / 0.2);
  --p-color-border-control-strong: #f2eff933;
  --p-color-border-control-strong: oklch(0.958 0.0128 298.16 / 0.2);
  --p-color-border-default: #797780;
  --p-color-border-default: oklch(0.574 0.0142 298.16);
  --p-color-border-hairline: #f2eff914;
  --p-color-border-hairline: oklch(0.958 0.0128 298.16 / 0.08);
  --p-color-border-strong: #89878f;
  --p-color-border-strong: oklch(0.627 0.0128 298.16);
  --p-color-border-subtle: #2f2c34;
  --p-color-border-subtle: oklch(0.3 0.0142 298.16);
  --p-color-count-bg: #f2eff9;
  --p-color-count-bg: oklch(0.958 0.0128 298.16);
  --p-color-count-text: #110f16;
  --p-color-count-text: oklch(0.175 0.0142 298.16);
  --p-color-danger-subtle: #250f10;
  --p-color-danger-subtle: oklch(0.202 0.0373 18.24);
  --p-color-field-bg-disabled: #f2eff908;
  --p-color-field-bg-disabled: oklch(0.958 0.0128 298.16 / 0.03);
  --p-color-field-border-disabled: #f2eff90f;
  --p-color-field-border-disabled: oklch(0.958 0.0128 298.16 / 0.06);
  --p-color-field-border-focus: #ffffff;
  --p-color-field-border-focus: oklch(1 0 0);
  --p-color-field-border-readonly-hover: #f2eff91f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.0128 298.16 / 0.12);
  --p-color-focus-ring: #ffffff;
  --p-color-focus-ring: oklch(1 0 0);
  --p-color-focus-ring-button: #ffffff59;
  --p-color-focus-ring-button: oklch(1 0 0 / 0.35);
  --p-color-focus-ring-field: #ffffff52;
  --p-color-focus-ring-field: oklch(1 0 0 / 0.32);
  --p-color-hover-tint: #f2eff90a;
  --p-color-hover-tint: oklch(0.958 0.0128 298.16 / 0.04);
  --p-color-info-subtle: #0b1727;
  --p-color-info-subtle: oklch(0.202 0.0371 256.55);
  --p-color-ink-a10: #f2eff91a;
  --p-color-ink-a10: oklch(0.958 0.0128 298.16 / 0.1);
  --p-color-ink-a12: #f2eff91f;
  --p-color-ink-a12: oklch(0.958 0.0128 298.16 / 0.12);
  --p-color-ink-a14: #f2eff924;
  --p-color-ink-a14: oklch(0.958 0.0128 298.16 / 0.14);
  --p-color-ink-a16: #f2eff929;
  --p-color-ink-a16: oklch(0.958 0.0128 298.16 / 0.16);
  --p-color-ink-a18: #f2eff92e;
  --p-color-ink-a18: oklch(0.958 0.0128 298.16 / 0.18);
  --p-color-ink-a20: #f2eff933;
  --p-color-ink-a20: oklch(0.958 0.0128 298.16 / 0.2);
  --p-color-ink-a24: #f2eff93d;
  --p-color-ink-a24: oklch(0.958 0.0128 298.16 / 0.24);
  --p-color-ink-a28: #f2eff947;
  --p-color-ink-a28: oklch(0.958 0.0128 298.16 / 0.28);
  --p-color-ink-a3: #f2eff908;
  --p-color-ink-a3: oklch(0.958 0.0128 298.16 / 0.03);
  --p-color-ink-a32: #f2eff952;
  --p-color-ink-a32: oklch(0.958 0.0128 298.16 / 0.32);
  --p-color-ink-a4: #f2eff90a;
  --p-color-ink-a4: oklch(0.958 0.0128 298.16 / 0.04);
  --p-color-ink-a40: #f2eff966;
  --p-color-ink-a40: oklch(0.958 0.0128 298.16 / 0.4);
  --p-color-ink-a5: #f2eff90d;
  --p-color-ink-a5: oklch(0.958 0.0128 298.16 / 0.05);
  --p-color-ink-a6: #f2eff90f;
  --p-color-ink-a6: oklch(0.958 0.0128 298.16 / 0.06);
  --p-color-ink-a8: #f2eff914;
  --p-color-ink-a8: oklch(0.958 0.0128 298.16 / 0.08);
  --p-color-mark-done: #f2eff9;
  --p-color-mark-done: oklch(0.958 0.0128 298.16);
  --p-color-mark-on-done: #0b090f;
  --p-color-mark-on-done: oklch(0.145 0.0142 298.16);
  --p-color-nav-active: #222026;
  --p-color-nav-active: oklch(0.2476 0.0125 298.16);
  --p-color-nav-active-icon: #ffffff;
  --p-color-nav-active-icon: oklch(1 0 0);
  --p-color-selected-outline: #f2eff9;
  --p-color-selected-outline: oklch(0.958 0.0128 298.16);
  --p-color-success-subtle: #0d1a12;
  --p-color-success-subtle: oklch(0.202 0.0229 157.51);
  --p-color-surface-1: #18161d;
  --p-color-surface-1: oklch(0.205 0.0142 298.16);
  --p-color-surface-2: #1f1d24;
  --p-color-surface-2: oklch(0.235 0.0142 298.16);
  --p-color-surface-3: #26242b;
  --p-color-surface-3: oklch(0.265 0.0142 298.16);
  --p-color-surface-4: #2f2c34;
  --p-color-surface-4: oklch(0.3 0.0142 298.16);
  --p-color-surface-hover: #1f1d24;
  --p-color-surface-hover: oklch(0.235 0.0142 298.16);
  --p-color-surface-pressed: #26242b;
  --p-color-surface-pressed: oklch(0.265 0.0142 298.16);
  --p-color-surface-selected: #222120;
  --p-color-surface-selected: oklch(0.25 0.0023 84.57);
  --p-color-surface-sunken: #0b090f;
  --p-color-surface-sunken: oklch(0.145 0.0142 298.16);
  --p-color-text-disabled: #797780;
  --p-color-text-disabled: oklch(0.574 0.0142 298.16);
  --p-color-text-inverse: #0b090f;
  --p-color-text-inverse: oklch(0.145 0.0142 298.16);
  --p-color-text-link: #ffffff;
  --p-color-text-link: oklch(1 0 0);
  --p-color-text-primary: #f2eff9;
  --p-color-text-primary: oklch(0.958 0.0128 298.16);
  --p-color-text-secondary: #bdbbc4;
  --p-color-text-secondary: oklch(0.796 0.0128 298.16);
  --p-color-text-tertiary: #99979f;
  --p-color-text-tertiary: oklch(0.68 0.0128 298.16);
  --p-color-warning-subtle: #1e140a;
  --p-color-warning-subtle: oklch(0.202 0.0256 66.25);
  --p-elevation-0-surface: #110f16;
  --p-elevation-0-surface: oklch(0.175 0.0142 298.16);
  --p-elevation-1-surface: #18161d;
  --p-elevation-1-surface: oklch(0.205 0.0142 298.16);
  --p-elevation-2-surface: #1f1d24;
  --p-elevation-2-surface: oklch(0.235 0.0142 298.16);
  --p-elevation-3-surface: #26242b;
  --p-elevation-3-surface: oklch(0.265 0.0142 298.16);
  --p-elevation-4-surface: #2f2c34;
  --p-elevation-4-surface: oklch(0.3 0.0142 298.16);
  --p-elevation-5-surface: #2f2c34;
  --p-elevation-5-surface: oklch(0.3 0.0142 298.16);
  --p-overlay-bg: #18161d;
  --p-overlay-bg: oklch(0.205 0.0142 298.16);
  --p-overlay-highlight: #f2eff90f;
  --p-overlay-highlight: oklch(0.958 0.0128 298.16 / 0.06);
  --p-overlay-separator: #f2eff914;
  --p-overlay-separator: oklch(0.958 0.0128 298.16 / 0.08);
  --p-ramp-accent-1: #0b0b0b;
  --p-ramp-accent-1: oklch(0.15 0.0005 84.57);
  --p-ramp-accent-10: #fdfcf8;
  --p-ramp-accent-10: oklch(0.99 0.0056 84.57);
  --p-ramp-accent-11: #ffffff;
  --p-ramp-accent-11: oklch(1 0 0);
  --p-ramp-accent-12: #e8e8e6;
  --p-ramp-accent-12: oklch(0.93 0.002 84.57);
  --p-ramp-accent-2: #111111;
  --p-ramp-accent-2: oklch(0.178 0.001 84.57);
  --p-ramp-accent-3: #1b1a1a;
  --p-ramp-accent-3: oklch(0.22 0.0017 84.57);
  --p-ramp-accent-4: #222120;
  --p-ramp-accent-4: oklch(0.25 0.0023 84.57);
  --p-ramp-accent-5: #292927;
  --p-ramp-accent-5: oklch(0.28 0.0029 84.57);
  --p-ramp-accent-6: #343331;
  --p-ramp-accent-6: oklch(0.32 0.0035 84.57);
  --p-ramp-accent-7: #434240;
  --p-ramp-accent-7: oklch(0.38 0.0041 84.57);
  --p-ramp-accent-8: #8a8885;
  --p-ramp-accent-8: oklch(0.6278 0.0051 84.57);
  --p-ramp-accent-9: #f2f0ec;
  --p-ramp-accent-9: oklch(0.9556 0.0057 84.57);
  --p-ramp-neutral-1: #0b090f;
  --p-ramp-neutral-1: oklch(0.145 0.0142 298.16);
  --p-ramp-neutral-10: #99979f;
  --p-ramp-neutral-10: oklch(0.68 0.0128 298.16);
  --p-ramp-neutral-11: #bdbbc4;
  --p-ramp-neutral-11: oklch(0.796 0.0128 298.16);
  --p-ramp-neutral-12: #f2eff9;
  --p-ramp-neutral-12: oklch(0.958 0.0128 298.16);
  --p-ramp-neutral-2: #110f16;
  --p-ramp-neutral-2: oklch(0.175 0.0142 298.16);
  --p-ramp-neutral-3: #18161d;
  --p-ramp-neutral-3: oklch(0.205 0.0142 298.16);
  --p-ramp-neutral-4: #1f1d24;
  --p-ramp-neutral-4: oklch(0.235 0.0142 298.16);
  --p-ramp-neutral-5: #26242b;
  --p-ramp-neutral-5: oklch(0.265 0.0142 298.16);
  --p-ramp-neutral-6: #2f2c34;
  --p-ramp-neutral-6: oklch(0.3 0.0142 298.16);
  --p-ramp-neutral-7: #3d3a42;
  --p-ramp-neutral-7: oklch(0.355 0.0142 298.16);
  --p-ramp-neutral-8: #797780;
  --p-ramp-neutral-8: oklch(0.574 0.0142 298.16);
  --p-ramp-neutral-9: #89878f;
  --p-ramp-neutral-9: oklch(0.627 0.0128 298.16);
  --p-segmented-active-bg: #3d3a42;
  --p-segmented-active-bg: oklch(0.355 0.0142 298.16);
  --p-segmented-track: #f2eff90a;
  --p-segmented-track: oklch(0.958 0.0128 298.16 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.958 0.0128 298.16 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.958 0.0128 298.16 / 0.05);
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.958 0.0128 298.16 / 0.08), 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.0128 298.16 / 0.12), 0px 1px 2px 0px oklch(0.958 0.0128 298.16 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.0128 298.16 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.0128 298.16 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #f2eff91a;
  --p-slider-track: oklch(0.958 0.0128 298.16 / 0.1);
  --p-switch-border-off: #797780;
  --p-switch-border-off: oklch(0.574 0.0142 298.16);
  --p-switch-track-off: #f2eff929;
  --p-switch-track-off: oklch(0.958 0.0128 298.16 / 0.16);
  --p-tooltip-bg: #f2eff9;
  --p-tooltip-bg: oklch(0.958 0.0128 298.16);
  --p-tooltip-fg: #0b090f;
  --p-tooltip-fg: oklch(0.145 0.0142 298.16);
}

[data-theme="dark"][data-product="ownmode"] {
  --p-brand-sidebar-accent: #f4f1e9;
  --p-brand-sidebar-accent: oklch(0.958 0.0103 89.73);
  --p-button-focus-border: #93ccb4;
  --p-button-focus-border: oklch(0.8 0.0692 165.99);
  --p-button-ghost-bg-hover: #f4f1e90a;
  --p-button-ghost-bg-hover: oklch(0.958 0.0103 89.73 / 0.04);
  --p-button-ghost-bg-pressed: #f4f1e914;
  --p-button-ghost-bg-pressed: oklch(0.958 0.0103 89.73 / 0.08);
  --p-choice-border: #7c7a72;
  --p-choice-border: oklch(0.578 0.0114 89.73);
  --p-color-accent-action: #2f6f57;
  --p-color-accent-action: oklch(0.4926 0.0769 165.99);
  --p-color-accent-border: #224c3c;
  --p-color-accent-border: oklch(0.38 0.0549 165.99);
  --p-color-accent-solid: #f4f1e9;
  --p-color-accent-solid: oklch(0.958 0.0103 89.73);
  --p-color-accent-solid-hover: #c0bdb6;
  --p-color-accent-solid-hover: oklch(0.8 0.0103 89.73);
  --p-color-accent-solid-pressed: #9b9891;
  --p-color-accent-solid-pressed: oklch(0.68 0.0103 89.73);
  --p-color-accent-text: #93ccb4;
  --p-color-accent-text: oklch(0.8 0.0692 165.99);
  --p-color-accent-text-pressed: #9b9891;
  --p-color-accent-text-pressed: oklch(0.68 0.0103 89.73);
  --p-color-accent-tint: #101e18;
  --p-color-accent-tint: oklch(0.22 0.0235 165.99);
  --p-color-agent-border: #224c3c;
  --p-color-agent-border: oklch(0.38 0.0549 165.99);
  --p-color-agent-mark: #2f6f57;
  --p-color-agent-mark: oklch(0.4926 0.0769 165.99);
  --p-color-agent-text: #93ccb4;
  --p-color-agent-text: oklch(0.8 0.0692 165.99);
  --p-color-agent-tint: #101e18;
  --p-color-agent-tint: oklch(0.22 0.0235 165.99);
  --p-color-bg-canvas: #0c0a05;
  --p-color-bg-canvas: oklch(0.145 0.0114 89.73);
  --p-color-bg-default: #12100b;
  --p-color-bg-default: oklch(0.175 0.0114 89.73);
  --p-color-bg-panel: #12100b;
  --p-color-bg-panel: oklch(0.175 0.0114 89.73);
  --p-color-border-control: #f4f1e929;
  --p-color-border-control: oklch(0.958 0.0103 89.73 / 0.16);
  --p-color-border-control-hover: #f4f1e933;
  --p-color-border-control-hover: oklch(0.958 0.0103 89.73 / 0.2);
  --p-color-border-control-strong: #f4f1e933;
  --p-color-border-control-strong: oklch(0.958 0.0103 89.73 / 0.2);
  --p-color-border-default: #7c7a72;
  --p-color-border-default: oklch(0.578 0.0114 89.73);
  --p-color-border-hairline: #f4f1e914;
  --p-color-border-hairline: oklch(0.958 0.0103 89.73 / 0.08);
  --p-color-border-strong: #8b8982;
  --p-color-border-strong: oklch(0.629 0.0103 89.73);
  --p-color-border-subtle: #302e27;
  --p-color-border-subtle: oklch(0.3 0.0114 89.73);
  --p-color-count-bg: #f4f1e9;
  --p-color-count-bg: oklch(0.958 0.0103 89.73);
  --p-color-count-text: #12100b;
  --p-color-count-text: oklch(0.175 0.0114 89.73);
  --p-color-danger-subtle: #260f0b;
  --p-color-danger-subtle: oklch(0.202 0.039 32.96);
  --p-color-field-bg-disabled: #f4f1e908;
  --p-color-field-bg-disabled: oklch(0.958 0.0103 89.73 / 0.03);
  --p-color-field-border-disabled: #f4f1e90f;
  --p-color-field-border-disabled: oklch(0.958 0.0103 89.73 / 0.06);
  --p-color-field-border-focus: #93ccb4;
  --p-color-field-border-focus: oklch(0.8 0.0692 165.99);
  --p-color-field-border-readonly-hover: #f4f1e91f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.0103 89.73 / 0.12);
  --p-color-focus-ring: #93ccb4;
  --p-color-focus-ring: oklch(0.8 0.0692 165.99);
  --p-color-focus-ring-button: #93ccb459;
  --p-color-focus-ring-button: oklch(0.8 0.0692 165.99 / 0.35);
  --p-color-focus-ring-field: #93ccb452;
  --p-color-focus-ring-field: oklch(0.8 0.0692 165.99 / 0.32);
  --p-color-hover-tint: #f4f1e90a;
  --p-color-hover-tint: oklch(0.958 0.0103 89.73 / 0.04);
  --p-color-info-subtle: #0b1823;
  --p-color-info-subtle: oklch(0.202 0.0288 246.94);
  --p-color-ink-a10: #f4f1e91a;
  --p-color-ink-a10: oklch(0.958 0.0103 89.73 / 0.1);
  --p-color-ink-a12: #f4f1e91f;
  --p-color-ink-a12: oklch(0.958 0.0103 89.73 / 0.12);
  --p-color-ink-a14: #f4f1e924;
  --p-color-ink-a14: oklch(0.958 0.0103 89.73 / 0.14);
  --p-color-ink-a16: #f4f1e929;
  --p-color-ink-a16: oklch(0.958 0.0103 89.73 / 0.16);
  --p-color-ink-a18: #f4f1e92e;
  --p-color-ink-a18: oklch(0.958 0.0103 89.73 / 0.18);
  --p-color-ink-a20: #f4f1e933;
  --p-color-ink-a20: oklch(0.958 0.0103 89.73 / 0.2);
  --p-color-ink-a24: #f4f1e93d;
  --p-color-ink-a24: oklch(0.958 0.0103 89.73 / 0.24);
  --p-color-ink-a28: #f4f1e947;
  --p-color-ink-a28: oklch(0.958 0.0103 89.73 / 0.28);
  --p-color-ink-a3: #f4f1e908;
  --p-color-ink-a3: oklch(0.958 0.0103 89.73 / 0.03);
  --p-color-ink-a32: #f4f1e952;
  --p-color-ink-a32: oklch(0.958 0.0103 89.73 / 0.32);
  --p-color-ink-a4: #f4f1e90a;
  --p-color-ink-a4: oklch(0.958 0.0103 89.73 / 0.04);
  --p-color-ink-a40: #f4f1e966;
  --p-color-ink-a40: oklch(0.958 0.0103 89.73 / 0.4);
  --p-color-ink-a5: #f4f1e90d;
  --p-color-ink-a5: oklch(0.958 0.0103 89.73 / 0.05);
  --p-color-ink-a6: #f4f1e90f;
  --p-color-ink-a6: oklch(0.958 0.0103 89.73 / 0.06);
  --p-color-ink-a8: #f4f1e914;
  --p-color-ink-a8: oklch(0.958 0.0103 89.73 / 0.08);
  --p-color-mark-done: #f4f1e9;
  --p-color-mark-done: oklch(0.958 0.0103 89.73);
  --p-color-mark-on-done: #0c0a05;
  --p-color-mark-on-done: oklch(0.145 0.0114 89.73);
  --p-color-nav-active: #1a1d15;
  --p-color-nav-active: oklch(0.2236 0.0145 123.63);
  --p-color-nav-active-icon: #93ccb4;
  --p-color-nav-active-icon: oklch(0.8 0.0692 165.99);
  --p-color-selected-outline: #f4f1e9;
  --p-color-selected-outline: oklch(0.958 0.0103 89.73);
  --p-color-status-amber: #f2a618;
  --p-color-status-amber: oklch(0.78 0.16 75);
  --p-color-status-green: #1b9247;
  --p-color-status-green: oklch(0.58 0.15 150);
  --p-color-status-red: #d73431;
  --p-color-status-red: oklch(0.58 0.2 27);
  --p-color-success-subtle: #0e1a0d;
  --p-color-success-subtle: oklch(0.202 0.0301 142.43);
  --p-color-surface-1: #191711;
  --p-color-surface-1: oklch(0.205 0.0114 89.73);
  --p-color-surface-2: #201e18;
  --p-color-surface-2: oklch(0.235 0.0114 89.73);
  --p-color-surface-3: #27251f;
  --p-color-surface-3: oklch(0.265 0.0114 89.73);
  --p-color-surface-4: #302e27;
  --p-color-surface-4: oklch(0.3 0.0114 89.73);
  --p-color-surface-hover: #201e18;
  --p-color-surface-hover: oklch(0.235 0.0114 89.73);
  --p-color-surface-pressed: #27251f;
  --p-color-surface-pressed: oklch(0.265 0.0114 89.73);
  --p-color-surface-selected: #12261e;
  --p-color-surface-selected: oklch(0.25 0.0314 165.99);
  --p-color-surface-sunken: #0c0a05;
  --p-color-surface-sunken: oklch(0.145 0.0114 89.73);
  --p-color-text-disabled: #7c7a72;
  --p-color-text-disabled: oklch(0.578 0.0114 89.73);
  --p-color-text-inverse: #0c0a05;
  --p-color-text-inverse: oklch(0.145 0.0114 89.73);
  --p-color-text-link: #93ccb4;
  --p-color-text-link: oklch(0.8 0.0692 165.99);
  --p-color-text-primary: #f4f1e9;
  --p-color-text-primary: oklch(0.958 0.0103 89.73);
  --p-color-text-secondary: #c0bdb6;
  --p-color-text-secondary: oklch(0.8 0.0103 89.73);
  --p-color-text-tertiary: #9b9891;
  --p-color-text-tertiary: oklch(0.68 0.0103 89.73);
  --p-color-warning-subtle: #1f1404;
  --p-color-warning-subtle: oklch(0.202 0.0338 76.96);
  --p-elevation-0-surface: #12100b;
  --p-elevation-0-surface: oklch(0.175 0.0114 89.73);
  --p-elevation-1-surface: #191711;
  --p-elevation-1-surface: oklch(0.205 0.0114 89.73);
  --p-elevation-2-surface: #201e18;
  --p-elevation-2-surface: oklch(0.235 0.0114 89.73);
  --p-elevation-3-surface: #27251f;
  --p-elevation-3-surface: oklch(0.265 0.0114 89.73);
  --p-elevation-4-surface: #302e27;
  --p-elevation-4-surface: oklch(0.3 0.0114 89.73);
  --p-elevation-5-surface: #302e27;
  --p-elevation-5-surface: oklch(0.3 0.0114 89.73);
  --p-overlay-bg: #191711;
  --p-overlay-bg: oklch(0.205 0.0114 89.73);
  --p-overlay-highlight: #f4f1e90f;
  --p-overlay-highlight: oklch(0.958 0.0103 89.73 / 0.06);
  --p-overlay-separator: #f4f1e914;
  --p-overlay-separator: oklch(0.958 0.0103 89.73 / 0.08);
  --p-ramp-accent-1: #090c0a;
  --p-ramp-accent-1: oklch(0.15 0.0063 165.99);
  --p-ramp-accent-10: #3d7b62;
  --p-ramp-accent-10: oklch(0.5326 0.0754 165.99);
  --p-ramp-accent-11: #93ccb4;
  --p-ramp-accent-11: oklch(0.8 0.0692 165.99);
  --p-ramp-accent-12: #d8eee4;
  --p-ramp-accent-12: oklch(0.93 0.0269 165.99);
  --p-ramp-accent-2: #0c1310;
  --p-ramp-accent-2: oklch(0.178 0.0131 165.99);
  --p-ramp-accent-3: #101e18;
  --p-ramp-accent-3: oklch(0.22 0.0235 165.99);
  --p-ramp-accent-4: #12261e;
  --p-ramp-accent-4: oklch(0.25 0.0314 165.99);
  --p-ramp-accent-5: #142f24;
  --p-ramp-accent-5: oklch(0.28 0.0392 165.99);
  --p-ramp-accent-6: #183a2d;
  --p-ramp-accent-6: oklch(0.32 0.0471 165.99);
  --p-ramp-accent-7: #224c3c;
  --p-ramp-accent-7: oklch(0.38 0.0549 165.99);
  --p-ramp-accent-8: #19523e;
  --p-ramp-accent-8: oklch(0.3963 0.0692 165.99);
  --p-ramp-accent-9: #2f6f57;
  --p-ramp-accent-9: oklch(0.4926 0.0769 165.99);
  --p-ramp-neutral-1: #0c0a05;
  --p-ramp-neutral-1: oklch(0.145 0.0114 89.73);
  --p-ramp-neutral-10: #9b9891;
  --p-ramp-neutral-10: oklch(0.68 0.0103 89.73);
  --p-ramp-neutral-11: #c0bdb6;
  --p-ramp-neutral-11: oklch(0.8 0.0103 89.73);
  --p-ramp-neutral-12: #f4f1e9;
  --p-ramp-neutral-12: oklch(0.958 0.0103 89.73);
  --p-ramp-neutral-2: #12100b;
  --p-ramp-neutral-2: oklch(0.175 0.0114 89.73);
  --p-ramp-neutral-3: #191711;
  --p-ramp-neutral-3: oklch(0.205 0.0114 89.73);
  --p-ramp-neutral-4: #201e18;
  --p-ramp-neutral-4: oklch(0.235 0.0114 89.73);
  --p-ramp-neutral-5: #27251f;
  --p-ramp-neutral-5: oklch(0.265 0.0114 89.73);
  --p-ramp-neutral-6: #302e27;
  --p-ramp-neutral-6: oklch(0.3 0.0114 89.73);
  --p-ramp-neutral-7: #3e3c35;
  --p-ramp-neutral-7: oklch(0.355 0.0114 89.73);
  --p-ramp-neutral-8: #7c7a72;
  --p-ramp-neutral-8: oklch(0.578 0.0114 89.73);
  --p-ramp-neutral-9: #8b8982;
  --p-ramp-neutral-9: oklch(0.629 0.0103 89.73);
  --p-segmented-active-bg: #3e3c35;
  --p-segmented-active-bg: oklch(0.355 0.0114 89.73);
  --p-segmented-track: #f4f1e90a;
  --p-segmented-track: oklch(0.958 0.0103 89.73 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.958 0.0103 89.73 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.958 0.0103 89.73 / 0.05);
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.958 0.0103 89.73 / 0.08), 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.0103 89.73 / 0.12), 0px 1px 2px 0px oklch(0.958 0.0103 89.73 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.0103 89.73 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.0103 89.73 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #f4f1e91a;
  --p-slider-track: oklch(0.958 0.0103 89.73 / 0.1);
  --p-switch-border-off: #7c7a72;
  --p-switch-border-off: oklch(0.578 0.0114 89.73);
  --p-switch-track-off: #f4f1e929;
  --p-switch-track-off: oklch(0.958 0.0103 89.73 / 0.16);
  --p-tooltip-bg: #f4f1e9;
  --p-tooltip-bg: oklch(0.958 0.0103 89.73);
  --p-tooltip-fg: #0c0a05;
  --p-tooltip-fg: oklch(0.145 0.0114 89.73);
}

[data-theme="dark"][data-product="loudsoup"] {
  --p-brand-sidebar-accent: #f4f0ec;
  --p-brand-sidebar-accent: oklch(0.958 0.0072 73.74);
  --p-button-focus-border: #ff9dab;
  --p-button-focus-border: oklch(0.8 0.1172 11.21);
  --p-button-ghost-bg-hover: #f4f0ec0a;
  --p-button-ghost-bg-hover: oklch(0.958 0.0072 73.74 / 0.04);
  --p-button-ghost-bg-pressed: #f4f0ec14;
  --p-button-ghost-bg-pressed: oklch(0.958 0.0072 73.74 / 0.08);
  --p-choice-border: #7b7873;
  --p-choice-border: oklch(0.574 0.008 73.74);
  --p-color-accent-action: #cd1351;
  --p-color-accent-action: oklch(0.5462 0.2104 11.21);
  --p-color-accent-border: #7c0c2f;
  --p-color-accent-border: oklch(0.38 0.1428 11.21);
  --p-color-accent-solid: #f4f0ec;
  --p-color-accent-solid: oklch(0.958 0.0072 73.74);
  --p-color-accent-solid-hover: #bfbcb7;
  --p-color-accent-solid-hover: oklch(0.796 0.0072 73.74);
  --p-color-accent-solid-pressed: #9b9893;
  --p-color-accent-solid-pressed: oklch(0.68 0.0072 73.74);
  --p-color-accent-text: #ff9dab;
  --p-color-accent-text: oklch(0.8 0.1172 11.21);
  --p-color-accent-text-pressed: #9b9893;
  --p-color-accent-text-pressed: oklch(0.68 0.0072 73.74);
  --p-color-accent-tint: #310c13;
  --p-color-accent-tint: oklch(0.22 0.0612 11.21);
  --p-color-agent-border: #7c0c2f;
  --p-color-agent-border: oklch(0.38 0.1428 11.21);
  --p-color-agent-mark: #cd1351;
  --p-color-agent-mark: oklch(0.5462 0.2104 11.21);
  --p-color-agent-text: #ff9dab;
  --p-color-agent-text: oklch(0.8 0.1172 11.21);
  --p-color-agent-tint: #310c13;
  --p-color-agent-tint: oklch(0.22 0.0612 11.21);
  --p-color-bg-canvas: #0c0a07;
  --p-color-bg-canvas: oklch(0.145 0.008 73.74);
  --p-color-bg-default: #13100d;
  --p-color-bg-default: oklch(0.175 0.008 73.74);
  --p-color-bg-panel: #13100d;
  --p-color-bg-panel: oklch(0.175 0.008 73.74);
  --p-color-border-control: #f4f0ec29;
  --p-color-border-control: oklch(0.958 0.0072 73.74 / 0.16);
  --p-color-border-control-hover: #f4f0ec33;
  --p-color-border-control-hover: oklch(0.958 0.0072 73.74 / 0.2);
  --p-color-border-control-strong: #f4f0ec33;
  --p-color-border-control-strong: oklch(0.958 0.0072 73.74 / 0.2);
  --p-color-border-default: #7b7873;
  --p-color-border-default: oklch(0.574 0.008 73.74);
  --p-color-border-hairline: #f4f0ec14;
  --p-color-border-hairline: oklch(0.958 0.0072 73.74 / 0.08);
  --p-color-border-strong: #8b8884;
  --p-color-border-strong: oklch(0.627 0.0072 73.74);
  --p-color-border-subtle: #302d29;
  --p-color-border-subtle: oklch(0.3 0.008 73.74);
  --p-color-count-bg: #f4f0ec;
  --p-color-count-bg: oklch(0.958 0.0072 73.74);
  --p-color-count-text: #13100d;
  --p-color-count-text: oklch(0.175 0.008 73.74);
  --p-color-danger-subtle: #260f0b;
  --p-color-danger-subtle: oklch(0.202 0.039 30.43);
  --p-color-field-bg-disabled: #f4f0ec08;
  --p-color-field-bg-disabled: oklch(0.958 0.0072 73.74 / 0.03);
  --p-color-field-border-disabled: #f4f0ec0f;
  --p-color-field-border-disabled: oklch(0.958 0.0072 73.74 / 0.06);
  --p-color-field-border-focus: #ff9dab;
  --p-color-field-border-focus: oklch(0.8 0.1172 11.21);
  --p-color-field-border-readonly-hover: #f4f0ec1f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.0072 73.74 / 0.12);
  --p-color-focus-ring: #ff9dab;
  --p-color-focus-ring: oklch(0.8 0.1172 11.21);
  --p-color-focus-ring-button: #ff9dab59;
  --p-color-focus-ring-button: oklch(0.8 0.1172 11.21 / 0.35);
  --p-color-focus-ring-field: #ff9dab52;
  --p-color-focus-ring-field: oklch(0.8 0.1172 11.21 / 0.32);
  --p-color-hover-tint: #f4f0ec0a;
  --p-color-hover-tint: oklch(0.958 0.0072 73.74 / 0.04);
  --p-color-info-subtle: #0b1724;
  --p-color-info-subtle: oklch(0.202 0.0299 249.6);
  --p-color-ink-a10: #f4f0ec1a;
  --p-color-ink-a10: oklch(0.958 0.0072 73.74 / 0.1);
  --p-color-ink-a12: #f4f0ec1f;
  --p-color-ink-a12: oklch(0.958 0.0072 73.74 / 0.12);
  --p-color-ink-a14: #f4f0ec24;
  --p-color-ink-a14: oklch(0.958 0.0072 73.74 / 0.14);
  --p-color-ink-a16: #f4f0ec29;
  --p-color-ink-a16: oklch(0.958 0.0072 73.74 / 0.16);
  --p-color-ink-a18: #f4f0ec2e;
  --p-color-ink-a18: oklch(0.958 0.0072 73.74 / 0.18);
  --p-color-ink-a20: #f4f0ec33;
  --p-color-ink-a20: oklch(0.958 0.0072 73.74 / 0.2);
  --p-color-ink-a24: #f4f0ec3d;
  --p-color-ink-a24: oklch(0.958 0.0072 73.74 / 0.24);
  --p-color-ink-a28: #f4f0ec47;
  --p-color-ink-a28: oklch(0.958 0.0072 73.74 / 0.28);
  --p-color-ink-a3: #f4f0ec08;
  --p-color-ink-a3: oklch(0.958 0.0072 73.74 / 0.03);
  --p-color-ink-a32: #f4f0ec52;
  --p-color-ink-a32: oklch(0.958 0.0072 73.74 / 0.32);
  --p-color-ink-a4: #f4f0ec0a;
  --p-color-ink-a4: oklch(0.958 0.0072 73.74 / 0.04);
  --p-color-ink-a40: #f4f0ec66;
  --p-color-ink-a40: oklch(0.958 0.0072 73.74 / 0.4);
  --p-color-ink-a5: #f4f0ec0d;
  --p-color-ink-a5: oklch(0.958 0.0072 73.74 / 0.05);
  --p-color-ink-a6: #f4f0ec0f;
  --p-color-ink-a6: oklch(0.958 0.0072 73.74 / 0.06);
  --p-color-ink-a8: #f4f0ec14;
  --p-color-ink-a8: oklch(0.958 0.0072 73.74 / 0.08);
  --p-color-mark-done: #f4f0ec;
  --p-color-mark-done: oklch(0.958 0.0072 73.74);
  --p-color-mark-on-done: #0c0a07;
  --p-color-mark-on-done: oklch(0.145 0.008 73.74);
  --p-color-nav-active: #231816;
  --p-color-nav-active: oklch(0.2236 0.0184 31.05);
  --p-color-nav-active-icon: #ff9dab;
  --p-color-nav-active-icon: oklch(0.8 0.1172 11.21);
  --p-color-selected-outline: #f4f0ec;
  --p-color-selected-outline: oklch(0.958 0.0072 73.74);
  --p-color-success-subtle: #0e1a0e;
  --p-color-success-subtle: oklch(0.202 0.0285 143.73);
  --p-color-surface-1: #191713;
  --p-color-surface-1: oklch(0.205 0.008 73.74);
  --p-color-surface-2: #201e1a;
  --p-color-surface-2: oklch(0.235 0.008 73.74);
  --p-color-surface-3: #282521;
  --p-color-surface-3: oklch(0.265 0.008 73.74);
  --p-color-surface-4: #302d29;
  --p-color-surface-4: oklch(0.3 0.008 73.74);
  --p-color-surface-hover: #201e1a;
  --p-color-surface-hover: oklch(0.235 0.008 73.74);
  --p-color-surface-pressed: #282521;
  --p-color-surface-pressed: oklch(0.265 0.008 73.74);
  --p-color-surface-selected: #400a18;
  --p-color-surface-selected: oklch(0.25 0.0816 11.21);
  --p-color-surface-sunken: #0c0a07;
  --p-color-surface-sunken: oklch(0.145 0.008 73.74);
  --p-color-text-disabled: #7b7873;
  --p-color-text-disabled: oklch(0.574 0.008 73.74);
  --p-color-text-inverse: #0c0a07;
  --p-color-text-inverse: oklch(0.145 0.008 73.74);
  --p-color-text-link: #ff9dab;
  --p-color-text-link: oklch(0.8 0.1172 11.21);
  --p-color-text-primary: #f4f0ec;
  --p-color-text-primary: oklch(0.958 0.0072 73.74);
  --p-color-text-secondary: #bfbcb7;
  --p-color-text-secondary: oklch(0.796 0.0072 73.74);
  --p-color-text-tertiary: #9b9893;
  --p-color-text-tertiary: oklch(0.68 0.0072 73.74);
  --p-color-warning-subtle: #1f1405;
  --p-color-warning-subtle: oklch(0.202 0.0326 74.88);
  --p-elevation-0-surface: #13100d;
  --p-elevation-0-surface: oklch(0.175 0.008 73.74);
  --p-elevation-1-surface: #191713;
  --p-elevation-1-surface: oklch(0.205 0.008 73.74);
  --p-elevation-2-surface: #201e1a;
  --p-elevation-2-surface: oklch(0.235 0.008 73.74);
  --p-elevation-3-surface: #282521;
  --p-elevation-3-surface: oklch(0.265 0.008 73.74);
  --p-elevation-4-surface: #302d29;
  --p-elevation-4-surface: oklch(0.3 0.008 73.74);
  --p-elevation-5-surface: #302d29;
  --p-elevation-5-surface: oklch(0.3 0.008 73.74);
  --p-overlay-bg: #191713;
  --p-overlay-bg: oklch(0.205 0.008 73.74);
  --p-overlay-highlight: #f4f0ec0f;
  --p-overlay-highlight: oklch(0.958 0.0072 73.74 / 0.06);
  --p-overlay-separator: #f4f0ec14;
  --p-overlay-separator: oklch(0.958 0.0072 73.74 / 0.08);
  --p-ramp-accent-1: #110809;
  --p-ramp-accent-1: oklch(0.15 0.0163 11.21);
  --p-ramp-accent-10: #da2e5d;
  --p-ramp-accent-10: oklch(0.5862 0.2062 11.21);
  --p-ramp-accent-11: #ff9dab;
  --p-ramp-accent-11: oklch(0.8 0.1172 11.21);
  --p-ramp-accent-12: #ffdfe2;
  --p-ramp-accent-12: oklch(0.93 0.0362 11.21);
  --p-ramp-accent-2: #1e0a0d;
  --p-ramp-accent-2: oklch(0.178 0.034 11.21);
  --p-ramp-accent-3: #310c13;
  --p-ramp-accent-3: oklch(0.22 0.0612 11.21);
  --p-ramp-accent-4: #400a18;
  --p-ramp-accent-4: oklch(0.25 0.0816 11.21);
  --p-ramp-accent-5: #4f071c;
  --p-ramp-accent-5: oklch(0.28 0.102 11.21);
  --p-ramp-accent-6: #620523;
  --p-ramp-accent-6: oklch(0.32 0.1224 11.21);
  --p-ramp-accent-7: #7c0c2f;
  --p-ramp-accent-7: oklch(0.38 0.1428 11.21);
  --p-ramp-accent-8: #930036;
  --p-ramp-accent-8: oklch(0.4231 0.1701 11.21);
  --p-ramp-accent-9: #cd1351;
  --p-ramp-accent-9: oklch(0.5462 0.2104 11.21);
  --p-ramp-neutral-1: #0c0a07;
  --p-ramp-neutral-1: oklch(0.145 0.008 73.74);
  --p-ramp-neutral-10: #9b9893;
  --p-ramp-neutral-10: oklch(0.68 0.0072 73.74);
  --p-ramp-neutral-11: #bfbcb7;
  --p-ramp-neutral-11: oklch(0.796 0.0072 73.74);
  --p-ramp-neutral-12: #f4f0ec;
  --p-ramp-neutral-12: oklch(0.958 0.0072 73.74);
  --p-ramp-neutral-2: #13100d;
  --p-ramp-neutral-2: oklch(0.175 0.008 73.74);
  --p-ramp-neutral-3: #191713;
  --p-ramp-neutral-3: oklch(0.205 0.008 73.74);
  --p-ramp-neutral-4: #201e1a;
  --p-ramp-neutral-4: oklch(0.235 0.008 73.74);
  --p-ramp-neutral-5: #282521;
  --p-ramp-neutral-5: oklch(0.265 0.008 73.74);
  --p-ramp-neutral-6: #302d29;
  --p-ramp-neutral-6: oklch(0.3 0.008 73.74);
  --p-ramp-neutral-7: #3e3b37;
  --p-ramp-neutral-7: oklch(0.355 0.008 73.74);
  --p-ramp-neutral-8: #7b7873;
  --p-ramp-neutral-8: oklch(0.574 0.008 73.74);
  --p-ramp-neutral-9: #8b8884;
  --p-ramp-neutral-9: oklch(0.627 0.0072 73.74);
  --p-segmented-active-bg: #3e3b37;
  --p-segmented-active-bg: oklch(0.355 0.008 73.74);
  --p-segmented-track: #f4f0ec0a;
  --p-segmented-track: oklch(0.958 0.0072 73.74 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.958 0.0072 73.74 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.958 0.0072 73.74 / 0.05);
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.958 0.0072 73.74 / 0.08), 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.0072 73.74 / 0.12), 0px 1px 2px 0px oklch(0.958 0.0072 73.74 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.0072 73.74 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.0072 73.74 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #f4f0ec1a;
  --p-slider-track: oklch(0.958 0.0072 73.74 / 0.1);
  --p-switch-border-off: #7b7873;
  --p-switch-border-off: oklch(0.574 0.008 73.74);
  --p-switch-track-off: #f4f0ec29;
  --p-switch-track-off: oklch(0.958 0.0072 73.74 / 0.16);
  --p-tooltip-bg: #f4f0ec;
  --p-tooltip-bg: oklch(0.958 0.0072 73.74);
  --p-tooltip-fg: #0c0a07;
  --p-tooltip-fg: oklch(0.145 0.008 73.74);
}

[data-theme="dark"][data-product="execemy"] {
  --p-brand-sidebar-accent: #f4f1ea;
  --p-brand-sidebar-accent: oklch(0.958 0.0095 84.59);
  --p-button-focus-border: #a1bcff;
  --p-button-focus-border: oklch(0.8 0.1002 267.04);
  --p-button-ghost-bg-hover: #f4f1ea0a;
  --p-button-ghost-bg-hover: oklch(0.958 0.0095 84.59 / 0.04);
  --p-button-ghost-bg-pressed: #f4f1ea14;
  --p-button-ghost-bg-pressed: oklch(0.958 0.0095 84.59 / 0.08);
  --p-choice-border: #7b7872;
  --p-choice-border: oklch(0.574 0.0105 84.59);
  --p-color-accent-action: #2f52e0;
  --p-color-accent-action: oklch(0.5084 0.2187 267.04);
  --p-color-accent-border: #21398d;
  --p-color-accent-border: oklch(0.38 0.1428 267.04);
  --p-color-accent-solid: #f4f1ea;
  --p-color-accent-solid: oklch(0.958 0.0095 84.59);
  --p-color-accent-solid-hover: #bfbcb6;
  --p-color-accent-solid-hover: oklch(0.796 0.0095 84.59);
  --p-color-accent-solid-pressed: #9a9791;
  --p-color-accent-solid-pressed: oklch(0.676 0.0095 84.59);
  --p-color-accent-text: #a1bcff;
  --p-color-accent-text: oklch(0.8 0.1002 267.04);
  --p-color-accent-text-pressed: #9a9791;
  --p-color-accent-text-pressed: oklch(0.676 0.0095 84.59);
  --p-color-accent-tint: #0e1837;
  --p-color-accent-tint: oklch(0.22 0.0612 267.04);
  --p-color-agent-border: #21398d;
  --p-color-agent-border: oklch(0.38 0.1428 267.04);
  --p-color-agent-mark: #2f52e0;
  --p-color-agent-mark: oklch(0.5084 0.2187 267.04);
  --p-color-agent-text: #a1bcff;
  --p-color-agent-text: oklch(0.8 0.1002 267.04);
  --p-color-agent-tint: #0e1837;
  --p-color-agent-tint: oklch(0.22 0.0612 267.04);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.0105 84.59);
  --p-color-bg-default: #13100b;
  --p-color-bg-default: oklch(0.175 0.0105 84.59);
  --p-color-bg-panel: #13100b;
  --p-color-bg-panel: oklch(0.175 0.0105 84.59);
  --p-color-border-control: #f4f1ea29;
  --p-color-border-control: oklch(0.958 0.0095 84.59 / 0.16);
  --p-color-border-control-hover: #f4f1ea33;
  --p-color-border-control-hover: oklch(0.958 0.0095 84.59 / 0.2);
  --p-color-border-control-strong: #f4f1ea33;
  --p-color-border-control-strong: oklch(0.958 0.0095 84.59 / 0.2);
  --p-color-border-default: #7b7872;
  --p-color-border-default: oklch(0.574 0.0105 84.59);
  --p-color-border-hairline: #f4f1ea14;
  --p-color-border-hairline: oklch(0.958 0.0095 84.59 / 0.08);
  --p-color-border-strong: #8a8781;
  --p-color-border-strong: oklch(0.625 0.0095 84.59);
  --p-color-border-subtle: #302d28;
  --p-color-border-subtle: oklch(0.3 0.0105 84.59);
  --p-color-count-bg: #f4f1ea;
  --p-color-count-bg: oklch(0.958 0.0095 84.59);
  --p-color-count-text: #13100b;
  --p-color-count-text: oklch(0.175 0.0105 84.59);
  --p-color-danger-subtle: #260f0b;
  --p-color-danger-subtle: oklch(0.202 0.0391 32.2);
  --p-color-field-bg-disabled: #f4f1ea08;
  --p-color-field-bg-disabled: oklch(0.958 0.0095 84.59 / 0.03);
  --p-color-field-border-disabled: #f4f1ea0f;
  --p-color-field-border-disabled: oklch(0.958 0.0095 84.59 / 0.06);
  --p-color-field-border-focus: #a1bcff;
  --p-color-field-border-focus: oklch(0.8 0.1002 267.04);
  --p-color-field-border-readonly-hover: #f4f1ea1f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.0095 84.59 / 0.12);
  --p-color-focus-ring: #a1bcff;
  --p-color-focus-ring: oklch(0.8 0.1002 267.04);
  --p-color-focus-ring-button: #a1bcff59;
  --p-color-focus-ring-button: oklch(0.8 0.1002 267.04 / 0.35);
  --p-color-focus-ring-field: #a1bcff52;
  --p-color-focus-ring-field: oklch(0.8 0.1002 267.04 / 0.32);
  --p-color-hover-tint: #f4f1ea0a;
  --p-color-hover-tint: oklch(0.958 0.0095 84.59 / 0.04);
  --p-color-info-subtle: #0b1823;
  --p-color-info-subtle: oklch(0.202 0.029 247.91);
  --p-color-ink-a10: #f4f1ea1a;
  --p-color-ink-a10: oklch(0.958 0.0095 84.59 / 0.1);
  --p-color-ink-a12: #f4f1ea1f;
  --p-color-ink-a12: oklch(0.958 0.0095 84.59 / 0.12);
  --p-color-ink-a14: #f4f1ea24;
  --p-color-ink-a14: oklch(0.958 0.0095 84.59 / 0.14);
  --p-color-ink-a16: #f4f1ea29;
  --p-color-ink-a16: oklch(0.958 0.0095 84.59 / 0.16);
  --p-color-ink-a18: #f4f1ea2e;
  --p-color-ink-a18: oklch(0.958 0.0095 84.59 / 0.18);
  --p-color-ink-a20: #f4f1ea33;
  --p-color-ink-a20: oklch(0.958 0.0095 84.59 / 0.2);
  --p-color-ink-a24: #f4f1ea3d;
  --p-color-ink-a24: oklch(0.958 0.0095 84.59 / 0.24);
  --p-color-ink-a28: #f4f1ea47;
  --p-color-ink-a28: oklch(0.958 0.0095 84.59 / 0.28);
  --p-color-ink-a3: #f4f1ea08;
  --p-color-ink-a3: oklch(0.958 0.0095 84.59 / 0.03);
  --p-color-ink-a32: #f4f1ea52;
  --p-color-ink-a32: oklch(0.958 0.0095 84.59 / 0.32);
  --p-color-ink-a4: #f4f1ea0a;
  --p-color-ink-a4: oklch(0.958 0.0095 84.59 / 0.04);
  --p-color-ink-a40: #f4f1ea66;
  --p-color-ink-a40: oklch(0.958 0.0095 84.59 / 0.4);
  --p-color-ink-a5: #f4f1ea0d;
  --p-color-ink-a5: oklch(0.958 0.0095 84.59 / 0.05);
  --p-color-ink-a6: #f4f1ea0f;
  --p-color-ink-a6: oklch(0.958 0.0095 84.59 / 0.06);
  --p-color-ink-a8: #f4f1ea14;
  --p-color-ink-a8: oklch(0.958 0.0095 84.59 / 0.08);
  --p-color-mark-done: #f4f1ea;
  --p-color-mark-done: oklch(0.958 0.0095 84.59);
  --p-color-mark-on-done: #0c0a06;
  --p-color-mark-on-done: oklch(0.145 0.0105 84.59);
  --p-color-nav-active: #1b1b1d;
  --p-color-nav-active: oklch(0.2236 0.0028 275.09);
  --p-color-nav-active-icon: #a1bcff;
  --p-color-nav-active-icon: oklch(0.8 0.1002 267.04);
  --p-color-selected-outline: #f4f1ea;
  --p-color-selected-outline: oklch(0.958 0.0095 84.59);
  --p-color-success-subtle: #0e1a0d;
  --p-color-success-subtle: oklch(0.202 0.0295 142.57);
  --p-color-surface-1: #191712;
  --p-color-surface-1: oklch(0.205 0.0105 84.59);
  --p-color-surface-2: #201e19;
  --p-color-surface-2: oklch(0.235 0.0105 84.59);
  --p-color-surface-3: #282520;
  --p-color-surface-3: oklch(0.265 0.0105 84.59);
  --p-color-surface-4: #302d28;
  --p-color-surface-4: oklch(0.3 0.0105 84.59);
  --p-color-surface-hover: #201e19;
  --p-color-surface-hover: oklch(0.235 0.0105 84.59);
  --p-color-surface-pressed: #282520;
  --p-color-surface-pressed: oklch(0.265 0.0105 84.59);
  --p-color-surface-selected: #101e48;
  --p-color-surface-selected: oklch(0.25 0.0816 267.04);
  --p-color-surface-sunken: #0c0a06;
  --p-color-surface-sunken: oklch(0.145 0.0105 84.59);
  --p-color-text-disabled: #7b7872;
  --p-color-text-disabled: oklch(0.574 0.0105 84.59);
  --p-color-text-inverse: #0c0a06;
  --p-color-text-inverse: oklch(0.145 0.0105 84.59);
  --p-color-text-link: #a1bcff;
  --p-color-text-link: oklch(0.8 0.1002 267.04);
  --p-color-text-primary: #f4f1ea;
  --p-color-text-primary: oklch(0.958 0.0095 84.59);
  --p-color-text-secondary: #bfbcb6;
  --p-color-text-secondary: oklch(0.796 0.0095 84.59);
  --p-color-text-tertiary: #9a9791;
  --p-color-text-tertiary: oklch(0.676 0.0095 84.59);
  --p-color-warning-subtle: #1f1404;
  --p-color-warning-subtle: oklch(0.202 0.0335 76.2);
  --p-elevation-0-surface: #13100b;
  --p-elevation-0-surface: oklch(0.175 0.0105 84.59);
  --p-elevation-1-surface: #191712;
  --p-elevation-1-surface: oklch(0.205 0.0105 84.59);
  --p-elevation-2-surface: #201e19;
  --p-elevation-2-surface: oklch(0.235 0.0105 84.59);
  --p-elevation-3-surface: #282520;
  --p-elevation-3-surface: oklch(0.265 0.0105 84.59);
  --p-elevation-4-surface: #302d28;
  --p-elevation-4-surface: oklch(0.3 0.0105 84.59);
  --p-elevation-5-surface: #302d28;
  --p-elevation-5-surface: oklch(0.3 0.0105 84.59);
  --p-overlay-bg: #191712;
  --p-overlay-bg: oklch(0.205 0.0105 84.59);
  --p-overlay-highlight: #f4f1ea0f;
  --p-overlay-highlight: oklch(0.958 0.0095 84.59 / 0.06);
  --p-overlay-separator: #f4f1ea14;
  --p-overlay-separator: oklch(0.958 0.0095 84.59 / 0.08);
  --p-ramp-accent-1: #080b12;
  --p-ramp-accent-1: oklch(0.15 0.0163 267.04);
  --p-ramp-accent-10: #3a60ec;
  --p-ramp-accent-10: oklch(0.5484 0.2143 267.04);
  --p-ramp-accent-11: #a1bcff;
  --p-ramp-accent-11: oklch(0.8 0.1002 267.04);
  --p-ramp-accent-12: #dee8ff;
  --p-ramp-accent-12: oklch(0.93 0.0334 267.04);
  --p-ramp-accent-2: #0a1020;
  --p-ramp-accent-2: oklch(0.178 0.034 267.04);
  --p-ramp-accent-3: #0e1837;
  --p-ramp-accent-3: oklch(0.22 0.0612 267.04);
  --p-ramp-accent-4: #101e48;
  --p-ramp-accent-4: oklch(0.25 0.0816 267.04);
  --p-ramp-accent-5: #12235a;
  --p-ramp-accent-5: oklch(0.28 0.102 267.04);
  --p-ramp-accent-6: #172b70;
  --p-ramp-accent-6: oklch(0.32 0.1224 267.04);
  --p-ramp-accent-7: #21398d;
  --p-ramp-accent-7: oklch(0.38 0.1428 267.04);
  --p-ramp-accent-8: #1c34b1;
  --p-ramp-accent-8: oklch(0.4042 0.1968 267.04);
  --p-ramp-accent-9: #2f52e0;
  --p-ramp-accent-9: oklch(0.5084 0.2187 267.04);
  --p-ramp-neutral-1: #0c0a06;
  --p-ramp-neutral-1: oklch(0.145 0.0105 84.59);
  --p-ramp-neutral-10: #9a9791;
  --p-ramp-neutral-10: oklch(0.676 0.0095 84.59);
  --p-ramp-neutral-11: #bfbcb6;
  --p-ramp-neutral-11: oklch(0.796 0.0095 84.59);
  --p-ramp-neutral-12: #f4f1ea;
  --p-ramp-neutral-12: oklch(0.958 0.0095 84.59);
  --p-ramp-neutral-2: #13100b;
  --p-ramp-neutral-2: oklch(0.175 0.0105 84.59);
  --p-ramp-neutral-3: #191712;
  --p-ramp-neutral-3: oklch(0.205 0.0105 84.59);
  --p-ramp-neutral-4: #201e19;
  --p-ramp-neutral-4: oklch(0.235 0.0105 84.59);
  --p-ramp-neutral-5: #282520;
  --p-ramp-neutral-5: oklch(0.265 0.0105 84.59);
  --p-ramp-neutral-6: #302d28;
  --p-ramp-neutral-6: oklch(0.3 0.0105 84.59);
  --p-ramp-neutral-7: #3e3b36;
  --p-ramp-neutral-7: oklch(0.355 0.0105 84.59);
  --p-ramp-neutral-8: #7b7872;
  --p-ramp-neutral-8: oklch(0.574 0.0105 84.59);
  --p-ramp-neutral-9: #8a8781;
  --p-ramp-neutral-9: oklch(0.625 0.0095 84.59);
  --p-segmented-active-bg: #3e3b36;
  --p-segmented-active-bg: oklch(0.355 0.0105 84.59);
  --p-segmented-track: #f4f1ea0a;
  --p-segmented-track: oklch(0.958 0.0095 84.59 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.958 0.0095 84.59 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.958 0.0095 84.59 / 0.05);
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.958 0.0095 84.59 / 0.08), 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.0095 84.59 / 0.12), 0px 1px 2px 0px oklch(0.958 0.0095 84.59 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.0095 84.59 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.0095 84.59 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #f4f1ea1a;
  --p-slider-track: oklch(0.958 0.0095 84.59 / 0.1);
  --p-switch-border-off: #7b7872;
  --p-switch-border-off: oklch(0.574 0.0105 84.59);
  --p-switch-track-off: #f4f1ea29;
  --p-switch-track-off: oklch(0.958 0.0095 84.59 / 0.16);
  --p-tooltip-bg: #f4f1ea;
  --p-tooltip-bg: oklch(0.958 0.0095 84.59);
  --p-tooltip-fg: #0c0a06;
  --p-tooltip-fg: oklch(0.145 0.0105 84.59);
}

[data-theme="dark"][data-product="claradb"] {
  --p-button-focus-border: #95c0ff;
  --p-button-focus-border: oklch(0.8 0.1016 257.91);
  --p-color-accent-action: #3262a9;
  --p-color-accent-action: oklch(0.5 0.1239 257.91);
  --p-color-accent-border: #224271;
  --p-color-accent-border: oklch(0.38 0.0885 257.91);
  --p-color-accent-text: #95c0ff;
  --p-color-accent-text: oklch(0.8 0.1016 257.91);
  --p-color-accent-tint: #0f1b2c;
  --p-color-accent-tint: oklch(0.22 0.0379 257.91);
  --p-color-agent-border: #224271;
  --p-color-agent-border: oklch(0.38 0.0885 257.91);
  --p-color-agent-mark: #3262a9;
  --p-color-agent-mark: oklch(0.5 0.1239 257.91);
  --p-color-agent-text: #95c0ff;
  --p-color-agent-text: oklch(0.8 0.1016 257.91);
  --p-color-agent-tint: #0f1b2c;
  --p-color-agent-tint: oklch(0.22 0.0379 257.91);
  --p-color-field-border-focus: #95c0ff;
  --p-color-field-border-focus: oklch(0.8 0.1016 257.91);
  --p-color-focus-ring: #95c0ff;
  --p-color-focus-ring: oklch(0.8 0.1016 257.91);
  --p-color-focus-ring-button: #95c0ff59;
  --p-color-focus-ring-button: oklch(0.8 0.1016 257.91 / 0.35);
  --p-color-focus-ring-field: #95c0ff52;
  --p-color-focus-ring-field: oklch(0.8 0.1016 257.91 / 0.32);
  --p-color-nav-active: #171c25;
  --p-color-nav-active: oklch(0.2236 0.0191 262.33);
  --p-color-nav-active-icon: #95c0ff;
  --p-color-nav-active-icon: oklch(0.8 0.1016 257.91);
  --p-color-surface-selected: #11223a;
  --p-color-surface-selected: oklch(0.25 0.0506 257.91);
  --p-color-text-link: #95c0ff;
  --p-color-text-link: oklch(0.8 0.1016 257.91);
  --p-ramp-accent-1: #090b0f;
  --p-ramp-accent-1: oklch(0.15 0.0101 257.91);
  --p-ramp-accent-10: #3f6eb4;
  --p-ramp-accent-10: oklch(0.54 0.1214 257.91);
  --p-ramp-accent-11: #95c0ff;
  --p-ramp-accent-11: oklch(0.8 0.1016 257.91);
  --p-ramp-accent-12: #dae9ff;
  --p-ramp-accent-12: oklch(0.93 0.0338 257.91);
  --p-ramp-accent-2: #0b111a;
  --p-ramp-accent-2: oklch(0.178 0.0211 257.91);
  --p-ramp-accent-3: #0f1b2c;
  --p-ramp-accent-3: oklch(0.22 0.0379 257.91);
  --p-ramp-accent-4: #11223a;
  --p-ramp-accent-4: oklch(0.25 0.0506 257.91);
  --p-ramp-accent-5: #142948;
  --p-ramp-accent-5: oklch(0.28 0.0632 257.91);
  --p-ramp-accent-6: #183359;
  --p-ramp-accent-6: oklch(0.32 0.0758 257.91);
  --p-ramp-accent-7: #224271;
  --p-ramp-accent-7: oklch(0.38 0.0885 257.91);
  --p-ramp-accent-8: #1c4682;
  --p-ramp-accent-8: oklch(0.4 0.1115 257.91);
  --p-ramp-accent-9: #3262a9;
  --p-ramp-accent-9: oklch(0.5 0.1239 257.91);
}

[data-theme="dark"][data-product="reshot"] {
  --p-color-accent-action: #2e64e0;
  --p-color-accent-action: oklch(0.5418 0.198 263.45);
  --p-color-agent-mark: #2e64e0;
  --p-color-agent-mark: oklch(0.5418 0.198 263.45);
  --p-ramp-accent-10: #386ee8;
  --p-ramp-accent-10: oklch(0.5718 0.194 263.45);
  --p-ramp-accent-8: #1441ac;
  --p-ramp-accent-8: oklch(0.4209 0.1782 263.45);
  --p-ramp-accent-9: #2e64e0;
  --p-ramp-accent-9: oklch(0.5418 0.198 263.45);
}

[data-theme="dark"][data-product="claradb-pro"] {
  --p-button-focus-border: #beb1ff;
  --p-button-focus-border: oklch(0.8 0.1093 291);
  --p-color-accent-action: #7038e0;
  --p-color-accent-action: oklch(0.516 0.235 291);
  --p-color-accent-border: #462c87;
  --p-color-accent-border: oklch(0.38 0.1428 291);
  --p-color-accent-text: #beb1ff;
  --p-color-accent-text: oklch(0.8 0.1093 291);
  --p-color-accent-tint: #1b1434;
  --p-color-accent-tint: oklch(0.22 0.0612 291);
  --p-color-agent-border: #462c87;
  --p-color-agent-border: oklch(0.38 0.1428 291);
  --p-color-agent-mark: #7038e0;
  --p-color-agent-mark: oklch(0.516 0.235 291);
  --p-color-agent-text: #beb1ff;
  --p-color-agent-text: oklch(0.8 0.1093 291);
  --p-color-agent-tint: #1b1434;
  --p-color-agent-tint: oklch(0.22 0.0612 291);
  --p-color-field-border-focus: #beb1ff;
  --p-color-field-border-focus: oklch(0.8 0.1093 291);
  --p-color-focus-ring: #beb1ff;
  --p-color-focus-ring: oklch(0.8 0.1093 291);
  --p-color-focus-ring-button: #beb1ff59;
  --p-color-focus-ring-button: oklch(0.8 0.1093 291 / 0.35);
  --p-color-focus-ring-field: #beb1ff52;
  --p-color-focus-ring-field: oklch(0.8 0.1093 291 / 0.32);
  --p-color-nav-active: #1a1a24;
  --p-color-nav-active: oklch(0.2236 0.0198 283.7);
  --p-color-nav-active-icon: #beb1ff;
  --p-color-nav-active-icon: oklch(0.8 0.1093 291);
  --p-color-surface-selected: #231845;
  --p-color-surface-selected: oklch(0.25 0.0816 291);
  --p-color-text-link: #beb1ff;
  --p-color-text-link: oklch(0.8 0.1093 291);
  --p-ramp-accent-1: #0b0a12;
  --p-ramp-accent-1: oklch(0.15 0.0163 291);
  --p-ramp-accent-10: #7b49ec;
  --p-ramp-accent-10: oklch(0.556 0.2303 291);
  --p-ramp-accent-11: #beb1ff;
  --p-ramp-accent-11: oklch(0.8 0.1093 291);
  --p-ramp-accent-12: #e7e4ff;
  --p-ramp-accent-12: oklch(0.93 0.0363 291);
  --p-ramp-accent-2: #110e1f;
  --p-ramp-accent-2: oklch(0.178 0.034 291);
  --p-ramp-accent-3: #1b1434;
  --p-ramp-accent-3: oklch(0.22 0.0612 291);
  --p-ramp-accent-4: #231845;
  --p-ramp-accent-4: oklch(0.25 0.0816 291);
  --p-ramp-accent-5: #2b1b56;
  --p-ramp-accent-5: oklch(0.28 0.102 291);
  --p-ramp-accent-6: #36216b;
  --p-ramp-accent-6: oklch(0.32 0.1224 291);
  --p-ramp-accent-7: #462c87;
  --p-ramp-accent-7: oklch(0.38 0.1428 291);
  --p-ramp-accent-8: #5217b0;
  --p-ramp-accent-8: oklch(0.408 0.2115 291);
  --p-ramp-accent-9: #7038e0;
  --p-ramp-accent-9: oklch(0.516 0.235 291);
}

[data-theme="dark"][data-product="runstamp"] {
  --p-button-focus-border: #a2bcff;
  --p-button-focus-border: oklch(0.8 0.1002 267.74);
  --p-color-accent-action: #2f4bff;
  --p-color-accent-action: oklch(0.5265 0.2634 267.74);
  --p-color-accent-border: #22388d;
  --p-color-accent-border: oklch(0.38 0.1428 267.74);
  --p-color-accent-text: #a2bcff;
  --p-color-accent-text: oklch(0.8 0.1002 267.74);
  --p-color-accent-tint: #0e1837;
  --p-color-accent-tint: oklch(0.22 0.0612 267.74);
  --p-color-agent-border: #22388d;
  --p-color-agent-border: oklch(0.38 0.1428 267.74);
  --p-color-agent-mark: #2f4bff;
  --p-color-agent-mark: oklch(0.5265 0.2634 267.74);
  --p-color-agent-text: #a2bcff;
  --p-color-agent-text: oklch(0.8 0.1002 267.74);
  --p-color-agent-tint: #0e1837;
  --p-color-agent-tint: oklch(0.22 0.0612 267.74);
  --p-color-field-border-focus: #a2bcff;
  --p-color-field-border-focus: oklch(0.8 0.1002 267.74);
  --p-color-focus-ring: #a2bcff;
  --p-color-focus-ring: oklch(0.8 0.1002 267.74);
  --p-color-focus-ring-button: #a2bcff59;
  --p-color-focus-ring-button: oklch(0.8 0.1002 267.74 / 0.35);
  --p-color-focus-ring-field: #a2bcff52;
  --p-color-focus-ring-field: oklch(0.8 0.1002 267.74 / 0.32);
  --p-color-nav-active: #181b25;
  --p-color-nav-active: oklch(0.2236 0.0191 268.57);
  --p-color-nav-active-icon: #a2bcff;
  --p-color-nav-active-icon: oklch(0.8 0.1002 267.74);
  --p-color-surface-selected: #111d48;
  --p-color-surface-selected: oklch(0.25 0.0816 267.74);
  --p-color-text-link: #a2bcff;
  --p-color-text-link: oklch(0.8 0.1002 267.74);
  --p-ramp-accent-1: #080b12;
  --p-ramp-accent-1: oklch(0.15 0.0163 267.74);
  --p-ramp-accent-10: #3c61ff;
  --p-ramp-accent-10: oklch(0.5665 0.2377 267.74);
  --p-ramp-accent-11: #a2bcff;
  --p-ramp-accent-11: oklch(0.8 0.1002 267.74);
  --p-ramp-accent-12: #dee8ff;
  --p-ramp-accent-12: oklch(0.93 0.0333 267.74);
  --p-ramp-accent-2: #0b1020;
  --p-ramp-accent-2: oklch(0.178 0.034 267.74);
  --p-ramp-accent-3: #0e1837;
  --p-ramp-accent-3: oklch(0.22 0.0612 267.74);
  --p-ramp-accent-4: #111d48;
  --p-ramp-accent-4: oklch(0.25 0.0816 267.74);
  --p-ramp-accent-5: #13235a;
  --p-ramp-accent-5: oklch(0.28 0.102 267.74);
  --p-ramp-accent-6: #182a70;
  --p-ramp-accent-6: oklch(0.32 0.1224 267.74);
  --p-ramp-accent-7: #22388d;
  --p-ramp-accent-7: oklch(0.38 0.1428 267.74);
  --p-ramp-accent-8: #1d28c9;
  --p-ramp-accent-8: oklch(0.4133 0.2371 267.74);
  --p-ramp-accent-9: #2f4bff;
  --p-ramp-accent-9: oklch(0.5265 0.2634 267.74);
}

[data-theme="dark"][data-product="plain-trades"] {
  --p-brand-sidebar-accent: #f4f1ea;
  --p-brand-sidebar-accent: oklch(0.958 0.009 84.58);
  --p-button-focus-border: #f4f1ea;
  --p-button-focus-border: oklch(0.958 0.009 84.58);
  --p-button-ghost-bg-hover: #f4f1ea0a;
  --p-button-ghost-bg-hover: oklch(0.958 0.009 84.58 / 0.04);
  --p-button-ghost-bg-pressed: #f4f1ea14;
  --p-button-ghost-bg-pressed: oklch(0.958 0.009 84.58 / 0.08);
  --p-choice-border: #7b7872;
  --p-choice-border: oklch(0.574 0.01 84.58);
  --p-color-accent-action: #f4f1ea;
  --p-color-accent-action: oklch(0.958 0.009 84.58);
  --p-color-accent-border: #3e3b36;
  --p-color-accent-border: oklch(0.355 0.01 84.58);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-solid: #f4f1ea;
  --p-color-accent-solid: oklch(0.958 0.009 84.58);
  --p-color-accent-solid-hover: #bfbcb6;
  --p-color-accent-solid-hover: oklch(0.796 0.009 84.58);
  --p-color-accent-solid-pressed: #9a9791;
  --p-color-accent-solid-pressed: oklch(0.676 0.009 84.58);
  --p-color-accent-text: #f4f1ea;
  --p-color-accent-text: oklch(0.958 0.009 84.58);
  --p-color-accent-text-pressed: #9a9791;
  --p-color-accent-text-pressed: oklch(0.676 0.009 84.58);
  --p-color-accent-tint: #191712;
  --p-color-accent-tint: oklch(0.205 0.01 84.58);
  --p-color-agent-border: #6a2f0b;
  --p-color-agent-border: oklch(0.38 0.0964 47);
  --p-color-agent-mark: #b15520;
  --p-color-agent-mark: oklch(0.555 0.135 47);
  --p-color-agent-text: #fea578;
  --p-color-agent-text: oklch(0.8 0.1215 47);
  --p-color-agent-tint: #2a1409;
  --p-color-agent-tint: oklch(0.22 0.0413 47);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 84.58);
  --p-color-bg-default: #13100c;
  --p-color-bg-default: oklch(0.175 0.01 84.58);
  --p-color-bg-panel: #13100c;
  --p-color-bg-panel: oklch(0.175 0.01 84.58);
  --p-color-border-control: #f4f1ea29;
  --p-color-border-control: oklch(0.958 0.009 84.58 / 0.16);
  --p-color-border-control-hover: #f4f1ea33;
  --p-color-border-control-hover: oklch(0.958 0.009 84.58 / 0.2);
  --p-color-border-control-strong: #f4f1ea33;
  --p-color-border-control-strong: oklch(0.958 0.009 84.58 / 0.2);
  --p-color-border-default: #7b7872;
  --p-color-border-default: oklch(0.574 0.01 84.58);
  --p-color-border-hairline: #f4f1ea14;
  --p-color-border-hairline: oklch(0.958 0.009 84.58 / 0.08);
  --p-color-border-strong: #8a8782;
  --p-color-border-strong: oklch(0.625 0.009 84.58);
  --p-color-border-subtle: #302d28;
  --p-color-border-subtle: oklch(0.3 0.01 84.58);
  --p-color-count-bg: #201e19;
  --p-color-count-bg: oklch(0.235 0.01 84.58);
  --p-color-count-text: #bfbcb6;
  --p-color-count-text: oklch(0.796 0.009 84.58);
  --p-color-danger-subtle: #260f0b;
  --p-color-danger-subtle: oklch(0.202 0.039 31.97);
  --p-color-field-bg-disabled: #f4f1ea08;
  --p-color-field-bg-disabled: oklch(0.958 0.009 84.58 / 0.03);
  --p-color-field-border-disabled: #f4f1ea0f;
  --p-color-field-border-disabled: oklch(0.958 0.009 84.58 / 0.06);
  --p-color-field-border-focus: #f4f1ea;
  --p-color-field-border-focus: oklch(0.958 0.009 84.58);
  --p-color-field-border-readonly-hover: #f4f1ea1f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.009 84.58 / 0.12);
  --p-color-focus-ring: #f4f1ea;
  --p-color-focus-ring: oklch(0.958 0.009 84.58);
  --p-color-focus-ring-button: #f4f1ea59;
  --p-color-focus-ring-button: oklch(0.958 0.009 84.58 / 0.35);
  --p-color-focus-ring-field: #f4f1ea52;
  --p-color-focus-ring-field: oklch(0.958 0.009 84.58 / 0.32);
  --p-color-hover-tint: #f4f1ea0a;
  --p-color-hover-tint: oklch(0.958 0.009 84.58 / 0.04);
  --p-color-info-subtle: #0b1823;
  --p-color-info-subtle: oklch(0.202 0.0292 248.02);
  --p-color-ink-a10: #f4f1ea1a;
  --p-color-ink-a10: oklch(0.958 0.009 84.58 / 0.1);
  --p-color-ink-a12: #f4f1ea1f;
  --p-color-ink-a12: oklch(0.958 0.009 84.58 / 0.12);
  --p-color-ink-a14: #f4f1ea24;
  --p-color-ink-a14: oklch(0.958 0.009 84.58 / 0.14);
  --p-color-ink-a16: #f4f1ea29;
  --p-color-ink-a16: oklch(0.958 0.009 84.58 / 0.16);
  --p-color-ink-a18: #f4f1ea2e;
  --p-color-ink-a18: oklch(0.958 0.009 84.58 / 0.18);
  --p-color-ink-a20: #f4f1ea33;
  --p-color-ink-a20: oklch(0.958 0.009 84.58 / 0.2);
  --p-color-ink-a24: #f4f1ea3d;
  --p-color-ink-a24: oklch(0.958 0.009 84.58 / 0.24);
  --p-color-ink-a28: #f4f1ea47;
  --p-color-ink-a28: oklch(0.958 0.009 84.58 / 0.28);
  --p-color-ink-a3: #f4f1ea08;
  --p-color-ink-a3: oklch(0.958 0.009 84.58 / 0.03);
  --p-color-ink-a32: #f4f1ea52;
  --p-color-ink-a32: oklch(0.958 0.009 84.58 / 0.32);
  --p-color-ink-a4: #f4f1ea0a;
  --p-color-ink-a4: oklch(0.958 0.009 84.58 / 0.04);
  --p-color-ink-a40: #f4f1ea66;
  --p-color-ink-a40: oklch(0.958 0.009 84.58 / 0.4);
  --p-color-ink-a5: #f4f1ea0d;
  --p-color-ink-a5: oklch(0.958 0.009 84.58 / 0.05);
  --p-color-ink-a6: #f4f1ea0f;
  --p-color-ink-a6: oklch(0.958 0.009 84.58 / 0.06);
  --p-color-ink-a8: #f4f1ea14;
  --p-color-ink-a8: oklch(0.958 0.009 84.58 / 0.08);
  --p-color-mark-done: #13100c;
  --p-color-mark-done: oklch(0.175 0.01 84.58);
  --p-color-mark-on-done: #f4f1ea;
  --p-color-mark-on-done: oklch(0.958 0.009 84.58);
  --p-color-nav-active: #22201b;
  --p-color-nav-active: oklch(0.2426 0.0099 84.58);
  --p-color-nav-active-icon: #f4f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 84.58);
  --p-color-nav-active-ring: #00000000;
  --p-color-nav-active-ring: oklch(0 0 0 / 0);
  --p-color-selected-outline: #f4f1ea;
  --p-color-selected-outline: oklch(0.958 0.009 84.58);
  --p-color-success-subtle: #0e1a0e;
  --p-color-success-subtle: oklch(0.202 0.0294 142.9);
  --p-color-surface-1: #191712;
  --p-color-surface-1: oklch(0.205 0.01 84.58);
  --p-color-surface-2: #201e19;
  --p-color-surface-2: oklch(0.235 0.01 84.58);
  --p-color-surface-3: #272520;
  --p-color-surface-3: oklch(0.265 0.01 84.58);
  --p-color-surface-4: #302d28;
  --p-color-surface-4: oklch(0.3 0.01 84.58);
  --p-color-surface-hover: #201e19;
  --p-color-surface-hover: oklch(0.235 0.01 84.58);
  --p-color-surface-pressed: #272520;
  --p-color-surface-pressed: oklch(0.265 0.01 84.58);
  --p-color-surface-selected: #361808;
  --p-color-surface-selected: oklch(0.25 0.0551 47);
  --p-color-surface-sunken: #0c0a06;
  --p-color-surface-sunken: oklch(0.145 0.01 84.58);
  --p-color-text-disabled: #7b7872;
  --p-color-text-disabled: oklch(0.574 0.01 84.58);
  --p-color-text-inverse: #0c0a06;
  --p-color-text-inverse: oklch(0.145 0.01 84.58);
  --p-color-text-link: #f4f1ea;
  --p-color-text-link: oklch(0.958 0.009 84.58);
  --p-color-text-primary: #f4f1ea;
  --p-color-text-primary: oklch(0.958 0.009 84.58);
  --p-color-text-secondary: #bfbcb6;
  --p-color-text-secondary: oklch(0.796 0.009 84.58);
  --p-color-text-tertiary: #9a9791;
  --p-color-text-tertiary: oklch(0.676 0.009 84.58);
  --p-color-warning-subtle: #1f1404;
  --p-color-warning-subtle: oklch(0.202 0.0334 76.14);
  --p-elevation-0-surface: #13100c;
  --p-elevation-0-surface: oklch(0.175 0.01 84.58);
  --p-elevation-1-surface: #191712;
  --p-elevation-1-surface: oklch(0.205 0.01 84.58);
  --p-elevation-2-surface: #201e19;
  --p-elevation-2-surface: oklch(0.235 0.01 84.58);
  --p-elevation-3-surface: #272520;
  --p-elevation-3-surface: oklch(0.265 0.01 84.58);
  --p-elevation-4-surface: #302d28;
  --p-elevation-4-surface: oklch(0.3 0.01 84.58);
  --p-elevation-5-surface: #302d28;
  --p-elevation-5-surface: oklch(0.3 0.01 84.58);
  --p-overlay-bg: #191712;
  --p-overlay-bg: oklch(0.205 0.01 84.58);
  --p-overlay-highlight: #f4f1ea0f;
  --p-overlay-highlight: oklch(0.958 0.009 84.58 / 0.06);
  --p-overlay-separator: #f4f1ea14;
  --p-overlay-separator: oklch(0.958 0.009 84.58 / 0.08);
  --p-ramp-accent-1: #0f0a07;
  --p-ramp-accent-1: oklch(0.15 0.011 47);
  --p-ramp-accent-10: #b65c2a;
  --p-ramp-accent-10: oklch(0.575 0.1323 47);
  --p-ramp-accent-11: #fea578;
  --p-ramp-accent-11: oklch(0.8 0.1215 47);
  --p-ramp-accent-12: #ffe1d2;
  --p-ramp-accent-12: oklch(0.93 0.0389 47);
  --p-ramp-accent-2: #1a0e08;
  --p-ramp-accent-2: oklch(0.178 0.023 47);
  --p-ramp-accent-3: #2a1409;
  --p-ramp-accent-3: oklch(0.22 0.0413 47);
  --p-ramp-accent-4: #361808;
  --p-ramp-accent-4: oklch(0.25 0.0551 47);
  --p-ramp-accent-5: #431c06;
  --p-ramp-accent-5: oklch(0.28 0.0689 47);
  --p-ramp-accent-6: #532305;
  --p-ramp-accent-6: oklch(0.32 0.0826 47);
  --p-ramp-accent-7: #6a2f0b;
  --p-ramp-accent-7: oklch(0.38 0.0964 47);
  --p-ramp-accent-8: #813500;
  --p-ramp-accent-8: oklch(0.4275 0.1194 47);
  --p-ramp-accent-9: #b15520;
  --p-ramp-accent-9: oklch(0.555 0.135 47);
  --p-ramp-neutral-1: #0c0a06;
  --p-ramp-neutral-1: oklch(0.145 0.01 84.58);
  --p-ramp-neutral-10: #9a9791;
  --p-ramp-neutral-10: oklch(0.676 0.009 84.58);
  --p-ramp-neutral-11: #bfbcb6;
  --p-ramp-neutral-11: oklch(0.796 0.009 84.58);
  --p-ramp-neutral-12: #f4f1ea;
  --p-ramp-neutral-12: oklch(0.958 0.009 84.58);
  --p-ramp-neutral-2: #13100c;
  --p-ramp-neutral-2: oklch(0.175 0.01 84.58);
  --p-ramp-neutral-3: #191712;
  --p-ramp-neutral-3: oklch(0.205 0.01 84.58);
  --p-ramp-neutral-4: #201e19;
  --p-ramp-neutral-4: oklch(0.235 0.01 84.58);
  --p-ramp-neutral-5: #272520;
  --p-ramp-neutral-5: oklch(0.265 0.01 84.58);
  --p-ramp-neutral-6: #302d28;
  --p-ramp-neutral-6: oklch(0.3 0.01 84.58);
  --p-ramp-neutral-7: #3e3b36;
  --p-ramp-neutral-7: oklch(0.355 0.01 84.58);
  --p-ramp-neutral-8: #7b7872;
  --p-ramp-neutral-8: oklch(0.574 0.01 84.58);
  --p-ramp-neutral-9: #8a8782;
  --p-ramp-neutral-9: oklch(0.625 0.009 84.58);
  --p-segmented-active-bg: #3e3b36;
  --p-segmented-active-bg: oklch(0.355 0.01 84.58);
  --p-segmented-track: #f4f1ea0a;
  --p-segmented-track: oklch(0.958 0.009 84.58 / 0.04);
  --p-shadow-button-primary: 0 0 0 0 transparent;
  --p-shadow-choice: 0 0 0 0 transparent;
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-segment-active: 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.009 84.58 / 0.12), 0px 1px 2px 0px oklch(0.958 0.009 84.58 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.009 84.58 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.009 84.58 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #f4f1ea1a;
  --p-slider-track: oklch(0.958 0.009 84.58 / 0.1);
  --p-switch-border-off: #7b7872;
  --p-switch-border-off: oklch(0.574 0.01 84.58);
  --p-switch-track-off: #f4f1ea29;
  --p-switch-track-off: oklch(0.958 0.009 84.58 / 0.16);
  --p-tooltip-bg: #f4f1ea;
  --p-tooltip-bg: oklch(0.958 0.009 84.58);
  --p-tooltip-fg: #0c0a06;
  --p-tooltip-fg: oklch(0.145 0.01 84.58);
}

[data-theme="dark"][data-product="handywright"] {
  --p-brand-sidebar-accent: #f3f1ea;
  --p-brand-sidebar-accent: oklch(0.958 0.009 90);
  --p-button-focus-border: #f3f1ea;
  --p-button-focus-border: oklch(0.958 0.009 90);
  --p-button-ghost-bg-hover: #f3f1ea0a;
  --p-button-ghost-bg-hover: oklch(0.958 0.009 90 / 0.04);
  --p-button-ghost-bg-pressed: #f3f1ea14;
  --p-button-ghost-bg-pressed: oklch(0.958 0.009 90 / 0.08);
  --p-choice-border: #7c7a73;
  --p-choice-border: oklch(0.578 0.01 90);
  --p-color-accent-action: #f3f1ea;
  --p-color-accent-action: oklch(0.958 0.009 90);
  --p-color-accent-border: #3e3c36;
  --p-color-accent-border: oklch(0.355 0.01 90);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-solid: #f3f1ea;
  --p-color-accent-solid: oklch(0.958 0.009 90);
  --p-color-accent-solid-hover: #c0bdb7;
  --p-color-accent-solid-hover: oklch(0.8 0.009 90);
  --p-color-accent-solid-pressed: #9a9892;
  --p-color-accent-solid-pressed: oklch(0.68 0.009 90);
  --p-color-accent-text: #f3f1ea;
  --p-color-accent-text: oklch(0.958 0.009 90);
  --p-color-accent-text-pressed: #9a9892;
  --p-color-accent-text-pressed: oklch(0.68 0.009 90);
  --p-color-accent-tint: #221a00;
  --p-color-accent-tint: oklch(0.22 0.0481 92.55);
  --p-color-agent-border: #514100;
  --p-color-agent-border: oklch(0.38 0.0788 92.55);
  --p-color-agent-mark: #ffd21f;
  --p-color-agent-mark: oklch(0.8775 0.1745 92.55);
  --p-color-agent-on-mark: #111114;
  --p-color-agent-on-mark: oklch(0.18 0.005 286);
  --p-color-agent-text: #ffeaa6;
  --p-color-agent-text: oklch(0.9375 0.0888 92.55);
  --p-color-agent-tint: #221a00;
  --p-color-agent-tint: oklch(0.22 0.0481 92.55);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 90);
  --p-color-bg-default: #12100c;
  --p-color-bg-default: oklch(0.175 0.01 90);
  --p-color-bg-panel: #12100c;
  --p-color-bg-panel: oklch(0.175 0.01 90);
  --p-color-border-control: #f3f1ea29;
  --p-color-border-control: oklch(0.958 0.009 90 / 0.16);
  --p-color-border-control-hover: #f3f1ea33;
  --p-color-border-control-hover: oklch(0.958 0.009 90 / 0.2);
  --p-color-border-control-strong: #f3f1ea33;
  --p-color-border-control-strong: oklch(0.958 0.009 90 / 0.2);
  --p-color-border-default: #7c7a73;
  --p-color-border-default: oklch(0.578 0.01 90);
  --p-color-border-hairline: #f3f1ea14;
  --p-color-border-hairline: oklch(0.958 0.009 90 / 0.08);
  --p-color-border-strong: #8b8983;
  --p-color-border-strong: oklch(0.629 0.009 90);
  --p-color-border-subtle: #302e28;
  --p-color-border-subtle: oklch(0.3 0.01 90);
  --p-color-count-bg: #201e19;
  --p-color-count-bg: oklch(0.235 0.01 90);
  --p-color-count-text: #c0bdb7;
  --p-color-count-text: oklch(0.8 0.009 90);
  --p-color-danger-subtle: #250f0b;
  --p-color-danger-subtle: oklch(0.202 0.0387 32.28);
  --p-color-field-bg-disabled: #f3f1ea08;
  --p-color-field-bg-disabled: oklch(0.958 0.009 90 / 0.03);
  --p-color-field-border-disabled: #f3f1ea0f;
  --p-color-field-border-disabled: oklch(0.958 0.009 90 / 0.06);
  --p-color-field-border-focus: #f3f1ea;
  --p-color-field-border-focus: oklch(0.958 0.009 90);
  --p-color-field-border-readonly-hover: #f3f1ea1f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.009 90 / 0.12);
  --p-color-focus-ring: #f3f1ea;
  --p-color-focus-ring: oklch(0.958 0.009 90);
  --p-color-focus-ring-button: #f3f1ea59;
  --p-color-focus-ring-button: oklch(0.958 0.009 90 / 0.35);
  --p-color-focus-ring-field: #f3f1ea52;
  --p-color-focus-ring-field: oklch(0.958 0.009 90 / 0.32);
  --p-color-hover-tint: #f3f1ea0a;
  --p-color-hover-tint: oklch(0.958 0.009 90 / 0.04);
  --p-color-info-subtle: #0b1823;
  --p-color-info-subtle: oklch(0.202 0.0293 247.33);
  --p-color-ink-a10: #f3f1ea1a;
  --p-color-ink-a10: oklch(0.958 0.009 90 / 0.1);
  --p-color-ink-a12: #f3f1ea1f;
  --p-color-ink-a12: oklch(0.958 0.009 90 / 0.12);
  --p-color-ink-a14: #f3f1ea24;
  --p-color-ink-a14: oklch(0.958 0.009 90 / 0.14);
  --p-color-ink-a16: #f3f1ea29;
  --p-color-ink-a16: oklch(0.958 0.009 90 / 0.16);
  --p-color-ink-a18: #f3f1ea2e;
  --p-color-ink-a18: oklch(0.958 0.009 90 / 0.18);
  --p-color-ink-a20: #f3f1ea33;
  --p-color-ink-a20: oklch(0.958 0.009 90 / 0.2);
  --p-color-ink-a24: #f3f1ea3d;
  --p-color-ink-a24: oklch(0.958 0.009 90 / 0.24);
  --p-color-ink-a28: #f3f1ea47;
  --p-color-ink-a28: oklch(0.958 0.009 90 / 0.28);
  --p-color-ink-a3: #f3f1ea08;
  --p-color-ink-a3: oklch(0.958 0.009 90 / 0.03);
  --p-color-ink-a32: #f3f1ea52;
  --p-color-ink-a32: oklch(0.958 0.009 90 / 0.32);
  --p-color-ink-a4: #f3f1ea0a;
  --p-color-ink-a4: oklch(0.958 0.009 90 / 0.04);
  --p-color-ink-a40: #f3f1ea66;
  --p-color-ink-a40: oklch(0.958 0.009 90 / 0.4);
  --p-color-ink-a5: #f3f1ea0d;
  --p-color-ink-a5: oklch(0.958 0.009 90 / 0.05);
  --p-color-ink-a6: #f3f1ea0f;
  --p-color-ink-a6: oklch(0.958 0.009 90 / 0.06);
  --p-color-ink-a8: #f3f1ea14;
  --p-color-ink-a8: oklch(0.958 0.009 90 / 0.08);
  --p-color-mark-done: #12100c;
  --p-color-mark-done: oklch(0.175 0.01 90);
  --p-color-mark-on-done: #f3f1ea;
  --p-color-mark-on-done: oklch(0.958 0.009 90);
  --p-color-nav-active: #22201b;
  --p-color-nav-active: oklch(0.2426 0.0099 90);
  --p-color-nav-active-icon: #f3f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 90);
  --p-color-nav-active-ring: #00000000;
  --p-color-nav-active-ring: oklch(0 0 0 / 0);
  --p-color-selected-outline: #f3f1ea;
  --p-color-selected-outline: oklch(0.958 0.009 90);
  --p-color-success-subtle: #0e1a0e;
  --p-color-success-subtle: oklch(0.202 0.0297 143.31);
  --p-color-surface-1: #191712;
  --p-color-surface-1: oklch(0.205 0.01 90);
  --p-color-surface-2: #201e19;
  --p-color-surface-2: oklch(0.235 0.01 90);
  --p-color-surface-3: #272520;
  --p-color-surface-3: oklch(0.265 0.01 90);
  --p-color-surface-4: #302e28;
  --p-color-surface-4: oklch(0.3 0.01 90);
  --p-color-surface-hover: #201e19;
  --p-color-surface-hover: oklch(0.235 0.01 90);
  --p-color-surface-pressed: #272520;
  --p-color-surface-pressed: oklch(0.265 0.01 90);
  --p-color-surface-selected: #2b2000;
  --p-color-surface-selected: oklch(0.25 0.0535 92.55);
  --p-color-surface-sunken: #0c0a06;
  --p-color-surface-sunken: oklch(0.145 0.01 90);
  --p-color-text-disabled: #7c7a73;
  --p-color-text-disabled: oklch(0.578 0.01 90);
  --p-color-text-inverse: #0c0a06;
  --p-color-text-inverse: oklch(0.145 0.01 90);
  --p-color-text-link: #f3f1ea;
  --p-color-text-link: oklch(0.958 0.009 90);
  --p-color-text-primary: #f3f1ea;
  --p-color-text-primary: oklch(0.958 0.009 90);
  --p-color-text-secondary: #c0bdb7;
  --p-color-text-secondary: oklch(0.8 0.009 90);
  --p-color-text-tertiary: #9a9892;
  --p-color-text-tertiary: oklch(0.68 0.009 90);
  --p-color-warning-subtle: #1f1404;
  --p-color-warning-subtle: oklch(0.202 0.0333 76.78);
  --p-elevation-0-surface: #12100c;
  --p-elevation-0-surface: oklch(0.175 0.01 90);
  --p-elevation-1-surface: #191712;
  --p-elevation-1-surface: oklch(0.205 0.01 90);
  --p-elevation-2-surface: #201e19;
  --p-elevation-2-surface: oklch(0.235 0.01 90);
  --p-elevation-3-surface: #272520;
  --p-elevation-3-surface: oklch(0.265 0.01 90);
  --p-elevation-4-surface: #302e28;
  --p-elevation-4-surface: oklch(0.3 0.01 90);
  --p-elevation-5-surface: #302e28;
  --p-elevation-5-surface: oklch(0.3 0.01 90);
  --p-overlay-bg: #191712;
  --p-overlay-bg: oklch(0.205 0.01 90);
  --p-overlay-highlight: #f3f1ea0f;
  --p-overlay-highlight: oklch(0.958 0.009 90 / 0.06);
  --p-overlay-separator: #f3f1ea14;
  --p-overlay-separator: oklch(0.958 0.009 90 / 0.08);
  --p-ramp-accent-1: #0d0b05;
  --p-ramp-accent-1: oklch(0.15 0.0142 92.55);
  --p-ramp-accent-10: #ffe285;
  --p-ramp-accent-10: oklch(0.9175 0.1172 92.55);
  --p-ramp-accent-11: #ffeaa6;
  --p-ramp-accent-11: oklch(0.9375 0.0888 92.55);
  --p-ramp-accent-12: #f6e8ba;
  --p-ramp-accent-12: oklch(0.93 0.0611 92.55);
  --p-ramp-accent-2: #161103;
  --p-ramp-accent-2: oklch(0.178 0.0297 92.55);
  --p-ramp-accent-3: #221a00;
  --p-ramp-accent-3: oklch(0.22 0.0481 92.55);
  --p-ramp-accent-4: #2b2000;
  --p-ramp-accent-4: oklch(0.25 0.0535 92.55);
  --p-ramp-accent-5: #332800;
  --p-ramp-accent-5: oklch(0.28 0.0592 92.55);
  --p-ramp-accent-6: #3f3100;
  --p-ramp-accent-6: oklch(0.32 0.0669 92.55);
  --p-ramp-accent-7: #514100;
  --p-ramp-accent-7: oklch(0.38 0.0788 92.55);
  --p-ramp-accent-8: #967a00;
  --p-ramp-accent-8: oklch(0.5887 0.1209 92.55);
  --p-ramp-accent-9: #ffd21f;
  --p-ramp-accent-9: oklch(0.8775 0.1745 92.55);
  --p-ramp-neutral-1: #0c0a06;
  --p-ramp-neutral-1: oklch(0.145 0.01 90);
  --p-ramp-neutral-10: #9a9892;
  --p-ramp-neutral-10: oklch(0.68 0.009 90);
  --p-ramp-neutral-11: #c0bdb7;
  --p-ramp-neutral-11: oklch(0.8 0.009 90);
  --p-ramp-neutral-12: #f3f1ea;
  --p-ramp-neutral-12: oklch(0.958 0.009 90);
  --p-ramp-neutral-2: #12100c;
  --p-ramp-neutral-2: oklch(0.175 0.01 90);
  --p-ramp-neutral-3: #191712;
  --p-ramp-neutral-3: oklch(0.205 0.01 90);
  --p-ramp-neutral-4: #201e19;
  --p-ramp-neutral-4: oklch(0.235 0.01 90);
  --p-ramp-neutral-5: #272520;
  --p-ramp-neutral-5: oklch(0.265 0.01 90);
  --p-ramp-neutral-6: #302e28;
  --p-ramp-neutral-6: oklch(0.3 0.01 90);
  --p-ramp-neutral-7: #3e3c36;
  --p-ramp-neutral-7: oklch(0.355 0.01 90);
  --p-ramp-neutral-8: #7c7a73;
  --p-ramp-neutral-8: oklch(0.578 0.01 90);
  --p-ramp-neutral-9: #8b8983;
  --p-ramp-neutral-9: oklch(0.629 0.009 90);
  --p-segmented-active-bg: #3e3c36;
  --p-segmented-active-bg: oklch(0.355 0.01 90);
  --p-segmented-track: #f3f1ea0a;
  --p-segmented-track: oklch(0.958 0.009 90 / 0.04);
  --p-shadow-button-primary: 0 0 0 0 transparent;
  --p-shadow-choice: 0 0 0 0 transparent;
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-segment-active: 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.009 90 / 0.12), 0px 1px 2px 0px oklch(0.958 0.009 90 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.009 90 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.009 90 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #f3f1ea1a;
  --p-slider-track: oklch(0.958 0.009 90 / 0.1);
  --p-switch-border-off: #7c7a73;
  --p-switch-border-off: oklch(0.578 0.01 90);
  --p-switch-track-off: #f3f1ea29;
  --p-switch-track-off: oklch(0.958 0.009 90 / 0.16);
  --p-tooltip-bg: #f3f1ea;
  --p-tooltip-bg: oklch(0.958 0.009 90);
  --p-tooltip-fg: #0c0a06;
  --p-tooltip-fg: oklch(0.145 0.01 90);
}

[data-theme="dark"][data-product="oslerpress"] {
  --p-brand-sidebar-accent: #ebf1f7;
  --p-brand-sidebar-accent: oklch(0.954 0.0108 250);
  --p-button-focus-border: #f3f6f9;
  --p-button-focus-border: oklch(0.9717 0.0051 247.88);
  --p-button-ghost-bg-hover: #ebf1f70a;
  --p-button-ghost-bg-hover: oklch(0.954 0.0108 250 / 0.04);
  --p-button-ghost-bg-pressed: #ebf1f714;
  --p-button-ghost-bg-pressed: oklch(0.954 0.0108 250 / 0.08);
  --p-choice-border: #737980;
  --p-choice-border: oklch(0.574 0.012 250);
  --p-color-accent-action: #f3f6f9;
  --p-color-accent-action: oklch(0.9717 0.0051 247.88);
  --p-color-accent-border: #373c42;
  --p-color-accent-border: oklch(0.355 0.012 250);
  --p-color-accent-solid: #ebf1f7;
  --p-color-accent-solid: oklch(0.954 0.0108 250);
  --p-color-accent-solid-hover: #b7bdc3;
  --p-color-accent-solid-hover: oklch(0.796 0.0108 250);
  --p-color-accent-solid-pressed: #93999f;
  --p-color-accent-solid-pressed: oklch(0.68 0.0108 250);
  --p-color-accent-text: #f3f6f9;
  --p-color-accent-text: oklch(0.9717 0.0051 247.88);
  --p-color-accent-text-pressed: #93999f;
  --p-color-accent-text-pressed: oklch(0.68 0.0108 250);
  --p-color-accent-tint: #13181d;
  --p-color-accent-tint: oklch(0.205 0.012 250);
  --p-color-agent-border: #414344;
  --p-color-agent-border: oklch(0.38 0.0036 247.88);
  --p-color-agent-mark: #f3f6f9;
  --p-color-agent-mark: oklch(0.9717 0.0051 247.88);
  --p-color-agent-text: #ffffff;
  --p-color-agent-text: oklch(1 0 0);
  --p-color-agent-tint: #1a1b1b;
  --p-color-agent-tint: oklch(0.22 0.0016 247.88);
  --p-color-bg-canvas: #0d1116;
  --p-color-bg-canvas: oklch(0.175 0.012 250);
  --p-color-bg-default: #12181d;
  --p-color-bg-default: oklch(0.205 0.014 250);
  --p-color-bg-panel: #0d1116;
  --p-color-bg-panel: oklch(0.175 0.012 250);
  --p-color-border-control: #ebf1f729;
  --p-color-border-control: oklch(0.954 0.0108 250 / 0.16);
  --p-color-border-control-hover: #ebf1f733;
  --p-color-border-control-hover: oklch(0.954 0.0108 250 / 0.2);
  --p-color-border-control-strong: #ebf1f733;
  --p-color-border-control-strong: oklch(0.954 0.0108 250 / 0.2);
  --p-color-border-default: #737980;
  --p-color-border-default: oklch(0.574 0.012 250);
  --p-color-border-hairline: #ebf1f714;
  --p-color-border-hairline: oklch(0.954 0.0108 250 / 0.08);
  --p-color-border-strong: #83898f;
  --p-color-border-strong: oklch(0.627 0.0108 250);
  --p-color-border-subtle: #272f37;
  --p-color-border-subtle: oklch(0.3 0.018 250);
  --p-color-count-bg: #1a1f24;
  --p-color-count-bg: oklch(0.235 0.012 250);
  --p-color-count-text: #b7c3cf;
  --p-color-count-text: oklch(0.8116 0.0215 248.09);
  --p-color-danger-subtle: #271313;
  --p-color-danger-subtle: oklch(0.214 0.0328 20.32);
  --p-color-field-bg-disabled: #ebf1f708;
  --p-color-field-bg-disabled: oklch(0.954 0.0108 250 / 0.03);
  --p-color-field-border-disabled: #ebf1f70f;
  --p-color-field-border-disabled: oklch(0.954 0.0108 250 / 0.06);
  --p-color-field-border-focus: #f3f6f9;
  --p-color-field-border-focus: oklch(0.9717 0.0051 247.88);
  --p-color-field-border-readonly-hover: #ebf1f71f;
  --p-color-field-border-readonly-hover: oklch(0.954 0.0108 250 / 0.12);
  --p-color-focus-ring: #f3f6f9;
  --p-color-focus-ring: oklch(0.9717 0.0051 247.88);
  --p-color-focus-ring-button: #f3f6f959;
  --p-color-focus-ring-button: oklch(0.9717 0.0051 247.88 / 0.35);
  --p-color-focus-ring-field: #f3f6f952;
  --p-color-focus-ring-field: oklch(0.9717 0.0051 247.88 / 0.32);
  --p-color-hover-tint: #ebf1f70a;
  --p-color-hover-tint: oklch(0.954 0.0108 250 / 0.04);
  --p-color-info-border: #272f37;
  --p-color-info-border: oklch(0.3 0.018 250);
  --p-color-info-on-solid: #111114;
  --p-color-info-on-solid: oklch(0.18 0.005 286);
  --p-color-info-solid: #b7c3cf;
  --p-color-info-solid: oklch(0.8116 0.0215 248.09);
  --p-color-info-subtle: #13181d;
  --p-color-info-subtle: oklch(0.205 0.0128 250);
  --p-color-info-text: #b7c3cf;
  --p-color-info-text: oklch(0.8116 0.0215 248.09);
  --p-color-info-tint: #13181d;
  --p-color-info-tint: oklch(0.205 0.012 250);
  --p-color-ink-a10: #ebf1f71a;
  --p-color-ink-a10: oklch(0.954 0.0108 250 / 0.1);
  --p-color-ink-a12: #ebf1f71f;
  --p-color-ink-a12: oklch(0.954 0.0108 250 / 0.12);
  --p-color-ink-a14: #ebf1f724;
  --p-color-ink-a14: oklch(0.954 0.0108 250 / 0.14);
  --p-color-ink-a16: #ebf1f729;
  --p-color-ink-a16: oklch(0.954 0.0108 250 / 0.16);
  --p-color-ink-a18: #ebf1f72e;
  --p-color-ink-a18: oklch(0.954 0.0108 250 / 0.18);
  --p-color-ink-a20: #ebf1f733;
  --p-color-ink-a20: oklch(0.954 0.0108 250 / 0.2);
  --p-color-ink-a24: #ebf1f73d;
  --p-color-ink-a24: oklch(0.954 0.0108 250 / 0.24);
  --p-color-ink-a28: #ebf1f747;
  --p-color-ink-a28: oklch(0.954 0.0108 250 / 0.28);
  --p-color-ink-a3: #ebf1f708;
  --p-color-ink-a3: oklch(0.954 0.0108 250 / 0.03);
  --p-color-ink-a32: #ebf1f752;
  --p-color-ink-a32: oklch(0.954 0.0108 250 / 0.32);
  --p-color-ink-a4: #ebf1f70a;
  --p-color-ink-a4: oklch(0.954 0.0108 250 / 0.04);
  --p-color-ink-a40: #ebf1f766;
  --p-color-ink-a40: oklch(0.954 0.0108 250 / 0.4);
  --p-color-ink-a5: #ebf1f70d;
  --p-color-ink-a5: oklch(0.954 0.0108 250 / 0.05);
  --p-color-ink-a6: #ebf1f70f;
  --p-color-ink-a6: oklch(0.954 0.0108 250 / 0.06);
  --p-color-ink-a8: #ebf1f714;
  --p-color-ink-a8: oklch(0.954 0.0108 250 / 0.08);
  --p-color-mark-done: #12181d;
  --p-color-mark-done: oklch(0.205 0.014 250);
  --p-color-mark-on-done: #f3f6f9;
  --p-color-mark-on-done: oklch(0.9717 0.0051 247.88);
  --p-color-nav-active: #23272c;
  --p-color-nav-active: oklch(0.2706 0.0112 249.88);
  --p-color-nav-active-icon: #f3f6f9;
  --p-color-nav-active-icon: oklch(0.9717 0.0051 247.88);
  --p-color-selected-outline: #f3f6f9;
  --p-color-selected-outline: oklch(0.9717 0.0051 247.88);
  --p-color-success-subtle: #0d1d15;
  --p-color-success-subtle: oklch(0.214 0.0271 161.73);
  --p-color-surface-1: #161c23;
  --p-color-surface-1: oklch(0.225 0.016 250);
  --p-color-surface-2: #1a1f24;
  --p-color-surface-2: oklch(0.235 0.012 250);
  --p-color-surface-3: #21262b;
  --p-color-surface-3: oklch(0.265 0.012 250);
  --p-color-surface-4: #292e34;
  --p-color-surface-4: oklch(0.3 0.012 250);
  --p-color-surface-hover: #1a1f24;
  --p-color-surface-hover: oklch(0.235 0.012 250);
  --p-color-surface-pressed: #21262b;
  --p-color-surface-pressed: oklch(0.265 0.012 250);
  --p-color-surface-selected: #212223;
  --p-color-surface-selected: oklch(0.25 0.0021 247.88);
  --p-color-surface-sunken: #0a0e12;
  --p-color-surface-sunken: oklch(0.16 0.011 250);
  --p-color-text-disabled: #737980;
  --p-color-text-disabled: oklch(0.574 0.012 250);
  --p-color-text-inverse: #070b0f;
  --p-color-text-inverse: oklch(0.145 0.012 250);
  --p-color-text-link: #f3f6f9;
  --p-color-text-link: oklch(0.9717 0.0051 247.88);
  --p-color-text-primary: #f3f6f9;
  --p-color-text-primary: oklch(0.9717 0.0051 247.88);
  --p-color-text-secondary: #b7c3cf;
  --p-color-text-secondary: oklch(0.8116 0.0215 248.09);
  --p-color-text-tertiary: #93999f;
  --p-color-text-tertiary: oklch(0.68 0.0108 250);
  --p-color-warning-subtle: #20180c;
  --p-color-warning-subtle: oklch(0.214 0.0238 76.17);
  --p-elevation-0-surface: #12181d;
  --p-elevation-0-surface: oklch(0.205 0.014 250);
  --p-elevation-1-surface: #161c23;
  --p-elevation-1-surface: oklch(0.225 0.016 250);
  --p-elevation-2-surface: #1a1f24;
  --p-elevation-2-surface: oklch(0.235 0.012 250);
  --p-elevation-3-surface: #21262b;
  --p-elevation-3-surface: oklch(0.265 0.012 250);
  --p-elevation-4-surface: #292e34;
  --p-elevation-4-surface: oklch(0.3 0.012 250);
  --p-elevation-5-surface: #292e34;
  --p-elevation-5-surface: oklch(0.3 0.012 250);
  --p-overlay-bg: #13181d;
  --p-overlay-bg: oklch(0.205 0.012 250);
  --p-overlay-highlight: #ebf1f70f;
  --p-overlay-highlight: oklch(0.954 0.0108 250 / 0.06);
  --p-overlay-separator: #ebf1f714;
  --p-overlay-separator: oklch(0.954 0.0108 250 / 0.08);
  --p-ramp-accent-1: #0b0b0b;
  --p-ramp-accent-1: oklch(0.15 0.0004 247.88);
  --p-ramp-accent-10: #f9fcff;
  --p-ramp-accent-10: oklch(0.99 0.005 247.88);
  --p-ramp-accent-11: #ffffff;
  --p-ramp-accent-11: oklch(1 0 0);
  --p-ramp-accent-12: #e7e8e9;
  --p-ramp-accent-12: oklch(0.93 0.0018 247.88);
  --p-ramp-accent-2: #111111;
  --p-ramp-accent-2: oklch(0.178 0.0009 247.88);
  --p-ramp-accent-3: #1a1b1b;
  --p-ramp-accent-3: oklch(0.22 0.0016 247.88);
  --p-ramp-accent-4: #212223;
  --p-ramp-accent-4: oklch(0.25 0.0021 247.88);
  --p-ramp-accent-5: #28292a;
  --p-ramp-accent-5: oklch(0.28 0.0026 247.88);
  --p-ramp-accent-6: #323334;
  --p-ramp-accent-6: oklch(0.32 0.0031 247.88);
  --p-ramp-accent-7: #414344;
  --p-ramp-accent-7: oklch(0.38 0.0036 247.88);
  --p-ramp-accent-8: #898b8e;
  --p-ramp-accent-8: oklch(0.6359 0.0046 247.88);
  --p-ramp-accent-9: #f3f6f9;
  --p-ramp-accent-9: oklch(0.9717 0.0051 247.88);
  --p-ramp-neutral-1: #070b0f;
  --p-ramp-neutral-1: oklch(0.145 0.012 250);
  --p-ramp-neutral-10: #93999f;
  --p-ramp-neutral-10: oklch(0.68 0.0108 250);
  --p-ramp-neutral-11: #b7bdc3;
  --p-ramp-neutral-11: oklch(0.796 0.0108 250);
  --p-ramp-neutral-12: #ebf1f7;
  --p-ramp-neutral-12: oklch(0.954 0.0108 250);
  --p-ramp-neutral-2: #0d1116;
  --p-ramp-neutral-2: oklch(0.175 0.012 250);
  --p-ramp-neutral-3: #13181d;
  --p-ramp-neutral-3: oklch(0.205 0.012 250);
  --p-ramp-neutral-4: #1a1f24;
  --p-ramp-neutral-4: oklch(0.235 0.012 250);
  --p-ramp-neutral-5: #21262b;
  --p-ramp-neutral-5: oklch(0.265 0.012 250);
  --p-ramp-neutral-6: #292e34;
  --p-ramp-neutral-6: oklch(0.3 0.012 250);
  --p-ramp-neutral-7: #373c42;
  --p-ramp-neutral-7: oklch(0.355 0.012 250);
  --p-ramp-neutral-8: #737980;
  --p-ramp-neutral-8: oklch(0.574 0.012 250);
  --p-ramp-neutral-9: #83898f;
  --p-ramp-neutral-9: oklch(0.627 0.0108 250);
  --p-segmented-active-bg: #373c42;
  --p-segmented-active-bg: oklch(0.355 0.012 250);
  --p-segmented-track: #ebf1f70a;
  --p-segmented-track: oklch(0.954 0.0108 250 / 0.04);
  --p-shadow-button-primary: 0 0 0 0 transparent;
  --p-shadow-choice: 0 0 0 0 transparent;
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-segment-active: 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.954 0.0108 250 / 0.12), 0px 1px 2px 0px oklch(0.954 0.0108 250 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.954 0.0108 250 / 0.2), 0px 0px 0px 0.5px oklch(0.954 0.0108 250 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #ebf1f71a;
  --p-slider-track: oklch(0.954 0.0108 250 / 0.1);
  --p-switch-border-off: #737980;
  --p-switch-border-off: oklch(0.574 0.012 250);
  --p-switch-track-off: #ebf1f729;
  --p-switch-track-off: oklch(0.954 0.0108 250 / 0.16);
  --p-tooltip-bg: #f3f6f9;
  --p-tooltip-bg: oklch(0.9717 0.0051 247.88);
  --p-tooltip-fg: #070b0f;
  --p-tooltip-fg: oklch(0.145 0.012 250);
}

[data-theme="dark"][data-world="editorial"] {
  --p-brand-sidebar-accent: #126e83;
  --p-brand-sidebar-accent: oklch(0.5 0.085 218);
  --p-button-focus-border: #83cadf;
  --p-button-focus-border: oklch(0.8 0.0765 218);
  --p-button-ghost-bg-hover: #ecf4fb0a;
  --p-button-ghost-bg-hover: oklch(0.962 0.0126 245 / 0.04);
  --p-button-ghost-bg-pressed: #ecf4fb14;
  --p-button-ghost-bg-pressed: oklch(0.962 0.0126 245 / 0.08);
  --p-choice-border: #727a80;
  --p-choice-border: oklch(0.574 0.014 245);
  --p-color-accent-action: #126e83;
  --p-color-accent-action: oklch(0.5 0.085 218);
  --p-color-accent-border: #114a58;
  --p-color-accent-border: oklch(0.38 0.0607 218);
  --p-color-accent-solid: #126e83;
  --p-color-accent-solid: oklch(0.5 0.085 218);
  --p-color-accent-solid-hover: #277a8f;
  --p-color-accent-solid-hover: oklch(0.54 0.0833 218);
  --p-color-accent-solid-pressed: #005162;
  --p-color-accent-solid-pressed: oklch(0.4 0.0725 218);
  --p-color-accent-text: #83cadf;
  --p-color-accent-text: oklch(0.8 0.0765 218);
  --p-color-accent-text-pressed: #005162;
  --p-color-accent-text-pressed: oklch(0.4 0.0725 218);
  --p-color-accent-tint: #0b1e23;
  --p-color-accent-tint: oklch(0.22 0.026 218);
  --p-color-agent-border: #114a58;
  --p-color-agent-border: oklch(0.38 0.0607 218);
  --p-color-agent-mark: #126e83;
  --p-color-agent-mark: oklch(0.5 0.085 218);
  --p-color-agent-text: #83cadf;
  --p-color-agent-text: oklch(0.8 0.0765 218);
  --p-color-agent-tint: #0b1e23;
  --p-color-agent-tint: oklch(0.22 0.026 218);
  --p-color-bg-canvas: #060b10;
  --p-color-bg-canvas: oklch(0.145 0.014 245);
  --p-color-bg-default: #0b1116;
  --p-color-bg-default: oklch(0.175 0.014 245);
  --p-color-bg-panel: #0b1116;
  --p-color-bg-panel: oklch(0.175 0.014 245);
  --p-color-border-control: #ecf4fb29;
  --p-color-border-control: oklch(0.962 0.0126 245 / 0.16);
  --p-color-border-control-hover: #ecf4fb33;
  --p-color-border-control-hover: oklch(0.962 0.0126 245 / 0.2);
  --p-color-border-control-strong: #ecf4fb33;
  --p-color-border-control-strong: oklch(0.962 0.0126 245 / 0.2);
  --p-color-border-default: #727a80;
  --p-color-border-default: oklch(0.574 0.014 245);
  --p-color-border-hairline: #ecf4fb14;
  --p-color-border-hairline: oklch(0.962 0.0126 245 / 0.08);
  --p-color-border-strong: #828990;
  --p-color-border-strong: oklch(0.627 0.0126 245);
  --p-color-border-subtle: #282f35;
  --p-color-border-subtle: oklch(0.3 0.014 245);
  --p-color-count-bg: #ecf4fb;
  --p-color-count-bg: oklch(0.962 0.0126 245);
  --p-color-count-text: #0b1116;
  --p-color-count-text: oklch(0.175 0.014 245);
  --p-color-danger-subtle: #231010;
  --p-color-danger-subtle: oklch(0.202 0.0325 20.91);
  --p-color-field-bg-disabled: #ecf4fb08;
  --p-color-field-bg-disabled: oklch(0.962 0.0126 245 / 0.03);
  --p-color-field-border-disabled: #ecf4fb0f;
  --p-color-field-border-disabled: oklch(0.962 0.0126 245 / 0.06);
  --p-color-field-border-focus: #83cadf;
  --p-color-field-border-focus: oklch(0.8 0.0765 218);
  --p-color-field-border-readonly-hover: #ecf4fb1f;
  --p-color-field-border-readonly-hover: oklch(0.962 0.0126 245 / 0.12);
  --p-color-focus-ring: #83cadf;
  --p-color-focus-ring: oklch(0.8 0.0765 218);
  --p-color-focus-ring-button: #83cadf59;
  --p-color-focus-ring-button: oklch(0.8 0.0765 218 / 0.35);
  --p-color-focus-ring-field: #83cadf52;
  --p-color-focus-ring-field: oklch(0.8 0.0765 218 / 0.32);
  --p-color-hover-tint: #ecf4fb0a;
  --p-color-hover-tint: oklch(0.962 0.0126 245 / 0.04);
  --p-color-info-subtle: #071827;
  --p-color-info-subtle: oklch(0.202 0.0386 249.28);
  --p-color-ink-a10: #ecf4fb1a;
  --p-color-ink-a10: oklch(0.962 0.0126 245 / 0.1);
  --p-color-ink-a12: #ecf4fb1f;
  --p-color-ink-a12: oklch(0.962 0.0126 245 / 0.12);
  --p-color-ink-a14: #ecf4fb24;
  --p-color-ink-a14: oklch(0.962 0.0126 245 / 0.14);
  --p-color-ink-a16: #ecf4fb29;
  --p-color-ink-a16: oklch(0.962 0.0126 245 / 0.16);
  --p-color-ink-a18: #ecf4fb2e;
  --p-color-ink-a18: oklch(0.962 0.0126 245 / 0.18);
  --p-color-ink-a20: #ecf4fb33;
  --p-color-ink-a20: oklch(0.962 0.0126 245 / 0.2);
  --p-color-ink-a24: #ecf4fb3d;
  --p-color-ink-a24: oklch(0.962 0.0126 245 / 0.24);
  --p-color-ink-a28: #ecf4fb47;
  --p-color-ink-a28: oklch(0.962 0.0126 245 / 0.28);
  --p-color-ink-a3: #ecf4fb08;
  --p-color-ink-a3: oklch(0.962 0.0126 245 / 0.03);
  --p-color-ink-a32: #ecf4fb52;
  --p-color-ink-a32: oklch(0.962 0.0126 245 / 0.32);
  --p-color-ink-a4: #ecf4fb0a;
  --p-color-ink-a4: oklch(0.962 0.0126 245 / 0.04);
  --p-color-ink-a40: #ecf4fb66;
  --p-color-ink-a40: oklch(0.962 0.0126 245 / 0.4);
  --p-color-ink-a5: #ecf4fb0d;
  --p-color-ink-a5: oklch(0.962 0.0126 245 / 0.05);
  --p-color-ink-a6: #ecf4fb0f;
  --p-color-ink-a6: oklch(0.962 0.0126 245 / 0.06);
  --p-color-ink-a8: #ecf4fb14;
  --p-color-ink-a8: oklch(0.962 0.0126 245 / 0.08);
  --p-color-mark-done: #ecf4fb;
  --p-color-mark-done: oklch(0.962 0.0126 245);
  --p-color-mark-on-done: #060b10;
  --p-color-mark-on-done: oklch(0.145 0.014 245);
  --p-color-nav-active: #121d24;
  --p-color-nav-active: oklch(0.2236 0.0209 233.51);
  --p-color-nav-active-icon: #83cadf;
  --p-color-nav-active-icon: oklch(0.8 0.0765 218);
  --p-color-selected-outline: #ecf4fb;
  --p-color-selected-outline: oklch(0.962 0.0126 245);
  --p-color-success-subtle: #0a1a13;
  --p-color-success-subtle: oklch(0.202 0.0276 161.65);
  --p-color-surface-1: #12181d;
  --p-color-surface-1: oklch(0.205 0.014 245);
  --p-color-surface-2: #191f24;
  --p-color-surface-2: oklch(0.235 0.014 245);
  --p-color-surface-3: #20262c;
  --p-color-surface-3: oklch(0.265 0.014 245);
  --p-color-surface-4: #282f35;
  --p-color-surface-4: oklch(0.3 0.014 245);
  --p-color-surface-hover: #191f24;
  --p-color-surface-hover: oklch(0.235 0.014 245);
  --p-color-surface-pressed: #20262c;
  --p-color-surface-pressed: oklch(0.265 0.014 245);
  --p-color-surface-selected: #0b262d;
  --p-color-surface-selected: oklch(0.25 0.0347 218);
  --p-color-surface-sunken: #060b10;
  --p-color-surface-sunken: oklch(0.145 0.014 245);
  --p-color-text-disabled: #727a80;
  --p-color-text-disabled: oklch(0.574 0.014 245);
  --p-color-text-inverse: #060b10;
  --p-color-text-inverse: oklch(0.145 0.014 245);
  --p-color-text-link: #83cadf;
  --p-color-text-link: oklch(0.8 0.0765 218);
  --p-color-text-on-accent: #ffffff;
  --p-color-text-on-accent: oklch(1 0 0);
  --p-color-text-primary: #ecf4fb;
  --p-color-text-primary: oklch(0.962 0.0126 245);
  --p-color-text-secondary: #b7bfc5;
  --p-color-text-secondary: oklch(0.8 0.0126 245);
  --p-color-text-tertiary: #9299a0;
  --p-color-text-tertiary: oklch(0.68 0.0126 245);
  --p-color-warning-subtle: #1d150a;
  --p-color-warning-subtle: oklch(0.202 0.0239 77.33);
  --p-elevation-0-surface: #0b1116;
  --p-elevation-0-surface: oklch(0.175 0.014 245);
  --p-elevation-1-surface: #12181d;
  --p-elevation-1-surface: oklch(0.205 0.014 245);
  --p-elevation-2-surface: #191f24;
  --p-elevation-2-surface: oklch(0.235 0.014 245);
  --p-elevation-3-surface: #20262c;
  --p-elevation-3-surface: oklch(0.265 0.014 245);
  --p-elevation-4-surface: #282f35;
  --p-elevation-4-surface: oklch(0.3 0.014 245);
  --p-elevation-5-surface: #282f35;
  --p-elevation-5-surface: oklch(0.3 0.014 245);
  --p-overlay-bg: #12181d;
  --p-overlay-bg: oklch(0.205 0.014 245);
  --p-overlay-highlight: #ecf4fb0f;
  --p-overlay-highlight: oklch(0.962 0.0126 245 / 0.06);
  --p-overlay-separator: #ecf4fb14;
  --p-overlay-separator: oklch(0.962 0.0126 245 / 0.08);
  --p-ramp-accent-1: #080c0d;
  --p-ramp-accent-1: oklch(0.15 0.0069 218);
  --p-ramp-accent-10: #277a8f;
  --p-ramp-accent-10: oklch(0.54 0.0833 218);
  --p-ramp-accent-11: #83cadf;
  --p-ramp-accent-11: oklch(0.8 0.0765 218);
  --p-ramp-accent-12: #d3edf5;
  --p-ramp-accent-12: oklch(0.93 0.0298 218);
  --p-ramp-accent-2: #0a1315;
  --p-ramp-accent-2: oklch(0.178 0.0145 218);
  --p-ramp-accent-3: #0b1e23;
  --p-ramp-accent-3: oklch(0.22 0.026 218);
  --p-ramp-accent-4: #0b262d;
  --p-ramp-accent-4: oklch(0.25 0.0347 218);
  --p-ramp-accent-5: #092e37;
  --p-ramp-accent-5: oklch(0.28 0.0434 218);
  --p-ramp-accent-6: #0a3944;
  --p-ramp-accent-6: oklch(0.32 0.052 218);
  --p-ramp-accent-7: #114a58;
  --p-ramp-accent-7: oklch(0.38 0.0607 218);
  --p-ramp-accent-8: #005162;
  --p-ramp-accent-8: oklch(0.4 0.0725 218);
  --p-ramp-accent-9: #126e83;
  --p-ramp-accent-9: oklch(0.5 0.085 218);
  --p-ramp-neutral-1: #060b10;
  --p-ramp-neutral-1: oklch(0.145 0.014 245);
  --p-ramp-neutral-10: #9299a0;
  --p-ramp-neutral-10: oklch(0.68 0.0126 245);
  --p-ramp-neutral-11: #b7bfc5;
  --p-ramp-neutral-11: oklch(0.8 0.0126 245);
  --p-ramp-neutral-12: #ecf4fb;
  --p-ramp-neutral-12: oklch(0.962 0.0126 245);
  --p-ramp-neutral-2: #0b1116;
  --p-ramp-neutral-2: oklch(0.175 0.014 245);
  --p-ramp-neutral-3: #12181d;
  --p-ramp-neutral-3: oklch(0.205 0.014 245);
  --p-ramp-neutral-4: #191f24;
  --p-ramp-neutral-4: oklch(0.235 0.014 245);
  --p-ramp-neutral-5: #20262c;
  --p-ramp-neutral-5: oklch(0.265 0.014 245);
  --p-ramp-neutral-6: #282f35;
  --p-ramp-neutral-6: oklch(0.3 0.014 245);
  --p-ramp-neutral-7: #363d43;
  --p-ramp-neutral-7: oklch(0.355 0.014 245);
  --p-ramp-neutral-8: #727a80;
  --p-ramp-neutral-8: oklch(0.574 0.014 245);
  --p-ramp-neutral-9: #828990;
  --p-ramp-neutral-9: oklch(0.627 0.0126 245);
  --p-segmented-active-bg: #363d43;
  --p-segmented-active-bg: oklch(0.355 0.014 245);
  --p-segmented-track: #ecf4fb0a;
  --p-segmented-track: oklch(0.962 0.0126 245 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.962 0.0126 245 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.962 0.0126 245 / 0.05);
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.962 0.0126 245 / 0.08), 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.962 0.0126 245 / 0.12), 0px 1px 2px 0px oklch(0.962 0.0126 245 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.962 0.0126 245 / 0.2), 0px 0px 0px 0.5px oklch(0.962 0.0126 245 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #ecf4fb1a;
  --p-slider-track: oklch(0.962 0.0126 245 / 0.1);
  --p-switch-border-off: #727a80;
  --p-switch-border-off: oklch(0.574 0.014 245);
  --p-switch-track-off: #ecf4fb29;
  --p-switch-track-off: oklch(0.962 0.0126 245 / 0.16);
  --p-tooltip-bg: #ecf4fb;
  --p-tooltip-bg: oklch(0.962 0.0126 245);
  --p-tooltip-fg: #060b10;
  --p-tooltip-fg: oklch(0.145 0.014 245);
}

[data-theme="dark"][data-world="signal"] {
  --p-brand-sidebar-accent: #0063d8;
  --p-brand-sidebar-accent: oklch(0.525 0.1954 258);
  --p-button-focus-border: #95c0ff;
  --p-button-focus-border: oklch(0.8 0.1015 258);
  --p-button-ghost-bg-hover: #f1f1f10a;
  --p-button-ghost-bg-hover: oklch(0.958 0 0 / 0.04);
  --p-button-ghost-bg-pressed: #f1f1f114;
  --p-button-ghost-bg-pressed: oklch(0.958 0 0 / 0.08);
  --p-choice-border: #7a7a7a;
  --p-choice-border: oklch(0.578 0 0);
  --p-color-accent-action: #0063d8;
  --p-color-accent-action: oklch(0.525 0.1954 258);
  --p-color-accent-border: #003d8c;
  --p-color-accent-border: oklch(0.38 0.1426 258);
  --p-color-accent-solid: #0063d8;
  --p-color-accent-solid: oklch(0.525 0.1954 258);
  --p-color-accent-solid-hover: #006eee;
  --p-color-accent-solid-hover: oklch(0.565 0.21 258);
  --p-color-accent-solid-pressed: #00469c;
  --p-color-accent-solid-pressed: oklch(0.4125 0.1543 258);
  --p-color-accent-text: #95c0ff;
  --p-color-accent-text: oklch(0.8 0.1015 258);
  --p-color-accent-text-pressed: #00469c;
  --p-color-accent-text-pressed: oklch(0.4125 0.1543 258);
  --p-color-accent-tint: #071a36;
  --p-color-accent-tint: oklch(0.22 0.0612 258);
  --p-color-agent-border: #003d8c;
  --p-color-agent-border: oklch(0.38 0.1426 258);
  --p-color-agent-mark: #0063d8;
  --p-color-agent-mark: oklch(0.525 0.1954 258);
  --p-color-agent-text: #95c0ff;
  --p-color-agent-text: oklch(0.8 0.1015 258);
  --p-color-agent-tint: #071a36;
  --p-color-agent-tint: oklch(0.22 0.0612 258);
  --p-color-bg-canvas: #0a0a0a;
  --p-color-bg-canvas: oklch(0.145 0 0);
  --p-color-bg-default: #101010;
  --p-color-bg-default: oklch(0.175 0 0);
  --p-color-bg-panel: #101010;
  --p-color-bg-panel: oklch(0.175 0 0);
  --p-color-border-control: #f1f1f129;
  --p-color-border-control: oklch(0.958 0 0 / 0.16);
  --p-color-border-control-hover: #f1f1f133;
  --p-color-border-control-hover: oklch(0.958 0 0 / 0.2);
  --p-color-border-control-strong: #f1f1f133;
  --p-color-border-control-strong: oklch(0.958 0 0 / 0.2);
  --p-color-border-default: #7a7a7a;
  --p-color-border-default: oklch(0.578 0 0);
  --p-color-border-hairline: #f1f1f114;
  --p-color-border-hairline: oklch(0.958 0 0 / 0.08);
  --p-color-border-strong: #898989;
  --p-color-border-strong: oklch(0.629 0 0);
  --p-color-border-subtle: #2e2e2e;
  --p-color-border-subtle: oklch(0.3 0 0);
  --p-color-count-bg: #f1f1f1;
  --p-color-count-bg: oklch(0.958 0 0);
  --p-color-count-text: #101010;
  --p-color-count-text: oklch(0.175 0 0);
  --p-color-danger-subtle: #250f0d;
  --p-color-danger-subtle: oklch(0.202 0.0367 27);
  --p-color-field-bg-disabled: #f1f1f108;
  --p-color-field-bg-disabled: oklch(0.958 0 0 / 0.03);
  --p-color-field-border-disabled: #f1f1f10f;
  --p-color-field-border-disabled: oklch(0.958 0 0 / 0.06);
  --p-color-field-border-focus: #95c0ff;
  --p-color-field-border-focus: oklch(0.8 0.1015 258);
  --p-color-field-border-readonly-hover: #f1f1f11f;
  --p-color-field-border-readonly-hover: oklch(0.958 0 0 / 0.12);
  --p-color-focus-ring: #95c0ff;
  --p-color-focus-ring: oklch(0.8 0.1015 258);
  --p-color-focus-ring-button: #95c0ff59;
  --p-color-focus-ring-button: oklch(0.8 0.1015 258 / 0.35);
  --p-color-focus-ring-field: #95c0ff52;
  --p-color-focus-ring-field: oklch(0.8 0.1015 258 / 0.32);
  --p-color-hover-tint: #f1f1f10a;
  --p-color-hover-tint: oklch(0.958 0 0 / 0.04);
  --p-color-info-subtle: #0a1725;
  --p-color-info-subtle: oklch(0.202 0.0331 250);
  --p-color-ink-a10: #f1f1f11a;
  --p-color-ink-a10: oklch(0.958 0 0 / 0.1);
  --p-color-ink-a12: #f1f1f11f;
  --p-color-ink-a12: oklch(0.958 0 0 / 0.12);
  --p-color-ink-a14: #f1f1f124;
  --p-color-ink-a14: oklch(0.958 0 0 / 0.14);
  --p-color-ink-a16: #f1f1f129;
  --p-color-ink-a16: oklch(0.958 0 0 / 0.16);
  --p-color-ink-a18: #f1f1f12e;
  --p-color-ink-a18: oklch(0.958 0 0 / 0.18);
  --p-color-ink-a20: #f1f1f133;
  --p-color-ink-a20: oklch(0.958 0 0 / 0.2);
  --p-color-ink-a24: #f1f1f13d;
  --p-color-ink-a24: oklch(0.958 0 0 / 0.24);
  --p-color-ink-a28: #f1f1f147;
  --p-color-ink-a28: oklch(0.958 0 0 / 0.28);
  --p-color-ink-a3: #f1f1f108;
  --p-color-ink-a3: oklch(0.958 0 0 / 0.03);
  --p-color-ink-a32: #f1f1f152;
  --p-color-ink-a32: oklch(0.958 0 0 / 0.32);
  --p-color-ink-a4: #f1f1f10a;
  --p-color-ink-a4: oklch(0.958 0 0 / 0.04);
  --p-color-ink-a40: #f1f1f166;
  --p-color-ink-a40: oklch(0.958 0 0 / 0.4);
  --p-color-ink-a5: #f1f1f10d;
  --p-color-ink-a5: oklch(0.958 0 0 / 0.05);
  --p-color-ink-a6: #f1f1f10f;
  --p-color-ink-a6: oklch(0.958 0 0 / 0.06);
  --p-color-ink-a8: #f1f1f114;
  --p-color-ink-a8: oklch(0.958 0 0 / 0.08);
  --p-color-mark-done: #f1f1f1;
  --p-color-mark-done: oklch(0.958 0 0);
  --p-color-mark-on-done: #0a0a0a;
  --p-color-mark-on-done: oklch(0.145 0 0);
  --p-color-nav-active: #181c21;
  --p-color-nav-active: oklch(0.2236 0.0122 258);
  --p-color-nav-active-icon: #95c0ff;
  --p-color-nav-active-icon: oklch(0.8 0.1015 258);
  --p-color-selected-outline: #f1f1f1;
  --p-color-selected-outline: oklch(0.958 0 0);
  --p-color-success-subtle: #0d1a10;
  --p-color-success-subtle: oklch(0.202 0.0275 150);
  --p-color-surface-1: #171717;
  --p-color-surface-1: oklch(0.205 0 0);
  --p-color-surface-2: #1e1e1e;
  --p-color-surface-2: oklch(0.235 0 0);
  --p-color-surface-3: #252525;
  --p-color-surface-3: oklch(0.265 0 0);
  --p-color-surface-4: #2e2e2e;
  --p-color-surface-4: oklch(0.3 0 0);
  --p-color-surface-hover: #1e1e1e;
  --p-color-surface-hover: oklch(0.235 0 0);
  --p-color-surface-pressed: #252525;
  --p-color-surface-pressed: oklch(0.265 0 0);
  --p-color-surface-selected: #042048;
  --p-color-surface-selected: oklch(0.25 0.0816 258);
  --p-color-surface-sunken: #0a0a0a;
  --p-color-surface-sunken: oklch(0.145 0 0);
  --p-color-text-disabled: #7a7a7a;
  --p-color-text-disabled: oklch(0.578 0 0);
  --p-color-text-inverse: #0a0a0a;
  --p-color-text-inverse: oklch(0.145 0 0);
  --p-color-text-link: #95c0ff;
  --p-color-text-link: oklch(0.8 0.1015 258);
  --p-color-text-on-accent: #ffffff;
  --p-color-text-on-accent: oklch(1 0 0);
  --p-color-text-primary: #f1f1f1;
  --p-color-text-primary: oklch(0.958 0 0);
  --p-color-text-secondary: #bebebe;
  --p-color-text-secondary: oklch(0.8 0 0);
  --p-color-text-tertiary: #989898;
  --p-color-text-tertiary: oklch(0.68 0 0);
  --p-color-warning-subtle: #1e1407;
  --p-color-warning-subtle: oklch(0.202 0.0294 75);
  --p-elevation-0-surface: #101010;
  --p-elevation-0-surface: oklch(0.175 0 0);
  --p-elevation-1-surface: #171717;
  --p-elevation-1-surface: oklch(0.205 0 0);
  --p-elevation-2-surface: #1e1e1e;
  --p-elevation-2-surface: oklch(0.235 0 0);
  --p-elevation-3-surface: #252525;
  --p-elevation-3-surface: oklch(0.265 0 0);
  --p-elevation-4-surface: #2e2e2e;
  --p-elevation-4-surface: oklch(0.3 0 0);
  --p-elevation-5-surface: #2e2e2e;
  --p-elevation-5-surface: oklch(0.3 0 0);
  --p-overlay-bg: #171717;
  --p-overlay-bg: oklch(0.205 0 0);
  --p-overlay-highlight: #f1f1f10f;
  --p-overlay-highlight: oklch(0.958 0 0 / 0.06);
  --p-overlay-separator: #f1f1f114;
  --p-overlay-separator: oklch(0.958 0 0 / 0.08);
  --p-ramp-accent-1: #070b12;
  --p-ramp-accent-1: oklch(0.15 0.0163 258);
  --p-ramp-accent-10: #006eee;
  --p-ramp-accent-10: oklch(0.565 0.21 258);
  --p-ramp-accent-11: #95c0ff;
  --p-ramp-accent-11: oklch(0.8 0.1015 258);
  --p-ramp-accent-12: #dae9ff;
  --p-ramp-accent-12: oklch(0.93 0.0338 258);
  --p-ramp-accent-2: #081120;
  --p-ramp-accent-2: oklch(0.178 0.034 258);
  --p-ramp-accent-3: #071a36;
  --p-ramp-accent-3: oklch(0.22 0.0612 258);
  --p-ramp-accent-4: #042048;
  --p-ramp-accent-4: oklch(0.25 0.0816 258);
  --p-ramp-accent-5: #01265a;
  --p-ramp-accent-5: oklch(0.28 0.102 258);
  --p-ramp-accent-6: #002f6f;
  --p-ramp-accent-6: oklch(0.32 0.1212 258);
  --p-ramp-accent-7: #003d8c;
  --p-ramp-accent-7: oklch(0.38 0.1426 258);
  --p-ramp-accent-8: #00469c;
  --p-ramp-accent-8: oklch(0.4125 0.1543 258);
  --p-ramp-accent-9: #0063d8;
  --p-ramp-accent-9: oklch(0.525 0.1954 258);
  --p-ramp-neutral-1: #0a0a0a;
  --p-ramp-neutral-1: oklch(0.145 0 0);
  --p-ramp-neutral-10: #989898;
  --p-ramp-neutral-10: oklch(0.68 0 0);
  --p-ramp-neutral-11: #bebebe;
  --p-ramp-neutral-11: oklch(0.8 0 0);
  --p-ramp-neutral-12: #f1f1f1;
  --p-ramp-neutral-12: oklch(0.958 0 0);
  --p-ramp-neutral-2: #101010;
  --p-ramp-neutral-2: oklch(0.175 0 0);
  --p-ramp-neutral-3: #171717;
  --p-ramp-neutral-3: oklch(0.205 0 0);
  --p-ramp-neutral-4: #1e1e1e;
  --p-ramp-neutral-4: oklch(0.235 0 0);
  --p-ramp-neutral-5: #252525;
  --p-ramp-neutral-5: oklch(0.265 0 0);
  --p-ramp-neutral-6: #2e2e2e;
  --p-ramp-neutral-6: oklch(0.3 0 0);
  --p-ramp-neutral-7: #3c3c3c;
  --p-ramp-neutral-7: oklch(0.355 0 0);
  --p-ramp-neutral-8: #7a7a7a;
  --p-ramp-neutral-8: oklch(0.578 0 0);
  --p-ramp-neutral-9: #898989;
  --p-ramp-neutral-9: oklch(0.629 0 0);
  --p-segmented-active-bg: #3c3c3c;
  --p-segmented-active-bg: oklch(0.355 0 0);
  --p-segmented-track: #f1f1f10a;
  --p-segmented-track: oklch(0.958 0 0 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.958 0 0 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.958 0 0 / 0.05);
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.958 0 0 / 0.08), 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0 0 / 0.12), 0px 1px 2px 0px oklch(0.958 0 0 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0 0 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0 0 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #f1f1f11a;
  --p-slider-track: oklch(0.958 0 0 / 0.1);
  --p-switch-border-off: #7a7a7a;
  --p-switch-border-off: oklch(0.578 0 0);
  --p-switch-track-off: #f1f1f129;
  --p-switch-track-off: oklch(0.958 0 0 / 0.16);
  --p-tooltip-bg: #f1f1f1;
  --p-tooltip-bg: oklch(0.958 0 0);
  --p-tooltip-fg: #0a0a0a;
  --p-tooltip-fg: oklch(0.145 0 0);
}

[data-theme="dark"][data-contrast="increased"] {
  --p-button-focus-border: #eff1f6;
  --p-button-focus-border: oklch(0.958 0.0072 270);
  --p-choice-border: #bcbec2;
  --p-choice-border: oklch(0.8 0.0072 270);
  --p-color-accent-text: #dce8ff;
  --p-color-accent-text: oklch(0.93 0.0334 263.45);
  --p-color-agent-text: #dce8ff;
  --p-color-agent-text: oklch(0.93 0.0334 263.45);
  --p-color-bg-canvas: #0f1014;
  --p-color-bg-canvas: oklch(0.175 0.008 270);
  --p-color-border-control: #bcbec2;
  --p-color-border-control: oklch(0.8 0.0072 270);
  --p-color-border-control-hover: #eff1f6;
  --p-color-border-control-hover: oklch(0.958 0.0072 270);
  --p-color-border-control-strong: #eff1f6;
  --p-color-border-control-strong: oklch(0.958 0.0072 270);
  --p-color-border-default: #bcbec2;
  --p-color-border-default: oklch(0.8 0.0072 270);
  --p-color-border-strong: #eff1f6;
  --p-color-border-strong: oklch(0.958 0.0072 270);
  --p-color-border-subtle: #787a7f;
  --p-color-border-subtle: oklch(0.578 0.008 270);
  --p-color-danger-text: #ffdfdb;
  --p-color-danger-text: oklch(0.93 0.0356 27);
  --p-color-field-border-disabled: #787a7f;
  --p-color-field-border-disabled: oklch(0.578 0.008 270);
  --p-color-field-border-focus: #eff1f6;
  --p-color-field-border-focus: oklch(0.958 0.0072 270);
  --p-color-focus-ring: #eff1f6;
  --p-color-focus-ring: oklch(0.958 0.0072 270);
  --p-color-focus-ring-button: #eff1f659;
  --p-color-focus-ring-button: oklch(0.958 0.0072 270 / 0.35);
  --p-color-focus-ring-field: #eff1f652;
  --p-color-focus-ring-field: oklch(0.958 0.0072 270 / 0.32);
  --p-color-info-text: #d7eaff;
  --p-color-info-text: oklch(0.93 0.035 250);
  --p-color-nav-active: #23252b;
  --p-color-nav-active: oklch(0.2656 0.011 267.62);
  --p-color-nav-active-icon: #dce8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0334 263.45);
  --p-color-success-text: #d0f2d6;
  --p-color-success-text: oklch(0.93 0.0525 150);
  --p-color-text-disabled: #87898d;
  --p-color-text-disabled: oklch(0.629 0.0072 270);
  --p-color-text-link: #dce8ff;
  --p-color-text-link: oklch(0.93 0.0334 263.45);
  --p-color-text-secondary: #eff1f6;
  --p-color-text-secondary: oklch(0.958 0.0072 270);
  --p-color-text-tertiary: #bcbec2;
  --p-color-text-tertiary: oklch(0.8 0.0072 270);
  --p-color-warning-text: #fee3bf;
  --p-color-warning-text: oklch(0.93 0.056 75);
  --p-switch-border-off: #bcbec2;
  --p-switch-border-off: oklch(0.8 0.0072 270);
}

[data-business="b2c"][data-product="naalto"] {
  --p-color-accent-action: #15191d;
  --p-color-accent-action: oklch(0.21 0.0098 252.82);
  --p-color-accent-text: #15191d;
  --p-color-accent-text: oklch(0.21 0.0098 252.82);
  --p-color-bg-canvas: #f6f9fd;
  --p-color-bg-canvas: oklch(0.982 0.0065 252.82);
  --p-color-nav-active: #d7dbdf;
  --p-color-nav-active: oklch(0.8894 0.0069 252.82);
  --p-color-nav-active-icon: #15191d;
  --p-color-nav-active-icon: oklch(0.21 0.0098 252.82);
  --p-nav-preset: "tabs";
  --p-overlay-radius-sheet: 16px;
  --p-radius-card: 16px;
  --p-radius-control: 8px;
  --p-radius-factor: 0.75;
  --p-radius-inner-card: 8px;
  --p-radius-inner-control: 12px;
  --p-radius-pop: 16px;
  --p-radius-sheet: 16px;
  --p-type-card-meta-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-card-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-nav-label-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-section-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-section-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-business="b2c"][data-product="poliage"] {
  --p-color-accent-action: #1c1712;
  --p-color-accent-action: oklch(0.21 0.0122 67.67);
  --p-color-accent-text: #1c1712;
  --p-color-accent-text: oklch(0.21 0.0122 67.67);
  --p-color-bg-canvas: #fdf8f3;
  --p-color-bg-canvas: oklch(0.982 0.0081 67.67);
  --p-color-nav-active: #dedad5;
  --p-color-nav-active: oklch(0.8894 0.0086 67.67);
  --p-color-nav-active-icon: #1c1712;
  --p-color-nav-active-icon: oklch(0.21 0.0122 67.67);
  --p-type-card-meta-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-card-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-nav-label-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-section-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-section-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
}

[data-business="b2c"][data-product="poliage-beauty"] {
  --p-color-accent-action: #1a1813;
  --p-color-accent-action: oklch(0.21 0.01 87.48);
  --p-color-accent-text: #1a1813;
  --p-color-accent-text: oklch(0.21 0.01 87.48);
  --p-color-bg-canvas: #fbf9f4;
  --p-color-bg-canvas: oklch(0.982 0.0066 87.48);
  --p-color-nav-active: #dcdad5;
  --p-color-nav-active: oklch(0.8894 0.007 87.48);
  --p-color-nav-active-icon: #1a1813;
  --p-color-nav-active-icon: oklch(0.21 0.01 87.48);
  --p-motion-budget: "functional";
  --p-nav-preset: "tabs";
  --p-overlay-radius-sheet: 20px;
  --p-radius-card: 16px;
  --p-radius-control: 8px;
  --p-radius-factor: 0.8;
  --p-radius-inner-card: 12px;
  --p-radius-inner-control: 12px;
  --p-radius-pop: 16px;
  --p-radius-sheet: 20px;
  --p-type-card-meta-family: -apple-system, system-ui, sans-serif;
  --p-type-card-title-family: -apple-system, system-ui, sans-serif;
  --p-type-nav-label-family: -apple-system, system-ui, sans-serif;
  --p-type-section-title-mobile-family: -apple-system, system-ui, sans-serif;
  --p-type-section-title-family: -apple-system, system-ui, sans-serif;
  --p-type-title-mobile-family: -apple-system, system-ui, sans-serif;
}

[data-business="b2c"][data-product="paperrift"] {
  --p-color-accent-action: #19171e;
  --p-color-accent-action: oklch(0.21 0.0142 298.16);
  --p-color-accent-on-action: #ffffff;
  --p-color-accent-on-action: oklch(1 0 0);
  --p-color-accent-text: #19171e;
  --p-color-accent-text: oklch(0.21 0.0142 298.16);
  --p-color-bg-canvas: #faf8ff;
  --p-color-bg-canvas: oklch(0.982 0.0094 298.16);
  --p-color-nav-active: #dbd9e0;
  --p-color-nav-active: oklch(0.8894 0.01 298.16);
  --p-color-nav-active-icon: #19171e;
  --p-color-nav-active-icon: oklch(0.21 0.0142 298.16);
  --p-nav-preset: "tabs";
  --p-overlay-radius-sheet: 16px;
  --p-radius-card: 12px;
  --p-radius-control: 8px;
  --p-radius-factor: 0.7;
  --p-radius-inner-card: 8px;
  --p-radius-inner-control: 8px;
  --p-radius-pop: 12px;
  --p-radius-sheet: 16px;
  --p-type-card-meta-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-card-title-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-nav-label-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-section-title-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

[data-business="b2c"][data-product="ownmode"] {
  --p-color-accent-action: #1a1812;
  --p-color-accent-action: oklch(0.21 0.0114 89.73);
  --p-color-accent-text: #1a1812;
  --p-color-accent-text: oklch(0.21 0.0114 89.73);
  --p-color-bg-canvas: #fbf9f4;
  --p-color-bg-canvas: oklch(0.982 0.0075 89.73);
  --p-color-nav-active: #dcdad5;
  --p-color-nav-active: oklch(0.8894 0.008 89.73);
  --p-color-nav-active-icon: #1a1812;
  --p-color-nav-active-icon: oklch(0.21 0.0114 89.73);
  --p-motion-budget: "functional";
  --p-nav-preset: "tabs";
  --p-overlay-radius-sheet: 28px;
  --p-radius-card: 24px;
  --p-radius-control: 16px;
  --p-radius-factor: 1.2;
  --p-radius-inner-card: 20px;
  --p-radius-inner-control: 20px;
  --p-radius-pop: 24px;
  --p-radius-sheet: 28px;
  --p-type-card-meta-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-card-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-nav-label-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
}

[data-business="b2c"][data-product="loudsoup"] {
  --p-color-accent-action: #1b1814;
  --p-color-accent-action: oklch(0.21 0.008 73.74);
  --p-color-accent-text: #1b1814;
  --p-color-accent-text: oklch(0.21 0.008 73.74);
  --p-color-bg-canvas: #fbf9f5;
  --p-color-bg-canvas: oklch(0.982 0.0053 73.74);
  --p-color-nav-active: #dddad6;
  --p-color-nav-active: oklch(0.8894 0.0056 73.74);
  --p-color-nav-active-icon: #1b1814;
  --p-color-nav-active-icon: oklch(0.21 0.008 73.74);
  --p-overlay-radius-sheet: 16px;
  --p-radius-card: 12px;
  --p-radius-control: 8px;
  --p-radius-factor: 0.65;
  --p-radius-inner-card: 8px;
  --p-radius-inner-control: 8px;
  --p-radius-pop: 12px;
  --p-radius-sheet: 16px;
  --p-type-card-meta-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-card-title-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-nav-label-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-section-title-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
}

[data-business="b2c"][data-product="execemy"] {
  --p-color-accent-action: #1b1813;
  --p-color-accent-action: oklch(0.21 0.0105 84.59);
  --p-color-accent-text: #1b1813;
  --p-color-accent-text: oklch(0.21 0.0105 84.59);
  --p-color-bg-canvas: #fbf9f4;
  --p-color-bg-canvas: oklch(0.982 0.0069 84.59);
  --p-color-nav-active: #dddad5;
  --p-color-nav-active: oklch(0.8894 0.0073 84.59);
  --p-color-nav-active-icon: #1b1813;
  --p-color-nav-active-icon: oklch(0.21 0.0105 84.59);
  --p-motion-budget: "functional";
  --p-nav-preset: "sidebar";
  --p-overlay-radius-sheet: 20px;
  --p-radius-card: 16px;
  --p-radius-control: 8px;
  --p-radius-factor: 0.8;
  --p-radius-inner-card: 12px;
  --p-radius-inner-control: 12px;
  --p-radius-pop: 16px;
  --p-radius-sheet: 20px;
  --p-type-card-meta-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-card-title-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-nav-label-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

[data-business="b2c"][data-product="claradb"] {
  --p-motion-budget: "functional";
  --p-overlay-radius-sheet: 16px;
  --p-radius-card: 12px;
  --p-radius-control: 8px;
  --p-radius-factor: 0.6;
  --p-radius-inner-card: 8px;
  --p-radius-inner-control: 8px;
  --p-radius-pop: 12px;
  --p-radius-sheet: 16px;
  --p-type-card-meta-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-card-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-nav-label-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-section-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-section-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
}

[data-business="b2c"][data-product="plain-trades"] {
  --p-button-radius: 999px;
  --p-color-accent-action: #18181b;
  --p-color-accent-action: oklch(0.2103 0.0059 285.89);
  --p-color-accent-text: #18181b;
  --p-color-accent-text: oklch(0.2103 0.0059 285.89);
  --p-color-bg-canvas: #f4f2ee;
  --p-color-bg-canvas: oklch(0.9616 0.0057 84.57);
  --p-color-nav-active: #ffffff;
  --p-color-nav-active: oklch(1 0 0);
  --p-color-nav-active-icon: #6b6862;
  --p-color-nav-active-icon: oklch(0.5181 0.01 84.59);
  --p-type-card-meta-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-weight: 500;
  --p-type-display-s-weight-ko: 500;
  --p-type-nav-label-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-weight: 500;
  --p-type-section-title-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-weight: 500;
  --p-type-title-l-weight-ko: 500;
  --p-type-title-m-weight-ko: 500;
  --p-type-title-mobile-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-weight: 500;
  --p-type-title-s-weight-ko: 500;
}

[data-business="b2c"][data-product="handywright"] {
  --p-button-radius: 999px;
  --p-color-accent-action: #141414;
  --p-color-accent-action: oklch(0.1913 0 89.88);
  --p-color-accent-text: #141414;
  --p-color-accent-text: oklch(0.1913 0 89.88);
  --p-color-bg-canvas: #f0eee8;
  --p-color-bg-canvas: oklch(0.949 0.0083 91.48);
  --p-color-nav-active: #ffffff;
  --p-color-nav-active: oklch(1 0 0);
  --p-color-nav-active-icon: #66635c;
  --p-color-nav-active-icon: oklch(0.5002 0.0115 87.52);
  --p-type-card-meta-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-display-s-weight-ko: 600;
  --p-type-nav-label-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-weight: 600;
  --p-type-section-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-weight: 600;
  --p-type-title-l-weight-ko: 600;
  --p-type-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-weight: 600;
}

[data-business="b2c"][data-product="oslerpress"] {
  --p-color-accent-action: #14191e;
  --p-color-accent-action: oklch(0.21 0.012 250);
  --p-color-accent-on-action: #ffffff;
  --p-color-accent-on-action: oklch(1 0 0);
  --p-color-accent-text: #14191e;
  --p-color-accent-text: oklch(0.21 0.012 250);
  --p-color-bg-canvas: #f5fafe;
  --p-color-bg-canvas: oklch(0.982 0.0079 250);
  --p-color-nav-active: #d6dbe0;
  --p-color-nav-active: oklch(0.8894 0.0084 250);
  --p-color-nav-active-icon: #14191e;
  --p-color-nav-active-icon: oklch(0.21 0.012 250);
  --p-type-card-meta-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-display-s-weight-ko: 600;
  --p-type-nav-label-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-weight: 600;
  --p-type-section-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-weight: 600;
  --p-type-title-l-weight-ko: 600;
  --p-type-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-weight: 600;
}

[data-business="b2c"][data-world="editorial"] {
  --p-color-accent-action: #00667a;
  --p-color-accent-action: oklch(0.47 0.0849 218);
  --p-color-accent-text: #005465;
  --p-color-accent-text: oklch(0.41 0.0743 218);
  --p-color-bg-canvas: #f4faff;
  --p-color-bg-canvas: oklch(0.982 0.0092 245);
  --p-color-nav-active: #d8e5eb;
  --p-color-nav-active: oklch(0.9134 0.0165 230.84);
  --p-color-nav-active-icon: #005465;
  --p-color-nav-active-icon: oklch(0.41 0.0743 218);
  --p-type-body-l-line-height: 32px;
  --p-type-body-l-line-height-ko: 34px;
  --p-type-body-l-size: 19px;
  --p-type-card-meta-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-card-title-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-display-l-line-height: 56px;
  --p-type-display-l-line-height-ko: 61px;
  --p-type-display-m-line-height: 44px;
  --p-type-display-m-line-height-ko: 47.5px;
  --p-type-display-m-tracking: -0.01;
  --p-type-display-s-line-height: 36px;
  --p-type-display-s-tracking: -0.005;
  --p-type-nav-label-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-section-title-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

[data-business="b2c"][data-world="signal"] {
  --p-color-accent-action: #006deb;
  --p-color-accent-action: oklch(0.56 0.2082 258);
  --p-color-accent-text: #0059c4;
  --p-color-accent-text: oklch(0.488 0.1818 258);
  --p-color-bg-canvas: #f4f4f4;
  --p-color-bg-canvas: oklch(0.967 0 0);
  --p-color-nav-active: #d8e2f0;
  --p-color-nav-active: oklch(0.9095 0.0218 258);
  --p-color-nav-active-icon: #0059c4;
  --p-color-nav-active-icon: oklch(0.488 0.1818 258);
  --p-nav-preset: "tabs";
  --p-radius-media: 8px;
  --p-type-card-meta-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-card-title-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-display-l-line-height: 60px;
  --p-type-display-l-line-height-ko: 65.5px;
  --p-type-display-l-size: 56px;
  --p-type-display-l-tracking: -0.02;
  --p-type-display-m-line-height: 46px;
  --p-type-display-m-line-height-ko: 50px;
  --p-type-display-m-size: 40px;
  --p-type-display-s-line-height: 36px;
  --p-type-display-s-size: 30px;
  --p-type-display-s-tracking: -0.02;
  --p-type-nav-label-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-section-title-mobile-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-section-title-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-l-size: 24px;
  --p-type-title-mobile-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

[data-business="b2c"][data-density="compact"] {
  --p-button-size-md: 36px;
  --p-size-control-lg: 44px;
  --p-size-control-md: 36px;
}

[data-business="b2c"][data-density="regular"] {
  --p-button-size-md: 44px;
  --p-button-size-sm: 36px;
  --p-size-control-md: 44px;
  --p-size-control-sm: 36px;
}

[data-business="b2c"][data-contrast="increased"] {
  --p-color-bg-canvas: #fcfdff;
  --p-color-bg-canvas: oklch(0.993 0.0033 270);
  --p-color-nav-active: #dcdde0;
  --p-color-nav-active: oklch(0.899 0.0039 270);
}

[data-business="b2c"][data-theme="dark"] {
  --p-color-accent-action: #eff1f6;
  --p-color-accent-action: oklch(0.958 0.0072 270);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-text: #eff1f6;
  --p-color-accent-text: oklch(0.958 0.0072 270);
  --p-color-bg-canvas: #090a0e;
  --p-color-bg-canvas: oklch(0.145 0.008 270);
  --p-color-nav-active: #1e2024;
  --p-color-nav-active: oklch(0.2426 0.0079 270);
  --p-color-nav-active-icon: #eff1f6;
  --p-color-nav-active-icon: oklch(0.958 0.0072 270);
}

[data-business="game"][data-product="naalto"] {
  --p-color-accent-action: #15191d;
  --p-color-accent-action: oklch(0.21 0.0098 252.82);
  --p-color-accent-text: #15191d;
  --p-color-accent-text: oklch(0.21 0.0098 252.82);
  --p-color-bg-canvas: #f6f9fd;
  --p-color-bg-canvas: oklch(0.982 0.0065 252.82);
  --p-color-nav-active: #d7dbdf;
  --p-color-nav-active: oklch(0.8894 0.0069 252.82);
  --p-color-nav-active-icon: #15191d;
  --p-color-nav-active-icon: oklch(0.21 0.0098 252.82);
  --p-overlay-radius-sheet: 16px;
  --p-radius-card: 16px;
  --p-radius-control: 8px;
  --p-radius-factor: 0.75;
  --p-radius-inner-card: 8px;
  --p-radius-inner-control: 12px;
  --p-radius-pop: 16px;
  --p-radius-sheet: 16px;
  --p-type-card-meta-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-card-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-nav-label-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-section-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-section-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-business="game"][data-product="poliage"] {
  --p-color-accent-action: #1c1712;
  --p-color-accent-action: oklch(0.21 0.0122 67.67);
  --p-color-accent-text: #1c1712;
  --p-color-accent-text: oklch(0.21 0.0122 67.67);
  --p-color-bg-canvas: #fdf8f3;
  --p-color-bg-canvas: oklch(0.982 0.0081 67.67);
  --p-color-nav-active: #dedad5;
  --p-color-nav-active: oklch(0.8894 0.0086 67.67);
  --p-color-nav-active-icon: #1c1712;
  --p-color-nav-active-icon: oklch(0.21 0.0122 67.67);
  --p-nav-preset: "topbar";
  --p-type-card-meta-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-card-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-nav-label-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-section-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-section-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
}

[data-business="game"][data-product="poliage-beauty"] {
  --p-color-accent-action: #1a1813;
  --p-color-accent-action: oklch(0.21 0.01 87.48);
  --p-color-accent-text: #1a1813;
  --p-color-accent-text: oklch(0.21 0.01 87.48);
  --p-color-bg-canvas: #fbf9f4;
  --p-color-bg-canvas: oklch(0.982 0.0066 87.48);
  --p-color-nav-active: #dcdad5;
  --p-color-nav-active: oklch(0.8894 0.007 87.48);
  --p-color-nav-active-icon: #1a1813;
  --p-color-nav-active-icon: oklch(0.21 0.01 87.48);
  --p-motion-budget: "functional";
  --p-overlay-radius-sheet: 20px;
  --p-radius-card: 16px;
  --p-radius-control: 8px;
  --p-radius-factor: 0.8;
  --p-radius-inner-card: 12px;
  --p-radius-inner-control: 12px;
  --p-radius-pop: 20px;
  --p-radius-sheet: 20px;
  --p-type-card-meta-family: -apple-system, system-ui, sans-serif;
  --p-type-card-title-family: -apple-system, system-ui, sans-serif;
  --p-type-nav-label-family: -apple-system, system-ui, sans-serif;
  --p-type-section-title-mobile-family: -apple-system, system-ui, sans-serif;
  --p-type-section-title-family: -apple-system, system-ui, sans-serif;
  --p-type-title-mobile-family: -apple-system, system-ui, sans-serif;
}

[data-business="game"][data-product="paperrift"] {
  --p-color-accent-action: #19171e;
  --p-color-accent-action: oklch(0.21 0.0142 298.16);
  --p-color-accent-on-action: #ffffff;
  --p-color-accent-on-action: oklch(1 0 0);
  --p-color-accent-text: #19171e;
  --p-color-accent-text: oklch(0.21 0.0142 298.16);
  --p-color-bg-canvas: #faf8ff;
  --p-color-bg-canvas: oklch(0.982 0.0094 298.16);
  --p-color-nav-active: #dbd9e0;
  --p-color-nav-active: oklch(0.8894 0.01 298.16);
  --p-color-nav-active-icon: #19171e;
  --p-color-nav-active-icon: oklch(0.21 0.0142 298.16);
  --p-overlay-radius-sheet: 16px;
  --p-radius-card: 12px;
  --p-radius-control: 8px;
  --p-radius-factor: 0.7;
  --p-radius-inner-card: 8px;
  --p-radius-inner-control: 8px;
  --p-radius-pop: 16px;
  --p-radius-sheet: 16px;
  --p-type-card-meta-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-card-title-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-nav-label-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-section-title-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

[data-business="game"][data-product="ownmode"] {
  --p-color-accent-action: #1a1812;
  --p-color-accent-action: oklch(0.21 0.0114 89.73);
  --p-color-accent-text: #1a1812;
  --p-color-accent-text: oklch(0.21 0.0114 89.73);
  --p-color-bg-canvas: #fbf9f4;
  --p-color-bg-canvas: oklch(0.982 0.0075 89.73);
  --p-color-nav-active: #dcdad5;
  --p-color-nav-active: oklch(0.8894 0.008 89.73);
  --p-color-nav-active-icon: #1a1812;
  --p-color-nav-active-icon: oklch(0.21 0.0114 89.73);
  --p-motion-budget: "functional";
  --p-overlay-radius-sheet: 28px;
  --p-radius-card: 24px;
  --p-radius-control: 16px;
  --p-radius-factor: 1.2;
  --p-radius-inner-card: 20px;
  --p-radius-inner-control: 20px;
  --p-radius-pop: 28px;
  --p-radius-sheet: 28px;
  --p-type-card-meta-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-card-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-nav-label-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
}

[data-business="game"][data-product="loudsoup"] {
  --p-color-accent-action: #1b1814;
  --p-color-accent-action: oklch(0.21 0.008 73.74);
  --p-color-accent-text: #1b1814;
  --p-color-accent-text: oklch(0.21 0.008 73.74);
  --p-color-bg-canvas: #fbf9f5;
  --p-color-bg-canvas: oklch(0.982 0.0053 73.74);
  --p-color-nav-active: #dddad6;
  --p-color-nav-active: oklch(0.8894 0.0056 73.74);
  --p-color-nav-active-icon: #1b1814;
  --p-color-nav-active-icon: oklch(0.21 0.008 73.74);
  --p-nav-preset: "topbar";
  --p-overlay-radius-sheet: 16px;
  --p-radius-card: 12px;
  --p-radius-control: 8px;
  --p-radius-factor: 0.65;
  --p-radius-inner-card: 8px;
  --p-radius-inner-control: 8px;
  --p-radius-pop: 16px;
  --p-radius-sheet: 16px;
  --p-type-card-meta-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-card-title-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-nav-label-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-section-title-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
}

[data-business="game"][data-product="execemy"] {
  --p-color-accent-action: #1b1813;
  --p-color-accent-action: oklch(0.21 0.0105 84.59);
  --p-color-accent-text: #1b1813;
  --p-color-accent-text: oklch(0.21 0.0105 84.59);
  --p-color-bg-canvas: #fbf9f4;
  --p-color-bg-canvas: oklch(0.982 0.0069 84.59);
  --p-color-nav-active: #dddad5;
  --p-color-nav-active: oklch(0.8894 0.0073 84.59);
  --p-color-nav-active-icon: #1b1813;
  --p-color-nav-active-icon: oklch(0.21 0.0105 84.59);
  --p-motion-budget: "functional";
  --p-nav-preset: "sidebar";
  --p-overlay-radius-sheet: 20px;
  --p-radius-card: 16px;
  --p-radius-control: 8px;
  --p-radius-factor: 0.8;
  --p-radius-inner-card: 12px;
  --p-radius-inner-control: 12px;
  --p-radius-pop: 20px;
  --p-radius-sheet: 20px;
  --p-type-card-meta-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-card-title-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-nav-label-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

[data-business="game"][data-product="claradb"] {
  --p-motion-budget: "functional";
  --p-nav-preset: "topbar";
  --p-overlay-radius-sheet: 16px;
  --p-radius-card: 12px;
  --p-radius-control: 8px;
  --p-radius-factor: 0.6;
  --p-radius-inner-card: 8px;
  --p-radius-inner-control: 8px;
  --p-radius-pop: 16px;
  --p-radius-sheet: 16px;
  --p-type-card-meta-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-card-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-nav-label-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-section-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-section-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
}

[data-business="game"][data-product="plain-trades"] {
  --p-color-accent-action: #18181b;
  --p-color-accent-action: oklch(0.2103 0.0059 285.89);
  --p-color-accent-text: #18181b;
  --p-color-accent-text: oklch(0.2103 0.0059 285.89);
  --p-color-bg-canvas: #f4f2ee;
  --p-color-bg-canvas: oklch(0.9616 0.0057 84.57);
  --p-color-nav-active: #ffffff;
  --p-color-nav-active: oklch(1 0 0);
  --p-color-nav-active-icon: #6b6862;
  --p-color-nav-active-icon: oklch(0.5181 0.01 84.59);
  --p-type-card-meta-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-weight: 500;
  --p-type-display-s-weight-ko: 500;
  --p-type-nav-label-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-weight: 500;
  --p-type-section-title-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-weight: 500;
  --p-type-title-l-weight-ko: 500;
  --p-type-title-m-weight-ko: 500;
  --p-type-title-mobile-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-weight: 500;
  --p-type-title-s-weight-ko: 500;
}

[data-business="game"][data-product="handywright"] {
  --p-color-accent-action: #141414;
  --p-color-accent-action: oklch(0.1913 0 89.88);
  --p-color-accent-text: #141414;
  --p-color-accent-text: oklch(0.1913 0 89.88);
  --p-color-bg-canvas: #f0eee8;
  --p-color-bg-canvas: oklch(0.949 0.0083 91.48);
  --p-color-nav-active: #ffffff;
  --p-color-nav-active: oklch(1 0 0);
  --p-color-nav-active-icon: #66635c;
  --p-color-nav-active-icon: oklch(0.5002 0.0115 87.52);
  --p-type-card-meta-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-display-s-weight-ko: 600;
  --p-type-nav-label-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-weight: 600;
  --p-type-section-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-weight: 600;
  --p-type-title-l-weight-ko: 600;
  --p-type-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-weight: 600;
}

[data-business="game"][data-product="oslerpress"] {
  --p-color-accent-action: #14191e;
  --p-color-accent-action: oklch(0.21 0.012 250);
  --p-color-accent-on-action: #ffffff;
  --p-color-accent-on-action: oklch(1 0 0);
  --p-color-accent-text: #14191e;
  --p-color-accent-text: oklch(0.21 0.012 250);
  --p-color-bg-canvas: #f5fafe;
  --p-color-bg-canvas: oklch(0.982 0.0079 250);
  --p-color-nav-active: #d6dbe0;
  --p-color-nav-active: oklch(0.8894 0.0084 250);
  --p-color-nav-active-icon: #14191e;
  --p-color-nav-active-icon: oklch(0.21 0.012 250);
  --p-type-card-meta-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-display-s-weight-ko: 600;
  --p-type-nav-label-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-weight: 600;
  --p-type-section-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-weight: 600;
  --p-type-title-l-weight-ko: 600;
  --p-type-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-weight: 600;
}

[data-business="game"][data-world="editorial"] {
  --p-color-accent-action: #00667a;
  --p-color-accent-action: oklch(0.47 0.0849 218);
  --p-color-accent-text: #005465;
  --p-color-accent-text: oklch(0.41 0.0743 218);
  --p-color-bg-canvas: #f4faff;
  --p-color-bg-canvas: oklch(0.982 0.0092 245);
  --p-color-nav-active: #d8e5eb;
  --p-color-nav-active: oklch(0.9134 0.0165 230.84);
  --p-color-nav-active-icon: #005465;
  --p-color-nav-active-icon: oklch(0.41 0.0743 218);
  --p-nav-preset: "topbar";
  --p-type-body-l-line-height: 32px;
  --p-type-body-l-line-height-ko: 34px;
  --p-type-body-l-size: 19px;
  --p-type-card-meta-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-card-title-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-display-l-line-height: 56px;
  --p-type-display-l-line-height-ko: 61px;
  --p-type-display-m-line-height: 44px;
  --p-type-display-m-line-height-ko: 47.5px;
  --p-type-display-m-tracking: -0.01;
  --p-type-display-s-line-height: 36px;
  --p-type-display-s-tracking: -0.005;
  --p-type-nav-label-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-section-title-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

[data-business="game"][data-world="signal"] {
  --p-color-accent-action: #006deb;
  --p-color-accent-action: oklch(0.56 0.2082 258);
  --p-color-accent-text: #0059c4;
  --p-color-accent-text: oklch(0.488 0.1818 258);
  --p-color-bg-canvas: #f4f4f4;
  --p-color-bg-canvas: oklch(0.967 0 0);
  --p-color-nav-active: #d8e2f0;
  --p-color-nav-active: oklch(0.9095 0.0218 258);
  --p-color-nav-active-icon: #0059c4;
  --p-color-nav-active-icon: oklch(0.488 0.1818 258);
  --p-radius-media: 8px;
  --p-type-card-meta-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-card-title-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-display-l-line-height: 60px;
  --p-type-display-l-line-height-ko: 65.5px;
  --p-type-display-l-size: 56px;
  --p-type-display-l-tracking: -0.02;
  --p-type-display-m-line-height: 46px;
  --p-type-display-m-line-height-ko: 50px;
  --p-type-display-m-size: 40px;
  --p-type-display-s-line-height: 36px;
  --p-type-display-s-size: 30px;
  --p-type-display-s-tracking: -0.02;
  --p-type-nav-label-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-section-title-mobile-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-section-title-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-l-size: 24px;
  --p-type-title-mobile-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

[data-business="game"][data-density="compact"] {
  --p-button-size-md: 36px;
  --p-size-control-lg: 44px;
  --p-size-control-md: 36px;
}

[data-business="game"][data-density="regular"] {
  --p-button-size-md: 44px;
  --p-button-size-sm: 36px;
  --p-size-control-md: 44px;
  --p-size-control-sm: 36px;
}

[data-business="game"][data-contrast="increased"] {
  --p-color-bg-canvas: #fcfdff;
  --p-color-bg-canvas: oklch(0.993 0.0033 270);
  --p-color-nav-active: #dcdde0;
  --p-color-nav-active: oklch(0.899 0.0039 270);
}

[data-business="game"][data-theme="dark"] {
  --p-color-accent-action: #eff1f6;
  --p-color-accent-action: oklch(0.958 0.0072 270);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-text: #eff1f6;
  --p-color-accent-text: oklch(0.958 0.0072 270);
  --p-color-bg-canvas: #090a0e;
  --p-color-bg-canvas: oklch(0.145 0.008 270);
  --p-color-nav-active: #1e2024;
  --p-color-nav-active: oklch(0.2426 0.0079 270);
  --p-color-nav-active-icon: #eff1f6;
  --p-color-nav-active-icon: oklch(0.958 0.0072 270);
}

[data-platform="ios"][data-product="naalto"] {
  --p-font-family-display: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-font-family-sans: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-body-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-body-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-body-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-caption-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-label-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-label-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-label-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-numeric-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-title-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-title-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-title-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-platform="ios"][data-product="poliage"] {
  --p-font-family-display: Georgia, "Pretendard Variable", serif;
  --p-font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-body-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-body-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-body-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-caption-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-display-l-family: Georgia, "Pretendard Variable", serif;
  --p-type-display-m-family: Georgia, "Pretendard Variable", serif;
  --p-type-display-s-family: Georgia, "Pretendard Variable", serif;
  --p-type-label-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-label-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-label-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-numeric-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-title-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-title-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-title-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
}

[data-platform="ios"][data-product="poliage-beauty"] {
  --p-font-family-display: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-font-family-sans: -apple-system, system-ui, sans-serif;
  --p-type-body-l-family: -apple-system, system-ui, sans-serif;
  --p-type-body-m-family: -apple-system, system-ui, sans-serif;
  --p-type-body-s-family: -apple-system, system-ui, sans-serif;
  --p-type-caption-family: -apple-system, system-ui, sans-serif;
  --p-type-display-l-family: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-display-m-family: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-display-s-family: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-label-l-family: -apple-system, system-ui, sans-serif;
  --p-type-label-m-family: -apple-system, system-ui, sans-serif;
  --p-type-label-s-family: -apple-system, system-ui, sans-serif;
  --p-type-numeric-family: -apple-system, system-ui, sans-serif;
  --p-type-title-l-family: -apple-system, system-ui, sans-serif;
  --p-type-title-m-family: -apple-system, system-ui, sans-serif;
  --p-type-title-s-family: -apple-system, system-ui, sans-serif;
}

[data-platform="ios"][data-product="paperrift"] {
  --p-font-family-display: Cinzel, Georgia, serif;
  --p-font-family-sans: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-body-l-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-body-m-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-body-s-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-caption-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-display-l-family: Cinzel, Georgia, serif;
  --p-type-display-m-family: Cinzel, Georgia, serif;
  --p-type-display-s-family: Cinzel, Georgia, serif;
  --p-type-label-l-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-label-m-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-label-s-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-numeric-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-l-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-m-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-s-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

[data-platform="ios"][data-product="ownmode"] {
  --p-font-family-display: ui-serif, Georgia, serif;
  --p-font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-body-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-body-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-body-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-caption-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-display-l-family: ui-serif, Georgia, serif;
  --p-type-display-m-family: ui-serif, Georgia, serif;
  --p-type-display-s-family: ui-serif, Georgia, serif;
  --p-type-label-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-label-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-label-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-numeric-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-title-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-title-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-title-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
}

[data-platform="ios"][data-product="loudsoup"] {
  --p-font-family-display: Fraunces, Georgia, serif;
  --p-font-family-sans: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-body-l-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-body-m-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-body-s-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-caption-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-display-l-family: Fraunces, Georgia, serif;
  --p-type-display-m-family: Fraunces, Georgia, serif;
  --p-type-display-s-family: Fraunces, Georgia, serif;
  --p-type-label-l-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-label-m-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-label-s-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-numeric-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-title-l-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-title-m-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-title-s-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
}

[data-platform="ios"][data-product="execemy"] {
  --p-font-family-display: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-font-family-sans: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-body-l-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-body-m-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-body-s-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-caption-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-display-l-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-display-m-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-display-s-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-label-l-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-label-m-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-label-s-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-numeric-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-title-l-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-title-m-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-title-s-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

[data-platform="ios"][data-product="claradb"] {
  --p-font-family-display: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-font-family-sans: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-body-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-body-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-body-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-caption-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-display-l-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-display-m-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-display-s-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-label-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-label-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-label-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-numeric-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-title-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-title-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-title-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
}

[data-platform="ios"][data-product="plain-trades"] {
  --p-font-family-sans: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-l-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-m-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-s-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-caption-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-l-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-m-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-s-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-numeric-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-l-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-m-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-s-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-platform="ios"][data-product="handywright"] {
  --p-font-family-sans: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-caption-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-numeric-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-platform="ios"][data-product="oslerpress"] {
  --p-font-family-mono: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-font-family-sans: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-caption-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-code-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-numeric-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-platform="ios"][data-world="editorial"] {
  --p-font-family-display: "Newsreader Variable", "Source Serif 4 Variable", "Pretendard Variable", Georgia, serif;
  --p-type-display-l-family: "Newsreader Variable", "Source Serif 4 Variable", "Pretendard Variable", Georgia, serif;
  --p-type-display-l-tracking: -0.015;
  --p-type-display-m-family: "Newsreader Variable", "Source Serif 4 Variable", "Pretendard Variable", Georgia, serif;
  --p-type-display-m-size: 28px;
  --p-type-display-m-tracking: -0.01;
  --p-type-display-s-family: "Newsreader Variable", "Source Serif 4 Variable", "Pretendard Variable", Georgia, serif;
  --p-type-display-s-tracking: -0.005;
  --p-type-title-l-size: 20px;
}

[data-platform="ios"][data-world="signal"] {
  --p-font-family-display: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-display-l-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-display-l-tracking: -0.03;
  --p-type-display-m-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-display-m-size: 28px;
  --p-type-display-m-tracking: -0.03;
  --p-type-display-s-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-display-s-tracking: -0.02;
  --p-type-title-l-size: 20px;
}

[data-platform="ios"][data-density="compact"] {
  --p-size-control-lg: 44px;
  --p-size-control-md: 40px;
  --p-size-control-sm: 28px;
}

[data-platform="ios"][data-density="regular"] {
  --p-size-control-md: 48px;
  --p-size-control-sm: 36px;
}

[data-platform="ios"][data-business="b2c"] {
  --p-button-font-size: 13px;
  --p-button-font-size-lg: 14px;
  --p-button-size-lg: 36px;
  --p-button-size-md: 32px;
  --p-button-size-sm: 28px;
  --p-layout-gutter-compact: 16px;
  --p-layout-gutter-expanded: 24px;
  --p-layout-gutter-medium: 24px;
  --p-motion-spring-bouncy-duration: 0.5;
  --p-motion-spring-bouncy-bounce: 0.3;
  --p-nav-preset: "tabs";
  --p-type-body-m-line-height: 21px;
  --p-type-body-m-line-height-ko: 22.5px;
  --p-type-caption-line-height: 16px;
  --p-type-caption-line-height-ko: 17px;
  --p-type-caption-size: 12px;
  --p-type-card-meta-family: system-ui;
  --p-type-card-title-family: system-ui;
  --p-type-display-m-size: 28px;
  --p-type-nav-label-family: system-ui;
  --p-type-section-title-mobile-family: system-ui;
  --p-type-section-title-family: system-ui;
  --p-type-title-l-size: 20px;
  --p-type-title-mobile-family: system-ui;
  --p-type-title-s-line-height: 20px;
  --p-type-title-s-line-height-ko: 21.5px;
}

[data-platform="ios"][data-business="game"] {
  --p-button-font-size: 13px;
  --p-button-font-size-lg: 14px;
  --p-button-size-lg: 36px;
  --p-button-size-md: 32px;
  --p-button-size-sm: 28px;
  --p-layout-gutter-compact: 16px;
  --p-layout-gutter-expanded: 24px;
  --p-layout-gutter-medium: 24px;
  --p-motion-game-spring-pop-duration: 0.36;
  --p-motion-game-spring-pop-bounce: 0.3;
  --p-motion-game-spring-release-duration: 0.4;
  --p-motion-game-spring-release-bounce: 0.35;
  --p-motion-spring-bouncy-duration: 0.5;
  --p-motion-spring-bouncy-bounce: 0.3;
  --p-type-body-m-line-height: 21px;
  --p-type-body-m-line-height-ko: 22.5px;
  --p-type-caption-line-height: 16px;
  --p-type-caption-line-height-ko: 17px;
  --p-type-caption-size: 12px;
  --p-type-card-meta-family: system-ui;
  --p-type-card-title-family: system-ui;
  --p-type-display-m-size: 28px;
  --p-type-nav-label-family: system-ui;
  --p-type-section-title-mobile-family: system-ui;
  --p-type-section-title-family: system-ui;
  --p-type-title-l-size: 20px;
  --p-type-title-mobile-family: system-ui;
  --p-type-title-s-line-height: 20px;
  --p-type-title-s-line-height-ko: 21.5px;
}

[data-platform="android"][data-product="naalto"] {
  --p-font-family-display: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-font-family-sans: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-body-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-body-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-body-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-caption-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-label-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-label-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-label-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-numeric-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-title-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-title-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-title-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-platform="android"][data-product="poliage"] {
  --p-font-family-display: Georgia, "Pretendard Variable", serif;
  --p-font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-body-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-body-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-body-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-caption-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-display-l-family: Georgia, "Pretendard Variable", serif;
  --p-type-display-m-family: Georgia, "Pretendard Variable", serif;
  --p-type-display-s-family: Georgia, "Pretendard Variable", serif;
  --p-type-label-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-label-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-label-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-numeric-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-title-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-title-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-title-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
}

[data-platform="android"][data-product="poliage-beauty"] {
  --p-font-family-display: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-font-family-sans: -apple-system, system-ui, sans-serif;
  --p-type-body-l-family: -apple-system, system-ui, sans-serif;
  --p-type-body-m-family: -apple-system, system-ui, sans-serif;
  --p-type-body-s-family: -apple-system, system-ui, sans-serif;
  --p-type-caption-family: -apple-system, system-ui, sans-serif;
  --p-type-display-l-family: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-display-m-family: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-display-s-family: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-label-l-family: -apple-system, system-ui, sans-serif;
  --p-type-label-m-family: -apple-system, system-ui, sans-serif;
  --p-type-label-s-family: -apple-system, system-ui, sans-serif;
  --p-type-numeric-family: -apple-system, system-ui, sans-serif;
  --p-type-title-l-family: -apple-system, system-ui, sans-serif;
  --p-type-title-m-family: -apple-system, system-ui, sans-serif;
  --p-type-title-s-family: -apple-system, system-ui, sans-serif;
}

[data-platform="android"][data-product="paperrift"] {
  --p-font-family-display: Cinzel, Georgia, serif;
  --p-font-family-sans: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-body-l-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-body-m-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-body-s-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-caption-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-display-l-family: Cinzel, Georgia, serif;
  --p-type-display-m-family: Cinzel, Georgia, serif;
  --p-type-display-s-family: Cinzel, Georgia, serif;
  --p-type-label-l-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-label-m-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-label-s-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-numeric-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-l-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-m-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-s-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

[data-platform="android"][data-product="ownmode"] {
  --p-font-family-display: ui-serif, Georgia, serif;
  --p-font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-body-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-body-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-body-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-caption-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-display-l-family: ui-serif, Georgia, serif;
  --p-type-display-m-family: ui-serif, Georgia, serif;
  --p-type-display-s-family: ui-serif, Georgia, serif;
  --p-type-label-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-label-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-label-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-numeric-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-title-l-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-title-m-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-title-s-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
}

[data-platform="android"][data-product="loudsoup"] {
  --p-font-family-display: Fraunces, Georgia, serif;
  --p-font-family-sans: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-body-l-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-body-m-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-body-s-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-caption-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-display-l-family: Fraunces, Georgia, serif;
  --p-type-display-m-family: Fraunces, Georgia, serif;
  --p-type-display-s-family: Fraunces, Georgia, serif;
  --p-type-label-l-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-label-m-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-label-s-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-numeric-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-title-l-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-title-m-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-title-s-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
}

[data-platform="android"][data-product="execemy"] {
  --p-font-family-display: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-font-family-sans: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-body-l-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-body-m-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-body-s-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-caption-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-display-l-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-display-m-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-display-s-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-label-l-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-label-m-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-label-s-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-numeric-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-title-l-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-title-m-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-title-s-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

[data-platform="android"][data-product="claradb"] {
  --p-font-family-display: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-font-family-sans: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-body-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-body-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-body-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-caption-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-display-l-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-display-m-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-display-s-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-label-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-label-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-label-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-numeric-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-title-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-title-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-title-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
}

[data-platform="android"][data-product="plain-trades"] {
  --p-font-family-sans: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-l-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-m-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-s-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-caption-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-l-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-m-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-s-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-numeric-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-l-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-m-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-s-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-platform="android"][data-product="handywright"] {
  --p-font-family-sans: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-caption-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-display-l-weight: 600;
  --p-type-display-m-weight: 600;
  --p-type-display-s-weight: 600;
  --p-type-label-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-numeric-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-s-weight: 600;
}

[data-platform="android"][data-product="oslerpress"] {
  --p-font-family-mono: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-font-family-sans: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-body-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-caption-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-code-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-display-l-weight: 600;
  --p-type-display-m-weight: 600;
  --p-type-display-s-weight: 600;
  --p-type-label-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-label-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-numeric-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-l-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-m-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-s-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-s-weight: 600;
}

[data-platform="android"][data-world="editorial"] {
  --p-font-family-display: "Newsreader Variable", "Source Serif 4 Variable", "Pretendard Variable", Georgia, serif;
  --p-type-body-l-line-height: 24px;
  --p-type-body-l-line-height-ko: 25.5px;
  --p-type-body-l-size: 16px;
  --p-type-display-l-family: "Newsreader Variable", "Source Serif 4 Variable", "Pretendard Variable", Georgia, serif;
  --p-type-display-l-tracking: -0.015;
  --p-type-display-l-weight: 500;
  --p-type-display-m-family: "Newsreader Variable", "Source Serif 4 Variable", "Pretendard Variable", Georgia, serif;
  --p-type-display-m-tracking: -0.01;
  --p-type-display-m-weight: 500;
  --p-type-display-s-family: "Newsreader Variable", "Source Serif 4 Variable", "Pretendard Variable", Georgia, serif;
  --p-type-display-s-tracking: -0.005;
  --p-type-display-s-weight: 500;
  --p-type-title-l-line-height: 28px;
  --p-type-title-l-line-height-ko: 30px;
}

[data-platform="android"][data-world="signal"] {
  --p-font-family-display: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-display-l-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-display-l-tracking: -0.03;
  --p-type-display-l-weight: 700;
  --p-type-display-m-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-display-m-tracking: -0.03;
  --p-type-display-m-weight: 700;
  --p-type-display-s-family: Geist, "Geist Fallback", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-display-s-tracking: -0.02;
  --p-type-display-s-weight: 700;
  --p-type-title-l-line-height: 28px;
  --p-type-title-l-line-height-ko: 30px;
}

[data-platform="android"][data-density="compact"] {
  --p-size-control-lg: 40px;
  --p-size-control-md: 36px;
  --p-size-control-sm: 28px;
}

[data-platform="android"][data-density="regular"] {
  --p-size-control-md: 48px;
  --p-size-control-sm: 36px;
}

[data-platform="android"][data-business="b2c"] {
  --p-button-font-size: 13px;
  --p-button-font-size-lg: 14px;
  --p-button-size-lg: 36px;
  --p-button-size-md: 32px;
  --p-button-size-sm: 28px;
  --p-layout-gutter-compact: 16px;
  --p-layout-gutter-expanded: 24px;
  --p-layout-gutter-medium: 24px;
  --p-layout-height-tab-bar: 64px;
  --p-motion-spring-bouncy-damping-ratio: 0.8;
  --p-motion-spring-bouncy-stiffness: 380;
  --p-nav-preset: "tabs";
  --p-type-body-l-line-height: 24px;
  --p-type-body-l-line-height-ko: 25.5px;
  --p-type-body-l-size: 16px;
  --p-type-caption-line-height: 16px;
  --p-type-caption-line-height-ko: 17px;
  --p-type-caption-size: 12px;
  --p-type-card-meta-family: system-ui;
  --p-type-card-title-family: system-ui;
  --p-type-label-l-line-height: 20px;
  --p-type-label-l-line-height-ko: 21.5px;
  --p-type-label-l-size: 14px;
  --p-type-label-s-line-height: 16px;
  --p-type-label-s-line-height-ko: 17px;
  --p-type-label-s-size: 12px;
  --p-type-nav-label-family: system-ui;
  --p-type-numeric-line-height: 20px;
  --p-type-numeric-line-height-ko: 21.5px;
  --p-type-numeric-size: 14px;
  --p-type-section-title-mobile-family: system-ui;
  --p-type-section-title-family: system-ui;
  --p-type-title-l-line-height-ko: 30px;
  --p-type-title-m-line-height-ko: 25.5px;
  --p-type-title-m-size: 16px;
  --p-type-title-mobile-family: system-ui;
  --p-type-title-s-line-height: 20px;
  --p-type-title-s-line-height-ko: 21.5px;
  --p-type-title-s-size: 14px;
}

[data-platform="android"][data-business="game"] {
  --p-button-font-size: 13px;
  --p-button-font-size-lg: 14px;
  --p-button-size-lg: 36px;
  --p-button-size-md: 32px;
  --p-button-size-sm: 28px;
  --p-layout-gutter-compact: 16px;
  --p-layout-gutter-expanded: 24px;
  --p-layout-gutter-medium: 24px;
  --p-layout-height-tab-bar: 64px;
  --p-motion-game-spring-pop-damping-ratio: 0.7;
  --p-motion-game-spring-pop-stiffness: 500;
  --p-motion-game-spring-release-damping-ratio: 0.65;
  --p-motion-game-spring-release-stiffness: 400;
  --p-motion-spring-bouncy-damping-ratio: 0.8;
  --p-motion-spring-bouncy-stiffness: 380;
  --p-type-body-l-line-height: 24px;
  --p-type-body-l-line-height-ko: 25.5px;
  --p-type-body-l-size: 16px;
  --p-type-caption-line-height: 16px;
  --p-type-caption-line-height-ko: 17px;
  --p-type-caption-size: 12px;
  --p-type-card-meta-family: system-ui;
  --p-type-card-title-family: system-ui;
  --p-type-label-l-line-height: 20px;
  --p-type-label-l-line-height-ko: 21.5px;
  --p-type-label-l-size: 14px;
  --p-type-label-s-line-height: 16px;
  --p-type-label-s-line-height-ko: 17px;
  --p-type-label-s-size: 12px;
  --p-type-nav-label-family: system-ui;
  --p-type-numeric-line-height: 20px;
  --p-type-numeric-line-height-ko: 21.5px;
  --p-type-numeric-size: 14px;
  --p-type-section-title-mobile-family: system-ui;
  --p-type-section-title-family: system-ui;
  --p-type-title-l-line-height-ko: 30px;
  --p-type-title-m-line-height-ko: 25.5px;
  --p-type-title-m-size: 16px;
  --p-type-title-mobile-family: system-ui;
  --p-type-title-s-line-height: 20px;
  --p-type-title-s-line-height-ko: 21.5px;
  --p-type-title-s-size: 14px;
}

[data-contrast="increased"][data-world="editorial"][data-product="accountmade"] {
  --p-color-accent-text: #1b2c50;
  --p-color-accent-text: oklch(0.3 0.0693 263.45);
  --p-color-agent-text: #1b2c50;
  --p-color-agent-text: oklch(0.3 0.0693 263.45);
  --p-color-nav-active: #dde2e9;
  --p-color-nav-active: oklch(0.9098 0.0114 258.39);
  --p-color-nav-active-icon: #1b2c50;
  --p-color-nav-active-icon: oklch(0.3 0.0693 263.45);
  --p-color-text-link: #1b2c50;
  --p-color-text-link: oklch(0.3 0.0693 263.45);
}

[data-contrast="increased"][data-world="editorial"][data-product="naalto"] {
  --p-button-focus-border: #15191d;
  --p-button-focus-border: oklch(0.21 0.0098 252.82);
  --p-choice-border: #494d52;
  --p-choice-border: oklch(0.42 0.0098 252.82);
  --p-color-accent-text: #262d38;
  --p-color-accent-text: oklch(0.296 0.0218 254.96);
  --p-color-agent-text: #262d38;
  --p-color-agent-text: oklch(0.296 0.0218 254.96);
  --p-color-bg-canvas: #fbfdff;
  --p-color-bg-canvas: oklch(0.993 0.0034 252.82);
  --p-color-border-control: #494d52;
  --p-color-border-control: oklch(0.42 0.0098 252.82);
  --p-color-border-control-hover: #15191d;
  --p-color-border-control-hover: oklch(0.21 0.0098 252.82);
  --p-color-border-control-strong: #15191d;
  --p-color-border-control-strong: oklch(0.21 0.0098 252.82);
  --p-color-border-default: #494d52;
  --p-color-border-default: oklch(0.42 0.0098 252.82);
  --p-color-border-strong: #15191d;
  --p-color-border-strong: oklch(0.21 0.0098 252.82);
  --p-color-border-subtle: #82878c;
  --p-color-border-subtle: oklch(0.62 0.01 252.82);
  --p-color-field-border-disabled: #82878c;
  --p-color-field-border-disabled: oklch(0.62 0.01 252.82);
  --p-color-field-border-focus: #15191d;
  --p-color-field-border-focus: oklch(0.21 0.0098 252.82);
  --p-color-focus-ring: #15191d;
  --p-color-focus-ring: oklch(0.21 0.0098 252.82);
  --p-color-focus-ring-button: #15191d59;
  --p-color-focus-ring-button: oklch(0.21 0.0098 252.82 / 0.35);
  --p-color-focus-ring-field: #15191d38;
  --p-color-focus-ring-field: oklch(0.21 0.0098 252.82 / 0.22);
  --p-color-nav-active: #dee1e5;
  --p-color-nav-active: oklch(0.9094 0.0056 253.82);
  --p-color-nav-active-icon: #262d38;
  --p-color-nav-active-icon: oklch(0.296 0.0218 254.96);
  --p-color-text-disabled: #70757a;
  --p-color-text-disabled: oklch(0.56 0.0098 252.82);
  --p-color-text-link: #262d38;
  --p-color-text-link: oklch(0.296 0.0218 254.96);
  --p-color-text-secondary: #15191d;
  --p-color-text-secondary: oklch(0.21 0.0098 252.82);
  --p-color-text-tertiary: #494d52;
  --p-color-text-tertiary: oklch(0.42 0.0098 252.82);
  --p-switch-border-off: #494d52;
  --p-switch-border-off: oklch(0.42 0.0098 252.82);
}

[data-contrast="increased"][data-world="editorial"][data-product="poliage"] {
  --p-button-focus-border: #1c1712;
  --p-button-focus-border: oklch(0.21 0.0122 67.67);
  --p-choice-border: #534d47;
  --p-choice-border: oklch(0.424 0.0122 67.67);
  --p-color-accent-text: #352929;
  --p-color-accent-text: oklch(0.296 0.0179 23.08);
  --p-color-agent-text: #352929;
  --p-color-agent-text: oklch(0.296 0.0179 23.08);
  --p-color-bg-canvas: #fffcf9;
  --p-color-bg-canvas: oklch(0.993 0.0049 67.67);
  --p-color-border-control: #534d47;
  --p-color-border-control: oklch(0.424 0.0122 67.67);
  --p-color-border-control-hover: #1c1712;
  --p-color-border-control-hover: oklch(0.21 0.0122 67.67);
  --p-color-border-control-strong: #1c1712;
  --p-color-border-control-strong: oklch(0.21 0.0122 67.67);
  --p-color-border-default: #534d47;
  --p-color-border-default: oklch(0.424 0.0122 67.67);
  --p-color-border-strong: #1c1712;
  --p-color-border-strong: oklch(0.21 0.0122 67.67);
  --p-color-border-subtle: #8d8680;
  --p-color-border-subtle: oklch(0.624 0.0124 67.67);
  --p-color-field-border-disabled: #8d8680;
  --p-color-field-border-disabled: oklch(0.624 0.0124 67.67);
  --p-color-field-border-focus: #1c1712;
  --p-color-field-border-focus: oklch(0.21 0.0122 67.67);
  --p-color-focus-ring: #1c1712;
  --p-color-focus-ring: oklch(0.21 0.0122 67.67);
  --p-color-focus-ring-button: #1c171259;
  --p-color-focus-ring-button: oklch(0.21 0.0122 67.67 / 0.35);
  --p-color-focus-ring-field: #1c171238;
  --p-color-focus-ring-field: oklch(0.21 0.0122 67.67 / 0.22);
  --p-color-nav-active: #e4e0dd;
  --p-color-nav-active: oklch(0.9094 0.006 53.2);
  --p-color-nav-active-icon: #352929;
  --p-color-nav-active-icon: oklch(0.296 0.0179 23.08);
  --p-color-text-disabled: #7a746e;
  --p-color-text-disabled: oklch(0.562 0.0122 67.67);
  --p-color-text-link: #352929;
  --p-color-text-link: oklch(0.296 0.0179 23.08);
  --p-color-text-secondary: #1c1712;
  --p-color-text-secondary: oklch(0.21 0.0122 67.67);
  --p-color-text-tertiary: #534d47;
  --p-color-text-tertiary: oklch(0.424 0.0122 67.67);
  --p-switch-border-off: #534d47;
  --p-switch-border-off: oklch(0.424 0.0122 67.67);
}

[data-contrast="increased"][data-world="editorial"][data-product="poliage-beauty"] {
  --p-button-focus-border: #1a1813;
  --p-button-focus-border: oklch(0.21 0.01 87.48);
  --p-choice-border: #504e48;
  --p-choice-border: oklch(0.424 0.01 87.48);
  --p-color-accent-text: #2d2d2c;
  --p-color-accent-text: oklch(0.296 0.0014 84.59);
  --p-color-agent-text: #2d2d2c;
  --p-color-agent-text: oklch(0.296 0.0014 84.59);
  --p-color-bg-canvas: #fefdf8;
  --p-color-bg-canvas: oklch(0.993 0.006 87.48);
  --p-color-border-control: #504e48;
  --p-color-border-control: oklch(0.424 0.01 87.48);
  --p-color-border-control-hover: #1a1813;
  --p-color-border-control-hover: oklch(0.21 0.01 87.48);
  --p-color-border-control-strong: #1a1813;
  --p-color-border-control-strong: oklch(0.21 0.01 87.48);
  --p-color-border-default: #504e48;
  --p-color-border-default: oklch(0.424 0.01 87.48);
  --p-color-border-strong: #1a1813;
  --p-color-border-strong: oklch(0.21 0.01 87.48);
  --p-color-border-subtle: #8a8781;
  --p-color-border-subtle: oklch(0.624 0.0102 87.48);
  --p-color-field-border-disabled: #8a8781;
  --p-color-field-border-disabled: oklch(0.624 0.0102 87.48);
  --p-color-field-border-focus: #1a1813;
  --p-color-field-border-focus: oklch(0.21 0.01 87.48);
  --p-color-focus-ring: #1a1813;
  --p-color-focus-ring: oklch(0.21 0.01 87.48);
  --p-color-focus-ring-button: #1a181359;
  --p-color-focus-ring-button: oklch(0.21 0.01 87.48 / 0.35);
  --p-color-focus-ring-field: #1a181338;
  --p-color-focus-ring-field: oklch(0.21 0.01 87.48 / 0.22);
  --p-color-nav-active: #e2e1dd;
  --p-color-nav-active: oklch(0.9094 0.0054 87.39);
  --p-color-nav-active-icon: #2d2d2c;
  --p-color-nav-active-icon: oklch(0.296 0.0014 84.59);
  --p-color-text-disabled: #77756f;
  --p-color-text-disabled: oklch(0.562 0.01 87.48);
  --p-color-text-link: #2d2d2c;
  --p-color-text-link: oklch(0.296 0.0014 84.59);
  --p-color-text-secondary: #1a1813;
  --p-color-text-secondary: oklch(0.21 0.01 87.48);
  --p-color-text-tertiary: #504e48;
  --p-color-text-tertiary: oklch(0.424 0.01 87.48);
  --p-switch-border-off: #504e48;
  --p-switch-border-off: oklch(0.424 0.01 87.48);
}

[data-contrast="increased"][data-world="editorial"][data-product="paperrift"] {
  --p-button-focus-border: #19171e;
  --p-button-focus-border: oklch(0.21 0.0142 298.16);
  --p-choice-border: #4e4c54;
  --p-choice-border: oklch(0.42 0.0142 298.16);
  --p-color-accent-text: #2d2d2c;
  --p-color-accent-text: oklch(0.296 0.002 84.57);
  --p-color-agent-text: #2d2d2c;
  --p-color-agent-text: oklch(0.296 0.002 84.57);
  --p-color-bg-canvas: #fdfcff;
  --p-color-bg-canvas: oklch(0.993 0.0038 298.16);
  --p-color-border-control: #4e4c54;
  --p-color-border-control: oklch(0.42 0.0142 298.16);
  --p-color-border-control-hover: #19171e;
  --p-color-border-control-hover: oklch(0.21 0.0142 298.16);
  --p-color-border-control-strong: #19171e;
  --p-color-border-control-strong: oklch(0.21 0.0142 298.16);
  --p-color-border-default: #4e4c54;
  --p-color-border-default: oklch(0.42 0.0142 298.16);
  --p-color-border-strong: #19171e;
  --p-color-border-strong: oklch(0.21 0.0142 298.16);
  --p-color-border-subtle: #87848e;
  --p-color-border-subtle: oklch(0.62 0.0145 298.16);
  --p-color-field-border-disabled: #87848e;
  --p-color-field-border-disabled: oklch(0.62 0.0145 298.16);
  --p-color-field-border-focus: #19171e;
  --p-color-field-border-focus: oklch(0.21 0.0142 298.16);
  --p-color-focus-ring: #19171e;
  --p-color-focus-ring: oklch(0.21 0.0142 298.16);
  --p-color-focus-ring-button: #19171e59;
  --p-color-focus-ring-button: oklch(0.21 0.0142 298.16 / 0.35);
  --p-color-focus-ring-field: #19171e38;
  --p-color-focus-ring-field: oklch(0.21 0.0142 298.16 / 0.22);
  --p-color-nav-active: #e1e0e3;
  --p-color-nav-active: oklch(0.9094 0.0031 300.58);
  --p-color-nav-active-icon: #2d2d2c;
  --p-color-nav-active-icon: oklch(0.296 0.002 84.57);
  --p-color-text-disabled: #75737c;
  --p-color-text-disabled: oklch(0.56 0.0142 298.16);
  --p-color-text-link: #2d2d2c;
  --p-color-text-link: oklch(0.296 0.002 84.57);
  --p-color-text-secondary: #19171e;
  --p-color-text-secondary: oklch(0.21 0.0142 298.16);
  --p-color-text-tertiary: #4e4c54;
  --p-color-text-tertiary: oklch(0.42 0.0142 298.16);
  --p-switch-border-off: #4e4c54;
  --p-switch-border-off: oklch(0.42 0.0142 298.16);
}

[data-contrast="increased"][data-world="editorial"][data-product="ownmode"] {
  --p-button-focus-border: #1a1812;
  --p-button-focus-border: oklch(0.21 0.0114 89.73);
  --p-choice-border: #514e47;
  --p-choice-border: oklch(0.424 0.0114 89.73);
  --p-color-accent-text: #21322b;
  --p-color-accent-text: oklch(0.3 0.0269 165.99);
  --p-color-agent-text: #21322b;
  --p-color-agent-text: oklch(0.3 0.0269 165.99);
  --p-color-bg-canvas: #fefdf8;
  --p-color-bg-canvas: oklch(0.993 0.0068 89.73);
  --p-color-border-control: #514e47;
  --p-color-border-control: oklch(0.424 0.0114 89.73);
  --p-color-border-control-hover: #1a1812;
  --p-color-border-control-hover: oklch(0.21 0.0114 89.73);
  --p-color-border-control-strong: #1a1812;
  --p-color-border-control-strong: oklch(0.21 0.0114 89.73);
  --p-color-border-default: #514e47;
  --p-color-border-default: oklch(0.424 0.0114 89.73);
  --p-color-border-strong: #1a1812;
  --p-color-border-strong: oklch(0.21 0.0114 89.73);
  --p-color-border-subtle: #8a8780;
  --p-color-border-subtle: oklch(0.624 0.0116 89.73);
  --p-color-field-border-disabled: #8a8780;
  --p-color-field-border-disabled: oklch(0.624 0.0116 89.73);
  --p-color-field-border-focus: #1a1812;
  --p-color-field-border-focus: oklch(0.21 0.0114 89.73);
  --p-color-focus-ring: #1a1812;
  --p-color-focus-ring: oklch(0.21 0.0114 89.73);
  --p-color-focus-ring-button: #1a181259;
  --p-color-focus-ring-button: oklch(0.21 0.0114 89.73 / 0.35);
  --p-color-focus-ring-field: #1a181238;
  --p-color-focus-ring-field: oklch(0.21 0.0114 89.73 / 0.22);
  --p-color-nav-active: #e1e2dc;
  --p-color-nav-active: oklch(0.9098 0.0074 114.64);
  --p-color-nav-active-icon: #21322b;
  --p-color-nav-active-icon: oklch(0.3 0.0269 165.99);
  --p-color-text-disabled: #78756e;
  --p-color-text-disabled: oklch(0.562 0.0114 89.73);
  --p-color-text-link: #21322b;
  --p-color-text-link: oklch(0.3 0.0269 165.99);
  --p-color-text-secondary: #1a1812;
  --p-color-text-secondary: oklch(0.21 0.0114 89.73);
  --p-color-text-tertiary: #514e47;
  --p-color-text-tertiary: oklch(0.424 0.0114 89.73);
  --p-switch-border-off: #514e47;
  --p-switch-border-off: oklch(0.424 0.0114 89.73);
}

[data-contrast="increased"][data-world="editorial"][data-product="loudsoup"] {
  --p-button-focus-border: #1b1814;
  --p-button-focus-border: oklch(0.21 0.008 73.74);
  --p-choice-border: #504c48;
  --p-choice-border: oklch(0.42 0.008 73.74);
  --p-color-accent-text: #4c1b24;
  --p-color-accent-text: oklch(0.3 0.0736 11.21);
  --p-color-agent-text: #4c1b24;
  --p-color-agent-text: oklch(0.3 0.0736 11.21);
  --p-color-bg-canvas: #fffcf9;
  --p-color-bg-canvas: oklch(0.993 0.0048 73.74);
  --p-color-border-control: #504c48;
  --p-color-border-control: oklch(0.42 0.008 73.74);
  --p-color-border-control-hover: #1b1814;
  --p-color-border-control-hover: oklch(0.21 0.008 73.74);
  --p-color-border-control-strong: #1b1814;
  --p-color-border-control-strong: oklch(0.21 0.008 73.74);
  --p-color-border-default: #504c48;
  --p-color-border-default: oklch(0.42 0.008 73.74);
  --p-color-border-strong: #1b1814;
  --p-color-border-strong: oklch(0.21 0.008 73.74);
  --p-color-border-subtle: #898581;
  --p-color-border-subtle: oklch(0.62 0.0082 73.74);
  --p-color-field-border-disabled: #898581;
  --p-color-field-border-disabled: oklch(0.62 0.0082 73.74);
  --p-color-field-border-focus: #1b1814;
  --p-color-field-border-focus: oklch(0.21 0.008 73.74);
  --p-color-focus-ring: #1b1814;
  --p-color-focus-ring: oklch(0.21 0.008 73.74);
  --p-color-focus-ring-button: #1b181459;
  --p-color-focus-ring-button: oklch(0.21 0.008 73.74 / 0.35);
  --p-color-focus-ring-field: #1b181438;
  --p-color-focus-ring-field: oklch(0.21 0.008 73.74 / 0.22);
  --p-color-nav-active: #e9dfdd;
  --p-color-nav-active: oklch(0.9098 0.0114 30.38);
  --p-color-nav-active-icon: #4c1b24;
  --p-color-nav-active-icon: oklch(0.3 0.0736 11.21);
  --p-color-text-disabled: #77746f;
  --p-color-text-disabled: oklch(0.56 0.008 73.74);
  --p-color-text-link: #4c1b24;
  --p-color-text-link: oklch(0.3 0.0736 11.21);
  --p-color-text-secondary: #1b1814;
  --p-color-text-secondary: oklch(0.21 0.008 73.74);
  --p-color-text-tertiary: #504c48;
  --p-color-text-tertiary: oklch(0.42 0.008 73.74);
  --p-switch-border-off: #504c48;
  --p-switch-border-off: oklch(0.42 0.008 73.74);
}

[data-contrast="increased"][data-world="editorial"][data-product="execemy"] {
  --p-button-focus-border: #1b1813;
  --p-button-focus-border: oklch(0.21 0.0105 84.59);
  --p-choice-border: #504d47;
  --p-choice-border: oklch(0.42 0.0105 84.59);
  --p-color-accent-text: #1c2b54;
  --p-color-accent-text: oklch(0.3 0.0765 267.04);
  --p-color-agent-text: #1c2b54;
  --p-color-agent-text: oklch(0.3 0.0765 267.04);
  --p-color-bg-canvas: #fffcf8;
  --p-color-bg-canvas: oklch(0.993 0.0063 84.59);
  --p-color-border-control: #504d47;
  --p-color-border-control: oklch(0.42 0.0105 84.59);
  --p-color-border-control-hover: #1b1813;
  --p-color-border-control-hover: oklch(0.21 0.0105 84.59);
  --p-color-border-control-strong: #1b1813;
  --p-color-border-control-strong: oklch(0.21 0.0105 84.59);
  --p-color-border-default: #504d47;
  --p-color-border-default: oklch(0.42 0.0105 84.59);
  --p-color-border-strong: #1b1813;
  --p-color-border-strong: oklch(0.21 0.0105 84.59);
  --p-color-border-subtle: #89867f;
  --p-color-border-subtle: oklch(0.62 0.0107 84.59);
  --p-color-field-border-disabled: #89867f;
  --p-color-field-border-disabled: oklch(0.62 0.0107 84.59);
  --p-color-field-border-focus: #1b1813;
  --p-color-field-border-focus: oklch(0.21 0.0105 84.59);
  --p-color-focus-ring: #1b1813;
  --p-color-focus-ring: oklch(0.21 0.0105 84.59);
  --p-color-focus-ring-button: #1b181359;
  --p-color-focus-ring-button: oklch(0.21 0.0105 84.59 / 0.35);
  --p-color-focus-ring-field: #1b181338;
  --p-color-focus-ring-field: oklch(0.21 0.0105 84.59 / 0.22);
  --p-color-nav-active: #e0e1e4;
  --p-color-nav-active: oklch(0.9098 0.0036 270.76);
  --p-color-nav-active-icon: #1c2b54;
  --p-color-nav-active-icon: oklch(0.3 0.0765 267.04);
  --p-color-text-disabled: #77746e;
  --p-color-text-disabled: oklch(0.56 0.0105 84.59);
  --p-color-text-link: #1c2b54;
  --p-color-text-link: oklch(0.3 0.0765 267.04);
  --p-color-text-secondary: #1b1813;
  --p-color-text-secondary: oklch(0.21 0.0105 84.59);
  --p-color-text-tertiary: #504d47;
  --p-color-text-tertiary: oklch(0.42 0.0105 84.59);
  --p-switch-border-off: #504d47;
  --p-switch-border-off: oklch(0.42 0.0105 84.59);
}

[data-contrast="increased"][data-world="editorial"][data-product="claradb"] {
  --p-color-accent-text: #202e44;
  --p-color-accent-text: oklch(0.3 0.0434 257.91);
  --p-color-agent-text: #202e44;
  --p-color-agent-text: oklch(0.3 0.0434 257.91);
  --p-color-nav-active: #dde2e7;
  --p-color-nav-active: oklch(0.9098 0.0083 253.03);
  --p-color-nav-active-icon: #202e44;
  --p-color-nav-active-icon: oklch(0.3 0.0434 257.91);
  --p-color-text-link: #202e44;
  --p-color-text-link: oklch(0.3 0.0434 257.91);
}

[data-contrast="increased"][data-world="signal"][data-product="accountmade"] {
  --p-color-accent-text: #1b2c50;
  --p-color-accent-text: oklch(0.3 0.0693 263.45);
  --p-color-agent-text: #1b2c50;
  --p-color-agent-text: oklch(0.3 0.0693 263.45);
  --p-color-nav-active: #d7dadf;
  --p-color-nav-active: oklch(0.887 0.0083 263.45);
  --p-color-nav-active-icon: #1b2c50;
  --p-color-nav-active-icon: oklch(0.3 0.0693 263.45);
  --p-color-text-link: #1b2c50;
  --p-color-text-link: oklch(0.3 0.0693 263.45);
}

[data-contrast="increased"][data-world="editorial"][data-product="reshot"] {
  --p-color-accent-text: #1b2c50;
  --p-color-accent-text: oklch(0.3 0.0693 263.45);
  --p-color-agent-text: #1b2c50;
  --p-color-agent-text: oklch(0.3 0.0693 263.45);
  --p-color-nav-active: #dde2e9;
  --p-color-nav-active: oklch(0.9098 0.0114 258.39);
  --p-color-nav-active-icon: #1b2c50;
  --p-color-nav-active-icon: oklch(0.3 0.0693 263.45);
  --p-color-text-link: #1b2c50;
  --p-color-text-link: oklch(0.3 0.0693 263.45);
}

[data-contrast="increased"][data-world="signal"][data-product="naalto"] {
  --p-button-focus-border: #15191d;
  --p-button-focus-border: oklch(0.21 0.0098 252.82);
  --p-choice-border: #494d52;
  --p-choice-border: oklch(0.42 0.0098 252.82);
  --p-color-accent-text: #262d38;
  --p-color-accent-text: oklch(0.296 0.0218 254.96);
  --p-color-agent-text: #262d38;
  --p-color-agent-text: oklch(0.296 0.0218 254.96);
  --p-color-bg-canvas: #f1f4f9;
  --p-color-bg-canvas: oklch(0.967 0.0071 252.82);
  --p-color-border-control: #494d52;
  --p-color-border-control: oklch(0.42 0.0098 252.82);
  --p-color-border-control-hover: #15191d;
  --p-color-border-control-hover: oklch(0.21 0.0098 252.82);
  --p-color-border-control-strong: #15191d;
  --p-color-border-control-strong: oklch(0.21 0.0098 252.82);
  --p-color-border-default: #494d52;
  --p-color-border-default: oklch(0.42 0.0098 252.82);
  --p-color-border-strong: #15191d;
  --p-color-border-strong: oklch(0.21 0.0098 252.82);
  --p-color-border-subtle: #ebeff4;
  --p-color-border-subtle: oklch(0.951 0.0076 252.82);
  --p-color-field-border-disabled: #ebeff4;
  --p-color-field-border-disabled: oklch(0.951 0.0076 252.82);
  --p-color-field-border-focus: #15191d;
  --p-color-field-border-focus: oklch(0.21 0.0098 252.82);
  --p-color-focus-ring: #15191d;
  --p-color-focus-ring: oklch(0.21 0.0098 252.82);
  --p-color-focus-ring-button: #15191d59;
  --p-color-focus-ring-button: oklch(0.21 0.0098 252.82 / 0.35);
  --p-color-focus-ring-field: #15191d38;
  --p-color-focus-ring-field: oklch(0.21 0.0098 252.82 / 0.22);
  --p-color-nav-active: #d6dadf;
  --p-color-nav-active: oklch(0.8865 0.0089 253.45);
  --p-color-nav-active-icon: #262d38;
  --p-color-nav-active-icon: oklch(0.296 0.0218 254.96);
  --p-color-text-disabled: #70757a;
  --p-color-text-disabled: oklch(0.56 0.0098 252.82);
  --p-color-text-link: #262d38;
  --p-color-text-link: oklch(0.296 0.0218 254.96);
  --p-color-text-secondary: #15191d;
  --p-color-text-secondary: oklch(0.21 0.0098 252.82);
  --p-color-text-tertiary: #494d52;
  --p-color-text-tertiary: oklch(0.42 0.0098 252.82);
  --p-switch-border-off: #494d52;
  --p-switch-border-off: oklch(0.42 0.0098 252.82);
}

[data-contrast="increased"][data-world="editorial"][data-product="claradb-pro"] {
  --p-color-accent-text: #2f2453;
  --p-color-accent-text: oklch(0.3 0.0822 291);
  --p-color-agent-text: #2f2453;
  --p-color-agent-text: oklch(0.3 0.0822 291);
  --p-color-nav-active: #dfe0e9;
  --p-color-nav-active: oklch(0.9098 0.0123 280.3);
  --p-color-nav-active-icon: #2f2453;
  --p-color-nav-active-icon: oklch(0.3 0.0822 291);
  --p-color-text-link: #2f2453;
  --p-color-text-link: oklch(0.3 0.0822 291);
}

[data-contrast="increased"][data-world="signal"][data-product="poliage"] {
  --p-button-focus-border: #1c1712;
  --p-button-focus-border: oklch(0.21 0.0122 67.67);
  --p-choice-border: #534d47;
  --p-choice-border: oklch(0.424 0.0122 67.67);
  --p-color-accent-text: #352929;
  --p-color-accent-text: oklch(0.296 0.0179 23.08);
  --p-color-agent-text: #352929;
  --p-color-agent-text: oklch(0.296 0.0179 23.08);
  --p-color-bg-canvas: #f8f3ee;
  --p-color-bg-canvas: oklch(0.967 0.0088 67.67);
  --p-color-border-control: #534d47;
  --p-color-border-control: oklch(0.424 0.0122 67.67);
  --p-color-border-control-hover: #1c1712;
  --p-color-border-control-hover: oklch(0.21 0.0122 67.67);
  --p-color-border-control-strong: #1c1712;
  --p-color-border-control-strong: oklch(0.21 0.0122 67.67);
  --p-color-border-default: #534d47;
  --p-color-border-default: oklch(0.424 0.0122 67.67);
  --p-color-border-strong: #1c1712;
  --p-color-border-strong: oklch(0.21 0.0122 67.67);
  --p-color-border-subtle: #f3eee8;
  --p-color-border-subtle: oklch(0.951 0.0095 67.67);
  --p-color-field-border-disabled: #f3eee8;
  --p-color-field-border-disabled: oklch(0.951 0.0095 67.67);
  --p-color-field-border-focus: #1c1712;
  --p-color-field-border-focus: oklch(0.21 0.0122 67.67);
  --p-color-focus-ring: #1c1712;
  --p-color-focus-ring: oklch(0.21 0.0122 67.67);
  --p-color-focus-ring-button: #1c171259;
  --p-color-focus-ring-button: oklch(0.21 0.0122 67.67 / 0.35);
  --p-color-focus-ring-field: #1c171238;
  --p-color-focus-ring-field: oklch(0.21 0.0122 67.67 / 0.22);
  --p-color-nav-active: #dfd8d4;
  --p-color-nav-active: oklch(0.8865 0.0094 58.43);
  --p-color-nav-active-icon: #352929;
  --p-color-nav-active-icon: oklch(0.296 0.0179 23.08);
  --p-color-text-disabled: #7a746e;
  --p-color-text-disabled: oklch(0.562 0.0122 67.67);
  --p-color-text-link: #352929;
  --p-color-text-link: oklch(0.296 0.0179 23.08);
  --p-color-text-secondary: #1c1712;
  --p-color-text-secondary: oklch(0.21 0.0122 67.67);
  --p-color-text-tertiary: #534d47;
  --p-color-text-tertiary: oklch(0.424 0.0122 67.67);
  --p-switch-border-off: #534d47;
  --p-switch-border-off: oklch(0.424 0.0122 67.67);
}

[data-contrast="increased"][data-world="editorial"][data-product="runstamp"] {
  --p-color-accent-text: #1a295b;
  --p-color-accent-text: oklch(0.3 0.0922 267.74);
  --p-color-agent-text: #1a295b;
  --p-color-agent-text: oklch(0.3 0.0922 267.74);
  --p-color-nav-active: #dce1eb;
  --p-color-nav-active: oklch(0.9098 0.014 262.74);
  --p-color-nav-active-icon: #1a295b;
  --p-color-nav-active-icon: oklch(0.3 0.0922 267.74);
  --p-color-text-link: #1a295b;
  --p-color-text-link: oklch(0.3 0.0922 267.74);
}

[data-contrast="increased"][data-world="signal"][data-product="poliage-beauty"] {
  --p-button-focus-border: #1a1813;
  --p-button-focus-border: oklch(0.21 0.01 87.48);
  --p-choice-border: #504e48;
  --p-choice-border: oklch(0.424 0.01 87.48);
  --p-color-accent-text: #2d2d2c;
  --p-color-accent-text: oklch(0.296 0.0014 84.59);
  --p-color-agent-text: #2d2d2c;
  --p-color-agent-text: oklch(0.296 0.0014 84.59);
  --p-color-bg-canvas: #f6f4ef;
  --p-color-bg-canvas: oklch(0.967 0.0072 87.48);
  --p-color-border-control: #504e48;
  --p-color-border-control: oklch(0.424 0.01 87.48);
  --p-color-border-control-hover: #1a1813;
  --p-color-border-control-hover: oklch(0.21 0.01 87.48);
  --p-color-border-control-strong: #1a1813;
  --p-color-border-control-strong: oklch(0.21 0.01 87.48);
  --p-color-border-default: #504e48;
  --p-color-border-default: oklch(0.424 0.01 87.48);
  --p-color-border-strong: #1a1813;
  --p-color-border-strong: oklch(0.21 0.01 87.48);
  --p-color-border-subtle: #f1efe9;
  --p-color-border-subtle: oklch(0.951 0.0078 87.48);
  --p-color-field-border-disabled: #f1efe9;
  --p-color-field-border-disabled: oklch(0.951 0.0078 87.48);
  --p-color-field-border-focus: #1a1813;
  --p-color-field-border-focus: oklch(0.21 0.01 87.48);
  --p-color-focus-ring: #1a1813;
  --p-color-focus-ring: oklch(0.21 0.01 87.48);
  --p-color-focus-ring-button: #1a181359;
  --p-color-focus-ring-button: oklch(0.21 0.01 87.48 / 0.35);
  --p-color-focus-ring-field: #1a181338;
  --p-color-focus-ring-field: oklch(0.21 0.01 87.48 / 0.22);
  --p-color-nav-active: #dbd9d5;
  --p-color-nav-active: oklch(0.8865 0.0065 87.41);
  --p-color-nav-active-icon: #2d2d2c;
  --p-color-nav-active-icon: oklch(0.296 0.0014 84.59);
  --p-color-text-disabled: #77756f;
  --p-color-text-disabled: oklch(0.562 0.01 87.48);
  --p-color-text-link: #2d2d2c;
  --p-color-text-link: oklch(0.296 0.0014 84.59);
  --p-color-text-secondary: #1a1813;
  --p-color-text-secondary: oklch(0.21 0.01 87.48);
  --p-color-text-tertiary: #504e48;
  --p-color-text-tertiary: oklch(0.424 0.01 87.48);
  --p-switch-border-off: #504e48;
  --p-switch-border-off: oklch(0.424 0.01 87.48);
}

[data-contrast="increased"][data-world="editorial"][data-product="plain-trades"] {
  --p-brand-sidebar-accent: #b15520;
  --p-brand-sidebar-accent: oklch(0.555 0.135 47);
  --p-button-focus-border: #1a1813;
  --p-button-focus-border: oklch(0.21 0.01 84.58);
  --p-choice-border: #504d47;
  --p-choice-border: oklch(0.42 0.01 84.58);
  --p-color-accent-solid: #b15520;
  --p-color-accent-solid: oklch(0.555 0.135 47);
  --p-color-accent-text: #1a1813;
  --p-color-accent-text: oklch(0.21 0.01 84.58);
  --p-color-agent-text: #402517;
  --p-color-agent-text: oklch(0.296 0.0473 47);
  --p-color-bg-canvas: #fffcf8;
  --p-color-bg-canvas: oklch(0.993 0.006 84.58);
  --p-color-border-control: #504d47;
  --p-color-border-control: oklch(0.42 0.01 84.58);
  --p-color-border-control-hover: #1a1813;
  --p-color-border-control-hover: oklch(0.21 0.01 84.58);
  --p-color-border-control-strong: #1a1813;
  --p-color-border-control-strong: oklch(0.21 0.01 84.58);
  --p-color-border-default: #504d47;
  --p-color-border-default: oklch(0.42 0.01 84.58);
  --p-color-border-strong: #1a1813;
  --p-color-border-strong: oklch(0.21 0.01 84.58);
  --p-color-border-subtle: #89867f;
  --p-color-border-subtle: oklch(0.62 0.0102 84.58);
  --p-color-field-border-disabled: #89867f;
  --p-color-field-border-disabled: oklch(0.62 0.0102 84.58);
  --p-color-field-border-focus: #1a1813;
  --p-color-field-border-focus: oklch(0.21 0.01 84.58);
  --p-color-focus-ring: #1a1813;
  --p-color-focus-ring: oklch(0.21 0.01 84.58);
  --p-color-focus-ring-button: #1a181359;
  --p-color-focus-ring-button: oklch(0.21 0.01 84.58 / 0.35);
  --p-color-focus-ring-field: #1a181338;
  --p-color-focus-ring-field: oklch(0.21 0.01 84.58 / 0.22);
  --p-color-nav-active: #e0ddd9;
  --p-color-nav-active: oklch(0.899 0.0065 84.58);
  --p-color-nav-active-icon: #1a1813;
  --p-color-nav-active-icon: oklch(0.21 0.01 84.58);
  --p-color-text-disabled: #77746e;
  --p-color-text-disabled: oklch(0.56 0.01 84.58);
  --p-color-text-link: #1a1813;
  --p-color-text-link: oklch(0.21 0.01 84.58);
  --p-color-text-secondary: #1a1813;
  --p-color-text-secondary: oklch(0.21 0.01 84.58);
  --p-color-text-tertiary: #504d47;
  --p-color-text-tertiary: oklch(0.42 0.01 84.58);
  --p-switch-border-off: #504d47;
  --p-switch-border-off: oklch(0.42 0.01 84.58);
}

[data-contrast="increased"][data-world="signal"][data-product="paperrift"] {
  --p-button-focus-border: #19171e;
  --p-button-focus-border: oklch(0.21 0.0142 298.16);
  --p-choice-border: #4e4c54;
  --p-choice-border: oklch(0.42 0.0142 298.16);
  --p-color-accent-text: #2d2d2c;
  --p-color-accent-text: oklch(0.296 0.002 84.57);
  --p-color-agent-text: #2d2d2c;
  --p-color-agent-text: oklch(0.296 0.002 84.57);
  --p-color-bg-canvas: #f5f3fa;
  --p-color-bg-canvas: oklch(0.967 0.0102 298.16);
  --p-color-border-control: #4e4c54;
  --p-color-border-control: oklch(0.42 0.0142 298.16);
  --p-color-border-control-hover: #19171e;
  --p-color-border-control-hover: oklch(0.21 0.0142 298.16);
  --p-color-border-control-strong: #19171e;
  --p-color-border-control-strong: oklch(0.21 0.0142 298.16);
  --p-color-border-default: #4e4c54;
  --p-color-border-default: oklch(0.42 0.0142 298.16);
  --p-color-border-strong: #19171e;
  --p-color-border-strong: oklch(0.21 0.0142 298.16);
  --p-color-border-subtle: #efedf5;
  --p-color-border-subtle: oklch(0.951 0.0111 298.16);
  --p-color-field-border-disabled: #efedf5;
  --p-color-field-border-disabled: oklch(0.951 0.0111 298.16);
  --p-color-field-border-focus: #19171e;
  --p-color-field-border-focus: oklch(0.21 0.0142 298.16);
  --p-color-focus-ring: #19171e;
  --p-color-focus-ring: oklch(0.21 0.0142 298.16);
  --p-color-focus-ring-button: #19171e59;
  --p-color-focus-ring-button: oklch(0.21 0.0142 298.16 / 0.35);
  --p-color-focus-ring-field: #19171e38;
  --p-color-focus-ring-field: oklch(0.21 0.0142 298.16 / 0.22);
  --p-color-nav-active: #dad8df;
  --p-color-nav-active: oklch(0.8865 0.0088 299.03);
  --p-color-nav-active-icon: #2d2d2c;
  --p-color-nav-active-icon: oklch(0.296 0.002 84.57);
  --p-color-text-disabled: #75737c;
  --p-color-text-disabled: oklch(0.56 0.0142 298.16);
  --p-color-text-link: #2d2d2c;
  --p-color-text-link: oklch(0.296 0.002 84.57);
  --p-color-text-secondary: #19171e;
  --p-color-text-secondary: oklch(0.21 0.0142 298.16);
  --p-color-text-tertiary: #4e4c54;
  --p-color-text-tertiary: oklch(0.42 0.0142 298.16);
  --p-switch-border-off: #4e4c54;
  --p-switch-border-off: oklch(0.42 0.0142 298.16);
}

[data-contrast="increased"][data-world="editorial"][data-product="handywright"] {
  --p-brand-sidebar-accent: #ad8d00;
  --p-brand-sidebar-accent: oklch(0.6535 0.1341 92.55);
  --p-button-focus-border: #1a1813;
  --p-button-focus-border: oklch(0.21 0.01 90);
  --p-choice-border: #504e48;
  --p-choice-border: oklch(0.424 0.01 90);
  --p-color-accent-solid: #ad8d00;
  --p-color-accent-solid: oklch(0.6535 0.1341 92.55);
  --p-color-accent-solid-hover: #bb9900;
  --p-color-accent-solid-hover: oklch(0.6935 0.1422 92.55);
  --p-color-accent-solid-pressed: #caa500;
  --p-color-accent-solid-pressed: oklch(0.7335 0.1504 92.55);
  --p-color-accent-text: #1a1813;
  --p-color-accent-text: oklch(0.21 0.01 90);
  --p-color-accent-text-pressed: #715b00;
  --p-color-accent-text-pressed: oklch(0.48 0.0989 92.55);
  --p-color-agent-text: #382b00;
  --p-color-agent-text: oklch(0.296 0.0611 92.55);
  --p-color-bg-canvas: #fefdf8;
  --p-color-bg-canvas: oklch(0.993 0.006 90);
  --p-color-border-control: #504e48;
  --p-color-border-control: oklch(0.424 0.01 90);
  --p-color-border-control-hover: #1a1813;
  --p-color-border-control-hover: oklch(0.21 0.01 90);
  --p-color-border-control-strong: #1a1813;
  --p-color-border-control-strong: oklch(0.21 0.01 90);
  --p-color-border-default: #504e48;
  --p-color-border-default: oklch(0.424 0.01 90);
  --p-color-border-strong: #1a1813;
  --p-color-border-strong: oklch(0.21 0.01 90);
  --p-color-border-subtle: #8a8781;
  --p-color-border-subtle: oklch(0.624 0.0102 90);
  --p-color-field-border-disabled: #8a8781;
  --p-color-field-border-disabled: oklch(0.624 0.0102 90);
  --p-color-field-border-focus: #1a1813;
  --p-color-field-border-focus: oklch(0.21 0.01 90);
  --p-color-focus-ring: #1a1813;
  --p-color-focus-ring: oklch(0.21 0.01 90);
  --p-color-focus-ring-button: #1a181359;
  --p-color-focus-ring-button: oklch(0.21 0.01 90 / 0.35);
  --p-color-focus-ring-field: #1a181338;
  --p-color-focus-ring-field: oklch(0.21 0.01 90 / 0.22);
  --p-color-nav-active: #dfddd9;
  --p-color-nav-active: oklch(0.899 0.0065 90);
  --p-color-nav-active-icon: #1a1813;
  --p-color-nav-active-icon: oklch(0.21 0.01 90);
  --p-color-text-disabled: #77756f;
  --p-color-text-disabled: oklch(0.562 0.01 90);
  --p-color-text-link: #1a1813;
  --p-color-text-link: oklch(0.21 0.01 90);
  --p-color-text-on-accent: #111114;
  --p-color-text-on-accent: oklch(0.18 0.005 286);
  --p-color-text-secondary: #1a1813;
  --p-color-text-secondary: oklch(0.21 0.01 90);
  --p-color-text-tertiary: #504e48;
  --p-color-text-tertiary: oklch(0.424 0.01 90);
  --p-switch-border-off: #504e48;
  --p-switch-border-off: oklch(0.424 0.01 90);
}

[data-contrast="increased"][data-world="signal"][data-product="ownmode"] {
  --p-button-focus-border: #1a1812;
  --p-button-focus-border: oklch(0.21 0.0114 89.73);
  --p-choice-border: #514e47;
  --p-choice-border: oklch(0.424 0.0114 89.73);
  --p-color-accent-text: #21322b;
  --p-color-accent-text: oklch(0.3 0.0269 165.99);
  --p-color-agent-text: #21322b;
  --p-color-agent-text: oklch(0.3 0.0269 165.99);
  --p-color-bg-canvas: #f6f4ee;
  --p-color-bg-canvas: oklch(0.967 0.0082 89.73);
  --p-color-border-control: #514e47;
  --p-color-border-control: oklch(0.424 0.0114 89.73);
  --p-color-border-control-hover: #1a1812;
  --p-color-border-control-hover: oklch(0.21 0.0114 89.73);
  --p-color-border-control-strong: #1a1812;
  --p-color-border-control-strong: oklch(0.21 0.0114 89.73);
  --p-color-border-default: #514e47;
  --p-color-border-default: oklch(0.424 0.0114 89.73);
  --p-color-border-strong: #1a1812;
  --p-color-border-strong: oklch(0.21 0.0114 89.73);
  --p-color-border-subtle: #f1efe8;
  --p-color-border-subtle: oklch(0.951 0.0089 89.73);
  --p-color-field-border-disabled: #f1efe8;
  --p-color-field-border-disabled: oklch(0.951 0.0089 89.73);
  --p-color-field-border-focus: #1a1812;
  --p-color-field-border-focus: oklch(0.21 0.0114 89.73);
  --p-color-focus-ring: #1a1812;
  --p-color-focus-ring: oklch(0.21 0.0114 89.73);
  --p-color-focus-ring-button: #1a181259;
  --p-color-focus-ring-button: oklch(0.21 0.0114 89.73 / 0.35);
  --p-color-focus-ring-field: #1a181238;
  --p-color-focus-ring-field: oklch(0.21 0.0114 89.73 / 0.22);
  --p-color-nav-active: #dadad4;
  --p-color-nav-active: oklch(0.887 0.0086 111.18);
  --p-color-nav-active-icon: #21322b;
  --p-color-nav-active-icon: oklch(0.3 0.0269 165.99);
  --p-color-text-disabled: #78756e;
  --p-color-text-disabled: oklch(0.562 0.0114 89.73);
  --p-color-text-link: #21322b;
  --p-color-text-link: oklch(0.3 0.0269 165.99);
  --p-color-text-secondary: #1a1812;
  --p-color-text-secondary: oklch(0.21 0.0114 89.73);
  --p-color-text-tertiary: #514e47;
  --p-color-text-tertiary: oklch(0.424 0.0114 89.73);
  --p-switch-border-off: #514e47;
  --p-switch-border-off: oklch(0.424 0.0114 89.73);
}

[data-contrast="increased"][data-world="editorial"][data-product="oslerpress"] {
  --p-button-focus-border: #14191e;
  --p-button-focus-border: oklch(0.21 0.012 250);
  --p-choice-border: #484e54;
  --p-choice-border: oklch(0.42 0.012 250);
  --p-color-accent-text: #14191e;
  --p-color-accent-text: oklch(0.21 0.012 250);
  --p-color-agent-text: #2c2d2e;
  --p-color-agent-text: oklch(0.296 0.0018 247.88);
  --p-color-bg-canvas: #fbfdff;
  --p-color-bg-canvas: oklch(0.993 0.0035 250);
  --p-color-border-control: #484e54;
  --p-color-border-control: oklch(0.42 0.012 250);
  --p-color-border-control-hover: #14191e;
  --p-color-border-control-hover: oklch(0.21 0.012 250);
  --p-color-border-control-strong: #14191e;
  --p-color-border-control-strong: oklch(0.21 0.012 250);
  --p-color-border-default: #484e54;
  --p-color-border-default: oklch(0.42 0.012 250);
  --p-color-border-strong: #14191e;
  --p-color-border-strong: oklch(0.21 0.012 250);
  --p-color-border-subtle: #81878d;
  --p-color-border-subtle: oklch(0.62 0.0122 250);
  --p-color-field-border-disabled: #81878d;
  --p-color-field-border-disabled: oklch(0.62 0.0122 250);
  --p-color-field-border-focus: #14191e;
  --p-color-field-border-focus: oklch(0.21 0.012 250);
  --p-color-focus-ring: #14191e;
  --p-color-focus-ring: oklch(0.21 0.012 250);
  --p-color-focus-ring-button: #14191e59;
  --p-color-focus-ring-button: oklch(0.21 0.012 250 / 0.35);
  --p-color-focus-ring-field: #14191e38;
  --p-color-focus-ring-field: oklch(0.21 0.012 250 / 0.22);
  --p-color-nav-active: #dbdee1;
  --p-color-nav-active: oklch(0.899 0.0045 250);
  --p-color-nav-active-icon: #14191e;
  --p-color-nav-active-icon: oklch(0.21 0.012 250);
  --p-color-text-disabled: #6f757b;
  --p-color-text-disabled: oklch(0.56 0.012 250);
  --p-color-text-link: #14191e;
  --p-color-text-link: oklch(0.21 0.012 250);
  --p-color-text-secondary: #14191e;
  --p-color-text-secondary: oklch(0.21 0.012 250);
  --p-color-text-tertiary: #484e54;
  --p-color-text-tertiary: oklch(0.42 0.012 250);
  --p-switch-border-off: #484e54;
  --p-switch-border-off: oklch(0.42 0.012 250);
}

[data-contrast="increased"][data-world="signal"][data-product="loudsoup"] {
  --p-button-focus-border: #1b1814;
  --p-button-focus-border: oklch(0.21 0.008 73.74);
  --p-choice-border: #504c48;
  --p-choice-border: oklch(0.42 0.008 73.74);
  --p-color-accent-text: #4c1b24;
  --p-color-accent-text: oklch(0.3 0.0736 11.21);
  --p-color-agent-text: #4c1b24;
  --p-color-agent-text: oklch(0.3 0.0736 11.21);
  --p-color-bg-canvas: #f6f4f0;
  --p-color-bg-canvas: oklch(0.967 0.0058 73.74);
  --p-color-border-control: #504c48;
  --p-color-border-control: oklch(0.42 0.008 73.74);
  --p-color-border-control-hover: #1b1814;
  --p-color-border-control-hover: oklch(0.21 0.008 73.74);
  --p-color-border-control-strong: #1b1814;
  --p-color-border-control-strong: oklch(0.21 0.008 73.74);
  --p-color-border-default: #504c48;
  --p-color-border-default: oklch(0.42 0.008 73.74);
  --p-color-border-strong: #1b1814;
  --p-color-border-strong: oklch(0.21 0.008 73.74);
  --p-color-border-subtle: #f1eeea;
  --p-color-border-subtle: oklch(0.951 0.0062 73.74);
  --p-color-field-border-disabled: #f1eeea;
  --p-color-field-border-disabled: oklch(0.951 0.0062 73.74);
  --p-color-field-border-focus: #1b1814;
  --p-color-field-border-focus: oklch(0.21 0.008 73.74);
  --p-color-focus-ring: #1b1814;
  --p-color-focus-ring: oklch(0.21 0.008 73.74);
  --p-color-focus-ring-button: #1b181459;
  --p-color-focus-ring-button: oklch(0.21 0.008 73.74 / 0.35);
  --p-color-focus-ring-field: #1b181438;
  --p-color-focus-ring-field: oklch(0.21 0.008 73.74 / 0.22);
  --p-color-nav-active: #e2d7d5;
  --p-color-nav-active: oklch(0.887 0.0121 33.25);
  --p-color-nav-active-icon: #4c1b24;
  --p-color-nav-active-icon: oklch(0.3 0.0736 11.21);
  --p-color-text-disabled: #77746f;
  --p-color-text-disabled: oklch(0.56 0.008 73.74);
  --p-color-text-link: #4c1b24;
  --p-color-text-link: oklch(0.3 0.0736 11.21);
  --p-color-text-secondary: #1b1814;
  --p-color-text-secondary: oklch(0.21 0.008 73.74);
  --p-color-text-tertiary: #504c48;
  --p-color-text-tertiary: oklch(0.42 0.008 73.74);
  --p-switch-border-off: #504c48;
  --p-switch-border-off: oklch(0.42 0.008 73.74);
}

[data-contrast="increased"][data-world="signal"][data-product="execemy"] {
  --p-button-focus-border: #1b1813;
  --p-button-focus-border: oklch(0.21 0.0105 84.59);
  --p-choice-border: #504d47;
  --p-choice-border: oklch(0.42 0.0105 84.59);
  --p-color-accent-text: #1c2b54;
  --p-color-accent-text: oklch(0.3 0.0765 267.04);
  --p-color-agent-text: #1c2b54;
  --p-color-agent-text: oklch(0.3 0.0765 267.04);
  --p-color-bg-canvas: #f6f4ee;
  --p-color-bg-canvas: oklch(0.967 0.0076 84.59);
  --p-color-border-control: #504d47;
  --p-color-border-control: oklch(0.42 0.0105 84.59);
  --p-color-border-control-hover: #1b1813;
  --p-color-border-control-hover: oklch(0.21 0.0105 84.59);
  --p-color-border-control-strong: #1b1813;
  --p-color-border-control-strong: oklch(0.21 0.0105 84.59);
  --p-color-border-default: #504d47;
  --p-color-border-default: oklch(0.42 0.0105 84.59);
  --p-color-border-strong: #1b1813;
  --p-color-border-strong: oklch(0.21 0.0105 84.59);
  --p-color-border-subtle: #f1eee9;
  --p-color-border-subtle: oklch(0.951 0.0082 84.59);
  --p-color-field-border-disabled: #f1eee9;
  --p-color-field-border-disabled: oklch(0.951 0.0082 84.59);
  --p-color-field-border-focus: #1b1813;
  --p-color-field-border-focus: oklch(0.21 0.0105 84.59);
  --p-color-focus-ring: #1b1813;
  --p-color-focus-ring: oklch(0.21 0.0105 84.59);
  --p-color-focus-ring-button: #1b181359;
  --p-color-focus-ring-button: oklch(0.21 0.0105 84.59 / 0.35);
  --p-color-focus-ring-field: #1b181338;
  --p-color-focus-ring-field: oklch(0.21 0.0105 84.59 / 0.22);
  --p-color-nav-active: #d9dadb;
  --p-color-nav-active: oklch(0.887 0.0025 273.57);
  --p-color-nav-active-icon: #1c2b54;
  --p-color-nav-active-icon: oklch(0.3 0.0765 267.04);
  --p-color-text-disabled: #77746e;
  --p-color-text-disabled: oklch(0.56 0.0105 84.59);
  --p-color-text-link: #1c2b54;
  --p-color-text-link: oklch(0.3 0.0765 267.04);
  --p-color-text-secondary: #1b1813;
  --p-color-text-secondary: oklch(0.21 0.0105 84.59);
  --p-color-text-tertiary: #504d47;
  --p-color-text-tertiary: oklch(0.42 0.0105 84.59);
  --p-switch-border-off: #504d47;
  --p-switch-border-off: oklch(0.42 0.0105 84.59);
}

[data-contrast="increased"][data-world="signal"][data-product="claradb"] {
  --p-color-accent-text: #202e44;
  --p-color-accent-text: oklch(0.3 0.0434 257.91);
  --p-color-agent-text: #202e44;
  --p-color-agent-text: oklch(0.3 0.0434 257.91);
  --p-color-nav-active: #d8dadd;
  --p-color-nav-active: oklch(0.887 0.0052 257.91);
  --p-color-nav-active-icon: #202e44;
  --p-color-nav-active-icon: oklch(0.3 0.0434 257.91);
  --p-color-text-link: #202e44;
  --p-color-text-link: oklch(0.3 0.0434 257.91);
}

[data-contrast="increased"][data-world="signal"][data-product="reshot"] {
  --p-color-accent-text: #1b2c50;
  --p-color-accent-text: oklch(0.3 0.0693 263.45);
  --p-color-agent-text: #1b2c50;
  --p-color-agent-text: oklch(0.3 0.0693 263.45);
  --p-color-nav-active: #d7dadf;
  --p-color-nav-active: oklch(0.887 0.0083 263.45);
  --p-color-nav-active-icon: #1b2c50;
  --p-color-nav-active-icon: oklch(0.3 0.0693 263.45);
  --p-color-text-link: #1b2c50;
  --p-color-text-link: oklch(0.3 0.0693 263.45);
}

[data-contrast="increased"][data-world="signal"][data-product="claradb-pro"] {
  --p-color-accent-text: #2f2453;
  --p-color-accent-text: oklch(0.3 0.0822 291);
  --p-color-agent-text: #2f2453;
  --p-color-agent-text: oklch(0.3 0.0822 291);
  --p-color-nav-active: #d9d9e0;
  --p-color-nav-active: oklch(0.887 0.0099 291);
  --p-color-nav-active-icon: #2f2453;
  --p-color-nav-active-icon: oklch(0.3 0.0822 291);
  --p-color-text-link: #2f2453;
  --p-color-text-link: oklch(0.3 0.0822 291);
}

[data-contrast="increased"][data-world="signal"][data-product="runstamp"] {
  --p-color-accent-text: #1a295b;
  --p-color-accent-text: oklch(0.3 0.0922 267.74);
  --p-color-agent-text: #1a295b;
  --p-color-agent-text: oklch(0.3 0.0922 267.74);
  --p-color-nav-active: #d6dae1;
  --p-color-nav-active: oklch(0.887 0.0111 267.74);
  --p-color-nav-active-icon: #1a295b;
  --p-color-nav-active-icon: oklch(0.3 0.0922 267.74);
  --p-color-text-link: #1a295b;
  --p-color-text-link: oklch(0.3 0.0922 267.74);
}

[data-contrast="increased"][data-world="signal"][data-product="plain-trades"] {
  --p-brand-sidebar-accent: #b15520;
  --p-brand-sidebar-accent: oklch(0.555 0.135 47);
  --p-button-focus-border: #1a1813;
  --p-button-focus-border: oklch(0.21 0.01 84.58);
  --p-choice-border: #504d47;
  --p-choice-border: oklch(0.42 0.01 84.58);
  --p-color-accent-solid: #b15520;
  --p-color-accent-solid: oklch(0.555 0.135 47);
  --p-color-accent-text: #1a1813;
  --p-color-accent-text: oklch(0.21 0.01 84.58);
  --p-color-agent-text: #402517;
  --p-color-agent-text: oklch(0.296 0.0473 47);
  --p-color-bg-canvas: #f6f4ef;
  --p-color-bg-canvas: oklch(0.967 0.0072 84.58);
  --p-color-border-control: #504d47;
  --p-color-border-control: oklch(0.42 0.01 84.58);
  --p-color-border-control-hover: #1a1813;
  --p-color-border-control-hover: oklch(0.21 0.01 84.58);
  --p-color-border-control-strong: #1a1813;
  --p-color-border-control-strong: oklch(0.21 0.01 84.58);
  --p-color-border-default: #504d47;
  --p-color-border-default: oklch(0.42 0.01 84.58);
  --p-color-border-strong: #1a1813;
  --p-color-border-strong: oklch(0.21 0.01 84.58);
  --p-color-border-subtle: #f1eee9;
  --p-color-border-subtle: oklch(0.951 0.0078 84.58);
  --p-color-field-border-disabled: #f1eee9;
  --p-color-field-border-disabled: oklch(0.951 0.0078 84.58);
  --p-color-field-border-focus: #1a1813;
  --p-color-field-border-focus: oklch(0.21 0.01 84.58);
  --p-color-focus-ring: #1a1813;
  --p-color-focus-ring: oklch(0.21 0.01 84.58);
  --p-color-focus-ring-button: #1a181359;
  --p-color-focus-ring-button: oklch(0.21 0.01 84.58 / 0.35);
  --p-color-focus-ring-field: #1a181338;
  --p-color-focus-ring-field: oklch(0.21 0.01 84.58 / 0.22);
  --p-color-nav-active: #d8d6d1;
  --p-color-nav-active: oklch(0.8762 0.0075 84.58);
  --p-color-nav-active-icon: #1a1813;
  --p-color-nav-active-icon: oklch(0.21 0.01 84.58);
  --p-color-text-disabled: #77746e;
  --p-color-text-disabled: oklch(0.56 0.01 84.58);
  --p-color-text-link: #1a1813;
  --p-color-text-link: oklch(0.21 0.01 84.58);
  --p-color-text-secondary: #1a1813;
  --p-color-text-secondary: oklch(0.21 0.01 84.58);
  --p-color-text-tertiary: #504d47;
  --p-color-text-tertiary: oklch(0.42 0.01 84.58);
  --p-switch-border-off: #504d47;
  --p-switch-border-off: oklch(0.42 0.01 84.58);
}

[data-contrast="increased"][data-world="signal"][data-product="handywright"] {
  --p-brand-sidebar-accent: #ad8d00;
  --p-brand-sidebar-accent: oklch(0.6535 0.1341 92.55);
  --p-button-focus-border: #1a1813;
  --p-button-focus-border: oklch(0.21 0.01 90);
  --p-choice-border: #504e48;
  --p-choice-border: oklch(0.424 0.01 90);
  --p-color-accent-solid: #ad8d00;
  --p-color-accent-solid: oklch(0.6535 0.1341 92.55);
  --p-color-accent-solid-hover: #bb9900;
  --p-color-accent-solid-hover: oklch(0.6935 0.1422 92.55);
  --p-color-accent-solid-pressed: #caa500;
  --p-color-accent-solid-pressed: oklch(0.7335 0.1504 92.55);
  --p-color-accent-text: #1a1813;
  --p-color-accent-text: oklch(0.21 0.01 90);
  --p-color-accent-text-pressed: #715b00;
  --p-color-accent-text-pressed: oklch(0.48 0.0989 92.55);
  --p-color-agent-text: #382b00;
  --p-color-agent-text: oklch(0.296 0.0611 92.55);
  --p-color-bg-canvas: #f6f4ef;
  --p-color-bg-canvas: oklch(0.967 0.0072 90);
  --p-color-border-control: #504e48;
  --p-color-border-control: oklch(0.424 0.01 90);
  --p-color-border-control-hover: #1a1813;
  --p-color-border-control-hover: oklch(0.21 0.01 90);
  --p-color-border-control-strong: #1a1813;
  --p-color-border-control-strong: oklch(0.21 0.01 90);
  --p-color-border-default: #504e48;
  --p-color-border-default: oklch(0.424 0.01 90);
  --p-color-border-strong: #1a1813;
  --p-color-border-strong: oklch(0.21 0.01 90);
  --p-color-border-subtle: #f1efe9;
  --p-color-border-subtle: oklch(0.951 0.0078 90);
  --p-color-field-border-disabled: #f1efe9;
  --p-color-field-border-disabled: oklch(0.951 0.0078 90);
  --p-color-field-border-focus: #1a1813;
  --p-color-field-border-focus: oklch(0.21 0.01 90);
  --p-color-focus-ring: #1a1813;
  --p-color-focus-ring: oklch(0.21 0.01 90);
  --p-color-focus-ring-button: #1a181359;
  --p-color-focus-ring-button: oklch(0.21 0.01 90 / 0.35);
  --p-color-focus-ring-field: #1a181338;
  --p-color-focus-ring-field: oklch(0.21 0.01 90 / 0.22);
  --p-color-nav-active: #d8d6d1;
  --p-color-nav-active: oklch(0.8762 0.0075 90);
  --p-color-nav-active-icon: #1a1813;
  --p-color-nav-active-icon: oklch(0.21 0.01 90);
  --p-color-text-disabled: #77756f;
  --p-color-text-disabled: oklch(0.562 0.01 90);
  --p-color-text-link: #1a1813;
  --p-color-text-link: oklch(0.21 0.01 90);
  --p-color-text-on-accent: #111114;
  --p-color-text-on-accent: oklch(0.18 0.005 286);
  --p-color-text-secondary: #1a1813;
  --p-color-text-secondary: oklch(0.21 0.01 90);
  --p-color-text-tertiary: #504e48;
  --p-color-text-tertiary: oklch(0.424 0.01 90);
  --p-switch-border-off: #504e48;
  --p-switch-border-off: oklch(0.424 0.01 90);
}

[data-contrast="increased"][data-world="signal"][data-product="oslerpress"] {
  --p-button-focus-border: #14191e;
  --p-button-focus-border: oklch(0.21 0.012 250);
  --p-choice-border: #484e54;
  --p-choice-border: oklch(0.42 0.012 250);
  --p-color-accent-text: #14191e;
  --p-color-accent-text: oklch(0.21 0.012 250);
  --p-color-agent-text: #2c2d2e;
  --p-color-agent-text: oklch(0.296 0.0018 247.88);
  --p-color-bg-canvas: #f0f5fa;
  --p-color-bg-canvas: oklch(0.967 0.0086 250);
  --p-color-border-control: #484e54;
  --p-color-border-control: oklch(0.42 0.012 250);
  --p-color-border-control-hover: #14191e;
  --p-color-border-control-hover: oklch(0.21 0.012 250);
  --p-color-border-control-strong: #14191e;
  --p-color-border-control-strong: oklch(0.21 0.012 250);
  --p-color-border-default: #484e54;
  --p-color-border-default: oklch(0.42 0.012 250);
  --p-color-border-strong: #14191e;
  --p-color-border-strong: oklch(0.21 0.012 250);
  --p-color-border-subtle: #eaeff5;
  --p-color-border-subtle: oklch(0.951 0.0094 250);
  --p-color-field-border-disabled: #eaeff5;
  --p-color-field-border-disabled: oklch(0.951 0.0094 250);
  --p-color-field-border-focus: #14191e;
  --p-color-field-border-focus: oklch(0.21 0.012 250);
  --p-color-focus-ring: #14191e;
  --p-color-focus-ring: oklch(0.21 0.012 250);
  --p-color-focus-ring-button: #14191e59;
  --p-color-focus-ring-button: oklch(0.21 0.012 250 / 0.35);
  --p-color-focus-ring-field: #14191e38;
  --p-color-focus-ring-field: oklch(0.21 0.012 250 / 0.22);
  --p-color-info-border: #eaeff5;
  --p-color-info-border: oklch(0.951 0.0094 250);
  --p-color-nav-active: #d2d7dc;
  --p-color-nav-active: oklch(0.8762 0.009 250);
  --p-color-nav-active-icon: #14191e;
  --p-color-nav-active-icon: oklch(0.21 0.012 250);
  --p-color-text-disabled: #6f757b;
  --p-color-text-disabled: oklch(0.56 0.012 250);
  --p-color-text-link: #14191e;
  --p-color-text-link: oklch(0.21 0.012 250);
  --p-color-text-secondary: #14191e;
  --p-color-text-secondary: oklch(0.21 0.012 250);
  --p-color-text-tertiary: #484e54;
  --p-color-text-tertiary: oklch(0.42 0.012 250);
  --p-switch-border-off: #484e54;
  --p-switch-border-off: oklch(0.42 0.012 250);
}

[data-theme="dark"][data-world="editorial"][data-product="accountmade"] {
  --p-brand-sidebar-accent: #2a5fdb;
  --p-brand-sidebar-accent: oklch(0.5268 0.198 263.45);
  --p-button-focus-border: #9cbeff;
  --p-button-focus-border: oklch(0.8 0.1004 263.45);
  --p-color-accent-action: #2a5fdb;
  --p-color-accent-action: oklch(0.5268 0.198 263.45);
  --p-color-accent-border: #183b8c;
  --p-color-accent-border: oklch(0.38 0.1414 263.45);
  --p-color-accent-solid: #2a5fdb;
  --p-color-accent-solid: oklch(0.5268 0.198 263.45);
  --p-color-accent-solid-hover: #376de6;
  --p-color-accent-solid-hover: oklch(0.5668 0.194 263.45);
  --p-color-accent-solid-pressed: #123faa;
  --p-color-accent-solid-pressed: oklch(0.4134 0.1782 263.45);
  --p-color-accent-text: #9cbeff;
  --p-color-accent-text: oklch(0.8 0.1004 263.45);
  --p-color-accent-text-pressed: #123faa;
  --p-color-accent-text-pressed: oklch(0.4134 0.1782 263.45);
  --p-color-accent-tint: #0b1936;
  --p-color-accent-tint: oklch(0.22 0.0606 263.45);
  --p-color-agent-border: #183b8c;
  --p-color-agent-border: oklch(0.38 0.1414 263.45);
  --p-color-agent-mark: #2a5fdb;
  --p-color-agent-mark: oklch(0.5268 0.198 263.45);
  --p-color-agent-text: #9cbeff;
  --p-color-agent-text: oklch(0.8 0.1004 263.45);
  --p-color-agent-tint: #0b1936;
  --p-color-agent-tint: oklch(0.22 0.0606 263.45);
  --p-color-field-border-focus: #9cbeff;
  --p-color-field-border-focus: oklch(0.8 0.1004 263.45);
  --p-color-focus-ring: #9cbeff;
  --p-color-focus-ring: oklch(0.8 0.1004 263.45);
  --p-color-focus-ring-button: #9cbeff59;
  --p-color-focus-ring-button: oklch(0.8 0.1004 263.45 / 0.35);
  --p-color-focus-ring-field: #9cbeff52;
  --p-color-focus-ring-field: oklch(0.8 0.1004 263.45 / 0.32);
  --p-color-nav-active: #141c27;
  --p-color-nav-active: oklch(0.2236 0.0241 254.12);
  --p-color-nav-active-icon: #9cbeff;
  --p-color-nav-active-icon: oklch(0.8 0.1004 263.45);
  --p-color-surface-selected: #0c1f48;
  --p-color-surface-selected: oklch(0.25 0.0808 263.45);
  --p-color-text-link: #9cbeff;
  --p-color-text-link: oklch(0.8 0.1004 263.45);
  --p-ramp-accent-1: #080b12;
  --p-ramp-accent-1: oklch(0.15 0.0162 263.45);
  --p-ramp-accent-10: #376de6;
  --p-ramp-accent-10: oklch(0.5668 0.194 263.45);
  --p-ramp-accent-11: #9cbeff;
  --p-ramp-accent-11: oklch(0.8 0.1004 263.45);
  --p-ramp-accent-12: #dce8ff;
  --p-ramp-accent-12: oklch(0.93 0.0334 263.45);
  --p-ramp-accent-2: #091120;
  --p-ramp-accent-2: oklch(0.178 0.0337 263.45);
  --p-ramp-accent-3: #0b1936;
  --p-ramp-accent-3: oklch(0.22 0.0606 263.45);
  --p-ramp-accent-4: #0c1f48;
  --p-ramp-accent-4: oklch(0.25 0.0808 263.45);
  --p-ramp-accent-5: #0d245a;
  --p-ramp-accent-5: oklch(0.28 0.101 263.45);
  --p-ramp-accent-6: #102c6f;
  --p-ramp-accent-6: oklch(0.32 0.1212 263.45);
  --p-ramp-accent-7: #183b8c;
  --p-ramp-accent-7: oklch(0.38 0.1414 263.45);
  --p-ramp-accent-8: #123faa;
  --p-ramp-accent-8: oklch(0.4134 0.1782 263.45);
  --p-ramp-accent-9: #2a5fdb;
  --p-ramp-accent-9: oklch(0.5268 0.198 263.45);
}

[data-theme="dark"][data-world="editorial"][data-product="naalto"] {
  --p-brand-sidebar-accent: #4b6587;
  --p-brand-sidebar-accent: oklch(0.5 0.0624 254.96);
  --p-button-focus-border: #a6c0e2;
  --p-button-focus-border: oklch(0.8 0.0562 254.96);
  --p-button-ghost-bg-hover: #edf2f70a;
  --p-button-ghost-bg-hover: oklch(0.958 0.0088 252.82 / 0.04);
  --p-button-ghost-bg-pressed: #edf2f714;
  --p-button-ghost-bg-pressed: oklch(0.958 0.0088 252.82 / 0.08);
  --p-button-secondary-bg: #ffffff0a;
  --p-button-secondary-bg: oklch(1 0 0 / 0.04);
  --p-button-secondary-bg-hover: #ffffff1a;
  --p-button-secondary-bg-hover: oklch(1 0 0 / 0.1);
  --p-choice-border: #75797e;
  --p-choice-border: oklch(0.574 0.0098 252.82);
  --p-color-accent-action: #4b6587;
  --p-color-accent-action: oklch(0.5 0.0624 254.96);
  --p-color-accent-border: #32445a;
  --p-color-accent-border: oklch(0.38 0.0446 254.96);
  --p-color-accent-solid: #4b6587;
  --p-color-accent-solid: oklch(0.5 0.0624 254.96);
  --p-color-accent-solid-hover: #567192;
  --p-color-accent-solid-hover: oklch(0.54 0.0612 254.96);
  --p-color-accent-solid-pressed: #334966;
  --p-color-accent-solid-pressed: oklch(0.4 0.0562 254.96);
  --p-color-accent-text: #a6c0e2;
  --p-color-accent-text: oklch(0.8 0.0562 254.96);
  --p-color-accent-text-pressed: #334966;
  --p-color-accent-text-pressed: oklch(0.4 0.0562 254.96);
  --p-color-accent-tint: #151b23;
  --p-color-accent-tint: oklch(0.22 0.0191 254.96);
  --p-color-agent-border: #32445a;
  --p-color-agent-border: oklch(0.38 0.0446 254.96);
  --p-color-agent-mark: #4b6587;
  --p-color-agent-mark: oklch(0.5 0.0624 254.96);
  --p-color-agent-text: #a6c0e2;
  --p-color-agent-text: oklch(0.8 0.0562 254.96);
  --p-color-agent-tint: #151b23;
  --p-color-agent-tint: oklch(0.22 0.0191 254.96);
  --p-color-bg-canvas: #070a0e;
  --p-color-bg-canvas: oklch(0.145 0.0098 252.82);
  --p-color-bg-default: #0d1115;
  --p-color-bg-default: oklch(0.175 0.0098 252.82);
  --p-color-bg-panel: #0d1115;
  --p-color-bg-panel: oklch(0.175 0.0098 252.82);
  --p-color-border-control: #edf2f729;
  --p-color-border-control: oklch(0.958 0.0088 252.82 / 0.16);
  --p-color-border-control-hover: #edf2f733;
  --p-color-border-control-hover: oklch(0.958 0.0088 252.82 / 0.2);
  --p-color-border-control-strong: #edf2f733;
  --p-color-border-control-strong: oklch(0.958 0.0088 252.82 / 0.2);
  --p-color-border-default: #75797e;
  --p-color-border-default: oklch(0.574 0.0098 252.82);
  --p-color-border-hairline: #edf2f714;
  --p-color-border-hairline: oklch(0.958 0.0088 252.82 / 0.08);
  --p-color-border-strong: #85898e;
  --p-color-border-strong: oklch(0.627 0.0088 252.82);
  --p-color-border-subtle: #2a2e33;
  --p-color-border-subtle: oklch(0.3 0.0098 252.82);
  --p-color-count-bg: #edf2f7;
  --p-color-count-bg: oklch(0.958 0.0088 252.82);
  --p-color-count-text: #0d1115;
  --p-color-count-text: oklch(0.175 0.0098 252.82);
  --p-color-danger-subtle: #24100f;
  --p-color-danger-subtle: oklch(0.202 0.0341 22.27);
  --p-color-field-bg: #ffffff0a;
  --p-color-field-bg: oklch(1 0 0 / 0.04);
  --p-color-field-bg-disabled: #edf2f708;
  --p-color-field-bg-disabled: oklch(0.958 0.0088 252.82 / 0.03);
  --p-color-field-border-disabled: #edf2f70f;
  --p-color-field-border-disabled: oklch(0.958 0.0088 252.82 / 0.06);
  --p-color-field-border-focus: #a6c0e2;
  --p-color-field-border-focus: oklch(0.8 0.0562 254.96);
  --p-color-field-border-readonly-hover: #edf2f71f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.0088 252.82 / 0.12);
  --p-color-focus-ring: #a6c0e2;
  --p-color-focus-ring: oklch(0.8 0.0562 254.96);
  --p-color-focus-ring-button: #a6c0e259;
  --p-color-focus-ring-button: oklch(0.8 0.0562 254.96 / 0.35);
  --p-color-focus-ring-field: #a6c0e252;
  --p-color-focus-ring-field: oklch(0.8 0.0562 254.96 / 0.32);
  --p-color-hover-tint: #edf2f70a;
  --p-color-hover-tint: oklch(0.958 0.0088 252.82 / 0.04);
  --p-color-info-subtle: #081727;
  --p-color-info-subtle: oklch(0.202 0.037 250.3);
  --p-color-ink-a10: #edf2f71a;
  --p-color-ink-a10: oklch(0.958 0.0088 252.82 / 0.1);
  --p-color-ink-a12: #edf2f71f;
  --p-color-ink-a12: oklch(0.958 0.0088 252.82 / 0.12);
  --p-color-ink-a14: #edf2f724;
  --p-color-ink-a14: oklch(0.958 0.0088 252.82 / 0.14);
  --p-color-ink-a16: #edf2f729;
  --p-color-ink-a16: oklch(0.958 0.0088 252.82 / 0.16);
  --p-color-ink-a18: #edf2f72e;
  --p-color-ink-a18: oklch(0.958 0.0088 252.82 / 0.18);
  --p-color-ink-a20: #edf2f733;
  --p-color-ink-a20: oklch(0.958 0.0088 252.82 / 0.2);
  --p-color-ink-a24: #edf2f73d;
  --p-color-ink-a24: oklch(0.958 0.0088 252.82 / 0.24);
  --p-color-ink-a28: #edf2f747;
  --p-color-ink-a28: oklch(0.958 0.0088 252.82 / 0.28);
  --p-color-ink-a3: #edf2f708;
  --p-color-ink-a3: oklch(0.958 0.0088 252.82 / 0.03);
  --p-color-ink-a32: #edf2f752;
  --p-color-ink-a32: oklch(0.958 0.0088 252.82 / 0.32);
  --p-color-ink-a4: #edf2f70a;
  --p-color-ink-a4: oklch(0.958 0.0088 252.82 / 0.04);
  --p-color-ink-a40: #edf2f766;
  --p-color-ink-a40: oklch(0.958 0.0088 252.82 / 0.4);
  --p-color-ink-a5: #edf2f70d;
  --p-color-ink-a5: oklch(0.958 0.0088 252.82 / 0.05);
  --p-color-ink-a6: #edf2f70f;
  --p-color-ink-a6: oklch(0.958 0.0088 252.82 / 0.06);
  --p-color-ink-a8: #edf2f714;
  --p-color-ink-a8: oklch(0.958 0.0088 252.82 / 0.08);
  --p-color-mark-done: #edf2f7;
  --p-color-mark-done: oklch(0.958 0.0088 252.82);
  --p-color-mark-on-done: #070a0e;
  --p-color-mark-on-done: oklch(0.145 0.0098 252.82);
  --p-color-nav-active: #161c23;
  --p-color-nav-active: oklch(0.2236 0.0154 253.76);
  --p-color-nav-active-icon: #a6c0e2;
  --p-color-nav-active-icon: oklch(0.8 0.0562 254.96);
  --p-color-selected-outline: #edf2f7;
  --p-color-selected-outline: oklch(0.958 0.0088 252.82);
  --p-color-success-subtle: #0b1a12;
  --p-color-success-subtle: oklch(0.202 0.0269 158.16);
  --p-color-surface-1: #14171c;
  --p-color-surface-1: oklch(0.205 0.0098 252.82);
  --p-color-surface-2: #1b1e23;
  --p-color-surface-2: oklch(0.235 0.0098 252.82);
  --p-color-surface-3: #22262a;
  --p-color-surface-3: oklch(0.265 0.0098 252.82);
  --p-color-surface-4: #2a2e33;
  --p-color-surface-4: oklch(0.3 0.0098 252.82);
  --p-color-surface-hover: #1b1e23;
  --p-color-surface-hover: oklch(0.235 0.0098 252.82);
  --p-color-surface-pressed: #22262a;
  --p-color-surface-pressed: oklch(0.265 0.0098 252.82);
  --p-color-surface-selected: #19222e;
  --p-color-surface-selected: oklch(0.25 0.0255 254.96);
  --p-color-surface-sunken: #070a0e;
  --p-color-surface-sunken: oklch(0.145 0.0098 252.82);
  --p-color-text-disabled: #75797e;
  --p-color-text-disabled: oklch(0.574 0.0098 252.82);
  --p-color-text-inverse: #070a0e;
  --p-color-text-inverse: oklch(0.145 0.0098 252.82);
  --p-color-text-link: #a6c0e2;
  --p-color-text-link: oklch(0.8 0.0562 254.96);
  --p-color-text-primary: #edf2f7;
  --p-color-text-primary: oklch(0.958 0.0088 252.82);
  --p-color-text-secondary: #b8bdc2;
  --p-color-text-secondary: oklch(0.796 0.0088 252.82);
  --p-color-text-tertiary: #94999e;
  --p-color-text-tertiary: oklch(0.68 0.0088 252.82);
  --p-color-warning-subtle: #1d1509;
  --p-color-warning-subtle: oklch(0.202 0.0255 75.34);
  --p-elevation-0-surface: #0d1115;
  --p-elevation-0-surface: oklch(0.175 0.0098 252.82);
  --p-elevation-1-surface: #14171c;
  --p-elevation-1-surface: oklch(0.205 0.0098 252.82);
  --p-elevation-2-surface: #1b1e23;
  --p-elevation-2-surface: oklch(0.235 0.0098 252.82);
  --p-elevation-3-surface: #22262a;
  --p-elevation-3-surface: oklch(0.265 0.0098 252.82);
  --p-elevation-4-surface: #2a2e33;
  --p-elevation-4-surface: oklch(0.3 0.0098 252.82);
  --p-elevation-5-surface: #2a2e33;
  --p-elevation-5-surface: oklch(0.3 0.0098 252.82);
  --p-overlay-bg: #14171c;
  --p-overlay-bg: oklch(0.205 0.0098 252.82);
  --p-overlay-highlight: #edf2f70f;
  --p-overlay-highlight: oklch(0.958 0.0088 252.82 / 0.06);
  --p-overlay-ring: #ffffff1a;
  --p-overlay-ring: oklch(1 0 0 / 0.1);
  --p-overlay-separator: #edf2f714;
  --p-overlay-separator: oklch(0.958 0.0088 252.82 / 0.08);
  --p-ramp-accent-1: #0a0b0d;
  --p-ramp-accent-1: oklch(0.15 0.0051 254.96);
  --p-ramp-accent-10: #567192;
  --p-ramp-accent-10: oklch(0.54 0.0612 254.96);
  --p-ramp-accent-11: #a6c0e2;
  --p-ramp-accent-11: oklch(0.8 0.0562 254.96);
  --p-ramp-accent-12: #dee9f7;
  --p-ramp-accent-12: oklch(0.93 0.0218 254.96);
  --p-ramp-accent-2: #0e1116;
  --p-ramp-accent-2: oklch(0.178 0.0106 254.96);
  --p-ramp-accent-3: #151b23;
  --p-ramp-accent-3: oklch(0.22 0.0191 254.96);
  --p-ramp-accent-4: #19222e;
  --p-ramp-accent-4: oklch(0.25 0.0255 254.96);
  --p-ramp-accent-5: #1e2a38;
  --p-ramp-accent-5: oklch(0.28 0.0318 254.96);
  --p-ramp-accent-6: #253446;
  --p-ramp-accent-6: oklch(0.32 0.0382 254.96);
  --p-ramp-accent-7: #32445a;
  --p-ramp-accent-7: oklch(0.38 0.0446 254.96);
  --p-ramp-accent-8: #334966;
  --p-ramp-accent-8: oklch(0.4 0.0562 254.96);
  --p-ramp-accent-9: #4b6587;
  --p-ramp-accent-9: oklch(0.5 0.0624 254.96);
  --p-ramp-neutral-1: #070a0e;
  --p-ramp-neutral-1: oklch(0.145 0.0098 252.82);
  --p-ramp-neutral-10: #94999e;
  --p-ramp-neutral-10: oklch(0.68 0.0088 252.82);
  --p-ramp-neutral-11: #b8bdc2;
  --p-ramp-neutral-11: oklch(0.796 0.0088 252.82);
  --p-ramp-neutral-12: #edf2f7;
  --p-ramp-neutral-12: oklch(0.958 0.0088 252.82);
  --p-ramp-neutral-2: #0d1115;
  --p-ramp-neutral-2: oklch(0.175 0.0098 252.82);
  --p-ramp-neutral-3: #14171c;
  --p-ramp-neutral-3: oklch(0.205 0.0098 252.82);
  --p-ramp-neutral-4: #1b1e23;
  --p-ramp-neutral-4: oklch(0.235 0.0098 252.82);
  --p-ramp-neutral-5: #22262a;
  --p-ramp-neutral-5: oklch(0.265 0.0098 252.82);
  --p-ramp-neutral-6: #2a2e33;
  --p-ramp-neutral-6: oklch(0.3 0.0098 252.82);
  --p-ramp-neutral-7: #383c41;
  --p-ramp-neutral-7: oklch(0.355 0.0098 252.82);
  --p-ramp-neutral-8: #75797e;
  --p-ramp-neutral-8: oklch(0.574 0.0098 252.82);
  --p-ramp-neutral-9: #85898e;
  --p-ramp-neutral-9: oklch(0.627 0.0088 252.82);
  --p-segmented-active-bg: #383c41;
  --p-segmented-active-bg: oklch(0.355 0.0098 252.82);
  --p-segmented-track: #edf2f70a;
  --p-segmented-track: oklch(0.958 0.0088 252.82 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.958 0.0088 252.82 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.958 0.0088 252.82 / 0.05);
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(1 0 0 / 0.1), 0px 24px 48px -12px oklch(0 0 0 / 0.5);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0 0 0 / 0.3), 0px 4px 8px -4px oklch(0 0 0 / 0.3), 0px 16px 24px -8px oklch(0 0 0 / 0.45);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(1 0 0 / 0.1);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.958 0.0088 252.82 / 0.08), 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.0088 252.82 / 0.12), 0px 1px 2px 0px oklch(0.958 0.0088 252.82 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.0088 252.82 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.0088 252.82 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #edf2f71a;
  --p-slider-track: oklch(0.958 0.0088 252.82 / 0.1);
  --p-switch-border-off: #75797e;
  --p-switch-border-off: oklch(0.574 0.0098 252.82);
  --p-switch-track-off: #edf2f729;
  --p-switch-track-off: oklch(0.958 0.0088 252.82 / 0.16);
  --p-tooltip-bg: #edf2f7;
  --p-tooltip-bg: oklch(0.958 0.0088 252.82);
  --p-tooltip-fg: #070a0e;
  --p-tooltip-fg: oklch(0.145 0.0098 252.82);
}

[data-theme="dark"][data-world="editorial"][data-product="poliage"] {
  --p-brand-sidebar-accent: #7e5855;
  --p-brand-sidebar-accent: oklch(0.5 0.0512 23.08);
  --p-button-focus-border: #dab3b0;
  --p-button-focus-border: oklch(0.8 0.0461 23.08);
  --p-button-ghost-bg-hover: #f6f0e90a;
  --p-button-ghost-bg-hover: oklch(0.958 0.011 67.67 / 0.04);
  --p-button-ghost-bg-pressed: #f6f0e914;
  --p-button-ghost-bg-pressed: oklch(0.958 0.011 67.67 / 0.08);
  --p-button-secondary-bg: #ffffff0a;
  --p-button-secondary-bg: oklch(1 0 0 / 0.04);
  --p-button-secondary-bg-hover: #ffffff1a;
  --p-button-secondary-bg-hover: oklch(1 0 0 / 0.1);
  --p-choice-border: #7f7872;
  --p-choice-border: oklch(0.578 0.0122 67.67);
  --p-color-accent-action: #7e5855;
  --p-color-accent-action: oklch(0.5 0.0512 23.08);
  --p-color-accent-border: #543b39;
  --p-color-accent-border: oklch(0.38 0.0366 23.08);
  --p-color-accent-solid: #7e5855;
  --p-color-accent-solid: oklch(0.5 0.0512 23.08);
  --p-color-accent-solid-hover: #8a6361;
  --p-color-accent-solid-hover: oklch(0.54 0.0502 23.08);
  --p-color-accent-solid-pressed: #5e3e3c;
  --p-color-accent-solid-pressed: oklch(0.4 0.0461 23.08);
  --p-color-accent-text: #dab3b0;
  --p-color-accent-text: oklch(0.8 0.0461 23.08);
  --p-color-accent-text-pressed: #5e3e3c;
  --p-color-accent-text-pressed: oklch(0.4 0.0461 23.08);
  --p-color-accent-tint: #211817;
  --p-color-accent-tint: oklch(0.22 0.0157 23.08);
  --p-color-agent-border: #543b39;
  --p-color-agent-border: oklch(0.38 0.0366 23.08);
  --p-color-agent-mark: #7e5855;
  --p-color-agent-mark: oklch(0.5 0.0512 23.08);
  --p-color-agent-text: #dab3b0;
  --p-color-agent-text: oklch(0.8 0.0461 23.08);
  --p-color-agent-tint: #211817;
  --p-color-agent-tint: oklch(0.22 0.0157 23.08);
  --p-color-bg-canvas: #0e0905;
  --p-color-bg-canvas: oklch(0.145 0.0122 67.67);
  --p-color-bg-default: #14100b;
  --p-color-bg-default: oklch(0.175 0.0122 67.67);
  --p-color-bg-panel: #14100b;
  --p-color-bg-panel: oklch(0.175 0.0122 67.67);
  --p-color-border-control: #f6f0e929;
  --p-color-border-control: oklch(0.958 0.011 67.67 / 0.16);
  --p-color-border-control-hover: #f6f0e933;
  --p-color-border-control-hover: oklch(0.958 0.011 67.67 / 0.2);
  --p-color-border-control-strong: #f6f0e933;
  --p-color-border-control-strong: oklch(0.958 0.011 67.67 / 0.2);
  --p-color-border-default: #7f7872;
  --p-color-border-default: oklch(0.578 0.0122 67.67);
  --p-color-border-hairline: #f6f0e914;
  --p-color-border-hairline: oklch(0.958 0.011 67.67 / 0.08);
  --p-color-border-strong: #8d8882;
  --p-color-border-strong: oklch(0.629 0.011 67.67);
  --p-color-border-subtle: #322d27;
  --p-color-border-subtle: oklch(0.3 0.0122 67.67);
  --p-color-count-bg: #f6f0e9;
  --p-color-count-bg: oklch(0.958 0.011 67.67);
  --p-color-count-text: #14100b;
  --p-color-count-text: oklch(0.175 0.0122 67.67);
  --p-color-danger-subtle: #260f0b;
  --p-color-danger-subtle: oklch(0.202 0.0405 31.5);
  --p-color-field-bg: #ffffff0a;
  --p-color-field-bg: oklch(1 0 0 / 0.04);
  --p-color-field-bg-disabled: #f6f0e908;
  --p-color-field-bg-disabled: oklch(0.958 0.011 67.67 / 0.03);
  --p-color-field-border-disabled: #f6f0e90f;
  --p-color-field-border-disabled: oklch(0.958 0.011 67.67 / 0.06);
  --p-color-field-border-focus: #dab3b0;
  --p-color-field-border-focus: oklch(0.8 0.0461 23.08);
  --p-color-field-border-readonly-hover: #f6f0e91f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.011 67.67 / 0.12);
  --p-color-focus-ring: #dab3b0;
  --p-color-focus-ring: oklch(0.8 0.0461 23.08);
  --p-color-focus-ring-button: #dab3b059;
  --p-color-focus-ring-button: oklch(0.8 0.0461 23.08 / 0.35);
  --p-color-focus-ring-field: #dab3b052;
  --p-color-focus-ring-field: oklch(0.8 0.0461 23.08 / 0.32);
  --p-color-hover-tint: #f6f0e90a;
  --p-color-hover-tint: oklch(0.958 0.011 67.67 / 0.04);
  --p-color-info-subtle: #0c1723;
  --p-color-info-subtle: oklch(0.202 0.0282 250.4);
  --p-color-ink-a10: #f6f0e91a;
  --p-color-ink-a10: oklch(0.958 0.011 67.67 / 0.1);
  --p-color-ink-a12: #f6f0e91f;
  --p-color-ink-a12: oklch(0.958 0.011 67.67 / 0.12);
  --p-color-ink-a14: #f6f0e924;
  --p-color-ink-a14: oklch(0.958 0.011 67.67 / 0.14);
  --p-color-ink-a16: #f6f0e929;
  --p-color-ink-a16: oklch(0.958 0.011 67.67 / 0.16);
  --p-color-ink-a18: #f6f0e92e;
  --p-color-ink-a18: oklch(0.958 0.011 67.67 / 0.18);
  --p-color-ink-a20: #f6f0e933;
  --p-color-ink-a20: oklch(0.958 0.011 67.67 / 0.2);
  --p-color-ink-a24: #f6f0e93d;
  --p-color-ink-a24: oklch(0.958 0.011 67.67 / 0.24);
  --p-color-ink-a28: #f6f0e947;
  --p-color-ink-a28: oklch(0.958 0.011 67.67 / 0.28);
  --p-color-ink-a3: #f6f0e908;
  --p-color-ink-a3: oklch(0.958 0.011 67.67 / 0.03);
  --p-color-ink-a32: #f6f0e952;
  --p-color-ink-a32: oklch(0.958 0.011 67.67 / 0.32);
  --p-color-ink-a4: #f6f0e90a;
  --p-color-ink-a4: oklch(0.958 0.011 67.67 / 0.04);
  --p-color-ink-a40: #f6f0e966;
  --p-color-ink-a40: oklch(0.958 0.011 67.67 / 0.4);
  --p-color-ink-a5: #f6f0e90d;
  --p-color-ink-a5: oklch(0.958 0.011 67.67 / 0.05);
  --p-color-ink-a6: #f6f0e90f;
  --p-color-ink-a6: oklch(0.958 0.011 67.67 / 0.06);
  --p-color-ink-a8: #f6f0e914;
  --p-color-ink-a8: oklch(0.958 0.011 67.67 / 0.08);
  --p-color-mark-done: #f6f0e9;
  --p-color-mark-done: oklch(0.958 0.011 67.67);
  --p-color-mark-on-done: #0e0905;
  --p-color-mark-on-done: oklch(0.145 0.0122 67.67);
  --p-color-nav-active: #211a15;
  --p-color-nav-active: oklch(0.2236 0.0152 52.85);
  --p-color-nav-active-icon: #dab3b0;
  --p-color-nav-active-icon: oklch(0.8 0.0461 23.08);
  --p-color-selected-outline: #f6f0e9;
  --p-color-selected-outline: oklch(0.958 0.011 67.67);
  --p-color-success-subtle: #0f1a0d;
  --p-color-success-subtle: oklch(0.202 0.0286 140.27);
  --p-color-surface-1: #1b1611;
  --p-color-surface-1: oklch(0.205 0.0122 67.67);
  --p-color-surface-2: #221d18;
  --p-color-surface-2: oklch(0.235 0.0122 67.67);
  --p-color-surface-3: #29241f;
  --p-color-surface-3: oklch(0.265 0.0122 67.67);
  --p-color-surface-4: #322d27;
  --p-color-surface-4: oklch(0.3 0.0122 67.67);
  --p-color-surface-hover: #221d18;
  --p-color-surface-hover: oklch(0.235 0.0122 67.67);
  --p-color-surface-pressed: #29241f;
  --p-color-surface-pressed: oklch(0.265 0.0122 67.67);
  --p-color-surface-selected: #2b1e1d;
  --p-color-surface-selected: oklch(0.25 0.0209 23.08);
  --p-color-surface-sunken: #0e0905;
  --p-color-surface-sunken: oklch(0.145 0.0122 67.67);
  --p-color-text-disabled: #7f7872;
  --p-color-text-disabled: oklch(0.578 0.0122 67.67);
  --p-color-text-inverse: #0e0905;
  --p-color-text-inverse: oklch(0.145 0.0122 67.67);
  --p-color-text-link: #dab3b0;
  --p-color-text-link: oklch(0.8 0.0461 23.08);
  --p-color-text-primary: #f6f0e9;
  --p-color-text-primary: oklch(0.958 0.011 67.67);
  --p-color-text-secondary: #c3bcb6;
  --p-color-text-secondary: oklch(0.8 0.011 67.67);
  --p-color-text-tertiary: #9d9791;
  --p-color-text-tertiary: oklch(0.68 0.011 67.67);
  --p-color-warning-subtle: #201404;
  --p-color-warning-subtle: oklch(0.202 0.0342 73.96);
  --p-elevation-0-surface: #14100b;
  --p-elevation-0-surface: oklch(0.175 0.0122 67.67);
  --p-elevation-1-surface: #1b1611;
  --p-elevation-1-surface: oklch(0.205 0.0122 67.67);
  --p-elevation-2-surface: #221d18;
  --p-elevation-2-surface: oklch(0.235 0.0122 67.67);
  --p-elevation-3-surface: #29241f;
  --p-elevation-3-surface: oklch(0.265 0.0122 67.67);
  --p-elevation-4-surface: #322d27;
  --p-elevation-4-surface: oklch(0.3 0.0122 67.67);
  --p-elevation-5-surface: #322d27;
  --p-elevation-5-surface: oklch(0.3 0.0122 67.67);
  --p-overlay-bg: #1b1611;
  --p-overlay-bg: oklch(0.205 0.0122 67.67);
  --p-overlay-highlight: #f6f0e90f;
  --p-overlay-highlight: oklch(0.958 0.011 67.67 / 0.06);
  --p-overlay-ring: #ffffff1a;
  --p-overlay-ring: oklch(1 0 0 / 0.1);
  --p-overlay-separator: #f6f0e914;
  --p-overlay-separator: oklch(0.958 0.011 67.67 / 0.08);
  --p-ramp-accent-1: #0d0a0a;
  --p-ramp-accent-1: oklch(0.15 0.0042 23.08);
  --p-ramp-accent-10: #8a6361;
  --p-ramp-accent-10: oklch(0.54 0.0502 23.08);
  --p-ramp-accent-11: #dab3b0;
  --p-ramp-accent-11: oklch(0.8 0.0461 23.08);
  --p-ramp-accent-12: #f4e4e2;
  --p-ramp-accent-12: oklch(0.93 0.0179 23.08);
  --p-ramp-accent-2: #15100f;
  --p-ramp-accent-2: oklch(0.178 0.0087 23.08);
  --p-ramp-accent-3: #211817;
  --p-ramp-accent-3: oklch(0.22 0.0157 23.08);
  --p-ramp-accent-4: #2b1e1d;
  --p-ramp-accent-4: oklch(0.25 0.0209 23.08);
  --p-ramp-accent-5: #352423;
  --p-ramp-accent-5: oklch(0.28 0.0261 23.08);
  --p-ramp-accent-6: #422d2b;
  --p-ramp-accent-6: oklch(0.32 0.0313 23.08);
  --p-ramp-accent-7: #543b39;
  --p-ramp-accent-7: oklch(0.38 0.0366 23.08);
  --p-ramp-accent-8: #5e3e3c;
  --p-ramp-accent-8: oklch(0.4 0.0461 23.08);
  --p-ramp-accent-9: #7e5855;
  --p-ramp-accent-9: oklch(0.5 0.0512 23.08);
  --p-ramp-neutral-1: #0e0905;
  --p-ramp-neutral-1: oklch(0.145 0.0122 67.67);
  --p-ramp-neutral-10: #9d9791;
  --p-ramp-neutral-10: oklch(0.68 0.011 67.67);
  --p-ramp-neutral-11: #c3bcb6;
  --p-ramp-neutral-11: oklch(0.8 0.011 67.67);
  --p-ramp-neutral-12: #f6f0e9;
  --p-ramp-neutral-12: oklch(0.958 0.011 67.67);
  --p-ramp-neutral-2: #14100b;
  --p-ramp-neutral-2: oklch(0.175 0.0122 67.67);
  --p-ramp-neutral-3: #1b1611;
  --p-ramp-neutral-3: oklch(0.205 0.0122 67.67);
  --p-ramp-neutral-4: #221d18;
  --p-ramp-neutral-4: oklch(0.235 0.0122 67.67);
  --p-ramp-neutral-5: #29241f;
  --p-ramp-neutral-5: oklch(0.265 0.0122 67.67);
  --p-ramp-neutral-6: #322d27;
  --p-ramp-neutral-6: oklch(0.3 0.0122 67.67);
  --p-ramp-neutral-7: #403b35;
  --p-ramp-neutral-7: oklch(0.355 0.0122 67.67);
  --p-ramp-neutral-8: #7f7872;
  --p-ramp-neutral-8: oklch(0.578 0.0122 67.67);
  --p-ramp-neutral-9: #8d8882;
  --p-ramp-neutral-9: oklch(0.629 0.011 67.67);
  --p-segmented-active-bg: #403b35;
  --p-segmented-active-bg: oklch(0.355 0.0122 67.67);
  --p-segmented-track: #f6f0e90a;
  --p-segmented-track: oklch(0.958 0.011 67.67 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.958 0.011 67.67 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.958 0.011 67.67 / 0.05);
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(1 0 0 / 0.1), 0px 24px 48px -12px oklch(0 0 0 / 0.5);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0 0 0 / 0.3), 0px 4px 8px -4px oklch(0 0 0 / 0.3), 0px 16px 24px -8px oklch(0 0 0 / 0.45);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(1 0 0 / 0.1);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.958 0.011 67.67 / 0.08), 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.011 67.67 / 0.12), 0px 1px 2px 0px oklch(0.958 0.011 67.67 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.011 67.67 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.011 67.67 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #f6f0e91a;
  --p-slider-track: oklch(0.958 0.011 67.67 / 0.1);
  --p-switch-border-off: #7f7872;
  --p-switch-border-off: oklch(0.578 0.0122 67.67);
  --p-switch-track-off: #f6f0e929;
  --p-switch-track-off: oklch(0.958 0.011 67.67 / 0.16);
  --p-tooltip-bg: #f6f0e9;
  --p-tooltip-bg: oklch(0.958 0.011 67.67);
  --p-tooltip-fg: #0e0905;
  --p-tooltip-fg: oklch(0.145 0.0122 67.67);
}

[data-theme="dark"][data-world="editorial"][data-product="poliage-beauty"] {
  --p-brand-sidebar-accent: #646361;
  --p-brand-sidebar-accent: oklch(0.5 0.0041 84.59);
  --p-button-focus-border: #bfbdbb;
  --p-button-focus-border: oklch(0.8 0.0037 84.59);
  --p-button-ghost-bg-hover: #f4f1ea0a;
  --p-button-ghost-bg-hover: oklch(0.958 0.009 87.48 / 0.04);
  --p-button-ghost-bg-pressed: #f4f1ea14;
  --p-button-ghost-bg-pressed: oklch(0.958 0.009 87.48 / 0.08);
  --p-button-secondary-bg: #ffffff0a;
  --p-button-secondary-bg: oklch(1 0 0 / 0.04);
  --p-button-secondary-bg-hover: #ffffff1a;
  --p-button-secondary-bg-hover: oklch(1 0 0 / 0.1);
  --p-choice-border: #7c7973;
  --p-choice-border: oklch(0.578 0.01 87.48);
  --p-color-accent-action: #646361;
  --p-color-accent-action: oklch(0.5 0.0041 84.59);
  --p-color-accent-border: #434241;
  --p-color-accent-border: oklch(0.38 0.0029 84.59);
  --p-color-accent-solid: #646361;
  --p-color-accent-solid: oklch(0.5 0.0041 84.59);
  --p-color-accent-solid-hover: #706e6c;
  --p-color-accent-solid-hover: oklch(0.54 0.004 84.59);
  --p-color-accent-solid-pressed: #494745;
  --p-color-accent-solid-pressed: oklch(0.4 0.0037 84.59);
  --p-color-accent-text: #bfbdbb;
  --p-color-accent-text: oklch(0.8 0.0037 84.59);
  --p-color-accent-text-pressed: #494745;
  --p-color-accent-text-pressed: oklch(0.4 0.0037 84.59);
  --p-color-accent-tint: #1b1a1a;
  --p-color-accent-tint: oklch(0.22 0.0013 84.59);
  --p-color-agent-border: #434241;
  --p-color-agent-border: oklch(0.38 0.0029 84.59);
  --p-color-agent-mark: #646361;
  --p-color-agent-mark: oklch(0.5 0.0041 84.59);
  --p-color-agent-text: #bfbdbb;
  --p-color-agent-text: oklch(0.8 0.0037 84.59);
  --p-color-agent-tint: #1b1a1a;
  --p-color-agent-tint: oklch(0.22 0.0013 84.59);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 87.48);
  --p-color-bg-default: #12100c;
  --p-color-bg-default: oklch(0.175 0.01 87.48);
  --p-color-bg-panel: #12100c;
  --p-color-bg-panel: oklch(0.175 0.01 87.48);
  --p-color-border-control: #f4f1ea29;
  --p-color-border-control: oklch(0.958 0.009 87.48 / 0.16);
  --p-color-border-control-hover: #f4f1ea33;
  --p-color-border-control-hover: oklch(0.958 0.009 87.48 / 0.2);
  --p-color-border-control-strong: #f4f1ea33;
  --p-color-border-control-strong: oklch(0.958 0.009 87.48 / 0.2);
  --p-color-border-default: #7c7973;
  --p-color-border-default: oklch(0.578 0.01 87.48);
  --p-color-border-hairline: #f4f1ea14;
  --p-color-border-hairline: oklch(0.958 0.009 87.48 / 0.08);
  --p-color-border-strong: #8b8983;
  --p-color-border-strong: oklch(0.629 0.009 87.48);
  --p-color-border-subtle: #302e28;
  --p-color-border-subtle: oklch(0.3 0.01 87.48);
  --p-color-count-bg: #f4f1ea;
  --p-color-count-bg: oklch(0.958 0.009 87.48);
  --p-color-count-text: #12100c;
  --p-color-count-text: oklch(0.175 0.01 87.48);
  --p-color-danger-subtle: #250f0b;
  --p-color-danger-subtle: oklch(0.202 0.0388 32.14);
  --p-color-field-bg: #ffffff0a;
  --p-color-field-bg: oklch(1 0 0 / 0.04);
  --p-color-field-bg-disabled: #f4f1ea08;
  --p-color-field-bg-disabled: oklch(0.958 0.009 87.48 / 0.03);
  --p-color-field-border-disabled: #f4f1ea0f;
  --p-color-field-border-disabled: oklch(0.958 0.009 87.48 / 0.06);
  --p-color-field-border-focus: #bfbdbb;
  --p-color-field-border-focus: oklch(0.8 0.0037 84.59);
  --p-color-field-border-readonly-hover: #f4f1ea1f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.009 87.48 / 0.12);
  --p-color-focus-ring: #bfbdbb;
  --p-color-focus-ring: oklch(0.8 0.0037 84.59);
  --p-color-focus-ring-button: #bfbdbb59;
  --p-color-focus-ring-button: oklch(0.8 0.0037 84.59 / 0.35);
  --p-color-focus-ring-field: #bfbdbb52;
  --p-color-focus-ring-field: oklch(0.8 0.0037 84.59 / 0.32);
  --p-color-hover-tint: #f4f1ea0a;
  --p-color-hover-tint: oklch(0.958 0.009 87.48 / 0.04);
  --p-color-info-subtle: #0b1823;
  --p-color-info-subtle: oklch(0.202 0.0293 247.65);
  --p-color-ink-a10: #f4f1ea1a;
  --p-color-ink-a10: oklch(0.958 0.009 87.48 / 0.1);
  --p-color-ink-a12: #f4f1ea1f;
  --p-color-ink-a12: oklch(0.958 0.009 87.48 / 0.12);
  --p-color-ink-a14: #f4f1ea24;
  --p-color-ink-a14: oklch(0.958 0.009 87.48 / 0.14);
  --p-color-ink-a16: #f4f1ea29;
  --p-color-ink-a16: oklch(0.958 0.009 87.48 / 0.16);
  --p-color-ink-a18: #f4f1ea2e;
  --p-color-ink-a18: oklch(0.958 0.009 87.48 / 0.18);
  --p-color-ink-a20: #f4f1ea33;
  --p-color-ink-a20: oklch(0.958 0.009 87.48 / 0.2);
  --p-color-ink-a24: #f4f1ea3d;
  --p-color-ink-a24: oklch(0.958 0.009 87.48 / 0.24);
  --p-color-ink-a28: #f4f1ea47;
  --p-color-ink-a28: oklch(0.958 0.009 87.48 / 0.28);
  --p-color-ink-a3: #f4f1ea08;
  --p-color-ink-a3: oklch(0.958 0.009 87.48 / 0.03);
  --p-color-ink-a32: #f4f1ea52;
  --p-color-ink-a32: oklch(0.958 0.009 87.48 / 0.32);
  --p-color-ink-a4: #f4f1ea0a;
  --p-color-ink-a4: oklch(0.958 0.009 87.48 / 0.04);
  --p-color-ink-a40: #f4f1ea66;
  --p-color-ink-a40: oklch(0.958 0.009 87.48 / 0.4);
  --p-color-ink-a5: #f4f1ea0d;
  --p-color-ink-a5: oklch(0.958 0.009 87.48 / 0.05);
  --p-color-ink-a6: #f4f1ea0f;
  --p-color-ink-a6: oklch(0.958 0.009 87.48 / 0.06);
  --p-color-ink-a8: #f4f1ea14;
  --p-color-ink-a8: oklch(0.958 0.009 87.48 / 0.08);
  --p-color-mark-done: #f4f1ea;
  --p-color-mark-done: oklch(0.958 0.009 87.48);
  --p-color-mark-on-done: #0c0a06;
  --p-color-mark-on-done: oklch(0.145 0.01 87.48);
  --p-color-nav-active: #1d1b17;
  --p-color-nav-active: oklch(0.2236 0.0092 87.34);
  --p-color-nav-active-icon: #bfbdbb;
  --p-color-nav-active-icon: oklch(0.8 0.0037 84.59);
  --p-color-selected-outline: #f4f1ea;
  --p-color-selected-outline: oklch(0.958 0.009 87.48);
  --p-color-success-subtle: #0e1a0e;
  --p-color-success-subtle: oklch(0.202 0.0296 143.11);
  --p-color-surface-1: #191712;
  --p-color-surface-1: oklch(0.205 0.01 87.48);
  --p-color-surface-2: #201e19;
  --p-color-surface-2: oklch(0.235 0.01 87.48);
  --p-color-surface-3: #272520;
  --p-color-surface-3: oklch(0.265 0.01 87.48);
  --p-color-surface-4: #302e28;
  --p-color-surface-4: oklch(0.3 0.01 87.48);
  --p-color-surface-hover: #201e19;
  --p-color-surface-hover: oklch(0.235 0.01 87.48);
  --p-color-surface-pressed: #272520;
  --p-color-surface-pressed: oklch(0.265 0.01 87.48);
  --p-color-surface-selected: #222221;
  --p-color-surface-selected: oklch(0.25 0.0017 84.59);
  --p-color-surface-sunken: #0c0a06;
  --p-color-surface-sunken: oklch(0.145 0.01 87.48);
  --p-color-text-disabled: #7c7973;
  --p-color-text-disabled: oklch(0.578 0.01 87.48);
  --p-color-text-inverse: #0c0a06;
  --p-color-text-inverse: oklch(0.145 0.01 87.48);
  --p-color-text-link: #bfbdbb;
  --p-color-text-link: oklch(0.8 0.0037 84.59);
  --p-color-text-primary: #f4f1ea;
  --p-color-text-primary: oklch(0.958 0.009 87.48);
  --p-color-text-secondary: #c0bdb7;
  --p-color-text-secondary: oklch(0.8 0.009 87.48);
  --p-color-text-tertiary: #9b9892;
  --p-color-text-tertiary: oklch(0.68 0.009 87.48);
  --p-color-warning-subtle: #1f1404;
  --p-color-warning-subtle: oklch(0.202 0.0333 76.49);
  --p-elevation-0-surface: #12100c;
  --p-elevation-0-surface: oklch(0.175 0.01 87.48);
  --p-elevation-1-surface: #191712;
  --p-elevation-1-surface: oklch(0.205 0.01 87.48);
  --p-elevation-2-surface: #201e19;
  --p-elevation-2-surface: oklch(0.235 0.01 87.48);
  --p-elevation-3-surface: #272520;
  --p-elevation-3-surface: oklch(0.265 0.01 87.48);
  --p-elevation-4-surface: #302e28;
  --p-elevation-4-surface: oklch(0.3 0.01 87.48);
  --p-elevation-5-surface: #302e28;
  --p-elevation-5-surface: oklch(0.3 0.01 87.48);
  --p-overlay-bg: #191712;
  --p-overlay-bg: oklch(0.205 0.01 87.48);
  --p-overlay-highlight: #f4f1ea0f;
  --p-overlay-highlight: oklch(0.958 0.009 87.48 / 0.06);
  --p-overlay-ring: #ffffff1a;
  --p-overlay-ring: oklch(1 0 0 / 0.1);
  --p-overlay-separator: #f4f1ea14;
  --p-overlay-separator: oklch(0.958 0.009 87.48 / 0.08);
  --p-ramp-accent-1: #0b0b0b;
  --p-ramp-accent-1: oklch(0.15 0.0003 84.59);
  --p-ramp-accent-10: #706e6c;
  --p-ramp-accent-10: oklch(0.54 0.004 84.59);
  --p-ramp-accent-11: #bfbdbb;
  --p-ramp-accent-11: oklch(0.8 0.0037 84.59);
  --p-ramp-accent-12: #e8e8e7;
  --p-ramp-accent-12: oklch(0.93 0.0014 84.59);
  --p-ramp-accent-2: #111111;
  --p-ramp-accent-2: oklch(0.178 0.0007 84.59);
  --p-ramp-accent-3: #1b1a1a;
  --p-ramp-accent-3: oklch(0.22 0.0013 84.59);
  --p-ramp-accent-4: #222221;
  --p-ramp-accent-4: oklch(0.25 0.0017 84.59);
  --p-ramp-accent-5: #292928;
  --p-ramp-accent-5: oklch(0.28 0.0021 84.59);
  --p-ramp-accent-6: #333331;
  --p-ramp-accent-6: oklch(0.32 0.0025 84.59);
  --p-ramp-accent-7: #434241;
  --p-ramp-accent-7: oklch(0.38 0.0029 84.59);
  --p-ramp-accent-8: #494745;
  --p-ramp-accent-8: oklch(0.4 0.0037 84.59);
  --p-ramp-accent-9: #646361;
  --p-ramp-accent-9: oklch(0.5 0.0041 84.59);
  --p-ramp-neutral-1: #0c0a06;
  --p-ramp-neutral-1: oklch(0.145 0.01 87.48);
  --p-ramp-neutral-10: #9b9892;
  --p-ramp-neutral-10: oklch(0.68 0.009 87.48);
  --p-ramp-neutral-11: #c0bdb7;
  --p-ramp-neutral-11: oklch(0.8 0.009 87.48);
  --p-ramp-neutral-12: #f4f1ea;
  --p-ramp-neutral-12: oklch(0.958 0.009 87.48);
  --p-ramp-neutral-2: #12100c;
  --p-ramp-neutral-2: oklch(0.175 0.01 87.48);
  --p-ramp-neutral-3: #191712;
  --p-ramp-neutral-3: oklch(0.205 0.01 87.48);
  --p-ramp-neutral-4: #201e19;
  --p-ramp-neutral-4: oklch(0.235 0.01 87.48);
  --p-ramp-neutral-5: #272520;
  --p-ramp-neutral-5: oklch(0.265 0.01 87.48);
  --p-ramp-neutral-6: #302e28;
  --p-ramp-neutral-6: oklch(0.3 0.01 87.48);
  --p-ramp-neutral-7: #3e3c36;
  --p-ramp-neutral-7: oklch(0.355 0.01 87.48);
  --p-ramp-neutral-8: #7c7973;
  --p-ramp-neutral-8: oklch(0.578 0.01 87.48);
  --p-ramp-neutral-9: #8b8983;
  --p-ramp-neutral-9: oklch(0.629 0.009 87.48);
  --p-segmented-active-bg: #3e3c36;
  --p-segmented-active-bg: oklch(0.355 0.01 87.48);
  --p-segmented-track: #f4f1ea0a;
  --p-segmented-track: oklch(0.958 0.009 87.48 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.958 0.009 87.48 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.958 0.009 87.48 / 0.05);
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(1 0 0 / 0.1), 0px 24px 48px -12px oklch(0 0 0 / 0.5);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0 0 0 / 0.3), 0px 4px 8px -4px oklch(0 0 0 / 0.3), 0px 16px 24px -8px oklch(0 0 0 / 0.45);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(1 0 0 / 0.1);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.958 0.009 87.48 / 0.08), 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.009 87.48 / 0.12), 0px 1px 2px 0px oklch(0.958 0.009 87.48 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.009 87.48 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.009 87.48 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #f4f1ea1a;
  --p-slider-track: oklch(0.958 0.009 87.48 / 0.1);
  --p-switch-border-off: #7c7973;
  --p-switch-border-off: oklch(0.578 0.01 87.48);
  --p-switch-track-off: #f4f1ea29;
  --p-switch-track-off: oklch(0.958 0.009 87.48 / 0.16);
  --p-tooltip-bg: #f4f1ea;
  --p-tooltip-bg: oklch(0.958 0.009 87.48);
  --p-tooltip-fg: #0c0a06;
  --p-tooltip-fg: oklch(0.145 0.01 87.48);
}

[data-theme="dark"][data-world="editorial"][data-product="paperrift"] {
  --p-brand-sidebar-accent: #f2f0ec;
  --p-brand-sidebar-accent: oklch(0.9556 0.0057 84.57);
  --p-button-focus-border: #ffffff;
  --p-button-focus-border: oklch(1 0 0);
  --p-button-ghost-bg-hover: #f2eff90a;
  --p-button-ghost-bg-hover: oklch(0.958 0.0128 298.16 / 0.04);
  --p-button-ghost-bg-pressed: #f2eff914;
  --p-button-ghost-bg-pressed: oklch(0.958 0.0128 298.16 / 0.08);
  --p-button-secondary-bg: #ffffff0a;
  --p-button-secondary-bg: oklch(1 0 0 / 0.04);
  --p-button-secondary-bg-hover: #ffffff1a;
  --p-button-secondary-bg-hover: oklch(1 0 0 / 0.1);
  --p-choice-border: #797780;
  --p-choice-border: oklch(0.574 0.0142 298.16);
  --p-color-accent-action: #f2f0ec;
  --p-color-accent-action: oklch(0.9556 0.0057 84.57);
  --p-color-accent-border: #434240;
  --p-color-accent-border: oklch(0.38 0.0041 84.57);
  --p-color-accent-solid: #f2f0ec;
  --p-color-accent-solid: oklch(0.9556 0.0057 84.57);
  --p-color-accent-solid-hover: #fdfcf8;
  --p-color-accent-solid-hover: oklch(0.99 0.0056 84.57);
  --p-color-accent-solid-pressed: #fdfcf8;
  --p-color-accent-solid-pressed: oklch(0.99 0.0056 84.57);
  --p-color-accent-text: #ffffff;
  --p-color-accent-text: oklch(1 0 0);
  --p-color-accent-text-pressed: #ffffff;
  --p-color-accent-text-pressed: oklch(1 0 0);
  --p-color-accent-tint: #1b1a1a;
  --p-color-accent-tint: oklch(0.22 0.0017 84.57);
  --p-color-agent-border: #434240;
  --p-color-agent-border: oklch(0.38 0.0041 84.57);
  --p-color-agent-mark: #f2f0ec;
  --p-color-agent-mark: oklch(0.9556 0.0057 84.57);
  --p-color-agent-text: #ffffff;
  --p-color-agent-text: oklch(1 0 0);
  --p-color-agent-tint: #1b1a1a;
  --p-color-agent-tint: oklch(0.22 0.0017 84.57);
  --p-color-bg-canvas: #0b090f;
  --p-color-bg-canvas: oklch(0.145 0.0142 298.16);
  --p-color-bg-default: #110f16;
  --p-color-bg-default: oklch(0.175 0.0142 298.16);
  --p-color-bg-panel: #110f16;
  --p-color-bg-panel: oklch(0.175 0.0142 298.16);
  --p-color-border-control: #f2eff929;
  --p-color-border-control: oklch(0.958 0.0128 298.16 / 0.16);
  --p-color-border-control-hover: #f2eff933;
  --p-color-border-control-hover: oklch(0.958 0.0128 298.16 / 0.2);
  --p-color-border-control-strong: #f2eff933;
  --p-color-border-control-strong: oklch(0.958 0.0128 298.16 / 0.2);
  --p-color-border-default: #797780;
  --p-color-border-default: oklch(0.574 0.0142 298.16);
  --p-color-border-hairline: #f2eff914;
  --p-color-border-hairline: oklch(0.958 0.0128 298.16 / 0.08);
  --p-color-border-strong: #89878f;
  --p-color-border-strong: oklch(0.627 0.0128 298.16);
  --p-color-border-subtle: #2f2c34;
  --p-color-border-subtle: oklch(0.3 0.0142 298.16);
  --p-color-count-bg: #f2eff9;
  --p-color-count-bg: oklch(0.958 0.0128 298.16);
  --p-color-count-text: #110f16;
  --p-color-count-text: oklch(0.175 0.0142 298.16);
  --p-color-danger-subtle: #250f10;
  --p-color-danger-subtle: oklch(0.202 0.0373 18.24);
  --p-color-field-bg: #ffffff0a;
  --p-color-field-bg: oklch(1 0 0 / 0.04);
  --p-color-field-bg-disabled: #f2eff908;
  --p-color-field-bg-disabled: oklch(0.958 0.0128 298.16 / 0.03);
  --p-color-field-border-disabled: #f2eff90f;
  --p-color-field-border-disabled: oklch(0.958 0.0128 298.16 / 0.06);
  --p-color-field-border-focus: #ffffff;
  --p-color-field-border-focus: oklch(1 0 0);
  --p-color-field-border-readonly-hover: #f2eff91f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.0128 298.16 / 0.12);
  --p-color-focus-ring: #ffffff;
  --p-color-focus-ring: oklch(1 0 0);
  --p-color-focus-ring-button: #ffffff59;
  --p-color-focus-ring-button: oklch(1 0 0 / 0.35);
  --p-color-focus-ring-field: #ffffff52;
  --p-color-focus-ring-field: oklch(1 0 0 / 0.32);
  --p-color-hover-tint: #f2eff90a;
  --p-color-hover-tint: oklch(0.958 0.0128 298.16 / 0.04);
  --p-color-info-subtle: #0b1727;
  --p-color-info-subtle: oklch(0.202 0.0371 256.55);
  --p-color-ink-a10: #f2eff91a;
  --p-color-ink-a10: oklch(0.958 0.0128 298.16 / 0.1);
  --p-color-ink-a12: #f2eff91f;
  --p-color-ink-a12: oklch(0.958 0.0128 298.16 / 0.12);
  --p-color-ink-a14: #f2eff924;
  --p-color-ink-a14: oklch(0.958 0.0128 298.16 / 0.14);
  --p-color-ink-a16: #f2eff929;
  --p-color-ink-a16: oklch(0.958 0.0128 298.16 / 0.16);
  --p-color-ink-a18: #f2eff92e;
  --p-color-ink-a18: oklch(0.958 0.0128 298.16 / 0.18);
  --p-color-ink-a20: #f2eff933;
  --p-color-ink-a20: oklch(0.958 0.0128 298.16 / 0.2);
  --p-color-ink-a24: #f2eff93d;
  --p-color-ink-a24: oklch(0.958 0.0128 298.16 / 0.24);
  --p-color-ink-a28: #f2eff947;
  --p-color-ink-a28: oklch(0.958 0.0128 298.16 / 0.28);
  --p-color-ink-a3: #f2eff908;
  --p-color-ink-a3: oklch(0.958 0.0128 298.16 / 0.03);
  --p-color-ink-a32: #f2eff952;
  --p-color-ink-a32: oklch(0.958 0.0128 298.16 / 0.32);
  --p-color-ink-a4: #f2eff90a;
  --p-color-ink-a4: oklch(0.958 0.0128 298.16 / 0.04);
  --p-color-ink-a40: #f2eff966;
  --p-color-ink-a40: oklch(0.958 0.0128 298.16 / 0.4);
  --p-color-ink-a5: #f2eff90d;
  --p-color-ink-a5: oklch(0.958 0.0128 298.16 / 0.05);
  --p-color-ink-a6: #f2eff90f;
  --p-color-ink-a6: oklch(0.958 0.0128 298.16 / 0.06);
  --p-color-ink-a8: #f2eff914;
  --p-color-ink-a8: oklch(0.958 0.0128 298.16 / 0.08);
  --p-color-mark-done: #f2eff9;
  --p-color-mark-done: oklch(0.958 0.0128 298.16);
  --p-color-mark-on-done: #0b090f;
  --p-color-mark-on-done: oklch(0.145 0.0142 298.16);
  --p-color-nav-active: #222026;
  --p-color-nav-active: oklch(0.2476 0.0125 298.16);
  --p-color-nav-active-icon: #ffffff;
  --p-color-nav-active-icon: oklch(1 0 0);
  --p-color-selected-outline: #f2eff9;
  --p-color-selected-outline: oklch(0.958 0.0128 298.16);
  --p-color-success-subtle: #0d1a12;
  --p-color-success-subtle: oklch(0.202 0.0229 157.51);
  --p-color-surface-1: #18161d;
  --p-color-surface-1: oklch(0.205 0.0142 298.16);
  --p-color-surface-2: #1f1d24;
  --p-color-surface-2: oklch(0.235 0.0142 298.16);
  --p-color-surface-3: #26242b;
  --p-color-surface-3: oklch(0.265 0.0142 298.16);
  --p-color-surface-4: #2f2c34;
  --p-color-surface-4: oklch(0.3 0.0142 298.16);
  --p-color-surface-hover: #1f1d24;
  --p-color-surface-hover: oklch(0.235 0.0142 298.16);
  --p-color-surface-pressed: #26242b;
  --p-color-surface-pressed: oklch(0.265 0.0142 298.16);
  --p-color-surface-selected: #222120;
  --p-color-surface-selected: oklch(0.25 0.0023 84.57);
  --p-color-surface-sunken: #0b090f;
  --p-color-surface-sunken: oklch(0.145 0.0142 298.16);
  --p-color-text-disabled: #797780;
  --p-color-text-disabled: oklch(0.574 0.0142 298.16);
  --p-color-text-inverse: #0b090f;
  --p-color-text-inverse: oklch(0.145 0.0142 298.16);
  --p-color-text-link: #ffffff;
  --p-color-text-link: oklch(1 0 0);
  --p-color-text-on-accent: #111114;
  --p-color-text-on-accent: oklch(0.18 0.005 286);
  --p-color-text-primary: #f2eff9;
  --p-color-text-primary: oklch(0.958 0.0128 298.16);
  --p-color-text-secondary: #bdbbc4;
  --p-color-text-secondary: oklch(0.796 0.0128 298.16);
  --p-color-text-tertiary: #99979f;
  --p-color-text-tertiary: oklch(0.68 0.0128 298.16);
  --p-color-warning-subtle: #1e140a;
  --p-color-warning-subtle: oklch(0.202 0.0256 66.25);
  --p-elevation-0-surface: #110f16;
  --p-elevation-0-surface: oklch(0.175 0.0142 298.16);
  --p-elevation-1-surface: #18161d;
  --p-elevation-1-surface: oklch(0.205 0.0142 298.16);
  --p-elevation-2-surface: #1f1d24;
  --p-elevation-2-surface: oklch(0.235 0.0142 298.16);
  --p-elevation-3-surface: #26242b;
  --p-elevation-3-surface: oklch(0.265 0.0142 298.16);
  --p-elevation-4-surface: #2f2c34;
  --p-elevation-4-surface: oklch(0.3 0.0142 298.16);
  --p-elevation-5-surface: #2f2c34;
  --p-elevation-5-surface: oklch(0.3 0.0142 298.16);
  --p-overlay-bg: #18161d;
  --p-overlay-bg: oklch(0.205 0.0142 298.16);
  --p-overlay-highlight: #f2eff90f;
  --p-overlay-highlight: oklch(0.958 0.0128 298.16 / 0.06);
  --p-overlay-ring: #ffffff1a;
  --p-overlay-ring: oklch(1 0 0 / 0.1);
  --p-overlay-separator: #f2eff914;
  --p-overlay-separator: oklch(0.958 0.0128 298.16 / 0.08);
  --p-ramp-accent-1: #0b0b0b;
  --p-ramp-accent-1: oklch(0.15 0.0005 84.57);
  --p-ramp-accent-10: #fdfcf8;
  --p-ramp-accent-10: oklch(0.99 0.0056 84.57);
  --p-ramp-accent-11: #ffffff;
  --p-ramp-accent-11: oklch(1 0 0);
  --p-ramp-accent-12: #e8e8e6;
  --p-ramp-accent-12: oklch(0.93 0.002 84.57);
  --p-ramp-accent-2: #111111;
  --p-ramp-accent-2: oklch(0.178 0.001 84.57);
  --p-ramp-accent-3: #1b1a1a;
  --p-ramp-accent-3: oklch(0.22 0.0017 84.57);
  --p-ramp-accent-4: #222120;
  --p-ramp-accent-4: oklch(0.25 0.0023 84.57);
  --p-ramp-accent-5: #292927;
  --p-ramp-accent-5: oklch(0.28 0.0029 84.57);
  --p-ramp-accent-6: #343331;
  --p-ramp-accent-6: oklch(0.32 0.0035 84.57);
  --p-ramp-accent-7: #434240;
  --p-ramp-accent-7: oklch(0.38 0.0041 84.57);
  --p-ramp-accent-8: #8a8885;
  --p-ramp-accent-8: oklch(0.6278 0.0051 84.57);
  --p-ramp-accent-9: #f2f0ec;
  --p-ramp-accent-9: oklch(0.9556 0.0057 84.57);
  --p-ramp-neutral-1: #0b090f;
  --p-ramp-neutral-1: oklch(0.145 0.0142 298.16);
  --p-ramp-neutral-10: #99979f;
  --p-ramp-neutral-10: oklch(0.68 0.0128 298.16);
  --p-ramp-neutral-11: #bdbbc4;
  --p-ramp-neutral-11: oklch(0.796 0.0128 298.16);
  --p-ramp-neutral-12: #f2eff9;
  --p-ramp-neutral-12: oklch(0.958 0.0128 298.16);
  --p-ramp-neutral-2: #110f16;
  --p-ramp-neutral-2: oklch(0.175 0.0142 298.16);
  --p-ramp-neutral-3: #18161d;
  --p-ramp-neutral-3: oklch(0.205 0.0142 298.16);
  --p-ramp-neutral-4: #1f1d24;
  --p-ramp-neutral-4: oklch(0.235 0.0142 298.16);
  --p-ramp-neutral-5: #26242b;
  --p-ramp-neutral-5: oklch(0.265 0.0142 298.16);
  --p-ramp-neutral-6: #2f2c34;
  --p-ramp-neutral-6: oklch(0.3 0.0142 298.16);
  --p-ramp-neutral-7: #3d3a42;
  --p-ramp-neutral-7: oklch(0.355 0.0142 298.16);
  --p-ramp-neutral-8: #797780;
  --p-ramp-neutral-8: oklch(0.574 0.0142 298.16);
  --p-ramp-neutral-9: #89878f;
  --p-ramp-neutral-9: oklch(0.627 0.0128 298.16);
  --p-segmented-active-bg: #3d3a42;
  --p-segmented-active-bg: oklch(0.355 0.0142 298.16);
  --p-segmented-track: #f2eff90a;
  --p-segmented-track: oklch(0.958 0.0128 298.16 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.958 0.0128 298.16 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.958 0.0128 298.16 / 0.05);
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(1 0 0 / 0.1), 0px 24px 48px -12px oklch(0 0 0 / 0.5);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0 0 0 / 0.3), 0px 4px 8px -4px oklch(0 0 0 / 0.3), 0px 16px 24px -8px oklch(0 0 0 / 0.45);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(1 0 0 / 0.1);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.958 0.0128 298.16 / 0.08), 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.0128 298.16 / 0.12), 0px 1px 2px 0px oklch(0.958 0.0128 298.16 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.0128 298.16 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.0128 298.16 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #f2eff91a;
  --p-slider-track: oklch(0.958 0.0128 298.16 / 0.1);
  --p-switch-border-off: #797780;
  --p-switch-border-off: oklch(0.574 0.0142 298.16);
  --p-switch-track-off: #f2eff929;
  --p-switch-track-off: oklch(0.958 0.0128 298.16 / 0.16);
  --p-tooltip-bg: #f2eff9;
  --p-tooltip-bg: oklch(0.958 0.0128 298.16);
  --p-tooltip-fg: #0b090f;
  --p-tooltip-fg: oklch(0.145 0.0142 298.16);
}

[data-theme="dark"][data-world="editorial"][data-product="ownmode"] {
  --p-brand-sidebar-accent: #2f6f57;
  --p-brand-sidebar-accent: oklch(0.4926 0.0769 165.99);
  --p-button-focus-border: #93ccb4;
  --p-button-focus-border: oklch(0.8 0.0692 165.99);
  --p-button-ghost-bg-hover: #f4f1e90a;
  --p-button-ghost-bg-hover: oklch(0.958 0.0103 89.73 / 0.04);
  --p-button-ghost-bg-pressed: #f4f1e914;
  --p-button-ghost-bg-pressed: oklch(0.958 0.0103 89.73 / 0.08);
  --p-button-secondary-bg: #ffffff0a;
  --p-button-secondary-bg: oklch(1 0 0 / 0.04);
  --p-button-secondary-bg-hover: #ffffff1a;
  --p-button-secondary-bg-hover: oklch(1 0 0 / 0.1);
  --p-choice-border: #7c7a72;
  --p-choice-border: oklch(0.578 0.0114 89.73);
  --p-color-accent-action: #2f6f57;
  --p-color-accent-action: oklch(0.4926 0.0769 165.99);
  --p-color-accent-border: #224c3c;
  --p-color-accent-border: oklch(0.38 0.0549 165.99);
  --p-color-accent-solid: #2f6f57;
  --p-color-accent-solid: oklch(0.4926 0.0769 165.99);
  --p-color-accent-solid-hover: #3d7b62;
  --p-color-accent-solid-hover: oklch(0.5326 0.0754 165.99);
  --p-color-accent-solid-pressed: #19523e;
  --p-color-accent-solid-pressed: oklch(0.3963 0.0692 165.99);
  --p-color-accent-text: #93ccb4;
  --p-color-accent-text: oklch(0.8 0.0692 165.99);
  --p-color-accent-text-pressed: #19523e;
  --p-color-accent-text-pressed: oklch(0.3963 0.0692 165.99);
  --p-color-accent-tint: #101e18;
  --p-color-accent-tint: oklch(0.22 0.0235 165.99);
  --p-color-agent-border: #224c3c;
  --p-color-agent-border: oklch(0.38 0.0549 165.99);
  --p-color-agent-mark: #2f6f57;
  --p-color-agent-mark: oklch(0.4926 0.0769 165.99);
  --p-color-agent-text: #93ccb4;
  --p-color-agent-text: oklch(0.8 0.0692 165.99);
  --p-color-agent-tint: #101e18;
  --p-color-agent-tint: oklch(0.22 0.0235 165.99);
  --p-color-bg-canvas: #0c0a05;
  --p-color-bg-canvas: oklch(0.145 0.0114 89.73);
  --p-color-bg-default: #12100b;
  --p-color-bg-default: oklch(0.175 0.0114 89.73);
  --p-color-bg-panel: #12100b;
  --p-color-bg-panel: oklch(0.175 0.0114 89.73);
  --p-color-border-control: #f4f1e929;
  --p-color-border-control: oklch(0.958 0.0103 89.73 / 0.16);
  --p-color-border-control-hover: #f4f1e933;
  --p-color-border-control-hover: oklch(0.958 0.0103 89.73 / 0.2);
  --p-color-border-control-strong: #f4f1e933;
  --p-color-border-control-strong: oklch(0.958 0.0103 89.73 / 0.2);
  --p-color-border-default: #7c7a72;
  --p-color-border-default: oklch(0.578 0.0114 89.73);
  --p-color-border-hairline: #f4f1e914;
  --p-color-border-hairline: oklch(0.958 0.0103 89.73 / 0.08);
  --p-color-border-strong: #8b8982;
  --p-color-border-strong: oklch(0.629 0.0103 89.73);
  --p-color-border-subtle: #302e27;
  --p-color-border-subtle: oklch(0.3 0.0114 89.73);
  --p-color-count-bg: #f4f1e9;
  --p-color-count-bg: oklch(0.958 0.0103 89.73);
  --p-color-count-text: #12100b;
  --p-color-count-text: oklch(0.175 0.0114 89.73);
  --p-color-danger-subtle: #260f0b;
  --p-color-danger-subtle: oklch(0.202 0.039 32.96);
  --p-color-field-bg: #ffffff0a;
  --p-color-field-bg: oklch(1 0 0 / 0.04);
  --p-color-field-bg-disabled: #f4f1e908;
  --p-color-field-bg-disabled: oklch(0.958 0.0103 89.73 / 0.03);
  --p-color-field-border-disabled: #f4f1e90f;
  --p-color-field-border-disabled: oklch(0.958 0.0103 89.73 / 0.06);
  --p-color-field-border-focus: #93ccb4;
  --p-color-field-border-focus: oklch(0.8 0.0692 165.99);
  --p-color-field-border-readonly-hover: #f4f1e91f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.0103 89.73 / 0.12);
  --p-color-focus-ring: #93ccb4;
  --p-color-focus-ring: oklch(0.8 0.0692 165.99);
  --p-color-focus-ring-button: #93ccb459;
  --p-color-focus-ring-button: oklch(0.8 0.0692 165.99 / 0.35);
  --p-color-focus-ring-field: #93ccb452;
  --p-color-focus-ring-field: oklch(0.8 0.0692 165.99 / 0.32);
  --p-color-hover-tint: #f4f1e90a;
  --p-color-hover-tint: oklch(0.958 0.0103 89.73 / 0.04);
  --p-color-info-subtle: #0b1823;
  --p-color-info-subtle: oklch(0.202 0.0288 246.94);
  --p-color-ink-a10: #f4f1e91a;
  --p-color-ink-a10: oklch(0.958 0.0103 89.73 / 0.1);
  --p-color-ink-a12: #f4f1e91f;
  --p-color-ink-a12: oklch(0.958 0.0103 89.73 / 0.12);
  --p-color-ink-a14: #f4f1e924;
  --p-color-ink-a14: oklch(0.958 0.0103 89.73 / 0.14);
  --p-color-ink-a16: #f4f1e929;
  --p-color-ink-a16: oklch(0.958 0.0103 89.73 / 0.16);
  --p-color-ink-a18: #f4f1e92e;
  --p-color-ink-a18: oklch(0.958 0.0103 89.73 / 0.18);
  --p-color-ink-a20: #f4f1e933;
  --p-color-ink-a20: oklch(0.958 0.0103 89.73 / 0.2);
  --p-color-ink-a24: #f4f1e93d;
  --p-color-ink-a24: oklch(0.958 0.0103 89.73 / 0.24);
  --p-color-ink-a28: #f4f1e947;
  --p-color-ink-a28: oklch(0.958 0.0103 89.73 / 0.28);
  --p-color-ink-a3: #f4f1e908;
  --p-color-ink-a3: oklch(0.958 0.0103 89.73 / 0.03);
  --p-color-ink-a32: #f4f1e952;
  --p-color-ink-a32: oklch(0.958 0.0103 89.73 / 0.32);
  --p-color-ink-a4: #f4f1e90a;
  --p-color-ink-a4: oklch(0.958 0.0103 89.73 / 0.04);
  --p-color-ink-a40: #f4f1e966;
  --p-color-ink-a40: oklch(0.958 0.0103 89.73 / 0.4);
  --p-color-ink-a5: #f4f1e90d;
  --p-color-ink-a5: oklch(0.958 0.0103 89.73 / 0.05);
  --p-color-ink-a6: #f4f1e90f;
  --p-color-ink-a6: oklch(0.958 0.0103 89.73 / 0.06);
  --p-color-ink-a8: #f4f1e914;
  --p-color-ink-a8: oklch(0.958 0.0103 89.73 / 0.08);
  --p-color-mark-done: #f4f1e9;
  --p-color-mark-done: oklch(0.958 0.0103 89.73);
  --p-color-mark-on-done: #0c0a05;
  --p-color-mark-on-done: oklch(0.145 0.0114 89.73);
  --p-color-nav-active: #1a1d15;
  --p-color-nav-active: oklch(0.2236 0.0145 123.63);
  --p-color-nav-active-icon: #93ccb4;
  --p-color-nav-active-icon: oklch(0.8 0.0692 165.99);
  --p-color-selected-outline: #f4f1e9;
  --p-color-selected-outline: oklch(0.958 0.0103 89.73);
  --p-color-success-subtle: #0e1a0d;
  --p-color-success-subtle: oklch(0.202 0.0301 142.43);
  --p-color-surface-1: #191711;
  --p-color-surface-1: oklch(0.205 0.0114 89.73);
  --p-color-surface-2: #201e18;
  --p-color-surface-2: oklch(0.235 0.0114 89.73);
  --p-color-surface-3: #27251f;
  --p-color-surface-3: oklch(0.265 0.0114 89.73);
  --p-color-surface-4: #302e27;
  --p-color-surface-4: oklch(0.3 0.0114 89.73);
  --p-color-surface-hover: #201e18;
  --p-color-surface-hover: oklch(0.235 0.0114 89.73);
  --p-color-surface-pressed: #27251f;
  --p-color-surface-pressed: oklch(0.265 0.0114 89.73);
  --p-color-surface-selected: #12261e;
  --p-color-surface-selected: oklch(0.25 0.0314 165.99);
  --p-color-surface-sunken: #0c0a05;
  --p-color-surface-sunken: oklch(0.145 0.0114 89.73);
  --p-color-text-disabled: #7c7a72;
  --p-color-text-disabled: oklch(0.578 0.0114 89.73);
  --p-color-text-inverse: #0c0a05;
  --p-color-text-inverse: oklch(0.145 0.0114 89.73);
  --p-color-text-link: #93ccb4;
  --p-color-text-link: oklch(0.8 0.0692 165.99);
  --p-color-text-primary: #f4f1e9;
  --p-color-text-primary: oklch(0.958 0.0103 89.73);
  --p-color-text-secondary: #c0bdb6;
  --p-color-text-secondary: oklch(0.8 0.0103 89.73);
  --p-color-text-tertiary: #9b9891;
  --p-color-text-tertiary: oklch(0.68 0.0103 89.73);
  --p-color-warning-subtle: #1f1404;
  --p-color-warning-subtle: oklch(0.202 0.0338 76.96);
  --p-elevation-0-surface: #12100b;
  --p-elevation-0-surface: oklch(0.175 0.0114 89.73);
  --p-elevation-1-surface: #191711;
  --p-elevation-1-surface: oklch(0.205 0.0114 89.73);
  --p-elevation-2-surface: #201e18;
  --p-elevation-2-surface: oklch(0.235 0.0114 89.73);
  --p-elevation-3-surface: #27251f;
  --p-elevation-3-surface: oklch(0.265 0.0114 89.73);
  --p-elevation-4-surface: #302e27;
  --p-elevation-4-surface: oklch(0.3 0.0114 89.73);
  --p-elevation-5-surface: #302e27;
  --p-elevation-5-surface: oklch(0.3 0.0114 89.73);
  --p-overlay-bg: #191711;
  --p-overlay-bg: oklch(0.205 0.0114 89.73);
  --p-overlay-highlight: #f4f1e90f;
  --p-overlay-highlight: oklch(0.958 0.0103 89.73 / 0.06);
  --p-overlay-ring: #ffffff1a;
  --p-overlay-ring: oklch(1 0 0 / 0.1);
  --p-overlay-separator: #f4f1e914;
  --p-overlay-separator: oklch(0.958 0.0103 89.73 / 0.08);
  --p-ramp-accent-1: #090c0a;
  --p-ramp-accent-1: oklch(0.15 0.0063 165.99);
  --p-ramp-accent-10: #3d7b62;
  --p-ramp-accent-10: oklch(0.5326 0.0754 165.99);
  --p-ramp-accent-11: #93ccb4;
  --p-ramp-accent-11: oklch(0.8 0.0692 165.99);
  --p-ramp-accent-12: #d8eee4;
  --p-ramp-accent-12: oklch(0.93 0.0269 165.99);
  --p-ramp-accent-2: #0c1310;
  --p-ramp-accent-2: oklch(0.178 0.0131 165.99);
  --p-ramp-accent-3: #101e18;
  --p-ramp-accent-3: oklch(0.22 0.0235 165.99);
  --p-ramp-accent-4: #12261e;
  --p-ramp-accent-4: oklch(0.25 0.0314 165.99);
  --p-ramp-accent-5: #142f24;
  --p-ramp-accent-5: oklch(0.28 0.0392 165.99);
  --p-ramp-accent-6: #183a2d;
  --p-ramp-accent-6: oklch(0.32 0.0471 165.99);
  --p-ramp-accent-7: #224c3c;
  --p-ramp-accent-7: oklch(0.38 0.0549 165.99);
  --p-ramp-accent-8: #19523e;
  --p-ramp-accent-8: oklch(0.3963 0.0692 165.99);
  --p-ramp-accent-9: #2f6f57;
  --p-ramp-accent-9: oklch(0.4926 0.0769 165.99);
  --p-ramp-neutral-1: #0c0a05;
  --p-ramp-neutral-1: oklch(0.145 0.0114 89.73);
  --p-ramp-neutral-10: #9b9891;
  --p-ramp-neutral-10: oklch(0.68 0.0103 89.73);
  --p-ramp-neutral-11: #c0bdb6;
  --p-ramp-neutral-11: oklch(0.8 0.0103 89.73);
  --p-ramp-neutral-12: #f4f1e9;
  --p-ramp-neutral-12: oklch(0.958 0.0103 89.73);
  --p-ramp-neutral-2: #12100b;
  --p-ramp-neutral-2: oklch(0.175 0.0114 89.73);
  --p-ramp-neutral-3: #191711;
  --p-ramp-neutral-3: oklch(0.205 0.0114 89.73);
  --p-ramp-neutral-4: #201e18;
  --p-ramp-neutral-4: oklch(0.235 0.0114 89.73);
  --p-ramp-neutral-5: #27251f;
  --p-ramp-neutral-5: oklch(0.265 0.0114 89.73);
  --p-ramp-neutral-6: #302e27;
  --p-ramp-neutral-6: oklch(0.3 0.0114 89.73);
  --p-ramp-neutral-7: #3e3c35;
  --p-ramp-neutral-7: oklch(0.355 0.0114 89.73);
  --p-ramp-neutral-8: #7c7a72;
  --p-ramp-neutral-8: oklch(0.578 0.0114 89.73);
  --p-ramp-neutral-9: #8b8982;
  --p-ramp-neutral-9: oklch(0.629 0.0103 89.73);
  --p-segmented-active-bg: #3e3c35;
  --p-segmented-active-bg: oklch(0.355 0.0114 89.73);
  --p-segmented-track: #f4f1e90a;
  --p-segmented-track: oklch(0.958 0.0103 89.73 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.958 0.0103 89.73 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.958 0.0103 89.73 / 0.05);
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(1 0 0 / 0.1), 0px 24px 48px -12px oklch(0 0 0 / 0.5);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0 0 0 / 0.3), 0px 4px 8px -4px oklch(0 0 0 / 0.3), 0px 16px 24px -8px oklch(0 0 0 / 0.45);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(1 0 0 / 0.1);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.958 0.0103 89.73 / 0.08), 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.0103 89.73 / 0.12), 0px 1px 2px 0px oklch(0.958 0.0103 89.73 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.0103 89.73 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.0103 89.73 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #f4f1e91a;
  --p-slider-track: oklch(0.958 0.0103 89.73 / 0.1);
  --p-switch-border-off: #7c7a72;
  --p-switch-border-off: oklch(0.578 0.0114 89.73);
  --p-switch-track-off: #f4f1e929;
  --p-switch-track-off: oklch(0.958 0.0103 89.73 / 0.16);
  --p-tooltip-bg: #f4f1e9;
  --p-tooltip-bg: oklch(0.958 0.0103 89.73);
  --p-tooltip-fg: #0c0a05;
  --p-tooltip-fg: oklch(0.145 0.0114 89.73);
}

[data-theme="dark"][data-world="editorial"][data-product="loudsoup"] {
  --p-brand-sidebar-accent: #cd1351;
  --p-brand-sidebar-accent: oklch(0.5462 0.2104 11.21);
  --p-button-focus-border: #ff9dab;
  --p-button-focus-border: oklch(0.8 0.1172 11.21);
  --p-button-ghost-bg-hover: #f4f0ec0a;
  --p-button-ghost-bg-hover: oklch(0.958 0.0072 73.74 / 0.04);
  --p-button-ghost-bg-pressed: #f4f0ec14;
  --p-button-ghost-bg-pressed: oklch(0.958 0.0072 73.74 / 0.08);
  --p-button-secondary-bg: #ffffff0a;
  --p-button-secondary-bg: oklch(1 0 0 / 0.04);
  --p-button-secondary-bg-hover: #ffffff1a;
  --p-button-secondary-bg-hover: oklch(1 0 0 / 0.1);
  --p-choice-border: #7b7873;
  --p-choice-border: oklch(0.574 0.008 73.74);
  --p-color-accent-action: #cd1351;
  --p-color-accent-action: oklch(0.5462 0.2104 11.21);
  --p-color-accent-border: #7c0c2f;
  --p-color-accent-border: oklch(0.38 0.1428 11.21);
  --p-color-accent-solid: #cd1351;
  --p-color-accent-solid: oklch(0.5462 0.2104 11.21);
  --p-color-accent-solid-hover: #da2e5d;
  --p-color-accent-solid-hover: oklch(0.5862 0.2062 11.21);
  --p-color-accent-solid-pressed: #930036;
  --p-color-accent-solid-pressed: oklch(0.4231 0.1701 11.21);
  --p-color-accent-text: #ff9dab;
  --p-color-accent-text: oklch(0.8 0.1172 11.21);
  --p-color-accent-text-pressed: #930036;
  --p-color-accent-text-pressed: oklch(0.4231 0.1701 11.21);
  --p-color-accent-tint: #310c13;
  --p-color-accent-tint: oklch(0.22 0.0612 11.21);
  --p-color-agent-border: #7c0c2f;
  --p-color-agent-border: oklch(0.38 0.1428 11.21);
  --p-color-agent-mark: #cd1351;
  --p-color-agent-mark: oklch(0.5462 0.2104 11.21);
  --p-color-agent-text: #ff9dab;
  --p-color-agent-text: oklch(0.8 0.1172 11.21);
  --p-color-agent-tint: #310c13;
  --p-color-agent-tint: oklch(0.22 0.0612 11.21);
  --p-color-bg-canvas: #0c0a07;
  --p-color-bg-canvas: oklch(0.145 0.008 73.74);
  --p-color-bg-default: #13100d;
  --p-color-bg-default: oklch(0.175 0.008 73.74);
  --p-color-bg-panel: #13100d;
  --p-color-bg-panel: oklch(0.175 0.008 73.74);
  --p-color-border-control: #f4f0ec29;
  --p-color-border-control: oklch(0.958 0.0072 73.74 / 0.16);
  --p-color-border-control-hover: #f4f0ec33;
  --p-color-border-control-hover: oklch(0.958 0.0072 73.74 / 0.2);
  --p-color-border-control-strong: #f4f0ec33;
  --p-color-border-control-strong: oklch(0.958 0.0072 73.74 / 0.2);
  --p-color-border-default: #7b7873;
  --p-color-border-default: oklch(0.574 0.008 73.74);
  --p-color-border-hairline: #f4f0ec14;
  --p-color-border-hairline: oklch(0.958 0.0072 73.74 / 0.08);
  --p-color-border-strong: #8b8884;
  --p-color-border-strong: oklch(0.627 0.0072 73.74);
  --p-color-border-subtle: #302d29;
  --p-color-border-subtle: oklch(0.3 0.008 73.74);
  --p-color-count-bg: #f4f0ec;
  --p-color-count-bg: oklch(0.958 0.0072 73.74);
  --p-color-count-text: #13100d;
  --p-color-count-text: oklch(0.175 0.008 73.74);
  --p-color-danger-subtle: #260f0b;
  --p-color-danger-subtle: oklch(0.202 0.039 30.43);
  --p-color-field-bg: #ffffff0a;
  --p-color-field-bg: oklch(1 0 0 / 0.04);
  --p-color-field-bg-disabled: #f4f0ec08;
  --p-color-field-bg-disabled: oklch(0.958 0.0072 73.74 / 0.03);
  --p-color-field-border-disabled: #f4f0ec0f;
  --p-color-field-border-disabled: oklch(0.958 0.0072 73.74 / 0.06);
  --p-color-field-border-focus: #ff9dab;
  --p-color-field-border-focus: oklch(0.8 0.1172 11.21);
  --p-color-field-border-readonly-hover: #f4f0ec1f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.0072 73.74 / 0.12);
  --p-color-focus-ring: #ff9dab;
  --p-color-focus-ring: oklch(0.8 0.1172 11.21);
  --p-color-focus-ring-button: #ff9dab59;
  --p-color-focus-ring-button: oklch(0.8 0.1172 11.21 / 0.35);
  --p-color-focus-ring-field: #ff9dab52;
  --p-color-focus-ring-field: oklch(0.8 0.1172 11.21 / 0.32);
  --p-color-hover-tint: #f4f0ec0a;
  --p-color-hover-tint: oklch(0.958 0.0072 73.74 / 0.04);
  --p-color-info-subtle: #0b1724;
  --p-color-info-subtle: oklch(0.202 0.0299 249.6);
  --p-color-ink-a10: #f4f0ec1a;
  --p-color-ink-a10: oklch(0.958 0.0072 73.74 / 0.1);
  --p-color-ink-a12: #f4f0ec1f;
  --p-color-ink-a12: oklch(0.958 0.0072 73.74 / 0.12);
  --p-color-ink-a14: #f4f0ec24;
  --p-color-ink-a14: oklch(0.958 0.0072 73.74 / 0.14);
  --p-color-ink-a16: #f4f0ec29;
  --p-color-ink-a16: oklch(0.958 0.0072 73.74 / 0.16);
  --p-color-ink-a18: #f4f0ec2e;
  --p-color-ink-a18: oklch(0.958 0.0072 73.74 / 0.18);
  --p-color-ink-a20: #f4f0ec33;
  --p-color-ink-a20: oklch(0.958 0.0072 73.74 / 0.2);
  --p-color-ink-a24: #f4f0ec3d;
  --p-color-ink-a24: oklch(0.958 0.0072 73.74 / 0.24);
  --p-color-ink-a28: #f4f0ec47;
  --p-color-ink-a28: oklch(0.958 0.0072 73.74 / 0.28);
  --p-color-ink-a3: #f4f0ec08;
  --p-color-ink-a3: oklch(0.958 0.0072 73.74 / 0.03);
  --p-color-ink-a32: #f4f0ec52;
  --p-color-ink-a32: oklch(0.958 0.0072 73.74 / 0.32);
  --p-color-ink-a4: #f4f0ec0a;
  --p-color-ink-a4: oklch(0.958 0.0072 73.74 / 0.04);
  --p-color-ink-a40: #f4f0ec66;
  --p-color-ink-a40: oklch(0.958 0.0072 73.74 / 0.4);
  --p-color-ink-a5: #f4f0ec0d;
  --p-color-ink-a5: oklch(0.958 0.0072 73.74 / 0.05);
  --p-color-ink-a6: #f4f0ec0f;
  --p-color-ink-a6: oklch(0.958 0.0072 73.74 / 0.06);
  --p-color-ink-a8: #f4f0ec14;
  --p-color-ink-a8: oklch(0.958 0.0072 73.74 / 0.08);
  --p-color-mark-done: #f4f0ec;
  --p-color-mark-done: oklch(0.958 0.0072 73.74);
  --p-color-mark-on-done: #0c0a07;
  --p-color-mark-on-done: oklch(0.145 0.008 73.74);
  --p-color-nav-active: #231816;
  --p-color-nav-active: oklch(0.2236 0.0184 31.05);
  --p-color-nav-active-icon: #ff9dab;
  --p-color-nav-active-icon: oklch(0.8 0.1172 11.21);
  --p-color-selected-outline: #f4f0ec;
  --p-color-selected-outline: oklch(0.958 0.0072 73.74);
  --p-color-success-subtle: #0e1a0e;
  --p-color-success-subtle: oklch(0.202 0.0285 143.73);
  --p-color-surface-1: #191713;
  --p-color-surface-1: oklch(0.205 0.008 73.74);
  --p-color-surface-2: #201e1a;
  --p-color-surface-2: oklch(0.235 0.008 73.74);
  --p-color-surface-3: #282521;
  --p-color-surface-3: oklch(0.265 0.008 73.74);
  --p-color-surface-4: #302d29;
  --p-color-surface-4: oklch(0.3 0.008 73.74);
  --p-color-surface-hover: #201e1a;
  --p-color-surface-hover: oklch(0.235 0.008 73.74);
  --p-color-surface-pressed: #282521;
  --p-color-surface-pressed: oklch(0.265 0.008 73.74);
  --p-color-surface-selected: #400a18;
  --p-color-surface-selected: oklch(0.25 0.0816 11.21);
  --p-color-surface-sunken: #0c0a07;
  --p-color-surface-sunken: oklch(0.145 0.008 73.74);
  --p-color-text-disabled: #7b7873;
  --p-color-text-disabled: oklch(0.574 0.008 73.74);
  --p-color-text-inverse: #0c0a07;
  --p-color-text-inverse: oklch(0.145 0.008 73.74);
  --p-color-text-link: #ff9dab;
  --p-color-text-link: oklch(0.8 0.1172 11.21);
  --p-color-text-primary: #f4f0ec;
  --p-color-text-primary: oklch(0.958 0.0072 73.74);
  --p-color-text-secondary: #bfbcb7;
  --p-color-text-secondary: oklch(0.796 0.0072 73.74);
  --p-color-text-tertiary: #9b9893;
  --p-color-text-tertiary: oklch(0.68 0.0072 73.74);
  --p-color-warning-subtle: #1f1405;
  --p-color-warning-subtle: oklch(0.202 0.0326 74.88);
  --p-elevation-0-surface: #13100d;
  --p-elevation-0-surface: oklch(0.175 0.008 73.74);
  --p-elevation-1-surface: #191713;
  --p-elevation-1-surface: oklch(0.205 0.008 73.74);
  --p-elevation-2-surface: #201e1a;
  --p-elevation-2-surface: oklch(0.235 0.008 73.74);
  --p-elevation-3-surface: #282521;
  --p-elevation-3-surface: oklch(0.265 0.008 73.74);
  --p-elevation-4-surface: #302d29;
  --p-elevation-4-surface: oklch(0.3 0.008 73.74);
  --p-elevation-5-surface: #302d29;
  --p-elevation-5-surface: oklch(0.3 0.008 73.74);
  --p-overlay-bg: #191713;
  --p-overlay-bg: oklch(0.205 0.008 73.74);
  --p-overlay-highlight: #f4f0ec0f;
  --p-overlay-highlight: oklch(0.958 0.0072 73.74 / 0.06);
  --p-overlay-ring: #ffffff1a;
  --p-overlay-ring: oklch(1 0 0 / 0.1);
  --p-overlay-separator: #f4f0ec14;
  --p-overlay-separator: oklch(0.958 0.0072 73.74 / 0.08);
  --p-ramp-accent-1: #110809;
  --p-ramp-accent-1: oklch(0.15 0.0163 11.21);
  --p-ramp-accent-10: #da2e5d;
  --p-ramp-accent-10: oklch(0.5862 0.2062 11.21);
  --p-ramp-accent-11: #ff9dab;
  --p-ramp-accent-11: oklch(0.8 0.1172 11.21);
  --p-ramp-accent-12: #ffdfe2;
  --p-ramp-accent-12: oklch(0.93 0.0362 11.21);
  --p-ramp-accent-2: #1e0a0d;
  --p-ramp-accent-2: oklch(0.178 0.034 11.21);
  --p-ramp-accent-3: #310c13;
  --p-ramp-accent-3: oklch(0.22 0.0612 11.21);
  --p-ramp-accent-4: #400a18;
  --p-ramp-accent-4: oklch(0.25 0.0816 11.21);
  --p-ramp-accent-5: #4f071c;
  --p-ramp-accent-5: oklch(0.28 0.102 11.21);
  --p-ramp-accent-6: #620523;
  --p-ramp-accent-6: oklch(0.32 0.1224 11.21);
  --p-ramp-accent-7: #7c0c2f;
  --p-ramp-accent-7: oklch(0.38 0.1428 11.21);
  --p-ramp-accent-8: #930036;
  --p-ramp-accent-8: oklch(0.4231 0.1701 11.21);
  --p-ramp-accent-9: #cd1351;
  --p-ramp-accent-9: oklch(0.5462 0.2104 11.21);
  --p-ramp-neutral-1: #0c0a07;
  --p-ramp-neutral-1: oklch(0.145 0.008 73.74);
  --p-ramp-neutral-10: #9b9893;
  --p-ramp-neutral-10: oklch(0.68 0.0072 73.74);
  --p-ramp-neutral-11: #bfbcb7;
  --p-ramp-neutral-11: oklch(0.796 0.0072 73.74);
  --p-ramp-neutral-12: #f4f0ec;
  --p-ramp-neutral-12: oklch(0.958 0.0072 73.74);
  --p-ramp-neutral-2: #13100d;
  --p-ramp-neutral-2: oklch(0.175 0.008 73.74);
  --p-ramp-neutral-3: #191713;
  --p-ramp-neutral-3: oklch(0.205 0.008 73.74);
  --p-ramp-neutral-4: #201e1a;
  --p-ramp-neutral-4: oklch(0.235 0.008 73.74);
  --p-ramp-neutral-5: #282521;
  --p-ramp-neutral-5: oklch(0.265 0.008 73.74);
  --p-ramp-neutral-6: #302d29;
  --p-ramp-neutral-6: oklch(0.3 0.008 73.74);
  --p-ramp-neutral-7: #3e3b37;
  --p-ramp-neutral-7: oklch(0.355 0.008 73.74);
  --p-ramp-neutral-8: #7b7873;
  --p-ramp-neutral-8: oklch(0.574 0.008 73.74);
  --p-ramp-neutral-9: #8b8884;
  --p-ramp-neutral-9: oklch(0.627 0.0072 73.74);
  --p-segmented-active-bg: #3e3b37;
  --p-segmented-active-bg: oklch(0.355 0.008 73.74);
  --p-segmented-track: #f4f0ec0a;
  --p-segmented-track: oklch(0.958 0.0072 73.74 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.958 0.0072 73.74 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.958 0.0072 73.74 / 0.05);
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(1 0 0 / 0.1), 0px 24px 48px -12px oklch(0 0 0 / 0.5);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0 0 0 / 0.3), 0px 4px 8px -4px oklch(0 0 0 / 0.3), 0px 16px 24px -8px oklch(0 0 0 / 0.45);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(1 0 0 / 0.1);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.958 0.0072 73.74 / 0.08), 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.0072 73.74 / 0.12), 0px 1px 2px 0px oklch(0.958 0.0072 73.74 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.0072 73.74 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.0072 73.74 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #f4f0ec1a;
  --p-slider-track: oklch(0.958 0.0072 73.74 / 0.1);
  --p-switch-border-off: #7b7873;
  --p-switch-border-off: oklch(0.574 0.008 73.74);
  --p-switch-track-off: #f4f0ec29;
  --p-switch-track-off: oklch(0.958 0.0072 73.74 / 0.16);
  --p-tooltip-bg: #f4f0ec;
  --p-tooltip-bg: oklch(0.958 0.0072 73.74);
  --p-tooltip-fg: #0c0a07;
  --p-tooltip-fg: oklch(0.145 0.008 73.74);
}

[data-theme="dark"][data-world="editorial"][data-product="execemy"] {
  --p-brand-sidebar-accent: #2f52e0;
  --p-brand-sidebar-accent: oklch(0.5084 0.2187 267.04);
  --p-button-focus-border: #a1bcff;
  --p-button-focus-border: oklch(0.8 0.1002 267.04);
  --p-button-ghost-bg-hover: #f4f1ea0a;
  --p-button-ghost-bg-hover: oklch(0.958 0.0095 84.59 / 0.04);
  --p-button-ghost-bg-pressed: #f4f1ea14;
  --p-button-ghost-bg-pressed: oklch(0.958 0.0095 84.59 / 0.08);
  --p-button-secondary-bg: #ffffff0a;
  --p-button-secondary-bg: oklch(1 0 0 / 0.04);
  --p-button-secondary-bg-hover: #ffffff1a;
  --p-button-secondary-bg-hover: oklch(1 0 0 / 0.1);
  --p-choice-border: #7b7872;
  --p-choice-border: oklch(0.574 0.0105 84.59);
  --p-color-accent-action: #2f52e0;
  --p-color-accent-action: oklch(0.5084 0.2187 267.04);
  --p-color-accent-border: #21398d;
  --p-color-accent-border: oklch(0.38 0.1428 267.04);
  --p-color-accent-solid: #2f52e0;
  --p-color-accent-solid: oklch(0.5084 0.2187 267.04);
  --p-color-accent-solid-hover: #3a60ec;
  --p-color-accent-solid-hover: oklch(0.5484 0.2143 267.04);
  --p-color-accent-solid-pressed: #1c34b1;
  --p-color-accent-solid-pressed: oklch(0.4042 0.1968 267.04);
  --p-color-accent-text: #a1bcff;
  --p-color-accent-text: oklch(0.8 0.1002 267.04);
  --p-color-accent-text-pressed: #1c34b1;
  --p-color-accent-text-pressed: oklch(0.4042 0.1968 267.04);
  --p-color-accent-tint: #0e1837;
  --p-color-accent-tint: oklch(0.22 0.0612 267.04);
  --p-color-agent-border: #21398d;
  --p-color-agent-border: oklch(0.38 0.1428 267.04);
  --p-color-agent-mark: #2f52e0;
  --p-color-agent-mark: oklch(0.5084 0.2187 267.04);
  --p-color-agent-text: #a1bcff;
  --p-color-agent-text: oklch(0.8 0.1002 267.04);
  --p-color-agent-tint: #0e1837;
  --p-color-agent-tint: oklch(0.22 0.0612 267.04);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.0105 84.59);
  --p-color-bg-default: #13100b;
  --p-color-bg-default: oklch(0.175 0.0105 84.59);
  --p-color-bg-panel: #13100b;
  --p-color-bg-panel: oklch(0.175 0.0105 84.59);
  --p-color-border-control: #f4f1ea29;
  --p-color-border-control: oklch(0.958 0.0095 84.59 / 0.16);
  --p-color-border-control-hover: #f4f1ea33;
  --p-color-border-control-hover: oklch(0.958 0.0095 84.59 / 0.2);
  --p-color-border-control-strong: #f4f1ea33;
  --p-color-border-control-strong: oklch(0.958 0.0095 84.59 / 0.2);
  --p-color-border-default: #7b7872;
  --p-color-border-default: oklch(0.574 0.0105 84.59);
  --p-color-border-hairline: #f4f1ea14;
  --p-color-border-hairline: oklch(0.958 0.0095 84.59 / 0.08);
  --p-color-border-strong: #8a8781;
  --p-color-border-strong: oklch(0.625 0.0095 84.59);
  --p-color-border-subtle: #302d28;
  --p-color-border-subtle: oklch(0.3 0.0105 84.59);
  --p-color-count-bg: #f4f1ea;
  --p-color-count-bg: oklch(0.958 0.0095 84.59);
  --p-color-count-text: #13100b;
  --p-color-count-text: oklch(0.175 0.0105 84.59);
  --p-color-danger-subtle: #260f0b;
  --p-color-danger-subtle: oklch(0.202 0.0391 32.2);
  --p-color-field-bg: #ffffff0a;
  --p-color-field-bg: oklch(1 0 0 / 0.04);
  --p-color-field-bg-disabled: #f4f1ea08;
  --p-color-field-bg-disabled: oklch(0.958 0.0095 84.59 / 0.03);
  --p-color-field-border-disabled: #f4f1ea0f;
  --p-color-field-border-disabled: oklch(0.958 0.0095 84.59 / 0.06);
  --p-color-field-border-focus: #a1bcff;
  --p-color-field-border-focus: oklch(0.8 0.1002 267.04);
  --p-color-field-border-readonly-hover: #f4f1ea1f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.0095 84.59 / 0.12);
  --p-color-focus-ring: #a1bcff;
  --p-color-focus-ring: oklch(0.8 0.1002 267.04);
  --p-color-focus-ring-button: #a1bcff59;
  --p-color-focus-ring-button: oklch(0.8 0.1002 267.04 / 0.35);
  --p-color-focus-ring-field: #a1bcff52;
  --p-color-focus-ring-field: oklch(0.8 0.1002 267.04 / 0.32);
  --p-color-hover-tint: #f4f1ea0a;
  --p-color-hover-tint: oklch(0.958 0.0095 84.59 / 0.04);
  --p-color-info-subtle: #0b1823;
  --p-color-info-subtle: oklch(0.202 0.029 247.91);
  --p-color-ink-a10: #f4f1ea1a;
  --p-color-ink-a10: oklch(0.958 0.0095 84.59 / 0.1);
  --p-color-ink-a12: #f4f1ea1f;
  --p-color-ink-a12: oklch(0.958 0.0095 84.59 / 0.12);
  --p-color-ink-a14: #f4f1ea24;
  --p-color-ink-a14: oklch(0.958 0.0095 84.59 / 0.14);
  --p-color-ink-a16: #f4f1ea29;
  --p-color-ink-a16: oklch(0.958 0.0095 84.59 / 0.16);
  --p-color-ink-a18: #f4f1ea2e;
  --p-color-ink-a18: oklch(0.958 0.0095 84.59 / 0.18);
  --p-color-ink-a20: #f4f1ea33;
  --p-color-ink-a20: oklch(0.958 0.0095 84.59 / 0.2);
  --p-color-ink-a24: #f4f1ea3d;
  --p-color-ink-a24: oklch(0.958 0.0095 84.59 / 0.24);
  --p-color-ink-a28: #f4f1ea47;
  --p-color-ink-a28: oklch(0.958 0.0095 84.59 / 0.28);
  --p-color-ink-a3: #f4f1ea08;
  --p-color-ink-a3: oklch(0.958 0.0095 84.59 / 0.03);
  --p-color-ink-a32: #f4f1ea52;
  --p-color-ink-a32: oklch(0.958 0.0095 84.59 / 0.32);
  --p-color-ink-a4: #f4f1ea0a;
  --p-color-ink-a4: oklch(0.958 0.0095 84.59 / 0.04);
  --p-color-ink-a40: #f4f1ea66;
  --p-color-ink-a40: oklch(0.958 0.0095 84.59 / 0.4);
  --p-color-ink-a5: #f4f1ea0d;
  --p-color-ink-a5: oklch(0.958 0.0095 84.59 / 0.05);
  --p-color-ink-a6: #f4f1ea0f;
  --p-color-ink-a6: oklch(0.958 0.0095 84.59 / 0.06);
  --p-color-ink-a8: #f4f1ea14;
  --p-color-ink-a8: oklch(0.958 0.0095 84.59 / 0.08);
  --p-color-mark-done: #f4f1ea;
  --p-color-mark-done: oklch(0.958 0.0095 84.59);
  --p-color-mark-on-done: #0c0a06;
  --p-color-mark-on-done: oklch(0.145 0.0105 84.59);
  --p-color-nav-active: #1b1b1d;
  --p-color-nav-active: oklch(0.2236 0.0028 275.09);
  --p-color-nav-active-icon: #a1bcff;
  --p-color-nav-active-icon: oklch(0.8 0.1002 267.04);
  --p-color-selected-outline: #f4f1ea;
  --p-color-selected-outline: oklch(0.958 0.0095 84.59);
  --p-color-success-subtle: #0e1a0d;
  --p-color-success-subtle: oklch(0.202 0.0295 142.57);
  --p-color-surface-1: #191712;
  --p-color-surface-1: oklch(0.205 0.0105 84.59);
  --p-color-surface-2: #201e19;
  --p-color-surface-2: oklch(0.235 0.0105 84.59);
  --p-color-surface-3: #282520;
  --p-color-surface-3: oklch(0.265 0.0105 84.59);
  --p-color-surface-4: #302d28;
  --p-color-surface-4: oklch(0.3 0.0105 84.59);
  --p-color-surface-hover: #201e19;
  --p-color-surface-hover: oklch(0.235 0.0105 84.59);
  --p-color-surface-pressed: #282520;
  --p-color-surface-pressed: oklch(0.265 0.0105 84.59);
  --p-color-surface-selected: #101e48;
  --p-color-surface-selected: oklch(0.25 0.0816 267.04);
  --p-color-surface-sunken: #0c0a06;
  --p-color-surface-sunken: oklch(0.145 0.0105 84.59);
  --p-color-text-disabled: #7b7872;
  --p-color-text-disabled: oklch(0.574 0.0105 84.59);
  --p-color-text-inverse: #0c0a06;
  --p-color-text-inverse: oklch(0.145 0.0105 84.59);
  --p-color-text-link: #a1bcff;
  --p-color-text-link: oklch(0.8 0.1002 267.04);
  --p-color-text-primary: #f4f1ea;
  --p-color-text-primary: oklch(0.958 0.0095 84.59);
  --p-color-text-secondary: #bfbcb6;
  --p-color-text-secondary: oklch(0.796 0.0095 84.59);
  --p-color-text-tertiary: #9a9791;
  --p-color-text-tertiary: oklch(0.676 0.0095 84.59);
  --p-color-warning-subtle: #1f1404;
  --p-color-warning-subtle: oklch(0.202 0.0335 76.2);
  --p-elevation-0-surface: #13100b;
  --p-elevation-0-surface: oklch(0.175 0.0105 84.59);
  --p-elevation-1-surface: #191712;
  --p-elevation-1-surface: oklch(0.205 0.0105 84.59);
  --p-elevation-2-surface: #201e19;
  --p-elevation-2-surface: oklch(0.235 0.0105 84.59);
  --p-elevation-3-surface: #282520;
  --p-elevation-3-surface: oklch(0.265 0.0105 84.59);
  --p-elevation-4-surface: #302d28;
  --p-elevation-4-surface: oklch(0.3 0.0105 84.59);
  --p-elevation-5-surface: #302d28;
  --p-elevation-5-surface: oklch(0.3 0.0105 84.59);
  --p-overlay-bg: #191712;
  --p-overlay-bg: oklch(0.205 0.0105 84.59);
  --p-overlay-highlight: #f4f1ea0f;
  --p-overlay-highlight: oklch(0.958 0.0095 84.59 / 0.06);
  --p-overlay-ring: #ffffff1a;
  --p-overlay-ring: oklch(1 0 0 / 0.1);
  --p-overlay-separator: #f4f1ea14;
  --p-overlay-separator: oklch(0.958 0.0095 84.59 / 0.08);
  --p-ramp-accent-1: #080b12;
  --p-ramp-accent-1: oklch(0.15 0.0163 267.04);
  --p-ramp-accent-10: #3a60ec;
  --p-ramp-accent-10: oklch(0.5484 0.2143 267.04);
  --p-ramp-accent-11: #a1bcff;
  --p-ramp-accent-11: oklch(0.8 0.1002 267.04);
  --p-ramp-accent-12: #dee8ff;
  --p-ramp-accent-12: oklch(0.93 0.0334 267.04);
  --p-ramp-accent-2: #0a1020;
  --p-ramp-accent-2: oklch(0.178 0.034 267.04);
  --p-ramp-accent-3: #0e1837;
  --p-ramp-accent-3: oklch(0.22 0.0612 267.04);
  --p-ramp-accent-4: #101e48;
  --p-ramp-accent-4: oklch(0.25 0.0816 267.04);
  --p-ramp-accent-5: #12235a;
  --p-ramp-accent-5: oklch(0.28 0.102 267.04);
  --p-ramp-accent-6: #172b70;
  --p-ramp-accent-6: oklch(0.32 0.1224 267.04);
  --p-ramp-accent-7: #21398d;
  --p-ramp-accent-7: oklch(0.38 0.1428 267.04);
  --p-ramp-accent-8: #1c34b1;
  --p-ramp-accent-8: oklch(0.4042 0.1968 267.04);
  --p-ramp-accent-9: #2f52e0;
  --p-ramp-accent-9: oklch(0.5084 0.2187 267.04);
  --p-ramp-neutral-1: #0c0a06;
  --p-ramp-neutral-1: oklch(0.145 0.0105 84.59);
  --p-ramp-neutral-10: #9a9791;
  --p-ramp-neutral-10: oklch(0.676 0.0095 84.59);
  --p-ramp-neutral-11: #bfbcb6;
  --p-ramp-neutral-11: oklch(0.796 0.0095 84.59);
  --p-ramp-neutral-12: #f4f1ea;
  --p-ramp-neutral-12: oklch(0.958 0.0095 84.59);
  --p-ramp-neutral-2: #13100b;
  --p-ramp-neutral-2: oklch(0.175 0.0105 84.59);
  --p-ramp-neutral-3: #191712;
  --p-ramp-neutral-3: oklch(0.205 0.0105 84.59);
  --p-ramp-neutral-4: #201e19;
  --p-ramp-neutral-4: oklch(0.235 0.0105 84.59);
  --p-ramp-neutral-5: #282520;
  --p-ramp-neutral-5: oklch(0.265 0.0105 84.59);
  --p-ramp-neutral-6: #302d28;
  --p-ramp-neutral-6: oklch(0.3 0.0105 84.59);
  --p-ramp-neutral-7: #3e3b36;
  --p-ramp-neutral-7: oklch(0.355 0.0105 84.59);
  --p-ramp-neutral-8: #7b7872;
  --p-ramp-neutral-8: oklch(0.574 0.0105 84.59);
  --p-ramp-neutral-9: #8a8781;
  --p-ramp-neutral-9: oklch(0.625 0.0095 84.59);
  --p-segmented-active-bg: #3e3b36;
  --p-segmented-active-bg: oklch(0.355 0.0105 84.59);
  --p-segmented-track: #f4f1ea0a;
  --p-segmented-track: oklch(0.958 0.0095 84.59 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.958 0.0095 84.59 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.958 0.0095 84.59 / 0.05);
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(1 0 0 / 0.1), 0px 24px 48px -12px oklch(0 0 0 / 0.5);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0 0 0 / 0.3), 0px 4px 8px -4px oklch(0 0 0 / 0.3), 0px 16px 24px -8px oklch(0 0 0 / 0.45);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(1 0 0 / 0.1);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.958 0.0095 84.59 / 0.08), 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.0095 84.59 / 0.12), 0px 1px 2px 0px oklch(0.958 0.0095 84.59 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.0095 84.59 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.0095 84.59 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #f4f1ea1a;
  --p-slider-track: oklch(0.958 0.0095 84.59 / 0.1);
  --p-switch-border-off: #7b7872;
  --p-switch-border-off: oklch(0.574 0.0105 84.59);
  --p-switch-track-off: #f4f1ea29;
  --p-switch-track-off: oklch(0.958 0.0095 84.59 / 0.16);
  --p-tooltip-bg: #f4f1ea;
  --p-tooltip-bg: oklch(0.958 0.0095 84.59);
  --p-tooltip-fg: #0c0a06;
  --p-tooltip-fg: oklch(0.145 0.0105 84.59);
}

[data-theme="dark"][data-world="editorial"][data-product="claradb"] {
  --p-brand-sidebar-accent: #3262a9;
  --p-brand-sidebar-accent: oklch(0.5 0.1239 257.91);
  --p-button-focus-border: #95c0ff;
  --p-button-focus-border: oklch(0.8 0.1016 257.91);
  --p-color-accent-action: #3262a9;
  --p-color-accent-action: oklch(0.5 0.1239 257.91);
  --p-color-accent-border: #224271;
  --p-color-accent-border: oklch(0.38 0.0885 257.91);
  --p-color-accent-solid: #3262a9;
  --p-color-accent-solid: oklch(0.5 0.1239 257.91);
  --p-color-accent-solid-hover: #3f6eb4;
  --p-color-accent-solid-hover: oklch(0.54 0.1214 257.91);
  --p-color-accent-solid-pressed: #1c4682;
  --p-color-accent-solid-pressed: oklch(0.4 0.1115 257.91);
  --p-color-accent-text: #95c0ff;
  --p-color-accent-text: oklch(0.8 0.1016 257.91);
  --p-color-accent-text-pressed: #1c4682;
  --p-color-accent-text-pressed: oklch(0.4 0.1115 257.91);
  --p-color-accent-tint: #0f1b2c;
  --p-color-accent-tint: oklch(0.22 0.0379 257.91);
  --p-color-agent-border: #224271;
  --p-color-agent-border: oklch(0.38 0.0885 257.91);
  --p-color-agent-mark: #3262a9;
  --p-color-agent-mark: oklch(0.5 0.1239 257.91);
  --p-color-agent-text: #95c0ff;
  --p-color-agent-text: oklch(0.8 0.1016 257.91);
  --p-color-agent-tint: #0f1b2c;
  --p-color-agent-tint: oklch(0.22 0.0379 257.91);
  --p-color-field-border-focus: #95c0ff;
  --p-color-field-border-focus: oklch(0.8 0.1016 257.91);
  --p-color-focus-ring: #95c0ff;
  --p-color-focus-ring: oklch(0.8 0.1016 257.91);
  --p-color-focus-ring-button: #95c0ff59;
  --p-color-focus-ring-button: oklch(0.8 0.1016 257.91 / 0.35);
  --p-color-focus-ring-field: #95c0ff52;
  --p-color-focus-ring-field: oklch(0.8 0.1016 257.91 / 0.32);
  --p-color-nav-active: #131c27;
  --p-color-nav-active: oklch(0.2236 0.0244 251.42);
  --p-color-nav-active-icon: #95c0ff;
  --p-color-nav-active-icon: oklch(0.8 0.1016 257.91);
  --p-color-surface-selected: #11223a;
  --p-color-surface-selected: oklch(0.25 0.0506 257.91);
  --p-color-text-link: #95c0ff;
  --p-color-text-link: oklch(0.8 0.1016 257.91);
  --p-ramp-accent-1: #090b0f;
  --p-ramp-accent-1: oklch(0.15 0.0101 257.91);
  --p-ramp-accent-10: #3f6eb4;
  --p-ramp-accent-10: oklch(0.54 0.1214 257.91);
  --p-ramp-accent-11: #95c0ff;
  --p-ramp-accent-11: oklch(0.8 0.1016 257.91);
  --p-ramp-accent-12: #dae9ff;
  --p-ramp-accent-12: oklch(0.93 0.0338 257.91);
  --p-ramp-accent-2: #0b111a;
  --p-ramp-accent-2: oklch(0.178 0.0211 257.91);
  --p-ramp-accent-3: #0f1b2c;
  --p-ramp-accent-3: oklch(0.22 0.0379 257.91);
  --p-ramp-accent-4: #11223a;
  --p-ramp-accent-4: oklch(0.25 0.0506 257.91);
  --p-ramp-accent-5: #142948;
  --p-ramp-accent-5: oklch(0.28 0.0632 257.91);
  --p-ramp-accent-6: #183359;
  --p-ramp-accent-6: oklch(0.32 0.0758 257.91);
  --p-ramp-accent-7: #224271;
  --p-ramp-accent-7: oklch(0.38 0.0885 257.91);
  --p-ramp-accent-8: #1c4682;
  --p-ramp-accent-8: oklch(0.4 0.1115 257.91);
  --p-ramp-accent-9: #3262a9;
  --p-ramp-accent-9: oklch(0.5 0.1239 257.91);
}

[data-theme="dark"][data-world="signal"][data-product="accountmade"] {
  --p-brand-sidebar-accent: #2a5fdb;
  --p-brand-sidebar-accent: oklch(0.5268 0.198 263.45);
  --p-button-focus-border: #9cbeff;
  --p-button-focus-border: oklch(0.8 0.1004 263.45);
  --p-color-accent-action: #2a5fdb;
  --p-color-accent-action: oklch(0.5268 0.198 263.45);
  --p-color-accent-border: #183b8c;
  --p-color-accent-border: oklch(0.38 0.1414 263.45);
  --p-color-accent-solid: #2a5fdb;
  --p-color-accent-solid: oklch(0.5268 0.198 263.45);
  --p-color-accent-solid-hover: #376de6;
  --p-color-accent-solid-hover: oklch(0.5668 0.194 263.45);
  --p-color-accent-solid-pressed: #123faa;
  --p-color-accent-solid-pressed: oklch(0.4134 0.1782 263.45);
  --p-color-accent-text: #9cbeff;
  --p-color-accent-text: oklch(0.8 0.1004 263.45);
  --p-color-accent-text-pressed: #123faa;
  --p-color-accent-text-pressed: oklch(0.4134 0.1782 263.45);
  --p-color-accent-tint: #0b1936;
  --p-color-accent-tint: oklch(0.22 0.0606 263.45);
  --p-color-agent-border: #183b8c;
  --p-color-agent-border: oklch(0.38 0.1414 263.45);
  --p-color-agent-mark: #2a5fdb;
  --p-color-agent-mark: oklch(0.5268 0.198 263.45);
  --p-color-agent-text: #9cbeff;
  --p-color-agent-text: oklch(0.8 0.1004 263.45);
  --p-color-agent-tint: #0b1936;
  --p-color-agent-tint: oklch(0.22 0.0606 263.45);
  --p-color-field-border-focus: #9cbeff;
  --p-color-field-border-focus: oklch(0.8 0.1004 263.45);
  --p-color-focus-ring: #9cbeff;
  --p-color-focus-ring: oklch(0.8 0.1004 263.45);
  --p-color-focus-ring-button: #9cbeff59;
  --p-color-focus-ring-button: oklch(0.8 0.1004 263.45 / 0.35);
  --p-color-focus-ring-field: #9cbeff52;
  --p-color-focus-ring-field: oklch(0.8 0.1004 263.45 / 0.32);
  --p-color-nav-active: #191b21;
  --p-color-nav-active: oklch(0.2236 0.012 263.45);
  --p-color-nav-active-icon: #9cbeff;
  --p-color-nav-active-icon: oklch(0.8 0.1004 263.45);
  --p-color-surface-selected: #0c1f48;
  --p-color-surface-selected: oklch(0.25 0.0808 263.45);
  --p-color-text-link: #9cbeff;
  --p-color-text-link: oklch(0.8 0.1004 263.45);
  --p-ramp-accent-1: #080b12;
  --p-ramp-accent-1: oklch(0.15 0.0162 263.45);
  --p-ramp-accent-10: #376de6;
  --p-ramp-accent-10: oklch(0.5668 0.194 263.45);
  --p-ramp-accent-11: #9cbeff;
  --p-ramp-accent-11: oklch(0.8 0.1004 263.45);
  --p-ramp-accent-12: #dce8ff;
  --p-ramp-accent-12: oklch(0.93 0.0334 263.45);
  --p-ramp-accent-2: #091120;
  --p-ramp-accent-2: oklch(0.178 0.0337 263.45);
  --p-ramp-accent-3: #0b1936;
  --p-ramp-accent-3: oklch(0.22 0.0606 263.45);
  --p-ramp-accent-4: #0c1f48;
  --p-ramp-accent-4: oklch(0.25 0.0808 263.45);
  --p-ramp-accent-5: #0d245a;
  --p-ramp-accent-5: oklch(0.28 0.101 263.45);
  --p-ramp-accent-6: #102c6f;
  --p-ramp-accent-6: oklch(0.32 0.1212 263.45);
  --p-ramp-accent-7: #183b8c;
  --p-ramp-accent-7: oklch(0.38 0.1414 263.45);
  --p-ramp-accent-8: #123faa;
  --p-ramp-accent-8: oklch(0.4134 0.1782 263.45);
  --p-ramp-accent-9: #2a5fdb;
  --p-ramp-accent-9: oklch(0.5268 0.198 263.45);
}

[data-theme="dark"][data-world="editorial"][data-product="reshot"] {
  --p-brand-sidebar-accent: #2e64e0;
  --p-brand-sidebar-accent: oklch(0.5418 0.198 263.45);
  --p-button-focus-border: #9cbeff;
  --p-button-focus-border: oklch(0.8 0.1004 263.45);
  --p-color-accent-action: #2e64e0;
  --p-color-accent-action: oklch(0.5418 0.198 263.45);
  --p-color-accent-border: #183b8c;
  --p-color-accent-border: oklch(0.38 0.1414 263.45);
  --p-color-accent-solid: #2e64e0;
  --p-color-accent-solid: oklch(0.5418 0.198 263.45);
  --p-color-accent-solid-hover: #386ee8;
  --p-color-accent-solid-hover: oklch(0.5718 0.194 263.45);
  --p-color-accent-solid-pressed: #1441ac;
  --p-color-accent-solid-pressed: oklch(0.4209 0.1782 263.45);
  --p-color-accent-text: #9cbeff;
  --p-color-accent-text: oklch(0.8 0.1004 263.45);
  --p-color-accent-text-pressed: #1441ac;
  --p-color-accent-text-pressed: oklch(0.4209 0.1782 263.45);
  --p-color-accent-tint: #0b1936;
  --p-color-accent-tint: oklch(0.22 0.0606 263.45);
  --p-color-agent-border: #183b8c;
  --p-color-agent-border: oklch(0.38 0.1414 263.45);
  --p-color-agent-mark: #2e64e0;
  --p-color-agent-mark: oklch(0.5418 0.198 263.45);
  --p-color-agent-text: #9cbeff;
  --p-color-agent-text: oklch(0.8 0.1004 263.45);
  --p-color-agent-tint: #0b1936;
  --p-color-agent-tint: oklch(0.22 0.0606 263.45);
  --p-color-field-border-focus: #9cbeff;
  --p-color-field-border-focus: oklch(0.8 0.1004 263.45);
  --p-color-focus-ring: #9cbeff;
  --p-color-focus-ring: oklch(0.8 0.1004 263.45);
  --p-color-focus-ring-button: #9cbeff59;
  --p-color-focus-ring-button: oklch(0.8 0.1004 263.45 / 0.35);
  --p-color-focus-ring-field: #9cbeff52;
  --p-color-focus-ring-field: oklch(0.8 0.1004 263.45 / 0.32);
  --p-color-nav-active: #141c27;
  --p-color-nav-active: oklch(0.2236 0.0241 254.12);
  --p-color-nav-active-icon: #9cbeff;
  --p-color-nav-active-icon: oklch(0.8 0.1004 263.45);
  --p-color-surface-selected: #0c1f48;
  --p-color-surface-selected: oklch(0.25 0.0808 263.45);
  --p-color-text-link: #9cbeff;
  --p-color-text-link: oklch(0.8 0.1004 263.45);
  --p-ramp-accent-1: #080b12;
  --p-ramp-accent-1: oklch(0.15 0.0162 263.45);
  --p-ramp-accent-10: #386ee8;
  --p-ramp-accent-10: oklch(0.5718 0.194 263.45);
  --p-ramp-accent-11: #9cbeff;
  --p-ramp-accent-11: oklch(0.8 0.1004 263.45);
  --p-ramp-accent-12: #dce8ff;
  --p-ramp-accent-12: oklch(0.93 0.0334 263.45);
  --p-ramp-accent-2: #091120;
  --p-ramp-accent-2: oklch(0.178 0.0337 263.45);
  --p-ramp-accent-3: #0b1936;
  --p-ramp-accent-3: oklch(0.22 0.0606 263.45);
  --p-ramp-accent-4: #0c1f48;
  --p-ramp-accent-4: oklch(0.25 0.0808 263.45);
  --p-ramp-accent-5: #0d245a;
  --p-ramp-accent-5: oklch(0.28 0.101 263.45);
  --p-ramp-accent-6: #102c6f;
  --p-ramp-accent-6: oklch(0.32 0.1212 263.45);
  --p-ramp-accent-7: #183b8c;
  --p-ramp-accent-7: oklch(0.38 0.1414 263.45);
  --p-ramp-accent-8: #1441ac;
  --p-ramp-accent-8: oklch(0.4209 0.1782 263.45);
  --p-ramp-accent-9: #2e64e0;
  --p-ramp-accent-9: oklch(0.5418 0.198 263.45);
}

[data-theme="dark"][data-world="signal"][data-product="naalto"] {
  --p-brand-sidebar-accent: #4b6587;
  --p-brand-sidebar-accent: oklch(0.5 0.0624 254.96);
  --p-button-focus-border: #a6c0e2;
  --p-button-focus-border: oklch(0.8 0.0562 254.96);
  --p-button-ghost-bg-hover: #edf2f70a;
  --p-button-ghost-bg-hover: oklch(0.958 0.0088 252.82 / 0.04);
  --p-button-ghost-bg-pressed: #edf2f714;
  --p-button-ghost-bg-pressed: oklch(0.958 0.0088 252.82 / 0.08);
  --p-button-secondary-bg: #ffffff0a;
  --p-button-secondary-bg: oklch(1 0 0 / 0.04);
  --p-button-secondary-bg-hover: #ffffff1a;
  --p-button-secondary-bg-hover: oklch(1 0 0 / 0.1);
  --p-choice-border: #75797e;
  --p-choice-border: oklch(0.574 0.0098 252.82);
  --p-color-accent-action: #4b6587;
  --p-color-accent-action: oklch(0.5 0.0624 254.96);
  --p-color-accent-border: #32445a;
  --p-color-accent-border: oklch(0.38 0.0446 254.96);
  --p-color-accent-solid: #4b6587;
  --p-color-accent-solid: oklch(0.5 0.0624 254.96);
  --p-color-accent-solid-hover: #567192;
  --p-color-accent-solid-hover: oklch(0.54 0.0612 254.96);
  --p-color-accent-solid-pressed: #334966;
  --p-color-accent-solid-pressed: oklch(0.4 0.0562 254.96);
  --p-color-accent-text: #a6c0e2;
  --p-color-accent-text: oklch(0.8 0.0562 254.96);
  --p-color-accent-text-pressed: #334966;
  --p-color-accent-text-pressed: oklch(0.4 0.0562 254.96);
  --p-color-accent-tint: #151b23;
  --p-color-accent-tint: oklch(0.22 0.0191 254.96);
  --p-color-agent-border: #32445a;
  --p-color-agent-border: oklch(0.38 0.0446 254.96);
  --p-color-agent-mark: #4b6587;
  --p-color-agent-mark: oklch(0.5 0.0624 254.96);
  --p-color-agent-text: #a6c0e2;
  --p-color-agent-text: oklch(0.8 0.0562 254.96);
  --p-color-agent-tint: #151b23;
  --p-color-agent-tint: oklch(0.22 0.0191 254.96);
  --p-color-bg-canvas: #070a0e;
  --p-color-bg-canvas: oklch(0.145 0.0098 252.82);
  --p-color-bg-default: #0d1115;
  --p-color-bg-default: oklch(0.175 0.0098 252.82);
  --p-color-bg-panel: #0d1115;
  --p-color-bg-panel: oklch(0.175 0.0098 252.82);
  --p-color-border-control: #edf2f729;
  --p-color-border-control: oklch(0.958 0.0088 252.82 / 0.16);
  --p-color-border-control-hover: #edf2f733;
  --p-color-border-control-hover: oklch(0.958 0.0088 252.82 / 0.2);
  --p-color-border-control-strong: #edf2f733;
  --p-color-border-control-strong: oklch(0.958 0.0088 252.82 / 0.2);
  --p-color-border-default: #75797e;
  --p-color-border-default: oklch(0.574 0.0098 252.82);
  --p-color-border-hairline: #edf2f714;
  --p-color-border-hairline: oklch(0.958 0.0088 252.82 / 0.08);
  --p-color-border-strong: #85898e;
  --p-color-border-strong: oklch(0.627 0.0088 252.82);
  --p-color-border-subtle: #2a2e33;
  --p-color-border-subtle: oklch(0.3 0.0098 252.82);
  --p-color-count-bg: #edf2f7;
  --p-color-count-bg: oklch(0.958 0.0088 252.82);
  --p-color-count-text: #0d1115;
  --p-color-count-text: oklch(0.175 0.0098 252.82);
  --p-color-danger-subtle: #24100f;
  --p-color-danger-subtle: oklch(0.202 0.0341 22.27);
  --p-color-field-bg: #ffffff0a;
  --p-color-field-bg: oklch(1 0 0 / 0.04);
  --p-color-field-bg-disabled: #edf2f708;
  --p-color-field-bg-disabled: oklch(0.958 0.0088 252.82 / 0.03);
  --p-color-field-border-disabled: #edf2f70f;
  --p-color-field-border-disabled: oklch(0.958 0.0088 252.82 / 0.06);
  --p-color-field-border-focus: #a6c0e2;
  --p-color-field-border-focus: oklch(0.8 0.0562 254.96);
  --p-color-field-border-readonly-hover: #edf2f71f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.0088 252.82 / 0.12);
  --p-color-focus-ring: #a6c0e2;
  --p-color-focus-ring: oklch(0.8 0.0562 254.96);
  --p-color-focus-ring-button: #a6c0e259;
  --p-color-focus-ring-button: oklch(0.8 0.0562 254.96 / 0.35);
  --p-color-focus-ring-field: #a6c0e252;
  --p-color-focus-ring-field: oklch(0.8 0.0562 254.96 / 0.32);
  --p-color-hover-tint: #edf2f70a;
  --p-color-hover-tint: oklch(0.958 0.0088 252.82 / 0.04);
  --p-color-info-subtle: #081727;
  --p-color-info-subtle: oklch(0.202 0.037 250.3);
  --p-color-ink-a10: #edf2f71a;
  --p-color-ink-a10: oklch(0.958 0.0088 252.82 / 0.1);
  --p-color-ink-a12: #edf2f71f;
  --p-color-ink-a12: oklch(0.958 0.0088 252.82 / 0.12);
  --p-color-ink-a14: #edf2f724;
  --p-color-ink-a14: oklch(0.958 0.0088 252.82 / 0.14);
  --p-color-ink-a16: #edf2f729;
  --p-color-ink-a16: oklch(0.958 0.0088 252.82 / 0.16);
  --p-color-ink-a18: #edf2f72e;
  --p-color-ink-a18: oklch(0.958 0.0088 252.82 / 0.18);
  --p-color-ink-a20: #edf2f733;
  --p-color-ink-a20: oklch(0.958 0.0088 252.82 / 0.2);
  --p-color-ink-a24: #edf2f73d;
  --p-color-ink-a24: oklch(0.958 0.0088 252.82 / 0.24);
  --p-color-ink-a28: #edf2f747;
  --p-color-ink-a28: oklch(0.958 0.0088 252.82 / 0.28);
  --p-color-ink-a3: #edf2f708;
  --p-color-ink-a3: oklch(0.958 0.0088 252.82 / 0.03);
  --p-color-ink-a32: #edf2f752;
  --p-color-ink-a32: oklch(0.958 0.0088 252.82 / 0.32);
  --p-color-ink-a4: #edf2f70a;
  --p-color-ink-a4: oklch(0.958 0.0088 252.82 / 0.04);
  --p-color-ink-a40: #edf2f766;
  --p-color-ink-a40: oklch(0.958 0.0088 252.82 / 0.4);
  --p-color-ink-a5: #edf2f70d;
  --p-color-ink-a5: oklch(0.958 0.0088 252.82 / 0.05);
  --p-color-ink-a6: #edf2f70f;
  --p-color-ink-a6: oklch(0.958 0.0088 252.82 / 0.06);
  --p-color-ink-a8: #edf2f714;
  --p-color-ink-a8: oklch(0.958 0.0088 252.82 / 0.08);
  --p-color-mark-done: #edf2f7;
  --p-color-mark-done: oklch(0.958 0.0088 252.82);
  --p-color-mark-on-done: #070a0e;
  --p-color-mark-on-done: oklch(0.145 0.0098 252.82);
  --p-color-nav-active: #161c23;
  --p-color-nav-active: oklch(0.2236 0.0154 253.76);
  --p-color-nav-active-icon: #a6c0e2;
  --p-color-nav-active-icon: oklch(0.8 0.0562 254.96);
  --p-color-selected-outline: #edf2f7;
  --p-color-selected-outline: oklch(0.958 0.0088 252.82);
  --p-color-success-subtle: #0b1a12;
  --p-color-success-subtle: oklch(0.202 0.0269 158.16);
  --p-color-surface-1: #14171c;
  --p-color-surface-1: oklch(0.205 0.0098 252.82);
  --p-color-surface-2: #1b1e23;
  --p-color-surface-2: oklch(0.235 0.0098 252.82);
  --p-color-surface-3: #22262a;
  --p-color-surface-3: oklch(0.265 0.0098 252.82);
  --p-color-surface-4: #2a2e33;
  --p-color-surface-4: oklch(0.3 0.0098 252.82);
  --p-color-surface-hover: #1b1e23;
  --p-color-surface-hover: oklch(0.235 0.0098 252.82);
  --p-color-surface-pressed: #22262a;
  --p-color-surface-pressed: oklch(0.265 0.0098 252.82);
  --p-color-surface-selected: #19222e;
  --p-color-surface-selected: oklch(0.25 0.0255 254.96);
  --p-color-surface-sunken: #070a0e;
  --p-color-surface-sunken: oklch(0.145 0.0098 252.82);
  --p-color-text-disabled: #75797e;
  --p-color-text-disabled: oklch(0.574 0.0098 252.82);
  --p-color-text-inverse: #070a0e;
  --p-color-text-inverse: oklch(0.145 0.0098 252.82);
  --p-color-text-link: #a6c0e2;
  --p-color-text-link: oklch(0.8 0.0562 254.96);
  --p-color-text-primary: #edf2f7;
  --p-color-text-primary: oklch(0.958 0.0088 252.82);
  --p-color-text-secondary: #b8bdc2;
  --p-color-text-secondary: oklch(0.796 0.0088 252.82);
  --p-color-text-tertiary: #94999e;
  --p-color-text-tertiary: oklch(0.68 0.0088 252.82);
  --p-color-warning-subtle: #1d1509;
  --p-color-warning-subtle: oklch(0.202 0.0255 75.34);
  --p-elevation-0-surface: #0d1115;
  --p-elevation-0-surface: oklch(0.175 0.0098 252.82);
  --p-elevation-1-surface: #14171c;
  --p-elevation-1-surface: oklch(0.205 0.0098 252.82);
  --p-elevation-2-surface: #1b1e23;
  --p-elevation-2-surface: oklch(0.235 0.0098 252.82);
  --p-elevation-3-surface: #22262a;
  --p-elevation-3-surface: oklch(0.265 0.0098 252.82);
  --p-elevation-4-surface: #2a2e33;
  --p-elevation-4-surface: oklch(0.3 0.0098 252.82);
  --p-elevation-5-surface: #2a2e33;
  --p-elevation-5-surface: oklch(0.3 0.0098 252.82);
  --p-overlay-bg: #14171c;
  --p-overlay-bg: oklch(0.205 0.0098 252.82);
  --p-overlay-highlight: #edf2f70f;
  --p-overlay-highlight: oklch(0.958 0.0088 252.82 / 0.06);
  --p-overlay-ring: #ffffff1a;
  --p-overlay-ring: oklch(1 0 0 / 0.1);
  --p-overlay-separator: #edf2f714;
  --p-overlay-separator: oklch(0.958 0.0088 252.82 / 0.08);
  --p-ramp-accent-1: #0a0b0d;
  --p-ramp-accent-1: oklch(0.15 0.0051 254.96);
  --p-ramp-accent-10: #567192;
  --p-ramp-accent-10: oklch(0.54 0.0612 254.96);
  --p-ramp-accent-11: #a6c0e2;
  --p-ramp-accent-11: oklch(0.8 0.0562 254.96);
  --p-ramp-accent-12: #dee9f7;
  --p-ramp-accent-12: oklch(0.93 0.0218 254.96);
  --p-ramp-accent-2: #0e1116;
  --p-ramp-accent-2: oklch(0.178 0.0106 254.96);
  --p-ramp-accent-3: #151b23;
  --p-ramp-accent-3: oklch(0.22 0.0191 254.96);
  --p-ramp-accent-4: #19222e;
  --p-ramp-accent-4: oklch(0.25 0.0255 254.96);
  --p-ramp-accent-5: #1e2a38;
  --p-ramp-accent-5: oklch(0.28 0.0318 254.96);
  --p-ramp-accent-6: #253446;
  --p-ramp-accent-6: oklch(0.32 0.0382 254.96);
  --p-ramp-accent-7: #32445a;
  --p-ramp-accent-7: oklch(0.38 0.0446 254.96);
  --p-ramp-accent-8: #334966;
  --p-ramp-accent-8: oklch(0.4 0.0562 254.96);
  --p-ramp-accent-9: #4b6587;
  --p-ramp-accent-9: oklch(0.5 0.0624 254.96);
  --p-ramp-neutral-1: #070a0e;
  --p-ramp-neutral-1: oklch(0.145 0.0098 252.82);
  --p-ramp-neutral-10: #94999e;
  --p-ramp-neutral-10: oklch(0.68 0.0088 252.82);
  --p-ramp-neutral-11: #b8bdc2;
  --p-ramp-neutral-11: oklch(0.796 0.0088 252.82);
  --p-ramp-neutral-12: #edf2f7;
  --p-ramp-neutral-12: oklch(0.958 0.0088 252.82);
  --p-ramp-neutral-2: #0d1115;
  --p-ramp-neutral-2: oklch(0.175 0.0098 252.82);
  --p-ramp-neutral-3: #14171c;
  --p-ramp-neutral-3: oklch(0.205 0.0098 252.82);
  --p-ramp-neutral-4: #1b1e23;
  --p-ramp-neutral-4: oklch(0.235 0.0098 252.82);
  --p-ramp-neutral-5: #22262a;
  --p-ramp-neutral-5: oklch(0.265 0.0098 252.82);
  --p-ramp-neutral-6: #2a2e33;
  --p-ramp-neutral-6: oklch(0.3 0.0098 252.82);
  --p-ramp-neutral-7: #383c41;
  --p-ramp-neutral-7: oklch(0.355 0.0098 252.82);
  --p-ramp-neutral-8: #75797e;
  --p-ramp-neutral-8: oklch(0.574 0.0098 252.82);
  --p-ramp-neutral-9: #85898e;
  --p-ramp-neutral-9: oklch(0.627 0.0088 252.82);
  --p-segmented-active-bg: #383c41;
  --p-segmented-active-bg: oklch(0.355 0.0098 252.82);
  --p-segmented-track: #edf2f70a;
  --p-segmented-track: oklch(0.958 0.0088 252.82 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.958 0.0088 252.82 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.958 0.0088 252.82 / 0.05);
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(1 0 0 / 0.1), 0px 24px 48px -12px oklch(0 0 0 / 0.5);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0 0 0 / 0.3), 0px 4px 8px -4px oklch(0 0 0 / 0.3), 0px 16px 24px -8px oklch(0 0 0 / 0.45);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(1 0 0 / 0.1);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.958 0.0088 252.82 / 0.08), 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.0088 252.82 / 0.12), 0px 1px 2px 0px oklch(0.958 0.0088 252.82 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.0088 252.82 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.0088 252.82 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #edf2f71a;
  --p-slider-track: oklch(0.958 0.0088 252.82 / 0.1);
  --p-switch-border-off: #75797e;
  --p-switch-border-off: oklch(0.574 0.0098 252.82);
  --p-switch-track-off: #edf2f729;
  --p-switch-track-off: oklch(0.958 0.0088 252.82 / 0.16);
  --p-tooltip-bg: #edf2f7;
  --p-tooltip-bg: oklch(0.958 0.0088 252.82);
  --p-tooltip-fg: #070a0e;
  --p-tooltip-fg: oklch(0.145 0.0098 252.82);
}

[data-theme="dark"][data-world="editorial"][data-product="claradb-pro"] {
  --p-brand-sidebar-accent: #7038e0;
  --p-brand-sidebar-accent: oklch(0.516 0.235 291);
  --p-button-focus-border: #beb1ff;
  --p-button-focus-border: oklch(0.8 0.1093 291);
  --p-color-accent-action: #7038e0;
  --p-color-accent-action: oklch(0.516 0.235 291);
  --p-color-accent-border: #462c87;
  --p-color-accent-border: oklch(0.38 0.1428 291);
  --p-color-accent-solid: #7038e0;
  --p-color-accent-solid: oklch(0.516 0.235 291);
  --p-color-accent-solid-hover: #7b49ec;
  --p-color-accent-solid-hover: oklch(0.556 0.2303 291);
  --p-color-accent-solid-pressed: #5217b0;
  --p-color-accent-solid-pressed: oklch(0.408 0.2115 291);
  --p-color-accent-text: #beb1ff;
  --p-color-accent-text: oklch(0.8 0.1093 291);
  --p-color-accent-text-pressed: #5217b0;
  --p-color-accent-text-pressed: oklch(0.408 0.2115 291);
  --p-color-accent-tint: #1b1434;
  --p-color-accent-tint: oklch(0.22 0.0612 291);
  --p-color-agent-border: #462c87;
  --p-color-agent-border: oklch(0.38 0.1428 291);
  --p-color-agent-mark: #7038e0;
  --p-color-agent-mark: oklch(0.516 0.235 291);
  --p-color-agent-text: #beb1ff;
  --p-color-agent-text: oklch(0.8 0.1093 291);
  --p-color-agent-tint: #1b1434;
  --p-color-agent-tint: oklch(0.22 0.0612 291);
  --p-color-field-border-focus: #beb1ff;
  --p-color-field-border-focus: oklch(0.8 0.1093 291);
  --p-color-focus-ring: #beb1ff;
  --p-color-focus-ring: oklch(0.8 0.1093 291);
  --p-color-focus-ring-button: #beb1ff59;
  --p-color-focus-ring-button: oklch(0.8 0.1093 291 / 0.35);
  --p-color-focus-ring-field: #beb1ff52;
  --p-color-focus-ring-field: oklch(0.8 0.1093 291 / 0.32);
  --p-color-nav-active: #171b27;
  --p-color-nav-active: oklch(0.2236 0.0234 268.76);
  --p-color-nav-active-icon: #beb1ff;
  --p-color-nav-active-icon: oklch(0.8 0.1093 291);
  --p-color-surface-selected: #231845;
  --p-color-surface-selected: oklch(0.25 0.0816 291);
  --p-color-text-link: #beb1ff;
  --p-color-text-link: oklch(0.8 0.1093 291);
  --p-ramp-accent-1: #0b0a12;
  --p-ramp-accent-1: oklch(0.15 0.0163 291);
  --p-ramp-accent-10: #7b49ec;
  --p-ramp-accent-10: oklch(0.556 0.2303 291);
  --p-ramp-accent-11: #beb1ff;
  --p-ramp-accent-11: oklch(0.8 0.1093 291);
  --p-ramp-accent-12: #e7e4ff;
  --p-ramp-accent-12: oklch(0.93 0.0363 291);
  --p-ramp-accent-2: #110e1f;
  --p-ramp-accent-2: oklch(0.178 0.034 291);
  --p-ramp-accent-3: #1b1434;
  --p-ramp-accent-3: oklch(0.22 0.0612 291);
  --p-ramp-accent-4: #231845;
  --p-ramp-accent-4: oklch(0.25 0.0816 291);
  --p-ramp-accent-5: #2b1b56;
  --p-ramp-accent-5: oklch(0.28 0.102 291);
  --p-ramp-accent-6: #36216b;
  --p-ramp-accent-6: oklch(0.32 0.1224 291);
  --p-ramp-accent-7: #462c87;
  --p-ramp-accent-7: oklch(0.38 0.1428 291);
  --p-ramp-accent-8: #5217b0;
  --p-ramp-accent-8: oklch(0.408 0.2115 291);
  --p-ramp-accent-9: #7038e0;
  --p-ramp-accent-9: oklch(0.516 0.235 291);
}

[data-theme="dark"][data-world="signal"][data-product="poliage"] {
  --p-brand-sidebar-accent: #7e5855;
  --p-brand-sidebar-accent: oklch(0.5 0.0512 23.08);
  --p-button-focus-border: #dab3b0;
  --p-button-focus-border: oklch(0.8 0.0461 23.08);
  --p-button-ghost-bg-hover: #f6f0e90a;
  --p-button-ghost-bg-hover: oklch(0.958 0.011 67.67 / 0.04);
  --p-button-ghost-bg-pressed: #f6f0e914;
  --p-button-ghost-bg-pressed: oklch(0.958 0.011 67.67 / 0.08);
  --p-button-secondary-bg: #ffffff0a;
  --p-button-secondary-bg: oklch(1 0 0 / 0.04);
  --p-button-secondary-bg-hover: #ffffff1a;
  --p-button-secondary-bg-hover: oklch(1 0 0 / 0.1);
  --p-choice-border: #7f7872;
  --p-choice-border: oklch(0.578 0.0122 67.67);
  --p-color-accent-action: #7e5855;
  --p-color-accent-action: oklch(0.5 0.0512 23.08);
  --p-color-accent-border: #543b39;
  --p-color-accent-border: oklch(0.38 0.0366 23.08);
  --p-color-accent-solid: #7e5855;
  --p-color-accent-solid: oklch(0.5 0.0512 23.08);
  --p-color-accent-solid-hover: #8a6361;
  --p-color-accent-solid-hover: oklch(0.54 0.0502 23.08);
  --p-color-accent-solid-pressed: #5e3e3c;
  --p-color-accent-solid-pressed: oklch(0.4 0.0461 23.08);
  --p-color-accent-text: #dab3b0;
  --p-color-accent-text: oklch(0.8 0.0461 23.08);
  --p-color-accent-text-pressed: #5e3e3c;
  --p-color-accent-text-pressed: oklch(0.4 0.0461 23.08);
  --p-color-accent-tint: #211817;
  --p-color-accent-tint: oklch(0.22 0.0157 23.08);
  --p-color-agent-border: #543b39;
  --p-color-agent-border: oklch(0.38 0.0366 23.08);
  --p-color-agent-mark: #7e5855;
  --p-color-agent-mark: oklch(0.5 0.0512 23.08);
  --p-color-agent-text: #dab3b0;
  --p-color-agent-text: oklch(0.8 0.0461 23.08);
  --p-color-agent-tint: #211817;
  --p-color-agent-tint: oklch(0.22 0.0157 23.08);
  --p-color-bg-canvas: #0e0905;
  --p-color-bg-canvas: oklch(0.145 0.0122 67.67);
  --p-color-bg-default: #14100b;
  --p-color-bg-default: oklch(0.175 0.0122 67.67);
  --p-color-bg-panel: #14100b;
  --p-color-bg-panel: oklch(0.175 0.0122 67.67);
  --p-color-border-control: #f6f0e929;
  --p-color-border-control: oklch(0.958 0.011 67.67 / 0.16);
  --p-color-border-control-hover: #f6f0e933;
  --p-color-border-control-hover: oklch(0.958 0.011 67.67 / 0.2);
  --p-color-border-control-strong: #f6f0e933;
  --p-color-border-control-strong: oklch(0.958 0.011 67.67 / 0.2);
  --p-color-border-default: #7f7872;
  --p-color-border-default: oklch(0.578 0.0122 67.67);
  --p-color-border-hairline: #f6f0e914;
  --p-color-border-hairline: oklch(0.958 0.011 67.67 / 0.08);
  --p-color-border-strong: #8d8882;
  --p-color-border-strong: oklch(0.629 0.011 67.67);
  --p-color-border-subtle: #322d27;
  --p-color-border-subtle: oklch(0.3 0.0122 67.67);
  --p-color-count-bg: #f6f0e9;
  --p-color-count-bg: oklch(0.958 0.011 67.67);
  --p-color-count-text: #14100b;
  --p-color-count-text: oklch(0.175 0.0122 67.67);
  --p-color-danger-subtle: #260f0b;
  --p-color-danger-subtle: oklch(0.202 0.0405 31.5);
  --p-color-field-bg: #ffffff0a;
  --p-color-field-bg: oklch(1 0 0 / 0.04);
  --p-color-field-bg-disabled: #f6f0e908;
  --p-color-field-bg-disabled: oklch(0.958 0.011 67.67 / 0.03);
  --p-color-field-border-disabled: #f6f0e90f;
  --p-color-field-border-disabled: oklch(0.958 0.011 67.67 / 0.06);
  --p-color-field-border-focus: #dab3b0;
  --p-color-field-border-focus: oklch(0.8 0.0461 23.08);
  --p-color-field-border-readonly-hover: #f6f0e91f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.011 67.67 / 0.12);
  --p-color-focus-ring: #dab3b0;
  --p-color-focus-ring: oklch(0.8 0.0461 23.08);
  --p-color-focus-ring-button: #dab3b059;
  --p-color-focus-ring-button: oklch(0.8 0.0461 23.08 / 0.35);
  --p-color-focus-ring-field: #dab3b052;
  --p-color-focus-ring-field: oklch(0.8 0.0461 23.08 / 0.32);
  --p-color-hover-tint: #f6f0e90a;
  --p-color-hover-tint: oklch(0.958 0.011 67.67 / 0.04);
  --p-color-info-subtle: #0c1723;
  --p-color-info-subtle: oklch(0.202 0.0282 250.4);
  --p-color-ink-a10: #f6f0e91a;
  --p-color-ink-a10: oklch(0.958 0.011 67.67 / 0.1);
  --p-color-ink-a12: #f6f0e91f;
  --p-color-ink-a12: oklch(0.958 0.011 67.67 / 0.12);
  --p-color-ink-a14: #f6f0e924;
  --p-color-ink-a14: oklch(0.958 0.011 67.67 / 0.14);
  --p-color-ink-a16: #f6f0e929;
  --p-color-ink-a16: oklch(0.958 0.011 67.67 / 0.16);
  --p-color-ink-a18: #f6f0e92e;
  --p-color-ink-a18: oklch(0.958 0.011 67.67 / 0.18);
  --p-color-ink-a20: #f6f0e933;
  --p-color-ink-a20: oklch(0.958 0.011 67.67 / 0.2);
  --p-color-ink-a24: #f6f0e93d;
  --p-color-ink-a24: oklch(0.958 0.011 67.67 / 0.24);
  --p-color-ink-a28: #f6f0e947;
  --p-color-ink-a28: oklch(0.958 0.011 67.67 / 0.28);
  --p-color-ink-a3: #f6f0e908;
  --p-color-ink-a3: oklch(0.958 0.011 67.67 / 0.03);
  --p-color-ink-a32: #f6f0e952;
  --p-color-ink-a32: oklch(0.958 0.011 67.67 / 0.32);
  --p-color-ink-a4: #f6f0e90a;
  --p-color-ink-a4: oklch(0.958 0.011 67.67 / 0.04);
  --p-color-ink-a40: #f6f0e966;
  --p-color-ink-a40: oklch(0.958 0.011 67.67 / 0.4);
  --p-color-ink-a5: #f6f0e90d;
  --p-color-ink-a5: oklch(0.958 0.011 67.67 / 0.05);
  --p-color-ink-a6: #f6f0e90f;
  --p-color-ink-a6: oklch(0.958 0.011 67.67 / 0.06);
  --p-color-ink-a8: #f6f0e914;
  --p-color-ink-a8: oklch(0.958 0.011 67.67 / 0.08);
  --p-color-mark-done: #f6f0e9;
  --p-color-mark-done: oklch(0.958 0.011 67.67);
  --p-color-mark-on-done: #0e0905;
  --p-color-mark-on-done: oklch(0.145 0.0122 67.67);
  --p-color-nav-active: #211a15;
  --p-color-nav-active: oklch(0.2236 0.0152 52.85);
  --p-color-nav-active-icon: #dab3b0;
  --p-color-nav-active-icon: oklch(0.8 0.0461 23.08);
  --p-color-selected-outline: #f6f0e9;
  --p-color-selected-outline: oklch(0.958 0.011 67.67);
  --p-color-success-subtle: #0f1a0d;
  --p-color-success-subtle: oklch(0.202 0.0286 140.27);
  --p-color-surface-1: #1b1611;
  --p-color-surface-1: oklch(0.205 0.0122 67.67);
  --p-color-surface-2: #221d18;
  --p-color-surface-2: oklch(0.235 0.0122 67.67);
  --p-color-surface-3: #29241f;
  --p-color-surface-3: oklch(0.265 0.0122 67.67);
  --p-color-surface-4: #322d27;
  --p-color-surface-4: oklch(0.3 0.0122 67.67);
  --p-color-surface-hover: #221d18;
  --p-color-surface-hover: oklch(0.235 0.0122 67.67);
  --p-color-surface-pressed: #29241f;
  --p-color-surface-pressed: oklch(0.265 0.0122 67.67);
  --p-color-surface-selected: #2b1e1d;
  --p-color-surface-selected: oklch(0.25 0.0209 23.08);
  --p-color-surface-sunken: #0e0905;
  --p-color-surface-sunken: oklch(0.145 0.0122 67.67);
  --p-color-text-disabled: #7f7872;
  --p-color-text-disabled: oklch(0.578 0.0122 67.67);
  --p-color-text-inverse: #0e0905;
  --p-color-text-inverse: oklch(0.145 0.0122 67.67);
  --p-color-text-link: #dab3b0;
  --p-color-text-link: oklch(0.8 0.0461 23.08);
  --p-color-text-primary: #f6f0e9;
  --p-color-text-primary: oklch(0.958 0.011 67.67);
  --p-color-text-secondary: #c3bcb6;
  --p-color-text-secondary: oklch(0.8 0.011 67.67);
  --p-color-text-tertiary: #9d9791;
  --p-color-text-tertiary: oklch(0.68 0.011 67.67);
  --p-color-warning-subtle: #201404;
  --p-color-warning-subtle: oklch(0.202 0.0342 73.96);
  --p-elevation-0-surface: #14100b;
  --p-elevation-0-surface: oklch(0.175 0.0122 67.67);
  --p-elevation-1-surface: #1b1611;
  --p-elevation-1-surface: oklch(0.205 0.0122 67.67);
  --p-elevation-2-surface: #221d18;
  --p-elevation-2-surface: oklch(0.235 0.0122 67.67);
  --p-elevation-3-surface: #29241f;
  --p-elevation-3-surface: oklch(0.265 0.0122 67.67);
  --p-elevation-4-surface: #322d27;
  --p-elevation-4-surface: oklch(0.3 0.0122 67.67);
  --p-elevation-5-surface: #322d27;
  --p-elevation-5-surface: oklch(0.3 0.0122 67.67);
  --p-overlay-bg: #1b1611;
  --p-overlay-bg: oklch(0.205 0.0122 67.67);
  --p-overlay-highlight: #f6f0e90f;
  --p-overlay-highlight: oklch(0.958 0.011 67.67 / 0.06);
  --p-overlay-ring: #ffffff1a;
  --p-overlay-ring: oklch(1 0 0 / 0.1);
  --p-overlay-separator: #f6f0e914;
  --p-overlay-separator: oklch(0.958 0.011 67.67 / 0.08);
  --p-ramp-accent-1: #0d0a0a;
  --p-ramp-accent-1: oklch(0.15 0.0042 23.08);
  --p-ramp-accent-10: #8a6361;
  --p-ramp-accent-10: oklch(0.54 0.0502 23.08);
  --p-ramp-accent-11: #dab3b0;
  --p-ramp-accent-11: oklch(0.8 0.0461 23.08);
  --p-ramp-accent-12: #f4e4e2;
  --p-ramp-accent-12: oklch(0.93 0.0179 23.08);
  --p-ramp-accent-2: #15100f;
  --p-ramp-accent-2: oklch(0.178 0.0087 23.08);
  --p-ramp-accent-3: #211817;
  --p-ramp-accent-3: oklch(0.22 0.0157 23.08);
  --p-ramp-accent-4: #2b1e1d;
  --p-ramp-accent-4: oklch(0.25 0.0209 23.08);
  --p-ramp-accent-5: #352423;
  --p-ramp-accent-5: oklch(0.28 0.0261 23.08);
  --p-ramp-accent-6: #422d2b;
  --p-ramp-accent-6: oklch(0.32 0.0313 23.08);
  --p-ramp-accent-7: #543b39;
  --p-ramp-accent-7: oklch(0.38 0.0366 23.08);
  --p-ramp-accent-8: #5e3e3c;
  --p-ramp-accent-8: oklch(0.4 0.0461 23.08);
  --p-ramp-accent-9: #7e5855;
  --p-ramp-accent-9: oklch(0.5 0.0512 23.08);
  --p-ramp-neutral-1: #0e0905;
  --p-ramp-neutral-1: oklch(0.145 0.0122 67.67);
  --p-ramp-neutral-10: #9d9791;
  --p-ramp-neutral-10: oklch(0.68 0.011 67.67);
  --p-ramp-neutral-11: #c3bcb6;
  --p-ramp-neutral-11: oklch(0.8 0.011 67.67);
  --p-ramp-neutral-12: #f6f0e9;
  --p-ramp-neutral-12: oklch(0.958 0.011 67.67);
  --p-ramp-neutral-2: #14100b;
  --p-ramp-neutral-2: oklch(0.175 0.0122 67.67);
  --p-ramp-neutral-3: #1b1611;
  --p-ramp-neutral-3: oklch(0.205 0.0122 67.67);
  --p-ramp-neutral-4: #221d18;
  --p-ramp-neutral-4: oklch(0.235 0.0122 67.67);
  --p-ramp-neutral-5: #29241f;
  --p-ramp-neutral-5: oklch(0.265 0.0122 67.67);
  --p-ramp-neutral-6: #322d27;
  --p-ramp-neutral-6: oklch(0.3 0.0122 67.67);
  --p-ramp-neutral-7: #403b35;
  --p-ramp-neutral-7: oklch(0.355 0.0122 67.67);
  --p-ramp-neutral-8: #7f7872;
  --p-ramp-neutral-8: oklch(0.578 0.0122 67.67);
  --p-ramp-neutral-9: #8d8882;
  --p-ramp-neutral-9: oklch(0.629 0.011 67.67);
  --p-segmented-active-bg: #403b35;
  --p-segmented-active-bg: oklch(0.355 0.0122 67.67);
  --p-segmented-track: #f6f0e90a;
  --p-segmented-track: oklch(0.958 0.011 67.67 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.958 0.011 67.67 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.958 0.011 67.67 / 0.05);
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(1 0 0 / 0.1), 0px 24px 48px -12px oklch(0 0 0 / 0.5);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0 0 0 / 0.3), 0px 4px 8px -4px oklch(0 0 0 / 0.3), 0px 16px 24px -8px oklch(0 0 0 / 0.45);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(1 0 0 / 0.1);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.958 0.011 67.67 / 0.08), 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.011 67.67 / 0.12), 0px 1px 2px 0px oklch(0.958 0.011 67.67 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.011 67.67 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.011 67.67 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #f6f0e91a;
  --p-slider-track: oklch(0.958 0.011 67.67 / 0.1);
  --p-switch-border-off: #7f7872;
  --p-switch-border-off: oklch(0.578 0.0122 67.67);
  --p-switch-track-off: #f6f0e929;
  --p-switch-track-off: oklch(0.958 0.011 67.67 / 0.16);
  --p-tooltip-bg: #f6f0e9;
  --p-tooltip-bg: oklch(0.958 0.011 67.67);
  --p-tooltip-fg: #0e0905;
  --p-tooltip-fg: oklch(0.145 0.0122 67.67);
}

[data-theme="dark"][data-world="editorial"][data-product="runstamp"] {
  --p-brand-sidebar-accent: #2f4bff;
  --p-brand-sidebar-accent: oklch(0.5265 0.2634 267.74);
  --p-button-focus-border: #a2bcff;
  --p-button-focus-border: oklch(0.8 0.1002 267.74);
  --p-color-accent-action: #2f4bff;
  --p-color-accent-action: oklch(0.5265 0.2634 267.74);
  --p-color-accent-border: #22388d;
  --p-color-accent-border: oklch(0.38 0.1428 267.74);
  --p-color-accent-solid: #2f4bff;
  --p-color-accent-solid: oklch(0.5265 0.2634 267.74);
  --p-color-accent-solid-hover: #3c61ff;
  --p-color-accent-solid-hover: oklch(0.5665 0.2377 267.74);
  --p-color-accent-solid-pressed: #1d28c9;
  --p-color-accent-solid-pressed: oklch(0.4133 0.2371 267.74);
  --p-color-accent-text: #a2bcff;
  --p-color-accent-text: oklch(0.8 0.1002 267.74);
  --p-color-accent-text-pressed: #1d28c9;
  --p-color-accent-text-pressed: oklch(0.4133 0.2371 267.74);
  --p-color-accent-tint: #0e1837;
  --p-color-accent-tint: oklch(0.22 0.0612 267.74);
  --p-color-agent-border: #22388d;
  --p-color-agent-border: oklch(0.38 0.1428 267.74);
  --p-color-agent-mark: #2f4bff;
  --p-color-agent-mark: oklch(0.5265 0.2634 267.74);
  --p-color-agent-text: #a2bcff;
  --p-color-agent-text: oklch(0.8 0.1002 267.74);
  --p-color-agent-tint: #0e1837;
  --p-color-agent-tint: oklch(0.22 0.0612 267.74);
  --p-color-field-border-focus: #a2bcff;
  --p-color-field-border-focus: oklch(0.8 0.1002 267.74);
  --p-color-focus-ring: #a2bcff;
  --p-color-focus-ring: oklch(0.8 0.1002 267.74);
  --p-color-focus-ring-button: #a2bcff59;
  --p-color-focus-ring-button: oklch(0.8 0.1002 267.74 / 0.35);
  --p-color-focus-ring-field: #a2bcff52;
  --p-color-focus-ring-field: oklch(0.8 0.1002 267.74 / 0.32);
  --p-color-nav-active: #141c27;
  --p-color-nav-active: oklch(0.2236 0.0239 256.23);
  --p-color-nav-active-icon: #a2bcff;
  --p-color-nav-active-icon: oklch(0.8 0.1002 267.74);
  --p-color-surface-selected: #111d48;
  --p-color-surface-selected: oklch(0.25 0.0816 267.74);
  --p-color-text-link: #a2bcff;
  --p-color-text-link: oklch(0.8 0.1002 267.74);
  --p-ramp-accent-1: #080b12;
  --p-ramp-accent-1: oklch(0.15 0.0163 267.74);
  --p-ramp-accent-10: #3c61ff;
  --p-ramp-accent-10: oklch(0.5665 0.2377 267.74);
  --p-ramp-accent-11: #a2bcff;
  --p-ramp-accent-11: oklch(0.8 0.1002 267.74);
  --p-ramp-accent-12: #dee8ff;
  --p-ramp-accent-12: oklch(0.93 0.0333 267.74);
  --p-ramp-accent-2: #0b1020;
  --p-ramp-accent-2: oklch(0.178 0.034 267.74);
  --p-ramp-accent-3: #0e1837;
  --p-ramp-accent-3: oklch(0.22 0.0612 267.74);
  --p-ramp-accent-4: #111d48;
  --p-ramp-accent-4: oklch(0.25 0.0816 267.74);
  --p-ramp-accent-5: #13235a;
  --p-ramp-accent-5: oklch(0.28 0.102 267.74);
  --p-ramp-accent-6: #182a70;
  --p-ramp-accent-6: oklch(0.32 0.1224 267.74);
  --p-ramp-accent-7: #22388d;
  --p-ramp-accent-7: oklch(0.38 0.1428 267.74);
  --p-ramp-accent-8: #1d28c9;
  --p-ramp-accent-8: oklch(0.4133 0.2371 267.74);
  --p-ramp-accent-9: #2f4bff;
  --p-ramp-accent-9: oklch(0.5265 0.2634 267.74);
}

[data-theme="dark"][data-world="signal"][data-product="poliage-beauty"] {
  --p-brand-sidebar-accent: #646361;
  --p-brand-sidebar-accent: oklch(0.5 0.0041 84.59);
  --p-button-focus-border: #bfbdbb;
  --p-button-focus-border: oklch(0.8 0.0037 84.59);
  --p-button-ghost-bg-hover: #f4f1ea0a;
  --p-button-ghost-bg-hover: oklch(0.958 0.009 87.48 / 0.04);
  --p-button-ghost-bg-pressed: #f4f1ea14;
  --p-button-ghost-bg-pressed: oklch(0.958 0.009 87.48 / 0.08);
  --p-button-secondary-bg: #ffffff0a;
  --p-button-secondary-bg: oklch(1 0 0 / 0.04);
  --p-button-secondary-bg-hover: #ffffff1a;
  --p-button-secondary-bg-hover: oklch(1 0 0 / 0.1);
  --p-choice-border: #7c7973;
  --p-choice-border: oklch(0.578 0.01 87.48);
  --p-color-accent-action: #646361;
  --p-color-accent-action: oklch(0.5 0.0041 84.59);
  --p-color-accent-border: #434241;
  --p-color-accent-border: oklch(0.38 0.0029 84.59);
  --p-color-accent-solid: #646361;
  --p-color-accent-solid: oklch(0.5 0.0041 84.59);
  --p-color-accent-solid-hover: #706e6c;
  --p-color-accent-solid-hover: oklch(0.54 0.004 84.59);
  --p-color-accent-solid-pressed: #494745;
  --p-color-accent-solid-pressed: oklch(0.4 0.0037 84.59);
  --p-color-accent-text: #bfbdbb;
  --p-color-accent-text: oklch(0.8 0.0037 84.59);
  --p-color-accent-text-pressed: #494745;
  --p-color-accent-text-pressed: oklch(0.4 0.0037 84.59);
  --p-color-accent-tint: #1b1a1a;
  --p-color-accent-tint: oklch(0.22 0.0013 84.59);
  --p-color-agent-border: #434241;
  --p-color-agent-border: oklch(0.38 0.0029 84.59);
  --p-color-agent-mark: #646361;
  --p-color-agent-mark: oklch(0.5 0.0041 84.59);
  --p-color-agent-text: #bfbdbb;
  --p-color-agent-text: oklch(0.8 0.0037 84.59);
  --p-color-agent-tint: #1b1a1a;
  --p-color-agent-tint: oklch(0.22 0.0013 84.59);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 87.48);
  --p-color-bg-default: #12100c;
  --p-color-bg-default: oklch(0.175 0.01 87.48);
  --p-color-bg-panel: #12100c;
  --p-color-bg-panel: oklch(0.175 0.01 87.48);
  --p-color-border-control: #f4f1ea29;
  --p-color-border-control: oklch(0.958 0.009 87.48 / 0.16);
  --p-color-border-control-hover: #f4f1ea33;
  --p-color-border-control-hover: oklch(0.958 0.009 87.48 / 0.2);
  --p-color-border-control-strong: #f4f1ea33;
  --p-color-border-control-strong: oklch(0.958 0.009 87.48 / 0.2);
  --p-color-border-default: #7c7973;
  --p-color-border-default: oklch(0.578 0.01 87.48);
  --p-color-border-hairline: #f4f1ea14;
  --p-color-border-hairline: oklch(0.958 0.009 87.48 / 0.08);
  --p-color-border-strong: #8b8983;
  --p-color-border-strong: oklch(0.629 0.009 87.48);
  --p-color-border-subtle: #302e28;
  --p-color-border-subtle: oklch(0.3 0.01 87.48);
  --p-color-count-bg: #f4f1ea;
  --p-color-count-bg: oklch(0.958 0.009 87.48);
  --p-color-count-text: #12100c;
  --p-color-count-text: oklch(0.175 0.01 87.48);
  --p-color-danger-subtle: #250f0b;
  --p-color-danger-subtle: oklch(0.202 0.0388 32.14);
  --p-color-field-bg: #ffffff0a;
  --p-color-field-bg: oklch(1 0 0 / 0.04);
  --p-color-field-bg-disabled: #f4f1ea08;
  --p-color-field-bg-disabled: oklch(0.958 0.009 87.48 / 0.03);
  --p-color-field-border-disabled: #f4f1ea0f;
  --p-color-field-border-disabled: oklch(0.958 0.009 87.48 / 0.06);
  --p-color-field-border-focus: #bfbdbb;
  --p-color-field-border-focus: oklch(0.8 0.0037 84.59);
  --p-color-field-border-readonly-hover: #f4f1ea1f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.009 87.48 / 0.12);
  --p-color-focus-ring: #bfbdbb;
  --p-color-focus-ring: oklch(0.8 0.0037 84.59);
  --p-color-focus-ring-button: #bfbdbb59;
  --p-color-focus-ring-button: oklch(0.8 0.0037 84.59 / 0.35);
  --p-color-focus-ring-field: #bfbdbb52;
  --p-color-focus-ring-field: oklch(0.8 0.0037 84.59 / 0.32);
  --p-color-hover-tint: #f4f1ea0a;
  --p-color-hover-tint: oklch(0.958 0.009 87.48 / 0.04);
  --p-color-info-subtle: #0b1823;
  --p-color-info-subtle: oklch(0.202 0.0293 247.65);
  --p-color-ink-a10: #f4f1ea1a;
  --p-color-ink-a10: oklch(0.958 0.009 87.48 / 0.1);
  --p-color-ink-a12: #f4f1ea1f;
  --p-color-ink-a12: oklch(0.958 0.009 87.48 / 0.12);
  --p-color-ink-a14: #f4f1ea24;
  --p-color-ink-a14: oklch(0.958 0.009 87.48 / 0.14);
  --p-color-ink-a16: #f4f1ea29;
  --p-color-ink-a16: oklch(0.958 0.009 87.48 / 0.16);
  --p-color-ink-a18: #f4f1ea2e;
  --p-color-ink-a18: oklch(0.958 0.009 87.48 / 0.18);
  --p-color-ink-a20: #f4f1ea33;
  --p-color-ink-a20: oklch(0.958 0.009 87.48 / 0.2);
  --p-color-ink-a24: #f4f1ea3d;
  --p-color-ink-a24: oklch(0.958 0.009 87.48 / 0.24);
  --p-color-ink-a28: #f4f1ea47;
  --p-color-ink-a28: oklch(0.958 0.009 87.48 / 0.28);
  --p-color-ink-a3: #f4f1ea08;
  --p-color-ink-a3: oklch(0.958 0.009 87.48 / 0.03);
  --p-color-ink-a32: #f4f1ea52;
  --p-color-ink-a32: oklch(0.958 0.009 87.48 / 0.32);
  --p-color-ink-a4: #f4f1ea0a;
  --p-color-ink-a4: oklch(0.958 0.009 87.48 / 0.04);
  --p-color-ink-a40: #f4f1ea66;
  --p-color-ink-a40: oklch(0.958 0.009 87.48 / 0.4);
  --p-color-ink-a5: #f4f1ea0d;
  --p-color-ink-a5: oklch(0.958 0.009 87.48 / 0.05);
  --p-color-ink-a6: #f4f1ea0f;
  --p-color-ink-a6: oklch(0.958 0.009 87.48 / 0.06);
  --p-color-ink-a8: #f4f1ea14;
  --p-color-ink-a8: oklch(0.958 0.009 87.48 / 0.08);
  --p-color-mark-done: #f4f1ea;
  --p-color-mark-done: oklch(0.958 0.009 87.48);
  --p-color-mark-on-done: #0c0a06;
  --p-color-mark-on-done: oklch(0.145 0.01 87.48);
  --p-color-nav-active: #1d1b17;
  --p-color-nav-active: oklch(0.2236 0.0092 87.34);
  --p-color-nav-active-icon: #bfbdbb;
  --p-color-nav-active-icon: oklch(0.8 0.0037 84.59);
  --p-color-selected-outline: #f4f1ea;
  --p-color-selected-outline: oklch(0.958 0.009 87.48);
  --p-color-success-subtle: #0e1a0e;
  --p-color-success-subtle: oklch(0.202 0.0296 143.11);
  --p-color-surface-1: #191712;
  --p-color-surface-1: oklch(0.205 0.01 87.48);
  --p-color-surface-2: #201e19;
  --p-color-surface-2: oklch(0.235 0.01 87.48);
  --p-color-surface-3: #272520;
  --p-color-surface-3: oklch(0.265 0.01 87.48);
  --p-color-surface-4: #302e28;
  --p-color-surface-4: oklch(0.3 0.01 87.48);
  --p-color-surface-hover: #201e19;
  --p-color-surface-hover: oklch(0.235 0.01 87.48);
  --p-color-surface-pressed: #272520;
  --p-color-surface-pressed: oklch(0.265 0.01 87.48);
  --p-color-surface-selected: #222221;
  --p-color-surface-selected: oklch(0.25 0.0017 84.59);
  --p-color-surface-sunken: #0c0a06;
  --p-color-surface-sunken: oklch(0.145 0.01 87.48);
  --p-color-text-disabled: #7c7973;
  --p-color-text-disabled: oklch(0.578 0.01 87.48);
  --p-color-text-inverse: #0c0a06;
  --p-color-text-inverse: oklch(0.145 0.01 87.48);
  --p-color-text-link: #bfbdbb;
  --p-color-text-link: oklch(0.8 0.0037 84.59);
  --p-color-text-primary: #f4f1ea;
  --p-color-text-primary: oklch(0.958 0.009 87.48);
  --p-color-text-secondary: #c0bdb7;
  --p-color-text-secondary: oklch(0.8 0.009 87.48);
  --p-color-text-tertiary: #9b9892;
  --p-color-text-tertiary: oklch(0.68 0.009 87.48);
  --p-color-warning-subtle: #1f1404;
  --p-color-warning-subtle: oklch(0.202 0.0333 76.49);
  --p-elevation-0-surface: #12100c;
  --p-elevation-0-surface: oklch(0.175 0.01 87.48);
  --p-elevation-1-surface: #191712;
  --p-elevation-1-surface: oklch(0.205 0.01 87.48);
  --p-elevation-2-surface: #201e19;
  --p-elevation-2-surface: oklch(0.235 0.01 87.48);
  --p-elevation-3-surface: #272520;
  --p-elevation-3-surface: oklch(0.265 0.01 87.48);
  --p-elevation-4-surface: #302e28;
  --p-elevation-4-surface: oklch(0.3 0.01 87.48);
  --p-elevation-5-surface: #302e28;
  --p-elevation-5-surface: oklch(0.3 0.01 87.48);
  --p-overlay-bg: #191712;
  --p-overlay-bg: oklch(0.205 0.01 87.48);
  --p-overlay-highlight: #f4f1ea0f;
  --p-overlay-highlight: oklch(0.958 0.009 87.48 / 0.06);
  --p-overlay-ring: #ffffff1a;
  --p-overlay-ring: oklch(1 0 0 / 0.1);
  --p-overlay-separator: #f4f1ea14;
  --p-overlay-separator: oklch(0.958 0.009 87.48 / 0.08);
  --p-ramp-accent-1: #0b0b0b;
  --p-ramp-accent-1: oklch(0.15 0.0003 84.59);
  --p-ramp-accent-10: #706e6c;
  --p-ramp-accent-10: oklch(0.54 0.004 84.59);
  --p-ramp-accent-11: #bfbdbb;
  --p-ramp-accent-11: oklch(0.8 0.0037 84.59);
  --p-ramp-accent-12: #e8e8e7;
  --p-ramp-accent-12: oklch(0.93 0.0014 84.59);
  --p-ramp-accent-2: #111111;
  --p-ramp-accent-2: oklch(0.178 0.0007 84.59);
  --p-ramp-accent-3: #1b1a1a;
  --p-ramp-accent-3: oklch(0.22 0.0013 84.59);
  --p-ramp-accent-4: #222221;
  --p-ramp-accent-4: oklch(0.25 0.0017 84.59);
  --p-ramp-accent-5: #292928;
  --p-ramp-accent-5: oklch(0.28 0.0021 84.59);
  --p-ramp-accent-6: #333331;
  --p-ramp-accent-6: oklch(0.32 0.0025 84.59);
  --p-ramp-accent-7: #434241;
  --p-ramp-accent-7: oklch(0.38 0.0029 84.59);
  --p-ramp-accent-8: #494745;
  --p-ramp-accent-8: oklch(0.4 0.0037 84.59);
  --p-ramp-accent-9: #646361;
  --p-ramp-accent-9: oklch(0.5 0.0041 84.59);
  --p-ramp-neutral-1: #0c0a06;
  --p-ramp-neutral-1: oklch(0.145 0.01 87.48);
  --p-ramp-neutral-10: #9b9892;
  --p-ramp-neutral-10: oklch(0.68 0.009 87.48);
  --p-ramp-neutral-11: #c0bdb7;
  --p-ramp-neutral-11: oklch(0.8 0.009 87.48);
  --p-ramp-neutral-12: #f4f1ea;
  --p-ramp-neutral-12: oklch(0.958 0.009 87.48);
  --p-ramp-neutral-2: #12100c;
  --p-ramp-neutral-2: oklch(0.175 0.01 87.48);
  --p-ramp-neutral-3: #191712;
  --p-ramp-neutral-3: oklch(0.205 0.01 87.48);
  --p-ramp-neutral-4: #201e19;
  --p-ramp-neutral-4: oklch(0.235 0.01 87.48);
  --p-ramp-neutral-5: #272520;
  --p-ramp-neutral-5: oklch(0.265 0.01 87.48);
  --p-ramp-neutral-6: #302e28;
  --p-ramp-neutral-6: oklch(0.3 0.01 87.48);
  --p-ramp-neutral-7: #3e3c36;
  --p-ramp-neutral-7: oklch(0.355 0.01 87.48);
  --p-ramp-neutral-8: #7c7973;
  --p-ramp-neutral-8: oklch(0.578 0.01 87.48);
  --p-ramp-neutral-9: #8b8983;
  --p-ramp-neutral-9: oklch(0.629 0.009 87.48);
  --p-segmented-active-bg: #3e3c36;
  --p-segmented-active-bg: oklch(0.355 0.01 87.48);
  --p-segmented-track: #f4f1ea0a;
  --p-segmented-track: oklch(0.958 0.009 87.48 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.958 0.009 87.48 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.958 0.009 87.48 / 0.05);
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(1 0 0 / 0.1), 0px 24px 48px -12px oklch(0 0 0 / 0.5);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0 0 0 / 0.3), 0px 4px 8px -4px oklch(0 0 0 / 0.3), 0px 16px 24px -8px oklch(0 0 0 / 0.45);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(1 0 0 / 0.1);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.958 0.009 87.48 / 0.08), 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.009 87.48 / 0.12), 0px 1px 2px 0px oklch(0.958 0.009 87.48 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.009 87.48 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.009 87.48 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #f4f1ea1a;
  --p-slider-track: oklch(0.958 0.009 87.48 / 0.1);
  --p-switch-border-off: #7c7973;
  --p-switch-border-off: oklch(0.578 0.01 87.48);
  --p-switch-track-off: #f4f1ea29;
  --p-switch-track-off: oklch(0.958 0.009 87.48 / 0.16);
  --p-tooltip-bg: #f4f1ea;
  --p-tooltip-bg: oklch(0.958 0.009 87.48);
  --p-tooltip-fg: #0c0a06;
  --p-tooltip-fg: oklch(0.145 0.01 87.48);
}

[data-theme="dark"][data-world="editorial"][data-product="plain-trades"] {
  --p-brand-sidebar-accent: #b15520;
  --p-brand-sidebar-accent: oklch(0.555 0.135 47);
  --p-button-focus-border: #f4f1ea;
  --p-button-focus-border: oklch(0.958 0.009 84.58);
  --p-button-ghost-bg-hover: #f4f1ea0a;
  --p-button-ghost-bg-hover: oklch(0.958 0.009 84.58 / 0.04);
  --p-button-ghost-bg-pressed: #f4f1ea14;
  --p-button-ghost-bg-pressed: oklch(0.958 0.009 84.58 / 0.08);
  --p-button-secondary-bg: #ffffff0a;
  --p-button-secondary-bg: oklch(1 0 0 / 0.04);
  --p-button-secondary-bg-hover: #ffffff1a;
  --p-button-secondary-bg-hover: oklch(1 0 0 / 0.1);
  --p-choice-border: #7b7872;
  --p-choice-border: oklch(0.574 0.01 84.58);
  --p-color-accent-action: #f4f1ea;
  --p-color-accent-action: oklch(0.958 0.009 84.58);
  --p-color-accent-border: #3e3b36;
  --p-color-accent-border: oklch(0.355 0.01 84.58);
  --p-color-accent-solid: #b15520;
  --p-color-accent-solid: oklch(0.555 0.135 47);
  --p-color-accent-solid-hover: #b65c2a;
  --p-color-accent-solid-hover: oklch(0.575 0.1323 47);
  --p-color-accent-solid-pressed: #813500;
  --p-color-accent-solid-pressed: oklch(0.4275 0.1194 47);
  --p-color-accent-text: #f4f1ea;
  --p-color-accent-text: oklch(0.958 0.009 84.58);
  --p-color-accent-text-pressed: #813500;
  --p-color-accent-text-pressed: oklch(0.4275 0.1194 47);
  --p-color-accent-tint: #191712;
  --p-color-accent-tint: oklch(0.205 0.01 84.58);
  --p-color-agent-border: #6a2f0b;
  --p-color-agent-border: oklch(0.38 0.0964 47);
  --p-color-agent-mark: #b15520;
  --p-color-agent-mark: oklch(0.555 0.135 47);
  --p-color-agent-text: #fea578;
  --p-color-agent-text: oklch(0.8 0.1215 47);
  --p-color-agent-tint: #2a1409;
  --p-color-agent-tint: oklch(0.22 0.0413 47);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 84.58);
  --p-color-bg-default: #13100c;
  --p-color-bg-default: oklch(0.175 0.01 84.58);
  --p-color-bg-panel: #13100c;
  --p-color-bg-panel: oklch(0.175 0.01 84.58);
  --p-color-border-control: #f4f1ea29;
  --p-color-border-control: oklch(0.958 0.009 84.58 / 0.16);
  --p-color-border-control-hover: #f4f1ea33;
  --p-color-border-control-hover: oklch(0.958 0.009 84.58 / 0.2);
  --p-color-border-control-strong: #f4f1ea33;
  --p-color-border-control-strong: oklch(0.958 0.009 84.58 / 0.2);
  --p-color-border-default: #7b7872;
  --p-color-border-default: oklch(0.574 0.01 84.58);
  --p-color-border-hairline: #f4f1ea14;
  --p-color-border-hairline: oklch(0.958 0.009 84.58 / 0.08);
  --p-color-border-strong: #8a8782;
  --p-color-border-strong: oklch(0.625 0.009 84.58);
  --p-color-border-subtle: #302d28;
  --p-color-border-subtle: oklch(0.3 0.01 84.58);
  --p-color-count-bg: #201e19;
  --p-color-count-bg: oklch(0.235 0.01 84.58);
  --p-color-count-text: #bfbcb6;
  --p-color-count-text: oklch(0.796 0.009 84.58);
  --p-color-danger-subtle: #260f0b;
  --p-color-danger-subtle: oklch(0.202 0.039 31.97);
  --p-color-field-bg: #ffffff0a;
  --p-color-field-bg: oklch(1 0 0 / 0.04);
  --p-color-field-bg-disabled: #f4f1ea08;
  --p-color-field-bg-disabled: oklch(0.958 0.009 84.58 / 0.03);
  --p-color-field-border-disabled: #f4f1ea0f;
  --p-color-field-border-disabled: oklch(0.958 0.009 84.58 / 0.06);
  --p-color-field-border-focus: #f4f1ea;
  --p-color-field-border-focus: oklch(0.958 0.009 84.58);
  --p-color-field-border-readonly-hover: #f4f1ea1f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.009 84.58 / 0.12);
  --p-color-focus-ring: #f4f1ea;
  --p-color-focus-ring: oklch(0.958 0.009 84.58);
  --p-color-focus-ring-button: #f4f1ea59;
  --p-color-focus-ring-button: oklch(0.958 0.009 84.58 / 0.35);
  --p-color-focus-ring-field: #f4f1ea52;
  --p-color-focus-ring-field: oklch(0.958 0.009 84.58 / 0.32);
  --p-color-hover-tint: #f4f1ea0a;
  --p-color-hover-tint: oklch(0.958 0.009 84.58 / 0.04);
  --p-color-info-subtle: #0b1823;
  --p-color-info-subtle: oklch(0.202 0.0292 248.02);
  --p-color-ink-a10: #f4f1ea1a;
  --p-color-ink-a10: oklch(0.958 0.009 84.58 / 0.1);
  --p-color-ink-a12: #f4f1ea1f;
  --p-color-ink-a12: oklch(0.958 0.009 84.58 / 0.12);
  --p-color-ink-a14: #f4f1ea24;
  --p-color-ink-a14: oklch(0.958 0.009 84.58 / 0.14);
  --p-color-ink-a16: #f4f1ea29;
  --p-color-ink-a16: oklch(0.958 0.009 84.58 / 0.16);
  --p-color-ink-a18: #f4f1ea2e;
  --p-color-ink-a18: oklch(0.958 0.009 84.58 / 0.18);
  --p-color-ink-a20: #f4f1ea33;
  --p-color-ink-a20: oklch(0.958 0.009 84.58 / 0.2);
  --p-color-ink-a24: #f4f1ea3d;
  --p-color-ink-a24: oklch(0.958 0.009 84.58 / 0.24);
  --p-color-ink-a28: #f4f1ea47;
  --p-color-ink-a28: oklch(0.958 0.009 84.58 / 0.28);
  --p-color-ink-a3: #f4f1ea08;
  --p-color-ink-a3: oklch(0.958 0.009 84.58 / 0.03);
  --p-color-ink-a32: #f4f1ea52;
  --p-color-ink-a32: oklch(0.958 0.009 84.58 / 0.32);
  --p-color-ink-a4: #f4f1ea0a;
  --p-color-ink-a4: oklch(0.958 0.009 84.58 / 0.04);
  --p-color-ink-a40: #f4f1ea66;
  --p-color-ink-a40: oklch(0.958 0.009 84.58 / 0.4);
  --p-color-ink-a5: #f4f1ea0d;
  --p-color-ink-a5: oklch(0.958 0.009 84.58 / 0.05);
  --p-color-ink-a6: #f4f1ea0f;
  --p-color-ink-a6: oklch(0.958 0.009 84.58 / 0.06);
  --p-color-ink-a8: #f4f1ea14;
  --p-color-ink-a8: oklch(0.958 0.009 84.58 / 0.08);
  --p-color-mark-done: #13100c;
  --p-color-mark-done: oklch(0.175 0.01 84.58);
  --p-color-mark-on-done: #f4f1ea;
  --p-color-mark-on-done: oklch(0.958 0.009 84.58);
  --p-color-nav-active: #22201b;
  --p-color-nav-active: oklch(0.2426 0.0099 84.58);
  --p-color-nav-active-icon: #f4f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 84.58);
  --p-color-selected-outline: #f4f1ea;
  --p-color-selected-outline: oklch(0.958 0.009 84.58);
  --p-color-success-subtle: #0e1a0e;
  --p-color-success-subtle: oklch(0.202 0.0294 142.9);
  --p-color-surface-1: #191712;
  --p-color-surface-1: oklch(0.205 0.01 84.58);
  --p-color-surface-2: #201e19;
  --p-color-surface-2: oklch(0.235 0.01 84.58);
  --p-color-surface-3: #272520;
  --p-color-surface-3: oklch(0.265 0.01 84.58);
  --p-color-surface-4: #302d28;
  --p-color-surface-4: oklch(0.3 0.01 84.58);
  --p-color-surface-hover: #201e19;
  --p-color-surface-hover: oklch(0.235 0.01 84.58);
  --p-color-surface-pressed: #272520;
  --p-color-surface-pressed: oklch(0.265 0.01 84.58);
  --p-color-surface-selected: #361808;
  --p-color-surface-selected: oklch(0.25 0.0551 47);
  --p-color-surface-sunken: #0c0a06;
  --p-color-surface-sunken: oklch(0.145 0.01 84.58);
  --p-color-text-disabled: #7b7872;
  --p-color-text-disabled: oklch(0.574 0.01 84.58);
  --p-color-text-inverse: #0c0a06;
  --p-color-text-inverse: oklch(0.145 0.01 84.58);
  --p-color-text-link: #f4f1ea;
  --p-color-text-link: oklch(0.958 0.009 84.58);
  --p-color-text-primary: #f4f1ea;
  --p-color-text-primary: oklch(0.958 0.009 84.58);
  --p-color-text-secondary: #bfbcb6;
  --p-color-text-secondary: oklch(0.796 0.009 84.58);
  --p-color-text-tertiary: #9a9791;
  --p-color-text-tertiary: oklch(0.676 0.009 84.58);
  --p-color-warning-subtle: #1f1404;
  --p-color-warning-subtle: oklch(0.202 0.0334 76.14);
  --p-elevation-0-surface: #13100c;
  --p-elevation-0-surface: oklch(0.175 0.01 84.58);
  --p-elevation-1-surface: #191712;
  --p-elevation-1-surface: oklch(0.205 0.01 84.58);
  --p-elevation-2-surface: #201e19;
  --p-elevation-2-surface: oklch(0.235 0.01 84.58);
  --p-elevation-3-surface: #272520;
  --p-elevation-3-surface: oklch(0.265 0.01 84.58);
  --p-elevation-4-surface: #302d28;
  --p-elevation-4-surface: oklch(0.3 0.01 84.58);
  --p-elevation-5-surface: #302d28;
  --p-elevation-5-surface: oklch(0.3 0.01 84.58);
  --p-overlay-bg: #191712;
  --p-overlay-bg: oklch(0.205 0.01 84.58);
  --p-overlay-highlight: #f4f1ea0f;
  --p-overlay-highlight: oklch(0.958 0.009 84.58 / 0.06);
  --p-overlay-ring: #ffffff1a;
  --p-overlay-ring: oklch(1 0 0 / 0.1);
  --p-overlay-separator: #f4f1ea14;
  --p-overlay-separator: oklch(0.958 0.009 84.58 / 0.08);
  --p-ramp-accent-1: #0f0a07;
  --p-ramp-accent-1: oklch(0.15 0.011 47);
  --p-ramp-accent-10: #b65c2a;
  --p-ramp-accent-10: oklch(0.575 0.1323 47);
  --p-ramp-accent-11: #fea578;
  --p-ramp-accent-11: oklch(0.8 0.1215 47);
  --p-ramp-accent-12: #ffe1d2;
  --p-ramp-accent-12: oklch(0.93 0.0389 47);
  --p-ramp-accent-2: #1a0e08;
  --p-ramp-accent-2: oklch(0.178 0.023 47);
  --p-ramp-accent-3: #2a1409;
  --p-ramp-accent-3: oklch(0.22 0.0413 47);
  --p-ramp-accent-4: #361808;
  --p-ramp-accent-4: oklch(0.25 0.0551 47);
  --p-ramp-accent-5: #431c06;
  --p-ramp-accent-5: oklch(0.28 0.0689 47);
  --p-ramp-accent-6: #532305;
  --p-ramp-accent-6: oklch(0.32 0.0826 47);
  --p-ramp-accent-7: #6a2f0b;
  --p-ramp-accent-7: oklch(0.38 0.0964 47);
  --p-ramp-accent-8: #813500;
  --p-ramp-accent-8: oklch(0.4275 0.1194 47);
  --p-ramp-accent-9: #b15520;
  --p-ramp-accent-9: oklch(0.555 0.135 47);
  --p-ramp-neutral-1: #0c0a06;
  --p-ramp-neutral-1: oklch(0.145 0.01 84.58);
  --p-ramp-neutral-10: #9a9791;
  --p-ramp-neutral-10: oklch(0.676 0.009 84.58);
  --p-ramp-neutral-11: #bfbcb6;
  --p-ramp-neutral-11: oklch(0.796 0.009 84.58);
  --p-ramp-neutral-12: #f4f1ea;
  --p-ramp-neutral-12: oklch(0.958 0.009 84.58);
  --p-ramp-neutral-2: #13100c;
  --p-ramp-neutral-2: oklch(0.175 0.01 84.58);
  --p-ramp-neutral-3: #191712;
  --p-ramp-neutral-3: oklch(0.205 0.01 84.58);
  --p-ramp-neutral-4: #201e19;
  --p-ramp-neutral-4: oklch(0.235 0.01 84.58);
  --p-ramp-neutral-5: #272520;
  --p-ramp-neutral-5: oklch(0.265 0.01 84.58);
  --p-ramp-neutral-6: #302d28;
  --p-ramp-neutral-6: oklch(0.3 0.01 84.58);
  --p-ramp-neutral-7: #3e3b36;
  --p-ramp-neutral-7: oklch(0.355 0.01 84.58);
  --p-ramp-neutral-8: #7b7872;
  --p-ramp-neutral-8: oklch(0.574 0.01 84.58);
  --p-ramp-neutral-9: #8a8782;
  --p-ramp-neutral-9: oklch(0.625 0.009 84.58);
  --p-segmented-active-bg: #3e3b36;
  --p-segmented-active-bg: oklch(0.355 0.01 84.58);
  --p-segmented-track: #f4f1ea0a;
  --p-segmented-track: oklch(0.958 0.009 84.58 / 0.04);
  --p-shadow-button-primary: 0 0 0 0 transparent;
  --p-shadow-choice: 0 0 0 0 transparent;
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(1 0 0 / 0.1), 0px 24px 48px -12px oklch(0 0 0 / 0.5);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0 0 0 / 0.3), 0px 4px 8px -4px oklch(0 0 0 / 0.3), 0px 16px 24px -8px oklch(0 0 0 / 0.45);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(1 0 0 / 0.1);
  --p-shadow-segment-active: 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.009 84.58 / 0.12), 0px 1px 2px 0px oklch(0.958 0.009 84.58 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.009 84.58 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.009 84.58 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #f4f1ea1a;
  --p-slider-track: oklch(0.958 0.009 84.58 / 0.1);
  --p-switch-border-off: #7b7872;
  --p-switch-border-off: oklch(0.574 0.01 84.58);
  --p-switch-track-off: #f4f1ea29;
  --p-switch-track-off: oklch(0.958 0.009 84.58 / 0.16);
  --p-tooltip-bg: #f4f1ea;
  --p-tooltip-bg: oklch(0.958 0.009 84.58);
  --p-tooltip-fg: #0c0a06;
  --p-tooltip-fg: oklch(0.145 0.01 84.58);
}

[data-theme="dark"][data-world="signal"][data-product="paperrift"] {
  --p-brand-sidebar-accent: #f2f0ec;
  --p-brand-sidebar-accent: oklch(0.9556 0.0057 84.57);
  --p-button-focus-border: #ffffff;
  --p-button-focus-border: oklch(1 0 0);
  --p-button-ghost-bg-hover: #f2eff90a;
  --p-button-ghost-bg-hover: oklch(0.958 0.0128 298.16 / 0.04);
  --p-button-ghost-bg-pressed: #f2eff914;
  --p-button-ghost-bg-pressed: oklch(0.958 0.0128 298.16 / 0.08);
  --p-button-secondary-bg: #ffffff0a;
  --p-button-secondary-bg: oklch(1 0 0 / 0.04);
  --p-button-secondary-bg-hover: #ffffff1a;
  --p-button-secondary-bg-hover: oklch(1 0 0 / 0.1);
  --p-choice-border: #797780;
  --p-choice-border: oklch(0.574 0.0142 298.16);
  --p-color-accent-action: #f2f0ec;
  --p-color-accent-action: oklch(0.9556 0.0057 84.57);
  --p-color-accent-border: #434240;
  --p-color-accent-border: oklch(0.38 0.0041 84.57);
  --p-color-accent-solid: #f2f0ec;
  --p-color-accent-solid: oklch(0.9556 0.0057 84.57);
  --p-color-accent-solid-hover: #fdfcf8;
  --p-color-accent-solid-hover: oklch(0.99 0.0056 84.57);
  --p-color-accent-solid-pressed: #fdfcf8;
  --p-color-accent-solid-pressed: oklch(0.99 0.0056 84.57);
  --p-color-accent-text: #ffffff;
  --p-color-accent-text: oklch(1 0 0);
  --p-color-accent-text-pressed: #ffffff;
  --p-color-accent-text-pressed: oklch(1 0 0);
  --p-color-accent-tint: #1b1a1a;
  --p-color-accent-tint: oklch(0.22 0.0017 84.57);
  --p-color-agent-border: #434240;
  --p-color-agent-border: oklch(0.38 0.0041 84.57);
  --p-color-agent-mark: #f2f0ec;
  --p-color-agent-mark: oklch(0.9556 0.0057 84.57);
  --p-color-agent-text: #ffffff;
  --p-color-agent-text: oklch(1 0 0);
  --p-color-agent-tint: #1b1a1a;
  --p-color-agent-tint: oklch(0.22 0.0017 84.57);
  --p-color-bg-canvas: #0b090f;
  --p-color-bg-canvas: oklch(0.145 0.0142 298.16);
  --p-color-bg-default: #110f16;
  --p-color-bg-default: oklch(0.175 0.0142 298.16);
  --p-color-bg-panel: #110f16;
  --p-color-bg-panel: oklch(0.175 0.0142 298.16);
  --p-color-border-control: #f2eff929;
  --p-color-border-control: oklch(0.958 0.0128 298.16 / 0.16);
  --p-color-border-control-hover: #f2eff933;
  --p-color-border-control-hover: oklch(0.958 0.0128 298.16 / 0.2);
  --p-color-border-control-strong: #f2eff933;
  --p-color-border-control-strong: oklch(0.958 0.0128 298.16 / 0.2);
  --p-color-border-default: #797780;
  --p-color-border-default: oklch(0.574 0.0142 298.16);
  --p-color-border-hairline: #f2eff914;
  --p-color-border-hairline: oklch(0.958 0.0128 298.16 / 0.08);
  --p-color-border-strong: #89878f;
  --p-color-border-strong: oklch(0.627 0.0128 298.16);
  --p-color-border-subtle: #2f2c34;
  --p-color-border-subtle: oklch(0.3 0.0142 298.16);
  --p-color-count-bg: #f2eff9;
  --p-color-count-bg: oklch(0.958 0.0128 298.16);
  --p-color-count-text: #110f16;
  --p-color-count-text: oklch(0.175 0.0142 298.16);
  --p-color-danger-subtle: #250f10;
  --p-color-danger-subtle: oklch(0.202 0.0373 18.24);
  --p-color-field-bg: #ffffff0a;
  --p-color-field-bg: oklch(1 0 0 / 0.04);
  --p-color-field-bg-disabled: #f2eff908;
  --p-color-field-bg-disabled: oklch(0.958 0.0128 298.16 / 0.03);
  --p-color-field-border-disabled: #f2eff90f;
  --p-color-field-border-disabled: oklch(0.958 0.0128 298.16 / 0.06);
  --p-color-field-border-focus: #ffffff;
  --p-color-field-border-focus: oklch(1 0 0);
  --p-color-field-border-readonly-hover: #f2eff91f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.0128 298.16 / 0.12);
  --p-color-focus-ring: #ffffff;
  --p-color-focus-ring: oklch(1 0 0);
  --p-color-focus-ring-button: #ffffff59;
  --p-color-focus-ring-button: oklch(1 0 0 / 0.35);
  --p-color-focus-ring-field: #ffffff52;
  --p-color-focus-ring-field: oklch(1 0 0 / 0.32);
  --p-color-hover-tint: #f2eff90a;
  --p-color-hover-tint: oklch(0.958 0.0128 298.16 / 0.04);
  --p-color-info-subtle: #0b1727;
  --p-color-info-subtle: oklch(0.202 0.0371 256.55);
  --p-color-ink-a10: #f2eff91a;
  --p-color-ink-a10: oklch(0.958 0.0128 298.16 / 0.1);
  --p-color-ink-a12: #f2eff91f;
  --p-color-ink-a12: oklch(0.958 0.0128 298.16 / 0.12);
  --p-color-ink-a14: #f2eff924;
  --p-color-ink-a14: oklch(0.958 0.0128 298.16 / 0.14);
  --p-color-ink-a16: #f2eff929;
  --p-color-ink-a16: oklch(0.958 0.0128 298.16 / 0.16);
  --p-color-ink-a18: #f2eff92e;
  --p-color-ink-a18: oklch(0.958 0.0128 298.16 / 0.18);
  --p-color-ink-a20: #f2eff933;
  --p-color-ink-a20: oklch(0.958 0.0128 298.16 / 0.2);
  --p-color-ink-a24: #f2eff93d;
  --p-color-ink-a24: oklch(0.958 0.0128 298.16 / 0.24);
  --p-color-ink-a28: #f2eff947;
  --p-color-ink-a28: oklch(0.958 0.0128 298.16 / 0.28);
  --p-color-ink-a3: #f2eff908;
  --p-color-ink-a3: oklch(0.958 0.0128 298.16 / 0.03);
  --p-color-ink-a32: #f2eff952;
  --p-color-ink-a32: oklch(0.958 0.0128 298.16 / 0.32);
  --p-color-ink-a4: #f2eff90a;
  --p-color-ink-a4: oklch(0.958 0.0128 298.16 / 0.04);
  --p-color-ink-a40: #f2eff966;
  --p-color-ink-a40: oklch(0.958 0.0128 298.16 / 0.4);
  --p-color-ink-a5: #f2eff90d;
  --p-color-ink-a5: oklch(0.958 0.0128 298.16 / 0.05);
  --p-color-ink-a6: #f2eff90f;
  --p-color-ink-a6: oklch(0.958 0.0128 298.16 / 0.06);
  --p-color-ink-a8: #f2eff914;
  --p-color-ink-a8: oklch(0.958 0.0128 298.16 / 0.08);
  --p-color-mark-done: #f2eff9;
  --p-color-mark-done: oklch(0.958 0.0128 298.16);
  --p-color-mark-on-done: #0b090f;
  --p-color-mark-on-done: oklch(0.145 0.0142 298.16);
  --p-color-nav-active: #222026;
  --p-color-nav-active: oklch(0.2476 0.0125 298.16);
  --p-color-nav-active-icon: #ffffff;
  --p-color-nav-active-icon: oklch(1 0 0);
  --p-color-selected-outline: #f2eff9;
  --p-color-selected-outline: oklch(0.958 0.0128 298.16);
  --p-color-success-subtle: #0d1a12;
  --p-color-success-subtle: oklch(0.202 0.0229 157.51);
  --p-color-surface-1: #18161d;
  --p-color-surface-1: oklch(0.205 0.0142 298.16);
  --p-color-surface-2: #1f1d24;
  --p-color-surface-2: oklch(0.235 0.0142 298.16);
  --p-color-surface-3: #26242b;
  --p-color-surface-3: oklch(0.265 0.0142 298.16);
  --p-color-surface-4: #2f2c34;
  --p-color-surface-4: oklch(0.3 0.0142 298.16);
  --p-color-surface-hover: #1f1d24;
  --p-color-surface-hover: oklch(0.235 0.0142 298.16);
  --p-color-surface-pressed: #26242b;
  --p-color-surface-pressed: oklch(0.265 0.0142 298.16);
  --p-color-surface-selected: #222120;
  --p-color-surface-selected: oklch(0.25 0.0023 84.57);
  --p-color-surface-sunken: #0b090f;
  --p-color-surface-sunken: oklch(0.145 0.0142 298.16);
  --p-color-text-disabled: #797780;
  --p-color-text-disabled: oklch(0.574 0.0142 298.16);
  --p-color-text-inverse: #0b090f;
  --p-color-text-inverse: oklch(0.145 0.0142 298.16);
  --p-color-text-link: #ffffff;
  --p-color-text-link: oklch(1 0 0);
  --p-color-text-on-accent: #111114;
  --p-color-text-on-accent: oklch(0.18 0.005 286);
  --p-color-text-primary: #f2eff9;
  --p-color-text-primary: oklch(0.958 0.0128 298.16);
  --p-color-text-secondary: #bdbbc4;
  --p-color-text-secondary: oklch(0.796 0.0128 298.16);
  --p-color-text-tertiary: #99979f;
  --p-color-text-tertiary: oklch(0.68 0.0128 298.16);
  --p-color-warning-subtle: #1e140a;
  --p-color-warning-subtle: oklch(0.202 0.0256 66.25);
  --p-elevation-0-surface: #110f16;
  --p-elevation-0-surface: oklch(0.175 0.0142 298.16);
  --p-elevation-1-surface: #18161d;
  --p-elevation-1-surface: oklch(0.205 0.0142 298.16);
  --p-elevation-2-surface: #1f1d24;
  --p-elevation-2-surface: oklch(0.235 0.0142 298.16);
  --p-elevation-3-surface: #26242b;
  --p-elevation-3-surface: oklch(0.265 0.0142 298.16);
  --p-elevation-4-surface: #2f2c34;
  --p-elevation-4-surface: oklch(0.3 0.0142 298.16);
  --p-elevation-5-surface: #2f2c34;
  --p-elevation-5-surface: oklch(0.3 0.0142 298.16);
  --p-overlay-bg: #18161d;
  --p-overlay-bg: oklch(0.205 0.0142 298.16);
  --p-overlay-highlight: #f2eff90f;
  --p-overlay-highlight: oklch(0.958 0.0128 298.16 / 0.06);
  --p-overlay-ring: #ffffff1a;
  --p-overlay-ring: oklch(1 0 0 / 0.1);
  --p-overlay-separator: #f2eff914;
  --p-overlay-separator: oklch(0.958 0.0128 298.16 / 0.08);
  --p-ramp-accent-1: #0b0b0b;
  --p-ramp-accent-1: oklch(0.15 0.0005 84.57);
  --p-ramp-accent-10: #fdfcf8;
  --p-ramp-accent-10: oklch(0.99 0.0056 84.57);
  --p-ramp-accent-11: #ffffff;
  --p-ramp-accent-11: oklch(1 0 0);
  --p-ramp-accent-12: #e8e8e6;
  --p-ramp-accent-12: oklch(0.93 0.002 84.57);
  --p-ramp-accent-2: #111111;
  --p-ramp-accent-2: oklch(0.178 0.001 84.57);
  --p-ramp-accent-3: #1b1a1a;
  --p-ramp-accent-3: oklch(0.22 0.0017 84.57);
  --p-ramp-accent-4: #222120;
  --p-ramp-accent-4: oklch(0.25 0.0023 84.57);
  --p-ramp-accent-5: #292927;
  --p-ramp-accent-5: oklch(0.28 0.0029 84.57);
  --p-ramp-accent-6: #343331;
  --p-ramp-accent-6: oklch(0.32 0.0035 84.57);
  --p-ramp-accent-7: #434240;
  --p-ramp-accent-7: oklch(0.38 0.0041 84.57);
  --p-ramp-accent-8: #8a8885;
  --p-ramp-accent-8: oklch(0.6278 0.0051 84.57);
  --p-ramp-accent-9: #f2f0ec;
  --p-ramp-accent-9: oklch(0.9556 0.0057 84.57);
  --p-ramp-neutral-1: #0b090f;
  --p-ramp-neutral-1: oklch(0.145 0.0142 298.16);
  --p-ramp-neutral-10: #99979f;
  --p-ramp-neutral-10: oklch(0.68 0.0128 298.16);
  --p-ramp-neutral-11: #bdbbc4;
  --p-ramp-neutral-11: oklch(0.796 0.0128 298.16);
  --p-ramp-neutral-12: #f2eff9;
  --p-ramp-neutral-12: oklch(0.958 0.0128 298.16);
  --p-ramp-neutral-2: #110f16;
  --p-ramp-neutral-2: oklch(0.175 0.0142 298.16);
  --p-ramp-neutral-3: #18161d;
  --p-ramp-neutral-3: oklch(0.205 0.0142 298.16);
  --p-ramp-neutral-4: #1f1d24;
  --p-ramp-neutral-4: oklch(0.235 0.0142 298.16);
  --p-ramp-neutral-5: #26242b;
  --p-ramp-neutral-5: oklch(0.265 0.0142 298.16);
  --p-ramp-neutral-6: #2f2c34;
  --p-ramp-neutral-6: oklch(0.3 0.0142 298.16);
  --p-ramp-neutral-7: #3d3a42;
  --p-ramp-neutral-7: oklch(0.355 0.0142 298.16);
  --p-ramp-neutral-8: #797780;
  --p-ramp-neutral-8: oklch(0.574 0.0142 298.16);
  --p-ramp-neutral-9: #89878f;
  --p-ramp-neutral-9: oklch(0.627 0.0128 298.16);
  --p-segmented-active-bg: #3d3a42;
  --p-segmented-active-bg: oklch(0.355 0.0142 298.16);
  --p-segmented-track: #f2eff90a;
  --p-segmented-track: oklch(0.958 0.0128 298.16 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.958 0.0128 298.16 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.958 0.0128 298.16 / 0.05);
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(1 0 0 / 0.1), 0px 24px 48px -12px oklch(0 0 0 / 0.5);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0 0 0 / 0.3), 0px 4px 8px -4px oklch(0 0 0 / 0.3), 0px 16px 24px -8px oklch(0 0 0 / 0.45);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(1 0 0 / 0.1);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.958 0.0128 298.16 / 0.08), 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.0128 298.16 / 0.12), 0px 1px 2px 0px oklch(0.958 0.0128 298.16 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.0128 298.16 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.0128 298.16 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #f2eff91a;
  --p-slider-track: oklch(0.958 0.0128 298.16 / 0.1);
  --p-switch-border-off: #797780;
  --p-switch-border-off: oklch(0.574 0.0142 298.16);
  --p-switch-track-off: #f2eff929;
  --p-switch-track-off: oklch(0.958 0.0128 298.16 / 0.16);
  --p-tooltip-bg: #f2eff9;
  --p-tooltip-bg: oklch(0.958 0.0128 298.16);
  --p-tooltip-fg: #0b090f;
  --p-tooltip-fg: oklch(0.145 0.0142 298.16);
}

[data-theme="dark"][data-world="editorial"][data-product="handywright"] {
  --p-brand-sidebar-accent: #ffd21f;
  --p-brand-sidebar-accent: oklch(0.8775 0.1745 92.55);
  --p-button-focus-border: #f3f1ea;
  --p-button-focus-border: oklch(0.958 0.009 90);
  --p-button-ghost-bg-hover: #f3f1ea0a;
  --p-button-ghost-bg-hover: oklch(0.958 0.009 90 / 0.04);
  --p-button-ghost-bg-pressed: #f3f1ea14;
  --p-button-ghost-bg-pressed: oklch(0.958 0.009 90 / 0.08);
  --p-button-secondary-bg: #ffffff0a;
  --p-button-secondary-bg: oklch(1 0 0 / 0.04);
  --p-button-secondary-bg-hover: #ffffff1a;
  --p-button-secondary-bg-hover: oklch(1 0 0 / 0.1);
  --p-choice-border: #7c7a73;
  --p-choice-border: oklch(0.578 0.01 90);
  --p-color-accent-action: #f3f1ea;
  --p-color-accent-action: oklch(0.958 0.009 90);
  --p-color-accent-border: #3e3c36;
  --p-color-accent-border: oklch(0.355 0.01 90);
  --p-color-accent-solid: #ffd21f;
  --p-color-accent-solid: oklch(0.8775 0.1745 92.55);
  --p-color-accent-solid-hover: #ffe285;
  --p-color-accent-solid-hover: oklch(0.9175 0.1172 92.55);
  --p-color-accent-solid-pressed: #fff1c3;
  --p-color-accent-solid-pressed: oklch(0.9575 0.0604 92.55);
  --p-color-accent-text: #f3f1ea;
  --p-color-accent-text: oklch(0.958 0.009 90);
  --p-color-accent-text-pressed: #ffeaa6;
  --p-color-accent-text-pressed: oklch(0.9375 0.0888 92.55);
  --p-color-accent-tint: #221a00;
  --p-color-accent-tint: oklch(0.22 0.0481 92.55);
  --p-color-agent-border: #514100;
  --p-color-agent-border: oklch(0.38 0.0788 92.55);
  --p-color-agent-mark: #ffd21f;
  --p-color-agent-mark: oklch(0.8775 0.1745 92.55);
  --p-color-agent-text: #ffeaa6;
  --p-color-agent-text: oklch(0.9375 0.0888 92.55);
  --p-color-agent-tint: #221a00;
  --p-color-agent-tint: oklch(0.22 0.0481 92.55);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 90);
  --p-color-bg-default: #12100c;
  --p-color-bg-default: oklch(0.175 0.01 90);
  --p-color-bg-panel: #12100c;
  --p-color-bg-panel: oklch(0.175 0.01 90);
  --p-color-border-control: #f3f1ea29;
  --p-color-border-control: oklch(0.958 0.009 90 / 0.16);
  --p-color-border-control-hover: #f3f1ea33;
  --p-color-border-control-hover: oklch(0.958 0.009 90 / 0.2);
  --p-color-border-control-strong: #f3f1ea33;
  --p-color-border-control-strong: oklch(0.958 0.009 90 / 0.2);
  --p-color-border-default: #7c7a73;
  --p-color-border-default: oklch(0.578 0.01 90);
  --p-color-border-hairline: #f3f1ea14;
  --p-color-border-hairline: oklch(0.958 0.009 90 / 0.08);
  --p-color-border-strong: #8b8983;
  --p-color-border-strong: oklch(0.629 0.009 90);
  --p-color-border-subtle: #302e28;
  --p-color-border-subtle: oklch(0.3 0.01 90);
  --p-color-count-bg: #201e19;
  --p-color-count-bg: oklch(0.235 0.01 90);
  --p-color-count-text: #c0bdb7;
  --p-color-count-text: oklch(0.8 0.009 90);
  --p-color-danger-subtle: #250f0b;
  --p-color-danger-subtle: oklch(0.202 0.0387 32.28);
  --p-color-field-bg: #ffffff0a;
  --p-color-field-bg: oklch(1 0 0 / 0.04);
  --p-color-field-bg-disabled: #f3f1ea08;
  --p-color-field-bg-disabled: oklch(0.958 0.009 90 / 0.03);
  --p-color-field-border-disabled: #f3f1ea0f;
  --p-color-field-border-disabled: oklch(0.958 0.009 90 / 0.06);
  --p-color-field-border-focus: #f3f1ea;
  --p-color-field-border-focus: oklch(0.958 0.009 90);
  --p-color-field-border-readonly-hover: #f3f1ea1f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.009 90 / 0.12);
  --p-color-focus-ring: #f3f1ea;
  --p-color-focus-ring: oklch(0.958 0.009 90);
  --p-color-focus-ring-button: #f3f1ea59;
  --p-color-focus-ring-button: oklch(0.958 0.009 90 / 0.35);
  --p-color-focus-ring-field: #f3f1ea52;
  --p-color-focus-ring-field: oklch(0.958 0.009 90 / 0.32);
  --p-color-hover-tint: #f3f1ea0a;
  --p-color-hover-tint: oklch(0.958 0.009 90 / 0.04);
  --p-color-info-subtle: #0b1823;
  --p-color-info-subtle: oklch(0.202 0.0293 247.33);
  --p-color-ink-a10: #f3f1ea1a;
  --p-color-ink-a10: oklch(0.958 0.009 90 / 0.1);
  --p-color-ink-a12: #f3f1ea1f;
  --p-color-ink-a12: oklch(0.958 0.009 90 / 0.12);
  --p-color-ink-a14: #f3f1ea24;
  --p-color-ink-a14: oklch(0.958 0.009 90 / 0.14);
  --p-color-ink-a16: #f3f1ea29;
  --p-color-ink-a16: oklch(0.958 0.009 90 / 0.16);
  --p-color-ink-a18: #f3f1ea2e;
  --p-color-ink-a18: oklch(0.958 0.009 90 / 0.18);
  --p-color-ink-a20: #f3f1ea33;
  --p-color-ink-a20: oklch(0.958 0.009 90 / 0.2);
  --p-color-ink-a24: #f3f1ea3d;
  --p-color-ink-a24: oklch(0.958 0.009 90 / 0.24);
  --p-color-ink-a28: #f3f1ea47;
  --p-color-ink-a28: oklch(0.958 0.009 90 / 0.28);
  --p-color-ink-a3: #f3f1ea08;
  --p-color-ink-a3: oklch(0.958 0.009 90 / 0.03);
  --p-color-ink-a32: #f3f1ea52;
  --p-color-ink-a32: oklch(0.958 0.009 90 / 0.32);
  --p-color-ink-a4: #f3f1ea0a;
  --p-color-ink-a4: oklch(0.958 0.009 90 / 0.04);
  --p-color-ink-a40: #f3f1ea66;
  --p-color-ink-a40: oklch(0.958 0.009 90 / 0.4);
  --p-color-ink-a5: #f3f1ea0d;
  --p-color-ink-a5: oklch(0.958 0.009 90 / 0.05);
  --p-color-ink-a6: #f3f1ea0f;
  --p-color-ink-a6: oklch(0.958 0.009 90 / 0.06);
  --p-color-ink-a8: #f3f1ea14;
  --p-color-ink-a8: oklch(0.958 0.009 90 / 0.08);
  --p-color-mark-done: #12100c;
  --p-color-mark-done: oklch(0.175 0.01 90);
  --p-color-mark-on-done: #f3f1ea;
  --p-color-mark-on-done: oklch(0.958 0.009 90);
  --p-color-nav-active: #22201b;
  --p-color-nav-active: oklch(0.2426 0.0099 90);
  --p-color-nav-active-icon: #f3f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 90);
  --p-color-selected-outline: #f3f1ea;
  --p-color-selected-outline: oklch(0.958 0.009 90);
  --p-color-success-subtle: #0e1a0e;
  --p-color-success-subtle: oklch(0.202 0.0297 143.31);
  --p-color-surface-1: #191712;
  --p-color-surface-1: oklch(0.205 0.01 90);
  --p-color-surface-2: #201e19;
  --p-color-surface-2: oklch(0.235 0.01 90);
  --p-color-surface-3: #272520;
  --p-color-surface-3: oklch(0.265 0.01 90);
  --p-color-surface-4: #302e28;
  --p-color-surface-4: oklch(0.3 0.01 90);
  --p-color-surface-hover: #201e19;
  --p-color-surface-hover: oklch(0.235 0.01 90);
  --p-color-surface-pressed: #272520;
  --p-color-surface-pressed: oklch(0.265 0.01 90);
  --p-color-surface-selected: #2b2000;
  --p-color-surface-selected: oklch(0.25 0.0535 92.55);
  --p-color-surface-sunken: #0c0a06;
  --p-color-surface-sunken: oklch(0.145 0.01 90);
  --p-color-text-disabled: #7c7a73;
  --p-color-text-disabled: oklch(0.578 0.01 90);
  --p-color-text-inverse: #0c0a06;
  --p-color-text-inverse: oklch(0.145 0.01 90);
  --p-color-text-link: #f3f1ea;
  --p-color-text-link: oklch(0.958 0.009 90);
  --p-color-text-on-accent: #111114;
  --p-color-text-on-accent: oklch(0.18 0.005 286);
  --p-color-text-primary: #f3f1ea;
  --p-color-text-primary: oklch(0.958 0.009 90);
  --p-color-text-secondary: #c0bdb7;
  --p-color-text-secondary: oklch(0.8 0.009 90);
  --p-color-text-tertiary: #9a9892;
  --p-color-text-tertiary: oklch(0.68 0.009 90);
  --p-color-warning-subtle: #1f1404;
  --p-color-warning-subtle: oklch(0.202 0.0333 76.78);
  --p-elevation-0-surface: #12100c;
  --p-elevation-0-surface: oklch(0.175 0.01 90);
  --p-elevation-1-surface: #191712;
  --p-elevation-1-surface: oklch(0.205 0.01 90);
  --p-elevation-2-surface: #201e19;
  --p-elevation-2-surface: oklch(0.235 0.01 90);
  --p-elevation-3-surface: #272520;
  --p-elevation-3-surface: oklch(0.265 0.01 90);
  --p-elevation-4-surface: #302e28;
  --p-elevation-4-surface: oklch(0.3 0.01 90);
  --p-elevation-5-surface: #302e28;
  --p-elevation-5-surface: oklch(0.3 0.01 90);
  --p-overlay-bg: #191712;
  --p-overlay-bg: oklch(0.205 0.01 90);
  --p-overlay-highlight: #f3f1ea0f;
  --p-overlay-highlight: oklch(0.958 0.009 90 / 0.06);
  --p-overlay-ring: #ffffff1a;
  --p-overlay-ring: oklch(1 0 0 / 0.1);
  --p-overlay-separator: #f3f1ea14;
  --p-overlay-separator: oklch(0.958 0.009 90 / 0.08);
  --p-ramp-accent-1: #0d0b05;
  --p-ramp-accent-1: oklch(0.15 0.0142 92.55);
  --p-ramp-accent-10: #ffe285;
  --p-ramp-accent-10: oklch(0.9175 0.1172 92.55);
  --p-ramp-accent-11: #ffeaa6;
  --p-ramp-accent-11: oklch(0.9375 0.0888 92.55);
  --p-ramp-accent-12: #f6e8ba;
  --p-ramp-accent-12: oklch(0.93 0.0611 92.55);
  --p-ramp-accent-2: #161103;
  --p-ramp-accent-2: oklch(0.178 0.0297 92.55);
  --p-ramp-accent-3: #221a00;
  --p-ramp-accent-3: oklch(0.22 0.0481 92.55);
  --p-ramp-accent-4: #2b2000;
  --p-ramp-accent-4: oklch(0.25 0.0535 92.55);
  --p-ramp-accent-5: #332800;
  --p-ramp-accent-5: oklch(0.28 0.0592 92.55);
  --p-ramp-accent-6: #3f3100;
  --p-ramp-accent-6: oklch(0.32 0.0669 92.55);
  --p-ramp-accent-7: #514100;
  --p-ramp-accent-7: oklch(0.38 0.0788 92.55);
  --p-ramp-accent-8: #967a00;
  --p-ramp-accent-8: oklch(0.5887 0.1209 92.55);
  --p-ramp-accent-9: #ffd21f;
  --p-ramp-accent-9: oklch(0.8775 0.1745 92.55);
  --p-ramp-neutral-1: #0c0a06;
  --p-ramp-neutral-1: oklch(0.145 0.01 90);
  --p-ramp-neutral-10: #9a9892;
  --p-ramp-neutral-10: oklch(0.68 0.009 90);
  --p-ramp-neutral-11: #c0bdb7;
  --p-ramp-neutral-11: oklch(0.8 0.009 90);
  --p-ramp-neutral-12: #f3f1ea;
  --p-ramp-neutral-12: oklch(0.958 0.009 90);
  --p-ramp-neutral-2: #12100c;
  --p-ramp-neutral-2: oklch(0.175 0.01 90);
  --p-ramp-neutral-3: #191712;
  --p-ramp-neutral-3: oklch(0.205 0.01 90);
  --p-ramp-neutral-4: #201e19;
  --p-ramp-neutral-4: oklch(0.235 0.01 90);
  --p-ramp-neutral-5: #272520;
  --p-ramp-neutral-5: oklch(0.265 0.01 90);
  --p-ramp-neutral-6: #302e28;
  --p-ramp-neutral-6: oklch(0.3 0.01 90);
  --p-ramp-neutral-7: #3e3c36;
  --p-ramp-neutral-7: oklch(0.355 0.01 90);
  --p-ramp-neutral-8: #7c7a73;
  --p-ramp-neutral-8: oklch(0.578 0.01 90);
  --p-ramp-neutral-9: #8b8983;
  --p-ramp-neutral-9: oklch(0.629 0.009 90);
  --p-segmented-active-bg: #3e3c36;
  --p-segmented-active-bg: oklch(0.355 0.01 90);
  --p-segmented-track: #f3f1ea0a;
  --p-segmented-track: oklch(0.958 0.009 90 / 0.04);
  --p-shadow-button-primary: 0 0 0 0 transparent;
  --p-shadow-choice: 0 0 0 0 transparent;
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(1 0 0 / 0.1), 0px 24px 48px -12px oklch(0 0 0 / 0.5);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0 0 0 / 0.3), 0px 4px 8px -4px oklch(0 0 0 / 0.3), 0px 16px 24px -8px oklch(0 0 0 / 0.45);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(1 0 0 / 0.1);
  --p-shadow-segment-active: 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.009 90 / 0.12), 0px 1px 2px 0px oklch(0.958 0.009 90 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.009 90 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.009 90 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #f3f1ea1a;
  --p-slider-track: oklch(0.958 0.009 90 / 0.1);
  --p-switch-border-off: #7c7a73;
  --p-switch-border-off: oklch(0.578 0.01 90);
  --p-switch-track-off: #f3f1ea29;
  --p-switch-track-off: oklch(0.958 0.009 90 / 0.16);
  --p-tooltip-bg: #f3f1ea;
  --p-tooltip-bg: oklch(0.958 0.009 90);
  --p-tooltip-fg: #0c0a06;
  --p-tooltip-fg: oklch(0.145 0.01 90);
}

[data-theme="dark"][data-world="signal"][data-product="ownmode"] {
  --p-brand-sidebar-accent: #2f6f57;
  --p-brand-sidebar-accent: oklch(0.4926 0.0769 165.99);
  --p-button-focus-border: #93ccb4;
  --p-button-focus-border: oklch(0.8 0.0692 165.99);
  --p-button-ghost-bg-hover: #f4f1e90a;
  --p-button-ghost-bg-hover: oklch(0.958 0.0103 89.73 / 0.04);
  --p-button-ghost-bg-pressed: #f4f1e914;
  --p-button-ghost-bg-pressed: oklch(0.958 0.0103 89.73 / 0.08);
  --p-button-secondary-bg: #ffffff0a;
  --p-button-secondary-bg: oklch(1 0 0 / 0.04);
  --p-button-secondary-bg-hover: #ffffff1a;
  --p-button-secondary-bg-hover: oklch(1 0 0 / 0.1);
  --p-choice-border: #7c7a72;
  --p-choice-border: oklch(0.578 0.0114 89.73);
  --p-color-accent-action: #2f6f57;
  --p-color-accent-action: oklch(0.4926 0.0769 165.99);
  --p-color-accent-border: #224c3c;
  --p-color-accent-border: oklch(0.38 0.0549 165.99);
  --p-color-accent-solid: #2f6f57;
  --p-color-accent-solid: oklch(0.4926 0.0769 165.99);
  --p-color-accent-solid-hover: #3d7b62;
  --p-color-accent-solid-hover: oklch(0.5326 0.0754 165.99);
  --p-color-accent-solid-pressed: #19523e;
  --p-color-accent-solid-pressed: oklch(0.3963 0.0692 165.99);
  --p-color-accent-text: #93ccb4;
  --p-color-accent-text: oklch(0.8 0.0692 165.99);
  --p-color-accent-text-pressed: #19523e;
  --p-color-accent-text-pressed: oklch(0.3963 0.0692 165.99);
  --p-color-accent-tint: #101e18;
  --p-color-accent-tint: oklch(0.22 0.0235 165.99);
  --p-color-agent-border: #224c3c;
  --p-color-agent-border: oklch(0.38 0.0549 165.99);
  --p-color-agent-mark: #2f6f57;
  --p-color-agent-mark: oklch(0.4926 0.0769 165.99);
  --p-color-agent-text: #93ccb4;
  --p-color-agent-text: oklch(0.8 0.0692 165.99);
  --p-color-agent-tint: #101e18;
  --p-color-agent-tint: oklch(0.22 0.0235 165.99);
  --p-color-bg-canvas: #0c0a05;
  --p-color-bg-canvas: oklch(0.145 0.0114 89.73);
  --p-color-bg-default: #12100b;
  --p-color-bg-default: oklch(0.175 0.0114 89.73);
  --p-color-bg-panel: #12100b;
  --p-color-bg-panel: oklch(0.175 0.0114 89.73);
  --p-color-border-control: #f4f1e929;
  --p-color-border-control: oklch(0.958 0.0103 89.73 / 0.16);
  --p-color-border-control-hover: #f4f1e933;
  --p-color-border-control-hover: oklch(0.958 0.0103 89.73 / 0.2);
  --p-color-border-control-strong: #f4f1e933;
  --p-color-border-control-strong: oklch(0.958 0.0103 89.73 / 0.2);
  --p-color-border-default: #7c7a72;
  --p-color-border-default: oklch(0.578 0.0114 89.73);
  --p-color-border-hairline: #f4f1e914;
  --p-color-border-hairline: oklch(0.958 0.0103 89.73 / 0.08);
  --p-color-border-strong: #8b8982;
  --p-color-border-strong: oklch(0.629 0.0103 89.73);
  --p-color-border-subtle: #302e27;
  --p-color-border-subtle: oklch(0.3 0.0114 89.73);
  --p-color-count-bg: #f4f1e9;
  --p-color-count-bg: oklch(0.958 0.0103 89.73);
  --p-color-count-text: #12100b;
  --p-color-count-text: oklch(0.175 0.0114 89.73);
  --p-color-danger-subtle: #260f0b;
  --p-color-danger-subtle: oklch(0.202 0.039 32.96);
  --p-color-field-bg: #ffffff0a;
  --p-color-field-bg: oklch(1 0 0 / 0.04);
  --p-color-field-bg-disabled: #f4f1e908;
  --p-color-field-bg-disabled: oklch(0.958 0.0103 89.73 / 0.03);
  --p-color-field-border-disabled: #f4f1e90f;
  --p-color-field-border-disabled: oklch(0.958 0.0103 89.73 / 0.06);
  --p-color-field-border-focus: #93ccb4;
  --p-color-field-border-focus: oklch(0.8 0.0692 165.99);
  --p-color-field-border-readonly-hover: #f4f1e91f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.0103 89.73 / 0.12);
  --p-color-focus-ring: #93ccb4;
  --p-color-focus-ring: oklch(0.8 0.0692 165.99);
  --p-color-focus-ring-button: #93ccb459;
  --p-color-focus-ring-button: oklch(0.8 0.0692 165.99 / 0.35);
  --p-color-focus-ring-field: #93ccb452;
  --p-color-focus-ring-field: oklch(0.8 0.0692 165.99 / 0.32);
  --p-color-hover-tint: #f4f1e90a;
  --p-color-hover-tint: oklch(0.958 0.0103 89.73 / 0.04);
  --p-color-info-subtle: #0b1823;
  --p-color-info-subtle: oklch(0.202 0.0288 246.94);
  --p-color-ink-a10: #f4f1e91a;
  --p-color-ink-a10: oklch(0.958 0.0103 89.73 / 0.1);
  --p-color-ink-a12: #f4f1e91f;
  --p-color-ink-a12: oklch(0.958 0.0103 89.73 / 0.12);
  --p-color-ink-a14: #f4f1e924;
  --p-color-ink-a14: oklch(0.958 0.0103 89.73 / 0.14);
  --p-color-ink-a16: #f4f1e929;
  --p-color-ink-a16: oklch(0.958 0.0103 89.73 / 0.16);
  --p-color-ink-a18: #f4f1e92e;
  --p-color-ink-a18: oklch(0.958 0.0103 89.73 / 0.18);
  --p-color-ink-a20: #f4f1e933;
  --p-color-ink-a20: oklch(0.958 0.0103 89.73 / 0.2);
  --p-color-ink-a24: #f4f1e93d;
  --p-color-ink-a24: oklch(0.958 0.0103 89.73 / 0.24);
  --p-color-ink-a28: #f4f1e947;
  --p-color-ink-a28: oklch(0.958 0.0103 89.73 / 0.28);
  --p-color-ink-a3: #f4f1e908;
  --p-color-ink-a3: oklch(0.958 0.0103 89.73 / 0.03);
  --p-color-ink-a32: #f4f1e952;
  --p-color-ink-a32: oklch(0.958 0.0103 89.73 / 0.32);
  --p-color-ink-a4: #f4f1e90a;
  --p-color-ink-a4: oklch(0.958 0.0103 89.73 / 0.04);
  --p-color-ink-a40: #f4f1e966;
  --p-color-ink-a40: oklch(0.958 0.0103 89.73 / 0.4);
  --p-color-ink-a5: #f4f1e90d;
  --p-color-ink-a5: oklch(0.958 0.0103 89.73 / 0.05);
  --p-color-ink-a6: #f4f1e90f;
  --p-color-ink-a6: oklch(0.958 0.0103 89.73 / 0.06);
  --p-color-ink-a8: #f4f1e914;
  --p-color-ink-a8: oklch(0.958 0.0103 89.73 / 0.08);
  --p-color-mark-done: #f4f1e9;
  --p-color-mark-done: oklch(0.958 0.0103 89.73);
  --p-color-mark-on-done: #0c0a05;
  --p-color-mark-on-done: oklch(0.145 0.0114 89.73);
  --p-color-nav-active: #1a1d15;
  --p-color-nav-active: oklch(0.2236 0.0145 123.63);
  --p-color-nav-active-icon: #93ccb4;
  --p-color-nav-active-icon: oklch(0.8 0.0692 165.99);
  --p-color-selected-outline: #f4f1e9;
  --p-color-selected-outline: oklch(0.958 0.0103 89.73);
  --p-color-success-subtle: #0e1a0d;
  --p-color-success-subtle: oklch(0.202 0.0301 142.43);
  --p-color-surface-1: #191711;
  --p-color-surface-1: oklch(0.205 0.0114 89.73);
  --p-color-surface-2: #201e18;
  --p-color-surface-2: oklch(0.235 0.0114 89.73);
  --p-color-surface-3: #27251f;
  --p-color-surface-3: oklch(0.265 0.0114 89.73);
  --p-color-surface-4: #302e27;
  --p-color-surface-4: oklch(0.3 0.0114 89.73);
  --p-color-surface-hover: #201e18;
  --p-color-surface-hover: oklch(0.235 0.0114 89.73);
  --p-color-surface-pressed: #27251f;
  --p-color-surface-pressed: oklch(0.265 0.0114 89.73);
  --p-color-surface-selected: #12261e;
  --p-color-surface-selected: oklch(0.25 0.0314 165.99);
  --p-color-surface-sunken: #0c0a05;
  --p-color-surface-sunken: oklch(0.145 0.0114 89.73);
  --p-color-text-disabled: #7c7a72;
  --p-color-text-disabled: oklch(0.578 0.0114 89.73);
  --p-color-text-inverse: #0c0a05;
  --p-color-text-inverse: oklch(0.145 0.0114 89.73);
  --p-color-text-link: #93ccb4;
  --p-color-text-link: oklch(0.8 0.0692 165.99);
  --p-color-text-primary: #f4f1e9;
  --p-color-text-primary: oklch(0.958 0.0103 89.73);
  --p-color-text-secondary: #c0bdb6;
  --p-color-text-secondary: oklch(0.8 0.0103 89.73);
  --p-color-text-tertiary: #9b9891;
  --p-color-text-tertiary: oklch(0.68 0.0103 89.73);
  --p-color-warning-subtle: #1f1404;
  --p-color-warning-subtle: oklch(0.202 0.0338 76.96);
  --p-elevation-0-surface: #12100b;
  --p-elevation-0-surface: oklch(0.175 0.0114 89.73);
  --p-elevation-1-surface: #191711;
  --p-elevation-1-surface: oklch(0.205 0.0114 89.73);
  --p-elevation-2-surface: #201e18;
  --p-elevation-2-surface: oklch(0.235 0.0114 89.73);
  --p-elevation-3-surface: #27251f;
  --p-elevation-3-surface: oklch(0.265 0.0114 89.73);
  --p-elevation-4-surface: #302e27;
  --p-elevation-4-surface: oklch(0.3 0.0114 89.73);
  --p-elevation-5-surface: #302e27;
  --p-elevation-5-surface: oklch(0.3 0.0114 89.73);
  --p-overlay-bg: #191711;
  --p-overlay-bg: oklch(0.205 0.0114 89.73);
  --p-overlay-highlight: #f4f1e90f;
  --p-overlay-highlight: oklch(0.958 0.0103 89.73 / 0.06);
  --p-overlay-ring: #ffffff1a;
  --p-overlay-ring: oklch(1 0 0 / 0.1);
  --p-overlay-separator: #f4f1e914;
  --p-overlay-separator: oklch(0.958 0.0103 89.73 / 0.08);
  --p-ramp-accent-1: #090c0a;
  --p-ramp-accent-1: oklch(0.15 0.0063 165.99);
  --p-ramp-accent-10: #3d7b62;
  --p-ramp-accent-10: oklch(0.5326 0.0754 165.99);
  --p-ramp-accent-11: #93ccb4;
  --p-ramp-accent-11: oklch(0.8 0.0692 165.99);
  --p-ramp-accent-12: #d8eee4;
  --p-ramp-accent-12: oklch(0.93 0.0269 165.99);
  --p-ramp-accent-2: #0c1310;
  --p-ramp-accent-2: oklch(0.178 0.0131 165.99);
  --p-ramp-accent-3: #101e18;
  --p-ramp-accent-3: oklch(0.22 0.0235 165.99);
  --p-ramp-accent-4: #12261e;
  --p-ramp-accent-4: oklch(0.25 0.0314 165.99);
  --p-ramp-accent-5: #142f24;
  --p-ramp-accent-5: oklch(0.28 0.0392 165.99);
  --p-ramp-accent-6: #183a2d;
  --p-ramp-accent-6: oklch(0.32 0.0471 165.99);
  --p-ramp-accent-7: #224c3c;
  --p-ramp-accent-7: oklch(0.38 0.0549 165.99);
  --p-ramp-accent-8: #19523e;
  --p-ramp-accent-8: oklch(0.3963 0.0692 165.99);
  --p-ramp-accent-9: #2f6f57;
  --p-ramp-accent-9: oklch(0.4926 0.0769 165.99);
  --p-ramp-neutral-1: #0c0a05;
  --p-ramp-neutral-1: oklch(0.145 0.0114 89.73);
  --p-ramp-neutral-10: #9b9891;
  --p-ramp-neutral-10: oklch(0.68 0.0103 89.73);
  --p-ramp-neutral-11: #c0bdb6;
  --p-ramp-neutral-11: oklch(0.8 0.0103 89.73);
  --p-ramp-neutral-12: #f4f1e9;
  --p-ramp-neutral-12: oklch(0.958 0.0103 89.73);
  --p-ramp-neutral-2: #12100b;
  --p-ramp-neutral-2: oklch(0.175 0.0114 89.73);
  --p-ramp-neutral-3: #191711;
  --p-ramp-neutral-3: oklch(0.205 0.0114 89.73);
  --p-ramp-neutral-4: #201e18;
  --p-ramp-neutral-4: oklch(0.235 0.0114 89.73);
  --p-ramp-neutral-5: #27251f;
  --p-ramp-neutral-5: oklch(0.265 0.0114 89.73);
  --p-ramp-neutral-6: #302e27;
  --p-ramp-neutral-6: oklch(0.3 0.0114 89.73);
  --p-ramp-neutral-7: #3e3c35;
  --p-ramp-neutral-7: oklch(0.355 0.0114 89.73);
  --p-ramp-neutral-8: #7c7a72;
  --p-ramp-neutral-8: oklch(0.578 0.0114 89.73);
  --p-ramp-neutral-9: #8b8982;
  --p-ramp-neutral-9: oklch(0.629 0.0103 89.73);
  --p-segmented-active-bg: #3e3c35;
  --p-segmented-active-bg: oklch(0.355 0.0114 89.73);
  --p-segmented-track: #f4f1e90a;
  --p-segmented-track: oklch(0.958 0.0103 89.73 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.958 0.0103 89.73 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.958 0.0103 89.73 / 0.05);
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(1 0 0 / 0.1), 0px 24px 48px -12px oklch(0 0 0 / 0.5);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0 0 0 / 0.3), 0px 4px 8px -4px oklch(0 0 0 / 0.3), 0px 16px 24px -8px oklch(0 0 0 / 0.45);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(1 0 0 / 0.1);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.958 0.0103 89.73 / 0.08), 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.0103 89.73 / 0.12), 0px 1px 2px 0px oklch(0.958 0.0103 89.73 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.0103 89.73 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.0103 89.73 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #f4f1e91a;
  --p-slider-track: oklch(0.958 0.0103 89.73 / 0.1);
  --p-switch-border-off: #7c7a72;
  --p-switch-border-off: oklch(0.578 0.0114 89.73);
  --p-switch-track-off: #f4f1e929;
  --p-switch-track-off: oklch(0.958 0.0103 89.73 / 0.16);
  --p-tooltip-bg: #f4f1e9;
  --p-tooltip-bg: oklch(0.958 0.0103 89.73);
  --p-tooltip-fg: #0c0a05;
  --p-tooltip-fg: oklch(0.145 0.0114 89.73);
}

[data-theme="dark"][data-world="editorial"][data-product="oslerpress"] {
  --p-brand-sidebar-accent: #f3f6f9;
  --p-brand-sidebar-accent: oklch(0.9717 0.0051 247.88);
  --p-button-focus-border: #f3f6f9;
  --p-button-focus-border: oklch(0.9717 0.0051 247.88);
  --p-button-ghost-bg-hover: #ebf1f70a;
  --p-button-ghost-bg-hover: oklch(0.954 0.0108 250 / 0.04);
  --p-button-ghost-bg-pressed: #ebf1f714;
  --p-button-ghost-bg-pressed: oklch(0.954 0.0108 250 / 0.08);
  --p-button-secondary-bg: #ffffff0a;
  --p-button-secondary-bg: oklch(1 0 0 / 0.04);
  --p-button-secondary-bg-hover: #ffffff1a;
  --p-button-secondary-bg-hover: oklch(1 0 0 / 0.1);
  --p-choice-border: #737980;
  --p-choice-border: oklch(0.574 0.012 250);
  --p-color-accent-action: #f3f6f9;
  --p-color-accent-action: oklch(0.9717 0.0051 247.88);
  --p-color-accent-border: #373c42;
  --p-color-accent-border: oklch(0.355 0.012 250);
  --p-color-accent-solid: #f3f6f9;
  --p-color-accent-solid: oklch(0.9717 0.0051 247.88);
  --p-color-accent-solid-hover: #f9fcff;
  --p-color-accent-solid-hover: oklch(0.99 0.005 247.88);
  --p-color-accent-solid-pressed: #f9fcff;
  --p-color-accent-solid-pressed: oklch(0.99 0.005 247.88);
  --p-color-accent-text: #f3f6f9;
  --p-color-accent-text: oklch(0.9717 0.0051 247.88);
  --p-color-accent-text-pressed: #ffffff;
  --p-color-accent-text-pressed: oklch(1 0 0);
  --p-color-accent-tint: #13181d;
  --p-color-accent-tint: oklch(0.205 0.012 250);
  --p-color-agent-border: #414344;
  --p-color-agent-border: oklch(0.38 0.0036 247.88);
  --p-color-agent-mark: #f3f6f9;
  --p-color-agent-mark: oklch(0.9717 0.0051 247.88);
  --p-color-agent-text: #ffffff;
  --p-color-agent-text: oklch(1 0 0);
  --p-color-agent-tint: #1a1b1b;
  --p-color-agent-tint: oklch(0.22 0.0016 247.88);
  --p-color-bg-canvas: #0d1116;
  --p-color-bg-canvas: oklch(0.175 0.012 250);
  --p-color-bg-default: #12181d;
  --p-color-bg-default: oklch(0.205 0.014 250);
  --p-color-bg-panel: #0d1116;
  --p-color-bg-panel: oklch(0.175 0.012 250);
  --p-color-border-control: #ebf1f729;
  --p-color-border-control: oklch(0.954 0.0108 250 / 0.16);
  --p-color-border-control-hover: #ebf1f733;
  --p-color-border-control-hover: oklch(0.954 0.0108 250 / 0.2);
  --p-color-border-control-strong: #ebf1f733;
  --p-color-border-control-strong: oklch(0.954 0.0108 250 / 0.2);
  --p-color-border-default: #737980;
  --p-color-border-default: oklch(0.574 0.012 250);
  --p-color-border-hairline: #ebf1f714;
  --p-color-border-hairline: oklch(0.954 0.0108 250 / 0.08);
  --p-color-border-strong: #83898f;
  --p-color-border-strong: oklch(0.627 0.0108 250);
  --p-color-border-subtle: #272f37;
  --p-color-border-subtle: oklch(0.3 0.018 250);
  --p-color-count-bg: #1a1f24;
  --p-color-count-bg: oklch(0.235 0.012 250);
  --p-color-count-text: #b7c3cf;
  --p-color-count-text: oklch(0.8116 0.0215 248.09);
  --p-color-danger-subtle: #271313;
  --p-color-danger-subtle: oklch(0.214 0.0328 20.32);
  --p-color-field-bg: #ffffff0a;
  --p-color-field-bg: oklch(1 0 0 / 0.04);
  --p-color-field-bg-disabled: #ebf1f708;
  --p-color-field-bg-disabled: oklch(0.954 0.0108 250 / 0.03);
  --p-color-field-border-disabled: #ebf1f70f;
  --p-color-field-border-disabled: oklch(0.954 0.0108 250 / 0.06);
  --p-color-field-border-focus: #f3f6f9;
  --p-color-field-border-focus: oklch(0.9717 0.0051 247.88);
  --p-color-field-border-readonly-hover: #ebf1f71f;
  --p-color-field-border-readonly-hover: oklch(0.954 0.0108 250 / 0.12);
  --p-color-focus-ring: #f3f6f9;
  --p-color-focus-ring: oklch(0.9717 0.0051 247.88);
  --p-color-focus-ring-button: #f3f6f959;
  --p-color-focus-ring-button: oklch(0.9717 0.0051 247.88 / 0.35);
  --p-color-focus-ring-field: #f3f6f952;
  --p-color-focus-ring-field: oklch(0.9717 0.0051 247.88 / 0.32);
  --p-color-hover-tint: #ebf1f70a;
  --p-color-hover-tint: oklch(0.954 0.0108 250 / 0.04);
  --p-color-info-subtle: #13181d;
  --p-color-info-subtle: oklch(0.205 0.0128 250);
  --p-color-ink-a10: #ebf1f71a;
  --p-color-ink-a10: oklch(0.954 0.0108 250 / 0.1);
  --p-color-ink-a12: #ebf1f71f;
  --p-color-ink-a12: oklch(0.954 0.0108 250 / 0.12);
  --p-color-ink-a14: #ebf1f724;
  --p-color-ink-a14: oklch(0.954 0.0108 250 / 0.14);
  --p-color-ink-a16: #ebf1f729;
  --p-color-ink-a16: oklch(0.954 0.0108 250 / 0.16);
  --p-color-ink-a18: #ebf1f72e;
  --p-color-ink-a18: oklch(0.954 0.0108 250 / 0.18);
  --p-color-ink-a20: #ebf1f733;
  --p-color-ink-a20: oklch(0.954 0.0108 250 / 0.2);
  --p-color-ink-a24: #ebf1f73d;
  --p-color-ink-a24: oklch(0.954 0.0108 250 / 0.24);
  --p-color-ink-a28: #ebf1f747;
  --p-color-ink-a28: oklch(0.954 0.0108 250 / 0.28);
  --p-color-ink-a3: #ebf1f708;
  --p-color-ink-a3: oklch(0.954 0.0108 250 / 0.03);
  --p-color-ink-a32: #ebf1f752;
  --p-color-ink-a32: oklch(0.954 0.0108 250 / 0.32);
  --p-color-ink-a4: #ebf1f70a;
  --p-color-ink-a4: oklch(0.954 0.0108 250 / 0.04);
  --p-color-ink-a40: #ebf1f766;
  --p-color-ink-a40: oklch(0.954 0.0108 250 / 0.4);
  --p-color-ink-a5: #ebf1f70d;
  --p-color-ink-a5: oklch(0.954 0.0108 250 / 0.05);
  --p-color-ink-a6: #ebf1f70f;
  --p-color-ink-a6: oklch(0.954 0.0108 250 / 0.06);
  --p-color-ink-a8: #ebf1f714;
  --p-color-ink-a8: oklch(0.954 0.0108 250 / 0.08);
  --p-color-mark-done: #12181d;
  --p-color-mark-done: oklch(0.205 0.014 250);
  --p-color-mark-on-done: #f3f6f9;
  --p-color-mark-on-done: oklch(0.9717 0.0051 247.88);
  --p-color-nav-active: #23272c;
  --p-color-nav-active: oklch(0.2706 0.0112 249.88);
  --p-color-nav-active-icon: #f3f6f9;
  --p-color-nav-active-icon: oklch(0.9717 0.0051 247.88);
  --p-color-selected-outline: #f3f6f9;
  --p-color-selected-outline: oklch(0.9717 0.0051 247.88);
  --p-color-success-subtle: #0d1d15;
  --p-color-success-subtle: oklch(0.214 0.0271 161.73);
  --p-color-surface-1: #161c23;
  --p-color-surface-1: oklch(0.225 0.016 250);
  --p-color-surface-2: #1a1f24;
  --p-color-surface-2: oklch(0.235 0.012 250);
  --p-color-surface-3: #21262b;
  --p-color-surface-3: oklch(0.265 0.012 250);
  --p-color-surface-4: #292e34;
  --p-color-surface-4: oklch(0.3 0.012 250);
  --p-color-surface-hover: #1a1f24;
  --p-color-surface-hover: oklch(0.235 0.012 250);
  --p-color-surface-pressed: #21262b;
  --p-color-surface-pressed: oklch(0.265 0.012 250);
  --p-color-surface-selected: #212223;
  --p-color-surface-selected: oklch(0.25 0.0021 247.88);
  --p-color-surface-sunken: #0a0e12;
  --p-color-surface-sunken: oklch(0.16 0.011 250);
  --p-color-text-disabled: #737980;
  --p-color-text-disabled: oklch(0.574 0.012 250);
  --p-color-text-inverse: #070b0f;
  --p-color-text-inverse: oklch(0.145 0.012 250);
  --p-color-text-link: #f3f6f9;
  --p-color-text-link: oklch(0.9717 0.0051 247.88);
  --p-color-text-on-accent: #111114;
  --p-color-text-on-accent: oklch(0.18 0.005 286);
  --p-color-text-primary: #f3f6f9;
  --p-color-text-primary: oklch(0.9717 0.0051 247.88);
  --p-color-text-secondary: #b7c3cf;
  --p-color-text-secondary: oklch(0.8116 0.0215 248.09);
  --p-color-text-tertiary: #93999f;
  --p-color-text-tertiary: oklch(0.68 0.0108 250);
  --p-color-warning-subtle: #20180c;
  --p-color-warning-subtle: oklch(0.214 0.0238 76.17);
  --p-elevation-0-surface: #12181d;
  --p-elevation-0-surface: oklch(0.205 0.014 250);
  --p-elevation-1-surface: #161c23;
  --p-elevation-1-surface: oklch(0.225 0.016 250);
  --p-elevation-2-surface: #1a1f24;
  --p-elevation-2-surface: oklch(0.235 0.012 250);
  --p-elevation-3-surface: #21262b;
  --p-elevation-3-surface: oklch(0.265 0.012 250);
  --p-elevation-4-surface: #292e34;
  --p-elevation-4-surface: oklch(0.3 0.012 250);
  --p-elevation-5-surface: #292e34;
  --p-elevation-5-surface: oklch(0.3 0.012 250);
  --p-overlay-bg: #13181d;
  --p-overlay-bg: oklch(0.205 0.012 250);
  --p-overlay-highlight: #ebf1f70f;
  --p-overlay-highlight: oklch(0.954 0.0108 250 / 0.06);
  --p-overlay-ring: #ffffff1a;
  --p-overlay-ring: oklch(1 0 0 / 0.1);
  --p-overlay-separator: #ebf1f714;
  --p-overlay-separator: oklch(0.954 0.0108 250 / 0.08);
  --p-ramp-accent-1: #0b0b0b;
  --p-ramp-accent-1: oklch(0.15 0.0004 247.88);
  --p-ramp-accent-10: #f9fcff;
  --p-ramp-accent-10: oklch(0.99 0.005 247.88);
  --p-ramp-accent-11: #ffffff;
  --p-ramp-accent-11: oklch(1 0 0);
  --p-ramp-accent-12: #e7e8e9;
  --p-ramp-accent-12: oklch(0.93 0.0018 247.88);
  --p-ramp-accent-2: #111111;
  --p-ramp-accent-2: oklch(0.178 0.0009 247.88);
  --p-ramp-accent-3: #1a1b1b;
  --p-ramp-accent-3: oklch(0.22 0.0016 247.88);
  --p-ramp-accent-4: #212223;
  --p-ramp-accent-4: oklch(0.25 0.0021 247.88);
  --p-ramp-accent-5: #28292a;
  --p-ramp-accent-5: oklch(0.28 0.0026 247.88);
  --p-ramp-accent-6: #323334;
  --p-ramp-accent-6: oklch(0.32 0.0031 247.88);
  --p-ramp-accent-7: #414344;
  --p-ramp-accent-7: oklch(0.38 0.0036 247.88);
  --p-ramp-accent-8: #898b8e;
  --p-ramp-accent-8: oklch(0.6359 0.0046 247.88);
  --p-ramp-accent-9: #f3f6f9;
  --p-ramp-accent-9: oklch(0.9717 0.0051 247.88);
  --p-ramp-neutral-1: #070b0f;
  --p-ramp-neutral-1: oklch(0.145 0.012 250);
  --p-ramp-neutral-10: #93999f;
  --p-ramp-neutral-10: oklch(0.68 0.0108 250);
  --p-ramp-neutral-11: #b7bdc3;
  --p-ramp-neutral-11: oklch(0.796 0.0108 250);
  --p-ramp-neutral-12: #ebf1f7;
  --p-ramp-neutral-12: oklch(0.954 0.0108 250);
  --p-ramp-neutral-2: #0d1116;
  --p-ramp-neutral-2: oklch(0.175 0.012 250);
  --p-ramp-neutral-3: #13181d;
  --p-ramp-neutral-3: oklch(0.205 0.012 250);
  --p-ramp-neutral-4: #1a1f24;
  --p-ramp-neutral-4: oklch(0.235 0.012 250);
  --p-ramp-neutral-5: #21262b;
  --p-ramp-neutral-5: oklch(0.265 0.012 250);
  --p-ramp-neutral-6: #292e34;
  --p-ramp-neutral-6: oklch(0.3 0.012 250);
  --p-ramp-neutral-7: #373c42;
  --p-ramp-neutral-7: oklch(0.355 0.012 250);
  --p-ramp-neutral-8: #737980;
  --p-ramp-neutral-8: oklch(0.574 0.012 250);
  --p-ramp-neutral-9: #83898f;
  --p-ramp-neutral-9: oklch(0.627 0.0108 250);
  --p-segmented-active-bg: #373c42;
  --p-segmented-active-bg: oklch(0.355 0.012 250);
  --p-segmented-track: #ebf1f70a;
  --p-segmented-track: oklch(0.954 0.0108 250 / 0.04);
  --p-shadow-button-primary: 0 0 0 0 transparent;
  --p-shadow-choice: 0 0 0 0 transparent;
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(1 0 0 / 0.1), 0px 24px 48px -12px oklch(0 0 0 / 0.5);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0 0 0 / 0.3), 0px 4px 8px -4px oklch(0 0 0 / 0.3), 0px 16px 24px -8px oklch(0 0 0 / 0.45);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(1 0 0 / 0.1);
  --p-shadow-segment-active: 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.954 0.0108 250 / 0.12), 0px 1px 2px 0px oklch(0.954 0.0108 250 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.954 0.0108 250 / 0.2), 0px 0px 0px 0.5px oklch(0.954 0.0108 250 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #ebf1f71a;
  --p-slider-track: oklch(0.954 0.0108 250 / 0.1);
  --p-switch-border-off: #737980;
  --p-switch-border-off: oklch(0.574 0.012 250);
  --p-switch-track-off: #ebf1f729;
  --p-switch-track-off: oklch(0.954 0.0108 250 / 0.16);
  --p-tooltip-bg: #f3f6f9;
  --p-tooltip-bg: oklch(0.9717 0.0051 247.88);
  --p-tooltip-fg: #070b0f;
  --p-tooltip-fg: oklch(0.145 0.012 250);
}

[data-theme="dark"][data-world="signal"][data-product="loudsoup"] {
  --p-brand-sidebar-accent: #cd1351;
  --p-brand-sidebar-accent: oklch(0.5462 0.2104 11.21);
  --p-button-focus-border: #ff9dab;
  --p-button-focus-border: oklch(0.8 0.1172 11.21);
  --p-button-ghost-bg-hover: #f4f0ec0a;
  --p-button-ghost-bg-hover: oklch(0.958 0.0072 73.74 / 0.04);
  --p-button-ghost-bg-pressed: #f4f0ec14;
  --p-button-ghost-bg-pressed: oklch(0.958 0.0072 73.74 / 0.08);
  --p-button-secondary-bg: #ffffff0a;
  --p-button-secondary-bg: oklch(1 0 0 / 0.04);
  --p-button-secondary-bg-hover: #ffffff1a;
  --p-button-secondary-bg-hover: oklch(1 0 0 / 0.1);
  --p-choice-border: #7b7873;
  --p-choice-border: oklch(0.574 0.008 73.74);
  --p-color-accent-action: #cd1351;
  --p-color-accent-action: oklch(0.5462 0.2104 11.21);
  --p-color-accent-border: #7c0c2f;
  --p-color-accent-border: oklch(0.38 0.1428 11.21);
  --p-color-accent-solid: #cd1351;
  --p-color-accent-solid: oklch(0.5462 0.2104 11.21);
  --p-color-accent-solid-hover: #da2e5d;
  --p-color-accent-solid-hover: oklch(0.5862 0.2062 11.21);
  --p-color-accent-solid-pressed: #930036;
  --p-color-accent-solid-pressed: oklch(0.4231 0.1701 11.21);
  --p-color-accent-text: #ff9dab;
  --p-color-accent-text: oklch(0.8 0.1172 11.21);
  --p-color-accent-text-pressed: #930036;
  --p-color-accent-text-pressed: oklch(0.4231 0.1701 11.21);
  --p-color-accent-tint: #310c13;
  --p-color-accent-tint: oklch(0.22 0.0612 11.21);
  --p-color-agent-border: #7c0c2f;
  --p-color-agent-border: oklch(0.38 0.1428 11.21);
  --p-color-agent-mark: #cd1351;
  --p-color-agent-mark: oklch(0.5462 0.2104 11.21);
  --p-color-agent-text: #ff9dab;
  --p-color-agent-text: oklch(0.8 0.1172 11.21);
  --p-color-agent-tint: #310c13;
  --p-color-agent-tint: oklch(0.22 0.0612 11.21);
  --p-color-bg-canvas: #0c0a07;
  --p-color-bg-canvas: oklch(0.145 0.008 73.74);
  --p-color-bg-default: #13100d;
  --p-color-bg-default: oklch(0.175 0.008 73.74);
  --p-color-bg-panel: #13100d;
  --p-color-bg-panel: oklch(0.175 0.008 73.74);
  --p-color-border-control: #f4f0ec29;
  --p-color-border-control: oklch(0.958 0.0072 73.74 / 0.16);
  --p-color-border-control-hover: #f4f0ec33;
  --p-color-border-control-hover: oklch(0.958 0.0072 73.74 / 0.2);
  --p-color-border-control-strong: #f4f0ec33;
  --p-color-border-control-strong: oklch(0.958 0.0072 73.74 / 0.2);
  --p-color-border-default: #7b7873;
  --p-color-border-default: oklch(0.574 0.008 73.74);
  --p-color-border-hairline: #f4f0ec14;
  --p-color-border-hairline: oklch(0.958 0.0072 73.74 / 0.08);
  --p-color-border-strong: #8b8884;
  --p-color-border-strong: oklch(0.627 0.0072 73.74);
  --p-color-border-subtle: #302d29;
  --p-color-border-subtle: oklch(0.3 0.008 73.74);
  --p-color-count-bg: #f4f0ec;
  --p-color-count-bg: oklch(0.958 0.0072 73.74);
  --p-color-count-text: #13100d;
  --p-color-count-text: oklch(0.175 0.008 73.74);
  --p-color-danger-subtle: #260f0b;
  --p-color-danger-subtle: oklch(0.202 0.039 30.43);
  --p-color-field-bg: #ffffff0a;
  --p-color-field-bg: oklch(1 0 0 / 0.04);
  --p-color-field-bg-disabled: #f4f0ec08;
  --p-color-field-bg-disabled: oklch(0.958 0.0072 73.74 / 0.03);
  --p-color-field-border-disabled: #f4f0ec0f;
  --p-color-field-border-disabled: oklch(0.958 0.0072 73.74 / 0.06);
  --p-color-field-border-focus: #ff9dab;
  --p-color-field-border-focus: oklch(0.8 0.1172 11.21);
  --p-color-field-border-readonly-hover: #f4f0ec1f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.0072 73.74 / 0.12);
  --p-color-focus-ring: #ff9dab;
  --p-color-focus-ring: oklch(0.8 0.1172 11.21);
  --p-color-focus-ring-button: #ff9dab59;
  --p-color-focus-ring-button: oklch(0.8 0.1172 11.21 / 0.35);
  --p-color-focus-ring-field: #ff9dab52;
  --p-color-focus-ring-field: oklch(0.8 0.1172 11.21 / 0.32);
  --p-color-hover-tint: #f4f0ec0a;
  --p-color-hover-tint: oklch(0.958 0.0072 73.74 / 0.04);
  --p-color-info-subtle: #0b1724;
  --p-color-info-subtle: oklch(0.202 0.0299 249.6);
  --p-color-ink-a10: #f4f0ec1a;
  --p-color-ink-a10: oklch(0.958 0.0072 73.74 / 0.1);
  --p-color-ink-a12: #f4f0ec1f;
  --p-color-ink-a12: oklch(0.958 0.0072 73.74 / 0.12);
  --p-color-ink-a14: #f4f0ec24;
  --p-color-ink-a14: oklch(0.958 0.0072 73.74 / 0.14);
  --p-color-ink-a16: #f4f0ec29;
  --p-color-ink-a16: oklch(0.958 0.0072 73.74 / 0.16);
  --p-color-ink-a18: #f4f0ec2e;
  --p-color-ink-a18: oklch(0.958 0.0072 73.74 / 0.18);
  --p-color-ink-a20: #f4f0ec33;
  --p-color-ink-a20: oklch(0.958 0.0072 73.74 / 0.2);
  --p-color-ink-a24: #f4f0ec3d;
  --p-color-ink-a24: oklch(0.958 0.0072 73.74 / 0.24);
  --p-color-ink-a28: #f4f0ec47;
  --p-color-ink-a28: oklch(0.958 0.0072 73.74 / 0.28);
  --p-color-ink-a3: #f4f0ec08;
  --p-color-ink-a3: oklch(0.958 0.0072 73.74 / 0.03);
  --p-color-ink-a32: #f4f0ec52;
  --p-color-ink-a32: oklch(0.958 0.0072 73.74 / 0.32);
  --p-color-ink-a4: #f4f0ec0a;
  --p-color-ink-a4: oklch(0.958 0.0072 73.74 / 0.04);
  --p-color-ink-a40: #f4f0ec66;
  --p-color-ink-a40: oklch(0.958 0.0072 73.74 / 0.4);
  --p-color-ink-a5: #f4f0ec0d;
  --p-color-ink-a5: oklch(0.958 0.0072 73.74 / 0.05);
  --p-color-ink-a6: #f4f0ec0f;
  --p-color-ink-a6: oklch(0.958 0.0072 73.74 / 0.06);
  --p-color-ink-a8: #f4f0ec14;
  --p-color-ink-a8: oklch(0.958 0.0072 73.74 / 0.08);
  --p-color-mark-done: #f4f0ec;
  --p-color-mark-done: oklch(0.958 0.0072 73.74);
  --p-color-mark-on-done: #0c0a07;
  --p-color-mark-on-done: oklch(0.145 0.008 73.74);
  --p-color-nav-active: #231816;
  --p-color-nav-active: oklch(0.2236 0.0184 31.05);
  --p-color-nav-active-icon: #ff9dab;
  --p-color-nav-active-icon: oklch(0.8 0.1172 11.21);
  --p-color-selected-outline: #f4f0ec;
  --p-color-selected-outline: oklch(0.958 0.0072 73.74);
  --p-color-success-subtle: #0e1a0e;
  --p-color-success-subtle: oklch(0.202 0.0285 143.73);
  --p-color-surface-1: #191713;
  --p-color-surface-1: oklch(0.205 0.008 73.74);
  --p-color-surface-2: #201e1a;
  --p-color-surface-2: oklch(0.235 0.008 73.74);
  --p-color-surface-3: #282521;
  --p-color-surface-3: oklch(0.265 0.008 73.74);
  --p-color-surface-4: #302d29;
  --p-color-surface-4: oklch(0.3 0.008 73.74);
  --p-color-surface-hover: #201e1a;
  --p-color-surface-hover: oklch(0.235 0.008 73.74);
  --p-color-surface-pressed: #282521;
  --p-color-surface-pressed: oklch(0.265 0.008 73.74);
  --p-color-surface-selected: #400a18;
  --p-color-surface-selected: oklch(0.25 0.0816 11.21);
  --p-color-surface-sunken: #0c0a07;
  --p-color-surface-sunken: oklch(0.145 0.008 73.74);
  --p-color-text-disabled: #7b7873;
  --p-color-text-disabled: oklch(0.574 0.008 73.74);
  --p-color-text-inverse: #0c0a07;
  --p-color-text-inverse: oklch(0.145 0.008 73.74);
  --p-color-text-link: #ff9dab;
  --p-color-text-link: oklch(0.8 0.1172 11.21);
  --p-color-text-primary: #f4f0ec;
  --p-color-text-primary: oklch(0.958 0.0072 73.74);
  --p-color-text-secondary: #bfbcb7;
  --p-color-text-secondary: oklch(0.796 0.0072 73.74);
  --p-color-text-tertiary: #9b9893;
  --p-color-text-tertiary: oklch(0.68 0.0072 73.74);
  --p-color-warning-subtle: #1f1405;
  --p-color-warning-subtle: oklch(0.202 0.0326 74.88);
  --p-elevation-0-surface: #13100d;
  --p-elevation-0-surface: oklch(0.175 0.008 73.74);
  --p-elevation-1-surface: #191713;
  --p-elevation-1-surface: oklch(0.205 0.008 73.74);
  --p-elevation-2-surface: #201e1a;
  --p-elevation-2-surface: oklch(0.235 0.008 73.74);
  --p-elevation-3-surface: #282521;
  --p-elevation-3-surface: oklch(0.265 0.008 73.74);
  --p-elevation-4-surface: #302d29;
  --p-elevation-4-surface: oklch(0.3 0.008 73.74);
  --p-elevation-5-surface: #302d29;
  --p-elevation-5-surface: oklch(0.3 0.008 73.74);
  --p-overlay-bg: #191713;
  --p-overlay-bg: oklch(0.205 0.008 73.74);
  --p-overlay-highlight: #f4f0ec0f;
  --p-overlay-highlight: oklch(0.958 0.0072 73.74 / 0.06);
  --p-overlay-ring: #ffffff1a;
  --p-overlay-ring: oklch(1 0 0 / 0.1);
  --p-overlay-separator: #f4f0ec14;
  --p-overlay-separator: oklch(0.958 0.0072 73.74 / 0.08);
  --p-ramp-accent-1: #110809;
  --p-ramp-accent-1: oklch(0.15 0.0163 11.21);
  --p-ramp-accent-10: #da2e5d;
  --p-ramp-accent-10: oklch(0.5862 0.2062 11.21);
  --p-ramp-accent-11: #ff9dab;
  --p-ramp-accent-11: oklch(0.8 0.1172 11.21);
  --p-ramp-accent-12: #ffdfe2;
  --p-ramp-accent-12: oklch(0.93 0.0362 11.21);
  --p-ramp-accent-2: #1e0a0d;
  --p-ramp-accent-2: oklch(0.178 0.034 11.21);
  --p-ramp-accent-3: #310c13;
  --p-ramp-accent-3: oklch(0.22 0.0612 11.21);
  --p-ramp-accent-4: #400a18;
  --p-ramp-accent-4: oklch(0.25 0.0816 11.21);
  --p-ramp-accent-5: #4f071c;
  --p-ramp-accent-5: oklch(0.28 0.102 11.21);
  --p-ramp-accent-6: #620523;
  --p-ramp-accent-6: oklch(0.32 0.1224 11.21);
  --p-ramp-accent-7: #7c0c2f;
  --p-ramp-accent-7: oklch(0.38 0.1428 11.21);
  --p-ramp-accent-8: #930036;
  --p-ramp-accent-8: oklch(0.4231 0.1701 11.21);
  --p-ramp-accent-9: #cd1351;
  --p-ramp-accent-9: oklch(0.5462 0.2104 11.21);
  --p-ramp-neutral-1: #0c0a07;
  --p-ramp-neutral-1: oklch(0.145 0.008 73.74);
  --p-ramp-neutral-10: #9b9893;
  --p-ramp-neutral-10: oklch(0.68 0.0072 73.74);
  --p-ramp-neutral-11: #bfbcb7;
  --p-ramp-neutral-11: oklch(0.796 0.0072 73.74);
  --p-ramp-neutral-12: #f4f0ec;
  --p-ramp-neutral-12: oklch(0.958 0.0072 73.74);
  --p-ramp-neutral-2: #13100d;
  --p-ramp-neutral-2: oklch(0.175 0.008 73.74);
  --p-ramp-neutral-3: #191713;
  --p-ramp-neutral-3: oklch(0.205 0.008 73.74);
  --p-ramp-neutral-4: #201e1a;
  --p-ramp-neutral-4: oklch(0.235 0.008 73.74);
  --p-ramp-neutral-5: #282521;
  --p-ramp-neutral-5: oklch(0.265 0.008 73.74);
  --p-ramp-neutral-6: #302d29;
  --p-ramp-neutral-6: oklch(0.3 0.008 73.74);
  --p-ramp-neutral-7: #3e3b37;
  --p-ramp-neutral-7: oklch(0.355 0.008 73.74);
  --p-ramp-neutral-8: #7b7873;
  --p-ramp-neutral-8: oklch(0.574 0.008 73.74);
  --p-ramp-neutral-9: #8b8884;
  --p-ramp-neutral-9: oklch(0.627 0.0072 73.74);
  --p-segmented-active-bg: #3e3b37;
  --p-segmented-active-bg: oklch(0.355 0.008 73.74);
  --p-segmented-track: #f4f0ec0a;
  --p-segmented-track: oklch(0.958 0.0072 73.74 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.958 0.0072 73.74 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.958 0.0072 73.74 / 0.05);
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(1 0 0 / 0.1), 0px 24px 48px -12px oklch(0 0 0 / 0.5);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0 0 0 / 0.3), 0px 4px 8px -4px oklch(0 0 0 / 0.3), 0px 16px 24px -8px oklch(0 0 0 / 0.45);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(1 0 0 / 0.1);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.958 0.0072 73.74 / 0.08), 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.0072 73.74 / 0.12), 0px 1px 2px 0px oklch(0.958 0.0072 73.74 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.0072 73.74 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.0072 73.74 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #f4f0ec1a;
  --p-slider-track: oklch(0.958 0.0072 73.74 / 0.1);
  --p-switch-border-off: #7b7873;
  --p-switch-border-off: oklch(0.574 0.008 73.74);
  --p-switch-track-off: #f4f0ec29;
  --p-switch-track-off: oklch(0.958 0.0072 73.74 / 0.16);
  --p-tooltip-bg: #f4f0ec;
  --p-tooltip-bg: oklch(0.958 0.0072 73.74);
  --p-tooltip-fg: #0c0a07;
  --p-tooltip-fg: oklch(0.145 0.008 73.74);
}

[data-theme="dark"][data-world="signal"][data-product="execemy"] {
  --p-brand-sidebar-accent: #2f52e0;
  --p-brand-sidebar-accent: oklch(0.5084 0.2187 267.04);
  --p-button-focus-border: #a1bcff;
  --p-button-focus-border: oklch(0.8 0.1002 267.04);
  --p-button-ghost-bg-hover: #f4f1ea0a;
  --p-button-ghost-bg-hover: oklch(0.958 0.0095 84.59 / 0.04);
  --p-button-ghost-bg-pressed: #f4f1ea14;
  --p-button-ghost-bg-pressed: oklch(0.958 0.0095 84.59 / 0.08);
  --p-button-secondary-bg: #ffffff0a;
  --p-button-secondary-bg: oklch(1 0 0 / 0.04);
  --p-button-secondary-bg-hover: #ffffff1a;
  --p-button-secondary-bg-hover: oklch(1 0 0 / 0.1);
  --p-choice-border: #7b7872;
  --p-choice-border: oklch(0.574 0.0105 84.59);
  --p-color-accent-action: #2f52e0;
  --p-color-accent-action: oklch(0.5084 0.2187 267.04);
  --p-color-accent-border: #21398d;
  --p-color-accent-border: oklch(0.38 0.1428 267.04);
  --p-color-accent-solid: #2f52e0;
  --p-color-accent-solid: oklch(0.5084 0.2187 267.04);
  --p-color-accent-solid-hover: #3a60ec;
  --p-color-accent-solid-hover: oklch(0.5484 0.2143 267.04);
  --p-color-accent-solid-pressed: #1c34b1;
  --p-color-accent-solid-pressed: oklch(0.4042 0.1968 267.04);
  --p-color-accent-text: #a1bcff;
  --p-color-accent-text: oklch(0.8 0.1002 267.04);
  --p-color-accent-text-pressed: #1c34b1;
  --p-color-accent-text-pressed: oklch(0.4042 0.1968 267.04);
  --p-color-accent-tint: #0e1837;
  --p-color-accent-tint: oklch(0.22 0.0612 267.04);
  --p-color-agent-border: #21398d;
  --p-color-agent-border: oklch(0.38 0.1428 267.04);
  --p-color-agent-mark: #2f52e0;
  --p-color-agent-mark: oklch(0.5084 0.2187 267.04);
  --p-color-agent-text: #a1bcff;
  --p-color-agent-text: oklch(0.8 0.1002 267.04);
  --p-color-agent-tint: #0e1837;
  --p-color-agent-tint: oklch(0.22 0.0612 267.04);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.0105 84.59);
  --p-color-bg-default: #13100b;
  --p-color-bg-default: oklch(0.175 0.0105 84.59);
  --p-color-bg-panel: #13100b;
  --p-color-bg-panel: oklch(0.175 0.0105 84.59);
  --p-color-border-control: #f4f1ea29;
  --p-color-border-control: oklch(0.958 0.0095 84.59 / 0.16);
  --p-color-border-control-hover: #f4f1ea33;
  --p-color-border-control-hover: oklch(0.958 0.0095 84.59 / 0.2);
  --p-color-border-control-strong: #f4f1ea33;
  --p-color-border-control-strong: oklch(0.958 0.0095 84.59 / 0.2);
  --p-color-border-default: #7b7872;
  --p-color-border-default: oklch(0.574 0.0105 84.59);
  --p-color-border-hairline: #f4f1ea14;
  --p-color-border-hairline: oklch(0.958 0.0095 84.59 / 0.08);
  --p-color-border-strong: #8a8781;
  --p-color-border-strong: oklch(0.625 0.0095 84.59);
  --p-color-border-subtle: #302d28;
  --p-color-border-subtle: oklch(0.3 0.0105 84.59);
  --p-color-count-bg: #f4f1ea;
  --p-color-count-bg: oklch(0.958 0.0095 84.59);
  --p-color-count-text: #13100b;
  --p-color-count-text: oklch(0.175 0.0105 84.59);
  --p-color-danger-subtle: #260f0b;
  --p-color-danger-subtle: oklch(0.202 0.0391 32.2);
  --p-color-field-bg: #ffffff0a;
  --p-color-field-bg: oklch(1 0 0 / 0.04);
  --p-color-field-bg-disabled: #f4f1ea08;
  --p-color-field-bg-disabled: oklch(0.958 0.0095 84.59 / 0.03);
  --p-color-field-border-disabled: #f4f1ea0f;
  --p-color-field-border-disabled: oklch(0.958 0.0095 84.59 / 0.06);
  --p-color-field-border-focus: #a1bcff;
  --p-color-field-border-focus: oklch(0.8 0.1002 267.04);
  --p-color-field-border-readonly-hover: #f4f1ea1f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.0095 84.59 / 0.12);
  --p-color-focus-ring: #a1bcff;
  --p-color-focus-ring: oklch(0.8 0.1002 267.04);
  --p-color-focus-ring-button: #a1bcff59;
  --p-color-focus-ring-button: oklch(0.8 0.1002 267.04 / 0.35);
  --p-color-focus-ring-field: #a1bcff52;
  --p-color-focus-ring-field: oklch(0.8 0.1002 267.04 / 0.32);
  --p-color-hover-tint: #f4f1ea0a;
  --p-color-hover-tint: oklch(0.958 0.0095 84.59 / 0.04);
  --p-color-info-subtle: #0b1823;
  --p-color-info-subtle: oklch(0.202 0.029 247.91);
  --p-color-ink-a10: #f4f1ea1a;
  --p-color-ink-a10: oklch(0.958 0.0095 84.59 / 0.1);
  --p-color-ink-a12: #f4f1ea1f;
  --p-color-ink-a12: oklch(0.958 0.0095 84.59 / 0.12);
  --p-color-ink-a14: #f4f1ea24;
  --p-color-ink-a14: oklch(0.958 0.0095 84.59 / 0.14);
  --p-color-ink-a16: #f4f1ea29;
  --p-color-ink-a16: oklch(0.958 0.0095 84.59 / 0.16);
  --p-color-ink-a18: #f4f1ea2e;
  --p-color-ink-a18: oklch(0.958 0.0095 84.59 / 0.18);
  --p-color-ink-a20: #f4f1ea33;
  --p-color-ink-a20: oklch(0.958 0.0095 84.59 / 0.2);
  --p-color-ink-a24: #f4f1ea3d;
  --p-color-ink-a24: oklch(0.958 0.0095 84.59 / 0.24);
  --p-color-ink-a28: #f4f1ea47;
  --p-color-ink-a28: oklch(0.958 0.0095 84.59 / 0.28);
  --p-color-ink-a3: #f4f1ea08;
  --p-color-ink-a3: oklch(0.958 0.0095 84.59 / 0.03);
  --p-color-ink-a32: #f4f1ea52;
  --p-color-ink-a32: oklch(0.958 0.0095 84.59 / 0.32);
  --p-color-ink-a4: #f4f1ea0a;
  --p-color-ink-a4: oklch(0.958 0.0095 84.59 / 0.04);
  --p-color-ink-a40: #f4f1ea66;
  --p-color-ink-a40: oklch(0.958 0.0095 84.59 / 0.4);
  --p-color-ink-a5: #f4f1ea0d;
  --p-color-ink-a5: oklch(0.958 0.0095 84.59 / 0.05);
  --p-color-ink-a6: #f4f1ea0f;
  --p-color-ink-a6: oklch(0.958 0.0095 84.59 / 0.06);
  --p-color-ink-a8: #f4f1ea14;
  --p-color-ink-a8: oklch(0.958 0.0095 84.59 / 0.08);
  --p-color-mark-done: #f4f1ea;
  --p-color-mark-done: oklch(0.958 0.0095 84.59);
  --p-color-mark-on-done: #0c0a06;
  --p-color-mark-on-done: oklch(0.145 0.0105 84.59);
  --p-color-nav-active: #1b1b1d;
  --p-color-nav-active: oklch(0.2236 0.0028 275.09);
  --p-color-nav-active-icon: #a1bcff;
  --p-color-nav-active-icon: oklch(0.8 0.1002 267.04);
  --p-color-selected-outline: #f4f1ea;
  --p-color-selected-outline: oklch(0.958 0.0095 84.59);
  --p-color-success-subtle: #0e1a0d;
  --p-color-success-subtle: oklch(0.202 0.0295 142.57);
  --p-color-surface-1: #191712;
  --p-color-surface-1: oklch(0.205 0.0105 84.59);
  --p-color-surface-2: #201e19;
  --p-color-surface-2: oklch(0.235 0.0105 84.59);
  --p-color-surface-3: #282520;
  --p-color-surface-3: oklch(0.265 0.0105 84.59);
  --p-color-surface-4: #302d28;
  --p-color-surface-4: oklch(0.3 0.0105 84.59);
  --p-color-surface-hover: #201e19;
  --p-color-surface-hover: oklch(0.235 0.0105 84.59);
  --p-color-surface-pressed: #282520;
  --p-color-surface-pressed: oklch(0.265 0.0105 84.59);
  --p-color-surface-selected: #101e48;
  --p-color-surface-selected: oklch(0.25 0.0816 267.04);
  --p-color-surface-sunken: #0c0a06;
  --p-color-surface-sunken: oklch(0.145 0.0105 84.59);
  --p-color-text-disabled: #7b7872;
  --p-color-text-disabled: oklch(0.574 0.0105 84.59);
  --p-color-text-inverse: #0c0a06;
  --p-color-text-inverse: oklch(0.145 0.0105 84.59);
  --p-color-text-link: #a1bcff;
  --p-color-text-link: oklch(0.8 0.1002 267.04);
  --p-color-text-primary: #f4f1ea;
  --p-color-text-primary: oklch(0.958 0.0095 84.59);
  --p-color-text-secondary: #bfbcb6;
  --p-color-text-secondary: oklch(0.796 0.0095 84.59);
  --p-color-text-tertiary: #9a9791;
  --p-color-text-tertiary: oklch(0.676 0.0095 84.59);
  --p-color-warning-subtle: #1f1404;
  --p-color-warning-subtle: oklch(0.202 0.0335 76.2);
  --p-elevation-0-surface: #13100b;
  --p-elevation-0-surface: oklch(0.175 0.0105 84.59);
  --p-elevation-1-surface: #191712;
  --p-elevation-1-surface: oklch(0.205 0.0105 84.59);
  --p-elevation-2-surface: #201e19;
  --p-elevation-2-surface: oklch(0.235 0.0105 84.59);
  --p-elevation-3-surface: #282520;
  --p-elevation-3-surface: oklch(0.265 0.0105 84.59);
  --p-elevation-4-surface: #302d28;
  --p-elevation-4-surface: oklch(0.3 0.0105 84.59);
  --p-elevation-5-surface: #302d28;
  --p-elevation-5-surface: oklch(0.3 0.0105 84.59);
  --p-overlay-bg: #191712;
  --p-overlay-bg: oklch(0.205 0.0105 84.59);
  --p-overlay-highlight: #f4f1ea0f;
  --p-overlay-highlight: oklch(0.958 0.0095 84.59 / 0.06);
  --p-overlay-ring: #ffffff1a;
  --p-overlay-ring: oklch(1 0 0 / 0.1);
  --p-overlay-separator: #f4f1ea14;
  --p-overlay-separator: oklch(0.958 0.0095 84.59 / 0.08);
  --p-ramp-accent-1: #080b12;
  --p-ramp-accent-1: oklch(0.15 0.0163 267.04);
  --p-ramp-accent-10: #3a60ec;
  --p-ramp-accent-10: oklch(0.5484 0.2143 267.04);
  --p-ramp-accent-11: #a1bcff;
  --p-ramp-accent-11: oklch(0.8 0.1002 267.04);
  --p-ramp-accent-12: #dee8ff;
  --p-ramp-accent-12: oklch(0.93 0.0334 267.04);
  --p-ramp-accent-2: #0a1020;
  --p-ramp-accent-2: oklch(0.178 0.034 267.04);
  --p-ramp-accent-3: #0e1837;
  --p-ramp-accent-3: oklch(0.22 0.0612 267.04);
  --p-ramp-accent-4: #101e48;
  --p-ramp-accent-4: oklch(0.25 0.0816 267.04);
  --p-ramp-accent-5: #12235a;
  --p-ramp-accent-5: oklch(0.28 0.102 267.04);
  --p-ramp-accent-6: #172b70;
  --p-ramp-accent-6: oklch(0.32 0.1224 267.04);
  --p-ramp-accent-7: #21398d;
  --p-ramp-accent-7: oklch(0.38 0.1428 267.04);
  --p-ramp-accent-8: #1c34b1;
  --p-ramp-accent-8: oklch(0.4042 0.1968 267.04);
  --p-ramp-accent-9: #2f52e0;
  --p-ramp-accent-9: oklch(0.5084 0.2187 267.04);
  --p-ramp-neutral-1: #0c0a06;
  --p-ramp-neutral-1: oklch(0.145 0.0105 84.59);
  --p-ramp-neutral-10: #9a9791;
  --p-ramp-neutral-10: oklch(0.676 0.0095 84.59);
  --p-ramp-neutral-11: #bfbcb6;
  --p-ramp-neutral-11: oklch(0.796 0.0095 84.59);
  --p-ramp-neutral-12: #f4f1ea;
  --p-ramp-neutral-12: oklch(0.958 0.0095 84.59);
  --p-ramp-neutral-2: #13100b;
  --p-ramp-neutral-2: oklch(0.175 0.0105 84.59);
  --p-ramp-neutral-3: #191712;
  --p-ramp-neutral-3: oklch(0.205 0.0105 84.59);
  --p-ramp-neutral-4: #201e19;
  --p-ramp-neutral-4: oklch(0.235 0.0105 84.59);
  --p-ramp-neutral-5: #282520;
  --p-ramp-neutral-5: oklch(0.265 0.0105 84.59);
  --p-ramp-neutral-6: #302d28;
  --p-ramp-neutral-6: oklch(0.3 0.0105 84.59);
  --p-ramp-neutral-7: #3e3b36;
  --p-ramp-neutral-7: oklch(0.355 0.0105 84.59);
  --p-ramp-neutral-8: #7b7872;
  --p-ramp-neutral-8: oklch(0.574 0.0105 84.59);
  --p-ramp-neutral-9: #8a8781;
  --p-ramp-neutral-9: oklch(0.625 0.0095 84.59);
  --p-segmented-active-bg: #3e3b36;
  --p-segmented-active-bg: oklch(0.355 0.0105 84.59);
  --p-segmented-track: #f4f1ea0a;
  --p-segmented-track: oklch(0.958 0.0095 84.59 / 0.04);
  --p-shadow-button-primary: inset 0px 1px 0px 0px oklch(1 0 0 / 0.08), 0px 1px 2px 0px oklch(0.958 0.0095 84.59 / 0.1);
  --p-shadow-choice: 0px 1px 1px 0px oklch(0.958 0.0095 84.59 / 0.05);
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(1 0 0 / 0.1), 0px 24px 48px -12px oklch(0 0 0 / 0.5);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0 0 0 / 0.3), 0px 4px 8px -4px oklch(0 0 0 / 0.3), 0px 16px 24px -8px oklch(0 0 0 / 0.45);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(1 0 0 / 0.1);
  --p-shadow-segment-active: 0px 1px 2px 0px oklch(0.958 0.0095 84.59 / 0.08), 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.0095 84.59 / 0.12), 0px 1px 2px 0px oklch(0.958 0.0095 84.59 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.0095 84.59 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.0095 84.59 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #f4f1ea1a;
  --p-slider-track: oklch(0.958 0.0095 84.59 / 0.1);
  --p-switch-border-off: #7b7872;
  --p-switch-border-off: oklch(0.574 0.0105 84.59);
  --p-switch-track-off: #f4f1ea29;
  --p-switch-track-off: oklch(0.958 0.0095 84.59 / 0.16);
  --p-tooltip-bg: #f4f1ea;
  --p-tooltip-bg: oklch(0.958 0.0095 84.59);
  --p-tooltip-fg: #0c0a06;
  --p-tooltip-fg: oklch(0.145 0.0105 84.59);
}

[data-theme="dark"][data-world="signal"][data-product="claradb"] {
  --p-brand-sidebar-accent: #3262a9;
  --p-brand-sidebar-accent: oklch(0.5 0.1239 257.91);
  --p-button-focus-border: #95c0ff;
  --p-button-focus-border: oklch(0.8 0.1016 257.91);
  --p-color-accent-action: #3262a9;
  --p-color-accent-action: oklch(0.5 0.1239 257.91);
  --p-color-accent-border: #224271;
  --p-color-accent-border: oklch(0.38 0.0885 257.91);
  --p-color-accent-solid: #3262a9;
  --p-color-accent-solid: oklch(0.5 0.1239 257.91);
  --p-color-accent-solid-hover: #3f6eb4;
  --p-color-accent-solid-hover: oklch(0.54 0.1214 257.91);
  --p-color-accent-solid-pressed: #1c4682;
  --p-color-accent-solid-pressed: oklch(0.4 0.1115 257.91);
  --p-color-accent-text: #95c0ff;
  --p-color-accent-text: oklch(0.8 0.1016 257.91);
  --p-color-accent-text-pressed: #1c4682;
  --p-color-accent-text-pressed: oklch(0.4 0.1115 257.91);
  --p-color-accent-tint: #0f1b2c;
  --p-color-accent-tint: oklch(0.22 0.0379 257.91);
  --p-color-agent-border: #224271;
  --p-color-agent-border: oklch(0.38 0.0885 257.91);
  --p-color-agent-mark: #3262a9;
  --p-color-agent-mark: oklch(0.5 0.1239 257.91);
  --p-color-agent-text: #95c0ff;
  --p-color-agent-text: oklch(0.8 0.1016 257.91);
  --p-color-agent-tint: #0f1b2c;
  --p-color-agent-tint: oklch(0.22 0.0379 257.91);
  --p-color-field-border-focus: #95c0ff;
  --p-color-field-border-focus: oklch(0.8 0.1016 257.91);
  --p-color-focus-ring: #95c0ff;
  --p-color-focus-ring: oklch(0.8 0.1016 257.91);
  --p-color-focus-ring-button: #95c0ff59;
  --p-color-focus-ring-button: oklch(0.8 0.1016 257.91 / 0.35);
  --p-color-focus-ring-field: #95c0ff52;
  --p-color-focus-ring-field: oklch(0.8 0.1016 257.91 / 0.32);
  --p-color-nav-active: #181c21;
  --p-color-nav-active: oklch(0.2236 0.0122 257.91);
  --p-color-nav-active-icon: #95c0ff;
  --p-color-nav-active-icon: oklch(0.8 0.1016 257.91);
  --p-color-surface-selected: #11223a;
  --p-color-surface-selected: oklch(0.25 0.0506 257.91);
  --p-color-text-link: #95c0ff;
  --p-color-text-link: oklch(0.8 0.1016 257.91);
  --p-ramp-accent-1: #090b0f;
  --p-ramp-accent-1: oklch(0.15 0.0101 257.91);
  --p-ramp-accent-10: #3f6eb4;
  --p-ramp-accent-10: oklch(0.54 0.1214 257.91);
  --p-ramp-accent-11: #95c0ff;
  --p-ramp-accent-11: oklch(0.8 0.1016 257.91);
  --p-ramp-accent-12: #dae9ff;
  --p-ramp-accent-12: oklch(0.93 0.0338 257.91);
  --p-ramp-accent-2: #0b111a;
  --p-ramp-accent-2: oklch(0.178 0.0211 257.91);
  --p-ramp-accent-3: #0f1b2c;
  --p-ramp-accent-3: oklch(0.22 0.0379 257.91);
  --p-ramp-accent-4: #11223a;
  --p-ramp-accent-4: oklch(0.25 0.0506 257.91);
  --p-ramp-accent-5: #142948;
  --p-ramp-accent-5: oklch(0.28 0.0632 257.91);
  --p-ramp-accent-6: #183359;
  --p-ramp-accent-6: oklch(0.32 0.0758 257.91);
  --p-ramp-accent-7: #224271;
  --p-ramp-accent-7: oklch(0.38 0.0885 257.91);
  --p-ramp-accent-8: #1c4682;
  --p-ramp-accent-8: oklch(0.4 0.1115 257.91);
  --p-ramp-accent-9: #3262a9;
  --p-ramp-accent-9: oklch(0.5 0.1239 257.91);
}

[data-theme="dark"][data-world="signal"][data-product="reshot"] {
  --p-brand-sidebar-accent: #2e64e0;
  --p-brand-sidebar-accent: oklch(0.5418 0.198 263.45);
  --p-button-focus-border: #9cbeff;
  --p-button-focus-border: oklch(0.8 0.1004 263.45);
  --p-color-accent-action: #2e64e0;
  --p-color-accent-action: oklch(0.5418 0.198 263.45);
  --p-color-accent-border: #183b8c;
  --p-color-accent-border: oklch(0.38 0.1414 263.45);
  --p-color-accent-solid: #2e64e0;
  --p-color-accent-solid: oklch(0.5418 0.198 263.45);
  --p-color-accent-solid-hover: #386ee8;
  --p-color-accent-solid-hover: oklch(0.5718 0.194 263.45);
  --p-color-accent-solid-pressed: #1441ac;
  --p-color-accent-solid-pressed: oklch(0.4209 0.1782 263.45);
  --p-color-accent-text: #9cbeff;
  --p-color-accent-text: oklch(0.8 0.1004 263.45);
  --p-color-accent-text-pressed: #1441ac;
  --p-color-accent-text-pressed: oklch(0.4209 0.1782 263.45);
  --p-color-accent-tint: #0b1936;
  --p-color-accent-tint: oklch(0.22 0.0606 263.45);
  --p-color-agent-border: #183b8c;
  --p-color-agent-border: oklch(0.38 0.1414 263.45);
  --p-color-agent-mark: #2e64e0;
  --p-color-agent-mark: oklch(0.5418 0.198 263.45);
  --p-color-agent-text: #9cbeff;
  --p-color-agent-text: oklch(0.8 0.1004 263.45);
  --p-color-agent-tint: #0b1936;
  --p-color-agent-tint: oklch(0.22 0.0606 263.45);
  --p-color-field-border-focus: #9cbeff;
  --p-color-field-border-focus: oklch(0.8 0.1004 263.45);
  --p-color-focus-ring: #9cbeff;
  --p-color-focus-ring: oklch(0.8 0.1004 263.45);
  --p-color-focus-ring-button: #9cbeff59;
  --p-color-focus-ring-button: oklch(0.8 0.1004 263.45 / 0.35);
  --p-color-focus-ring-field: #9cbeff52;
  --p-color-focus-ring-field: oklch(0.8 0.1004 263.45 / 0.32);
  --p-color-nav-active: #191b21;
  --p-color-nav-active: oklch(0.2236 0.012 263.45);
  --p-color-nav-active-icon: #9cbeff;
  --p-color-nav-active-icon: oklch(0.8 0.1004 263.45);
  --p-color-surface-selected: #0c1f48;
  --p-color-surface-selected: oklch(0.25 0.0808 263.45);
  --p-color-text-link: #9cbeff;
  --p-color-text-link: oklch(0.8 0.1004 263.45);
  --p-ramp-accent-1: #080b12;
  --p-ramp-accent-1: oklch(0.15 0.0162 263.45);
  --p-ramp-accent-10: #386ee8;
  --p-ramp-accent-10: oklch(0.5718 0.194 263.45);
  --p-ramp-accent-11: #9cbeff;
  --p-ramp-accent-11: oklch(0.8 0.1004 263.45);
  --p-ramp-accent-12: #dce8ff;
  --p-ramp-accent-12: oklch(0.93 0.0334 263.45);
  --p-ramp-accent-2: #091120;
  --p-ramp-accent-2: oklch(0.178 0.0337 263.45);
  --p-ramp-accent-3: #0b1936;
  --p-ramp-accent-3: oklch(0.22 0.0606 263.45);
  --p-ramp-accent-4: #0c1f48;
  --p-ramp-accent-4: oklch(0.25 0.0808 263.45);
  --p-ramp-accent-5: #0d245a;
  --p-ramp-accent-5: oklch(0.28 0.101 263.45);
  --p-ramp-accent-6: #102c6f;
  --p-ramp-accent-6: oklch(0.32 0.1212 263.45);
  --p-ramp-accent-7: #183b8c;
  --p-ramp-accent-7: oklch(0.38 0.1414 263.45);
  --p-ramp-accent-8: #1441ac;
  --p-ramp-accent-8: oklch(0.4209 0.1782 263.45);
  --p-ramp-accent-9: #2e64e0;
  --p-ramp-accent-9: oklch(0.5418 0.198 263.45);
}

[data-theme="dark"][data-world="signal"][data-product="claradb-pro"] {
  --p-brand-sidebar-accent: #7038e0;
  --p-brand-sidebar-accent: oklch(0.516 0.235 291);
  --p-button-focus-border: #beb1ff;
  --p-button-focus-border: oklch(0.8 0.1093 291);
  --p-color-accent-action: #7038e0;
  --p-color-accent-action: oklch(0.516 0.235 291);
  --p-color-accent-border: #462c87;
  --p-color-accent-border: oklch(0.38 0.1428 291);
  --p-color-accent-solid: #7038e0;
  --p-color-accent-solid: oklch(0.516 0.235 291);
  --p-color-accent-solid-hover: #7b49ec;
  --p-color-accent-solid-hover: oklch(0.556 0.2303 291);
  --p-color-accent-solid-pressed: #5217b0;
  --p-color-accent-solid-pressed: oklch(0.408 0.2115 291);
  --p-color-accent-text: #beb1ff;
  --p-color-accent-text: oklch(0.8 0.1093 291);
  --p-color-accent-text-pressed: #5217b0;
  --p-color-accent-text-pressed: oklch(0.408 0.2115 291);
  --p-color-accent-tint: #1b1434;
  --p-color-accent-tint: oklch(0.22 0.0612 291);
  --p-color-agent-border: #462c87;
  --p-color-agent-border: oklch(0.38 0.1428 291);
  --p-color-agent-mark: #7038e0;
  --p-color-agent-mark: oklch(0.516 0.235 291);
  --p-color-agent-text: #beb1ff;
  --p-color-agent-text: oklch(0.8 0.1093 291);
  --p-color-agent-tint: #1b1434;
  --p-color-agent-tint: oklch(0.22 0.0612 291);
  --p-color-field-border-focus: #beb1ff;
  --p-color-field-border-focus: oklch(0.8 0.1093 291);
  --p-color-focus-ring: #beb1ff;
  --p-color-focus-ring: oklch(0.8 0.1093 291);
  --p-color-focus-ring-button: #beb1ff59;
  --p-color-focus-ring-button: oklch(0.8 0.1093 291 / 0.35);
  --p-color-focus-ring-field: #beb1ff52;
  --p-color-focus-ring-field: oklch(0.8 0.1093 291 / 0.32);
  --p-color-nav-active: #1b1a21;
  --p-color-nav-active: oklch(0.2236 0.0131 291);
  --p-color-nav-active-icon: #beb1ff;
  --p-color-nav-active-icon: oklch(0.8 0.1093 291);
  --p-color-surface-selected: #231845;
  --p-color-surface-selected: oklch(0.25 0.0816 291);
  --p-color-text-link: #beb1ff;
  --p-color-text-link: oklch(0.8 0.1093 291);
  --p-ramp-accent-1: #0b0a12;
  --p-ramp-accent-1: oklch(0.15 0.0163 291);
  --p-ramp-accent-10: #7b49ec;
  --p-ramp-accent-10: oklch(0.556 0.2303 291);
  --p-ramp-accent-11: #beb1ff;
  --p-ramp-accent-11: oklch(0.8 0.1093 291);
  --p-ramp-accent-12: #e7e4ff;
  --p-ramp-accent-12: oklch(0.93 0.0363 291);
  --p-ramp-accent-2: #110e1f;
  --p-ramp-accent-2: oklch(0.178 0.034 291);
  --p-ramp-accent-3: #1b1434;
  --p-ramp-accent-3: oklch(0.22 0.0612 291);
  --p-ramp-accent-4: #231845;
  --p-ramp-accent-4: oklch(0.25 0.0816 291);
  --p-ramp-accent-5: #2b1b56;
  --p-ramp-accent-5: oklch(0.28 0.102 291);
  --p-ramp-accent-6: #36216b;
  --p-ramp-accent-6: oklch(0.32 0.1224 291);
  --p-ramp-accent-7: #462c87;
  --p-ramp-accent-7: oklch(0.38 0.1428 291);
  --p-ramp-accent-8: #5217b0;
  --p-ramp-accent-8: oklch(0.408 0.2115 291);
  --p-ramp-accent-9: #7038e0;
  --p-ramp-accent-9: oklch(0.516 0.235 291);
}

[data-theme="dark"][data-world="signal"][data-product="runstamp"] {
  --p-brand-sidebar-accent: #2f4bff;
  --p-brand-sidebar-accent: oklch(0.5265 0.2634 267.74);
  --p-button-focus-border: #a2bcff;
  --p-button-focus-border: oklch(0.8 0.1002 267.74);
  --p-color-accent-action: #2f4bff;
  --p-color-accent-action: oklch(0.5265 0.2634 267.74);
  --p-color-accent-border: #22388d;
  --p-color-accent-border: oklch(0.38 0.1428 267.74);
  --p-color-accent-solid: #2f4bff;
  --p-color-accent-solid: oklch(0.5265 0.2634 267.74);
  --p-color-accent-solid-hover: #3c61ff;
  --p-color-accent-solid-hover: oklch(0.5665 0.2377 267.74);
  --p-color-accent-solid-pressed: #1d28c9;
  --p-color-accent-solid-pressed: oklch(0.4133 0.2371 267.74);
  --p-color-accent-text: #a2bcff;
  --p-color-accent-text: oklch(0.8 0.1002 267.74);
  --p-color-accent-text-pressed: #1d28c9;
  --p-color-accent-text-pressed: oklch(0.4133 0.2371 267.74);
  --p-color-accent-tint: #0e1837;
  --p-color-accent-tint: oklch(0.22 0.0612 267.74);
  --p-color-agent-border: #22388d;
  --p-color-agent-border: oklch(0.38 0.1428 267.74);
  --p-color-agent-mark: #2f4bff;
  --p-color-agent-mark: oklch(0.5265 0.2634 267.74);
  --p-color-agent-text: #a2bcff;
  --p-color-agent-text: oklch(0.8 0.1002 267.74);
  --p-color-agent-tint: #0e1837;
  --p-color-agent-tint: oklch(0.22 0.0612 267.74);
  --p-color-field-border-focus: #a2bcff;
  --p-color-field-border-focus: oklch(0.8 0.1002 267.74);
  --p-color-focus-ring: #a2bcff;
  --p-color-focus-ring: oklch(0.8 0.1002 267.74);
  --p-color-focus-ring-button: #a2bcff59;
  --p-color-focus-ring-button: oklch(0.8 0.1002 267.74 / 0.35);
  --p-color-focus-ring-field: #a2bcff52;
  --p-color-focus-ring-field: oklch(0.8 0.1002 267.74 / 0.32);
  --p-color-nav-active: #191b21;
  --p-color-nav-active: oklch(0.2236 0.012 267.74);
  --p-color-nav-active-icon: #a2bcff;
  --p-color-nav-active-icon: oklch(0.8 0.1002 267.74);
  --p-color-surface-selected: #111d48;
  --p-color-surface-selected: oklch(0.25 0.0816 267.74);
  --p-color-text-link: #a2bcff;
  --p-color-text-link: oklch(0.8 0.1002 267.74);
  --p-ramp-accent-1: #080b12;
  --p-ramp-accent-1: oklch(0.15 0.0163 267.74);
  --p-ramp-accent-10: #3c61ff;
  --p-ramp-accent-10: oklch(0.5665 0.2377 267.74);
  --p-ramp-accent-11: #a2bcff;
  --p-ramp-accent-11: oklch(0.8 0.1002 267.74);
  --p-ramp-accent-12: #dee8ff;
  --p-ramp-accent-12: oklch(0.93 0.0333 267.74);
  --p-ramp-accent-2: #0b1020;
  --p-ramp-accent-2: oklch(0.178 0.034 267.74);
  --p-ramp-accent-3: #0e1837;
  --p-ramp-accent-3: oklch(0.22 0.0612 267.74);
  --p-ramp-accent-4: #111d48;
  --p-ramp-accent-4: oklch(0.25 0.0816 267.74);
  --p-ramp-accent-5: #13235a;
  --p-ramp-accent-5: oklch(0.28 0.102 267.74);
  --p-ramp-accent-6: #182a70;
  --p-ramp-accent-6: oklch(0.32 0.1224 267.74);
  --p-ramp-accent-7: #22388d;
  --p-ramp-accent-7: oklch(0.38 0.1428 267.74);
  --p-ramp-accent-8: #1d28c9;
  --p-ramp-accent-8: oklch(0.4133 0.2371 267.74);
  --p-ramp-accent-9: #2f4bff;
  --p-ramp-accent-9: oklch(0.5265 0.2634 267.74);
}

[data-theme="dark"][data-world="signal"][data-product="plain-trades"] {
  --p-brand-sidebar-accent: #b15520;
  --p-brand-sidebar-accent: oklch(0.555 0.135 47);
  --p-button-focus-border: #f4f1ea;
  --p-button-focus-border: oklch(0.958 0.009 84.58);
  --p-button-ghost-bg-hover: #f4f1ea0a;
  --p-button-ghost-bg-hover: oklch(0.958 0.009 84.58 / 0.04);
  --p-button-ghost-bg-pressed: #f4f1ea14;
  --p-button-ghost-bg-pressed: oklch(0.958 0.009 84.58 / 0.08);
  --p-button-secondary-bg: #ffffff0a;
  --p-button-secondary-bg: oklch(1 0 0 / 0.04);
  --p-button-secondary-bg-hover: #ffffff1a;
  --p-button-secondary-bg-hover: oklch(1 0 0 / 0.1);
  --p-choice-border: #7b7872;
  --p-choice-border: oklch(0.574 0.01 84.58);
  --p-color-accent-action: #f4f1ea;
  --p-color-accent-action: oklch(0.958 0.009 84.58);
  --p-color-accent-border: #3e3b36;
  --p-color-accent-border: oklch(0.355 0.01 84.58);
  --p-color-accent-solid: #b15520;
  --p-color-accent-solid: oklch(0.555 0.135 47);
  --p-color-accent-solid-hover: #b65c2a;
  --p-color-accent-solid-hover: oklch(0.575 0.1323 47);
  --p-color-accent-solid-pressed: #813500;
  --p-color-accent-solid-pressed: oklch(0.4275 0.1194 47);
  --p-color-accent-text: #f4f1ea;
  --p-color-accent-text: oklch(0.958 0.009 84.58);
  --p-color-accent-text-pressed: #813500;
  --p-color-accent-text-pressed: oklch(0.4275 0.1194 47);
  --p-color-accent-tint: #191712;
  --p-color-accent-tint: oklch(0.205 0.01 84.58);
  --p-color-agent-border: #6a2f0b;
  --p-color-agent-border: oklch(0.38 0.0964 47);
  --p-color-agent-mark: #b15520;
  --p-color-agent-mark: oklch(0.555 0.135 47);
  --p-color-agent-text: #fea578;
  --p-color-agent-text: oklch(0.8 0.1215 47);
  --p-color-agent-tint: #2a1409;
  --p-color-agent-tint: oklch(0.22 0.0413 47);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 84.58);
  --p-color-bg-default: #13100c;
  --p-color-bg-default: oklch(0.175 0.01 84.58);
  --p-color-bg-panel: #13100c;
  --p-color-bg-panel: oklch(0.175 0.01 84.58);
  --p-color-border-control: #f4f1ea29;
  --p-color-border-control: oklch(0.958 0.009 84.58 / 0.16);
  --p-color-border-control-hover: #f4f1ea33;
  --p-color-border-control-hover: oklch(0.958 0.009 84.58 / 0.2);
  --p-color-border-control-strong: #f4f1ea33;
  --p-color-border-control-strong: oklch(0.958 0.009 84.58 / 0.2);
  --p-color-border-default: #7b7872;
  --p-color-border-default: oklch(0.574 0.01 84.58);
  --p-color-border-hairline: #f4f1ea14;
  --p-color-border-hairline: oklch(0.958 0.009 84.58 / 0.08);
  --p-color-border-strong: #8a8782;
  --p-color-border-strong: oklch(0.625 0.009 84.58);
  --p-color-border-subtle: #302d28;
  --p-color-border-subtle: oklch(0.3 0.01 84.58);
  --p-color-count-bg: #201e19;
  --p-color-count-bg: oklch(0.235 0.01 84.58);
  --p-color-count-text: #bfbcb6;
  --p-color-count-text: oklch(0.796 0.009 84.58);
  --p-color-danger-subtle: #260f0b;
  --p-color-danger-subtle: oklch(0.202 0.039 31.97);
  --p-color-field-bg: #ffffff0a;
  --p-color-field-bg: oklch(1 0 0 / 0.04);
  --p-color-field-bg-disabled: #f4f1ea08;
  --p-color-field-bg-disabled: oklch(0.958 0.009 84.58 / 0.03);
  --p-color-field-border-disabled: #f4f1ea0f;
  --p-color-field-border-disabled: oklch(0.958 0.009 84.58 / 0.06);
  --p-color-field-border-focus: #f4f1ea;
  --p-color-field-border-focus: oklch(0.958 0.009 84.58);
  --p-color-field-border-readonly-hover: #f4f1ea1f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.009 84.58 / 0.12);
  --p-color-focus-ring: #f4f1ea;
  --p-color-focus-ring: oklch(0.958 0.009 84.58);
  --p-color-focus-ring-button: #f4f1ea59;
  --p-color-focus-ring-button: oklch(0.958 0.009 84.58 / 0.35);
  --p-color-focus-ring-field: #f4f1ea52;
  --p-color-focus-ring-field: oklch(0.958 0.009 84.58 / 0.32);
  --p-color-hover-tint: #f4f1ea0a;
  --p-color-hover-tint: oklch(0.958 0.009 84.58 / 0.04);
  --p-color-info-subtle: #0b1823;
  --p-color-info-subtle: oklch(0.202 0.0292 248.02);
  --p-color-ink-a10: #f4f1ea1a;
  --p-color-ink-a10: oklch(0.958 0.009 84.58 / 0.1);
  --p-color-ink-a12: #f4f1ea1f;
  --p-color-ink-a12: oklch(0.958 0.009 84.58 / 0.12);
  --p-color-ink-a14: #f4f1ea24;
  --p-color-ink-a14: oklch(0.958 0.009 84.58 / 0.14);
  --p-color-ink-a16: #f4f1ea29;
  --p-color-ink-a16: oklch(0.958 0.009 84.58 / 0.16);
  --p-color-ink-a18: #f4f1ea2e;
  --p-color-ink-a18: oklch(0.958 0.009 84.58 / 0.18);
  --p-color-ink-a20: #f4f1ea33;
  --p-color-ink-a20: oklch(0.958 0.009 84.58 / 0.2);
  --p-color-ink-a24: #f4f1ea3d;
  --p-color-ink-a24: oklch(0.958 0.009 84.58 / 0.24);
  --p-color-ink-a28: #f4f1ea47;
  --p-color-ink-a28: oklch(0.958 0.009 84.58 / 0.28);
  --p-color-ink-a3: #f4f1ea08;
  --p-color-ink-a3: oklch(0.958 0.009 84.58 / 0.03);
  --p-color-ink-a32: #f4f1ea52;
  --p-color-ink-a32: oklch(0.958 0.009 84.58 / 0.32);
  --p-color-ink-a4: #f4f1ea0a;
  --p-color-ink-a4: oklch(0.958 0.009 84.58 / 0.04);
  --p-color-ink-a40: #f4f1ea66;
  --p-color-ink-a40: oklch(0.958 0.009 84.58 / 0.4);
  --p-color-ink-a5: #f4f1ea0d;
  --p-color-ink-a5: oklch(0.958 0.009 84.58 / 0.05);
  --p-color-ink-a6: #f4f1ea0f;
  --p-color-ink-a6: oklch(0.958 0.009 84.58 / 0.06);
  --p-color-ink-a8: #f4f1ea14;
  --p-color-ink-a8: oklch(0.958 0.009 84.58 / 0.08);
  --p-color-mark-done: #13100c;
  --p-color-mark-done: oklch(0.175 0.01 84.58);
  --p-color-mark-on-done: #f4f1ea;
  --p-color-mark-on-done: oklch(0.958 0.009 84.58);
  --p-color-nav-active: #22201b;
  --p-color-nav-active: oklch(0.2426 0.0099 84.58);
  --p-color-nav-active-icon: #f4f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 84.58);
  --p-color-selected-outline: #f4f1ea;
  --p-color-selected-outline: oklch(0.958 0.009 84.58);
  --p-color-success-subtle: #0e1a0e;
  --p-color-success-subtle: oklch(0.202 0.0294 142.9);
  --p-color-surface-1: #191712;
  --p-color-surface-1: oklch(0.205 0.01 84.58);
  --p-color-surface-2: #201e19;
  --p-color-surface-2: oklch(0.235 0.01 84.58);
  --p-color-surface-3: #272520;
  --p-color-surface-3: oklch(0.265 0.01 84.58);
  --p-color-surface-4: #302d28;
  --p-color-surface-4: oklch(0.3 0.01 84.58);
  --p-color-surface-hover: #201e19;
  --p-color-surface-hover: oklch(0.235 0.01 84.58);
  --p-color-surface-pressed: #272520;
  --p-color-surface-pressed: oklch(0.265 0.01 84.58);
  --p-color-surface-selected: #361808;
  --p-color-surface-selected: oklch(0.25 0.0551 47);
  --p-color-surface-sunken: #0c0a06;
  --p-color-surface-sunken: oklch(0.145 0.01 84.58);
  --p-color-text-disabled: #7b7872;
  --p-color-text-disabled: oklch(0.574 0.01 84.58);
  --p-color-text-inverse: #0c0a06;
  --p-color-text-inverse: oklch(0.145 0.01 84.58);
  --p-color-text-link: #f4f1ea;
  --p-color-text-link: oklch(0.958 0.009 84.58);
  --p-color-text-primary: #f4f1ea;
  --p-color-text-primary: oklch(0.958 0.009 84.58);
  --p-color-text-secondary: #bfbcb6;
  --p-color-text-secondary: oklch(0.796 0.009 84.58);
  --p-color-text-tertiary: #9a9791;
  --p-color-text-tertiary: oklch(0.676 0.009 84.58);
  --p-color-warning-subtle: #1f1404;
  --p-color-warning-subtle: oklch(0.202 0.0334 76.14);
  --p-elevation-0-surface: #13100c;
  --p-elevation-0-surface: oklch(0.175 0.01 84.58);
  --p-elevation-1-surface: #191712;
  --p-elevation-1-surface: oklch(0.205 0.01 84.58);
  --p-elevation-2-surface: #201e19;
  --p-elevation-2-surface: oklch(0.235 0.01 84.58);
  --p-elevation-3-surface: #272520;
  --p-elevation-3-surface: oklch(0.265 0.01 84.58);
  --p-elevation-4-surface: #302d28;
  --p-elevation-4-surface: oklch(0.3 0.01 84.58);
  --p-elevation-5-surface: #302d28;
  --p-elevation-5-surface: oklch(0.3 0.01 84.58);
  --p-overlay-bg: #191712;
  --p-overlay-bg: oklch(0.205 0.01 84.58);
  --p-overlay-highlight: #f4f1ea0f;
  --p-overlay-highlight: oklch(0.958 0.009 84.58 / 0.06);
  --p-overlay-ring: #ffffff1a;
  --p-overlay-ring: oklch(1 0 0 / 0.1);
  --p-overlay-separator: #f4f1ea14;
  --p-overlay-separator: oklch(0.958 0.009 84.58 / 0.08);
  --p-ramp-accent-1: #0f0a07;
  --p-ramp-accent-1: oklch(0.15 0.011 47);
  --p-ramp-accent-10: #b65c2a;
  --p-ramp-accent-10: oklch(0.575 0.1323 47);
  --p-ramp-accent-11: #fea578;
  --p-ramp-accent-11: oklch(0.8 0.1215 47);
  --p-ramp-accent-12: #ffe1d2;
  --p-ramp-accent-12: oklch(0.93 0.0389 47);
  --p-ramp-accent-2: #1a0e08;
  --p-ramp-accent-2: oklch(0.178 0.023 47);
  --p-ramp-accent-3: #2a1409;
  --p-ramp-accent-3: oklch(0.22 0.0413 47);
  --p-ramp-accent-4: #361808;
  --p-ramp-accent-4: oklch(0.25 0.0551 47);
  --p-ramp-accent-5: #431c06;
  --p-ramp-accent-5: oklch(0.28 0.0689 47);
  --p-ramp-accent-6: #532305;
  --p-ramp-accent-6: oklch(0.32 0.0826 47);
  --p-ramp-accent-7: #6a2f0b;
  --p-ramp-accent-7: oklch(0.38 0.0964 47);
  --p-ramp-accent-8: #813500;
  --p-ramp-accent-8: oklch(0.4275 0.1194 47);
  --p-ramp-accent-9: #b15520;
  --p-ramp-accent-9: oklch(0.555 0.135 47);
  --p-ramp-neutral-1: #0c0a06;
  --p-ramp-neutral-1: oklch(0.145 0.01 84.58);
  --p-ramp-neutral-10: #9a9791;
  --p-ramp-neutral-10: oklch(0.676 0.009 84.58);
  --p-ramp-neutral-11: #bfbcb6;
  --p-ramp-neutral-11: oklch(0.796 0.009 84.58);
  --p-ramp-neutral-12: #f4f1ea;
  --p-ramp-neutral-12: oklch(0.958 0.009 84.58);
  --p-ramp-neutral-2: #13100c;
  --p-ramp-neutral-2: oklch(0.175 0.01 84.58);
  --p-ramp-neutral-3: #191712;
  --p-ramp-neutral-3: oklch(0.205 0.01 84.58);
  --p-ramp-neutral-4: #201e19;
  --p-ramp-neutral-4: oklch(0.235 0.01 84.58);
  --p-ramp-neutral-5: #272520;
  --p-ramp-neutral-5: oklch(0.265 0.01 84.58);
  --p-ramp-neutral-6: #302d28;
  --p-ramp-neutral-6: oklch(0.3 0.01 84.58);
  --p-ramp-neutral-7: #3e3b36;
  --p-ramp-neutral-7: oklch(0.355 0.01 84.58);
  --p-ramp-neutral-8: #7b7872;
  --p-ramp-neutral-8: oklch(0.574 0.01 84.58);
  --p-ramp-neutral-9: #8a8782;
  --p-ramp-neutral-9: oklch(0.625 0.009 84.58);
  --p-segmented-active-bg: #3e3b36;
  --p-segmented-active-bg: oklch(0.355 0.01 84.58);
  --p-segmented-track: #f4f1ea0a;
  --p-segmented-track: oklch(0.958 0.009 84.58 / 0.04);
  --p-shadow-button-primary: 0 0 0 0 transparent;
  --p-shadow-choice: 0 0 0 0 transparent;
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(1 0 0 / 0.1), 0px 24px 48px -12px oklch(0 0 0 / 0.5);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0 0 0 / 0.3), 0px 4px 8px -4px oklch(0 0 0 / 0.3), 0px 16px 24px -8px oklch(0 0 0 / 0.45);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(1 0 0 / 0.1);
  --p-shadow-segment-active: 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.009 84.58 / 0.12), 0px 1px 2px 0px oklch(0.958 0.009 84.58 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.009 84.58 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.009 84.58 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #f4f1ea1a;
  --p-slider-track: oklch(0.958 0.009 84.58 / 0.1);
  --p-switch-border-off: #7b7872;
  --p-switch-border-off: oklch(0.574 0.01 84.58);
  --p-switch-track-off: #f4f1ea29;
  --p-switch-track-off: oklch(0.958 0.009 84.58 / 0.16);
  --p-tooltip-bg: #f4f1ea;
  --p-tooltip-bg: oklch(0.958 0.009 84.58);
  --p-tooltip-fg: #0c0a06;
  --p-tooltip-fg: oklch(0.145 0.01 84.58);
}

[data-theme="dark"][data-world="signal"][data-product="handywright"] {
  --p-brand-sidebar-accent: #ffd21f;
  --p-brand-sidebar-accent: oklch(0.8775 0.1745 92.55);
  --p-button-focus-border: #f3f1ea;
  --p-button-focus-border: oklch(0.958 0.009 90);
  --p-button-ghost-bg-hover: #f3f1ea0a;
  --p-button-ghost-bg-hover: oklch(0.958 0.009 90 / 0.04);
  --p-button-ghost-bg-pressed: #f3f1ea14;
  --p-button-ghost-bg-pressed: oklch(0.958 0.009 90 / 0.08);
  --p-button-secondary-bg: #ffffff0a;
  --p-button-secondary-bg: oklch(1 0 0 / 0.04);
  --p-button-secondary-bg-hover: #ffffff1a;
  --p-button-secondary-bg-hover: oklch(1 0 0 / 0.1);
  --p-choice-border: #7c7a73;
  --p-choice-border: oklch(0.578 0.01 90);
  --p-color-accent-action: #f3f1ea;
  --p-color-accent-action: oklch(0.958 0.009 90);
  --p-color-accent-border: #3e3c36;
  --p-color-accent-border: oklch(0.355 0.01 90);
  --p-color-accent-solid: #ffd21f;
  --p-color-accent-solid: oklch(0.8775 0.1745 92.55);
  --p-color-accent-solid-hover: #ffe285;
  --p-color-accent-solid-hover: oklch(0.9175 0.1172 92.55);
  --p-color-accent-solid-pressed: #fff1c3;
  --p-color-accent-solid-pressed: oklch(0.9575 0.0604 92.55);
  --p-color-accent-text: #f3f1ea;
  --p-color-accent-text: oklch(0.958 0.009 90);
  --p-color-accent-text-pressed: #ffeaa6;
  --p-color-accent-text-pressed: oklch(0.9375 0.0888 92.55);
  --p-color-accent-tint: #221a00;
  --p-color-accent-tint: oklch(0.22 0.0481 92.55);
  --p-color-agent-border: #514100;
  --p-color-agent-border: oklch(0.38 0.0788 92.55);
  --p-color-agent-mark: #ffd21f;
  --p-color-agent-mark: oklch(0.8775 0.1745 92.55);
  --p-color-agent-text: #ffeaa6;
  --p-color-agent-text: oklch(0.9375 0.0888 92.55);
  --p-color-agent-tint: #221a00;
  --p-color-agent-tint: oklch(0.22 0.0481 92.55);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 90);
  --p-color-bg-default: #12100c;
  --p-color-bg-default: oklch(0.175 0.01 90);
  --p-color-bg-panel: #12100c;
  --p-color-bg-panel: oklch(0.175 0.01 90);
  --p-color-border-control: #f3f1ea29;
  --p-color-border-control: oklch(0.958 0.009 90 / 0.16);
  --p-color-border-control-hover: #f3f1ea33;
  --p-color-border-control-hover: oklch(0.958 0.009 90 / 0.2);
  --p-color-border-control-strong: #f3f1ea33;
  --p-color-border-control-strong: oklch(0.958 0.009 90 / 0.2);
  --p-color-border-default: #7c7a73;
  --p-color-border-default: oklch(0.578 0.01 90);
  --p-color-border-hairline: #f3f1ea14;
  --p-color-border-hairline: oklch(0.958 0.009 90 / 0.08);
  --p-color-border-strong: #8b8983;
  --p-color-border-strong: oklch(0.629 0.009 90);
  --p-color-border-subtle: #302e28;
  --p-color-border-subtle: oklch(0.3 0.01 90);
  --p-color-count-bg: #201e19;
  --p-color-count-bg: oklch(0.235 0.01 90);
  --p-color-count-text: #c0bdb7;
  --p-color-count-text: oklch(0.8 0.009 90);
  --p-color-danger-subtle: #250f0b;
  --p-color-danger-subtle: oklch(0.202 0.0387 32.28);
  --p-color-field-bg: #ffffff0a;
  --p-color-field-bg: oklch(1 0 0 / 0.04);
  --p-color-field-bg-disabled: #f3f1ea08;
  --p-color-field-bg-disabled: oklch(0.958 0.009 90 / 0.03);
  --p-color-field-border-disabled: #f3f1ea0f;
  --p-color-field-border-disabled: oklch(0.958 0.009 90 / 0.06);
  --p-color-field-border-focus: #f3f1ea;
  --p-color-field-border-focus: oklch(0.958 0.009 90);
  --p-color-field-border-readonly-hover: #f3f1ea1f;
  --p-color-field-border-readonly-hover: oklch(0.958 0.009 90 / 0.12);
  --p-color-focus-ring: #f3f1ea;
  --p-color-focus-ring: oklch(0.958 0.009 90);
  --p-color-focus-ring-button: #f3f1ea59;
  --p-color-focus-ring-button: oklch(0.958 0.009 90 / 0.35);
  --p-color-focus-ring-field: #f3f1ea52;
  --p-color-focus-ring-field: oklch(0.958 0.009 90 / 0.32);
  --p-color-hover-tint: #f3f1ea0a;
  --p-color-hover-tint: oklch(0.958 0.009 90 / 0.04);
  --p-color-info-subtle: #0b1823;
  --p-color-info-subtle: oklch(0.202 0.0293 247.33);
  --p-color-ink-a10: #f3f1ea1a;
  --p-color-ink-a10: oklch(0.958 0.009 90 / 0.1);
  --p-color-ink-a12: #f3f1ea1f;
  --p-color-ink-a12: oklch(0.958 0.009 90 / 0.12);
  --p-color-ink-a14: #f3f1ea24;
  --p-color-ink-a14: oklch(0.958 0.009 90 / 0.14);
  --p-color-ink-a16: #f3f1ea29;
  --p-color-ink-a16: oklch(0.958 0.009 90 / 0.16);
  --p-color-ink-a18: #f3f1ea2e;
  --p-color-ink-a18: oklch(0.958 0.009 90 / 0.18);
  --p-color-ink-a20: #f3f1ea33;
  --p-color-ink-a20: oklch(0.958 0.009 90 / 0.2);
  --p-color-ink-a24: #f3f1ea3d;
  --p-color-ink-a24: oklch(0.958 0.009 90 / 0.24);
  --p-color-ink-a28: #f3f1ea47;
  --p-color-ink-a28: oklch(0.958 0.009 90 / 0.28);
  --p-color-ink-a3: #f3f1ea08;
  --p-color-ink-a3: oklch(0.958 0.009 90 / 0.03);
  --p-color-ink-a32: #f3f1ea52;
  --p-color-ink-a32: oklch(0.958 0.009 90 / 0.32);
  --p-color-ink-a4: #f3f1ea0a;
  --p-color-ink-a4: oklch(0.958 0.009 90 / 0.04);
  --p-color-ink-a40: #f3f1ea66;
  --p-color-ink-a40: oklch(0.958 0.009 90 / 0.4);
  --p-color-ink-a5: #f3f1ea0d;
  --p-color-ink-a5: oklch(0.958 0.009 90 / 0.05);
  --p-color-ink-a6: #f3f1ea0f;
  --p-color-ink-a6: oklch(0.958 0.009 90 / 0.06);
  --p-color-ink-a8: #f3f1ea14;
  --p-color-ink-a8: oklch(0.958 0.009 90 / 0.08);
  --p-color-mark-done: #12100c;
  --p-color-mark-done: oklch(0.175 0.01 90);
  --p-color-mark-on-done: #f3f1ea;
  --p-color-mark-on-done: oklch(0.958 0.009 90);
  --p-color-nav-active: #22201b;
  --p-color-nav-active: oklch(0.2426 0.0099 90);
  --p-color-nav-active-icon: #f3f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 90);
  --p-color-selected-outline: #f3f1ea;
  --p-color-selected-outline: oklch(0.958 0.009 90);
  --p-color-success-subtle: #0e1a0e;
  --p-color-success-subtle: oklch(0.202 0.0297 143.31);
  --p-color-surface-1: #191712;
  --p-color-surface-1: oklch(0.205 0.01 90);
  --p-color-surface-2: #201e19;
  --p-color-surface-2: oklch(0.235 0.01 90);
  --p-color-surface-3: #272520;
  --p-color-surface-3: oklch(0.265 0.01 90);
  --p-color-surface-4: #302e28;
  --p-color-surface-4: oklch(0.3 0.01 90);
  --p-color-surface-hover: #201e19;
  --p-color-surface-hover: oklch(0.235 0.01 90);
  --p-color-surface-pressed: #272520;
  --p-color-surface-pressed: oklch(0.265 0.01 90);
  --p-color-surface-selected: #2b2000;
  --p-color-surface-selected: oklch(0.25 0.0535 92.55);
  --p-color-surface-sunken: #0c0a06;
  --p-color-surface-sunken: oklch(0.145 0.01 90);
  --p-color-text-disabled: #7c7a73;
  --p-color-text-disabled: oklch(0.578 0.01 90);
  --p-color-text-inverse: #0c0a06;
  --p-color-text-inverse: oklch(0.145 0.01 90);
  --p-color-text-link: #f3f1ea;
  --p-color-text-link: oklch(0.958 0.009 90);
  --p-color-text-on-accent: #111114;
  --p-color-text-on-accent: oklch(0.18 0.005 286);
  --p-color-text-primary: #f3f1ea;
  --p-color-text-primary: oklch(0.958 0.009 90);
  --p-color-text-secondary: #c0bdb7;
  --p-color-text-secondary: oklch(0.8 0.009 90);
  --p-color-text-tertiary: #9a9892;
  --p-color-text-tertiary: oklch(0.68 0.009 90);
  --p-color-warning-subtle: #1f1404;
  --p-color-warning-subtle: oklch(0.202 0.0333 76.78);
  --p-elevation-0-surface: #12100c;
  --p-elevation-0-surface: oklch(0.175 0.01 90);
  --p-elevation-1-surface: #191712;
  --p-elevation-1-surface: oklch(0.205 0.01 90);
  --p-elevation-2-surface: #201e19;
  --p-elevation-2-surface: oklch(0.235 0.01 90);
  --p-elevation-3-surface: #272520;
  --p-elevation-3-surface: oklch(0.265 0.01 90);
  --p-elevation-4-surface: #302e28;
  --p-elevation-4-surface: oklch(0.3 0.01 90);
  --p-elevation-5-surface: #302e28;
  --p-elevation-5-surface: oklch(0.3 0.01 90);
  --p-overlay-bg: #191712;
  --p-overlay-bg: oklch(0.205 0.01 90);
  --p-overlay-highlight: #f3f1ea0f;
  --p-overlay-highlight: oklch(0.958 0.009 90 / 0.06);
  --p-overlay-ring: #ffffff1a;
  --p-overlay-ring: oklch(1 0 0 / 0.1);
  --p-overlay-separator: #f3f1ea14;
  --p-overlay-separator: oklch(0.958 0.009 90 / 0.08);
  --p-ramp-accent-1: #0d0b05;
  --p-ramp-accent-1: oklch(0.15 0.0142 92.55);
  --p-ramp-accent-10: #ffe285;
  --p-ramp-accent-10: oklch(0.9175 0.1172 92.55);
  --p-ramp-accent-11: #ffeaa6;
  --p-ramp-accent-11: oklch(0.9375 0.0888 92.55);
  --p-ramp-accent-12: #f6e8ba;
  --p-ramp-accent-12: oklch(0.93 0.0611 92.55);
  --p-ramp-accent-2: #161103;
  --p-ramp-accent-2: oklch(0.178 0.0297 92.55);
  --p-ramp-accent-3: #221a00;
  --p-ramp-accent-3: oklch(0.22 0.0481 92.55);
  --p-ramp-accent-4: #2b2000;
  --p-ramp-accent-4: oklch(0.25 0.0535 92.55);
  --p-ramp-accent-5: #332800;
  --p-ramp-accent-5: oklch(0.28 0.0592 92.55);
  --p-ramp-accent-6: #3f3100;
  --p-ramp-accent-6: oklch(0.32 0.0669 92.55);
  --p-ramp-accent-7: #514100;
  --p-ramp-accent-7: oklch(0.38 0.0788 92.55);
  --p-ramp-accent-8: #967a00;
  --p-ramp-accent-8: oklch(0.5887 0.1209 92.55);
  --p-ramp-accent-9: #ffd21f;
  --p-ramp-accent-9: oklch(0.8775 0.1745 92.55);
  --p-ramp-neutral-1: #0c0a06;
  --p-ramp-neutral-1: oklch(0.145 0.01 90);
  --p-ramp-neutral-10: #9a9892;
  --p-ramp-neutral-10: oklch(0.68 0.009 90);
  --p-ramp-neutral-11: #c0bdb7;
  --p-ramp-neutral-11: oklch(0.8 0.009 90);
  --p-ramp-neutral-12: #f3f1ea;
  --p-ramp-neutral-12: oklch(0.958 0.009 90);
  --p-ramp-neutral-2: #12100c;
  --p-ramp-neutral-2: oklch(0.175 0.01 90);
  --p-ramp-neutral-3: #191712;
  --p-ramp-neutral-3: oklch(0.205 0.01 90);
  --p-ramp-neutral-4: #201e19;
  --p-ramp-neutral-4: oklch(0.235 0.01 90);
  --p-ramp-neutral-5: #272520;
  --p-ramp-neutral-5: oklch(0.265 0.01 90);
  --p-ramp-neutral-6: #302e28;
  --p-ramp-neutral-6: oklch(0.3 0.01 90);
  --p-ramp-neutral-7: #3e3c36;
  --p-ramp-neutral-7: oklch(0.355 0.01 90);
  --p-ramp-neutral-8: #7c7a73;
  --p-ramp-neutral-8: oklch(0.578 0.01 90);
  --p-ramp-neutral-9: #8b8983;
  --p-ramp-neutral-9: oklch(0.629 0.009 90);
  --p-segmented-active-bg: #3e3c36;
  --p-segmented-active-bg: oklch(0.355 0.01 90);
  --p-segmented-track: #f3f1ea0a;
  --p-segmented-track: oklch(0.958 0.009 90 / 0.04);
  --p-shadow-button-primary: 0 0 0 0 transparent;
  --p-shadow-choice: 0 0 0 0 transparent;
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(1 0 0 / 0.1), 0px 24px 48px -12px oklch(0 0 0 / 0.5);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0 0 0 / 0.3), 0px 4px 8px -4px oklch(0 0 0 / 0.3), 0px 16px 24px -8px oklch(0 0 0 / 0.45);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(1 0 0 / 0.1);
  --p-shadow-segment-active: 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.958 0.009 90 / 0.12), 0px 1px 2px 0px oklch(0.958 0.009 90 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.958 0.009 90 / 0.2), 0px 0px 0px 0.5px oklch(0.958 0.009 90 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #f3f1ea1a;
  --p-slider-track: oklch(0.958 0.009 90 / 0.1);
  --p-switch-border-off: #7c7a73;
  --p-switch-border-off: oklch(0.578 0.01 90);
  --p-switch-track-off: #f3f1ea29;
  --p-switch-track-off: oklch(0.958 0.009 90 / 0.16);
  --p-tooltip-bg: #f3f1ea;
  --p-tooltip-bg: oklch(0.958 0.009 90);
  --p-tooltip-fg: #0c0a06;
  --p-tooltip-fg: oklch(0.145 0.01 90);
}

[data-theme="dark"][data-world="signal"][data-product="oslerpress"] {
  --p-brand-sidebar-accent: #f3f6f9;
  --p-brand-sidebar-accent: oklch(0.9717 0.0051 247.88);
  --p-button-focus-border: #f3f6f9;
  --p-button-focus-border: oklch(0.9717 0.0051 247.88);
  --p-button-ghost-bg-hover: #ebf1f70a;
  --p-button-ghost-bg-hover: oklch(0.954 0.0108 250 / 0.04);
  --p-button-ghost-bg-pressed: #ebf1f714;
  --p-button-ghost-bg-pressed: oklch(0.954 0.0108 250 / 0.08);
  --p-button-secondary-bg: #ffffff0a;
  --p-button-secondary-bg: oklch(1 0 0 / 0.04);
  --p-button-secondary-bg-hover: #ffffff1a;
  --p-button-secondary-bg-hover: oklch(1 0 0 / 0.1);
  --p-choice-border: #737980;
  --p-choice-border: oklch(0.574 0.012 250);
  --p-color-accent-action: #f3f6f9;
  --p-color-accent-action: oklch(0.9717 0.0051 247.88);
  --p-color-accent-border: #373c42;
  --p-color-accent-border: oklch(0.355 0.012 250);
  --p-color-accent-solid: #f3f6f9;
  --p-color-accent-solid: oklch(0.9717 0.0051 247.88);
  --p-color-accent-solid-hover: #f9fcff;
  --p-color-accent-solid-hover: oklch(0.99 0.005 247.88);
  --p-color-accent-solid-pressed: #f9fcff;
  --p-color-accent-solid-pressed: oklch(0.99 0.005 247.88);
  --p-color-accent-text: #f3f6f9;
  --p-color-accent-text: oklch(0.9717 0.0051 247.88);
  --p-color-accent-text-pressed: #ffffff;
  --p-color-accent-text-pressed: oklch(1 0 0);
  --p-color-accent-tint: #13181d;
  --p-color-accent-tint: oklch(0.205 0.012 250);
  --p-color-agent-border: #414344;
  --p-color-agent-border: oklch(0.38 0.0036 247.88);
  --p-color-agent-mark: #f3f6f9;
  --p-color-agent-mark: oklch(0.9717 0.0051 247.88);
  --p-color-agent-text: #ffffff;
  --p-color-agent-text: oklch(1 0 0);
  --p-color-agent-tint: #1a1b1b;
  --p-color-agent-tint: oklch(0.22 0.0016 247.88);
  --p-color-bg-canvas: #0d1116;
  --p-color-bg-canvas: oklch(0.175 0.012 250);
  --p-color-bg-default: #12181d;
  --p-color-bg-default: oklch(0.205 0.014 250);
  --p-color-bg-panel: #0d1116;
  --p-color-bg-panel: oklch(0.175 0.012 250);
  --p-color-border-control: #ebf1f729;
  --p-color-border-control: oklch(0.954 0.0108 250 / 0.16);
  --p-color-border-control-hover: #ebf1f733;
  --p-color-border-control-hover: oklch(0.954 0.0108 250 / 0.2);
  --p-color-border-control-strong: #ebf1f733;
  --p-color-border-control-strong: oklch(0.954 0.0108 250 / 0.2);
  --p-color-border-default: #737980;
  --p-color-border-default: oklch(0.574 0.012 250);
  --p-color-border-hairline: #ebf1f714;
  --p-color-border-hairline: oklch(0.954 0.0108 250 / 0.08);
  --p-color-border-strong: #83898f;
  --p-color-border-strong: oklch(0.627 0.0108 250);
  --p-color-border-subtle: #272f37;
  --p-color-border-subtle: oklch(0.3 0.018 250);
  --p-color-count-bg: #1a1f24;
  --p-color-count-bg: oklch(0.235 0.012 250);
  --p-color-count-text: #b7c3cf;
  --p-color-count-text: oklch(0.8116 0.0215 248.09);
  --p-color-danger-subtle: #271313;
  --p-color-danger-subtle: oklch(0.214 0.0328 20.32);
  --p-color-field-bg: #ffffff0a;
  --p-color-field-bg: oklch(1 0 0 / 0.04);
  --p-color-field-bg-disabled: #ebf1f708;
  --p-color-field-bg-disabled: oklch(0.954 0.0108 250 / 0.03);
  --p-color-field-border-disabled: #ebf1f70f;
  --p-color-field-border-disabled: oklch(0.954 0.0108 250 / 0.06);
  --p-color-field-border-focus: #f3f6f9;
  --p-color-field-border-focus: oklch(0.9717 0.0051 247.88);
  --p-color-field-border-readonly-hover: #ebf1f71f;
  --p-color-field-border-readonly-hover: oklch(0.954 0.0108 250 / 0.12);
  --p-color-focus-ring: #f3f6f9;
  --p-color-focus-ring: oklch(0.9717 0.0051 247.88);
  --p-color-focus-ring-button: #f3f6f959;
  --p-color-focus-ring-button: oklch(0.9717 0.0051 247.88 / 0.35);
  --p-color-focus-ring-field: #f3f6f952;
  --p-color-focus-ring-field: oklch(0.9717 0.0051 247.88 / 0.32);
  --p-color-hover-tint: #ebf1f70a;
  --p-color-hover-tint: oklch(0.954 0.0108 250 / 0.04);
  --p-color-info-subtle: #13181d;
  --p-color-info-subtle: oklch(0.205 0.0128 250);
  --p-color-ink-a10: #ebf1f71a;
  --p-color-ink-a10: oklch(0.954 0.0108 250 / 0.1);
  --p-color-ink-a12: #ebf1f71f;
  --p-color-ink-a12: oklch(0.954 0.0108 250 / 0.12);
  --p-color-ink-a14: #ebf1f724;
  --p-color-ink-a14: oklch(0.954 0.0108 250 / 0.14);
  --p-color-ink-a16: #ebf1f729;
  --p-color-ink-a16: oklch(0.954 0.0108 250 / 0.16);
  --p-color-ink-a18: #ebf1f72e;
  --p-color-ink-a18: oklch(0.954 0.0108 250 / 0.18);
  --p-color-ink-a20: #ebf1f733;
  --p-color-ink-a20: oklch(0.954 0.0108 250 / 0.2);
  --p-color-ink-a24: #ebf1f73d;
  --p-color-ink-a24: oklch(0.954 0.0108 250 / 0.24);
  --p-color-ink-a28: #ebf1f747;
  --p-color-ink-a28: oklch(0.954 0.0108 250 / 0.28);
  --p-color-ink-a3: #ebf1f708;
  --p-color-ink-a3: oklch(0.954 0.0108 250 / 0.03);
  --p-color-ink-a32: #ebf1f752;
  --p-color-ink-a32: oklch(0.954 0.0108 250 / 0.32);
  --p-color-ink-a4: #ebf1f70a;
  --p-color-ink-a4: oklch(0.954 0.0108 250 / 0.04);
  --p-color-ink-a40: #ebf1f766;
  --p-color-ink-a40: oklch(0.954 0.0108 250 / 0.4);
  --p-color-ink-a5: #ebf1f70d;
  --p-color-ink-a5: oklch(0.954 0.0108 250 / 0.05);
  --p-color-ink-a6: #ebf1f70f;
  --p-color-ink-a6: oklch(0.954 0.0108 250 / 0.06);
  --p-color-ink-a8: #ebf1f714;
  --p-color-ink-a8: oklch(0.954 0.0108 250 / 0.08);
  --p-color-mark-done: #12181d;
  --p-color-mark-done: oklch(0.205 0.014 250);
  --p-color-mark-on-done: #f3f6f9;
  --p-color-mark-on-done: oklch(0.9717 0.0051 247.88);
  --p-color-nav-active: #23272c;
  --p-color-nav-active: oklch(0.2706 0.0112 249.88);
  --p-color-nav-active-icon: #f3f6f9;
  --p-color-nav-active-icon: oklch(0.9717 0.0051 247.88);
  --p-color-selected-outline: #f3f6f9;
  --p-color-selected-outline: oklch(0.9717 0.0051 247.88);
  --p-color-success-subtle: #0d1d15;
  --p-color-success-subtle: oklch(0.214 0.0271 161.73);
  --p-color-surface-1: #161c23;
  --p-color-surface-1: oklch(0.225 0.016 250);
  --p-color-surface-2: #1a1f24;
  --p-color-surface-2: oklch(0.235 0.012 250);
  --p-color-surface-3: #21262b;
  --p-color-surface-3: oklch(0.265 0.012 250);
  --p-color-surface-4: #292e34;
  --p-color-surface-4: oklch(0.3 0.012 250);
  --p-color-surface-hover: #1a1f24;
  --p-color-surface-hover: oklch(0.235 0.012 250);
  --p-color-surface-pressed: #21262b;
  --p-color-surface-pressed: oklch(0.265 0.012 250);
  --p-color-surface-selected: #212223;
  --p-color-surface-selected: oklch(0.25 0.0021 247.88);
  --p-color-surface-sunken: #0a0e12;
  --p-color-surface-sunken: oklch(0.16 0.011 250);
  --p-color-text-disabled: #737980;
  --p-color-text-disabled: oklch(0.574 0.012 250);
  --p-color-text-inverse: #070b0f;
  --p-color-text-inverse: oklch(0.145 0.012 250);
  --p-color-text-link: #f3f6f9;
  --p-color-text-link: oklch(0.9717 0.0051 247.88);
  --p-color-text-on-accent: #111114;
  --p-color-text-on-accent: oklch(0.18 0.005 286);
  --p-color-text-primary: #f3f6f9;
  --p-color-text-primary: oklch(0.9717 0.0051 247.88);
  --p-color-text-secondary: #b7c3cf;
  --p-color-text-secondary: oklch(0.8116 0.0215 248.09);
  --p-color-text-tertiary: #93999f;
  --p-color-text-tertiary: oklch(0.68 0.0108 250);
  --p-color-warning-subtle: #20180c;
  --p-color-warning-subtle: oklch(0.214 0.0238 76.17);
  --p-elevation-0-surface: #12181d;
  --p-elevation-0-surface: oklch(0.205 0.014 250);
  --p-elevation-1-surface: #161c23;
  --p-elevation-1-surface: oklch(0.225 0.016 250);
  --p-elevation-2-surface: #1a1f24;
  --p-elevation-2-surface: oklch(0.235 0.012 250);
  --p-elevation-3-surface: #21262b;
  --p-elevation-3-surface: oklch(0.265 0.012 250);
  --p-elevation-4-surface: #292e34;
  --p-elevation-4-surface: oklch(0.3 0.012 250);
  --p-elevation-5-surface: #292e34;
  --p-elevation-5-surface: oklch(0.3 0.012 250);
  --p-overlay-bg: #13181d;
  --p-overlay-bg: oklch(0.205 0.012 250);
  --p-overlay-highlight: #ebf1f70f;
  --p-overlay-highlight: oklch(0.954 0.0108 250 / 0.06);
  --p-overlay-ring: #ffffff1a;
  --p-overlay-ring: oklch(1 0 0 / 0.1);
  --p-overlay-separator: #ebf1f714;
  --p-overlay-separator: oklch(0.954 0.0108 250 / 0.08);
  --p-ramp-accent-1: #0b0b0b;
  --p-ramp-accent-1: oklch(0.15 0.0004 247.88);
  --p-ramp-accent-10: #f9fcff;
  --p-ramp-accent-10: oklch(0.99 0.005 247.88);
  --p-ramp-accent-11: #ffffff;
  --p-ramp-accent-11: oklch(1 0 0);
  --p-ramp-accent-12: #e7e8e9;
  --p-ramp-accent-12: oklch(0.93 0.0018 247.88);
  --p-ramp-accent-2: #111111;
  --p-ramp-accent-2: oklch(0.178 0.0009 247.88);
  --p-ramp-accent-3: #1a1b1b;
  --p-ramp-accent-3: oklch(0.22 0.0016 247.88);
  --p-ramp-accent-4: #212223;
  --p-ramp-accent-4: oklch(0.25 0.0021 247.88);
  --p-ramp-accent-5: #28292a;
  --p-ramp-accent-5: oklch(0.28 0.0026 247.88);
  --p-ramp-accent-6: #323334;
  --p-ramp-accent-6: oklch(0.32 0.0031 247.88);
  --p-ramp-accent-7: #414344;
  --p-ramp-accent-7: oklch(0.38 0.0036 247.88);
  --p-ramp-accent-8: #898b8e;
  --p-ramp-accent-8: oklch(0.6359 0.0046 247.88);
  --p-ramp-accent-9: #f3f6f9;
  --p-ramp-accent-9: oklch(0.9717 0.0051 247.88);
  --p-ramp-neutral-1: #070b0f;
  --p-ramp-neutral-1: oklch(0.145 0.012 250);
  --p-ramp-neutral-10: #93999f;
  --p-ramp-neutral-10: oklch(0.68 0.0108 250);
  --p-ramp-neutral-11: #b7bdc3;
  --p-ramp-neutral-11: oklch(0.796 0.0108 250);
  --p-ramp-neutral-12: #ebf1f7;
  --p-ramp-neutral-12: oklch(0.954 0.0108 250);
  --p-ramp-neutral-2: #0d1116;
  --p-ramp-neutral-2: oklch(0.175 0.012 250);
  --p-ramp-neutral-3: #13181d;
  --p-ramp-neutral-3: oklch(0.205 0.012 250);
  --p-ramp-neutral-4: #1a1f24;
  --p-ramp-neutral-4: oklch(0.235 0.012 250);
  --p-ramp-neutral-5: #21262b;
  --p-ramp-neutral-5: oklch(0.265 0.012 250);
  --p-ramp-neutral-6: #292e34;
  --p-ramp-neutral-6: oklch(0.3 0.012 250);
  --p-ramp-neutral-7: #373c42;
  --p-ramp-neutral-7: oklch(0.355 0.012 250);
  --p-ramp-neutral-8: #737980;
  --p-ramp-neutral-8: oklch(0.574 0.012 250);
  --p-ramp-neutral-9: #83898f;
  --p-ramp-neutral-9: oklch(0.627 0.0108 250);
  --p-segmented-active-bg: #373c42;
  --p-segmented-active-bg: oklch(0.355 0.012 250);
  --p-segmented-track: #ebf1f70a;
  --p-segmented-track: oklch(0.954 0.0108 250 / 0.04);
  --p-shadow-button-primary: 0 0 0 0 transparent;
  --p-shadow-choice: 0 0 0 0 transparent;
  --p-shadow-control: 0 0 0 0 transparent;
  --p-shadow-dialog: 0px 0px 0px 1px oklch(1 0 0 / 0.1), 0px 24px 48px -12px oklch(0 0 0 / 0.5);
  --p-shadow-overlay: 0px 1px 1px 0px oklch(0 0 0 / 0.3), 0px 4px 8px -4px oklch(0 0 0 / 0.3), 0px 16px 24px -8px oklch(0 0 0 / 0.45);
  --p-shadow-overlay-ring: 0px 0px 0px 1px oklch(1 0 0 / 0.1);
  --p-shadow-segment-active: 0px 0px 0px 1px oklch(1 0 0 / 0.06);
  --p-shadow-slider-thumb: 0px 0px 0px 1px oklch(0.954 0.0108 250 / 0.12), 0px 1px 2px 0px oklch(0.954 0.0108 250 / 0.14);
  --p-shadow-thumb: 0px 1px 2px 0px oklch(0.954 0.0108 250 / 0.2), 0px 0px 0px 0.5px oklch(0.954 0.0108 250 / 0.08);
  --p-shadow-xs: 0 0 0 0 transparent;
  --p-slider-track: #ebf1f71a;
  --p-slider-track: oklch(0.954 0.0108 250 / 0.1);
  --p-switch-border-off: #737980;
  --p-switch-border-off: oklch(0.574 0.012 250);
  --p-switch-track-off: #ebf1f729;
  --p-switch-track-off: oklch(0.954 0.0108 250 / 0.16);
  --p-tooltip-bg: #f3f6f9;
  --p-tooltip-bg: oklch(0.9717 0.0051 247.88);
  --p-tooltip-fg: #070b0f;
  --p-tooltip-fg: oklch(0.145 0.012 250);
}

[data-theme="dark"][data-contrast="increased"][data-product="naalto"] {
  --p-button-focus-border: #edf2f7;
  --p-button-focus-border: oklch(0.958 0.0088 252.82);
  --p-choice-border: #b8bdc2;
  --p-choice-border: oklch(0.796 0.0088 252.82);
  --p-color-accent-text: #dee9f7;
  --p-color-accent-text: oklch(0.93 0.0218 254.96);
  --p-color-agent-text: #dee9f7;
  --p-color-agent-text: oklch(0.93 0.0218 254.96);
  --p-color-bg-canvas: #0d1115;
  --p-color-bg-canvas: oklch(0.175 0.0098 252.82);
  --p-color-border-control: #b8bdc2;
  --p-color-border-control: oklch(0.796 0.0088 252.82);
  --p-color-border-control-hover: #edf2f7;
  --p-color-border-control-hover: oklch(0.958 0.0088 252.82);
  --p-color-border-control-strong: #edf2f7;
  --p-color-border-control-strong: oklch(0.958 0.0088 252.82);
  --p-color-border-default: #b8bdc2;
  --p-color-border-default: oklch(0.796 0.0088 252.82);
  --p-color-border-strong: #edf2f7;
  --p-color-border-strong: oklch(0.958 0.0088 252.82);
  --p-color-border-subtle: #75797e;
  --p-color-border-subtle: oklch(0.574 0.0098 252.82);
  --p-color-field-border-disabled: #75797e;
  --p-color-field-border-disabled: oklch(0.574 0.0098 252.82);
  --p-color-field-border-focus: #edf2f7;
  --p-color-field-border-focus: oklch(0.958 0.0088 252.82);
  --p-color-focus-ring: #edf2f7;
  --p-color-focus-ring: oklch(0.958 0.0088 252.82);
  --p-color-focus-ring-button: #edf2f759;
  --p-color-focus-ring-button: oklch(0.958 0.0088 252.82 / 0.35);
  --p-color-focus-ring-field: #edf2f752;
  --p-color-focus-ring-field: oklch(0.958 0.0088 252.82 / 0.32);
  --p-color-nav-active: #22262b;
  --p-color-nav-active: oklch(0.2656 0.0112 253.32);
  --p-color-nav-active-icon: #dee9f7;
  --p-color-nav-active-icon: oklch(0.93 0.0218 254.96);
  --p-color-text-disabled: #85898e;
  --p-color-text-disabled: oklch(0.627 0.0088 252.82);
  --p-color-text-link: #dee9f7;
  --p-color-text-link: oklch(0.93 0.0218 254.96);
  --p-color-text-secondary: #edf2f7;
  --p-color-text-secondary: oklch(0.958 0.0088 252.82);
  --p-color-text-tertiary: #b8bdc2;
  --p-color-text-tertiary: oklch(0.796 0.0088 252.82);
  --p-switch-border-off: #b8bdc2;
  --p-switch-border-off: oklch(0.796 0.0088 252.82);
}

[data-theme="dark"][data-contrast="increased"][data-product="poliage"] {
  --p-button-focus-border: #f6f0e9;
  --p-button-focus-border: oklch(0.958 0.011 67.67);
  --p-choice-border: #c3bcb6;
  --p-choice-border: oklch(0.8 0.011 67.67);
  --p-color-accent-text: #f4e4e2;
  --p-color-accent-text: oklch(0.93 0.0179 23.08);
  --p-color-agent-text: #f4e4e2;
  --p-color-agent-text: oklch(0.93 0.0179 23.08);
  --p-color-bg-canvas: #14100b;
  --p-color-bg-canvas: oklch(0.175 0.0122 67.67);
  --p-color-border-control: #c3bcb6;
  --p-color-border-control: oklch(0.8 0.011 67.67);
  --p-color-border-control-hover: #f6f0e9;
  --p-color-border-control-hover: oklch(0.958 0.011 67.67);
  --p-color-border-control-strong: #f6f0e9;
  --p-color-border-control-strong: oklch(0.958 0.011 67.67);
  --p-color-border-default: #c3bcb6;
  --p-color-border-default: oklch(0.8 0.011 67.67);
  --p-color-border-strong: #f6f0e9;
  --p-color-border-strong: oklch(0.958 0.011 67.67);
  --p-color-border-subtle: #7f7872;
  --p-color-border-subtle: oklch(0.578 0.0122 67.67);
  --p-color-field-border-disabled: #7f7872;
  --p-color-field-border-disabled: oklch(0.578 0.0122 67.67);
  --p-color-field-border-focus: #f6f0e9;
  --p-color-field-border-focus: oklch(0.958 0.011 67.67);
  --p-color-focus-ring: #f6f0e9;
  --p-color-focus-ring: oklch(0.958 0.011 67.67);
  --p-color-focus-ring-button: #f6f0e959;
  --p-color-focus-ring-button: oklch(0.958 0.011 67.67 / 0.35);
  --p-color-focus-ring-field: #f6f0e952;
  --p-color-focus-ring-field: oklch(0.958 0.011 67.67 / 0.32);
  --p-color-nav-active: #2a241f;
  --p-color-nav-active: oklch(0.2656 0.0124 60.66);
  --p-color-nav-active-icon: #f4e4e2;
  --p-color-nav-active-icon: oklch(0.93 0.0179 23.08);
  --p-color-text-disabled: #8d8882;
  --p-color-text-disabled: oklch(0.629 0.011 67.67);
  --p-color-text-link: #f4e4e2;
  --p-color-text-link: oklch(0.93 0.0179 23.08);
  --p-color-text-secondary: #f6f0e9;
  --p-color-text-secondary: oklch(0.958 0.011 67.67);
  --p-color-text-tertiary: #c3bcb6;
  --p-color-text-tertiary: oklch(0.8 0.011 67.67);
  --p-switch-border-off: #c3bcb6;
  --p-switch-border-off: oklch(0.8 0.011 67.67);
}

[data-theme="dark"][data-contrast="increased"][data-product="poliage-beauty"] {
  --p-button-focus-border: #f4f1ea;
  --p-button-focus-border: oklch(0.958 0.009 87.48);
  --p-choice-border: #c0bdb7;
  --p-choice-border: oklch(0.8 0.009 87.48);
  --p-color-accent-text: #e8e8e7;
  --p-color-accent-text: oklch(0.93 0.0014 84.59);
  --p-color-agent-text: #e8e8e7;
  --p-color-agent-text: oklch(0.93 0.0014 84.59);
  --p-color-bg-canvas: #12100c;
  --p-color-bg-canvas: oklch(0.175 0.01 87.48);
  --p-color-border-control: #c0bdb7;
  --p-color-border-control: oklch(0.8 0.009 87.48);
  --p-color-border-control-hover: #f4f1ea;
  --p-color-border-control-hover: oklch(0.958 0.009 87.48);
  --p-color-border-control-strong: #f4f1ea;
  --p-color-border-control-strong: oklch(0.958 0.009 87.48);
  --p-color-border-default: #c0bdb7;
  --p-color-border-default: oklch(0.8 0.009 87.48);
  --p-color-border-strong: #f4f1ea;
  --p-color-border-strong: oklch(0.958 0.009 87.48);
  --p-color-border-subtle: #7c7973;
  --p-color-border-subtle: oklch(0.578 0.01 87.48);
  --p-color-field-border-disabled: #7c7973;
  --p-color-field-border-disabled: oklch(0.578 0.01 87.48);
  --p-color-field-border-focus: #f4f1ea;
  --p-color-field-border-focus: oklch(0.958 0.009 87.48);
  --p-color-focus-ring: #f4f1ea;
  --p-color-focus-ring: oklch(0.958 0.009 87.48);
  --p-color-focus-ring-button: #f4f1ea59;
  --p-color-focus-ring-button: oklch(0.958 0.009 87.48 / 0.35);
  --p-color-focus-ring-field: #f4f1ea52;
  --p-color-focus-ring-field: oklch(0.958 0.009 87.48 / 0.32);
  --p-color-nav-active: #272520;
  --p-color-nav-active: oklch(0.2656 0.009 87.43);
  --p-color-nav-active-icon: #e8e8e7;
  --p-color-nav-active-icon: oklch(0.93 0.0014 84.59);
  --p-color-text-disabled: #8b8983;
  --p-color-text-disabled: oklch(0.629 0.009 87.48);
  --p-color-text-link: #e8e8e7;
  --p-color-text-link: oklch(0.93 0.0014 84.59);
  --p-color-text-secondary: #f4f1ea;
  --p-color-text-secondary: oklch(0.958 0.009 87.48);
  --p-color-text-tertiary: #c0bdb7;
  --p-color-text-tertiary: oklch(0.8 0.009 87.48);
  --p-switch-border-off: #c0bdb7;
  --p-switch-border-off: oklch(0.8 0.009 87.48);
}

[data-theme="dark"][data-contrast="increased"][data-product="paperrift"] {
  --p-button-focus-border: #f2eff9;
  --p-button-focus-border: oklch(0.958 0.0128 298.16);
  --p-choice-border: #bdbbc4;
  --p-choice-border: oklch(0.796 0.0128 298.16);
  --p-color-accent-text: #e8e8e6;
  --p-color-accent-text: oklch(0.93 0.002 84.57);
  --p-color-agent-text: #e8e8e6;
  --p-color-agent-text: oklch(0.93 0.002 84.57);
  --p-color-bg-canvas: #110f16;
  --p-color-bg-canvas: oklch(0.175 0.0142 298.16);
  --p-color-border-control: #bdbbc4;
  --p-color-border-control: oklch(0.796 0.0128 298.16);
  --p-color-border-control-hover: #f2eff9;
  --p-color-border-control-hover: oklch(0.958 0.0128 298.16);
  --p-color-border-control-strong: #f2eff9;
  --p-color-border-control-strong: oklch(0.958 0.0128 298.16);
  --p-color-border-default: #bdbbc4;
  --p-color-border-default: oklch(0.796 0.0128 298.16);
  --p-color-border-strong: #f2eff9;
  --p-color-border-strong: oklch(0.958 0.0128 298.16);
  --p-color-border-subtle: #797780;
  --p-color-border-subtle: oklch(0.574 0.0142 298.16);
  --p-color-field-border-disabled: #797780;
  --p-color-field-border-disabled: oklch(0.574 0.0142 298.16);
  --p-color-field-border-focus: #f2eff9;
  --p-color-field-border-focus: oklch(0.958 0.0128 298.16);
  --p-color-focus-ring: #f2eff9;
  --p-color-focus-ring: oklch(0.958 0.0128 298.16);
  --p-color-focus-ring-button: #f2eff959;
  --p-color-focus-ring-button: oklch(0.958 0.0128 298.16 / 0.35);
  --p-color-focus-ring-field: #f2eff952;
  --p-color-focus-ring-field: oklch(0.958 0.0128 298.16 / 0.32);
  --p-color-nav-active: #26242b;
  --p-color-nav-active: oklch(0.2656 0.0123 298.78);
  --p-color-nav-active-icon: #e8e8e6;
  --p-color-nav-active-icon: oklch(0.93 0.002 84.57);
  --p-color-text-disabled: #89878f;
  --p-color-text-disabled: oklch(0.627 0.0128 298.16);
  --p-color-text-link: #e8e8e6;
  --p-color-text-link: oklch(0.93 0.002 84.57);
  --p-color-text-secondary: #f2eff9;
  --p-color-text-secondary: oklch(0.958 0.0128 298.16);
  --p-color-text-tertiary: #bdbbc4;
  --p-color-text-tertiary: oklch(0.796 0.0128 298.16);
  --p-switch-border-off: #bdbbc4;
  --p-switch-border-off: oklch(0.796 0.0128 298.16);
}

[data-theme="dark"][data-contrast="increased"][data-product="ownmode"] {
  --p-button-focus-border: #f4f1e9;
  --p-button-focus-border: oklch(0.958 0.0103 89.73);
  --p-choice-border: #c0bdb6;
  --p-choice-border: oklch(0.8 0.0103 89.73);
  --p-color-accent-text: #d8eee4;
  --p-color-accent-text: oklch(0.93 0.0269 165.99);
  --p-color-agent-text: #d8eee4;
  --p-color-agent-text: oklch(0.93 0.0269 165.99);
  --p-color-bg-canvas: #12100b;
  --p-color-bg-canvas: oklch(0.175 0.0114 89.73);
  --p-color-border-control: #c0bdb6;
  --p-color-border-control: oklch(0.8 0.0103 89.73);
  --p-color-border-control-hover: #f4f1e9;
  --p-color-border-control-hover: oklch(0.958 0.0103 89.73);
  --p-color-border-control-strong: #f4f1e9;
  --p-color-border-control-strong: oklch(0.958 0.0103 89.73);
  --p-color-border-default: #c0bdb6;
  --p-color-border-default: oklch(0.8 0.0103 89.73);
  --p-color-border-strong: #f4f1e9;
  --p-color-border-strong: oklch(0.958 0.0103 89.73);
  --p-color-border-subtle: #7c7a72;
  --p-color-border-subtle: oklch(0.578 0.0114 89.73);
  --p-color-field-border-disabled: #7c7a72;
  --p-color-field-border-disabled: oklch(0.578 0.0114 89.73);
  --p-color-field-border-focus: #f4f1e9;
  --p-color-field-border-focus: oklch(0.958 0.0103 89.73);
  --p-color-focus-ring: #f4f1e9;
  --p-color-focus-ring: oklch(0.958 0.0103 89.73);
  --p-color-focus-ring-button: #f4f1e959;
  --p-color-focus-ring-button: oklch(0.958 0.0103 89.73 / 0.35);
  --p-color-focus-ring-field: #f4f1e952;
  --p-color-focus-ring-field: oklch(0.958 0.0103 89.73 / 0.32);
  --p-color-nav-active: #262620;
  --p-color-nav-active: oklch(0.2656 0.0112 105.92);
  --p-color-nav-active-icon: #d8eee4;
  --p-color-nav-active-icon: oklch(0.93 0.0269 165.99);
  --p-color-text-disabled: #8b8982;
  --p-color-text-disabled: oklch(0.629 0.0103 89.73);
  --p-color-text-link: #d8eee4;
  --p-color-text-link: oklch(0.93 0.0269 165.99);
  --p-color-text-secondary: #f4f1e9;
  --p-color-text-secondary: oklch(0.958 0.0103 89.73);
  --p-color-text-tertiary: #c0bdb6;
  --p-color-text-tertiary: oklch(0.8 0.0103 89.73);
  --p-switch-border-off: #c0bdb6;
  --p-switch-border-off: oklch(0.8 0.0103 89.73);
}

[data-theme="dark"][data-contrast="increased"][data-product="loudsoup"] {
  --p-button-focus-border: #f4f0ec;
  --p-button-focus-border: oklch(0.958 0.0072 73.74);
  --p-choice-border: #bfbcb7;
  --p-choice-border: oklch(0.796 0.0072 73.74);
  --p-color-accent-text: #ffdfe2;
  --p-color-accent-text: oklch(0.93 0.0362 11.21);
  --p-color-agent-text: #ffdfe2;
  --p-color-agent-text: oklch(0.93 0.0362 11.21);
  --p-color-bg-canvas: #13100d;
  --p-color-bg-canvas: oklch(0.175 0.008 73.74);
  --p-color-border-control: #bfbcb7;
  --p-color-border-control: oklch(0.796 0.0072 73.74);
  --p-color-border-control-hover: #f4f0ec;
  --p-color-border-control-hover: oklch(0.958 0.0072 73.74);
  --p-color-border-control-strong: #f4f0ec;
  --p-color-border-control-strong: oklch(0.958 0.0072 73.74);
  --p-color-border-default: #bfbcb7;
  --p-color-border-default: oklch(0.796 0.0072 73.74);
  --p-color-border-strong: #f4f0ec;
  --p-color-border-strong: oklch(0.958 0.0072 73.74);
  --p-color-border-subtle: #7b7873;
  --p-color-border-subtle: oklch(0.574 0.008 73.74);
  --p-color-field-border-disabled: #7b7873;
  --p-color-field-border-disabled: oklch(0.574 0.008 73.74);
  --p-color-field-border-focus: #f4f0ec;
  --p-color-field-border-focus: oklch(0.958 0.0072 73.74);
  --p-color-focus-ring: #f4f0ec;
  --p-color-focus-ring: oklch(0.958 0.0072 73.74);
  --p-color-focus-ring-button: #f4f0ec59;
  --p-color-focus-ring-button: oklch(0.958 0.0072 73.74 / 0.35);
  --p-color-focus-ring-field: #f4f0ec52;
  --p-color-focus-ring-field: oklch(0.958 0.0072 73.74 / 0.32);
  --p-color-nav-active: #292421;
  --p-color-nav-active: oklch(0.2656 0.0098 50.66);
  --p-color-nav-active-icon: #ffdfe2;
  --p-color-nav-active-icon: oklch(0.93 0.0362 11.21);
  --p-color-text-disabled: #8b8884;
  --p-color-text-disabled: oklch(0.627 0.0072 73.74);
  --p-color-text-link: #ffdfe2;
  --p-color-text-link: oklch(0.93 0.0362 11.21);
  --p-color-text-secondary: #f4f0ec;
  --p-color-text-secondary: oklch(0.958 0.0072 73.74);
  --p-color-text-tertiary: #bfbcb7;
  --p-color-text-tertiary: oklch(0.796 0.0072 73.74);
  --p-switch-border-off: #bfbcb7;
  --p-switch-border-off: oklch(0.796 0.0072 73.74);
}

[data-theme="dark"][data-contrast="increased"][data-product="execemy"] {
  --p-button-focus-border: #f4f1ea;
  --p-button-focus-border: oklch(0.958 0.0095 84.59);
  --p-choice-border: #bfbcb6;
  --p-choice-border: oklch(0.796 0.0095 84.59);
  --p-color-accent-text: #dee8ff;
  --p-color-accent-text: oklch(0.93 0.0334 267.04);
  --p-color-agent-text: #dee8ff;
  --p-color-agent-text: oklch(0.93 0.0334 267.04);
  --p-color-bg-canvas: #13100b;
  --p-color-bg-canvas: oklch(0.175 0.0105 84.59);
  --p-color-border-control: #bfbcb6;
  --p-color-border-control: oklch(0.796 0.0095 84.59);
  --p-color-border-control-hover: #f4f1ea;
  --p-color-border-control-hover: oklch(0.958 0.0095 84.59);
  --p-color-border-control-strong: #f4f1ea;
  --p-color-border-control-strong: oklch(0.958 0.0095 84.59);
  --p-color-border-default: #bfbcb6;
  --p-color-border-default: oklch(0.796 0.0095 84.59);
  --p-color-border-strong: #f4f1ea;
  --p-color-border-strong: oklch(0.958 0.0095 84.59);
  --p-color-border-subtle: #7b7872;
  --p-color-border-subtle: oklch(0.574 0.0105 84.59);
  --p-color-field-border-disabled: #7b7872;
  --p-color-field-border-disabled: oklch(0.574 0.0105 84.59);
  --p-color-field-border-focus: #f4f1ea;
  --p-color-field-border-focus: oklch(0.958 0.0095 84.59);
  --p-color-focus-ring: #f4f1ea;
  --p-color-focus-ring: oklch(0.958 0.0095 84.59);
  --p-color-focus-ring-button: #f4f1ea59;
  --p-color-focus-ring-button: oklch(0.958 0.0095 84.59 / 0.35);
  --p-color-focus-ring-field: #f4f1ea52;
  --p-color-focus-ring-field: oklch(0.958 0.0095 84.59 / 0.32);
  --p-color-nav-active: #272523;
  --p-color-nav-active: oklch(0.2656 0.0052 82.72);
  --p-color-nav-active-icon: #dee8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0334 267.04);
  --p-color-text-disabled: #8a8781;
  --p-color-text-disabled: oklch(0.625 0.0095 84.59);
  --p-color-text-link: #dee8ff;
  --p-color-text-link: oklch(0.93 0.0334 267.04);
  --p-color-text-secondary: #f4f1ea;
  --p-color-text-secondary: oklch(0.958 0.0095 84.59);
  --p-color-text-tertiary: #bfbcb6;
  --p-color-text-tertiary: oklch(0.796 0.0095 84.59);
  --p-switch-border-off: #bfbcb6;
  --p-switch-border-off: oklch(0.796 0.0095 84.59);
}

[data-theme="dark"][data-contrast="increased"][data-product="claradb"] {
  --p-color-accent-text: #dae9ff;
  --p-color-accent-text: oklch(0.93 0.0338 257.91);
  --p-color-agent-text: #dae9ff;
  --p-color-agent-text: oklch(0.93 0.0338 257.91);
  --p-color-nav-active: #23252b;
  --p-color-nav-active: oklch(0.2656 0.011 265.59);
  --p-color-nav-active-icon: #dae9ff;
  --p-color-nav-active-icon: oklch(0.93 0.0338 257.91);
  --p-color-text-link: #dae9ff;
  --p-color-text-link: oklch(0.93 0.0338 257.91);
}

[data-theme="dark"][data-contrast="increased"][data-product="claradb-pro"] {
  --p-color-accent-text: #e7e4ff;
  --p-color-accent-text: oklch(0.93 0.0363 291);
  --p-color-agent-text: #e7e4ff;
  --p-color-agent-text: oklch(0.93 0.0363 291);
  --p-color-nav-active: #24252b;
  --p-color-nav-active: oklch(0.2656 0.0112 278);
  --p-color-nav-active-icon: #e7e4ff;
  --p-color-nav-active-icon: oklch(0.93 0.0363 291);
  --p-color-text-link: #e7e4ff;
  --p-color-text-link: oklch(0.93 0.0363 291);
}

[data-theme="dark"][data-contrast="increased"][data-product="runstamp"] {
  --p-color-accent-text: #dee8ff;
  --p-color-accent-text: oklch(0.93 0.0333 267.74);
  --p-color-agent-text: #dee8ff;
  --p-color-agent-text: oklch(0.93 0.0333 267.74);
  --p-color-nav-active: #23252b;
  --p-color-nav-active: oklch(0.2656 0.011 269.18);
  --p-color-nav-active-icon: #dee8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0333 267.74);
  --p-color-text-link: #dee8ff;
  --p-color-text-link: oklch(0.93 0.0333 267.74);
}

[data-theme="dark"][data-contrast="increased"][data-product="plain-trades"] {
  --p-button-focus-border: #f4f1ea;
  --p-button-focus-border: oklch(0.958 0.009 84.58);
  --p-button-secondary-bg: #ffffff0a;
  --p-button-secondary-bg: oklch(1 0 0 / 0.04);
  --p-choice-border: #bfbcb6;
  --p-choice-border: oklch(0.796 0.009 84.58);
  --p-color-accent-text: #f4f1ea;
  --p-color-accent-text: oklch(0.958 0.009 84.58);
  --p-color-agent-text: #ffe1d2;
  --p-color-agent-text: oklch(0.93 0.0389 47);
  --p-color-bg-canvas: #13100c;
  --p-color-bg-canvas: oklch(0.175 0.01 84.58);
  --p-color-border-control: #bfbcb6;
  --p-color-border-control: oklch(0.796 0.009 84.58);
  --p-color-border-control-hover: #f4f1ea;
  --p-color-border-control-hover: oklch(0.958 0.009 84.58);
  --p-color-border-control-strong: #f4f1ea;
  --p-color-border-control-strong: oklch(0.958 0.009 84.58);
  --p-color-border-default: #bfbcb6;
  --p-color-border-default: oklch(0.796 0.009 84.58);
  --p-color-border-strong: #f4f1ea;
  --p-color-border-strong: oklch(0.958 0.009 84.58);
  --p-color-border-subtle: #7b7872;
  --p-color-border-subtle: oklch(0.574 0.01 84.58);
  --p-color-count-text: #f4f1ea;
  --p-color-count-text: oklch(0.958 0.009 84.58);
  --p-color-field-bg: #ffffff0a;
  --p-color-field-bg: oklch(1 0 0 / 0.04);
  --p-color-field-border-disabled: #7b7872;
  --p-color-field-border-disabled: oklch(0.574 0.01 84.58);
  --p-color-field-border-focus: #f4f1ea;
  --p-color-field-border-focus: oklch(0.958 0.009 84.58);
  --p-color-focus-ring: #f4f1ea;
  --p-color-focus-ring: oklch(0.958 0.009 84.58);
  --p-color-focus-ring-button: #f4f1ea59;
  --p-color-focus-ring-button: oklch(0.958 0.009 84.58 / 0.35);
  --p-color-focus-ring-field: #f4f1ea52;
  --p-color-focus-ring-field: oklch(0.958 0.009 84.58 / 0.32);
  --p-color-nav-active: #282621;
  --p-color-nav-active: oklch(0.269 0.0099 84.58);
  --p-color-nav-active-icon: #f4f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 84.58);
  --p-color-text-disabled: #8a8782;
  --p-color-text-disabled: oklch(0.625 0.009 84.58);
  --p-color-text-link: #f4f1ea;
  --p-color-text-link: oklch(0.958 0.009 84.58);
  --p-color-text-secondary: #f4f1ea;
  --p-color-text-secondary: oklch(0.958 0.009 84.58);
  --p-color-text-tertiary: #bfbcb6;
  --p-color-text-tertiary: oklch(0.796 0.009 84.58);
  --p-switch-border-off: #bfbcb6;
  --p-switch-border-off: oklch(0.796 0.009 84.58);
}

[data-theme="dark"][data-contrast="increased"][data-product="handywright"] {
  --p-button-focus-border: #f3f1ea;
  --p-button-focus-border: oklch(0.958 0.009 90);
  --p-button-secondary-bg: #ffffff0a;
  --p-button-secondary-bg: oklch(1 0 0 / 0.04);
  --p-choice-border: #c0bdb7;
  --p-choice-border: oklch(0.8 0.009 90);
  --p-color-accent-text: #f3f1ea;
  --p-color-accent-text: oklch(0.958 0.009 90);
  --p-color-agent-text: #f6e8ba;
  --p-color-agent-text: oklch(0.93 0.0611 92.55);
  --p-color-bg-canvas: #12100c;
  --p-color-bg-canvas: oklch(0.175 0.01 90);
  --p-color-border-control: #c0bdb7;
  --p-color-border-control: oklch(0.8 0.009 90);
  --p-color-border-control-hover: #f3f1ea;
  --p-color-border-control-hover: oklch(0.958 0.009 90);
  --p-color-border-control-strong: #f3f1ea;
  --p-color-border-control-strong: oklch(0.958 0.009 90);
  --p-color-border-default: #c0bdb7;
  --p-color-border-default: oklch(0.8 0.009 90);
  --p-color-border-strong: #f3f1ea;
  --p-color-border-strong: oklch(0.958 0.009 90);
  --p-color-border-subtle: #7c7a73;
  --p-color-border-subtle: oklch(0.578 0.01 90);
  --p-color-count-text: #f3f1ea;
  --p-color-count-text: oklch(0.958 0.009 90);
  --p-color-field-bg: #ffffff0a;
  --p-color-field-bg: oklch(1 0 0 / 0.04);
  --p-color-field-border-disabled: #7c7a73;
  --p-color-field-border-disabled: oklch(0.578 0.01 90);
  --p-color-field-border-focus: #f3f1ea;
  --p-color-field-border-focus: oklch(0.958 0.009 90);
  --p-color-focus-ring: #f3f1ea;
  --p-color-focus-ring: oklch(0.958 0.009 90);
  --p-color-focus-ring-button: #f3f1ea59;
  --p-color-focus-ring-button: oklch(0.958 0.009 90 / 0.35);
  --p-color-focus-ring-field: #f3f1ea52;
  --p-color-focus-ring-field: oklch(0.958 0.009 90 / 0.32);
  --p-color-nav-active: #282621;
  --p-color-nav-active: oklch(0.269 0.0099 90);
  --p-color-nav-active-icon: #f3f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 90);
  --p-color-text-disabled: #8b8983;
  --p-color-text-disabled: oklch(0.629 0.009 90);
  --p-color-text-link: #f3f1ea;
  --p-color-text-link: oklch(0.958 0.009 90);
  --p-color-text-secondary: #f3f1ea;
  --p-color-text-secondary: oklch(0.958 0.009 90);
  --p-color-text-tertiary: #c0bdb7;
  --p-color-text-tertiary: oklch(0.8 0.009 90);
  --p-switch-border-off: #c0bdb7;
  --p-switch-border-off: oklch(0.8 0.009 90);
}

[data-theme="dark"][data-contrast="increased"][data-product="oslerpress"] {
  --p-button-focus-border: #ebf1f7;
  --p-button-focus-border: oklch(0.954 0.0108 250);
  --p-choice-border: #b7bdc3;
  --p-choice-border: oklch(0.796 0.0108 250);
  --p-color-accent-text: #ebf1f7;
  --p-color-accent-text: oklch(0.954 0.0108 250);
  --p-color-agent-text: #e7e8e9;
  --p-color-agent-text: oklch(0.93 0.0018 247.88);
  --p-color-bg-canvas: #0d1116;
  --p-color-bg-canvas: oklch(0.175 0.012 250);
  --p-color-bg-default: #0d1116;
  --p-color-bg-default: oklch(0.175 0.012 250);
  --p-color-border-control: #b7bdc3;
  --p-color-border-control: oklch(0.796 0.0108 250);
  --p-color-border-control-hover: #ebf1f7;
  --p-color-border-control-hover: oklch(0.954 0.0108 250);
  --p-color-border-control-strong: #ebf1f7;
  --p-color-border-control-strong: oklch(0.954 0.0108 250);
  --p-color-border-default: #b7bdc3;
  --p-color-border-default: oklch(0.796 0.0108 250);
  --p-color-border-strong: #ebf1f7;
  --p-color-border-strong: oklch(0.954 0.0108 250);
  --p-color-border-subtle: #737980;
  --p-color-border-subtle: oklch(0.574 0.012 250);
  --p-color-count-text: #ebf1f7;
  --p-color-count-text: oklch(0.954 0.0108 250);
  --p-color-danger-subtle: #241010;
  --p-color-danger-subtle: oklch(0.202 0.0334 21.37);
  --p-color-field-border-disabled: #737980;
  --p-color-field-border-disabled: oklch(0.574 0.012 250);
  --p-color-field-border-focus: #ebf1f7;
  --p-color-field-border-focus: oklch(0.954 0.0108 250);
  --p-color-focus-ring: #ebf1f7;
  --p-color-focus-ring: oklch(0.954 0.0108 250);
  --p-color-focus-ring-button: #ebf1f759;
  --p-color-focus-ring-button: oklch(0.954 0.0108 250 / 0.35);
  --p-color-focus-ring-field: #ebf1f752;
  --p-color-focus-ring-field: oklch(0.954 0.0108 250 / 0.32);
  --p-color-info-border: #737980;
  --p-color-info-border: oklch(0.574 0.012 250);
  --p-color-info-solid: #ebf1f7;
  --p-color-info-solid: oklch(0.954 0.0108 250);
  --p-color-info-subtle: #10151a;
  --p-color-info-subtle: oklch(0.193 0.012 250);
  --p-color-info-text: #ebf1f7;
  --p-color-info-text: oklch(0.954 0.0108 250);
  --p-color-mark-done: #0d1116;
  --p-color-mark-done: oklch(0.175 0.012 250);
  --p-color-mark-on-done: #ebf1f7;
  --p-color-mark-on-done: oklch(0.954 0.0108 250);
  --p-color-nav-active: #22272c;
  --p-color-nav-active: oklch(0.2685 0.0119 250);
  --p-color-nav-active-icon: #ebf1f7;
  --p-color-nav-active-icon: oklch(0.954 0.0108 250);
  --p-color-selected-outline: #ebf1f7;
  --p-color-selected-outline: oklch(0.954 0.0108 250);
  --p-color-success-subtle: #0b1a12;
  --p-color-success-subtle: oklch(0.202 0.0271 160.04);
  --p-color-surface-1: #13181d;
  --p-color-surface-1: oklch(0.205 0.012 250);
  --p-color-surface-sunken: #070b0f;
  --p-color-surface-sunken: oklch(0.145 0.012 250);
  --p-color-text-disabled: #83898f;
  --p-color-text-disabled: oklch(0.627 0.0108 250);
  --p-color-text-link: #ebf1f7;
  --p-color-text-link: oklch(0.954 0.0108 250);
  --p-color-text-primary: #ebf1f7;
  --p-color-text-primary: oklch(0.954 0.0108 250);
  --p-color-text-secondary: #ebf1f7;
  --p-color-text-secondary: oklch(0.954 0.0108 250);
  --p-color-text-tertiary: #b7bdc3;
  --p-color-text-tertiary: oklch(0.796 0.0108 250);
  --p-color-warning-subtle: #1d1509;
  --p-color-warning-subtle: oklch(0.202 0.0246 75.97);
  --p-elevation-0-surface: #0d1116;
  --p-elevation-0-surface: oklch(0.175 0.012 250);
  --p-elevation-1-surface: #13181d;
  --p-elevation-1-surface: oklch(0.205 0.012 250);
  --p-switch-border-off: #b7bdc3;
  --p-switch-border-off: oklch(0.796 0.0108 250);
  --p-tooltip-bg: #ebf1f7;
  --p-tooltip-bg: oklch(0.954 0.0108 250);
}

[data-theme="dark"][data-contrast="increased"][data-world="editorial"] {
  --p-button-focus-border: #ecf4fb;
  --p-button-focus-border: oklch(0.962 0.0126 245);
  --p-choice-border: #b7bfc5;
  --p-choice-border: oklch(0.8 0.0126 245);
  --p-color-accent-text: #d3edf5;
  --p-color-accent-text: oklch(0.93 0.0298 218);
  --p-color-agent-text: #d3edf5;
  --p-color-agent-text: oklch(0.93 0.0298 218);
  --p-color-bg-canvas: #0b1116;
  --p-color-bg-canvas: oklch(0.175 0.014 245);
  --p-color-border-control: #b7bfc5;
  --p-color-border-control: oklch(0.8 0.0126 245);
  --p-color-border-control-hover: #ecf4fb;
  --p-color-border-control-hover: oklch(0.962 0.0126 245);
  --p-color-border-control-strong: #ecf4fb;
  --p-color-border-control-strong: oklch(0.962 0.0126 245);
  --p-color-border-default: #b7bfc5;
  --p-color-border-default: oklch(0.8 0.0126 245);
  --p-color-border-strong: #ecf4fb;
  --p-color-border-strong: oklch(0.962 0.0126 245);
  --p-color-border-subtle: #727a80;
  --p-color-border-subtle: oklch(0.574 0.014 245);
  --p-color-field-border-disabled: #727a80;
  --p-color-field-border-disabled: oklch(0.574 0.014 245);
  --p-color-field-border-focus: #ecf4fb;
  --p-color-field-border-focus: oklch(0.962 0.0126 245);
  --p-color-focus-ring: #ecf4fb;
  --p-color-focus-ring: oklch(0.962 0.0126 245);
  --p-color-focus-ring-button: #ecf4fb59;
  --p-color-focus-ring-button: oklch(0.962 0.0126 245 / 0.35);
  --p-color-focus-ring-field: #ecf4fb52;
  --p-color-focus-ring-field: oklch(0.962 0.0126 245 / 0.32);
  --p-color-nav-active: #1f272c;
  --p-color-nav-active: oklch(0.2656 0.0156 239.02);
  --p-color-nav-active-icon: #d3edf5;
  --p-color-nav-active-icon: oklch(0.93 0.0298 218);
  --p-color-text-disabled: #828990;
  --p-color-text-disabled: oklch(0.627 0.0126 245);
  --p-color-text-link: #d3edf5;
  --p-color-text-link: oklch(0.93 0.0298 218);
  --p-color-text-secondary: #ecf4fb;
  --p-color-text-secondary: oklch(0.962 0.0126 245);
  --p-color-text-tertiary: #b7bfc5;
  --p-color-text-tertiary: oklch(0.8 0.0126 245);
  --p-switch-border-off: #b7bfc5;
  --p-switch-border-off: oklch(0.8 0.0126 245);
}

[data-theme="dark"][data-contrast="increased"][data-world="signal"] {
  --p-button-focus-border: #f1f1f1;
  --p-button-focus-border: oklch(0.958 0 0);
  --p-choice-border: #bebebe;
  --p-choice-border: oklch(0.8 0 0);
  --p-color-accent-text: #dae9ff;
  --p-color-accent-text: oklch(0.93 0.0338 258);
  --p-color-agent-text: #dae9ff;
  --p-color-agent-text: oklch(0.93 0.0338 258);
  --p-color-bg-canvas: #101010;
  --p-color-bg-canvas: oklch(0.175 0 0);
  --p-color-border-control: #bebebe;
  --p-color-border-control: oklch(0.8 0 0);
  --p-color-border-control-hover: #f1f1f1;
  --p-color-border-control-hover: oklch(0.958 0 0);
  --p-color-border-control-strong: #f1f1f1;
  --p-color-border-control-strong: oklch(0.958 0 0);
  --p-color-border-default: #bebebe;
  --p-color-border-default: oklch(0.8 0 0);
  --p-color-border-strong: #f1f1f1;
  --p-color-border-strong: oklch(0.958 0 0);
  --p-color-border-subtle: #7a7a7a;
  --p-color-border-subtle: oklch(0.578 0 0);
  --p-color-field-border-disabled: #7a7a7a;
  --p-color-field-border-disabled: oklch(0.578 0 0);
  --p-color-field-border-focus: #f1f1f1;
  --p-color-field-border-focus: oklch(0.958 0 0);
  --p-color-focus-ring: #f1f1f1;
  --p-color-focus-ring: oklch(0.958 0 0);
  --p-color-focus-ring-button: #f1f1f159;
  --p-color-focus-ring-button: oklch(0.958 0 0 / 0.35);
  --p-color-focus-ring-field: #f1f1f152;
  --p-color-focus-ring-field: oklch(0.958 0 0 / 0.32);
  --p-color-nav-active: #242527;
  --p-color-nav-active: oklch(0.2656 0.0041 258);
  --p-color-nav-active-icon: #dae9ff;
  --p-color-nav-active-icon: oklch(0.93 0.0338 258);
  --p-color-text-disabled: #898989;
  --p-color-text-disabled: oklch(0.629 0 0);
  --p-color-text-link: #dae9ff;
  --p-color-text-link: oklch(0.93 0.0338 258);
  --p-color-text-secondary: #f1f1f1;
  --p-color-text-secondary: oklch(0.958 0 0);
  --p-color-text-tertiary: #bebebe;
  --p-color-text-tertiary: oklch(0.8 0 0);
  --p-switch-border-off: #bebebe;
  --p-switch-border-off: oklch(0.8 0 0);
}

[data-business="b2c"][data-world="editorial"][data-product="accountmade"] {
  --p-color-accent-action: #2e64e0;
  --p-color-accent-action: oklch(0.5418 0.198 263.45);
  --p-color-accent-text: #2554c1;
  --p-color-accent-text: oklch(0.4818 0.1782 263.45);
  --p-color-nav-active: #dae6f9;
  --p-color-nav-active: oklch(0.922 0.0292 258.41);
  --p-color-nav-active-icon: #2554c1;
  --p-color-nav-active-icon: oklch(0.4818 0.1782 263.45);
}

[data-business="b2c"][data-world="editorial"][data-product="naalto"] {
  --p-color-accent-action: #172f4d;
  --p-color-accent-action: oklch(0.3021 0.0624 254.96);
  --p-color-accent-text: #0b203a;
  --p-color-accent-text: oklch(0.2421 0.0562 254.96);
  --p-color-bg-canvas: #f6f9fd;
  --p-color-bg-canvas: oklch(0.982 0.0065 252.82);
  --p-color-nav-active: #d6dce4;
  --p-color-nav-active: oklch(0.8932 0.0125 253.98);
  --p-color-nav-active-icon: #0b203a;
  --p-color-nav-active-icon: oklch(0.2421 0.0562 254.96);
  --p-type-card-meta-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-card-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-nav-label-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-section-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-section-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-business="b2c"][data-world="editorial"][data-product="poliage"] {
  --p-color-accent-action: #613d3b;
  --p-color-accent-action: oklch(0.4016 0.0512 23.08);
  --p-color-accent-text: #4e2f2d;
  --p-color-accent-text: oklch(0.3416 0.0461 23.08);
  --p-color-bg-canvas: #fdf8f3;
  --p-color-bg-canvas: oklch(0.982 0.0081 67.67);
  --p-color-nav-active: #e7ded9;
  --p-color-nav-active: oklch(0.9052 0.0117 48.33);
  --p-color-nav-active-icon: #4e2f2d;
  --p-color-nav-active-icon: oklch(0.3416 0.0461 23.08);
  --p-type-card-meta-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-card-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-nav-label-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-section-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-section-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
}

[data-business="b2c"][data-world="editorial"][data-product="poliage-beauty"] {
  --p-color-accent-action: #1b1a18;
  --p-color-accent-action: oklch(0.2181 0.0041 84.59);
  --p-color-accent-text: #0e0d0b;
  --p-color-accent-text: oklch(0.1581 0.0037 84.59);
  --p-color-bg-canvas: #fbf9f4;
  --p-color-bg-canvas: oklch(0.982 0.0066 87.48);
  --p-color-nav-active: #dad8d4;
  --p-color-nav-active: oklch(0.8831 0.0063 87.27);
  --p-color-nav-active-icon: #0e0d0b;
  --p-color-nav-active-icon: oklch(0.1581 0.0037 84.59);
  --p-type-card-meta-family: -apple-system, system-ui, sans-serif;
  --p-type-card-title-family: -apple-system, system-ui, sans-serif;
  --p-type-nav-label-family: -apple-system, system-ui, sans-serif;
  --p-type-section-title-mobile-family: -apple-system, system-ui, sans-serif;
  --p-type-section-title-family: -apple-system, system-ui, sans-serif;
  --p-type-title-mobile-family: -apple-system, system-ui, sans-serif;
}

[data-business="b2c"][data-world="editorial"][data-product="paperrift"] {
  --p-color-accent-action: #918f8c;
  --p-color-accent-action: oklch(0.6516 0.0057 84.57);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-text: #5f5d5a;
  --p-color-accent-text: oklch(0.48 0.0051 84.57);
  --p-color-bg-canvas: #faf8ff;
  --p-color-bg-canvas: oklch(0.982 0.0094 298.16);
  --p-color-nav-active: #e6e4ea;
  --p-color-nav-active: oklch(0.9218 0.0078 300.66);
  --p-color-nav-active-icon: #5f5d5a;
  --p-color-nav-active-icon: oklch(0.48 0.0051 84.57);
}

[data-business="b2c"][data-world="editorial"][data-product="ownmode"] {
  --p-color-accent-action: #2f6f57;
  --p-color-accent-action: oklch(0.4926 0.0769 165.99);
  --p-color-accent-text: #245d48;
  --p-color-accent-text: oklch(0.4326 0.0692 165.99);
  --p-color-bg-canvas: #fbf9f4;
  --p-color-bg-canvas: oklch(0.982 0.0075 89.73);
  --p-color-nav-active: #e0e5dd;
  --p-color-nav-active: oklch(0.9161 0.0118 132.99);
  --p-color-nav-active-icon: #245d48;
  --p-color-nav-active-icon: oklch(0.4326 0.0692 165.99);
  --p-type-card-meta-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-card-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-nav-label-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
}

[data-business="b2c"][data-world="editorial"][data-product="loudsoup"] {
  --p-color-accent-action: #d21d55;
  --p-color-accent-action: oklch(0.5612 0.2104 11.21);
  --p-color-accent-text: #b51547;
  --p-color-accent-text: oklch(0.5 0.1894 11.21);
  --p-color-bg-canvas: #fbf9f5;
  --p-color-bg-canvas: oklch(0.982 0.0053 73.74);
  --p-color-nav-active: #f7e0df;
  --p-color-nav-active: oklch(0.9242 0.0252 20.65);
  --p-color-nav-active-icon: #b51547;
  --p-color-nav-active-icon: oklch(0.5 0.1894 11.21);
  --p-type-card-meta-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-card-title-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-nav-label-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-section-title-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
}

[data-business="b2c"][data-world="editorial"][data-product="execemy"] {
  --p-color-accent-action: #2f52e0;
  --p-color-accent-action: oklch(0.5084 0.2187 267.04);
  --p-color-accent-text: #2543bf;
  --p-color-accent-text: oklch(0.4484 0.1968 267.04);
  --p-color-bg-canvas: #fbf9f4;
  --p-color-bg-canvas: oklch(0.982 0.0069 84.59);
  --p-color-nav-active: #dfe4f0;
  --p-color-nav-active: oklch(0.918 0.0176 267.89);
  --p-color-nav-active-icon: #2543bf;
  --p-color-nav-active-icon: oklch(0.4484 0.1968 267.04);
  --p-type-card-meta-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-card-title-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-nav-label-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

[data-business="b2c"][data-world="editorial"][data-product="claradb"] {
  --p-color-accent-action: #1b4b8f;
  --p-color-accent-action: oklch(0.4199 0.1239 257.91);
  --p-color-accent-text: #113b76;
  --p-color-accent-text: oklch(0.3599 0.1115 257.91);
  --p-color-nav-active: #d7e2ef;
  --p-color-nav-active: oklch(0.9073 0.0213 253.05);
  --p-color-nav-active-icon: #113b76;
  --p-color-nav-active-icon: oklch(0.3599 0.1115 257.91);
  --p-type-card-meta-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-card-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-nav-label-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-section-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-section-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
}

[data-business="b2c"][data-world="signal"][data-product="accountmade"] {
  --p-color-accent-action: #2e64e0;
  --p-color-accent-action: oklch(0.5418 0.198 263.45);
  --p-color-accent-text: #2554c1;
  --p-color-accent-text: oklch(0.4818 0.1782 263.45);
  --p-color-nav-active: #dae1f0;
  --p-color-nav-active: oklch(0.9088 0.0214 263.45);
  --p-color-nav-active-icon: #2554c1;
  --p-color-nav-active-icon: oklch(0.4818 0.1782 263.45);
}

[data-business="b2c"][data-world="editorial"][data-product="reshot"] {
  --p-color-accent-action: #2e64e0;
  --p-color-accent-action: oklch(0.5418 0.198 263.45);
  --p-color-accent-text: #2554c1;
  --p-color-accent-text: oklch(0.4818 0.1782 263.45);
  --p-color-nav-active: #dae6f9;
  --p-color-nav-active: oklch(0.922 0.0292 258.41);
  --p-color-nav-active-icon: #2554c1;
  --p-color-nav-active-icon: oklch(0.4818 0.1782 263.45);
}

[data-business="b2c"][data-world="signal"][data-product="naalto"] {
  --p-color-accent-action: #172f4d;
  --p-color-accent-action: oklch(0.3021 0.0624 254.96);
  --p-color-accent-text: #0b203a;
  --p-color-accent-text: oklch(0.2421 0.0562 254.96);
  --p-color-bg-canvas: #f1f4f9;
  --p-color-bg-canvas: oklch(0.967 0.0071 252.82);
  --p-color-nav-active: #d2d8e0;
  --p-color-nav-active: oklch(0.88 0.013 253.93);
  --p-color-nav-active-icon: #0b203a;
  --p-color-nav-active-icon: oklch(0.2421 0.0562 254.96);
  --p-type-card-meta-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-card-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-nav-label-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-section-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-section-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-business="b2c"][data-world="editorial"][data-product="claradb-pro"] {
  --p-color-accent-action: #6b2fd9;
  --p-color-accent-action: oklch(0.495 0.235 291);
  --p-color-accent-text: #5924b9;
  --p-color-accent-text: oklch(0.435 0.2115 291);
  --p-color-nav-active: #dfe2f9;
  --p-color-nav-active: oklch(0.9164 0.0315 280.36);
  --p-color-nav-active-icon: #5924b9;
  --p-color-nav-active-icon: oklch(0.435 0.2115 291);
}

[data-business="b2c"][data-world="signal"][data-product="poliage"] {
  --p-color-accent-action: #613d3b;
  --p-color-accent-action: oklch(0.4016 0.0512 23.08);
  --p-color-accent-text: #4e2f2d;
  --p-color-accent-text: oklch(0.3416 0.0461 23.08);
  --p-color-bg-canvas: #f8f3ee;
  --p-color-bg-canvas: oklch(0.967 0.0088 67.67);
  --p-color-nav-active: #e3d9d4;
  --p-color-nav-active: oklch(0.892 0.0123 49.28);
  --p-color-nav-active-icon: #4e2f2d;
  --p-color-nav-active-icon: oklch(0.3416 0.0461 23.08);
  --p-nav-preset: "topbar";
  --p-radius-card: 20px;
  --p-radius-control: 12px;
  --p-radius-inner-control: 16px;
  --p-radius-pop: 20px;
  --p-type-card-meta-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-card-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-nav-label-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-section-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-section-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
}

[data-business="b2c"][data-world="editorial"][data-product="runstamp"] {
  --p-color-accent-action: #2f4bff;
  --p-color-accent-action: oklch(0.5265 0.2634 267.74);
  --p-color-accent-text: #263ddb;
  --p-color-accent-text: oklch(0.4665 0.2371 267.74);
  --p-color-nav-active: #d8e5fe;
  --p-color-nav-active: oklch(0.9201 0.0361 262.76);
  --p-color-nav-active-icon: #263ddb;
  --p-color-nav-active-icon: oklch(0.4665 0.2371 267.74);
}

[data-business="b2c"][data-world="signal"][data-product="poliage-beauty"] {
  --p-color-accent-action: #1b1a18;
  --p-color-accent-action: oklch(0.2181 0.0041 84.59);
  --p-color-accent-text: #0e0d0b;
  --p-color-accent-text: oklch(0.1581 0.0037 84.59);
  --p-color-bg-canvas: #f6f4ef;
  --p-color-bg-canvas: oklch(0.967 0.0072 87.48);
  --p-color-nav-active: #d6d4cf;
  --p-color-nav-active: oklch(0.8699 0.0068 87.29);
  --p-color-nav-active-icon: #0e0d0b;
  --p-color-nav-active-icon: oklch(0.1581 0.0037 84.59);
  --p-type-card-meta-family: -apple-system, system-ui, sans-serif;
  --p-type-card-title-family: -apple-system, system-ui, sans-serif;
  --p-type-nav-label-family: -apple-system, system-ui, sans-serif;
  --p-type-section-title-mobile-family: -apple-system, system-ui, sans-serif;
  --p-type-section-title-family: -apple-system, system-ui, sans-serif;
  --p-type-title-mobile-family: -apple-system, system-ui, sans-serif;
}

[data-business="b2c"][data-world="editorial"][data-product="plain-trades"] {
  --p-color-accent-action: #18181b;
  --p-color-accent-action: oklch(0.2103 0.0059 285.89);
  --p-color-accent-text: #18181b;
  --p-color-accent-text: oklch(0.2103 0.0059 285.89);
  --p-color-bg-canvas: #f4f2ee;
  --p-color-bg-canvas: oklch(0.9616 0.0057 84.57);
  --p-color-nav-active: #ffffff;
  --p-color-nav-active: oklch(1 0 0);
  --p-color-nav-active-icon: #6b6862;
  --p-color-nav-active-icon: oklch(0.5181 0.01 84.59);
  --p-type-card-meta-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-nav-label-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-business="b2c"][data-world="signal"][data-product="paperrift"] {
  --p-color-accent-action: #918f8c;
  --p-color-accent-action: oklch(0.6516 0.0057 84.57);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-text: #5f5d5a;
  --p-color-accent-text: oklch(0.48 0.0051 84.57);
  --p-color-bg-canvas: #f5f3fa;
  --p-color-bg-canvas: oklch(0.967 0.0102 298.16);
  --p-color-nav-active: #e1e0e6;
  --p-color-nav-active: oklch(0.9086 0.0085 300.45);
  --p-color-nav-active-icon: #5f5d5a;
  --p-color-nav-active-icon: oklch(0.48 0.0051 84.57);
  --p-type-card-meta-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-card-title-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-nav-label-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-section-title-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

[data-business="b2c"][data-world="editorial"][data-product="handywright"] {
  --p-color-accent-action: #141414;
  --p-color-accent-action: oklch(0.1913 0 89.88);
  --p-color-accent-text: #141414;
  --p-color-accent-text: oklch(0.1913 0 89.88);
  --p-color-bg-canvas: #f0eee8;
  --p-color-bg-canvas: oklch(0.949 0.0083 91.48);
  --p-color-nav-active: #ffffff;
  --p-color-nav-active: oklch(1 0 0);
  --p-color-nav-active-icon: #66635c;
  --p-color-nav-active-icon: oklch(0.5002 0.0115 87.52);
  --p-type-card-meta-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-nav-label-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-business="b2c"][data-world="signal"][data-product="ownmode"] {
  --p-color-accent-action: #2f6f57;
  --p-color-accent-action: oklch(0.4926 0.0769 165.99);
  --p-color-accent-text: #245d48;
  --p-color-accent-text: oklch(0.4326 0.0692 165.99);
  --p-color-bg-canvas: #f6f4ee;
  --p-color-bg-canvas: oklch(0.967 0.0082 89.73);
  --p-color-nav-active: #dce1d8;
  --p-color-nav-active: oklch(0.9029 0.0122 131.01);
  --p-color-nav-active-icon: #245d48;
  --p-color-nav-active-icon: oklch(0.4326 0.0692 165.99);
  --p-type-card-meta-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-card-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-nav-label-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
}

[data-business="b2c"][data-world="editorial"][data-product="oslerpress"] {
  --p-color-accent-action: #8d9093;
  --p-color-accent-action: oklch(0.6517 0.0051 247.88);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-text: #14191e;
  --p-color-accent-text: oklch(0.21 0.012 250);
  --p-color-bg-canvas: #f5fafe;
  --p-color-bg-canvas: oklch(0.982 0.0079 250);
  --p-color-nav-active: #d6dbe0;
  --p-color-nav-active: oklch(0.8894 0.0084 250);
  --p-color-nav-active-icon: #14191e;
  --p-color-nav-active-icon: oklch(0.21 0.012 250);
  --p-type-card-meta-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-nav-label-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-business="b2c"][data-world="signal"][data-product="loudsoup"] {
  --p-color-accent-action: #d21d55;
  --p-color-accent-action: oklch(0.5612 0.2104 11.21);
  --p-color-accent-text: #b51547;
  --p-color-accent-text: oklch(0.5 0.1894 11.21);
  --p-color-bg-canvas: #f6f4f0;
  --p-color-bg-canvas: oklch(0.967 0.0058 73.74);
  --p-color-nav-active: #f2dbda;
  --p-color-nav-active: oklch(0.911 0.0255 21.44);
  --p-color-nav-active-icon: #b51547;
  --p-color-nav-active-icon: oklch(0.5 0.1894 11.21);
  --p-nav-preset: "topbar";
  --p-type-card-meta-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-card-title-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-nav-label-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-section-title-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
}

[data-business="b2c"][data-world="signal"][data-product="execemy"] {
  --p-color-accent-action: #2f52e0;
  --p-color-accent-action: oklch(0.5084 0.2187 267.04);
  --p-color-accent-text: #2543bf;
  --p-color-accent-text: oklch(0.4484 0.1968 267.04);
  --p-color-bg-canvas: #f6f4ee;
  --p-color-bg-canvas: oklch(0.967 0.0076 84.59);
  --p-color-nav-active: #dbdfeb;
  --p-color-nav-active: oklch(0.9048 0.0169 268.01);
  --p-color-nav-active-icon: #2543bf;
  --p-color-nav-active-icon: oklch(0.4484 0.1968 267.04);
  --p-nav-preset: "sidebar";
  --p-type-card-meta-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-card-title-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-nav-label-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

[data-business="b2c"][data-world="signal"][data-product="claradb"] {
  --p-color-accent-action: #1b4b8f;
  --p-color-accent-action: oklch(0.4199 0.1239 257.91);
  --p-color-accent-text: #113b76;
  --p-color-accent-text: oklch(0.3599 0.1115 257.91);
  --p-color-nav-active: #d7dde5;
  --p-color-nav-active: oklch(0.8941 0.0134 257.91);
  --p-color-nav-active-icon: #113b76;
  --p-color-nav-active-icon: oklch(0.3599 0.1115 257.91);
  --p-nav-preset: "topbar";
  --p-type-card-meta-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-card-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-nav-label-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-section-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-section-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
}

[data-business="b2c"][data-world="signal"][data-product="reshot"] {
  --p-color-accent-action: #2e64e0;
  --p-color-accent-action: oklch(0.5418 0.198 263.45);
  --p-color-accent-text: #2554c1;
  --p-color-accent-text: oklch(0.4818 0.1782 263.45);
  --p-color-nav-active: #dae1f0;
  --p-color-nav-active: oklch(0.9088 0.0214 263.45);
  --p-color-nav-active-icon: #2554c1;
  --p-color-nav-active-icon: oklch(0.4818 0.1782 263.45);
}

[data-business="b2c"][data-world="signal"][data-product="claradb-pro"] {
  --p-color-accent-action: #6b2fd9;
  --p-color-accent-action: oklch(0.495 0.235 291);
  --p-color-accent-text: #5924b9;
  --p-color-accent-text: oklch(0.435 0.2115 291);
  --p-color-nav-active: #dfdcef;
  --p-color-nav-active: oklch(0.9032 0.0254 291);
  --p-color-nav-active-icon: #5924b9;
  --p-color-nav-active-icon: oklch(0.435 0.2115 291);
}

[data-business="b2c"][data-world="signal"][data-product="runstamp"] {
  --p-color-accent-action: #2f4bff;
  --p-color-accent-action: oklch(0.5265 0.2634 267.74);
  --p-color-accent-text: #263ddb;
  --p-color-accent-text: oklch(0.4665 0.2371 267.74);
  --p-color-nav-active: #d8e0f4;
  --p-color-nav-active: oklch(0.9069 0.0285 267.74);
  --p-color-nav-active-icon: #263ddb;
  --p-color-nav-active-icon: oklch(0.4665 0.2371 267.74);
}

[data-business="b2c"][data-world="signal"][data-product="plain-trades"] {
  --p-color-accent-action: #18181b;
  --p-color-accent-action: oklch(0.2103 0.0059 285.89);
  --p-color-accent-text: #18181b;
  --p-color-accent-text: oklch(0.2103 0.0059 285.89);
  --p-color-bg-canvas: #f4f2ee;
  --p-color-bg-canvas: oklch(0.9616 0.0057 84.57);
  --p-color-nav-active: #ffffff;
  --p-color-nav-active: oklch(1 0 0);
  --p-color-nav-active-icon: #6b6862;
  --p-color-nav-active-icon: oklch(0.5181 0.01 84.59);
  --p-type-card-meta-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-nav-label-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-business="b2c"][data-world="signal"][data-product="handywright"] {
  --p-color-accent-action: #141414;
  --p-color-accent-action: oklch(0.1913 0 89.88);
  --p-color-accent-text: #141414;
  --p-color-accent-text: oklch(0.1913 0 89.88);
  --p-color-bg-canvas: #f0eee8;
  --p-color-bg-canvas: oklch(0.949 0.0083 91.48);
  --p-color-nav-active: #ffffff;
  --p-color-nav-active: oklch(1 0 0);
  --p-color-nav-active-icon: #66635c;
  --p-color-nav-active-icon: oklch(0.5002 0.0115 87.52);
  --p-type-card-meta-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-nav-label-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-business="b2c"][data-world="signal"][data-product="oslerpress"] {
  --p-color-accent-action: #8d9093;
  --p-color-accent-action: oklch(0.6517 0.0051 247.88);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-text: #14191e;
  --p-color-accent-text: oklch(0.21 0.012 250);
  --p-color-bg-canvas: #f0f5fa;
  --p-color-bg-canvas: oklch(0.967 0.0086 250);
  --p-color-nav-active: #d2d7dc;
  --p-color-nav-active: oklch(0.8762 0.009 250);
  --p-color-nav-active-icon: #14191e;
  --p-color-nav-active-icon: oklch(0.21 0.012 250);
  --p-type-card-meta-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-nav-label-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-business="b2c"][data-contrast="increased"][data-product="naalto"] {
  --p-color-bg-canvas: #fbfdff;
  --p-color-bg-canvas: oklch(0.993 0.0034 252.82);
  --p-color-nav-active: #dcdee0;
  --p-color-nav-active: oklch(0.899 0.0042 252.82);
}

[data-business="b2c"][data-contrast="increased"][data-product="poliage"] {
  --p-color-bg-canvas: #fffcf9;
  --p-color-bg-canvas: oklch(0.993 0.0049 67.67);
  --p-color-nav-active: #e0ddda;
  --p-color-nav-active: oklch(0.899 0.0058 67.67);
}

[data-business="b2c"][data-contrast="increased"][data-product="poliage-beauty"] {
  --p-color-bg-canvas: #fefdf8;
  --p-color-bg-canvas: oklch(0.993 0.006 87.48);
  --p-color-nav-active: #dfddd9;
  --p-color-nav-active: oklch(0.899 0.0065 87.48);
}

[data-business="b2c"][data-contrast="increased"][data-product="paperrift"] {
  --p-color-bg-canvas: #fdfcff;
  --p-color-bg-canvas: oklch(0.993 0.0038 298.16);
  --p-color-nav-active: #dedde1;
  --p-color-nav-active: oklch(0.899 0.005 298.16);
}

[data-business="b2c"][data-contrast="increased"][data-product="ownmode"] {
  --p-color-bg-canvas: #fefdf8;
  --p-color-bg-canvas: oklch(0.993 0.0068 89.73);
  --p-color-nav-active: #dfddd8;
  --p-color-nav-active: oklch(0.899 0.0074 89.73);
}

[data-business="b2c"][data-contrast="increased"][data-product="loudsoup"] {
  --p-color-bg-canvas: #fffcf9;
  --p-color-bg-canvas: oklch(0.993 0.0048 73.74);
  --p-color-nav-active: #e0ddda;
  --p-color-nav-active: oklch(0.899 0.0052 73.74);
}

[data-business="b2c"][data-contrast="increased"][data-product="execemy"] {
  --p-color-bg-canvas: #fffcf8;
  --p-color-bg-canvas: oklch(0.993 0.0063 84.59);
  --p-color-nav-active: #e0ddd9;
  --p-color-nav-active: oklch(0.899 0.0068 84.59);
}

[data-business="b2c"][data-contrast="increased"][data-product="claradb"] {
  --p-color-accent-text: #17181c;
  --p-color-accent-text: oklch(0.21 0.008 270);
  --p-color-nav-active-icon: #17181c;
  --p-color-nav-active-icon: oklch(0.21 0.008 270);
}

[data-business="b2c"][data-contrast="increased"][data-product="claradb-pro"] {
  --p-color-accent-text: #17181c;
  --p-color-accent-text: oklch(0.21 0.008 270);
  --p-color-nav-active-icon: #17181c;
  --p-color-nav-active-icon: oklch(0.21 0.008 270);
}

[data-business="b2c"][data-contrast="increased"][data-product="runstamp"] {
  --p-color-accent-text: #17181c;
  --p-color-accent-text: oklch(0.21 0.008 270);
  --p-color-nav-active-icon: #17181c;
  --p-color-nav-active-icon: oklch(0.21 0.008 270);
}

[data-business="b2c"][data-contrast="increased"][data-product="plain-trades"] {
  --p-color-accent-action: #1a1813;
  --p-color-accent-action: oklch(0.21 0.01 84.58);
  --p-color-accent-text: #1a1813;
  --p-color-accent-text: oklch(0.21 0.01 84.58);
  --p-color-bg-canvas: #fffcf8;
  --p-color-bg-canvas: oklch(0.993 0.006 84.58);
  --p-color-nav-active: #e0ddd9;
  --p-color-nav-active: oklch(0.899 0.0065 84.58);
  --p-color-nav-active-icon: #1a1813;
  --p-color-nav-active-icon: oklch(0.21 0.01 84.58);
}

[data-business="b2c"][data-contrast="increased"][data-product="handywright"] {
  --p-color-accent-action: #1a1813;
  --p-color-accent-action: oklch(0.21 0.01 90);
  --p-color-accent-text: #1a1813;
  --p-color-accent-text: oklch(0.21 0.01 90);
  --p-color-bg-canvas: #fefdf8;
  --p-color-bg-canvas: oklch(0.993 0.006 90);
  --p-color-nav-active: #dfddd9;
  --p-color-nav-active: oklch(0.899 0.0065 90);
  --p-color-nav-active-icon: #1a1813;
  --p-color-nav-active-icon: oklch(0.21 0.01 90);
}

[data-business="b2c"][data-contrast="increased"][data-product="oslerpress"] {
  --p-color-bg-canvas: #fbfdff;
  --p-color-bg-canvas: oklch(0.993 0.0035 250);
  --p-color-nav-active: #dbdee1;
  --p-color-nav-active: oklch(0.899 0.0045 250);
}

[data-business="b2c"][data-contrast="increased"][data-world="editorial"] {
  --p-color-accent-text: #1b3137;
  --p-color-accent-text: oklch(0.296 0.0298 218);
  --p-color-bg-canvas: #fbfdff;
  --p-color-bg-canvas: oklch(0.993 0.0036 245);
  --p-color-nav-active: #dde2e5;
  --p-color-nav-active: oklch(0.9094 0.0066 230.67);
  --p-color-nav-active-icon: #1b3137;
  --p-color-nav-active-icon: oklch(0.296 0.0298 218);
}

[data-business="b2c"][data-contrast="increased"][data-world="signal"] {
  --p-color-accent-text: #132d54;
  --p-color-accent-text: oklch(0.3 0.077 258);
  --p-color-bg-canvas: #f4f4f4;
  --p-color-bg-canvas: oklch(0.967 0 0);
  --p-color-nav-active: #d6dae0;
  --p-color-nav-active: oklch(0.887 0.0092 258);
  --p-color-nav-active-icon: #132d54;
  --p-color-nav-active-icon: oklch(0.3 0.077 258);
}

[data-business="b2c"][data-theme="dark"][data-product="naalto"] {
  --p-color-accent-action: #edf2f7;
  --p-color-accent-action: oklch(0.958 0.0088 252.82);
  --p-color-accent-text: #edf2f7;
  --p-color-accent-text: oklch(0.958 0.0088 252.82);
  --p-color-bg-canvas: #070a0e;
  --p-color-bg-canvas: oklch(0.145 0.0098 252.82);
  --p-color-nav-active: #1d2024;
  --p-color-nav-active: oklch(0.2426 0.0097 252.82);
  --p-color-nav-active-icon: #edf2f7;
  --p-color-nav-active-icon: oklch(0.958 0.0088 252.82);
}

[data-business="b2c"][data-theme="dark"][data-product="poliage"] {
  --p-color-accent-action: #f6f0e9;
  --p-color-accent-action: oklch(0.958 0.011 67.67);
  --p-color-accent-text: #f6f0e9;
  --p-color-accent-text: oklch(0.958 0.011 67.67);
  --p-color-bg-canvas: #0e0905;
  --p-color-bg-canvas: oklch(0.145 0.0122 67.67);
  --p-color-nav-active: #241f1a;
  --p-color-nav-active: oklch(0.2426 0.0121 67.67);
  --p-color-nav-active-icon: #f6f0e9;
  --p-color-nav-active-icon: oklch(0.958 0.011 67.67);
}

[data-business="b2c"][data-theme="dark"][data-product="poliage-beauty"] {
  --p-color-accent-action: #f4f1ea;
  --p-color-accent-action: oklch(0.958 0.009 87.48);
  --p-color-accent-text: #f4f1ea;
  --p-color-accent-text: oklch(0.958 0.009 87.48);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 87.48);
  --p-color-nav-active: #22201b;
  --p-color-nav-active: oklch(0.2426 0.0099 87.48);
  --p-color-nav-active-icon: #f4f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 87.48);
}

[data-business="b2c"][data-theme="dark"][data-product="paperrift"] {
  --p-color-accent-action: #f2eff9;
  --p-color-accent-action: oklch(0.958 0.0128 298.16);
  --p-color-accent-text: #f2eff9;
  --p-color-accent-text: oklch(0.958 0.0128 298.16);
  --p-color-bg-canvas: #0b090f;
  --p-color-bg-canvas: oklch(0.145 0.0142 298.16);
  --p-color-nav-active: #211f26;
  --p-color-nav-active: oklch(0.2426 0.014 298.16);
  --p-color-nav-active-icon: #f2eff9;
  --p-color-nav-active-icon: oklch(0.958 0.0128 298.16);
}

[data-business="b2c"][data-theme="dark"][data-product="ownmode"] {
  --p-color-accent-action: #f4f1e9;
  --p-color-accent-action: oklch(0.958 0.0103 89.73);
  --p-color-accent-text: #f4f1e9;
  --p-color-accent-text: oklch(0.958 0.0103 89.73);
  --p-color-bg-canvas: #0c0a05;
  --p-color-bg-canvas: oklch(0.145 0.0114 89.73);
  --p-color-nav-active: #22201a;
  --p-color-nav-active: oklch(0.2426 0.0113 89.73);
  --p-color-nav-active-icon: #f4f1e9;
  --p-color-nav-active-icon: oklch(0.958 0.0103 89.73);
}

[data-business="b2c"][data-theme="dark"][data-product="loudsoup"] {
  --p-color-accent-action: #f4f0ec;
  --p-color-accent-action: oklch(0.958 0.0072 73.74);
  --p-color-accent-text: #f4f0ec;
  --p-color-accent-text: oklch(0.958 0.0072 73.74);
  --p-color-bg-canvas: #0c0a07;
  --p-color-bg-canvas: oklch(0.145 0.008 73.74);
  --p-color-nav-active: #221f1c;
  --p-color-nav-active: oklch(0.2426 0.0079 73.74);
  --p-color-nav-active-icon: #f4f0ec;
  --p-color-nav-active-icon: oklch(0.958 0.0072 73.74);
}

[data-business="b2c"][data-theme="dark"][data-product="execemy"] {
  --p-color-accent-action: #f4f1ea;
  --p-color-accent-action: oklch(0.958 0.0095 84.59);
  --p-color-accent-text: #f4f1ea;
  --p-color-accent-text: oklch(0.958 0.0095 84.59);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.0105 84.59);
  --p-color-nav-active: #22201a;
  --p-color-nav-active: oklch(0.2426 0.0104 84.59);
  --p-color-nav-active-icon: #f4f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.0095 84.59);
}

[data-business="b2c"][data-theme="dark"][data-product="plain-trades"] {
  --p-color-accent-action: #f4f1ea;
  --p-color-accent-action: oklch(0.958 0.009 84.58);
  --p-color-accent-text: #f4f1ea;
  --p-color-accent-text: oklch(0.958 0.009 84.58);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 84.58);
  --p-color-nav-active: #22201b;
  --p-color-nav-active: oklch(0.2426 0.0099 84.58);
  --p-color-nav-active-icon: #f4f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 84.58);
}

[data-business="b2c"][data-theme="dark"][data-product="handywright"] {
  --p-color-accent-action: #f3f1ea;
  --p-color-accent-action: oklch(0.958 0.009 90);
  --p-color-accent-text: #f3f1ea;
  --p-color-accent-text: oklch(0.958 0.009 90);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 90);
  --p-color-nav-active: #22201b;
  --p-color-nav-active: oklch(0.2426 0.0099 90);
  --p-color-nav-active-icon: #f3f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 90);
}

[data-business="b2c"][data-theme="dark"][data-product="oslerpress"] {
  --p-color-accent-action: #ebf1f7;
  --p-color-accent-action: oklch(0.954 0.0108 250);
  --p-color-accent-text: #f3f6f9;
  --p-color-accent-text: oklch(0.9717 0.0051 247.88);
  --p-color-bg-canvas: #0d1116;
  --p-color-bg-canvas: oklch(0.175 0.012 250);
  --p-color-nav-active: #23272c;
  --p-color-nav-active: oklch(0.2706 0.0112 249.88);
  --p-color-nav-active-icon: #f3f6f9;
  --p-color-nav-active-icon: oklch(0.9717 0.0051 247.88);
}

[data-business="b2c"][data-theme="dark"][data-world="editorial"] {
  --p-color-accent-action: #126e83;
  --p-color-accent-action: oklch(0.5 0.085 218);
  --p-color-accent-on-action: #ffffff;
  --p-color-accent-on-action: oklch(1 0 0);
  --p-color-accent-text: #83cadf;
  --p-color-accent-text: oklch(0.8 0.0765 218);
  --p-color-bg-canvas: #060b10;
  --p-color-bg-canvas: oklch(0.145 0.014 245);
  --p-color-nav-active: #121d24;
  --p-color-nav-active: oklch(0.2236 0.0209 233.51);
  --p-color-nav-active-icon: #83cadf;
  --p-color-nav-active-icon: oklch(0.8 0.0765 218);
}

[data-business="b2c"][data-theme="dark"][data-world="signal"] {
  --p-color-accent-action: #0063d8;
  --p-color-accent-action: oklch(0.525 0.1954 258);
  --p-color-accent-on-action: #ffffff;
  --p-color-accent-on-action: oklch(1 0 0);
  --p-color-accent-text: #95c0ff;
  --p-color-accent-text: oklch(0.8 0.1015 258);
  --p-color-bg-canvas: #0a0a0a;
  --p-color-bg-canvas: oklch(0.145 0 0);
  --p-color-nav-active: #181c21;
  --p-color-nav-active: oklch(0.2236 0.0122 258);
  --p-color-nav-active-icon: #95c0ff;
  --p-color-nav-active-icon: oklch(0.8 0.1015 258);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"] {
  --p-color-bg-canvas: #0f1014;
  --p-color-bg-canvas: oklch(0.175 0.008 270);
  --p-color-nav-active: #25262a;
  --p-color-nav-active: oklch(0.269 0.0079 270);
}

[data-business="game"][data-world="editorial"][data-product="accountmade"] {
  --p-color-accent-action: #2e64e0;
  --p-color-accent-action: oklch(0.5418 0.198 263.45);
  --p-color-accent-text: #2554c1;
  --p-color-accent-text: oklch(0.4818 0.1782 263.45);
  --p-color-nav-active: #dae6f9;
  --p-color-nav-active: oklch(0.922 0.0292 258.41);
  --p-color-nav-active-icon: #2554c1;
  --p-color-nav-active-icon: oklch(0.4818 0.1782 263.45);
}

[data-business="game"][data-world="editorial"][data-product="naalto"] {
  --p-color-accent-action: #172f4d;
  --p-color-accent-action: oklch(0.3021 0.0624 254.96);
  --p-color-accent-text: #0b203a;
  --p-color-accent-text: oklch(0.2421 0.0562 254.96);
  --p-color-bg-canvas: #f6f9fd;
  --p-color-bg-canvas: oklch(0.982 0.0065 252.82);
  --p-color-nav-active: #d6dce4;
  --p-color-nav-active: oklch(0.8932 0.0125 253.98);
  --p-color-nav-active-icon: #0b203a;
  --p-color-nav-active-icon: oklch(0.2421 0.0562 254.96);
  --p-nav-preset: "tabs";
  --p-type-card-meta-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-card-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-nav-label-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-section-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-section-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-business="game"][data-world="editorial"][data-product="poliage"] {
  --p-color-accent-action: #613d3b;
  --p-color-accent-action: oklch(0.4016 0.0512 23.08);
  --p-color-accent-text: #4e2f2d;
  --p-color-accent-text: oklch(0.3416 0.0461 23.08);
  --p-color-bg-canvas: #fdf8f3;
  --p-color-bg-canvas: oklch(0.982 0.0081 67.67);
  --p-color-nav-active: #e7ded9;
  --p-color-nav-active: oklch(0.9052 0.0117 48.33);
  --p-color-nav-active-icon: #4e2f2d;
  --p-color-nav-active-icon: oklch(0.3416 0.0461 23.08);
  --p-type-card-meta-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-card-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-nav-label-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-section-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-section-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
}

[data-business="game"][data-world="editorial"][data-product="poliage-beauty"] {
  --p-color-accent-action: #1b1a18;
  --p-color-accent-action: oklch(0.2181 0.0041 84.59);
  --p-color-accent-text: #0e0d0b;
  --p-color-accent-text: oklch(0.1581 0.0037 84.59);
  --p-color-bg-canvas: #fbf9f4;
  --p-color-bg-canvas: oklch(0.982 0.0066 87.48);
  --p-color-nav-active: #dad8d4;
  --p-color-nav-active: oklch(0.8831 0.0063 87.27);
  --p-color-nav-active-icon: #0e0d0b;
  --p-color-nav-active-icon: oklch(0.1581 0.0037 84.59);
  --p-nav-preset: "tabs";
  --p-type-card-meta-family: -apple-system, system-ui, sans-serif;
  --p-type-card-title-family: -apple-system, system-ui, sans-serif;
  --p-type-nav-label-family: -apple-system, system-ui, sans-serif;
  --p-type-section-title-mobile-family: -apple-system, system-ui, sans-serif;
  --p-type-section-title-family: -apple-system, system-ui, sans-serif;
  --p-type-title-mobile-family: -apple-system, system-ui, sans-serif;
}

[data-business="game"][data-world="editorial"][data-product="paperrift"] {
  --p-color-accent-action: #918f8c;
  --p-color-accent-action: oklch(0.6516 0.0057 84.57);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-text: #5f5d5a;
  --p-color-accent-text: oklch(0.48 0.0051 84.57);
  --p-color-bg-canvas: #faf8ff;
  --p-color-bg-canvas: oklch(0.982 0.0094 298.16);
  --p-color-nav-active: #e6e4ea;
  --p-color-nav-active: oklch(0.9218 0.0078 300.66);
  --p-color-nav-active-icon: #5f5d5a;
  --p-color-nav-active-icon: oklch(0.48 0.0051 84.57);
  --p-nav-preset: "tabs";
}

[data-business="game"][data-world="editorial"][data-product="ownmode"] {
  --p-color-accent-action: #2f6f57;
  --p-color-accent-action: oklch(0.4926 0.0769 165.99);
  --p-color-accent-text: #245d48;
  --p-color-accent-text: oklch(0.4326 0.0692 165.99);
  --p-color-bg-canvas: #fbf9f4;
  --p-color-bg-canvas: oklch(0.982 0.0075 89.73);
  --p-color-nav-active: #e0e5dd;
  --p-color-nav-active: oklch(0.9161 0.0118 132.99);
  --p-color-nav-active-icon: #245d48;
  --p-color-nav-active-icon: oklch(0.4326 0.0692 165.99);
  --p-nav-preset: "tabs";
  --p-type-card-meta-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-card-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-nav-label-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
}

[data-business="game"][data-world="editorial"][data-product="loudsoup"] {
  --p-color-accent-action: #d21d55;
  --p-color-accent-action: oklch(0.5612 0.2104 11.21);
  --p-color-accent-text: #b51547;
  --p-color-accent-text: oklch(0.5 0.1894 11.21);
  --p-color-bg-canvas: #fbf9f5;
  --p-color-bg-canvas: oklch(0.982 0.0053 73.74);
  --p-color-nav-active: #f7e0df;
  --p-color-nav-active: oklch(0.9242 0.0252 20.65);
  --p-color-nav-active-icon: #b51547;
  --p-color-nav-active-icon: oklch(0.5 0.1894 11.21);
  --p-type-card-meta-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-card-title-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-nav-label-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-section-title-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
}

[data-business="game"][data-world="editorial"][data-product="execemy"] {
  --p-color-accent-action: #2f52e0;
  --p-color-accent-action: oklch(0.5084 0.2187 267.04);
  --p-color-accent-text: #2543bf;
  --p-color-accent-text: oklch(0.4484 0.1968 267.04);
  --p-color-bg-canvas: #fbf9f4;
  --p-color-bg-canvas: oklch(0.982 0.0069 84.59);
  --p-color-nav-active: #dfe4f0;
  --p-color-nav-active: oklch(0.918 0.0176 267.89);
  --p-color-nav-active-icon: #2543bf;
  --p-color-nav-active-icon: oklch(0.4484 0.1968 267.04);
  --p-nav-preset: "sidebar";
  --p-type-card-meta-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-card-title-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-nav-label-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

[data-business="game"][data-world="editorial"][data-product="claradb"] {
  --p-color-accent-action: #1b4b8f;
  --p-color-accent-action: oklch(0.4199 0.1239 257.91);
  --p-color-accent-text: #113b76;
  --p-color-accent-text: oklch(0.3599 0.1115 257.91);
  --p-color-nav-active: #d7e2ef;
  --p-color-nav-active: oklch(0.9073 0.0213 253.05);
  --p-color-nav-active-icon: #113b76;
  --p-color-nav-active-icon: oklch(0.3599 0.1115 257.91);
  --p-type-card-meta-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-card-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-nav-label-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-section-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-section-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
}

[data-business="game"][data-world="signal"][data-product="accountmade"] {
  --p-color-accent-action: #2e64e0;
  --p-color-accent-action: oklch(0.5418 0.198 263.45);
  --p-color-accent-text: #2554c1;
  --p-color-accent-text: oklch(0.4818 0.1782 263.45);
  --p-color-nav-active: #dae1f0;
  --p-color-nav-active: oklch(0.9088 0.0214 263.45);
  --p-color-nav-active-icon: #2554c1;
  --p-color-nav-active-icon: oklch(0.4818 0.1782 263.45);
}

[data-business="game"][data-world="editorial"][data-product="reshot"] {
  --p-color-accent-action: #2e64e0;
  --p-color-accent-action: oklch(0.5418 0.198 263.45);
  --p-color-accent-text: #2554c1;
  --p-color-accent-text: oklch(0.4818 0.1782 263.45);
  --p-color-nav-active: #dae6f9;
  --p-color-nav-active: oklch(0.922 0.0292 258.41);
  --p-color-nav-active-icon: #2554c1;
  --p-color-nav-active-icon: oklch(0.4818 0.1782 263.45);
}

[data-business="game"][data-world="signal"][data-product="naalto"] {
  --p-color-accent-action: #172f4d;
  --p-color-accent-action: oklch(0.3021 0.0624 254.96);
  --p-color-accent-text: #0b203a;
  --p-color-accent-text: oklch(0.2421 0.0562 254.96);
  --p-color-bg-canvas: #f1f4f9;
  --p-color-bg-canvas: oklch(0.967 0.0071 252.82);
  --p-color-nav-active: #d2d8e0;
  --p-color-nav-active: oklch(0.88 0.013 253.93);
  --p-color-nav-active-icon: #0b203a;
  --p-color-nav-active-icon: oklch(0.2421 0.0562 254.96);
  --p-type-card-meta-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-card-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-nav-label-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-section-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-section-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-business="game"][data-world="editorial"][data-product="claradb-pro"] {
  --p-color-accent-action: #6b2fd9;
  --p-color-accent-action: oklch(0.495 0.235 291);
  --p-color-accent-text: #5924b9;
  --p-color-accent-text: oklch(0.435 0.2115 291);
  --p-color-nav-active: #dfe2f9;
  --p-color-nav-active: oklch(0.9164 0.0315 280.36);
  --p-color-nav-active-icon: #5924b9;
  --p-color-nav-active-icon: oklch(0.435 0.2115 291);
}

[data-business="game"][data-world="signal"][data-product="poliage"] {
  --p-color-accent-action: #613d3b;
  --p-color-accent-action: oklch(0.4016 0.0512 23.08);
  --p-color-accent-text: #4e2f2d;
  --p-color-accent-text: oklch(0.3416 0.0461 23.08);
  --p-color-bg-canvas: #f8f3ee;
  --p-color-bg-canvas: oklch(0.967 0.0088 67.67);
  --p-color-nav-active: #e3d9d4;
  --p-color-nav-active: oklch(0.892 0.0123 49.28);
  --p-color-nav-active-icon: #4e2f2d;
  --p-color-nav-active-icon: oklch(0.3416 0.0461 23.08);
  --p-radius-card: 20px;
  --p-radius-control: 12px;
  --p-radius-inner-control: 16px;
  --p-radius-pop: 24px;
  --p-type-card-meta-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-card-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-nav-label-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-section-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-section-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
}

[data-business="game"][data-world="editorial"][data-product="runstamp"] {
  --p-color-accent-action: #2f4bff;
  --p-color-accent-action: oklch(0.5265 0.2634 267.74);
  --p-color-accent-text: #263ddb;
  --p-color-accent-text: oklch(0.4665 0.2371 267.74);
  --p-color-nav-active: #d8e5fe;
  --p-color-nav-active: oklch(0.9201 0.0361 262.76);
  --p-color-nav-active-icon: #263ddb;
  --p-color-nav-active-icon: oklch(0.4665 0.2371 267.74);
}

[data-business="game"][data-world="signal"][data-product="poliage-beauty"] {
  --p-color-accent-action: #1b1a18;
  --p-color-accent-action: oklch(0.2181 0.0041 84.59);
  --p-color-accent-text: #0e0d0b;
  --p-color-accent-text: oklch(0.1581 0.0037 84.59);
  --p-color-bg-canvas: #f6f4ef;
  --p-color-bg-canvas: oklch(0.967 0.0072 87.48);
  --p-color-nav-active: #d6d4cf;
  --p-color-nav-active: oklch(0.8699 0.0068 87.29);
  --p-color-nav-active-icon: #0e0d0b;
  --p-color-nav-active-icon: oklch(0.1581 0.0037 84.59);
  --p-type-card-meta-family: -apple-system, system-ui, sans-serif;
  --p-type-card-title-family: -apple-system, system-ui, sans-serif;
  --p-type-nav-label-family: -apple-system, system-ui, sans-serif;
  --p-type-section-title-mobile-family: -apple-system, system-ui, sans-serif;
  --p-type-section-title-family: -apple-system, system-ui, sans-serif;
  --p-type-title-mobile-family: -apple-system, system-ui, sans-serif;
}

[data-business="game"][data-world="editorial"][data-product="plain-trades"] {
  --p-color-accent-action: #18181b;
  --p-color-accent-action: oklch(0.2103 0.0059 285.89);
  --p-color-accent-text: #18181b;
  --p-color-accent-text: oklch(0.2103 0.0059 285.89);
  --p-color-bg-canvas: #f4f2ee;
  --p-color-bg-canvas: oklch(0.9616 0.0057 84.57);
  --p-color-nav-active: #ffffff;
  --p-color-nav-active: oklch(1 0 0);
  --p-color-nav-active-icon: #6b6862;
  --p-color-nav-active-icon: oklch(0.5181 0.01 84.59);
  --p-type-card-meta-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-nav-label-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-business="game"][data-world="signal"][data-product="paperrift"] {
  --p-color-accent-action: #918f8c;
  --p-color-accent-action: oklch(0.6516 0.0057 84.57);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-text: #5f5d5a;
  --p-color-accent-text: oklch(0.48 0.0051 84.57);
  --p-color-bg-canvas: #f5f3fa;
  --p-color-bg-canvas: oklch(0.967 0.0102 298.16);
  --p-color-nav-active: #e1e0e6;
  --p-color-nav-active: oklch(0.9086 0.0085 300.45);
  --p-color-nav-active-icon: #5f5d5a;
  --p-color-nav-active-icon: oklch(0.48 0.0051 84.57);
  --p-type-card-meta-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-card-title-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-nav-label-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-section-title-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

[data-business="game"][data-world="editorial"][data-product="handywright"] {
  --p-color-accent-action: #141414;
  --p-color-accent-action: oklch(0.1913 0 89.88);
  --p-color-accent-text: #141414;
  --p-color-accent-text: oklch(0.1913 0 89.88);
  --p-color-bg-canvas: #f0eee8;
  --p-color-bg-canvas: oklch(0.949 0.0083 91.48);
  --p-color-nav-active: #ffffff;
  --p-color-nav-active: oklch(1 0 0);
  --p-color-nav-active-icon: #66635c;
  --p-color-nav-active-icon: oklch(0.5002 0.0115 87.52);
  --p-type-card-meta-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-nav-label-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-business="game"][data-world="signal"][data-product="ownmode"] {
  --p-color-accent-action: #2f6f57;
  --p-color-accent-action: oklch(0.4926 0.0769 165.99);
  --p-color-accent-text: #245d48;
  --p-color-accent-text: oklch(0.4326 0.0692 165.99);
  --p-color-bg-canvas: #f6f4ee;
  --p-color-bg-canvas: oklch(0.967 0.0082 89.73);
  --p-color-nav-active: #dce1d8;
  --p-color-nav-active: oklch(0.9029 0.0122 131.01);
  --p-color-nav-active-icon: #245d48;
  --p-color-nav-active-icon: oklch(0.4326 0.0692 165.99);
  --p-type-card-meta-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-card-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-nav-label-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
}

[data-business="game"][data-world="editorial"][data-product="oslerpress"] {
  --p-color-accent-action: #8d9093;
  --p-color-accent-action: oklch(0.6517 0.0051 247.88);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-text: #14191e;
  --p-color-accent-text: oklch(0.21 0.012 250);
  --p-color-bg-canvas: #f5fafe;
  --p-color-bg-canvas: oklch(0.982 0.0079 250);
  --p-color-nav-active: #d6dbe0;
  --p-color-nav-active: oklch(0.8894 0.0084 250);
  --p-color-nav-active-icon: #14191e;
  --p-color-nav-active-icon: oklch(0.21 0.012 250);
  --p-type-card-meta-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-nav-label-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-business="game"][data-world="signal"][data-product="loudsoup"] {
  --p-color-accent-action: #d21d55;
  --p-color-accent-action: oklch(0.5612 0.2104 11.21);
  --p-color-accent-text: #b51547;
  --p-color-accent-text: oklch(0.5 0.1894 11.21);
  --p-color-bg-canvas: #f6f4f0;
  --p-color-bg-canvas: oklch(0.967 0.0058 73.74);
  --p-color-nav-active: #f2dbda;
  --p-color-nav-active: oklch(0.911 0.0255 21.44);
  --p-color-nav-active-icon: #b51547;
  --p-color-nav-active-icon: oklch(0.5 0.1894 11.21);
  --p-type-card-meta-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-card-title-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-nav-label-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-section-title-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
}

[data-business="game"][data-world="signal"][data-product="execemy"] {
  --p-color-accent-action: #2f52e0;
  --p-color-accent-action: oklch(0.5084 0.2187 267.04);
  --p-color-accent-text: #2543bf;
  --p-color-accent-text: oklch(0.4484 0.1968 267.04);
  --p-color-bg-canvas: #f6f4ee;
  --p-color-bg-canvas: oklch(0.967 0.0076 84.59);
  --p-color-nav-active: #dbdfeb;
  --p-color-nav-active: oklch(0.9048 0.0169 268.01);
  --p-color-nav-active-icon: #2543bf;
  --p-color-nav-active-icon: oklch(0.4484 0.1968 267.04);
  --p-type-card-meta-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-card-title-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-nav-label-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

[data-business="game"][data-world="signal"][data-product="claradb"] {
  --p-color-accent-action: #1b4b8f;
  --p-color-accent-action: oklch(0.4199 0.1239 257.91);
  --p-color-accent-text: #113b76;
  --p-color-accent-text: oklch(0.3599 0.1115 257.91);
  --p-color-nav-active: #d7dde5;
  --p-color-nav-active: oklch(0.8941 0.0134 257.91);
  --p-color-nav-active-icon: #113b76;
  --p-color-nav-active-icon: oklch(0.3599 0.1115 257.91);
  --p-type-card-meta-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-card-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-nav-label-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-section-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-section-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
}

[data-business="game"][data-world="signal"][data-product="reshot"] {
  --p-color-accent-action: #2e64e0;
  --p-color-accent-action: oklch(0.5418 0.198 263.45);
  --p-color-accent-text: #2554c1;
  --p-color-accent-text: oklch(0.4818 0.1782 263.45);
  --p-color-nav-active: #dae1f0;
  --p-color-nav-active: oklch(0.9088 0.0214 263.45);
  --p-color-nav-active-icon: #2554c1;
  --p-color-nav-active-icon: oklch(0.4818 0.1782 263.45);
}

[data-business="game"][data-world="signal"][data-product="claradb-pro"] {
  --p-color-accent-action: #6b2fd9;
  --p-color-accent-action: oklch(0.495 0.235 291);
  --p-color-accent-text: #5924b9;
  --p-color-accent-text: oklch(0.435 0.2115 291);
  --p-color-nav-active: #dfdcef;
  --p-color-nav-active: oklch(0.9032 0.0254 291);
  --p-color-nav-active-icon: #5924b9;
  --p-color-nav-active-icon: oklch(0.435 0.2115 291);
}

[data-business="game"][data-world="signal"][data-product="runstamp"] {
  --p-color-accent-action: #2f4bff;
  --p-color-accent-action: oklch(0.5265 0.2634 267.74);
  --p-color-accent-text: #263ddb;
  --p-color-accent-text: oklch(0.4665 0.2371 267.74);
  --p-color-nav-active: #d8e0f4;
  --p-color-nav-active: oklch(0.9069 0.0285 267.74);
  --p-color-nav-active-icon: #263ddb;
  --p-color-nav-active-icon: oklch(0.4665 0.2371 267.74);
}

[data-business="game"][data-world="signal"][data-product="plain-trades"] {
  --p-color-accent-action: #18181b;
  --p-color-accent-action: oklch(0.2103 0.0059 285.89);
  --p-color-accent-text: #18181b;
  --p-color-accent-text: oklch(0.2103 0.0059 285.89);
  --p-color-bg-canvas: #f4f2ee;
  --p-color-bg-canvas: oklch(0.9616 0.0057 84.57);
  --p-color-nav-active: #ffffff;
  --p-color-nav-active: oklch(1 0 0);
  --p-color-nav-active-icon: #6b6862;
  --p-color-nav-active-icon: oklch(0.5181 0.01 84.59);
  --p-type-card-meta-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-nav-label-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-business="game"][data-world="signal"][data-product="handywright"] {
  --p-color-accent-action: #141414;
  --p-color-accent-action: oklch(0.1913 0 89.88);
  --p-color-accent-text: #141414;
  --p-color-accent-text: oklch(0.1913 0 89.88);
  --p-color-bg-canvas: #f0eee8;
  --p-color-bg-canvas: oklch(0.949 0.0083 91.48);
  --p-color-nav-active: #ffffff;
  --p-color-nav-active: oklch(1 0 0);
  --p-color-nav-active-icon: #66635c;
  --p-color-nav-active-icon: oklch(0.5002 0.0115 87.52);
  --p-type-card-meta-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-nav-label-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-business="game"][data-world="signal"][data-product="oslerpress"] {
  --p-color-accent-action: #8d9093;
  --p-color-accent-action: oklch(0.6517 0.0051 247.88);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-text: #14191e;
  --p-color-accent-text: oklch(0.21 0.012 250);
  --p-color-bg-canvas: #f0f5fa;
  --p-color-bg-canvas: oklch(0.967 0.0086 250);
  --p-color-nav-active: #d2d7dc;
  --p-color-nav-active: oklch(0.8762 0.009 250);
  --p-color-nav-active-icon: #14191e;
  --p-color-nav-active-icon: oklch(0.21 0.012 250);
  --p-type-card-meta-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-nav-label-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-business="game"][data-contrast="increased"][data-product="naalto"] {
  --p-color-bg-canvas: #fbfdff;
  --p-color-bg-canvas: oklch(0.993 0.0034 252.82);
  --p-color-nav-active: #dcdee0;
  --p-color-nav-active: oklch(0.899 0.0042 252.82);
}

[data-business="game"][data-contrast="increased"][data-product="poliage"] {
  --p-color-bg-canvas: #fffcf9;
  --p-color-bg-canvas: oklch(0.993 0.0049 67.67);
  --p-color-nav-active: #e0ddda;
  --p-color-nav-active: oklch(0.899 0.0058 67.67);
}

[data-business="game"][data-contrast="increased"][data-product="poliage-beauty"] {
  --p-color-bg-canvas: #fefdf8;
  --p-color-bg-canvas: oklch(0.993 0.006 87.48);
  --p-color-nav-active: #dfddd9;
  --p-color-nav-active: oklch(0.899 0.0065 87.48);
}

[data-business="game"][data-contrast="increased"][data-product="paperrift"] {
  --p-color-bg-canvas: #fdfcff;
  --p-color-bg-canvas: oklch(0.993 0.0038 298.16);
  --p-color-nav-active: #dedde1;
  --p-color-nav-active: oklch(0.899 0.005 298.16);
}

[data-business="game"][data-contrast="increased"][data-product="ownmode"] {
  --p-color-bg-canvas: #fefdf8;
  --p-color-bg-canvas: oklch(0.993 0.0068 89.73);
  --p-color-nav-active: #dfddd8;
  --p-color-nav-active: oklch(0.899 0.0074 89.73);
}

[data-business="game"][data-contrast="increased"][data-product="loudsoup"] {
  --p-color-bg-canvas: #fffcf9;
  --p-color-bg-canvas: oklch(0.993 0.0048 73.74);
  --p-color-nav-active: #e0ddda;
  --p-color-nav-active: oklch(0.899 0.0052 73.74);
}

[data-business="game"][data-contrast="increased"][data-product="execemy"] {
  --p-color-bg-canvas: #fffcf8;
  --p-color-bg-canvas: oklch(0.993 0.0063 84.59);
  --p-color-nav-active: #e0ddd9;
  --p-color-nav-active: oklch(0.899 0.0068 84.59);
}

[data-business="game"][data-contrast="increased"][data-product="claradb"] {
  --p-color-accent-text: #17181c;
  --p-color-accent-text: oklch(0.21 0.008 270);
  --p-color-nav-active-icon: #17181c;
  --p-color-nav-active-icon: oklch(0.21 0.008 270);
}

[data-business="game"][data-contrast="increased"][data-product="claradb-pro"] {
  --p-color-accent-text: #17181c;
  --p-color-accent-text: oklch(0.21 0.008 270);
  --p-color-nav-active-icon: #17181c;
  --p-color-nav-active-icon: oklch(0.21 0.008 270);
}

[data-business="game"][data-contrast="increased"][data-product="runstamp"] {
  --p-color-accent-text: #17181c;
  --p-color-accent-text: oklch(0.21 0.008 270);
  --p-color-nav-active-icon: #17181c;
  --p-color-nav-active-icon: oklch(0.21 0.008 270);
}

[data-business="game"][data-contrast="increased"][data-product="plain-trades"] {
  --p-color-accent-action: #1a1813;
  --p-color-accent-action: oklch(0.21 0.01 84.58);
  --p-color-accent-text: #1a1813;
  --p-color-accent-text: oklch(0.21 0.01 84.58);
  --p-color-bg-canvas: #fffcf8;
  --p-color-bg-canvas: oklch(0.993 0.006 84.58);
  --p-color-nav-active: #e0ddd9;
  --p-color-nav-active: oklch(0.899 0.0065 84.58);
  --p-color-nav-active-icon: #1a1813;
  --p-color-nav-active-icon: oklch(0.21 0.01 84.58);
}

[data-business="game"][data-contrast="increased"][data-product="handywright"] {
  --p-color-accent-action: #1a1813;
  --p-color-accent-action: oklch(0.21 0.01 90);
  --p-color-accent-text: #1a1813;
  --p-color-accent-text: oklch(0.21 0.01 90);
  --p-color-bg-canvas: #fefdf8;
  --p-color-bg-canvas: oklch(0.993 0.006 90);
  --p-color-nav-active: #dfddd9;
  --p-color-nav-active: oklch(0.899 0.0065 90);
  --p-color-nav-active-icon: #1a1813;
  --p-color-nav-active-icon: oklch(0.21 0.01 90);
}

[data-business="game"][data-contrast="increased"][data-product="oslerpress"] {
  --p-color-bg-canvas: #fbfdff;
  --p-color-bg-canvas: oklch(0.993 0.0035 250);
  --p-color-nav-active: #dbdee1;
  --p-color-nav-active: oklch(0.899 0.0045 250);
}

[data-business="game"][data-contrast="increased"][data-world="editorial"] {
  --p-color-accent-text: #1b3137;
  --p-color-accent-text: oklch(0.296 0.0298 218);
  --p-color-bg-canvas: #fbfdff;
  --p-color-bg-canvas: oklch(0.993 0.0036 245);
  --p-color-nav-active: #dde2e5;
  --p-color-nav-active: oklch(0.9094 0.0066 230.67);
  --p-color-nav-active-icon: #1b3137;
  --p-color-nav-active-icon: oklch(0.296 0.0298 218);
}

[data-business="game"][data-contrast="increased"][data-world="signal"] {
  --p-color-accent-text: #132d54;
  --p-color-accent-text: oklch(0.3 0.077 258);
  --p-color-bg-canvas: #f4f4f4;
  --p-color-bg-canvas: oklch(0.967 0 0);
  --p-color-nav-active: #d6dae0;
  --p-color-nav-active: oklch(0.887 0.0092 258);
  --p-color-nav-active-icon: #132d54;
  --p-color-nav-active-icon: oklch(0.3 0.077 258);
}

[data-business="game"][data-theme="dark"][data-product="naalto"] {
  --p-color-accent-action: #edf2f7;
  --p-color-accent-action: oklch(0.958 0.0088 252.82);
  --p-color-accent-text: #edf2f7;
  --p-color-accent-text: oklch(0.958 0.0088 252.82);
  --p-color-bg-canvas: #070a0e;
  --p-color-bg-canvas: oklch(0.145 0.0098 252.82);
  --p-color-nav-active: #1d2024;
  --p-color-nav-active: oklch(0.2426 0.0097 252.82);
  --p-color-nav-active-icon: #edf2f7;
  --p-color-nav-active-icon: oklch(0.958 0.0088 252.82);
}

[data-business="game"][data-theme="dark"][data-product="poliage"] {
  --p-color-accent-action: #f6f0e9;
  --p-color-accent-action: oklch(0.958 0.011 67.67);
  --p-color-accent-text: #f6f0e9;
  --p-color-accent-text: oklch(0.958 0.011 67.67);
  --p-color-bg-canvas: #0e0905;
  --p-color-bg-canvas: oklch(0.145 0.0122 67.67);
  --p-color-nav-active: #241f1a;
  --p-color-nav-active: oklch(0.2426 0.0121 67.67);
  --p-color-nav-active-icon: #f6f0e9;
  --p-color-nav-active-icon: oklch(0.958 0.011 67.67);
}

[data-business="game"][data-theme="dark"][data-product="poliage-beauty"] {
  --p-color-accent-action: #f4f1ea;
  --p-color-accent-action: oklch(0.958 0.009 87.48);
  --p-color-accent-text: #f4f1ea;
  --p-color-accent-text: oklch(0.958 0.009 87.48);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 87.48);
  --p-color-nav-active: #22201b;
  --p-color-nav-active: oklch(0.2426 0.0099 87.48);
  --p-color-nav-active-icon: #f4f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 87.48);
}

[data-business="game"][data-theme="dark"][data-product="paperrift"] {
  --p-color-accent-action: #f2eff9;
  --p-color-accent-action: oklch(0.958 0.0128 298.16);
  --p-color-accent-text: #f2eff9;
  --p-color-accent-text: oklch(0.958 0.0128 298.16);
  --p-color-bg-canvas: #0b090f;
  --p-color-bg-canvas: oklch(0.145 0.0142 298.16);
  --p-color-nav-active: #211f26;
  --p-color-nav-active: oklch(0.2426 0.014 298.16);
  --p-color-nav-active-icon: #f2eff9;
  --p-color-nav-active-icon: oklch(0.958 0.0128 298.16);
}

[data-business="game"][data-theme="dark"][data-product="ownmode"] {
  --p-color-accent-action: #f4f1e9;
  --p-color-accent-action: oklch(0.958 0.0103 89.73);
  --p-color-accent-text: #f4f1e9;
  --p-color-accent-text: oklch(0.958 0.0103 89.73);
  --p-color-bg-canvas: #0c0a05;
  --p-color-bg-canvas: oklch(0.145 0.0114 89.73);
  --p-color-nav-active: #22201a;
  --p-color-nav-active: oklch(0.2426 0.0113 89.73);
  --p-color-nav-active-icon: #f4f1e9;
  --p-color-nav-active-icon: oklch(0.958 0.0103 89.73);
}

[data-business="game"][data-theme="dark"][data-product="loudsoup"] {
  --p-color-accent-action: #f4f0ec;
  --p-color-accent-action: oklch(0.958 0.0072 73.74);
  --p-color-accent-text: #f4f0ec;
  --p-color-accent-text: oklch(0.958 0.0072 73.74);
  --p-color-bg-canvas: #0c0a07;
  --p-color-bg-canvas: oklch(0.145 0.008 73.74);
  --p-color-nav-active: #221f1c;
  --p-color-nav-active: oklch(0.2426 0.0079 73.74);
  --p-color-nav-active-icon: #f4f0ec;
  --p-color-nav-active-icon: oklch(0.958 0.0072 73.74);
}

[data-business="game"][data-theme="dark"][data-product="execemy"] {
  --p-color-accent-action: #f4f1ea;
  --p-color-accent-action: oklch(0.958 0.0095 84.59);
  --p-color-accent-text: #f4f1ea;
  --p-color-accent-text: oklch(0.958 0.0095 84.59);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.0105 84.59);
  --p-color-nav-active: #22201a;
  --p-color-nav-active: oklch(0.2426 0.0104 84.59);
  --p-color-nav-active-icon: #f4f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.0095 84.59);
}

[data-business="game"][data-theme="dark"][data-product="plain-trades"] {
  --p-color-accent-action: #f4f1ea;
  --p-color-accent-action: oklch(0.958 0.009 84.58);
  --p-color-accent-text: #f4f1ea;
  --p-color-accent-text: oklch(0.958 0.009 84.58);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 84.58);
  --p-color-nav-active: #22201b;
  --p-color-nav-active: oklch(0.2426 0.0099 84.58);
  --p-color-nav-active-icon: #f4f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 84.58);
}

[data-business="game"][data-theme="dark"][data-product="handywright"] {
  --p-color-accent-action: #f3f1ea;
  --p-color-accent-action: oklch(0.958 0.009 90);
  --p-color-accent-text: #f3f1ea;
  --p-color-accent-text: oklch(0.958 0.009 90);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 90);
  --p-color-nav-active: #22201b;
  --p-color-nav-active: oklch(0.2426 0.0099 90);
  --p-color-nav-active-icon: #f3f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 90);
}

[data-business="game"][data-theme="dark"][data-product="oslerpress"] {
  --p-color-accent-action: #ebf1f7;
  --p-color-accent-action: oklch(0.954 0.0108 250);
  --p-color-accent-text: #f3f6f9;
  --p-color-accent-text: oklch(0.9717 0.0051 247.88);
  --p-color-bg-canvas: #0d1116;
  --p-color-bg-canvas: oklch(0.175 0.012 250);
  --p-color-nav-active: #23272c;
  --p-color-nav-active: oklch(0.2706 0.0112 249.88);
  --p-color-nav-active-icon: #f3f6f9;
  --p-color-nav-active-icon: oklch(0.9717 0.0051 247.88);
}

[data-business="game"][data-theme="dark"][data-world="editorial"] {
  --p-color-accent-action: #126e83;
  --p-color-accent-action: oklch(0.5 0.085 218);
  --p-color-accent-on-action: #ffffff;
  --p-color-accent-on-action: oklch(1 0 0);
  --p-color-accent-text: #83cadf;
  --p-color-accent-text: oklch(0.8 0.0765 218);
  --p-color-bg-canvas: #060b10;
  --p-color-bg-canvas: oklch(0.145 0.014 245);
  --p-color-nav-active: #121d24;
  --p-color-nav-active: oklch(0.2236 0.0209 233.51);
  --p-color-nav-active-icon: #83cadf;
  --p-color-nav-active-icon: oklch(0.8 0.0765 218);
}

[data-business="game"][data-theme="dark"][data-world="signal"] {
  --p-color-accent-action: #0063d8;
  --p-color-accent-action: oklch(0.525 0.1954 258);
  --p-color-accent-on-action: #ffffff;
  --p-color-accent-on-action: oklch(1 0 0);
  --p-color-accent-text: #95c0ff;
  --p-color-accent-text: oklch(0.8 0.1015 258);
  --p-color-bg-canvas: #0a0a0a;
  --p-color-bg-canvas: oklch(0.145 0 0);
  --p-color-nav-active: #181c21;
  --p-color-nav-active: oklch(0.2236 0.0122 258);
  --p-color-nav-active-icon: #95c0ff;
  --p-color-nav-active-icon: oklch(0.8 0.1015 258);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"] {
  --p-color-bg-canvas: #0f1014;
  --p-color-bg-canvas: oklch(0.175 0.008 270);
  --p-color-nav-active: #25262a;
  --p-color-nav-active: oklch(0.269 0.0079 270);
}

[data-platform="ios"][data-world="editorial"][data-product="naalto"] {
  --p-font-family-display: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-platform="ios"][data-world="editorial"][data-product="poliage"] {
  --p-font-family-display: Georgia, "Pretendard Variable", serif;
  --p-type-display-l-family: Georgia, "Pretendard Variable", serif;
  --p-type-display-m-family: Georgia, "Pretendard Variable", serif;
  --p-type-display-s-family: Georgia, "Pretendard Variable", serif;
}

[data-platform="ios"][data-world="editorial"][data-product="poliage-beauty"] {
  --p-font-family-display: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-display-l-family: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-display-m-family: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-display-s-family: ui-serif, "Iowan Old Style", Georgia, serif;
}

[data-platform="ios"][data-world="editorial"][data-product="paperrift"] {
  --p-font-family-display: Cinzel, Georgia, serif;
  --p-type-display-l-family: Cinzel, Georgia, serif;
  --p-type-display-m-family: Cinzel, Georgia, serif;
  --p-type-display-s-family: Cinzel, Georgia, serif;
}

[data-platform="ios"][data-world="editorial"][data-product="ownmode"] {
  --p-font-family-display: ui-serif, Georgia, serif;
  --p-type-display-l-family: ui-serif, Georgia, serif;
  --p-type-display-m-family: ui-serif, Georgia, serif;
  --p-type-display-s-family: ui-serif, Georgia, serif;
}

[data-platform="ios"][data-world="editorial"][data-product="loudsoup"] {
  --p-font-family-display: Fraunces, Georgia, serif;
  --p-type-display-l-family: Fraunces, Georgia, serif;
  --p-type-display-m-family: Fraunces, Georgia, serif;
  --p-type-display-s-family: Fraunces, Georgia, serif;
}

[data-platform="ios"][data-world="editorial"][data-product="execemy"] {
  --p-font-family-display: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-display-l-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-display-m-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-display-s-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
}

[data-platform="ios"][data-world="editorial"][data-product="claradb"] {
  --p-font-family-display: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-display-l-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-display-m-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-display-s-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
}

[data-platform="ios"][data-world="signal"][data-product="naalto"] {
  --p-font-family-display: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-platform="ios"][data-world="signal"][data-product="poliage"] {
  --p-font-family-display: Georgia, "Pretendard Variable", serif;
  --p-type-display-l-family: Georgia, "Pretendard Variable", serif;
  --p-type-display-m-family: Georgia, "Pretendard Variable", serif;
  --p-type-display-s-family: Georgia, "Pretendard Variable", serif;
}

[data-platform="ios"][data-world="signal"][data-product="poliage-beauty"] {
  --p-font-family-display: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-display-l-family: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-display-m-family: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-display-s-family: ui-serif, "Iowan Old Style", Georgia, serif;
}

[data-platform="ios"][data-world="signal"][data-product="paperrift"] {
  --p-font-family-display: Cinzel, Georgia, serif;
  --p-type-display-l-family: Cinzel, Georgia, serif;
  --p-type-display-m-family: Cinzel, Georgia, serif;
  --p-type-display-s-family: Cinzel, Georgia, serif;
}

[data-platform="ios"][data-world="signal"][data-product="ownmode"] {
  --p-font-family-display: ui-serif, Georgia, serif;
  --p-type-display-l-family: ui-serif, Georgia, serif;
  --p-type-display-m-family: ui-serif, Georgia, serif;
  --p-type-display-s-family: ui-serif, Georgia, serif;
}

[data-platform="ios"][data-world="signal"][data-product="loudsoup"] {
  --p-font-family-display: Fraunces, Georgia, serif;
  --p-type-display-l-family: Fraunces, Georgia, serif;
  --p-type-display-m-family: Fraunces, Georgia, serif;
  --p-type-display-s-family: Fraunces, Georgia, serif;
}

[data-platform="ios"][data-world="signal"][data-product="execemy"] {
  --p-font-family-display: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-display-l-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-display-m-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-display-s-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
}

[data-platform="ios"][data-world="signal"][data-product="claradb"] {
  --p-font-family-display: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-display-l-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-display-m-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-display-s-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
}

[data-platform="ios"][data-business="b2c"][data-product="naalto"] {
  --p-type-card-meta-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-card-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-nav-label-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-section-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-section-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-platform="ios"][data-business="b2c"][data-product="poliage"] {
  --p-nav-preset: "topbar";
  --p-type-card-meta-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-card-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-nav-label-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-section-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-section-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
}

[data-platform="ios"][data-business="b2c"][data-product="poliage-beauty"] {
  --p-type-card-meta-family: -apple-system, system-ui, sans-serif;
  --p-type-card-title-family: -apple-system, system-ui, sans-serif;
  --p-type-nav-label-family: -apple-system, system-ui, sans-serif;
  --p-type-section-title-mobile-family: -apple-system, system-ui, sans-serif;
  --p-type-section-title-family: -apple-system, system-ui, sans-serif;
  --p-type-title-mobile-family: -apple-system, system-ui, sans-serif;
}

[data-platform="ios"][data-business="b2c"][data-product="paperrift"] {
  --p-type-card-meta-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-card-title-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-nav-label-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-section-title-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

[data-platform="ios"][data-business="b2c"][data-product="ownmode"] {
  --p-type-card-meta-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-card-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-nav-label-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
}

[data-platform="ios"][data-business="b2c"][data-product="loudsoup"] {
  --p-nav-preset: "topbar";
  --p-type-card-meta-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-card-title-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-nav-label-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-section-title-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
}

[data-platform="ios"][data-business="b2c"][data-product="execemy"] {
  --p-nav-preset: "sidebar";
  --p-type-card-meta-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-card-title-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-nav-label-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

[data-platform="ios"][data-business="b2c"][data-product="claradb"] {
  --p-nav-preset: "topbar";
  --p-type-card-meta-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-card-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-nav-label-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-section-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-section-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
}

[data-platform="ios"][data-business="b2c"][data-product="plain-trades"] {
  --p-type-card-meta-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-nav-label-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-platform="ios"][data-business="b2c"][data-product="handywright"] {
  --p-type-card-meta-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-nav-label-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-platform="ios"][data-business="b2c"][data-product="oslerpress"] {
  --p-type-card-meta-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-nav-label-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-platform="ios"][data-business="b2c"][data-world="editorial"] {
  --p-nav-preset: "topbar";
  --p-type-body-l-line-height: 22px;
  --p-type-body-l-line-height-ko: 23.5px;
  --p-type-body-l-size: 17px;
  --p-type-display-l-line-height: 41px;
  --p-type-display-l-line-height-ko: 44.5px;
  --p-type-display-m-line-height: 34px;
  --p-type-display-m-line-height-ko: 37px;
  --p-type-display-s-line-height: 28px;
}

[data-platform="ios"][data-business="b2c"][data-world="signal"] {
  --p-type-display-l-line-height: 41px;
  --p-type-display-l-line-height-ko: 44.5px;
  --p-type-display-l-size: 34px;
  --p-type-display-l-tracking: -0.02;
  --p-type-display-m-line-height: 34px;
  --p-type-display-m-line-height-ko: 37px;
  --p-type-display-m-tracking: -0.02;
  --p-type-display-s-line-height: 28px;
  --p-type-display-s-size: 22px;
}

[data-platform="ios"][data-business="game"][data-product="naalto"] {
  --p-type-card-meta-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-card-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-nav-label-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-section-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-section-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-platform="ios"][data-business="game"][data-product="poliage"] {
  --p-type-card-meta-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-card-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-nav-label-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-section-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-section-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
}

[data-platform="ios"][data-business="game"][data-product="poliage-beauty"] {
  --p-type-card-meta-family: -apple-system, system-ui, sans-serif;
  --p-type-card-title-family: -apple-system, system-ui, sans-serif;
  --p-type-nav-label-family: -apple-system, system-ui, sans-serif;
  --p-type-section-title-mobile-family: -apple-system, system-ui, sans-serif;
  --p-type-section-title-family: -apple-system, system-ui, sans-serif;
  --p-type-title-mobile-family: -apple-system, system-ui, sans-serif;
}

[data-platform="ios"][data-business="game"][data-product="paperrift"] {
  --p-type-card-meta-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-card-title-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-nav-label-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-section-title-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

[data-platform="ios"][data-business="game"][data-product="ownmode"] {
  --p-type-card-meta-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-card-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-nav-label-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
}

[data-platform="ios"][data-business="game"][data-product="loudsoup"] {
  --p-type-card-meta-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-card-title-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-nav-label-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-section-title-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
}

[data-platform="ios"][data-business="game"][data-product="execemy"] {
  --p-type-card-meta-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-card-title-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-nav-label-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

[data-platform="ios"][data-business="game"][data-product="claradb"] {
  --p-type-card-meta-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-card-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-nav-label-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-section-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-section-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
}

[data-platform="ios"][data-business="game"][data-product="plain-trades"] {
  --p-type-card-meta-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-nav-label-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-platform="ios"][data-business="game"][data-product="handywright"] {
  --p-type-card-meta-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-nav-label-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-platform="ios"][data-business="game"][data-product="oslerpress"] {
  --p-type-card-meta-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-nav-label-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-platform="ios"][data-business="game"][data-world="editorial"] {
  --p-type-body-l-line-height: 22px;
  --p-type-body-l-line-height-ko: 23.5px;
  --p-type-body-l-size: 17px;
  --p-type-display-l-line-height: 41px;
  --p-type-display-l-line-height-ko: 44.5px;
  --p-type-display-m-line-height: 34px;
  --p-type-display-m-line-height-ko: 37px;
  --p-type-display-s-line-height: 28px;
}

[data-platform="ios"][data-business="game"][data-world="signal"] {
  --p-type-display-l-line-height: 41px;
  --p-type-display-l-line-height-ko: 44.5px;
  --p-type-display-l-size: 34px;
  --p-type-display-l-tracking: -0.02;
  --p-type-display-m-line-height: 34px;
  --p-type-display-m-line-height-ko: 37px;
  --p-type-display-m-tracking: -0.02;
  --p-type-display-s-line-height: 28px;
  --p-type-display-s-size: 22px;
}

[data-platform="android"][data-world="editorial"][data-product="naalto"] {
  --p-font-family-display: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-platform="android"][data-world="editorial"][data-product="poliage"] {
  --p-font-family-display: Georgia, "Pretendard Variable", serif;
  --p-type-display-l-family: Georgia, "Pretendard Variable", serif;
  --p-type-display-m-family: Georgia, "Pretendard Variable", serif;
  --p-type-display-s-family: Georgia, "Pretendard Variable", serif;
}

[data-platform="android"][data-world="editorial"][data-product="poliage-beauty"] {
  --p-font-family-display: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-display-l-family: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-display-m-family: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-display-s-family: ui-serif, "Iowan Old Style", Georgia, serif;
}

[data-platform="android"][data-world="editorial"][data-product="paperrift"] {
  --p-font-family-display: Cinzel, Georgia, serif;
  --p-type-display-l-family: Cinzel, Georgia, serif;
  --p-type-display-m-family: Cinzel, Georgia, serif;
  --p-type-display-s-family: Cinzel, Georgia, serif;
}

[data-platform="android"][data-world="editorial"][data-product="ownmode"] {
  --p-font-family-display: ui-serif, Georgia, serif;
  --p-type-display-l-family: ui-serif, Georgia, serif;
  --p-type-display-m-family: ui-serif, Georgia, serif;
  --p-type-display-s-family: ui-serif, Georgia, serif;
}

[data-platform="android"][data-world="editorial"][data-product="loudsoup"] {
  --p-font-family-display: Fraunces, Georgia, serif;
  --p-type-display-l-family: Fraunces, Georgia, serif;
  --p-type-display-m-family: Fraunces, Georgia, serif;
  --p-type-display-s-family: Fraunces, Georgia, serif;
}

[data-platform="android"][data-world="editorial"][data-product="execemy"] {
  --p-font-family-display: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-display-l-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-display-m-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-display-s-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
}

[data-platform="android"][data-world="editorial"][data-product="claradb"] {
  --p-font-family-display: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-display-l-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-display-m-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-display-s-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
}

[data-platform="android"][data-world="signal"][data-product="naalto"] {
  --p-font-family-display: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-l-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-m-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-display-s-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-platform="android"][data-world="signal"][data-product="poliage"] {
  --p-font-family-display: Georgia, "Pretendard Variable", serif;
  --p-type-display-l-family: Georgia, "Pretendard Variable", serif;
  --p-type-display-m-family: Georgia, "Pretendard Variable", serif;
  --p-type-display-s-family: Georgia, "Pretendard Variable", serif;
}

[data-platform="android"][data-world="signal"][data-product="poliage-beauty"] {
  --p-font-family-display: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-display-l-family: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-display-m-family: ui-serif, "Iowan Old Style", Georgia, serif;
  --p-type-display-s-family: ui-serif, "Iowan Old Style", Georgia, serif;
}

[data-platform="android"][data-world="editorial"][data-product="plain-trades"] {
  --p-type-display-l-weight: 400;
  --p-type-display-m-weight: 400;
  --p-type-display-s-weight: 400;
}

[data-platform="android"][data-world="signal"][data-product="paperrift"] {
  --p-font-family-display: Cinzel, Georgia, serif;
  --p-type-display-l-family: Cinzel, Georgia, serif;
  --p-type-display-m-family: Cinzel, Georgia, serif;
  --p-type-display-s-family: Cinzel, Georgia, serif;
}

[data-platform="android"][data-world="editorial"][data-product="handywright"] {
  --p-type-display-l-weight: 600;
  --p-type-display-m-weight: 600;
  --p-type-display-s-weight: 600;
}

[data-platform="android"][data-world="signal"][data-product="ownmode"] {
  --p-font-family-display: ui-serif, Georgia, serif;
  --p-type-display-l-family: ui-serif, Georgia, serif;
  --p-type-display-m-family: ui-serif, Georgia, serif;
  --p-type-display-s-family: ui-serif, Georgia, serif;
}

[data-platform="android"][data-world="editorial"][data-product="oslerpress"] {
  --p-type-display-l-weight: 600;
  --p-type-display-m-weight: 600;
  --p-type-display-s-weight: 600;
}

[data-platform="android"][data-world="signal"][data-product="loudsoup"] {
  --p-font-family-display: Fraunces, Georgia, serif;
  --p-type-display-l-family: Fraunces, Georgia, serif;
  --p-type-display-m-family: Fraunces, Georgia, serif;
  --p-type-display-s-family: Fraunces, Georgia, serif;
}

[data-platform="android"][data-world="signal"][data-product="execemy"] {
  --p-font-family-display: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-display-l-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-display-m-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
  --p-type-display-s-family: "Source Serif 4 Variable", "Iowan Old Style", Georgia, serif;
}

[data-platform="android"][data-world="signal"][data-product="claradb"] {
  --p-font-family-display: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-display-l-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-display-m-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
  --p-type-display-s-family: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;
}

[data-platform="android"][data-world="signal"][data-product="plain-trades"] {
  --p-type-display-l-weight: 400;
  --p-type-display-m-weight: 400;
  --p-type-display-s-weight: 400;
}

[data-platform="android"][data-world="signal"][data-product="handywright"] {
  --p-type-display-l-weight: 600;
  --p-type-display-m-weight: 600;
  --p-type-display-s-weight: 600;
}

[data-platform="android"][data-world="signal"][data-product="oslerpress"] {
  --p-type-display-l-weight: 600;
  --p-type-display-m-weight: 600;
  --p-type-display-s-weight: 600;
}

[data-platform="android"][data-business="b2c"][data-product="naalto"] {
  --p-type-card-meta-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-card-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-nav-label-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-section-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-section-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-platform="android"][data-business="b2c"][data-product="poliage"] {
  --p-nav-preset: "topbar";
  --p-type-card-meta-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-card-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-nav-label-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-section-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-section-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
}

[data-platform="android"][data-business="b2c"][data-product="poliage-beauty"] {
  --p-type-card-meta-family: -apple-system, system-ui, sans-serif;
  --p-type-card-title-family: -apple-system, system-ui, sans-serif;
  --p-type-nav-label-family: -apple-system, system-ui, sans-serif;
  --p-type-section-title-mobile-family: -apple-system, system-ui, sans-serif;
  --p-type-section-title-family: -apple-system, system-ui, sans-serif;
  --p-type-title-mobile-family: -apple-system, system-ui, sans-serif;
}

[data-platform="android"][data-business="b2c"][data-product="paperrift"] {
  --p-type-card-meta-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-card-title-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-nav-label-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-section-title-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

[data-platform="android"][data-business="b2c"][data-product="ownmode"] {
  --p-type-card-meta-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-card-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-nav-label-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
}

[data-platform="android"][data-business="b2c"][data-product="loudsoup"] {
  --p-nav-preset: "topbar";
  --p-type-card-meta-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-card-title-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-nav-label-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-section-title-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
}

[data-platform="android"][data-business="b2c"][data-product="execemy"] {
  --p-nav-preset: "sidebar";
  --p-type-card-meta-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-card-title-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-nav-label-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

[data-platform="android"][data-business="b2c"][data-product="claradb"] {
  --p-nav-preset: "topbar";
  --p-type-card-meta-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-card-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-nav-label-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-section-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-section-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
}

[data-platform="android"][data-business="b2c"][data-product="plain-trades"] {
  --p-type-card-meta-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-nav-label-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-platform="android"][data-business="b2c"][data-product="handywright"] {
  --p-type-card-meta-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-nav-label-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-platform="android"][data-business="b2c"][data-product="oslerpress"] {
  --p-type-card-meta-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-nav-label-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-platform="android"][data-business="b2c"][data-world="editorial"] {
  --p-nav-preset: "topbar";
  --p-type-display-l-line-height: 44px;
  --p-type-display-l-line-height-ko: 47.5px;
  --p-type-display-m-line-height: 40px;
  --p-type-display-m-line-height-ko: 43px;
}

[data-platform="android"][data-business="b2c"][data-world="signal"] {
  --p-type-display-l-line-height: 44px;
  --p-type-display-l-line-height-ko: 47.5px;
  --p-type-display-l-size: 36px;
  --p-type-display-l-tracking: -0.02;
  --p-type-display-m-line-height: 40px;
  --p-type-display-m-line-height-ko: 43px;
  --p-type-display-m-size: 32px;
  --p-type-display-m-tracking: -0.02;
  --p-type-display-s-size: 28px;
  --p-type-title-l-size: 22px;
}

[data-platform="android"][data-business="game"][data-product="naalto"] {
  --p-type-card-meta-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-card-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-nav-label-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-section-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-section-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p-type-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-platform="android"][data-business="game"][data-product="poliage"] {
  --p-type-card-meta-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-card-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-nav-label-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-section-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-section-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
  --p-type-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Segoe UI", sans-serif;
}

[data-platform="android"][data-business="game"][data-product="poliage-beauty"] {
  --p-type-card-meta-family: -apple-system, system-ui, sans-serif;
  --p-type-card-title-family: -apple-system, system-ui, sans-serif;
  --p-type-nav-label-family: -apple-system, system-ui, sans-serif;
  --p-type-section-title-mobile-family: -apple-system, system-ui, sans-serif;
  --p-type-section-title-family: -apple-system, system-ui, sans-serif;
  --p-type-title-mobile-family: -apple-system, system-ui, sans-serif;
}

[data-platform="android"][data-business="game"][data-product="paperrift"] {
  --p-type-card-meta-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-card-title-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-nav-label-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-section-title-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", "Pretendard Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

[data-platform="android"][data-business="game"][data-product="ownmode"] {
  --p-type-card-meta-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-card-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-nav-label-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --p-type-title-mobile-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
}

[data-platform="android"][data-business="game"][data-product="loudsoup"] {
  --p-type-card-meta-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-card-title-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-nav-label-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-section-title-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
}

[data-platform="android"][data-business="game"][data-product="execemy"] {
  --p-type-card-meta-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-card-title-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-nav-label-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-mobile-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-section-title-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --p-type-title-mobile-family: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

[data-platform="android"][data-business="game"][data-product="claradb"] {
  --p-type-card-meta-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-card-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-nav-label-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-section-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-section-title-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
  --p-type-title-mobile-family: "Pretendard Variable", "Pretendard Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, sans-serif;
}

[data-platform="android"][data-business="game"][data-product="plain-trades"] {
  --p-type-card-meta-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-nav-label-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-family: "Hanken Grotesk", "Hanken Grotesk Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-platform="android"][data-business="game"][data-product="handywright"] {
  --p-type-card-meta-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-nav-label-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-platform="android"][data-business="game"][data-product="oslerpress"] {
  --p-type-card-meta-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-card-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-nav-label-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-section-title-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --p-type-title-mobile-family: "Instrument Sans", "Instrument Sans Fallback", "Pretendard Variable", "Pretendard Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

[data-platform="android"][data-business="game"][data-world="editorial"] {
  --p-type-display-l-line-height: 44px;
  --p-type-display-l-line-height-ko: 47.5px;
  --p-type-display-m-line-height: 40px;
  --p-type-display-m-line-height-ko: 43px;
}

[data-platform="android"][data-business="game"][data-world="signal"] {
  --p-type-display-l-line-height: 44px;
  --p-type-display-l-line-height-ko: 47.5px;
  --p-type-display-l-size: 36px;
  --p-type-display-l-tracking: -0.02;
  --p-type-display-m-line-height: 40px;
  --p-type-display-m-line-height-ko: 43px;
  --p-type-display-m-size: 32px;
  --p-type-display-m-tracking: -0.02;
  --p-type-display-s-size: 28px;
  --p-type-title-l-size: 22px;
}

[data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="accountmade"] {
  --p-color-accent-text: #dce8ff;
  --p-color-accent-text: oklch(0.93 0.0334 263.45);
  --p-color-agent-text: #dce8ff;
  --p-color-agent-text: oklch(0.93 0.0334 263.45);
  --p-color-nav-active: #1f262d;
  --p-color-nav-active: oklch(0.2656 0.0162 249.5);
  --p-color-nav-active-icon: #dce8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0334 263.45);
  --p-color-text-link: #dce8ff;
  --p-color-text-link: oklch(0.93 0.0334 263.45);
}

[data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="naalto"] {
  --p-button-focus-border: #edf2f7;
  --p-button-focus-border: oklch(0.958 0.0088 252.82);
  --p-choice-border: #b8bdc2;
  --p-choice-border: oklch(0.796 0.0088 252.82);
  --p-color-accent-text: #dee9f7;
  --p-color-accent-text: oklch(0.93 0.0218 254.96);
  --p-color-agent-text: #dee9f7;
  --p-color-agent-text: oklch(0.93 0.0218 254.96);
  --p-color-bg-canvas: #0d1115;
  --p-color-bg-canvas: oklch(0.175 0.0098 252.82);
  --p-color-border-control: #b8bdc2;
  --p-color-border-control: oklch(0.796 0.0088 252.82);
  --p-color-border-control-hover: #edf2f7;
  --p-color-border-control-hover: oklch(0.958 0.0088 252.82);
  --p-color-border-control-strong: #edf2f7;
  --p-color-border-control-strong: oklch(0.958 0.0088 252.82);
  --p-color-border-default: #b8bdc2;
  --p-color-border-default: oklch(0.796 0.0088 252.82);
  --p-color-border-strong: #edf2f7;
  --p-color-border-strong: oklch(0.958 0.0088 252.82);
  --p-color-border-subtle: #75797e;
  --p-color-border-subtle: oklch(0.574 0.0098 252.82);
  --p-color-field-border-disabled: #75797e;
  --p-color-field-border-disabled: oklch(0.574 0.0098 252.82);
  --p-color-field-border-focus: #edf2f7;
  --p-color-field-border-focus: oklch(0.958 0.0088 252.82);
  --p-color-focus-ring: #edf2f7;
  --p-color-focus-ring: oklch(0.958 0.0088 252.82);
  --p-color-focus-ring-button: #edf2f759;
  --p-color-focus-ring-button: oklch(0.958 0.0088 252.82 / 0.35);
  --p-color-focus-ring-field: #edf2f752;
  --p-color-focus-ring-field: oklch(0.958 0.0088 252.82 / 0.32);
  --p-color-nav-active: #22262b;
  --p-color-nav-active: oklch(0.2656 0.0112 253.32);
  --p-color-nav-active-icon: #dee9f7;
  --p-color-nav-active-icon: oklch(0.93 0.0218 254.96);
  --p-color-text-disabled: #85898e;
  --p-color-text-disabled: oklch(0.627 0.0088 252.82);
  --p-color-text-link: #dee9f7;
  --p-color-text-link: oklch(0.93 0.0218 254.96);
  --p-color-text-secondary: #edf2f7;
  --p-color-text-secondary: oklch(0.958 0.0088 252.82);
  --p-color-text-tertiary: #b8bdc2;
  --p-color-text-tertiary: oklch(0.796 0.0088 252.82);
  --p-switch-border-off: #b8bdc2;
  --p-switch-border-off: oklch(0.796 0.0088 252.82);
}

[data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="poliage"] {
  --p-button-focus-border: #f6f0e9;
  --p-button-focus-border: oklch(0.958 0.011 67.67);
  --p-choice-border: #c3bcb6;
  --p-choice-border: oklch(0.8 0.011 67.67);
  --p-color-accent-text: #f4e4e2;
  --p-color-accent-text: oklch(0.93 0.0179 23.08);
  --p-color-agent-text: #f4e4e2;
  --p-color-agent-text: oklch(0.93 0.0179 23.08);
  --p-color-bg-canvas: #14100b;
  --p-color-bg-canvas: oklch(0.175 0.0122 67.67);
  --p-color-border-control: #c3bcb6;
  --p-color-border-control: oklch(0.8 0.011 67.67);
  --p-color-border-control-hover: #f6f0e9;
  --p-color-border-control-hover: oklch(0.958 0.011 67.67);
  --p-color-border-control-strong: #f6f0e9;
  --p-color-border-control-strong: oklch(0.958 0.011 67.67);
  --p-color-border-default: #c3bcb6;
  --p-color-border-default: oklch(0.8 0.011 67.67);
  --p-color-border-strong: #f6f0e9;
  --p-color-border-strong: oklch(0.958 0.011 67.67);
  --p-color-border-subtle: #7f7872;
  --p-color-border-subtle: oklch(0.578 0.0122 67.67);
  --p-color-field-border-disabled: #7f7872;
  --p-color-field-border-disabled: oklch(0.578 0.0122 67.67);
  --p-color-field-border-focus: #f6f0e9;
  --p-color-field-border-focus: oklch(0.958 0.011 67.67);
  --p-color-focus-ring: #f6f0e9;
  --p-color-focus-ring: oklch(0.958 0.011 67.67);
  --p-color-focus-ring-button: #f6f0e959;
  --p-color-focus-ring-button: oklch(0.958 0.011 67.67 / 0.35);
  --p-color-focus-ring-field: #f6f0e952;
  --p-color-focus-ring-field: oklch(0.958 0.011 67.67 / 0.32);
  --p-color-nav-active: #2a241f;
  --p-color-nav-active: oklch(0.2656 0.0124 60.66);
  --p-color-nav-active-icon: #f4e4e2;
  --p-color-nav-active-icon: oklch(0.93 0.0179 23.08);
  --p-color-text-disabled: #8d8882;
  --p-color-text-disabled: oklch(0.629 0.011 67.67);
  --p-color-text-link: #f4e4e2;
  --p-color-text-link: oklch(0.93 0.0179 23.08);
  --p-color-text-secondary: #f6f0e9;
  --p-color-text-secondary: oklch(0.958 0.011 67.67);
  --p-color-text-tertiary: #c3bcb6;
  --p-color-text-tertiary: oklch(0.8 0.011 67.67);
  --p-switch-border-off: #c3bcb6;
  --p-switch-border-off: oklch(0.8 0.011 67.67);
}

[data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="poliage-beauty"] {
  --p-button-focus-border: #f4f1ea;
  --p-button-focus-border: oklch(0.958 0.009 87.48);
  --p-choice-border: #c0bdb7;
  --p-choice-border: oklch(0.8 0.009 87.48);
  --p-color-accent-text: #e8e8e7;
  --p-color-accent-text: oklch(0.93 0.0014 84.59);
  --p-color-agent-text: #e8e8e7;
  --p-color-agent-text: oklch(0.93 0.0014 84.59);
  --p-color-bg-canvas: #12100c;
  --p-color-bg-canvas: oklch(0.175 0.01 87.48);
  --p-color-border-control: #c0bdb7;
  --p-color-border-control: oklch(0.8 0.009 87.48);
  --p-color-border-control-hover: #f4f1ea;
  --p-color-border-control-hover: oklch(0.958 0.009 87.48);
  --p-color-border-control-strong: #f4f1ea;
  --p-color-border-control-strong: oklch(0.958 0.009 87.48);
  --p-color-border-default: #c0bdb7;
  --p-color-border-default: oklch(0.8 0.009 87.48);
  --p-color-border-strong: #f4f1ea;
  --p-color-border-strong: oklch(0.958 0.009 87.48);
  --p-color-border-subtle: #7c7973;
  --p-color-border-subtle: oklch(0.578 0.01 87.48);
  --p-color-field-border-disabled: #7c7973;
  --p-color-field-border-disabled: oklch(0.578 0.01 87.48);
  --p-color-field-border-focus: #f4f1ea;
  --p-color-field-border-focus: oklch(0.958 0.009 87.48);
  --p-color-focus-ring: #f4f1ea;
  --p-color-focus-ring: oklch(0.958 0.009 87.48);
  --p-color-focus-ring-button: #f4f1ea59;
  --p-color-focus-ring-button: oklch(0.958 0.009 87.48 / 0.35);
  --p-color-focus-ring-field: #f4f1ea52;
  --p-color-focus-ring-field: oklch(0.958 0.009 87.48 / 0.32);
  --p-color-nav-active: #272520;
  --p-color-nav-active: oklch(0.2656 0.009 87.43);
  --p-color-nav-active-icon: #e8e8e7;
  --p-color-nav-active-icon: oklch(0.93 0.0014 84.59);
  --p-color-text-disabled: #8b8983;
  --p-color-text-disabled: oklch(0.629 0.009 87.48);
  --p-color-text-link: #e8e8e7;
  --p-color-text-link: oklch(0.93 0.0014 84.59);
  --p-color-text-secondary: #f4f1ea;
  --p-color-text-secondary: oklch(0.958 0.009 87.48);
  --p-color-text-tertiary: #c0bdb7;
  --p-color-text-tertiary: oklch(0.8 0.009 87.48);
  --p-switch-border-off: #c0bdb7;
  --p-switch-border-off: oklch(0.8 0.009 87.48);
}

[data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="paperrift"] {
  --p-button-focus-border: #f2eff9;
  --p-button-focus-border: oklch(0.958 0.0128 298.16);
  --p-choice-border: #bdbbc4;
  --p-choice-border: oklch(0.796 0.0128 298.16);
  --p-color-accent-text: #e8e8e6;
  --p-color-accent-text: oklch(0.93 0.002 84.57);
  --p-color-agent-text: #e8e8e6;
  --p-color-agent-text: oklch(0.93 0.002 84.57);
  --p-color-bg-canvas: #110f16;
  --p-color-bg-canvas: oklch(0.175 0.0142 298.16);
  --p-color-border-control: #bdbbc4;
  --p-color-border-control: oklch(0.796 0.0128 298.16);
  --p-color-border-control-hover: #f2eff9;
  --p-color-border-control-hover: oklch(0.958 0.0128 298.16);
  --p-color-border-control-strong: #f2eff9;
  --p-color-border-control-strong: oklch(0.958 0.0128 298.16);
  --p-color-border-default: #bdbbc4;
  --p-color-border-default: oklch(0.796 0.0128 298.16);
  --p-color-border-strong: #f2eff9;
  --p-color-border-strong: oklch(0.958 0.0128 298.16);
  --p-color-border-subtle: #797780;
  --p-color-border-subtle: oklch(0.574 0.0142 298.16);
  --p-color-field-border-disabled: #797780;
  --p-color-field-border-disabled: oklch(0.574 0.0142 298.16);
  --p-color-field-border-focus: #f2eff9;
  --p-color-field-border-focus: oklch(0.958 0.0128 298.16);
  --p-color-focus-ring: #f2eff9;
  --p-color-focus-ring: oklch(0.958 0.0128 298.16);
  --p-color-focus-ring-button: #f2eff959;
  --p-color-focus-ring-button: oklch(0.958 0.0128 298.16 / 0.35);
  --p-color-focus-ring-field: #f2eff952;
  --p-color-focus-ring-field: oklch(0.958 0.0128 298.16 / 0.32);
  --p-color-nav-active: #26242b;
  --p-color-nav-active: oklch(0.2656 0.0123 298.78);
  --p-color-nav-active-icon: #e8e8e6;
  --p-color-nav-active-icon: oklch(0.93 0.002 84.57);
  --p-color-text-disabled: #89878f;
  --p-color-text-disabled: oklch(0.627 0.0128 298.16);
  --p-color-text-link: #e8e8e6;
  --p-color-text-link: oklch(0.93 0.002 84.57);
  --p-color-text-secondary: #f2eff9;
  --p-color-text-secondary: oklch(0.958 0.0128 298.16);
  --p-color-text-tertiary: #bdbbc4;
  --p-color-text-tertiary: oklch(0.796 0.0128 298.16);
  --p-switch-border-off: #bdbbc4;
  --p-switch-border-off: oklch(0.796 0.0128 298.16);
}

[data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="ownmode"] {
  --p-button-focus-border: #f4f1e9;
  --p-button-focus-border: oklch(0.958 0.0103 89.73);
  --p-choice-border: #c0bdb6;
  --p-choice-border: oklch(0.8 0.0103 89.73);
  --p-color-accent-text: #d8eee4;
  --p-color-accent-text: oklch(0.93 0.0269 165.99);
  --p-color-agent-text: #d8eee4;
  --p-color-agent-text: oklch(0.93 0.0269 165.99);
  --p-color-bg-canvas: #12100b;
  --p-color-bg-canvas: oklch(0.175 0.0114 89.73);
  --p-color-border-control: #c0bdb6;
  --p-color-border-control: oklch(0.8 0.0103 89.73);
  --p-color-border-control-hover: #f4f1e9;
  --p-color-border-control-hover: oklch(0.958 0.0103 89.73);
  --p-color-border-control-strong: #f4f1e9;
  --p-color-border-control-strong: oklch(0.958 0.0103 89.73);
  --p-color-border-default: #c0bdb6;
  --p-color-border-default: oklch(0.8 0.0103 89.73);
  --p-color-border-strong: #f4f1e9;
  --p-color-border-strong: oklch(0.958 0.0103 89.73);
  --p-color-border-subtle: #7c7a72;
  --p-color-border-subtle: oklch(0.578 0.0114 89.73);
  --p-color-field-border-disabled: #7c7a72;
  --p-color-field-border-disabled: oklch(0.578 0.0114 89.73);
  --p-color-field-border-focus: #f4f1e9;
  --p-color-field-border-focus: oklch(0.958 0.0103 89.73);
  --p-color-focus-ring: #f4f1e9;
  --p-color-focus-ring: oklch(0.958 0.0103 89.73);
  --p-color-focus-ring-button: #f4f1e959;
  --p-color-focus-ring-button: oklch(0.958 0.0103 89.73 / 0.35);
  --p-color-focus-ring-field: #f4f1e952;
  --p-color-focus-ring-field: oklch(0.958 0.0103 89.73 / 0.32);
  --p-color-nav-active: #262620;
  --p-color-nav-active: oklch(0.2656 0.0112 105.92);
  --p-color-nav-active-icon: #d8eee4;
  --p-color-nav-active-icon: oklch(0.93 0.0269 165.99);
  --p-color-text-disabled: #8b8982;
  --p-color-text-disabled: oklch(0.629 0.0103 89.73);
  --p-color-text-link: #d8eee4;
  --p-color-text-link: oklch(0.93 0.0269 165.99);
  --p-color-text-secondary: #f4f1e9;
  --p-color-text-secondary: oklch(0.958 0.0103 89.73);
  --p-color-text-tertiary: #c0bdb6;
  --p-color-text-tertiary: oklch(0.8 0.0103 89.73);
  --p-switch-border-off: #c0bdb6;
  --p-switch-border-off: oklch(0.8 0.0103 89.73);
}

[data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="loudsoup"] {
  --p-button-focus-border: #f4f0ec;
  --p-button-focus-border: oklch(0.958 0.0072 73.74);
  --p-choice-border: #bfbcb7;
  --p-choice-border: oklch(0.796 0.0072 73.74);
  --p-color-accent-text: #ffdfe2;
  --p-color-accent-text: oklch(0.93 0.0362 11.21);
  --p-color-agent-text: #ffdfe2;
  --p-color-agent-text: oklch(0.93 0.0362 11.21);
  --p-color-bg-canvas: #13100d;
  --p-color-bg-canvas: oklch(0.175 0.008 73.74);
  --p-color-border-control: #bfbcb7;
  --p-color-border-control: oklch(0.796 0.0072 73.74);
  --p-color-border-control-hover: #f4f0ec;
  --p-color-border-control-hover: oklch(0.958 0.0072 73.74);
  --p-color-border-control-strong: #f4f0ec;
  --p-color-border-control-strong: oklch(0.958 0.0072 73.74);
  --p-color-border-default: #bfbcb7;
  --p-color-border-default: oklch(0.796 0.0072 73.74);
  --p-color-border-strong: #f4f0ec;
  --p-color-border-strong: oklch(0.958 0.0072 73.74);
  --p-color-border-subtle: #7b7873;
  --p-color-border-subtle: oklch(0.574 0.008 73.74);
  --p-color-field-border-disabled: #7b7873;
  --p-color-field-border-disabled: oklch(0.574 0.008 73.74);
  --p-color-field-border-focus: #f4f0ec;
  --p-color-field-border-focus: oklch(0.958 0.0072 73.74);
  --p-color-focus-ring: #f4f0ec;
  --p-color-focus-ring: oklch(0.958 0.0072 73.74);
  --p-color-focus-ring-button: #f4f0ec59;
  --p-color-focus-ring-button: oklch(0.958 0.0072 73.74 / 0.35);
  --p-color-focus-ring-field: #f4f0ec52;
  --p-color-focus-ring-field: oklch(0.958 0.0072 73.74 / 0.32);
  --p-color-nav-active: #292421;
  --p-color-nav-active: oklch(0.2656 0.0098 50.66);
  --p-color-nav-active-icon: #ffdfe2;
  --p-color-nav-active-icon: oklch(0.93 0.0362 11.21);
  --p-color-text-disabled: #8b8884;
  --p-color-text-disabled: oklch(0.627 0.0072 73.74);
  --p-color-text-link: #ffdfe2;
  --p-color-text-link: oklch(0.93 0.0362 11.21);
  --p-color-text-secondary: #f4f0ec;
  --p-color-text-secondary: oklch(0.958 0.0072 73.74);
  --p-color-text-tertiary: #bfbcb7;
  --p-color-text-tertiary: oklch(0.796 0.0072 73.74);
  --p-switch-border-off: #bfbcb7;
  --p-switch-border-off: oklch(0.796 0.0072 73.74);
}

[data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="execemy"] {
  --p-button-focus-border: #f4f1ea;
  --p-button-focus-border: oklch(0.958 0.0095 84.59);
  --p-choice-border: #bfbcb6;
  --p-choice-border: oklch(0.796 0.0095 84.59);
  --p-color-accent-text: #dee8ff;
  --p-color-accent-text: oklch(0.93 0.0334 267.04);
  --p-color-agent-text: #dee8ff;
  --p-color-agent-text: oklch(0.93 0.0334 267.04);
  --p-color-bg-canvas: #13100b;
  --p-color-bg-canvas: oklch(0.175 0.0105 84.59);
  --p-color-border-control: #bfbcb6;
  --p-color-border-control: oklch(0.796 0.0095 84.59);
  --p-color-border-control-hover: #f4f1ea;
  --p-color-border-control-hover: oklch(0.958 0.0095 84.59);
  --p-color-border-control-strong: #f4f1ea;
  --p-color-border-control-strong: oklch(0.958 0.0095 84.59);
  --p-color-border-default: #bfbcb6;
  --p-color-border-default: oklch(0.796 0.0095 84.59);
  --p-color-border-strong: #f4f1ea;
  --p-color-border-strong: oklch(0.958 0.0095 84.59);
  --p-color-border-subtle: #7b7872;
  --p-color-border-subtle: oklch(0.574 0.0105 84.59);
  --p-color-field-border-disabled: #7b7872;
  --p-color-field-border-disabled: oklch(0.574 0.0105 84.59);
  --p-color-field-border-focus: #f4f1ea;
  --p-color-field-border-focus: oklch(0.958 0.0095 84.59);
  --p-color-focus-ring: #f4f1ea;
  --p-color-focus-ring: oklch(0.958 0.0095 84.59);
  --p-color-focus-ring-button: #f4f1ea59;
  --p-color-focus-ring-button: oklch(0.958 0.0095 84.59 / 0.35);
  --p-color-focus-ring-field: #f4f1ea52;
  --p-color-focus-ring-field: oklch(0.958 0.0095 84.59 / 0.32);
  --p-color-nav-active: #272523;
  --p-color-nav-active: oklch(0.2656 0.0052 82.72);
  --p-color-nav-active-icon: #dee8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0334 267.04);
  --p-color-text-disabled: #8a8781;
  --p-color-text-disabled: oklch(0.625 0.0095 84.59);
  --p-color-text-link: #dee8ff;
  --p-color-text-link: oklch(0.93 0.0334 267.04);
  --p-color-text-secondary: #f4f1ea;
  --p-color-text-secondary: oklch(0.958 0.0095 84.59);
  --p-color-text-tertiary: #bfbcb6;
  --p-color-text-tertiary: oklch(0.796 0.0095 84.59);
  --p-switch-border-off: #bfbcb6;
  --p-switch-border-off: oklch(0.796 0.0095 84.59);
}

[data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="claradb"] {
  --p-color-accent-text: #dae9ff;
  --p-color-accent-text: oklch(0.93 0.0338 257.91);
  --p-color-agent-text: #dae9ff;
  --p-color-agent-text: oklch(0.93 0.0338 257.91);
  --p-color-nav-active: #1f262d;
  --p-color-nav-active: oklch(0.2656 0.0163 248.19);
  --p-color-nav-active-icon: #dae9ff;
  --p-color-nav-active-icon: oklch(0.93 0.0338 257.91);
  --p-color-text-link: #dae9ff;
  --p-color-text-link: oklch(0.93 0.0338 257.91);
}

[data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="accountmade"] {
  --p-color-accent-text: #dce8ff;
  --p-color-accent-text: oklch(0.93 0.0334 263.45);
  --p-color-agent-text: #dce8ff;
  --p-color-agent-text: oklch(0.93 0.0334 263.45);
  --p-color-nav-active: #242527;
  --p-color-nav-active: oklch(0.2656 0.004 263.45);
  --p-color-nav-active-icon: #dce8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0334 263.45);
  --p-color-text-link: #dce8ff;
  --p-color-text-link: oklch(0.93 0.0334 263.45);
}

[data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="reshot"] {
  --p-color-accent-text: #dce8ff;
  --p-color-accent-text: oklch(0.93 0.0334 263.45);
  --p-color-agent-text: #dce8ff;
  --p-color-agent-text: oklch(0.93 0.0334 263.45);
  --p-color-nav-active: #1f262d;
  --p-color-nav-active: oklch(0.2656 0.0162 249.5);
  --p-color-nav-active-icon: #dce8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0334 263.45);
  --p-color-text-link: #dce8ff;
  --p-color-text-link: oklch(0.93 0.0334 263.45);
}

[data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="naalto"] {
  --p-button-focus-border: #edf2f7;
  --p-button-focus-border: oklch(0.958 0.0088 252.82);
  --p-choice-border: #b8bdc2;
  --p-choice-border: oklch(0.796 0.0088 252.82);
  --p-color-accent-text: #dee9f7;
  --p-color-accent-text: oklch(0.93 0.0218 254.96);
  --p-color-agent-text: #dee9f7;
  --p-color-agent-text: oklch(0.93 0.0218 254.96);
  --p-color-bg-canvas: #0d1115;
  --p-color-bg-canvas: oklch(0.175 0.0098 252.82);
  --p-color-border-control: #b8bdc2;
  --p-color-border-control: oklch(0.796 0.0088 252.82);
  --p-color-border-control-hover: #edf2f7;
  --p-color-border-control-hover: oklch(0.958 0.0088 252.82);
  --p-color-border-control-strong: #edf2f7;
  --p-color-border-control-strong: oklch(0.958 0.0088 252.82);
  --p-color-border-default: #b8bdc2;
  --p-color-border-default: oklch(0.796 0.0088 252.82);
  --p-color-border-strong: #edf2f7;
  --p-color-border-strong: oklch(0.958 0.0088 252.82);
  --p-color-border-subtle: #75797e;
  --p-color-border-subtle: oklch(0.574 0.0098 252.82);
  --p-color-field-border-disabled: #75797e;
  --p-color-field-border-disabled: oklch(0.574 0.0098 252.82);
  --p-color-field-border-focus: #edf2f7;
  --p-color-field-border-focus: oklch(0.958 0.0088 252.82);
  --p-color-focus-ring: #edf2f7;
  --p-color-focus-ring: oklch(0.958 0.0088 252.82);
  --p-color-focus-ring-button: #edf2f759;
  --p-color-focus-ring-button: oklch(0.958 0.0088 252.82 / 0.35);
  --p-color-focus-ring-field: #edf2f752;
  --p-color-focus-ring-field: oklch(0.958 0.0088 252.82 / 0.32);
  --p-color-nav-active: #22262b;
  --p-color-nav-active: oklch(0.2656 0.0112 253.32);
  --p-color-nav-active-icon: #dee9f7;
  --p-color-nav-active-icon: oklch(0.93 0.0218 254.96);
  --p-color-text-disabled: #85898e;
  --p-color-text-disabled: oklch(0.627 0.0088 252.82);
  --p-color-text-link: #dee9f7;
  --p-color-text-link: oklch(0.93 0.0218 254.96);
  --p-color-text-secondary: #edf2f7;
  --p-color-text-secondary: oklch(0.958 0.0088 252.82);
  --p-color-text-tertiary: #b8bdc2;
  --p-color-text-tertiary: oklch(0.796 0.0088 252.82);
  --p-switch-border-off: #b8bdc2;
  --p-switch-border-off: oklch(0.796 0.0088 252.82);
}

[data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="claradb-pro"] {
  --p-color-accent-text: #e7e4ff;
  --p-color-accent-text: oklch(0.93 0.0363 291);
  --p-color-agent-text: #e7e4ff;
  --p-color-agent-text: oklch(0.93 0.0363 291);
  --p-color-nav-active: #20262d;
  --p-color-nav-active: oklch(0.2656 0.0157 256.54);
  --p-color-nav-active-icon: #e7e4ff;
  --p-color-nav-active-icon: oklch(0.93 0.0363 291);
  --p-color-text-link: #e7e4ff;
  --p-color-text-link: oklch(0.93 0.0363 291);
}

[data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="poliage"] {
  --p-button-focus-border: #f6f0e9;
  --p-button-focus-border: oklch(0.958 0.011 67.67);
  --p-choice-border: #c3bcb6;
  --p-choice-border: oklch(0.8 0.011 67.67);
  --p-color-accent-text: #f4e4e2;
  --p-color-accent-text: oklch(0.93 0.0179 23.08);
  --p-color-agent-text: #f4e4e2;
  --p-color-agent-text: oklch(0.93 0.0179 23.08);
  --p-color-bg-canvas: #14100b;
  --p-color-bg-canvas: oklch(0.175 0.0122 67.67);
  --p-color-border-control: #c3bcb6;
  --p-color-border-control: oklch(0.8 0.011 67.67);
  --p-color-border-control-hover: #f6f0e9;
  --p-color-border-control-hover: oklch(0.958 0.011 67.67);
  --p-color-border-control-strong: #f6f0e9;
  --p-color-border-control-strong: oklch(0.958 0.011 67.67);
  --p-color-border-default: #c3bcb6;
  --p-color-border-default: oklch(0.8 0.011 67.67);
  --p-color-border-strong: #f6f0e9;
  --p-color-border-strong: oklch(0.958 0.011 67.67);
  --p-color-border-subtle: #7f7872;
  --p-color-border-subtle: oklch(0.578 0.0122 67.67);
  --p-color-field-border-disabled: #7f7872;
  --p-color-field-border-disabled: oklch(0.578 0.0122 67.67);
  --p-color-field-border-focus: #f6f0e9;
  --p-color-field-border-focus: oklch(0.958 0.011 67.67);
  --p-color-focus-ring: #f6f0e9;
  --p-color-focus-ring: oklch(0.958 0.011 67.67);
  --p-color-focus-ring-button: #f6f0e959;
  --p-color-focus-ring-button: oklch(0.958 0.011 67.67 / 0.35);
  --p-color-focus-ring-field: #f6f0e952;
  --p-color-focus-ring-field: oklch(0.958 0.011 67.67 / 0.32);
  --p-color-nav-active: #2a241f;
  --p-color-nav-active: oklch(0.2656 0.0124 60.66);
  --p-color-nav-active-icon: #f4e4e2;
  --p-color-nav-active-icon: oklch(0.93 0.0179 23.08);
  --p-color-text-disabled: #8d8882;
  --p-color-text-disabled: oklch(0.629 0.011 67.67);
  --p-color-text-link: #f4e4e2;
  --p-color-text-link: oklch(0.93 0.0179 23.08);
  --p-color-text-secondary: #f6f0e9;
  --p-color-text-secondary: oklch(0.958 0.011 67.67);
  --p-color-text-tertiary: #c3bcb6;
  --p-color-text-tertiary: oklch(0.8 0.011 67.67);
  --p-switch-border-off: #c3bcb6;
  --p-switch-border-off: oklch(0.8 0.011 67.67);
}

[data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="runstamp"] {
  --p-color-accent-text: #dee8ff;
  --p-color-accent-text: oklch(0.93 0.0333 267.74);
  --p-color-agent-text: #dee8ff;
  --p-color-agent-text: oklch(0.93 0.0333 267.74);
  --p-color-nav-active: #20262d;
  --p-color-nav-active: oklch(0.2656 0.0161 250.51);
  --p-color-nav-active-icon: #dee8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0333 267.74);
  --p-color-text-link: #dee8ff;
  --p-color-text-link: oklch(0.93 0.0333 267.74);
}

[data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="poliage-beauty"] {
  --p-button-focus-border: #f4f1ea;
  --p-button-focus-border: oklch(0.958 0.009 87.48);
  --p-choice-border: #c0bdb7;
  --p-choice-border: oklch(0.8 0.009 87.48);
  --p-color-accent-text: #e8e8e7;
  --p-color-accent-text: oklch(0.93 0.0014 84.59);
  --p-color-agent-text: #e8e8e7;
  --p-color-agent-text: oklch(0.93 0.0014 84.59);
  --p-color-bg-canvas: #12100c;
  --p-color-bg-canvas: oklch(0.175 0.01 87.48);
  --p-color-border-control: #c0bdb7;
  --p-color-border-control: oklch(0.8 0.009 87.48);
  --p-color-border-control-hover: #f4f1ea;
  --p-color-border-control-hover: oklch(0.958 0.009 87.48);
  --p-color-border-control-strong: #f4f1ea;
  --p-color-border-control-strong: oklch(0.958 0.009 87.48);
  --p-color-border-default: #c0bdb7;
  --p-color-border-default: oklch(0.8 0.009 87.48);
  --p-color-border-strong: #f4f1ea;
  --p-color-border-strong: oklch(0.958 0.009 87.48);
  --p-color-border-subtle: #7c7973;
  --p-color-border-subtle: oklch(0.578 0.01 87.48);
  --p-color-field-border-disabled: #7c7973;
  --p-color-field-border-disabled: oklch(0.578 0.01 87.48);
  --p-color-field-border-focus: #f4f1ea;
  --p-color-field-border-focus: oklch(0.958 0.009 87.48);
  --p-color-focus-ring: #f4f1ea;
  --p-color-focus-ring: oklch(0.958 0.009 87.48);
  --p-color-focus-ring-button: #f4f1ea59;
  --p-color-focus-ring-button: oklch(0.958 0.009 87.48 / 0.35);
  --p-color-focus-ring-field: #f4f1ea52;
  --p-color-focus-ring-field: oklch(0.958 0.009 87.48 / 0.32);
  --p-color-nav-active: #272520;
  --p-color-nav-active: oklch(0.2656 0.009 87.43);
  --p-color-nav-active-icon: #e8e8e7;
  --p-color-nav-active-icon: oklch(0.93 0.0014 84.59);
  --p-color-text-disabled: #8b8983;
  --p-color-text-disabled: oklch(0.629 0.009 87.48);
  --p-color-text-link: #e8e8e7;
  --p-color-text-link: oklch(0.93 0.0014 84.59);
  --p-color-text-secondary: #f4f1ea;
  --p-color-text-secondary: oklch(0.958 0.009 87.48);
  --p-color-text-tertiary: #c0bdb7;
  --p-color-text-tertiary: oklch(0.8 0.009 87.48);
  --p-switch-border-off: #c0bdb7;
  --p-switch-border-off: oklch(0.8 0.009 87.48);
}

[data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="plain-trades"] {
  --p-button-focus-border: #f4f1ea;
  --p-button-focus-border: oklch(0.958 0.009 84.58);
  --p-choice-border: #bfbcb6;
  --p-choice-border: oklch(0.796 0.009 84.58);
  --p-color-accent-text: #f4f1ea;
  --p-color-accent-text: oklch(0.958 0.009 84.58);
  --p-color-agent-text: #ffe1d2;
  --p-color-agent-text: oklch(0.93 0.0389 47);
  --p-color-bg-canvas: #13100c;
  --p-color-bg-canvas: oklch(0.175 0.01 84.58);
  --p-color-border-control: #bfbcb6;
  --p-color-border-control: oklch(0.796 0.009 84.58);
  --p-color-border-control-hover: #f4f1ea;
  --p-color-border-control-hover: oklch(0.958 0.009 84.58);
  --p-color-border-control-strong: #f4f1ea;
  --p-color-border-control-strong: oklch(0.958 0.009 84.58);
  --p-color-border-default: #bfbcb6;
  --p-color-border-default: oklch(0.796 0.009 84.58);
  --p-color-border-strong: #f4f1ea;
  --p-color-border-strong: oklch(0.958 0.009 84.58);
  --p-color-border-subtle: #7b7872;
  --p-color-border-subtle: oklch(0.574 0.01 84.58);
  --p-color-field-border-disabled: #7b7872;
  --p-color-field-border-disabled: oklch(0.574 0.01 84.58);
  --p-color-field-border-focus: #f4f1ea;
  --p-color-field-border-focus: oklch(0.958 0.009 84.58);
  --p-color-focus-ring: #f4f1ea;
  --p-color-focus-ring: oklch(0.958 0.009 84.58);
  --p-color-focus-ring-button: #f4f1ea59;
  --p-color-focus-ring-button: oklch(0.958 0.009 84.58 / 0.35);
  --p-color-focus-ring-field: #f4f1ea52;
  --p-color-focus-ring-field: oklch(0.958 0.009 84.58 / 0.32);
  --p-color-nav-active: #282621;
  --p-color-nav-active: oklch(0.269 0.0099 84.58);
  --p-color-nav-active-icon: #f4f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 84.58);
  --p-color-text-disabled: #8a8782;
  --p-color-text-disabled: oklch(0.625 0.009 84.58);
  --p-color-text-link: #f4f1ea;
  --p-color-text-link: oklch(0.958 0.009 84.58);
  --p-color-text-secondary: #f4f1ea;
  --p-color-text-secondary: oklch(0.958 0.009 84.58);
  --p-color-text-tertiary: #bfbcb6;
  --p-color-text-tertiary: oklch(0.796 0.009 84.58);
  --p-switch-border-off: #bfbcb6;
  --p-switch-border-off: oklch(0.796 0.009 84.58);
}

[data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="paperrift"] {
  --p-button-focus-border: #f2eff9;
  --p-button-focus-border: oklch(0.958 0.0128 298.16);
  --p-choice-border: #bdbbc4;
  --p-choice-border: oklch(0.796 0.0128 298.16);
  --p-color-accent-text: #e8e8e6;
  --p-color-accent-text: oklch(0.93 0.002 84.57);
  --p-color-agent-text: #e8e8e6;
  --p-color-agent-text: oklch(0.93 0.002 84.57);
  --p-color-bg-canvas: #110f16;
  --p-color-bg-canvas: oklch(0.175 0.0142 298.16);
  --p-color-border-control: #bdbbc4;
  --p-color-border-control: oklch(0.796 0.0128 298.16);
  --p-color-border-control-hover: #f2eff9;
  --p-color-border-control-hover: oklch(0.958 0.0128 298.16);
  --p-color-border-control-strong: #f2eff9;
  --p-color-border-control-strong: oklch(0.958 0.0128 298.16);
  --p-color-border-default: #bdbbc4;
  --p-color-border-default: oklch(0.796 0.0128 298.16);
  --p-color-border-strong: #f2eff9;
  --p-color-border-strong: oklch(0.958 0.0128 298.16);
  --p-color-border-subtle: #797780;
  --p-color-border-subtle: oklch(0.574 0.0142 298.16);
  --p-color-field-border-disabled: #797780;
  --p-color-field-border-disabled: oklch(0.574 0.0142 298.16);
  --p-color-field-border-focus: #f2eff9;
  --p-color-field-border-focus: oklch(0.958 0.0128 298.16);
  --p-color-focus-ring: #f2eff9;
  --p-color-focus-ring: oklch(0.958 0.0128 298.16);
  --p-color-focus-ring-button: #f2eff959;
  --p-color-focus-ring-button: oklch(0.958 0.0128 298.16 / 0.35);
  --p-color-focus-ring-field: #f2eff952;
  --p-color-focus-ring-field: oklch(0.958 0.0128 298.16 / 0.32);
  --p-color-nav-active: #26242b;
  --p-color-nav-active: oklch(0.2656 0.0123 298.78);
  --p-color-nav-active-icon: #e8e8e6;
  --p-color-nav-active-icon: oklch(0.93 0.002 84.57);
  --p-color-text-disabled: #89878f;
  --p-color-text-disabled: oklch(0.627 0.0128 298.16);
  --p-color-text-link: #e8e8e6;
  --p-color-text-link: oklch(0.93 0.002 84.57);
  --p-color-text-secondary: #f2eff9;
  --p-color-text-secondary: oklch(0.958 0.0128 298.16);
  --p-color-text-tertiary: #bdbbc4;
  --p-color-text-tertiary: oklch(0.796 0.0128 298.16);
  --p-switch-border-off: #bdbbc4;
  --p-switch-border-off: oklch(0.796 0.0128 298.16);
}

[data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="handywright"] {
  --p-button-focus-border: #f3f1ea;
  --p-button-focus-border: oklch(0.958 0.009 90);
  --p-choice-border: #c0bdb7;
  --p-choice-border: oklch(0.8 0.009 90);
  --p-color-accent-text: #f3f1ea;
  --p-color-accent-text: oklch(0.958 0.009 90);
  --p-color-agent-text: #f6e8ba;
  --p-color-agent-text: oklch(0.93 0.0611 92.55);
  --p-color-bg-canvas: #12100c;
  --p-color-bg-canvas: oklch(0.175 0.01 90);
  --p-color-border-control: #c0bdb7;
  --p-color-border-control: oklch(0.8 0.009 90);
  --p-color-border-control-hover: #f3f1ea;
  --p-color-border-control-hover: oklch(0.958 0.009 90);
  --p-color-border-control-strong: #f3f1ea;
  --p-color-border-control-strong: oklch(0.958 0.009 90);
  --p-color-border-default: #c0bdb7;
  --p-color-border-default: oklch(0.8 0.009 90);
  --p-color-border-strong: #f3f1ea;
  --p-color-border-strong: oklch(0.958 0.009 90);
  --p-color-border-subtle: #7c7a73;
  --p-color-border-subtle: oklch(0.578 0.01 90);
  --p-color-field-border-disabled: #7c7a73;
  --p-color-field-border-disabled: oklch(0.578 0.01 90);
  --p-color-field-border-focus: #f3f1ea;
  --p-color-field-border-focus: oklch(0.958 0.009 90);
  --p-color-focus-ring: #f3f1ea;
  --p-color-focus-ring: oklch(0.958 0.009 90);
  --p-color-focus-ring-button: #f3f1ea59;
  --p-color-focus-ring-button: oklch(0.958 0.009 90 / 0.35);
  --p-color-focus-ring-field: #f3f1ea52;
  --p-color-focus-ring-field: oklch(0.958 0.009 90 / 0.32);
  --p-color-nav-active: #282621;
  --p-color-nav-active: oklch(0.269 0.0099 90);
  --p-color-nav-active-icon: #f3f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 90);
  --p-color-text-disabled: #8b8983;
  --p-color-text-disabled: oklch(0.629 0.009 90);
  --p-color-text-link: #f3f1ea;
  --p-color-text-link: oklch(0.958 0.009 90);
  --p-color-text-secondary: #f3f1ea;
  --p-color-text-secondary: oklch(0.958 0.009 90);
  --p-color-text-tertiary: #c0bdb7;
  --p-color-text-tertiary: oklch(0.8 0.009 90);
  --p-switch-border-off: #c0bdb7;
  --p-switch-border-off: oklch(0.8 0.009 90);
}

[data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="ownmode"] {
  --p-button-focus-border: #f4f1e9;
  --p-button-focus-border: oklch(0.958 0.0103 89.73);
  --p-choice-border: #c0bdb6;
  --p-choice-border: oklch(0.8 0.0103 89.73);
  --p-color-accent-text: #d8eee4;
  --p-color-accent-text: oklch(0.93 0.0269 165.99);
  --p-color-agent-text: #d8eee4;
  --p-color-agent-text: oklch(0.93 0.0269 165.99);
  --p-color-bg-canvas: #12100b;
  --p-color-bg-canvas: oklch(0.175 0.0114 89.73);
  --p-color-border-control: #c0bdb6;
  --p-color-border-control: oklch(0.8 0.0103 89.73);
  --p-color-border-control-hover: #f4f1e9;
  --p-color-border-control-hover: oklch(0.958 0.0103 89.73);
  --p-color-border-control-strong: #f4f1e9;
  --p-color-border-control-strong: oklch(0.958 0.0103 89.73);
  --p-color-border-default: #c0bdb6;
  --p-color-border-default: oklch(0.8 0.0103 89.73);
  --p-color-border-strong: #f4f1e9;
  --p-color-border-strong: oklch(0.958 0.0103 89.73);
  --p-color-border-subtle: #7c7a72;
  --p-color-border-subtle: oklch(0.578 0.0114 89.73);
  --p-color-field-border-disabled: #7c7a72;
  --p-color-field-border-disabled: oklch(0.578 0.0114 89.73);
  --p-color-field-border-focus: #f4f1e9;
  --p-color-field-border-focus: oklch(0.958 0.0103 89.73);
  --p-color-focus-ring: #f4f1e9;
  --p-color-focus-ring: oklch(0.958 0.0103 89.73);
  --p-color-focus-ring-button: #f4f1e959;
  --p-color-focus-ring-button: oklch(0.958 0.0103 89.73 / 0.35);
  --p-color-focus-ring-field: #f4f1e952;
  --p-color-focus-ring-field: oklch(0.958 0.0103 89.73 / 0.32);
  --p-color-nav-active: #262620;
  --p-color-nav-active: oklch(0.2656 0.0112 105.92);
  --p-color-nav-active-icon: #d8eee4;
  --p-color-nav-active-icon: oklch(0.93 0.0269 165.99);
  --p-color-text-disabled: #8b8982;
  --p-color-text-disabled: oklch(0.629 0.0103 89.73);
  --p-color-text-link: #d8eee4;
  --p-color-text-link: oklch(0.93 0.0269 165.99);
  --p-color-text-secondary: #f4f1e9;
  --p-color-text-secondary: oklch(0.958 0.0103 89.73);
  --p-color-text-tertiary: #c0bdb6;
  --p-color-text-tertiary: oklch(0.8 0.0103 89.73);
  --p-switch-border-off: #c0bdb6;
  --p-switch-border-off: oklch(0.8 0.0103 89.73);
}

[data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="oslerpress"] {
  --p-button-focus-border: #ebf1f7;
  --p-button-focus-border: oklch(0.954 0.0108 250);
  --p-choice-border: #b7bdc3;
  --p-choice-border: oklch(0.796 0.0108 250);
  --p-color-accent-text: #ebf1f7;
  --p-color-accent-text: oklch(0.954 0.0108 250);
  --p-color-agent-text: #e7e8e9;
  --p-color-agent-text: oklch(0.93 0.0018 247.88);
  --p-color-bg-canvas: #0d1116;
  --p-color-bg-canvas: oklch(0.175 0.012 250);
  --p-color-border-control: #b7bdc3;
  --p-color-border-control: oklch(0.796 0.0108 250);
  --p-color-border-control-hover: #ebf1f7;
  --p-color-border-control-hover: oklch(0.954 0.0108 250);
  --p-color-border-control-strong: #ebf1f7;
  --p-color-border-control-strong: oklch(0.954 0.0108 250);
  --p-color-border-default: #b7bdc3;
  --p-color-border-default: oklch(0.796 0.0108 250);
  --p-color-border-strong: #ebf1f7;
  --p-color-border-strong: oklch(0.954 0.0108 250);
  --p-color-border-subtle: #737980;
  --p-color-border-subtle: oklch(0.574 0.012 250);
  --p-color-field-border-disabled: #737980;
  --p-color-field-border-disabled: oklch(0.574 0.012 250);
  --p-color-field-border-focus: #ebf1f7;
  --p-color-field-border-focus: oklch(0.954 0.0108 250);
  --p-color-focus-ring: #ebf1f7;
  --p-color-focus-ring: oklch(0.954 0.0108 250);
  --p-color-focus-ring-button: #ebf1f759;
  --p-color-focus-ring-button: oklch(0.954 0.0108 250 / 0.35);
  --p-color-focus-ring-field: #ebf1f752;
  --p-color-focus-ring-field: oklch(0.954 0.0108 250 / 0.32);
  --p-color-nav-active: #22272c;
  --p-color-nav-active: oklch(0.2685 0.0119 250);
  --p-color-nav-active-icon: #ebf1f7;
  --p-color-nav-active-icon: oklch(0.954 0.0108 250);
  --p-color-text-disabled: #83898f;
  --p-color-text-disabled: oklch(0.627 0.0108 250);
  --p-color-text-link: #ebf1f7;
  --p-color-text-link: oklch(0.954 0.0108 250);
  --p-color-text-secondary: #ebf1f7;
  --p-color-text-secondary: oklch(0.954 0.0108 250);
  --p-color-text-tertiary: #b7bdc3;
  --p-color-text-tertiary: oklch(0.796 0.0108 250);
  --p-switch-border-off: #b7bdc3;
  --p-switch-border-off: oklch(0.796 0.0108 250);
}

[data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="loudsoup"] {
  --p-button-focus-border: #f4f0ec;
  --p-button-focus-border: oklch(0.958 0.0072 73.74);
  --p-choice-border: #bfbcb7;
  --p-choice-border: oklch(0.796 0.0072 73.74);
  --p-color-accent-text: #ffdfe2;
  --p-color-accent-text: oklch(0.93 0.0362 11.21);
  --p-color-agent-text: #ffdfe2;
  --p-color-agent-text: oklch(0.93 0.0362 11.21);
  --p-color-bg-canvas: #13100d;
  --p-color-bg-canvas: oklch(0.175 0.008 73.74);
  --p-color-border-control: #bfbcb7;
  --p-color-border-control: oklch(0.796 0.0072 73.74);
  --p-color-border-control-hover: #f4f0ec;
  --p-color-border-control-hover: oklch(0.958 0.0072 73.74);
  --p-color-border-control-strong: #f4f0ec;
  --p-color-border-control-strong: oklch(0.958 0.0072 73.74);
  --p-color-border-default: #bfbcb7;
  --p-color-border-default: oklch(0.796 0.0072 73.74);
  --p-color-border-strong: #f4f0ec;
  --p-color-border-strong: oklch(0.958 0.0072 73.74);
  --p-color-border-subtle: #7b7873;
  --p-color-border-subtle: oklch(0.574 0.008 73.74);
  --p-color-field-border-disabled: #7b7873;
  --p-color-field-border-disabled: oklch(0.574 0.008 73.74);
  --p-color-field-border-focus: #f4f0ec;
  --p-color-field-border-focus: oklch(0.958 0.0072 73.74);
  --p-color-focus-ring: #f4f0ec;
  --p-color-focus-ring: oklch(0.958 0.0072 73.74);
  --p-color-focus-ring-button: #f4f0ec59;
  --p-color-focus-ring-button: oklch(0.958 0.0072 73.74 / 0.35);
  --p-color-focus-ring-field: #f4f0ec52;
  --p-color-focus-ring-field: oklch(0.958 0.0072 73.74 / 0.32);
  --p-color-nav-active: #292421;
  --p-color-nav-active: oklch(0.2656 0.0098 50.66);
  --p-color-nav-active-icon: #ffdfe2;
  --p-color-nav-active-icon: oklch(0.93 0.0362 11.21);
  --p-color-text-disabled: #8b8884;
  --p-color-text-disabled: oklch(0.627 0.0072 73.74);
  --p-color-text-link: #ffdfe2;
  --p-color-text-link: oklch(0.93 0.0362 11.21);
  --p-color-text-secondary: #f4f0ec;
  --p-color-text-secondary: oklch(0.958 0.0072 73.74);
  --p-color-text-tertiary: #bfbcb7;
  --p-color-text-tertiary: oklch(0.796 0.0072 73.74);
  --p-switch-border-off: #bfbcb7;
  --p-switch-border-off: oklch(0.796 0.0072 73.74);
}

[data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="execemy"] {
  --p-button-focus-border: #f4f1ea;
  --p-button-focus-border: oklch(0.958 0.0095 84.59);
  --p-choice-border: #bfbcb6;
  --p-choice-border: oklch(0.796 0.0095 84.59);
  --p-color-accent-text: #dee8ff;
  --p-color-accent-text: oklch(0.93 0.0334 267.04);
  --p-color-agent-text: #dee8ff;
  --p-color-agent-text: oklch(0.93 0.0334 267.04);
  --p-color-bg-canvas: #13100b;
  --p-color-bg-canvas: oklch(0.175 0.0105 84.59);
  --p-color-border-control: #bfbcb6;
  --p-color-border-control: oklch(0.796 0.0095 84.59);
  --p-color-border-control-hover: #f4f1ea;
  --p-color-border-control-hover: oklch(0.958 0.0095 84.59);
  --p-color-border-control-strong: #f4f1ea;
  --p-color-border-control-strong: oklch(0.958 0.0095 84.59);
  --p-color-border-default: #bfbcb6;
  --p-color-border-default: oklch(0.796 0.0095 84.59);
  --p-color-border-strong: #f4f1ea;
  --p-color-border-strong: oklch(0.958 0.0095 84.59);
  --p-color-border-subtle: #7b7872;
  --p-color-border-subtle: oklch(0.574 0.0105 84.59);
  --p-color-field-border-disabled: #7b7872;
  --p-color-field-border-disabled: oklch(0.574 0.0105 84.59);
  --p-color-field-border-focus: #f4f1ea;
  --p-color-field-border-focus: oklch(0.958 0.0095 84.59);
  --p-color-focus-ring: #f4f1ea;
  --p-color-focus-ring: oklch(0.958 0.0095 84.59);
  --p-color-focus-ring-button: #f4f1ea59;
  --p-color-focus-ring-button: oklch(0.958 0.0095 84.59 / 0.35);
  --p-color-focus-ring-field: #f4f1ea52;
  --p-color-focus-ring-field: oklch(0.958 0.0095 84.59 / 0.32);
  --p-color-nav-active: #272523;
  --p-color-nav-active: oklch(0.2656 0.0052 82.72);
  --p-color-nav-active-icon: #dee8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0334 267.04);
  --p-color-text-disabled: #8a8781;
  --p-color-text-disabled: oklch(0.625 0.0095 84.59);
  --p-color-text-link: #dee8ff;
  --p-color-text-link: oklch(0.93 0.0334 267.04);
  --p-color-text-secondary: #f4f1ea;
  --p-color-text-secondary: oklch(0.958 0.0095 84.59);
  --p-color-text-tertiary: #bfbcb6;
  --p-color-text-tertiary: oklch(0.796 0.0095 84.59);
  --p-switch-border-off: #bfbcb6;
  --p-switch-border-off: oklch(0.796 0.0095 84.59);
}

[data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="claradb"] {
  --p-color-accent-text: #dae9ff;
  --p-color-accent-text: oklch(0.93 0.0338 257.91);
  --p-color-agent-text: #dae9ff;
  --p-color-agent-text: oklch(0.93 0.0338 257.91);
  --p-color-nav-active: #242527;
  --p-color-nav-active: oklch(0.2656 0.0041 257.91);
  --p-color-nav-active-icon: #dae9ff;
  --p-color-nav-active-icon: oklch(0.93 0.0338 257.91);
  --p-color-text-link: #dae9ff;
  --p-color-text-link: oklch(0.93 0.0338 257.91);
}

[data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="reshot"] {
  --p-color-accent-text: #dce8ff;
  --p-color-accent-text: oklch(0.93 0.0334 263.45);
  --p-color-agent-text: #dce8ff;
  --p-color-agent-text: oklch(0.93 0.0334 263.45);
  --p-color-nav-active: #242527;
  --p-color-nav-active: oklch(0.2656 0.004 263.45);
  --p-color-nav-active-icon: #dce8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0334 263.45);
  --p-color-text-link: #dce8ff;
  --p-color-text-link: oklch(0.93 0.0334 263.45);
}

[data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="claradb-pro"] {
  --p-color-accent-text: #e7e4ff;
  --p-color-accent-text: oklch(0.93 0.0363 291);
  --p-color-agent-text: #e7e4ff;
  --p-color-agent-text: oklch(0.93 0.0363 291);
  --p-color-nav-active: #252527;
  --p-color-nav-active: oklch(0.2656 0.0044 291);
  --p-color-nav-active-icon: #e7e4ff;
  --p-color-nav-active-icon: oklch(0.93 0.0363 291);
  --p-color-text-link: #e7e4ff;
  --p-color-text-link: oklch(0.93 0.0363 291);
}

[data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="runstamp"] {
  --p-color-accent-text: #dee8ff;
  --p-color-accent-text: oklch(0.93 0.0333 267.74);
  --p-color-agent-text: #dee8ff;
  --p-color-agent-text: oklch(0.93 0.0333 267.74);
  --p-color-nav-active: #242527;
  --p-color-nav-active: oklch(0.2656 0.004 267.74);
  --p-color-nav-active-icon: #dee8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0333 267.74);
  --p-color-text-link: #dee8ff;
  --p-color-text-link: oklch(0.93 0.0333 267.74);
}

[data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="plain-trades"] {
  --p-button-focus-border: #f4f1ea;
  --p-button-focus-border: oklch(0.958 0.009 84.58);
  --p-choice-border: #bfbcb6;
  --p-choice-border: oklch(0.796 0.009 84.58);
  --p-color-accent-text: #f4f1ea;
  --p-color-accent-text: oklch(0.958 0.009 84.58);
  --p-color-agent-text: #ffe1d2;
  --p-color-agent-text: oklch(0.93 0.0389 47);
  --p-color-bg-canvas: #13100c;
  --p-color-bg-canvas: oklch(0.175 0.01 84.58);
  --p-color-border-control: #bfbcb6;
  --p-color-border-control: oklch(0.796 0.009 84.58);
  --p-color-border-control-hover: #f4f1ea;
  --p-color-border-control-hover: oklch(0.958 0.009 84.58);
  --p-color-border-control-strong: #f4f1ea;
  --p-color-border-control-strong: oklch(0.958 0.009 84.58);
  --p-color-border-default: #bfbcb6;
  --p-color-border-default: oklch(0.796 0.009 84.58);
  --p-color-border-strong: #f4f1ea;
  --p-color-border-strong: oklch(0.958 0.009 84.58);
  --p-color-border-subtle: #7b7872;
  --p-color-border-subtle: oklch(0.574 0.01 84.58);
  --p-color-field-border-disabled: #7b7872;
  --p-color-field-border-disabled: oklch(0.574 0.01 84.58);
  --p-color-field-border-focus: #f4f1ea;
  --p-color-field-border-focus: oklch(0.958 0.009 84.58);
  --p-color-focus-ring: #f4f1ea;
  --p-color-focus-ring: oklch(0.958 0.009 84.58);
  --p-color-focus-ring-button: #f4f1ea59;
  --p-color-focus-ring-button: oklch(0.958 0.009 84.58 / 0.35);
  --p-color-focus-ring-field: #f4f1ea52;
  --p-color-focus-ring-field: oklch(0.958 0.009 84.58 / 0.32);
  --p-color-nav-active: #282621;
  --p-color-nav-active: oklch(0.269 0.0099 84.58);
  --p-color-nav-active-icon: #f4f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 84.58);
  --p-color-text-disabled: #8a8782;
  --p-color-text-disabled: oklch(0.625 0.009 84.58);
  --p-color-text-link: #f4f1ea;
  --p-color-text-link: oklch(0.958 0.009 84.58);
  --p-color-text-secondary: #f4f1ea;
  --p-color-text-secondary: oklch(0.958 0.009 84.58);
  --p-color-text-tertiary: #bfbcb6;
  --p-color-text-tertiary: oklch(0.796 0.009 84.58);
  --p-switch-border-off: #bfbcb6;
  --p-switch-border-off: oklch(0.796 0.009 84.58);
}

[data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="handywright"] {
  --p-button-focus-border: #f3f1ea;
  --p-button-focus-border: oklch(0.958 0.009 90);
  --p-choice-border: #c0bdb7;
  --p-choice-border: oklch(0.8 0.009 90);
  --p-color-accent-text: #f3f1ea;
  --p-color-accent-text: oklch(0.958 0.009 90);
  --p-color-agent-text: #f6e8ba;
  --p-color-agent-text: oklch(0.93 0.0611 92.55);
  --p-color-bg-canvas: #12100c;
  --p-color-bg-canvas: oklch(0.175 0.01 90);
  --p-color-border-control: #c0bdb7;
  --p-color-border-control: oklch(0.8 0.009 90);
  --p-color-border-control-hover: #f3f1ea;
  --p-color-border-control-hover: oklch(0.958 0.009 90);
  --p-color-border-control-strong: #f3f1ea;
  --p-color-border-control-strong: oklch(0.958 0.009 90);
  --p-color-border-default: #c0bdb7;
  --p-color-border-default: oklch(0.8 0.009 90);
  --p-color-border-strong: #f3f1ea;
  --p-color-border-strong: oklch(0.958 0.009 90);
  --p-color-border-subtle: #7c7a73;
  --p-color-border-subtle: oklch(0.578 0.01 90);
  --p-color-field-border-disabled: #7c7a73;
  --p-color-field-border-disabled: oklch(0.578 0.01 90);
  --p-color-field-border-focus: #f3f1ea;
  --p-color-field-border-focus: oklch(0.958 0.009 90);
  --p-color-focus-ring: #f3f1ea;
  --p-color-focus-ring: oklch(0.958 0.009 90);
  --p-color-focus-ring-button: #f3f1ea59;
  --p-color-focus-ring-button: oklch(0.958 0.009 90 / 0.35);
  --p-color-focus-ring-field: #f3f1ea52;
  --p-color-focus-ring-field: oklch(0.958 0.009 90 / 0.32);
  --p-color-nav-active: #282621;
  --p-color-nav-active: oklch(0.269 0.0099 90);
  --p-color-nav-active-icon: #f3f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 90);
  --p-color-text-disabled: #8b8983;
  --p-color-text-disabled: oklch(0.629 0.009 90);
  --p-color-text-link: #f3f1ea;
  --p-color-text-link: oklch(0.958 0.009 90);
  --p-color-text-secondary: #f3f1ea;
  --p-color-text-secondary: oklch(0.958 0.009 90);
  --p-color-text-tertiary: #c0bdb7;
  --p-color-text-tertiary: oklch(0.8 0.009 90);
  --p-switch-border-off: #c0bdb7;
  --p-switch-border-off: oklch(0.8 0.009 90);
}

[data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="oslerpress"] {
  --p-button-focus-border: #ebf1f7;
  --p-button-focus-border: oklch(0.954 0.0108 250);
  --p-choice-border: #b7bdc3;
  --p-choice-border: oklch(0.796 0.0108 250);
  --p-color-accent-text: #ebf1f7;
  --p-color-accent-text: oklch(0.954 0.0108 250);
  --p-color-agent-text: #e7e8e9;
  --p-color-agent-text: oklch(0.93 0.0018 247.88);
  --p-color-bg-canvas: #0d1116;
  --p-color-bg-canvas: oklch(0.175 0.012 250);
  --p-color-border-control: #b7bdc3;
  --p-color-border-control: oklch(0.796 0.0108 250);
  --p-color-border-control-hover: #ebf1f7;
  --p-color-border-control-hover: oklch(0.954 0.0108 250);
  --p-color-border-control-strong: #ebf1f7;
  --p-color-border-control-strong: oklch(0.954 0.0108 250);
  --p-color-border-default: #b7bdc3;
  --p-color-border-default: oklch(0.796 0.0108 250);
  --p-color-border-strong: #ebf1f7;
  --p-color-border-strong: oklch(0.954 0.0108 250);
  --p-color-border-subtle: #737980;
  --p-color-border-subtle: oklch(0.574 0.012 250);
  --p-color-field-border-disabled: #737980;
  --p-color-field-border-disabled: oklch(0.574 0.012 250);
  --p-color-field-border-focus: #ebf1f7;
  --p-color-field-border-focus: oklch(0.954 0.0108 250);
  --p-color-focus-ring: #ebf1f7;
  --p-color-focus-ring: oklch(0.954 0.0108 250);
  --p-color-focus-ring-button: #ebf1f759;
  --p-color-focus-ring-button: oklch(0.954 0.0108 250 / 0.35);
  --p-color-focus-ring-field: #ebf1f752;
  --p-color-focus-ring-field: oklch(0.954 0.0108 250 / 0.32);
  --p-color-nav-active: #22272c;
  --p-color-nav-active: oklch(0.2685 0.0119 250);
  --p-color-nav-active-icon: #ebf1f7;
  --p-color-nav-active-icon: oklch(0.954 0.0108 250);
  --p-color-text-disabled: #83898f;
  --p-color-text-disabled: oklch(0.627 0.0108 250);
  --p-color-text-link: #ebf1f7;
  --p-color-text-link: oklch(0.954 0.0108 250);
  --p-color-text-secondary: #ebf1f7;
  --p-color-text-secondary: oklch(0.954 0.0108 250);
  --p-color-text-tertiary: #b7bdc3;
  --p-color-text-tertiary: oklch(0.796 0.0108 250);
  --p-switch-border-off: #b7bdc3;
  --p-switch-border-off: oklch(0.796 0.0108 250);
}

[data-business="b2c"][data-contrast="increased"][data-world="editorial"][data-product="accountmade"] {
  --p-color-accent-text: #1b2c50;
  --p-color-accent-text: oklch(0.3 0.0693 263.45);
  --p-color-nav-active: #dde2e9;
  --p-color-nav-active: oklch(0.9098 0.0114 258.39);
  --p-color-nav-active-icon: #1b2c50;
  --p-color-nav-active-icon: oklch(0.3 0.0693 263.45);
}

[data-business="b2c"][data-contrast="increased"][data-world="editorial"][data-product="naalto"] {
  --p-color-accent-text: #262d38;
  --p-color-accent-text: oklch(0.296 0.0218 254.96);
  --p-color-bg-canvas: #fbfdff;
  --p-color-bg-canvas: oklch(0.993 0.0034 252.82);
  --p-color-nav-active: #dee1e5;
  --p-color-nav-active: oklch(0.9094 0.0056 253.82);
  --p-color-nav-active-icon: #262d38;
  --p-color-nav-active-icon: oklch(0.296 0.0218 254.96);
}

[data-business="b2c"][data-contrast="increased"][data-world="editorial"][data-product="poliage"] {
  --p-color-accent-text: #352929;
  --p-color-accent-text: oklch(0.296 0.0179 23.08);
  --p-color-bg-canvas: #fffcf9;
  --p-color-bg-canvas: oklch(0.993 0.0049 67.67);
  --p-color-nav-active: #e4e0dd;
  --p-color-nav-active: oklch(0.9094 0.006 53.2);
  --p-color-nav-active-icon: #352929;
  --p-color-nav-active-icon: oklch(0.296 0.0179 23.08);
}

[data-business="b2c"][data-contrast="increased"][data-world="editorial"][data-product="poliage-beauty"] {
  --p-color-accent-text: #2d2d2c;
  --p-color-accent-text: oklch(0.296 0.0014 84.59);
  --p-color-bg-canvas: #fefdf8;
  --p-color-bg-canvas: oklch(0.993 0.006 87.48);
  --p-color-nav-active: #e2e1dd;
  --p-color-nav-active: oklch(0.9094 0.0054 87.39);
  --p-color-nav-active-icon: #2d2d2c;
  --p-color-nav-active-icon: oklch(0.296 0.0014 84.59);
}

[data-business="b2c"][data-contrast="increased"][data-world="editorial"][data-product="paperrift"] {
  --p-color-accent-text: #2d2d2c;
  --p-color-accent-text: oklch(0.296 0.002 84.57);
  --p-color-bg-canvas: #fdfcff;
  --p-color-bg-canvas: oklch(0.993 0.0038 298.16);
  --p-color-nav-active: #e1e0e3;
  --p-color-nav-active: oklch(0.9094 0.0031 300.58);
  --p-color-nav-active-icon: #2d2d2c;
  --p-color-nav-active-icon: oklch(0.296 0.002 84.57);
}

[data-business="b2c"][data-contrast="increased"][data-world="editorial"][data-product="ownmode"] {
  --p-color-accent-text: #21322b;
  --p-color-accent-text: oklch(0.3 0.0269 165.99);
  --p-color-bg-canvas: #fefdf8;
  --p-color-bg-canvas: oklch(0.993 0.0068 89.73);
  --p-color-nav-active: #e1e2dc;
  --p-color-nav-active: oklch(0.9098 0.0074 114.64);
  --p-color-nav-active-icon: #21322b;
  --p-color-nav-active-icon: oklch(0.3 0.0269 165.99);
}

[data-business="b2c"][data-contrast="increased"][data-world="editorial"][data-product="loudsoup"] {
  --p-color-accent-text: #4c1b24;
  --p-color-accent-text: oklch(0.3 0.0736 11.21);
  --p-color-bg-canvas: #fffcf9;
  --p-color-bg-canvas: oklch(0.993 0.0048 73.74);
  --p-color-nav-active: #e9dfdd;
  --p-color-nav-active: oklch(0.9098 0.0114 30.38);
  --p-color-nav-active-icon: #4c1b24;
  --p-color-nav-active-icon: oklch(0.3 0.0736 11.21);
}

[data-business="b2c"][data-contrast="increased"][data-world="editorial"][data-product="execemy"] {
  --p-color-accent-text: #1c2b54;
  --p-color-accent-text: oklch(0.3 0.0765 267.04);
  --p-color-bg-canvas: #fffcf8;
  --p-color-bg-canvas: oklch(0.993 0.0063 84.59);
  --p-color-nav-active: #e0e1e4;
  --p-color-nav-active: oklch(0.9098 0.0036 270.76);
  --p-color-nav-active-icon: #1c2b54;
  --p-color-nav-active-icon: oklch(0.3 0.0765 267.04);
}

[data-business="b2c"][data-contrast="increased"][data-world="editorial"][data-product="claradb"] {
  --p-color-accent-text: #202e44;
  --p-color-accent-text: oklch(0.3 0.0434 257.91);
  --p-color-nav-active: #dde2e7;
  --p-color-nav-active: oklch(0.9098 0.0083 253.03);
  --p-color-nav-active-icon: #202e44;
  --p-color-nav-active-icon: oklch(0.3 0.0434 257.91);
}

[data-business="b2c"][data-contrast="increased"][data-world="signal"][data-product="accountmade"] {
  --p-color-accent-text: #1b2c50;
  --p-color-accent-text: oklch(0.3 0.0693 263.45);
  --p-color-nav-active: #d7dadf;
  --p-color-nav-active: oklch(0.887 0.0083 263.45);
  --p-color-nav-active-icon: #1b2c50;
  --p-color-nav-active-icon: oklch(0.3 0.0693 263.45);
}

[data-business="b2c"][data-contrast="increased"][data-world="editorial"][data-product="reshot"] {
  --p-color-accent-text: #1b2c50;
  --p-color-accent-text: oklch(0.3 0.0693 263.45);
  --p-color-nav-active: #dde2e9;
  --p-color-nav-active: oklch(0.9098 0.0114 258.39);
  --p-color-nav-active-icon: #1b2c50;
  --p-color-nav-active-icon: oklch(0.3 0.0693 263.45);
}

[data-business="b2c"][data-contrast="increased"][data-world="signal"][data-product="naalto"] {
  --p-color-accent-text: #262d38;
  --p-color-accent-text: oklch(0.296 0.0218 254.96);
  --p-color-bg-canvas: #f1f4f9;
  --p-color-bg-canvas: oklch(0.967 0.0071 252.82);
  --p-color-nav-active: #d6dadf;
  --p-color-nav-active: oklch(0.8865 0.0089 253.45);
  --p-color-nav-active-icon: #262d38;
  --p-color-nav-active-icon: oklch(0.296 0.0218 254.96);
}

[data-business="b2c"][data-contrast="increased"][data-world="editorial"][data-product="claradb-pro"] {
  --p-color-accent-text: #2f2453;
  --p-color-accent-text: oklch(0.3 0.0822 291);
  --p-color-nav-active: #dfe0e9;
  --p-color-nav-active: oklch(0.9098 0.0123 280.3);
  --p-color-nav-active-icon: #2f2453;
  --p-color-nav-active-icon: oklch(0.3 0.0822 291);
}

[data-business="b2c"][data-contrast="increased"][data-world="signal"][data-product="poliage"] {
  --p-color-accent-text: #352929;
  --p-color-accent-text: oklch(0.296 0.0179 23.08);
  --p-color-bg-canvas: #f8f3ee;
  --p-color-bg-canvas: oklch(0.967 0.0088 67.67);
  --p-color-nav-active: #dfd8d4;
  --p-color-nav-active: oklch(0.8865 0.0094 58.43);
  --p-color-nav-active-icon: #352929;
  --p-color-nav-active-icon: oklch(0.296 0.0179 23.08);
}

[data-business="b2c"][data-contrast="increased"][data-world="editorial"][data-product="runstamp"] {
  --p-color-accent-text: #1a295b;
  --p-color-accent-text: oklch(0.3 0.0922 267.74);
  --p-color-nav-active: #dce1eb;
  --p-color-nav-active: oklch(0.9098 0.014 262.74);
  --p-color-nav-active-icon: #1a295b;
  --p-color-nav-active-icon: oklch(0.3 0.0922 267.74);
}

[data-business="b2c"][data-contrast="increased"][data-world="signal"][data-product="poliage-beauty"] {
  --p-color-accent-text: #2d2d2c;
  --p-color-accent-text: oklch(0.296 0.0014 84.59);
  --p-color-bg-canvas: #f6f4ef;
  --p-color-bg-canvas: oklch(0.967 0.0072 87.48);
  --p-color-nav-active: #dbd9d5;
  --p-color-nav-active: oklch(0.8865 0.0065 87.41);
  --p-color-nav-active-icon: #2d2d2c;
  --p-color-nav-active-icon: oklch(0.296 0.0014 84.59);
}

[data-business="b2c"][data-contrast="increased"][data-world="editorial"][data-product="plain-trades"] {
  --p-color-accent-text: #1a1813;
  --p-color-accent-text: oklch(0.21 0.01 84.58);
  --p-color-bg-canvas: #fffcf8;
  --p-color-bg-canvas: oklch(0.993 0.006 84.58);
  --p-color-nav-active: #e0ddd9;
  --p-color-nav-active: oklch(0.899 0.0065 84.58);
  --p-color-nav-active-icon: #1a1813;
  --p-color-nav-active-icon: oklch(0.21 0.01 84.58);
}

[data-business="b2c"][data-contrast="increased"][data-world="signal"][data-product="paperrift"] {
  --p-color-accent-text: #2d2d2c;
  --p-color-accent-text: oklch(0.296 0.002 84.57);
  --p-color-bg-canvas: #f5f3fa;
  --p-color-bg-canvas: oklch(0.967 0.0102 298.16);
  --p-color-nav-active: #dad8df;
  --p-color-nav-active: oklch(0.8865 0.0088 299.03);
  --p-color-nav-active-icon: #2d2d2c;
  --p-color-nav-active-icon: oklch(0.296 0.002 84.57);
}

[data-business="b2c"][data-contrast="increased"][data-world="editorial"][data-product="handywright"] {
  --p-color-accent-text: #1a1813;
  --p-color-accent-text: oklch(0.21 0.01 90);
  --p-color-bg-canvas: #fefdf8;
  --p-color-bg-canvas: oklch(0.993 0.006 90);
  --p-color-nav-active: #dfddd9;
  --p-color-nav-active: oklch(0.899 0.0065 90);
  --p-color-nav-active-icon: #1a1813;
  --p-color-nav-active-icon: oklch(0.21 0.01 90);
}

[data-business="b2c"][data-contrast="increased"][data-world="signal"][data-product="ownmode"] {
  --p-color-accent-text: #21322b;
  --p-color-accent-text: oklch(0.3 0.0269 165.99);
  --p-color-bg-canvas: #f6f4ee;
  --p-color-bg-canvas: oklch(0.967 0.0082 89.73);
  --p-color-nav-active: #dadad4;
  --p-color-nav-active: oklch(0.887 0.0086 111.18);
  --p-color-nav-active-icon: #21322b;
  --p-color-nav-active-icon: oklch(0.3 0.0269 165.99);
}

[data-business="b2c"][data-contrast="increased"][data-world="editorial"][data-product="oslerpress"] {
  --p-color-accent-text: #14191e;
  --p-color-accent-text: oklch(0.21 0.012 250);
  --p-color-bg-canvas: #fbfdff;
  --p-color-bg-canvas: oklch(0.993 0.0035 250);
  --p-color-nav-active: #dbdee1;
  --p-color-nav-active: oklch(0.899 0.0045 250);
  --p-color-nav-active-icon: #14191e;
  --p-color-nav-active-icon: oklch(0.21 0.012 250);
}

[data-business="b2c"][data-contrast="increased"][data-world="signal"][data-product="loudsoup"] {
  --p-color-accent-text: #4c1b24;
  --p-color-accent-text: oklch(0.3 0.0736 11.21);
  --p-color-bg-canvas: #f6f4f0;
  --p-color-bg-canvas: oklch(0.967 0.0058 73.74);
  --p-color-nav-active: #e2d7d5;
  --p-color-nav-active: oklch(0.887 0.0121 33.25);
  --p-color-nav-active-icon: #4c1b24;
  --p-color-nav-active-icon: oklch(0.3 0.0736 11.21);
}

[data-business="b2c"][data-contrast="increased"][data-world="signal"][data-product="execemy"] {
  --p-color-accent-text: #1c2b54;
  --p-color-accent-text: oklch(0.3 0.0765 267.04);
  --p-color-bg-canvas: #f6f4ee;
  --p-color-bg-canvas: oklch(0.967 0.0076 84.59);
  --p-color-nav-active: #d9dadb;
  --p-color-nav-active: oklch(0.887 0.0025 273.57);
  --p-color-nav-active-icon: #1c2b54;
  --p-color-nav-active-icon: oklch(0.3 0.0765 267.04);
}

[data-business="b2c"][data-contrast="increased"][data-world="signal"][data-product="claradb"] {
  --p-color-accent-text: #202e44;
  --p-color-accent-text: oklch(0.3 0.0434 257.91);
  --p-color-nav-active: #d8dadd;
  --p-color-nav-active: oklch(0.887 0.0052 257.91);
  --p-color-nav-active-icon: #202e44;
  --p-color-nav-active-icon: oklch(0.3 0.0434 257.91);
}

[data-business="b2c"][data-contrast="increased"][data-world="signal"][data-product="reshot"] {
  --p-color-accent-text: #1b2c50;
  --p-color-accent-text: oklch(0.3 0.0693 263.45);
  --p-color-nav-active: #d7dadf;
  --p-color-nav-active: oklch(0.887 0.0083 263.45);
  --p-color-nav-active-icon: #1b2c50;
  --p-color-nav-active-icon: oklch(0.3 0.0693 263.45);
}

[data-business="b2c"][data-contrast="increased"][data-world="signal"][data-product="claradb-pro"] {
  --p-color-accent-text: #2f2453;
  --p-color-accent-text: oklch(0.3 0.0822 291);
  --p-color-nav-active: #d9d9e0;
  --p-color-nav-active: oklch(0.887 0.0099 291);
  --p-color-nav-active-icon: #2f2453;
  --p-color-nav-active-icon: oklch(0.3 0.0822 291);
}

[data-business="b2c"][data-contrast="increased"][data-world="signal"][data-product="runstamp"] {
  --p-color-accent-text: #1a295b;
  --p-color-accent-text: oklch(0.3 0.0922 267.74);
  --p-color-nav-active: #d6dae1;
  --p-color-nav-active: oklch(0.887 0.0111 267.74);
  --p-color-nav-active-icon: #1a295b;
  --p-color-nav-active-icon: oklch(0.3 0.0922 267.74);
}

[data-business="b2c"][data-contrast="increased"][data-world="signal"][data-product="plain-trades"] {
  --p-color-accent-text: #1a1813;
  --p-color-accent-text: oklch(0.21 0.01 84.58);
  --p-color-bg-canvas: #f6f4ef;
  --p-color-bg-canvas: oklch(0.967 0.0072 84.58);
  --p-color-nav-active: #d8d6d1;
  --p-color-nav-active: oklch(0.8762 0.0075 84.58);
  --p-color-nav-active-icon: #1a1813;
  --p-color-nav-active-icon: oklch(0.21 0.01 84.58);
}

[data-business="b2c"][data-contrast="increased"][data-world="signal"][data-product="handywright"] {
  --p-color-accent-text: #1a1813;
  --p-color-accent-text: oklch(0.21 0.01 90);
  --p-color-bg-canvas: #f6f4ef;
  --p-color-bg-canvas: oklch(0.967 0.0072 90);
  --p-color-nav-active: #d8d6d1;
  --p-color-nav-active: oklch(0.8762 0.0075 90);
  --p-color-nav-active-icon: #1a1813;
  --p-color-nav-active-icon: oklch(0.21 0.01 90);
}

[data-business="b2c"][data-contrast="increased"][data-world="signal"][data-product="oslerpress"] {
  --p-color-accent-text: #14191e;
  --p-color-accent-text: oklch(0.21 0.012 250);
  --p-color-bg-canvas: #f0f5fa;
  --p-color-bg-canvas: oklch(0.967 0.0086 250);
  --p-color-nav-active: #d2d7dc;
  --p-color-nav-active: oklch(0.8762 0.009 250);
  --p-color-nav-active-icon: #14191e;
  --p-color-nav-active-icon: oklch(0.21 0.012 250);
}

[data-business="b2c"][data-theme="dark"][data-world="editorial"][data-product="accountmade"] {
  --p-color-accent-action: #2a5fdb;
  --p-color-accent-action: oklch(0.5268 0.198 263.45);
  --p-color-accent-text: #9cbeff;
  --p-color-accent-text: oklch(0.8 0.1004 263.45);
  --p-color-nav-active: #141c27;
  --p-color-nav-active: oklch(0.2236 0.0241 254.12);
  --p-color-nav-active-icon: #9cbeff;
  --p-color-nav-active-icon: oklch(0.8 0.1004 263.45);
}

[data-business="b2c"][data-theme="dark"][data-world="editorial"][data-product="naalto"] {
  --p-color-accent-action: #4b6587;
  --p-color-accent-action: oklch(0.5 0.0624 254.96);
  --p-color-accent-text: #a6c0e2;
  --p-color-accent-text: oklch(0.8 0.0562 254.96);
  --p-color-bg-canvas: #070a0e;
  --p-color-bg-canvas: oklch(0.145 0.0098 252.82);
  --p-color-nav-active: #161c23;
  --p-color-nav-active: oklch(0.2236 0.0154 253.76);
  --p-color-nav-active-icon: #a6c0e2;
  --p-color-nav-active-icon: oklch(0.8 0.0562 254.96);
}

[data-business="b2c"][data-theme="dark"][data-world="editorial"][data-product="poliage"] {
  --p-color-accent-action: #7e5855;
  --p-color-accent-action: oklch(0.5 0.0512 23.08);
  --p-color-accent-text: #dab3b0;
  --p-color-accent-text: oklch(0.8 0.0461 23.08);
  --p-color-bg-canvas: #0e0905;
  --p-color-bg-canvas: oklch(0.145 0.0122 67.67);
  --p-color-nav-active: #211a15;
  --p-color-nav-active: oklch(0.2236 0.0152 52.85);
  --p-color-nav-active-icon: #dab3b0;
  --p-color-nav-active-icon: oklch(0.8 0.0461 23.08);
}

[data-business="b2c"][data-theme="dark"][data-world="editorial"][data-product="poliage-beauty"] {
  --p-color-accent-action: #646361;
  --p-color-accent-action: oklch(0.5 0.0041 84.59);
  --p-color-accent-text: #bfbdbb;
  --p-color-accent-text: oklch(0.8 0.0037 84.59);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 87.48);
  --p-color-nav-active: #1d1b17;
  --p-color-nav-active: oklch(0.2236 0.0092 87.34);
  --p-color-nav-active-icon: #bfbdbb;
  --p-color-nav-active-icon: oklch(0.8 0.0037 84.59);
}

[data-business="b2c"][data-theme="dark"][data-world="editorial"][data-product="paperrift"] {
  --p-color-accent-action: #f2f0ec;
  --p-color-accent-action: oklch(0.9556 0.0057 84.57);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-text: #ffffff;
  --p-color-accent-text: oklch(1 0 0);
  --p-color-bg-canvas: #0b090f;
  --p-color-bg-canvas: oklch(0.145 0.0142 298.16);
  --p-color-nav-active: #222026;
  --p-color-nav-active: oklch(0.2476 0.0125 298.16);
  --p-color-nav-active-icon: #ffffff;
  --p-color-nav-active-icon: oklch(1 0 0);
}

[data-business="b2c"][data-theme="dark"][data-world="editorial"][data-product="ownmode"] {
  --p-color-accent-action: #2f6f57;
  --p-color-accent-action: oklch(0.4926 0.0769 165.99);
  --p-color-accent-text: #93ccb4;
  --p-color-accent-text: oklch(0.8 0.0692 165.99);
  --p-color-bg-canvas: #0c0a05;
  --p-color-bg-canvas: oklch(0.145 0.0114 89.73);
  --p-color-nav-active: #1a1d15;
  --p-color-nav-active: oklch(0.2236 0.0145 123.63);
  --p-color-nav-active-icon: #93ccb4;
  --p-color-nav-active-icon: oklch(0.8 0.0692 165.99);
}

[data-business="b2c"][data-theme="dark"][data-world="editorial"][data-product="loudsoup"] {
  --p-color-accent-action: #cd1351;
  --p-color-accent-action: oklch(0.5462 0.2104 11.21);
  --p-color-accent-text: #ff9dab;
  --p-color-accent-text: oklch(0.8 0.1172 11.21);
  --p-color-bg-canvas: #0c0a07;
  --p-color-bg-canvas: oklch(0.145 0.008 73.74);
  --p-color-nav-active: #231816;
  --p-color-nav-active: oklch(0.2236 0.0184 31.05);
  --p-color-nav-active-icon: #ff9dab;
  --p-color-nav-active-icon: oklch(0.8 0.1172 11.21);
}

[data-business="b2c"][data-theme="dark"][data-world="editorial"][data-product="execemy"] {
  --p-color-accent-action: #2f52e0;
  --p-color-accent-action: oklch(0.5084 0.2187 267.04);
  --p-color-accent-text: #a1bcff;
  --p-color-accent-text: oklch(0.8 0.1002 267.04);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.0105 84.59);
  --p-color-nav-active: #1b1b1d;
  --p-color-nav-active: oklch(0.2236 0.0028 275.09);
  --p-color-nav-active-icon: #a1bcff;
  --p-color-nav-active-icon: oklch(0.8 0.1002 267.04);
}

[data-business="b2c"][data-theme="dark"][data-world="editorial"][data-product="claradb"] {
  --p-color-accent-action: #3262a9;
  --p-color-accent-action: oklch(0.5 0.1239 257.91);
  --p-color-accent-text: #95c0ff;
  --p-color-accent-text: oklch(0.8 0.1016 257.91);
  --p-color-nav-active: #131c27;
  --p-color-nav-active: oklch(0.2236 0.0244 251.42);
  --p-color-nav-active-icon: #95c0ff;
  --p-color-nav-active-icon: oklch(0.8 0.1016 257.91);
}

[data-business="b2c"][data-theme="dark"][data-world="signal"][data-product="accountmade"] {
  --p-color-accent-action: #2a5fdb;
  --p-color-accent-action: oklch(0.5268 0.198 263.45);
  --p-color-accent-text: #9cbeff;
  --p-color-accent-text: oklch(0.8 0.1004 263.45);
  --p-color-nav-active: #191b21;
  --p-color-nav-active: oklch(0.2236 0.012 263.45);
  --p-color-nav-active-icon: #9cbeff;
  --p-color-nav-active-icon: oklch(0.8 0.1004 263.45);
}

[data-business="b2c"][data-theme="dark"][data-world="editorial"][data-product="reshot"] {
  --p-color-accent-action: #2e64e0;
  --p-color-accent-action: oklch(0.5418 0.198 263.45);
  --p-color-accent-text: #9cbeff;
  --p-color-accent-text: oklch(0.8 0.1004 263.45);
  --p-color-nav-active: #141c27;
  --p-color-nav-active: oklch(0.2236 0.0241 254.12);
  --p-color-nav-active-icon: #9cbeff;
  --p-color-nav-active-icon: oklch(0.8 0.1004 263.45);
}

[data-business="b2c"][data-theme="dark"][data-world="signal"][data-product="naalto"] {
  --p-color-accent-action: #4b6587;
  --p-color-accent-action: oklch(0.5 0.0624 254.96);
  --p-color-accent-text: #a6c0e2;
  --p-color-accent-text: oklch(0.8 0.0562 254.96);
  --p-color-bg-canvas: #070a0e;
  --p-color-bg-canvas: oklch(0.145 0.0098 252.82);
  --p-color-nav-active: #161c23;
  --p-color-nav-active: oklch(0.2236 0.0154 253.76);
  --p-color-nav-active-icon: #a6c0e2;
  --p-color-nav-active-icon: oklch(0.8 0.0562 254.96);
}

[data-business="b2c"][data-theme="dark"][data-world="editorial"][data-product="claradb-pro"] {
  --p-color-accent-action: #7038e0;
  --p-color-accent-action: oklch(0.516 0.235 291);
  --p-color-accent-text: #beb1ff;
  --p-color-accent-text: oklch(0.8 0.1093 291);
  --p-color-nav-active: #171b27;
  --p-color-nav-active: oklch(0.2236 0.0234 268.76);
  --p-color-nav-active-icon: #beb1ff;
  --p-color-nav-active-icon: oklch(0.8 0.1093 291);
}

[data-business="b2c"][data-theme="dark"][data-world="signal"][data-product="poliage"] {
  --p-color-accent-action: #7e5855;
  --p-color-accent-action: oklch(0.5 0.0512 23.08);
  --p-color-accent-text: #dab3b0;
  --p-color-accent-text: oklch(0.8 0.0461 23.08);
  --p-color-bg-canvas: #0e0905;
  --p-color-bg-canvas: oklch(0.145 0.0122 67.67);
  --p-color-nav-active: #211a15;
  --p-color-nav-active: oklch(0.2236 0.0152 52.85);
  --p-color-nav-active-icon: #dab3b0;
  --p-color-nav-active-icon: oklch(0.8 0.0461 23.08);
}

[data-business="b2c"][data-theme="dark"][data-world="editorial"][data-product="runstamp"] {
  --p-color-accent-action: #2f4bff;
  --p-color-accent-action: oklch(0.5265 0.2634 267.74);
  --p-color-accent-text: #a2bcff;
  --p-color-accent-text: oklch(0.8 0.1002 267.74);
  --p-color-nav-active: #141c27;
  --p-color-nav-active: oklch(0.2236 0.0239 256.23);
  --p-color-nav-active-icon: #a2bcff;
  --p-color-nav-active-icon: oklch(0.8 0.1002 267.74);
}

[data-business="b2c"][data-theme="dark"][data-world="signal"][data-product="poliage-beauty"] {
  --p-color-accent-action: #646361;
  --p-color-accent-action: oklch(0.5 0.0041 84.59);
  --p-color-accent-text: #bfbdbb;
  --p-color-accent-text: oklch(0.8 0.0037 84.59);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 87.48);
  --p-color-nav-active: #1d1b17;
  --p-color-nav-active: oklch(0.2236 0.0092 87.34);
  --p-color-nav-active-icon: #bfbdbb;
  --p-color-nav-active-icon: oklch(0.8 0.0037 84.59);
}

[data-business="b2c"][data-theme="dark"][data-world="editorial"][data-product="plain-trades"] {
  --p-color-accent-action: #f4f1ea;
  --p-color-accent-action: oklch(0.958 0.009 84.58);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-text: #f4f1ea;
  --p-color-accent-text: oklch(0.958 0.009 84.58);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 84.58);
  --p-color-nav-active: #22201b;
  --p-color-nav-active: oklch(0.2426 0.0099 84.58);
  --p-color-nav-active-icon: #f4f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 84.58);
}

[data-business="b2c"][data-theme="dark"][data-world="signal"][data-product="paperrift"] {
  --p-color-accent-action: #f2f0ec;
  --p-color-accent-action: oklch(0.9556 0.0057 84.57);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-text: #ffffff;
  --p-color-accent-text: oklch(1 0 0);
  --p-color-bg-canvas: #0b090f;
  --p-color-bg-canvas: oklch(0.145 0.0142 298.16);
  --p-color-nav-active: #222026;
  --p-color-nav-active: oklch(0.2476 0.0125 298.16);
  --p-color-nav-active-icon: #ffffff;
  --p-color-nav-active-icon: oklch(1 0 0);
}

[data-business="b2c"][data-theme="dark"][data-world="editorial"][data-product="handywright"] {
  --p-color-accent-action: #f3f1ea;
  --p-color-accent-action: oklch(0.958 0.009 90);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-text: #f3f1ea;
  --p-color-accent-text: oklch(0.958 0.009 90);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 90);
  --p-color-nav-active: #22201b;
  --p-color-nav-active: oklch(0.2426 0.0099 90);
  --p-color-nav-active-icon: #f3f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 90);
}

[data-business="b2c"][data-theme="dark"][data-world="signal"][data-product="ownmode"] {
  --p-color-accent-action: #2f6f57;
  --p-color-accent-action: oklch(0.4926 0.0769 165.99);
  --p-color-accent-text: #93ccb4;
  --p-color-accent-text: oklch(0.8 0.0692 165.99);
  --p-color-bg-canvas: #0c0a05;
  --p-color-bg-canvas: oklch(0.145 0.0114 89.73);
  --p-color-nav-active: #1a1d15;
  --p-color-nav-active: oklch(0.2236 0.0145 123.63);
  --p-color-nav-active-icon: #93ccb4;
  --p-color-nav-active-icon: oklch(0.8 0.0692 165.99);
}

[data-business="b2c"][data-theme="dark"][data-world="editorial"][data-product="oslerpress"] {
  --p-color-accent-action: #f3f6f9;
  --p-color-accent-action: oklch(0.9717 0.0051 247.88);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-text: #f3f6f9;
  --p-color-accent-text: oklch(0.9717 0.0051 247.88);
  --p-color-bg-canvas: #0d1116;
  --p-color-bg-canvas: oklch(0.175 0.012 250);
  --p-color-nav-active: #23272c;
  --p-color-nav-active: oklch(0.2706 0.0112 249.88);
  --p-color-nav-active-icon: #f3f6f9;
  --p-color-nav-active-icon: oklch(0.9717 0.0051 247.88);
}

[data-business="b2c"][data-theme="dark"][data-world="signal"][data-product="loudsoup"] {
  --p-color-accent-action: #cd1351;
  --p-color-accent-action: oklch(0.5462 0.2104 11.21);
  --p-color-accent-text: #ff9dab;
  --p-color-accent-text: oklch(0.8 0.1172 11.21);
  --p-color-bg-canvas: #0c0a07;
  --p-color-bg-canvas: oklch(0.145 0.008 73.74);
  --p-color-nav-active: #231816;
  --p-color-nav-active: oklch(0.2236 0.0184 31.05);
  --p-color-nav-active-icon: #ff9dab;
  --p-color-nav-active-icon: oklch(0.8 0.1172 11.21);
}

[data-business="b2c"][data-theme="dark"][data-world="signal"][data-product="execemy"] {
  --p-color-accent-action: #2f52e0;
  --p-color-accent-action: oklch(0.5084 0.2187 267.04);
  --p-color-accent-text: #a1bcff;
  --p-color-accent-text: oklch(0.8 0.1002 267.04);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.0105 84.59);
  --p-color-nav-active: #1b1b1d;
  --p-color-nav-active: oklch(0.2236 0.0028 275.09);
  --p-color-nav-active-icon: #a1bcff;
  --p-color-nav-active-icon: oklch(0.8 0.1002 267.04);
}

[data-business="b2c"][data-theme="dark"][data-world="signal"][data-product="claradb"] {
  --p-color-accent-action: #3262a9;
  --p-color-accent-action: oklch(0.5 0.1239 257.91);
  --p-color-accent-text: #95c0ff;
  --p-color-accent-text: oklch(0.8 0.1016 257.91);
  --p-color-nav-active: #181c21;
  --p-color-nav-active: oklch(0.2236 0.0122 257.91);
  --p-color-nav-active-icon: #95c0ff;
  --p-color-nav-active-icon: oklch(0.8 0.1016 257.91);
}

[data-business="b2c"][data-theme="dark"][data-world="signal"][data-product="reshot"] {
  --p-color-accent-action: #2e64e0;
  --p-color-accent-action: oklch(0.5418 0.198 263.45);
  --p-color-accent-text: #9cbeff;
  --p-color-accent-text: oklch(0.8 0.1004 263.45);
  --p-color-nav-active: #191b21;
  --p-color-nav-active: oklch(0.2236 0.012 263.45);
  --p-color-nav-active-icon: #9cbeff;
  --p-color-nav-active-icon: oklch(0.8 0.1004 263.45);
}

[data-business="b2c"][data-theme="dark"][data-world="signal"][data-product="claradb-pro"] {
  --p-color-accent-action: #7038e0;
  --p-color-accent-action: oklch(0.516 0.235 291);
  --p-color-accent-text: #beb1ff;
  --p-color-accent-text: oklch(0.8 0.1093 291);
  --p-color-nav-active: #1b1a21;
  --p-color-nav-active: oklch(0.2236 0.0131 291);
  --p-color-nav-active-icon: #beb1ff;
  --p-color-nav-active-icon: oklch(0.8 0.1093 291);
}

[data-business="b2c"][data-theme="dark"][data-world="signal"][data-product="runstamp"] {
  --p-color-accent-action: #2f4bff;
  --p-color-accent-action: oklch(0.5265 0.2634 267.74);
  --p-color-accent-text: #a2bcff;
  --p-color-accent-text: oklch(0.8 0.1002 267.74);
  --p-color-nav-active: #191b21;
  --p-color-nav-active: oklch(0.2236 0.012 267.74);
  --p-color-nav-active-icon: #a2bcff;
  --p-color-nav-active-icon: oklch(0.8 0.1002 267.74);
}

[data-business="b2c"][data-theme="dark"][data-world="signal"][data-product="plain-trades"] {
  --p-color-accent-action: #f4f1ea;
  --p-color-accent-action: oklch(0.958 0.009 84.58);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-text: #f4f1ea;
  --p-color-accent-text: oklch(0.958 0.009 84.58);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 84.58);
  --p-color-nav-active: #22201b;
  --p-color-nav-active: oklch(0.2426 0.0099 84.58);
  --p-color-nav-active-icon: #f4f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 84.58);
}

[data-business="b2c"][data-theme="dark"][data-world="signal"][data-product="handywright"] {
  --p-color-accent-action: #f3f1ea;
  --p-color-accent-action: oklch(0.958 0.009 90);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-text: #f3f1ea;
  --p-color-accent-text: oklch(0.958 0.009 90);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 90);
  --p-color-nav-active: #22201b;
  --p-color-nav-active: oklch(0.2426 0.0099 90);
  --p-color-nav-active-icon: #f3f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 90);
}

[data-business="b2c"][data-theme="dark"][data-world="signal"][data-product="oslerpress"] {
  --p-color-accent-action: #f3f6f9;
  --p-color-accent-action: oklch(0.9717 0.0051 247.88);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-text: #f3f6f9;
  --p-color-accent-text: oklch(0.9717 0.0051 247.88);
  --p-color-bg-canvas: #0d1116;
  --p-color-bg-canvas: oklch(0.175 0.012 250);
  --p-color-nav-active: #23272c;
  --p-color-nav-active: oklch(0.2706 0.0112 249.88);
  --p-color-nav-active-icon: #f3f6f9;
  --p-color-nav-active-icon: oklch(0.9717 0.0051 247.88);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-product="naalto"] {
  --p-color-bg-canvas: #0d1115;
  --p-color-bg-canvas: oklch(0.175 0.0098 252.82);
  --p-color-nav-active: #23272b;
  --p-color-nav-active: oklch(0.269 0.0097 252.82);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-product="poliage"] {
  --p-color-bg-canvas: #14100b;
  --p-color-bg-canvas: oklch(0.175 0.0122 67.67);
  --p-color-nav-active: #2a2520;
  --p-color-nav-active: oklch(0.269 0.0121 67.67);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-product="poliage-beauty"] {
  --p-color-bg-canvas: #12100c;
  --p-color-bg-canvas: oklch(0.175 0.01 87.48);
  --p-color-nav-active: #282621;
  --p-color-nav-active: oklch(0.269 0.0099 87.48);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-product="paperrift"] {
  --p-color-bg-canvas: #110f16;
  --p-color-bg-canvas: oklch(0.175 0.0142 298.16);
  --p-color-nav-active: #27252c;
  --p-color-nav-active: oklch(0.269 0.014 298.16);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-product="ownmode"] {
  --p-color-bg-canvas: #12100b;
  --p-color-bg-canvas: oklch(0.175 0.0114 89.73);
  --p-color-nav-active: #282620;
  --p-color-nav-active: oklch(0.269 0.0113 89.73);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-product="loudsoup"] {
  --p-color-bg-canvas: #13100d;
  --p-color-bg-canvas: oklch(0.175 0.008 73.74);
  --p-color-nav-active: #292622;
  --p-color-nav-active: oklch(0.269 0.0079 73.74);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-product="execemy"] {
  --p-color-bg-canvas: #13100b;
  --p-color-bg-canvas: oklch(0.175 0.0105 84.59);
  --p-color-nav-active: #292621;
  --p-color-nav-active: oklch(0.269 0.0104 84.59);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-product="claradb"] {
  --p-color-accent-text: #eff1f6;
  --p-color-accent-text: oklch(0.958 0.0072 270);
  --p-color-nav-active-icon: #eff1f6;
  --p-color-nav-active-icon: oklch(0.958 0.0072 270);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-product="claradb-pro"] {
  --p-color-accent-text: #eff1f6;
  --p-color-accent-text: oklch(0.958 0.0072 270);
  --p-color-nav-active-icon: #eff1f6;
  --p-color-nav-active-icon: oklch(0.958 0.0072 270);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-product="runstamp"] {
  --p-color-accent-text: #eff1f6;
  --p-color-accent-text: oklch(0.958 0.0072 270);
  --p-color-nav-active-icon: #eff1f6;
  --p-color-nav-active-icon: oklch(0.958 0.0072 270);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-product="plain-trades"] {
  --p-color-bg-canvas: #13100c;
  --p-color-bg-canvas: oklch(0.175 0.01 84.58);
  --p-color-nav-active: #282621;
  --p-color-nav-active: oklch(0.269 0.0099 84.58);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-product="handywright"] {
  --p-color-bg-canvas: #12100c;
  --p-color-bg-canvas: oklch(0.175 0.01 90);
  --p-color-nav-active: #282621;
  --p-color-nav-active: oklch(0.269 0.0099 90);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-product="oslerpress"] {
  --p-color-accent-text: #ebf1f7;
  --p-color-accent-text: oklch(0.954 0.0108 250);
  --p-color-bg-canvas: #0d1116;
  --p-color-bg-canvas: oklch(0.175 0.012 250);
  --p-color-nav-active: #22272c;
  --p-color-nav-active: oklch(0.2685 0.0119 250);
  --p-color-nav-active-icon: #ebf1f7;
  --p-color-nav-active-icon: oklch(0.954 0.0108 250);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="editorial"] {
  --p-color-accent-text: #d3edf5;
  --p-color-accent-text: oklch(0.93 0.0298 218);
  --p-color-bg-canvas: #0b1116;
  --p-color-bg-canvas: oklch(0.175 0.014 245);
  --p-color-nav-active: #1f272c;
  --p-color-nav-active: oklch(0.2656 0.0156 239.02);
  --p-color-nav-active-icon: #d3edf5;
  --p-color-nav-active-icon: oklch(0.93 0.0298 218);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="signal"] {
  --p-color-accent-text: #dae9ff;
  --p-color-accent-text: oklch(0.93 0.0338 258);
  --p-color-bg-canvas: #101010;
  --p-color-bg-canvas: oklch(0.175 0 0);
  --p-color-nav-active: #242527;
  --p-color-nav-active: oklch(0.2656 0.0041 258);
  --p-color-nav-active-icon: #dae9ff;
  --p-color-nav-active-icon: oklch(0.93 0.0338 258);
}

[data-business="game"][data-contrast="increased"][data-world="editorial"][data-product="accountmade"] {
  --p-color-accent-text: #1b2c50;
  --p-color-accent-text: oklch(0.3 0.0693 263.45);
  --p-color-nav-active: #dde2e9;
  --p-color-nav-active: oklch(0.9098 0.0114 258.39);
  --p-color-nav-active-icon: #1b2c50;
  --p-color-nav-active-icon: oklch(0.3 0.0693 263.45);
}

[data-business="game"][data-contrast="increased"][data-world="editorial"][data-product="naalto"] {
  --p-color-accent-text: #262d38;
  --p-color-accent-text: oklch(0.296 0.0218 254.96);
  --p-color-bg-canvas: #fbfdff;
  --p-color-bg-canvas: oklch(0.993 0.0034 252.82);
  --p-color-nav-active: #dee1e5;
  --p-color-nav-active: oklch(0.9094 0.0056 253.82);
  --p-color-nav-active-icon: #262d38;
  --p-color-nav-active-icon: oklch(0.296 0.0218 254.96);
}

[data-business="game"][data-contrast="increased"][data-world="editorial"][data-product="poliage"] {
  --p-color-accent-text: #352929;
  --p-color-accent-text: oklch(0.296 0.0179 23.08);
  --p-color-bg-canvas: #fffcf9;
  --p-color-bg-canvas: oklch(0.993 0.0049 67.67);
  --p-color-nav-active: #e4e0dd;
  --p-color-nav-active: oklch(0.9094 0.006 53.2);
  --p-color-nav-active-icon: #352929;
  --p-color-nav-active-icon: oklch(0.296 0.0179 23.08);
}

[data-business="game"][data-contrast="increased"][data-world="editorial"][data-product="poliage-beauty"] {
  --p-color-accent-text: #2d2d2c;
  --p-color-accent-text: oklch(0.296 0.0014 84.59);
  --p-color-bg-canvas: #fefdf8;
  --p-color-bg-canvas: oklch(0.993 0.006 87.48);
  --p-color-nav-active: #e2e1dd;
  --p-color-nav-active: oklch(0.9094 0.0054 87.39);
  --p-color-nav-active-icon: #2d2d2c;
  --p-color-nav-active-icon: oklch(0.296 0.0014 84.59);
}

[data-business="game"][data-contrast="increased"][data-world="editorial"][data-product="paperrift"] {
  --p-color-accent-text: #2d2d2c;
  --p-color-accent-text: oklch(0.296 0.002 84.57);
  --p-color-bg-canvas: #fdfcff;
  --p-color-bg-canvas: oklch(0.993 0.0038 298.16);
  --p-color-nav-active: #e1e0e3;
  --p-color-nav-active: oklch(0.9094 0.0031 300.58);
  --p-color-nav-active-icon: #2d2d2c;
  --p-color-nav-active-icon: oklch(0.296 0.002 84.57);
}

[data-business="game"][data-contrast="increased"][data-world="editorial"][data-product="ownmode"] {
  --p-color-accent-text: #21322b;
  --p-color-accent-text: oklch(0.3 0.0269 165.99);
  --p-color-bg-canvas: #fefdf8;
  --p-color-bg-canvas: oklch(0.993 0.0068 89.73);
  --p-color-nav-active: #e1e2dc;
  --p-color-nav-active: oklch(0.9098 0.0074 114.64);
  --p-color-nav-active-icon: #21322b;
  --p-color-nav-active-icon: oklch(0.3 0.0269 165.99);
}

[data-business="game"][data-contrast="increased"][data-world="editorial"][data-product="loudsoup"] {
  --p-color-accent-text: #4c1b24;
  --p-color-accent-text: oklch(0.3 0.0736 11.21);
  --p-color-bg-canvas: #fffcf9;
  --p-color-bg-canvas: oklch(0.993 0.0048 73.74);
  --p-color-nav-active: #e9dfdd;
  --p-color-nav-active: oklch(0.9098 0.0114 30.38);
  --p-color-nav-active-icon: #4c1b24;
  --p-color-nav-active-icon: oklch(0.3 0.0736 11.21);
}

[data-business="game"][data-contrast="increased"][data-world="editorial"][data-product="execemy"] {
  --p-color-accent-text: #1c2b54;
  --p-color-accent-text: oklch(0.3 0.0765 267.04);
  --p-color-bg-canvas: #fffcf8;
  --p-color-bg-canvas: oklch(0.993 0.0063 84.59);
  --p-color-nav-active: #e0e1e4;
  --p-color-nav-active: oklch(0.9098 0.0036 270.76);
  --p-color-nav-active-icon: #1c2b54;
  --p-color-nav-active-icon: oklch(0.3 0.0765 267.04);
}

[data-business="game"][data-contrast="increased"][data-world="editorial"][data-product="claradb"] {
  --p-color-accent-text: #202e44;
  --p-color-accent-text: oklch(0.3 0.0434 257.91);
  --p-color-nav-active: #dde2e7;
  --p-color-nav-active: oklch(0.9098 0.0083 253.03);
  --p-color-nav-active-icon: #202e44;
  --p-color-nav-active-icon: oklch(0.3 0.0434 257.91);
}

[data-business="game"][data-contrast="increased"][data-world="signal"][data-product="accountmade"] {
  --p-color-accent-text: #1b2c50;
  --p-color-accent-text: oklch(0.3 0.0693 263.45);
  --p-color-nav-active: #d7dadf;
  --p-color-nav-active: oklch(0.887 0.0083 263.45);
  --p-color-nav-active-icon: #1b2c50;
  --p-color-nav-active-icon: oklch(0.3 0.0693 263.45);
}

[data-business="game"][data-contrast="increased"][data-world="editorial"][data-product="reshot"] {
  --p-color-accent-text: #1b2c50;
  --p-color-accent-text: oklch(0.3 0.0693 263.45);
  --p-color-nav-active: #dde2e9;
  --p-color-nav-active: oklch(0.9098 0.0114 258.39);
  --p-color-nav-active-icon: #1b2c50;
  --p-color-nav-active-icon: oklch(0.3 0.0693 263.45);
}

[data-business="game"][data-contrast="increased"][data-world="signal"][data-product="naalto"] {
  --p-color-accent-text: #262d38;
  --p-color-accent-text: oklch(0.296 0.0218 254.96);
  --p-color-bg-canvas: #f1f4f9;
  --p-color-bg-canvas: oklch(0.967 0.0071 252.82);
  --p-color-nav-active: #d6dadf;
  --p-color-nav-active: oklch(0.8865 0.0089 253.45);
  --p-color-nav-active-icon: #262d38;
  --p-color-nav-active-icon: oklch(0.296 0.0218 254.96);
}

[data-business="game"][data-contrast="increased"][data-world="editorial"][data-product="claradb-pro"] {
  --p-color-accent-text: #2f2453;
  --p-color-accent-text: oklch(0.3 0.0822 291);
  --p-color-nav-active: #dfe0e9;
  --p-color-nav-active: oklch(0.9098 0.0123 280.3);
  --p-color-nav-active-icon: #2f2453;
  --p-color-nav-active-icon: oklch(0.3 0.0822 291);
}

[data-business="game"][data-contrast="increased"][data-world="signal"][data-product="poliage"] {
  --p-color-accent-text: #352929;
  --p-color-accent-text: oklch(0.296 0.0179 23.08);
  --p-color-bg-canvas: #f8f3ee;
  --p-color-bg-canvas: oklch(0.967 0.0088 67.67);
  --p-color-nav-active: #dfd8d4;
  --p-color-nav-active: oklch(0.8865 0.0094 58.43);
  --p-color-nav-active-icon: #352929;
  --p-color-nav-active-icon: oklch(0.296 0.0179 23.08);
}

[data-business="game"][data-contrast="increased"][data-world="editorial"][data-product="runstamp"] {
  --p-color-accent-text: #1a295b;
  --p-color-accent-text: oklch(0.3 0.0922 267.74);
  --p-color-nav-active: #dce1eb;
  --p-color-nav-active: oklch(0.9098 0.014 262.74);
  --p-color-nav-active-icon: #1a295b;
  --p-color-nav-active-icon: oklch(0.3 0.0922 267.74);
}

[data-business="game"][data-contrast="increased"][data-world="signal"][data-product="poliage-beauty"] {
  --p-color-accent-text: #2d2d2c;
  --p-color-accent-text: oklch(0.296 0.0014 84.59);
  --p-color-bg-canvas: #f6f4ef;
  --p-color-bg-canvas: oklch(0.967 0.0072 87.48);
  --p-color-nav-active: #dbd9d5;
  --p-color-nav-active: oklch(0.8865 0.0065 87.41);
  --p-color-nav-active-icon: #2d2d2c;
  --p-color-nav-active-icon: oklch(0.296 0.0014 84.59);
}

[data-business="game"][data-contrast="increased"][data-world="editorial"][data-product="plain-trades"] {
  --p-color-accent-text: #1a1813;
  --p-color-accent-text: oklch(0.21 0.01 84.58);
  --p-color-bg-canvas: #fffcf8;
  --p-color-bg-canvas: oklch(0.993 0.006 84.58);
  --p-color-nav-active: #e0ddd9;
  --p-color-nav-active: oklch(0.899 0.0065 84.58);
  --p-color-nav-active-icon: #1a1813;
  --p-color-nav-active-icon: oklch(0.21 0.01 84.58);
}

[data-business="game"][data-contrast="increased"][data-world="signal"][data-product="paperrift"] {
  --p-color-accent-text: #2d2d2c;
  --p-color-accent-text: oklch(0.296 0.002 84.57);
  --p-color-bg-canvas: #f5f3fa;
  --p-color-bg-canvas: oklch(0.967 0.0102 298.16);
  --p-color-nav-active: #dad8df;
  --p-color-nav-active: oklch(0.8865 0.0088 299.03);
  --p-color-nav-active-icon: #2d2d2c;
  --p-color-nav-active-icon: oklch(0.296 0.002 84.57);
}

[data-business="game"][data-contrast="increased"][data-world="editorial"][data-product="handywright"] {
  --p-color-accent-text: #1a1813;
  --p-color-accent-text: oklch(0.21 0.01 90);
  --p-color-bg-canvas: #fefdf8;
  --p-color-bg-canvas: oklch(0.993 0.006 90);
  --p-color-nav-active: #dfddd9;
  --p-color-nav-active: oklch(0.899 0.0065 90);
  --p-color-nav-active-icon: #1a1813;
  --p-color-nav-active-icon: oklch(0.21 0.01 90);
}

[data-business="game"][data-contrast="increased"][data-world="signal"][data-product="ownmode"] {
  --p-color-accent-text: #21322b;
  --p-color-accent-text: oklch(0.3 0.0269 165.99);
  --p-color-bg-canvas: #f6f4ee;
  --p-color-bg-canvas: oklch(0.967 0.0082 89.73);
  --p-color-nav-active: #dadad4;
  --p-color-nav-active: oklch(0.887 0.0086 111.18);
  --p-color-nav-active-icon: #21322b;
  --p-color-nav-active-icon: oklch(0.3 0.0269 165.99);
}

[data-business="game"][data-contrast="increased"][data-world="editorial"][data-product="oslerpress"] {
  --p-color-accent-text: #14191e;
  --p-color-accent-text: oklch(0.21 0.012 250);
  --p-color-bg-canvas: #fbfdff;
  --p-color-bg-canvas: oklch(0.993 0.0035 250);
  --p-color-nav-active: #dbdee1;
  --p-color-nav-active: oklch(0.899 0.0045 250);
  --p-color-nav-active-icon: #14191e;
  --p-color-nav-active-icon: oklch(0.21 0.012 250);
}

[data-business="game"][data-contrast="increased"][data-world="signal"][data-product="loudsoup"] {
  --p-color-accent-text: #4c1b24;
  --p-color-accent-text: oklch(0.3 0.0736 11.21);
  --p-color-bg-canvas: #f6f4f0;
  --p-color-bg-canvas: oklch(0.967 0.0058 73.74);
  --p-color-nav-active: #e2d7d5;
  --p-color-nav-active: oklch(0.887 0.0121 33.25);
  --p-color-nav-active-icon: #4c1b24;
  --p-color-nav-active-icon: oklch(0.3 0.0736 11.21);
}

[data-business="game"][data-contrast="increased"][data-world="signal"][data-product="execemy"] {
  --p-color-accent-text: #1c2b54;
  --p-color-accent-text: oklch(0.3 0.0765 267.04);
  --p-color-bg-canvas: #f6f4ee;
  --p-color-bg-canvas: oklch(0.967 0.0076 84.59);
  --p-color-nav-active: #d9dadb;
  --p-color-nav-active: oklch(0.887 0.0025 273.57);
  --p-color-nav-active-icon: #1c2b54;
  --p-color-nav-active-icon: oklch(0.3 0.0765 267.04);
}

[data-business="game"][data-contrast="increased"][data-world="signal"][data-product="claradb"] {
  --p-color-accent-text: #202e44;
  --p-color-accent-text: oklch(0.3 0.0434 257.91);
  --p-color-nav-active: #d8dadd;
  --p-color-nav-active: oklch(0.887 0.0052 257.91);
  --p-color-nav-active-icon: #202e44;
  --p-color-nav-active-icon: oklch(0.3 0.0434 257.91);
}

[data-business="game"][data-contrast="increased"][data-world="signal"][data-product="reshot"] {
  --p-color-accent-text: #1b2c50;
  --p-color-accent-text: oklch(0.3 0.0693 263.45);
  --p-color-nav-active: #d7dadf;
  --p-color-nav-active: oklch(0.887 0.0083 263.45);
  --p-color-nav-active-icon: #1b2c50;
  --p-color-nav-active-icon: oklch(0.3 0.0693 263.45);
}

[data-business="game"][data-contrast="increased"][data-world="signal"][data-product="claradb-pro"] {
  --p-color-accent-text: #2f2453;
  --p-color-accent-text: oklch(0.3 0.0822 291);
  --p-color-nav-active: #d9d9e0;
  --p-color-nav-active: oklch(0.887 0.0099 291);
  --p-color-nav-active-icon: #2f2453;
  --p-color-nav-active-icon: oklch(0.3 0.0822 291);
}

[data-business="game"][data-contrast="increased"][data-world="signal"][data-product="runstamp"] {
  --p-color-accent-text: #1a295b;
  --p-color-accent-text: oklch(0.3 0.0922 267.74);
  --p-color-nav-active: #d6dae1;
  --p-color-nav-active: oklch(0.887 0.0111 267.74);
  --p-color-nav-active-icon: #1a295b;
  --p-color-nav-active-icon: oklch(0.3 0.0922 267.74);
}

[data-business="game"][data-contrast="increased"][data-world="signal"][data-product="plain-trades"] {
  --p-color-accent-text: #1a1813;
  --p-color-accent-text: oklch(0.21 0.01 84.58);
  --p-color-bg-canvas: #f6f4ef;
  --p-color-bg-canvas: oklch(0.967 0.0072 84.58);
  --p-color-nav-active: #d8d6d1;
  --p-color-nav-active: oklch(0.8762 0.0075 84.58);
  --p-color-nav-active-icon: #1a1813;
  --p-color-nav-active-icon: oklch(0.21 0.01 84.58);
}

[data-business="game"][data-contrast="increased"][data-world="signal"][data-product="handywright"] {
  --p-color-accent-text: #1a1813;
  --p-color-accent-text: oklch(0.21 0.01 90);
  --p-color-bg-canvas: #f6f4ef;
  --p-color-bg-canvas: oklch(0.967 0.0072 90);
  --p-color-nav-active: #d8d6d1;
  --p-color-nav-active: oklch(0.8762 0.0075 90);
  --p-color-nav-active-icon: #1a1813;
  --p-color-nav-active-icon: oklch(0.21 0.01 90);
}

[data-business="game"][data-contrast="increased"][data-world="signal"][data-product="oslerpress"] {
  --p-color-accent-text: #14191e;
  --p-color-accent-text: oklch(0.21 0.012 250);
  --p-color-bg-canvas: #f0f5fa;
  --p-color-bg-canvas: oklch(0.967 0.0086 250);
  --p-color-nav-active: #d2d7dc;
  --p-color-nav-active: oklch(0.8762 0.009 250);
  --p-color-nav-active-icon: #14191e;
  --p-color-nav-active-icon: oklch(0.21 0.012 250);
}

[data-business="game"][data-theme="dark"][data-world="editorial"][data-product="accountmade"] {
  --p-color-accent-action: #2a5fdb;
  --p-color-accent-action: oklch(0.5268 0.198 263.45);
  --p-color-accent-text: #9cbeff;
  --p-color-accent-text: oklch(0.8 0.1004 263.45);
  --p-color-nav-active: #141c27;
  --p-color-nav-active: oklch(0.2236 0.0241 254.12);
  --p-color-nav-active-icon: #9cbeff;
  --p-color-nav-active-icon: oklch(0.8 0.1004 263.45);
}

[data-business="game"][data-theme="dark"][data-world="editorial"][data-product="naalto"] {
  --p-color-accent-action: #4b6587;
  --p-color-accent-action: oklch(0.5 0.0624 254.96);
  --p-color-accent-text: #a6c0e2;
  --p-color-accent-text: oklch(0.8 0.0562 254.96);
  --p-color-bg-canvas: #070a0e;
  --p-color-bg-canvas: oklch(0.145 0.0098 252.82);
  --p-color-nav-active: #161c23;
  --p-color-nav-active: oklch(0.2236 0.0154 253.76);
  --p-color-nav-active-icon: #a6c0e2;
  --p-color-nav-active-icon: oklch(0.8 0.0562 254.96);
}

[data-business="game"][data-theme="dark"][data-world="editorial"][data-product="poliage"] {
  --p-color-accent-action: #7e5855;
  --p-color-accent-action: oklch(0.5 0.0512 23.08);
  --p-color-accent-text: #dab3b0;
  --p-color-accent-text: oklch(0.8 0.0461 23.08);
  --p-color-bg-canvas: #0e0905;
  --p-color-bg-canvas: oklch(0.145 0.0122 67.67);
  --p-color-nav-active: #211a15;
  --p-color-nav-active: oklch(0.2236 0.0152 52.85);
  --p-color-nav-active-icon: #dab3b0;
  --p-color-nav-active-icon: oklch(0.8 0.0461 23.08);
}

[data-business="game"][data-theme="dark"][data-world="editorial"][data-product="poliage-beauty"] {
  --p-color-accent-action: #646361;
  --p-color-accent-action: oklch(0.5 0.0041 84.59);
  --p-color-accent-text: #bfbdbb;
  --p-color-accent-text: oklch(0.8 0.0037 84.59);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 87.48);
  --p-color-nav-active: #1d1b17;
  --p-color-nav-active: oklch(0.2236 0.0092 87.34);
  --p-color-nav-active-icon: #bfbdbb;
  --p-color-nav-active-icon: oklch(0.8 0.0037 84.59);
}

[data-business="game"][data-theme="dark"][data-world="editorial"][data-product="paperrift"] {
  --p-color-accent-action: #f2f0ec;
  --p-color-accent-action: oklch(0.9556 0.0057 84.57);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-text: #ffffff;
  --p-color-accent-text: oklch(1 0 0);
  --p-color-bg-canvas: #0b090f;
  --p-color-bg-canvas: oklch(0.145 0.0142 298.16);
  --p-color-nav-active: #222026;
  --p-color-nav-active: oklch(0.2476 0.0125 298.16);
  --p-color-nav-active-icon: #ffffff;
  --p-color-nav-active-icon: oklch(1 0 0);
}

[data-business="game"][data-theme="dark"][data-world="editorial"][data-product="ownmode"] {
  --p-color-accent-action: #2f6f57;
  --p-color-accent-action: oklch(0.4926 0.0769 165.99);
  --p-color-accent-text: #93ccb4;
  --p-color-accent-text: oklch(0.8 0.0692 165.99);
  --p-color-bg-canvas: #0c0a05;
  --p-color-bg-canvas: oklch(0.145 0.0114 89.73);
  --p-color-nav-active: #1a1d15;
  --p-color-nav-active: oklch(0.2236 0.0145 123.63);
  --p-color-nav-active-icon: #93ccb4;
  --p-color-nav-active-icon: oklch(0.8 0.0692 165.99);
}

[data-business="game"][data-theme="dark"][data-world="editorial"][data-product="loudsoup"] {
  --p-color-accent-action: #cd1351;
  --p-color-accent-action: oklch(0.5462 0.2104 11.21);
  --p-color-accent-text: #ff9dab;
  --p-color-accent-text: oklch(0.8 0.1172 11.21);
  --p-color-bg-canvas: #0c0a07;
  --p-color-bg-canvas: oklch(0.145 0.008 73.74);
  --p-color-nav-active: #231816;
  --p-color-nav-active: oklch(0.2236 0.0184 31.05);
  --p-color-nav-active-icon: #ff9dab;
  --p-color-nav-active-icon: oklch(0.8 0.1172 11.21);
}

[data-business="game"][data-theme="dark"][data-world="editorial"][data-product="execemy"] {
  --p-color-accent-action: #2f52e0;
  --p-color-accent-action: oklch(0.5084 0.2187 267.04);
  --p-color-accent-text: #a1bcff;
  --p-color-accent-text: oklch(0.8 0.1002 267.04);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.0105 84.59);
  --p-color-nav-active: #1b1b1d;
  --p-color-nav-active: oklch(0.2236 0.0028 275.09);
  --p-color-nav-active-icon: #a1bcff;
  --p-color-nav-active-icon: oklch(0.8 0.1002 267.04);
}

[data-business="game"][data-theme="dark"][data-world="editorial"][data-product="claradb"] {
  --p-color-accent-action: #3262a9;
  --p-color-accent-action: oklch(0.5 0.1239 257.91);
  --p-color-accent-text: #95c0ff;
  --p-color-accent-text: oklch(0.8 0.1016 257.91);
  --p-color-nav-active: #131c27;
  --p-color-nav-active: oklch(0.2236 0.0244 251.42);
  --p-color-nav-active-icon: #95c0ff;
  --p-color-nav-active-icon: oklch(0.8 0.1016 257.91);
}

[data-business="game"][data-theme="dark"][data-world="signal"][data-product="accountmade"] {
  --p-color-accent-action: #2a5fdb;
  --p-color-accent-action: oklch(0.5268 0.198 263.45);
  --p-color-accent-text: #9cbeff;
  --p-color-accent-text: oklch(0.8 0.1004 263.45);
  --p-color-nav-active: #191b21;
  --p-color-nav-active: oklch(0.2236 0.012 263.45);
  --p-color-nav-active-icon: #9cbeff;
  --p-color-nav-active-icon: oklch(0.8 0.1004 263.45);
}

[data-business="game"][data-theme="dark"][data-world="editorial"][data-product="reshot"] {
  --p-color-accent-action: #2e64e0;
  --p-color-accent-action: oklch(0.5418 0.198 263.45);
  --p-color-accent-text: #9cbeff;
  --p-color-accent-text: oklch(0.8 0.1004 263.45);
  --p-color-nav-active: #141c27;
  --p-color-nav-active: oklch(0.2236 0.0241 254.12);
  --p-color-nav-active-icon: #9cbeff;
  --p-color-nav-active-icon: oklch(0.8 0.1004 263.45);
}

[data-business="game"][data-theme="dark"][data-world="signal"][data-product="naalto"] {
  --p-color-accent-action: #4b6587;
  --p-color-accent-action: oklch(0.5 0.0624 254.96);
  --p-color-accent-text: #a6c0e2;
  --p-color-accent-text: oklch(0.8 0.0562 254.96);
  --p-color-bg-canvas: #070a0e;
  --p-color-bg-canvas: oklch(0.145 0.0098 252.82);
  --p-color-nav-active: #161c23;
  --p-color-nav-active: oklch(0.2236 0.0154 253.76);
  --p-color-nav-active-icon: #a6c0e2;
  --p-color-nav-active-icon: oklch(0.8 0.0562 254.96);
}

[data-business="game"][data-theme="dark"][data-world="editorial"][data-product="claradb-pro"] {
  --p-color-accent-action: #7038e0;
  --p-color-accent-action: oklch(0.516 0.235 291);
  --p-color-accent-text: #beb1ff;
  --p-color-accent-text: oklch(0.8 0.1093 291);
  --p-color-nav-active: #171b27;
  --p-color-nav-active: oklch(0.2236 0.0234 268.76);
  --p-color-nav-active-icon: #beb1ff;
  --p-color-nav-active-icon: oklch(0.8 0.1093 291);
}

[data-business="game"][data-theme="dark"][data-world="signal"][data-product="poliage"] {
  --p-color-accent-action: #7e5855;
  --p-color-accent-action: oklch(0.5 0.0512 23.08);
  --p-color-accent-text: #dab3b0;
  --p-color-accent-text: oklch(0.8 0.0461 23.08);
  --p-color-bg-canvas: #0e0905;
  --p-color-bg-canvas: oklch(0.145 0.0122 67.67);
  --p-color-nav-active: #211a15;
  --p-color-nav-active: oklch(0.2236 0.0152 52.85);
  --p-color-nav-active-icon: #dab3b0;
  --p-color-nav-active-icon: oklch(0.8 0.0461 23.08);
}

[data-business="game"][data-theme="dark"][data-world="editorial"][data-product="runstamp"] {
  --p-color-accent-action: #2f4bff;
  --p-color-accent-action: oklch(0.5265 0.2634 267.74);
  --p-color-accent-text: #a2bcff;
  --p-color-accent-text: oklch(0.8 0.1002 267.74);
  --p-color-nav-active: #141c27;
  --p-color-nav-active: oklch(0.2236 0.0239 256.23);
  --p-color-nav-active-icon: #a2bcff;
  --p-color-nav-active-icon: oklch(0.8 0.1002 267.74);
}

[data-business="game"][data-theme="dark"][data-world="signal"][data-product="poliage-beauty"] {
  --p-color-accent-action: #646361;
  --p-color-accent-action: oklch(0.5 0.0041 84.59);
  --p-color-accent-text: #bfbdbb;
  --p-color-accent-text: oklch(0.8 0.0037 84.59);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 87.48);
  --p-color-nav-active: #1d1b17;
  --p-color-nav-active: oklch(0.2236 0.0092 87.34);
  --p-color-nav-active-icon: #bfbdbb;
  --p-color-nav-active-icon: oklch(0.8 0.0037 84.59);
}

[data-business="game"][data-theme="dark"][data-world="editorial"][data-product="plain-trades"] {
  --p-color-accent-action: #f4f1ea;
  --p-color-accent-action: oklch(0.958 0.009 84.58);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-text: #f4f1ea;
  --p-color-accent-text: oklch(0.958 0.009 84.58);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 84.58);
  --p-color-nav-active: #22201b;
  --p-color-nav-active: oklch(0.2426 0.0099 84.58);
  --p-color-nav-active-icon: #f4f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 84.58);
}

[data-business="game"][data-theme="dark"][data-world="signal"][data-product="paperrift"] {
  --p-color-accent-action: #f2f0ec;
  --p-color-accent-action: oklch(0.9556 0.0057 84.57);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-text: #ffffff;
  --p-color-accent-text: oklch(1 0 0);
  --p-color-bg-canvas: #0b090f;
  --p-color-bg-canvas: oklch(0.145 0.0142 298.16);
  --p-color-nav-active: #222026;
  --p-color-nav-active: oklch(0.2476 0.0125 298.16);
  --p-color-nav-active-icon: #ffffff;
  --p-color-nav-active-icon: oklch(1 0 0);
}

[data-business="game"][data-theme="dark"][data-world="editorial"][data-product="handywright"] {
  --p-color-accent-action: #f3f1ea;
  --p-color-accent-action: oklch(0.958 0.009 90);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-text: #f3f1ea;
  --p-color-accent-text: oklch(0.958 0.009 90);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 90);
  --p-color-nav-active: #22201b;
  --p-color-nav-active: oklch(0.2426 0.0099 90);
  --p-color-nav-active-icon: #f3f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 90);
}

[data-business="game"][data-theme="dark"][data-world="signal"][data-product="ownmode"] {
  --p-color-accent-action: #2f6f57;
  --p-color-accent-action: oklch(0.4926 0.0769 165.99);
  --p-color-accent-text: #93ccb4;
  --p-color-accent-text: oklch(0.8 0.0692 165.99);
  --p-color-bg-canvas: #0c0a05;
  --p-color-bg-canvas: oklch(0.145 0.0114 89.73);
  --p-color-nav-active: #1a1d15;
  --p-color-nav-active: oklch(0.2236 0.0145 123.63);
  --p-color-nav-active-icon: #93ccb4;
  --p-color-nav-active-icon: oklch(0.8 0.0692 165.99);
}

[data-business="game"][data-theme="dark"][data-world="editorial"][data-product="oslerpress"] {
  --p-color-accent-action: #f3f6f9;
  --p-color-accent-action: oklch(0.9717 0.0051 247.88);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-text: #f3f6f9;
  --p-color-accent-text: oklch(0.9717 0.0051 247.88);
  --p-color-bg-canvas: #0d1116;
  --p-color-bg-canvas: oklch(0.175 0.012 250);
  --p-color-nav-active: #23272c;
  --p-color-nav-active: oklch(0.2706 0.0112 249.88);
  --p-color-nav-active-icon: #f3f6f9;
  --p-color-nav-active-icon: oklch(0.9717 0.0051 247.88);
}

[data-business="game"][data-theme="dark"][data-world="signal"][data-product="loudsoup"] {
  --p-color-accent-action: #cd1351;
  --p-color-accent-action: oklch(0.5462 0.2104 11.21);
  --p-color-accent-text: #ff9dab;
  --p-color-accent-text: oklch(0.8 0.1172 11.21);
  --p-color-bg-canvas: #0c0a07;
  --p-color-bg-canvas: oklch(0.145 0.008 73.74);
  --p-color-nav-active: #231816;
  --p-color-nav-active: oklch(0.2236 0.0184 31.05);
  --p-color-nav-active-icon: #ff9dab;
  --p-color-nav-active-icon: oklch(0.8 0.1172 11.21);
}

[data-business="game"][data-theme="dark"][data-world="signal"][data-product="execemy"] {
  --p-color-accent-action: #2f52e0;
  --p-color-accent-action: oklch(0.5084 0.2187 267.04);
  --p-color-accent-text: #a1bcff;
  --p-color-accent-text: oklch(0.8 0.1002 267.04);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.0105 84.59);
  --p-color-nav-active: #1b1b1d;
  --p-color-nav-active: oklch(0.2236 0.0028 275.09);
  --p-color-nav-active-icon: #a1bcff;
  --p-color-nav-active-icon: oklch(0.8 0.1002 267.04);
}

[data-business="game"][data-theme="dark"][data-world="signal"][data-product="claradb"] {
  --p-color-accent-action: #3262a9;
  --p-color-accent-action: oklch(0.5 0.1239 257.91);
  --p-color-accent-text: #95c0ff;
  --p-color-accent-text: oklch(0.8 0.1016 257.91);
  --p-color-nav-active: #181c21;
  --p-color-nav-active: oklch(0.2236 0.0122 257.91);
  --p-color-nav-active-icon: #95c0ff;
  --p-color-nav-active-icon: oklch(0.8 0.1016 257.91);
}

[data-business="game"][data-theme="dark"][data-world="signal"][data-product="reshot"] {
  --p-color-accent-action: #2e64e0;
  --p-color-accent-action: oklch(0.5418 0.198 263.45);
  --p-color-accent-text: #9cbeff;
  --p-color-accent-text: oklch(0.8 0.1004 263.45);
  --p-color-nav-active: #191b21;
  --p-color-nav-active: oklch(0.2236 0.012 263.45);
  --p-color-nav-active-icon: #9cbeff;
  --p-color-nav-active-icon: oklch(0.8 0.1004 263.45);
}

[data-business="game"][data-theme="dark"][data-world="signal"][data-product="claradb-pro"] {
  --p-color-accent-action: #7038e0;
  --p-color-accent-action: oklch(0.516 0.235 291);
  --p-color-accent-text: #beb1ff;
  --p-color-accent-text: oklch(0.8 0.1093 291);
  --p-color-nav-active: #1b1a21;
  --p-color-nav-active: oklch(0.2236 0.0131 291);
  --p-color-nav-active-icon: #beb1ff;
  --p-color-nav-active-icon: oklch(0.8 0.1093 291);
}

[data-business="game"][data-theme="dark"][data-world="signal"][data-product="runstamp"] {
  --p-color-accent-action: #2f4bff;
  --p-color-accent-action: oklch(0.5265 0.2634 267.74);
  --p-color-accent-text: #a2bcff;
  --p-color-accent-text: oklch(0.8 0.1002 267.74);
  --p-color-nav-active: #191b21;
  --p-color-nav-active: oklch(0.2236 0.012 267.74);
  --p-color-nav-active-icon: #a2bcff;
  --p-color-nav-active-icon: oklch(0.8 0.1002 267.74);
}

[data-business="game"][data-theme="dark"][data-world="signal"][data-product="plain-trades"] {
  --p-color-accent-action: #f4f1ea;
  --p-color-accent-action: oklch(0.958 0.009 84.58);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-text: #f4f1ea;
  --p-color-accent-text: oklch(0.958 0.009 84.58);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 84.58);
  --p-color-nav-active: #22201b;
  --p-color-nav-active: oklch(0.2426 0.0099 84.58);
  --p-color-nav-active-icon: #f4f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 84.58);
}

[data-business="game"][data-theme="dark"][data-world="signal"][data-product="handywright"] {
  --p-color-accent-action: #f3f1ea;
  --p-color-accent-action: oklch(0.958 0.009 90);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-text: #f3f1ea;
  --p-color-accent-text: oklch(0.958 0.009 90);
  --p-color-bg-canvas: #0c0a06;
  --p-color-bg-canvas: oklch(0.145 0.01 90);
  --p-color-nav-active: #22201b;
  --p-color-nav-active: oklch(0.2426 0.0099 90);
  --p-color-nav-active-icon: #f3f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 90);
}

[data-business="game"][data-theme="dark"][data-world="signal"][data-product="oslerpress"] {
  --p-color-accent-action: #f3f6f9;
  --p-color-accent-action: oklch(0.9717 0.0051 247.88);
  --p-color-accent-on-action: #111114;
  --p-color-accent-on-action: oklch(0.18 0.005 286);
  --p-color-accent-text: #f3f6f9;
  --p-color-accent-text: oklch(0.9717 0.0051 247.88);
  --p-color-bg-canvas: #0d1116;
  --p-color-bg-canvas: oklch(0.175 0.012 250);
  --p-color-nav-active: #23272c;
  --p-color-nav-active: oklch(0.2706 0.0112 249.88);
  --p-color-nav-active-icon: #f3f6f9;
  --p-color-nav-active-icon: oklch(0.9717 0.0051 247.88);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-product="naalto"] {
  --p-color-bg-canvas: #0d1115;
  --p-color-bg-canvas: oklch(0.175 0.0098 252.82);
  --p-color-nav-active: #23272b;
  --p-color-nav-active: oklch(0.269 0.0097 252.82);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-product="poliage"] {
  --p-color-bg-canvas: #14100b;
  --p-color-bg-canvas: oklch(0.175 0.0122 67.67);
  --p-color-nav-active: #2a2520;
  --p-color-nav-active: oklch(0.269 0.0121 67.67);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-product="poliage-beauty"] {
  --p-color-bg-canvas: #12100c;
  --p-color-bg-canvas: oklch(0.175 0.01 87.48);
  --p-color-nav-active: #282621;
  --p-color-nav-active: oklch(0.269 0.0099 87.48);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-product="paperrift"] {
  --p-color-bg-canvas: #110f16;
  --p-color-bg-canvas: oklch(0.175 0.0142 298.16);
  --p-color-nav-active: #27252c;
  --p-color-nav-active: oklch(0.269 0.014 298.16);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-product="ownmode"] {
  --p-color-bg-canvas: #12100b;
  --p-color-bg-canvas: oklch(0.175 0.0114 89.73);
  --p-color-nav-active: #282620;
  --p-color-nav-active: oklch(0.269 0.0113 89.73);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-product="loudsoup"] {
  --p-color-bg-canvas: #13100d;
  --p-color-bg-canvas: oklch(0.175 0.008 73.74);
  --p-color-nav-active: #292622;
  --p-color-nav-active: oklch(0.269 0.0079 73.74);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-product="execemy"] {
  --p-color-bg-canvas: #13100b;
  --p-color-bg-canvas: oklch(0.175 0.0105 84.59);
  --p-color-nav-active: #292621;
  --p-color-nav-active: oklch(0.269 0.0104 84.59);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-product="claradb"] {
  --p-color-accent-text: #eff1f6;
  --p-color-accent-text: oklch(0.958 0.0072 270);
  --p-color-nav-active-icon: #eff1f6;
  --p-color-nav-active-icon: oklch(0.958 0.0072 270);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-product="claradb-pro"] {
  --p-color-accent-text: #eff1f6;
  --p-color-accent-text: oklch(0.958 0.0072 270);
  --p-color-nav-active-icon: #eff1f6;
  --p-color-nav-active-icon: oklch(0.958 0.0072 270);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-product="runstamp"] {
  --p-color-accent-text: #eff1f6;
  --p-color-accent-text: oklch(0.958 0.0072 270);
  --p-color-nav-active-icon: #eff1f6;
  --p-color-nav-active-icon: oklch(0.958 0.0072 270);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-product="plain-trades"] {
  --p-color-bg-canvas: #13100c;
  --p-color-bg-canvas: oklch(0.175 0.01 84.58);
  --p-color-nav-active: #282621;
  --p-color-nav-active: oklch(0.269 0.0099 84.58);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-product="handywright"] {
  --p-color-bg-canvas: #12100c;
  --p-color-bg-canvas: oklch(0.175 0.01 90);
  --p-color-nav-active: #282621;
  --p-color-nav-active: oklch(0.269 0.0099 90);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-product="oslerpress"] {
  --p-color-accent-text: #ebf1f7;
  --p-color-accent-text: oklch(0.954 0.0108 250);
  --p-color-bg-canvas: #0d1116;
  --p-color-bg-canvas: oklch(0.175 0.012 250);
  --p-color-nav-active: #22272c;
  --p-color-nav-active: oklch(0.2685 0.0119 250);
  --p-color-nav-active-icon: #ebf1f7;
  --p-color-nav-active-icon: oklch(0.954 0.0108 250);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="editorial"] {
  --p-color-accent-text: #d3edf5;
  --p-color-accent-text: oklch(0.93 0.0298 218);
  --p-color-bg-canvas: #0b1116;
  --p-color-bg-canvas: oklch(0.175 0.014 245);
  --p-color-nav-active: #1f272c;
  --p-color-nav-active: oklch(0.2656 0.0156 239.02);
  --p-color-nav-active-icon: #d3edf5;
  --p-color-nav-active-icon: oklch(0.93 0.0298 218);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="signal"] {
  --p-color-accent-text: #dae9ff;
  --p-color-accent-text: oklch(0.93 0.0338 258);
  --p-color-bg-canvas: #101010;
  --p-color-bg-canvas: oklch(0.175 0 0);
  --p-color-nav-active: #242527;
  --p-color-nav-active: oklch(0.2656 0.0041 258);
  --p-color-nav-active-icon: #dae9ff;
  --p-color-nav-active-icon: oklch(0.93 0.0338 258);
}

[data-platform="ios"][data-business="b2c"][data-world="editorial"][data-product="naalto"] {
  --p-nav-preset: "tabs";
}

[data-platform="ios"][data-business="b2c"][data-world="editorial"][data-product="poliage-beauty"] {
  --p-nav-preset: "tabs";
}

[data-platform="ios"][data-business="b2c"][data-world="editorial"][data-product="paperrift"] {
  --p-nav-preset: "tabs";
}

[data-platform="ios"][data-business="b2c"][data-world="editorial"][data-product="ownmode"] {
  --p-nav-preset: "tabs";
}

[data-platform="ios"][data-business="b2c"][data-world="editorial"][data-product="execemy"] {
  --p-nav-preset: "sidebar";
}

[data-platform="android"][data-business="b2c"][data-world="editorial"][data-product="naalto"] {
  --p-nav-preset: "tabs";
}

[data-platform="android"][data-business="b2c"][data-world="editorial"][data-product="poliage-beauty"] {
  --p-nav-preset: "tabs";
}

[data-platform="android"][data-business="b2c"][data-world="editorial"][data-product="paperrift"] {
  --p-nav-preset: "tabs";
}

[data-platform="android"][data-business="b2c"][data-world="editorial"][data-product="ownmode"] {
  --p-nav-preset: "tabs";
}

[data-platform="android"][data-business="b2c"][data-world="editorial"][data-product="execemy"] {
  --p-nav-preset: "sidebar";
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="accountmade"] {
  --p-color-accent-text: #dce8ff;
  --p-color-accent-text: oklch(0.93 0.0334 263.45);
  --p-color-nav-active: #1f262d;
  --p-color-nav-active: oklch(0.2656 0.0162 249.5);
  --p-color-nav-active-icon: #dce8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0334 263.45);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="naalto"] {
  --p-color-accent-text: #dee9f7;
  --p-color-accent-text: oklch(0.93 0.0218 254.96);
  --p-color-bg-canvas: #0d1115;
  --p-color-bg-canvas: oklch(0.175 0.0098 252.82);
  --p-color-nav-active: #22262b;
  --p-color-nav-active: oklch(0.2656 0.0112 253.32);
  --p-color-nav-active-icon: #dee9f7;
  --p-color-nav-active-icon: oklch(0.93 0.0218 254.96);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="poliage"] {
  --p-color-accent-text: #f4e4e2;
  --p-color-accent-text: oklch(0.93 0.0179 23.08);
  --p-color-bg-canvas: #14100b;
  --p-color-bg-canvas: oklch(0.175 0.0122 67.67);
  --p-color-nav-active: #2a241f;
  --p-color-nav-active: oklch(0.2656 0.0124 60.66);
  --p-color-nav-active-icon: #f4e4e2;
  --p-color-nav-active-icon: oklch(0.93 0.0179 23.08);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="poliage-beauty"] {
  --p-color-accent-text: #e8e8e7;
  --p-color-accent-text: oklch(0.93 0.0014 84.59);
  --p-color-bg-canvas: #12100c;
  --p-color-bg-canvas: oklch(0.175 0.01 87.48);
  --p-color-nav-active: #272520;
  --p-color-nav-active: oklch(0.2656 0.009 87.43);
  --p-color-nav-active-icon: #e8e8e7;
  --p-color-nav-active-icon: oklch(0.93 0.0014 84.59);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="paperrift"] {
  --p-color-accent-text: #e8e8e6;
  --p-color-accent-text: oklch(0.93 0.002 84.57);
  --p-color-bg-canvas: #110f16;
  --p-color-bg-canvas: oklch(0.175 0.0142 298.16);
  --p-color-nav-active: #26242b;
  --p-color-nav-active: oklch(0.2656 0.0123 298.78);
  --p-color-nav-active-icon: #e8e8e6;
  --p-color-nav-active-icon: oklch(0.93 0.002 84.57);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="ownmode"] {
  --p-color-accent-text: #d8eee4;
  --p-color-accent-text: oklch(0.93 0.0269 165.99);
  --p-color-bg-canvas: #12100b;
  --p-color-bg-canvas: oklch(0.175 0.0114 89.73);
  --p-color-nav-active: #262620;
  --p-color-nav-active: oklch(0.2656 0.0112 105.92);
  --p-color-nav-active-icon: #d8eee4;
  --p-color-nav-active-icon: oklch(0.93 0.0269 165.99);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="loudsoup"] {
  --p-color-accent-text: #ffdfe2;
  --p-color-accent-text: oklch(0.93 0.0362 11.21);
  --p-color-bg-canvas: #13100d;
  --p-color-bg-canvas: oklch(0.175 0.008 73.74);
  --p-color-nav-active: #292421;
  --p-color-nav-active: oklch(0.2656 0.0098 50.66);
  --p-color-nav-active-icon: #ffdfe2;
  --p-color-nav-active-icon: oklch(0.93 0.0362 11.21);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="execemy"] {
  --p-color-accent-text: #dee8ff;
  --p-color-accent-text: oklch(0.93 0.0334 267.04);
  --p-color-bg-canvas: #13100b;
  --p-color-bg-canvas: oklch(0.175 0.0105 84.59);
  --p-color-nav-active: #272523;
  --p-color-nav-active: oklch(0.2656 0.0052 82.72);
  --p-color-nav-active-icon: #dee8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0334 267.04);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="claradb"] {
  --p-color-accent-text: #dae9ff;
  --p-color-accent-text: oklch(0.93 0.0338 257.91);
  --p-color-nav-active: #1f262d;
  --p-color-nav-active: oklch(0.2656 0.0163 248.19);
  --p-color-nav-active-icon: #dae9ff;
  --p-color-nav-active-icon: oklch(0.93 0.0338 257.91);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="accountmade"] {
  --p-color-accent-text: #dce8ff;
  --p-color-accent-text: oklch(0.93 0.0334 263.45);
  --p-color-nav-active: #242527;
  --p-color-nav-active: oklch(0.2656 0.004 263.45);
  --p-color-nav-active-icon: #dce8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0334 263.45);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="reshot"] {
  --p-color-accent-text: #dce8ff;
  --p-color-accent-text: oklch(0.93 0.0334 263.45);
  --p-color-nav-active: #1f262d;
  --p-color-nav-active: oklch(0.2656 0.0162 249.5);
  --p-color-nav-active-icon: #dce8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0334 263.45);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="naalto"] {
  --p-color-accent-text: #dee9f7;
  --p-color-accent-text: oklch(0.93 0.0218 254.96);
  --p-color-bg-canvas: #0d1115;
  --p-color-bg-canvas: oklch(0.175 0.0098 252.82);
  --p-color-nav-active: #22262b;
  --p-color-nav-active: oklch(0.2656 0.0112 253.32);
  --p-color-nav-active-icon: #dee9f7;
  --p-color-nav-active-icon: oklch(0.93 0.0218 254.96);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="claradb-pro"] {
  --p-color-accent-text: #e7e4ff;
  --p-color-accent-text: oklch(0.93 0.0363 291);
  --p-color-nav-active: #20262d;
  --p-color-nav-active: oklch(0.2656 0.0157 256.54);
  --p-color-nav-active-icon: #e7e4ff;
  --p-color-nav-active-icon: oklch(0.93 0.0363 291);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="poliage"] {
  --p-color-accent-text: #f4e4e2;
  --p-color-accent-text: oklch(0.93 0.0179 23.08);
  --p-color-bg-canvas: #14100b;
  --p-color-bg-canvas: oklch(0.175 0.0122 67.67);
  --p-color-nav-active: #2a241f;
  --p-color-nav-active: oklch(0.2656 0.0124 60.66);
  --p-color-nav-active-icon: #f4e4e2;
  --p-color-nav-active-icon: oklch(0.93 0.0179 23.08);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="runstamp"] {
  --p-color-accent-text: #dee8ff;
  --p-color-accent-text: oklch(0.93 0.0333 267.74);
  --p-color-nav-active: #20262d;
  --p-color-nav-active: oklch(0.2656 0.0161 250.51);
  --p-color-nav-active-icon: #dee8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0333 267.74);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="poliage-beauty"] {
  --p-color-accent-text: #e8e8e7;
  --p-color-accent-text: oklch(0.93 0.0014 84.59);
  --p-color-bg-canvas: #12100c;
  --p-color-bg-canvas: oklch(0.175 0.01 87.48);
  --p-color-nav-active: #272520;
  --p-color-nav-active: oklch(0.2656 0.009 87.43);
  --p-color-nav-active-icon: #e8e8e7;
  --p-color-nav-active-icon: oklch(0.93 0.0014 84.59);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="plain-trades"] {
  --p-color-accent-text: #f4f1ea;
  --p-color-accent-text: oklch(0.958 0.009 84.58);
  --p-color-bg-canvas: #13100c;
  --p-color-bg-canvas: oklch(0.175 0.01 84.58);
  --p-color-nav-active: #282621;
  --p-color-nav-active: oklch(0.269 0.0099 84.58);
  --p-color-nav-active-icon: #f4f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 84.58);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="paperrift"] {
  --p-color-accent-text: #e8e8e6;
  --p-color-accent-text: oklch(0.93 0.002 84.57);
  --p-color-bg-canvas: #110f16;
  --p-color-bg-canvas: oklch(0.175 0.0142 298.16);
  --p-color-nav-active: #26242b;
  --p-color-nav-active: oklch(0.2656 0.0123 298.78);
  --p-color-nav-active-icon: #e8e8e6;
  --p-color-nav-active-icon: oklch(0.93 0.002 84.57);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="handywright"] {
  --p-color-accent-text: #f3f1ea;
  --p-color-accent-text: oklch(0.958 0.009 90);
  --p-color-bg-canvas: #12100c;
  --p-color-bg-canvas: oklch(0.175 0.01 90);
  --p-color-nav-active: #282621;
  --p-color-nav-active: oklch(0.269 0.0099 90);
  --p-color-nav-active-icon: #f3f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 90);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="ownmode"] {
  --p-color-accent-text: #d8eee4;
  --p-color-accent-text: oklch(0.93 0.0269 165.99);
  --p-color-bg-canvas: #12100b;
  --p-color-bg-canvas: oklch(0.175 0.0114 89.73);
  --p-color-nav-active: #262620;
  --p-color-nav-active: oklch(0.2656 0.0112 105.92);
  --p-color-nav-active-icon: #d8eee4;
  --p-color-nav-active-icon: oklch(0.93 0.0269 165.99);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="oslerpress"] {
  --p-color-accent-text: #ebf1f7;
  --p-color-accent-text: oklch(0.954 0.0108 250);
  --p-color-bg-canvas: #0d1116;
  --p-color-bg-canvas: oklch(0.175 0.012 250);
  --p-color-nav-active: #22272c;
  --p-color-nav-active: oklch(0.2685 0.0119 250);
  --p-color-nav-active-icon: #ebf1f7;
  --p-color-nav-active-icon: oklch(0.954 0.0108 250);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="loudsoup"] {
  --p-color-accent-text: #ffdfe2;
  --p-color-accent-text: oklch(0.93 0.0362 11.21);
  --p-color-bg-canvas: #13100d;
  --p-color-bg-canvas: oklch(0.175 0.008 73.74);
  --p-color-nav-active: #292421;
  --p-color-nav-active: oklch(0.2656 0.0098 50.66);
  --p-color-nav-active-icon: #ffdfe2;
  --p-color-nav-active-icon: oklch(0.93 0.0362 11.21);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="execemy"] {
  --p-color-accent-text: #dee8ff;
  --p-color-accent-text: oklch(0.93 0.0334 267.04);
  --p-color-bg-canvas: #13100b;
  --p-color-bg-canvas: oklch(0.175 0.0105 84.59);
  --p-color-nav-active: #272523;
  --p-color-nav-active: oklch(0.2656 0.0052 82.72);
  --p-color-nav-active-icon: #dee8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0334 267.04);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="claradb"] {
  --p-color-accent-text: #dae9ff;
  --p-color-accent-text: oklch(0.93 0.0338 257.91);
  --p-color-nav-active: #242527;
  --p-color-nav-active: oklch(0.2656 0.0041 257.91);
  --p-color-nav-active-icon: #dae9ff;
  --p-color-nav-active-icon: oklch(0.93 0.0338 257.91);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="reshot"] {
  --p-color-accent-text: #dce8ff;
  --p-color-accent-text: oklch(0.93 0.0334 263.45);
  --p-color-nav-active: #242527;
  --p-color-nav-active: oklch(0.2656 0.004 263.45);
  --p-color-nav-active-icon: #dce8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0334 263.45);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="claradb-pro"] {
  --p-color-accent-text: #e7e4ff;
  --p-color-accent-text: oklch(0.93 0.0363 291);
  --p-color-nav-active: #252527;
  --p-color-nav-active: oklch(0.2656 0.0044 291);
  --p-color-nav-active-icon: #e7e4ff;
  --p-color-nav-active-icon: oklch(0.93 0.0363 291);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="runstamp"] {
  --p-color-accent-text: #dee8ff;
  --p-color-accent-text: oklch(0.93 0.0333 267.74);
  --p-color-nav-active: #242527;
  --p-color-nav-active: oklch(0.2656 0.004 267.74);
  --p-color-nav-active-icon: #dee8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0333 267.74);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="plain-trades"] {
  --p-color-accent-text: #f4f1ea;
  --p-color-accent-text: oklch(0.958 0.009 84.58);
  --p-color-bg-canvas: #13100c;
  --p-color-bg-canvas: oklch(0.175 0.01 84.58);
  --p-color-nav-active: #282621;
  --p-color-nav-active: oklch(0.269 0.0099 84.58);
  --p-color-nav-active-icon: #f4f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 84.58);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="handywright"] {
  --p-color-accent-text: #f3f1ea;
  --p-color-accent-text: oklch(0.958 0.009 90);
  --p-color-bg-canvas: #12100c;
  --p-color-bg-canvas: oklch(0.175 0.01 90);
  --p-color-nav-active: #282621;
  --p-color-nav-active: oklch(0.269 0.0099 90);
  --p-color-nav-active-icon: #f3f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 90);
}

[data-business="b2c"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="oslerpress"] {
  --p-color-accent-text: #ebf1f7;
  --p-color-accent-text: oklch(0.954 0.0108 250);
  --p-color-bg-canvas: #0d1116;
  --p-color-bg-canvas: oklch(0.175 0.012 250);
  --p-color-nav-active: #22272c;
  --p-color-nav-active: oklch(0.2685 0.0119 250);
  --p-color-nav-active-icon: #ebf1f7;
  --p-color-nav-active-icon: oklch(0.954 0.0108 250);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="accountmade"] {
  --p-color-accent-text: #dce8ff;
  --p-color-accent-text: oklch(0.93 0.0334 263.45);
  --p-color-nav-active: #1f262d;
  --p-color-nav-active: oklch(0.2656 0.0162 249.5);
  --p-color-nav-active-icon: #dce8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0334 263.45);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="naalto"] {
  --p-color-accent-text: #dee9f7;
  --p-color-accent-text: oklch(0.93 0.0218 254.96);
  --p-color-bg-canvas: #0d1115;
  --p-color-bg-canvas: oklch(0.175 0.0098 252.82);
  --p-color-nav-active: #22262b;
  --p-color-nav-active: oklch(0.2656 0.0112 253.32);
  --p-color-nav-active-icon: #dee9f7;
  --p-color-nav-active-icon: oklch(0.93 0.0218 254.96);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="poliage"] {
  --p-color-accent-text: #f4e4e2;
  --p-color-accent-text: oklch(0.93 0.0179 23.08);
  --p-color-bg-canvas: #14100b;
  --p-color-bg-canvas: oklch(0.175 0.0122 67.67);
  --p-color-nav-active: #2a241f;
  --p-color-nav-active: oklch(0.2656 0.0124 60.66);
  --p-color-nav-active-icon: #f4e4e2;
  --p-color-nav-active-icon: oklch(0.93 0.0179 23.08);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="poliage-beauty"] {
  --p-color-accent-text: #e8e8e7;
  --p-color-accent-text: oklch(0.93 0.0014 84.59);
  --p-color-bg-canvas: #12100c;
  --p-color-bg-canvas: oklch(0.175 0.01 87.48);
  --p-color-nav-active: #272520;
  --p-color-nav-active: oklch(0.2656 0.009 87.43);
  --p-color-nav-active-icon: #e8e8e7;
  --p-color-nav-active-icon: oklch(0.93 0.0014 84.59);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="paperrift"] {
  --p-color-accent-text: #e8e8e6;
  --p-color-accent-text: oklch(0.93 0.002 84.57);
  --p-color-bg-canvas: #110f16;
  --p-color-bg-canvas: oklch(0.175 0.0142 298.16);
  --p-color-nav-active: #26242b;
  --p-color-nav-active: oklch(0.2656 0.0123 298.78);
  --p-color-nav-active-icon: #e8e8e6;
  --p-color-nav-active-icon: oklch(0.93 0.002 84.57);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="ownmode"] {
  --p-color-accent-text: #d8eee4;
  --p-color-accent-text: oklch(0.93 0.0269 165.99);
  --p-color-bg-canvas: #12100b;
  --p-color-bg-canvas: oklch(0.175 0.0114 89.73);
  --p-color-nav-active: #262620;
  --p-color-nav-active: oklch(0.2656 0.0112 105.92);
  --p-color-nav-active-icon: #d8eee4;
  --p-color-nav-active-icon: oklch(0.93 0.0269 165.99);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="loudsoup"] {
  --p-color-accent-text: #ffdfe2;
  --p-color-accent-text: oklch(0.93 0.0362 11.21);
  --p-color-bg-canvas: #13100d;
  --p-color-bg-canvas: oklch(0.175 0.008 73.74);
  --p-color-nav-active: #292421;
  --p-color-nav-active: oklch(0.2656 0.0098 50.66);
  --p-color-nav-active-icon: #ffdfe2;
  --p-color-nav-active-icon: oklch(0.93 0.0362 11.21);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="execemy"] {
  --p-color-accent-text: #dee8ff;
  --p-color-accent-text: oklch(0.93 0.0334 267.04);
  --p-color-bg-canvas: #13100b;
  --p-color-bg-canvas: oklch(0.175 0.0105 84.59);
  --p-color-nav-active: #272523;
  --p-color-nav-active: oklch(0.2656 0.0052 82.72);
  --p-color-nav-active-icon: #dee8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0334 267.04);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="claradb"] {
  --p-color-accent-text: #dae9ff;
  --p-color-accent-text: oklch(0.93 0.0338 257.91);
  --p-color-nav-active: #1f262d;
  --p-color-nav-active: oklch(0.2656 0.0163 248.19);
  --p-color-nav-active-icon: #dae9ff;
  --p-color-nav-active-icon: oklch(0.93 0.0338 257.91);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="accountmade"] {
  --p-color-accent-text: #dce8ff;
  --p-color-accent-text: oklch(0.93 0.0334 263.45);
  --p-color-nav-active: #242527;
  --p-color-nav-active: oklch(0.2656 0.004 263.45);
  --p-color-nav-active-icon: #dce8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0334 263.45);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="reshot"] {
  --p-color-accent-text: #dce8ff;
  --p-color-accent-text: oklch(0.93 0.0334 263.45);
  --p-color-nav-active: #1f262d;
  --p-color-nav-active: oklch(0.2656 0.0162 249.5);
  --p-color-nav-active-icon: #dce8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0334 263.45);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="naalto"] {
  --p-color-accent-text: #dee9f7;
  --p-color-accent-text: oklch(0.93 0.0218 254.96);
  --p-color-bg-canvas: #0d1115;
  --p-color-bg-canvas: oklch(0.175 0.0098 252.82);
  --p-color-nav-active: #22262b;
  --p-color-nav-active: oklch(0.2656 0.0112 253.32);
  --p-color-nav-active-icon: #dee9f7;
  --p-color-nav-active-icon: oklch(0.93 0.0218 254.96);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="claradb-pro"] {
  --p-color-accent-text: #e7e4ff;
  --p-color-accent-text: oklch(0.93 0.0363 291);
  --p-color-nav-active: #20262d;
  --p-color-nav-active: oklch(0.2656 0.0157 256.54);
  --p-color-nav-active-icon: #e7e4ff;
  --p-color-nav-active-icon: oklch(0.93 0.0363 291);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="poliage"] {
  --p-color-accent-text: #f4e4e2;
  --p-color-accent-text: oklch(0.93 0.0179 23.08);
  --p-color-bg-canvas: #14100b;
  --p-color-bg-canvas: oklch(0.175 0.0122 67.67);
  --p-color-nav-active: #2a241f;
  --p-color-nav-active: oklch(0.2656 0.0124 60.66);
  --p-color-nav-active-icon: #f4e4e2;
  --p-color-nav-active-icon: oklch(0.93 0.0179 23.08);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="runstamp"] {
  --p-color-accent-text: #dee8ff;
  --p-color-accent-text: oklch(0.93 0.0333 267.74);
  --p-color-nav-active: #20262d;
  --p-color-nav-active: oklch(0.2656 0.0161 250.51);
  --p-color-nav-active-icon: #dee8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0333 267.74);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="poliage-beauty"] {
  --p-color-accent-text: #e8e8e7;
  --p-color-accent-text: oklch(0.93 0.0014 84.59);
  --p-color-bg-canvas: #12100c;
  --p-color-bg-canvas: oklch(0.175 0.01 87.48);
  --p-color-nav-active: #272520;
  --p-color-nav-active: oklch(0.2656 0.009 87.43);
  --p-color-nav-active-icon: #e8e8e7;
  --p-color-nav-active-icon: oklch(0.93 0.0014 84.59);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="plain-trades"] {
  --p-color-accent-text: #f4f1ea;
  --p-color-accent-text: oklch(0.958 0.009 84.58);
  --p-color-bg-canvas: #13100c;
  --p-color-bg-canvas: oklch(0.175 0.01 84.58);
  --p-color-nav-active: #282621;
  --p-color-nav-active: oklch(0.269 0.0099 84.58);
  --p-color-nav-active-icon: #f4f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 84.58);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="paperrift"] {
  --p-color-accent-text: #e8e8e6;
  --p-color-accent-text: oklch(0.93 0.002 84.57);
  --p-color-bg-canvas: #110f16;
  --p-color-bg-canvas: oklch(0.175 0.0142 298.16);
  --p-color-nav-active: #26242b;
  --p-color-nav-active: oklch(0.2656 0.0123 298.78);
  --p-color-nav-active-icon: #e8e8e6;
  --p-color-nav-active-icon: oklch(0.93 0.002 84.57);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="handywright"] {
  --p-color-accent-text: #f3f1ea;
  --p-color-accent-text: oklch(0.958 0.009 90);
  --p-color-bg-canvas: #12100c;
  --p-color-bg-canvas: oklch(0.175 0.01 90);
  --p-color-nav-active: #282621;
  --p-color-nav-active: oklch(0.269 0.0099 90);
  --p-color-nav-active-icon: #f3f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 90);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="ownmode"] {
  --p-color-accent-text: #d8eee4;
  --p-color-accent-text: oklch(0.93 0.0269 165.99);
  --p-color-bg-canvas: #12100b;
  --p-color-bg-canvas: oklch(0.175 0.0114 89.73);
  --p-color-nav-active: #262620;
  --p-color-nav-active: oklch(0.2656 0.0112 105.92);
  --p-color-nav-active-icon: #d8eee4;
  --p-color-nav-active-icon: oklch(0.93 0.0269 165.99);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="editorial"][data-product="oslerpress"] {
  --p-color-accent-text: #ebf1f7;
  --p-color-accent-text: oklch(0.954 0.0108 250);
  --p-color-bg-canvas: #0d1116;
  --p-color-bg-canvas: oklch(0.175 0.012 250);
  --p-color-nav-active: #22272c;
  --p-color-nav-active: oklch(0.2685 0.0119 250);
  --p-color-nav-active-icon: #ebf1f7;
  --p-color-nav-active-icon: oklch(0.954 0.0108 250);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="loudsoup"] {
  --p-color-accent-text: #ffdfe2;
  --p-color-accent-text: oklch(0.93 0.0362 11.21);
  --p-color-bg-canvas: #13100d;
  --p-color-bg-canvas: oklch(0.175 0.008 73.74);
  --p-color-nav-active: #292421;
  --p-color-nav-active: oklch(0.2656 0.0098 50.66);
  --p-color-nav-active-icon: #ffdfe2;
  --p-color-nav-active-icon: oklch(0.93 0.0362 11.21);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="execemy"] {
  --p-color-accent-text: #dee8ff;
  --p-color-accent-text: oklch(0.93 0.0334 267.04);
  --p-color-bg-canvas: #13100b;
  --p-color-bg-canvas: oklch(0.175 0.0105 84.59);
  --p-color-nav-active: #272523;
  --p-color-nav-active: oklch(0.2656 0.0052 82.72);
  --p-color-nav-active-icon: #dee8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0334 267.04);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="claradb"] {
  --p-color-accent-text: #dae9ff;
  --p-color-accent-text: oklch(0.93 0.0338 257.91);
  --p-color-nav-active: #242527;
  --p-color-nav-active: oklch(0.2656 0.0041 257.91);
  --p-color-nav-active-icon: #dae9ff;
  --p-color-nav-active-icon: oklch(0.93 0.0338 257.91);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="reshot"] {
  --p-color-accent-text: #dce8ff;
  --p-color-accent-text: oklch(0.93 0.0334 263.45);
  --p-color-nav-active: #242527;
  --p-color-nav-active: oklch(0.2656 0.004 263.45);
  --p-color-nav-active-icon: #dce8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0334 263.45);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="claradb-pro"] {
  --p-color-accent-text: #e7e4ff;
  --p-color-accent-text: oklch(0.93 0.0363 291);
  --p-color-nav-active: #252527;
  --p-color-nav-active: oklch(0.2656 0.0044 291);
  --p-color-nav-active-icon: #e7e4ff;
  --p-color-nav-active-icon: oklch(0.93 0.0363 291);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="runstamp"] {
  --p-color-accent-text: #dee8ff;
  --p-color-accent-text: oklch(0.93 0.0333 267.74);
  --p-color-nav-active: #242527;
  --p-color-nav-active: oklch(0.2656 0.004 267.74);
  --p-color-nav-active-icon: #dee8ff;
  --p-color-nav-active-icon: oklch(0.93 0.0333 267.74);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="plain-trades"] {
  --p-color-accent-text: #f4f1ea;
  --p-color-accent-text: oklch(0.958 0.009 84.58);
  --p-color-bg-canvas: #13100c;
  --p-color-bg-canvas: oklch(0.175 0.01 84.58);
  --p-color-nav-active: #282621;
  --p-color-nav-active: oklch(0.269 0.0099 84.58);
  --p-color-nav-active-icon: #f4f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 84.58);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="handywright"] {
  --p-color-accent-text: #f3f1ea;
  --p-color-accent-text: oklch(0.958 0.009 90);
  --p-color-bg-canvas: #12100c;
  --p-color-bg-canvas: oklch(0.175 0.01 90);
  --p-color-nav-active: #282621;
  --p-color-nav-active: oklch(0.269 0.0099 90);
  --p-color-nav-active-icon: #f3f1ea;
  --p-color-nav-active-icon: oklch(0.958 0.009 90);
}

[data-business="game"][data-theme="dark"][data-contrast="increased"][data-world="signal"][data-product="oslerpress"] {
  --p-color-accent-text: #ebf1f7;
  --p-color-accent-text: oklch(0.954 0.0108 250);
  --p-color-bg-canvas: #0d1116;
  --p-color-bg-canvas: oklch(0.175 0.012 250);
  --p-color-nav-active: #22272c;
  --p-color-nav-active: oklch(0.2685 0.0119 250);
  --p-color-nav-active-icon: #ebf1f7;
  --p-color-nav-active-icon: oklch(0.954 0.0108 250);
}

:lang(ko):not(#plain-ko) {
  --p-type-body-l-line-height: var(--p-type-body-l-line-height-ko);
  --p-type-body-m-line-height: var(--p-type-body-m-line-height-ko);
  --p-type-body-s-line-height: var(--p-type-body-s-line-height-ko);
  --p-type-caption-line-height: var(--p-type-caption-line-height-ko);
  --p-type-code-line-height: var(--p-type-code-line-height-ko);
  --p-type-display-l-line-height: var(--p-type-display-l-line-height-ko);
  --p-type-display-m-line-height: var(--p-type-display-m-line-height-ko);
  --p-type-display-s-line-height: var(--p-type-display-s-line-height-ko);
  --p-type-label-l-line-height: var(--p-type-label-l-line-height-ko);
  --p-type-label-m-line-height: var(--p-type-label-m-line-height-ko);
  --p-type-label-s-line-height: var(--p-type-label-s-line-height-ko);
  --p-type-numeric-line-height: var(--p-type-numeric-line-height-ko);
  --p-type-title-l-line-height: var(--p-type-title-l-line-height-ko);
  --p-type-title-m-line-height: var(--p-type-title-m-line-height-ko);
  --p-type-title-s-line-height: var(--p-type-title-s-line-height-ko);
}

[data-business="b2c"]:lang(ko):not(#plain-ko), [data-business="b2c"] :lang(ko):not(#plain-ko) {
  --p-type-body-m-size: var(--p-type-body-m-size-ko);
  --p-type-display-s-weight: var(--p-type-display-s-weight-ko);
  --p-type-title-l-size: var(--p-type-title-l-size-ko);
  --p-type-title-l-weight: var(--p-type-title-l-weight-ko);
  --p-type-title-m-weight: var(--p-type-title-m-weight-ko);
  --p-type-title-s-size: var(--p-type-title-s-size-ko);
  --p-type-title-s-weight: var(--p-type-title-s-weight-ko);
}

[data-business="game"]:lang(ko):not(#plain-ko), [data-business="game"] :lang(ko):not(#plain-ko) {
  --p-type-body-m-size: var(--p-type-body-m-size-ko);
  --p-type-display-s-weight: var(--p-type-display-s-weight-ko);
  --p-type-title-l-size: var(--p-type-title-l-size-ko);
  --p-type-title-l-weight: var(--p-type-title-l-weight-ko);
  --p-type-title-m-weight: var(--p-type-title-m-weight-ko);
  --p-type-title-s-size: var(--p-type-title-s-size-ko);
  --p-type-title-s-weight: var(--p-type-title-s-weight-ko);
}

[data-business="b2c"][data-product="plain-trades"]:lang(ko):not(#plain-ko), [data-business="b2c"][data-product="plain-trades"] :lang(ko):not(#plain-ko) {
  --p-type-display-s-weight: var(--p-type-display-s-weight-ko);
  --p-type-title-l-weight: var(--p-type-title-l-weight-ko);
  --p-type-title-m-weight: var(--p-type-title-m-weight-ko);
  --p-type-title-s-weight: var(--p-type-title-s-weight-ko);
}

[data-business="b2c"][data-product="handywright"]:lang(ko):not(#plain-ko), [data-business="b2c"][data-product="handywright"] :lang(ko):not(#plain-ko) {
  --p-type-display-s-weight: var(--p-type-display-s-weight-ko);
  --p-type-title-l-weight: var(--p-type-title-l-weight-ko);
}

[data-business="b2c"][data-product="oslerpress"]:lang(ko):not(#plain-ko), [data-business="b2c"][data-product="oslerpress"] :lang(ko):not(#plain-ko) {
  --p-type-display-s-weight: var(--p-type-display-s-weight-ko);
  --p-type-title-l-weight: var(--p-type-title-l-weight-ko);
}

[data-business="game"][data-product="plain-trades"]:lang(ko):not(#plain-ko), [data-business="game"][data-product="plain-trades"] :lang(ko):not(#plain-ko) {
  --p-type-display-s-weight: var(--p-type-display-s-weight-ko);
  --p-type-title-l-weight: var(--p-type-title-l-weight-ko);
  --p-type-title-m-weight: var(--p-type-title-m-weight-ko);
  --p-type-title-s-weight: var(--p-type-title-s-weight-ko);
}

[data-business="game"][data-product="handywright"]:lang(ko):not(#plain-ko), [data-business="game"][data-product="handywright"] :lang(ko):not(#plain-ko) {
  --p-type-display-s-weight: var(--p-type-display-s-weight-ko);
  --p-type-title-l-weight: var(--p-type-title-l-weight-ko);
}

[data-business="game"][data-product="oslerpress"]:lang(ko):not(#plain-ko), [data-business="game"][data-product="oslerpress"] :lang(ko):not(#plain-ko) {
  --p-type-display-s-weight: var(--p-type-display-s-weight-ko);
  --p-type-title-l-weight: var(--p-type-title-l-weight-ko);
}

@media (prefers-reduced-motion: reduce) {
  :root, [data-platform], [data-business], [data-theme], [data-contrast], [data-density], [data-world], [data-product] {
    --p-motion-duration-instant: var(--p-motion-duration-reduced);
    --p-motion-duration-fast: var(--p-motion-duration-reduced);
    --p-motion-duration-base: var(--p-motion-duration-reduced);
    --p-motion-duration-slow: var(--p-motion-duration-reduced);
    --p-motion-duration-page: var(--p-motion-duration-reduced);
  }
}

@layer plain-base, plain-components;

@layer plain-base {
  
  [data-plain-root] { display: contents; --p-motion-duration-swap: 200ms; --p-motion-duration-insert-content: 160ms; }
  [data-plain-root][data-paint] {
    display: block;
    background: var(--p-color-bg-panel);
    color: var(--p-color-text-primary);
    font-family: var(--p-font-family-sans);
    font-size: var(--p-type-body-m-size);
    line-height: var(--p-type-body-m-line-height);
    font-synthesis-weight: none; 
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%; text-size-adjust: 100%;
  }
  
  [data-plain-root] :where(h1, h2, h3, h4, h5, h6, th, b, strong) { font-weight: min(700, var(--p-font-weight-max, 1000)); }
  
  :where([data-plain-root]) :where(button, input, select, textarea, optgroup) { font-family: inherit; }
  
  [data-plain-root] { caret-color: var(--p-color-accent-solid); accent-color: var(--p-color-accent-solid); }
  [data-plain-root] ::selection { background: color-mix(in oklab, var(--p-color-accent-solid) calc(var(--p-opacity-selection) * 100%), transparent); color: inherit; }
  
  [data-plain-root] :is(output, time, [data-numeric], [role="progressbar"], [role="meter"], [role="timer"]) { font-variant-numeric: tabular-nums; }

  
  [data-plain-root], [data-plain] {
    --p-ring-edge: 0 0 0 1px color-mix(in oklab, var(--p-color-text-primary) calc(var(--p-opacity-ring) * 100%), transparent);
    --p-ring-top: 0 0 0 0 transparent;
  }
  [data-theme="dark"] [data-plain-root], [data-plain-root][data-theme="dark"], [data-theme="dark"] [data-plain] {
    --p-ring-top: inset 0 1px 0 color-mix(in oklab, white calc(var(--p-opacity-edge-top) * 100%), transparent);
  }
  [data-plain-root]:lang(ko), [data-plain-root] :lang(ko) { font-family: var(--p-font-family-hangul); }
  
  :lang(ko) { word-break: keep-all; line-break: strict; overflow-wrap: break-word; }

  
  [data-plain-root], [data-plain] { --p-ts: var(--p-text-scale, var(--lab-scale, 1)); }

  [data-plain-vh] {
    position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
    clip-path: inset(50%); white-space: nowrap; border: 0;
  }

  
  [data-focus-visible] {
    outline: var(--p-stroke-focus) solid var(--p-color-focus-ring);
    outline-offset: var(--p-focus-offset);
  }
  [data-focus-visible][data-invalid] { outline-color: var(--p-color-focus-ring-danger); }

  
  [data-plain-root] :is(button, [role="button"], [role="tab"], [role="menuitem"], [role="option"], a[href], summary, label, [data-plain]) { -webkit-tap-highlight-color: transparent; }
  [data-plain-root] :is(button, [role="button"], [role="tab"], [role="menuitem"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"], summary, [data-plain="button"]) { touch-action: manipulation; }
  [data-plain-root] :is(button, [role="button"], [data-plain="button"]) { -webkit-user-select: none; user-select: none; }
  [data-plain-root] :is(.p-shell__main, .p-shell__side, .p-shell__rail) { overscroll-behavior: contain; }

  .p-spinner { display: inline-flex; flex: none; opacity: 0; transition: opacity var(--p-motion-duration-fast) var(--p-motion-easing-standard); }
  .p-spinner[data-visible] { opacity: 1; }
  .p-spinner svg { animation: p-spin 600ms linear infinite; }
  @keyframes p-spin { to { transform: rotate(360deg); } }
  [data-reduced-motion="true"] .p-spinner svg { animation-duration: 2400ms; }
  @media (prefers-reduced-motion: reduce) { .p-spinner svg { animation-duration: 2400ms; } }
}

@layer plain-base {
  
  .pd-text { font-size: var(--p-field-font-size); line-height: var(--p-field-line-height); letter-spacing: var(--p-type-tracking-sm); font-variant-numeric: tabular-nums; }
  .pd-text-xs { letter-spacing: var(--p-type-tracking-xs); }
  .pd-text-md { letter-spacing: var(--p-type-tracking-md); }
  .pd-label { font-size: var(--p-field-label-size); line-height: var(--p-field-label-line-height); font-weight: var(--p-field-label-weight); letter-spacing: var(--p-type-tracking-sm); color: var(--p-color-text-primary); }
  .pd-description { font-size: var(--p-field-description-size); line-height: var(--p-field-description-line-height); letter-spacing: var(--p-type-tracking-xs); color: var(--p-color-text-secondary); }
  .pd-optional { color: var(--p-color-text-tertiary); font-weight: 400; }
  .pd-error { display: flex; gap: 6px; align-items: flex-start; font-size: 12px; line-height: 16px; color: var(--p-color-danger-text); min-height: 16px; }
  .pd-error > svg { flex: none; width: 14px; height: 14px; margin-top: 1px; }
  @media (pointer: coarse) { .pd-text { font-size: max(16px, var(--p-field-font-size)); letter-spacing: var(--p-type-tracking-md); } }

  
  .pd-field {
    --pd-radius: var(--p-field-radius-md);
    box-sizing: border-box;
    background: var(--p-color-field-bg);
    border: var(--p-stroke-field) solid var(--p-color-border-control);
    border-radius: var(--pd-radius);
    box-shadow: var(--p-shadow-control);
    color: var(--p-color-text-primary);
    padding-inline: var(--p-field-padding-x);
    font-variant-numeric: tabular-nums;
    transition: border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease, background-color var(--p-field-transition) ease;
  }
  .pd-field[data-size="sm"] { --pd-radius: var(--p-field-radius-sm); }
  .pd-field[data-size="lg"] { --pd-radius: var(--p-field-radius-lg); }
  .pd-field :is(input, textarea)::placeholder, .pd-field::placeholder { color: var(--p-color-text-tertiary); opacity: 1; }
  @media (hover: hover) and (pointer: fine) { .pd-field:hover:not(:is([data-disabled], :disabled, [aria-disabled="true"], [data-readonly], [readonly])) { border-color: var(--p-color-border-control-hover); } }
  
  .pd-field:is(input, textarea):focus,
  .pd-field:has(:is(input, textarea):focus),
  .pd-field:is(button, [role="combobox"], [role="button"]):focus-visible,
  .pd-field[data-focus-visible], .pd-field[data-open] {
    outline: none;
    border-color: var(--p-color-field-border-focus);
    box-shadow: var(--p-shadow-control), 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-field);
  }
  .pd-field:is([data-invalid], [aria-invalid="true"]),
  .pd-field:has(:is(input, textarea)[aria-invalid="true"]) { border-color: var(--p-color-field-border-invalid); }
  .pd-field:is([data-invalid], [aria-invalid="true"]):is(:focus, :focus-visible, [data-focus-visible], [data-open]),
  .pd-field:is([data-invalid], [aria-invalid="true"]):has(:is(input, textarea):focus),
  .pd-field:has(:is(input, textarea)[aria-invalid="true"]:focus) {
    border-color: var(--p-color-field-border-invalid);
    box-shadow: var(--p-shadow-control), 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-field-danger);
  }
  .pd-field:is([data-disabled], :disabled, [aria-disabled="true"]) {
    background: var(--p-color-field-bg-disabled); border-color: var(--p-color-field-border-disabled); color: var(--p-color-text-disabled); box-shadow: none; cursor: not-allowed;
  }
  .pd-field:is([data-readonly], [readonly]) { background: transparent; border-color: transparent; box-shadow: none; }
  @media (hover: hover) and (pointer: fine) { .pd-field:is([data-readonly], [readonly]):hover { border-color: var(--p-color-field-border-readonly-hover); } }
  .pd-field--search-hidden-label { border-color: var(--p-color-border-control-strong); }
  .pd-field-icon { flex: none; width: var(--p-field-icon-size); height: var(--p-field-icon-size); color: var(--p-color-text-tertiary); }
  
  .pd-clear { opacity: 0; transition: opacity var(--p-field-transition) ease; }
  .pd-field:focus-within .pd-clear:not([hidden]) { opacity: 1; }
  @media (hover: hover) and (pointer: fine) { .pd-field:hover .pd-clear:not([hidden]) { opacity: 1; } }

  
  .pd-surface {
    --pd-radius: var(--p-overlay-radius-menu);
    background: var(--p-overlay-bg);
    border-radius: var(--pd-radius);
    padding: var(--p-overlay-padding);
    box-shadow: var(--p-shadow-overlay-ring), var(--p-shadow-overlay-highlight), var(--p-shadow-overlay);
    color: var(--p-color-text-primary);
    outline: none;
  }
  .pd-surface[data-kind="popover"] { --pd-radius: var(--p-overlay-radius-popover); }
  .pd-surface[data-kind="toast"] { --pd-radius: var(--p-overlay-radius-toast); padding: var(--p-overlay-toast-padding-y) var(--p-overlay-toast-padding-x); }
  .pd-surface[data-kind="dialog"] { --pd-radius: var(--p-overlay-radius-dialog); padding: var(--p-overlay-dialog-padding); box-shadow: var(--p-shadow-dialog), var(--p-shadow-overlay-highlight); }
  .pd-scrim { background: var(--p-scrim-dialog); -webkit-backdrop-filter: blur(var(--p-overlay-blur)); backdrop-filter: blur(var(--p-overlay-blur)); }
  .pd-tooltip {
    background: var(--p-tooltip-bg); color: var(--p-tooltip-fg); border-radius: var(--p-tooltip-radius);
    padding: var(--p-tooltip-padding-y) var(--p-tooltip-padding-x); font-size: var(--p-tooltip-size); line-height: var(--p-tooltip-line-height);
    max-width: var(--p-tooltip-max-width); letter-spacing: var(--p-type-tracking-xs);
  }

  
  .pd-item {
    display: flex; align-items: center; gap: var(--p-overlay-item-gap); box-sizing: border-box;
    min-height: var(--p-overlay-item-height); padding-inline: var(--p-overlay-item-padding-x);
    border-radius: var(--p-overlay-item-radius); font-size: var(--p-field-font-size); line-height: var(--p-field-line-height);
    letter-spacing: var(--p-type-tracking-sm); color: var(--p-color-text-primary); cursor: default; user-select: none; outline: none;
  }
  [data-density="compact"] .pd-item, .pd-item[data-compact] { min-height: var(--p-overlay-item-height-compact); }
  .pd-item > svg, .pd-item-icon { flex: none; width: 16px; height: 16px; color: var(--p-color-text-tertiary); }
  .pd-item:is([data-highlighted], [data-active], :focus-visible, [aria-selected="true"]) { background: var(--p-overlay-highlight); }
  @media (hover: hover) and (pointer: fine) { .pd-item:hover { background: var(--p-overlay-highlight); } }
  .pd-item[data-destructive] { color: var(--p-color-danger-text); }
  .pd-item[data-destructive] > svg { color: currentColor; }
  .pd-item:is([data-disabled], [aria-disabled="true"]) { color: var(--p-color-text-disabled); pointer-events: none; }
  .pd-item-shortcut, .pd-kbd { margin-inline-start: auto; font-size: 12px; line-height: 16px; color: var(--p-color-text-tertiary); font-variant-numeric: tabular-nums; font-family: inherit; letter-spacing: 0; }
  .pd-item-check { margin-inline-start: auto; width: 16px; height: 16px; color: var(--p-color-text-primary); }
  .pd-separator { height: 1px; background: var(--p-overlay-separator); margin: var(--p-overlay-separator-margin) calc(-1 * var(--p-overlay-padding)); border: 0; }
  .pd-group-label { padding: var(--p-overlay-group-label-padding-top) var(--p-overlay-item-padding-x) var(--p-overlay-group-label-padding-bottom); font-size: 12px; line-height: 16px; font-weight: 500; color: var(--p-color-text-tertiary); }
  .pd-search-input { box-sizing: border-box; width: 100%; height: 36px; border: 0; border-bottom: 1px solid var(--p-overlay-separator); background: transparent; padding-inline: var(--p-overlay-item-padding-x); font: inherit; font-size: var(--p-field-font-size); color: inherit; outline: none; }

  
  .pd-focus-ring:focus-visible, .pd-focus-ring[data-focus-visible] { outline: none; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  

  
  .pd-btn {
    --pd-h: var(--p-button-size-md);
    display: inline-flex; align-items: center; justify-content: center; gap: var(--p-button-icon-gap); box-sizing: border-box;
    min-height: var(--pd-h); padding-inline: 12px; border: 1px solid transparent; border-radius: var(--p-button-radius);
    font: inherit; font-size: var(--p-button-font-size); line-height: 20px; font-weight: var(--p-button-font-weight); letter-spacing: var(--p-type-tracking-sm);
    cursor: pointer; user-select: none; text-decoration: none;
    transition: background-color var(--p-field-transition) ease, border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease;
  }
  .pd-btn[data-size="sm"] { --pd-h: var(--p-button-size-sm); padding-inline: 10px; }
  .pd-btn[data-size="lg"] { --pd-h: var(--p-button-size-lg); padding-inline: 14px; font-size: var(--p-button-font-size-lg); }
  .pd-btn > svg { flex: none; width: var(--p-button-icon-size); height: var(--p-button-icon-size); }
  .pd-btn:focus-visible, .pd-btn[data-focus-visible] { outline: none; border-color: var(--p-color-button-focus-border); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  .pd-btn:is(:disabled, [aria-disabled="true"], [data-disabled]) { opacity: var(--p-opacity-disabled); cursor: not-allowed; box-shadow: none; }
  .pd-btn--primary { background: var(--p-color-text-primary); color: var(--p-color-text-inverse); box-shadow: var(--p-shadow-button-primary); }
  @media (hover: hover) and (pointer: fine) { .pd-btn--primary:hover:not(:disabled) { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 14%); } }
  .pd-btn--primary:active:not(:disabled) { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 24%); }
  .pd-btn--secondary { background: var(--p-button-secondary-bg); border-color: var(--p-color-border-control); color: var(--p-color-text-primary); box-shadow: var(--p-shadow-control); }
  @media (hover: hover) and (pointer: fine) { .pd-btn--secondary:hover:not(:disabled) { background: var(--p-button-secondary-bg-hover); border-color: var(--p-color-border-control-hover); } }
  .pd-btn--secondary:active:not(:disabled) { background: var(--p-button-ghost-bg-hover); }
  .pd-btn--ghost { background: transparent; color: var(--p-color-text-primary); }
  @media (hover: hover) and (pointer: fine) { .pd-btn--ghost:hover:not(:disabled) { background: var(--p-button-ghost-bg-hover); } }
  .pd-btn--ghost:active:not(:disabled) { background: var(--p-button-ghost-bg-pressed); }
  .pd-btn--destructive { background: var(--p-color-danger-solid); color: var(--p-color-danger-on-solid); box-shadow: inset 0 1px 0 var(--p-color-white-a10), 0 1px 2px var(--p-color-ink-a10); }
  @media (hover: hover) and (pointer: fine) { .pd-btn--destructive:hover:not(:disabled) { background: color-mix(in oklab, var(--p-color-danger-solid), #000 8%); } }
  .pd-btn--destructive:active:not(:disabled) { background: color-mix(in oklab, var(--p-color-danger-solid), #000 16%); }
  .pd-btn--destructive:focus-visible { box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button-danger); border-color: var(--p-color-danger-solid); }

  @media (forced-colors: active) {
    .pd-field, .pd-btn--secondary { border-color: ButtonBorder; }
    .pd-field:is(:focus, :focus-visible, :focus-within) { outline: 2px solid Highlight; }
    .pd-surface { border: 1px solid CanvasText; }
  }
  @media (prefers-reduced-motion: reduce) { .pd-field, .pd-btn, .pd-clear { transition: none; } }
  [data-reduced-motion="true"] :is(.pd-field, .pd-btn, .pd-clear) { transition: none; }
}

@layer plain-components {
  [data-plain="button"] {
    --_h: var(--p-button-size-md);
    --_px: 12px;
    --_fs: var(--p-button-font-size);
    --_lh: 20px;
    --_bg: transparent; --_fg: var(--p-color-text-primary); --_bd: transparent; --_sh: 0 0 0 0 transparent;
    --_sel: var(--p-color-accent-solid);
    position: relative;
    display: inline-flex; align-items: center; justify-content: center; gap: var(--p-button-icon-gap);
    box-sizing: border-box;
    min-height: var(--_h); min-width: var(--_h); max-width: 100%;
    padding: 0 var(--_px);
    border: var(--p-stroke-default) solid var(--_bd);
    border-radius: var(--p-button-radius);
    background: var(--_bg); color: var(--_fg); box-shadow: var(--_sh);
    font: inherit; font-size: calc(var(--_fs) * var(--p-ts)); line-height: calc(var(--_lh) * var(--p-ts));
    font-weight: var(--p-button-font-weight); letter-spacing: var(--p-type-tracking-sm);
    white-space: nowrap; word-break: keep-all;
    cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
    transition: background-color var(--p-field-transition) ease, border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease, color var(--p-field-transition) ease, transform var(--p-motion-duration-press-out) var(--p-motion-easing-standard);
  }
  [data-plain="button"][data-size="sm"] { --_h: var(--p-button-size-sm); --_px: 10px; }
  [data-plain="button"][data-size="lg"] { --_h: var(--p-button-size-lg); --_px: 14px; --_fs: var(--p-button-font-size-lg); }
  
  [data-pointer="coarse"] [data-plain="button"] { --_fs: max(var(--p-type-body-l-size, 15px), var(--p-button-font-size)); letter-spacing: var(--p-type-tracking-md); }
  [data-business="b2c"][data-pointer="coarse"] [data-plain="button"] { --_fs: max(15px, var(--p-button-font-size)); }
  [data-plain="button"][data-width="full"] { display: flex; width: 100%; }
  [data-plain="button"] [data-slot="label"] { overflow: hidden; text-overflow: ellipsis; min-width: 0; }
  [data-plain="button"] svg[data-slot] { flex: none; }

  
  [data-plain="button"]::after {
    content: ""; position: absolute; left: 0; right: 0;
    top: min(0px, calc((var(--_h) - var(--p-size-target-min)) / 2));
    bottom: min(0px, calc((var(--_h) - var(--p-size-target-min)) / 2));
  }
  [data-pointer="coarse"] [data-plain="button"]::after,
  [data-plain="button"]:where([data-pointer="coarse"] *)::after {
    top: min(0px, calc((var(--_h) - var(--p-size-target-coarse)) / 2));
    bottom: min(0px, calc((var(--_h) - var(--p-size-target-coarse)) / 2));
  }
  [data-plain="button"][data-icon-only]::after { left: min(0px, calc((var(--_h) - var(--p-size-target-min)) / 2)); right: min(0px, calc((var(--_h) - var(--p-size-target-min)) / 2)); }
  [data-pointer="coarse"] [data-plain="button"][data-icon-only]::after { left: min(0px, calc((var(--_h) - var(--p-size-target-coarse)) / 2)); right: min(0px, calc((var(--_h) - var(--p-size-target-coarse)) / 2)); }

  
  [data-plain="button"][data-variant="primary"] { --_bg: var(--_sel); --_fg: var(--p-color-text-on-accent); --_bd: transparent; --_sh: var(--p-shadow-button-primary); }
  [data-plain="button"][data-variant="secondary"] { --_bg: var(--p-button-secondary-bg); --_fg: var(--p-color-text-primary); --_bd: var(--p-color-border-control); --_sh: var(--p-shadow-control); }
  [data-plain="button"][data-variant="tertiary"] { --_bg: var(--p-color-accent-tint); --_fg: var(--p-color-accent-text); --_bd: transparent; }
  [data-plain="button"][data-variant="ghost"] { --_bg: transparent; --_fg: var(--p-color-text-primary); --_bd: transparent; }
  [data-plain="button"][data-variant="destructive"] { --_bg: var(--p-color-danger-solid); --_fg: var(--p-color-danger-on-solid); --_bd: transparent; --_sh: inset 0 1px 0 var(--p-color-white-a10), 0 1px 2px var(--p-color-ink-a10); }

  @media (hover: hover) and (pointer: fine) {
    [data-plain="button"][data-hovered][data-variant="primary"] { --_bg: color-mix(in oklab, var(--_sel), var(--p-color-text-inverse) 14%); }
    [data-plain="button"][data-hovered][data-variant="secondary"] { --_bg: color-mix(in oklab, var(--p-button-secondary-bg), var(--p-color-text-primary) 3%); --_bd: var(--p-color-border-control-hover); }
    [data-plain="button"][data-hovered][data-variant="ghost"] { --_bg: var(--p-button-ghost-bg-hover); }
    [data-plain="button"][data-hovered][data-variant="tertiary"] { --_bg: color-mix(in oklab, var(--p-color-accent-tint), var(--p-color-accent-solid) 6%); }
    [data-plain="button"][data-hovered][data-variant="destructive"] { --_bg: color-mix(in oklab, var(--p-color-danger-solid), black 8%); }
  }
  [data-plain="button"][data-pressed][data-variant="primary"] { --_bg: color-mix(in oklab, var(--_sel), var(--p-color-text-inverse) 24%); }
  [data-plain="button"][data-pressed][data-variant="secondary"] { --_bg: color-mix(in oklab, var(--p-button-secondary-bg), var(--p-color-text-primary) 6%); }
  [data-plain="button"][data-pressed][data-variant="ghost"] { --_bg: var(--p-button-ghost-bg-pressed); }
  [data-plain="button"][data-pressed][data-variant="tertiary"] { --_bg: color-mix(in oklab, var(--p-color-accent-tint), var(--p-color-accent-solid) 12%); }
  [data-plain="button"][data-pressed][data-variant="destructive"] { --_bg: color-mix(in oklab, var(--p-color-danger-solid), black 16%); }
  
  [data-plain="button"][data-focus-visible] { outline: 0; border-color: var(--p-color-button-focus-border); box-shadow: var(--_sh), 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  [data-plain="button"][data-focus-visible][data-variant="destructive"] { border-color: var(--p-color-danger-solid); box-shadow: var(--_sh), 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button-danger); }
  
  [data-plain="button"][data-pointer-pressed]:not([aria-haspopup]):not([aria-expanded]):not([role="combobox"]):not([data-popup-open]) {
    transform: scale(var(--p-motion-press-scale));
    transition-duration: var(--p-field-transition), var(--p-field-transition), var(--p-field-transition), var(--p-field-transition), var(--p-motion-duration-press-in);
  }

  
  [data-plain="button"][data-disabled] { opacity: var(--p-opacity-disabled); cursor: not-allowed; transform: none; --_sh: 0 0 0 0 transparent; }
  
  [data-plain="button"][data-variant="primary"][data-disabled] {
    --_bg: color-mix(in oklab, var(--_sel) calc(var(--p-opacity-accent-disabled) * 100%), var(--p-color-bg-default)); --_bd: transparent;
    --_fg: var(--p-color-text-on-accent); opacity: 1;
  }
  [data-plain="button"][data-variant="secondary"][data-disabled] { --_bg: var(--p-color-field-bg-disabled); --_bd: var(--p-color-field-border-disabled); --_fg: var(--p-color-text-disabled); opacity: 1; }
  
  :is([data-business="b2c"], [data-business="game"]) [data-plain="button"][data-size="lg"] { --_h: var(--p-size-cta); --_fs: var(--p-type-title-s-size); --_lh: var(--p-type-title-s-line-height); border-radius: var(--p-radius-cta, var(--p-button-radius)); font-weight: var(--p-type-title-s-weight); }
  [data-plain="button"][data-loading] { cursor: progress; }

  
  [data-plain="button"] [data-slot="spinner"] { position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; }
  [data-plain="button"] [data-slot="spinner"] .p-spinner svg { width: 14px; height: 14px; }
  
  [data-plain="button"] [data-slot="spinner"], [data-plain="button"] > :not([data-slot="spinner"]):not([data-plain-vh]) { transition: opacity var(--p-motion-duration-swap) var(--p-motion-easing-exit), filter var(--p-motion-duration-swap) var(--p-motion-easing-exit); }
  [data-plain="button"] [data-slot="spinner"] .p-spinner { opacity: 1; }
  [data-plain="button"][data-loading]:not([data-spinner]) [data-slot="spinner"] { opacity: 0; filter: blur(2px); }
  [data-plain="button"][data-loading][data-spinner] > :not([data-slot="spinner"]):not([data-plain-vh]) { opacity: 0; filter: blur(2px); }

  [data-reduced-motion="true"] [data-plain="button"][data-pointer-pressed] { transform: none !important; }
  @media (prefers-reduced-motion: reduce) { [data-plain="button"] [data-slot="spinner"], [data-plain="button"] > :not([data-slot="spinner"]):not([data-plain-vh]) { transition: opacity 100ms ease; filter: none !important; } }
  [data-reduced-motion="true"] [data-plain="button"] [data-slot="spinner"], [data-reduced-motion="true"] [data-plain="button"] > :not([data-slot="spinner"]):not([data-plain-vh]) { transition: opacity 100ms ease; filter: none !important; }
  @media (prefers-reduced-motion: reduce) { [data-plain="button"][data-pointer-pressed] { transform: none !important; } }
}

@layer plain-components {
  
  :is([data-business="b2c"], [data-business="game"]) [data-plain="button"] { --_sel: var(--p-color-accent-action); }
  :is([data-business="b2c"], [data-business="game"]) [data-plain="button"][data-hovered][data-variant="primary"] { --_bg: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 8%); }
  :is([data-business="b2c"], [data-business="game"]) [data-plain="button"][data-pressed][data-variant="primary"] { --_bg: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 16%); }
  :is([data-business="b2c"], [data-business="game"]) [data-plain="button"][data-variant="primary"], :is([data-business="b2c"], [data-business="game"]) [data-plain="button"][data-variant="primary"][data-disabled] { --_fg: var(--p-color-accent-on-action); }
}

@layer plain-components {
  [data-plain="button"][data-icon-only] { --_px: 0; width: var(--_h); padding: 0; height: var(--_h); }
  [data-plain="button"][data-icon-only][data-variant="ghost"] { --_fg: var(--p-color-text-secondary); }
  [data-plain="button"][data-icon-only][data-variant="ghost"][data-hovered],
  [data-plain="button"][data-icon-only][data-variant="ghost"][data-pressed-toggle] { --_fg: var(--p-color-text-primary); }
  [data-plain="button"][data-icon-only][data-pressed-toggle][data-variant="ghost"] { --_bg: var(--p-color-ink-a8); }
  [data-plain="button"][data-icon-only][data-pressed-toggle][data-variant="secondary"] { --_bg: var(--p-color-ink-a8); --_bd: var(--p-color-border-control-hover); }
  
}

@layer plain-components {
  [data-plain="link"] {
    color: var(--p-color-text-link); font: inherit; border-radius: var(--p-radius-4);
    text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 0.22em; letter-spacing: var(--p-type-tracking-sm); font-variant-numeric: tabular-nums;
    text-decoration-color: color-mix(in oklab, currentColor, transparent 60%);
    cursor: pointer; word-break: keep-all;
    transition: text-decoration-color var(--p-motion-duration-hover) var(--p-motion-easing-standard), color var(--p-motion-duration-hover) var(--p-motion-easing-standard);
  }
  [data-plain="link"][data-size="sm"] { font-size: var(--p-type-body-s-size); line-height: var(--p-type-body-s-line-height); }
  [data-plain="link"][data-size="md"] { font-size: var(--p-type-body-m-size); line-height: var(--p-type-body-m-line-height); }
  [data-plain="link"][data-variant="standalone"] { text-decoration-color: transparent; font-weight: var(--p-type-label-m-weight); }
  [data-plain="link"][data-variant="quiet"] { color: var(--p-color-text-secondary); }
  [data-plain="link"][data-hovered] { text-decoration-color: currentColor; }
  [data-plain="link"][data-pressed] { text-decoration-color: currentColor; color: var(--p-color-accent-text-pressed); }
  [data-plain="link"][data-variant="quiet"][data-pressed] { color: var(--p-color-text-primary); }
  [data-plain="link"][data-disabled] { color: var(--p-color-text-disabled); cursor: not-allowed; text-decoration-color: transparent; }
  
  [data-plain="link"][data-focus-visible] { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: 2px; border-radius: 3px; }
  [data-plain="link"] svg[data-slot="external"] { display: inline-block; vertical-align: -0.2em; margin-inline-start: 2px; opacity: .7; }
}

@layer plain-components {
  [data-plain="field"] {
    --_h: var(--p-size-control-md);
    --_fs: var(--p-type-body-m-size);
    --_lh: var(--p-type-body-m-line-height);
    display: flex; flex-direction: column; gap: var(--p-space-6); min-width: 0; text-align: start;
  }
  [data-plain="field"][data-size="sm"] { --_h: var(--p-size-control-sm); }
  [data-plain="field"][data-size="lg"] { --_h: var(--p-size-control-lg); }
  
  [data-pointer="coarse"] [data-plain="field"] { --_h: max(var(--_h-base, var(--p-size-control-md)), var(--p-size-target-coarse)); --_fs: max(16px, var(--p-type-body-m-size)); --_lh: max(22px, var(--p-type-body-m-line-height)); }
  [data-pointer="coarse"] [data-plain="field"][data-size="sm"] { --_h: var(--p-size-target-coarse); }
  [data-pointer="coarse"] [data-plain="field"][data-size="md"] { --_h: max(var(--p-size-control-md), var(--p-size-target-coarse)); }
  [data-pointer="coarse"] [data-plain="field"][data-size="lg"] { --_h: max(var(--p-size-control-lg), var(--p-size-target-coarse)); }

  
  [data-plain="field"] [data-slot="label"] {
    display: flex; align-items: baseline; gap: var(--p-space-6);
    font-size: calc(var(--p-field-label-size) * var(--p-ts)); line-height: calc(var(--p-field-label-line-height) * var(--p-ts));
    font-weight: var(--p-field-label-weight); letter-spacing: var(--p-type-tracking-sm); color: var(--p-color-text-primary);
  }
  [data-plain="field"] [data-slot="optional"] { color: var(--p-color-text-tertiary); font-weight: 400; }
  [data-plain="field"] [data-slot="required"] { color: var(--p-color-danger-text); }

  
  [data-plain="field"] [data-slot="control"] {
    position: relative; display: flex; align-items: center; gap: var(--p-space-8);
    min-height: var(--_h); letter-spacing: var(--p-type-tracking-sm);
    cursor: text;
  }
  [data-plain="field"] [data-slot="control"]:has([data-plain-trigger]) { cursor: pointer; }
  [data-pointer="coarse"] [data-plain="field"] [data-slot="control"] { letter-spacing: var(--p-type-tracking-md); }
  
  [data-pointer="coarse"] [data-plain="field"][data-search] [data-slot="control"]::before,
  [data-pointer="coarse"] [data-plain="field"][data-search] [data-slot="control"]::after { content: ""; position: absolute; inset-inline: 0; }
  [data-pointer="coarse"] [data-plain="field"][data-search] [data-slot="control"]::before { top: min(0px, calc((100% - var(--p-size-target-coarse)) / 2)); bottom: 100%; }
  [data-pointer="coarse"] [data-plain="field"][data-search] [data-slot="control"]::after { top: 100%; bottom: min(0px, calc((100% - var(--p-size-target-coarse)) / 2)); }
  
  [data-plain="field"][data-variant="filled"] [data-slot="control"] { background: var(--p-color-ink-a4); border-color: transparent; box-shadow: none; }
  @media (hover: hover) and (pointer: fine) { [data-plain="field"][data-variant="filled"] [data-slot="control"]:hover:not([data-disabled]) { background: var(--p-color-ink-a6); border-color: transparent; } }
  [data-plain="field"][data-variant="filled"] [data-slot="control"]:is([data-focus-visible], :focus-within, [data-open]) { background: var(--p-color-field-bg); border-color: var(--p-color-field-border-focus); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-field); }
  [data-plain="field"] [data-slot="control"][data-status="warning"] { border-color: var(--p-color-warning-solid); }
  [data-plain="field"] [data-slot="control"][data-status="success"] { border-color: var(--p-color-success-solid); }
  
  [data-plain="field"] [data-slot="control"]:has([data-plain-trigger][data-popup-open]),
  [data-plain="field"] [data-slot="control"]:has([data-plain-trigger]:focus-visible) {
    border-color: var(--p-color-field-border-focus); box-shadow: var(--p-shadow-control), 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-field);
  }
  
  [data-plain="field"][data-denied] [data-slot="control"] { color: var(--p-color-text-secondary); }
  [data-plain="field"][data-denied] [data-plain-input]:disabled { color: var(--p-color-text-secondary); }
  [data-plain="field"] [data-slot="label"][data-hidden] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
  [data-plain="field"][data-disabled] [data-slot="label"] { color: var(--p-color-text-secondary); }
  [data-plain="field"] [data-slot="control"][data-readonly] { cursor: default; }

  
  [data-plain="field"] [data-slot="prefix"], [data-plain="field"] [data-slot="suffix"] {
    display: inline-flex; align-items: center; gap: var(--p-space-4); flex: none; color: var(--p-color-text-tertiary);
    font-size: calc(var(--_fs) * var(--p-ts)); line-height: calc(var(--_lh) * var(--p-ts));
  }
  [data-plain="field"] [data-slot="prefix"] > svg, [data-plain="field"] [data-slot="suffix"] > svg { width: var(--p-field-icon-size); height: var(--p-field-icon-size); }
  
  [data-plain="field"] :is([data-slot="reveal"], [data-slot="clear"]) {
    position: relative; display: inline-grid; place-items: center; flex: none; width: 20px; height: 20px; margin: 0 -2px 0 0; padding: 0;
    border: 0; border-radius: var(--p-radius-4); background: transparent; color: var(--p-color-text-tertiary); cursor: pointer;
    transition: background-color var(--p-field-transition) ease, color var(--p-field-transition) ease, opacity var(--p-field-transition) ease;
  }
  [data-plain="field"] :is([data-slot="reveal"], [data-slot="clear"])::after { content: ""; position: absolute; inset: -2px; }
  [data-pointer="coarse"] [data-plain="field"] :is([data-slot="reveal"], [data-slot="clear"])::after { inset: -12px; }
  [data-plain="field"] :is([data-slot="reveal"], [data-slot="clear"]) svg { width: 14px; height: 14px; }
  [data-plain="field"] [data-slot="reveal"] svg { width: 16px; height: 16px; }
  @media (hover: hover) and (pointer: fine) {
    [data-plain="field"] :is([data-slot="reveal"], [data-slot="clear"]):hover:not(:disabled) { background: var(--p-color-ink-a6); color: var(--p-color-text-primary); }
    
    [data-plain="field"] [data-slot="clear"] { opacity: 0; }
    [data-plain="field"] [data-slot="control"]:is(:hover, :focus-within) [data-slot="clear"]:not([hidden]) { opacity: 1; }
  }
  [data-plain="field"] :is([data-slot="reveal"], [data-slot="clear"]):active:not(:disabled) { background: var(--p-color-ink-a10); }
  [data-plain="field"] :is([data-slot="reveal"], [data-slot="clear"]):focus-visible { outline: 0; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  [data-plain="field"] [data-slot="clear"][hidden] { display: none; }

  
  [data-plain="field"] [data-slot="message"] {
    display: flex; align-items: flex-start; justify-content: space-between; gap: var(--p-space-8);
    font-size: calc(var(--p-field-description-size) * var(--p-ts)); line-height: calc(var(--p-field-description-line-height) * var(--p-ts));
    letter-spacing: var(--p-type-tracking-xs); color: var(--p-color-text-secondary);
    text-wrap: balance; 
  }
  [data-plain="field"] [data-slot="message"][data-reserve] { min-height: calc(var(--p-field-description-line-height) * var(--p-ts)); }
  [data-plain="field"] [data-slot="message"] > div, [data-plain="field"] [data-slot="message"] > p { display: flex; align-items: flex-start; gap: 6px; margin: 0; min-width: 0; }
  [data-plain="field"] [data-slot="message"] svg { flex: none; width: 14px; height: 14px; margin-top: 1px; }
  [data-plain="field"] [data-slot="message"] [data-tone="error"] { color: var(--p-color-danger-text); }
  [data-plain="field"] [data-slot="message"] [data-tone="warning"] { color: var(--p-color-warning-text); }
  [data-plain="field"] [data-slot="message"] [data-tone="success"] { color: var(--p-color-success-text); }
  [data-plain="field"] [data-slot="trailing"] { margin-inline-start: auto; flex: none; font-variant-numeric: tabular-nums; color: var(--p-color-text-tertiary); }
  [data-plain="field"] [data-slot="trailing"] [data-near] { color: var(--p-color-warning-text); }
  [data-plain="field"] [data-slot="trailing"] [data-over] { color: var(--p-color-danger-text); }
  [data-plain="field"] [data-slot="action"] { margin-inline-start: var(--p-space-4); border: 0; background: transparent; padding: 0; font: inherit; color: var(--p-color-text-link); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; border-radius: 2px; }
}

@layer plain-components {
  
  [data-plain-portal] { display: contents; }
  [data-plain-backdrop] { position: fixed; inset: 0; pointer-events: none; }
  [data-plain-positioner] { z-index: var(--p-z-popover); outline: 0; }
  [data-plain-popup] {
    box-sizing: border-box; width: var(--anchor-width); min-width: var(--anchor-width); max-width: min(var(--available-width, 100vw), max(var(--anchor-width), 320px));
    background: var(--p-overlay-bg); color: var(--p-color-text-primary); border: 0;
    border-radius: var(--p-overlay-radius-menu); box-shadow: var(--p-shadow-overlay-ring), var(--p-shadow-overlay-highlight), var(--p-shadow-overlay); font-family: var(--p-font-family-sans);
    letter-spacing: var(--p-type-tracking-sm);
    --_x: 0px; --_y: 0px;
    transform-origin: var(--transform-origin); outline: 0;
    transition: opacity var(--p-motion-overlay-menu-fade-in) var(--p-motion-easing-enter), transform var(--p-motion-overlay-menu-in) var(--p-motion-easing-enter);
  }
  [data-plain-popup][data-side="bottom"] { --_y: calc(var(--p-motion-overlay-menu-rise) * -1); }
  [data-plain-popup][data-side="top"] { --_y: var(--p-motion-overlay-menu-rise); }
  [data-plain-popup][data-side="left"] { --_x: var(--p-motion-overlay-menu-rise); }
  [data-plain-popup][data-side="right"] { --_x: calc(var(--p-motion-overlay-menu-rise) * -1); }
  [data-plain-popup]:lang(ko) { font-family: var(--p-font-family-hangul); }
  [data-plain-popup][data-starting-style] { opacity: 0; transform: translate(var(--_x), var(--_y)) scale(var(--p-motion-overlay-menu-scale-in)); }
  [data-plain-popup][data-ending-style] {
    opacity: 0; transform: translate(calc(var(--_x) * 0.5), calc(var(--_y) * 0.5)) scale(var(--p-motion-overlay-menu-scale-out));
    transition-duration: var(--p-motion-overlay-menu-out); transition-timing-function: var(--p-motion-easing-standard);
  }
  
  [data-input="keyboard"] [data-plain-popup] { transition-duration: 0ms; }
  [data-input="keyboard"] [data-plain-popup]:is([data-starting-style], [data-ending-style]) { transform: none; }
  [data-plain-list] { box-sizing: border-box; max-height: min(var(--available-height, 320px), 320px); overflow-y: auto; overscroll-behavior: contain; padding: var(--p-overlay-padding); outline: 0; scrollbar-width: thin; }
  [data-plain-item] {
    display: flex; align-items: center; gap: var(--p-overlay-item-gap); box-sizing: border-box; min-height: var(--p-overlay-item-height); padding: 0 var(--p-overlay-item-padding-x);
    border-radius: var(--p-overlay-item-radius); cursor: default; user-select: none; outline: 0;
    font-size: calc(var(--p-field-font-size) * var(--p-ts)); line-height: calc(var(--p-field-line-height) * var(--p-ts)); color: var(--p-color-text-primary); font-variant-numeric: tabular-nums;
  }
  [data-density="compact"] [data-plain-item] { min-height: var(--p-overlay-item-height-compact); }
  
  [data-plain-item] [data-slot="check"] { display: inline-flex; flex: none; order: 2; width: 16px; height: 16px; margin-inline-start: auto; }
  [data-plain-item] [data-slot="check"] svg { flex: none; width: 16px; height: 16px; }
  [data-plain-item] [data-slot="text"] { flex: 1; min-width: 0; overflow-wrap: break-word; }
  [data-plain-item][data-highlighted] { background: var(--p-overlay-highlight); }
  [data-plain-item][data-disabled] { color: var(--p-color-text-disabled); cursor: not-allowed; }
  [data-plain-status] { display: flex; align-items: center; gap: var(--p-space-8); padding: 8px 12px; color: var(--p-color-text-secondary); font-size: calc(var(--p-field-description-size) * var(--p-ts)); line-height: calc(var(--p-field-description-line-height) * var(--p-ts)); }
  [data-plain-status][data-tone="error"] { color: var(--p-color-danger-text); }
  [data-plain-status] button { margin-inline-start: auto; border: 0; background: transparent; color: var(--p-color-text-link); font: inherit; cursor: pointer; padding: 0 var(--p-space-4); text-decoration: underline; }
  [data-reduced-motion="true"] [data-plain-popup] { transition: none; }

  
  [data-pointer="coarse"] [data-plain-backdrop] { pointer-events: auto; z-index: calc(var(--p-z-popover) - 1); background: var(--p-color-scrim); }
  [data-pointer="coarse"] [data-plain-positioner] { position: fixed !important; inset: auto 0 0 0 !important; top: auto !important; left: 0 !important; right: 0 !important; bottom: 0 !important; transform: none !important; width: 100% !important; max-width: none !important; }
  [data-pointer="coarse"] [data-plain-popup] { min-width: 0; width: 100%; max-width: none; border-radius: var(--p-radius-sheet) var(--p-radius-sheet) 0 0; padding-bottom: env(safe-area-inset-bottom); }
  [data-pointer="coarse"] [data-plain-list] { max-height: 60dvh; padding: var(--p-space-8); }
  [data-pointer="coarse"] [data-plain-item] { min-height: var(--p-size-target-coarse); font-size: max(16px, calc(var(--p-type-body-m-size) * var(--p-ts))); }
  [data-pointer="coarse"] [data-plain-popup][data-starting-style], [data-pointer="coarse"] [data-plain-popup][data-ending-style] { transform: translateY(24px); }
  [data-pointer="coarse"] [data-plain-popup] { transition-duration: var(--p-motion-sheet-close); }
  [data-pointer="coarse"] [data-plain-popup][data-starting-style] { transition-duration: var(--p-motion-sheet-open); }
  
  [data-input="keyboard"][data-pointer="coarse"] [data-plain-popup], [data-input="keyboard"] [data-pointer="coarse"] [data-plain-popup], [data-pointer="coarse"] [data-input="keyboard"] [data-plain-popup] { transition-duration: 0ms; }
  [data-input="keyboard"][data-pointer="coarse"] [data-plain-popup]:is([data-starting-style], [data-ending-style]), [data-input="keyboard"] [data-pointer="coarse"] [data-plain-popup]:is([data-starting-style], [data-ending-style]), [data-pointer="coarse"] [data-input="keyboard"] [data-plain-popup]:is([data-starting-style], [data-ending-style]) { transform: none; }
}

@layer plain-components {
  [data-plain="field"] [data-plain-input] {
    flex: 1; min-width: 0; align-self: stretch; box-sizing: border-box; margin: 0; padding: 0; border: 0; border-radius: 0; outline: 0;
    background: transparent; color: inherit; font: inherit; letter-spacing: inherit; font-variant-numeric: tabular-nums;
    font-size: calc(var(--_fs) * var(--p-ts)); line-height: calc(var(--_lh) * var(--p-ts));
    text-overflow: ellipsis; caret-color: var(--p-color-focus-ring);
  }
  [data-plain="field"] [data-plain-input]::selection, [data-plain="field"] textarea::selection { background: color-mix(in oklab, var(--p-color-focus-ring) 24%, transparent); }
  [data-plain="field"] [data-plain-input]::placeholder { color: var(--p-color-text-tertiary); opacity: 1; }
  [data-plain="field"] [data-plain-input]:disabled { color: var(--p-color-text-disabled); cursor: not-allowed; -webkit-text-fill-color: currentColor; }
  
  [data-plain="field"] [data-plain-input]:-webkit-autofill,
  [data-plain="field"] [data-plain-input]:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--p-color-text-primary); caret-color: var(--p-color-focus-ring);
    -webkit-box-shadow: 0 0 0 100px var(--p-color-field-bg) inset; box-shadow: 0 0 0 100px var(--p-color-field-bg) inset; transition: background-color 9999s;
  }
  [data-plain="field"] input[type="search"]::-webkit-search-cancel-button, [data-plain="field"] input[type="search"]::-webkit-search-decoration { display: none; -webkit-appearance: none; }
  
  [data-plain="field"] input[type="password"]:not(:placeholder-shown) { letter-spacing: 0.08em; }
  [data-plain="field"] input[type="password"]::-ms-reveal { display: none; }

  
  [data-plain="field"] [data-plain-input]:is([type="date"], [type="time"], [type="datetime-local"]) { -webkit-appearance: none; appearance: none; text-overflow: clip; text-align: start; color-scheme: light dark; }
  [data-theme="dark"] [data-plain="field"] [data-plain-input]:is([type="date"], [type="time"], [type="datetime-local"]) { color-scheme: dark; }
  [data-theme="light"] [data-plain="field"] [data-plain-input]:is([type="date"], [type="time"], [type="datetime-local"]) { color-scheme: light; }
  [data-plain="field"] [data-plain-input]::-webkit-date-and-time-value { text-align: start; min-height: 1em; }
  [data-plain="field"] [data-plain-input]::-webkit-datetime-edit { padding: 0; }
  [data-plain="field"] [data-plain-input]::-webkit-datetime-edit-fields-wrapper { padding: 0; }
  [data-plain="field"] [data-plain-input]::-webkit-calendar-picker-indicator { margin: 0 0 0 var(--p-space-4); padding: 0; cursor: pointer; opacity: .64; }
  [data-plain="field"] [data-plain-input]:disabled::-webkit-calendar-picker-indicator { cursor: not-allowed; opacity: .38; }
  @media (hover: hover) and (pointer: fine) { [data-plain="field"] [data-plain-input]::-webkit-calendar-picker-indicator:hover { opacity: 1; } }

  
  [data-plain="field"] [data-slot="hint-kbd"] { display: inline-flex; align-items: center; height: 18px; padding: 0 6px; border-radius: 4px; background: var(--p-color-ink-a6); color: var(--p-color-text-tertiary); font: inherit; font-size: 11px; line-height: 1; letter-spacing: 0; }
  [data-plain="field"] [data-slot="control"]:focus-within [data-slot="hint-kbd"] { display: none; }

  
  [data-plain="field"] [data-slot="stepper"] { display: inline-flex; flex-direction: column; flex: none; height: calc(var(--_h) - 10px); margin-inline-end: -4px; gap: 0; }
  [data-plain="field"] [data-slot="stepper"] button {
    position: relative; flex: 1; display: grid; place-items: center; width: 20px; min-height: 0; padding: 0; border: 0; background: transparent; color: var(--p-color-text-tertiary); cursor: pointer; border-radius: 4px;
    transition: background-color var(--p-field-transition) ease, color var(--p-field-transition) ease; touch-action: manipulation;
  }
  [data-plain="field"] [data-slot="stepper"] button svg { width: 12px; height: 12px; }
  [data-plain="field"] [data-slot="stepper"] button:disabled { opacity: .35; cursor: not-allowed; }
  [data-plain="field"] [data-slot="stepper"] button:focus-visible { outline: 0; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  @media (hover: hover) and (pointer: fine) {
    [data-plain="field"] [data-slot="stepper"] { opacity: 0; transition: opacity var(--p-field-transition) ease; }
    [data-plain="field"] [data-slot="control"]:is(:hover, :focus-within) [data-slot="stepper"] { opacity: 1; }
    [data-plain="field"] [data-slot="stepper"] button:hover:not(:disabled) { background: var(--p-color-ink-a6); color: var(--p-color-text-primary); }
  }
  [data-plain="field"] [data-slot="stepper"] button:active:not(:disabled) { background: var(--p-color-ink-a10); }
  [data-pointer="coarse"] [data-plain="field"] [data-slot="stepper"] button { width: 32px; }

  
  [data-plain="field"] [data-slot="control"]:has([data-slot="otp"]) { padding: 0; border: 0; background: transparent; box-shadow: none; min-height: 0; }
  [data-plain="field"] [data-slot="control"]:has([data-slot="otp"]):focus-within { border: 0; box-shadow: none; }
  @media (hover: hover) and (pointer: fine) { [data-plain="field"] [data-slot="control"]:has([data-slot="otp"]):hover { border: 0; box-shadow: none; } }
  [data-plain="field"] [data-slot="otp"] { display: flex; gap: var(--p-space-6); }
  [data-plain="field"] [data-slot="otp"] [data-slot="otp-sep"] { align-self: center; width: 8px; height: 1.5px; margin-inline: 2px; border-radius: 1px; background: var(--p-color-ink-a24); }
  [data-plain="field"] [data-slot="otp-cell"] {
    box-sizing: border-box; width: calc(var(--_h) + 4px); height: calc(var(--_h) + 4px); min-width: 0; padding: 0; text-align: center;
    font: inherit; font-size: calc(var(--_fs) * var(--p-ts) + 2px); font-weight: 500; font-variant-numeric: tabular-nums; outline: 0; caret-color: var(--p-color-focus-ring);
    background: var(--p-color-field-bg); color: var(--p-color-text-primary); border: var(--p-stroke-field) solid var(--p-color-border-control); border-radius: var(--p-field-radius-md); box-shadow: var(--p-shadow-control);
    transition: border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease;
  }
  @media (hover: hover) and (pointer: fine) { [data-plain="field"] [data-slot="otp-cell"]:hover:not(:disabled, :focus) { border-color: var(--p-color-border-control-hover); } }
  [data-plain="field"] [data-slot="otp-cell"]:focus { border-color: var(--p-color-field-border-focus); box-shadow: var(--p-shadow-control), 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-field); }
  [data-plain="field"] [data-slot="otp-cell"][aria-invalid="true"] { border-color: var(--p-color-field-border-invalid); }
  [data-plain="field"] [data-slot="otp-cell"][aria-invalid="true"]:focus { box-shadow: var(--p-shadow-control), 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-field-danger); }
  [data-plain="field"] [data-slot="otp-cell"]:disabled { background: var(--p-color-field-bg-disabled); border-color: var(--p-color-field-border-disabled); box-shadow: none; color: var(--p-color-text-disabled); cursor: not-allowed; }
  [data-plain="field"] [data-slot="otp-cell"]::selection { background: transparent; }
  @media (prefers-reduced-motion: reduce) { [data-plain="field"] [data-slot="otp-cell"], [data-plain="field"] [data-slot="stepper"] { transition: none; } }
}

@layer plain-components {
  [data-plain="text-field-consent"] { display: flex; flex-direction: column; gap: var(--p-space-8); min-width: 0; }
  [data-plain="text-field-consent"] [data-slot="consent"] { min-width: 0; word-break: keep-all; text-wrap: pretty; }
}

@layer plain-components {
  [data-plain="field"] [data-slot="control"][data-multiline] { align-items: stretch; padding-block: 8px; }
  [data-plain="field"] textarea[data-plain-input] { resize: vertical; align-self: stretch; padding: 0; min-height: calc(var(--_lh) * var(--p-ts) * 2); max-width: 100%; scrollbar-width: thin; scrollbar-color: var(--p-color-ink-a24) transparent; }
  [data-plain="field"] textarea[data-plain-input][data-autogrow] { resize: none; overflow: hidden; }
  
  [data-plain="field"] [data-slot="trailing"] { font-size: 12px; line-height: 16px; }
}

@layer plain-components {
  [data-plain="field"] [data-plain-trigger] {
    flex: 1; min-width: 0; align-self: stretch; display: flex; align-items: center; justify-content: space-between; gap: var(--p-space-8);
    margin: 0; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; letter-spacing: inherit; text-align: start; cursor: pointer; outline: 0;
    font-size: calc(var(--_fs) * var(--p-ts)); line-height: calc(var(--_lh) * var(--p-ts));
  }
  [data-plain="field"] [data-plain-trigger] [data-slot="value"] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-variant-numeric: tabular-nums; }
  [data-plain="field"] [data-plain-trigger] [data-slot="value"][data-placeholder] { color: var(--p-color-text-tertiary); }
  
  [data-plain="field"] [data-plain-trigger] [data-slot="chevron"] { display: inline-flex; flex: none; color: var(--p-color-text-tertiary); }
  [data-plain="field"] [data-plain-trigger] [data-slot="chevron"] svg, [data-plain="field"] [data-slot="input-group"] [data-slot="chevron"] svg { width: 14px; height: 14px; }
  [data-plain="field"] [data-plain-trigger][data-loading] .p-spinner svg { width: 14px; height: 14px; }
  [data-plain="field"][data-disabled] [data-plain-trigger], [data-plain="field"][data-readonly] [data-plain-trigger] { cursor: not-allowed; }
  [data-plain="field"][data-readonly] [data-plain-trigger] { cursor: default; }
  [data-plain="field"][data-readonly] [data-plain-trigger] [data-slot="chevron"] { visibility: hidden; }
  [data-plain="field"] [data-slot="control"][data-pressed]:has([data-plain-trigger]):not([data-disabled]) { background: var(--p-color-ink-a3); }
}

@layer plain-components {
  [data-plain-trigger] [data-slot="value"]:has([data-slot="tone"]), [data-plain-item] [data-slot="text"]:has([data-slot="tone"]) { display: inline-flex; align-items: center; gap: 8px; }
  [data-slot="tone"] { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--p-color-text-tertiary); }
  [data-slot="tone"][data-tone="success"] { background: var(--p-color-success-solid); }
  [data-slot="tone"][data-tone="warning"] { background: var(--p-color-warning-solid); }
  [data-slot="tone"][data-tone="danger"] { background: var(--p-color-danger-solid); }
  [data-slot="tone"][data-tone="info"] { background: var(--p-color-info-solid); }
}

@layer plain-components {
  [data-plain="field"] [data-slot="input-group"] { flex: 1; min-width: 0; align-self: stretch; display: flex; align-items: center; gap: var(--p-space-4); }
  [data-plain="field"] [data-slot="input-group"] [data-slot="clear"], [data-plain="field"] [data-slot="input-group"] [data-slot="chevron"] {
    position: relative; display: inline-grid; place-items: center; flex: none; width: 20px; height: 20px; margin: 0; padding: 0; border: 0; border-radius: var(--p-radius-4); background: transparent; color: var(--p-color-text-tertiary); cursor: pointer;
    transition: background-color var(--p-field-transition) ease, color var(--p-field-transition) ease, opacity var(--p-field-transition) ease;
  }
  [data-plain="field"] [data-slot="input-group"] :is([data-slot="clear"], [data-slot="chevron"])::after { content: ""; position: absolute; inset: -2px; }
  [data-plain="field"] [data-slot="input-group"] [data-slot="clear"] svg { width: 14px; height: 14px; }
  [data-pointer="coarse"] [data-plain="field"] [data-slot="input-group"] :is([data-slot="clear"], [data-slot="chevron"])::after { inset: -12px; }
  @media (hover: hover) and (pointer: fine) {
    [data-plain="field"] [data-slot="input-group"] :is([data-slot="clear"], [data-slot="chevron"]):hover { background: var(--p-color-ink-a6); color: var(--p-color-text-primary); }
    [data-plain="field"] [data-slot="input-group"] [data-slot="clear"] { opacity: 0; }
    [data-plain="field"] [data-slot="control"]:is(:hover, :focus-within) [data-slot="input-group"] [data-slot="clear"]:not([hidden]) { opacity: 1; }
  }
  [data-plain="field"] [data-slot="input-group"] button:focus-visible { outline: 0; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  [data-plain="field"] [data-slot="input-group"] [data-slot="clear"][hidden] { display: none; }
  
  [data-plain="field"] [data-slot="chips"] { flex: 1; min-width: 0; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 4px; padding-block: 4px; }
  [data-plain="field"] [data-slot="chips"] [data-plain-input] { flex: 1 1 80px; min-width: 80px; align-self: auto; min-height: 22px; }
  [data-plain="field"] [data-slot="chip"] {
    display: inline-flex; flex: none; align-items: center; gap: 2px; max-width: 100%; box-sizing: border-box; height: 22px; padding: 0 2px 0 8px; border-radius: 6px;
    background: var(--p-color-ink-a6); box-shadow: inset 0 0 0 1px var(--p-color-ink-a6); color: var(--p-color-text-primary);
    font-size: 13px; line-height: 20px; letter-spacing: var(--p-type-tracking-sm); outline: 0;
  }
  [data-plain="field"] [data-slot="chip"] > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  [data-plain="field"] [data-slot="chip"][data-highlighted] { background: var(--p-color-ink-a10); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-field); }
  [data-plain="field"] [data-slot="chip-remove"] { position: relative; display: inline-grid; place-items: center; width: 18px; height: 18px; padding: 0; border: 0; border-radius: 4px; background: transparent; color: var(--p-color-text-tertiary); cursor: pointer; transition: background-color var(--p-field-transition) ease, color var(--p-field-transition) ease; }
  [data-plain="field"] [data-slot="chip-remove"] svg { width: 12px; height: 12px; }
  [data-plain="field"] [data-slot="chip-remove"]::after { content: ""; position: absolute; inset: -3px; }
  @media (hover: hover) and (pointer: fine) { [data-plain="field"] [data-slot="chip-remove"]:hover { background: var(--p-color-ink-a10); color: var(--p-color-text-primary); } }
  [data-plain-popup][data-static] { position: static; min-width: 0; width: min(100%, 320px); margin-top: var(--p-space-4); }
  [data-plain-status-region] { display: block; }

  
  [data-plain-item]:has([data-slot="detail"]) { padding-block: 6px; }
  [data-plain-item] [data-slot="text"]:has([data-slot="detail"]) { display: flex; flex-direction: column; }
  [data-plain-item] [data-slot="detail"] { color: var(--p-color-text-secondary); font-size: calc(var(--p-field-description-size) * var(--p-ts)); line-height: calc(var(--p-field-description-line-height) * var(--p-ts)); overflow-wrap: anywhere; }
  [data-plain-item][data-disabled] [data-slot="detail"] { color: inherit; }
}

@layer plain-components {
  [data-plain="selection"], [data-plain="radio-group"] { --_sel: var(--p-color-accent-solid); --_box: var(--p-choice-size); --_hit: var(--p-size-target-min, 24px); --_d: max(0px, calc(var(--_hit) - var(--_box))); --_row: var(--p-size-control-md); --_fs: var(--p-type-body-m-size); --_lh: round(up, var(--p-type-body-m-line-height), 2px); min-width: 0; }
  [data-plain="selection"][data-size="lg"] { --_box: 20px; --_row: var(--p-size-control-lg); }
  :is([data-business="b2c"], [data-business="game"]) [data-plain="selection"], :is([data-business="b2c"], [data-business="game"]) [data-plain="radio-group"] { --_sel: var(--p-color-accent-action); }
  :is([data-business="b2c"], [data-business="game"]) [data-plain="selection"] [data-slot="box"] { color: var(--p-color-accent-on-action); }
  :is([data-business="b2c"], [data-business="game"]) [data-plain="selection"][data-kind="radio"] [data-slot="mark"] { background: var(--p-color-accent-on-action); }
  [data-pointer="coarse"] [data-plain="selection"] { --_box: 24px; --_hit: var(--p-size-target-coarse, 44px); --_row: var(--p-size-target-coarse); --_fs: max(16px, var(--p-type-body-m-size)); --_lh: max(24px, var(--p-type-body-m-line-height)); }

  [data-plain="selection"] [data-slot="row"] {
    display: flex; align-items: center; gap: var(--p-space-8); min-height: var(--_row); width: fit-content; max-width: 100%; box-sizing: border-box;
    padding-block: var(--p-space-4); cursor: pointer; user-select: none; border-radius: var(--p-radius-control); -webkit-tap-highlight-color: transparent; touch-action: manipulation;
  }
  
  [data-plain="selection"] { --_bw: var(--p-stroke-default); }
  :is([data-business="b2c"], [data-business="game"]) [data-plain="selection"], [data-world="signal"] [data-plain="selection"] { --_bw: max(var(--p-stroke-default), 1.5px); }
  [data-plain="selection"][data-kind="switch"] [data-slot="row"] { gap: var(--p-space-10, 10px); }
  
  [data-plain="selection"]:not([data-kind="switch"]) { --_t1: max(0px, calc((var(--_row) - 2 * var(--p-space-4) - var(--_lh) * var(--p-ts)) / 2)); }
  [data-plain="selection"]:not([data-kind="switch"]) [data-slot="row"] { align-items: flex-start; }
  [data-plain="selection"]:not([data-kind="switch"]) [data-slot="row"] > [data-slot="text"] { margin-block-start: var(--_t1); }
  [data-plain="selection"]:not([data-kind="switch"]) [data-slot="row"] > [data-slot="box"] { margin-block-start: calc(var(--_t1) + (var(--_lh) * var(--p-ts) - var(--_box)) / 2); }
  [data-plain="selection"] [data-slot="text"] { display: flex; flex-direction: column; min-width: 0; }
  [data-plain="selection"] [data-slot="label"] { letter-spacing: var(--p-type-tracking-sm); font-size: calc(var(--_fs) * var(--p-ts)); line-height: calc(var(--_lh) * var(--p-ts)); color: var(--p-color-text-primary); }
  [data-plain="selection"] [data-slot="description"] { font-size: calc(var(--p-type-body-s-size) * var(--p-ts)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts)); color: var(--p-color-text-secondary); }
  [data-plain="selection"] [data-slot="row"][data-focus-visible] { outline: none; }
  [data-plain="selection"][data-kind="switch"] [data-slot="message"] { padding-inline-start: calc(var(--_tw) + var(--p-space-10, 10px)); }
  [data-plain="selection"] [data-slot="row"][data-disabled] { cursor: not-allowed; }
  [data-plain="selection"] [data-slot="row"][data-disabled] [data-slot="label"] { color: var(--p-color-text-disabled); }
  [data-plain="selection"] [data-slot="row"][data-readonly] { cursor: default; }

  
  [data-plain="selection"] [data-slot="box"] {
    position: relative; flex: none; box-sizing: border-box; display: inline-grid; place-items: center; margin: 0; padding: 0;
    margin-inline: round(calc(var(--_d) / -2), 2px); margin-block-end: calc(var(--_d) * -1); translate: 0 calc(var(--_d) / -2);
    width: calc(var(--_box) + var(--_d)); height: calc(var(--_box) + var(--_d)); border: 0; background: transparent; color: var(--p-color-text-on-accent);
    outline: 0; cursor: inherit;
    transition: transform var(--p-motion-duration-press-out) var(--p-motion-easing-standard);
  }
  [data-plain="selection"] [data-slot="box"]::before {
    content: ""; position: absolute; left: 50%; top: 50%; width: var(--_box); height: var(--_box); box-sizing: border-box; translate: -50% -50%;
    border: var(--_bw) solid var(--p-choice-border); background: var(--p-color-field-bg); border-radius: var(--p-choice-radius); box-shadow: var(--p-shadow-choice);
    transition: background-color var(--p-field-transition) ease, border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease;
  }
  [data-plain="selection"][data-kind="radio"] [data-slot="box"]::before { border-radius: var(--p-radius-full); }
  [data-plain="selection"] [data-slot="box"][data-checked]::before, [data-plain="selection"] [data-slot="box"][data-indeterminate]::before {
    background: var(--_sel); border-color: var(--_sel); box-shadow: inset 0 1px 0 var(--p-color-white-a10), var(--p-shadow-choice);
  }
  [data-plain="selection"] [data-slot="mark"] { display: grid; place-items: center; }
  
  [data-plain="selection"]:not([data-kind="radio"]) [data-slot="box"] > [data-slot="mark"] { position: absolute; inset: calc(var(--_d) / 2); }
  [data-plain="selection"][data-kind="radio"] [data-slot="box"] > [data-slot="mark"] { position: relative; }
  
  [data-plain="selection"] [data-slot="mark"] svg { width: 100%; height: 100%; display: block; overflow: visible; }
  [data-plain="selection"] [data-slot="mark"] svg path { fill: none; stroke: currentColor; stroke-width: var(--p-choice-check-stroke); stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 0; animation: p-check-draw var(--p-motion-check-draw) var(--p-motion-easing-standard) both; }
  @keyframes p-check-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
  
  [data-plain="selection"][data-kind="radio"] [data-slot="mark"] { width: var(--p-choice-radio-dot); height: var(--p-choice-radio-dot); border-radius: var(--p-radius-full); background: var(--p-color-text-on-accent); animation: p-radio-dot var(--p-motion-check-draw) var(--p-motion-easing-standard) both; }
  [data-plain="selection"][data-kind="radio"][data-size="lg"] [data-slot="mark"] { width: 8px; height: 8px; }
  @keyframes p-radio-dot { from { transform: scale(0.4); opacity: 0; } to { transform: scale(1); opacity: 1; } }

  @media (hover: hover) and (pointer: fine) {
    [data-plain="selection"] [data-slot="row"][data-hovered] [data-slot="box"]:not([data-checked]):not([data-indeterminate])::before { border-color: color-mix(in oklab, var(--p-choice-border), var(--p-color-text-primary) 25%); background: var(--p-color-ink-a3); }
    [data-plain="selection"] [data-slot="row"][data-hovered] [data-slot="box"]:is([data-checked], [data-indeterminate])::before { background: color-mix(in oklab, var(--_sel), var(--p-color-text-inverse) 14%); border-color: transparent; }
  }
  [data-plain="selection"] [data-slot="row"][data-pointer-pressed] [data-slot="box"] { transform: scale(0.96); }
  [data-plain="selection"] [data-slot="row"][data-pressed] [data-slot="box"]:not([data-checked]):not([data-indeterminate])::before { background: var(--p-color-ink-a6); }
  
  [data-plain="selection"] [data-slot="row"][data-focus-visible] [data-slot="box"] { outline: 0; }
  [data-plain="selection"] [data-slot="row"][data-focus-visible] [data-slot="box"]::before { box-shadow: var(--p-shadow-choice), 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  [data-plain="selection"] [data-slot="row"][data-focus-visible] [data-slot="track"] { outline: 0; }
  [data-plain="selection"] [data-slot="row"][data-focus-visible] [data-slot="track"]::before { box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  [data-plain="selection"] [data-slot="row"][data-invalid] [data-slot="box"]::before { border-color: var(--p-color-field-border-invalid); }
  [data-plain="selection"] [data-slot="row"][data-invalid] [data-slot="box"]:is([data-checked], [data-indeterminate])::before { background: var(--p-color-danger-solid); }
  [data-plain="selection"] [data-slot="row"][data-invalid][data-focus-visible] [data-slot="box"]::before { box-shadow: var(--p-shadow-choice), 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button-danger); }
  [data-plain="selection"] [data-slot="row"][data-disabled] [data-slot="box"] { opacity: var(--p-opacity-disabled); }
  [data-plain="selection"] [data-slot="row"][data-disabled] [data-slot="box"]::before { box-shadow: none; }
  [data-plain="selection"] [data-slot="row"][data-readonly] [data-slot="box"]::before { border-style: dashed; box-shadow: none; }

  
  [data-plain="selection"][data-kind="switch"] { --_tw: var(--p-switch-width); --_th: var(--p-switch-height); --_tp: 2px; --_stretch: var(--p-motion-switch-stretch); }
  :is([data-business="b2c"], [data-business="game"]) [data-plain="selection"][data-kind="switch"] { --_tw: var(--p-switch-width-b2c); --_th: var(--p-switch-height-b2c); --_tp: 2px; --_stretch: 6px; }
  
  [data-plain="selection"][data-kind="switch"] { --_dw: max(0px, calc(var(--_hit) - var(--_tw))); --_dh: max(0px, calc(var(--_hit) - var(--_th))); }
  [data-plain="selection"] [data-slot="track"] {
    position: relative; flex: none; box-sizing: border-box; display: inline-flex; align-items: center; margin: round(calc(var(--_dh) / -2), 2px) round(calc(var(--_dw) / -2), 2px); padding: 0;
    width: calc(var(--_tw) + var(--_dw)); height: calc(var(--_th) + var(--_dh)); border-radius: var(--p-radius-full); border: 0;
    background: transparent; outline: 0; cursor: inherit;
  }
  [data-plain="selection"] [data-slot="track"]::before {
    content: ""; position: absolute; left: 50%; top: 50%; width: var(--_tw); height: var(--_th); translate: -50% -50%; box-sizing: border-box; border-radius: var(--p-radius-full);
    background: var(--p-switch-track-off); box-shadow: inset 0 0 0 1px var(--p-switch-border-off);
    transition: background-color var(--p-motion-duration-base) var(--p-motion-easing-standard), box-shadow var(--p-motion-duration-base) var(--p-motion-easing-standard);
  }
  [data-plain="selection"] [data-slot="track"][data-checked]::before { background: var(--_sel); box-shadow: inset 0 1px 0 var(--p-color-white-a10); }
  [data-plain="selection"] [data-slot="thumb"] {
    position: relative; inset-inline-start: calc(var(--_dw) / 2 + var(--_tp)); display: grid; place-items: center; box-sizing: border-box; width: calc(var(--_th) - var(--_tp) * 2); height: calc(var(--_th) - var(--_tp) * 2); border-radius: var(--p-radius-full);
    background: var(--p-switch-thumb); color: var(--_sel); box-shadow: var(--p-shadow-thumb);
    transition: transform var(--p-motion-switch-thumb) var(--p-motion-easing-standard), width var(--p-motion-switch-thumb) var(--p-motion-easing-standard);
  }
  
  [data-plain="selection"] [data-slot="thumb"] [data-slot="tick"] { display: none; }
  [data-plain="selection"] [data-slot="thumb"] .p-spinner svg { width: 10px; height: 10px; }
  [data-plain="selection"] [data-slot="thumb"][data-checked] { transform: translateX(calc(var(--_tw) - var(--_th))); }
  @media (hover: hover) and (pointer: fine) {
    [data-plain="selection"] [data-slot="row"][data-hovered] [data-slot="track"]:not([data-checked])::before { background: var(--p-color-ink-a24); }
    [data-plain="selection"] [data-slot="row"][data-hovered] [data-slot="track"][data-checked]::before { background: color-mix(in oklab, var(--_sel), var(--p-color-text-inverse) 14%); }
  }
  
  [data-plain="selection"] [data-slot="row"][data-pointer-pressed] [data-slot="thumb"] { width: calc(var(--_th) - var(--_tp) * 2 + var(--_stretch)); }
  [data-plain="selection"] [data-slot="row"][data-pointer-pressed] [data-slot="thumb"][data-checked] { transform: translateX(calc(var(--_tw) - var(--_th) - var(--_stretch))); }
  [data-plain="selection"] [data-slot="row"][data-disabled] [data-slot="track"] { opacity: var(--p-opacity-disabled); }
  [data-plain="selection"] [data-slot="row"][data-invalid] [data-slot="track"]::before { box-shadow: inset 0 0 0 1px var(--p-color-field-border-invalid); }
  [data-plain="selection"] [data-slot="track"] [data-slot="thumb"] .p-spinner { opacity: 1; }
  [data-reduced-motion="true"] [data-plain="selection"] [data-slot="thumb"] { transition: none; }
  [data-reduced-motion="true"] [data-plain="selection"] [data-slot="row"][data-pointer-pressed] [data-slot="thumb"] { width: calc(var(--_th) - var(--_tp) * 2); }
  [data-reduced-motion="true"] [data-plain="selection"] [data-slot="row"][data-pointer-pressed] [data-slot="thumb"][data-checked] { transform: translateX(calc(var(--_tw) - var(--_th))); }
  @media (prefers-reduced-motion: reduce) {
    [data-plain="selection"] [data-slot="row"][data-pointer-pressed] [data-slot="thumb"] { width: calc(var(--_th) - var(--_tp) * 2); }
    [data-plain="selection"] [data-slot="row"][data-pointer-pressed] [data-slot="thumb"][data-checked] { transform: translateX(calc(var(--_tw) - var(--_th))); }
  }

  
  @media (forced-colors: active) {
    [data-plain-root] [data-plain="selection"] [data-slot="box"], [data-plain-root] [data-plain="selection"] [data-slot="box"][data-checked], [data-plain-root] [data-plain="selection"] [data-slot="box"][data-indeterminate], [data-plain-root] [data-plain="selection"][data-kind="radio"] [data-slot="box"][data-checked], [data-plain-root] [data-plain="selection"] [data-slot="track"], [data-plain-root] [data-plain="selection"] [data-slot="track"][data-checked] { background: transparent; border: 0; }
    [data-plain-root] [data-plain="selection"] [data-slot="box"]::before, [data-plain-root] [data-plain="selection"] [data-slot="track"]::before { border: 1px solid ButtonText; }
    [data-plain-root] [data-plain="selection"] [data-slot="box"][data-checked]::before, [data-plain-root] [data-plain="selection"] [data-slot="box"][data-indeterminate]::before, [data-plain-root] [data-plain="selection"] [data-slot="track"][data-checked]::before { forced-color-adjust: none; background: Highlight; border-color: Highlight; }
    [data-plain-root] [data-plain="selection"][data-kind="radio"] [data-slot="box"][data-checked]::before { background: Canvas; border: 5px solid Highlight; }
  }

  [data-reduced-motion="true"] [data-plain="selection"] [data-slot="mark"], [data-reduced-motion="true"] [data-plain="selection"] [data-slot="mark"] svg path { animation: none; }
  @media (prefers-reduced-motion: reduce) { [data-plain="selection"] [data-slot="mark"], [data-plain="selection"] [data-slot="mark"] svg path { animation: none; } }

  [data-plain="selection"] [data-slot="message"], [data-plain="radio-group"] [data-slot="message"] {
    display: flex; align-items: flex-start; gap: var(--p-space-4); margin-top: var(--p-space-2); padding-inline-start: calc(var(--_box) + var(--p-space-8));
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts)); color: var(--p-color-text-secondary);
  }
  
  [data-plain="selection"]:not([data-kind="switch"]):not([data-has-description]) > [data-slot="message"] { margin-top: calc(-1 * var(--_t1)); }
  [data-plain="selection"]:not([data-kind="switch"])[data-has-description] > [data-slot="message"] { margin-top: 0; }
  
  [data-plain="radio-group"] > [data-slot="message"] { padding-inline-start: 0; }
  [data-plain="selection"] [data-slot="message"] svg, [data-plain="radio-group"] [data-slot="message"] svg { flex: none; margin-top: calc((var(--p-type-body-s-line-height) * var(--p-ts) - 16px) / 2); }
  [data-plain="selection"] [data-slot="message-action"] > * { font-size: inherit; line-height: inherit; }
  [data-plain="selection"] [data-slot="message"][data-tone="error"], [data-plain="radio-group"] [data-slot="message"][data-tone="error"] { color: var(--p-color-danger-text); }
  [data-plain="selection"] [data-slot="message"][data-tone="warning"] { color: var(--p-color-warning-text); }
  [data-plain="selection"] [data-slot="message"][data-tone="success"] { color: var(--p-color-success-text); }

  
  [data-plain="radio-group"] { display: flex; flex-direction: column; gap: var(--p-space-4); }
  [data-plain="radio-group"] [data-slot="group-label"] { font-size: calc(var(--p-field-label-size) * var(--p-ts)); line-height: calc(var(--p-field-label-line-height) * var(--p-ts)); font-weight: var(--p-field-label-weight); letter-spacing: var(--p-type-tracking-sm); }
  [data-plain="radio-group"] [data-slot="group"] { display: flex; flex-direction: column; gap: var(--p-space-2); }
  [data-plain="radio-group"][data-orientation="horizontal"] [data-slot="group"] { flex-direction: row; flex-wrap: wrap; column-gap: var(--p-space-16); }
  [data-plain="radio-group"][data-variant="card"] [data-slot="group"] { gap: var(--p-space-8); }
  [data-plain="radio-group"][data-variant="card"] [data-plain="selection"] [data-slot="row"] {
    width: 100%; padding: var(--p-space-12); border: var(--p-stroke-field) solid var(--p-color-border-control); border-radius: var(--p-field-radius-lg); background: var(--p-color-field-bg); box-shadow: var(--p-shadow-control); align-items: flex-start;
    transition: border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease, background-color var(--p-field-transition) ease;
  }
  [data-plain="radio-group"][data-variant="card"] [data-plain="selection"] [data-slot="row"]:has([data-checked]) { border-color: var(--p-color-selected-outline); background: var(--p-color-ink-a4); box-shadow: inset 0 0 0 calc(var(--p-stroke-selected) - var(--p-stroke-field)) var(--p-color-selected-outline); } 
  @media (hover: hover) and (pointer: fine) { [data-plain="radio-group"][data-variant="card"] [data-plain="selection"] [data-slot="row"][data-hovered]:not(:has([data-checked])) { border-color: var(--p-color-border-control-hover); } }
}

@layer plain-components {
  [data-plain="slider"] { --_sel: var(--p-color-accent-solid); --_thumb: var(--p-slider-thumb-size); --_track: var(--p-slider-track-height); --_row: var(--p-size-control-md); display: flex; flex-direction: column; gap: var(--p-space-4); min-width: 0; }
  [data-plain="slider"][data-size="lg"] { --_thumb: 20px; --_track: 6px; --_row: var(--p-size-control-lg); }
  :is([data-business="b2c"], [data-business="game"]) [data-plain="slider"] { --_sel: var(--p-color-accent-action); }
  [data-pointer="coarse"] [data-plain="slider"] { --_thumb: 24px; --_row: var(--p-size-target-coarse); }
  [data-plain="slider"] [data-slot="head"] { display: flex; align-items: baseline; justify-content: space-between; gap: var(--p-space-8); }
  [data-plain="slider"] [data-slot="label"] { font-size: calc(var(--p-field-label-size) * var(--p-ts)); line-height: calc(var(--p-field-label-line-height) * var(--p-ts)); font-weight: var(--p-field-label-weight); letter-spacing: var(--p-type-tracking-sm); }
  [data-plain="slider"] [data-slot="readout"] { font-size: calc(var(--p-field-font-size) * var(--p-ts)); line-height: calc(var(--p-field-line-height) * var(--p-ts)); letter-spacing: var(--p-type-tracking-sm); color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums; }
  [data-plain="slider"] [data-slot="body"] { display: flex; align-items: center; gap: var(--p-space-8); min-height: var(--_row); }
  [data-plain="slider"] [data-slot="root"] { flex: 1; min-width: 0; }
  [data-plain="slider"] [data-slot="control"] { position: relative; display: flex; align-items: center; width: 100%; min-height: var(--_row); padding-inline: calc(var(--_thumb) / 2); box-sizing: border-box; touch-action: none; cursor: pointer; }
  
  [data-plain="slider"] [data-slot="track"] { position: relative; width: 100%; height: var(--_track); border-radius: var(--p-radius-full); background: var(--p-slider-track); }
  [data-plain="slider"] [data-slot="fill"] { height: 100%; border-radius: inherit; background: var(--_sel); }
  [data-plain="slider"] [data-slot="ticks"] { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
  [data-plain="slider"] [data-slot="ticks"] i { position: absolute; top: 50%; width: 2px; height: 2px; margin: -1px 0 0 -1px; background: var(--p-color-ink-a28); border-radius: 1px; }
  [data-plain="slider"] [data-slot="fill"] { position: relative; z-index: 1; }
  [data-plain="slider"] [data-slot="track"] > [role="presentation"], [data-plain="slider"] [data-slot="track"] > div:not([data-slot]) { z-index: 3; }
  [data-plain="slider"] [role="slider"], [data-plain="slider"] [data-slot="track"] > div:has(input[type="range"]) { z-index: 3; }
  
  [data-plain="slider"] [data-index] {
    position: relative; box-sizing: border-box; width: var(--_thumb); height: var(--_thumb); border-radius: var(--p-radius-full);
    background: var(--p-slider-thumb); border: 0; box-shadow: var(--p-shadow-slider-thumb); outline: 0;
    transition: transform var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease;
  }
  @media (hover: hover) and (pointer: fine) {
    [data-plain="slider"]:not([data-disabled]) [data-index][data-hovered] { box-shadow: var(--p-shadow-slider-thumb), 0 0 0 4px color-mix(in oklab, var(--_sel), transparent 88%); }
  }
  [data-plain="slider"]:not([data-disabled]) [data-index]:is([data-pressed], [data-dragging]) { transform: scale(1.06); box-shadow: var(--p-shadow-slider-thumb), 0 0 0 6px color-mix(in oklab, var(--_sel), transparent 84%); }
  [data-plain="slider"] [data-index][data-focus-visible] { outline: 0; box-shadow: var(--p-shadow-slider-thumb), 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  
  [data-plain="slider"] [data-slot="tip"] {
    position: absolute; bottom: calc(100% + 8px); left: 50%; translate: -50% 4px; opacity: 0; pointer-events: none; white-space: nowrap;
    background: var(--p-tooltip-bg); color: var(--p-tooltip-fg); border-radius: var(--p-tooltip-radius); padding: 4px 8px; font-size: 12px; line-height: 16px; font-variant-numeric: tabular-nums; letter-spacing: 0;
    transition: opacity var(--p-field-transition) ease, translate var(--p-field-transition) ease;
  }
  [data-plain="slider"] [data-index]:is([data-dragging], [data-focus-visible]) > [data-slot="tip"] { opacity: 1; translate: -50% 0; }
  
  [data-plain="slider"] [data-index][data-focus-visible]:not([data-dragging]) > [data-slot="tip"] { transition: none; }
  [data-plain="slider"][data-invalid] [data-slot="fill"] { background: var(--p-color-danger-solid); }
  [data-plain="slider"][data-invalid] [data-index] { box-shadow: var(--p-shadow-slider-thumb), 0 0 0 2px var(--p-color-danger-solid); }
  [data-plain="slider"][data-disabled] [data-slot="track"], [data-plain="slider"][data-disabled] [data-slot="step"] { opacity: var(--p-opacity-disabled); }
  [data-plain="slider"][data-denied] [data-slot="head"] { opacity: 1; }
  [data-plain="slider"][data-disabled] [data-slot="control"] { cursor: not-allowed; }
  [data-plain="slider"][data-readonly] [data-slot="control"] { cursor: default; }
  [data-plain="slider"][data-invalid] [data-slot="fill"] { background: var(--p-color-danger-solid); }
  [data-plain="slider"][data-invalid] [data-index] { border-color: var(--p-color-danger-solid); }

  [data-plain="slider"] [data-slot="step"] {
    flex: none; display: inline-grid; place-items: center; width: var(--p-size-control-28); height: var(--p-size-control-28); padding: 0; border: var(--p-stroke-field) solid var(--p-color-border-control);
    border-radius: var(--p-button-radius); background: var(--p-button-secondary-bg); color: var(--p-color-text-primary); box-shadow: var(--p-shadow-control); cursor: pointer; position: relative;
    transition: background-color var(--p-field-transition) ease, border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease;
  }
  [data-plain="slider"] [data-slot="step"] svg { width: 14px; height: 14px; }
  [data-pointer="coarse"] [data-plain="slider"] [data-slot="step"] { width: var(--p-size-target-coarse); height: var(--p-size-target-coarse); }
  @media (hover: hover) and (pointer: fine) { [data-plain="slider"] [data-slot="step"]:hover:not(:disabled) { background: color-mix(in oklab, var(--p-button-secondary-bg), var(--p-color-text-primary) 3%); border-color: var(--p-color-border-control-hover); } }
  [data-plain="slider"] [data-slot="step"]:active:not(:disabled) { background: color-mix(in oklab, var(--p-button-secondary-bg), var(--p-color-text-primary) 6%); }
  [data-plain="slider"] [data-slot="step"]:focus-visible { outline: 0; border-color: var(--p-color-button-focus-border); box-shadow: var(--p-shadow-control), 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  [data-plain="slider"] [data-slot="step"]:disabled { opacity: var(--p-opacity-disabled); cursor: not-allowed; box-shadow: none; }
  [data-plain="slider"] [data-slot="range-steps"] { display: flex; justify-content: space-between; gap: var(--p-space-8); }
  [data-plain="slider"] [data-slot="group"] { display: inline-flex; gap: var(--p-space-4); }
  [data-plain="slider"] [data-slot="message"] { display: flex; gap: var(--p-space-4); align-items: flex-start; font-size: calc(var(--p-field-description-size) * var(--p-ts)); line-height: calc(var(--p-field-description-line-height) * var(--p-ts)); color: var(--p-color-text-secondary); }
  [data-plain="slider"] [data-slot="message"][data-tone="error"] { color: var(--p-color-danger-text); }
  [data-plain="slider"] [data-slot="message"] svg { flex: none; margin-top: calc((var(--p-type-body-s-line-height) * var(--p-ts) - 16px) / 2); }
}

@layer plain-components {
  [data-plain="segmented"] {
    --_h: var(--p-size-control-md); --_fs: var(--p-button-font-size); --_lh: 18px;
    position: relative; display: inline-flex; flex-wrap: nowrap; align-items: stretch; gap: 0; box-sizing: border-box; max-width: 100%;
    padding: var(--p-segmented-padding); border-radius: var(--p-segmented-radius); background: var(--p-segmented-track);
    box-shadow: inset 0 0 0 1px var(--p-color-ink-a3);
    
    --_on-bg: var(--p-color-accent-action); --_on-fg: var(--p-color-accent-on-action);
  }
  
  [data-business="b2b"] [data-plain="segmented"] { --_on-bg: var(--p-segmented-active-bg); --_on-fg: var(--p-color-text-primary); }
  [data-plain="segmented"][data-size="sm"] { --_h: var(--p-size-control-sm); }
  [data-plain="segmented"][data-size="lg"] { --_h: var(--p-size-control-lg); --_fs: var(--p-button-font-size-lg); }
  [data-pointer="coarse"] [data-plain="segmented"]:not([data-size="lg"]) { --_h: calc(var(--p-size-target-coarse) + 4px); --_fs: var(--p-type-body-l-size, 15px); }
  [data-business="b2c"][data-pointer="coarse"] [data-plain="segmented"]:not([data-size="lg"]) { --_fs: 15px; }
  [data-plain="segmented"][data-width="full"] { display: flex; width: 100%; }
  [data-plain="segmented"][data-width="full"] [data-slot="segment"] { flex: 1 0 auto; }
  
  [data-plain="segmented"][data-hidden] { position: absolute; inset-block-start: 0; inset-inline-start: 0; visibility: hidden; pointer-events: none; width: 0; min-width: 0; max-width: none; height: 0; overflow: hidden; }
  
  [data-plain="segmented"] [data-slot="active-copy"] {
    position: absolute; inset: 0; z-index: 2; display: flex; pointer-events: none; user-select: none;
    filter: drop-shadow(0 0 0.6px var(--p-color-ink-a24)) drop-shadow(0 1px 2px var(--p-color-ink-a10));
  }
  
  
  [data-theme="dark"] [data-plain="segmented"] [data-slot="active-copy"] { filter: drop-shadow(0 0 0.5px color-mix(in oklab, var(--p-color-text-primary) 60%, transparent)) drop-shadow(0 0 0.5px var(--p-color-ink-a40)) drop-shadow(0 1px 1px oklch(0 0 0 / 0.5)); }
  
  [data-theme="dark"] [data-plain="segmented"] [data-slot="active-copy-clip"] { background: color-mix(in oklab, var(--p-segmented-active-bg), var(--p-color-text-primary) 8%); }
  [data-theme="dark"] [data-plain="segmented"]:not([data-ready]) [data-slot="segment"][data-checked] { box-shadow: inset 0 0 0 1px var(--p-color-ink-a12); }
  [data-plain="segmented"] [data-slot="active-copy-clip"] {
    display: flex; flex: 1 1 auto; min-width: 0; padding: var(--p-segmented-padding); box-sizing: border-box; background: var(--_on-bg); color: var(--_on-fg);
    clip-path: inset(var(--p-segmented-padding) calc(100% - var(--_x) - var(--_w)) var(--p-segmented-padding) var(--_x) round calc(var(--p-segmented-radius) - 2px));
    transition: clip-path var(--p-motion-tabs-indicator) var(--p-motion-easing-move);
  }
  [data-plain="segmented"] [data-slot="segment"][data-copy] { cursor: inherit; color: inherit; transition: none; }
  [data-plain="segmented"] [data-slot="segment"][data-copy] [data-slot="text"]::before { content: attr(data-label); }
  [data-plain="segmented"] [data-slot="segment"] {
    position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; gap: 6px; box-sizing: border-box;
    flex: 1 0 auto; min-height: calc(var(--_h) - 4px); min-width: calc(var(--_h) - 4px); margin: 0; padding: 0 12px;
    border: 0; border-radius: calc(var(--p-segmented-radius) - 2px); background: transparent; color: var(--p-color-text-secondary); cursor: pointer;
    font: inherit; font-size: calc(var(--_fs) * var(--p-ts)); line-height: calc(var(--_lh) * var(--p-ts)); font-weight: var(--p-button-font-weight); letter-spacing: var(--p-type-tracking-sm);
    white-space: nowrap; word-break: keep-all; outline: 0; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
    transition: color var(--p-field-transition) ease, background-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease;
  }
  [data-plain="segmented"][data-variant="icon"] [data-slot="segment"] { padding-inline: 8px; }
  [data-plain="segmented"] [data-slot="segment"] > svg { flex: none; }
  [data-plain="segmented"] [data-slot="text"] { overflow: hidden; text-overflow: ellipsis; min-width: 0; }
  @media (hover: hover) and (pointer: fine) { [data-plain="segmented"] [data-slot="segment"][data-hovered]:not([data-checked]) { color: var(--p-color-text-primary); } }
  [data-plain="segmented"] [data-slot="segment"][data-checked] { color: var(--p-color-text-primary); }
  
  [data-plain="segmented"]:not([data-ready]) [data-slot="segment"][data-checked] { background: var(--_on-bg); color: var(--_on-fg); box-shadow: var(--p-shadow-segment-active); }
  
  [data-plain="segmented"] [data-slot="segment"][data-focus-visible] { z-index: 3; }
  [data-plain="segmented"] [data-slot="segment"][data-focus-visible] { outline: 0; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  
  [data-plain="segmented"] [data-slot="segment"][data-checked][data-focus-visible] { color: var(--_on-fg); }
  [data-plain="segmented"] [data-slot="segment"][data-disabled], [data-plain="segmented"][data-disabled] [data-slot="segment"] { opacity: var(--p-opacity-disabled); cursor: not-allowed; }
  [data-plain="segmented"][data-denied] [data-slot="segment"] { opacity: 1; }
  [data-plain="segmented"][data-disabled] [data-slot="active-copy"] { opacity: var(--p-opacity-disabled); }
  [data-plain="segmented"][data-denied] [data-slot="active-copy"] { opacity: 1; filter: none; }
  [data-plain="segmented"][data-denied] [data-slot="active-copy-clip"] { background: var(--p-color-ink-a8); color: var(--p-color-text-primary); }
  [data-plain="segmented"][data-denied] [data-slot="segment"][data-checked][data-focus-visible] { color: var(--p-color-text-primary); }
  [data-plain="segmented"] [data-slot="segment"][data-readonly] { cursor: default; }
  @media (prefers-reduced-motion: reduce) { [data-plain="segmented"] [data-slot="active-copy-clip"] { transition: none; } }
  [data-reduced-motion="true"] [data-plain="segmented"] [data-slot="active-copy-clip"] { transition: none; }
  
  @media (forced-colors: active) {
    [data-plain="segmented"] [data-slot="active-copy"] { display: none; }
    [data-plain="segmented"] [data-slot="segment"][data-checked] { forced-color-adjust: none; background: Highlight; color: HighlightText; }
  }
}
@layer plain-components {
  [data-plain="segmented-field"] { display: inline-flex; flex-direction: column; gap: var(--p-space-4); max-width: 100%; position: relative; }
  [data-plain="segmented-field"][data-overflow] { display: flex; width: 100%; }
  [data-plain="segmented-field"] [data-slot="message"] { font-size: calc(var(--p-field-description-size) * var(--p-ts)); line-height: calc(var(--p-field-description-line-height) * var(--p-ts)); letter-spacing: var(--p-type-tracking-xs); color: var(--p-color-text-secondary); }
  [data-plain="segmented-field"] [data-slot="message"][data-tone="error"] { color: var(--p-color-danger-text); }
  [data-plain="segmented"][aria-invalid="true"] { box-shadow: inset 0 0 0 1px var(--p-color-danger-solid); }
}

@layer plain-components {
  .p-chip {
    all: unset; box-sizing: border-box; display: inline-flex; align-items: center; gap: var(--p-space-8); max-width: 100%; height: calc(var(--p-size-control-md) * var(--p-ts, 1)); padding: 0 var(--p-space-16);
    border: var(--p-stroke-default) solid var(--p-color-border-subtle); border-radius: var(--p-radius-full); background: var(--p-color-bg-default); color: var(--p-color-text-primary);
    font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-m-weight); cursor: default; user-select: none; -webkit-tap-highlight-color: transparent;
    transition: background-color var(--p-motion-duration-hover) var(--p-motion-easing-standard), border-color var(--p-motion-duration-hover) var(--p-motion-easing-standard);
  }
  .p-chip__label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; }
  .p-chip[data-hovered] { border-color: var(--p-color-border-default); background: var(--p-color-surface-hover); }
  .p-chip[data-pressed] { background: var(--p-color-surface-pressed); }
  
  .p-chip[data-selected] { border-color: var(--p-color-selected-outline); background: var(--p-color-surface-sunken); box-shadow: inset 0 0 0 calc(var(--p-stroke-selected) - var(--p-stroke-default)) var(--p-color-selected-outline); }
  .p-chip[data-focus-visible] { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: var(--p-focus-offset); }
  .p-chip[aria-disabled="true"] { opacity: var(--p-opacity-disabled); cursor: not-allowed; }
  @media (pointer: coarse) { .p-chip { min-height: var(--p-size-target-coarse); } }
  
  :is([data-business="b2c"], [data-business="game"]) .p-chip { position: relative; height: calc(var(--p-size-chip) * var(--p-ts, 1)); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) .p-chip { height: calc(var(--p-size-chip-touch) * var(--p-ts, 1)); min-height: 0; }
  
  :is([data-business="b2c"], [data-business="game"]) .p-chip::after { content: ""; position: absolute; inset: min(0px, calc((100% - var(--p-size-target-coarse)) / 2)) 0; }
}

@layer plain-components {
  .p-chip { border: 0; box-shadow: 0 0 0 1px var(--p-color-ink-a12), var(--pd-xs); background: var(--p-color-bg-default); padding: 0 var(--p-space-12); font-size: calc(13px * var(--p-ts, 1)); line-height: calc(18px * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm, -0.006em); }
  .p-chip[data-hovered] { border: 0; background: var(--p-color-ink-a3); box-shadow: 0 0 0 1px var(--p-color-ink-a20), var(--pd-xs); }
  .p-chip[data-pressed] { background: var(--p-color-ink-a5); }
  .p-chip[data-selected] { border: 0; background: var(--p-color-ink-a4); box-shadow: inset 0 0 0 var(--p-stroke-selected) var(--p-color-selected-outline); }
}

@layer plain-components {
  [data-plain-root], [data-theme] { --pd-xs: var(--p-shadow-xs); }
  [data-theme="dark"] { --pd-xs: 0 0 0 0 transparent; }
}

@layer plain-components {
  [data-plain="tabs"] { --_h: var(--p-size-control-md); --_fs: var(--p-type-label-m-size); --_lh: var(--p-type-label-m-line-height); display: flex; flex-direction: column; min-width: 0; }
  [data-plain="tabs"][data-size="sm"] { --_h: var(--p-size-control-sm); --_fs: var(--p-type-label-s-size); --_lh: var(--p-type-label-s-line-height); }
  [data-plain="tabs"][data-size="lg"] { --_h: var(--p-size-control-lg); --_fs: var(--p-type-label-l-size); --_lh: var(--p-type-label-l-line-height); }
  [data-pointer="coarse"] [data-plain="tabs"]:not([data-size="lg"]) { --_h: var(--p-size-target-coarse); }
  [data-plain="tabs"] [data-slot="tab"] { min-width: var(--p-size-target-min); } 
  [data-pointer="coarse"] [data-plain="tabs"] [data-slot="tab"] { min-width: var(--p-size-target-coarse); }
  [data-plain="tabs"] [data-slot="list"] { position: relative; display: flex; align-items: stretch; gap: var(--p-space-4); overflow-x: auto; overflow-y: hidden; scrollbar-width: none; max-width: 100%; }
  [data-plain="tabs"] [data-slot="list"]::-webkit-scrollbar { display: none; }
  [data-plain="tabs"][data-variant="line"] [data-slot="list"] { box-shadow: inset 0 -1px 0 var(--p-color-border-subtle); gap: var(--p-space-16); }
  [data-plain="tabs"] [data-slot="list"][data-scroll] { overflow-x: auto; scrollbar-width: none; scroll-snap-type: x proximity; }
  [data-plain="tabs"] [data-slot="list"][data-scroll]::-webkit-scrollbar { display: none; }
  [data-plain="tabs"] [data-slot="tab"] {
    position: relative; flex: none; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; scroll-snap-align: start;
    min-height: var(--_h); margin: 0; padding: var(--p-space-4) var(--p-space-12); border: 0; border-radius: var(--p-radius-control); background: transparent; color: var(--p-color-text-secondary); cursor: pointer;
    font: inherit; font-size: calc(var(--_fs) * var(--p-ts)); line-height: calc(var(--_lh) * var(--p-ts)); font-weight: var(--p-type-label-m-weight); white-space: nowrap; word-break: keep-all;
    outline: 0; -webkit-tap-highlight-color: transparent; touch-action: manipulation; transition: color var(--p-motion-duration-hover) var(--p-motion-easing-standard), background-color var(--p-motion-duration-hover) var(--p-motion-easing-standard);
  }
  [data-plain="tabs"][data-variant="line"] [data-slot="tab"] { padding-inline: 0; border-radius: 0; }
  [data-plain="tabs"] [data-slot="tab"][data-hovered] { color: var(--p-color-text-primary); }
  [data-plain="tabs"][data-variant="pill"] [data-slot="tab"][data-hovered]:not([data-active]), [data-plain="tabs"][data-variant="scrollable"] [data-slot="tab"][data-hovered]:not([data-active]) { background: var(--p-color-surface-hover); }
  [data-plain="tabs"] [data-slot="tab"][data-pressed] { background: var(--p-color-surface-pressed); }
  [data-plain="tabs"][data-variant="line"] [data-slot="tab"][data-pressed] { background: transparent; color: var(--p-color-text-primary); }
  [data-plain="tabs"] [data-slot="tab"][data-active] { color: var(--p-color-text-primary); }
  [data-plain="tabs"] [data-slot="tab"][data-focus-visible] { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: calc(var(--p-focus-offset) * -1); }
  [data-plain="tabs"] [data-slot="tab"][data-disabled] { color: var(--p-color-text-disabled); cursor: not-allowed; }
  
  [data-plain="tabs"] [data-slot="indicator"] { position: absolute; left: 0; bottom: 0; height: 2px; width: var(--active-tab-width); transform: translateX(var(--active-tab-left)); background: var(--p-color-accent-solid); border-radius: 1px; transition: transform var(--p-motion-tabs-indicator) var(--p-motion-easing-move), width var(--p-motion-tabs-indicator) var(--p-motion-easing-move); pointer-events: none; }
  [data-plain="tabs"][data-variant="scrollable"] [data-slot="list"] { box-shadow: inset 0 -1px 0 var(--p-color-border-subtle); gap: var(--p-space-8); }
  [data-plain="tabs"] [data-slot="panel"] { margin-top: var(--p-space-8); padding-top: var(--p-space-8); outline: 0; }
  [data-plain="tabs"] [data-slot="panel"]:focus-visible { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: 2px; }
  [data-reduced-motion="true"] [data-plain="tabs"] [data-slot="indicator"] { transition: none; }
}

@layer plain-components {
  [data-plain="tabs"] [data-slot="tab"] { font-size: calc(13px * var(--p-ts, 1)); line-height: calc(18px * var(--p-ts, 1)); font-weight: 500; letter-spacing: var(--p-type-tracking-sm, -0.006em); transition: color var(--p-motion-duration-hover) var(--p-motion-easing-standard); }
  [data-plain="tabs"][data-variant="line"] [data-slot="list"], [data-plain="tabs"][data-variant="scrollable"] [data-slot="list"] { box-shadow: inset 0 -1px 0 var(--p-color-ink-a8); }
  [data-plain="tabs"][data-variant="line"] [data-slot="list"] { gap: var(--p-space-20, 20px); }
  [data-plain="tabs"] [data-slot="indicator"] { background: var(--p-color-text-primary); border-radius: 2px 2px 0 0; }
  [data-plain="tabs"][data-variant="line"] [data-slot="tab"][data-hovered], [data-plain="tabs"][data-variant="scrollable"] [data-slot="tab"][data-hovered] { background: transparent; color: var(--p-color-text-primary); }
  [data-plain="tabs"][data-variant="scrollable"] [data-slot="tab"][data-hovered]:not([data-active]), [data-plain="tabs"][data-variant="scrollable"] [data-slot="tab"][data-pressed] { background: transparent; }
  [data-plain="tabs"][data-variant="scrollable"] [data-slot="tab"] { border-radius: 0; padding-inline: var(--p-space-4); }
  [data-plain="tabs"][data-variant="scrollable"] [data-slot="list"] { gap: var(--p-space-16); }
  
  [data-plain="tabs"][data-variant="pill"] [data-slot="list"] { display: inline-flex; align-self: flex-start; gap: 0; padding: var(--p-segmented-padding, 2px); border-radius: var(--p-segmented-radius, 8px); background: var(--p-segmented-track, var(--p-color-ink-a4)); }
  [data-plain="tabs"][data-variant="pill"] [data-slot="tab"] { border-radius: calc(var(--p-segmented-radius, 8px) - 2px); min-height: calc(var(--_h) - 6px); padding-inline: var(--p-space-12); }
  [data-plain="tabs"][data-variant="pill"] [data-slot="tab"][data-hovered]:not([data-active]), [data-plain="tabs"][data-variant="pill"] [data-slot="tab"][data-pressed] { background: transparent; color: var(--p-color-text-primary); }
  [data-plain="tabs"][data-variant="line"] [data-slot="tab"][data-focus-visible], [data-plain="tabs"][data-variant="scrollable"] [data-slot="tab"][data-focus-visible] { outline-offset: 2px; border-radius: 4px; }
}
@layer plain-components {
  [data-plain="tabs"] [data-slot="tab"][data-focus-visible] { outline-offset: -2px !important; border-radius: 4px; }
}

@layer plain-components {
  [data-plain="tabs"][data-variant="pill"] [data-slot="indicator"] { inset: 0; width: auto; height: auto; transform: none; background: none; border-radius: 0; transition: none; z-index: 2; pointer-events: none; filter: drop-shadow(0 1px 1px var(--p-color-ink-a6)) drop-shadow(0 0 0.5px var(--p-color-ink-a8)); }
  [data-plain="tabs"][data-variant="pill"] [data-slot="active-copy"] { display: block; position: absolute; inset: 0; pointer-events: none; user-select: none; }
  [data-plain="tabs"][data-variant="pill"] [data-slot="active-copy-clip"] {
    display: flex; box-sizing: border-box; width: 100%; height: 100%; padding: var(--p-segmented-padding, 2px); background: var(--p-segmented-active-bg, var(--p-color-bg-default)); color: var(--p-color-text-primary);
    clip-path: inset(var(--p-segmented-padding, 2px) calc(100% - var(--active-tab-left, 0px) - var(--active-tab-width, 0px)) var(--p-segmented-padding, 2px) var(--active-tab-left, 0px) round calc(var(--p-segmented-radius, 8px) - 2px));
    transition: clip-path var(--p-motion-tabs-indicator) var(--p-motion-easing-move);
  }
  [data-plain="tabs"][data-variant="pill"] [data-slot="tab"][data-copy] { cursor: inherit; color: inherit; transition: none; }
  [data-plain="tabs"][data-variant="pill"] [data-slot="tab"][data-focus-visible] { z-index: 3; }
  @media (prefers-reduced-motion: reduce) { [data-plain="tabs"][data-variant="pill"] [data-slot="active-copy-clip"] { transition: none; } }
  [data-reduced-motion="true"] [data-plain="tabs"][data-variant="pill"] [data-slot="active-copy-clip"] { transition: none; }
  @media (forced-colors: active) {
    [data-plain="tabs"][data-variant="pill"] [data-slot="indicator"] { display: none; }
    [data-plain="tabs"][data-variant="pill"] [data-slot="tab"][data-active] { forced-color-adjust: none; background: Highlight; color: HighlightText; }
  }
}

@property --p-tabs-fade-start { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --p-tabs-fade-end { syntax: "<length>"; inherits: false; initial-value: 0px; }
@keyframes p-tabs-edge { from { --p-tabs-fade-start: 0px; --p-tabs-fade-end: 32px; } to { --p-tabs-fade-start: 32px; --p-tabs-fade-end: 0px; } }
@layer plain-components {
  @supports (animation-timeline: scroll()) {
    [data-plain="tabs"]:not([data-variant="pill"]) [data-slot="list"] {
      animation: p-tabs-edge linear both; animation-timeline: scroll(self inline);
      mask-image: linear-gradient(to right, transparent 0, #000 var(--p-tabs-fade-start), #000 calc(100% - var(--p-tabs-fade-end)), transparent 100%);
    }
  }
}

@layer plain-components {
  
  .p-tx-title-s { font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); letter-spacing: var(--p-type-title-s-tracking); }
  .p-tx-title-m { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-m-weight); letter-spacing: var(--p-type-title-m-tracking); }
  .p-tx-body-m { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-m-weight); letter-spacing: var(--p-type-body-m-tracking); }
  .p-tx-body-s { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-s-weight); letter-spacing: var(--p-type-body-s-tracking); }
  .p-tx-label-m { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-m-weight); letter-spacing: var(--p-type-label-m-tracking); }
  .p-tx-label-s { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-s-weight); letter-spacing: var(--p-type-label-s-tracking); }
  .p-tx-caption { font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-caption-weight); letter-spacing: var(--p-type-caption-tracking); }
  .p-tx-numeric { font-variant-numeric: tabular-nums; }

  .p-tone-icon { display: inline-flex; flex: none; }
  .p-tone-icon[data-tone="info"] { color: var(--p-color-info-text); }
  .p-tone-icon[data-tone="success"] { color: var(--p-color-success-text); }
  .p-tone-icon[data-tone="warning"] { color: var(--p-color-warning-text); }
  .p-tone-icon[data-tone="danger"] { color: var(--p-color-danger-text); }
  .p-tone-icon[data-tone="neutral"] { color: var(--p-color-text-secondary); }

  
  .p-ob {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; gap: var(--p-button-icon-gap);
    height: calc(var(--p-button-size-md) * var(--p-ts, 1)); margin: 0; padding: 0 12px; border: 1px solid transparent; border-radius: var(--p-button-radius);
    background: transparent; color: var(--p-color-text-primary); font: inherit; font-size: calc(var(--p-button-font-size) * var(--p-ts, 1)); line-height: 20px; font-weight: var(--p-button-font-weight); letter-spacing: var(--p-type-tracking-sm);
    white-space: nowrap; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
    transition: background-color var(--p-field-transition) ease, border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease;
  }
  .p-ob > svg { flex: none; width: var(--p-button-icon-size); height: var(--p-button-icon-size); }
  .p-ob[data-size="sm"] { height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); padding: 0 10px; }
  .p-ob[data-size="lg"] { height: calc(var(--p-button-size-lg) * var(--p-ts, 1)); padding: 0 14px; font-size: calc(var(--p-button-font-size-lg) * var(--p-ts, 1)); }
  .p-ob[data-tone="primary"] { background: var(--p-color-text-primary); color: var(--p-color-text-inverse); box-shadow: var(--p-shadow-button-primary); }
  .p-ob[data-tone="secondary"] { background: var(--p-button-secondary-bg); color: var(--p-color-text-primary); border-color: var(--p-color-border-control); box-shadow: var(--p-shadow-control); }
  .p-ob[data-tone="ghost"] { color: var(--p-color-text-primary); }
  .p-ob[data-tone="destructive"] { background: var(--p-color-danger-solid); color: var(--p-color-danger-on-solid); box-shadow: inset 0 1px 0 var(--p-color-white-a10), 0 1px 2px var(--p-color-ink-a10); }
  .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 14%); }
  .p-ob[data-tone="secondary"][data-hovered] { background: var(--p-button-secondary-bg-hover); border-color: var(--p-color-border-control-hover); }
  .p-ob[data-tone="ghost"][data-hovered] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="destructive"][data-hovered] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 8%); }
  .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 24%); }
  .p-ob[data-tone="secondary"][data-pressed] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="ghost"][data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-ob[data-tone="destructive"][data-pressed] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 16%); }
  .p-ob[data-focus-visible] { outline: none; border-color: var(--p-color-button-focus-border); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  .p-ob[data-tone="destructive"][data-focus-visible] { border-color: var(--p-color-danger-solid); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button-danger); }
  .p-ob[aria-disabled="true"] { opacity: var(--p-opacity-disabled); cursor: not-allowed; box-shadow: none; }
  .p-ob[aria-busy="true"] { cursor: progress; }
  @media (pointer: coarse) { .p-ob { min-height: var(--p-size-target-coarse); } }

  
  .p-backdrop {
    position: fixed; inset: 0; z-index: var(--p-z-overlay); background: var(--p-scrim-dialog); min-height: 100dvh;
    transition: opacity var(--p-motion-overlay-scrim-in) var(--p-motion-easing-enter);
    opacity: calc(1 - var(--drawer-swipe-progress, 0));
    -webkit-backdrop-filter: blur(var(--p-overlay-blur)); backdrop-filter: blur(var(--p-overlay-blur));
  }
  
  .p-backdrop--snap { opacity: 1; }
  .p-backdrop[data-starting-style], .p-backdrop[data-ending-style] { opacity: 0; }
  .p-backdrop[data-ending-style] { transition-duration: var(--p-motion-overlay-scrim-out); transition-timing-function: var(--p-motion-easing-standard); }
  
  .p-backdrop--instant, .p-backdrop--instant:is([data-starting-style], [data-ending-style]) { transition-duration: 0ms; }
  @media (prefers-reduced-transparency: reduce) { .p-backdrop { backdrop-filter: none; } }
  
  @media (prefers-reduced-motion: reduce) {
    .p-dialog.p-dialog.p-dialog, .p-sheet.p-sheet.p-sheet, .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  }
  [data-reduced-motion="true"] .p-dialog.p-dialog.p-dialog, [data-reduced-motion="true"] .p-sheet.p-sheet.p-sheet, [data-reduced-motion="true"] .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  
  @supports (-webkit-touch-callout: none) { .p-backdrop { position: absolute; } }

  
  @property --p-fade-t { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @property --p-fade-b { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @keyframes p-fade-scroll {
    0% { --p-fade-t: 0px; --p-fade-b: 16px; }
    4% { --p-fade-t: 16px; }
    96% { --p-fade-b: 16px; }
    100% { --p-fade-t: 16px; --p-fade-b: 0px; }
  }
  .p-scroll-fade {
    --p-fade-t: 0px; --p-fade-b: 0px;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
  }
  @supports (animation-timeline: scroll()) {
    .p-scroll-fade { animation: p-fade-scroll linear both; animation-timeline: scroll(self block); }
  }
  @media (prefers-reduced-motion: reduce) { .p-scroll-fade { animation-timeline: scroll(self block); } }

  
  .p-notice {
    display: flex; align-items: flex-start; gap: 8px; padding: 8px 12px; border-radius: 8px;
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm);
  }
  .p-notice__text { flex: 1; min-width: 0; padding-top: 2px; }
  .p-notice .p-tone-icon { margin-top: 2px; }
  .p-notice[data-tone="danger"] { background: var(--p-color-danger-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-danger-border) 55%, transparent); color: var(--p-color-danger-text); }
  .p-notice[data-tone="warning"] { background: var(--p-color-warning-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-warning-border) 55%, transparent); color: var(--p-color-warning-text); }
  .p-notice[data-tone="info"] { background: var(--p-color-info-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-info-border) 55%, transparent); color: var(--p-color-info-text); }
  .p-notice .p-ob { align-self: center; }

  
  .p-xbtn {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; background: transparent;
    width: calc(var(--p-button-size-sm) * var(--p-ts, 1)); height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); border-radius: 6px; color: var(--p-color-text-tertiary); cursor: pointer;
    -webkit-tap-highlight-color: transparent; transition: background-color var(--p-field-transition) ease, color var(--p-field-transition) ease;
  }
  .p-xbtn[data-hovered] { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); }
  @media (hover: hover) and (pointer: fine) { .p-xbtn:hover { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); } }
  .p-xbtn:active, .p-xbtn[data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-xbtn:focus-visible, .p-xbtn[data-focus-visible] { outline: none; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  @media (pointer: coarse) { .p-xbtn { width: var(--p-size-target-coarse); height: var(--p-size-target-coarse); } }
  
  .p-keycap {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px;
    border-radius: 4px; background: var(--p-color-ink-a6);
    font: inherit; font-size: 11px; line-height: 16px; font-weight: 500; color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums;
  }
  .p-keycap-word { padding: 0 2px; }
  .p-menu__shortcut { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; padding-left: 16px; color: var(--p-color-text-tertiary); font-variant-numeric: tabular-nums; }
  .p-menu__shortcut[data-bare] { margin-left: 2px; padding-left: 0; }
  .p-ob .p-keycap { background: color-mix(in oklab, currentColor 14%, transparent); color: inherit; }
  .p-ob .p-keycap-word { padding: 0 2px; }
  @media (pointer: coarse) { .p-ob .p-menu__shortcut { display: none; } }
}

@layer plain-components {
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"] { background: var(--p-color-accent-action); color: var(--p-color-accent-on-action); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 8%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 16%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][aria-disabled="true"] { opacity: 1; background: color-mix(in oklab, var(--p-color-accent-action) calc(var(--p-opacity-accent-disabled) * 100%), var(--p-color-bg-default)); }
  
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta) * var(--p-ts, 1)); padding: 0 20px; border-radius: var(--p-radius-cta, var(--p-button-radius)); font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta-touch) * var(--p-ts, 1)); }
}

@layer plain-components {
  .p-dialog__viewport { position: fixed; inset: 0; z-index: var(--p-z-modal); display: flex; align-items: center; justify-content: center; padding: 16px; overflow-y: auto; }
  .p-dialog__viewport[data-presentation="sheet"] { align-items: flex-end; padding: 0; }
  
  .p-dialog {
    box-sizing: border-box; position: relative; display: flex; flex-direction: column; width: 100%; max-width: var(--p-dialog-w, 516px); max-height: calc(100dvh - 32px); overflow: hidden; overscroll-behavior: contain;
    padding: 0;
    
    transition: opacity var(--p-motion-overlay-dialog-in) var(--p-motion-easing-enter), transform var(--p-motion-overlay-dialog-in) var(--p-motion-easing-enter);
  }
  .p-dialog[data-starting-style] { opacity: 0; transform: translateY(var(--p-motion-overlay-dialog-from-y)) scale(var(--p-motion-overlay-dialog-from-scale)); }
  .p-dialog[data-ending-style] {
    opacity: 0; transform: translateY(var(--p-motion-overlay-dialog-to-y)) scale(var(--p-motion-overlay-dialog-to-scale));
    transition-duration: var(--p-motion-overlay-dialog-out); transition-timing-function: var(--p-motion-easing-standard);
  }
  .p-dialog[data-presentation="sheet"] {
    max-width: none; max-height: calc(100dvh - 48px); border-radius: var(--p-overlay-radius-sheet) var(--p-overlay-radius-sheet) 0 0;
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  .p-dialog[data-presentation="sheet"] { transition-duration: var(--p-motion-sheet-open); transition-timing-function: var(--p-motion-easing-drawer); }
  .p-dialog[data-presentation="sheet"][data-starting-style] { opacity: 1; transform: translateY(100%); }
  .p-dialog[data-presentation="sheet"][data-ending-style] { opacity: 1; transform: translateY(100%); transition-duration: var(--p-motion-sheet-close); transition-timing-function: var(--p-motion-easing-standard); }
  .p-dialog--static { margin: 0 auto; }
  .p-dialog--static[data-presentation="sheet"] { border-radius: var(--p-overlay-radius-sheet); }
  .p-dialog__grabber { flex: none; align-self: center; width: 36px; height: 4px; margin: 8px 0 0; border-radius: var(--p-radius-full); background: var(--p-color-ink-a20); }
  .p-dialog__head { flex: none; display: flex; flex-direction: column; gap: 4px; padding: 24px 64px 0 24px; }
  .p-dialog:not([data-closable]) .p-dialog__head { padding-right: 24px; }
  .p-dialog__title { margin: 0; min-width: 0; font-size: calc(16px * var(--p-ts, 1)); line-height: calc(24px * var(--p-ts, 1)); font-weight: min(600, var(--p-font-weight-max, 1000)); letter-spacing: var(--p-type-tracking-md); color: var(--p-color-text-primary); text-wrap: balance; }
  .p-dialog__desc { margin: 0; font-size: calc(var(--p-field-font-size) * var(--p-ts, 1)); line-height: calc(var(--p-field-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm); color: var(--p-color-text-secondary); text-wrap: pretty; }
  
  @media (max-width: 480px) { .p-dialog[data-closable] .p-dialog__desc { margin-inline-end: -32px; } }
  .p-dialog__close { position: absolute; top: 12px; right: 12px; z-index: 1; }
  .p-dialog__body { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; display: flex; flex-direction: column; gap: 16px; padding: 16px 24px; scrollbar-width: thin;
    font-size: calc(var(--p-field-font-size) * var(--p-ts, 1)); line-height: calc(var(--p-field-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm); }
  .p-dialog__typed { display: flex; flex-direction: column; gap: 6px; }
  .p-dialog__typed .p-dialog__input { width: 100%; }
  .p-dialog__consequences { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; color: var(--p-color-text-secondary); }
  .p-dialog__consequences li { position: relative; padding-left: 16px; }
  .p-dialog__consequences li::before { content: ""; position: absolute; left: 3px; top: 8px; width: 4px; height: 4px; border-radius: 50%; background: var(--p-color-text-tertiary); }
  .p-dialog__input { height: calc(var(--p-size-control-md) * var(--p-ts, 1)); font-size: calc(var(--p-field-font-size) * var(--p-ts, 1)); outline: none; }
  @media (pointer: coarse) { .p-dialog__input { height: var(--p-size-target-coarse); font-size: 16px; } }
  .p-dialog__actions { flex: none; display: flex; flex-wrap: nowrap; justify-content: flex-end; gap: 8px; padding: 0 24px 24px; min-width: 0; }
  
  .p-dialog__actions .p-ob { flex: 0 1 auto; min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
  :is(.p-dialog__head, .p-dialog__close) + .p-dialog__actions { padding-top: 16px; }
  .p-dialog[data-presentation="sheet"] .p-dialog__actions { flex-direction: column-reverse; align-items: stretch; }
  .p-dialog[data-presentation="sheet"] .p-dialog__actions .p-ob { flex: none; }
  .p-dialog[data-presentation="sheet"] .p-dialog__actions .p-ob { height: var(--p-size-target-coarse); }
  
  @media (pointer: coarse) { .p-dialog__head { padding-right: 64px; } .p-dialog:not([data-closable]) .p-dialog__head { padding-right: 24px; } }
  .p-dialog__body[aria-busy="true"] { color: var(--p-color-text-secondary); }
}

@layer plain-components {
  
  .p-tx-title-s { font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); letter-spacing: var(--p-type-title-s-tracking); }
  .p-tx-title-m { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-m-weight); letter-spacing: var(--p-type-title-m-tracking); }
  .p-tx-body-m { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-m-weight); letter-spacing: var(--p-type-body-m-tracking); }
  .p-tx-body-s { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-s-weight); letter-spacing: var(--p-type-body-s-tracking); }
  .p-tx-label-m { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-m-weight); letter-spacing: var(--p-type-label-m-tracking); }
  .p-tx-label-s { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-s-weight); letter-spacing: var(--p-type-label-s-tracking); }
  .p-tx-caption { font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-caption-weight); letter-spacing: var(--p-type-caption-tracking); }
  .p-tx-numeric { font-variant-numeric: tabular-nums; }

  .p-tone-icon { display: inline-flex; flex: none; }
  .p-tone-icon[data-tone="info"] { color: var(--p-color-info-text); }
  .p-tone-icon[data-tone="success"] { color: var(--p-color-success-text); }
  .p-tone-icon[data-tone="warning"] { color: var(--p-color-warning-text); }
  .p-tone-icon[data-tone="danger"] { color: var(--p-color-danger-text); }
  .p-tone-icon[data-tone="neutral"] { color: var(--p-color-text-secondary); }

  
  .p-ob {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; gap: var(--p-button-icon-gap);
    height: calc(var(--p-button-size-md) * var(--p-ts, 1)); margin: 0; padding: 0 12px; border: 1px solid transparent; border-radius: var(--p-button-radius);
    background: transparent; color: var(--p-color-text-primary); font: inherit; font-size: calc(var(--p-button-font-size) * var(--p-ts, 1)); line-height: 20px; font-weight: var(--p-button-font-weight); letter-spacing: var(--p-type-tracking-sm);
    white-space: nowrap; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
    transition: background-color var(--p-field-transition) ease, border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease;
  }
  .p-ob > svg { flex: none; width: var(--p-button-icon-size); height: var(--p-button-icon-size); }
  .p-ob[data-size="sm"] { height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); padding: 0 10px; }
  .p-ob[data-size="lg"] { height: calc(var(--p-button-size-lg) * var(--p-ts, 1)); padding: 0 14px; font-size: calc(var(--p-button-font-size-lg) * var(--p-ts, 1)); }
  .p-ob[data-tone="primary"] { background: var(--p-color-text-primary); color: var(--p-color-text-inverse); box-shadow: var(--p-shadow-button-primary); }
  .p-ob[data-tone="secondary"] { background: var(--p-button-secondary-bg); color: var(--p-color-text-primary); border-color: var(--p-color-border-control); box-shadow: var(--p-shadow-control); }
  .p-ob[data-tone="ghost"] { color: var(--p-color-text-primary); }
  .p-ob[data-tone="destructive"] { background: var(--p-color-danger-solid); color: var(--p-color-danger-on-solid); box-shadow: inset 0 1px 0 var(--p-color-white-a10), 0 1px 2px var(--p-color-ink-a10); }
  .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 14%); }
  .p-ob[data-tone="secondary"][data-hovered] { background: var(--p-button-secondary-bg-hover); border-color: var(--p-color-border-control-hover); }
  .p-ob[data-tone="ghost"][data-hovered] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="destructive"][data-hovered] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 8%); }
  .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 24%); }
  .p-ob[data-tone="secondary"][data-pressed] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="ghost"][data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-ob[data-tone="destructive"][data-pressed] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 16%); }
  .p-ob[data-focus-visible] { outline: none; border-color: var(--p-color-button-focus-border); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  .p-ob[data-tone="destructive"][data-focus-visible] { border-color: var(--p-color-danger-solid); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button-danger); }
  .p-ob[aria-disabled="true"] { opacity: var(--p-opacity-disabled); cursor: not-allowed; box-shadow: none; }
  .p-ob[aria-busy="true"] { cursor: progress; }
  @media (pointer: coarse) { .p-ob { min-height: var(--p-size-target-coarse); } }

  
  .p-backdrop {
    position: fixed; inset: 0; z-index: var(--p-z-overlay); background: var(--p-scrim-dialog); min-height: 100dvh;
    transition: opacity var(--p-motion-overlay-scrim-in) var(--p-motion-easing-enter);
    opacity: calc(1 - var(--drawer-swipe-progress, 0));
    -webkit-backdrop-filter: blur(var(--p-overlay-blur)); backdrop-filter: blur(var(--p-overlay-blur));
  }
  
  .p-backdrop--snap { opacity: 1; }
  .p-backdrop[data-starting-style], .p-backdrop[data-ending-style] { opacity: 0; }
  .p-backdrop[data-ending-style] { transition-duration: var(--p-motion-overlay-scrim-out); transition-timing-function: var(--p-motion-easing-standard); }
  
  .p-backdrop--instant, .p-backdrop--instant:is([data-starting-style], [data-ending-style]) { transition-duration: 0ms; }
  @media (prefers-reduced-transparency: reduce) { .p-backdrop { backdrop-filter: none; } }
  
  @media (prefers-reduced-motion: reduce) {
    .p-dialog.p-dialog.p-dialog, .p-sheet.p-sheet.p-sheet, .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  }
  [data-reduced-motion="true"] .p-dialog.p-dialog.p-dialog, [data-reduced-motion="true"] .p-sheet.p-sheet.p-sheet, [data-reduced-motion="true"] .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  
  @supports (-webkit-touch-callout: none) { .p-backdrop { position: absolute; } }

  
  @property --p-fade-t { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @property --p-fade-b { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @keyframes p-fade-scroll {
    0% { --p-fade-t: 0px; --p-fade-b: 16px; }
    4% { --p-fade-t: 16px; }
    96% { --p-fade-b: 16px; }
    100% { --p-fade-t: 16px; --p-fade-b: 0px; }
  }
  .p-scroll-fade {
    --p-fade-t: 0px; --p-fade-b: 0px;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
  }
  @supports (animation-timeline: scroll()) {
    .p-scroll-fade { animation: p-fade-scroll linear both; animation-timeline: scroll(self block); }
  }
  @media (prefers-reduced-motion: reduce) { .p-scroll-fade { animation-timeline: scroll(self block); } }

  
  .p-notice {
    display: flex; align-items: flex-start; gap: 8px; padding: 8px 12px; border-radius: 8px;
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm);
  }
  .p-notice__text { flex: 1; min-width: 0; padding-top: 2px; }
  .p-notice .p-tone-icon { margin-top: 2px; }
  .p-notice[data-tone="danger"] { background: var(--p-color-danger-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-danger-border) 55%, transparent); color: var(--p-color-danger-text); }
  .p-notice[data-tone="warning"] { background: var(--p-color-warning-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-warning-border) 55%, transparent); color: var(--p-color-warning-text); }
  .p-notice[data-tone="info"] { background: var(--p-color-info-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-info-border) 55%, transparent); color: var(--p-color-info-text); }
  .p-notice .p-ob { align-self: center; }

  
  .p-xbtn {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; background: transparent;
    width: calc(var(--p-button-size-sm) * var(--p-ts, 1)); height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); border-radius: 6px; color: var(--p-color-text-tertiary); cursor: pointer;
    -webkit-tap-highlight-color: transparent; transition: background-color var(--p-field-transition) ease, color var(--p-field-transition) ease;
  }
  .p-xbtn[data-hovered] { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); }
  @media (hover: hover) and (pointer: fine) { .p-xbtn:hover { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); } }
  .p-xbtn:active, .p-xbtn[data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-xbtn:focus-visible, .p-xbtn[data-focus-visible] { outline: none; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  @media (pointer: coarse) { .p-xbtn { width: var(--p-size-target-coarse); height: var(--p-size-target-coarse); } }
  
  .p-keycap {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px;
    border-radius: 4px; background: var(--p-color-ink-a6);
    font: inherit; font-size: 11px; line-height: 16px; font-weight: 500; color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums;
  }
  .p-keycap-word { padding: 0 2px; }
  .p-menu__shortcut { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; padding-left: 16px; color: var(--p-color-text-tertiary); font-variant-numeric: tabular-nums; }
  .p-menu__shortcut[data-bare] { margin-left: 2px; padding-left: 0; }
  .p-ob .p-keycap { background: color-mix(in oklab, currentColor 14%, transparent); color: inherit; }
  .p-ob .p-keycap-word { padding: 0 2px; }
  @media (pointer: coarse) { .p-ob .p-menu__shortcut { display: none; } }
}

@layer plain-components {
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"] { background: var(--p-color-accent-action); color: var(--p-color-accent-on-action); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 8%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 16%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][aria-disabled="true"] { opacity: 1; background: color-mix(in oklab, var(--p-color-accent-action) calc(var(--p-opacity-accent-disabled) * 100%), var(--p-color-bg-default)); }
  
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta) * var(--p-ts, 1)); padding: 0 20px; border-radius: var(--p-radius-cta, var(--p-button-radius)); font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta-touch) * var(--p-ts, 1)); }
}

@layer plain-components {
  .p-menu__positioner { z-index: var(--p-z-popover); outline: none; }
  
  .p-menu {
    box-sizing: border-box; min-width: 192px; max-width: min(320px, calc(100vw - 16px)); max-height: min(var(--available-height, 420px), 420px); display: flex; flex-direction: column; overflow: hidden;
    --pd-radius: var(--p-overlay-radius-menu); padding: var(--p-overlay-padding);
    
    --_x: 0px; --_y: 0px;
    transform-origin: var(--transform-origin);
    transition: opacity var(--p-motion-overlay-menu-fade-in) var(--p-motion-easing-enter), transform var(--p-motion-overlay-menu-in) var(--p-motion-easing-enter);
  }
  .p-menu__list { min-height: 0; flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; margin: 0 calc(-1 * var(--p-overlay-padding)); padding: 0 var(--p-overlay-padding); scrollbar-width: thin; }
  .p-menu[data-side="bottom"] { --_y: calc(var(--p-motion-overlay-menu-rise) * -1); }
  .p-menu[data-side="top"] { --_y: var(--p-motion-overlay-menu-rise); }
  .p-menu[data-side="left"] { --_x: var(--p-motion-overlay-menu-rise); }
  .p-menu[data-side="right"] { --_x: calc(var(--p-motion-overlay-menu-rise) * -1); }
  .p-menu[data-starting-style] { opacity: 0; transform: translate(var(--_x), var(--_y)) scale(var(--p-motion-overlay-menu-scale-in)); }
  .p-menu[data-ending-style] {
    opacity: 0; transform: translate(calc(var(--_x) * 0.5), calc(var(--_y) * 0.5)) scale(var(--p-motion-overlay-menu-scale-out));
    transition-duration: var(--p-motion-overlay-menu-out); transition-timing-function: var(--p-motion-easing-standard);
  }
  
  [data-input="keyboard"] .p-menu { transition-duration: 0ms; }
  [data-input="keyboard"] .p-menu:is([data-starting-style], [data-ending-style]) { transform: none; }
  .p-menu__item { min-width: 0; min-height: calc(var(--p-overlay-item-height) * var(--p-ts, 1)); height: auto; }
  .p-menu[data-density="compact"] .p-menu__item { min-height: calc(var(--p-overlay-item-height-compact) * var(--p-ts, 1)); }
  @media (pointer: coarse) { .p-menu__item { min-height: var(--p-size-target-coarse); } }
  
  .p-menu__item[data-highlighted], .p-menu__item[data-popup-open] { background: var(--p-overlay-highlight); }
  .p-menu__item[data-pressed], .p-menu__item[data-highlighted]:active { background: var(--p-color-ink-a10); }
  .p-menu__item[data-disabled] { color: var(--p-color-text-disabled); }
  .p-menu__item[data-disabled] > svg, .p-menu__item[data-disabled] .p-menu__lead { color: var(--p-color-text-disabled); }
  .p-menu__item[data-destructive] { color: var(--p-color-danger-text); }
  .p-menu__item[data-destructive][data-highlighted] { background: color-mix(in oklab, var(--p-color-danger-text) 9%, transparent); }
  .p-menu__item[data-destructive][data-disabled] { color: var(--p-color-text-disabled); }
  .p-menu__item[data-request] { color: var(--p-color-text-link); }
  .p-menu__item[data-focus-visible] { outline: none; }
  .p-menu__lead { display: inline-flex; flex: none; width: 16px; height: 16px; align-items: center; justify-content: center; color: var(--p-color-text-tertiary); }
  .p-menu__item[data-destructive] .p-menu__lead { color: inherit; }
  .p-menu__label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  
  .p-menu__item .p-menu__shortcut { margin-left: auto; padding-left: 16px; font-size: 12px; line-height: 16px; letter-spacing: 0; color: var(--p-color-text-tertiary); }
  .p-menu__check { display: inline-flex; flex: none; width: 16px; height: 16px; margin-left: auto; color: var(--p-color-text-primary); }
  .p-menu__check + .p-menu__shortcut { margin-left: 0; padding-left: 12px; min-width: 24px; justify-content: flex-end; }
  .p-menu__count { margin-left: auto; padding-left: 16px; font-size: 12px; line-height: 16px; color: var(--p-color-text-tertiary); font-variant-numeric: tabular-nums; }
  .p-menu__count + .p-menu__shortcut { margin-left: 0; }
  
  .p-menu[data-filter] { padding-top: 0; }
  .p-menu__filter { flex: none; display: flex; align-items: center; gap: 8px; box-sizing: border-box; height: 36px; margin: 0 calc(-1 * var(--p-overlay-padding)) 4px; padding: 0 12px; border-bottom: 1px solid var(--p-overlay-separator); color: var(--p-color-text-tertiary); }
  .p-menu__filter-input { appearance: none; border: 0; background: transparent; padding: 0; margin: 0; flex: 1; min-width: 0; height: 100%; font: inherit; font-size: var(--p-field-font-size); letter-spacing: var(--p-type-tracking-sm); color: var(--p-color-text-primary); outline: none; }
  .p-menu__filter-input::placeholder { color: var(--p-color-text-tertiary); }
  .p-menu__filter:focus-within { border-bottom-color: var(--p-color-border-control-strong); }
  .p-menu__empty { padding: 12px 8px; text-align: center; font-size: 13px; line-height: 20px; color: var(--p-color-text-tertiary); }
  .p-menu__chev { display: inline-flex; margin-right: -2px; color: var(--p-color-text-tertiary); }
  .p-menu__sep { height: 1px; margin: 4px calc(-1 * var(--p-overlay-padding)); background: var(--p-overlay-separator); border: 0; }
  .p-menu__group + .p-menu__group, .p-menu__group + .p-menu__item, .p-menu__item + .p-menu__group { margin-top: 2px; }
  .p-menu__group-label { padding: 6px 8px 2px; font-size: 12px; line-height: 16px; font-weight: 500; color: var(--p-color-text-tertiary); letter-spacing: 0; }

  
  .p-menu-sheet__viewport { position: fixed; inset: 0; z-index: var(--p-z-modal); display: flex; align-items: flex-end; justify-content: center; }
  .p-menu-sheet {
    box-sizing: border-box; width: 100%; max-height: calc(100dvh - 48px); display: flex; flex-direction: column; overflow: hidden;
    border-radius: var(--p-overlay-radius-sheet) var(--p-overlay-radius-sheet) 0 0; background: var(--p-overlay-bg); color: var(--p-color-text-primary); outline: none; box-shadow: var(--p-shadow-overlay-ring), var(--p-shadow-overlay-highlight), var(--p-shadow-dialog);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    transform: translateY(var(--drawer-swipe-movement-y, 0px));
    transition: transform var(--p-motion-sheet-open) var(--p-motion-easing-drawer);
  }
  .p-menu-sheet[data-starting-style] { transform: translateY(100%); }
  .p-menu-sheet[data-ending-style] { transform: translateY(100%); transition-duration: var(--p-motion-sheet-close); transition-timing-function: var(--p-motion-easing-standard); }
  .p-menu-sheet__content { overflow-y: auto; padding: 8px; }
  .p-menu-sheet__item {
    all: unset; box-sizing: border-box; display: flex; width: 100%; align-items: center; gap: 12px; min-height: var(--p-size-target-coarse); padding: 0 12px;
    border-radius: 10px; font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); cursor: default;
  }
  .p-menu-sheet__item:active { background: var(--p-overlay-highlight); }
  .p-menu-sheet__item > svg { color: var(--p-color-text-tertiary); }
  .p-menu-sheet__item[data-destructive] > svg { color: currentColor; }
  .p-menu-sheet__item:focus-visible { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: -2px; }
  .p-menu-sheet__item[data-destructive] { color: var(--p-color-danger-text); }
  .p-menu-sheet__item[aria-disabled="true"] { color: var(--p-color-text-disabled); }
  .p-menu-sheet__cancel { padding: 0 16px 12px; }
  .p-menu-sheet__cancel .p-ob { width: 100%; min-height: var(--p-size-target-coarse); }
  .p-menu-sheet__title { position: absolute; }
  .p-menu--static { position: relative; max-height: none; }
  .p-menu[data-fit="viewport"] { max-height: var(--available-height, calc(100dvh - 16px)); }
  .p-menu--static .p-menu__list { overflow: visible; }
  .p-menu-sheet--static { position: relative; transform: none; max-width: 420px; border-radius: var(--p-overlay-radius-sheet); }
}

@layer plain-components {
  
  .p-tx-title-s { font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); letter-spacing: var(--p-type-title-s-tracking); }
  .p-tx-title-m { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-m-weight); letter-spacing: var(--p-type-title-m-tracking); }
  .p-tx-body-m { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-m-weight); letter-spacing: var(--p-type-body-m-tracking); }
  .p-tx-body-s { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-s-weight); letter-spacing: var(--p-type-body-s-tracking); }
  .p-tx-label-m { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-m-weight); letter-spacing: var(--p-type-label-m-tracking); }
  .p-tx-label-s { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-s-weight); letter-spacing: var(--p-type-label-s-tracking); }
  .p-tx-caption { font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-caption-weight); letter-spacing: var(--p-type-caption-tracking); }
  .p-tx-numeric { font-variant-numeric: tabular-nums; }

  .p-tone-icon { display: inline-flex; flex: none; }
  .p-tone-icon[data-tone="info"] { color: var(--p-color-info-text); }
  .p-tone-icon[data-tone="success"] { color: var(--p-color-success-text); }
  .p-tone-icon[data-tone="warning"] { color: var(--p-color-warning-text); }
  .p-tone-icon[data-tone="danger"] { color: var(--p-color-danger-text); }
  .p-tone-icon[data-tone="neutral"] { color: var(--p-color-text-secondary); }

  
  .p-ob {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; gap: var(--p-button-icon-gap);
    height: calc(var(--p-button-size-md) * var(--p-ts, 1)); margin: 0; padding: 0 12px; border: 1px solid transparent; border-radius: var(--p-button-radius);
    background: transparent; color: var(--p-color-text-primary); font: inherit; font-size: calc(var(--p-button-font-size) * var(--p-ts, 1)); line-height: 20px; font-weight: var(--p-button-font-weight); letter-spacing: var(--p-type-tracking-sm);
    white-space: nowrap; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
    transition: background-color var(--p-field-transition) ease, border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease;
  }
  .p-ob > svg { flex: none; width: var(--p-button-icon-size); height: var(--p-button-icon-size); }
  .p-ob[data-size="sm"] { height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); padding: 0 10px; }
  .p-ob[data-size="lg"] { height: calc(var(--p-button-size-lg) * var(--p-ts, 1)); padding: 0 14px; font-size: calc(var(--p-button-font-size-lg) * var(--p-ts, 1)); }
  .p-ob[data-tone="primary"] { background: var(--p-color-text-primary); color: var(--p-color-text-inverse); box-shadow: var(--p-shadow-button-primary); }
  .p-ob[data-tone="secondary"] { background: var(--p-button-secondary-bg); color: var(--p-color-text-primary); border-color: var(--p-color-border-control); box-shadow: var(--p-shadow-control); }
  .p-ob[data-tone="ghost"] { color: var(--p-color-text-primary); }
  .p-ob[data-tone="destructive"] { background: var(--p-color-danger-solid); color: var(--p-color-danger-on-solid); box-shadow: inset 0 1px 0 var(--p-color-white-a10), 0 1px 2px var(--p-color-ink-a10); }
  .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 14%); }
  .p-ob[data-tone="secondary"][data-hovered] { background: var(--p-button-secondary-bg-hover); border-color: var(--p-color-border-control-hover); }
  .p-ob[data-tone="ghost"][data-hovered] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="destructive"][data-hovered] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 8%); }
  .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 24%); }
  .p-ob[data-tone="secondary"][data-pressed] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="ghost"][data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-ob[data-tone="destructive"][data-pressed] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 16%); }
  .p-ob[data-focus-visible] { outline: none; border-color: var(--p-color-button-focus-border); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  .p-ob[data-tone="destructive"][data-focus-visible] { border-color: var(--p-color-danger-solid); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button-danger); }
  .p-ob[aria-disabled="true"] { opacity: var(--p-opacity-disabled); cursor: not-allowed; box-shadow: none; }
  .p-ob[aria-busy="true"] { cursor: progress; }
  @media (pointer: coarse) { .p-ob { min-height: var(--p-size-target-coarse); } }

  
  .p-backdrop {
    position: fixed; inset: 0; z-index: var(--p-z-overlay); background: var(--p-scrim-dialog); min-height: 100dvh;
    transition: opacity var(--p-motion-overlay-scrim-in) var(--p-motion-easing-enter);
    opacity: calc(1 - var(--drawer-swipe-progress, 0));
    -webkit-backdrop-filter: blur(var(--p-overlay-blur)); backdrop-filter: blur(var(--p-overlay-blur));
  }
  
  .p-backdrop--snap { opacity: 1; }
  .p-backdrop[data-starting-style], .p-backdrop[data-ending-style] { opacity: 0; }
  .p-backdrop[data-ending-style] { transition-duration: var(--p-motion-overlay-scrim-out); transition-timing-function: var(--p-motion-easing-standard); }
  
  .p-backdrop--instant, .p-backdrop--instant:is([data-starting-style], [data-ending-style]) { transition-duration: 0ms; }
  @media (prefers-reduced-transparency: reduce) { .p-backdrop { backdrop-filter: none; } }
  
  @media (prefers-reduced-motion: reduce) {
    .p-dialog.p-dialog.p-dialog, .p-sheet.p-sheet.p-sheet, .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  }
  [data-reduced-motion="true"] .p-dialog.p-dialog.p-dialog, [data-reduced-motion="true"] .p-sheet.p-sheet.p-sheet, [data-reduced-motion="true"] .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  
  @supports (-webkit-touch-callout: none) { .p-backdrop { position: absolute; } }

  
  @property --p-fade-t { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @property --p-fade-b { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @keyframes p-fade-scroll {
    0% { --p-fade-t: 0px; --p-fade-b: 16px; }
    4% { --p-fade-t: 16px; }
    96% { --p-fade-b: 16px; }
    100% { --p-fade-t: 16px; --p-fade-b: 0px; }
  }
  .p-scroll-fade {
    --p-fade-t: 0px; --p-fade-b: 0px;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
  }
  @supports (animation-timeline: scroll()) {
    .p-scroll-fade { animation: p-fade-scroll linear both; animation-timeline: scroll(self block); }
  }
  @media (prefers-reduced-motion: reduce) { .p-scroll-fade { animation-timeline: scroll(self block); } }

  
  .p-notice {
    display: flex; align-items: flex-start; gap: 8px; padding: 8px 12px; border-radius: 8px;
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm);
  }
  .p-notice__text { flex: 1; min-width: 0; padding-top: 2px; }
  .p-notice .p-tone-icon { margin-top: 2px; }
  .p-notice[data-tone="danger"] { background: var(--p-color-danger-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-danger-border) 55%, transparent); color: var(--p-color-danger-text); }
  .p-notice[data-tone="warning"] { background: var(--p-color-warning-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-warning-border) 55%, transparent); color: var(--p-color-warning-text); }
  .p-notice[data-tone="info"] { background: var(--p-color-info-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-info-border) 55%, transparent); color: var(--p-color-info-text); }
  .p-notice .p-ob { align-self: center; }

  
  .p-xbtn {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; background: transparent;
    width: calc(var(--p-button-size-sm) * var(--p-ts, 1)); height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); border-radius: 6px; color: var(--p-color-text-tertiary); cursor: pointer;
    -webkit-tap-highlight-color: transparent; transition: background-color var(--p-field-transition) ease, color var(--p-field-transition) ease;
  }
  .p-xbtn[data-hovered] { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); }
  @media (hover: hover) and (pointer: fine) { .p-xbtn:hover { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); } }
  .p-xbtn:active, .p-xbtn[data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-xbtn:focus-visible, .p-xbtn[data-focus-visible] { outline: none; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  @media (pointer: coarse) { .p-xbtn { width: var(--p-size-target-coarse); height: var(--p-size-target-coarse); } }
  
  .p-keycap {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px;
    border-radius: 4px; background: var(--p-color-ink-a6);
    font: inherit; font-size: 11px; line-height: 16px; font-weight: 500; color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums;
  }
  .p-keycap-word { padding: 0 2px; }
  .p-menu__shortcut { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; padding-left: 16px; color: var(--p-color-text-tertiary); font-variant-numeric: tabular-nums; }
  .p-menu__shortcut[data-bare] { margin-left: 2px; padding-left: 0; }
  .p-ob .p-keycap { background: color-mix(in oklab, currentColor 14%, transparent); color: inherit; }
  .p-ob .p-keycap-word { padding: 0 2px; }
  @media (pointer: coarse) { .p-ob .p-menu__shortcut { display: none; } }
}

@layer plain-components {
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"] { background: var(--p-color-accent-action); color: var(--p-color-accent-on-action); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 8%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 16%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][aria-disabled="true"] { opacity: 1; background: color-mix(in oklab, var(--p-color-accent-action) calc(var(--p-opacity-accent-disabled) * 100%), var(--p-color-bg-default)); }
  
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta) * var(--p-ts, 1)); padding: 0 20px; border-radius: var(--p-radius-cta, var(--p-button-radius)); font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta-touch) * var(--p-ts, 1)); }
}

@layer plain-components {
  .p-popover__positioner { z-index: var(--p-z-popover); }
  
  .p-popover {
    box-sizing: border-box; position: relative; display: flex; flex-direction: column; gap: 12px; width: 320px; max-width: calc(100vw - 16px); max-height: var(--available-height, 80dvh); overflow-y: auto;
    padding: 16px; font-size: calc(var(--p-field-font-size) * var(--p-ts, 1)); line-height: calc(var(--p-field-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm);
    --_x: 0px; --_y: 0px;
    transform-origin: var(--transform-origin);
    transition: opacity var(--p-motion-overlay-popover-fade-in) var(--p-motion-easing-enter), transform var(--p-motion-overlay-popover-in) var(--p-motion-easing-enter);
  }
  .p-popover[data-side="bottom"] { --_y: calc(var(--p-motion-overlay-popover-rise) * -1); }
  .p-popover[data-side="top"] { --_y: var(--p-motion-overlay-popover-rise); }
  .p-popover[data-side="left"] { --_x: var(--p-motion-overlay-popover-rise); }
  .p-popover[data-side="right"] { --_x: calc(var(--p-motion-overlay-popover-rise) * -1); }
  .p-popover[data-starting-style] { opacity: 0; transform: translate(var(--_x), var(--_y)) scale(var(--p-motion-overlay-popover-scale-in)); }
  .p-popover[data-ending-style] {
    opacity: 0; transform: translate(calc(var(--_x) * 0.5), calc(var(--_y) * 0.5)) scale(var(--p-motion-overlay-popover-scale-out));
    transition-duration: var(--p-motion-overlay-popover-out); transition-timing-function: var(--p-motion-easing-standard);
  }
  
  [data-input="keyboard"] .p-popover { transition-duration: 0ms; }
  [data-input="keyboard"] .p-popover:is([data-starting-style], [data-ending-style]) { transform: none; }
  .p-popover[data-size="sm"] { width: 240px; }
  .p-popover[data-size="lg"] { width: 400px; }
  .p-popover__head { display: flex; flex-direction: column; gap: 2px; }
  .p-popover__head[data-close] { padding-right: 32px; }
  .p-popover__title { font-size: 14px; line-height: 20px; font-weight: min(600, var(--p-font-weight-max, 1000)); letter-spacing: var(--p-type-tracking-sm); color: var(--p-color-text-primary); }
  .p-popover__desc { font-size: 13px; line-height: 20px; color: var(--p-color-text-secondary); }
  .p-popover__footer { display: flex; justify-content: flex-end; gap: 8px; margin-top: 4px; }
  .p-popover__close { position: absolute; top: 8px; right: 8px; }
}

@layer plain-components {
  .p-tooltip__positioner { z-index: var(--p-z-tooltip); }
  
  .p-tooltip {
    box-sizing: border-box; display: inline-flex; align-items: center; gap: 6px; font-weight: 500; text-wrap: balance; overflow-wrap: anywhere;
    --_x: 0px; --_y: 0px;
    transform-origin: var(--transform-origin);
    transition: opacity var(--p-motion-tooltip-in) var(--p-motion-easing-enter), transform var(--p-motion-tooltip-in) var(--p-motion-easing-enter);
  }
  .p-tooltip[data-side="bottom"] { --_y: calc(var(--p-motion-tooltip-rise) * -1); }
  .p-tooltip[data-side="top"] { --_y: var(--p-motion-tooltip-rise); }
  .p-tooltip[data-side="left"] { --_x: var(--p-motion-tooltip-rise); }
  .p-tooltip[data-side="right"] { --_x: calc(var(--p-motion-tooltip-rise) * -1); }
  .p-tooltip[data-starting-style] { opacity: 0; transform: translate(var(--_x), var(--_y)) scale(var(--p-motion-tooltip-scale-in)); }
  .p-tooltip[data-ending-style] {
    opacity: 0; transform: scale(var(--p-motion-tooltip-scale-out));
    transition-duration: var(--p-motion-tooltip-out); transition-timing-function: var(--p-motion-easing-standard);
  }
  
  .p-tooltip:is([data-instant="delay"], [data-instant="focus"], [data-instant="dismiss"]) { transition-duration: 0ms; }
  .p-tooltip:is([data-instant="delay"], [data-instant="focus"], [data-instant="dismiss"]):is([data-starting-style], [data-ending-style]) { transform: none; }
  .p-tooltip-static { display: inline-flex; flex-direction: column; align-items: center; gap: 6px; }
  .p-tooltip__kbd { display: inline-flex; gap: 2px; margin-right: -4px; }
  .p-tooltip__kbd kbd { display: inline-flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 4px; background: color-mix(in oklab, var(--p-tooltip-fg) 18%, transparent); color: color-mix(in oklab, var(--p-tooltip-fg) 80%, transparent); font: inherit; font-size: 11px; line-height: 16px; font-weight: 500; font-variant-numeric: tabular-nums; letter-spacing: 0; }
  
  @media (hover: none), (pointer: coarse) { .p-tooltip__positioner { display: none; } }
}

@layer plain-components {
  
  .p-tx-title-s { font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); letter-spacing: var(--p-type-title-s-tracking); }
  .p-tx-title-m { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-m-weight); letter-spacing: var(--p-type-title-m-tracking); }
  .p-tx-body-m { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-m-weight); letter-spacing: var(--p-type-body-m-tracking); }
  .p-tx-body-s { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-s-weight); letter-spacing: var(--p-type-body-s-tracking); }
  .p-tx-label-m { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-m-weight); letter-spacing: var(--p-type-label-m-tracking); }
  .p-tx-label-s { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-s-weight); letter-spacing: var(--p-type-label-s-tracking); }
  .p-tx-caption { font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-caption-weight); letter-spacing: var(--p-type-caption-tracking); }
  .p-tx-numeric { font-variant-numeric: tabular-nums; }

  .p-tone-icon { display: inline-flex; flex: none; }
  .p-tone-icon[data-tone="info"] { color: var(--p-color-info-text); }
  .p-tone-icon[data-tone="success"] { color: var(--p-color-success-text); }
  .p-tone-icon[data-tone="warning"] { color: var(--p-color-warning-text); }
  .p-tone-icon[data-tone="danger"] { color: var(--p-color-danger-text); }
  .p-tone-icon[data-tone="neutral"] { color: var(--p-color-text-secondary); }

  
  .p-ob {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; gap: var(--p-button-icon-gap);
    height: calc(var(--p-button-size-md) * var(--p-ts, 1)); margin: 0; padding: 0 12px; border: 1px solid transparent; border-radius: var(--p-button-radius);
    background: transparent; color: var(--p-color-text-primary); font: inherit; font-size: calc(var(--p-button-font-size) * var(--p-ts, 1)); line-height: 20px; font-weight: var(--p-button-font-weight); letter-spacing: var(--p-type-tracking-sm);
    white-space: nowrap; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
    transition: background-color var(--p-field-transition) ease, border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease;
  }
  .p-ob > svg { flex: none; width: var(--p-button-icon-size); height: var(--p-button-icon-size); }
  .p-ob[data-size="sm"] { height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); padding: 0 10px; }
  .p-ob[data-size="lg"] { height: calc(var(--p-button-size-lg) * var(--p-ts, 1)); padding: 0 14px; font-size: calc(var(--p-button-font-size-lg) * var(--p-ts, 1)); }
  .p-ob[data-tone="primary"] { background: var(--p-color-text-primary); color: var(--p-color-text-inverse); box-shadow: var(--p-shadow-button-primary); }
  .p-ob[data-tone="secondary"] { background: var(--p-button-secondary-bg); color: var(--p-color-text-primary); border-color: var(--p-color-border-control); box-shadow: var(--p-shadow-control); }
  .p-ob[data-tone="ghost"] { color: var(--p-color-text-primary); }
  .p-ob[data-tone="destructive"] { background: var(--p-color-danger-solid); color: var(--p-color-danger-on-solid); box-shadow: inset 0 1px 0 var(--p-color-white-a10), 0 1px 2px var(--p-color-ink-a10); }
  .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 14%); }
  .p-ob[data-tone="secondary"][data-hovered] { background: var(--p-button-secondary-bg-hover); border-color: var(--p-color-border-control-hover); }
  .p-ob[data-tone="ghost"][data-hovered] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="destructive"][data-hovered] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 8%); }
  .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 24%); }
  .p-ob[data-tone="secondary"][data-pressed] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="ghost"][data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-ob[data-tone="destructive"][data-pressed] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 16%); }
  .p-ob[data-focus-visible] { outline: none; border-color: var(--p-color-button-focus-border); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  .p-ob[data-tone="destructive"][data-focus-visible] { border-color: var(--p-color-danger-solid); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button-danger); }
  .p-ob[aria-disabled="true"] { opacity: var(--p-opacity-disabled); cursor: not-allowed; box-shadow: none; }
  .p-ob[aria-busy="true"] { cursor: progress; }
  @media (pointer: coarse) { .p-ob { min-height: var(--p-size-target-coarse); } }

  
  .p-backdrop {
    position: fixed; inset: 0; z-index: var(--p-z-overlay); background: var(--p-scrim-dialog); min-height: 100dvh;
    transition: opacity var(--p-motion-overlay-scrim-in) var(--p-motion-easing-enter);
    opacity: calc(1 - var(--drawer-swipe-progress, 0));
    -webkit-backdrop-filter: blur(var(--p-overlay-blur)); backdrop-filter: blur(var(--p-overlay-blur));
  }
  
  .p-backdrop--snap { opacity: 1; }
  .p-backdrop[data-starting-style], .p-backdrop[data-ending-style] { opacity: 0; }
  .p-backdrop[data-ending-style] { transition-duration: var(--p-motion-overlay-scrim-out); transition-timing-function: var(--p-motion-easing-standard); }
  
  .p-backdrop--instant, .p-backdrop--instant:is([data-starting-style], [data-ending-style]) { transition-duration: 0ms; }
  @media (prefers-reduced-transparency: reduce) { .p-backdrop { backdrop-filter: none; } }
  
  @media (prefers-reduced-motion: reduce) {
    .p-dialog.p-dialog.p-dialog, .p-sheet.p-sheet.p-sheet, .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  }
  [data-reduced-motion="true"] .p-dialog.p-dialog.p-dialog, [data-reduced-motion="true"] .p-sheet.p-sheet.p-sheet, [data-reduced-motion="true"] .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  
  @supports (-webkit-touch-callout: none) { .p-backdrop { position: absolute; } }

  
  @property --p-fade-t { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @property --p-fade-b { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @keyframes p-fade-scroll {
    0% { --p-fade-t: 0px; --p-fade-b: 16px; }
    4% { --p-fade-t: 16px; }
    96% { --p-fade-b: 16px; }
    100% { --p-fade-t: 16px; --p-fade-b: 0px; }
  }
  .p-scroll-fade {
    --p-fade-t: 0px; --p-fade-b: 0px;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
  }
  @supports (animation-timeline: scroll()) {
    .p-scroll-fade { animation: p-fade-scroll linear both; animation-timeline: scroll(self block); }
  }
  @media (prefers-reduced-motion: reduce) { .p-scroll-fade { animation-timeline: scroll(self block); } }

  
  .p-notice {
    display: flex; align-items: flex-start; gap: 8px; padding: 8px 12px; border-radius: 8px;
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm);
  }
  .p-notice__text { flex: 1; min-width: 0; padding-top: 2px; }
  .p-notice .p-tone-icon { margin-top: 2px; }
  .p-notice[data-tone="danger"] { background: var(--p-color-danger-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-danger-border) 55%, transparent); color: var(--p-color-danger-text); }
  .p-notice[data-tone="warning"] { background: var(--p-color-warning-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-warning-border) 55%, transparent); color: var(--p-color-warning-text); }
  .p-notice[data-tone="info"] { background: var(--p-color-info-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-info-border) 55%, transparent); color: var(--p-color-info-text); }
  .p-notice .p-ob { align-self: center; }

  
  .p-xbtn {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; background: transparent;
    width: calc(var(--p-button-size-sm) * var(--p-ts, 1)); height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); border-radius: 6px; color: var(--p-color-text-tertiary); cursor: pointer;
    -webkit-tap-highlight-color: transparent; transition: background-color var(--p-field-transition) ease, color var(--p-field-transition) ease;
  }
  .p-xbtn[data-hovered] { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); }
  @media (hover: hover) and (pointer: fine) { .p-xbtn:hover { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); } }
  .p-xbtn:active, .p-xbtn[data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-xbtn:focus-visible, .p-xbtn[data-focus-visible] { outline: none; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  @media (pointer: coarse) { .p-xbtn { width: var(--p-size-target-coarse); height: var(--p-size-target-coarse); } }
  
  .p-keycap {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px;
    border-radius: 4px; background: var(--p-color-ink-a6);
    font: inherit; font-size: 11px; line-height: 16px; font-weight: 500; color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums;
  }
  .p-keycap-word { padding: 0 2px; }
  .p-menu__shortcut { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; padding-left: 16px; color: var(--p-color-text-tertiary); font-variant-numeric: tabular-nums; }
  .p-menu__shortcut[data-bare] { margin-left: 2px; padding-left: 0; }
  .p-ob .p-keycap { background: color-mix(in oklab, currentColor 14%, transparent); color: inherit; }
  .p-ob .p-keycap-word { padding: 0 2px; }
  @media (pointer: coarse) { .p-ob .p-menu__shortcut { display: none; } }
}

@layer plain-components {
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"] { background: var(--p-color-accent-action); color: var(--p-color-accent-on-action); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 8%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 16%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][aria-disabled="true"] { opacity: 1; background: color-mix(in oklab, var(--p-color-accent-action) calc(var(--p-opacity-accent-disabled) * 100%), var(--p-color-bg-default)); }
  
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta) * var(--p-ts, 1)); padding: 0 20px; border-radius: var(--p-radius-cta, var(--p-button-radius)); font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta-touch) * var(--p-ts, 1)); }
}

@layer plain-components {
  .p-sheet__viewport { position: fixed; inset: 0; z-index: var(--p-z-modal); display: flex; align-items: flex-end; justify-content: center; touch-action: none; }
  .p-sheet__viewport[data-presentation="side"] { align-items: stretch; justify-content: flex-end; }
  .p-sheet__viewport[data-presentation="form"], .p-sheet__viewport[data-presentation="page"] { align-items: center; padding: 16px; }
  .p-sheet {
    box-sizing: border-box; position: relative; display: flex; flex-direction: column; width: 100%; min-height: 0; overflow: hidden; outline: none;
    background: var(--p-overlay-bg); color: var(--p-color-text-primary); box-shadow: var(--p-shadow-overlay-ring), var(--p-shadow-overlay-highlight), var(--p-shadow-dialog);
    
    transition: transform var(--p-motion-sheet-open) var(--p-motion-easing-drawer), opacity var(--p-motion-sheet-open) var(--p-motion-easing-drawer);
  }
  .p-sheet[data-ending-style] { transition-duration: var(--p-motion-sheet-close); transition-timing-function: var(--p-motion-easing-standard);
  }
  .p-sheet[data-presentation="bottom"] {
    max-height: calc(100dvh - 16px); border-radius: var(--p-overlay-radius-sheet) var(--p-overlay-radius-sheet) 0 0;
    padding-bottom: max(0px, calc(var(--drawer-snap-point-offset, 0px) + var(--drawer-swipe-movement-y, 0px)));
    transform: translateY(calc(var(--drawer-snap-point-offset, 0px) + var(--drawer-swipe-movement-y, 0px)));
  }
  .p-sheet[data-presentation="bottom"][data-starting-style], .p-sheet[data-presentation="bottom"][data-ending-style] { transform: translateY(100%); padding-bottom: 0; }
  .p-sheet[data-presentation="side"] {
    width: min(400px, 100vw); max-width: none; height: 100%; border-radius: 0;
    transform: translateX(var(--drawer-swipe-movement-x, 0px));
  }
  .p-sheet[data-presentation="side"][data-starting-style], .p-sheet[data-presentation="side"][data-ending-style] { transform: translateX(100%); }
  .p-sheet[data-presentation="form"], .p-sheet[data-presentation="page"] {
    max-width: 560px; max-height: calc(100dvh - 32px); border-radius: var(--p-overlay-radius-sheet);
    transform: translateY(var(--drawer-swipe-movement-y, 0px));
  }
  .p-sheet[data-presentation="page"] { max-width: 720px; height: calc(100dvh - 64px); }
  .p-sheet[data-presentation="form"][data-starting-style], .p-sheet[data-presentation="form"][data-ending-style],
  .p-sheet[data-presentation="page"][data-starting-style], .p-sheet[data-presentation="page"][data-ending-style] { transform: translateY(24px); opacity: 0; }
  .p-sheet[data-presentation="full-screen-cover"] { height: 100dvh; max-width: none; border-radius: 0; transform: translateY(var(--drawer-swipe-movement-y, 0px)); }
  .p-sheet[data-presentation="full-screen-cover"][data-starting-style], .p-sheet[data-presentation="full-screen-cover"][data-ending-style] { transform: translateY(100%); }
  .p-sheet--static { position: relative; transform: none !important; }
  .p-sheet--static[data-presentation="bottom"] { border-radius: var(--p-overlay-radius-sheet); padding-bottom: 0; }
  .p-sheet--static[data-presentation="bottom"][data-detent="medium"] { height: 320px; }
  .p-sheet--static[data-presentation="bottom"][data-detent="large"] { height: 520px; }
  .p-sheet--static[data-presentation="side"] { height: 420px; width: 100%; max-width: 400px; border-radius: 0; }
  .p-sheet--static[data-presentation="form"] { max-width: 560px; }
  .p-sheet--static[data-presentation="page"] { max-width: 720px; height: 460px; }
  .p-sheet--static[data-presentation="full-screen-cover"] { height: 520px; border-radius: var(--p-overlay-radius-sheet); }

  .p-sheet__content { display: flex; flex-direction: column; flex: 1; min-height: 0; }
  .p-sheet--static { display: flex; }
  .p-sheet__head { flex: none; padding: 8px 12px 0 24px; touch-action: none; }
  .p-sheet[data-presentation="side"] .p-sheet__head, .p-sheet[data-presentation="form"] .p-sheet__head, .p-sheet[data-presentation="page"] .p-sheet__head { padding-top: 16px; }
  .p-sheet__grabber { display: block; width: 36px; height: 4px; margin: 0 auto 8px; border-radius: var(--p-radius-full); background: var(--p-color-ink-a20); }
  .p-sheet__titlebar { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 28px; }
  .p-sheet__title { margin: 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: calc(16px * var(--p-ts, 1)); line-height: calc(24px * var(--p-ts, 1)); font-weight: min(600, var(--p-font-weight-max, 1000)); letter-spacing: var(--p-type-tracking-md); color: var(--p-color-text-primary); }
  .p-sheet__body { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; touch-action: pan-y; padding: 16px 24px; display: flex; flex-direction: column; gap: 16px; scrollbar-width: thin;
    font-size: calc(var(--p-field-font-size) * var(--p-ts, 1)); line-height: calc(var(--p-field-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm); }
  
  .p-sheet__body > * { flex-shrink: 0; }
  .p-sheet__footer { flex: none; display: flex; justify-content: flex-end; gap: 8px; padding: 0 24px calc(24px + env(safe-area-inset-bottom, 0px)); background: transparent; }
  
  .p-sheet__footer[data-separated] { box-shadow: 0 -1px 0 var(--p-color-ink-a8); }
  :is([data-business="b2c"], [data-business="game"]) .p-sheet__footer { padding-top: 12px; padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)); }
  :is([data-business="b2c"], [data-business="game"]) .p-sheet__footer { transition: box-shadow var(--p-motion-duration-fast) var(--p-motion-easing-standard); }
  
  @media (max-width: 599.98px) {
    .p-sheet[data-presentation="bottom"] .p-sheet__footer { flex-direction: column-reverse; align-items: stretch; }
    .p-sheet[data-presentation="bottom"] .p-sheet__footer > * { width: 100%; }
  }
  
  .p-sheet__viewport[data-floating] { padding: var(--p-sheet-inset, 8px); padding-bottom: max(var(--p-sheet-inset, 8px), env(safe-area-inset-bottom, 0px)); }
  .p-sheet__viewport[data-floating][data-presentation="side"] { padding: var(--p-sheet-inset, 8px); }
  .p-sheet[data-floating] { border-radius: var(--p-overlay-radius-sheet) !important; }
  .p-sheet[data-presentation="bottom"][data-floating] { max-height: calc(100dvh - 32px); }
  .p-sheet[data-presentation="side"][data-floating] { height: 100%; }
  .p-sheet[data-presentation="side"][data-floating][data-starting-style], .p-sheet[data-presentation="side"][data-floating][data-ending-style] { transform: translateX(calc(100% + 16px)); }
  .p-sheet--static[data-presentation="bottom"][data-floating] { width: calc(100% - 2 * var(--p-sheet-inset, 8px)); margin: 0 auto; }
  .p-sheet--static[data-floating][data-presentation="side"] { height: 420px; }
  
  .p-sheet__text-dismiss { flex: none; display: flex; justify-content: center; padding: 0 24px calc(12px + env(safe-area-inset-bottom, 0px)); }
  .p-sheet__text-dismiss-btn { all: unset; box-sizing: border-box; min-height: var(--p-size-target-coarse); padding: 0 16px; display: inline-flex; align-items: center; border-radius: 8px; font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); font-weight: 500; color: var(--p-color-text-secondary); cursor: default; }
  .p-sheet__text-dismiss-btn:focus-visible { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: -2px; }
  @media (hover: hover) and (pointer: fine) { .p-sheet__text-dismiss-btn:hover { color: var(--p-color-text-primary); background: var(--p-color-surface-hover); } }
  
    :is([data-business="b2c"], [data-business="game"]) .p-sheet__title { font-size: calc(var(--p-type-title-l-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-l-line-height) * var(--p-ts, 1)); }
}

@layer plain-components {
  
  .p-tx-title-s { font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); letter-spacing: var(--p-type-title-s-tracking); }
  .p-tx-title-m { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-m-weight); letter-spacing: var(--p-type-title-m-tracking); }
  .p-tx-body-m { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-m-weight); letter-spacing: var(--p-type-body-m-tracking); }
  .p-tx-body-s { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-s-weight); letter-spacing: var(--p-type-body-s-tracking); }
  .p-tx-label-m { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-m-weight); letter-spacing: var(--p-type-label-m-tracking); }
  .p-tx-label-s { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-s-weight); letter-spacing: var(--p-type-label-s-tracking); }
  .p-tx-caption { font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-caption-weight); letter-spacing: var(--p-type-caption-tracking); }
  .p-tx-numeric { font-variant-numeric: tabular-nums; }

  .p-tone-icon { display: inline-flex; flex: none; }
  .p-tone-icon[data-tone="info"] { color: var(--p-color-info-text); }
  .p-tone-icon[data-tone="success"] { color: var(--p-color-success-text); }
  .p-tone-icon[data-tone="warning"] { color: var(--p-color-warning-text); }
  .p-tone-icon[data-tone="danger"] { color: var(--p-color-danger-text); }
  .p-tone-icon[data-tone="neutral"] { color: var(--p-color-text-secondary); }

  
  .p-ob {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; gap: var(--p-button-icon-gap);
    height: calc(var(--p-button-size-md) * var(--p-ts, 1)); margin: 0; padding: 0 12px; border: 1px solid transparent; border-radius: var(--p-button-radius);
    background: transparent; color: var(--p-color-text-primary); font: inherit; font-size: calc(var(--p-button-font-size) * var(--p-ts, 1)); line-height: 20px; font-weight: var(--p-button-font-weight); letter-spacing: var(--p-type-tracking-sm);
    white-space: nowrap; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
    transition: background-color var(--p-field-transition) ease, border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease;
  }
  .p-ob > svg { flex: none; width: var(--p-button-icon-size); height: var(--p-button-icon-size); }
  .p-ob[data-size="sm"] { height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); padding: 0 10px; }
  .p-ob[data-size="lg"] { height: calc(var(--p-button-size-lg) * var(--p-ts, 1)); padding: 0 14px; font-size: calc(var(--p-button-font-size-lg) * var(--p-ts, 1)); }
  .p-ob[data-tone="primary"] { background: var(--p-color-text-primary); color: var(--p-color-text-inverse); box-shadow: var(--p-shadow-button-primary); }
  .p-ob[data-tone="secondary"] { background: var(--p-button-secondary-bg); color: var(--p-color-text-primary); border-color: var(--p-color-border-control); box-shadow: var(--p-shadow-control); }
  .p-ob[data-tone="ghost"] { color: var(--p-color-text-primary); }
  .p-ob[data-tone="destructive"] { background: var(--p-color-danger-solid); color: var(--p-color-danger-on-solid); box-shadow: inset 0 1px 0 var(--p-color-white-a10), 0 1px 2px var(--p-color-ink-a10); }
  .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 14%); }
  .p-ob[data-tone="secondary"][data-hovered] { background: var(--p-button-secondary-bg-hover); border-color: var(--p-color-border-control-hover); }
  .p-ob[data-tone="ghost"][data-hovered] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="destructive"][data-hovered] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 8%); }
  .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 24%); }
  .p-ob[data-tone="secondary"][data-pressed] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="ghost"][data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-ob[data-tone="destructive"][data-pressed] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 16%); }
  .p-ob[data-focus-visible] { outline: none; border-color: var(--p-color-button-focus-border); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  .p-ob[data-tone="destructive"][data-focus-visible] { border-color: var(--p-color-danger-solid); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button-danger); }
  .p-ob[aria-disabled="true"] { opacity: var(--p-opacity-disabled); cursor: not-allowed; box-shadow: none; }
  .p-ob[aria-busy="true"] { cursor: progress; }
  @media (pointer: coarse) { .p-ob { min-height: var(--p-size-target-coarse); } }

  
  .p-backdrop {
    position: fixed; inset: 0; z-index: var(--p-z-overlay); background: var(--p-scrim-dialog); min-height: 100dvh;
    transition: opacity var(--p-motion-overlay-scrim-in) var(--p-motion-easing-enter);
    opacity: calc(1 - var(--drawer-swipe-progress, 0));
    -webkit-backdrop-filter: blur(var(--p-overlay-blur)); backdrop-filter: blur(var(--p-overlay-blur));
  }
  
  .p-backdrop--snap { opacity: 1; }
  .p-backdrop[data-starting-style], .p-backdrop[data-ending-style] { opacity: 0; }
  .p-backdrop[data-ending-style] { transition-duration: var(--p-motion-overlay-scrim-out); transition-timing-function: var(--p-motion-easing-standard); }
  
  .p-backdrop--instant, .p-backdrop--instant:is([data-starting-style], [data-ending-style]) { transition-duration: 0ms; }
  @media (prefers-reduced-transparency: reduce) { .p-backdrop { backdrop-filter: none; } }
  
  @media (prefers-reduced-motion: reduce) {
    .p-dialog.p-dialog.p-dialog, .p-sheet.p-sheet.p-sheet, .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  }
  [data-reduced-motion="true"] .p-dialog.p-dialog.p-dialog, [data-reduced-motion="true"] .p-sheet.p-sheet.p-sheet, [data-reduced-motion="true"] .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  
  @supports (-webkit-touch-callout: none) { .p-backdrop { position: absolute; } }

  
  @property --p-fade-t { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @property --p-fade-b { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @keyframes p-fade-scroll {
    0% { --p-fade-t: 0px; --p-fade-b: 16px; }
    4% { --p-fade-t: 16px; }
    96% { --p-fade-b: 16px; }
    100% { --p-fade-t: 16px; --p-fade-b: 0px; }
  }
  .p-scroll-fade {
    --p-fade-t: 0px; --p-fade-b: 0px;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
  }
  @supports (animation-timeline: scroll()) {
    .p-scroll-fade { animation: p-fade-scroll linear both; animation-timeline: scroll(self block); }
  }
  @media (prefers-reduced-motion: reduce) { .p-scroll-fade { animation-timeline: scroll(self block); } }

  
  .p-notice {
    display: flex; align-items: flex-start; gap: 8px; padding: 8px 12px; border-radius: 8px;
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm);
  }
  .p-notice__text { flex: 1; min-width: 0; padding-top: 2px; }
  .p-notice .p-tone-icon { margin-top: 2px; }
  .p-notice[data-tone="danger"] { background: var(--p-color-danger-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-danger-border) 55%, transparent); color: var(--p-color-danger-text); }
  .p-notice[data-tone="warning"] { background: var(--p-color-warning-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-warning-border) 55%, transparent); color: var(--p-color-warning-text); }
  .p-notice[data-tone="info"] { background: var(--p-color-info-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-info-border) 55%, transparent); color: var(--p-color-info-text); }
  .p-notice .p-ob { align-self: center; }

  
  .p-xbtn {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; background: transparent;
    width: calc(var(--p-button-size-sm) * var(--p-ts, 1)); height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); border-radius: 6px; color: var(--p-color-text-tertiary); cursor: pointer;
    -webkit-tap-highlight-color: transparent; transition: background-color var(--p-field-transition) ease, color var(--p-field-transition) ease;
  }
  .p-xbtn[data-hovered] { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); }
  @media (hover: hover) and (pointer: fine) { .p-xbtn:hover { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); } }
  .p-xbtn:active, .p-xbtn[data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-xbtn:focus-visible, .p-xbtn[data-focus-visible] { outline: none; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  @media (pointer: coarse) { .p-xbtn { width: var(--p-size-target-coarse); height: var(--p-size-target-coarse); } }
  
  .p-keycap {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px;
    border-radius: 4px; background: var(--p-color-ink-a6);
    font: inherit; font-size: 11px; line-height: 16px; font-weight: 500; color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums;
  }
  .p-keycap-word { padding: 0 2px; }
  .p-menu__shortcut { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; padding-left: 16px; color: var(--p-color-text-tertiary); font-variant-numeric: tabular-nums; }
  .p-menu__shortcut[data-bare] { margin-left: 2px; padding-left: 0; }
  .p-ob .p-keycap { background: color-mix(in oklab, currentColor 14%, transparent); color: inherit; }
  .p-ob .p-keycap-word { padding: 0 2px; }
  @media (pointer: coarse) { .p-ob .p-menu__shortcut { display: none; } }
}

@layer plain-components {
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"] { background: var(--p-color-accent-action); color: var(--p-color-accent-on-action); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 8%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 16%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][aria-disabled="true"] { opacity: 1; background: color-mix(in oklab, var(--p-color-accent-action) calc(var(--p-opacity-accent-disabled) * 100%), var(--p-color-bg-default)); }
  
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta) * var(--p-ts, 1)); padding: 0 20px; border-radius: var(--p-radius-cta, var(--p-button-radius)); font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta-touch) * var(--p-ts, 1)); }
}

@layer plain-components {
  .p-toast-viewport {
    position: fixed; z-index: var(--p-z-toast); left: 16px; right: 16px; bottom: calc(16px + var(--p-toast-offset, 0px) + max(env(safe-area-inset-bottom, 0px), var(--p-sticky-bottom, 0px)));
    display: flex; justify-content: center; pointer-events: none; margin: 0; padding: 0; outline: none;
    transition: bottom 160ms ease; 
  }
  @media (prefers-reduced-motion: reduce) { .p-toast-viewport { transition: none; } }
  @media (min-width: 600px) { .p-toast-viewport { left: auto; right: 24px; bottom: calc(24px + var(--p-toast-offset, 0px) + var(--p-sticky-bottom, 0px)); width: 380px; justify-content: flex-end; } }
  
  .p-toast {
    --_i: var(--toast-index, 0); --_s: calc(1 - var(--_i) * var(--p-motion-toast-scale-step));
    box-sizing: border-box; position: absolute; bottom: 0; right: 0; left: 0; width: 100%; max-width: 420px; margin: 0 auto; pointer-events: auto; transform-origin: bottom center;
    padding: 0;
    z-index: calc(100 - var(--_i));
    transform: translate(var(--toast-swipe-movement-x, 0px), calc(var(--toast-swipe-movement-y, 0px) - var(--_i) * var(--p-motion-toast-peek))) scale(var(--_s));
    transition: transform var(--p-motion-toast-in) var(--p-motion-easing-enter), opacity var(--p-motion-toast-in) var(--p-motion-easing-enter); 
  }
  .p-toast::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: var(--p-motion-toast-gap); } 
  .p-toast[data-expanded] { transform: translate(var(--toast-swipe-movement-x, 0px), calc(var(--toast-swipe-movement-y, 0px) - var(--toast-offset-y, 0px) - var(--_i) * var(--p-motion-toast-gap))); }
  .p-toast[data-swiping] { transition-duration: 0ms; }
  .p-toast[data-starting-style] { opacity: 0; transform: translateY(calc(100% + var(--p-motion-toast-peek))); }
  .p-toast[data-ending-style] {
    opacity: 0; transform: translate(var(--toast-swipe-movement-x, 0px), calc(var(--toast-swipe-movement-y, 0px) + 100%)) scale(var(--_s));
    transition-duration: var(--p-motion-toast-out); transition-timing-function: var(--p-motion-easing-standard);
  }
  
  .p-toast:not([data-expanded]) { height: var(--toast-frontmost-height, auto); }
  .p-toast[data-expanded] { height: var(--toast-height, auto); }
  .p-toast:not([data-expanded]):not([style*="--toast-index: 0;"]) > .p-toast__content { opacity: 0; }
  .p-toast__content { transition: opacity var(--p-motion-toast-in) var(--p-motion-easing-enter); }
  .p-toast[data-limited] { opacity: 0; pointer-events: none; }
  .p-toast--static { position: relative; margin: 0; }
  
  .p-toast__content { display: flex; align-items: center; gap: 10px; padding: var(--p-overlay-toast-padding-y) var(--p-overlay-toast-padding-x); min-height: 44px; }
  .p-toast__content:has(.p-toast__desc) { align-items: flex-start; }
  .p-toast__content:has(.p-toast__desc) > .p-tone-icon { margin-top: 2px; }
  .p-toast__content:has(.p-toast__desc) > .p-toast__action { align-self: center; }
  .p-toast__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0; padding-top: 0; }
  .p-toast__title { font-size: 13px; line-height: 20px; font-weight: 500; letter-spacing: var(--p-type-tracking-sm); color: var(--p-color-text-primary); overflow-wrap: break-word; }
  .p-toast__desc { font-size: 13px; line-height: 20px; font-weight: 400; letter-spacing: var(--p-type-tracking-sm); color: var(--p-color-text-secondary); overflow-wrap: break-word; }
  .p-toast__action { align-self: center; margin: -4px -6px -4px 0; color: var(--p-color-text-primary); }
  
  .p-toast__close { position: absolute; top: -8px; left: -8px; opacity: 0; transition: opacity var(--p-field-transition) ease; }
  .p-toast__close .p-xbtn { width: 20px; height: 20px; border-radius: 50%; background: var(--p-overlay-bg); box-shadow: var(--p-shadow-overlay-ring), 0 1px 2px var(--p-color-ink-a10); }
  @media (hover: hover) and (pointer: fine) { .p-toast__close .p-xbtn:hover { background: var(--p-overlay-bg); box-shadow: var(--p-shadow-overlay-ring), 0 1px 2px var(--p-color-ink-a10); color: var(--p-color-text-primary); } }
  .p-toast__close .p-xbtn svg { width: 12px; height: 12px; }
  @media (hover: hover) and (pointer: fine) { .p-toast:hover .p-toast__close { opacity: 1; } }
  .p-toast:focus-within .p-toast__close, .p-toast__close:focus-within, .p-toast--static[data-close-visible] .p-toast__close { opacity: 1; }
  @media (hover: none), (pointer: coarse) { .p-toast__close { opacity: 1; } }
  .p-toast[data-tone="error"] .p-toast__title { color: var(--p-color-text-primary); }
  @media (prefers-reduced-motion: reduce) {
    .p-toast { transition: opacity var(--p-motion-duration-reduced) linear; }
    .p-toast[data-starting-style], .p-toast[data-ending-style] { transform: translate(var(--toast-swipe-movement-x, 0px), calc(var(--toast-swipe-movement-y, 0px) - var(--_i) * var(--p-motion-toast-peek))) scale(var(--_s)); }
  }

  
  :is([data-business="b2c"], [data-business="game"]) .p-toast__close { position: static; opacity: 1; margin: -4px -8px -4px 0; align-self: center; }
  :is([data-business="b2c"], [data-business="game"]) .p-toast__close .p-xbtn { width: 32px; height: 32px; border-radius: var(--p-radius-full); background: transparent; box-shadow: none; color: var(--p-color-text-secondary); }
  :is([data-business="b2c"], [data-business="game"]) .p-toast__close .p-xbtn svg { width: 16px; height: 16px; }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) .p-toast__close .p-xbtn { width: var(--p-size-target-coarse); height: var(--p-size-target-coarse); }
}

@layer plain-components {
  
  .p-tx-title-s { font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); letter-spacing: var(--p-type-title-s-tracking); }
  .p-tx-title-m { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-m-weight); letter-spacing: var(--p-type-title-m-tracking); }
  .p-tx-body-m { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-m-weight); letter-spacing: var(--p-type-body-m-tracking); }
  .p-tx-body-s { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-s-weight); letter-spacing: var(--p-type-body-s-tracking); }
  .p-tx-label-m { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-m-weight); letter-spacing: var(--p-type-label-m-tracking); }
  .p-tx-label-s { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-s-weight); letter-spacing: var(--p-type-label-s-tracking); }
  .p-tx-caption { font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-caption-weight); letter-spacing: var(--p-type-caption-tracking); }
  .p-tx-numeric { font-variant-numeric: tabular-nums; }

  .p-tone-icon { display: inline-flex; flex: none; }
  .p-tone-icon[data-tone="info"] { color: var(--p-color-info-text); }
  .p-tone-icon[data-tone="success"] { color: var(--p-color-success-text); }
  .p-tone-icon[data-tone="warning"] { color: var(--p-color-warning-text); }
  .p-tone-icon[data-tone="danger"] { color: var(--p-color-danger-text); }
  .p-tone-icon[data-tone="neutral"] { color: var(--p-color-text-secondary); }

  
  .p-ob {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; gap: var(--p-button-icon-gap);
    height: calc(var(--p-button-size-md) * var(--p-ts, 1)); margin: 0; padding: 0 12px; border: 1px solid transparent; border-radius: var(--p-button-radius);
    background: transparent; color: var(--p-color-text-primary); font: inherit; font-size: calc(var(--p-button-font-size) * var(--p-ts, 1)); line-height: 20px; font-weight: var(--p-button-font-weight); letter-spacing: var(--p-type-tracking-sm);
    white-space: nowrap; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
    transition: background-color var(--p-field-transition) ease, border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease;
  }
  .p-ob > svg { flex: none; width: var(--p-button-icon-size); height: var(--p-button-icon-size); }
  .p-ob[data-size="sm"] { height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); padding: 0 10px; }
  .p-ob[data-size="lg"] { height: calc(var(--p-button-size-lg) * var(--p-ts, 1)); padding: 0 14px; font-size: calc(var(--p-button-font-size-lg) * var(--p-ts, 1)); }
  .p-ob[data-tone="primary"] { background: var(--p-color-text-primary); color: var(--p-color-text-inverse); box-shadow: var(--p-shadow-button-primary); }
  .p-ob[data-tone="secondary"] { background: var(--p-button-secondary-bg); color: var(--p-color-text-primary); border-color: var(--p-color-border-control); box-shadow: var(--p-shadow-control); }
  .p-ob[data-tone="ghost"] { color: var(--p-color-text-primary); }
  .p-ob[data-tone="destructive"] { background: var(--p-color-danger-solid); color: var(--p-color-danger-on-solid); box-shadow: inset 0 1px 0 var(--p-color-white-a10), 0 1px 2px var(--p-color-ink-a10); }
  .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 14%); }
  .p-ob[data-tone="secondary"][data-hovered] { background: var(--p-button-secondary-bg-hover); border-color: var(--p-color-border-control-hover); }
  .p-ob[data-tone="ghost"][data-hovered] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="destructive"][data-hovered] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 8%); }
  .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 24%); }
  .p-ob[data-tone="secondary"][data-pressed] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="ghost"][data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-ob[data-tone="destructive"][data-pressed] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 16%); }
  .p-ob[data-focus-visible] { outline: none; border-color: var(--p-color-button-focus-border); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  .p-ob[data-tone="destructive"][data-focus-visible] { border-color: var(--p-color-danger-solid); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button-danger); }
  .p-ob[aria-disabled="true"] { opacity: var(--p-opacity-disabled); cursor: not-allowed; box-shadow: none; }
  .p-ob[aria-busy="true"] { cursor: progress; }
  @media (pointer: coarse) { .p-ob { min-height: var(--p-size-target-coarse); } }

  
  .p-backdrop {
    position: fixed; inset: 0; z-index: var(--p-z-overlay); background: var(--p-scrim-dialog); min-height: 100dvh;
    transition: opacity var(--p-motion-overlay-scrim-in) var(--p-motion-easing-enter);
    opacity: calc(1 - var(--drawer-swipe-progress, 0));
    -webkit-backdrop-filter: blur(var(--p-overlay-blur)); backdrop-filter: blur(var(--p-overlay-blur));
  }
  
  .p-backdrop--snap { opacity: 1; }
  .p-backdrop[data-starting-style], .p-backdrop[data-ending-style] { opacity: 0; }
  .p-backdrop[data-ending-style] { transition-duration: var(--p-motion-overlay-scrim-out); transition-timing-function: var(--p-motion-easing-standard); }
  
  .p-backdrop--instant, .p-backdrop--instant:is([data-starting-style], [data-ending-style]) { transition-duration: 0ms; }
  @media (prefers-reduced-transparency: reduce) { .p-backdrop { backdrop-filter: none; } }
  
  @media (prefers-reduced-motion: reduce) {
    .p-dialog.p-dialog.p-dialog, .p-sheet.p-sheet.p-sheet, .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  }
  [data-reduced-motion="true"] .p-dialog.p-dialog.p-dialog, [data-reduced-motion="true"] .p-sheet.p-sheet.p-sheet, [data-reduced-motion="true"] .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  
  @supports (-webkit-touch-callout: none) { .p-backdrop { position: absolute; } }

  
  @property --p-fade-t { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @property --p-fade-b { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @keyframes p-fade-scroll {
    0% { --p-fade-t: 0px; --p-fade-b: 16px; }
    4% { --p-fade-t: 16px; }
    96% { --p-fade-b: 16px; }
    100% { --p-fade-t: 16px; --p-fade-b: 0px; }
  }
  .p-scroll-fade {
    --p-fade-t: 0px; --p-fade-b: 0px;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
  }
  @supports (animation-timeline: scroll()) {
    .p-scroll-fade { animation: p-fade-scroll linear both; animation-timeline: scroll(self block); }
  }
  @media (prefers-reduced-motion: reduce) { .p-scroll-fade { animation-timeline: scroll(self block); } }

  
  .p-notice {
    display: flex; align-items: flex-start; gap: 8px; padding: 8px 12px; border-radius: 8px;
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm);
  }
  .p-notice__text { flex: 1; min-width: 0; padding-top: 2px; }
  .p-notice .p-tone-icon { margin-top: 2px; }
  .p-notice[data-tone="danger"] { background: var(--p-color-danger-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-danger-border) 55%, transparent); color: var(--p-color-danger-text); }
  .p-notice[data-tone="warning"] { background: var(--p-color-warning-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-warning-border) 55%, transparent); color: var(--p-color-warning-text); }
  .p-notice[data-tone="info"] { background: var(--p-color-info-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-info-border) 55%, transparent); color: var(--p-color-info-text); }
  .p-notice .p-ob { align-self: center; }

  
  .p-xbtn {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; background: transparent;
    width: calc(var(--p-button-size-sm) * var(--p-ts, 1)); height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); border-radius: 6px; color: var(--p-color-text-tertiary); cursor: pointer;
    -webkit-tap-highlight-color: transparent; transition: background-color var(--p-field-transition) ease, color var(--p-field-transition) ease;
  }
  .p-xbtn[data-hovered] { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); }
  @media (hover: hover) and (pointer: fine) { .p-xbtn:hover { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); } }
  .p-xbtn:active, .p-xbtn[data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-xbtn:focus-visible, .p-xbtn[data-focus-visible] { outline: none; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  @media (pointer: coarse) { .p-xbtn { width: var(--p-size-target-coarse); height: var(--p-size-target-coarse); } }
  
  .p-keycap {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px;
    border-radius: 4px; background: var(--p-color-ink-a6);
    font: inherit; font-size: 11px; line-height: 16px; font-weight: 500; color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums;
  }
  .p-keycap-word { padding: 0 2px; }
  .p-menu__shortcut { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; padding-left: 16px; color: var(--p-color-text-tertiary); font-variant-numeric: tabular-nums; }
  .p-menu__shortcut[data-bare] { margin-left: 2px; padding-left: 0; }
  .p-ob .p-keycap { background: color-mix(in oklab, currentColor 14%, transparent); color: inherit; }
  .p-ob .p-keycap-word { padding: 0 2px; }
  @media (pointer: coarse) { .p-ob .p-menu__shortcut { display: none; } }
}

@layer plain-components {
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"] { background: var(--p-color-accent-action); color: var(--p-color-accent-on-action); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 8%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 16%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][aria-disabled="true"] { opacity: 1; background: color-mix(in oklab, var(--p-color-accent-action) calc(var(--p-opacity-accent-disabled) * 100%), var(--p-color-bg-default)); }
  
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta) * var(--p-ts, 1)); padding: 0 20px; border-radius: var(--p-radius-cta, var(--p-button-radius)); font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta-touch) * var(--p-ts, 1)); }
}

@layer plain-components {
  
  .p-banner {
    box-sizing: border-box; display: flex; align-items: flex-start; gap: 10px; width: 100%; min-height: calc(40px * var(--p-ts, 1)); padding: 8px 8px 8px 12px;
    border-radius: 10px; color: var(--p-color-text-primary);
    font-size: calc(var(--p-field-font-size) * var(--p-ts, 1)); line-height: calc(var(--p-field-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm);
  }
  .p-banner > .p-tone-icon { margin-top: 2px; }
  .p-banner__text { flex: 1; min-width: 0; padding: 4px 8px 4px 0; color: var(--p-color-text-secondary); text-wrap: pretty; }
  .p-banner__title { font-weight: 500; color: var(--p-color-text-primary); }
  .p-banner > .p-ob, .p-banner > .p-xbtn { align-self: center; }
  
  .p-banner { container-type: inline-size; flex-wrap: wrap; row-gap: 0; }
  .p-banner__text { flex-basis: 0; }
  @container (max-width: 479px) {
    .p-banner > .p-xbtn { order: 1; align-self: flex-start; }
    .p-banner:has(> .p-ob)::after { content: ""; order: 2; flex: 0 0 100%; height: 0; }
    .p-banner > .p-ob { order: 3; align-self: flex-start; margin: 4px 0 4px 24px; }
  }
  .p-banner[data-tone="info"] { background: var(--p-color-info-subtle); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-info-border) 50%, transparent); }
  .p-banner[data-tone="warning"] { background: var(--p-color-warning-subtle); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-warning-border) 50%, transparent); }
  .p-banner[data-tone="danger"] { background: var(--p-color-danger-subtle); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-danger-border) 50%, transparent); }
  .p-banner[data-tone="success"] { background: var(--p-color-success-subtle); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-success-border) 50%, transparent); }
  .p-banner[data-tone="info"] > .p-tone-icon { color: var(--p-color-info-text); }
  .p-banner[data-tone="warning"] > .p-tone-icon { color: var(--p-color-warning-text); }
  .p-banner[data-tone="danger"] > .p-tone-icon { color: var(--p-color-danger-text); }
  .p-banner[data-tone="success"] > .p-tone-icon { color: var(--p-color-success-text); }
}

@layer plain-components {
  .p-avatar {
    box-sizing: border-box; position: relative; display: inline-flex; flex: none; align-items: center; justify-content: center; vertical-align: middle; overflow: hidden;
    width: var(--p-avatar-size, 32px); height: var(--p-avatar-size, 32px); border-radius: var(--p-radius-full); background: var(--p-avatar-placeholder, var(--p-color-surface-pressed)); color: var(--p-color-text-secondary);
    font-size: calc(var(--p-avatar-size, 32px) * 0.4); line-height: 1; font-weight: min(600, var(--p-font-weight-max, 1000)); user-select: none;
  }
  .p-avatar[data-size="20"] { font-size: 9px; letter-spacing: 0; }
  .p-avatar[data-size="24"] { font-size: 12px; }
  .p-avatar[data-size="32"] { font-size: 13px; }
  .p-avatar[data-size="36"] { font-size: 14px; }
  .p-avatar[data-size="40"] { font-size: 15px; }
  .p-avatar[data-size="64"] { font-size: 24px; }
  .p-avatar[data-size="96"] { font-size: 34px; }
  .p-avatar__root { display: contents; }
  .p-avatar__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .p-avatar__fallback { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
  .p-avatar__fallback[data-initials]::before { content: attr(data-initials); }
  .p-avatar[data-loading] { background: var(--p-avatar-placeholder, var(--p-color-surface-pressed)); }
  .p-avatar--button { all: unset; box-sizing: border-box; position: relative; display: inline-flex; flex: none; overflow: hidden; width: var(--p-avatar-size, 32px); height: var(--p-avatar-size, 32px); border-radius: var(--p-radius-full); background: var(--p-avatar-placeholder, var(--p-color-surface-pressed)); color: var(--p-color-text-secondary); font-weight: min(600, var(--p-font-weight-max, 1000)); cursor: default; }
  .p-avatar--button .p-avatar__root { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
  @media all { .p-avatar--button[data-hovered]::after { content: ""; position: absolute; inset: 0; background: var(--p-color-text-primary); opacity: var(--p-opacity-state-hover); } }
  .p-avatar--button[data-pressed]::after { content: ""; position: absolute; inset: 0; background: var(--p-color-text-primary); opacity: var(--p-opacity-state-pressed); }
  .p-avatar--button[data-focus-visible] { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: var(--p-focus-offset); }
  .p-avatar-group { display: inline-flex; align-items: center; }
  .p-avatar-group > * + * { margin-left: -8px; }
  .p-avatar-group > * { box-shadow: 0 0 0 2px var(--p-color-bg-default); }
  .p-avatar--more { background: var(--p-color-surface-pressed); font-size: 12px; font-variant-numeric: tabular-nums; }
}

@layer plain-components {
  .p-avatar, .p-avatar--button { background: var(--p-avatar-placeholder, var(--p-color-ink-a6)); font-weight: 500; font-variant-numeric: tabular-nums; letter-spacing: 0; }
  .p-avatar::after, .p-avatar--button .p-avatar__root::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px var(--p-color-ink-a8); pointer-events: none; }
  .p-avatar--button .p-avatar__root { position: relative; }
  .p-avatar--button[data-hovered]::after, .p-avatar--button[data-pressed]::after { box-shadow: none; background: var(--p-color-ink-a5); opacity: 1; }
  .p-avatar-group > * { box-shadow: 0 0 0 2px var(--p-color-bg-default); }
  .p-avatar--more { background: var(--p-color-ink-a8); font-weight: 500; }
}

@layer plain-components {
  .p-badge {
    box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; vertical-align: middle;
    min-width: 20px; height: 20px; padding: 0 6px; border-radius: var(--p-radius-full); background: var(--p-color-accent-solid); color: var(--p-color-text-on-accent);
    font-size: 12px; line-height: 1; font-weight: min(600, var(--p-font-weight-max, 1000)); font-variant-numeric: tabular-nums; white-space: nowrap;
  }
  .p-badge[data-size="sm"] { min-width: 16px; height: 16px; padding: 0 4px; font-size: 12px; }
  .p-badge[data-variant="dot"] { min-width: 8px; width: 8px; height: 8px; padding: 0; }
  .p-badge[data-variant="dot"][data-size="sm"] { min-width: 6px; width: 6px; height: 6px; }
}

@layer plain-components {
  .p-badge { min-width: 18px; height: 18px; padding: 0 6px; background: var(--p-color-count-bg); color: var(--p-color-count-text); font-size: 11px; line-height: 16px; letter-spacing: 0; }
  .p-badge[data-size="sm"] { min-width: 16px; height: 16px; padding: 0 4px; }
  .p-badge[data-variant="dot"] { min-width: 8px; width: 8px; height: 8px; padding: 0; background: var(--p-color-accent-solid); }
  .p-badge[data-variant="dot"][data-size="sm"] { min-width: 6px; width: 6px; height: 6px; }
}

@layer plain-components {
  .p-status {
    box-sizing: border-box; display: inline-flex; flex: none; align-items: center; gap: 4px; height: 24px; padding: 0 8px 0 6px; max-width: 100%;
    border: 1px solid var(--p-color-border-default); border-radius: var(--p-radius-control); background: var(--p-color-surface-hover); color: var(--p-color-text-secondary);
    font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: 1; font-weight: 500; white-space: nowrap; vertical-align: middle;
  }
  .p-status[data-size="sm"] { height: 20px; padding: 0 6px 0 4px; }
  .p-status__text { overflow: hidden; text-overflow: ellipsis; padding-top: 0; }
  .p-status[data-tone="success"] { background: var(--p-color-success-tint); border-color: var(--p-color-success-border); color: var(--p-color-success-text); }
  .p-status[data-tone="warning"] { background: var(--p-color-warning-tint); border-color: var(--p-color-warning-border); color: var(--p-color-warning-text); }
  .p-status[data-tone="danger"] { background: var(--p-color-danger-tint); border-color: var(--p-color-danger-border); color: var(--p-color-danger-text); }
  .p-status[data-tone="info"] { background: var(--p-color-info-tint); border-color: var(--p-color-info-border); color: var(--p-color-info-text); }
  .p-status[data-quiet] { background: transparent; border-color: transparent; padding-inline: 0; }
}

@layer plain-components {
  .p-status { gap: 4px; height: 22px; padding: 0 8px 0 6px; border: 0; border-radius: 6px; background: var(--p-color-ink-a6); color: var(--p-color-text-secondary); font-size: calc(12px * var(--p-ts, 1)); letter-spacing: 0; }
  .p-status[data-size="sm"] { height: 20px; padding: 0 6px 0 4px; }
  .p-status > svg { width: 14px; height: 14px; }
  .p-status[data-tone="success"] { background: color-mix(in srgb, var(--p-color-success-solid, var(--p-color-success-text)) 10%, transparent); border: 0; color: var(--p-color-success-text); }
  .p-status[data-tone="warning"] { background: color-mix(in srgb, var(--p-color-warning-solid, var(--p-color-warning-text)) 12%, transparent); border: 0; color: var(--p-color-warning-text); }
  .p-status[data-tone="danger"] { background: color-mix(in srgb, var(--p-color-danger-solid, var(--p-color-danger-text)) 10%, transparent); border: 0; color: var(--p-color-danger-text); }
  .p-status[data-tone="info"] { background: color-mix(in srgb, var(--p-color-info-solid, var(--p-color-info-text)) 10%, transparent); border: 0; color: var(--p-color-info-text); }
  .p-status[data-quiet] { background: transparent; padding-inline: 0; }
}

@layer plain-components {
  .p-status[data-mark="dot"] { gap: 6px; padding: 0; background: transparent; color: var(--p-color-text-secondary); --_dot: var(--p-color-text-tertiary); }
  .p-status[data-mark="dot"] .p-status__dot { flex: none; width: 7px; height: 7px; border-radius: var(--p-radius-full, 50%); background: var(--_dot); }
  .p-status[data-mark="dot"][data-tone="success"] { --_dot: var(--p-color-success-solid, var(--p-color-success-text)); color: var(--p-color-text-secondary); }
  .p-status[data-mark="dot"][data-tone="warning"] { --_dot: var(--p-color-warning-solid, var(--p-color-warning-text)); color: var(--p-color-text-primary); }
  .p-status[data-mark="dot"][data-tone="info"] { --_dot: var(--p-color-info-solid, var(--p-color-info-text)); color: var(--p-color-text-primary); }
  .p-status[data-mark="dot"][data-tone="danger"] { --_dot: var(--p-color-danger-solid, var(--p-color-danger-text)); color: var(--p-color-danger-text); }
}

@layer plain-components {
  .p-skeleton { width: 100%; opacity: 0; transition: opacity var(--p-motion-duration-fast) var(--p-motion-easing-standard); }
  .p-skeleton[data-visible] { opacity: 1; }
  .p-skeleton__stack { display: flex; flex-direction: column; gap: 8px; width: 100%; }
  .p-skeleton__grow { flex: 1; min-width: 0; }
  .p-skeleton__bar, .p-skeleton__block {
    position: relative; overflow: hidden; display: block; border-radius: var(--p-radius-4); background-color: var(--p-color-border-subtle);
  }
  
  .p-skeleton__bar::after, .p-skeleton__block::after {
    content: ""; position: absolute; inset: 0; pointer-events: none; transform: translateX(-100%);
    background-image: linear-gradient(90deg, transparent 0, var(--p-color-border-default) 50%, transparent 100%);
    animation: p-skeleton-shimmer var(--p-motion-skeleton-duration) var(--p-motion-easing-in-out) calc(var(--_n, 0) * var(--p-motion-skeleton-stagger)) var(--p-motion-skeleton-loops) both;
  }
  .p-skeleton__bar:not(.p-skeleton__round):not(.p-skeleton__block):not(.p-skeleton__media) { width: var(--w, 100%); height: 12px; }
  .p-skeleton__round { width: var(--s, 40px); height: var(--s, 40px); border-radius: var(--p-radius-full); flex: none; }
  .p-skeleton__block { width: 100%; height: var(--h, 96px); border-radius: var(--p-radius-card); }
  .p-skeleton__dominant { background-color: var(--dominant); }
  .p-skeleton__dominant::after { display: none; }
  .p-skeleton__media { width: 100%; aspect-ratio: 16 / 9; border-radius: var(--p-radius-card); }
  .p-skeleton__stack > :nth-child(2), .p-skeleton__card > :nth-child(2) { --_n: 1; }
  .p-skeleton__stack > :nth-child(3), .p-skeleton__card > :nth-child(3) { --_n: 2; }
  .p-skeleton__stack > :nth-child(4) { --_n: 3; }
  .p-skeleton__stack > :nth-child(5) { --_n: 4; }
  .p-skeleton__stack > :nth-child(n+6) { --_n: 5; }
  .p-skeleton__row { display: flex; align-items: center; gap: 12px; width: 100%; }
  .p-skeleton__card { display: flex; flex-direction: column; gap: 12px; width: 100%; }
  .p-skeleton[data-static] :is(.p-skeleton__bar, .p-skeleton__block)::after { display: none; }
  @media (prefers-reduced-motion: reduce) { .p-skeleton__bar::after, .p-skeleton__block::after { display: none; } }
  [data-reduced-motion="true"] :is(.p-skeleton__bar, .p-skeleton__block)::after { display: none; }
  @keyframes p-skeleton-shimmer { to { transform: translateX(100%); } }
}

@layer plain-components {
  .p-skeleton__bar, .p-skeleton__block { background-color: var(--p-color-ink-a6); border-radius: 6px; }
  .p-skeleton__bar::after, .p-skeleton__block::after { background-image: linear-gradient(90deg, transparent 0, var(--p-color-ink-a6) 50%, transparent 100%); }
  .p-skeleton__block, .p-skeleton__media { border-radius: 12px; }
  .p-skeleton__round { border-radius: var(--p-radius-full); } 
  .p-skeleton__dominant { background-color: var(--dominant); }
  
  .p-skeleton[data-variant="avatar"] { width: auto; flex: none; }
}

@layer plain-components {
  
  .p-tx-title-s { font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); letter-spacing: var(--p-type-title-s-tracking); }
  .p-tx-title-m { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-m-weight); letter-spacing: var(--p-type-title-m-tracking); }
  .p-tx-body-m { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-m-weight); letter-spacing: var(--p-type-body-m-tracking); }
  .p-tx-body-s { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-s-weight); letter-spacing: var(--p-type-body-s-tracking); }
  .p-tx-label-m { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-m-weight); letter-spacing: var(--p-type-label-m-tracking); }
  .p-tx-label-s { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-s-weight); letter-spacing: var(--p-type-label-s-tracking); }
  .p-tx-caption { font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-caption-weight); letter-spacing: var(--p-type-caption-tracking); }
  .p-tx-numeric { font-variant-numeric: tabular-nums; }

  .p-tone-icon { display: inline-flex; flex: none; }
  .p-tone-icon[data-tone="info"] { color: var(--p-color-info-text); }
  .p-tone-icon[data-tone="success"] { color: var(--p-color-success-text); }
  .p-tone-icon[data-tone="warning"] { color: var(--p-color-warning-text); }
  .p-tone-icon[data-tone="danger"] { color: var(--p-color-danger-text); }
  .p-tone-icon[data-tone="neutral"] { color: var(--p-color-text-secondary); }

  
  .p-ob {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; gap: var(--p-button-icon-gap);
    height: calc(var(--p-button-size-md) * var(--p-ts, 1)); margin: 0; padding: 0 12px; border: 1px solid transparent; border-radius: var(--p-button-radius);
    background: transparent; color: var(--p-color-text-primary); font: inherit; font-size: calc(var(--p-button-font-size) * var(--p-ts, 1)); line-height: 20px; font-weight: var(--p-button-font-weight); letter-spacing: var(--p-type-tracking-sm);
    white-space: nowrap; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
    transition: background-color var(--p-field-transition) ease, border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease;
  }
  .p-ob > svg { flex: none; width: var(--p-button-icon-size); height: var(--p-button-icon-size); }
  .p-ob[data-size="sm"] { height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); padding: 0 10px; }
  .p-ob[data-size="lg"] { height: calc(var(--p-button-size-lg) * var(--p-ts, 1)); padding: 0 14px; font-size: calc(var(--p-button-font-size-lg) * var(--p-ts, 1)); }
  .p-ob[data-tone="primary"] { background: var(--p-color-text-primary); color: var(--p-color-text-inverse); box-shadow: var(--p-shadow-button-primary); }
  .p-ob[data-tone="secondary"] { background: var(--p-button-secondary-bg); color: var(--p-color-text-primary); border-color: var(--p-color-border-control); box-shadow: var(--p-shadow-control); }
  .p-ob[data-tone="ghost"] { color: var(--p-color-text-primary); }
  .p-ob[data-tone="destructive"] { background: var(--p-color-danger-solid); color: var(--p-color-danger-on-solid); box-shadow: inset 0 1px 0 var(--p-color-white-a10), 0 1px 2px var(--p-color-ink-a10); }
  .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 14%); }
  .p-ob[data-tone="secondary"][data-hovered] { background: var(--p-button-secondary-bg-hover); border-color: var(--p-color-border-control-hover); }
  .p-ob[data-tone="ghost"][data-hovered] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="destructive"][data-hovered] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 8%); }
  .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 24%); }
  .p-ob[data-tone="secondary"][data-pressed] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="ghost"][data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-ob[data-tone="destructive"][data-pressed] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 16%); }
  .p-ob[data-focus-visible] { outline: none; border-color: var(--p-color-button-focus-border); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  .p-ob[data-tone="destructive"][data-focus-visible] { border-color: var(--p-color-danger-solid); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button-danger); }
  .p-ob[aria-disabled="true"] { opacity: var(--p-opacity-disabled); cursor: not-allowed; box-shadow: none; }
  .p-ob[aria-busy="true"] { cursor: progress; }
  @media (pointer: coarse) { .p-ob { min-height: var(--p-size-target-coarse); } }

  
  .p-backdrop {
    position: fixed; inset: 0; z-index: var(--p-z-overlay); background: var(--p-scrim-dialog); min-height: 100dvh;
    transition: opacity var(--p-motion-overlay-scrim-in) var(--p-motion-easing-enter);
    opacity: calc(1 - var(--drawer-swipe-progress, 0));
    -webkit-backdrop-filter: blur(var(--p-overlay-blur)); backdrop-filter: blur(var(--p-overlay-blur));
  }
  
  .p-backdrop--snap { opacity: 1; }
  .p-backdrop[data-starting-style], .p-backdrop[data-ending-style] { opacity: 0; }
  .p-backdrop[data-ending-style] { transition-duration: var(--p-motion-overlay-scrim-out); transition-timing-function: var(--p-motion-easing-standard); }
  
  .p-backdrop--instant, .p-backdrop--instant:is([data-starting-style], [data-ending-style]) { transition-duration: 0ms; }
  @media (prefers-reduced-transparency: reduce) { .p-backdrop { backdrop-filter: none; } }
  
  @media (prefers-reduced-motion: reduce) {
    .p-dialog.p-dialog.p-dialog, .p-sheet.p-sheet.p-sheet, .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  }
  [data-reduced-motion="true"] .p-dialog.p-dialog.p-dialog, [data-reduced-motion="true"] .p-sheet.p-sheet.p-sheet, [data-reduced-motion="true"] .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  
  @supports (-webkit-touch-callout: none) { .p-backdrop { position: absolute; } }

  
  @property --p-fade-t { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @property --p-fade-b { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @keyframes p-fade-scroll {
    0% { --p-fade-t: 0px; --p-fade-b: 16px; }
    4% { --p-fade-t: 16px; }
    96% { --p-fade-b: 16px; }
    100% { --p-fade-t: 16px; --p-fade-b: 0px; }
  }
  .p-scroll-fade {
    --p-fade-t: 0px; --p-fade-b: 0px;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
  }
  @supports (animation-timeline: scroll()) {
    .p-scroll-fade { animation: p-fade-scroll linear both; animation-timeline: scroll(self block); }
  }
  @media (prefers-reduced-motion: reduce) { .p-scroll-fade { animation-timeline: scroll(self block); } }

  
  .p-notice {
    display: flex; align-items: flex-start; gap: 8px; padding: 8px 12px; border-radius: 8px;
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm);
  }
  .p-notice__text { flex: 1; min-width: 0; padding-top: 2px; }
  .p-notice .p-tone-icon { margin-top: 2px; }
  .p-notice[data-tone="danger"] { background: var(--p-color-danger-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-danger-border) 55%, transparent); color: var(--p-color-danger-text); }
  .p-notice[data-tone="warning"] { background: var(--p-color-warning-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-warning-border) 55%, transparent); color: var(--p-color-warning-text); }
  .p-notice[data-tone="info"] { background: var(--p-color-info-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-info-border) 55%, transparent); color: var(--p-color-info-text); }
  .p-notice .p-ob { align-self: center; }

  
  .p-xbtn {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; background: transparent;
    width: calc(var(--p-button-size-sm) * var(--p-ts, 1)); height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); border-radius: 6px; color: var(--p-color-text-tertiary); cursor: pointer;
    -webkit-tap-highlight-color: transparent; transition: background-color var(--p-field-transition) ease, color var(--p-field-transition) ease;
  }
  .p-xbtn[data-hovered] { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); }
  @media (hover: hover) and (pointer: fine) { .p-xbtn:hover { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); } }
  .p-xbtn:active, .p-xbtn[data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-xbtn:focus-visible, .p-xbtn[data-focus-visible] { outline: none; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  @media (pointer: coarse) { .p-xbtn { width: var(--p-size-target-coarse); height: var(--p-size-target-coarse); } }
  
  .p-keycap {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px;
    border-radius: 4px; background: var(--p-color-ink-a6);
    font: inherit; font-size: 11px; line-height: 16px; font-weight: 500; color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums;
  }
  .p-keycap-word { padding: 0 2px; }
  .p-menu__shortcut { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; padding-left: 16px; color: var(--p-color-text-tertiary); font-variant-numeric: tabular-nums; }
  .p-menu__shortcut[data-bare] { margin-left: 2px; padding-left: 0; }
  .p-ob .p-keycap { background: color-mix(in oklab, currentColor 14%, transparent); color: inherit; }
  .p-ob .p-keycap-word { padding: 0 2px; }
  @media (pointer: coarse) { .p-ob .p-menu__shortcut { display: none; } }
}

@layer plain-components {
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"] { background: var(--p-color-accent-action); color: var(--p-color-accent-on-action); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 8%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 16%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][aria-disabled="true"] { opacity: 1; background: color-mix(in oklab, var(--p-color-accent-action) calc(var(--p-opacity-accent-disabled) * 100%), var(--p-color-bg-default)); }
  
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta) * var(--p-ts, 1)); padding: 0 20px; border-radius: var(--p-radius-cta, var(--p-button-radius)); font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta-touch) * var(--p-ts, 1)); }
}

@layer plain-components {
  .p-empty { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: 8px; width: 100%; max-width: 360px; margin: 0 auto; padding: 32px 16px; text-align: center; color: var(--p-color-text-secondary); }
  .p-empty[data-size="sm"] { padding: 16px; gap: 6px; }
  .p-empty[data-size="lg"] { padding: 64px 24px; gap: 12px; max-width: 420px; }
  .p-empty__glyph { display: inline-flex; margin-bottom: 4px; color: var(--p-color-text-tertiary); }
  .p-empty[data-variant="blocked"] .p-empty__glyph { color: var(--p-color-danger-text); }
  .p-empty__title { margin: 0; color: var(--p-color-text-primary); font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); text-wrap: balance; }
  .p-empty[data-size="lg"] .p-empty__title { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-m-weight); }
  .p-empty__desc { margin: 0; font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); text-wrap: pretty; }
  .p-empty__tips { margin: 0; padding: 0; list-style: none; font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-tertiary); }
  .p-empty .p-ob { margin-top: 8px; }
}

@layer plain-components {
  .p-empty { gap: 4px; max-width: 40ch; padding: 40px 16px; }
  .p-empty[data-size="sm"] { padding: 20px 16px; }
  .p-empty[data-size="lg"] { padding: 80px 24px; gap: 6px; max-width: 44ch; }
  .p-empty__glyph { margin-bottom: 8px; }
  .p-empty__title, .p-empty[data-size="lg"] .p-empty__title { font-size: calc(15px * var(--p-ts, 1)); line-height: calc(22px * var(--p-ts, 1)); font-weight: min(600, var(--p-font-weight-max, 1000)); letter-spacing: -0.011em; }
  .p-empty__desc { max-width: 40ch; font-size: calc(14px * var(--p-ts, 1)); line-height: calc(20px * var(--p-ts, 1)); }
  .p-empty .p-ob { margin-top: 12px; }
}

@layer plain-components {
  
  .p-tx-title-s { font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); letter-spacing: var(--p-type-title-s-tracking); }
  .p-tx-title-m { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-m-weight); letter-spacing: var(--p-type-title-m-tracking); }
  .p-tx-body-m { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-m-weight); letter-spacing: var(--p-type-body-m-tracking); }
  .p-tx-body-s { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-s-weight); letter-spacing: var(--p-type-body-s-tracking); }
  .p-tx-label-m { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-m-weight); letter-spacing: var(--p-type-label-m-tracking); }
  .p-tx-label-s { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-s-weight); letter-spacing: var(--p-type-label-s-tracking); }
  .p-tx-caption { font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-caption-weight); letter-spacing: var(--p-type-caption-tracking); }
  .p-tx-numeric { font-variant-numeric: tabular-nums; }

  .p-tone-icon { display: inline-flex; flex: none; }
  .p-tone-icon[data-tone="info"] { color: var(--p-color-info-text); }
  .p-tone-icon[data-tone="success"] { color: var(--p-color-success-text); }
  .p-tone-icon[data-tone="warning"] { color: var(--p-color-warning-text); }
  .p-tone-icon[data-tone="danger"] { color: var(--p-color-danger-text); }
  .p-tone-icon[data-tone="neutral"] { color: var(--p-color-text-secondary); }

  
  .p-ob {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; gap: var(--p-button-icon-gap);
    height: calc(var(--p-button-size-md) * var(--p-ts, 1)); margin: 0; padding: 0 12px; border: 1px solid transparent; border-radius: var(--p-button-radius);
    background: transparent; color: var(--p-color-text-primary); font: inherit; font-size: calc(var(--p-button-font-size) * var(--p-ts, 1)); line-height: 20px; font-weight: var(--p-button-font-weight); letter-spacing: var(--p-type-tracking-sm);
    white-space: nowrap; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
    transition: background-color var(--p-field-transition) ease, border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease;
  }
  .p-ob > svg { flex: none; width: var(--p-button-icon-size); height: var(--p-button-icon-size); }
  .p-ob[data-size="sm"] { height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); padding: 0 10px; }
  .p-ob[data-size="lg"] { height: calc(var(--p-button-size-lg) * var(--p-ts, 1)); padding: 0 14px; font-size: calc(var(--p-button-font-size-lg) * var(--p-ts, 1)); }
  .p-ob[data-tone="primary"] { background: var(--p-color-text-primary); color: var(--p-color-text-inverse); box-shadow: var(--p-shadow-button-primary); }
  .p-ob[data-tone="secondary"] { background: var(--p-button-secondary-bg); color: var(--p-color-text-primary); border-color: var(--p-color-border-control); box-shadow: var(--p-shadow-control); }
  .p-ob[data-tone="ghost"] { color: var(--p-color-text-primary); }
  .p-ob[data-tone="destructive"] { background: var(--p-color-danger-solid); color: var(--p-color-danger-on-solid); box-shadow: inset 0 1px 0 var(--p-color-white-a10), 0 1px 2px var(--p-color-ink-a10); }
  .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 14%); }
  .p-ob[data-tone="secondary"][data-hovered] { background: var(--p-button-secondary-bg-hover); border-color: var(--p-color-border-control-hover); }
  .p-ob[data-tone="ghost"][data-hovered] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="destructive"][data-hovered] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 8%); }
  .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 24%); }
  .p-ob[data-tone="secondary"][data-pressed] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="ghost"][data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-ob[data-tone="destructive"][data-pressed] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 16%); }
  .p-ob[data-focus-visible] { outline: none; border-color: var(--p-color-button-focus-border); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  .p-ob[data-tone="destructive"][data-focus-visible] { border-color: var(--p-color-danger-solid); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button-danger); }
  .p-ob[aria-disabled="true"] { opacity: var(--p-opacity-disabled); cursor: not-allowed; box-shadow: none; }
  .p-ob[aria-busy="true"] { cursor: progress; }
  @media (pointer: coarse) { .p-ob { min-height: var(--p-size-target-coarse); } }

  
  .p-backdrop {
    position: fixed; inset: 0; z-index: var(--p-z-overlay); background: var(--p-scrim-dialog); min-height: 100dvh;
    transition: opacity var(--p-motion-overlay-scrim-in) var(--p-motion-easing-enter);
    opacity: calc(1 - var(--drawer-swipe-progress, 0));
    -webkit-backdrop-filter: blur(var(--p-overlay-blur)); backdrop-filter: blur(var(--p-overlay-blur));
  }
  
  .p-backdrop--snap { opacity: 1; }
  .p-backdrop[data-starting-style], .p-backdrop[data-ending-style] { opacity: 0; }
  .p-backdrop[data-ending-style] { transition-duration: var(--p-motion-overlay-scrim-out); transition-timing-function: var(--p-motion-easing-standard); }
  
  .p-backdrop--instant, .p-backdrop--instant:is([data-starting-style], [data-ending-style]) { transition-duration: 0ms; }
  @media (prefers-reduced-transparency: reduce) { .p-backdrop { backdrop-filter: none; } }
  
  @media (prefers-reduced-motion: reduce) {
    .p-dialog.p-dialog.p-dialog, .p-sheet.p-sheet.p-sheet, .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  }
  [data-reduced-motion="true"] .p-dialog.p-dialog.p-dialog, [data-reduced-motion="true"] .p-sheet.p-sheet.p-sheet, [data-reduced-motion="true"] .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  
  @supports (-webkit-touch-callout: none) { .p-backdrop { position: absolute; } }

  
  @property --p-fade-t { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @property --p-fade-b { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @keyframes p-fade-scroll {
    0% { --p-fade-t: 0px; --p-fade-b: 16px; }
    4% { --p-fade-t: 16px; }
    96% { --p-fade-b: 16px; }
    100% { --p-fade-t: 16px; --p-fade-b: 0px; }
  }
  .p-scroll-fade {
    --p-fade-t: 0px; --p-fade-b: 0px;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
  }
  @supports (animation-timeline: scroll()) {
    .p-scroll-fade { animation: p-fade-scroll linear both; animation-timeline: scroll(self block); }
  }
  @media (prefers-reduced-motion: reduce) { .p-scroll-fade { animation-timeline: scroll(self block); } }

  
  .p-notice {
    display: flex; align-items: flex-start; gap: 8px; padding: 8px 12px; border-radius: 8px;
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm);
  }
  .p-notice__text { flex: 1; min-width: 0; padding-top: 2px; }
  .p-notice .p-tone-icon { margin-top: 2px; }
  .p-notice[data-tone="danger"] { background: var(--p-color-danger-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-danger-border) 55%, transparent); color: var(--p-color-danger-text); }
  .p-notice[data-tone="warning"] { background: var(--p-color-warning-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-warning-border) 55%, transparent); color: var(--p-color-warning-text); }
  .p-notice[data-tone="info"] { background: var(--p-color-info-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-info-border) 55%, transparent); color: var(--p-color-info-text); }
  .p-notice .p-ob { align-self: center; }

  
  .p-xbtn {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; background: transparent;
    width: calc(var(--p-button-size-sm) * var(--p-ts, 1)); height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); border-radius: 6px; color: var(--p-color-text-tertiary); cursor: pointer;
    -webkit-tap-highlight-color: transparent; transition: background-color var(--p-field-transition) ease, color var(--p-field-transition) ease;
  }
  .p-xbtn[data-hovered] { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); }
  @media (hover: hover) and (pointer: fine) { .p-xbtn:hover { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); } }
  .p-xbtn:active, .p-xbtn[data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-xbtn:focus-visible, .p-xbtn[data-focus-visible] { outline: none; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  @media (pointer: coarse) { .p-xbtn { width: var(--p-size-target-coarse); height: var(--p-size-target-coarse); } }
  
  .p-keycap {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px;
    border-radius: 4px; background: var(--p-color-ink-a6);
    font: inherit; font-size: 11px; line-height: 16px; font-weight: 500; color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums;
  }
  .p-keycap-word { padding: 0 2px; }
  .p-menu__shortcut { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; padding-left: 16px; color: var(--p-color-text-tertiary); font-variant-numeric: tabular-nums; }
  .p-menu__shortcut[data-bare] { margin-left: 2px; padding-left: 0; }
  .p-ob .p-keycap { background: color-mix(in oklab, currentColor 14%, transparent); color: inherit; }
  .p-ob .p-keycap-word { padding: 0 2px; }
  @media (pointer: coarse) { .p-ob .p-menu__shortcut { display: none; } }
}

@layer plain-components {
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"] { background: var(--p-color-accent-action); color: var(--p-color-accent-on-action); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 8%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 16%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][aria-disabled="true"] { opacity: 1; background: color-mix(in oklab, var(--p-color-accent-action) calc(var(--p-opacity-accent-disabled) * 100%), var(--p-color-bg-default)); }
  
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta) * var(--p-ts, 1)); padding: 0 20px; border-radius: var(--p-radius-cta, var(--p-button-radius)); font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta-touch) * var(--p-ts, 1)); }
}

@layer plain-components {
  .p-rows { margin: 0; padding: 0; list-style: none; }
  .p-row { position: relative; overflow: hidden; border-bottom: 1px solid var(--p-color-border-subtle); background: var(--p-color-bg-default); }
  .p-row--loading { padding: 8px 12px; }
  .p-row__main { position: relative; display: flex; align-items: center; background: var(--p-color-bg-default); transition: transform 240ms var(--p-motion-easing-drawer); }
  .p-row__main[data-dragging] { transition: none; }
  .p-row__target {
    all: unset; box-sizing: border-box; flex: 1; min-width: 0; display: flex; align-items: center; gap: 12px; min-height: var(--p-row-h, 40px); padding: 6px 12px; cursor: default;
    color: var(--p-color-text-primary); -webkit-tap-highlight-color: transparent;
  }
  .p-row[data-size="comfortable"] .p-row__target, .p-row[data-size="regular"] .p-row__target, .p-row[data-size="auto"] .p-row__target { padding-top: 8px; padding-bottom: 8px; }
  
  [data-density="compact"] .p-row[data-size="auto"] .p-row__target { padding-top: 2px; padding-bottom: 2px; gap: 8px; }
  
  [data-density="compact"] .p-row[data-size="auto"] .p-row__text { flex-direction: row; flex-wrap: wrap; align-items: baseline; column-gap: 8px; }
  [data-density="compact"] .p-row[data-size="auto"] .p-row__sub { flex: 1 1 0; min-width: 0; }
  [data-density="compact"] .p-row[data-size="auto"] .p-row__title { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); }
    .p-row:not([data-disabled]) .p-row__target[data-hovered] { background: var(--p-color-surface-hover); }
  .p-row:not([data-disabled]) .p-row__target[data-pressed] { background: var(--p-color-surface-pressed); }
  .p-row[data-selected]:not([data-select-mode="press"]) .p-row__target { background: var(--p-color-surface-selected); }
  .p-row__target[data-focus-visible] { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: -2px; }
  .p-row[data-disabled] .p-row__target { color: var(--p-color-text-disabled); cursor: not-allowed; }
  
  .p-row[data-state="stale"] .p-row__title { color: var(--p-color-text-secondary); }
  .p-row[data-state="stale"] .p-row__sub { color: var(--p-color-text-tertiary); }
  .p-row__leading { display: inline-flex; flex: none; align-items: center; }
  .p-row__text { flex: 1; min-width: 0; display: flex; flex-direction: column; }
  .p-row__title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); }
  .p-row[data-size="compact"] .p-row__title { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); }
  .p-row__sub { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); }
  .p-row[data-disabled] .p-row__sub { color: var(--p-color-text-disabled); }
  .p-row__trailing { display: inline-flex; flex: none; align-items: center; gap: 8px; margin-left: auto; color: var(--p-color-text-secondary); font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); font-variant-numeric: tabular-nums; }
  .p-row__check { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 16px; height: 16px; border: 1px solid var(--p-color-border-strong); border-radius: var(--p-radius-4); color: var(--p-color-text-on-accent); }
  .p-row__check[data-checked] { background: var(--p-color-accent-solid); border-color: var(--p-color-accent-solid); }
  .p-row__more { flex: none; padding-right: 8px; opacity: 0; transition: opacity var(--p-motion-duration-hover); }
  @media (hover: hover) and (pointer: fine) { .p-row:hover .p-row__more { opacity: 1; } }
  .p-row:focus-within .p-row__more { opacity: 1; }
  @media (hover: none), (pointer: coarse) { .p-row__more { opacity: 1; } }
  .p-row__stage { position: relative; overflow: hidden; }
  .p-row__swipe { position: absolute; inset: 0 0 0 auto; display: flex; visibility: hidden; }
  .p-row__swipe[data-shown] { visibility: visible; }
  .p-row__swipe-btn { all: unset; box-sizing: border-box; width: 72px; display: flex; align-items: center; justify-content: center; background: var(--p-color-surface-3); color: var(--p-color-text-primary); font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); font-weight: 500; }
  .p-row__swipe-btn[data-destructive] { background: var(--p-color-danger-solid); color: var(--p-color-danger-on-solid); }
  .p-row > .p-notice { margin: 0 12px 8px; }
  .p-item-note { display: inline-flex; align-items: center; gap: 6px; padding: 0 12px 6px; font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); }
  .p-item-note[role="status"] { padding-top: 0; }
}

@layer plain-components {
  
  .p-row .p-status, .p-table__body .p-status { background: transparent; border-color: transparent; padding-inline: 0; }
}

@layer plain-components {
  
  :is([data-business="b2c"], [data-business="game"]) .p-row { border-bottom: 0; }
  :is([data-business="b2c"], [data-business="game"]) .p-row__target { min-height: var(--p-size-list-row-plain); padding-inline: var(--p-space-16); }
  :is([data-business="b2c"], [data-business="game"]) .p-row__target:has(.p-row__leading) { min-height: var(--p-size-list-row); }
  :is([data-business="b2c"], [data-business="game"]) .p-row__title { font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); }
  :is([data-business="b2c"], [data-business="game"]) .p-row__sub { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); }
  :is([data-business="b2c"], [data-business="game"]) .p-row__target[data-hovered], :is([data-business="b2c"], [data-business="game"]) .p-row__target[data-pressed] { border-radius: var(--p-radius-control); }
  :is([data-business="b2c"], [data-business="game"]) .p-row__main { padding-inline: 0; }
}

@layer plain-components {
  .p-row { border-bottom-color: var(--p-color-ink-a6); }
  .p-row:not([data-disabled]) .p-row__target[data-hovered] { background: var(--p-color-ink-a3); }
  .p-row:not([data-disabled]) .p-row__target[data-pressed] { background: var(--p-color-ink-a5); }
  
  .p-row[data-selected]:not([data-select-mode="press"]) .p-row__target { background: var(--p-color-accent-tint); }
  .p-row[data-selected]:not([data-select-mode="press"]):not([data-disabled]) .p-row__target:is([data-hovered], [data-pressed]) { background: var(--p-color-accent-tint); }
  
  .p-row__pick { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 16px; height: 16px; color: var(--p-color-text-primary); }
  .p-row[data-disabled] .p-row__pick { color: var(--p-color-text-disabled); }
  .p-row__target { letter-spacing: var(--p-type-tracking-sm, -0.006em); }
  .p-row__title { font-weight: 500; }
  .p-row__sub { color: var(--p-color-text-secondary); }
  .p-row__trailing { color: var(--p-color-text-tertiary); }
  .p-row__trailing > svg { width: 16px; height: 16px; color: var(--p-color-text-tertiary); }
  .p-row__check { border: 1px solid var(--p-choice-border, var(--p-color-border-default)); border-radius: var(--p-choice-radius, 4px); box-shadow: var(--p-shadow-choice); }
  .p-row__check[data-checked] { background: var(--p-color-accent-solid); border-color: var(--p-color-accent-solid); box-shadow: none; }
  .p-row__swipe-btn { background: var(--p-color-ink-a8); }
  :is([data-business="b2c"], [data-business="game"]) .p-row { border-bottom: 0; }
  :is([data-business="b2c"], [data-business="game"]) .p-row__target { gap: 14px; padding-inline: var(--p-space-16); }
  :is([data-business="b2c"], [data-business="game"]) .p-row__title { font-weight: min(600, var(--p-font-weight-max, 1000)); }
  :is([data-business="b2c"], [data-business="game"]) .p-row__target[data-hovered] { background: var(--p-color-ink-a3); }
  :is([data-business="b2c"], [data-business="game"]) .p-row__target[data-pressed] { background: var(--p-color-ink-a5); }
}

@layer plain-components {
  
  .p-row__main[data-has-actions] { flex-wrap: wrap; }
  .p-row__main[data-has-actions] > .p-row__target { flex: 1 1 15rem; contain: inline-size; }
  
  .p-row__main[data-has-actions] :is(.p-row__title, .p-row__sub) { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: break-word; word-break: keep-all; text-wrap: balance; }
  
  .p-row__main[data-has-actions] .p-row__sub { text-wrap: balance; }
  .p-row__actions { flex: none; display: inline-flex; align-items: center; gap: 8px; margin-left: auto; padding-right: 12px; padding-block: 4px; }
  .p-row__actions[data-wrapped] { box-sizing: border-box; margin-left: 0; justify-content: flex-start; padding-top: 0; padding-bottom: 8px; }
  :is([data-business="b2c"], [data-business="game"]) .p-row__actions { padding-right: var(--p-space-16); }
}

@layer plain-components {
  
  .p-row .p-row__main[data-has-actions] > .p-row__target, .p-row:not([data-disabled]) .p-row__main[data-has-actions] > .p-row__target { background: transparent; box-shadow: none; }
  @media (hover: hover) and (pointer: fine) {
    .p-row:not([data-disabled], [data-selected]:not([data-select-mode="press"])) .p-row__main[data-has-actions]:hover { background: var(--p-color-ink-a3); }
  }
  .p-row:not([data-disabled]) .p-row__main[data-has-actions]:has(> .p-row__target[data-pressed]) { background: var(--p-color-ink-a5); }
  .p-row[data-selected]:not([data-select-mode="press"]) .p-row__main[data-has-actions] { background: var(--p-color-accent-tint); }
  .p-row[data-selected]:not([data-select-mode="press"]):not([data-disabled]) .p-row__main[data-has-actions]:has(> .p-row__target[data-pressed]) { background: var(--p-color-accent-tint); }
}

@layer plain-components {
  
  .p-row[data-disabled] .p-row__sub[data-reason] { color: var(--p-color-text-secondary); }
  
  .p-row__actions[data-wrapped] > .p-row__trailing { margin-left: 0; margin-right: 4px; }
}

@layer plain-components {
  
  .p-row[data-title-wrap] :is(.p-row__title, .p-row__sub) { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: break-word; word-break: keep-all; text-wrap: balance; }
  .p-row[data-title-wrap] .p-row__sub { text-wrap: balance; }
}

@layer plain-components {
  
  .p-row[data-size="reading"] { overflow: visible; border-bottom: 0; background: transparent; }
  .p-row[data-size="reading"] .p-row__main { background: transparent; }
  .p-row[data-size="reading"] .p-row__target { min-height: 0; padding: 14px 0; gap: var(--p-space-16, 16px); }
  .p-row[data-size="reading"]:first-child .p-row__target { padding-top: 0; }
  .p-row[data-size="reading"]:last-child .p-row__target { padding-bottom: 0; }
  .p-row[data-size="reading"] .p-row__title { font-size: calc(18px * var(--p-ts, 1)); line-height: calc(26px * var(--p-ts, 1)); font-weight: 500; }
  .p-row[data-size="reading"] .p-row__sub { margin-top: 6px; font-size: calc(16px * var(--p-ts, 1)); line-height: calc(24px * var(--p-ts, 1)); }
  .p-row[data-size="reading"] :is(.p-row__title, .p-row__sub) { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: break-word; text-wrap: pretty; }
}

@layer plain-components {
  
  .p-tx-title-s { font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); letter-spacing: var(--p-type-title-s-tracking); }
  .p-tx-title-m { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-m-weight); letter-spacing: var(--p-type-title-m-tracking); }
  .p-tx-body-m { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-m-weight); letter-spacing: var(--p-type-body-m-tracking); }
  .p-tx-body-s { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-s-weight); letter-spacing: var(--p-type-body-s-tracking); }
  .p-tx-label-m { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-m-weight); letter-spacing: var(--p-type-label-m-tracking); }
  .p-tx-label-s { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-s-weight); letter-spacing: var(--p-type-label-s-tracking); }
  .p-tx-caption { font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-caption-weight); letter-spacing: var(--p-type-caption-tracking); }
  .p-tx-numeric { font-variant-numeric: tabular-nums; }

  .p-tone-icon { display: inline-flex; flex: none; }
  .p-tone-icon[data-tone="info"] { color: var(--p-color-info-text); }
  .p-tone-icon[data-tone="success"] { color: var(--p-color-success-text); }
  .p-tone-icon[data-tone="warning"] { color: var(--p-color-warning-text); }
  .p-tone-icon[data-tone="danger"] { color: var(--p-color-danger-text); }
  .p-tone-icon[data-tone="neutral"] { color: var(--p-color-text-secondary); }

  
  .p-ob {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; gap: var(--p-button-icon-gap);
    height: calc(var(--p-button-size-md) * var(--p-ts, 1)); margin: 0; padding: 0 12px; border: 1px solid transparent; border-radius: var(--p-button-radius);
    background: transparent; color: var(--p-color-text-primary); font: inherit; font-size: calc(var(--p-button-font-size) * var(--p-ts, 1)); line-height: 20px; font-weight: var(--p-button-font-weight); letter-spacing: var(--p-type-tracking-sm);
    white-space: nowrap; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
    transition: background-color var(--p-field-transition) ease, border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease;
  }
  .p-ob > svg { flex: none; width: var(--p-button-icon-size); height: var(--p-button-icon-size); }
  .p-ob[data-size="sm"] { height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); padding: 0 10px; }
  .p-ob[data-size="lg"] { height: calc(var(--p-button-size-lg) * var(--p-ts, 1)); padding: 0 14px; font-size: calc(var(--p-button-font-size-lg) * var(--p-ts, 1)); }
  .p-ob[data-tone="primary"] { background: var(--p-color-text-primary); color: var(--p-color-text-inverse); box-shadow: var(--p-shadow-button-primary); }
  .p-ob[data-tone="secondary"] { background: var(--p-button-secondary-bg); color: var(--p-color-text-primary); border-color: var(--p-color-border-control); box-shadow: var(--p-shadow-control); }
  .p-ob[data-tone="ghost"] { color: var(--p-color-text-primary); }
  .p-ob[data-tone="destructive"] { background: var(--p-color-danger-solid); color: var(--p-color-danger-on-solid); box-shadow: inset 0 1px 0 var(--p-color-white-a10), 0 1px 2px var(--p-color-ink-a10); }
  .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 14%); }
  .p-ob[data-tone="secondary"][data-hovered] { background: var(--p-button-secondary-bg-hover); border-color: var(--p-color-border-control-hover); }
  .p-ob[data-tone="ghost"][data-hovered] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="destructive"][data-hovered] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 8%); }
  .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 24%); }
  .p-ob[data-tone="secondary"][data-pressed] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="ghost"][data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-ob[data-tone="destructive"][data-pressed] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 16%); }
  .p-ob[data-focus-visible] { outline: none; border-color: var(--p-color-button-focus-border); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  .p-ob[data-tone="destructive"][data-focus-visible] { border-color: var(--p-color-danger-solid); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button-danger); }
  .p-ob[aria-disabled="true"] { opacity: var(--p-opacity-disabled); cursor: not-allowed; box-shadow: none; }
  .p-ob[aria-busy="true"] { cursor: progress; }
  @media (pointer: coarse) { .p-ob { min-height: var(--p-size-target-coarse); } }

  
  .p-backdrop {
    position: fixed; inset: 0; z-index: var(--p-z-overlay); background: var(--p-scrim-dialog); min-height: 100dvh;
    transition: opacity var(--p-motion-overlay-scrim-in) var(--p-motion-easing-enter);
    opacity: calc(1 - var(--drawer-swipe-progress, 0));
    -webkit-backdrop-filter: blur(var(--p-overlay-blur)); backdrop-filter: blur(var(--p-overlay-blur));
  }
  
  .p-backdrop--snap { opacity: 1; }
  .p-backdrop[data-starting-style], .p-backdrop[data-ending-style] { opacity: 0; }
  .p-backdrop[data-ending-style] { transition-duration: var(--p-motion-overlay-scrim-out); transition-timing-function: var(--p-motion-easing-standard); }
  
  .p-backdrop--instant, .p-backdrop--instant:is([data-starting-style], [data-ending-style]) { transition-duration: 0ms; }
  @media (prefers-reduced-transparency: reduce) { .p-backdrop { backdrop-filter: none; } }
  
  @media (prefers-reduced-motion: reduce) {
    .p-dialog.p-dialog.p-dialog, .p-sheet.p-sheet.p-sheet, .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  }
  [data-reduced-motion="true"] .p-dialog.p-dialog.p-dialog, [data-reduced-motion="true"] .p-sheet.p-sheet.p-sheet, [data-reduced-motion="true"] .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  
  @supports (-webkit-touch-callout: none) { .p-backdrop { position: absolute; } }

  
  @property --p-fade-t { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @property --p-fade-b { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @keyframes p-fade-scroll {
    0% { --p-fade-t: 0px; --p-fade-b: 16px; }
    4% { --p-fade-t: 16px; }
    96% { --p-fade-b: 16px; }
    100% { --p-fade-t: 16px; --p-fade-b: 0px; }
  }
  .p-scroll-fade {
    --p-fade-t: 0px; --p-fade-b: 0px;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
  }
  @supports (animation-timeline: scroll()) {
    .p-scroll-fade { animation: p-fade-scroll linear both; animation-timeline: scroll(self block); }
  }
  @media (prefers-reduced-motion: reduce) { .p-scroll-fade { animation-timeline: scroll(self block); } }

  
  .p-notice {
    display: flex; align-items: flex-start; gap: 8px; padding: 8px 12px; border-radius: 8px;
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm);
  }
  .p-notice__text { flex: 1; min-width: 0; padding-top: 2px; }
  .p-notice .p-tone-icon { margin-top: 2px; }
  .p-notice[data-tone="danger"] { background: var(--p-color-danger-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-danger-border) 55%, transparent); color: var(--p-color-danger-text); }
  .p-notice[data-tone="warning"] { background: var(--p-color-warning-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-warning-border) 55%, transparent); color: var(--p-color-warning-text); }
  .p-notice[data-tone="info"] { background: var(--p-color-info-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-info-border) 55%, transparent); color: var(--p-color-info-text); }
  .p-notice .p-ob { align-self: center; }

  
  .p-xbtn {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; background: transparent;
    width: calc(var(--p-button-size-sm) * var(--p-ts, 1)); height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); border-radius: 6px; color: var(--p-color-text-tertiary); cursor: pointer;
    -webkit-tap-highlight-color: transparent; transition: background-color var(--p-field-transition) ease, color var(--p-field-transition) ease;
  }
  .p-xbtn[data-hovered] { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); }
  @media (hover: hover) and (pointer: fine) { .p-xbtn:hover { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); } }
  .p-xbtn:active, .p-xbtn[data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-xbtn:focus-visible, .p-xbtn[data-focus-visible] { outline: none; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  @media (pointer: coarse) { .p-xbtn { width: var(--p-size-target-coarse); height: var(--p-size-target-coarse); } }
  
  .p-keycap {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px;
    border-radius: 4px; background: var(--p-color-ink-a6);
    font: inherit; font-size: 11px; line-height: 16px; font-weight: 500; color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums;
  }
  .p-keycap-word { padding: 0 2px; }
  .p-menu__shortcut { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; padding-left: 16px; color: var(--p-color-text-tertiary); font-variant-numeric: tabular-nums; }
  .p-menu__shortcut[data-bare] { margin-left: 2px; padding-left: 0; }
  .p-ob .p-keycap { background: color-mix(in oklab, currentColor 14%, transparent); color: inherit; }
  .p-ob .p-keycap-word { padding: 0 2px; }
  @media (pointer: coarse) { .p-ob .p-menu__shortcut { display: none; } }
}

@layer plain-components {
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"] { background: var(--p-color-accent-action); color: var(--p-color-accent-on-action); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 8%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 16%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][aria-disabled="true"] { opacity: 1; background: color-mix(in oklab, var(--p-color-accent-action) calc(var(--p-opacity-accent-disabled) * 100%), var(--p-color-bg-default)); }
  
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta) * var(--p-ts, 1)); padding: 0 20px; border-radius: var(--p-radius-cta, var(--p-button-radius)); font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta-touch) * var(--p-ts, 1)); }
}

@layer plain-components {
  .p-rows { margin: 0; padding: 0; list-style: none; }
  .p-row { position: relative; overflow: hidden; border-bottom: 1px solid var(--p-color-border-subtle); background: var(--p-color-bg-default); }
  .p-row--loading { padding: 8px 12px; }
  .p-row__main { position: relative; display: flex; align-items: center; background: var(--p-color-bg-default); transition: transform 240ms var(--p-motion-easing-drawer); }
  .p-row__main[data-dragging] { transition: none; }
  .p-row__target {
    all: unset; box-sizing: border-box; flex: 1; min-width: 0; display: flex; align-items: center; gap: 12px; min-height: var(--p-row-h, 40px); padding: 6px 12px; cursor: default;
    color: var(--p-color-text-primary); -webkit-tap-highlight-color: transparent;
  }
  .p-row[data-size="comfortable"] .p-row__target, .p-row[data-size="regular"] .p-row__target, .p-row[data-size="auto"] .p-row__target { padding-top: 8px; padding-bottom: 8px; }
  
  [data-density="compact"] .p-row[data-size="auto"] .p-row__target { padding-top: 2px; padding-bottom: 2px; gap: 8px; }
  
  [data-density="compact"] .p-row[data-size="auto"] .p-row__text { flex-direction: row; flex-wrap: wrap; align-items: baseline; column-gap: 8px; }
  [data-density="compact"] .p-row[data-size="auto"] .p-row__sub { flex: 1 1 0; min-width: 0; }
  [data-density="compact"] .p-row[data-size="auto"] .p-row__title { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); }
    .p-row:not([data-disabled]) .p-row__target[data-hovered] { background: var(--p-color-surface-hover); }
  .p-row:not([data-disabled]) .p-row__target[data-pressed] { background: var(--p-color-surface-pressed); }
  .p-row[data-selected]:not([data-select-mode="press"]) .p-row__target { background: var(--p-color-surface-selected); }
  .p-row__target[data-focus-visible] { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: -2px; }
  .p-row[data-disabled] .p-row__target { color: var(--p-color-text-disabled); cursor: not-allowed; }
  
  .p-row[data-state="stale"] .p-row__title { color: var(--p-color-text-secondary); }
  .p-row[data-state="stale"] .p-row__sub { color: var(--p-color-text-tertiary); }
  .p-row__leading { display: inline-flex; flex: none; align-items: center; }
  .p-row__text { flex: 1; min-width: 0; display: flex; flex-direction: column; }
  .p-row__title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); }
  .p-row[data-size="compact"] .p-row__title { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); }
  .p-row__sub { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); }
  .p-row[data-disabled] .p-row__sub { color: var(--p-color-text-disabled); }
  .p-row__trailing { display: inline-flex; flex: none; align-items: center; gap: 8px; margin-left: auto; color: var(--p-color-text-secondary); font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); font-variant-numeric: tabular-nums; }
  .p-row__check { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 16px; height: 16px; border: 1px solid var(--p-color-border-strong); border-radius: var(--p-radius-4); color: var(--p-color-text-on-accent); }
  .p-row__check[data-checked] { background: var(--p-color-accent-solid); border-color: var(--p-color-accent-solid); }
  .p-row__more { flex: none; padding-right: 8px; opacity: 0; transition: opacity var(--p-motion-duration-hover); }
  @media (hover: hover) and (pointer: fine) { .p-row:hover .p-row__more { opacity: 1; } }
  .p-row:focus-within .p-row__more { opacity: 1; }
  @media (hover: none), (pointer: coarse) { .p-row__more { opacity: 1; } }
  .p-row__stage { position: relative; overflow: hidden; }
  .p-row__swipe { position: absolute; inset: 0 0 0 auto; display: flex; visibility: hidden; }
  .p-row__swipe[data-shown] { visibility: visible; }
  .p-row__swipe-btn { all: unset; box-sizing: border-box; width: 72px; display: flex; align-items: center; justify-content: center; background: var(--p-color-surface-3); color: var(--p-color-text-primary); font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); font-weight: 500; }
  .p-row__swipe-btn[data-destructive] { background: var(--p-color-danger-solid); color: var(--p-color-danger-on-solid); }
  .p-row > .p-notice { margin: 0 12px 8px; }
  .p-item-note { display: inline-flex; align-items: center; gap: 6px; padding: 0 12px 6px; font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); }
  .p-item-note[role="status"] { padding-top: 0; }
}

@layer plain-components {
  
  .p-row .p-status, .p-table__body .p-status { background: transparent; border-color: transparent; padding-inline: 0; }
}

@layer plain-components {
  
  :is([data-business="b2c"], [data-business="game"]) .p-row { border-bottom: 0; }
  :is([data-business="b2c"], [data-business="game"]) .p-row__target { min-height: var(--p-size-list-row-plain); padding-inline: var(--p-space-16); }
  :is([data-business="b2c"], [data-business="game"]) .p-row__target:has(.p-row__leading) { min-height: var(--p-size-list-row); }
  :is([data-business="b2c"], [data-business="game"]) .p-row__title { font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); }
  :is([data-business="b2c"], [data-business="game"]) .p-row__sub { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); }
  :is([data-business="b2c"], [data-business="game"]) .p-row__target[data-hovered], :is([data-business="b2c"], [data-business="game"]) .p-row__target[data-pressed] { border-radius: var(--p-radius-control); }
  :is([data-business="b2c"], [data-business="game"]) .p-row__main { padding-inline: 0; }
}

@layer plain-components {
  .p-row { border-bottom-color: var(--p-color-ink-a6); }
  .p-row:not([data-disabled]) .p-row__target[data-hovered] { background: var(--p-color-ink-a3); }
  .p-row:not([data-disabled]) .p-row__target[data-pressed] { background: var(--p-color-ink-a5); }
  
  .p-row[data-selected]:not([data-select-mode="press"]) .p-row__target { background: var(--p-color-accent-tint); }
  .p-row[data-selected]:not([data-select-mode="press"]):not([data-disabled]) .p-row__target:is([data-hovered], [data-pressed]) { background: var(--p-color-accent-tint); }
  
  .p-row__pick { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 16px; height: 16px; color: var(--p-color-text-primary); }
  .p-row[data-disabled] .p-row__pick { color: var(--p-color-text-disabled); }
  .p-row__target { letter-spacing: var(--p-type-tracking-sm, -0.006em); }
  .p-row__title { font-weight: 500; }
  .p-row__sub { color: var(--p-color-text-secondary); }
  .p-row__trailing { color: var(--p-color-text-tertiary); }
  .p-row__trailing > svg { width: 16px; height: 16px; color: var(--p-color-text-tertiary); }
  .p-row__check { border: 1px solid var(--p-choice-border, var(--p-color-border-default)); border-radius: var(--p-choice-radius, 4px); box-shadow: var(--p-shadow-choice); }
  .p-row__check[data-checked] { background: var(--p-color-accent-solid); border-color: var(--p-color-accent-solid); box-shadow: none; }
  .p-row__swipe-btn { background: var(--p-color-ink-a8); }
  :is([data-business="b2c"], [data-business="game"]) .p-row { border-bottom: 0; }
  :is([data-business="b2c"], [data-business="game"]) .p-row__target { gap: 14px; padding-inline: var(--p-space-16); }
  :is([data-business="b2c"], [data-business="game"]) .p-row__title { font-weight: min(600, var(--p-font-weight-max, 1000)); }
  :is([data-business="b2c"], [data-business="game"]) .p-row__target[data-hovered] { background: var(--p-color-ink-a3); }
  :is([data-business="b2c"], [data-business="game"]) .p-row__target[data-pressed] { background: var(--p-color-ink-a5); }
}

@layer plain-components {
  
  .p-row__main[data-has-actions] { flex-wrap: wrap; }
  .p-row__main[data-has-actions] > .p-row__target { flex: 1 1 15rem; contain: inline-size; }
  
  .p-row__main[data-has-actions] :is(.p-row__title, .p-row__sub) { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: break-word; word-break: keep-all; text-wrap: balance; }
  
  .p-row__main[data-has-actions] .p-row__sub { text-wrap: balance; }
  .p-row__actions { flex: none; display: inline-flex; align-items: center; gap: 8px; margin-left: auto; padding-right: 12px; padding-block: 4px; }
  .p-row__actions[data-wrapped] { box-sizing: border-box; margin-left: 0; justify-content: flex-start; padding-top: 0; padding-bottom: 8px; }
  :is([data-business="b2c"], [data-business="game"]) .p-row__actions { padding-right: var(--p-space-16); }
}

@layer plain-components {
  
  .p-row .p-row__main[data-has-actions] > .p-row__target, .p-row:not([data-disabled]) .p-row__main[data-has-actions] > .p-row__target { background: transparent; box-shadow: none; }
  @media (hover: hover) and (pointer: fine) {
    .p-row:not([data-disabled], [data-selected]:not([data-select-mode="press"])) .p-row__main[data-has-actions]:hover { background: var(--p-color-ink-a3); }
  }
  .p-row:not([data-disabled]) .p-row__main[data-has-actions]:has(> .p-row__target[data-pressed]) { background: var(--p-color-ink-a5); }
  .p-row[data-selected]:not([data-select-mode="press"]) .p-row__main[data-has-actions] { background: var(--p-color-accent-tint); }
  .p-row[data-selected]:not([data-select-mode="press"]):not([data-disabled]) .p-row__main[data-has-actions]:has(> .p-row__target[data-pressed]) { background: var(--p-color-accent-tint); }
}

@layer plain-components {
  
  .p-row[data-disabled] .p-row__sub[data-reason] { color: var(--p-color-text-secondary); }
  
  .p-row__actions[data-wrapped] > .p-row__trailing { margin-left: 0; margin-right: 4px; }
}

@layer plain-components {
  
  .p-row[data-title-wrap] :is(.p-row__title, .p-row__sub) { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: break-word; word-break: keep-all; text-wrap: balance; }
  .p-row[data-title-wrap] .p-row__sub { text-wrap: balance; }
}

@layer plain-components {
  
  .p-row[data-size="reading"] { overflow: visible; border-bottom: 0; background: transparent; }
  .p-row[data-size="reading"] .p-row__main { background: transparent; }
  .p-row[data-size="reading"] .p-row__target { min-height: 0; padding: 14px 0; gap: var(--p-space-16, 16px); }
  .p-row[data-size="reading"]:first-child .p-row__target { padding-top: 0; }
  .p-row[data-size="reading"]:last-child .p-row__target { padding-bottom: 0; }
  .p-row[data-size="reading"] .p-row__title { font-size: calc(18px * var(--p-ts, 1)); line-height: calc(26px * var(--p-ts, 1)); font-weight: 500; }
  .p-row[data-size="reading"] .p-row__sub { margin-top: 6px; font-size: calc(16px * var(--p-ts, 1)); line-height: calc(24px * var(--p-ts, 1)); }
  .p-row[data-size="reading"] :is(.p-row__title, .p-row__sub) { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: break-word; text-wrap: pretty; }
}

@layer plain-components {
  .p-card {
    box-sizing: border-box; position: relative; display: flex; flex-direction: column; min-width: 0; overflow: hidden; background: var(--p-color-surface-1); color: var(--p-color-text-primary);
    border: 1px solid var(--p-color-border-subtle); border-radius: var(--p-radius-card);
    transition: background-color var(--p-motion-duration-hover) var(--p-motion-easing-standard), border-color var(--p-motion-duration-hover) var(--p-motion-easing-standard);
  }
  .p-card[data-variant="outlined"] { background: var(--p-color-bg-default); border-color: var(--p-color-border-default); }
    .p-card[data-interactive][data-hovered] { background: var(--p-color-surface-hover); border-color: var(--p-color-border-default); }
  .p-card[data-interactive][data-pressed] { background: var(--p-color-surface-pressed); }
  .p-card[data-selected] { border-color: var(--p-color-selected-outline); background: var(--p-color-surface-sunken); box-shadow: inset 0 0 0 calc(var(--p-stroke-selected) - var(--p-stroke-default)) var(--p-color-selected-outline); }
  .p-card[data-disabled] { color: var(--p-color-text-secondary); cursor: not-allowed; }
  .p-card[data-state="stale"] .p-card__title { color: var(--p-color-text-secondary); }
  .p-card[data-state="stale"] .p-card__desc, .p-card[data-state="stale"] .p-card__footer { color: var(--p-color-text-tertiary); }
  .p-card__media { position: relative; width: 100%; max-height: 560px; aspect-ratio: var(--p-media-aspect-16-9); background: var(--p-color-surface-pressed); overflow: hidden; }
  .p-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
  .p-card__media[data-aspect="16-9"] { aspect-ratio: var(--p-media-aspect-16-9); }
  .p-card__media[data-aspect="3-2"] { aspect-ratio: var(--p-media-aspect-3-2); }
  .p-card__media[data-aspect="4-3"] { aspect-ratio: var(--p-media-aspect-4-3); }
  .p-card__media[data-aspect="1-1"] { aspect-ratio: var(--p-media-aspect-1-1); }
  .p-card__media[data-aspect="4-5"] { aspect-ratio: var(--p-media-aspect-4-5); }
  .p-card__media[data-aspect="3-4"] { aspect-ratio: var(--p-media-aspect-3-4); }
  .p-card__media[data-aspect="21-9"] { aspect-ratio: var(--p-media-aspect-21-9); }
  .p-card__media[data-aspect="9-16"] { aspect-ratio: var(--p-media-aspect-9-16); }
  
  .p-card__fb { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 12px; text-align: center; overflow: hidden; color: var(--p-color-text-secondary); font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); }
  .p-card__fb + img { position: relative; }
  
  .p-card__media-action, .p-card__media-badge { position: absolute; top: 8px; z-index: 2; display: inline-flex; }
  .p-card__media-action { inset-inline-end: 8px; }
  .p-card__media-badge { inset-inline-start: 8px; pointer-events: none; }
  
  .p-card[data-interactive] :is(.p-card__footer, .p-card__content) { position: relative; z-index: 2; pointer-events: none; }
  .p-card[data-interactive] :is(.p-card__footer, .p-card__content) :is(a, button, input, select, textarea, label, summary, [role="button"], [role="link"], [tabindex]) { pointer-events: auto; }
  .p-card__failed { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
  .p-card__retry { position: relative; z-index: 3; font: inherit; font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); min-height: var(--p-size-target-min, 24px); padding: 4px 12px; border-radius: var(--p-radius-full); border: 1px solid var(--p-color-border-default); background: var(--p-color-surface-3); color: var(--p-color-text-primary); cursor: pointer; }
  .p-card__lock { position: absolute; top: 8px; right: 8px; display: inline-flex; padding: 4px; border-radius: var(--p-radius-full); background: var(--p-color-surface-3); color: var(--p-color-text-secondary); }
  .p-card__body { display: flex; flex-direction: column; gap: 4px; padding: 12px; }
  .p-card[data-size="sm"] .p-card__body { padding: 8px 12px; }
  .p-card[data-size="lg"] .p-card__body { padding: 16px; gap: 6px; }
  .p-card__body { min-width: 0; }
  .p-card__title { word-break: keep-all; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; margin: 0; font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); text-wrap: balance; }
  .p-card[data-size="lg"] .p-card__title { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-m-weight); }
  .p-card__desc { margin: 0; font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); text-wrap: pretty; }
  .p-card__content { min-width: 0; margin-top: 4px; }
  .p-card__footer { min-width: 0; margin-top: 4px; font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); }
  
  .p-card__target { all: unset; cursor: default; color: inherit; }
  .p-card__target::after { content: ""; position: absolute; inset: 0; }
  .p-card[data-focus-visible] .p-card__target::after { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: -2px; border-radius: var(--p-radius-card); }
  .p-card__sr { display: contents; }
  .p-card__sr .p-card__target { position: absolute; inset: 0; overflow: hidden; text-indent: -9999px; white-space: nowrap; }
  .p-card__sr .p-card__target::after { display: none; }
  .p-card[data-focus-visible] .p-card__sr .p-card__target { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: -2px; border-radius: var(--p-radius-card); }
  .p-card .p-notice { margin-top: 4px; }
  
  .p-card[data-layout="overlay"] { border: 0; background: var(--p-color-surface-3); border-radius: var(--p-radius-card); isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr); }
  .p-card[data-layout="overlay"] .p-card__media { grid-area: 1 / 1; align-self: stretch; }
  .p-card[data-layout="overlay"][data-focus-visible] .p-card__target::after { border-radius: var(--p-radius-card); }
  .p-card[data-layout="overlay"][data-interactive][data-hovered], .p-card[data-layout="overlay"][data-interactive][data-pressed] { background: var(--p-color-surface-3); }
  .p-card[data-layout="overlay"][data-selected] { outline: var(--p-stroke-focus) solid var(--p-color-accent-border); outline-offset: -2px; background: var(--p-color-surface-3); }
  .p-card[data-layout="overlay"] .p-card__body {
    grid-area: 1 / 1; align-self: end; z-index: 1; gap: 4px; padding: 96px 16px 14px; color: var(--p-color-on-scrim);
    
    background: linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--p-color-scrim-media) 8%, transparent) 22%, color-mix(in srgb, var(--p-color-scrim-media) 28%, transparent) 40%, color-mix(in srgb, var(--p-color-scrim-media) 56%, transparent) 54%, color-mix(in srgb, var(--p-color-scrim-media) 80%, transparent) 62%, color-mix(in srgb, var(--p-color-scrim-media) 94%, transparent) 80%, var(--p-color-scrim-media) 100%);
  }
  .p-card[data-layout="overlay"] .p-card__footer { order: -1; margin-top: 0; }
  .p-card[data-layout="overlay"] .p-card__desc { margin-top: 2px; }
  .p-card[data-layout="overlay"][data-size="sm"] .p-card__body { padding: 40px 16px 10px; }
  .p-card[data-layout="overlay"] .p-card__title { color: var(--p-color-on-scrim); word-break: keep-all; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
  .p-card[data-layout="overlay"] .p-card__desc, .p-card[data-layout="overlay"] .p-card__footer { color: var(--p-color-on-scrim); word-break: keep-all; }
  .p-card[data-layout="overlay"][data-state="stale"] .p-card__title, .p-card[data-layout="overlay"][data-state="stale"] .p-card__desc, .p-card[data-layout="overlay"][data-state="stale"] .p-card__footer { color: var(--p-color-on-scrim); }
  .p-card[data-layout="overlay"] .p-card__lock { z-index: 2; }
}

@layer plain-components {
  .p-card { background: var(--p-color-bg-default); border: 0; box-shadow: 0 0 0 1px var(--p-color-ink-a10), var(--pd-xs); border-radius: var(--p-radius-card); letter-spacing: var(--p-type-tracking-sm, -0.006em); }
  .p-card[data-variant="outlined"] { background: var(--p-color-bg-default); }
  .p-card[data-variant="filled"], .p-card[data-variant="tonal"] { background: var(--p-color-surface-sunken); box-shadow: 0 0 0 1px var(--p-color-ink-a6); }
  .p-card[data-interactive][data-hovered] { background: var(--p-color-bg-default); border: 0; box-shadow: 0 0 0 1px var(--p-color-ink-a12), var(--pd-xs); }
  @media (hover: none), (pointer: coarse) { .p-card[data-interactive][data-hovered] { box-shadow: 0 0 0 1px var(--p-color-ink-a8), var(--pd-xs); } }
  .p-card[data-interactive][data-pressed] { background: var(--p-color-ink-a3); }
  
  .p-card[data-selected] { border: 0; background: color-mix(in oklab, var(--p-color-bg-default), var(--p-color-text-primary) 4%); box-shadow: 0 0 0 1px var(--p-color-ink-a10), var(--pd-xs); }
  .p-card[data-selected]::after { content: ""; position: absolute; inset: 0; z-index: 3; border-radius: inherit; box-shadow: inset 0 0 0 var(--p-stroke-selected) var(--p-color-selected-outline); pointer-events: none; }
  .p-card__body { padding: 16px; gap: 4px; }
  .p-card[data-size="sm"] .p-card__body { padding: 14px 16px; }
  .p-card[data-size="lg"] .p-card__body { padding: 20px; gap: 6px; }
  .p-card__title { font-weight: min(600, var(--p-font-weight-max, 1000)); }
  .p-card__retry { border: 0; box-shadow: 0 0 0 1px var(--p-color-ink-a8), var(--pd-xs); }
  .p-card__lock { background: var(--p-color-bg-default); box-shadow: 0 0 0 1px var(--p-color-ink-a8); }
  .p-card__media { box-shadow: inset 0 0 0 1px var(--p-color-ink-a6); }
  .p-card[data-layout="overlay"] { box-shadow: 0 0 0 1px var(--p-color-ink-a6); border-radius: var(--p-radius-card); }
  .p-card[data-layout="overlay"] .p-card__media { box-shadow: none; }
  .p-card[data-layout="overlay"][data-selected] { outline: 0; }
}

@layer plain-components {
  [data-theme="dark"] .p-card:not([data-layout="overlay"]) { box-shadow: 0 0 0 1px var(--p-color-white-a10), inset 0 1px 0 var(--p-color-white-a6), var(--pd-xs); }
  [data-theme="dark"] .p-card[data-interactive][data-hovered]:not([data-layout="overlay"]) { box-shadow: 0 0 0 1px var(--p-color-white-a10), inset 0 1px 0 var(--p-color-white-a10); }
}

@layer plain-components {
  [data-plain-root], [data-theme] { --pd-xs: var(--p-shadow-xs); }
  [data-theme="dark"] { --pd-xs: 0 0 0 0 transparent; }
}

@layer plain-components {
  @media (hover: hover) and (pointer: fine) {
    :is([data-business="b2c"], [data-business="game"]) .p-card[data-interactive] .p-card__media img { transition: transform var(--p-motion-duration-media-hover) var(--p-motion-easing-standard); }
    :is([data-business="b2c"], [data-business="game"]) .p-card[data-interactive]:hover .p-card__media img,
    :is([data-business="b2c"], [data-business="game"]) .p-card[data-interactive][data-hovered] .p-card__media img { transform: scale(var(--p-motion-hover-media-scale)); }
  }
  @media (prefers-reduced-motion: reduce) { :is([data-business="b2c"], [data-business="game"]) .p-card .p-card__media img { transform: none !important; transition: none; } }
  [data-reduced-motion="true"] :is([data-business="b2c"], [data-business="game"]) .p-card .p-card__media img, :is([data-business="b2c"], [data-business="game"])[data-reduced-motion="true"] .p-card .p-card__media img { transform: none !important; transition: none; }
  :is([data-business="b2c"], [data-business="game"]) .p-card[data-focus-visible] { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: 3px; }
  :is([data-business="b2c"], [data-business="game"]) .p-card[data-focus-visible] .p-card__target::after { outline: 0; }
  :is([data-business="b2c"], [data-business="game"]) .p-card[data-focus-visible] .p-card__sr .p-card__target { outline: 0; }
}

@layer plain-components {
  
  .p-tx-title-s { font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); letter-spacing: var(--p-type-title-s-tracking); }
  .p-tx-title-m { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-m-weight); letter-spacing: var(--p-type-title-m-tracking); }
  .p-tx-body-m { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-m-weight); letter-spacing: var(--p-type-body-m-tracking); }
  .p-tx-body-s { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-s-weight); letter-spacing: var(--p-type-body-s-tracking); }
  .p-tx-label-m { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-m-weight); letter-spacing: var(--p-type-label-m-tracking); }
  .p-tx-label-s { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-s-weight); letter-spacing: var(--p-type-label-s-tracking); }
  .p-tx-caption { font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-caption-weight); letter-spacing: var(--p-type-caption-tracking); }
  .p-tx-numeric { font-variant-numeric: tabular-nums; }

  .p-tone-icon { display: inline-flex; flex: none; }
  .p-tone-icon[data-tone="info"] { color: var(--p-color-info-text); }
  .p-tone-icon[data-tone="success"] { color: var(--p-color-success-text); }
  .p-tone-icon[data-tone="warning"] { color: var(--p-color-warning-text); }
  .p-tone-icon[data-tone="danger"] { color: var(--p-color-danger-text); }
  .p-tone-icon[data-tone="neutral"] { color: var(--p-color-text-secondary); }

  
  .p-ob {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; gap: var(--p-button-icon-gap);
    height: calc(var(--p-button-size-md) * var(--p-ts, 1)); margin: 0; padding: 0 12px; border: 1px solid transparent; border-radius: var(--p-button-radius);
    background: transparent; color: var(--p-color-text-primary); font: inherit; font-size: calc(var(--p-button-font-size) * var(--p-ts, 1)); line-height: 20px; font-weight: var(--p-button-font-weight); letter-spacing: var(--p-type-tracking-sm);
    white-space: nowrap; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
    transition: background-color var(--p-field-transition) ease, border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease;
  }
  .p-ob > svg { flex: none; width: var(--p-button-icon-size); height: var(--p-button-icon-size); }
  .p-ob[data-size="sm"] { height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); padding: 0 10px; }
  .p-ob[data-size="lg"] { height: calc(var(--p-button-size-lg) * var(--p-ts, 1)); padding: 0 14px; font-size: calc(var(--p-button-font-size-lg) * var(--p-ts, 1)); }
  .p-ob[data-tone="primary"] { background: var(--p-color-text-primary); color: var(--p-color-text-inverse); box-shadow: var(--p-shadow-button-primary); }
  .p-ob[data-tone="secondary"] { background: var(--p-button-secondary-bg); color: var(--p-color-text-primary); border-color: var(--p-color-border-control); box-shadow: var(--p-shadow-control); }
  .p-ob[data-tone="ghost"] { color: var(--p-color-text-primary); }
  .p-ob[data-tone="destructive"] { background: var(--p-color-danger-solid); color: var(--p-color-danger-on-solid); box-shadow: inset 0 1px 0 var(--p-color-white-a10), 0 1px 2px var(--p-color-ink-a10); }
  .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 14%); }
  .p-ob[data-tone="secondary"][data-hovered] { background: var(--p-button-secondary-bg-hover); border-color: var(--p-color-border-control-hover); }
  .p-ob[data-tone="ghost"][data-hovered] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="destructive"][data-hovered] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 8%); }
  .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 24%); }
  .p-ob[data-tone="secondary"][data-pressed] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="ghost"][data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-ob[data-tone="destructive"][data-pressed] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 16%); }
  .p-ob[data-focus-visible] { outline: none; border-color: var(--p-color-button-focus-border); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  .p-ob[data-tone="destructive"][data-focus-visible] { border-color: var(--p-color-danger-solid); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button-danger); }
  .p-ob[aria-disabled="true"] { opacity: var(--p-opacity-disabled); cursor: not-allowed; box-shadow: none; }
  .p-ob[aria-busy="true"] { cursor: progress; }
  @media (pointer: coarse) { .p-ob { min-height: var(--p-size-target-coarse); } }

  
  .p-backdrop {
    position: fixed; inset: 0; z-index: var(--p-z-overlay); background: var(--p-scrim-dialog); min-height: 100dvh;
    transition: opacity var(--p-motion-overlay-scrim-in) var(--p-motion-easing-enter);
    opacity: calc(1 - var(--drawer-swipe-progress, 0));
    -webkit-backdrop-filter: blur(var(--p-overlay-blur)); backdrop-filter: blur(var(--p-overlay-blur));
  }
  
  .p-backdrop--snap { opacity: 1; }
  .p-backdrop[data-starting-style], .p-backdrop[data-ending-style] { opacity: 0; }
  .p-backdrop[data-ending-style] { transition-duration: var(--p-motion-overlay-scrim-out); transition-timing-function: var(--p-motion-easing-standard); }
  
  .p-backdrop--instant, .p-backdrop--instant:is([data-starting-style], [data-ending-style]) { transition-duration: 0ms; }
  @media (prefers-reduced-transparency: reduce) { .p-backdrop { backdrop-filter: none; } }
  
  @media (prefers-reduced-motion: reduce) {
    .p-dialog.p-dialog.p-dialog, .p-sheet.p-sheet.p-sheet, .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  }
  [data-reduced-motion="true"] .p-dialog.p-dialog.p-dialog, [data-reduced-motion="true"] .p-sheet.p-sheet.p-sheet, [data-reduced-motion="true"] .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  
  @supports (-webkit-touch-callout: none) { .p-backdrop { position: absolute; } }

  
  @property --p-fade-t { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @property --p-fade-b { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @keyframes p-fade-scroll {
    0% { --p-fade-t: 0px; --p-fade-b: 16px; }
    4% { --p-fade-t: 16px; }
    96% { --p-fade-b: 16px; }
    100% { --p-fade-t: 16px; --p-fade-b: 0px; }
  }
  .p-scroll-fade {
    --p-fade-t: 0px; --p-fade-b: 0px;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
  }
  @supports (animation-timeline: scroll()) {
    .p-scroll-fade { animation: p-fade-scroll linear both; animation-timeline: scroll(self block); }
  }
  @media (prefers-reduced-motion: reduce) { .p-scroll-fade { animation-timeline: scroll(self block); } }

  
  .p-notice {
    display: flex; align-items: flex-start; gap: 8px; padding: 8px 12px; border-radius: 8px;
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm);
  }
  .p-notice__text { flex: 1; min-width: 0; padding-top: 2px; }
  .p-notice .p-tone-icon { margin-top: 2px; }
  .p-notice[data-tone="danger"] { background: var(--p-color-danger-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-danger-border) 55%, transparent); color: var(--p-color-danger-text); }
  .p-notice[data-tone="warning"] { background: var(--p-color-warning-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-warning-border) 55%, transparent); color: var(--p-color-warning-text); }
  .p-notice[data-tone="info"] { background: var(--p-color-info-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-info-border) 55%, transparent); color: var(--p-color-info-text); }
  .p-notice .p-ob { align-self: center; }

  
  .p-xbtn {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; background: transparent;
    width: calc(var(--p-button-size-sm) * var(--p-ts, 1)); height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); border-radius: 6px; color: var(--p-color-text-tertiary); cursor: pointer;
    -webkit-tap-highlight-color: transparent; transition: background-color var(--p-field-transition) ease, color var(--p-field-transition) ease;
  }
  .p-xbtn[data-hovered] { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); }
  @media (hover: hover) and (pointer: fine) { .p-xbtn:hover { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); } }
  .p-xbtn:active, .p-xbtn[data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-xbtn:focus-visible, .p-xbtn[data-focus-visible] { outline: none; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  @media (pointer: coarse) { .p-xbtn { width: var(--p-size-target-coarse); height: var(--p-size-target-coarse); } }
  
  .p-keycap {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px;
    border-radius: 4px; background: var(--p-color-ink-a6);
    font: inherit; font-size: 11px; line-height: 16px; font-weight: 500; color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums;
  }
  .p-keycap-word { padding: 0 2px; }
  .p-menu__shortcut { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; padding-left: 16px; color: var(--p-color-text-tertiary); font-variant-numeric: tabular-nums; }
  .p-menu__shortcut[data-bare] { margin-left: 2px; padding-left: 0; }
  .p-ob .p-keycap { background: color-mix(in oklab, currentColor 14%, transparent); color: inherit; }
  .p-ob .p-keycap-word { padding: 0 2px; }
  @media (pointer: coarse) { .p-ob .p-menu__shortcut { display: none; } }
}

@layer plain-components {
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"] { background: var(--p-color-accent-action); color: var(--p-color-accent-on-action); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 8%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 16%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][aria-disabled="true"] { opacity: 1; background: color-mix(in oklab, var(--p-color-accent-action) calc(var(--p-opacity-accent-disabled) * 100%), var(--p-color-bg-default)); }
  
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta) * var(--p-ts, 1)); padding: 0 20px; border-radius: var(--p-radius-cta, var(--p-button-radius)); font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta-touch) * var(--p-ts, 1)); }
}

@layer plain-components {
  
  .p-tx-title-s { font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); letter-spacing: var(--p-type-title-s-tracking); }
  .p-tx-title-m { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-m-weight); letter-spacing: var(--p-type-title-m-tracking); }
  .p-tx-body-m { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-m-weight); letter-spacing: var(--p-type-body-m-tracking); }
  .p-tx-body-s { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-s-weight); letter-spacing: var(--p-type-body-s-tracking); }
  .p-tx-label-m { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-m-weight); letter-spacing: var(--p-type-label-m-tracking); }
  .p-tx-label-s { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-s-weight); letter-spacing: var(--p-type-label-s-tracking); }
  .p-tx-caption { font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-caption-weight); letter-spacing: var(--p-type-caption-tracking); }
  .p-tx-numeric { font-variant-numeric: tabular-nums; }

  .p-tone-icon { display: inline-flex; flex: none; }
  .p-tone-icon[data-tone="info"] { color: var(--p-color-info-text); }
  .p-tone-icon[data-tone="success"] { color: var(--p-color-success-text); }
  .p-tone-icon[data-tone="warning"] { color: var(--p-color-warning-text); }
  .p-tone-icon[data-tone="danger"] { color: var(--p-color-danger-text); }
  .p-tone-icon[data-tone="neutral"] { color: var(--p-color-text-secondary); }

  
  .p-ob {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; gap: var(--p-button-icon-gap);
    height: calc(var(--p-button-size-md) * var(--p-ts, 1)); margin: 0; padding: 0 12px; border: 1px solid transparent; border-radius: var(--p-button-radius);
    background: transparent; color: var(--p-color-text-primary); font: inherit; font-size: calc(var(--p-button-font-size) * var(--p-ts, 1)); line-height: 20px; font-weight: var(--p-button-font-weight); letter-spacing: var(--p-type-tracking-sm);
    white-space: nowrap; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
    transition: background-color var(--p-field-transition) ease, border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease;
  }
  .p-ob > svg { flex: none; width: var(--p-button-icon-size); height: var(--p-button-icon-size); }
  .p-ob[data-size="sm"] { height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); padding: 0 10px; }
  .p-ob[data-size="lg"] { height: calc(var(--p-button-size-lg) * var(--p-ts, 1)); padding: 0 14px; font-size: calc(var(--p-button-font-size-lg) * var(--p-ts, 1)); }
  .p-ob[data-tone="primary"] { background: var(--p-color-text-primary); color: var(--p-color-text-inverse); box-shadow: var(--p-shadow-button-primary); }
  .p-ob[data-tone="secondary"] { background: var(--p-button-secondary-bg); color: var(--p-color-text-primary); border-color: var(--p-color-border-control); box-shadow: var(--p-shadow-control); }
  .p-ob[data-tone="ghost"] { color: var(--p-color-text-primary); }
  .p-ob[data-tone="destructive"] { background: var(--p-color-danger-solid); color: var(--p-color-danger-on-solid); box-shadow: inset 0 1px 0 var(--p-color-white-a10), 0 1px 2px var(--p-color-ink-a10); }
  .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 14%); }
  .p-ob[data-tone="secondary"][data-hovered] { background: var(--p-button-secondary-bg-hover); border-color: var(--p-color-border-control-hover); }
  .p-ob[data-tone="ghost"][data-hovered] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="destructive"][data-hovered] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 8%); }
  .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 24%); }
  .p-ob[data-tone="secondary"][data-pressed] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="ghost"][data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-ob[data-tone="destructive"][data-pressed] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 16%); }
  .p-ob[data-focus-visible] { outline: none; border-color: var(--p-color-button-focus-border); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  .p-ob[data-tone="destructive"][data-focus-visible] { border-color: var(--p-color-danger-solid); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button-danger); }
  .p-ob[aria-disabled="true"] { opacity: var(--p-opacity-disabled); cursor: not-allowed; box-shadow: none; }
  .p-ob[aria-busy="true"] { cursor: progress; }
  @media (pointer: coarse) { .p-ob { min-height: var(--p-size-target-coarse); } }

  
  .p-backdrop {
    position: fixed; inset: 0; z-index: var(--p-z-overlay); background: var(--p-scrim-dialog); min-height: 100dvh;
    transition: opacity var(--p-motion-overlay-scrim-in) var(--p-motion-easing-enter);
    opacity: calc(1 - var(--drawer-swipe-progress, 0));
    -webkit-backdrop-filter: blur(var(--p-overlay-blur)); backdrop-filter: blur(var(--p-overlay-blur));
  }
  
  .p-backdrop--snap { opacity: 1; }
  .p-backdrop[data-starting-style], .p-backdrop[data-ending-style] { opacity: 0; }
  .p-backdrop[data-ending-style] { transition-duration: var(--p-motion-overlay-scrim-out); transition-timing-function: var(--p-motion-easing-standard); }
  
  .p-backdrop--instant, .p-backdrop--instant:is([data-starting-style], [data-ending-style]) { transition-duration: 0ms; }
  @media (prefers-reduced-transparency: reduce) { .p-backdrop { backdrop-filter: none; } }
  
  @media (prefers-reduced-motion: reduce) {
    .p-dialog.p-dialog.p-dialog, .p-sheet.p-sheet.p-sheet, .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  }
  [data-reduced-motion="true"] .p-dialog.p-dialog.p-dialog, [data-reduced-motion="true"] .p-sheet.p-sheet.p-sheet, [data-reduced-motion="true"] .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  
  @supports (-webkit-touch-callout: none) { .p-backdrop { position: absolute; } }

  
  @property --p-fade-t { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @property --p-fade-b { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @keyframes p-fade-scroll {
    0% { --p-fade-t: 0px; --p-fade-b: 16px; }
    4% { --p-fade-t: 16px; }
    96% { --p-fade-b: 16px; }
    100% { --p-fade-t: 16px; --p-fade-b: 0px; }
  }
  .p-scroll-fade {
    --p-fade-t: 0px; --p-fade-b: 0px;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
  }
  @supports (animation-timeline: scroll()) {
    .p-scroll-fade { animation: p-fade-scroll linear both; animation-timeline: scroll(self block); }
  }
  @media (prefers-reduced-motion: reduce) { .p-scroll-fade { animation-timeline: scroll(self block); } }

  
  .p-notice {
    display: flex; align-items: flex-start; gap: 8px; padding: 8px 12px; border-radius: 8px;
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm);
  }
  .p-notice__text { flex: 1; min-width: 0; padding-top: 2px; }
  .p-notice .p-tone-icon { margin-top: 2px; }
  .p-notice[data-tone="danger"] { background: var(--p-color-danger-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-danger-border) 55%, transparent); color: var(--p-color-danger-text); }
  .p-notice[data-tone="warning"] { background: var(--p-color-warning-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-warning-border) 55%, transparent); color: var(--p-color-warning-text); }
  .p-notice[data-tone="info"] { background: var(--p-color-info-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-info-border) 55%, transparent); color: var(--p-color-info-text); }
  .p-notice .p-ob { align-self: center; }

  
  .p-xbtn {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; background: transparent;
    width: calc(var(--p-button-size-sm) * var(--p-ts, 1)); height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); border-radius: 6px; color: var(--p-color-text-tertiary); cursor: pointer;
    -webkit-tap-highlight-color: transparent; transition: background-color var(--p-field-transition) ease, color var(--p-field-transition) ease;
  }
  .p-xbtn[data-hovered] { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); }
  @media (hover: hover) and (pointer: fine) { .p-xbtn:hover { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); } }
  .p-xbtn:active, .p-xbtn[data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-xbtn:focus-visible, .p-xbtn[data-focus-visible] { outline: none; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  @media (pointer: coarse) { .p-xbtn { width: var(--p-size-target-coarse); height: var(--p-size-target-coarse); } }
  
  .p-keycap {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px;
    border-radius: 4px; background: var(--p-color-ink-a6);
    font: inherit; font-size: 11px; line-height: 16px; font-weight: 500; color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums;
  }
  .p-keycap-word { padding: 0 2px; }
  .p-menu__shortcut { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; padding-left: 16px; color: var(--p-color-text-tertiary); font-variant-numeric: tabular-nums; }
  .p-menu__shortcut[data-bare] { margin-left: 2px; padding-left: 0; }
  .p-ob .p-keycap { background: color-mix(in oklab, currentColor 14%, transparent); color: inherit; }
  .p-ob .p-keycap-word { padding: 0 2px; }
  @media (pointer: coarse) { .p-ob .p-menu__shortcut { display: none; } }
}

@layer plain-components {
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"] { background: var(--p-color-accent-action); color: var(--p-color-accent-on-action); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 8%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 16%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][aria-disabled="true"] { opacity: 1; background: color-mix(in oklab, var(--p-color-accent-action) calc(var(--p-opacity-accent-disabled) * 100%), var(--p-color-bg-default)); }
  
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta) * var(--p-ts, 1)); padding: 0 20px; border-radius: var(--p-radius-cta, var(--p-button-radius)); font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta-touch) * var(--p-ts, 1)); }
}

@layer plain-components {
  
  .p-banner {
    box-sizing: border-box; display: flex; align-items: flex-start; gap: 10px; width: 100%; min-height: calc(40px * var(--p-ts, 1)); padding: 8px 8px 8px 12px;
    border-radius: 10px; color: var(--p-color-text-primary);
    font-size: calc(var(--p-field-font-size) * var(--p-ts, 1)); line-height: calc(var(--p-field-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm);
  }
  .p-banner > .p-tone-icon { margin-top: 2px; }
  .p-banner__text { flex: 1; min-width: 0; padding: 4px 8px 4px 0; color: var(--p-color-text-secondary); text-wrap: pretty; }
  .p-banner__title { font-weight: 500; color: var(--p-color-text-primary); }
  .p-banner > .p-ob, .p-banner > .p-xbtn { align-self: center; }
  
  .p-banner { container-type: inline-size; flex-wrap: wrap; row-gap: 0; }
  .p-banner__text { flex-basis: 0; }
  @container (max-width: 479px) {
    .p-banner > .p-xbtn { order: 1; align-self: flex-start; }
    .p-banner:has(> .p-ob)::after { content: ""; order: 2; flex: 0 0 100%; height: 0; }
    .p-banner > .p-ob { order: 3; align-self: flex-start; margin: 4px 0 4px 24px; }
  }
  .p-banner[data-tone="info"] { background: var(--p-color-info-subtle); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-info-border) 50%, transparent); }
  .p-banner[data-tone="warning"] { background: var(--p-color-warning-subtle); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-warning-border) 50%, transparent); }
  .p-banner[data-tone="danger"] { background: var(--p-color-danger-subtle); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-danger-border) 50%, transparent); }
  .p-banner[data-tone="success"] { background: var(--p-color-success-subtle); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-success-border) 50%, transparent); }
  .p-banner[data-tone="info"] > .p-tone-icon { color: var(--p-color-info-text); }
  .p-banner[data-tone="warning"] > .p-tone-icon { color: var(--p-color-warning-text); }
  .p-banner[data-tone="danger"] > .p-tone-icon { color: var(--p-color-danger-text); }
  .p-banner[data-tone="success"] > .p-tone-icon { color: var(--p-color-success-text); }
}

@layer plain-components {
  .p-skeleton { width: 100%; opacity: 0; transition: opacity var(--p-motion-duration-fast) var(--p-motion-easing-standard); }
  .p-skeleton[data-visible] { opacity: 1; }
  .p-skeleton__stack { display: flex; flex-direction: column; gap: 8px; width: 100%; }
  .p-skeleton__grow { flex: 1; min-width: 0; }
  .p-skeleton__bar, .p-skeleton__block {
    position: relative; overflow: hidden; display: block; border-radius: var(--p-radius-4); background-color: var(--p-color-border-subtle);
  }
  
  .p-skeleton__bar::after, .p-skeleton__block::after {
    content: ""; position: absolute; inset: 0; pointer-events: none; transform: translateX(-100%);
    background-image: linear-gradient(90deg, transparent 0, var(--p-color-border-default) 50%, transparent 100%);
    animation: p-skeleton-shimmer var(--p-motion-skeleton-duration) var(--p-motion-easing-in-out) calc(var(--_n, 0) * var(--p-motion-skeleton-stagger)) var(--p-motion-skeleton-loops) both;
  }
  .p-skeleton__bar:not(.p-skeleton__round):not(.p-skeleton__block):not(.p-skeleton__media) { width: var(--w, 100%); height: 12px; }
  .p-skeleton__round { width: var(--s, 40px); height: var(--s, 40px); border-radius: var(--p-radius-full); flex: none; }
  .p-skeleton__block { width: 100%; height: var(--h, 96px); border-radius: var(--p-radius-card); }
  .p-skeleton__dominant { background-color: var(--dominant); }
  .p-skeleton__dominant::after { display: none; }
  .p-skeleton__media { width: 100%; aspect-ratio: 16 / 9; border-radius: var(--p-radius-card); }
  .p-skeleton__stack > :nth-child(2), .p-skeleton__card > :nth-child(2) { --_n: 1; }
  .p-skeleton__stack > :nth-child(3), .p-skeleton__card > :nth-child(3) { --_n: 2; }
  .p-skeleton__stack > :nth-child(4) { --_n: 3; }
  .p-skeleton__stack > :nth-child(5) { --_n: 4; }
  .p-skeleton__stack > :nth-child(n+6) { --_n: 5; }
  .p-skeleton__row { display: flex; align-items: center; gap: 12px; width: 100%; }
  .p-skeleton__card { display: flex; flex-direction: column; gap: 12px; width: 100%; }
  .p-skeleton[data-static] :is(.p-skeleton__bar, .p-skeleton__block)::after { display: none; }
  @media (prefers-reduced-motion: reduce) { .p-skeleton__bar::after, .p-skeleton__block::after { display: none; } }
  [data-reduced-motion="true"] :is(.p-skeleton__bar, .p-skeleton__block)::after { display: none; }
  @keyframes p-skeleton-shimmer { to { transform: translateX(100%); } }
}

@layer plain-components {
  .p-skeleton__bar, .p-skeleton__block { background-color: var(--p-color-ink-a6); border-radius: 6px; }
  .p-skeleton__bar::after, .p-skeleton__block::after { background-image: linear-gradient(90deg, transparent 0, var(--p-color-ink-a6) 50%, transparent 100%); }
  .p-skeleton__block, .p-skeleton__media { border-radius: 12px; }
  .p-skeleton__round { border-radius: var(--p-radius-full); } 
  .p-skeleton__dominant { background-color: var(--dominant); }
  
  .p-skeleton[data-variant="avatar"] { width: auto; flex: none; }
}

@layer plain-components {
  
  .p-tx-title-s { font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); letter-spacing: var(--p-type-title-s-tracking); }
  .p-tx-title-m { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-m-weight); letter-spacing: var(--p-type-title-m-tracking); }
  .p-tx-body-m { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-m-weight); letter-spacing: var(--p-type-body-m-tracking); }
  .p-tx-body-s { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-s-weight); letter-spacing: var(--p-type-body-s-tracking); }
  .p-tx-label-m { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-m-weight); letter-spacing: var(--p-type-label-m-tracking); }
  .p-tx-label-s { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-s-weight); letter-spacing: var(--p-type-label-s-tracking); }
  .p-tx-caption { font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-caption-weight); letter-spacing: var(--p-type-caption-tracking); }
  .p-tx-numeric { font-variant-numeric: tabular-nums; }

  .p-tone-icon { display: inline-flex; flex: none; }
  .p-tone-icon[data-tone="info"] { color: var(--p-color-info-text); }
  .p-tone-icon[data-tone="success"] { color: var(--p-color-success-text); }
  .p-tone-icon[data-tone="warning"] { color: var(--p-color-warning-text); }
  .p-tone-icon[data-tone="danger"] { color: var(--p-color-danger-text); }
  .p-tone-icon[data-tone="neutral"] { color: var(--p-color-text-secondary); }

  
  .p-ob {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; gap: var(--p-button-icon-gap);
    height: calc(var(--p-button-size-md) * var(--p-ts, 1)); margin: 0; padding: 0 12px; border: 1px solid transparent; border-radius: var(--p-button-radius);
    background: transparent; color: var(--p-color-text-primary); font: inherit; font-size: calc(var(--p-button-font-size) * var(--p-ts, 1)); line-height: 20px; font-weight: var(--p-button-font-weight); letter-spacing: var(--p-type-tracking-sm);
    white-space: nowrap; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
    transition: background-color var(--p-field-transition) ease, border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease;
  }
  .p-ob > svg { flex: none; width: var(--p-button-icon-size); height: var(--p-button-icon-size); }
  .p-ob[data-size="sm"] { height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); padding: 0 10px; }
  .p-ob[data-size="lg"] { height: calc(var(--p-button-size-lg) * var(--p-ts, 1)); padding: 0 14px; font-size: calc(var(--p-button-font-size-lg) * var(--p-ts, 1)); }
  .p-ob[data-tone="primary"] { background: var(--p-color-text-primary); color: var(--p-color-text-inverse); box-shadow: var(--p-shadow-button-primary); }
  .p-ob[data-tone="secondary"] { background: var(--p-button-secondary-bg); color: var(--p-color-text-primary); border-color: var(--p-color-border-control); box-shadow: var(--p-shadow-control); }
  .p-ob[data-tone="ghost"] { color: var(--p-color-text-primary); }
  .p-ob[data-tone="destructive"] { background: var(--p-color-danger-solid); color: var(--p-color-danger-on-solid); box-shadow: inset 0 1px 0 var(--p-color-white-a10), 0 1px 2px var(--p-color-ink-a10); }
  .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 14%); }
  .p-ob[data-tone="secondary"][data-hovered] { background: var(--p-button-secondary-bg-hover); border-color: var(--p-color-border-control-hover); }
  .p-ob[data-tone="ghost"][data-hovered] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="destructive"][data-hovered] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 8%); }
  .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 24%); }
  .p-ob[data-tone="secondary"][data-pressed] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="ghost"][data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-ob[data-tone="destructive"][data-pressed] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 16%); }
  .p-ob[data-focus-visible] { outline: none; border-color: var(--p-color-button-focus-border); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  .p-ob[data-tone="destructive"][data-focus-visible] { border-color: var(--p-color-danger-solid); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button-danger); }
  .p-ob[aria-disabled="true"] { opacity: var(--p-opacity-disabled); cursor: not-allowed; box-shadow: none; }
  .p-ob[aria-busy="true"] { cursor: progress; }
  @media (pointer: coarse) { .p-ob { min-height: var(--p-size-target-coarse); } }

  
  .p-backdrop {
    position: fixed; inset: 0; z-index: var(--p-z-overlay); background: var(--p-scrim-dialog); min-height: 100dvh;
    transition: opacity var(--p-motion-overlay-scrim-in) var(--p-motion-easing-enter);
    opacity: calc(1 - var(--drawer-swipe-progress, 0));
    -webkit-backdrop-filter: blur(var(--p-overlay-blur)); backdrop-filter: blur(var(--p-overlay-blur));
  }
  
  .p-backdrop--snap { opacity: 1; }
  .p-backdrop[data-starting-style], .p-backdrop[data-ending-style] { opacity: 0; }
  .p-backdrop[data-ending-style] { transition-duration: var(--p-motion-overlay-scrim-out); transition-timing-function: var(--p-motion-easing-standard); }
  
  .p-backdrop--instant, .p-backdrop--instant:is([data-starting-style], [data-ending-style]) { transition-duration: 0ms; }
  @media (prefers-reduced-transparency: reduce) { .p-backdrop { backdrop-filter: none; } }
  
  @media (prefers-reduced-motion: reduce) {
    .p-dialog.p-dialog.p-dialog, .p-sheet.p-sheet.p-sheet, .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  }
  [data-reduced-motion="true"] .p-dialog.p-dialog.p-dialog, [data-reduced-motion="true"] .p-sheet.p-sheet.p-sheet, [data-reduced-motion="true"] .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  
  @supports (-webkit-touch-callout: none) { .p-backdrop { position: absolute; } }

  
  @property --p-fade-t { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @property --p-fade-b { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @keyframes p-fade-scroll {
    0% { --p-fade-t: 0px; --p-fade-b: 16px; }
    4% { --p-fade-t: 16px; }
    96% { --p-fade-b: 16px; }
    100% { --p-fade-t: 16px; --p-fade-b: 0px; }
  }
  .p-scroll-fade {
    --p-fade-t: 0px; --p-fade-b: 0px;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
  }
  @supports (animation-timeline: scroll()) {
    .p-scroll-fade { animation: p-fade-scroll linear both; animation-timeline: scroll(self block); }
  }
  @media (prefers-reduced-motion: reduce) { .p-scroll-fade { animation-timeline: scroll(self block); } }

  
  .p-notice {
    display: flex; align-items: flex-start; gap: 8px; padding: 8px 12px; border-radius: 8px;
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm);
  }
  .p-notice__text { flex: 1; min-width: 0; padding-top: 2px; }
  .p-notice .p-tone-icon { margin-top: 2px; }
  .p-notice[data-tone="danger"] { background: var(--p-color-danger-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-danger-border) 55%, transparent); color: var(--p-color-danger-text); }
  .p-notice[data-tone="warning"] { background: var(--p-color-warning-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-warning-border) 55%, transparent); color: var(--p-color-warning-text); }
  .p-notice[data-tone="info"] { background: var(--p-color-info-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-info-border) 55%, transparent); color: var(--p-color-info-text); }
  .p-notice .p-ob { align-self: center; }

  
  .p-xbtn {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; background: transparent;
    width: calc(var(--p-button-size-sm) * var(--p-ts, 1)); height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); border-radius: 6px; color: var(--p-color-text-tertiary); cursor: pointer;
    -webkit-tap-highlight-color: transparent; transition: background-color var(--p-field-transition) ease, color var(--p-field-transition) ease;
  }
  .p-xbtn[data-hovered] { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); }
  @media (hover: hover) and (pointer: fine) { .p-xbtn:hover { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); } }
  .p-xbtn:active, .p-xbtn[data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-xbtn:focus-visible, .p-xbtn[data-focus-visible] { outline: none; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  @media (pointer: coarse) { .p-xbtn { width: var(--p-size-target-coarse); height: var(--p-size-target-coarse); } }
  
  .p-keycap {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px;
    border-radius: 4px; background: var(--p-color-ink-a6);
    font: inherit; font-size: 11px; line-height: 16px; font-weight: 500; color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums;
  }
  .p-keycap-word { padding: 0 2px; }
  .p-menu__shortcut { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; padding-left: 16px; color: var(--p-color-text-tertiary); font-variant-numeric: tabular-nums; }
  .p-menu__shortcut[data-bare] { margin-left: 2px; padding-left: 0; }
  .p-ob .p-keycap { background: color-mix(in oklab, currentColor 14%, transparent); color: inherit; }
  .p-ob .p-keycap-word { padding: 0 2px; }
  @media (pointer: coarse) { .p-ob .p-menu__shortcut { display: none; } }
}

@layer plain-components {
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"] { background: var(--p-color-accent-action); color: var(--p-color-accent-on-action); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 8%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 16%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][aria-disabled="true"] { opacity: 1; background: color-mix(in oklab, var(--p-color-accent-action) calc(var(--p-opacity-accent-disabled) * 100%), var(--p-color-bg-default)); }
  
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta) * var(--p-ts, 1)); padding: 0 20px; border-radius: var(--p-radius-cta, var(--p-button-radius)); font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta-touch) * var(--p-ts, 1)); }
}

@layer plain-components {
  .p-empty { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: 8px; width: 100%; max-width: 360px; margin: 0 auto; padding: 32px 16px; text-align: center; color: var(--p-color-text-secondary); }
  .p-empty[data-size="sm"] { padding: 16px; gap: 6px; }
  .p-empty[data-size="lg"] { padding: 64px 24px; gap: 12px; max-width: 420px; }
  .p-empty__glyph { display: inline-flex; margin-bottom: 4px; color: var(--p-color-text-tertiary); }
  .p-empty[data-variant="blocked"] .p-empty__glyph { color: var(--p-color-danger-text); }
  .p-empty__title { margin: 0; color: var(--p-color-text-primary); font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); text-wrap: balance; }
  .p-empty[data-size="lg"] .p-empty__title { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-m-weight); }
  .p-empty__desc { margin: 0; font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); text-wrap: pretty; }
  .p-empty__tips { margin: 0; padding: 0; list-style: none; font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-tertiary); }
  .p-empty .p-ob { margin-top: 8px; }
}

@layer plain-components {
  .p-empty { gap: 4px; max-width: 40ch; padding: 40px 16px; }
  .p-empty[data-size="sm"] { padding: 20px 16px; }
  .p-empty[data-size="lg"] { padding: 80px 24px; gap: 6px; max-width: 44ch; }
  .p-empty__glyph { margin-bottom: 8px; }
  .p-empty__title, .p-empty[data-size="lg"] .p-empty__title { font-size: calc(15px * var(--p-ts, 1)); line-height: calc(22px * var(--p-ts, 1)); font-weight: min(600, var(--p-font-weight-max, 1000)); letter-spacing: -0.011em; }
  .p-empty__desc { max-width: 40ch; font-size: calc(14px * var(--p-ts, 1)); line-height: calc(20px * var(--p-ts, 1)); }
  .p-empty .p-ob { margin-top: 12px; }
}

@layer plain-components {
  
  .p-table { position: relative; container-type: inline-size; display: flex; flex-direction: column; min-width: 0; border: 0; border-radius: 0; margin: 0; background: var(--p-table-bg, var(--p-color-bg-default)); color: var(--p-color-text-primary); overflow: hidden; }
  .p-table[data-variant="contained"] { border: 1px solid var(--p-color-border-default); border-radius: var(--p-radius-card); }
  .p-table__scroll { position: relative; overflow: auto; overscroll-behavior: contain; scroll-padding-top: var(--p-row-h, 40px); }
  .p-table__grid { min-width: max(100%, var(--p-table-w, 0px)); font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); }
  .p-table[data-density="compact"] .p-table__grid, .p-table[data-density="standard"] .p-table__grid { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); }
  .p-table__head { position: sticky; top: 0; z-index: var(--p-z-sticky); background: var(--p-table-bg, var(--p-color-bg-default)); }
  .p-table[data-variant="contained"] .p-table__head { background: var(--p-color-surface-sunken); }
  .p-table__row { display: grid; grid-template-columns: var(--p-cols); align-items: stretch; min-height: var(--p-row-h); min-width: 100%; border-bottom: 1px solid var(--p-color-border-subtle); background: var(--p-table-bg, var(--p-color-bg-default)); }
  .p-table__row--head { border-bottom-color: var(--p-color-border-subtle); background: var(--p-table-bg, var(--p-color-bg-default)); }
  .p-table[data-variant="contained"] .p-table__row--head { border-bottom-color: var(--p-color-border-default); background: var(--p-color-surface-sunken); }
  .p-table__cell {
    box-sizing: border-box; position: relative; display: flex; align-items: center; gap: 6px; min-width: 0; padding: 4px 16px; overflow: visible; white-space: normal; overflow-wrap: break-word; outline: none;
  }
  .p-table__cell[data-numeric] { justify-content: flex-end; text-align: right; font-variant-numeric: tabular-nums; }
  .p-table__cell:focus-visible { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: -2px; }
  .p-table__cell--select { justify-content: center; padding: 0; }
  .p-table__cell--head { color: var(--p-color-text-secondary); font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); font-weight: 500; user-select: none; }
  .p-table__cell--head[data-sortable] { cursor: default; }
  .p-table__cell--head[data-sorted] { color: var(--p-color-text-primary); }
  .p-table__head-text { min-width: 0; overflow-wrap: break-word; }
  
  .p-table[data-virtual] .p-table__row { height: var(--p-row-h); }
  .p-table[data-virtual] .p-table__cell { overflow: hidden; }
  .p-table__sort { display: inline-flex; flex: none; color: var(--p-color-text-tertiary); }
  .p-table__cell--head[data-sorted] .p-table__sort { color: var(--p-color-text-primary); }
  .p-table__resize { position: absolute; top: 0; right: 0; bottom: 0; width: 8px; cursor: col-resize; touch-action: none; }
  
  .p-table__resize::after { content: ""; position: absolute; top: 25%; bottom: 25%; right: 3px; width: 1px; background: transparent; }
  @media (hover: hover) and (pointer: fine) { .p-table__resize:hover::after { background: var(--p-color-accent-solid); width: 2px; right: 2px; } }
  .p-table__resize[data-dragging]::after { background: var(--p-color-accent-solid); width: 2px; right: 2px; }
  
  @media (hover: hover) and (pointer: fine) {
    .p-table__cell--head[data-sortable]:not([data-sorted]) .p-table__sort { opacity: 0; }
    .p-table__cell--head[data-sortable]:not([data-sorted]):hover .p-table__sort, .p-table__cell--head[data-sortable]:not([data-sorted]):focus-visible .p-table__sort { opacity: 1; }
  }
  .p-table__row[data-interactive][data-hovered] { background: var(--p-color-surface-hover); }
  .p-table__row[data-interactive][data-pressed] { background: var(--p-color-surface-pressed); }
  .p-table__row[data-selected] { background: var(--p-color-surface-selected); }
  
  .p-table__row[data-current], .p-table__row[data-current][data-interactive][data-hovered], .p-table__row[data-selected][data-interactive][data-hovered] { background: var(--p-color-surface-selected); }
  .p-table__row[data-focus-visible] { box-shadow: inset 0 0 0 var(--p-stroke-focus) var(--p-color-focus-ring); }
  .p-table__row[data-disabled] { color: var(--p-color-text-disabled); }
  
  .p-table__check { all: unset; box-sizing: border-box; position: relative; display: inline-flex; align-items: center; justify-content: center; width: var(--p-size-target-min, 24px); height: var(--p-size-target-min, 24px); color: var(--p-color-text-on-accent); }
  .p-table__check::before { content: ""; position: absolute; left: 50%; top: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; box-sizing: border-box; border: 1px solid var(--p-color-border-strong); border-radius: var(--p-radius-4); background: var(--p-color-bg-default); }
  .p-table__check[data-checked]::before { background: var(--p-color-accent-solid); border-color: var(--p-color-accent-solid); }
  .p-table__check > svg { position: relative; }
  .p-table__progress { position: absolute; z-index: calc(var(--p-z-sticky) + 1); top: 0; left: 0; right: 0; height: 2px; overflow: hidden; background: transparent; }
  .p-table__progress::after { content: ""; position: absolute; inset: 0 auto 0 0; width: 35%; background: var(--p-color-accent-solid); animation: p-table-progress 1.2s linear infinite; }
  @keyframes p-table-progress { from { transform: translateX(-100%); } to { transform: translateX(300%); } }
  @media (prefers-reduced-motion: reduce) { .p-table__progress::after { animation: none; width: 100%; opacity: 0.5; } }
  [data-reduced-motion="true"] .p-table__progress::after { animation: none; width: 100%; opacity: 0.5; }
  .p-table[data-state="offline"] .p-table__body, .p-table[data-state="stale"] .p-table__body { color: var(--p-color-text-secondary); }
  .p-table[data-state="offline"] .p-table__body .p-table__cell, .p-table[data-state="stale"] .p-table__body .p-table__cell { color: var(--p-color-text-secondary); }
  .p-table__empty { padding: 24px 0; }
  .p-table .p-banner { border-radius: 0; }

  
  .p-table { overflow: clip; }
  .p-seltool-dock { position: sticky; bottom: var(--p-size-bulkbar-inset); z-index: calc(var(--p-z-sticky) + 2); height: 0; display: flex; justify-content: center; pointer-events: none; }
  .p-seltool {
    pointer-events: auto; position: absolute; bottom: 0; box-sizing: border-box; display: flex; align-items: center; gap: 4px; max-width: calc(100% - 16px);
    min-height: calc(var(--p-size-bulkbar) * var(--p-ts, 1)); padding: 4px 4px 4px 6px; border: 1px solid transparent; border-radius: var(--p-radius-pop);
    background: var(--p-color-surface-3); box-shadow: var(--p-elevation-3-shadow), var(--p-ring-edge), var(--p-ring-top);
  }
  .p-seltool__count { display: inline-flex; align-items: center; height: 24px; padding: 0 8px; margin-right: 2px; border-radius: var(--p-radius-control); background: var(--p-color-accent-tint); font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: 1; font-weight: 500; color: var(--p-color-accent-text); font-variant-numeric: tabular-nums; white-space: nowrap; }
  .p-seltool__actions { display: inline-flex; gap: 2px; flex-wrap: wrap; align-items: center; }
  .p-seltool .p-ob[data-tone="ghost"] { color: var(--p-color-text-primary); }
  .p-seltool .p-ob[data-danger] { color: var(--p-color-danger-text); }
  .p-seltool .p-ob[data-danger][data-hovered] { background: var(--p-color-danger-tint); }
  .p-seltool .p-xbtn { margin-left: 2px; }
  @media (max-width: 599px) { .p-seltool { flex-wrap: wrap; justify-content: center; } }

  
  .p-table__cards { margin: 0; padding: 0; list-style: none; }
  .p-table__card { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--p-color-border-subtle); }
  
  .p-table__cards[data-large] > .p-table__card { content-visibility: auto; contain-intrinsic-size: auto calc(25px + var(--p-type-body-m-line-height) * var(--p-ts, 1) + var(--p-card-lines, 1) * (2px + var(--p-type-body-s-line-height) * var(--p-ts, 1))); }
  .p-table__card[data-selected], .p-table__card[data-current] { background: var(--p-color-surface-selected); }
  .p-table__card .p-table__check { margin: -2px -4px -2px -4px; flex: none; }
  .p-table__card-main { box-sizing: border-box; flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
  
  .p-table__card-open { all: unset; box-sizing: border-box; display: block; max-width: 100%; text-align: start; cursor: default; font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: 500; overflow-wrap: break-word; }
  .p-table__card-open:focus-visible { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: 2px; border-radius: 2px; }
  .p-table__card-title { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: 500; overflow-wrap: break-word; }
  .p-table__card-line { display: flex; justify-content: space-between; gap: 12px; font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); }
  .p-table__card-line[data-numeric] .p-table__card-val { font-variant-numeric: tabular-nums; }
  .p-table__card-val { text-align: right; min-width: 0; overflow-wrap: break-word; }
}

@layer plain-components {
  .p-table[data-variant="contained"] { border: 0; border-radius: 12px; box-shadow: 0 0 0 1px var(--p-color-ink-a8), var(--pd-xs); }
  .p-table[data-variant="contained"] .p-table__head, .p-table[data-variant="contained"] .p-table__row--head { background: var(--p-table-bg, var(--p-color-bg-default)); }
  .p-table__row { border-bottom-color: var(--p-color-ink-a6); }
  .p-table__row:last-child { border-bottom-color: transparent; }
  .p-table__row--head, .p-table[data-variant="contained"] .p-table__row--head { border-bottom: 1px solid var(--p-color-ink-a8); min-height: 44px; background: var(--p-table-bg, var(--p-color-bg-default)); }
  .p-table__cell { padding: 4px 16px; }
  .p-table__cell--head { font-size: calc(12px * var(--p-ts, 1)); line-height: calc(16px * var(--p-ts, 1)); font-weight: 500; color: var(--p-color-text-secondary); letter-spacing: 0; }
  .p-table__cell--head[data-sorted] { color: var(--p-color-text-primary); }
  .p-table__cell[data-numeric] { font-variant-numeric: tabular-nums; }
  .p-table__cell--select { width: 44px; }
  .p-table .p-table__cell--select { padding-inline: 0; }
  .p-table__check { flex: none; }
  .p-table__grid { letter-spacing: var(--p-type-tracking-sm, -0.006em); }
  
  .p-table__head { transition: box-shadow var(--p-motion-duration-hover) var(--p-motion-easing-standard); }
  .p-table__scroll[data-scrolled] .p-table__head { box-shadow: 0 1px 0 var(--p-color-ink-a8), 0 4px 8px -4px var(--p-color-ink-a10); }
  .p-table__row[data-interactive][data-hovered] { background: var(--p-color-ink-a3); }
  @media (hover: hover) and (pointer: fine) { .p-table__row:not([data-head]):not(.p-table__row--head):hover { background: var(--p-color-ink-a3); } .p-table__row--head:hover { background: var(--p-color-bg-default); } }
  .p-table__row[data-interactive][data-pressed] { background: var(--p-color-ink-a5); }
  
  .p-table { --p-table-wash: color-mix(in oklab, var(--p-color-accent-action) 17%, var(--p-color-bg-default)); }
  [data-theme="dark"] .p-table { --p-table-wash: color-mix(in oklab, var(--p-color-accent-action) 30%, var(--p-color-bg-default)); }
  .p-table__row[data-selected], .p-table__row[data-current], .p-table__row[data-current][data-interactive][data-hovered], .p-table__row[data-selected][data-interactive][data-hovered] { background: var(--p-table-wash); }
  @media (hover: hover) and (pointer: fine) { .p-table__row:is([data-selected], [data-current]):not([data-head]):not(.p-table__row--head):hover { background: var(--p-table-wash); } }
  
  .p-table__check::before { width: var(--p-choice-size, 16px); height: var(--p-choice-size, 16px); margin: calc(var(--p-choice-size, 16px) / -2) 0 0 calc(var(--p-choice-size, 16px) / -2); border: 1px solid var(--p-choice-border, var(--p-color-border-default)); border-radius: var(--p-choice-radius, 4px); box-shadow: var(--p-shadow-choice); }
  .p-table__check[data-checked]::before { background: var(--p-color-accent-solid); border-color: var(--p-color-accent-solid); box-shadow: none; }
  
  .p-seltool { border: 0; background: var(--p-overlay-bg, var(--p-color-bg-default)); border-radius: var(--p-radius-card); box-shadow: var(--p-shadow-overlay), var(--p-shadow-overlay-highlight); padding: 4px 4px 4px 8px; }
  .p-seltool__count { border-radius: var(--p-radius-inner-control); font-size: calc(13px * var(--p-ts, 1)); }
  .p-table__card { border-bottom-color: var(--p-color-ink-a6); }
  .p-table__card[data-selected], .p-table__card[data-current] { background: var(--p-table-wash); }
  .p-table__empty { padding: 32px 0; }
}

@layer plain-components {
  .p-table[data-selecting] { --p-seltool-reserve: 64px; }
  .p-table[data-selecting] .p-table__scroll { padding-bottom: var(--p-seltool-reserve); box-sizing: border-box; }
  .p-table[data-selecting] .p-table__scroll[style*="max-height"] { box-sizing: border-box; }
  .p-seltool-dock { position: absolute; left: 0; right: 0; bottom: 12px; top: auto; height: auto; z-index: calc(var(--p-z-sticky) + 2); display: flex; justify-content: center; pointer-events: none; padding-inline: 12px; }
  .p-seltool { position: static; max-width: 100%; flex-wrap: nowrap; }
  .p-seltool__actions { flex-wrap: nowrap; min-width: 0; }
  .p-seltool__count { flex: none; }
}

@layer plain-components {
  [data-plain-root], [data-theme] { --pd-xs: var(--p-shadow-xs); }
  [data-theme="dark"] { --pd-xs: 0 0 0 0 transparent; }
}

@layer plain-components {
  .p-table[data-density="standard"] .p-table__head, .p-table[data-density="standard"] .p-table__row--head { min-height: 44px; background: var(--p-color-surface-sunken); }
  .p-table[data-density="standard"] .p-table__cell--head { padding-block: 0; }
}

@layer plain-components {
  @media (forced-colors: active) {
    .p-table .p-table__check, .p-table .p-table__check[data-checked] { background: transparent; border-color: transparent; }
    .p-table .p-table__check::before { border-color: ButtonText; }
    .p-table .p-table__check[data-checked]::before { forced-color-adjust: none; background: Highlight; border-color: Highlight; }
  }
}

@layer plain-components {
  .p-table__native { width: 100%; border-collapse: collapse; border-spacing: 0; background: var(--p-table-bg, var(--p-color-bg-default)); color: var(--p-color-text-primary); font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); }
  .p-table__native[data-density="compact"], .p-table__native[data-density="standard"] { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); }
  .p-table__native[data-variant="contained"] { border: 1px solid var(--p-color-border-default); border-radius: var(--p-radius-card); border-collapse: separate; overflow: hidden; }
  .p-table__native :is(th, td) { box-sizing: border-box; padding: 12px 16px; text-align: start; vertical-align: top; border-bottom: 1px solid var(--p-color-border-subtle); overflow-wrap: break-word; }
  .p-table__native[data-density="compact"] :is(th, td) { padding-block: 6px; }
  .p-table__native[data-density="standard"] :is(th, td) { padding-block: 9px; }
  .p-table__native thead th { color: var(--p-color-text-secondary); font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); font-weight: 500; vertical-align: bottom; }
  .p-table__native[data-variant="contained"] thead th { background: var(--p-color-surface-sunken); border-bottom-color: var(--p-color-border-default); }
  .p-table__native tbody th { font-weight: 500; }
  .p-table__native :is(th, td)[data-numeric] { text-align: end; font-variant-numeric: tabular-nums; }
  .p-table__native tbody tr[aria-current] { background: color-mix(in oklab, var(--p-color-accent-solid) 6%, transparent); }
  .p-table__native tfoot :is(th, td) { font-weight: 500; border-bottom: 0; border-top: 1px solid var(--p-color-border-default); }
  .p-table__native tr:last-child > :is(th, td) { border-bottom: 0; }
  @media (max-width: 599.98px) {
    .p-table__native[data-crit-card] thead { display: none; }
    .p-table__native[data-crit-card] :is(tbody, tfoot, tr) { display: block; }
    .p-table__native[data-crit-card] tr { padding-block: 8px; border-bottom: 1px solid var(--p-color-border-subtle); }
    .p-table__native[data-crit-card] tr:last-child { border-bottom: 0; }
    .p-table__native[data-crit-card] :is(th, td) { display: block; width: 100%; padding: 4px 16px; border: 0; text-align: start; }
    .p-table__native[data-crit-card] td:empty { display: none; }
    .p-table__native[data-crit-card] tfoot tr { border-top: 1px solid var(--p-color-border-default); }
    .p-table__native[data-crit-card] td::before { content: attr(data-l); display: block; color: var(--p-color-text-secondary); font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: 500; }
  }
}

@layer plain-components {
  .p-table-footer { display: flex; align-items: center; justify-content: space-between; gap: var(--p-space-12, 12px); flex-wrap: wrap; padding: var(--p-space-12, 12px) var(--p-space-16, 16px); border-top: 1px solid var(--p-color-border-subtle); }
  .p-table-footer__count { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums; }
  .p-table-footer__sentinel { flex-basis: 100%; height: 1px; margin-top: -1px; }
  .p-table-footer__extra { flex-basis: 100%; }
  
  .p-table-footer__loading { display: inline-flex; align-items: center; gap: var(--p-space-8, 8px); min-height: var(--p-control-height-sm, 32px); font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); }
  .p-table__row--totals { font-weight: min(600, var(--p-font-weight-max, 1000)); border-top: 1px solid var(--p-color-border-default); background: var(--p-color-bg-default); }
  .p-table__row--totals .p-table__cell { font-weight: min(600, var(--p-font-weight-max, 1000)); color: var(--p-color-text-primary); }
  
  .p-table__totals-card { display: flex; flex-direction: column; gap: var(--p-space-4, 4px); padding: var(--p-space-12, 12px) var(--p-space-16, 16px); margin: 0; border-top: 1px solid var(--p-color-border-default); }
  .p-table__totals-card > [data-slot="line"] { display: flex; justify-content: space-between; align-items: baseline; gap: var(--p-space-12, 12px); }
  .p-table__totals-card [data-slot="label"] { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); font-weight: min(600, var(--p-font-weight-max, 1000)); color: var(--p-color-text-primary); overflow-wrap: break-word; }
  .p-table__totals-card [data-slot="sub"] { font-weight: 400; color: var(--p-color-text-secondary); }
  .p-table__totals-card [data-slot="amount"] { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: min(600, var(--p-font-weight-max, 1000)); color: var(--p-color-text-primary); font-variant-numeric: tabular-nums; text-align: end; }
}

@layer plain-components {
  .p-table__card-sort { display: flex; align-items: center; justify-content: flex-start; padding: var(--p-space-8, 8px) var(--p-space-16, 16px); border-bottom: 1px solid var(--p-color-border-subtle); }
  .p-table__card-sort > * { min-width: 0; width: 100%; }
}

@layer plain-components {
  [data-plain="field"] {
    --_h: var(--p-size-control-md);
    --_fs: var(--p-type-body-m-size);
    --_lh: var(--p-type-body-m-line-height);
    display: flex; flex-direction: column; gap: var(--p-space-6); min-width: 0; text-align: start;
  }
  [data-plain="field"][data-size="sm"] { --_h: var(--p-size-control-sm); }
  [data-plain="field"][data-size="lg"] { --_h: var(--p-size-control-lg); }
  
  [data-pointer="coarse"] [data-plain="field"] { --_h: max(var(--_h-base, var(--p-size-control-md)), var(--p-size-target-coarse)); --_fs: max(16px, var(--p-type-body-m-size)); --_lh: max(22px, var(--p-type-body-m-line-height)); }
  [data-pointer="coarse"] [data-plain="field"][data-size="sm"] { --_h: var(--p-size-target-coarse); }
  [data-pointer="coarse"] [data-plain="field"][data-size="md"] { --_h: max(var(--p-size-control-md), var(--p-size-target-coarse)); }
  [data-pointer="coarse"] [data-plain="field"][data-size="lg"] { --_h: max(var(--p-size-control-lg), var(--p-size-target-coarse)); }

  
  [data-plain="field"] [data-slot="label"] {
    display: flex; align-items: baseline; gap: var(--p-space-6);
    font-size: calc(var(--p-field-label-size) * var(--p-ts)); line-height: calc(var(--p-field-label-line-height) * var(--p-ts));
    font-weight: var(--p-field-label-weight); letter-spacing: var(--p-type-tracking-sm); color: var(--p-color-text-primary);
  }
  [data-plain="field"] [data-slot="optional"] { color: var(--p-color-text-tertiary); font-weight: 400; }
  [data-plain="field"] [data-slot="required"] { color: var(--p-color-danger-text); }

  
  [data-plain="field"] [data-slot="control"] {
    position: relative; display: flex; align-items: center; gap: var(--p-space-8);
    min-height: var(--_h); letter-spacing: var(--p-type-tracking-sm);
    cursor: text;
  }
  [data-plain="field"] [data-slot="control"]:has([data-plain-trigger]) { cursor: pointer; }
  [data-pointer="coarse"] [data-plain="field"] [data-slot="control"] { letter-spacing: var(--p-type-tracking-md); }
  
  [data-pointer="coarse"] [data-plain="field"][data-search] [data-slot="control"]::before,
  [data-pointer="coarse"] [data-plain="field"][data-search] [data-slot="control"]::after { content: ""; position: absolute; inset-inline: 0; }
  [data-pointer="coarse"] [data-plain="field"][data-search] [data-slot="control"]::before { top: min(0px, calc((100% - var(--p-size-target-coarse)) / 2)); bottom: 100%; }
  [data-pointer="coarse"] [data-plain="field"][data-search] [data-slot="control"]::after { top: 100%; bottom: min(0px, calc((100% - var(--p-size-target-coarse)) / 2)); }
  
  [data-plain="field"][data-variant="filled"] [data-slot="control"] { background: var(--p-color-ink-a4); border-color: transparent; box-shadow: none; }
  @media (hover: hover) and (pointer: fine) { [data-plain="field"][data-variant="filled"] [data-slot="control"]:hover:not([data-disabled]) { background: var(--p-color-ink-a6); border-color: transparent; } }
  [data-plain="field"][data-variant="filled"] [data-slot="control"]:is([data-focus-visible], :focus-within, [data-open]) { background: var(--p-color-field-bg); border-color: var(--p-color-field-border-focus); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-field); }
  [data-plain="field"] [data-slot="control"][data-status="warning"] { border-color: var(--p-color-warning-solid); }
  [data-plain="field"] [data-slot="control"][data-status="success"] { border-color: var(--p-color-success-solid); }
  
  [data-plain="field"] [data-slot="control"]:has([data-plain-trigger][data-popup-open]),
  [data-plain="field"] [data-slot="control"]:has([data-plain-trigger]:focus-visible) {
    border-color: var(--p-color-field-border-focus); box-shadow: var(--p-shadow-control), 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-field);
  }
  
  [data-plain="field"][data-denied] [data-slot="control"] { color: var(--p-color-text-secondary); }
  [data-plain="field"][data-denied] [data-plain-input]:disabled { color: var(--p-color-text-secondary); }
  [data-plain="field"] [data-slot="label"][data-hidden] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
  [data-plain="field"][data-disabled] [data-slot="label"] { color: var(--p-color-text-secondary); }
  [data-plain="field"] [data-slot="control"][data-readonly] { cursor: default; }

  
  [data-plain="field"] [data-slot="prefix"], [data-plain="field"] [data-slot="suffix"] {
    display: inline-flex; align-items: center; gap: var(--p-space-4); flex: none; color: var(--p-color-text-tertiary);
    font-size: calc(var(--_fs) * var(--p-ts)); line-height: calc(var(--_lh) * var(--p-ts));
  }
  [data-plain="field"] [data-slot="prefix"] > svg, [data-plain="field"] [data-slot="suffix"] > svg { width: var(--p-field-icon-size); height: var(--p-field-icon-size); }
  
  [data-plain="field"] :is([data-slot="reveal"], [data-slot="clear"]) {
    position: relative; display: inline-grid; place-items: center; flex: none; width: 20px; height: 20px; margin: 0 -2px 0 0; padding: 0;
    border: 0; border-radius: var(--p-radius-4); background: transparent; color: var(--p-color-text-tertiary); cursor: pointer;
    transition: background-color var(--p-field-transition) ease, color var(--p-field-transition) ease, opacity var(--p-field-transition) ease;
  }
  [data-plain="field"] :is([data-slot="reveal"], [data-slot="clear"])::after { content: ""; position: absolute; inset: -2px; }
  [data-pointer="coarse"] [data-plain="field"] :is([data-slot="reveal"], [data-slot="clear"])::after { inset: -12px; }
  [data-plain="field"] :is([data-slot="reveal"], [data-slot="clear"]) svg { width: 14px; height: 14px; }
  [data-plain="field"] [data-slot="reveal"] svg { width: 16px; height: 16px; }
  @media (hover: hover) and (pointer: fine) {
    [data-plain="field"] :is([data-slot="reveal"], [data-slot="clear"]):hover:not(:disabled) { background: var(--p-color-ink-a6); color: var(--p-color-text-primary); }
    
    [data-plain="field"] [data-slot="clear"] { opacity: 0; }
    [data-plain="field"] [data-slot="control"]:is(:hover, :focus-within) [data-slot="clear"]:not([hidden]) { opacity: 1; }
  }
  [data-plain="field"] :is([data-slot="reveal"], [data-slot="clear"]):active:not(:disabled) { background: var(--p-color-ink-a10); }
  [data-plain="field"] :is([data-slot="reveal"], [data-slot="clear"]):focus-visible { outline: 0; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  [data-plain="field"] [data-slot="clear"][hidden] { display: none; }

  
  [data-plain="field"] [data-slot="message"] {
    display: flex; align-items: flex-start; justify-content: space-between; gap: var(--p-space-8);
    font-size: calc(var(--p-field-description-size) * var(--p-ts)); line-height: calc(var(--p-field-description-line-height) * var(--p-ts));
    letter-spacing: var(--p-type-tracking-xs); color: var(--p-color-text-secondary);
    text-wrap: balance; 
  }
  [data-plain="field"] [data-slot="message"][data-reserve] { min-height: calc(var(--p-field-description-line-height) * var(--p-ts)); }
  [data-plain="field"] [data-slot="message"] > div, [data-plain="field"] [data-slot="message"] > p { display: flex; align-items: flex-start; gap: 6px; margin: 0; min-width: 0; }
  [data-plain="field"] [data-slot="message"] svg { flex: none; width: 14px; height: 14px; margin-top: 1px; }
  [data-plain="field"] [data-slot="message"] [data-tone="error"] { color: var(--p-color-danger-text); }
  [data-plain="field"] [data-slot="message"] [data-tone="warning"] { color: var(--p-color-warning-text); }
  [data-plain="field"] [data-slot="message"] [data-tone="success"] { color: var(--p-color-success-text); }
  [data-plain="field"] [data-slot="trailing"] { margin-inline-start: auto; flex: none; font-variant-numeric: tabular-nums; color: var(--p-color-text-tertiary); }
  [data-plain="field"] [data-slot="trailing"] [data-near] { color: var(--p-color-warning-text); }
  [data-plain="field"] [data-slot="trailing"] [data-over] { color: var(--p-color-danger-text); }
  [data-plain="field"] [data-slot="action"] { margin-inline-start: var(--p-space-4); border: 0; background: transparent; padding: 0; font: inherit; color: var(--p-color-text-link); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; border-radius: 2px; }
}

@layer plain-components {
  
  .p-proplist { --p-proplist-label-width: 128px; margin: 0; padding: 0; min-width: 0; container-type: inline-size; color: var(--p-color-text-primary); }
  .p-proprow {
    --_rh: var(--p-size-control-md);
    display: grid; grid-template-columns: var(--p-proplist-label-width) minmax(0, 1fr); column-gap: var(--p-space-8); align-items: start; min-width: 0;
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1));
  }
  .p-proprow__label {
    display: flex; align-items: center; min-height: var(--_rh); margin: 0; padding-block: 2px; color: var(--p-color-text-secondary); font-weight: 400;
    overflow-wrap: break-word;
  }
  :lang(ko) .p-proprow__label, .p-proplist:lang(ko) .p-proprow__label { word-break: keep-all; }
  .p-proprow__value { display: flex; flex-direction: column; justify-content: center; min-width: 0; margin: 0; min-height: var(--_rh); }
  .p-proprow__text { display: block; min-width: 0; overflow-wrap: anywhere; color: var(--p-color-text-primary); }
  
  .p-proprow__value > .p-proprow__text { padding-inline: 8px; padding-block: 2px; letter-spacing: var(--p-type-tracking-xs); font-variant-numeric: tabular-nums; }
  .p-proprow__empty { color: var(--p-color-text-tertiary); }

  
  .p-proprow__button {
    all: unset; box-sizing: border-box; display: flex; align-items: center; width: 100%; min-height: calc(var(--_rh) - 2px); margin-block: 1px; padding: 2px 8px;
    border: var(--p-stroke-field) solid transparent; border-radius: var(--p-field-radius-sm); cursor: text; text-align: start;
    font-size: inherit; line-height: inherit; letter-spacing: var(--p-type-tracking-xs); font-variant-numeric: tabular-nums;
    transition: border-color var(--p-field-transition) ease, background-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease;
  }
  .p-proprow__button[data-hovered] { border-color: var(--p-color-field-border-readonly-hover); background: var(--p-color-ink-a3); }
  .p-proprow__button[data-pressed] { background: var(--p-color-ink-a6); }
  .p-proprow__button[data-focus-visible] { outline: 0; border-color: var(--p-color-field-border-focus); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-field); }
  .p-proprow__button[data-empty] .p-proprow__text { color: var(--p-color-text-tertiary); }

  
  .p-proprow [data-plain="field"] { gap: 0; --_fs: var(--p-type-body-s-size); --_lh: var(--p-type-body-s-line-height); }
  .p-proprow [data-plain="field"] > [data-slot="label"] { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .p-proprow [data-plain="field"] [data-slot="message"]:not(:has(*)) { display: none; }
  .p-proprow [data-plain="field"] [data-slot="control"] { min-height: calc(var(--_h) - 2px); margin-block: 1px; padding-inline: 6px; border-color: transparent; background: transparent; box-shadow: none; }
  @media (hover: hover) and (pointer: fine) { .p-proprow [data-plain="field"] [data-slot="control"]:hover:not([data-disabled], :focus-within) { border-color: var(--p-color-field-border-readonly-hover); background: var(--p-color-ink-a3); } }
  .p-proprow [data-plain="field"] [data-slot="control"]:is([data-focus-visible], :focus-within, [data-open]),
  .p-proprow [data-plain="field"] [data-slot="control"]:has([data-plain-trigger][data-popup-open]) { border-color: var(--p-color-field-border-focus); background: var(--p-color-field-bg); box-shadow: var(--p-shadow-control), 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-field); }
  .p-proprow [data-plain="field"] [data-plain-trigger] [data-slot="chevron"] { color: var(--p-color-text-tertiary); opacity: 0; transition: opacity var(--p-field-transition) ease; }
  .p-proprow [data-plain="field"] [data-slot="control"]:focus-within [data-plain-trigger] [data-slot="chevron"] { opacity: 1; }
  @media (hover: hover) and (pointer: fine) { .p-proprow [data-plain="field"] [data-slot="control"]:hover [data-plain-trigger] [data-slot="chevron"] { opacity: 1; } }

  .p-proprow__status { margin-block: 0 2px; padding-inline: calc(var(--p-space-6) + var(--p-stroke-default, 2px)); font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); }
  .p-proprow__status[data-tone="danger"] { color: var(--p-color-danger-text); }
  .p-proprow__status[data-tone="warning"] { color: var(--p-color-warning-text); }
  .p-proprow__status[data-tone="success"] { color: var(--p-color-success-text); }

  
  [data-pointer="coarse"] .p-proprow { --_rh: var(--p-size-target-coarse); }
  
  [data-pointer="coarse"] .p-proprow:has(> .p-proprow__value > .p-proprow__text[data-readonly]) { --_rh: var(--p-size-control-md); }
  @container (max-width: 260px) { .p-proprow { grid-template-columns: minmax(0, 1fr); } }
}

@layer plain-components {
  
  .p-tx-title-s { font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); letter-spacing: var(--p-type-title-s-tracking); }
  .p-tx-title-m { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-m-weight); letter-spacing: var(--p-type-title-m-tracking); }
  .p-tx-body-m { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-m-weight); letter-spacing: var(--p-type-body-m-tracking); }
  .p-tx-body-s { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-s-weight); letter-spacing: var(--p-type-body-s-tracking); }
  .p-tx-label-m { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-m-weight); letter-spacing: var(--p-type-label-m-tracking); }
  .p-tx-label-s { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-s-weight); letter-spacing: var(--p-type-label-s-tracking); }
  .p-tx-caption { font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-caption-weight); letter-spacing: var(--p-type-caption-tracking); }
  .p-tx-numeric { font-variant-numeric: tabular-nums; }

  .p-tone-icon { display: inline-flex; flex: none; }
  .p-tone-icon[data-tone="info"] { color: var(--p-color-info-text); }
  .p-tone-icon[data-tone="success"] { color: var(--p-color-success-text); }
  .p-tone-icon[data-tone="warning"] { color: var(--p-color-warning-text); }
  .p-tone-icon[data-tone="danger"] { color: var(--p-color-danger-text); }
  .p-tone-icon[data-tone="neutral"] { color: var(--p-color-text-secondary); }

  
  .p-ob {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; gap: var(--p-button-icon-gap);
    height: calc(var(--p-button-size-md) * var(--p-ts, 1)); margin: 0; padding: 0 12px; border: 1px solid transparent; border-radius: var(--p-button-radius);
    background: transparent; color: var(--p-color-text-primary); font: inherit; font-size: calc(var(--p-button-font-size) * var(--p-ts, 1)); line-height: 20px; font-weight: var(--p-button-font-weight); letter-spacing: var(--p-type-tracking-sm);
    white-space: nowrap; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
    transition: background-color var(--p-field-transition) ease, border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease;
  }
  .p-ob > svg { flex: none; width: var(--p-button-icon-size); height: var(--p-button-icon-size); }
  .p-ob[data-size="sm"] { height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); padding: 0 10px; }
  .p-ob[data-size="lg"] { height: calc(var(--p-button-size-lg) * var(--p-ts, 1)); padding: 0 14px; font-size: calc(var(--p-button-font-size-lg) * var(--p-ts, 1)); }
  .p-ob[data-tone="primary"] { background: var(--p-color-text-primary); color: var(--p-color-text-inverse); box-shadow: var(--p-shadow-button-primary); }
  .p-ob[data-tone="secondary"] { background: var(--p-button-secondary-bg); color: var(--p-color-text-primary); border-color: var(--p-color-border-control); box-shadow: var(--p-shadow-control); }
  .p-ob[data-tone="ghost"] { color: var(--p-color-text-primary); }
  .p-ob[data-tone="destructive"] { background: var(--p-color-danger-solid); color: var(--p-color-danger-on-solid); box-shadow: inset 0 1px 0 var(--p-color-white-a10), 0 1px 2px var(--p-color-ink-a10); }
  .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 14%); }
  .p-ob[data-tone="secondary"][data-hovered] { background: var(--p-button-secondary-bg-hover); border-color: var(--p-color-border-control-hover); }
  .p-ob[data-tone="ghost"][data-hovered] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="destructive"][data-hovered] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 8%); }
  .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 24%); }
  .p-ob[data-tone="secondary"][data-pressed] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="ghost"][data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-ob[data-tone="destructive"][data-pressed] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 16%); }
  .p-ob[data-focus-visible] { outline: none; border-color: var(--p-color-button-focus-border); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  .p-ob[data-tone="destructive"][data-focus-visible] { border-color: var(--p-color-danger-solid); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button-danger); }
  .p-ob[aria-disabled="true"] { opacity: var(--p-opacity-disabled); cursor: not-allowed; box-shadow: none; }
  .p-ob[aria-busy="true"] { cursor: progress; }
  @media (pointer: coarse) { .p-ob { min-height: var(--p-size-target-coarse); } }

  
  .p-backdrop {
    position: fixed; inset: 0; z-index: var(--p-z-overlay); background: var(--p-scrim-dialog); min-height: 100dvh;
    transition: opacity var(--p-motion-overlay-scrim-in) var(--p-motion-easing-enter);
    opacity: calc(1 - var(--drawer-swipe-progress, 0));
    -webkit-backdrop-filter: blur(var(--p-overlay-blur)); backdrop-filter: blur(var(--p-overlay-blur));
  }
  
  .p-backdrop--snap { opacity: 1; }
  .p-backdrop[data-starting-style], .p-backdrop[data-ending-style] { opacity: 0; }
  .p-backdrop[data-ending-style] { transition-duration: var(--p-motion-overlay-scrim-out); transition-timing-function: var(--p-motion-easing-standard); }
  
  .p-backdrop--instant, .p-backdrop--instant:is([data-starting-style], [data-ending-style]) { transition-duration: 0ms; }
  @media (prefers-reduced-transparency: reduce) { .p-backdrop { backdrop-filter: none; } }
  
  @media (prefers-reduced-motion: reduce) {
    .p-dialog.p-dialog.p-dialog, .p-sheet.p-sheet.p-sheet, .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  }
  [data-reduced-motion="true"] .p-dialog.p-dialog.p-dialog, [data-reduced-motion="true"] .p-sheet.p-sheet.p-sheet, [data-reduced-motion="true"] .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  
  @supports (-webkit-touch-callout: none) { .p-backdrop { position: absolute; } }

  
  @property --p-fade-t { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @property --p-fade-b { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @keyframes p-fade-scroll {
    0% { --p-fade-t: 0px; --p-fade-b: 16px; }
    4% { --p-fade-t: 16px; }
    96% { --p-fade-b: 16px; }
    100% { --p-fade-t: 16px; --p-fade-b: 0px; }
  }
  .p-scroll-fade {
    --p-fade-t: 0px; --p-fade-b: 0px;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
  }
  @supports (animation-timeline: scroll()) {
    .p-scroll-fade { animation: p-fade-scroll linear both; animation-timeline: scroll(self block); }
  }
  @media (prefers-reduced-motion: reduce) { .p-scroll-fade { animation-timeline: scroll(self block); } }

  
  .p-notice {
    display: flex; align-items: flex-start; gap: 8px; padding: 8px 12px; border-radius: 8px;
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm);
  }
  .p-notice__text { flex: 1; min-width: 0; padding-top: 2px; }
  .p-notice .p-tone-icon { margin-top: 2px; }
  .p-notice[data-tone="danger"] { background: var(--p-color-danger-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-danger-border) 55%, transparent); color: var(--p-color-danger-text); }
  .p-notice[data-tone="warning"] { background: var(--p-color-warning-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-warning-border) 55%, transparent); color: var(--p-color-warning-text); }
  .p-notice[data-tone="info"] { background: var(--p-color-info-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-info-border) 55%, transparent); color: var(--p-color-info-text); }
  .p-notice .p-ob { align-self: center; }

  
  .p-xbtn {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; background: transparent;
    width: calc(var(--p-button-size-sm) * var(--p-ts, 1)); height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); border-radius: 6px; color: var(--p-color-text-tertiary); cursor: pointer;
    -webkit-tap-highlight-color: transparent; transition: background-color var(--p-field-transition) ease, color var(--p-field-transition) ease;
  }
  .p-xbtn[data-hovered] { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); }
  @media (hover: hover) and (pointer: fine) { .p-xbtn:hover { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); } }
  .p-xbtn:active, .p-xbtn[data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-xbtn:focus-visible, .p-xbtn[data-focus-visible] { outline: none; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  @media (pointer: coarse) { .p-xbtn { width: var(--p-size-target-coarse); height: var(--p-size-target-coarse); } }
  
  .p-keycap {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px;
    border-radius: 4px; background: var(--p-color-ink-a6);
    font: inherit; font-size: 11px; line-height: 16px; font-weight: 500; color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums;
  }
  .p-keycap-word { padding: 0 2px; }
  .p-menu__shortcut { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; padding-left: 16px; color: var(--p-color-text-tertiary); font-variant-numeric: tabular-nums; }
  .p-menu__shortcut[data-bare] { margin-left: 2px; padding-left: 0; }
  .p-ob .p-keycap { background: color-mix(in oklab, currentColor 14%, transparent); color: inherit; }
  .p-ob .p-keycap-word { padding: 0 2px; }
  @media (pointer: coarse) { .p-ob .p-menu__shortcut { display: none; } }
}

@layer plain-components {
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"] { background: var(--p-color-accent-action); color: var(--p-color-accent-on-action); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 8%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 16%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][aria-disabled="true"] { opacity: 1; background: color-mix(in oklab, var(--p-color-accent-action) calc(var(--p-opacity-accent-disabled) * 100%), var(--p-color-bg-default)); }
  
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta) * var(--p-ts, 1)); padding: 0 20px; border-radius: var(--p-radius-cta, var(--p-button-radius)); font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta-touch) * var(--p-ts, 1)); }
}

@layer plain-components {
  .p-command__viewport { position: fixed; inset: 0; z-index: var(--p-z-modal); display: flex; align-items: flex-start; justify-content: center; padding: 96px 16px 16px; }
  
  .p-command {
    box-sizing: border-box; display: flex; flex-direction: column; width: 100%; max-width: 560px; max-height: min(480px, 70dvh); overflow: hidden; padding: 0;
    
    transition: none;
  }
  .p-command[data-starting-style], .p-command[data-ending-style] { opacity: 0; transform: none; transition: none; }
  .p-command--static { position: relative; }
  .p-command__field { flex: none; display: flex; align-items: center; gap: 10px; height: 44px; padding: 0 16px; border-bottom: 1px solid var(--p-overlay-separator); color: var(--p-color-text-tertiary); }
  .p-command__input { appearance: none; border: 0; background: transparent; padding: 0; margin: 0; flex: 1; min-width: 0; height: 100%; font: inherit; font-size: calc(var(--p-field-font-size) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm); color: var(--p-color-text-primary); outline: none; }
  @media (pointer: coarse) { .p-command__input { font-size: 16px; } }
  .p-command__context { flex: none; max-width: 40%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 22px; padding: 0 8px; border-radius: 6px; background: var(--p-color-surface-sunken); box-shadow: inset 0 0 0 1px var(--p-color-ink-a8); font-size: 12px; line-height: 22px; font-weight: 500; color: var(--p-color-text-primary); }
  .p-command__input::placeholder { color: var(--p-color-text-tertiary); }
  .p-command__list { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 4px; scrollbar-width: thin; }
  .p-command__group { padding: 8px 8px 4px; font-size: 12px; line-height: 16px; font-weight: 500; color: var(--p-color-text-tertiary); }
  .p-command__item { display: flex; align-items: center; gap: 10px; box-sizing: border-box; height: 36px; padding: 0 8px; border-radius: 8px; font-size: calc(var(--p-field-font-size) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm); color: var(--p-color-text-primary); cursor: default; user-select: none; }
  .p-command__item > svg { flex: none; color: var(--p-color-text-tertiary); }
  .p-command__item[data-active] { background: var(--p-overlay-highlight); }
  .p-command__item[data-active] > svg { color: var(--p-color-text-secondary); }
  .p-command__noicon { width: 16px; flex: none; }
  .p-command__label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .p-command__kbd { font-size: 12px; line-height: 16px; color: var(--p-color-text-tertiary); font-variant-numeric: tabular-nums; }
  .p-command__empty { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 32px 16px; text-align: center; font-size: 13px; line-height: 20px; color: var(--p-color-text-tertiary); }
  .p-command__loading { display: flex; flex-direction: column; gap: 2px; padding-top: 4px; }
  .p-command__skeleton { display: flex; align-items: center; gap: 10px; height: 36px; padding: 0 8px; }
  
  .p-command__loading { opacity: 1; transition: opacity 0ms linear var(--p-motion-indicator-delay); }
  @starting-style { .p-command__loading { opacity: 0; } }
  .p-command__skeleton span { height: 10px; border-radius: 4px; background: var(--p-color-ink-a6); }
  .p-command__skeleton span:first-child { width: 16px; height: 16px; border-radius: 4px; }
  .p-command__footer { flex: none; display: flex; align-items: center; gap: 16px; height: 36px; padding: 0 16px; border-top: 1px solid var(--p-overlay-separator); font-size: 12px; line-height: 16px; color: var(--p-color-text-tertiary); }
  .p-command__footer > span { display: inline-flex; align-items: center; gap: 6px; }
  .p-command__footer .p-menu__shortcut { padding-left: 0; margin: 0; }
  .p-command__footer-end { margin-left: auto; }
  @media (pointer: coarse) { .p-command__footer { display: none; } }
}

@layer plain-components {
  
  .p-tx-title-s { font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); letter-spacing: var(--p-type-title-s-tracking); }
  .p-tx-title-m { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-m-weight); letter-spacing: var(--p-type-title-m-tracking); }
  .p-tx-body-m { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-m-weight); letter-spacing: var(--p-type-body-m-tracking); }
  .p-tx-body-s { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-s-weight); letter-spacing: var(--p-type-body-s-tracking); }
  .p-tx-label-m { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-m-weight); letter-spacing: var(--p-type-label-m-tracking); }
  .p-tx-label-s { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-s-weight); letter-spacing: var(--p-type-label-s-tracking); }
  .p-tx-caption { font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-caption-weight); letter-spacing: var(--p-type-caption-tracking); }
  .p-tx-numeric { font-variant-numeric: tabular-nums; }

  .p-tone-icon { display: inline-flex; flex: none; }
  .p-tone-icon[data-tone="info"] { color: var(--p-color-info-text); }
  .p-tone-icon[data-tone="success"] { color: var(--p-color-success-text); }
  .p-tone-icon[data-tone="warning"] { color: var(--p-color-warning-text); }
  .p-tone-icon[data-tone="danger"] { color: var(--p-color-danger-text); }
  .p-tone-icon[data-tone="neutral"] { color: var(--p-color-text-secondary); }

  
  .p-ob {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; gap: var(--p-button-icon-gap);
    height: calc(var(--p-button-size-md) * var(--p-ts, 1)); margin: 0; padding: 0 12px; border: 1px solid transparent; border-radius: var(--p-button-radius);
    background: transparent; color: var(--p-color-text-primary); font: inherit; font-size: calc(var(--p-button-font-size) * var(--p-ts, 1)); line-height: 20px; font-weight: var(--p-button-font-weight); letter-spacing: var(--p-type-tracking-sm);
    white-space: nowrap; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
    transition: background-color var(--p-field-transition) ease, border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease;
  }
  .p-ob > svg { flex: none; width: var(--p-button-icon-size); height: var(--p-button-icon-size); }
  .p-ob[data-size="sm"] { height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); padding: 0 10px; }
  .p-ob[data-size="lg"] { height: calc(var(--p-button-size-lg) * var(--p-ts, 1)); padding: 0 14px; font-size: calc(var(--p-button-font-size-lg) * var(--p-ts, 1)); }
  .p-ob[data-tone="primary"] { background: var(--p-color-text-primary); color: var(--p-color-text-inverse); box-shadow: var(--p-shadow-button-primary); }
  .p-ob[data-tone="secondary"] { background: var(--p-button-secondary-bg); color: var(--p-color-text-primary); border-color: var(--p-color-border-control); box-shadow: var(--p-shadow-control); }
  .p-ob[data-tone="ghost"] { color: var(--p-color-text-primary); }
  .p-ob[data-tone="destructive"] { background: var(--p-color-danger-solid); color: var(--p-color-danger-on-solid); box-shadow: inset 0 1px 0 var(--p-color-white-a10), 0 1px 2px var(--p-color-ink-a10); }
  .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 14%); }
  .p-ob[data-tone="secondary"][data-hovered] { background: var(--p-button-secondary-bg-hover); border-color: var(--p-color-border-control-hover); }
  .p-ob[data-tone="ghost"][data-hovered] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="destructive"][data-hovered] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 8%); }
  .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 24%); }
  .p-ob[data-tone="secondary"][data-pressed] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="ghost"][data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-ob[data-tone="destructive"][data-pressed] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 16%); }
  .p-ob[data-focus-visible] { outline: none; border-color: var(--p-color-button-focus-border); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  .p-ob[data-tone="destructive"][data-focus-visible] { border-color: var(--p-color-danger-solid); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button-danger); }
  .p-ob[aria-disabled="true"] { opacity: var(--p-opacity-disabled); cursor: not-allowed; box-shadow: none; }
  .p-ob[aria-busy="true"] { cursor: progress; }
  @media (pointer: coarse) { .p-ob { min-height: var(--p-size-target-coarse); } }

  
  .p-backdrop {
    position: fixed; inset: 0; z-index: var(--p-z-overlay); background: var(--p-scrim-dialog); min-height: 100dvh;
    transition: opacity var(--p-motion-overlay-scrim-in) var(--p-motion-easing-enter);
    opacity: calc(1 - var(--drawer-swipe-progress, 0));
    -webkit-backdrop-filter: blur(var(--p-overlay-blur)); backdrop-filter: blur(var(--p-overlay-blur));
  }
  
  .p-backdrop--snap { opacity: 1; }
  .p-backdrop[data-starting-style], .p-backdrop[data-ending-style] { opacity: 0; }
  .p-backdrop[data-ending-style] { transition-duration: var(--p-motion-overlay-scrim-out); transition-timing-function: var(--p-motion-easing-standard); }
  
  .p-backdrop--instant, .p-backdrop--instant:is([data-starting-style], [data-ending-style]) { transition-duration: 0ms; }
  @media (prefers-reduced-transparency: reduce) { .p-backdrop { backdrop-filter: none; } }
  
  @media (prefers-reduced-motion: reduce) {
    .p-dialog.p-dialog.p-dialog, .p-sheet.p-sheet.p-sheet, .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  }
  [data-reduced-motion="true"] .p-dialog.p-dialog.p-dialog, [data-reduced-motion="true"] .p-sheet.p-sheet.p-sheet, [data-reduced-motion="true"] .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  
  @supports (-webkit-touch-callout: none) { .p-backdrop { position: absolute; } }

  
  @property --p-fade-t { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @property --p-fade-b { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @keyframes p-fade-scroll {
    0% { --p-fade-t: 0px; --p-fade-b: 16px; }
    4% { --p-fade-t: 16px; }
    96% { --p-fade-b: 16px; }
    100% { --p-fade-t: 16px; --p-fade-b: 0px; }
  }
  .p-scroll-fade {
    --p-fade-t: 0px; --p-fade-b: 0px;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
  }
  @supports (animation-timeline: scroll()) {
    .p-scroll-fade { animation: p-fade-scroll linear both; animation-timeline: scroll(self block); }
  }
  @media (prefers-reduced-motion: reduce) { .p-scroll-fade { animation-timeline: scroll(self block); } }

  
  .p-notice {
    display: flex; align-items: flex-start; gap: 8px; padding: 8px 12px; border-radius: 8px;
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm);
  }
  .p-notice__text { flex: 1; min-width: 0; padding-top: 2px; }
  .p-notice .p-tone-icon { margin-top: 2px; }
  .p-notice[data-tone="danger"] { background: var(--p-color-danger-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-danger-border) 55%, transparent); color: var(--p-color-danger-text); }
  .p-notice[data-tone="warning"] { background: var(--p-color-warning-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-warning-border) 55%, transparent); color: var(--p-color-warning-text); }
  .p-notice[data-tone="info"] { background: var(--p-color-info-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-info-border) 55%, transparent); color: var(--p-color-info-text); }
  .p-notice .p-ob { align-self: center; }

  
  .p-xbtn {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; background: transparent;
    width: calc(var(--p-button-size-sm) * var(--p-ts, 1)); height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); border-radius: 6px; color: var(--p-color-text-tertiary); cursor: pointer;
    -webkit-tap-highlight-color: transparent; transition: background-color var(--p-field-transition) ease, color var(--p-field-transition) ease;
  }
  .p-xbtn[data-hovered] { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); }
  @media (hover: hover) and (pointer: fine) { .p-xbtn:hover { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); } }
  .p-xbtn:active, .p-xbtn[data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-xbtn:focus-visible, .p-xbtn[data-focus-visible] { outline: none; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  @media (pointer: coarse) { .p-xbtn { width: var(--p-size-target-coarse); height: var(--p-size-target-coarse); } }
  
  .p-keycap {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px;
    border-radius: 4px; background: var(--p-color-ink-a6);
    font: inherit; font-size: 11px; line-height: 16px; font-weight: 500; color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums;
  }
  .p-keycap-word { padding: 0 2px; }
  .p-menu__shortcut { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; padding-left: 16px; color: var(--p-color-text-tertiary); font-variant-numeric: tabular-nums; }
  .p-menu__shortcut[data-bare] { margin-left: 2px; padding-left: 0; }
  .p-ob .p-keycap { background: color-mix(in oklab, currentColor 14%, transparent); color: inherit; }
  .p-ob .p-keycap-word { padding: 0 2px; }
  @media (pointer: coarse) { .p-ob .p-menu__shortcut { display: none; } }
}

@layer plain-components {
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"] { background: var(--p-color-accent-action); color: var(--p-color-accent-on-action); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 8%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 16%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][aria-disabled="true"] { opacity: 1; background: color-mix(in oklab, var(--p-color-accent-action) calc(var(--p-opacity-accent-disabled) * 100%), var(--p-color-bg-default)); }
  
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta) * var(--p-ts, 1)); padding: 0 20px; border-radius: var(--p-radius-cta, var(--p-button-radius)); font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta-touch) * var(--p-ts, 1)); }
}

@layer plain-components {
  
  .p-tx-title-s { font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); letter-spacing: var(--p-type-title-s-tracking); }
  .p-tx-title-m { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-m-weight); letter-spacing: var(--p-type-title-m-tracking); }
  .p-tx-body-m { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-m-weight); letter-spacing: var(--p-type-body-m-tracking); }
  .p-tx-body-s { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-s-weight); letter-spacing: var(--p-type-body-s-tracking); }
  .p-tx-label-m { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-m-weight); letter-spacing: var(--p-type-label-m-tracking); }
  .p-tx-label-s { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-s-weight); letter-spacing: var(--p-type-label-s-tracking); }
  .p-tx-caption { font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-caption-weight); letter-spacing: var(--p-type-caption-tracking); }
  .p-tx-numeric { font-variant-numeric: tabular-nums; }

  .p-tone-icon { display: inline-flex; flex: none; }
  .p-tone-icon[data-tone="info"] { color: var(--p-color-info-text); }
  .p-tone-icon[data-tone="success"] { color: var(--p-color-success-text); }
  .p-tone-icon[data-tone="warning"] { color: var(--p-color-warning-text); }
  .p-tone-icon[data-tone="danger"] { color: var(--p-color-danger-text); }
  .p-tone-icon[data-tone="neutral"] { color: var(--p-color-text-secondary); }

  
  .p-ob {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; gap: var(--p-button-icon-gap);
    height: calc(var(--p-button-size-md) * var(--p-ts, 1)); margin: 0; padding: 0 12px; border: 1px solid transparent; border-radius: var(--p-button-radius);
    background: transparent; color: var(--p-color-text-primary); font: inherit; font-size: calc(var(--p-button-font-size) * var(--p-ts, 1)); line-height: 20px; font-weight: var(--p-button-font-weight); letter-spacing: var(--p-type-tracking-sm);
    white-space: nowrap; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
    transition: background-color var(--p-field-transition) ease, border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease;
  }
  .p-ob > svg { flex: none; width: var(--p-button-icon-size); height: var(--p-button-icon-size); }
  .p-ob[data-size="sm"] { height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); padding: 0 10px; }
  .p-ob[data-size="lg"] { height: calc(var(--p-button-size-lg) * var(--p-ts, 1)); padding: 0 14px; font-size: calc(var(--p-button-font-size-lg) * var(--p-ts, 1)); }
  .p-ob[data-tone="primary"] { background: var(--p-color-text-primary); color: var(--p-color-text-inverse); box-shadow: var(--p-shadow-button-primary); }
  .p-ob[data-tone="secondary"] { background: var(--p-button-secondary-bg); color: var(--p-color-text-primary); border-color: var(--p-color-border-control); box-shadow: var(--p-shadow-control); }
  .p-ob[data-tone="ghost"] { color: var(--p-color-text-primary); }
  .p-ob[data-tone="destructive"] { background: var(--p-color-danger-solid); color: var(--p-color-danger-on-solid); box-shadow: inset 0 1px 0 var(--p-color-white-a10), 0 1px 2px var(--p-color-ink-a10); }
  .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 14%); }
  .p-ob[data-tone="secondary"][data-hovered] { background: var(--p-button-secondary-bg-hover); border-color: var(--p-color-border-control-hover); }
  .p-ob[data-tone="ghost"][data-hovered] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="destructive"][data-hovered] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 8%); }
  .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 24%); }
  .p-ob[data-tone="secondary"][data-pressed] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="ghost"][data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-ob[data-tone="destructive"][data-pressed] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 16%); }
  .p-ob[data-focus-visible] { outline: none; border-color: var(--p-color-button-focus-border); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  .p-ob[data-tone="destructive"][data-focus-visible] { border-color: var(--p-color-danger-solid); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button-danger); }
  .p-ob[aria-disabled="true"] { opacity: var(--p-opacity-disabled); cursor: not-allowed; box-shadow: none; }
  .p-ob[aria-busy="true"] { cursor: progress; }
  @media (pointer: coarse) { .p-ob { min-height: var(--p-size-target-coarse); } }

  
  .p-backdrop {
    position: fixed; inset: 0; z-index: var(--p-z-overlay); background: var(--p-scrim-dialog); min-height: 100dvh;
    transition: opacity var(--p-motion-overlay-scrim-in) var(--p-motion-easing-enter);
    opacity: calc(1 - var(--drawer-swipe-progress, 0));
    -webkit-backdrop-filter: blur(var(--p-overlay-blur)); backdrop-filter: blur(var(--p-overlay-blur));
  }
  
  .p-backdrop--snap { opacity: 1; }
  .p-backdrop[data-starting-style], .p-backdrop[data-ending-style] { opacity: 0; }
  .p-backdrop[data-ending-style] { transition-duration: var(--p-motion-overlay-scrim-out); transition-timing-function: var(--p-motion-easing-standard); }
  
  .p-backdrop--instant, .p-backdrop--instant:is([data-starting-style], [data-ending-style]) { transition-duration: 0ms; }
  @media (prefers-reduced-transparency: reduce) { .p-backdrop { backdrop-filter: none; } }
  
  @media (prefers-reduced-motion: reduce) {
    .p-dialog.p-dialog.p-dialog, .p-sheet.p-sheet.p-sheet, .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  }
  [data-reduced-motion="true"] .p-dialog.p-dialog.p-dialog, [data-reduced-motion="true"] .p-sheet.p-sheet.p-sheet, [data-reduced-motion="true"] .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  
  @supports (-webkit-touch-callout: none) { .p-backdrop { position: absolute; } }

  
  @property --p-fade-t { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @property --p-fade-b { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @keyframes p-fade-scroll {
    0% { --p-fade-t: 0px; --p-fade-b: 16px; }
    4% { --p-fade-t: 16px; }
    96% { --p-fade-b: 16px; }
    100% { --p-fade-t: 16px; --p-fade-b: 0px; }
  }
  .p-scroll-fade {
    --p-fade-t: 0px; --p-fade-b: 0px;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
  }
  @supports (animation-timeline: scroll()) {
    .p-scroll-fade { animation: p-fade-scroll linear both; animation-timeline: scroll(self block); }
  }
  @media (prefers-reduced-motion: reduce) { .p-scroll-fade { animation-timeline: scroll(self block); } }

  
  .p-notice {
    display: flex; align-items: flex-start; gap: 8px; padding: 8px 12px; border-radius: 8px;
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm);
  }
  .p-notice__text { flex: 1; min-width: 0; padding-top: 2px; }
  .p-notice .p-tone-icon { margin-top: 2px; }
  .p-notice[data-tone="danger"] { background: var(--p-color-danger-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-danger-border) 55%, transparent); color: var(--p-color-danger-text); }
  .p-notice[data-tone="warning"] { background: var(--p-color-warning-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-warning-border) 55%, transparent); color: var(--p-color-warning-text); }
  .p-notice[data-tone="info"] { background: var(--p-color-info-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-info-border) 55%, transparent); color: var(--p-color-info-text); }
  .p-notice .p-ob { align-self: center; }

  
  .p-xbtn {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; background: transparent;
    width: calc(var(--p-button-size-sm) * var(--p-ts, 1)); height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); border-radius: 6px; color: var(--p-color-text-tertiary); cursor: pointer;
    -webkit-tap-highlight-color: transparent; transition: background-color var(--p-field-transition) ease, color var(--p-field-transition) ease;
  }
  .p-xbtn[data-hovered] { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); }
  @media (hover: hover) and (pointer: fine) { .p-xbtn:hover { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); } }
  .p-xbtn:active, .p-xbtn[data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-xbtn:focus-visible, .p-xbtn[data-focus-visible] { outline: none; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  @media (pointer: coarse) { .p-xbtn { width: var(--p-size-target-coarse); height: var(--p-size-target-coarse); } }
  
  .p-keycap {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px;
    border-radius: 4px; background: var(--p-color-ink-a6);
    font: inherit; font-size: 11px; line-height: 16px; font-weight: 500; color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums;
  }
  .p-keycap-word { padding: 0 2px; }
  .p-menu__shortcut { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; padding-left: 16px; color: var(--p-color-text-tertiary); font-variant-numeric: tabular-nums; }
  .p-menu__shortcut[data-bare] { margin-left: 2px; padding-left: 0; }
  .p-ob .p-keycap { background: color-mix(in oklab, currentColor 14%, transparent); color: inherit; }
  .p-ob .p-keycap-word { padding: 0 2px; }
  @media (pointer: coarse) { .p-ob .p-menu__shortcut { display: none; } }
}

@layer plain-components {
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"] { background: var(--p-color-accent-action); color: var(--p-color-accent-on-action); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 8%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 16%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][aria-disabled="true"] { opacity: 1; background: color-mix(in oklab, var(--p-color-accent-action) calc(var(--p-opacity-accent-disabled) * 100%), var(--p-color-bg-default)); }
  
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta) * var(--p-ts, 1)); padding: 0 20px; border-radius: var(--p-radius-cta, var(--p-button-radius)); font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta-touch) * var(--p-ts, 1)); }
}

@layer plain-components {
  
  .p-banner {
    box-sizing: border-box; display: flex; align-items: flex-start; gap: 10px; width: 100%; min-height: calc(40px * var(--p-ts, 1)); padding: 8px 8px 8px 12px;
    border-radius: 10px; color: var(--p-color-text-primary);
    font-size: calc(var(--p-field-font-size) * var(--p-ts, 1)); line-height: calc(var(--p-field-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm);
  }
  .p-banner > .p-tone-icon { margin-top: 2px; }
  .p-banner__text { flex: 1; min-width: 0; padding: 4px 8px 4px 0; color: var(--p-color-text-secondary); text-wrap: pretty; }
  .p-banner__title { font-weight: 500; color: var(--p-color-text-primary); }
  .p-banner > .p-ob, .p-banner > .p-xbtn { align-self: center; }
  
  .p-banner { container-type: inline-size; flex-wrap: wrap; row-gap: 0; }
  .p-banner__text { flex-basis: 0; }
  @container (max-width: 479px) {
    .p-banner > .p-xbtn { order: 1; align-self: flex-start; }
    .p-banner:has(> .p-ob)::after { content: ""; order: 2; flex: 0 0 100%; height: 0; }
    .p-banner > .p-ob { order: 3; align-self: flex-start; margin: 4px 0 4px 24px; }
  }
  .p-banner[data-tone="info"] { background: var(--p-color-info-subtle); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-info-border) 50%, transparent); }
  .p-banner[data-tone="warning"] { background: var(--p-color-warning-subtle); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-warning-border) 50%, transparent); }
  .p-banner[data-tone="danger"] { background: var(--p-color-danger-subtle); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-danger-border) 50%, transparent); }
  .p-banner[data-tone="success"] { background: var(--p-color-success-subtle); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-success-border) 50%, transparent); }
  .p-banner[data-tone="info"] > .p-tone-icon { color: var(--p-color-info-text); }
  .p-banner[data-tone="warning"] > .p-tone-icon { color: var(--p-color-warning-text); }
  .p-banner[data-tone="danger"] > .p-tone-icon { color: var(--p-color-danger-text); }
  .p-banner[data-tone="success"] > .p-tone-icon { color: var(--p-color-success-text); }
}

@layer plain-components {
  
  .p-tx-title-s { font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); letter-spacing: var(--p-type-title-s-tracking); }
  .p-tx-title-m { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-m-weight); letter-spacing: var(--p-type-title-m-tracking); }
  .p-tx-body-m { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-m-weight); letter-spacing: var(--p-type-body-m-tracking); }
  .p-tx-body-s { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-s-weight); letter-spacing: var(--p-type-body-s-tracking); }
  .p-tx-label-m { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-m-weight); letter-spacing: var(--p-type-label-m-tracking); }
  .p-tx-label-s { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-s-weight); letter-spacing: var(--p-type-label-s-tracking); }
  .p-tx-caption { font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-caption-weight); letter-spacing: var(--p-type-caption-tracking); }
  .p-tx-numeric { font-variant-numeric: tabular-nums; }

  .p-tone-icon { display: inline-flex; flex: none; }
  .p-tone-icon[data-tone="info"] { color: var(--p-color-info-text); }
  .p-tone-icon[data-tone="success"] { color: var(--p-color-success-text); }
  .p-tone-icon[data-tone="warning"] { color: var(--p-color-warning-text); }
  .p-tone-icon[data-tone="danger"] { color: var(--p-color-danger-text); }
  .p-tone-icon[data-tone="neutral"] { color: var(--p-color-text-secondary); }

  
  .p-ob {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; gap: var(--p-button-icon-gap);
    height: calc(var(--p-button-size-md) * var(--p-ts, 1)); margin: 0; padding: 0 12px; border: 1px solid transparent; border-radius: var(--p-button-radius);
    background: transparent; color: var(--p-color-text-primary); font: inherit; font-size: calc(var(--p-button-font-size) * var(--p-ts, 1)); line-height: 20px; font-weight: var(--p-button-font-weight); letter-spacing: var(--p-type-tracking-sm);
    white-space: nowrap; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
    transition: background-color var(--p-field-transition) ease, border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease;
  }
  .p-ob > svg { flex: none; width: var(--p-button-icon-size); height: var(--p-button-icon-size); }
  .p-ob[data-size="sm"] { height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); padding: 0 10px; }
  .p-ob[data-size="lg"] { height: calc(var(--p-button-size-lg) * var(--p-ts, 1)); padding: 0 14px; font-size: calc(var(--p-button-font-size-lg) * var(--p-ts, 1)); }
  .p-ob[data-tone="primary"] { background: var(--p-color-text-primary); color: var(--p-color-text-inverse); box-shadow: var(--p-shadow-button-primary); }
  .p-ob[data-tone="secondary"] { background: var(--p-button-secondary-bg); color: var(--p-color-text-primary); border-color: var(--p-color-border-control); box-shadow: var(--p-shadow-control); }
  .p-ob[data-tone="ghost"] { color: var(--p-color-text-primary); }
  .p-ob[data-tone="destructive"] { background: var(--p-color-danger-solid); color: var(--p-color-danger-on-solid); box-shadow: inset 0 1px 0 var(--p-color-white-a10), 0 1px 2px var(--p-color-ink-a10); }
  .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 14%); }
  .p-ob[data-tone="secondary"][data-hovered] { background: var(--p-button-secondary-bg-hover); border-color: var(--p-color-border-control-hover); }
  .p-ob[data-tone="ghost"][data-hovered] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="destructive"][data-hovered] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 8%); }
  .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 24%); }
  .p-ob[data-tone="secondary"][data-pressed] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="ghost"][data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-ob[data-tone="destructive"][data-pressed] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 16%); }
  .p-ob[data-focus-visible] { outline: none; border-color: var(--p-color-button-focus-border); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  .p-ob[data-tone="destructive"][data-focus-visible] { border-color: var(--p-color-danger-solid); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button-danger); }
  .p-ob[aria-disabled="true"] { opacity: var(--p-opacity-disabled); cursor: not-allowed; box-shadow: none; }
  .p-ob[aria-busy="true"] { cursor: progress; }
  @media (pointer: coarse) { .p-ob { min-height: var(--p-size-target-coarse); } }

  
  .p-backdrop {
    position: fixed; inset: 0; z-index: var(--p-z-overlay); background: var(--p-scrim-dialog); min-height: 100dvh;
    transition: opacity var(--p-motion-overlay-scrim-in) var(--p-motion-easing-enter);
    opacity: calc(1 - var(--drawer-swipe-progress, 0));
    -webkit-backdrop-filter: blur(var(--p-overlay-blur)); backdrop-filter: blur(var(--p-overlay-blur));
  }
  
  .p-backdrop--snap { opacity: 1; }
  .p-backdrop[data-starting-style], .p-backdrop[data-ending-style] { opacity: 0; }
  .p-backdrop[data-ending-style] { transition-duration: var(--p-motion-overlay-scrim-out); transition-timing-function: var(--p-motion-easing-standard); }
  
  .p-backdrop--instant, .p-backdrop--instant:is([data-starting-style], [data-ending-style]) { transition-duration: 0ms; }
  @media (prefers-reduced-transparency: reduce) { .p-backdrop { backdrop-filter: none; } }
  
  @media (prefers-reduced-motion: reduce) {
    .p-dialog.p-dialog.p-dialog, .p-sheet.p-sheet.p-sheet, .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  }
  [data-reduced-motion="true"] .p-dialog.p-dialog.p-dialog, [data-reduced-motion="true"] .p-sheet.p-sheet.p-sheet, [data-reduced-motion="true"] .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  
  @supports (-webkit-touch-callout: none) { .p-backdrop { position: absolute; } }

  
  @property --p-fade-t { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @property --p-fade-b { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @keyframes p-fade-scroll {
    0% { --p-fade-t: 0px; --p-fade-b: 16px; }
    4% { --p-fade-t: 16px; }
    96% { --p-fade-b: 16px; }
    100% { --p-fade-t: 16px; --p-fade-b: 0px; }
  }
  .p-scroll-fade {
    --p-fade-t: 0px; --p-fade-b: 0px;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
  }
  @supports (animation-timeline: scroll()) {
    .p-scroll-fade { animation: p-fade-scroll linear both; animation-timeline: scroll(self block); }
  }
  @media (prefers-reduced-motion: reduce) { .p-scroll-fade { animation-timeline: scroll(self block); } }

  
  .p-notice {
    display: flex; align-items: flex-start; gap: 8px; padding: 8px 12px; border-radius: 8px;
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm);
  }
  .p-notice__text { flex: 1; min-width: 0; padding-top: 2px; }
  .p-notice .p-tone-icon { margin-top: 2px; }
  .p-notice[data-tone="danger"] { background: var(--p-color-danger-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-danger-border) 55%, transparent); color: var(--p-color-danger-text); }
  .p-notice[data-tone="warning"] { background: var(--p-color-warning-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-warning-border) 55%, transparent); color: var(--p-color-warning-text); }
  .p-notice[data-tone="info"] { background: var(--p-color-info-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-info-border) 55%, transparent); color: var(--p-color-info-text); }
  .p-notice .p-ob { align-self: center; }

  
  .p-xbtn {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; background: transparent;
    width: calc(var(--p-button-size-sm) * var(--p-ts, 1)); height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); border-radius: 6px; color: var(--p-color-text-tertiary); cursor: pointer;
    -webkit-tap-highlight-color: transparent; transition: background-color var(--p-field-transition) ease, color var(--p-field-transition) ease;
  }
  .p-xbtn[data-hovered] { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); }
  @media (hover: hover) and (pointer: fine) { .p-xbtn:hover { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); } }
  .p-xbtn:active, .p-xbtn[data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-xbtn:focus-visible, .p-xbtn[data-focus-visible] { outline: none; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  @media (pointer: coarse) { .p-xbtn { width: var(--p-size-target-coarse); height: var(--p-size-target-coarse); } }
  
  .p-keycap {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px;
    border-radius: 4px; background: var(--p-color-ink-a6);
    font: inherit; font-size: 11px; line-height: 16px; font-weight: 500; color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums;
  }
  .p-keycap-word { padding: 0 2px; }
  .p-menu__shortcut { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; padding-left: 16px; color: var(--p-color-text-tertiary); font-variant-numeric: tabular-nums; }
  .p-menu__shortcut[data-bare] { margin-left: 2px; padding-left: 0; }
  .p-ob .p-keycap { background: color-mix(in oklab, currentColor 14%, transparent); color: inherit; }
  .p-ob .p-keycap-word { padding: 0 2px; }
  @media (pointer: coarse) { .p-ob .p-menu__shortcut { display: none; } }
}

@layer plain-components {
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"] { background: var(--p-color-accent-action); color: var(--p-color-accent-on-action); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 8%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 16%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][aria-disabled="true"] { opacity: 1; background: color-mix(in oklab, var(--p-color-accent-action) calc(var(--p-opacity-accent-disabled) * 100%), var(--p-color-bg-default)); }
  
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta) * var(--p-ts, 1)); padding: 0 20px; border-radius: var(--p-radius-cta, var(--p-button-radius)); font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta-touch) * var(--p-ts, 1)); }
}

@layer plain-components {
  .p-sheet__viewport { position: fixed; inset: 0; z-index: var(--p-z-modal); display: flex; align-items: flex-end; justify-content: center; touch-action: none; }
  .p-sheet__viewport[data-presentation="side"] { align-items: stretch; justify-content: flex-end; }
  .p-sheet__viewport[data-presentation="form"], .p-sheet__viewport[data-presentation="page"] { align-items: center; padding: 16px; }
  .p-sheet {
    box-sizing: border-box; position: relative; display: flex; flex-direction: column; width: 100%; min-height: 0; overflow: hidden; outline: none;
    background: var(--p-overlay-bg); color: var(--p-color-text-primary); box-shadow: var(--p-shadow-overlay-ring), var(--p-shadow-overlay-highlight), var(--p-shadow-dialog);
    
    transition: transform var(--p-motion-sheet-open) var(--p-motion-easing-drawer), opacity var(--p-motion-sheet-open) var(--p-motion-easing-drawer);
  }
  .p-sheet[data-ending-style] { transition-duration: var(--p-motion-sheet-close); transition-timing-function: var(--p-motion-easing-standard);
  }
  .p-sheet[data-presentation="bottom"] {
    max-height: calc(100dvh - 16px); border-radius: var(--p-overlay-radius-sheet) var(--p-overlay-radius-sheet) 0 0;
    padding-bottom: max(0px, calc(var(--drawer-snap-point-offset, 0px) + var(--drawer-swipe-movement-y, 0px)));
    transform: translateY(calc(var(--drawer-snap-point-offset, 0px) + var(--drawer-swipe-movement-y, 0px)));
  }
  .p-sheet[data-presentation="bottom"][data-starting-style], .p-sheet[data-presentation="bottom"][data-ending-style] { transform: translateY(100%); padding-bottom: 0; }
  .p-sheet[data-presentation="side"] {
    width: min(400px, 100vw); max-width: none; height: 100%; border-radius: 0;
    transform: translateX(var(--drawer-swipe-movement-x, 0px));
  }
  .p-sheet[data-presentation="side"][data-starting-style], .p-sheet[data-presentation="side"][data-ending-style] { transform: translateX(100%); }
  .p-sheet[data-presentation="form"], .p-sheet[data-presentation="page"] {
    max-width: 560px; max-height: calc(100dvh - 32px); border-radius: var(--p-overlay-radius-sheet);
    transform: translateY(var(--drawer-swipe-movement-y, 0px));
  }
  .p-sheet[data-presentation="page"] { max-width: 720px; height: calc(100dvh - 64px); }
  .p-sheet[data-presentation="form"][data-starting-style], .p-sheet[data-presentation="form"][data-ending-style],
  .p-sheet[data-presentation="page"][data-starting-style], .p-sheet[data-presentation="page"][data-ending-style] { transform: translateY(24px); opacity: 0; }
  .p-sheet[data-presentation="full-screen-cover"] { height: 100dvh; max-width: none; border-radius: 0; transform: translateY(var(--drawer-swipe-movement-y, 0px)); }
  .p-sheet[data-presentation="full-screen-cover"][data-starting-style], .p-sheet[data-presentation="full-screen-cover"][data-ending-style] { transform: translateY(100%); }
  .p-sheet--static { position: relative; transform: none !important; }
  .p-sheet--static[data-presentation="bottom"] { border-radius: var(--p-overlay-radius-sheet); padding-bottom: 0; }
  .p-sheet--static[data-presentation="bottom"][data-detent="medium"] { height: 320px; }
  .p-sheet--static[data-presentation="bottom"][data-detent="large"] { height: 520px; }
  .p-sheet--static[data-presentation="side"] { height: 420px; width: 100%; max-width: 400px; border-radius: 0; }
  .p-sheet--static[data-presentation="form"] { max-width: 560px; }
  .p-sheet--static[data-presentation="page"] { max-width: 720px; height: 460px; }
  .p-sheet--static[data-presentation="full-screen-cover"] { height: 520px; border-radius: var(--p-overlay-radius-sheet); }

  .p-sheet__content { display: flex; flex-direction: column; flex: 1; min-height: 0; }
  .p-sheet--static { display: flex; }
  .p-sheet__head { flex: none; padding: 8px 12px 0 24px; touch-action: none; }
  .p-sheet[data-presentation="side"] .p-sheet__head, .p-sheet[data-presentation="form"] .p-sheet__head, .p-sheet[data-presentation="page"] .p-sheet__head { padding-top: 16px; }
  .p-sheet__grabber { display: block; width: 36px; height: 4px; margin: 0 auto 8px; border-radius: var(--p-radius-full); background: var(--p-color-ink-a20); }
  .p-sheet__titlebar { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 28px; }
  .p-sheet__title { margin: 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: calc(16px * var(--p-ts, 1)); line-height: calc(24px * var(--p-ts, 1)); font-weight: min(600, var(--p-font-weight-max, 1000)); letter-spacing: var(--p-type-tracking-md); color: var(--p-color-text-primary); }
  .p-sheet__body { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; touch-action: pan-y; padding: 16px 24px; display: flex; flex-direction: column; gap: 16px; scrollbar-width: thin;
    font-size: calc(var(--p-field-font-size) * var(--p-ts, 1)); line-height: calc(var(--p-field-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm); }
  
  .p-sheet__body > * { flex-shrink: 0; }
  .p-sheet__footer { flex: none; display: flex; justify-content: flex-end; gap: 8px; padding: 0 24px calc(24px + env(safe-area-inset-bottom, 0px)); background: transparent; }
  
  .p-sheet__footer[data-separated] { box-shadow: 0 -1px 0 var(--p-color-ink-a8); }
  :is([data-business="b2c"], [data-business="game"]) .p-sheet__footer { padding-top: 12px; padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)); }
  :is([data-business="b2c"], [data-business="game"]) .p-sheet__footer { transition: box-shadow var(--p-motion-duration-fast) var(--p-motion-easing-standard); }
  
  @media (max-width: 599.98px) {
    .p-sheet[data-presentation="bottom"] .p-sheet__footer { flex-direction: column-reverse; align-items: stretch; }
    .p-sheet[data-presentation="bottom"] .p-sheet__footer > * { width: 100%; }
  }
  
  .p-sheet__viewport[data-floating] { padding: var(--p-sheet-inset, 8px); padding-bottom: max(var(--p-sheet-inset, 8px), env(safe-area-inset-bottom, 0px)); }
  .p-sheet__viewport[data-floating][data-presentation="side"] { padding: var(--p-sheet-inset, 8px); }
  .p-sheet[data-floating] { border-radius: var(--p-overlay-radius-sheet) !important; }
  .p-sheet[data-presentation="bottom"][data-floating] { max-height: calc(100dvh - 32px); }
  .p-sheet[data-presentation="side"][data-floating] { height: 100%; }
  .p-sheet[data-presentation="side"][data-floating][data-starting-style], .p-sheet[data-presentation="side"][data-floating][data-ending-style] { transform: translateX(calc(100% + 16px)); }
  .p-sheet--static[data-presentation="bottom"][data-floating] { width: calc(100% - 2 * var(--p-sheet-inset, 8px)); margin: 0 auto; }
  .p-sheet--static[data-floating][data-presentation="side"] { height: 420px; }
  
  .p-sheet__text-dismiss { flex: none; display: flex; justify-content: center; padding: 0 24px calc(12px + env(safe-area-inset-bottom, 0px)); }
  .p-sheet__text-dismiss-btn { all: unset; box-sizing: border-box; min-height: var(--p-size-target-coarse); padding: 0 16px; display: inline-flex; align-items: center; border-radius: 8px; font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); font-weight: 500; color: var(--p-color-text-secondary); cursor: default; }
  .p-sheet__text-dismiss-btn:focus-visible { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: -2px; }
  @media (hover: hover) and (pointer: fine) { .p-sheet__text-dismiss-btn:hover { color: var(--p-color-text-primary); background: var(--p-color-surface-hover); } }
  
    :is([data-business="b2c"], [data-business="game"]) .p-sheet__title { font-size: calc(var(--p-type-title-l-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-l-line-height) * var(--p-ts, 1)); }
}

@layer plain-components {
  
  .p-tx-title-s { font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); letter-spacing: var(--p-type-title-s-tracking); }
  .p-tx-title-m { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-m-weight); letter-spacing: var(--p-type-title-m-tracking); }
  .p-tx-body-m { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-m-weight); letter-spacing: var(--p-type-body-m-tracking); }
  .p-tx-body-s { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-s-weight); letter-spacing: var(--p-type-body-s-tracking); }
  .p-tx-label-m { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-m-weight); letter-spacing: var(--p-type-label-m-tracking); }
  .p-tx-label-s { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-s-weight); letter-spacing: var(--p-type-label-s-tracking); }
  .p-tx-caption { font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-caption-weight); letter-spacing: var(--p-type-caption-tracking); }
  .p-tx-numeric { font-variant-numeric: tabular-nums; }

  .p-tone-icon { display: inline-flex; flex: none; }
  .p-tone-icon[data-tone="info"] { color: var(--p-color-info-text); }
  .p-tone-icon[data-tone="success"] { color: var(--p-color-success-text); }
  .p-tone-icon[data-tone="warning"] { color: var(--p-color-warning-text); }
  .p-tone-icon[data-tone="danger"] { color: var(--p-color-danger-text); }
  .p-tone-icon[data-tone="neutral"] { color: var(--p-color-text-secondary); }

  
  .p-ob {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; gap: var(--p-button-icon-gap);
    height: calc(var(--p-button-size-md) * var(--p-ts, 1)); margin: 0; padding: 0 12px; border: 1px solid transparent; border-radius: var(--p-button-radius);
    background: transparent; color: var(--p-color-text-primary); font: inherit; font-size: calc(var(--p-button-font-size) * var(--p-ts, 1)); line-height: 20px; font-weight: var(--p-button-font-weight); letter-spacing: var(--p-type-tracking-sm);
    white-space: nowrap; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
    transition: background-color var(--p-field-transition) ease, border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease;
  }
  .p-ob > svg { flex: none; width: var(--p-button-icon-size); height: var(--p-button-icon-size); }
  .p-ob[data-size="sm"] { height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); padding: 0 10px; }
  .p-ob[data-size="lg"] { height: calc(var(--p-button-size-lg) * var(--p-ts, 1)); padding: 0 14px; font-size: calc(var(--p-button-font-size-lg) * var(--p-ts, 1)); }
  .p-ob[data-tone="primary"] { background: var(--p-color-text-primary); color: var(--p-color-text-inverse); box-shadow: var(--p-shadow-button-primary); }
  .p-ob[data-tone="secondary"] { background: var(--p-button-secondary-bg); color: var(--p-color-text-primary); border-color: var(--p-color-border-control); box-shadow: var(--p-shadow-control); }
  .p-ob[data-tone="ghost"] { color: var(--p-color-text-primary); }
  .p-ob[data-tone="destructive"] { background: var(--p-color-danger-solid); color: var(--p-color-danger-on-solid); box-shadow: inset 0 1px 0 var(--p-color-white-a10), 0 1px 2px var(--p-color-ink-a10); }
  .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 14%); }
  .p-ob[data-tone="secondary"][data-hovered] { background: var(--p-button-secondary-bg-hover); border-color: var(--p-color-border-control-hover); }
  .p-ob[data-tone="ghost"][data-hovered] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="destructive"][data-hovered] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 8%); }
  .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 24%); }
  .p-ob[data-tone="secondary"][data-pressed] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="ghost"][data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-ob[data-tone="destructive"][data-pressed] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 16%); }
  .p-ob[data-focus-visible] { outline: none; border-color: var(--p-color-button-focus-border); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  .p-ob[data-tone="destructive"][data-focus-visible] { border-color: var(--p-color-danger-solid); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button-danger); }
  .p-ob[aria-disabled="true"] { opacity: var(--p-opacity-disabled); cursor: not-allowed; box-shadow: none; }
  .p-ob[aria-busy="true"] { cursor: progress; }
  @media (pointer: coarse) { .p-ob { min-height: var(--p-size-target-coarse); } }

  
  .p-backdrop {
    position: fixed; inset: 0; z-index: var(--p-z-overlay); background: var(--p-scrim-dialog); min-height: 100dvh;
    transition: opacity var(--p-motion-overlay-scrim-in) var(--p-motion-easing-enter);
    opacity: calc(1 - var(--drawer-swipe-progress, 0));
    -webkit-backdrop-filter: blur(var(--p-overlay-blur)); backdrop-filter: blur(var(--p-overlay-blur));
  }
  
  .p-backdrop--snap { opacity: 1; }
  .p-backdrop[data-starting-style], .p-backdrop[data-ending-style] { opacity: 0; }
  .p-backdrop[data-ending-style] { transition-duration: var(--p-motion-overlay-scrim-out); transition-timing-function: var(--p-motion-easing-standard); }
  
  .p-backdrop--instant, .p-backdrop--instant:is([data-starting-style], [data-ending-style]) { transition-duration: 0ms; }
  @media (prefers-reduced-transparency: reduce) { .p-backdrop { backdrop-filter: none; } }
  
  @media (prefers-reduced-motion: reduce) {
    .p-dialog.p-dialog.p-dialog, .p-sheet.p-sheet.p-sheet, .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  }
  [data-reduced-motion="true"] .p-dialog.p-dialog.p-dialog, [data-reduced-motion="true"] .p-sheet.p-sheet.p-sheet, [data-reduced-motion="true"] .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  
  @supports (-webkit-touch-callout: none) { .p-backdrop { position: absolute; } }

  
  @property --p-fade-t { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @property --p-fade-b { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @keyframes p-fade-scroll {
    0% { --p-fade-t: 0px; --p-fade-b: 16px; }
    4% { --p-fade-t: 16px; }
    96% { --p-fade-b: 16px; }
    100% { --p-fade-t: 16px; --p-fade-b: 0px; }
  }
  .p-scroll-fade {
    --p-fade-t: 0px; --p-fade-b: 0px;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
  }
  @supports (animation-timeline: scroll()) {
    .p-scroll-fade { animation: p-fade-scroll linear both; animation-timeline: scroll(self block); }
  }
  @media (prefers-reduced-motion: reduce) { .p-scroll-fade { animation-timeline: scroll(self block); } }

  
  .p-notice {
    display: flex; align-items: flex-start; gap: 8px; padding: 8px 12px; border-radius: 8px;
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm);
  }
  .p-notice__text { flex: 1; min-width: 0; padding-top: 2px; }
  .p-notice .p-tone-icon { margin-top: 2px; }
  .p-notice[data-tone="danger"] { background: var(--p-color-danger-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-danger-border) 55%, transparent); color: var(--p-color-danger-text); }
  .p-notice[data-tone="warning"] { background: var(--p-color-warning-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-warning-border) 55%, transparent); color: var(--p-color-warning-text); }
  .p-notice[data-tone="info"] { background: var(--p-color-info-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-info-border) 55%, transparent); color: var(--p-color-info-text); }
  .p-notice .p-ob { align-self: center; }

  
  .p-xbtn {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; background: transparent;
    width: calc(var(--p-button-size-sm) * var(--p-ts, 1)); height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); border-radius: 6px; color: var(--p-color-text-tertiary); cursor: pointer;
    -webkit-tap-highlight-color: transparent; transition: background-color var(--p-field-transition) ease, color var(--p-field-transition) ease;
  }
  .p-xbtn[data-hovered] { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); }
  @media (hover: hover) and (pointer: fine) { .p-xbtn:hover { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); } }
  .p-xbtn:active, .p-xbtn[data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-xbtn:focus-visible, .p-xbtn[data-focus-visible] { outline: none; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  @media (pointer: coarse) { .p-xbtn { width: var(--p-size-target-coarse); height: var(--p-size-target-coarse); } }
  
  .p-keycap {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px;
    border-radius: 4px; background: var(--p-color-ink-a6);
    font: inherit; font-size: 11px; line-height: 16px; font-weight: 500; color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums;
  }
  .p-keycap-word { padding: 0 2px; }
  .p-menu__shortcut { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; padding-left: 16px; color: var(--p-color-text-tertiary); font-variant-numeric: tabular-nums; }
  .p-menu__shortcut[data-bare] { margin-left: 2px; padding-left: 0; }
  .p-ob .p-keycap { background: color-mix(in oklab, currentColor 14%, transparent); color: inherit; }
  .p-ob .p-keycap-word { padding: 0 2px; }
  @media (pointer: coarse) { .p-ob .p-menu__shortcut { display: none; } }
}

@layer plain-components {
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"] { background: var(--p-color-accent-action); color: var(--p-color-accent-on-action); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 8%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 16%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][aria-disabled="true"] { opacity: 1; background: color-mix(in oklab, var(--p-color-accent-action) calc(var(--p-opacity-accent-disabled) * 100%), var(--p-color-bg-default)); }
  
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta) * var(--p-ts, 1)); padding: 0 20px; border-radius: var(--p-radius-cta, var(--p-button-radius)); font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta-touch) * var(--p-ts, 1)); }
}

@layer plain-components {
  .p-menu__positioner { z-index: var(--p-z-popover); outline: none; }
  
  .p-menu {
    box-sizing: border-box; min-width: 192px; max-width: min(320px, calc(100vw - 16px)); max-height: min(var(--available-height, 420px), 420px); display: flex; flex-direction: column; overflow: hidden;
    --pd-radius: var(--p-overlay-radius-menu); padding: var(--p-overlay-padding);
    
    --_x: 0px; --_y: 0px;
    transform-origin: var(--transform-origin);
    transition: opacity var(--p-motion-overlay-menu-fade-in) var(--p-motion-easing-enter), transform var(--p-motion-overlay-menu-in) var(--p-motion-easing-enter);
  }
  .p-menu__list { min-height: 0; flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; margin: 0 calc(-1 * var(--p-overlay-padding)); padding: 0 var(--p-overlay-padding); scrollbar-width: thin; }
  .p-menu[data-side="bottom"] { --_y: calc(var(--p-motion-overlay-menu-rise) * -1); }
  .p-menu[data-side="top"] { --_y: var(--p-motion-overlay-menu-rise); }
  .p-menu[data-side="left"] { --_x: var(--p-motion-overlay-menu-rise); }
  .p-menu[data-side="right"] { --_x: calc(var(--p-motion-overlay-menu-rise) * -1); }
  .p-menu[data-starting-style] { opacity: 0; transform: translate(var(--_x), var(--_y)) scale(var(--p-motion-overlay-menu-scale-in)); }
  .p-menu[data-ending-style] {
    opacity: 0; transform: translate(calc(var(--_x) * 0.5), calc(var(--_y) * 0.5)) scale(var(--p-motion-overlay-menu-scale-out));
    transition-duration: var(--p-motion-overlay-menu-out); transition-timing-function: var(--p-motion-easing-standard);
  }
  
  [data-input="keyboard"] .p-menu { transition-duration: 0ms; }
  [data-input="keyboard"] .p-menu:is([data-starting-style], [data-ending-style]) { transform: none; }
  .p-menu__item { min-width: 0; min-height: calc(var(--p-overlay-item-height) * var(--p-ts, 1)); height: auto; }
  .p-menu[data-density="compact"] .p-menu__item { min-height: calc(var(--p-overlay-item-height-compact) * var(--p-ts, 1)); }
  @media (pointer: coarse) { .p-menu__item { min-height: var(--p-size-target-coarse); } }
  
  .p-menu__item[data-highlighted], .p-menu__item[data-popup-open] { background: var(--p-overlay-highlight); }
  .p-menu__item[data-pressed], .p-menu__item[data-highlighted]:active { background: var(--p-color-ink-a10); }
  .p-menu__item[data-disabled] { color: var(--p-color-text-disabled); }
  .p-menu__item[data-disabled] > svg, .p-menu__item[data-disabled] .p-menu__lead { color: var(--p-color-text-disabled); }
  .p-menu__item[data-destructive] { color: var(--p-color-danger-text); }
  .p-menu__item[data-destructive][data-highlighted] { background: color-mix(in oklab, var(--p-color-danger-text) 9%, transparent); }
  .p-menu__item[data-destructive][data-disabled] { color: var(--p-color-text-disabled); }
  .p-menu__item[data-request] { color: var(--p-color-text-link); }
  .p-menu__item[data-focus-visible] { outline: none; }
  .p-menu__lead { display: inline-flex; flex: none; width: 16px; height: 16px; align-items: center; justify-content: center; color: var(--p-color-text-tertiary); }
  .p-menu__item[data-destructive] .p-menu__lead { color: inherit; }
  .p-menu__label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  
  .p-menu__item .p-menu__shortcut { margin-left: auto; padding-left: 16px; font-size: 12px; line-height: 16px; letter-spacing: 0; color: var(--p-color-text-tertiary); }
  .p-menu__check { display: inline-flex; flex: none; width: 16px; height: 16px; margin-left: auto; color: var(--p-color-text-primary); }
  .p-menu__check + .p-menu__shortcut { margin-left: 0; padding-left: 12px; min-width: 24px; justify-content: flex-end; }
  .p-menu__count { margin-left: auto; padding-left: 16px; font-size: 12px; line-height: 16px; color: var(--p-color-text-tertiary); font-variant-numeric: tabular-nums; }
  .p-menu__count + .p-menu__shortcut { margin-left: 0; }
  
  .p-menu[data-filter] { padding-top: 0; }
  .p-menu__filter { flex: none; display: flex; align-items: center; gap: 8px; box-sizing: border-box; height: 36px; margin: 0 calc(-1 * var(--p-overlay-padding)) 4px; padding: 0 12px; border-bottom: 1px solid var(--p-overlay-separator); color: var(--p-color-text-tertiary); }
  .p-menu__filter-input { appearance: none; border: 0; background: transparent; padding: 0; margin: 0; flex: 1; min-width: 0; height: 100%; font: inherit; font-size: var(--p-field-font-size); letter-spacing: var(--p-type-tracking-sm); color: var(--p-color-text-primary); outline: none; }
  .p-menu__filter-input::placeholder { color: var(--p-color-text-tertiary); }
  .p-menu__filter:focus-within { border-bottom-color: var(--p-color-border-control-strong); }
  .p-menu__empty { padding: 12px 8px; text-align: center; font-size: 13px; line-height: 20px; color: var(--p-color-text-tertiary); }
  .p-menu__chev { display: inline-flex; margin-right: -2px; color: var(--p-color-text-tertiary); }
  .p-menu__sep { height: 1px; margin: 4px calc(-1 * var(--p-overlay-padding)); background: var(--p-overlay-separator); border: 0; }
  .p-menu__group + .p-menu__group, .p-menu__group + .p-menu__item, .p-menu__item + .p-menu__group { margin-top: 2px; }
  .p-menu__group-label { padding: 6px 8px 2px; font-size: 12px; line-height: 16px; font-weight: 500; color: var(--p-color-text-tertiary); letter-spacing: 0; }

  
  .p-menu-sheet__viewport { position: fixed; inset: 0; z-index: var(--p-z-modal); display: flex; align-items: flex-end; justify-content: center; }
  .p-menu-sheet {
    box-sizing: border-box; width: 100%; max-height: calc(100dvh - 48px); display: flex; flex-direction: column; overflow: hidden;
    border-radius: var(--p-overlay-radius-sheet) var(--p-overlay-radius-sheet) 0 0; background: var(--p-overlay-bg); color: var(--p-color-text-primary); outline: none; box-shadow: var(--p-shadow-overlay-ring), var(--p-shadow-overlay-highlight), var(--p-shadow-dialog);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    transform: translateY(var(--drawer-swipe-movement-y, 0px));
    transition: transform var(--p-motion-sheet-open) var(--p-motion-easing-drawer);
  }
  .p-menu-sheet[data-starting-style] { transform: translateY(100%); }
  .p-menu-sheet[data-ending-style] { transform: translateY(100%); transition-duration: var(--p-motion-sheet-close); transition-timing-function: var(--p-motion-easing-standard); }
  .p-menu-sheet__content { overflow-y: auto; padding: 8px; }
  .p-menu-sheet__item {
    all: unset; box-sizing: border-box; display: flex; width: 100%; align-items: center; gap: 12px; min-height: var(--p-size-target-coarse); padding: 0 12px;
    border-radius: 10px; font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); cursor: default;
  }
  .p-menu-sheet__item:active { background: var(--p-overlay-highlight); }
  .p-menu-sheet__item > svg { color: var(--p-color-text-tertiary); }
  .p-menu-sheet__item[data-destructive] > svg { color: currentColor; }
  .p-menu-sheet__item:focus-visible { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: -2px; }
  .p-menu-sheet__item[data-destructive] { color: var(--p-color-danger-text); }
  .p-menu-sheet__item[aria-disabled="true"] { color: var(--p-color-text-disabled); }
  .p-menu-sheet__cancel { padding: 0 16px 12px; }
  .p-menu-sheet__cancel .p-ob { width: 100%; min-height: var(--p-size-target-coarse); }
  .p-menu-sheet__title { position: absolute; }
  .p-menu--static { position: relative; max-height: none; }
  .p-menu[data-fit="viewport"] { max-height: var(--available-height, calc(100dvh - 16px)); }
  .p-menu--static .p-menu__list { overflow: visible; }
  .p-menu-sheet--static { position: relative; transform: none; max-width: 420px; border-radius: var(--p-overlay-radius-sheet); }
}

@layer plain-components {
  .p-tooltip__positioner { z-index: var(--p-z-tooltip); }
  
  .p-tooltip {
    box-sizing: border-box; display: inline-flex; align-items: center; gap: 6px; font-weight: 500; text-wrap: balance; overflow-wrap: anywhere;
    --_x: 0px; --_y: 0px;
    transform-origin: var(--transform-origin);
    transition: opacity var(--p-motion-tooltip-in) var(--p-motion-easing-enter), transform var(--p-motion-tooltip-in) var(--p-motion-easing-enter);
  }
  .p-tooltip[data-side="bottom"] { --_y: calc(var(--p-motion-tooltip-rise) * -1); }
  .p-tooltip[data-side="top"] { --_y: var(--p-motion-tooltip-rise); }
  .p-tooltip[data-side="left"] { --_x: var(--p-motion-tooltip-rise); }
  .p-tooltip[data-side="right"] { --_x: calc(var(--p-motion-tooltip-rise) * -1); }
  .p-tooltip[data-starting-style] { opacity: 0; transform: translate(var(--_x), var(--_y)) scale(var(--p-motion-tooltip-scale-in)); }
  .p-tooltip[data-ending-style] {
    opacity: 0; transform: scale(var(--p-motion-tooltip-scale-out));
    transition-duration: var(--p-motion-tooltip-out); transition-timing-function: var(--p-motion-easing-standard);
  }
  
  .p-tooltip:is([data-instant="delay"], [data-instant="focus"], [data-instant="dismiss"]) { transition-duration: 0ms; }
  .p-tooltip:is([data-instant="delay"], [data-instant="focus"], [data-instant="dismiss"]):is([data-starting-style], [data-ending-style]) { transform: none; }
  .p-tooltip-static { display: inline-flex; flex-direction: column; align-items: center; gap: 6px; }
  .p-tooltip__kbd { display: inline-flex; gap: 2px; margin-right: -4px; }
  .p-tooltip__kbd kbd { display: inline-flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 4px; background: color-mix(in oklab, var(--p-tooltip-fg) 18%, transparent); color: color-mix(in oklab, var(--p-tooltip-fg) 80%, transparent); font: inherit; font-size: 11px; line-height: 16px; font-weight: 500; font-variant-numeric: tabular-nums; letter-spacing: 0; }
  
  @media (hover: none), (pointer: coarse) { .p-tooltip__positioner { display: none; } }
}

@layer plain-components {
  .p-skeleton { width: 100%; opacity: 0; transition: opacity var(--p-motion-duration-fast) var(--p-motion-easing-standard); }
  .p-skeleton[data-visible] { opacity: 1; }
  .p-skeleton__stack { display: flex; flex-direction: column; gap: 8px; width: 100%; }
  .p-skeleton__grow { flex: 1; min-width: 0; }
  .p-skeleton__bar, .p-skeleton__block {
    position: relative; overflow: hidden; display: block; border-radius: var(--p-radius-4); background-color: var(--p-color-border-subtle);
  }
  
  .p-skeleton__bar::after, .p-skeleton__block::after {
    content: ""; position: absolute; inset: 0; pointer-events: none; transform: translateX(-100%);
    background-image: linear-gradient(90deg, transparent 0, var(--p-color-border-default) 50%, transparent 100%);
    animation: p-skeleton-shimmer var(--p-motion-skeleton-duration) var(--p-motion-easing-in-out) calc(var(--_n, 0) * var(--p-motion-skeleton-stagger)) var(--p-motion-skeleton-loops) both;
  }
  .p-skeleton__bar:not(.p-skeleton__round):not(.p-skeleton__block):not(.p-skeleton__media) { width: var(--w, 100%); height: 12px; }
  .p-skeleton__round { width: var(--s, 40px); height: var(--s, 40px); border-radius: var(--p-radius-full); flex: none; }
  .p-skeleton__block { width: 100%; height: var(--h, 96px); border-radius: var(--p-radius-card); }
  .p-skeleton__dominant { background-color: var(--dominant); }
  .p-skeleton__dominant::after { display: none; }
  .p-skeleton__media { width: 100%; aspect-ratio: 16 / 9; border-radius: var(--p-radius-card); }
  .p-skeleton__stack > :nth-child(2), .p-skeleton__card > :nth-child(2) { --_n: 1; }
  .p-skeleton__stack > :nth-child(3), .p-skeleton__card > :nth-child(3) { --_n: 2; }
  .p-skeleton__stack > :nth-child(4) { --_n: 3; }
  .p-skeleton__stack > :nth-child(5) { --_n: 4; }
  .p-skeleton__stack > :nth-child(n+6) { --_n: 5; }
  .p-skeleton__row { display: flex; align-items: center; gap: 12px; width: 100%; }
  .p-skeleton__card { display: flex; flex-direction: column; gap: 12px; width: 100%; }
  .p-skeleton[data-static] :is(.p-skeleton__bar, .p-skeleton__block)::after { display: none; }
  @media (prefers-reduced-motion: reduce) { .p-skeleton__bar::after, .p-skeleton__block::after { display: none; } }
  [data-reduced-motion="true"] :is(.p-skeleton__bar, .p-skeleton__block)::after { display: none; }
  @keyframes p-skeleton-shimmer { to { transform: translateX(100%); } }
}

@layer plain-components {
  .p-skeleton__bar, .p-skeleton__block { background-color: var(--p-color-ink-a6); border-radius: 6px; }
  .p-skeleton__bar::after, .p-skeleton__block::after { background-image: linear-gradient(90deg, transparent 0, var(--p-color-ink-a6) 50%, transparent 100%); }
  .p-skeleton__block, .p-skeleton__media { border-radius: 12px; }
  .p-skeleton__round { border-radius: var(--p-radius-full); } 
  .p-skeleton__dominant { background-color: var(--dominant); }
  
  .p-skeleton[data-variant="avatar"] { width: auto; flex: none; }
}

@layer plain-components {
  
  .p-tx-title-s { font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); letter-spacing: var(--p-type-title-s-tracking); }
  .p-tx-title-m { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-m-weight); letter-spacing: var(--p-type-title-m-tracking); }
  .p-tx-body-m { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-m-weight); letter-spacing: var(--p-type-body-m-tracking); }
  .p-tx-body-s { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-s-weight); letter-spacing: var(--p-type-body-s-tracking); }
  .p-tx-label-m { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-m-weight); letter-spacing: var(--p-type-label-m-tracking); }
  .p-tx-label-s { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-s-weight); letter-spacing: var(--p-type-label-s-tracking); }
  .p-tx-caption { font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-caption-weight); letter-spacing: var(--p-type-caption-tracking); }
  .p-tx-numeric { font-variant-numeric: tabular-nums; }

  .p-tone-icon { display: inline-flex; flex: none; }
  .p-tone-icon[data-tone="info"] { color: var(--p-color-info-text); }
  .p-tone-icon[data-tone="success"] { color: var(--p-color-success-text); }
  .p-tone-icon[data-tone="warning"] { color: var(--p-color-warning-text); }
  .p-tone-icon[data-tone="danger"] { color: var(--p-color-danger-text); }
  .p-tone-icon[data-tone="neutral"] { color: var(--p-color-text-secondary); }

  
  .p-ob {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; gap: var(--p-button-icon-gap);
    height: calc(var(--p-button-size-md) * var(--p-ts, 1)); margin: 0; padding: 0 12px; border: 1px solid transparent; border-radius: var(--p-button-radius);
    background: transparent; color: var(--p-color-text-primary); font: inherit; font-size: calc(var(--p-button-font-size) * var(--p-ts, 1)); line-height: 20px; font-weight: var(--p-button-font-weight); letter-spacing: var(--p-type-tracking-sm);
    white-space: nowrap; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
    transition: background-color var(--p-field-transition) ease, border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease;
  }
  .p-ob > svg { flex: none; width: var(--p-button-icon-size); height: var(--p-button-icon-size); }
  .p-ob[data-size="sm"] { height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); padding: 0 10px; }
  .p-ob[data-size="lg"] { height: calc(var(--p-button-size-lg) * var(--p-ts, 1)); padding: 0 14px; font-size: calc(var(--p-button-font-size-lg) * var(--p-ts, 1)); }
  .p-ob[data-tone="primary"] { background: var(--p-color-text-primary); color: var(--p-color-text-inverse); box-shadow: var(--p-shadow-button-primary); }
  .p-ob[data-tone="secondary"] { background: var(--p-button-secondary-bg); color: var(--p-color-text-primary); border-color: var(--p-color-border-control); box-shadow: var(--p-shadow-control); }
  .p-ob[data-tone="ghost"] { color: var(--p-color-text-primary); }
  .p-ob[data-tone="destructive"] { background: var(--p-color-danger-solid); color: var(--p-color-danger-on-solid); box-shadow: inset 0 1px 0 var(--p-color-white-a10), 0 1px 2px var(--p-color-ink-a10); }
  .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 14%); }
  .p-ob[data-tone="secondary"][data-hovered] { background: var(--p-button-secondary-bg-hover); border-color: var(--p-color-border-control-hover); }
  .p-ob[data-tone="ghost"][data-hovered] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="destructive"][data-hovered] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 8%); }
  .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 24%); }
  .p-ob[data-tone="secondary"][data-pressed] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="ghost"][data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-ob[data-tone="destructive"][data-pressed] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 16%); }
  .p-ob[data-focus-visible] { outline: none; border-color: var(--p-color-button-focus-border); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  .p-ob[data-tone="destructive"][data-focus-visible] { border-color: var(--p-color-danger-solid); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button-danger); }
  .p-ob[aria-disabled="true"] { opacity: var(--p-opacity-disabled); cursor: not-allowed; box-shadow: none; }
  .p-ob[aria-busy="true"] { cursor: progress; }
  @media (pointer: coarse) { .p-ob { min-height: var(--p-size-target-coarse); } }

  
  .p-backdrop {
    position: fixed; inset: 0; z-index: var(--p-z-overlay); background: var(--p-scrim-dialog); min-height: 100dvh;
    transition: opacity var(--p-motion-overlay-scrim-in) var(--p-motion-easing-enter);
    opacity: calc(1 - var(--drawer-swipe-progress, 0));
    -webkit-backdrop-filter: blur(var(--p-overlay-blur)); backdrop-filter: blur(var(--p-overlay-blur));
  }
  
  .p-backdrop--snap { opacity: 1; }
  .p-backdrop[data-starting-style], .p-backdrop[data-ending-style] { opacity: 0; }
  .p-backdrop[data-ending-style] { transition-duration: var(--p-motion-overlay-scrim-out); transition-timing-function: var(--p-motion-easing-standard); }
  
  .p-backdrop--instant, .p-backdrop--instant:is([data-starting-style], [data-ending-style]) { transition-duration: 0ms; }
  @media (prefers-reduced-transparency: reduce) { .p-backdrop { backdrop-filter: none; } }
  
  @media (prefers-reduced-motion: reduce) {
    .p-dialog.p-dialog.p-dialog, .p-sheet.p-sheet.p-sheet, .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  }
  [data-reduced-motion="true"] .p-dialog.p-dialog.p-dialog, [data-reduced-motion="true"] .p-sheet.p-sheet.p-sheet, [data-reduced-motion="true"] .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  
  @supports (-webkit-touch-callout: none) { .p-backdrop { position: absolute; } }

  
  @property --p-fade-t { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @property --p-fade-b { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @keyframes p-fade-scroll {
    0% { --p-fade-t: 0px; --p-fade-b: 16px; }
    4% { --p-fade-t: 16px; }
    96% { --p-fade-b: 16px; }
    100% { --p-fade-t: 16px; --p-fade-b: 0px; }
  }
  .p-scroll-fade {
    --p-fade-t: 0px; --p-fade-b: 0px;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
  }
  @supports (animation-timeline: scroll()) {
    .p-scroll-fade { animation: p-fade-scroll linear both; animation-timeline: scroll(self block); }
  }
  @media (prefers-reduced-motion: reduce) { .p-scroll-fade { animation-timeline: scroll(self block); } }

  
  .p-notice {
    display: flex; align-items: flex-start; gap: 8px; padding: 8px 12px; border-radius: 8px;
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm);
  }
  .p-notice__text { flex: 1; min-width: 0; padding-top: 2px; }
  .p-notice .p-tone-icon { margin-top: 2px; }
  .p-notice[data-tone="danger"] { background: var(--p-color-danger-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-danger-border) 55%, transparent); color: var(--p-color-danger-text); }
  .p-notice[data-tone="warning"] { background: var(--p-color-warning-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-warning-border) 55%, transparent); color: var(--p-color-warning-text); }
  .p-notice[data-tone="info"] { background: var(--p-color-info-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-info-border) 55%, transparent); color: var(--p-color-info-text); }
  .p-notice .p-ob { align-self: center; }

  
  .p-xbtn {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; background: transparent;
    width: calc(var(--p-button-size-sm) * var(--p-ts, 1)); height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); border-radius: 6px; color: var(--p-color-text-tertiary); cursor: pointer;
    -webkit-tap-highlight-color: transparent; transition: background-color var(--p-field-transition) ease, color var(--p-field-transition) ease;
  }
  .p-xbtn[data-hovered] { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); }
  @media (hover: hover) and (pointer: fine) { .p-xbtn:hover { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); } }
  .p-xbtn:active, .p-xbtn[data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-xbtn:focus-visible, .p-xbtn[data-focus-visible] { outline: none; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  @media (pointer: coarse) { .p-xbtn { width: var(--p-size-target-coarse); height: var(--p-size-target-coarse); } }
  
  .p-keycap {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px;
    border-radius: 4px; background: var(--p-color-ink-a6);
    font: inherit; font-size: 11px; line-height: 16px; font-weight: 500; color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums;
  }
  .p-keycap-word { padding: 0 2px; }
  .p-menu__shortcut { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; padding-left: 16px; color: var(--p-color-text-tertiary); font-variant-numeric: tabular-nums; }
  .p-menu__shortcut[data-bare] { margin-left: 2px; padding-left: 0; }
  .p-ob .p-keycap { background: color-mix(in oklab, currentColor 14%, transparent); color: inherit; }
  .p-ob .p-keycap-word { padding: 0 2px; }
  @media (pointer: coarse) { .p-ob .p-menu__shortcut { display: none; } }
}

@layer plain-components {
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"] { background: var(--p-color-accent-action); color: var(--p-color-accent-on-action); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 8%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 16%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][aria-disabled="true"] { opacity: 1; background: color-mix(in oklab, var(--p-color-accent-action) calc(var(--p-opacity-accent-disabled) * 100%), var(--p-color-bg-default)); }
  
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta) * var(--p-ts, 1)); padding: 0 20px; border-radius: var(--p-radius-cta, var(--p-button-radius)); font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta-touch) * var(--p-ts, 1)); }
}

@layer plain-components {
  .p-empty { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: 8px; width: 100%; max-width: 360px; margin: 0 auto; padding: 32px 16px; text-align: center; color: var(--p-color-text-secondary); }
  .p-empty[data-size="sm"] { padding: 16px; gap: 6px; }
  .p-empty[data-size="lg"] { padding: 64px 24px; gap: 12px; max-width: 420px; }
  .p-empty__glyph { display: inline-flex; margin-bottom: 4px; color: var(--p-color-text-tertiary); }
  .p-empty[data-variant="blocked"] .p-empty__glyph { color: var(--p-color-danger-text); }
  .p-empty__title { margin: 0; color: var(--p-color-text-primary); font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); text-wrap: balance; }
  .p-empty[data-size="lg"] .p-empty__title { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-m-weight); }
  .p-empty__desc { margin: 0; font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); text-wrap: pretty; }
  .p-empty__tips { margin: 0; padding: 0; list-style: none; font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-tertiary); }
  .p-empty .p-ob { margin-top: 8px; }
}

@layer plain-components {
  .p-empty { gap: 4px; max-width: 40ch; padding: 40px 16px; }
  .p-empty[data-size="sm"] { padding: 20px 16px; }
  .p-empty[data-size="lg"] { padding: 80px 24px; gap: 6px; max-width: 44ch; }
  .p-empty__glyph { margin-bottom: 8px; }
  .p-empty__title, .p-empty[data-size="lg"] .p-empty__title { font-size: calc(15px * var(--p-ts, 1)); line-height: calc(22px * var(--p-ts, 1)); font-weight: min(600, var(--p-font-weight-max, 1000)); letter-spacing: -0.011em; }
  .p-empty__desc { max-width: 40ch; font-size: calc(14px * var(--p-ts, 1)); line-height: calc(20px * var(--p-ts, 1)); }
  .p-empty .p-ob { margin-top: 12px; }
}

@layer plain-components {
  .p-avatar {
    box-sizing: border-box; position: relative; display: inline-flex; flex: none; align-items: center; justify-content: center; vertical-align: middle; overflow: hidden;
    width: var(--p-avatar-size, 32px); height: var(--p-avatar-size, 32px); border-radius: var(--p-radius-full); background: var(--p-avatar-placeholder, var(--p-color-surface-pressed)); color: var(--p-color-text-secondary);
    font-size: calc(var(--p-avatar-size, 32px) * 0.4); line-height: 1; font-weight: min(600, var(--p-font-weight-max, 1000)); user-select: none;
  }
  .p-avatar[data-size="20"] { font-size: 9px; letter-spacing: 0; }
  .p-avatar[data-size="24"] { font-size: 12px; }
  .p-avatar[data-size="32"] { font-size: 13px; }
  .p-avatar[data-size="36"] { font-size: 14px; }
  .p-avatar[data-size="40"] { font-size: 15px; }
  .p-avatar[data-size="64"] { font-size: 24px; }
  .p-avatar[data-size="96"] { font-size: 34px; }
  .p-avatar__root { display: contents; }
  .p-avatar__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .p-avatar__fallback { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
  .p-avatar__fallback[data-initials]::before { content: attr(data-initials); }
  .p-avatar[data-loading] { background: var(--p-avatar-placeholder, var(--p-color-surface-pressed)); }
  .p-avatar--button { all: unset; box-sizing: border-box; position: relative; display: inline-flex; flex: none; overflow: hidden; width: var(--p-avatar-size, 32px); height: var(--p-avatar-size, 32px); border-radius: var(--p-radius-full); background: var(--p-avatar-placeholder, var(--p-color-surface-pressed)); color: var(--p-color-text-secondary); font-weight: min(600, var(--p-font-weight-max, 1000)); cursor: default; }
  .p-avatar--button .p-avatar__root { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
  @media all { .p-avatar--button[data-hovered]::after { content: ""; position: absolute; inset: 0; background: var(--p-color-text-primary); opacity: var(--p-opacity-state-hover); } }
  .p-avatar--button[data-pressed]::after { content: ""; position: absolute; inset: 0; background: var(--p-color-text-primary); opacity: var(--p-opacity-state-pressed); }
  .p-avatar--button[data-focus-visible] { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: var(--p-focus-offset); }
  .p-avatar-group { display: inline-flex; align-items: center; }
  .p-avatar-group > * + * { margin-left: -8px; }
  .p-avatar-group > * { box-shadow: 0 0 0 2px var(--p-color-bg-default); }
  .p-avatar--more { background: var(--p-color-surface-pressed); font-size: 12px; font-variant-numeric: tabular-nums; }
}

@layer plain-components {
  .p-avatar, .p-avatar--button { background: var(--p-avatar-placeholder, var(--p-color-ink-a6)); font-weight: 500; font-variant-numeric: tabular-nums; letter-spacing: 0; }
  .p-avatar::after, .p-avatar--button .p-avatar__root::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px var(--p-color-ink-a8); pointer-events: none; }
  .p-avatar--button .p-avatar__root { position: relative; }
  .p-avatar--button[data-hovered]::after, .p-avatar--button[data-pressed]::after { box-shadow: none; background: var(--p-color-ink-a5); opacity: 1; }
  .p-avatar-group > * { box-shadow: 0 0 0 2px var(--p-color-bg-default); }
  .p-avatar--more { background: var(--p-color-ink-a8); font-weight: 500; }
}

@layer plain-components {
  .p-badge {
    box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; vertical-align: middle;
    min-width: 20px; height: 20px; padding: 0 6px; border-radius: var(--p-radius-full); background: var(--p-color-accent-solid); color: var(--p-color-text-on-accent);
    font-size: 12px; line-height: 1; font-weight: min(600, var(--p-font-weight-max, 1000)); font-variant-numeric: tabular-nums; white-space: nowrap;
  }
  .p-badge[data-size="sm"] { min-width: 16px; height: 16px; padding: 0 4px; font-size: 12px; }
  .p-badge[data-variant="dot"] { min-width: 8px; width: 8px; height: 8px; padding: 0; }
  .p-badge[data-variant="dot"][data-size="sm"] { min-width: 6px; width: 6px; height: 6px; }
}

@layer plain-components {
  .p-badge { min-width: 18px; height: 18px; padding: 0 6px; background: var(--p-color-count-bg); color: var(--p-color-count-text); font-size: 11px; line-height: 16px; letter-spacing: 0; }
  .p-badge[data-size="sm"] { min-width: 16px; height: 16px; padding: 0 4px; }
  .p-badge[data-variant="dot"] { min-width: 8px; width: 8px; height: 8px; padding: 0; background: var(--p-color-accent-solid); }
  .p-badge[data-variant="dot"][data-size="sm"] { min-width: 6px; width: 6px; height: 6px; }
}

@layer plain-components {
  .p-shell { position: relative; container-type: inline-size; display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 0; background: var(--p-color-bg-panel); color: var(--p-color-text-primary); }
  
  [data-plain-root][data-paint]:has(> .p-shell) { min-height: 100dvh; display: flex; flex-direction: column; }
  [data-plain-root][data-paint] > .p-shell { flex: 1 0 auto; }
  .p-shell__skip { position: absolute; top: 8px; left: 8px; z-index: calc(var(--p-z-toast) + 1); padding: 8px 12px; border-radius: var(--p-radius-control); background: var(--p-color-surface-3); color: var(--p-color-text-primary); border: 1px solid var(--p-color-border-default); font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); transform: translateY(-200%); }
  
  .p-shell__skip:not(:focus) { clip-path: inset(50%); pointer-events: none; }
  .p-shell__skip:focus { transform: none; outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: 2px; }

  .p-shell__top { flex: none; display: flex; align-items: center; gap: 12px; min-height: calc(48px * var(--p-ts, 1)); padding: 0 16px 0 0; border-bottom: 1px solid var(--p-color-border-default); background: var(--p-color-bg-panel); }
  .p-shell__top[data-compact], .p-shell__top[data-b2c] { padding-left: 16px; }
  .p-shell__top-left { flex: none; width: var(--p-layout-width-sidebar); box-sizing: border-box; align-self: stretch; display: flex; align-items: center; padding: 0 8px; border-right: 1px solid var(--p-color-border-subtle); }
  .p-shell[data-collapsed] .p-shell__top-left { width: var(--p-layout-width-sidebar-collapsed); padding: 0 8px; }
  .p-shell[data-collapsed] .p-shell__ws-name, .p-shell[data-collapsed] .p-shell__workspace > svg { display: none; }
  .p-shell__top-mid { flex: 1; min-width: 0; display: flex; justify-content: center; }
  .p-shell__top-right { margin-left: auto; display: flex; align-items: center; gap: 8px; flex: none; }
  .p-shell__top-mid + .p-shell__top-right { margin-left: 0; }
  .p-shell__title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); }
  .p-shell__brand { font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); font-weight: min(600, var(--p-font-weight-max, 1000)); letter-spacing: -0.01em; }

  .p-shell__workspace { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 8px; width: 100%; height: calc(var(--p-size-control-md) * var(--p-ts, 1)); padding: 0 6px; border-radius: var(--p-radius-control); cursor: default; font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); font-weight: 500; color: var(--p-color-text-primary); }
  @media (hover: hover) and (pointer: fine) { .p-shell__workspace:hover { background: var(--p-color-surface-hover); } }
  .p-shell__workspace:focus-visible { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: -2px; }
  .p-shell__ws-mark { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: var(--p-radius-4); background: var(--p-color-accent-solid); color: var(--p-color-text-on-accent); font-size: 12px; font-weight: min(600, var(--p-font-weight-max, 1000)); line-height: 1; }
  .p-shell__ws-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .p-shell__workspace > svg { flex: none; color: var(--p-color-text-tertiary); }

  .p-shell__cmd { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 8px; width: min(100%, 420px); height: calc(var(--p-size-control-md) * var(--p-ts, 1)); padding: 0 8px; border: 1px solid var(--p-color-border-default); border-radius: var(--p-radius-control); background: var(--p-color-bg-canvas); color: var(--p-color-text-secondary); font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); cursor: default; }
  .p-shell__cmd[data-compact] { width: calc(var(--p-size-control-md) * var(--p-ts, 1)); min-width: 32px; justify-content: center; padding: 0; }
  .p-shell__cmd[data-compact] .p-shell__cmd-text, .p-shell__cmd[data-compact] .p-shell__kbd { display: none; }
  @media (hover: hover) and (pointer: fine) { .p-shell__cmd:hover { border-color: var(--p-color-border-strong); } }
  .p-shell__cmd:focus-visible { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: 2px; }
  .p-shell__kbd::before { content: attr(data-keys); }
  .p-shell__ws-mark::before { content: attr(data-mark); }
  .p-shell__cmd-text { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .p-shell__kbd { border-radius: max(1px, calc(var(--p-radius-control) - 3px)); font: inherit; font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); padding: 0 4px; border: 1px solid var(--p-color-border-default);  background: var(--p-color-bg-default); color: var(--p-color-text-tertiary); }
  .p-shell__help { display: inline-flex; align-items: center; gap: 6px; height: calc(var(--p-size-control-md) * var(--p-ts, 1)); padding: 0 8px; border-radius: var(--p-radius-control); color: var(--p-color-text-secondary); font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); text-decoration: none; }
  @media (hover: hover) and (pointer: fine) { .p-shell__help:hover { background: var(--p-color-surface-hover); color: var(--p-color-text-primary); } }
  .p-shell__help:focus-visible { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: 2px; }
  .p-shell__avatar-btn { all: unset; display: inline-flex; border-radius: var(--p-radius-full); cursor: default; }
  .p-shell__avatar-btn:focus-visible { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: 2px; }
  .p-shell__topnav { display: flex; align-items: center; gap: 8px; margin-left: 8px; }
  .p-shell__toplink { display: inline-flex; align-items: center; height: calc(var(--p-size-control-md) * var(--p-ts, 1)); padding: 0 10px; border-radius: var(--p-radius-control); color: var(--p-color-text-secondary); font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); font-weight: 500; text-decoration: none; }
  @media (hover: hover) and (pointer: fine) { .p-shell__toplink:hover { background: var(--p-color-surface-hover); color: var(--p-color-text-primary); } }
  .p-shell__toplink[aria-current="page"] { color: var(--p-color-text-primary); background: var(--p-color-surface-selected); }
  .p-shell__toplink:focus-visible { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: 2px; }

  .p-shell__body { flex: 1; min-height: 0; display: flex; }
  .p-shell__side { flex: none; box-sizing: border-box; display: flex; flex-direction: column; width: var(--p-layout-width-sidebar); padding: 8px; border-right: 1px solid var(--p-color-border-subtle); background: var(--p-color-bg-canvas); overflow-y: auto;  }
  .p-shell__side[data-collapsed] { width: var(--p-layout-width-sidebar-collapsed); }
  .p-shell__rail { flex: none; box-sizing: border-box; width: var(--p-layout-width-rail); padding: 8px; border-right: 1px solid var(--p-color-border-subtle); background: var(--p-color-bg-canvas); overflow-y: auto; }
  .p-shell__nav { flex: 1; }
  .p-shell__navlist { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
  .p-shell__nav[data-orientation="bottom"] .p-shell__navlist { flex-direction: row; justify-content: space-around; gap: 8px; }
  .p-shell__nav[data-orientation="bottom"] li { flex: 1; min-width: 0; }
  .p-shell__nav-item { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 8px; width: 100%; height: calc(var(--p-size-control-md) * var(--p-ts, 1)); padding: 0 8px; border-radius: var(--p-radius-control); color: var(--p-color-text-secondary); font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: 500; cursor: default; white-space: nowrap; }
  .p-shell__nav-item[data-hovered] { background: var(--p-color-surface-hover); color: var(--p-color-text-primary); }
  .p-shell__nav-item[data-pressed] { background: var(--p-color-surface-pressed); }
  .p-shell__nav-item[data-active] { background: var(--p-color-surface-selected); color: var(--p-color-text-primary); }
  .p-shell__nav-item[data-focus-visible] { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: -2px; }
  .p-shell__nav-item[aria-disabled="true"] { color: var(--p-color-text-disabled); }
  .p-shell__nav-item[data-orientation="bottom"], .p-shell__nav-item[data-orientation="rail"] { flex-direction: column; justify-content: center; gap: 2px; height: auto; min-height: 56px; padding: 6px 4px; font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); }
  .p-shell__icon { position: relative; display: inline-flex; flex: none; }
  .p-shell__dot { position: absolute; top: -6px; left: 60%; }
  .p-shell__label { min-width: 0; overflow: hidden; text-overflow: ellipsis; flex: 1; }
  .p-shell__nav-item[data-orientation="bottom"] .p-shell__label, .p-shell__nav-item[data-orientation="rail"] .p-shell__label { flex: none; max-width: 100%; }
  .p-shell__label[data-hidden] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .p-shell__side[data-collapsed] .p-shell__nav-item, .p-shell__side[data-collapsed] .p-shell__collapse { justify-content: center; padding: 0; }
  .p-shell__collapse { all: unset; box-sizing: border-box; margin-top: 8px; display: flex; align-items: center; gap: 8px; width: 100%; height: calc(var(--p-size-control-md) * var(--p-ts, 1)); padding: 0 8px; border-radius: var(--p-radius-control); color: var(--p-color-text-tertiary); font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); font-weight: 500; cursor: default; }
  @media (hover: hover) and (pointer: fine) { .p-shell__collapse:hover { background: var(--p-color-surface-hover); color: var(--p-color-text-primary); } }
  .p-shell__collapse:focus-visible { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: -2px; }
  @media (pointer: coarse) { .p-shell__nav-item[data-orientation="side"] { min-height: var(--p-size-target-coarse); } }

  .p-shell__content { flex: 1; min-width: 0; min-height: 0; display: flex; flex-direction: column; }
  .p-shell__main { flex: 1; min-height: 0; overflow: auto; padding: var(--p-layout-gutter-compact); outline: none; }
  @container (min-width: 600px) { .p-shell__main { padding: var(--p-layout-gutter-medium); } }
  @container (min-width: 840px) { .p-shell__main { padding: var(--p-layout-gutter-expanded); } }
  .p-shell__footer { flex: none; min-width: 0; }
  .p-shell__tabs { flex: none; border-top: 1px solid var(--p-color-border-default); background: var(--p-color-bg-default); padding-bottom: env(safe-area-inset-bottom, 0px); }
  .p-shell__loading { display: flex; flex-direction: column; gap: 16px; max-width: var(--p-layout-width-content); }
  .p-shell__sheetnav { margin: -8px -12px; }
  .p-shell__sheetnav .p-shell__nav-item { height: var(--p-size-target-coarse); font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); padding: 0 12px; }
  .p-shell__help-text { }
  @container (max-width: 599px) { .p-shell__help-text { display: none; } .p-shell__help { padding: 0 6px; } }

  
  .p-shell[data-variant="sidebar-topbar-command"], .p-shell[data-variant="sidebar-adaptable"] { background: var(--p-color-bg-canvas); }
  .p-shell[data-variant^="sidebar"] .p-shell__top { border-bottom: 0; background: transparent; }
  .p-shell[data-variant^="sidebar"] .p-shell__top-left { border-right: 0; }
  .p-shell[data-variant^="sidebar"] .p-shell__side { border-right: 0; background: transparent; }
  .p-shell[data-variant^="sidebar"] .p-shell__cmd { background: var(--p-color-bg-default); border-color: var(--p-color-border-subtle); }
  @media (hover: hover) and (pointer: fine) { .p-shell[data-variant^="sidebar"] .p-shell__cmd:hover { border-color: var(--p-color-border-default); } }
  .p-shell[data-variant^="sidebar"] .p-shell__content { margin: 0 var(--p-size-panel-gap) var(--p-size-panel-gap) 0; border: 1px solid var(--p-color-border-subtle); border-radius: var(--p-radius-pop); background: var(--p-color-bg-panel); overflow: clip; }
  .p-shell[data-variant^="sidebar"] .p-shell__nav-item[data-active] { background: var(--p-color-surface-pressed); }
}

@layer plain-components {
  .p-shell__top { min-height: calc(48px * var(--p-ts, 1)); border-bottom-color: var(--p-color-ink-a8); }
  .p-shell__top-left { border-right-color: var(--p-color-ink-a8); }
  .p-shell__side, .p-shell__rail { border-right-color: var(--p-color-ink-a8); padding: 8px; }
  .p-shell__tabs { border-top-color: var(--p-color-ink-a8); }
  .p-shell__nav-item { height: calc(32px * var(--p-ts, 1)); border-radius: 6px; padding: 0 8px; font-size: calc(13px * var(--p-ts, 1)); line-height: calc(18px * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm, -0.006em); gap: 8px; }
  .p-shell__nav-item > svg, .p-shell__icon > svg { color: var(--p-color-text-tertiary); }
  .p-shell__nav-item[data-hovered] { background: var(--p-color-ink-a5); }
  .p-shell__nav-item[data-pressed] { background: var(--p-color-ink-a8); }
  .p-shell__nav-item[data-active] { background: var(--p-color-ink-a6); color: var(--p-color-text-primary); }
  .p-shell__nav-item[data-active] .p-shell__icon > svg { color: var(--p-color-text-primary); }
  .p-shell[data-variant^="sidebar"] .p-shell__nav-item[data-active] { background: var(--p-color-bg-default); box-shadow: 0 0 0 1px var(--p-color-ink-a6), var(--pd-xs); }
  .p-shell__nav-item[data-orientation="bottom"], .p-shell__nav-item[data-orientation="rail"] { height: auto; border-radius: 8px; }
  .p-shell__workspace { border-radius: 6px; height: calc(32px * var(--p-ts, 1)); }
  @media (hover: hover) and (pointer: fine) { .p-shell__workspace:hover { background: var(--p-color-ink-a5); } }
  .p-shell__ws-mark { border-radius: 6px; box-shadow: inset 0 0 0 1px var(--p-color-ink-a10); }
  .p-shell__cmd { border: 0; border-radius: 8px; background: var(--p-color-bg-default); box-shadow: 0 0 0 1px var(--p-color-ink-a12), var(--pd-xs); height: calc(32px * var(--p-ts, 1)); }
  .p-shell[data-variant^="sidebar"] .p-shell__cmd { border: 0; background: var(--p-color-bg-default); }
  @media (hover: hover) and (pointer: fine) { .p-shell__cmd:hover, .p-shell[data-variant^="sidebar"] .p-shell__cmd:hover { border: 0; box-shadow: 0 0 0 1px var(--p-color-ink-a20), var(--pd-xs); } }
  .p-shell__kbd { border: 0; background: var(--p-color-ink-a6); border-radius: 4px; font-size: 11px; line-height: 16px; padding: 0 6px; }
  .p-shell__help, .p-shell__toplink { height: calc(32px * var(--p-ts, 1)); border-radius: 6px; }
  @media (hover: hover) and (pointer: fine) { .p-shell__help:hover, .p-shell__toplink:hover { background: var(--p-color-ink-a5); } }
  .p-shell__toplink[aria-current="page"] { background: var(--p-color-ink-a6); }
  .p-shell[data-variant^="sidebar"] .p-shell__top, .p-shell[data-variant^="sidebar"] .p-shell__side { border: 0; }
  .p-shell[data-variant^="sidebar"] .p-shell__content { border: 0; border-radius: 12px; box-shadow: 0 0 0 1px var(--p-color-ink-a8), var(--pd-xs); }
  .p-shell__collapse { height: calc(32px * var(--p-ts, 1)); border-radius: 6px; }
  @media (hover: hover) and (pointer: fine) { .p-shell__collapse:hover { background: var(--p-color-ink-a5); } }
}

@layer plain-components {
  [data-plain-root], [data-theme] { --pd-xs: var(--p-shadow-xs); }
  [data-theme="dark"] { --pd-xs: 0 0 0 0 transparent; }
}

@layer plain-components {
  .p-shell[data-variant^="sidebar"] { flex-direction: column; }
  .p-shell[data-variant^="sidebar"] .p-shell__body { flex: 1; min-height: 0; padding: 0; }
  .p-shell[data-variant^="sidebar"] .p-shell__side { width: 240px; padding: 10px 8px 8px; gap: 8px; overflow: hidden auto; scrollbar-width: thin; }
  .p-shell[data-variant^="sidebar"] .p-shell__side[data-collapsed] { width: 52px; padding-inline: 8px; align-items: stretch; }
  .p-shell__side-head { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 0; }
  .p-shell__side-head .p-shell__workspace { flex: 1; min-width: 0; width: auto; }
  .p-shell__side[data-collapsed] .p-shell__side-head .p-shell__workspace { justify-content: center; padding: 0; }
  .p-shell__side[data-collapsed] .p-shell__ws-name, .p-shell__side[data-collapsed] .p-shell__workspace > svg { display: none; }
  .p-shell__side .p-shell__collapse { all: unset; box-sizing: border-box; flex: none; display: inline-flex; align-items: center; justify-content: center; width: calc(28px * var(--p-ts, 1)); height: calc(28px * var(--p-ts, 1)); margin: 0; padding: 0; border-radius: 6px; color: var(--p-color-text-tertiary); cursor: default; }
  .p-shell__side .p-shell__collapse:focus-visible { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: 1px; }
  @media (hover: hover) and (pointer: fine) { .p-shell__side .p-shell__collapse:hover { background: var(--p-color-ink-a5); color: var(--p-color-text-primary); } }

  
  .p-shell__side .p-shell__cmd, .p-shell[data-variant^="sidebar"] .p-shell__side .p-shell__cmd { width: 100%; height: calc(30px * var(--p-ts, 1)); padding: 0 8px; border-radius: 6px; background: var(--p-color-bg-default); box-shadow: 0 0 0 1px var(--p-color-ink-a8); color: var(--p-color-text-secondary); font-size: calc(13px * var(--p-ts, 1)); }
  @media (hover: hover) and (pointer: fine) { .p-shell__side .p-shell__cmd:hover, .p-shell[data-variant^="sidebar"] .p-shell__side .p-shell__cmd:hover { box-shadow: 0 0 0 1px var(--p-color-ink-a20); } }
  .p-shell__side .p-shell__cmd[data-compact] { width: 100%; justify-content: center; padding: 0; }
  .p-shell__side .p-shell__cmd > svg { color: var(--p-color-text-tertiary); flex: none; }

  
  .p-shell[data-variant^="sidebar"] .p-shell__nav { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
  .p-shell[data-variant^="sidebar"] .p-shell__nav-item { height: calc(30px * var(--p-ts, 1)); }
  
  .p-shell[data-variant^="sidebar"] .p-shell__nav-item[data-active], .p-shell[data-variant^="sidebar"] .p-shell__nav-item[data-active][data-hovered] { background: var(--p-color-bg-default); box-shadow: 0 0 0 1px var(--p-color-ink-a8), var(--pd-xs); font-weight: min(600, var(--p-font-weight-max, 1000)); }
  
  [data-theme="dark"] .p-shell[data-variant^="sidebar"] .p-shell__nav-item[data-active], [data-theme="dark"] .p-shell[data-variant^="sidebar"] .p-shell__nav-item[data-active][data-hovered] { background: var(--p-color-ink-a12); box-shadow: 0 0 0 1px var(--p-color-ink-a8); }
  
  [data-business="b2b"] .p-shell[data-variant^="sidebar"] .p-shell__nav-item[data-active], [data-business="b2b"] .p-shell[data-variant^="sidebar"] .p-shell__nav-item[data-active][data-hovered] { background: var(--p-color-nav-active); box-shadow: inset 0 0 0 1px var(--p-color-nav-active-ring); }
  
  [data-theme="dark"][data-business="b2b"] .p-shell[data-variant^="sidebar"] .p-shell__nav-item[data-active], [data-business="b2b"] [data-theme="dark"] .p-shell[data-variant^="sidebar"] .p-shell__nav-item[data-active], [data-theme="dark"] [data-business="b2b"] .p-shell[data-variant^="sidebar"] .p-shell__nav-item[data-active] { background: color-mix(in oklab, var(--p-color-accent-text) 22%, var(--p-color-bg-canvas)); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-accent-text) 28%, transparent); }
  [data-business="b2b"] .p-shell[data-variant^="sidebar"] .p-shell__nav-item[data-active] .p-shell__icon > svg { color: var(--p-color-nav-active-icon); }

  
  [data-pointer="coarse"] .p-shell[data-variant^="sidebar"] .p-shell__side[data-collapsed] { padding-inline: 4px; }
  [data-pointer="coarse"] .p-shell__side[data-collapsed] .p-shell__side-head { flex-direction: column; align-items: stretch; }
  [data-pointer="coarse"] .p-shell__side .p-shell__collapse { width: var(--p-size-target-coarse); height: var(--p-size-target-coarse); }
  .p-shell__side-foot { flex: none; display: flex; flex-direction: column; gap: 8px; padding-top: 8px; border-top: 1px solid var(--p-color-ink-a6); }
  .p-shell__side-foot .p-shell__help { width: 100%; box-sizing: border-box; }
  .p-shell__side[data-collapsed] .p-shell__side-foot .p-shell__help { justify-content: center; padding: 0; }
  .p-shell__side[data-collapsed] .p-shell__help-text { display: none; }
  .p-shell__account { display: flex; align-items: center; gap: 8px; min-width: 0; height: calc(32px * var(--p-ts, 1)); padding: 0 4px; }
  .p-shell__side[data-collapsed] .p-shell__account { justify-content: center; padding: 0; }
  .p-shell__account-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: calc(13px * var(--p-ts, 1)); font-weight: 500; color: var(--p-color-text-primary); }

  
  .p-shell[data-variant^="sidebar"] .p-shell__content { margin: 0 var(--p-size-panel-gap, 8px) var(--p-size-panel-gap, 8px) 0; }
  .p-shell[data-variant^="sidebar"] .p-shell__top { flex: none; min-height: calc(44px * var(--p-ts, 1)); padding: 0 16px; gap: 12px; border-bottom: 1px solid var(--p-color-ink-a6); background: var(--p-color-bg-panel); }
  .p-shell__crumbs { min-width: 0; flex: 1; }
  .p-shell__crumbs ol { display: flex; align-items: center; min-width: 0; margin: 0; padding: 0; list-style: none; font-size: calc(13px * var(--p-ts, 1)); color: var(--p-color-text-secondary); white-space: nowrap; }
  
  .p-shell__crumbs li { display: flex; align-items: center; min-width: 0; flex: 0 1 auto; }
  .p-shell__crumbs li + li::before { content: "/"; flex: none; margin: 0 8px; color: var(--p-color-text-disabled); }
  .p-shell__crumb { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .p-shell__crumbs li:not(:last-child) { flex-shrink: 1; max-width: 40%; }
  .p-shell__crumbs li:last-child { color: var(--p-color-text-primary); font-weight: 500; flex-shrink: 0.001; }
  .p-shell[data-variant^="sidebar"] .p-shell__top-right { margin-left: auto; }

  
  .p-shell[data-variant^="sidebar"] .p-shell__main { --p-pad: var(--p-layout-gutter-compact); padding-inline: max(var(--p-pad), calc((100% - var(--p-layout-width-content, 128px)) / 2)); }
  @container (min-width: 600px) { .p-shell[data-variant^="sidebar"] .p-shell__main { --p-pad: var(--p-layout-gutter-medium); } }
  @container (min-width: 840px) { .p-shell[data-variant^="sidebar"] .p-shell__main { --p-pad: var(--p-layout-gutter-expanded); } }
  .p-shell[data-variant^="sidebar"] .p-shell__main:has(> .pt-bleed) { padding-inline: 0; }

  
  .p-shell__top[data-b2c] { min-height: calc(56px * var(--p-ts, 1)); padding: 0 24px; gap: 24px; }
  .p-shell__top[data-b2c] .p-shell__topnav { margin-left: 8px; }
  .p-shell__top[data-b2c] .p-shell__cmd[data-compact] { border: 0; box-shadow: none; background: transparent; }
  @container (max-width: 839px) { .p-shell__top[data-b2c] { padding: 0 16px; gap: 12px; } }
}

@layer plain-components {
  .p-shell[data-variant^="sidebar"] .p-shell__body { position: relative; }
  .p-shell__aside { display: flex; flex-direction: column; min-width: 0; min-height: 0; background: var(--p-color-bg-default); overflow: clip; }
  .p-shell[data-variant^="sidebar"] .p-shell__aside { flex: none; width: 384px; margin: 0 var(--p-size-panel-gap, 8px) var(--p-size-panel-gap, 8px) 0; border-radius: 12px; box-shadow: 0 0 0 1px var(--p-color-ink-a8), var(--pd-xs); }
  @container (max-width: 1099px) {
    .p-shell[data-variant^="sidebar"] .p-shell__aside { position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; width: min(384px, calc(100% - 72px)); box-shadow: 0 0 0 1px var(--p-color-ink-a8), var(--p-shadow-overlay); }
  }
  .p-shell:not([data-variant^="sidebar"]) .p-shell__aside { position: absolute; z-index: 5; inset: 0; }
}

@layer plain-components {
  .p-shell__brand { flex: none; white-space: nowrap; }
  .p-shell__toplink { flex: none; white-space: nowrap; }
  .p-shell__label { white-space: nowrap; }
  .p-shell__topnav { min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .p-shell__topnav::-webkit-scrollbar { display: none; }
  .p-shell__topnav .p-shell__toplink:focus-visible { outline-offset: -2px; }
}

@layer plain-components {
  .p-shell__tabs[data-ssr] { display: none; }
  @container (max-width: 599px) {
    .p-shell__tabs[data-ssr] { display: block; }
    .p-shell[data-ssr-tabs] .p-shell__topnav { display: none; }
  }
}

@layer plain-components {
  .p-shell__avatar-btn { position: relative; }
  .p-shell__avatar-badge { position: absolute; top: -2px; right: -2px; pointer-events: none; }
  a.p-shell__brand { color: inherit; text-decoration: none; border-radius: var(--p-radius-4); }
  a.p-shell__brand:focus-visible { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: 2px; }
}

@layer plain-components {
  
  .p-band { box-sizing: border-box; border-radius: var(--p-radius-card); padding: 16px 20px; color: var(--p-color-text-primary); }
  .p-band[data-tone="inverse"] { background: var(--p-color-bg-canvas); }
  
  [data-theme="dark"] .p-band[data-tone="inverse"] { background: var(--p-color-bg-default); box-shadow: inset 0 0 0 1px var(--p-color-ink-a12), var(--p-ring-top); }
  .p-band[data-tone="subtle"] { background: var(--p-color-surface-sunken); box-shadow: inset 0 0 0 1px var(--p-color-ink-a8); }

  
  .p-ticker { font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; }

  
  .p-presence { display: inline-flex; align-items: center; gap: 12px; font-size: 12px; line-height: 16px; color: var(--p-color-text-secondary); }
  .p-presence__stack { display: inline-flex; margin: 0; padding: 0; list-style: none; }
  .p-presence__stack > li { display: inline-flex; margin-inline-start: -4px; }
  .p-presence__stack > li:first-child { margin-inline-start: 0; }
  .p-presence__face { display: inline-flex; border-radius: 50%; box-shadow: 0 0 0 1px var(--p-color-bg-default), 0 0 0 2px var(--p-color-ink-a8); }
  .p-presence__count { align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 4px; box-sizing: border-box; border-radius: 10px; background: var(--p-color-surface-sunken); font-size: 10px; line-height: 20px; font-weight: 500; color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums; }
  .p-presence__edited { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
  .p-presence__edited strong { font-weight: 500; color: var(--p-color-text-primary); }

  
  .p-autosave { display: inline-flex; align-items: center; gap: 6px; min-height: 20px; font-size: 12px; line-height: 16px; color: var(--p-color-text-tertiary); font-variant-numeric: tabular-nums; }
  .p-autosave[data-status="error"] { color: var(--p-color-danger-text); }
  .p-autosave__time { color: var(--p-color-text-tertiary); }
  .p-autosave__retry { all: unset; cursor: pointer; margin-inline-start: 4px; color: var(--p-color-text-link); text-decoration: underline; text-underline-offset: 2px; }
  .p-autosave__retry:focus-visible { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: 2px; border-radius: 2px; }
  .p-autosave { position: relative; }
  .p-autosave:focus { outline: 0; }
  .p-autosave:focus-visible { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: 2px; border-radius: 2px; }
  .p-autosave__layer { display: inline-flex; align-items: center; gap: 6px; }
  
  .p-autosave__layer[data-leaving] { position: absolute; inset-block: 0; inset-inline-start: 0; white-space: nowrap; pointer-events: none; animation: p-autosave-out var(--p-motion-duration-swap) var(--p-motion-easing-exit) both; }
  .p-autosave__layer[data-entering] { animation: p-autosave-in var(--p-motion-duration-swap) var(--p-motion-easing-enter) both; }
  @keyframes p-autosave-out { to { opacity: 0; filter: blur(2px); } }
  @keyframes p-autosave-in { from { opacity: 0; filter: blur(2px); } }
  .p-autosave__check { flex: none; overflow: visible; }
  .p-autosave__check path { stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 0; animation: p-check-draw var(--p-motion-check-draw) var(--p-motion-easing-standard) both; }
  @keyframes p-check-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
  .p-autosave .p-spinner { opacity: 1; }
  .p-autosave .p-spinner svg { width: 12px; height: 12px; }

  
  .p-stream__caret { display: inline-block; width: 2px; height: 1.05em; margin-inline-start: 2px; vertical-align: text-bottom; border-radius: 1px; background: var(--p-color-text-primary); animation: p-caret var(--p-motion-duration-caret-blink) steps(1, end) infinite; }
  @keyframes p-caret { 50% { opacity: 0; } }

  
  .p-insert { display: grid; grid-template-rows: 1fr; transition: grid-template-rows var(--p-motion-duration-row-insert) var(--p-motion-easing-enter); }
  .p-insert__inner { min-height: 0; overflow: hidden; transition: opacity var(--p-motion-duration-insert-content) var(--p-motion-easing-enter), transform var(--p-motion-duration-insert-content) var(--p-motion-easing-enter); }
  @starting-style {
    .p-insert[data-animate] { grid-template-rows: 0fr; }
    .p-insert[data-animate] > .p-insert__inner { opacity: 0; transform: translateY(-4px); }
  }
  @keyframes p-insert-fade { from { opacity: 0; } to { opacity: 1; } }
  
  [data-inserted] { animation: p-insert-fade var(--p-motion-duration-row-insert) var(--p-motion-easing-enter) both; }

  
  .p-slashbox { position: relative; }
  .p-slashbox__input { display: block; box-sizing: border-box; width: 100%; padding: 8px 10px; resize: vertical; font: inherit; font-size: calc(var(--p-field-font-size) * var(--p-ts, 1)); line-height: 20px; color: var(--p-color-text-primary); }
  @media (pointer: coarse) { .p-slashbox__input { font-size: 16px; } }
  .p-slashbox .p-slash { position: absolute; z-index: var(--p-z-popover); inset-inline-start: 0; top: calc(100% + 4px); width: min(320px, 100%); max-height: 260px; overflow: hidden; display: flex; flex-direction: column; padding: 0; }
  .p-slash .p-command__list { padding: 4px; }
  .p-slash__item { height: auto; min-height: 36px; padding-block: 4px; }
  .p-slash__text { display: flex; flex-direction: column; flex: 1; min-width: 0; }
  .p-slash__hint { font-size: 12px; line-height: 16px; color: var(--p-color-text-tertiary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .p-slash__item .p-menu__shortcut { padding-left: 8px; }

  @media (prefers-reduced-motion: reduce) {
    .p-stream__caret { animation: none; }
    .p-insert, .p-insert__inner { transition: none; }
    [data-inserted] { animation: none; }
    .p-autosave__layer[data-entering], .p-autosave__check path { animation: none; }
  }
  [data-reduced-motion="true"] :is(.p-stream__caret, [data-inserted], .p-autosave__layer[data-entering], .p-autosave__check path) { animation: none; }
  [data-reduced-motion="true"] :is(.p-insert, .p-insert__inner) { transition: none; }
}

@layer plain-components {
  .p-cite-vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

  
  .p-cite {
    display: inline-grid; place-items: center; box-sizing: border-box;
    min-width: calc(17px * var(--p-ts, 1)); height: calc(17px * var(--p-ts, 1)); padding: 0 4px; margin: 0 4px 0 2px;
    border-radius: 5px; vertical-align: 0.2em;
    font-family: var(--p-font-family-sans); font-size: calc(11px * var(--p-ts, 1)); line-height: 1; font-weight: min(600, var(--p-font-weight-max, 1000)); font-variant-numeric: tabular-nums; letter-spacing: 0;
    color: var(--p-color-text-secondary); background: var(--p-color-ink-a6); text-decoration: none; cursor: pointer;
    transition: background-color 120ms var(--p-motion-easing-standard, ease), color 120ms var(--p-motion-easing-standard, ease);
  }
  @media (hover: hover) and (pointer: fine) { .p-cite:hover { background: var(--p-color-ink-a12); color: var(--p-color-text-primary); } }
  .p-cite:focus-visible { outline: 2px solid var(--p-color-focus-ring); outline-offset: 1px; }
  
  :is([data-narrow], [data-compact]) .p-cite { position: relative; min-width: calc(20px * var(--p-ts, 1)); height: calc(20px * var(--p-ts, 1)); font-size: calc(12px * var(--p-ts, 1)); vertical-align: 0.1em; }
  :is([data-narrow], [data-compact]) .p-cite::after { content: ""; position: absolute; inset: -10px -6px; }
  @media (pointer: coarse) { .p-cite { position: relative; } .p-cite::after { content: ""; position: absolute; inset: -12px -6px; } }
  .p-cite[data-active] { background: var(--p-color-text-primary); color: var(--p-color-text-inverse); }
  .p-cite[data-status="review"]:not([data-active]), .p-cite[data-status="stale"]:not([data-active]) { box-shadow: inset 0 0 0 1px var(--p-color-warning-solid); }
  .p-cite[data-status="withdrawn"]:not([data-active]) { box-shadow: inset 0 0 0 1px var(--p-color-danger-solid); }
  
  .p-cite:is([data-status="review"], [data-status="stale"], [data-status="withdrawn"]) { margin-inline-start: 4px; }

  
  .p-cite-card__positioner { z-index: var(--p-z-popover); }
  .p-cite-card {
    box-sizing: border-box; width: 320px; max-width: calc(100vw - 16px); padding: 12px 14px;
    font-size: calc(13px * var(--p-ts, 1)); line-height: calc(19px * var(--p-ts, 1));
    transition: opacity 140ms var(--p-motion-easing-enter, ease-out);
  }
  .p-cite-card[data-starting-style], .p-cite-card[data-ending-style] { opacity: 0; }
  [data-input="keyboard"] .p-cite-card { transition-duration: 0ms; }

  
  .p-cite-src { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
  .p-cite-src__head { display: flex; align-items: flex-start; gap: 8px; min-width: 0; }
  .p-cite-src__n {
    flex: none; display: inline-grid; place-items: center; min-width: calc(18px * var(--p-ts, 1)); height: calc(18px * var(--p-ts, 1)); padding: 0 4px; box-sizing: border-box;
    border-radius: 5px; background: var(--p-color-ink-a6); color: var(--p-color-text-secondary);
    font-size: calc(11px * var(--p-ts, 1)); line-height: 1; font-weight: min(600, var(--p-font-weight-max, 1000)); font-variant-numeric: tabular-nums; margin-top: 1px;
  }
  .p-cite-src__title { min-width: 0; font-weight: min(600, var(--p-font-weight-max, 1000)); color: var(--p-color-text-primary); overflow-wrap: anywhere; }
  .p-cite-src__where { font-size: calc(12px * var(--p-ts, 1)); line-height: calc(16px * var(--p-ts, 1)); color: var(--p-color-text-tertiary); overflow-wrap: anywhere; }
  .p-cite-src__quote {
    margin: 0; padding: 6px 10px; border-radius: 6px; background: var(--p-color-ink-a4);
    color: var(--p-color-text-secondary); font-size: calc(13px * var(--p-ts, 1)); line-height: calc(19px * var(--p-ts, 1)); overflow-wrap: anywhere;
  }
  .p-cite-src__quote::before { content: open-quote; }
  .p-cite-src__quote::after { content: close-quote; }
  .p-cite-src__foot { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
  .p-cite-src__open { display: inline-flex; align-items: center; gap: 4px; font-size: calc(12px * var(--p-ts, 1)); font-weight: 500; color: var(--p-color-text-link); text-decoration: none; border-radius: 4px; }
  .p-cite-src__open svg { width: 12px; height: 12px; }
  @media (hover: hover) and (pointer: fine) { .p-cite-src__open:hover { text-decoration: underline; } }
  .p-cite-src__open:focus-visible { outline: 2px solid var(--p-color-focus-ring); outline-offset: 1px; }

  .p-cite-status {
    display: inline-flex; align-items: center; gap: 6px; height: calc(20px * var(--p-ts, 1)); padding: 0 8px; border-radius: 5px; white-space: nowrap;
    font-size: calc(12px * var(--p-ts, 1)); line-height: 1; font-weight: 500; color: var(--p-color-text-secondary); background: var(--p-color-ink-a6);
  }
  .p-cite-status[data-tone="success"] { color: var(--p-color-success-text); background: var(--p-color-success-tint); }
  .p-cite-status[data-tone="warning"] { color: var(--p-color-warning-text); background: var(--p-color-warning-tint); }
  .p-cite-status[data-tone="danger"] { color: var(--p-color-danger-text); background: var(--p-color-danger-tint); }

  
  .p-source-chip {
    all: unset; box-sizing: border-box; display: inline-flex; align-items: center; gap: 6px; max-width: 100%; min-width: 0;
    height: calc(22px * var(--p-ts, 1)); padding: 0 8px 0 6px; border-radius: 6px;
    background: var(--p-color-bg-default); box-shadow: inset 0 0 0 1px var(--p-color-ink-a12);
    font-size: calc(12px * var(--p-ts, 1)); line-height: 1; font-weight: 500; color: var(--p-color-text-secondary); white-space: nowrap; vertical-align: middle;
  }
  .p-source-chip svg { flex: none; width: 13px; height: 13px; color: var(--p-color-text-tertiary); }
  .p-source-chip__t { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  .p-source-chip__l { flex: none; color: var(--p-color-text-tertiary); font-weight: 400; }
  .p-source-chip__flag { flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--p-color-warning-solid); }
  .p-source-chip__flag[data-tone="danger"] { background: var(--p-color-danger-solid); }
  .p-source-chip__flag[data-tone="neutral"] { background: var(--p-color-text-tertiary); }
  button.p-source-chip, a.p-source-chip { cursor: pointer; }
  @media (hover: hover) and (pointer: fine) { button.p-source-chip:hover, a.p-source-chip:hover { background: var(--p-color-ink-a4); color: var(--p-color-text-primary); } }
  .p-source-chip:focus-visible { outline: 2px solid var(--p-color-focus-ring); outline-offset: 1px; }
  .p-source-chip[data-active] { box-shadow: inset 0 0 0 1.5px var(--p-color-text-primary); color: var(--p-color-text-primary); }

  
  .p-cite-rail { min-width: 0; }
  .p-cite-rail__h { display: flex; align-items: baseline; gap: 6px; margin: 0 0 8px; font-size: calc(12px * var(--p-ts, 1)); line-height: calc(16px * var(--p-ts, 1)); font-weight: 500; color: var(--p-color-text-tertiary); }
  .p-cite-rail__n { font-variant-numeric: tabular-nums; }
  .p-cite-rail__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
  .p-cite-rail__item { position: relative; border-radius: 8px; padding: 2px 0 8px; scroll-margin: 12px; }
  .p-cite-rail__item[data-active] { background: var(--p-color-ink-a6); }
  .p-cite-rail__hit {
    all: unset; box-sizing: border-box; display: flex; align-items: flex-start; gap: 8px; width: 100%; padding: 6px 10px 2px; border-radius: 8px; cursor: pointer;
    font-size: calc(13px * var(--p-ts, 1)); line-height: calc(19px * var(--p-ts, 1)); font-weight: min(600, var(--p-font-weight-max, 1000)); color: var(--p-color-text-primary);
  }
  .p-cite-rail__hit:focus-visible { outline: 2px solid var(--p-color-focus-ring); outline-offset: -2px; }
  .p-cite-rail__item[data-active] .p-cite-src__n { background: var(--p-color-text-primary); color: var(--p-color-text-inverse); }
  @media (hover: hover) and (pointer: fine) { .p-cite-rail__item:not([data-active]):hover { background: var(--p-color-ink-a3); } }
  .p-cite-rail__title { min-width: 0; overflow-wrap: anywhere; }
  .p-cite-rail__body { padding: 2px 10px 0 calc(20px * var(--p-ts, 1) + 20px); min-width: 0; }
  .p-cite-rail[data-variant="footnotes"] .p-cite-rail__item { padding-bottom: 6px; }
  .p-cite-rail[data-variant="footnotes"] .p-cite-rail__hit { font-size: calc(14px * var(--p-ts, 1)); line-height: calc(20px * var(--p-ts, 1)); padding-top: 8px; }
  .p-cite-rail[data-variant="footnotes"] .p-cite-src__quote { font-size: calc(14px * var(--p-ts, 1)); line-height: calc(20px * var(--p-ts, 1)); }

  
  .p-held {
    color: inherit; background: var(--p-color-warning-tint); border-radius: 3px; padding: 2px 0; box-decoration-break: clone; -webkit-box-decoration-break: clone;
    text-decoration: underline dashed var(--p-color-warning-solid); text-decoration-thickness: 1.5px; text-underline-offset: 3px;
  }
  .p-held[data-active] { box-shadow: 0 0 0 2px var(--p-color-warning-solid); }
  .p-held[data-tone="resolved"] { background: var(--p-color-ink-a5); color: var(--p-color-text-tertiary); text-decoration: line-through var(--p-color-text-tertiary); }
  .p-held[tabindex]:focus-visible { outline: 2px solid var(--p-color-focus-ring); outline-offset: 2px; }

  @media (prefers-reduced-motion: reduce) { .p-cite, .p-cite-card { transition: none; } }
  @media (forced-colors: active) {
    .p-cite { border: 1px solid LinkText; }
    .p-cite[data-active] { forced-color-adjust: none; background: Highlight; color: HighlightText; }
    .p-held { outline: 1px dashed Mark; }
    .p-cite-rail__item[data-active] { outline: 2px solid Highlight; }
  }
}

@layer plain-components {
  .p-diff {
    --p-diff-del-bg: var(--p-color-danger-tint);
    --p-diff-del-fg: var(--p-color-danger-text);
    --p-diff-add-bg: var(--p-color-success-tint);
    --p-diff-add-fg: var(--p-color-success-text);
    --p-diff-marker: var(--p-color-warning-solid);
    --p-diff-head: var(--p-color-surface-sunken);
    container-type: inline-size; container-name: p-diff;
    display: flex; flex-direction: column; gap: 10px; min-width: 0;
    color: var(--p-color-text-primary); font-size: calc(13px * var(--p-ts, 1)); line-height: calc(19px * var(--p-ts, 1));
  }
  .p-diff__sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
  .p-diff__mono { font-family: var(--p-font-family-mono); font-size: 0.93em; }

  
  .p-diff__sum { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border-radius: 10px; background: color-mix(in srgb, var(--p-diff-c, transparent) 7%, var(--p-color-surface-sunken)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--p-diff-c, var(--p-color-ink-a24)) 30%, transparent); min-width: 0; }
  .p-diff__sum[data-tone="success"] { --p-diff-c: var(--p-color-success-solid); }
  .p-diff__sum[data-tone="warning"] { --p-diff-c: var(--p-color-warning-solid); }
  .p-diff__sum[data-tone="danger"] { --p-diff-c: var(--p-color-danger-solid); }
  .p-diff__sum[data-tone="info"] { --p-diff-c: var(--p-color-info-solid); }
  .p-diff__sum[data-tone="accent"] { --p-diff-c: var(--p-color-accent-action, var(--p-color-accent-solid)); }
  .p-diff__sumt { font-size: calc(15px * var(--p-ts, 1)); line-height: calc(21px * var(--p-ts, 1)); font-weight: min(600, var(--p-font-weight-max, 1000)); letter-spacing: -0.005em; overflow-wrap: anywhere; }
  .p-diff__sumd { color: var(--p-color-text-secondary); overflow-wrap: anywhere; }

  
  .p-diff__bar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; min-width: 0; }
  .p-diff__spacer { flex: 1 1 0; min-width: 0; }
  .p-diff__tabs { display: inline-flex; gap: 2px; padding: 2px; border-radius: 8px; background: var(--p-color-ink-a6); min-width: 0; overflow-x: auto; }
  .p-diff__tab { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 0 10px; border: 0; border-radius: 6px; background: transparent; color: var(--p-color-text-secondary); font: inherit; font-size: calc(12px * var(--p-ts, 1)); font-weight: 500; white-space: nowrap; cursor: pointer; }
  .p-diff__tab[aria-selected="true"] { background: var(--p-color-bg-default); color: var(--p-color-text-primary); box-shadow: 0 0 0 1px var(--p-color-ink-a8), var(--pd-xs, none); }
  
  [data-theme="dark"] .p-diff__tab[aria-selected="true"] { background: var(--p-color-ink-a12); }
  .p-diff__tab:focus-visible { outline: 2px solid var(--p-color-focus-ring); outline-offset: 1px; }
  .p-diff__tabdot { width: 6px; height: 6px; border-radius: 50%; background: var(--p-diff-marker); }
  
  .p-diff .p-diff__bar [data-plain="segmented"][data-size] { --_h: 32px; --_fs: 12px; }
  .p-diff .p-diff__nav [data-plain="button"][data-size] { --_h: 36px; width: 36px; min-width: 36px; height: 36px; min-height: 36px; }
  .p-diff__nav { display: inline-flex; align-items: center; gap: 2px; flex: none; }
  .p-diff__navl { margin-right: 6px; color: var(--p-color-text-secondary); font-size: calc(12px * var(--p-ts, 1)); font-variant-numeric: tabular-nums; white-space: nowrap; }
  .p-diff[data-compact] .p-diff__bar { flex-wrap: nowrap; gap: 8px; }
  .p-diff[data-compact] .p-diff__navl { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

  
  .p-diff__panes, .p-diff__card { border-radius: 10px; background: var(--p-color-bg-default); box-shadow: 0 0 0 1px var(--p-color-ink-a8), var(--pd-xs, none); overflow: clip; min-width: 0; }
  .p-diff__panes { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .p-diff__pane { display: flex; flex-direction: column; min-width: 0; container-type: inline-size; }
  .p-diff__pane + .p-diff__pane { border-left: 1px solid var(--p-color-ink-a8); }
  @container p-diff (max-width: 719px) {
    .p-diff__panes { grid-template-columns: minmax(0, 1fr); }
    .p-diff__pane + .p-diff__pane { border-left: 0; border-top: 1px solid var(--p-color-ink-a8); }
    
    .p-diff__panes .p-diff__scroll { max-height: min(30vh, 264px); }
  }

  .p-diff__head { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 4px 6px 4px 12px; border-bottom: 1px solid var(--p-color-ink-a8); min-width: 0; font-size: calc(12px * var(--p-ts, 1)); line-height: calc(16px * var(--p-ts, 1)); }
  .p-diff__role { flex: none; font-weight: min(600, var(--p-font-weight-max, 1000)); white-space: nowrap; }
  .p-diff__role::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 2px; margin-right: 6px; background: var(--p-color-danger-solid); }
  .p-diff__role[data-side="after"]::before { background: var(--p-color-success-solid); }
  .p-diff__more { font-weight: 400; color: var(--p-color-text-tertiary); }
  .p-diff__file { display: inline-flex; align-items: center; gap: 6px; flex: 1 1 auto; min-width: 0; }
  .p-diff__tile { flex: none; display: inline-grid; place-items: center; min-width: 28px; height: 20px; padding: 0 4px; border-radius: 4px; font-size: 9px; line-height: 1; font-weight: min(700, var(--p-font-weight-max, 1000)); letter-spacing: 0.04em; color: var(--p-color-text-secondary); background: var(--p-color-ink-a6); }
  .p-diff__tile[data-format="xlsx"] { color: var(--p-color-success-text); background: var(--p-color-ink-a5); }
  .p-diff__tile[data-format="docx"] { color: var(--p-color-info-text); background: var(--p-color-ink-a5); }
  .p-diff__tile[data-format="pdf"] { color: var(--p-color-danger-text); background: var(--p-color-ink-a5); }
  .p-diff__tile[data-format="pptx"] { color: var(--p-color-warning-text); background: var(--p-color-ink-a5); }
  .p-diff__name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--p-font-family-mono); color: var(--p-color-text-secondary); }
  .p-diff__size { flex: none; color: var(--p-color-text-tertiary); white-space: nowrap; }
  .p-diff__counts { display: inline-flex; align-items: center; gap: 8px; flex: none; font-family: var(--p-font-family-mono); font-weight: 500; font-variant-numeric: tabular-nums; white-space: nowrap; }
  .p-diff__counts [data-kind="added"] { color: var(--p-diff-add-fg); }
  .p-diff__counts [data-kind="removed"] { color: var(--p-diff-del-fg); }
  .p-diff__unch { font-family: var(--p-font-family-sans, inherit); font-weight: 400; color: var(--p-color-text-tertiary); }
  .p-diff__acts { display: inline-flex; flex: none; }
  .p-diff__ib { display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: 6px; color: var(--p-color-text-secondary); text-decoration: none; }
  .p-diff__ib[aria-disabled="true"] { color: var(--p-color-text-tertiary); cursor: not-allowed; } 
  .p-diff__ib:focus-visible { outline: 2px solid var(--p-color-focus-ring); outline-offset: -2px; }
  @media (hover: hover) and (pointer: fine) {
    a.p-diff__ib:hover { background: var(--p-color-ink-a6); color: var(--p-color-text-primary); }
    .p-diff__tab[aria-selected="false"]:hover { color: var(--p-color-text-primary); }
    .p-diff__cloc:hover .p-diff__cname, .p-diff__cloc:hover .p-diff__mono { text-decoration: underline; text-underline-offset: 2px; }
  }
  
  @container (max-width: 459px) {
    .p-diff__more, .p-diff__size, .p-diff__unch { display: none; }
  }

  .p-diff__scroll { position: relative; overflow: auto; max-height: min(62vh, 560px); min-height: 160px; overscroll-behavior: contain; background: var(--p-color-bg-default); }
  .p-diff__scroll:focus-visible { outline: 2px solid var(--p-color-focus-ring); outline-offset: -2px; }
  .p-diff__placeholder { display: flex; align-items: center; justify-content: center; min-height: 220px; padding: 24px; background: var(--p-color-surface-sunken); color: var(--p-color-text-secondary); text-align: center; flex: 1; }
  .p-diff__placeholder p, .p-diff__empty { margin: 0; }
  .p-diff__empty { padding: 20px; color: var(--p-color-text-secondary); }
  .p-diff__data { margin: 0; padding: 8px 12px; font: 400 12px/1.6 var(--p-font-family-mono); white-space: pre-wrap; overflow-wrap: anywhere; }

  
  .p-diff__grid { border-collapse: separate; border-spacing: 0; min-width: 100%; font-size: calc(12px * var(--p-ts, 1)); line-height: calc(16px * var(--p-ts, 1)); font-variant-numeric: tabular-nums; }
  .p-diff__grid th, .p-diff__grid td { box-sizing: border-box; height: calc(30px * var(--p-ts, 1)); padding: 4px 8px; border-right: 1px solid var(--p-color-ink-a6); border-bottom: 1px solid var(--p-color-ink-a6); text-align: left; vertical-align: middle; white-space: nowrap; }
  .p-diff__grid td { min-width: 96px; max-width: 240px; overflow: hidden; text-overflow: ellipsis; }
  .p-diff__grid thead th { position: sticky; top: 0; z-index: 2; height: calc(24px * var(--p-ts, 1)); background: var(--p-diff-head); color: var(--p-color-text-tertiary); font-weight: 500; text-align: center; }
  .p-diff__grid tbody th { position: sticky; left: 0; z-index: 1; width: 40px; min-width: 40px; background: var(--p-diff-head); color: var(--p-color-text-tertiary); font-weight: 500; text-align: center; }
  .p-diff__grid thead th.p-diff__corner { left: 0; z-index: 3; }
  
  .p-diff__grid .p-diff__fill { width: 100%; min-width: 0; max-width: none; padding: 0; border-right: 0; }
  .p-diff__grid thead .p-diff__fill { position: sticky; top: 0; z-index: 2; background: var(--p-diff-head); }
  .p-diff__grid td[data-numeric] { font-family: var(--p-font-family-mono); text-align: right; }
  .p-diff__grid td[data-formula] { font-family: var(--p-font-family-mono); color: var(--p-color-text-tertiary); }
  .p-diff__grid td[data-diff="removed"] { background: var(--p-diff-del-bg); color: var(--p-diff-del-fg); }
  .p-diff__grid td[data-diff="added"] { background: var(--p-diff-add-bg); color: var(--p-diff-add-fg); }
  .p-diff__grid td[data-changed] { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--p-diff-marker) 55%, transparent); }
  .p-diff__grid td[data-current] { box-shadow: inset 0 0 0 2px var(--p-diff-marker); }
  .p-diff__v { display: block; }
  
  .p-diff__grid td .p-diff__v, .p-diff__grid td .p-diff__was { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  td[data-changed] .p-diff__v { font-weight: min(600, var(--p-font-weight-max, 1000)); }
  .p-diff__was { display: block; margin-top: 1px; font-family: var(--p-font-family-sans, inherit); font-size: calc(11px * var(--p-ts, 1)); line-height: calc(14px * var(--p-ts, 1)); font-weight: 400; color: var(--p-color-text-secondary); }

  
  .p-diff__scroll[data-kind="text"] { padding: 8px 0; }
  .p-diff__text { display: flex; flex-direction: column; }
  .p-diff__group + .p-diff__group { margin-top: 8px; padding-top: 8px; border-top: 1px dashed var(--p-color-ink-a10, var(--p-color-ink-a8)); }
  .p-diff__glabel { margin: 4px 12px 6px; font-size: calc(12px * var(--p-ts, 1)); font-weight: 500; color: var(--p-color-text-tertiary); }
  .p-diff__blocks { list-style: none; margin: 0; padding: 0; }
  .p-diff__block { margin: 0; padding: 4px 12px; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.6; }
  .p-diff__block[data-diff="removed"] { background: var(--p-diff-del-bg); color: var(--p-diff-del-fg); }
  .p-diff__block[data-diff="added"] { background: var(--p-diff-add-bg); color: var(--p-diff-add-fg); }
  .p-diff__block[data-strike] { text-decoration: line-through; text-decoration-thickness: 1px; }
  .p-diff__block[data-current] { box-shadow: inset 0 0 0 1px var(--p-diff-marker); border-radius: 4px; }
  .p-diff__word { border-radius: 3px; padding: 0 2px; text-decoration: none; font-weight: min(600, var(--p-font-weight-max, 1000)); }
  .p-diff__word[data-op="del"] { background: color-mix(in srgb, var(--p-color-danger-solid) 18%, transparent); color: var(--p-diff-del-fg); text-decoration: line-through; text-decoration-thickness: 1px; }
  .p-diff__word[data-op="ins"] { background: color-mix(in srgb, var(--p-color-success-solid) 18%, transparent); color: var(--p-diff-add-fg); }
  .p-diff__text[data-unit="slide"] { padding: 4px 12px 8px; }
  .p-diff__text[data-unit="slide"] .p-diff__group + .p-diff__group { border-top: 0; }
  .p-diff__text[data-unit="slide"] .p-diff__glabel { margin: 0 0 6px; }
  .p-diff__slide { display: flex; flex-direction: column; justify-content: center; aspect-ratio: 16 / 9; padding: 5% 6%; border-radius: 6px; background: var(--p-color-bg-default); box-shadow: 0 0 0 1px var(--p-color-ink-a12), var(--pd-xs, none); }
  .p-diff__slide[data-changed] { box-shadow: 0 0 0 1px var(--p-color-ink-a12), 0 0 0 3px color-mix(in srgb, var(--p-diff-marker) 45%, transparent); }
  .p-diff__slide .p-diff__block { border-radius: 4px; padding: 2px 8px; }
  .p-diff__slide .p-diff__block[data-first] { font-size: calc(16px * var(--p-ts, 1)); line-height: 1.35; font-weight: min(600, var(--p-font-weight-max, 1000)); }
  .p-diff__trunc { margin: 8px 12px; color: var(--p-color-text-tertiary); font-size: calc(12px * var(--p-ts, 1)); }

  
  .p-diff__listwrap { max-height: min(62vh, 560px); overflow: auto; }
  .p-diff__clist { list-style: none; margin: 0; padding: 0; }
  .p-diff__citem { padding: 10px 14px; }
  .p-diff__citem + .p-diff__citem { border-top: 1px solid var(--p-color-ink-a6); }
  .p-diff__citem[data-current] { background: color-mix(in srgb, var(--p-diff-marker) 9%, transparent); }
  .p-diff__cloc { display: flex; align-items: baseline; gap: 8px; width: 100%; padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
  .p-diff__cloc:focus-visible { outline: 2px solid var(--p-color-focus-ring); outline-offset: 2px; border-radius: 4px; }
  .p-diff__cname { font-weight: 500; }
  .p-diff__ckind { margin-left: auto; flex: none; color: var(--p-color-text-tertiary); font-size: calc(12px * var(--p-ts, 1)); }
  .p-diff__cwhere { margin-top: 2px; color: var(--p-color-text-tertiary); font-size: calc(12px * var(--p-ts, 1)); }
  .p-diff__cline { display: grid; grid-template-columns: 14px minmax(0, 1fr); gap: 4px; margin-top: 4px; padding: 4px 8px; border-radius: 4px; font-family: var(--p-font-family-mono); font-size: calc(12px * var(--p-ts, 1)); overflow-wrap: anywhere; }
  .p-diff__cline[data-diff="removed"] { background: var(--p-diff-del-bg); color: var(--p-diff-del-fg); }
  .p-diff__cline[data-diff="added"] { background: var(--p-diff-add-bg); color: var(--p-diff-add-fg); }
}

@layer plain-components {
  .p-verdict {
    --p-vd-c: var(--p-color-text-secondary);
    --p-vd-ink: var(--p-color-text-secondary);
    box-sizing: border-box; display: inline-flex; align-items: center; gap: 6px; max-width: 100%; min-width: 0; vertical-align: middle;
    color: var(--p-vd-ink); font-size: calc(12px * var(--p-ts, 1)); line-height: calc(16px * var(--p-ts, 1)); font-weight: 500; letter-spacing: 0; white-space: nowrap;
  }
  .p-verdict[data-tone="danger"] { --p-vd-c: var(--p-color-danger-solid, var(--p-color-danger-text)); --p-vd-ink: var(--p-color-danger-text); }
  .p-verdict[data-tone="warning"] { --p-vd-c: var(--p-color-warning-solid, var(--p-color-warning-text)); --p-vd-ink: var(--p-color-warning-text); }
  .p-verdict[data-tone="info"] { --p-vd-c: var(--p-color-info-solid, var(--p-color-info-text)); --p-vd-ink: var(--p-color-info-text); }
  .p-verdict[data-tone="success"] { --p-vd-c: var(--p-color-success-solid, var(--p-color-success-text)); --p-vd-ink: var(--p-color-success-text); }
  .p-verdict[data-tone="neutral"] { --p-vd-c: var(--p-color-text-tertiary); --p-vd-ink: var(--p-color-text-secondary); }
  .p-verdict > .p-verdict-icon { flex: none; color: var(--p-vd-ink); }
  .p-verdict__text { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  .p-verdict__detail { color: var(--p-color-text-tertiary); font-weight: 400; }
  .p-verdict__detail::before { content: "\00b7"; margin: 0 4px 0 -1px; }
  .p-verdict__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

  .p-verdict[data-variant="pill"] { height: calc(22px * var(--p-ts, 1)); padding: 0 8px 0 6px; border-radius: 6px; background: color-mix(in srgb, var(--p-vd-c) 11%, transparent); }
  .p-verdict[data-variant="pill"][data-tone="neutral"] { background: var(--p-color-ink-a6); }
  
  .p-verdict[data-variant="pill"]:not([data-tone="danger"]) { background: none; padding-inline: 0; }
  .p-verdict[data-variant="pill"][data-tone="success"] .p-verdict__text, .p-verdict[data-variant="pill"][data-tone="neutral"] .p-verdict__text { color: var(--p-color-text-secondary); }
  .p-verdict[data-variant="pill"][data-tone="warning"] .p-verdict__text, .p-verdict[data-variant="pill"][data-tone="info"] .p-verdict__text { color: var(--p-color-text-primary); }
  .p-verdict[data-variant="pill"][data-size="sm"] { height: calc(20px * var(--p-ts, 1)); padding: 0 6px 0 4px; gap: 4px; }
  .p-verdict[data-size="lg"] { gap: 6px; font-size: calc(14px * var(--p-ts, 1)); line-height: calc(20px * var(--p-ts, 1)); font-weight: min(600, var(--p-font-weight-max, 1000)); }
  .p-verdict[data-variant="pill"][data-size="lg"] { height: calc(30px * var(--p-ts, 1)); padding: 0 12px 0 10px; border-radius: 8px; }
  .p-verdict[data-variant="inline"] .p-verdict__text { color: var(--p-vd-ink); }
  .p-verdict[data-variant="icon"] { gap: 0; }

  
  .p-vmatrix { position: relative; overflow: auto; min-width: 0; max-width: 100%; overscroll-behavior: contain; background: var(--p-color-bg-default); }
  .p-vmatrix__grid { border-collapse: separate; border-spacing: 0; min-width: 100%; font-size: calc(13px * var(--p-ts, 1)); line-height: calc(18px * var(--p-ts, 1)); color: var(--p-color-text-primary); }
  .p-vmatrix th, .p-vmatrix td { box-sizing: border-box; padding: 0 12px; border-bottom: 1px solid var(--p-color-ink-a6); text-align: left; vertical-align: middle; font-weight: 400; background: var(--p-color-bg-default); }
  .p-vmatrix__grid tbody tr > * { height: calc(40px * var(--p-ts, 1)); }
  .p-vmatrix[data-density="compact"] .p-vmatrix__grid tbody tr > * { height: calc(32px * var(--p-ts, 1)); }

  .p-vmatrix thead th { position: sticky; top: 0; z-index: 2; height: calc(32px * var(--p-ts, 1)); border-bottom-color: var(--p-color-ink-a8); background: var(--p-color-surface-sunken, var(--p-color-bg-canvas)); font-size: calc(12px * var(--p-ts, 1)); font-weight: 500; color: var(--p-color-text-tertiary); white-space: nowrap; }
  .p-vmatrix__row { position: sticky; left: 0; z-index: 1; min-width: calc(200px * var(--p-ts, 1)); max-width: calc(280px * var(--p-ts, 1)); box-shadow: inset -1px 0 0 var(--p-color-ink-a8); }
  .p-vmatrix thead .p-vmatrix__corner { left: 0; z-index: 3; box-shadow: inset -1px 0 0 var(--p-color-ink-a8); }
  .p-vmatrix__col { min-width: calc(112px * var(--p-ts, 1)); }
  .p-vmatrix__col[data-selected] { color: var(--p-color-text-primary); }
  .p-vmatrix__colhead { display: inline-flex; align-items: center; gap: 6px; }

  .p-vmatrix__cell { cursor: default; outline: none; position: relative; }
  .p-vmatrix__cell:focus-visible { box-shadow: inset 0 0 0 2px var(--p-color-focus-ring); }
  .p-vmatrix__cell[aria-selected="true"] { background: var(--p-color-ink-a5); box-shadow: inset 0 0 0 1.5px var(--p-color-accent-solid, var(--p-color-text-primary)); }
  .p-vmatrix__cell[aria-selected="true"]:focus-visible { box-shadow: inset 0 0 0 2px var(--p-color-focus-ring); }
  .p-vmatrix tbody tr[data-selected] > .p-vmatrix__row { background: var(--p-color-ink-a5); background: color-mix(in srgb, var(--p-color-text-primary) 4%, var(--p-color-bg-default)); }
  @media (hover: hover) and (pointer: fine) {
    .p-vmatrix__cell:hover { background: var(--p-color-ink-a4); }
    .p-vmatrix__cell[aria-selected="true"]:hover { background: var(--p-color-ink-a6); }
  }

  .p-vmatrix tfoot th, .p-vmatrix tfoot td { position: sticky; bottom: 0; z-index: 1; height: calc(40px * var(--p-ts, 1)); border-top: 1px solid var(--p-color-ink-a12); border-bottom: 0; background: var(--p-color-surface-sunken, var(--p-color-bg-canvas)); font-size: calc(12px * var(--p-ts, 1)); color: var(--p-color-text-secondary); white-space: nowrap; }
  .p-vmatrix tfoot .p-vmatrix__foothead { z-index: 2; font-weight: 500; }

  @media (prefers-reduced-motion: reduce) { .p-vmatrix { scroll-behavior: auto; } }
  @media (forced-colors: active) {
    .p-verdict[data-variant="pill"] { border: 1px solid CanvasText; }
    .p-vmatrix__cell[aria-selected="true"] { outline: 2px solid Highlight; outline-offset: -2px; }
  }
}

@layer plain-components {
  
  [data-plain="money-field"] [data-plain="field"] [data-slot="control"] { justify-content: flex-end; gap: 0; }
  [data-plain="money-field"] [data-plain="field"] [data-slot="prefix"] { gap: 0; }
  [data-plain="money-field"] [data-plain="field"] [data-money-input] {
    flex: 0 1 auto; field-sizing: content; min-width: 0; max-width: 100%; text-align: end; font-variant-numeric: tabular-nums; text-overflow: clip;
  }
  [data-plain="money-field"] [data-plain="field"] [data-money-input]::placeholder { text-align: end; }
  @supports not (field-sizing: content) {
    [data-plain="money-field"] [data-plain="field"] [data-money-input] { flex: 1 1 auto; }
    [data-plain="money-field"] [data-plain="field"] [data-slot="prefix"] { margin-inline-end: auto; }
  }
  
  [data-plain="money-field"]:not([data-empty]) [data-plain="field"] [data-slot="prefix"] { color: inherit; }
  
  [data-plain="money-field"] [data-plain="field"] [data-slot="control"][data-readonly] { justify-content: flex-end; border-color: transparent; background: transparent; box-shadow: none; }

  
  [data-plain="money-field"][data-inline] [data-plain="field"] {
    display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--p-space-12); row-gap: 0; align-items: center; --_fs: var(--p-type-label-m-size); --_lh: var(--p-type-label-m-line-height); --_h: var(--p-size-control-sm);
  }
  [data-pointer="coarse"] [data-plain="money-field"][data-inline] [data-plain="field"] { --_h: var(--p-size-target-coarse); --_fs: max(16px, var(--p-type-label-m-size)); --_lh: max(22px, var(--p-type-label-m-line-height)); }
  [data-plain="money-field"][data-inline] [data-plain="field"] > [data-slot="label"] {
    grid-column: 1; font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: 400; color: var(--p-color-text-secondary); word-break: keep-all; overflow-wrap: break-word;
  }
  [data-plain="money-field"][data-inline] [data-plain="field"] > [data-slot="control"] { grid-column: 2; width: 9.5rem; margin-block: 1px; border-color: transparent; background: transparent; box-shadow: none; }
  [data-plain="money-field"][data-inline] [data-plain="field"] > [data-slot="message"] { grid-column: 1 / -1; justify-self: end; }
  [data-plain="money-field"][data-inline] [data-plain="field"] > [data-slot="message"]:not(:has(*)) { display: none; }
  @media (hover: hover) and (pointer: fine) {
    [data-plain="money-field"][data-inline] [data-plain="field"] > [data-slot="control"]:hover:not([data-disabled], [data-readonly], :focus-within) { border-color: var(--p-color-field-border-readonly-hover); background: var(--p-color-ink-a3); }
  }
  [data-plain="money-field"][data-inline] [data-plain="field"] > [data-slot="control"]:is([data-focus-visible], :focus-within) { border-color: var(--p-color-field-border-focus); background: var(--p-color-field-bg); box-shadow: var(--p-shadow-control), 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-field); }
  [data-plain="money-field"][data-inline] [data-plain="field"] > [data-slot="control"][data-invalid] { border-color: var(--p-color-field-border-invalid); }
  [data-plain="money-field"][data-inline] [data-plain="field"] > [data-slot="control"][data-readonly] { padding-inline: var(--p-field-padding-x); }

  [data-plain="money-display"] {
    display: inline-block; font-variant-numeric: tabular-nums; white-space: nowrap; word-break: keep-all; color: var(--p-color-text-primary);
    font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: inherit; 
  }
  
  [data-plain="money-display"][data-size="sm"] { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); }
  [data-plain="money-display"][data-size="lg"] { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); font-weight: min(600, var(--p-font-weight-max, 1000)); line-height: calc(var(--p-type-title-m-line-height) * var(--p-ts, 1)); }
  
  [data-plain="money-display"]:is([data-size="xl"], [data-size="display"]) { font-weight: 380; letter-spacing: -0.02em; }
  [data-plain="money-display"][data-size="xl"] { font-size: calc(34px * var(--p-ts, 1)); line-height: calc(42px * var(--p-ts, 1)); }
  [data-plain="money-display"][data-size="display"] { font-size: calc(40px * var(--p-ts, 1)); line-height: calc(44px * var(--p-ts, 1)); }
  
  [data-plain="money-display"] > [data-slot="cents"] { position: relative; top: 0; vertical-align: 0.75em; font-size: 0.55em; line-height: 0; margin-left: 1px; letter-spacing: 0; }
  [data-plain="money-display"][data-tone="muted"] { color: var(--p-color-text-secondary); }
  [data-plain="money-display"][data-tone="danger"] { color: var(--p-color-danger-text); }
  [data-plain="money-display"][data-tone="success"] { color: var(--p-color-success-text); }
}

@layer plain-components {
  [data-plain="signature-pad"] { display: flex; flex-direction: column; gap: var(--p-space-4); min-width: 0; max-width: 560px; text-align: start; word-break: keep-all; }
  [data-plain="signature-pad"] [data-slot="head"] { display: flex; align-items: center; justify-content: space-between; gap: var(--p-space-8); min-height: var(--p-size-control-sm); }
  [data-plain="signature-pad"] [data-slot="label"] {
    font-size: calc(var(--p-field-label-size) * var(--p-ts)); line-height: calc(var(--p-field-label-line-height) * var(--p-ts));
    font-weight: var(--p-field-label-weight); letter-spacing: var(--p-type-tracking-sm); color: var(--p-color-text-primary);
  }
  [data-plain="signature-pad"][data-state="disabled"] [data-slot="label"] { color: var(--p-color-text-disabled); }
  
  [data-plain="signature-pad"] [data-slot="edge"] { margin-inline-end: -10px; flex: none; white-space: nowrap; }

  
  [data-plain="signature-pad"] [data-slot="clear"] { position: absolute; inset-inline-end: 0; }
  [data-plain="signature-pad"] [data-slot="clear"] > [data-plain="button"] { margin-inline-end: -10px; white-space: nowrap; }
  [data-plain="signature-pad"] [data-slot="surface"] > [data-slot="error"] { position: absolute; inset-block-start: var(--p-space-8); inset-inline-start: 0; pointer-events: none; }
  [data-plain="signature-pad"] [data-slot="error"] { display: flex; align-items: center; gap: 6px; margin: 0; min-width: 0; color: var(--p-color-danger-text); font-size: calc(var(--p-type-body-s-size) * var(--p-ts)); line-height: var(--p-type-body-s-line-height); letter-spacing: var(--p-type-tracking-xs); }
  [data-plain="signature-pad"] [data-slot="error"] svg { flex: none; width: 14px; height: 14px; }

  
  [data-plain="signature-pad"] [data-slot="surface"] {
    position: relative; aspect-ratio: 2 / 1; container-type: inline-size; overflow: hidden; color: var(--p-color-text-primary);
  }
  
  [data-plain="signature-pad"] [data-slot="surface"] { min-height: 208px; }
  [data-plain="signature-pad"] [data-slot="surface"][data-locked] { cursor: default; }
  [data-plain="signature-pad"][data-state="disabled"] [data-slot="surface"] { color: var(--p-color-text-disabled); }

  
  [data-plain="signature-pad"] [data-slot="canvas"] { position: absolute; inset: 0; width: 100%; height: 100%; display: block; touch-action: none; cursor: crosshair; color: inherit; }
  [data-plain="signature-pad"] [data-slot="surface"][data-locked] [data-slot="canvas"] { cursor: default; }
  [data-plain="signature-pad"] [data-slot="typed"] { position: absolute; inset-inline: 0; top: 0; height: 78%; display: flex; align-items: flex-end; padding-inline: 24px 10px; padding-block-end: 6px; overflow: hidden; }
  
  [data-plain="signature-pad"] [data-slot="typed-text"] {
    font-family: "Bradley Hand", "Segoe Script", "Apple SD Gothic Neo", cursive; font-weight: min(700, var(--p-font-weight-max, 1000)); line-height: 1.1; white-space: nowrap; color: inherit;
    -webkit-text-stroke: 0.6px currentColor;
  }

  [data-plain="signature-pad"] [data-slot="baseline"] { position: absolute; inset-inline: 0; height: 0; border-top: var(--p-stroke-field) solid var(--p-color-border-strong); pointer-events: none; }
  [data-plain="signature-pad"][data-state="error"] [data-slot="baseline"] { border-top-color: var(--p-color-field-border-invalid); }
  [data-plain="signature-pad"][data-state="disabled"] [data-slot="baseline"] { border-top-color: var(--p-color-field-border-disabled); }
  [data-plain="signature-pad"] [data-slot="mark"] {
    position: absolute; inset-inline-start: 0; transform: translateY(-120%); pointer-events: none;
    font-size: var(--p-type-title-s-size); line-height: 1; color: var(--p-color-text-secondary);
  }
  [data-plain="signature-pad"][data-state="disabled"] [data-slot="mark"] { color: var(--p-color-text-disabled); }
  [data-plain="signature-pad"] [data-slot="name"] {
    position: absolute; inset-inline: 0; pointer-events: none;
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts)); line-height: var(--p-type-body-s-line-height); color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums;
  }
  [data-plain="signature-pad"][data-state="disabled"] [data-slot="name"] { color: var(--p-color-text-disabled); }

  
  [data-plain="signature-pad"] [data-slot="foot"] { min-height: var(--p-size-control-sm); }
  [data-plain="signature-pad"] [data-slot="typed-input"] { min-width: 0; }

  @media (prefers-reduced-motion: no-preference) {
    [data-plain="signature-pad"] [data-slot="baseline"] { transition: border-color var(--p-field-transition, 120ms ease); }
  }
}

@layer plain-components {
  [data-plain="date-time-picker"] { min-width: 0; font-family: var(--p-font-family-sans); }
  [data-plain="date-time-picker"]:lang(ko) { font-family: var(--p-font-family-hangul); word-break: keep-all; }
  [data-plain="date-time-picker"] [data-plain="field"] [data-slot="control"] { display: flex; align-items: center; gap: var(--p-space-8); padding-inline-end: var(--p-space-4); }

  
  [data-plain="date-time-picker"] [data-plain-trigger] { padding-block-start: 2px; }

  
  [data-plain="date-time-picker"] [data-slot="segments"] {
    display: flex; align-items: center; flex: 1; min-width: 0; white-space: nowrap;
    font-size: calc(var(--p-field-font-size) * var(--p-ts)); line-height: calc(var(--p-field-line-height) * var(--p-ts)); font-variant-numeric: tabular-nums;
  }
  [data-plain="date-time-picker"] [data-segment] {
    box-sizing: border-box; display: inline-grid; place-items: center; min-width: var(--p-size-target-min); min-height: var(--p-size-target-min); padding: 0 2px; border-radius: var(--p-radius-4); text-align: center; outline: 0; caret-color: transparent; cursor: text;
    color: var(--p-color-text-primary);
  }
  
  [data-pointer="coarse"] [data-plain="date-time-picker"] [data-segment] { min-width: var(--p-size-target-coarse); min-height: var(--p-size-target-coarse); }
  [data-plain="date-time-picker"] [data-segment="dayPeriod"] { padding-inline: 2px; }
  [data-plain="date-time-picker"] [data-segment][data-placeholder] { color: var(--p-color-text-tertiary); }
  [data-plain="date-time-picker"] [data-segment]:focus { background: var(--p-color-accent-solid); color: var(--p-color-text-on-accent); }
  [data-plain="date-time-picker"] [data-slot="literal"] { display: inline-block; min-width: var(--p-space-8); text-align: center; color: var(--p-color-text-tertiary); white-space: pre; }
  [data-plain="date-time-picker"] [data-disabled] [data-segment] { color: var(--p-color-text-disabled); cursor: not-allowed; }

  
  [data-plain="date-time-picker"] [data-slot="picker-button"] {
    position: relative; display: inline-grid; place-items: center; flex: none; width: 28px; height: 28px; padding: 0; border: 0;
    border-radius: var(--p-radius-4); background: transparent; color: var(--p-color-text-tertiary); cursor: pointer;
  }
  [data-plain="date-time-picker"] [data-slot="picker-button"] svg { width: 16px; height: 16px; }
  [data-plain="date-time-picker"] [data-slot="picker-button"][aria-haspopup="listbox"] svg { width: 14px; height: 14px; }
  @media (hover: hover) and (pointer: fine) { [data-plain="date-time-picker"] [data-slot="picker-button"]:hover:not(:disabled) { color: var(--p-color-text-primary); } }
  
  [data-plain="date-time-picker"] [data-slot="picker-button"]:active:not(:disabled), [data-plain="date-time-picker"] [data-slot="picker-button"][data-popup-open] { color: var(--p-color-text-primary); }
  [data-plain="date-time-picker"] [data-slot="picker-button"]:focus-visible { outline: 0; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  [data-plain="date-time-picker"] [data-slot="picker-button"]:disabled { color: var(--p-color-text-disabled); cursor: not-allowed; }
  [data-pointer="coarse"] [data-plain="date-time-picker"] [data-slot="picker-button"] { width: var(--p-size-target-coarse); height: var(--p-size-target-coarse); }

  
  [data-plain-popup="calendar"] { box-sizing: border-box; width: max(var(--anchor-width), 276px); min-width: 0; max-width: none; padding: var(--p-space-12); }
  [data-plain="date-time-picker-calendar"] [data-slot="calendar-head"] { display: flex; align-items: center; justify-content: space-between; gap: var(--p-space-8); margin-bottom: var(--p-space-8); }
  [data-plain="date-time-picker-calendar"] [data-slot="month-title"] {
    flex: 1; text-align: center; font-size: calc(var(--p-type-label-m-size) * var(--p-ts)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts)); font-weight: var(--p-type-label-m-weight);
  }
  [data-plain="date-time-picker-calendar"] [data-slot="month-nav"] {
    display: inline-grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: var(--p-radius-6); background: transparent; color: var(--p-color-text-secondary); cursor: pointer;
  }
  [data-plain="date-time-picker-calendar"] [data-slot="month-nav"] svg { width: 16px; height: 16px; }
  @media (hover: hover) and (pointer: fine) { [data-plain="date-time-picker-calendar"] [data-slot="month-nav"]:hover:not(:disabled) { background: var(--p-color-ink-a6); color: var(--p-color-text-primary); } }
  [data-plain="date-time-picker-calendar"] [data-slot="month-nav"]:focus-visible { outline: 0; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  [data-plain="date-time-picker-calendar"] [data-slot="month-nav"]:disabled { color: var(--p-color-text-disabled); cursor: not-allowed; }
  [data-plain="date-time-picker-calendar"] [data-slot="grid"] { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; }
  [data-plain="date-time-picker-calendar"] th {
    height: 28px; padding: 0; text-align: center; font-weight: var(--p-type-label-s-weight);
    font-size: calc(var(--p-type-caption-size) * var(--p-ts)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts)); color: var(--p-color-text-tertiary);
  }
  [data-plain="date-time-picker-calendar"] td { padding: 2px; text-align: center; }
  [data-plain="date-time-picker-calendar"] [data-slot="day"] {
    position: relative; display: inline-grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: var(--p-radius-6);
    background: transparent; color: var(--p-color-text-primary); cursor: pointer; font: inherit; font-variant-numeric: tabular-nums;
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts)); line-height: 1;
  }
  @media (hover: hover) and (pointer: fine) { [data-plain="date-time-picker-calendar"] [data-slot="day"]:hover:not([data-unavailable]):not([data-selected]) { background: var(--p-color-ink-a6); } }
  [data-plain="date-time-picker-calendar"] [data-slot="day"]:active:not([data-unavailable]):not([data-selected]) { background: var(--p-color-ink-a10); }
  
  [data-plain="date-time-picker-calendar"] [data-slot="day"][data-today] { font-weight: var(--p-type-label-m-weight); box-shadow: inset 0 0 0 1px var(--p-color-border-strong); }
  [data-plain="date-time-picker-calendar"] [data-slot="day"][data-selected] { background: var(--p-color-accent-solid); color: var(--p-color-text-on-accent); box-shadow: none; font-weight: var(--p-type-label-m-weight); }
  
  [data-plain="date-time-picker-calendar"] [data-slot="day"][data-unavailable] { color: var(--p-color-text-disabled); cursor: not-allowed; }
  [data-plain="date-time-picker-calendar"] [data-slot="day"][data-struck] { text-decoration: line-through; text-decoration-color: var(--p-color-text-disabled); }
  [data-plain="date-time-picker-calendar"] [data-slot="day"]:focus-visible { outline: 0; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); z-index: 1; }
  [data-pointer="coarse"] [data-plain="date-time-picker-calendar"] [data-slot="day"] { width: 44px; height: 44px; }

  
  [data-plain="date-time-picker"] [data-slot="inline-popup"] [data-plain-positioner][data-inline] { position: static !important; transform: none !important; margin-top: var(--p-space-4); }
  [data-plain="date-time-picker"] [data-slot="inline-popup"] [data-plain-popup] { display: block; }

  
  [data-plain-popup="time"] { width: max(var(--anchor-width), 160px); }
  [data-plain="date-time-picker-slots"] [data-plain-list] { position: relative; max-height: 280px; }
  [data-plain="date-time-picker-slots"] [data-plain-item]:focus-visible { background: var(--p-overlay-highlight); }
  [data-plain="date-time-picker-slots"] [data-plain-item][data-selected] { font-weight: var(--p-type-label-m-weight); }
  @media (hover: hover) and (pointer: fine) { [data-plain="date-time-picker-slots"] [data-plain-item]:hover { background: var(--p-overlay-highlight); } }
  
  [data-plain="date-time-picker-slots"] [data-plain-item][data-lab-hover] { background: var(--p-overlay-highlight); }

  
  fieldset[data-plain="date-time-picker"] { margin: 0; padding: 0; border: 0; min-inline-size: 0; }
  [data-plain="date-time-picker"] [data-slot="legend"][data-hidden] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
  [data-plain="date-time-picker"] [data-slot="legend"] {
    padding: 0; margin-bottom: var(--p-space-12); color: var(--p-color-text-primary);
    font-size: calc(var(--p-type-title-s-size) * var(--p-ts)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts)); font-weight: var(--p-type-title-s-weight);
  }
  [data-plain="date-time-picker"] [data-slot="visit-row"] { display: grid; gap: var(--p-space-12); grid-template-columns: 1fr; align-items: start; }
  @container (min-width: 560px) {
    [data-plain="date-time-picker"][data-mode="time"] [data-slot="visit-row"] { grid-template-columns: minmax(168px, 1.2fr) minmax(148px, 1fr) minmax(140px, 1fr); }
    [data-plain="date-time-picker"][data-mode="window"] [data-slot="visit-row"] { grid-template-columns: minmax(168px, 220px) 1fr; }
  }
  fieldset[data-plain="date-time-picker"] { container-type: inline-size; }

  @media (prefers-reduced-motion: reduce) { [data-plain-popup="calendar"], [data-plain-popup="time"] { transition: none; } }
}

@layer plain-components {
  [data-plain="schedule-board"] {
    --p-sched-axis: 72px;
    --p-sched-col: 168px;
    --p-sched-waxis: 76px;
    --p-sched-wcol: 104px;
    --p-sched-side: 216px;
    container: p-sched / inline-size;
    display: flex; flex-direction: column; gap: var(--p-space-12); min-width: 0;
    color: var(--p-color-text-primary); font-family: var(--p-font-family-sans);
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: var(--p-type-body-s-line-height);
    word-break: keep-all;
  }
  [data-plain="schedule-board"]:lang(ko) { --p-sched-axis: 80px; }
  [data-plain="schedule-board"]:lang(ko) { font-family: var(--p-font-family-hangul, var(--p-font-family-sans)); }

  
  .p-sched__toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--p-space-8) var(--p-space-16); }
  .p-sched__nav, .p-sched__tools { display: flex; align-items: center; gap: var(--p-space-8); min-width: 0; }
  .p-sched__heading { margin: 0 0 0 var(--p-space-8); font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: var(--p-type-title-s-line-height, 1.3); font-weight: min(600, var(--p-font-weight-max, 1000)); white-space: nowrap; }
  .p-sched__traybtn { display: none; }
  .p-sched__tools > :last-child { margin-inline-start: auto; }
  .p-sched__strip { display: none; }

  
  .p-sched__techbar { display: none; gap: var(--p-space-4); overflow-x: auto; padding-bottom: var(--p-space-2); scrollbar-width: none; }
  
  .p-sched__techbar::after { content: ""; flex: none; width: calc(var(--p-space-16) - var(--p-space-4)); }
  .p-sched__tech {
    all: unset; box-sizing: border-box; flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 36px; padding: 0 var(--p-space-12);
    border: 1px solid var(--p-color-border-default); border-radius: var(--p-radius-full); cursor: pointer; touch-action: manipulation;
    color: var(--p-color-text-primary); font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); font-weight: 500; white-space: nowrap;
  }
  .p-sched__tech[aria-pressed="true"] { border-color: var(--p-color-text-primary); color: var(--p-color-text-primary); font-weight: min(600, var(--p-font-weight-max, 1000)); }
  .p-sched__tech:focus-visible { outline: var(--p-stroke-focus, 2px) solid var(--p-color-focus-ring); outline-offset: 1px; }
  [data-pointer="coarse"] .p-sched__tech { min-height: var(--p-size-target-coarse); }

  
  .p-sched__body { display: grid; grid-template-columns: minmax(0, 1fr) var(--p-sched-side); align-items: stretch; border-top: 1px solid var(--p-color-border-default); }
  .p-sched__scroll { position: relative; isolation: isolate; overflow: auto; max-height: 720px; min-width: 0; background: var(--p-color-bg-default); overscroll-behavior: contain; }
  .p-sched__scroll[data-view="week"], .p-sched__scroll[data-empty] { max-height: none; }
  .p-sched__scroll[data-more-right] { mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent); }
  
  .p-sched__grid { display: grid; position: relative; width: 100%; min-width: 100%; }
  .p-sched__grid[data-view="week"] { min-width: calc(var(--p-sched-waxis) + 7 * var(--p-sched-wcol)); }
  .p-sched__grid[data-view="week"][data-lanes] { --p-sched-wcol: 148px; }

  .p-sched__corner, .p-sched__colhead {
    position: sticky; top: 0; z-index: 31; background: var(--p-color-bg-default);
    border-bottom: 1px solid var(--p-color-border-default);
  }
  .p-sched__corner { left: 0; z-index: 32; border-right: 1px solid var(--p-color-border-subtle); }
  .p-sched__colhead { display: flex; flex-direction: column; gap: 0; padding: var(--p-space-8) var(--p-space-8); min-width: 0; border-left: 1px solid var(--p-color-border-subtle); }
  .p-sched__colname { margin: 0; font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: var(--p-type-label-m-line-height); font-weight: min(600, var(--p-font-weight-max, 1000)); white-space: nowrap; }
  .p-sched__colmeta { color: var(--p-color-text-secondary); font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); font-variant-numeric: tabular-nums; }

  
  .p-sched__axis {
    position: sticky; left: 0; z-index: 30; background: var(--p-color-bg-default);
    border-right: 1px solid var(--p-color-border-subtle);
  }
  .p-sched__hour {
    position: absolute; right: var(--p-space-8); transform: translateY(-50%);
    color: var(--p-color-text-tertiary); font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); white-space: nowrap; font-variant-numeric: tabular-nums;
  }
  .p-sched__hour:first-child { transform: none; top: var(--p-space-2) !important; }
  
  .p-sched__hour[data-last] { transform: translateY(calc(-100% - var(--p-space-2))); }
  .p-sched__nowlabel {
    position: absolute; right: var(--p-space-8); transform: translateY(-50%); z-index: 1;
    background: var(--p-color-bg-default); color: var(--p-color-danger-text);
    font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); font-weight: min(600, var(--p-font-weight-max, 1000)); font-variant-numeric: tabular-nums; white-space: nowrap;
  }
  .p-sched__col {
    position: relative; min-width: 0; border-left: 1px solid var(--p-color-border-subtle);
  }
  .p-sched__line { position: absolute; left: 0; right: 0; height: 0; border-top: 1px solid var(--p-color-border-subtle); pointer-events: none; }
  .p-sched__line[data-half] { border-top-color: var(--p-color-ink-a4); }
  .p-sched__past { position: absolute; inset: 0 0 auto 0; background: var(--p-color-ink-a3); pointer-events: none; }
  .p-sched__now { position: absolute; left: 0; right: 0; height: 0; border-top: 1px solid var(--p-color-danger-solid); z-index: 1; pointer-events: none; }
  .p-sched__now[data-first]::before {
    content: ""; position: absolute; left: -4px; top: -4px; width: 8px; height: 8px; border-radius: var(--p-radius-full); background: var(--p-color-danger-solid);
  }
  .p-sched__slot { display: contents; }

  
  .p-sched__block {
    all: unset; box-sizing: border-box; cursor: grab; touch-action: manipulation; user-select: none; -webkit-user-select: none;
    display: flex; flex-direction: column; gap: 0; overflow: hidden; min-width: 0;
    padding: var(--p-space-4) var(--p-space-8); border-radius: var(--p-radius-8);
    background: var(--p-color-bg-default); border: 1px solid var(--p-color-border-default);
    color: var(--p-color-text-primary); text-align: start; container: p-blk / inline-size;
    transition: background-color var(--p-motion-duration-hover, 120ms) var(--p-motion-easing-standard, ease), border-color var(--p-motion-duration-fast, 120ms);
  }
  [data-theme="dark"] .p-sched__block { background: var(--p-color-surface-2, var(--p-color-bg-default)); border-color: var(--p-color-white-a10); }
  .p-sched__col > .p-sched__slot > .p-sched__block, .p-sched__col > .p-sched__block { position: absolute; left: var(--p-space-4); right: var(--p-space-4); z-index: 2; }
  .p-sched__time[data-start], .p-sched__time[data-bare] { display: none; }
  .p-sched__time { white-space: nowrap; }
  
  .p-sched__block[data-lanes] .p-sched__title, .p-sched__block[data-lanes] .p-sched__status-row { display: none; }
  .p-sched__block[data-lanes] .p-sched__time[data-range] { display: none; }
  .p-sched__block[data-lanes] .p-sched__time[data-start] { display: block; }
  .p-sched__col > .p-sched__slot > .p-sched__block { z-index: calc(2 + var(--p-sched-depth, 0)); }
  .p-sched__col > .p-sched__slot > .p-sched__block[data-selected], .p-sched__col > .p-sched__slot > .p-sched__block:focus-visible { z-index: 20; }
  
  .p-sched__col > .p-sched__slot > .p-sched__block[data-cascade] { left: calc(var(--p-space-4) + var(--p-sched-depth) * var(--p-sched-step, 8px)); }
  .p-sched__col > .p-sched__slot > .p-sched__block[data-lanes] {
    --p-sched-avail: calc(100% - 2 * var(--p-space-2) - var(--p-sched-depth, 0) * var(--p-sched-step, 8px));
    right: auto; padding-inline: var(--p-space-6);
    left: calc(var(--p-space-2) + var(--p-sched-depth, 0) * var(--p-sched-step, 8px) + var(--p-sched-avail) * var(--p-sched-lane) / var(--p-sched-lanes));
    width: calc(var(--p-sched-avail) / var(--p-sched-lanes) - var(--p-space-2));
  }
  .p-sched__nb { white-space: nowrap; }
  .p-sched__address { display: block; color: var(--p-color-text-secondary); font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: var(--p-type-label-s-line-height, 1.4); white-space: nowrap; overflow: hidden; }
  .p-sched__block[data-compact] .p-sched__address, .p-sched__block[data-addr-off] .p-sched__address { display: none; }
  .p-sched__customer[data-short] { display: none; white-space: nowrap; }
  
  .p-sched__block[data-lanes] .p-sched__customer { overflow-wrap: anywhere; }
  .p-sched__unhead .p-sched__colmeta { white-space: nowrap; }
  @media (hover: hover) and (pointer: fine) {
    .p-sched__block:hover { border-color: var(--p-color-border-strong); }
    [data-theme="dark"] .p-sched__block:hover { border-color: var(--p-color-white-a20); }
  }
  .p-sched__block:active { background: var(--p-color-surface-pressed); }
  .p-sched__block:focus-visible { outline: var(--p-stroke-focus, 2px) solid var(--p-color-focus-ring); outline-offset: 1px; z-index: 3; }
  .p-sched__block[data-selected] { border-color: var(--p-color-text-primary); box-shadow: inset 0 0 0 1px var(--p-color-text-primary); z-index: 3; }
  .p-sched__block[data-moving] { opacity: 0.55; }
  .p-sched__block[data-status="done"] .p-sched__customer { color: var(--p-color-text-secondary); }
  .p-sched__block[data-status="canceled"] .p-sched__customer { color: var(--p-color-text-secondary); text-decoration: line-through; }
  .p-sched__customer, .p-sched__title { text-wrap: balance; }
  .p-sched__customer { font-weight: min(600, var(--p-font-weight-max, 1000)); font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: var(--p-type-label-m-line-height); }
  .p-sched__time { color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums; font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: var(--p-type-body-s-line-height); }
  .p-sched__title { color: var(--p-color-text-primary); font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: var(--p-type-body-s-line-height); }
  .p-sched__status-row { display: flex; margin-top: var(--p-space-4); min-width: 0; }
  .p-sched__block > * { flex-shrink: 0; }
  .p-sched__block[data-hour] .p-sched__title { display: none; }
  .p-sched__block[data-hour]:not([data-short]):not([data-compact]) { padding-block: var(--p-space-2); }
  
  .p-sched__block[data-short] { flex-direction: row; flex-wrap: wrap; align-content: flex-start; align-items: center; column-gap: var(--p-space-8); padding-block: var(--p-space-2); }
  .p-sched__block[data-short] .p-sched__customer { flex-basis: 100%; }
  .p-sched__block[data-short] .p-sched__status-row { flex: none; margin-top: 0; }

  
  .p-sched__ghost {
    box-sizing: border-box; pointer-events: none; display: flex; flex-direction: column; overflow: hidden;
    padding: var(--p-space-4) var(--p-space-8); border-radius: var(--p-radius-6);
    border: 2px dashed var(--p-color-accent-solid); background: var(--p-color-bg-default); color: var(--p-color-text-primary);
    box-shadow: var(--p-shadow-overlay, none);
  }
  .p-sched__col > .p-sched__ghost { position: absolute; left: var(--p-space-4); right: var(--p-space-4); z-index: 4; }
  .p-sched__ghost .p-sched__time { color: var(--p-color-accent-text); font-weight: min(600, var(--p-font-weight-max, 1000)); white-space: nowrap; }

  
  .p-sched__side { min-width: 0; border-left: 1px solid var(--p-color-border-default); }
  .p-sched__panel { display: flex; flex-direction: column; align-items: flex-start; gap: var(--p-space-4); padding: var(--p-space-16); border-bottom: 1px solid var(--p-color-border-subtle); }
  .p-sched__panelinfo { display: flex; flex-direction: column; gap: var(--p-space-2); margin-bottom: var(--p-space-8); }
  .p-sched__panelname { font-weight: min(600, var(--p-font-weight-max, 1000)); font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: var(--p-type-label-m-line-height); }
  .p-sched__panelline { color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums; }
  .p-sched__panelhint { text-wrap: balance; margin-top: var(--p-space-4); color: var(--p-color-text-tertiary); font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); }
  .p-sched__panel[data-kind="form"] { padding: 0; border-bottom: 0; align-items: stretch; }
  .p-sched__form { box-sizing: border-box; display: flex; flex-direction: column; gap: var(--p-space-12); padding: var(--p-space-16); border-bottom: 1px solid var(--p-color-border-subtle); cursor: auto; }
  .p-sched__formtitle { font-weight: min(600, var(--p-font-weight-max, 1000)); font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: var(--p-type-label-m-line-height); }
  .p-sched__formbody { display: flex; flex-direction: column; gap: var(--p-space-12); margin: 0; }
  .p-sched__formactions { position: sticky; bottom: 0; display: flex; justify-content: flex-end; gap: var(--p-space-8); padding-top: var(--p-space-4); background: var(--p-color-bg-default); }
  .p-sched__trayform .p-sched__form { padding: var(--p-space-12) 0 0; border-bottom: 0; }
  .p-sched__wslot { position: relative; display: flex; flex-direction: column; }

  
  .p-sched__grid[data-view="week"] > .p-sched__axis { grid-column: 1; }
  .p-sched__col[data-today] { background: var(--p-color-ink-a3); }
  .p-sched__colhead[data-today] .p-sched__dn, .p-sched__colhead[data-today] .p-sched__wd { color: var(--p-color-text-primary); font-weight: min(700, var(--p-font-weight-max, 1000)); }
  .p-sched__wd { color: var(--p-color-text-secondary); font-weight: 500; }
  .p-sched__unhead { position: sticky; left: 0; z-index: 30; display: flex; align-items: flex-start; padding: var(--p-space-8) var(--p-space-2) var(--p-space-8) var(--p-space-8); box-sizing: border-box; overflow: hidden; background: var(--p-color-bg-default); border-right: 1px solid var(--p-color-border-subtle); border-bottom: 1px solid var(--p-color-border-subtle); min-width: 0; }
  .p-sched__uncell { display: flex; flex-direction: column; gap: var(--p-space-4); min-width: 0; padding: var(--p-space-4); border-left: 1px solid var(--p-color-border-subtle); border-bottom: 1px solid var(--p-color-border-subtle); }
  .p-sched__uncell[data-today] { background: var(--p-color-ink-a3); }
  
  .p-sched__col[data-day] > .p-sched__slot > .p-sched__block[data-lanes] { padding: var(--p-space-2) var(--p-space-4) var(--p-space-2) var(--p-space-6); }
  .p-sched__col[data-day] .p-sched__block[data-lanes] .p-sched__customer, .p-sched__col[data-day] .p-sched__block[data-lanes] .p-sched__time { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: var(--p-type-label-s-line-height, 1.4); }
  
  .p-sched__col[data-day] { container-type: inline-size; }
  .p-sched__col[data-day] .p-sched__block .p-sched__time { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: var(--p-type-label-s-line-height, 1.4); }
  @container (max-width: 149px) {
    .p-sched__block .p-sched__customer, .p-sched__block .p-sched__time, .p-sched__block .p-sched__title { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: var(--p-type-label-s-line-height, 1.4); }
    .p-sched__block .p-sched__time[data-range] { display: none; }
    .p-sched__block .p-sched__time[data-start] { display: block; }
    
    .p-sched__block { padding-inline: var(--p-space-2) var(--p-space-4); --p-sched-step: 4px; }
    
    .p-sched__block[data-lanes] .p-sched__customer[data-full] { display: none; }
    .p-sched__block[data-lanes] .p-sched__customer[data-short] { display: block; }
    
    .p-sched__col[data-day] > .p-sched__slot > .p-sched__block:not([data-lanes]) { left: calc(1px + var(--p-sched-depth, 0) * var(--p-sched-step, 8px)); right: 1px; }
  }
  
  @container (max-width: 149px) {
    .p-sched__ghost .p-sched__time[data-range] { display: block; }
    .p-sched__ghost .p-sched__time[data-start] { display: none; }
  }
  @container (max-width: 119px) {
    .p-sched__ghost .p-sched__time[data-range] { display: none; }
    .p-sched__ghost .p-sched__time[data-start] { display: block; }
  }
  .p-sched__block[data-compact] { position: relative; padding: var(--p-space-4); }
  .p-sched__block[data-compact] .p-sched__customer { font-weight: 500; }
  .p-sched__block[data-compact] .p-sched__customer, .p-sched__block[data-compact] .p-sched__time { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: var(--p-type-label-s-line-height, 1.4); }
  .p-sched__block[data-compact] .p-sched__status-row { margin-top: var(--p-space-2); }

  
  [data-plain="schedule-board"] {
    --p-sched-tc0: oklch(0.56 0.15 255); --p-sched-tc1: oklch(0.58 0.13 155); --p-sched-tc2: oklch(0.62 0.15 45);
    --p-sched-tc3: oklch(0.55 0.16 320); --p-sched-tc4: oklch(0.58 0.11 200); --p-sched-tc5: oklch(0.6 0.13 95);
  }
  [data-tech-i="0"] { --p-sched-tc: var(--p-sched-tc0); } [data-tech-i="1"] { --p-sched-tc: var(--p-sched-tc1); } [data-tech-i="2"] { --p-sched-tc: var(--p-sched-tc2); }
  [data-tech-i="3"] { --p-sched-tc: var(--p-sched-tc3); } [data-tech-i="4"] { --p-sched-tc: var(--p-sched-tc4); } [data-tech-i="5"] { --p-sched-tc: var(--p-sched-tc5); }
  
  .p-sched__block::before { display: none; content: ""; position: absolute; top: var(--p-space-6); inset-inline-end: var(--p-space-6); width: 7px; height: 7px; border-radius: var(--p-radius-full); background: var(--p-sched-tc); }
  .p-sched__block[data-tech-i]::before { display: block; }
  
  .p-sched__block[data-tech-i] > :is(.p-sched__customer, .p-sched__time) { padding-inline-end: calc(8px + var(--p-space-4)); }
  
  .p-sched__block[data-tech-i][data-lanes] > :is(.p-sched__customer, .p-sched__time) { padding-inline-end: 0; }
  .p-sched__block[data-tech-i][data-lanes]::before { top: auto; bottom: var(--p-space-6); }
  .p-sched__legend { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--p-space-4) var(--p-space-16); }
  .p-sched__legenditem { display: inline-flex; align-items: center; gap: var(--p-space-6); color: var(--p-color-text-secondary); font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: var(--p-type-label-s-line-height, 1.4); white-space: nowrap; }
  .p-sched__swatch { width: 7px; height: 7px; border-radius: var(--p-radius-full); background: var(--p-sched-tc); }
  .p-sched__ghost[data-compact] { position: absolute; top: var(--p-space-4); left: 0; right: 0; z-index: 4; padding: var(--p-space-2) var(--p-space-4); }
  .p-sched__ghost[data-compact] .p-sched__customer, .p-sched__ghost[data-compact] .p-sched__time { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: var(--p-type-label-s-line-height, 1.4); font-weight: 500; }

  
  .p-sched__skel { position: absolute; left: var(--p-space-4); right: var(--p-space-4); }
  .p-sched__empty { display: flex; flex-direction: column; align-items: center; gap: var(--p-space-8); padding: var(--p-space-48, 48px) var(--p-space-16); }

  
  .p-sched__tray { display: flex; flex-direction: column; min-width: 0; }
  .p-sched__trayhead {
    display: flex; align-items: baseline; gap: var(--p-space-8); margin: 0; padding: var(--p-space-16) var(--p-space-16) var(--p-space-8);
    font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: var(--p-type-label-m-line-height); font-weight: min(600, var(--p-font-weight-max, 1000));
  }
  .p-sched__traycount { color: var(--p-color-text-secondary); font-weight: 400; font-variant-numeric: tabular-nums; }
  .p-sched__traylist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
  .p-sched__trayitem {
    position: relative; display: flex; flex-direction: column; padding: var(--p-space-12) var(--p-space-16); border-top: 1px solid var(--p-color-border-subtle);
    cursor: grab; touch-action: manipulation; user-select: none; -webkit-user-select: none;
  }
  .p-sched__trayitem[data-skel] { cursor: default; }
  .p-sched__trayitem[data-dragging] { opacity: 0.55; }
  .p-sched__trayrow { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--p-space-4); justify-items: start; }
  .p-sched__trayinfo { display: flex; flex-direction: column; min-width: 0; }
  .p-sched__duration { color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums; font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: var(--p-type-body-s-line-height); }
  .p-sched__trayform { cursor: auto; }
  .p-sched__trayempty { padding: var(--p-space-12) var(--p-space-16); color: var(--p-color-text-secondary); }
  .p-sched--sheet { gap: 0; }

  [data-plain="schedule-board"][data-dragging], [data-plain="schedule-board"][data-dragging] * { cursor: grabbing; }

  .p-sched__live { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

  
  @container p-sched (max-width: 760px) {
    .p-sched__body { grid-template-columns: minmax(0, 1fr); }
    .p-sched__side { display: contents; }
    .p-sched__tray { display: none; }
    .p-sched__traybtn { display: inline-flex; }
    .p-sched__traybtn > button { margin-inline-start: 0; }
    .p-sched__toolbar { gap: var(--p-space-8); }
    .p-sched__nav { flex: 1 1 100%; gap: var(--p-space-8); }
    .p-sched__heading { order: -1; flex: 1 1 auto; margin: 0; font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); }
    .p-sched__tools { flex: 1 1 100%; justify-content: space-between; }
    .p-sched__scroll { max-height: 600px; scroll-snap-type: x proximity; }
    .p-sched__scroll[data-view="week"], .p-sched__scroll[data-empty] { max-height: none; }
    
    .p-sched__scroll[data-view="week"] { scroll-snap-type: x mandatory; scroll-padding-inline-start: var(--p-sched-waxis); }
    .p-sched__scroll[data-view="week"] .p-sched__col, .p-sched__scroll[data-view="week"] .p-sched__colhead { scroll-snap-align: start; scroll-margin-inline-start: 0; }
    .p-sched__scroll { --p-sched-axis: 72px; --p-sched-col: calc(100cqw - 74px); --p-sched-waxis: 76px; --p-sched-wcol: calc((100cqw - 76px) / 2); }
    
    .p-sched__grid[data-view="week"][data-lanes] { --p-sched-wcol: calc((100cqw - 76px) / 2); }
    .p-sched__col, .p-sched__colhead[data-tech] { scroll-snap-align: start; scroll-margin-inline-start: var(--p-sched-axis); }
    .p-sched__techbar { display: flex; }
    
    
    .p-sched__col[data-day] > .p-sched__slot > .p-sched__block { padding-inline: var(--p-space-2) var(--p-space-4); }
    .p-sched__col[data-day] .p-sched__block .p-sched__customer, .p-sched__col[data-day] .p-sched__block .p-sched__time, .p-sched__col[data-day] .p-sched__block .p-sched__title { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: var(--p-type-label-s-line-height, 1.4); }
    
    .p-sched__grid[data-view="day"] > .p-sched__corner, .p-sched__grid[data-view="day"] > .p-sched__colhead { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
    .p-sched__panel { position: sticky; bottom: 0; z-index: 6; max-height: 70dvh; overflow-y: auto; align-items: stretch; background: var(--p-color-bg-default); box-shadow: 0 -1px 0 var(--p-color-border-default); padding: var(--p-space-16) var(--p-space-16) calc(var(--p-space-16) + env(safe-area-inset-bottom, 0px)); border-bottom: 0; border-radius: var(--p-radius-card) var(--p-radius-card) 0 0; }
    .p-sched__panel[data-kind="selected"] { flex-direction: row; align-items: flex-end; justify-content: space-between; }
    .p-sched__panel[data-kind="selected"] .p-sched__panelinfo { margin-bottom: 0; }
    .p-sched__panel[data-kind="form"] { padding: 0; }
    .p-sched__form { padding: var(--p-space-16) var(--p-space-16) calc(var(--p-space-16) + env(safe-area-inset-bottom, 0px)); border-bottom: 0; }
  }

  
  @container p-sched (max-width: 803px) {
    .p-sched__strip { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: var(--p-space-8); padding-inline: var(--p-space-8); border-bottom: 1px solid var(--p-color-border-subtle); }
    .p-sched__stripday {
      all: unset; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--p-space-2);
      min-height: 52px; cursor: pointer; touch-action: manipulation; color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums;
      box-shadow: inset 0 -2px 0 transparent;
    }
    .p-sched__stripday[data-inview] { box-shadow: inset 0 -2px 0 var(--p-color-accent-solid); color: var(--p-color-text-primary); }
    .p-sched__stripday[data-today] { font-weight: min(700, var(--p-font-weight-max, 1000)); color: var(--p-color-text-primary); }
    .p-sched__stripday:focus-visible { outline: var(--p-stroke-focus, 2px) solid var(--p-color-focus-ring); outline-offset: -2px; }
    .p-sched__stripwd { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: var(--p-type-label-s-line-height, 1.4); }
    .p-sched__stripdn { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: var(--p-type-label-m-line-height); }
  }

  [data-pointer="coarse"] .p-sched__block[data-compact] { min-height: var(--p-size-target-coarse); }

  
  @container p-blk (max-width: 127px) {
    .p-sched__time[data-range] { display: none !important; }
    .p-sched__block:not([data-lanes]) .p-sched__time[data-start] { display: block; }
  }
  @container p-blk (max-width: 63px) {
    .p-sched__time[data-start] { display: none !important; }
    .p-sched__time[data-bare] { display: block !important; }
  }

  @media (prefers-reduced-motion: reduce) { .p-sched__block { transition: none; } }
}

@layer plain-components {
  [data-plain="photo-picker"] { display: flex; flex-direction: column; gap: var(--p-space-12); min-width: 0; max-width: 720px; text-align: start; word-break: keep-all; color: var(--p-color-text-primary); }
  [data-plain="photo-picker"] [data-slot="head"] { display: flex; align-items: baseline; gap: var(--p-space-8); }
  [data-plain="photo-picker"] [data-slot="label"] {
    font-size: calc(var(--p-field-label-size) * var(--p-ts)); line-height: calc(var(--p-field-label-line-height) * var(--p-ts));
    font-weight: var(--p-field-label-weight); letter-spacing: var(--p-type-tracking-sm);
  }
  [data-plain="photo-picker"] [data-slot="count"] { font-size: calc(var(--p-type-body-s-size) * var(--p-ts)); line-height: calc(var(--p-field-label-line-height) * var(--p-ts)); color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums; }

  
  [data-plain="photo-picker"] [data-slot="grid"] { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: var(--p-space-12); }
  [data-plain="photo-picker"] [data-slot="cell"] { min-width: 0; }
  [data-plain="photo-picker"] [data-slot="add-tile"] {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--p-space-6); width: 100%; aspect-ratio: 1; margin: 0; padding: var(--p-space-6); box-sizing: border-box;
    font: inherit; font-size: calc(var(--p-type-body-s-size) * var(--p-ts)); line-height: var(--p-type-body-s-line-height); font-weight: 500; text-align: center; color: var(--p-color-text-secondary);
    background: transparent; border: var(--p-stroke-field) solid var(--p-color-ink-a8); border-radius: var(--p-radius-8); cursor: pointer; touch-action: manipulation;
  }
  [data-plain="photo-picker"] [data-slot="add-tile"] svg { flex: none; }
  [data-plain="photo-picker"] [data-slot="add-tile"]:focus-visible { outline: 0; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  [data-plain="photo-picker"] [data-slot="add-tile"]:active { background: var(--p-color-ink-a10); }
  @media (hover: hover) and (pointer: fine) { [data-plain="photo-picker"] [data-slot="add-tile"]:hover { background: var(--p-color-ink-a6); color: var(--p-color-text-primary); } }
  [data-plain="photo-picker"][data-over] [data-slot="add-tile"] { border-color: var(--p-color-field-border-focus); background: var(--p-color-ink-a6); color: var(--p-color-text-primary); }
  [data-plain="photo-picker"] [data-slot="hint"] { display: none; margin: 0; font-size: calc(var(--p-type-body-s-size) * var(--p-ts)); line-height: var(--p-type-body-s-line-height); color: var(--p-color-text-tertiary); }

  @media (hover: hover) and (pointer: fine) { [data-plain="photo-picker"] [data-slot="hint"] { display: block; } }
  @media (max-width: 480px) { [data-plain="photo-picker"] [data-slot="hint"] { display: none; } }

  
  [data-plain="photo-picker"] [data-slot="thumb"] { position: relative; aspect-ratio: 1; overflow: hidden; border-radius: var(--p-radius-8); background: var(--p-color-surface-hover); border: var(--p-stroke-field) solid var(--p-color-ink-a8); box-sizing: border-box; }
  [data-plain="photo-picker"] [data-slot="thumb"] img { display: block; width: 100%; height: 100%; object-fit: cover; }
  [data-theme="dark"] [data-plain="photo-picker"] [data-slot="thumb"] img { filter: brightness(.82); }
  [data-plain="photo-picker"] [data-state="waiting"] img, [data-plain="photo-picker"] [data-state="uploading"] img, [data-plain="photo-picker"] [data-state="failed"] img { opacity: .6; }
  [data-plain="photo-picker"][data-disabled] [data-slot="thumb"] { opacity: var(--p-opacity-disabled); }

  [data-plain="photo-picker"] [data-slot="status"] {
    position: absolute; inset-inline: 0; bottom: 0; display: flex; align-items: center; gap: var(--p-space-6); height: 32px; padding: 0 var(--p-space-8); justify-content: space-between; box-sizing: border-box;
    background: var(--p-color-bg-default);
  }
  [data-plain="photo-picker"] [data-slot="status"] .p-status { font-size: calc(var(--p-type-caption-size) * var(--p-ts)); }
  [data-plain="photo-picker"] [data-slot="bar"] { flex: 1; height: 4px; border-radius: var(--p-radius-full); background: var(--p-color-ink-a10); overflow: hidden; }
  [data-plain="photo-picker"] [data-slot="fill"] { display: block; height: 100%; background: var(--p-color-text-primary); border-radius: inherit; }
  [data-plain="photo-picker"] [data-slot="pct"] { flex: none; font-size: calc(var(--p-type-caption-size) * var(--p-ts)); line-height: 1; color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums; }

  [data-plain="photo-picker"] [data-slot="retry"] { display: flex; flex: none; margin-inline: auto calc(var(--p-space-4) * -1) ; }
  
  [data-plain="photo-picker"] [data-slot="chrome"], [data-plain="photo-picker"] [data-slot="hit"] { display: contents; }
  [data-plain="photo-picker"] [data-slot="remove"] { position: absolute; top: var(--p-space-4); inset-inline-end: var(--p-space-4); display: flex; }
  [data-plain="photo-picker"] [data-slot="remove"] [data-plain="button"] { border-radius: calc(var(--p-radius-8) - var(--p-space-4)); background: color-mix(in srgb, var(--p-color-bg-default) 92%, transparent); }
  [data-plain="photo-picker"] [data-slot="remove"] [data-plain="button"]::after { top: -6px; bottom: -6px; left: -6px; right: -6px; }
  @media (hover: hover) and (pointer: fine) {
    [data-plain="photo-picker"] [data-slot="remove"] { opacity: 0; }
    [data-plain="photo-picker"] [data-slot="cell"]:hover [data-slot="remove"] { opacity: 1; }
  }
  [data-plain="photo-picker"] [data-slot="cell"]:focus-within [data-slot="remove"] { opacity: 1; }

  [data-plain="photo-picker"] [data-slot="foot"] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--p-space-4) var(--p-space-12); min-height: 32px; }
  [data-plain="photo-picker"] [data-slot="foot"] [data-plain="button"] { min-height: 32px; }
  [data-plain="photo-picker"] [data-slot="summary"] { margin: 0; font-size: calc(var(--p-type-body-s-size) * var(--p-ts)); line-height: var(--p-type-body-s-line-height); color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums; }
  [data-plain="photo-picker"] [data-slot="summary"][data-tone="danger"] { color: var(--p-color-danger-text); }

  @media (prefers-reduced-motion: no-preference) {
    [data-plain="photo-picker"] [data-slot="fill"] { transition: width 200ms linear; }
    [data-plain="photo-picker"] [data-slot="remove"] { transition: opacity var(--p-motion-duration-swap, 150ms) ease; }
  }
}

@layer plain-components {
  [data-plain="photo-picker"] [data-slot="live"] { display: contents; }
}

@layer plain-components {
  [data-plain="button"] {
    --_h: var(--p-button-size-md);
    --_px: 12px;
    --_fs: var(--p-button-font-size);
    --_lh: 20px;
    --_bg: transparent; --_fg: var(--p-color-text-primary); --_bd: transparent; --_sh: 0 0 0 0 transparent;
    --_sel: var(--p-color-accent-solid);
    position: relative;
    display: inline-flex; align-items: center; justify-content: center; gap: var(--p-button-icon-gap);
    box-sizing: border-box;
    min-height: var(--_h); min-width: var(--_h); max-width: 100%;
    padding: 0 var(--_px);
    border: var(--p-stroke-default) solid var(--_bd);
    border-radius: var(--p-button-radius);
    background: var(--_bg); color: var(--_fg); box-shadow: var(--_sh);
    font: inherit; font-size: calc(var(--_fs) * var(--p-ts)); line-height: calc(var(--_lh) * var(--p-ts));
    font-weight: var(--p-button-font-weight); letter-spacing: var(--p-type-tracking-sm);
    white-space: nowrap; word-break: keep-all;
    cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
    transition: background-color var(--p-field-transition) ease, border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease, color var(--p-field-transition) ease, transform var(--p-motion-duration-press-out) var(--p-motion-easing-standard);
  }
  [data-plain="button"][data-size="sm"] { --_h: var(--p-button-size-sm); --_px: 10px; }
  [data-plain="button"][data-size="lg"] { --_h: var(--p-button-size-lg); --_px: 14px; --_fs: var(--p-button-font-size-lg); }
  
  [data-pointer="coarse"] [data-plain="button"] { --_fs: max(var(--p-type-body-l-size, 15px), var(--p-button-font-size)); letter-spacing: var(--p-type-tracking-md); }
  [data-business="b2c"][data-pointer="coarse"] [data-plain="button"] { --_fs: max(15px, var(--p-button-font-size)); }
  [data-plain="button"][data-width="full"] { display: flex; width: 100%; }
  [data-plain="button"] [data-slot="label"] { overflow: hidden; text-overflow: ellipsis; min-width: 0; }
  [data-plain="button"] svg[data-slot] { flex: none; }

  
  [data-plain="button"]::after {
    content: ""; position: absolute; left: 0; right: 0;
    top: min(0px, calc((var(--_h) - var(--p-size-target-min)) / 2));
    bottom: min(0px, calc((var(--_h) - var(--p-size-target-min)) / 2));
  }
  [data-pointer="coarse"] [data-plain="button"]::after,
  [data-plain="button"]:where([data-pointer="coarse"] *)::after {
    top: min(0px, calc((var(--_h) - var(--p-size-target-coarse)) / 2));
    bottom: min(0px, calc((var(--_h) - var(--p-size-target-coarse)) / 2));
  }
  [data-plain="button"][data-icon-only]::after { left: min(0px, calc((var(--_h) - var(--p-size-target-min)) / 2)); right: min(0px, calc((var(--_h) - var(--p-size-target-min)) / 2)); }
  [data-pointer="coarse"] [data-plain="button"][data-icon-only]::after { left: min(0px, calc((var(--_h) - var(--p-size-target-coarse)) / 2)); right: min(0px, calc((var(--_h) - var(--p-size-target-coarse)) / 2)); }

  
  [data-plain="button"][data-variant="primary"] { --_bg: var(--_sel); --_fg: var(--p-color-text-on-accent); --_bd: transparent; --_sh: var(--p-shadow-button-primary); }
  [data-plain="button"][data-variant="secondary"] { --_bg: var(--p-button-secondary-bg); --_fg: var(--p-color-text-primary); --_bd: var(--p-color-border-control); --_sh: var(--p-shadow-control); }
  [data-plain="button"][data-variant="tertiary"] { --_bg: var(--p-color-accent-tint); --_fg: var(--p-color-accent-text); --_bd: transparent; }
  [data-plain="button"][data-variant="ghost"] { --_bg: transparent; --_fg: var(--p-color-text-primary); --_bd: transparent; }
  [data-plain="button"][data-variant="destructive"] { --_bg: var(--p-color-danger-solid); --_fg: var(--p-color-danger-on-solid); --_bd: transparent; --_sh: inset 0 1px 0 var(--p-color-white-a10), 0 1px 2px var(--p-color-ink-a10); }

  @media (hover: hover) and (pointer: fine) {
    [data-plain="button"][data-hovered][data-variant="primary"] { --_bg: color-mix(in oklab, var(--_sel), var(--p-color-text-inverse) 14%); }
    [data-plain="button"][data-hovered][data-variant="secondary"] { --_bg: color-mix(in oklab, var(--p-button-secondary-bg), var(--p-color-text-primary) 3%); --_bd: var(--p-color-border-control-hover); }
    [data-plain="button"][data-hovered][data-variant="ghost"] { --_bg: var(--p-button-ghost-bg-hover); }
    [data-plain="button"][data-hovered][data-variant="tertiary"] { --_bg: color-mix(in oklab, var(--p-color-accent-tint), var(--p-color-accent-solid) 6%); }
    [data-plain="button"][data-hovered][data-variant="destructive"] { --_bg: color-mix(in oklab, var(--p-color-danger-solid), black 8%); }
  }
  [data-plain="button"][data-pressed][data-variant="primary"] { --_bg: color-mix(in oklab, var(--_sel), var(--p-color-text-inverse) 24%); }
  [data-plain="button"][data-pressed][data-variant="secondary"] { --_bg: color-mix(in oklab, var(--p-button-secondary-bg), var(--p-color-text-primary) 6%); }
  [data-plain="button"][data-pressed][data-variant="ghost"] { --_bg: var(--p-button-ghost-bg-pressed); }
  [data-plain="button"][data-pressed][data-variant="tertiary"] { --_bg: color-mix(in oklab, var(--p-color-accent-tint), var(--p-color-accent-solid) 12%); }
  [data-plain="button"][data-pressed][data-variant="destructive"] { --_bg: color-mix(in oklab, var(--p-color-danger-solid), black 16%); }
  
  [data-plain="button"][data-focus-visible] { outline: 0; border-color: var(--p-color-button-focus-border); box-shadow: var(--_sh), 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  [data-plain="button"][data-focus-visible][data-variant="destructive"] { border-color: var(--p-color-danger-solid); box-shadow: var(--_sh), 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button-danger); }
  
  [data-plain="button"][data-pointer-pressed]:not([aria-haspopup]):not([aria-expanded]):not([role="combobox"]):not([data-popup-open]) {
    transform: scale(var(--p-motion-press-scale));
    transition-duration: var(--p-field-transition), var(--p-field-transition), var(--p-field-transition), var(--p-field-transition), var(--p-motion-duration-press-in);
  }

  
  [data-plain="button"][data-disabled] { opacity: var(--p-opacity-disabled); cursor: not-allowed; transform: none; --_sh: 0 0 0 0 transparent; }
  
  [data-plain="button"][data-variant="primary"][data-disabled] {
    --_bg: color-mix(in oklab, var(--_sel) calc(var(--p-opacity-accent-disabled) * 100%), var(--p-color-bg-default)); --_bd: transparent;
    --_fg: var(--p-color-text-on-accent); opacity: 1;
  }
  [data-plain="button"][data-variant="secondary"][data-disabled] { --_bg: var(--p-color-field-bg-disabled); --_bd: var(--p-color-field-border-disabled); --_fg: var(--p-color-text-disabled); opacity: 1; }
  
  :is([data-business="b2c"], [data-business="game"]) [data-plain="button"][data-size="lg"] { --_h: var(--p-size-cta); --_fs: var(--p-type-title-s-size); --_lh: var(--p-type-title-s-line-height); border-radius: var(--p-radius-cta, var(--p-button-radius)); font-weight: var(--p-type-title-s-weight); }
  [data-plain="button"][data-loading] { cursor: progress; }

  
  [data-plain="button"] [data-slot="spinner"] { position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; }
  [data-plain="button"] [data-slot="spinner"] .p-spinner svg { width: 14px; height: 14px; }
  
  [data-plain="button"] [data-slot="spinner"], [data-plain="button"] > :not([data-slot="spinner"]):not([data-plain-vh]) { transition: opacity var(--p-motion-duration-swap) var(--p-motion-easing-exit), filter var(--p-motion-duration-swap) var(--p-motion-easing-exit); }
  [data-plain="button"] [data-slot="spinner"] .p-spinner { opacity: 1; }
  [data-plain="button"][data-loading]:not([data-spinner]) [data-slot="spinner"] { opacity: 0; filter: blur(2px); }
  [data-plain="button"][data-loading][data-spinner] > :not([data-slot="spinner"]):not([data-plain-vh]) { opacity: 0; filter: blur(2px); }

  [data-reduced-motion="true"] [data-plain="button"][data-pointer-pressed] { transform: none !important; }
  @media (prefers-reduced-motion: reduce) { [data-plain="button"] [data-slot="spinner"], [data-plain="button"] > :not([data-slot="spinner"]):not([data-plain-vh]) { transition: opacity 100ms ease; filter: none !important; } }
  [data-reduced-motion="true"] [data-plain="button"] [data-slot="spinner"], [data-reduced-motion="true"] [data-plain="button"] > :not([data-slot="spinner"]):not([data-plain-vh]) { transition: opacity 100ms ease; filter: none !important; }
  @media (prefers-reduced-motion: reduce) { [data-plain="button"][data-pointer-pressed] { transform: none !important; } }
}

@layer plain-components {
  
  :is([data-business="b2c"], [data-business="game"]) [data-plain="button"] { --_sel: var(--p-color-accent-action); }
  :is([data-business="b2c"], [data-business="game"]) [data-plain="button"][data-hovered][data-variant="primary"] { --_bg: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 8%); }
  :is([data-business="b2c"], [data-business="game"]) [data-plain="button"][data-pressed][data-variant="primary"] { --_bg: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 16%); }
  :is([data-business="b2c"], [data-business="game"]) [data-plain="button"][data-variant="primary"], :is([data-business="b2c"], [data-business="game"]) [data-plain="button"][data-variant="primary"][data-disabled] { --_fg: var(--p-color-accent-on-action); }
}

@layer plain-components {
  
  .p-tx-title-s { font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); letter-spacing: var(--p-type-title-s-tracking); }
  .p-tx-title-m { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-m-weight); letter-spacing: var(--p-type-title-m-tracking); }
  .p-tx-body-m { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-m-weight); letter-spacing: var(--p-type-body-m-tracking); }
  .p-tx-body-s { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-body-s-weight); letter-spacing: var(--p-type-body-s-tracking); }
  .p-tx-label-m { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-m-weight); letter-spacing: var(--p-type-label-m-tracking); }
  .p-tx-label-s { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-s-weight); letter-spacing: var(--p-type-label-s-tracking); }
  .p-tx-caption { font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-caption-weight); letter-spacing: var(--p-type-caption-tracking); }
  .p-tx-numeric { font-variant-numeric: tabular-nums; }

  .p-tone-icon { display: inline-flex; flex: none; }
  .p-tone-icon[data-tone="info"] { color: var(--p-color-info-text); }
  .p-tone-icon[data-tone="success"] { color: var(--p-color-success-text); }
  .p-tone-icon[data-tone="warning"] { color: var(--p-color-warning-text); }
  .p-tone-icon[data-tone="danger"] { color: var(--p-color-danger-text); }
  .p-tone-icon[data-tone="neutral"] { color: var(--p-color-text-secondary); }

  
  .p-ob {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; gap: var(--p-button-icon-gap);
    height: calc(var(--p-button-size-md) * var(--p-ts, 1)); margin: 0; padding: 0 12px; border: 1px solid transparent; border-radius: var(--p-button-radius);
    background: transparent; color: var(--p-color-text-primary); font: inherit; font-size: calc(var(--p-button-font-size) * var(--p-ts, 1)); line-height: 20px; font-weight: var(--p-button-font-weight); letter-spacing: var(--p-type-tracking-sm);
    white-space: nowrap; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
    transition: background-color var(--p-field-transition) ease, border-color var(--p-field-transition) ease, box-shadow var(--p-field-transition) ease;
  }
  .p-ob > svg { flex: none; width: var(--p-button-icon-size); height: var(--p-button-icon-size); }
  .p-ob[data-size="sm"] { height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); padding: 0 10px; }
  .p-ob[data-size="lg"] { height: calc(var(--p-button-size-lg) * var(--p-ts, 1)); padding: 0 14px; font-size: calc(var(--p-button-font-size-lg) * var(--p-ts, 1)); }
  .p-ob[data-tone="primary"] { background: var(--p-color-text-primary); color: var(--p-color-text-inverse); box-shadow: var(--p-shadow-button-primary); }
  .p-ob[data-tone="secondary"] { background: var(--p-button-secondary-bg); color: var(--p-color-text-primary); border-color: var(--p-color-border-control); box-shadow: var(--p-shadow-control); }
  .p-ob[data-tone="ghost"] { color: var(--p-color-text-primary); }
  .p-ob[data-tone="destructive"] { background: var(--p-color-danger-solid); color: var(--p-color-danger-on-solid); box-shadow: inset 0 1px 0 var(--p-color-white-a10), 0 1px 2px var(--p-color-ink-a10); }
  .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 14%); }
  .p-ob[data-tone="secondary"][data-hovered] { background: var(--p-button-secondary-bg-hover); border-color: var(--p-color-border-control-hover); }
  .p-ob[data-tone="ghost"][data-hovered] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="destructive"][data-hovered] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 8%); }
  .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 24%); }
  .p-ob[data-tone="secondary"][data-pressed] { background: var(--p-button-ghost-bg-hover); }
  .p-ob[data-tone="ghost"][data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-ob[data-tone="destructive"][data-pressed] { background: color-mix(in oklab, var(--p-color-danger-solid), #000 16%); }
  .p-ob[data-focus-visible] { outline: none; border-color: var(--p-color-button-focus-border); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  .p-ob[data-tone="destructive"][data-focus-visible] { border-color: var(--p-color-danger-solid); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button-danger); }
  .p-ob[aria-disabled="true"] { opacity: var(--p-opacity-disabled); cursor: not-allowed; box-shadow: none; }
  .p-ob[aria-busy="true"] { cursor: progress; }
  @media (pointer: coarse) { .p-ob { min-height: var(--p-size-target-coarse); } }

  
  .p-backdrop {
    position: fixed; inset: 0; z-index: var(--p-z-overlay); background: var(--p-scrim-dialog); min-height: 100dvh;
    transition: opacity var(--p-motion-overlay-scrim-in) var(--p-motion-easing-enter);
    opacity: calc(1 - var(--drawer-swipe-progress, 0));
    -webkit-backdrop-filter: blur(var(--p-overlay-blur)); backdrop-filter: blur(var(--p-overlay-blur));
  }
  
  .p-backdrop--snap { opacity: 1; }
  .p-backdrop[data-starting-style], .p-backdrop[data-ending-style] { opacity: 0; }
  .p-backdrop[data-ending-style] { transition-duration: var(--p-motion-overlay-scrim-out); transition-timing-function: var(--p-motion-easing-standard); }
  
  .p-backdrop--instant, .p-backdrop--instant:is([data-starting-style], [data-ending-style]) { transition-duration: 0ms; }
  @media (prefers-reduced-transparency: reduce) { .p-backdrop { backdrop-filter: none; } }
  
  @media (prefers-reduced-motion: reduce) {
    .p-dialog.p-dialog.p-dialog, .p-sheet.p-sheet.p-sheet, .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  }
  [data-reduced-motion="true"] .p-dialog.p-dialog.p-dialog, [data-reduced-motion="true"] .p-sheet.p-sheet.p-sheet, [data-reduced-motion="true"] .p-backdrop.p-backdrop.p-backdrop { transition-duration: 0s !important; transition-delay: 0s !important; }
  
  @supports (-webkit-touch-callout: none) { .p-backdrop { position: absolute; } }

  
  @property --p-fade-t { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @property --p-fade-b { syntax: "<length>"; inherits: false; initial-value: 0px; }
  @keyframes p-fade-scroll {
    0% { --p-fade-t: 0px; --p-fade-b: 16px; }
    4% { --p-fade-t: 16px; }
    96% { --p-fade-b: 16px; }
    100% { --p-fade-t: 16px; --p-fade-b: 0px; }
  }
  .p-scroll-fade {
    --p-fade-t: 0px; --p-fade-b: 0px;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 var(--p-fade-t), #000 calc(100% - var(--p-fade-b)), transparent 100%);
  }
  @supports (animation-timeline: scroll()) {
    .p-scroll-fade { animation: p-fade-scroll linear both; animation-timeline: scroll(self block); }
  }
  @media (prefers-reduced-motion: reduce) { .p-scroll-fade { animation-timeline: scroll(self block); } }

  
  .p-notice {
    display: flex; align-items: flex-start; gap: 8px; padding: 8px 12px; border-radius: 8px;
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); letter-spacing: var(--p-type-tracking-sm);
  }
  .p-notice__text { flex: 1; min-width: 0; padding-top: 2px; }
  .p-notice .p-tone-icon { margin-top: 2px; }
  .p-notice[data-tone="danger"] { background: var(--p-color-danger-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-danger-border) 55%, transparent); color: var(--p-color-danger-text); }
  .p-notice[data-tone="warning"] { background: var(--p-color-warning-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-warning-border) 55%, transparent); color: var(--p-color-warning-text); }
  .p-notice[data-tone="info"] { background: var(--p-color-info-tint); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--p-color-info-border) 55%, transparent); color: var(--p-color-info-text); }
  .p-notice .p-ob { align-self: center; }

  
  .p-xbtn {
    appearance: none; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; background: transparent;
    width: calc(var(--p-button-size-sm) * var(--p-ts, 1)); height: calc(var(--p-button-size-sm) * var(--p-ts, 1)); border-radius: 6px; color: var(--p-color-text-tertiary); cursor: pointer;
    -webkit-tap-highlight-color: transparent; transition: background-color var(--p-field-transition) ease, color var(--p-field-transition) ease;
  }
  .p-xbtn[data-hovered] { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); }
  @media (hover: hover) and (pointer: fine) { .p-xbtn:hover { background: var(--p-button-ghost-bg-hover); color: var(--p-color-text-primary); } }
  .p-xbtn:active, .p-xbtn[data-pressed] { background: var(--p-button-ghost-bg-pressed); }
  .p-xbtn:focus-visible, .p-xbtn[data-focus-visible] { outline: none; box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  @media (pointer: coarse) { .p-xbtn { width: var(--p-size-target-coarse); height: var(--p-size-target-coarse); } }
  
  .p-keycap {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px;
    border-radius: 4px; background: var(--p-color-ink-a6);
    font: inherit; font-size: 11px; line-height: 16px; font-weight: 500; color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums;
  }
  .p-keycap-word { padding: 0 2px; }
  .p-menu__shortcut { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; padding-left: 16px; color: var(--p-color-text-tertiary); font-variant-numeric: tabular-nums; }
  .p-menu__shortcut[data-bare] { margin-left: 2px; padding-left: 0; }
  .p-ob .p-keycap { background: color-mix(in oklab, currentColor 14%, transparent); color: inherit; }
  .p-ob .p-keycap-word { padding: 0 2px; }
  @media (pointer: coarse) { .p-ob .p-menu__shortcut { display: none; } }
}

@layer plain-components {
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"] { background: var(--p-color-accent-action); color: var(--p-color-accent-on-action); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-hovered] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 8%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][data-pressed] { background: color-mix(in oklab, var(--p-color-accent-action), var(--p-color-accent-press-toward) 16%); }
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-tone="primary"][aria-disabled="true"] { opacity: 1; background: color-mix(in oklab, var(--p-color-accent-action) calc(var(--p-opacity-accent-disabled) * 100%), var(--p-color-bg-default)); }
  
  :is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta) * var(--p-ts, 1)); padding: 0 20px; border-radius: var(--p-radius-cta, var(--p-button-radius)); font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) .p-ob[data-size="lg"] { height: calc(var(--p-size-cta-touch) * var(--p-ts, 1)); }
}

@layer plain-components {
  .p-empty { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: 8px; width: 100%; max-width: 360px; margin: 0 auto; padding: 32px 16px; text-align: center; color: var(--p-color-text-secondary); }
  .p-empty[data-size="sm"] { padding: 16px; gap: 6px; }
  .p-empty[data-size="lg"] { padding: 64px 24px; gap: 12px; max-width: 420px; }
  .p-empty__glyph { display: inline-flex; margin-bottom: 4px; color: var(--p-color-text-tertiary); }
  .p-empty[data-variant="blocked"] .p-empty__glyph { color: var(--p-color-danger-text); }
  .p-empty__title { margin: 0; color: var(--p-color-text-primary); font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); text-wrap: balance; }
  .p-empty[data-size="lg"] .p-empty__title { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-m-weight); }
  .p-empty__desc { margin: 0; font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); text-wrap: pretty; }
  .p-empty__tips { margin: 0; padding: 0; list-style: none; font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-tertiary); }
  .p-empty .p-ob { margin-top: 8px; }
}

@layer plain-components {
  .p-empty { gap: 4px; max-width: 40ch; padding: 40px 16px; }
  .p-empty[data-size="sm"] { padding: 20px 16px; }
  .p-empty[data-size="lg"] { padding: 80px 24px; gap: 6px; max-width: 44ch; }
  .p-empty__glyph { margin-bottom: 8px; }
  .p-empty__title, .p-empty[data-size="lg"] .p-empty__title { font-size: calc(15px * var(--p-ts, 1)); line-height: calc(22px * var(--p-ts, 1)); font-weight: min(600, var(--p-font-weight-max, 1000)); letter-spacing: -0.011em; }
  .p-empty__desc { max-width: 40ch; font-size: calc(14px * var(--p-ts, 1)); line-height: calc(20px * var(--p-ts, 1)); }
  .p-empty .p-ob { margin-top: 12px; }
}

@layer plain-components {
  [data-plain="chart"] {
    margin: 0; display: flex; flex-direction: column; gap: var(--p-space-8); min-width: 0; color: var(--p-color-text-primary);
    font-family: var(--p-font-family-sans); word-break: keep-all;
  }
  [data-plain="chart"] [data-chart-head] { display: flex; align-items: center; justify-content: space-between; gap: var(--p-space-12); min-height: var(--p-space-32); }
  
  [data-plain="chart"] [data-chart-title] {
    font-size: calc(15px * var(--p-ts, 1)); line-height: calc(22px * var(--p-ts, 1)); font-weight: min(600, var(--p-font-weight-max, 1000)); letter-spacing: -0.011em; color: var(--p-color-text-primary);
  }
  [data-plain="chart"] [data-chart-head] [data-plain="button"] { flex: none; }

  [data-plain="chart"] [data-chart-plot] { position: relative; min-width: 0; }
  
  [data-plain="chart"] svg { position: absolute; inset: 0 auto auto 0; display: block; overflow: visible; border-radius: var(--p-radius-4); touch-action: pan-y; }
  [data-plain="chart"] svg:focus { outline: none; }
  [data-plain="chart"] svg:focus-visible { outline: 2px solid var(--p-color-focus-ring); outline-offset: 2px; }

  [data-plain="chart"] [data-chart-grid] line { stroke: var(--p-color-border-subtle); stroke-width: 1; shape-rendering: crispEdges; }
  [data-plain="chart"] [data-chart-grid] line[data-baseline] { stroke: var(--p-color-border-strong); }
  [data-plain="chart"] text {
    fill: var(--p-color-text-secondary); font-size: calc(12px * var(--p-ts, 1)); font-variant-numeric: tabular-nums; letter-spacing: 0;
  }
  [data-plain="chart"] text[data-axis="x"][data-active] { fill: var(--p-color-text-primary); font-weight: 500; }
  [data-plain="chart"] [data-chart-band] { fill: var(--p-color-ink-a8); }

  [data-plain="chart"] [data-bar] { fill: var(--p-color-accent-solid); }
  
  [data-theme="dark"] [data-plain="chart"] [data-bar], [data-plain="chart"][data-theme="dark"] [data-bar] { fill: color-mix(in oklab, var(--p-color-accent-solid) 80%, var(--p-color-bg-default)); }
  [data-plain="chart"] [data-bar][data-partial] { fill-opacity: 0.42; }
  [data-plain="chart"] [data-line] { fill: none; stroke: var(--p-color-accent-solid); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
  [data-plain="chart"] [data-area] { fill: var(--p-color-accent-solid); fill-opacity: 0.1; }
  [data-plain="chart"] [data-dot] { fill: var(--p-color-accent-solid); stroke: var(--p-color-bg-default); stroke-width: 2; }
  
  [data-plain="chart"] [data-line][data-partial] { stroke-dasharray: 2 5; stroke-linecap: butt; }
  [data-plain="chart"] [data-dot][data-partial] { fill: var(--p-color-bg-default); stroke: var(--p-color-accent-solid); stroke-width: 2; }
  [data-plain="chart"] [data-crosshair] { stroke: var(--p-color-border-strong); stroke-width: 1; shape-rendering: crispEdges; }
  [data-plain="chart"] [data-chart-hits] rect { fill: transparent; cursor: pointer; }
  [data-plain="chart"] [data-chart-hits] { pointer-events: all; }

  
  [data-plain="chart"] [data-chart-tooltip], [data-plain="chart"] [data-chart-readout] {
    position: absolute; z-index: 1; pointer-events: none; display: flex; align-items: center; gap: var(--p-space-8); box-sizing: border-box; white-space: nowrap;
    font-size: calc(12px * var(--p-ts, 1)); line-height: calc(16px * var(--p-ts, 1)); font-variant-numeric: tabular-nums;
  }
  [data-plain="chart"] [data-chart-tooltip] {
    padding: 0 var(--p-space-8); border-radius: var(--p-tooltip-radius); background: var(--p-tooltip-bg); color: var(--p-tooltip-fg);
  }
  [data-plain="chart"] [data-chart-tooltip] strong { font-weight: min(600, var(--p-font-weight-max, 1000)); }
  [data-plain="chart"] [data-chart-tooltip] span { opacity: 0.8; }
  [data-plain="chart"] [data-chart-readout] { left: 0; padding: 0; color: var(--p-color-text-secondary); }
  [data-plain="chart"] [data-chart-readout] strong { font-weight: min(600, var(--p-font-weight-max, 1000)); color: var(--p-color-text-primary); }

  
  [data-plain="chart"] [data-chart-empty] { display: flex; align-items: center; justify-content: center; }

  [data-plain="chart"] [data-chart-skeleton] {
    display: flex; align-items: flex-end; justify-content: space-around; gap: var(--p-space-8); box-sizing: border-box;
    padding: calc(var(--p-space-32) + var(--p-space-4)) var(--p-space-8) var(--p-space-24) var(--p-space-48); border-bottom: 1px solid var(--p-color-border-subtle);
  }
  [data-plain="chart"] [data-chart-skeleton] span {
    display: block; width: var(--p-space-24); max-width: 12%; border-radius: var(--p-radius-4) var(--p-radius-4) 0 0; background: var(--p-color-ink-a16);
    animation: p-chart-pulse var(--p-motion-skeleton-duration) var(--p-motion-easing-in-out) infinite alternate both;
  }
  @keyframes p-chart-pulse { from { opacity: 1; } to { opacity: 0.6; } }
  @media (prefers-reduced-motion: reduce) { [data-plain="chart"] [data-chart-skeleton] span { animation: none; } }

  
  [data-plain="chart"]:not([data-table-open]) [data-chart-table] {
    position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
  }
  
  [data-plain="chart"] [data-chart-table] table { width: 100%; border-collapse: collapse; font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); }
  [data-plain="chart"] [data-chart-table] th, [data-plain="chart"] [data-chart-table] td {
    padding: var(--p-space-4) var(--p-space-12); border-bottom: 1px solid var(--p-color-border-subtle); text-align: start; font-weight: 400; color: var(--p-color-text-primary);
  }
  [data-plain="chart"] [data-chart-table] thead th { color: var(--p-color-text-secondary); font-weight: 500; }
  [data-plain="chart"] [data-chart-table] th:first-child, [data-plain="chart"] [data-chart-table] td:first-child { padding-inline-start: 0; }
  [data-plain="chart"] [data-chart-table] th:last-child, [data-plain="chart"] [data-chart-table] td:last-child { padding-inline-end: 0; text-align: end; font-variant-numeric: tabular-nums; }

  
  [data-plain="stat-group"] { display: flex; flex-direction: column; gap: var(--p-space-8); min-width: 0; font-family: var(--p-font-family-sans); word-break: keep-all; }
  [data-plain="stat-group"] [data-stat-grid] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--p-space-16) var(--p-space-24); }
  @media (min-width: 640px) { [data-plain="stat-group"] [data-stat-grid] { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); } }
  [data-plain="stat-group"] [data-stat-group-caption] { margin: 0; font-size: calc(12px * var(--p-ts, 1)); line-height: calc(16px * var(--p-ts, 1)); color: var(--p-color-text-tertiary); }
  [data-plain="stat-tile"] {
    display: flex; flex-direction: column; gap: var(--p-space-4); min-width: 0; box-sizing: border-box; padding: 0;
    color: var(--p-color-text-primary); font-family: var(--p-font-family-sans); word-break: keep-all;
  }
  [data-plain="stat-tile"] [data-stat-label] { font-size: calc(12px * var(--p-ts, 1)); line-height: calc(16px * var(--p-ts, 1)); font-weight: 500; color: var(--p-color-text-secondary); }
  [data-plain="stat-tile"] [data-stat-value] {
    display: flex; flex-wrap: wrap; align-items: baseline; column-gap: var(--p-space-8);
    font-size: calc(20px * var(--p-ts, 1)); line-height: calc(24px * var(--p-ts, 1)); font-weight: min(600, var(--p-font-weight-max, 1000)); letter-spacing: -0.02em; font-variant-numeric: tabular-nums; white-space: nowrap;
  }
  @media (min-width: 640px) { [data-plain="stat-tile"] [data-stat-value] { font-size: calc(24px * var(--p-ts, 1)); line-height: calc(28px * var(--p-ts, 1)); } }
  [data-plain="stat-tile"] [data-stat-caption] { font-size: calc(12px * var(--p-ts, 1)); line-height: calc(16px * var(--p-ts, 1)); color: var(--p-color-text-tertiary); }
  [data-plain="stat-tile"] [data-stat-delta] { font-size: calc(13px * var(--p-ts, 1)); line-height: calc(16px * var(--p-ts, 1)); font-weight: 500; letter-spacing: 0; white-space: nowrap; }
  [data-plain="stat-tile"] [data-stat-delta][data-tone="success"] { color: var(--p-color-success-text); }
  [data-plain="stat-tile"] [data-stat-delta][data-tone="danger"] { color: var(--p-color-danger-text); }
  [data-plain="stat-tile"] [data-stat-delta][data-tone="neutral"] { color: var(--p-color-text-secondary); }

  
  [data-plain="chart"] [data-compare-line] { fill: none; stroke: var(--p-color-text-tertiary); stroke-width: 1.5; stroke-dasharray: 5 4; stroke-linejoin: round; stroke-linecap: butt; }
  [data-plain="chart"] [data-compare-dot] { fill: var(--p-color-bg-default); stroke: var(--p-color-text-tertiary); stroke-width: 1.5; }
  [data-plain="chart"] [data-compare-bar] { fill: var(--p-color-ink-a8); stroke: var(--p-color-text-tertiary); stroke-width: 1; }
  
  [data-plain="chart"] [data-chart-readout][data-two-line] { flex-wrap: wrap; align-content: flex-start; row-gap: var(--p-space-4); padding-top: var(--p-space-4); }
  [data-plain="chart"] [data-chart-readout] [data-readout-line2] { flex: 0 0 100%; display: flex; gap: var(--p-space-8); }
  
  [data-plain="chart"] [data-chart-empty] .p-empty__desc { text-wrap: balance; }
  [data-plain="chart"] [data-chart-key] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--p-space-4) var(--p-space-16); margin-top: calc(var(--p-space-4) * -1); font-size: calc(12px * var(--p-ts, 1)); line-height: calc(16px * var(--p-ts, 1)); color: var(--p-color-text-secondary); }
  [data-plain="chart"] [data-chart-key-item] { display: inline-flex; align-items: center; gap: var(--p-space-8); white-space: nowrap; }
  [data-plain="chart"] [data-chart-key-item] svg { position: static; flex: none; overflow: visible; }
  [data-plain="chart"] [data-key-sample="current"] { stroke: var(--p-color-accent-solid); stroke-width: 2; stroke-linecap: round; fill: var(--p-color-accent-solid); }
  [data-plain="chart"] line[data-key-sample="current"] { fill: none; }
  [data-plain="chart"] [data-key-sample="compare"] { stroke: var(--p-color-text-tertiary); stroke-width: 1.5; stroke-dasharray: 4 3; fill: none; }
  [data-plain="chart"] rect[data-key-sample="compare"] { stroke-dasharray: none; fill: var(--p-color-ink-a8); stroke-width: 1; }
  [data-plain="chart"] [data-chart-tooltip] [data-tip-delta] { opacity: 1; }
  [data-plain="chart"] [data-chart-readout] [data-tip-delta] { color: var(--p-color-text-primary); }
  [data-plain="chart"] [data-chart-table] td[data-compare-cell] { color: var(--p-color-text-secondary); }
  [data-plain="chart"] [data-chart-table] th:last-child, [data-plain="chart"] [data-chart-table] td:last-child { text-align: end; }
  
  [data-plain="chart"] [data-chart-table] :is(th, td):not(:first-child) { text-align: end; font-variant-numeric: tabular-nums; }

  
  [data-plain="stat-tile"][data-bordered] { padding: var(--p-space-12) var(--p-space-16); border: 1px solid var(--p-color-border-subtle); border-radius: var(--p-radius-8); }
  [data-plain="stat-group"][data-bordered] [data-stat-grid] { gap: var(--p-space-12); }
  
  @media (max-width: 639px) { [data-plain="stat-group"] [data-stat-grid] > [data-plain="stat-tile"][data-bordered]:last-child:nth-child(odd) { grid-column: 1 / -1; } }
  
  [data-plain="stat-group"]:not([data-bordered]) { gap: var(--p-space-16); }
  [data-plain="stat-group"]:not([data-bordered]) [data-stat-group-caption] { padding-bottom: var(--p-space-8); border-bottom: 1px solid var(--p-color-ink-a6); }

  
  [data-plain="bar-rows"] { display: flex; flex-direction: column; gap: var(--p-space-8); min-width: 0; font-family: var(--p-font-family-sans); word-break: keep-all; color: var(--p-color-text-primary); }
  [data-plain="bar-rows"] [data-bar-rows-title] { font-size: calc(15px * var(--p-ts, 1)); line-height: calc(22px * var(--p-ts, 1)); font-weight: min(600, var(--p-font-weight-max, 1000)); letter-spacing: -0.011em; }
  [data-plain="bar-rows"] ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
  [data-plain="bar-rows"] li {
    display: grid; grid-template-columns: minmax(45%, 52%) minmax(0, 1fr) var(--p-bar-rows-value-w, auto); align-items: center; column-gap: var(--p-space-12);
    padding: var(--p-space-8) 0; border-bottom: 1px solid var(--p-color-border-subtle); position: relative;
  }
  [data-plain="bar-rows"] li:last-child { border-bottom: 0; }
  [data-plain="bar-rows"] [data-bar-rows-label] { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); overflow-wrap: break-word; text-wrap: balance; }
  [data-plain="bar-rows"] [data-bar-rows-track] { display: block; height: var(--p-space-8); border-radius: var(--p-radius-4); background: var(--p-color-ink-a6); overflow: hidden; }
  [data-plain="bar-rows"] [data-bar-rows-bar] { display: block; height: 100%; border-radius: var(--p-radius-4); background: var(--p-color-text-secondary); }
  [data-plain="bar-rows"] li[data-highlight] [data-bar-rows-bar] { background: var(--p-color-accent-solid); }
  [data-plain="bar-rows"] [data-bar-rows-value] { min-width: 3ch; white-space: nowrap; text-align: end; font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: min(600, var(--p-font-weight-max, 1000)); font-variant-numeric: tabular-nums; }
  [data-plain="bar-rows"] [data-plain-vh] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

  
  [data-plain="chart"] [data-chart-refline] line { stroke: var(--p-color-text-secondary); stroke-width: 1; stroke-dasharray: 4 3; shape-rendering: crispEdges; }
  [data-plain="chart"] [data-chart-refline] text { fill: var(--p-color-text-secondary); paint-order: stroke; stroke: var(--p-color-bg-default); stroke-width: 3px; stroke-linejoin: round; }
  [data-plain="chart"] [data-bar-rows-value][data-negative] { color: var(--p-color-danger-text); }
  
  [data-plain="bar-rows"] [data-bar-rows-bar][data-negative] { background: var(--p-color-danger-text); }
  
  [data-plain="bar-rows"] ul[data-ref] [data-bar-rows-track] { position: relative; overflow: visible; }
  [data-plain="bar-rows"] [data-bar-rows-ref] { position: absolute; top: calc(var(--p-space-8) * -1 - 1px); bottom: calc(var(--p-space-8) * -1 - 1px); width: 1px; background: repeating-linear-gradient(to bottom, var(--p-color-text-secondary) 0 4px, transparent 4px 7px); pointer-events: none; }
  [data-plain="bar-rows"] [data-bar-rows-refhead] { display: grid; grid-template-columns: minmax(45%, 52%) minmax(0, 1fr) var(--p-bar-rows-value-w, auto); column-gap: var(--p-space-12); }
  [data-plain="bar-rows"] [data-bar-rows-reftrack] { position: relative; display: block; height: calc(16px * var(--p-ts, 1)); grid-column: 2; }
  [data-plain="bar-rows"] [data-bar-rows-reflabel] { position: absolute; top: 0; transform: translateX(-50%); white-space: nowrap; font-size: calc(12px * var(--p-ts, 1)); line-height: calc(16px * var(--p-ts, 1)); color: var(--p-color-text-secondary); }
  [data-plain="chart"] [data-chart-values] text { fill: var(--p-color-text-primary); paint-order: stroke; stroke: var(--p-color-bg-default); stroke-width: 3px; stroke-linejoin: round; }
}

@layer plain-components {
  [data-plain="map"] {
    --p-map-h: calc(var(--p-space-80) * 4);
    container-type: inline-size;
    color: var(--p-color-text-primary); font-family: var(--p-font-family-sans);
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: var(--p-type-body-s-line-height);
    word-break: keep-all; min-width: 0;
  }
  [data-plain="map"][data-height="sm"] { --p-map-h: calc(var(--p-space-80) * 3); }
  [data-plain="map"][data-height="lg"] { --p-map-h: calc(var(--p-space-80) * 5.5); }

  .p-map__layout {
    display: grid; grid-template-columns: minmax(0, 1fr);
    border: 1px solid var(--p-color-border-subtle); border-radius: var(--p-radius-card); overflow: hidden; background: var(--p-color-bg-default);
  }
  @container (min-width: 720px) {
    [data-plain="map"][data-stops="side"] .p-map__layout { grid-template-columns: minmax(0, 1fr) calc(var(--p-space-80) * 4); }
    [data-plain="map"][data-stops="side"] .p-map__list { border-top: 0; border-left: 1px solid var(--p-color-border-subtle); max-height: var(--p-map-h); overflow: auto; }
  }

  
  @container (max-width: 479px) {
    [data-plain="map"][data-height="lg"] .p-map__box { height: calc(var(--p-space-80) * 4); }
  }

  
  .p-map__box { position: relative; height: var(--p-map-h); overflow: hidden; background: var(--p-color-surface-2); min-width: 0; }
  .p-map__gl { position: absolute; inset: 0; }
  .p-map__static { position: absolute; inset: 0; display: block; }
  .p-map__ground { fill: var(--p-color-surface-2); }
  
  .p-map__route { fill: none; stroke: var(--p-color-text-primary); stroke-width: 2.5; stroke-dasharray: 5 4; }
  .p-map__route line, .p-map__route-done line { stroke: inherit; stroke-width: inherit; }
  .p-map__route-done { fill: none; stroke: var(--p-color-success-solid); stroke-width: 2.5; }
  
  .p-map__notice {
    position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; margin: 0; box-sizing: border-box;
    padding: var(--p-space-4) var(--p-space-12); border-top: 1px solid var(--p-color-border-subtle);
    background: var(--p-color-bg-default); color: var(--p-color-text-secondary);
    font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: var(--p-type-caption-line-height);
  }
  .p-map__box[data-empty] { background: var(--p-color-bg-default); }
  .p-map__empty { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
  
  .p-map__skeleton { position: absolute; inset: 0; display: flex; align-items: center; justify-content: space-around; padding: var(--p-space-16) var(--p-space-32); box-sizing: border-box; }
  .p-map__skeleton span {
    display: block; width: var(--p-size-control-24); height: var(--p-size-control-24); border-radius: var(--p-radius-full); background: var(--p-color-text-tertiary);
    animation: p-map-pulse var(--p-motion-skeleton-duration) var(--p-motion-easing-in-out) infinite alternate both;
  }
  .p-map__skeleton span:nth-child(even) { transform: translateY(calc(var(--p-space-24) * -1)); }
  .p-map__skeleton span:nth-child(3) { animation-delay: 160ms; }
  @keyframes p-map-pulse { from { opacity: 1; } to { opacity: 0.75; } }
  @media (prefers-reduced-motion: reduce) { .p-map__skeleton span { animation: none; } }
  .p-map__sr { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  
  .p-map__gl.maplibregl-map { overflow: hidden; }
  .p-map__gl .maplibregl-canvas { position: absolute; left: 0; top: 0; }
  .p-map__gl .maplibregl-canvas-container.maplibregl-interactive { cursor: grab; }
  .p-map__gl .maplibregl-canvas-container.maplibregl-interactive:active { cursor: grabbing; }
  .p-map__gl .maplibregl-control-container { display: none; }

  
  .p-map__pins { position: absolute; inset: 0; pointer-events: none; }
  .p-map__pin {
    position: absolute; transform: translate(-50%, -50%); pointer-events: auto; cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box;
    width: var(--p-size-control-24); height: var(--p-size-control-24); padding: 0; border-radius: var(--p-radius-full);
    border: 1px solid transparent; box-shadow: 0 0 0 2px var(--p-color-bg-default);
    font: inherit; font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); font-weight: min(600, var(--p-font-weight-max, 1000)); line-height: 1; font-variant-numeric: tabular-nums;
  }
  .p-map__pin::before { content: ""; position: absolute; inset: -4px; border-radius: var(--p-radius-full); }
  [data-pointer="coarse"] .p-map__pin::before { inset: calc((var(--p-size-target-coarse) - var(--p-size-control-24)) / -2); }
  .p-map__num {
    display: inline-flex; align-items: center; justify-content: center; flex: none; box-sizing: border-box;
    width: var(--p-size-control-24); height: var(--p-size-control-24); border-radius: var(--p-radius-full); border: 1px solid transparent;
    font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); font-weight: min(600, var(--p-font-weight-max, 1000)); line-height: 1; font-variant-numeric: tabular-nums;
  }
  :is(.p-map__pin, .p-map__num)[data-status="scheduled"] { background: var(--p-color-bg-default); border-color: var(--p-color-border-strong); color: var(--p-color-text-primary); }
  :is(.p-map__pin, .p-map__num)[data-status="en-route"] { background: var(--p-color-info-solid); color: var(--p-color-info-on-solid); }
  :is(.p-map__pin, .p-map__num)[data-status="in-progress"] { background: var(--p-color-warning-solid); color: var(--p-color-warning-on-solid); }
  :is(.p-map__pin, .p-map__num)[data-status="done"] { background: var(--p-color-success-solid); color: var(--p-color-success-on-solid); }
  :is(.p-map__pin, .p-map__num)[data-status="canceled"] { background: var(--p-color-surface-3); border-color: var(--p-color-border-default); color: var(--p-color-text-secondary); text-decoration: line-through; }
  @media (hover: hover) { .p-map__pin:hover { box-shadow: 0 0 0 2px var(--p-color-bg-default), 0 0 0 4px var(--p-color-ink-a24); } }
  .p-map__pin:active { box-shadow: 0 0 0 2px var(--p-color-bg-default), 0 0 0 4px var(--p-color-ink-a32); }
  .p-map__pin[data-selected] {
    width: var(--p-size-control-32); height: var(--p-size-control-32); z-index: 2;
    font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1));
    box-shadow: 0 0 0 2px var(--p-color-bg-default), 0 0 0 4px var(--p-color-accent-solid);
  }
  .p-map__pin:focus-visible { outline: var(--p-stroke-focus, 2px) solid var(--p-color-focus-ring); outline-offset: 4px; z-index: 3; }

  
  .p-map__route line[data-depot-leg] { stroke: var(--p-color-text-secondary); stroke-width: 2; }
  .p-map__depot { position: absolute; transform: translate(-50%, -50%); pointer-events: none; display: flex; align-items: center; justify-content: center; z-index: 1; }
  .p-map__depot-mark {
    display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; flex: none;
    width: var(--p-size-control-24); height: var(--p-size-control-24); border-radius: var(--p-radius-4);
    background: var(--p-color-text-primary); color: var(--p-color-bg-default); box-shadow: 0 0 0 2px var(--p-color-bg-default);
  }
  .p-map__depot-name {
    position: absolute; top: 50%; transform: translateY(-50%); white-space: nowrap; box-sizing: border-box; padding: 0 var(--p-space-4); border-radius: var(--p-radius-4);
    background: color-mix(in oklab, var(--p-color-bg-default) 80%, transparent); color: var(--p-color-text-primary); font-weight: min(600, var(--p-font-weight-max, 1000));
    font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: var(--p-type-caption-line-height); word-break: normal;
  }
  .p-map__depot[data-name="right"] .p-map__depot-name { left: calc(100% + var(--p-space-8)); }
  .p-map__depot[data-name="left"] .p-map__depot-name { right: calc(100% + var(--p-space-8)); }

  
  .p-map__callout {
    position: absolute; z-index: 4; box-sizing: border-box; display: grid; gap: var(--p-space-4);
    padding: var(--p-space-12); border-radius: var(--p-radius-control);
    background: var(--p-overlay-bg, var(--p-color-bg-default)); border: 1px solid var(--p-color-border-default); box-shadow: var(--p-shadow-overlay, none);
  }
  .p-map__callout[data-docked] {
    position: static; z-index: auto; border: 0; border-top: 1px solid var(--p-color-border-subtle); border-radius: 0; box-shadow: none;
    background: var(--p-color-bg-default); padding: var(--p-space-12);
  }
  .p-map__callout-head { display: flex; align-items: center; gap: var(--p-space-8); min-width: 0; }
  .p-map__callout-name { font-weight: min(600, var(--p-font-weight-max, 1000)); font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: var(--p-type-body-m-line-height); }
  .p-map__callout-line { color: var(--p-color-text-secondary); }
  .p-map__callout-meta { display: flex; align-items: center; flex-wrap: wrap; gap: var(--p-space-4) var(--p-space-8); }
  .p-map__time { color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums; white-space: nowrap; }
  .p-map__directions { margin-left: auto; display: inline-flex; }
  .p-map__callout-meta .p-status__text { white-space: nowrap; }

  
  .p-map__attrib {
    position: absolute; right: var(--p-space-4); bottom: var(--p-space-4); z-index: 5; box-sizing: border-box; max-width: calc(100% - var(--p-space-8)); text-align: end;
    padding: 0 var(--p-space-4); border-radius: var(--p-radius-4);
    background: color-mix(in oklab, var(--p-color-bg-default) 72%, transparent); color: var(--p-color-text-secondary);
    font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: var(--p-type-caption-line-height); word-break: normal;
  }
  .p-map__attrib a { color: var(--p-color-text-secondary); text-decoration: none; }
  @media (hover: hover) { .p-map__attrib a:hover { color: var(--p-color-text-primary); text-decoration: underline; } }
  .p-map__attrib a:focus-visible { outline: var(--p-stroke-focus, 2px) solid var(--p-color-focus-ring); outline-offset: 1px; border-radius: var(--p-radius-4); }

  
  .p-map__list { border-top: 1px solid var(--p-color-border-subtle); min-width: 0; }
  .p-map__list[data-visually-hidden] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .p-map__list-head {
    position: sticky; top: 0; z-index: 1; display: flex; align-items: baseline; gap: var(--p-space-8);
    padding: var(--p-space-8) var(--p-space-12); background: var(--p-color-bg-default); border-bottom: 1px solid var(--p-color-border-subtle);
    font-weight: min(600, var(--p-font-weight-max, 1000)); font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1));
  }
  .p-map__count { color: var(--p-color-text-secondary); font-weight: 400; font-variant-numeric: tabular-nums; }
  .p-map__rows { list-style: none; margin: 0; padding: 0; }
  .p-map__rows > li + li { border-top: 1px solid var(--p-color-border-subtle); }
  .p-map__row {
    display: flex; align-items: flex-start; gap: var(--p-space-12); width: 100%; box-sizing: border-box; margin: 0;
    padding: var(--p-space-8) var(--p-space-12); border: 0; background: transparent; color: inherit; font: inherit; text-align: start; cursor: pointer;
  }
  [data-pointer="coarse"] .p-map__row { min-height: var(--p-size-target-coarse); }
  @media (hover: hover) { .p-map__row:hover { background: var(--p-color-surface-hover); } }
  .p-map__row:active { background: var(--p-color-surface-pressed); }
  .p-map__row[data-selected] { background: var(--p-color-accent-tint); }
  .p-map__row:focus-visible { outline: var(--p-stroke-focus, 2px) solid var(--p-color-focus-ring); outline-offset: -2px; }
  .p-map__row-n { flex: none; width: var(--p-size-control-24); text-align: center; color: var(--p-color-text-secondary); font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); font-weight: min(600, var(--p-font-weight-max, 1000)); font-variant-numeric: tabular-nums; line-height: var(--p-type-body-s-line-height); }
  .p-map__row[data-status="canceled"] .p-map__row-n { text-decoration: line-through; }
  .p-map__row-main { display: grid; gap: var(--p-space-2); flex: 1; min-width: 0; }
  .p-map__row-bottom { display: flex; align-items: center; flex-wrap: wrap; gap: var(--p-space-2) var(--p-space-12); min-width: 0; }
  .p-map__row-name { min-width: 0; font-weight: 500; }
  .p-map__row[data-status="canceled"] .p-map__row-name { color: var(--p-color-text-secondary); text-decoration: line-through; }
  .p-map__row-addr { min-width: 0; color: var(--p-color-text-secondary); }
  .p-map__row-bottom .p-status__text { white-space: nowrap; }

  @media (prefers-reduced-motion: no-preference) {
    .p-map__pin { transition: width 120ms ease-out, height 120ms ease-out, box-shadow 120ms ease-out; }
  }
}

@layer plain-components {
  
  .p-activity { --_lh: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); --_mk: 16px; --_dot: 6px; container-type: inline-size; display: flex; flex-direction: column; gap: var(--p-space-16); min-width: 0; max-width: 720px; color: var(--p-color-text-primary); font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: var(--_lh); }
  .p-activity:lang(ko), .p-activity :lang(ko) { word-break: keep-all; }
  .p-activity ol { list-style: none; margin: 0; padding: 0; }
  
  .p-activity__filters { min-width: 0; position: relative; overflow-x: clip; padding-inline: 4px; margin-inline: -4px; }
  .p-activity__days { display: flex; flex-direction: column; gap: var(--p-space-16); }
  .p-activity__day-title { margin: 0; padding-block: var(--p-space-8); color: var(--p-color-text-primary); font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: 500; }
  .p-activity__day-title--skeleton { display: flex; align-items: center; min-height: calc(var(--p-space-16) + var(--p-type-label-m-line-height) * var(--p-ts, 1)); }
  .p-activity__day-title--skeleton > .p-skeleton { width: 72px; }
  .p-activity__filters--skeleton > .p-skeleton { width: min(100%, 421px); }
  .p-activity__item { position: relative; display: grid; grid-template-columns: var(--_mk) minmax(0, 1fr); column-gap: var(--p-space-8); }
  
  .p-activity__item::before { content: ""; position: absolute; inset-inline-start: calc(var(--_mk) / 2 - 0.5px); top: 0; bottom: 0; width: 1px; background: var(--p-color-border-subtle); }
  .p-activity__item:first-child::before { top: calc(var(--p-space-16) + var(--_lh) / 2); }
  .p-activity__item:last-child::before { bottom: calc(100% - var(--p-space-16) - var(--_lh) / 2); }
  .p-activity__item:only-child::before { display: none; }
  .p-activity__marker { position: relative; z-index: 1; align-self: start; justify-self: center; box-sizing: border-box; width: var(--_dot); height: var(--_dot); margin-top: calc(var(--p-space-16) + (var(--_lh) - var(--_dot)) / 2); border-radius: var(--p-radius-full); background: var(--p-color-text-tertiary); }
  .p-activity__content { all: unset; box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr) 96px 72px; grid-template-areas: "title status time" "body body amount"; column-gap: var(--p-space-12); row-gap: var(--p-space-2); min-width: 0; padding: var(--p-space-16) var(--p-space-8); margin-inline: calc(var(--p-space-8) * -1); border-radius: var(--p-radius-8); color: inherit; text-decoration: none; text-align: start; font: inherit; -webkit-tap-highlight-color: transparent; }
  .p-activity__content[data-interactive] { cursor: pointer; transition: background-color var(--p-motion-duration-hover) var(--p-motion-easing-standard); }
  .p-activity__content[data-hovered] { background: var(--p-color-surface-hover); }
  .p-activity__content[data-pressed] { background: var(--p-color-surface-pressed); }
  .p-activity__content[data-focus-visible] { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: calc(var(--p-stroke-focus) * -1); }
  .p-activity__title { grid-area: title; min-width: 0; text-wrap: balance; overflow-wrap: break-word; }
  .p-activity__actor { font-weight: min(600, var(--p-font-weight-max, 1000)); }
  .p-activity__status { grid-area: status; align-self: start; min-height: var(--_lh); display: inline-flex; align-items: center; }
  .p-activity__amount { grid-area: amount; justify-self: end; align-self: start; color: var(--p-color-text-primary); font-weight: min(600, var(--p-font-weight-max, 1000)); white-space: nowrap; font-variant-numeric: tabular-nums; }
  .p-activity__time { grid-area: time; justify-self: end; align-self: start; min-height: var(--_lh); display: inline-flex; align-items: center; color: var(--p-color-text-tertiary); font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); font-variant-numeric: tabular-nums; white-space: nowrap; }
  .p-activity__body { grid-area: body; display: flex; flex-direction: column; gap: var(--p-space-2); min-width: 0; }
  .p-activity__line { min-width: 0; overflow-wrap: break-word; text-wrap: pretty; }
  .p-activity__line[data-role="primary"] { color: var(--p-color-text-primary); }
  .p-activity__line[data-role="secondary"] { color: var(--p-color-text-secondary); }
  .p-activity [data-plain="money-display"] { font-size: inherit; line-height: inherit; color: inherit; font-weight: inherit; font-variant-numeric: tabular-nums; }
  .p-activity__meta { color: var(--p-color-text-tertiary); font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); }
  .p-activity__item--skeleton .p-activity__content { display: block; }
  .p-activity__more { display: flex; justify-content: flex-start; margin-inline-start: calc(var(--_mk) + var(--p-space-8) - var(--p-space-12)); }
  
  @container (max-width: 480px) {
    .p-activity__content { grid-template-columns: auto auto minmax(0, 1fr); grid-template-areas: "title title title" "time status amount" "body body body"; column-gap: var(--p-space-12); }
    .p-activity__time, .p-activity__status { justify-self: start; }
    .p-activity__amount { align-self: center; }
  }
  [data-pointer="coarse"] .p-activity__content[data-interactive] { min-height: var(--p-size-target-coarse); }
  @media (prefers-reduced-motion: reduce) { .p-activity__content[data-interactive] { transition: none; } }
}

@layer plain-components {
  [data-plain="message-preview"] { display: flex; flex-direction: column; gap: var(--p-space-12); min-width: 0; width: 100%; text-align: start; word-break: keep-all; overflow-wrap: anywhere; }
  [data-plain="message-preview"] p { margin: 0; }
  [data-plain="message-preview"] [data-slot="toolbar"] { display: flex; justify-content: flex-start; }
  [data-plain="message-preview"] [data-slot="stage"] { display: flex; justify-content: center; min-width: 0; }
  [data-plain="message-preview"] [data-slot="frame"] { width: 100%; min-width: 0; border: 1px solid var(--p-color-border-subtle); border-radius: var(--p-radius-md, 8px); overflow: hidden; background: var(--p-color-bg-default); }
  [data-plain="message-preview"] [data-slot="head"] { display: flex; flex-direction: column; gap: var(--p-space-4); padding: var(--p-space-12) var(--p-space-16); border-block-end: 1px solid var(--p-color-border-subtle); }
  [data-plain="message-preview"] [data-slot="from"] { font-size: calc(var(--p-type-body-s-size) * var(--p-ts)); line-height: var(--p-type-body-s-line-height); color: var(--p-color-text-secondary); }
  [data-plain="message-preview"] [data-slot="from-label"] { color: var(--p-color-text-tertiary); }
  [data-plain="message-preview"] [data-slot="subject"] { font-size: calc(var(--p-type-body-size) * var(--p-ts)); line-height: var(--p-type-body-line-height); font-weight: min(600, var(--p-font-weight-max, 1000)); color: var(--p-color-text-primary); text-wrap: balance; }
  [data-plain="message-preview"] [data-slot="preview"] { font-size: calc(var(--p-type-body-s-size) * var(--p-ts)); line-height: var(--p-type-body-s-line-height); color: var(--p-color-text-secondary); text-wrap: pretty; }
  [data-plain="message-preview"] [data-placeholder] { color: var(--p-color-text-tertiary); font-weight: 400; }
  [data-plain="message-preview"] [data-slot="content"] { position: relative; overflow: hidden; background: #fff; }
  [data-plain="message-preview"] [data-slot="iframe"] { display: block; width: 100%; height: 100%; border: 0; background: #fff; }
  [data-plain="message-preview"] [data-slot="loading"] { padding: var(--p-space-16); }
  [data-plain="message-preview"] [data-slot="content"] > [data-slot="placeholder"] { padding: var(--p-space-16); }
  [data-plain="message-preview"] [data-slot="placeholder"] { font-size: calc(var(--p-type-body-s-size) * var(--p-ts)); line-height: var(--p-type-body-s-line-height); color: var(--p-color-text-tertiary); text-wrap: pretty; }
  [data-plain="message-preview"][data-channel="email"] [data-slot="content"]:has(> [data-slot="placeholder"], > [data-slot="loading"]) { background: var(--p-color-bg-default); }
  [data-plain="message-preview"] [data-slot="footer"] { padding: var(--p-space-12) var(--p-space-16); border-block-start: 1px solid var(--p-color-border-subtle); font-size: calc(var(--p-type-body-s-size) * var(--p-ts)); line-height: var(--p-type-body-s-line-height); color: var(--p-color-text-secondary); text-wrap: pretty; }

  [data-plain="message-preview"][data-channel="sms"] { max-width: 420px; }
  
  [data-plain="message-preview"] [data-slot="stack"] { display: flex; flex-direction: column; align-items: stretch; gap: var(--p-space-8); width: fit-content; max-width: 85%; min-width: 0; }
  [data-plain="message-preview"][data-state="loading"] [data-slot="stack"], [data-plain="message-preview"][data-state="empty"] [data-slot="stack"] { width: 85%; }
  [data-plain="message-preview"] [data-slot="sender"] { text-align: start; font-size: calc(var(--p-type-body-s-size) * var(--p-ts)); line-height: var(--p-type-body-s-line-height); font-weight: min(600, var(--p-font-weight-max, 1000)); color: var(--p-color-text-secondary); }
  [data-plain="message-preview"] [data-slot="thread"] { display: flex; flex-direction: column; align-items: stretch; min-width: 0; }
  [data-plain="message-preview"] [data-slot="bubble"] { width: 100%; box-sizing: border-box; min-height: 96px; display: flex; flex-direction: column; gap: var(--p-space-8); padding: var(--p-space-8) var(--p-space-12); border-radius: 18px; border-end-start-radius: 6px; background: var(--p-color-ink-a8); color: var(--p-color-text-primary); font-size: calc(var(--p-type-body-size) * var(--p-ts)); line-height: var(--p-type-body-line-height); text-wrap: pretty; white-space: pre-wrap; }
  
  [data-plain="message-preview"] [data-slot="bubble"] :is(.p-skeleton__bar, .p-skeleton__block, .p-skeleton__line) { background-color: var(--p-color-ink-a16); }
  [data-plain="message-preview"] [data-slot="optout"] { color: var(--p-color-text-secondary); }
  [data-plain="message-preview"] [data-slot="counter"] { font-size: calc(var(--p-type-body-s-size) * var(--p-ts)); line-height: var(--p-type-body-s-line-height); color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums; text-align: start; min-width: 0; }
  [data-plain="message-preview"] [data-slot="counter"][data-over] { color: var(--p-color-danger-text); }
}

@layer plain-components {
  [data-plain="file-drop"] { display: flex; flex-direction: column; gap: var(--p-space-8); min-width: 0; max-width: 560px; text-align: start; word-break: keep-all; color: var(--p-color-text-primary); }
  [data-plain="file-drop"] [data-slot="label"] {
    font-size: calc(var(--p-field-label-size) * var(--p-ts)); line-height: calc(var(--p-field-label-line-height) * var(--p-ts));
    font-weight: var(--p-field-label-weight); letter-spacing: var(--p-type-tracking-sm);
  }
  [data-plain="file-drop"] [data-slot="zone"] {
    position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--p-space-12); box-sizing: border-box; min-height: 128px; padding: var(--p-space-16); text-align: center;
    border: var(--p-stroke-field) dashed var(--p-color-ink-a20); border-radius: var(--p-radius-8); background: transparent;
  }
  [data-plain="file-drop"] [data-slot="instruction"] { margin: 0; font-size: calc(var(--p-type-body-s-size) * var(--p-ts)); line-height: var(--p-type-body-s-line-height); color: var(--p-color-text-secondary); text-wrap: balance; }
  [data-plain="file-drop"][data-over] [data-slot="zone"] { border-color: var(--p-color-field-border-focus); background: var(--p-color-ink-a6); }
  [data-plain="file-drop"][data-over] [data-slot="instruction"] { color: var(--p-color-text-primary); }
  [data-plain="file-drop"][data-disabled] [data-slot="zone"] { opacity: var(--p-opacity-disabled); }
  
  [data-plain="file-drop"] [data-slot="input"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }

  [data-plain="file-drop"] [data-slot="rows"] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
  [data-plain="file-drop"] [data-slot="row"] { display: flex; flex-direction: column; gap: var(--p-space-4); padding: var(--p-space-8) 0; border-top: var(--p-stroke-field) solid var(--p-color-ink-a10); }
  [data-plain="file-drop"] [data-slot="row"]:first-child { border-top: 0; }
  [data-plain="file-drop"] [data-slot="line"] { display: flex; align-items: center; gap: var(--p-space-12); min-height: 32px; }
  [data-plain="file-drop"] [data-slot="name"] { flex: 1; min-width: 0; overflow-wrap: anywhere; font-size: calc(var(--p-type-body-size) * var(--p-ts)); line-height: var(--p-type-body-line-height); font-weight: 500; }
  [data-plain="file-drop"] [data-slot="size"] { flex: none; font-size: calc(var(--p-type-body-s-size) * var(--p-ts)); line-height: var(--p-type-body-s-line-height); color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums; }
  [data-plain="file-drop"] [data-slot="act"] { flex: none; display: flex; margin-inline-end: calc(var(--p-space-8) * -1); }
  [data-plain="file-drop"] [data-slot="act"] [data-plain="button"] { min-height: 32px; }
  [data-plain="file-drop"] [data-slot="progress"] { display: flex; align-items: center; gap: var(--p-space-12); }
  [data-plain="file-drop"] [data-slot="bar"] { flex: 1; height: 4px; border-radius: var(--p-radius-full); background: var(--p-color-ink-a10); overflow: hidden; }
  [data-plain="file-drop"] [data-slot="fill"] { display: block; height: 100%; background: var(--p-color-text-primary); border-radius: inherit; }
  [data-plain="file-drop"] [data-slot="pct"] { flex: none; min-width: 4ch; text-align: end; font-size: calc(var(--p-type-caption-size) * var(--p-ts)); line-height: 1; color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums; }
  
  [data-plain="file-drop"] [data-slot="error"] { display: flex; align-items: flex-start; gap: 6px; margin: 0; font-size: calc(var(--p-field-description-size) * var(--p-ts)); line-height: calc(var(--p-field-description-line-height) * var(--p-ts)); letter-spacing: var(--p-type-tracking-xs); color: var(--p-color-danger-text); text-wrap: pretty; }
  [data-plain="file-drop"] [data-slot="error"] svg { flex: none; width: 14px; height: 14px; margin-top: 1px; }
  [data-plain="file-drop"] [data-slot="live"] { display: contents; }
  @media (prefers-reduced-motion: no-preference) {
    [data-plain="file-drop"] [data-slot="fill"] { transition: width 200ms linear; }
  }
}

@layer plain-components {
  [data-plain="message-log-row"] { list-style: none; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; column-gap: var(--p-space-12, 12px); align-items: start; padding: var(--p-space-12, 12px) var(--p-space-12, 12px); border-bottom: 1px solid var(--p-color-border-subtle); background: var(--p-color-bg-default); }
  [data-plain="message-log-row"][data-channel-mark="word"], [data-plain="message-log-row"][data-channel-mark="none"] { grid-template-columns: minmax(0, 1fr) auto; }
  [data-plain="message-log-row"] [data-slot="channel"] { display: inline-flex; align-items: center; height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); }
  [data-plain="message-log-row"] [data-slot="main"] { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
  [data-plain="message-log-row"] [data-slot="head"] { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: var(--p-space-8, 8px); }
  [data-plain="message-log-row"] [data-slot="recipient"] { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: 500; color: var(--p-color-text-primary); overflow-wrap: anywhere; }
  [data-plain="message-log-row"] [data-slot="channel-word"] { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); }
  [data-plain="message-log-row"] [data-slot="preview"], [data-plain="message-log-row"] [data-slot="reason"] { margin: 0; font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); overflow-wrap: break-word; text-wrap: pretty; }
  [data-plain="message-log-row"] [data-slot="reason"] { color: var(--p-color-danger-text); }
  [data-plain="message-log-row"] [data-slot="sr"] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  [data-plain="message-log-row"] [data-slot="meta"] { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; text-align: right; }
  [data-plain="message-log-row"] [data-slot="time"] { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums; white-space: nowrap; }
  [data-plain="message-log-row"] [data-slot="action"] { margin-top: var(--p-space-4, 4px); }
}
@media (max-width: 480px) {
  @layer plain-components {
    [data-plain="message-log-row"] { grid-template-columns: auto minmax(0, 1fr); row-gap: var(--p-space-4, 4px); }
    [data-plain="message-log-row"][data-channel-mark="word"], [data-plain="message-log-row"][data-channel-mark="none"] { grid-template-columns: minmax(0, 1fr); }
    [data-plain="message-log-row"] [data-slot="meta"] { grid-column: -2 / -1; flex-direction: row; flex-wrap: wrap; align-items: baseline; justify-content: flex-start; gap: var(--p-space-4, 4px) var(--p-space-12, 12px); text-align: left; }
  }
}

@layer plain-components {
  [data-plain="setting-row"] { display: flex; align-items: center; justify-content: space-between; gap: var(--p-space-16, 16px); padding: var(--p-space-12, 12px) 0; border-bottom: 1px solid var(--p-color-border-subtle); }
  [data-plain="setting-row"]:last-child { border-bottom: 0; }
  [data-plain="setting-row"] > [data-slot="text"] { min-width: 0; flex: 1 1 0; display: flex; flex-direction: column; gap: 2px; }
  [data-plain="setting-row"] [data-slot="name"] { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); color: var(--p-color-text-primary); overflow-wrap: break-word; text-wrap: pretty; }
  [data-plain="setting-row"] [data-slot="description"] { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); overflow-wrap: break-word; text-wrap: pretty; }
  [data-plain="setting-row"] > [data-slot="control"] { flex: none; min-width: 0; }
  [data-plain="setting-row"][data-control-width="wide"] > [data-slot="control"] { width: min(240px, 40%); }
  
  [data-plain="setting-row"][data-kind="switch"] > [data-plain="selection"] { width: 100%; }
  [data-plain="setting-row"][data-kind="switch"] [data-slot="row"] { width: 100%; flex-direction: row-reverse; justify-content: space-between; gap: var(--p-space-16, 16px); }
  [data-plain="setting-row"][data-kind="switch"] [data-slot="text"] { flex: 1 1 0; }
  [data-plain="setting-row"][data-kind="switch"] { flex-direction: column; align-items: stretch; gap: 0; }
  
  [data-plain="setting-row"][data-kind="switch"] [data-plain="selection"] [data-slot="message"] { padding-inline-start: 0; margin-top: var(--p-space-4, 4px); padding-inline-end: calc(var(--_tw, 40px) + var(--p-space-16, 16px)); color: var(--p-color-text-secondary); font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); }
  [data-plain="setting-row"] [data-slot="action"] { margin-top: var(--p-space-4, 4px); text-align: start; }
  
  [data-plain="setting-row"][data-kind="switch"] [data-slot="row"][data-disabled] :is([data-slot="label"], [data-slot="description"]) { color: var(--p-color-text-secondary); }
}
@media (max-width: 480px) {
  @layer plain-components {
    [data-plain="setting-row"][data-control-width="wide"] { flex-direction: column; align-items: stretch; gap: var(--p-space-8, 8px); }
    [data-plain="setting-row"][data-control-width="wide"] > [data-slot="control"] { width: 100%; }
  }
}

@layer plain-components {
  .p-page-grid { container-type: inline-size; container-name: p-page-grid; box-sizing: border-box; width: 100%; }
  .p-page-grid__track { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--p-space-24); }
  .p-page-grid__main, .p-page-grid__aside { min-width: 0; }
  .p-page-grid[data-aside-first] .p-page-grid__aside { order: -1; }
  @container p-page-grid (min-width: 900px) {
    .p-page-grid[data-has-aside] .p-page-grid__track { grid-template-columns: minmax(0, 1fr) clamp(320px, 30cqw, 360px); gap: var(--p-space-32); }
    .p-page-grid[data-has-aside][data-aside-first] .p-page-grid__track { grid-template-columns: clamp(320px, 30cqw, 360px) minmax(0, 1fr); }
    
    .p-page-grid[data-has-aside][data-aside-sticky] .p-page-grid__aside {
      position: sticky; top: var(--p-page-grid-sticky-top, var(--p-space-16)); align-self: start;
      max-height: calc(100dvh - var(--p-page-grid-sticky-top, var(--p-space-16)) - var(--p-space-16)); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin;
      --_ft: 0px; --_fb: 0px;
      -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--_ft), #000 calc(100% - var(--_fb)), transparent 100%);
      mask-image: linear-gradient(to bottom, transparent 0, #000 var(--_ft), #000 calc(100% - var(--_fb)), transparent 100%);
    }
    .p-page-grid[data-aside-sticky] .p-page-grid__aside[data-more-top] { --_ft: var(--p-space-24, 24px); }
    .p-page-grid[data-aside-sticky] .p-page-grid__aside[data-more-bottom] { --_fb: var(--p-space-24, 24px); }
    .p-page-grid[data-aside-sticky] .p-page-grid__aside:focus-visible { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: -2px; }
  }
}

@layer plain-components {
  .p-steps { container-type: inline-size; container-name: p-steps; box-sizing: border-box; width: 100%; display: flex; flex-direction: column; gap: var(--p-space-12); }
  .p-steps__heading { margin: 0; color: var(--p-color-text-primary); font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-title-s-weight); text-wrap: balance; }
  .p-steps__list { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: 1fr; border-top: 1px solid var(--p-color-border-default); border-bottom: 1px solid var(--p-color-border-default); }
  .p-steps__step { display: flex; gap: var(--p-space-12); align-items: baseline; min-width: 0; padding: var(--p-space-16) 0; }
  .p-steps__step + .p-steps__step { border-top: 1px solid var(--p-color-border-default); }
  .p-steps__num { flex: none; min-width: 1.25em; color: var(--p-color-text-tertiary); font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); font-variant-numeric: tabular-nums; }
  .p-steps__text { display: flex; flex-direction: column; gap: var(--p-space-2); min-width: 0; }
  .p-steps__title { color: var(--p-color-text-primary); font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: min(600, var(--p-font-weight-max, 1000)); text-wrap: balance; overflow-wrap: break-word; word-break: keep-all; }
  .p-steps__body { color: var(--p-color-text-secondary); font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); text-wrap: pretty; overflow-wrap: break-word; word-break: keep-all; }
  
  .p-steps[data-progress] .p-steps__step { align-items: flex-start; }
  .p-steps[data-progress] .p-steps__num { display: inline-grid; place-items: center; box-sizing: border-box; width: 20px; min-width: 20px; height: 20px; margin-block-start: calc((var(--p-type-body-m-line-height) * var(--p-ts, 1) - 20px) / 2); border-radius: var(--p-radius-full); }
  .p-steps__step[data-state="done"] .p-steps__num { color: var(--p-color-text-primary); }
  .p-steps__step[data-state="done"] .p-steps__num svg { width: 16px; height: 16px; }
  .p-steps__step[data-state="done"] .p-steps__title { color: var(--p-color-text-secondary); font-weight: 500; }
  .p-steps__step[data-state="current"] .p-steps__num { background: var(--p-color-text-primary); color: var(--p-color-text-inverse); font-weight: min(600, var(--p-font-weight-max, 1000)); }
  .p-steps__step[data-state="next"] .p-steps__num { box-shadow: inset 0 0 0 1px var(--p-color-border-default); }
  @container p-steps (min-width: 640px) {
    .p-steps[data-count="2"] .p-steps__list { grid-template-columns: repeat(2, 1fr); }
    .p-steps[data-count="3"] .p-steps__list { grid-template-columns: repeat(3, 1fr); }
    .p-steps[data-count="4"] .p-steps__list { grid-template-columns: repeat(4, 1fr); }
    .p-steps__step { padding: var(--p-space-16) var(--p-space-16); }
    .p-steps__step:first-child { padding-inline-start: 0; } 
    .p-steps__step:last-child { padding-inline-end: 0; }
    .p-steps__step + .p-steps__step { border-top: 0; border-left: 1px solid var(--p-color-border-default); }
  }
}

@layer plain-components {
  [data-plain="agent-dot"] {
    --agent-dot-color: var(--p-color-agent-mark);
    position: relative; display: inline-grid; place-items: center; flex: none; vertical-align: middle; box-sizing: border-box;
    width: var(--agent-dot-size, 8px); height: var(--agent-dot-size, 8px); border-radius: var(--p-radius-full);
    background: var(--agent-dot-color); color: var(--agent-dot-color);
  }
  [data-plain="agent-dot"][data-state="ready"] { background: transparent; box-shadow: inset 0 0 0 1.5px var(--agent-dot-color); }
  [data-plain="agent-dot"][data-state="working"] {
    background: conic-gradient(var(--agent-dot-color) 0 50%, transparent 50% 100%); box-shadow: inset 0 0 0 1.5px var(--agent-dot-color);
  }
  [data-plain="agent-dot"][data-state="needs-you"] { background: var(--agent-dot-color); }
  [data-plain="agent-dot"][data-state="done"] { background: transparent; border-radius: 0; }
  [data-plain="agent-dot"] > svg { width: 100%; height: 100%; overflow: visible; }
  [data-plain="agent-dot"][data-state="working"]::after {
    content: ""; position: absolute; inset: -4px; border-radius: var(--p-radius-full); border: 1.5px solid var(--agent-dot-color);
    animation: p-agent-dot-pulse 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; pointer-events: none;
  }
  @keyframes p-agent-dot-pulse { from { transform: scale(0.6); opacity: 0.5; } to { transform: scale(1.4); opacity: 0; } }
  
  @media (prefers-reduced-motion: reduce) {
    [data-plain="agent-dot"][data-state="working"]::after { animation: none; transform: none; opacity: 0; }
  }
  @media (forced-colors: active) {
    [data-plain="agent-dot"] { forced-color-adjust: none; --agent-dot-color: CanvasText; }
    [data-plain="agent-dot"][data-state="needs-you"] { --agent-dot-color: Highlight; }
  }
}

@layer plain-components {
  [data-plain="action-row"] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--p-space-8, 8px); min-width: 0; }
  [data-plain="action-row"][data-align="center"], [data-plain="action-row"][data-align="center"] > [data-slot="track"] { justify-content: center; }
  [data-plain="action-row"]:not([data-tone="outline"]) [data-plain="button"][data-variant="secondary"] { --_bg: var(--p-color-bg-canvas); --_bd: transparent; --_sh: 0 0 0 0 transparent; --_fg: var(--p-color-text-primary); }
  [data-plain="action-row"]:not([data-tone="outline"]) [data-plain="button"][data-variant="secondary"][data-focus-visible] { --_bd: var(--p-color-button-focus-border); }
  @media (hover: hover) and (pointer: fine) {
    [data-plain="action-row"]:not([data-tone="outline"]) [data-plain="button"][data-hovered][data-variant="secondary"] { --_bg: color-mix(in oklab, var(--p-color-bg-canvas), var(--p-color-text-primary) 6%); --_bd: transparent; }
  }
  [data-plain="action-row"]:not([data-tone="outline"]) [data-plain="button"][data-pressed][data-variant="secondary"] { --_bg: color-mix(in oklab, var(--p-color-bg-canvas), var(--p-color-text-primary) 10%); }
  [data-plain="action-row"]:not([data-tone="outline"]) [data-plain="button"][data-variant="secondary"][data-disabled] { --_bg: var(--p-color-bg-canvas); --_fg: var(--p-color-text-disabled); opacity: 1; }
  
  [data-plain="action-row"][data-overflow="scroll"] { display: block; width: 100%; container: action-row / inline-size; }
  [data-plain="action-row"][data-overflow="scroll"] > [data-slot="track"] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--p-space-8, 8px); min-width: 0; }
  @media (forced-colors: active) {
    [data-plain="action-row"]:not([data-tone="outline"]) [data-plain="button"][data-variant="secondary"] { --_bd: ButtonText; }
  }
}
@container action-row (max-width: 600px) {
  @layer plain-components {
    
    [data-plain="action-row"][data-overflow="scroll"] > [data-slot="track"] {
      flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch;
      margin-inline: calc(var(--action-row-bleed, 0px) * -1); padding-inline: var(--action-row-bleed, 0px);
      scroll-padding-inline: var(--action-row-bleed, 0px);
      margin-block: calc(var(--p-space-4, 4px) * -1); padding-block: var(--p-space-4, 4px);
    }
    [data-plain="action-row"][data-overflow="scroll"] > [data-slot="track"]::-webkit-scrollbar { display: none; }
    [data-plain="action-row"][data-overflow="scroll"] > [data-slot="track"] > * { flex: none; }
  }
}

@layer plain-components {
  [data-plain="ask-bar"]:not([data-mode="trigger"]) {
    display: flex; align-items: center; gap: var(--p-space-10, 10px); box-sizing: border-box; width: 100%; min-width: 0; height: 48px; margin: 0;
    padding: 0 var(--p-space-8, 8px) 0 20px; background: var(--p-color-bg-default); border: 1px solid var(--p-color-border-subtle); border-radius: var(--p-radius-full);
    color: var(--p-color-text-primary);
    transition: border-color 160ms ease-out;
  }
  [data-plain="ask-bar"] [data-slot="leading"] { display: inline-flex; align-items: center; flex: none; color: var(--p-color-text-tertiary); }
  [data-plain="ask-bar"] [data-slot="input"] {
    flex: 1 1 auto; min-width: 0; height: 100%; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; color: inherit; font: inherit;
    font-size: max(16px, calc(var(--p-type-body-m-size) * var(--p-ts, 1))); line-height: 24px; font-weight: 400; text-overflow: ellipsis;
  }
  [data-plain="ask-bar"] [data-slot="input"]::placeholder { color: var(--p-color-text-tertiary); opacity: 1; }
  [data-plain="ask-bar"]:not([data-mode="trigger"]):has([data-slot="input"]:focus-visible) { border-color: var(--p-color-button-focus-border); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  [data-plain="ask-bar"] > [data-plain="button"] { flex: none; }
  @media (hover: hover) and (pointer: fine) {
    [data-plain="ask-bar"]:not([data-mode="trigger"]):not([data-disabled]):hover { border-color: var(--p-color-border-control-hover); }
  }
  [data-plain="ask-bar"][data-disabled] [data-slot="input"] { color: var(--p-color-text-disabled); cursor: not-allowed; }
  
  [data-plain="ask-bar"][data-mode="trigger"] { display: block; width: 100%; min-width: 0; margin: 0; }
  [data-plain="ask-bar"] [data-slot="trigger"] {
    display: flex; align-items: center; gap: var(--p-space-10, 10px); box-sizing: border-box; width: 100%; min-width: 0; height: 48px; margin: 0;
    padding: 0 20px; background: var(--p-color-bg-default); border: 1px solid var(--p-color-border-subtle); border-radius: var(--p-radius-full);
    color: var(--p-color-text-secondary); font: inherit; font-size: max(16px, calc(var(--p-type-body-m-size) * var(--p-ts, 1))); line-height: 24px; font-weight: 400;
    text-align: start; cursor: pointer; appearance: none; transition: border-color 160ms ease-out;
  }
  [data-plain="ask-bar"] [data-slot="trigger"] [data-slot="placeholder"] { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  [data-plain="ask-bar"] [data-slot="trigger"]:focus-visible { outline: 0; border-color: var(--p-color-button-focus-border); box-shadow: 0 0 0 var(--p-stroke-focus-ring) var(--p-color-focus-ring-button); }
  @media (hover: hover) and (pointer: fine) {
    [data-plain="ask-bar"] [data-slot="trigger"]:not(:disabled):hover { border-color: var(--p-color-border-control-hover); }
  }
  [data-plain="ask-bar"] [data-slot="trigger"]:disabled { color: var(--p-color-text-disabled); cursor: not-allowed; }
  [data-plain="ask-bar"] [data-slot="examples"] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--p-space-8, 8px); margin-block-start: var(--p-space-12, 12px); min-width: 0; }
  @media (prefers-reduced-motion: reduce) {
    [data-plain="ask-bar"] [data-slot="trigger"] { transition: none; }
  }
  @media (forced-colors: active) {
    [data-plain="ask-bar"]:not([data-mode="trigger"]) { border-color: CanvasText; }
    [data-plain="ask-bar"] [data-slot="trigger"] { border-color: CanvasText; }
  }
}

@layer plain-components {
  
  [data-plain="task-row"] { position: relative; list-style: none; container: task-row / inline-size; border-top: 1px solid var(--p-color-border-subtle); }
  [data-plain="task-row"]:first-child { border-top: 0; }
  
  [data-plain="task-row"] > [data-slot="body"] {
    display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; column-gap: 0; row-gap: 0; align-items: center;
    grid-template-areas: "who who who who" "sentence amount date actions" "reason amount date actions";
    padding: var(--p-space-12, 12px) var(--p-space-16, 16px); background: transparent;
    transition: background-color 160ms ease-out;
  }
  [data-plain="task-row"] [data-slot="who"] { grid-area: who; display: flex; align-items: center; gap: var(--p-space-8, 8px); min-width: 0; margin-block-end: var(--p-space-4, 4px); }
  [data-plain="task-row"] [data-slot="agent"] { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); font-weight: 400; color: var(--p-color-accent-text); }
  [data-plain="task-row"] [data-slot="meta"] { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); }
  [data-plain="task-row"] [data-slot="meta"]::before { content: "·"; margin-inline-end: var(--p-space-8, 8px); }
  [data-plain="task-row"] [data-slot="sentence"] { grid-area: sentence; margin: 0; min-width: 0; font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); color: var(--p-color-text-primary); overflow-wrap: break-word; text-wrap: balance; }
  [data-plain="task-row"] [data-slot="reason"] { grid-area: reason; min-width: 0; margin-block-start: var(--p-space-2, 2px); font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); overflow-wrap: break-word; text-wrap: pretty; }
  [data-plain="task-row"] [data-slot="amount"] { grid-area: amount; justify-self: end; min-width: 5.5rem; margin-inline-start: var(--p-space-12, 12px); text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
  [data-plain="task-row"] [data-slot="date"] { grid-area: date; justify-self: end; min-width: 4.5rem; margin-inline-start: var(--p-space-12, 12px); text-align: end; white-space: nowrap; font-variant-numeric: tabular-nums; font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); }
  [data-plain="task-row"] [data-slot="actions"] { grid-area: actions; position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 0 var(--p-space-2, 2px); margin-inline-start: var(--p-space-12, 12px); margin-inline-end: calc(var(--p-space-8, 8px) * -1); }
  [data-plain="task-row"] [data-slot="actions"][data-has-pill] { margin-inline-end: 0; gap: 0 var(--p-space-8, 8px); }
  [data-plain="task-row"] [data-slot="sep"] { color: var(--p-color-text-tertiary); user-select: none; }
  [data-plain="task-row"] [data-slot="action"] { display: inline-flex; }
  [data-plain="task-row"] [data-slot="action"]:not([data-pill]) [data-plain="button"] { --_fg: var(--p-color-text-secondary); font-weight: 400; --_px: 8px; }
  [data-plain="task-row"] [data-slot="action"][data-main]:not([data-pill]) [data-plain="button"] { --_fg: var(--p-color-text-primary); font-weight: 500; }
  [data-plain="task-row"] [data-slot="action"]:not([data-pill]) [data-plain="button"][data-disabled] { --_fg: var(--p-color-text-disabled); }
  
  [data-plain="task-row"] > [data-slot="body"]:not([data-has-amount]) { grid-template-areas: "who who who who" "sentence amount date actions" "reason amount date actions"; }

  
  [data-plain="task-row"] [data-slot="open"] {
    display: block; appearance: none; margin: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: start; text-wrap: inherit; cursor: pointer; width: 100%;
    overflow-wrap: break-word;
  }
  [data-plain="task-row"] [data-slot="open"]::after { content: ""; position: absolute; inset: 0; border-radius: var(--p-radius-8, 8px); }
  [data-plain="task-row"] [data-slot="open"]:focus-visible { outline: 0; }
  [data-plain="task-row"] [data-slot="open"]:focus-visible::after { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: calc(var(--p-stroke-focus) * -1); }
  @media (hover: hover) and (pointer: fine) {
    [data-plain="task-row"][data-pressable]:hover > [data-slot="body"] { background: color-mix(in oklab, transparent, var(--p-color-text-primary) 3%); }
  }

  
  [data-plain="task-row"][data-layout="columns"] > [data-slot="body"],
  [data-plain="task-row"][data-layout="columns"] > [data-slot="body"]:not([data-has-amount]) {
    grid-template-columns: 9.5rem minmax(0, 1fr) auto auto auto;
    grid-template-areas: "who sentence amount date actions" "who reason amount date actions";
  }
  [data-plain="task-row"][data-layout="columns"] [data-slot="sub"] { display: contents; }
  [data-plain="task-row"][data-layout="columns"] [data-slot="who"] { margin-block-end: 0; padding-inline-end: var(--p-space-12, 12px); align-self: center; }
  [data-plain="task-row"][data-layout="columns"] [data-slot="agent"] { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); color: var(--p-color-text-primary); }
  @media (prefers-reduced-motion: reduce) {
    [data-plain="task-row"] > [data-slot="body"] { transition: none; }
  }
  @media (forced-colors: active) {
    [data-plain="task-row"] [data-slot="open"]:focus-visible::after { outline: 2px solid Highlight; }
  }
}

@container task-row (max-width: 720px) {
  @layer plain-components {
    [data-plain="task-row"][data-layout="columns"] > [data-slot="body"],
    [data-plain="task-row"][data-layout="columns"] > [data-slot="body"]:not([data-has-amount]) {
      grid-template-columns: 9.5rem auto auto minmax(0, 1fr);
      grid-template-areas: "who sentence sentence sentence" "who reason reason reason" ". amount date actions";
    }
    [data-plain="task-row"][data-layout="columns"] [data-slot="amount"],
    [data-plain="task-row"][data-layout="columns"] [data-slot="date"],
    [data-plain="task-row"][data-layout="columns"] [data-slot="actions"] { margin-block-start: var(--p-space-8, 8px); margin-inline-start: 0; }
    [data-plain="task-row"][data-layout="columns"] [data-slot="date"] { margin-inline-start: var(--p-space-12, 12px); }
    [data-plain="task-row"][data-layout="columns"] [data-slot="actions"] { justify-self: start; justify-content: flex-start; margin-inline-start: var(--p-space-12, 12px); }
  }
}

@container task-row (max-width: 480px) {
  @layer plain-components {
    [data-plain="task-row"] > [data-slot="body"] { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "who date" "sentence amount" "reason reason" "actions actions"; row-gap: var(--p-space-4, 4px); }
    [data-plain="task-row"] > [data-slot="body"]:not([data-has-amount]) { grid-template-areas: "who date" "sentence sentence" "reason reason" "actions actions"; }
    [data-plain="task-row"] [data-slot="amount"] { align-self: start; min-width: 4.5rem; margin-inline-start: var(--p-space-12, 12px); }
    [data-plain="task-row"] [data-slot="date"] { align-self: center; min-width: 0; }
    [data-plain="task-row"] [data-slot="actions"] { justify-content: flex-start; margin-inline-start: calc(var(--p-space-8, 8px) * -1); margin-inline-end: 0; }
    [data-plain="task-row"] [data-slot="actions"][data-has-pill] { margin-inline-start: 0; }
    [data-plain="task-row"] [data-hide-narrow] { display: none; }

    
    [data-plain="task-row"][data-layout="columns"] > [data-slot="body"],
    [data-plain="task-row"][data-layout="columns"] > [data-slot="body"]:not([data-has-amount]) { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "sentence sentence" "sub sub" "amount actions"; align-items: center; }
    [data-plain="task-row"][data-layout="columns"] [data-slot="sub"] {
      display: block; grid-area: sub; margin: var(--p-space-2, 2px) 0 0; min-width: 0; overflow-wrap: break-word; text-wrap: pretty;
      font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary);
    }
    [data-plain="task-row"][data-layout="columns"] [data-slot="who"] { display: inline; padding: 0; }
    [data-plain="task-row"][data-layout="columns"] [data-slot="who"] > [data-plain="agent-dot"] { display: none; }
    [data-plain="task-row"][data-layout="columns"] [data-slot="agent"] { font-size: inherit; line-height: inherit; color: inherit; }
    [data-plain="task-row"][data-layout="columns"] [data-slot="reason"],
    [data-plain="task-row"][data-layout="columns"] [data-slot="date"] { display: inline; margin: 0; min-width: 0; text-align: start; font-size: inherit; line-height: inherit; color: inherit; }
    [data-plain="task-row"][data-layout="columns"] [data-slot="reason"]::before,
    [data-plain="task-row"][data-layout="columns"] [data-slot="date"]::before { content: "·"; margin-inline-end: var(--p-space-4, 4px); }
    [data-plain="task-row"][data-layout="columns"] [data-slot="amount"] { grid-area: amount; justify-self: start; align-self: center; min-width: 0; margin: var(--p-space-8, 8px) 0 0; text-align: start; }
    [data-plain="task-row"][data-layout="columns"] [data-slot="actions"] { grid-area: actions; justify-self: end; justify-content: flex-end; margin: var(--p-space-8, 8px) 0 0; }
    [data-plain="task-row"][data-layout="columns"] [data-slot="actions"]:not([data-has-pill]) { margin-inline-end: calc(var(--p-space-8, 8px) * -1); }
  }
}

@layer plain-components {
  [data-plain="receipt-line"] {
    display: flex; align-items: flex-start; gap: var(--p-space-10, 10px); box-sizing: border-box; margin: 0; min-width: 0;
    padding: var(--p-space-10, 10px) var(--p-space-12, 12px); background: var(--p-color-bg-default);
    border: 1px solid var(--p-color-border-subtle); border-radius: var(--p-radius-control, 8px);
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary);
  }
  [data-plain="receipt-line"] > [data-plain="agent-dot"] { margin-top: calc((var(--p-type-body-s-line-height) * var(--p-ts, 1) - 12px) / 2); }
  [data-plain="receipt-line"] [data-slot="text"] { min-width: 0; flex: 1 1 auto; overflow-wrap: break-word; text-wrap: pretty; }
  [data-plain="receipt-line"] [data-slot="trailing"] { flex: none; }
  [data-plain="receipt-line"] time { font-variant-numeric: tabular-nums; }
  [data-plain="receipt-line"] [data-slot="agent"] { color: var(--p-color-agent-text); }
  @media (forced-colors: active) { [data-plain="receipt-line"] { border-color: CanvasText; } }
}

@layer plain-components {
  [data-plain="worked-for"], [data-plain="run-summary-line"] {
    font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1));
    color: var(--p-color-text-secondary); min-width: 0;
  }
  [data-plain="worked-for"][data-rule="top"] { margin-top: var(--p-space-12, 12px); padding-top: var(--p-space-12, 12px); border-top: 1px solid var(--p-color-border-subtle); }
  [data-plain="worked-for"] [data-slot="line"], [data-plain="run-summary-line"] [data-slot="line"],
  [data-plain="worked-for"] [data-slot="toggle"], [data-plain="run-summary-line"] [data-slot="toggle"] {
    display: inline-flex; align-items: flex-start; gap: var(--p-space-6, 6px); max-width: 100%; text-align: left;
  }
  [data-plain="worked-for"] [data-slot="toggle"], [data-plain="run-summary-line"] [data-slot="toggle"] {
    appearance: none; background: none; border: 0; margin: 0; padding: var(--p-space-2, 2px) 0; font: inherit; color: inherit; cursor: pointer; border-radius: var(--p-radius-4);
    transition: color var(--p-motion-duration-hover, 160ms) ease-out;
  }
  [data-plain="worked-for"] [data-slot="text"], [data-plain="run-summary-line"] [data-slot="text"] { min-width: 0; overflow-wrap: break-word; text-wrap: pretty; }
  
  [data-plain="worked-for"] [data-slot="lead"] { flex: none; margin-top: calc((var(--p-type-body-s-line-height) * var(--p-ts, 1) - 16px) / 2); }
  [data-plain="run-summary-line"] [data-plain="agent-dot"] { margin-top: calc((var(--p-type-body-s-line-height) * var(--p-ts, 1) - 10px) / 2); }
  [data-plain="worked-for"] [data-slot="chevron"], [data-plain="run-summary-line"] [data-slot="chevron"] {
    flex: none; margin-top: calc((var(--p-type-body-s-line-height) * var(--p-ts, 1) - 16px) / 2);
    transition: transform var(--p-motion-duration-hover, 160ms) ease-out;
  }
  [data-plain="worked-for"] [data-slot="toggle"][aria-expanded="true"] [data-slot="chevron"],
  [data-plain="run-summary-line"] [data-slot="toggle"][aria-expanded="true"] [data-slot="chevron"] { transform: rotate(90deg); }
  [data-plain="worked-for"] [data-slot="toggle"][data-focus-visible], [data-plain="run-summary-line"] [data-slot="toggle"][data-focus-visible] {
    outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: var(--p-focus-offset);
  }
  [data-plain="worked-for"] [data-slot="steps"], [data-plain="run-summary-line"] [data-slot="steps"] {
    list-style: none; margin: var(--p-space-8, 8px) 0 0; padding: 0 0 0 var(--p-space-4, 4px); display: grid; gap: var(--p-space-8, 8px); counter-reset: step;
  }
  [data-plain="worked-for"] [data-slot="steps"][hidden], [data-plain="run-summary-line"] [data-slot="steps"][hidden] { display: none; }
  [data-plain="worked-for"] [data-slot="step"], [data-plain="run-summary-line"] [data-slot="step"] {
    display: grid; grid-template-columns: 20px minmax(0, 1fr); column-gap: var(--p-space-8, 8px); counter-increment: step;
  }
  [data-plain="worked-for"] [data-slot="step"]::before, [data-plain="run-summary-line"] [data-slot="step"]::before {
    content: counter(step); font-variant-numeric: tabular-nums; color: var(--p-color-text-tertiary);
  }
  [data-plain="worked-for"] [data-slot="step-label"], [data-plain="run-summary-line"] [data-slot="step-label"] { grid-column: 2; color: var(--p-color-text-primary); overflow-wrap: break-word; }
  [data-plain="worked-for"] [data-slot="step-detail"], [data-plain="run-summary-line"] [data-slot="step-detail"] { grid-column: 2; overflow-wrap: break-word; }
  @media (hover: hover) and (pointer: fine) {
    [data-plain="worked-for"] [data-slot="toggle"][data-hovered], [data-plain="run-summary-line"] [data-slot="toggle"][data-hovered] { color: var(--p-color-text-primary); }
  }
  @media (prefers-reduced-motion: reduce) {
    [data-plain="worked-for"] [data-slot="chevron"], [data-plain="run-summary-line"] [data-slot="chevron"], [data-plain="worked-for"] [data-slot="toggle"], [data-plain="run-summary-line"] [data-slot="toggle"] { transition: none; }
  }
  @media (forced-colors: active) {
    [data-plain="worked-for"] [data-slot="toggle"]:focus-visible, [data-plain="run-summary-line"] [data-slot="toggle"]:focus-visible { outline: 2px solid Highlight; }
  }
}

@layer plain-components {
  [data-plain="confirm-card"], [data-plain="done-card"] {
    box-sizing: border-box; min-width: 0; padding: var(--p-space-20, 20px); border-radius: var(--p-radius-card); box-shadow: none;
    background: var(--p-color-bg-default); border: 1px solid var(--p-color-border-subtle);
    color: var(--p-color-text-primary); font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1));
  }
  [data-plain="confirm-card"] [data-slot="head"] { display: flex; align-items: center; gap: var(--p-space-8, 8px); min-width: 0; }
  [data-plain="confirm-card"] [data-slot="title"] {
    margin: 0; flex: 1 1 0; min-width: 0; font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: 500; text-wrap: pretty; overflow-wrap: break-word;
  }

  
  :is([data-plain="confirm-card"], [data-plain="done-card"]) [data-slot="rows"] { margin: var(--p-space-8, 8px) 0 0; padding: 0; }
  :is([data-plain="confirm-card"], [data-plain="done-card"]) [data-slot="row"] {
    display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; column-gap: var(--p-space-12, 12px); row-gap: 2px;
    padding-block: var(--p-space-8, 8px); min-width: 0;
  }
  :is([data-plain="confirm-card"], [data-plain="done-card"]) [data-slot="row"] + [data-slot="row"] { border-block-start: 1px solid var(--p-color-border-subtle); }
  :is([data-plain="confirm-card"], [data-plain="done-card"]) dt { flex: 0 1 auto; max-inline-size: 110px; margin: 0; color: var(--p-color-text-secondary); overflow-wrap: break-word; }
  :is([data-plain="confirm-card"], [data-plain="done-card"]) dd {
    flex: 1 0 auto; max-inline-size: 100%; min-width: 0; margin: 0; text-align: end; color: var(--p-color-text-primary);
    overflow-wrap: break-word; word-break: normal; text-wrap: pretty; font-variant-numeric: tabular-nums;
  }
  
  :is([data-plain="confirm-card"], [data-plain="done-card"]) [data-slot="row"]:is([data-kind="money"], [data-kind="total"]) { flex-wrap: nowrap; }
  :is([data-plain="confirm-card"], [data-plain="done-card"]) [data-slot="row"]:is([data-kind="money"], [data-kind="total"]) dt { flex: 1 1 auto; max-inline-size: none; min-width: 0; color: var(--p-color-text-primary); }
  :is([data-plain="confirm-card"], [data-plain="done-card"]) [data-slot="row"]:is([data-kind="money"], [data-kind="total"]) dd { flex: none; white-space: nowrap; }
  :is([data-plain="confirm-card"], [data-plain="done-card"]) [data-slot="row"][data-kind="total"] { font-weight: 500; }

  [data-plain="confirm-card"] [data-slot="message"] { margin-top: var(--p-space-8, 8px); padding-top: var(--p-space-12, 12px); border-top: 1px solid var(--p-color-border-subtle); }
  [data-plain="confirm-card"] [data-slot="rows"] + [data-slot="message"] { margin-top: 0; }
  [data-plain="confirm-card"] [data-slot="head"] + [data-slot="message"] { margin-top: var(--p-space-12, 12px); padding-top: 0; border-top: 0; }
  [data-plain="confirm-card"] [data-slot="message-label"] { margin: 0 0 var(--p-space-4, 4px); color: var(--p-color-text-secondary); font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); }
  [data-plain="confirm-card"] [data-slot="message-body"] { overflow-wrap: break-word; text-wrap: pretty; white-space: pre-line; }
  [data-plain="confirm-card"] [data-slot="actions"] { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--p-space-8, 8px); margin-top: var(--p-space-20, 20px); }
  [data-plain="confirm-card"] [data-slot="edit"] { margin-inline-end: auto; }

  [data-plain="done-card"] [data-slot="status"] { display: flex; align-items: center; justify-content: space-between; gap: var(--p-space-8, 8px); }
  [data-plain="done-card"] [data-slot="undo"] { flex: none; margin-inline-start: auto; }
  [data-plain="done-card"] [data-slot="title"] {
    margin: var(--p-space-12, 12px) 0 0; font-size: calc(var(--p-type-title-l-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-l-line-height) * var(--p-ts, 1)); font-weight: 500; text-wrap: pretty; overflow-wrap: break-word;
  }
  [data-plain="done-card"] [data-slot="detail"] { margin-top: var(--p-space-8, 8px); color: var(--p-color-text-primary); overflow-wrap: break-word; word-break: keep-all; text-wrap: balance; }
  [data-plain="done-card"] [data-slot="links"] { display: flex; flex-wrap: wrap; gap: var(--p-space-8, 8px); margin-top: var(--p-space-16, 16px); }
  [data-plain="done-card"] [data-plain="worked-for"][data-rule="top"] { margin-top: var(--p-space-16, 16px); }
}
@media (max-width: 480px) {
  @layer plain-components {
    [data-plain="confirm-card"] [data-slot="actions"] { flex-direction: column-reverse; align-items: stretch; }
    [data-plain="confirm-card"] [data-slot="actions"] [data-plain="button"] { width: 100%; }
    [data-plain="confirm-card"] [data-slot="edit"] { margin-inline-end: 0; display: block; }
  }
}

@layer plain-components {
  [data-plain="question-panel"] {
    box-sizing: border-box; display: flex; flex-direction: column; gap: var(--p-space-12, 12px); min-width: 0; width: 100%;
    padding: var(--p-space-20, 20px) var(--p-space-16, 16px); background: var(--p-color-bg-default); color: var(--p-color-text-primary);
    border-block-start: 1px solid var(--p-color-border-subtle); box-shadow: none;
    font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1));
  }
  [data-plain="question-panel"][data-docked="true"] {
    inline-size: 400px; max-inline-size: 100%; flex: none; align-self: stretch; border-block-start: 0; border-inline-start: 1px solid var(--p-color-border-subtle);
    padding: var(--p-space-24, 24px) var(--p-space-20, 20px);
  }
  [data-plain="question-panel"][data-docked="false"] { inline-size: 100%; border: 0; padding: 0; background: transparent; }
  [data-plain="question-panel"] [data-slot="counter"] { margin: 0; color: var(--p-color-text-secondary); font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); font-variant-numeric: tabular-nums; }
  [data-plain="question-panel"] [data-slot="question"] { margin: 0; font-weight: 500; font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); text-wrap: pretty; overflow-wrap: break-word; }
  [data-plain="question-panel"] [data-slot="input"] { min-width: 0; }
  [data-plain="question-panel"] [data-slot="actions"] { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--p-space-8, 8px); margin-top: var(--p-space-4, 4px); }
  [data-plain="question-panel"] [data-slot="skip"] { margin-inline-end: auto; }
}
@media (min-width: 1024px) {
  @layer plain-components {
    [data-plain="question-panel"][data-docked="auto"] {
      inline-size: 400px; flex: none; align-self: stretch; border-block-start: 0; border-inline-start: 1px solid var(--p-color-border-subtle);
      padding: var(--p-space-24, 24px) var(--p-space-20, 20px);
    }
  }
}
@media (max-width: 480px) {
  @layer plain-components {
    [data-plain="question-panel"] [data-slot="actions"] { flex-direction: column-reverse; align-items: stretch; }
    [data-plain="question-panel"] [data-slot="actions"] [data-plain="button"] { width: 100%; }
    [data-plain="question-panel"] [data-slot="skip"] { margin-inline-end: 0; display: block; }
  }
}

@layer plain-components {
  [data-plain="agent-header"] {
    display: grid; grid-template-columns: auto minmax(0, 1fr) auto; column-gap: var(--p-space-12, 12px); row-gap: var(--p-space-12, 12px); align-items: start; min-width: 0;
    color: var(--p-color-text-primary);
  }
  [data-plain="agent-header"] [data-slot="dot"] { display: inline-flex; align-items: center; height: calc(var(--p-type-display-s-line-height) * var(--p-ts, 1)); }
  [data-plain="agent-header"] [data-slot="main"] { min-width: 0; display: flex; flex-direction: column; gap: var(--p-space-4, 4px); }
  [data-plain="agent-header"] [data-slot="name"] { margin: 0; font-size: calc(var(--p-type-display-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-display-s-line-height) * var(--p-ts, 1)); font-weight: 400; letter-spacing: -0.015em; text-wrap: balance; overflow-wrap: break-word; }
  [data-plain="agent-header"] [data-slot="job"] { margin: 0; color: var(--p-color-text-secondary); font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); text-wrap: pretty; }
  [data-plain="agent-header"] [data-slot="meta"] { margin: var(--p-space-4, 4px) 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: var(--p-space-4, 4px) var(--p-space-12, 12px); font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); }
  [data-plain="agent-header"] [data-slot="trust"] {
    font-size: calc(var(--p-type-caption-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-caption-line-height) * var(--p-ts, 1)); white-space: nowrap;
    padding: 2px var(--p-space-8, 8px); border: 1px solid var(--p-color-border-default); border-radius: var(--p-radius-full); color: var(--p-color-text-secondary);
  }
  [data-plain="agent-header"] [data-slot="allowance"] { font-variant-numeric: tabular-nums; }
  [data-plain="agent-header"] [data-slot="actions"] { display: flex; flex-wrap: wrap; gap: var(--p-space-8, 8px); align-items: center; }
}
@media (max-width: 480px) {
  @layer plain-components {
    [data-plain="agent-header"] { grid-template-columns: auto minmax(0, 1fr); }
    [data-plain="agent-header"] [data-slot="actions"] { grid-column: 1 / -1; }
  }
}

@layer plain-components {
  [data-plain="progress-dots"] { display: inline-flex; align-items: center; gap: 8px; vertical-align: middle; }
  [data-plain="progress-dots"] [data-slot="dot"] { flex: none; box-sizing: border-box; width: 8px; height: 8px; border-radius: var(--p-radius-full); background: var(--p-color-border-default); }
  [data-plain="progress-dots"] [data-slot="dot"][data-state="done"] { background: color-mix(in oklab, var(--p-color-text-primary) 45%, transparent); }
  [data-plain="progress-dots"] [data-slot="dot"][data-state="current"] { background: var(--p-color-text-primary); }
  [data-plain="progress-dots"] [data-slot="count"] { margin-inline-start: 4px; font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums; white-space: nowrap; }
}
@media (forced-colors: active) {
  @layer plain-components {
    [data-plain="progress-dots"] [data-slot="dot"] { background: transparent; border: 1px solid CanvasText; }
    [data-plain="progress-dots"] [data-slot="dot"][data-state="done"], [data-plain="progress-dots"] [data-slot="dot"][data-state="current"] { background: CanvasText; }
    [data-plain="progress-dots"] [data-slot="dot"][data-state="todo"] { border-style: dotted; }
  }
}

@layer plain-components {
  [data-plain="one-question-card"] { box-sizing: border-box; width: 100%; max-width: 560px; margin-inline: auto; display: flex; flex-direction: column; gap: var(--p-space-24, 24px); padding-block: var(--p-space-24, 24px); }
  [data-plain="one-question-card"] [data-slot="progress"] { display: flex; }
  [data-plain="one-question-card"] [data-slot="head"] { display: flex; flex-direction: column; gap: var(--p-space-8, 8px); }
  [data-plain="one-question-card"] [data-slot="question"] { margin: 0; font-family: var(--p-type-display-m-family); font-size: calc(var(--p-type-display-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-display-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-display-m-weight); letter-spacing: calc(var(--p-type-display-m-tracking) * 1em); color: var(--p-color-text-primary); text-wrap: balance; overflow-wrap: break-word; }
  :lang(ko) [data-plain="one-question-card"] [data-slot="question"], [data-plain="one-question-card"]:lang(ko) [data-slot="question"] { line-height: calc(var(--p-type-display-m-line-height-ko, var(--p-type-display-m-line-height)) * var(--p-ts, 1)); word-break: keep-all; }
  [data-plain="one-question-card"] [data-slot="help"] { margin: 0; font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); text-wrap: pretty; }
  [data-plain="one-question-card"] [data-slot="body"] { min-width: 0; display: flex; flex-direction: column; gap: var(--p-space-16, 16px); }
  [data-plain="one-question-card"] [data-slot="error"] { min-width: 0; }
  
  [data-plain="one-question-card"] [data-slot="actions"] { display: flex; flex-direction: column; align-items: stretch; gap: var(--p-space-8, 8px); }
  [data-plain="one-question-card"] [data-slot="footer"] { display: flex; align-items: center; justify-content: space-between; gap: var(--p-space-12, 12px); }
  [data-plain="one-question-card"] [data-slot="secondary"] { display: flex; align-items: center; gap: var(--p-space-4, 4px); margin-inline-start: calc(var(--p-space-12, 12px) * -1); }
  [data-plain="one-question-card"] [data-slot="secondary"]:empty { margin: 0; }
}

@layer plain-components {
  [data-plain="question-page"] {
    box-sizing: border-box; min-height: 100vh; min-height: 100dvh; margin: 0; display: flex; flex-direction: column; align-items: center;
    padding: var(--p-space-16, 16px) var(--p-space-16, 16px) var(--p-space-32, 32px); background: var(--p-color-bg-panel); color: var(--p-color-text-primary);
  }
  [data-plain="question-page"] [data-slot="bar"] {
    box-sizing: border-box; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: var(--p-space-16, 16px);
    min-height: 40px; padding: var(--p-space-4, 4px) var(--p-space-8, 8px);
  }
  [data-plain="question-page"] [data-slot="brand"] { font-size: calc(var(--p-type-label-m-size, 14px) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height, 20px) * var(--p-ts, 1)); font-weight: var(--p-font-weight-medium); color: var(--p-color-text-primary); }
  [data-plain="question-page"] [data-slot="trailing"] { display: inline-flex; align-items: center; gap: var(--p-space-8, 8px); }
  [data-plain="question-page"] [data-slot="content"] {
    box-sizing: border-box; width: 100%; max-width: 480px; margin-block: auto; display: flex; flex-direction: column; gap: var(--p-space-16, 16px);
  }
  [data-plain="question-page"][data-width="sm"] [data-slot="content"] { max-width: 400px; }
  [data-plain="question-page"][data-width="lg"] [data-slot="content"] { max-width: 560px; }
  [data-plain="question-page"][data-card] [data-slot="content"] {
    padding: var(--p-space-28, 32px) var(--p-space-24, 24px); background: var(--p-color-bg-default);
    border: 1px solid var(--p-color-border-subtle); border-radius: var(--p-radius-card, 12px); box-shadow: none;
  }
  
  [data-plain="question-page"][data-card] [data-slot="content"] > [data-plain="one-question-card"] { padding-block: 0; }
  @media (max-width: 599px) {
    [data-plain="question-page"] { padding-inline: var(--p-space-12, 12px); }
    [data-plain="question-page"][data-card] [data-slot="content"] { padding: var(--p-space-24, 24px) var(--p-space-20, 20px); margin-block: var(--p-space-16, 16px) auto; }
  }
  @media (forced-colors: active) { [data-plain="question-page"][data-card] [data-slot="content"] { border-color: CanvasText; } }
}

@layer plain-components {
  [data-plain="choice-cards"] { display: flex; flex-direction: column; gap: var(--p-space-8, 8px); min-width: 0; }
  [data-plain="choice-cards"] [data-slot="label"] { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-m-weight); color: var(--p-color-text-primary); }
  [data-plain="choice-cards"] [data-slot="label"][data-hidden] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  [data-plain="choice-cards"] [data-slot="group"] { display: flex; flex-direction: column; border: 1px solid var(--p-color-border-subtle); border-radius: var(--p-radius-card); background: var(--p-color-bg-default); }
  [data-plain="choice-cards"] [data-slot="option"] { position: relative; background: var(--p-color-bg-default); }
  [data-plain="choice-cards"] [data-slot="option"] + [data-slot="option"] { border-top: 1px solid var(--p-color-border-subtle); }
  [data-plain="choice-cards"] [data-slot="option"]:first-child { border-start-start-radius: calc(var(--p-radius-card) - 1px); border-start-end-radius: calc(var(--p-radius-card) - 1px); }
  [data-plain="choice-cards"] [data-slot="option"]:last-child { border-end-start-radius: calc(var(--p-radius-card) - 1px); border-end-end-radius: calc(var(--p-radius-card) - 1px); }
  
  [data-plain="choice-cards"] [data-slot="option"][data-selected]::after { content: ""; position: absolute; inset: -1px; border: 1px solid var(--p-color-text-primary); border-radius: inherit; pointer-events: none; }
  [data-plain="choice-cards"] [data-slot="option"][data-selected] { z-index: 1; }
  [data-plain="choice-cards"] [data-slot="option"]:has([data-slot="tick"]:focus-visible)::before { content: ""; position: absolute; inset: -3px; border-radius: calc(var(--p-radius-card) + 2px); outline: var(--p-stroke-focus-ring, 2px) solid var(--p-color-focus-ring-button); pointer-events: none; }
  [data-plain="choice-cards"] [data-slot="row"] { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--p-space-16, 16px); padding: var(--p-space-16, 16px); cursor: pointer; border-radius: inherit; }
  [data-plain="choice-cards"] [data-slot="row"][data-hovered] { background: var(--p-color-ink-a3); }
  [data-plain="choice-cards"] [data-slot="text"] { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
  [data-plain="choice-cards"] [data-slot="title"] { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: 500; color: var(--p-color-text-primary); overflow-wrap: break-word; }
  [data-plain="choice-cards"] [data-slot="description"] { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); overflow-wrap: break-word; text-wrap: pretty; }
  
  [data-plain="choice-cards"] [data-slot="tick"] { flex: none; box-sizing: border-box; display: inline-grid; place-items: center; width: 20px; height: 20px; margin: 0; padding: 0; margin-block-start: calc((var(--p-type-body-m-line-height) * var(--p-ts, 1) - 20px) / 2); border: 1px solid var(--p-color-border-strong); border-radius: var(--p-radius-full); background: var(--p-color-bg-default); outline: 0; cursor: inherit; transition: background-color 160ms ease-out, border-color 160ms ease-out; }
  
  [data-plain="choice-cards"] [data-slot="tick"][data-checked] { background: var(--p-color-mark-done); border-color: var(--p-color-text-primary); }
  [data-plain="choice-cards"] [data-slot="mark"] { width: 8px; height: 8px; border-radius: var(--p-radius-full); background: var(--p-color-mark-on-done); }
  [data-plain="choice-cards"] [data-slot="inline"] { padding: 0 var(--p-space-16, 16px) var(--p-space-16, 16px); }
  [data-plain="choice-cards"] [data-slot="option"][data-disabled] [data-slot="row"] { cursor: not-allowed; opacity: var(--p-opacity-disabled, 0.5); }
}
@media (prefers-reduced-motion: reduce) {
  @layer plain-components { [data-plain="choice-cards"] [data-slot="tick"] { transition: none; } }
}
@media (forced-colors: active) {
  @layer plain-components {
    [data-plain="choice-cards"] [data-slot="tick"][data-checked] { background: Highlight; border-color: Highlight; }
    [data-plain="choice-cards"] [data-slot="mark"] { background: HighlightText; }
    [data-plain="choice-cards"] [data-slot="option"][data-selected]::after { border-color: Highlight; }
  }
}

@layer plain-components {
  [data-plain="starter-card"] { box-sizing: border-box; background: var(--p-color-bg-default); border: 1px solid var(--p-color-border-subtle); border-radius: var(--p-radius-card); padding: var(--p-space-8, 8px) 0; min-width: 0; }
  [data-plain="starter-card"] [data-slot="head"] { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--p-space-12, 12px); padding: var(--p-space-12, 12px) var(--p-space-16, 16px) var(--p-space-8, 8px); }
  [data-plain="starter-card"] [data-slot="title"] { margin: 0; font-size: calc(var(--p-type-body-l-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-l-line-height, 24px) * var(--p-ts, 1)); font-weight: 500; color: var(--p-color-text-primary); }
  [data-plain="starter-card"] [data-slot="count"] { margin: 2px 0 0; font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums; }
  [data-plain="starter-card"] [data-slot="list"] { list-style: none; margin: 0; padding: 0; }
  [data-plain="starter-card"] [data-slot="item"] { display: flex; align-items: flex-start; gap: var(--p-space-12, 12px); padding: var(--p-space-12, 12px) var(--p-space-16, 16px); border-top: 1px solid var(--p-color-border-subtle); }
  [data-plain="starter-card"] [data-slot="tick"] { flex: none; box-sizing: border-box; display: inline-grid; place-items: center; width: 20px; height: 20px; margin-block-start: round(nearest, calc((var(--p-type-body-m-line-height) * var(--p-ts, 1) - 20px) / 2), 2px);  border: 1px solid var(--p-color-border-strong); border-radius: var(--p-radius-full); color: var(--p-color-text-inverse); }
  
  [data-plain="starter-card"] [data-slot="item"][data-done] [data-slot="tick"] { background: var(--p-color-mark-done); border-color: var(--p-color-text-primary); color: var(--p-color-mark-on-done); }
  [data-plain="starter-card"] [data-slot="text"] { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
  [data-plain="starter-card"] [data-slot="item-title"] { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: 400; color: var(--p-color-text-primary); overflow-wrap: break-word; text-wrap: pretty; }
  [data-plain="starter-card"] [data-slot="item"][data-done] [data-slot="item-title"] { color: var(--p-color-text-secondary); }
  [data-plain="starter-card"] [data-slot="description"] { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); overflow-wrap: break-word; text-wrap: pretty; }
  [data-plain="starter-card"] [data-slot="action"] { flex: none; align-self: center; }
}
@media (forced-colors: active) {
  @layer plain-components {
    [data-plain="starter-card"] [data-slot="item"][data-done] [data-slot="tick"] { background: Highlight; border-color: Highlight; color: HighlightText; }
  }
}

@layer plain-components {
  [data-plain="person-card"] { box-sizing: border-box; display: flex; align-items: center; gap: var(--p-space-16, 16px) var(--p-space-24, 24px); flex-wrap: wrap; padding: var(--p-space-20, 20px); background: var(--p-color-bg-default); border: 1px solid var(--p-color-border-subtle); border-radius: var(--p-radius-card); min-width: 0; }
  [data-plain="person-card"] [data-slot="avatar"] { flex: none; display: flex; }
  [data-plain="person-card"] [data-slot="who"] { flex: 1 1 12rem; min-width: 0; }
  [data-plain="person-card"] p { margin: 0; }
  [data-plain="person-card"] [data-slot="name"] { font-size: calc(var(--p-type-body-l-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-l-line-height, 24px) * var(--p-ts, 1)); font-weight: 500; color: var(--p-color-text-primary); overflow-wrap: break-word; }
  [data-plain="person-card"] [data-slot="role"], [data-plain="person-card"] [data-slot="reply"] { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); }
  
  [data-plain="person-card"] [data-slot="contact"] [data-plain="link"] { color: var(--p-color-text-primary); text-decoration-line: underline; text-decoration-color: var(--p-color-border-default); text-underline-offset: 3px; }
  [data-plain="person-card"] [data-slot="contact"] [data-plain="link"][data-hovered] { text-decoration-color: currentColor; }
  [data-plain="person-card"] [data-slot="contact"] { flex: 0 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); overflow-wrap: anywhere; }
}
@media (max-width: 480px) {
  @layer plain-components {
    [data-plain="person-card"]:not([data-layout="compact"]) { flex-direction: column; align-items: flex-start; }
    [data-plain="person-card"]:not([data-layout="compact"]) [data-slot="who"] { flex: 0 0 auto; }
  }
}

@layer plain-components {
  [data-plain="person-card"][data-layout="compact"] { display: flex; flex-wrap: nowrap; align-items: center; gap: var(--p-space-12, 12px); width: fit-content; max-width: 100%; padding: 0; background: transparent; border: 0; border-radius: 0; text-align: start; }
  
  [data-plain="person-card"][data-layout="compact"][data-framed] { padding: var(--p-space-16, 16px) var(--p-space-16, 16px) var(--p-space-16, 16px) var(--p-space-20, 20px); background: var(--p-color-bg-default); border: 1px solid var(--p-color-border-subtle); border-radius: var(--p-radius-card); }
  [data-plain="person-card"][data-layout="compact"] [data-slot="who"] { flex: 0 1 auto; min-width: 0; display: flex; flex-direction: column; }
  [data-plain="person-card"][data-layout="compact"] [data-slot="line"] { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: var(--p-space-8, 8px); min-width: 0; }
  [data-plain="person-card"][data-layout="compact"] [data-slot="name"] { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); }
  [data-plain="person-card"][data-layout="compact"] [data-slot="role"] { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); }
  [data-plain="person-card"][data-layout="compact"] [data-slot="contact"] { display: block; flex: none; font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); white-space: nowrap; }
  [data-plain="person-card"][data-layout="compact"] [data-slot="action"] { flex: none; display: flex; }
}

@layer plain-components {
  [data-plain="site-frame"][data-part="root"] { min-height: 100vh; display: flex; flex-direction: column; background: var(--p-color-bg-panel); color: var(--p-color-text-primary); }
  [data-plain="site-frame"][data-part="root"] > [data-slot="skip"] { position: absolute; left: var(--p-space-8, 8px); top: -48px; padding: var(--p-space-8, 8px) var(--p-space-12, 12px); background: var(--p-color-bg-default); color: var(--p-color-text-primary); border: 1px solid var(--p-color-border-subtle); border-radius: var(--p-radius-control); font-size: var(--p-type-body-s-size); }
  [data-plain="site-frame"][data-part="root"] > [data-slot="skip"]:focus-visible { top: var(--p-space-8, 8px); z-index: 10; outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: 2px; }
  [data-plain="site-frame"][data-part="root"] > [data-slot="main"] { flex: 1; min-width: 0; }

  
  [data-plain="site-frame"][data-part="header"] { background: var(--p-color-bg-panel); border-bottom: 1px solid var(--p-color-border-subtle); }
  [data-plain="site-frame"][data-part="header"] [data-slot="bar"] { display: flex; align-items: center; gap: var(--p-space-32, 32px); max-width: 1200px; margin: 0 auto; padding: var(--p-space-12, 12px) var(--p-space-24, 24px); box-sizing: border-box; }
  [data-plain="site-frame"][data-part="header"] [data-slot="brand"] { display: inline-flex; align-items: center; margin-right: auto; color: var(--p-color-text-primary); text-decoration: none; font-size: 20px; line-height: 28px; font-weight: 500; letter-spacing: -0.02em; white-space: nowrap; border-radius: 4px; }
  [data-plain="site-frame"][data-part="header"] [data-slot="brand"]:focus-visible { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: 2px; }
  [data-plain="site-frame"][data-part="header"] [data-slot="nav"] { display: flex; align-items: center; gap: var(--p-space-24, 24px); }
  [data-plain="site-frame"][data-part="header"] [data-slot="actions"] { display: flex; align-items: center; gap: var(--p-space-20, 20px); }
  [data-plain="site-frame"][data-part="header"] [data-slot="menu-button"] { display: none; }
  
  [data-plain="site-frame"][data-part="header"] [data-slot="actions"] > * { flex: none; white-space: nowrap; }
  [data-plain="site-frame"][data-part="header"] [data-slot="nav"] [data-plain="link"], [data-plain="site-frame"][data-part="header"] > [data-slot="panel"] [data-plain="link"], [data-plain="site-frame"][data-part="header"] [data-slot="actions"] > [data-plain="link"], [data-plain="site-frame"][data-part="footer"] [data-plain="link"] { text-decoration-color: transparent; }
  @media (hover: hover) and (pointer: fine) {
    [data-plain="site-frame"][data-part="header"] [data-slot="nav"] [data-plain="link"][data-hovered], [data-plain="site-frame"][data-part="header"] [data-slot="actions"] > [data-plain="link"][data-hovered], [data-plain="site-frame"][data-part="footer"] [data-plain="link"][data-hovered] { text-decoration-color: currentColor; color: var(--p-color-text-primary); }
  }

  
  [data-plain="site-frame"][data-part="header"] > [data-slot="panel"] { display: none; flex-direction: column; border-top: 1px solid var(--p-color-border-subtle); padding: var(--p-space-8, 8px) var(--p-space-16, 16px) var(--p-space-12, 12px); }
  [data-plain="site-frame"][data-part="header"] > [data-slot="panel"] [data-plain="link"] { display: flex; align-items: center; min-height: 44px; font-size: var(--p-type-body-m-size); color: var(--p-color-text-primary); }
  [data-plain="site-frame"][data-part="header"] > [data-slot="panel"] [data-plain="link"] + [data-plain="link"] { border-top: 1px solid var(--p-color-border-subtle); }

  
  [data-plain="site-frame"][data-part="footer"] { border-top: 1px solid var(--p-color-border-subtle); background: var(--p-color-bg-panel); }
  [data-plain="site-frame"][data-part="footer"] [data-slot="inner"] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--p-space-12, 12px) var(--p-space-24, 24px); max-width: 1200px; margin: 0 auto; padding: var(--p-space-24, 24px); box-sizing: border-box; }
  [data-plain="site-frame"][data-part="footer"] [data-slot="operator"] { margin: 0; font-size: var(--p-type-body-s-size); line-height: var(--p-type-body-s-line-height); color: var(--p-color-text-secondary); text-wrap: pretty; }
  [data-plain="site-frame"][data-part="footer"] [data-slot="links"] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--p-space-8, 8px) var(--p-space-24, 24px); }
  [data-plain="site-frame"][data-part="footer"] [data-slot="legal"] { display: flex; flex-wrap: wrap; gap: var(--p-space-8, 8px) var(--p-space-24, 24px); }

  @media (max-width: 719px) {
    [data-plain="site-frame"][data-part="header"] [data-slot="bar"] { gap: var(--p-space-8, 8px); padding: var(--p-space-8, 8px) var(--p-space-16, 16px); }
    [data-plain="site-frame"][data-part="header"] [data-slot="nav"] { display: none; }
    [data-plain="site-frame"][data-part="header"] [data-slot="actions"] { gap: var(--p-space-12, 12px); }
    [data-plain="site-frame"][data-part="header"] [data-slot="menu-button"] { display: inline-flex; }
    
    [data-plain="site-frame"][data-part="header"][data-action-narrow="false"] [data-slot="action"] { display: none; }
    [data-plain="site-frame"][data-part="header"][data-open] > [data-slot="panel"] { display: flex; }
    [data-plain="site-frame"][data-part="footer"] [data-slot="inner"] { padding: var(--p-space-20, 20px) var(--p-space-16, 16px); }
  }
  @media (forced-colors: active) {
    [data-plain="site-frame"][data-part="header"], [data-plain="site-frame"][data-part="footer"] { border-color: CanvasText; }
  }
}

@layer plain-components {
  [data-plain="hero-capture"] { display: flex; flex-direction: column; align-items: center; text-align: center; max-width: 1200px; margin: 0 auto; padding: var(--p-space-80, 80px) var(--p-space-24, 24px) 0; box-sizing: border-box; background: var(--p-color-bg-panel); color: var(--p-color-text-primary); }
  [data-plain="hero-capture"] [data-slot="title"] { margin: 0; max-width: 18ch; font-size: clamp(44px, 5vw, 72px); line-height: 1.06; font-weight: 500; letter-spacing: -0.035em; text-wrap: balance; overflow-wrap: break-word; }
  [data-plain="hero-capture"] [data-slot="sub"] { margin: var(--p-space-16, 16px) 0 0; max-width: 52em; font-size: var(--p-type-body-l-size, 18px); line-height: var(--p-type-body-l-line-height, 28px); color: var(--p-color-text-secondary); text-wrap: balance; }
  [data-plain="hero-capture"] [data-slot="form"] { display: flex; align-items: flex-start; gap: var(--p-space-8, 8px); width: 100%; max-width: 520px; margin: var(--p-space-24, 24px) 0 0; text-align: start; }
  [data-plain="hero-capture"] [data-slot="field"] { flex: 1; min-width: 0; }
  [data-plain="hero-capture"] [data-slot="submit"] { flex: none; display: flex; }
  [data-plain="hero-capture"] [data-slot="proof"] { margin: var(--p-space-16, 16px) 0 0; font-size: var(--p-type-body-s-size); line-height: var(--p-type-body-s-line-height); color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums; text-wrap: balance; }
  
  [data-plain="hero-capture"] [data-slot="secondary"] { margin: var(--p-space-12, 12px) 0 0; font-size: var(--p-type-body-m-size); line-height: var(--p-type-body-m-line-height); }
  [data-plain="hero-capture"] [data-slot="proof"] + [data-slot="secondary"] { margin-top: var(--p-space-12, 12px); }
  [data-plain="hero-capture"] [data-slot="form"] + [data-slot="secondary"] { margin-top: var(--p-space-16, 16px); }
  
  [data-plain="hero-capture"] [data-slot="capture"] { width: 100%; max-width: 1080px; margin: var(--p-space-48, 48px) 0 0; padding: 0; border: 1px solid var(--p-color-border-subtle); border-bottom: 0; border-radius: var(--p-radius-card) var(--p-radius-card) 0 0; overflow: hidden; background: var(--p-color-bg-default); line-height: 0; }
  
  [data-plain="hero-capture"] [data-slot="media"] { width: 100%; max-width: 1180px; margin: var(--p-space-56, 64px) 0 0; text-align: start; }
  [data-plain="hero-capture"] [data-slot="capture"] picture { display: block; }
  [data-plain="hero-capture"] [data-slot="capture"] img { display: block; width: 100%; height: auto; }

  @media (max-width: 719px) {
    [data-plain="hero-capture"] { padding: var(--p-space-48, 48px) var(--p-space-16, 16px) 0; }
    [data-plain="hero-capture"] [data-slot="title"] { font-size: clamp(36px, 11vw, 44px); line-height: 1.08; max-width: 14ch; }
    [data-plain="hero-capture"] [data-slot="sub"] { margin-top: var(--p-space-16, 16px); font-size: var(--p-type-body-m-size); line-height: var(--p-type-body-m-line-height); }
    [data-plain="hero-capture"] [data-slot="form"] { flex-direction: column; align-items: stretch; margin-top: var(--p-space-24, 24px); }
    [data-plain="hero-capture"] [data-slot="submit"] > * { width: 100%; }
    [data-plain="hero-capture"] [data-slot="capture"], [data-plain="hero-capture"] [data-slot="media"] { margin-top: var(--p-space-32, 32px); }
    
    [data-plain="hero-capture"] [data-slot="capture"]:not([data-narrow]) img { aspect-ratio: 4 / 3; object-fit: cover; object-position: left top; }
  }
  @media (forced-colors: active) {
    [data-plain="hero-capture"] [data-slot="capture"] { border-color: CanvasText; }
  }
}

@layer plain-components {
  [data-plain="price-card"] { box-sizing: border-box; display: flex; flex-direction: column; width: 100%; padding: var(--p-space-32, 32px); background: var(--p-color-bg-default); color: var(--p-color-text-primary); border: 1px solid var(--p-color-border-subtle); border-radius: var(--p-radius-card); }
  [data-plain="price-card"] [data-slot="name"] { margin: 0; font-size: var(--p-type-title-s-size); line-height: var(--p-type-title-s-line-height); font-weight: 500; letter-spacing: -0.01em; }
  [data-plain="price-card"] [data-slot="price"] { margin: var(--p-space-16, 16px) 0 0; color: var(--p-color-text-primary); }
  [data-plain="price-card"] [data-slot="unit"] { margin: var(--p-space-4, 4px) 0 0; font-size: var(--p-type-body-m-size); line-height: var(--p-type-body-m-line-height); color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums; }
  [data-plain="price-card"] [data-slot="note"] { margin: var(--p-space-8, 8px) 0 0; font-size: var(--p-type-body-s-size); line-height: var(--p-type-body-s-line-height); color: var(--p-color-text-secondary); }
  [data-plain="price-card"] [data-slot="action"] { margin-top: var(--p-space-24, 24px); display: flex; flex-direction: column; }
  [data-plain="price-card"] [data-slot="action"] > * { width: 100%; }
  [data-plain="price-card"] [data-slot="features"] { margin: var(--p-space-24, 24px) 0 0; padding: var(--p-space-24, 24px) 0 0; list-style: none; display: grid; gap: var(--p-space-12, 12px); border-top: 1px solid var(--p-color-border-subtle); }
  [data-plain="price-card"] [data-slot="feature"] { display: flex; align-items: flex-start; gap: var(--p-space-12, 12px); font-size: var(--p-type-body-m-size); line-height: var(--p-type-body-m-line-height); }
  [data-plain="price-card"] [data-slot="tick"] { flex: none; display: inline-flex; align-items: center; height: var(--p-type-body-m-line-height); color: var(--p-color-text-primary); }
  [data-plain="price-card"] [data-slot="feature-text"] { min-width: 0; overflow-wrap: break-word; text-wrap: pretty; }

  [data-plain="fee-table"] { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; color: var(--p-color-text-primary); }
  [data-plain="fee-table"] [data-slot="caption"] { caption-side: top; text-align: start; padding: 0 0 var(--p-space-12, 12px); font-size: var(--p-type-body-m-size); line-height: var(--p-type-body-m-line-height); font-weight: 500; }
  [data-plain="fee-table"] th, [data-plain="fee-table"] td { padding: var(--p-space-12, 12px) 0; text-align: start; border-bottom: 1px solid var(--p-color-border-subtle); font-size: var(--p-type-body-m-size); line-height: var(--p-type-body-m-line-height); vertical-align: baseline; }
  [data-plain="fee-table"] thead th { border-top: 1px solid var(--p-color-border-subtle); padding-block: var(--p-space-8, 8px); font-size: var(--p-type-body-s-size); line-height: var(--p-type-body-s-line-height); font-weight: 400; color: var(--p-color-text-secondary); }
  [data-plain="fee-table"] tbody th { font-weight: 400; }
  [data-plain="fee-table"] [data-slot="head-rate"], [data-plain="fee-table"] [data-slot="rate"] { text-align: end; white-space: nowrap; padding-inline-start: var(--p-space-16, 16px); }
  [data-plain="fee-table"] [data-slot="rate"] { font-weight: 500; }

  @media (max-width: 719px) {
    [data-plain="price-card"] { padding: var(--p-space-24, 24px) var(--p-space-20, 20px); }
  }
  @media (forced-colors: active) {
    [data-plain="price-card"], [data-plain="fee-table"] th, [data-plain="fee-table"] td { border-color: CanvasText; }
  }
}

@layer plain-components {
  [data-plain="disclosure-group"] { border-top: 1px solid var(--p-color-border-subtle); }
  [data-plain="disclosure"] { border-bottom: 1px solid var(--p-color-border-subtle); }
  [data-plain="disclosure"] [data-slot="heading"] { margin: 0; font: inherit; }
  [data-plain="disclosure"] [data-slot="trigger"] {
    appearance: none; box-sizing: border-box; width: 100%; min-height: var(--p-size-target-min, 44px);
    display: flex; align-items: center; justify-content: space-between; gap: var(--p-space-16, 16px);
    margin: 0; padding: var(--p-space-16, 16px) 0; border: 0; border-radius: 0; background: transparent;
    color: var(--p-color-text-primary); font: inherit; text-align: start; cursor: pointer; -webkit-tap-highlight-color: transparent;
    font-size: calc(16px * var(--p-ts, 1)); line-height: calc(24px * var(--p-ts, 1)); font-weight: 500; letter-spacing: var(--p-type-tracking-sm, -0.006em);
  }
  [data-pointer="coarse"] [data-plain="disclosure"] [data-slot="trigger"] { min-height: var(--p-size-target-coarse, 48px); }
  [data-plain="disclosure"] [data-slot="title"] { min-width: 0; overflow-wrap: break-word; text-wrap: balance; }
  [data-plain="disclosure"] [data-slot="chevron"] {
    flex: none; display: inline-flex; align-items: center; justify-content: center; color: var(--p-color-text-secondary);
    transition: transform 160ms ease-out, color 160ms ease-out;
  }
  [data-plain="disclosure"][data-open] [data-slot="chevron"] { transform: rotate(180deg); }
  @media (hover: hover) and (pointer: fine) {
    [data-plain="disclosure"] [data-slot="trigger"][data-hovered] [data-slot="chevron"] { color: var(--p-color-text-primary); }
  }
  [data-plain="disclosure"] [data-slot="trigger"][data-focus-visible] { outline: var(--p-stroke-focus, 2px) solid var(--p-color-focus-ring); outline-offset: 2px; border-radius: var(--p-radius-control, 8px); }
  [data-plain="disclosure"] [data-slot="panel"][hidden] { display: none; }
  [data-plain="disclosure"] [data-slot="answer"] {
    padding: 0 var(--p-space-32, 32px) var(--p-space-16, 16px) 0; max-width: 64ch;
    color: var(--p-color-text-secondary); font-size: calc(15px * var(--p-ts, 1)); line-height: calc(24px * var(--p-ts, 1)); font-weight: 380;
    overflow-wrap: break-word; text-wrap: pretty;
  }
  [data-plain="disclosure"] [data-slot="answer"] > :first-child { margin-top: 0; }
  [data-plain="disclosure"] [data-slot="answer"] > :last-child { margin-bottom: 0; }
  [data-plain="disclosure"] [data-slot="answer"] > p { margin: 0 0 var(--p-space-8, 8px); }
  @media (prefers-reduced-motion: reduce) {
    [data-plain="disclosure"] [data-slot="chevron"] { transition: none; }
  }
  @media (forced-colors: active) {
    [data-plain="disclosure"], [data-plain="disclosure-group"] { border-color: CanvasText; }
    [data-plain="disclosure"] [data-slot="chevron"] { color: CanvasText; }
  }
}

@layer plain-components {
  [data-plain="demo-bar"] {
    position: relative; box-sizing: border-box; width: 100%; container-type: inline-size; z-index: 5;
    background: var(--p-color-text-primary); color: var(--p-color-text-inverse);
    padding: var(--p-space-8, 8px) var(--p-space-16, 16px);
  }
  [data-plain="demo-bar"][data-sticky] { position: sticky; top: 0; }
  [data-plain="demo-bar"][data-dismissible] { padding-inline-end: calc(var(--p-space-16, 16px) + 40px); }
  [data-plain="demo-bar"] [data-slot="row"] { display: flex; align-items: center; justify-content: center; gap: var(--p-space-12, 12px); min-width: 0; }
  [data-plain="demo-bar"] [data-slot="text"] {
    margin: 0; min-width: 0; flex: 0 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    font-size: calc(14px * var(--p-ts, 1)); line-height: calc(20px * var(--p-ts, 1)); font-weight: 400; letter-spacing: var(--p-type-tracking-sm, -0.006em);
  }
  [data-plain="demo-bar"] [data-slot="short"] { display: none; }
  [data-plain="demo-bar"] [data-slot="action"] { flex: none; display: inline-flex; }
  [data-plain="demo-bar"] [data-slot="dismiss"] { position: absolute; inset-block: 0; inset-inline-end: var(--p-space-8, 8px); display: inline-flex; align-items: center; }
  @container (max-width: 480px) {
    [data-plain="demo-bar"] [data-slot="row"] { justify-content: space-between; }
    [data-plain="demo-bar"] [data-slot="short"] { display: inline; }
    [data-plain="demo-bar"] [data-slot="text"]:has([data-slot="short"]) [data-slot="long"] { display: none; }
  }

  
  [data-plain="demo-bar"] [data-plain="button"][data-variant] { --_bg: var(--p-color-text-inverse); --_fg: var(--p-color-text-primary); --_bd: transparent; --_sh: 0 0 0 0 transparent; }
  [data-plain="demo-bar"] [data-plain="button"][data-variant][data-focus-visible] { border-color: transparent; box-shadow: 0 0 0 var(--p-stroke-focus-ring, 3px) var(--p-color-text-primary), 0 0 0 calc(var(--p-stroke-focus-ring, 3px) + 2px) var(--p-color-text-inverse); }
  [data-plain="demo-bar"] [data-plain="button"][data-icon-only][data-variant] { --_bg: transparent; --_fg: var(--p-color-text-inverse); }
  @media (hover: hover) and (pointer: fine) {
    [data-plain="demo-bar"] [data-plain="button"][data-variant][data-hovered] { --_bg: color-mix(in oklab, var(--p-color-text-inverse), var(--p-color-text-primary) 12%); --_bd: transparent; }
    [data-plain="demo-bar"] [data-plain="button"][data-icon-only][data-variant][data-hovered] { --_bg: color-mix(in oklab, var(--p-color-text-primary), var(--p-color-text-inverse) 16%); }
  }
  [data-plain="demo-bar"] [data-plain="button"][data-variant][data-pressed] { --_bg: color-mix(in oklab, var(--p-color-text-inverse), var(--p-color-text-primary) 20%); }
  @media (forced-colors: active) {
    [data-plain="demo-bar"] { border-bottom: 1px solid CanvasText; background: Canvas; color: CanvasText; }
  }
}

@layer plain-components {
  
  [data-landing] { box-sizing: border-box; width: 100%; padding: 96px 24px; background: var(--p-color-bg-panel); color: var(--p-color-text-primary); }
  [data-landing][data-tone="default"] { background: var(--p-color-bg-default); }
  [data-landing] > [data-slot="inner"], [data-landing] > :is([data-slot="band"], [data-slot="rise"]) > [data-slot="inner"] { box-sizing: border-box; width: 100%; max-width: 1200px; margin-inline: auto; min-width: 0; }

  
  [data-landing][data-tone="ink"] {
    --_paper: var(--p-color-bg-default); --_ink: var(--p-color-text-primary); --_ink2: var(--p-color-text-secondary); --_ink3: var(--p-color-text-tertiary);
    --_line: var(--p-color-border-subtle); --_line2: var(--p-color-border-default); --_ctl: var(--p-color-border-control); --_ctlh: var(--p-color-border-control-hover); --_link: var(--p-color-text-link); --_panel: var(--p-color-bg-panel); --_danger: var(--p-color-danger-text);
    background: var(--_ink); color: var(--_paper);
  }
  [data-landing][data-tone="ink"] [data-inverse] {
    --p-color-text-primary: var(--_paper);
    --p-color-text-secondary: color-mix(in oklab, var(--_paper) 76%, var(--_ink));
    --p-color-text-tertiary: color-mix(in oklab, var(--_paper) 68%, var(--_ink));
    --p-color-text-link: var(--_paper);
    --p-color-border-subtle: color-mix(in oklab, var(--_paper) 16%, var(--_ink));
    --p-color-border-default: color-mix(in oklab, var(--_paper) 26%, var(--_ink));
    --p-color-danger-text: color-mix(in oklab, var(--_danger) 40%, var(--_paper));
    
    --p-color-focus-ring: var(--_paper); --p-color-focus-ring-button: var(--_paper); --p-color-focus-ring-field: var(--_paper);
    color: var(--p-color-text-primary);
  }
  
  [data-landing][data-tone="ink"] [data-inverse] [data-plain="button"][data-variant="primary"] { --_sel: var(--_paper); --_fg: var(--_ink); --_sh: none; }
  [data-landing][data-tone="ink"] [data-inverse] [data-plain="button"][data-variant="primary"][data-hovered] { --_bg: color-mix(in oklab, var(--_paper), var(--_ink) 10%); }
  [data-landing][data-tone="ink"] [data-inverse] [data-plain="button"][data-variant="primary"][data-pressed] { --_bg: color-mix(in oklab, var(--_paper), var(--_ink) 18%); }
  [data-landing][data-tone="ink"] [data-inverse] [data-plain="button"][data-variant="secondary"] { --_bg: transparent; --_fg: var(--_paper); --_bd: color-mix(in oklab, var(--_paper) 40%, var(--_ink)); --_sh: none; }
  
  [data-landing][data-tone="ink"] [data-inverse] :is([data-plain="field"] [data-slot="control"], [data-plain="price-card"], [data-plain="card"]) {
    --p-color-text-primary: var(--_ink); --p-color-text-secondary: var(--_ink2); --p-color-text-tertiary: var(--_ink3); --p-color-text-link: var(--_link);
    --p-color-border-subtle: var(--_line); --p-color-border-default: var(--_line2); color: var(--_ink);
  }
  
  [data-landing][data-tone="ink"] [data-inverse] :is([data-plain="price-card"], [data-plain="card"]) { --p-color-focus-ring: var(--_ink); --p-color-focus-ring-button: var(--_ink); --p-color-focus-ring-field: var(--_ink); }

  
  [data-plain="landing-head"] { display: flex; flex-direction: column; align-items: flex-start; text-align: start; min-width: 0; }
  [data-plain="landing-head"][data-align="center"] { align-items: center; text-align: center; margin-inline: auto; }
  [data-plain="landing-head"] [data-slot="eyebrow"] { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 16px; font-size: 13px; line-height: 16px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.04em; color: var(--p-color-text-secondary); }
  [data-plain="landing-head"] [data-slot="eyebrow"]::before { content: ""; flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--p-color-accent-seed, currentColor); }
  [data-plain="landing-head"] [data-slot="title"] { margin: 0; max-width: 22ch; font-size: var(--p-type-display-m-size, 40px); line-height: 1.1; font-weight: var(--p-type-display-m-weight, 500); letter-spacing: -0.02em; text-wrap: balance; overflow-wrap: break-word; color: var(--p-color-text-primary); }
  
  [data-plain="landing-head"] h1[data-slot="title"] { max-width: 20ch; font-size: var(--p-type-display-l-size, 64px); line-height: 1.06; letter-spacing: -0.025em; } 
  [data-plain="landing-head"] [data-slot="title-muted"] { color: var(--p-color-text-secondary); }
  [data-plain="landing-head"] [data-slot="lead"] { margin: 16px 0 0; max-width: 36em; font-size: var(--p-type-body-l-size, 18px); line-height: var(--p-type-body-l-line-height, 28px); color: var(--p-color-text-secondary); text-wrap: pretty; }
  [data-plain="landing-head"] [data-slot="lead"] > p { margin: 0; }
  
  [data-plain="landing-head"] h1[data-slot="title"] ~ [data-slot="lead"] { margin-top: 20px; max-width: 34em; font-size: 20px; line-height: 30px; }

  
  [data-plain="landing-section"] > [data-slot="inner"] { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: "head" "body" "aside"; }
  [data-plain="landing-section"] > [data-slot="inner"] > [data-slot="body"] { grid-area: body; min-width: 0; margin-top: 48px; }
  [data-plain="landing-section"] > [data-slot="inner"] > [data-slot="head"] { grid-area: head; min-width: 0; }
  [data-plain="landing-section"] > [data-slot="inner"] > [data-slot="aside"] { grid-area: aside; min-width: 0; margin-top: 40px; }
  @media (min-width: 960px) {
    [data-plain="landing-section"][data-aside] > [data-slot="inner"] { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); grid-template-rows: auto 1fr; grid-template-areas: "head body" "aside body"; column-gap: 64px; align-items: start; }
    [data-plain="landing-section"][data-aside] > [data-slot="inner"] > [data-slot="body"] { margin-top: 0; }
    [data-plain="landing-section"][data-aside] > [data-slot="inner"] > [data-slot="aside"] { margin-top: 32px; max-width: 420px; }
  }

  
  [data-plain="landing-section"][data-overlap] { padding: 0; background: var(--p-color-bg-panel); color: var(--p-color-text-primary); }
  [data-plain="landing-section"][data-overlap] > [data-slot="band"] { padding: 96px 24px 128px; background: var(--_ink); }
  [data-plain="landing-section"][data-overlap] > [data-slot="rise"] { position: relative; margin-top: -128px; padding: 0 24px 96px; }
  [data-plain="landing-section"][data-overlap] > :is([data-slot="band"], [data-slot="rise"]) > [data-slot="inner"] { display: block; }
  [data-plain="landing-section"][data-overlap] [data-plain="landing-head"] { align-items: center; text-align: center; }

  @media (max-width: 719px) {
    [data-landing] { padding: 64px 16px; }
    [data-plain="landing-head"] [data-slot="title"] { font-size: var(--p-type-display-s-size, 30px); line-height: 1.15; }
    [data-plain="landing-head"] h1[data-slot="title"] { font-size: var(--p-type-display-m-size, 40px); line-height: 1.08; }
    [data-plain="landing-head"] [data-slot="lead"] { margin-top: 12px; font-size: var(--p-type-body-m-size, 16px); line-height: var(--p-type-body-m-line-height, 24px); }
    [data-plain="landing-head"] h1[data-slot="title"] ~ [data-slot="lead"] { margin-top: 16px; font-size: 17px; line-height: 26px; }
    [data-plain="landing-section"] > [data-slot="inner"] > [data-slot="body"] { margin-top: 32px; }
    [data-plain="landing-section"] > [data-slot="inner"] > [data-slot="aside"] { margin-top: 32px; }
    [data-plain="landing-section"][data-overlap] > [data-slot="band"] { padding: 64px 16px 128px; }
    [data-plain="landing-section"][data-overlap] > [data-slot="rise"] { margin-top: -80px; padding: 0 16px 64px; }
  }
  @media (forced-colors: active) {
    [data-landing][data-tone="ink"], [data-plain="landing-section"][data-overlap] > [data-slot="band"] { forced-color-adjust: auto; border-block: 1px solid CanvasText; }
    [data-plain="landing-head"] [data-slot="eyebrow"]::before { background: CanvasText; }
  }
}

@layer plain-components {
  [data-plain="source-strip"] { --ss-bg: var(--p-color-bg-panel); --ss-cell: var(--p-color-bg-default); --ss-ink: var(--p-color-text-primary); --ss-mut: var(--p-color-text-secondary); --ss-line: var(--p-color-border-subtle);
    display: block; margin: 0; padding: 80px 24px; box-sizing: border-box; background: var(--ss-bg); color: var(--ss-ink); }
  [data-plain="source-strip"][data-tone="default"] { --ss-bg: var(--p-color-bg-default); --ss-cell: var(--p-color-bg-panel); }
  [data-plain="source-strip"][data-tone="ink"] { --ss-bg: var(--p-color-text-primary); --ss-cell: color-mix(in srgb, var(--p-color-text-inverse) 6%, var(--p-color-text-primary)); --ss-ink: var(--p-color-text-inverse); --ss-mut: color-mix(in srgb, var(--p-color-text-inverse) 72%, var(--p-color-text-primary)); --ss-line: color-mix(in srgb, var(--p-color-text-inverse) 16%, var(--p-color-text-primary)); }
  
  [data-plain="source-strip"][data-tone="ink"] { --p-color-focus-ring: var(--p-color-text-inverse); --p-color-focus-ring-button: var(--p-color-text-inverse); --p-color-focus-ring-field: var(--p-color-text-inverse); }
  [data-plain="source-strip"] *, [data-plain="source-strip"] *::before, [data-plain="source-strip"] *::after { box-sizing: border-box; }
  [data-plain="source-strip"] [data-slot="inner"] { max-width: 1200px; margin: 0 auto; }
  [data-plain="source-strip"] [data-slot="lead"] { margin: 0 0 40px; max-width: 34em; font-size: 24px; line-height: 32px; font-weight: var(--p-font-weight-medium, 500); letter-spacing: -0.01em; text-wrap: balance; overflow-wrap: break-word; color: var(--ss-ink); }
  [data-plain="source-strip"] [data-slot="lead-muted"] { color: var(--ss-mut); }
  [data-plain="source-strip"] [data-slot="items"] { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(var(--ss-cols, 5), minmax(0, 1fr)); gap: 2px; background: var(--ss-line); border: 1px solid var(--ss-line); border-radius: var(--p-radius-card); overflow: hidden; }
  [data-plain="source-strip"] [data-slot="items"][data-count="3"] { --ss-cols: 3; }
  [data-plain="source-strip"] [data-slot="items"][data-count="4"] { --ss-cols: 4; }
  [data-plain="source-strip"] [data-slot="items"][data-count="6"] { --ss-cols: 3; }
  [data-plain="source-strip"] [data-slot="item"] { display: flex; min-width: 0; background: var(--ss-cell); }
  [data-plain="source-strip"] [data-slot="cell"] { position: relative; display: flex; flex-direction: column; gap: 4px; width: 100%; min-height: 136px; padding: 20px 24px 24px; color: inherit; text-decoration: none; }
  [data-plain="source-strip"] a[data-slot="cell"] { transition: background-color 120ms ease; }
  [data-plain="source-strip"] a[data-slot="cell"]:focus-visible { outline: 2px solid var(--p-color-focus-ring); outline-offset: -2px; }
  [data-plain="source-strip"] [data-slot="kicker"] { margin-bottom: 8px; font-size: 12px; line-height: 16px; font-weight: var(--p-font-weight-medium, 500); letter-spacing: 0.06em; text-transform: uppercase; color: var(--ss-mut); }
  [data-plain="source-strip"] [data-slot="title"] { font-size: 18px; line-height: 24px; font-weight: var(--p-font-weight-semibold, 600); letter-spacing: -0.01em; color: var(--ss-ink); overflow-wrap: break-word; }
  [data-plain="source-strip"] [data-slot="text"] { font-size: var(--p-type-body-m-size, 14px); line-height: var(--p-type-body-m-line-height, 21px); color: var(--ss-mut); text-wrap: pretty; }
  [data-plain="source-strip"] [data-slot="arrow"] { position: absolute; inset-block-start: 20px; inset-inline-end: 20px; font-size: 14px; line-height: 16px; color: var(--ss-mut); }

  @media (min-width: 720px) {
    [data-plain="source-strip"] { padding: 96px 24px; }
  }
  @media (hover: hover) and (pointer: fine) {
    [data-plain="source-strip"] a[data-slot="cell"]:hover { background: color-mix(in srgb, var(--ss-ink) 4%, var(--ss-cell)); }
    [data-plain="source-strip"] a[data-slot="cell"]:hover [data-slot="arrow"] { color: var(--ss-ink); }
  }
  @media (max-width: 959px) {
    [data-plain="source-strip"] [data-slot="items"] { --ss-cols: 2; }
    [data-plain="source-strip"] [data-slot="items"][data-odd] > [data-slot="item"]:last-child { grid-column: 1 / -1; }
    [data-plain="source-strip"] [data-slot="cell"] { min-height: 0; padding: 16px; }
  }
  @media (max-width: 719px) {
    [data-plain="source-strip"] { padding: 64px 16px; }
    [data-plain="source-strip"] [data-slot="lead"] { margin-bottom: 32px; font-size: 20px; line-height: 28px; }
    [data-plain="source-strip"] [data-slot="kicker"] { margin-bottom: 4px; }
    [data-plain="source-strip"] [data-slot="title"] { font-size: 16px; line-height: 22px; }
    [data-plain="source-strip"] [data-slot="arrow"] { inset-block-start: 16px; inset-inline-end: 16px; }
  }
  @media (prefers-reduced-motion: reduce) {
    [data-plain="source-strip"] a[data-slot="cell"] { transition: none; }
  }
  @media (forced-colors: active) {
    [data-plain="source-strip"] [data-slot="items"] { background: CanvasText; border-color: CanvasText; }
    [data-plain="source-strip"] [data-slot="item"] { background: Canvas; }
  }
}

@layer plain-components {
  [data-plain="statement-band"] { --sb-bg: var(--p-color-bg-panel); --sb-card: var(--p-color-bg-default); --sb-ink: var(--p-color-text-primary); --sb-mut: var(--p-color-text-secondary); --sb-line: var(--p-color-border-subtle);
    display: block; margin: 0; padding: 96px 24px; box-sizing: border-box; background: var(--sb-bg); color: var(--sb-ink); }
  [data-plain="statement-band"][data-tone="default"] { --sb-bg: var(--p-color-bg-default); --sb-card: var(--p-color-bg-panel); }
  [data-plain="statement-band"][data-tone="ink"] { --sb-bg: var(--p-color-text-primary); --sb-card: color-mix(in srgb, var(--p-color-text-inverse) 7%, var(--p-color-text-primary)); --sb-ink: var(--p-color-text-inverse); --sb-mut: color-mix(in srgb, var(--p-color-text-inverse) 72%, var(--p-color-text-primary)); --sb-line: color-mix(in srgb, var(--p-color-text-inverse) 18%, var(--p-color-text-primary)); }
  
  [data-plain="statement-band"][data-tone="ink"] { --p-color-focus-ring: var(--p-color-text-inverse); --p-color-focus-ring-button: var(--p-color-text-inverse); --p-color-focus-ring-field: var(--p-color-text-inverse); }
  [data-plain="statement-band"][data-tone="ink"] [data-slot="answer"] { --p-color-focus-ring: var(--p-color-text-primary); --p-color-focus-ring-button: var(--p-color-text-primary); --p-color-focus-ring-field: var(--p-color-text-primary); }
  [data-plain="statement-band"] *, [data-plain="statement-band"] *::before, [data-plain="statement-band"] *::after { box-sizing: border-box; }
  [data-plain="statement-band"] [data-slot="inner"] { max-width: 1200px; margin: 0 auto; }
  [data-plain="statement-band"] [data-slot="head"] { display: flex; flex-direction: column; align-items: flex-start; }
  [data-plain="statement-band"] [data-slot="eyebrow"] { display: inline-flex; align-items: center; margin: 0 0 20px; padding: 4px 12px; border: 1px solid var(--sb-line); border-radius: var(--p-radius-full); font-size: 13px; line-height: 16px; font-weight: var(--p-font-weight-medium, 500); letter-spacing: 0.04em; text-transform: uppercase; color: var(--sb-mut); }
  [data-plain="statement-band"] [data-slot="title"] { margin: 0; max-width: 22ch; font-size: 40px; line-height: 44px; font-weight: var(--p-type-display-m-weight, 500); letter-spacing: -0.02em; text-wrap: balance; overflow-wrap: break-word; color: var(--sb-ink); }
  [data-plain="statement-band"] [data-slot="title-muted"] { color: var(--sb-mut); }
  [data-plain="statement-band"] [data-slot="lead"] { margin: 20px 0 0; max-width: 36em; font-size: 18px; line-height: 28px; color: var(--sb-mut); text-wrap: pretty; }
  [data-plain="statement-band"] [data-slot="stage"] { position: relative; margin-top: 64px; display: flex; flex-direction: column; gap: 16px; }
  [data-plain="statement-band"] [data-slot="quotes"] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 16px; }
  [data-plain="statement-band"] [data-slot="quote"] { margin: 0; }
  [data-plain="statement-band"] [data-slot="quote-figure"] { margin: 0; height: 100%; padding: 20px 24px; border: 1px solid var(--sb-line); border-radius: var(--p-radius-card); background: var(--sb-card); }
  [data-plain="statement-band"] [data-slot="quote-text"] { margin: 0; }
  [data-plain="statement-band"] [data-slot="quote-text"] p { margin: 0; font-size: 16px; line-height: 24px; color: var(--sb-ink); text-wrap: pretty; }
  [data-plain="statement-band"] [data-slot="quote-meta"] { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 6px; row-gap: 2px; margin-top: 12px; font-size: 13px; line-height: 20px; color: var(--sb-mut); font-variant-numeric: tabular-nums; }
  [data-plain="statement-band"] [data-slot="quote-link"] { color: var(--sb-mut); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; border-radius: 2px; }
  @media (hover: hover) and (pointer: fine) {
    [data-plain="statement-band"] [data-slot="quote-link"]:hover { color: var(--sb-ink); }
  }
  [data-plain="statement-band"] [data-slot="quote-link"]:focus-visible { outline: 2px solid var(--p-color-focus-ring); outline-offset: 2px; }
  [data-plain="statement-band"] [data-slot="sr"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
  
  [data-plain="statement-band"] [data-slot="answer"] { position: relative; z-index: 1; padding: 32px; border: 1px solid var(--p-color-border-subtle); border-radius: var(--p-radius-card); background: var(--p-color-bg-default); color: var(--p-color-text-primary); }
  [data-plain="statement-band"] [data-slot="answer-kicker"] { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 12px; line-height: 16px; font-weight: var(--p-font-weight-semibold, 600); letter-spacing: 0.06em; text-transform: uppercase; color: var(--p-color-text-secondary); }
  [data-plain="statement-band"] [data-slot="dot"] { flex: none; width: 8px; height: 8px; border-radius: var(--p-radius-full); background: var(--p-color-accent-seed); }
  [data-plain="statement-band"] [data-slot="answer-title"] { margin: 12px 0 8px; font-size: 24px; line-height: 30px; font-weight: var(--p-font-weight-semibold, 600); letter-spacing: -0.015em; color: var(--p-color-text-primary); text-wrap: balance; }
  [data-plain="statement-band"] [data-slot="answer-text"] { font-size: 15px; line-height: 23px; color: var(--p-color-text-secondary); text-wrap: pretty; font-variant-numeric: tabular-nums; }
  [data-plain="statement-band"] [data-slot="answer-text"] p { margin: 0; }

  [data-plain="statement-band"] [data-part="connectors"] { display: none; }
  @media (min-width: 960px) {
    
    [data-plain="statement-band"] [data-slot="head"] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 26rem); column-gap: 64px; align-items: end; }
    [data-plain="statement-band"] [data-slot="eyebrow"] { grid-column: 1 / -1; justify-self: start; }
    [data-plain="statement-band"] [data-slot="title"] { grid-column: 1; }
    [data-plain="statement-band"] [data-slot="lead"] { grid-column: 2; margin: 0 0 4px; max-width: none; font-size: var(--p-type-body-l-size, 18px); line-height: var(--p-type-body-l-line-height, 28px); }
    
    [data-plain="statement-band"] [data-slot="stage"] { display: grid; grid-template-columns: minmax(0, 1fr) 80px minmax(280px, 340px) 80px minmax(0, 1fr); column-gap: 0; align-items: stretch; margin-top: 64px; }
    [data-plain="statement-band"] [data-slot="quotes"] { display: grid; grid-auto-rows: 1fr; gap: 0; }
    [data-plain="statement-band"] [data-slot="quotes"][data-side="start"] { grid-column: 1; grid-row: 1; }
    [data-plain="statement-band"] [data-slot="quotes"][data-side="end"] { grid-column: 5; grid-row: 1; }
    [data-plain="statement-band"] [data-slot="quote"] { padding-block: 12px; }
    [data-plain="statement-band"] [data-slot="quote-figure"] { display: flex; flex-direction: column; justify-content: space-between; gap: 12px; }
    [data-plain="statement-band"] [data-slot="quote-meta"] { margin-top: auto; padding-top: 0; }
    [data-plain="statement-band"] [data-slot="answer"] { grid-column: 3; grid-row: 1; align-self: center; padding: 32px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--p-color-accent-seed) 40%, transparent), 0 0 64px 8px color-mix(in srgb, var(--p-color-accent-seed) 28%, transparent); }
    [data-plain="statement-band"] [data-part="connectors"] { display: block; grid-row: 1; width: 100%; height: 100%; overflow: visible; }
    [data-plain="statement-band"] [data-part="connectors"][data-side="start"] { grid-column: 2; }
    [data-plain="statement-band"] [data-part="connectors"][data-side="end"] { grid-column: 4; }
    [data-plain="statement-band"] [data-part="connectors"] path { stroke: color-mix(in srgb, var(--sb-mut) 55%, transparent); stroke-width: 1.5px; stroke-linecap: round; }
  }
  @media (max-width: 719px) {
    [data-plain="statement-band"] { padding: 64px 16px; }
    [data-plain="statement-band"] [data-slot="eyebrow"] { margin-bottom: 16px; }
    [data-plain="statement-band"] [data-slot="title"] { font-size: 30px; line-height: 34px; }
    [data-plain="statement-band"] [data-slot="lead"] { margin-top: 16px; font-size: var(--p-type-body-l-size, 16px); line-height: var(--p-type-body-l-line-height, 24px); }
    [data-plain="statement-band"] [data-slot="stage"] { margin-top: 32px; }
    [data-plain="statement-band"] [data-slot="answer"] { padding: 24px; }
    [data-plain="statement-band"] [data-slot="answer-title"] { font-size: 22px; line-height: 28px; }
    [data-plain="statement-band"] [data-slot="quote-figure"] { padding: 20px; }
  }
  @media (forced-colors: active) {
    [data-plain="statement-band"] [data-slot="quote-figure"], [data-plain="statement-band"] [data-slot="answer"] { border-color: CanvasText; }
    [data-plain="statement-band"] [data-slot="dot"] { background: CanvasText; }
    [data-plain="statement-band"] [data-part="connectors"] path { stroke: CanvasText; }
  }
}

@layer plain-components {
  [data-plain="feature-grid"] { --fg-bg: var(--p-color-bg-panel); --fg-card: var(--p-color-bg-default); --fg-ink: var(--p-color-text-primary); --fg-mut: var(--p-color-text-secondary); --fg-line: var(--p-color-border-subtle);
    --fg-screen-w: 300px; display: block; margin: 0; padding: 96px 24px; box-sizing: border-box; background: var(--fg-bg); color: var(--fg-ink); }
  [data-plain="feature-grid"][data-tone="default"] { --fg-bg: var(--p-color-bg-default); --fg-card: var(--p-color-bg-panel); }
  [data-plain="feature-grid"][data-tone="ink"] { --fg-bg: var(--p-color-text-primary); --fg-card: color-mix(in srgb, var(--p-color-text-inverse) 7%, var(--p-color-text-primary)); --fg-ink: var(--p-color-text-inverse); --fg-mut: color-mix(in srgb, var(--p-color-text-inverse) 72%, var(--p-color-text-primary)); --fg-line: color-mix(in srgb, var(--p-color-text-inverse) 18%, var(--p-color-text-primary)); }
  
  [data-plain="feature-grid"][data-tone="ink"] { --p-color-focus-ring: var(--p-color-text-inverse); --p-color-focus-ring-button: var(--p-color-text-inverse); --p-color-focus-ring-field: var(--p-color-text-inverse); }
  [data-plain="feature-grid"] *, [data-plain="feature-grid"] *::before, [data-plain="feature-grid"] *::after { box-sizing: border-box; }
  [data-plain="feature-grid"] [data-slot="inner"] { max-width: 1200px; margin: 0 auto; }
  [data-plain="feature-grid"] [data-slot="head"] { display: flex; flex-direction: column; align-items: flex-start; }
  [data-plain="feature-grid"][data-align="center"] [data-slot="head"] { align-items: center; text-align: center; }
  [data-plain="feature-grid"] [data-slot="title"] { margin: 0; max-width: 22ch; font-size: 40px; line-height: 44px; font-weight: var(--p-type-display-m-weight, 500); letter-spacing: -0.02em; text-wrap: balance; overflow-wrap: break-word; color: var(--fg-ink); }
  [data-plain="feature-grid"] [data-slot="lead"] { margin: 20px 0 0; max-width: 36em; font-size: 18px; line-height: 28px; color: var(--fg-mut); text-wrap: balance; }
  [data-plain="feature-grid"] [data-slot="body"] { margin-top: 64px; display: flex; flex-direction: column; gap: 24px; min-width: 0; }

  
  [data-plain="feature-grid"] [data-slot="screen"], [data-plain="feature-grid"] [data-slot="item-media"] { margin: 0; overflow: hidden; border: 1px solid var(--fg-line); border-radius: var(--p-radius-card); background: var(--p-color-bg-default); line-height: 0; }
  [data-plain="feature-grid"] [data-slot="screen"] img, [data-plain="feature-grid"] [data-slot="item-media"] img { display: block; width: 100%; height: auto; }
  [data-plain="feature-grid"] [data-slot="screen"] { width: 100%; max-width: var(--fg-screen-w); margin-inline: auto; }
  
  [data-plain="feature-grid"][data-layout="centre"] [data-slot="item"] { background: color-mix(in srgb, var(--p-color-accent-tint) 38%, var(--fg-card)); }
  [data-plain="feature-grid"][data-layout="centre"][data-tone="ink"] [data-slot="item"] { background: var(--fg-card); }

  [data-plain="feature-grid"] [data-slot="items"] { list-style: none; margin: 0; padding: 0; min-width: 0; }
  [data-plain="feature-grid"] [data-slot="item"] { display: flex; flex-direction: column; gap: 20px; min-width: 0; padding: 24px; border: 1px solid var(--fg-line); border-radius: var(--p-radius-card); background: var(--fg-card); }
  [data-plain="feature-grid"] [data-slot="item-text"] { display: flex; flex-direction: column; min-width: 0; }
  [data-plain="feature-grid"] [data-slot="icon"] { flex: none; align-self: flex-start; display: inline-grid; place-items: center; width: 44px; height: 44px; margin-bottom: 20px; border-radius: var(--p-radius-inner-card, 10px); background: var(--p-color-accent-tint); color: var(--p-color-accent-text, var(--p-color-text-primary)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--p-color-accent-seed) 22%, transparent); }
  [data-plain="feature-grid"] [data-slot="item-title"] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; font-size: 18px; line-height: 24px; font-weight: var(--p-font-weight-semibold, 600); letter-spacing: -0.01em; color: var(--fg-ink); text-wrap: balance; }
  [data-plain="feature-grid"] [data-slot="badge"] { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border: 1px solid var(--fg-line); border-radius: var(--p-radius-full); font-size: 12px; line-height: 16px; font-weight: var(--p-font-weight-medium, 500); letter-spacing: 0; color: var(--fg-mut); }
  [data-plain="feature-grid"] [data-slot="item-body"] { margin-top: 8px; font-size: 15px; line-height: 23px; color: var(--fg-mut); text-wrap: pretty; }
  [data-plain="feature-grid"] [data-slot="item-body"] p { margin: 0; }
  [data-plain="feature-grid"] [data-slot="footer"] { margin-top: 48px; display: flex; justify-content: center; font-size: var(--p-type-body-l-size, 16px); line-height: 24px; }
  [data-plain="feature-grid"][data-align="start"] [data-slot="footer"] { justify-content: flex-start; }

  
  [data-plain="feature-grid"] [data-slot="icon"]:has([data-plain="icon-tile"]) { width: auto; height: auto; border-radius: 0; background: none; box-shadow: none; color: inherit; }
  
  [data-plain="feature-grid"] [data-slot="vignette"] { min-width: 0; margin-top: 4px; }
  [data-plain="feature-grid"] [data-slot="item"]:has([data-slot="vignette"]) { gap: 20px; }
  
  [data-plain="feature-grid"] [data-slot="screen"][data-kind="node"] { overflow: visible; border: 0; border-radius: 0; background: none; line-height: normal; box-shadow: none; }
  
  [data-plain="feature-grid"][data-surface="paper"] { --fg-card: var(--p-color-bg-default); }
  
  [data-plain="feature-grid"][data-surface="paper"] [data-slot="vignette"] { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: flex-end; }
  [data-plain="feature-grid"][data-surface="paper"] [data-slot="vignette"] > * { flex: 1 1 auto; }
  [data-plain="feature-grid"][data-surface="paper"] [data-slot="item"], [data-plain="feature-grid"][data-surface="paper"][data-layout="centre"] [data-slot="item"] { background: var(--p-color-bg-default); border-color: var(--p-color-border-subtle);
    box-shadow: inset 0 3px 0 var(--p-color-accent-seed), 0 1px 2px color-mix(in srgb, var(--p-color-text-primary) 6%, transparent), 0 14px 32px -18px color-mix(in srgb, var(--p-color-text-primary) 22%, transparent); }

  
  [data-plain="feature-grid"][data-surface="paper"] [data-slot="item-title"] { font-size: 20px; line-height: 26px; }
  [data-plain="feature-grid"][data-surface="paper"] [data-slot="item-body"] { font-size: 16px; line-height: 24px; }

  
  [data-plain="feature-grid"] [data-slot="controls"] { display: none; }
  [data-plain="feature-grid"] [data-slot="dots"] { display: flex; align-items: center; }
  [data-plain="feature-grid"] [data-slot="dot"] { display: inline-grid; place-items: center; width: 24px; height: 24px; margin: 0; padding: 0; border: 0; border-radius: var(--p-radius-full); background: transparent; cursor: pointer; }
  [data-plain="feature-grid"] [data-slot="dot"]::before { content: ""; width: 8px; height: 8px; border-radius: var(--p-radius-full); border: 1px solid var(--p-color-border-strong); background: transparent; }
  [data-plain="feature-grid"] [data-slot="dot"][aria-current="true"]::before { border-color: var(--fg-ink); background: var(--fg-ink); }
  [data-plain="feature-grid"] [data-slot="dot"]:focus-visible { outline: 2px solid var(--p-color-focus-ring); outline-offset: 0; }

  @media (min-width: 960px) {
    [data-plain="feature-grid"][data-centre="node"] { --fg-screen-w: 400px; --fg-gap: 40px; }
    [data-plain="feature-grid"] [data-slot="items"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
    [data-plain="feature-grid"] [data-slot="item"][data-feature] { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center; gap: 40px; padding: 32px; }
    [data-plain="feature-grid"] [data-slot="item"][data-feature] [data-slot="item-title"] { font-size: 22px; line-height: 28px; }
    
    [data-plain="feature-grid"][data-layout="centre"] [data-slot="body"] { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, var(--fg-screen-w)) minmax(0, 1fr); column-gap: var(--fg-gap, 48px); margin-top: 64px; }
    [data-plain="feature-grid"][data-layout="centre"] [data-slot="body"]::before { content: ""; position: absolute; z-index: -1; left: 50%; top: 50%; width: min(620px, 56%); height: 112%; transform: translate(-50%, -50%); border-radius: var(--p-radius-full); pointer-events: none;
      background: radial-gradient(closest-side, color-mix(in srgb, var(--p-color-accent-seed) 34%, transparent), color-mix(in srgb, var(--p-color-accent-seed) 10%, transparent) 62%, transparent); filter: blur(32px); }
    [data-plain="feature-grid"][data-layout="centre"] [data-slot="screen"] { grid-column: 2; grid-row: 1; max-width: none; align-self: center; box-shadow: 0 32px 64px -24px color-mix(in srgb, var(--p-color-text-primary) 32%, transparent), 0 0 0 8px color-mix(in srgb, var(--p-color-bg-default) 60%, transparent); }
    [data-plain="feature-grid"][data-layout="centre"] [data-slot="screen"][data-kind="node"] { box-shadow: none; }
    [data-plain="feature-grid"][data-surface="paper"][data-centre="node"] { --fg-screen-w: 440px; --fg-gap: 32px; }
    [data-plain="feature-grid"][data-surface="paper"][data-centre="node"] [data-slot="body"]::before { display: none; }
    [data-plain="feature-grid"][data-surface="paper"][data-centre="node"] [data-slot="screen"][data-kind="node"] { align-self: stretch; display: flex; flex-direction: column; }
    [data-plain="feature-grid"][data-surface="paper"][data-centre="node"] [data-slot="screen"][data-kind="node"] > * { flex: 1 1 auto; }
    [data-plain="feature-grid"][data-layout="centre"] [data-slot="items"] { grid-column: 1 / -1; grid-row: 1; grid-template-columns: inherit; column-gap: inherit; row-gap: 16px; align-self: stretch; align-content: center; pointer-events: none; }
    [data-plain="feature-grid"][data-layout="centre"] [data-slot="item"] { position: relative; grid-column: var(--fg-col, auto); grid-row: var(--fg-row, auto); justify-content: space-between; pointer-events: auto; box-shadow: 0 1px 2px color-mix(in srgb, var(--p-color-text-primary) 6%, transparent); }
    [data-plain="feature-grid"][data-layout="centre"] [data-slot="item"]::after { content: ""; position: absolute; top: 50%; width: 48px; height: 0; border-top: 1px solid var(--p-color-border-strong); pointer-events: none; }
    [data-plain="feature-grid"][data-layout="centre"] [data-slot="item"]::after { width: var(--fg-gap, 48px); }
    [data-plain="feature-grid"][data-layout="centre"] [data-slot="item"][data-side="start"]::after { left: 100%; }
    [data-plain="feature-grid"][data-layout="centre"] [data-slot="item"][data-side="end"]::after { right: 100%; }
  }
  @media (max-width: 959px) {
    [data-plain="feature-grid"] [data-slot="items"] { display: flex; gap: 12px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; }
    [data-plain="feature-grid"] [data-slot="items"]::-webkit-scrollbar { display: none; }
    [data-plain="feature-grid"] [data-slot="item"] { flex: 0 0 100%; scroll-snap-align: start; }
    [data-plain="feature-grid"] [data-slot="controls"] { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: -4px; }
    [data-plain="feature-grid"] { --fg-screen-w: 320px; }
    [data-plain="feature-grid"][data-centre="node"] { --fg-screen-w: min(100%, 420px); }
    
    [data-plain="feature-grid"][data-layout="centre"] [data-slot="body"] { align-items: center; gap: 8px; }
    [data-plain="feature-grid"][data-layout="centre"] [data-slot="body"]::before { content: ""; order: 1; width: 0; height: 20px; border-left: 1px solid var(--p-color-border-strong); }
    [data-plain="feature-grid"][data-layout="centre"] [data-slot="screen"] { order: 0; }
    [data-plain="feature-grid"][data-layout="centre"] [data-slot="items"] { order: 2; width: 100%; max-width: var(--fg-screen-w); }
    [data-plain="feature-grid"][data-layout="centre"] [data-slot="controls"] { order: 3; margin-top: 8px; }
  }
  @media (max-width: 719px) {
    
    [data-plain="feature-grid"][data-surface="paper"][data-centre="node"] [data-slot="items"] { gap: 12px; margin-inline: -16px; padding-inline: 16px; scroll-padding-inline: 16px; width: auto; max-width: none; align-self: stretch; }
    [data-plain="feature-grid"][data-surface="paper"][data-centre="node"] [data-slot="item"] { flex: 0 0 min(84%, 320px); }
    [data-plain="feature-grid"] { padding: 64px 16px; }
    [data-plain="feature-grid"] [data-slot="title"] { font-size: 30px; line-height: 34px; }
    [data-plain="feature-grid"] [data-slot="lead"] { margin-top: 16px; font-size: var(--p-type-body-l-size, 16px); line-height: var(--p-type-body-l-line-height, 24px); }
    [data-plain="feature-grid"] [data-slot="body"] { margin-top: 32px; }
    [data-plain="feature-grid"] [data-slot="item"] { padding: 20px; }
    [data-plain="feature-grid"] { --fg-screen-w: 260px; }
    [data-plain="feature-grid"][data-centre="node"] { --fg-screen-w: 100%; }
    [data-plain="feature-grid"] [data-slot="footer"] { margin-top: 32px; }
  }
  @media (prefers-reduced-motion: reduce) {
    [data-plain="feature-grid"] [data-slot="items"] { scroll-behavior: auto; }
  }
  @media (forced-colors: active) {
    [data-plain="feature-grid"] [data-slot="item"], [data-plain="feature-grid"] [data-slot="screen"], [data-plain="feature-grid"] [data-slot="item-media"] { border-color: CanvasText; }
    [data-plain="feature-grid"] [data-slot="screen"][data-kind="node"] { border: 0; }
    [data-plain="feature-grid"] [data-slot="dot"]::before { border-color: ButtonText; }
    [data-plain="feature-grid"] [data-slot="dot"][aria-current="true"]::before { background: Highlight; border-color: Highlight; }
  }
}

@layer plain-components {
  [data-plain="app-grid"] [data-slot="groups"] { margin-top: 40px; min-width: 0; }
  [data-plain="app-grid"] [data-plain="tabs"] [data-slot="list"] { align-self: center; }
  [data-plain="app-grid"] [data-plain="tabs"] [data-slot="panel"] { padding-top: 32px; }
  [data-plain="app-grid"] [data-slot="stage"] {
    display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 48px; align-items: start; box-sizing: border-box;
    padding: 32px; border: 1px solid var(--p-color-border-subtle); border-radius: var(--p-radius-card); background: var(--p-color-bg-default);
  }
  [data-plain="app-grid"][data-tone="default"] [data-slot="stage"] { background: var(--p-color-bg-panel); }
  [data-plain="app-grid"] [data-slot="apps"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
  
  [data-plain="app-grid"] [data-slot="app"]:last-child:nth-child(odd) { grid-column: 1 / -1; }
  [data-plain="app-grid"] [data-slot="app"] { display: flex; align-items: flex-start; gap: 14px; min-width: 0; padding: 20px; border: 1px solid var(--p-color-border-subtle); border-radius: calc(var(--p-radius-card) - 4px); background: var(--p-color-bg-default); }
  [data-plain="app-grid"][data-tone="default"] [data-slot="app"] { background: var(--p-color-bg-default); }
  [data-plain="app-grid"] [data-slot="icon"] {
    flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; background: var(--p-color-accent-tint); color: var(--p-color-text-primary);
    font-size: 16px; line-height: 20px; font-weight: min(600, var(--p-font-weight-max, 1000));
  }
  [data-plain="app-grid"] [data-slot="icon"] svg { width: 20px; height: 20px; }
  
  [data-plain="app-grid"] [data-slot="icon"]:has(> [data-plain="icon-tile"]) { width: auto; height: auto; border-radius: 0; background: none; }
  [data-plain="app-grid"] [data-slot="icon"] > [data-plain="icon-tile"] svg { width: var(--glyph); height: var(--glyph); }
  [data-plain="app-grid"] [data-slot="app-text"] { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding-top: 2px; }
  [data-plain="app-grid"] [data-slot="app-name"] { display: block; margin: 0; font-size: 16px; line-height: 22px; font-weight: min(600, var(--p-font-weight-max, 1000)); letter-spacing: -0.01em; color: var(--p-color-text-primary); overflow-wrap: break-word; }
  [data-plain="app-grid"] [data-slot="app-desc"] { font-size: 14px; line-height: 20px; color: var(--p-color-text-secondary); overflow-wrap: break-word; }
  [data-plain="app-grid"] [data-slot="detail"] { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding-top: 8px; }
  [data-plain="app-grid"] [data-slot="headline"] { margin: 0; font-size: 26px; line-height: 32px; font-weight: var(--p-type-display-m-weight, 500); letter-spacing: -0.015em; text-wrap: balance; color: var(--p-color-text-primary); }
  [data-plain="app-grid"] [data-slot="text"] { margin-top: 12px; font-size: var(--p-type-body-m-size, 16px); line-height: var(--p-type-body-m-line-height, 24px); color: var(--p-color-text-secondary); text-wrap: pretty; }
  [data-plain="app-grid"] [data-slot="text"] > p { margin: 0; }
  [data-plain="app-grid"] [data-slot="footer"] { margin-top: 24px; }
  [data-plain="app-grid"] [data-slot="note"] { align-self: stretch; margin-top: 32px; padding-top: 16px; border-top: 1px solid var(--p-color-border-subtle); font-size: 13px; line-height: 20px; color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums; }

  
  [data-plain="app-grid"] [data-slot="stage"][data-media] { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 0 48px; align-items: start; grid-template-rows: 1fr auto auto auto 1fr auto; }
  [data-plain="app-grid"] [data-slot="stage"][data-media] [data-slot="detail"] { display: contents; }
  [data-plain="app-grid"] [data-slot="stage"][data-media] :is([data-slot="headline"], [data-slot="text"], [data-slot="footer"], [data-slot="note"]) { grid-column: 1; }
  [data-plain="app-grid"] [data-slot="stage"][data-media] [data-slot="headline"] { grid-row: 2; font-size: 32px; line-height: 38px; }
  [data-plain="app-grid"] [data-slot="stage"][data-media] [data-slot="text"] { grid-row: 3; margin-top: 16px; font-size: 17px; line-height: 26px; }
  [data-plain="app-grid"] [data-slot="stage"][data-media] [data-slot="footer"] { grid-row: 4; }
  [data-plain="app-grid"] [data-slot="stage"][data-media] [data-slot="note"] { grid-row: 6; align-self: end; }
  [data-plain="app-grid"] [data-slot="media"] { grid-column: 2; grid-row: 1 / -1; align-self: stretch; min-width: 0; }

  @media (max-width: 959px) {
    [data-plain="app-grid"] [data-slot="stage"], [data-plain="app-grid"] [data-slot="stage"][data-media] { grid-template-columns: minmax(0, 1fr); gap: 32px; }
    [data-plain="app-grid"] [data-slot="stage"][data-media] { gap: 0; grid-template-rows: none; }
    [data-plain="app-grid"] [data-slot="stage"][data-media] :is([data-slot="headline"], [data-slot="text"], [data-slot="footer"], [data-slot="note"], [data-slot="media"]) { grid-column: 1; grid-row: auto; }
    [data-plain="app-grid"] [data-slot="stage"][data-media] [data-slot="text"] { font-size: var(--p-type-body-m-size, 16px); line-height: var(--p-type-body-m-line-height, 24px); margin-top: 12px; }
    [data-plain="app-grid"] [data-slot="stage"][data-media] [data-slot="headline"] { font-size: 22px; line-height: 28px; }
    [data-plain="app-grid"] [data-slot="media"] { margin-top: 24px; }
  }
  @media (max-width: 719px) {
    [data-plain="app-grid"] [data-slot="groups"] { margin-top: 32px; }
    
    [data-plain="app-grid"] [data-plain="tabs"] [data-slot="list"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-self: stretch; overflow: visible; gap: 2px; }
    
    [data-plain="app-grid"] [data-plain="tabs"] [data-slot="indicator"] { display: none; }
    [data-plain="app-grid"] [data-plain="tabs"] [data-slot="tab"][data-active] { background: var(--p-color-bg-default); box-shadow: 0 1px 1px var(--p-color-ink-a6), 0 0 0.5px var(--p-color-ink-a8); }
    [data-plain="app-grid"] [data-plain="tabs"] [data-slot="tab"] { justify-content: center; min-width: 0; padding-inline: var(--p-space-8, 8px); text-align: center; }
    [data-plain="app-grid"] [data-plain="tabs"] [data-slot="panel"] { padding-top: 20px; }
    [data-plain="app-grid"] [data-slot="stage"] { padding: 16px; gap: 32px; }
    [data-plain="app-grid"] [data-slot="apps"] { grid-template-columns: minmax(0, 1fr); gap: 8px; }
    [data-plain="app-grid"] [data-slot="app"] { padding: 16px; }
    [data-plain="app-grid"] [data-slot="detail"] { padding: 0 4px 4px; }
    [data-plain="app-grid"] [data-slot="headline"] { font-size: 22px; line-height: 28px; }
  }
  @media (forced-colors: active) {
    [data-plain="app-grid"] :is([data-slot="stage"], [data-slot="app"]) { border-color: CanvasText; }
    [data-plain="app-grid"] [data-slot="icon"]:not(:has(> [data-plain="icon-tile"])) { border: 1px solid CanvasText; }
  }
}

@layer plain-components {
  [data-plain="step-row"] { --sr-bg: var(--p-color-bg-panel); --sr-ink: var(--p-color-text-primary); --sr-mut: var(--p-color-text-secondary); --sr-line: var(--p-color-border-subtle);
    display: block; margin: 0; padding: 96px 24px; box-sizing: border-box; background: var(--sr-bg); color: var(--sr-ink); }
  [data-plain="step-row"][data-tone="default"] { --sr-bg: var(--p-color-bg-default); }
  [data-plain="step-row"][data-tone="ink"] { --sr-bg: var(--p-color-text-primary); --sr-ink: var(--p-color-text-inverse); --sr-mut: color-mix(in srgb, var(--p-color-text-inverse) 72%, var(--p-color-text-primary)); --sr-line: color-mix(in srgb, var(--p-color-text-inverse) 18%, var(--p-color-text-primary)); }
  
  [data-plain="step-row"][data-tone="ink"] { --p-color-focus-ring: var(--p-color-text-inverse); --p-color-focus-ring-button: var(--p-color-text-inverse); --p-color-focus-ring-field: var(--p-color-text-inverse); }
  [data-plain="step-row"] *, [data-plain="step-row"] *::before, [data-plain="step-row"] *::after { box-sizing: border-box; }
  [data-plain="step-row"] [data-slot="inner"] { max-width: 1200px; margin: 0 auto; }
  [data-plain="step-row"] [data-slot="head"] { display: flex; flex-direction: column; align-items: flex-start; }
  [data-plain="step-row"] [data-slot="eyebrow"] { display: inline-flex; align-items: center; margin: 0 0 20px; padding: 4px 12px; border: 1px solid var(--sr-line); border-radius: var(--p-radius-full); font-size: 13px; line-height: 16px; font-weight: var(--p-font-weight-medium, 500); letter-spacing: 0.04em; text-transform: uppercase; color: var(--sr-mut); }
  [data-plain="step-row"] [data-slot="title"] { margin: 0; max-width: 22ch; font-size: 40px; line-height: 44px; font-weight: var(--p-type-display-m-weight, 500); letter-spacing: -0.02em; text-wrap: balance; overflow-wrap: break-word; color: var(--sr-ink); }
  [data-plain="step-row"] [data-slot="title-muted"] { color: var(--sr-mut); }
  [data-plain="step-row"] [data-slot="lead"] { margin: 20px 0 0; max-width: 36em; font-size: 18px; line-height: 28px; color: var(--sr-mut); text-wrap: pretty; }
  [data-plain="step-row"] [data-slot="body"] { margin-top: 64px; display: flex; flex-direction: column; gap: 40px; min-width: 0; }

  
  [data-plain="step-row"] [data-slot="steps"] { position: relative; list-style: none; margin: 0; padding: 0 0 0; padding-inline-start: 32px; display: flex; flex-direction: column; gap: 32px; min-width: 0; }
  [data-plain="step-row"] [data-slot="steps"]::before { content: ""; position: absolute; inset-inline-start: 4px; top: 8px; bottom: 8px; width: 1px; background: var(--sr-line); }
  [data-plain="step-row"] [data-slot="step"] { position: relative; min-width: 0; }
  [data-plain="step-row"] [data-slot="marker"] { position: absolute; inset-inline-start: -28px; top: 4px; width: 9px; height: 9px; border-radius: var(--p-radius-full); background: var(--p-color-accent-seed); outline: 4px solid var(--sr-bg); }
  [data-plain="step-row"] [data-slot="label"] { margin: 0; font-size: 12px; line-height: 16px; font-weight: var(--p-font-weight-semibold, 600); letter-spacing: 0.06em; text-transform: uppercase; color: var(--sr-mut); font-variant-numeric: tabular-nums; }
  [data-plain="step-row"] [data-slot="num"] { color: var(--sr-ink); }
  [data-plain="step-row"] [data-slot="step-title"] { margin: 8px 0 0; font-size: 17px; line-height: 24px; font-weight: var(--p-font-weight-semibold, 600); letter-spacing: -0.01em; color: var(--sr-ink); text-wrap: balance; }
  [data-plain="step-row"] [data-slot="step-text"] { margin-top: 4px; font-size: 15px; line-height: 23px; color: var(--sr-mut); text-wrap: pretty; }
  [data-plain="step-row"] [data-slot="step-text"] p { margin: 0; }

  [data-plain="step-row"] [data-slot="screen"] { margin: 0; min-width: 0; overflow: hidden; border: 1px solid var(--sr-line); border-radius: var(--p-radius-card); background: var(--p-color-bg-default); line-height: 0; }
  [data-plain="step-row"] [data-slot="screen"] img { display: block; width: 100%; height: auto; }

  
  [data-plain="step-row"][data-layout="side"] [data-slot="screen"] { display: flex; justify-content: center; align-items: flex-start; padding: 24px 16px; background: color-mix(in srgb, var(--sr-ink) 5%, var(--sr-bg)); border-color: color-mix(in srgb, var(--sr-ink) 10%, var(--sr-bg)); }
  [data-plain="step-row"][data-layout="side"] [data-slot="screen"] img { width: min(100%, calc(var(--sr-img-css-w, 340px) * 1.25)); height: auto; border: 1px solid var(--sr-line); border-radius: var(--p-radius-card); background: var(--p-color-bg-default); }

  @media (min-width: 960px) {
    
    [data-plain="step-row"][data-layout="row"] [data-slot="body"] { gap: 64px; }
    [data-plain="step-row"][data-layout="row"] [data-slot="steps"] { display: grid; grid-template-columns: repeat(var(--sr-cols, 5), minmax(0, 1fr)); column-gap: 32px; padding: 0; }
    [data-plain="step-row"][data-layout="row"] [data-slot="steps"][data-count="3"] { --sr-cols: 3; }
    [data-plain="step-row"][data-layout="row"] [data-slot="steps"][data-count="4"] { --sr-cols: 4; }
    [data-plain="step-row"][data-layout="row"] [data-slot="steps"][data-count="6"] { --sr-cols: 6; }
    [data-plain="step-row"][data-layout="row"] [data-slot="steps"]::before { inset-inline: 0; top: 4px; bottom: auto; width: auto; height: 1px; }
    [data-plain="step-row"][data-layout="row"] [data-slot="step"] { padding-top: 32px; }
    [data-plain="step-row"][data-layout="row"] [data-slot="marker"] { inset-inline-start: 0; top: 0; }
    
    [data-plain="step-row"][data-layout="side"] [data-slot="body"] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; gap: 64px; margin-top: 64px; }
    [data-plain="step-row"][data-layout="side"] [data-slot="steps"] { gap: 32px; justify-content: space-between; padding-block: 8px; padding-inline-start: 32px; }
    [data-plain="step-row"][data-layout="side"] [data-slot="marker"] { inset-inline-start: -32px; top: 6px; }
    [data-plain="step-row"][data-layout="side"] [data-slot="label"] { font-size: 13px; line-height: 18px; }
    [data-plain="step-row"][data-layout="side"] [data-slot="step-title"] { margin-top: 8px; font-size: 20px; line-height: 28px; }
    [data-plain="step-row"][data-layout="side"] [data-slot="step-text"] { margin-top: 6px; font-size: 16px; line-height: 24px; }
    [data-plain="step-row"][data-layout="side"] [data-slot="screen"] { padding: 48px; }
  }
  @media (max-width: 719px) {
    [data-plain="step-row"] { padding: 64px 16px; }
    [data-plain="step-row"] [data-slot="eyebrow"] { margin-bottom: 16px; }
    [data-plain="step-row"] [data-slot="title"] { font-size: 30px; line-height: 34px; }
    [data-plain="step-row"] [data-slot="lead"] { margin-top: 16px; font-size: var(--p-type-body-l-size, 16px); line-height: var(--p-type-body-l-line-height, 24px); }
    [data-plain="step-row"] [data-slot="body"] { margin-top: 32px; gap: 32px; }
    [data-plain="step-row"] [data-slot="steps"] { gap: 24px; padding-inline-start: 24px; }
    [data-plain="step-row"] [data-slot="marker"] { inset-inline-start: -24px; }
    [data-plain="step-row"] [data-slot="step-title"] { font-size: 16px; line-height: 22px; }
    [data-plain="step-row"][data-layout="side"] [data-slot="screen"] { padding: 12px 6px; }
  }
  @media (forced-colors: active) {
    [data-plain="step-row"] [data-slot="steps"]::before { background: CanvasText; }
    [data-plain="step-row"] [data-slot="marker"] { background: CanvasText; }
    [data-plain="step-row"] [data-slot="screen"] { border-color: CanvasText; }
  }
}

@layer plain-components {
  [data-plain="feature-split"] [data-slot="inner"] { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); grid-template-areas: "text media"; gap: 64px; align-items: center; }
  [data-plain="feature-split"][data-reverse] [data-slot="inner"] { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); grid-template-areas: "media text"; }
  [data-plain="feature-split"] [data-slot="text"] { grid-area: text; min-width: 0; }
  
  [data-plain="feature-split"][data-layout="split"][data-valign="start"] [data-slot="inner"] { align-items: start; }
  [data-plain="feature-split"][data-layout="split"][data-valign="center"] [data-slot="inner"] { align-items: center; }
  [data-plain="feature-split"] [data-slot="media"] {
    grid-area: media; min-width: 0; box-sizing: border-box; display: flex; justify-content: center; align-items: center;
    padding: 40px; border: 1px solid var(--p-color-border-subtle); border-radius: var(--p-radius-card); background: var(--p-color-bg-default); overflow: hidden;
  }
  [data-plain="feature-split"][data-media-frame="none"] [data-slot="media"], [data-plain="feature-split"][data-layout="stacked"][data-media-frame="none"] [data-slot="media"] { display: block; padding: 0; border: 0; border-radius: 0; background: none; overflow: visible; }
  [data-plain="feature-split"][data-tone="default"] [data-slot="media"] { background: var(--p-color-bg-panel); }
  [data-plain="feature-split"] [data-slot="media"] img { display: block; max-width: 100%; height: auto; border: 1px solid var(--p-color-border-subtle); border-radius: calc(var(--p-radius-card) - 4px); }
  [data-plain="feature-split"] [data-slot="points"] { display: grid; gap: 0; margin: 32px 0 0; padding: 0; list-style: none; }
  [data-plain="feature-split"] [data-slot="point"] { padding: 16px 0; border-top: 1px solid var(--p-color-border-subtle); min-width: 0; }
  [data-plain="feature-split"] [data-slot="point-title"] { margin: 0; font-size: 16px; line-height: 24px; font-weight: min(600, var(--p-font-weight-max, 1000)); letter-spacing: -0.01em; color: var(--p-color-text-primary); }
  [data-plain="feature-split"] [data-slot="point-text"] { margin-top: 4px; font-size: var(--p-type-body-m-size, 16px); line-height: var(--p-type-body-m-line-height, 24px); color: var(--p-color-text-secondary); text-wrap: pretty; font-variant-numeric: tabular-nums; }
  [data-plain="feature-split"] [data-slot="point-text"] > p { margin: 0; }
  [data-plain="feature-split"] [data-slot="action"] { margin-top: 32px; }

  
  [data-plain="feature-split"][data-layout="split"] [data-slot="points"] { margin-top: 32px; }
  [data-plain="feature-split"][data-layout="split"] [data-slot="point"] { padding: 12px 0; }
  [data-plain="feature-split"][data-layout="split"] [data-slot="point-title"] { font-size: 15px; line-height: 22px; }
  [data-plain="feature-split"][data-layout="split"] [data-slot="point-text"] { margin-top: 2px; font-size: 15px; line-height: 22px; }

  
  [data-plain="feature-split"][data-layout="stacked"] [data-slot="inner"] { grid-template-columns: minmax(0, 1fr); grid-template-areas: "text" "media"; gap: 64px; }
  [data-plain="feature-split"][data-layout="stacked"] [data-slot="points"] { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); column-gap: 32px; margin-top: 40px; }
  [data-plain="feature-split"][data-layout="stacked"] [data-slot="point"] { padding: 16px 0 0; }
  [data-plain="feature-split"][data-layout="stacked"] [data-slot="media"] { padding: 48px; }
  
  @media (min-width: 720px) {
    [data-plain="feature-split"][data-layout="stacked"] [data-plain="landing-head"] [data-slot="title"] { max-width: none; text-wrap: pretty; }
    [data-plain="feature-split"][data-layout="stacked"] [data-plain="landing-head"] [data-slot="lead"] { max-width: 48em; }
    [data-plain="feature-split"][data-layout="stacked"] [data-slot="points"] { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
    [data-plain="feature-split"][data-layout="stacked"] [data-slot="media"] { justify-self: center; width: fit-content; max-width: 100%; }
    [data-plain="feature-split"][data-layout="stacked"][data-media-frame="none"] [data-slot="media"] { justify-self: stretch; width: auto; }
  }

  @media (max-width: 959px) {
    [data-plain="feature-split"] [data-slot="inner"], [data-plain="feature-split"][data-reverse] [data-slot="inner"] { grid-template-columns: minmax(0, 1fr); grid-template-areas: "text" "media"; gap: 40px; }
  }
  @media (max-width: 719px) {
    [data-plain="feature-split"] [data-slot="inner"], [data-plain="feature-split"][data-reverse] [data-slot="inner"], [data-plain="feature-split"][data-layout="stacked"] [data-slot="inner"] { gap: 32px; }
    [data-plain="feature-split"] [data-slot="points"], [data-plain="feature-split"][data-layout="stacked"] [data-slot="points"] { grid-template-columns: minmax(0, 1fr); margin-top: 24px; }
    [data-plain="feature-split"][data-layout="stacked"] [data-slot="point"] { padding: 14px 0; }
    [data-plain="feature-split"] [data-slot="media"], [data-plain="feature-split"][data-layout="stacked"] [data-slot="media"] { padding: 16px; }
    [data-plain="feature-split"][data-media-frame="none"] [data-slot="media"], [data-plain="feature-split"][data-layout="stacked"][data-media-frame="none"] [data-slot="media"] { padding: 0; }
  }
  @media (forced-colors: active) {
    [data-plain="feature-split"] [data-slot="media"], [data-plain="feature-split"] [data-slot="point"] { border-color: CanvasText; }
  }
}

@layer plain-components {
  [data-plain="stage"] {
    --stage-bg: color-mix(in srgb, var(--p-color-accent-tint) 85%, var(--p-color-bg-panel));
    --stage-dot: color-mix(in srgb, var(--p-color-text-primary) 26%, transparent);
    --stage-pad: 24px;
    position: relative; isolation: isolate; box-sizing: border-box; min-width: 0; padding: var(--stage-pad);
    border-radius: 24px; background: var(--stage-bg); color: var(--p-color-text-primary);
    font-family: var(--p-font-family-sans); text-align: start; line-height: 1.4;
  }
  [data-plain="stage"] *, [data-plain="stage"] *::before, [data-plain="stage"] *::after { box-sizing: border-box; }
  [data-plain="stage"][data-tone="neutral"] { --stage-bg: color-mix(in srgb, var(--p-color-text-primary) 4%, var(--p-color-bg-panel)); }
  [data-plain="stage"][data-tone="paper"] { --stage-bg: var(--p-color-bg-default); box-shadow: inset 0 0 0 1px var(--p-color-border-subtle); }
  [data-plain="stage"][data-pad="lg"] { --stage-pad: 40px; }
  [data-plain="stage"][data-pad="none"] { --stage-pad: 0px; }
  [data-plain="stage"][data-grid]::before {
    content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
    background-image: radial-gradient(circle, var(--stage-dot) 1px, transparent 1.2px); background-size: 22px 22px; background-position: 11px 11px;
    -webkit-mask-image: linear-gradient(210deg, #000 0%, rgb(0 0 0 / 0.55) 45%, transparent 85%); mask-image: linear-gradient(210deg, #000 0%, rgb(0 0 0 / 0.55) 45%, transparent 85%);
  }

  
  [data-plain="browser-frame"] {
    position: relative; display: flex; flex-direction: column; min-width: 0; overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--p-color-text-primary) 12%, transparent); border-radius: 12px; background: var(--p-color-bg-default);
    box-shadow: 0 32px 70px -24px color-mix(in srgb, var(--p-color-text-primary) 38%, transparent), 0 2px 6px color-mix(in srgb, var(--p-color-text-primary) 6%, transparent);
  }
  [data-plain="browser-frame"] [data-slot="chrome"] { flex: none; position: relative; display: flex; align-items: center; justify-content: center; height: 32px; padding: 0 12px; border-bottom: 1px solid var(--p-color-border-subtle); background: color-mix(in srgb, var(--p-color-text-primary) 3%, var(--p-color-bg-default)); }
  [data-plain="browser-frame"] [data-slot="dots"] { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); display: flex; gap: 6px; }
  [data-plain="browser-frame"] [data-slot="dots"] i { width: 10px; height: 10px; border-radius: 50%; background: color-mix(in srgb, var(--p-color-text-primary) 16%, transparent); }
  [data-plain="browser-frame"] [data-slot="url"] { max-width: 60%; overflow: hidden; padding: 2px 14px; border-radius: var(--p-radius-full); background: var(--p-color-bg-default); box-shadow: inset 0 0 0 1px var(--p-color-border-subtle); font-size: 12px; line-height: 18px; color: var(--p-color-text-secondary); white-space: nowrap; text-overflow: ellipsis; }
  [data-plain="browser-frame"] [data-slot="viewport"] { position: relative; flex: 1; min-height: 0; overflow: hidden; }

  
  [data-plain="device-frame"] {
    --device-w: 300px; position: relative; width: var(--device-w); max-width: 100%; padding: 10px; border-radius: 44px;
    background: var(--p-color-text-primary);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--p-color-text-primary) 60%, transparent), 0 40px 80px -28px color-mix(in srgb, var(--p-color-text-primary) 45%, transparent);
  }
  [data-plain="device-frame"] [data-slot="screen"] { position: relative; display: flex; flex-direction: column; height: 100%; overflow: hidden; border-radius: 35px; background: var(--p-color-bg-default); }
  [data-plain="device-frame"] [data-slot="status"] { flex: none; position: relative; display: flex; align-items: center; justify-content: space-between; height: 44px; padding: 0 24px 0 32px; font-size: 14px; font-weight: min(600, var(--p-font-weight-max, 1000)); color: var(--p-color-text-primary); }
  [data-plain="device-frame"] [data-slot="island"] { position: absolute; left: 50%; top: 10px; width: 92px; height: 26px; transform: translateX(-50%); border-radius: var(--p-radius-full); background: var(--p-color-text-primary); }
  [data-plain="device-frame"] [data-slot="bars"] { display: flex; align-items: flex-end; gap: 2px; height: 11px; }
  [data-plain="device-frame"] [data-slot="bars"] i { width: 3px; border-radius: 1px; background: var(--p-color-text-primary); }
  [data-plain="device-frame"] [data-slot="bars"] i:nth-child(1) { height: 5px; }
  [data-plain="device-frame"] [data-slot="bars"] i:nth-child(2) { height: 8px; }
  [data-plain="device-frame"] [data-slot="bars"] i:nth-child(3) { height: 11px; }
  [data-plain="device-frame"] [data-slot="content"] { position: relative; flex: 1; min-height: 0; overflow: hidden; }

  
  [data-plain="floating-card"] {
    z-index: 2; display: flex; align-items: center; gap: 12px; min-width: 0; padding: 12px 14px; border-radius: 12px;
    background: var(--p-color-bg-default); color: var(--p-color-text-primary);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--p-color-text-primary) 9%, transparent), 0 18px 40px -16px color-mix(in srgb, var(--p-color-text-primary) 35%, transparent);
  }
  [data-plain="floating-card"][data-placed] { width: 300px; max-width: calc(100% - 16px); }
  [data-plain="floating-card"][data-tone="ink"] { background: var(--p-color-text-primary); color: var(--p-color-text-inverse); }
  [data-plain="floating-card"] [data-slot="lead"] { flex: none; display: inline-grid; place-items: center; }
  [data-plain="floating-card"] [data-slot="lead"][data-kind="initials"] { width: 36px; height: 36px; border-radius: 50%; background: var(--p-color-accent-tint); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--p-color-accent-seed) 40%, transparent); font-size: 13px; font-weight: min(600, var(--p-font-weight-max, 1000)); letter-spacing: 0.01em; color: var(--p-color-text-primary); }
  [data-plain="floating-card"] [data-slot="body"] { flex: 1; display: flex; flex-direction: column; min-width: 0; }
  [data-plain="floating-card"] [data-slot="title"] { font-size: 14px; line-height: 19px; font-weight: min(600, var(--p-font-weight-max, 1000)); letter-spacing: -0.005em; font-variant-numeric: tabular-nums; }
  [data-plain="floating-card"] [data-slot="meta"] { margin-top: 2px; font-size: 13px; line-height: 17px; color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums; }
  [data-plain="floating-card"][data-tone="ink"] [data-slot="meta"] { color: color-mix(in srgb, var(--p-color-text-inverse) 74%, var(--p-color-text-primary)); }
  [data-plain="floating-card"] [data-slot="trail"] { flex: none; font-size: 14px; font-weight: min(600, var(--p-font-weight-max, 1000)); font-variant-numeric: tabular-nums; }

  
  [data-plain="icon-tile"] {
    --tile: 48px; --glyph: 28px; --icon-accent: var(--p-color-accent-seed);
    flex: none; display: inline-grid; place-items: center; width: var(--tile); height: var(--tile); border-radius: 12px;
    background: var(--p-color-bg-default); color: var(--p-color-text-primary);
    box-shadow: inset 0 0 0 1px var(--p-color-border-subtle), 0 1px 2px color-mix(in srgb, var(--p-color-text-primary) 6%, transparent);
  }
  [data-plain="icon-tile"][data-size="sm"] { --tile: 36px; --glyph: 20px; border-radius: 10px; }
  [data-plain="icon-tile"][data-size="lg"] { --tile: 56px; --glyph: 32px; border-radius: 14px; }
  [data-plain="icon-tile"][data-tone="accent"] { background: var(--p-color-accent-tint); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--p-color-accent-seed) 35%, transparent); --icon-accent: var(--p-color-bg-default); }
  [data-plain="icon-tile"] svg { width: var(--glyph); height: var(--glyph); }

  @media (max-width: 719px) {
    [data-plain="stage"] { border-radius: 20px; }
    [data-plain="stage"][data-pad="lg"] { --stage-pad: 20px; }
    [data-plain="stage"][data-pad="md"] { --stage-pad: 16px; }
  }
  @media (forced-colors: active) {
    [data-plain="stage"], [data-plain="browser-frame"], [data-plain="floating-card"], [data-plain="icon-tile"] { border: 1px solid CanvasText; }
  }
}

@layer plain-components {
  [data-plain="chapter-rail"] { --cr-ink: var(--p-color-text-primary); --cr-mut: var(--p-color-text-secondary); --cr-line: var(--p-color-border-subtle); --cr-bar: var(--p-color-accent-seed); min-width: 0; }
  [data-plain="chapter-rail"] > [data-slot="track"] { --cr-top: 0px; }
  [data-plain="chapter-rail"] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] > [data-slot="chapter"] > [data-slot="label"] { margin: 0; font-size: 13px; line-height: 18px; font-weight: 500; letter-spacing: 0.01em; color: var(--cr-mut); font-variant-numeric: tabular-nums; }
  [data-plain="chapter-rail"] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] > [data-slot="chapter"] > [data-slot="title"] { margin: 6px 0 0; font-size: 22px; line-height: 27px; font-weight: 500; letter-spacing: -0.01em; color: var(--cr-ink); text-wrap: pretty; }
  [data-plain="chapter-rail"] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] > [data-slot="chapter"] > [data-slot="text"] { margin: 8px 0 0; font-size: 15px; line-height: 22px; color: var(--cr-mut); text-wrap: pretty; }
  [data-plain="chapter-rail"] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] > [data-slot="panel"] { min-width: 0; }
  [data-plain="chapter-rail"] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] > [data-slot="panel"] > [data-plain="stage"] { overflow: visible; }
  [data-plain="chapter-rail"] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] > [data-slot="panel"] > [data-plain="stage"] > [data-slot="scene"] { position: relative; min-width: 0; }

  
  [data-plain="chapter-rail"]:not([data-staged]) > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] + [data-slot="item"] { margin-top: 48px; }
  [data-plain="chapter-rail"]:not([data-staged]) > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] > [data-slot="chapter"] { margin-bottom: 24px; }

  
  [data-plain="chapter-rail"][data-staged] > [data-slot="track"] { --cr-step: 90vh; position: relative; height: calc(100svh - var(--cr-top) + var(--cr-steps, 5) * var(--cr-step)); }
  [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] { position: sticky; top: var(--cr-top); height: calc(100svh - var(--cr-top)); display: flex; align-items: center; }
  [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] {
    width: 100%; display: grid; grid-template-columns: minmax(260px, 300px) minmax(0, 1fr); grid-template-rows: 20px repeat(var(--cr-steps, 5), auto) 1fr;
    align-content: start; column-gap: 40px; height: calc(660px * var(--cr-zoom, 1));
  }
  [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] { display: contents; }

  
  [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] > [data-slot="chapter"] {
    grid-column: 1; position: relative; padding: 14px 8px 14px 24px; cursor: pointer; border-radius: 0 10px 10px 0; outline: none;
    transition: background-color 0.2s ease-out;
  }
  [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] > [data-slot="chapter"]::before { content: ""; position: absolute; left: 4px; top: 0; bottom: 0; width: 1px; background: var(--p-color-border-strong); }
  [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] > [data-slot="chapter"]::after {
    content: ""; position: absolute; left: 0; top: 19px; width: 9px; height: 9px; border-radius: var(--p-radius-full);
    background: var(--p-color-bg-default); box-shadow: inset 0 0 0 1px var(--p-color-border-strong); transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
  }
  [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"][data-state="on"] > [data-slot="chapter"]::after { background: var(--cr-bar); box-shadow: 0 0 0 4px color-mix(in srgb, var(--cr-bar) 28%, transparent); }
  [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"][data-done] > [data-slot="chapter"]::after { background: color-mix(in srgb, var(--cr-bar) 50%, var(--p-color-bg-default)); box-shadow: none; }
  [data-plain="chapter-rail"] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] > [data-slot="chapter"] > [data-slot="progress"] { display: none; }
  [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"]:is([data-state="on"], [data-done]) > [data-slot="chapter"] > [data-slot="progress"] { display: block; position: relative; height: 3px; margin-top: 12px; border-radius: var(--p-radius-full); background: var(--cr-line); overflow: hidden; }
  [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"]:is([data-state="on"], [data-done]) > [data-slot="chapter"] > [data-slot="progress"]::after { content: ""; position: absolute; inset: 0 auto 0 0; border-radius: inherit; width: calc(var(--cr-p, 1) * 100%); background: var(--cr-bar); }
  [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"][data-done] > [data-slot="chapter"] > [data-slot="progress"] { margin-top: 10px; opacity: 0.45; }
  [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"][data-done] > [data-slot="chapter"] > [data-slot="progress"]::after { width: 100%; }
  @media (hover: hover) and (pointer: fine) {
    [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] > [data-slot="chapter"]:hover { background: color-mix(in srgb, var(--p-color-text-primary) 4%, transparent); }
  }
  [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] > [data-slot="chapter"]:focus-visible { box-shadow: inset 0 0 0 2px var(--p-color-focus-ring); }
  [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] > [data-slot="chapter"] > [data-slot="title"] { margin-top: 4px; font-size: 17px; line-height: 22px; letter-spacing: -0.01em; color: var(--cr-mut); transition: color 0.2s ease-out; }
  [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] > [data-slot="chapter"] > [data-slot="text"] { display: none; }
  [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"][data-state="on"] > [data-slot="chapter"] > [data-slot="label"] { color: var(--cr-ink); }
  [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"][data-state="on"] > [data-slot="chapter"] > [data-slot="title"] { font-size: 22px; line-height: 27px; color: var(--cr-ink); }
  [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"][data-state="on"] > [data-slot="chapter"] > [data-slot="text"] { display: block; }

  
  [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] > [data-slot="panel"] {
    grid-column: 2; grid-row: 1 / -1; align-self: start; zoom: var(--cr-zoom, 1);
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1), display 0s allow-discrete;
  }
  [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] > [data-slot="panel"] > [data-plain="stage"] { height: 660px; display: flex; align-items: center; justify-content: center; }
  [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] > [data-slot="panel"] > [data-plain="stage"] > [data-slot="scene"] { width: 100%; }
  [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"][data-state="off"] > [data-slot="panel"] {
    display: none; opacity: 0; pointer-events: none; transform: translateY(12px);
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), display 0.4s allow-discrete;
  }
  [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"][data-state="on"] > [data-slot="panel"] { opacity: 1; transform: none; }
  @starting-style {
    [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"][data-state="on"] > [data-slot="panel"] { opacity: 0; transform: translateY(12px); }
  }

  @media (prefers-reduced-motion: reduce) {
    [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] > [data-slot="panel"],
    [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"][data-state="off"] > [data-slot="panel"] { transition: none; transform: none; }
    [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"][data-state="on"] > [data-slot="chapter"] > [data-slot="progress"]::after { width: 100%; }
    [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] > [data-slot="chapter"],
    [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] > [data-slot="chapter"] > [data-slot="title"] { transition: none; }
  }
  @media (max-width: 719px) {
    [data-plain="chapter-rail"] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] > [data-slot="chapter"] > [data-slot="title"] { font-size: 20px; line-height: 25px; }
    [data-plain="chapter-rail"]:not([data-staged]) > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] + [data-slot="item"] { margin-top: 40px; }
    [data-plain="chapter-rail"]:not([data-staged]) > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] > [data-slot="chapter"] { margin-bottom: 16px; }
  }
  @media (forced-colors: active) {
    [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] > [data-slot="chapter"]::before { background: GrayText; }
    [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"][data-state="on"] > [data-slot="chapter"]::after,
    [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"][data-state="on"] > [data-slot="chapter"] > [data-slot="progress"]::after { background: Highlight; }
    [data-plain="chapter-rail"][data-staged] > [data-slot="track"] > [data-slot="sticky"] > [data-slot="grid"] > [data-slot="item"] > [data-slot="chapter"]:focus-visible { outline: 2px solid Highlight; box-shadow: none; }
  }
}

@layer plain-components {
  [data-plain="close-band"][data-landing][data-tone] { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; min-height: 480px; padding-block: 128px;
    background-image:
      radial-gradient(46% 78% at 76% 58%, color-mix(in oklab, var(--p-color-accent-seed) 30%, transparent), transparent 72%),
      radial-gradient(40% 70% at 4% -12%, color-mix(in oklab, var(--p-color-accent-seed) 14%, transparent), transparent 74%),
      repeating-linear-gradient(0deg, color-mix(in oklab, var(--_paper, #fff) 5%, transparent) 0 1px, transparent 1px 32px),
      repeating-linear-gradient(90deg, color-mix(in oklab, var(--_paper, #fff) 5%, transparent) 0 1px, transparent 1px 32px);
    background-size: auto, auto, 100% 100%, 100% 100%; }
  
  [data-plain="close-band"][data-landing][data-tone="ink"]:not([data-media])::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: linear-gradient(90deg, var(--_ink, #000) 0%, color-mix(in oklab, var(--_ink, #000) 70%, transparent) 38%, transparent 70%); }
  [data-plain="close-band"][data-landing][data-tone="default"], [data-plain="close-band"][data-landing][data-tone="panel"] { background-image:
      radial-gradient(60% 110% at 88% 108%, color-mix(in oklab, var(--p-color-accent-solid) 14%, transparent), transparent 70%); }
  [data-plain="close-band"] [data-slot="media"] { position: absolute; inset: 0; z-index: -1; }
  [data-plain="close-band"] [data-slot="media"] :is(img, picture, video) { display: block; width: 100%; height: 100%; object-fit: cover; }
  [data-plain="close-band"] [data-slot="media"]::after { content: ""; position: absolute; inset: 0;
    background: linear-gradient(90deg, color-mix(in oklab, var(--_ink, #000) 88%, transparent) 0%, color-mix(in oklab, var(--_ink, #000) 55%, transparent) 100%); }
  [data-plain="close-band"][data-landing][data-media] { background-image: none; }
  [data-plain="close-band"] [data-slot="inner"] { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 64px; align-items: center; }
  [data-plain="close-band"] [data-slot="head"], [data-plain="close-band"] [data-slot="capture"] { min-width: 0; }
  [data-plain="close-band"] [data-plain="landing-head"] [data-slot="title"] { max-width: none; font-size: 68px; line-height: 72px; font-weight: var(--p-font-weight-semibold, 600); letter-spacing: -0.025em; }
  [data-plain="close-band"] [data-slot="lead"] { margin: 0 0 24px; font-size: 20px; line-height: 30px; color: var(--p-color-text-primary); text-wrap: pretty; }
  [data-plain="close-band"] [data-slot="lead"] > p { margin: 0; }
  [data-plain="close-band"] [data-slot="form"] { display: flex; align-items: flex-start; gap: 12px; width: 100%; margin: 0; }
  [data-plain="close-band"] [data-slot="field"] { flex: 1; min-width: 0; }
  [data-plain="close-band"] [data-slot="field"] [data-plain="field"] { --_h: 56px; }
  
  [data-plain="close-band"] [data-slot="field"] [data-slot="control"] { box-sizing: border-box; height: 56px; min-height: 56px; border-radius: 999px; padding-inline: 24px; }
  [data-plain="close-band"] [data-slot="submit"] { flex: none; display: flex; }
  
  [data-plain="close-band"] [data-slot="submit"] [data-plain="button"] { --_h: 56px; --_px: 28px; --_fs: 17px; --_lh: 24px; font-weight: var(--p-font-weight-semibold, 600); }
  [data-plain="close-band"][data-landing][data-tone="ink"] [data-slot="submit"] [data-plain="button"][data-variant="primary"],
  [data-plain="close-band"][data-tone="ink"] [data-inverse] [data-slot="submit"] [data-plain="button"][data-variant="primary"] { --_sel: var(--p-color-accent-seed); --_fg: var(--_ink); --_sh: none; }
  
  @supports (color: oklch(from red l c h)) {
    [data-plain="close-band"][data-landing][data-tone="ink"] [data-slot="submit"] [data-plain="button"][data-variant="primary"] { --_fg: oklch(from var(--p-color-accent-seed) clamp(0, calc((0.62 - l) * 1000), 1) 0 0); }
  }
  [data-plain="close-band"][data-tone="ink"] [data-inverse] [data-slot="submit"] [data-plain="button"][data-variant="primary"][data-hovered] { --_bg: color-mix(in oklab, var(--p-color-accent-seed), var(--_paper) 18%); }
  [data-plain="close-band"][data-tone="ink"] [data-inverse] [data-slot="submit"] [data-plain="button"][data-variant="primary"][data-pressed] { --_bg: color-mix(in oklab, var(--p-color-accent-seed), var(--_ink) 14%); }
  [data-plain="close-band"] [data-slot="proof"] { margin: 16px 0 0; font-size: 16px; line-height: 24px; color: var(--p-color-text-primary); font-variant-numeric: tabular-nums; }
  
  [data-plain="close-band"] [data-slot="secondary"] { display: block; margin-top: 12px; font-weight: var(--p-font-weight-semibold, 600); color: var(--p-color-text-primary); }
  [data-plain="close-band"] [data-slot="secondary"] a { color: inherit; text-decoration: underline; text-decoration-color: var(--p-color-accent-seed); text-decoration-thickness: 2px; text-underline-offset: 5px; }

  @media (max-width: 959px) {
    [data-plain="close-band"][data-landing][data-tone] { min-height: 0; padding-block: 64px; }
    [data-plain="close-band"] [data-slot="inner"] { grid-template-columns: minmax(0, 1fr); gap: 32px; }
    [data-plain="close-band"] [data-slot="capture"] { max-width: 560px; }
    [data-plain="close-band"] [data-plain="landing-head"] [data-slot="title"] { max-width: 18ch; font-size: 52px; line-height: 56px; }
  }
  @media (max-width: 719px) {
    [data-plain="close-band"][data-landing][data-tone] { padding-block: 48px; padding-inline: 20px; }
    [data-plain="close-band"] [data-slot="inner"] { gap: 24px; }
    [data-plain="close-band"] [data-plain="landing-head"] [data-slot="title"] { font-size: 42px; line-height: 46px; }
    [data-plain="close-band"] [data-slot="lead"] { margin-bottom: 20px; font-size: 18px; line-height: 28px; }
    [data-plain="close-band"] [data-slot="form"] { flex-direction: column; align-items: stretch; }
    [data-plain="close-band"] [data-slot="submit"] { display: block; }
    [data-plain="close-band"] [data-slot="submit"] > * { width: 100%; }
  }
  @media (forced-colors: active) {
    [data-plain="close-band"][data-landing][data-tone] { background-image: none; }
    [data-plain="close-band"]::before { display: none; }
    [data-plain="close-band"] [data-slot="media"]::after { display: none; }
  }
}

@layer plain-components {
  [data-plain="compare-row"] { box-sizing: border-box; width: 100%; max-width: 720px; margin: 32px auto 0; padding: 0; color: var(--p-color-text-primary); }
  [data-plain="compare-row"] [data-slot="table"] { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--p-color-border-subtle); border-radius: var(--p-radius-card); background: var(--p-color-bg-default); overflow: hidden; font-variant-numeric: tabular-nums; }
  [data-plain="compare-row"] :is(th, td) { padding: 14px 20px; text-align: start; vertical-align: baseline; font-size: 15px; line-height: 22px; overflow-wrap: break-word; }
  [data-plain="compare-row"] tbody :is(th, td) { border-top: 1px solid var(--p-color-border-subtle); }
  [data-plain="compare-row"] thead :is(th, td) { padding-block: 12px; font-size: 13px; line-height: 18px; font-weight: 500; color: var(--p-color-text-secondary); }
  [data-plain="compare-row"] [data-slot="ours-head"] { color: var(--p-color-text-primary); }
  [data-plain="compare-row"] [data-slot="dot"] { display: inline-block; width: 6px; height: 6px; margin-inline-end: 8px; border-radius: 50%; background: var(--p-color-accent-seed, currentColor); vertical-align: middle; }
  [data-plain="compare-row"] [data-slot="label"] { font-weight: 400; color: var(--p-color-text-secondary); }
  [data-plain="compare-row"] [data-slot="ours"] { font-size: 20px; line-height: 26px; font-weight: min(600, var(--p-font-weight-max, 1000)); letter-spacing: -0.01em; color: var(--p-color-text-primary); }
  [data-plain="compare-row"] [data-slot="ours-head"], [data-plain="compare-row"] [data-slot="ours"] { background: var(--p-color-accent-tint); }
  [data-plain="compare-row"] [data-slot="theirs"] { font-size: 20px; line-height: 26px; color: var(--p-color-text-secondary); }
  [data-plain="compare-row"] [data-slot="source"] { margin-top: 12px; font-size: 13px; line-height: 20px; color: var(--p-color-text-secondary); text-align: center; text-wrap: balance; }
  @media (max-width: 719px) {
    [data-plain="compare-row"] :is(th, td) { padding: 12px; font-size: 14px; line-height: 20px; }
    [data-plain="compare-row"] :is([data-slot="ours"], [data-slot="theirs"]) { font-size: 18px; line-height: 24px; }
  }
  @media (forced-colors: active) {
    [data-plain="compare-row"] [data-slot="table"], [data-plain="compare-row"] :is(th, td) { border-color: CanvasText; }
    [data-plain="compare-row"] [data-slot="dot"] { background: CanvasText; }
  }
}

@layer plain-components {
  [data-plain="price-range"] { display: inline-block; max-width: 100%; color: var(--p-color-text-primary); font-variant-numeric: tabular-nums lining-nums; font-feature-settings: "tnum" 1, "lnum" 1; font-weight: 500; overflow-wrap: anywhere; font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); }
  [data-plain="price-range"][data-size="compact"] { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); font-weight: 500; }
  [data-plain="price-range"][data-size="large"] { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-m-line-height) * var(--p-ts, 1)); font-weight: 500; letter-spacing: 0; }
  [data-plain="price-range"] [data-slot="to"] { color: var(--p-color-text-secondary); font-weight: 400; white-space: pre-wrap; }
  [data-plain="price-range"] [data-slot="amount"] { white-space: nowrap; }
}

@layer plain-components {
  [data-plain="option-compare"] { display: flex; flex-direction: column; gap: var(--p-space-8); min-width: 0; container-type: inline-size; container-name: option-compare; }
  [data-plain="option-compare"] [data-slot="label"]:not([data-plain="button"] [data-slot="label"]) { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-m-weight); color: var(--p-color-text-primary); }
  [data-plain="option-compare"] [data-slot="label"]:not([data-plain="button"] [data-slot="label"])[data-hidden] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  [data-plain="option-compare"] [data-slot="group"] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--p-space-16); align-items: stretch; }
  @container option-compare (min-width: 900px) {
    [data-plain="option-compare"][data-count="2"] [data-slot="group"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    [data-plain="option-compare"][data-count="3"] [data-slot="group"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    [data-plain="option-compare"][data-count="4"] [data-slot="group"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    [data-plain="option-compare"][data-count="5"] [data-slot="group"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  }
  @container option-compare (min-width: 1200px) {
    [data-plain="option-compare"][data-count="5"] [data-slot="group"] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  }
  [data-plain="option-compare"] [data-slot="card"] { position: relative; display: flex; flex-direction: column; gap: var(--p-space-12); min-width: 0; padding: var(--p-space-16); border: 1px solid var(--p-color-border-subtle); border-radius: var(--p-radius-card); background: var(--p-color-bg-default); }
  [data-plain="option-compare"] [data-slot="card"][data-selected]::after { content: ""; position: absolute; inset: -1px; border: 2px solid var(--p-color-text-primary); border-radius: inherit; pointer-events: none; }
  [data-plain="option-compare"] [data-slot="card"]:has([data-slot="choice"]:focus-visible)::before { content: ""; position: absolute; inset: -4px; border-radius: calc(var(--p-radius-card) + 3px); outline: var(--p-stroke-focus-ring, 2px) solid var(--p-color-focus-ring-button); pointer-events: none; }
  [data-plain="option-compare"] [data-slot="choice"] { display: flex; align-items: flex-start; gap: var(--p-space-12); box-sizing: border-box; min-height: var(--p-size-target-coarse); margin: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: start; cursor: pointer; outline: 0; }
  [data-plain="option-compare"] [data-slot="text"] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--p-space-4); }
  [data-plain="option-compare"] [data-slot="tag"] { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-s-line-height) * var(--p-ts, 1)); font-weight: 500; color: var(--p-color-text-secondary); }
  [data-plain="option-compare"] [data-slot="title"] { font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: 500; color: var(--p-color-text-primary); overflow-wrap: break-word; }
  [data-plain="option-compare"] [data-slot="describe"] { display: flex; flex-direction: column; gap: var(--p-space-8); }
  [data-plain="option-compare"] [data-slot="summary"] { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); overflow-wrap: break-word; text-wrap: pretty; }
  [data-plain="option-compare"] [data-slot="price"] { display: block; padding-top: var(--p-space-4); }
  [data-plain="option-compare"] [data-slot="tick"] { flex: none; box-sizing: border-box; display: inline-grid; place-items: center; width: 20px; height: 20px; margin-block-start: calc((var(--p-type-title-s-line-height) * var(--p-ts, 1) - 20px) / 2); border: 1px solid var(--p-color-border-strong); border-radius: var(--p-radius-full); background: var(--p-color-bg-default); transition: background-color 160ms ease-out, border-color 160ms ease-out; }
  [data-plain="option-compare"] [data-slot="choice"][data-checked] [data-slot="tick"] { background: var(--p-color-mark-done); border-color: var(--p-color-text-primary); }
  [data-plain="option-compare"] [data-slot="mark"] { width: 8px; height: 8px; border-radius: var(--p-radius-full); background: var(--p-color-mark-on-done); }
  [data-plain="option-compare"] [data-slot="details"] { padding-top: var(--p-space-12); border-top: 1px solid var(--p-color-border-subtle); font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-primary); }
  [data-plain="option-compare"] [data-slot="action"] { margin-top: auto; display: flex; flex-direction: column; }
  [data-plain="option-compare"] [data-slot="action"] [data-plain="button"][data-size] { --_h: var(--p-size-target-coarse); min-height: var(--p-size-target-coarse); }
  [data-plain="option-compare"] [data-slot="card"][data-disabled] [data-slot="choice"] { cursor: not-allowed; opacity: var(--p-opacity-disabled, 0.5); }
}
@media (prefers-reduced-motion: reduce) {
  @layer plain-components { [data-plain="option-compare"] [data-slot="tick"] { transition: none; } }
}
@media (forced-colors: active) {
  @layer plain-components {
    [data-plain="option-compare"] [data-slot="choice"][data-checked] [data-slot="tick"] { background: Highlight; border-color: Highlight; }
    [data-plain="option-compare"] [data-slot="mark"] { background: HighlightText; }
    [data-plain="option-compare"] [data-slot="card"][data-selected]::after { border-color: Highlight; }
  }
}

@layer plain-components {
  [data-plain="event-timeline"] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; min-width: 0; }
  [data-plain="event-timeline"] [data-slot="item"] { position: relative; display: grid; grid-template-columns: 12px minmax(0, 1fr); column-gap: var(--p-space-12); padding-bottom: var(--p-space-16); --_mark: var(--p-color-border-strong); }
  [data-plain="event-timeline"] [data-slot="item"]:last-child { padding-bottom: 0; }
  [data-plain="event-timeline"] [data-slot="item"]:not(:last-child)::before { content: ""; position: absolute; inset-block: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1) / 2 + 6px) 0; inset-inline-start: 5px; width: 1px; background: var(--p-color-border-subtle); }
  [data-plain="event-timeline"] [data-slot="marker"] { width: 12px; height: 12px; margin-block-start: calc((var(--p-type-body-m-line-height) * var(--p-ts, 1) - 12px) / 2); border-radius: var(--p-radius-full); background: var(--p-color-bg-default); border: 2px solid var(--_mark); box-sizing: border-box; }
  [data-plain="event-timeline"] [data-tone="info"] { --_mark: var(--p-color-info-solid, var(--p-color-info-text)); }
  [data-plain="event-timeline"] [data-tone="success"] { --_mark: var(--p-color-success-solid, var(--p-color-success-text)); }
  [data-plain="event-timeline"] [data-tone="warning"] { --_mark: var(--p-color-warning-solid, var(--p-color-warning-text)); }
  [data-plain="event-timeline"] [data-tone="danger"] { --_mark: var(--p-color-danger-solid, var(--p-color-danger-text)); }
  [data-plain="event-timeline"] [data-slot="item"]:not([data-tone="neutral"]) [data-slot="marker"] { background: var(--_mark); }
  [data-plain="event-timeline"] [data-slot="body"] { min-width: 0; display: flex; flex-direction: column; gap: var(--p-space-4); }
  [data-plain="event-timeline"] [data-slot="head"] { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: var(--p-space-8); }
  [data-plain="event-timeline"] [data-slot="when"] { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums; }
  [data-plain="event-timeline"] [data-slot="title"] { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); font-weight: 500; color: var(--p-color-text-primary); overflow-wrap: break-word; }
  [data-plain="event-timeline"] [data-slot="text"] { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-primary); overflow-wrap: break-word; text-wrap: pretty; }
  [data-plain="event-timeline"] [data-slot="source"] { display: inline-flex; align-items: center; flex-wrap: wrap; column-gap: var(--p-space-4); align-self: flex-start; min-height: var(--p-size-target-coarse); max-width: 100%; margin-block: calc((var(--p-size-target-coarse) - var(--p-type-body-s-line-height) * var(--p-ts, 1)) / -2); font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); color: var(--p-color-text-link); text-decoration: underline; text-underline-offset: 2px; }
  [data-plain="event-timeline"] [data-slot="source-kind"] { color: var(--p-color-text-secondary); text-decoration: none; }
  [data-plain="event-timeline"] [data-slot="source"]:focus-visible { outline: var(--p-stroke-focus-ring, 2px) solid var(--p-color-focus-ring); outline-offset: 2px; border-radius: var(--p-radius-4); }
}

@layer plain-components {
  [data-plain="stepper"] { container-type: inline-size; container-name: stepper; display: block; min-width: 0; }
  [data-plain="stepper"] [data-slot="list"] { display: none; list-style: none; margin: 0; padding: 0; gap: var(--p-space-8); }
  [data-plain="stepper"] [data-slot="compact"] { display: flex; flex-direction: column; gap: var(--p-space-8); }
  @container stepper (min-width: 600px) {
    [data-plain="stepper"] [data-slot="list"] { display: flex; }
    [data-plain="stepper"] [data-slot="compact"] { display: none; }
  }
  [data-plain="stepper"] [data-slot="step"] { flex: 1 1 0; min-width: 0; position: relative; }
  [data-plain="stepper"] [data-slot="hit"] { box-sizing: border-box; display: flex; align-items: center; gap: var(--p-space-8); width: 100%; min-height: var(--p-size-target-coarse); margin: 0; padding: var(--p-space-4) var(--p-space-8); border: 0; border-radius: var(--p-radius-control); background: none; color: var(--p-color-text-secondary); font: inherit; font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); text-align: start; }
  [data-plain="stepper"] button[data-slot="hit"] { cursor: pointer; }
  @media (hover: hover) and (pointer: fine) {
    [data-plain="stepper"] button[data-slot="hit"]:hover { background: var(--p-color-hover-tint, var(--p-color-surface-hover)); }
  }
  [data-plain="stepper"] [data-slot="hit"]:focus-visible, [data-plain="stepper"] [data-slot="back"]:focus-visible { outline: var(--p-stroke-focus-ring, 2px) solid var(--p-color-focus-ring-button); outline-offset: 2px; }
  [data-plain="stepper"] [data-slot="dot"] { flex: none; box-sizing: border-box; display: inline-grid; place-items: center; width: 24px; height: 24px; border: 1px solid var(--p-color-border-strong); border-radius: var(--p-radius-full); background: var(--p-color-bg-default); color: var(--p-color-text-secondary); font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); font-weight: 500; font-variant-numeric: tabular-nums; }
  [data-plain="stepper"] [data-slot="name"] { min-width: 0; overflow-wrap: break-word; line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); }
  [data-plain="stepper"] [data-state="done"] [data-slot="dot"] { background: var(--p-color-mark-done); border-color: var(--p-color-text-primary); color: var(--p-color-mark-on-done); }
  [data-plain="stepper"] [data-state="done"] [data-slot="hit"] { color: var(--p-color-text-primary); }
  [data-plain="stepper"] [data-state="current"] [data-slot="dot"] { border: 2px solid var(--p-color-text-primary); color: var(--p-color-text-primary); }
  [data-plain="stepper"] [data-state="current"] [data-slot="hit"] { color: var(--p-color-text-primary); font-weight: 500; }
  [data-plain="stepper"] [data-state="skipped"] [data-slot="dot"] { border-style: dashed; }
  [data-plain="stepper"] [data-state="skipped"] [data-slot="name"] { text-decoration: line-through; text-decoration-thickness: 1px; }
  [data-plain="stepper"] [data-slot="count"] { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: var(--p-space-8); margin: 0; }
  [data-plain="stepper"] [data-slot="of"] { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); font-weight: 500; color: var(--p-color-text-primary); font-variant-numeric: tabular-nums; }
  [data-plain="stepper"] [data-slot="current-name"] { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); color: var(--p-color-text-secondary); }
  [data-plain="stepper"] [data-slot="bar"] { display: flex; gap: var(--p-space-4); }
  [data-plain="stepper"] [data-slot="seg"] { flex: 1; height: 4px; border-radius: var(--p-radius-full); background: var(--p-color-border-subtle); }
  [data-plain="stepper"] [data-slot="seg"][data-state="done"], [data-plain="stepper"] [data-slot="seg"][data-state="current"] { background: var(--p-color-text-primary); }
  [data-plain="stepper"] [data-slot="seg"][data-state="skipped"] { background: var(--p-color-border-strong); }
  [data-plain="stepper"] [data-slot="back"] { align-self: flex-start; display: inline-flex; align-items: center; gap: var(--p-space-4); min-height: var(--p-size-target-coarse); padding: 0 var(--p-space-8); margin: 0 calc(var(--p-space-8) * -1); border: 0; background: none; color: var(--p-color-text-link); font: inherit; font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); cursor: pointer; border-radius: var(--p-radius-control); }
}
@media (forced-colors: active) {
  @layer plain-components {
    [data-plain="stepper"] [data-state="done"] [data-slot="dot"] { background: Highlight; border-color: Highlight; color: HighlightText; }
    [data-plain="stepper"] [data-slot="seg"][data-state="done"], [data-plain="stepper"] [data-slot="seg"][data-state="current"] { background: Highlight; }
  }
}

@layer plain-components {
  [data-plain="phone-frame"] { box-sizing: border-box; display: block; width: 100%; max-width: calc(390px + var(--p-space-16) + 2px); padding: var(--p-space-8); border: 1px solid var(--p-color-border-strong); border-radius: var(--p-radius-sheet); background: var(--p-color-surface-sunken, var(--p-color-bg-canvas)); }
  [data-plain="phone-frame"] [data-slot="screen"] { box-sizing: border-box; width: 100%; max-width: 390px; margin-inline: auto; overflow: hidden; border-radius: var(--p-radius-card); background: var(--p-color-bg-default); }
  [data-plain="phone-frame"] [data-slot="frame"] { display: block; width: 100%; height: 100%; border: 0; background: var(--p-color-bg-default); }
  [data-plain="phone-frame"] [data-slot="content"] { box-sizing: border-box; height: 100%; overflow: auto; overscroll-behavior: contain; }
}

@layer plain-components {
  [data-plain="emergency-callout"] { display: flex; flex-direction: column; gap: var(--p-space-12); min-width: 0; padding: var(--p-space-16); border: 1px solid var(--p-color-warning-border); border-radius: var(--p-radius-card); background: var(--p-color-warning-tint); color: var(--p-color-text-primary); }
  [data-plain="emergency-callout"] [data-slot="title"] { margin: 0; font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: 500; color: var(--p-color-warning-text); overflow-wrap: break-word; }
  [data-plain="emergency-callout"] [data-slot="text"] { font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); overflow-wrap: break-word; text-wrap: pretty; }
  [data-plain="emergency-callout"] [data-slot="signs"] { margin: 0; padding-inline-start: var(--p-space-20); display: flex; flex-direction: column; gap: var(--p-space-4); font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); }
  [data-plain="emergency-callout"] [data-slot="call"] { display: flex; flex-direction: column; gap: var(--p-space-8); }
  [data-plain="emergency-callout"] [data-slot="call"] [data-plain="button"] { min-height: var(--p-size-target-coarse); }
  [data-plain="emergency-callout"] [data-slot="number"] { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums; text-align: center; }
}

@layer plain-components {
  [data-plain="reason-chips"] { display: flex; flex-direction: column; gap: var(--p-space-8); min-width: 0; margin: 0; padding: 0; border: 0; }
  [data-plain="reason-chips"] [data-slot="label"]:not([data-plain="button"] [data-slot="label"]) { padding: 0; font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-m-weight); color: var(--p-color-text-primary); }
  [data-plain="reason-chips"] [data-slot="hint"] { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); }
  [data-plain="reason-chips"] [data-slot="chips"] { display: flex; flex-wrap: wrap; gap: var(--p-space-8); }
  [data-plain="reason-chips"] [data-slot="chip"] { position: relative; display: inline-flex; max-width: 100%; cursor: pointer; }
  [data-plain="reason-chips"] [data-slot="input"] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: inherit; }
  [data-plain="reason-chips"] [data-slot="face"] { box-sizing: border-box; display: inline-flex; align-items: center; gap: var(--p-space-4); min-height: var(--p-size-target-coarse); max-width: 100%; padding: 0 var(--p-space-16); border: 1px solid var(--p-color-border-control, var(--p-color-border-strong)); border-radius: var(--p-radius-full); background: var(--p-color-bg-default); color: var(--p-color-text-primary); font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); }
  [data-plain="reason-chips"] [data-slot="text"] { min-width: 0; overflow-wrap: anywhere; }
  @media (hover: hover) and (pointer: fine) {
    [data-plain="reason-chips"] [data-slot="chip"]:hover [data-slot="face"] { background: var(--p-color-hover-tint, var(--p-color-surface-hover)); }
  }
  [data-plain="reason-chips"] [data-slot="chip"][data-selected] [data-slot="face"] { border-color: var(--p-color-text-primary); box-shadow: inset 0 0 0 1px var(--p-color-text-primary); background: var(--p-color-surface-selected, var(--p-color-neutral-tint)); font-weight: 500; }
  [data-plain="reason-chips"] [data-slot="input"]:focus-visible + [data-slot="face"] { outline: var(--p-stroke-focus-ring, 2px) solid var(--p-color-focus-ring-button); outline-offset: 2px; }
  [data-plain="reason-chips"] [data-slot="chip"][data-disabled] { cursor: not-allowed; opacity: var(--p-opacity-disabled, 0.5); }
  [data-plain="reason-chips"] [data-slot="error"] { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); color: var(--p-color-danger-text); }
}
@media (forced-colors: active) {
  @layer plain-components { [data-plain="reason-chips"] [data-slot="chip"][data-selected] [data-slot="face"] { border-color: Highlight; box-shadow: inset 0 0 0 1px Highlight; } }
}

@layer plain-components {
  [data-plain="slot-picker"] { display: flex; flex-direction: column; gap: var(--p-space-16); min-width: 0; container-type: inline-size; }
  [data-plain="slot-picker"] [data-slot="tabs"] { display: flex; gap: var(--p-space-8); overflow-x: auto; scrollbar-width: none; padding: var(--p-space-4); margin: calc(var(--p-space-4) * -1); }
  [data-plain="slot-picker"] [data-slot="tab"] { flex: none; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 64px; min-height: var(--p-size-target-coarse); padding: var(--p-space-4) var(--p-space-12); border: 1px solid var(--p-color-border-subtle); border-radius: var(--p-radius-control); background: var(--p-color-bg-default); color: var(--p-color-text-primary); font: inherit; font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); cursor: pointer; }
  [data-plain="slot-picker"] [data-slot="tab"][data-selected] { border-color: var(--p-color-text-primary); box-shadow: inset 0 0 0 1px var(--p-color-text-primary); font-weight: 500; }
  [data-plain="slot-picker"] [data-slot="tab"][data-none] { color: var(--p-color-text-secondary); }
  [data-plain="slot-picker"] [data-slot="tab-sub"] { font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums; }
  [data-plain="slot-picker"] [data-slot="tab"]:focus-visible { outline: var(--p-stroke-focus-ring, 2px) solid var(--p-color-focus-ring-button); outline-offset: 2px; }
  [data-plain="slot-picker"] [data-slot="slots"] { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 96px), 1fr)); gap: var(--p-space-8); }
  [data-plain="slot-picker"] [data-slot="slot"] { position: relative; display: flex; cursor: pointer; }
  [data-plain="slot-picker"] [data-slot="input"] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: inherit; }
  [data-plain="slot-picker"] [data-slot="face"] { box-sizing: border-box; flex: 1; display: flex; align-items: center; justify-content: center; min-height: var(--p-size-target-coarse); padding: 0 var(--p-space-12); border: 1px solid var(--p-color-border-control, var(--p-color-border-strong)); border-radius: var(--p-radius-control); background: var(--p-color-bg-default); color: var(--p-color-text-primary); font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); font-variant-numeric: tabular-nums; white-space: nowrap; }
  @media (hover: hover) and (pointer: fine) {
    [data-plain="slot-picker"] [data-slot="slot"]:hover [data-slot="face"] { background: var(--p-color-hover-tint, var(--p-color-surface-hover)); }
  }
  [data-plain="slot-picker"] [data-slot="slot"][data-selected] [data-slot="face"] { border-color: var(--p-color-text-primary); box-shadow: inset 0 0 0 1px var(--p-color-text-primary); background: var(--p-color-surface-selected, var(--p-color-neutral-tint)); font-weight: 500; }
  [data-plain="slot-picker"] [data-slot="input"]:focus-visible + [data-slot="face"] { outline: var(--p-stroke-focus-ring, 2px) solid var(--p-color-focus-ring-button); outline-offset: 2px; }
  [data-plain="slot-picker"] [data-slot="slot"][data-disabled] { cursor: not-allowed; opacity: var(--p-opacity-disabled, 0.5); }
  [data-plain="slot-picker"] [data-slot="empty"], [data-plain="slot-picker"] [data-slot="none"] { margin: 0; font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); text-wrap: pretty; }
  [data-plain="slot-picker"] [data-slot="empty-action"] [data-plain="button"][data-size] { --_h: var(--p-size-target-coarse); min-height: var(--p-size-target-coarse); }
}
@media (forced-colors: active) {
  @layer plain-components {
    [data-plain="slot-picker"] [data-slot="slot"][data-selected] [data-slot="face"], [data-plain="slot-picker"] [data-slot="tab"][data-selected] { border-color: Highlight; box-shadow: inset 0 0 0 1px Highlight; }
  }
}

@layer plain-components {
  [data-plain="image-label-editor"] { display: flex; flex-direction: column; gap: var(--p-space-12); min-width: 0; }
  [data-plain="image-label-editor"] [data-slot="bar"] { display: flex; flex-wrap: wrap; gap: var(--p-space-8); }
  [data-plain="image-label-editor"] [data-slot="bar"] [data-plain="button"] { min-height: var(--p-size-target-coarse); }
  [data-plain="image-label-editor"] [data-slot="stage"] { position: relative; overflow: hidden; border: 1px solid var(--p-color-border-subtle); border-radius: var(--p-radius-card); background: var(--p-color-surface-sunken, var(--p-color-bg-canvas)); line-height: 0; }
  [data-plain="image-label-editor"] [data-slot="image"] { display: block; width: 100%; height: auto; user-select: none; -webkit-user-select: none; }
  [data-plain="image-label-editor"] [data-slot="canvas"] { position: absolute; inset: 0; width: 100%; height: 100%; outline: 0; touch-action: pan-y; }
  [data-plain="image-label-editor"] [data-slot="stage"][data-tool] [data-slot="canvas"] { touch-action: none; cursor: crosshair; }
  [data-plain="image-label-editor"] [data-slot="canvas"]:focus-visible { outline: var(--p-stroke-focus-ring, 2px) solid var(--p-color-focus-ring); outline-offset: -2px; }
  [data-plain="image-label-editor"] [data-slot="halo"] { fill: none; stroke: var(--p-color-bg-default); stroke-width: 14; stroke-linecap: round; }
  [data-plain="image-label-editor"] [data-slot="mark"] { fill: none; stroke: var(--p-color-accent-solid); stroke-width: 7; stroke-linecap: round; }
  [data-plain="image-label-editor"] [data-slot="head"] { fill: var(--p-color-accent-solid); }
  [data-plain="image-label-editor"] [data-slot="halo-text"], [data-plain="image-label-editor"] text[data-slot="label"] { font-family: var(--p-font-family-sans); font-size: 44px; font-weight: 500; }
  [data-plain="image-label-editor"] [data-slot="halo-text"] { fill: var(--p-color-bg-default); stroke: var(--p-color-bg-default); stroke-width: 12; stroke-linejoin: round; }
  [data-plain="image-label-editor"] text[data-slot="label"] { fill: var(--p-color-accent-text); }
  [data-plain="image-label-editor"] [data-slot="shade"] { fill: var(--p-color-scrim); pointer-events: none; }
  [data-plain="image-label-editor"] [data-slot="crop"] { fill: none; stroke: var(--p-color-bg-default); stroke-width: 5; stroke-dasharray: 18 10; pointer-events: none; }
  [data-plain="image-label-editor"] [data-slot="marks"] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--p-space-8); }
  [data-plain="image-label-editor"] [data-slot="mark-row"] { display: flex; align-items: center; justify-content: space-between; gap: var(--p-space-12); font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); color: var(--p-color-text-primary); overflow-wrap: anywhere; }

  [data-plain="upload-row"] { display: flex; flex-direction: column; gap: var(--p-space-8); min-width: 0; padding: var(--p-space-12) var(--p-space-16); border: 1px solid var(--p-color-border-subtle); border-radius: var(--p-radius-card); background: var(--p-color-bg-default); }
  [data-plain="upload-row"] [data-slot="top"] { display: flex; align-items: center; gap: var(--p-space-8); min-width: 0; color: var(--p-color-text-primary); }
  [data-plain="upload-row"] [data-slot="name"] { min-width: 0; flex: 1; overflow-wrap: anywhere; font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); font-weight: 500; }
  [data-plain="upload-row"] [data-slot="bar"] { appearance: none; width: 100%; height: 4px; border: 0; border-radius: var(--p-radius-full); overflow: hidden; background: var(--p-color-border-subtle); color: var(--p-color-text-primary); }
  [data-plain="upload-row"] [data-slot="bar"]::-webkit-progress-bar { background: var(--p-color-border-subtle); }
  [data-plain="upload-row"] [data-slot="bar"]::-webkit-progress-value { background: var(--p-color-text-primary); }
  [data-plain="upload-row"] [data-slot="bar"]::-moz-progress-bar { background: var(--p-color-text-primary); }
  [data-plain="upload-row"] [data-slot="foot"] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--p-space-8); }
  [data-plain="upload-row"] [data-slot="state"] { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); color: var(--p-color-text-secondary); font-variant-numeric: tabular-nums; }
  [data-plain="upload-row"][data-state="failed"] [data-slot="state"] { color: var(--p-color-danger-text); }
  [data-plain="upload-row"][data-state="done"] [data-slot="state"] { color: var(--p-color-success-text); }
  [data-plain="upload-row"] [data-plain="button"] { min-height: var(--p-size-target-coarse); }
  [data-plain="image-label-editor"] button, [data-plain="upload-row"] button { min-height: var(--p-size-target-coarse); }
}

@layer plain-components {
  [data-plain="csv-mapper"] { display: flex; flex-direction: column; gap: var(--p-space-16); min-width: 0; container-type: inline-size; container-name: csv-mapper; }
  [data-plain="csv-mapper"] [data-slot="label"]:not([data-plain="button"] [data-slot="label"]) { margin: 0; font-size: calc(var(--p-type-title-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-title-s-line-height) * var(--p-ts, 1)); font-weight: 500; color: var(--p-color-text-primary); }
  [data-plain="csv-mapper"] [data-slot="sub"] { margin: 0 0 var(--p-space-8); font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); font-weight: var(--p-type-label-m-weight); color: var(--p-color-text-primary); }
  [data-plain="csv-mapper"] [data-slot="map"] { display: flex; flex-direction: column; border: 1px solid var(--p-color-border-subtle); border-radius: var(--p-radius-card); background: var(--p-color-bg-default); }
  [data-plain="csv-mapper"] [data-slot="head"] { display: none; }
  [data-plain="csv-mapper"] [data-slot="line"] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--p-space-8); padding: var(--p-space-12) var(--p-space-16); }
  [data-plain="csv-mapper"] [data-slot="line"] + [data-slot="line"] { border-top: 1px solid var(--p-color-border-subtle); }
  [data-plain="csv-mapper"] [data-slot="col"] { font-weight: 500; color: var(--p-color-text-primary); overflow-wrap: anywhere; }
  [data-plain="csv-mapper"] [data-slot="example"] { color: var(--p-color-text-secondary); font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); overflow-wrap: anywhere; min-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); }
  [data-plain="csv-mapper"] [data-slot="to"] { min-width: 0; }
  @container csv-mapper (min-width: 600px) {
    [data-plain="csv-mapper"] [data-slot="head"] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); gap: var(--p-space-16); padding: var(--p-space-8) var(--p-space-16); border-bottom: 1px solid var(--p-color-border-subtle); font-size: calc(var(--p-type-label-s-size) * var(--p-ts, 1)); font-weight: 500; color: var(--p-color-text-secondary); }
    [data-plain="csv-mapper"] [data-slot="line"] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); gap: var(--p-space-16); align-items: center; }
  }
  [data-plain="csv-mapper"] [data-slot="missing"] { margin: 0; font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); color: var(--p-color-danger-text); }
  [data-plain="csv-mapper"] [data-slot="scroll"] { overflow-x: auto; border: 1px solid var(--p-color-border-subtle); border-radius: var(--p-radius-card); }
  [data-plain="csv-mapper"] [data-slot="scroll"]:focus-visible { outline: var(--p-stroke-focus-ring, 2px) solid var(--p-color-focus-ring); outline-offset: 2px; }
  [data-plain="csv-mapper"] table { width: 100%; border-collapse: collapse; font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); color: var(--p-color-text-primary); }
  [data-plain="csv-mapper"] th { text-align: start; font-weight: 500; color: var(--p-color-text-secondary); white-space: nowrap; }
  [data-plain="csv-mapper"] th, [data-plain="csv-mapper"] td { padding: var(--p-space-8) var(--p-space-12); border-bottom: 1px solid var(--p-color-border-subtle); }
  [data-plain="csv-mapper"] tbody tr:last-child td { border-bottom: 0; }
  [data-plain="csv-mapper"] td { white-space: nowrap; max-width: 24ch; overflow: hidden; text-overflow: ellipsis; }
  [data-plain="csv-mapper"] [data-slot="dupes"] { margin: 0; font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); color: var(--p-color-text-secondary); }
  [data-plain="csv-mapper"] [data-slot="dupes"][data-has] { color: var(--p-color-text-primary); font-weight: 500; }
  [data-plain="csv-mapper"] [data-slot="bad"] ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; border: 1px solid var(--p-color-border-subtle); border-radius: var(--p-radius-card); }
  [data-plain="csv-mapper"] [data-slot="bad"] li { display: flex; flex-wrap: wrap; column-gap: var(--p-space-12); padding: var(--p-space-8) var(--p-space-12); font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); color: var(--p-color-text-primary); }
  [data-plain="csv-mapper"] [data-slot="bad"] li + li { border-top: 1px solid var(--p-color-border-subtle); }
  [data-plain="csv-mapper"] [data-slot="bad-row"] { font-weight: 500; font-variant-numeric: tabular-nums; }
  [data-plain="csv-mapper"] button { min-height: var(--p-size-target-coarse); }
}

@layer plain-components {
  [data-plain="qr-code"] { display: block; border-radius: var(--p-radius-8); aspect-ratio: 1; }
  [data-plain="qr-code"] [data-slot="tile"] { fill: var(--p-color-bg-default); }
  [data-plain="qr-code"] [data-slot="modules"] { fill: var(--p-color-text-primary); }
  [data-theme="dark"] [data-plain="qr-code"] [data-slot="tile"] { fill: var(--p-color-text-primary); }
  [data-theme="dark"] [data-plain="qr-code"] [data-slot="modules"] { fill: var(--p-color-bg-default); }
}

@layer plain-components {
  [data-plain="copy-field"] { display: flex; flex-direction: column; gap: var(--p-space-8); min-width: 0; }
  [data-plain="copy-field"] [data-slot="label"]:not([data-plain="button"] [data-slot="label"]) { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-label-m-weight); color: var(--p-color-text-primary); }
  [data-plain="copy-field"] [data-slot="row"] { display: flex; gap: var(--p-space-8); align-items: stretch; min-width: 0; }
  [data-plain="copy-field"] [data-slot="value"] { box-sizing: border-box; flex: 1 1 0; width: 0; min-width: 0; min-height: var(--p-size-target-coarse); padding: var(--p-space-8) var(--p-space-12); border: 1px solid var(--p-color-border-control, var(--p-color-border-strong)); border-radius: var(--p-radius-control); background: var(--p-color-field-bg, var(--p-color-bg-default)); color: var(--p-color-text-primary); font: inherit; font-size: max(16px, calc(var(--p-type-body-m-size) * var(--p-ts, 1))); text-overflow: ellipsis; }
  [data-plain="copy-field"] textarea[data-slot="value"] { width: 100%; resize: vertical; text-overflow: clip; line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); }
  [data-plain="copy-field"] [data-slot="value"]:focus-visible { outline: var(--p-stroke-focus-ring, 2px) solid var(--p-color-focus-ring-field, var(--p-color-focus-ring)); outline-offset: 1px; }
  [data-plain="copy-field"] [data-slot="row"] [data-plain="button"] { flex: none; min-height: var(--p-size-target-coarse); min-width: 88px; }
  [data-plain="copy-field"][data-multiline] [data-slot="row"] { flex-direction: column; }
  [data-plain="copy-field"] [data-slot="hint"] { font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-text-secondary); }
  [data-plain="copy-field"] [data-slot="status"] { min-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); font-size: calc(var(--p-type-body-s-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-s-line-height) * var(--p-ts, 1)); color: var(--p-color-success-text); }
  [data-plain="copy-field"] [data-slot="status"][data-state="failed"] { color: var(--p-color-danger-text); }
}

@layer plain-components {
  @media (max-width: 599.98px) {
    .p-page-pad-tab-bar,
    [data-page-pad="tab-bar"] {
      padding-bottom: calc(var(--p-layout-height-tab-bar) + env(safe-area-inset-bottom, 0px) + var(--p-space-16));
    }
  }
}

@layer plain-components {
  
  [data-more-end], [data-more-bottom] { --_x0: 0px; --_x1: 0px; --_y0: 0px; --_y1: 0px; }
  [data-more-end] { --_x0: 40px; }
  [data-more-end][style*="--_xcut"] { --_x0: var(--_xcut); --_x1: var(--_xcut); }
  [data-more-end][style*="--_xpeek"] { --_x0: calc(var(--_xcut) + var(--_xpeek)); }
  
  [data-more-end][data-edge-cells] { --_x0: 16px; }
  [data-edge-cut] { color: transparent !important; }
  [data-edge-cut] > * { visibility: hidden; }
  [data-edge-hide] { visibility: hidden; }
  [data-more-bottom] { --_y0: 32px; }
  [data-more-bottom][style*="--_ycut"] { --_y0: var(--_ycut); --_y1: var(--_ycut); }
  
  [data-more-end] { mask-image: linear-gradient(to right, #000 calc(100% - var(--_x0)), transparent calc(100% - var(--_x1))); }
  [data-more-end]:dir(rtl) { mask-image: linear-gradient(to left, #000 calc(100% - var(--_x0)), transparent calc(100% - var(--_x1))); }
  [data-more-bottom] { mask-image: linear-gradient(to bottom, #000 calc(100% - var(--_y0)), transparent calc(100% - var(--_y1))); }
  [data-more-bottom][data-more-end] { mask-image: linear-gradient(to right, #000 calc(100% - var(--_x0)), transparent calc(100% - var(--_x1))), linear-gradient(to bottom, #000 calc(100% - var(--_y0)), transparent calc(100% - var(--_y1))); mask-composite: intersect; }
  [data-more-bottom][data-more-end]:dir(rtl) { mask-image: linear-gradient(to left, #000 calc(100% - var(--_x0)), transparent calc(100% - var(--_x1))), linear-gradient(to bottom, #000 calc(100% - var(--_y0)), transparent calc(100% - var(--_y1))); }
  
  .p-more-below { display: none; }
  [data-more-bottom] + .p-more-below { display: inline-flex; align-items: center; gap: 4px; position: absolute; inset-block-end: 6px; inset-inline-start: 50%; translate: -50% 0; height: 24px; padding: 0 10px 0 8px; border: 0; border-radius: var(--p-radius-full); background: var(--p-color-bg-default); box-shadow: var(--p-shadow-overlay), 0 0 0 1px var(--p-color-ink-a8); color: var(--p-color-text-secondary); font: inherit; font-size: 12px; cursor: pointer; z-index: 1; }
  @media (hover: hover) and (pointer: fine) { [data-more-bottom] + .p-more-below:hover { color: var(--p-color-text-primary); } }
  [data-more-bottom] + .p-more-below:focus-visible { outline: 2px solid var(--p-color-accent); outline-offset: 2px; }
}

@layer plain-components {
  
  
  [data-business="b2b"] [data-plain="button"] { --_sel: var(--p-color-text-primary); }
  [data-business="b2b"] [data-plain="button"][data-variant="primary"] { --_fg: var(--p-color-text-inverse); }
  
  [data-business="b2b"] [data-plain="button"][data-variant="primary"][data-disabled] { --_bg: var(--p-color-field-bg-disabled); --_bd: var(--p-color-field-border-disabled); --_fg: var(--p-color-text-tertiary); }
  
  [data-business="b2b"] [data-hovered] { transition-duration: var(--p-motion-duration-hover-in); }
  @media (hover: hover) and (pointer: fine) { [data-business="b2b"] :is(.pd-btn:hover, .pd-item:hover, .p-command__item:hover) { transition-duration: var(--p-motion-duration-hover-in); } }
  
  [data-business="b2b"] :is(strong, b, th) { font-weight: min(600, var(--p-font-weight-max, 1000)); }
  
  .p-keycap, .p-shell__kbd, [data-slot="hint-kbd"] { font-family: var(--p-font-family-mono); font-size: 11px; font-weight: 400; }

  
  
  .p-card[data-interactive][data-pointer-pressed] { transform: scale(var(--p-motion-press-scale)); transition: transform var(--p-motion-duration-press-out) var(--p-motion-easing-standard), background-color var(--p-motion-duration-hover) var(--p-motion-easing-standard), border-color var(--p-motion-duration-hover) var(--p-motion-easing-standard); transition-duration: var(--p-motion-duration-press-in), var(--p-motion-duration-hover), var(--p-motion-duration-hover); }
  [data-reduced-motion="true"] .p-card[data-pointer-pressed] { transform: none !important; }
  @media (prefers-reduced-motion: reduce) { .p-card[data-pointer-pressed] { transform: none !important; } }

  
  .p-seltool { border-radius: var(--p-radius-card); }
  .p-seltool :is(.p-ob, .p-seltool__count) { border-radius: var(--p-radius-inner-control); }
  .p-sheet[data-floating] .p-card { border-radius: var(--p-radius-inner-card); }

  
  [data-business="game"] [data-plain="button"][data-variant="secondary"] { --_bg: color-mix(in srgb, var(--p-color-text-primary) 8%, transparent); --_bd: transparent; --_sh: 0 0 0 0 transparent; }
  [data-business="game"] [data-plain="button"][data-hovered][data-variant="secondary"] { --_bg: color-mix(in srgb, var(--p-color-text-primary) 12%, transparent); --_bd: transparent; }
  [data-business="game"] [data-plain="button"][data-pressed][data-variant="secondary"] { --_bg: color-mix(in srgb, var(--p-color-text-primary) 16%, transparent); }
  
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) [data-plain="button"][data-size="lg"] { --_h: var(--p-size-cta-touch); min-height: var(--_h); }

  
  :is([data-business="b2c"], [data-business="game"]) .p-screen-title { font-size: clamp(26px, 7.2vw, var(--p-type-title-mobile-size)); line-height: var(--p-type-title-mobile-line-height); font-weight: var(--p-type-title-mobile-weight); letter-spacing: calc(var(--p-type-title-mobile-tracking) * 1em); text-wrap: balance; }
  :is([data-business="b2c"], [data-business="game"]) .p-section-title { margin: 0; font-size: calc(var(--p-type-section-title-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-section-title-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-section-title-weight); letter-spacing: calc(var(--p-type-section-title-tracking) * 1em); text-wrap: balance; }
  @container (max-width: 599.98px) { :is([data-business="b2c"], [data-business="game"]) .p-section-title { font-size: calc(var(--p-type-section-title-mobile-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-section-title-mobile-line-height) * var(--p-ts, 1)); } }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) .p-section-title { font-size: calc(var(--p-type-section-title-mobile-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-section-title-mobile-line-height) * var(--p-ts, 1)); }
  :is([data-business="b2c"], [data-business="game"]) .p-card-title { margin: 0; font-size: calc(var(--p-type-card-title-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-card-title-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-card-title-weight); letter-spacing: calc(var(--p-type-card-title-tracking) * 1em); }
  :is([data-business="b2c"], [data-business="game"]) .p-card-meta { margin: 0; font-size: calc(var(--p-type-card-meta-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-card-meta-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-card-meta-weight); color: var(--p-color-text-secondary); }
  [data-business="b2c"][data-pointer="coarse"] .p-body-mobile, [data-business="game"][data-pointer="coarse"] .p-body-mobile { font-size: var(--p-type-body-mobile-size); line-height: var(--p-type-body-mobile-line-height); }
}

@layer plain-components {
  
  :is([data-business="b2c"], [data-business="game"]) .p-shell__top[data-b2c] { min-height: calc(var(--p-layout-height-header) * var(--p-ts, 1)); padding-inline: var(--p-layout-gutter-medium); }
  :is([data-business="b2c"], [data-business="game"]) .p-shell__top[data-compact] { min-height: calc(var(--p-layout-height-header-compact) * var(--p-ts, 1)); }
  @container (min-width: 840px) { :is([data-business="b2c"], [data-business="game"]) .p-shell__top[data-b2c] { padding-inline: var(--p-layout-gutter-expanded); } }
  @container (max-width: 839px) { :is([data-business="b2c"], [data-business="game"]) .p-shell__top[data-b2c] { padding-inline: var(--p-layout-gutter-medium); } }
  :is([data-business="b2c"], [data-business="game"]) .p-shell__brand { font-size: calc(var(--p-type-title-m-size) * var(--p-ts, 1)); font-weight: min(700, var(--p-font-weight-max, 1000)); letter-spacing: -0.02em; }
  :is([data-business="b2c"], [data-business="game"]) :is(.p-shell__toplink, .p-shell__help) { height: calc(var(--p-size-control-md) * var(--p-ts, 1)); padding-inline: 12px; border-radius: var(--p-radius-control); font-size: calc(var(--p-type-nav-label-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-nav-label-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-nav-label-weight); letter-spacing: calc(var(--p-type-nav-label-tracking) * 1em); }
  :is([data-business="b2c"], [data-business="game"]) .p-shell__cmd { height: calc(var(--p-size-control-md) * var(--p-ts, 1)); border-radius: var(--p-radius-control); }
  :is([data-business="b2c"], [data-business="game"]) .p-shell__cmd[data-compact] { width: calc(var(--p-size-control-md) * var(--p-ts, 1)); min-width: var(--p-size-control-md); }
  :is([data-business="b2c"], [data-business="game"]) .p-shell__top-right { gap: 8px; }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) .p-shell__avatar-btn { padding: 4px; }
  :is([data-business="b2c"], [data-business="game"]) .p-shell__nav-item[data-orientation="side"] { height: calc(var(--p-size-control-md) * var(--p-ts, 1)); border-radius: var(--p-radius-control); font-size: calc(var(--p-type-nav-label-size) * var(--p-ts, 1)); font-weight: var(--p-type-nav-label-weight); }

  
  :is([data-business="b2c"], [data-business="game"]) .p-shell__top[data-compact] { position: sticky; top: 0; z-index: var(--p-z-sticky); }
  :is([data-business="b2c"], [data-business="game"]) .p-shell__tabs { position: sticky; bottom: 0; z-index: var(--p-z-sticky); }

  
  :is([data-business="b2c"], [data-business="game"]) .p-shell__tabs { border-top-color: var(--p-color-ink-a8); background: var(--p-color-bg-default); }
  :is([data-business="b2c"], [data-business="game"]) .p-shell__nav[data-orientation="bottom"] .p-shell__navlist { gap: 0; }
  :is([data-business="b2c"], [data-business="game"]) .p-shell__nav-item[data-orientation="bottom"] {
    box-sizing: border-box; height: calc(var(--p-layout-height-tab-bar) * var(--p-ts, 1)); min-height: var(--p-size-target-coarse); padding: 6px 4px 4px; gap: 2px; border-radius: 0;
    color: var(--p-color-text-secondary); font-size: var(--p-size-tabbar-label); line-height: var(--p-size-tabbar-label-line-height); font-weight: 500; letter-spacing: 0.01em;
    -webkit-tap-highlight-color: transparent;
  }
  :is([data-business="b2c"], [data-business="game"]) .p-shell__nav-item[data-orientation="bottom"] :is(.p-shell__icon, .p-shell__icon > svg) { width: var(--p-size-tabbar-icon); height: var(--p-size-tabbar-icon); color: inherit; }
  :is([data-business="b2c"], [data-business="game"]) .p-shell__nav-item[data-orientation="bottom"][data-active] { color: var(--p-color-accent-text); background: transparent; }
  :is([data-business="b2c"], [data-business="game"]) .p-shell__nav-item[data-orientation="bottom"][data-pressed] { background: var(--p-color-ink-a4); }
  :is([data-business="b2c"], [data-business="game"]) .p-shell__nav-item[data-orientation="bottom"][data-hovered]:not([data-active]) { background: transparent; color: var(--p-color-text-primary); }
  :is([data-business="b2c"], [data-business="game"]) .p-shell__nav-item[data-orientation="bottom"] .p-shell__label { text-align: center; white-space: nowrap; }
  :is([data-business="b2c"], [data-business="game"]) .p-shell__nav-item[data-orientation="bottom"] .p-shell__dot { top: -4px; left: 55%; }
  :is([data-business="b2c"], [data-business="game"]) .p-shell__nav-item[data-orientation="bottom"][data-focus-visible] { outline-offset: -3px; border-radius: var(--p-radius-control); }

  
  .p-shell__large-title { margin: 0 0 var(--p-space-16); font-size: clamp(26px, 7.2vw, var(--p-type-title-mobile-size)); line-height: var(--p-type-title-mobile-line-height); font-weight: var(--p-type-title-mobile-weight); letter-spacing: calc(var(--p-type-title-mobile-tracking) * 1em); text-wrap: balance; word-break: keep-all; }
  .p-shell__top[data-large] { border-bottom-color: transparent; transition: border-color var(--p-motion-duration-fast) var(--p-motion-easing-standard); }
  .p-shell__top[data-large][data-collapsed] { border-bottom-color: var(--p-color-ink-a8); }
  .p-shell__top[data-large] .p-shell__title { opacity: 0; transition: opacity var(--p-motion-duration-fast) var(--p-motion-easing-standard); }
  .p-shell__top[data-large][data-collapsed] .p-shell__title { opacity: 1; }
  @media (prefers-reduced-motion: reduce) { .p-shell__top[data-large], .p-shell__top[data-large] .p-shell__title { transition: none; } }
  [data-reduced-motion="true"] :is(.p-shell__top[data-large], .p-shell__top[data-large] .p-shell__title) { transition: none; }

  
  .p-shell__top[data-over]:not([data-over][data-over="phone"]) { margin-bottom: calc(-1 * var(--p-layout-height-header-compact) * var(--p-ts, 1)); transition: background-color var(--p-motion-duration-fast) var(--p-motion-easing-standard), border-color var(--p-motion-duration-fast) var(--p-motion-easing-standard); }
  .p-shell__top[data-over]:not([data-over][data-over="phone"]):not([data-solid]) { background: transparent; border-bottom-color: transparent; }
  .p-shell__top[data-over]:not([data-over][data-over="phone"]):not([data-solid]) .p-shell__title { opacity: 0; }
  .p-shell__top[data-over]:not([data-over][data-over="phone"]):not([data-solid]) :is(button, a) { background: var(--p-color-bg-default); border-radius: var(--p-radius-full); box-shadow: 0 0 0 1px var(--p-color-ink-a8), 0 1px 3px rgb(0 0 0 / 0.12); }
  .p-shell__top[data-over]:not([data-over][data-over="phone"]) .p-xbtn { width: 44px; height: 44px; }
  @media (prefers-reduced-motion: reduce) { .p-shell__top[data-over]:not([data-over][data-over="phone"]) { transition: none; } }
  [data-reduced-motion="true"] .p-shell__top[data-over]:not([data-over][data-over="phone"]) { transition: none; }

  
  @container (max-width: 599px) {
    .p-shell__top[data-over][data-over="phone"] { margin-bottom: calc(-1 * var(--p-layout-height-header-compact) * var(--p-ts, 1)); transition: background-color var(--p-motion-duration-fast) var(--p-motion-easing-standard), border-color var(--p-motion-duration-fast) var(--p-motion-easing-standard); }
    .p-shell__top[data-over][data-over="phone"]:not([data-solid]) { background: transparent; border-bottom-color: transparent; }
    .p-shell__top[data-over][data-over="phone"]:not([data-solid]) .p-shell__title { opacity: 0; }
    .p-shell__top[data-over][data-over="phone"]:not([data-solid]) :is(button, a) { background: var(--p-color-bg-default); border-radius: var(--p-radius-full); box-shadow: 0 0 0 1px var(--p-color-ink-a8), 0 1px 3px rgb(0 0 0 / 0.12); }
    .p-shell__top[data-over][data-over="phone"] .p-xbtn { width: 44px; height: 44px; }
    @media (prefers-reduced-motion: reduce) { .p-shell__top[data-over][data-over="phone"] { transition: none; } }
    [data-reduced-motion="true"] .p-shell__top[data-over][data-over="phone"] { transition: none; }
  }

  
  :is([data-business="b2c"], [data-business="game"]) [data-plain="field"] { --_h: var(--p-size-field-md); }
  :is([data-business="b2c"], [data-business="game"]) [data-plain="field"][data-size="sm"] { --_h: var(--p-size-field-sm); }
  :is([data-business="b2c"], [data-business="game"]) [data-plain="field"][data-size="lg"] { --_h: var(--p-size-field-lg); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) [data-plain="field"] { --_h: max(var(--p-size-field-md), var(--p-size-target-coarse)); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) [data-plain="field"][data-size="md"] { --_h: max(var(--p-size-field-md), var(--p-size-target-coarse)); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) [data-plain="field"][data-size="sm"] { --_h: max(var(--p-size-field-sm), var(--p-size-target-coarse)); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) [data-plain="field"][data-size="lg"] { --_h: max(var(--p-size-field-lg), var(--p-size-target-coarse)); }
  :is([data-business="b2c"], [data-business="game"]) [data-plain="field"] [data-slot="control"] { padding-inline: 14px; }
  :is([data-business="b2c"], [data-business="game"]) [data-plain="field"][data-search] { --_h: var(--p-size-field-search); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) [data-plain="field"][data-search] { --_h: max(var(--p-size-field-search), var(--p-size-target-coarse)); }
  :is([data-business="b2c"], [data-business="game"]) [data-plain="field"][data-search] [data-slot="control"] { --pd-radius: var(--p-radius-full); padding-inline: 20px; }

  
  :is([data-business="b2c"], [data-business="game"]) .p-chip { padding-inline: var(--p-space-16); font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); font-weight: 500; }

  
  :is([data-business="b2c"], [data-business="game"]) :is([data-plain="segmented"], [data-plain="tabs"][data-variant="pill"]) {
    --p-segmented-radius: var(--p-radius-control);
    --p-segmented-track: var(--p-color-bg-default);
    --p-segmented-active-bg: color-mix(in oklab, var(--p-color-bg-default), var(--p-color-text-primary) 4%);
  }
  :is([data-business="b2c"], [data-business="game"]) [data-plain="segmented"] { box-shadow: inset 0 0 0 1px var(--p-color-ink-a12); }
  :is([data-business="b2c"], [data-business="game"]) [data-plain="tabs"][data-variant="pill"] [data-slot="list"] { box-shadow: inset 0 0 0 1px var(--p-color-ink-a12); }
  :is([data-business="b2c"], [data-business="game"]) [data-plain="segmented"] [data-slot="active-copy"],
  :is([data-business="b2c"], [data-business="game"]) [data-plain="tabs"][data-variant="pill"] [data-slot="indicator"] { filter: none; }
  :is([data-business="b2c"], [data-business="game"]) [data-plain="tabs"][data-variant="pill"] [data-slot="tab"][data-copy] { box-shadow: inset 0 0 0 var(--p-stroke-selected) var(--p-color-selected-outline); }
  :is([data-business="b2c"], [data-business="game"]) [data-plain="tabs"] [data-slot="tab"] { font-size: calc(var(--p-type-label-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-label-m-line-height) * var(--p-ts, 1)); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) :is([data-plain="tabs"] [data-slot="tab"], [data-plain="segmented"] [data-slot="segment"]) { font-size: calc(var(--p-type-nav-label-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-nav-label-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-nav-label-weight); }

  
  :is([data-business="b2c"], [data-business="game"]) .p-card:not([data-size="lg"]) .p-card__title { font-size: calc(var(--p-type-card-title-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-card-title-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-card-title-weight); letter-spacing: calc(var(--p-type-card-title-tracking) * 1em); }
  :is([data-business="b2c"], [data-business="game"]) .p-card__footer,
  :is([data-business="b2c"], [data-business="game"]) .p-card:has(.p-card__media) .p-card__desc { font-size: calc(var(--p-type-card-meta-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-card-meta-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-card-meta-weight); }

  
  :is([data-business="b2c"], [data-business="game"]) .p-empty { gap: 8px; max-width: 44ch; padding: 48px var(--p-layout-gutter-compact); }
  :is([data-business="b2c"], [data-business="game"]) .p-empty[data-size="sm"] { padding: 24px var(--p-layout-gutter-compact); }
  :is([data-business="b2c"], [data-business="game"]) .p-empty[data-size="lg"] { padding: 80px var(--p-layout-gutter-compact); }
  :is([data-business="b2c"], [data-business="game"]) .p-empty .p-empty__title { font-size: calc(var(--p-type-section-title-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-section-title-line-height) * var(--p-ts, 1)); font-weight: var(--p-type-section-title-weight); letter-spacing: calc(var(--p-type-section-title-tracking) * 1em); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) .p-empty .p-empty__title { font-size: calc(var(--p-type-section-title-mobile-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-section-title-mobile-line-height) * var(--p-ts, 1)); }
  :is([data-business="b2c"], [data-business="game"]) .p-empty .p-empty__desc { max-width: 44ch; font-size: calc(var(--p-type-body-m-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-m-line-height) * var(--p-ts, 1)); }
  [data-pointer="coarse"]:is([data-business="b2c"], [data-business="game"]) .p-empty .p-empty__desc { font-size: calc(var(--p-type-body-mobile-size) * var(--p-ts, 1)); line-height: calc(var(--p-type-body-mobile-line-height) * var(--p-ts, 1)); }
  :is([data-business="b2c"], [data-business="game"]) .p-empty .p-ob { margin-top: 20px; }
  :is([data-business="b2c"], [data-business="game"]) .p-empty__glyph { margin-bottom: 12px; }

  
  [data-business="b2c"] .p-shell__topnav { align-self: stretch; display: flex; align-items: stretch; gap: 32px; }
  [data-business="b2c"] .p-shell__toplink { position: relative; display: inline-flex; align-items: center; height: auto; padding-inline: 0; border-radius: 0; background: transparent; color: var(--p-color-text-secondary); font-size: calc(15px * var(--p-ts, 1)); font-weight: min(520, var(--p-font-weight-max, 1000)); }
  @media (hover: hover) and (pointer: fine) { [data-business="b2c"] .p-shell__toplink:hover { background: transparent; color: var(--p-color-text-primary); } }
  [data-business="b2c"] .p-shell__toplink[aria-current="page"] { background: transparent; color: var(--p-color-text-primary); font-weight: min(620, var(--p-font-weight-max, 1000)); }
  [data-business="b2c"] .p-shell__toplink[aria-current="page"]::after { content: ""; position: absolute; inset-inline: 0; bottom: -1px; height: 2px; background: var(--p-color-accent-action); }
  [data-business="b2c"] .p-shell__toplink:focus-visible { outline-offset: -2px; border-radius: 4px; }
  @container (min-width: 840px) {
    [data-business="b2c"] .p-shell__top[data-b2c] .p-shell__cmd[data-compact] { width: calc(280px * var(--p-ts, 1)); height: calc(40px * var(--p-ts, 1)); justify-content: flex-start; gap: 10px; padding: 0 12px; border: 1px solid var(--p-color-border-control); border-radius: 8px; background: var(--p-color-bg-default); box-shadow: none; color: var(--p-color-text-tertiary); font-size: calc(15px * var(--p-ts, 1)); cursor: text; }
    [data-business="b2c"] .p-shell__top[data-b2c] .p-shell__cmd[data-compact] .p-shell__cmd-text { display: block; text-align: start; }
    [data-business="b2c"] .p-shell__top[data-b2c] .p-shell__cmd[data-compact] > svg { flex: none; width: 20px; height: 20px; color: var(--p-color-text-secondary); }
    @media (hover: hover) and (pointer: fine) { [data-business="b2c"] .p-shell__top[data-b2c] .p-shell__cmd[data-compact]:hover { border-color: var(--p-color-text-tertiary); box-shadow: none; } }
  }
  [data-business="b2c"] .p-shell__top[data-compact] .p-shell__cmd[data-compact] { width: 44px; height: 44px; border: 0; border-radius: 50%; background: transparent; box-shadow: none; color: var(--p-color-text-primary); }
  [data-business="b2c"] .p-shell__top[data-compact] .p-shell__cmd[data-compact] > svg { width: 22px; height: 22px; }
  @container (min-width: 840px) { [data-business="b2c"] .p-shell__top[data-b2c] { padding-inline: max(var(--p-layout-gutter-expanded), calc((100% - 128px) / 2)); } }
  
  [data-business="b2c"] .p-shell__top[data-b2c][data-width="full"] { padding-inline: var(--p-shell-gutter, var(--p-layout-gutter-medium)); max-width: none; }
  
  @container (min-width: 840px) { [data-business="b2c"] :is(.p-shell__top[data-b2c][data-width="full"], .p-shell:has(.p-shell__main > .pt-flush) .p-shell__top[data-b2c]) { padding-inline: max(var(--p-shell-gutter, var(--p-layout-gutter-expanded)), calc((100% - var(--p-shell-max, 100%)) / 2)); max-width: none; } }
  [data-business="b2c"] [data-plain="button"][data-variant="secondary"] { --_bg: var(--p-color-bg-default); --_bd: var(--p-color-border-control); --_sh: none; border-width: 1px; }
  @media (hover: hover) and (pointer: fine) { [data-business="b2c"] [data-plain="button"][data-hovered][data-variant="secondary"] { --_bg: var(--p-color-bg-default); --_bd: var(--p-color-text-primary); } }
  [data-business="b2c"] [data-plain="button"][data-pressed][data-variant="secondary"] { --_bg: var(--p-color-ink-a3); }
  
  [data-business="b2c"] [data-plain="button"][data-focus-visible] { outline: var(--p-stroke-focus) solid var(--p-color-focus-ring); outline-offset: 2px; }
  [data-business="b2c"] .p-card__media { border-radius: var(--p-radius-media); }
  [data-business="b2c"] .p-shell__large-title { font-size: calc(34px * var(--p-ts, 1)); line-height: calc(40px * var(--p-ts, 1)); font-weight: min(700, var(--p-font-weight-max, 1000)); letter-spacing: -0.026em; margin-bottom: var(--p-space-8); }
}

@layer plain-components {
  @keyframes p-pulse { 50% { opacity: 0.35; } }
  @media (prefers-reduced-motion: reduce) {
    [data-plain-root] .p-backdrop { transition: opacity var(--p-motion-duration-reduced) linear !important; backdrop-filter: none !important; }
    [data-plain-root] .p-dialog, [data-plain-root] .p-menu, [data-plain-root] .p-popover, [data-plain-root] .p-sheet, [data-plain-root] .p-menu-sheet, [data-plain-root] [data-plain-popup], [data-plain-root] .p-toast, [data-plain-root] .p-tooltip { transition: opacity var(--p-motion-duration-reduced) linear !important; }
    [data-plain-root] .p-dialog[data-starting-style], [data-plain-root] .p-dialog[data-ending-style],
    [data-plain-root] .p-menu[data-starting-style], [data-plain-root] .p-menu[data-ending-style],
    [data-plain-root] .p-popover[data-starting-style], [data-plain-root] .p-popover[data-ending-style],
    [data-plain-root] [data-plain-popup][data-starting-style], [data-plain-root] [data-plain-popup][data-ending-style],
    [data-plain-root] [data-pointer="coarse"] [data-plain-popup][data-starting-style], [data-plain-root] [data-pointer="coarse"] [data-plain-popup][data-ending-style],
    [data-plain-root] .p-tooltip[data-starting-style], [data-plain-root] .p-tooltip[data-ending-style],
    [data-plain-root] .p-toast[data-starting-style], [data-plain-root] .p-toast[data-ending-style] { transform: none !important; opacity: 0 !important; }
    [data-plain-root] .p-dialog[data-presentation="sheet"][data-starting-style], [data-plain-root] .p-dialog[data-presentation="sheet"][data-ending-style] { transform: none !important; opacity: 0 !important; }
    
    [data-plain-root] .p-sheet[data-presentation="bottom"][data-starting-style], [data-plain-root] .p-sheet[data-presentation="bottom"][data-ending-style] { transform: translateY(calc(var(--drawer-snap-point-offset, 0px) + var(--drawer-swipe-movement-y, 0px))) !important; opacity: 0 !important; padding-bottom: max(0px, calc(var(--drawer-snap-point-offset, 0px) + var(--drawer-swipe-movement-y, 0px))) !important; }
    [data-plain-root] .p-sheet[data-presentation="side"][data-starting-style], [data-plain-root] .p-sheet[data-presentation="side"][data-ending-style] { transform: translateX(var(--drawer-swipe-movement-x, 0px)) !important; opacity: 0 !important; }
    [data-plain-root] .p-sheet[data-presentation="form"][data-starting-style], [data-plain-root] .p-sheet[data-presentation="form"][data-ending-style],
    [data-plain-root] .p-sheet[data-presentation="page"][data-starting-style], [data-plain-root] .p-sheet[data-presentation="page"][data-ending-style],
    [data-plain-root] .p-sheet[data-presentation="full-screen-cover"][data-starting-style], [data-plain-root] .p-sheet[data-presentation="full-screen-cover"][data-ending-style],
    [data-plain-root] .p-menu-sheet[data-starting-style], [data-plain-root] .p-menu-sheet[data-ending-style] { transform: translateY(var(--drawer-swipe-movement-y, 0px)) !important; opacity: 0 !important; }
    [data-plain-root] [data-plain="slider"] [data-pressed], [data-plain-root] [data-plain="slider"] [data-dragging],
    [data-plain-root] [data-plain="selection"] [data-slot="row"][data-pointer-pressed] [data-slot="box"], [data-plain-root] [data-plain="button"][data-pointer-pressed] { transform: none !important; }
    [data-plain-root] [data-plain="slider"] [data-slot="thumb"], [data-plain-root] .p-row__main, [data-plain-root] [data-plain="tabs"] [data-slot="indicator"], [data-plain-root] [data-plain="selection"] [data-slot="thumb"] { transition-duration: var(--p-motion-duration-reduced) !important; }
    [data-plain-root] .p-spinner svg { animation: none; }
    [data-plain-root] .p-spinner[data-visible] svg { animation: p-pulse 1600ms ease-in-out infinite; }
    [data-plain-root] .p-table__progress::after { animation: none; width: 100%; opacity: 0.5; }
  }
  
  [data-reduced-motion="true"] .p-backdrop { transition: opacity var(--p-motion-duration-reduced) linear !important; backdrop-filter: none !important; }
  [data-reduced-motion="true"] .p-dialog, [data-reduced-motion="true"] .p-menu, [data-reduced-motion="true"] .p-popover, [data-reduced-motion="true"] .p-sheet, [data-reduced-motion="true"] .p-menu-sheet, [data-reduced-motion="true"] [data-plain-popup], [data-reduced-motion="true"] .p-toast, [data-reduced-motion="true"] .p-tooltip { transition: opacity var(--p-motion-duration-reduced) linear !important; }
  [data-reduced-motion="true"] .p-dialog[data-starting-style], [data-reduced-motion="true"] .p-dialog[data-ending-style],
  [data-reduced-motion="true"] .p-menu[data-starting-style], [data-reduced-motion="true"] .p-menu[data-ending-style],
  [data-reduced-motion="true"] .p-popover[data-starting-style], [data-reduced-motion="true"] .p-popover[data-ending-style],
  [data-reduced-motion="true"] [data-plain-popup][data-starting-style], [data-reduced-motion="true"] [data-plain-popup][data-ending-style],
  [data-reduced-motion="true"] [data-pointer="coarse"] [data-plain-popup][data-starting-style], [data-reduced-motion="true"] [data-pointer="coarse"] [data-plain-popup][data-ending-style],
  [data-reduced-motion="true"] .p-tooltip[data-starting-style], [data-reduced-motion="true"] .p-tooltip[data-ending-style],
  [data-reduced-motion="true"] .p-toast[data-starting-style], [data-reduced-motion="true"] .p-toast[data-ending-style] { transform: none !important; opacity: 0 !important; }
  [data-reduced-motion="true"] .p-dialog[data-presentation="sheet"][data-starting-style], [data-reduced-motion="true"] .p-dialog[data-presentation="sheet"][data-ending-style] { transform: none !important; opacity: 0 !important; }
  
  [data-reduced-motion="true"] .p-sheet[data-presentation="bottom"][data-starting-style], [data-reduced-motion="true"] .p-sheet[data-presentation="bottom"][data-ending-style] { transform: translateY(calc(var(--drawer-snap-point-offset, 0px) + var(--drawer-swipe-movement-y, 0px))) !important; opacity: 0 !important; padding-bottom: max(0px, calc(var(--drawer-snap-point-offset, 0px) + var(--drawer-swipe-movement-y, 0px))) !important; }
  [data-reduced-motion="true"] .p-sheet[data-presentation="side"][data-starting-style], [data-reduced-motion="true"] .p-sheet[data-presentation="side"][data-ending-style] { transform: translateX(var(--drawer-swipe-movement-x, 0px)) !important; opacity: 0 !important; }
  [data-reduced-motion="true"] .p-sheet[data-presentation="form"][data-starting-style], [data-reduced-motion="true"] .p-sheet[data-presentation="form"][data-ending-style],
  [data-reduced-motion="true"] .p-sheet[data-presentation="page"][data-starting-style], [data-reduced-motion="true"] .p-sheet[data-presentation="page"][data-ending-style],
  [data-reduced-motion="true"] .p-sheet[data-presentation="full-screen-cover"][data-starting-style], [data-reduced-motion="true"] .p-sheet[data-presentation="full-screen-cover"][data-ending-style],
  [data-reduced-motion="true"] .p-menu-sheet[data-starting-style], [data-reduced-motion="true"] .p-menu-sheet[data-ending-style] { transform: translateY(var(--drawer-swipe-movement-y, 0px)) !important; opacity: 0 !important; }
  [data-reduced-motion="true"] [data-plain="slider"] [data-pressed], [data-reduced-motion="true"] [data-plain="slider"] [data-dragging],
  [data-reduced-motion="true"] [data-plain="selection"] [data-slot="row"][data-pointer-pressed] [data-slot="box"], [data-reduced-motion="true"] [data-plain="button"][data-pointer-pressed] { transform: none !important; }
  [data-reduced-motion="true"] [data-plain="slider"] [data-slot="thumb"], [data-reduced-motion="true"] .p-row__main, [data-reduced-motion="true"] [data-plain="tabs"] [data-slot="indicator"], [data-reduced-motion="true"] [data-plain="selection"] [data-slot="thumb"] { transition-duration: var(--p-motion-duration-reduced) !important; }
  [data-reduced-motion="true"] .p-spinner svg { animation: none; }
  [data-reduced-motion="true"] .p-spinner[data-visible] svg { animation: p-pulse 1600ms ease-in-out infinite; }
  [data-reduced-motion="true"] .p-table__progress::after { animation: none; width: 100%; opacity: 0.5; }
}

@layer plain-components {
  
  .p-shell__avatar-btn { box-sizing: content-box; padding: 0; }
  [data-plain="link"][data-variant="standalone"], [data-plain="link"][data-variant="quiet"] { display: inline-flex; align-items: center; min-height: var(--p-size-target-min); }

  
  .p-card__target { --_hit: var(--p-size-target-min); --_slack: max(0px, calc((var(--_hit) - 1lh) / 2)); display: inline-block; padding-block: var(--_slack); margin-block: calc(-1 * var(--_slack)); vertical-align: top; }
  .p-row__main { padding-block: 4px; } 
  .lg-co__name > a { display: inline-block; min-height: var(--p-size-target-min); margin-block: -2px; line-height: var(--p-size-target-min); }

  
  [data-pointer="coarse"] [data-plain="button"] { min-height: var(--p-size-target-coarse); }
  [data-pointer="coarse"] [data-plain="button"][data-icon-only] { min-width: var(--p-size-target-coarse); }
  [data-pointer="coarse"] .p-card__target { --_hit: var(--p-size-target-coarse); }
  [data-pointer="coarse"] .p-row__target { min-height: max(var(--p-row-h, 40px), var(--p-size-target-coarse)); }
  [data-pointer="coarse"] .p-shell__avatar-btn { padding: 10px; border-radius: var(--p-radius-full); }
  [data-pointer="coarse"] .p-shell__skip { min-height: var(--p-size-target-coarse); display: inline-flex; align-items: center; }
  [data-pointer="coarse"] :is(.p-shell__toplink, .p-shell__help, .p-shell__collapse) { min-height: var(--p-size-target-coarse); }
  [data-pointer="coarse"] .p-shell__toplink { box-sizing: border-box; min-width: var(--p-size-target-coarse); justify-content: center; }
  [data-pointer="coarse"] .p-proprow__button { min-height: var(--p-size-target-coarse); }
  [data-pointer="coarse"] .p-shell__workspace { min-height: var(--p-size-target-coarse); }
  [data-pointer="coarse"] .p-shell__cmd { min-height: var(--p-size-target-coarse); }
  [data-pointer="coarse"] .p-shell__cmd[data-compact] { min-width: var(--p-size-target-coarse); }
  [data-pointer="coarse"] [data-plain="link"][data-variant="standalone"], [data-pointer="coarse"] [data-plain="link"][data-variant="quiet"] { min-height: var(--p-size-target-coarse); }
  
  [data-pointer="coarse"] [data-plain="field"] [data-slot="control"] > :is([data-plain-input], button, [role="combobox"]) { box-sizing: border-box; align-self: stretch; margin-block: calc(var(--p-stroke-field, 1px) * -1); min-height: var(--p-size-target-coarse); }
  
  [data-pointer="coarse"] .p-table__check { flex: none; width: var(--p-size-target-coarse); height: var(--p-size-target-coarse); }
  [data-pointer="coarse"] .p-table__card .p-table__check { margin: -14px; }
  
  [data-pointer="coarse"] .p-avatar--button { overflow: visible; }
  [data-pointer="coarse"] .p-avatar--button::before { content: ""; position: absolute; left: min(0px, calc((100% - var(--p-size-target-coarse)) / 2)); right: min(0px, calc((100% - var(--p-size-target-coarse)) / 2)); top: min(0px, calc((100% - var(--p-size-target-coarse)) / 2)); bottom: min(0px, calc((100% - var(--p-size-target-coarse)) / 2)); }
}

@layer plain-components {
  @media (forced-colors: active) {
    [data-plain-root] ::placeholder, [data-plain-root] [data-plain-input]::placeholder, [data-plain="field"] [data-plain-input]::placeholder { color: GrayText; opacity: 1; }
    
    [data-plain-root] [data-focus-visible], [data-plain-root] :focus-visible, [data-plain-popup] [data-focus-visible], [data-plain-popup] :focus-visible { outline: 2px solid Highlight !important; outline-offset: 2px !important; }
    [data-plain="segmented"] [data-slot="segment"][data-checked][data-focus-visible], [data-plain="segmented"] [data-slot="segment"][data-checked]:focus-visible { outline-color: HighlightText !important; outline-offset: -2px !important; }
    [data-plain="tabs"][data-variant="pill"] [data-slot="tab"][data-active][data-focus-visible], [data-plain="tabs"][data-variant="pill"] [data-slot="tab"][data-active]:focus-visible { outline-color: HighlightText !important; outline-offset: -2px !important; }
    .p-menu__item[data-highlighted], [data-plain-item][data-highlighted] { outline: 2px solid HighlightText !important; outline-offset: -2px !important; }

    
    [data-plain="button"] { border: 1px solid ButtonText; }
    [data-plain="button"][data-variant="primary"] { forced-color-adjust: none; background: Highlight; color: HighlightText; border-color: Highlight; }
    [data-plain="button"][data-variant="destructive"] { border-width: 2px; }
    [data-plain="button"][data-variant="ghost"], [data-plain="button"][data-variant="tertiary"] { border-color: ButtonText; border-style: dashed; }
    [data-plain="button"][data-disabled], .p-ob[aria-disabled="true"] { opacity: 1; color: GrayText; border-color: GrayText; }
    .p-ob[data-tone="primary"] { forced-color-adjust: none; background: Highlight; color: HighlightText; border: 1px solid Highlight; }

    
    .p-row[data-selected] .p-row__target { forced-color-adjust: none; background: Highlight; color: HighlightText; }
    .p-row[data-selected] .p-row__target * { color: HighlightText; }
    .p-row[data-selected] .p-row__target .p-status { forced-color-adjust: auto; color: CanvasText; border-color: CanvasText; }
    .p-row[data-selected] .p-row__target .p-status * { color: CanvasText; }
    .p-shell__nav-item[data-active] { forced-color-adjust: none; background: Highlight; color: HighlightText; }
    .p-shell__nav-item[data-active] * { color: HighlightText; }
    .p-card[data-selected] { border: 2px solid Highlight; }
    
    .p-chip { border: 1px solid ButtonText; }
    .p-chip[data-selected] { forced-color-adjust: none; background: Highlight; color: HighlightText; border-color: Highlight; }
    [data-plain="radio-group"][data-variant="card"] [data-slot="row"] { border: 1px solid ButtonText; }
    [data-plain="radio-group"][data-variant="card"] [data-slot="row"]:has([data-checked]) { border: 2px solid Highlight; }
    .p-shell__nav-item[data-orientation="bottom"][data-active] { background: Highlight !important; color: HighlightText !important; }
    [data-plain="segmented"] { border: 1px solid ButtonText; }
    [data-plain="segmented"] [data-slot="segment"][data-checked] { forced-color-adjust: none; background: Highlight; color: HighlightText; box-shadow: none; }
    [data-plain="tabs"] [data-slot="tab"][data-active] { forced-color-adjust: none; color: Highlight; }
    [data-plain="tabs"][data-variant="pill"] [data-slot="tab"][data-active] { background: Highlight; color: HighlightText; }
    [data-plain="tabs"] [data-slot="indicator"] { forced-color-adjust: none; background: Highlight; }
    .p-menu__item[data-highlighted], .p-menu__item[data-popup-open], [data-plain-item][data-highlighted] { forced-color-adjust: none; background: Highlight; color: HighlightText; }
    [data-plain-item][data-selected] { text-decoration: underline; }

    
    [data-plain="selection"] [data-slot="box"] { border-color: ButtonText; }
    [data-plain="selection"] [data-slot="box"][data-checked], [data-plain="selection"] [data-slot="box"][data-indeterminate] { forced-color-adjust: none; background: Highlight; border-color: Highlight; color: HighlightText; }
    [data-plain="selection"][data-kind="radio"] [data-slot="box"][data-checked] { background: Canvas; border: 5px solid Highlight; }
    [data-plain="selection"] [data-slot="track"] { border: 1px solid ButtonText; }
    [data-plain="selection"] [data-slot="track"][data-checked] { forced-color-adjust: none; background: Highlight; border-color: Highlight; }
    [data-plain="selection"] [data-slot="thumb"] { forced-color-adjust: none; background: ButtonText; }
    [data-plain="selection"] [data-slot="track"][data-checked] [data-slot="thumb"], [data-plain="selection"] [data-slot="thumb"][data-checked] { background: HighlightText; }
    [data-plain="slider"] [data-slot="track"] { border: 1px solid ButtonText; }
    [data-plain="slider"] [data-slot="fill"] { forced-color-adjust: none; background: Highlight; }
    [data-plain="slider"] [role="slider"], [data-plain="slider"] [data-index] { forced-color-adjust: none; background: ButtonFace; border-color: ButtonText; }
    .p-table__check { border-color: ButtonText; }
    .p-table__check[data-checked] { forced-color-adjust: none; background: Highlight; border-color: Highlight; color: HighlightText; }
    [data-pointer="coarse"] .p-table__check::before { border-color: ButtonText; }
    [data-pointer="coarse"] .p-table__check[data-checked]::before { forced-color-adjust: none; background: Highlight; border-color: Highlight; }

    
    .p-status, .p-badge { border: 1px solid ButtonText; }
    .p-badge { forced-color-adjust: none; background: Highlight; color: HighlightText; border-color: Highlight; }
    .p-banner, .p-toast, .p-notice, .p-dialog, .p-sheet, .p-popover, .p-menu, [data-plain-popup] { border: 1px solid CanvasText; }
    [data-plain="field"] [data-slot="control"] { border-color: ButtonText; }
    [data-plain="field"] [data-slot="control"][data-invalid] { border-width: 2px; }
    .p-avatar { border: 1px solid ButtonText; }
    .p-row, .p-card { border-color: ButtonText; }
    .p-skeleton__bar, .p-skeleton__block { forced-color-adjust: none; background: GrayText; opacity: 0.4; }
    
    .p-sched__block[data-tech-i]::before, .p-sched__swatch { forced-color-adjust: none; box-sizing: border-box; border: 1px solid CanvasText; }
  }
}

@layer plain-components {
  [data-plain="button"] { white-space: normal; text-align: center; height: auto; }
  [data-plain="button"] [data-slot="label"] { overflow: visible; text-overflow: clip; }
  [data-plain="button"][data-icon-only] { height: var(--_h); }
  [data-plain="tabs"] [data-slot="tab"] { white-space: normal; text-align: center; }
  [data-plain="segmented"] [data-slot="segment"] { white-space: normal; text-align: center; }
  [data-plain="segmented"] [data-slot="text"] { overflow: visible; text-overflow: clip; }
  .p-status { height: auto; min-height: 24px; padding-block: 2px; white-space: normal; text-align: start; }
  .p-status[data-size="sm"] { min-height: 20px; padding-block: 2px; }
  .p-status__text { overflow: visible; text-overflow: clip; padding-top: 0; overflow-wrap: break-word; }
  
  [data-large-text] .p-shell__title { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: break-word; }
  [data-large-text] .p-card__title { display: block; -webkit-line-clamp: unset; line-clamp: unset; }
  .p-menu__label { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: break-word; }
  .p-menu__item { height: auto; min-height: calc(var(--p-size-control-md) * var(--p-ts, 1)); padding-block: 4px; }
  .p-card__title, .p-card__desc, .p-row__title, .p-row__sub, .p-table__cell { overflow-wrap: break-word; }
  .p-table__cell { white-space: normal; }
  .p-sheet__title { white-space: normal; overflow: visible; text-overflow: clip; }
  .pt-trunc { white-space: normal; overflow-wrap: break-word; overflow: visible; text-overflow: clip; }
  
  [data-plain="selection"] [data-slot="box"] { flex: none; }
}

@layer plain-components {
  
  [data-business="game"] .p-card[data-interactive]:not([data-pointer-pressed]) {
    transition: transform var(--p-motion-game-duration-release) var(--p-motion-game-easing-release), background-color var(--p-motion-duration-hover) var(--p-motion-easing-standard), border-color var(--p-motion-duration-hover) var(--p-motion-easing-standard);
  }
  [data-business="game"] [data-plain="button"]:not([data-pointer-pressed]) {
    transition-duration: var(--p-field-transition), var(--p-field-transition), var(--p-field-transition), var(--p-field-transition), var(--p-motion-game-duration-release);
    transition-timing-function: ease, ease, ease, ease, var(--p-motion-game-easing-release);
  }

  
  @keyframes p-game-pop { 0% { transform: scale(1); } 40% { transform: scale(var(--p-motion-game-burst-pop-scale)); } 100% { transform: scale(1); } }
  @keyframes p-game-flash { 0% { opacity: 0; } 20% { opacity: var(--_flash-peak, 0.85); } 100% { opacity: 0; } }
  @keyframes p-game-particle { 0% { opacity: 1; transform: translate(0, 0) scale(1); } 100% { opacity: 0; transform: translate(var(--_dx, 0px), var(--_dy, -32px)) scale(0.6); } }
  
  @keyframes p-game-pop-reduced { 0% { opacity: 0.6; } 100% { opacity: 1; } }
  @keyframes p-game-flash-reduced { 0% { opacity: 0; } 30% { opacity: 0.4; } 100% { opacity: 0; } }
  @keyframes p-game-particle-reduced { 0% { opacity: 1; } 100% { opacity: 0; } }
  [data-business="game"] [data-juice="pop"] { animation: p-game-pop var(--p-motion-game-burst-pop-duration) var(--p-motion-game-easing-release) both; }
  [data-business="game"] [data-juice="flash"] { animation: p-game-flash var(--p-motion-game-burst-flash-duration) linear both; pointer-events: none; }
  [data-business="game"] [data-juice="particle"] { animation: p-game-particle var(--p-motion-game-burst-particle-duration) var(--p-motion-easing-exit) both; pointer-events: none; }

  
  @media (prefers-reduced-motion: reduce) {
    [data-business="game"] .p-card[data-interactive][data-pointer-pressed] { transform: none !important; background-color: var(--p-color-surface-pressed); }
    [data-business="game"] .p-card[data-interactive]:not([data-pointer-pressed]), [data-business="game"] [data-plain="button"]:not([data-pointer-pressed]) { transition-property: background-color, border-color, color; transition-duration: var(--p-motion-game-reduced-burst-duration); transition-timing-function: linear; }
    [data-business="game"] [data-juice="pop"] { animation: p-game-pop-reduced var(--p-motion-game-reduced-burst-duration) linear both; transform: none; }
    [data-business="game"] [data-juice="flash"] { animation: p-game-flash-reduced var(--p-motion-game-reduced-burst-duration) linear both; }
    [data-business="game"] [data-juice="particle"] { animation: p-game-particle-reduced var(--p-motion-game-reduced-burst-duration) linear both; transform: none; }
  }
  [data-business="game"][data-reduced-motion="true"] .p-card[data-interactive][data-pointer-pressed], [data-reduced-motion="true"] [data-business="game"] .p-card[data-interactive][data-pointer-pressed] { transform: none !important; background-color: var(--p-color-surface-pressed); }
  [data-business="game"][data-reduced-motion="true"] .p-card[data-interactive]:not([data-pointer-pressed]), [data-reduced-motion="true"] [data-business="game"] .p-card[data-interactive]:not([data-pointer-pressed]),
  [data-business="game"][data-reduced-motion="true"] [data-plain="button"]:not([data-pointer-pressed]), [data-reduced-motion="true"] [data-business="game"] [data-plain="button"]:not([data-pointer-pressed]) { transition-property: background-color, border-color, color; transition-duration: var(--p-motion-game-reduced-burst-duration); transition-timing-function: linear; }
  [data-business="game"][data-reduced-motion="true"] [data-juice="pop"], [data-reduced-motion="true"] [data-business="game"] [data-juice="pop"] { animation: p-game-pop-reduced var(--p-motion-game-reduced-burst-duration) linear both; transform: none; }
  [data-business="game"][data-reduced-motion="true"] [data-juice="flash"], [data-reduced-motion="true"] [data-business="game"] [data-juice="flash"] { animation: p-game-flash-reduced var(--p-motion-game-reduced-burst-duration) linear both; }
  [data-business="game"][data-reduced-motion="true"] [data-juice="particle"], [data-reduced-motion="true"] [data-business="game"] [data-juice="particle"] { animation: p-game-particle-reduced var(--p-motion-game-reduced-burst-duration) linear both; transform: none; }
}