.lomeva-tut {
  position: relative;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  overflow-x: clip;
  /* scroll-margin-top: style.css (Header + Infobar + Luft) */
  background: #fff;
  border-radius: 0;
  --tut-entry-blur: 0px;
  touch-action: pan-y pinch-zoom;
}

/* Entry softness is a viewport-sized overlay (::after). Never filter
   .film-viewport or .stage-world — that rasterizes the 5100×3300 CSS 3D tree. */
.lomeva-tut.is-entry .film-viewport {
  isolation: isolate;
}

.lomeva-tut.is-sharp .film-viewport {
  filter: none;
}

.lomeva-tut__bay {
  position: relative;
  overflow: hidden;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  padding: 1.8rem clamp(1.25rem, 4vw, 3.2rem) 2.4rem;
}

.lomeva-tut__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.6rem;
  align-items: start;
}

.lomeva-tut__copy {
  text-align: left;
  max-width: 32rem;
}

.lomeva-tut__copy .lomeva-tut__kicker {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #4d8da1;
}

.lomeva-tut__step {
  display: none !important;
}

.lomeva-tut__copy h2 {
  margin-top: 0.45rem;
  font-size: clamp(1.75rem, 3.2vw, 2.45rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #020617;
  line-height: 1.12;
}

.lomeva-tut__rule {
  width: 2.75rem;
  height: 2px;
  margin: 1.05rem 0 0;
  border-radius: 2px;
  background: linear-gradient(90deg, #4d8da1 0%, #6ba3b5 100%);
  opacity: 0.95;
}

.lomeva-tut__copyblock {
  min-height: 12.5rem;
  margin-top: 1.05rem;
}

.lomeva-tut__copyblock #lomeva-tut-lead {
  margin: 0;
  font-size: clamp(1.12rem, 1.55vw, 1.28rem);
  line-height: 1.68;
  color: #334155;
  max-width: 34rem;
}

.lomeva-tut__copyblock #lomeva-tut-lead .cin-line {
  display: inline;
  max-width: none;
}

.lomeva-tut__copy .word {
  display: inline-block;
  will-change: transform, opacity;
}

.lomeva-tut__hint {
  margin-top: 0.85rem;
  font-size: clamp(0.98rem, 1.2vw, 1.08rem);
  line-height: 1.6;
  color: #64748b;
  max-width: 34rem;
}

.lomeva-tut__hint[hidden] {
  display: none;
}

.film-viewport {
  --film-void: #020306;
  --film-void-mid: #06101a;
  --film-bg: var(--film-void);
  --film-bg-deep: #010204;
  --film-bg-mid: var(--film-void-mid);
  --film-env: #0b1824;
  --film-atmos: rgba(107, 163, 181, 0.18);
  --film-atmos-deep: rgba(78, 124, 156, 0.2);
  --film-atmos-soft: rgba(255, 255, 255, 0.055);
  --lit-x: 38%;
  --lit-y: 36%;
  --light: #6ba3b5;
  --light-core: rgba(107, 163, 181, 0.52);
  --light-spill: rgba(107, 163, 181, 0.3);
  --light-wash: rgba(107, 163, 181, 0.18);
  --light-edge: rgba(226, 242, 246, 0.38);
  --led: rgba(186, 226, 234, 0.96);
  --led-soft: rgba(107, 163, 181, 0.48);
  --led-spill: 0 0 22px rgba(107, 163, 181, 0.42), 0 0 48px rgba(107, 163, 181, 0.18);
  --cool-secondary: rgba(86, 128, 168, 0.2);
  --surf-fill: rgba(14, 22, 32, 0.92);
  --surf-fill-soft: rgba(11, 18, 28, 0.74);
  --surf-active: rgba(22, 34, 44, 0.96);
  --surf-inner:
    linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, transparent 36px),
    linear-gradient(165deg, rgba(107, 163, 181, 0.22) 0%, transparent 48%);
  --surf-rim: inset 0 1px 0 var(--light-edge);
  --surf-depth: 0 40px 100px rgba(0, 0, 0, 0.64);
  --surf-spill: 0 0 130px var(--light-spill);
  --film-surface: rgba(16, 24, 34, 0.82);
  --film-surface-solid: #15202a;
  --film-surface-elevated: rgba(24, 34, 44, 0.76);
  --film-glass: rgba(255, 255, 255, 0.055);
  --film-glass-2: rgba(255, 255, 255, 0.09);
  --film-line: rgba(255, 255, 255, 0.08);
  --film-line-strong: rgba(255, 255, 255, 0.14);
  --film-highlight: rgba(255, 255, 255, 0.14);
  --film-text: #f1f6f8;
  --film-text-dim: #7e8c94;
  --film-text-mute: #5c686f;
  --film-signal: #6ba3b5;
  --film-signal-bright: #8ec4d2;
  --film-signal-soft: rgba(107, 163, 181, 0.2);
  --film-signal-line: rgba(107, 163, 181, 0.55);
  --film-signal-glow: rgba(107, 163, 181, 0.32);
  --film-accent: var(--film-signal);
  --film-accent-soft: var(--film-signal-soft);
  --film-accent-line: var(--film-signal-line);
  --film-ok: #7a9e88;
  --film-danger: #b85a56;
  --film-shadow: none;
  --film-mat:
    linear-gradient(180deg, var(--film-highlight) 0%, transparent 20%),
    var(--film-surface);
  --film-mat-plane:
    linear-gradient(168deg, var(--film-atmos-soft) 0%, transparent 38%),
    rgba(10, 14, 18, 0.36);
  position: relative;
  width: 100%;
  min-width: 0;
  height: min(42rem, 70vh);
  min-height: 26rem;
  border-radius: 0;
  overflow: hidden;
  perspective: 1800px;
  perspective-origin: 50% 42%;
  --tut-world-s: 1;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-variant-numeric: lining-nums tabular-nums;
  -webkit-font-smoothing: antialiased;
  background:
    radial-gradient(ellipse at var(--lit-x, 38%) var(--lit-y, 32%), rgba(107, 163, 181, 0.4), transparent 40%),
    radial-gradient(ellipse at 76% 16%, var(--cool-secondary), transparent 44%),
    radial-gradient(ellipse at 62% 58%, var(--film-atmos), transparent 52%),
    var(--film-void);
  box-shadow: none;
  color: var(--film-text);
}

