@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Newsreader:ital,opsz,wght@0,6..72,500..700;1,6..72,500..700&display=swap');
@config "./tailwind.config.js";
@import "tailwindcss";

/* Facets token system — patched to the Editorial Fold palette while preserving
   the existing token contract used throughout the app. */
:root {
  --leading-normal: 1.5;

  /* Base Pomegranate & Paper Surfaces */
  --color-bg: rgb(252 249 242);
  --color-surface: rgb(252 249 242);
  --color-surface-elevated: rgb(240 238 231);
  --color-surface-low: rgb(246 243 236);
  --color-surface-container: rgb(240 238 231);
  --color-surface-highest: rgb(229 226 219);

  /* Text & Accents */
  --font-body: 'Manrope', sans-serif;
  --font-heading: 'Newsreader', serif;
  --font-logo: 'Newsreader', serif;
  --color-text: rgb(28 28 24);
  --color-text-secondary: rgb(85 72 60);
  --color-primary: rgb(172 0 35);
  --color-primary-container: rgb(210 35 55);
  --color-primary-strong: var(--color-primary-container);
  --color-on-primary: rgb(252 249 242);
  --color-secondary: rgb(130 72 110);
  --color-secondary-strong: rgb(104 52 88);
  --color-on-secondary: var(--color-on-primary);

  /* Facet Colors */
  --facet-persimmon: rgb(172 0 35);
  --facet-persimmon-bg: rgb(250 230 232);
  --facet-plum: rgb(130 72 110);
  --facet-plum-bg: rgb(245 235 245);
  --facet-indigo: rgb(72 88 150);
  --facet-indigo-bg: rgb(235 240 250);
  --facet-teal: rgb(55 115 115);
  --facet-teal-bg: rgb(230 245 245);
  --facet-moss: rgb(85 105 70);
  --facet-moss-bg: rgb(240 245 235);
  --facet-ochre: rgb(155 115 45);
  --facet-ochre-bg: rgb(250 245 230);

  /* Elevation & Ambient Shadows */
  --color-on-surface-tint: rgb(28 28 24 / 0.05);
  --shadow-soft: 0 20px 40px var(--color-on-surface-tint);
  --shadow-soft-subtle: 0 10px 20px var(--color-on-surface-tint);
  --color-border-fold: rgb(172 0 35 / 0.08);
  --color-border-score: rgb(255 255 255 / 0.4);
  --color-border-ghost: rgb(228 189 188 / 0.15);
  --color-border-muted: var(--color-border-fold);
  --gradient-primary: linear-gradient(145deg, var(--color-primary), var(--color-primary-container));

  /* Warnings (keeping the existing semantic token contract) */
  --color-danger: rgb(148 20 40);
  --color-danger-subtle: rgb(172 0 35 / 0.12);
  --color-priority-high: var(--facet-persimmon);
  --color-priority-high-tint: var(--facet-persimmon-bg);
  --color-priority-medium: var(--facet-ochre);
  --color-priority-medium-tint: var(--facet-ochre-bg);
  --color-priority-low: var(--facet-moss);
  --color-priority-low-tint: var(--facet-moss-bg);
  --color-muted: rgb(125 112 104);
  --color-muted-subtle: var(--color-surface-container);
  --color-priority-none: var(--color-text-secondary);
  --color-priority-none-tint: var(--color-surface-low);
  --color-warning-subtle: var(--facet-ochre-bg);
  --color-info-subtle: var(--facet-indigo-bg);
  --color-success-subtle: var(--facet-moss-bg);

  /* UI Elements */
  --color-capture-rail: var(--facet-teal);
  --color-capture-rail-actioned: var(--color-primary);
  --color-border-primary: var(--color-primary);
  --color-overlay: rgb(28 28 24 / 0.3);
  --shadow-button-rest: 0 2px 4px var(--color-on-surface-tint);
  --shadow-button-press: inset 0 1px 2px rgb(28 28 24 / 0.08);
  --color-elevated: var(--color-surface-container);
  --color-subtle: var(--color-surface-container);
  --color-accent: var(--color-primary);
  --color-border-subtle: var(--color-border-ghost);
  --color-focus-ring: rgb(172 0 35 / 0.24);
  --color-time-band-overlay: 125 112 104;
  --time-band-night: rgba(var(--color-time-band-overlay), 0);
  --time-band-dawn: rgba(var(--color-time-band-overlay), 0.04);
  --time-band-midday: rgba(var(--color-time-band-overlay), 0.08);
  --time-band-afternoon: rgba(var(--color-time-band-overlay), 0.04);
  --time-band-evening: rgba(var(--color-time-band-overlay), 0);
  --week-card-offset: 5%;
  --week-card-active-scale: 1;
  --week-card-inactive-scale: 0.92;
  --week-card-hover-lift: 2px;
  --color-week-card-active-shadow: rgb(28 28 24 / 0.16);
  --color-week-card-inactive-shadow: rgb(28 28 24 / 0.08);
  --color-day-ruler: rgb(196 186 178);
  --color-day-ruler-tick: var(--color-text-secondary);
  --day-ruler-width: 48px;
  --day-hour-height: 64px;
  --module-card-min-h-s: 12rem;
  --module-card-max-h-s: 20rem;
  --module-card-min-h-m: 18rem;
  --module-card-max-h-m: 28rem;
  --module-card-min-h-l: 24rem;
  --module-card-max-h-l: 40rem;
  --daily-brief-collapsed-height: 12rem;
  --dialog-panel-inline-gap: 1rem;
  --dialog-panel-min-w: 20rem;
  --dialog-panel-max-w: 42rem;
  --dialog-panel-compact-max-w: 25rem;
  --dialog-panel-wide-max-w: 64rem;
  --dialog-panel-expanded-max-w: 96rem;
  --alert-dialog-panel-max-w: 36rem;
  --home-overview-calendar-panel-min-h: 32rem;
  --sidebar-width-expanded: 15.5rem;
  --sidebar-width-collapsed: 3.5rem;
  --sidebar-collapse-duration: 180ms;
  --sidebar-collapse-ease: cubic-bezier(0.2, 0, 0, 1);
  --press-scale: 0.98;
  --press-rotate: -1.2deg;
  --press-translate-y: 2px;
  --press-duration: 80ms;
  --press-ease: cubic-bezier(0.2, 0, 0, 1);
  --hover-duration: 120ms;
  --hover-delay: 40ms;
  --radius-panel: 0.5rem;
  --radius-fold: 0.125rem;
  --radius-control: 0.125rem;
  --sidebar-section-gap: 0.375rem;
  --sidebar-divider-gap: 0.875rem;
  --color-row-hover: rgb(255 255 255 / 0.45);
  --color-row-active: rgb(255 255 255 / 0.7);
  --color-row-rail: var(--color-primary);
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --text-heading-1: 2rem;
  --text-heading-2: 2.25rem;
  --text-heading-3: 1.25rem;
  --text-heading-4: 1rem;
  --text-label-sm: 0.6875rem;
  --text-label-xs: 0.625rem;
  --tracking-heading: -0.02em;
  --tracking-sidebar-kicker: 0.12em;
  --sidebar-flyout-offset: calc(100% + 0.5rem);

  /* Weight scale reference */
  /* 700 — module headings, card titles, column headers, record names */
  /* 500 — labels, field names, chip text, button text, nav items */
  /* 400 — metadata, dates, counts, helper text, placeholder text */
}

