@font-face {
  font-family: "Inter";
  src: url("/_assets/fonts/inter.3100e775e8616cd2611beecfa23a4263.hashed.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fraunces";
  src: url("/_assets/fonts/fraunces.7f9d191d999336d3b9790afa72e1358e.hashed.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("/_assets/fonts/plex400.08949f728dc52d528e69b1667d15c89a.hashed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("/_assets/fonts/plex500.01d285447409c8a588692162439a038b.hashed.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Naskh Arabic";
  src: url("/_assets/fonts/naskh600.4c5dead18fc6a07a6acad16a420423b2.hashed.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0020,U+0600-06FF;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("/_assets/fonts/plexarabic400.fbd7a7be05559cdfc86a24846a78ec35.hashed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0020,U+0600-06FF;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("/_assets/fonts/plexarabic500.cad240fdd965b95021085caaad7be328.hashed.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0020,U+0600-06FF;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("/_assets/fonts/plexarabic600.c944f1329269c2efd0ebed2289cb8301.hashed.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0020,U+0600-06FF;
}
@font-face {
  font-family: "Inter Fallback";
  src: local("Roboto"), local("Roboto-Regular");
  font-weight: 100 900;
  font-style: normal;
  size-adjust: 107.84%;
  ascent-override: 89.83%;
  descent-override: 22.37%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Inter Fallback";
  src: local("Arial"), local("ArialMT"), local("Helvetica Neue");
  font-weight: 100 900;
  font-style: normal;
  size-adjust: 105.15%;
  ascent-override: 92.13%;
  descent-override: 22.94%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Fraunces Fallback";
  src: local("Noto Serif"), local("NotoSerif-Regular");
  font-weight: 100 900;
  font-style: normal;
  size-adjust: 108.08%;
  ascent-override: 90.49%;
  descent-override: 23.59%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Fraunces Fallback";
  src: local("Times New Roman"), local("TimesNewRomanPSMT"), local("Georgia");
  font-weight: 100 900;
  font-style: normal;
  size-adjust: 120.84%;
  ascent-override: 80.93%;
  descent-override: 21.1%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "IBM Plex Mono Fallback";
  src: local("Roboto"), local("Roboto-Regular");
  font-weight: 400 500;
  font-style: normal;
  size-adjust: 121.56%;
  ascent-override: 84.32%;
  descent-override: 22.62%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "IBM Plex Mono Fallback";
  src: local("Arial"), local("ArialMT"), local("Helvetica Neue");
  font-weight: 400 500;
  font-style: normal;
  size-adjust: 118.52%;
  ascent-override: 86.48%;
  descent-override: 23.2%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Noto Naskh Arabic Fallback";
  src: local("Noto Naskh Arabic"), local("NotoNaskhArabic-Regular"), local("Noto Naskh Arabic UI");
  font-weight: 600;
  font-style: normal;
  size-adjust: 102.72%;
  ascent-override: 104.07%;
  descent-override: 61.72%;
  line-gap-override: 0%;
  unicode-range: U+0020,U+0600-06FF;
}
@font-face {
  font-family: "IBM Plex Sans Arabic Fallback";
  src: local("Noto Naskh Arabic"), local("NotoNaskhArabic-Regular"), local("Noto Naskh Arabic UI");
  font-weight: 400;
  font-style: normal;
  size-adjust: 106.04%;
  ascent-override: 102.32%;
  descent-override: 39.14%;
  line-gap-override: 0%;
  unicode-range: U+0020,U+0600-06FF;
}
@font-face {
  font-family: "IBM Plex Sans Arabic Fallback";
  src: local("Noto Naskh Arabic"), local("NotoNaskhArabic-Regular"), local("Noto Naskh Arabic UI");
  font-weight: 500;
  font-style: normal;
  size-adjust: 108.05%;
  ascent-override: 100.42%;
  descent-override: 38.41%;
  line-gap-override: 0%;
  unicode-range: U+0020,U+0600-06FF;
}
@font-face {
  font-family: "IBM Plex Sans Arabic Fallback";
  src: local("Noto Naskh Arabic"), local("NotoNaskhArabic-Regular"), local("Noto Naskh Arabic UI");
  font-weight: 600;
  font-style: normal;
  size-adjust: 109.41%;
  ascent-override: 99.17%;
  descent-override: 37.93%;
  line-gap-override: 0%;
  unicode-range: U+0020,U+0600-06FF;
}
:root {
  --ui-ground: #0d1017;
  --ui-card: #141926;
  --ui-hairline: #232b3d;
  --ui-ink: #f2efe8;
  --ui-muted: #a39e90;
  --ui-inert-ink: #8e8a80;
  --ui-gold: #f2b83d;
  --ui-scrim: rgba(4, 6, 10, 0.55);
  --ui-sheet-lift: 0 -8px 32px rgba(0, 0, 0, 0.35);
  --ui-destructive: #e5484d;
  --ui-type-display: 580 30px/36px "Fraunces", "Fraunces Fallback", "Georgia", serif;
  --ui-type-title: 580 20px/26px "Fraunces", "Fraunces Fallback", "Georgia", serif;
  --ui-type-place-name: 560 18px/22px "Fraunces", "Fraunces Fallback", "Georgia", serif;
  --ui-type-body: 400 15px/24.5px "Inter", "Inter Fallback", system-ui, sans-serif;
  --ui-type-label: 500 14px/20px "Inter", "Inter Fallback", system-ui, sans-serif;
  --ui-type-meta: 400 12px/16px "Inter", "Inter Fallback", system-ui, sans-serif;
  --ui-type-readout: 400 13px/18px "IBM Plex Mono", "IBM Plex Mono Fallback", "Menlo", monospace;
  --ui-type-readout-caps: 500 11px/16px "IBM Plex Mono", "IBM Plex Mono Fallback", "Menlo", monospace;
  --ui-motion-curve: cubic-bezier(0.22, 1, 0.36, 1);
  --ui-press-in: 60ms;
  --ui-press-out: 200ms;
  --ui-motion-state: 160ms ease-out;
  --ui-motion-rise: 280ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --ui-motion-fall: 200ms ease-in;
  --ui-motion-scrim: 160ms linear;
  --ui-motion-page: 260ms ease-out;
  --ui-motion-settle: 200ms ease-out;
  --ui-motion-breathe: 1200ms linear;
  --gold-on-dark: #f2b83d;
  --gold-on-light: #b8860b;
  --ui-tap-min: 44px;
  --ui-media-scrim: rgba(4, 6, 10, 0.45);
  --ui-media-lozenge: rgba(4, 6, 10, 0.6);
  --ui-media-ink: #f2efe8;
  --ui-media-edge: rgba(242, 239, 232, 0.7);
}
[data-ground="paper"] {
  --ui-ground: #faf7f0;
  --ui-card: #ffffff;
  --ui-hairline: #e5dfd2;
  --ui-ink: #1a1d24;
  --ui-muted: #6f6a5e;
  --ui-inert-ink: #736e63;
  --ui-gold: #b8860b;
  --ui-scrim: rgba(26, 29, 36, 0.38);
  --ui-sheet-lift: 0 -8px 32px rgba(26, 29, 36, 0.14);
  --ui-destructive: #c22126;
}
:lang(ar) {
  --ui-type-display: 580 30px/36px "Noto Naskh Arabic", "Noto Naskh Arabic Fallback", "IBM Plex Sans Arabic", "IBM Plex Sans Arabic Fallback", "Fraunces", "Fraunces Fallback", "Georgia", serif;
  --ui-type-title: 580 20px/26px "Noto Naskh Arabic", "Noto Naskh Arabic Fallback", "IBM Plex Sans Arabic", "IBM Plex Sans Arabic Fallback", "Fraunces", "Fraunces Fallback", "Georgia", serif;
  --ui-type-place-name: 560 18px/22px "Noto Naskh Arabic", "Noto Naskh Arabic Fallback", "IBM Plex Sans Arabic", "IBM Plex Sans Arabic Fallback", "Fraunces", "Fraunces Fallback", "Georgia", serif;
  --ui-type-body: 400 15px/24.5px "IBM Plex Sans Arabic", "IBM Plex Sans Arabic Fallback", "Inter", "Inter Fallback", system-ui, sans-serif;
  --ui-type-label: 500 14px/20px "IBM Plex Sans Arabic", "IBM Plex Sans Arabic Fallback", "Inter", "Inter Fallback", system-ui, sans-serif;
  --ui-type-meta: 400 12px/16px "IBM Plex Sans Arabic", "IBM Plex Sans Arabic Fallback", "Inter", "Inter Fallback", system-ui, sans-serif;
  --ui-type-readout: 400 13px/18px "IBM Plex Sans Arabic", "IBM Plex Sans Arabic Fallback", "IBM Plex Mono", "IBM Plex Mono Fallback", "Menlo", monospace;
  --ui-type-readout-caps: 500 11px/16px "IBM Plex Sans Arabic", "IBM Plex Sans Arabic Fallback", "IBM Plex Mono", "IBM Plex Mono Fallback", "Menlo", monospace;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}


*,
*::before,
*::after { box-sizing: border-box; }


body { margin: 0; }


ul,
ol { margin-block: 0; padding-inline-start: 0; list-style: none; }


h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd { margin-block: 0; margin-inline: 0; }


button,
input,
select,
textarea { font: inherit; color: inherit; }


img,
svg,
video,
canvas { max-inline-size: 100%; }



*, *::before, *::after { box-sizing: border-box; }

html, body { margin: 0; padding: 0; }
h1, h2, h3, h4, p, ul, ol, li, figure, figcaption, blockquote { margin: 0; }
ul, ol { padding-inline-start: 0; list-style: none; }

.ui-body {
  background: var(--ui-ground);
  color: var(--ui-ink);
  font: var(--ui-type-body);
  margin: 0;
  padding-block: 24px;
  padding-inline: 20px;
}


.ui-type-display { font: var(--ui-type-display); }
.ui-type-title { font: var(--ui-type-title); }
.ui-type-place-name { font: var(--ui-type-place-name); }
.ui-type-label { font: var(--ui-type-label); }
.ui-type-body { font: var(--ui-type-body); }
.ui-type-meta { font: var(--ui-type-meta); color: var(--ui-muted); }
.ui-readout { font: var(--ui-type-readout); font-variant-numeric: tabular-nums; }

.ui-a11y { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.ui-readout-caps { font: var(--ui-type-readout-caps); letter-spacing: 0.08em; text-transform: uppercase; }

.ui-meta--refusal { letter-spacing: 0.08em; }


.ui-wordmark { display: inline-flex; align-items: center; gap: 10px; font: var(--ui-type-display); }
.ui-wordmark .ui-icon { color: var(--ui-gold); }

.ui-wordmark--trail { gap: 6px; }

.ui-wordmark-stop {
  inline-size: 13px;
  block-size: 13px;
  padding: calc((13px - 13px * 13 / 24) / 2);
  background: currentColor;
  background-clip: content-box;
  border-radius: 50%;
}


.ui-icon { display: inline-block; vertical-align: middle; }

[dir="rtl"] .ui-icon-mirrors { transform: scaleX(-1); }


.ui-icon-act {
  display: grid; grid-template-columns: minmax(0, 1fr);
  place-items: center;
  inline-size: var(--ui-tap-min);
  block-size: var(--ui-tap-min);
  border: none;
  background: none;
  padding: 0;
  color: var(--ui-muted);
  cursor: pointer;
  flex: none;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.ui-icon-act:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }
.ui-icon-act .ui-icon { inline-size: 20px; block-size: 20px; }


.ui-bound-row { display: flex; align-items: center; min-block-size: 48px; inline-size: 100%; }
.ui-bound-row + .ui-bound-row { border-block-start: 1px solid var(--ui-hairline); }
.ui-bound-door {
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-inline-size: 0;
  min-block-size: 48px;
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  text-align: start;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.ui-bound-door:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }

.ui-bound-door:focus-visible { outline: 2px solid var(--ui-ink); outline-offset: -2px; }
.ui-bound-door-main { flex: 1; min-inline-size: 0; display: grid; gap: 2px; }
.ui-bound-door-main > .ui-type-body { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-bound-door-readout { flex: none; color: var(--ui-muted); }
.ui-bound-chev { flex: none; inline-size: 20px; block-size: 20px; color: var(--ui-muted); }
[dir="rtl"] .ui-bound-chev { transform: scaleX(-1); }

@media (prefers-reduced-motion: reduce) {
  .ui-bound-door:active { transform: none; }
}


.ui-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: var(--ui-type-label);
  color: var(--ui-ink);
  background: none;
  border: none;
  padding-block: 4px;
  padding-inline: 10px;
  border-radius: 999px;
}
.ui-chip--bordered { border: 1px solid var(--ui-hairline); }

.ui-chip--data.ui-chip--live, .ui-chip--state.ui-chip--live { border: 1px solid var(--ui-hairline); }
.ui-chip-label { white-space: nowrap; }


.ui-chip--live[aria-pressed="true"] { background: var(--ui-hairline); border-color: var(--ui-ink); }
.ui-chip--provenance { color: var(--ui-muted); font: var(--ui-type-meta); }
.ui-chip--live {
  cursor: pointer;
  min-block-size: var(--ui-tap-min);
  min-inline-size: var(--ui-tap-min);
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.ui-chip--live:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }

.ui-chip--toggle { border: 1px solid color-mix(in srgb, var(--ui-ink) 55%, var(--ui-hairline)); }
.ui-chip--toggle[aria-pressed="true"] { border-color: var(--ui-ink); }
.ui-chip--live.ui-chip--toggle[aria-pressed="true"] { background: none; }
.ui-chip--live.ui-chip--toggle {
  transition: transform var(--ui-press-out) var(--ui-motion-curve),
              border-color var(--ui-motion-state);
}

.ui-chip--live[data-inert="not-wired"] {
  color: color-mix(in srgb, var(--ui-muted) 85%, var(--ui-card));
  border-color: color-mix(in srgb, var(--ui-hairline) 70%, var(--ui-card));
}
.ui-chip--live[data-inert="not-wired"] .ui-chip-dot { background: var(--ui-inert-ink); }
.ui-chip-dot {
  inline-size: 6px;
  block-size: 6px;
  border-radius: 50%;
  background: var(--ui-muted);
  flex: none;
}

.ui-chip-label { white-space: nowrap; }
.ui-chip-label--dotted { text-decoration: underline dotted; text-underline-offset: 3px; }


.ui-state { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; justify-items: start; }
.ui-state-waiting { inline-size: 100%; }
.ui-skeleton-line {
  block-size: 14px;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--ui-card) 25%, var(--ui-hairline) 50%, var(--ui-card) 75%);
  background-size: 200% 100%;
  animation: ui-scan 2.2s var(--ui-motion-curve) infinite;
}
.ui-skeleton-line--1 { inline-size: 82%; }
.ui-skeleton-line--2 { inline-size: 64%; }
.ui-skeleton-line--3 { inline-size: 73%; }
@keyframes ui-scan {
  from { background-position: 200% 0; }
  to { background-position: -200% 0; }
}
.ui-state-absence { color: var(--ui-muted); font: var(--ui-type-body); margin: 0; }
.ui-state-failure { border-inline-start: 2px solid var(--ui-hairline); padding-inline-start: 12px; }
.ui-state-failure-title { font: var(--ui-type-label); margin: 0; }
.ui-state-freshness { color: var(--ui-muted); }


.ui-disclosure { justify-self: start; }


.ui-plate { margin: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; }
.ui-plate-mount {
  inline-size: 100%;
  background: var(--ui-card);
  border: 1px solid var(--ui-hairline);
  border-radius: 6px;
  overflow: hidden;
  display: grid;
grid-template-columns: minmax(0, 1fr); }
.ui-plate--4x3 .ui-plate-mount { aspect-ratio: 4 / 3; }
.ui-plate--3x2 .ui-plate-mount { aspect-ratio: 3 / 2; }
.ui-plate--1x1 .ui-plate-mount { aspect-ratio: 1 / 1; }
.ui-plate--16x9 .ui-plate-mount { aspect-ratio: 16 / 9; }
.ui-plate-mount { position: relative; }
.ui-plate-mount > * { inline-size: 100%; block-size: 100%; object-fit: cover; }

.ui-plate-standin {
  position: absolute;
  inset: 0;
  display: grid; grid-template-columns: minmax(0, 1fr);
  place-items: center;
  color: var(--ui-muted);
  
  opacity: 0.9;
  pointer-events: none;
}
.ui-plate-standin .ui-icon { inline-size: 22px; block-size: 22px; }

.ui-plate-meta { display: flex; gap: 0; font: var(--ui-type-meta); color: var(--ui-muted); }

.ui-plate-meta > span + span::before { content: "\0020\00b7\0020"; white-space: pre; }

.ui-viewer {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr) auto;
  align-content: stretch;
  gap: 12px;
  inline-size: 100%;
  block-size: 100%;
  min-block-size: 0;
  background: var(--ui-ground);
}

.ui-seal-mark { color: var(--ui-gold); }


.fs-home { position: relative; display: flex; flex-direction: column; min-block-size: 640px; border: 1px solid var(--ui-hairline); border-radius: 12px; overflow: hidden; margin-block-end: 28px; }
.fs-home-content { flex: 1; display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-content: start; padding: 16px; padding-block-start: 52px; }
.fs-gear { position: absolute; inset-block-start: 8px; inset-inline-end: 8px; display: grid; grid-template-columns: minmax(0, 1fr); place-items: center; inline-size: var(--ui-tap-min); block-size: var(--ui-tap-min); color: inherit; }
.fs-gear svg { inline-size: 20px; block-size: 20px; }
.fs-bar { display: flex; align-items: flex-end; justify-content: space-around; gap: 2px; padding: 6px 4px calc(6px + env(safe-area-inset-bottom, 0px)); border-block-start: 1px solid var(--ui-hairline); }
.fs-seat { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 2px; min-inline-size: var(--ui-tap-min); min-block-size: var(--ui-tap-min); padding: 4px 6px; text-decoration: none; color: inherit; opacity: 0.72; }
.fs-seat svg { inline-size: 22px; block-size: 22px; }
.fs-seat--lit { opacity: 1; }
.fs-seat--lit .fs-seat-label { font-weight: 600; }
.fs-seat--action .fs-seat-glyph { display: grid; grid-template-columns: minmax(0, 1fr); place-items: center; inline-size: 44px; block-size: 44px; border: 2px solid currentColor; border-radius: 50%; margin-block-start: -14px; background: var(--ui-surface, inherit); }
.fs-seat--action { opacity: 1; }
.fs-seat-label { line-height: 1.1; }


.fs-surface { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }


.ui-readout.fs-row-readout { color: var(--ui-muted); }

.oi { display: grid; grid-template-rows: auto 1fr; gap: 12px; inline-size: 100%; }
.oi-top { display: grid; justify-items: start; inline-size: 100%; }

.oi-modes { display: flex; gap: 16px; }
.oi-mode { position: relative; border: none; background: none; padding: 12px 4px; min-block-size: var(--ui-tap-min); min-inline-size: var(--ui-tap-min); font: var(--ui-type-label); color: var(--ui-muted); }
.oi-mode[aria-selected="true"] { color: var(--ui-ink); }

.oi-mode[aria-selected="true"]::after { content: ""; position: absolute; inset-inline: 4px; inset-block-end: 8px; block-size: 2px; border-radius: 1px; background: currentColor; }

.oi-mode[data-inert="not-wired"] { color: color-mix(in srgb, var(--ui-muted) 85%, var(--ui-card)); }

.oi-bar[data-inert="not-wired"] .oi-field { opacity: 0.55; }
.oi-bar[data-inert="not-wired"] .oi-field::placeholder { color: var(--ui-muted); }
.oi-bar[data-inert="not-wired"] .oi-go { border-color: color-mix(in srgb, var(--ui-hairline) 55%, transparent); color: color-mix(in srgb, var(--ui-muted) 55%, transparent); }

.oi-body { display: flex; flex-direction: column; gap: 12px; }
.oi-bar { display: flex; gap: 8px; align-items: center; inline-size: 100%; }
.oi-field { flex: 1; min-inline-size: 0; }


.oi-go { display: grid; place-items: center; inline-size: var(--ui-tap-min); block-size: var(--ui-tap-min); flex: none; border: 1px solid color-mix(in srgb, var(--ui-hairline) 55%, transparent); border-radius: 50%; background: none; color: color-mix(in srgb, var(--ui-muted) 55%, transparent); }
.oi-go[data-armed="yes"] { border-color: var(--ui-ink); color: var(--ui-ink); }
.oi-go[aria-disabled="true"], .oi-go:disabled { background: none; border-color: color-mix(in srgb, var(--ui-hairline) 55%, transparent); color: color-mix(in srgb, var(--ui-muted) 55%, transparent); }
.oi-go .oi-go-mark { display: none; inline-size: 6px; block-size: 6px; border-radius: 50%; background: var(--ui-gold); animation: oi-go-breathe var(--ui-motion-breathe) infinite; }
.oi-go[aria-busy="true"] svg { display: none; }
.oi-go[aria-busy="true"] .oi-go-mark { display: block; }
.oi-go[aria-busy="true"] { pointer-events: none; }
@keyframes oi-go-breathe { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }
@media (prefers-reduced-motion: reduce) { .oi-go .oi-go-mark { animation: none; opacity: 0.7; } }

.oi .oi-mode:focus-visible, .oi .oi-field:focus-visible, .oi .oi-go:focus-visible, .oi .oi-here-act:focus-visible, .oi .pp-base-act:focus-visible, .oi .tr-row-link:focus-visible { outline: 2px solid var(--ui-ink); outline-offset: 1px; }

.co-screen[data-surface="orient-home"] .oi [data-inert="not-wired"] { opacity: 0.7; }
.oi-go svg { inline-size: 20px; block-size: 20px; }

[dir="rtl"] .oi-go svg,
[dir="rtl"] .fs-glyph-onward svg { transform: scaleX(-1); }

.oi-here-act { display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: baseline; inline-size: 100%; border: none; background: none; padding: 12px 2px; color: var(--ui-ink); font: var(--ui-type-label); text-align: start; }
.oi-here-act .ui-chip-dot { align-self: center; }
.oi-here-act .oi-opt-main { flex: none; min-inline-size: auto; overflow: visible; }
.oi-here-meta { margin-inline-start: auto; min-inline-size: 0; }
.fs-anchor-dot { background: var(--ui-gold); }

[data-inert="not-wired"] .fs-anchor-dot { background: var(--ui-inert-ink); }

.oi-band { display: grid; gap: 16px; justify-items: start; inline-size: 100%; margin-block-start: auto; padding-block-start: clamp(24px, 4svh, 40px); }

.oi-body > .oi-band { margin-block-start: 0; padding-block-start: 0; }
.oi-body > .oi-here-act { margin-block-end: 44px; }

.oi-body > .oi-here-act:has(+ .oi-here-nofix) { margin-block-end: 0; }
.oi-body > .oi-here-nofix { margin: 0 0 44px; max-inline-size: 40ch; color: var(--ui-muted); }

.oi-here-act[data-in-flight="true"], .oi-here-act[aria-busy="true"] { pointer-events: none; }
.oi-here-act[data-in-flight="true"] .fs-anchor-dot, .oi-here-act[aria-busy="true"] .fs-anchor-dot { animation: oi-go-breathe var(--ui-motion-breathe) infinite; }
@media (prefers-reduced-motion: reduce) { .oi-here-act[data-in-flight="true"] .fs-anchor-dot, .oi-here-act[aria-busy="true"] .fs-anchor-dot { animation: none; opacity: 0.7; } }
.oi-band-label { color: var(--ui-muted); }
.oi-clear-form { display: contents; }

.oi .ui-state-absence { font: var(--ui-type-meta); margin: -6px 0 0; }
.oi-door .fs-row-main { color: var(--ui-muted); }


.fs-row.oi-row-deep { display: none; }
@media (min-height: 860px) { .fs-row.oi-row-deep { display: flex; } }
.oi-cold-note { max-inline-size: 40ch; color: var(--ui-muted); }
.ad-band-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; inline-size: 100%; }
.ad-band-head h2 { margin: 0; }

.pp-base-act { display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; box-sizing: border-box; min-inline-size: var(--ui-tap-min); min-block-size: var(--ui-tap-min); border: none; background: none; padding: 0; padding-block-start: calc(var(--ui-tap-min) - 1lh); margin-block-start: calc(1lh - var(--ui-tap-min)); color: var(--ui-ink); font: var(--ui-type-label); }

.pp-base-act[data-inert="not-wired"] { color: var(--ui-muted); }
.tr-row--trip { padding-block: 8px; align-items: center; }
.tr-row-link { display: flex; flex: 1; color: inherit; text-decoration: none; }
.tr-trip-grid { flex: 1; display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 8px; min-block-size: var(--ui-tap-min); align-content: center; }
.fs-row-glyph { align-self: center; display: inline-grid; place-items: center; color: var(--ui-muted); flex: none; }
.fs-row-glyph svg { inline-size: 18px; block-size: 18px; }
.fs-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; margin: 0; padding: 0; list-style: none; inline-size: 100%; }
.fs-row { display: flex; gap: 8px; align-items: baseline; justify-content: space-between; padding-block: 12px; border-block-end: 1px solid var(--co-row-rule, var(--ui-hairline)); min-block-size: var(--ui-tap-min); }
.fs-row:last-child { border-block-end: none; }
.fs-row-main { flex: 1; }
.fs-row-readout { flex: none; }
.fs-search { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; }
.fs-search-field { inline-size: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid var(--ui-hairline); border-radius: 10px; background: inherit; color: inherit; font: inherit; }

.fs-search-field::placeholder { color: var(--ui-muted); opacity: 1; }

.fs-search-field::-webkit-search-decoration,
.fs-search-field::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; display: none; }
.fs-doors { display: flex; flex-wrap: wrap; gap: 8px; }
.fs-doorrow { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; }
.fs-tiles { display: flex; gap: 12px; }
.fs-tile { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; justify-items: start; border: 1px solid var(--ui-hairline); border-radius: 10px; padding: 10px 14px; }
.fs-tile-count { font-variant-numeric: tabular-nums; }