.film-viewport::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 6;
  pointer-events: none;
  opacity: 0;
  background: transparent;
  filter: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.lomeva-tut.is-entry .film-viewport::after {
  opacity: clamp(0.12, calc(var(--tut-entry-blur) / 6px), 0.55);
  background: rgba(6, 16, 26, 0.42);
  filter: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

@media (hover: hover) and (pointer: fine) {
  .lomeva-tut.is-entry .film-viewport::after {
    opacity: 1;
    background: rgba(6, 16, 26, 0.12);
    backdrop-filter: blur(var(--tut-entry-blur));
    -webkit-backdrop-filter: blur(var(--tut-entry-blur));
  }
}

@media (pointer: coarse), (hover: none), (max-width: 767px) {
  .lomeva-tut.is-entry .film-viewport::after {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    filter: none;
  }
}

.lomeva-tut.is-sharp .film-viewport::after {
  opacity: 0;
  background: transparent;
  filter: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.lomeva-tut__webgl,
.lomeva-tut__pixi,
.lomeva-tut__eye,
.film-lottie {
  display: none;
}

.stage-world {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(5100px * var(--tut-world-s, 1));
  height: calc(3300px * var(--tut-world-s, 1));
  transform-style: preserve-3d;
  transform-origin: 0 0;
  will-change: transform;
  pointer-events: none;
  --lit-x: 38%;
  --lit-y: 36%;
  background:
    radial-gradient(ellipse at var(--lit-x) var(--lit-y), rgba(107, 163, 181, 0.26), transparent 40%),
    radial-gradient(ellipse at 78% 18%, rgba(86, 128, 168, 0.16), transparent 46%),
    #06101a;
}

.stage-space {
  position: absolute;
  left: 0;
  top: 0;
  width: 5100px;
  height: 3300px;
  transform: none;
  transform-style: preserve-3d;
  transform-origin: 0 0;
  pointer-events: none;
}

.stage-world[data-cin-focus="call"] { --lit-x: 16%; --lit-y: 28%; }
.stage-world[data-cin-focus="table"] { --lit-x: 38%; --lit-y: 52%; }
.stage-world[data-cin-focus="calendar"] { --lit-x: 64%; --lit-y: 46%; }
.stage-world[data-cin-focus="rxdetail"] { --lit-x: 34%; --lit-y: 68%; }
.stage-world.is-wide { --lit-x: 32%; --lit-y: 48%; }
.stage-world.is-system { --lit-x: 36%; --lit-y: 46%; }
.stage-world.is-end { --lit-x: 38%; --lit-y: 46%; }

/* Phase 47 — retired duplicate layers. One source of truth per object.
   Live objects: .req-event, [data-iface=calendar], [data-iface=table],
   [data-iface=rxdetail], .sys-hero, .film-end. */
.stage-world .iface--request,
.stage-world .iface--calreq,
.stage-world .iface--rx,
.stage-world .iface--done,
.stage-world .iface--phone,
.stage-world .data-stack--inbox,
.stage-world .data-stack--call,
.stage-world .hero-extract,
.stage-world .hero-extract--rx,
.stage-world .hero-metrics,
.stage-world .ops-shell,
.stage-world .app-canvas__bar,
.stage-world .obj--stack {
  display: none;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  content-visibility: hidden;
}

/* Calendar / table / rx are opacity 0 until GSAP arms them.
   Do not paint the previous-generation software world on first frame. */
.iface--calendar,
.iface--table,
.iface--rxdetail {
  opacity: 0;
}

/* Hide the 3D world until compose() has armed the opening shot.
   ENTERING is the composer-build gap (~1s on slow devices) that used to
   paint the retired 4920×2920 ops plane as turquoise bars. */
.film-viewport:not([data-cin-state="PLAYING"]):not([data-cin-state="PAUSED"]):not([data-cin-state="REPLAYING"]):not([data-cin-state="COMPLETED"]) .stage-world {
  visibility: hidden;
  pointer-events: none;
}

/* Giant atmosphere planes are off until later shots explicitly opt in.
   Default-visible was the first-frame / refresh flash. */
.stage-world .app-plane--world,
.stage-world .app-plane--ops,
.stage-world .app-canvas,
.stage-world .app-depth,
.stage-world .req-event__monitor {
  display: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.stage-world.is-atmos .app-plane--world,
.stage-world.is-atmos .app-plane--ops,
.stage-world.is-atmos .app-canvas,
.stage-world.is-atmos .app-depth {
  display: block;
  opacity: 1;
  visibility: visible;
}

.env-volume {
  position: absolute;
  left: 160px;
  top: 600px;
  width: 5000px;
  height: 3000px;
  transform: translateZ(-90px);
  pointer-events: none;
  border-radius: 12px;
  background:
    radial-gradient(ellipse at 32% 38%, rgba(107, 163, 181, 0.4), transparent 44%),
    radial-gradient(ellipse at 80% 20%, rgba(86, 128, 168, 0.22), transparent 48%),
    radial-gradient(ellipse at 62% 48%, rgba(61, 115, 135, 0.24), transparent 52%);
  filter: blur(6px);
  opacity: 0.7;
}

.stage-world.is-wide .env-volume {
  opacity: 0.94;
  background:
    radial-gradient(ellipse at 36% 42%, rgba(107, 163, 181, 0.5), transparent 48%),
    radial-gradient(ellipse at 72% 28%, rgba(86, 128, 168, 0.28), transparent 52%),
    radial-gradient(ellipse at 58% 62%, rgba(61, 115, 135, 0.3), transparent 56%);
}

.stage-world.is-end .env-volume {
  display: none;
  opacity: 0;
  visibility: hidden;
}

/* End software: same flat field as the opening. The left planes read as a black bar and a turquoise bar. */
.stage-world.is-system .app-plane--world,
.stage-world.is-system .app-plane--ops,
.stage-world.is-system .app-plane__frame,
.stage-world.is-system .app-plane__glow,
.stage-world.is-system .app-canvas,
.stage-world.is-system .app-depth,
.stage-world.is-system .env-volume,
.stage-world.is-system .surf-atmos,
.stage-world.is-system .ops-bars,
.stage-world.is-end .app-canvas,
.stage-world.is-end .app-depth,
.stage-world.is-end .ops-bars {
  display: none;
  opacity: 0;
  visibility: hidden;
  background: none;
  box-shadow: none;
  border: 0;
}

.film-viewport:has(.stage-world.is-system),
.film-viewport:has(.stage-world.is-end),
.stage-world.is-system,
.stage-world.is-end {
  background: #06101a;
}

/* Phone: same desktop choreography, world pre-scaled so 5100×3300 is never
   composited at full size. No fewer animations — only cheaper raster size. */
@media (pointer: coarse), (hover: none), (max-width: 767px) {
  .stage-world {
    width: calc(5100px * var(--tut-world-s, 1));
    height: calc(3300px * var(--tut-world-s, 1));
    overflow: visible;
    contain: layout style;
    transform-style: flat;
    will-change: transform;
    backface-visibility: hidden;
    transform-origin: 0 0;
  }
  .film-viewport.is-phone-film .iface,
  .film-viewport.is-phone-film .req-event,
  .film-viewport.is-phone-film .cal-block,
  .film-viewport.is-phone-film .pro-table tr {
    will-change: auto !important;
  }
  .stage-space {
    width: 5100px;
    height: 3300px;
    zoom: normal !important;
    transform: scale(var(--tut-world-s, 1));
    transform-style: flat;
    will-change: auto;
    transform-origin: 0 0;
    contain: style;
  }
  .film-viewport,
  .film-viewport.is-phone-film {
    overflow: hidden;
    transform-style: flat;
    perspective: none;
    contain: paint;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    zoom: normal !important;
    touch-action: pan-y pinch-zoom;
    width: 100%;
    height: min(19.25rem, 42dvh) !important;
    min-height: 16rem !important;
    max-height: 21.5rem;
    border-radius: 12px;
    isolation: isolate;
    transform: translate3d(0, 0, 0);
  }
  .film-viewport.is-page-zoom,
  .film-viewport.is-phone-film.is-page-zoom {
    transform: none;
    contain: none;
    perspective: none !important;
  }
  .film-viewport.is-page-zoom .stage-world {
    display: block;
    transform-style: flat;
    will-change: auto;
    backface-visibility: visible;
  }
  .film-viewport.is-phone-film .cal-slot,
  .film-viewport.is-phone-film .cal-slot__stage,
  .film-viewport.is-phone-film .cal-slot__flip {
    perspective: none !important;
    transform-style: flat !important;
    transform: none !important;
  }
  .film-viewport.is-phone-film .cal-slot__face {
    backface-visibility: visible !important;
    -webkit-backface-visibility: visible !important;
    transform: none !important;
  }
  .film-viewport.is-phone-film .cal-slot__face--back {
    transform: none !important;
    opacity: 0;
    z-index: 1;
  }
  .film-viewport.is-phone-film .cal-slot.is-flipped .cal-slot__face--front {
    opacity: 0;
  }
  .film-viewport.is-phone-film .cal-slot.is-flipped .cal-slot__face--back {
    opacity: 1;
    z-index: 2;
  }
  .iface,
  .req-event,
  .req-app,
  .hero-extract,
  .cal-block,
  .cal-col,
  .pro-table tbody tr {
    will-change: auto;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .lomeva-tut__copy .word,
  .cin-line,
  .cin-word {
    will-change: auto;
  }
  [data-depth] {
    translate: none;
  }
  .iface--calendar,
  .iface--table,
  .iface--rxdetail,
  .iface.is-focus,
  .req-event,
  .req-app {
    box-shadow: none;
  }
  .stage-world.is-atmos .app-plane--world,
  .stage-world.is-atmos .app-plane--ops,
  .stage-world.is-atmos .app-canvas,
  .stage-world.is-atmos .app-depth,
  .stage-world .env-volume,
  .stage-world.is-wide .env-volume,
  .stage-world.is-alive .env-volume,
  .stage-world .app-plane--world,
  .stage-world .app-plane--ops,
  .stage-world .app-depth--far,
  .stage-world .app-depth--mid,
  .stage-world .app-canvas,
  .stage-world .surf-atmos {
    display: none !important;
    filter: none;
    transform: none;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    background: none;
    content-visibility: hidden;
    pointer-events: none;
  }

  .film-viewport.is-phone-film .iface--table,
  .film-viewport.is-phone-film .iface--rxdetail,
  .film-viewport.is-phone-film .req-app {
    transform: none;
    --plane-z: 0px;
    --plane-ry: 0;
    --plane-rx: 0;
  }
  .film-viewport.is-phone-film .iface--calendar,
  .film-viewport.is-phone-film .req-event {
    --plane-z: 0px;
    --plane-ry: 0;
    --plane-rx: 0;
  }
  .film-viewport.is-phone-film .req-event,
  .film-viewport.is-phone-film .req-event.is-lit,
  .film-viewport.is-phone-film .req-event.is-settled,
  .film-viewport.is-phone-film .req-event.is-signaling,
  .film-viewport.is-phone-film .iface,
  .film-viewport.is-phone-film .iface.is-focus,
  .film-viewport.is-phone-film .iface.is-geom {
    box-shadow: none !important;
    filter: none !important;
  }
  .film-viewport.is-phone-film .req-event {
    overflow: visible;
  }
  .film-viewport.is-phone-film .film-mouse {
    display: none !important;
  }
  .film-viewport.is-phone-film .req-event__id,
  .film-viewport.is-phone-film .req-event__cell,
  .film-viewport.is-phone-film .req-event__ask,
  .film-viewport.is-phone-film .req-event__wait,
  .film-viewport.is-phone-film .req-event__privacy,
  .film-viewport.is-phone-film .req-event__meta {
    overflow: visible;
    white-space: nowrap;
    line-height: 1.15;
    text-overflow: clip;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  .film-viewport.is-phone-film .iface.is-focus::after,
  .film-viewport.is-phone-film .req-event.is-lit::after,
  .film-viewport.is-phone-film .row-morph.is-lit::after {
    display: none;
  }
  .film-viewport.is-phone-film .req-app__bar,
  .film-viewport.is-phone-film .req-app__nav,
  .film-viewport.is-phone-film .req-app__tools,
  .film-viewport.is-phone-film .req-app__meta {
    flex-wrap: nowrap;
  }
  .film-viewport.is-phone-film .req-app__brand,
  .film-viewport.is-phone-film .req-app__nav i,
  .film-viewport.is-phone-film .req-app__practice,
  .film-viewport.is-phone-film .req-app__meta,
  .film-viewport.is-phone-film .req-app__meta span,
  .film-viewport.is-phone-film .req-app__meta em {
    white-space: nowrap;
    flex-shrink: 0;
  }
  .film-viewport.is-phone-film .req-app__brand {
    font-size: 18px !important;
  }
  .film-viewport.is-phone-film .req-app__nav {
    gap: 8px;
    margin-left: 10px;
  }

  .film-viewport.is-phone-film .req-app__nav i {
    font-size: 12px !important;
  }

  .film-viewport.is-phone-film .req-app__ticker b {
    font-size: 14px !important;
  }

  .film-viewport.is-phone-film .req-home__card header b,
  .film-viewport.is-phone-film .req-home__card p {
    font-size: 15px !important;
  }

  .film-viewport.is-phone-film .req-home__card header em,
  .film-viewport.is-phone-film .req-home__days {
    font-size: 12px !important;
  }
  .film-viewport.is-phone-film .req-app__meta {
    font-size: 13px !important;
    letter-spacing: 0.04em;
  }
  .film-viewport.is-phone-film .req-app__practice {
    font-size: 13px !important;
  }

  .film-viewport.is-phone-film .req-peek__row {
    font-size: 16px !important;
  }

  .film-viewport.is-phone-film .req-peek__row em {
    font-size: 14px !important;
  }

  .film-viewport.is-phone-film .req-peek__days b {
    font-size: 13px !important;
  }

  .film-viewport.is-phone-film .req-peek__block {
    font-size: 12px !important;
    box-shadow: none;
    filter: none;
  }

  .film-viewport.is-phone-film .req-peek__block b {
    font-size: 14px !important;
  }
  .film-viewport.is-phone-film .iface .appbar strong,
  .film-viewport.is-phone-film .iface .appbar b {
    font-size: 22px !important;
  }
  .film-viewport.is-phone-film .iface .appbar em,
  .film-viewport.is-phone-film .cal-app__nav,
  .film-viewport.is-phone-film .cal-app__modes {
    font-size: 14px !important;
  }
  .film-viewport.is-phone-film .cal-app__days b,
  .film-viewport.is-phone-film .cal-app__gutter,
  .film-viewport.is-phone-film .cal-app__gutter span {
    font-size: 26px !important;
  }
  .film-viewport.is-phone-film .cal-block,
  .film-viewport.is-phone-film .cal-block b {
    font-size: 22px !important;
  }
  .film-viewport.is-phone-film .cal-block,
  .film-viewport.is-phone-film .cal-slot,
  .film-viewport.is-phone-film .cal-col {
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  .film-viewport.is-phone-film .cal-block {
    background-image: none;
    background-color: rgba(44, 64, 80, 0.94);
  }
  .film-viewport.is-phone-film .iface--calendar.is-reforming .cal-block {
    border-radius: 2px;
  }
  .film-viewport.is-phone-film .iface--calendar.is-reforming .cal-app__days b {
    letter-spacing: normal;
  }
  .film-viewport.is-phone-film .cal-slot__wish b,
  .film-viewport.is-phone-film .cal-slot__placed b,
  .film-viewport.is-phone-film .cal-slot__when,
  .film-viewport.is-phone-film .cal-slot__free {
    font-size: 22px !important;
  }
  .film-viewport.is-phone-film .pro-table {
    font-size: 22px !important;
    width: calc(100% - 16px);
    margin: 0 8px 10px;
  }
  .film-viewport.is-phone-film .pro-table th,
  .film-viewport.is-phone-film .pro-table td {
    font-size: 22px !important;
    padding: 10px 12px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0 !important;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  .film-viewport.is-phone-film .pro-table th {
    font-size: 16px !important;
    letter-spacing: 0.04em !important;
  }
  .film-viewport.is-phone-film .pro-table tbody tr:nth-child(9),
  .film-viewport.is-phone-film .pro-table tbody tr:nth-child(n + 11) {
    display: none !important;
  }
  .film-viewport.is-phone-film .iface--table.is-app .pro-table,
  .film-viewport.is-phone-film .iface--table.is-app .pro-table td {
    font-size: 28px !important;
  }
  .film-viewport.is-phone-film .iface--table.is-app .pro-table th {
    font-size: 18px !important;
  }
  .film-viewport.is-phone-film .iface--rxdetail .sheet thead {
    display: none !important;
  }
  .film-viewport.is-phone-film .cal-block,
  .film-viewport.is-phone-film .cal-block b,
  .film-viewport.is-phone-film .cal-app__days b,
  .film-viewport.is-phone-film .cal-app__gutter span,
  .film-viewport.is-phone-film .sheet td,
  .film-viewport.is-phone-film .sheet th {
    overflow: visible;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  .film-viewport.is-phone-film .sheet,
  .film-viewport.is-phone-film .sheet th,
  .film-viewport.is-phone-film .sheet td,
  .film-viewport.is-phone-film .request__meta,
  .film-viewport.is-phone-film .request__id-region strong,
  .film-viewport.is-phone-film .iface--rxdetail .appbar strong {
    font-size: 24px !important;
  }
  .film-viewport.is-phone-film .sheet td {
    padding: 8px 14px !important;
    overflow: hidden;
  }
  .film-viewport.is-phone-film .iface--rxdetail .request__id-region b,
  .film-viewport.is-phone-film .iface--rxdetail .request__id-region {
    font-size: 28px !important;
  }
  .film-viewport.is-phone-film .iface--rxdetail .request__meta-region p {
    font-size: 13px !important;
    letter-spacing: 0.08em;
    margin: 0 0 4px;
  }
  .film-viewport.is-phone-film .iface--rxdetail .request__meta-region b {
    font-size: 20px !important;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }
}

.surf-atmos {
  position: absolute;
  pointer-events: none;
  border-radius: 28px;
  filter: blur(18px);
  opacity: 0.18;
  transform: translateZ(-4px);
  background: radial-gradient(ellipse at 36% 40%, var(--light-core), transparent 64%);
}

.surf-atmos[data-atmos="call"] {
  left: -40px;
  top: 140px;
  width: 1320px;
  height: 1060px;
}

.surf-atmos[data-atmos="table"] {
  left: 380px;
  top: 800px;
  width: 3040px;
  height: 2560px;
}

.surf-atmos[data-atmos="calendar"] {
  left: 1620px;
  top: 760px;
  width: 2680px;
  height: 1880px;
}

.surf-atmos[data-atmos="rxdetail"] {
  left: 560px;
  top: 1360px;
  width: 2400px;
  height: 980px;
}

.surf-atmos[data-atmos="ops"] {
  left: 240px;
  top: 680px;
  width: 4700px;
  height: 2760px;
  opacity: 0.3;
  filter: blur(22px);
  background:
    radial-gradient(ellipse at 32% 36%, var(--light-core), transparent 58%),
    radial-gradient(ellipse at 68% 48%, rgba(61, 115, 135, 0.2), transparent 62%);
}

.stage-world[data-cin-focus="call"] .surf-atmos[data-atmos="call"],
.stage-world[data-cin-focus="table"] .surf-atmos[data-atmos="table"],
.stage-world[data-cin-focus="calendar"] .surf-atmos[data-atmos="calendar"],
.stage-world[data-cin-focus="rxdetail"] .surf-atmos[data-atmos="rxdetail"] {
  opacity: 0.88;
}

.stage-world[data-cin-focus="table"] .surf-atmos[data-atmos="table"] {
  background: radial-gradient(ellipse at 34% 38%, rgba(107, 163, 181, 0.55), transparent 62%);
}

.stage-world[data-cin-focus="calendar"] .surf-atmos[data-atmos="calendar"] {
  background:
    radial-gradient(ellipse at 62% 42%, rgba(107, 163, 181, 0.34), transparent 58%),
    radial-gradient(ellipse at 28% 30%, rgba(86, 128, 168, 0.28), transparent 64%);
}

.stage-world[data-cin-focus="rxdetail"] .surf-atmos[data-atmos="rxdetail"] {
  background: radial-gradient(ellipse at 40% 58%, rgba(107, 163, 181, 0.5), transparent 60%);
}

.stage-world.is-wide .surf-atmos[data-atmos="table"],
.stage-world.is-wide .surf-atmos[data-atmos="calendar"],
.stage-world.is-wide .surf-atmos[data-atmos="rxdetail"] {
  opacity: 0.74;
}

.stage-world.is-wide .surf-atmos[data-atmos="ops"] {
  opacity: 0.7;
}

.stage-world.is-end .surf-atmos[data-atmos="table"],
.stage-world.is-end .surf-atmos[data-atmos="calendar"],
.stage-world.is-end .surf-atmos[data-atmos="rxdetail"] {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.stage-world.is-end .surf-atmos[data-atmos="ops"] {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.stage-world.is-wide .surf-atmos[data-atmos="call"] {
  opacity: 0.12;
}

.app-canvas {
  position: absolute;
  inset: -80px;
  transform: translateZ(-120px);
  pointer-events: none;
}

.app-canvas__wash {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at var(--lit-x, 38%) var(--lit-y, 40%), rgba(107, 163, 181, 0.28), transparent 34%),
    radial-gradient(ellipse at 78% 16%, rgba(86, 128, 168, 0.16), transparent 42%),
    radial-gradient(ellipse at 58% 52%, var(--film-atmos), transparent 48%),
    #06101a;
}

.app-canvas__grid {
  display: none;
}

.app-plane {
  position: absolute;
  background: var(--surf-inner), var(--surf-fill-soft);
  border: 1px solid rgba(255, 255, 255, 0.045);
  box-shadow: var(--surf-rim);
  pointer-events: none;
  overflow: hidden;
}

.app-plane__glow {
  position: absolute;
  inset: -22%;
  background: radial-gradient(ellipse at 36% 34%, var(--light-core), transparent 56%);
  pointer-events: none;
  opacity: 0.7;
}

.app-plane__frame {
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(255, 255, 255, 0.045);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  pointer-events: none;
}

.app-plane__rows {
  position: absolute;
  left: 72px;
  right: 72px;
  top: 96px;
  bottom: 72px;
  opacity: 0.38;
  background-image: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent 47px,
    rgba(255, 255, 255, 0.05) 47px,
    rgba(255, 255, 255, 0.05) 48px
  );
  pointer-events: none;
}

.app-plane__band {
  position: absolute;
  left: 72px;
  top: 1180px;
  width: 68%;
  height: 52px;
  background: linear-gradient(90deg, rgba(107, 163, 181, 0.07), transparent 82%);
  pointer-events: none;
}

.app-depth {
  position: absolute;
  pointer-events: none;
  opacity: 0.14;
  background-image:
    repeating-linear-gradient(
      to bottom,
      transparent 0,
      transparent 31px,
      rgba(255, 255, 255, 0.035) 31px,
      rgba(255, 255, 255, 0.035) 32px
    );
}

.app-depth--far {
  left: 180px;
  top: 420px;
  width: 4600px;
  height: 2600px;
  transform: translateZ(-220px);
}

.app-depth--mid {
  left: 980px;
  top: 160px;
  width: 2800px;
  height: 900px;
  transform: translateZ(-90px);
  opacity: 0.1;
}

.app-plane--world {
  left: -240px;
  top: -120px;
  width: 5600px;
  height: 3560px;
  transform: translateZ(-18px);
  border-radius: 28px;
  border: 0;
  background:
    radial-gradient(ellipse at var(--lit-x, 40%) var(--lit-y, 42%), rgba(107, 163, 181, 0.16), transparent 46%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, transparent 40px),
    rgba(7, 12, 18, 0.78);
  box-shadow: none;
}

.app-plane--ops {
  left: 180px;
  top: 640px;
  width: 4920px;
  height: 2920px;
  transform: translateZ(-48px);
  border-radius: 6px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, transparent 48px),
    var(--surf-inner),
    radial-gradient(ellipse at 30% 34%, rgba(107, 163, 181, 0.28), transparent 48%),
    radial-gradient(ellipse at 78% 18%, rgba(86, 128, 168, 0.16), transparent 44%),
    radial-gradient(ellipse at 62% 58%, rgba(61, 115, 135, 0.14), transparent 52%),
    rgba(8, 15, 23, 0.97);
  border: 1px solid rgba(226, 242, 246, 0.1);
  box-shadow:
    inset 0 1px 0 rgba(226, 242, 246, 0.12),
    var(--surf-rim),
    0 48px 130px rgba(0, 0, 0, 0.56),
    0 0 200px rgba(107, 163, 181, 0.2);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.ops-shell {
  position: absolute;
  inset: 20px 24px 24px;
  pointer-events: none;
}

.backplane__nav {
  display: flex;
  gap: 28px;
  margin-top: 10px;
  color: var(--film-text-mute);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.backplane__nav b {
  margin-left: 8px;
  font-size: 12px;
  letter-spacing: -0.02em;
  color: var(--film-text-dim);
  text-transform: none;
}

.backplane__lattice {
  position: absolute;
  left: 0;
  right: 0;
  top: 88px;
  bottom: 24px;
  opacity: 0.5;
  background-image:
    repeating-linear-gradient(
      to bottom,
      transparent 0,
      transparent 43px,
      rgba(226, 242, 246, 0.12) 43px,
      rgba(226, 242, 246, 0.12) 44px
    ),
    repeating-linear-gradient(
      to right,
      transparent 0,
      transparent 318px,
      rgba(107, 163, 181, 0.08) 318px,
      rgba(107, 163, 181, 0.08) 319px
    );
}

.backplane__inbox {
  position: absolute;
  left: 8px;
  top: 280px;
  width: 54%;
  opacity: 0.22;
}

.backplane__time {
  position: absolute;
  right: 12px;
  top: 120px;
  width: 38%;
  height: 62%;
  opacity: 0.22;
  border-left: 1px solid rgba(255, 255, 255, 0.05);
  padding-left: 22px;
}

.backplane__days {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  height: 36px;
  color: var(--film-text-mute);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.backplane__hours {
  position: absolute;
  left: 22px;
  top: 48px;
  bottom: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: var(--film-text-mute);
  font-size: 9px;
  letter-spacing: 0.08em;
}

.backplane__time::after {
  content: "";
  position: absolute;
  left: 72px;
  right: 8px;
  top: 48px;
  bottom: 8px;
  background-image:
    repeating-linear-gradient(
      to bottom,
      transparent 0,
      transparent calc(12.5% - 1px),
      rgba(255, 255, 255, 0.06) calc(12.5% - 1px),
      rgba(255, 255, 255, 0.06) 12.5%
    ),
    repeating-linear-gradient(
      to right,
      transparent 0,
      transparent calc(20% - 1px),
      rgba(255, 255, 255, 0.045) calc(20% - 1px),
      rgba(255, 255, 255, 0.045) 20%
    );
}

.backplane__field {
  position: absolute;
  left: 8px;
  right: 42%;
  top: 880px;
  bottom: 28px;
  opacity: 0.26;
}

.stage-world.is-wide .backplane__lattice {
  opacity: 0.58;
}

.stage-world.is-wide .backplane__inbox,
.stage-world.is-wide .backplane__field {
  opacity: 0.46;
}

.stage-world.is-wide .backplane__time {
  opacity: 0.8;
  border-left-color: rgba(107, 163, 181, 0.2);
}

.stage-world.is-wide .backplane__days {
  color: var(--film-text-dim);
}

.stage-world.is-end .backplane__lattice {
  opacity: 0.36;
}

.stage-world.is-end .backplane__inbox,
.stage-world.is-end .backplane__time,
.stage-world.is-end .backplane__field {
  opacity: 0.32;
}

.ops-shell__chrome {
  display: flex;
  align-items: baseline;
  gap: 18px;
  height: 36px;
  color: var(--film-text-mute);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.ops-shell__chrome b {
  color: var(--film-text);
  font-size: 13px;
  letter-spacing: 0.18em;
}

.ops-shell__chrome em {
  margin-left: auto;
  font-style: normal;
  font-weight: 600;
  color: var(--film-text-dim);
}

.hero-search {
  --sweep: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 26px;
  min-width: 220px;
  max-width: 340px;
  padding: 0 12px;
  border-radius: 99px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(90deg, rgba(107, 163, 181, 0.22), transparent 55%) 0 0 / calc(var(--sweep) * 100%) 100% no-repeat,
    rgba(255, 255, 255, 0.03);
  opacity: 0.18;
  letter-spacing: 0.1em;
}

.ops-shell__chrome .hero-search {
  margin-left: 18px;
}

.hero-search i {
  width: 8px;
  height: 8px;
  border: 1px solid rgba(107, 163, 181, 0.55);
  border-radius: 99px;
  flex: none;
}

.hero-search span {
  flex: 1;
  font-size: 9px;
  font-weight: 700;
  color: var(--film-text-mute);
}

.hero-search__cursor {
  width: 1px;
  height: 11px;
  background: var(--film-signal);
  opacity: 0;
  flex: none;
}

.hero-search.is-on {
  opacity: 1;
  box-shadow: 0 0 28px rgba(107, 163, 181, 0.2);
  border-color: rgba(107, 163, 181, 0.28);
}

.hero-search.is-on .hero-search__cursor {
  animation: cin-cursor 1.05s steps(1) infinite;
}

.hero-metrics {
  position: absolute;
  left: 760px;
  top: 210px;
  display: flex;
  gap: 12px;
  z-index: 1;
  pointer-events: none;
  opacity: 0.12;
}

.hero-metric {
  --sweep: 0;
  min-width: 104px;
  padding: 12px 14px 10px;
  border-radius: 6px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, transparent 18px),
    rgba(12, 16, 21, 0.42);
  box-shadow: inset 0 1px 0 rgba(196, 222, 228, 0.1);
}

.hero-metric b {
  display: block;
  font-size: 22px;
  font-weight: 650;
  letter-spacing: -0.04em;
  color: var(--film-text);
  line-height: 1;
}

.hero-metric span {
  display: block;
  margin-top: 6px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--film-text-mute);
}

.hero-metric::after {
  content: "";
  display: block;
  height: 1px;
  margin-top: 8px;
  background: linear-gradient(90deg, rgba(107, 163, 181, 0.55), transparent);
  transform: scaleX(var(--sweep));
  transform-origin: left center;
}

.hero-metric.is-signal b {
  color: var(--film-signal);
  text-shadow: 0 0 18px rgba(107, 163, 181, 0.35);
}

.backplane__nav .hero-metric {
  min-width: 0;
  padding: 0;
  background: none;
  box-shadow: none;
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.backplane__nav .hero-metric b {
  font-size: 12px;
  margin: 0;
}

.backplane__nav .hero-metric span {
  margin: 0;
}

.backplane__nav .hero-metric::after {
  display: none;
}

.stage-world[data-cin-focus="call"] .hero-metrics,
.stage-world.is-wide .hero-metrics {
  opacity: 0.92;
}

.hero-extract {
  position: absolute;
  left: 760px;
  top: 1180px;
  width: 1760px;
  z-index: 8;
  pointer-events: none;
  opacity: 0;
  transform: translateZ(22px);
  transform-style: preserve-3d;
}

.hero-extract.is-on {
  opacity: 1;
}

.hero-extract--rx {
  left: 700px;
  top: 1420px;
  width: 1680px;
  z-index: 9;
}

.req-system {
  position: absolute;
  left: 520px;
  top: 46px;
  width: 1360px;
  height: 2px;
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  transform: translateZ(10px);
  background: none;
  border: 0;
}

.req-system__bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1.5px;
  background: linear-gradient(90deg, transparent 8%, rgba(186, 226, 234, 0.22) 30%, rgba(186, 226, 234, 0.12) 68%, transparent 92%);
}

.req-system.is-led .req-system__bar {
  background: linear-gradient(90deg, transparent 8%, rgba(186, 226, 234, 0.78) 32%, rgba(142, 196, 210, 0.42) 66%, transparent 92%);
}

.req-event {
  position: absolute;
  left: 880px;
  top: 48px;
  width: 640px;
  height: 304px;
  z-index: 6;
  overflow: visible;
  contain: layout style;
  pointer-events: none;
  opacity: 0;
  transform: translateZ(18px);
  transform-origin: left top;
  border-radius: 2px;
  border: 1px solid rgba(186, 226, 234, 0.38);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, transparent 44px),
    linear-gradient(165deg, rgba(107, 163, 181, 0.12) 0%, transparent 38%),
    radial-gradient(ellipse at 14% 42%, rgba(107, 163, 181, 0.07), transparent 46%),
    rgba(12, 22, 32, 0.94);
  box-shadow:
    inset 0 0 0 0.5px rgba(226, 242, 246, 0.12),
    0 0 8px rgba(107, 163, 181, 0.12),
    0 0 20px rgba(107, 163, 181, 0.05),
    0 6px 16px rgba(0, 0, 0, 0.22);
}

.req-app {
  position: absolute;
  left: 792px;
  top: -36px;
  width: 816px;
  height: 448px;
  z-index: 5;
  pointer-events: none;
  opacity: 0;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid rgba(186, 226, 234, 0.28);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0 44px, transparent 44px),
    rgba(7, 13, 20, 0.92);
  box-shadow:
    inset 0 1px 0 rgba(226, 242, 246, 0.1),
    0 0 0 1px rgba(4, 10, 16, 0.55),
    0 28px 56px rgba(0, 0, 0, 0.4);
  transform: translateZ(12px);
  -webkit-font-smoothing: antialiased;
}

.req-app__bar {
  position: relative;
  z-index: 2;
  height: 44px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(226, 242, 246, 0.12);
}

.req-app__brand {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.045em;
  color: #f3f8fa;
}

.req-app__nav {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: 16px;
}

.req-app__nav i {
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #8a9aa2;
}

.req-app__nav i.is-on {
  color: #e8f2f5;
  box-shadow: inset 0 -1.5px 0 rgba(186, 226, 234, 0.82);
}

.req-app__tools {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 13px;
  color: #dce6ea;
}

.req-app__practice {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: #c5d4da;
}

.req-app__note {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: #d5e0e4;
}

.req-app__bell {
  display: block;
  width: 16px;
  height: 16px;
}

.req-app__note.is-alert .req-app__bell {
  color: #e8f2f5;
}

.req-app__badge {
  position: absolute;
  top: -5px;
  right: -6px;
  z-index: 2;
  min-width: 14px;
  height: 14px;
  padding: 0 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #e24b4b;
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
  box-shadow:
    0 0 0 1.5px rgba(8, 14, 22, 0.96),
    0 2px 8px rgba(226, 75, 75, 0.5);
  transform-origin: center;
}

.req-app__user {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border: 1px solid rgba(226, 242, 246, 0.52);
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 36%, #e8f0f3 2.2px, transparent 2.6px),
    radial-gradient(circle at 50% 78%, #e8f0f3 5.4px, transparent 5.8px);
}

.req-app__gear {
  display: block;
  width: 16px;
  height: 16px;
  color: #dce6ea;
}

.req-app__meta {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 16px;
  height: 28px;
  padding: 0 18px;
  border-bottom: 1px solid rgba(226, 242, 246, 0.06);
  font-size: 10px;
  font-weight: 650;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #7e8c94;
}

.req-app__meta em {
  margin-left: auto;
  font-style: normal;
  color: #c5d4da;
}

.req-app__ticker {
  position: absolute;
  inset: 0;
  overflow: hidden;
  opacity: 0;
  display: flex;
  align-items: center;
  color: #e7f3f6;
  pointer-events: none;
}

.req-app__ticker-track {
  display: flex;
  width: max-content;
  align-items: center;
  gap: 4rem;
  padding-left: 42%;
  font-style: normal;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0.01em;
  text-transform: none;
  white-space: nowrap;
}

.req-app__ticker.is-run .req-app__ticker-track {
  animation: reqTickerRun 11s linear infinite;
}

@keyframes reqTickerRun {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.req-app__well {
  position: absolute;
  left: 0;
  right: 0;
  top: 72px;
  bottom: 0;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.025) 0%, transparent 56px),
    rgba(5, 10, 16, 0.42);
}

.req-app__stage,
.req-app__pane {
  position: absolute;
  inset: 0;
}

.req-peek {
  height: 100%;
}

.req-peek--list {
  display: flex;
  flex-direction: column;
  padding: 2px 14px 0;
}

.req-peek__row {
  display: grid;
  grid-template-columns: 72px 1.15fr 0.85fr;
  align-items: center;
  gap: 10px;
  flex: 1 1 0;
  min-height: 0;
  border-bottom: 1px solid rgba(226, 242, 246, 0.08);
  font-size: 13px;
  line-height: 1.2;
  color: #e4eef2;
  white-space: nowrap;
}

.req-peek__row em {
  font-style: normal;
  font-size: 11px;
  letter-spacing: 0.04em;
  color: #8a9aa2;
}

.req-peek__row b {
  font-weight: 600;
  letter-spacing: -0.01em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.req-peek__row span {
  color: #b7c6cc;
  overflow: hidden;
  text-overflow: ellipsis;
}

.req-peek--cal {
  display: grid;
  grid-template-rows: 22px 1fr;
  gap: 6px;
  padding: 4px 8px 6px;
}

.req-peek__days {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: end;
}

.req-peek__days b {
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #9aadb4;
}

.req-peek__days .is-today {
  color: var(--film-signal-bright);
}

.req-peek__cols {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 5px;
  min-height: 0;
}

.req-peek__col {
  position: relative;
  min-height: 0;
  background: rgba(255, 255, 255, 0.02);
  border-left: 1px solid rgba(226, 242, 246, 0.08);
}

.req-peek__col.is-today {
  background: rgba(107, 163, 181, 0.1);
}

.req-peek__block {
  position: absolute;
  left: 3px;
  right: 3px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1px;
  padding: 3px 5px;
  overflow: hidden;
  border-radius: 2px;
  border-left: 2px solid rgba(186, 226, 234, 0.72);
  background: rgba(44, 64, 80, 0.94);
  font-style: normal;
  font-size: 10px;
  line-height: 1.15;
  color: #e4eef2;
  white-space: nowrap;
}

.req-peek__block b {
  font-weight: 700;
  letter-spacing: 0.02em;
}

.req-peek__block span {
  overflow: hidden;
  text-overflow: ellipsis;
  color: #f3f8fa;
}

.req-peek__block.is-mark {
  border-left-color: var(--film-signal-bright);
  background: rgba(107, 163, 181, 0.24);
  color: var(--film-signal-bright);
}

.req-peek__block.is-mark span {
  color: var(--film-signal-bright);
}

.req-home {
  display: grid;
  grid-template-columns: 1.45fr 0.9fr;
  gap: 8px;
  height: 100%;
  padding: 10px 12px 12px;
}

.req-home__side {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 8px;
  min-height: 0;
  min-width: 0;
}

.req-home__card {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 10px 8px;
  border: 1px solid rgba(226, 242, 246, 0.12);
  border-radius: 2px;
  background: rgba(44, 64, 80, 0.42);
  color: #e4eef2;
}

.req-home__card--main p {
  flex: 1 1 0;
  display: flex;
  align-items: center;
}

.req-home__card header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
}

.req-home__card header b {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.req-home__card header em,
.req-home__card p span,
.req-home__days {
  font-style: normal;
  font-size: 10px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #8a9aa2;
}

.req-home__card p {
  margin: 0;
  font-size: 12px;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.req-home__card p span {
  display: inline-block;
  width: 42px;
  text-transform: none;
  letter-spacing: 0;
}

.req-home__days {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  text-align: center;
}

.req-home__days .is-today,
.req-home__card p.is-mark {
  color: var(--film-signal-bright);
}

.req-home__card--cal {
  gap: 6px;
}

.req-home__cal {
  position: relative;
  flex: 1 1 0;
  min-height: 0;
}

.req-home__cal i {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1px;
  padding: 2px 6px;
  overflow: hidden;
  border-radius: 2px;
  border-left: 2px solid rgba(186, 226, 234, 0.88);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, transparent 46%),
    rgba(44, 64, 80, 0.94);
  font-style: normal;
  font-size: 10px;
  line-height: 1.1;
  color: #e4eef2;
  white-space: nowrap;
}

.req-home__cal b {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.req-home__cal span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.req-home__cal i.is-mark {
  border-left-color: var(--film-signal-bright);
  background: rgba(107, 163, 181, 0.24);
  color: var(--film-signal-bright);
}

.req-home__cal i.is-mark b,
.req-home__cal i.is-mark span {
  color: var(--film-signal-bright);
}

.req-home__card.is-lit,
.req-app__pane.is-return .req-home__card {
  border-color: rgba(142, 196, 210, 0.85);
  background: rgba(107, 163, 181, 0.2);
}

.stage-world.is-end .req-app,
.stage-world:has(.req-event.is-retired) .req-app,
.stage-world:has(.req-app.is-on) .req-system {
  opacity: 0;
  visibility: hidden;
}

.req-event__monitor {
  position: absolute;
  inset: -26px;
  z-index: 0;
  pointer-events: none;
  border-radius: 2px;
  border: 1px solid rgba(186, 226, 234, 0.74);
  background: none;
  box-shadow:
    0 0 5px rgba(186, 226, 234, 0.16),
    0 0 12px rgba(107, 163, 181, 0.05);
  opacity: 0;
  clip-path: inset(0% 0% 99.55% 0%);
}

/* Opening: one #06101a field. Hide 3D planes that split the sky or draw rails. */
.film-viewport:has(.req-event.is-on:not(.is-docked):not(.is-retired)) {
  background: #06101a;
}

.stage-world:has(.req-event.is-on:not(.is-docked):not(.is-retired)) {
  background: transparent;
}

.stage-world:has(.req-event.is-on:not(.is-docked):not(.is-retired)) .app-plane--ops,
.stage-world:has(.req-event.is-on:not(.is-docked):not(.is-retired)) .app-plane--ops .app-plane__glow,
.stage-world:has(.req-event.is-on:not(.is-docked):not(.is-retired)) .app-plane__frame,
.stage-world:has(.req-event.is-on:not(.is-docked):not(.is-retired)) .app-plane--world,
.stage-world:has(.req-event.is-on:not(.is-docked):not(.is-retired)) .app-plane--world .app-plane__glow,
.stage-world:has(.req-event.is-on:not(.is-docked):not(.is-retired)) .req-event__monitor,
.stage-world:has(.req-event.is-on:not(.is-docked):not(.is-retired)) .app-canvas,
.stage-world:has(.req-event.is-on:not(.is-docked):not(.is-retired)) .app-canvas__wash,
.stage-world:has(.req-event.is-on:not(.is-docked):not(.is-retired)) .app-depth {
  display: none;
  opacity: 0;
  visibility: hidden;
  box-shadow: none;
  border: 0;
  background: none;
}

.req-event::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 44px;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, transparent 100%);
  border-bottom: 1px solid rgba(226, 242, 246, 0.1);
}

.req-event.is-lit {
  border-color: rgba(186, 226, 234, 0.58);
  box-shadow:
    inset 0 0 0 0.5px rgba(232, 246, 248, 0.18),
    0 0 10px rgba(107, 163, 181, 0.16),
    0 0 22px rgba(107, 163, 181, 0.07),
    0 8px 20px rgba(0, 0, 0, 0.26);
}

.req-event.is-settled {
  border-color: rgba(186, 226, 234, 0.5);
  box-shadow:
    inset 0 0 0 0.5px rgba(232, 246, 248, 0.14),
    0 0 8px rgba(107, 163, 181, 0.13),
    0 0 18px rgba(107, 163, 181, 0.05),
    0 6px 16px rgba(0, 0, 0, 0.22);
}

.req-event.is-open {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.11) 0%, transparent 44px),
    linear-gradient(165deg, rgba(107, 163, 181, 0.13) 0%, transparent 36%),
    rgba(13, 23, 33, 0.95);
}

.req-event.is-signaling::before {
  background: linear-gradient(180deg, rgba(186, 226, 234, 0.08) 0%, transparent 100%);
  border-bottom-color: rgba(186, 226, 234, 0.16);
}

#lomeva-desk-host {
  position: relative;
}

.film-mouse {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 80;
  width: 24px;
  height: 24px;
  opacity: 0;
  pointer-events: none;
  transform-origin: 1px 1px;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.4));
  will-change: transform, opacity, left, top;
}

.film-mouse svg {
  display: block;
}

.film-cue {
  position: absolute;
  left: 620px;
  top: 1400px;
  z-index: 7;
  width: 56px;
  height: 14px;
  opacity: 0;
  pointer-events: none;
  transform-origin: right center;
  filter: drop-shadow(0 0 6px rgba(186, 226, 234, 0.18));
  will-change: transform, opacity;
}

.film-cue__shaft {
  position: absolute;
  left: 0;
  top: 6px;
  width: 44px;
  height: 1px;
  transform-origin: left center;
  background: linear-gradient(90deg, transparent 0%, rgba(186, 226, 234, 0.28) 18%, rgba(226, 242, 246, 0.78) 100%);
}

.film-cue__head {
  position: absolute;
  right: 0;
  top: 2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent rgba(226, 242, 246, 0.82);
}

.req-event__line {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  transform-origin: left center;
  background: linear-gradient(90deg, #e8f6f8 0%, rgba(142, 196, 210, 0.62) 28%, rgba(107, 163, 181, 0.18) 72%, transparent);
  box-shadow: 0 0 6px rgba(186, 226, 234, 0.22);
}

.req-event__arch {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.req-event__rail {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  transform-origin: top center;
  background: linear-gradient(180deg, rgba(232, 246, 248, 0.95), rgba(186, 226, 234, 0.55) 26%, rgba(107, 163, 181, 0.1));
  box-shadow: 0 0 5px rgba(186, 226, 234, 0.28);
}

.req-event__rule {
  position: absolute;
  left: 20px;
  width: calc(100% - 40px);
  height: 1px;
  transform-origin: left center;
  background: linear-gradient(90deg, rgba(226, 242, 246, 0.28), rgba(255, 255, 255, 0.08) 42%, rgba(255, 255, 255, 0.04) 100%);
}

.req-event__rule:nth-child(2) { top: 44px; }
.req-event__rule:nth-child(3) { top: 164px; }
.req-event__rule:nth-child(n+4) { display: none; }

.req-event__wash {
  display: none;
}

.req-event__signal {
  position: absolute;
  top: 0;
  left: 28px;
  right: 28px;
  height: 44px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  pointer-events: none;
}

.req-event__brand {
  display: flex;
  align-items: center;
  gap: 8px;
}

.req-event__pulse {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #bae2ea;
  box-shadow: 0 0 6px rgba(186, 226, 234, 0.4);
  transform-origin: center;
}

.req-event__kicker {
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--film-text-mute);
  white-space: nowrap;
}

.req-event__id,
.req-event__cell {
  position: absolute;
  left: 48px;
  right: 48px;
  color: var(--film-text);
  white-space: nowrap;
  text-align: center;
}

.req-event__id {
  top: 56px;
  font-size: 30px;
  font-weight: 720;
  letter-spacing: -0.03em;
  color: #f7fbfd;
}

@media (pointer: coarse), (hover: none), (max-width: 767px) {
  .film-viewport.is-phone-film .req-event,
  .film-viewport.is-phone-film .req-event.is-open,
  .film-viewport.is-phone-film .req-event.is-lit,
  .film-viewport.is-phone-film .req-event.is-settled {
    overflow: visible;
  }
  .film-viewport.is-phone-film strong.req-event__id,
  .film-viewport.is-phone-film .req-event.is-open .req-event__id,
  .film-viewport.is-phone-film .req-event.is-lit .req-event__id,
  .film-viewport.is-phone-film .req-event__id {
    top: 40px !important;
    height: auto !important;
    max-height: none !important;
    font-size: 28px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    overflow: visible !important;
    z-index: 4;
  }
  .film-viewport.is-phone-film .req-event.is-open .req-event__cell[data-req-cell="name"],
  .film-viewport.is-phone-film .req-event__cell[data-req-cell="name"] {
    top: 76px !important;
    height: auto !important;
    z-index: 5;
  }
  .film-viewport.is-phone-film .req-event.is-open .req-event__cell[data-req-cell="kind"],
  .film-viewport.is-phone-film .req-event__cell[data-req-cell="kind"] {
    top: 110px !important;
    height: auto !important;
    z-index: 4;
  }
  .film-viewport.is-phone-film .req-event.is-open .req-event__meta,
  .film-viewport.is-phone-film .req-event__meta {
    top: 146px !important;
    height: auto !important;
    max-height: none !important;
    z-index: 3;
  }
  .film-viewport.is-phone-film .req-event.is-open .req-event__ask,
  .film-viewport.is-phone-film .req-event__ask {
    top: 184px !important;
    height: auto !important;
    max-height: none !important;
    line-height: 1.2 !important;
    z-index: 3;
  }
  .film-viewport.is-phone-film .req-event.is-open .req-event__wait,
  .film-viewport.is-phone-film .req-event__wait {
    top: 214px !important;
    height: auto !important;
  }
  .film-viewport.is-phone-film .req-event__wait-label {
    font-size: 16px !important;
  }
  .film-viewport.is-phone-film .req-event.is-open .req-event__privacy,
  .film-viewport.is-phone-film .req-event__privacy {
    top: 242px !important;
    height: auto !important;
    line-height: 1.2 !important;
    font-size: 14px !important;
  }
  .film-viewport.is-phone-film .req-event__cell[data-req-cell="name"] strong {
    font-size: 24px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }
  .film-viewport.is-phone-film .req-event__cell[data-req-cell="kind"] strong,
  .film-viewport.is-phone-film .req-event__cell[data-req-cell="kind"].is-kind-focus strong {
    font-size: 21px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }
  .film-viewport.is-phone-film .req-event__ask {
    font-size: 16px !important;
    letter-spacing: 0.1em !important;
    font-weight: 700 !important;
  }
  .film-viewport.is-phone-film .req-event__meta span,
  .film-viewport.is-phone-film .req-event__meta b {
    font-size: 16px !important;
    font-weight: 600 !important;
  }
  .film-viewport.is-phone-film .req-event.is-docked .req-event__id {
    top: 18px !important;
    height: auto !important;
    max-height: none !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }
  .film-viewport.is-phone-film .req-event.is-docked .req-event__cell[data-req-cell="kind"] {
    left: 168px !important;
    top: 20px !important;
    height: auto !important;
  }
}

.req-event__meta {
  position: absolute;
  left: 48px;
  right: 48px;
  top: 176px;
  bottom: auto;
  display: flex;
  gap: 0;
  align-items: baseline;
  justify-content: center;
}

.req-event__meta span {
  display: flex;
  gap: 0;
  min-width: 0;
}

.req-event__meta em {
  display: none;
}

.req-event__meta b {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #c5d4da;
}

.req-event__meta span + span b::before {
  content: "·";
  display: inline-block;
  margin: 0 0.7em;
  opacity: 0.4;
  font-weight: 500;
}

.req-event__meta .is-signal b {
  color: var(--film-signal-bright);
}

.req-event.is-open .req-event__meta {
  top: 176px;
  left: 48px;
  right: 48px;
  width: auto;
  flex-direction: row;
  justify-content: center;
  gap: 0;
}

.req-event.is-open .req-event__meta span + span {
  padding-top: 0;
  border-top: 0;
}

.req-event__note {
  display: none;
}

.req-event.is-open .req-event__note {
  display: none;
}

.req-event__cell {
  font-size: 20px;
  font-weight: 650;
}

.req-event__cell em {
  display: none;
}

.req-event__cell[data-req-cell="name"] strong {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #f4fafb;
}

.req-event__cell[data-req-cell="name"] { top: 96px; }
.req-event__cell[data-req-cell="kanal"],
.req-event.is-open .req-event__cell[data-req-cell="kanal"],
.req-event__cell[data-req-cell="slot"],
.req-event__cell[data-req-cell="status"] {
  display: none;
}
.req-event__cell[data-req-cell="kind"] { top: 132px; }
.req-event__cell[data-req-cell="kind"] strong {
  font-size: 18px;
  font-weight: 650;
  color: #e8f2f5;
}
.req-event__ask {
  position: absolute;
  left: 48px;
  right: 48px;
  top: 202px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #d6eef2;
}
.req-event__wait {
  position: absolute;
  left: 48px;
  right: 48px;
  top: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  pointer-events: none;
}
.req-event__wait-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #9aadb4;
}
.req-event__dots {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  min-width: 16px;
  height: 8px;
}
.req-event__dots i {
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #c5d4da;
  opacity: 0.16;
}
.req-event__dots.is-run i:nth-child(1) {
  animation: req-dot-cycle 1.5s ease-in-out infinite;
}
.req-event__dots.is-run i:nth-child(2) {
  animation: req-dot-cycle 1.5s ease-in-out 0.22s infinite;
}
.req-event__dots.is-run i:nth-child(3) {
  animation: req-dot-cycle 1.5s ease-in-out 0.44s infinite;
}
@keyframes req-dot-cycle {
  0%, 12% { opacity: 0.14; }
  28%, 62% { opacity: 0.62; }
  82%, 100% { opacity: 0.14; }
}
.req-event__privacy {
  position: absolute;
  left: 48px;
  right: 48px;
  top: 260px;
  margin: 0;
  text-align: center;
  font-size: 10px;
  font-weight: 550;
  letter-spacing: 0.08em;
  color: #6f8188;
}
.req-event__meta [data-req-meta="status"] b {
  color: #d6eef2;
}

.req-event__meta [data-req-meta="status"].is-hot b {
  color: #e8f6f8;
}

.req-event.is-on {
  visibility: visible;
}

.req-event:not(.is-on),
.req-event.is-retired {
  visibility: hidden;
  pointer-events: none;
  box-shadow: none;
  background: none;
}

.req-event:not(.is-on)::before,
.req-event:not(.is-on)::after,
.req-event.is-retired::before,
.req-event.is-retired::after {
  content: none;
  opacity: 0;
  box-shadow: none;
}

.req-event.is-docked,
.req-event.is-docked.is-quiet,
.req-event.is-docked.is-result {
  overflow: visible;
  background: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
}

.req-event.is-forming {
  background: none;
  box-shadow: none;
  border-radius: 0;
}

.req-event.is-forming::before,
.req-event.is-forming::after {
  opacity: 0;
  box-shadow: none;
}

.req-event.is-docked::before,
.req-event.is-docked::after,
.req-event.is-docked .req-event__arch,
.req-event.is-docked .req-event__monitor,
.req-event.is-docked .req-event__rail,
.req-event.is-docked .req-event__meta,
.req-event.is-docked .req-event__note,
.req-event.is-docked .req-event__wash,
.req-event.is-docked .req-event__rule {
  content: none;
  opacity: 0;
  box-shadow: none;
  background: none;
}

.req-event.is-docked .req-event__line {
  display: block;
  opacity: 0.88;
  background: linear-gradient(90deg, #e8f6f8 0%, rgba(142, 196, 210, 0.9) 28%, rgba(107, 163, 181, 0.28) 72%, transparent);
}

.req-event.is-docked .req-event__cell[data-req-cell="name"],
.req-event.is-docked .req-event__cell[data-req-cell="kanal"] {
  opacity: 0;
}

.req-event.is-docked .req-event__kicker {
  top: 4px;
  opacity: 0.5;
}

.req-event.is-docked .req-event__cell em {
  display: none;
}

.req-event.is-docked .req-event__id {
  top: 18px;
  font-size: 17px;
  font-weight: 650;
  letter-spacing: -0.03em;
  color: #d7e2e6;
}

.req-event.is-docked .req-event__cell[data-req-cell="kind"] {
  left: 168px;
  top: 20px;
}

.req-event.is-docked .req-event__cell[data-req-cell="kind"] strong {
  font-size: 14px;
  font-weight: 500;
  color: #b7c4ca;
}

.req-event.is-docked .req-event__cell[data-req-cell="kind"] strong::before {
  content: "·  ";
  font-weight: 500;
  opacity: 0.65;
}

.req-event.is-docked.is-travel .req-event__cell[data-req-cell="kind"] strong::before {
  content: none;
}

.req-event.is-docked.is-travel .req-event__id,
.req-event.is-docked.is-travel .req-event__cell[data-req-cell="kind"] strong {
  letter-spacing: 0.01em;
}

.req-event.is-docked.is-absorbing .req-event__id,
.req-event.is-docked.is-absorbing .req-event__cell[data-req-cell="kind"],
.req-event.is-docked.is-absorbing .req-event__kicker {
  opacity: 0.28;
}

.req-event.is-docked .req-event__cell[data-req-cell="status"] {
  left: 390px;
  top: 20px;
  opacity: 0.7;
}

.req-event.is-docked .req-event__cell[data-req-cell="status"] strong {
  font-size: 14px;
  font-weight: 500;
}

.req-event.is-docked.is-result .req-event__cell[data-req-cell="slot"] {
  top: 20px;
  left: 520px;
}

.req-event.is-docked.is-result .req-event__cell[data-req-cell="slot"] strong {
  font-size: 13px;
  font-weight: 500;
  color: var(--film-signal-bright);
}

.req-event.is-quiet:not(.is-docked) {
  box-shadow: inset 5px 0 14px -8px rgba(107, 163, 181, 0.3);
  background:
    linear-gradient(
      180deg,
      rgba(107, 163, 181, 0.07) 0%,
      rgba(12, 16, 21, 0.58) 100%
    );
}

.req-event__cell em {
  display: none;
}

.req-event__cell strong {
  display: block;
  font-weight: 600;
}

.req-event__cell.is-status {
  opacity: 0.4;
}

.req-event__cell.is-status.is-hot {
  opacity: 1;
}

.req-event__cell[data-req-cell="kind"] strong {
  color: #eef5f7;
}

.req-event__cell[data-req-cell="kind"].is-kind-focus strong {
  font-size: 30px;
  font-weight: 720;
  letter-spacing: -0.035em;
  color: #f4fcfe;
}

.req-event.is-kind-hero .req-event__cell:not([data-req-cell="kind"]):not(.is-status) strong {
  color: #c5d0d6;
}

.req-event.is-kind-hero .req-event__cell.is-status:not(.is-hot) strong {
  color: #d5e0e5;
}

.req-event__cell.is-status.is-hot strong {
  color: var(--film-signal-bright);
  text-shadow: none;
}

.hero-bar {
  --w: 70%;
  display: grid;
  grid-template-columns: 8.5rem minmax(0, 1fr) 11rem;
  align-items: center;
  gap: 14px;
  height: 52px;
  margin-bottom: 8px;
  padding: 0 22px;
  border-radius: 4px;
  background:
    linear-gradient(90deg, rgba(107, 163, 181, 0.16), rgba(16, 21, 26, 0.72) 42%, rgba(12, 16, 20, 0.46));
  box-shadow:
    0 0 24px rgba(107, 163, 181, 0.12),
    inset 0 1px 0 rgba(196, 222, 228, 0.14);
  transform-origin: left center;
}

.hero-bar i {
  display: block;
  height: 4px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.08);
  transform-origin: left center;
}

.hero-bar i::after {
  content: "";
  display: block;
  width: var(--w);
  height: 100%;
  border-radius: 99px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.28), transparent);
}