@media (prefers-color-scheme: light) {
  :root {
    --color-bg: rgb(252 249 242);
    --color-surface: rgb(252 249 242);
    --color-surface-elevated: rgb(240 238 231);
    --color-surface-low: rgb(246 243 236);
    --color-surface-container: rgb(240 238 231);
    --color-surface-highest: rgb(229 226 219);
    --color-text: rgb(28 28 24);
    --color-text-secondary: rgb(85 72 60);
    --color-muted: rgb(125 112 104);
    --color-primary: rgb(172 0 35);
    --color-primary-container: rgb(210 35 55);
    --color-primary-strong: var(--color-primary-container);
    --color-on-primary: rgb(252 249 242);
    --color-secondary: rgb(130 72 110);
    --color-secondary-strong: rgb(104 52 88);
    --color-on-secondary: var(--color-on-primary);
    --color-border-ghost: rgb(228 189 188 / 0.15);
    --color-border-fold: rgb(172 0 35 / 0.08);
    --color-border-score: rgb(255 255 255 / 0.4);
    --color-border-muted: var(--color-border-fold);
    --color-border-primary: var(--color-primary);
    --color-priority-high: var(--facet-persimmon);
    --color-priority-high-tint: var(--facet-persimmon-bg);
    --color-priority-medium: var(--facet-ochre);
    --color-priority-medium-tint: var(--facet-ochre-bg);
    --color-priority-low: var(--facet-moss);
    --color-priority-low-tint: var(--facet-moss-bg);
    --color-priority-none-tint: var(--color-surface-low);
    --color-warning-subtle: var(--facet-ochre-bg);
    --color-info-subtle: var(--facet-indigo-bg);
    --color-success-subtle: var(--facet-moss-bg);
    --color-focus-ring: rgb(172 0 35 / 0.24);
    --color-on-surface-tint: rgb(28 28 24 / 0.05);
    --shadow-soft: 0 20px 40px var(--color-on-surface-tint);
    --shadow-button-rest: 0 2px 4px var(--color-on-surface-tint);
    --shadow-button-press: inset 0 1px 2px rgb(28 28 24 / 0.08);
    --color-time-band-overlay: 125 112 104;
    --time-band-night: rgba(var(--color-time-band-overlay), 0);
    --time-band-dawn: rgba(var(--color-time-band-overlay), 0.04);
    --time-band-midday: rgba(var(--color-time-band-overlay), 0.08);
    --time-band-afternoon: rgba(var(--color-time-band-overlay), 0.04);
    --time-band-evening: rgba(var(--color-time-band-overlay), 0);
    --color-day-ruler: rgb(196 186 178);
    --color-day-ruler-tick: var(--color-text-secondary);
    --day-ruler-width: 48px;
    --day-hour-height: 64px;
  }
}

