@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url('fonts/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url('fonts/inter-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url('fonts/inter-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url('fonts/inter-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url('fonts/inter-greek.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url('fonts/inter-greek-ext.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
:root {
  color-scheme: dark light;
  --font-heading: 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-heading-weight: 500;
  --nav-clearance: 88px;
  --ground: var(--color-nocturne-ground-dark);
  --surface: var(--color-nocturne-surface-dark);
  --ink: var(--color-nocturne-ink-dark);
  --line: var(--color-nocturne-divider-dark);
  --ink-muted: color-mix(in srgb, var(--ink) 55%, transparent);
  --accent-wash: color-mix(in srgb, var(--accent) 12%, transparent);
  --accent: var(--color-nocturne-accent);
  --tint-accent: var(--color-nocturne-accent-800);
  --on-tint-accent: var(--color-nocturne-accent-100);
  --tint-neutral: var(--color-nocturne-neutral-800);
  --on-tint-neutral: var(--color-nocturne-neutral-100);
  --warning: var(--color-warning-dark);
  --error: var(--color-error-dark);
  --on-warning: var(--color-on-warning-dark);
  --success: var(--color-success-dark);
  --on-success: var(--color-on-success-dark);
  --shadow-sm: 0 0 0 1px var(--color-nocturne-ring-sm-dark);
  --shadow-dock: 0 4px 20px var(--color-nocturne-ambient-dock);
  --shadow-md: 0 0 0 1px var(--color-nocturne-ring-md-dark), 0 6px 18px var(--color-nocturne-ambient-md-dark);
  --shadow-lg: 0 0 0 1px var(--color-nocturne-ring-lg-dark), 0 16px 40px var(--color-nocturne-ambient-lg-dark);
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme='dark']) {
    --ground: var(--color-nocturne-ground-light);
    --surface: var(--color-nocturne-surface-light);
    --ink: var(--color-nocturne-ink-light);
    --line: var(--color-nocturne-divider-light);
    --ink-muted: color-mix(in srgb, var(--ink) 70%, transparent);
    --accent: var(--color-nocturne-accent-700);
    --tint-accent: var(--color-nocturne-accent-200);
    --on-tint-accent: var(--color-nocturne-accent-800);
    --tint-neutral: var(--color-nocturne-neutral-200);
    --on-tint-neutral: var(--color-nocturne-neutral-800);
    --warning: var(--color-warning-light);
    --error: var(--color-error-light);
    --on-warning: var(--color-on-warning-light);
    --success: var(--color-success-light);
    --on-success: var(--color-on-success-light);
    --shadow-sm: 0 0 0 1px var(--color-nocturne-ring-sm-light);
    --shadow-md: 0 0 0 1px var(--color-nocturne-ring-md-light), 0 6px 18px var(--color-nocturne-ambient-md-light);
    --shadow-lg: 0 0 0 1px var(--color-nocturne-ring-lg-light), 0 16px 40px var(--color-nocturne-ambient-lg-light);
  }
}
:root[data-theme='light'] {
  color-scheme: light;
  --ground: var(--color-nocturne-ground-light);
  --surface: var(--color-nocturne-surface-light);
  --ink: var(--color-nocturne-ink-light);
  --line: var(--color-nocturne-divider-light);
  --ink-muted: color-mix(in srgb, var(--ink) 70%, transparent);
  --accent: var(--color-nocturne-accent-700);
  --tint-accent: var(--color-nocturne-accent-200);
  --on-tint-accent: var(--color-nocturne-accent-800);
  --tint-neutral: var(--color-nocturne-neutral-200);
  --on-tint-neutral: var(--color-nocturne-neutral-800);
  --warning: var(--color-warning-light);
  --error: var(--color-error-light);
  --on-warning: var(--color-on-warning-light);
  --success: var(--color-success-light);
  --on-success: var(--color-on-success-light);
  --shadow-sm: 0 0 0 1px var(--color-nocturne-ring-sm-light);
  --shadow-md: 0 0 0 1px var(--color-nocturne-ring-md-light), 0 6px 18px var(--color-nocturne-ambient-md-light);
  --shadow-lg: 0 0 0 1px var(--color-nocturne-ring-lg-light), 0 16px 40px var(--color-nocturne-ambient-lg-light);
}
:root[data-theme='dark'] {
  color-scheme: dark;
}
* {
  box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
  line-height: 1.12;
  letter-spacing: -0.015em;
}
h1 {
  font-size: 42px;
}
h2 {
  font-size: 32px;
}
h3 {
  font-size: 25px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 16px;
}
h6 {
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
a {
  text-underline-offset: 3px;
}
figcaption {
  font-size: 11px;
  color: var(--ink-muted);
}
.text-muted {
  color: var(--ink-muted);
}
:focus {
  outline: none;
}
:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
::selection {
  background: color-mix(in srgb, var(--accent) 30%, transparent);
}
body {
  margin: 0;
  background: var(--ground);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.55;
  font-weight: 400;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.page {
  --page-gutter: var(--space-xxxl);
  margin: 0;
  max-width: none;
  padding: var(--space-xxl) var(--page-gutter);
}
@media (max-width: 899.98px) {
  .page {
    --page-gutter: var(--space-xl);
  }
}
.page--wide {
  max-width: none;
  padding: 0;
}
.page:has(.sidebar-layout, .detail-page) {
  padding: 0;
}
.tag {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: calc(var(--radius-md) * 0.75);
  font-size: 11px;
  letter-spacing: 0.02em;
}
.tag--accent {
  background: var(--tint-accent);
  color: var(--on-tint-accent);
}
.tag--neutral {
  background: var(--tint-neutral);
  color: var(--on-tint-neutral);
}
.tag--outline {
  border: 1px solid var(--accent);
  color: var(--accent);
}
.tag--count {
  padding: 1px 7px;
  font-size: 10px;
}
.pill {
  display: inline-flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-sm) var(--space-md);
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--ink);
  font: inherit;
  text-decoration: none;
}
.filter-group {
  overflow: hidden;
  background: var(--surface);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}
.filter-section + .filter-section {
  border-top: 1px solid var(--line);
}
.filter-section__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding: 11px 14px;
  color: var(--ink);
  font-size: 14px;
  cursor: pointer;
  list-style: none;
}
.filter-section__summary::marker {
  content: '';
}
.filter-section__summary::-webkit-details-marker {
  display: none;
}
.filter-section__title {
  flex: 1;
  min-width: 0;
}
.filter-section__value {
  flex-shrink: 0;
  max-width: 55%;
  overflow: hidden;
  color: var(--ink-muted);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filter-section__body {
  padding: 0 14px 14px;
}
.filter-section__body--chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.filter-section__body--fields {
  display: grid;
  gap: 10px;
}
.filter-section__body--blocks {
  display: grid;
  gap: 14px;
}
.field {
  display: block;
  min-width: 0;
}
.field__label {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  color: color-mix(in srgb, var(--ink) 70%, transparent);
}
.field__hint {
  display: block;
  margin: var(--space-xs) 0 0;
  color: var(--ink-muted);
  font-size: 0.8125rem;
}
.field__error {
  display: block;
  margin-top: var(--space-xs);
  color: var(--error);
  font-size: 0.8125rem;
}
.input {
  width: 100%;
  min-height: 36px;
  padding: 6px 10px;
  font: inherit;
  font-size: 14px;
  color: var(--ink);
  caret-color: var(--accent);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}
.input:hover {
  border-color: color-mix(in srgb, var(--ink) 45%, transparent);
}
.input:focus-visible {
  border-color: var(--accent);
  outline-offset: 0;
}
textarea.input {
  min-height: 90px;
  resize: vertical;
}
.radio {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  cursor: pointer;
}
.radio input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.radio .dot {
  flex: none;
  width: 16px;
  height: 16px;
  border: 1.5px solid var(--line);
  border-radius: 50%;
}
.radio:hover .dot {
  border-color: var(--accent);
}
.radio input:checked + .dot {
  border-color: var(--accent);
  background: var(--accent);
  box-shadow: inset 0 0 0 4px var(--ground);
}
.radio input:focus-visible + .dot {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
.radio:has(input:disabled) {
  opacity: 0.45;
  cursor: not-allowed;
}
input[type='range'] {
  width: 100%;
  accent-color: var(--accent);
}
.range {
  display: grid;
  gap: var(--space-2);
  width: 100%;
}
.range__value {
  color: var(--accent);
  font-size: 13px;
}
.seg {
  display: inline-flex;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}
.seg--block {
  width: 100%;
}
.seg--block .seg-opt {
  flex: 1;
  justify-content: center;
}
.seg-opt {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  color: var(--ink);
  font-size: 13px;
  cursor: pointer;
  text-decoration: none;
}
.seg-opt .icon {
  width: 15px;
  height: 15px;
}
.seg-opt + .seg-opt {
  border-left: 1px solid var(--line);
}
.seg-opt:first-child {
  border-radius: calc(var(--radius-md) - 1px) 0 0 calc(var(--radius-md) - 1px);
}
.seg-opt:last-child {
  border-radius: 0 calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) 0;
}
.seg-opt input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.seg-opt:has(input:checked),
.seg-opt[aria-current='page'] {
  color: var(--accent);
  box-shadow: inset 0 0 0 1px var(--accent);
}
.seg-opt:not(:has(input:checked)):not([aria-current='page']):hover {
  background: color-mix(in srgb, var(--ink) 7%, transparent);
}
.seg-opt:has(input:focus-visible),
.seg-opt:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}
.chip-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}
.chip__input {
  height: 1px;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  width: 1px;
}
.button--chip:has(.chip__input:focus-visible) {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
.button--chip:has(.chip__input:disabled) {
  cursor: not-allowed;
  opacity: 0.45;
}
.skeleton {
  display: grid;
  gap: 8px;
}
.skeleton__bar {
  height: 14px;
  border-radius: 4px;
  background: var(--tint-neutral);
}
.unavailable {
  opacity: 0.45;
}
.avatar {
  flex: none;
  border-radius: var(--radius-pill);
  object-fit: cover;
}
.avatar--initial {
  display: grid;
  place-items: center;
  background: linear-gradient(150deg, var(--color-nocturne-neutral-700), var(--color-nocturne-neutral-900));
  color: var(--color-nocturne-neutral-200);
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
.avatar--accent.avatar--initial,
.avatar--accent {
  background: var(--tint-accent);
  color: var(--on-tint-accent);
}
.avatar--story {
  width: 58px;
  height: 58px;
  font-size: 20px;
}
.avatar--row {
  width: 42px;
  height: 42px;
  font-size: 15px;
}
.avatar--header {
  width: 40px;
  height: 40px;
  font-size: 15px;
}
.avatar--thread {
  width: 38px;
  height: 38px;
  font-size: 14px;
}
.avatar--comment {
  width: 32px;
  height: 32px;
  font-size: 12.5px;
}
.avatar--profile {
  width: 84px;
  height: 84px;
  font-size: 30px;
}
.avatar--menu {
  width: 40px;
  height: 40px;
  font-size: 16px;
}
.avatar--account {
  width: 58px;
  height: 58px;
  font-size: 22px;
}
.avatar--toolbar {
  width: 28px;
  height: 28px;
  font-size: 11.5px;
}
.avatar--ring {
  box-shadow: 0 0 0 2px var(--accent), 0 0 0 4px var(--avatar-ring-ground, var(--ground));
}
.panel {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
}
.card {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-3);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
}
.card-kicker {
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--accent);
}
.card-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  color: color-mix(in srgb, var(--ink) 50%, transparent);
}
.elev-sm {
  box-shadow: var(--shadow-sm);
}
.elev-md {
  box-shadow: var(--shadow-md);
}
.elev-lg {
  box-shadow: var(--shadow-lg);
}
.media-badge {
  position: absolute;
  top: var(--space-3);
  z-index: 1;
}
.media-badge--verified {
  inset-inline-end: var(--space-3);
  background: var(--color-success-light);
  color: var(--color-on-success-light);
}
.icon {
  flex: none;
  width: 20px;
  height: 20px;
  fill: currentColor;
}
.state-card {
  align-items: center;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  margin: var(--space-xxl) auto 0;
  max-width: 36rem;
  padding: var(--space-xxxl);
  text-align: center;
}
.state-card__title,
.state-card__description {
  margin: 0;
}
.state-card__title {
  color: var(--ink);
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: var(--font-heading-weight);
}
.state-card__description {
  color: var(--ink-muted);
  font-size: 13px;
}
.sidebar-layout {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 28px;
  padding: 24px 20px 40px;
}
.sidebar-layout__aside {
  display: flex;
  flex: 0 0 280px;
  flex-direction: column;
  gap: 14px;
  width: 280px;
}
.sidebar-layout__main {
  flex: 999 1 520px;
  min-width: 280px;
}
.filters-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 0 2px;
}
.filters-head h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
}
.filters-head__reset {
  font-size: 12px;
}
.radio-list {
  display: grid;
  gap: 10px;
}
.detail-page {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 20px 48px;
}
.detail-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
}
.detail-top__back {
  flex: none;
  gap: 7px;
  font-size: 13px;
}
.detail-top__back .icon {
  width: 15px;
  height: 15px;
}
.detail-top__place {
  color: var(--ink-muted);
  font-size: 13px;
}
.detail-top .tag--outline {
  font-size: 10.5px;
}
.detail-layout {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 24px;
}
.detail-layout__main {
  display: flex;
  flex: 999 1 500px;
  flex-direction: column;
  gap: 20px;
  min-width: 300px;
}
.detail-layout__aside {
  position: sticky;
  top: 16px;
  display: flex;
  flex: 1 1 300px;
  flex-direction: column;
  gap: 14px;
  min-width: 270px;
  max-width: 340px;
}
@media (max-width: 899.98px) {
  .detail-layout__aside {
    max-width: none;
  }
}
.detail-card {
  gap: 14px;
  padding: 18px;
}
.detail-card__text {
  margin: 0;
  overflow-wrap: anywhere;
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  text-wrap: pretty;
}
.detail-card__media {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}
.detail-card__media--square {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 10px;
  max-width: 480px;
}
.detail-card__tile {
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: var(--tint-neutral);
  border-radius: var(--radius-md);
}
.detail-card__media--square .detail-card__tile {
  aspect-ratio: 1 / 1;
}
.detail-card__tile img,
.detail-card__tile video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.detail-card__meta {
  flex-wrap: wrap;
  gap: 4px 8px;
}
.detail-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}
.like-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 13px;
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--ink);
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}
.like-pill--liked {
  border-color: var(--accent);
  color: var(--accent);
}
.like-pill .icon,
.detail-footer__count .icon {
  width: 15px;
  height: 15px;
}
.detail-footer__count {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--ink-muted);
  font-size: 13px;
}
.detail-footer__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-left: auto;
}
.detail-footer__actions .button--ghost,
.detail-footer__actions .confirm__trigger {
  font-size: 12.5px;
}
.detail-footer__notice {
  flex-basis: 100%;
  margin: 0;
  color: var(--ink-muted);
  font-size: 12.5px;
}
.author-card {
  gap: 12px;
  padding: 16px;
}
.author-card__who {
  display: flex;
  align-items: center;
  gap: 11px;
}
.author-card__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.author-card__name {
  overflow: hidden;
  font-size: 15px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.author-card__role {
  color: var(--ink-muted);
  font-size: 12px;
}
.author-card .author-card__primary {
  margin-top: 0;
  padding: 10px;
}
.author-card .author-card__secondary {
  margin-top: 0;
  padding: 9px;
  font-size: 13px;
}
.details-surface {
  overflow: hidden;
  background: var(--surface);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}
.details-surface__head {
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
}
.details-surface__head .card-kicker {
  margin: 0;
}
.details-surface__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 14px;
  font-size: 13.5px;
}
.details-surface__key {
  color: var(--ink-muted);
}
.details-surface__value {
  text-align: right;
}
.detail-card__budget {
  color: var(--accent);
}
.budget-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
}
.budget-card__amount-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
}
.budget-card__amount {
  font-family: var(--font-heading);
  font-size: 26px;
  font-weight: var(--font-heading-weight);
  line-height: 1;
  letter-spacing: -0.01em;
}
.budget-card__word {
  color: var(--ink-muted);
  font-size: 13px;
}
.budget-card .budget-card__respond {
  margin-top: 0;
  padding: 10px;
}
.budget-card__note {
  margin: 0;
  color: var(--ink-muted);
  font-size: 12.5px;
  line-height: 1.45;
}
.budget-card__sent {
  margin: 0;
  color: var(--accent);
  font-size: 13px;
  font-weight: 500;
}
.respond-form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.respond-form__listing {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.respond-form__label {
  color: var(--ink-muted);
  font-size: 12px;
}
.respond-form__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.respond-form__actions .button {
  margin-top: 0;
  padding: 8px 16px;
  border-radius: var(--radius-pill);
}
.author-card--row {
  gap: 11px;
  padding: 14px;
}
.author-card--row .author-card__who {
  gap: 11px;
}
.author-card--row .author-card__name {
  font-size: 14.5px;
}
.author-card__glyph {
  display: grid;
  flex: none;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: var(--radius-pill);
  background: var(--tint-neutral);
  color: var(--ink-muted);
}
.author-card__glyph .icon {
  width: 19px;
  height: 19px;
}
.detail-footnote {
  margin: 0;
  padding: 0 2px;
  color: var(--ink-muted);
  font-size: 12px;
}
.safety-note {
  display: flex;
  gap: 7px;
  margin: 0;
  color: var(--ink-muted);
  font-size: 12px;
  line-height: 1.45;
  text-wrap: pretty;
}
.safety-note .icon {
  flex: none;
  width: 14px;
  height: 14px;
  margin-top: 2px;
}
.sidebar-layout--inbox > .sidebar-layout__main {
  display: flex;
  flex: 999 1 480px;
  flex-direction: column;
  gap: 14px;
  min-width: 300px;
}
.empty-view {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px;
  text-align: center;
}
.empty-view--pane {
  min-height: calc(100vh - var(--nav-clearance) - 48px);
  justify-content: center;
}
.empty-view--rest {
  --empty-view-top: 87px;
  --empty-view-bottom: 44px;
  min-height: calc(100svh - var(--empty-view-top) - var(--empty-view-bottom));
  justify-content: center;
}
@media (max-width: 899.98px) {
  .empty-view--rest {
    --empty-view-top: 104px;
    --empty-view-bottom: 98px;
  }
}
@media (max-width: 899.98px) {
  .events__empty.empty-view--rest,
  .messages__no-thread.empty-view--rest {
    --empty-view-top: 74px;
  }
}
.empty-view__art {
  margin-bottom: 20px;
  width: 216px;
  max-width: 100%;
  height: 162px;
}
.empty-view__title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.28;
}
.empty-view__body {
  margin: 8px 0 0;
  max-width: 44ch;
  color: var(--ink-muted);
  font-size: 14px;
  line-height: 1.45;
  text-wrap: pretty;
}
.empty-view__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 32px;
}
.sidebar-layout__main:has(.catalog-gate) :is(.provider-grid, .catalog__pagination, .catalog__notice, .empty-view:not(.catalog-gate), .state-card) {
  display: none;
}
.pane-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.pane-head__title {
  margin: 0;
}
.pane-head__action {
  margin-left: auto;
}
.overflow-menu {
  position: relative;
  flex: none;
}
.overflow-menu__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-pill);
  color: var(--ink-muted);
  cursor: pointer;
  list-style: none;
}
.overflow-menu__toggle::-webkit-details-marker {
  display: none;
}
.overflow-menu__toggle:hover {
  background: var(--line);
  color: var(--ink);
}
.overflow-menu__panel {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 20;
  display: flex;
  flex-direction: column;
  min-width: 200px;
  padding: 4px;
  gap: 2px;
}
.overflow-menu__item,
.overflow-menu__button,
.overflow-menu__item .confirm__trigger {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px 12px;
  border: 0;
  border-radius: var(--radius-sm);
  background: none;
  color: var(--ink);
  font: inherit;
  font-size: 14px;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.overflow-menu__item:has(> .confirm__trigger),
.overflow-menu__item:has(> .confirm),
.overflow-menu__item:has(> .overflow-menu__button) {
  padding: 0;
}
.overflow-menu__item:hover,
.overflow-menu__button:hover,
.overflow-menu__item .confirm__trigger:hover {
  background: var(--line);
}
.overflow-menu__item,
.overflow-menu__item .confirm__trigger {
  gap: 10px;
}
.overflow-menu__item .icon {
  flex: none;
  width: 18px;
  height: 18px;
  color: var(--ink-muted);
}
.overflow-menu__divider {
  width: 100%;
  height: 0;
  margin: 2px 0;
  border: 0;
  border-top: 1px solid var(--line);
}
.overflow-menu__item--danger,
.overflow-menu__item--danger .confirm__trigger,
.overflow-menu__item--danger .icon {
  color: var(--warning);
}
.overflow-menu__item .confirm {
  padding: 8px 12px;
}
.search-field {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  color: var(--ink);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
}
.search-field__icon {
  display: inline-flex;
  flex-shrink: 0;
  opacity: 0.55;
}
.search-field__icon .icon {
  width: 16px;
  height: 16px;
}
.search-field input {
  flex: 1;
  min-width: 0;
  width: 100%;
  border: 0;
  outline: none;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 14px;
}
.search-field--box {
  gap: 9px;
  padding: 11px 14px;
  border: 0;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}
.search-field--flat {
  gap: 9px;
  padding: 11px 14px;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}
.switch {
  position: relative;
  display: flex;
  gap: var(--space-md);
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: var(--space-sm) 0;
  border: 0;
  background: none;
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-align: left;
}
.switch:disabled {
  color: var(--ink-muted);
  cursor: default;
}
.switch::after {
  content: '';
  flex: none;
  width: 2.25rem;
  height: 1.25rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  background: var(--line);
}
.switch--on::after {
  border-color: var(--accent);
  background: var(--accent);
}
.switch::before {
  content: '';
  position: absolute;
  top: 50%;
  right: calc(2.25rem - 3px - 14px);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--ink-muted);
  transform: translateY(-50%);
  transition: right 0.15s ease;
}
.switch--on::before {
  right: 3px;
  background: var(--surface);
}
.catalog h1 {
  margin: 0 0 var(--space-xxl);
  color: var(--accent);
  font-size: 1.75rem;
}
.catalog__notice {
  color: var(--ink-muted);
}
.catalog__filters {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.catalog__filters-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: var(--radius-md);
  background: var(--surface);
}
.catalog__filters-card .filter-group {
  border-radius: 0;
  box-shadow: none;
  border-bottom: 1px solid var(--line);
}
.catalog__filters-card > .chip-group {
  padding: 10px 20px;
  border-bottom: 1px solid var(--line);
}
.catalog__filters-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
  min-height: 52px;
  padding: 4px 8px 4px 20px;
  border-bottom: 1px solid var(--line);
}
.catalog__filters-head h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}
.catalog__filters-sub {
  display: none;
  margin: 2px 0 0;
  color: var(--ink-muted);
  font-size: 12px;
}
.catalog__filters-reset {
  flex-shrink: 0;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 0 var(--space-sm);
  color: var(--accent);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}