.hero-bar span,
.hero-bar b {
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0.04em;
  color: var(--film-text);
}

.hero-bar b {
  text-align: right;
  color: var(--film-text-dim);
}

.hero-bar.is-signal {
  background:
    linear-gradient(90deg, rgba(107, 163, 181, 0.46), rgba(107, 163, 181, 0.12) 38%, rgba(14, 18, 22, 0.5));
  box-shadow:
    0 0 48px rgba(107, 163, 181, 0.32),
    0 14px 36px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(196, 222, 228, 0.22);
}

.hero-bar.is-signal i::after {
  background: linear-gradient(90deg, rgba(107, 163, 181, 0.9), rgba(107, 163, 181, 0.08));
  box-shadow: 0 0 16px rgba(107, 163, 181, 0.4);
}

.hero-bar.is-signal span,
.hero-bar.is-signal b {
  color: #d7eef2;
}

.table-frame {
  height: 1px;
  margin: 0 22px 4px;
  background: linear-gradient(90deg, rgba(107, 163, 181, 0.45), rgba(255, 255, 255, 0.08) 40%, transparent);
  transform-origin: left center;
  transform: scaleX(0);
}

.table-col-rules {
  position: absolute;
  left: 22px;
  right: 22px;
  top: 96px;
  bottom: 18px;
  pointer-events: none;
  z-index: 2;
}