@theme {
  --color-bg: var(--color-bg);
  --color-surface: var(--color-surface);
  --color-surface-low: var(--color-surface-low);
  --color-surface-container: var(--color-surface-container);
  --color-surface-highest: var(--color-surface-highest);
  --color-surface-elevated: var(--color-surface-elevated);
  --color-text: var(--color-text);
  --color-text-secondary: var(--color-text-secondary);
  --color-primary: var(--color-primary);
  --color-primary-container: var(--color-primary-container);
  --color-primary-strong: var(--color-primary-strong);
  --color-on-primary: var(--color-on-primary);
  --color-secondary: var(--color-secondary);
  --color-secondary-strong: var(--color-secondary-strong);
  --color-on-secondary: var(--color-on-secondary);
  --color-danger: var(--color-danger);
  --color-priority-high: var(--color-priority-high);
  --color-priority-high-tint: var(--color-priority-high-tint);
  --color-priority-medium: var(--color-priority-medium);
  --color-priority-medium-tint: var(--color-priority-medium-tint);
  --color-priority-low: var(--color-priority-low);
  --color-priority-low-tint: var(--color-priority-low-tint);
  --color-priority-none: var(--color-priority-none);
  --color-priority-none-tint: var(--color-priority-none-tint);
  --color-muted: var(--color-muted);
  --color-info-subtle: var(--color-info-subtle);
  --color-success-subtle: var(--color-success-subtle);
  --color-warning-subtle: var(--color-warning-subtle);
  --color-danger-subtle: var(--color-danger-subtle);
  --color-muted-subtle: var(--color-muted-subtle);
  --color-capture-rail: var(--color-capture-rail);
  --color-capture-rail-actioned: var(--color-capture-rail-actioned);
  --facet-persimmon: var(--facet-persimmon);
  --facet-persimmon-bg: var(--facet-persimmon-bg);
  --facet-plum: var(--facet-plum);
  --facet-plum-bg: var(--facet-plum-bg);
  --facet-indigo: var(--facet-indigo);
  --facet-indigo-bg: var(--facet-indigo-bg);
  --facet-teal: var(--facet-teal);
  --facet-teal-bg: var(--facet-teal-bg);
  --facet-moss: var(--facet-moss);
  --facet-moss-bg: var(--facet-moss-bg);
  --facet-ochre: var(--facet-ochre);
  --facet-ochre-bg: var(--facet-ochre-bg);
  --color-border-ghost: var(--color-border-ghost);
  --color-border-fold: var(--color-border-fold);
  --color-border-score: var(--color-border-score);
  --color-border-muted: var(--color-border-muted);
  --color-border-primary: var(--color-border-primary);
  --color-overlay: var(--color-overlay);
  --color-on-surface-tint: var(--color-on-surface-tint);
  --color-elevated: var(--color-elevated);
  --color-subtle: var(--color-subtle);
  --color-accent: var(--color-accent);
  --color-border-subtle: var(--color-border-subtle);
  --color-focus-ring: var(--color-focus-ring);

  --font-sans: var(--font-body);
  --font-serif: var(--font-heading);
  --font-logo: var(--font-logo);

  --radius-panel: var(--radius-panel);
  --radius-fold: var(--radius-fold);
  --radius-control: var(--radius-control);
  --spacing-3xs: var(--space-3xs);
  --spacing-2xs: var(--space-2xs);
  --spacing-xs: var(--space-xs);
  --spacing-sm: var(--space-sm);
  --spacing-md: var(--space-md);
  --spacing-lg: var(--space-lg);
  --spacing-xl: var(--space-xl);
  --shadow-soft: var(--shadow-soft);
  --shadow-soft-subtle: var(--shadow-soft-subtle);
  --shadow-button-rest: var(--shadow-button-rest);
  --shadow-button-press: var(--shadow-button-press);
  --shadow-ambient: var(--shadow-soft);
  --shadow-wireframe: 0 0 0 1px rgb(255 255 255 / 0.08);
  --shadow-focus-ring: 0 0 0 2px var(--color-focus-ring);
  --background-primary-folded: var(--gradient-primary);
}