.filter-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 14px;
  padding: 14px 20px;
  border-bottom: 1px solid var(--line);
}
.filter-inline__glyph {
  flex: none;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: var(--radius-md);
  background: var(--tint-neutral);
  color: var(--ink-muted);
}
.filter-inline--on .filter-inline__glyph {
  background: color-mix(in srgb, var(--accent) 14%, var(--surface));
  color: var(--accent);
}
.filter-inline--on .filter-inline__value {
  color: var(--accent);
}
.filter-inline__glyph .icon {
  width: 20px;
  height: 20px;
}
.filter-inline__text {
  flex: 1 0 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.filter-inline__title {
  color: var(--ink);
  font-size: 14px;
  font-weight: 700;
}
.filter-inline__value {
  color: var(--ink-muted);
  font-size: 12px;
}
.filter-inline .chip-group {
  flex: none;
  flex-wrap: nowrap;
}
.filter-section__chevron {
  flex: none;
  width: 14px;
  height: 14px;
  color: var(--ink-muted);
}
.catalog__toggle-text {
  display: grid;
  gap: 2px;
  margin-inline-end: auto;
  min-width: 0;
}
.catalog__toggle-title {
  font-weight: var(--font-heading-weight);
}
.catalog__toggle-sub {
  color: var(--ink-muted);
  font-size: 0.875rem;
}
.filter-section__body fieldset {
  align-content: flex-start;
  border: 0;
  margin: 0;
  min-inline-size: 0;
  padding: 0;
}
.filter-section__body legend {
  color: var(--ink);
  margin-bottom: var(--space-sm);
  padding: 0;
}
.filter-section__body fieldset > p,
.catalog__filter-options > p {
  color: var(--ink-muted);
  flex-basis: 100%;
  margin: 0;
}
.filter-section__body .catalog__currency-row {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-self: end;
  gap: 6px;
  margin-top: -8px;
  padding: 6px 8px;
  border-radius: var(--radius-pill);
  color: var(--accent);
  cursor: pointer;
}
.filter-section__body .catalog__currency-row:hover {
  background: color-mix(in srgb, var(--accent) 8%, transparent);
}
.filter-section__body .catalog__currency-row:has(:focus-visible) {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
.catalog__currency-row .icon {
  width: 16px;
  height: 16px;
}
.catalog__currency-label {
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}
.catalog__currency-row .catalog__currency-select {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  cursor: pointer;
}
.catalog__switch-row {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  cursor: pointer;
}
.catalog__switch-glyph {
  flex: none;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--accent) 14%, var(--surface));
  color: var(--accent);
}
.catalog__switch-glyph .icon {
  width: 20px;
  height: 20px;
}
.switch {
  flex: none;
  position: relative;
  width: 44px;
  height: 26px;
  margin: 0;
  border-radius: var(--radius-pill);
  background: var(--line);
  appearance: none;
  cursor: pointer;
  transition: background 120ms ease;
}
.switch::before {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  transition: transform 120ms ease;
}
.switch:checked {
  background: var(--accent);
}
.switch:checked::before {
  transform: translateX(18px);
}
.switch:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
.range__legend {
  display: flex;
  float: left;
  align-items: baseline;
  justify-content: space-between;
  width: 100%;
  margin-bottom: var(--space-sm);
  padding: 0;
}
.range__legend + * {
  clear: both;
}
.range__title {
  color: var(--ink);
}
.range__track {
  --lo: 0%;
  --hi: 100%;
  position: relative;
  height: 24px;
}
.range__track::before,
.range__track::after {
  content: '';
  position: absolute;
  top: 50%;
  height: 4px;
  margin-top: -2px;
  border-radius: var(--radius-pill);
}
.range__track::before {
  left: 0;
  right: 0;
  background: var(--line);
}
.range__track::after {
  left: var(--lo);
  right: calc(100% - var(--hi));
  background: var(--accent);
}
.range__track input[type='range'] {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  background: none;
  appearance: none;
  pointer-events: none;
}
.range__track input[type='range']::-webkit-slider-runnable-track {
  background: none;
}
.range__track input[type='range']::-moz-range-track {
  background: none;
}
.range__track input[type='range']::-webkit-slider-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: var(--accent);
  appearance: none;
  pointer-events: auto;
  cursor: pointer;
}
.range__track input[type='range']::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: var(--accent);
  pointer-events: auto;
  cursor: pointer;
}
.catalog__searchable .search-field {
  flex-basis: 100%;
}
.catalog__more {
  flex-basis: 100%;
}
.catalog__more-toggle {
  color: var(--accent);
  font-size: 13px;
  cursor: pointer;
  list-style: none;
}
.catalog__more-toggle::-webkit-details-marker {
  display: none;
}
.catalog__more[open] > .catalog__more-toggle {
  display: none;
}
.catalog__more-body {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.catalog__range {
  border: 0;
  margin: 0;
  min-inline-size: 0;
  padding: 0;
}
.catalog__radio-list {
  display: grid;
  gap: 0;
}
.catalog__radio-list .radio {
  justify-content: space-between;
  min-height: 48px;
  border-bottom: 1px solid var(--line);
  color: var(--ink-muted);
}
.catalog__radio-list .radio:has(input:checked) {
  color: var(--ink);
  font-weight: 600;
}
.catalog__radio-list .radio:has(input:disabled) {
  display: none;
}
.catalog__radio-list .dot {
  order: 2;
  width: 18px;
  height: 18px;
  border: 0;
  border-radius: 0;
}
.catalog__radio-list input:checked + .dot {
  background: none;
  box-shadow: none;
}
.catalog__radio-list input:checked + .dot::after {
  content: '';
  display: block;
  width: 6px;
  height: 11px;
  margin: 1px auto 0;
  border: solid var(--accent);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.catalog__filters .catalog__filter-submit {
  width: auto;
  min-height: 52px;
  margin: 12px 20px;
  padding: 10px;
  border-radius: var(--radius-pill);
  background: var(--accent);
  color: var(--surface);
  font-size: 16px;
  font-weight: 700;
}
.catalog__filters .catalog__filter-submit:hover {
  background: color-mix(in srgb, var(--accent) 88%, var(--ink));
}
.provider-grid {
  display: grid;
  list-style: none;
  margin: 0;
  padding: 0;
}
.catalog__pagination {
  margin-top: var(--space-xxl);
}
.pager {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
.pager__page,
.pager__step {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 40px;
  height: 40px;
  padding: 0 var(--space-sm);
  box-sizing: border-box;
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  color: var(--ink);
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}
.pager__step {
  padding: 0 var(--space-md);
}
a.pager__page:hover,
a.pager__step:hover {
  background: color-mix(in srgb, var(--accent) 12%, var(--surface));
  color: var(--accent);
}
.pager__page--current {
  background: var(--accent);
  box-shadow: none;
  color: var(--surface);
}
.pager__step--off {
  opacity: 0.4;
}
.pager__gap {
  min-width: 24px;
  text-align: center;
  color: var(--ink-muted);
}
.pager__icon {
  width: 16px;
  height: 16px;
}
@media (max-width: 899.98px) {
  .pager__label {
    display: none;
  }
  .pager__step {
    padding: 0;
  }
}
.provider-card {
  position: relative;
}
.provider-card a {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: inherit;
  background: var(--surface);
  border-radius: var(--radius-md);
  text-decoration: none;
}
.provider-card__media {
  position: relative;
}
.provider-card__image {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}
.provider-card__image--empty {
  display: grid;
  place-items: center;
  background: linear-gradient(150deg, var(--color-nocturne-neutral-700), var(--color-nocturne-neutral-900));
}
.provider-card__initial {
  color: color-mix(in srgb, var(--color-nocturne-neutral-300) 75%, transparent);
  font-family: var(--font-heading);
  font-size: 34px;
}
.provider-card__body {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.provider-card__name {
  margin: 0;
  overflow: hidden;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.provider-card__meta {
  display: flex;
  gap: 6px;
  align-items: baseline;
  margin: 0;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
}
.provider-card__rate {
  flex-shrink: 0;
}
.provider-card__location {
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
}
.provider-card__distance {
  flex-shrink: 0;
  font-size: 12px;
}
.provider-card__categories {
  margin: 0;
  overflow: hidden;
  font-size: 11.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nav {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 20px;
  min-height: 50px;
  padding: 14px 20px;
  background: var(--surface);
}
.nav__brand {
  margin-right: auto;
  color: var(--ink);
  flex-shrink: 0;
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: var(--font-heading-weight);
  letter-spacing: -0.03em;
  line-height: 1;
  text-decoration: none;
}
.nav__tabs {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 18px;
  min-width: 0;
}
.nav__item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: inherit;
  font-size: 14px;
  text-decoration: none;
}
.nav__item:hover,
.nav__item[aria-current='page'],
.nav__notification:hover,
.nav__notification[aria-current='page'] {
  color: var(--accent);
}
.nav__icon {
  display: inline-flex;
  flex-shrink: 0;
  position: relative;
}
.nav__icon .icon {
  width: 17px;
  height: 17px;
}
.nav__notification .icon {
  width: 19px;
  height: 19px;
}
.nav__actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 16px;
  margin-left: auto;
}
.nav__notification {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  color: inherit;
  text-decoration: none;
}
.nav__page-notification {
  display: none;
}
.nav__account {
  display: none;
}
.nav__back,
.nav__page-heading,
.nav__logout {
  display: none;
}
.nav__brand-mark {
  display: block;
  width: 28px;
  height: 28px;
}
.catalog__filters:has(.filter-section[open]) .catalog__filters-head,
.catalog__filters:has(.filter-section[open]) .catalog__filters-card > .chip-group,
.catalog__filters:has(.filter-section[open]) .filter-inline,
.catalog__filters:has(.filter-section[open]) .filter-section:not([open]) {
  display: none;
}
.catalog__filters .filter-section[open] {
  border-top: 0;
}
.filter-section__back {
  display: none;
}
.catalog__filters .filter-section[open] > .filter-section__summary {
  justify-content: flex-start;
  gap: 14px;
  min-height: 52px;
  padding: 4px 20px 4px 12px;
  border-bottom: 1px solid var(--line);
}
.catalog__filters .filter-section[open] .filter-section__back {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  flex: none;
  color: var(--accent);
  font-size: 12px;
  font-weight: 500;
}
.catalog__filters .filter-section[open] .filter-section__back .icon {
  width: 18px;
  height: 18px;
}
.catalog__filters .filter-section[open] .filter-section__title {
  flex: 0 1 auto;
  overflow: hidden;
  color: var(--ink);
  font-size: 16px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.catalog__filters .filter-section[open] .filter-section__value,
.catalog__filters .filter-section[open] .filter-section__chevron {
  display: none;
}
.catalog__filters .filter-section[open] > .filter-section__body {
  padding: 20px;
}
.catalog__filters .filter-section__body--fields,
.catalog__filters .filter-section__body--blocks {
  grid-template-columns: minmax(0, 1fr);
}
.catalog__filters .button--chip {
  padding: 6px 13px;
  font-size: 14px;
  font-weight: 400;
}
.catalog__filters .filter-section__body legend,
.catalog__filters .range__title {
  font-size: 14px;
  font-weight: 600;
}
.catalog__filters .range__value {
  font-size: 14px;
  font-weight: 600;
}
.catalog__filters .filter-section__body .search-field {
  border: 0;
  border-radius: var(--radius-md);
  background: var(--tint-neutral);
}
.nav__page-action {
  position: relative;
  display: none;
  color: var(--ink);
  text-decoration: none;
}
.nav__page-action:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
.nav__search {
  display: none;
}
.nav__page-action--on {
  color: var(--accent);
}
.filter-sheet__close {
  display: none;
}
.filter-sheet__backdrop {
  display: none;
}
.location-picker {
  position: relative;
}
.location-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 220px;
  padding: 6px 12px;
  border: 1px solid var(--accent);
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--ink);
  font: inherit;
  font-size: 13.5px;
  cursor: pointer;
}
.location-pill:hover,
.location-pill[aria-expanded='true'] {
  background: color-mix(in srgb, var(--accent) 12%, transparent);
}
.location-pill__pin {
  display: inline-flex;
  flex: none;
  color: var(--accent);
}
.location-pill__pin .icon {
  width: 15px;
  height: 15px;
}
.location-pill__label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.location-pill__caret {
  display: inline-flex;
  flex: none;
  opacity: 0.55;
}
.location-pill__caret .icon {
  width: 11px;
  height: 11px;
}
.location-picker__backdrop {
  position: fixed;
  inset: 0;
  z-index: 19;
}
.location-popover {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 20;
  width: min(320px, calc(100vw - 32px));
  overflow: hidden;
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow-md);
}
.location-popover__head {
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
}
.location-popover__kicker {
  color: var(--ink-muted);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.location-popover__search {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  border-radius: var(--radius-sm);
  box-shadow: inset 0 0 0 1px var(--line);
}
.location-popover__search .icon {
  flex: none;
  width: 15px;
  height: 15px;
  opacity: 0.55;
}
.location-popover__search-input {
  flex: 1;
  min-width: 0;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 13.5px;
  outline: none;
}
.location-popover__countries {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-block-start: var(--space-sm);
}
.location-popover__country-option {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  padding: 8px 10px;
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.location-popover__country-reason {
  color: var(--ink-muted);
  font-size: 12px;
}
.location-popover__country-option:hover,
.location-popover__country-option:focus-visible {
  background: var(--accent-wash);
}
.location-popover__country-option--current {
  color: var(--accent);
}
.location-popover__list {
  max-height: 210px;
  overflow: auto;
}
.location-popover__city {
  display: flex;
  align-items: baseline;
  gap: 10px;
  width: 100%;
  padding: 9px 14px;
  border: 0;
  background: transparent;
  color: var(--ink);
  font: inherit;
  font-size: 13.5px;
  text-align: left;
  cursor: pointer;
}
.location-popover__city:hover {
  background: color-mix(in srgb, var(--accent) 9%, transparent);
}
.location-popover__city--current {
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
}
.location-popover__empty,
.location-popover__error {
  margin: 0;
  padding: 9px 14px;
  color: var(--ink-muted);
  font-size: 13px;
}
.location-popover__error {
  padding: 8px 0 0;
  color: var(--warning);
  font-size: 12.5px;
}
.location-popover__loading {
  height: 90px;
  margin: 10px 14px;
}
.location-popover__foot {
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 12px 14px;
  border-top: 1px solid var(--line);
}
.location-popover__detect {
  margin-top: 0;
  font-size: 13px;
}
.nav__badge {
  position: absolute;
  inset-block-start: -8px;
  inset-inline-end: -12px;
  padding-inline: 6px;
}
.nav__brand:focus-visible,
.nav__item:focus-visible,
.nav__notification:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
@media (max-width: 899.98px) {
  body {
    padding-block-end: calc(80px + env(safe-area-inset-bottom));
  }
  .nav__tabs {
    position: fixed;
    inset: auto var(--space-lg) calc(var(--space-md) + env(safe-area-inset-bottom));
    z-index: 6;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 0;
    height: 56px;
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--surface) 55%, transparent);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: var(--shadow-dock);
  }
  .nav__item {
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    min-height: 56px;
    min-width: 0;
    padding: 8px 4px;
    font-size: 10.5px;
    text-align: center;
    white-space: nowrap;
  }
  .nav__icon .icon {
    width: 21px;
    height: 21px;
  }
  .nav {
    flex-wrap: nowrap;
    gap: 4px;
    padding: 2px 8px 4px;
  }
  .nav__actions {
    display: contents;
  }
  .nav__brand {
    display: none;
  }
  .location-picker {
    order: 2;
    flex: 1 1 auto;
    min-width: 0;
  }
  .location-pill {
    max-width: none;
    width: 100%;
    gap: 6px;
    padding: 0 8px;
    height: 44px;
    border: 0;
    border-radius: var(--radius-md);
    font-family: var(--font-heading);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.015em;
  }
  .location-pill__pin .icon {
    width: 18px;
    height: 18px;
  }
  .location-pill__caret .icon {
    width: 14px;
    height: 14px;
  }
  .location-popover {
    left: 0;
    right: auto;
  }
  .nav__item--wide {
    display: none;
  }
  .nav__page-action {
    order: 3;
    display: grid;
    flex: none;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: var(--radius-md);
  }
  .nav__page-action .icon {
    width: 22px;
    height: 22px;
  }
  .nav__search {
    order: 3;
    display: flex;
    flex: none;
    margin: 0;
  }
  .nav__search-field {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
    width: 44px;
    height: 44px;
    border-radius: var(--radius-md);
    color: var(--ink);
    cursor: pointer;
  }
  .nav__search--on .nav__search-field {
    color: var(--accent);
  }
  .nav__search-icon {
    display: inline-flex;
  }
  .nav__search-icon .icon {
    width: 22px;
    height: 22px;
  }
  .nav__search-field input {
    position: absolute;
    inset: 0;
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: none;
    color: var(--ink);
    font: inherit;
    font-size: 16px;
    opacity: 0;
    cursor: pointer;
  }
  .nav__search-back {
    display: none;
  }
  .nav__search:is(.nav__search--open, :not(.nav__search--live):focus-within) {
    flex: 1;
    gap: var(--space-xs);
    padding-inline-end: var(--space-xs);
  }
  .nav__search:is(.nav__search--open, :not(.nav__search--live):focus-within) .nav__search-back {
    display: grid;
    flex: none;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: var(--radius-md);
    background: none;
    color: var(--ink);
    cursor: pointer;
  }
  .nav__search:is(.nav__search--open, :not(.nav__search--live):focus-within) .nav__search-back .icon {
    width: 22px;
    height: 22px;
  }
  .nav__search:is(.nav__search--open, :not(.nav__search--live):focus-within) .nav__search-field {
    flex: 1;
    justify-content: flex-start;
    gap: 0;
    width: auto;
    min-width: 0;
    padding-inline-end: var(--space-md);
    border: 2px solid var(--accent);
    border-radius: var(--radius-pill);
    background: var(--tint-neutral);
    color: var(--accent);
    cursor: text;
  }
  .nav__search:is(.nav__search--open, :not(.nav__search--live):focus-within) .nav__search-icon {
    display: grid;
    flex: none;
    place-items: center;
    width: 42px;
  }
  .nav__search:is(.nav__search--open, :not(.nav__search--live):focus-within) .nav__search-icon .icon {
    width: 19px;
    height: 19px;
  }
  .nav__search:is(.nav__search--open, :not(.nav__search--live):focus-within) input {
    position: static;
    flex: 1;
    opacity: 1;
    cursor: text;
  }
  .nav:has(.nav__search:is(.nav__search--open, :not(.nav__search--live):focus-within)) .location-picker,
  .nav:has(.nav__search:is(.nav__search--open, :not(.nav__search--live):focus-within)) .nav__page-action,
  .nav:has(.nav__search:is(.nav__search--open, :not(.nav__search--live):focus-within)) .nav__account {
    display: none;
  }
  .nav__notification {
    display: none;
  }
  .nav__account {
    order: 5;
    display: grid;
    flex: none;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: var(--radius-md);
    color: inherit;
    text-decoration: none;
  }
  .nav__account-glyph {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: var(--radius-pill);
    background: var(--tint-neutral);
    color: var(--on-tint-neutral);
  }
  .nav__account-glyph .icon {
    width: 17px;
    height: 17px;
  }
  .nav--page .location-picker,
  .nav--page .nav__page-action,
  .nav--page .nav__notification:not(.nav__page-notification),
  .nav--page .nav__account,
  .nav--page .nav__tabs {
    display: none;
  }
  .nav--page .nav__page-notification {
    order: 3;
    display: grid;
    flex: none;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: var(--radius-md);
  }
  .nav--page .nav__page-notification .nav__badge {
    inset-block-start: 4px;
    inset-inline-end: 0;
  }
  .nav__back {
    order: 1;
    display: grid;
    flex: none;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: var(--radius-md);
    color: var(--ink);
  }
  .nav__back .icon {
    width: 22px;
    height: 22px;
  }
  .nav__page-heading {
    order: 2;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 0;
  }
  .nav__page-title {
    display: block;
    min-width: 0;
    overflow: hidden;
    font-family: var(--font-heading);
    font-size: 17px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .nav__page-tag {
    flex: none;
    padding: 1px 7px;
    font-size: 10px;
    white-space: nowrap;
  }
  .nav__logout {
    display: contents;
  }
  .nav__logout-button {
    order: 4;
    display: grid;
    flex: none;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: var(--radius-md);
    background: none;
    color: var(--ink);
    cursor: pointer;
  }
  .nav__logout-button .icon {
    width: 22px;
    height: 22px;
  }
  body:has(.nav--page) {
    padding-block-end: 0;
  }
  .nav__account[aria-current='page'] {
    color: var(--accent);
  }
  .nav__notification .icon {
    width: 22px;
    height: 22px;
  }
  .nav__badge {
    inset-block-start: 2px;
    inset-inline-end: 2px;
  }
  .nav__tabs .nav__badge {
    inset-block-start: -8px;
    inset-inline-end: -12px;
  }
  .filter-sheet {
    display: none;
  }
  .filter-sheet--open {
    display: block;
    position: fixed;
    inset: var(--nav-clearance) 0 0;
    width: auto;
    min-width: 0;
    max-width: none;
    z-index: 9;
    overflow-y: auto;
    padding: 22px 0 0;
    border-radius: 24px 24px 0 0;
    background: var(--surface);
  }
  .filter-sheet--open::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 50%;
    width: 40px;
    height: 4px;
    margin-left: -20px;
    border-radius: var(--radius-pill);
    background: var(--line);
  }
  .filter-sheet__backdrop {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 8;
    background: color-mix(in srgb, var(--color-nocturne-neutral-900) 55%, transparent);
  }
  .filter-sheet--open .filter-sheet__close {
    position: absolute;
    top: 22px;
    right: 8px;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: var(--radius-md);
    color: var(--ink);
  }
  .filter-sheet--open .catalog__favourites,
  .filter-sheet--open .catalog__filters > .search-field {
    display: none;
  }
  .filter-sheet--open .catalog__filters {
    gap: 0;
  }
  .filter-sheet--open .catalog__filters-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    min-height: 52px;
    padding: 0 8px 10px;
  }
  .filter-sheet--open .catalog__filters-heading {
    grid-column: 2;
    grid-row: 1;
    text-align: center;
  }
  .filter-sheet--open .catalog__filters-heading h4 {
    font-size: 18px;
  }
  .filter-sheet--open .catalog__filters-sub {
    display: block;
    font-size: 13px;
  }
  .filter-sheet--open .catalog__filters-reset {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
  }
  .filter-sheet--open .filter-group {
    border-radius: 0;
    box-shadow: none;
  }
  .filter-sheet--open {
    display: flex;
    flex-direction: column;
  }
  .filter-sheet--open .catalog__filters,
  .filter-sheet--open .catalog__filters-card {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  .filter-sheet--open .catalog__filters-card {
    border-radius: 0;
  }
  .filter-sheet--open .catalog__filters-card .filter-group {
    border-bottom: 0;
  }
  .filter-sheet--open:has(.filter-section[open]) .filter-sheet__close {
    display: none;
  }
  .filter-sheet--open .filter-section[open] > .filter-section__summary {
    margin-top: -10px;
  }
  .filter-sheet--open .catalog__filters .catalog__filter-submit {
    position: sticky;
    bottom: 0;
    width: auto;
    margin: auto 16px calc(16px + env(safe-area-inset-bottom));
    box-shadow: 0 -16px 0 0 var(--surface);
  }
  .filter-sheet--open .filter-sheet__close .icon {
    width: 22px;
    height: 22px;
  }
  body:has(.filter-sheet__switch) .filter-sheet--switched {
    display: none;
  }
  body:has(.filter-sheet__switch:checked) .filter-sheet--switched {
    display: block;
    position: fixed;
    inset: 0;
    width: auto;
    min-width: 0;
    max-width: none;
    z-index: 9;
    overflow-y: auto;
    padding: 12px 16px calc(24px + env(safe-area-inset-bottom));
    background: var(--surface);
  }
  body:has(.filter-sheet__switch:checked) .filter-sheet--switched .filter-sheet__close {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    margin-block-end: 4px;
    border-radius: var(--radius-md);
    color: var(--ink);
    cursor: pointer;
  }
  body:has(.filter-sheet__switch:checked) .filter-sheet--switched .filter-sheet__close .icon {
    width: 22px;
    height: 22px;
  }
}
.filter-sheet__switch {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}
.auth-page {
  max-width: none;
  margin: 0;
  padding: 0;
  flex: 1;
  display: flex;
}
.auth-frame {
  flex: 1;
  min-height: 560px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-xl);
  padding: var(--space-xl);
}
.auth-frame__panel {
  display: flex;
  align-items: center;
  justify-content: center;
}
.auth-frame__panel-body {
  width: 100%;
  max-width: 470px;
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}
.auth-frame__headline {
  margin: 0;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--ink);
}
.auth-frame__cards {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-sm);
}
.auth-frame__card {
  position: relative;
  min-width: 0;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: linear-gradient(150deg, var(--color-nocturne-neutral-700), var(--color-nocturne-neutral-900));
}
.auth-frame__card-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.auth-frame__card-ph {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-family: monospace;
  font-size: 0.7rem;
  color: color-mix(in srgb, var(--color-nocturne-neutral-300) 75%, transparent);
}
.auth-frame__card-badge {
  position: absolute;
  top: var(--space-xs);
  right: var(--space-xs);
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-pill);
  background: var(--color-nocturne-accent-700);
  color: var(--color-surface-light);
  font-size: 0.8rem;
}
.auth-frame__card-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  padding: var(--space-xl) var(--space-sm) var(--space-sm);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
  color: var(--color-on-media);
}
.auth-frame__card-name {
  font-size: 0.85rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.auth-frame__card-meta {
  font-size: 0.72rem;
  opacity: 0.9;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.auth-frame__form {
  display: flex;
  align-items: center;
  justify-content: center;
}
.auth-frame__form-body {
  position: relative;
  width: 100%;
  max-width: 420px;
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  padding: var(--space-xxl);
  border-radius: var(--radius-lg);
  background: var(--color-surface-light);
  box-shadow: var(--shadow-md);
}
.auth-frame__form-body {
  color-scheme: light;
  --ground: var(--color-nocturne-ground-light);
  --surface: var(--color-nocturne-surface-light);
  --ink: var(--color-nocturne-ink-light);
  --line: var(--color-nocturne-divider-light);
  --ink-muted: color-mix(in srgb, var(--color-nocturne-ink-light) 70%, transparent);
  --accent: var(--color-nocturne-accent-700);
  --warning: var(--color-warning-light);
  --error: var(--color-error-light);
  --on-warning: var(--color-on-warning-light);
  --success: var(--color-success-light);
  --on-success: var(--color-on-success-light);
}
.login__form label.login__check a {
  color: var(--accent);
}
.login__form label.login__check a {
  color: var(--accent);
}
.auth-frame__form-title {
  margin: 0;
  font-size: 1.75rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--color-ink-light);
}
.auth-frame__form-subtitle {
  margin: calc(var(--space-sm) * -1) 0 var(--space-md);
  font-size: 15px;
  color: var(--color-ink2-light);
}
.auth-frame__form-body .login__form {
  margin-top: 0;
}
.auth-frame__form-body .login__form > .button {
  margin-top: var(--space-xs);
}
.auth-frame__form-body .input {
  min-height: 40px;
}
.auth-frame__form-body .button {
  min-height: 44px;
  font-size: 15px;
}
.auth-frame__form-body .button--primary {
  background: var(--accent);
  color: var(--surface);
}
.auth-frame__form-body .button--primary:hover {
  background: color-mix(in srgb, var(--accent) 88%, var(--ink));
}
.auth-frame__form-body .auth-frame__alt {
  width: 100%;
  border-color: var(--accent);
  color: var(--accent);
}
.auth-frame__form-body .auth-frame__alt:hover {
  background: color-mix(in srgb, var(--accent) 12%, transparent);
}
.auth-frame__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-lg);
  margin-top: var(--space-sm);
}
.auth-frame__links a {
  color: var(--accent);
  text-decoration: none;
}
.auth-frame__links a:hover {
  text-decoration: underline;
}
@media (max-width: 899.98px) {
  .auth-frame {
    grid-template-columns: 1fr;
    align-content: start;
  }
  .auth-frame__headline {
    font-size: 1.25rem;
  }
  .auth-frame__panel-body,
  .auth-frame__form-body {
    margin: 0 auto;
  }
  .auth-frame__panel-body,
  .auth-frame__form-body {
    max-width: 480px;
  }
}
.login,
.account {
  max-width: 360px;
  margin-inline: auto;
}
.login__form {
  display: grid;
  gap: var(--space-lg);
  margin-top: var(--space-xl);
}
.login__form label.login__check {
  display: flex;
  gap: var(--space-sm);
  align-items: flex-start;
  color: var(--ink);
}
.login__password {
  position: relative;
}
.login__password > input {
  width: 100%;
  padding-right: 2.5rem;
}
.login__password-toggle {
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  border-radius: var(--radius-md);
  color: var(--ink-muted);
  padding: 0;
  cursor: pointer;
}
.login__password-toggle:hover,
.login__password-toggle:focus-visible {
  color: var(--ink);
}
.field__label-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-sm);
}
.field__label-action {
  font-size: 12px;
  color: var(--accent);
  text-decoration: none;
}
.field__label-action:hover {
  text-decoration: underline;
}
.login__password-icon {
  width: 1rem;
  height: 1rem;
}
.login__form label.login__check input {
  margin: 0;
  padding: 0;
  width: auto;
}
.login__error {
  margin: 0;
  color: var(--warning);
}
.role-settings > .profile-pane__section {
  padding: 0;
}
.role-settings .profile-pane__section-title {
  display: block;
  padding: 14px 16px 0;
}
.role-settings .profile-pane__hint {
  max-width: none;
  margin: 0;
  padding: 3px 16px 12px;
  font-size: 12.5px;
}
.role-settings__cards {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
}
.role-settings__card {
  display: flex;
  gap: 11px;
  align-items: flex-start;
  width: 100%;
  padding: 12px 16px;
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
  text-align: left;
  font: inherit;
  color: var(--ink);
  cursor: pointer;
}
button.role-settings__card:hover:not(:disabled) {
  background: color-mix(in srgb, var(--accent) 8%, transparent);
}
.role-settings__card--current {
  background: color-mix(in srgb, var(--accent) 10%, transparent);
  cursor: default;
}
.role-settings__card:disabled {
  cursor: default;
}
.role-settings__radio {
  display: grid;
  flex: none;
  place-items: center;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  border-radius: var(--radius-pill);
  box-shadow: inset 0 0 0 1.5px var(--accent);
}
.role-settings__dot {
  width: 9px;
  height: 9px;
  border-radius: var(--radius-pill);
  background: transparent;
}
.role-settings__card--current .role-settings__dot {
  background: var(--accent);
}
.role-settings__text {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.role-settings__card-title {
  font-size: 14px;
}
.role-settings__card-desc {
  color: var(--ink-muted);
  font-size: 12.5px;
}
.role-settings .settings__notice {
  margin: 0 14px 14px;
}
.role-settings .role-settings__welcome {
  padding: 16px;
  border-top: 1px solid var(--line);
}
.role-settings__welcome-card {
  display: flex;
  flex-direction: column;
  gap: 18px;
  max-width: 900px;
  padding: 20px;
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--accent) 8%, var(--surface));
}
.role-settings__welcome-head {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.role-settings__welcome-seal {
  flex: none;
  color: var(--accent);
}
.role-settings__welcome-seal .icon {
  width: 44px;
  height: 44px;
}
.role-settings__welcome-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.role-settings__welcome-title {
  margin: 0;
  font-size: 18px;
  font-weight: var(--font-heading-weight);
}
.role-settings__welcome-body {
  margin: 0;
  color: var(--ink-muted);
}
.role-settings__welcome-caps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px 16px;
  margin: 0;
  padding: 0 0 0 60px;
  list-style: none;
}
.role-settings__welcome-caps li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
}
.role-settings__welcome-caps .icon {
  flex: none;
  width: 20px;
  height: 20px;
  color: var(--accent);
}
.role-settings__welcome-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding-left: 60px;
}
.role-settings__welcome-actions .button--primary {
  min-width: 200px;
  justify-content: center;
}
@media (max-width: 599.98px) {
  .role-settings__welcome-caps,
  .role-settings__welcome-actions {
    padding-left: 0;
  }
}
.login__hint {
  margin: var(--space-xs) 0 0;
  color: var(--ink-muted);
}
.login__resend {
  padding: var(--space-md) var(--space-xl);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--ink);
  cursor: pointer;
  font: inherit;
}
.login__resend[disabled] {
  cursor: default;
  opacity: 0.6;
}
.login__countdown {
  margin-left: var(--space-sm);
  color: var(--ink-muted);
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: var(--space-2) calc(var(--space-3) * 1.2);
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--ink);
  cursor: pointer;
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
}
.button svg {
  display: block;
}
.button--primary {
  border-color: var(--accent);
  color: var(--accent);
}
.button--primary:hover {
  background: color-mix(in srgb, var(--accent) 12%, transparent);
}
.button--primary:active {
  background: color-mix(in srgb, var(--accent) 22%, transparent);
}
.button--secondary {
  border-color: var(--line);
}
.button--secondary:hover {
  background: color-mix(in srgb, var(--ink) 7%, transparent);
}
.button--secondary:active {
  background: color-mix(in srgb, var(--ink) 14%, transparent);
}
.button--ghost {
  padding-inline: var(--space-1);
  color: var(--accent);
}
.button--ghost:hover {
  background: color-mix(in srgb, var(--accent) 10%, transparent);
}
.button--ghost:active {
  background: color-mix(in srgb, var(--accent) 18%, transparent);
}
.button--icon {
  width: 36px;
  height: 36px;
  padding: 0;
}
.button--block {
  width: 100%;
  margin-top: var(--space-2);
}
.button--chip {
  padding: 5px 14px;
  border-radius: var(--radius-pill);
  font-size: 13px;
}
.button[disabled],
.button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
.notfound {
  max-width: 360px;
}
.notfound h1 {
  margin: 0 0 var(--space-xl);
  font-size: 1.25rem;
}
.notfound__notice {
  margin: 0 0 var(--space-xl);
  color: var(--ink-muted);
}
.provider__main {
  flex: 999 1 460px;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.provider__side {
  position: sticky;
  top: var(--nav-clearance);
  flex: 1 1 300px;
  min-width: 270px;
  max-width: 340px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.provider__price-card {
  padding: 16px;
  gap: 12px;
}
.provider__actions-card {
  padding: 16px;
  gap: 12px;
}
.provider__rate-row {
  display: flex;
  align-items: baseline;
  gap: 7px;
}
.provider__rate {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
  font-size: 26px;
  line-height: 1;
}
.provider__rate-unit {
  color: var(--ink-muted);
  font-size: 13px;
}
.provider__rates {
  margin: 0;
}
.provider__rate-terms {
  margin: 10px 0 0;
  color: var(--ink);
  font-size: 13.5px;
}
.provider__rate-terms-label {
  display: block;
  margin-bottom: 2px;
  color: var(--ink-muted);
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.provider__rate-line {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 0;
  font-size: 13px;
}
.provider__rate-line dt {
  color: var(--ink-muted);
}
.provider__rate-line dd {
  margin: 0;
  font-variant-numeric: tabular-nums;
}
.provider__chat {
  margin-top: 0;
  padding: 10px;
}
.provider__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.provider__action {
  flex: 1;
  min-width: max-content;
  gap: 6px;
  font-size: 13px;
}
.provider__action .icon {
  width: 15px;
  height: 15px;
}
.provider__likes {
  font-variant-numeric: tabular-nums;
}
.provider__likes::before {
  content: '· ';
}
.provider__actions--guest {
  flex-direction: column;
  align-items: flex-start;
}
.provider__actions--guest p {
  margin: 0;
  color: var(--ink-muted);
  font-size: 12px;
  line-height: 1.45;
}
.provider__signin {
  font-size: 13px;
}
.provider__actions-error {
  flex-basis: 100%;
  margin: 0;
  color: var(--warning);
  font-size: 12px;
}
.provider__safety {
  display: flex;
  gap: 7px;
  margin: 0;
  color: var(--ink-muted);
  font-size: 12px;
  line-height: 1.45;
  text-wrap: pretty;
}
.provider__safety .icon {
  flex: none;
  width: 14px;
  height: 14px;
  margin-top: 2px;
}
.provider__footer {
  margin: 0;
  padding: 0 2px;
  color: var(--ink-muted);
  font-size: 12px;
}
@media (max-width: 899.98px) {
  .provider__side {
    position: static;
    max-width: none;
  }
}
.provider {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 20px 48px;
}
.provider__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
}
.provider__header {
  justify-content: space-between;
}
.provider__head-action {
  display: grid;
  flex: none;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-md);
  background: none;
  color: var(--ink);
  cursor: pointer;
}
.provider__head-action:hover {
  background: var(--line);
}
.provider__head-action .icon {
  width: 20px;
  height: 20px;
}
.provider__back {
  margin-inline-start: -8px;
}
.provider__head-share {
  margin-inline-end: -8px;
}
.provider__details {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  overflow: hidden;
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}
.provider__detail-group {
  min-width: 0;
  padding: 14px 16px;
  border-right: 1px solid var(--line);
}
.provider__detail-group:last-child {
  border-right: 0;
}
.provider__detail-title {
  margin: 0 0 8px;
  color: var(--ink-muted);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.provider__detail-rows {
  margin: 0;
}
.provider__detail-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 5px 0;
  font-size: 13.5px;
}
.provider__detail-row dt {
  color: var(--ink-muted);
}
.provider__detail-row dd {
  margin: 0;
  color: var(--ink);
}
.provider__video-card,
.provider__contacts-card {
  padding: 16px;
}
.provider__contacts {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.provider__contact {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 5px 0;
  color: inherit;
  font-size: 13.5px;
  text-decoration: none;
}
a.provider__contact:hover .provider__contact-value,
a.provider__contact:focus-visible .provider__contact-value {
  color: var(--accent);
}
.provider__contact-kind {
  color: var(--ink-muted);
}
.provider__contact-value {
  min-width: 0;
  overflow-wrap: anywhere;
}
.provider__video {
  display: block;
  max-width: 100%;
  max-height: 70vh;
  border-radius: var(--radius-md);
  background: var(--line);
}
@media (min-width: 900px) {
  .nav {
    min-height: 63px;
  }
}
.provider__gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, 96px);
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.provider__gallery img {
  display: block;
  width: 96px;
  height: 96px;
  border-radius: var(--radius-md);
  object-fit: cover;
}
.provider__photo-close,
.provider__photo-step {
  display: none;
}
.provider__photo:target {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  background: rgb(0 0 0 / 0.92);
}
.provider__photo:target .provider__photo-open {
  display: contents;
  cursor: default;
}
.provider__photo:target img {
  width: 100vw;
  height: 100vh;
  border-radius: 0;
  object-fit: contain;
}
.provider__photo:target .provider__photo-close,
.provider__photo:target .provider__photo-step {
  position: absolute;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgb(0 0 0 / 0.5);
  color: var(--color-on-media);
}
.provider__photo:target .provider__photo-close {
  top: 16px;
  right: 16px;
}
.provider__photo:target .provider__photo-step {
  top: 50%;
  transform: translateY(-50%);
}
.provider__photo:target .provider__photo-step--prev {
  left: 16px;
}
.provider__photo:target .provider__photo-step--next {
  right: 16px;
}
.provider__photo:target .icon {
  width: 22px;
  height: 22px;
}
.events-page {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}
.events-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 16px 18px;
}
.events-head__titles {
  margin-right: auto;
  min-width: 0;
}
.events-head__action {
  flex: none;
}
.events-view {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}
.events-view__panel--list {
  display: none;
}
.events-view:has(.events-view__control input[value='list']:checked) .events-view__panel--map {
  display: none;
}
.events-view:has(.events-view__control input[value='list']:checked) .events-view__panel--list {
  display: block;
}
.floating-tabs .seg {
  padding: 0;
  border: 0;
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--surface) 72%, transparent);
  backdrop-filter: blur(4px) saturate(150%);
  -webkit-backdrop-filter: blur(4px) saturate(150%);
}
.floating-tabs .seg-opt {
  min-height: 36px;
  font-size: 14px;
}
.floating-tabs .seg-opt:has(input:checked) {
  background: var(--color-nocturne-accent-800);
  color: var(--color-nocturne-accent-100);
  box-shadow: none;
}
.floating-tabs .seg-opt[aria-current='page'] {
  background: var(--color-nocturne-accent-800);
  color: var(--color-nocturne-accent-100);
  box-shadow: none;
}
.events-list {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
  max-height: 560px;
  overflow: auto;
}
.events-list__day {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 8px 16px;
  background: var(--surface);
  border-bottom: 1px solid var(--line);
  color: var(--accent);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.events-list__more {
  display: flex;
}
.events-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
  color: var(--ink);
  text-decoration: none;
  transition: background 120ms;
}
.events-row:hover,
.events-row:focus-visible {
  background: color-mix(in srgb, var(--ink) 5%, transparent);
}
.events-row__date {
  flex: none;
  width: 46px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.events-row__day {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
  font-size: 20px;
  line-height: 1.05;
}
.events-row__month {
  color: var(--ink-muted);
  font-size: 10.5px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.events-row__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.events-row__head {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.events-row__title {
  overflow: hidden;
  font-size: 14.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.events-row--cancelled .events-row__title {
  text-decoration: line-through;
}
.events-row__tag {
  flex: none;
  padding: 2px 7px;
  font-size: 10px;
}
.events-row__where {
  overflow: hidden;
  color: var(--ink-muted);
  font-size: 12.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.events-row__counts {
  color: var(--ink-muted);
  font-size: 12px;
}
.events-row__time {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 13.5px;
  font-variant-numeric: tabular-nums;
}
.events-row__end {
  color: var(--ink-muted);
  font-size: 11.5px;
}
.events-row__cover {
  flex: none;
  width: 56px;
  height: 56px;
  overflow: hidden;
  border-radius: var(--radius-sm);
  background: var(--tint-neutral);
}
.events-row__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.events-map {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.events-map__canvas {
  position: relative;
  height: 460px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--tint-neutral);
  touch-action: pan-y;
  cursor: grab;
}
.events-map__canvas--zoomed {
  touch-action: none;
}
.events-map__canvas:active {
  cursor: grabbing;
}
.events-map__plane {
  position: absolute;
  inset: 0;
  transform-origin: 50% 50%;
  will-change: transform;
}
.events-map__world {
  position: absolute;
  left: 50%;
  top: 50%;
}
.events-map__tiles {
  display: grid;
  pointer-events: none;
  user-select: none;
}
.events-map__tile {
  display: block;
  width: 256px;
  height: 256px;
}
.events-map__credit {
  position: absolute;
  right: 12px;
  top: 156px;
  z-index: 2;
  padding: 2px 6px;
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--surface) 70%, transparent);
  color: var(--ink-muted);
  font-size: 10px;
}
.events-map__zone {
  position: absolute;
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  padding: 18px;
  box-sizing: border-box;
  transform: translate(-50%, -50%);
  border: 1px solid var(--accent);
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent) 22%, transparent);
  cursor: pointer;
}
.events-map__zone::after {
  content: '';
  position: absolute;
  inset: -1px;
  border: 1px solid var(--accent);
  border-radius: 50%;
  animation: events-map-pulse 4s ease-in-out infinite;
}
@keyframes events-map-pulse {
  0%,
  100% {
    opacity: 0.55;
  }
  50% {
    opacity: 0.9;
  }
}
.events-map__zone-label {
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-width: 100%;
  padding: 5px 9px;
  border-radius: var(--radius-sm);
  background: var(--ground);
  color: var(--ink);
  text-align: center;
}
.events-map__zone-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 11.5px;
  line-height: 1.25;
}
.events-map__zone-time {
  color: var(--ink-muted);
  font-size: 10px;
}
.events-map__zone-count {
  color: var(--accent);
  font-size: 14px;
  line-height: 1.1;
}
.events-map__pin {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  transform: translate(-50%, -100%);
  cursor: pointer;
  transition: transform 120ms;
}
.events-map__pin:hover {
  transform: translate(-50%, -100%) scale(1.05);
  z-index: 5;
}
.events-map__label {
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 190px;
  padding: 5px 10px 5px 5px;
  border-radius: 999px;
  background: var(--ground);
  box-shadow: var(--shadow-md), 0 0 0 1px var(--accent);
  white-space: nowrap;
}
.events-map__label-text {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 1px;
  overflow: hidden;
}
.events-map__label-title {
  overflow: hidden;
  font-size: 12.5px;
  text-overflow: ellipsis;
}
.events-map__label-title--cancelled {
  text-decoration: line-through;
}
.events-map__label-when {
  color: var(--ink-muted);
  font-size: 10.5px;
}
.events-map__cluster {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 10px;
  border-radius: 999px;
  box-shadow: var(--shadow-md);
  font-size: 12.5px;
  white-space: nowrap;
}
.events-map__cluster-count {
  font-family: var(--font-heading);
  font-size: 14px;
}
.events-map__dot {
  width: 9px;
  height: 9px;
  margin-top: 3px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);
}
.events-map__mark {
  flex: none;
  width: 26px;
  height: 26px;
  overflow: hidden;
  border-radius: 50%;
  background: var(--tint-neutral);
  object-fit: cover;
}
.events-map__nothing {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  margin: 0;
  padding: 0 20px;
  color: var(--ink-muted);
  text-align: center;
}
.events-map__card {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 300px;
  gap: 10px;
  padding: 12px;
  box-shadow: var(--shadow-lg);
}
.events-map__handle {
  display: none;
}
.events-map__stack {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 300px;
  max-height: calc(100% - 28px);
  gap: 8px;
  padding: 12px;
  overflow-y: auto;
  box-shadow: var(--shadow-lg);
}
.events-map__stack-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.events-map__stack-title {
  font-weight: 600;
}
.events-map__stack-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.events-map__stack-row {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
  padding: 8px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: start;
  cursor: pointer;
}
.events-map__stack-row:hover,
.events-map__stack-row:focus-visible {
  background: color-mix(in srgb, var(--ink) 6%, transparent);
}
.events-map__stack-row-title {
  font-weight: 600;
}
.events-map__stack-row-title--cancelled {
  text-decoration: line-through;
}
.events-map__stack-row-when {
  color: var(--ink-muted);
  font-size: 13px;
}
.events-map__card-head {
  display: flex;
  align-items: flex-start;
  gap: 11px;
}
.events-map__card-cover {
  flex: none;
  width: 56px;
  height: 56px;
  overflow: hidden;
  border-radius: var(--radius-sm);
  background: var(--tint-neutral);
}
.events-map__card-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.events-map__card-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.events-map__card-title {
  overflow: hidden;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.events-map__card-title--cancelled {
  text-decoration: line-through;
}
.events-map__card-where {
  overflow: hidden;
  color: var(--ink-muted);
  font-size: 12.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.events-map__card-when {
  color: var(--ink-muted);
  font-size: 12px;
}
.events-map__card-close {
  flex: none;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  opacity: 0.6;
  cursor: pointer;
}
.events-map__card-close .icon {
  width: 14px;
  height: 14px;
}
.events-map__card-foot {
  display: flex;
  align-items: center;
  gap: 10px;
}
.events-map__card-counts {
  margin-right: auto;
  color: var(--ink-muted);
  font-size: 12px;
}
.events-map__card-open {
  padding: 5px 12px;
  font-size: 12.5px;
}
.page:has(.events-view) {
  height: calc(100svh - var(--nav-clearance));
  min-height: 520px;
  display: flex;
  flex-direction: column;
}
.page:has(.events-view) .events-page,
.page:has(.events-view) .events-view,
.page:has(.events-view) .events-view__panel--map,
.page:has(.events-view) .events-map {
  flex: 1;
  min-height: 0;
}
.page:has(.events-view) .events-view__panel--list {
  flex: 1;
  min-height: 0;
  overflow: auto;
}
.page:has(.events-view) .events-list {
  max-height: none;
}
.page:has(.events-view) .events-view__panel--map {
  position: absolute;
  inset: 0;
  margin-inline: calc(var(--page-gutter) * -1);
  display: flex;
  flex-direction: column;
}
.page:has(.events-view) .events-map__canvas {
  flex: 1;
  height: auto;
  min-height: 0;
  border: 0;
  border-radius: 0;
}
.page:has(.events-view) .events-page {
  position: relative;
}
.page:has(.events-view) .events-page,
.page:has(.events-view) .events-view {
  gap: 0;
}
.page:has(.events-view) .events-head {
  padding: 14px 12px 12px;
  background: var(--ground);
  box-shadow: var(--shadow-md);
}
.page:has(.events-view) .events-view__control {
  padding: 8px 12px 16px;
  background: none;
}
.events-head__info {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex: none;
  border-radius: var(--radius-sm);
  color: var(--ink);
  cursor: pointer;
}
.events-head__info .icon {
  width: 19px;
  height: 19px;
}
.events-map-key {
  display: none;
}
.events-legend {
  display: none;
}
.events-page:has(.events-legend__toggle:checked) .events-legend {
  position: absolute;
  left: 12px;
  right: 12px;
  top: 54px;
  z-index: 8;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow-lg);
}
.events-legend__head {
  display: flex;
  align-items: center;
  gap: 8px;
}
.events-legend__title {
  font-family: var(--font-heading);
  font-weight: 500;
  font-size: 14px;
}
.events-legend__close {
  margin-left: auto;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  opacity: 0.6;
  cursor: pointer;
}
.events-legend__line {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 12.5px;
  line-height: 1.45;
  text-wrap: pretty;
}
.events-legend__swatch {
  display: grid;
  place-items: center;
  width: 22px;
  flex: none;
  margin-top: 2px;
}
.events-legend__dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);
}
.events-legend__circle {
  width: 20px;
  height: 20px;
  border: 1px solid var(--accent);
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent) 22%, transparent);
}
.page:has(.events-view) .events-head,
.page:has(.events-view) .events-view__control {
  position: relative;
  z-index: 3;
}
.page:has(.events-view) .events-map__card {
  top: auto;
  right: 12px;
  bottom: 12px;
  left: 12px;
  width: auto;
  background: color-mix(in srgb, var(--surface) 72%, transparent);
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
}
.page:has(.events-view) .events-map__stack {
  top: auto;
  right: 12px;
  bottom: 12px;
  left: 12px;
  width: auto;
  max-height: 50%;
  background: color-mix(in srgb, var(--surface) 72%, transparent);
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
}
@media (max-width: 899.98px) {
  .page:has(.events-view) .events-map__card {
    bottom: calc(80px + env(safe-area-inset-bottom));
  }
  .page:has(.events-view) .events-map__stack {
    bottom: calc(80px + env(safe-area-inset-bottom));
  }
  body:has(.events-view) {
    padding-block-end: 0;
  }
  .page:has(.events-view) {
    height: calc(100svh - 50px);
    padding-bottom: 0;
  }
  .page:has(.events-view) .events-view__panel--list {
    padding-bottom: calc(80px + env(safe-area-inset-bottom));
  }
}
.page:has(.events-view) .events-map__handle {
  display: block;
  width: 34px;
  height: 3px;
  margin: 0 auto 2px;
  border-radius: 2px;
  background: var(--line);
}
@media (max-width: 519.98px) {
  .events-page,
  .events-view {
    gap: 12px;
  }
  .events-head {
    gap: 16px 10px;
  }
  .events-view__control {
    width: 100%;
  }
  .events-view__control .seg {
    display: flex;
    width: 100%;
  }
  .events-view__control .seg-opt {
    flex: 1;
    justify-content: center;
  }
  .events-list {
    max-height: 420px;
  }
  .events-list__day {
    padding: 7px 13px;
    font-size: 10.5px;
  }
  .events-row {
    gap: 11px;
    padding: 11px 13px;
  }
  .events-row__date {
    width: 38px;
  }
  .events-row__day {
    font-size: 18px;
  }
  .events-row__month {
    font-size: 10px;
    letter-spacing: 0.08em;
  }
  .events-row__body {
    gap: 2px;
  }
  .events-row__head {
    gap: 6px;
  }
  .events-row__title {
    font-size: 13.5px;
  }
  .events-row__tag {
    padding: 2px 6px;
    font-size: 9.5px;
  }
  .events-row__where {
    font-size: 12px;
  }
  .events-row__counts {
    font-size: 11.5px;
  }
  .events-row__time {
    font-size: 12.5px;
  }
  .events-row__end {
    font-size: 11px;
  }
  .events-row__cover {
    display: none;
  }
  .events-list__more .button {
    width: 100%;
  }
  .events-map__pin {
    width: 13px;
    height: 13px;
  }
  .events-map__pin--cluster {
    width: auto;
    min-width: 24px;
    height: 24px;
    padding: 0 6px;
    font-size: 12px;
  }
  .events-map__mark {
    width: 30px;
    height: 30px;
  }
  .events-map__card {
    top: auto;
    right: 12px;
    left: 12px;
    width: auto;
  }
  .events-map__handle {
    display: block;
    width: 34px;
    height: 3px;
    margin: 0 auto 2px;
    border-radius: 2px;
    background: var(--line);
  }
  .events-map__card-cover {
    width: 52px;
    height: 52px;
  }
  .events-map__card-title {
    font-size: 13.5px;
  }
  .events-map__card-where {
    font-size: 12px;
  }
  .events-map__card-when,
  .events-map__card-counts {
    font-size: 11.5px;
  }
}
.event {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 720px;
  min-width: 0;
  margin: 0 auto;
}
.event__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
}
.event__back {
  flex: none;
  gap: 7px;
  font-size: 13px;
}
.event__back .icon {
  width: 15px;
  height: 15px;
}
.event__title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  min-width: 0;
}
.event__kind {
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.event__title {
  margin: 0;
  min-width: 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.event__band {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: var(--radius-md);
  font-size: 14px;
  font-weight: 500;
}
.event__band .icon {
  flex: none;
  width: 18px;
  height: 18px;
}
.event__band--ended {
  background: var(--tint-neutral);
  color: var(--on-tint-neutral);
}
.event__band--cancelled {
  background: color-mix(in srgb, var(--warning) 12%, transparent);
  color: var(--warning);
}
.event__cover {
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: var(--color-nocturne-neutral-800);
}
.event__cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.event__cover--empty {
  background: linear-gradient(150deg, var(--color-nocturne-neutral-700), var(--color-nocturne-neutral-900));
}
.event__demand {
  padding: 16px;
  border-radius: var(--radius-lg);
  background: var(--accent-wash);
}
.event__demand-head {
  display: flex;
  align-items: center;
  gap: 8px;
}
.event__demand-head .icon {
  flex: none;
  width: 20px;
  height: 20px;
  color: var(--accent);
}
.event__demand-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.event__demand-body {
  margin: 4px 0 0;
  color: var(--ink-muted);
  font-size: 12px;
  line-height: 16px;
}
.event__facts,
.event__lineup,
.event__thread,
.event__thread-off {
  padding: 16px;
  gap: 12px;
}
.event__row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: inherit;
  text-decoration: none;
}
.event__row > .icon {
  flex: none;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  color: var(--ink-muted);
}
.event__venue--revealed > .icon {
  color: var(--accent);
}
.event__row-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.event__row-title {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.event__row-sub {
  color: var(--ink-muted);
  font-size: 13px;
}
.event__address {
  font-size: 14px;
}
.event__tonight {
  flex: none;
  align-self: center;
}
.event__organiser {
  align-items: center;
}
.event__chevron {
  flex: none;
  align-self: center;
  width: 16px;
  height: 16px;
  color: var(--ink-muted);
}
.event__organiser--link:hover .event__row-title,
.event__lineup-row:hover .event__row-title {
  color: var(--accent);
}
.event__description {
  display: flex;
  flex-direction: column;
  gap: 0.6em;
  max-width: 64ch;
  font-size: 14px;
  line-height: 1.55;
  text-wrap: pretty;
}
.event__description p {
  margin: 0;
}
.event__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  margin: 0;
  color: var(--ink-muted);
  font-size: 13px;
}
.event__stat + .event__stat::before {
  content: '· ';
}
.event__privacy {
  display: flex;
  gap: 7px;
  margin: 0;
  color: var(--ink-muted);
  font-size: 12px;
  line-height: 1.45;
  text-wrap: pretty;
}
.event__privacy .icon {
  flex: none;
  width: 14px;
  height: 14px;
  margin-top: 2px;
}
.event__card-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.event__card-head .card-kicker {
  margin-right: auto;
}
.event__lineup-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.event__lineup-row {
  align-items: center;
  padding: 4px 0;
}
.event__thread.discussion {
  margin-top: 0;
}
.event__thread .discussion__comment {
  flex-direction: column;
  gap: 0;
  padding: 12px 14px;
}
.discussion__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.discussion__meta .discussion__time {
  margin-left: auto;
}
.event__thread .discussion__text {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.5;
}
.event__thread .discussion__notice {
  margin: 0;
  font-size: 14px;
}
.event__thread .discussion__pagination {
  margin-top: 4px;
}
.event__thread-off-title {
  font-size: 15px;
  font-weight: 500;
}
.event__thread-off-body {
  margin: 0;
  color: var(--ink-muted);
  font-size: 13px;
  line-height: 1.45;
}
.event__bar {
  padding: 16px;
  gap: 10px;
}
.event__rsvp {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.event__rsvp-option {
  flex: 1;
  gap: 6px;
  font-size: 13px;
}
.event__rsvp-option .icon {
  width: 15px;
  height: 15px;
}
.event__bar-title {
  font-size: 15px;
  font-weight: 500;
}
.event__bar-note {
  margin: 0;
  color: var(--ink-muted);
  font-size: 13px;
  line-height: 1.45;
  text-wrap: pretty;
}
.event__bar-error {
  margin: 0;
  color: var(--warning);
  font-size: 13px;
}
.event__share .switch {
  padding: 0;
}
.event__owner {
  margin-top: 4px;
  padding-top: 10px;
  border-top: 1px solid var(--line);
}
.event__clear,
.event__lineup-action {
  align-self: flex-start;
  font-size: 13px;
}
.event__join {
  margin-top: 0;
}
.event__status-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.event__status-row > .icon {
  flex: none;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  color: var(--ink-muted);
}
.event__status-row--accent > .icon {
  color: var(--accent);
}
.event__picker {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.event__picker-option {
  gap: 8px;
  padding: 6px 12px 6px 6px;
}
.discussion__report {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 8px;
  padding: 10px 12px;
  border-radius: var(--radius-md);
  background: var(--tint-neutral);
  color: var(--on-tint-neutral);
}
.discussion__report-title {
  font-size: 13px;
  font-weight: 500;
}
.discussion__report-body {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  opacity: 0.8;
}
.discussion__report-reasons {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.discussion__report-reasons .button {
  padding: 5px 10px;
  font-size: 12px;
}
.discussion__reported {
  margin: 6px 0 0;
  color: var(--ink-muted);
  font-size: 12px;
}
.event__thread .discussion__composer {
  display: flex;
  gap: 8px;
  margin-top: 4px;
}
.event__thread .discussion__composer .input {
  flex: 1;
  min-width: 0;
}
.event__thread .discussion__guest {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}
.event__thread .discussion__guest-title {
  margin: 0;
}
.event-create {
  min-width: 0;
  padding-bottom: 96px;
}
.event-form__when {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
}
.event-form__hint {
  margin: 0;
  color: var(--ink-muted);
  font-size: 13px;
  line-height: 1.45;
  text-wrap: pretty;
}
.event-form__registration {
  display: flex;
  max-width: 560px;
  flex-direction: column;
  gap: 14px;
  padding: 16px;
  border-radius: var(--radius-md);
  background: var(--tint-neutral);
}
.event-form__limit-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.event-form__limit-row .input {
  min-width: 0;
  flex: 1 1 auto;
}
.event-form__limit-toggle {
  flex: 0 0 auto;
  white-space: nowrap;
}
.event-form__cover {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.event-form__cover-slot {
  overflow: hidden;
  aspect-ratio: 16 / 7;
  max-width: 760px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-md);
  background: var(--tint-neutral);
  box-shadow: inset 0 0 0 1px var(--line);
  cursor: pointer;
}
.event-form__cover-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.event-form__cover-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 100%;
  color: var(--ink-muted);
  font-size: 12px;
}
.event-form__cover-actions {
  display: flex;
  justify-content: flex-end;
  gap: 4px;
}
.event-form__organiser {
  position: relative;
}
.event-form__organiser-trigger {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  min-height: 44px;
  padding: 7px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
  color: var(--ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.event-form__organiser-trigger:disabled {
  cursor: default;
}
.event-form__organiser-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.event-form__organiser-role {
  color: var(--ink-muted);
  font-size: 11.5px;
}
.event-form__organiser-caret {
  flex: none;
  opacity: 0.6;
}
.event-form__organiser-panel {
  margin-top: 6px;
  overflow: hidden;
  border-radius: var(--radius-md);
}
.event-form__organiser-option {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  padding: 9px 12px;
  border: 0;
  border-bottom: 1px solid var(--line);
  background: transparent;
  color: var(--ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.event-form__organiser-option:hover,
.event-form__organiser-option:focus-visible {
  background: var(--accent-wash);
}
.event-form__organiser-option--current {
  background: var(--accent-wash);
}
.event-form__place {
  position: relative;
}
.event-form__place-search {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 6px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
}
.event-form__place-input {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 14px;
  outline: none;
}
.event-form__place-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}
.event-form__place-hits {
  margin-top: 6px;
  overflow: hidden;
  border-radius: var(--radius-md);
}
.event-form__place-hit {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  padding: 9px 12px;
  border: 0;
  border-bottom: 1px solid var(--line);
  background: transparent;
  color: var(--ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.event-form__place-hit:hover,
.event-form__place-hit:focus-visible {
  background: var(--accent-wash);
}
.event-form__place-pin {
  flex: none;
  color: var(--accent);
}
.event-form__place-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.event-form__place-sub,
.event-form__place-kicker {
  color: var(--ink-muted);
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
}
.event-form__place-kicker {
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.event-form__place-selected .event-form__place-text {
  gap: 2px;
}
.event-form__place-value {
  font-size: 14px;
  line-height: 20px;
}
.event-form__place-detail {
  color: var(--ink-muted);
  font-size: 12px;
  line-height: 16px;
}
.event-form__place-loading {
  margin-top: 10px;
}
.event-form__place-selected {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
}
.event-form__address-choice {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 8px 0 8px 6px;
  font-size: 16px;
  line-height: 1.5;
  cursor: pointer;
}
.event-form__address-choice .dot {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  border: 2px solid var(--ink-muted);
}
.event-form__address-choice input:checked + .dot {
  border-color: var(--accent);
  background: var(--accent);
  box-shadow: inset 0 0 0 3px var(--surface);
}
.event-form__address-choices {
  display: contents;
}
.event-form__address-text {
  display: flex;
  flex-direction: column;
}
.event-form__address-sub {
  color: var(--ink-muted);
  font-size: 14px;
  line-height: 20px;
}
.event-form__address-warning {
  margin-top: 4px;
}
.event-form__address-window {
  margin-top: 6px;
  padding: 11px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
}
.event-form__preview {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.event-form__preview-kicker {
  color: var(--ink-muted);
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.event-form__preview-card {
  overflow: hidden;
  padding: 0;
  gap: 0;
}
.event-form__preview-cover {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: var(--tint-neutral);
}
.event-form__preview-tag {
  padding: 1px 7px;
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  background: none;
  color: var(--ink);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0;
}
.event-form__preview-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.event-form__preview-badge {
  position: absolute;
  bottom: 12px;
  left: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4px 8px;
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: inset 0 0 0 1px var(--line);
}
.event-form__preview-month {
  color: var(--accent);
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.event-form__preview-day {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.event-form__preview-body {
  display: flex;
  flex-direction: column;
  padding: 12px;
}
.event-form__preview-title {
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-wrap: pretty;
}
.event-form__preview-line {
  color: var(--ink-muted);
  font-size: 12px;
  line-height: 16px;
}
.event-form__preview-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 8px;
}
.event-form__preview-org {
  margin-top: 12px;
  padding-top: 11px;
  border-top: 1px solid var(--line);
  color: var(--ink-muted);
  font-size: 12px;
  line-height: 16px;
}
.event-form__publish-card {
  display: flex;
  flex-direction: column;
  padding: 16px;
  gap: 0;
}
.event-form__publish-title {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.event-form__check {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 8px;
  color: var(--ink-muted);
  font-size: 14px;
  line-height: 20px;
}
.event-form__check--done {
  color: var(--ink);
}
.event-form__check--done .icon {
  color: var(--accent);
}
.event-form__check .icon {
  width: 16px;
  height: 16px;
}
.event-form__publish-card .event-form__hint {
  margin-top: 4px;
  font-size: 12px;
  line-height: 16px;
}
.event-form__error {
  margin: 0;
  color: var(--warning);
  font-size: 13px;
}
.avatar--muted {
  filter: grayscale(1);
  opacity: 0.7;
}
.avatar-status {
  position: relative;
  flex: none;
}
.avatar-status__pip {
  position: absolute;
  right: -2px;
  bottom: -2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border: 2px solid var(--surface);
  border-radius: var(--radius-pill);
  background: var(--tint-neutral);
  color: var(--on-tint-neutral);
}
.avatar-status__pip--blocked {
  background: var(--warning);
  color: var(--on-warning);
}
.avatar-status__pip .icon {
  width: 10px;
  height: 10px;
}
.settings {
  max-width: 640px;
}
.settings.settings--wide {
  max-width: none;
}
.settings h1 {
  margin: 0;
  font-size: 1.5rem;
}
.settings__identity {
  min-width: 0;
}
.settings__identity .settings__meta {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.settings__role-badge {
  margin: var(--space-1) 0 0;
}
.crop {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  align-items: flex-start;
}
.crop__frame {
  width: 220px;
  height: 220px;
  border-radius: var(--radius-pill);
  overflow: hidden;
  background: var(--color-surface-dark);
  cursor: grab;
  touch-action: none;
  user-select: none;
}
.crop__frame:active {
  cursor: grabbing;
}
.crop__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: center;
  pointer-events: none;
}
.crop__controls {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-md);
}
.crop__controls input[type='range'] {
  flex: 1 1 100%;
}
.gallery {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.gallery__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
}
.gallery__count {
  margin-right: auto;
  color: var(--ink-muted);
  font-size: 13px;
}
.gallery__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.gallery__selected {
  color: var(--ink-muted);
  font-size: 13px;
}
.gallery__actions .button--secondary,
.gallery__actions .confirm__trigger {
  font-size: 13px;
}
.gallery__actions .confirm__trigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.gallery__actions .confirm__trigger .icon {
  width: 15px;
  height: 15px;
}
.gallery__upload {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  overflow: hidden;
  cursor: pointer;
}
.gallery__upload .icon {
  width: 16px;
  height: 16px;
}
.gallery__upload-input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.gallery-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(168px, (100% - 14px) / 2), 1fr));
  gap: 14px;
}
.gallery-tile {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
}
.gallery-tile__media {
  position: relative;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: var(--tint-neutral);
  border-radius: 8px;
  box-shadow: 0 0 0 1px var(--line);
}
.gallery-tile__state {
  position: absolute;
  inset: 0;
  display: grid;
  padding: var(--space-sm);
  place-items: center;
  color: var(--ink-muted);
  font-size: 11.5px;
  text-align: center;
}
.gallery-tile--selected .gallery-tile__media::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 2px solid var(--color-nocturne-accent);
  border-radius: inherit;
  pointer-events: none;
}
.gallery-tile__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery-tile__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 7px;
  pointer-events: none;
}
.gallery-tile__check {
  pointer-events: auto;
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  padding: 0;
  color: var(--color-nocturne-neutral-900);
  background: color-mix(in srgb, var(--color-nocturne-neutral-900) 55%, transparent);
  border: 1.5px solid var(--color-nocturne-neutral-300);
  border-radius: 50%;
  cursor: pointer;
}
.gallery-tile__check .icon {
  width: 13px;
  height: 13px;
}
.gallery-tile__check--on {
  background: var(--color-nocturne-accent);
  border-color: var(--color-nocturne-accent);
}
.gallery-tile__actions {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  pointer-events: auto;
}
.gallery-tile__actions .confirm__trigger {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  min-height: 28px;
  padding: 0;
  color: var(--color-nocturne-neutral-100);
  background: color-mix(in srgb, var(--color-nocturne-neutral-900) 72%, transparent);
  border: 0;
  border-radius: 50%;
}
.gallery-tile__actions .confirm__trigger .icon {
  width: 15px;
  height: 15px;
}
.gallery-tile__actions .confirm__trigger:hover {
  background: color-mix(in srgb, var(--color-nocturne-neutral-900) 88%, transparent);
}
.gallery-tile__actions:has(.confirm) {
  align-self: stretch;
  justify-content: stretch;
}
.gallery-tile__actions .confirm {
  flex: 1;
  margin: 0;
  padding: 7px;
  background: rgb(0 0 0 / 78%);
  border: 0;
  border-radius: var(--radius-sm);
  color: var(--color-on-media);
}
.gallery-tile__actions .confirm__question {
  margin: 0 0 6px;
  color: var(--color-on-media);
  font-size: 11.5px;
  line-height: 1.3;
}
.gallery-tile__actions .confirm__actions {
  display: flex;
  gap: 6px;
}
.gallery-tile__actions .confirm__confirm,
.gallery-tile__actions .confirm__cancel {
  flex: 1;
  min-height: 24px;
  padding: 2px 6px;
  border-color: color-mix(in srgb, var(--color-on-media) 55%, transparent);
  color: var(--color-on-media);
  font-size: 11.5px;
}
.gallery-tile__actions .confirm__confirm {
  border-color: var(--color-warning-dark);
  color: var(--color-warning-dark);
}
.gallery-tile__name {
  overflow: hidden;
  color: var(--ink-muted);
  font-size: 11.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gallery-tile--add .gallery-add {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border: 1.5px dashed var(--line);
  border-radius: 8px;
  cursor: pointer;
}
.gallery-tile--add .gallery-add:hover {
  color: var(--accent);
  border-color: var(--accent);
}
.gallery-add__glyph {
  width: 26px;
  height: 26px;
}
.gallery-add__label {
  font-size: 13px;
}
.gallery-add__hint {
  color: var(--ink-muted);
  font-size: 11.5px;
}
.gallery-empty {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  max-width: 560px;
  padding: 18px;
  background: var(--surface);
  border-radius: 8px;
  box-shadow: var(--shadow-sm);
}
.gallery-empty__media {
  display: grid;
  flex: none;
  place-items: center;
  width: 112px;
  height: 112px;
  background: var(--tint-neutral);
  border-radius: 8px;
}
.gallery-empty__art {
  width: 112px;
  height: 112px;
  fill: none;
  stroke: var(--accent);
  stroke-width: 1.5;
  stroke-linejoin: round;
}
.gallery-empty__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  min-width: 0;
}
.gallery-empty__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 17px;
  font-weight: 500;
}
.gallery-empty__text {
  margin: 0;
  max-width: 48ch;
  color: var(--ink-muted);
  font-size: 13.5px;
  line-height: 1.5;
  text-wrap: pretty;
}
.settings__meta,
.settings__notice,
.settings__empty {
  margin: var(--space-xs) 0 0;
  color: var(--ink-muted);
}
.settings__empty {
  margin-top: var(--space-xxl);
  color: var(--ink);
  font-weight: var(--font-heading-weight);
}
.settings__section {
  margin: var(--space-xxl) 0 var(--space-md);
  color: var(--ink-muted);
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.settings__list {
  display: grid;
  gap: 1px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--line);
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.settings__item {
  background: var(--surface);
}
.settings__item a {
  display: block;
  padding: var(--space-md) var(--space-lg);
  color: inherit;
  text-decoration: none;
}
.settings__item a:hover {
  background: var(--line);
}
.settings__item--pending span {
  display: block;
  padding: var(--space-md) var(--space-lg);
  color: var(--ink-muted);
  cursor: default;
}
.settings--page form {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
  align-items: stretch;
  max-width: 480px;
}
.settings--page
  form
  button:not(.button):not(.confirm__trigger):not(.confirm__confirm):not(.confirm__cancel):not(.login__password-toggle) {
  align-self: flex-start;
  padding: var(--space-2) calc(var(--space-3) * 1.2);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--ink);
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
  font-size: 14px;
  line-height: 1.2;
  cursor: pointer;
}
.settings--page form button[disabled] {
  opacity: 0.6;
}
.settings-layout__content .settings__item {
  list-style: none;
}
.settings-layout__content > .settings > .settings__item a,
.settings--page > .settings__item a {
  display: inline-block;
  margin-top: var(--space-lg);
  color: var(--ink-muted);
}
.wizard {
  display: flex;
  flex-direction: column;
}
.wizard__topbar {
  display: flex;
  align-items: center;
  margin-bottom: var(--space-xl);
}
.wizard__topbar-back {
  font-size: 0.8125rem;
  text-decoration: none;
  white-space: nowrap;
}
.wizard__topbar-title {
  display: flex;
  min-width: 0;
}
.wizard__topbar-step {
  min-width: 0;
  overflow: hidden;
  font-size: 1.125rem;
  font-weight: var(--font-heading-weight);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wizard__topbar-title {
  flex: 1;
}
.wizard__topbar-trailing {
  flex: none;
  margin-inline-start: auto;
}
.wizard__menu .overflow-menu__toggle {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  color: var(--ink);
}
.wizard__progress {
  display: flex;
  flex: none;
  align-items: center;
  gap: var(--space-md);
}
.wizard__progress-label {
  font-size: 0.8rem;
  color: var(--ink-muted);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.wizard__progress-bar {
  width: 140px;
  height: 3px;
  border-radius: var(--radius-pill);
  background: var(--line);
  overflow: hidden;
}
.wizard__progress-bar span {
  display: block;
  height: 100%;
  background: var(--accent);
}
@media (max-width: 479.98px) {
  .wizard__progress-bar {
    width: 56px;
  }
}
.wizard__body {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-xxl);
}
.wizard__card {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  overflow: hidden;
}
.wizard__card-head {
  display: flex;
  align-items: baseline;
  gap: var(--space-md);
  padding: 13px 16px;
  border-bottom: 1px solid var(--line);
}
.wizard__card-title {
  font-size: 0.9375rem;
  font-weight: var(--font-heading-weight);
  line-height: 1.43;
}
.wizard__card-hint {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.33;
  color: var(--ink-muted);
}
.wizard__card input.input,
.wizard__card select.input {
  min-height: 44px;
}
.wizard__card-body {
  padding: var(--space-lg);
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}
.wizard__panel-subtitle {
  margin: 0;
  color: var(--ink-muted);
  font-size: 0.8125rem;
  line-height: 1.5;
}
.wizard__gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 10px;
}
.wizard__gallery-tile {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  justify-content: flex-end;
  aspect-ratio: 3 / 4;
  padding: var(--space-sm);
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  box-shadow: inset 0 0 0 1px var(--line);
  overflow: hidden;
}
.wizard__gallery-wide {
  grid-column: 1 / -1;
}
.wizard__gallery-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wizard__dropzone {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
  justify-content: center;
  padding: var(--space-sm);
  border: 1px dashed var(--line);
  box-shadow: none;
  color: var(--ink-muted);
  text-align: center;
  cursor: pointer;
}
.wizard__dropzone:hover {
  border-color: var(--accent);
  color: var(--ink);
}
.wizard__dropzone .icon {
  width: 22px;
  height: 22px;
  opacity: 0.6;
}
.wizard__dropzone-text {
  font-size: 12px;
  line-height: 1.35;
}
.wizard__dropzone-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}
.wizard__gallery-cover {
  position: absolute;
  inset-block-start: 8px;
  inset-inline-start: 8px;
  z-index: 2;
  padding: 1px 7px;
  background: var(--surface);
  font-size: 10px;
}
.wizard__gallery-actions {
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: 2;
  display: flex;
  gap: 4px;
  justify-content: center;
  padding: 14px 6px 6px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.55), transparent);
  transition: opacity 120ms ease;
}
@media (hover: hover) {
  .wizard__gallery-actions {
    opacity: 0;
  }
  .wizard__gallery-tile:hover .wizard__gallery-actions,
  .wizard__gallery-actions:focus-within {
    opacity: 1;
  }
}
.wizard__gallery-state {
  margin-block: auto;
  color: var(--ink-muted);
  font-size: 11.5px;
  text-align: center;
}
.wizard__gallery-action {
  flex: none;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-pill);
  background: rgba(0, 0, 0, 0.45);
  color: var(--color-on-media);
}
.wizard__gallery-action:hover:not([disabled]) {
  background: rgba(0, 0, 0, 0.72);
}
.wizard__gallery-action .icon {
  width: 15px;
  height: 15px;
}
.wizard__media-row {
  display: flex;
}
.wizard__media-controls {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  align-items: flex-start;
}
.wizard__media-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wizard__media-strip {
  display: flex;
  gap: 6px;
  align-self: stretch;
  overflow-x: auto;
  padding-block-end: 2px;
}
.wizard__media-strip-item {
  flex: none;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: none;
  overflow: hidden;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px var(--line);
}
.wizard__media-strip-item--selected {
  box-shadow: inset 0 0 0 2px var(--accent);
}
.wizard__media-buttons {
  display: flex;
  flex-wrap: wrap;
}
.gallery-picker {
  position: fixed;
  inset: 0;
  z-index: 20;
  display: grid;
  place-items: center;
  padding: var(--space-md);
  background: rgba(0, 0, 0, 0.55);
}
.gallery-picker__panel {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: min(720px, 100%);
  max-height: min(80vh, 720px);
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.gallery-picker__head,
.gallery-picker__foot {
  display: flex;
  flex: none;
  align-items: center;
  gap: var(--space-md);
  padding: var(--space-md);
}
.gallery-picker__head {
  border-block-end: 1px solid var(--line);
}
.gallery-picker__foot {
  justify-content: flex-end;
  border-block-start: 1px solid var(--line);
}
.gallery-picker__title {
  flex: 1;
  margin: 0;
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
  font-size: 15px;
}
.gallery-picker__body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: var(--space-md);
}
.gallery-picker__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.gallery-picker__item {
  position: relative;
  display: grid;
  width: 100%;
  aspect-ratio: 3 / 4;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  box-shadow: inset 0 0 0 1px var(--line);
  overflow: hidden;
  cursor: pointer;
  place-items: center;
}
.gallery-picker__item[disabled] {
  cursor: not-allowed;
}
.gallery-picker__item--selected {
  box-shadow: inset 0 0 0 2px var(--accent);
}
.gallery-picker__photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery-picker__tick {
  position: absolute;
  inset-block-start: 6px;
  inset-inline-end: 6px;
  display: grid;
  width: 22px;
  height: 22px;
  border-radius: var(--radius-pill);
  background: var(--accent);
  color: var(--surface);
  place-items: center;
}
.gallery-picker__tick .icon {
  width: 13px;
  height: 13px;
}
.gallery-picker__upload {
  position: relative;
  margin-inline-end: auto;
}
.wizard__search {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 12px;
  border-radius: var(--radius-sm);
  box-shadow: inset 0 0 0 1px var(--line);
  cursor: text;
}
.wizard__search:focus-within {
  box-shadow: inset 0 0 0 1px var(--accent);
}
.wizard__search-icon {
  width: 15px;
  height: 15px;
  opacity: 0.55;
}
.wizard__search-input {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 14px;
  outline: none;
}
.wizard__suggestions {
  display: grid;
  border-radius: var(--radius-sm);
  background: var(--surface);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}
.wizard__crop-editor {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}
.wizard__crop-editor input[type='range'] {
  flex: 1;
  min-width: 0;
}
.wizard__map {
  position: relative;
  height: 200px;
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  box-shadow: inset 0 0 0 1px var(--line);
  background-image: linear-gradient(var(--line) 1px, transparent 1px),
    linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 40px 40px;
  overflow: hidden;
}
.wizard__map-tiles {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  display: grid;
}
.wizard__map-tile {
  display: block;
  width: 256px;
  height: 256px;
}
.wizard__map-pin {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  color: var(--color-warning-light);
  transform: translate(-50%, -100%);
}
.wizard__map-pin .icon {
  width: 40px;
  height: 40px;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.45));
}
.wizard__map-credit {
  position: absolute;
  inset-block-end: 8px;
  inset-inline-end: 10px;
  color: var(--ink-muted);
  font-size: 11px;
}
.wizard__address-summary {
  display: flex;
  align-items: flex-start;
  gap: var(--space-md);
  padding: var(--space-lg);
  background: color-mix(in srgb, var(--ink) 4%, transparent);
  border-radius: var(--radius-md);
  box-shadow: inset 0 0 0 1px var(--line);
}
.wizard__address-summary > .icon {
  flex: none;
  width: 24px;
  height: 24px;
  color: var(--accent);
}
.wizard__address-summary--none {
  box-shadow: none;
}
.wizard__address-summary--none > .icon {
  color: var(--ink-muted);
}
.wizard__address-summary-text {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  min-width: 0;
}
.wizard__address-summary-label {
  color: var(--accent);
  font-size: 12px;
  font-weight: var(--font-heading-weight);
}
.wizard__address-summary-value {
  font-size: 16px;
}
.wizard__finish-column {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  min-width: 0;
}
.wizard__preview-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-sm);
  min-height: 52px;
  color: var(--accent);
  font-size: 15px;
  width: 100%;
  font: inherit;
  font-size: 15px;
  background: none;
  border: 1px solid var(--ink-muted);
  border-radius: 999px;
  cursor: pointer;
}
.wizard__preview-button .icon {
  width: 20px;
  height: 20px;
}
.wizard__blocked {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  margin: 0;
  padding: var(--space-md);
  color: var(--warning);
  font-size: 13px;
  background: color-mix(in srgb, var(--warning) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--warning) 30%, transparent);
  border-radius: var(--radius-md);
}
.wizard__blocked .icon {
  flex: none;
  width: 16px;
  height: 16px;
}
.wizard__publish-preview {
  margin-block-start: var(--space-md);
}
.wizard__publish-preview .provider-card {
  max-width: 260px;
}
.listing-auto {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}
.listing-auto__back {
  align-self: flex-start;
  font-size: 0.875rem;
  color: var(--accent);
}
.resizable-split {
  --split-leading: 1fr;
  --split-trailing: 1fr;
  --split-min: 360px;
  display: grid;
  grid-template-columns:
    minmax(var(--split-min), var(--split-leading))
    var(--space-md)
    minmax(var(--split-min), var(--split-trailing));
  align-items: start;
}
.resizable-split__pane {
  min-width: 0;
}
.resizable-split__handle {
  align-self: stretch;
  position: relative;
  cursor: col-resize;
  touch-action: none;
}
.resizable-split__handle::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -6px;
  right: -6px;
}
.resizable-split__grip {
  position: sticky;
  top: 40vh;
  display: block;
  width: 4px;
  height: 36px;
  margin: var(--space-lg) auto;
  border-radius: var(--radius-pill);
  background: var(--line);
  transition: background 120ms ease;
}
.resizable-split__handle:hover .resizable-split__grip,
.resizable-split__handle:focus-visible .resizable-split__grip,
.resizable-split--dragging .resizable-split__grip {
  background: var(--accent);
}
.resizable-split__handle::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  transform: translateX(-50%);
  border-radius: var(--radius-pill);
  background: transparent;
  transition: background 120ms ease;
}
.resizable-split__handle:hover::after,
.resizable-split__handle:focus-visible::after,
.resizable-split--dragging .resizable-split__handle::after {
  background: var(--accent);
}
.resizable-split__handle:focus-visible {
  outline: none;
}
.resizable-split--dragging {
  user-select: none;
  cursor: col-resize;
}
@media (max-width: 960px) {
  .resizable-split {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-md);
  }
  .resizable-split__handle {
    display: none;
  }
}
.listing-auto__thread,
.listing-auto__composer {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  padding: var(--space-md);
}
.listing-auto__composer {
  border-top: 1px solid var(--line);
}
.listing-auto__bubble {
  align-self: flex-start;
  max-width: 85%;
  padding: var(--space-sm) var(--space-md);
  border-radius: var(--radius-md);
  background: var(--accent-wash);
  font-size: 0.875rem;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.listing-auto__bubble--mine {
  align-self: flex-end;
  background: var(--line);
}
.listing-auto__bubble--error {
  background: color-mix(in srgb, var(--warning) 14%, transparent);
  color: var(--warning);
}
.listing-auto textarea.listing-auto__text {
  min-height: 200px;
}
.listing-auto textarea.listing-auto__text--change {
  min-height: 72px;
}
.listing-auto__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--space-sm);
}
.listing-auto__preview .wizard__card-body {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}
.listing-auto__empty {
  padding: var(--space-md);
  text-align: center;
  color: var(--ink-muted);
  font-size: 0.875rem;
}
.listing-auto__busy {
  animation: listing-auto-pulse 1.6s ease-in-out infinite;
}
@keyframes listing-auto-pulse {
  50% {
    opacity: 0.55;
  }
}
@media (prefers-reduced-motion: reduce) {
  .listing-auto__busy {
    animation: none;
  }
}
.route-auto {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}
.route-auto__title {
  margin: 0;
  font-size: 1rem;
}
.route-auto__note {
  margin: 0;
  color: var(--ink-muted);
  font-size: 0.875rem;
}
.route-auto__stops {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.route-auto__stop {
  display: flex;
  align-items: flex-start;
  gap: var(--space-sm);
  padding: var(--space-sm) 0;
}
.route-auto__stop + .route-auto__stop {
  border-top: 1px solid var(--line);
}
.route-auto__pin {
  display: inline-flex;
  color: var(--accent);
}
.route-auto__place {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.route-auto__city {
  font-weight: 500;
}
.route-auto__meta {
  color: var(--ink-muted);
  font-size: 0.8125rem;
}
.route-auto__note-line {
  font-size: 0.8125rem;
}
.route-auto__dates {
  flex: none;
  font-size: 0.875rem;
}
.listing-preview {
  padding: var(--space-md);
}
.listing-preview .my-listings__body {
  grid-template-columns: 1fr;
  grid-template-rows: none;
  row-gap: 28px;
}
.listing-preview .my-listings__body > .provider__main,
.listing-preview .my-listings__body > .provider__main--rest,
.listing-preview .my-listings__body > .provider__side {
  grid-column: auto;
  grid-row: auto;
}
.listing-preview .my-listings__body > .provider__side {
  position: static;
}
.listing-preview .my-listings__gallery {
  height: 260px;
}
.listing-preview .my-listings__week {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.my-listings__create-toggle {
  list-style: none;
  cursor: pointer;
}
.my-listings__create-toggle::-webkit-details-marker {
  display: none;
}
.my-listings__create .overflow-menu__panel {
  min-width: 260px;
}
.my-listings__plan-tour {
  display: block;
}
.my-listings__plan-tour > .button {
  display: flex;
  justify-content: center;
  height: 40px;
  margin-top: 0;
  padding: 0 16px;
  border-radius: 12px;
}
.my-listings__plan-tour .overflow-menu__panel {
  left: 0;
  right: auto;
}
.wizard__notice {
  padding: var(--space-md);
  border-radius: var(--radius-md);
  background: var(--accent-wash);
  font-size: 0.8125rem;
}
.wizard__notice--error {
  background: color-mix(in srgb, var(--warning) 14%, transparent);
  color: var(--warning);
}
.wizard__field-grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-md);
}
.wizard__field {
  flex: none;
}
.wizard__field-grid > .wizard__field {
  flex: 1 1 12rem;
}
.wizard__field--wide {
  flex-basis: 100%;
}
.wizard__checklist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}
.wizard__checklist li {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}
.wizard__checklist-item {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  padding: 9px 12px;
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.wizard__checklist-item:hover {
  background: var(--tint-accent);
}
.wizard__check {
  flex: none;
  width: 22px;
  height: 22px;
  border-radius: var(--radius-pill);
  display: grid;
  place-items: center;
  color: var(--ink-muted);
  background: color-mix(in srgb, var(--ink) 9%, transparent);
}
.wizard__check--ok {
  color: var(--surface);
  background: var(--accent);
}
.wizard__check .icon {
  width: 13px;
  height: 13px;
}
.wizard__checklist-label--open {
  color: var(--ink-muted);
}
.wizard__checklist-label {
  flex: 1;
  min-width: 0;
  font-size: 13.5px;
}
.wizard__consent {
  display: flex;
  gap: var(--space-sm);
  align-items: flex-start;
}
.wizard__address-suggestion {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 11px;
  padding: 10px 14px;
  border: 0;
  border-block-end: 1px solid var(--line);
  background: transparent;
  color: var(--ink);
  text-align: left;
  font: inherit;
  cursor: pointer;
}
.wizard__address-suggestion:last-child {
  border-block-end: 0;
}
.wizard__address-suggestion:hover,
.wizard__address-suggestion:focus {
  background: var(--accent-wash);
}
.wizard__address-suggestion-pin {
  width: 14px;
  height: 14px;
  color: var(--accent);
}
.wizard__address-suggestion-text {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  font-size: 13.5px;
}
.wizard__address-suggestion-sub {
  color: var(--ink-muted);
  font-size: 12px;
}
.wizard__phone {
  display: flex;
  align-items: center;
  min-height: 52px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}
.wizard__phone:focus-within {
  border-color: var(--accent);
}
.wizard__phone > .input:focus-visible,
.wizard__phone-select:focus-visible {
  outline: 0;
}
.wizard__phone-code {
  position: relative;
  display: flex;
  flex: none;
  align-items: center;
  gap: 6px;
  align-self: stretch;
  padding-inline: 14px 12px;
  cursor: pointer;
}
.wizard__phone-code::after {
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0;
  width: 1px;
  height: 32px;
  margin-block: auto;
  background: var(--line);
  content: '';
}
.wizard__phone-code-text {
  font-size: 16px;
  font-weight: var(--font-heading-weight);
  color: var(--ink);
}
.wizard__phone-code-text--none {
  color: var(--ink-muted);
}
.wizard__phone-caret {
  width: 0;
  height: 0;
  border-inline: 4px solid transparent;
  border-block-start: 5px solid var(--ink-muted);
}
.wizard__phone-select {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  cursor: pointer;
}
.wizard__phone-number {
  flex: 1;
  min-width: 0;
  min-height: 0;
  padding: 6px 14px;
  font-size: 16px;
  background: transparent;
  border: 0;
  caret-color: var(--accent);
}
.wizard__phone-number::placeholder {
  color: var(--ink-muted);
}
.wizard-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.wizard-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  padding: 9px 16px;
  font: inherit;
  font-size: 14px;
  font-weight: var(--font-heading-weight);
  color: var(--ink);
  background: transparent;
  border: 1px solid var(--line);
  border-radius: 999px;
  cursor: pointer;
  transition: background-color 150ms ease-in-out;
}
.wizard-chip .icon {
  width: 16px;
  height: 16px;
  color: var(--accent);
}
.wizard-chip:hover {
  border-color: color-mix(in srgb, var(--ink) 45%, transparent);
}
.wizard-chip--selected {
  background: color-mix(in srgb, var(--ink) 9%, transparent);
  border-color: transparent;
}
.wizard-chip--selected .icon {
  color: var(--ink);
}
.wizard-chip--selected:hover {
  border-color: transparent;
  background: color-mix(in srgb, var(--ink) 13%, transparent);
}
.wizard__card-head:has(> .wizard__card-trailing) {
  align-items: center;
  padding-block: 8px;
}
.wizard__card-trailing {
  flex: none;
  margin-inline-start: auto;
}
.wizard-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 7px 14px;
  line-height: 20px;
  font: inherit;
  font-size: 14px;
  font-weight: var(--font-heading-weight);
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 55%, transparent);
  border-radius: 999px;
  cursor: pointer;
}
.wizard-pill .icon {
  width: 18px;
  height: 18px;
}
.wizard-pill:hover {
  background: color-mix(in srgb, var(--accent) 18%, transparent);
}
.wizard__panel-helper {
  margin: 0;
  color: var(--ink-muted);
  font-size: 0.875rem;
  line-height: 1.5;
}
.wizard-sheet > .gallery-picker__panel {
  width: min(520px, 100%);
}
.wizard-sheet__heading {
  flex: 1;
  min-width: 0;
}
.wizard-sheet__count {
  margin: 2px 0 0;
  color: var(--ink-muted);
  font-size: 13px;
}
.wizard-sheet__search {
  display: flex;
  flex: none;
  align-items: center;
  gap: var(--space-sm);
  margin: var(--space-md);
  padding-inline-start: 12px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}