.table-col-rules i {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: linear-gradient(180deg, rgba(226, 242, 246, 0.2), rgba(107, 163, 181, 0.08) 70%, transparent);
  transform-origin: top center;
  transform: scaleY(0);
  opacity: 0;
}

.table-col-rules i:nth-child(1) { left: 18%; }
.table-col-rules i:nth-child(2) { left: 32%; }
.table-col-rules i:nth-child(3) { left: 46%; }
.table-col-rules i:nth-child(4) { left: 64%; }
.table-col-rules i:nth-child(5) { left: 82%; }

.table-row-rules {
  position: absolute;
  left: 22px;
  right: 22px;
  top: 132px;
  bottom: 18px;
  pointer-events: none;
  z-index: 2;
}

.table-row-rules i {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(226, 242, 246, 0.16), rgba(107, 163, 181, 0.08) 62%, transparent);
  transform-origin: left center;
  transform: scaleX(0);
  opacity: 0;
}

.table-row-rules i:nth-child(1) { top: 0%; }
.table-row-rules i:nth-child(2) { top: 8%; }
.table-row-rules i:nth-child(3) { top: 16%; }
.table-row-rules i:nth-child(4) { top: 24%; }
.table-row-rules i:nth-child(5) { top: 32%; }
.table-row-rules i:nth-child(6) { top: 40%; }
.table-row-rules i:nth-child(7) { top: 48%; }
.table-row-rules i:nth-child(8) { top: 56%; }
.table-row-rules i:nth-child(9) { top: 64%; }
.table-row-rules i:nth-child(10) { top: 72%; }
.table-row-rules i:nth-child(11) { top: 80%; }
.table-row-rules i:nth-child(12) { top: 88%; }

.iface--table.is-reorg .pro-table tbody tr:not([data-row-ask]) td {
  color: #66747c;
}

.iface--table.is-reorg .pro-table thead th:nth-child(2),
.iface--table.is-reorg .pro-table thead th:nth-child(3),
.iface--table.is-reorg .pro-table td:nth-child(2),
.iface--table.is-reorg .pro-table td:nth-child(3) {
  opacity: 0.28;
}

.iface--table.is-reorg .pro-table tbody tr[data-row-ask] td {
  background: rgba(107, 163, 181, 0.055);
}

.iface--table.is-reorg .pro-table tbody tr[data-row-ask] td:first-child {
  box-shadow: inset 2px 0 0 rgba(186, 226, 234, 0.55);
}

.iface--table.is-reorg .pro-table tbody tr[data-row-ask] td:nth-child(4),
.iface--table.is-reorg .pro-table tbody tr[data-row-ask] td:nth-child(5),
.iface--table.is-reorg .pro-table tbody tr[data-row-ask] td:nth-child(6) {
  color: #d8e6eb;
}

.cal-app__board {
  position: relative;
}

.cal-arch {
  position: absolute;
  inset: 52px 0 0;
  pointer-events: none;
  z-index: 0;
}

.cal-arch__v,
.cal-arch__h {
  position: absolute;
  background: rgba(107, 163, 181, 0.28);
  box-shadow: 0 0 12px rgba(107, 163, 181, 0.16);
  transform-origin: top left;
  opacity: 0;
}

.cal-arch__v {
  top: 0;
  bottom: 0;
  width: 1px;
  transform: scaleY(0);
}

.cal-arch__h {
  left: 0;
  right: 0;
  height: 1px;
  transform: scaleX(0);
}

.cal-arch__v:nth-child(1) { left: 20%; }
.cal-arch__v:nth-child(2) { left: 40%; }
.cal-arch__v:nth-child(3) { left: 60%; }
.cal-arch__v:nth-child(4) { left: 80%; }
.cal-arch__v:nth-child(5) { left: 100%; }
.cal-arch__h:nth-child(6) { top: 12.5%; }
.cal-arch__h:nth-child(7) { top: 25%; }
.cal-arch__h:nth-child(8) { top: 37.5%; }
.cal-arch__h:nth-child(9) { top: 50%; }
.cal-arch__h:nth-child(10) { top: 62.5%; }
.cal-arch__h:nth-child(11) { top: 75%; }
.cal-arch__h:nth-child(12) { top: 87.5%; }
.cal-arch__h:nth-child(13) { top: 100%; }

.stage-world.is-alive .env-volume,
.stage-world.is-alive .backplane__lattice,
.stage-world.is-alive .hero-search.is-on,
.stage-world.is-alive .pro-table tr.is-focus {
  animation: none;
}

@keyframes hero-breathe {
  0%, 100% { opacity: 0.52; }
  50% { opacity: 0.72; }
}

@keyframes hero-shimmer {
  0%, 100% { opacity: 0.3; }
  50% { opacity: 0.42; }
}

@keyframes hero-search-glow {
  0%, 100% { box-shadow: 0 0 22px rgba(107, 163, 181, 0.16); }
  50% { box-shadow: 0 0 36px rgba(107, 163, 181, 0.28); }
}

@keyframes hero-row-breathe {
  0%, 100% { box-shadow: 0 14px 54px rgba(107, 163, 181, 0.22); }
  50% { box-shadow: 0 16px 64px rgba(107, 163, 181, 0.3); }
}

@keyframes film-sheen {
  0% {
    opacity: 0;
    transform: translate3d(-110%, 0, 0);
  }
  10% {
    opacity: 0.78;
  }
  78% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    transform: translate3d(110%, 0, 0);
  }
}

.ops-metrics {
  position: absolute;
  left: 0;
  top: 860px;
  display: grid;
  grid-template-columns: repeat(4, 240px);
  gap: 32px;
}

.ops-metric em {
  display: block;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--film-text-mute);
}

.ops-metric b {
  display: block;
  margin-top: 4px;
  font-size: 1.7rem;
  font-weight: 650;
  letter-spacing: -0.04em;
  color: var(--film-text);
}

.ops-metric__bar {
  display: block;
  height: 4px;
  margin-top: 10px;
  width: 100%;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 99px;
  overflow: hidden;
}

.ops-metric__bar::after {
  content: "";
  display: block;
  height: 100%;
  width: var(--w, 50%);
  background: linear-gradient(90deg, rgba(107, 163, 181, 0.7), rgba(107, 163, 181, 0.14));
}

.ops-bars {
  position: absolute;
  left: 0;
  top: 1040px;
  display: grid;
  gap: 11px;
  width: 58%;
}

.ops-bars span {
  display: block;
  height: 9px;
  border-radius: 99px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.04));
}

.ops-bars span.is-signal {
  background: linear-gradient(90deg, rgba(107, 163, 181, 0.7), rgba(107, 163, 181, 0.1));
  box-shadow: 0 0 18px rgba(107, 163, 181, 0.28);
}

.data-field {
  display: grid;
  gap: 13px;
  opacity: 0.58;
}

.ops-shell > .data-field {
  position: absolute;
  left: 0;
  right: 8%;
  top: 1280px;
  bottom: 40px;
  opacity: 0.7;
}

.data-field__row {
  display: grid;
  grid-template-columns: 1.4fr 0.8fr 0.55fr;
  gap: 18px;
  align-items: center;
  height: 14px;
}

.data-field__row i {
  display: block;
  height: 8px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.14);
}

.data-field--table {
  position: absolute;
  left: 22px;
  right: 22px;
  top: 640px;
  bottom: 24px;
  opacity: 0.62;
  z-index: 0;
}

.data-field--call {
  position: absolute;
  left: 42%;
  right: 28px;
  top: 72px;
  bottom: 36px;
  opacity: 0.28;
  z-index: 0;
}

.data-stack {
  --enter-x: 0px;
  --enter-y: 0px;
  display: grid;
  gap: 8px;
  pointer-events: none;
  transform: translate3d(var(--enter-x), var(--enter-y), 0);
}

.data-stack__bar {
  display: grid;
  grid-template-columns: 7.4rem minmax(0, 1fr) 9.5rem;
  align-items: center;
  gap: 12px;
  min-height: 34px;
}

.data-stack__bar span {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--film-text-mute);
}

.data-stack__bar i {
  display: block;
  height: 6px;
  width: 100%;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.055);
  overflow: hidden;
  transform-origin: left center;
}

.data-stack__bar i::after {
  content: "";
  display: block;
  height: 100%;
  width: var(--w, 50%);
  border-radius: 99px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.04));
}

.data-stack__bar b {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--film-text-dim);
  text-align: right;
  white-space: nowrap;
}

.data-stack__bar.is-signal span,
.data-stack__bar.is-signal b {
  color: var(--film-signal);
}

.data-stack__bar.is-signal i::after {
  background: linear-gradient(90deg, rgba(107, 163, 181, 0.78), rgba(107, 163, 181, 0.1));
  box-shadow: 0 0 14px rgba(107, 163, 181, 0.28);
}

.data-stack--call {
  position: absolute;
  right: 28px;
  top: 86px;
  width: 40%;
  z-index: 0;
  opacity: 0.4;
}

.data-stack--inbox {
  position: absolute;
  left: 28px;
  right: 36px;
  top: 540px;
  z-index: 0;
  opacity: 0;
  gap: 10px;
  visibility: hidden;
}

.iface--table.is-focus .data-stack--inbox {
  opacity: 0;
  visibility: hidden;
}

.iface--table:has([data-row-wish].is-focus) .data-stack--inbox .data-stack__bar:nth-child(6) span,
.iface--table:has([data-row-wish].is-focus) .data-stack--inbox .data-stack__bar:nth-child(6) b,
.iface--table:has([data-row-rx].is-focus) .data-stack--inbox .data-stack__bar:nth-child(10) span,
.iface--table:has([data-row-rx].is-focus) .data-stack--inbox .data-stack__bar:nth-child(10) b {
  color: var(--film-signal);
}

.iface--table:has([data-row-wish].is-focus) .data-stack--inbox .data-stack__bar:nth-child(6) i::after,
.iface--table:has([data-row-rx].is-focus) .data-stack--inbox .data-stack__bar:nth-child(10) i::after {
  background: linear-gradient(90deg, rgba(107, 163, 181, 0.82), rgba(107, 163, 181, 0.12));
  box-shadow: 0 0 16px rgba(107, 163, 181, 0.32);
}

.obj--stack {
  position: absolute;
  left: 1980px;
  top: 1480px;
  width: 720px;
  z-index: 0;
  pointer-events: none;
  opacity: 0.22;
  --enter-z: -24px;
  transform: translate3d(var(--enter-x), var(--enter-y), var(--enter-z));
}

.stage-world[data-cin-focus="call"] .hero-metrics {
  opacity: 0.92;
}

.stage-world[data-cin-focus="call"] .obj--stack[data-stack="time"] {
  opacity: 0.06;
}

.stage-world[data-cin-focus="calendar"] .obj--stack[data-stack="time"],
.stage-world.is-wide .obj--stack[data-stack="time"] {
  opacity: 0.62;
}

.stage-world.is-wide .data-stack--inbox {
  opacity: 0;
  visibility: hidden;
}

.iface--table.is-focus,
.iface--calendar.is-focus {
  box-shadow:
    var(--surf-rim),
    var(--surf-depth),
    0 0 64px rgba(107, 163, 181, 0.16);
}

.iface--table.is-focus::before,
.iface--calendar.is-focus::before,
.iface--rxdetail.is-focus::before {
  content: "";
  position: absolute;
  left: 0;
  right: 18%;
  top: 0;
  height: 2px;
  z-index: 5;
  pointer-events: none;
  background: linear-gradient(90deg, #e8f6f8, var(--led) 18%, rgba(107, 163, 181, 0.22) 74%, transparent);
  box-shadow: var(--led-spill);
}

.iface--table.is-focus::after,
.iface--calendar.is-focus::after,
.iface--rxdetail.is-focus::after,
.req-event.is-lit::after,
.row-morph.is-lit::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(-110%, 0, 0);
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(226, 242, 246, 0.05) 22%,
    rgba(226, 242, 246, 0.16) 48%,
    rgba(226, 242, 246, 0.05) 74%,
    transparent 100%
  );
  animation: film-sheen 0.92s cubic-bezier(0.22, 0.04, 0.28, 1) 1 both;
  will-change: transform, opacity;
}

.iface--table.is-focus:not(.is-swept)::after,
.iface--calendar.is-focus:not(.is-swept)::after,
.iface--rxdetail.is-focus:not(.is-swept)::after,
.req-event.is-lit:not(.is-swept)::after,
.row-morph.is-lit:not(.is-swept)::after {
  visibility: visible;
}

.iface--table.is-swept::after,
.iface--calendar.is-swept::after,
.iface--rxdetail.is-swept::after,
.req-event.is-swept::after,
.row-morph.is-swept::after {
  animation: none;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(110%, 0, 0);
  will-change: auto;
  background: none;
  box-shadow: none;
  filter: none;
}

.stage-world.is-wide .iface--table,
.stage-world.is-wide .iface--calendar {
  box-shadow:
    inset 0 1px 0 rgba(226, 242, 246, 0.16),
    0 28px 70px rgba(0, 0, 0, 0.34);
}

.stage-world.is-wide .iface--table {
  background:
    repeating-linear-gradient(
      to bottom,
      transparent 0,
      transparent 36px,
      rgba(226, 242, 246, 0.035) 36px,
      rgba(226, 242, 246, 0.035) 37px
    ),
    linear-gradient(180deg, rgba(255, 255, 255, 0.26) 0%, transparent 46px),
    linear-gradient(165deg, rgba(107, 163, 181, 0.26) 0%, transparent 52%),
    rgba(16, 26, 36, 0.95);
}

.stage-world.is-wide .pro-table th {
  color: #c5d2d8;
  background: rgba(8, 14, 20, 0.55);
}

.stage-world.is-wide .pro-table td:nth-child(1) {
  color: #f2f7f9;
}

.stage-world.is-wide .iface--calendar {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, transparent 52px),
    linear-gradient(200deg, rgba(86, 128, 168, 0.2) 0%, transparent 48%),
    linear-gradient(165deg, rgba(107, 163, 181, 0.16) 0%, transparent 44%),
    rgba(14, 24, 34, 0.93);
  box-shadow:
    inset 0 1px 0 rgba(226, 242, 246, 0.16),
    0 28px 70px rgba(0, 0, 0, 0.3);
}

.stage-world.is-wide .iface--calendar .appbar strong,
.stage-world.is-end .iface--calendar .appbar strong {
  color: #f4f8fa;
  opacity: 1;
}

.stage-world.is-wide .cal-app__cols,
.stage-world.is-end .cal-app__cols {
  background-color: rgba(20, 32, 42, 0.42);
  background-image: repeating-linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.035) 0,
    rgba(255, 255, 255, 0.035) calc(12.5% - 1px),
    rgba(226, 242, 246, 0.34) calc(12.5% - 1px),
    rgba(226, 242, 246, 0.34) 12.5%
  );
}

.stage-world.is-wide .cal-col,
.stage-world.is-end .cal-col {
  border-left-color: rgba(226, 242, 246, 0.22);
}

.stage-world.is-wide .cal-app,
.stage-world.is-end .cal-app {
  background: rgba(18, 28, 38, 0.72);
}

.stage-world.is-wide .cal-app__days,
.stage-world.is-end .cal-app__days {
  background: rgba(16, 26, 36, 0.78);
  box-shadow: inset 0 -1px 0 rgba(186, 226, 234, 0.28);
}

.stage-world.is-wide .cal-col:nth-child(1),
.stage-world.is-wide .cal-col:nth-child(2),
.stage-world.is-end .cal-col:nth-child(1),
.stage-world.is-end .cal-col:nth-child(2) {
  background: rgba(107, 163, 181, 0.035);
}

.stage-world.is-wide .cal-app__days b,
.stage-world.is-end .cal-app__days b {
  font-size: 14px;
  color: #eef4f6;
  letter-spacing: 0.08em;
}

.stage-world.is-wide .cal-app__days .is-today,
.stage-world.is-end .cal-app__days .is-today {
  color: #f7fbfd;
}

.stage-world.is-wide .cal-app__gutter span,
.stage-world.is-end .cal-app__gutter span {
  color: #b4c4ca;
  opacity: 0.9;
}