@utility cta-primary {
  background: var(--gradient-primary);
  color: var(--color-on-primary);
  border-radius: var(--radius-control);
  box-shadow: 0 2px 4px var(--color-on-surface-tint);
}

@utility ghost-button {
  border: 1px solid var(--color-border-fold);
  border-radius: var(--radius-control);
  box-shadow: inset 0 1px 0 var(--color-border-score);
}

@utility paper-card {
  background-color: var(--color-surface);
  border-radius: var(--radius-control);
  box-shadow:
    var(--shadow-soft-subtle),
    inset 0 1px 0 var(--color-border-score);
}

@utility paper-well {
  background-color: var(--color-surface-highest);
  border-radius: var(--radius-panel);
  box-shadow:
    var(--shadow-soft-subtle),
    inset 0 1px 0 var(--color-border-score);
}

@utility module-sheet {
  background-color: var(--color-surface-container);
  border-radius: var(--radius-panel);
  box-shadow:
    var(--shadow-soft-subtle),
    inset 0 1px 0 var(--color-border-score);
}

@utility module-sheet-raised {
  background-color: var(--color-surface);
  border-radius: var(--radius-panel);
  box-shadow:
    var(--shadow-soft-subtle),
    inset 0 1px 0 var(--color-border-score);
}

@utility module-toolbar {
  background-color: var(--color-surface-low);
  border-radius: var(--radius-control);
  box-shadow: inset 0 1px 0 var(--color-border-score);
}

@utility module-rule {
  border-top: 1px solid var(--color-border-fold);
  box-shadow: inset 0 1px 0 var(--color-border-score);
}

@utility module-dropzone {
  background-color: var(--color-surface-low);
  border: 1px dashed var(--color-border-fold);
  border-radius: var(--radius-control);
  box-shadow: inset 0 1px 0 var(--color-border-score);
}

@utility card-folded {
  border: 1px solid var(--color-border-fold);
  border-radius: var(--radius-fold);
  box-shadow:
    var(--shadow-soft),
    inset 1px 1px 0 var(--color-border-score);
}

@utility section-scored {
  border-top: 1px solid var(--color-border-fold);
  box-shadow:
    var(--shadow-soft),
    inset 0 1px 0 var(--color-border-score);
}

@utility sidebar-fold {
  border-right: 1.5px solid var(--color-border-fold);
  background-color: var(--color-surface-low);
}