.wizard-sheet__search:focus-within {
  border-color: var(--accent);
}
.wizard-sheet__search .icon {
  flex: none;
  width: 18px;
  height: 18px;
  color: var(--ink-muted);
}
.wizard-sheet__search > .input,
.social-field > .input {
  min-height: 44px;
  background: transparent;
  border: 0;
}
.wizard-sheet__search > .input:focus-visible,
.social-field > .input:focus-visible {
  outline: 0;
}
.wizard-sheet:not(.wizard-sheet--form) > .gallery-picker__panel > .gallery-picker__body {
  border-block-start: 1px solid var(--line);
}
.wizard-sheet__empty {
  margin: 0;
  padding: 40px 0;
  color: var(--ink-muted);
  font-size: 14px;
  text-align: center;
}
.wizard-sheet__form {
  display: grid;
  gap: var(--space-md);
}
.wizard-sheet--form .gallery-picker__foot {
  border-block-start: 0;
}
.wizard-sheet__save {
  flex: 1;
  min-height: 48px;
}
.wizard-sheet__types {
  display: flex;
  gap: var(--space-sm);
  overflow-x: auto;
  scrollbar-width: none;
}
.type-chip {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font: inherit;
  font-size: 13px;
  font-weight: var(--font-heading-weight);
  color: var(--ink);
  background: color-mix(in srgb, var(--ink) 9%, transparent);
  border: 0;
  border-radius: var(--radius-md);
  cursor: pointer;
}
.type-chip .icon {
  width: 16px;
  height: 16px;
}
.type-chip--selected {
  color: var(--surface);
  background: var(--accent);
}
@media (max-width: 599.98px) {
  .wizard-sheet {
    place-items: end stretch;
    padding: 0;
  }
  .wizard-sheet > .gallery-picker__panel {
    width: 100%;
    max-height: 90svh;
    border-radius: var(--radius-md) var(--radius-md) 0 0;
  }
}
.social-tile,
.social-field {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}
.social-tile {
  padding: 10px 12px;
}
.social-field {
  padding-inline-start: 14px;
}
.social-field:focus-within {
  border-color: var(--accent);
}
.social-field--error {
  border-color: var(--warning);
}
.social-tile__badge {
  display: grid;
  flex: none;
  place-items: center;
  width: 40px;
  height: 40px;
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  border-radius: var(--radius-md);
}
.social-field > .social-tile__badge {
  width: 36px;
  height: 36px;
}
.social-tile__badge .icon {
  width: 20px;
  height: 20px;
}
.social-tile__text {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.social-tile__type {
  color: var(--ink-muted);
  font-size: 11px;
  font-weight: var(--font-heading-weight);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.social-tile__value {
  overflow: hidden;
  font-size: 14px;
  font-weight: var(--font-heading-weight);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.body-slider {
  display: grid;
  gap: var(--space-xs);
}
.body-slider__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding-inline: var(--space-xs);
}
.body-slider__label {
  color: var(--ink-muted);
  font-size: 11px;
  font-weight: var(--font-heading-weight);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.body-slider__value {
  color: var(--ink-muted);
  font-size: 14px;
}
.body-slider__value strong {
  color: var(--ink);
  font-size: 22px;
  font-weight: var(--font-heading-weight);
}
.body-slider--unset .body-slider__value strong {
  color: var(--ink-muted);
}
.body-slider__clear {
  display: inline-grid;
  width: 24px;
  height: 24px;
  margin-inline-start: var(--space-xs);
  padding: 0;
  place-items: center;
  color: var(--ink-muted);
  background: none;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  vertical-align: middle;
}
.body-slider__clear .icon {
  width: 14px;
  height: 14px;
}
.body-slider__range {
  --fill: 0%;
  width: 100%;
  height: 28px;
  margin: 0;
  background: transparent;
  cursor: pointer;
  appearance: none;
}
.body-slider__range::-webkit-slider-runnable-track {
  height: 4px;
  background: linear-gradient(to right, var(--accent) var(--fill), var(--tint-neutral) var(--fill));
  border-radius: 999px;
}
.body-slider__range::-moz-range-track {
  height: 4px;
  background: linear-gradient(to right, var(--accent) var(--fill), var(--tint-neutral) var(--fill));
  border-radius: 999px;
}
.body-slider__range::-webkit-slider-thumb {
  width: 26px;
  height: 26px;
  margin-top: -11px;
  background: var(--surface);
  border: 2px solid var(--accent);
  border-radius: 50%;
  box-shadow: var(--shadow-sm);
  appearance: none;
}
.body-slider__range::-moz-range-thumb {
  width: 22px;
  height: 22px;
  background: var(--surface);
  border: 2px solid var(--accent);
  border-radius: 50%;
  box-shadow: var(--shadow-sm);
}
.wizard-picker {
  display: grid;
  gap: var(--space-sm);
}
.wizard-picker__label {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  color: var(--ink-muted);
  font-size: 14px;
}
.wizard-picker__label .icon {
  width: 20px;
  height: 20px;
}
.wizard-picker__all {
  margin-inline-start: auto;
  padding: 4px 0;
  font: inherit;
  font-size: 14px;
  color: var(--accent);
  background: none;
  border: 0;
  cursor: pointer;
}
.swatches {
  display: flex;
  gap: var(--space-md);
  overflow-x: auto;
  padding-block-end: 2px;
  scrollbar-width: none;
}
.swatch {
  display: grid;
  flex: none;
  justify-items: center;
  gap: var(--space-xs);
  width: 60px;
  padding: 0;
  font: inherit;
  color: var(--ink);
  background: none;
  border: 0;
  cursor: pointer;
}
.swatch__dot {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border: 1px solid var(--line);
  border-radius: 50%;
}
.swatch__dot--none {
  background: var(--tint-neutral);
}
.swatch--selected .swatch__dot {
  border: 3px solid var(--accent);
}
.swatch__dot .icon {
  width: 22px;
  height: 22px;
  color: var(--color-on-media);
}
.swatch__dot--none .icon {
  color: var(--accent);
}
.swatch__name {
  max-width: 100%;
  overflow: hidden;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.choice-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs) var(--space-sm);
}
.choice-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 6px 14px;
  font: inherit;
  font-size: 14px;
  color: var(--ink-muted);
  background: transparent;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  cursor: pointer;
}
.choice-chip .icon {
  width: 16px;
  height: 16px;
}
.choice-chip--selected {
  color: var(--ink);
  background: color-mix(in srgb, var(--accent) 16%, transparent);
  border-color: transparent;
}
.gender-tiles {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.gender-tile {
  display: grid;
  place-content: center;
  justify-items: center;
  gap: var(--space-xs);
  width: 76px;
  height: 84px;
  font: inherit;
  color: var(--ink);
  background: color-mix(in srgb, var(--ink) 4%, transparent);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  cursor: pointer;
}
.gender-tile__symbol {
  font-size: 28px;
  line-height: 1;
}
.gender-tile__label {
  color: var(--ink-muted);
  font-size: 11px;
}
.gender-tile--selected {
  background: color-mix(in srgb, var(--accent) 16%, transparent);
  border-color: var(--accent);
}
.gender-tile--selected .gender-tile__label {
  color: var(--ink);
}
.wizard-select {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  padding-inline: var(--space-md);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  cursor: pointer;
}
.wizard-select:focus-within {
  border-color: var(--accent);
}
.wizard-select > .icon {
  flex: none;
  width: 20px;
  height: 20px;
  color: var(--ink-muted);
}
.wizard-select__text {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wizard-select__text--none {
  color: var(--ink-muted);
}
.wizard-select__native {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  cursor: pointer;
}
.wizard-select__native:focus-visible {
  outline: 0;
}
.pricing-card {
  display: grid;
  gap: var(--space-md);
  padding: 20px;
  background: color-mix(in srgb, var(--accent) 5%, var(--surface));
  border: 0;
  box-shadow: var(--shadow-sm);
}
.pricing-card__head {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}
.pricing-card__heading {
  display: grid;
  flex: 1;
  gap: 2px;
  min-width: 0;
}
.pricing-card__title {
  color: var(--accent);
  font-size: 16px;
  font-weight: var(--font-heading-weight);
}
.pricing-card__sub {
  color: var(--ink-muted);
  font-size: 12px;
}
.currency-pill {
  position: relative;
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: var(--space-xs);
  padding: 5px 12px;
  color: var(--accent);
  font-size: 12px;
  font-weight: var(--font-heading-weight);
  border: 1px solid var(--accent);
  border-radius: 999px;
  cursor: pointer;
}
.currency-pill--error {
  color: var(--warning);
  border-color: var(--warning);
}
.currency-pill .icon {
  width: 14px;
  height: 14px;
}
.rate-row {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}
.rate-box {
  display: grid;
  flex: 1;
  gap: var(--space-xs);
  min-width: 0;
  padding: 14px 16px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  cursor: text;
}
.rate-box:focus-within {
  border-color: var(--accent);
}
.rate-box--error {
  border-color: var(--warning);
}
.rate-box__label {
  color: var(--ink-muted);
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.rate-box__value {
  display: flex;
  align-items: baseline;
  color: var(--accent);
  font-size: 28px;
  font-weight: var(--font-heading-weight);
  line-height: 1.2;
}
.rate-box__input {
  flex: 1;
  min-width: 0;
  min-height: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  background: transparent;
  border: 0;
  appearance: textfield;
}
.rate-box__input:focus-visible {
  outline: 0;
}
.rate-box__input::-webkit-outer-spin-button,
.rate-box__input::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
}
.rate-step {
  display: grid;
  flex: none;
  place-items: center;
  width: 44px;
  height: 44px;
  color: var(--surface);
  background: var(--accent);
  border: 0;
  border-radius: var(--radius-md);
  cursor: pointer;
}
.rate-step .icon {
  width: 20px;
  height: 20px;
}
.rate-presets {
  display: flex;
  gap: var(--space-sm);
  overflow-x: auto;
  scrollbar-width: none;
}
.rate-preset {
  flex: none;
  padding: 8px 14px;
  font: inherit;
  font-size: 13px;
  font-weight: var(--font-heading-weight);
  color: var(--ink);
  background: color-mix(in srgb, var(--ink) 9%, transparent);
  border: 0;
  border-radius: var(--radius-md);
  cursor: pointer;
}
.rate-preset--selected {
  color: var(--surface);
  background: var(--accent);
}
.rate-tiles {
  display: grid;
  gap: var(--space-sm);
}
.rate-tile {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 14px 16px;
  background: var(--surface);
  border-radius: var(--radius-md);
}
.rate-tile__main {
  display: flex;
  flex: 1;
  align-items: center;
  gap: var(--space-sm);
  min-width: 0;
  padding: 0;
  font: inherit;
  text-align: start;
  background: none;
  border: 0;
  cursor: pointer;
}
.rate-tile__text {
  display: grid;
  flex: 1;
  gap: 2px;
  min-width: 0;
}
.rate-tile__name {
  flex: 1;
  color: var(--accent);
  font-size: 16px;
  font-weight: var(--font-heading-weight);
}
.rate-tile__kind {
  color: var(--ink-muted);
  font-size: 12px;
}
.rate-tile--custom .rate-tile__kind {
  color: var(--accent);
}
.rate-tile__amount {
  color: var(--accent);
  font-size: 16px;
  font-weight: var(--font-heading-weight);
}
.rate-tile__action {
  display: grid;
  flex: none;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  color: var(--ink-muted);
  background: none;
  border: 0;
  cursor: pointer;
}
.rate-tile__action .icon {
  width: 18px;
  height: 18px;
}
.rate-tile__action--remove {
  color: var(--warning);
}
.wizard__media-row {
  align-items: flex-start;
}
.media-preview {
  display: grid;
  flex: none;
  place-items: center;
  width: 96px;
  height: 96px;
  padding: 0;
  overflow: hidden;
  color: var(--ink-muted);
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  border: 2px solid color-mix(in srgb, var(--accent) 60%, transparent);
  border-radius: var(--radius-md);
  cursor: pointer;
}
.media-preview .icon {
  width: 30px;
  height: 30px;
}
.pick-strip {
  display: grid;
  gap: var(--space-sm);
  min-width: 0;
  max-width: 100%;
}
.pick-strip__label {
  color: var(--ink-muted);
  font-size: 11px;
  font-weight: var(--font-heading-weight);
  letter-spacing: 0.08em;
}
.pick-strip .wizard__media-strip-item {
  position: relative;
  width: 72px;
  height: 72px;
  border-radius: var(--radius-md);
}
.pick-strip__tick {
  position: absolute;
  inset-block-end: 4px;
  inset-inline-end: 4px;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  color: var(--color-on-media);
  background: var(--accent);
  border-radius: 50%;
}
.pick-strip__tick .icon {
  width: 12px;
  height: 12px;
}
.pill-button {
  display: inline-flex;
  align-items: center;
  gap: var(--space-sm);
  width: fit-content;
  padding: 5px 16px;
  font: inherit;
  font-size: 14px;
  line-height: 20px;
  color: var(--accent);
  background: none;
  border: 1px solid var(--ink-muted);
  border-radius: 999px;
  cursor: pointer;
}
.pill-button .icon {
  width: 18px;
  height: 18px;
}
.pill-button:disabled {
  color: var(--ink-muted);
  border-color: var(--line);
  cursor: default;
  opacity: 0.6;
}
.media-preview-wrap {
  flex: none;
}
.card-actions {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}
.card-action {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  color: var(--accent);
  background: none;
  border: 0;
  border-radius: var(--radius-md);
  cursor: pointer;
}
.card-action .icon {
  width: 20px;
  height: 20px;
}
.card-action:hover:not(:disabled) {
  background: color-mix(in srgb, var(--accent) 10%, transparent);
}
.card-action:disabled {
  color: var(--ink-muted);
  cursor: default;
  opacity: 0.5;
}
.card-action--on {
  background: color-mix(in srgb, var(--accent) 16%, transparent);
}
.wizard__crop-editor {
  width: 100%;
}
.wizard__card-body:has(> .wizard__media-row),
.wizard__card-body:has(> .cover-preview),
.wizard__card-body:has(> .video-drop) {
  gap: var(--space-md);
}
.wizard__media-row {
  gap: var(--space-md);
}
.wizard__media-controls {
  gap: var(--space-md);
}
.wizard__media-buttons {
  gap: var(--space-sm);
}
.pick-strip .wizard__media-strip-item--selected {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}
.cover-preview {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  color: var(--color-on-media);
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--accent) 60%, transparent),
    color-mix(in srgb, var(--accent) 25%, transparent)
  );
  border-radius: var(--radius-md);
}
.cover-preview > .icon {
  width: 40px;
  height: 40px;
  opacity: 0.7;
}
.cover-preview > .wizard__media-photo {
  position: absolute;
  inset: 0;
}
.cover-preview__badge,
.cover-preview__change {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  color: var(--color-on-media);
  background: rgba(0, 0, 0, 0.75);
  border: 0;
  border-radius: var(--radius-md);
}
.cover-preview__badge {
  inset-block-start: 12px;
  inset-inline-start: 12px;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: var(--font-heading-weight);
  letter-spacing: 0.04em;
}
.cover-preview__change {
  inset-block-end: 12px;
  inset-inline-end: 12px;
  padding: 8px 14px;
  font: inherit;
  font-size: 13px;
  font-weight: var(--font-heading-weight);
  cursor: pointer;
}
.cover-preview__badge .icon,
.cover-preview__change .icon {
  width: 13px;
  height: 13px;
}
.optional-tag {
  padding: 3px 10px;
  color: var(--ink-muted);
  font-size: 11px;
  font-weight: var(--font-heading-weight);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: color-mix(in srgb, var(--ink) 9%, transparent);
  border-radius: 999px;
}
.video-drop {
  position: relative;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: var(--space-sm);
  aspect-ratio: 16 / 9;
  overflow: hidden;
  color: var(--ink);
  border: 1px dashed var(--ink-muted);
  border-radius: var(--radius-md);
  cursor: pointer;
}
.video-drop:hover {
  border-color: var(--accent);
}
.video-drop > .icon {
  width: 26px;
  height: 26px;
  color: var(--accent);
}
.video-drop__label {
  font-size: 15px;
  font-weight: var(--font-heading-weight);
}
.wizard__gallery-tile.wizard__dropzone {
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 5%, transparent);
  border-color: color-mix(in srgb, var(--accent) 45%, transparent);
}
.wizard__gallery-tile.wizard__dropzone .icon {
  width: 24px;
  height: 24px;
}
.preset-tiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.preset-tile {
  display: grid;
  align-content: center;
  gap: 2px;
  min-height: 60px;
  padding: var(--space-sm) var(--space-md);
  font: inherit;
  text-align: start;
  color: var(--ink);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  cursor: pointer;
}
.preset-tile__name {
  overflow: hidden;
  font-size: 14px;
  font-weight: var(--font-heading-weight);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.preset-tile__sub {
  color: var(--ink-muted);
  font-size: 12px;
}
.preset-tile--selected {
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  border-color: var(--accent);
}
.preset-tile--selected .preset-tile__sub {
  color: var(--accent);
}
.day-rows {
  display: grid;
  gap: var(--space-sm);
}
.day-row {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  min-height: 40px;
}
.day-row__name {
  flex: none;
  width: 36px;
  font-size: 14px;
  font-weight: var(--font-heading-weight);
}
.day-row--off .day-row__name,
.day-row__off {
  color: var(--ink-muted);
}
.day-row__off {
  font-size: 14px;
}
.day-row__hours {
  display: flex;
  flex: 1;
  align-items: center;
  gap: var(--space-xs);
  min-width: 0;
  padding-inline: var(--space-sm);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}
.day-row__hours:focus-within {
  border-color: var(--accent);
}
.day-row__time {
  flex: 1;
  width: auto;
  min-width: 0;
  min-height: 36px;
  padding: 4px;
  background: transparent;
  border: 0;
}
.day-row__time:focus-visible {
  outline: 0;
}
.day-switch {
  position: relative;
  flex: none;
  width: 44px;
  height: 26px;
  padding: 0;
  background: var(--line);
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  transition: background-color 150ms ease-in-out;
}
.day-switch::after {
  position: absolute;
  inset-block-start: 3px;
  inset-inline-start: 3px;
  width: 20px;
  height: 20px;
  background: var(--surface);
  border-radius: 50%;
  content: '';
  transition: inset-inline-start 150ms ease-in-out;
}
.day-switch--on {
  background: var(--accent);
}
.day-switch--on::after {
  inset-inline-start: 21px;
}
.apply-row {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 8px var(--space-md);
  background: color-mix(in srgb, var(--accent) 5%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 15%, transparent);
  border-radius: var(--radius-md);
}
.apply-row__text {
  flex: 1;
  color: var(--ink-muted);
  font-size: 13px;
}
.apply-row__action {
  flex: none;
  padding: 4px 8px;
  font: inherit;
  font-size: 14px;
  font-weight: var(--font-heading-weight);
  color: var(--accent);
  background: none;
  border: 0;
  cursor: pointer;
}
.wizard__add-link {
  min-height: 48px;
  font: inherit;
  font-size: 14px;
  font-weight: var(--font-heading-weight);
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 6%, transparent);
  border: 1px dashed color-mix(in srgb, var(--accent) 40%, transparent);
  border-radius: var(--radius-md);
  cursor: pointer;
}
.wizard__add-link:hover {
  background: color-mix(in srgb, var(--accent) 10%, transparent);
}
.wizard__rail {
  flex: 1 1 240px;
  min-width: 220px;
  max-width: 280px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  overflow: hidden;
  position: sticky;
  top: var(--space-lg);
}
.wizard__step-tile {
  display: flex;
  width: 100%;
  align-items: center;
  gap: var(--space-md);
  padding: 11px 14px;
  border: 0;
  border-bottom: 1px solid var(--line);
  text-align: left;
  cursor: pointer;
  background: transparent;
  color: var(--ink);
  font: inherit;
  box-shadow: inset 2px 0 0 transparent;
}
.wizard__step-tile:last-child {
  border-bottom: 0;
}
.wizard__step-tile:hover {
  background: var(--tint-accent);
}
.wizard__step-tile--active {
  color: var(--accent);
  background: var(--tint-accent);
  box-shadow: inset 2px 0 0 var(--accent);
}
.wizard__step-tile--locked {
  opacity: 0.5;
  cursor: not-allowed;
}
.wizard__step-tile-badge {
  flex: none;
  width: 24px;
  height: 24px;
  border-radius: var(--radius-pill);
  display: grid;
  place-items: center;
  font-size: 0.72rem;
  font-weight: var(--font-heading-weight);
  box-shadow: inset 0 0 0 1px var(--line);
  background: transparent;
  color: var(--ink);
}
.wizard__step-tile--active .wizard__step-tile-badge {
  box-shadow: inset 0 0 0 1px var(--accent);
  color: var(--accent);
}
.wizard__step-tile--done .wizard__step-tile-badge {
  background: var(--accent);
  color: var(--surface);
  box-shadow: inset 0 0 0 1px var(--accent);
}
.wizard__step-tile-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.wizard__step-tile-label {
  font-size: 0.875rem;
}
.wizard__step-tile-hint {
  color: var(--ink-muted);
  font-size: 0.72rem;
}
.wizard__step-tile-badge .icon {
  width: 12px;
  height: 12px;
}
.wizard__main {
  flex: 999 1 520px;
  min-width: 300px;
  max-width: 1000px;
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}
.wizard__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--space-md);
  align-items: start;
}
.wizard__col {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  min-width: 0;
}
.wizard__cols {
  container-type: inline-size;
}
@container (max-width: 611.98px) {
  .wizard__cols > .wizard__grid {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .wizard__cols .wizard__col {
    display: contents;
  }
  .wizard__cols .wizard__col:nth-child(1) > :nth-child(1) {
    order: 1;
  }
  .wizard__cols .wizard__col:nth-child(2) > :nth-child(1) {
    order: 2;
  }
  .wizard__cols .wizard__col:nth-child(1) > :nth-child(2) {
    order: 3;
  }
  .wizard__cols .wizard__col:nth-child(2) > :nth-child(2) {
    order: 4;
  }
  .wizard__cols .wizard__col:nth-child(1) > :nth-child(3) {
    order: 5;
  }
  .wizard__cols .wizard__col:nth-child(2) > :nth-child(3) {
    order: 6;
  }
}
.wizard__actionbar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--surface);
  border-top: 1px solid var(--line);
  padding: var(--space-md) var(--space-xl);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-lg);
  z-index: 5;
}
.wizard__actionbar-hint {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  color: var(--ink-muted);
  font-size: 12.5px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wizard__actionbar-hint--error {
  color: var(--warning);
}
.wizard__finish-actions {
  display: flex;
  gap: var(--space-md);
}
@media (max-width: 899.98px) {
  .wizard__rail {
    display: none;
  }
}
.create-listing {
  padding-bottom: 96px;
}
.my-listings__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 28px;
  margin-top: 24px;
  align-items: start;
}
.my-listings__body > .provider__side {
  position: sticky;
  top: 92px;
  max-width: none;
  gap: 12px;
}
.my-listings__body {
  grid-template-rows: auto 1fr;
  row-gap: 0;
}
.my-listings__body > .provider__main {
  grid-column: 1;
  grid-row: 1;
}
.my-listings__body > .provider__main--rest {
  grid-row: 2;
}
.my-listings__body > .provider__side {
  grid-column: 2;
  grid-row: 1 / span 2;
}
.my-listings__body > .provider__main--rest > .my-listings__sec:first-of-type {
  margin-top: 0;
}
@media (max-width: 1180px) {
  .my-listings__body {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    row-gap: 28px;
  }
  .my-listings__body > .provider__main,
  .my-listings__body > .provider__main--rest,
  .my-listings__body > .provider__side {
    grid-column: auto;
    grid-row: auto;
  }
  .my-listings__body > .provider__side {
    position: static;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  }
}
.my-listings__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.my-listings__head .my-listings__head-title {
  margin: 0;
  font-size: 26px;
}
.my-listings__head-count {
  color: var(--ink-muted);
  font-size: 15px;
  font-weight: 500;
}
.my-listings__head-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}
.my-listings__head .button {
  height: 40px;
  margin-top: 0;
  padding: 0 16px;
  border-radius: 12px;
  font-size: 14px;
}
@media (max-width: 899.98px) {
  .my-listings__head .button--primary {
    justify-content: center;
    gap: 0;
    width: 40px;
    padding: 0;
    font-size: 0;
  }
  .my-listings__head .button--primary .icon {
    width: 18px;
    height: 18px;
  }
}
.my-listings__head .overflow-menu__toggle {
  width: 40px;
  height: 40px;
  border: 1px solid var(--line);
  border-radius: 12px;
  color: var(--ink);
}
.my-listings__head .overflow-menu__toggle:hover {
  border-color: var(--accent);
  color: var(--accent);
}
.my-listings__head .button .icon {
  width: 18px;
  height: 18px;
}
.my-listings__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 20px;
}
@media (max-width: 899.98px) {
  .my-listings__tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: thin;
    padding: 4px;
    margin: -4px -4px 16px;
  }
  .my-listings__tab {
    flex: none;
  }
}
@media (max-width: 899.98px) and (pointer: coarse) {
  .my-listings__tabs {
    scrollbar-width: none;
  }
  .my-listings__tabs::-webkit-scrollbar {
    display: none;
  }
}
.my-listings__tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  background: var(--surface);
  color: var(--ink-muted);
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
}
.my-listings__tab:hover {
  border-color: var(--ink-muted);
  color: var(--ink);
}
.my-listings__tab[aria-pressed='true'] {
  border-color: var(--ink);
  background: var(--ink);
  color: var(--surface);
}
.my-listings__tab-dot {
  flex: none;
  width: 7px;
  height: 7px;
  border-radius: var(--radius-pill);
  background: var(--ink-muted);
}
.my-listings__tab-dot--live {
  background: var(--success);
}
.my-listings {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.my-listings__detail {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.my-listings--stacked > .my-listings__detail + .my-listings__detail {
  padding-top: 16px;
  border-top: 1px solid var(--line);
}
.my-listings__gallery {
  position: relative;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 6px;
  height: 400px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}
@media (max-width: 899.98px) {
  .my-listings__gallery {
    height: 260px;
  }
}
.image-placeholder {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, var(--tint-neutral), var(--surface));
}
.image-placeholder__drawing {
  width: 56%;
  height: 56%;
  background: color-mix(in srgb, var(--ink) 32%, transparent);
  -webkit-mask: url('illustrations/empty_photo.svg') center / contain no-repeat;
  mask: url('illustrations/empty_photo.svg') center / contain no-repeat;
}
img.image-broken {
  object-fit: contain;
  background: color-mix(in srgb, var(--ink) 32%, transparent);
  -webkit-mask: url('illustrations/broken_photo.svg') center 30% / 62% auto no-repeat;
  mask: url('illustrations/broken_photo.svg') center 30% / 62% auto no-repeat;
}
.my-listings__tile {
  position: relative;
  overflow: hidden;
  background: var(--tint-neutral);
  color: var(--on-tint-neutral);
}
.my-listings__tile:first-child {
  grid-row: span 2;
}
.my-listings__gallery-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--ink) 82%, transparent);
  color: var(--surface);
  font-size: 12px;
  font-weight: 500;
}
.my-listings__gallery-all {
  position: absolute;
  right: 14px;
  bottom: 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 14px;
  border: 0;
  border-radius: 10px;
  background: var(--surface);
  box-shadow: var(--shadow-md);
  color: var(--ink);
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}
.my-listings__photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.my-listings__title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
}
.my-listings__identity {
  flex: 1 1 auto;
  min-width: 0;
}
.my-listings__title {
  margin: 0;
  font-size: 30px;
  letter-spacing: -0.02em;
}
.my-listings__tagline {
  margin: 4px 0 0;
  color: var(--ink-muted);
  font-size: 16px;
}
.my-listings__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 14px;
  color: var(--ink-muted);
}
.my-listings__meta > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.my-listings__meta .icon {
  width: 16px;
  height: 16px;
}
.my-listings__sec {
  padding: 24px 0;
  border-top: 1px solid var(--line);
}
.my-listings__sec:first-of-type {
  margin-top: 20px;
}
.provider__main:has(> .my-listings__sec) {
  gap: 0;
}
.provider__main:has(> .my-listings__sec) > .provider__details {
  margin-top: 20px;
}
.my-listings__sec-label {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  color: var(--ink-muted);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.my-listings__sec-trailing {
  margin-left: auto;
  font-size: 13px;
  letter-spacing: 0;
  text-transform: none;
}
.my-listings__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.my-listings__chip {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  background: var(--tint-neutral);
  color: var(--ink);
  font-size: 13px;
  font-weight: 500;
}
.my-listings__about {
  max-width: 68ch;
  margin: 0;
  font-size: 15px;
  text-wrap: pretty;
}
.my-listings__about > p {
  margin: 0;
}
.my-listings__about > p + p {
  margin-top: 8px;
}
.my-listings__week {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
}
.my-listings__day {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface);
}
.my-listings__day-name {
  color: var(--ink-muted);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.my-listings__day-hours {
  font-size: 13px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}
.my-listings__day--today {
  border-color: var(--accent);
  background: var(--tint-accent);
}
.my-listings__day--today .my-listings__day-name {
  color: var(--accent);
}
.my-listings__day--off .my-listings__day-hours {
  color: var(--ink-muted);
}
.my-listings__now {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--success);
}
.my-listings__now-dot {
  width: 7px;
  height: 7px;
  border-radius: var(--radius-pill);
  background: currentcolor;
  box-shadow: 0 0 0 3px color-mix(in srgb, currentcolor 18%, transparent);
}
.my-listings__location {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 15px;
}
.my-listings__location .icon {
  color: var(--accent);
}
@media (max-width: 1180px) {
  .my-listings__week {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.my-listings__age {
  color: var(--ink-muted);
  font-weight: 400;
}
.my-listings__status-card {
  padding: 20px;
}
.my-listings__status-head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.my-listings__status-icon {
  display: grid;
  flex: none;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: var(--tint-neutral);
  color: var(--on-tint-neutral);
}
.my-listings__status-title {
  display: block;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
}
.my-listings__status-sub {
  display: block;
  margin: 0;
  color: var(--ink-muted);
  font-size: 13px;
}
.my-listings__status-count {
  flex: none;
  margin-left: auto;
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  background: var(--tint-neutral);
  color: var(--ink-muted);
  font-size: 11px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}
.my-listings__steps {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 16px 0;
  padding: 0;
  list-style: none;
}
.my-listings__step {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--ink-muted);
  font-size: 13px;
}
.my-listings__step-mark {
  display: grid;
  flex: none;
  place-items: center;
  width: 18px;
  height: 18px;
  border: 1.5px solid var(--line);
  border-radius: var(--radius-pill);
  font-size: 10px;
}
.my-listings__step--done {
  color: var(--ink);
}
.my-listings__step--done .my-listings__step-mark {
  border-color: var(--accent);
  background: var(--accent);
  color: var(--surface);
}
.my-listings__actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.my-listings__actions > .button {
  height: 40px;
  margin-top: 0;
  padding: 0 16px;
  border-radius: 12px;
}
.my-listings__verify {
  min-width: 0;
  padding: 16px;
}
.my-listings__verify-title {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}
.my-listings__verify-sub {
  margin: 0;
  color: var(--ink-muted);
  font-size: 13px;
}
.my-listings__verify-button {
  margin-top: 4px;
  padding: 9px;
}
.my-listings__overflow {
  margin-left: auto;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap;
}
.profile-pane {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}
.profile-pane__head {
  align-items: baseline;
  gap: 12px 18px;
}
.profile-pane__title {
  min-width: 0;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px;
}
.profile-pane__subtitle {
  margin: 0;
  color: var(--ink-muted);
  font-size: 13px;
}
.profile-pane__head .button {
  margin-top: 0;
  font-size: 13px;
}
.profile-pane__surface {
  gap: 0;
  padding: 0;
  overflow: hidden;
}
.profile-pane__section {
  padding: 16px;
  border-bottom: 1px solid var(--line);
}
.profile-pane__section:last-child {
  border-bottom: 0;
}
.profile-pane__avatar {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.profile-pane__circle {
  flex: none;
  width: 84px;
  height: 84px;
  overflow: hidden;
  border-radius: var(--radius-pill);
  background: var(--tint-neutral);
  box-shadow: inset 0 0 0 1px var(--line);
}
.profile-pane__avatar-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  min-width: 0;
}
.profile-pane__section-title {
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 500;
}
.profile-pane__hint {
  margin: 0;
  max-width: 46ch;
  color: var(--ink-muted);
  font-size: 13px;
  line-height: 1.5;
  text-wrap: pretty;
}
.profile-pane__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
}
.profile-pane__actions .button {
  margin-top: 0;
  font-size: 13px;
}
.profile-pane__names {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-items: end;
}
.profile-pane__names .field__label {
  margin-bottom: 6px;
}
.profile-pane__names .input {
  min-height: 40px;
}
.profile-pane__footer {
  margin: 0;
  padding: 0 2px;
  color: var(--ink-muted);
  font-size: 12px;
}
.account-pane {
  display: flex;
  flex-direction: column;
  gap: 22px;
  min-width: 0;
}
.profile-pane .crop {
  margin-top: 2px;
}
.account-pane__section {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
}
.gallery__account {
  display: none;
}
.profile-edit__label {
  display: none;
  padding: 0 4px;
  color: var(--ink-muted);
  font-size: 10.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.link-telegram > .profile-pane__section {
  padding: 0;
}
.link-telegram .profile-pane__section-title {
  display: block;
  padding: 14px 16px 12px;
}
.link-telegram__intro {
  display: flex;
  gap: 11px;
  align-items: flex-start;
  padding: 0 16px 14px;
}
.link-telegram__icon {
  flex: none;
  width: 19px;
  height: 19px;
  margin-top: 2px;
  color: var(--accent);
}
.link-telegram__words {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.link-telegram .profile-pane__hint {
  max-width: 62ch;
  font-size: 13px;
  line-height: 1.5;
}
.link-telegram__linked-title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 500;
}
.link-telegram__actions {
  display: flex;
  flex-direction: column;
}
.link-telegram__action {
  display: flex;
  gap: 10px;
  align-items: center;
  width: 100%;
  min-height: 44px;
  padding: 12px 16px;
  border: 0;
  border-top: 1px solid var(--line);
  background: transparent;
  color: var(--accent);
  font: inherit;
  font-size: 14px;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.link-telegram__action:hover:not(:disabled) {
  background: color-mix(in srgb, var(--accent) 8%, transparent);
}
.link-telegram__action:disabled {
  cursor: default;
  opacity: 0.6;
}
.link-telegram__chevron {
  flex: none;
  width: 15px;
  height: 15px;
  margin-inline-start: auto;
  opacity: 0.6;
}
.link-telegram .settings__notice {
  margin: 0 14px 12px;
}
@media (max-width: 899.98px) {
  .settings-layout {
    gap: 18px;
    padding: 16px 14px 28px;
  }
  .account-pane {
    gap: 18px;
  }
  .profile-edit__label {
    display: block;
  }
  .gallery__account {
    display: block;
  }
  .profile-pane {
    gap: 7px;
  }
  .profile-pane__title,
  .role-settings .profile-pane__section-title,
  .link-telegram .profile-pane__section-title {
    display: none;
  }
  .profile-pane__head {
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 7px;
  }
  .profile-pane__head .button {
    padding: 5px 10px;
    font-size: 13px;
  }
  .profile-pane__save {
    padding-inline: 14px;
  }
  .profile-pane__surface > .profile-pane__section {
    padding: 14px;
  }
  .profile-pane__avatar {
    gap: 14px;
  }
  .profile-pane__circle {
    width: 76px;
    height: 76px;
    background: var(--tint-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);
  }
  .profile-pane__circle .avatar--profile {
    width: 100%;
    height: 100%;
    font-size: 27px;
  }
  .profile-pane__avatar-text {
    gap: 7px;
  }
  .profile-pane__hint {
    font-size: 12.5px;
    line-height: 1.45;
  }
  .profile-pane__actions .button {
    padding: 5px 12px;
    font-size: 12.5px;
  }
  .profile-pane__remove {
    padding-inline: 8px;
  }
  .profile-pane__names {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .profile-pane__footer {
    padding: 0 4px;
  }
  .role-settings__card {
    padding: 13px 14px;
  }
  .role-settings__card--current {
    background: color-mix(in srgb, var(--accent) 14%, transparent);
  }
  .role-settings__card-title {
    font-size: 14.5px;
  }
  .link-telegram__intro {
    gap: 13px;
    padding: 14px;
  }
  .link-telegram__icon {
    width: 21px;
    height: 21px;
  }
  .link-telegram .profile-pane__hint {
    max-width: none;
    font-size: 12.5px;
  }
  .link-telegram__action {
    gap: 8px;
    min-height: 48px;
    padding: 11px 14px;
  }
  .link-telegram__chevron {
    width: 16px;
    height: 16px;
    opacity: 0.5;
  }
}
.preferences-page {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}
.preferences-page__notifications {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}
.settings-layout__content {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media (max-width: 899.98px) {
  .settings-layout__content,
  .settings-layout__content > .settings--page {
    max-width: none;
  }
  .settings-layout__content > .settings--page > h1 {
    display: none;
  }
}
.settings-layout__content:has(.settings--fill) {
  max-width: none;
}
.settings__version {
  margin: 0;
  color: var(--ink-muted);
  font-size: 12px;
}
.settings-menu__head {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
@media (max-width: 899.98px) {
  .settings-menu__head {
    display: none;
  }
}
.settings-menu__title {
  margin: 0 0 4px;
  font-size: 22px;
}
.settings-layout > .settings-menu {
  position: sticky;
  top: 92px;
  gap: 12px;
}
.settings-menu__nav {
  overflow: hidden;
  background: var(--surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}
.settings-menu__account {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 16px;
  border-bottom: 1px solid var(--line);
}
.settings-menu__identity {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
}
.settings-menu__who {
  display: block;
  max-width: 170px;
  overflow: hidden;
  font-size: 13px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.settings-menu .settings__role-badge {
  margin: 0;
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  font-size: 11px;
  font-weight: 500;
}
.settings-menu__grp {
  padding: 8px 0;
  border-top: 1px solid var(--line);
}
.settings-menu__account + .settings-menu__grp,
.settings-menu__nav > .settings-menu__grp:first-child {
  border-top: 0;
}
.settings-menu__group {
  padding: 8px 20px 6px;
  color: var(--ink-muted);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.settings-menu__row {
  display: flex;
  flex-direction: column;
  padding: 10px 20px;
  border-left: 3px solid transparent;
  color: inherit;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}
.settings-menu__row:hover {
  background: color-mix(in srgb, var(--tint-neutral) 50%, transparent);
}
.settings-menu__row[aria-current='page'] {
  border-left-color: var(--accent);
  color: var(--accent);
  background: var(--tint-neutral);
}
.settings-menu__row--pending {
  color: var(--ink-muted);
  cursor: default;
}
.settings-menu__row--pending:hover {
  background: transparent;
}
.settings-menu__label {
  display: block;
}
.settings-menu__hint {
  display: block;
  margin-top: 2px;
  overflow: hidden;
  color: var(--ink-muted);
  font-size: 12px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.settings-menu__logout {
  display: block;
}
.settings-menu__logout-button {
  gap: 8px;
  height: 40px;
  margin-top: 0;
  padding: 0 16px;
  border-radius: 12px;
  color: var(--ink-muted);
  font-size: 14px;
}
.settings-menu__logout-button:hover {
  color: var(--ink);
}
.settings-menu__logout-button .icon {
  width: 18px;
  height: 18px;
}
@media (max-width: 899.98px) {
  .settings-layout .settings-menu {
    display: none;
  }
}
.profile-menu {
  display: none;
  flex: 1 1 100%;
  flex-direction: column;
  gap: 18px;
  width: 100%;
  min-width: 0;
  padding: 16px 14px 28px;
}
.profile-menu__account {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 15px;
  border-radius: var(--radius-md);
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 16%, var(--surface)), var(--surface) 70%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent);
  color: inherit;
  text-decoration: none;
}
.profile-menu__account:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 24%, var(--surface)), var(--surface) 70%);
}
.profile-menu__avatar {
  flex: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);
}
.profile-menu__identity {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  min-width: 0;
}
.profile-menu__email {
  display: block;
  max-width: 215px;
  overflow: hidden;
  font-size: 14.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile-menu__blurb {
  font-size: 12.5px;
  text-wrap: pretty;
}
.profile-menu__chevron {
  flex: none;
  width: 17px;
  height: 17px;
  margin-inline-start: auto;
  opacity: 0.5;
}
.profile-menu__section {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.profile-menu__label {
  padding: 0 4px;
  color: var(--ink-muted);
  font-size: 10.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.profile-menu__card {
  overflow: hidden;
  background: var(--surface);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}
.profile-menu__row {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 56px;
  padding: 11px 14px;
  border-bottom: 1px solid var(--line);
  color: inherit;
  text-decoration: none;
}
.profile-menu__row:last-child {
  border-bottom: 0;
}
.profile-menu__row:hover {
  background: color-mix(in srgb, var(--accent) 8%, transparent);
}
.profile-menu__row--pending {
  color: var(--ink-muted);
  cursor: default;
}
.profile-menu__row--pending:hover {
  background: transparent;
}
.profile-menu__icon {
  flex: none;
  width: 21px;
  height: 21px;
  color: var(--accent);
}
.profile-menu__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.profile-menu__title {
  font-size: 15px;
}
.profile-menu__hint {
  font-size: 12.5px;
}
@media (max-width: 899.98px) {
  .settings-layout--index {
    gap: 0;
    padding: 0;
  }
  .settings-layout--index .settings-menu,
  .settings-layout--index .settings-layout__content {
    display: none;
  }
  .settings-layout--index .profile-menu {
    display: flex;
  }
}
.settings__list--rows .settings__row {
  display: flex;
  gap: var(--space-lg);
  align-items: center;
  justify-content: space-between;
  padding: var(--space-md) var(--space-lg);
}
.settings__row-title {
  display: block;
  font-weight: var(--font-heading-weight);
}
.settings__row-meta {
  display: block;
  margin-top: var(--space-xs);
  color: var(--ink-muted);
  font-size: 0.875rem;
  font-variant-numeric: tabular-nums;
}
.settings__row-body {
  margin: var(--space-xs) 0;
  color: var(--ink-muted);
  font-size: 0.875rem;
}
.settings__row--unread {
  border-left: 3px solid var(--accent);
}
.notification-row {
  align-items: center;
}
.notifications__mark-all {
  margin-bottom: var(--space-md);
}
.settings__row-button {
  flex: 1;
  min-width: 0;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: start;
  cursor: pointer;
}
.settings__row-button:disabled {
  cursor: default;
}
.settings__row-button:hover:not(:disabled) .settings__row-title {
  color: var(--accent);
}
.settings__row-link {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}
.notification-row {
  justify-content: flex-start;
}
.notification-row__leading {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  flex: none;
}
.notification-row__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--radius-md);
  background: var(--tint-accent);
  color: var(--on-tint-accent);
  flex: none;
}
.notification-row__icon .icon {
  width: 1.1rem;
  height: 1.1rem;
}
.notification-row__icon[data-type='profileApproved'],
.notification-row__icon[data-type='verificationApproved'] {
  background: color-mix(in srgb, var(--success) 18%, transparent);
  color: var(--success);
}
.notification-row__icon[data-type='profileDeclined'],
.notification-row__icon[data-type='verificationRejected'] {
  background: color-mix(in srgb, var(--warning) 18%, transparent);
  color: var(--warning);
}
.notification-row__icon[data-type='profileBlocked'] {
  background: color-mix(in srgb, var(--warning) 24%, transparent);
  color: var(--warning);
}
.notification-row__unread-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: var(--radius-pill);
  background: var(--accent);
}
.settings__row-link {
  flex: 1;
  min-width: 0;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.settings__row-link:hover .settings__row-title {
  color: var(--accent);
}
.analytics__metrics {
  list-style: none;
  margin: var(--space-md) 0;
  padding: 0;
  overflow: hidden;
}
.analytics__metric {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  padding: var(--space-md) var(--space-lg);
}
.analytics__metric + .analytics__metric {
  border-top: 1px solid var(--line);
}
.analytics__metric-icon {
  flex: none;
  color: var(--accent);
}
.analytics__metric-label {
  flex: 1;
  min-width: 0;
}
.analytics__metric-value {
  flex: none;
  font-variant-numeric: tabular-nums;
}
.analytics__metric-value--dim {
  color: var(--ink-muted);
  font-weight: 400;
}
.analytics__note {
  display: flex;
  align-items: flex-start;
  gap: var(--space-md);
  padding: var(--space-md) var(--space-lg);
  margin: var(--space-md) 0;
  background: color-mix(in srgb, var(--ink) 3%, transparent);
  color: var(--ink-muted);
}
.analytics__note-icon {
  flex: none;
  margin-top: 2px;
}
.analytics__note-text {
  margin: 0;
}
.analytics__profile-name {
  display: block;
  font-weight: var(--font-heading-weight);
}
.analytics__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px 20px;
  margin-block-end: var(--space-md);
}
.analytics__head-text {
  margin-inline-end: auto;
}
.analytics__title {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
  font-size: 22px;
}
.analytics__scope {
  margin: 3px 0 0;
  color: var(--ink-muted);
  font-size: 13px;
}
.analytics__kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
  gap: 12px;
}
.analytics__kpi {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 14px 16px;
}
.analytics__kpi-label {
  color: var(--ink-muted);
  font-size: 12px;
}
.analytics__kpi-value {
  font-family: var(--font-heading);
  font-size: 28px;
  line-height: 1;
}
.analytics__kpi-note {
  color: var(--ink-muted);
  font-size: 11.5px;
}
.analytics__columns {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px;
  margin-block-start: var(--space-md);
}
.analytics__photo-time {
  flex: 1 1 260px;
  min-width: 250px;
  max-width: 340px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
}
.analytics__photo-time-value {
  font-family: var(--font-heading);
  font-size: 20px;
}
.analytics__photo-time-note {
  margin: 0;
  color: var(--ink-muted);
  font-size: 12.5px;
  line-height: 1.45;
  text-wrap: pretty;
}
.analytics__section-head {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-block-start: var(--space-lg);
  margin-block-end: 10px;
}
.analytics__section-count {
  color: var(--ink-muted);
  font-size: 12px;
}
.analytics__table {
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}
.analytics__row {
  display: grid;
  grid-template-columns: 2fr repeat(3, minmax(64px, 0.7fr));
  gap: 12px;
  align-items: center;
  padding: 11px 16px;
  border-block-end: 1px solid var(--line);
  color: var(--ink);
  text-decoration: none;
}
.analytics__row:last-child {
  border-block-end: 0;
}
.analytics__row--head {
  padding: 10px 16px;
  color: var(--ink-muted);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.analytics__row--link:hover {
  background: var(--accent-wash);
}
.analytics__cell-profile {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  font-size: 13.5px;
}
.analytics__cell-number {
  font-size: 13.5px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.analytics__row--head .analytics__cell-profile,
.analytics__row--head .analytics__cell-number {
  font-size: 10px;
}
.analytics__footnote {
  margin: var(--space-sm) 0 0;
  padding-inline: 2px;
  color: var(--ink-muted);
  font-size: 12px;
}
.analytics__empty {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  padding: 18px;
}
.analytics__empty-art {
  flex: none;
  display: grid;
  width: 112px;
  height: 112px;
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  color: var(--accent);
  place-items: center;
}
.analytics__empty-art svg {
  display: block;
  width: 112px;
  height: 112px;
}
.analytics__empty-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  align-items: flex-start;
}
.analytics__empty-title {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
  font-size: 17px;
}
.analytics__empty-body {
  margin: 0;
  color: var(--ink-muted);
  font-size: 13.5px;
  line-height: 1.5;
  text-wrap: pretty;
}
@media (max-width: 599.98px) {
  .analytics__row {
    grid-template-columns: repeat(3, 1fr);
    gap: 4px 12px;
  }
  .analytics__cell-profile {
    grid-column: 1 / -1;
  }
  .analytics__cell-number {
    text-align: left;
  }
  .analytics__empty {
    flex-direction: column;
  }
}
.verification__status {
  align-self: flex-start;
}
.verification__status--verified {
  background: var(--success);
  color: var(--on-success);
}
.verification__status--pendingReview,
.verification__status--inProgress {
  background: var(--warning);
  color: var(--on-warning);
}
.verification__reason {
  margin-top: var(--space-xs);
}
.settings__pagination {
  display: flex;
  justify-content: center;
  margin-top: var(--space-xxl);
}
.settings__id {
  display: grid;
  gap: var(--space-xs);
  margin-top: var(--space-lg);
  padding: var(--space-md) var(--space-lg);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}
.settings__id-label {
  color: var(--ink-muted);
  font-size: 0.875rem;
}
.settings__id-value {
  font-family: ui-monospace, monospace;
  overflow-wrap: anywhere;
}
.help {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.help__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.help__title {
  margin: 0;
  font-size: 16px;
  font-weight: var(--font-heading-weight);
  line-height: 24px;
}
.help__body {
  margin: 4px 0 0;
  color: var(--ink-muted);
  font-size: 14px;
  line-height: 20px;
}
.help__support {
  margin-top: 12px;
}
.settings__faq {
  border-bottom: 1px solid var(--line);
}
.settings__faq:last-child {
  border-bottom: 0;
}
.settings__faq summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 13px;
  min-height: 56px;
  padding: 11px 14px;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  font-weight: var(--font-heading-weight);
  list-style: none;
}
.settings__faq summary::-webkit-details-marker {
  display: none;
}
.settings__faq summary:hover {
  background: color-mix(in srgb, var(--accent) 8%, transparent);
}
.help__caret {
  flex: none;
  width: 17px;
  height: 17px;
  transition: transform 150ms ease;
}
.settings__faq[open] .help__caret {
  transform: rotate(180deg);
}
.settings__faq p {
  margin: 0;
  padding: 0 14px 14px;
  color: var(--ink-muted);
  font-size: 12px;
}
.help__row {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 0;
  padding: 13px 14px;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
}
.help__row:last-child {
  border-bottom: 0;
}
.help .settings__version {
  color: var(--ink-muted);
  font-size: 14px;
}
.help__id-text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.help .settings__id-label {
  color: var(--ink-muted);
  font-size: 12.5px;
}
.help .settings__id-value {
  font-family: inherit;
  font-size: 14px;
}
.help__copy {
  display: grid;
  flex: none;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--ink);
  cursor: pointer;
}
.help__copy:hover {
  background: color-mix(in srgb, var(--accent) 8%, transparent);
}
.help__copy .icon {
  width: 20px;
  height: 20px;
}
.help__copy--done {
  color: var(--accent);
}
.notifications__row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 11px 14px;
}
.notifications__row-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}
.notifications__group-title {
  font-size: 14.5px;
}
.notifications__group-description {
  color: var(--ink-muted);
  font-size: 12px;
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notifications__always-on {
  flex: none;
  color: var(--accent);
  font-size: 11.5px;
  white-space: nowrap;
}
.notifications__trigger {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 9px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--ink-muted);
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
.notifications__trigger--on {
  border-color: color-mix(in srgb, var(--accent) 55%, transparent);
  background: color-mix(in srgb, var(--accent) 16%, transparent);
  color: var(--accent);
}
.notifications__trigger[disabled] {
  cursor: default;
  opacity: 0.6;
}
.notifications__trigger-caret {
  width: 12px;
  height: 12px;
  opacity: 0.7;
}
.notifications .settings__list {
  overflow: visible;
}
.notifications .settings__item:first-child {
  border-top-left-radius: calc(var(--radius-md) - 1px);
  border-top-right-radius: calc(var(--radius-md) - 1px);
}
.notifications .settings__item:last-child {
  border-bottom-left-radius: calc(var(--radius-md) - 1px);
  border-bottom-right-radius: calc(var(--radius-md) - 1px);
}
.notifications__menu {
  position: absolute;
  top: calc(100% - 8px);
  right: 12px;
  z-index: 20;
  min-width: 186px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow-lg);
}
.notifications__row:nth-last-child(-n + 2) .notifications__menu {
  top: auto;
  bottom: calc(100% - 8px);
}
.notifications__channel {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 40px;
  padding: 8px 11px;
  border: 0;
  background: transparent;
  color: var(--ink-muted);
  font: inherit;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}