.md-stage { display: grid; grid-template-columns: minmax(0, 1fr); place-items: center; min-block-size: 0; }
.md-stage .ui-plate { inline-size: 100%; }
.md-stage .ui-plate-mount { position: relative; }

.md-play {
  position: absolute; inset-block-start: 50%; inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  inline-size: 56px; block-size: 56px; border-radius: 50%; border: none;
  background: var(--ui-media-scrim); color: var(--ui-media-ink);
  display: grid; place-items: center; cursor: pointer;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.md-play:active { transform: translate(-50%, -50%) scale(0.97); transition-duration: var(--ui-press-in); }
.md-play .ui-icon { inline-size: 22px; block-size: 22px; }

.md-dur {
  position: absolute; inset-block-end: 6px; inset-inline-end: 6px;
  inline-size: max-content; block-size: max-content;
  color: var(--ui-media-ink); background: var(--ui-media-lozenge);
  padding-block: 1px; padding-inline: 6px; border-radius: 6px;
  pointer-events: none;
}
.md-foot { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; justify-items: start; inline-size: 100%; }
.md-itemmeta { margin: 0; }

.md-itemmeta > span + span::before { content: "\0020\00b7\0020"; white-space: pre; }
.md-acts { display: flex; align-items: center; gap: 4px; inline-size: 100%; }
.md-icon-act {
  display: grid; place-items: center;
  inline-size: var(--ui-tap-min); block-size: var(--ui-tap-min);
  border: none; background: none; padding: 0; cursor: pointer;
  color: var(--ui-muted); flex: none;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.md-icon-act:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }
.md-icon-act .ui-icon { inline-size: 20px; block-size: 20px; }

.md-icon-act[aria-pressed="true"] { color: var(--ui-gold); }
.md-icon-act[disabled] { cursor: default; }
.md-icon-act[disabled]:active { transform: none; }

.md-acts-lead { margin-inline-start: -10px; }
.md-pos { margin-inline-start: auto; }

.md-inflight-dot {
  display: inline-block; inline-size: 6px; block-size: 6px; border-radius: 50%;
  background: var(--ui-gold); flex: none;
  animation: md-breathe var(--ui-motion-breathe) infinite;
}
@keyframes md-breathe { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } }

.md-couldnot { margin: 0; }

.md-danger-zone { inline-size: 100%; border-block-start: 1px solid var(--ui-hairline); padding-block-start: 8px; }
.md-danger {
  border: none; background: none; padding-block: 10px; padding-inline: 2px;
  min-block-size: var(--ui-tap-min);
  font: var(--ui-type-label); color: var(--ui-ink);
  text-decoration: underline; text-underline-offset: 3px;
  cursor: pointer; text-align: start;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.md-danger:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }

.md-back {
  display: inline-flex; align-items: center; gap: 4px;
  min-block-size: var(--ui-tap-min);
  color: var(--ui-muted); text-decoration: none; font: var(--ui-type-label);
  padding-inline-end: 10px; margin-inline-start: -4px;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.md-back:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }
.md-back .ui-icon { inline-size: 18px; block-size: 18px; }
@media (prefers-reduced-motion: reduce) {
  .md-inflight-dot { animation: none; opacity: 0.7; }
  .md-play:active, .md-icon-act:active, .md-danger:active, .md-back:active { transform: none; }
  .md-play:active { transform: translate(-50%, -50%); }
}


.md-album { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; justify-items: start; inline-size: 100%; }
.md-pagehead { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; justify-items: start; inline-size: 100%; }
.md-pagemeta { margin-block-start: -6px; }


.md-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; inline-size: 100%; }

.md-grid .ui-plate-mount { border: none; }

.md-grid--preview { grid-template-rows: auto; grid-auto-rows: 0; overflow: hidden; }
.md-tile { position: relative; gap: 0; }


.md-band { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; justify-items: start; inline-size: 100%; }
.md-band-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; inline-size: 100%; }
.md-band-title { min-inline-size: 0; overflow-wrap: anywhere; }

.md-band-title > span + span::before { content: "\0020\00b7\0020"; white-space: pre; }


.md-lens { display: flex; gap: 24px; inline-size: 100%; border-block-end: 1px solid var(--ui-hairline); }
.md-lens-tab {
  position: relative; border: none; background: none;
  padding-block: 8px 12px; padding-inline: 2px;
  min-block-size: var(--ui-tap-min); min-inline-size: var(--ui-tap-min);
  text-align: start; font: var(--ui-type-label); color: var(--ui-muted); cursor: pointer;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.md-lens-tab:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }
.md-lens-tab[aria-selected="true"] { color: var(--ui-ink); }
.md-lens-tab[aria-selected="true"]::after {
  content: ""; position: absolute;
  inset-inline-start: 2px; inset-block-end: -1px;
  inline-size: 26px; block-size: 2px; background: var(--ui-ink);
}


.md-tile-link, .md-tile-pick {
  display: block; inline-size: 100%;
  border: none; background: none; padding: 0;
  cursor: pointer; color: inherit; text-decoration: none;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.md-tile-link:active, .md-tile-pick:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }
.md-tile-mark {
  position: absolute; inset-block-start: 0; inset-inline-end: 0;
  inline-size: var(--ui-tap-min); block-size: var(--ui-tap-min);
  display: grid; place-items: center;
  color: var(--ui-media-ink); pointer-events: none;
}
.md-tickdisc {
  inline-size: 24px; block-size: 24px; border-radius: 50%;
  background: var(--ui-media-scrim); border: 1.5px solid var(--ui-media-edge);
  display: grid; place-items: center; color: var(--ui-media-ink);
  transition: border-color var(--ui-motion-state);
}
.md-tickdisc .ui-icon { inline-size: 12px; block-size: 12px; }
.md-tile-pick[aria-pressed="true"] .md-tickdisc { border-color: var(--ui-media-ink); }


.md-selectfoot { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; inline-size: 100%; }

@media (prefers-reduced-motion: reduce) {
  .md-lens-tab:active, .md-tile-link:active, .md-tile-pick:active { transform: none; }
}


.tp-room { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; justify-items: start; inline-size: 100%; }
.tp-back {
  display: inline-flex; align-items: center; gap: 6px;
  min-block-size: var(--ui-tap-min); padding-block: 0; padding-inline: 0;
  border: none; background: none; color: var(--ui-muted); font: var(--ui-type-label);
  text-align: start; cursor: pointer;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.tp-back:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }
.tp-back-glyph { inline-size: 16px; block-size: 16px; rotate: 180deg; }


.tp-head { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; justify-items: start; inline-size: 100%; }
.tp-head--home { inline-size: 100%; }
.tp-head--empty { gap: 8px; }
.tp-dates { color: var(--ui-muted); }
.tp-headmeta { display: inline-flex; align-items: center; gap: 6px; }
.tp-livedot { inline-size: 6px; block-size: 6px; border-radius: 50%; background: var(--ui-muted); flex: none; }
.tp-absence { color: var(--ui-muted); }
.tp-teach { max-inline-size: 44ch; }
.tp-headlist { margin-block-start: 6px; }
.tp-headlist .tp-row { border-block-start: 1px solid var(--ui-hairline); }


.tp-band { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; justify-items: start; inline-size: 100%; }
.tp-bandhead { display: flex; align-items: baseline; gap: 8px; inline-size: 100%; }
.tp-bandhead .ui-type-title { flex: 1; }
.tp-note { max-inline-size: 46ch; }
.tp-empty { max-inline-size: 46ch; color: var(--ui-muted); }
.tp-offline { inline-size: 100%; }
.tp-band-error { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; justify-items: start; inline-size: 100%; }


.tp-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; inline-size: 100%; margin: 0; padding: 0; list-style: none; }
.tp-group { padding-block: 14px 4px; border-block-end: 1px solid var(--ui-hairline); }

.tp-row:not([data-phase="idea"]) + .tp-row[data-phase="idea"] { margin-block-start: 24px; }

.tp-row-glyph { align-self: center; display: inline-grid; place-items: center; color: var(--ui-muted); flex: none; }
.tp-row-glyph svg { inline-size: 18px; block-size: 18px; }
.tp-row {
  display: flex; gap: 8px; align-items: baseline; justify-content: space-between;
  padding-block: 8px; border-block-end: 1px solid var(--ui-hairline);
  min-block-size: var(--ui-tap-min); inline-size: 100%;
}
.tp-row:last-child { border-block-end: none; }

.tp-row-link, .tp-row-fact {
  display: flex; flex: 1; gap: 8px; align-items: center; justify-content: space-between;
  min-block-size: var(--ui-tap-min); border: none; background: none; padding: 0;
  color: inherit; font: inherit; text-align: start;
}
.tp-row-link {
  cursor: pointer;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.tp-row-link:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }
.tp-row-main { flex: 1; min-inline-size: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; justify-items: start; }

.tp-row-main > *, .tp-head > *, .tp-teach, .tp-note, .tr-entry-body, .te-words > * { overflow-wrap: anywhere; min-inline-size: 0; }
.tp-live-name, .tp-door { overflow-wrap: anywhere; }

.tp-person-main, .tp-person-main > *, .tp-back, .cp-tab, .cp-fact, .cp-landing, .tp-confirm-consequence {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

.cp-tabs { flex-wrap: wrap; }
.tp-row-readout { flex: none; color: var(--ui-muted); }
.tp-live-name { font: var(--ui-type-title); }
.tp-door { color: var(--ui-muted); }
.tp-door .tp-row-main { font: var(--ui-type-body); }
.tp-fact {
  display: flex; gap: 8px; align-items: baseline; justify-content: space-between;
  inline-size: 100%; padding-block: 10px; border-block-end: 1px solid var(--ui-hairline);
}
.tp-fact:last-of-type { border-block-end: none; }


.tp-crew { display: flex; align-items: center; gap: 0; inline-size: 100%; border-block-end: 1px solid var(--ui-hairline); }
.tp-crew .tp-row-link { align-items: center; min-block-size: var(--ui-tap-min); }


.tj-entries { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; inline-size: 100%; }
.tr-entry { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; inline-size: 100%; padding-block: 2px; padding-inline-start: 16px; border-inline-start: 2px dashed var(--ui-hairline); }
.tr-entry-link { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; justify-items: start; min-block-size: 0; inline-size: 100%; }
.tr-entry-meta { letter-spacing: 0.01em; }
.tr-entry-body { max-inline-size: 46ch; }
.tr-entry-plate { display: block; margin-block-start: 6px; inline-size: 100%; }
.tr-entry-plate .ui-plate-mount { max-inline-size: 280px; }







.tp-create { display: grid; gap: 12px; inline-size: 100%; }

.tp-create-enter { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0 0 0 0); opacity: 0; pointer-events: none; }
.tp-acts { display: flex; flex-wrap: wrap; gap: 4px 16px; align-items: center; inline-size: 100%; }
.tp-fill-act {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-block-size: var(--ui-tap-min); padding-block: 10px; padding-inline: 22px;
  border: none; border-radius: 999px;
  background: var(--ui-ink); color: var(--ui-ground);
  font: var(--ui-type-label); cursor: pointer;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.tp-fill-act:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }



.tp-fill-act--off,
.tp-fill-act[data-inert="not-wired"] { background: none; color: var(--ui-muted); padding-inline: 0; cursor: default; }
.tp-fill-act--off:active,
.tp-fill-act[data-inert="not-wired"]:active { transform: none; }
.tp-base-act {
  display: inline-flex; align-items: center; gap: 8px;
  min-block-size: var(--ui-tap-min); border: none; background: none;
  padding-block: 10px; padding-inline: 0;
  color: var(--ui-ink); font: var(--ui-type-label); text-align: start; cursor: pointer;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.tp-base-act:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }
.tp-base-act--off,
.tp-base-act[data-inert="not-wired"] { color: var(--ui-muted); cursor: default; }
.tp-base-act--off:active,
.tp-base-act[data-inert="not-wired"]:active { transform: none; }
.tp-base-act .ui-chip-dot { background: var(--ui-gold); }



.tp-base-act--off .ui-chip-dot { background: var(--ui-muted); }
.tp-base-act[data-inert="not-wired"] .ui-chip-dot { background: var(--ui-inert-ink); }
.tp-head-act { margin-block: -10px -12px; }


.tp-roomacts { inline-size: 100%; padding-block-start: 12px; border-block-start: 1px solid var(--ui-hairline); }
.tp-danger-zone { inline-size: 100%; margin-block-start: 4px; padding-block-start: 12px; border-block-start: 1px solid var(--ui-hairline); }
.tp-danger {
  display: inline-flex; align-items: center; gap: 8px;
  min-block-size: var(--ui-tap-min); border: none; background: none;
  padding-block: 10px; padding-inline: 0;
  color: var(--ui-muted); font: var(--ui-type-label); text-align: start; cursor: pointer;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.tp-danger:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }


.tp-inflight { cursor: default; }
.tp-inflight:active { transform: none; }
.tp-inflight .ui-chip-dot { background: var(--ui-gold); animation: ui-breathe var(--ui-motion-breathe) infinite; }
.tp-inflight-count { color: inherit; }
.tp-couldnot { inline-size: 100%; }
@keyframes ui-breathe { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }

.tr-viewblock { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; inline-size: 100%; }
.tr-door { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; inline-size: 100%; }


.tj-day { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; inline-size: 100%; padding-block-start: 4px; }
.tj-day + .tj-day { padding-block-start: 18px; border-block-start: 1px solid var(--ui-hairline); }
.tj-dayhead { display: flex; align-items: baseline; gap: 8px; inline-size: 100%; }
.tj-dayhead .ui-type-title { flex: 1; }

.tj-foot { inline-size: 100%; padding-block-start: 12px; }

.tj-page { inline-size: 100%; }
.tj-page--pinned {
  
  block-size: 100%;
  min-block-size: 0;
  display: grid; grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.tj-page--pinned > .tp-room { overflow-y: auto; min-block-size: 0; overscroll-behavior: contain; align-content: start; }
.tj-foot--pinned {
  background: var(--ui-ground); border-block-start: 1px solid var(--ui-hairline);
  padding-block: 12px 16px;
}


.te-plate { inline-size: 100%; display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; }
.te-words { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; max-inline-size: 52ch; }
.tp-fact-line { color: var(--ui-muted); }


.cp-headrow { display: flex; align-items: center; justify-content: space-between; inline-size: 100%; }
.cp-facts { margin-block-start: -4px; }
.cp-facts .tp-row { padding-block: 4px; }
.cp-fact { color: var(--ui-ink); }
.cp-fact--empty { color: var(--ui-muted); }
.cp-words { inline-size: 100%; }

.cp-field {
  inline-size: 100%; min-block-size: 168px; padding-block: 12px; padding-inline: 16px;
  resize: none; border: 1px solid var(--ui-hairline); border-radius: 10px;
  background: none; color: var(--ui-ink); font: var(--ui-type-body);
  -webkit-appearance: none; appearance: none;
}
.cp-field::placeholder { color: var(--ui-muted); }
.cr-field { inline-size: 100%; }
.cr-name { min-block-size: 48px; }
.cp-photos { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; inline-size: 100%; }
.cp-thumbs { display: flex; gap: 8px; inline-size: 100%; flex-wrap: wrap; }
.cp-thumb {
  inline-size: 72px; block-size: 72px; border-radius: 4px;
  border: 1px solid var(--ui-hairline); overflow: hidden; position: relative;
  background: var(--ui-card); display: grid; grid-template-columns: minmax(0, 1fr);
}
.cp-thumb > img { inline-size: 100%; block-size: 100%; object-fit: cover; }

.cp-page {
  
  block-size: 100%;
  min-block-size: 0;
  display: grid; grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr) auto;
}
.cp-page > .tp-room { overflow-y: auto; min-block-size: 0; overscroll-behavior: contain; align-content: start; }

.cp-foot {
  inline-size: 100%; display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px;
  padding-block: 10px 16px; background: var(--ui-ground);
  border-block-start: 1px solid var(--ui-hairline);
}
.cp-landing { max-inline-size: 46ch; }

.cp-tabs { display: flex; gap: 20px; inline-size: 100%; }
.cp-tab {
  border: none; background: none; padding-block: 10px 8px; padding-inline: 0;
  min-block-size: var(--ui-tap-min); cursor: pointer;
  color: var(--ui-muted); font: var(--ui-type-label); position: relative;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.cp-tab:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }
.cp-tab--on { color: var(--ui-ink); }
.cp-tab--on::after {
  content: ""; position: absolute; inset-inline-start: 0; inset-block-end: 6px;
  inline-size: 24px; block-size: 2px; background: var(--ui-ink);
}
.cr-kind { padding-block-end: 4px; }


.sh-picks { display: flex; gap: 8px; flex-wrap: wrap; inline-size: 100%; padding-block: 6px 2px; }
.sh-pick {
  inline-size: 72px; block-size: 72px; padding: 0; border-radius: 4px;
  border: 1px solid var(--ui-hairline); overflow: hidden; position: relative;
  background: var(--ui-card); cursor: pointer; display: grid; grid-template-columns: minmax(0, 1fr);
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.sh-pick:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }
.sh-pick > img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.sh-pick--on { border: 2px solid var(--ui-ink); }
.sh-pick--off { opacity: 0.28; }
.sh-pick--private::after {
  content: ""; position: absolute; inset-inline-end: 4px; inset-block-end: 4px;
  inline-size: 10px; block-size: 10px; border-radius: 50%; background: var(--ui-ink);
}
.sh-where { padding-block: 0 2px; }
.sh-standing { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; inline-size: 100%; padding-block: 4px 0; }
.sh-acts { padding-block-start: 4px; }