.stage-world.is-wide .cal-arch__v,
.stage-world.is-wide .cal-arch__h,
.stage-world.is-end .cal-arch__v,
.stage-world.is-end .cal-arch__h {
  background: rgba(186, 226, 234, 0.52);
}

.stage-world.is-wide .cal-col[data-thu],
.stage-world.is-end .cal-col[data-thu] {
  background:
    linear-gradient(180deg, rgba(107, 163, 181, 0.16) 0%, rgba(107, 163, 181, 0.05) 28%, rgba(107, 163, 181, 0.04) 100%);
  box-shadow:
    inset 1px 0 0 rgba(186, 226, 234, 0.34),
    inset -1px 0 0 rgba(186, 226, 234, 0.12);
}

.stage-world.is-wide .cal-block,
.stage-world.is-end .cal-block {
  opacity: 0.96;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, transparent 40%),
    rgba(26, 40, 50, 0.9);
  border-left-color: rgba(186, 226, 234, 0.5);
}

.stage-world.is-wide .cal-block span,
.stage-world.is-end .cal-block span {
  color: #eef5f8;
}

.stage-world.is-wide .cal-app__nav,
.stage-world.is-wide .cal-app__modes,
.stage-world.is-end .cal-app__nav,
.stage-world.is-end .cal-app__modes {
  opacity: 0.88;
}

.stage-world.is-wide .iface--calendar .appbar,
.stage-world.is-end .iface--calendar .appbar {
  opacity: 0.92;
}

.stage-world.is-wide .cal-slot,
.stage-world.is-end .cal-slot {
  opacity: 0.82;
  box-shadow: inset 2px 0 0 rgba(186, 226, 234, 0.42);
}

.stage-world.is-wide .iface.iface--rxdetail,
.stage-world.is-wide .iface.iface--rxdetail.is-focus,
.stage-world.is-wide .iface.iface--rxdetail.is-ready {
  background:
    linear-gradient(
      90deg,
      rgba(107, 163, 181, 0.1) 0%,
      rgba(107, 163, 181, 0.03) 20%,
      transparent 72%
    );
  box-shadow:
    inset 2px 0 0 rgba(186, 226, 234, 0.32),
    inset 0 1px 0 rgba(226, 242, 246, 0.08);
  border-radius: 0;
}

.stage-world.is-end .iface.iface--rxdetail,
.stage-world.is-end .iface.iface--rxdetail.is-focus,
.stage-world.is-end .iface.iface--rxdetail.is-ready {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

.stage-world.is-end .rx-spine,
.stage-world.is-end .rx-top-rule,
.stage-world.is-end .req-app,
.stage-world.is-end .req-event,
.stage-world.is-end .req-event__monitor,
.stage-world.is-end .req-event__rail,
.stage-world.is-end .req-event__line,
.stage-world.is-end .table-col-rules,
.stage-world.is-end .cal-arch__v {
  opacity: 0;
  visibility: hidden;
  box-shadow: none;
  background: none;
}

.stage-world.is-end .iface--table.is-app,
.stage-world.is-end .lomeva-app__work {
  box-shadow: none;
}

.film-viewport:has(.film-end[aria-hidden="false"]),
.film-viewport:has(.stage-world.is-end) {
  background: #06101a;
}

.stage-world.is-end {
  background: #06101a;
}

.film-viewport:has(.film-end[aria-hidden="false"]) .rx-spine,
.film-viewport:has(.film-end[aria-hidden="false"]) .req-event__rail,
.film-viewport:has(.film-end[aria-hidden="false"]) .req-app,
.film-viewport:has(.film-end[aria-hidden="false"]) .req-event,
.film-viewport:has(.film-end[aria-hidden="false"]) .app-plane--ops,
.film-viewport:has(.film-end[aria-hidden="false"]) .app-plane--world,
.film-viewport:has(.film-end[aria-hidden="false"]) .app-plane__frame,
.film-viewport:has(.film-end[aria-hidden="false"]) .app-plane__glow,
.film-viewport:has(.film-end[aria-hidden="false"]) .env-volume,
.film-viewport:has(.film-end[aria-hidden="false"]) .surf-atmos,
.film-viewport:has(.film-end[aria-hidden="false"]) .app-canvas,
.film-viewport:has(.film-end[aria-hidden="false"]) .app-canvas__wash,
.film-viewport:has(.film-end[aria-hidden="false"]) .app-depth,
.film-viewport:has(.film-end[aria-hidden="false"]) .iface--table,
.film-viewport:has(.film-end[aria-hidden="false"]) .iface--calendar,
.film-viewport:has(.film-end[aria-hidden="false"]) .iface--rxdetail {
  display: none;
  opacity: 0;
  visibility: hidden;
  box-shadow: none;
  border: 0;
  background: none;
}

.stage-world.is-end .iface--rxdetail .request,
.stage-world.is-end .iface--rxdetail .request__meta,
.stage-world.is-end .iface--rxdetail .request__sheet,
.stage-world.is-end .iface--rxdetail .sheet,
.stage-world.is-end .iface--rxdetail .rx-flow {
  opacity: 0.08;
}

.stage-world.is-wide .iface--rxdetail .appbar,
.stage-world.is-end .iface--rxdetail .appbar {
  display: none;
}

.stage-world.is-wide .iface--rxdetail .request__meta {
  grid-template-columns: 120px 1fr;
  border-bottom-color: rgba(226, 242, 246, 0.08);
}

.stage-world.is-wide .iface--rxdetail .request__id-region,
.stage-world.is-wide .iface--rxdetail .request__meta-region {
  padding: 8px 16px;
}

.stage-world.is-wide .iface--rxdetail .request__id-region b {
  font-size: 16px;
}

.stage-world.is-wide .iface--rxdetail .request__voice,
.stage-world.is-wide .iface--rxdetail .iface-foot {
  display: none;
}

.stage-world.is-wide .iface--rxdetail .sheet,
.stage-world.is-end .iface--rxdetail .sheet {
  border-collapse: collapse;
}

.stage-world.is-wide .iface--rxdetail .sheet td,
.stage-world.is-end .iface--rxdetail .sheet td {
  border-bottom: 1px solid rgba(226, 242, 246, 0.06);
  padding-top: 6px;
  padding-bottom: 6px;
}

.stage-world.is-wide .iface--rxdetail .sheet td:nth-child(2) {
  font-size: 1rem;
}

.stage-world.is-wide .rx-flow,
.stage-world.is-end .rx-flow {
  border-top-color: rgba(226, 242, 246, 0.08);
  background: transparent;
  padding: 10px 22px 14px;
}

.stage-world.is-wide .rx-flow::before,
.stage-world.is-end .rx-flow::before {
  left: 22px;
  box-shadow: none;
  opacity: 0.45;
}

.stage-world.is-wide .rx-flow__node.is-final.is-hot,
.stage-world.is-end .rx-flow__node.is-final.is-hot {
  background: transparent;
  box-shadow: none;
  padding: 4px 0 2px;
}

.stage-world.is-wide .rx-flow__node,
.stage-world.is-end .rx-flow__node {
  opacity: 0.88;
}

.stage-world.is-wide .rx-flow__node.is-hot,
.stage-world.is-end .rx-flow__node.is-hot {
  opacity: 1;
}

.stage-world.is-end .iface--table,
.stage-world.is-end .iface--calendar {
  box-shadow: none;
}

.stage-world.is-end .iface--table {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, transparent 40px),
    rgba(16, 26, 36, 0.28);
}

.stage-world.is-end .pro-table th,
.stage-world.is-end .pro-table td {
  color: #6d7c84;
}

.stage-world.is-end .cal-app__days b,
.stage-world.is-end .cal-block,
.stage-world.is-end .cal-block span,
.stage-world.is-end .cal-block b,
.stage-world.is-end .cal-slot {
  opacity: 0.28;
}

.stage-world.is-end .iface--calendar .appbar,
.stage-world.is-end .cal-app__nav,
.stage-world.is-end .cal-app__modes {
  opacity: 0.22;
}

.stage-world.is-wide .iface--table.is-focus::before {
  opacity: 0.72;
  box-shadow: 0 0 16px rgba(107, 163, 181, 0.2);
}

.stage-world.is-wide .iface--calendar.is-focus::before {
  opacity: 0.34;
  box-shadow: none;
}

.stage-world.is-wide .iface--rxdetail.is-focus::before,
.stage-world.is-end .iface--rxdetail.is-focus::before {
  opacity: 0;
  box-shadow: none;
}

.stage-world.is-end .iface--table.is-focus::before,
.stage-world.is-end .iface--calendar.is-focus::before {
  opacity: 0.28;
  box-shadow: none;
}

.stage-world.is-wide .iface--table.is-focus::after,
.stage-world.is-wide .iface--calendar.is-focus::after,
.stage-world.is-wide .iface--rxdetail.is-focus::after,
.stage-world.is-end .iface--table.is-focus::after,
.stage-world.is-end .iface--calendar.is-focus::after,
.stage-world.is-end .iface--rxdetail.is-focus::after {
  animation: none;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(110%, 0, 0);
  background: none;
}

.stage-world.is-wide .iface--table.is-focus .pro-table tbody tr:not(.is-focus) {
  opacity: 0.82;
}

.stage-world.is-wide .hero-metrics {
  opacity: 0.28;
}

.phone__incoming,
.phone__live {
  z-index: 1;
}

.stage-world.is-wide .data-field,
.stage-world.is-wide .ops-shell > .data-field {
  opacity: 0.88;
}

.stage-world.is-wide .ops-bars span.is-signal {
  box-shadow: 0 0 26px rgba(107, 163, 181, 0.36);
}

.stage-world.is-wide .app-plane--ops {
  background:
    var(--surf-inner),
    radial-gradient(ellipse at 28% 42%, rgba(107, 163, 181, 0.16), transparent 50%),
    radial-gradient(ellipse at 70% 36%, rgba(86, 128, 168, 0.1), transparent 48%),
    rgba(10, 16, 24, 0.96);
  box-shadow:
    inset 0 1px 0 rgba(226, 242, 246, 0.08),
    0 40px 90px rgba(0, 0, 0, 0.4);
}

.stage-world.is-end .app-plane--ops,
.stage-world.is-end .app-plane--ops .app-plane__glow,
.stage-world.is-end .app-plane__frame,
.stage-world.is-end .app-plane__glow,
.stage-world.is-end .env-volume,
.stage-world.is-end .app-plane--world,
.stage-world.is-end .surf-atmos {
  display: none;
  opacity: 0;
  visibility: hidden;
  box-shadow: none;
  border: 0;
  background: none;
}

.stage-world.is-end .ops-bars span.is-signal {
  box-shadow: none;
}

.app-canvas__bar {
  position: absolute;
  left: 72px;
  top: 18px;
  color: rgba(230, 232, 235, 0.16);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.iface {
  position: absolute;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: var(--film-text);
  font-family: Inter, system-ui, sans-serif;
  overflow: hidden;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}

.iface.is-dim {
  opacity: 0.72;
  filter: brightness(0.82) saturate(0.78);
}

.stage-world[data-cin-focus="call"] .iface--request,
.stage-world[data-cin-focus="call"] .iface--done,
.stage-world[data-cin-focus="call"] .iface--rx {
  opacity: 0.05;
}

.stage-world[data-cin-focus="call"] .iface--table {
  opacity: 0.38;
}

.stage-world[data-cin-focus="call"] .iface--calendar,
.stage-world[data-cin-focus="call"] .iface--calreq,
.stage-world[data-cin-focus="call"] .iface--rxdetail {
  opacity: 0.32;
}

.stage-world[data-cin-focus="table"] .iface--phone,
.stage-world[data-cin-focus="table"] .iface--request,
.stage-world[data-cin-focus="table"] .iface--done,
.stage-world[data-cin-focus="table"] .iface--rx,
.stage-world[data-cin-focus="table"] .iface--calreq {
  opacity: 0.07;
}

.stage-world[data-cin-focus="table"] .iface--calendar:not(.is-focus):not(.is-consumed) {
  opacity: 0.9;
}

.stage-world:not(.is-system) .iface--calendar.is-consumed,
.stage-world[data-cin-focus="table"] .iface--calendar.is-consumed {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  content-visibility: hidden;
  contain: strict;
}

.req-event.is-parked {
  visibility: hidden;
  pointer-events: none;
  content-visibility: hidden;
  contain: strict;
}

.iface--rxdetail:not(.is-focus):not(.is-ready):not(.is-originating) {
  content-visibility: hidden;
  contain: strict;
}

.stage-world.is-wide[data-cin-focus="table"] .iface--calendar:not(.is-focus) {
  opacity: 0.92;
}

.stage-world.is-wide.is-rx[data-cin-focus="table"] .iface--rxdetail:not(.is-focus) {
  opacity: 0.96;
}

.stage-world[data-cin-focus="table"] .iface--rxdetail:not(.is-focus) {
  opacity: 0.16;
}

.stage-world.is-rx[data-cin-focus="table"] .iface--rxdetail:not(.is-focus) {
  opacity: 0.7;
}

.stage-world[data-cin-focus="calendar"] .iface--phone,
.stage-world[data-cin-focus="calendar"] .iface--request,
.stage-world[data-cin-focus="calendar"] .iface--done,
.stage-world[data-cin-focus="calendar"] .iface--rx {
  opacity: 0.06;
}

.stage-world[data-cin-focus="calendar"] .iface--table:not(.is-focus) {
  opacity: 0.82;
}

.stage-world[data-cin-focus="calendar"] .iface--table.is-inheriting,
.stage-world[data-cin-focus="calendar"] .iface--table.is-emerging {
  opacity: 1;
}

.stage-world.is-system .iface--calendar.is-consumed,
.stage-world.is-system .iface--calendar.is-consumed.is-focus {
  opacity: 0;
  pointer-events: none;
}

.stage-world.is-system .iface--calendar.is-rejoining {
  opacity: 1;
}

.stage-world[data-cin-focus="calendar"] .iface--rxdetail:not(.is-focus) {
  opacity: 0.22;
}

.stage-world[data-cin-focus="rxdetail"] .iface--phone,
.stage-world[data-cin-focus="rxdetail"] .iface--request,
.stage-world[data-cin-focus="rxdetail"] .iface--done,
.stage-world[data-cin-focus="rxdetail"] .iface--rx,
.stage-world[data-cin-focus="rxdetail"] .iface--calreq {
  opacity: 0.05;
}

.stage-world[data-cin-focus="rxdetail"] .iface--table:not(.is-focus) {
  opacity: 0.62;
}

.stage-world[data-cin-focus="rxdetail"] .iface--calendar:not(.is-focus) {
  opacity: 0.4;
}

.iface--phone {
  left: 48px;
  top: 260px;
  width: 1100px;
  height: 820px;
  opacity: 0;
  pointer-events: none;
  --plane-ry: 0;
  --plane-rx: 0;
  transform: translateZ(12px) rotateY(calc(var(--plane-ry) * 1deg)) rotateX(calc(var(--plane-rx) * 1deg));
  border-radius: 16px;
  background: var(--surf-inner), var(--surf-fill);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: var(--surf-rim), var(--surf-depth), var(--surf-spill);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.iface--request,
.iface--request.is-secondary,
.stage-world[data-cin-focus="call"] .iface--request,
.stage-world[data-cin-focus="table"] .iface--request,
.stage-world[data-cin-focus="calendar"] .iface--request,
.stage-world[data-cin-focus="rxdetail"] .iface--request {
  left: 700px;
  top: 80px;
  width: 1240px;
  height: 980px;
  transform: translateZ(4px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.iface--calendar.is-context {
  box-shadow:
    inset 0 1px 0 rgba(226, 242, 246, 0.08),
    0 16px 40px rgba(0, 0, 0, 0.28);
}

.iface--calendar {
  left: 2140px;
  top: 900px;
  width: 2200px;
  height: 1560px;
  opacity: 0;
  --plane-ry: 0;
  --plane-rx: 0;
  --plane-z: 4px;
  transform: translateZ(var(--plane-z)) rotateY(calc(var(--plane-ry) * 1deg)) rotateX(calc(var(--plane-rx) * 1deg));
  border-radius: 4px;
  contain: layout style;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, transparent 52px),
    linear-gradient(165deg, rgba(107, 163, 181, 0.2) 0%, transparent 46%),
    linear-gradient(200deg, rgba(86, 128, 168, 0.16) 0%, transparent 40%),
    rgba(14, 24, 34, 0.94);
  border: 0;
  box-shadow:
    inset 0 1px 0 rgba(226, 242, 246, 0.22),
    var(--surf-rim),
    0 36px 90px rgba(0, 0, 0, 0.48),
    0 0 72px rgba(107, 163, 181, 0.1);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.iface--calreq {
  left: 4500px;
  top: 1080px;
  width: 420px;
  height: 620px;
  transform: translateZ(6px);
  background: transparent;
}

.iface--rxdetail .request {
  grid-template-columns: 1fr;
  height: auto;
}

.iface--rxdetail .appbar {
  min-height: 40px;
  padding: 8px 28px;
  background: transparent;
  border-bottom: 1px solid rgba(226, 242, 246, 0.08);
}

.iface--rxdetail .request__meta {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 0;
  padding: 0;
  border-right: 0;
  border-bottom: 1px solid rgba(226, 242, 246, 0.08);
  background: transparent;
}

.iface--rxdetail .request__id-region,
.iface--rxdetail .request__meta-region {
  padding: 12px 28px;
}

.iface--rxdetail .request__id-region {
  border-right: 1px solid rgba(226, 242, 246, 0.07);
}

.iface--rxdetail .request__meta-region {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 24px;
  align-content: center;
}

.iface--rxdetail .request__meta-region span {
  display: grid;
  gap: 3px;
}

.iface--rxdetail .request__meta p {
  margin: 0 0 3px;
}

.iface--rxdetail .request__meta b {
  font-size: 14px;
}

.iface--rxdetail .request__id-region b {
  font-size: 22px;
  letter-spacing: -0.04em;
  color: #f4fafb;
}

.iface--rxdetail .request__sheet {
  padding: 10px 28px 4px;
  max-width: none;
}

.iface--rxdetail .request__voice {
  font-size: 12px;
  letter-spacing: 0.02em;
  margin-bottom: 12px;
  opacity: 0.7;
}

.iface--rxdetail .sheet {
  font-size: 15px;
}

.iface--rxdetail .sheet td:first-child {
  width: 11rem;
  color: var(--film-text-mute);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.iface--rxdetail .sheet td:nth-child(2) {
  font-size: 1.35rem;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--film-text);
}

.iface--rxdetail .sheet thead th:nth-child(3),
.iface--rxdetail .sheet td:nth-child(3) {
  width: 0;
  padding: 0;
  overflow: hidden;
  font-size: 0;
  color: transparent;
}

.iface--rxdetail .sheet tr.is-on td {
  background: rgba(255, 255, 255, 0.02);
}

.iface--rxdetail .sheet tbody tr {
  --field-sweep: 0;
  transform: translateZ(0);
}

.iface--rxdetail .sheet tbody tr.is-writing {
  will-change: opacity, transform;
}

.iface--rxdetail .sheet tbody tr.is-writing td {
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(186, 226, 234, 0.16) 46%,
      transparent 100%
    ) calc(var(--field-sweep) * 132% - 16%) 0 / 36% 100% no-repeat,
    rgba(107, 163, 181, calc(0.07 * (1 - var(--field-sweep) * 0.7)));
}

.iface--rxdetail .sheet tbody tr.is-writing td:nth-child(2) {
  color: #f4fcfe;
}

.iface--rxdetail .sheet tbody tr.is-written td {
  background: rgba(255, 255, 255, 0.02);
}

.iface--rxdetail .sheet tbody tr.is-written td:nth-child(2) {
  color: #eef7f9;
}

.iface--rxdetail .request__team.is-writing {
  color: #f2fbfd;
}

.iface--rxdetail .sheet tbody tr:nth-child(1) td {
  background: rgba(107, 163, 181, 0.04);
}

.iface--rxdetail .sheet tr[data-rx-follow].is-hot td {
  box-shadow: inset 3px 0 0 rgba(186, 226, 234, 0.72);
}

.iface--rxdetail .sheet tr[data-rx-follow].is-hot td:nth-child(2) {
  color: #f4fcfe;
}

.iface--rxdetail .sheet tr[data-rx-status-row].is-hot td:nth-child(2) {
  color: var(--film-signal-bright);
}

.iface--rxdetail .request__team {
  margin: 12px 0 6px;
  font-size: 16px;
  font-weight: 650;
  letter-spacing: -0.02em;
  color: #e8f4f7;
}

.iface--rxdetail .iface-foot {
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--film-text-mute);
}

.calreq {
  padding: 28px 8px 20px;
}

.calreq p {
  margin: 18px 0 0;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--film-text-mute);
}

.calreq p:first-child {
  margin-top: 0;
}

.calreq b {
  display: block;
  margin-top: 6px;
  font-size: 1.15rem;
  font-weight: 650;
  letter-spacing: -0.02em;
  color: var(--film-text);
}

.iface--calreq .appbar {
  padding-left: 8px;
}

.iface--calendar.is-reforming {
  z-index: 4;
  background: transparent;
  box-shadow: none;
}

.iface--calendar.is-reforming .cal-app,
.iface--calendar.is-reforming .cal-app__board,
.iface--calendar.is-reforming .cal-app__cols,
.iface--calendar.is-reforming .cal-app__days,
.iface--calendar.is-reforming .cal-app__gutter {
  background: transparent;
  background-image: none;
}

.iface--calendar.is-reforming .cal-col {
  background: transparent;
  border-left-color: rgba(226, 242, 246, 0.28);
}

.iface--calendar.is-reforming .cal-col[data-thu],
.iface--calendar.is-reforming .cal-col.is-hot {
  background: transparent;
}

.iface--calendar.is-reforming .cal-app__days {
  opacity: 1;
}

.iface--calendar.is-reforming .cal-app__days b {
  letter-spacing: 0.04em;
}

.iface--calendar.is-reforming .cal-block {
  border-radius: 0;
  box-shadow: none;
}

.iface--calendar.is-reforming .cal-slot {
  box-shadow: none;
}

.iface--calendar.is-reforming .cal-col {
  border-left-color: rgba(226, 242, 246, 0.22);
}

.iface--calendar.is-consumed,
.iface--calendar.is-consumed.is-focus {
  background: none;
  box-shadow: none;
  border: 0;
}

.iface--calendar.is-consumed::before,
.iface--calendar.is-consumed::after {
  content: none;
  opacity: 0;
}

.iface--table.is-inheriting,
.iface--table.is-continuum {
  z-index: 3;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, transparent 52px),
    linear-gradient(165deg, rgba(107, 163, 181, 0.14) 0%, transparent 46%),
    rgba(14, 24, 34, 0.62);
  box-shadow: inset 0 1px 0 rgba(226, 242, 246, 0.14);
  border-radius: 4px;
}