@utility sidebar-section {
  display: flex;
  flex-direction: column;
  gap: var(--sidebar-section-gap);
}

@utility sidebar-divider {
  margin-top: var(--sidebar-divider-gap);
  padding-top: var(--sidebar-divider-gap);
  border-top: 1px solid var(--color-border-fold);
  box-shadow: inset 0 1px 0 var(--color-border-score);
}

@utility sidebar-row {
  display: flex;
  min-height: 2.75rem;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
  border-radius: var(--radius-control);
  color: var(--color-text);
  transition:
    background-color var(--hover-duration) var(--press-ease),
    color var(--hover-duration) var(--press-ease),
    transform var(--press-duration) var(--press-ease);
}

@utility sidebar-row-button {
  border: 1px solid var(--color-border-fold);
  background-color: var(--color-surface);
  box-shadow: inset 0 1px 0 var(--color-border-score);
}

@utility sidebar-row-active {
  background-color: var(--color-row-active);
  color: var(--color-text);
  box-shadow:
    inset 2px 0 0 var(--color-row-rail),
    inset 0 1px 0 var(--color-border-score);
}

@utility section-stack {
  background-color: var(--color-surface-low);
  border: none;
}

@utility facet-chip {
  border-radius: var(--radius-control);
  padding: 0.125rem 0.5rem;
  font-family: var(--font-body);
  font-weight: 500;
  font-size: var(--text-label-xs);
}

@utility facet-persimmon {
  background: var(--facet-persimmon-bg);
  color: var(--facet-persimmon);
}

@utility facet-plum {
  background: var(--facet-plum-bg);
  color: var(--facet-plum);
}

@utility facet-indigo {
  background: var(--facet-indigo-bg);
  color: var(--facet-indigo);
}

@utility facet-teal {
  background: var(--facet-teal-bg);
  color: var(--facet-teal);
}

@utility facet-moss {
  background: var(--facet-moss-bg);
  color: var(--facet-moss);
}

@utility facet-ochre {
  background: var(--facet-ochre-bg);
  color: var(--facet-ochre);
}

@utility heading-1 {
  font-family: var(--font-heading);
  font-size: var(--text-heading-1);
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: var(--tracking-heading);
}

@utility module-card-s {
  min-height: var(--module-card-min-h-s);
  max-height: var(--module-card-max-h-s);
}

@utility module-card-m {
  min-height: var(--module-card-min-h-m);
  max-height: var(--module-card-max-h-m);
}

@utility module-card-l {
  min-height: var(--module-card-min-h-l);
  max-height: var(--module-card-max-h-l);
}

@utility module-accent-tasks {
  border-left-width: 3px;
  border-left-color: var(--facet-persimmon);
}

@utility module-accent-calendar {
  border-left-width: 3px;
  border-left-color: var(--facet-indigo);
}

@utility module-accent-notes {
  border-left-width: 3px;
  border-left-color: var(--facet-plum);
}

@utility module-accent-stream {
  border-left-width: 3px;
  border-left-color: var(--facet-teal);
}

@utility module-accent-files {
  border-left-width: 3px;
  border-left-color: var(--facet-ochre);
}

@utility module-accent-reminders {
  border-left-width: 3px;
  border-left-color: var(--facet-moss);
}

@utility dialog-panel-size {
  width: min(calc(100vw - (var(--dialog-panel-inline-gap) * 2)), var(--dialog-panel-max-w));
  min-width: min(var(--dialog-panel-min-w), calc(100vw - (var(--dialog-panel-inline-gap) * 2)));
  max-width: var(--dialog-panel-max-w);
}

@utility dialog-panel-compact-size {
  width: min(calc(100vw - (var(--dialog-panel-inline-gap) * 2)), var(--dialog-panel-compact-max-w));
  min-width: min(var(--dialog-panel-min-w), calc(100vw - (var(--dialog-panel-inline-gap) * 2)));
  max-width: var(--dialog-panel-compact-max-w);
}

@utility dialog-panel-wide-size {
  width: min(96vw, var(--dialog-panel-wide-max-w));
  max-width: var(--dialog-panel-wide-max-w);
}

@utility dialog-panel-expanded-size {
  width: min(96vw, var(--dialog-panel-expanded-max-w));
  max-width: var(--dialog-panel-expanded-max-w);
}