.sh-keep-toggle {
  justify-self: start;
  min-block-size: var(--ui-tap-min);
  padding-block: 10px;
  padding-inline: 14px;
  gap: 10px;
}
.sh-keep-toggle::before {
  content: "";
  inline-size: 18px;
  block-size: 18px;
  border-radius: 50%;
  border: 1.5px solid var(--ui-muted);
  flex: none;
}
.ui-chip--on { border-color: var(--ui-ink); color: var(--ui-ink); }
.sh-keep-toggle.ui-chip--on::before {
  border-color: var(--ui-ink);
  background: var(--ui-ink);
  box-shadow: inset 0 0 0 3px var(--ui-card);
}


.tp-under { display: contents; }

.tp-overlay {
  position: fixed; inset: 0; z-index: 20;
  display: grid; grid-template-columns: minmax(0, 1fr); align-items: end;
}
.tp-scrim { position: absolute; inset: 0; background: var(--ui-scrim); z-index: 2; }

.tp-overlay[data-frozen="true"] .tp-scrim { cursor: default; }

.tp-overlay { overscroll-behavior: contain; }
.tp-scrim { touch-action: none; }
.tp-sheet {
  position: relative; inline-size: 100%; z-index: 3;
  background: var(--ui-card); border: 1px solid var(--ui-hairline); border-block-end: none;
  border-start-start-radius: 16px; border-start-end-radius: 16px;
  padding-block: 8px 20px; padding-inline: 20px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 0;
  box-shadow: var(--ui-sheet-lift);
  
  max-block-size: 82svh;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.tp-sheet-grab { inline-size: 36px; block-size: 4px; border-radius: 2px; margin-block: 0 10px; margin-inline: auto; background: var(--ui-hairline); }
.tp-sheet-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; inline-size: 100%; padding-block: 2px 4px; }
.tp-sheet-head .ui-icon-act { margin-inline-end: -12px; }
.tp-sheet > .tp-note, .tp-sheet > .tp-acts, .tp-sheet > .ui-type-body { padding-block-start: 12px; }
.tp-confirm-consequence { max-inline-size: 46ch; }
.tp-person { display: grid; grid-template-columns: minmax(0, 1fr); inline-size: 100%; border-block-end: 1px solid var(--ui-hairline); }
.tp-person:last-child { border-block-end: none; }
.tp-person-row {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  min-block-size: 52px; padding-block: 6px; padding-inline: 0; inline-size: 100%;
  border: none; background: none; color: inherit; font: inherit; text-align: start; cursor: pointer;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.tp-person-row:active { transform: scale(0.98); transition-duration: var(--ui-press-in); }
.tp-person-main { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; justify-items: start; flex: 1; }
.tp-person--open .tp-person-row { color: var(--ui-ink); }

.tp-person-opts {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; inline-size: 100%;
  padding-block: 0 8px; padding-inline-start: 14px;
  border-inline-start: 2px solid var(--ui-muted); margin-block: 0 10px;
}
.tp-opt {
  display: flex; align-items: center; inline-size: 100%; min-block-size: var(--ui-tap-min);
  border: none; background: none; padding: 0; color: var(--ui-ink); font: var(--ui-type-body);
  text-align: start; cursor: pointer; border-block-end: 1px solid var(--ui-hairline);
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.tp-opt:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }
.tp-opt:last-child { border-block-end: none; }
.tp-opt--done { color: var(--ui-muted); cursor: default; }
.tp-opt--done:active { transform: none; }

.tp-person-opts .tp-opt.tp-danger {
  font: var(--ui-type-label); color: var(--ui-muted);
  border-block-end: none;
}

.tp-person-opts .tp-opt + .tp-opt.tp-danger {
  margin-block-start: 10px; padding-block-start: 10px;
  border-block-start: 1px solid var(--ui-hairline);
}
.tp-opt:has(+ .tp-opt.tp-danger) { border-block-end: none; }


.tr-share-sheet {
  background: var(--ui-card); border: 1px solid var(--ui-hairline); border-radius: 12px;
  padding-block: 16px; padding-inline: 16px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin-block-end: 28px;
  inline-size: 100%;
}


.ui-chip--data.ui-chip--live, .ui-chip--state.ui-chip--live { border: 1px solid var(--ui-hairline); }
.tr-share-sheet { background: var(--ui-card); border: 1px solid var(--ui-hairline); border-radius: 12px; padding-block: 16px; padding-inline: 16px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin-block-end: 28px; }
.tr-share-sheet h2, .tr-share-sheet h3 { margin: 0; }
.tr-sheet-body { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.tr-terms { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.tr-sheet-buttons { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; padding-block-start: 12px; border-block-start: 1px solid var(--ui-hairline); }
.tr-share-confirm { font-weight: 600; }
.tr-share-cancel { color: var(--ui-muted); }
.tr-passport-too { display: flex; align-items: center; gap: 12px; min-block-size: var(--ui-tap-min); cursor: pointer; }
.tr-passport-too input { inline-size: 20px; block-size: 20px; flex: none; margin: 0; accent-color: var(--ui-ink); }
.tr-standing { margin: 0; }
.tr-terms-link {
  display: inline; position: relative; background: none; border: none; padding: 0;
  font: inherit; color: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer;
}
.tr-terms-link::after {
  content: ""; position: absolute; inset-block-start: 50%; inset-inline-start: 50%;
  translate: -50% -50%; inline-size: 100%; block-size: 100%;
  min-inline-size: var(--ui-tap-min); min-block-size: var(--ui-tap-min);
}
.tr-photo-location { margin: 0; }
.tr-private-override { margin: 0; color: var(--ui-ink); }
.tr-chip-row { display: flex; flex-wrap: wrap; gap: 8px; }
.tr-comment-choice, .tr-standing-card {
  background: var(--ui-card); border: 1px solid var(--ui-hairline); border-radius: 12px;
  padding-block: 16px; padding-inline: 16px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; justify-items: start;
  margin-block-end: 16px; inline-size: 100%;
}
.tr-standing-card { border-inline-start: 3px solid var(--ui-muted); }
.tr-choice-row { display: flex; flex-wrap: wrap; gap: 10px; }


@media (prefers-reduced-motion: reduce) {
  .tp-inflight .ui-chip-dot { animation: none; opacity: 0.7; }
  .tp-back:active, .tp-row-link:active, .tp-fill-act:active, .tp-base-act:active, .tp-danger:active { transform: none; }
}



.cn-room { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; inline-size: 100%; }
.cn-cold { margin: 0; }
.cn-group { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; inline-size: 100%; margin: 0; padding-block: 14px 18px; border-block-start: 1px solid var(--ui-hairline); }
.cn-group:first-of-type { border-block-start: none; padding-block-start: 4px; }
.cn-grouphead { margin: 0; }
.cn-rows { border-block-end: 1px solid var(--ui-hairline); }
.cn-row { padding: 0; }

.cn-pick { display: grid; grid-template-columns: var(--ui-tap-min, 44px) minmax(0, 1fr); align-items: center; min-block-size: var(--ui-tap-min, 44px); inline-size: 100%; cursor: pointer; padding-block: 6px; }
.cn-tick { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0 0 0 0); opacity: 0; margin: 0; }
.cn-ring { box-sizing: border-box; inline-size: 24px; block-size: 24px; justify-self: center; border: 1.75px solid var(--ui-hairline); border-radius: 50%; background: transparent; }
.cn-tick:checked + .cn-ring { background: var(--ui-ink); border-color: var(--ui-ink); }
.cn-tick:focus-visible + .cn-ring { outline: 2px solid var(--ui-ink); outline-offset: 2px; }

.cn-field { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; inline-size: 100%; }

.cn-name { box-sizing: border-box; inline-size: 100%; min-inline-size: 0; min-block-size: 48px; padding-block: 8px; padding-inline: 12px; border: 1px solid var(--ui-hairline); border-radius: 10px; background: none; color: var(--ui-ink); font: var(--ui-type-body); -webkit-appearance: none; appearance: none; }
.cn-name:focus-visible { outline: 2px solid var(--ui-ink); outline-offset: 2px; }

.cn-group:not(:has(.cn-tick:checked)) .tp-fill-act { background: none; color: var(--ui-muted); padding-inline: 0; pointer-events: none; }
.cn-group:not(:has(.cn-tick:checked)) .tp-fill-act:active { transform: none; }




.pm-body { inline-size: 100%; }
.pm-cut { display: none; }

.pm-store[data-lens="by-time"] .pm-cut[data-cut="by-time"],
.pm-store[data-lens="by-place"] .pm-cut[data-cut="by-place"] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; justify-items: start; animation: pm-settle var(--ui-motion-settle); }

[dir="rtl"] .pm-store .md-band-head { margin-block-start: 4px; margin-block-end: -4px; }
@keyframes pm-settle { from { opacity: 0; } to { opacity: 1; } }

.pm-store[data-face="gathered"] .md-selectfoot { display: none; }

.pm-select-mark { display: inline-grid; place-items: center; inline-size: 24px; block-size: 24px; }
.pm-select-mark .md-tickdisc { display: none; }
.pm-store .tp-base-act[aria-pressed] { border: 1px solid transparent; border-radius: 8px; }
.pm-store .tp-base-act[aria-pressed="true"] { border-color: var(--ui-hairline); }
.pm-store .tp-base-act[aria-pressed="true"] .pm-select-mark .ui-chip-dot { display: none; }
.pm-store .tp-base-act[aria-pressed="true"] .pm-select-mark .md-tickdisc { display: grid; }

.pm-viewer-layer { position: fixed; inset: 0; z-index: 60; background: var(--ui-ground); overflow: auto; animation: pm-rise var(--ui-motion-rise); }

.pm-store .pm-viewer-layer.fs-home-content[hidden] { display: none; }

.pm-store .pm-viewer-layer.fs-home-content { display: grid; grid-template-rows: minmax(0, 1fr); align-content: stretch; }
@keyframes pm-rise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.pm-viewimg { inline-size: 100%; block-size: 100%; object-fit: contain; }
html[data-pm-viewer="open"] { overflow: hidden; }
html[data-pm-viewer="open"] .fs-bar { display: none; }
@media (prefers-reduced-motion: reduce) {
  .pm-store [data-cut], .pm-viewer-layer { animation-duration: 120ms; animation-name: pm-settle; transform: none; }
}



.co-page {
  
  --ui-surface: var(--ui-ground);
  --co-texture-line: color-mix(in srgb, var(--ui-ink) 3%, transparent);
  --co-wash: color-mix(in srgb, var(--ui-hairline) 55%, transparent);
  --co-recess: color-mix(in srgb, var(--ui-ground) 94%, var(--ui-scrim));
  --co-quiet-edge: color-mix(in srgb, var(--ui-hairline) 58%, var(--ui-muted) 42%);
}

.co-page {
  min-block-size: 100vh;
  min-block-size: 100dvh;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  background: var(--ui-ground);
  color: var(--ui-ink);
}


.co-page > .co-screen { grid-row: 2; }



.co-screen[data-surface="orient-home"] .fs-home-content {
  
  grid-template-rows: 1fr;
  padding-block-start: clamp(48px, 8svh, 64px);
}
.co-screen[data-surface="orient-home"] .fs-surface { grid-template-rows: 1fr; }

.co-skip {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.co-skip:focus {
  position: static;
  inline-size: auto;
  block-size: auto;
  overflow: visible;
  clip-path: none;
  padding: 8px 12px;
  min-block-size: var(--ui-tap-min);
}

.co-devband {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2px;
  padding: 8px 12px;
  border-block-end: 1px solid var(--ui-hairline);
  background: var(--ui-card);
}


@media not all and (min-width: 1000px) {
  .co-devband-note {
    display: none;
  }
}

.co-screen {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  
  background:
    radial-gradient(140% 90% at 50% -20%, var(--co-wash) 0%, transparent 58%),
    repeating-linear-gradient(0deg, transparent 0 3px, var(--co-texture-line) 3px 4px),
    var(--co-recess);
}




.co-screen .fs-home {
  min-block-size: auto;
  overflow: clip;
  border: 0;
  border-radius: 0;
  margin-block-end: 0;
}


@media not all and (min-width: 1000px) {
  .co-screen .fs-bar {
    position: sticky;
    inset-block-end: 0;
    z-index: 1;
    background: var(--bar-ground, var(--ui-ground));
  }

  
  :root {
    scroll-padding-block-end: calc(var(--ui-tap-min) + 32px + env(safe-area-inset-bottom, 0px));
  }
}


.co-door-pair {
  display: grid;
  grid-template-columns: minmax(0, auto);
  justify-items: start;
  gap: 2px;
}

.co-door-note {
  display: block;
  max-inline-size: 100%;
}

.co-screen-note {
  display: block;
  padding-block-end: 8px;
}



.co-screen .fs-surface > .ui-chip,
.co-screen .fs-surface > .co-door-pair,
.co-screen .fs-doorrow > .ui-chip,
.co-screen .fs-doorrow > .co-door-pair,
.co-screen .tp-room > .ui-chip,
.co-screen .tp-room > .co-door-pair { justify-self: start; }
.co-screen .fs-doors > .ui-chip,
.co-screen .fs-doors > .co-door-pair { flex: 0 0 auto; }


.co-screen [data-inert="not-wired"] { cursor: default; }
.co-screen [data-inert="not-wired"]:active { transform: none; }


.co-screen [data-inert="not-wired"],
.co-screen [data-inert="not-wired"] *,
.co-screen [data-inert="not-wired"]::before,
.co-screen [data-inert="not-wired"]::after,
.co-screen [data-inert="not-wired"] *::before,
.co-screen [data-inert="not-wired"] *::after { color: var(--ui-inert-ink) !important; }


.co-screen .oi-bar[data-inert="not-wired"] .oi-field,
.co-screen .ad-home .ad-intake[data-inert="not-wired"] .ad-field,
.co-screen .lp-compose[data-inert="not-wired"] .ad-field { color: var(--ui-ink) !important; }
.co-screen .ad-home .ad-intake[data-inert="not-wired"] .ad-fill { color: var(--ui-muted) !important; }

.co-screen .oi-bar[data-inert="not-wired"] .oi-go { color: color-mix(in srgb, var(--ui-muted) 55%, transparent) !important; }

.co-screen .oi-places .oi-bar[data-inert="not-wired"] .oi-go[data-armed="yes"] { color: var(--ui-ink) !important; }

.co-screen .ad-home .ad-intake[data-inert="not-wired"] .ad-bar .ad-field:not(:placeholder-shown) ~ .ad-fill { color: var(--ui-ink) !important; }
.co-screen .lp-fill[data-inert="not-wired"] { color: var(--ui-ground) !important; }

.co-screen .ad-home .ad-tile--pending[data-inert="not-wired"] .ad-tile-glyph,
.co-screen .ad-home .th-mdoor--pending[data-inert="not-wired"] .th-mdoor-glyph { color: var(--ui-muted) !important; }


.co-screen .plt-not-built .pp-stamp-name,
.co-screen .plt-not-built .plt-add-label { color: var(--ui-muted) !important; }
.co-screen .plt-not-built .pp-stamp-year { color: color-mix(in srgb, var(--ui-muted) 85%, var(--ui-card)) !important; }
.co-screen .plt-not-built.plt-act--text { color: color-mix(in srgb, var(--ui-ink) 54%, var(--ui-card)) !important; }



.co-screen[data-surface="orient-home"] .fs-home-content,
.co-screen[data-surface="passport-home"] .fs-home-content { align-content: stretch; }

.co-screen[data-surface="passport-home"] .plt-page-main { align-content: center; }



.co-screen .tp-room { border-block-start: 0; }


.co-absence {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  gap: 8px;
  align-content: stretch;
  min-block-size: 0;
}
.co-absence-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  padding-block-end: 12px;
  border-block-end: 1px solid var(--co-quiet-edge);
}


[data-family="teaching"].co-absence .co-absence-head { border-block-end: 0; padding-block-end: 0; }

.co-absence-name { overflow-wrap: anywhere; }

.co-absence-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  align-content: center;
  justify-items: start;
  min-block-size: 0;
}


.fr-band {
  padding-block: 14px;
  border-block-end: 1px solid var(--ui-hairline);
  margin-block-end: 18px;
  color: var(--ui-ink);
}

.fs-home-content:has(> .fr-band) { grid-template-rows: auto minmax(0, 1fr); }

.co-screen[data-surface="orient-home"] .fs-home-content:has(> .fr-band) { grid-template-rows: auto minmax(0, 1fr); }


.co-not-found {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  justify-items: start;
}

.co-not-found-addr {
  font: var(--ui-type-readout);
  color: var(--ui-ink);
  overflow-wrap: anywhere;
  margin-block-start: 14px;
}

.co-not-found-addr bdi { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] .co-not-found-addr { text-align: start; }
.co-not-found-body {
  color: var(--ui-muted);
  margin-block-start: 10px;
  max-inline-size: 52ch;
}


.co-back {
  display: inline-grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 6px;
  min-block-size: var(--ui-tap-min);
  padding-inline-end: 8px;
  
  color: var(--ui-muted);
  text-decoration: none;
}


.co-page .ui-readout-caps:lang(ar) {
  letter-spacing: normal;
  text-transform: none;
}


.co-page .ui-meta--refusal:lang(ar) {
  letter-spacing: 0;
  font-weight: 500;
}


.cp-page { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; padding-block: 12px; }
.cp-head { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; }
.cp-name { overflow-wrap: anywhere; }
.cp-character { margin: 0; }
.cp-depth { margin: 0; }
.cp-act { display: inline-flex; align-items: center; min-block-size: var(--ui-tap-min); padding-inline: 14px; border-radius: 999px; text-decoration: none; color: inherit; }

.cp-act--lead {
  justify-self: start;
  gap: 8px; border: none; border-radius: 0; padding-inline: 0;
  font: var(--ui-type-label); color: var(--ui-ink);
}

.cp-act--lead .ui-chip-dot { background: var(--ui-gold); }

.cp-act--lead[data-inert="not-wired"] { color: var(--ui-muted); }
.cp-act--lead[data-inert="not-wired"] .ui-chip-dot { background: var(--ui-inert-ink); }


.cp-checklist .cp-slot-label, .cp-section .cp-slot-label { font: var(--ui-type-title); color: var(--ui-ink); }
.cp-checklist { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; padding-block-start: 12px; border-block-start: 1px solid var(--ui-hairline); }

.cp-slot-head { display: flex; align-items: baseline; gap: 8px; }
.cp-slot-head .cp-slot-label { margin: 0; }
.cp-cities { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); }
.cp-city { display: grid; grid-template-columns: minmax(0, 1fr); }
.cp-city-link { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; min-block-size: var(--ui-tap-min); inline-size: 100%; background: none; border: 0; padding: 0; color: inherit; text-align: start; font: inherit; }
.cp-city-name { overflow-wrap: anywhere; min-inline-size: 0; }
.cp-city-chev { display: inline-grid; place-items: center; color: var(--ui-muted); inline-size: 16px; block-size: 16px; }
.cp-city-chev svg { inline-size: 16px; block-size: 16px; }
[dir="rtl"] .cp-city-chev svg { transform: scaleX(-1); }
.cp-doors { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 16px; }

.cp-doors > .co-door-pair { grid-template-columns: minmax(0, 1fr); justify-items: stretch; }
.cp-door { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; min-block-size: var(--ui-tap-min); padding-block: 10px; border-block-start: 1px solid var(--ui-hairline); color: inherit; text-decoration: none; }
.cp-door-main { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; }
.cp-door-members { overflow-wrap: anywhere; }

.cp-section { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; padding-block-start: 12px; border-block-start: 1px solid var(--ui-hairline); }

.cp-section-members { overflow-wrap: anywhere; }
.cp-section-stage { overflow-wrap: anywhere; }

.cp-claims { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin: 0; padding: 0; list-style: none; }
.cp-claim { margin: 0; }

.cp-claims--authored { gap: 16px; }
.cp-claim--authored { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3px; }
.cp-item-title { margin: 0; color: var(--ui-ink); }
.cp-item-detail { margin: 0; }

.cp-stage-note { margin: 0; }
.cp-checklist-items { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); }
.cp-checklist-item { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; align-items: center; min-block-size: var(--ui-tap-min); }
.cp-tick { inline-size: 20px; block-size: 20px; border: 1px solid var(--ui-hairline); border-radius: 6px; }

.cp-scent { margin: 0; }
.cp-withheld { margin: 0; }

.cp-facts { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; }
.cp-fact { display: flex; gap: 8px; align-items: baseline; justify-content: space-between; padding-block: 10px; border-block-start: 1px solid var(--ui-hairline); }

.cp-fact:last-child { padding-block-end: 0; }
.cp-fact-text { min-inline-size: 0; overflow-wrap: anywhere; }

.cp-act, .cp-door { transition: transform var(--ui-press-out) var(--ui-motion-curve); }
.cp-act:active, .cp-door:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }
@media (prefers-reduced-motion: reduce) {
  .cp-act:active, .cp-door:active { transform: none; }
}