.iface--table.is-resolved {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, transparent 52px),
    linear-gradient(165deg, rgba(107, 163, 181, 0.2) 0%, transparent 46%),
    linear-gradient(200deg, rgba(86, 128, 168, 0.16) 0%, transparent 40%),
    rgba(14, 24, 34, 0.94);
  box-shadow: inset 0 1px 0 rgba(226, 242, 246, 0.22);
}

.iface--table.is-emerging {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, transparent 44px),
    linear-gradient(165deg, rgba(107, 163, 181, 0.12) 0%, transparent 46%),
    rgba(13, 22, 32, 0.58);
  box-shadow:
    inset 0 1px 0 rgba(226, 242, 246, 0.16),
    0 18px 48px rgba(0, 0, 0, 0.28);
}

.iface--table {
  left: 560px;
  top: 940px;
  width: 2360px;
  height: 2220px;
  opacity: 0;
  --plane-ry: 0;
  --plane-rx: 0;
  --plane-z: 12px;
  transform: translateZ(var(--plane-z)) rotateY(calc(var(--plane-ry) * 1deg)) rotateX(calc(var(--plane-rx) * 1deg));
  border-radius: 4px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, transparent 48px),
    linear-gradient(165deg, rgba(107, 163, 181, 0.18) 0%, transparent 48%),
    linear-gradient(210deg, rgba(86, 128, 168, 0.12) 0%, transparent 42%),
    rgba(13, 22, 32, 0.94);
  border: 0;
  contain: layout style;
  box-shadow:
    inset 0 1px 0 rgba(226, 242, 246, 0.2),
    var(--surf-rim),
    0 32px 80px rgba(0, 0, 0, 0.46),
    0 0 64px rgba(107, 163, 181, 0.1);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.iface--table .appbar {
  position: relative;
  min-height: 34px;
  padding: 5px 22px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), transparent);
  border-bottom: 1px solid rgba(226, 242, 246, 0.07);
}

.iface--table .appbar strong {
  color: #dbe6ea;
}

.lomeva-app__brand,
.lomeva-app__nav,
.lomeva-app__tools,
.lomeva-app__chip,
.lomeva-app__work {
  opacity: 0;
  pointer-events: none;
}

.lomeva-app__brand {
  position: absolute;
  left: 22px;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.04em;
  color: #eef6f8;
}

.lomeva-app__nav {
  position: absolute;
  left: 118px;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  height: 100%;
  gap: 18px;
}

.lomeva-app__nav i {
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #8a9aa2;
}

.lomeva-app__nav i.is-on {
  color: #dbe8ec;
  box-shadow: inset 0 -1px 0 rgba(186, 226, 234, 0.72);
}

.lomeva-app__tools {
  position: absolute;
  right: 18px;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  height: 100%;
  gap: 12px;
  color: #c5d2d8;
}

.lomeva-app__privacy,
.lomeva-app__practice {
  font-size: 10px;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8a9aa2;
}

.lomeva-app__privacy {
  padding: 3px 8px;
  border: 1px solid rgba(226, 242, 246, 0.1);
  border-radius: 2px;
  color: #b7c6cc;
}

.lomeva-app__user {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  border: 1px solid rgba(226, 242, 246, 0.38);
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 36%, #d5e0e4 2px, transparent 2.4px),
    radial-gradient(circle at 50% 78%, #d5e0e4 5px, transparent 5.4px);
}

.lomeva-app__gear {
  display: block;
  width: 14px;
  height: 14px;
  color: #c5d2d8;
}

.list-toolbar {
  position: relative;
}

.lomeva-app__chip {
  position: absolute;
  right: 148px;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 8px;
  border: 1px solid rgba(186, 226, 234, 0.28);
  border-radius: 2px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #d7e6ea;
}

.lomeva-app__work {
  position: absolute;
  top: 76px;
  right: 0;
  bottom: 0;
  z-index: 3;
  width: 38%;
  padding: 20px 24px 20px 28px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, transparent 64px),
    linear-gradient(165deg, rgba(107, 163, 181, 0.08) 0%, transparent 42%),
    rgba(10, 16, 24, 0.42);
  box-shadow: inset 1px 0 0 rgba(226, 242, 246, 0.14);
  transform: translateZ(0);
}

.lomeva-app__caret {
  position: absolute;
  left: 18px;
  top: 28px;
  width: 2px;
  height: 16px;
  opacity: 0;
  background: #bae2ea;
  box-shadow: 0 0 8px rgba(186, 226, 234, 0.35);
}

.lomeva-app__work-head {
  display: flex;
  align-items: baseline;
  gap: 14px;
  min-height: 28px;
  margin: 0 0 18px;
}

.lomeva-app__work-head b {
  font-size: 22px;
  font-weight: 750;
  letter-spacing: -0.04em;
  line-height: 1;
  color: #f4f8fa;
}

.lomeva-app__work-head em {
  font-style: normal;
  font-size: 15px;
  font-weight: 650;
  color: #d7e6ea;
}

.lomeva-app__fields {
  margin: 0;
}

.lomeva-app__row {
  display: grid;
  grid-template-columns: 7.5rem 1fr;
  gap: 10px;
  min-height: 28px;
  padding: 7px 0;
  border-bottom: 1px solid rgba(226, 242, 246, 0.06);
}

.lomeva-app__row dt {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8a9aa2;
}

.lomeva-app__row dd {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #eef4f6;
}

.lomeva-app__row,
.lomeva-app__work-head,
.lomeva-app__legal,
.lomeva-app__ready {
  --field-sweep: 0;
}

.lomeva-app__row.is-lit,
.lomeva-app__work-head.is-lit,
.lomeva-app__legal.is-lit,
.lomeva-app__ready.is-lit {
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(186, 226, 234, 0.12) 48%,
      transparent 100%
    ) calc(var(--field-sweep) * 132% - 16%) 0 / 38% 100% no-repeat,
    rgba(107, 163, 181, calc(0.05 * (1 - var(--field-sweep) * 0.55)));
  box-shadow: none;
}

.lomeva-app__legal,
.lomeva-app__ready {
  margin: 16px 0 0;
  font-size: 13px;
  line-height: 1.35;
}

.lomeva-app__legal {
  color: #8a9aa2;
}

.lomeva-app__ready {
  font-size: 15px;
  font-weight: 650;
  color: #e8f2f4;
}

.lomeva-app__statement {
  margin-top: 22px;
  padding-top: 16px;
  max-width: 34rem;
  box-shadow: inset 0 1px 0 rgba(226, 242, 246, 0.12);
}

.lomeva-app__statement b,
.lomeva-app__statement span {
  display: block;
}

.lomeva-app__statement b {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #eef6f8;
}

.lomeva-app__statement span {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.018em;
  color: #e8f2f5;
  white-space: normal;
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.iface--table.is-app {
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.iface--table.is-app .lomeva-app__brand {
  font-size: 18px;
}

.iface--table.is-app .lomeva-app__nav i {
  font-size: 14px;
}

.iface--table.is-app .lomeva-app__privacy,
.iface--table.is-app .lomeva-app__practice {
  font-size: 12px;
}

.iface--table.is-app .pro-table th {
  font-size: 13px;
  letter-spacing: 0.1em;
}

.iface--table.is-app .pro-table td {
  font-size: 16px;
}

.iface--table.is-app .pro-table td:nth-child(1) {
  font-size: 18px;
}

.iface--table.is-app .pro-table td:nth-child(2),
.iface--table.is-app .pro-table td:nth-child(3) {
  font-size: 15px;
}

.iface--table.is-app .pro-table td:nth-child(4),
.iface--table.is-app .pro-table td:nth-child(5) {
  font-size: 17px;
}

.iface--table.is-app .lomeva-app__work-head b {
  font-size: 26px;
}

.iface--table.is-app .lomeva-app__work-head em {
  font-size: 17px;
}

.iface--table.is-app .lomeva-app__row dt {
  font-size: 12px;
}

.iface--table.is-app .lomeva-app__row dd {
  font-size: 17px;
}

.iface--table.is-app .lomeva-app__legal {
  font-size: 14px;
}

.iface--table.is-app .lomeva-app__ready {
  font-size: 16px;
}

.iface--table.is-app .lomeva-app__statement b {
  font-size: 18px;
}

.iface--table.is-app .lomeva-app__statement {
  max-width: 34rem;
}

.iface--table.is-app .lomeva-app__statement span {
  font-size: 22px;
  line-height: 1.38;
  font-weight: 600;
  letter-spacing: -0.022em;
  color: #eef6f8;
}

.iface--table.is-app .lomeva-app__context span,
.iface--table.is-app .lomeva-app__context b,
.iface--table.is-app .lomeva-app__work-lower span,
.iface--table.is-app .lomeva-app__work-lower b {
  font-size: 14px;
}

.iface--table.is-app .lomeva-app__dock {
  font-size: 12px;
}

.iface--table.is-app .appbar {
  min-height: 48px;
  padding: 8px 22px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(8, 14, 20, 0.2));
  border-bottom: 1px solid rgba(226, 242, 246, 0.1);
}

.iface--table.is-app .list-toolbar {
  background: rgba(8, 14, 20, 0.42);
  border-bottom: 1px solid rgba(226, 242, 246, 0.08);
}

.iface--table.is-app .pro-table {
  width: 52%;
  margin: 0;
  background: rgba(8, 14, 20, 0.18);
}

.iface--table.is-app .pro-table th,
.iface--table.is-app .pro-table td {
  padding: 9px 18px;
}

.iface--table.is-app .pro-table th:nth-child(1),
.iface--table.is-app .pro-table td:nth-child(1) { width: 11rem; }
.iface--table.is-app .pro-table th:nth-child(2),
.iface--table.is-app .pro-table td:nth-child(2) { width: 7rem; }
.iface--table.is-app .pro-table th:nth-child(3),
.iface--table.is-app .pro-table td:nth-child(3) { width: 7rem; }
.iface--table.is-app .pro-table th:nth-child(4),
.iface--table.is-app .pro-table td:nth-child(4) { width: 12rem; }
.iface--table.is-app .pro-table th:nth-child(5),
.iface--table.is-app .pro-table td:nth-child(5) { width: 13rem; }
.iface--table.is-app .pro-table th:nth-child(6),
.iface--table.is-app .pro-table td:nth-child(6) { width: 10.5rem; }

.iface--table.is-app .data-stack--inbox {
  opacity: 0;
  visibility: hidden;
}

.iface--table.is-app .pro-table tbody tr[data-row-rx].is-focus td:first-child {
  font-size: 16px;
}

.iface--table.is-app .pro-table tbody tr[data-row-rx].is-focus td {
  background: rgba(107, 163, 181, 0.1);
}

.iface--table.is-app .pro-table tbody tr[data-row-rx].is-focus td:last-child {
  box-shadow: inset -2px 0 0 rgba(186, 226, 234, 0.7);
}

.lomeva-app__context {
  display: grid;
  grid-template-columns: auto 1fr auto 1fr;
  gap: 6px 12px;
  align-items: baseline;
  margin-top: 22px;
  padding-top: 14px;
  box-shadow: inset 0 1px 0 rgba(226, 242, 246, 0.1);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8a9aa2;
}

.lomeva-app__context b {
  font-size: 12px;
  font-weight: 650;
  letter-spacing: -0.02em;
  text-transform: none;
  color: #d7e6ea;
}

.lomeva-app__dock {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  height: 36px;
  padding: 0 22px;
  opacity: 0;
  pointer-events: none;
  background: rgba(8, 14, 20, 0.62);
  box-shadow: inset 0 1px 0 rgba(226, 242, 246, 0.1);
  font-size: 10px;
  font-weight: 650;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8a9aa2;
}

.iface--table.is-app .lomeva-app__dock {
  opacity: 1;
}

.iface--table.is-app .lomeva-app__work {
  top: 84px;
  bottom: 36px;
  width: 48%;
  display: flex;
  flex-direction: column;
  opacity: 1;
  padding: 18px 36px 18px 26px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, transparent 72px),
    rgba(10, 16, 24, 0.72);
  box-shadow: inset 1px 0 0 rgba(226, 242, 246, 0.16);
}

.lomeva-app__listwell,
.lomeva-app__work-fill,
.lomeva-app__work-lower {
  display: none;
}

.iface--table.is-app .lomeva-app__listwell {
  display: block;
  position: absolute;
  left: 0;
  top: 84px;
  bottom: 36px;
  width: 52%;
  z-index: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(
      to right,
      transparent 0,
      transparent calc(11rem - 1px),
      rgba(226, 242, 246, 0.045) calc(11rem - 1px),
      rgba(226, 242, 246, 0.045) 11rem,
      transparent 11rem,
      transparent calc(18rem - 1px),
      rgba(226, 242, 246, 0.04) calc(18rem - 1px),
      rgba(226, 242, 246, 0.04) 18rem,
      transparent 18rem,
      transparent calc(25rem - 1px),
      rgba(226, 242, 246, 0.04) calc(25rem - 1px),
      rgba(226, 242, 246, 0.04) 25rem,
      transparent 25rem,
      transparent calc(37rem - 1px),
      rgba(226, 242, 246, 0.035) calc(37rem - 1px),
      rgba(226, 242, 246, 0.035) 37rem,
      transparent 37rem,
      transparent calc(50rem - 1px),
      rgba(226, 242, 246, 0.035) calc(50rem - 1px),
      rgba(226, 242, 246, 0.035) 50rem,
      transparent 50rem
    ),
    repeating-linear-gradient(
      to bottom,
      transparent 0,
      transparent 44px,
      rgba(226, 242, 246, 0.05) 44px,
      rgba(226, 242, 246, 0.05) 45px
    );
}

.iface--table.is-app .pro-table {
  position: relative;
  z-index: 1;
}

.iface--table.is-app .lomeva-app__work-fill {
  display: block;
  flex: 1 1 auto;
  min-height: 3.25rem;
  margin-top: 12px;
  background: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent 32px,
    rgba(226, 242, 246, 0.05) 32px,
    rgba(226, 242, 246, 0.05) 33px
  );
  opacity: 0.72;
}

.iface--table.is-app .lomeva-app__work-lower {
  display: none;
}

.iface--table.is-app .row-morph,
.iface--table.is-app .table-frame,
.iface--table.is-app .table-col-rules,
.iface--table.is-app .table-row-rules,
.iface--table.is-app .pro-table__trace {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.stage-world:has(.iface--table.is-app) .iface--rxdetail,
.stage-world:has(.iface--table.is-app) .iface--calendar,
.stage-world:has(.iface--table.is-app) .iface--rx,
.stage-world:has(.iface--table.is-app) .iface--calreq,
.stage-world:has(.iface--table.is-app) .iface--request,
.stage-world:has(.iface--table.is-app) .iface--call,
.stage-world:has(.iface--table.is-app) .film-cue,
.stage-world:has(.iface--table.is-app) .req-event,
.stage-world:has(.iface--table.is-app) .req-system,
.stage-world:has(.iface--table.is-app) .sys-hero {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.lomeva-app__work-lower div {
  display: grid;
  grid-template-columns: 7.5rem 1fr;
  gap: 10px;
  align-items: baseline;
}

.lomeva-app__work-lower span {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8a9aa2;
}

.lomeva-app__work-lower b {
  font-size: 13px;
  font-weight: 650;
  letter-spacing: -0.02em;
  color: #d7e6ea;
}

.row-morph {
  position: absolute;
  z-index: 4;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transform-origin: left top;
  transform: translateZ(0);
  border-radius: 2px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, transparent 48px),
    linear-gradient(
      90deg,
      rgba(107, 163, 181, 0.2) 0%,
      rgba(107, 163, 181, 0.07) 28%,
      rgba(12, 18, 26, 0.78) 100%
    );
  box-shadow:
    inset 0 1px 0 rgba(226, 242, 246, 0.16),
    inset 5px 0 18px -6px rgba(107, 163, 181, 0.55);
}

.row-morph.is-lit {
  box-shadow:
    inset 0 1px 0 rgba(232, 246, 248, 0.2),
    inset 22px 0 36px -18px rgba(107, 163, 181, 0.38);
}

.row-morph.is-open {
  background:
    linear-gradient(115deg, transparent 36%, rgba(226, 242, 246, 0.06) 49%, transparent 62%),
    linear-gradient(
      180deg,
      rgba(107, 163, 181, 0.2) 0%,
      rgba(20, 30, 40, 0.7) 38%,
      rgba(13, 22, 32, 0.28) 100%
    );
  box-shadow:
    inset 0 1px 0 rgba(232, 246, 248, 0.18),
    inset 24px 0 40px -20px rgba(107, 163, 181, 0.34);
}

.row-morph__id,
.row-morph__cell {
  position: absolute;
  top: 10px;
  color: var(--film-text);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.02em;
  white-space: nowrap;
}

.row-morph__id {
  left: 22px;
  font-weight: 700;
  color: #f7fbfd;
}

.row-morph__cell[data-morph="kanal"] { left: 20.5rem; }
.row-morph__cell[data-morph="time"] { left: 12.8rem; }
.row-morph__cell[data-morph="name"] { left: 29rem; }
.row-morph__cell[data-morph="kind"] { left: 42.5rem; }
.row-morph__cell[data-morph="status"] { left: 57rem; }
.row-morph__cell[data-morph="follow"] {
  left: 28px;
  top: 328px;
  opacity: 0;
}

.row-morph__ready {
  position: absolute;
  left: 28px;
  top: 456px;
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #e8f4f6;
  opacity: 0;
}

.row-morph__cell em {
  display: none;
  margin-bottom: 4px;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--film-text-mute);
  opacity: 0;
  transform: translateY(6px);
}

.row-morph.is-open .row-morph__cell em {
  display: block;
}

.row-morph__cell strong {
  display: block;
  font-weight: 600;
}

.row-morph__full {
  display: none;
}

.row-morph.is-open .row-morph__short {
  display: none;
}

.row-morph.is-open .row-morph__full {
  display: block;
}

.row-morph__cell.is-status {
  opacity: 0.35;
}

.row-morph__cell.is-status.is-hot {
  opacity: 1;
}

.row-morph__cell[data-morph="kind"] strong {
  color: #eef5f7;
}

.row-morph__cell.is-status.is-hot strong {
  color: var(--film-signal-bright);
  text-shadow: none;
}

.iface--table.is-extracting {
  background: transparent;
  box-shadow: none;
}

.iface--table.is-extracting .appbar,
.iface--table.is-extracting .list-toolbar,
.iface--table.is-extracting .hero-search--table,
.iface--table.is-extracting .pro-table thead,
.iface--table.is-extracting .table-frame,
.iface--table.is-extracting .table-col-rules,
.iface--table.is-extracting .table-row-rules {
  opacity: 0;
  visibility: hidden;
}