.notifications__channel--on {
  color: var(--ink);
}
.notifications__channel[disabled],
.notifications__menu-foot[disabled] {
  cursor: default;
  opacity: 0.6;
}
.notifications__channel:hover {
  background: var(--line);
}
.notifications__box {
  flex: none;
  display: grid;
  place-items: center;
  width: 15px;
  height: 15px;
  border: 1px solid var(--line);
  border-radius: 4px;
}
.notifications__channel--on .notifications__box {
  border-color: var(--accent);
  background: var(--accent);
}
.notifications__tick {
  width: 10px;
  height: 10px;
  color: var(--surface);
}
.notifications__menu-foot {
  min-height: 38px;
  padding: 8px 11px;
  border: 0;
  border-top: 1px solid var(--line);
  background: transparent;
  color: var(--ink-muted);
  font: inherit;
  font-size: 12px;
  text-align: left;
  cursor: pointer;
}
.notifications__menu-foot:hover {
  background: var(--line);
}
.notifications__error {
  margin: var(--space-md) 0 0;
  color: var(--warning);
}
.notifications__note {
  margin-top: var(--space-lg);
}
@media (min-width: 900px) {
  .page:has(.events-view) {
    padding: 0;
  }
  .page:has(.events-view) .events-page {
    padding: 24px 20px 40px;
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    column-gap: 28px;
  }
  .page:has(.events-view) .events-view {
    display: contents;
  }
  .page:has(.events-view) .events-head {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    padding: 0;
    background: none;
    box-shadow: none;
  }
  .page:has(.events-view) .events-head__action {
    width: 100%;
  }
  .page:has(.events-view) .events-view__control {
    grid-column: 1;
    grid-row: 1;
    justify-self: end;
    align-self: start;
    display: flex;
    padding: 0;
  }
  .page:has(.events-view) .events-head__titles {
    padding-right: 96px;
  }
  .page:has(.events-view) .events-view__control .seg-opt span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
  .page:has(.events-view) .events-view__control .seg {
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: 1px solid var(--line);
  }
  .page:has(.events-view) .events-view__control .seg-opt {
    justify-content: center;
    padding-inline: 7px;
  }
  .page:has(.events-view) .events-head__info,
  .page:has(.events-view) .events-legend__close {
    display: none;
  }
  .page:has(.events-view) .events-legend,
  .events-page:has(.events-legend__toggle:checked) .events-legend {
    display: none;
  }
  .events-page:has(.events-view__control input[value='list']:checked) .events-map-key {
    display: none;
  }
  .page:has(.events-view) .events-map-key {
    grid-column: 1;
    grid-row: 2;
    align-self: end;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 16px;
    border-top: 1px solid var(--line);
  }
  .events-map-key__title {
    font-size: 12px;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--ink-muted);
  }
  .events-map-key__line {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
  }
  .events-map-key__note {
    margin: 0;
    font-size: 12.5px;
    line-height: 1.45;
    color: var(--ink-muted);
  }
  .page:has(.events-view) .events-head__action.button--primary {
    background: none;
    color: var(--ink);
    border: 1px solid var(--line);
  }
  .page:has(.events-view) .events-head__action.button--primary:hover {
    background: color-mix(in srgb, var(--ink) 7%, transparent);
  }
  .page:has(.events-view) .events-view__panel--map,
  .page:has(.events-view) .events-view__panel--list {
    grid-column: 2;
    grid-row: 1 / -1;
    min-width: 0;
  }
  .page:has(.events-view) .events-view__panel--map {
    position: relative;
    inset: auto;
    margin: -24px -20px -40px 0;
  }
  .page:has(.events-view) .events-map__credit {
    top: 12px;
  }
}
.catalog__favourites {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 10px 12px;
  color: var(--ink);
  font-size: 13px;
  text-decoration: none;
}
.catalog__favourites .icon {
  width: 18px;
  height: 18px;
}
.catalog__favourites--on {
  color: var(--accent);
}
.catalog__favourites:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
.provider-card__favourite {
  position: absolute;
  color: var(--accent);
}
.provider-card__favourite:not(.provider-card__favourite--saved) {
  color: var(--color-on-media);
}
.messages__list {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
  background: var(--surface);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}