.ck-page { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; padding-block: 12px; }
.ck-page-body { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.ck-head { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; }
.ck-title { overflow-wrap: anywhere; }
.ck-headmeta { margin: 0; }
.ck-items { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: minmax(0, 1fr); }

.ck-item { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; align-items: start;
  padding-block: 12px; border-block-start: 1px solid var(--ui-hairline); }
.ck-item:first-child { border-block-start: none; }
.ck-item-text { min-inline-size: 0; overflow-wrap: anywhere; }
.ck-tickform { margin: 0; display: contents; }

.ck-tick { display: grid; place-items: center; inline-size: var(--ui-tap-min, 44px); block-size: var(--ui-tap-min, 44px);
  border: 1.75px solid var(--ui-hairline); border-radius: 4px; background: transparent;
  color: transparent; text-decoration: none; padding: 0; cursor: pointer; }
.ck-tick svg { inline-size: 22px; block-size: 22px; }
.ck-tick[aria-pressed="true"] { background: var(--ui-ink); border-color: var(--ui-ink); color: var(--ui-ground); }
.ck-scent { margin: 0; }
.ck-back { text-decoration: none; color: var(--ui-ink); justify-self: start; min-block-size: var(--ui-tap-min, 44px); display: inline-flex; align-items: center; }


.ck-scrim { position: fixed; inset: 0; z-index: 20; display: grid; align-items: end; background: var(--ui-scrim, rgba(0, 0, 0, 0.45)); }
.ck-sheet { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 20px;
  background: var(--ui-ground); border-start-start-radius: 16px; border-start-end-radius: 16px; max-block-size: 88svh; overflow-y: auto; }
.ck-offer-title { margin: 0; }
.ck-offer-item { margin: 0; color: var(--ui-muted); }
.ck-offer-line { margin: 0; }
.ck-offer-row, .ck-offer-start { margin: 0; }
.ck-offer-trip { display: flex; align-items: center; justify-content: space-between; gap: 12px; inline-size: 100%;
  min-block-size: var(--ui-tap-min, 44px); padding-block: 10px; border: none; border-block-start: 1px solid var(--ui-hairline);
  background: transparent; color: inherit; text-align: start; cursor: pointer; }
.ck-offer-act { display: inline-flex; align-items: center; justify-content: center; min-block-size: var(--ui-tap-min, 44px);
  padding-inline: 16px; border-radius: 999px; text-decoration: none; font: var(--ui-type-label); cursor: pointer; }
.ck-offer-act--start { border: 1.75px solid var(--ui-ink); background: transparent; color: var(--ui-ink); inline-size: 100%; }
.ck-offer-act--baseline { border: none; background: transparent; color: var(--ui-muted); }


:root {
  --pl-scrim-ink: color-mix(in srgb, black 45%, transparent);
  --pl-sheet-shadow: color-mix(in srgb, black 35%, transparent);
  --pl-pressed-ink: color-mix(in srgb, var(--ui-ink) 72%, var(--ui-gold));
  --pl-pressed-lift: color-mix(in srgb, var(--ui-ground) 55%, var(--ui-card));
}
[data-ground="paper"] {
  --pl-scrim-ink: color-mix(in srgb, black 30%, transparent);
  --pl-sheet-shadow: color-mix(in srgb, black 16%, transparent);
  --pl-pressed-ink: color-mix(in srgb, var(--ui-ink) 72%, var(--ui-gold));
  --pl-pressed-lift: color-mix(in srgb, var(--ui-ground) 55%, var(--ui-hairline));
}


.pl-row, .pl-row *, .pl-sheet, .pl-sheet *, .pl-scrim { box-sizing: border-box; }


.pl-icon-act {
  display: grid; place-items: center;
  inline-size: var(--ui-tap-min); block-size: var(--ui-tap-min);
  border: none; background: none; padding: 0; color: var(--ui-muted); cursor: pointer; flex: none;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.pl-icon-act:active { color: var(--pl-pressed-ink); transform: scale(0.97); transition-duration: var(--ui-press-in); }
.pl-icon-act svg { inline-size: 20px; block-size: 20px; }
.pl-icon-act[aria-pressed="true"] { color: var(--ui-ink); }


.pl-row { display: flex; gap: 8px; align-items: center; inline-size: 100%; border-block-end: 1px solid var(--ui-hairline); }
.pl-row:last-child { border-block-end: none; }

.pl-row--flush { border-block-end: none; }
.pl-row .pl-icon-act { margin-inline-end: -12px; }
.pl-row-door {
  display: flex; flex: 1; align-items: center; min-block-size: var(--ui-tap-min);
  padding-block: 6px; padding-inline: 0; min-inline-size: 0;
  border: none; background: none; color: inherit; text-align: start; cursor: pointer;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.pl-row-door:active { background: var(--pl-pressed-lift); transform: scale(0.98); transition-duration: var(--ui-press-in); }
.pl-row-main { display: grid; gap: 1px; justify-items: start; flex: 1; min-inline-size: 0; }
.pl-name { font: var(--ui-type-body); color: var(--ui-ink); }

.pl-row--door { color: var(--ui-muted); }
.pl-door-face { justify-content: space-between; gap: 8px; }
.pl-door-face:active { background: var(--pl-pressed-lift); }
.pl-door-label { font: var(--ui-type-body); flex: 1; }
.pl-row-readout { flex: none; }
.pl-row-glyph { align-self: center; display: inline-grid; place-items: center; color: var(--ui-muted); flex: none; }
.pl-row-glyph svg { inline-size: 18px; block-size: 18px; }
.pl-scent { text-align: start; }
.pl-nowrap { white-space: nowrap; }



.pl-sheet-layer { position: absolute; inset: 0; z-index: 2; }
.pl-scrim {
  position: absolute; inset: 0; z-index: 2; display: block;
  border: none; padding: 0; cursor: pointer;
  background: var(--pl-scrim-ink);
  transition: opacity var(--ui-motion-scrim, 160ms) linear;
}

.pl-sheet {
  position: absolute; inset-inline: 0; inset-block-end: 0; z-index: 3;
  max-block-size: 88%; overflow-y: auto; overscroll-behavior: contain;
  background: var(--ui-card);
  border-start-start-radius: 16px; border-start-end-radius: 16px;
  border: 1px solid var(--ui-hairline); border-block-end: none;
  padding-block: 8px 20px; padding-inline: 20px;
  display: grid; gap: 0; justify-items: start;
  box-shadow: 0 -8px 32px var(--pl-sheet-shadow);
  transition: transform var(--ui-motion-rise, 280ms) cubic-bezier(0.2, 0.8, 0.2, 1);
}
.pl-grab { inline-size: 36px; block-size: 4px; border-radius: 2px; margin-block: 0 10px; margin-inline: auto; background: var(--ui-hairline); justify-self: center; }
.pl-head { display: grid; gap: 2px; justify-items: start; inline-size: 100%; padding-block-end: 10px; }
.pl-headrow { display: flex; align-items: center; justify-content: space-between; gap: 8px; inline-size: 100%; }
.pl-headrow .ui-type-title { flex: 1; }
.pl-headrow .pl-icon-act { margin-inline-end: -12px; }
.pl-facts { display: grid; gap: 0; inline-size: 100%; margin: 0; padding: 0; list-style: none; }
.pl-fact { display: flex; gap: 8px; align-items: baseline; justify-content: space-between; inline-size: 100%; padding-block: 10px; border-block-start: 1px solid var(--ui-hairline); }
.pl-fact-text { font: var(--ui-type-body); color: var(--ui-ink); }
.pl-exits { display: grid; gap: 0; inline-size: 100%; justify-items: start; border-block-start: 1px solid var(--ui-hairline); padding-block: 4px 2px; }
.pl-ext {
  display: inline-flex; align-items: center; gap: 6px;
  border: none; background: none; padding: 0; cursor: pointer;
  
  min-block-size: var(--ui-tap-min); min-inline-size: var(--ui-tap-min);
  color: var(--ui-muted); font: var(--ui-type-label);
  text-decoration: underline dotted; text-underline-offset: 3px;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.pl-ext:active { color: var(--pl-pressed-ink); transform: scale(0.97); transition-duration: var(--ui-press-in); }
.pl-out-mark { display: inline-grid; place-items: center; flex: none; }
.pl-out-mark svg { inline-size: 12px; block-size: 12px; }

.pl-acts { display: grid; gap: 2px; justify-items: start; inline-size: 100%; padding-block-start: 6px; }
.pl-base-act {
  display: inline-flex; align-items: center; gap: 8px; min-block-size: var(--ui-tap-min);
  border: none; background: none; padding-block: 10px; padding-inline: 2px;
  color: var(--ui-ink); font: var(--ui-type-label); text-align: start; cursor: pointer;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.pl-base-act:active { color: var(--pl-pressed-ink); transform: scale(0.97); transition-duration: var(--ui-press-in); }
.pl-act-dot { inline-size: 6px; block-size: 6px; border-radius: 50%; background: var(--ui-gold); flex: none; }

.pl-act-dot[data-breathing="true"] { animation: pl-breathe var(--ui-motion-breathe, 1200ms) linear infinite; }
@keyframes pl-breathe { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } }
.pl-base-act[aria-busy="true"] { cursor: default; }


.pl-could-not { margin: 0; color: var(--ui-ink); }



@media (prefers-reduced-motion: reduce) {
  .pl-row, .pl-row *, .pl-sheet, .pl-sheet *, .pl-scrim {
    transition-duration: 0s !important;
    animation-duration: 0s !important;
    animation-iteration-count: 1 !important;
  }
  .pl-icon-act:active, .pl-row-door:active, .pl-ext:active, .pl-base-act:active { transform: none; }
  .pl-act-dot[data-breathing="true"] { opacity: 0.7; }
}


@media (min-width: 700px) {
  .pl-sheet { max-inline-size: 520px; margin-inline: auto; }
}



.ex-listhead { display: flex; align-items: baseline; gap: 12px; }
.ex-listhead-title { flex: 1; margin: 0; }
.ex-chips { display: flex; gap: 8px; padding-block: 2px 6px; }
.ex-letter { padding-block: 14px 4px; color: var(--ui-muted); }

.ex-index .tp-door { color: var(--ui-ink); }
.ex-index .tp-door .ui-type-meta { color: var(--ui-muted); }


.ci-page { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; padding-block: 12px; }
.ci-head { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; }
.ci-headrow { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: start; }
.ci-headline { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; min-inline-size: 0; }
.ci-name { overflow-wrap: anywhere; margin: 0; }
.ci-character { margin: 0; }
.ci-depth { margin: 0; }
.ci-icon-act { display: inline-flex; align-items: center; justify-content: center; justify-self: start; min-inline-size: var(--ui-tap-min); min-block-size: var(--ui-tap-min); background: none; border: 0; color: inherit; padding: 0; }
.ci-acts { display: flex; }
.ci-act { display: inline-flex; align-items: center; gap: 8px; min-block-size: var(--ui-tap-min); padding-inline: 2px; text-decoration: none; color: inherit; }
.ci-act .ui-chip-dot { background: var(--ui-gold); }
.ci-band { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
.ci-bandhead { display: flex; align-items: baseline; }
.ci-bandhead h2 { margin: 0; }
.ci-band-line { margin: 0; }
.ci-places, .ci-doors { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; }
.ci-places { margin-block-start: 4px; }
.ci-sections { gap: 24px; }
.ci-place-door { display: grid; grid-template-columns: minmax(0, 1fr); }
.ci-door { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; min-block-size: var(--ui-tap-min); text-decoration: none; color: inherit; }
.ci-door-main { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; min-inline-size: 0; }
.ci-door-title { display: block; }
.ci-door-members { display: block; color: var(--ui-muted); }
.ci-chevron { display: inline-grid; place-items: center; color: var(--ui-muted); flex: none; inline-size: 16px; block-size: 16px; }
.ci-chevron svg { inline-size: 16px; block-size: 16px; }
[dir="rtl"] .ci-chevron svg { transform: scaleX(-1); }
.ci-overview { gap: 12px; }
.ci-overview-line { margin: 0; }
.ci-notes { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.ci-note { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; min-inline-size: 0; }
.ci-note-name { display: block; }
.ci-note-line { display: block; }
.ci-note[data-zone="area"] .ci-note-line { color: var(--ui-muted); }
.ci-facts { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); }
.ci-fact { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: baseline; min-block-size: var(--ui-tap-min); }
.ci-fact-main { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; }



.rr-page, .rr-page *, .rr-page *::before, .rr-page *::after { box-sizing: border-box; }

.rr-page h1, .rr-page h2, .rr-page h3, .rr-page p, .rr-page ul, .rr-page figure { margin: 0; }
.rr-page ul { padding: 0; list-style: none; }


.rd-app {
  
  --rd-page-ground: color-mix(in srgb, var(--ui-ground) 88%, var(--ui-scrim));
  --rd-row-rule: color-mix(in srgb, var(--ui-hairline) 72%, transparent);
  
  --rd-seam: color-mix(in srgb, var(--ui-hairline) 60%, var(--ui-muted) 40%);
  --rd-quiet-edge: color-mix(in srgb, var(--ui-hairline) 58%, var(--ui-muted) 42%);
  --rd-quiet-ink: var(--ui-muted);
  --rd-quiet-ink-lifted: color-mix(in srgb, var(--ui-muted) 55%, var(--ui-ink) 45%);
  --rd-entry-rule: 2px dashed color-mix(in srgb, var(--ui-hairline) 68%, var(--ui-muted) 32%);
  --rd-texture-line: color-mix(in srgb, var(--ui-ink) 3%, transparent);
  --rd-wash: color-mix(in srgb, var(--ui-hairline) 55%, transparent);
  --rd-glass: color-mix(in srgb, var(--ui-ground) 66%, transparent);
  --rd-glass-edge: color-mix(in srgb, var(--ui-ink) 12%, transparent);
  --rd-panel-shadow: 0 8px 24px var(--ui-scrim);
  --rd-local-pad: 20px;
}


.rd-app {
  position: relative;
  display: flex;
  flex-direction: column;
  block-size: 100%;
  min-block-size: 0;
  overflow: hidden;
  background: var(--ui-ground);
  color: var(--ui-ink);
}
.rd-mapfield {
  flex: none;
  block-size: 36svh;
  min-block-size: 220px;
  position: relative;
  background:
    radial-gradient(140% 90% at 50% -20%, var(--rd-wash) 0%, transparent 58%),
    repeating-linear-gradient(0deg, transparent 0 3px, var(--rd-texture-line) 3px 4px),
    var(--rd-page-ground);
}


.rd-sheet {
  flex: 1;
  min-block-size: 0;
  min-inline-size: 0;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  background: var(--ui-ground);
  border-start-start-radius: 16px;
  border-start-end-radius: 16px;
  border-block-start: 1px solid var(--rd-seam);
  margin-block-start: -16px;
  padding: 20px;
  padding-block-start: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
  align-content: start;
  justify-items: start;
}

.rd-sheet .ui-readout,
.rd-sheet .ui-readout-caps { color: var(--rd-quiet-ink); }
.rd-aside, .rd-tunepanel { --rd-quiet-ink: var(--rd-quiet-ink-lifted); }
.rd-aside .ui-type-meta, .rd-tunepanel .ui-type-meta { color: var(--rd-quiet-ink); }
.rd-quiet { color: var(--ui-muted); }


.rd-read p { unicode-bidi: plaintext; }
.rd-zonehead .ui-type-title,
.rd-zone > .ui-type-meta,
.rd-place-main > span,
.rd-listrow-main,

.rd-measure { unicode-bidi: isolate; }


.rd-act {
  display: grid;
  place-items: center;
  inline-size: var(--ui-tap-min);
  block-size: var(--ui-tap-min);
  border: none;
  background: none;
  padding: 0;
  color: var(--ui-muted);
  cursor: pointer;
  flex: none;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.rd-act:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }
.rd-act svg { inline-size: 20px; block-size: 20px; }
.rd-act[aria-pressed="true"] { color: var(--ui-ink); }

.rd-a11y {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.rd-back, .rd-tune {
  position: absolute;
  display: grid;
  place-items: center;
  inline-size: var(--ui-tap-min);
  block-size: var(--ui-tap-min);
  border-radius: 50%;
  background: var(--ui-ground);
  border: 1px solid var(--ui-hairline);
  color: var(--ui-ink);
  text-decoration: none;
  cursor: pointer;
  padding: 0;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.rd-back { inset-block-start: 12px; inset-inline-start: 12px; }

.rd-tune { inset-block-end: 28px; inset-inline-end: 12px; z-index: 3; }
.rd-back:active, .rd-tune:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }
.rd-back svg, .rd-tune svg { inline-size: 20px; block-size: 20px; }


.rd-back-glyph { transform: scaleX(-1); }
[dir="rtl"] .rd-back-glyph { transform: none; }

.rd-tune[aria-expanded="true"], .rd-tune[data-facets="on"] { border-color: var(--ui-ink); }

.rd-tune-glyph {
  position: relative;
  display: block;
  inline-size: 20px;
  block-size: 20px;
}
.rd-tune-glyph::before {
  content: "";
  position: absolute;
  inset-inline: 1px;
  inset-block-start: 3px;
  block-size: 1.5px;
  background: currentColor;
  box-shadow: 0 5.5px 0 0 currentColor, 0 11px 0 0 currentColor;
}
.rd-tune-glyph::after {
  content: "";
  position: absolute;
  inline-size: 4px;
  block-size: 4px;
  border-radius: 50%;
  border: 1.5px solid currentColor;
  background: var(--ui-ground);
  inset-block-start: 1.5px;
  inset-inline-start: 4px;
  box-shadow:
    5.5px 5.5px 0 -1.5px var(--ui-ground),
    5.5px 5.5px 0 0 currentColor,
    -1px 11px 0 -1.5px var(--ui-ground),
    -1px 11px 0 0 currentColor;
}


.rd-anchor {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: var(--ui-gold);
  pointer-events: none;
}
.rd-anchor svg { inline-size: 16px; block-size: 16px; }



.rd-marks {
  position: absolute;
  inset: 0;
  pointer-events: none;
  direction: ltr;
}
.rd-mark-label { unicode-bidi: plaintext; }
.rd-mark {
  position: absolute;
  
  pointer-events: auto;
  text-decoration: none;
  inset-inline-start: var(--x);
  inset-block-start: var(--y);
  max-inline-size: 46%;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transform: translate(-3px, -50%);
  color: var(--ui-muted);
  white-space: nowrap;
}

.rd-mark::before {
  content: "";
  inline-size: 6px;
  block-size: 6px;
  border-radius: 50%;
  background: currentColor;
  flex: none;
}

.rd-mark::after {
  content: "";
  position: absolute;
  inline-size: var(--hit);
  block-size: var(--hit);
  inset-block-start: 50%;
  inset-inline-start: 3px;
  transform: translate(-50%, -50%);
}
.rd-mark--flip::after {
  inset-inline-start: auto;
  inset-inline-end: 3px;
  transform: translate(50%, -50%);
}

.rd-mark--flip {
  flex-direction: row-reverse;
  inset-inline-start: auto;
  inset-inline-end: calc(100% - var(--x));
  transform: translate(3px, -50%);
}
.rd-mark-label { font: var(--ui-type-meta); font-size: 11px; line-height: 14px; }


.rd-scale {
  position: absolute;
  inset-block-start: 12px;
  inset-inline-end: 12px;
  z-index: 1;
  display: flex;
  gap: 2px;
  padding-inline: 6px;
  block-size: var(--ui-tap-min);
  border-radius: 22px;
  background: var(--rd-glass);
  border: 1px solid var(--rd-glass-edge);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
.rd-scale-tab {
  position: relative;
  border: none;
  background: none;
  padding-inline: 8px;
  min-block-size: var(--ui-tap-min);
  min-inline-size: var(--ui-tap-min);
  font: var(--ui-type-label);
  color: var(--ui-muted);
  cursor: pointer;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.rd-scale-tab:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }
.rd-scale-tab[aria-checked="true"] { color: var(--ui-ink); }

.rd-scale-tab[aria-checked="true"]::after {
  content: "";
  position: absolute;
  inset-inline: 8px;
  inset-block-end: 10px;
  block-size: 2px;
  border-radius: 1px;
  background: currentColor;
}


.rd-head { display: grid; gap: 4px; justify-items: start; inline-size: 100%; }
.rd-headrow { display: flex; gap: 8px; align-items: center; inline-size: 100%; }
.rd-headrow .ui-type-display { flex: 1; }

.rd-headrow .rd-act { margin-inline-end: calc(-1 * min(12px, var(--rd-local-pad, 12px))); }
.rd-where { color: var(--ui-muted); }
.rd-prov { display: inline-flex; align-items: center; gap: 6px; }
.rd-read { display: grid; gap: 12px; max-inline-size: 52ch; }
.rd-aside {
  border-inline-start: var(--rd-entry-rule);
  padding-block: 2px;
  padding-inline-start: 16px;
  display: grid;
  gap: 6px;
  justify-items: start;
  inline-size: 100%;
}
.rd-aside .ui-readout-caps { margin-block-end: -2px; }


.rd-around { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; inline-size: 100%; }
.rd-sectionhead {
  display: flex;
  align-items: baseline;
  gap: 8px;
  inline-size: 100%;
  padding-block-end: 6px;
}
.rd-sectionhead .rd-slot-label { flex: 1; }
.rd-slot-label { color: var(--ui-muted); }
.rd-zone {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  justify-items: start;
  inline-size: 100%;
  padding-block: 14px 6px;
  border-block-start: 1px solid var(--rd-row-rule);
}
.rd-zone:first-of-type { border-block-start: none; padding-block-start: 6px; }
.rd-zone--empty { padding-block-end: 10px; }

.rd-facet-empty { padding-block: 6px 10px; }
.rd-zonehead { display: flex; gap: 8px; align-items: baseline; inline-size: 100%; }
.rd-zonehead .ui-type-title { flex: 1; }
.rd-prov-dev {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: var(--ui-type-meta);
  color: var(--ui-muted);
}
.rd-prov-word { white-space: nowrap; }
.rd-places {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  inline-size: 100%;
  margin-block-start: 4px;
}
.rd-place {
  display: flex;
  gap: 8px;
  align-items: center;
  inline-size: 100%;
  border-block-end: 1px solid var(--rd-row-rule);
}
.rd-place:last-child { border-block-end: none; }
.rd-place .rd-act { margin-inline-end: calc(-1 * min(12px, var(--rd-local-pad, 12px))); }
.rd-place-door {
  display: flex;
  flex: 1;
  align-items: center;
  min-block-size: var(--ui-tap-min);
  padding-block: 6px;
  color: inherit;
  text-decoration: none;
  min-inline-size: 0;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.rd-place-door:active { transform: scale(0.98); transition-duration: var(--ui-press-in); }
.rd-place-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1px;
  justify-items: start;
  flex: 1;
  min-inline-size: 0;
}
.rd-nowrap { white-space: nowrap; }
.rd-door { color: var(--ui-muted); }
.rd-door .rd-place-door { justify-content: space-between; gap: 8px; }
.rd-door .ui-readout { flex: none; }


.rd-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; inline-size: 100%; }
.rd-listrow {
  display: flex;
  gap: 8px;
  align-items: baseline;
  justify-content: space-between;
  padding-block: 12px;
  min-block-size: 44px;
  border-block-end: 1px solid var(--rd-row-rule);
}
.rd-listrow:last-child { border-block-end: none; }
.rd-listrow-main { flex: 1; min-inline-size: 0; }

.rd-credit { inline-size: 100%; }



.rd-tunescrim {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: none;
  border: none;
  padding: 0;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  display: block;
}

.rd-tunepanel {
  position: absolute;
  z-index: 3;
  inset-inline-start: 12px;
  inset-inline-end: 64px;
  inset-block-end: 12px;
  background: var(--rd-glass);
  border: 1px solid var(--rd-glass-edge);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-radius: 12px;
  padding: 12px 14px 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  justify-items: start;
  box-shadow: var(--rd-panel-shadow);
}
.rd-seg { display: flex; flex-wrap: wrap; gap: 0 8px; }

.rd-facet {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--ui-tap-min);
  padding-block: 6px;
  padding-inline: 0;
  margin: 0;
  border: none;
  background: none;
  cursor: pointer;
  font: var(--ui-type-label);
  color: var(--ui-muted);
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.rd-facet:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }
.rd-facet[aria-pressed="true"] { color: var(--ui-ink); }
.rd-facet-label {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  min-block-size: 32px;
  border: 1px solid var(--rd-quiet-edge);
  
  padding: 5px 10px;
  border-radius: 999px;
}
.rd-facet[aria-pressed="true"] .rd-facet-label { border-color: var(--ui-ink); }




.rd-beneath {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-block-size: 0;
  overflow: hidden;
}





.rd-app a:focus-visible,
.rd-app button:focus-visible { outline: 2px solid var(--ui-ink); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
  .rd-act:active, .rd-back:active, .rd-tune:active, .rd-ext:active,
  .rd-place-door:active, .rd-scale-tab:active, .rd-facet:active,
}


@media (min-width: 700px) {
  .rd-sheet > * { max-inline-size: 640px; inline-size: 100%; margin-inline: auto; }
}

@media (min-width: 1000px) {
  
  .rd-app, .rd-beneath { flex-direction: row; }
  .rd-mapfield { flex: none; inline-size: 42%; block-size: auto; min-block-size: 0; }
  .rd-sheet {
    margin-block-start: 0;
    border-start-start-radius: 0;
    border-start-end-radius: 0;
    border-block-start: none;
    border-inline-start: 1px solid var(--ui-hairline);
    padding-inline: 48px;
    padding-block-start: 72px;
  }
  .rd-sheet > * { max-inline-size: 720px; margin-inline: 0; }
  .rd-tunepanel { inset-inline-start: auto; inset-inline-end: 64px; inline-size: 320px; }
}


.rd-app[data-tune="closed"] .rd-tunepanel,
.rd-app[data-tune="closed"] .rd-tunescrim { display: none; }
.rd-app[data-tune="closed"] [data-for-panel="open"] { display: none; }
.rd-app[data-tune="open"] [data-for-panel="closed"] { display: none; }
.rd-app[data-facet="none"] [data-for-facet]:not([data-for-facet="none"]) { display: none; }
.rd-app[data-facet="food-drink"] [data-for-facet]:not([data-for-facet="food-drink"]) { display: none; }
.rd-app[data-facet="culture-sights"] [data-for-facet]:not([data-for-facet="culture-sights"]) { display: none; }
.rd-app[data-facet="nightlife"] [data-for-facet]:not([data-for-facet="nightlife"]) { display: none; }
.rd-app[data-facet="shopping"] [data-for-facet]:not([data-for-facet="shopping"]) { display: none; }
.rd-app[data-facet="nature-parks"] [data-for-facet]:not([data-for-facet="nature-parks"]) { display: none; }
.rd-app[data-facet="local-life"] [data-for-facet]:not([data-for-facet="local-life"]) { display: none; }


:root { --plt-face-body: "Inter", "Inter Fallback", system-ui, sans-serif; --plt-face-readout: "IBM Plex Mono", "IBM Plex Mono Fallback", "Menlo", monospace; }

:root {
  --plt-print-a: color-mix(in srgb, var(--ui-ink) 5%, transparent);
  --plt-print-b: color-mix(in srgb, var(--ui-ink) 4%, transparent);
  --plt-land-op: 0.20;
  --plt-tint-step: 0.26;
  
  --plt-grade-0: 1;
  --plt-grade-1: 0.72;
  --plt-grade-2: 0.5;
  --plt-grade-3: 0.34;
  
  --plt-band-arc-op: 0.30;
  --plt-band-rule-op: 0.12;
}
[data-ground="paper"] {
  --plt-land-op: 0.22;
}


.plt-page { display: grid; grid-template-rows: auto 1fr; align-content: start; gap: 0; inline-size: 100%; }
.plt-page-head { display: grid; gap: 14px; justify-items: start; inline-size: 100%; align-self: start; padding-block-end: 16px; }

.plt-page-main { display: grid; align-content: start; justify-items: start; inline-size: 100%; gap: 24px; }

@media not all and (min-width: 1000px) {
  .plt-page-main { gap: 12px; }
}
.plt-page-body { display: grid; gap: 14px; justify-items: start; inline-size: 100%; }
.plt-page-foot { display: grid; gap: 10px; justify-items: start; inline-size: 100%; }
.pp-pagehead { display: grid; gap: 10px; justify-items: start; inline-size: 100%; }
.plt-plate-stage { inline-size: 100%; display: grid; gap: 8px; justify-items: start; }


.pp-plate { inline-size: 100%; min-inline-size: 0; max-inline-size: 100%; border: 1px solid var(--ui-hairline); border-radius: 14px; padding: 5px; background: var(--ui-card); }
.pp-plate-inner { min-inline-size: 0; max-inline-size: 100%; border: 1px solid var(--ui-hairline); border-radius: 10px; padding: 14px 16px 12px; display: grid; gap: 2px; justify-items: start; background: var(--ui-card); }

.plt-card-texture { background-image: repeating-radial-gradient(circle at 112% -30%, transparent 0 9px, var(--plt-print-a) 9px 10px), repeating-radial-gradient(circle at -12% 128%, transparent 0 13px, var(--plt-print-b) 13px 14px); }
.pp-plate-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; inline-size: 100%; }
.pp-name { margin-block-start: 2px; }
.pp-since { margin-block-start: 1px; color: var(--ui-muted); }


.plt-geo { position: relative; inline-size: 100%; aspect-ratio: 16/6; overflow: hidden; background: var(--ui-card); border: 1px solid var(--ui-hairline); border-radius: 10px; }
.plt-geo--banded { margin-block-end: 8px; }
.plt-geo-nomirror { direction: ltr; unicode-bidi: isolate; }
.plt-geo-fitted { padding: 0; }
.plt-land { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; stroke: none; }
.plt-land-g { fill: var(--ui-ink); opacity: var(--plt-land-op, 0.2); }

.plt-tint { fill: var(--ui-ink); opacity: calc(var(--plt-tint-step) * var(--plt-tint-level, 1) + var(--plt-land-op, 0.2)); }
.plt-geo-dot { position: absolute; inline-size: var(--plt-mark-size, 6px); block-size: var(--plt-mark-size, 6px); border-radius: 50%; transform: translate(-50%, -50%); background: var(--ui-muted); box-shadow: 0 0 0 1.5px var(--ui-card); }
.plt-geo-dot--thisyear.plt-geo-dot--thisyear { inline-size: calc(var(--plt-mark-size, 6px) + 2px); block-size: calc(var(--plt-mark-size, 6px) + 2px); background: var(--ui-gold); }
.plt-geo-cluster { position: absolute; transform: translate(-50%, -50%); min-inline-size: 16px; min-block-size: 16px; padding: 0 3px; border-radius: 999px; background: var(--ui-muted); color: var(--ui-card); box-shadow: 0 0 0 1.5px var(--ui-card); display: grid; place-items: center; font: var(--ui-type-readout-caps); }
.plt-geo-cluster--thisyear { background: var(--ui-gold); color: var(--ui-card); }


.plt-band { position: relative; inline-size: 100%; aspect-ratio: 1000/376; overflow: hidden; background: var(--ui-card); border: 1px solid var(--ui-hairline); border-radius: 10px; }
.plt-band-ground { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; fill: none; }
.plt-band-arcs { stroke: var(--ui-ink); stroke-width: 1.1; opacity: var(--plt-band-arc-op); vector-effect: non-scaling-stroke; }
.plt-band-rules { stroke: var(--ui-ink); stroke-width: 0.6; opacity: var(--plt-band-rule-op); vector-effect: non-scaling-stroke; }

.plt-band-point { position: absolute; inline-size: 7px; block-size: 7px; border-radius: 50%; transform: translate(-50%, -50%); background: var(--ui-gold); opacity: var(--plt-grade-3); }
.plt-band-point[data-grade="0"] { inline-size: 9px; block-size: 9px; opacity: var(--plt-grade-0); }
.plt-band-point[data-grade="1"] { opacity: var(--plt-grade-1); }
.plt-band-point[data-grade="2"] { opacity: var(--plt-grade-2); }


.pp-field { display: flex; flex-wrap: wrap; gap: 10px 12px; align-items: center; inline-size: 100%; padding-block: 16px 18px; margin: 0; list-style: none; }
.plt-stamp-hit { appearance: none; -webkit-appearance: none; background: none; border: none; padding: 0; min-inline-size: 44px; min-block-size: 44px; display: inline-grid; place-items: center; cursor: pointer; color: inherit; font: var(--ui-type-label); }
.pp-stamp { display: grid; gap: 1px; justify-items: center; padding: 7px 13px 6px; border: 1.5px solid var(--ui-muted); border-radius: 8px; color: var(--ui-ink); }
.pp-stamp--compact { padding: 4px 9px 3px; border-width: 1.25px; gap: 0; }
.pp-stamp--next { border-style: dashed; color: var(--ui-muted); min-inline-size: 58px; justify-items: center; align-content: center; }
.pp-stamp-name { font: 600 10.5px/14px var(--plt-face-body); letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; }
.pp-stamp-year { font: 500 10px/13px var(--plt-face-readout); color: var(--ui-muted); letter-spacing: 0.06em; }
.plt-name-primary { font-size: 12.5px; line-height: 16px; font-weight: 600; color: var(--ui-ink); }
.plt-name-meta { font-size: 9.5px; line-height: 13px; font-weight: 400; color: var(--ui-muted); }
.plt-compact .plt-name-primary { font-size: 10.5px; line-height: 14px; }
.plt-compact .plt-name-meta { font-size: 8.5px; line-height: 11px; }

.plt-grade-0 { opacity: var(--plt-grade-0); border-color: var(--ui-ink); }
.plt-grade-1 { opacity: var(--plt-grade-1); }
.plt-grade-2 { opacity: var(--plt-grade-2); }
.plt-grade-3 { opacity: var(--plt-grade-3); }

.pp-stamp--oval { border-radius: 999px; padding-inline: 17px; }
.pp-stamp--oval.pp-stamp--compact { padding-inline: 12px; }
.plt-stamp-hit:active .plt-stamp-act { background: var(--ui-hairline); }

.plt-add-slot { appearance: none; -webkit-appearance: none; background: none; padding: 7px 13px 6px; border-style: dashed; color: var(--ui-muted); cursor: pointer; }
.plt-add-slot.plt-compact { padding: 4px 9px 3px; }
.plt-add-label { color: var(--ui-muted); font-size: 12.5px; line-height: 16px; font-weight: 600; }
.plt-add-slot.plt-compact .plt-add-label { font-size: 10.5px; line-height: 14px; }
.plt-year-group { inline-size: 100%; display: grid; gap: 2px; justify-items: start; }
.plt-year-head { color: var(--ui-muted); font: 500 10px/14px var(--plt-face-readout); letter-spacing: 0.14em; padding-block-start: 8px; margin: 0; }
.plt-year-group .pp-field { padding-block: 4px 6px; }


.pp-mrz { font: 500 10.5px/16px var(--plt-face-readout); letter-spacing: 0.14em; color: var(--ui-muted); inline-size: 100%; min-inline-size: 0; max-inline-size: 100%; padding-block-start: 10px; border-block-start: 1px dashed var(--ui-hairline); margin: 0; }
.plt-strip { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 0; row-gap: 2px; white-space: normal; }
.plt-count { unicode-bidi: isolate; }
.plt-seg { display: inline-flex; align-items: baseline; white-space: nowrap; flex: none; }
.plt-mid { color: var(--ui-muted); white-space: pre; padding-inline: 0.5ch; }


.plt-share-corner { appearance: none; -webkit-appearance: none; background: none; border: none; flex: none; display: inline-grid; place-items: center; min-inline-size: 44px; min-block-size: 44px; margin-block: -8px -10px; margin-inline-end: -10px; padding: 0; color: var(--ui-muted); cursor: pointer; }
.plt-share-corner .ui-icon { inline-size: 20px; block-size: 20px; }
.plt-share-corner:active { color: var(--ui-ink); }


.plt-doors { inline-size: 100%; }


.pp-world-note { margin: 8px 0 4px; color: var(--ui-muted); }

.plt-face-note { margin: 0; }

.plt-empty-line { margin: 0; }
.plt-bidi { unicode-bidi: isolate; }
.plt-sentence { letter-spacing: normal; text-transform: none; }
.plt-projection { color: var(--ui-ink); }
.plt-projection-more { color: var(--ui-muted); }

.plt-unplaceable { color: var(--ui-muted); margin: 0; }
.plt-promise { color: var(--ui-ink); }
.plt-standin-row { display: flex; gap: 10px; align-items: center; color: var(--ui-muted); padding-block: 10px 4px; }

.plt-standin-mark { display: grid; place-items: center; inline-size: 22px; block-size: 22px; flex: none; border: 1.5px dashed currentColor; border-radius: 6px; }


.plt-act-group { display: grid; gap: 6px; justify-items: start; inline-size: 100%; }
.plt-act { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-block-size: 44px; padding: 10px 18px; border: 1px solid var(--ui-ink); border-radius: 999px; background: none; color: var(--ui-ink); cursor: pointer; font: var(--ui-type-label); }
.plt-act--fill { background: var(--ui-ink); color: var(--ui-card); border-color: var(--ui-ink); padding: 13px 24px; min-block-size: 50px; font-weight: 600; }

.plt-not-built { cursor: default; }
.plt-not-built.plt-act--fill { background: none; color: var(--ui-muted); border-color: var(--ui-muted); font-weight: 500; }

.plt-not-built .pp-stamp-name, .plt-not-built .plt-add-label { color: var(--ui-muted); }
.plt-not-built .pp-stamp-year { color: color-mix(in srgb, var(--ui-muted) 85%, var(--ui-card)); }

.plt-not-built.plt-act--text { color: color-mix(in srgb, var(--ui-ink) 54%, var(--ui-card)); font-weight: 500; }

.plt-not-built .pp-stamp:not(.plt-add-slot) { border-style: solid; }
.plt-act--text { border: none; padding: 10px 0; background: none; color: var(--ui-ink); text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; text-decoration-color: var(--ui-hairline); font-weight: 600; }
.plt-act--text::after { content: " \203A"; font-weight: 400; }
.plt-act .ui-icon { inline-size: 20px; block-size: 20px; }
.plt-share-row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; inline-size: 100%; }
.plt-share-note { flex: 1 0 100%; margin: 0; }


.plt-prov-door { inline-size: 100%; }
.plt-prov-door > summary { color: var(--ui-muted); cursor: pointer; min-block-size: 44px; display: flex; align-items: center; gap: 8px; list-style: none; }
.plt-prov-door > summary::-webkit-details-marker { display: none; }
.plt-prov-door > summary::before { content: ""; inline-size: 7px; block-size: 7px; flex: none; border-inline-end: 1.5px solid currentColor; border-block-end: 1.5px solid currentColor; transform: rotate(-45deg); transform-origin: 60% 60%; }
.plt-prov-door[open] > summary::before { transform: rotate(45deg); }
[dir="rtl"] .plt-prov-door > summary::before { transform: rotate(45deg); }
[dir="rtl"] .plt-prov-door[open] > summary::before { transform: rotate(-45deg); }
.plt-provenance { color: var(--ui-muted); font-size: 10.5px; line-height: 15px; margin: 0; }


.plt-card-stack { display: grid; gap: 18px; justify-items: start; inline-size: 100%; }
.pa-card { border: 1px solid var(--ui-hairline); border-radius: 12px; padding: 5px; background: var(--ui-card); max-inline-size: 100%; }
.pa-inner { border: 1px solid var(--ui-hairline); border-radius: 8px; padding: 10px 12px; display: grid; gap: 4px; justify-items: start; }
.plt-card-name { font: var(--ui-type-place-name); }
.plt-card-caption { color: var(--ui-muted); margin: 4px 0 0; }
.plt-more { color: var(--ui-muted); align-self: center; }
.plt-card-chips { padding-block: 4px 2px; gap: 6px 8px; }
.plt-card-band > .plt-geo { align-self: start; margin-block-end: 0; }




:lang(ar) .plt-stamp-voice { letter-spacing: 0.08em; text-transform: uppercase; }
:lang(ar) .plt-sentence { letter-spacing: normal; text-transform: none; }
:lang(ar) .pp-stamp-name { letter-spacing: 0; text-transform: none; }
:lang(ar) .pp-stamp-year { direction: ltr; unicode-bidi: isolate; }
:lang(ar) .pp-mrz { letter-spacing: 0; white-space: normal; }


.stp-page { display: grid; gap: 18px; align-content: start; inline-size: 100%; min-inline-size: 0; }
.stp-pagehead { display: grid; gap: 10px; justify-items: start; inline-size: 100%; }
.stp-lens { display: flex; gap: 24px; inline-size: 100%; border-block-end: 1px solid var(--ui-hairline); }
.stp-lens-tab { position: relative; appearance: none; -webkit-appearance: none; border: none; background: none; padding: 8px 2px 12px; min-block-size: 44px; min-inline-size: 44px; text-align: start; font: var(--ui-type-label); color: var(--ui-muted); cursor: pointer; }
.stp-lens-tab[aria-selected="true"] { color: var(--ui-ink); }

.stp-lens-tab[aria-selected="true"]::after { content: ""; position: absolute; inset-inline-start: 2px; inset-block-end: -1px; inline-size: 26px; block-size: 2px; background: var(--ui-ink); }
.stp-group { display: grid; gap: 10px; justify-items: start; inline-size: 100%; padding-block-start: 6px; }
.stp-group-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; inline-size: 100%; flex-wrap: wrap; }
.stp-pagemeta { margin-block-start: -6px; }
.stp-firsttime { color: var(--ui-muted); }

.stp-stamp { flex: none; }
.stp-citymarks { display: flex; flex-wrap: wrap; gap: 8px 10px; inline-size: 100%; margin: 0; padding: 0; list-style: none; }
.stp-citymark { display: inline-flex; padding: 5px 10px 4px; border: 1.25px solid var(--ui-muted); border-radius: 7px; font: 600 9.5px/13px var(--plt-face-body); letter-spacing: 0.07em; text-transform: uppercase; color: var(--ui-ink); }
.stp-tripgroup { display: grid; gap: 10px; justify-items: start; inline-size: 100%; padding-block-start: 10px; }
.stp-triphead { display: grid; gap: 4px; justify-items: start; inline-size: 100%; border-block-start: 1px dashed var(--ui-hairline); padding-block-start: 12px; }

.stp-grade-0 { opacity: var(--plt-grade-0); border-color: var(--ui-ink); }
.stp-grade-1 { opacity: var(--plt-grade-1); }
.stp-grade-2 { opacity: var(--plt-grade-2); }
.stp-grade-3 { opacity: var(--plt-grade-3); }

.pp-stamp--fresh { border-width: 2.5px; box-shadow: 0 0 0 2px var(--ui-hairline); }
.pp-stamp--fresh.pp-stamp--compact { border-width: 2px; }

.stp-freshline { display: inline-flex; gap: 8px; align-items: center; inline-size: 100%; }

.stp-freshdot { flex: none; inline-size: 6px; block-size: 6px; border-radius: 50%; background: var(--ui-ink); }
:lang(ar) .stp-citymark { letter-spacing: 0; text-transform: none; }


.pw-page { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; align-content: start; inline-size: 100%; }
.pw-pagehead { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; justify-items: start; inline-size: 100%; }
.pw-world .plt-band { aspect-ratio: 16/10; }
.pw-world .plt-band-point { inline-size: 9px; block-size: 9px; }
.pw-world .plt-band-point[data-grade="0"] { inline-size: 11px; block-size: 11px; }
.pw-rows { margin-block-start: 4px; }
.pw-row { inline-size: 100%; background: none; border: 0; padding: 0; font: inherit; text-align: start; }
.pw-row-readout { flex: none; margin-inline-start: 8px; }

.sv-door[data-inert] .pw-row-readout { color: var(--ui-muted); }



.ad-home {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px;
  align-content: start; inline-size: 100%; padding-block-end: 72px;
}


.ad-home .th-half { display: grid; gap: 14px; inline-size: 100%; margin-block-start: 26px; }
.ad-home .th-half--first { margin-block-start: 10px; }
.ad-home .th-half + .th-half { padding-block-start: 22px; border-block-start: 1px solid var(--ui-hairline); }
.ad-home .th-head { display: flex; align-items: baseline; gap: 8px; inline-size: 100%; }


.ad-home .th-media { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; inline-size: 100%; }
.ad-home .th-mdoor {
  display: grid; gap: 10px; place-items: center; align-content: center;
  min-block-size: 84px; border: 1px solid var(--ui-hairline); border-radius: 14px;
  background: none; color: inherit; cursor: pointer; padding: 10px 14px;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.ad-home .th-mdoor:active { transform: scale(0.985); transition-duration: var(--ui-press-in); }
.ad-home .th-mdoor:focus-visible { outline: 2px solid var(--ui-ink); outline-offset: -2px; }
.ad-home .th-mdoor-glyph { display: grid; place-items: center; color: var(--ui-ink); }

.ad-home .th-mdoor-glyph .ui-icon { inline-size: 28px; block-size: 28px; }


.ad-home .th-mdoor--pending { cursor: default; }
.ad-home .th-mdoor--pending:active { transform: none; }
.ad-home .th-mdoor--pending .th-mdoor-glyph { color: var(--ui-muted); opacity: 0.55; }
.ad-home .th-mdoor--pending .ad-tile-label { color: var(--ui-muted); }



.ad-home .fs-headrow { display: flex; align-items: center; justify-content: space-between; inline-size: 100%; }
.ad-home .fs-room-title { margin-block-end: 2px; }


.ad-home .ad-intake { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; inline-size: 100%; }
.ad-home .ad-bar { position: relative; display: flex; gap: 8px; align-items: center; inline-size: 100%; }
.ad-home .ad-field {
  flex: 1; min-inline-size: 0; inline-size: 100%; padding: 12px 16px;
  border: 1px solid var(--ui-hairline); border-radius: 10px; background: transparent;
  color: inherit; font: var(--ui-type-body); min-block-size: var(--ui-tap-min);
  -webkit-appearance: none; appearance: none;
}
.ad-home .ad-field::placeholder { color: var(--ui-muted); }
.ad-home .ad-bar--filled .ad-field { padding-inline-end: 52px; }

.ad-home .ad-fill {
  display: grid; place-items: center; inline-size: var(--ui-tap-min); block-size: var(--ui-tap-min);
  flex: none; border: 1px solid var(--ui-hairline); border-radius: 50%; cursor: pointer;
  background: none; color: var(--ui-muted);
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}

.ad-home .ad-bar .ad-field:not(:placeholder-shown) ~ .ad-fill { border-color: var(--ui-ink); color: var(--ui-ink); }
.ad-home .ad-fill:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }
.ad-home .ad-fill .ui-icon { inline-size: 20px; block-size: 20px; }

.ad-home .ad-fill--busy { cursor: default; border-color: var(--ui-ink); color: var(--ui-ink); }
.ad-home .ad-fill--busy:active { transform: none; }
.ad-home .ad-fill-mark {
  inline-size: 8px; block-size: 8px; border-radius: 50%; background: currentColor;
  animation: ui-breathe var(--ui-motion-breathe) infinite;
}

.ad-home .ad-field-clear {
  position: absolute; inset-inline-end: 48px; inset-block-start: 50%;
  transform: translateY(-50%); inline-size: var(--ui-tap-min); block-size: var(--ui-tap-min);
  display: grid; place-items: center; border: none; background: none;
  color: var(--ui-muted); cursor: pointer;
}
.ad-home .ad-field-clear .ui-icon { inline-size: 18px; block-size: 18px; }


.ad-home .th-line { color: var(--ui-muted); padding-inline: 2px; max-inline-size: 52ch; }


.ad-home .ad-flight { display: flex; align-items: center; justify-content: space-between; gap: 12px; inline-size: 100%; padding-inline: 2px; }
.ad-home .ad-flight-line { color: var(--ui-muted); }


.ad-home .ad-suggest { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; inline-size: 100%; }
.ad-home .ad-sg-row {
  display: flex; gap: 10px; align-items: center; min-block-size: var(--ui-tap-min);
  padding-block: 8px; padding-inline: 2px; color: inherit; text-decoration: none;
  border-block-end: 1px solid var(--ui-hairline);
}
.ad-home .ad-sg-row:last-child { border-block-end: none; }
.ad-home .ad-sg-glyph { display: grid; place-items: center; color: var(--ui-muted); flex: none; }
.ad-home .ad-sg-glyph .ui-icon { inline-size: 20px; block-size: 20px; }
.ad-home .ad-sg-main { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; min-inline-size: 0; }
.ad-home .ad-sg-hit { font-weight: 600; }


.ad-home .ad-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; inline-size: 100%; }
.ad-home .ad-tile {
  display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 4px;
  min-inline-size: 0; min-block-size: var(--ui-tap-min); padding: 4px 0;
  border: none; background: none; color: var(--ui-ink); cursor: pointer; text-decoration: none;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.ad-home .ad-tile:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }
.ad-home .ad-tile-glyph {
  display: grid; place-items: center; inline-size: 48px; block-size: 48px;
  border: 1px solid var(--ui-hairline); border-radius: 10px;
}
.ad-home .ad-tile-glyph .ui-icon { inline-size: 24px; block-size: 24px; }


.ad-home .ad-tile-label {
  font: var(--ui-type-label); white-space: normal; text-align: center;
  max-inline-size: 100%; overflow: visible; hyphens: auto;
}

.ad-home .ad-tile--pending { cursor: default; }
.ad-home .ad-tile--pending:active { transform: none; }
.ad-home .ad-tile--pending .ad-tile-glyph { border-color: var(--ui-hairline); color: var(--ui-muted); opacity: 0.55; }
.ad-home .ad-tile--pending .ad-tile-label { color: var(--ui-muted); }

.ad-flow--absence { display: grid; place-content: center; justify-items: center; padding: 24px; text-align: center; }

.ad-home .ad-pending-note { padding-inline: 2px; margin-block-start: 26px; margin-block-end: 16px; }

.ad-home .ad-intake[data-inert="not-wired"] .ad-field { opacity: 0.55; }
.ad-home .ad-intake[data-inert="not-wired"] .ad-field::placeholder { color: var(--ui-muted); }
.ad-home .ad-intake[data-inert="not-wired"] .ad-bar { border-color: var(--ui-hairline); }
.ad-home .ad-intake[data-inert="not-wired"] .ad-fill { opacity: 0.55; }



.ad-home .ad-offline { display: flex; gap: 8px; align-items: center; color: var(--ui-muted); padding-inline: 2px; }
.ad-home .ad-offline-mark { display: grid; place-items: center; flex: none; }
.ad-home .ad-offline-mark .ui-icon { inline-size: 20px; block-size: 20px; }




.ad-home .ad-band { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; justify-items: start; inline-size: 100%; }
.ad-home .ad-band--resume { gap: 0; }
.ad-home .ad-bandhead { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; inline-size: 100%; }
.ad-home .ad-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; inline-size: 100%; list-style: none; margin: 0; padding: 0; }
.ad-home .ad-row {
  display: flex; gap: 8px; align-items: center; inline-size: 100%;
  min-block-size: var(--ui-tap-min); color: inherit; text-decoration: none;
  border-block-end: 1px solid var(--ui-hairline);
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.ad-home .ad-row:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }
.ad-home .ad-band > .ad-row:last-child, .ad-home .ad-list .ad-row:last-child { border-block-end: none; }
.ad-home .ad-row-link { display: flex; flex: 1; gap: 8px; align-items: center; min-block-size: var(--ui-tap-min); color: inherit; text-decoration: none; }