.pro-table tr.is-source,
.pro-table tr.is-source td {
  opacity: 0;
}

.iface--rxdetail,
.iface.iface--rxdetail.is-focus,
.iface.iface--rxdetail.is-ready {
  left: 720px;
  top: 1520px;
  width: 2080px;
  height: 620px;
  --plane-ry: 0;
  --plane-rx: 0;
  --plane-z: 22px;
  transform: translateZ(var(--plane-z)) rotateY(calc(var(--plane-ry) * 1deg)) rotateX(calc(var(--plane-rx) * 1deg));
  border-radius: 0;
  background:
    linear-gradient(
      90deg,
      rgba(107, 163, 181, 0.2) 0%,
      rgba(107, 163, 181, 0.07) 26%,
      rgba(13, 22, 32, 0.42) 100%
    ),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, transparent 44px);
  border: 0;
  box-shadow:
    inset 3px 0 0 rgba(186, 226, 234, 0.9),
    inset 0 1px 0 rgba(226, 242, 246, 0.12);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.rx-spine {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, rgba(186, 226, 234, 0.95), rgba(186, 226, 234, 0.28));
  transform-origin: bottom center;
  pointer-events: none;
  z-index: 4;
}

.rx-top-rule {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(226, 242, 246, 0.55), rgba(107, 163, 181, 0.2) 42%, transparent);
  transform: scaleX(0.24);
  transform-origin: left center;
  pointer-events: none;
  z-index: 4;
}

.iface.iface--rxdetail.is-originating,
.iface--rxdetail.is-originating {
  overflow: visible;
}

.iface--rxdetail.is-originating .request__meta-region {
  column-gap: 14px;
}

.iface--calendar.is-rejoining {
  box-shadow: none;
  border-radius: 0;
}

.rx-flow {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0;
  padding: 14px 36px 22px;
  min-height: 68px;
  border-top: 1px solid rgba(226, 242, 246, 0.08);
  background: transparent;
}

.rx-flow::before {
  content: "";
  position: absolute;
  left: 36px;
  right: 18%;
  top: -1px;
  height: 1px;
  background: linear-gradient(90deg, rgba(166, 214, 224, 0.85), rgba(107, 163, 181, 0.15) 70%, transparent);
  box-shadow: 0 0 14px rgba(107, 163, 181, 0.28);
  opacity: 0.35;
  pointer-events: none;
}

.rx-flow__node {
  position: relative;
  font-size: 16px;
  font-weight: 650;
  letter-spacing: -0.03em;
  text-transform: none;
  color: var(--film-text);
  white-space: nowrap;
  opacity: 0;
  padding: 4px 0 2px;
}

.rx-flow__node.is-final {
  font-size: 17px;
}

.rx-flow__node.is-hot {
  color: var(--film-signal-bright);
  text-shadow:
    0 0 16px rgba(142, 196, 210, 0.5),
    0 0 36px rgba(107, 163, 181, 0.36);
}

.rx-flow__node.is-final.is-hot {
  padding: 4px 10px;
  background: radial-gradient(ellipse at 20% 50%, rgba(107, 163, 181, 0.22), transparent 70%);
  box-shadow: inset 0 0 0 1px rgba(142, 196, 210, 0.18);
}

.rx-flow__join {
  display: block;
  width: 56px;
  height: 1px;
  margin: 0 14px;
  flex-shrink: 0;
  align-self: center;
  background: linear-gradient(90deg, rgba(107, 163, 181, 0.6), rgba(255, 255, 255, 0.16));
  box-shadow: 0 0 10px rgba(107, 163, 181, 0.22);
  transform: scaleX(0);
  transform-origin: left center;
}

.rx-flow.is-complete .rx-flow__join {
  background: linear-gradient(90deg, rgba(107, 163, 181, 0.48), rgba(107, 163, 181, 0.16));
}

.iface--rxdetail.is-ready {
  box-shadow:
    inset 3px 0 0 rgba(186, 226, 234, 0.95),
    inset 0 1px 0 rgba(226, 242, 246, 0.14);
}

.iface--rxdetail.is-ready .rx-flow::before {
  opacity: 1;
  background: linear-gradient(90deg, #e8f6f8, rgba(107, 163, 181, 0.22) 68%, transparent);
  box-shadow: 0 0 22px rgba(107, 163, 181, 0.5);
}

.iface--rx {
  left: 2320px;
  top: 48px;
  width: 1360px;
  height: 800px;
  background: transparent;
  opacity: 0.16;
  transform: translateZ(-30px);
}

.iface--done {
  left: 1760px;
  top: 520px;
  width: 920px;
  height: 620px;
  background: transparent;
  opacity: 0.12;
  transform: translateZ(-20px);
}

.iface--done.is-focus {
  outline: none;
}

.phone {
  height: 100%;
  background: transparent;
}

.phone__screen {
  height: 100%;
  width: 100%;
  border-radius: 0;
  background: transparent;
  overflow: hidden;
  position: relative;
}

.phone__status {
  padding: 10px 18px;
  max-width: 38rem;
}

.phone__incoming,
.phone__live {
  position: absolute;
  top: 72px;
  left: 28px;
  bottom: 28px;
  width: 36rem;
  display: grid;
  grid-template-columns: 28px 1fr;
  grid-template-rows: auto auto auto auto auto auto;
  align-content: start;
  column-gap: 14px;
  row-gap: 0;
  text-align: left;
  transition: opacity 0.35s ease;
  z-index: 1;
}

.phone__live { opacity: 0; pointer-events: none; }
.phone__incoming.is-off { opacity: 0; }
.phone__live.is-on { opacity: 1; }

.phone__kicker {
  grid-column: 1 / -1;
  margin: 0 0 22px;
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--film-text-mute);
}

.phone__live .phone__kicker {
  color: var(--film-signal);
}

.phone__avatar {
  grid-column: 1;
  grid-row: 2;
  width: 28px;
  height: 28px;
  border-radius: 1px;
  display: grid;
  place-items: center;
  background: transparent;
  border: 1px solid var(--film-line);
  color: var(--film-text-dim);
  font-weight: 700;
  font-size: 10px;
  margin-bottom: 0;
}

.phone__screen h3 {
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  margin: 0;
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--film-text);
}

.phone__screen p {
  grid-column: 1 / -1;
  margin: 10px 0 0;
  color: var(--film-text-dim);
  font-size: 0.88rem;
}

.phone__note {
  grid-column: 1 / -1;
  margin-top: 14px !important;
  max-width: 24rem;
  line-height: 1.45;
  opacity: 0.55;
}

.phone__note.is-off {
  display: none;
}

.phone__route {
  margin-top: 12px !important;
  font-size: 11px !important;
  font-weight: 600;
  color: var(--film-text-mute) !important;
}

.phone__talk {
  display: none;
  grid-column: 1 / -1;
  width: 100%;
  max-width: 34rem;
  text-align: left;
  margin-top: 36px;
  padding: 0;
  background: transparent;
  border: 0;
}

.phone__talk.is-on {
  display: block;
}

.phone__live:has(.phone__talk.is-on) .phone__note {
  display: none;
}

.phone__live:has(.phone__talk.has-kind) .phone__kicker,
.phone__live:has(.phone__talk.has-kind) [data-call-clock],
.phone__live:has(.phone__talk.has-kind) .phone__wave {
  opacity: 0.2;
  transform: translateY(-10px) scale(0.96);
  transform-origin: left center;
}

.phone__live:has(.phone__talk.has-kind) .phone__avatar,
.phone__live:has(.phone__talk.has-kind) h3 {
  opacity: 0.16;
  transform: scale(0.9);
  transform-origin: left center;
}

.phone__screen:has(.phone__talk.has-kind) .data-stack--call {
  opacity: 0.12;
}

.phone__talk-kicker {
  margin: 0 0 14px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--film-text-mute);
}

.phone__talk-who {
  margin: 0;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--film-text-mute);
}

.phone__heard {
  margin: 10px 0 0;
  font-size: 1.62rem;
  font-weight: 500;
  line-height: 1.28;
  letter-spacing: -0.03em;
  color: var(--film-text);
  max-width: 22ch;
  transform-origin: left top;
  overflow: hidden;
}

.phone__talk.has-kind .phone__heard {
  color: var(--film-text-dim);
  font-size: 1.05rem;
  opacity: 0.7;
}

.phone__kind {
  margin-top: 22px;
  padding-top: 0;
  border-top: 0;
  transform-origin: left top;
}

.phone__kind span {
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--film-text-mute);
}

.phone__kind strong {
  display: block;
  margin-top: 8px;
  font-size: 1.85rem;
  font-weight: 650;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--film-signal);
  text-shadow: 0 0 28px var(--film-signal-glow);
}

.phone__wave {
  grid-column: 1 / -1;
  display: block;
  margin: 22px 0 0;
  width: 100%;
  max-width: 28rem;
  height: 36px;
  opacity: 0.9;
}

.phone__actions {
  display: none;
}

.appbar {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 32px;
  padding: 4px 18px;
  border-bottom: 0;
  background: transparent;
}

.appbar strong {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--film-text-mute);
}

.appbar__mark {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.appbar em {
  margin-left: auto;
  font-style: normal;
  font-size: 11px;
  color: var(--film-text-mute);
}

.request {
  display: grid;
  grid-template-columns: 200px 1fr;
  height: calc(100% - 49px);
}

.request__meta {
  padding: 18px;
  background: transparent;
  border-right: 1px solid var(--film-line);
}

.request__meta b {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--film-text);
}

.request__meta p {
  margin: 14px 0 4px;
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--film-text-mute);
}

.request__meta p:first-child { margin-top: 0; }

.request__sheet {
  padding: 16px 18px 18px;
}

.request__voice {
  margin: 0 0 12px;
  padding: 10px 0;
  background: transparent;
  border: 0;
  color: var(--film-text-dim);
  font-size: 13px;
  line-height: 1.45;
  transition: opacity 0.45s ease, color 0.45s ease;
}

.request__voice.is-settled {
  opacity: 0.55;
  color: var(--film-text-mute);
}

.request__voice.is-heard {
  color: var(--film-text);
  border-color: var(--film-line-strong);
}

.request__voice.has-cursor::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 0.95em;
  margin-left: 3px;
  background: var(--film-accent);
  vertical-align: -0.12em;
  animation: cin-cursor 1.05s steps(1) infinite;
}

.sheet {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.sheet th,
.sheet td {
  text-align: left;
  padding: 10px 10px;
  border-bottom: 1px solid var(--film-line);
}

.sheet th {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--film-text-mute);
}

.sheet td {
  color: var(--film-text-dim);
  transition: background-color 0.4s cubic-bezier(0.16, 0.84, 0.18, 1), color 0.4s ease;
}

.sheet tr.is-on td {
  background: rgba(255, 255, 255, 0.03);
  color: var(--film-text);
}

.iface-foot {
  margin: 16px 0 0;
  font-size: 13px;
  color: var(--film-text-mute);
  line-height: 1.45;
}

.cal-app__nav {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 16px;
  font-size: 12px;
  color: #c5d2d8;
}

.cal-app__nav b {
  font-weight: 650;
  letter-spacing: 0.02em;
}

.cal-app__nav span {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(226, 242, 246, 0.1);
  color: #9aadb4;
}

.cal-app__modes {
  display: flex;
  margin-left: auto;
  border: 1px solid rgba(226, 242, 246, 0.08);
}

.cal-app__modes i {
  font-style: normal;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 4px 10px;
  color: var(--film-text-mute);
}

.cal-app__modes .is-on {
  background: rgba(107, 163, 181, 0.16);
  color: #e6f2f5;
}

.iface--calendar .appbar em {
  display: none;
}

.iface--calendar .appbar {
  min-height: 48px;
  padding: 8px 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, transparent 100%);
  border-bottom: 1px solid rgba(226, 242, 246, 0.08);
}

.iface--calendar .appbar strong {
  letter-spacing: 0.16em;
  color: #dbe6ea;
}

.cal-app {
  display: grid;
  grid-template-columns: 72px 1fr;
  height: calc(100% - 49px);
}

.cal-app__board {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  position: relative;
}

.cal-app__gutter {
  display: grid;
  grid-template-rows: 52px repeat(8, 1fr);
  border-right: 1px solid rgba(226, 242, 246, 0.1);
  color: #8a9aa2;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-align: right;
  padding-right: 12px;
  background: linear-gradient(180deg, rgba(8, 14, 20, 0.35), transparent 20%);
}

.cal-app__gutter span { align-self: start; transform: translateY(-6px); }

.cal-app__gutter span.is-hour-focus {
  color: #eef6f8;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.cal-app__days {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  height: 52px;
  border-bottom: 1px solid rgba(226, 242, 246, 0.12);
  background: rgba(8, 14, 20, 0.28);
}

.cal-app__days b {
  display: grid;
  place-items: center;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #c5d2d8;
  border-left: 1px solid rgba(226, 242, 246, 0.08);
  background: transparent;
}

.cal-app__days .is-today {
  color: var(--film-signal-bright);
  font-size: 16px;
  letter-spacing: 0.08em;
  background: linear-gradient(180deg, rgba(107, 163, 181, 0.16), transparent);
  box-shadow: inset 0 -2px 0 rgba(142, 196, 210, 0.55);
}

.cal-app__cols {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  flex: 1;
  min-height: 0;
  position: relative;
  z-index: 1;
  background-image:
    repeating-linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.012) 0,
      rgba(255, 255, 255, 0.012) calc(12.5% - 1px),
      rgba(226, 242, 246, 0.12) calc(12.5% - 1px),
      rgba(226, 242, 246, 0.12) 12.5%
    );
}

.cal-col {
  position: relative;
  border-left: 1px solid rgba(226, 242, 246, 0.08);
}

.cal-col[data-thu] {
  background:
    linear-gradient(180deg, rgba(107, 163, 181, 0.08), transparent 18%),
    rgba(107, 163, 181, 0.03);
}

.cal-col.is-hot {
  background:
    linear-gradient(180deg, rgba(107, 163, 181, 0.1), transparent 24%),
    rgba(107, 163, 181, 0.035);
}

.cal-col.is-hot::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  background: rgba(142, 196, 210, 0.42);
}

.cal-block,
.cal-slot {
  position: absolute;
  left: 6px;
  right: 8px;
  border-radius: 2px;
  padding: 10px 11px 9px 13px;
  font-size: 12.5px;
  line-height: 1.32;
  overflow: hidden;
}

.cal-block.is-short {
  padding: 7px 9px 6px 11px;
  font-size: 11.5px;
}

.cal-block.is-short b {
  font-size: 10.5px;
  opacity: 0.9;
}

.cal-block.is-short span {
  font-size: 12.5px;
  color: #f2f7f9;
}

.cal-block {
  transform-origin: left top;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, transparent 44%),
    rgba(44, 64, 80, 0.94);
  color: #e4eef2;
  border: 0;
  border-left: 2px solid rgba(186, 226, 234, 0.88);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 8px 18px rgba(0, 0, 0, 0.2);
}

.cal-slot {
  border: 0;
  border-left: 0;
  z-index: 2;
  overflow: visible;
  padding: 0;
  background: none;
  box-shadow: none;
  color: var(--film-signal-bright);
  perspective: 880px;
  transform-style: preserve-3d;
}

.cal-slot__stage {
  position: absolute;
  inset: 0;
  perspective: 880px;
  transform-style: preserve-3d;
}

.cal-slot__flip {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform-origin: 50% 50%;
}

.cal-slot__face {
  position: absolute;
  inset: 0;
  padding: 10px 11px 9px 13px;
  border-radius: 2px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  background:
    radial-gradient(ellipse at 10% 50%, rgba(186, 226, 234, 0.22), transparent 62%),
    linear-gradient(90deg, rgba(107, 163, 181, 0.16), rgba(107, 163, 181, 0.04) 82%);
  box-shadow:
    inset 0 1px 0 rgba(232, 246, 248, 0.12),
    inset 2px 0 0 rgba(142, 196, 210, 0.28);
}

.cal-slot__face--back {
  transform: rotateY(180deg);
}

.cal-slot.is-receiving {
  overflow: visible;
}

.cal-slot.is-receiving .cal-slot__face {
  background:
    linear-gradient(90deg, rgba(107, 163, 181, 0.2), rgba(107, 163, 181, 0.05) 78%);
  box-shadow:
    inset 2px 0 0 rgba(142, 196, 210, 0.42),
    inset 0 1px 0 rgba(232, 246, 248, 0.18);
}

.cal-slot.is-hot {
  overflow: visible;
}

.cal-slot.is-hot .cal-slot__face {
  background:
    radial-gradient(ellipse at 8% 42%, rgba(186, 226, 234, 0.28), transparent 58%),
    linear-gradient(90deg, rgba(107, 163, 181, 0.28), rgba(107, 163, 181, 0.06) 84%);
  box-shadow:
    inset 3px 0 0 rgba(232, 246, 248, 0.82),
    inset 0 1px 0 rgba(232, 246, 248, 0.22);
}

.cal-slot.is-wish {
  border-left-color: var(--film-signal);
  background: linear-gradient(90deg, rgba(107, 163, 181, 0.22), transparent 78%);
  color: var(--film-text);
}

.cal-block b,
.cal-slot b {
  display: block;
  font-size: 11px;
  letter-spacing: 0.03em;
  opacity: 0.9;
}

.cal-block span {
  color: #f3f8fa;
  font-weight: 650;
  font-size: 13px;
}

.cal-slot__when {
  display: block;
  font-size: 10px;
  letter-spacing: 0.04em;
  opacity: 0.7;
}

.cal-slot.is-hot .cal-slot__when {
  font-size: 18px;
  font-weight: 720;
  letter-spacing: 0.02em;
  color: var(--film-signal-bright);
  opacity: 1;
}

.cal-slot__free {
  display: block;
  margin-top: 3px;
  font-weight: 600;
}

.cal-slot.is-hot .cal-slot__free {
  font-size: 16px;
  font-weight: 650;
  letter-spacing: 0.01em;
  color: var(--film-signal-bright);
}

.cal-slot__wish {
  display: block;
  margin: 3px 0 2px;
  font-style: normal;
  opacity: 0;
}

.cal-slot__wish.is-in {
  opacity: 1;
}

.cal-slot__wish b {
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--film-signal-bright);
  opacity: 0.9;
}

.cal-slot.is-hot .cal-slot__wish b {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--film-signal-bright);
  opacity: 1;
}

.cal-slot.is-hot .cal-slot__wish span,
.cal-slot__wish.is-in span {
  display: block;
  color: var(--film-signal);
  font-size: 10px;
  font-weight: 500;
}

.cal-slot.is-hot .cal-slot__wish span {
  font-size: 15px;
  font-weight: 600;
  color: var(--film-signal-bright);
}

.cal-slot__placed {
  display: block;
  margin: 3px 0 2px;
  font-style: normal;
}

.cal-slot__placed b {
  display: block;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--film-signal-bright);
}

.cal-slot__placed span {
  display: block;
  margin-top: 2px;
  font-size: 15px;
  font-weight: 600;
  color: var(--film-signal-bright);
}

.cal-slot__state {
  display: block;
  margin-top: 4px;
  font-size: 16px;
  font-weight: 650;
  letter-spacing: 0.01em;
  color: var(--film-signal-bright);
}

.list-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 6px 22px;
  border-bottom: 1px solid rgba(226, 242, 246, 0.06);
  background: rgba(8, 14, 20, 0.32);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8a9aa2;
}

.hero-search--table {
  flex: 1;
  max-width: 420px;
}

