/* vendor/ubm-ui-components/src/styles/foundation.css */
:root {
  --font-family:DM Sans,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  --font-scale:1;
  --radius:28px;
  --touch-target:44px;
  --button-weight:600;
  --button-gap:8px;
  --button-disabled-opacity:0.48;
  --button-border-width:1px;
  --button-focus-width:3px;
  --button-focus-offset:3px;
  --button-line-height:1.35;
  --button-active-brightness:0.92;
  --button-spinner-stroke:2px;
  --button-pill-radius:999px;
  --button-xs-height:28px;
  --button-xs-font:12px;
  --button-xs-icon:14px;
  --button-xs-padding:8px;
  --button-xs-paddingBlock:4px;
  --button-sm-height:36px;
  --button-sm-font:13px;
  --button-sm-icon:16px;
  --button-sm-padding:12px;
  --button-sm-paddingBlock:6px;
  --button-md-height:44px;
  --button-md-font:14px;
  --button-md-icon:16px;
  --button-md-padding:16px;
  --button-md-paddingBlock:6px;
  --button-lg-height:50px;
  --button-lg-font:15px;
  --button-lg-icon:18px;
  --button-lg-padding:20px;
  --button-lg-paddingBlock:6px;
  --button-xl-height:56px;
  --button-xl-font:16px;
  --button-xl-icon:20px;
  --button-xl-padding:24px;
  --button-xl-paddingBlock:6px;
  --duration-instant:0.12s;
  --duration-fast:0.16s;
  --duration-exit:0.18s;
  --duration-standard:0.24s;
  --duration-considered:0.48s;
  --duration-spinner:0.7s;
  --duration-themeReveal:0.6s;
  --ease-enter:cubic-bezier(0.16,1,0.3,1);
  --ease-exit:cubic-bezier(0.7,0,0.84,0);
  --ease-standard:cubic-bezier(0.22,1,0.36,1);
  --ease-inOut:cubic-bezier(0.65,0,0.35,1);
  --ease-themeReveal:cubic-bezier(0.22,1,0.36,1);
  --input-xs-height:28px;
  --input-xs-padding:8px;
  --input-xs-font:12px;
  --input-sm-height:36px;
  --input-sm-padding:12px;
  --input-sm-font:13px;
  --input-md-height:44px;
  --input-md-padding:16px;
  --input-md-font:14px;
  --input-lg-height:50px;
  --input-lg-padding:20px;
  --input-lg-font:15px;
  --input-xl-height:56px;
  --input-xl-padding:24px;
  --input-xl-font:16px;
  --input-focus-color:var(--accent);
  --canvas:#f8fafc;
  --panel:#ffffff;
  --ink:#0f172a;
  --muted:#475569;
  --border:#cbd5e1;
  --subtle:#e2e8f0;
  --accent:#2563eb;
  --accent-hover:#1d4ed8;
  --on-accent:#ffffff;
  --accent-soft:#eff6ff;
  --danger:#b91c1c;
  --danger-soft:#fef2f2;
  --focus:#2563eb;
  --success:#15803d;
  --warning:#b45309;
}
:root,
.lab {
  --arc-accent:var(--accent);
  --arc-accent-foreground:var(--on-accent);
  --arc-accent-strong:var(--accent-hover);
  --arc-background:var(--panel);
  --arc-border:var(--border);
  --arc-border-strong:var(--border);
  --arc-border-subtle:var(--border);
  --arc-control-on:var(--accent);
  --arc-danger:var(--danger);
  --arc-focus-ring:var(--focus);
  --arc-font-body:var(--font-family);
  --arc-foreground:var(--ink);
  --arc-radius-control:var(--radius);
  --arc-radius-panel:var(--radius);
  --arc-radius-pill:var(--radius);
  --arc-success:var(--success);
  --arc-surface:var(--panel);
  --arc-surface-muted:var(--subtle);
  --arc-surface-raised:var(--panel);
  --arc-text-muted:var(--muted);
  --arc-text-secondary:var(--muted);
  --arc-control-height-sm:var(--button-sm-height);
  --arc-control-height-md:var(--button-md-height);
  --arc-control-height-lg:var(--button-lg-height);
  --arc-duration-instant:var(--duration-instant);
  --arc-duration-fast:var(--duration-fast);
  --arc-duration-standard:var(--duration-standard);
  --arc-ease-enter:var(--ease-enter);
  --arc-ease-standard:var(--ease-standard);
  --arc-ease-in-out:var(--ease-inOut);
  --arc-ease-spring:var(--ease-standard);
  --arc-duration-spring:var(--duration-considered);
  --arc-leading-body:var(--button-line-height);
  --arc-tracking-body:-.01em;
  --arc-text-xs:calc(var(--button-xs-font) * var(--font-scale));
  --arc-text-sm:calc(var(--button-md-font) * var(--font-scale));
  --arc-shadow-resting:0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent);
  --arc-shadow-raised:0 6px 18px color-mix(in srgb, var(--ink) 10%, transparent);
  --arc-shadow-floating:0 20px 48px color-mix(in srgb, var(--ink) 14%, transparent);
  --arc-space-1:0.25rem;
  --arc-space-2:0.5rem;
  --arc-space-3:0.75rem;
  --arc-space-4:1.0rem;
  --arc-space-5:1.25rem;
  --arc-accent-subtle:var(--accent-soft);
  --arc-duration-considered:var(--duration-considered);
  --arc-font-display:var(--font-family);
  --arc-space-6:24px;
  --arc-space-8:32px;
  --arc-text-2xl:24px;
  --arc-text-3xl:calc(36px * var(--font-scale));
  --arc-text-base:16px;
  --arc-text-lg:18px;
  --arc-text-xl:20px;
  --arc-tracking-display:-.02em;
  --arc-warning:var(--warning);
  --arc-menu-group-size:11px;
  --arc-menu-group-weight:500;
  --arc-menu-group-color:var(--muted);
  --arc-menu-group-tracking:.09em;
  --arc-menu-group-gap:12px;
  --arc-control-glyph:var(--on-accent);
  --arc-control-track:var(--subtle);
  --arc-control-track-hover:color-mix(in srgb, var(--ink) 22%, var(--panel));
  --arc-control-thumb:var(--panel);
  --arc-control-thumb-on:var(--on-accent);
  --arc-control-thumb-shadow:0 1px 3px color-mix(in srgb, var(--ink) 16%, transparent);
  --arc-control-fill:var(--accent);
  --arc-nav-row-height:40px;
  --arc-nav-icon-size:18px;
  --arc-dialog-compact:400px;
  --arc-dialog-default:520px;
  --arc-dialog-wide:720px;
  --arc-dialog-padding:28px;
  --arc-dialog-title-size:calc(20px * var(--font-scale));
  --arc-dialog-description-size:calc(13px * var(--font-scale));
  --arc-dialog-description-color:var(--muted);
  --arc-dialog-section-gap:24px;
  --arc-input-border-hover:color-mix(in srgb, var(--border) 70%, var(--muted));
  --arc-text-4xl:calc(36px * var(--font-scale));
  --arc-text-5xl:calc(48px * var(--font-scale));
  --arc-leading-display:1.1;
  --identity-avatar-radius:50%;
  --identity-avatar-sm:28px;
  --identity-avatar-md:36px;
  --identity-avatar-lg:48px;
  --identity-avatar-xl:88px;
  --arc-overlay-background:oklch(10% 0 0 / .46);
  --arc-overlay-blur:7px;
  --arc-radius-surface:var(--radius);
  --arc-space-12:48px;
  --arc-font-mono:ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    monospace;
  --arc-ease-exit:var(--ease-exit);
  --arc-gradient-from:var(--accent-soft);
  --arc-gradient-to:var(--arc-series-2);
  --arc-focus-width:1px;
  --arc-focus-offset:2px;
  --arc-space-10:2.5rem;
  --arc-space-16:4.0rem;
  --arc-space-20:5.0rem;
  --arc-space-24:6.0rem;
}
[data-theme=dark] {
  --canvas:#0b1120;
  --panel:#141e30;
  --ink:#f1f5f9;
  --muted:#cbd5e1;
  --border:#475569;
  --subtle:#25324a;
  --accent:#93c5fd;
  --accent-hover:#bfdbfe;
  --on-accent:#102341;
  --accent-soft:#172b4b;
  --danger:#fca5a5;
  --danger-soft:#3b1923;
  --focus:#93c5fd;
  --success:#86efac;
  --warning:#fcd34d;
}
:root,
.lab {
  --arc-series-1:var(--arc-accent);
  --arc-series-2:#7128a5;
  --arc-series-3:#e58f00;
  --arc-series-4:#009e84;
}
@supports (color:oklch(from white l c h)) {
  :root,
  .lab {
    --arc-series-1:oklch(from var(--arc-accent) calc(l * sign(max(c - .02, 0)) + .58 * (1 - sign(max(c - .02, 0)))) calc(c * sign(max(c - .02, 0)) + .15 * (1 - sign(max(c - .02, 0)))) calc(h * sign(max(c - .02, 0)) + 250 * (1 - sign(max(c - .02, 0)))));
    --arc-series-2:oklch(from var(--arc-accent) clamp(.45, l * sign(max(c - .02, 0)) + .58 * (1 - sign(max(c - .02, 0))) - 0.25, .76) .19 calc(h * sign(max(c - .02, 0)) + 250 * (1 - sign(max(c - .02, 0))) + 57));
    --arc-series-3:oklch(from var(--arc-accent) clamp(.45, l * sign(max(c - .02, 0)) + .58 * (1 - sign(max(c - .02, 0))) + 0.14, .76) .18 calc(h * sign(max(c - .02, 0)) + 250 * (1 - sign(max(c - .02, 0))) + 184));
    --arc-series-4:oklch(from var(--arc-accent) clamp(.45, l * sign(max(c - .02, 0)) + .58 * (1 - sign(max(c - .02, 0))), .76) .21 calc(h * sign(max(c - .02, 0)) + 250 * (1 - sign(max(c - .02, 0))) + 292));
  }
  [data-theme=dark] {
    --arc-series-1:oklch(from var(--arc-accent) calc(l * sign(max(c - .02, 0)) + .73 * (1 - sign(max(c - .02, 0)))) calc(c * sign(max(c - .02, 0)) + .15 * (1 - sign(max(c - .02, 0)))) calc(h * sign(max(c - .02, 0)) + 250 * (1 - sign(max(c - .02, 0)))));
    --arc-series-2:oklch(from var(--arc-accent) clamp(.485, l * sign(max(c - .02, 0)) + .73 * (1 - sign(max(c - .02, 0))) - 0.19, .665) .21 calc(h * sign(max(c - .02, 0)) + 250 * (1 - sign(max(c - .02, 0))) + 66));
    --arc-series-3:oklch(from var(--arc-accent) clamp(.485, l * sign(max(c - .02, 0)) + .73 * (1 - sign(max(c - .02, 0))) + 0.02, .665) .21 calc(h * sign(max(c - .02, 0)) + 250 * (1 - sign(max(c - .02, 0))) + 175));
    --arc-series-4:oklch(from var(--arc-accent) clamp(.485, l * sign(max(c - .02, 0)) + .73 * (1 - sign(max(c - .02, 0))) - 0.1, .665) .18 calc(h * sign(max(c - .02, 0)) + 250 * (1 - sign(max(c - .02, 0))) + 270));
  }
}

/* vendor/ubm-ui-components/src/components/calendar/calendar.module.css */
.calendar_calendar {
  margin: 0;
  width: min(100%, 328px);
  min-width: 0;
  color: var(--arc-foreground);
}
.calendar_header {
  container-type: inline-size;
  display: grid;
  min-height: 34px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 4px 12px;
  margin-bottom: 14px;
}
@container (max-width: 259px) {
  .calendar_heading,
  .calendar_navigation {
    grid-column: 1 / -1;
  }
  .calendar_navigation {
    justify-self: end;
  }
}
.calendar_heading {
  min-width: 0;
  margin: 0;
  font-family: var(--arc-font-body);
  font-size: var(--arc-text-base);
  font-weight: 500;
  line-height: var(--arc-leading-body);
  letter-spacing: var(--arc-tracking-body);
}
.calendar_title {
  display: grid;
  line-height: var(--arc-leading-body);
}
.calendar_title > .calendar_titleRow {
  grid-area: 1 / 1;
  justify-self: start;
}
.calendar_titleRow {
  display: inline-block;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.calendar_srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.calendar_navigation {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 2px;
  margin-right: -6px;
}
.calendar_navButton,
.calendar_todayButton {
  display: grid;
  height: 32px;
  place-items: center;
  border: 0;
  border-radius: var(--arc-radius-pill);
  background: transparent;
  color: var(--arc-text-secondary);
  font: inherit;
  cursor: pointer;
  transition:
    background-color var(--arc-duration-fast) var(--arc-ease-standard),
    color var(--arc-duration-fast) var(--arc-ease-standard),
    opacity var(--arc-duration-fast) var(--arc-ease-standard),
    scale var(--arc-duration-spring) var(--arc-ease-spring);
}
.calendar_navButton {
  width: 32px;
}
.calendar_todayButton {
  padding: 0 11px;
  font-size: var(--arc-text-sm);
  font-weight: 500;
  line-height: 1;
}
@media (hover: hover) and (pointer: fine) {
  .calendar_navButton:hover:not([aria-disabled]),
  .calendar_todayButton:hover:not([aria-disabled]) {
    background: var(--arc-surface-muted);
    color: var(--arc-foreground);
  }
}
.calendar_navButton:active:not([aria-disabled]),
.calendar_todayButton:active:not([aria-disabled]) {
  scale: .96;
  transition-duration:
    var(--arc-duration-fast),
    var(--arc-duration-fast),
    var(--arc-duration-fast),
    100ms;
  transition-timing-function: var(--arc-ease-standard);
}
.calendar_navButton[aria-disabled],
.calendar_todayButton[aria-disabled] {
  cursor: default;
  opacity: .36;
}
.calendar_weekdays,
.calendar_week {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  column-gap: 4px;
}
.calendar_weekdays {
  margin-bottom: 6px;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
.calendar_weekdays span {
  min-width: 0;
  overflow: hidden;
}
.calendar_monthViewport {
  position: relative;
  display: grid;
  overflow: hidden;
  contain: paint;
}
.calendar_monthBody {
  position: relative;
  grid-area: 1 / 1;
  min-width: 0;
  will-change: transform;
}
.calendar_monthBody[inert] {
  pointer-events: none;
}
.calendar_grid {
  display: grid;
  row-gap: 4px;
}
.calendar_placeholderDay {
  aspect-ratio: 1;
}
.calendar_day {
  position: relative;
  display: grid;
  width: 100%;
  aspect-ratio: 1;
  min-width: 0;
  place-items: center;
  border: 0;
  border-radius: 50%;
  padding: 0;
  background: transparent;
  color: var(--arc-foreground);
  font: inherit;
  font-size: var(--arc-text-sm);
  font-weight: 400;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: color var(--arc-duration-fast) var(--arc-ease-standard) var(--number-delay, 0ms);
}
.calendar_day::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: transparent;
  transition: background-color var(--arc-duration-fast) var(--arc-ease-standard), scale var(--arc-duration-spring) var(--arc-ease-spring);
}
.calendar_dayNumber {
  position: relative;
  transition: opacity var(--arc-duration-fast) var(--arc-ease-standard) var(--number-delay, 0ms), scale var(--arc-duration-spring) var(--arc-ease-spring);
}
.calendar_highlight {
  position: absolute;
  top: 0;
  left: 0;
  width: calc((100% - 24px) / 7);
  aspect-ratio: 1;
  pointer-events: none;
  will-change: transform;
}
.calendar_highlightFill {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--arc-accent);
  transition: background-color var(--arc-duration-fast) var(--arc-ease-standard), scale var(--arc-duration-spring) var(--arc-ease-spring);
}
@media (hover: hover) and (pointer: fine) {
  .calendar_day:hover:not(:disabled):not(.calendar_selected)::before {
    background: var(--arc-surface-muted);
  }
  .calendar_monthBody:has(.calendar_day.calendar_selected:hover) .calendar_highlightFill {
    background: var(--arc-accent-strong);
  }
}
.calendar_day:active:not(:disabled)::before,
.calendar_day:active:not(:disabled) .calendar_dayNumber,
.calendar_monthBody:has(.calendar_day.calendar_selected:active:not(:disabled)) .calendar_highlightFill {
  scale: .94;
  transition-duration: var(--arc-duration-fast), 100ms;
  transition-timing-function: var(--arc-ease-standard);
}
.calendar_day.calendar_outside {
  color: var(--arc-text-muted);
}
.calendar_day.calendar_outside:not(.calendar_selected) .calendar_dayNumber {
  opacity: .8;
}
.calendar_day.calendar_today .calendar_dayNumber::after {
  content: "";
  position: absolute;
  top: calc(100% + 4px);
  left: 50%;
  width: 4px;
  height: 4px;
  margin-left: -2px;
  border-radius: 50%;
  background: currentColor;
}
.calendar_day.calendar_selected,
.calendar_day.calendar_today {
  font-weight: 500;
}
.calendar_day.calendar_selected {
  color: var(--arc-accent-foreground);
}
.calendar_day:disabled {
  cursor: default;
  color: var(--arc-text-muted);
}
.calendar_day:disabled .calendar_dayNumber {
  opacity: .42;
}
.calendar_day.calendar_outside:disabled .calendar_dayNumber {
  opacity: .3;
}
@media (prefers-reduced-motion: reduce) {
  .calendar_navButton,
  .calendar_todayButton,
  .calendar_day,
  .calendar_day::before,
  .calendar_dayNumber,
  .calendar_highlightFill {
    transition: none;
  }
  .calendar_navButton:active,
  .calendar_todayButton:active,
  .calendar_day:active::before,
  .calendar_monthBody:has(.calendar_day.calendar_selected:active) .calendar_highlightFill,
  .calendar_day:active .calendar_dayNumber {
    scale: none;
  }
}
[data-motion=reduced] .calendar_navButton,
[data-motion=reduced] .calendar_todayButton,
[data-motion=reduced] .calendar_day,
[data-motion=reduced] .calendar_day::before,
[data-motion=reduced] .calendar_dayNumber,
[data-motion=reduced] .calendar_highlightFill {
  transition: none;
}
[data-motion=reduced] .calendar_navButton:active,
[data-motion=reduced] .calendar_todayButton:active,
[data-motion=reduced] .calendar_day:active::before,
[data-motion=reduced] .calendar_monthBody:has(.calendar_day.calendar_selected:active) .calendar_highlightFill,
[data-motion=reduced] .calendar_day:active .calendar_dayNumber {
  scale: none;
}
@media (pointer: coarse) {
  .calendar_calendar {
    margin: 0;
    width: min(100%, 332px);
  }
  .calendar_navButton {
    width: 44px;
    height: 44px;
  }
  .calendar_todayButton {
    min-height: 44px;
  }
  .calendar_day,
  .calendar_placeholderDay,
  .calendar_highlight {
    min-height: 44px;
  }
  .calendar_day::before,
  .calendar_highlightFill {
    top: 50%;
    bottom: auto;
    aspect-ratio: 1;
    transform: translateY(-50%);
  }
}
.calendar_calendar {
  font-family: var(--arc-font-body);
  line-height: var(--arc-leading-body);
}
.calendar_header {
  padding: 0;
  max-width: none;
  margin: 0 0 14px;
}
.calendar_day:focus-visible,
.calendar_navButton:focus-visible,
.calendar_todayButton:focus-visible {
  outline: 1px solid var(--arc-control-on);
  outline-offset: -1px;
}

/* vendor/ubm-ui-components/src/components/date-picker/date-picker.module.css */
.date_picker_field {
  display: grid;
  gap: 7px;
  min-width: 0;
}
.date_picker_label {
  color: var(--arc-foreground);
  font-size: var(--arc-text-sm);
  font-weight: 500;
  line-height: var(--arc-leading-body);
}
.date_picker_anchor {
  position: relative;
  min-width: 0;
}
.date_picker_trigger {
  position: relative;
  display: flex;
  width: 100%;
  min-height: var(--arc-control-height-md);
  align-items: center;
  gap: 9px;
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-control);
  padding: 0 12px;
  background: var(--arc-surface);
  color: var(--arc-foreground);
  font: inherit;
  font-size: var(--arc-text-sm);
  text-align: left;
  cursor: pointer;
  transition:
    border-color var(--arc-duration-fast) var(--arc-ease-standard),
    background var(--arc-duration-fast) var(--arc-ease-standard),
    box-shadow var(--arc-duration-fast) var(--arc-ease-standard);
}
@media (hover: hover) and (pointer: fine) {
  .date_picker_trigger:hover:not(:disabled) {
    border-color: var(--arc-border-strong);
    background: var(--arc-surface-muted);
  }
}
.date_picker_trigger:active:not(:disabled),
.date_picker_trigger[aria-expanded=true] {
  border-color: var(--arc-border-strong);
  background: var(--arc-surface-muted);
}
.date_picker_trigger:disabled {
  cursor: not-allowed;
  opacity: .5;
}
.date_picker_trigger > svg:first-child {
  flex: 0 0 auto;
  color: var(--arc-text-muted);
}
.date_picker_valueText {
  position: relative;
  display: flex;
  flex: 1;
  min-width: 0;
}
.date_picker_value,
.date_picker_part {
  position: relative;
  display: inline-flex;
  white-space: pre;
}
.date_picker_value {
  font-variant-numeric: tabular-nums;
}
.date_picker_partValue {
  display: inline-block;
  white-space: pre;
}
.date_picker_placeholder {
  min-width: 0;
  overflow: hidden;
  color: var(--arc-text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.date_picker_srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.date_picker_chevron {
  flex: 0 0 auto;
  color: var(--arc-text-muted);
  transition: transform var(--arc-duration-spring) var(--arc-ease-spring);
}
.date_picker_trigger[aria-expanded=true] .date_picker_chevron {
  transform: rotate(180deg);
}
.date_picker_popover {
  position: absolute;
  z-index: 20;
  top: calc(100% + 8px);
  left: 0;
  width: min(320px, calc(100vw - 32px));
  overflow: hidden;
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-panel);
  padding: 16px;
  background: var(--arc-surface-raised);
  box-shadow: var(--arc-shadow-floating);
  transform-origin: 22px -8px;
  will-change: transform, opacity;
}
@media (max-width: 360px) {
  .date_picker_popover {
    right: 0;
    width: auto;
    padding: 12px;
  }
}
.date_picker_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 14px;
  border-top: 1px solid var(--arc-border-subtle);
  padding-top: 11px;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
}
.date_picker_status {
  display: grid;
  min-width: 0;
  justify-items: end;
}
.date_picker_status > span {
  grid-area: 1 / 1;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.date_picker_footer button {
  border: 0;
  border-radius: var(--arc-radius-control);
  padding: 4px 8px;
  background: transparent;
  color: var(--arc-text-secondary);
  font: inherit;
  cursor: pointer;
  transition:
    background-color var(--arc-duration-fast) var(--arc-ease-standard),
    color var(--arc-duration-fast) var(--arc-ease-standard),
    transform var(--arc-duration-spring) var(--arc-ease-spring);
}
@media (hover: hover) and (pointer: fine) {
  .date_picker_footer button:hover:not(:disabled) {
    background: var(--arc-surface-muted);
    color: var(--arc-foreground);
  }
}
.date_picker_footer button:active:not(:disabled) {
  transform: scale(.97);
  transition-duration:
    var(--arc-duration-fast),
    var(--arc-duration-fast),
    100ms;
  transition-timing-function: var(--arc-ease-standard);
}
.date_picker_footer button:disabled {
  cursor: not-allowed;
  opacity: .4;
}
.date_picker_description {
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  line-height: var(--arc-leading-body);
  transition: opacity var(--arc-duration-fast) var(--arc-ease-standard);
}
.date_picker_anchor:has(.date_picker_popover) + .date_picker_description {
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  .date_picker_trigger,
  .date_picker_chevron,
  .date_picker_footer button,
  .date_picker_description {
    transition: none;
  }
  .date_picker_footer button:active:not(:disabled) {
    transform: none;
  }
}
[data-motion=reduced] .date_picker_trigger,
[data-motion=reduced] .date_picker_chevron,
[data-motion=reduced] .date_picker_footer button,
[data-motion=reduced] .date_picker_description {
  transition: none;
}
[data-motion=reduced] .date_picker_footer button:active:not(:disabled) {
  transform: none;
}
.date_picker_field,
.date_picker_popover {
  font-family: var(--arc-font-body);
  line-height: var(--arc-leading-body);
}
.date_picker_label {
  display: block;
  margin: 0;
}
.date_picker_trigger:focus-visible,
.date_picker_trigger[aria-expanded=true] {
  outline: none;
  border-color: var(--arc-control-on);
}
.date_picker_footer {
  padding: 11px 0 0;
  margin: 14px 0 0;
  grid-template-columns: none;
}
.date_picker_footer button:focus-visible {
  outline: 1px solid var(--arc-control-on);
  outline-offset: 0;
}

/* vendor/ubm-ui-components/src/components/popover/popover.module.css */
.popover_anchor:active:not(:disabled) {
  transform: none;
}
.popover_content {
  --popover-x: 0px;
  --popover-y: -5px;
  z-index: 80;
  min-width: 12rem;
  max-width: min(22rem, calc(100vw - 20px));
  padding: 1rem;
  border: 1px solid var(--arc-border);
  border-radius: var(--radius);
  color: var(--arc-foreground);
  box-shadow: var(--arc-shadow-floating);
  transform-origin: var(--radix-popover-content-transform-origin);
  transition: opacity var(--arc-duration-fast) var(--arc-ease-enter), transform var(--arc-duration-spring) var(--arc-ease-spring);
}
.popover_content[data-side=top] {
  --popover-y: 5px;
}
.popover_content[data-side=left] {
  --popover-x: 5px;
  --popover-y: 0px;
}
.popover_content[data-side=right] {
  --popover-x: -5px;
  --popover-y: 0px;
}
@starting-style {
  .popover_content[data-state=open] {
    opacity: 0;
    transform: translate(var(--popover-x), var(--popover-y)) scale(.97);
  }
}
.popover_content[data-state=closed] {
  opacity: 0;
  transform: translate(calc(var(--popover-x) * .5), calc(var(--popover-y) * .5)) scale(.98);
  transition: opacity var(--arc-duration-fast) var(--arc-ease-standard), transform var(--arc-duration-fast) var(--arc-ease-standard);
  animation: popover_popover-exit var(--arc-duration-fast) linear both;
  pointer-events: none;
}
.popover_content:focus {
  outline: none;
}
.popover_content,
.popover_arrow {
  background: var(--arc-surface-raised);
}
.popover_arrow {
  display: block;
}
@keyframes popover_popover-exit {
  to {
    --popover-exit: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .popover_content,
  .popover_content[data-state=closed] {
    transform: none;
    transition: opacity var(--arc-duration-instant) var(--arc-ease-standard);
  }
}
[data-motion=reduced] .popover_content,
.popover_content[data-motion=reduced],
[data-motion=reduced] .popover_content[data-state=closed],
.popover_content[data-state=closed][data-motion=reduced] {
  transform: none;
  transition: opacity var(--arc-duration-instant) var(--arc-ease-standard);
}
.popover_content {
  font-family: var(--font-family);
  font-size: var(--arc-text-sm);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: var(--arc-tracking-body);
}

/* vendor/ubm-ui-components/src/components/badge/badge.module.css */
.badge_badge {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  border: 1px solid var(--badge-border, var(--arc-border));
  border-radius: var(--arc-radius-pill);
  padding: 0 10px;
  color: var(--badge-foreground, var(--arc-foreground));
  background: var(--badge-background, var(--arc-surface));
  font-size: var(--arc-text-xs);
  font-weight: 500;
  letter-spacing: -.01em;
  line-height: 1;
  white-space: nowrap;
  overflow: clip;
  transition:
    border-color var(--arc-duration-standard) var(--arc-ease-standard),
    background-color var(--arc-duration-standard) var(--arc-ease-standard),
    color var(--arc-duration-standard) var(--arc-ease-standard);
}
@media (hover: hover) and (pointer: fine) {
  .badge_badge:hover {
    border-color: color-mix(in oklab, var(--badge-color, var(--arc-foreground)) 32%, var(--arc-border));
    background: color-mix(in oklab, var(--badge-color, var(--arc-foreground)) 10%, var(--arc-surface));
  }
}
.badge_sm {
  min-height: 22px;
  padding: 0 8px;
  font-size: calc(var(--arc-text-xs) * 11 / 12);
}
.badge_md {
  font-size: var(--arc-text-xs);
}
.badge_body {
  display: block;
}
.badge_content {
  position: relative;
  display: inline-flex;
  width: max-content;
  align-items: center;
  gap: 5px;
}
.badge_sm .badge_content {
  gap: 4px;
}
.badge_label,
.badge_glyph {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.badge_text {
  display: block;
}
.badge_icon {
  position: relative;
  display: inline-flex;
  width: auto;
  height: auto;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  color: var(--badge-color, var(--arc-foreground));
  line-height: 1;
}
.badge_neutral {
  --badge-color: var(--arc-text-secondary);
  --badge-foreground: var(--arc-text-secondary);
  --badge-background: var(--arc-surface-muted);
  --badge-border: var(--arc-border);
}
.badge_success {
  --badge-color: var(--arc-success);
  --badge-foreground: var(--arc-success);
  --badge-background: color-mix(in oklab, var(--arc-success) 10%, var(--arc-surface));
  --badge-border: color-mix(in oklab, var(--arc-success) 25%, var(--arc-border));
}
.badge_info {
  --badge-color: var(--arc-accent);
  --badge-foreground: var(--arc-accent-strong);
  --badge-background: var(--arc-accent-subtle);
  --badge-border: color-mix(in oklab, var(--arc-accent) 24%, var(--arc-border));
}
.badge_warning {
  --badge-color: var(--arc-warning);
  --badge-foreground: var(--arc-warning);
  --badge-background: color-mix(in oklab, var(--arc-warning) 11%, var(--arc-surface));
  --badge-border: color-mix(in oklab, var(--arc-warning) 27%, var(--arc-border));
}
.badge_accent {
  --badge-color: var(--arc-accent);
  --badge-foreground: var(--arc-accent-strong);
  --badge-background: var(--arc-accent-subtle);
  --badge-border: color-mix(in oklab, var(--arc-accent) 24%, var(--arc-border));
}
.badge_danger {
  --badge-color: var(--arc-danger);
  --badge-foreground: var(--arc-danger);
  --badge-background: color-mix(in oklab, var(--arc-danger) 10%, var(--arc-surface));
  --badge-border: color-mix(in oklab, var(--arc-danger) 26%, var(--arc-border));
}
@media (prefers-reduced-motion: reduce) {
  .badge_badge {
    transition-duration: var(--arc-duration-instant);
  }
}
.badge_outline {
  --badge-background: transparent;
  --badge-border: color-mix(in oklab, var(--badge-color, var(--arc-foreground)) 45%, var(--arc-border));
}

/* vendor/ubm-ui-components/src/components/button/button.module.css */
.button_button {
  --h:var(--button-md-height);
  --fs:var(--button-md-font);
  --ic:var(--button-md-icon);
  --px:var(--button-md-padding);
  --py:var(--button-md-paddingBlock);
  position: relative;
  display: inline-flex;
  min-height: var(--h);
  align-items: center;
  justify-content: center;
  gap: var(--button-gap);
  padding: var(--py) var(--px);
  border: var(--button-border-width) solid transparent;
  border-radius: var(--radius);
  font-family: var(--font-family);
  font-size: calc(var(--fs)*var(--font-scale));
  font-weight: var(--button-weight);
  line-height: var(--button-line-height);
  cursor: pointer;
  text-decoration: none;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  transition:
    background var(--duration-fast) var(--ease-standard),
    color var(--duration-fast) var(--ease-standard),
    border-color var(--duration-fast) var(--ease-standard);
}
.button_button:focus-visible {
  outline: var(--button-focus-width) solid var(--focus);
  outline-offset: var(--button-focus-offset);
}
.button_button:disabled,
.button_button[aria-disabled=true]:not([aria-busy=true]) {
  opacity: var(--button-disabled-opacity);
  cursor: not-allowed;
}
.button_button[aria-busy=true] {
  cursor: progress;
}
.button_button:is([aria-haspopup]:not([aria-haspopup=false]), [data-state], [role=combobox]) {
  transform: none !important;
}
.button_primary {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--on-accent);
}
.button_secondary {
  background: var(--panel);
  border-color: var(--border);
  color: var(--accent);
}
.button_ghost {
  background: transparent;
  color: var(--accent);
}
.button_danger {
  background: var(--danger-soft);
  border-color: var(--danger);
  color: var(--danger);
}
@media (hover: hover) {
  .button_primary:hover:not(:disabled):not([aria-disabled=true]) {
    background: var(--accent-hover);
    border-color: var(--accent-hover);
  }
  .button_secondary:hover:not(:disabled):not([aria-disabled=true]),
  .button_ghost:hover:not(:disabled):not([aria-disabled=true]) {
    background: var(--accent-soft);
  }
  .button_danger:hover:not(:disabled):not([aria-disabled=true]) {
    background: var(--danger);
    color: var(--panel);
  }
}
.button_button:active:not(:disabled):not([aria-disabled=true]) {
  filter: brightness(var(--button-active-brightness));
}
.button_labelSlot {
  position: relative;
  display: inline-flex;
  min-width: 0;
  justify-content: center;
  align-items: center;
}
.button_labelContent {
  display: inline-flex;
  align-items: center;
}
.button_labelPhase {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--button-gap);
  white-space: nowrap;
}
.button_labelPhase svg,
.button_button > svg,
.button_button > span[aria-hidden] > svg {
  width: var(--ic);
  height: var(--ic);
  flex: none;
}
.button_loadingLabel {
  opacity: 0;
}
.button_loader {
  position: absolute;
  left: 50%;
  top: 50%;
  display: grid;
  width: var(--ic);
  height: var(--ic);
  margin: calc(var(--ic) / -2);
}
.button_spinner {
  border: var(--button-spinner-stroke) solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: button_spin var(--duration-spinner) linear infinite;
}
.button_pill {
  border-radius: var(--button-pill-radius);
}
.button_icon {
  padding: 0;
  min-width: var(--h);
  aspect-ratio: 1;
}
@keyframes button_spin {
  to {
    transform: rotate(360deg);
  }
}
@media (pointer: coarse) {
  .button_button {
    min-height: max(var(--touch-target), var(--h));
    min-width: var(--touch-target);
  }
}
@media (prefers-reduced-motion: reduce) {
  .button_button {
    transition: none;
  }
  .button_spinner {
    animation: none;
  }
}
[data-motion=reduced] .button_button {
  transition: none;
}
[data-motion=reduced] .button_spinner {
  animation: none;
}
.button_xs {
  --py:var(--button-xs-paddingBlock);
  --h:var(--button-xs-height);
  --fs:var(--button-xs-font);
  --ic:var(--button-xs-icon);
  --px:var(--button-xs-padding);
}
.button_sm {
  --py:var(--button-sm-paddingBlock);
  --h:var(--button-sm-height);
  --fs:var(--button-sm-font);
  --ic:var(--button-sm-icon);
  --px:var(--button-sm-padding);
}
.button_md {
  --py:var(--button-md-paddingBlock);
  --h:var(--button-md-height);
  --fs:var(--button-md-font);
  --ic:var(--button-md-icon);
  --px:var(--button-md-padding);
  --py:var(--button-md-paddingBlock);
}
.button_lg {
  --py:var(--button-lg-paddingBlock);
  --h:var(--button-lg-height);
  --fs:var(--button-lg-font);
  --ic:var(--button-lg-icon);
  --px:var(--button-lg-padding);
}
.button_xl {
  --py:var(--button-xl-paddingBlock);
  --h:var(--button-xl-height);
  --fs:var(--button-xl-font);
  --ic:var(--button-xl-icon);
  --px:var(--button-xl-padding);
}

/* vendor/ubm-ui-components/src/components/dialog/dialog.module.css */
.dialog_overlay {
  position: fixed;
  inset: 0;
  z-index: 50;
  background: oklch(10% 0 0 / .46);
  backdrop-filter: blur(7px);
}
.dialog_content {
  position: fixed;
  z-index: 51;
  inset: 0;
  width: min(calc(100vw - var(--arc-space-8)), 440px);
  height: fit-content;
  max-height: calc(100vh - var(--arc-space-8));
  max-height: calc(100dvh - var(--arc-space-8));
  margin: auto;
  overflow: auto;
}
.dialog_content,
.dialog_surface {
  border: 1px solid var(--arc-border);
  border-radius: var(--radius);
  background: var(--arc-surface-raised);
  color: var(--arc-foreground);
  box-shadow: var(--arc-shadow-floating);
}
.dialog_keyframes.dialog_overlay[data-state=open] {
  animation: dialog_overlay-in var(--arc-duration-standard) var(--arc-ease-enter) both;
}
.dialog_keyframes.dialog_overlay[data-state=closed] {
  animation: dialog_overlay-out var(--arc-duration-fast) var(--arc-ease-standard) both;
}
.dialog_keyframes.dialog_content[data-state=open] {
  animation: dialog_content-fade-in var(--arc-duration-fast) var(--arc-ease-enter) both, dialog_content-rise-in var(--arc-duration-spring) var(--arc-ease-spring) both;
}
.dialog_keyframes.dialog_content[data-state=closed] {
  animation: dialog_content-out var(--arc-duration-fast) var(--arc-ease-standard) both;
}
.dialog_content:focus {
  outline: none;
}
.dialog_overlay[data-state=closed],
.dialog_content[data-state=closed] {
  pointer-events: none !important;
}
.dialog_header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--arc-space-5);
  padding: var(--arc-space-6) var(--arc-space-6) var(--arc-space-4);
  border: 0;
}
.dialog_title {
  margin: 0;
  font-family: var(--arc-font-body);
  font-size: var(--arc-text-lg);
  font-weight: 500;
  letter-spacing: var(--arc-tracking-body);
  line-height: var(--arc-leading-body);
}
.dialog_description {
  margin: var(--arc-space-2) 0 0;
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-sm);
  line-height: var(--arc-leading-body);
}
.dialog_title,
.dialog_description {
  position: relative;
  overflow-wrap: anywhere;
}
.dialog_swap {
  display: block;
}
.dialog_title .dialog_swap {
  line-height: var(--arc-leading-body);
}
.dialog_close {
  flex: 0 0 auto;
  margin-block: calc((var(--arc-text-lg) * var(--arc-leading-body) - var(--arc-space-8)) / 2);
  display: grid;
  place-items: center;
  width: var(--arc-space-8);
  height: var(--arc-space-8);
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-control);
  background: color-mix(in oklab, var(--arc-surface-muted) 50%, transparent);
  color: var(--arc-text-secondary);
  cursor: pointer;
  transition:
    background-color var(--arc-duration-fast) var(--arc-ease-standard),
    color var(--arc-duration-fast) var(--arc-ease-standard),
    transform var(--arc-duration-spring) var(--arc-ease-spring);
}
@media (hover: hover) and (pointer: fine) {
  .dialog_close:hover {
    background: var(--arc-surface-muted);
    color: var(--arc-foreground);
  }
}
.dialog_close:active {
  transform: scale(.96);
  transition:
    background-color var(--arc-duration-fast) var(--arc-ease-standard),
    color var(--arc-duration-fast) var(--arc-ease-standard),
    transform var(--arc-duration-instant) var(--arc-ease-standard);
}
.dialog_body {
  padding: 0 var(--arc-space-6) var(--arc-space-6);
  font-size: var(--arc-text-sm);
  line-height: var(--arc-leading-body);
}
.dialog_content[data-size=default] {
  width: min(calc(100vw - var(--arc-space-8)), 480px);
}
.dialog_content[data-size=large] {
  width: min(calc(100vw - var(--arc-space-8)), 760px);
}
.dialog_content[data-padding=none] > .dialog_body {
  padding: 0;
}
.dialog_overlay[data-ubm-overlay-engaged=false],
.dialog_content[data-ubm-overlay-engaged=false] {
  visibility: hidden;
  pointer-events: none !important;
}
@keyframes dialog_overlay-in {
  from {
    opacity: 0;
  }
}
@keyframes dialog_overlay-out {
  to {
    opacity: 0;
  }
}
@keyframes dialog_content-fade-in {
  from {
    opacity: 0;
  }
}
@keyframes dialog_content-rise-in {
  from {
    transform: translateY(8px) scale(.96);
  }
}
@keyframes dialog_content-out {
  to {
    opacity: 0;
    transform: translateY(4px) scale(.98);
  }
}
@keyframes dialog_content-fade-out {
  to {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .dialog_keyframes.dialog_overlay[data-state=open],
  .dialog_keyframes.dialog_content[data-state=open] {
    animation: dialog_overlay-in var(--arc-duration-instant) var(--arc-ease-standard) both;
  }
  .dialog_keyframes.dialog_overlay[data-state=closed] {
    animation: dialog_overlay-out var(--arc-duration-instant) var(--arc-ease-standard) both;
  }
  .dialog_keyframes.dialog_content[data-state=closed] {
    animation: dialog_content-fade-out var(--arc-duration-instant) var(--arc-ease-standard) both;
  }
  .dialog_close,
  .dialog_close:active {
    transition: none;
  }
  .dialog_close:active {
    transform: none;
  }
}
[data-motion=reduced] .dialog_keyframes.dialog_overlay[data-state=open],
.dialog_keyframes.dialog_overlay[data-state=open][data-motion=reduced],
[data-motion=reduced] .dialog_keyframes.dialog_content[data-state=open],
.dialog_keyframes.dialog_content[data-state=open][data-motion=reduced] {
  animation: dialog_overlay-in var(--arc-duration-instant) var(--arc-ease-standard) both;
}
[data-motion=reduced] .dialog_keyframes.dialog_overlay[data-state=closed],
.dialog_keyframes.dialog_overlay[data-state=closed][data-motion=reduced] {
  animation: dialog_overlay-out var(--arc-duration-instant) var(--arc-ease-standard) both;
}
[data-motion=reduced] .dialog_keyframes.dialog_content[data-state=closed],
.dialog_keyframes.dialog_content[data-state=closed][data-motion=reduced] {
  animation: dialog_content-fade-out var(--arc-duration-instant) var(--arc-ease-standard) both;
}
[data-motion=reduced] .dialog_close,
.dialog_close[data-motion=reduced],
[data-motion=reduced] .dialog_close:active,
.dialog_close:active[data-motion=reduced] {
  transition: none;
}
[data-motion=reduced] .dialog_close:active,
.dialog_close:active[data-motion=reduced] {
  transform: none;
}
.dialog_content,
.dialog_surface {
  font-family: var(--arc-font-body);
  box-sizing: border-box;
}
.dialog_content .dialog_header,
.dialog_surface .dialog_header {
  margin: 0;
  max-width: none;
}
.dialog_content .dialog_header > div,
.dialog_surface .dialog_header > div {
  min-width: 0;
}
.dialog_content .dialog_title,
.dialog_surface .dialog_title {
  font-size: var(--arc-text-lg);
  font-weight: 500;
  line-height: var(--arc-leading-body);
}
.dialog_content .dialog_close:focus-visible,
.dialog_surface .dialog_close:focus-visible {
  outline: 1px solid var(--input-focus-color);
  outline-offset: 0;
}
.dialog_body > :where(header) {
  display: block;
  max-width: none;
  padding: 0;
  margin: 0 0 var(--arc-space-4);
  font: inherit;
}
.dialog_body > :where(header) span {
  color: inherit;
  letter-spacing: inherit;
}
.dialog_body > :where(footer) {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--arc-space-3);
  margin: var(--arc-space-6) 0 0;
  padding: 0;
  border: 0;
}
.dialog_body > :where(footer) > div:last-child {
  display: block;
}
.dialog_body > :where(section) {
  margin: 0 0 var(--arc-space-4);
}
.dialog_body > :where(label) {
  font-size: inherit;
  font-weight: 500;
}
@media (pointer: coarse) {
  .dialog_close {
    width: 44px;
    height: 44px;
    margin-block: calc((var(--arc-text-lg) * var(--arc-leading-body) - 44px) / 2);
  }
}
@media (forced-colors: active) {
  .dialog_close:focus-visible {
    outline-color: Highlight;
  }
}
.dialog_body > p:first-child {
  margin-top: 0;
}
.dialog_content .dialog_header,
.dialog_surface .dialog_header {
  padding: var(--arc-dialog-padding);
  padding-bottom: var(--arc-dialog-section-gap);
  gap: 16px;
  align-items: flex-start;
}
.dialog_content .dialog_header > div,
.dialog_surface .dialog_header > div {
  flex: 1;
  padding-top: 3px;
}
.dialog_content .dialog_title,
.dialog_surface .dialog_title {
  font-size: var(--arc-dialog-title-size);
  font-weight: 600;
  letter-spacing: -.025em;
  line-height: 1.3;
}
.dialog_content .dialog_title .dialog_swap,
.dialog_surface .dialog_title .dialog_swap {
  line-height: 1.3;
}
.dialog_content .dialog_description,
.dialog_surface .dialog_description {
  margin: 8px 0 0;
  font-size: var(--arc-dialog-description-size);
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0;
  color: var(--arc-dialog-description-color);
}
.dialog_content .dialog_description .dialog_swap,
.dialog_surface .dialog_description .dialog_swap {
  line-height: inherit;
}
.dialog_content .dialog_body,
.dialog_surface .dialog_body {
  padding: 0 var(--arc-dialog-padding) var(--arc-dialog-padding);
  line-height: 1.65;
}
.dialog_content .dialog_close,
.dialog_surface .dialog_close {
  width: 32px;
  height: 32px;
  margin: 0 -4px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--arc-text-muted);
}
.dialog_content .dialog_close:hover,
.dialog_surface .dialog_close:hover {
  background: var(--arc-surface-muted);
}
@media (pointer: coarse) {
  .dialog_content .dialog_close,
  .dialog_surface .dialog_close {
    width: 44px;
    height: 44px;
    margin-top: -6px;
    margin-right: -6px;
  }
}

/* vendor/ubm-ui-components/src/components/card/card.module.css */
.card_card {
  padding: 0;
  position: relative;
  min-width: 0;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-panel);
  background: var(--arc-surface);
  color: var(--arc-foreground);
  transition: border-color var(--arc-duration-fast) var(--arc-ease-standard), box-shadow var(--arc-duration-standard) var(--arc-ease-standard);
}
.card_card[data-hover] {
  border-color: var(--arc-border-strong);
  box-shadow: var(--arc-shadow-raised);
}
.card_card:has(.card_trigger:focus-visible) {
  border-color: var(--arc-border-strong);
}
.card_media {
  position: relative;
  overflow: hidden;
  background: var(--arc-surface-muted);
}
.card_zoom {
  display: grid;
  min-height: 112px;
  place-items: center;
}
.card_content {
  padding: var(--arc-space-5);
}
.card_title {
  width: fit-content;
  max-width: 100%;
  margin: 0;
  font-size: var(--arc-text-lg);
  font-weight: 500;
  letter-spacing: var(--arc-tracking-body);
  line-height: 1.3;
  text-wrap: balance;
}
.card_trigger {
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-align: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.card_trigger::after {
  content: "";
  position: absolute;
  inset: 0;
}
.card_trigger:focus-visible {
  outline: none;
}
.card_description {
  max-width: 34ch;
  margin: var(--arc-space-2) 0 0;
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-sm);
  line-height: var(--arc-leading-body);
  text-wrap: pretty;
}
.card_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--arc-space-3);
  margin-top: var(--arc-space-5);
}
.card_byline {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: var(--arc-space-3);
  min-width: 0;
}
.card_avatar {
  display: grid;
  flex: none;
  width: var(--arc-space-8);
  height: var(--arc-space-8);
  overflow: hidden;
  border-radius: var(--arc-radius-pill);
  background: var(--arc-surface-muted);
}
.card_avatar > * {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card_bylineText {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
  font-size: var(--arc-text-xs);
  line-height: var(--arc-leading-body);
}
.card_meta {
  overflow: hidden;
  color: var(--arc-foreground);
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card_status {
  position: relative;
  overflow: clip visible;
  color: var(--arc-text-muted);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.card_roll {
  position: relative;
  display: block;
}
.card_line {
  display: block;
  overflow: clip visible;
  text-overflow: ellipsis;
}
.card_word {
  display: inline-block;
  white-space: pre;
}
.card_srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.card_action {
  position: relative;
  z-index: 1;
  display: flex;
  flex: none;
  flex-wrap: wrap;
  gap: var(--arc-space-3);
}
.card_overlay {
  position: fixed;
  inset: 0;
  z-index: 50;
  background: var(--arc-overlay-background);
  backdrop-filter: blur(var(--arc-overlay-blur));
}
.card_panel {
  font-family: var(--arc-font-body);
  line-height: var(--arc-leading-body);
  position: fixed;
  inset: 0;
  z-index: 51;
  width: min(calc(100vw - var(--arc-space-8)), 30rem);
  height: fit-content;
  max-height: calc(100dvh - var(--arc-space-8));
  margin: auto;
  overflow: hidden auto;
  overscroll-behavior: contain;
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-surface);
  background: var(--arc-surface-raised);
  color: var(--arc-foreground);
  box-shadow: var(--arc-shadow-floating);
  transition: background-color var(--arc-duration-standard) var(--arc-ease-standard), box-shadow var(--arc-duration-standard) var(--arc-ease-standard);
}
.card_panel:focus {
  outline: none;
}
.card_panel[data-returning] {
  inset: auto;
  top: var(--landing-top);
  left: var(--landing-left);
  width: var(--landing-width);
  height: var(--landing-height);
  max-height: none;
  margin: 0;
  overflow: hidden;
  border-color: var(--arc-border);
  background: var(--arc-surface);
  box-shadow: none;
  pointer-events: none;
}
.card_panel[data-returning] .card_content {
  padding: var(--arc-space-5);
}
.card_panel[data-returning] .card_title {
  font-size: var(--arc-text-lg);
}
.card_panel .card_content {
  padding: var(--arc-space-6);
}
.card_panel .card_title {
  font-size: var(--arc-text-xl);
}
.card_panel .card_description {
  max-width: var(--card-measure, 34ch);
}
.card_closeSlot {
  position: absolute;
  top: var(--arc-space-4);
  right: var(--arc-space-4);
  z-index: 2;
  display: grid;
}
.card_close {
  display: grid;
  width: var(--arc-space-8);
  height: var(--arc-space-8);
  place-items: center;
  padding: 0;
  border: 1px solid color-mix(in oklab, var(--arc-border) 70%, transparent);
  border-radius: var(--arc-radius-pill);
  background: color-mix(in oklab, var(--arc-surface-raised) 74%, transparent);
  backdrop-filter: blur(12px);
  color: var(--arc-foreground);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background-color var(--arc-duration-fast) var(--arc-ease-standard);
}
@media (hover: hover) and (pointer: fine) {
  .card_close:hover {
    background: var(--arc-surface-raised);
  }
}
.card_details {
  margin-top: var(--arc-space-6);
  padding-top: var(--arc-space-5);
  border-top: 1px solid var(--arc-border);
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-sm);
  line-height: var(--arc-leading-body);
}
@media (prefers-reduced-motion: reduce) {
  .card_card,
  .card_close {
    transition-duration: var(--arc-duration-instant);
  }
}
.card_surface {
  overflow: visible;
  isolation: auto;
}
.card_raised {
  box-shadow: var(--arc-shadow-resting);
}
.card_sunken {
  border-color: transparent;
  background: var(--arc-surface-muted);
}
.card_outline {
  box-shadow: none;
}
.card_pad-none {
  padding: 0;
}
.card_pad-xs {
  padding: var(--arc-space-2);
}
.card_pad-sm {
  padding: var(--arc-space-3);
}
.card_pad-md {
  padding: var(--arc-space-5);
}
.card_pad-lg {
  padding: var(--arc-space-6);
}
.card_radius-none {
  border-radius: 0;
}
.card_radius-sm {
  border-radius: var(--arc-radius-control);
}
.card_radius-md {
  border-radius: var(--arc-radius-panel);
}
.card_radius-lg {
  border-radius: var(--arc-radius-surface);
}
.card_radius-full {
  border-radius: var(--arc-radius-pill);
}
.card_interactive {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}
.card_interactive:focus-visible {
  outline: 1px solid var(--arc-focus-ring);
  outline-offset: 1px;
}
@media (hover: hover) and (pointer: fine) {
  .card_interactive:hover {
    border-color: var(--arc-border-strong);
  }
}
[data-motion=reduced] .card_card,
[data-motion=reduced] .card_close {
  transition-duration: var(--arc-duration-instant);
}

/* vendor/ubm-ui-components/src/components/carousel/carousel.module.css */
.carousel_root {
  --carousel-gap: var(--arc-space-4);
  display: grid;
  width: 100%;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
  gap: var(--arc-space-4);
  container-type: inline-size;
}
.carousel_viewport {
  position: relative;
  min-width: 0;
  overflow-x: clip;
  overflow-y: visible;
  border-radius: var(--arc-radius-panel);
  cursor: grab;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.carousel_viewport[data-dragging] {
  cursor: grabbing;
}
.carousel_viewport:focus-visible {
  outline: 1px solid var(--arc-accent);
  outline-offset: 4px;
}
.carousel_track {
  display: flex;
  gap: var(--carousel-gap);
  padding-inline: calc((100cqw - var(--carousel-slide)) / 2);
  user-select: none;
  -webkit-user-select: none;
}
.carousel_track:not([data-measured]) {
  translate: calc(var(--carousel-start) * -1 * (var(--carousel-slide) + var(--carousel-gap))) 0;
}
.carousel_slide {
  flex: 0 0 var(--carousel-slide);
  min-width: 0;
  transform-origin: 50% 50%;
  will-change: transform, opacity;
}
.carousel_slide img {
  -webkit-user-drag: none;
}
.carousel_controls {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--arc-space-2);
  padding-inline: calc((100cqw - var(--carousel-slide)) / 2);
}
.carousel_tabs {
  display: flex;
  min-width: 0;
  align-items: center;
}
.carousel_tab {
  display: grid;
  height: var(--arc-control-height-sm);
  flex: none;
  place-items: center;
  border: 0;
  border-radius: var(--arc-radius-pill);
  padding: 0 5px;
  background: transparent;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.carousel_dot {
  position: relative;
  display: block;
  width: 6px;
  height: 6px;
  overflow: hidden;
  border-radius: var(--arc-radius-pill);
  background: var(--arc-border-strong);
  transition: background-color var(--arc-duration-fast) var(--arc-ease-standard);
}
.carousel_dotFill,
.carousel_dotDrain {
  position: absolute;
  inset: 0;
}
.carousel_dotFill {
  background: var(--arc-foreground);
}
.carousel_dotDrain {
  background: var(--arc-border-strong);
  transform-origin: 100% 50%;
}
@media (hover: hover) and (pointer: fine) {
  .carousel_tab:hover .carousel_dot {
    background: var(--arc-text-muted);
  }
}
.carousel_tab:focus-visible {
  outline: 1px solid var(--arc-accent);
  outline-offset: -4px;
}
.carousel_arrows {
  display: flex;
  flex: none;
  gap: var(--arc-space-2);
  margin-left: auto;
}
.carousel_control {
  display: grid;
  width: var(--arc-control-height-sm);
  height: var(--arc-control-height-sm);
  flex: none;
  place-items: center;
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-pill);
  padding: 0;
  background: var(--arc-surface);
  color: var(--arc-foreground);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition:
    background-color var(--arc-duration-fast) var(--arc-ease-standard),
    color var(--arc-duration-fast) var(--arc-ease-standard),
    opacity var(--arc-duration-fast) var(--arc-ease-standard),
    transform var(--arc-duration-spring) var(--arc-ease-spring);
}
@media (hover: hover) and (pointer: fine) {
  .carousel_control:hover:not([aria-disabled=true]) {
    background: var(--arc-surface-muted);
  }
}
.carousel_control:active:not([aria-disabled=true]) {
  transform: scale(.97);
  transition: transform 100ms var(--arc-ease-standard);
}
.carousel_control[aria-disabled=true] {
  color: var(--arc-text-muted);
  cursor: default;
  opacity: .5;
}
.carousel_control:focus-visible {
  outline: 1px solid var(--arc-accent);
  outline-offset: 1px;
}
.carousel_iconSlot {
  display: grid;
  width: 16px;
  height: 16px;
  place-items: center;
}
.carousel_icon {
  grid-area: 1 / 1;
  display: grid;
  place-items: center;
}
@container (max-width: 340px) {
  .carousel_controls {
    gap: var(--arc-space-1);
    padding-inline: max(0px, calc((100cqw - var(--carousel-slide)) / 2 - var(--arc-space-2)));
  }
  .carousel_arrows {
    gap: var(--arc-space-1);
  }
  .carousel_tab {
    padding: 0 4px;
  }
}
.carousel_visuallyHidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .carousel_dot,
  .carousel_control,
  .carousel_control:active:not([aria-disabled=true]) {
    transition: none;
    transform: none;
  }
}
.carousel_root {
  margin-bottom: 0;
}

/* vendor/ubm-ui-components/src/components/chip-group/chip-group.module.css */
.chip_group_frame {
  min-width: 0;
}
.chip_group_content {
  position: relative;
}
.chip_group_group {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-wrap: wrap;
  gap: var(--arc-space-2);
}
.chip_group_chip {
  position: relative;
  display: inline-flex;
  max-width: 100%;
  padding: 0;
  border: 0;
  border-radius: var(--radius);
  background: none;
  color: var(--arc-text-secondary);
  font: inherit;
  font-size: var(--arc-text-sm);
  font-weight: 500;
  letter-spacing: var(--arc-tracking-body);
  line-height: 20px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: color var(--arc-duration-fast) var(--arc-ease-standard);
}
.chip_group_body {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  min-width: 0;
  height: var(--arc-control-height-sm);
  align-items: center;
  padding: 0 14px;
  transition: scale var(--arc-duration-spring) var(--arc-ease-spring);
}
.chip_group_chip:active .chip_group_body {
  scale: .97;
  transition-duration: var(--arc-duration-instant);
  transition-timing-function: var(--arc-ease-standard);
}
.chip_group_surface {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  border: 1px solid var(--arc-border);
  border-radius: var(--radius);
  background: var(--arc-surface);
  transition: background-color var(--arc-duration-fast) var(--arc-ease-standard), border-color var(--arc-duration-fast) var(--arc-ease-standard);
}
.chip_group_check {
  position: absolute;
  top: calc(50% - 7px);
  left: 12px;
  display: grid;
  width: 14px;
  height: 14px;
  place-items: center;
  color: var(--arc-accent-strong);
  transform-origin: 0 50%;
}
.chip_group_check svg {
  display: block;
  overflow: visible;
}
.chip_group_slot {
  width: 0;
  flex: none;
}
.chip_group_body[data-selected=true] .chip_group_slot {
  width: 18px;
}
.chip_group_label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chip_group_body[data-selected=true] .chip_group_surface {
  border-color: color-mix(in oklab, var(--arc-accent) 42%, var(--arc-border));
  background: color-mix(in oklab, var(--arc-accent) 11%, var(--arc-surface));
}
.chip_group_chip[aria-pressed=true] {
  color: var(--arc-foreground);
}
@media (hover: hover) and (pointer: fine) {
  .chip_group_chip:hover {
    color: var(--arc-foreground);
  }
  .chip_group_chip:hover .chip_group_surface {
    border-color: var(--arc-border-strong);
  }
  .chip_group_chip[aria-pressed=true]:hover .chip_group_surface {
    border-color: color-mix(in oklab, var(--arc-accent) 60%, var(--arc-border));
    background: color-mix(in oklab, var(--arc-accent) 16%, var(--arc-surface));
  }
}
.chip_group_chip:not(.chip_group_more) {
  z-index: 1;
}
.chip_group_more {
  color: var(--arc-text-muted);
}
.chip_group_more .chip_group_surface {
  border-color: var(--arc-border);
  background: var(--arc-surface-muted);
}
.chip_group_moreText {
  position: relative;
  display: inline-flex;
  justify-content: center;
  font-variant-numeric: tabular-nums;
}
.chip_group_moreLine {
  display: block;
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .chip_group_chip,
  .chip_group_body,
  .chip_group_surface {
    transition: none;
  }
  .chip_group_chip:active .chip_group_body {
    scale: none;
  }
}
[data-motion=reduced] .chip_group_chip,
[data-motion=reduced] .chip_group_body,
[data-motion=reduced] .chip_group_surface {
  transition: none;
}
[data-motion=reduced] .chip_group_chip:active .chip_group_body {
  scale: none;
}
.chip_group_chip:focus-visible {
  outline: 1px solid var(--focus);
  outline-offset: 2px;
  box-shadow: none;
}
@media (pointer: coarse) {
  .chip_group_body {
    min-height: 44px;
  }
}

/* vendor/ubm-ui-components/src/components/checkbox/checkbox.module.css */
.checkbox_field {
  display: inline-flex;
  align-items: flex-start;
  gap: 0;
  min-width: 0;
}
.checkbox_box {
  position: relative;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: var(--arc-control-height-md);
  height: var(--arc-control-height-md);
  border: 0;
  border-radius: var(--arc-radius-control);
  padding: 0;
  background: transparent;
  color: var(--arc-control-glyph);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.checkbox_visual {
  position: relative;
  display: block;
  width: var(--checkbox-mark-size);
  height: var(--checkbox-mark-size);
  border: 1px solid var(--arc-border-strong);
  border-radius: var(--checkbox-mark-radius);
  background: var(--arc-surface);
  transition: border-color var(--arc-duration-fast) var(--arc-ease-standard), transform var(--arc-duration-spring) var(--arc-ease-spring);
}
.checkbox_fill {
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background: var(--arc-control-on);
}
.checkbox_mark {
  position: absolute;
  inset: -1px;
  width: var(--checkbox-mark-size);
  height: var(--checkbox-mark-size);
  overflow: visible;
}
.checkbox_box[data-state=checked] .checkbox_visual,
.checkbox_box[data-state=indeterminate] .checkbox_visual {
  border-color: var(--arc-control-on);
}
@media (hover: hover) and (pointer: fine) {
  .checkbox_box[data-state=unchecked]:hover:not(:disabled) .checkbox_visual {
    border-color: var(--arc-text-muted);
  }
}
.checkbox_box:active:not(:disabled) .checkbox_visual {
  transform: scale(.95);
  transition: border-color var(--arc-duration-fast) var(--arc-ease-standard), transform var(--arc-duration-instant) var(--arc-ease-standard);
}
.checkbox_box:disabled {
  opacity: .5;
  cursor: not-allowed;
}
.checkbox_copy {
  display: grid;
  gap: 2px;
  min-width: 0;
  margin-left: 1px;
  padding-top: calc((var(--arc-control-height-md) - var(--arc-text-sm) * var(--arc-leading-body)) / 2);
}
.checkbox_copy label {
  display: block;
  margin: 0;
  color: var(--arc-foreground);
  font-size: var(--arc-text-sm);
  font-weight: 500;
  line-height: var(--arc-leading-body);
  cursor: pointer;
}
.checkbox_copy span {
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  line-height: var(--arc-leading-body);
}
@media (prefers-reduced-motion: reduce) {
  .checkbox_visual,
  .checkbox_box:active:not(:disabled) .checkbox_visual {
    transition: none;
    transform: none;
  }
}
[data-motion=reduced] .checkbox_visual,
[data-motion=reduced] .checkbox_box:active:not(:disabled) .checkbox_visual {
  transition: none;
  transform: none;
}
.checkbox_box[aria-invalid=true] .checkbox_visual {
  border-color: var(--arc-danger);
}
.checkbox_box:focus-visible .checkbox_visual {
  border-color: var(--arc-control-on);
  outline: 1px solid var(--arc-control-on);
  outline-offset: 0;
}
.checkbox_box[data-ubm-canon][data-state]::after {
  content: none;
}
.checkbox_field {
  font-family: var(--font-family, "DM Sans", sans-serif);
}
.checkbox_box {
  min-width: var(--touch-target);
  min-height: var(--touch-target);
  outline: none;
}
.checkbox_visual {
  box-sizing: border-box;
}
.checkbox_copy {
  padding-top: calc((max(var(--touch-target), var(--arc-control-height-md)) - var(--arc-text-sm) * var(--arc-leading-body)) / 2);
}

/* vendor/ubm-ui-components/src/components/empty-state/empty-state.module.css */
.empty_state_root {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding: clamp(var(--arc-space-8), 8vw, var(--arc-space-12)) var(--arc-space-5);
  text-align: center;
}
.empty_state_icon {
  position: relative;
  display: grid;
  width: var(--arc-space-12);
  height: var(--arc-space-12);
  place-items: center;
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-panel);
  background: var(--arc-surface-muted);
  color: var(--arc-text-secondary);
  animation: empty_state_empty-state-icon var(--arc-duration-considered) var(--arc-ease-enter) both;
}
.empty_state_glyph {
  display: grid;
  place-items: center;
}
.empty_state_frame {
  width: 100%;
  max-width: 100%;
}
.empty_state_copy {
  display: flow-root;
}
.empty_state_title {
  position: relative;
  margin: var(--arc-space-5) 0 0;
  color: var(--arc-foreground);
  font-size: var(--arc-text-base);
  font-weight: 500;
  line-height: var(--arc-leading-body);
}
.empty_state_description {
  position: relative;
  max-width: 18rem;
  margin: var(--arc-space-2) auto 0;
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-sm);
  line-height: var(--arc-leading-body);
}
.empty_state_line {
  display: block;
  text-wrap: balance;
}
.empty_state_action {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--arc-space-3);
  margin-top: var(--arc-space-5);
}
@keyframes empty_state_empty-state-icon {
  from {
    opacity: 0;
    transform: scale(.92);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .empty_state_icon {
    animation: none;
  }
}
.empty_state_root[data-reduced-motion=true] .empty_state_icon {
  animation: none;
}

/* vendor/ubm-ui-components/src/components/input/input.module.css */
.input_field {
  display: grid;
  min-width: 0;
}
.input_label {
  margin-bottom: var(--arc-space-2);
  color: var(--ink);
  font-size: var(--arc-text-sm);
  font-weight: 500;
  line-height: var(--arc-leading-body);
}
.input_input,
.input_control {
  --h:var(--input-md-height);
  --px:var(--input-md-padding);
  --fs:var(--input-md-font);
  box-sizing: border-box;
  width: 100%;
  min-height: var(--h);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--panel);
  color: var(--ink);
  font-family: var(--font-family);
  font-size: calc(var(--fs)*var(--font-scale,1));
  line-height: 1.4;
  transition: border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);
}
.input_input {
  padding: 0 var(--px);
  outline: none;
}
.input_input[data-size=xs],
.input_control[data-size=xs] {
  --h:var(--input-xs-height);
  --px:var(--input-xs-padding);
  --fs:var(--input-xs-font);
}
.input_input[data-size=sm],
.input_control[data-size=sm] {
  --h:var(--input-sm-height);
  --px:var(--input-sm-padding);
  --fs:var(--input-sm-font);
}
.input_input[data-size=lg],
.input_control[data-size=lg] {
  --h:var(--input-lg-height);
  --px:var(--input-lg-padding);
  --fs:var(--input-lg-font);
}
.input_input[data-size=xl],
.input_control[data-size=xl] {
  --h:var(--input-xl-height);
  --px:var(--input-xl-padding);
  --fs:var(--input-xl-font);
}
.input_input::placeholder {
  color: var(--muted);
  opacity: 1;
}
.input_input:focus-visible,
.input_control:focus-within {
  outline: none;
  box-shadow: none;
  border-color: var(--input-focus-color);
}
.input_input[aria-invalid=true],
.input_control[data-invalid=true] {
  border-color: var(--danger);
}
.input_input:disabled,
.input_control[data-disabled=true] {
  cursor: not-allowed;
  opacity: .5;
}
.input_control {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 var(--px);
}
.input_control > .input_input {
  flex: 1;
  min-width: 0;
  width: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding-inline: 0;
  outline: none;
  box-shadow: none;
}
.input_control > .input_input:disabled {
  opacity: 1;
}
.input_adornment {
  flex: none;
  display: inline-flex;
  align-items: center;
  color: var(--muted);
  line-height: 1;
}
.input_adornment > svg {
  width: 1.1em;
  height: 1.1em;
}
@media (hover: hover) and (pointer: fine) {
  .input_input:hover:not(:disabled, :focus-visible, [aria-invalid=true]),
  .input_control:hover:not(:focus-within, [data-disabled=true], [data-invalid=true]) {
    border-color: var(--arc-input-border-hover);
  }
}
@media (pointer: coarse) {
  .input_input,
  .input_control {
    min-height: max(44px, var(--h));
    font-size: max(16px, calc(var(--fs)*var(--font-scale,1)));
  }
}
.input_messageSlot {
  display: block;
  overflow: hidden;
}
.input_description,
.input_error {
  display: block;
  padding-top: var(--arc-space-2);
  font-size: var(--arc-text-xs);
  line-height: var(--arc-leading-body);
}
.input_description {
  color: var(--muted);
}
.input_error {
  color: var(--danger);
}
.input_words {
  position: relative;
  display: block;
}
.input_word {
  display: inline-block;
  white-space: pre;
}
.input_column {
  position: relative;
  display: inline-flex;
  justify-content: center;
  font-variant-numeric: tabular-nums;
}
.input_column > span {
  display: inline-block;
}
.input_srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .input_input,
  .input_control {
    transition-duration: .01ms;
  }
}
[data-motion=reduced] .input_input,
.input_control {
  transition-duration: .01ms;
}
@media (forced-colors: active) {
  .input_input:focus-visible,
  .input_control:focus-within {
    border-color: Highlight;
  }
}
.input_input[aria-invalid=true]:focus-visible,
.input_control[data-invalid=true]:focus-within {
  border-color: color-mix(in oklab, var(--danger) 70%, var(--ink));
}

/* vendor/ubm-ui-components/src/components/textarea/textarea.module.css */
.textarea_field {
  display: grid;
  min-width: 0;
}
.textarea_field label {
  margin-bottom: var(--arc-space-2);
  font-size: var(--arc-text-sm);
  font-weight: 500;
}
.textarea_control {
  width: 100%;
  min-height: 110px;
  resize: vertical;
  border: 1px solid var(--arc-border-strong);
  border-radius: var(--arc-radius-control);
  padding: var(--arc-space-3);
  background: var(--arc-surface);
  color: var(--arc-foreground);
  font: inherit;
  font-size: var(--arc-text-sm);
  line-height: var(--arc-leading-body);
  outline: none;
  box-shadow: none;
  transition:
    border-color var(--arc-duration-fast) var(--arc-ease-standard),
    box-shadow var(--arc-duration-standard) var(--arc-ease-standard),
    background-color var(--arc-duration-fast) var(--arc-ease-standard);
}
.textarea_control::placeholder {
  color: var(--arc-text-muted);
}
@media (hover: hover) and (pointer: fine) {
  .textarea_control:hover:not(:disabled, [aria-invalid=true]) {
    border-color: var(--input-focus-color);
  }
}
.textarea_control:focus-visible {
  border-color: var(--input-focus-color);
  box-shadow: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.textarea_control[aria-invalid=true] {
  border-color: var(--arc-danger);
}
.textarea_control:disabled {
  cursor: not-allowed;
  background: var(--arc-surface-muted);
  opacity: .6;
}
.textarea_messageSlot {
  display: block;
  overflow: hidden;
}
.textarea_hint,
.textarea_error {
  display: block;
  padding-top: var(--arc-space-2);
  font-size: var(--arc-text-xs);
  line-height: var(--arc-leading-body);
}
.textarea_hint {
  color: var(--arc-text-muted);
}
.textarea_error {
  color: var(--arc-danger);
}
.textarea_words {
  position: relative;
  display: block;
}
.textarea_word {
  display: inline-block;
  white-space: pre;
}
.textarea_column {
  position: relative;
  display: inline-flex;
  justify-content: center;
  font-variant-numeric: tabular-nums;
}
.textarea_column > span {
  display: inline-block;
}
.textarea_srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .textarea_control {
    transition: none;
  }
}
[data-motion=reduced] .textarea_control {
  transition: none;
}
.textarea_control[data-size=xs] {
  font-size: var(--arc-text-xs);
  padding: var(--arc-space-2);
}
.textarea_control[data-size=sm] {
  font-size: var(--arc-text-sm);
  padding: var(--arc-space-2);
}
.textarea_control[data-size=lg],
.textarea_control[data-size=xl] {
  font-size: var(--arc-text-base);
  padding: var(--arc-space-4);
}
@media (pointer: coarse) {
  .textarea_control {
    font-size: 16px;
  }
}
@media (forced-colors: active) {
  .textarea_control:focus-visible {
    border-color: Highlight;
  }
}
.textarea_control[aria-invalid=true]:focus-visible {
  border-color: color-mix(in oklab, var(--danger) 70%, var(--ink));
}

/* vendor/ubm-ui-components/src/components/progress/progress.module.css */
.progress_progress {
  width: 100%;
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-sm);
}
.progress_meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
  line-height: var(--arc-leading-body);
}
.progress_label {
  position: relative;
  min-width: 0;
}
.progress_line {
  display: block;
}
.progress_value {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 4px;
  color: var(--arc-text-muted);
  font-variant-numeric: tabular-nums;
}
.progress_count {
  display: inline-grid;
  justify-items: end;
}
.progress_count::before {
  content: "100%";
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.progress_done {
  display: grid;
  place-items: center;
  color: var(--arc-success);
}
.progress_track {
  height: 7px;
  overflow: hidden;
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-pill);
  background: var(--arc-surface-muted);
}
.progress_fill {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: var(--arc-accent);
  transition: background-color var(--arc-duration-standard) var(--arc-ease-standard);
}
.progress_progress[data-complete] .progress_fill {
  background: var(--arc-success);
  transition-delay: 200ms;
}
@media (prefers-reduced-motion: reduce) {
  .progress_fill,
  .progress_progress[data-complete] .progress_fill {
    transition: none;
  }
}
[data-motion=reduced] .progress_fill,
.progress_fill[data-motion=reduced],
[data-motion=reduced] .progress_progress[data-complete] .progress_fill,
.progress_progress[data-complete] .progress_fill[data-motion=reduced] {
  transition: none;
}
.progress_progress[data-tone=accent] .progress_fill {
  background: var(--arc-accent);
}
.progress_progress[data-tone=success] .progress_fill {
  background: var(--arc-success);
}
.progress_progress[data-tone=danger] .progress_fill {
  background: var(--arc-danger);
}
.progress_progress[data-tone=neutral] .progress_fill {
  background: var(--arc-text-muted);
}
.progress_progress[data-tone=accent] .progress_done {
  color: var(--arc-accent);
}
.progress_progress[data-tone=danger] .progress_done {
  color: var(--arc-danger);
}
.progress_progress[data-tone=neutral] .progress_done {
  color: var(--arc-text-muted);
}

/* vendor/ubm-ui-components/src/components/segmented-control/segmented-control.module.css */
.segmented_control_root {
  display: inline-flex;
  min-width: 0;
  max-width: 100%;
  flex-shrink: 1;
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-control);
  background: var(--arc-surface-muted);
}
.segmented_control_track {
  --fade-start: 0px;
  --fade-end: 0px;
  isolation: isolate;
  display: flex;
  min-width: 0;
  gap: 2px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  padding: 3px;
  border-radius: inherit;
  scrollbar-width: none;
  -webkit-mask-image:
    linear-gradient(
      to right,
      transparent,
      #000 var(--fade-start),
      #000 calc(100% - var(--fade-end)),
      transparent);
  mask-image:
    linear-gradient(
      to right,
      transparent,
      #000 var(--fade-start),
      #000 calc(100% - var(--fade-end)),
      transparent);
}
.segmented_control_track::-webkit-scrollbar {
  display: none;
}
.segmented_control_track[data-fade-start] {
  --fade-start: 20px;
}
.segmented_control_track[data-fade-end] {
  --fade-end: 20px;
}
.segmented_control_button {
  position: relative;
  flex: 0 0 auto;
  min-height: var(--arc-control-height-sm);
  border: 0;
  border-radius: calc(var(--arc-radius-control) - 4px);
  padding: 0 12px;
  background: transparent;
  color: var(--arc-text-muted);
  font: inherit;
  font-size: var(--arc-text-sm);
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: color var(--arc-duration-fast) var(--arc-ease-standard);
}
@media (hover: hover) and (pointer: fine) {
  .segmented_control_button:hover {
    color: var(--arc-foreground);
  }
}
.segmented_control_button:active,
.segmented_control_button[aria-pressed=true] {
  color: var(--arc-foreground);
}
.segmented_control_selection {
  position: absolute;
  z-index: -1;
  inset: 0;
  border: 1px solid var(--arc-border);
  border-radius: inherit;
  background: var(--arc-surface);
  box-shadow: var(--arc-shadow-resting);
}
.segmented_control_label {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
@media (max-width: 380px) {
  .segmented_control_button {
    padding: 0 10px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .segmented_control_button {
    transition: none;
  }
}
[data-motion=reduced] .segmented_control_button {
  transition: none;
}
.segmented_control_button:focus-visible {
  outline: 1px solid var(--input-focus-color);
  outline-offset: 0;
}
.segmented_control_button:disabled {
  opacity: .5;
  cursor: not-allowed;
}
.segmented_control_root[data-size=sm] .segmented_control_button {
  min-height: var(--arc-control-height-sm);
}
.segmented_control_root[data-size=md] .segmented_control_button {
  min-height: var(--arc-control-height-md);
}
.segmented_control_root[data-size=lg] .segmented_control_button {
  min-height: var(--arc-control-height-lg);
  font-size: var(--arc-text-base);
}
@media (pointer: coarse) {
  .segmented_control_button {
    min-height: 44px !important;
  }
}
@media (forced-colors: active) {
  .segmented_control_button:focus-visible {
    outline-color: Highlight;
  }
  .segmented_control_selection {
    border-color: Highlight;
  }
}

/* vendor/ubm-ui-components/src/components/tree-view/tree-view.module.css */
.tree_view_tree {
  display: block;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 6px 8px 8px;
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-panel);
  background: var(--arc-surface);
  color: var(--arc-foreground);
  overflow: hidden;
}
.tree_view_row {
  position: relative;
  display: flow-root;
  min-width: 0;
  height: 38px;
}
.tree_view_item {
  position: relative;
  display: flex;
  width: 100%;
  min-width: 0;
  height: 36px;
  margin-top: 2px;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  padding-left: calc(10px + (var(--tree-depth) - 1) * 18px);
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--arc-text-secondary);
  font: inherit;
  font-size: var(--arc-text-sm);
  line-height: 1;
  text-align: left;
  cursor: pointer;
  outline: none;
  transition: color var(--arc-duration-fast) var(--arc-ease-standard), background-color var(--arc-duration-fast) var(--arc-ease-standard);
}
.tree_view_item[aria-selected=true] {
  color: var(--arc-foreground);
}
.tree_view_selection {
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 10px;
  background: var(--arc-surface-muted);
}
.tree_view_branch {
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: calc(16.5px + (var(--tree-depth) - 2) * 18px);
  z-index: 1;
  width: 1px;
  background: var(--arc-border);
  transform-origin: top;
  pointer-events: none;
}
.tree_view_disclosure,
.tree_view_icon,
.tree_view_label {
  position: relative;
  z-index: 1;
}
.tree_view_disclosure {
  display: grid;
  width: 14px;
  height: 16px;
  flex: 0 0 14px;
  place-items: center;
  color: var(--arc-text-muted);
}
.tree_view_icon {
  display: grid;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  place-items: center;
  color: var(--arc-text-muted);
  transition: color var(--arc-duration-fast) var(--arc-ease-standard);
}
.tree_view_folder {
  color: var(--arc-text-secondary);
}
.tree_view_item[aria-expanded=true] .tree_view_folder,
.tree_view_item[aria-selected=true] .tree_view_folder {
  color: var(--arc-foreground);
}
.tree_view_folderGlyph {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
}
.tree_view_typescript {
  color: var(--arc-accent);
}
.tree_view_stylesheet {
  color: var(--arc-accent);
}
.tree_view_markdown {
  color: var(--arc-success);
}
.tree_view_json {
  color: var(--arc-warning);
}
.tree_view_label {
  min-width: 0;
  overflow: hidden;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (hover: hover) and (pointer: fine) {
  .tree_view_item:hover {
    background: var(--arc-surface-muted);
    color: var(--arc-foreground);
  }
}
@media (prefers-reduced-motion: reduce) {
  .tree_view_item,
  .tree_view_icon {
    transition: none;
  }
}
.tree_view_item:focus-visible {
  outline: 1px solid var(--arc-accent);
  outline-offset: -1px;
}

/* vendor/ubm-ui-components/src/components/line-chart/line-chart.module.css */
.line_chart_figure {
  display: grid;
  min-width: 0;
  gap: var(--arc-space-4);
  margin: 0;
  color: var(--arc-foreground);
  font-family: var(--arc-font-body);
  letter-spacing: var(--arc-tracking-body);
}
.line_chart_legend {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 4px;
  min-width: 0;
  margin-inline: -8px;
}
.line_chart_toggle {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  gap: 8px;
  padding: 0 10px 0 8px;
  border: 0;
  border-radius: var(--arc-radius-pill);
  background: transparent;
  color: var(--arc-text-secondary);
  cursor: pointer;
  font: inherit;
  font-size: var(--arc-text-sm);
  line-height: var(--arc-leading-body);
  -webkit-tap-highlight-color: transparent;
  transition:
    color var(--arc-duration-fast) var(--arc-ease-standard),
    background-color var(--arc-duration-fast) var(--arc-ease-standard),
    transform var(--arc-duration-instant) var(--arc-ease-standard);
}
.line_chart_toggle:active {
  transform: scale(.97);
}
.line_chart_toggle[aria-pressed=false] {
  color: var(--arc-text-muted);
}
.line_chart_toggleLabel {
  white-space: nowrap;
  transition: opacity var(--arc-duration-fast) var(--arc-ease-standard);
}
.line_chart_toggle[aria-pressed=false] .line_chart_toggleLabel {
  opacity: .72;
  text-decoration: line-through;
  text-decoration-color: color-mix(in oklab, currentColor 55%, transparent);
}
.line_chart_swatch {
  position: relative;
  width: 14px;
  height: 10px;
  flex: none;
}
.line_chart_swatch::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2.5px;
  border-radius: 2px;
  background: var(--series);
  content: "";
  transform: translateY(-50%) scaleX(1);
  transform-origin: left;
  transition: transform var(--arc-duration-standard) var(--arc-ease-spring), opacity var(--arc-duration-fast) var(--arc-ease-standard);
}
.line_chart_swatch[data-dashed]::before {
  background:
    repeating-linear-gradient(
      to right,
      var(--series) 0 4px,
      transparent 4px 7px);
}
.line_chart_toggle[aria-pressed=false] .line_chart_swatch::before {
  opacity: .45;
  transform: translateY(-50%) scaleX(.35);
}
@media (hover: hover) and (pointer: fine) {
  .line_chart_toggle:hover {
    background: color-mix(in oklab, var(--arc-foreground) 5%, transparent);
    color: var(--arc-foreground);
  }
}
.line_chart_chart {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 48px;
  grid-template-rows: auto 26px;
  min-width: 0;
}
.line_chart_plot {
  position: relative;
  grid-area: 1 / 1;
  min-width: 0;
  outline: none;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.line_chart_svg {
  display: block;
  overflow: visible;
}
.line_chart_grid {
  stroke: var(--arc-border);
  stroke-width: 1;
  shape-rendering: crispEdges;
}
.line_chart_baseline {
  stroke: var(--arc-border-strong);
  stroke-width: 1;
  shape-rendering: crispEdges;
}
.line_chart_crosshair {
  stroke: var(--arc-border-strong);
  stroke-width: 1;
  shape-rendering: crispEdges;
  opacity: 0;
  transition: opacity var(--arc-duration-instant) var(--arc-ease-standard);
}
.line_chart_chart[data-scrubbing] .line_chart_crosshair {
  opacity: 1;
}
.line_chart_series {
  transition: opacity var(--arc-duration-standard) var(--arc-ease-standard);
}
.line_chart_chart[data-loading] .line_chart_series {
  opacity: .32;
  animation: line_chart_breathe 1.4s var(--arc-ease-in-out) infinite alternate;
}
.line_chart_line {
  fill: none;
  stroke: var(--series);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke var(--arc-duration-standard) var(--arc-ease-standard);
}
.line_chart_line[data-dashed] {
  stroke-dasharray: 4 5;
  stroke-width: 1.75;
}
.line_chart_area {
  fill: color-mix(in oklab, var(--series) 9%, transparent);
  stroke: none;
}
.line_chart_dot {
  fill: var(--series);
  stroke: var(--arc-surface);
  stroke-width: 2;
  opacity: 0;
  transition: opacity var(--arc-duration-instant) var(--arc-ease-standard);
}
.line_chart_chart[data-scrubbing] .line_chart_dot:not([data-hidden]) {
  opacity: 1;
}
.line_chart_tooltip {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: grid;
  min-width: 140px;
  max-width: min(220px, 100%);
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid var(--arc-border);
  border-radius: 14px;
  background: var(--arc-surface-raised);
  box-shadow: var(--arc-shadow-floating);
  opacity: 0;
  pointer-events: none;
  scale: .96;
  transition: opacity var(--arc-duration-fast) var(--arc-ease-standard), scale var(--arc-duration-fast) var(--arc-ease-standard);
}
.line_chart_chart[data-scrubbing] .line_chart_tooltip {
  opacity: 1;
  scale: 1;
}
.line_chart_tipTitle {
  margin: 0 0 2px;
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-xs);
  line-height: var(--arc-leading-body);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.line_chart_tipRow {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: var(--arc-text-sm);
  line-height: var(--arc-leading-body);
}
.line_chart_tipSwatch {
  width: 10px;
  height: 2.5px;
  flex: none;
  border-radius: 2px;
  background: var(--series);
}
.line_chart_tipSwatch[data-dashed] {
  background:
    repeating-linear-gradient(
      to right,
      var(--series) 0 3px,
      transparent 3px 5px);
}
.line_chart_tipName {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  color: var(--arc-text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.line_chart_tipValue {
  flex: none;
  margin-left: 8px;
  color: var(--arc-foreground);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.line_chart_message {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  margin: 0;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-sm);
  pointer-events: none;
}
.line_chart_skeleton {
  position: absolute;
  inset: 30% 0 25%;
  border-radius: 12px;
  background:
    linear-gradient(
      to bottom,
      transparent,
      color-mix(in oklab, var(--arc-foreground) 5%, transparent));
  animation: line_chart_breathe 1.4s var(--arc-ease-in-out) infinite alternate;
}
.line_chart_gutter {
  position: relative;
  grid-area: 1 / 2;
  min-width: 0;
}
.line_chart_tick {
  position: absolute;
  top: 0;
  left: 10px;
  display: block;
  height: 0;
  white-space: nowrap;
  pointer-events: none;
}
.line_chart_tickText {
  display: block;
  transform: translateY(-50%);
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.line_chart_axis {
  position: relative;
  grid-area: 2 / 1;
  min-width: 0;
}
.line_chart_axisLabel {
  position: absolute;
  top: 8px;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  line-height: 1;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.line_chart_grid[data-zero] {
  stroke: var(--arc-border-strong);
}
.line_chart_rule {
  stroke: color-mix(in oklab, var(--arc-foreground) 55%, var(--arc-surface));
  stroke-width: 1;
  shape-rendering: crispEdges;
  pointer-events: none;
}
.line_chart_rule[data-dashed] {
  stroke-dasharray: 4 4;
}
.line_chart_rule[data-tone=accent] {
  stroke: var(--arc-accent);
}
.line_chart_rule[data-tone=warning] {
  stroke: var(--arc-warning);
}
.line_chart_rule[data-tone=danger] {
  stroke: var(--arc-danger);
}
.line_chart_ruleLabels {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.line_chart_ruleLabel {
  position: absolute;
  top: 0;
  left: 4px;
  display: block;
  padding: 0 4px;
  border-radius: 4px;
  background: color-mix(in oklab, var(--arc-surface) 82%, transparent);
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-xs);
  line-height: 1.4;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  translate: 0 -110%;
}
.line_chart_ruleLabel[data-tone=warning] {
  color: color-mix(in oklab, var(--arc-warning) 80%, var(--arc-foreground));
}
.line_chart_ruleLabel[data-tone=danger] {
  color: var(--arc-danger);
}
.line_chart_ruleLabel[data-tone=accent] {
  color: var(--arc-accent);
}
.line_chart_srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.line_chart_plot:not([data-interactive]) {
  touch-action: auto;
}
.line_chart_chart[data-bare] {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto;
}
.line_chart_band {
  fill: color-mix(in oklab, var(--arc-accent) 13%, transparent);
  stroke: none;
}
.line_chart_band[data-tone=neutral] {
  fill: color-mix(in oklab, var(--arc-foreground) 7%, transparent);
}
.line_chart_band[data-tone=warning] {
  fill: color-mix(in oklab, var(--arc-warning) 16%, transparent);
}
.line_chart_playhead {
  stroke: var(--arc-foreground);
  stroke-width: 1;
  opacity: .55;
  shape-rendering: crispEdges;
}
.line_chart_tipDot {
  fill: var(--series);
  stroke: var(--arc-surface);
  stroke-width: 2;
}
.line_chart_progressLabel {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1px 6px;
  border-radius: 6px;
  background: var(--arc-foreground);
  color: var(--arc-surface);
  font-size: var(--arc-text-xs);
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
}
.line_chart_axisClock {
  position: absolute;
  top: 6px;
  left: 0;
  padding: 1px 6px;
  border-radius: 6px;
  background: color-mix(in oklab, var(--arc-foreground) 8%, var(--arc-surface));
  color: var(--arc-foreground);
  font-size: var(--arc-text-xs);
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
}
.line_chart_chart[data-progressive] .line_chart_axis {
  overflow: visible;
}
.line_chart_marker {
  fill: var(--arc-surface);
  stroke: color-mix(in oklab, var(--arc-foreground) 70%, var(--arc-surface));
  stroke-width: 2;
  opacity: 0;
  scale: .4;
  transform-box: fill-box;
  transform-origin: center;
  transition: opacity var(--arc-duration-fast) var(--arc-ease-standard), scale var(--arc-duration-standard) var(--arc-ease-spring);
}
.line_chart_marker[data-shown] {
  opacity: 1;
  scale: 1;
}
.line_chart_marker[data-tone=accent] {
  stroke: var(--arc-accent);
}
.line_chart_marker[data-tone=warning] {
  stroke: var(--arc-warning);
}
.line_chart_marker[data-tone=danger] {
  stroke: var(--arc-danger);
}
.line_chart_rule[data-draggable] {
  stroke-width: 1.5;
}
.line_chart_handles {
  position: absolute;
  top: 0;
  left: 0;
  right: 48px;
  grid-area: 1 / 1;
  pointer-events: none;
}
.line_chart_ruleHandle {
  position: absolute;
  top: 0;
  right: -12px;
  display: grid;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  place-items: center;
  outline: none;
  cursor: ns-resize;
  pointer-events: auto;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.line_chart_ruleGrip {
  display: block;
  width: 22px;
  height: 14px;
  border: 1.5px solid var(--arc-foreground);
  border-radius: 7px;
  background: var(--arc-surface);
  box-shadow: 0 1px 2px color-mix(in oklab, var(--arc-foreground) 18%, transparent);
  transition: scale var(--arc-duration-fast) var(--arc-ease-standard), background-color var(--arc-duration-fast) var(--arc-ease-standard);
}
.line_chart_ruleHandle[data-tone=warning] .line_chart_ruleGrip {
  border-color: var(--arc-warning);
}
.line_chart_ruleHandle[data-tone=danger] .line_chart_ruleGrip {
  border-color: var(--arc-danger);
}
.line_chart_ruleHandle[data-tone=accent] .line_chart_ruleGrip {
  border-color: var(--arc-accent);
}
.line_chart_ruleHandle:focus-visible .line_chart_ruleGrip,
.line_chart_ruleHandle[data-following] .line_chart_ruleGrip {
  background: var(--arc-foreground);
  scale: 1.15;
}
.line_chart_ruleHandle[aria-disabled] {
  cursor: default;
  opacity: .5;
}
@keyframes line_chart_breathe {
  from {
    opacity: .22;
  }
  to {
    opacity: .45;
  }
}
@media (prefers-reduced-motion: reduce) {
  .line_chart_toggle,
  .line_chart_swatch::before,
  .line_chart_line,
  .line_chart_tooltip,
  .line_chart_crosshair,
  .line_chart_dot,
  .line_chart_series,
  .line_chart_marker,
  .line_chart_ruleGrip {
    transition: none;
  }
  .line_chart_chart[data-loading] .line_chart_series,
  .line_chart_skeleton {
    animation: none;
  }
}
[data-motion=reduced] .line_chart_figure * {
  transition: none !important;
  animation: none !important;
}
.line_chart_toggle:focus-visible,
.line_chart_plot:focus-visible {
  outline: 1px solid var(--arc-accent);
  outline-offset: 3px;
}

/* vendor/ubm-ui-components/src/components/bar-chart/bar-chart.module.css */
.bar_chart_figure {
  display: grid;
  min-width: 0;
  gap: var(--arc-space-5);
  margin: 0;
  color: var(--arc-foreground);
}
.bar_chart_header {
  display: grid;
  min-width: 0;
  gap: 2px;
}
.bar_chart_kind,
.bar_chart_when {
  display: block;
  min-height: calc(1em * var(--arc-leading-body));
  font-size: var(--arc-text-sm);
  line-height: var(--arc-leading-body);
}
.bar_chart_kind {
  color: var(--arc-text-secondary);
}
.bar_chart_when {
  color: var(--arc-text-muted);
}
.bar_chart_value {
  display: flex;
  min-width: 0;
  align-items: baseline;
  gap: 6px;
  font-family: var(--arc-font-display);
  font-size: var(--arc-text-3xl);
  font-weight: 500;
  letter-spacing: var(--arc-tracking-display);
  line-height: var(--arc-leading-display);
  font-variant-numeric: tabular-nums;
}
.bar_chart_unit {
  color: var(--arc-text-secondary);
  font-family: var(--arc-font-body);
  font-size: var(--arc-text-base);
  font-weight: 400;
  letter-spacing: var(--arc-tracking-body);
}
.bar_chart_swap {
  position: relative;
  display: block;
  min-width: 0;
}
.bar_chart_swapText {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bar_chart_roll {
  position: relative;
  display: inline-flex;
  justify-content: flex-end;
  overflow-x: clip;
  overflow-y: visible;
  white-space: pre;
}
.bar_chart_digits {
  position: relative;
  display: inline-flex;
  flex: none;
}
.bar_chart_digit {
  position: relative;
  display: inline-block;
  white-space: pre;
}
.bar_chart_sizer {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  white-space: pre;
  pointer-events: none;
}
.bar_chart_chart {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 52px;
  grid-template-rows: auto 26px;
  min-width: 0;
}
.bar_chart_plot {
  position: relative;
  grid-area: 1 / 1;
  min-width: 0;
}
.bar_chart_svg {
  display: block;
  overflow: hidden;
}
.bar_chart_grid {
  stroke: var(--arc-border);
  stroke-width: 1;
  shape-rendering: crispEdges;
}
.bar_chart_baseline {
  stroke: var(--arc-border-strong);
  stroke-width: 1;
  shape-rendering: crispEdges;
}
.bar_chart_cursor {
  stroke: var(--arc-border-strong);
  stroke-width: 1;
  shape-rendering: crispEdges;
}
.bar_chart_mean {
  stroke: var(--arc-text-secondary);
  stroke-width: 1;
  stroke-dasharray: 3 3;
  shape-rendering: crispEdges;
}
.bar_chart_bar {
  fill: color-mix(in oklab, var(--arc-accent) 62%, var(--arc-surface));
  transition: fill var(--arc-duration-fast) var(--arc-ease-standard);
}
.bar_chart_chart[data-scrubbing] .bar_chart_bar {
  fill: color-mix(in oklab, var(--arc-accent) 24%, var(--arc-surface));
}
[data-theme=dark] .bar_chart_bar {
  fill: color-mix(in oklab, var(--arc-accent) 76%, var(--arc-surface));
}
[data-theme=dark] .bar_chart_chart[data-scrubbing] .bar_chart_bar {
  fill: color-mix(in oklab, var(--arc-accent) 34%, var(--arc-surface));
}
[data-theme=dark] .bar_chart_chart .bar_chart_bar[data-active] {
  fill: var(--arc-accent);
}
.bar_chart_chart .bar_chart_bar[data-active] {
  fill: var(--arc-accent);
}
.bar_chart_gutter {
  position: relative;
  grid-area: 1 / 2;
  min-width: 0;
}
.bar_chart_tick,
.bar_chart_meanLabel {
  position: absolute;
  top: 0;
  left: 10px;
  display: block;
  height: 0;
  white-space: nowrap;
  pointer-events: none;
}
.bar_chart_tickText {
  display: block;
  transform: translateY(-50%);
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.bar_chart_meanLabel .bar_chart_tickText {
  color: var(--arc-foreground);
  font-weight: 500;
}
.bar_chart_axis {
  position: relative;
  grid-area: 2 / 1;
  min-width: 0;
  overflow: hidden;
}
.bar_chart_axisLabel {
  position: absolute;
  top: 8px;
  left: 0;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  line-height: 1;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.bar_chart_scrubber {
  position: absolute;
  inset: 0;
  border-radius: calc(var(--arc-radius-control) / 2);
  outline: none;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.bar_chart_srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .bar_chart_bar {
    transition: none;
  }
}
.bar_chart_bullet {
  position: relative;
  display: block;
  width: 100%;
  height: 16px;
  border-radius: 3px;
  background: color-mix(in oklab, var(--arc-foreground) 4%, transparent);
}
.bar_chart_bullet[data-size=sm] {
  height: 12px;
}
.bar_chart_bulletBand {
  position: absolute;
  top: 0;
  bottom: 0;
  background: color-mix(in oklab, var(--arc-foreground) 7%, transparent);
}
.bar_chart_bulletBand[data-tone=over] {
  background: color-mix(in oklab, var(--arc-foreground) 13%, transparent);
}
.bar_chart_bulletBar {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  height: 5px;
  border-radius: 1px;
  background: var(--arc-foreground);
  transform-origin: left center;
  translate: 0 -50%;
}
.bar_chart_bullet[data-size=sm] .bar_chart_bulletBar {
  height: 4px;
}
.bar_chart_bulletOver {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.bar_chart_bulletBar[data-over] {
  background: var(--arc-danger);
}
.bar_chart_bulletTick {
  position: absolute;
  top: -3px;
  bottom: -3px;
  width: 2px;
  margin-left: -1px;
  border-radius: 1px;
  background: var(--arc-foreground);
}
.bar_chart_measure {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  visibility: hidden;
  pointer-events: none;
}
.bar_chart_measure > span {
  flex: none;
  font-size: var(--arc-text-xs);
  line-height: 1;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.bar_chart_waterfall {
  display: grid;
  min-width: 0;
  margin: 0;
  color: var(--arc-foreground);
  font-family: var(--arc-font-body);
}
.bar_chart_wfChart {
  display: grid;
  grid-template-rows: auto 30px;
  min-width: 0;
  padding-right: 56px;
}
.bar_chart_wfPlot {
  position: relative;
  margin-top: 18px;
}
.bar_chart_wfGrid {
  position: absolute;
  left: 0;
  right: -56px;
  height: 0;
  border-top: 1px solid var(--arc-border);
  pointer-events: none;
}
.bar_chart_wfGrid[data-zero] {
  border-top-color: var(--arc-border-strong);
}
.bar_chart_wfTick {
  position: absolute;
  right: 0;
  width: 46px;
  transform: translateY(-50%);
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  line-height: 1;
  text-align: left;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.bar_chart_wfBar {
  position: absolute;
  display: block;
  border-radius: 3px;
  background: color-mix(in oklab, var(--arc-foreground) 72%, var(--arc-surface));
  transition: opacity var(--arc-duration-fast) var(--arc-ease-standard), box-shadow var(--arc-duration-fast) var(--arc-ease-standard);
}
.bar_chart_wfBar[data-tone=up] {
  background: color-mix(in oklab, var(--arc-success) 78%, var(--arc-surface));
}
.bar_chart_wfBar[data-tone=down] {
  background: color-mix(in oklab, var(--arc-danger) 74%, var(--arc-surface));
}
.bar_chart_waterfall[data-active] .bar_chart_wfBar:not([data-selected]):not([data-preview]) {
  opacity: .42;
}
.bar_chart_wfBar[data-selected] {
  box-shadow: 0 0 0 2px var(--arc-surface), 0 0 0 3.5px var(--arc-foreground);
}
.bar_chart_wfAmount {
  position: absolute;
  display: block;
  translate: -50% -130%;
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-xs);
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
  transition: color var(--arc-duration-fast) var(--arc-ease-standard);
}
.bar_chart_wfAmount[data-tone=up] {
  color: color-mix(in oklab, var(--arc-success) 82%, var(--arc-foreground));
}
.bar_chart_wfAmount[data-tone=down] {
  color: var(--arc-danger);
}
.bar_chart_wfAmount[data-selected] {
  color: var(--arc-foreground);
}
.bar_chart_wfConnector {
  position: absolute;
  height: 0;
  border-top: 1px dashed var(--arc-border-strong);
  pointer-events: none;
}
.bar_chart_wfButtons {
  position: absolute;
  inset: -18px 0 -30px;
}
.bar_chart_wfButton {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 0;
  border: 0;
  border-radius: var(--arc-radius-control);
  background: transparent;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
.bar_chart_wfButton:focus-visible {
  background: color-mix(in oklab, var(--arc-foreground) 5%, transparent);
}
.bar_chart_wfAxis {
  position: relative;
  min-width: 0;
}
.bar_chart_wfAxisLabel {
  position: absolute;
  top: 8px;
  overflow: hidden;
  padding: 0 2px;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  line-height: 1.2;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bar_chart_wfAxisLabel[data-selected] {
  color: var(--arc-foreground);
  font-weight: 500;
}
.bar_chart_wfNote {
  margin: 4px 0 0;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
}
.bar_chart_waterfall:has(.bar_chart_wfNote) .bar_chart_wfBar[data-tone=total] {
  mask-image:
    linear-gradient(
      to top,
      transparent 0 4px,
      #000 4px);
}
@media (prefers-reduced-motion: reduce) {
  .bar_chart_wfBar,
  .bar_chart_wfAmount {
    transition: none;
  }
}
[data-motion=reduced] .bar_chart_figure * {
  transition: none !important;
  animation: none !important;
}
.bar_chart_scrubber:focus-visible {
  outline: 1px solid var(--arc-accent);
  outline-offset: 3px;
}

/* vendor/ubm-ui-components/src/components/number-field/number-field.module.css */
.number_field_field {
  --nf-height: var(--arc-control-height-md);
  --nf-step: 34px;
  --nf-inset: 3px;
  --nf-text: var(--arc-text-base);
  --nf-width: var(--number-field-width, 196px);
  --nf-limit: color-mix(in oklab, var(--arc-warning) 72%, var(--arc-foreground));
  display: grid;
  min-width: 0;
}
.number_field_field[data-size=sm] {
  --nf-height: var(--arc-control-height-sm);
  --nf-step: 28px;
  --nf-inset: 3px;
  --nf-text: var(--arc-text-sm);
  --nf-width: var(--number-field-width, 164px);
}
.number_field_field[data-size=lg] {
  --nf-height: var(--arc-control-height-lg);
  --nf-step: 40px;
  --nf-inset: 4px;
  --nf-text: var(--arc-text-lg);
  --nf-width: var(--number-field-width, 228px);
}
:root[data-theme=dark] .number_field_field {
  --nf-limit: color-mix(in oklab, var(--arc-warning) 88%, var(--arc-foreground));
}
.number_field_head {
  display: flex;
  width: min(100%, var(--nf-width));
  align-items: baseline;
  justify-content: space-between;
  gap: var(--arc-space-3);
  margin-bottom: var(--arc-space-2);
}
.number_field_label {
  min-width: 0;
  color: var(--arc-foreground);
  font-size: var(--arc-text-sm);
  font-weight: 500;
  line-height: var(--arc-leading-body);
  letter-spacing: var(--arc-tracking-body);
}
.number_field_field[data-size=sm] .number_field_label {
  font-size: var(--arc-text-xs);
}
.number_field_limit {
  flex: none;
  color: var(--nf-limit);
  font-size: var(--arc-text-xs);
  font-weight: 500;
  line-height: var(--arc-leading-body);
  letter-spacing: var(--arc-tracking-body);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.number_field_label[data-scrub] {
  cursor: ew-resize;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
}
.number_field_control {
  display: flex;
  align-items: center;
  width: min(100%, var(--nf-width));
  min-height: var(--nf-height);
  gap: 2px;
  border: 1px solid var(--arc-border);
  border-radius: var(--radius);
  padding: var(--nf-inset);
  background: var(--arc-surface);
  transition:
    border-color var(--arc-duration-fast) var(--arc-ease-standard),
    background-color var(--arc-duration-standard) var(--arc-ease-standard),
    opacity var(--arc-duration-fast) var(--arc-ease-standard);
}
@media (hover: hover) and (pointer: fine) {
  .number_field_control:hover,
  .number_field_field:has(.number_field_label[data-scrub]:hover) .number_field_control {
    border-color: var(--arc-border-strong);
  }
}
.number_field_control[data-scrubbing] {
  border-color: var(--input-focus-color);
}
.number_field_control:has(input:focus) {
  border-color: var(--input-focus-color);
}
.number_field_control[data-warn],
.number_field_control[data-warn]:hover {
  border-color: color-mix(in oklab, var(--arc-warning) 55%, var(--arc-border));
  background: color-mix(in oklab, var(--arc-warning) 5%, var(--arc-surface));
}
.number_field_control[data-warn]:has(input:focus) {
  border-color: color-mix(in oklab, var(--arc-warning) 80%, var(--arc-border));
}
.number_field_control[data-disabled] {
  opacity: .5;
  background: var(--arc-surface-muted);
}
.number_field_step {
  display: grid;
  width: var(--nf-step);
  height: var(--nf-step);
  flex: 0 0 var(--nf-step);
  place-items: center;
  border: 0;
  border-radius: calc(var(--arc-radius-control) - var(--nf-inset) - 1px);
  padding: 0;
  background: transparent;
  color: var(--arc-text-secondary);
  cursor: pointer;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  transition:
    background-color var(--arc-duration-fast) var(--arc-ease-standard),
    color var(--arc-duration-fast) var(--arc-ease-standard),
    opacity var(--arc-duration-standard) var(--arc-ease-standard);
}
.number_field_icon {
  display: grid;
  place-items: center;
}
.number_field_icon svg {
  transition: transform var(--arc-duration-spring) var(--arc-ease-spring);
}
@media (hover: hover) and (pointer: fine) {
  .number_field_step:hover:not(:disabled, [aria-disabled=true]) {
    background: var(--arc-surface-muted);
    color: var(--arc-foreground);
  }
}
.number_field_step:is(:active, [data-pressed]):not(:disabled, [aria-disabled=true]) {
  background: color-mix(in oklab, var(--arc-foreground) 10%, var(--arc-surface));
  color: var(--arc-foreground);
  transition: background-color 60ms linear, color 60ms linear;
}
.number_field_step:is(:active, [data-pressed]):not(:disabled, [aria-disabled=true]) svg {
  transform: scale(.82);
  transition: transform 90ms var(--arc-ease-standard);
}
.number_field_step:focus-visible {
  outline: none;
  background: var(--arc-surface-muted);
  color: var(--arc-foreground);
}
.number_field_step[aria-disabled=true] {
  opacity: .32;
  cursor: not-allowed;
}
.number_field_step:disabled {
  opacity: .35;
  cursor: not-allowed;
}
.number_field_control[data-strain=max] .number_field_step[aria-disabled=true]:last-child,
.number_field_control[data-strain=min] .number_field_step[aria-disabled=true]:first-child {
  opacity: .6;
  color: var(--nf-limit);
  transition: opacity 60ms linear, color 60ms linear;
}
.number_field_valueWrap {
  position: relative;
  display: flex;
  min-width: 0;
  flex: 1;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  cursor: text;
}
.number_field_control[data-disabled] .number_field_valueWrap {
  cursor: not-allowed;
}
.number_field_value {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  color: var(--arc-foreground);
  font-size: var(--nf-text);
  transition: color var(--arc-duration-standard) var(--arc-ease-standard);
  font-weight: 500;
  line-height: var(--arc-leading-body);
  letter-spacing: var(--arc-tracking-body);
  font-variant-numeric: tabular-nums;
}
.number_field_affix {
  display: inline-flex;
  color: var(--arc-text-secondary);
  font-weight: 400;
}
.number_field_char {
  display: inline-block;
  overflow-x: clip;
  white-space: pre;
}
.number_field_number {
  position: relative;
  display: inline-grid;
  align-items: center;
}
.number_field_display {
  display: inline-flex;
  grid-area: 1 / 1;
}
.number_field_display[data-hidden] {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}
.number_field_mirror {
  grid-area: 1 / 1;
  white-space: pre;
}
.number_field_input {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: calc(100% + 1em);
  height: 100%;
  margin: 0;
  border: 0;
  padding: 0;
  background: transparent;
  color: transparent;
  caret-color: var(--arc-foreground);
  font: inherit;
  font-variant-numeric: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-align: left;
  outline: none;
}
.number_field_input:focus-visible {
  outline: none;
}
.number_field_input::selection {
  background: color-mix(in oklab, var(--arc-foreground) 16%, transparent);
  color: transparent;
}
.number_field_input:disabled {
  cursor: not-allowed;
}
.number_field_column {
  --feather: .2em;
  position: relative;
  display: inline-block;
  overflow-x: visible;
  overflow-y: clip;
  margin-block: calc(var(--feather) * -1);
  padding-block: var(--feather);
  mask-image:
    linear-gradient(
      to bottom,
      transparent,
      #000 calc(var(--feather) * 1.5),
      #000 calc(100% - var(--feather) * 1.5),
      transparent);
  mask-repeat: repeat-x;
  mask-clip: no-clip;
}
.number_field_sizer {
  visibility: hidden;
}
.number_field_glyph {
  position: absolute;
  inset: var(--feather) 0;
  text-align: center;
}
.number_field_symbol {
  display: inline-block;
  overflow-x: clip;
  white-space: pre;
}
.number_field_messageSlot {
  display: block;
  overflow: hidden;
}
.number_field_hint {
  display: block;
  padding-top: var(--arc-space-2);
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  line-height: var(--arc-leading-body);
  letter-spacing: var(--arc-tracking-body);
  font-variant-numeric: tabular-nums;
}
.number_field_words {
  position: relative;
  display: block;
}
.number_field_wordSlot {
  position: relative;
  display: inline-block;
  vertical-align: top;
  white-space: pre;
}
.number_field_wordSizer {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  white-space: pre;
}
.number_field_word {
  display: inline-block;
  white-space: pre;
}
.number_field_srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .number_field_control,
  .number_field_step {
    transition:
      opacity var(--arc-duration-instant) linear,
      border-color var(--arc-duration-instant) linear,
      background-color var(--arc-duration-instant) linear;
  }
  .number_field_step:is(:active, [data-pressed]):not(:disabled, [aria-disabled=true]) svg,
  .number_field_icon svg {
    transform: none;
    transition: none;
  }
  .number_field_control[data-strain] .number_field_value {
    color: var(--nf-limit);
    transition: none;
  }
}
[data-motion=reduced] .number_field_control,
[data-motion=reduced] .number_field_step {
  transition:
    opacity var(--arc-duration-instant) linear,
    border-color var(--arc-duration-instant) linear,
    background-color var(--arc-duration-instant) linear;
}
[data-motion=reduced] .number_field_step:is(:active, [data-pressed]):not(:disabled, [aria-disabled=true]) svg,
[data-motion=reduced] .number_field_icon svg {
  transform: none;
  transition: none;
}
[data-motion=reduced] .number_field_control[data-strain] .number_field_value {
  color: var(--nf-limit);
  transition: none;
}
.number_field_step:focus-visible {
  box-shadow: none;
}
@media (forced-colors: active) {
  .number_field_control:focus-within {
    border-color: Highlight;
  }
}

/* vendor/ubm-ui-components/src/components/timeline/timeline.module.css */
.timeline_root {
  --marker: 28px;
  --marker-top: 8px;
  --line-gap: 4px;
  position: relative;
  display: grid;
  min-width: 0;
  color: var(--arc-foreground);
}
.timeline_scroller {
  min-width: 0;
  overflow-anchor: none;
}
@property --timeline-feather { syntax: "<length>"; inherits: false; initial-value: 0px; }
.timeline_scroller[data-scrolls] {
  max-height: var(--timeline-height);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: var(--arc-border-strong) transparent;
  scrollbar-width: thin;
  mask-image:
    linear-gradient(
      to bottom,
      #000 calc(100% - var(--timeline-feather)),
      transparent);
  transition: --timeline-feather var(--arc-duration-standard) var(--arc-ease-standard);
}
.timeline_scroller[data-more] {
  --timeline-feather: 36px;
}
.timeline_group {
  position: relative;
}
.timeline_group[data-entering] {
  overflow: clip;
}
.timeline_day {
  position: sticky;
  z-index: 2;
  top: 0;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--arc-space-3);
  padding: var(--arc-space-2) var(--arc-space-3) var(--arc-space-2) 0;
  background: var(--timeline-surface, var(--arc-surface));
  color: var(--arc-foreground);
  font-size: var(--arc-text-sm);
  font-weight: 500;
  line-height: var(--arc-leading-body);
}
.timeline_count {
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  font-weight: 400;
  font-variant-numeric: tabular-nums;
}
.timeline_rolling {
  display: inline-flex;
}
.timeline_place {
  position: relative;
  display: inline-flex;
  overflow: clip;
  overflow-clip-margin: .15em;
}
.timeline_rise {
  position: relative;
  display: inline-flex;
}
.timeline_riseLine {
  display: inline-block;
  white-space: nowrap;
}
.timeline_list {
  margin: 0 0 var(--arc-space-3);
  padding: 0;
  list-style: none;
}
.timeline_item {
  position: relative;
  padding-left: calc(var(--marker) + var(--arc-space-2));
}
.timeline_item[data-entering] {
  overflow: clip;
}
.timeline_marker {
  position: absolute;
  z-index: 1;
  top: var(--marker-top);
  left: 0;
  display: grid;
  width: var(--marker);
  height: var(--marker);
  place-items: center;
  border-radius: var(--arc-radius-pill);
  color: var(--arc-text-secondary);
}
.timeline_marker img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}
.timeline_marker::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid color-mix(in oklab, var(--arc-foreground) 10%, transparent);
  border-radius: inherit;
  pointer-events: none;
}
.timeline_marker[data-tone] {
  background: var(--arc-surface);
}
.timeline_marker[data-tone=success] {
  background: color-mix(in oklab, var(--arc-success) 12%, var(--arc-surface));
  color: var(--arc-success);
}
.timeline_marker[data-tone=danger] {
  background: color-mix(in oklab, var(--arc-danger) 12%, var(--arc-surface));
  color: var(--arc-danger);
}
.timeline_marker svg {
  width: 14px;
  height: 14px;
  stroke-width: 2;
}
.timeline_segment {
  position: absolute;
  top: calc(var(--marker-top) + var(--marker) + var(--line-gap));
  bottom: calc(var(--line-gap) - var(--marker-top));
  left: calc(var(--marker) / 2 - .5px);
  width: 1px;
  background: var(--arc-border-strong);
  transform-origin: 50% 0;
}
.timeline_content {
  min-width: 0;
}
.timeline_trigger {
  display: grid;
  width: 100%;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  column-gap: var(--arc-space-3);
  margin: 0;
  padding: 12px var(--arc-space-3);
  border: 0;
  border-radius: var(--arc-radius-control);
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
  transition: background-color var(--arc-duration-fast) var(--arc-ease-standard);
}
button.timeline_trigger {
  grid-template-columns: minmax(0, 1fr) auto 16px;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  button.timeline_trigger:hover {
    background: var(--arc-surface-muted);
  }
}
button.timeline_trigger:active {
  background: var(--arc-surface-muted);
}
.timeline_text {
  display: grid;
  min-width: 0;
  gap: 2px;
}
.timeline_title {
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-sm);
  line-height: 20px;
}
.timeline_actor {
  color: var(--arc-foreground);
  font-weight: 500;
}
.timeline_meta {
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  line-height: var(--arc-leading-body);
}
.timeline_time {
  display: flex;
  min-width: 2.75rem;
  justify-content: flex-end;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  line-height: 20px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.timeline_chevron {
  display: grid;
  height: 20px;
  place-items: center;
  color: var(--arc-text-muted);
}
.timeline_detail {
  overflow: clip;
  overflow-clip-margin: 4px;
}
.timeline_detailInner {
  padding: 0 var(--arc-space-3) var(--arc-space-4);
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-sm);
  line-height: var(--arc-leading-body);
}
.timeline_srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@media (max-width: 420px) {
  .timeline_trigger {
    column-gap: var(--arc-space-2);
    padding-inline: var(--arc-space-2);
  }
  .timeline_detailInner {
    padding-inline: var(--arc-space-2);
  }
}
@media (prefers-reduced-motion: reduce) {
  .timeline_trigger {
    transition: none;
  }
  .timeline_scroller[data-scrolls] {
    transition: --timeline-feather var(--arc-duration-instant) var(--arc-ease-standard);
  }
}
[data-motion=reduced] .timeline_trigger,
[data-motion=reduced] .timeline_scroller {
  transition: none;
}
.timeline_group {
  margin-bottom: 0;
}

/* vendor/ubm-ui-components/src/components/drawer/drawer.module.css */
.drawer_overlay {
  position: fixed;
  inset: 0;
  z-index: 50;
  background: oklch(10% 0 0 / .38);
  backdrop-filter: blur(4px);
}
.drawer_content {
  --drawer-size: min(30rem, calc(100vw - var(--arc-space-4)));
  --ease-drawer: cubic-bezier(.32,.72,0,1);
  --drawer-from: translateX(100%);
  position: fixed;
  z-index: 51;
  display: flex;
  flex-direction: column;
  width: var(--drawer-size);
  max-width: 100vw;
  max-height: 100dvh;
  overflow: hidden;
  border: 1px solid var(--arc-border);
  background: var(--arc-surface-raised);
  color: var(--arc-foreground);
  box-shadow: var(--arc-shadow-floating);
}
.drawer_overlay[data-state=closed],
.drawer_content[data-state=closed] {
  pointer-events: none !important;
}
.drawer_content[data-side=right] {
  inset: 0 0 0 auto;
  border-width: 1px 0 1px 1px;
  border-radius: var(--radius) 0 0 var(--radius);
}
.drawer_content[data-side=left] {
  inset: 0 auto 0 0;
  border-width: 1px 1px 1px 0;
  border-radius: 0 var(--radius) var(--radius) 0;
}
.drawer_content[data-side=top] {
  inset: 0 0 auto;
  width: 100%;
  max-width: none;
  max-height: min(32rem, 100dvh);
  border-width: 0 0 1px;
  border-radius: 0 0 var(--radius) var(--radius);
}
.drawer_content[data-side=bottom] {
  inset: auto 0 0;
  width: 100%;
  max-width: none;
  max-height: min(32rem, 100dvh);
  border-width: 1px 0 0;
  border-radius: var(--radius) var(--radius) 0 0;
}
.drawer_content[data-side=bottom]::before {
  position: absolute;
  top: 9px;
  left: 50%;
  width: 2.25rem;
  height: 4px;
  border-radius: var(--arc-radius-pill);
  background: var(--arc-border-strong);
  content: "";
  opacity: .75;
  transform: translateX(-50%);
}
.drawer_content[data-side=left] {
  --drawer-from: translateX(-100%);
}
.drawer_content[data-side=top] {
  --drawer-from: translateY(-100%);
}
.drawer_content[data-side=bottom] {
  --drawer-from: translateY(100%);
}
.drawer_keyframes.drawer_overlay[data-state=open] {
  animation: drawer_overlay-in var(--arc-duration-standard) var(--arc-ease-enter) both;
}
.drawer_keyframes.drawer_overlay[data-state=closed] {
  animation: drawer_overlay-out var(--arc-duration-fast) var(--arc-ease-standard) both;
}
.drawer_keyframes.drawer_content[data-state=open] {
  animation: drawer_drawer-in var(--arc-duration-considered) var(--ease-drawer) both;
}
.drawer_keyframes.drawer_content[data-state=closed] {
  animation: drawer_drawer-out var(--arc-duration-standard) var(--arc-ease-standard) both;
}
.drawer_content:focus {
  outline: none;
}
.drawer_overlay[data-contained],
.drawer_content[data-contained] {
  position: absolute;
}
.drawer_overlay[data-ubm-overlay-engaged=false]:not([data-contained]),
.drawer_content[data-ubm-overlay-engaged=false]:not([data-contained]) {
  visibility: hidden;
  pointer-events: none !important;
}
.drawer_overlay[data-contained] {
  z-index: 1;
  background: oklch(10% 0 0 / .16);
  backdrop-filter: none;
}
.drawer_content[data-contained] {
  --drawer-size: min(22rem, calc(100% - var(--arc-space-8, 32px)));
  z-index: 2;
  max-height: 100%;
  box-shadow: none;
}
.drawer_content[data-contained][data-side=top],
.drawer_content[data-contained][data-side=bottom] {
  max-height: min(32rem, calc(100% - var(--arc-space-8, 32px)));
}
.drawer_content[data-contained][data-side] {
  border-width: 0;
}
.drawer_content[data-contained][data-side=right] {
  border-left-width: 1px;
}
.drawer_content[data-contained][data-side=left] {
  border-right-width: 1px;
}
.drawer_content[data-contained][data-side=top] {
  border-bottom-width: 1px;
}
.drawer_content[data-contained][data-side=bottom] {
  border-top-width: 1px;
}
.drawer_header {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--arc-space-5);
  padding: var(--arc-space-6);
  border-bottom: 1px solid var(--arc-border);
}
.drawer_handle {
  touch-action: none;
  user-select: none;
}
.drawer_content[data-side=bottom] .drawer_handle,
.drawer_content[data-side=top] .drawer_handle {
  cursor: grab;
}
.drawer_title,
.drawer_description {
  position: relative;
}
.drawer_swap {
  display: block;
  line-height: var(--arc-leading-body);
}
.drawer_title {
  margin: 0;
  font-family: var(--arc-font-body);
  font-size: var(--arc-text-lg);
  font-weight: 500;
  letter-spacing: var(--arc-tracking-body);
  line-height: var(--arc-leading-body);
}
.drawer_description {
  max-width: 32rem;
  margin: var(--arc-space-2) 0 0;
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-sm);
  line-height: var(--arc-leading-body);
}
.drawer_close {
  display: grid;
  flex: 0 0 auto;
  width: var(--arc-space-8, 32px);
  height: var(--arc-space-8, 32px);
  margin-top: calc((var(--arc-text-lg) * var(--arc-leading-body) - var(--arc-space-8, 32px)) / 2);
  place-items: center;
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-control);
  background: color-mix(in oklab, var(--arc-surface-muted) 65%, transparent);
  color: var(--arc-text-secondary);
  cursor: pointer;
  transition:
    background-color var(--arc-duration-fast) var(--arc-ease-standard),
    color var(--arc-duration-fast) var(--arc-ease-standard),
    transform var(--arc-duration-spring) var(--arc-ease-spring);
}
@media (hover: hover) and (pointer: fine) {
  .drawer_close:hover {
    background: var(--arc-surface-muted);
    color: var(--arc-foreground);
  }
}
.drawer_close:active {
  transform: scale(.96);
  transition:
    background-color var(--arc-duration-fast) var(--arc-ease-standard),
    color var(--arc-duration-fast) var(--arc-ease-standard),
    transform var(--arc-duration-instant) var(--arc-ease-standard);
}
.drawer_body {
  min-height: 0;
  overflow: auto;
  padding: var(--arc-space-6);
  font-size: var(--arc-text-sm);
  line-height: var(--arc-leading-body);
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
@media (max-width: 40rem) {
  .drawer_content {
    --drawer-size: calc(100vw - var(--arc-space-3));
  }
  .drawer_content[data-side=right] {
    border-radius: var(--radius) 0 0 var(--radius);
  }
  .drawer_content[data-side=left] {
    border-radius: 0 var(--radius) var(--radius) 0;
  }
  .drawer_content[data-side=top] {
    border-radius: 0 0 var(--radius) var(--radius);
  }
  .drawer_content[data-side=bottom] {
    border-radius: var(--radius) var(--radius) 0 0;
  }
  .drawer_header,
  .drawer_body {
    padding: var(--arc-space-5);
  }
}
@keyframes drawer_overlay-in {
  from {
    opacity: 0;
  }
}
@keyframes drawer_overlay-out {
  to {
    opacity: 0;
  }
}
@keyframes drawer_drawer-in {
  from {
    transform: var(--drawer-from);
  }
}
@keyframes drawer_drawer-out {
  65% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: var(--drawer-from);
  }
}
@keyframes drawer_drawer-fade-in {
  from {
    opacity: 0;
  }
}
@keyframes drawer_drawer-fade-out {
  to {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .drawer_keyframes.drawer_overlay[data-state=open] {
    animation: drawer_overlay-in var(--arc-duration-instant) linear both;
  }
  .drawer_keyframes.drawer_overlay[data-state=closed] {
    animation: drawer_overlay-out 100ms linear both;
  }
  .drawer_keyframes.drawer_content[data-state=open] {
    animation: drawer_drawer-fade-in var(--arc-duration-instant) linear both;
  }
  .drawer_keyframes.drawer_content[data-state=closed] {
    animation: drawer_drawer-fade-out 100ms linear both;
  }
  .drawer_close,
  .drawer_close:active {
    transition: none;
  }
  .drawer_close:active {
    transform: none;
  }
}
[data-motion=reduced] .drawer_keyframes.drawer_overlay[data-state=open],
.drawer_keyframes.drawer_overlay[data-state=open][data-motion=reduced] {
  animation: drawer_overlay-in var(--arc-duration-instant) linear both;
}
[data-motion=reduced] .drawer_keyframes.drawer_overlay[data-state=closed],
.drawer_keyframes.drawer_overlay[data-state=closed][data-motion=reduced] {
  animation: drawer_overlay-out 100ms linear both;
}
[data-motion=reduced] .drawer_keyframes.drawer_content[data-state=open],
.drawer_keyframes.drawer_content[data-state=open][data-motion=reduced] {
  animation: drawer_drawer-fade-in var(--arc-duration-instant) linear both;
}
[data-motion=reduced] .drawer_keyframes.drawer_content[data-state=closed],
.drawer_keyframes.drawer_content[data-state=closed][data-motion=reduced] {
  animation: drawer_drawer-fade-out 100ms linear both;
}
[data-motion=reduced] .drawer_close,
.drawer_close[data-motion=reduced],
[data-motion=reduced] .drawer_close:active,
.drawer_close:active[data-motion=reduced] {
  transition: none;
}
[data-motion=reduced] .drawer_close:active,
.drawer_close:active[data-motion=reduced] {
  transform: none;
}
.drawer_content {
  font-family: var(--arc-font-body);
}
.drawer_content button:focus-visible {
  outline: 1px solid var(--arc-control-on);
  outline-offset: -1px;
}
.drawer_content .drawer_header {
  margin: 0;
  max-width: none;
  width: 100%;
  border: 0;
  padding: var(--arc-dialog-padding);
  gap: 16px;
  box-sizing: border-box;
}
.drawer_content .drawer_header > div {
  min-width: 0;
}
.drawer_content .drawer_title {
  font-size: var(--arc-dialog-title-size);
  font-weight: 600;
  letter-spacing: -.025em;
}
.drawer_content .drawer_description {
  font-size: var(--arc-dialog-description-size);
  color: var(--arc-dialog-description-color);
  line-height: 1.55;
}
.drawer_content .drawer_header span {
  display: block;
  letter-spacing: inherit;
  color: inherit;
}
.drawer_content .drawer_body {
  padding: 0 var(--arc-dialog-padding) var(--arc-dialog-padding);
  line-height: 1.6;
}
.drawer_content .drawer_close {
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  width: 32px;
  height: 32px;
}
.drawer_content .drawer_close:hover {
  background: var(--arc-surface-muted);
}
@media (pointer: coarse) {
  .drawer_content .drawer_close {
    width: 44px;
    height: 44px;
  }
}

/* vendor/ubm-ui-components/src/components/bottom-sheet/bottom-sheet.module.css */
.bottom_sheet_overlay {
  position: fixed;
  inset: 0;
  z-index: 50;
  background: oklch(16% 0 0 / .34);
}
:root[data-theme=dark] .bottom_sheet_overlay {
  background: oklch(0% 0 0 / .52);
}
.bottom_sheet_overlay[data-state=closed],
.bottom_sheet_sheet[data-state=closed] {
  pointer-events: none !important;
}
.bottom_sheet_sheet {
  position: fixed;
  z-index: 51;
  right: 0;
  bottom: calc(var(--sheet-extension) * -1);
  left: 0;
  display: flex;
  flex-direction: column;
  width: min(100%, 36rem);
  height: calc(var(--sheet-max) * 100vh + var(--sheet-extension));
  height: calc(var(--sheet-max) * 100dvh + var(--sheet-extension));
  margin-inline: auto;
  overflow: hidden;
  padding-bottom: calc(var(--sheet-extension) + env(safe-area-inset-bottom, 0px));
  border: 1px solid var(--arc-border);
  border-bottom: 0;
  border-radius: var(--radius) var(--radius) 0 0;
  background: var(--arc-surface-raised);
  color: var(--arc-foreground);
  box-shadow: var(--arc-shadow-floating);
  font-family: var(--arc-font-body);
  letter-spacing: var(--arc-tracking-body);
  outline: none;
  will-change: transform;
}
.bottom_sheet_header {
  position: relative;
  flex: none;
  padding: var(--arc-space-2) var(--arc-space-5) var(--arc-space-4);
  cursor: grab;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}
.bottom_sheet_sheet[data-dragging] .bottom_sheet_header {
  cursor: grabbing;
}
.bottom_sheet_header::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: var(--arc-border);
  content: "";
  opacity: 0;
  transition: opacity var(--arc-duration-fast) var(--arc-ease-standard);
}
.bottom_sheet_sheet[data-scrolled] .bottom_sheet_header::after {
  opacity: 1;
}
.bottom_sheet_grabber {
  display: flex;
  width: 3.5rem;
  height: 1.25rem;
  align-items: center;
  justify-content: center;
  margin: 0 auto var(--arc-space-1);
  padding: 0;
  border: 0;
  border-radius: var(--arc-radius-pill);
  background: transparent;
  cursor: inherit;
  -webkit-tap-highlight-color: transparent;
}
.bottom_sheet_grabberBar {
  width: 2.25rem;
  height: 5px;
  border-radius: var(--arc-radius-pill);
  background: var(--arc-border-strong);
  transition: background-color var(--arc-duration-fast) var(--arc-ease-standard);
}
@media (hover: hover) and (pointer: fine) {
  .bottom_sheet_grabber:hover .bottom_sheet_grabberBar {
    background: var(--arc-text-muted);
  }
}
.bottom_sheet_sheet[data-dragging] .bottom_sheet_grabberBar {
  background: var(--arc-text-muted);
}
.bottom_sheet_headRow {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--arc-space-4);
}
.bottom_sheet_headText {
  min-width: 0;
}
.bottom_sheet_title {
  margin: 0;
  font-family: var(--arc-font-body);
  font-size: var(--arc-text-lg);
  font-weight: 500;
  letter-spacing: var(--arc-tracking-body);
  line-height: var(--arc-leading-body);
}
.bottom_sheet_description {
  margin: 2px 0 0;
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-sm);
  line-height: var(--arc-leading-body);
}
.bottom_sheet_close {
  display: grid;
  flex: none;
  width: 2rem;
  height: 2rem;
  place-items: center;
  margin-top: -2px;
  padding: 0;
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-pill);
  background: var(--arc-surface-muted);
  color: var(--arc-text-secondary);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background-color var(--arc-duration-fast) var(--arc-ease-standard), color var(--arc-duration-fast) var(--arc-ease-standard);
}
@media (hover: hover) and (pointer: fine) {
  .bottom_sheet_close:hover {
    color: var(--arc-foreground);
    border-color: var(--arc-border-strong);
  }
}
.bottom_sheet_close:active {
  color: var(--arc-foreground);
}
.bottom_sheet_body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: var(--arc-space-1) var(--arc-space-5) var(--arc-space-6);
  overscroll-behavior: contain;
  scrollbar-width: thin;
  touch-action: pan-y;
  font-size: var(--arc-text-sm);
  line-height: var(--arc-leading-body);
}
.bottom_sheet_sheet:not([data-expanded]) .bottom_sheet_body {
  overflow: hidden;
  touch-action: none;
}
.bottom_sheet_srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@media (max-width: 40rem) {
  .bottom_sheet_header {
    padding-inline: var(--arc-space-4);
  }
  .bottom_sheet_body {
    padding-inline: var(--arc-space-4);
  }
}
@media (prefers-reduced-motion: reduce) {
  .bottom_sheet_header::after,
  .bottom_sheet_grabberBar,
  .bottom_sheet_close {
    transition: none;
  }
}
.bottom_sheet_overlay[data-ubm-overlay-engaged=false],
.bottom_sheet_sheet[data-ubm-overlay-engaged=false] {
  visibility: hidden;
  pointer-events: none !important;
}
[data-motion=reduced] .bottom_sheet_header::after,
.bottom_sheet_header[data-motion=reduced]::after,
[data-motion=reduced] .bottom_sheet_grabberBar,
.bottom_sheet_grabberBar[data-motion=reduced],
[data-motion=reduced] .bottom_sheet_close,
.bottom_sheet_close[data-motion=reduced] {
  transition: none;
}
.bottom_sheet_header::after {
  display: none;
}
.bottom_sheet_sheet {
  box-sizing: border-box;
}
.bottom_sheet_sheet .bottom_sheet_title {
  font-size: var(--arc-text-lg);
  line-height: var(--arc-leading-body);
}
.bottom_sheet_sheet .bottom_sheet_header {
  margin: 0;
  max-width: none;
}
.bottom_sheet_grabber:focus-visible,
.bottom_sheet_close:focus-visible {
  outline: 1px solid var(--input-focus-color);
  outline-offset: 0;
}
.bottom_sheet_body > section {
  margin: 0 0 var(--arc-space-6);
}
@media (pointer: coarse) {
  .bottom_sheet_grabber {
    min-height: 44px;
  }
  .bottom_sheet_close {
    width: 44px;
    height: 44px;
  }
}
@media (forced-colors: active) {
  .bottom_sheet_grabber:focus-visible,
  .bottom_sheet_close:focus-visible {
    outline-color: Highlight;
  }
}

/* vendor/ubm-ui-components/src/components/alert/alert.module.css */
.alert_presence {
  min-width: 0;
}
.alert_alert {
  display: flex;
  align-items: start;
  gap: var(--arc-space-3);
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-control);
  padding: var(--arc-space-4);
  background: var(--arc-surface);
  box-shadow: var(--arc-shadow-resting);
}
.alert_icon,
.alert_glyph {
  position: relative;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
}
.alert_icon {
  width: 18px;
  height: 18px;
  margin-top: 1px;
}
.alert_icon svg {
  display: block;
}
.alert_copy {
  flex: 1;
  min-width: 0;
}
.alert_content {
  position: relative;
}
.alert_title {
  position: relative;
  display: block;
  font-size: var(--arc-text-sm);
  font-weight: 500;
}
.alert_line {
  display: block;
}
.alert_description {
  position: relative;
  margin: var(--arc-space-1) 0 0;
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-xs);
}
.alert_info .alert_icon {
  color: var(--arc-accent);
}
.alert_success .alert_icon {
  color: var(--arc-success);
}
.alert_warning .alert_icon {
  color: var(--arc-warning);
}
.alert_danger .alert_icon {
  color: var(--arc-danger);
}
.alert_dismiss {
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  place-items: center;
  margin: -5px -6px -5px 0;
  border: 0;
  border-radius: var(--arc-radius-pill);
  background: transparent;
  color: var(--arc-text-muted);
  cursor: pointer;
  transition:
    transform var(--arc-duration-spring) var(--arc-ease-spring),
    background-color var(--arc-duration-fast) var(--arc-ease-standard),
    color var(--arc-duration-fast) var(--arc-ease-standard);
}
.alert_dismiss:active {
  transform: scale(.96);
  transition-duration: var(--arc-duration-instant);
  transition-timing-function: var(--arc-ease-standard);
}
@media (hover: hover) and (pointer: fine) {
  .alert_dismiss:hover {
    background: var(--arc-surface-muted);
    color: var(--arc-foreground);
  }
}
@media (prefers-reduced-motion: reduce) {
  .alert_dismiss {
    transition: none;
  }
  .alert_dismiss:active {
    transform: none;
  }
}
[data-motion=reduced] .alert_dismiss,
.alert_dismiss[data-motion=reduced] {
  transition: none;
}
[data-motion=reduced] .alert_dismiss:active,
.alert_dismiss:active[data-motion=reduced] {
  transform: none;
}
.alert_alert {
  font-family: var(--arc-font-body);
  color: var(--arc-foreground);
  line-height: var(--arc-leading-body);
}
.alert_dismiss:focus-visible {
  outline: 1px solid var(--input-focus-color);
  outline-offset: 0;
}
@media (pointer: coarse) {
  .alert_dismiss {
    width: 44px;
    height: 44px;
  }
}

/* vendor/ubm-ui-components/src/components/avatar/avatar.module.css */
.avatar_avatar {
  position: relative;
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  overflow: visible;
  border: 1px solid var(--arc-border);
  border-radius: var(--identity-avatar-radius);
  background: var(--arc-surface-muted);
  color: var(--arc-foreground);
  font-size: var(--arc-text-xs);
  font-weight: 500;
}
.avatar_avatar img {
  pointer-events: none;
  border-radius: inherit;
  object-fit: cover;
  transition: opacity var(--arc-duration-standard) var(--arc-ease-enter), filter var(--arc-duration-standard) var(--arc-ease-enter);
}
.avatar_avatar img[data-loading] {
  opacity: 0;
  filter: blur(4px);
  transition: none;
}
.avatar_fallback {
  animation: avatar_avatar-fallback-in var(--arc-duration-standard) var(--arc-ease-enter) both;
}
.avatar_sm {
  width: var(--identity-avatar-sm);
  height: var(--identity-avatar-sm);
  font-size: 10px;
}
.avatar_md {
  width: var(--identity-avatar-md);
  height: var(--identity-avatar-md);
}
.avatar_lg {
  width: var(--identity-avatar-lg);
  height: var(--identity-avatar-lg);
  font-size: var(--arc-text-sm);
}
.avatar_xl {
  width: var(--identity-avatar-xl);
  height: var(--identity-avatar-xl);
  font-size: var(--arc-text-xl);
}
.avatar_status {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 10px;
  height: 10px;
  border: 2px solid var(--arc-surface);
  border-radius: var(--identity-avatar-radius);
  box-shadow: 0 0 0 1px color-mix(in oklab, var(--arc-border) 70%, transparent);
}
.avatar_sm .avatar_status {
  width: 8px;
  height: 8px;
  border-width: 1.5px;
}
.avatar_lg .avatar_status {
  width: 12px;
  height: 12px;
}
.avatar_xl .avatar_status {
  width: 14px;
  height: 14px;
  right: 4px;
  bottom: 4px;
}
.avatar_online {
  background: var(--arc-success);
}
.avatar_offline {
  background: var(--arc-text-muted);
}
@keyframes avatar_avatar-fallback-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .avatar_avatar img {
    transition: none;
  }
  .avatar_avatar img[data-loading] {
    filter: none;
  }
  .avatar_fallback {
    animation: none;
  }
}
.avatar_avatar[data-reduced-motion] img {
  transition: none;
}
.avatar_avatar[data-reduced-motion] img[data-loading] {
  filter: none;
}
.avatar_avatar[data-reduced-motion] .avatar_fallback {
  animation: none;
}

/* vendor/ubm-ui-components/src/components/chat-thread/chat-thread.module.css */
.chat_thread_root {
  display: flex;
  height: 100%;
  min-height: 0;
  flex-direction: column;
  color: var(--arc-foreground);
  font-family: var(--arc-font-body);
  font-size: var(--arc-text-sm);
  letter-spacing: var(--arc-tracking-body);
  line-height: var(--arc-leading-body);
}
.chat_thread_viewport {
  position: relative;
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
}
.chat_thread_scroller {
  min-height: 0;
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-gutter: stable;
}
.chat_thread_track {
  overflow: clip;
}
.chat_thread_content {
  padding: 12px 16px 14px;
  will-change: transform;
}
.chat_thread_list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.chat_thread_day {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 20px 4px 4px;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  font-weight: 500;
}
.chat_thread_day::before,
.chat_thread_day::after {
  height: 1px;
  flex: 1;
  background: var(--arc-border-subtle);
  content: "";
}
.chat_thread_day:first-child {
  padding-top: 4px;
}
.chat_thread_day > span:empty::before {
  content: "\a0";
}
.chat_thread_row {
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: 8px;
  margin-top: 2px;
}
.chat_thread_row[data-first] {
  margin-top: 14px;
}
.chat_thread_day + .chat_thread_row {
  margin-top: 10px;
}
.chat_thread_row[data-mine] {
  justify-content: flex-end;
}
.chat_thread_gutter {
  width: 28px;
  flex: none;
  align-self: flex-end;
}
.chat_thread_stack {
  display: flex;
  min-width: 0;
  max-width: min(78%, 34rem);
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.chat_thread_row[data-mine] .chat_thread_stack {
  align-items: flex-end;
}
.chat_thread_meta {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin: 0 0 2px;
  padding: 0 12px;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  font-variant-numeric: tabular-nums;
}
.chat_thread_author {
  color: var(--arc-text-secondary);
  font-weight: 500;
}
.chat_thread_line {
  position: relative;
  display: flex;
  max-width: 100%;
  align-items: center;
  gap: 6px;
}
.chat_thread_face {
  position: absolute;
  bottom: 0;
  left: -36px;
  display: flex;
}
.chat_thread_row[data-mine] .chat_thread_line {
  flex-direction: row-reverse;
}
.chat_thread_parts {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.chat_thread_row[data-mine] .chat_thread_parts {
  align-items: flex-end;
}
.chat_thread_bubble {
  --r: 18px;
  --tight: 6px;
  max-width: 100%;
  padding: 8px 13px 9px;
  border-radius: var(--r);
  background: var(--arc-surface-muted);
  color: var(--arc-foreground);
  font-size: var(--arc-text-sm);
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
.chat_thread_row:not([data-mine]):not([data-first]) .chat_thread_bubble {
  border-top-left-radius: var(--tight);
}
.chat_thread_row:not([data-mine]):not([data-last]) .chat_thread_bubble {
  border-bottom-left-radius: var(--tight);
}
.chat_thread_row[data-mine] .chat_thread_bubble {
  background: var(--arc-accent);
  color: var(--arc-accent-foreground);
}
:root[data-theme=dark] .chat_thread_row:not([data-mine]) .chat_thread_bubble {
  background: var(--arc-surface-raised);
}
.chat_thread_row[data-mine]:not([data-first]) .chat_thread_bubble {
  border-top-right-radius: var(--tight);
}
.chat_thread_row[data-mine]:not([data-last]) .chat_thread_bubble {
  border-bottom-right-radius: var(--tight);
}
.chat_thread_row[data-failed] .chat_thread_bubble {
  opacity: .6;
}
.chat_thread_gallery {
  display: grid;
  width: min(240px, 100%);
  gap: 3px;
  grid-template-columns: 1fr;
}
.chat_thread_gallery[data-count="2"],
.chat_thread_gallery[data-count="3"],
.chat_thread_gallery[data-count="4"] {
  grid-template-columns: 1fr 1fr;
}
.chat_thread_gallery[data-count="3"] > :first-child {
  grid-column: span 2;
  aspect-ratio: 2 / 1;
}
.chat_thread_image {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 1;
  border-radius: 16px;
  background: var(--arc-surface-muted);
}
.chat_thread_gallery[data-count="1"] .chat_thread_image {
  aspect-ratio: 4 / 3;
}
.chat_thread_gallery:not([data-count="1"]) .chat_thread_image {
  border-radius: 6px;
}
.chat_thread_gallery:not([data-count="1"]) {
  overflow: hidden;
  border-radius: 16px;
}
.chat_thread_image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chat_thread_more {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background: oklch(0% 0 0 / .45);
  color: #fff;
  font-size: var(--arc-text-lg);
  font-weight: 500;
}
.chat_thread_file {
  display: flex;
  max-width: 100%;
  align-items: center;
  gap: 10px;
  padding: 9px 14px 9px 11px;
  border: 1px solid var(--arc-border);
  border-radius: 16px;
  background: var(--arc-surface);
  color: var(--arc-foreground);
  text-decoration: none;
  transition: background-color var(--arc-duration-fast) var(--arc-ease-standard);
}
.chat_thread_file > svg {
  flex: none;
  color: var(--arc-text-secondary);
}
.chat_thread_fileText {
  display: grid;
  min-width: 0;
}
.chat_thread_fileName {
  overflow: hidden;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat_thread_fileSize {
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  font-variant-numeric: tabular-nums;
}
@media (hover: hover) and (pointer: fine) {
  .chat_thread_file:hover {
    background: var(--arc-surface-muted);
  }
}
.chat_thread_pickerWrap {
  position: static;
  flex: none;
}
.chat_thread_reactButton {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: var(--arc-radius-pill);
  background: transparent;
  color: var(--arc-text-muted);
  cursor: pointer;
  opacity: 0;
  -webkit-tap-highlight-color: transparent;
  transition:
    opacity var(--arc-duration-fast) var(--arc-ease-standard),
    background-color var(--arc-duration-fast) var(--arc-ease-standard),
    color var(--arc-duration-fast) var(--arc-ease-standard);
}
.chat_thread_row:hover .chat_thread_reactButton,
.chat_thread_row:focus-within .chat_thread_reactButton,
.chat_thread_pickerWrap[data-open] .chat_thread_reactButton {
  opacity: 1;
}
.chat_thread_pickerWrap[data-open] .chat_thread_reactButton {
  background: var(--arc-surface-muted);
  color: var(--arc-foreground);
}
@media (hover: hover) and (pointer: fine) {
  .chat_thread_reactButton:hover {
    background: var(--arc-surface-muted);
    color: var(--arc-foreground);
  }
}
@media (hover: none) {
  .chat_thread_reactButton {
    opacity: .7;
  }
}
.chat_thread_picker {
  position: absolute;
  z-index: 5;
  bottom: calc(100% + 6px);
  right: -4px;
  display: flex;
  gap: 2px;
  padding: 4px;
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-pill);
  background: var(--arc-surface-raised);
  box-shadow: var(--arc-shadow-floating);
  transform-origin: calc(100% - 18px) 100%;
}
.chat_thread_picker[data-mine] {
  right: auto;
  left: -4px;
  transform-origin: 18px 100%;
}
.chat_thread_pickerWrap[data-below] .chat_thread_picker {
  top: calc(100% + 6px);
  bottom: auto;
  transform-origin: calc(100% - 18px) 0;
}
.chat_thread_pickerWrap[data-below] .chat_thread_picker[data-mine] {
  transform-origin: 18px 0;
}
.chat_thread_emoji {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: var(--arc-radius-pill);
  background: transparent;
  cursor: pointer;
  font-size: 19px;
  line-height: 1;
  -webkit-tap-highlight-color: transparent;
  transition: background-color var(--arc-duration-fast) var(--arc-ease-standard), transform var(--arc-duration-instant) var(--arc-ease-standard);
}
.chat_thread_emoji:focus-visible {
  background: var(--arc-surface-muted);
}
.chat_thread_emoji:active {
  transform: scale(.9);
}
@media (hover: hover) and (pointer: fine) {
  .chat_thread_emoji:hover {
    background: var(--arc-surface-muted);
    transform: scale(1.12);
  }
}
.chat_thread_reactionClip {
  overflow: hidden;
  margin: -2px -4px;
  padding: 2px 4px 2px 8px;
}
.chat_thread_row[data-mine] .chat_thread_reactionClip {
  padding: 2px 8px 2px 4px;
}
.chat_thread_reactions {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.chat_thread_row[data-mine] .chat_thread_reactions {
  justify-content: flex-end;
}
.chat_thread_reaction {
  display: inline-flex;
  height: 26px;
  align-items: center;
  gap: 5px;
  padding: 0 9px 0 7px;
  border: 1px solid var(--arc-border-subtle);
  border-radius: var(--arc-radius-pill);
  background: var(--arc-surface);
  color: var(--arc-text-secondary);
  cursor: pointer;
  font: inherit;
  font-size: var(--arc-text-xs);
  font-weight: 500;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  -webkit-tap-highlight-color: transparent;
  transition:
    background-color var(--arc-duration-fast) var(--arc-ease-standard),
    border-color var(--arc-duration-fast) var(--arc-ease-standard),
    color var(--arc-duration-fast) var(--arc-ease-standard),
    transform var(--arc-duration-instant) var(--arc-ease-standard);
}
.chat_thread_reaction > span:first-child {
  font-size: 14px;
}
.chat_thread_reaction[aria-pressed=true] {
  border-color: color-mix(in oklab, var(--arc-accent) 28%, transparent);
  background: color-mix(in oklab, var(--arc-accent) 8%, var(--arc-surface));
  color: var(--arc-foreground);
}
@media (hover: hover) and (pointer: fine) {
  .chat_thread_reaction:hover {
    border-color: var(--arc-border-strong);
  }
}
.chat_thread_reaction:active {
  transform: scale(.95);
}
.chat_thread_countRoll {
  display: inline-grid;
  overflow: hidden;
  font-variant-numeric: tabular-nums;
}
.chat_thread_countRoll > span {
  grid-area: 1 / 1;
}
.chat_thread_receipts {
  display: flex;
  min-height: 16px;
  align-items: center;
  gap: 6px;
  padding: 1px 6px 0;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
}
.chat_thread_readers {
  display: inline-flex;
}
.chat_thread_reader {
  display: inline-flex;
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--arc-surface);
}
.chat_thread_reader + .chat_thread_reader {
  margin-left: -4px;
}
.chat_thread_status[data-status=failed] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--arc-danger);
}
.chat_thread_retry {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-pill);
  background: var(--arc-surface);
  color: var(--arc-foreground);
  cursor: pointer;
  font: inherit;
  font-weight: 500;
  line-height: 16px;
  -webkit-tap-highlight-color: transparent;
  transition: background-color var(--arc-duration-fast) var(--arc-ease-standard), border-color var(--arc-duration-fast) var(--arc-ease-standard);
}
.chat_thread_retry > svg {
  color: var(--arc-text-secondary);
}
@media (hover: hover) and (pointer: fine) {
  .chat_thread_retry:hover {
    background: var(--arc-surface-muted);
    border-color: var(--arc-border-strong);
  }
}
.chat_thread_avatar {
  display: inline-grid;
  flex: none;
  overflow: hidden;
  place-items: center;
  border-radius: 50%;
  background: var(--arc-surface-muted);
  color: var(--arc-text-secondary);
  font-weight: 500;
}
.chat_thread_avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chat_thread_typing {
  display: grid;
  height: 36px;
  box-sizing: border-box;
  place-items: center;
  padding: 0 14px;
}
.chat_thread_dots {
  display: inline-flex;
  gap: 4px;
}
.chat_thread_dots i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--arc-text-muted);
  animation: chat_thread_breathe 1.2s var(--arc-ease-in-out) infinite;
}
.chat_thread_dots i:nth-child(2) {
  animation-delay: .16s;
}
.chat_thread_dots i:nth-child(3) {
  animation-delay: .32s;
}
@keyframes chat_thread_breathe {
  0%, 60%, 100% {
    opacity: .35;
    transform: translateY(0);
  }
  30% {
    opacity: 1;
    transform: translateY(-3px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .chat_thread_dots i {
    animation: none;
    opacity: .6;
  }
}
.chat_thread_pill {
  position: absolute;
  z-index: 6;
  bottom: 12px;
  left: 50%;
  translate: -50% 0;
  display: inline-flex;
  height: 32px;
  align-items: center;
  gap: 6px;
  padding: 0 14px 0 11px;
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-pill);
  background: var(--arc-surface-raised);
  box-shadow: var(--arc-shadow-floating);
  color: var(--arc-foreground);
  cursor: pointer;
  font: inherit;
  font-size: var(--arc-text-xs);
  font-weight: 500;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}
.chat_thread_pill > span {
  display: inline-flex;
  gap: .3em;
}
.chat_thread_pill > .chat_thread_pillIcon {
  display: inline-grid;
  place-items: center;
}
.chat_thread_pill:active {
  scale: .97;
}
.chat_thread_composer {
  display: grid;
  padding: 10px 12px 12px;
  border-top: 1px solid var(--arc-border-subtle);
  transition: background-color var(--arc-duration-fast) var(--arc-ease-standard);
}
.chat_thread_composer[data-dragging] {
  background: var(--arc-accent-subtle);
}
.chat_thread_trayClip {
  overflow: hidden;
}
.chat_thread_tray {
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 8px 8px 10px 4px;
  overflow-x: auto;
  list-style: none;
  scrollbar-width: none;
}
.chat_thread_pending {
  position: relative;
  flex: none;
}
.chat_thread_pendingImage {
  display: block;
  width: 56px;
  height: 56px;
  border-radius: 12px;
  object-fit: cover;
}
.chat_thread_pendingFile {
  display: grid;
  width: 168px;
  height: 56px;
  box-sizing: border-box;
  align-content: center;
  column-gap: 8px;
  padding: 0 12px;
  border: 1px solid var(--arc-border);
  border-radius: 12px;
  background: var(--arc-surface);
  grid-template-columns: auto minmax(0, 1fr);
}
.chat_thread_pendingFile > svg {
  grid-row: span 2;
  align-self: center;
  color: var(--arc-text-secondary);
}
.chat_thread_pendingName {
  overflow: hidden;
  font-size: var(--arc-text-xs);
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat_thread_pendingSize {
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  font-variant-numeric: tabular-nums;
}
.chat_thread_remove {
  position: absolute;
  top: -6px;
  right: -6px;
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  padding: 0;
  border: 2px solid var(--arc-surface);
  border-radius: 50%;
  background: var(--arc-foreground);
  color: var(--arc-background);
  cursor: pointer;
}
.chat_thread_inputRow {
  display: flex;
  align-items: flex-end;
  gap: 6px;
}
.chat_thread_attach {
  display: grid;
  width: 40px;
  height: 40px;
  flex: none;
  place-items: center;
  margin-bottom: 1px;
  padding: 0;
  border: 0;
  border-radius: var(--arc-radius-pill);
  background: transparent;
  color: var(--arc-text-secondary);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition:
    background-color var(--arc-duration-fast) var(--arc-ease-standard),
    color var(--arc-duration-fast) var(--arc-ease-standard),
    transform var(--arc-duration-instant) var(--arc-ease-standard);
}
.chat_thread_attach:active {
  transform: scale(.94);
}
@media (hover: hover) and (pointer: fine) {
  .chat_thread_attach:hover {
    background: var(--arc-surface-muted);
    color: var(--arc-foreground);
  }
}
.chat_thread_box {
  position: relative;
  display: flex;
  min-width: 0;
  flex: 1;
  align-items: flex-end;
  border: 1px solid var(--arc-border);
  border-radius: 21px;
  background: var(--arc-surface);
  transition: border-color var(--arc-duration-fast) var(--arc-ease-standard), background-color var(--arc-duration-fast) var(--arc-ease-standard);
}
.chat_thread_box:focus-within {
  border-color: var(--arc-border-strong);
}
.chat_thread_composer[data-dragging] .chat_thread_box {
  border-color: var(--arc-accent);
  border-style: dashed;
}
.chat_thread_field {
  position: relative;
  min-width: 0;
  flex: 1;
  overflow: hidden;
  border-radius: 20px;
}
.chat_thread_mirror,
.chat_thread_textarea {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 9px 6px 9px 16px;
  border: 0;
  font: inherit;
  font-size: var(--arc-text-base);
  letter-spacing: var(--arc-tracking-body);
  line-height: 22px;
  overflow-wrap: break-word;
  white-space: pre-wrap;
  word-break: break-word;
}
.chat_thread_mirror {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  pointer-events: none;
}
.chat_thread_textarea {
  position: absolute;
  inset: 0;
  height: 100%;
  display: block;
  resize: none;
  overflow-y: auto;
  background: transparent;
  color: var(--arc-foreground);
  outline: none;
  scrollbar-width: none;
}
.chat_thread_textarea::placeholder {
  color: var(--arc-text-muted);
}
.chat_thread_send {
  position: relative;
  display: grid;
  width: 32px;
  height: 32px;
  flex: none;
  place-items: center;
  margin: 0 4px 4px 0;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--arc-text-muted);
  cursor: default;
  -webkit-tap-highlight-color: transparent;
  transition:
    background-color var(--arc-duration-standard) var(--arc-ease-standard),
    color var(--arc-duration-standard) var(--arc-ease-standard),
    transform var(--arc-duration-instant) var(--arc-ease-standard);
}
.chat_thread_send[data-ready] {
  background: var(--arc-accent);
  color: var(--arc-accent-foreground);
  cursor: pointer;
}
.chat_thread_send[data-ready]:active {
  transform: scale(.92);
}
.chat_thread_sendIcon {
  display: grid;
  grid-area: 1 / 1;
  place-items: center;
}
.chat_thread_srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@media (max-width: 420px) {
  .chat_thread_content {
    padding-inline: 12px;
  }
  .chat_thread_stack {
    max-width: 84%;
  }
}
.chat_thread_send[data-pending] {
  cursor: progress;
  opacity: .7;
}
.chat_thread_send[data-stop] {
  background: var(--arc-foreground);
  color: var(--arc-background);
  cursor: pointer;
}
.chat_thread_composerError {
  margin: 6px 2px 0;
  color: var(--arc-danger);
  font-size: 12px;
  line-height: 16px;
}
[data-motion=reduced] .chat_thread_root *,
[data-motion=reduced] .chat_thread_root {
  transition: none;
}

/* vendor/ubm-ui-components/src/components/animated-counter/animated-counter.module.css */
.animated_counter_counter {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  color: var(--arc-foreground);
  font-family: var(--arc-font-display);
  font-size: var(--arc-text-3xl);
  font-weight: 500;
  letter-spacing: var(--arc-tracking-display);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.animated_counter_label {
  margin-bottom: var(--arc-space-2);
  color: var(--arc-text-muted);
  font-family: var(--arc-font-body);
  font-size: var(--arc-text-xs);
  font-weight: 400;
  letter-spacing: var(--arc-tracking-body);
  line-height: var(--arc-leading-body);
}
.animated_counter_value {
  display: inline-flex;
  align-items: flex-start;
  white-space: nowrap;
  user-select: none;
}
.animated_counter_column {
  --feather: .16em;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin-block: calc(var(--feather) * -1);
  padding-block: var(--feather);
  mask-image:
    linear-gradient(
      to bottom,
      transparent,
      #000 calc(var(--feather) * 1.5),
      #000 calc(100% - var(--feather) * 1.5),
      transparent);
}
.animated_counter_sizer {
  visibility: hidden;
}
.animated_counter_glyph {
  position: absolute;
  inset: var(--feather) 0;
  text-align: center;
}
.animated_counter_labelText {
  display: inline-block;
}
.animated_counter_labelSwap {
  position: relative;
  display: block;
}
.animated_counter_symbol {
  display: inline-block;
  overflow-x: clip;
}
.animated_counter_srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* vendor/ubm-ui-components/src/components/metric-card/metric-card.module.css */
.metric_card_card {
  min-width: 0;
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-surface);
  padding: var(--arc-space-6);
  background: var(--arc-surface);
  box-shadow: var(--arc-shadow-resting);
}
.metric_card_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--arc-space-3);
  margin-bottom: var(--arc-space-8);
}
.metric_card_top span {
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-sm);
}
.metric_card_top small {
  display: inline-flex;
  flex: 0 0 auto;
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-pill);
  padding: 3px 8px;
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-sm);
  font-variant-numeric: tabular-nums;
}
.metric_card_card p {
  margin: var(--arc-space-4) 0 0;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-sm);
  line-height: var(--arc-leading-body);
}
@media (max-width: 380px) {
  .metric_card_card {
    padding: var(--arc-space-4);
  }
  .metric_card_top {
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: var(--arc-space-6);
  }
}
.metric_card_swap,
.metric_card_swapBlock {
  position: relative;
  max-width: 100%;
}
.metric_card_swap {
  display: inline-flex;
  overflow-x: clip;
  white-space: nowrap;
  vertical-align: top;
}
.metric_card_swapBlock {
  display: block;
}
.metric_card_swap > .metric_card_text {
  display: inline-block;
}
.metric_card_swapBlock > .metric_card_text {
  display: block;
}
.metric_card_sizer {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  white-space: nowrap;
  pointer-events: none;
}
.metric_card_top small[data-trend] span {
  color: inherit;
}
.metric_card_top small[data-trend] {
  border-color: transparent;
  transition: color var(--arc-duration-fast) var(--arc-ease-standard), background-color var(--arc-duration-fast) var(--arc-ease-standard);
}
.metric_card_top small[data-trend=up] {
  background: color-mix(in oklab, var(--arc-success) 11%, transparent);
  color: var(--arc-success);
}
.metric_card_top small[data-trend=down] {
  background: color-mix(in oklab, var(--arc-danger) 11%, transparent);
  color: var(--arc-danger);
}

/* vendor/ubm-ui-components/src/components/radio-cards/radio-cards.module.css */
.radio_cards_root {
  position: relative;
  display: grid;
  gap: 10px;
  color: var(--arc-foreground);
  font-family: var(--arc-font-body);
  font-size: var(--arc-text-sm);
  letter-spacing: var(--arc-tracking-body);
  line-height: var(--arc-leading-body);
}
.radio_cards_root *,
.radio_cards_root *::before,
.radio_cards_root *::after {
  box-sizing: border-box;
}
.radio_cards_root[data-layout=grid] {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--min-column, 180px)), 1fr));
}
.radio_cards_root[data-layout=list] {
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}
.radio_cards_ring {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  border: 1px solid var(--arc-control-on);
  border-radius: var(--radius);
  pointer-events: none;
}
.radio_cards_card {
  position: relative;
  display: grid;
  min-width: 0;
  align-items: start;
  gap: 4px 12px;
  padding: 14px 16px;
  border: 1px solid var(--arc-border);
  border-radius: var(--radius);
  background: var(--arc-surface);
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: background-color var(--arc-duration-fast) var(--arc-ease-standard), border-color var(--arc-duration-fast) var(--arc-ease-standard);
}
.radio_cards_root[data-layout=grid] .radio_cards_card {
  grid-template-areas: "body indicator" "meta meta";
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: minmax(0, 1fr) auto;
}
.radio_cards_root[data-layout=list] .radio_cards_card {
  grid-template-areas: "indicator body meta";
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  padding: 13px 16px 13px 14px;
}
.radio_cards_card[data-checked] {
  background: color-mix(in oklab, var(--arc-control-on) 4%, var(--arc-surface));
}
.radio_cards_card[aria-disabled=true] {
  background: var(--arc-surface-muted);
  cursor: not-allowed;
}
.radio_cards_card[aria-disabled=true] :is(.radio_cards_label, .radio_cards_meta) {
  color: var(--arc-text-muted);
}
.radio_cards_indicator {
  display: grid;
  width: 18px;
  height: 18px;
  flex: none;
  place-items: center;
  grid-area: indicator;
  border: 1.5px solid var(--arc-border-strong);
  border-radius: 50%;
  transition: border-color var(--arc-duration-fast) var(--arc-ease-standard), background-color var(--arc-duration-fast) var(--arc-ease-standard);
}
.radio_cards_root[data-layout=grid] .radio_cards_indicator {
  margin-top: 1px;
}
.radio_cards_card[data-checked] .radio_cards_indicator {
  border-color: var(--arc-control-on);
  background: var(--arc-control-on);
}
.radio_cards_indicatorDot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--arc-control-glyph);
}
.radio_cards_card[aria-disabled=true] .radio_cards_indicator {
  border-color: var(--arc-border);
}
.radio_cards_body {
  display: grid;
  min-width: 0;
  gap: 2px;
  grid-area: body;
}
.radio_cards_label {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
  font-weight: 500;
}
.radio_cards_labelText {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.radio_cards_icon {
  display: grid;
  width: 18px;
  height: 18px;
  flex: none;
  place-items: center;
  color: var(--arc-text-secondary);
}
.radio_cards_icon > svg {
  width: 18px;
  height: 18px;
}
.radio_cards_card[data-checked] .radio_cards_icon {
  color: var(--arc-foreground);
}
.radio_cards_description {
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-xs);
  line-height: var(--arc-leading-body);
  text-wrap: pretty;
}
.radio_cards_meta {
  grid-area: meta;
  color: var(--arc-foreground);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.radio_cards_root[data-layout=grid] .radio_cards_meta {
  margin-top: 10px;
  font-size: var(--arc-text-lg);
}
.radio_cards_root[data-layout=list] .radio_cards_meta {
  font-weight: 500;
}
@media (hover: hover) and (pointer: fine) {
  .radio_cards_card:not([data-checked]):not([aria-disabled=true]):hover {
    border-color: var(--arc-border-strong);
  }
}
.radio_cards_card:not([data-checked]):not([aria-disabled=true]):active {
  background: var(--arc-surface-muted);
}
.radio_cards_card:focus-visible:not([data-checked]) {
  border-color: var(--arc-border-strong);
  background: var(--arc-surface-muted);
}
@media (prefers-reduced-motion: reduce) {
  .radio_cards_card,
  .radio_cards_indicator {
    transition: none;
  }
}
[data-motion=reduced] .radio_cards_card,
[data-motion=reduced] .radio_cards_indicator {
  transition: none;
}
.radio_cards_card:focus-visible {
  outline: 1px solid var(--input-focus-color);
  outline-offset: 0;
  box-shadow: none;
}
@media (forced-colors: active) {
  .radio_cards_card:focus-visible {
    outline-color: Highlight;
  }
  .radio_cards_ring {
    border-color: Highlight;
  }
}

/* vendor/ubm-ui-components/src/components/switch/switch.module.css */
.switch_switch {
  display: inline-flex;
  min-height: var(--arc-control-height-md);
  align-items: center;
  gap: var(--arc-space-3);
  padding: 0;
  border: 0;
  color: var(--arc-foreground);
  background: transparent;
  font: inherit;
  font-size: var(--arc-text-sm);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.switch_switch:disabled {
  cursor: not-allowed;
  opacity: .5;
}
.switch_track {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  border-radius: var(--arc-radius-pill);
  background: var(--arc-control-track);
  isolation: isolate;
  transition: background-color var(--arc-duration-fast) var(--arc-ease-standard);
}
.switch_track::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: var(--arc-control-on);
  opacity: 0;
  transition: opacity var(--arc-duration-standard) var(--arc-ease-standard);
}
.switch_switch[data-state=checked] .switch_track::before {
  opacity: 1;
}
.switch_thumb {
  flex: 0 0 auto;
  border-radius: var(--arc-radius-pill);
  background: var(--arc-control-thumb);
  box-shadow: var(--arc-control-thumb-shadow);
  will-change: transform;
  transition: background-color var(--arc-duration-standard) var(--arc-ease-standard);
}
.switch_switch[data-state=checked] .switch_thumb {
  background: var(--arc-control-thumb-on);
}
@media (hover: hover) and (pointer: fine) {
  .switch_switch[data-state=unchecked]:hover:not(:disabled) .switch_track {
    background: var(--arc-control-track-hover);
  }
}
.switch_switch:focus-visible {
  outline: none;
}
.switch_label {
  line-height: var(--arc-leading-body);
}
@media (prefers-reduced-motion: reduce) {
  .switch_track,
  .switch_track::before,
  .switch_thumb {
    transition: none;
  }
}
[data-motion=reduced] .switch_track,
[data-motion=reduced] .switch_track::before,
[data-motion=reduced] .switch_thumb {
  transition: none;
}
.switch_switch:focus-visible .switch_track {
  outline: 1px solid var(--arc-control-on);
  outline-offset: 0;
}
.switch_switch {
  min-height: var(--touch-target);
  font-family: var(--font-family, "DM Sans", sans-serif);
}

/* vendor/ubm-ui-components/src/components/tabs/tabs.module.css */
.tabs_root {
  position: relative;
}
.tabs_listShell {
  position: relative;
  display: inline-flex;
  max-width: 100%;
  min-width: 0;
  align-items: center;
  isolation: isolate;
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-control);
  background: var(--arc-surface-muted);
}
.tabs_viewport {
  min-width: 0;
  overflow-x: auto;
  border-radius: inherit;
  scrollbar-width: none;
}
.tabs_viewport::-webkit-scrollbar {
  display: none;
}
.tabs_listShell[data-left=true] .tabs_viewport {
  mask-image:
    linear-gradient(
      to right,
      transparent,
      black 35px,
      black);
}
.tabs_listShell[data-right=true] .tabs_viewport {
  mask-image:
    linear-gradient(
      to right,
      black,
      black calc(100% - 35px),
      transparent);
}
.tabs_listShell[data-left=true][data-right=true] .tabs_viewport {
  mask-image:
    linear-gradient(
      to right,
      transparent,
      black 35px,
      black calc(100% - 35px),
      transparent);
}
.tabs_list {
  isolation: isolate;
  display: inline-flex;
  width: max-content;
  align-items: center;
  gap: var(--arc-space-1);
  padding: var(--arc-space-1);
}
.tabs_scrollButton {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  display: grid;
  width: 33px;
  place-items: center;
  border: 0;
  background: var(--arc-surface-muted);
  color: var(--arc-foreground);
}
.tabs_scrollLeft {
  left: 0;
  border-radius: var(--arc-radius-control) 0 0 var(--arc-radius-control);
}
.tabs_scrollRight {
  right: 0;
  border-radius: 0 var(--arc-radius-control) var(--arc-radius-control) 0;
}
.tabs_scrollButton:disabled {
  opacity: 0;
  pointer-events: none;
}
.tabs_scrollButton:focus-visible {
  outline: 1px solid var(--input-focus-color);
  outline-offset: -1px;
}
.tabs_trigger {
  position: relative;
  -webkit-tap-highlight-color: transparent;
  display: inline-grid;
  min-width: 5.5rem;
  place-items: center;
  flex: 0 0 auto;
  min-height: var(--arc-control-height-sm);
  border: 0;
  border-radius: calc(var(--arc-radius-control) - 3px);
  padding: 0 var(--arc-space-3);
  background: transparent;
  color: var(--arc-text-muted);
  font: inherit;
  font-size: var(--arc-text-sm);
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  transition: color var(--arc-duration-fast) var(--arc-ease-standard);
}
@media (hover: hover) and (pointer: fine) {
  .tabs_trigger:hover {
    color: var(--arc-foreground);
  }
}
.tabs_trigger:active {
  color: var(--arc-foreground);
}
.tabs_trigger[data-state=active] {
  color: var(--arc-accent-strong);
}
.tabs_selection {
  position: absolute;
  z-index: -1;
  inset: 0;
  border: 1px solid var(--arc-border);
  border-radius: inherit;
  background: var(--arc-surface);
  box-shadow: var(--arc-shadow-resting);
  will-change: transform;
}
.tabs_triggerLabel {
  position: relative;
  z-index: 1;
}
.tabs_trigger:focus-visible {
  outline: 1px solid var(--input-focus-color);
  outline-offset: 0;
}
.tabs_trigger:disabled {
  cursor: not-allowed;
  opacity: .5;
}
.tabs_content {
  margin-top: var(--arc-space-4);
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-sm);
  line-height: var(--arc-leading-body);
}
.tabs_content[data-motion-pop-id] {
  margin-top: 0;
}
.tabs_content[data-state=inactive] {
  pointer-events: none;
}
.tabs_content:focus-visible {
  outline: 1px solid var(--input-focus-color);
  outline-offset: 0;
  border-radius: var(--arc-radius-control);
}
@media (prefers-reduced-motion: reduce) {
  .tabs_trigger {
    transition: none;
  }
}
[data-motion=reduced] .tabs_trigger,
.tabs_trigger[data-motion=reduced] {
  transition: none;
}
.tabs_root {
  font-family: var(--font-family,var(--arc-font-body));
  line-height: var(--arc-leading-body);
}
@media (pointer: coarse) {
  .tabs_trigger {
    min-height: 44px;
  }
  .tabs_scrollButton {
    width: 44px;
  }
}
@media (forced-colors: active) {
  .tabs_trigger:focus-visible,
  .tabs_content:focus-visible,
  .tabs_scrollButton:focus-visible {
    outline-color: Highlight;
  }
  .tabs_selection {
    border-color: Highlight;
  }
}
.tabs_listShell {
  --tabs-arrow-width:33px;
}
.tabs_listShell[data-overflow=true] {
  padding-inline: var(--tabs-arrow-width);
}
.tabs_listShell[data-overflow=true][data-left][data-right] .tabs_viewport {
  mask-image: none;
}
.tabs_scrollButton {
  width: var(--tabs-arrow-width);
}
@media (pointer: coarse) {
  .tabs_listShell {
    --tabs-arrow-width:44px;
  }
}

/* vendor/ubm-ui-components/src/blocks/_conversation/conversation.module.css */
.conversation_srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  margin: 0;
}
.conversation_markdown {
  display: grid;
  gap: 10px;
  min-width: 0;
  font-size: 14px;
  line-height: 22px;
  color: var(--arc-foreground);
  overflow-wrap: anywhere;
}
.conversation_markdown > * {
  margin: 0;
}
.conversation_markdown h3 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}
.conversation_markdown h4,
.conversation_markdown h5 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
.conversation_markdown ul,
.conversation_markdown ol {
  padding-left: 20px;
  display: grid;
  gap: 4px;
}
.conversation_markdown blockquote {
  padding-left: 12px;
  border-left: 2px solid var(--arc-border);
  color: var(--arc-text-secondary);
}
.conversation_markdown hr {
  border: 0;
  border-top: 1px solid var(--arc-border-subtle);
}
.conversation_markdown a {
  color: var(--arc-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.conversation_inlineCode {
  padding: 1px 5px;
  border-radius: 6px;
  background: var(--arc-surface-muted);
  font-family: var(--arc-font-mono, ui-monospace, monospace);
  font-size: .9em;
}
.conversation_code {
  margin: 0;
  padding: 12px 14px;
  border-radius: 12px;
  background: var(--arc-surface-muted);
  overflow-x: auto;
  font-family: var(--arc-font-mono, ui-monospace, monospace);
  font-size: 13px;
  line-height: 20px;
}
.conversation_code code {
  display: block;
  white-space: pre;
}
.conversation_tableWrap {
  overflow-x: auto;
  border: 1px solid var(--arc-border-subtle);
  border-radius: 12px;
}
.conversation_tableWrap table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.conversation_tableWrap th,
.conversation_tableWrap td {
  padding: 8px 12px;
  text-align: left;
  border-bottom: 1px solid var(--arc-border-subtle);
}
.conversation_tableWrap tr:last-child td {
  border-bottom: 0;
}
.conversation_tableWrap th {
  font-weight: 600;
  background: var(--arc-surface-muted);
}
.conversation_streamText {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  color: var(--arc-text-secondary);
}
.conversation_word {
  display: inline;
  animation: conversation_wordIn var(--arc-duration-standard, 240ms) var(--arc-ease-enter, ease-out) both;
}
.conversation_codeLine {
  animation: conversation_lineIn var(--arc-duration-standard, 240ms) var(--arc-ease-enter, ease-out) both;
}
@keyframes conversation_wordIn {
  from {
    opacity: 0;
    filter: blur(4px);
  }
  to {
    opacity: 1;
    filter: blur(0);
  }
}
@keyframes conversation_lineIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .conversation_word,
  .conversation_codeLine {
    animation: none;
  }
}

/* vendor/ubm-ui-components/src/components/copy-button/copy-button.module.css */
.copy_button_button {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  min-height: var(--arc-control-height-sm);
  align-items: center;
  justify-content: center;
  gap: var(--arc-space-2);
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-control);
  padding: 0 var(--arc-space-3);
  background: var(--arc-surface);
  color: var(--arc-foreground);
  font: inherit;
  font-size: var(--arc-text-sm);
  font-weight: 500;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition:
    background-color var(--arc-duration-fast) var(--arc-ease-standard),
    border-color var(--arc-duration-fast) var(--arc-ease-standard),
    color var(--arc-duration-fast) var(--arc-ease-standard),
    transform var(--arc-duration-spring) var(--arc-ease-spring);
}
.copy_button_button:active:not(:disabled) {
  transform: scale(.97);
  transition-duration:
    var(--arc-duration-fast),
    var(--arc-duration-fast),
    var(--arc-duration-fast),
    var(--arc-duration-instant);
  transition-timing-function: var(--arc-ease-standard);
}
.copy_button_iconOnly:active:not(:disabled) {
  transform: scale(.96);
}
@media (hover: hover) and (pointer: fine) {
  .copy_button_button:hover:not(:disabled) {
    background: var(--arc-surface-muted);
    border-color: var(--arc-border-strong);
  }
  .copy_button_plain:hover:not(:disabled) {
    border-color: transparent;
    background: var(--arc-surface-muted);
    color: var(--arc-foreground);
  }
}
.copy_button_button:disabled {
  cursor: not-allowed;
  opacity: .5;
}
.copy_button_icon {
  position: relative;
  display: grid;
  width: 16px;
  height: 16px;
  flex: none;
}
.copy_button_iconInner {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
}
.copy_button_iconInner[data-state=copied] {
  color: var(--arc-success);
}
.copy_button_iconInner[data-state=error] {
  color: var(--arc-danger);
}
.copy_button_label {
  display: grid;
  min-width: 0;
  margin-inline: calc(var(--arc-space-1) * -1);
  padding-inline: var(--arc-space-1);
  overflow-x: clip;
  text-align: left;
  white-space: nowrap;
}
.copy_button_measure,
.copy_button_glyphs {
  grid-area: 1 / 1;
}
.copy_button_measure {
  visibility: hidden;
}
.copy_button_glyphs {
  position: relative;
  display: inline-flex;
  justify-self: start;
  white-space: pre;
}
.copy_button_glyph {
  display: inline-block;
}
.copy_button_iconOnly {
  width: var(--arc-control-height-sm);
  padding: 0;
}
.copy_button_plain {
  border-color: transparent;
  background: transparent;
  color: var(--arc-text-secondary);
}
.copy_button_srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .copy_button_button {
    transition: none;
  }
  .copy_button_button:active:not(:disabled) {
    transform: none;
  }
}
[data-motion=reduced] .copy_button_button {
  transition: none;
}
[data-motion=reduced] .copy_button_button:active:not(:disabled) {
  transform: none;
}
.copy_button_button {
  min-height: var(--touch-target);
  min-width: var(--touch-target);
  font-weight: var(--button-weight);
  border-radius: var(--radius);
}
.copy_button_button:focus-visible {
  outline: var(--button-focus-width) solid var(--focus);
  outline-offset: var(--button-focus-offset);
}
.copy_button_iconOnly {
  width: var(--touch-target);
}
.copy_button_button {
  min-height: var(--feedback-height, var(--touch-target));
  font-size: var(--feedback-font, var(--arc-text-sm));
  padding-inline: var(--feedback-padding, var(--arc-space-3));
}
.copy_button_iconOnly {
  width: var(--feedback-height, var(--touch-target));
  padding: 0;
}

/* vendor/ubm-ui-components/src/components/text-shimmer/text-shimmer.module.css */
.text_shimmer_shimmer {
  --ts-highlight: var(--text-shimmer-highlight, currentColor);
  --ts-base: var(--text-shimmer-base, color-mix(in oklab, currentColor 12%, var(--arc-text-muted)));
}
.text_shimmer_stage {
  position: relative;
  display: inline-block;
  max-width: 100%;
}
.text_shimmer_label {
  display: inline-block;
  max-width: 100%;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text_shimmer_stage[data-sizing] .text_shimmer_label {
  max-width: none;
  white-space: nowrap;
}
.text_shimmer_label::selection {
  -webkit-text-fill-color: currentColor;
}
@supports not (color: color-mix(in oklab, red, blue)) {
  .text_shimmer_label {
    background: none !important;
    -webkit-text-fill-color: currentColor;
  }
}
@media (forced-colors: active) {
  .text_shimmer_label {
    background: none !important;
    -webkit-text-fill-color: currentColor;
  }
}

/* vendor/ubm-ui-components/src/components/code-block/code-block.module.css */
.code_block_block {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-panel);
  background: var(--arc-surface);
}
.code_block_header {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: var(--arc-space-3);
  border-bottom: 1px solid var(--arc-border-subtle);
  padding: var(--arc-space-2) var(--arc-space-3) var(--arc-space-2) var(--arc-space-4);
  background: var(--arc-surface-raised);
}
.code_block_file {
  display: flex;
  min-width: 0;
  align-items: baseline;
  gap: var(--arc-space-2);
  color: var(--arc-text-secondary);
  font-family: var(--arc-font-body);
  font-size: var(--arc-text-sm);
  font-weight: 500;
  letter-spacing: var(--arc-tracking-body);
  line-height: var(--arc-leading-body);
}
.code_block_file > svg {
  flex: none;
  align-self: center;
  color: var(--arc-text-muted);
}
.code_block_filename {
  position: relative;
  min-width: 0;
  overflow: hidden;
  color: var(--arc-foreground);
}
.code_block_swap {
  display: inline-grid;
  min-width: 0;
  white-space: nowrap;
}
.code_block_swap > span,
.code_block_swapStack > span {
  grid-area: 1 / 1;
  min-width: 0;
}
.code_block_swapStack {
  display: grid;
  min-width: 0;
}
.code_block_swapText {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.code_block_reserve {
  visibility: hidden;
}
.code_block_sizer {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  visibility: hidden;
  pointer-events: none;
}
.code_block_srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.code_block_language {
  flex: none;
  color: var(--arc-text-muted);
  font-family:
    ui-monospace,
    "SFMono-Regular",
    Menlo,
    Consolas,
    monospace;
  font-size: var(--arc-text-xs);
  font-weight: 400;
}
.code_block_language::before {
  content: "\b7";
  margin-right: var(--arc-space-2);
  color: var(--arc-border-strong);
}
.code_block_viewport {
  --code-collapsed: calc(var(--code-lines, 0) * var(--arc-text-sm) * 1.7 + var(--arc-space-5) * 2);
  overflow: hidden;
}
.code_block_pre {
  position: relative;
  overflow: auto;
  margin: 0;
  padding: var(--arc-space-5);
  color: var(--arc-foreground);
  font-family:
    ui-monospace,
    "SFMono-Regular",
    Menlo,
    Consolas,
    "Liberation Mono",
    monospace;
  font-size: var(--arc-text-sm);
  font-variant-ligatures: none;
  line-height: 1.7;
  tab-size: 2;
  white-space: pre;
}
.code_block_code {
  display: block;
}
.code_block_expand {
  display: flex;
  width: 100%;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: var(--arc-space-2);
  border: 0;
  border-top: 1px solid var(--arc-border-subtle);
  padding: 0 var(--arc-space-4);
  background: var(--arc-surface-raised);
  color: var(--arc-text-secondary);
  font: inherit;
  font-size: var(--arc-text-sm);
  font-weight: 500;
  cursor: pointer;
  transition: color var(--arc-duration-fast) var(--arc-ease-standard), background-color var(--arc-duration-fast) var(--arc-ease-standard);
}
.code_block_chevron {
  display: grid;
  flex: none;
  place-items: center;
  color: var(--arc-text-muted);
}
.code_block_comment {
  color: var(--arc-text-muted);
  font-style: italic;
}
.code_block_string {
  color: var(--arc-success);
}
.code_block_number {
  color: var(--arc-warning);
}
.code_block_keyword {
  color: var(--arc-accent);
}
.code_block_type {
  color: var(--arc-accent);
}
.code_block_function {
  color: var(--arc-danger);
}
.code_block_property {
  color: var(--arc-text-secondary);
}
.code_block_tag {
  color: var(--arc-accent);
}
.code_block_punctuation {
  color: var(--arc-text-secondary);
}
@media (hover: hover) and (pointer: fine) {
  .code_block_expand:hover {
    background: var(--arc-surface-muted);
    color: var(--arc-foreground);
  }
  .code_block_expand:hover .code_block_chevron {
    color: var(--arc-foreground);
  }
}
@media (max-width: 420px) {
  .code_block_header {
    padding-left: var(--arc-space-3);
  }
  .code_block_header button {
    width: var(--arc-control-height-sm);
    padding-inline: 0;
  }
  .code_block_header button > span:last-of-type {
    display: none;
  }
  .code_block_viewport {
    --code-collapsed: calc(var(--code-lines, 0) * var(--arc-text-xs) * 1.7 + var(--arc-space-4) * 2);
  }
  .code_block_pre {
    padding: var(--arc-space-4);
    font-size: var(--arc-text-xs);
  }
}
@media (prefers-reduced-motion: reduce) {
  .code_block_expand {
    transition: none;
  }
}
.code_block_block {
  margin: 0;
  padding: 0;
  box-shadow: none;
}
.code_block_header {
  position: static;
  width: auto;
  margin: 0;
  box-shadow: none;
}
.code_block_code {
  padding: 0;
  background: transparent;
  border: 0;
  color: inherit;
  font: inherit;
}
.code_block_expand:focus-visible,
.code_block_pre:focus-visible {
  outline: 1px solid var(--arc-accent);
  outline-offset: -2px;
}

/* vendor/ubm-ui-components/src/blocks/_conversation/answer.module.css */
.answer_answer {
  overflow: hidden;
  min-width: 0;
}
.answer_inner {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.answer_version {
  display: grid;
  gap: 10px;
  min-width: 0;
}
.answer_shimmer,
.answer_summary {
  font-size: 13px;
  color: var(--arc-text-secondary);
}
.answer_thinking {
  display: grid;
  gap: 6px;
}
.answer_toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  justify-self: start;
  padding: 2px 0;
  border: 0;
  background: none;
  color: var(--arc-text-secondary);
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}
.answer_toggle:focus-visible,
.answer_action:focus-visible,
.answer_cite:focus-visible,
.answer_toolChip:focus-visible {
  outline: 2px solid var(--arc-focus-ring);
  outline-offset: 2px;
  border-radius: 6px;
}
.answer_chevron {
  transition: transform var(--arc-duration-fast) var(--arc-ease-standard);
}
.answer_chevron[data-open] {
  transform: rotate(180deg);
}
.answer_thinkingBody {
  padding-left: 10px;
  border-left: 2px solid var(--arc-border-subtle);
}
.answer_tools {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.answer_tool {
  display: grid;
  gap: 6px;
}
.answer_toolChip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 10px;
  border: 1px solid var(--arc-border-subtle);
  border-radius: 999px;
  background: var(--arc-surface-muted);
  color: var(--arc-text-secondary);
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
.answer_tool[data-status=error] .answer_toolChip {
  color: var(--arc-danger);
}
.answer_toolDetail pre {
  margin: 0;
  padding: 8px 10px;
  border-radius: 8px;
  background: var(--arc-surface-muted);
  font-size: 12px;
  white-space: pre-wrap;
}
.answer_cite {
  display: inline-grid;
  place-items: center;
  min-width: 18px;
  height: 18px;
  margin: 0 2px;
  padding: 0 4px;
  border: 0;
  border-radius: 6px;
  background: var(--arc-surface-muted);
  color: var(--arc-text-secondary);
  font: inherit;
  font-size: 11px;
  font-weight: 600;
  vertical-align: 1px;
  cursor: pointer;
}
.answer_citeMissing {
  color: var(--arc-text-muted);
}
.answer_sourceCard {
  display: grid;
  gap: 4px;
  max-width: 300px;
  padding: 12px;
}
.answer_sourceTitle {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
}
.answer_sourceDomain {
  margin: 0;
  color: var(--arc-text-muted);
  font-size: 12px;
}
.answer_sourceSnippet {
  margin: 0;
  color: var(--arc-text-secondary);
  font-size: 12px;
  line-height: 18px;
}
.answer_sourceLink {
  overflow: hidden;
  color: var(--arc-accent);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.answer_sources {
  display: grid;
  gap: 6px;
}
.answer_sourceList {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 4px;
  font-size: 13px;
}
.answer_sourceList a {
  color: var(--arc-accent);
}
.answer_note {
  margin: 0;
  color: var(--arc-text-muted);
  font-size: 12px;
}
.answer_error {
  margin: 0;
  color: var(--arc-danger);
  font-size: 13px;
}
.answer_actions {
  display: flex;
  align-items: center;
  gap: 2px;
  min-height: 28px;
}
.answer_action {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 8px;
  background: none;
  color: var(--arc-text-secondary);
  cursor: pointer;
}
.answer_action:disabled {
  opacity: .4;
  cursor: default;
}
@media (hover: hover) and (pointer: fine) {
  .answer_action:not(:disabled):hover {
    background: var(--arc-surface-muted);
    color: var(--arc-foreground);
  }
}
.answer_versions {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.answer_versionLabel {
  min-width: 44px;
  color: var(--arc-text-muted);
  font-size: 12px;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

/* vendor/ubm-ui-components/src/blocks/availability-picker/availability-picker.module.css */
.availability_picker_root {
  container-type: inline-size;
  width: 100%;
  box-sizing: border-box;
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 18px 20px 20px;
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-panel);
  background: var(--arc-surface-raised);
  color: var(--arc-foreground);
  font-family: var(--arc-font-body);
}
.availability_picker_header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
}
.availability_picker_icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--arc-surface-muted);
  color: var(--arc-text-secondary);
}
.availability_picker_heading {
  flex: 1 1 auto;
  min-width: 0;
}
.availability_picker_title {
  margin: 0;
  font-size: var(--arc-text-lg);
  font-weight: 600;
}
.availability_picker_meta {
  margin: 2px 0 0;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-sm);
}
.availability_picker_attendees {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.availability_picker_attendee {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--arc-text-xs);
  color: var(--arc-text-secondary);
}
.availability_picker_attendeeName {
  white-space: nowrap;
}
.availability_picker_days {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
.availability_picker_day {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 2px;
  padding: 10px 4px;
  border: 1px solid var(--arc-border-subtle);
  border-radius: 12px;
  background: var(--arc-surface);
  color: var(--arc-text-secondary);
  font: inherit;
  cursor: pointer;
}
.availability_picker_day[aria-pressed=true] {
  color: var(--arc-foreground);
  border-color: transparent;
}
.availability_picker_day:focus-visible,
.availability_picker_slot:focus-visible {
  outline: 2px solid var(--arc-focus-ring);
  outline-offset: 2px;
}
.availability_picker_dayGlide {
  position: absolute;
  inset: -1px;
  border: 1.5px solid var(--arc-control-on);
  border-radius: inherit;
  background: color-mix(in oklab, var(--arc-control-on) 6%, transparent);
}
.availability_picker_weekday,
.availability_picker_dayNumber,
.availability_picker_slotLabel,
.availability_picker_busy {
  position: relative;
}
.availability_picker_weekday {
  font-size: var(--arc-text-xs);
  text-transform: uppercase;
  letter-spacing: .04em;
}
.availability_picker_dayNumber {
  font-size: var(--arc-text-lg);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.availability_picker_dayDot {
  position: absolute;
  bottom: 5px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--arc-accent);
}
.availability_picker_dayHeader {
  margin: 0;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-sm);
}
.availability_picker_slotsShell {
  position: relative;
  min-height: 96px;
  overflow: hidden;
}
.availability_picker_slots {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.availability_picker_slot {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid var(--arc-border-subtle);
  border-radius: 10px;
  background: var(--arc-surface);
  color: var(--arc-foreground);
  font: inherit;
  font-size: var(--arc-text-sm);
  font-variant-numeric: tabular-nums;
  cursor: pointer;
}
.availability_picker_slot[aria-pressed=true] {
  border-color: transparent;
}
.availability_picker_slot:disabled {
  cursor: not-allowed;
  color: var(--arc-text-muted);
}
.availability_picker_slot:disabled:not([aria-pressed=true]) {
  background: var(--arc-surface-muted);
}
.availability_picker_slotGlide {
  position: absolute;
  inset: -1px;
  border: 1.5px solid var(--arc-control-on);
  border-radius: inherit;
  background: color-mix(in oklab, var(--arc-control-on) 6%, transparent);
}
.availability_picker_busy {
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
}
.availability_picker_none {
  grid-column: 1 / -1;
  margin: 0;
  padding: 20px 0;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-sm);
  text-align: center;
}
@media (hover: hover) and (pointer: fine) {
  .availability_picker_day:hover,
  .availability_picker_slot:not(:disabled):hover {
    background: var(--arc-surface-muted);
  }
}
.availability_picker_footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 4px;
  border-top: 1px solid var(--arc-border-subtle);
}
.availability_picker_summary {
  margin: 0;
  padding-top: 10px;
  font-size: var(--arc-text-sm);
  color: var(--arc-text-secondary);
}
.availability_picker_footer > :last-child {
  margin-top: 10px;
}
.availability_picker_note {
  margin: -6px 0 0;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
}
.availability_picker_ok,
.availability_picker_error {
  margin: 0;
  font-size: var(--arc-text-sm);
}
.availability_picker_ok {
  color: var(--arc-success);
}
.availability_picker_error {
  color: var(--arc-danger);
}
.availability_picker_retry {
  margin-left: 6px;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}
@container (max-width: 490px) {
  .availability_picker_root {
    padding: 14px;
  }
  .availability_picker_days {
    gap: 4px;
  }
  .availability_picker_day {
    padding: 6px 2px;
    border-radius: 9px;
  }
  .availability_picker_dayNumber {
    font-size: var(--arc-text-base);
  }
}
html[data-motion=reduced] .availability_picker_root *,
html[data-motion=reduced] .availability_picker_root *::before,
html[data-motion=reduced] .availability_picker_root *::after {
  animation-duration: 0s !important;
  transition-duration: 0s !important;
}

/* vendor/ubm-ui-components/src/components/select/select.module.css */
.select_field {
  display: grid;
  gap: var(--arc-space-2);
  min-width: 0;
}
.select_field label {
  font-size: var(--arc-text-sm);
  font-weight: 500;
}
.select_trigger {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--arc-space-3);
  width: 100%;
  min-height: var(--arc-control-height-md);
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-control);
  padding: 0 var(--arc-space-3);
  background: var(--arc-surface);
  color: var(--arc-foreground);
  font: inherit;
  font-size: var(--arc-text-sm);
  text-align: left;
  cursor: pointer;
  transition:
    border-color var(--arc-duration-fast) var(--arc-ease-standard),
    background-color var(--arc-duration-fast) var(--arc-ease-standard),
    box-shadow var(--arc-duration-fast) var(--arc-ease-standard);
}
@media (hover: hover) and (pointer: fine) {
  .select_trigger:hover:not([data-disabled]) {
    border-color: var(--arc-border-strong);
    background: var(--arc-surface-muted);
  }
}
.select_trigger:active:not([data-disabled]),
.select_trigger[data-state=open] {
  border-color: var(--arc-border-strong);
  background: var(--arc-surface-muted);
}
.select_trigger:focus-visible {
  border-color: var(--arc-border-strong);
}
.select_trigger[data-disabled] {
  opacity: .5;
  cursor: not-allowed;
}
.select_valueText {
  display: grid;
  flex: 1;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
}
.select_valueText > span {
  grid-area: 1 / 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select_valueText > [data-placeholder] {
  color: var(--arc-text-muted);
}
.select_srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.select_chevron {
  display: inline-flex;
  flex: 0 0 auto;
  color: var(--arc-text-muted);
  transition: transform var(--arc-duration-spring) var(--arc-ease-spring), color var(--arc-duration-fast) var(--arc-ease-standard);
}
.select_trigger[data-state=open] .select_chevron {
  transform: rotate(180deg);
}
.select_hint {
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
}
.select_content {
  --menu-x: 0px;
  --menu-y: -6px;
  box-sizing: border-box;
  z-index: 1000;
  width: var(--radix-select-trigger-width);
  min-width: var(--radix-select-trigger-width);
  max-width: min(24rem, calc(100vw - 20px));
  max-height: min(320px, var(--radix-select-content-available-height));
  overflow: hidden;
  border: 1px solid var(--arc-border);
  border-radius: calc(var(--arc-radius-control) + 2px);
  padding: 6px;
  background: var(--arc-surface-raised);
  color: var(--arc-foreground);
  box-shadow: var(--arc-shadow-floating);
  transform-origin: var(--radix-select-content-transform-origin);
  animation: select_select-in var(--arc-duration-standard) var(--arc-ease-enter) both;
}
.select_content[data-side=top] {
  --menu-y: 6px;
}
.select_content[data-side=left] {
  --menu-x: 6px;
  --menu-y: 0px;
}
.select_content[data-side=right] {
  --menu-x: -6px;
  --menu-y: 0px;
}
.select_content[data-state=closed] {
  animation: select_select-out var(--arc-duration-instant) var(--arc-ease-standard) both;
}
.select_viewport {
  padding: 2px 0;
}
.select_item {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 36px;
  border-radius: calc(var(--arc-radius-control) - 4px);
  padding: 0 34px 0 11px;
  color: var(--arc-foreground);
  font-size: var(--arc-text-sm);
  cursor: default;
  outline: none;
  user-select: none;
  transition: background-color var(--arc-duration-instant) var(--arc-ease-standard), color var(--arc-duration-instant) var(--arc-ease-standard);
}
.select_item[data-highlighted] {
  background: var(--arc-surface-muted);
}
.select_item[data-disabled] {
  opacity: .45;
}
.select_indicator {
  position: absolute;
  right: 10px;
  display: inline-flex;
  align-items: center;
  color: var(--arc-foreground);
  animation: select_indicator-in var(--arc-duration-standard) var(--arc-ease-enter) 40ms both;
}
.select_scrollButton {
  display: grid;
  height: 28px;
  place-items: center;
  color: var(--arc-text-muted);
}
@keyframes select_select-in {
  from {
    opacity: 0;
    transform: translate(var(--menu-x), var(--menu-y)) scale(.97);
  }
}
@keyframes select_select-out {
  to {
    opacity: 0;
    transform: translate(calc(var(--menu-x) / 2), calc(var(--menu-y) / 2)) scale(.98);
  }
}
@keyframes select_indicator-in {
  from {
    opacity: 0;
    transform: scale(.6);
    filter: blur(2px);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .select_content {
    background: var(--arc-surface-raised);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .select_trigger,
  .select_chevron,
  .select_item {
    transition: none;
  }
  .select_content {
    animation: select_select-fade var(--arc-duration-instant) var(--arc-ease-standard) both;
  }
  .select_content[data-state=closed] {
    animation: select_select-fade-out var(--arc-duration-instant) var(--arc-ease-standard) both;
  }
  .select_indicator {
    animation: none;
  }
}
[data-motion=reduced] .select_trigger,
[data-motion=reduced] .select_chevron,
[data-motion=reduced] .select_item {
  transition: none;
}
[data-motion=reduced] .select_content {
  animation: select_select-fade var(--arc-duration-instant) var(--arc-ease-standard) both;
}
[data-motion=reduced] .select_content[data-state=closed] {
  animation: select_select-fade-out var(--arc-duration-instant) var(--arc-ease-standard) both;
}
[data-motion=reduced] .select_indicator {
  animation: none;
}
@keyframes select_select-fade {
  from {
    opacity: 0;
  }
}
@keyframes select_select-fade-out {
  to {
    opacity: 0;
  }
}
.select_groupLabel {
  padding: 6px 11px 2px;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  font-weight: 500;
  user-select: none;
}
.select_valueRoll {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
}
.select_valueRoll > span {
  grid-area: 1 / 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select_valueRoll > [data-placeholder] {
  color: var(--arc-text-muted);
}
.select_indicatorSlot {
  position: absolute;
  right: 10px;
  display: inline-flex;
  align-items: center;
}
.select_indicatorSlot > .select_indicator {
  position: static;
}
.select_trigger:focus-visible,
.select_trigger[data-state=open] {
  outline: none;
  box-shadow: none;
  border-color: var(--input-focus-color);
}
.select_trigger[aria-invalid=true] {
  border-color: var(--danger);
}
@media (forced-colors: active) {
  .select_trigger:focus-visible {
    border-color: Highlight;
  }
}
.select_content {
  font-family: var(--font-family);
  line-height: 1.5;
}
.select_chevron > svg {
  width: 16px;
  height: 16px;
  flex: none;
}
.select_chevron > svg + svg {
  display: none;
}
.select_groupLabel {
  font-size: var(--arc-menu-group-size);
  font-weight: var(--arc-menu-group-weight);
  color: var(--arc-menu-group-color);
  line-height: 1.5;
  padding-top: 12px;
  padding-bottom: 6px;
}
.select_groupLabel {
  text-transform: uppercase;
  letter-spacing: var(--arc-menu-group-tracking);
}
.select_viewport [role=group] + [role=group] {
  margin-top: var(--arc-menu-group-gap);
}

/* vendor/ubm-ui-components/src/components/dropdown-menu/dropdown-menu.module.css */
.dropdown_menu_trigger {
  display: inline-flex;
  max-width: 100%;
  min-height: var(--arc-control-height-sm);
  align-items: center;
  gap: var(--arc-space-2);
  padding: 0 var(--arc-space-3);
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-control);
  background: var(--arc-surface);
  color: var(--arc-foreground);
  font: inherit;
  font-size: var(--arc-text-sm);
  font-weight: 500;
  cursor: pointer;
  transition:
    background-color var(--arc-duration-instant) var(--arc-ease-standard),
    border-color var(--arc-duration-fast) var(--arc-ease-standard),
    box-shadow var(--arc-duration-fast) var(--arc-ease-standard);
}
@media (hover: hover) and (pointer: fine) {
  .dropdown_menu_trigger:hover {
    border-color: var(--arc-border-strong);
    background: var(--arc-surface-muted);
    box-shadow: var(--arc-shadow-resting);
  }
}
.dropdown_menu_trigger[data-state=open] {
  border-color: var(--arc-border-strong);
  background: var(--arc-surface-muted);
  box-shadow: none;
}
.dropdown_menu_trigger:active {
  border-color: var(--arc-border-strong);
  background: color-mix(in oklab, var(--arc-surface-muted), var(--arc-border) 55%);
  box-shadow: none;
}
.dropdown_menu_trigger:focus-visible {
  outline: 1px solid var(--arc-control-on);
  outline-offset: 0;
}
.dropdown_menu_item:focus-visible {
  outline: none;
}
.dropdown_menu_triggerIcon {
  display: inline-flex;
  flex: none;
  color: var(--arc-text-secondary);
}
.dropdown_menu_label {
  position: relative;
  display: inline-flex;
  min-width: 0;
  flex: 0 1 auto;
  overflow-x: clip;
}
.dropdown_menu_labelMeasure {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  white-space: nowrap;
  pointer-events: none;
}
.dropdown_menu_labelText {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdown_menu_chevron {
  flex: none;
  color: var(--arc-text-muted);
  transition: transform var(--arc-duration-spring) var(--arc-ease-spring), color var(--arc-duration-fast) var(--arc-ease-standard);
}
.dropdown_menu_trigger[data-state=open] .dropdown_menu_chevron {
  transform: rotate(180deg);
}
.dropdown_menu_menu {
  --menu-x: 0px;
  --menu-y: -5px;
  position: relative;
  z-index: 60;
  min-width: min(12rem, var(--radix-dropdown-menu-content-available-width));
  max-width: var(--radix-dropdown-menu-content-available-width);
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  transition: opacity var(--arc-duration-fast) var(--arc-ease-enter), transform var(--arc-duration-spring) var(--arc-ease-spring);
}
.dropdown_menu_menu,
.dropdown_menu_surface {
  padding: 5px;
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-panel);
  background: var(--arc-surface-raised);
  box-shadow: var(--arc-shadow-floating);
}
.dropdown_menu_menu[data-side=top] {
  --menu-y: 5px;
}
.dropdown_menu_menu[data-side=left] {
  --menu-x: 5px;
  --menu-y: 0px;
}
.dropdown_menu_menu[data-side=right] {
  --menu-x: -5px;
  --menu-y: 0px;
}
@starting-style {
  .dropdown_menu_menu[data-state=open] {
    opacity: 0;
    transform: translate(var(--menu-x), var(--menu-y)) scale(.97);
  }
  .dropdown_menu_menu[data-state=open] .dropdown_menu_item {
    opacity: 0;
    transform: translate(calc(var(--menu-x) * .4), calc(var(--menu-y) * .4));
  }
}
.dropdown_menu_menu[data-state=closed] {
  opacity: 0;
  transform: translate(calc(var(--menu-x) * .5), calc(var(--menu-y) * .5)) scale(.985);
  transition: opacity 130ms var(--arc-ease-standard), transform 130ms var(--arc-ease-standard);
  animation: dropdown_menu_menu-exit 130ms linear both;
  pointer-events: none;
}
.dropdown_menu_highlight {
  position: absolute;
  top: 0;
  right: 5px;
  left: 5px;
  border-radius: calc(var(--arc-radius-panel) - 6px);
  opacity: 0;
  pointer-events: none;
  transition: background-color var(--arc-duration-fast) var(--arc-ease-standard);
}
.dropdown_menu_highlight,
.dropdown_menu_item[data-active] {
  background: var(--arc-surface-muted);
}
.dropdown_menu_highlight[data-tone=danger],
.dropdown_menu_item[data-active][data-tone=danger] {
  background: color-mix(in oklab, var(--arc-danger) 8%, var(--arc-surface));
}
.dropdown_menu_item {
  position: relative;
  display: flex;
  min-height: 36px;
  align-items: center;
  gap: 10px;
  padding: 0 11px;
  border-radius: calc(var(--arc-radius-panel) - 6px);
  color: var(--arc-foreground);
  font-size: var(--arc-text-sm);
  cursor: pointer;
  outline: none;
  transition:
    color var(--arc-duration-fast) var(--arc-ease-standard),
    opacity var(--arc-duration-standard) var(--arc-ease-enter) calc(min(var(--i, 0), 4) * 35ms),
    transform var(--arc-duration-standard) var(--arc-ease-enter) calc(min(var(--i, 0), 4) * 35ms);
}
.dropdown_menu_icon {
  display: inline-flex;
  width: 17px;
  color: var(--arc-text-secondary);
}
.dropdown_menu_separator {
  height: 1px;
  margin: var(--arc-space-1) calc(var(--arc-space-1) * -1);
  background: var(--arc-border-subtle);
}
.dropdown_menu_destructive {
  color: var(--arc-danger);
}
.dropdown_menu_destructive .dropdown_menu_icon {
  color: var(--arc-danger);
}
.dropdown_menu_item[data-disabled] {
  opacity: .45;
  cursor: default;
}
.dropdown_menu_note {
  padding: var(--arc-space-2) 11px;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
}
.dropdown_menu_item[data-rich] {
  min-height: 36px;
  padding-block: var(--arc-space-2);
  white-space: normal;
}
button.dropdown_menu_item {
  width: 100%;
  border: 0;
  background: transparent;
  font: inherit;
  font-size: var(--arc-text-sm);
  text-align: start;
}
@keyframes dropdown_menu_menu-exit {
  to {
    --menu-exit: 1;
  }
}
@media (prefers-reduced-transparency: reduce) {
  .dropdown_menu_menu {
    background: var(--arc-surface-raised);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .dropdown_menu_trigger,
  .dropdown_menu_chevron,
  .dropdown_menu_item,
  .dropdown_menu_highlight {
    transition: none;
  }
  .dropdown_menu_menu,
  .dropdown_menu_menu[data-state=closed] {
    transform: none;
    transition: opacity var(--arc-duration-instant) linear;
  }
}
[data-motion=reduced] .dropdown_menu_trigger,
.dropdown_menu_trigger[data-motion=reduced],
[data-motion=reduced] .dropdown_menu_chevron,
.dropdown_menu_chevron[data-motion=reduced],
[data-motion=reduced] .dropdown_menu_item,
.dropdown_menu_item[data-motion=reduced],
[data-motion=reduced] .dropdown_menu_highlight,
.dropdown_menu_highlight[data-motion=reduced] {
  transition: none;
}
[data-motion=reduced] .dropdown_menu_menu,
.dropdown_menu_menu[data-motion=reduced],
[data-motion=reduced] .dropdown_menu_menu[data-state=closed],
.dropdown_menu_menu[data-state=closed][data-motion=reduced] {
  transform: none;
  transition: opacity var(--arc-duration-instant) linear;
}
.dropdown_menu_menu,
.dropdown_menu_surface {
  font-family: var(--arc-font-body);
  font-weight: 400;
  line-height: var(--arc-leading-body);
}
.dropdown_menu_trigger {
  min-height: var(--touch-target);
}
.dropdown_menu_separator {
  height: 0;
  margin: var(--arc-menu-group-gap) 0;
  background: transparent;
}

/* vendor/ubm-ui-components/src/components/time-grid/time-grid.module.css */
.time_grid_grid {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--tg-border, var(--arc-border));
  border-radius: var(--tg-radius, var(--arc-radius-panel));
  background: var(--tg-surface, var(--arc-surface));
  overflow: hidden;
}
.time_grid_head {
  display: grid;
  grid-template-columns: var(--tg-gutter, 54px) repeat(var(--tg-columns, 7), 1fr);
  border-bottom: 1px solid var(--tg-border, var(--arc-border));
}
.time_grid_corner {
  border-right: 1px solid var(--tg-border, var(--arc-border));
}
.time_grid_colhdr {
  border-right: 1px solid var(--tg-border, var(--arc-border));
  min-width: 0;
}
.time_grid_colhdr:last-child {
  border-right: none;
}
.time_grid_allDay {
  display: grid;
  grid-template-columns: var(--tg-gutter, 54px) repeat(var(--tg-columns, 7), 1fr);
  border-bottom: 1px solid var(--tg-border, var(--arc-border));
}
.time_grid_allDayLabel {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 7px;
  border-right: 1px solid var(--tg-border, var(--arc-border));
  font-size: var(--tg-label-size, var(--arc-text-xs));
  color: var(--tg-label-ink, var(--arc-text-muted));
}
.time_grid_allDayCell {
  min-width: 0;
  padding: 2px;
  border-right: 1px solid var(--tg-border, var(--arc-border));
}
.time_grid_allDayCell:last-child {
  border-right: none;
}
.time_grid_allDaySpan {
  grid-column: 2 / -1;
  display: grid;
  grid-template-columns: repeat(var(--tg-columns, 7), minmax(0, 1fr));
  grid-auto-rows: min-content;
  align-content: start;
  gap: 2px 0;
  min-width: 0;
  padding: 2px 0;
}
.time_grid_body {
  display: grid;
  grid-template-columns: var(--tg-gutter, 54px) repeat(var(--tg-columns, 7), 1fr);
  flex: 1;
  min-height: calc(var(--tg-rows, 11) * var(--tg-hour-height, 52px));
}
.time_grid_gutter {
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--tg-border, var(--arc-border));
}
.time_grid_hourlab {
  flex: 1;
  text-align: right;
  padding-right: 7px;
  font-size: var(--tg-label-size, var(--arc-text-xs));
  color: var(--tg-label-ink, var(--arc-text-muted));
  transform: translateY(-6px);
}
.time_grid_day {
  position: relative;
  border-right: 1px solid var(--tg-border, var(--arc-border));
  display: flex;
  flex-direction: column;
}
.time_grid_day:last-child {
  border-right: none;
}
.time_grid_hourline {
  flex: 1;
  border-bottom: 1px solid var(--tg-border, var(--arc-border));
}
.time_grid_select {
  position: absolute;
  left: 2px;
  right: 2px;
  background: var(--tg-select-fill, var(--arc-accent-subtle));
  border: 1px dashed var(--tg-select-ink, var(--arc-accent));
  border-radius: var(--tg-event-radius-sm, var(--arc-radius-control));
  pointer-events: none;
  z-index: 4;
}
.time_grid_preview {
  position: absolute;
  left: var(--tg-event-inset, 4px);
  right: var(--tg-event-inset, 4px);
  background: var(--tg-select-fill, var(--arc-accent-subtle));
  border: 1px solid var(--tg-select-ink, var(--arc-accent));
  border-radius: var(--tg-event-radius, var(--arc-radius-panel));
  pointer-events: none;
  z-index: 5;
}
.time_grid_event {
  position: absolute;
  left: var(--tg-event-inset, 4px);
  right: var(--tg-event-inset, 4px);
  display: block;
  width: auto;
  padding: var(--tg-event-padding, 4px 7px);
  overflow: hidden;
  border: 1px solid color-mix(in oklch, var(--tg-event-accent, var(--arc-accent)) 22%, transparent);
  border-left: 3px solid var(--tg-event-accent, var(--arc-accent));
  border-radius: var(--tg-event-radius, var(--arc-radius-panel));
  background: color-mix(in oklch, var(--tg-event-accent, var(--arc-accent)) 13%, var(--tg-surface, var(--arc-surface)));
  font: inherit;
  font-size: var(--tg-event-size, var(--arc-text-xs));
  line-height: 1.25;
  text-align: left;
  color: var(--tg-event-ink, var(--arc-foreground));
  text-decoration: none;
  cursor: pointer;
  z-index: 2;
}
.time_grid_handle {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 6px;
  cursor: ns-resize;
}
.time_grid_nowline {
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  border-top: 1px solid var(--tg-now-ink, var(--arc-danger));
  z-index: 1;
  pointer-events: none;
}
.time_grid_nowline::before {
  content: "";
  position: absolute;
  left: -3.5px;
  top: -3.5px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--tg-now-ink, var(--arc-danger));
  box-shadow: 0 0 0 3px color-mix(in oklch, var(--tg-now-ink, var(--arc-danger)) 18%, transparent);
}
.time_grid_nowlabel {
  position: absolute;
  left: -46px;
  top: -8px;
  width: 42px;
  text-align: right;
  font-size: 10px;
  font-weight: 700;
  color: var(--tg-now-ink, var(--arc-danger));
  background: var(--tg-surface, var(--arc-surface));
  padding: 0 3px;
  font-variant-numeric: tabular-nums;
}

/* vendor/ubm-ui-components/src/blocks/week-calendar/week-calendar.module.css */
.week_calendar_root {
  container-type: inline-size;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  display: flex;
  gap: 16px;
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-panel);
  background: var(--arc-surface-muted);
  color: var(--arc-foreground);
  font-family: var(--arc-font-body);
}
.week_calendar_sidebar {
  display: grid;
  align-content: start;
  gap: 16px;
  flex: none;
  width: 248px;
}
.week_calendar_mini {
  width: 100%;
}
.week_calendar_toggles {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
}
.week_calendar_togglesTitle {
  margin-bottom: 6px;
  padding: 0;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  font-weight: 500;
}
.week_calendar_toggleLabel {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.week_calendar_swatch {
  width: 10px;
  height: 10px;
  border-radius: 3px;
}
.week_calendar_menuCheck {
  display: inline-grid;
  margin-left: auto;
  padding-left: 12px;
}
.week_calendar_main {
  position: relative;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  flex: 1;
  min-width: 0;
  gap: 12px;
}
.week_calendar_header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
}
.week_calendar_range {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font-size: var(--arc-text-lg);
  font-weight: 600;
  white-space: nowrap;
}
.week_calendar_nav,
.week_calendar_tools {
  display: flex;
  align-items: center;
  gap: 6px;
}
.week_calendar_iconButton {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 9px;
  background: none;
  color: var(--arc-text-secondary);
  cursor: pointer;
}
.week_calendar_iconButton:focus-visible {
  outline: 2px solid var(--arc-focus-ring);
  outline-offset: -2px;
}
@media (hover: hover) and (pointer: fine) {
  .week_calendar_iconButton:hover {
    background: var(--arc-surface-raised);
    color: var(--arc-foreground);
  }
}
.week_calendar_srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.week_calendar_scroller {
  position: relative;
  max-height: var(--calendar-height, clamp(480px, 72vh, 760px));
  overflow: auto;
  overscroll-behavior: contain;
  border-radius: 16px;
  background: var(--arc-surface-raised);
  border: 1px solid var(--arc-border-subtle);
}
.week_calendar_slide {
  min-width: 0;
}
.week_calendar_grid {
  --tg-border: var(--arc-border-subtle);
  --tg-surface: var(--arc-surface-raised);
  --tg-radius: 0;
  --tg-label-ink: var(--arc-text-muted);
  --tg-label-size: 11px;
  --tg-gutter: 58px;
  --tg-hour-height: 52px;
  --tg-select-fill: color-mix(in oklab, var(--arc-accent) 12%, transparent);
  --tg-select-ink: var(--arc-accent);
  --tg-event-radius: 8px;
  --tg-event-radius-sm: 8px;
  --tg-event-ink: var(--arc-foreground);
  --tg-event-size: 12px;
  --tg-event-inset: 2px;
  --tg-event-padding: 3px 7px;
  border: 0;
  overflow: visible;
}
.week_calendar_gridHead {
  position: sticky;
  top: 0;
  z-index: 6;
  height: 60px;
  box-sizing: border-box;
  background: var(--arc-surface-raised);
}
.week_calendar_gridAllDay {
  position: sticky;
  top: 60px;
  z-index: 5;
  background: var(--arc-surface-raised);
}
.week_calendar_dayHeader {
  display: grid;
  justify-items: center;
  gap: 2px;
  padding: 6px 0;
}
.week_calendar_dayName {
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
}
.week_calendar_dayNumber {
  display: inline-grid;
  place-items: center;
  min-width: 28px;
  height: 28px;
  border-radius: 999px;
  font-size: var(--arc-text-base);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.week_calendar_dayHeader[data-today] .week_calendar_dayNumber {
  background: var(--arc-foreground);
  color: var(--arc-surface-raised);
}
[data-day]:focus-visible {
  outline: none;
  background: color-mix(in oklab, var(--arc-foreground) 4%, transparent);
}
.week_calendar_event {
  container-type: size;
  display: grid;
  align-content: start;
  gap: 1px;
  box-shadow: none;
}
.week_calendar_event[data-pending] {
  opacity: .6;
}
.week_calendar_event[aria-pressed=true] {
  box-shadow: inset 0 0 0 1.5px var(--tg-event-accent, var(--arc-accent));
}
.week_calendar_event:focus-visible {
  outline: none;
  filter: brightness(.97);
  box-shadow: inset 0 0 0 1.5px var(--tg-event-accent, var(--arc-accent));
}
.week_calendar_eventTitle {
  overflow: hidden;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.week_calendar_eventTime,
.week_calendar_eventPlace {
  overflow: hidden;
  color: var(--arc-text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.week_calendar_eventPlace {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
.week_calendar_eventPeople {
  display: flex;
  gap: 2px;
  margin-top: 4px;
  transform: scale(.8);
  transform-origin: left top;
}
@container (max-height: 44px) {
  .week_calendar_eventTime,
  .week_calendar_eventPlace,
  .week_calendar_eventPeople {
    display: none;
  }
}
@container (max-height: 70px) {
  .week_calendar_eventPeople,
  .week_calendar_eventPlace {
    display: none;
  }
}
@container (max-width: 90px) {
  .week_calendar_eventPlace,
  .week_calendar_eventPeople {
    display: none;
  }
}
.week_calendar_allDayEvent {
  min-width: 0;
  margin: 0 2px;
  padding: 2px 8px;
  overflow: hidden;
  border: 0;
  border-left: 3px solid var(--tg-event-accent);
  border-radius: 6px;
  background: color-mix(in oklch, var(--tg-event-accent) 16%, var(--arc-surface-raised));
  color: var(--arc-foreground);
  font: inherit;
  font-size: 12px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.week_calendar_allDayEvent[data-pending] {
  opacity: .6;
}
.week_calendar_allDayEvent:focus-visible,
.week_calendar_agendaRow:focus-visible {
  outline: 2px solid var(--arc-focus-ring);
  outline-offset: 1px;
}
.week_calendar_allDayMore {
  justify-self: start;
  margin: 0 2px;
  padding: 1px 6px;
  border: 0;
  background: none;
  color: var(--arc-text-muted);
  font: inherit;
  font-size: 11px;
  cursor: pointer;
}
.week_calendar_agenda {
  display: grid;
  margin: 0;
  padding: 8px 16px 16px;
  list-style: none;
}
.week_calendar_agendaDay {
  padding: 10px 0;
  border-bottom: 1px solid var(--arc-border-subtle);
}
.week_calendar_agendaDate {
  margin: 0 0 6px;
  font-size: var(--arc-text-sm);
  font-weight: 600;
}
.week_calendar_agendaDate[data-today] {
  color: var(--arc-accent);
}
.week_calendar_agendaEmpty {
  margin: 0;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
}
.week_calendar_agendaList {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.week_calendar_agendaRow {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 2px 10px;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  border-left: 3px solid var(--tg-event-accent);
  border-radius: 8px;
  background: color-mix(in oklch, var(--tg-event-accent) 10%, var(--arc-surface-raised));
  color: inherit;
  font: inherit;
  font-size: var(--arc-text-sm);
  text-align: left;
  cursor: pointer;
}
.week_calendar_agendaTime {
  color: var(--arc-text-secondary);
  font-variant-numeric: tabular-nums;
}
.week_calendar_agendaTitle {
  font-weight: 600;
}
.week_calendar_agendaPlace {
  grid-column: 2;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
}
.week_calendar_anchor {
  position: absolute;
  pointer-events: none;
}
.week_calendar_popover {
  width: min(320px, calc(100vw - 32px));
}
.week_calendar_popForm {
  display: grid;
  gap: 10px;
}
.week_calendar_popRow {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  gap: 6px;
}
.week_calendar_popWhen {
  margin: 0;
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-sm);
}
.week_calendar_popError {
  margin: 0;
  color: var(--arc-danger);
  font-size: var(--arc-text-sm);
}
.week_calendar_popNote {
  margin: 0;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
}
.week_calendar_popActions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}
.week_calendar_popSpacer {
  flex: 1;
}
.week_calendar_toast {
  position: absolute;
  left: 50%;
  bottom: 12px;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 10px 8px 14px;
  border-radius: 12px;
  background: var(--arc-foreground);
  color: var(--arc-surface-raised);
  font-size: var(--arc-text-sm);
  box-shadow: var(--arc-shadow-floating);
  translate: -50% 0;
}
.week_calendar_toastUndo,
.week_calendar_toastClose {
  padding: 2px 6px;
  border: 0;
  border-radius: 6px;
  background: none;
  color: inherit;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.week_calendar_toastUndo {
  text-decoration: underline;
}
@container (min-width: 640px) and (max-width: 900px) {
  .week_calendar_grid {
    --tg-gutter: 46px;
    --tg-event-padding: 2px 5px;
    --tg-event-size: 11px;
  }
  .week_calendar_dayNumber {
    min-width: 24px;
    height: 24px;
    font-size: var(--arc-text-sm);
  }
}
@container (max-width: 640px) {
  .week_calendar_root {
    padding: 10px;
  }
  .week_calendar_grid {
    --tg-gutter: 44px;
  }
  .week_calendar_range {
    font-size: var(--arc-text-base);
  }
  .week_calendar_popRow {
    grid-template-columns: 1fr;
  }
}
html[data-motion=reduced] .week_calendar_root *,
html[data-motion=reduced] .week_calendar_root *::before,
html[data-motion=reduced] .week_calendar_root *::after {
  animation-duration: 0s !important;
  transition-duration: 0s !important;
}

/* src/exchanges.css */
.ex-page {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
  color: var(--ink);
}
.ex-stack {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
.ex-stack-sm {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.ex-stack-lg {
  display: flex;
  flex-direction: column;
  gap: 32px;
  min-width: 0;
}
.ex-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.ex-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.ex-actions-start {
  justify-content: flex-start;
}
.ex-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr));
  gap: 16px;
}
.ex-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.ex-section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.ex-h2 {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -.01em;
}
.ex-h3 {
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  color: var(--muted);
}
.ex-kicker {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: var(--muted);
}
.ex-lead {
  margin: 0;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.ex-strong {
  margin: 0;
  font-weight: 500;
}
.ex-muted {
  margin: 0;
  color: var(--muted);
}
.ex-small {
  margin: 0;
  font-size: 13px;
  line-height: 19px;
  color: var(--muted);
}
.ex-stack p,
.ex-stack-sm p {
  margin: 0;
  line-height: 1.5;
}
.ex-facts {
  margin: 0;
  border-top: 1px solid var(--subtle);
}
.ex-facts > div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 0;
  border-bottom: 1px solid var(--subtle);
}
.ex-facts dt {
  flex: none;
  color: var(--muted);
  font-size: 14px;
}
.ex-facts dd {
  margin: 0;
  text-align: right;
  font-size: 14px;
  font-weight: 500;
}
.ex-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ex-row-button {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border: 0;
  border-radius: calc(var(--radius) * .5);
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: background-color var(--duration-fast) var(--ease-standard);
}
.ex-row-button:hover,
.ex-row-button[aria-current=true] {
  background: var(--subtle);
}
.ex-row-button:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}
.ex-row-text {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ex-row-text > b {
  font-weight: 500;
  overflow-wrap: anywhere;
}
.ex-row-text > span {
  font-size: 13px;
  line-height: 18px;
  color: var(--muted);
  overflow-wrap: anywhere;
}
.ex-history {
  margin: 0;
  padding-left: 18px;
  font-size: 13px;
  color: var(--muted);
}
.ex-bullets {
  margin: 0;
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  line-height: 1.5;
}
.ex-inline-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 14px;
}
.ex-coin {
  flex: none;
  display: inline-block;
  border-radius: 50%;
  box-shadow: inset 0 0 0 3px color-mix(in srgb, #fff 35%, transparent);
}
.ex-coin-md {
  width: 28px;
  height: 28px;
}
.ex-coin-lg {
  width: 44px;
  height: 44px;
}
.ex-coin-silver {
  background:
    radial-gradient(
      circle at 35% 30%,
      #f4f6f8,
      #a9b1bb 70%);
}
.ex-coin-gold {
  background:
    radial-gradient(
      circle at 35% 30%,
      #fbe7a1,
      #c9952c 70%);
}
.ex-coin-black {
  background:
    radial-gradient(
      circle at 35% 30%,
      #5b5f66,
      #121316 70%);
}
.ex-coin-red {
  background:
    radial-gradient(
      circle at 35% 30%,
      #f6a29a,
      #b8352a 70%);
}
.ex-date-tile {
  flex: none;
  width: 44px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--subtle);
  color: var(--ink);
  line-height: 1;
}
.ex-date-tile b {
  font-size: 17px;
  font-weight: 600;
}
.ex-date-tile small {
  margin-top: 3px;
  font-size: 11px;
  color: var(--muted);
}
.ex-src-tg {
  background: color-mix(in srgb, #7c3aed 14%, var(--panel));
}
.ex-src-consult {
  background: color-mix(in srgb, #e11d48 12%, var(--panel));
}
.ex-src-live {
  background: color-mix(in srgb, #2563eb 14%, var(--panel));
}
.ex-src-tour {
  background: color-mix(in srgb, #d97706 16%, var(--panel));
}
.ex-src-atelier {
  background: color-mix(in srgb, #0d9488 14%, var(--panel));
}
.ex-calendar-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 24px;
  align-items: start;
}
.ex-calendar {
  min-width: 0;
  min-height: 560px;
}
.ex-calendar-aside {
  position: sticky;
  top: 16px;
}
.ex-next {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: left;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.ex-next-title {
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
}
.ex-service {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}
.ex-genius-next {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ex-genius-next p {
  margin: 0;
  line-height: 1.5;
}
.ex-question {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 8px 0;
}
.ex-lead-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 0;
}
.ex-grid-people {
  grid-template-columns: repeat(auto-fill, minmax(min(240px, 100%), 1fr));
}
.ex-person {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.ex-person-photo {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: 50% 18%;
  display: block;
}
.ex-person-mark {
  aspect-ratio: 4 / 3;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--subtle);
}
.ex-person-body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px;
  align-items: flex-start;
}
.ex-tab {
  padding-top: 20px;
  min-width: 0;
}
.ex-feed-page {
  width: 100%;
}
.ex-unread {
  margin-left: 6px;
  font-variant-numeric: tabular-nums;
}
.ex-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.ex-toolbar > :first-child {
  min-width: 0;
  flex: 1 1 320px;
}
.ex-feed {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ex-post-head {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ex-post-title {
  margin: 4px 0 0;
  font-size: 17px;
  line-height: 23px;
  font-weight: 600;
}
.ex-post-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 15px;
  line-height: 1.55;
}
.ex-post-text p {
  margin: 0;
}
.ex-event-thumb {
  flex: none;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  object-fit: contain;
  background: var(--subtle);
}
.ex-event-visual {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  max-height: 240px;
  border-radius: calc(var(--radius) * .5);
  object-fit: contain;
  background: var(--subtle);
}
.ex-post-event {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 12px;
  border-radius: calc(var(--radius) * .5);
  background: var(--subtle);
}
.ex-post-event .ex-facts {
  border-top: 0;
}
.ex-post-challenge {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ex-post-foot {
  display: flex;
  gap: 4px;
  margin-top: 4px;
}
.ex-comment {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.ex-comment-reply {
  margin-left: 38px;
}
.ex-mention {
  color: var(--accent);
  font-weight: 500;
}
.ex-space-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--subtle);
}
.ex-messages {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  color: var(--ink);
}
.ex-thread-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 0;
  padding: 12px 12px 16px;
  border-right: 1px solid var(--subtle);
  overflow-y: auto;
}
.ex-thread-list-head {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 4px 4px 4px 12px;
}
.ex-thread .ex-row-text > span {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ex-thread-meta {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}
.ex-thread-pane {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}
.ex-thread-head {
  flex: none;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  border-bottom: 1px solid var(--subtle);
}
.ex-thread-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.ex-thread-body > * {
  flex: 1 1 auto;
  min-height: 0;
}
.ex-thread-empty {
  padding: 24px 20px;
}
.ex-thread-composer {
  flex: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 16px 14px;
}
.ex-messages [hidden] {
  display: none !important;
}
.ex-offer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr));
  gap: 16px;
}
.ex-offer-grid-compact {
  grid-template-columns: repeat(auto-fill, minmax(min(220px, 100%), 1fr));
}
.ex-offer {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border: 0;
  padding: 0;
  cursor: pointer;
  text-align: left;
  font: inherit;
  color: inherit;
}
.ex-offer-photo,
.ex-offer-art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.ex-offer-photo {
  object-fit: cover;
  display: block;
}
.ex-offer-art {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 12%;
  box-sizing: border-box;
}
.ex-offer-art svg {
  width: 86%;
  height: auto;
}
.ex-offer-overlay {
  position: absolute;
  inset: auto 0 0 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 56px 16px 16px;
  background:
    linear-gradient(
      to top,
      rgba(8, 10, 14, .82),
      rgba(8, 10, 14, .55) 55%,
      transparent);
  color: #fff;
}
.ex-offer-kicker {
  font-size: 12px;
  line-height: 16px;
  opacity: .82;
}
.ex-offer-title {
  font-size: 17px;
  line-height: 22px;
  font-weight: 600;
}
.ex-offer-meta {
  font-size: 13px;
  line-height: 18px;
  opacity: .78;
}
.ex-art-formation {
  background: #1f3a5f;
  color: #cfe0f5;
}
.ex-art-tarifs {
  background: #efe6d6;
  color: #3a2f20;
}
.ex-art-atelier {
  background: #0f4c47;
  color: #c7ece6;
}
.ex-art-audit {
  background: #2b2d42;
  color: #d9dbea;
}
.ex-art-crm {
  background: #3d2c5c;
  color: #e1d6f3;
}
.ex-art-slides {
  background: #5a2e2a;
  color: #f3d9d4;
}
.ex-art-coin {
  background: #1b1d22;
  align-items: center;
  padding-top: 0;
}
.ex-art-coin .ex-coin-lg {
  width: 46%;
  height: auto;
  aspect-ratio: 1;
  margin-bottom: 28%;
}
.ex-offer-hero {
  position: relative;
  aspect-ratio: 16 / 9;
  border-radius: calc(var(--radius) * .6);
  overflow: hidden;
}
.ex-mine {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: left;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.ex-account {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
  gap: 32px;
  align-items: start;
}
.ex-account-main {
  display: flex;
  flex-direction: column;
  gap: 28px;
  min-width: 0;
}
.ex-account-side {
  position: sticky;
  top: 16px;
}
.ex-member-card {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 520px;
  background:
    radial-gradient(
      120% 140% at 0% 0%,
      #2a3142,
      #0d1017 62%);
  color: #f4f6fa;
}
.ex-member-logo {
  height: 28px;
  width: auto;
  align-self: flex-start;
}
.ex-member-id {
  display: flex;
  align-items: center;
  gap: 14px;
}
.ex-member-card .ex-row-text > span {
  color: rgba(244, 246, 250, .72);
}
.ex-member-card .ex-row-text > b {
  font-size: 17px;
}
.ex-member-foot {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.ex-member-miles {
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.ex-toggle-list {
  display: flex;
  flex-direction: column;
}
.ex-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid var(--subtle);
  cursor: pointer;
}
@media (max-width: 1100px) {
  .ex-calendar-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .ex-calendar-aside {
    position: static;
  }
  .ex-account {
    grid-template-columns: minmax(0, 1fr);
  }
  .ex-account-side {
    position: static;
  }
}
@media (max-width: 760px) {
  .ex-messages {
    grid-template-columns: minmax(0, 1fr);
  }
  .ex-thread-list {
    border-right: 0;
  }
  .ex-thread-head {
    padding: 10px 12px;
  }
  .ex-offer {
    aspect-ratio: 4 / 3;
  }
  .ex-calendar {
    min-height: 0;
  }
  .ex-actions {
    justify-content: stretch;
  }
  .ex-actions > * {
    flex: 1 1 auto;
  }
  .ex-comment-reply {
    margin-left: 24px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ex-row-button {
    transition: none;
  }
}
.ex-topic-news,
.ex-topic-innovations {
  color: light-dark(#2462a4, #8ebcf0);
  background: light-dark(#edf4fc, #14283e);
}
.ex-topic-events {
  color: light-dark(#946018, #e8bd75);
  background: light-dark(#fff5e4, #332918);
}
.ex-topic-contracts,
.ex-topic-results {
  color: light-dark(#287750, #8dd4ad);
  background: light-dark(#edf8f1, #162f24);
}
.ex-topic-challenges {
  color: light-dark(#73549f, #c1a0ee);
  background: light-dark(#f5effc, #2a203b);
}
.ex-post-foot button,
.ex-like {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-variant-numeric: tabular-nums;
}
.ex-like[aria-pressed=true] {
  color: light-dark(#b72f4b, #f48ba0);
}
.ex-thread-list-head {
  justify-content: flex-end;
}
.ex-community-event-poster {
  width: min(100%, 480px);
  margin-block: 12px;
  overflow: hidden;
  border-radius: 16px;
  background: #0a0a0a;
}
.ex-community-event-poster img {
  display: block;
  width: 100%;
  aspect-ratio: 3/2;
  object-fit: contain;
}
@media (max-width: 767px) {
  .ex-feed-page .ex-toolbar {
    display: block;
    min-width: 0;
  }
  .ex-feed-page .ex-toolbar > .ex-actions {
    display: none;
  }
  .ex-feed-page .ex-toolbar > [role=group] {
    max-width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
  }
  .ex-post-head {
    flex-wrap: wrap;
    gap: 8px;
  }
  .ex-post-head .ex-row-text {
    flex: 1;
    min-width: 140px;
  }
  .ex-post {
    padding: 18px !important;
  }
  .ex-post-text {
    font-size: 14px;
    line-height: 1.55;
  }
  .tc-shell[data-mobile] .tc-main.tc-main--messages {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    padding: 0 !important;
  }
  .tc-main--messages .ex-messages {
    flex: 1;
    min-height: 0;
  }
  .ex-thread-pane {
    height: 100%;
  }
  .ex-thread-body {
    flex: 1;
    min-height: 0;
    overflow: auto;
  }
  .ex-thread-composer {
    padding-bottom: calc(12px + env(safe-area-inset-bottom));
  }
}
@media (max-width: 767px) {
  .ex-thread-list {
    padding-bottom: calc(88px + env(safe-area-inset-bottom));
  }
}

/* src/activities.css */
.act-page {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-8);
  min-width: 0;
  color: var(--arc-foreground);
  font-family: var(--arc-font-body);
}
.act-section {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-3);
  min-width: 0;
}
.act-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--arc-space-3);
  min-height: var(--arc-control-height-sm);
}
.act-section-head h2 {
  margin: 0;
  font-size: var(--arc-text-lg);
  font-weight: 600;
  letter-spacing: var(--arc-tracking-display);
}
.act-text {
  margin: 0;
  font-size: var(--arc-text-sm);
  line-height: 1.55;
  color: var(--arc-foreground);
}
.act-lead {
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-base);
}
.act-muted {
  margin: 0;
  font-size: var(--arc-text-xs);
  color: var(--arc-text-muted);
}
.act-notice {
  margin: 0;
  padding: var(--arc-space-3) var(--arc-space-4);
  border-radius: var(--arc-radius-control);
  background: var(--arc-surface-muted);
  font-size: var(--arc-text-xs);
  line-height: 1.5;
  color: var(--arc-text-secondary);
}
.act-notice[data-tone=danger] {
  color: var(--arc-danger);
  background: color-mix(in srgb, var(--arc-danger) 10%, transparent);
}
.act-notice[data-tone=success] {
  color: var(--arc-success);
  background: color-mix(in srgb, var(--arc-success) 10%, transparent);
}
.act-rows {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.act-row {
  display: flex;
  align-items: center;
  gap: var(--arc-space-3);
  min-height: 52px;
  padding: var(--arc-space-2) 0;
  border-bottom: 1px solid var(--arc-border-subtle);
}
.act-row:last-child {
  border-bottom: 0;
}
.act-row-main {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
  font-size: var(--arc-text-sm);
}
.act-row-main small {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: var(--arc-text-xs);
  color: var(--arc-text-muted);
}
.act-row-main small[data-late] {
  color: var(--arc-danger);
}
.act-row-open {
  display: flex;
  justify-content: flex-start;
  flex: 1;
  min-width: 0;
  padding-inline: 0;
  text-align: left;
  color: inherit;
  font-weight: inherit;
}
.act-row-open > svg {
  flex: none;
  color: var(--arc-text-muted);
}
.act-rows-card {
  padding: 0 var(--arc-space-4);
  border: 1px solid var(--arc-border-subtle);
  border-radius: var(--arc-radius-surface);
  background: var(--arc-surface);
}
.act-todo {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-2);
}
.act-todo-count {
  margin: 0;
  font-size: var(--arc-text-xs);
  color: var(--arc-text-muted);
}
.act-todo-row[data-done] .act-row-main > span {
  color: var(--arc-text-muted);
  text-decoration: line-through;
  text-decoration-color: var(--arc-border-strong);
}
.act-peek {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-4);
  min-width: 0;
}
.act-peek-kicker {
  margin: 0;
  font-size: var(--arc-text-xs);
  color: var(--arc-text-muted);
}
.act-peek-h {
  margin: 0;
  font-size: var(--arc-text-sm);
  font-weight: 600;
}
.act-form {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-4);
}
.act-form > button[type=submit] {
  align-self: flex-start;
}
.act-form-pair {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
  gap: var(--arc-space-3);
}
.act-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--arc-space-2);
}
.act-measure {
  display: flex;
  align-items: baseline;
  gap: 2px;
  font-size: var(--arc-text-sm);
  color: var(--arc-text-secondary);
}
.act-measure b {
  font-size: var(--arc-text-3xl);
  font-weight: 600;
  letter-spacing: var(--arc-tracking-display);
  color: var(--arc-foreground);
  line-height: 1;
}
.act-badges {
  display: flex;
  flex-wrap: wrap;
  gap: var(--arc-space-2);
}
.act-premium[data-theme=dark],
.act-premium {
  --arc-background: var(--panel);
  --arc-surface: var(--panel);
  --arc-surface-raised: var(--panel);
  --arc-surface-muted: var(--subtle);
  --arc-foreground: var(--ink);
  --arc-text-muted: var(--muted);
  --arc-text-secondary: var(--muted);
  --arc-border: var(--border);
  --arc-border-strong: var(--border);
  --arc-border-subtle: var(--border);
  --arc-accent: var(--accent);
  --arc-accent-foreground: var(--on-accent);
  --arc-accent-strong: var(--accent-hover);
  --arc-accent-subtle: var(--accent-soft);
  --arc-success: var(--success);
  --arc-control-track: var(--subtle);
  --arc-control-fill: var(--accent);
  --arc-focus-ring: var(--focus);
}
.act-premium {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-3);
  box-sizing: border-box;
  height: 100%;
  padding: var(--arc-space-6);
  border-radius: var(--arc-radius-surface);
  color: var(--arc-foreground);
  background:
    radial-gradient(
      120% 90% at 100% 0%,
      color-mix(in srgb, var(--accent) 22%, transparent),
      transparent 60%),
    var(--canvas);
  box-shadow: none;
}
.act-premium h3 {
  margin: 0;
  font-size: var(--arc-text-xl);
  font-weight: 600;
  letter-spacing: var(--arc-tracking-display);
}
.act-premium-kicker {
  margin: 0;
  font-size: var(--arc-text-xs);
  color: var(--arc-text-muted);
}
.act-premium-measure {
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin-top: auto;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-sm);
}
.act-premium-measure b {
  font-size: var(--arc-text-5xl);
  line-height: 1;
  font-weight: 600;
  color: var(--arc-foreground);
  letter-spacing: var(--arc-tracking-display);
}
.act-premium > button {
  align-self: flex-start;
}
.act-goal-rail .act-premium {
  min-height: 260px;
}
.act-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.act-home-hero {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-3);
  min-width: 0;
}
.act-premium.act-premium-card {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  gap: var(--arc-space-3);
  align-items: stretch;
  justify-content: flex-start;
  text-align: left;
  font-weight: inherit;
  white-space: normal;
  cursor: pointer;
}
.act-premium-hello {
  display: block;
  padding-right: 40px;
  font-size: var(--arc-text-sm);
  font-weight: 500;
  line-height: 1.4;
  color: var(--arc-text-secondary);
}
.act-premium-card .act-premium-kicker {
  display: block;
  padding-right: 40px;
}
.act-premium-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--arc-space-4);
  margin-top: var(--arc-space-2);
}
.act-premium-title {
  display: block;
  flex: 1;
  min-width: 0;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -.02em;
  line-height: 1.2;
}
.act-premium-head .act-premium-measure {
  flex: none;
  margin-top: 0;
  white-space: nowrap;
  font-size: var(--arc-text-sm);
}
.act-premium-card .act-premium-measure b {
  font-size: 24px;
  letter-spacing: -.02em;
}
@media (min-width: 768px) {
  .act-premium-title,
  .act-premium-card .act-premium-measure b {
    font-size: 28px;
  }
}
.act-premium-cta {
  position: absolute;
  top: var(--arc-space-5);
  right: var(--arc-space-5);
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--arc-surface-muted);
  color: var(--arc-foreground);
  transition: transform var(--arc-duration-fast) var(--arc-ease-standard);
}
@media (hover: hover) and (pointer: fine) {
  .act-premium-card:hover .act-premium-cta {
    transform: translate(2px, -2px);
  }
}
.act-premium-card:focus-visible {
  outline: 2px solid var(--arc-focus-ring);
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  .act-premium-cta {
    transition: none;
  }
  .act-premium-card:hover .act-premium-cta {
    transform: none;
  }
}
.act-goal-rail.act-goal-rail-home {
  --carousel-gap: 12px;
}
.act-goal-rail-home > [role=group] > [class*=track] {
  padding-inline: 0 calc(100cqw - var(--carousel-slide));
}
.act-goal-rail-home > [role=group] > [class*=track]:not([data-measured]) {
  translate: calc(var(--carousel-start) * -1 * (var(--carousel-slide) + var(--carousel-gap))) 0;
}
.act-history {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-6);
}
.act-premium-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-2);
}
.act-premium-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: var(--arc-space-2) var(--arc-space-4);
  width: 100%;
  padding-inline: 0;
  text-align: left;
  color: inherit;
  font-weight: inherit;
  border-bottom-color: color-mix(in srgb, var(--arc-border) 50%, transparent);
}
.act-premium-list li:last-child .act-premium-row {
  border-bottom-color: transparent;
}
.act-premium-row > :last-child {
  grid-column: 1 / -1;
}
.act-premium-row-title {
  font-size: var(--arc-text-sm);
}
.act-premium-row-value {
  font-size: var(--arc-text-xs);
  color: var(--arc-text-muted);
}
.act-premium-row-value b {
  font-size: var(--arc-text-base);
  color: var(--arc-foreground);
  margin-right: 2px;
}
.act-charts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
  gap: var(--arc-space-4);
}
.act-chart {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-3);
  min-width: 0;
}
.act-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--arc-space-3);
}
.act-agir {
  gap: 24px;
}
.act-agir-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--arc-space-3);
  min-width: 0;
}
.act-agir-week {
  margin: 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -.02em;
}
@media (min-width: 768px) {
  .act-agir-week {
    font-size: 18px;
  }
}
.act-agir-tools {
  display: flex;
  align-items: center;
  gap: var(--arc-space-2);
}
.act-premium-top {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 20px;
  padding-right: 40px;
}
.act-premium-top .act-premium-hello {
  padding-right: 0;
}
.act-goal-icon {
  flex: none;
  color: var(--arc-text-secondary);
}
.act-goal-kicker {
  display: flex;
  align-items: center;
  gap: 6px;
}
.act-goal-kicker svg {
  flex: none;
}
.act-goal-grid .act-premium.act-premium-card {
  min-height: 0;
}
.act-action-groups {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.act-action-groups[hidden] {
  display: none;
}
.act-action-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.act-action-group-h {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  color: var(--arc-text-muted);
}
.act-agir-bar-back {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.act-agir-bar-back > button {
  margin-inline-start: -12px;
}
.act-agir-goals {
  container-type: inline-size;
  min-width: 0;
}
.act-agir-goal-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}
@container (min-width: 560px) {
  .act-agir-goal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}
.act-agir-goal-grid .act-premium.act-premium-card {
  min-height: 0;
}
.act-bilan-task .act-compact-open.act-compact-open,
.act-bilan-task .act-compact-open.act-compact-open:is(:hover, :active, :focus-visible) {
  background: transparent;
  box-shadow: none;
}
.act-planning-nav {
  display: flex;
  align-items: center;
  gap: 4px;
}
.act-planning-range {
  min-width: 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--arc-text-secondary);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.act-kanban {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(200px, 1fr);
  gap: 8px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  padding-bottom: 4px;
}
.act-kanban-col[data-over] {
  box-shadow: none;
}
.act-kanban-col[data-undated] {
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--arc-border);
}
.act-kanban-col[data-undated][data-over] {
  box-shadow: none;
}
.act-kcard[draggable=true] {
  cursor: grab;
}
.act-kcard[draggable=true]:active {
  cursor: grabbing;
}
.act-kcard .act-kcard-open {
  display: flex;
  border: 0;
  background: transparent;
  font: inherit;
  color: inherit;
  cursor: pointer;
  border-radius: var(--arc-radius-control);
}
.act-kcard .act-kcard-open:focus-visible {
  outline: 2px solid var(--arc-focus-ring);
  outline-offset: -2px;
}
.act-fiche-pop {
  width: min(320px, calc(100vw - 32px));
  padding: 16px;
}
.act-fiche {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.act-fiche-title {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.act-fiche-meta {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  font-size: 13px;
  color: var(--arc-text-secondary);
}
.act-fiche-meta svg {
  flex: none;
  margin-top: 2px;
}
.act-fiche-note {
  margin: 0;
  font-size: 13px;
  color: var(--arc-text-muted);
}
.act-fiche-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.act-due-picker {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
}
.act-due-picker > button:last-child:not(:first-child) {
  align-self: flex-start;
}
.act-planning .act-section-head {
  flex-wrap: wrap;
}
.act-kanban-col {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  padding: 10px 12px 8px;
  border-radius: var(--arc-radius-control);
  background: var(--arc-surface-muted);
  scroll-snap-align: start;
}
.act-kanban-col[data-today] {
  box-shadow: inset 0 0 0 1.5px var(--arc-foreground);
}
.act-kanban-h {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  color: var(--arc-text-secondary);
  text-transform: capitalize;
}
.act-kanban-today {
  text-transform: none;
  color: var(--arc-foreground);
}
.act-kanban-empty {
  margin: 0;
  padding: 8px 0;
  font-size: 12px;
  color: var(--arc-text-muted);
}
.act-kanban .act-compact-row {
  margin-inline: -8px;
  padding-inline-end: 8px;
}
.act-kanban .act-compact-row:not(:has([role=checkbox])) {
  padding-inline-start: 8px;
}
.act-kanban .act-compact-title {
  font-size: 13px;
}
.act-planning-apart {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (min-width: 1200px) {
  .act-kanban {
    grid-auto-columns: minmax(200px, 1fr);
  }
}
@media (max-width: 767px) {
  .act-agir-objectives > .act-section-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .act-agir-objectives .act-agir-tools {
    width: 100%;
    justify-content: space-between;
  }
  .act-kanban {
    grid-auto-columns: minmax(220px, 78%);
  }
  .act-agir .act-premium.act-premium-card {
    padding: 20px;
    gap: 10px;
  }
  .act-agir .act-premium-cta {
    top: 16px;
    right: 16px;
  }
}
.act-kanban .act-kcard .act-compact-open,
.act-kanban .act-kcard .act-compact-open:is(:hover, :active, :focus-within),
.act-kanban .act-kcard [role=checkbox]:is(:hover, :active) {
  background: transparent;
  box-shadow: none;
}
.act-kanban .act-kcard {
  border-radius: var(--arc-radius-control);
}
.act-kanban .act-kcard:focus-within {
  background: color-mix(in srgb, var(--arc-foreground) 4%, transparent);
}
@media (hover: hover) and (pointer: fine) {
  .act-kanban .act-kcard:hover {
    background: color-mix(in srgb, var(--arc-foreground) 4%, transparent);
  }
}
.act-related-picker {
  font-size: 13px;
  color: var(--arc-text-secondary);
}
.act-related-picker > summary {
  cursor: pointer;
  min-height: 44px;
  display: flex;
  align-items: center;
}
.act-related-picker[open] > summary {
  margin-bottom: 8px;
}
.act-goal-timeline {
  min-width: 0;
}
.act-goal-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
  gap: var(--arc-space-4);
}
.act-goal-card {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-3);
}
.act-goal-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--arc-space-2);
}
.act-goal-card-head h3 {
  margin: 0;
  font-size: var(--arc-text-base);
  font-weight: 600;
}
.act-home {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 32px;
}
.act-home-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 32px;
  align-items: start;
}
.act-home-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
  min-width: 0;
}
.act-actions-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--arc-space-2);
}
.act-actions-list > .act-muted {
  margin: 0;
}
.act-actions-list > button {
  align-self: flex-start;
}
.act-compact-rows {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.act-compact-row {
  display: flex;
  align-items: center;
  gap: 0;
  min-width: 0;
  min-height: 44px;
  margin-inline: -12px;
  padding-inline-end: 12px;
  border-radius: var(--arc-radius-control);
}
.act-compact-row:not(:has([role=checkbox])) {
  padding-inline-start: 12px;
}
.act-compact-row [role=checkbox] {
  flex: none;
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  min-width: 44px;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  display: grid;
  place-items: center;
}
.act-compact-row [role=checkbox] > span[aria-hidden=true]:first-child {
  box-sizing: border-box;
  border: 1.5px solid var(--arc-foreground);
}
.act-compact-row .act-compact-open {
  flex: 1;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 2px var(--arc-space-3);
  box-sizing: border-box;
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 44px;
  margin: 0;
  padding: 6px 0;
  border-radius: 0;
  background: transparent;
  text-align: left;
  color: inherit;
  font-weight: 400;
}
.act-actions-list .act-compact-row .act-compact-open.act-compact-open,
.act-actions-list .act-compact-row .act-compact-open.act-compact-open:is(:hover, :active, :focus-visible),
.act-actions-list .act-compact-row [role=checkbox][role=checkbox]:is(:hover, :active) {
  background: transparent;
  box-shadow: none;
}
.act-compact-title {
  flex: 0 1 auto;
  min-width: 0;
  overflow: visible;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.4;
  font-size: 14px;
}
.act-compact-time {
  flex: none;
  color: var(--arc-text-secondary);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}
.act-compact-row .act-compact-open {
  justify-content: flex-start;
  column-gap: 12px;
}
.act-compact-row:focus-within {
  background: color-mix(in srgb, var(--arc-foreground) 4%, transparent);
}
@media (hover: hover) and (pointer: fine) {
  .act-compact-row:hover {
    background: color-mix(in srgb, var(--arc-foreground) 4%, transparent);
  }
}
.act-meta {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 24px 0;
}
.act-meta-item {
  display: flex;
  align-items: flex-start;
  gap: var(--arc-space-3);
  min-width: 0;
}
.act-meta-icon {
  flex: none;
  display: grid;
  place-items: center;
  width: 16px;
  height: 20px;
  color: var(--arc-text-muted);
}
.act-meta-text {
  flex: 1;
  min-width: 0;
}
.act-meta-text dt {
  margin: 0;
  font-size: var(--arc-text-xs);
  color: var(--arc-text-muted);
}
.act-meta-text dd {
  margin: 2px 0 0;
  font-size: var(--arc-text-sm);
  color: var(--arc-foreground);
  overflow-wrap: anywhere;
}
.act-meta-item > :last-child:not(.act-meta-text) {
  flex: none;
  align-self: center;
}
.act-page .act-premium.act-premium-card,
.act-page .act-premium.act-premium-card:is(:hover, :active, :focus-visible, [data-state]) {
  background:
    radial-gradient(
      120% 90% at 100% 0%,
      color-mix(in srgb, var(--accent) 22%, transparent),
      transparent 60%),
    var(--canvas);
  color: var(--arc-foreground);
}
.act-page .act-premium .act-premium-row,
.act-page .act-premium .act-premium-row:is(:hover, :active, :focus-visible) {
  color: var(--arc-foreground);
  background: transparent;
}
@media (hover: hover) and (pointer: fine) {
  .act-page .act-premium .act-premium-row:hover {
    background: color-mix(in srgb, var(--arc-foreground) 8%, transparent);
  }
}
.act-goal-rail > [class*=controls] {
  display: none;
}
.act-section-head h2 {
  min-width: 0;
}
.act-section-head .act-section-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  width: auto;
  height: auto;
  min-height: 32px;
  margin-inline: -8px;
  padding: 2px 8px;
  border-radius: var(--arc-radius-control);
  font: inherit;
  letter-spacing: inherit;
  color: inherit;
  background: transparent;
}
.act-section-link svg {
  flex: none;
  color: var(--arc-text-muted);
  transition: transform var(--arc-duration-fast) var(--arc-ease-standard);
}
@media (hover: hover) and (pointer: fine) {
  .act-section-head .act-section-link:hover {
    background: color-mix(in srgb, var(--arc-foreground) 5%, transparent);
  }
  .act-section-link:hover svg {
    transform: translateX(2px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .act-section-link svg {
    transition: none;
  }
  .act-section-link:hover svg {
    transform: none;
  }
}
.act-section-add {
  flex: none;
}
.act-quick .act-quick-tile,
.act-quick .act-quick-tile:is(:hover, :active) {
  border: 0;
  outline: none;
  box-shadow: none;
}
.act-quick .act-quick-tile:focus-visible {
  border: 0;
  box-shadow: none;
  outline: 2px solid var(--arc-focus-ring);
  outline-offset: 3px;
}
.act-section-head h2,
.act-goal-detail .act-peek-h {
  margin: 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -.02em;
}
@media (min-width: 768px) {
  .act-section-head h2,
  .act-goal-detail .act-peek-h {
    font-size: 18px;
  }
}
.act-goal-detail .act-goal-part-title {
  font-weight: 500;
  letter-spacing: -.02em;
  line-height: 1.3;
}
.act-home .act-section {
  gap: 12px;
}
.act-home .act-section-head {
  min-height: 32px;
}
.act-home-quick {
  margin-top: 0;
}
.act-goal-detail {
  gap: 24px;
}
.act-goal-part {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.act-goal-part .act-peek-kicker {
  margin: 0;
}
.act-goal-progress-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--arc-space-4);
}
.act-goal-part-title {
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: var(--arc-text-lg);
  font-weight: 600;
  letter-spacing: var(--arc-tracking-display);
  line-height: 1.25;
}
.act-goal-progress-head .act-measure {
  flex: none;
  white-space: nowrap;
}
.act-history-day {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.act-history-date {
  margin: 0;
  font-size: var(--arc-text-xs);
  font-weight: 600;
  color: var(--arc-text-muted);
}
.act-history-rows {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.act-history-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--arc-space-3);
  font-size: var(--arc-text-sm);
}
.act-history-time {
  color: var(--arc-text-secondary);
  font-variant-numeric: tabular-nums;
}
.act-history-row b {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.act-goal-detail .act-meta {
  margin: 0;
}
.act-goal-entry {
  flex: 1 1 100%;
  width: 100%;
  min-width: 0;
}
.act-goal-entry .act-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 12px;
  width: 100%;
  margin: 0;
}
.act-goal-entry .act-form > * {
  min-width: 0;
  width: 100%;
}
.act-goal-entry .act-form label {
  display: block;
}
.act-goal-entry .act-form input:not([type=checkbox]) {
  box-sizing: border-box;
  width: 100%;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
}
.act-goal-entry .act-form > button {
  justify-self: stretch;
}
.act-goal-entry .act-notice {
  margin: 0;
}
.act-page .act-premium-row,
.act-page .act-row-open,
.act-peek .act-row-open {
  box-sizing: border-box;
  padding: 10px 14px;
  border-radius: var(--arc-radius-control);
  margin-inline: -14px;
  width: calc(100% + 28px);
}
@media (hover: hover) and (pointer: fine) {
  .act-page .act-premium-row:hover,
  .act-page .act-row-open:hover,
  .act-peek .act-row-open:hover {
    background: color-mix(in srgb, var(--arc-foreground) 5%, transparent);
  }
}
.act-compact-row[data-done] .act-compact-title {
  color: var(--arc-text-muted);
  text-decoration: line-through;
  text-decoration-color: var(--arc-border-strong);
}
.act-home-agenda-body {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
}
.act-home-agenda-body > .act-muted {
  margin: 0;
}
.act-agenda-rows {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.act-page .act-agenda-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  box-sizing: border-box;
  width: calc(100% + 24px);
  height: auto;
  min-height: 0;
  margin-inline: -12px;
  padding: 8px 12px;
  text-align: left;
  color: inherit;
  font-weight: 400;
  white-space: normal;
  border-radius: var(--arc-radius-control);
}
.act-page .act-agenda-row:is(:hover, :active) {
  background: transparent;
}
@media (hover: hover) and (pointer: fine) {
  .act-page .act-agenda-row:hover {
    background: color-mix(in srgb, var(--arc-foreground) 4%, transparent);
  }
}
.act-event-visual {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  max-height: 240px;
  border-radius: var(--arc-radius-control);
  object-fit: contain;
  background: var(--arc-surface-muted);
}
.act-agenda-thumb {
  flex: none;
  width: 56px;
  height: 56px;
  border-radius: 12px;
  object-fit: contain;
  background: var(--arc-surface-muted);
}
.act-agenda-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.act-agenda-when {
  font-size: 12px;
  font-weight: 600;
  color: var(--arc-text-secondary);
  font-variant-numeric: tabular-nums;
}
.act-agenda-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.act-agenda-type {
  font-size: 12px;
  color: var(--arc-text-muted);
}
.act-quick {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--arc-space-3);
}
.act-quick-tile {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  isolation: isolate;
  text-align: left;
  background: #0a0a0a;
}
.act-quick-tile img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: -1;
}
@media (min-width: 1100px) {
  .act-home-grid {
    grid-template-columns: minmax(0, 1.5fr) minmax(300px, 1fr);
  }
  .act-quick {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .act-quick-tile {
    aspect-ratio: 3 / 2;
  }
}
@media (max-width: 639px) {
  .act-form-pair {
    grid-template-columns: minmax(0, 1fr);
  }
  .act-premium {
    padding: var(--arc-space-5);
  }
}
.act-resume {
  display: flex;
  gap: var(--arc-space-5);
  align-items: stretch;
}
.act-resume > img {
  width: clamp(120px, 28%, 240px);
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--arc-radius-control);
  flex: none;
}
.act-resume-body {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-3);
  flex: 1;
  min-width: 0;
}
.act-resume-body h2 {
  margin: 0;
  font-size: var(--arc-text-xl);
  font-weight: 600;
  letter-spacing: var(--arc-tracking-display);
}
.act-resume-body > button {
  align-self: flex-start;
}
.act-level {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-3);
  height: 100%;
  box-sizing: border-box;
}
.act-level[data-current] {
  box-shadow: inset 0 0 0 2px var(--arc-accent);
}
.act-learn-path {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--arc-space-5);
  align-items: start;
}
.act-tree {
  min-width: 0;
}
.act-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr));
  gap: var(--arc-space-4);
}
.act-card-media {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.act-reader-cover {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--arc-radius-control);
}
.act-video {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-2);
  padding: var(--arc-space-4);
  border-radius: var(--arc-radius-control);
  background: var(--arc-surface-muted);
}
.act-video > svg {
  color: var(--arc-text-muted);
}
.act-reader-part {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-1);
}
@media (min-width: 900px) {
  .act-learn-path {
    grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
  }
}
@media (max-width: 639px) {
  .act-resume {
    flex-direction: column;
  }
  .act-resume > img {
    width: 100%;
  }
}
.act-liberty-main {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: var(--arc-space-4);
}
.act-liberty-link {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-4);
}
.act-liberty-link > button {
  align-self: flex-start;
}
.act-liberty-head {
  display: flex;
  gap: var(--arc-space-3);
  align-items: flex-start;
}
.act-liberty-head > svg {
  flex: none;
  color: var(--arc-text-muted);
}
.act-liberty-head b {
  font-size: var(--arc-text-base);
  font-weight: 600;
}
.act-liberty-link[data-missing] .act-liberty-head > svg {
  opacity: .5;
}
.act-liberty-thread {
  max-height: 420px;
}
.act-liberty-compose {
  min-width: 0;
}
.act-liberty-intro h2,
.act-liberty-category h2 {
  margin: 0 0 8px;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: -.02em;
}
.act-liberty-journey {
  display: grid;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.act-liberty-step {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.act-liberty-step-number {
  display: grid;
  place-items: center;
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: var(--arc-foreground);
  background: var(--arc-surface-muted);
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}
.act-liberty-step-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
}
.act-liberty-step-body h3 {
  margin: 0;
  font-size: 17px;
  line-height: 1.3;
  font-weight: 500;
}
.act-liberty-step-body p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--arc-text-secondary);
}
.act-liberty-results {
  display: grid;
  gap: 12px;
}
.act-liberty-results > * {
  display: grid;
  gap: 12px;
}
.act-liberty-resources {
  font-size: 14px;
}
.act-liberty-resources > summary {
  display: flex;
  align-items: center;
  min-height: 44px;
  cursor: pointer;
  color: var(--arc-text-secondary);
}
.act-liberty-resources[open] > summary {
  margin-bottom: 12px;
}
.act-liberty-category {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
@media (max-width: 767px) {
  .act-liberty-step {
    gap: 12px;
  }
  .act-liberty-step-body > button {
    max-width: 100%;
    white-space: normal;
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .act-home .act-premium.act-premium-card {
    padding: 22px;
  }
  .act-home .act-quick {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .act-home .act-quick-tile {
    aspect-ratio: 3 / 2;
  }
}
@media (min-width: 1024px) and (max-width: 1099px) {
  .act-home .act-quick {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .act-home .act-quick-tile {
    aspect-ratio: 3 / 2;
  }
}
@media (max-width: 767px) {
  .act-home .act-premium.act-premium-card {
    padding: 20px;
    gap: 10px;
  }
  .act-home .act-premium-hello {
    font-size: 13px;
  }
  .act-home .act-premium-head {
    margin-top: 4px;
  }
  .act-home .act-premium-title {
    font-size: 24px;
  }
  .act-home .act-premium-card .act-premium-measure b {
    font-size: 28px;
  }
  .act-home .act-premium-cta {
    top: 16px;
    right: 16px;
  }
  .act-home .act-compact-row .act-compact-open {
    padding-block: 6px;
  }
  .act-home .act-agenda-rows .act-agenda-row {
    gap: 12px;
    padding-block: 6px;
  }
  .act-home .act-agenda-thumb {
    width: 48px;
    height: 48px;
    border-radius: 10px;
  }
  .act-home .act-agenda-when {
    font-size: 12px;
  }
  .act-home .act-quick {
    gap: 10px;
  }
  .act-home .act-quick-tile {
    aspect-ratio: 3 / 2;
  }
}
.act-goal-popover {
  width: min(440px, calc(100vw - 32px));
  max-height: min(740px, calc(100vh - 100px));
  overflow-y: auto;
  padding: 24px;
}
.act-goal-popover .act-goal-detail {
  gap: 24px;
}
.act-goal-popover .act-goal-part {
  gap: 12px;
}
.act-goal-popover .act-goal-part-title {
  font-size: 22px;
  line-height: 1.25;
}
.act-goal-edit {
  display: flex;
  gap: 16px;
  align-items: flex-end;
  flex-wrap: wrap;
}
.act-goal-edit > :first-child {
  flex: 1;
  min-width: 190px;
}
.act-goal-timeline {
  --timeline-surface: var(--arc-surface);
  --arc-border-strong: color-mix(in srgb, var(--arc-foreground) 35%, transparent);
}
.act-goal-timeline [class*=segment] {
  width: 2px;
}
.act-goal-timeline [class*=title] {
  color: var(--arc-foreground);
  font-weight: 500;
}
.act-goal-timeline [class*=list] {
  margin-bottom: 12px;
}
.act-goal-timeline [class*=trigger] {
  padding-block: 10px;
}
.act-goal-week-heading {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.act-goal-week-nav {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 400;
  color: var(--arc-text-secondary);
}
.act-goal-week-nav button {
  padding: 6px;
  min-width: 30px;
  min-height: 30px;
}
.act-agir-tools {
  align-items: center;
}
.act-agir-tools > button {
  height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.act-agir-tools .act-add-enabled {
  color: var(--arc-foreground);
  border: 0;
  background: var(--arc-surface);
  box-shadow: none;
  opacity: 1;
}
.act-kanban-col[data-today] {
  box-shadow: none;
}
.act-kcard:focus-within,
.act-kcard:hover {
  box-shadow: none;
  border-radius: var(--arc-radius-control);
}
.act-home .act-agenda-rows .act-agenda-row {
  padding-block: 10px;
  gap: 16px;
}
.act-home .act-agenda-thumb {
  width: 90px;
  height: 60px;
  border-radius: 10px;
}
.act-home .act-agenda-title {
  font-size: 15px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .act-home .act-agenda-thumb {
    width: 84px;
    height: 56px;
  }
  .act-home .act-agenda-rows .act-agenda-row {
    gap: 12px;
  }
  .act-goal-entry .act-goal-edit {
    gap: 12px;
  }
}
.act-liberty-services {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.act-liberty-service-card {
  width: 100%;
  text-align: left;
}
.act-liberty-service-card > button {
  position: relative;
  width: 100%;
  min-height: 190px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 24px;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.act-liberty-service-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: var(--arc-surface-muted);
}
.act-liberty-service-card b {
  font-size: 20px;
  font-weight: 600;
}
.act-liberty-service-card span:not(.act-liberty-service-icon) {
  color: var(--arc-text-secondary);
  font-size: 14px;
}
.act-liberty-service-card > button > svg {
  position: absolute;
  right: 24px;
  top: 30px;
}
.act-liberty-path-head {
  display: flex;
  align-items: center;
  gap: 12px;
}
.act-liberty-path-head h2 {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .act-liberty-services {
    gap: 12px;
  }
  .act-liberty-service-card > button {
    padding: 16px;
    min-height: 190px;
  }
  .act-liberty-service-card b {
    font-size: 17px;
  }
  .act-liberty-service-card > button > svg {
    right: 14px;
    top: 20px;
  }
}
.act-goal-timeline {
  --timeline-surface:var(--arc-surface-raised);
}
.act-goal-popover .act-goal-timeline {
  --timeline-surface:var(--arc-surface);
}
.act-liberty-workspace {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}
.act-liberty-steps {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.act-liberty-step-link {
  display: flex !important;
  width: 100%;
  min-height: 76px;
  align-items: center;
  justify-content: flex-start !important;
  gap: 12px;
  padding: 12px !important;
  border-radius: 14px !important;
  text-align: left;
  white-space: normal !important;
}
.act-liberty-step-link[aria-current=step] {
  background: var(--arc-surface-muted);
  box-shadow: inset 0 0 0 1px var(--arc-border);
}
.act-liberty-step-mark {
  flex: none;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  color: var(--arc-foreground);
}
.act-liberty-step-label {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
  gap: 5px;
}
.act-liberty-step-label b {
  font-size: 14px;
  font-weight: 600;
}
.act-liberty-step-label > span {
  font-size: 11px;
  color: var(--arc-text-secondary);
}
.act-liberty-step-link > svg {
  flex: none;
}
.act-liberty-working-panel {
  padding: 28px;
  min-width: 0;
  min-height: 420px;
}
.act-liberty-working-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}
.act-liberty-working-head h2 {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -.025em;
}
.act-liberty-working-number {
  color: var(--arc-text-muted);
  font-size: 12px;
  white-space: nowrap;
}
.act-liberty-working-body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
}
.act-liberty-working-body > p {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  max-width: 55ch;
}
.act-liberty-working-body > button {
  align-self: flex-start;
}
.act-liberty-category {
  max-width: 760px;
}
.act-liberty-category .act-form {
  width: 100%;
}
@media (max-width: 900px) {
  .act-liberty-workspace {
    grid-template-columns: 200px minmax(0, 1fr);
    gap: 18px;
  }
  .act-liberty-working-panel {
    padding: 22px;
  }
}
@media (max-width: 767px) {
  .act-liberty-workspace {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }
  .act-liberty-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }
  .act-liberty-step-link {
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    padding: 10px !important;
    min-height: 108px;
  }
  .act-liberty-step-label b {
    font-size: 12px;
    line-height: 1.35;
  }
  .act-liberty-step-label > span,
  .act-liberty-step-link > svg {
    display: none;
  }
  .act-liberty-steps > button:last-child {
    grid-column: 1 / -1;
    justify-self: start;
  }
  .act-liberty-working-panel {
    padding: 20px;
    min-height: 0;
  }
  .act-liberty-working-head {
    margin-bottom: 20px;
  }
  .act-liberty-working-head h2 {
    font-size: 21px;
  }
}
.act-liberty-step-link [class*=labelContent],
.act-liberty-step-link [class*=labelPhase] {
  width: 100%;
  min-width: 0;
  display: flex;
  justify-content: flex-start;
  gap: 12px;
  white-space: normal;
}
.act-liberty-step-link [class*=labelPhase] > svg {
  margin-left: auto;
}
@media (max-width: 767px) {
  .act-liberty-step-link [class*=labelPhase] {
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
  }
  .act-liberty-step-link [class*=labelPhase] > svg {
    display: none;
  }
}
.act-liberty-entry-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}
.act-liberty-entry-card > button {
  width: 100%;
  padding: 0;
  border: 0;
  background: var(--arc-surface);
  color: var(--arc-foreground);
  text-align: left;
  font: inherit;
  cursor: pointer;
  border-radius: 24px;
  overflow: hidden;
}
.act-liberty-entry-card > button:disabled {
  cursor: default;
  opacity: 1;
}
.act-liberty-entry-media {
  display: block;
  position: relative;
  background: #0a0a0a;
}
.act-liberty-entry-media img {
  display: block;
  width: 100%;
  aspect-ratio: 3/2;
  object-fit: contain;
}
.act-liberty-entry-lock {
  position: absolute;
  right: 16px;
  top: 16px;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #121212;
  color: #fff;
}
.act-liberty-entry-body {
  display: grid;
  gap: 8px;
  padding: 20px;
}
.act-liberty-entry-body b {
  font-size: 18px;
}
.act-liberty-entry-body > span {
  font-size: 13px;
  color: var(--arc-text-secondary);
}
.act-liberty-sale-head {
  display: flex;
  gap: 18px;
  align-items: center;
}
.act-liberty-sale-head h2 {
  margin: 0;
  font-size: 22px;
}
.act-liberty-sale-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(260px, 1fr);
  gap: 40px;
}
.act-liberty-sale-main,
.act-liberty-sale-aside {
  display: grid;
  align-content: start;
  gap: 32px;
}
.act-liberty-documents {
  display: grid;
  gap: 8px;
}
.act-liberty-document-row {
  display: flex !important;
  justify-content: flex-start !important;
  gap: 12px;
  min-height: 64px;
  text-align: left;
  white-space: normal;
}
.act-liberty-document-row > span {
  flex: 1;
  display: grid;
  gap: 5px;
}
.act-liberty-document-row small {
  font-size: 12px;
  color: var(--arc-text-secondary);
}
.act-liberty-document-row b {
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 1100px) {
  .act-liberty-entry-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .act-liberty-entry-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .act-liberty-sale-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
.act-liberty-document-row {
  padding: 16px !important;
  justify-content: flex-start !important;
  height: auto;
  min-height: 76px;
  border: 0;
}
.act-liberty-document-row [class*=labelContent],
.act-liberty-document-row [class*=labelPhase] {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  width: 100%;
  min-width: 0;
  white-space: normal;
}
.act-liberty-document-row .act-liberty-doc-label {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  flex: 1;
  text-align: left;
}
.act-liberty-doc-label b {
  line-height: 1.4;
}
.act-liberty-doc-label small {
  line-height: 1.3;
}
.act-liberty-document-row svg {
  flex: none;
}
.act-liberty-sale-head {
  gap: 20px;
  margin-bottom: 8px;
}
.act-liberty-sale-main,
.act-liberty-sale-aside {
  gap: 24px;
}
.act-liberty-entry-card > .lrn-level {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0;
  width: 100%;
  height: auto;
  padding: 0;
  white-space: normal;
  overflow: hidden;
  background: var(--arc-surface);
  color: var(--arc-foreground);
  font-weight: 400;
}
.act-liberty-entry-card [class*=labelContent],
.act-liberty-entry-card [class*=labelPhase] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  gap: 0;
}
.act-liberty-entry-card > .lrn-level:disabled {
  opacity: 1;
}
.act-liberty-file-card {
  cursor: pointer;
  --arc-text-lg:16px;
  --arc-space-5:20px;
}

/* src/coaching.css */
:root {
  --co-tg: var(--entity-3, oklch(56% .17 295));
  --co-consult: var(--entity-7, oklch(60% .18 10));
  --co-live: var(--entity-8, oklch(58% .15 250));
  --co-tour: var(--entity-1, oklch(70% .15 70));
  --co-atelier: var(--entity-6, oklch(60% .11 185));
}
html[data-theme=dark] {
  --co-tg: var(--entity-3, oklch(72% .14 295));
  --co-consult: var(--entity-7, oklch(72% .15 10));
  --co-live: var(--entity-8, oklch(72% .13 250));
  --co-tour: var(--entity-1, oklch(80% .13 75));
  --co-atelier: var(--entity-6, oklch(74% .10 185));
}
.co-type-tg {
  --co-ev: var(--co-tg);
}
.co-type-consult {
  --co-ev: var(--co-consult);
}
.co-type-live {
  --co-ev: var(--co-live);
}
.co-type-tour {
  --co-ev: var(--co-tour);
}
.co-type-atelier {
  --co-ev: var(--co-atelier);
}
.co-root {
  min-width: 0;
  color: var(--arc-foreground);
}
.co-page {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-6);
  min-width: 0;
  max-width: 960px;
}
.co-reader {
  max-width: 760px;
}
.co-stack {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-4);
  min-width: 0;
}
.co-stack-sm {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-2);
  min-width: 0;
}
.co-stack-lg {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-6);
  min-width: 0;
}
.co-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--arc-space-2);
}
.co-row-inline {
  display: inline-flex;
  align-items: center;
  gap: var(--arc-space-1);
}
.co-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--arc-space-2);
}
.co-actions-start {
  justify-content: flex-start;
}
.co-plain {
  margin: 0;
  padding: 0;
  list-style: none;
}
.co-kicker {
  margin: 0;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.co-muted {
  color: var(--arc-text-muted);
}
.co-small {
  margin: 0;
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-xs);
  line-height: 1.45;
}
.co-strong {
  font-weight: 600;
}
.co-lead {
  margin: 0;
  font-size: var(--arc-text-base);
  line-height: 1.5;
}
.co-h3 {
  margin: 0;
  font-size: var(--arc-text-lg);
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -.01em;
}
.co-sim {
  padding: var(--arc-space-2) var(--arc-space-3);
  border-radius: 12px;
  background: var(--arc-surface-muted);
}
.co-section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--arc-space-3);
}
.co-head {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-2);
}
.co-head p {
  margin: 0;
}
.co-title {
  margin: 0;
  font-size: var(--arc-text-2xl);
  line-height: 1.2;
  font-weight: 650;
  letter-spacing: var(--arc-tracking-display);
  outline: none;
}
.co-back {
  margin-left: calc(var(--arc-space-3) * -1);
}
.co-facts {
  display: grid;
  gap: var(--arc-space-2);
  margin: 0;
}
.co-facts div {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: var(--arc-space-3);
}
.co-facts dt {
  color: var(--arc-text-muted);
  font-size: var(--arc-text-sm);
}
.co-facts dd {
  margin: 0;
  font-size: var(--arc-text-sm);
}
.co-history {
  margin: 0;
  padding-left: var(--arc-space-5);
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-xs);
}
.co-visual {
  display: block;
  width: 100%;
  max-height: 240px;
  aspect-ratio: 1 / 1;
  border-radius: 16px;
  object-fit: contain;
  background: var(--arc-surface-muted);
}
.co-coin {
  flex: none;
  display: inline-block;
  border-radius: 50%;
  box-shadow: inset 0 0 0 3px color-mix(in srgb, #fff 35%, transparent);
}
.co-coin-md {
  width: 28px;
  height: 28px;
}
.co-coin-lg {
  width: 44px;
  height: 44px;
}
.co-coin-silver {
  background:
    radial-gradient(
      circle at 35% 30%,
      #f4f6f8,
      #a9b1bb 70%);
}
.co-coin-gold {
  background:
    radial-gradient(
      circle at 35% 30%,
      #fbe7a1,
      #c9952c 70%);
}
.co-coin-black {
  background:
    radial-gradient(
      circle at 35% 30%,
      #5b5f66,
      #121316 70%);
}
.co-coin-red {
  background:
    radial-gradient(
      circle at 35% 30%,
      #f6a29a,
      #b8352a 70%);
}
.co-home {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: var(--arc-space-6);
  align-items: start;
}
.co-cal {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-3);
  min-width: 0;
}
.co-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--arc-space-3);
}
.co-nav {
  display: flex;
  align-items: center;
  gap: var(--arc-space-1);
}
.co-month-label {
  min-width: 9.5em;
  margin: 0 var(--arc-space-1);
  font-size: var(--arc-text-xl);
  line-height: 1.2;
  font-weight: 650;
  text-align: center;
  letter-spacing: -.01em;
}
.co-nav > .ubm-ui-canon:last-child {
  margin-left: var(--arc-space-2);
}
.co-legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--arc-space-1) var(--arc-space-4);
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-xs);
}
.co-legend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.co-dot {
  flex: none;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--co-ev, var(--arc-accent));
}
.co-month {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid var(--arc-border);
  border-radius: 18px;
  background: var(--arc-surface-raised);
}
.co-month th {
  padding: var(--arc-space-2) var(--arc-space-2) var(--arc-space-1);
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  font-weight: 500;
  text-align: left;
}
.co-month td {
  height: 112px;
  padding: 6px;
  border-top: 1px solid var(--arc-border);
  border-left: 1px solid var(--arc-border);
  vertical-align: top;
}
.co-month tr td:first-child {
  border-left: 0;
}
.co-month td[data-outside] {
  background: var(--arc-surface-muted);
}
.co-month td[data-outside] .co-daynum {
  color: var(--arc-text-muted);
}
.co-daynum {
  display: inline-grid;
  place-items: center;
  min-width: 26px;
  height: 26px;
  padding: 0 4px;
  border-radius: 13px;
  font-size: var(--arc-text-xs);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.co-month td[data-today] .co-daynum,
.co-daybtn[data-today] .co-daynum {
  background: var(--arc-foreground);
  color: var(--arc-surface-raised);
}
.co-chips {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-top: 4px;
  min-width: 0;
}
.co-chip-anchor {
  display: block;
  min-width: 0;
}
.co-chip.ubm-ui-canon {
  display: flex;
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 24px;
  justify-content: flex-start;
  gap: 6px;
  padding: 2px 6px;
  border: 0;
  border-radius: 7px;
  background: var(--arc-surface-muted);
  color: var(--arc-foreground);
  font-size: 12px;
  font-weight: 500;
  text-align: left;
}
.co-chip.ubm-ui-canon[data-past] {
  opacity: .62;
}
@media (hover: hover) and (pointer: fine) {
  .co-chip.ubm-ui-canon:hover {
    background: var(--arc-surface-muted);
  }
}
.co-month td {
  min-width: 0;
  overflow: hidden;
}
.co-page .co-chip.ubm-ui-canon {
  overflow: hidden;
  max-width: 100%;
}
.co-page .co-chip.ubm-ui-canon > [class*=labelSlot] {
  display: flex;
  flex: 1 1 auto;
  width: 100% !important;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
.co-page .co-chip.ubm-ui-canon [class*=labelContent],
.co-page .co-chip.ubm-ui-canon [class*=labelPhase] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
.co-chip-time {
  flex: none;
  max-width: 45%;
  overflow: hidden;
  color: var(--arc-text-secondary);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.co-chip-title {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.co-more.ubm-ui-canon {
  align-self: flex-start;
  height: 22px;
  padding: 0 6px;
  color: var(--arc-text-muted);
  font-size: 11px;
}
.co-month[data-mobile] td {
  height: auto;
  padding: 2px;
}
.co-month[data-mobile] th {
  padding: var(--arc-space-2) 0 var(--arc-space-1);
  text-align: center;
}
.co-daybtn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  width: 100%;
  min-height: 48px;
  padding: 4px 0;
  border: 0;
  border-radius: 12px;
  background: none;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.co-daybtn[aria-pressed=true] {
  background: var(--arc-accent-subtle);
}
.co-daybtn:focus-visible {
  outline: var(--arc-focus-width) solid var(--arc-focus-ring);
  outline-offset: 1px;
}
.co-dots {
  display: flex;
  gap: 3px;
  min-height: 8px;
}
.co-dots .co-dot {
  width: 6px;
  height: 6px;
}
.co-preview {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 280px;
  max-width: calc(100vw - 24px);
  overflow: hidden;
}
.co-preview p {
  margin: 0;
}
.co-preview-bar {
  height: 4px;
  margin: -4px -4px 4px;
  border-radius: 4px;
  background: var(--co-ev);
}
.co-preview-title {
  font-size: var(--arc-text-sm);
  font-weight: 650;
  line-height: 1.3;
}
.co-item {
  display: flex;
  align-items: center;
  gap: var(--arc-space-3);
  width: 100%;
  padding: var(--arc-space-3);
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .co-item:hover {
    background: var(--arc-surface-muted);
  }
}
.co-item:focus-visible {
  outline: var(--arc-focus-width) solid var(--arc-focus-ring);
  outline-offset: 2px;
}
.co-item-time {
  flex: none;
  width: 56px;
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-sm);
  font-variant-numeric: tabular-nums;
}
.co-item-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.co-item-text b {
  font-size: var(--arc-text-sm);
  font-weight: 600;
}
.co-item-text span {
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-xs);
}
.co-list {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-5);
}
.co-list-day {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-2);
}
.co-list-day ul {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-2);
}
.co-list-date {
  margin: 0;
  font-size: var(--arc-text-sm);
  font-weight: 650;
}
.co-list-date[data-today] {
  color: var(--arc-accent);
}
.co-aside {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-4);
  position: sticky;
  top: 0;
}
.co-access {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  border: 0;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.co-access-img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: contain;
  background: #0a0a0a;
}
.co-access-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: var(--arc-space-4);
}
.co-access-title {
  font-size: var(--arc-text-lg);
  font-weight: 650;
}
.co-next {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  align-items: center;
  width: 100%;
  overflow: hidden;
  border: 0;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.co-next-img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 140px;
  object-fit: contain;
  background: #0a0a0a;
}
.co-next-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: var(--arc-space-5);
}
.co-next-title {
  font-size: var(--arc-text-xl);
  font-weight: 650;
}
.co-services {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: var(--arc-space-3);
}
.co-service {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--arc-space-3);
}
.co-service .co-small b {
  color: var(--arc-foreground);
}
.co-poster {
  display: grid;
  grid-template-columns: minmax(200px, 320px) minmax(0, 1fr);
  overflow: hidden;
}
.co-poster-img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 220px;
  object-fit: contain;
  background: #0a0a0a;
}
.co-poster-body {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-3);
  padding: var(--arc-space-6);
}
.co-poster-body p {
  margin: 0;
}
.co-poster-title {
  margin: 0;
  font-size: var(--arc-text-2xl);
  line-height: 1.2;
  font-weight: 650;
  letter-spacing: -.01em;
}
.co-question {
  display: flex;
  align-items: flex-start;
  gap: var(--arc-space-3);
}
.co-sessions {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: var(--arc-space-4);
}
.co-session {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  border: 0;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.co-session-img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: contain;
  background: #0a0a0a;
}
.co-session-body {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-2);
  padding: var(--arc-space-4);
}
.co-session-title {
  font-size: var(--arc-text-base);
  font-weight: 650;
  line-height: 1.3;
}
.co-replay {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  background: var(--arc-surface-muted);
}
.co-replay-img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  opacity: .55;
}
.co-replay-note {
  position: absolute;
  inset: auto var(--arc-space-4) var(--arc-space-4);
  display: flex;
  align-items: flex-start;
  gap: var(--arc-space-2);
  padding: var(--arc-space-3);
  border-radius: 12px;
  background: var(--arc-surface-raised);
  font-size: var(--arc-text-sm);
  box-shadow: var(--arc-shadow-raised);
}
.co-file,
.co-lead-row {
  display: flex;
  align-items: center;
  gap: var(--arc-space-3);
  padding: var(--arc-space-3);
  border: 1px solid var(--arc-border);
  border-radius: 12px;
}
.co-lead-row > span {
  flex: 1;
  min-width: 0;
  font-size: var(--arc-text-sm);
}
@media (max-width: 1080px) {
  .co-home {
    grid-template-columns: minmax(0, 1fr);
  }
  .co-aside {
    position: static;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .co-aside {
    grid-template-columns: minmax(0, 1fr);
  }
  .co-home {
    gap: var(--arc-space-5);
  }
  .co-access {
    flex-direction: row;
    align-items: stretch;
  }
  .co-access-img {
    width: 112px;
    aspect-ratio: auto;
  }
  .co-access-body {
    padding: var(--arc-space-3);
  }
  .co-month-label {
    min-width: 0;
    font-size: var(--arc-text-lg);
  }
  .co-next,
  .co-poster {
    grid-template-columns: minmax(0, 1fr);
  }
  .co-next-img,
  .co-poster-img {
    aspect-ratio: 16 / 9;
    min-height: 0;
  }
  .co-poster-body {
    padding: var(--arc-space-4);
  }
  .co-item-time {
    width: 48px;
  }
  .co-facts div {
    grid-template-columns: 96px minmax(0, 1fr);
  }
}
.co-filter-panel {
  width: min(360px, calc(100vw - 32px));
  padding: 16px;
}
.co-filter-title {
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 500;
}
.co-chip-title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.co-toolbar {
  margin-bottom: 20px;
  flex-wrap: nowrap;
}
.co-month-label {
  min-width: 0;
  font-size: 20px;
}
.co-list.co-timeline {
  gap: 26px;
}
.co-timeline .co-list-day {
  position: relative;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 18px;
}
.co-timeline .co-list-day::before {
  content: "";
  position: absolute;
  left: 25px;
  top: 62px;
  bottom: -26px;
  width: 1px;
  background: var(--arc-border);
}
.co-timeline .co-list-day:last-child::before {
  display: none;
}
.co-date-marker {
  width: 52px;
  height: 58px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  border-radius: 15px;
  background: var(--arc-surface-muted);
}
.co-date-marker span {
  font-size: 11px;
  color: var(--arc-text-secondary);
}
.co-date-marker b {
  font-size: 22px;
  line-height: 1.1;
  font-weight: 650;
}
.co-date-marker[data-today] {
  background: var(--arc-foreground);
  color: var(--arc-background);
}
.co-date-marker[data-today] span {
  color: inherit;
}
.co-timeline .co-list-day ul {
  gap: 10px;
}
.co-event-row {
  min-height: 94px;
  padding: 10px;
  gap: 14px;
  border: 1px solid transparent;
  border-radius: 16px;
}
.co-event-poster {
  width: 108px;
  aspect-ratio: 3 / 2;
  flex: none;
  object-fit: contain;
  border-radius: 9px;
  background: #0a0a0a;
}
.co-event-row .co-item-text {
  gap: 5px;
}
.co-event-row .co-item-text b {
  font-size: 15px;
  line-height: 1.35;
}
.co-event-meta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.co-event-access {
  color: var(--arc-text-secondary);
  font-size: 11px;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .co-toolbar {
    gap: 4px;
    margin-bottom: 14px;
  }
  .co-nav {
    gap: 0;
  }
  .co-month-label {
    font-size: 17px;
  }
  .co-timeline .co-list-day {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 8px;
  }
  .co-date-marker {
    width: 42px;
    height: 54px;
  }
  .co-timeline .co-list-day::before {
    left: 20px;
  }
  .co-event-row {
    padding: 8px;
    gap: 10px;
    align-items: flex-start;
  }
  .co-event-poster {
    width: 76px;
  }
  .co-event-row .co-item-text b {
    font-size: 13px;
  }
  .co-event-row > svg,
  .co-event-access {
    display: none;
  }
  .co-event-meta {
    font-size: 10px !important;
    flex-wrap: wrap;
  }
}

/* vendor/ubm-ui-components/src/components/command-palette/command-palette.module.css */
.command_palette_palette {
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-panel);
  background: var(--arc-surface);
  box-shadow: var(--arc-shadow-floating);
  transform-origin: top center;
}
.command_palette_searchRow {
  position: relative;
  display: flex;
  min-height: 54px;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border-bottom: 1px solid var(--arc-border-subtle);
  transition: background var(--arc-duration-fast) var(--arc-ease-standard);
}
.command_palette_searchRow:focus-within {
  background: var(--arc-surface-muted);
}
.command_palette_searchIcon,
.command_palette_itemIcon {
  display: grid;
  flex: none;
  place-items: center;
  color: var(--arc-text-muted);
}
.command_palette_searchIcon {
  width: 22px;
  height: 22px;
}
.command_palette_searchRow input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--arc-foreground);
  font: inherit;
  font-size: var(--arc-text-sm);
}
.command_palette_searchRow input::placeholder {
  color: var(--arc-text-muted);
}
.command_palette_searchRow input:focus-visible {
  outline: none;
}
.command_palette_commandKey,
.command_palette_shortcut {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  border: 1px solid var(--arc-border);
  border-radius: 7px;
  background: var(--arc-surface-muted);
  color: var(--arc-text-muted);
  font-family: inherit;
  font-size: var(--arc-text-xs);
  font-weight: 500;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.command_palette_commandKey {
  min-width: 38px;
  height: 24px;
  padding: 0 6px;
  gap: 2px;
}
.command_palette_clearButton {
  display: grid;
  width: 24px;
  height: 24px;
  flex: none;
  place-items: center;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--arc-text-muted);
  cursor: pointer;
  transition: color var(--arc-duration-fast) var(--arc-ease-standard), background-color var(--arc-duration-fast) var(--arc-ease-standard);
}
@media (hover: hover) and (pointer: fine) {
  .command_palette_clearButton:hover,
  .command_palette_closeButton:hover {
    background: var(--arc-surface);
    color: var(--arc-foreground);
  }
}
.command_palette_clearButton:active,
.command_palette_closeButton:active {
  background: var(--arc-surface);
  color: var(--arc-foreground);
}
.command_palette_clearButton:focus-visible {
  outline: var(--arc-focus-width) solid var(--arc-accent);
  outline-offset: var(--arc-focus-offset);
}
.command_palette_closeButton {
  display: grid;
  min-width: 27px;
  height: 24px;
  flex: none;
  place-items: center;
  border: 1px solid var(--arc-border-subtle);
  border-radius: 7px;
  background: transparent;
  color: var(--arc-text-muted);
  padding: 0 6px;
  font: inherit;
  font-size: var(--arc-text-xs);
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  transition: color var(--arc-duration-fast) var(--arc-ease-standard), background-color var(--arc-duration-fast) var(--arc-ease-standard);
}
.command_palette_closeButton:focus-visible {
  outline: var(--arc-focus-width) solid var(--arc-accent);
  outline-offset: var(--arc-focus-offset);
}
.command_palette_resultsFrame {
  overflow: hidden;
}
.command_palette_results {
  position: relative;
  max-height: 342px;
  overflow: auto;
  padding: 6px 8px;
}
.command_palette_highlight {
  position: absolute;
  top: 0;
  right: 8px;
  left: 8px;
  border-radius: 8px;
  background: var(--arc-surface-muted);
  opacity: 0;
  pointer-events: none;
}
.command_palette_group {
  position: relative;
}
.command_palette_group + .command_palette_group {
  margin-top: 6px;
}
.command_palette_groupHeading {
  display: block;
  padding: 6px 8px 3px;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  font-weight: 500;
  line-height: var(--arc-leading-body);
}
.command_palette_result {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 34px;
  align-items: center;
  gap: 10px;
  border: 0;
  border-radius: 8px;
  padding: 0 8px;
  background: transparent;
  color: var(--arc-foreground);
  text-align: left;
  cursor: pointer;
}
.command_palette_itemIcon {
  transition: color var(--arc-duration-fast) var(--arc-ease-standard);
}
.command_palette_activeResult .command_palette_itemIcon,
.command_palette_activeResult .command_palette_result:focus-visible {
  outline: var(--arc-focus-width) solid var(--arc-accent);
  outline-offset: -2px;
}
.command_palette_itemIcon {
  display: grid;
  width: 16px;
  height: 16px;
  flex: none;
  place-items: center;
  color: var(--arc-text-muted);
}
.command_palette_itemIcon svg {
  width: 16px;
  height: 16px;
}
.command_palette_resultCopy {
  display: flex;
  min-width: 0;
  flex: 1;
  align-items: baseline;
  gap: 8px;
}
.command_palette_resultCopy strong,
.command_palette_resultCopy small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.command_palette_resultCopy strong {
  flex: none;
  max-width: 100%;
}
.command_palette_resultCopy small {
  min-width: 0;
}
.command_palette_resultCopy strong {
  font-size: var(--arc-text-sm);
  font-weight: 500;
}
.command_palette_resultCopy small {
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
}
.command_palette_shortcut {
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-color: transparent;
  border-radius: 5px;
  font-size: 11px;
}
.command_palette_activeResult .command_palette_empty {
  display: grid;
  justify-items: center;
  gap: 4px;
  padding: 26px 12px 28px;
  text-align: center;
}
.command_palette_empty > span {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  margin-bottom: 5px;
  color: var(--arc-text-muted);
}
.command_palette_empty strong {
  font-size: var(--arc-text-sm);
  font-weight: 500;
}
.command_palette_empty small {
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
}
.command_palette_visuallyHidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
@media (max-width: 480px) {
  .command_palette_searchRow {
    gap: 8px;
    padding: 8px 11px;
  }
  .command_palette_results {
    padding: 6px;
  }
  .command_palette_highlight {
    right: 6px;
    left: 6px;
  }
  .command_palette_result {
    gap: 8px;
  }
  .command_palette_shortcut,
  .command_palette_commandKey {
    display: none;
  }
}
@media (max-width: 340px) {
  .command_palette_result {
    padding-inline: 6px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .command_palette_searchRow,
  .command_palette_itemIcon,
  .command_palette_clearButton,
  .command_palette_closeButton {
    transition: none;
  }
}
[data-motion=reduced] .command_palette_palette,
[data-motion=reduced] .command_palette_palette *,
[data-motion=reduced] .command_palette_frame,
[data-motion=reduced] .command_palette_frame * {
  transition: none;
  animation: none;
}

/* vendor/ubm-ui-components/src/components/notification-center/notification-center.module.css */
.notification_center_trigger {
  position: relative;
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid var(--arc-border);
  border-radius: var(--radius);
  background: var(--arc-surface);
  color: var(--arc-foreground);
  cursor: pointer;
  transition: border-color var(--arc-duration-fast) var(--arc-ease-standard), background var(--arc-duration-fast) var(--arc-ease-standard);
}
.notification_center_trigger[data-state=open],
.notification_center_trigger:active {
  border-color: var(--arc-border-strong);
  background: var(--arc-surface-muted);
}
@media (hover: hover) and (pointer: fine) {
  .notification_center_trigger:hover {
    border-color: var(--arc-border-strong);
    background: var(--arc-surface-muted);
  }
}
.notification_center_trigger > span:first-child {
  display: grid;
  place-items: center;
}
.notification_center_badge {
  position: absolute;
  top: -6px;
  right: -6px;
  display: grid;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  place-items: center;
  overflow: hidden;
  border: 2px solid var(--arc-surface);
  border-radius: var(--arc-radius-pill);
  background: var(--arc-foreground);
  color: var(--arc-background);
  font-size: var(--arc-text-xs);
  font-weight: 500;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.notification_center_panel {
  z-index: 90;
  display: flex;
  flex-direction: column;
  width: min(424px, calc(100vw - 24px));
  max-height: min(590px, calc(100vh - 24px));
  overflow: hidden;
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-panel);
  background: var(--arc-surface-raised);
  color: var(--arc-foreground);
  box-shadow: var(--arc-shadow-floating);
  font-family: var(--arc-font-body);
  letter-spacing: var(--arc-tracking-body);
  transform-origin: var(--radix-popover-content-transform-origin);
}
.notification_center_panel {
  --panel-x: 0px;
  --panel-y: -6px;
}
.notification_center_panel[data-side=top] {
  --panel-y: 6px;
}
.notification_center_panel[data-side=left] {
  --panel-x: 6px;
  --panel-y: 0px;
}
.notification_center_panel[data-side=right] {
  --panel-x: -6px;
  --panel-y: 0px;
}
.notification_center_panel[data-state=open] {
  animation: notification_center_panel-open var(--arc-duration-standard) var(--arc-ease-enter) both;
}
.notification_center_panel[data-state=closed] {
  animation: notification_center_panel-close var(--arc-duration-instant) var(--arc-ease-standard) both;
}
.notification_center_header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 23px 24px 18px;
}
.notification_center_heading {
  display: flex;
  align-items: center;
  gap: var(--arc-space-2);
}
.notification_center_heading h2 {
  margin: 0;
  font-size: var(--arc-text-xl);
  font-weight: 500;
  letter-spacing: var(--arc-tracking-body);
  line-height: 1.2;
}
.notification_center_count {
  display: grid;
  min-width: 21px;
  height: 21px;
  padding: 0 5px;
  place-items: center;
  overflow: hidden;
  border-radius: var(--radius);
  background: var(--arc-surface-muted);
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-xs);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.notification_center_header p {
  position: relative;
  margin: 4px 0 0;
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-xs);
  line-height: var(--arc-leading-body);
}
.notification_center_close {
  display: grid;
  width: 30px;
  height: 30px;
  flex: none;
  place-items: center;
  border: 0;
  border-radius: var(--radius);
  background: transparent;
  color: var(--arc-text-muted);
  cursor: pointer;
  transition:
    transform var(--arc-duration-spring) var(--arc-ease-spring),
    color var(--arc-duration-fast) var(--arc-ease-standard),
    background var(--arc-duration-fast) var(--arc-ease-standard);
}
.notification_center_close:active {
  transform: scale(.96);
}
.notification_center_toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 52px;
  padding: 0 17px 13px 20px;
  border-bottom: 1px solid var(--arc-border-subtle);
}
.notification_center_viewSwitch {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
.notification_center_viewSwitch button {
  position: relative;
  isolation: isolate;
  min-width: 61px;
  height: 31px;
  padding: 0 10px;
  border: 0;
  border-radius: var(--radius);
  background: transparent;
  color: var(--arc-text-secondary);
  font: inherit;
  font-size: var(--arc-text-xs);
  cursor: pointer;
  transition: color var(--arc-duration-fast) var(--arc-ease-standard);
}
.notification_center_viewSwitch .notification_center_viewActive {
  color: var(--arc-foreground);
}
.notification_center_viewSwitch button > span:last-child {
  position: relative;
  z-index: 1;
}
.notification_center_viewHighlight {
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: var(--radius);
  background: var(--arc-surface-muted);
}
.notification_center_markAll {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 0;
  border: 0;
  background: transparent;
  color: var(--arc-text-secondary);
  font: inherit;
  font-size: var(--arc-text-xs);
  white-space: nowrap;
  cursor: pointer;
  transition: transform var(--arc-duration-spring) var(--arc-ease-spring), color var(--arc-duration-fast) var(--arc-ease-standard);
}
.notification_center_markAll:active {
  transform: scale(.97);
}
.notification_center_list {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 9px 11px 10px;
  scrollbar-width: none;
}
.notification_center_list::-webkit-scrollbar {
  display: none;
}
.notification_center_row {
  overflow: hidden;
}
.notification_center_item {
  position: relative;
  padding: 10px;
  border-radius: calc(var(--arc-radius-panel) - 12px);
  transition: background var(--arc-duration-fast) var(--arc-ease-standard);
  animation: notification_center_item-in var(--arc-duration-standard) var(--arc-ease-enter) calc(var(--index, 0) * 35ms) both;
}
.notification_center_itemExpanded {
  background: var(--arc-surface-muted);
}
.notification_center_itemRead .notification_center_itemTitle strong {
  color: var(--arc-text-secondary);
}
.notification_center_itemMain {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  min-width: 0;
}
.notification_center_eventIcon {
  display: grid;
  width: 36px;
  height: 36px;
  flex: none;
  place-items: center;
  color: var(--arc-accent);
}
.notification_center_eventIcon.notification_center_success {
  color: var(--arc-success);
}
.notification_center_eventIcon.notification_center_warning {
  color: var(--arc-warning);
}
.notification_center_itemToggle {
  display: grid;
  min-width: 0;
  flex: 1;
  gap: 4px;
  padding: 2px 0 0;
  border: 0;
  background: transparent;
  color: var(--arc-foreground);
  text-align: left;
  font: inherit;
  cursor: pointer;
}
.notification_center_itemTitle {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  min-height: 20px;
}
.notification_center_itemTitle strong {
  overflow: hidden;
  font-size: var(--arc-text-sm);
  font-weight: 500;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notification_center_unreadDot {
  display: block;
  width: 6px;
  height: 6px;
  flex: none;
  border-radius: 50%;
  background: var(--arc-foreground);
}
.notification_center_itemPreview {
  overflow: hidden;
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-xs);
  line-height: var(--arc-leading-body);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notification_center_time {
  flex: none;
  padding-top: 4px;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  line-height: var(--arc-leading-body);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.notification_center_details {
  overflow: hidden;
  padding-left: 47px;
}
.notification_center_details p {
  margin: 12px 0;
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-xs);
  line-height: var(--arc-leading-body);
}
.notification_center_itemActions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding-bottom: 5px;
}
.notification_center_itemActions button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 30px;
  padding: 0 10px;
  overflow: clip;
  border: 1px solid var(--arc-border);
  border-radius: var(--radius);
  background: transparent;
  color: var(--arc-foreground);
  font: inherit;
  font-size: var(--arc-text-xs);
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition:
    transform var(--arc-duration-spring) var(--arc-ease-spring),
    border-color var(--arc-duration-fast) var(--arc-ease-standard),
    background var(--arc-duration-fast) var(--arc-ease-standard);
}
.notification_center_itemActions button:active {
  transform: scale(.97);
}
.notification_center_close:active,
.notification_center_markAll:active,
.notification_center_itemActions button:active,
.notification_center_footer button:active {
  transition-duration: var(--arc-duration-instant);
  transition-timing-function: var(--arc-ease-standard);
}
.notification_center_morph {
  display: inline-flex;
  align-items: center;
}
.notification_center_morphContent {
  position: relative;
  display: inline-flex;
  width: max-content;
  align-items: center;
  gap: 5px;
}
.notification_center_actionIcon,
.notification_center_actionGlyph {
  position: relative;
  display: grid;
  place-items: center;
}
.notification_center_swap {
  position: relative;
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
.notification_center_swapLine {
  display: block;
}
.notification_center_roll {
  position: relative;
  display: inline-grid;
  vertical-align: top;
}
.notification_center_rollValue {
  display: block;
}
.notification_center_emptyFrame {
  overflow: hidden;
}
.notification_center_empty {
  display: grid;
  justify-items: center;
  align-content: center;
  min-height: 190px;
  padding: 22px 12px;
  text-align: center;
}
.notification_center_empty > svg {
  margin-bottom: 13px;
  color: var(--arc-text-muted);
}
.notification_center_empty strong {
  font-size: var(--arc-text-sm);
  font-weight: 500;
}
.notification_center_empty p {
  margin: 4px 0 0;
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-xs);
}
.notification_center_empty button {
  margin-top: 16px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--arc-foreground);
  font: inherit;
  font-size: var(--arc-text-xs);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.notification_center_footerFrame {
  flex: none;
  overflow: hidden;
}
.notification_center_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 46px;
  padding: 8px 22px;
  border-top: 1px solid var(--arc-border-subtle);
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
}
.notification_center_footer button {
  padding: 4px 0;
  border: 0;
  background: transparent;
  color: var(--arc-text-secondary);
  font: inherit;
  font-size: var(--arc-text-xs);
  cursor: pointer;
  transition: transform var(--arc-duration-spring) var(--arc-ease-spring), color var(--arc-duration-fast) var(--arc-ease-standard);
}
.notification_center_footer button:active {
  transform: scale(.97);
}
@media (hover: hover) and (pointer: fine) {
  .notification_center_close:hover,
  .notification_center_item:hover {
    background: var(--arc-surface-muted);
  }
  .notification_center_close:hover,
  .notification_center_viewSwitch button:hover,
  .notification_center_markAll:hover,
  .notification_center_footer button:hover {
    color: var(--arc-foreground);
  }
  .notification_center_itemActions button:hover {
    border-color: var(--arc-border-strong);
    background: var(--arc-surface);
  }
}
@keyframes notification_center_panel-open {
  from {
    opacity: 0;
    transform: translate(var(--panel-x), var(--panel-y)) scale(.97);
  }
}
@keyframes notification_center_panel-close {
  to {
    opacity: 0;
    transform: translate(calc(var(--panel-x) / 2), calc(var(--panel-y) / 2)) scale(.98);
  }
}
@keyframes notification_center_item-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
@media (max-width: 380px) {
  .notification_center_header {
    padding: 20px 16px 16px;
  }
  .notification_center_heading h2 {
    font-size: var(--arc-text-lg);
  }
  .notification_center_toolbar {
    align-items: flex-start;
    padding: 0 12px 12px;
  }
  .notification_center_list {
    padding: 8px 5px;
  }
  .notification_center_item {
    padding-inline: 7px;
  }
  .notification_center_itemMain {
    gap: 7px;
  }
  .notification_center_details {
    padding-left: 43px;
  }
  .notification_center_itemActions {
    gap: 5px;
  }
  .notification_center_itemActions button {
    padding-inline: 7px;
  }
  .notification_center_markAll span {
    display: none;
  }
  .notification_center_footer {
    padding-inline: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .notification_center_panel[data-state],
  .notification_center_trigger,
  .notification_center_close,
  .notification_center_viewSwitch button,
  .notification_center_markAll,
  .notification_center_item,
  .notification_center_itemActions button,
  .notification_center_footer button {
    animation: none;
    transition-duration: 0ms;
  }
  .notification_center_close:active,
  .notification_center_markAll:active,
  .notification_center_itemActions button:active,
  .notification_center_footer button:active {
    transform: none;
  }
}
.notification_center_panel {
  box-sizing: border-box;
  max-height: min(590px, var(--radix-popover-content-available-height,calc(100dvh - 24px)));
}
.notification_center_panel .notification_center_header {
  margin: 0;
  max-width: none;
}
.notification_center_panel .notification_center_header > div {
  min-width: 0;
}
.notification_center_panel .notification_center_item {
  border: 0;
  background: transparent;
  margin: 0;
}
.notification_center_panel .notification_center_itemExpanded {
  background: var(--arc-surface-muted);
}
.notification_center_panel .notification_center_footer {
  margin: 0;
}
.notification_center_panel .notification_center_toolbar,
.notification_center_panel .notification_center_footer {
  border: 0;
}
.notification_center_panel button:focus-visible,
.notification_center_trigger:focus-visible {
  outline: 1px solid var(--input-focus-color);
  outline-offset: -1px;
}
.notification_center_trigger {
  font-family: var(--arc-font-body);
}
.notification_center_panel .notification_center_heading h2 {
  font-family: var(--arc-font-body);
}
.notification_center_panel .notification_center_viewSwitch {
  flex: none;
}
.notification_center_panel[data-motion=reduced],
.notification_center_panel[data-motion=reduced] * {
  animation: none !important;
  transition-duration: 0ms !important;
}
@media (pointer: coarse) {
  .notification_center_trigger,
  .notification_center_close {
    min-width: 44px;
    min-height: 44px;
  }
  .notification_center_panel .notification_center_viewSwitch button,
  .notification_center_panel .notification_center_markAll,
  .notification_center_panel .notification_center_itemActions button,
  .notification_center_panel .notification_center_footer button,
  .notification_center_panel .notification_center_empty button {
    min-height: 44px;
  }
}
@media (forced-colors: active) {
  .notification_center_panel button:focus-visible,
  .notification_center_trigger:focus-visible {
    outline-color: Highlight;
  }
}
@media (hover: hover) and (pointer: fine) {
  .notification_center_panel .notification_center_item:hover {
    background: var(--arc-surface-muted);
  }
}

/* vendor/ubm-ui-components/src/components/liquid-tab-bar/liquid-tab-bar.module.css */
.liquid_tab_bar_root {
  position: relative;
  display: inline-flex;
  max-width: 100%;
}
.liquid_tab_bar_root > [data-overflow] {
  border: 0;
  background: transparent;
  border-radius: var(--arc-radius-pill);
}
.liquid_tab_bar_root > [data-overflow] > div {
  border-radius: var(--arc-radius-pill);
}
.liquid_tab_bar_root .liquid_tab_bar_list {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  gap: 2px;
  width: max-content;
  padding: 4px;
  border-radius: var(--arc-radius-pill);
  background: var(--arc-surface);
  box-shadow: inset 0 0 0 1px var(--arc-border-subtle), var(--arc-shadow-resting);
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
}
.liquid_tab_bar_root .liquid_tab_bar_list[data-dragging] {
  cursor: grabbing;
}
.liquid_tab_bar_root .liquid_tab_bar_tab {
  position: relative;
  display: inline-flex;
  min-width: 0;
  height: var(--liquid-slot, 44px);
  flex: none;
  align-items: center;
  justify-content: flex-start;
  padding: 0 11px;
  border-radius: var(--arc-radius-pill);
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-sm);
  font-weight: 560;
  letter-spacing: -.01em;
  white-space: nowrap;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
.liquid_tab_bar_root .liquid_tab_bar_tab > span[aria-hidden=true] {
  display: none;
}
.liquid_tab_bar_root .liquid_tab_bar_tab > span:not([aria-hidden]) {
  display: inline-flex;
  height: 100%;
  align-items: center;
}
@media (hover: hover) and (pointer: fine) {
  .liquid_tab_bar_root .liquid_tab_bar_tab:hover {
    color: var(--arc-foreground);
  }
}
.liquid_tab_bar_root .liquid_tab_bar_tab:focus-visible {
  outline: none;
}
.liquid_tab_bar_root .liquid_tab_bar_tab:focus-visible::after {
  content: "";
  position: absolute;
  inset: 2px;
  border: 1px solid var(--arc-control-on);
  border-radius: inherit;
  z-index: 3;
  pointer-events: none;
}
.liquid_tab_bar_root .liquid_tab_bar_tab[data-state=active]:focus-visible::after {
  border-color: var(--arc-accent-foreground);
}
.liquid_tab_bar_root .liquid_tab_bar_tab[data-state=active] {
  cursor: grab;
}
.liquid_tab_bar_icon {
  display: inline-grid;
  width: 22px;
  height: 22px;
  flex: none;
  place-items: center;
}
.liquid_tab_bar_icon > svg {
  width: 22px;
  height: 22px;
  stroke-width: 1.75;
}
.liquid_tab_bar_label {
  display: inline-block;
  overflow: hidden;
  flex: none;
}
.liquid_tab_bar_labelText {
  display: inline-block;
  padding-left: 6px;
  padding-right: 2px;
}
.liquid_tab_bar_badge {
  position: absolute;
  top: 3px;
  left: 23px;
  display: inline-flex;
  box-sizing: border-box;
  width: 17px;
  height: 17px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: var(--arc-radius-pill);
  background: var(--arc-foreground);
  color: var(--arc-background);
  box-shadow: 0 0 0 2px var(--arc-surface);
  font-size: 10.5px;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  overflow: hidden;
}
.liquid_tab_bar_badge > span {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: 0;
  line-height: 1;
  color: inherit;
}
.liquid_tab_bar_lens {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 4px;
  border-radius: inherit;
  background: var(--arc-accent);
  color: var(--arc-accent-foreground);
  pointer-events: none;
  will-change: clip-path;
}
.liquid_tab_bar_lens[data-hidden] {
  visibility: hidden;
}
.liquid_tab_bar_cloneTab {
  position: relative;
  display: inline-flex;
  height: var(--liquid-slot, 44px);
  flex: none;
  align-items: center;
  padding: 0 11px;
  font-size: var(--arc-text-sm);
  font-weight: 560;
  letter-spacing: -.01em;
  white-space: nowrap;
}
.liquid_tab_bar_cloneTab .liquid_tab_bar_badge {
  background: var(--arc-accent-foreground);
  color: var(--arc-accent);
  box-shadow: 0 0 0 2px var(--arc-accent);
}
.liquid_tab_bar_measure {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
  display: flex;
  top: 0;
  left: 0;
  font-size: var(--arc-text-sm);
  font-weight: 560;
  letter-spacing: -.01em;
  white-space: nowrap;
}
.liquid_tab_bar_measure > span {
  display: inline-block;
}
@media (prefers-contrast: more) {
  .liquid_tab_bar_root .liquid_tab_bar_list {
    box-shadow: inset 0 0 0 1px var(--arc-border-strong);
  }
}
.liquid_tab_bar_root {
  font-family: var(--arc-font-body);
  line-height: var(--arc-leading-body);
}
.liquid_tab_bar_sizing {
  min-width: 0;
  max-width: 100%;
  display: flex;
  justify-content: center;
}
.liquid_tab_bar_sizing[data-labels=always] {
  width: 100%;
}
.liquid_tab_bar_list[data-labels=always] .liquid_tab_bar_tab,
.liquid_tab_bar_list[data-labels=always] .liquid_tab_bar_cloneTab {
  width: var(--liquid-tab-width);
  padding: 0;
}
.liquid_tab_bar_list[data-labels=always] .liquid_tab_bar_tab > span:not([aria-hidden]),
.liquid_tab_bar_list[data-labels=always] .liquid_tab_bar_cloneTab {
  flex-direction: column;
  justify-content: center;
  gap: 3px;
}
.liquid_tab_bar_list[data-labels=always] .liquid_tab_bar_label {
  height: 16px;
  font-size: 11px;
  text-align: center;
  line-height: 16px;
}
.liquid_tab_bar_list[data-labels=always] .liquid_tab_bar_labelText {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
}
.liquid_tab_bar_list[data-labels=always] .liquid_tab_bar_badge {
  left: calc(50% + 3px);
  top: 4px;
}
.liquid_tab_bar_badge[data-wide] {
  width: 22px;
  left: 18px;
  font-size: 10px;
}
.liquid_tab_bar_list[data-labels=always] .liquid_tab_bar_badge[data-wide] {
  left: calc(50% + 1px);
}
.liquid_tab_bar_icon {
  position: relative;
}
.liquid_tab_bar_icon .liquid_tab_bar_badge,
.liquid_tab_bar_list[data-labels=always] .liquid_tab_bar_icon .liquid_tab_bar_badge {
  top: -6px;
  left: auto;
  right: -6px;
}
.liquid_tab_bar_icon .liquid_tab_bar_badge[data-wide],
.liquid_tab_bar_list[data-labels=always] .liquid_tab_bar_icon .liquid_tab_bar_badge[data-wide] {
  left: auto;
  right: -6px;
}

/* vendor/ubm-ui-components/src/components/tooltip/tooltip.module.css */
.tooltip_tooltip {
  --tooltip-y: 3px;
  z-index: 90;
  max-width: 15rem;
  padding: var(--arc-space-3) var(--arc-space-4);
  border: 1px solid color-mix(in oklab, var(--arc-background) 14%, var(--arc-foreground));
  border-radius: var(--arc-radius-control);
  background: var(--arc-foreground);
  color: var(--arc-background);
  box-shadow: var(--arc-shadow-raised);
  font-size: var(--arc-text-sm);
  font-weight: 400;
  line-height: var(--arc-leading-body);
  transform-origin: var(--radix-tooltip-content-transform-origin);
  transition: opacity var(--arc-duration-fast) var(--arc-ease-enter), transform var(--arc-duration-fast) var(--arc-ease-enter);
}
.tooltip_tooltip[data-side=bottom] {
  --tooltip-y: -3px;
}
.tooltip_tooltip[data-side=left],
.tooltip_tooltip[data-side=right] {
  --tooltip-y: 0px;
}
@starting-style {
  .tooltip_tooltip[data-state$=-open] {
    opacity: 0;
    transform: translateY(var(--tooltip-y)) scale(.97);
  }
  .tooltip_tooltip[data-instant][data-state$=-open] {
    transform: none;
  }
}
.tooltip_tooltip[data-instant][data-state$=-open] {
  transition: opacity var(--arc-duration-instant) var(--arc-ease-standard), transform var(--arc-duration-instant) var(--arc-ease-standard);
}
.tooltip_tooltip[data-state=closed] {
  opacity: 0;
  transform: scale(.98);
  transition: opacity var(--arc-duration-instant) var(--arc-ease-standard), transform var(--arc-duration-instant) var(--arc-ease-standard);
  animation: tooltip_tooltip-exit var(--arc-duration-instant) linear both;
}
.tooltip_text {
  position: relative;
  display: block;
  overflow: clip;
  overflow-clip-margin: var(--arc-space-2);
}
.tooltip_measure {
  position: absolute;
  top: 0;
  left: 0;
  width: max-content;
  max-width: calc(15rem - 2 * var(--arc-space-4) - 2px);
  visibility: hidden;
  pointer-events: none;
}
.tooltip_line {
  display: block;
  width: max-content;
  max-width: calc(15rem - 2 * var(--arc-space-4) - 2px);
}
@keyframes tooltip_tooltip-exit {
  to {
    --tooltip-exit: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .tooltip_tooltip,
  .tooltip_tooltip[data-state=closed],
  .tooltip_tooltip[data-instant][data-state$=-open] {
    transform: none;
    transition: opacity var(--arc-duration-instant) var(--arc-ease-standard);
  }
}
[data-motion=reduced] .tooltip_tooltip,
.tooltip_tooltip[data-motion=reduced],
[data-motion=reduced] .tooltip_tooltip[data-state=closed],
.tooltip_tooltip[data-state=closed][data-motion=reduced],
[data-motion=reduced] .tooltip_tooltip[data-instant][data-state$=-open],
.tooltip_tooltip[data-instant][data-state$=-open][data-motion=reduced] {
  transform: none;
  transition: opacity var(--arc-duration-instant) var(--arc-ease-standard);
}
.tooltip_tooltip {
  font-family: var(--arc-font-body);
  text-align: left;
  letter-spacing: normal;
}

/* vendor/ubm-ui-components/src/components/sidebar-rail/sidebar-rail.module.css */
.sidebar_rail_root {
  position: relative;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-panel);
  background: var(--arc-surface-raised);
  color: var(--arc-foreground);
  font-family: var(--arc-font-body);
}
.sidebar_rail_sidebar {
  display: grid;
  flex: none;
  grid-template-rows: auto minmax(0, 1fr) auto;
  min-height: 0;
  overflow: hidden;
  border-right: 1px solid var(--arc-border-subtle);
  background: var(--arc-surface-muted);
}
.sidebar_rail_brand {
  display: flex;
  align-items: center;
  min-height: 52px;
  padding: 0 16px;
  font-weight: 600;
  font-size: var(--arc-text-sm);
  white-space: nowrap;
  overflow: hidden;
}
.sidebar_rail_nav {
  min-height: 0;
  overflow-y: auto;
  padding: 4px 8px 8px;
}
.sidebar_rail_section + .sidebar_rail_section {
  margin-top: 10px;
}
.sidebar_rail_sectionLabel {
  margin: 6px 10px 4px;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  white-space: nowrap;
}
.sidebar_rail_list,
.sidebar_rail_children {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar_rail_children {
  overflow: hidden;
}
.sidebar_rail_row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 34px;
  padding: 0 10px;
  border: 0;
  border-radius: var(--arc-radius-control);
  background: none;
  color: var(--arc-text-secondary);
  font: inherit;
  font-size: var(--arc-text-sm);
  white-space: nowrap;
  text-align: left;
  cursor: pointer;
}
.sidebar_rail_row[data-depth="1"] {
  padding-left: 36px;
}
.sidebar_rail_root[data-collapsed] .sidebar_rail_row {
  justify-content: center;
  padding: 0;
}
.sidebar_rail_row[data-active] {
  color: var(--arc-foreground);
  font-weight: 500;
}
.sidebar_rail_activeIndicator {
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background: var(--arc-surface-raised);
  box-shadow: var(--arc-shadow-resting);
  pointer-events: none;
}
.sidebar_rail_row > :not(.sidebar_rail_activeIndicator) {
  position: relative;
  z-index: 1;
}
.sidebar_rail_row[data-holds] {
  color: var(--arc-foreground);
}
.sidebar_rail_row[aria-busy=true] {
  opacity: .6;
}
.sidebar_rail_row:focus-visible,
.sidebar_rail_iconButton:focus-visible {
  outline: 1px solid var(--arc-control-on);
  outline-offset: -1px;
}
@media (hover: hover) and (pointer: fine) {
  .sidebar_rail_row:not([data-active]):hover {
    background: color-mix(in oklab, var(--arc-foreground) 5%, transparent);
    color: var(--arc-foreground);
  }
}
.sidebar_rail_icon {
  display: grid;
  place-items: center;
  flex: none;
}
.sidebar_rail_label {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar_rail_badge {
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  font-variant-numeric: tabular-nums;
}
.sidebar_rail_badge > * {
  font-size: inherit;
}
.sidebar_rail_chevron {
  display: grid;
  place-items: center;
  color: var(--arc-text-muted);
}
.sidebar_rail_user {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border-top: 1px solid var(--arc-border-subtle);
}
.sidebar_rail_root[data-collapsed] .sidebar_rail_user {
  justify-content: center;
}
.sidebar_rail_userText {
  display: grid;
  min-width: 0;
}
.sidebar_rail_userName {
  overflow: hidden;
  font-size: var(--arc-text-sm);
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sidebar_rail_userEmail {
  overflow: hidden;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sidebar_rail_main {
  display: grid;
  flex: 1;
  grid-template-rows: auto minmax(0, 1fr);
  min-width: 0;
}
.sidebar_rail_header {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 14px;
  border-bottom: 1px solid var(--arc-border-subtle);
}
.sidebar_rail_iconButton {
  display: inline-grid;
  place-items: center;
  flex: none;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: var(--arc-radius-control);
  background: none;
  color: var(--arc-text-secondary);
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .sidebar_rail_iconButton:hover {
    background: var(--arc-surface-muted);
    color: var(--arc-foreground);
  }
}
.sidebar_rail_crumbs {
  min-width: 0;
  overflow: hidden;
}
.sidebar_rail_crumbs ol {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--arc-text-sm);
  color: var(--arc-text-muted);
  white-space: nowrap;
}
.sidebar_rail_crumbs li {
  position: relative;
  display: inline-flex;
  min-width: 0;
}
.sidebar_rail_crumbs li + li::before {
  content: "/";
  margin-right: 6px;
  color: var(--arc-border-strong);
}
.sidebar_rail_crumbs li[aria-current=page] {
  color: var(--arc-foreground);
  font-weight: 500;
}
.sidebar_rail_crumb {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar_rail_content {
  container-type: inline-size;
  min-height: 0;
  overflow-y: auto;
}
.sidebar_rail_sheet {
  width: min(288px, 85%);
  max-width: 288px;
}
.sidebar_rail_sheetBody {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  min-height: 0;
  height: 100%;
}
.sidebar_rail_header {
  width: 100%;
  max-width: none;
  margin: 0;
  justify-content: flex-start;
}
.sidebar_rail_header span {
  display: inline-block;
  letter-spacing: normal;
  color: inherit;
}
.sidebar_rail_row {
  min-height: var(--touch-target);
}
.sidebar_rail_iconButton {
  width: var(--touch-target);
  height: var(--touch-target);
  min-width: var(--touch-target);
  min-height: var(--touch-target);
  padding: 0;
  aspect-ratio: 1;
  border-radius: var(--arc-radius-control);
}
.sidebar_rail_iconButton svg {
  display: block;
}
.sidebar_rail_sectionLabel {
  font-size: var(--arc-menu-group-size);
  font-weight: var(--arc-menu-group-weight);
  letter-spacing: var(--arc-menu-group-tracking);
  text-transform: uppercase;
}
.sidebar_rail_section + .sidebar_rail_section {
  margin-top: var(--arc-menu-group-gap);
}
.sidebar_rail_srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.sidebar_rail_row {
  height: 40px;
  min-height: 40px;
  line-height: 1.4;
}
.sidebar_rail_icon {
  width: 18px;
  height: 18px;
}
.sidebar_rail_icon svg {
  display: block;
  width: 18px;
  height: 18px;
}
.sidebar_rail_root[data-collapsed] .sidebar_rail_row {
  width: 40px;
  margin-inline: auto;
}
.sidebar_rail_header .sidebar_rail_crumb {
  display: inline-block;
}
@media (pointer: coarse) {
  .sidebar_rail_row {
    height: 44px;
    min-height: 44px;
  }
  .sidebar_rail_root[data-collapsed] .sidebar_rail_row {
    width: 44px;
  }
}
.sidebar_rail_root .sidebar_rail_row {
  height: var(--arc-nav-row-height);
  min-height: var(--arc-nav-row-height);
  line-height: 1.4;
}
.sidebar_rail_root[data-collapsed] .sidebar_rail_row {
  width: var(--arc-nav-row-height);
  margin-inline: auto;
}
.sidebar_rail_root .sidebar_rail_icon,
.sidebar_rail_root .sidebar_rail_icon svg {
  width: var(--arc-nav-icon-size);
  height: var(--arc-nav-icon-size);
}
@media (pointer: coarse) {
  .sidebar_rail_root .sidebar_rail_row {
    height: var(--touch-target);
    min-height: var(--touch-target);
  }
  .sidebar_rail_root[data-collapsed] .sidebar_rail_row {
    width: var(--touch-target);
  }
}

/* vendor/ubm-ui-components/src/components/table/table.module.css */
.table_root {
  --ubm-table-head-h: 34px;
  --ubm-table-row-h: 35px;
  --ubm-table-cell-px: 9px;
  --ubm-table-empty-h: 120px;
  --ubm-table-cell-bg: var(--arc-surface, var(--surface-base));
  background: var(--ubm-table-cell-bg);
  border-top: 1px solid var(--border-default);
}
:where(.table_root) {
  font-size: 13px;
  color: var(--arc-foreground, var(--text-default));
}
.table_root.table_compact {
  --ubm-table-head-h: 32px;
  --ubm-table-row-h: 32px;
  --ubm-table-cell-px: 8px;
  border-top: 0;
}
.table_headRow,
.table_header > tr {
  border-bottom: 1px solid var(--arc-border, var(--border-default));
  color: var(--arc-text-muted, var(--text-muted));
}
.table_headCell,
.table_header > tr > th {
  color: var(--text-faint);
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.table_compact .table_headCell,
.table_compact > .table_header > tr > th {
  text-transform: none;
  letter-spacing: 0;
  font-size: 13px;
  font-weight: 450;
  color: var(--text-muted);
  border-right: 1px solid var(--border-muted);
}
.table_row,
.table_body > tr,
.table_footer > tr {
  border-bottom: 1px solid var(--arc-border-subtle, var(--border-default));
  transition: background-color var(--arc-duration-standard, 0.24s) var(--arc-ease-standard, ease);
}
.table_row:hover,
.table_body > tr:hover {
  background: var(--surface-hover);
}
@media (hover: hover) and (pointer: fine) {
  .table_root .table_row:hover,
  .table_root > .table_body > tr:hover {
    background: color-mix(in oklab, var(--arc-foreground, var(--text-default)) 3%, var(--ubm-table-cell-bg));
  }
}
@media (prefers-reduced-motion: reduce) {
  .table_root .table_row,
  .table_root > .table_body > tr,
  .table_root > .table_footer > tr {
    transition: none;
  }
}
.table_compact .table_cell,
.table_compact > :is(.table_body, .table_footer) > tr > :is(td, th) {
  border-right: 1px solid var(--border-muted);
}
.table_root .table_numeric {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.table_root .table_empty {
  padding: 24px;
  color: var(--text-muted);
  text-align: center;
}
table.table_root {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.table_header > tr {
  height: var(--ubm-table-head-h);
}
.table_body > tr,
.table_footer > tr {
  height: var(--ubm-table-row-h);
}
.table_header > tr > th {
  padding: 0 var(--ubm-table-cell-px);
  text-align: start;
  vertical-align: middle;
  white-space: nowrap;
}
.table_body > tr > :is(td, th),
.table_footer > tr > :is(td, th) {
  padding: max(0px, calc((var(--ubm-table-row-h) - 1lh - 1px) / 2)) var(--ubm-table-cell-px);
  text-align: start;
  vertical-align: middle;
  font-weight: inherit;
}
.table_root :is(td, th).table_numeric {
  white-space: nowrap;
}
.table_footer {
  border-top: 1px solid var(--arc-border, var(--border-default));
}
.table_footer > tr > :is(td, th) {
  font-weight: 600;
}
.table_body > tr > .table_empty {
  height: var(--ubm-table-empty-h);
}
.table_caption {
  caption-side: top;
  padding: 0 0 8px;
  text-align: start;
  color: var(--text-muted);
}
.table_container {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
}
.table_container:focus-visible {
  outline: var(--focus-ring-width, 2px) solid var(--focus-ring);
  outline-offset: -2px;
}

/* src/account-experience.css */
.acx-page {
  display: flex;
  flex-direction: column;
  gap: 32px;
  min-width: 0;
  color: var(--ink);
}
.acx-stack {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
.acx-stack-sm {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.acx-stack-lg {
  display: flex;
  flex-direction: column;
  gap: 32px;
  min-width: 0;
}
.acx-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.acx-actions-start {
  justify-content: flex-start;
}
.acx-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.acx-section {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}
.acx-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.acx-h2 {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -.01em;
}
.acx-kicker {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: var(--muted);
}
.acx-lead {
  margin: 0;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.acx-muted {
  margin: 0;
  color: var(--muted);
}
.acx-small {
  margin: 0;
  font-size: 13px;
  line-height: 19px;
  color: var(--muted);
}
.acx-p {
  margin: 0;
  line-height: 1.5;
}
.acx-error {
  color: var(--danger);
}
.acx-bullets {
  margin: 0;
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  line-height: 1.5;
}
.acx-facts {
  margin: 0;
  border-top: 1px solid var(--border);
}
.acx-facts > div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 0;
  border-bottom: 1px solid var(--border);
}
.acx-facts dt {
  flex: none;
  color: var(--muted);
  font-size: 14px;
}
.acx-facts dd {
  margin: 0;
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.acx-row-text {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: left;
}
.acx-row-text > b {
  font-weight: 500;
  overflow-wrap: anywhere;
}
.acx-row-text > span {
  font-size: 13px;
  line-height: 18px;
  color: var(--muted);
  overflow-wrap: anywhere;
}
.acx-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.acx-toolbar > :first-child {
  flex: 1 1 auto;
  min-width: 0;
}
.acx-toolbar > button {
  flex: none;
  margin-left: auto;
  gap: 8px;
}
.acx-poster-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr));
  gap: 16px;
}
.acx-poster-grid-compact {
  grid-template-columns: repeat(auto-fill, minmax(min(220px, 100%), 1fr));
}
.acx-poster {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius);
  padding: 0;
  border: 0;
  color: var(--ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  isolation: isolate;
  background: var(--panel);
}
.acx-poster-media {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  isolation: isolate;
  background: #0a0a0a;
}
.acx-poster-media .acx-poster-img {
  z-index: 0;
  object-fit: contain;
}
.acx-poster-info {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 5px;
  padding: 16px 18px 18px;
}
.acx-poster-info .acx-badges {
  margin-bottom: 5px;
}
.acx-poster:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 3px;
}
.acx-poster-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
  transition: transform var(--duration-slow, .4s) var(--ease-standard, ease);
}
.acx-poster:hover .acx-poster-img {
  transform: none;
}
.acx-poster-icon {
  position: absolute;
  inset: 0;
  z-index: -2;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 24px;
  color: var(--muted);
  background:
    linear-gradient(
      160deg,
      var(--subtle),
      var(--panel));
}
.acx-poster-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 4px;
  padding: 18px 20px;
  background:
    linear-gradient(
      180deg,
      transparent 30%,
      rgb(0 0 0 / .72));
}
.acx-poster-overlay .acx-badges {
  margin-bottom: auto;
}
.acx-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.acx-poster-kicker {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  opacity: .85;
}
.acx-poster-title {
  font-size: 17px;
  line-height: 23px;
  font-weight: 600;
  letter-spacing: -.01em;
}
.acx-poster-meta {
  font-size: 13px;
  line-height: 18px;
  opacity: .8;
}
@media (prefers-reduced-motion: reduce) {
  .acx-poster-img {
    transition: none;
  }
  .acx-poster:hover .acx-poster-img {
    transform: none;
  }
}
.acx-peek-hero {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--radius);
  background: var(--subtle);
}
.acx-peek-hero .acx-poster-img,
.acx-peek-hero .acx-poster-icon {
  z-index: 0;
}
.acx-member {
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: var(--ink);
  background: var(--panel);
  background-image:
    radial-gradient(
      120% 90% at 100% 0%,
      color-mix(in srgb, var(--ink) 10%, transparent),
      transparent 60%);
}
.acx-member-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.acx-member-logo {
  height: 28px;
  width: auto;
}
.acx-member-id {
  display: flex;
  align-items: center;
  gap: 12px;
}
.acx-member-foot {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.acx-member-balance {
  display: flex;
  align-items: center;
  gap: 12px;
}
.acx-member-coin {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--subtle);
  color: var(--ink);
}
.acx-member-miles {
  font-size: 28px;
  line-height: 34px;
  font-weight: 600;
  letter-spacing: -.02em;
}
.acx-coin-light {
  width: 36px;
  height: 36px;
}
.acx-miles {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
  gap: 32px;
  align-items: start;
}
.acx-miles-main {
  display: flex;
  flex-direction: column;
  gap: 32px;
  min-width: 0;
}
.acx-amount {
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}
.acx-amount[data-kind=gain] {
  color: var(--success);
}
@media (max-width: 1100px) {
  .acx-miles {
    grid-template-columns: minmax(0, 1fr);
  }
}
.acx-tabs {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
  max-width: 760px;
}
.acx-tablist {
  align-self: flex-start;
  max-width: 100%;
  overflow-x: auto;
}
.acx-profile-head {
  display: flex;
  align-items: center;
  gap: 16px;
}
.acx-profile-head .acx-row-text > b {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
.acx-toggle-list {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--border);
}
.acx-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid var(--border);
}
.acx-purchase {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.acx-purchase:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}
.acx-purchase-thumb {
  position: relative;
  flex: none;
  width: 56px;
  height: 42px;
  overflow: hidden;
  border-radius: calc(var(--radius) * .4);
  background: var(--subtle);
}
.acx-purchase-thumb .acx-poster-img,
.acx-purchase-thumb .acx-poster-icon {
  z-index: 0;
}
.acx-purchase-thumb .acx-poster-icon {
  padding: 0;
  align-items: center;
  justify-content: center;
}
.acx-purchase-thumb .acx-poster-icon svg {
  width: 20px;
  height: 20px;
}
.acx-chevron {
  flex: none;
  color: var(--muted);
}
.acx-credit {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 767px) {
  .acx-page {
    gap: 24px;
  }
  .acx-poster {
    aspect-ratio: auto;
  }
  .acx-member-miles {
    font-size: 24px;
    line-height: 30px;
  }
}
.acx-credit-balance,
.acx-price {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.acx-credit-balance {
  color: var(--ink);
  font-size: 14px;
}
.acx-credit-balance .ex-coin,
.acx-price .ex-coin {
  width: 20px;
  height: 20px;
}
.acx-price {
  color: var(--ink);
  font-size: 15px;
}
.acx-price > span:not(.ex-coin) {
  color: var(--muted);
  font-size: 13px;
}
.acx-offer-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 16px 0;
}

/* src/learning.css */
.lrn-page {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-8);
  min-width: 0;
  color: var(--arc-foreground);
  font-family: var(--arc-font-body);
}
.lrn-section {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-4);
  min-width: 0;
}
.lrn-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--arc-space-3);
  min-height: var(--arc-control-height-sm);
}
.lrn-h2 {
  margin: 0;
  font-size: var(--arc-text-lg);
  font-weight: 600;
  letter-spacing: var(--arc-tracking-display);
}
.lrn-h3 {
  margin: 0;
  font-size: var(--arc-text-base);
  font-weight: 600;
  letter-spacing: var(--arc-tracking-display);
}
.lrn-kicker {
  margin: 0;
  font-size: var(--arc-text-xs);
  color: var(--arc-text-muted);
}
.lrn-muted {
  margin: 0;
  font-size: var(--arc-text-xs);
  color: var(--arc-text-muted);
}
.lrn-lead {
  margin: 0;
  font-size: var(--arc-text-base);
  line-height: var(--arc-leading-body);
  color: var(--arc-text-secondary);
}
.lrn-badges {
  display: flex;
  flex-wrap: wrap;
  gap: var(--arc-space-2);
}
.lrn-notice {
  display: flex;
  align-items: flex-start;
  gap: var(--arc-space-3);
  margin: 0;
  padding: var(--arc-space-4);
  border-radius: var(--arc-radius-control);
  background: var(--arc-surface-muted);
  font-size: var(--arc-text-sm);
  line-height: 1.5;
  color: var(--arc-text-secondary);
}
.lrn-notice > svg {
  flex: none;
  margin-top: 1px;
  color: var(--arc-text-muted);
}
.lrn-resume {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  overflow: hidden;
  color: var(--arc-foreground);
  background: var(--arc-surface);
}
.lrn-resume-cover {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 220px;
  object-fit: contain;
  background: #0a0a0a;
}
.lrn-resume-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--arc-space-3);
  padding: var(--arc-space-8);
  min-width: 0;
}
.lrn-resume-title {
  margin: 0;
  font-size: var(--arc-text-2xl);
  font-weight: 600;
  line-height: var(--arc-leading-display);
  letter-spacing: var(--arc-tracking-display);
}
.lrn-resume-meta {
  margin: 0;
  font-size: var(--arc-text-sm);
  color: var(--arc-text-secondary);
}
.lrn-resume-body > button {
  align-self: flex-start;
  margin-top: var(--arc-space-2);
}
.lrn-levels {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--arc-space-4);
}
.lrn-levels .lrn-level {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  text-align: left;
  white-space: normal;
  color: var(--arc-foreground);
  font-weight: 400;
  background: var(--arc-surface);
}
.lrn-levels .lrn-level:is(:hover, :active) {
  background: var(--arc-surface);
}
.lrn-levels .lrn-level:focus-visible {
  outline: var(--arc-focus-width, 2px) solid var(--arc-focus-ring);
  outline-offset: 3px;
}
.lrn-level[data-current] {
  box-shadow: none;
}
.lrn-level-cover {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: contain;
  background: #0a0a0a;
}
.lrn-level[data-access=soon] .lrn-level-cover {
  opacity: .72;
}
.lrn-level-body {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-2);
  padding: var(--arc-space-4) var(--arc-space-5) var(--arc-space-5);
}
.lrn-level-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--arc-space-2);
}
.lrn-level-head b {
  font-size: var(--arc-text-base);
  font-weight: 600;
}
.lrn-level-sub {
  font-size: var(--arc-text-sm);
  line-height: 1.4;
  color: var(--arc-text-secondary);
}
.lrn-filters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--arc-space-3) var(--arc-space-8);
}
.lrn-lib-grid,
.lrn-file-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr));
  gap: var(--arc-space-4);
}
.lrn-file-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 72px;
  color: var(--arc-text-muted);
}
.lrn-reader {
  display: grid;
  grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
  gap: var(--arc-space-10);
  align-items: start;
  min-width: 0;
  color: var(--arc-foreground);
  font-family: var(--arc-font-body);
}
.lrn-side {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-5);
  min-width: 0;
  max-height: calc(100dvh - var(--tc-header-height, 52px) - 2 * var(--tc-main-padding, 28px));
  overflow-y: auto;
  overscroll-behavior: contain;
}
.lrn-side > button:first-child {
  align-self: flex-start;
}
.lrn-side-head {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  align-items: center;
  gap: var(--arc-space-3) var(--arc-space-3);
}
.lrn-side-head > :last-child:not(.lrn-side-title) {
  grid-column: 1 / -1;
}
.lrn-side-cover {
  width: 56px;
  height: 56px;
  object-fit: contain;
  border-radius: var(--arc-radius-control);
  background: #0a0a0a;
}
.lrn-side-title {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.lrn-side-sub {
  margin: 0;
  font-size: var(--arc-text-sm);
  font-weight: 600;
  line-height: 1.35;
}
.lrn-reader-main {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-6);
  min-width: 0;
}
.lrn-reader-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--arc-space-3);
}
.lrn-lesson {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-5);
  width: 100%;
  max-width: 72ch;
  min-width: 0;
}
.lrn-lesson-head {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-1);
}
.lrn-title {
  margin: 0;
  font-size: var(--arc-text-3xl);
  font-weight: 600;
  line-height: var(--arc-leading-display);
  letter-spacing: var(--arc-tracking-display);
  outline: none;
}
.lrn-cover {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--arc-radius-surface);
  background: var(--arc-surface-muted);
}
.lrn-video {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--arc-radius-surface);
  background: var(--arc-surface-muted);
}
.lrn-media-off {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-3);
}
.lrn-prose {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-4);
}
.lrn-prose p {
  margin: 0;
  font-size: var(--arc-text-base);
  line-height: var(--arc-leading-body);
  color: var(--arc-foreground);
}
.lrn-prose section {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-2);
}
.lrn-files {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-3);
}
.lrn-tool {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--arc-space-2);
}
.lrn-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--arc-space-3);
  max-width: 72ch;
  padding-top: var(--arc-space-5);
  border-top: 1px solid var(--arc-border-subtle);
}
.lrn-next-note {
  max-width: 72ch;
  text-align: right;
}
.lrn-reader[data-mobile] {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-5);
}
.lrn-reader-main[data-has-actions] {
  padding-bottom: calc(var(--arc-control-height-md) + var(--arc-space-8) + env(safe-area-inset-bottom));
}
.lrn-reader[data-mobile] .lrn-title {
  font-size: var(--arc-text-2xl);
}
.lrn-actions[data-mobile] {
  position: fixed;
  inset: auto 0 0 0;
  z-index: 40;
  max-width: none;
  gap: var(--arc-space-2);
  padding: var(--arc-space-3) var(--arc-space-4) calc(var(--arc-space-3) + env(safe-area-inset-bottom));
  border-top: 1px solid var(--arc-border-subtle);
  background: color-mix(in oklab, var(--arc-surface-raised) 92%, transparent);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
.lrn-sheet {
  display: flex;
  flex-direction: column;
  gap: var(--arc-space-5);
  padding-bottom: var(--arc-space-6);
}
@media (max-width: 1023px) {
  .lrn-resume {
    grid-template-columns: minmax(0, 1fr);
  }
  .lrn-resume-cover {
    aspect-ratio: 16 / 9;
    height: auto;
    min-height: 0;
  }
  .lrn-resume-body {
    padding: var(--arc-space-6);
  }
  .lrn-reader {
    grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
    gap: var(--arc-space-8);
  }
}
@media (max-width: 767px) {
  .lrn-resume-body {
    padding: var(--arc-space-5);
  }
  .lrn-resume-title {
    font-size: var(--arc-text-xl);
  }
  .lrn-levels {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: 78%;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    margin-inline: calc(-1 * var(--tc-main-padding, 20px));
    padding-inline: var(--tc-main-padding, 20px);
    scroll-padding-inline: var(--tc-main-padding, 20px);
    padding-block: 4px;
  }
  .lrn-levels::-webkit-scrollbar {
    display: none;
  }
  .lrn-levels > * {
    scroll-snap-align: start;
  }
  .lrn-filters {
    flex-direction: column;
  }
}
.lrn-reader {
  grid-template-columns: 280px minmax(0, 1fr);
}
.lrn-reader-main {
  padding-inline: 28px;
  padding-bottom: 100px;
}
.lrn-side {
  width: 280px;
  min-width: 0;
  padding-inline: 12px;
}
.lrn-side [class*=tree_view_label],
.lrn-sheet [class*=tree_view_label] {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  line-height: 1.45;
  min-width: 0;
  overflow-wrap: anywhere;
}
.lrn-side [class*=tree_view_row],
.lrn-sheet [class*=tree_view_row] {
  height: auto;
  min-height: 40px;
  padding-block: 8px;
}
.lrn-side [role=group],
.lrn-sheet [role=group] {
  padding-left: 8px;
  margin-left: 0;
}
.lrn-actions {
  position: sticky;
  bottom: 0;
  z-index: 40;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 28px;
  background: var(--arc-surface);
  border-top: 1px solid var(--arc-border-subtle);
  margin-top: 24px;
}
.lrn-level {
  position: relative;
}
.lrn-level-lock {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--arc-surface);
  color: var(--arc-foreground);
  box-shadow: var(--arc-shadow-floating);
}
.lrn-resource-card {
  width: 100%;
  height: auto;
  min-height: 100px;
  display: flex;
  align-items: center;
  gap: 16px;
  text-align: left;
  white-space: normal;
  padding: 0;
}
.lrn-resource-card > span {
  flex: 1;
  min-width: 0;
  display: grid;
  gap: 8px;
}
.lrn-resource-card strong {
  font-weight: 500;
  line-height: 1.4;
}
.lrn-resource-card small {
  color: var(--arc-text-secondary);
}
.lrn-practice {
  display: grid;
  gap: 20px;
  padding-block: 24px;
  line-height: 1.65;
}
.lrn-practice h3 {
  margin: 0;
  font-size: var(--arc-text-lg);
  font-weight: 500;
}
.lrn-practice p {
  margin: 0;
}
.lrn-practice > div {
  display: grid;
  gap: 12px;
}
.lrn-practice [role=status] {
  color: var(--arc-text-secondary);
}
.lrn-resume-title {
  font-size: clamp(24px, 3vw, 32px);
  line-height: 1.15;
}
.lrn-resume-meta {
  margin-bottom: 12px;
}
.lrn-resume-body {
  gap: 12px;
}
@media (max-width: 767px) {
  .lrn-reader-main {
    padding-inline: 20px;
    padding-bottom: 100px;
  }
  .lrn-actions {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 12px 20px calc(12px + env(safe-area-inset-bottom));
    justify-content: space-between;
  }
  .lrn-actions > button {
    flex: 1;
  }
  .lrn-reader-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    gap: 12px;
  }
  .lrn-reader-top > button {
    flex: none;
  }
  .lrn-sheet [role=group] {
    padding-left: 8px;
  }
}
.lrn-reader {
  gap: 20px;
}
.lrn-reader-main {
  min-height: calc(100dvh - 80px);
}
.lrn-reader-main > .lrn-actions {
  position: sticky;
  bottom: 0;
  max-width: none;
  margin-top: auto;
  flex-shrink: 0;
}
.lrn-side [class*=tree_view_select],
.lrn-sheet [class*=tree_view_select] {
  height: auto;
  min-height: 40px;
  align-items: start;
}
@media (min-width: 768px) {
  .lrn-actions {
    position: fixed;
    left: 328px;
    right: 28px;
    bottom: 0;
    max-width: none;
  }
  .lrn-reader-main > .lrn-actions {
    position: fixed;
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .lrn-reader {
    grid-template-columns: minmax(0, 1fr);
  }
  .lrn-reader-main > .lrn-actions {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.lrn-reader {
  grid-template-columns: 288px minmax(0, 1fr);
  gap: 0 32px;
}
.lrn-reader > .lrn-reader-top {
  grid-column: 1 / -1;
  position: sticky;
  top: 0;
  z-index: 45;
  min-height: 64px;
  padding: 10px 28px;
  background: var(--arc-background);
  border-bottom: 1px solid var(--arc-border-subtle);
}
.lrn-reader-top > span {
  font-size: 13px;
  color: var(--arc-text-secondary);
}
.lrn-side {
  top: 84px;
  width: auto;
  padding: 24px 12px 24px 24px;
  max-height: calc(100dvh - 84px);
  gap: 24px;
}
.lrn-reader-main {
  padding: 28px 32px 110px 0;
  min-height: calc(100dvh - 64px);
}
.lrn-lesson {
  max-width: 880px;
  gap: 24px;
}
.lrn-lesson-head {
  gap: 10px;
}
.lrn-title {
  font-size: clamp(24px, 2.6vw, 34px);
  line-height: 1.2;
}
.lrn-video {
  max-height: 420px;
  object-fit: contain;
  background: #0a0a0a;
  border-radius: 16px;
}
.lrn-side [role=tree],
.lrn-sheet [role=tree] {
  border: 0;
  background: transparent;
  padding: 0;
}
.lrn-side [role=tree] > div,
.lrn-sheet [role=tree] > div {
  height: auto !important;
  min-height: 48px;
  overflow: visible !important;
}
.lrn-side [role=treeitem],
.lrn-sheet [role=treeitem] {
  height: auto;
  min-height: 48px;
  padding: 12px 10px;
  padding-left: calc(8px + (var(--tree-depth) - 1) * 6px);
  align-items: center;
}
.lrn-side [role=treeitem] > span:last-child,
.lrn-sheet [role=treeitem] > span:last-child {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  line-height: 1.5;
}
.lrn-side [role=treeitem] > span[aria-hidden=true]:first-child,
.lrn-sheet [role=treeitem] > span[aria-hidden=true]:first-child {
  display: none;
}
.lrn-reader-main > .lrn-actions {
  left: 320px;
  right: 0;
  padding: 16px 32px;
  margin: 0;
}
.lrn-level-cover,
.lrn-resume-cover {
  transform: none !important;
  transition: none;
}
.lrn-resume {
  cursor: pointer;
}
.lrn-resume-body > button {
  background: var(--arc-foreground);
  color: var(--arc-background);
  min-height: 44px;
}
.lrn-tool-mock {
  display: grid;
  gap: 24px;
  padding: 24px;
  border-radius: 16px;
  background: var(--arc-surface);
  overflow-x: auto;
}
.lrn-tool-mock table {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
  text-align: left;
}
.lrn-tool-mock th {
  font-size: 13px;
  font-weight: 500;
  color: var(--arc-text-secondary);
  padding: 0 12px 14px;
}
.lrn-tool-mock td {
  padding: 10px 12px;
}
.lrn-tool-mock > button {
  justify-self: start;
}
.lrn-tool-fields {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.lrn-tool-fields label {
  display: grid;
  gap: 10px;
  font-size: 14px;
}
.lrn-tool-result {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding-top: 16px;
}
.lrn-tool-result strong {
  font-size: 28px;
}
@media (max-width: 1023px) and (min-width: 768px) {
  .lrn-reader {
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 0 20px;
  }
  .lrn-reader-main > .lrn-actions {
    left: 270px;
  }
  .lrn-reader-main {
    padding-right: 24px;
  }
}
@media (max-width: 767px) {
  .lrn-reader[data-mobile] {
    gap: 0;
  }
  .lrn-reader > .lrn-reader-top {
    min-height: 64px;
    padding: 10px 16px;
  }
  .lrn-reader-main {
    padding: 24px 16px 110px;
    min-height: 0;
  }
  .lrn-reader-main > .lrn-actions,
  .lrn-actions[data-mobile] {
    left: 0;
    right: 0;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
  }
  .lrn-lesson {
    gap: 20px;
  }
  .lrn-title {
    font-size: 26px;
  }
  .lrn-tool-fields {
    grid-template-columns: 1fr;
  }
  .lrn-sheet {
    padding: 8px 4px 24px;
    gap: 28px;
  }
  .lrn-resume-body > button {
    width: 100%;
    align-self: stretch;
  }
}
.lrn-library-title {
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}
.lrn-library-title > span {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  color: var(--arc-text-secondary);
}
.lrn-filters {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  overflow-x: auto;
  padding-block: 3px;
  scrollbar-width: none;
}
.lrn-filters > button,
.lrn-filter-options {
  flex: none;
}
.lrn-filter-options {
  animation: lrn-filter-reveal 160ms ease-out;
}
.lrn-filter-options > * {
  flex-wrap: nowrap;
}
.lrn-filter-chevron-open {
  transform: rotate(180deg);
}
.lrn-levels .lrn-level {
  box-shadow: none;
}
@keyframes lrn-filter-reveal {
  from {
    opacity: 0;
    transform: translateX(-6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lrn-filter-options {
    animation: none;
  }
}
.lrn-reader > .lrn-reader-top {
  min-height: 56px;
  padding-block: 6px;
}
.lrn-side {
  top: 72px;
  gap: 16px;
  padding-top: 18px;
  max-height: calc(100dvh - 72px);
}
.lrn-side [role=tree] > div,
.lrn-sheet [role=tree] > div {
  min-height: 38px;
}
.lrn-side [role=treeitem],
.lrn-sheet [role=treeitem] {
  min-height: 38px;
  padding-block: 8px;
  gap: 8px;
}
.lrn-side [role=treeitem] > span:last-child,
.lrn-sheet [role=treeitem] > span:last-child {
  line-height: 1.4;
}
.lrn-actions,
.lrn-reader-main > .lrn-actions {
  width: auto;
  max-width: none;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .lrn-sheet {
    gap: 16px;
  }
  .lrn-reader > .lrn-reader-top {
    min-height: 56px;
  }
}
.lrn-level-identity {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.lrn-level-identity .lrn-kicker {
  margin: 0;
}
.lrn-reader-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px 0;
  gap: 12px;
}
.lrn-side {
  padding-top: 24px;
  gap: 16px;
}
.lrn-side [role=tree] > div,
.lrn-sheet [role=tree] > div {
  min-height: 32px;
}
.lrn-side [role=treeitem],
.lrn-sheet [role=treeitem] {
  min-height: 32px;
  padding: 6px 8px;
  padding-left: calc(8px + (var(--tree-depth) - 1)*16px);
  font-size: 13px;
  line-height: 1.25;
}
.lrn-side [role=treeitem] > span:last-child,
.lrn-sheet [role=treeitem] > span:last-child {
  line-height: 1.25;
}
.lrn-side [role=treeitem] > span[aria-hidden=true]:first-child,
.lrn-sheet [role=treeitem] > span[aria-hidden=true]:first-child {
  display: initial;
}

/* src/shell.css */
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("./assets/dm-sans-V3GB7EZO.woff2") format("woff2");
}
:root {
  --tc-header-height: 52px;
  --tc-peek-width: 420px;
  --tc-main-padding: 28px;
  --tc-dock-height: 60px;
}
html,
body {
  height: 100%;
  margin: 0;
}
body {
  background: var(--arc-background);
  color: var(--arc-foreground);
  font-family: var(--arc-font-body);
  -webkit-font-smoothing: antialiased;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
#root {
  height: 100%;
}
.tc-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.tc-shell {
  position: relative;
  height: 100dvh;
  background: var(--arc-background);
}
.tc-frame {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  height: 100%;
  min-width: 0;
  min-height: 0;
}
.tc-shell[data-mobile] .tc-frame {
  height: 100dvh;
}
html .tc-rail-root {
  border: 0;
  border-radius: 0;
  background: var(--arc-background);
}
.tc-rail-root > div > header {
  display: none;
}
.tc-rail-root > div {
  grid-template-rows: minmax(0, 1fr);
}
.tc-rail-root > div > div {
  display: grid;
  padding: 0;
  overflow: hidden;
}
.tc-rail-root > aside > div:first-child {
  justify-content: flex-start;
  min-height: 96px;
  padding: 0 16px;
}
.tc-rail-root[data-collapsed] > aside > div:first-child {
  justify-content: center;
  padding: 0;
}
.tc-rail-root[data-collapsed] > aside > div:first-child::before {
  content: "";
  width: 32px;
  height: 32px;
  background: url("./assets/favicon-tc-RM56T7JB.svg") center / contain no-repeat;
}
.tc-brand-logo {
  display: block;
  width: auto;
  height: 78px;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
}
.tc-rail-root > aside {
  padding-bottom: var(--tc-foot-height, 0px);
}
.tc-rail-foot {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: grid;
  gap: 8px;
  padding: 8px;
  overflow: hidden;
}
.tc-shell[data-collapsed] .tc-rail-foot {
  justify-items: center;
}
.tc-member-card {
  --arc-space-5: 14px;
  --arc-space-2: 2px;
  --arc-text-lg: 15px;
  cursor: pointer;
}
.tc-member-card [class*=footer] {
  margin-top: 10px;
}
.tc-member-balance {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--arc-text-secondary);
}
.tc-member-balance svg {
  flex: none;
}
.tc-member-balance b {
  color: var(--arc-foreground);
  font-size: var(--arc-text-sm);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.tc-profile {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: var(--touch-target);
  padding: 6px;
  border: 0;
  border-radius: var(--arc-radius-control);
  background: none;
  color: var(--arc-foreground);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.tc-profile-compact {
  justify-content: center;
  width: auto;
  padding: 4px;
}
.tc-profile[data-active] {
  background: var(--arc-surface-raised);
  box-shadow: var(--arc-shadow-resting);
}
@media (hover: hover) and (pointer: fine) {
  .tc-profile:not([data-active]):hover {
    background: color-mix(in oklab, var(--arc-foreground) 5%, transparent);
  }
}
.tc-profile:focus-visible {
  outline: 1px solid var(--arc-control-on);
  outline-offset: -1px;
}
.tc-profile-text {
  display: grid;
  min-width: 0;
}
.tc-profile-name {
  overflow: hidden;
  font-size: var(--arc-text-sm);
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tc-profile-status {
  overflow: hidden;
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  text-overflow: ellipsis;
  white-space: nowrap;
}
html .tc-profile-menu {
  width: 280px;
  padding: 8px;
}
.tc-profile-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 6px 10px;
}
.tc-profile-theme {
  display: grid;
  gap: 6px;
  margin-top: 6px;
  padding: 10px 6px 4px;
  border-top: 1px solid var(--arc-border-subtle);
}
.tc-profile-theme-label {
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
}
.tc-header {
  display: flex;
  align-items: center;
  gap: 8px;
  height: var(--tc-header-height);
  padding: 0 12px 0 8px;
  border-bottom: 1px solid var(--arc-border-subtle);
  background: var(--arc-background);
}
.tc-header-mark {
  display: block;
  width: 28px;
  height: 28px;
  margin-left: 8px;
}
.tc-title {
  display: block;
  align-self: center;
  min-width: 0;
  margin: 0 0 0 4px;
  overflow: hidden;
  font-size: var(--arc-text-base);
  font-weight: 600;
  letter-spacing: -.01em;
  line-height: 1.2;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
  transform: translateY(1px);
}
.tc-header > button,
.tc-header-actions > button,
.tc-header-actions > * {
  align-self: center;
}
.tc-header-actions {
  display: flex;
  flex: none;
  align-items: center;
  gap: 4px;
  margin-left: auto;
}
.tc-main {
  min-height: 0;
  overflow-y: auto;
  padding: var(--tc-main-padding);
  outline: none;
  scroll-padding-top: var(--tc-main-padding);
}
@media (min-width: 1200px) {
  .tc-shell[data-peek] .tc-main {
    padding-right: calc(var(--tc-main-padding) + var(--tc-peek-width));
  }
}
.tc-peek-host {
  position: fixed;
  top: var(--tc-header-height);
  right: 0;
  bottom: 0;
  z-index: 40;
  width: var(--tc-peek-width);
  max-width: 100vw;
  overflow: hidden;
  pointer-events: none;
}
.tc-peek-host > [data-ubm-overlay-backdrop] {
  display: none;
}
html .tc-peek-host .tc-side-peek[data-contained] {
  --drawer-size: 100%;
  width: 100%;
  max-height: 100%;
  pointer-events: auto;
  border-left: 1px solid var(--arc-border);
}
.tc-peek-body {
  min-width: 0;
  flex: 1 0 auto;
  padding-bottom: var(--arc-space-6);
}
.tc-side-peek > div:last-child,
.tc-peek-sheet > div:nth-child(2) {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}
@media (max-width: 767px) {
  .tc-peek-host {
    display: none;
  }
}
.tc-palette {
  position: fixed;
  top: min(12vh, 96px);
  left: 50%;
  z-index: 51;
  width: min(640px, calc(100vw - 32px));
  max-height: calc(100dvh - 2 * min(12vh, 96px));
  outline: none;
  transform: translateX(-50%);
}
.tc-dock {
  position: fixed;
  bottom: calc(12px + env(safe-area-inset-bottom));
  left: 50%;
  z-index: 30;
  display: flex;
  gap: 4px;
  padding: 6px;
  border: 1px solid var(--arc-border);
  border-radius: var(--arc-radius-pill, 999px);
  background: color-mix(in oklab, var(--arc-surface-raised) 88%, transparent);
  box-shadow: var(--arc-shadow-floating);
  transform: translateX(-50%);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
html .tc-dock .tc-dock-slot {
  position: relative;
  width: 56px;
  height: var(--touch-target);
  border-radius: var(--arc-radius-pill, 999px);
  color: var(--arc-text-secondary);
}
html .tc-dock .tc-dock-slot[data-active] {
  color: var(--arc-foreground);
}
.tc-dock-indicator {
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background: var(--arc-surface-muted);
  pointer-events: none;
}
.tc-dock-icon {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
}
.tc-dock-icon svg {
  width: 20px;
  height: 20px;
}
html .tc-dock-menu {
  min-width: 232px;
  padding: 8px;
}
.tc-shell[data-mobile] {
  --tc-main-padding: 20px;
}
.tc-shell[data-mobile] .tc-main {
  padding-bottom: calc(var(--tc-main-padding) + var(--tc-dock-height) + 24px + env(safe-area-inset-bottom));
}
.tc-shell[data-mobile] .tc-header {
  padding-right: 8px;
}
.tc-shell[data-mobile]:has(.ex-thread-pane:not([hidden])) .tc-dock {
  display: none;
}
.tc-shell[data-mobile]:has(.ex-thread-pane:not([hidden])) .tc-main {
  padding-bottom: calc(20px + env(safe-area-inset-bottom));
}
.tc-shell:not([data-mobile]) .tc-main.tc-main--messages {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding: 0;
}
.tc-shell:not([data-mobile]) .tc-main.tc-main--messages > * {
  flex: 1;
  min-height: 0;
}
.tc-shell[data-reader] .tc-rail-root > aside,
.tc-shell[data-reader] .tc-rail-foot {
  display: none;
}
.tc-shell[data-reader] .tc-rail-root {
  grid-template-columns: minmax(0, 1fr);
}
.tc-shell[data-reader] .tc-rail-root > div {
  grid-column: 1 / -1;
}
.tc-shell[data-reader] .tc-frame {
  grid-template-rows: minmax(0, 1fr);
}
.tc-shell[data-reader] .tc-main,
.tc-shell[data-mobile][data-reader] .tc-main {
  height: 100%;
  min-height: 0;
  padding: 0;
}
.tc-composer {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  min-width: 0;
}
html .tc-composer .tc-composer-field {
  flex: 1;
  min-width: 0;
  min-height: 0;
  resize: none;
  overflow-y: hidden;
}
.tc-composer-send {
  flex: none;
}
.tc-profile.tc-member-profile {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 28px;
  padding: 20px 16px 16px;
  border-radius: 20px;
  background: var(--arc-surface);
  color: var(--arc-foreground);
  box-shadow: none;
}
.tc-member-profile-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.tc-member-wordmark {
  font-size: 20px;
  line-height: .98;
  font-weight: 800;
  letter-spacing: -.6px;
}
.tc-member-level {
  font-size: 11px;
  line-height: 1.3;
  color: var(--arc-text-secondary);
  white-space: nowrap;
  padding-top: 3px;
}
.tc-member-profile-bottom {
  display: flex;
  align-items: center;
  gap: 9px;
}
.tc-member-person {
  min-width: 0;
  flex: 1;
  text-align: left;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
}
.tc-member-miles {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.tc-profile.tc-member-profile:hover,
.tc-profile.tc-member-profile[data-active] {
  background: var(--arc-surface);
  box-shadow: none;
}
.tc-member-profile:focus-visible {
  outline: 2px solid var(--arc-focus-ring);
  outline-offset: 3px;
}
.tc-profile.tc-member-profile {
  gap: 18px;
}
.tc-member-wallet,
.tc-profile-wallet {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.tc-member-credit {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}
.tc-member-credit .ex-coin {
  width: 19px;
  height: 19px;
}
.tc-profile-wallet {
  padding: 4px 12px 16px;
}
.tc-ubm-dock-wrap {
  position: fixed;
  bottom: calc(12px + env(safe-area-inset-bottom));
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
  max-width: calc(100vw - 24px);
}
@media (max-width: 767px) {
  .tc-header-actions {
    gap: 4px;
  }
  .tc-header-icon svg {
    width: 20px;
    height: 20px;
  }
  .tc-header-actions > button {
    min-width: 40px;
    width: 40px;
    min-height: 40px;
    height: 40px;
  }
  .tc-header > button svg {
    width: 20px;
    height: 20px;
  }
}
.tc-frame {
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
}
.tc-header {
  min-width: 0;
  max-width: 100%;
}
.tc-title {
  flex: 1 1 0;
}
@media (max-width: 767px) {
  .tc-main--messages {
    max-width: 100%;
  }
  .tc-main--messages .ex-thread-body > * {
    height: 100%;
    min-height: 0;
  }
  .tc-main--messages .ex-thread-list {
    padding: 8px 12px;
  }
}
html .tc-composer .tc-composer-field {
  box-sizing: border-box;
  min-height: 44px;
  max-height: none;
  padding: 11px 14px;
  line-height: 20px;
  font-size: 14px;
  border-radius: 22px;
}
.tc-composer-send {
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
}

/* src/tc-theme.css */
html.tc-charte[data-theme=dark],
html.tc-charte [data-theme=dark] {
  color-scheme: dark;
  --canvas: var(--tc-dark-canvas);
  --panel: var(--tc-dark-panel);
  --ink: var(--tc-dark-ink);
  --muted: var(--tc-dark-muted);
  --border: var(--tc-dark-border);
  --subtle: var(--tc-dark-subtle);
  --accent: var(--tc-dark-accent);
  --accent-hover: var(--tc-dark-accent-hover);
  --on-accent: var(--tc-dark-on-accent);
  --accent-soft: var(--tc-dark-accent-soft);
  --focus: var(--tc-dark-focus);
  --danger: var(--tc-dark-danger);
  --danger-soft: var(--tc-dark-danger-soft);
  --success: var(--tc-dark-success);
  --warning: var(--tc-dark-warning);
  --tc-raised: var(--tc-dark-raised);
}
html.tc-charte[data-theme=light],
html.tc-charte [data-theme=light] {
  color-scheme: light;
  --canvas: var(--tc-light-canvas);
  --panel: var(--tc-light-panel);
  --ink: var(--tc-light-ink);
  --muted: var(--tc-light-muted);
  --border: var(--tc-light-border);
  --subtle: var(--tc-light-subtle);
  --accent: var(--tc-light-accent);
  --accent-hover: var(--tc-light-accent-hover);
  --on-accent: var(--tc-light-on-accent);
  --accent-soft: var(--tc-light-accent-soft);
  --focus: var(--tc-light-focus);
  --danger: var(--tc-light-danger);
  --danger-soft: var(--tc-light-danger-soft);
  --success: var(--tc-light-success);
  --warning: var(--tc-light-warning);
  --tc-raised: var(--tc-light-raised);
}
html.tc-charte,
html.tc-charte[data-theme],
html.tc-charte [data-theme],
html.tc-charte .lab {
  --arc-accent: var(--accent);
  --arc-accent-foreground: var(--on-accent);
  --arc-accent-strong: var(--accent-hover);
  --arc-accent-subtle: var(--accent-soft);
  --arc-background: var(--canvas);
  --arc-surface: var(--panel);
  --arc-surface-muted: var(--subtle);
  --arc-surface-raised: var(--tc-raised, var(--panel));
  --arc-foreground: var(--ink);
  --arc-text-secondary: var(--muted);
  --arc-text-muted: var(--muted);
  --arc-border: var(--border);
  --arc-border-strong: var(--border);
  --arc-border-subtle: var(--border);
  --arc-focus-ring: var(--focus);
  --arc-control-on: var(--accent);
  --arc-control-fill: var(--accent);
  --arc-control-glyph: var(--on-accent);
  --arc-control-track: var(--subtle);
  --arc-control-track-hover: color-mix(in srgb, var(--ink) 22%, var(--panel));
  --arc-control-thumb: var(--panel);
  --arc-control-thumb-on: var(--on-accent);
  --arc-control-thumb-shadow: 0 1px 3px color-mix(in srgb, var(--ink) 16%, transparent);
  --arc-danger: var(--danger);
  --arc-success: var(--success);
  --arc-warning: var(--warning);
  --arc-menu-group-color: var(--muted);
  --arc-dialog-description-color: var(--muted);
  --arc-input-border-hover: color-mix(in srgb, var(--border) 70%, var(--muted));
  --arc-shadow-resting: 0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent);
  --arc-shadow-raised: 0 6px 18px color-mix(in srgb, var(--ink) 10%, transparent);
  --arc-shadow-floating: 0 20px 48px color-mix(in srgb, var(--ink) 14%, transparent);
  --arc-gradient-from: var(--accent-soft);
}
html.tc-charte {
  --tc-raised: var(--tc-light-raised);
}
html.tc-charte,
html.tc-charte .lab,
html.tc-charte[data-theme=light],
html.tc-charte [data-theme=light] {
  --arc-series-1: var(--accent);
  --arc-series-2: oklch(46% 0 0);
  --arc-series-3: oklch(64% 0 0);
  --arc-series-4: oklch(78% 0 0);
}
html.tc-charte[data-theme=dark],
html.tc-charte [data-theme=dark] {
  --arc-series-1: var(--accent);
  --arc-series-2: oklch(77% 0 0);
  --arc-series-3: oklch(62% 0 0);
  --arc-series-4: oklch(48% 0 0);
}
html.tc-charte,
html.tc-charte [data-theme] {
  --background: var(--canvas);
  --surface: var(--panel);
  --surface-raised: var(--tc-raised, var(--panel));
  --surface-muted: var(--subtle);
  --foreground: var(--ink);
  --text-secondary: var(--muted);
  --text-muted: var(--muted);
}
html.tc-charte {
  --tc-dark-canvas: #0a0a0a !important;
  --tc-dark-panel: #121212 !important;
  --tc-dark-raised: #1a1a1a !important;
  --tc-dark-ink: #f2f2f2 !important;
  --tc-dark-muted: #9a9a9a !important;
}
html.tc-charte [data-variant][data-padding][data-radius],
html.tc-charte .tc-member-card,
html.tc-charte .lrn-level,
html.tc-charte .lrn-resource-card,
html.tc-charte .acx-poster {
  border-color: transparent;
  box-shadow: none;
}
html.tc-charte [data-variant][data-padding][data-radius][data-hover],
html.tc-charte .lrn-level[data-current] {
  border-color: transparent;
  box-shadow: none;
}
html.tc-charte {
  --tc-dark-subtle: #141414 !important;
  --tc-dark-raised: #121212 !important;
  --tc-dark-border: #282828 !important;
  --tc-light-subtle: #f7f7f7 !important;
  --tc-light-raised: #ffffff !important;
}
html.tc-charte .tc-rail-root > aside {
  background: var(--arc-background);
}
html.tc-charte .ex-post-event,
html.tc-charte .ex-post-challenge {
  background: transparent;
}
html.tc-charte .ex-post-event {
  padding-inline: 0;
}
html.tc-charte .act-kcard:hover,
html.tc-charte .act-kcard:focus-within,
html.tc-charte .act-kanban-col[data-current],
html.tc-charte .act-kanban-col[data-over],
html.tc-charte .act-premium-card:hover,
html.tc-charte .act-level[data-current] {
  box-shadow: none;
  border-color: transparent;
}
/*# sourceMappingURL=app.css.map */