.ad-home .ad-row-main { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; flex: 1; min-inline-size: 0; }
.ad-home .ad-row--door { justify-content: space-between; }

.ad-home .ad-row--fact { cursor: default; }
.ad-home .ad-row--fact:active { transform: none; }
.ad-home .ad-door-label { color: var(--ui-muted); }
.ad-home .ad-readout { flex: none; color: var(--ui-muted); }
.ad-home .ad-row-act { flex: none; margin-inline-start: auto; }
.ad-home .ad-waiting { align-items: flex-start; padding-block: 8px; }



.ad-home [data-door="pending"], .ad-home [data-door="machinery-not-wired"] { cursor: default; }
.ad-home [data-door="pending"]:active, .ad-home [data-door="machinery-not-wired"]:active { transform: none; }

[data-surface="capture"] .tp-base-act[data-door="pending"],
[data-surface="capture"] .tp-base-act[data-door="machinery-not-wired"] { color: var(--ui-muted); }
[data-surface="capture"] .tp-base-act[data-door="pending"] .ui-chip-dot,
[data-surface="capture"] .tp-base-act[data-door="machinery-not-wired"] .ui-chip-dot { background: var(--ui-muted); }
.ad-home .ad-row[data-door="pending"] .ad-door-label,
.ad-home .ad-row[data-door="machinery-not-wired"] .ad-door-label { color: var(--ui-muted); }