.iface--table .pro-table {
  width: 100%;
  max-width: none;
  table-layout: fixed;
  margin: 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.iface--table.is-handoff .pro-table thead {
  position: relative;
  z-index: 3;
}

.iface--table.is-handoff .pro-table th {
  background: rgba(10, 16, 22, 0.96);
}

.pro-table {
  width: calc(100% - 28px);
  margin: 0 14px 16px;
  border-collapse: collapse;
  font-size: 15px;
}

.iface--table .pro-table th:nth-child(1),
.iface--table .pro-table td:nth-child(1) { width: 12rem; }
.iface--table .pro-table th:nth-child(2),
.iface--table .pro-table td:nth-child(2) { width: 8rem; }
.iface--table .pro-table th:nth-child(3),
.iface--table .pro-table td:nth-child(3) { width: 8rem; }
.iface--table .pro-table th:nth-child(4),
.iface--table .pro-table td:nth-child(4) { width: 13rem; }
.iface--table .pro-table th:nth-child(5),
.iface--table .pro-table td:nth-child(5) { width: 14rem; }
.iface--table .pro-table th:nth-child(6),
.iface--table .pro-table td:nth-child(6) { width: 10.5rem; }

.pro-table th,
.pro-table td {
  text-align: left;
  padding: 6px 22px;
  border-bottom: 1px solid rgba(226, 242, 246, 0.06);
  white-space: nowrap;
}

.pro-table th {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8a9aa2;
  background: rgba(8, 14, 20, 0.48);
  box-shadow: inset 0 -1px 0 rgba(226, 242, 246, 0.08);
}

.pro-table td {
  color: #8d9ba3;
  font-weight: 400;
}

.iface--table .pro-table tbody tr:nth-child(odd) td {
  background: rgba(255, 255, 255, 0.018);
}

.iface--table .pro-table tbody tr:nth-child(even) td {
  background: rgba(4, 8, 12, 0.18);
}

.iface--table .pro-table td:nth-child(1) {
  color: #eef4f6;
  font-weight: 700;
  letter-spacing: -0.03em;
  font-size: 16px;
}

.iface--table .pro-table td:nth-child(4),
.iface--table .pro-table td:nth-child(5) {
  color: #d5e0e5;
  font-weight: 600;
  font-size: 16px;
}

.iface--table .pro-table td:nth-child(2),
.iface--table .pro-table td:nth-child(3) {
  color: #7e8c94;
  font-size: 14px;
}

.iface--table .pro-table tbody tr {
  transform-origin: left top;
  transition: none;
}

.iface--table.is-inheriting .pro-table tbody tr,
.iface--table.is-continuum .pro-table tbody tr,
.iface--table.is-reorg .pro-table tbody tr,
.iface--table.is-resolved .pro-table tbody tr {
  transition: none;
}

.pro-table__trace {
  position: absolute;
  left: 22px;
  top: 0;
  width: 1px;
  height: 22px;
  z-index: 5;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(186, 226, 234, 0.46) 42%,
    rgba(107, 163, 181, 0.08) 100%
  );
}

.iface--table.is-handoff .pro-table tbody tr,
.iface--table.is-handoff .pro-table tbody td {
  transition-duration: 0.34s;
}

.iface--table.is-handoff .pro-table tr.is-focus {
  animation: none;
}

.iface--table.is-handoff .pro-table tbody tr:not(.is-focus):not(.is-arriving):not(.is-releasing) {
  opacity: 0.84;
}

.iface--table.is-handoff .pro-table tbody tr.is-handled:not(.is-focus) {
  opacity: 0.88;
  filter: saturate(0.88);
}

.pro-table tr.is-releasing td {
  background: linear-gradient(
    90deg,
    rgba(107, 163, 181, 0.07) 0%,
    transparent 34%
  );
  color: #8d9ba3;
}

.pro-table tr.is-releasing td:first-child {
  box-shadow: inset 1px 0 0 rgba(186, 226, 234, 0.2);
}

.pro-table tr.is-releasing td:nth-child(4),
.pro-table tr.is-releasing td:nth-child(5) {
  color: #8a9aa2;
  font-weight: 500;
}

.pro-table tbody tr {
  --row-lit: 0;
  --row-wash: 0;
  --row-wash-x: 0;
}

.pro-table tr[data-row-rx].is-focus td:first-child {
  box-shadow: none;
}

.pro-table tr.is-releasing .st--live {
  color: var(--film-text-mute);
}

.pro-table tr.is-releasing .st--live::before {
  background: currentColor;
  box-shadow: none;
}

.pro-table tr.is-arriving td {
  background: linear-gradient(
    90deg,
    rgba(107, 163, 181, 0.1) 0%,
    rgba(107, 163, 181, 0.03) 36%,
    transparent 72%
  );
  box-shadow: inset 0 1px 0 rgba(186, 226, 234, 0.16);
}

.pro-table tr.is-arriving td:first-child {
  box-shadow:
    inset 2px 0 0 rgba(186, 226, 234, 0.45),
    inset 0 1px 0 rgba(186, 226, 234, 0.16);
}

.pro-table tr[data-row-rx].is-name-on:not(.is-focus) td {
  background: linear-gradient(
    90deg,
    rgba(107, 163, 181, 0.1) 0%,
    rgba(107, 163, 181, 0.03) 32%,
    transparent 68%
  );
}

.pro-table tr[data-row-rx].is-name-on:not(.is-focus) td:first-child {
  box-shadow: inset 2px 0 0 rgba(186, 226, 234, 0.42);
}

.pro-table tr.is-name-on td:nth-child(4) {
  color: #f4f8fa;
  font-weight: 600;
}

.pro-table tr.is-kind-on td:nth-child(5) {
  color: #eef5f7;
  font-weight: 600;
}

.iface--table .pro-table tbody td {
  transition: color 0.4s ease, background-color 0.42s ease, box-shadow 0.42s ease;
}

.iface--table.is-focus .pro-table tbody tr:not(.is-focus) {
  opacity: 0.78;
}

.iface--table .pro-table tbody tr.is-focus td,
.iface--table .pro-table tbody tr.is-row-lit td {
  background:
    linear-gradient(
      90deg,
      rgba(132, 196, 210, calc(0.06 + 0.1 * var(--row-lit))) 0%,
      rgba(107, 163, 181, calc(0.045 + 0.08 * var(--row-lit))) 48%,
      rgba(132, 196, 210, calc(0.03 + 0.06 * var(--row-lit))) 100%
    ),
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(186, 226, 234, calc(0.18 * var(--row-wash))) 50%,
      transparent 100%
    );
  background-size: 100% 100%, 72% 100%;
  background-repeat: no-repeat;
  background-position: 0 0, calc(var(--row-wash-x) * 148% - 24%) 0;
  color: #f4f8fa;
  box-shadow: none;
}

.iface--table .pro-table tbody tr.is-focus td:first-child,
.iface--table .pro-table tbody tr.is-row-lit td:first-child {
  font-weight: 700;
  box-shadow: none;
}

.pro-table tr.is-focus td:nth-child(3) {
  color: #d7e2e7;
}

.pro-table tr.is-focus td:nth-child(4),
.pro-table tr.is-focus td:nth-child(5) {
  font-weight: 700;
  color: #f7fbfc;
}

.pro-table tr.is-focus td:nth-child(6) {
  font-size: 13px;
}

.pro-table tr.is-focus,
.pro-table tr.is-row-lit {
  box-shadow: none;
}

.pro-table tr.is-focus .st {
  color: var(--film-signal-bright);
  font-size: 12px;
}

.pro-table tr.is-focus .st--live::before {
  background: var(--film-signal-bright);
  box-shadow: none;
}

.pro-table tr[data-row-wish].is-releasing:not(.is-focus),
.pro-table tr[data-row-wish].is-handled:not(.is-focus) {
  opacity: 1;
}

.iface--table.is-focus .pro-table tbody tr[data-row-wish].is-handled:not(.is-focus) {
  opacity: 0.72;
  filter: saturate(0.78);
}

.pro-table tr[data-row-wish].is-handled .st--live {
  color: var(--film-text-mute);
}

.pro-table tr[data-row-wish].is-handled .st--live::before {
  background: currentColor;
  box-shadow: none;
}

.pro-table td:last-child {
  text-align: left;
}

.st-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  width: 100%;
  min-width: 0;
  gap: 8px;
  vertical-align: middle;
}

.st-wrap .row-expand {
  margin-left: auto;
}

.row-expand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  color: #8a9aa2;
  opacity: 0.28;
  transform-origin: 50% 45%;
  pointer-events: none;
}

.row-expand svg {
  display: block;
  width: 14px;
  height: 14px;
}

.row-expand.is-near {
  opacity: 0.7;
  color: #c5d4da;
}

.pro-table tr.is-focus .row-expand,
.pro-table tr.is-row-lit .row-expand {
  opacity: 0.78;
  color: #d7e8ee;
}

.iface--table.is-extracting .row-expand,
.pro-table tr.is-source .row-expand {
  opacity: 0;
}

.iface--table.is-app .row-expand {
  opacity: 0.26 !important;
}

.iface--table.is-app .pro-table tr.is-focus .row-expand,
.iface--table.is-app .pro-table tr.is-row-lit .row-expand {
  opacity: 0.78 !important;
  color: #d7e8ee;
}

.st {
  display: inline-flex;
  align-items: center;
  font-style: normal;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--film-text-dim);
  padding: 3px 8px 3px 6px;
  border: 1px solid rgba(226, 242, 246, 0.08);
  background: rgba(8, 14, 20, 0.28);
}

.st::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 8px;
  border-radius: 50%;
  background: currentColor;
  vertical-align: 2px;
  opacity: 0.75;
}

.st--ok { color: var(--film-ok); }
.st--wait { color: var(--film-text-mute); }
.st--live { color: var(--film-accent); }
.st--live::before {
  background: var(--film-signal);
  box-shadow: none;
}

.pro-table .is-empty td {
  white-space: normal;
  color: var(--film-text-mute);
  font-size: 13px;
  padding: 18px 10px;
}

.done {
  padding: 22px 24px;
}

.done__card {
  border: 0;
  border-radius: 0;
  padding: 20px 22px;
  background: transparent;
}

.done__card p {
  margin: 0;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--film-text-mute);
}

.done__card h3 {
  margin: 8px 0 16px;
  font-size: 1.6rem;
  color: var(--film-text);
}

.done__card ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.done__card li {
  display: grid;
  grid-template-columns: 9.5rem 1fr;
  gap: 12px;
  font-size: 14px;
}

.done__card li span { color: var(--film-text-dim); }
.done__card li b { color: var(--film-text); }

.sys-hero {
  position: absolute;
  left: 980px;
  top: 1320px;
  width: 1080px;
  z-index: 8;
  pointer-events: none;
  opacity: 0;
}

.sys-hero__line {
  display: block;
  width: 100%;
  height: 2px;
  transform-origin: left center;
  transform: scaleX(0);
  background: linear-gradient(90deg, #e8f6f8 0%, rgba(142, 196, 210, 0.85) 26%, rgba(107, 163, 181, 0.22) 72%, transparent);
}

.sys-hero__text {
  margin: 18px 0 0;
  font-size: 24px;
  font-weight: 650;
  letter-spacing: -0.03em;
  line-height: 1.2;
  color: #e8f2f4;
}

.stage-world.is-system .iface--table,
.stage-world.is-system .iface--calendar,
.stage-world.is-system .iface--rxdetail {
  border-radius: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.stage-world.is-system.is-wide .iface--table,
.stage-world.is-system.is-wide .iface--calendar,
.stage-world.is-system .iface--table,
.stage-world.is-system .iface--calendar {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.13) 0%, transparent 52px),
    linear-gradient(165deg, rgba(107, 163, 181, 0.14) 0%, transparent 48%),
    rgba(13, 22, 32, 0.96);
  box-shadow: none;
  filter: none;
}

.stage-world.is-system .iface--table.is-resolved {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.13) 0%, transparent 52px),
    linear-gradient(165deg, rgba(107, 163, 181, 0.14) 0%, transparent 48%),
    rgba(13, 22, 32, 0.96);
  box-shadow: none;
}

.stage-world.is-system .iface--table,
.stage-world.is-system .iface--table.is-focus,
.stage-world.is-system .iface--table.is-resolved {
  z-index: 5;
  box-shadow:
    inset -1px 0 0 rgba(226, 242, 246, 0.22),
    inset 0 1px 0 rgba(226, 242, 246, 0.18);
}

.stage-world.is-system .iface--table.is-app,
.stage-world.is-system .iface--table.is-app.is-focus,
.stage-world.is-system .iface--table.is-app.is-resolved {
  border-radius: 4px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, transparent 52px),
    linear-gradient(165deg, rgba(107, 163, 181, 0.16) 0%, transparent 48%),
    linear-gradient(210deg, rgba(86, 128, 168, 0.1) 0%, transparent 42%),
    rgba(13, 22, 32, 0.96);
  box-shadow:
    inset 0 1px 0 rgba(226, 242, 246, 0.2),
    0 32px 80px rgba(0, 0, 0, 0.46),
    0 0 64px rgba(107, 163, 181, 0.1);
}

.stage-world.is-system .iface--calendar,
.stage-world.is-system .iface--calendar.is-consumed,
.stage-world.is-system .iface--calendar.is-focus,
.stage-world.is-system .iface--calendar.is-rejoining {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.stage-world.is-system .iface--table.is-app.is-focus .pro-table tbody tr:not(.is-focus) {
  opacity: 0.74;
}

.stage-world.is-system .iface--table.is-app .pro-table tbody tr.is-focus {
  opacity: 1;
}

.stage-world.is-system .iface--calendar,
.stage-world.is-system .iface--calendar.is-focus,
.stage-world.is-system .iface--calendar.is-rejoining {
  z-index: 3;
  box-shadow: inset 0 1px 0 rgba(226, 242, 246, 0.18);
}

.stage-world.is-system .cal-app,
.stage-world.is-system.is-wide .cal-app,
.stage-world.is-system.is-end .cal-app,
.stage-world.is-end.is-system .cal-app {
  background: transparent;
  grid-template-columns: 8px 1fr;
}

.stage-world.is-system .cal-app__gutter,
.stage-world.is-system.is-wide .cal-app__gutter {
  background: transparent;
  border-right: 1px solid rgba(226, 242, 246, 0.2);
  padding-right: 0;
  color: transparent;
}

.stage-world.is-system .cal-app__cols,
.stage-world.is-system.is-wide .cal-app__cols,
.stage-world.is-system.is-end .cal-app__cols {
  background-color: transparent;
  background-image: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent calc(12.5% - 1px),
    rgba(226, 242, 246, 0.1) calc(12.5% - 1px),
    rgba(226, 242, 246, 0.1) 12.5%
  );
}

.stage-world.is-system .cal-app__days,
.stage-world.is-system.is-wide .cal-app__days {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent);
  box-shadow: inset 0 -1px 0 rgba(226, 242, 246, 0.1);
}

.stage-world.is-system .iface--table .appbar,
.stage-world.is-system .iface--calendar .appbar {
  min-height: 34px;
  padding-top: 8px;
  padding-bottom: 8px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), transparent);
  border-bottom: 1px solid rgba(226, 242, 246, 0.08);
}

.stage-world.is-system .iface--table.is-focus::before,
.stage-world.is-system .iface--table.is-focus::after,
.stage-world.is-system .iface--calendar.is-focus::before,
.stage-world.is-system .iface--calendar.is-focus::after {
  animation: none;
  opacity: 0;
  content: none;
}

.stage-world.is-system .iface--rxdetail,
.stage-world.is-system .iface--rxdetail.is-focus,
.stage-world.is-system .iface--rxdetail.is-ready {
  background: transparent;
  box-shadow: none;
}

.stage-world.is-system .iface--rxdetail.is-focus::before,
.stage-world.is-system .iface--rxdetail.is-focus::after,
.stage-world.is-system .iface--rxdetail.is-ready::before,
.stage-world.is-system .iface--rxdetail.is-ready::after {
  opacity: 0;
  animation: none;
  box-shadow: none;
  content: none;
}

.stage-world.is-system .iface--calendar .appbar,
.stage-world.is-system .iface--rxdetail .appbar {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), transparent);
}

.stage-world.is-reduce .pro-table tbody td,
.stage-world.is-reduce .iface--rxdetail .sheet {
  color: #6d7b83;
}

.film-end {
  position: absolute;
  inset: 0;
  z-index: 7;
  display: grid;
  place-items: center;
  pointer-events: none;
  visibility: visible;
  opacity: 0;
}

.film-end__veil {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 52% at 50% 46%, rgba(4, 8, 12, 0.22) 0%, transparent 72%);
}

.film-end__copy {
  position: relative;
  z-index: 1;
  max-width: none;
  padding: 0;
  text-align: center;
  background: none;
  box-shadow: none;
}

.film-end__mark {
  margin: 0;
  line-height: 0;
}

.film-end__wordmark {
  display: block;
  height: clamp(1.72rem, 4.4vw, 2.45rem);
  width: auto;
  margin: 0 auto;
}

.film-end__rule {
  display: block;
  position: relative;
  overflow: hidden;
  width: 10.6rem;
  height: 1px;
  margin: 1.85rem auto 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(186, 226, 234, 0.28) 12%,
    rgba(186, 226, 234, 0.92) 50%,
    rgba(186, 226, 234, 0.28) 88%,
    transparent 100%
  );
  box-shadow:
    0 0 8px rgba(186, 226, 234, 0.32),
    0 0 18px rgba(107, 163, 181, 0.16);
  opacity: 0;
  transform: scaleX(0);
  transform-origin: center;
}

.film-end.is-speak .film-end__rule {
  box-shadow:
    0 0 10px rgba(186, 226, 234, 0.42),
    0 0 22px rgba(107, 163, 181, 0.2);
}

.film-end__rule-glow {
  position: absolute;
  top: -1px;
  left: 0;
  width: 38%;
  height: 3px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(232, 246, 248, 0.15) 28%,
    rgba(232, 246, 248, 0.95) 50%,
    rgba(186, 226, 234, 0.35) 72%,
    transparent 100%
  );
  pointer-events: none;
}

.film-end__line {
  margin: 1.7rem auto 0;
  max-width: 22rem;
  font-size: clamp(1.02rem, 1.8vw, 1.2rem);
  line-height: 1.45;
  letter-spacing: -0.012em;
  color: #c8d3d8;
}

.stage-replay {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  z-index: 8;
  pointer-events: auto;
  border: 1px solid var(--film-line-strong);
  background: rgba(14, 17, 22, 0.88);
  color: var(--film-text-dim);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.45rem 0.7rem;
  cursor: pointer;
}

.stage-replay[hidden] {
  display: none;
}

@media (min-width: 768px) {
  /* Film column stays large — do not shrink the live-animation host. */
  .lomeva-tut__grid {
    grid-template-columns: minmax(17rem, 0.68fr) minmax(0, 1.32fr);
    gap: clamp(1.5rem, 2.6vw, 2.6rem);
    align-items: start;
  }

  .film-viewport {
    height: auto;
    min-height: 36rem;
    align-self: start;
  }

  .lomeva-tut__copy {
    display: flex;
    flex-direction: column;
    max-width: 40rem;
    height: auto;
    min-height: 36rem;
    align-self: start;
  }

  .lomeva-tut__copyblock {
    min-height: 0;
    flex: 0 0 auto;
    margin-bottom: 2.25rem;
  }

  .lomeva-faq--desk {
    width: 100%;
    max-width: 100%;
    margin-top: auto;
  }
}

@media (max-width: 767px) {
  .lomeva-tut__bay {
    padding: 1rem 0.7rem 1.2rem;
    overflow-x: clip;
  }
  .lomeva-tut__grid,
  .lomeva-tut__copy {
    min-width: 0;
    max-width: 100%;
  }
  .lomeva-tut__copy h2 {
    font-size: clamp(1.55rem, 7.2vw, 2rem);
    overflow-wrap: break-word;
  }
  .lomeva-tut__copyblock {
    min-height: 0;
  }
  .lomeva-tut__copyblock #lomeva-tut-lead,
  .lomeva-tut__hint {
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
    -webkit-hyphens: none;
  }
  .lomeva-tut__copyblock #lomeva-tut-lead {
    font-size: 0.92rem;
    line-height: 1.42;
  }
  .lomeva-tut__hint {
    margin-top: 0.45rem;
    font-size: 0.78rem;
    line-height: 1.35;
  }
  .req-event {
    border-width: 1.25px;
  }
  .req-event__monitor {
    border-width: 1.25px;
    inset: -14px;
  }
  .req-event__rail {
    width: 1.25px;
  }
  .film-viewport {
    width: 100%;
    max-width: 100%;
    height: min(19.25rem, 42dvh);
    min-height: 16rem;
    max-height: 21.5rem;
    border-radius: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lomeva-tut.is-entry .film-viewport {
    filter: none;
  }
  .lomeva-tut.is-entry .film-viewport::after {
    opacity: 0;
    background: transparent;
    filter: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .lomeva-tut__webgl,
  .lomeva-tut__pixi { display: none; }
  .film-viewport { perspective: none; }
  .film-viewport::after { display: none; }
  .iface.is-dim,
  .iface.is-secondary { opacity: 1; filter: none; }
  .stage-world.is-alive .env-volume,
  .stage-world.is-alive .backplane__lattice,
  .stage-world.is-alive .hero-search.is-on,
  .stage-world.is-alive .pro-table tr.is-focus,
  .hero-search.is-on .hero-search__cursor,
  .iface--table.is-focus::after,
  .iface--calendar.is-focus::after,
  .iface--rxdetail.is-focus::after,
  .req-event.is-lit::after,
  .row-morph.is-lit::after,
  .req-event.is-on:not(.is-docked):not(.is-retired) .req-event__monitor::before {
    animation: none;
  }
  .film-mouse,
  .film-cue { display: none; }
  .film-end__rule {
    transform: scaleX(1);
    opacity: 0.78;
  }
  .film-end__rule-glow { display: none; }
  .req-event__dots.is-run i { animation: none; opacity: 0.45; }
}