.messages__row {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 12px 14px;
  color: inherit;
  border-bottom: 1px solid var(--line);
  text-decoration: none;
}
.messages__row[aria-current] {
  background: var(--tint-accent);
  box-shadow: inset 2px 0 0 var(--accent);
}
.messages__text {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.messages__name {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  font-size: 14.5px;
  font-weight: 500;
}
.messages__name-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.messages__preview {
  overflow: hidden;
  color: var(--ink-muted);
  font-size: 12.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.messages__meta {
  display: flex;
  flex: none;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
}
.messages__time {
  color: var(--ink-muted);
  font-size: 11px;
}
.messages__unread {
  padding: 1px 7px;
  font-size: 10px;
}
.messages__empty-card {
  align-items: flex-start;
  gap: 8px;
  padding: 16px;
}
.messages__empty-title {
  font-size: 14px;
}
.messages__empty-body {
  margin: 0;
  color: var(--ink-muted);
  font-size: 12.5px;
  line-height: 1.45;
  text-wrap: pretty;
}
.messages__empty-card .button--ghost {
  padding-left: 0;
  font-size: 12.5px;
}
.messages__pagination {
  display: flex;
  justify-content: center;
}
.messages__notice {
  margin: 0;
}
.messages__accounts-band {
  --avatar-ring-ground: var(--surface);
  padding: 0 2px;
}
.messages__accounts {
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 4px 0;
  overflow-x: auto;
  list-style: none;
}
.messages__account {
  flex: none;
}
.messages__account-link {
  display: flex;
  color: inherit;
  text-decoration: none;
}
.messages__account .avatar {
  width: 28px;
  height: 28px;
  font-size: 11px;
}
.messages__account-ring {
  position: relative;
  display: flex;
}
.messages__account-badge {
  position: absolute;
  top: -4px;
  right: -6px;
  padding: 0 5px;
  font-size: 9px;
}
.messages__account-name {
  display: none;
}
@media (max-width: 899.98px) {
  .messages__accounts-band {
    padding: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--line) 50%, transparent);
  }
  .messages__accounts {
    box-sizing: border-box;
    height: 108px;
    align-items: center;
    gap: 0;
    padding: 8px 12px;
  }
  .messages__account-link {
    box-sizing: content-box;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 76px;
    padding: 0 6px;
  }
  .messages__account .avatar {
    width: 52px;
    height: 52px;
    font-size: 18px;
  }
  .messages__account-name {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: var(--ink-muted);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .messages__account-link--on .messages__account-name {
    color: var(--ink);
    font-weight: 700;
  }
}
.chat-thread {
  display: flex;
  flex-direction: column;
  height: calc(100vh - var(--nav-clearance) - 48px);
  min-height: 520px;
  overflow: hidden;
  background: var(--surface);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}
.chat__head {
  display: flex;
  flex: none;
  align-items: center;
  gap: 11px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
}
.chat__who {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.chat__title {
  margin: 0;
  overflow: hidden;
  font-size: 15px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat__status {
  color: var(--ink-muted);
  font-size: 12px;
}
.chat__profile {
  flex: none;
  font-size: 12.5px;
}
.chat__actions {
  position: relative;
  flex: none;
}
.chat__action-error {
  position: absolute;
  right: 0;
  top: 100%;
  margin: 4px 0 0;
  color: var(--warning);
  font-size: 12px;
  white-space: nowrap;
}
.chat {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}
.chat__thread {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 16px;
  overflow-y: auto;
  list-style: none;
}
.chat__older {
  display: flex;
  justify-content: center;
}
.chat__older-button {
  font-size: 13px;
}
.chat__day {
  align-self: center;
  padding: 6px 0;
  color: var(--ink-muted);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.chat__message {
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-self: flex-start;
  max-width: 66%;
}
.chat__message--mine {
  align-self: flex-end;
  align-items: flex-end;
}
.chat__sender {
  color: var(--ink-muted);
  font-size: 11px;
}
.chat__bubble {
  margin: 0;
  padding: 9px 13px;
  overflow-wrap: anywhere;
  color: var(--ink);
  background: var(--tint-neutral);
  border-radius: 14px;
  border-bottom-left-radius: 4px;
  box-shadow: inset 0 0 0 1px var(--line);
  font-size: 14px;
  line-height: 1.45;
  text-wrap: pretty;
}
.chat__message--mine .chat__bubble {
  background: transparent;
  border-radius: 14px;
  border-bottom-right-radius: 4px;
  box-shadow: inset 0 0 0 1px var(--accent);
}
.chat__card {
  display: flex;
  gap: 10px;
  align-items: center;
  max-width: 320px;
  margin: 0;
  padding: 8px 12px 8px 8px;
  color: var(--ink);
  text-decoration: none;
  background: var(--tint-neutral);
  border-radius: 14px;
  border-bottom-left-radius: 4px;
  box-shadow: inset 0 0 0 1px var(--line);
}
.chat__message--mine .chat__card {
  background: transparent;
  border-radius: 14px;
  border-bottom-right-radius: 4px;
  box-shadow: inset 0 0 0 1px var(--accent);
}
a.chat__card:hover .chat__card-link {
  text-decoration: underline;
}
.chat__card-thumb {
  flex: none;
  width: 56px;
  height: 56px;
  border-radius: 10px;
  object-fit: cover;
}
.chat__card-thumb--empty {
  display: grid;
  place-items: center;
  color: var(--ink-muted);
  background: var(--tint-neutral);
}
.chat__card-text {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.chat__card-title {
  overflow: hidden;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.chat__card-subtitle {
  overflow: hidden;
  color: var(--ink-muted);
  font-size: 12.5px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.chat__card-link {
  margin-top: 2px;
  color: var(--accent);
  font-size: 12.5px;
  font-weight: 600;
}
.chat__card--unavailable {
  gap: 8px;
  padding: 9px 13px;
  color: var(--ink-muted);
  font-size: 14px;
}
.chat__card--unavailable .icon {
  width: 16px;
  height: 16px;
}
.chat__time {
  padding: 0 4px;
  color: var(--ink-muted);
  font-size: 10.5px;
  font-variant-numeric: tabular-nums;
}
.chat__divider {
  display: flex;
  gap: var(--space-sm);
  align-items: center;
  align-self: stretch;
  color: var(--accent);
  font-size: 11px;
}
.chat__divider::before,
.chat__divider::after {
  flex: 1;
  border-top: 1px solid var(--accent);
  content: '';
}
.chat__empty {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 32px 16px;
  text-align: center;
}
.chat__empty-title {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
}
.chat__empty-body {
  margin: 0;
  max-width: 34ch;
  color: var(--ink-muted);
  font-size: 13px;
  text-wrap: pretty;
}
.chat__composer {
  display: flex;
  flex: none;
  flex-direction: column;
  gap: 9px;
  padding: 12px 16px 14px;
  border-top: 1px solid var(--line);
}
.chat__quick {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.chat__quick-reply {
  padding: 4px 12px;
  border-radius: var(--radius-pill);
  font-size: 12.5px;
}
.chat__input-row {
  display: flex;
  align-items: flex-end;
  gap: 9px;
}
.chat__input {
  flex: 1;
  min-width: 0;
  padding: 9px 15px;
  color: inherit;
  background: transparent;
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  outline: none;
  font: inherit;
  font-size: 14px;
}
.chat__input:focus-visible {
  border-color: var(--accent);
}
.chat__send {
  padding: 8px 16px;
  border-radius: var(--radius-pill);
}
.chat__notice,
.chat__error {
  margin: 0;
  padding: 12px 16px;
  color: var(--ink-muted);
  font-size: 13px;
}
.chat__composer .chat__error {
  padding: 0;
  color: var(--warning);
}
.chat__retry {
  color: var(--accent);
  font-weight: 500;
}
.chat__safety {
  display: flex;
  gap: 7px;
  margin: 0;
  color: var(--ink-muted);
  font-size: 11.5px;
  line-height: 1.4;
}
.chat__safety .icon {
  flex: none;
  width: 13px;
  height: 13px;
  margin-top: 1px;
}
.feed__notice,
.feed__empty {
  margin-top: 0;
}
.feed__create {
  padding: 10px;
}
.feed__budget-fields {
  display: grid;
  gap: 14px;
}
.feed__budget-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 6px;
  font-size: 12px;
}
.feed__budget-label {
  color: var(--ink-muted);
}
.feed__budget-range {
  color: var(--accent);
  font-size: 13px;
}
.feed__budget-sliders input[type='range'] {
  width: 100%;
}
.feed__list {
  display: grid;
  gap: var(--space-lg);
  list-style: none;
  margin: 0;
  padding: 0;
}
.feed__item {
  list-style: none;
}
.entry-row {
  display: flex;
  align-items: stretch;
  gap: 14px;
  color: inherit;
  text-decoration: none;
}
.entry-row__media {
  position: relative;
  flex: none;
  color: inherit;
  text-decoration: none;
  display: grid;
  width: 104px;
  height: 124px;
  place-items: center;
  border-radius: var(--radius-md);
  background: var(--tint-neutral);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}
.entry-row__media-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.entry-row__media-image--empty {
  display: grid;
  background: linear-gradient(150deg, var(--color-nocturne-neutral-700), var(--color-nocturne-neutral-900));
  place-items: center;
}
.entry-row__scrim {
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  padding: 16px 8px 7px;
  background: linear-gradient(to top, rgba(20, 21, 28, 0.88), rgba(20, 21, 28, 0));
}
.entry-row__name {
  display: block;
  overflow: hidden;
  color: var(--color-on-media);
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
  font-size: 12.5px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.feed__request-art {
  width: 104px;
  height: 124px;
  fill: none;
  stroke: var(--accent);
  stroke-width: 1.5;
}
.entry-row__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 9px;
  min-width: 0;
  height: 124px;
}
.entry-row__message {
  display: flex;
  flex: 1;
  align-items: center;
  color: inherit;
  text-decoration: none;
  padding: 10px 16px;
  border: 1px solid color-mix(in srgb, var(--ink) 7%, transparent);
  border-radius: var(--radius-md);
  overflow: hidden;
  overflow-wrap: anywhere;
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
  font-size: 15.5px;
  line-height: 1.4;
  text-wrap: pretty;
}
.entry-row__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 10px;
  padding-inline: 4px;
}
.entry-row__meta > * {
  white-space: nowrap;
}
.feed__kind {
  font-size: 10.5px;
}
.entry-row__city {
  color: var(--ink-muted);
  font-size: 12px;
}
.feed__budget {
  color: var(--accent);
}
.feed__counts {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-inline-start: auto;
}
.feed__count {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--ink-muted);
  font-size: 12.5px;
}
.feed__count .icon {
  width: 15px;
  height: 15px;
}
.feed__like {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--color-nocturne-neutral-400);
  font: inherit;
  font-size: 12.5px;
  text-decoration: none;
  cursor: pointer;
}
.feed__like--liked {
  color: var(--accent);
}
.feed__like .icon {
  width: 15px;
  height: 15px;
}
.entry-row__meta .confirm {
  flex-basis: 100%;
}
.entry-row__meta .confirm__trigger {
  margin-left: auto;
  padding: 4px 8px;
  font-size: 12px;
}
.feed__row-error {
  flex-basis: 100%;
  margin: 0;
  color: var(--warning);
  font-size: 13px;
}
.feed__item--deleted .feed__deleted {
  margin: 0;
  padding: 12px 14px;
  color: var(--ink-muted);
  font-size: 13px;
}
.feed__time,
.post__time {
  color: var(--ink-muted);
  font-size: 0.8125rem;
  font-variant-numeric: tabular-nums;
}
@media (max-width: 519.98px) {
  .entry-row__body {
    height: auto;
  }
  .entry-row__media {
    width: 84px;
    height: 104px;
  }
  .feed__request-art {
    width: 84px;
    height: 104px;
  }
}
.feed__tabs {
  position: sticky;
  top: 58px;
  z-index: 4;
  margin: -16px -8px 10px;
}
@media (min-width: 900px) {
  .feed__tabs {
    display: none;
  }
}
@media (max-width: 899.98px) {
  .feed__type-section {
    display: none;
  }
}
.feed__pagination {
  display: flex;
  justify-content: flex-start;
  margin-top: 4px;
}
.confirm__trigger,
.confirm__confirm,
.confirm__cancel {
  padding: var(--space-sm) var(--space-md);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: none;
  color: var(--ink);
  cursor: pointer;
  font: inherit;
}
.confirm__trigger:disabled,
.confirm__confirm:disabled {
  color: var(--ink-muted);
  cursor: default;
}
.confirm__confirm {
  border-color: var(--warning);
  color: var(--warning);
}
.confirm {
  margin-top: var(--space-lg);
  padding: var(--space-md);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}
.confirm__question {
  margin: 0 0 var(--space-md);
}
.confirm__actions {
  display: flex;
  gap: var(--space-sm);
}
.discussion__pagination {
  margin-top: var(--space-xl);
}
.discussion {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 4px;
}
.discussion__head {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.discussion__count {
  color: var(--ink-muted);
  font-size: 12px;
}
.discussion__thread {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}
.discussion__comment {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 13px 16px;
  border-bottom: 1px solid var(--line);
}
.discussion__comment:last-child {
  border-bottom: 0;
}
.discussion__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.discussion__name-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
}
.discussion__author {
  font-size: 14px;
  font-weight: 500;
}
.discussion__time {
  color: var(--ink-muted);
  font-size: 11.5px;
  font-variant-numeric: tabular-nums;
}
.discussion__text {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.5;
  overflow-wrap: anywhere;
  text-wrap: pretty;
  white-space: pre-wrap;
}
.discussion__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
}
.discussion__actions .button,
.discussion__actions .confirm__trigger {
  padding: 4px 8px 4px 0;
  border: 0;
  background: none;
  color: var(--ink-muted);
  font-size: 12px;
}
.discussion__actions .confirm__trigger:hover {
  color: var(--accent);
}
.discussion__notice,
.discussion__guest-title {
  margin: 0;
  color: var(--ink-muted);
  font-size: 13.5px;
}
.discussion__guest {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}
.discussion__error {
  flex: 1 0 100%;
  margin: 0;
  color: var(--warning);
  font-size: 12.5px;
}
.discussion__composer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
}
.discussion__composer .discussion__input {
  flex: 1 1 200px;
  min-width: 0;
  padding: 9px 15px;
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--ink);
  font: inherit;
  font-size: 14px;
}
.discussion__composer .discussion__input:focus {
  outline: none;
  border-color: var(--accent);
}
.discussion__send {
  padding: 8px 16px;
  border-radius: var(--radius-pill);
}
.tour { display: flex; flex-direction: column; gap: var(--space-6); }
.tour__title-edit {
  display: inline-flex; align-items: center; gap: var(--space-2);
  background: none; border: 0; padding: 0; cursor: pointer; color: var(--ink);
  font-family: var(--font-heading); font-size: 21px; line-height: 1.2;
}
.tour__title-pen { opacity: .55; }
.tour__note { margin: var(--space-1) 0 0; font-size: 13.5px; color: var(--ink-muted); }
.tour__hero {
  display: flex; flex-direction: column; gap: var(--space-4);
  padding: var(--space-6); border-radius: var(--radius-lg);
  background: linear-gradient(160deg, var(--tint-accent), var(--accent-wash));
}
.tour__hero-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); }
.tour__until { font-size: 12.5px; color: var(--on-tint-accent); }
.tour__strip { position: relative; display: flex; gap: 3px; height: 10px; }
.tour__strip-stop, .tour__strip-gap { border-radius: 99px; }
.tour__strip-stop { background: var(--accent); }
.tour__strip-gap { background: var(--tint-accent); }
.tour__strip-today {
  position: absolute; top: -5px; bottom: -5px; width: 2px; background: var(--on-tint-accent);
}
.tour__strip-scale {
  display: flex; flex-wrap: wrap; gap: var(--space-2); justify-content: space-between;
  font-size: 12px; color: var(--on-tint-accent);
}
.tour__stops-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-3); }
.tour__stops-label { font-size: 13px; color: var(--ink-muted); }
.tour__stops-label--kicker { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.tour__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.tour__stop { position: relative; min-width: 0; padding: 0 0 var(--space-4) 34px; }
.tour__stop::before {
  content: ''; position: absolute; left: 10px; top: 18px; bottom: 0; width: 2px;
  background: var(--line);
}
.tour__stop:last-child::before { display: none; }
.tour__node {
  position: absolute; left: 5px; top: 11px; width: 12px; height: 12px; border-radius: 99px;
  background: var(--accent);
  box-shadow: 0 0 0 3px var(--ground), 0 0 0 5px var(--tint-accent);
}
.tour__node--running { box-shadow: 0 0 0 3px var(--ground), 0 0 0 5px var(--accent); }
.tour__node--ended { background: var(--color-nocturne-neutral-600); }
.tour__node--cancelled { background: var(--line); box-shadow: 0 0 0 3px var(--ground), 0 0 0 5px var(--line); }
.tour__card {
  display: flex; flex-direction: column; gap: var(--space-2);
  padding: var(--space-4); border-radius: var(--radius-lg);
  background: var(--surface); box-shadow: var(--shadow-sm); min-width: 0;
}
.tour__stop--cancelled .tour__card { background: transparent; opacity: .6; }
.tour__stop--cancelled .tour__city { text-decoration: line-through; }
.tour__card-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); }
.tour__city { font-family: var(--font-heading); font-size: 17px; min-width: 0; overflow-wrap: anywhere; }
.tour__state { font-size: 11.5px; color: var(--ink-muted); border: 1px solid currentColor; border-radius: 99px; padding: 1px 8px; }
.tour__dates { margin: 0; font-size: 13.5px; color: var(--ink-muted); }
.tour__bar { height: 4px; border-radius: 99px; background: var(--line); overflow: hidden; }
.tour__bar-fill { display: block; height: 100%; border-radius: 99px; background: var(--accent); }
.tour__flag { margin: 0; font-size: 12.5px; color: var(--accent); }
.tour__locked { margin: 0; font-size: 12.5px; color: var(--ink-muted); }
.tour__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.tour__playbill-open { margin-right: auto; }
.tour__remove { color: var(--warning); }
.tour__gap { margin: 0 0 var(--space-2); font-size: 12.5px; color: var(--ink-muted); }
.tour__playbill {
  display: flex; flex-direction: column; gap: var(--space-3);
  margin-top: var(--space-2); padding: var(--space-4);
  border-left: 2px solid var(--accent); border-radius: var(--radius-md);
  background: var(--accent-wash);
}
.tour__playbill-title { margin: 0; font-size: 13px; color: var(--on-tint-accent); }
.tour__playbill-line { margin: 0; font-size: 13px; color: var(--ink-muted); }
.tour__playbill-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.tour__playbill-name { flex: 1 1 12ch; min-width: 0; font-size: 14px; }
.tour__playbill-meta { font-size: 12.5px; color: var(--ink-muted); }
.tour__playbill-answer { font-size: 12.5px; color: var(--ink-muted); }
.tour__form { display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-6); border-radius: var(--radius-lg); }
.tour__form-title { margin: 0; font-size: 17px; }
.tour__city-field { display: flex; flex-direction: column; gap: var(--space-2); }
.tour__city-search { position: relative; }
.tour__city-hits { position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 3; padding: var(--space-2); }
.tour__city-hit { display: block; width: 100%; text-align: left; background: none; border: 0; color: inherit; cursor: pointer; padding: var(--space-2); font-size: 14px; }
.tour__city-hit:hover { background: color-mix(in srgb, var(--ink) 7%, transparent); }
.tour__form-dates { display: flex; flex-wrap: wrap; gap: var(--space-4); }
.tour__form-dates > * { flex: 1 1 140px; min-width: 0; }
.tour__form-verdict { margin: 0; font-size: 13px; color: var(--accent); }
.tour__form-verdict--no { color: var(--warning); }
.tour__form-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.tour__form-hint { margin: 0; font-size: 12.5px; color: var(--ink-muted); }
.tour__limits { margin: 0; font-size: 12.5px; color: var(--ink-muted); }
.tour__notice { display: flex; align-items: flex-start; gap: var(--space-2); }
.tour__notice-text { margin: 0; flex: 1; min-width: 0; }
.tour__notice-close {
  flex: none; display: grid; place-items: center;
  width: 24px; height: 24px; padding: 0;
  border: 0; border-radius: var(--radius-sm);
  background: none; color: inherit; cursor: pointer;
}
.tour__notice-close .icon { width: 14px; height: 14px; }
.tour__notice-close:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.tour__dock { display: flex; flex-direction: column; gap: var(--space-3); }
.tour__publish { height: 48px; }
.tour__cancel-route { align-self: flex-start; color: var(--warning); }
.tour__sheet { display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-6); border-radius: var(--radius-lg); }
.tour__sheet-sub { margin: 0; font-size: 13.5px; color: var(--ink-muted); }
.tour__sheet-block { display: flex; flex-direction: column; gap: var(--space-1); }
.tour__sheet-block-title { font-size: 14.5px; }
.tour__sheet-block-body { margin: 0; font-size: 13px; color: var(--ink-muted); }
.tour__notice { margin: 0; font-size: 13px; color: var(--warning); }
.tour__empty { display: flex; flex-direction: column; gap: var(--space-3); }
.tour__empty-title { margin: 0; font-size: 24px; line-height: 1.2; max-width: 24ch; }
.tour__empty-body { margin: 0; font-size: 14.5px; line-height: 1.5; color: var(--ink-muted); max-width: 44ch; }
.tour__sell { display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-6); border-radius: var(--radius-lg); background: var(--accent-wash); }
.tour__sell-point { display: flex; flex-direction: column; gap: var(--space-1); }
.tour__sell-title { font-size: 14.5px; }
.tour__sell-body { margin: 0; font-size: 13px; line-height: 1.45; color: var(--ink-muted); }
.tour__failure { display: flex; flex-direction: column; gap: var(--space-3); align-items: flex-start; }
@media (min-width: 900px) {
  .tour { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: var(--space-8); align-items: start; }
  .tour > .tour__hero, .tour > .tour__head, .tour > .tour__stops-head,
  .tour > .tour__list, .tour > .tour__form, .tour > .tour__empty,
  .tour > .tour__add, .tour > .tour__limits { grid-column: 1; }
  .tour > .tour__dock, .tour > .tour__sheet, .tour > .tour__notice { grid-column: 2; }
}
.tour__move { width: 32px; height: 32px; padding: 0; }
.tour__move[disabled] { opacity: .35; }
.catalog__tabs {
  position: sticky;
  top: 58px;
  z-index: 4;
  margin: -16px -8px 10px;
}
.catalog__tabs .seg { width: 100%; }
.catalog__tabs .seg-opt { flex: 1; justify-content: center; }
@media (min-width: 900px) {
  .catalog__tabs { display: none; }
}
.catalog__when {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 899.98px) {
  .catalog__when { display: none; }
}
.catalog__when-title {
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--ink-muted);
}
.catalog__when .seg-opt {
  flex: 1;
  justify-content: center;
}
.coming { display: flex; flex-direction: column; gap: var(--space-6); }
.coming-week {
  display: flex; flex-direction: column; gap: var(--space-3);
  padding: var(--space-4);
  border: 1px solid var(--line); border-radius: var(--radius-md);
  background: var(--surface);
}
.coming-week__head { display: flex; align-items: center; gap: var(--space-1); }
.coming-week__span { flex: 1; font-weight: 600; font-size: 14px; }
.coming-week__arrow {
  display: flex; align-items: center; justify-content: center;
  width: 28px; height: 28px;
  border-radius: 10px; background: var(--tint-neutral);
  color: var(--ink); text-decoration: none;
}
.coming-week__arrow:hover { background: color-mix(in srgb, var(--ink) 7%, transparent); }
.coming-week__arrow--off { color: var(--ink-muted); opacity: .4; }
.coming-week__days { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.coming-week__day {
  display: flex; flex-direction: column; align-items: center; gap: 2px;
  padding: 2px 0;
  color: var(--ink); text-decoration: none;
}
.coming-week__day:hover .coming-week__number { background: var(--accent-wash); }
.coming-week__weekday {
  font-size: 10px; letter-spacing: .04em; text-transform: uppercase; color: var(--ink-muted);
}
.coming-week__number {
  display: flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; max-width: 100%;
  border-radius: 10px;
  font-size: 15px; font-weight: 500; line-height: 1;
}
.coming-week__day--on .coming-week__number { background: var(--accent); color: var(--on-tint-accent); font-weight: 700; }
.coming-week__day--out { color: var(--ink-muted); opacity: .5; }
.coming-week__dot { width: 4px; height: 4px; border-radius: 50%; }
.coming-week__dot--on { background: var(--accent); }
.coming-week__ranges { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.coming-week__range {
  padding: 6px var(--space-3);
  border: 1px solid var(--line); border-radius: 999px;
  font-size: 12.5px; color: var(--ink); text-decoration: none;
}
.coming-week__range:hover { background: color-mix(in srgb, var(--ink) 7%, transparent); }
.coming-week__range--on { background: var(--accent-wash); border-color: transparent; color: var(--accent); font-weight: 600; }
.coming-drum { display: none; }
@media (max-width: 899.98px) {
  .coming-drum {
    position: fixed;
    inset: auto var(--space-md) calc(86px + env(safe-area-inset-bottom));
    z-index: 5;
    display: flex;
    align-items: center;
    height: 44px;
    padding-inline: calc(50vw - 41px);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--surface) 55%, transparent);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
  }
  .coming-drum::-webkit-scrollbar { display: none; }
  .coming-drum__day {
    flex: 0 0 58px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 34px;
    border: 1px solid transparent;
    border-radius: var(--radius-md);
    color: var(--ink);
    text-decoration: none;
    scroll-snap-align: center;
  }
  .coming-drum__day--on {
    border-color: color-mix(in srgb, var(--accent) 55%, transparent);
    background: color-mix(in srgb, var(--accent) 22%, transparent);
    scroll-initial-target: nearest;
  }
  .coming-drum__name {
    font-size: 8px;
    letter-spacing: .5px;
    line-height: 1.2;
    text-transform: uppercase;
    color: var(--ink-muted);
  }
  .coming-drum__number { font-size: 14px; font-weight: 500; line-height: 1.15; }
  .coming-drum__day--on .coming-drum__number { font-size: 17px; }
  .coming__main { padding-bottom: 72px; }
}
.coming__main { display: flex; flex-direction: column; gap: var(--space-6); min-width: 0; }
.coming__partial { margin: 0; font-size: 12.5px; color: var(--accent); }
.coming__failure { display: flex; flex-direction: column; gap: var(--space-3); align-items: flex-start; }
.coming__section { display: flex; flex-direction: column; gap: var(--space-3); }
.coming__date { margin: 0; font-size: 14.5px; }
.coming__rows {
  margin-block: 0;
}
.coming__section { container-type: inline-size; }
.coming__rows > .provider-card--day-last {
  display: grid;
  grid-template-columns: subgrid;
}
.coming__rows > .provider-card--day-last::before {
  content: '';
  grid-area: 1 / 1;
  aspect-ratio: 4 / 5;
}
.coming__rows > .provider-card--day-last > a {
  position: absolute;
  inset: 0;
}
.coming__rows > .provider-card--day-last .provider-card__media {
  flex: 1;
  min-height: 0;
}
.coming__rows > .provider-card--day-last .provider-card__image {
  height: 100%;
  aspect-ratio: auto;
}
.coming__rows > .provider-card--day-last .provider-card__media--mosaic > .provider-card__image { display: none; }
.provider-card__mosaic {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 3px;
  height: 100%;
}
.provider-card__mosaic-rest {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 3px;
  min-height: 0;
}
.provider-card__tile {
  display: block;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.provider-card__tile img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.provider-card__tile--again img {
  object-position: 50% 78%;
  transform: scale(1.7);
}
.provider-card__more {
  position: absolute;
  top: 8px;
  left: 8px;
  padding: 4px 9px;
  border-radius: var(--radius-pill);
  background: rgb(0 0 0 / 55%);
  color: var(--color-on-media);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
.provider-card__more--two { display: none; }
@container (max-width: 689.98px) {
  .provider-grid.coming__rows { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(3n + 1) { grid-column: span 3; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(3n + 2) { grid-column: span 2; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(3n + 2) .provider-card__mosaic { grid-template-columns: 1fr 1fr; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(3n + 2) .provider-card__mosaic-rest { grid-template-columns: 1fr; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(3n + 2) .provider-card__tile:nth-child(n + 3) { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(3n + 2) .provider-card__more--four { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(3n + 2) .provider-card__more--two { display: block; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(3n) { display: block; grid-column: auto; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(3n)::before { content: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(3n) > a { position: relative; inset: auto; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(3n) .provider-card__mosaic,
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(3n) .provider-card__more { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(3n) .provider-card__image { height: auto; aspect-ratio: 4 / 5; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(3n) .provider-card__media--mosaic > .provider-card__image { display: block; }
}
@container (min-width: 690px) and (max-width: 864.98px) {
  .provider-grid.coming__rows { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(4n + 1) { grid-column: span 4; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(4n + 2) { grid-column: span 3; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(4n + 3) { grid-column: span 2; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(4n + 3) .provider-card__mosaic { grid-template-columns: 1fr 1fr; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(4n + 3) .provider-card__mosaic-rest { grid-template-columns: 1fr; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(4n + 3) .provider-card__tile:nth-child(n + 3) { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(4n + 3) .provider-card__more--four { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(4n + 3) .provider-card__more--two { display: block; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(4n) { display: block; grid-column: auto; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(4n)::before { content: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(4n) > a { position: relative; inset: auto; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(4n) .provider-card__mosaic,
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(4n) .provider-card__more { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(4n) .provider-card__image { height: auto; aspect-ratio: 4 / 5; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(4n) .provider-card__media--mosaic > .provider-card__image { display: block; }
}
@container (min-width: 865px) and (max-width: 1039.98px) {
  .provider-grid.coming__rows { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(5n + 1) { grid-column: span 5; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(5n + 2) { grid-column: span 4; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(5n + 3) { grid-column: span 3; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(5n + 4) { grid-column: span 2; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(5n + 4) .provider-card__mosaic { grid-template-columns: 1fr 1fr; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(5n + 4) .provider-card__mosaic-rest { grid-template-columns: 1fr; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(5n + 4) .provider-card__tile:nth-child(n + 3) { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(5n + 4) .provider-card__more--four { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(5n + 4) .provider-card__more--two { display: block; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(5n) { display: block; grid-column: auto; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(5n)::before { content: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(5n) > a { position: relative; inset: auto; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(5n) .provider-card__mosaic,
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(5n) .provider-card__more { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(5n) .provider-card__image { height: auto; aspect-ratio: 4 / 5; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(5n) .provider-card__media--mosaic > .provider-card__image { display: block; }
}
@container (min-width: 1040px) and (max-width: 1214.98px) {
  .provider-grid.coming__rows { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(6n + 1) { grid-column: span 6; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(6n + 2) { grid-column: span 5; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(6n + 3) { grid-column: span 4; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(6n + 4) { grid-column: span 3; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(6n + 5) { grid-column: span 2; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(6n + 5) .provider-card__mosaic { grid-template-columns: 1fr 1fr; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(6n + 5) .provider-card__mosaic-rest { grid-template-columns: 1fr; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(6n + 5) .provider-card__tile:nth-child(n + 3) { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(6n + 5) .provider-card__more--four { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(6n + 5) .provider-card__more--two { display: block; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(6n) { display: block; grid-column: auto; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(6n)::before { content: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(6n) > a { position: relative; inset: auto; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(6n) .provider-card__mosaic,
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(6n) .provider-card__more { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(6n) .provider-card__image { height: auto; aspect-ratio: 4 / 5; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(6n) .provider-card__media--mosaic > .provider-card__image { display: block; }
}
@container (min-width: 1215px) and (max-width: 1389.98px) {
  .provider-grid.coming__rows { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(7n + 1) { grid-column: span 7; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(7n + 2) { grid-column: span 6; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(7n + 3) { grid-column: span 5; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(7n + 4) { grid-column: span 4; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(7n + 5) { grid-column: span 3; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(7n + 6) { grid-column: span 2; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(7n + 6) .provider-card__mosaic { grid-template-columns: 1fr 1fr; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(7n + 6) .provider-card__mosaic-rest { grid-template-columns: 1fr; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(7n + 6) .provider-card__tile:nth-child(n + 3) { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(7n + 6) .provider-card__more--four { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(7n + 6) .provider-card__more--two { display: block; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(7n) { display: block; grid-column: auto; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(7n)::before { content: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(7n) > a { position: relative; inset: auto; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(7n) .provider-card__mosaic,
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(7n) .provider-card__more { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(7n) .provider-card__image { height: auto; aspect-ratio: 4 / 5; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(7n) .provider-card__media--mosaic > .provider-card__image { display: block; }
}
@container (min-width: 1390px) and (max-width: 1564.98px) {
  .provider-grid.coming__rows { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(8n + 1) { grid-column: span 8; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(8n + 2) { grid-column: span 7; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(8n + 3) { grid-column: span 6; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(8n + 4) { grid-column: span 5; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(8n + 5) { grid-column: span 4; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(8n + 6) { grid-column: span 3; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(8n + 7) { grid-column: span 2; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(8n + 7) .provider-card__mosaic { grid-template-columns: 1fr 1fr; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(8n + 7) .provider-card__mosaic-rest { grid-template-columns: 1fr; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(8n + 7) .provider-card__tile:nth-child(n + 3) { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(8n + 7) .provider-card__more--four { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(8n + 7) .provider-card__more--two { display: block; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(8n) { display: block; grid-column: auto; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(8n)::before { content: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(8n) > a { position: relative; inset: auto; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(8n) .provider-card__mosaic,
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(8n) .provider-card__more { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(8n) .provider-card__image { height: auto; aspect-ratio: 4 / 5; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(8n) .provider-card__media--mosaic > .provider-card__image { display: block; }
}
@container (min-width: 1565px) and (max-width: 1739.98px) {
  .provider-grid.coming__rows { grid-template-columns: repeat(9, minmax(0, 1fr)); }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(9n + 1) { grid-column: span 9; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(9n + 2) { grid-column: span 8; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(9n + 3) { grid-column: span 7; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(9n + 4) { grid-column: span 6; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(9n + 5) { grid-column: span 5; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(9n + 6) { grid-column: span 4; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(9n + 7) { grid-column: span 3; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(9n + 8) { grid-column: span 2; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(9n + 8) .provider-card__mosaic { grid-template-columns: 1fr 1fr; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(9n + 8) .provider-card__mosaic-rest { grid-template-columns: 1fr; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(9n + 8) .provider-card__tile:nth-child(n + 3) { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(9n + 8) .provider-card__more--four { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(9n + 8) .provider-card__more--two { display: block; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(9n) { display: block; grid-column: auto; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(9n)::before { content: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(9n) > a { position: relative; inset: auto; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(9n) .provider-card__mosaic,
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(9n) .provider-card__more { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(9n) .provider-card__image { height: auto; aspect-ratio: 4 / 5; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(9n) .provider-card__media--mosaic > .provider-card__image { display: block; }
}
@container (min-width: 1740px) and (max-width: 1914.98px) {
  .provider-grid.coming__rows { grid-template-columns: repeat(10, minmax(0, 1fr)); }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(10n + 1) { grid-column: span 10; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(10n + 2) { grid-column: span 9; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(10n + 3) { grid-column: span 8; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(10n + 4) { grid-column: span 7; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(10n + 5) { grid-column: span 6; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(10n + 6) { grid-column: span 5; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(10n + 7) { grid-column: span 4; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(10n + 8) { grid-column: span 3; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(10n + 9) { grid-column: span 2; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(10n + 9) .provider-card__mosaic { grid-template-columns: 1fr 1fr; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(10n + 9) .provider-card__mosaic-rest { grid-template-columns: 1fr; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(10n + 9) .provider-card__tile:nth-child(n + 3) { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(10n + 9) .provider-card__more--four { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(10n + 9) .provider-card__more--two { display: block; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(10n) { display: block; grid-column: auto; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(10n)::before { content: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(10n) > a { position: relative; inset: auto; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(10n) .provider-card__mosaic,
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(10n) .provider-card__more { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(10n) .provider-card__image { height: auto; aspect-ratio: 4 / 5; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(10n) .provider-card__media--mosaic > .provider-card__image { display: block; }
}
@container (min-width: 1915px) and (max-width: 2089.98px) {
  .provider-grid.coming__rows { grid-template-columns: repeat(11, minmax(0, 1fr)); }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(11n + 1) { grid-column: span 11; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(11n + 2) { grid-column: span 10; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(11n + 3) { grid-column: span 9; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(11n + 4) { grid-column: span 8; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(11n + 5) { grid-column: span 7; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(11n + 6) { grid-column: span 6; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(11n + 7) { grid-column: span 5; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(11n + 8) { grid-column: span 4; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(11n + 9) { grid-column: span 3; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(11n + 10) { grid-column: span 2; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(11n + 10) .provider-card__mosaic { grid-template-columns: 1fr 1fr; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(11n + 10) .provider-card__mosaic-rest { grid-template-columns: 1fr; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(11n + 10) .provider-card__tile:nth-child(n + 3) { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(11n + 10) .provider-card__more--four { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(11n + 10) .provider-card__more--two { display: block; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(11n) { display: block; grid-column: auto; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(11n)::before { content: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(11n) > a { position: relative; inset: auto; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(11n) .provider-card__mosaic,
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(11n) .provider-card__more { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(11n) .provider-card__image { height: auto; aspect-ratio: 4 / 5; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(11n) .provider-card__media--mosaic > .provider-card__image { display: block; }
}
@container (min-width: 2090px) {
  .provider-grid.coming__rows { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(12n + 1) { grid-column: span 12; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(12n + 2) { grid-column: span 11; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(12n + 3) { grid-column: span 10; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(12n + 4) { grid-column: span 9; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(12n + 5) { grid-column: span 8; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(12n + 6) { grid-column: span 7; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(12n + 7) { grid-column: span 6; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(12n + 8) { grid-column: span 5; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(12n + 9) { grid-column: span 4; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(12n + 10) { grid-column: span 3; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(12n + 11) { grid-column: span 2; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(12n + 11) .provider-card__mosaic { grid-template-columns: 1fr 1fr; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(12n + 11) .provider-card__mosaic-rest { grid-template-columns: 1fr; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(12n + 11) .provider-card__tile:nth-child(n + 3) { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(12n + 11) .provider-card__more--four { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(12n + 11) .provider-card__more--two { display: block; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(12n) { display: block; grid-column: auto; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(12n)::before { content: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(12n) > a { position: relative; inset: auto; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(12n) .provider-card__mosaic,
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(12n) .provider-card__more { display: none; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(12n) .provider-card__image { height: auto; aspect-ratio: 4 / 5; }
  .provider-grid.coming__rows > .provider-card--day-last:nth-child(12n) .provider-card__media--mosaic > .provider-card__image { display: block; }
}
.advisor__aside {
  gap: var(--space-md);
}
.advisor__name {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
}
.advisor__restart {
  align-self: flex-start;
}
.advisor__restart .icon {
  width: 16px;
  height: 16px;
}
.advisor__note {
  display: flex;
  align-items: flex-start;
  gap: var(--space-sm);
  margin: 0;
  color: var(--ink-muted);
  font-size: 12.5px;
  line-height: 1.45;
}
.advisor__note .icon {
  width: 16px;
  height: 16px;
  margin-top: 1px;
  color: var(--accent);
}
@media (max-width: 899.98px) {
  .advisor__note {
    display: none;
  }
}
.advisor__main {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}
.advisor__thread {
  gap: var(--space-sm);
}
.advisor__message {
  max-width: 85%;
}
.advisor__message--wide {
  align-self: stretch;
  max-width: 100%;
}
.advisor__actions {
  margin-top: 6px;
}
.advisor__bubble--error {
  color: var(--warning);
}
.advisor__picks {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  margin-bottom: var(--space-md);
}
.advisor__chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
}
.advisor-stats {
  margin-top: 6px;
  overflow-x: auto;
  border-radius: 14px;
  box-shadow: inset 0 0 0 1px var(--line);
}
.advisor-stats table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.advisor-stats th,
.advisor-stats td {
  padding: 8px 10px;
  text-align: start;
  white-space: nowrap;
}
.advisor-stats thead th {
  color: var(--ink-muted);
  font-size: 12px;
  font-weight: 500;
}
.advisor-stats tbody tr {
  border-top: 1px solid var(--line);
}
.advisor-stats tbody th {
  font-weight: 500;
}
.advisor-stats tbody th a {
  color: var(--accent);
}
.advisor-stats tfoot tr {
  border-top: 1px solid var(--line);
  background: var(--tint-neutral);
}
.advisor-stats tfoot th {
  font-weight: 500;
}
.advisor-stats .advisor-stats__number {
  text-align: end;
  font-variant-numeric: tabular-nums;
}
.advisor-stats__rank {
  color: var(--ink-muted);
  font-variant-numeric: tabular-nums;
}
.advisor-stats__bar {
  display: block;
  width: 56px;
  height: 4px;
  margin: 3px 0 0 auto;
  overflow: hidden;
  border-radius: var(--radius-pill);
  background: var(--line);
}
.advisor-stats__fill {
  display: block;
  height: 100%;
  background: var(--accent);
}
.advisor__heading {
  margin: var(--space-sm) 0 0;
  font-size: 14px;
  font-weight: 500;
}
.advisor__events {
  max-height: none;
}
.advisor__events .events-row:last-child {
  border-bottom: 0;
}
.advisor__reason {
  display: -webkit-box;
  margin: var(--space-xs) 2px 0;
  overflow: hidden;
  color: var(--ink-muted);
  font-size: 12.5px;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 899.98px) {
  .notifications__group-description {
    max-width: none;
    white-space: normal;
  }
}
.preferences-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 11px 14px;
  box-sizing: border-box;
  border-bottom: 1px solid var(--line);
  color: inherit;
  text-decoration: none;
}
.preferences-row:last-child {
  border-bottom: 0;
}
a.preferences-row:hover {
  background: color-mix(in srgb, var(--accent) 8%, transparent);
}
.preferences-row__text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.preferences-row__title {
  font-size: 14.5px;
  line-height: 1.43;
}
.preferences-row__hint {
  overflow: hidden;
  color: var(--ink-muted);
  font-size: 12px;
  line-height: 1.33;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.switch .preferences-row__hint {
  overflow: visible;
  white-space: normal;
}
.wizard__card .switch .preferences-row__title {
  font-size: 16px;
  line-height: 1.5;
}
.wizard__card .switch .preferences-row__text {
  gap: 0;
}
.wizard__card .switch .preferences-row__hint {
  font-size: 14px;
  line-height: 20px;
}
.preferences-row__value {
  flex: none;
  color: var(--ink-muted);
  font-size: 13px;
}
.preferences-row__chevron {
  flex: none;
  width: 16px;
  height: 16px;
  opacity: 0.45;
}
.preferences-page__notifications > .pane-head__title {
  margin: 0;
  padding: 0 4px;
  color: var(--ink-muted);
  font-size: 10.5px;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.preferences-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 56px;
  padding: 11px 14px;
  box-sizing: border-box;
  border: 0;
  border-bottom: 1px solid var(--line);
  background: none;
  color: inherit;
  font: inherit;
  font-size: 14.5px;
  text-align: start;
  cursor: pointer;
}
.preferences-option:last-child {
  border-bottom: 0;
}
.preferences-option:hover:not(:disabled) {
  background: color-mix(in srgb, var(--accent) 8%, transparent);
}
.preferences-option[aria-pressed='true'] {
  color: var(--accent);
}
.preferences-option .icon {
  flex: none;
  width: 18px;
  height: 18px;
}
@media (max-width: 899.98px) {
  .analytics__head {
    display: none;
  }
}
@media (max-width: 899.98px) {
  .account-pane__section {
    display: flex;
    flex-direction: column;
    gap: 7px;
  }
  .account-pane__section > .profile-pane {
    display: contents;
  }
  .account-pane__section > .profile-pane > .profile-pane__head {
    order: -1;
    margin-bottom: 0;
  }
}
@media (max-width: 899.98px) {
  .role-settings > .profile-pane__section,
  .link-telegram > .profile-pane__section {
    padding: 0;
  }
  .role-settings .profile-pane__hint {
    padding: 12px 14px;
  }
}
.my-listings__back {
  display: none;
}
@media (max-width: 899.98px) {
  .nav--page.nav--headless {
    display: none;
  }
  .my-listings__back {
    display: grid;
    flex: none;
    place-items: center;
    width: 40px;
    height: 40px;
    margin-inline-start: -8px;
    color: var(--ink);
  }
  .my-listings__back .icon {
    width: 22px;
    height: 22px;
  }
}
a.preferences-option {
  text-decoration: none;
}
.preferences-option[aria-current='true'],
.preferences-option[aria-current='true'] .preferences-row__title {
  color: var(--accent);
}
.preferences-option[aria-pressed='true'] .preferences-row__title {
  color: var(--accent);
}
.preferences-option .preferences-row__text {
  align-items: flex-start;
  text-align: start;
}
.preferences-page__lead {
  margin: 0 0 7px;
  padding: 0 4px;
  color: var(--ink-muted);
  font-size: 12px;
}
.preferences-page__footnote {
  margin-top: 7px;
  padding: 0 4px;
}
.preferences-switch-card > .switch {
  min-height: 56px;
  padding: 11px 14px;
  box-sizing: border-box;
}
.nav.nav--absent {
  display: none;
}
.wizard__topbar-back {
  display: grid;
  flex: none;
  place-items: center;
  width: 40px;
  height: 40px;
  margin-inline-start: -8px;
  color: var(--ink);
}
.wizard__topbar-back .icon {
  width: 22px;
  height: 22px;
}
.wizard__topbar {
  flex-wrap: nowrap;
  gap: var(--space-sm);
}
@media (max-width: 899.98px) {
  .wizard__topbar {
    position: sticky;
    top: 0;
    z-index: 5;
    --wizard-head-pad: 24px;
    --wizard-head-gutter: 20px;
    margin: calc(var(--wizard-head-pad) * -1) calc(var(--wizard-head-gutter) * -1) 10px;
    padding: 20px var(--wizard-head-gutter);
    background: var(--ground);
  }
}
@media (max-width: 899.98px) {
  .page:has(.events-view) .events-page .events-head {
    display: contents;
  }
  .page:has(.events-view) .events-page .events-head__info {
    position: fixed;
    top: 3px;
    right: 56px;
    z-index: 6;
    display: grid;
  }
  .page:has(.events-view) .events-page .events-head__action.button--primary {
    position: fixed;
    right: 16px;
    bottom: calc(84px + env(safe-area-inset-bottom));
    z-index: 4;
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--color-nocturne-accent-100);
    color: var(--color-nocturne-accent-800);
    box-shadow: var(--shadow-md);
    font-size: 0;
    gap: 0;
  }
  .page:has(.events-view) .events-page .events-head__action .icon {
    width: 24px;
    height: 24px;
  }
  .page:has(.events-view) .events-page:has(.events-map__card, .events-map__stack) .events-head__action.button--primary {
    display: none;
  }
  .page:has(.events-view) {
    padding-top: 0;
  }
  .page:has(.events-view) .events-page .events-view__control {
    display: block;
    width: auto;
    margin: 0 -12px;
    padding: 8px 0 0;
    justify-self: stretch;
  }
  .page:has(.events-view) .events-page .events-view__control .seg {
    display: flex;
    width: 100%;
    border: 0;
    background: color-mix(in srgb, var(--surface) 72%, transparent);
    backdrop-filter: blur(4px) saturate(150%);
    -webkit-backdrop-filter: blur(4px) saturate(150%);
  }
  .page:has(.events-view) .events-page .events-view__control .seg-opt {
    flex: 1;
    justify-content: center;
  }
  .page:has(.events-view) .events-page .events-view__control .seg-opt span {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip-path: none;
  }
}
.events-map__cluster {
  background: var(--color-nocturne-accent-800);
  color: var(--color-nocturne-accent-100);
}
.chat__back {
  display: none;
}
@media (max-width: 899.98px) {
  main.page:has(.messages--list),
  main.page:has(.messages--thread) {
    padding: 0;
  }
  .messages--list .sidebar-layout--inbox,
  .messages--thread .sidebar-layout--inbox {
    display: block;
    padding: 0;
  }
  .messages--list .sidebar-layout__main,
  .messages--thread .sidebar-layout__aside {
    display: none;
  }
  .messages--list .sidebar-layout__aside {
    position: static;
    width: auto;
    max-width: none;
    gap: 0;
  }
  .messages--list .messages__search,
  .messages--list .sidebar-layout__aside > .seg {
    display: none;
  }
  .messages--list .messages__accounts-band {
    background: var(--surface);
  }
  .messages--list .messages__list {
    border-radius: 0;
    background: none;
    box-shadow: none;
  }
  .messages--list .messages__row {
    gap: 16px;
    min-height: 84px;
    padding: 12px 18px;
    box-sizing: border-box;
  }
  .messages--list .messages__row[aria-current] {
    background: none;
    box-shadow: none;
  }
  .messages--list .messages__row .avatar {
    width: 60px;
    height: 60px;
    font-size: 20px;
  }
  .messages--list .messages__name {
    font-size: 17px;
    font-weight: 400;
  }
  .messages--list .messages__preview {
    font-size: 14.5px;
  }
  .messages--list .messages__meta {
    gap: 8px;
  }
  .messages--list .messages__unread {
    display: grid;
    place-items: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    box-sizing: border-box;
    border-radius: 999px;
    background: var(--color-nocturne-accent-800);
    color: var(--color-nocturne-accent-100);
    font-size: 11px;
  }
  .messages--thread .sidebar-layout__main {
    min-width: 0;
  }
  .messages--thread .chat-thread {
    min-height: calc(100dvh - 1px);
    border: 0;
    border-radius: 0;
  }
  .chat__back {
    display: grid;
    flex: none;
    place-items: center;
    width: 40px;
    height: 40px;
    margin-inline-start: -8px;
    color: var(--ink);
  }
  .chat__back .icon {
    width: 22px;
    height: 22px;
  }
}
.chat__thread > :first-child {
  margin-top: auto;
}
.provider-card a {
  position: relative;
  gap: 0;
  border: 1px solid var(--line);
  box-shadow: none;
}
.provider-card__body {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  gap: 3px;
  padding: 36px 8px 8px;
  background: linear-gradient(to top, rgb(0 0 0 / 78%), rgb(0 0 0 / 45%) 55%, transparent);
}
.provider-card__name {
  order: 3;
  color: var(--color-on-media);
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.3px;
}
.provider-card__age {
  color: color-mix(in srgb, var(--color-on-media) 85%, transparent);
  font-size: 13px;
  font-weight: 500;
}
.provider-card__meta {
  order: 1;
  font-size: 12px;
}
.provider-card__rate {
  color: var(--color-nocturne-accent-300);
}
.provider-card__location,
.provider-card__distance {
  color: var(--color-on-media);
}
.provider-card__categories {
  order: 2;
  color: color-mix(in srgb, var(--color-on-media) 70%, transparent);
  font-style: italic;
}
.provider-card__favourite {
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
}
.provider-card__favourite .icon {
  width: 16px;
  height: 16px;
}
.provider-card__favourite:not(.provider-card__favourite--saved) {
  background: rgb(0 0 0 / 50%);
}
.provider-grid {
  gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
}
.catalog__when .seg-opt[aria-current='page'] {
  background: var(--color-nocturne-accent-800);
  color: var(--color-nocturne-accent-100);
  box-shadow: none;
}
.catalog__favourites,
.catalog__filters > .search-field {
  border: 0;
  border-radius: var(--radius-md);
  background: var(--tint-neutral);
}
@media (max-width: 560px) {
  .provider-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 899.98px) {
  .catalog > .sidebar-layout {
    padding-inline: var(--space-sm);
  }
  .catalog__tabs {
    margin-inline: var(--space-xs);
  }
}
@media (min-width: 900px) {
  .feed .sidebar-layout__main {
    padding: 14px 16px 0;
    box-sizing: border-box;
  }
  .feed .feed__list {
    gap: 12px;
  }
  .feed .entry-row {
    min-height: 147px;
  }
  .feed .entry-row__media {
    width: 124px;
    height: 147px;
    border-radius: 12px;
  }
  .feed .entry-row__media-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .feed .entry-row__scrim {
    padding: 22px 10px 9px;
  }
  .feed .entry-row__name {
    font-size: 15px;
    font-weight: 700;
  }
  .feed .entry-row__message {
    border-radius: 12px;
    font-size: 14.5px;
  }
  .feed .feed__kind {
    border-radius: 999px;
  }
  .feed .feed__create {
    order: -1;
  }
}
.feed__like .icon {
  color: var(--color-like-flame);
}
.feed-side {
  display: none;
}
@media (min-width: 900px) {
  .feed .sidebar-layout__aside > .filters-head,
  .feed .sidebar-layout__aside > .feed__filters,
  .feed .sidebar-layout__aside > .feed__create {
    display: none;
  }
  .feed-side {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .feed-side__panel {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    color: inherit;
    text-decoration: none;
  }
  .feed-side__composer {
    gap: 10px;
    padding: 9px;
  }
  .feed-side__composer-row {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .feed-side__composer-avatar {
    flex: none;
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
  .feed-side__composer-hint {
    color: var(--ink-muted);
    font-size: 14px;
  }
  .feed-side__composer-action {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 32px;
    border-radius: var(--radius-md);
    background: var(--accent);
    color: var(--surface);
    font-size: 14px;
    font-weight: 500;
  }
  .feed-side__composer-action .icon {
    width: 16px;
    height: 16px;
  }
  .feed-side__title {
    display: flex;
    justify-content: space-between;
    color: var(--ink-muted);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
  }
  .feed-side__count {
    color: var(--accent);
  }
  .feed-side__label {
    margin-bottom: -4px;
    color: var(--ink);
    font-size: 12px;
  }
  .feed-side__panel .seg-opt {
    font-size: 12px;
  }
  .feed-side__panel .seg-opt:has(input:checked) {
    background: var(--tint-accent);
    color: var(--ink);
    box-shadow: none;
  }
  .feed-side__online {
    display: flex;
    align-items: center;
    gap: 12px;
    color: inherit;
    text-decoration: none;
  }
  .feed-side__online-avatar {
    position: relative;
    flex: none;
    width: 36px;
    height: 36px;
  }
  .feed-side__online-avatar .avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    font-size: 14px;
  }
  .feed-side__online-dot {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 10px;
    height: 10px;
    border: 2px solid var(--surface);
    border-radius: 50%;
    background: var(--color-presence-online);
  }
  .feed-side__online-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
  }
  .feed-side__online-name {
    overflow: hidden;
    font-size: 14px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .feed-side__online-city {
    color: var(--ink-muted);
    font-size: 11px;
  }
}
.feed-side__composer-avatar {
  background: var(--tint-accent);
  color: var(--accent);
}
.feed__list .feed__count--comments {
  display: none;
}
@media (min-width: 900px) {
  .page:has(.events-view) .events-page {
    grid-template-rows: auto minmax(0, 1fr) auto;
    row-gap: 14px;
  }
  .page:has(.events-view) .events-page .events-view__control {
    display: none;
  }
  .page:has(.events-view) .events-page .events-view__panel--map {
    display: flex;
    grid-column: 2;
    grid-row: 1 / -1;
  }
  .page:has(.events-view) .events-page .events-view__panel--list {
    display: block;
    grid-column: 1;
    grid-row: 2;
    min-height: 0;
    overflow-y: auto;
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    background: var(--surface);
  }
  .page:has(.events-view) .events-page .events-map-key {
    display: flex;
    grid-column: 1;
    grid-row: 3;
  }
  .page:has(.events-view) .events-page .events-head__action.button--primary {
    min-height: 44px;
    border-color: var(--accent);
    color: var(--accent);
  }
  .page:has(.events-view) .events-view__panel--list .events-row {
    gap: 10px;
    padding: 10px 12px;
  }
  .page:has(.events-view) .events-view__panel--list .events-row__cover {
    display: none;
  }
  .page:has(.events-view) .events-view__panel--list .events-row__title {
    font-size: 14px;
  }
  .page:has(.events-view) .events-view__panel--list .events-row__where,
  .page:has(.events-view) .events-view__panel--list .events-row__counts {
    font-size: 11.5px;
  }
  .page:has(.events-view) .events-view__panel--list .events-list__day {
    padding-inline: 12px;
  }
  .page:has(.events-view) .events-page .events-head {
    padding: 0;
  }
  .page:has(.events-view) .events-view__panel--list .events-list {
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
  }
}
.settings-layout__content > .settings,
.settings-layout__content > .settings--page {
  max-width: none;
}
@media (min-width: 900px) {
  .tour > .tour__dock {
    grid-row: 1 / span 12;
    align-self: start;
  }
  .pane-head + .tour {
    margin-top: 14px;
  }
}
.provider-card__body {
  color: var(--color-on-media);
}
@media (min-width: 900px) {
  .page:has(.events-view)
    .events-page
    .events-view:has(.events-view__control input[value='list']:checked)
    .events-view__panel--map {
    display: flex;
  }
  .page:has(.events-view)
    .events-page:has(.events-view__control input[value='list']:checked)
    .events-map-key {
    display: flex;
  }
}
.preferences-switch-card .preferences-row__hint {
  white-space: normal;
}
.empty-view__art--drawing {
  --drawing: none;
  background: var(--ink);
  -webkit-mask: var(--drawing) center / contain no-repeat;
  mask: var(--drawing) center / contain no-repeat;
}
.empty-view__art--empty_chats {
  --drawing: url('illustrations/empty_chats.svg');
}
.empty-view__art--empty_feed {
  --drawing: url('illustrations/empty_feed.svg');
}
.empty-view__art--empty_comments {
  --drawing: url('illustrations/empty_comments.svg');
}
.empty-view__art--empty_favourites {
  --drawing: url('illustrations/empty_favourites.svg');
}
.empty-view__art--empty_generic {
  --drawing: url('illustrations/empty_generic.svg');
}
.empty-view__art--empty_location {
  --drawing: url('illustrations/empty_location.svg');
}
.state-card__art {
  width: 72px;
  height: 72px;
  background: var(--ink-muted);
  -webkit-mask: url('illustrations/something_wrong.svg') center / contain no-repeat;
  mask: url('illustrations/something_wrong.svg') center / contain no-repeat;
}
.avatar--support {
  display: grid;
  place-items: center;
  background: var(--tint-accent);
}
.avatar__support {
  width: 68%;
  height: 68%;
  background: var(--accent);
  -webkit-mask: url('illustrations/support.svg') center / contain no-repeat;
  mask: url('illustrations/support.svg') center / contain no-repeat;
}