.ad-home:lang(ar) .ad-fill .ui-icon { transform: scaleX(-1); }

@media (prefers-reduced-motion: reduce) {
  .ad-home .ad-fill-mark { animation: none; opacity: 0.7; }
  .ad-home .ad-fill:active, .ad-home .ad-tile:active, .ad-home .ad-row:active { transform: none; }
}


.ad-home {
  
  --ad-wash: color-mix(in srgb, var(--ui-ink) 3%, transparent);
}

.ad-home .ad-tile-glyph {
  border-color: transparent;
  background: var(--ad-wash);
  box-shadow: inset 0 0 0 1px var(--ui-hairline);
}

.ad-home .ad-tile--pending .ad-tile-glyph { border-color: transparent; }

.ad-home .th-mdoor {
  border-color: transparent;
  background: var(--ad-wash);
  box-shadow: inset 0 0 0 1px var(--ui-hairline);
}

.ad-home .ad-field {
  border: 1px solid var(--ui-hairline); border-radius: 12px;
  background: transparent;
  box-shadow: none;
}

.ad-home .fs-room-title { font-size: 34px; line-height: 40px; }

.ad-found {
  --ad-found-rule: color-mix(in srgb, var(--ui-hairline) 55%, transparent);
  background: color-mix(in srgb, var(--ui-ink) 3%, transparent);
  border-radius: 14px;
  padding: 6px 14px;
  box-shadow: inset 0 0 0 1px var(--ui-hairline);
}
.ad-found .ad-row { border-block-end-color: var(--ad-found-rule); }


.ad-home .th-half + .th-half { margin-block-start: 0; padding-block-start: 28px; border-block-start: none; }
.ad-home .fs-room-title { margin-block-end: 6px; }


.ad-mroom .th-line { margin-block: 2px 0; }
.ad-mroom .th-media--one { grid-template-columns: 1fr; }
.ad-home .ad-mreceipt {
  display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 14px; align-items: center;
  inline-size: 100%; margin-block-start: 22px; padding-block-start: 22px; border-block-start: 1px solid var(--ui-hairline);
}
.ad-home .ad-mreceipt-plate {
  inline-size: 64px; block-size: 64px; border-radius: 10px; overflow: hidden;
  display: grid; place-items: center; background: var(--ui-plate, var(--ui-hairline));
}
.ad-home .ad-mreceipt-img { inline-size: 100%; block-size: 100%; object-fit: cover; display: block; }
.ad-home .ad-mreceipt-main { display: grid; gap: 6px; min-inline-size: 0; }
.ad-home .ad-mreceipt .ad-acts { margin-block-start: 4px; }



.st-surface { display: grid; gap: 16px; align-content: start; justify-items: start; inline-size: 100%; }


.st-list { display: grid; gap: 0; inline-size: 100%; }
.st-row { display: flex; gap: 8px; align-items: baseline; justify-content: space-between; padding-block: 12px; min-block-size: var(--ui-tap-min); border-block-end: 1px solid var(--ui-hairline); }
.st-list .st-row:last-child { border-block-end: none; }
.st-row-door { text-decoration: none; color: inherit; inline-size: 100%; transition: transform var(--ui-press-out) var(--ui-motion-curve); }
.st-row-door:active { transform: scale(0.995); transition-duration: var(--ui-press-in); }
.st-row-main { flex: 1; }
.st-row-glyph { align-self: center; display: inline-grid; place-items: center; color: var(--ui-muted); flex: none; }
.st-row-glyph svg { inline-size: 18px; block-size: 18px; }

.st-row-label { flex: 0 0 auto; }
.st-row-value { flex: 1 1 auto; min-inline-size: 0; text-align: end; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.st-row-tall { align-items: center; }
.st-row-tall .st-row-main { display: grid; gap: 2px; }
.st-row-sub { color: var(--ui-muted); max-inline-size: 34ch; }

.st-group-identity { margin-block-end: 16px; }

.st-group-foot { margin-block-start: 16px; }
.st-lede { max-inline-size: 46ch; color: var(--ui-muted); }

.st-optlist { inline-size: 100%; }
.st-optrow { display: flex; align-items: center; justify-content: space-between; gap: 8px; inline-size: 100%; min-block-size: var(--ui-tap-min); padding-block: 12px; border: none; background: none; color: var(--ui-muted); cursor: pointer; text-align: start; border-block-end: 1px solid var(--ui-hairline); transition: transform var(--ui-press-out) var(--ui-motion-curve); }
.st-optlist .st-optrow:last-child { border-block-end: none; }
.st-optrow:active { transform: scale(0.995); transition-duration: var(--ui-press-in); }
.st-optrow[aria-checked="true"] { color: var(--ui-ink); }
.st-tick { display: inline-grid; place-items: center; flex: none; color: var(--ui-ink); }

.st-chip { display: inline-flex; align-items: center; min-block-size: var(--ui-tap-min); padding-block: 6px; padding-inline: 0; margin: 0; border: none; background: none; cursor: pointer; font: var(--ui-type-label); color: var(--ui-muted); transition: transform var(--ui-press-out) var(--ui-motion-curve); }
.st-chip:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }
.st-chip[aria-checked="true"] { color: var(--ui-ink); }
.st-chip-pill { display: inline-flex; align-items: center; white-space: nowrap; min-block-size: 32px; border: 1px solid var(--ui-hairline); padding: 5px 12px; border-radius: 999px; }
.st-chip[aria-checked="true"] .st-chip-pill { border-color: var(--ui-ink); }

.st-act-block { display: grid; gap: 2px; justify-items: start; inline-size: 100%; }
.st-baseline { display: inline-flex; align-items: center; gap: 8px; min-block-size: var(--ui-tap-min); border: none; background: none; padding: 0; color: var(--ui-ink); cursor: pointer; transition: transform var(--ui-press-out) var(--ui-motion-curve); }
.st-baseline:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }
.st-baseline-dot { inline-size: 6px; block-size: 6px; border-radius: 50%; flex: none; background: var(--ui-muted); }
.st-act-note { max-inline-size: 46ch; color: var(--ui-muted); padding-inline-start: 14px; }

.st-destructive-zone { inline-size: 100%; margin-block-start: 8px; padding-block-start: 16px; border-block-start: 1px solid var(--ui-hairline); }

.st-destructive { display: inline-flex; align-items: center; justify-content: flex-start; min-block-size: var(--ui-tap-min); min-inline-size: var(--ui-tap-min); border: none; background: none; padding: 0; color: var(--ui-muted); cursor: pointer; transition: transform var(--ui-press-out) var(--ui-motion-curve); }
.st-destructive:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }

.st-fill { display: inline-flex; align-items: center; justify-content: center; min-block-size: var(--ui-tap-min); min-inline-size: var(--ui-tap-min); padding: 10px 22px; border: none; border-radius: 999px; background: var(--ui-ink); color: var(--ui-ground); font: var(--ui-type-label); cursor: pointer; transition: transform var(--ui-press-out) var(--ui-motion-curve); }
.st-fill:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }

.st-baseline[data-inert="not-wired"],
.st-destructive[data-inert="not-wired"],
.st-optrow[data-inert="not-wired"],
.st-chip[data-inert="not-wired"],
.st-fill[data-inert="not-wired"] { cursor: default; }
.st-baseline[data-inert="not-wired"]:active,
.st-destructive[data-inert="not-wired"]:active,
.st-optrow[data-inert="not-wired"]:active,
.st-chip[data-inert="not-wired"]:active,
.st-fill[data-inert="not-wired"]:active { transform: none; }

.st-baseline[data-inert="not-wired"] { color: color-mix(in srgb, var(--ui-ink) 54%, var(--ui-card)); }
.st-baseline[data-inert="not-wired"] .st-baseline-dot { background: var(--ui-inert-ink); }

.st-destructive[data-inert="not-wired"] { color: color-mix(in srgb, var(--ui-muted) 85%, var(--ui-card)); }

.st-optrow[data-inert="not-wired"] { color: color-mix(in srgb, var(--ui-muted) 85%, var(--ui-card)); }
.st-optrow[data-inert="not-wired"][aria-checked="true"] { color: color-mix(in srgb, var(--ui-ink) 54%, var(--ui-card)); }
.st-optrow[data-inert="not-wired"] .st-tick { color: color-mix(in srgb, var(--ui-ink) 54%, var(--ui-card)); }

.st-chip[data-inert="not-wired"] { color: color-mix(in srgb, var(--ui-muted) 85%, var(--ui-card)); }
.st-chip[data-inert="not-wired"][aria-checked="true"] { color: color-mix(in srgb, var(--ui-ink) 54%, var(--ui-card)); }
.st-chip[data-inert="not-wired"] .st-chip-pill { border-color: color-mix(in srgb, var(--ui-hairline) 70%, var(--ui-card)); }
.st-chip[data-inert="not-wired"][aria-checked="true"] .st-chip-pill { border-color: color-mix(in srgb, var(--ui-ink) 54%, var(--ui-card)); }

.st-fill[data-inert="not-wired"] { background: none; color: color-mix(in srgb, var(--ui-muted) 85%, var(--ui-card)); border: 1px solid color-mix(in srgb, var(--ui-hairline) 70%, var(--ui-card)); }


.st-not-built-note { color: color-mix(in srgb, var(--ui-muted) 85%, var(--ui-card)); max-inline-size: 46ch; }


.tp-sheet .st-destructive-zone { margin-block-start: 0; }


.st-claim-seat { display: grid; gap: 12px; inline-size: 100%; justify-items: start; }
.st-claim-form { display: grid; gap: 12px; inline-size: 100%; justify-items: stretch; }


.st-claim-label { display: block; color: var(--ui-ink); }


.st-claim-box { display: block; inline-size: 100%; }
.st-claim-box--affixed {
  display: flex;
  align-items: center;
  gap: 0;
  border: 1px solid var(--ui-hairline);
  border-radius: 10px;
  padding-inline-start: 16px;
  background: none;
}
.st-claim-affix { color: var(--ui-muted); flex: none; }


.st-claim .ad-field {
  inline-size: 100%;
  min-inline-size: 0;
  padding-block: 12px;
  padding-inline: 16px;
  border: 1px solid var(--ui-hairline);
  border-radius: 10px;
  background: none;
  color: inherit;
  font: var(--ui-type-body);
  min-block-size: var(--ui-tap-min);
  -webkit-appearance: none;
  appearance: none;
}

.st-claim-box--affixed .ad-field {
  border: none;
  border-radius: 0;
  padding-inline-start: 2px;
  background: none;
}

.st-claim-box--affixed .ad-field:focus,
.st-claim-box--affixed .ad-field:focus-visible {
  outline: none;
  box-shadow: none;
}
.st-claim-box--affixed:focus-within {
  outline: 2px solid var(--ui-ink);
  outline-offset: 1px;
}

.st-claim .ad-field:disabled { color: inherit; -webkit-text-fill-color: currentColor; opacity: 1; }


.st-claim-act {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-block-size: 52px;
  border-radius: 12px;
  border: none;
  font: inherit;
  cursor: pointer;
  padding-inline: 16px;
  white-space: nowrap;
  inline-size: 100%;
}
.st-claim-act--lead { background: var(--ui-ink); color: var(--ui-ground); }
.st-claim-quiet {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--ui-tap-min);
  border: none;
  background: none;
  padding: 0;
  color: var(--ui-muted);
  cursor: pointer;
  font: inherit;
}

.st-claim-law { color: var(--ui-muted); max-inline-size: 46ch; margin-block-start: -6px; }
.st-claim-state { color: var(--ui-ink); max-inline-size: 46ch; }


.st-row-username { unicode-bidi: isolate; }
.st-row-affix { color: var(--ui-muted); }



.mn-surface { inline-size: 100%; }
.mn-standing { overflow-wrap: anywhere; min-inline-size: 0; }
.mn-note, .mn-slot, .mn-unallocated { max-inline-size: 46ch; color: var(--ui-muted); }
.mn-offline { inline-size: 100%; }
.mn-transfer-fact { display: flex; flex: 1; gap: 8px; align-items: baseline; justify-content: space-between; min-inline-size: 0; overflow-wrap: anywhere; }

.tp-fact { display: flex; gap: 8px; align-items: baseline; justify-content: space-between; padding-block: 8px; border-block-end: 1px solid var(--ui-hairline); min-block-size: var(--ui-tap-min); inline-size: 100%; }
.tp-fact:last-child { border-block-end: none; }

.mn-foot { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; justify-items: start; inline-size: 100%; padding-block-start: 8px; }

.mn-act { inline-size: 100%; }
.mn-act--baseline { justify-content: flex-end; }
.mn-transfer { flex-wrap: wrap; }
.mn-transfer .mn-act { inline-size: 100%; }

.mn-sheetbody { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; inline-size: 100%; }
.mn-field { display: flex; gap: 8px; align-items: center; justify-content: space-between; inline-size: 100%; min-block-size: var(--ui-tap-min); border-block-end: 1px solid var(--ui-hairline); }

.mn-input {
  flex: 1 1 auto; min-inline-size: 0; min-block-size: var(--ui-tap-min);
  padding-block: 8px; padding-inline: 12px;
  border: 1px solid var(--ui-hairline); border-radius: 10px;
  background: none; color: var(--ui-ink); font: var(--ui-type-body);
  -webkit-appearance: none; appearance: none;
}
.mn-input::placeholder { color: var(--ui-muted); }
.mn-fieldvalue { display: flex; gap: 8px; align-items: baseline; min-inline-size: 0; overflow-wrap: anywhere; }
.mn-group { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; inline-size: 100%; }
.mn-ticks, .mn-selectone, .mn-currency { inline-size: 100%; }
.mn-selectone, .mn-currency { display: flex; flex-wrap: wrap; gap: 8px; }

.mn-selectfield { align-items: center; }

.mn-selectfield .mn-selectone { justify-content: flex-end; inline-size: auto; }
.mn-selectrow { inline-size: 100%; }