@utility dialog-panel-sheet-size {
  width: min(92vw, var(--dialog-panel-max-w));
  max-width: min(92vw, var(--dialog-panel-max-w));
}

@utility alert-dialog-panel-size {
  width: min(calc(100vw - (var(--dialog-panel-inline-gap) * 2)), var(--alert-dialog-panel-max-w));
  min-width: min(var(--dialog-panel-min-w), calc(100vw - (var(--dialog-panel-inline-gap) * 2)));
  max-width: var(--alert-dialog-panel-max-w);
}

@utility home-overview-calendar-panel-min-h {
  min-height: var(--home-overview-calendar-panel-min-h);
}

.interactive {
  transition:
    transform var(--press-duration) var(--press-ease),
    background-color var(--hover-duration) var(--press-ease);
  transition-delay: 0ms, var(--hover-delay);
  will-change: transform;
}

.interactive:hover,
.interactive:focus-visible {
  transition-delay: 0ms;
}

.interactive:active {
  transform: scale(var(--press-scale));
  transition-delay: 0ms, 0ms;
}

.interactive-subtle {
  --press-scale: 0.98;
}

.interactive-strong {
  --press-scale: 0.94;
}

.interactive-fold {
  box-shadow: var(--shadow-button-rest);
  transition:
    transform var(--press-duration) var(--press-ease),
    box-shadow var(--press-duration) var(--press-ease),
    background-color var(--hover-duration) var(--press-ease);
  transition-delay: 0ms, 0ms, var(--hover-delay);
}

.interactive-fold:hover,
.interactive-fold:focus-visible {
  transition-delay: 0ms, 0ms, 0ms;
}

.interactive-fold:active {
  transform: scale(var(--press-scale)) rotate(var(--press-rotate)) translateY(var(--press-translate-y));
  box-shadow: var(--shadow-button-press);
  transition-delay: 0ms, 0ms, 0ms;
}

@media (prefers-reduced-motion: reduce) {
  .interactive {
    transition: background-color var(--hover-duration) var(--press-ease);
  }

  .interactive:active {
    transform: none;
  }

  .interactive-fold {
    transition:
      transform var(--press-duration) var(--press-ease),
      box-shadow var(--press-duration) var(--press-ease),
      background-color var(--hover-duration) var(--press-ease);
    transition-delay: 0ms, 0ms, var(--hover-delay);
  }

  .interactive-fold:active {
    transform: scale(var(--press-scale));
  }
}

@utility sidebar-shell-expanded {
  width: var(--sidebar-width-expanded);
  min-width: var(--sidebar-width-expanded);
}

@utility sidebar-shell-collapsed {
  width: var(--sidebar-width-collapsed);
  min-width: var(--sidebar-width-collapsed);
}

@utility sidebar-shell-transition {
  transition:
    width var(--sidebar-collapse-duration) var(--sidebar-collapse-ease),
    background-color var(--hover-duration) var(--press-ease);
}

@utility sidebar-flyout-offset {
  top: var(--sidebar-flyout-offset);
}

@utility sidebar-flyout-above {
  bottom: var(--sidebar-flyout-offset);
}

@utility heading-2 {
  font-family: var(--font-heading);
  font-size: var(--text-heading-2);
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: var(--tracking-heading);
}

@utility text-label-sm {
  font-size: var(--text-label-sm);
  line-height: 1rem;
}

@utility text-label-xs {
  font-size: var(--text-label-xs);
  line-height: 0.875rem;
}

@utility tracking-sidebar-kicker {
  letter-spacing: var(--tracking-sidebar-kicker);
}

@utility heading-3 {
  font-family: var(--font-heading);
  font-size: var(--text-heading-3);
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: var(--tracking-heading);
}

@utility heading-4 {
  font-family: var(--font-heading);
  font-size: var(--text-heading-4);
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: var(--tracking-heading);
}

.facets-wordmark {
  display: inline-block;
}

.facets-wordmark-text {
  font-family: var(--font-logo);
  font-size: 42px;
  font-style: italic;
  font-weight: 600;
  letter-spacing: -0.06em;
}

.inspector-placeholder {
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 299;
  opacity: 0;
}