.mn-select-one {
  min-block-size: var(--ui-tap-min); padding-block: 0; padding-inline: 12px;
  border: 1px solid var(--ui-hairline); border-radius: 999px;
  background: none; color: inherit; font: inherit; cursor: pointer;
}
.mn-select-one[aria-checked="true"] { border-color: currentColor; }
.mn-tick .tp-row-link { inline-size: 100%; }

.mn-sheetfoot {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; justify-items: start; inline-size: 100%;
  position: sticky; inset-block-end: 0; z-index: 1;
  background: var(--ui-card);
  border-block-start: 1px solid var(--ui-hairline);
  padding-block: 12px 20px; margin-block-end: -20px;
}

.mn-sheetfoot--row { grid-template-columns: minmax(0, auto) minmax(0, auto); justify-content: space-between; align-items: center; }
.mn-sheetfoot--row .mn-act { inline-size: auto; }
.mn-sheetfoot--row .mn-act--baseline { justify-content: flex-end; }
@media (max-width: 22rem) { .mn-sheetfoot--row { grid-template-columns: minmax(0, 1fr); } }
.mn-splitline { color: var(--ui-muted); }


.mn-surface {
  
  --mn-wash: color-mix(in srgb, var(--ui-ink) 3%, transparent);
  --mn-row-rule: color-mix(in srgb, var(--ui-hairline) 55%, transparent);
  gap: 26px;
}


.mn-surface .tp-list {
  background: var(--mn-wash);
  border-radius: 14px;
  padding-inline: 14px;
  
  padding-block: 6px;
  box-shadow: inset 0 0 0 1px var(--ui-hairline);
}
.mn-surface .tp-list > .tp-row,
.mn-surface .tp-list > .tp-fact { border-block-end-color: var(--mn-row-rule); }
.mn-surface .tp-list > .tp-row:last-child,
.mn-surface .tp-list > .tp-fact:last-child { border-block-end: none; }

.mn-surface .tp-list > .tp-group { border-block-end: none; padding-block: 14px 2px; color: var(--ui-muted); }
.mn-surface .tp-list > .tp-group:first-child { padding-block-start: 6px; }

.mn-surface .tp-head { gap: 6px; }
.mn-surface .tp-band { gap: 10px; }




.sv-seg { margin-block-start: 26px; display: grid; gap: 10px; }
.sv-seg + .sv-seg { padding-block-start: 22px; border-block-start: 1px solid var(--ui-hairline); }


.sv-list { list-style: none; margin: 0; padding: 0; display: grid; inline-size: 100%; }
.sv-row { display: flex; align-items: center; min-block-size: 48px; inline-size: 100%; }
.sv-row + .sv-row { border-block-start: 1px solid var(--ui-hairline); }
.sv-row-main { display: grid; gap: 2px; flex: 1; min-inline-size: 0; }

.sv-row-main > .ui-type-body { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sv-row-meta { color: var(--ui-muted); }


.sv-door { display: flex; align-items: center; gap: 8px; flex: 1; min-block-size: 48px; color: inherit; text-decoration: none; }
.sv-door .sv-chev { margin-inline-start: auto; color: var(--ui-muted); flex: none; inline-size: 20px; block-size: 20px; }

[dir="rtl"] .sv-chev { transform: scaleX(-1); }
.sv-door:focus-visible { outline: 2px solid var(--ui-ink); outline-offset: -2px; }

.sv-place-door { display: flex; flex: 1; min-width: 0; min-block-size: 48px; align-items: center; color: inherit; text-decoration: none; }
.sv-place-door:focus-visible { outline: 2px solid var(--ui-ink); outline-offset: -2px; }


.sv-door[data-inert] { cursor: default; }
.sv-door[data-inert] .ui-type-body,
.sv-door[data-inert] .sv-chev { color: var(--ui-muted); }


.sv-cold { color: var(--ui-muted); max-inline-size: 52ch; margin-block-start: 18px; }




.co-screen .fs-home-content{padding:12px 16px 28px;gap:0}
.sv-shelf{display:grid;gap:28px;margin-block-start:6px}
.co-back{color:var(--ui-muted)}
.fs-headrow .ui-type-display{font-size:34px;line-height:40px}
.sv-seg{margin-block-start:0;gap:8px}
.sv-seg + .sv-seg{padding-block-start:0;border-block-start:0}

.th-head .ui-type-title{font:var(--ui-type-title);text-transform:none;color:var(--ui-ink)}

[data-surface=shelf-places] .sv-list{display:grid;grid-template-columns:none;gap:0}
[data-surface=shelf-places] .sv-row{display:flex;align-items:center;gap:14px;position:static;min-block-size:64px;aspect-ratio:auto;padding:10px 0;border-radius:0;overflow:visible;background:none;box-shadow:none;border-block-end:1px solid var(--ui-hairline)}
[data-surface=shelf-places] .sv-row::after{content:none}

[data-surface=shelf-places] .sv-place-door{display:flex;align-items:center;gap:14px;flex:1;min-inline-size:0;min-block-size:56px}

[data-surface=shelf-places] .sv-row-plate{position:relative;flex:none;inline-size:56px;block-size:56px;border-radius:10px;overflow:hidden;background:var(--ui-card);box-shadow:inset 0 0 0 1px var(--ui-hairline)}
[data-surface=shelf-places] .sv-row-plate::after{content:"";position:absolute;inset:0;background:var(--cover,none) center/cover no-repeat}
[data-surface=shelf-places] .sv-row-main{position:static;inset:auto;z-index:auto;display:grid;gap:2px;min-inline-size:0}
[data-surface=shelf-places] .sv-row-main > .ui-type-body{font:var(--ui-type-place-name);color:var(--ui-ink);text-shadow:none;white-space:normal;overflow:visible}
[data-surface=shelf-places] .sv-row-main > .sv-row-where{font:var(--ui-type-meta);color:var(--ui-muted)}

[data-surface=shelf-lists] .sv-list{display:grid;gap:0}
[data-surface=shelf-lists] .sv-row{min-block-size:0;border-block-end:1px solid var(--ui-hairline)}
[data-surface=shelf-lists] .sv-door{min-block-size:56px;padding:14px 0;border-radius:0;gap:12px;background:none;box-shadow:none}
[data-surface=shelf-lists] .sv-door .ui-type-body{font:var(--ui-type-body)}
[data-surface=shelf-lists] .sv-door .sv-chev{inline-size:22px;block-size:22px;color:var(--ui-muted)}

.co-screen .fs-bar{background:var(--ui-ground);border-block-start:1px solid var(--ui-hairline)}

.co-page{min-block-size:100dvh}
.co-screen .fs-home{min-block-size:100dvh;margin-block-end:0}
.co-page > .co-screen{grid-row:2}



.lp-comment { display: grid; gap: 2px; padding-block: 10px; }
.lp-comment + .lp-comment { border-block-start: 1px solid var(--ui-hairline); }
.lp-comment-name { color: var(--ui-muted); }


.lp-compose { display: flex; gap: 8px; align-items: center; margin-block-start: 12px; }
.lp-compose .ad-field { flex: 1; min-inline-size: 0; }

.lp-compose .ad-fill {
  display: grid; place-items: center; inline-size: var(--ui-tap-min); block-size: var(--ui-tap-min);
  flex: none; border: none; border-radius: 50%; cursor: pointer;
  background: var(--ui-ink); color: var(--ui-ground);
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.lp-compose .ad-fill:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }
.lp-compose .ad-fill .ui-icon { inline-size: 20px; block-size: 20px; }
.lp-compose .ad-fill--dead { background: none; border: 1px solid var(--ui-hairline); color: var(--ui-muted); cursor: default; }
.lp-compose .ad-fill--dead:active { transform: none; }

:lang(ar) .lp-compose .ad-fill .ui-icon { transform: scaleX(-1); }


.lp-clear { margin-block-start: 34px; padding-block-start: 22px; border-block-start: 1px solid var(--ui-hairline); display: flex; }
.lp-clear-act {
  display: inline-flex; align-items: center; justify-content: flex-start;
  background: none; border: none; padding: 0;
  min-block-size: var(--ui-tap-min); min-inline-size: var(--ui-tap-min);
  color: var(--ui-destructive); font: inherit; cursor: pointer; text-align: start;
}
.lp-clear-act:focus-visible { outline: 2px solid var(--ui-ink); outline-offset: 2px; }


.tp-sheet[data-surface="list-clear-confirm"] { gap: 18px; padding-block-end: 24px; }
.lp-confirm-head { margin: 0; }
.lp-confirm-line { margin: 0; max-inline-size: 52ch; }

.lp-fill {
  display: grid; place-items: center; inline-size: 100%;
  min-block-size: var(--ui-tap-min); padding: 10px 22px;
  border: none; border-radius: 12px;
  background: var(--ui-ink); color: var(--ui-ground); cursor: pointer;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.lp-fill:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }
.lp-fill:focus-visible { outline: 2px solid var(--ui-ink); outline-offset: 2px; }

.lp-confirm-verb { border-block-start: 1px solid var(--ui-hairline); padding-block-start: 18px; display: flex; justify-content: center; }
.lp-confirm-verb .lp-clear-act { justify-content: center; }


.lp-clear-act[data-inert="not-wired"],
.lp-fill[data-inert="not-wired"],
.lp-compose[data-inert="not-wired"] { cursor: default; }
.lp-clear-act[data-inert="not-wired"] { color: var(--ui-muted); }
.lp-fill[data-inert="not-wired"] { opacity: 0.55; }
.lp-fill[data-inert="not-wired"]:active { transform: none; }
.lp-compose[data-inert="not-wired"] .ad-field { opacity: 0.55; }
.lp-compose[data-inert="not-wired"] .ad-field::placeholder { color: var(--ui-muted); }


:root {
  --pl-scrim-ink: color-mix(in srgb, black 45%, transparent);
  --pl-sheet-shadow: color-mix(in srgb, black 35%, transparent);
  --pl-pressed-ink: color-mix(in srgb, var(--ui-ink) 72%, var(--ui-gold));
  --pl-pressed-lift: color-mix(in srgb, var(--ui-ground) 55%, var(--ui-card));
}
[data-ground="paper"] {
  --pl-scrim-ink: color-mix(in srgb, black 30%, transparent);
  --pl-sheet-shadow: color-mix(in srgb, black 16%, transparent);
  --pl-pressed-ink: color-mix(in srgb, var(--ui-ink) 72%, var(--ui-gold));
  --pl-pressed-lift: color-mix(in srgb, var(--ui-ground) 55%, var(--ui-hairline));
}


.pl-row, .pl-row *, .pl-sheet, .pl-sheet *, .pl-scrim { box-sizing: border-box; }


.pl-icon-act {
  display: grid; place-items: center;
  inline-size: var(--ui-tap-min); block-size: var(--ui-tap-min);
  border: none; background: none; padding: 0; color: var(--ui-muted); cursor: pointer; flex: none;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.pl-icon-act:active { color: var(--pl-pressed-ink); transform: scale(0.97); transition-duration: var(--ui-press-in); }
.pl-icon-act svg { inline-size: 20px; block-size: 20px; }
.pl-icon-act[aria-pressed="true"] { color: var(--ui-ink); }


.pl-row { display: flex; gap: 8px; align-items: center; inline-size: 100%; border-block-end: 1px solid var(--ui-hairline); }
.pl-row:last-child { border-block-end: none; }

.pl-row--flush { border-block-end: none; }
.pl-row .pl-icon-act { margin-inline-end: -12px; }
.pl-row-door {
  display: flex; flex: 1; align-items: center; min-block-size: var(--ui-tap-min);
  padding-block: 6px; padding-inline: 0; min-inline-size: 0;
  border: none; background: none; color: inherit; text-align: start; cursor: pointer;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.pl-row-door:active { background: var(--pl-pressed-lift); transform: scale(0.98); transition-duration: var(--ui-press-in); }
.pl-row-main { display: grid; gap: 1px; justify-items: start; flex: 1; min-inline-size: 0; }
.pl-name { font: var(--ui-type-body); color: var(--ui-ink); }

.pl-row--door { color: var(--ui-muted); }
.pl-door-face { justify-content: space-between; gap: 8px; }
.pl-door-face:active { background: var(--pl-pressed-lift); }
.pl-door-label { font: var(--ui-type-body); flex: 1; }
.pl-row-readout { flex: none; }
.pl-row-glyph { align-self: center; display: inline-grid; place-items: center; color: var(--ui-muted); flex: none; }
.pl-row-glyph svg { inline-size: 18px; block-size: 18px; }
.pl-scent { text-align: start; }
.pl-nowrap { white-space: nowrap; }



.pl-sheet-layer { position: absolute; inset: 0; z-index: 2; }
.pl-scrim {
  position: absolute; inset: 0; z-index: 2; display: block;
  border: none; padding: 0; cursor: pointer;
  background: var(--pl-scrim-ink);
  transition: opacity var(--ui-motion-scrim, 160ms) linear;
}

.pl-sheet {
  position: absolute; inset-inline: 0; inset-block-end: 0; z-index: 3;
  max-block-size: 88%; overflow-y: auto; overscroll-behavior: contain;
  background: var(--ui-card);
  border-start-start-radius: 16px; border-start-end-radius: 16px;
  border: 1px solid var(--ui-hairline); border-block-end: none;
  padding-block: 8px 20px; padding-inline: 20px;
  display: grid; gap: 0; justify-items: start;
  box-shadow: 0 -8px 32px var(--pl-sheet-shadow);
  transition: transform var(--ui-motion-rise, 280ms) cubic-bezier(0.2, 0.8, 0.2, 1);
}
.pl-grab { inline-size: 36px; block-size: 4px; border-radius: 2px; margin-block: 0 10px; margin-inline: auto; background: var(--ui-hairline); justify-self: center; }
.pl-head { display: grid; gap: 2px; justify-items: start; inline-size: 100%; padding-block-end: 10px; }
.pl-headrow { display: flex; align-items: center; justify-content: space-between; gap: 8px; inline-size: 100%; }
.pl-headrow .ui-type-title { flex: 1; }
.pl-headrow .pl-icon-act { margin-inline-end: -12px; }
.pl-facts { display: grid; gap: 0; inline-size: 100%; margin: 0; padding: 0; list-style: none; }
.pl-fact { display: flex; gap: 8px; align-items: baseline; justify-content: space-between; inline-size: 100%; padding-block: 10px; border-block-start: 1px solid var(--ui-hairline); }
.pl-fact-text { font: var(--ui-type-body); color: var(--ui-ink); }
.pl-exits { display: grid; gap: 0; inline-size: 100%; justify-items: start; border-block-start: 1px solid var(--ui-hairline); padding-block: 4px 2px; }
.pl-ext {
  display: inline-flex; align-items: center; gap: 6px;
  border: none; background: none; padding: 0; cursor: pointer;
  
  min-block-size: var(--ui-tap-min); min-inline-size: var(--ui-tap-min);
  color: var(--ui-muted); font: var(--ui-type-label);
  text-decoration: underline dotted; text-underline-offset: 3px;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.pl-ext:active { color: var(--pl-pressed-ink); transform: scale(0.97); transition-duration: var(--ui-press-in); }
.pl-out-mark { display: inline-grid; place-items: center; flex: none; }
.pl-out-mark svg { inline-size: 12px; block-size: 12px; }

.pl-acts { display: grid; gap: 2px; justify-items: start; inline-size: 100%; padding-block-start: 6px; }
.pl-base-act {
  display: inline-flex; align-items: center; gap: 8px; min-block-size: var(--ui-tap-min);
  border: none; background: none; padding-block: 10px; padding-inline: 2px;
  color: var(--ui-ink); font: var(--ui-type-label); text-align: start; cursor: pointer;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.pl-base-act:active { color: var(--pl-pressed-ink); transform: scale(0.97); transition-duration: var(--ui-press-in); }
.pl-act-dot { inline-size: 6px; block-size: 6px; border-radius: 50%; background: var(--ui-gold); flex: none; }

.pl-act-dot[data-breathing="true"] { animation: pl-breathe var(--ui-motion-breathe, 1200ms) linear infinite; }
@keyframes pl-breathe { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } }
.pl-base-act[aria-busy="true"] { cursor: default; }


.pl-could-not { margin: 0; color: var(--ui-ink); }



@media (prefers-reduced-motion: reduce) {
  .pl-row, .pl-row *, .pl-sheet, .pl-sheet *, .pl-scrim {
    transition-duration: 0s !important;
    animation-duration: 0s !important;
    animation-iteration-count: 1 !important;
  }
  .pl-icon-act:active, .pl-row-door:active, .pl-ext:active, .pl-base-act:active { transform: none; }
  .pl-act-dot[data-breathing="true"] { opacity: 0.7; }
}


@media (min-width: 700px) {
  .pl-sheet { max-inline-size: 520px; margin-inline: auto; }
}


.ak-page { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; padding-block: 12px; }
.ak-head { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; }
.ak-head-line { margin: 0; overflow-wrap: anywhere; }
.ak-scope { margin: 0; color: var(--ui-muted); }
.ak-answer, .ak-none { margin: 0; }
.ak-band { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
.ak-bandhead { margin: 0; color: var(--ui-ink); }

.ak-acts { display: grid; grid-template-columns: minmax(0, 1fr); }
.ak-base-act {
  min-block-size: var(--ui-tap-min); padding-inline: 0; border: none; background: none;
  color: var(--ui-gold); font: var(--ui-type-label); text-align: start; cursor: pointer;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.ak-base-act:active { transform: scale(0.98); transition-duration: var(--ui-press-in); }
.ak-rows { list-style: none; margin: 0; padding: 4px 14px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; background: color-mix(in srgb, var(--ui-ink) 3%, transparent); border-radius: 14px; box-shadow: inset 0 0 0 1px var(--ui-hairline); }

.ak-rows .pl-row-readout { color: var(--ui-muted); margin-inline-start: 8px; }
.ak-doors { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; }
.ak-door-row { display: grid; grid-template-columns: minmax(0, 1fr); border-block-end: 1px solid var(--ui-hairline); }
.ak-door { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; min-block-size: var(--ui-tap-min); padding-block: 6px; text-decoration: none; color: inherit; }
.ak-door-main { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; min-inline-size: 0; }
.ak-door-title { display: block; }
.ak-door-members { display: block; color: var(--ui-muted); }
.ak-chevron { display: inline-grid; place-items: center; color: var(--ui-muted); flex: none; inline-size: 16px; block-size: 16px; }
.ak-chevron svg { inline-size: 16px; block-size: 16px; }
[dir="rtl"] .ak-chevron svg { transform: scaleX(-1); }
.ak-provenance { margin: 0; color: var(--ui-muted); }


.co-screen .fs-home-content{padding:12px 16px 28px;gap:0}
.co-back{color:var(--ui-muted)}
.lp-page{display:grid;gap:28px;margin-block-start:6px}
.lp-page .fs-headrow{position:static;aspect-ratio:auto;border-radius:0;overflow:visible;display:flex;align-items:center;padding:0;background:none;box-shadow:none}
.lp-page .fs-headrow::after{content:none}
.lp-page .fs-headrow .ui-type-display{position:static;color:var(--ui-ink);font-size:34px;line-height:40px;text-shadow:none;margin:0}
.sv-seg{margin-block-start:0;gap:8px}
.sv-seg + .sv-seg{padding-block-start:0;border-block-start:0}
.th-head .ui-type-title{font:var(--ui-type-title);text-transform:none;color:var(--ui-ink)}

[data-surface=list-items] .sv-list{display:grid;gap:0}

[data-surface=list-items] .sv-row{display:flex;align-items:center;gap:14px;min-block-size:64px;padding:10px 0;border-radius:0;background:none;box-shadow:none}
[data-surface=list-items] .sv-row-plate{position:relative;flex:none;inline-size:56px;block-size:56px;border-radius:10px;overflow:hidden;background:var(--ui-card);box-shadow:inset 0 0 0 1px var(--ui-hairline)}
[data-surface=list-items] .sv-row-plate::after{content:"";position:absolute;inset:0;background:var(--cover,none) center/cover no-repeat}
[data-surface=list-items] .sv-row-main{display:grid;gap:2px;min-inline-size:0}
[data-surface=list-items] .sv-row-main > .ui-type-body{font:var(--ui-type-place-name);white-space:normal;overflow:visible}
[data-surface=list-items] .sv-row-main > .sv-row-where{font:var(--ui-type-meta);color:var(--ui-muted)}

[data-surface=list-members] .sv-list{display:grid;gap:0}
[data-surface=list-members] .sv-row{inline-size:auto;min-block-size:48px;gap:12px;padding:12px 0;border-radius:0;background:none;box-shadow:none;border-block-end:1px solid var(--ui-hairline)}


.lp-comment{display:grid;gap:3px;padding:12px 0;border-radius:0;background:none;box-shadow:none;border-block-end:1px solid var(--ui-hairline)}
.lp-comment + .lp-comment{margin-block-start:0}
.lp-compose{margin-block-start:12px}

.lp-compose .ad-field{padding:12px 16px;min-block-size:var(--ui-tap-min);border:1px solid var(--ui-hairline);border-radius:12px;background:transparent;color:inherit;font:var(--ui-type-body)}
.lp-compose .ad-field::placeholder{color:var(--ui-muted)}
.lp-clear{margin-block-start:28px;padding-block-start:18px;border-block-start:1px solid var(--ui-hairline)}
.co-screen .fs-bar{background:var(--ui-ground);border-block-start:1px solid var(--ui-hairline)}

.co-page{min-block-size:100dvh}
.co-screen .fs-home{min-block-size:100dvh;margin-block-end:0}
.co-page > .co-screen{grid-row:2}

.rc-page { display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; justify-items: start; gap: 0; }
.rc-name { overflow-wrap: anywhere; }
.rc-locality { color: var(--ui-muted); margin-block-start: 4px; }

.rc-keep { color: var(--ui-muted); margin-block-start: 14px; }
.rc-lists { list-style: none; margin: 18px 0 0; padding: 0; inline-size: 100%; }

.rc-acts { display: grid; gap: 2px; margin-block-start: 22px; justify-items: start; inline-size: 100%; }
.rc-act {
  display: inline-flex; align-items: center; gap: 8px; min-block-size: var(--ui-tap-min);
  border: none; background: none; padding-block: 10px; padding-inline: 2px;
  color: var(--ui-ink); font: var(--ui-type-label); text-align: start; cursor: pointer;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.rc-act:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }
.rc-act-dot { inline-size: 6px; block-size: 6px; border-radius: 50%; background: var(--ui-gold); flex: none; }
.rc-absent-line { color: var(--ui-muted); margin-block-start: 10px; max-inline-size: 52ch; }

.rc-remove { inline-size: 100%; }
.tp-sheet[data-surface="record-remove-confirm"] { gap: 18px; padding-block-end: 24px; }

.tp-sheet[data-surface="record-list-chooser"] { gap: 14px; padding-block-end: 24px; }
.rc-choose-lede { color: var(--ui-muted); margin: 0; }
.rc-could-not { color: var(--ui-muted); margin: 0 0 12px; }
.rc-choose { display: contents; }
.rc-choose-rows .ad-opt {
  display: flex; gap: 10px; align-items: center; inline-size: 100%; min-inline-size: var(--ui-tap-min);
  min-block-size: 56px; padding-block: 6px; padding-inline: 0;
  border: none; background: none; color: var(--ui-ink); text-align: start; text-decoration: none;
  border-block-end: 1px solid var(--ui-hairline); cursor: pointer; font: inherit;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.rc-choose-rows .ad-opt:last-child { border-block-end: none; }
.rc-choose-rows .ad-opt:active { transform: scale(0.97); transition-duration: var(--ui-press-in); }
.rc-choose-rows .ad-opt--here { cursor: default; }
.rc-choose-rows .ad-opt-main { flex: 1; display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; min-inline-size: 0; }
.rc-choose-rows .ad-opt-main > .ui-type-body { color: var(--ui-ink); }
.rc-choose-rows .ad-opt-main > .ui-type-meta { color: var(--ui-muted); }
.rc-choose-rows .ad-opt-mark { flex: none; inline-size: 8px; block-size: 8px; border-radius: 50%; background: var(--ui-gold); }
.rc-remove-form { display: contents; }


.cx-surface { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; align-content: start; padding: 16px; padding-block-end: 24px; }
.fs-home-content > .cx-surface { padding: 0; }
.cx-headrow { display: flex; align-items: baseline; }
.cx-title { margin: 0; }
.cx-dialwrap { display: grid; justify-items: center; gap: 9px; margin-block-start: 14px; }

.cx-dial { inline-size: min(46vw, 176px); block-size: min(46vw, 176px); }
.cx-fact { margin: 0; color: var(--ui-ink); }
.cx-fact .cx-num { font: var(--ui-type-readout); }
.cx-state { margin: 0; color: var(--ui-ink); text-align: center; max-inline-size: 34ch; }
.cx-times { list-style: none; margin: 12px 0 0; padding: 0; display: grid; }
.cx-time { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-block-size: 40px; border-block-end: 1px solid var(--ui-hairline); color: var(--ui-muted); }
.cx-time:last-child { border-block-end: none; }
.cx-time--next { color: var(--ui-ink); font-weight: 600; }
.cx-time-val { font: var(--ui-type-readout); }
.cx-time--next .cx-time-val { font-weight: 600; }
.cx-meta { margin-block-start: 10px; display: grid; gap: 5px; color: var(--ui-muted); }
.cx-meta p { margin: 0; }
.cx-lede { margin-block-start: 16px; color: var(--ui-muted); max-inline-size: 52ch; }
.cx-act { display: flex; align-items: center; justify-content: center; min-block-size: 52px; margin-block-start: 18px; padding-inline: 16px; border: none; border-radius: 12px; background: var(--ui-ink); color: var(--ui-ground); font: inherit; }

.cx-act[data-inert="not-wired"] { background: none; border: 1px solid var(--ui-hairline); color: var(--ui-muted); cursor: default; }
.cx-door { display: flex; align-items: center; gap: 8px; min-block-size: 48px; margin-block-start: 18px; border-block-start: 1px solid var(--ui-hairline); color: inherit; text-decoration: none; }
.cx-door .cx-door-glyph { display: inline-flex; margin-inline-start: auto; }



.sg-gate {
  
  min-block-size: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 24px;
  padding: 20px;
  padding-block-start: 44px;
  padding-block-end: 48px;
  
  inline-size: 100%;
  max-inline-size: 412px;
  justify-self: center;
}


.sg-identity { margin-block-start: 96px; display: grid; gap: 10px; }
.sg-identity .ui-type-meta { color: var(--ui-muted); }
.sg-identity h1 { margin: 0; }
.sg-identity .ui-wordmark .ui-icon { inline-size: 26px; block-size: 26px; }

.sg-identity .ui-wordmark--trail .ui-icon {
  inline-size: 13px;
  block-size: 13px;
  align-self: flex-end;
  margin-block-end: 5px;
}


.sg-seat { margin-block-start: 44px; display: grid; gap: 12px; }
.sg-fields { display: grid; gap: 12px; }


.sg-gate .ad-field {
  inline-size: 100%;
  min-inline-size: 0;
  padding-block: 12px;
  padding-inline: 16px;
  border: 1px solid var(--ui-hairline);
  border-radius: 10px;
  background: none;
  color: inherit;
  font: var(--ui-type-body);
  min-block-size: var(--ui-tap-min);
  -webkit-appearance: none;
  appearance: none;
}
.sg-gate .ad-field::placeholder { color: var(--ui-muted); }

.sg-gate .ad-field:disabled { color: inherit; -webkit-text-fill-color: currentColor; opacity: 1; }


.sg-label {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}


.sg-label--visible {
  position: static;
  inline-size: auto;
  block-size: auto;
  overflow: visible;
  clip-path: none;
  white-space: normal;
  display: block;
  margin-block-end: 8px;
  color: var(--ink-body, inherit);
}


.sg-act {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-block-size: 52px;
  border-radius: 12px;
  font: inherit;
  cursor: pointer;
  padding-inline: 16px;
  white-space: nowrap;
}

.sg-act--lead { background: var(--ui-ink); color: var(--ui-ground); border: none; }
.sg-act--peer { background: none; color: var(--ui-ink); border: 1px solid var(--ui-hairline); }
.sg-act--lead[aria-disabled="true"] {
  background: none;
  border: 1px solid var(--ui-hairline);
  color: var(--ui-muted);
  cursor: default;
}


.sg-mark {
  flex: none;
  inline-size: 8px;
  block-size: 8px;
  border-radius: 50%;
  background: currentColor;
  animation: ui-breathe var(--ui-motion-breathe) infinite;
}


.sg-note { margin-block-start: 2px; }
.sg-state { color: var(--ui-ink); }
.sg-offline { display: flex; gap: 8px; align-items: center; color: var(--ui-ink); }
.sg-parted { flex: none; color: var(--ui-muted); display: inline-flex; }
.sg-parted .ui-icon { inline-size: 22px; block-size: 22px; }


.sv-back {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--ui-muted);
  min-block-size: var(--ui-tap-min);
  text-decoration: none;
  justify-self: start;
}
.sv-back .ui-type-meta { color: inherit; }
.sv-chev { color: var(--ui-muted); flex: none; inline-size: 20px; block-size: 20px; }
[dir="rtl"] .sv-chev { transform: scaleX(-1); }


.sg-doors { display: grid; gap: 12px; }


.sg-fold {
  display: grid;
  gap: 12px;
  padding-block-start: 10px;
  border-block-start: 1px solid var(--ui-hairline);
  margin-block-start: 2px;
}
.sg-fold .ui-type-meta { color: var(--ui-muted); }
.sg-floor { color: var(--ui-muted); }


.sg-quiet {
  display: inline-flex;
  align-items: center;
  background: none;
  border: none;
  padding: 0;
  min-block-size: var(--ui-tap-min);
  color: var(--ui-muted);
  cursor: pointer;
  font: inherit;
  justify-content: flex-start;
  text-align: start;
  justify-self: start;
}


.sg-addr { color: var(--ui-ink); }


.sg-tf { display: grid; gap: 12px; margin-block-start: 44px; }
.sg-tf-cause { color: var(--ui-muted); }
.sg-tf .sg-act { margin-block-start: 8px; }


.sg-gate [data-inert="not-wired"] { cursor: default; }


.sg-head { margin-block-start: 20px; color: var(--ui-ink); }
.sg-head + .sg-seat, .sg-head + .sg-tf { margin-block-start: 0; }


.sg-or { display: flex; align-items: center; gap: 12px; color: var(--ui-muted); margin-block: 2px; }
.sg-or::before, .sg-or::after { content: ""; flex: 1 1 0; border-block-start: 1px solid var(--ui-hairline); }



.sg-doors { --sg-door-fill: var(--ui-card); }

.sg-door {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  min-inline-size: 0;
  
  min-block-size: 46px;
  padding-block: 0;
  padding-inline: 52px;
  border: 1px solid var(--ui-hairline);
  border-radius: 10px;
  background: var(--sg-door-fill, var(--ui-card));
  color: var(--ui-ink);
  cursor: pointer;
  white-space: nowrap;
  transition: transform var(--ui-press-out) var(--ui-motion-curve);
}
.sg-door:active { transform: scale(0.99); transition-duration: var(--ui-press-in); }
.sg-door-mark {
  position: absolute;
  inset-inline-start: 16px;
  inset-block-start: 50%;
  transform: translateY(-50%);
  inline-size: 20px;
  block-size: 20px;
  display: inline-flex;
}
.sg-door-mark img, .sg-door-mark svg { inline-size: 100%; block-size: 100%; display: block; }
.sg-door-mark svg { color: var(--ui-ink); }
.sg-door-word { min-inline-size: 0; }


a.sg-quiet { text-decoration: none; }

a.sg-act--peer { text-decoration: none; }

@media (prefers-reduced-motion: reduce) {
  .sg-mark { animation: none; opacity: 0.7; }
  .sg-door { transition: none; }
  .sg-door:active { transform: none; }
}


.pp-journal { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; align-content: start; inline-size: 100%; }
.pp-lens { display: flex; gap: 24px; inline-size: 100%; border-block-end: 1px solid var(--ui-hairline); }
.pp-lens-tab { position: relative; border: none; background: none; padding: 8px 2px 12px; min-block-size: var(--ui-tap-min); min-inline-size: var(--ui-tap-min); text-align: start; font: var(--ui-type-label); color: var(--ui-muted); cursor: pointer; }
.pp-lens-tab[aria-selected="true"] { color: var(--ui-ink); }
.pp-lens-tab[aria-selected="true"]::after { content: ""; position: absolute; inset-inline-start: 2px; inset-block-end: -1px; inline-size: 26px; block-size: 2px; background: var(--ui-ink); }
.pp-group { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; justify-items: start; inline-size: 100%; padding-block-start: 6px; }
.pp-group-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; inline-size: 100%; }
.pp-cityhead { font: var(--ui-type-label); color: var(--ui-muted); margin-block-start: 2px; }
.pp-entries { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; inline-size: 100%; }
.pp-pagemeta { margin-block-start: -6px; }
.pp-trip-ref { white-space: nowrap; }
.pp-empty-note { max-inline-size: 46ch; }
.pp-journal-foot { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; justify-items: start; inline-size: 100%; padding-block-start: 10px; border-block-start: 1px solid var(--ui-hairline); }
.pp-fill-pill { display: inline-flex; align-items: center; justify-content: center; min-block-size: var(--ui-tap-min); min-inline-size: var(--ui-tap-min); padding: 10px 22px; border: none; border-radius: 999px; background: var(--ui-ink); color: var(--ui-ground); font: var(--ui-type-label); }
.pp-journal-note { max-inline-size: 46ch; }


.pp-composer-form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; inline-size: 100%; }
.pp-composer-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; }
.pp-composer-label { color: var(--ui-muted); }
.pp-composer-field { inline-size: 100%; min-inline-size: 0; padding-block: 12px; padding-inline: 16px; border: 1px solid var(--ui-hairline); border-radius: 10px; background: none; color: inherit; font: var(--ui-type-body); min-block-size: var(--ui-tap-min); color-scheme: dark; }
.pp-composer-field::placeholder { color: var(--ui-muted); }
select.pp-composer-field { appearance: none; -webkit-appearance: none; }
.pp-composer-field option { color: var(--ui-ink); background: var(--ui-ground); }

.pp-composer .pp-composer-picker .oi-go { background: none; border: 1px solid var(--ui-hairline); color: var(--ui-muted); }
.pp-composer .pp-composer-picker .oi-go[data-armed="yes"] { background: none; border: 1px solid var(--ui-ink); color: var(--ui-ink); }
.pp-composer .pp-composer-picker { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; align-content: start; inline-size: 100%; }
.pp-composer .pp-composer-place { min-block-size: var(--ui-tap-min); }
.pp-composer .pp-composer-panel { margin-block-start: 6px; }
.pp-composer .pp-composer-rest { margin-block-start: 6px; }

.pp-composer .pp-composer-panel[hidden], .pp-composer .pp-composer-rest[hidden] { display: none; }

.pp-composer .pp-composer-own-day { color: var(--ui-muted); margin-inline-start: auto; flex: none; }

.pp-composer .pp-composer-from { color: var(--ui-muted); }
.pp-composer-words { display: grid; grid-template-columns: minmax(0, 1fr); }
.pp-composer-textarea { inline-size: 100%; min-block-size: 9lh; resize: vertical; }


.pp-composer-mark { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 12px; min-block-size: var(--ui-tap-min); }
.pp-composer-mark-words { display: grid; row-gap: 2px; min-inline-size: 0; }
.pp-composer-mark-control { display: grid; place-items: center; min-inline-size: var(--ui-tap-min); min-block-size: var(--ui-tap-min); cursor: pointer; }
.pp-composer .pp-composer-mark-chip { min-block-size: 32px; color: var(--ui-muted); }
.pp-composer-mark-line--on { display: none; }
.pp-composer-mark-switch:checked ~ .pp-composer-mark-words .pp-composer-mark-line--off { display: none; }
.pp-composer-mark-switch:checked ~ .pp-composer-mark-words .pp-composer-mark-line--on { display: block; }
.pp-composer-mark-switch:checked ~ .pp-composer-mark-control .pp-composer-mark-chip { border-color: var(--ui-ink); color: var(--ui-ink); }
.pp-composer-mark-switch:focus-visible ~ .pp-composer-mark-control .pp-composer-mark-chip { outline: 2px solid var(--ui-ink); outline-offset: 2px; }
.pp-composer-refusal { max-inline-size: 46ch; }

.pp-composer-foot { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; justify-items: start; padding-block-start: 10px; border-block-start: 1px solid var(--ui-hairline); }
.pp-composer-stamp { margin: 0; display: inline-grid; }
.pp-composer-stamp .plt-grade-1 { opacity: var(--plt-grade-1); }
.pp-composer-stamp .plt-grade-2 { opacity: var(--plt-grade-2); }
.pp-composer-stamp .plt-grade-3 { opacity: var(--plt-grade-3); }
.pp-composer-landing { color: var(--ui-muted); }


.pp-marks-line { max-inline-size: 46ch; color: var(--ui-muted); }
.pp-marks-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); }
.pp-mark-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; column-gap: 12px; min-block-size: 56px; padding-block: 8px; border-block-start: 1px solid var(--ui-hairline); }
.pp-mark-main { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; min-inline-size: 0; }
.pp-mark-place { overflow-wrap: anywhere; }
.pp-mark-state { white-space: nowrap; }
.pp-mark-form { margin: 0; }
.pp-mark-act { min-block-size: var(--ui-tap-min); white-space: nowrap; }
.pp-marks-empty { max-inline-size: 46ch; }


.pp-journal-entry { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; align-content: start; inline-size: 100%; }
.pp-entry-head { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; justify-items: start; inline-size: 100%; }
.pp-entry-when { color: var(--ui-muted); }
.pp-journal-entry-words { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; max-inline-size: 52ch; inline-size: 100%; }
.pp-journal-entry-words > * { overflow-wrap: anywhere; min-inline-size: 0; }



.oi-places .oi-body--places { display: grid; grid-template-rows: auto auto; align-content: start; }


.oi-places [data-places-row="fact"] { cursor: default; text-decoration: none; }

.oi-places .oi-opt, .oi-places .oi-rest-row { color: inherit; text-decoration: none; }

.oi-places .oi-field { border-radius: 12px; }

.oi-places .oi-panel { inline-size: calc(100% - var(--ui-tap-min) - 8px); display: grid; margin: 0; padding: 6px;
  list-style: none; border: 1px solid var(--ui-hairline); border-radius: 14px;
  background: color-mix(in srgb, var(--ui-ink) 3%, transparent); }
.oi-places .oi-panel-row { display: grid; }

.oi-places .oi-panel[hidden], .oi-places .oi-panel-row[hidden] { display: none; }

.oi-places .oi-opt { display: flex; gap: 8px; align-items: center; inline-size: 100%; min-block-size: var(--ui-tap-min);
  border: none; border-radius: 6px; background: none; padding: 0 10px; color: var(--ui-ink);
  font: var(--ui-type-body); text-align: start; }
.oi-places .oi-opt-main { flex: 1; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.oi-places .oi-opt .fs-row-glyph { color: var(--ui-muted); flex: none; }

.oi-places .oi-opt-typed { color: color-mix(in srgb, var(--ui-ink) 45%, var(--ui-muted)); }

.oi-places .oi-panel-note { display: flex; align-items: center; min-block-size: 36px; padding: 0 10px; color: var(--ui-muted); }

.oi-places .oi-rest { display: grid; inline-size: 100%; margin-block-start: 10px; }
.oi-places .oi-rest-label { color: var(--ui-muted); padding-block-end: 2px; }
.oi-places .oi-rest-list { display: grid; margin: 0; padding: 0; list-style: none; inline-size: 100%; }

.oi-places .oi-rest-row { display: flex; gap: 10px; align-items: center; inline-size: 100%; min-block-size: var(--ui-tap-min);
  border: none; border-block-end: 1px solid color-mix(in srgb, var(--ui-hairline) 72%, transparent);
  background: none; padding: 14px 2px; color: var(--ui-ink); font: var(--ui-type-body); text-align: start; }
.oi-places .oi-rest-list > li:last-child .oi-rest-row { border-block-end: none; }
.oi-places .oi-rest-row .oi-opt-main { overflow: visible; white-space: normal; }
.oi-places .oi-rest-row .fs-row-glyph { color: var(--ui-muted); flex: none; }

.oi-places .oi-rest-list > li.oi-row-deep { display: none; }
@media (min-height: 860px) { .oi-places .oi-rest-list > li.oi-row-deep { display: block; } }

.oi-places .oi-rest-door { justify-content: space-between; }
.oi-places .oi-rest-door .oi-opt-main { flex: none; }
.oi-places .oi-rest-count { color: var(--ui-muted); margin-inline-start: auto; }


.oi-nearby { --oin-between-ink: color-mix(in srgb, var(--ui-muted) 70%, var(--ui-ink)); }


.oi-nearby .oi-body--nearby { display: grid; grid-template-rows: auto auto; align-content: start; }

.oi-nearby .oi-scope { color: var(--oin-between-ink); }

.oi-nearby .oi-nearby-panel { inline-size: calc(100% - var(--ui-tap-min) - 8px); display: grid; margin: 0; padding: 6px;
  list-style: none; border: 1px solid var(--ui-hairline); border-radius: 14px;
  background: color-mix(in srgb, var(--ui-ink) 3%, transparent); }
.oi-nearby .oi-nearby-panel-row { display: grid; }
.oi-nearby .oi-nearby-panel[hidden], .oi-nearby .oi-nearby-panel-row[hidden] { display: none; }
.oi-nearby .oi-opt { display: flex; gap: 8px; align-items: center; inline-size: 100%; min-block-size: var(--ui-tap-min);
  border: none; border-radius: 6px; background: none; padding: 0 10px; color: var(--ui-ink);
  font: var(--ui-type-body); text-align: start; }
.oi-nearby .oi-opt-main { flex: 1; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.oi-nearby .oi-opt-typed { color: var(--oin-between-ink); }


.oi-nearby .oi-nearby-band { display: grid; gap: 16px; justify-items: start; inline-size: 100%; margin-block-start: 8px; padding-block-start: 0; }

.oi-nearby .oi-nearby-row, .oi-nearby .oi-nearby-door { padding-block: 8px; align-items: center; }
.oi-nearby .oi-nearby-scent { grid-column: 1; }

.oi-nearby .oi-door .fs-row-main { color: var(--ui-muted); }

.oi-nearby .oi-base-act { display: inline-flex; gap: 8px; align-items: center; min-block-size: var(--ui-tap-min);
  border: none; background: none; padding: 10px 2px; color: var(--ui-ink);
  font: var(--ui-type-label); text-align: start; }
.oi-nearby .oi-base-act .ui-chip-dot { background: var(--ui-gold); }

.oi-nearby [data-inert="not-wired"] .ui-chip-dot { background: var(--ui-inert-ink); }

.oi-nearby .oi-nearby-fact { max-inline-size: 46ch; }

.oi-nearby .oi-caveat { max-inline-size: 46ch; }

.oi-nearby [data-narrowed="yes"] .oi-nearby-row[data-marked="no"] { display: none; }
.oi-nearby [data-narrowed="yes"] [data-lens-row="whole"] { display: none; }
.oi-nearby [data-narrowed="no"] [data-lens-row="narrowed"] { display: none; }
.oi-nearby [data-narrowed="no"] .oi-caveat { display: none; }

.oi-nearby .oi-nearby-refusal { max-inline-size: 46ch; }

.oi-nearby .oi-nearby-wider { display: contents; }

.oi-nearby .oi-inflight-note { display: none; color: var(--oin-between-ink); }
.oi-nearby[data-inflight="past-1s"] .oi-inflight-note { display: block; }