/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: 0.25rem;
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-semibold: 600;
    --leading-relaxed: 1.625;
    --radius-xl: 0.75rem;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .\!fixed {
    position: fixed !important;
  }
  .fixed {
    position: fixed;
  }
  .m-0 {
    margin: 0px;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .box-content {
    box-sizing: content-box;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .table {
    display: table;
  }
  .min-h-full {
    min-height: 100%;
  }
  .w-full {
    width: 100%;
  }
  .max-w-160 {
    max-width: calc(var(--spacing) * 160);
  }
  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .underline {
    text-decoration-line: underline;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }
}
:root {
  --abyss: #05201e;
  --deep: #082a27;
  --ink: #f2faf6;
  --mist: #bcd6cf;
  --aqua: #34c3a6;
  --spark: #ffb24a;
  --ember: #ff7a3d;
  --button-start: #34c3a6;
  --button-end: #249e8b;
  --button-ink: #04201d;
  --focus-ring: #ffb24a;
  --focus-edge: #05201e;
  --attribution-ink: #bcd6cf;
  --attribution-link: #34c3a6;
  --attribution-surface: #05201e;
  --map-sources-height: 40px;
  --color-spark: var(--spark);
  --color-ember: var(--ember);
  --font-sans: var(--font-inter), system-ui, sans-serif;
  --font-heading: var(--font-bricolage), system-ui, sans-serif;
  accent-color: var(--aqua);
  --danger: #fca5a5;
  --danger-line: #ef4444;
  --gold: #e8b964;
  --gold-ink: #f0d9a8;
  --rank-up: #7fe0c6;
  --rank-down: #f0a8a8;
  --why-ink: #cfe9e1;
  --surface-glass: #06201e;
  --surface-night: #041719;
  --map-ground: #010605;
  --map-cover: #020b0a;
  --board-hero-top: #0d4640;
  --map-pin-company: #2fd8f0;
  --map-own-ring: #fff4e8;
  --map-pin-muted: #6b7280;
  --map-heading-fallback: #e8e4dc;
  --spark-dot: #ffd08a;
  --gift-dot-t10: #c9793f;
  --gift-dot-t20: #c7d3ce;
  --gift-dot-t100: #dfe7f2;
  --gift-dot-t1000: #7fd8e0;
  --colour-teal: #34c3a6;
  --colour-amber: #ffb24a;
  --colour-ember: #ff7a3d;
  --colour-sky: #7fd8e0;
  --colour-rose: #f28ab2;
  --colour-lime: #b5e36b;
  --colour-violet: #b49cff;
  --colour-silver: #dfe7f2;
  --hero-ember: #ff8c3c;
  --motion-hover: #0a302c;
  --deep-shadow: #020e0d;
  --shadow-black: #000000;
  --teal-light: #2fd8f0;
  --teal-light-ink: #d9fbff;
  --company-light: #b49cff;
  --company-light-core: #ffffff;
  --company-light-ink: #efe8ff;
  --company-light-mid: #cbb8ff;
  --company-light-edge: #6b4fd8;
  --company-light-rays: #e2d8ff;
  --teal-warm: #ffc98a;
  --teal-off: #9aa9a6;
  --teal-near: #041816;
  --teal-panel: #0a302c;
  --teal-glow-warm: #ff9646;
  --member-bar-height: 96px;
  --panel: #0b332f;
  --dark-teal: #1f8c7c;
  --muted: #7ba299;
  --line: rgba(199,226,219,.13);
  --soft-line: rgba(199,226,219,.07);
  color-scheme: dark;
}
html {
  min-height: 100%;
  background-color: var(--abyss);
  background-image: radial-gradient(ellipse at top right,rgba(255,140,60,.16),transparent 60%),radial-gradient(ellipse at bottom left,rgba(52,195,166,.12),transparent 60%);
  background-attachment: fixed;
}
body {
  min-height: 100vh;
  background-color: transparent;
  font-size: 16px;
  line-height: 1.55;
}
h1,h2 {
  font-family: var(--font-bricolage),sans-serif;
}
h1 {
  font-weight: 800;
  font-size: clamp(30px,4.8vw,42px);
  line-height: 1.12;
  letter-spacing: -.02em;
  margin: 16px 0;
}
h2 {
  font-weight: 700;
  font-size: 20px;
}
p {
  margin: 14px 0;
  color: var(--mist);
}
a {
  color: var(--aqua);
}
button,.button {
  cursor: pointer;
  border-radius: 100px;
  background: linear-gradient(100deg in srgb,var(--button-start),var(--button-end));
  color: var(--button-ink);
  font-weight: 600;
  font-size: 15px;
  padding: 14px 22px;
  border: 1px solid transparent;
  transition: filter .2s,background .2s;
}
button:hover {
  filter: brightness(1.08);
}
button:disabled {
  opacity: .45;
  cursor: default;
}
form[aria-busy="true"] [data-press-active],button[aria-busy="true"][data-press-active] {
  opacity: .88;
  cursor: wait;
  filter: none;
}
form[aria-busy="true"] [data-press-active][aria-disabled="true"],button[aria-busy="true"][data-press-active][aria-disabled="true"] {
  pointer-events: none;
}
form[aria-busy="true"] [data-press-active]::after,button[aria-busy="true"][data-press-active]::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 10px;
  border: 2px solid var(--soft-line);
  border-top-color: var(--aqua);
  border-radius: 50%;
  vertical-align: -2px;
  animation: spin 1s linear infinite;
}
@media (prefers-reduced-motion:reduce) {
  form[aria-busy="true"] [data-press-active]::after,button[aria-busy="true"][data-press-active]::after {
    animation: none;
    border-top-color: var(--soft-line);
  }
}
.press-slow-hint {
  margin-top: 12px;
}
button.secondary {
  color: var(--aqua);
  border-color: rgba(52,195,166,.45);
  background: transparent;
}
.button.small,button.small {
  min-height: 36px;
  padding: 8px 14px;
  font-size: 13.5px;
}
.button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.flow-card form .button-row>button {
  width: auto;
  margin-top: 0;
}
input:not([type=checkbox],[type=radio],[type=hidden],[type=file],[type=submit],[type=button],[type=range],[type=color]),select,textarea {
  display: block;
  width: 100%;
  border-radius: 12px;
  background: rgba(8,42,39,.65);
  border: 1px solid var(--muted);
  padding: 14px 16px;
  color: var(--ink);
  margin: 8px 0 20px;
}
textarea {
  min-height: 100px;
}
input,select,textarea {
  font: 400 16px/1.5 var(--font-sans);
  letter-spacing: normal;
  text-transform: none;
}
select {
  -webkit-appearance: none;
  appearance: none;
  height: auto;
  min-height: 48px;
  padding-block: 11px;
  padding-right: 40px;
  line-height: 1.5;
  background-image: linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);
  background-position: calc(100% - 22px) calc(50% - 3px),calc(100% - 16px) calc(50% - 3px);
  background-size: 6px 6px;
  background-repeat: no-repeat;
}
input[type=file] {
  width: auto;
  max-width: 100%;
  padding: 0;
  margin: 8px 0 20px;
  border: 0;
  background: none;
  color: var(--mist);
  font-size: 14px;
}
input[type=file]::file-selector-button {
  margin-right: 12px;
  cursor: pointer;
  border-radius: 100px;
  color: var(--aqua);
  border: 1px solid rgba(52,195,166,.45);
  background: transparent;
  font-weight: 600;
  font-size: 15px;
  padding: 10px 18px;
  transition: filter .2s,background .2s;
}
input[type=file]::file-selector-button:hover {
  filter: brightness(1.08);
}
input[type=submit],input[type=button],input[type=reset] {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  border-radius: 100px;
  border: 1px solid transparent;
  padding: 14px 22px;
  background-color: var(--button-start);
  color: var(--button-ink);
  font-weight: 600;
}
input[type=checkbox],input[type=radio] {
  -webkit-appearance: none;
  appearance: none;
  display: inline-grid;
  place-content: center;
  flex: none;
  width: 20px;
  height: 20px;
  padding: 0;
  vertical-align: middle;
  border: 1.5px solid var(--muted);
  background-color: rgba(8,42,39,.65);
  color: var(--button-ink);
  cursor: pointer;
}
input[type=checkbox] {
  border-radius: 6px;
}
input[type=radio] {
  border-radius: 50%;
}
input[type=checkbox]:checked,input[type=radio]:checked {
  background-color: var(--aqua);
  border-color: var(--aqua);
}
input[type=checkbox]:checked::before {
  content: "";
  width: 10px;
  height: 6px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-1px) rotate(-45deg);
}
input[type=radio]:checked::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
}
option,optgroup {
  background-color: var(--deep);
  color: var(--ink);
}
optgroup {
  color: var(--mist);
  font-style: normal;
}
option:checked {
  background-color: var(--panel);
  color: var(--ink);
}
option:disabled {
  color: var(--muted);
}
input::placeholder,textarea::placeholder {
  color: var(--muted);
  opacity: 1;
}
input:disabled,select:disabled,textarea:disabled {
  cursor: not-allowed;
  opacity: .55;
  color: var(--mist);
  -webkit-text-fill-color: var(--mist);
  border-color: var(--line);
}
input:user-invalid,select:user-invalid,textarea:user-invalid {
  box-shadow: none;
}
input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true] {
  border-color: var(--danger-line);
}
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
input[type=search] {
  -webkit-appearance: none;
  appearance: none;
}
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  cursor: pointer;
  background: linear-gradient(45deg,transparent 43%,var(--muted) 43%,var(--muted) 57%,transparent 57%),linear-gradient(-45deg,transparent 43%,var(--muted) 43%,var(--muted) 57%,transparent 57%);
}
select,textarea,.country-picker ul {
  scrollbar-color: var(--muted) transparent;
}
dialog {
  background-color: var(--deep);
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: 20px;
}
dialog::backdrop {
  background-color: rgba(2,14,13,.72);
}
@supports (appearance:base-select) {
  select,::picker(select) {
    appearance: base-select;
  }
  select::picker-icon {
    display: none;
  }
  ::picker(select) {
    margin-block: 6px;
    padding: 6px;
    border: 1px solid var(--aqua);
    border-radius: 12px;
    background-color: var(--deep);
    color: var(--ink);
    box-shadow: 0 12px 40px var(--attribution-surface);
    scrollbar-color: var(--muted) transparent;
  }
  option {
    gap: 10px;
    padding: 11px 14px;
    border-radius: 8px;
    background-color: var(--deep);
    color: var(--ink);
    cursor: pointer;
  }
  option:hover {
    background-color: var(--panel);
  }
  option:focus-visible {
    background-color: var(--panel);
    outline: 2px solid var(--focus-ring) !important;
    outline-offset: -2px !important;
    box-shadow: none !important;
  }
  option:checked {
    background-color: var(--panel);
    font-weight: 600;
  }
  option:disabled {
    color: var(--muted);
    cursor: not-allowed;
  }
  option::checkmark {
    color: var(--aqua);
  }
  optgroup {
    background-color: var(--deep);
    color: var(--mist);
  }
}
input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  filter: invert(62%) sepia(48%) saturate(497%) hue-rotate(118deg) brightness(92%) contrast(88%);
}
:where(p,li,dd,td) a {
  overflow-wrap: anywhere;
}
input:focus,select:focus,textarea:focus {
  outline: none;
  border-color: var(--aqua);
  box-shadow: 0 0 0 2px var(--focus-ring);
}
input:autofill,select:autofill,textarea:autofill {
  -webkit-text-fill-color: var(--ink);
  caret-color: var(--ink);
  box-shadow: inset 0 0 0 100vmax var(--deep);
  filter: none;
}
input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill {
  -webkit-text-fill-color: var(--ink);
  caret-color: var(--ink);
  box-shadow: inset 0 0 0 100vmax var(--deep);
}
input:autofill:focus,select:autofill:focus,textarea:autofill:focus {
  box-shadow: inset 0 0 0 100vmax var(--deep),0 0 0 2px var(--focus-ring);
}
input:autofill:focus-visible,select:autofill:focus-visible,textarea:autofill:focus-visible {
  box-shadow: inset 0 0 0 100vmax var(--deep),0 0 0 6px var(--focus-edge) !important;
}
label:not(.check-row label) {
  display: block;
}
label,.eyebrow,.back-link {
  font-family: var(--font-mono),monospace;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 11.5px;
  color: var(--muted);
}
.eyebrow,.back-link {
  font-size: 12.5px;
  color: var(--aqua);
}
.flow-column {
  width: 100%;
  max-width: 640px;
  margin: auto;
  padding: 34px 24px 50px;
}
.flow-card {
  margin-top: 24px;
  border-radius: 20px;
  padding: 32px 28px 28px;
  background: rgba(11,51,47,.4);
  border: 1px solid rgba(52,195,166,.35);
  box-shadow: 0 0 40px rgba(52,195,166,.07);
}
.flow-card header,.verification {
  text-align: center;
}
.flow-card form>button,.verification button {
  width: 100%;
  margin-top: 16px;
}
.required,.minimum {
  color: var(--spark);
}
.field-label {
  margin: 4px 0 0;
  font-family: var(--font-mono),monospace;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 11.5px;
  color: var(--muted);
}
.readonly-country {
  margin: 6px 0 0;
  color: var(--ink);
}
.consent {
  min-width: 0;
  padding: 20px;
  border-radius: 16px;
  border: 1px solid var(--line);
  margin: 24px 0 20px;
}
.consent legend {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0 0 6px;
  font-family: var(--font-bricolage),sans-serif;
  font-size: 17px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: normal;
  color: var(--ink);
}
.consent legend+* {
  clear: both;
}
.check-row {
  display: grid;
  grid-template-columns: 20px minmax(0,1fr);
  column-gap: 12px;
  align-items: start;
  margin: 14px 0;
}
.check-row input[type=checkbox],.check-row input[type=radio] {
  width: 20px;
  height: 20px;
  margin: 2px 0 0;
  cursor: pointer;
}
.check-row label {
  grid-column: 2;
  text-transform: none;
  font: inherit;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--ink);
  cursor: pointer;
}
.check-row small,.check-row [role=alert] {
  grid-column: 2;
  margin: 4px 0 0;
}
.check-row small {
  color: var(--mist);
  font-size: 14px;
  line-height: 1.45;
}
.check-note {
  margin: -6px 0 14px 34px;
  font-size: 14.5px;
}
[role=alert] {
  color: var(--danger);
  background: rgba(239,68,68,.08);
  border-radius: 12px;
  padding: 12px;
}
.gift-page {
  max-width: 760px;
}
.gift-page h1 {
  font-size: clamp(34px,5.4vw,50px);
}
.explanation {
  font-size: 15.5px;
}
.introduced {
  color: var(--aqua);
  font-size: 14px;
}
.country-picker {
  position: relative;
  margin-top: 30px;
}
.country-picker input {
  height: 48px;
}
.country-picker ul {
  position: absolute;
  top: 77px;
  left: 0;
  right: 0;
  z-index: 10;
  max-height: 320px;
  overflow: auto;
  background: var(--deep);
  border: 1px solid var(--aqua);
  border-radius: 12px;
  box-shadow: 0 12px 40px var(--attribution-surface);
}
.country-picker li {
  padding: 14px 22px;
  cursor: pointer;
  color: var(--ink);
}
.country-picker li:hover,.country-picker li[aria-selected=true] {
  background: var(--panel);
  outline: 2px solid var(--focus-ring);
  outline-offset: -2px;
}
.country-picker li.muted {
  color: var(--muted);
}
.country-picker li.muted:hover,.country-picker li.muted[aria-selected=true] {
  color: var(--ink);
}
.country-picker li.current {
  color: var(--ink);
  font-weight: 600;
  box-shadow: inset 3px 0 0 var(--aqua);
}
.region-picker option.muted {
  color: var(--muted);
}
.gift-options {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 28px;
}
.gift-card {
  border-radius: 20px;
  padding: 26px;
  background: rgba(11,51,47,.4);
  border: 1px solid var(--soft-line);
  transition: opacity .2s,box-shadow .2s,border-color .2s;
}
button.gift-card.available {
  width: 100%;
  border-color: transparent;
  background: linear-gradient(100deg in srgb,var(--button-start),var(--button-end));
  color: var(--button-ink);
  font-weight: 600;
  font-size: 15px;
}
button.gift-card.available:focus-visible {
  outline: 2px solid var(--spark);
  outline-offset: 4px;
}
.gift-card p {
  font-size: 14.5px;
}
.gift-card button {
  width: 100%;
}
.gift-tonnes {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 0;
}
.gift-number {
  font-size: clamp(40px,7vw,56px);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -.02em;
}
.gift-tonnes small {
  display: block;
  margin-top: 5px;
  font: 400 12px var(--font-mono),monospace;
  color: var(--muted);
}
.gift-dot {
  flex: 0 0 9px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--colour-amber);
}
.t10 .gift-dot {
  background: var(--gift-dot-t10);
}
.t20 .gift-dot {
  background: var(--gift-dot-t20);
}
.t100 .gift-dot {
  background: var(--colour-silver);
}
.t1000 .gift-dot {
  background: var(--colour-sky);
}
.t20 {
  border-color: rgba(52,195,166,.55);
  box-shadow: 0 0 28px rgba(52,195,166,.1);
}
@media (hover:hover) {
  .gift-card:hover {
    border-color: var(--aqua);
    box-shadow: 0 0 0 2px rgba(52,195,166,.13),0 0 32px rgba(52,195,166,.12);
  }
  .gift-card.available:hover button {
    background: linear-gradient(100deg in srgb,var(--button-start),var(--button-end));
    color: var(--button-ink);
  }
  .gift-options:has(.gift-card:hover) .t20:not(:hover) {
    border-color: var(--soft-line);
    box-shadow: none;
  }
  .gift-options:has(.gift-card.available:hover) .t20.available:not(:hover) button {
    color: var(--aqua);
    border-color: rgba(52,195,166,.45);
    background: transparent;
  }
}
.gift-card.available:focus-within {
  border-color: var(--aqua);
  box-shadow: 0 0 0 2px rgba(52,195,166,.13),0 0 32px rgba(52,195,166,.12);
}
.gift-options:has(.gift-card:focus-within) .t20:not(:focus-within) {
  border-color: var(--soft-line);
  box-shadow: none;
}
.gift-options:has(.gift-card.available:focus-within) .t20.available:not(:focus-within) button {
  color: var(--aqua);
  border-color: rgba(52,195,166,.45);
  background: transparent;
}
.custom-amount {
  display: flex;
  align-items: center;
  gap: 14px;
}
.custom-amount input {
  border: 0 !important;
  border-bottom: 1px solid var(--aqua) !important;
  border-radius: 0 !important;
  font: 800 26px var(--font-bricolage),sans-serif;
  background: none !important;
}
.more-gifts summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px;
  border: 1px dashed var(--line);
  border-radius: 12px;
  color: var(--aqua);
  cursor: pointer;
  list-style: none;
}
.more-gifts summary::-webkit-details-marker {
  display: none;
}
.more-gifts summary:focus-visible,.no-gift:focus-visible {
  outline: 2px solid var(--spark);
  outline-offset: 4px;
}
.more-gifts .fewer-label,.more-gifts[open] .more-label {
  display: none;
}
.more-gifts[open] .fewer-label {
  display: inline;
}
.gift-chevron {
  width: 7px;
  height: 7px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg);
  transition: transform .2s;
}
.more-gifts[open] .gift-chevron {
  transform: rotate(225deg);
}
.more-gift-options {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-top: 20px;
}
.more-gifts::details-content {
  opacity: 0;
  transition: opacity .2s,content-visibility .2s allow-discrete;
}
.more-gifts[open]::details-content {
  opacity: 1;
}
@media (prefers-reduced-motion:reduce) {
  .more-gifts::details-content {
    transition: none;
  }
}
.no-gift {
  align-self: center;
  font-size: 13px;
  color: var(--muted);
  margin-top: 8px;
}
.gift-footnote {
  font-size: 13px;
}
.offset-disclaimer {
  font-size: 13px;
  margin-top: 0.35rem;
}
.verification #code {
  font: 600 26px var(--font-mono),monospace;
  letter-spacing: .28em;
  text-align: center;
}
.spinner {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid var(--soft-line);
  border-top-color: var(--aqua);
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 10px;
  animation: spin 1s linear infinite;
}
.introduction-code {
  font-family: var(--font-mono),monospace;
  letter-spacing: .2em;
  color: var(--aqua);
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    transition: none !important;
    animation: none !important;
  }
}
.flow-column.wide {
  max-width: 760px;
}
.hint {
  font-size: 13.5px;
  color: var(--muted);
  margin: 6px 0;
}
.person-actions {
  margin: 8px 0 0;
}
.connect-details {
  margin: 0 0 10px;
}
.connect-details summary {
  width: max-content;
  cursor: pointer;
  color: var(--aqua);
  font-size: 14px;
}
.connect-details summary:focus-visible {
  outline: 2px solid var(--spark);
  outline-offset: 4px;
}
.connect-details label {
  margin-top: 10px;
  font-size: 14px;
}
.connect-details textarea {
  min-height: 72px;
  margin: 6px 0 2px;
}
.connect-details .hint {
  text-align: right;
}
.connect-status {
  color: var(--ink);
}
.sort-direction {
  width: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 14.5px;
}
.custom-radius[hidden] {
  display: none;
}
.notice {
  color: var(--aqua);
}
a.button {
  display: inline-block;
  text-decoration: none;
}
.flow-column.wide .flow-card {
  max-width: 1000px;
  margin-inline: auto;
}
.flow-column:has(.board-page) {
  max-width: 1180px;
}
.flow-column:has(.board-page) .flow-card {
  max-width: none;
  margin-top: 12px;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
}
@media (max-width:640px) {
  .flow-column:has(.board-page) {
    padding: 22px 16px 40px;
  }
}
.board-page {
  margin-top: 8px;
}
.flow-card .board-page section {
  margin-top: 0;
}
.board-page p {
  margin: 0;
}
.flow-card .board-hero {
  padding: 6px 0 0;
  text-align: left;
}
.board-crumbs {
  font-size: 14px;
  color: var(--muted);
  margin: 0 0 2px !important;
}
.board-crumbs a {
  color: var(--mist);
  text-decoration: none;
}
.board-hero h1 {
  font-size: clamp(38px,7vw,56px);
  line-height: 1.05;
  margin: 4px 0 0;
  overflow-wrap: anywhere;
}
.board-kpis {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,max-content));
  gap: 10px 28px;
  margin: 18px 0 0;
  padding: 0;
}
.board-kpis div {
  margin: 0;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
}
.board-kpis dt {
  font-size: 14px;
  line-height: 1.3;
  color: var(--mist);
  margin: 4px 0 0;
}
.board-kpis dd {
  font: 800 30px/1.05 var(--font-bricolage),sans-serif;
  margin: 0;
  color: var(--ink);
}
.board-rankline {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  align-items: center;
  max-width: 100%;
  font-size: 14px;
  line-height: 1.45;
  margin: 16px 0 0 !important;
  padding: 8px 14px;
  border-radius: 100px;
  background: rgba(52,195,166,.09);
  border: 1px solid rgba(52,195,166,.28);
  color: var(--mist);
}
.board-rank-up {
  color: var(--rank-up);
  font-weight: 600;
}
.board-rank-down {
  color: var(--rank-down);
  font-weight: 600;
}
.board-purpose {
  margin: 18px 0 0 !important;
  font-size: 16.5px;
  line-height: 1.55;
  color: var(--mist);
  max-width: 640px;
}
.board-tabs {
  display: flex;
  gap: 6px;
  margin: 22px 0 0;
  padding: 5px;
  border-radius: 100px;
  background: var(--surface-night);
  border: 1px solid var(--soft-line);
  overflow-x: auto;
  scrollbar-width: none;
}
.board-tabs a {
  flex: 1 0 auto;
  text-align: center;
  padding: 9px 14px;
  border-radius: 100px;
  color: var(--mist);
  font-weight: 600;
  font-size: 14.5px;
  white-space: nowrap;
  text-decoration: none;
}
.board-tabs a small {
  font-weight: 500;
  font-size: 12.5px;
  color: var(--muted);
  margin-left: 5px;
}
.board-tabs a.is-on {
  background: var(--panel);
  color: var(--ink);
  box-shadow: inset 0 0 0 1px rgba(52,195,166,.35);
}
.board-tabs a.is-on small {
  color: var(--aqua);
}
.board-tab-phone {
  display: none;
}
.board-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 28px;
  margin-top: 22px;
}
.board-main {
  min-width: 0;
}
.board-panel {
  padding: 0;
}
.board-lens {
  display: inline-flex;
  flex-wrap: wrap;
  padding: 4px;
  border-radius: 100px;
  border: 1px solid var(--line);
  margin-bottom: 14px;
}
.board-lens a {
  padding: 7px 16px;
  border-radius: 100px;
  color: var(--mist);
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
}
.board-lens a.is-on {
  background: rgba(52,195,166,.16);
  color: var(--ink);
}
.board-cards {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid var(--soft-line);
}
.board-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 2px;
  border-bottom: 1px solid var(--soft-line);
}
.board-light {
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font: 700 14px var(--font-bricolage),sans-serif;
  color: var(--button-ink);
  background: radial-gradient(circle at 50% 45%,var(--teal-light-ink) 0,var(--teal-light) 55%,var(--map-pin-company) 100%);
  box-shadow: 0 0 0 3px rgba(47,216,240,calc(var(--o,.5)*.25)),0 0 calc(22px*var(--o,.5)) calc(4px*var(--o,.5)) rgba(47,216,240,calc(var(--o,.5)*.6));
  opacity: calc(.45 + var(--o,.5)*.55);
}
.board-card-name {
  flex: 1;
  min-width: 0;
  font-weight: 600;
  font-size: 16.5px;
  line-height: 1.3;
  color: var(--ink);
  overflow-wrap: anywhere;
}
.board-card-name .colour-dot {
  margin-right: 7px;
  vertical-align: 1px;
}
.board-card-name small {
  display: block;
  color: var(--muted);
  font-size: 14px;
  font-weight: 400;
  margin-top: 2px;
}
.board-card-fig {
  flex: none;
  text-align: right;
  white-space: nowrap;
  font: 700 19px var(--font-bricolage),sans-serif;
  color: var(--ink);
}
.board-card-fig small {
  display: block;
  font: 500 12.5px var(--font-inter),sans-serif;
  color: var(--muted);
}
.board-card-fig--none {
  min-width: 24px;
}
.board-card-quiet {
  flex: none;
  font-size: 14px;
  color: var(--muted);
  font-style: italic;
  text-align: right;
}
.board-card.is-mine {
  background: rgba(232,185,100,.07);
  border-radius: 14px;
  border: 1px solid rgba(232,185,100,.5);
  padding-left: 12px;
  padding-right: 12px;
}
.board-you {
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  color: var(--abyss);
  background: var(--gold);
  padding: 2px 8px;
  border-radius: 100px;
  margin-left: 6px;
  vertical-align: 2px;
}
.board-here {
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  color: var(--button-ink);
  background: var(--aqua);
  padding: 2px 8px;
  border-radius: 100px;
  margin-left: 8px;
  vertical-align: 2px;
}
.board-card--company {
  padding: 0;
  align-items: stretch;
}
.board-co {
  flex: 1;
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto auto;
  align-items: center;
  column-gap: 12px;
  padding: 14px 2px;
  color: inherit;
  text-decoration: none;
}
.board-co:hover .board-co-name,.board-co:focus-visible .board-co-name {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.board-co-name {
  color: var(--aqua);
  font-weight: 650;
}
.board-logo {
  flex: none;
  width: 46px;
  height: 46px;
  border-radius: 12px;
  box-sizing: border-box;
  align-self: start;
  margin-top: 2px;
}
img.board-logo {
  object-fit: contain;
  padding: 5px;
}
.board-initials {
  display: grid;
  place-items: center;
  background: linear-gradient(160deg,var(--board-hero-top),var(--panel));
  border: 1px solid rgba(52,195,166,.35);
  color: var(--aqua);
  font: 700 16.5px var(--font-bricolage),sans-serif;
  letter-spacing: .02em;
}
.board-chev {
  color: var(--muted);
  font-size: 20px;
  line-height: 1;
}
.board-badges {
  grid-column: 2 / 5;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.board-founding,.board-pioneer {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  font-size: 12.5px;
  line-height: 1;
  color: var(--gold-ink);
  padding: 5px 9px;
  border-radius: 100px;
  border: 1px solid rgba(232,185,100,.45);
  background: rgba(232,185,100,.08);
}
.board-pioneer {
  color: var(--mist);
  border-color: var(--line);
  background: transparent;
}
.board-founding i,.board-pioneer i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex: none;
  background: var(--gold);
  box-shadow: 0 0 8px rgba(232,185,100,.8);
}
.board-pioneer i {
  background: var(--aqua);
  box-shadow: 0 0 8px rgba(52,195,166,.7);
}
.board-menu {
  position: relative;
  flex: none;
  align-self: center;
}
.board-menu summary {
  list-style: none;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid var(--line);
  color: var(--muted);
  display: grid;
  place-items: center;
  font-weight: 700;
  cursor: pointer;
}
.board-menu summary::-webkit-details-marker {
  display: none;
}
.board-menu[open] summary {
  color: var(--ink);
  border-color: rgba(52,195,166,.5);
}
.board-menu-panel {
  position: absolute;
  right: 0;
  top: 40px;
  z-index: 5;
  width: min(300px,calc(100vw - 48px));
  padding: 12px 14px;
  border-radius: 12px;
  background: var(--motion-hover);
  border: 1px solid var(--line);
  box-shadow: 0 12px 30px rgba(0,0,0,.45);
}
.board-menu-title {
  font-weight: 600;
  color: var(--ink);
  margin: 0 0 4px !important;
}
.board-menu-panel .report-form {
  margin: 0;
}
.board-menu-panel select,.board-menu-panel textarea {
  margin: 6px 0 12px;
}
.board-more {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  font-size: 14px;
  color: var(--muted);
  gap: 10px;
  flex-wrap: wrap;
}
.board-mine {
  margin-top: 10px !important;
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px dashed rgba(232,185,100,.5);
  color: var(--gold-ink);
  font-size: 14px;
}
.board-account-link {
  margin-top: 10px !important;
  font-size: 14px;
}
.board-account-link a {
  color: var(--aqua);
}
#mine {
  scroll-margin-top: 96px;
}
.board-estimate {
  margin-top: 18px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--muted);
}
.board-estimate p {
  color: var(--muted);
}
.board-cards--places .board-card {
  flex-wrap: wrap;
  row-gap: 6px;
}
.board-bar {
  flex-basis: 100%;
  height: 6px;
  margin-left: 46px;
  border-radius: 9px;
  background: rgba(199,226,219,.08);
  overflow: hidden;
}
.board-bar i {
  display: block;
  height: 100%;
  background: linear-gradient(90deg,var(--dark-teal),var(--aqua));
}
.board-card--here {
  background: rgba(52,195,166,.06);
  border-radius: 14px;
  border: 1px solid rgba(52,195,166,.35);
  padding-left: 12px;
  padding-right: 12px;
}
.board-opening {
  padding: 22px 18px;
  border-radius: 20px;
  background: var(--panel);
  border: 1px solid rgba(52,195,166,.3);
  margin: 0 0 18px !important;
}
.board-opening h2 {
  font-size: 24px;
  line-height: 1.25;
  margin: 0;
}
.board-dots {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0 6px !important;
}
.board-dots i {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid rgba(47,216,240,.35);
  box-sizing: border-box;
}
.board-dots i.is-on {
  border: 0;
  background: radial-gradient(circle,var(--teal-light-ink) 0,var(--teal-light) 60%);
  box-shadow: 0 0 12px 2px rgba(47,216,240,.55);
}
.board-opening-line {
  color: var(--mist);
  margin-bottom: 14px !important;
}
.board-plaque {
  padding: 22px 18px;
  border-radius: 20px;
  border: 1px solid rgba(232,185,100,.4);
  background: linear-gradient(180deg,rgba(232,185,100,.09),rgba(52,195,166,.03));
}
.board-plaque h2 {
  font-size: 26px;
  line-height: 1.2;
  margin: 0;
}
.board-plaque-tag {
  color: var(--gold-ink);
  font-style: italic;
  margin-top: 4px !important;
}
.board-room {
  margin: 14px 0 4px !important;
  font-size: 14px;
  color: var(--mist);
}
.board-roombar {
  height: 6px;
  border-radius: 9px;
  background: rgba(232,185,100,.15);
  overflow: hidden;
}
.board-roombar i {
  display: block;
  height: 100%;
  background: linear-gradient(90deg,var(--gift-dot-t10),var(--gold));
}
.board-plaque-sec {
  font: 600 14px var(--font-inter),sans-serif;
  color: var(--gold-ink);
  margin: 22px 0 10px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.board-plaque-sec span {
  font-weight: 500;
  color: var(--muted);
}
.board-chips {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.board-chips li>span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  border-radius: 100px;
  background: rgba(4,24,22,.65);
  border: 1px solid var(--soft-line);
  font-weight: 500;
  font-size: 15px;
  color: var(--ink);
  overflow-wrap: anywhere;
}
.board-chips li>span::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex: none;
  background: var(--gold);
  box-shadow: 0 0 8px rgba(232,185,100,.85);
}
.board-chips li>span.is-mine {
  border-color: rgba(232,185,100,.7);
  color: var(--gold-ink);
}
.board-cards--roll {
  border-top: 0;
}
.board-cards--roll .board-card {
  border-bottom-color: rgba(232,185,100,.14);
}
.board-plaque-rule {
  font-size: 13.5px;
  color: var(--muted);
  margin-top: 10px !important;
}
.board-side {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.board-side-card {
  padding: 20px;
  border-radius: 18px;
  background: var(--panel);
  border: 1px solid var(--soft-line);
}
.board-side-card--teal {
  background: linear-gradient(160deg,rgba(52,195,166,.12),rgba(10,48,44,.9));
}
.board-side-title {
  font: 700 20px/1.25 var(--font-bricolage),sans-serif;
  color: var(--ink);
  margin: 0 0 6px !important;
}
.board-side-card p:not(.board-side-title) {
  color: var(--mist);
  font-size: 15px;
  margin: 0 0 14px;
}
.board-side-link {
  font-weight: 600;
  color: var(--aqua);
  text-decoration: none;
}
.button.board-teal {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 22px;
  font-size: 16px;
  font-weight: 700;
}
.button.board-line {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 22px;
  font-weight: 700;
  background: transparent;
  color: var(--ink);
  border: 1.5px solid rgba(52,195,166,.5);
}
.button.board-small {
  padding: 8px 14px;
  font-size: 13.5px;
}
.board-foot {
  font-size: 14px;
  color: var(--muted);
  margin: 0 4px !important;
}
.board-foot a {
  color: var(--aqua);
}
.flow-column:has(.boards-hub) {
  max-width: 1180px;
}
.flow-column:has(.boards-hub) .flow-card {
  max-width: none;
  margin-top: 12px;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
}
@media (max-width:640px) {
  .flow-column:has(.boards-hub) {
    padding: 22px 16px 40px;
  }
}
.boards-hub {
  max-width: 760px;
}
.flow-card .boards-hub-head {
  text-align: left;
}
.boards-hub h1 {
  font-size: clamp(38px,7vw,56px);
  line-height: 1.05;
  margin: 10px 0 0;
}
.boards-hub .board-purpose {
  margin: 14px 0 0;
}
.boards-hub-label {
  font: 600 14px var(--font-inter),sans-serif;
  color: var(--mist);
  margin: 26px 0 10px;
}
.boards-find {
  margin-top: 22px;
}
.boards-find label {
  display: block;
  font: 600 15px var(--font-inter),sans-serif;
  text-transform: none;
  letter-spacing: 0;
  color: var(--ink);
}
.boards-find-row {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 8px;
}
.boards-find-row input {
  flex: 1;
  min-width: 0;
  margin: 0;
  border-radius: 100px;
  border: 1.5px solid rgba(52,195,166,.45);
  background: var(--surface-night);
  padding: 13px 18px;
}
.flow-card .boards-find-row button {
  width: auto;
  margin: 0;
  flex: none;
}
.boards-none {
  margin: 14px 0 0;
  font-size: 15px;
  color: var(--mist);
}
.boards-rows {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--soft-line);
}
.boards-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 2px;
  border-bottom: 1px solid var(--soft-line);
  color: inherit;
  text-decoration: none;
}
.boards-row:hover .boards-row-name,.boards-row:focus-visible .boards-row-name {
  color: var(--aqua);
}
.boards-row-light {
  flex: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: radial-gradient(circle,var(--teal-light-ink) 0,var(--teal-light) 60%);
  box-shadow: 0 0 10px 2px rgba(47,216,240,.45);
}
.boards-row-name {
  flex: 1;
  min-width: 0;
  font-weight: 600;
  font-size: 16.5px;
  color: var(--ink);
  overflow-wrap: anywhere;
}
.boards-row-name small {
  display: block;
  font-weight: 400;
  font-size: 14px;
  color: var(--muted);
  margin-top: 2px;
}
.boards-own-places .pill-tabs .pill-tab {
  font: 600 14px var(--font-inter),sans-serif;
  text-transform: none;
  letter-spacing: 0;
}
.boards-cards {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
  gap: 14px;
}
.boards-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: 100%;
  box-sizing: border-box;
  padding: 20px;
  border-radius: 18px;
  background: linear-gradient(160deg,rgba(52,195,166,.12),rgba(10,48,44,.9));
  border: 1px solid var(--soft-line);
  color: inherit;
  text-decoration: none;
}
.boards-card:hover,.boards-card:focus-visible {
  border-color: rgba(52,195,166,.5);
}
.boards-card-name {
  font: 700 22px/1.2 var(--font-bricolage),sans-serif;
  color: var(--ink);
  overflow-wrap: anywhere;
}
.boards-card-line {
  font-size: 14.5px;
  color: var(--mist);
}
.boards-card-figures {
  font-size: 14px;
  color: var(--muted);
}
.boards-card-open {
  margin-top: 10px;
  font-weight: 600;
  color: var(--aqua);
}
.boards-hub .board-foot {
  margin: 26px 0 0 !important;
}
.board-preview {
  margin: 16px 0 18px;
  padding: 16px;
  border-radius: 16px;
  border: 1px dashed rgba(232,185,100,.5);
  background: rgba(232,185,100,.05);
}
.board-preview-label {
  font-size: 13.5px;
  color: var(--muted);
  margin: 0 0 10px;
}
.board-preview .board-chips li>span.is-new {
  border-color: rgba(232,185,100,.7);
  color: var(--gold-ink);
}
@media (max-width:899px) {
  .board-tabs a {
    padding: 9px 10px;
    font-size: 14px;
  }
  .board-tab-desk {
    display: none;
  }
  .board-tab-phone {
    display: inline;
  }
  .board-kpis {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 10px;
  }
  .board-kpis dd {
    font-size: 26px;
  }
  .board-kpis dt {
    font-size: 13px;
  }
  .board-card-quiet {
    max-width: 84px;
  }
}
@media (min-width:900px) {
  .board-grid {
    grid-template-columns: minmax(0,1fr) 320px;
  }
}
.flow-card section {
  margin-top: 34px;
}
.flow-card section h2 {
  margin: 0 0 12px;
}
fieldset {
  border: 0;
  padding: 0;
  margin: 18px 0;
  min-width: 0;
}
legend {
  font-family: var(--font-mono),monospace;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 11.5px;
  color: var(--muted);
  margin-bottom: 8px;
}
.colours {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.colour-choice {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border: 1px solid var(--line);
  border-radius: 100px;
  cursor: pointer;
  text-transform: none;
  letter-spacing: normal;
  font: 14px var(--font-inter),sans-serif;
  color: var(--ink);
  transition: border-color .2s,box-shadow .2s;
}
.colour-choice input {
  position: absolute;
  inset: 0;
  opacity: 0;
  margin: 0;
  cursor: pointer;
}
.colour-choice:has(input:checked) {
  border-color: var(--aqua);
  box-shadow: 0 0 0 2px rgba(52,195,166,.2);
}
.colour-choice:has(input:focus-visible) {
  box-shadow: 0 0 0 2px var(--focus-ring);
}
.colour-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  border-radius: 50%;
  background: var(--c,var(--colour-teal));
}
.colour-teal {
  --c: var(--colour-teal);
}
.colour-amber {
  --c: var(--colour-amber);
}
.colour-ember {
  --c: var(--colour-ember);
}
.colour-sky {
  --c: var(--colour-sky);
}
.colour-rose {
  --c: var(--colour-rose);
}
.colour-lime {
  --c: var(--colour-lime);
}
.colour-violet {
  --c: var(--colour-violet);
}
.colour-silver {
  --c: var(--colour-silver);
}
.member-name {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--ink);
  font-weight: 600;
  overflow-wrap: anywhere;
}
.group-list,.member-list,.removed-list,.invitation-list,.queue,.messages,.pinned ol {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.group-list li,.member-list li,.removed-list li,.invitation-list li,.queue-item {
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(8,42,39,.5);
  border: 1px solid var(--soft-line);
}
.group-list li>a {
  font: 700 18px var(--font-bricolage),sans-serif;
  color: var(--ink);
  text-decoration: none;
  overflow-wrap: anywhere;
}
.group-list li>a:hover {
  color: var(--aqua);
}
.group-list li p {
  margin: 6px 0;
  font-size: 14.5px;
  overflow-wrap: anywhere;
}
.group-logo {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  margin: 0 0 12px;
  border-radius: 18px;
  border: 1px solid var(--soft-line);
  background: rgba(8,42,39,.6);
  overflow: hidden;
}
.group-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 6px;
  box-sizing: border-box;
}
.group-logo-mark {
  font: 700 30px/1 var(--font-bricolage),sans-serif;
  color: var(--aqua);
}
.group-logo--small {
  float: left;
  width: 44px;
  height: 44px;
  margin: 2px 12px 4px 0;
  border-radius: 12px;
}
.group-logo--small img {
  padding: 3px;
}
.group-logo--small .group-logo-mark {
  font-size: 19px;
}
.group-list li.group-card {
  display: flow-root;
}
.group-logo-settings .stacked {
  margin-top: 4px;
}
.group-list li>span {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  color: var(--muted);
}
.group-list li>span.known-people {
  color: var(--aqua);
}
.upcoming-calls li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
}
.upcoming-calls li>span {
  flex: 1 1 100%;
  order: 2;
}
.upcoming-calls li>.button {
  order: 3;
  margin-left: auto;
  padding: 8px 16px;
  font-size: 13.5px;
}
.upcoming-more>summary {
  cursor: pointer;
  color: var(--aqua);
  margin: 10px 0;
  min-height: 24px;
}
.description {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.group-company-line {
  margin: 18px 0 6px;
  color: var(--mist);
  max-width: 62ch;
}
.group-company-section h2 {
  margin: 26px 0 4px;
  font-size: 18px;
}
.group-company-people {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.group-company-people li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 100px;
  border: 1px solid var(--soft-line);
  background: rgba(8,42,39,.5);
}
.group-stats {
  display: flex;
  gap: 12px;
  margin: 20px 0;
}
.group-stats div {
  flex: 1;
  padding: 16px 18px;
  border-radius: 16px;
  border: 1px solid var(--soft-line);
  background: rgba(8,42,39,.5);
}
.group-stats strong {
  display: block;
  font: 800 28px var(--font-bricolage),sans-serif;
  color: var(--ink);
}
.group-stats span {
  display: block;
  font: 11px var(--font-mono),monospace;
  text-transform: uppercase;
  letter-spacing: .1em;
  line-height: 1.35;
  color: var(--muted);
}
.group-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  align-items: center;
  font-size: 14px;
}
.messages {
  margin: 16px 0;
}
.chat-tabs {
  display: inline-flex;
  gap: 4px;
  margin: 18px 0 0;
  padding: 4px;
  border-radius: 999px;
  border: 1px solid var(--soft-line);
  background: rgba(8,42,39,.5);
}
.chat-tabs[hidden] {
  display: none;
}
.chat-tab {
  position: relative;
  width: auto;
  margin: 0;
  padding: 8px 18px;
  border-radius: 999px;
  border: 0;
  background: transparent;
  color: var(--mist);
  font-size: 14px;
  font-weight: 600;
}
.chat-tab[aria-selected=true] {
  background: linear-gradient(135deg,var(--button-start),var(--button-end));
  color: var(--button-ink);
}
.chat-tab-dot {
  position: absolute;
  top: 6px;
  right: 8px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--spark);
}
.admin-chat-note {
  margin: 8px 0 0;
}
.group-audio {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.group-audio form,.flow-card .group-audio form.inline {
  margin: 0;
}
.group-audio button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: auto;
  margin: 0;
  padding: 6px 12px;
  font-size: 13.5px;
}
.group-sound-button {
  background: transparent;
  border: 1px solid var(--line);
  color: var(--mist);
}
.group-sound-button[aria-pressed=true] {
  border-color: var(--aqua);
  color: var(--ink);
  background: rgba(52,195,166,.14);
}
.group-sound-state {
  font: 11px var(--font-mono),monospace;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--muted);
}
.group-sound-button[aria-pressed=true] .group-sound-state {
  color: var(--aqua);
}
.message.admin-chat {
  border-color: rgba(255,178,74,.28);
}
.message {
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(8,42,39,.55);
  border: 1px solid var(--soft-line);
}
.message.system {
  text-align: center;
  background: rgba(8,42,39,.35);
  border-color: rgba(52,195,166,.22);
}
.message.system .meta {
  justify-content: center;
  color: var(--aqua);
}
.message.system .body {
  color: var(--ink);
  font-size: 14.5px;
}
.message.own {
  border-color: rgba(52,195,166,.3);
}
.messages.direct .message {
  max-width: min(86%,560px);
  margin-right: auto;
}
.messages.direct .message.own {
  margin-right: 0;
  margin-left: auto;
  background: rgba(31,140,124,.22);
}
.messages.direct .message .author {
  display: block;
  font-size: 12.5px;
  color: var(--muted);
  margin-bottom: 2px;
}
.messages.direct .message.own .author {
  text-align: right;
}
.messages.direct .message .cc-local-when {
  display: block;
  font-size: 12px;
  color: var(--muted);
  margin-top: 4px;
}
.messages.direct .message.own .cc-local-when,.messages.direct .message.own .outbound-status {
  text-align: right;
}
.messages.direct .message .outbound-status {
  display: block;
  font-size: 12px;
  color: var(--muted);
}
.conversation-list li.conversation-row {
  display: grid;
  grid-template-columns: 44px minmax(0,1fr) auto;
  column-gap: 12px;
  row-gap: 2px;
  align-items: center;
}
.conversation-row .conv-avatar {
  grid-row: 1 / span 3;
  align-self: start;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: rgba(52,195,166,.16);
  border: 1px solid var(--soft-line);
}
.conversation-row .conv-avatar b {
  font: 700 18px/1 var(--font-bricolage),sans-serif;
  color: var(--aqua);
}
.conversation-row .conv-avatar img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 3px;
  box-sizing: border-box;
}
.conversation-row > a {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.conversation-row .conv-time {
  grid-column: 3;
  grid-row: 1;
  font-size: 12.5px;
  color: var(--muted);
  white-space: nowrap;
}
.conversation-list li .conv-preview {
  grid-column: 2 / span 2;
  grid-row: 2;
  margin: 0;
  font-size: 14.5px;
  color: var(--mist);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.conversation-list li .conv-preview.deleted {
  font-style: italic;
  color: var(--muted);
}
.conversation-row > span {
  grid-column: 2 / span 2;
  grid-row: 3;
  margin-top: 0;
}
.message .meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  align-items: baseline;
  margin: 0 0 4px;
  font-size: 12.5px;
  color: var(--muted);
}
.message .body,.queue-item .body {
  margin: 0;
  color: var(--ink);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.message.deleted .body {
  color: var(--muted);
  font-style: italic;
}
.quote {
  margin: 0 0 6px;
  padding: 4px 10px;
  border-left: 3px solid var(--dark-teal);
  font-size: 13.5px;
  color: var(--mist);
  overflow-wrap: anywhere;
}
.message-actions,.reactions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.message-actions button,.message-actions select,.reactions button {
  width: auto;
  margin: 0;
}
.message-actions button,.reactions button {
  padding: 8px 14px;
  font-size: 13.5px;
}
.message-actions select {
  padding-block: 8px;
  padding-left: 12px;
  padding-right: 40px;
  margin: 0;
}
.reactions button {
  background: transparent;
  border-color: var(--line);
  color: var(--ink);
}
.reactions button[aria-pressed=true] {
  border-color: var(--aqua);
  background: rgba(52,195,166,.14);
}
.message-actions textarea {
  margin: 6px 0;
}
.messages .message {
  position: relative;
}
.messages .reactions {
  gap: 6px;
  margin-top: 8px;
}
.messages .reactions button {
  padding: 3px 10px;
  min-height: 0;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 999px;
}
.message-more {
  display: none;
}
.message-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 10px;
}
.reaction-picker {
  display: flex;
  gap: 2px;
}
.reaction-picker button {
  width: 34px;
  height: 34px;
  min-height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  font-size: 17px;
  line-height: 1;
  display: grid;
  place-items: center;
}
.reaction-picker button:hover,.reaction-picker button:focus-visible {
  background: rgba(52,195,166,.16);
}
.reaction-picker button[aria-pressed=true] {
  background: rgba(52,195,166,.2);
  box-shadow: inset 0 0 0 1px var(--aqua);
}
.message-tools .message-actions {
  margin: 0;
  gap: 2px;
}
.message-tools .message-actions button {
  padding: 6px 10px;
  min-height: 0;
  border: 0;
  background: transparent;
  color: var(--aqua);
  font-size: 13.5px;
  font-weight: 600;
  border-radius: 999px;
}
.message-tools .message-actions button:hover,.message-tools .message-actions button:focus-visible {
  background: rgba(52,195,166,.14);
}
.message-tools .message-actions select {
  padding-block: 6px;
}
@media (hover:hover) and (pointer:fine) and (min-width:700px) {
  .message-tools {
    position: absolute;
    top: -18px;
    right: 12px;
    z-index: 3;
    padding: 3px 6px;
    border-radius: 999px;
    background: var(--panel);
    border: 1px solid var(--line);
    box-shadow: 0 8px 22px rgba(0,0,0,.35);
    opacity: 0;
    transition: opacity .12s ease;
  }
  .message:hover .message-tools,.message:focus-within .message-tools,.message.is-active .message-tools {
    opacity: 1;
  }
  .message.is-active .message-tools:has(select) {
    position: static;
    margin-top: 10px;
    box-shadow: none;
  }
  .message:hover,.message:focus-within,.message.is-active {
    border-color: rgba(52,195,166,.32);
  }
}
@media (hover:none),(pointer:coarse),(max-width:699.98px) {
  .message-more {
    display: grid;
    place-items: center;
    position: absolute;
    top: 6px;
    right: 6px;
    width: 36px;
    height: 36px;
    min-height: 0;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--muted);
    font-size: 18px;
    line-height: 1;
  }
  .message-more[aria-expanded=true] {
    color: var(--ink);
    background: rgba(52,195,166,.14);
  }
  .messages .message:not(.system) .meta {
    padding-right: 34px;
  }
  .message-tools {
    display: none;
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid var(--soft-line);
  }
  .message.is-active {
    border-color: rgba(52,195,166,.4);
    background: rgba(8,42,39,.8);
  }
  .message.is-active .message-tools {
    display: flex;
  }
  .reaction-picker {
    width: 100%;
    justify-content: space-between;
  }
  .reaction-picker button {
    width: 40px;
    height: 40px;
    font-size: 19px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .message-tools {
    transition: none;
  }
}
button.link {
  background: none;
  border: 0;
  padding: 0;
  color: var(--aqua);
  font-weight: 500;
  text-decoration: underline;
  font-size: inherit;
}
.copy-status {
  margin-left: 8px;
  color: var(--aqua);
  font-size: 13.5px;
  overflow-wrap: anywhere;
}
button.link[data-copy-link] {
  text-decoration: none;
}
.pinned {
  margin: 16px 0;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(255,178,74,.35);
  background: rgba(255,178,74,.05);
}
.pinned h2 {
  margin: 0 0 8px;
  font-size: 15px;
}
.pinned li {
  font-size: 14px;
  color: var(--mist);
  overflow-wrap: anywhere;
}
.compose textarea {
  margin-bottom: 8px;
  resize: vertical;
}
.compose-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.flow-card .compose-row button {
  width: auto;
  margin-top: 0;
}
.replying {
  margin: 0 0 6px;
  font-size: 13.5px;
  overflow-wrap: anywhere;
}
.member-list li,.removed-list li,.invitation-list li,.queue-item {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: center;
}
.role {
  font-size: 13px;
  color: var(--muted);
}
.member-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}
.dm-report {
  margin-top: 8px;
}
.dm-report>summary {
  cursor: pointer;
  color: var(--aqua);
  font-weight: 600;
  min-height: 24px;
}
.dm-report[open]>summary {
  margin-bottom: 8px;
}
.flow-card form.inline {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 0 0 16px;
}
.flow-card form.inline>label {
  flex-basis: 100%;
}
.flow-card form.inline select {
  width: auto;
  margin: 0;
  padding-block: 8px;
  padding-left: 12px;
  padding-right: 40px;
}
.flow-card form.inline>button {
  width: auto;
  margin-top: 0;
}
.flow-card form.inline>button.small {
  padding: 8px 14px;
  font-size: 13.5px;
}
button.danger {
  color: var(--danger);
  border-color: rgba(239,68,68,.45);
}
.queue-item .meta,.queue-item .reasons {
  width: 100%;
  margin: 0;
  font-size: 13px;
}
.invitation-new {
  padding: 18px;
  border-radius: 16px;
  border: 1px solid rgba(52,195,166,.35);
  overflow-wrap: anywhere;
}
@media (max-width:520px) {
  .group-stats {
    flex-direction: column;
  }
  .flow-card {
    padding: 24px 18px 20px;
  }
}
@media (min-width:521px) {
  .group-stats span {
    white-space: normal;
  }
  .group-stats>div {
    flex: 0 0 12rem;
  }
}
.board-rules-page ul li {
  margin: 0 0 14px;
  line-height: 1.5;
}
.board-rules-page ul li p {
  margin: 6px 0 0;
}
.note-reactions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.note-reactions button {
  width: auto;
  padding: 6px 12px;
  font-size: 13px;
  margin: 0;
}
.note-comment-reactions {
  margin: 6px 0 4px;
  gap: 4px;
}
.note-audience {
  margin: 2px 0 8px;
  font-size: 13px;
  color: var(--muted);
}
.note-audience-pill {
  display: inline-block;
  padding: 1px 10px;
  border-radius: 999px;
  border: 1px solid var(--soft-line);
  font: 600 11px var(--font-mono),monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--mist);
}
.note-audience-pill[data-audience=public] {
  border-color: var(--aqua);
  color: var(--aqua);
}
.note-comment-reactions .note-reaction-btn {
  width: auto !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 8px !important;
}
.note-compose-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
}
.note-compose-actions .button,.note-compose-actions button.small {
  width: auto;
  margin: 0;
  padding: 12px 20px;
  font-size: 14px;
}
.map-settings .stack button,.map-settings form button {
  width: auto;
}
.account-page .motion-control {
  top: 12px;
  bottom: auto;
}
@media (max-width:520px) {
  .dash .maplibregl-ctrl-bottom-right {
    z-index: 4;
  }
}
.flow-column:has(.owner-page) {
  max-width: 1180px;
}
.flow-column:has(.owner-page) .flow-card {
  max-width: none;
}
.owner-card {
  margin: 20px 0;
  padding: 16px 18px;
  border-radius: 16px;
  border: 1px solid var(--soft-line);
  background: rgba(8,42,39,.5);
}
.owner-card h2 {
  margin: 4px 0 12px;
}
.owner-export-json {
  max-width: 100%;
  overflow-x: auto;
}
.owner-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.45;
}
.owner-table th {
  padding: 8px 10px;
  text-align: left;
  vertical-align: bottom;
  font: 600 11px var(--font-mono),monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
  border-bottom: 1px solid var(--soft-line);
}
.owner-table td {
  padding: 10px;
  vertical-align: top;
  overflow-wrap: break-word;
  border-bottom: 1px solid rgba(52,195,166,.12);
}
.owner-table tbody tr:last-child td {
  border-bottom: 0;
}
.owner-table time {
  white-space: nowrap;
}
.owner-table code {
  display: block;
  margin-top: 2px;
  font: 11px var(--font-mono),monospace;
  color: var(--muted);
}
.owner-table form {
  margin: 0;
}
.flow-card .owner-table form>button {
  width: auto;
  margin: 0;
  padding: 8px 14px;
  font-size: 13.5px;
  white-space: nowrap;
}
.owner-money td:nth-child(n+2):nth-child(-n+4),.owner-money th:nth-child(n+2):nth-child(-n+4),
.owner-derived td:nth-child(n+2):nth-child(-n+4),.owner-derived th:nth-child(n+2):nth-child(-n+4),
.owner-waiting td:nth-child(n+2):nth-child(-n+3),.owner-waiting th:nth-child(n+2):nth-child(-n+3) {
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.owner-money td[colspan],.owner-derived td[colspan] {
  text-align: left;
  white-space: normal;
}
.owner-money td:last-child,.owner-derived td:last-child {
  min-width: 16em;
}
.owner-waiting td:last-child {
  text-align: right;
}
@media (max-width:760px) {
  .owner-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
  .owner-table,.owner-table tbody,.owner-table tr {
    display: block;
    width: 100%;
  }
  .owner-table tr {
    padding: 8px 0;
    border-bottom: 1px solid var(--soft-line);
  }
  .owner-table tbody tr:last-child {
    border-bottom: 0;
  }
  .owner-table td,.owner-table tbody tr:last-child td {
    display: flow-root;
    padding: 5px 0;
    border: 0;
    min-width: 0;
    text-align: right;
    white-space: normal;
  }
  .owner-table td::before {
    content: attr(data-label);
    float: left;
    width: 44%;
    padding-right: 10px;
    padding-top: 2px;
    text-align: left;
    overflow-wrap: normal;
    font: 600 11px var(--font-mono),monospace;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--muted);
  }
  .owner-table td:not([data-label])::before {
    content: none;
  }
  .owner-table td:not([data-label]),.owner-table td[colspan] {
    display: block;
    text-align: left;
  }
  .owner-money td:last-child,.owner-derived td:last-child {
    min-width: 0;
  }
  .owner-table td code {
    margin: 2px 0 0;
  }
  .flow-card .owner-table form>button {
    width: 100%;
    margin-top: 6px;
  }
}
.map-frame {
  position: relative;
  width: 100%;
  height: 340px;
  border-radius: 16px;
  overflow: hidden;
  background: var(--map-ground);
  border: 1px solid var(--line);
  margin: 16px 0 6px;
}
.map-front {
  height: min(420px,70vw);
  max-width: 640px;
  margin: 28px auto 6px;
}
.map-full {
  height: calc(100vh - 210px);
  min-height: 320px;
}
.map-own {
  height: 260px;
}
.map-status {
  font-size: 13px;
  margin: 6px 0;
  min-height: 1.2em;
  color: var(--mist);
}
.map-wait {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: calc(100% - 32px);
  box-sizing: border-box;
  padding: 10px 18px;
  border-radius: 100px;
  background: rgba(5,32,30,.72);
  border: 1px solid rgba(199,226,219,.14);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  backdrop-filter: blur(14px) saturate(1.2);
  box-shadow: 0 10px 40px rgba(0,0,0,.35);
  font-size: 14px;
  line-height: 1.4;
  color: var(--ink);
  pointer-events: none;
  transition: opacity .4s ease;
}
.map-wait::before {
  content: "";
  flex: none;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--spark);
  box-shadow: 0 0 8px 2px rgba(255,178,74,.65);
}
.map-wait[data-done] {
  opacity: 0;
}
@media (prefers-reduced-motion:no-preference) {
  html:not([data-motion-paused]) .map-wait::before {
    animation: map-wait-glow 1.6s ease-in-out infinite;
  }
}
@keyframes map-wait-glow {
  0%,100% {
    opacity: .45;
    transform: scale(.8);
  }
  50% {
    opacity: 1;
    transform: scale(1.15);
  }
}
.map-attribution {
  font-size: 12px;
  color: var(--muted);
  margin: 4px 0 16px;
}
.map-page {
  max-width: 1200px;
  margin: auto;
  padding: 18px 16px 28px;
}
body.member-shell.map-page-body {
  padding-bottom: 0;
}
body.member-shell.map-page-body::after {
  display: none;
}
.map-page>.member-back {
  margin-bottom: 10px;
}
.map-legend {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 4px 0 8px;
  font-size: 14px;
  color: var(--mist);
}
.map-legend span {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 6px;
  vertical-align: -1px;
}
.map-legend .legend-own {
  background: radial-gradient(circle,var(--map-own-ring) 0 28%,rgba(255,178,74,.95) 45%,rgba(255,178,74,0) 72%);
  box-shadow: 0 0 8px 3px rgba(255,178,74,.45);
}
.legend-network {
  background: var(--colour-amber);
}
.legend-others {
  background: var(--colour-teal);
}
.own-dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--colour-ember);
  border: 2px solid var(--map-own-ring);
  box-shadow: 0 0 0 0 rgba(255,122,61,.6);
  animation: own-pulse 2s ease-out infinite;
  cursor: grab;
}
.own-dot-hollow {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid var(--map-pin-muted);
  box-shadow: none;
  animation: none;
  pointer-events: none;
}
.own-firefly {
  width: 40px;
  height: 40px;
  cursor: grab;
  pointer-events: auto;
}
.own-firefly-glow {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: center/contain no-repeat;
}
.own-firefly-arrive {
  animation: own-firefly-arrive 1.1s ease-out 1 forwards;
}
@keyframes own-firefly-arrive {
  from {
    opacity: .55;
    transform: scale(.88);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes own-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255,122,61,.6);
  }
  100% {
    box-shadow: 0 0 0 16px rgba(255,122,61,0);
  }
}
.map-settings {
  margin: 28px 0;
  padding-top: 12px;
  border-top: 1px solid var(--soft-line);
}
.map-disclosure {
  padding: 16px 20px;
  border-radius: 16px;
  border: 1px solid var(--soft-line);
  margin: 16px 0;
}
.map-disclosure h3 {
  margin: 4px 0;
  font-size: 16px;
}
.map-disclosure p {
  font-size: 14.5px;
}
.map-hint {
  font-size: 13px;
}
.front-map-section {
  max-width: 640px;
  margin: 0 auto;
  padding: 0 24px 40px;
}
.front-map-intro {
  color: var(--mist);
  margin: 14px 0;
}
.maplibregl-ctrl-attrib {
  font-size: 11px;
}
.map-stars {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-frame .maplibregl-canvas-container,.map-backdrop .maplibregl-canvas-container,.dash .maplibregl-canvas-container {
  z-index: 1;
}
.map-frame .maplibregl-ctrl-group,.map-backdrop .maplibregl-ctrl-group,.dash .maplibregl-ctrl-group {
  background: transparent;
  border-radius: 0;
  box-shadow: none !important;
}
.map-frame .maplibregl-ctrl-group button+button,.map-backdrop .maplibregl-ctrl-group button+button,.dash .maplibregl-ctrl-group button+button {
  border-top: 0;
  margin-top: 8px;
}
.map-frame .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-in,.map-frame .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-out,.map-frame .maplibregl-ctrl-group button.maplibregl-ctrl-compass,.map-backdrop .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-in,.map-backdrop .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-out,.map-backdrop .maplibregl-ctrl-group button.maplibregl-ctrl-compass,.dash .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-in,.dash .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-out,.dash .maplibregl-ctrl-group button.maplibregl-ctrl-compass {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(6,32,30,.72);
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
  border: 1px solid var(--line);
  box-shadow: none;
}
.map-frame .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-in:hover,.map-frame .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-out:hover,.map-frame .maplibregl-ctrl-group button.maplibregl-ctrl-compass:hover,.map-backdrop .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-in:hover,.map-backdrop .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-out:hover,.map-backdrop .maplibregl-ctrl-group button.maplibregl-ctrl-compass:hover,.dash .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-in:hover,.dash .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-out:hover,.dash .maplibregl-ctrl-group button.maplibregl-ctrl-compass:hover {
  background: rgba(6,32,30,.72);
}
.map-frame .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-in:focus,.map-frame .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-out:focus,.map-frame .maplibregl-ctrl-group button.maplibregl-ctrl-compass:focus,.map-backdrop .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-in:focus,.map-backdrop .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-out:focus,.map-backdrop .maplibregl-ctrl-group button.maplibregl-ctrl-compass:focus,.dash .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-in:focus,.dash .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-out:focus,.dash .maplibregl-ctrl-group button.maplibregl-ctrl-compass:focus {
  border-radius: 50%;
}
.map-frame .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon,.map-backdrop .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon,.dash .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2334c3a6' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E");
}
.map-frame .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon,.map-backdrop .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon,.dash .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2334c3a6' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E");
}
.map-frame .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-in:focus:focus-visible,.map-frame .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-out:focus:focus-visible,.map-frame .maplibregl-ctrl-group button.maplibregl-ctrl-compass:focus:focus-visible,.map-backdrop .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-in:focus:focus-visible,.map-backdrop .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-out:focus:focus-visible,.map-backdrop .maplibregl-ctrl-group button.maplibregl-ctrl-compass:focus:focus-visible,.dash .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-in:focus:focus-visible,.dash .maplibregl-ctrl-group button.maplibregl-ctrl-zoom-out:focus:focus-visible,.dash .maplibregl-ctrl-group button.maplibregl-ctrl-compass:focus:focus-visible {
  box-shadow: 0 0 0 2px var(--spark);
  outline: none;
  border-radius: 50%;
}
.map-frame .maplibregl-ctrl-group button.maplibregl-ctrl-compass .maplibregl-ctrl-icon,.map-backdrop .maplibregl-ctrl-group button.maplibregl-ctrl-compass .maplibregl-ctrl-icon,.dash .maplibregl-ctrl-group button.maplibregl-ctrl-compass .maplibregl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath fill='%2334c3a6' d='M14.5 4.5 18.5 22.5 14.5 19 10.5 22.5z'/%3E%3C/svg%3E");
}
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.site {
  position: relative;
  min-height: 100vh;
}
.site-content {
  position: relative;
  z-index: 1;
}
.site .map-backdrop {
  position: fixed;
  inset: 0;
  z-index: 0;
  background: var(--map-ground);
}
.site-ground {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-color: var(--abyss);
  background-image: radial-gradient(ellipse at top right,rgba(255,140,60,.16),transparent 60%),radial-gradient(ellipse at bottom left,rgba(52,195,166,.12),transparent 60%);
}
.map-cover {
  position: fixed;
  inset: 0;
  z-index: 0;
  background: var(--map-cover);
  pointer-events: none;
  transition: opacity .3s ease;
}
.map-backdrop[data-state=loaded]+.map-cover,.map-backdrop[data-state=ready]+.map-cover {
  opacity: 0;
}
.map-backdrop .maplibregl-ctrl-top-right {
  display: none;
}
html[data-exploring] {
  overflow: hidden;
}
html[data-exploring] .site-content {
  visibility: hidden;
}
html[data-exploring] .site .map-backdrop {
  z-index: 2;
}
html[data-exploring] .map-backdrop .maplibregl-ctrl-top-right {
  display: block;
  top: 6.75rem;
}
.explore-bar {
  position: fixed;
  z-index: 3;
  top: 16px;
  left: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 16px;
  pointer-events: none;
}
.explore-bar>* {
  pointer-events: auto;
}
.explore-caption {
  margin: 0;
  padding: 8px 14px;
  border-radius: 100px;
  background: rgba(6,32,30,.8);
  font: 12px var(--font-mono),monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--mist);
}
.site :focus-visible {
  outline: 2px solid var(--spark);
  outline-offset: 3px;
}
.site-nav {
  position: relative;
  max-width: 1080px;
  margin: 0 auto;
  padding: 22px 24px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.logo {
  display: inline-flex;
  flex-direction: column;
  text-decoration: none;
  color: var(--ink);
  border-radius: 8px;
}
.logo-word {
  font-family: var(--font-bricolage),sans-serif;
  font-size: clamp(30px,8.4vw,42px);
  line-height: 1;
  letter-spacing: -.02em;
  white-space: nowrap;
}
.logo-climate {
  font-weight: 600;
}
.logo-current {
  font-weight: 800;
}
.logo-wave {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 4px;
  overflow: visible;
}
.logo-tagline {
  margin-top: 6px;
  font: 12px var(--font-mono),monospace;
  letter-spacing: .08em;
  color: var(--mist);
}
.nav-links {
  display: flex;
  align-items: center;
  gap: 28px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-links a {
  color: var(--mist);
  text-decoration: none;
  font-size: 15.5px;
  font-weight: 600;
  border-radius: 6px;
}
.nav-links a:hover,.nav-links a[aria-current=page] {
  color: var(--ink);
}
.site .menu-button {
  display: none;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  font-size: 15px;
  background: rgba(6,32,30,.66);
  color: var(--ink);
  border: 1px solid var(--line);
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
}
.menu-icon {
  width: 16px;
  height: 10px;
  border-top: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  position: relative;
}
.menu-icon::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 2px;
  border-top: 2px solid currentColor;
}
@media (max-width:820px) {
  .site .menu-button {
    display: inline-flex;
  }
  .nav-links {
    display: none;
    position: absolute;
    z-index: 5;
    top: 100%;
    left: 16px;
    right: 16px;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 10px;
    border-radius: 22px;
    background: var(--attribution-surface);
    border: 1px solid var(--line);
    -webkit-backdrop-filter: blur(13px) saturate(1.15);
    backdrop-filter: blur(13px) saturate(1.15);
    box-shadow: 0 20px 50px rgba(0,0,0,.4);
  }
  .site-nav[data-open] .nav-links {
    display: flex;
  }
  .nav-links a {
    display: block;
    padding: 14px 16px;
    font-size: 17px;
  }
}
.site-main {
  max-width: 1080px;
  margin: 0 auto;
  padding: 24px 24px 50px;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.site-main.narrow {
  max-width: 700px;
}
.notify .notify-form {
  margin: 22px 0 6px;
}
.notify .notify-form .pill {
  margin-top: 4px;
}
.notify .notify-trap {
  position: absolute !important;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.notify .notify-code {
  max-width: 13ch;
  font-family: var(--font-mono),monospace;
  font-size: 22px;
  letter-spacing: .18em;
}
.news-preview {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(8,42,39,.65);
  font: 400 14px/1.55 var(--font-sans);
}
.site .island {
  background: rgba(6,32,30,.66);
  -webkit-backdrop-filter: blur(13px) saturate(1.15);
  backdrop-filter: blur(13px) saturate(1.15);
  border: 1px solid var(--line);
  border-radius: 26px;
  padding: 46px clamp(26px,5vw,52px);
  box-shadow: 0 24px 60px rgba(0,0,0,.34);
}
.site .island.tight {
  padding: 34px;
}
@media (prefers-reduced-motion:no-preference) {
  .reveal .island {
    transition: opacity .65s ease,transform .65s ease;
  }
  .reveal .island:not(.shown) {
    opacity: 0;
    transform: translateY(20px);
  }
}
.site h1,.site h2,.site h3 {
  font-family: var(--font-bricolage),sans-serif;
  letter-spacing: -.02em;
  line-height: 1.05;
  color: var(--ink);
}
.site h1 {
  font-weight: 800;
  font-size: clamp(40px,6.2vw,74px);
  margin: 14px 0 22px;
}
.site h2 {
  font-weight: 700;
  font-size: clamp(26px,3.4vw,40px);
  margin: 12px 0 18px;
}
.site h3 {
  font-weight: 700;
  font-size: 21px;
  margin: 0 0 8px;
}
.site h1 .mist {
  color: var(--mist);
}
.site h1 .warm {
  color: var(--spark);
}
.site p,.site li,.site dd {
  font-size: clamp(15.5px,calc(14.4px + .3vw),17.5px);
  line-height: 1.6;
  color: var(--mist);
  max-width: 31em;
}
.site p {
  margin: 14px 0;
}
.site strong {
  color: var(--ink);
  font-weight: 600;
}
.site .eyebrow {
  margin: 0;
  font: 12.5px var(--font-mono),monospace;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--aqua);
}
.site a.text-link {
  color: var(--aqua);
  font-weight: 600;
  text-decoration: none;
}
.site a.text-link:hover {
  text-decoration: underline;
}
.site .pill,.site button.pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  padding: 13px 24px;
  font-size: 15.5px;
  font-weight: 600;
  line-height: 1.25;
  text-decoration: none;
  border: 1px solid transparent;
  transition: filter .2s,border-color .2s,color .2s;
  overflow-wrap: anywhere;
  text-align: center;
}
.site .pill.primary {
  background: linear-gradient(100deg in srgb,var(--button-start),var(--button-end));
  color: var(--button-ink);
}
.site .pill.primary:hover {
  filter: brightness(1.06);
}
.site .pill.ghost {
  background: transparent;
  border-color: var(--line);
  color: var(--mist);
}
.site .pill.ghost:hover {
  color: var(--ink);
  border-color: rgba(199,226,219,.32);
}
.site .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}
.hero {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 32px;
  align-items: center;
}
.hero-visual {
  display: flex;
  justify-content: center;
}
.hero-loop {
  width: 100%;
  max-width: 420px;
  height: auto;
}
@media (max-width:820px) {
  .hero {
    grid-template-columns: 1fr;
  }
  .hero-visual {
    order: -1;
  }
  .hero-loop {
    max-width: 260px;
  }
}
.join-button {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 6px;
  max-width: 100%;
}
.hero-phase {
  display: grid;
  gap: 8px;
  margin-top: 24px;
  max-width: 34em;
}
.site .hero-phase p {
  margin: 0;
}
.site p.hero-shared {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--aqua);
  font-size: 15.5px;
  font-weight: 600;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.site p.hero-shared::before {
  content: "";
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--aqua);
  box-shadow: 0 0 10px rgba(52,195,166,.65);
}
.site p.hero-companies {
  color: var(--mist);
}
.site .actions.actions-after-phase {
  margin-top: 18px;
}
.intro-change-line {
  padding-left: 8px;
  font-size: 13.5px;
  color: var(--muted);
}
@media (max-width:600px) {
  .intro-change-line {
    flex-basis: 100%;
    padding-left: 14px;
  }
}
.intro-change-line button.quiet {
  padding: 4px 2px !important;
}
.site button.quiet {
  padding: 4px 6px;
  background: none;
  border: 0;
  color: var(--muted);
  font-size: 13.5px;
  font-weight: 500;
  text-decoration: underline;
}
.introduction-change {
  width: 100%;
  margin-top: 10px;
}
.introduction-change .actions {
  margin-top: 4px;
}
.hero-loop * {
  transform-box: fill-box;
  transform-origin: center;
}
.hero-drop {
  opacity: 0;
  animation: hero-drop 8s ease-in infinite;
}
.hero-spark {
  animation: hero-spark 8s ease-out infinite;
}
.hero-light {
  animation: hero-light 8s ease-out infinite backwards;
  animation-delay: calc(var(--i) * .22s);
}
.hero-teal {
  opacity: .5;
  animation: hero-pulse 4s ease-in-out infinite;
  animation-delay: calc(var(--i) * -1s);
}
@keyframes hero-drop {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  5% {
    opacity: 1;
  }
  20% {
    opacity: 1;
    transform: translateY(90px);
  }
  27%,100% {
    opacity: 0;
    transform: translateY(100px) scale(.6);
  }
}
@keyframes hero-spark {
  0%,24% {
    opacity: 0;
    transform: translate(-150px,150px) scale(.5);
  }
  29% {
    opacity: 1;
  }
  42% {
    opacity: 1;
    transform: translate(0,0) scale(1);
  }
  92% {
    opacity: 1;
    transform: translate(0,0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(0,0) scale(1);
  }
}
@keyframes hero-light {
  0%,44% {
    opacity: 0;
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.25);
  }
  56%,90% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@keyframes hero-pulse {
  0%,100% {
    opacity: .25;
    transform: scale(.8);
  }
  50% {
    opacity: .85;
    transform: scale(1.2);
  }
}
.site .punchline,.site .note {
  color: var(--ink);
  font-family: var(--font-bricolage),sans-serif;
  font-weight: 700;
  font-size: clamp(19px,2vw,23px);
  letter-spacing: -.01em;
}
.change-diagram {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-top: 26px;
}
.change-side {
  margin: 0;
  padding: 18px 14px 16px;
  border-radius: 18px;
  border: 1px solid var(--soft-line);
  background: rgba(4,23,25,.45);
  text-align: center;
}
.change-side svg {
  width: 100%;
  max-width: 240px;
  height: auto;
}
.change-side figcaption {
  margin-top: 6px;
  font: 12px var(--font-mono),monospace;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--muted);
}
.change-tile {
  animation: change-pulse 4s ease-in-out infinite;
  animation-delay: calc(var(--i) * .6s);
}
.change-dot {
  animation: change-travel 4s ease-in-out infinite;
  animation-delay: calc(var(--i) * 2s);
}
@keyframes change-pulse {
  0%,100% {
    fill-opacity: .35;
  }
  50% {
    fill-opacity: 1;
  }
}
@keyframes change-travel {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  15%,85% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateX(30px);
  }
}
@media (max-width:520px) {
  .change-diagram {
    grid-template-columns: 1fr;
  }
}
.site ol.tests {
  margin: 18px 0;
  padding-left: 1.3em;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.site ol.tests li::marker {
  color: var(--aqua);
  font-weight: 600;
}
.near-you {
  margin-top: 24px;
  padding: 28px 22px;
  border: 1.5px dashed rgba(52,195,166,.5);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
}
.near-you-label {
  font: 12.5px var(--font-mono),monospace;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--aqua);
}
.cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-top: 22px;
}
.card {
  padding: 24px;
  border-radius: 20px;
  border: 1px solid var(--soft-line);
  background: rgba(4,23,25,.45);
}
.card p {
  margin: 0;
}
@media (max-width:640px) {
  .cards {
    grid-template-columns: 1fr;
  }
}
.pull-quote {
  margin: 26px 0 0;
  padding: 4px 0 4px 20px;
  border-left: 2px solid var(--spark);
}
.site .pull-quote p {
  margin: 0;
  font-family: var(--font-bricolage),sans-serif;
  font-weight: 700;
  font-size: clamp(22px,2.6vw,30px);
  line-height: 1.2;
  color: var(--ink);
}
.site .pull-quote p::before {
  content: "“";
}
.site .pull-quote p::after {
  content: "”";
}
.story-teaser {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 24px;
}
.story-teaser h2 {
  margin: 0;
}
.definitions {
  margin: 18px 0 0;
  display: grid;
  gap: 6px;
}
.definitions dt {
  margin-top: 12px;
  font: 600 13px var(--font-mono),monospace;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--aqua);
}
.site .definitions dd {
  margin: 0;
}
.site .small {
  font-size: 14px;
}
.story p {
  font-size: 16px;
  line-height: 1.75;
}
.story .statement {
  text-align: center;
}
.site .story .statement p {
  margin: 0 auto;
  font-family: var(--font-bricolage),sans-serif;
  font-weight: 800;
  font-size: clamp(24px,3vw,32px);
  line-height: 1.2;
  color: var(--ink);
}
.story .final-spark {
  text-align: center;
}
.story .final-spark p {
  margin: 14px auto 0;
  color: var(--ink);
}
.spark-dot {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--spark-dot);
  box-shadow: 0 0 18px 6px rgba(255,178,74,.55);
}
.placeholder-note {
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px dashed rgba(255,178,74,.5);
  color: var(--spark) !important;
  font-size: 14px !important;
}
.site-footer {
  max-width: 1080px;
  margin: 0 auto;
  padding: 10px 24px 40px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.footer-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 26px;
}
.site-footer .logo-word {
  font-size: 28px;
}
.site .footer-line {
  margin: 0;
  color: var(--ink);
  font-weight: 600;
}
.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-links a {
  color: var(--mist);
  font-size: 14.5px;
}
.footer-groups {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
  gap: 14px 28px;
}
.footer-group .footer-links {
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0;
}
.footer-group .footer-links a {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
}
.site-footer p.footer-heading {
  margin: 0 0 2px;
  font: 600 11.5px var(--font-mono),monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--aqua);
}
.company-details {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 18px;
  font-style: normal;
  font-size: 13.5px;
  color: var(--muted);
}
.member-footer {
  max-width: 1080px;
  margin: 0 auto;
  padding: 14px 24px 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--soft-line);
  font: 11.5px var(--font-mono),monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--muted);
}
.member-footer a {
  color: var(--muted);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 10px 12px;
  margin: -10px -12px;
}
.member-footer a:hover {
  color: var(--ink);
}
.member-footer .member-footer-quiet {
  opacity: .72;
}
.member-footer .member-footer-quiet:hover {
  opacity: 1;
}
.member-footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  align-items: center;
}
.member-footer:not(.member-footer--journey) .member-footer-sep {
  display: none;
}
.member-footer--compact {
  position: fixed;
  z-index: 6;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: none;
  margin: 0;
  padding: 7px 12px;
  justify-content: center;
  background: var(--attribution-surface);
  color: var(--attribution-ink);
  font-size: 10px;
  letter-spacing: .1em;
  border-top: 1px solid rgba(199,226,219,.12);
  text-shadow: none;
}
.member-footer--compact a {
  color: var(--attribution-link);
}
.member-footer--compact .member-footer-links {
  justify-content: center;
  gap: 8px 16px;
}
.legal-doc .legal-table {
  width: 100%;
  border-collapse: collapse;
  margin: 18px 0 0;
  font-size: 15px;
  text-transform: none;
  letter-spacing: normal;
}
.legal-doc .legal-table th {
  text-align: left;
  vertical-align: top;
  padding: 10px 16px 10px 0;
  font: 500 11px var(--font-mono),monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--aqua);
  width: 38%;
}
.legal-doc .legal-table td {
  color: var(--mist);
  line-height: 1.65;
  padding: 10px 0;
  border-bottom: 1px solid var(--soft-line);
  overflow-wrap: anywhere;
}
.legal-doc .legal-table th {
  overflow-wrap: anywhere;
}
@media (max-width:400px) {
  .legal-doc .legal-table,.legal-doc .legal-table tbody,.legal-doc .legal-table tr,.legal-doc .legal-table th,.legal-doc .legal-table td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .legal-doc .legal-table th {
    width: auto;
    padding-bottom: 4px;
  }
  .legal-doc .legal-table td {
    padding-top: 0;
  }
}
.legal-doc p {
  margin-top: 12px;
  color: var(--mist);
  line-height: 1.65;
  font-size: 16px;
  text-transform: none;
  letter-spacing: normal;
}
.company-terms h1 {
  margin: 0;
  font-size: clamp(28px,6vw,36px);
  line-height: 1.15;
}
.company-terms h2 {
  margin: 34px 0 4px;
  font-size: 20px;
  line-height: 1.3;
  color: var(--ink);
  scroll-margin-top: 16px;
}
.company-terms ul,.company-terms ol {
  margin: 10px 0 0;
  padding-left: 22px;
  color: var(--mist);
  line-height: 1.65;
  font-size: 16px;
}
.company-terms li {
  margin-top: 6px;
  overflow-wrap: anywhere;
}
.company-terms ul,.cs-terms-text ul {
  list-style: disc;
}
.company-terms ol,.cs-terms-text ol {
  list-style: decimal;
}
.company-terms li ul,.cs-terms-text li ul {
  list-style: circle;
}
.company-terms li::marker,.cs-terms-text li::marker {
  color: var(--aqua);
}
.company-terms li ul,.company-terms li ol {
  margin-top: 4px;
}
.company-terms strong {
  color: var(--ink);
  font-weight: 600;
}
.company-terms p {
  overflow-wrap: anywhere;
}
.company-terms .company-terms-version {
  margin-top: 34px;
  padding-top: 14px;
  border-top: 1px solid var(--soft-line);
  font-size: 14px;
}
.company-terms-print {
  margin: 18px 0 0;
}
.company-terms-print button {
  width: auto;
  margin: 0;
  padding: 10px 18px;
  font-size: 14px;
}
@media (max-width:520px) {
  .company-terms-page {
    padding: 22px 16px 40px;
  }
  .company-terms ul,.company-terms ol {
    padding-left: 18px;
  }
}
@media print {
  .site-nav,.site-footer,.map-backdrop,.member-footer,.company-terms-noprint {
    display: none !important;
  }
  html,body,.company-terms-page,.company-terms {
    background: #fff !important;
    color: var(--abyss) !important;
    box-shadow: none !important;
    border: 0 !important;
  }
  .company-terms-page {
    max-width: none;
    padding: 0;
  }
  .company-terms {
    padding: 0;
    margin: 0;
  }
  .company-terms h1,.company-terms h2,.company-terms p,.company-terms li,.company-terms strong,.company-terms a,.company-terms ul,.company-terms ol {
    color: var(--abyss) !important;
    text-shadow: none !important;
  }
  .company-terms h2 {
    break-after: avoid;
  }
  .company-terms li {
    break-inside: avoid;
  }
}
.site-footer .map-attribution {
  margin: 0;
}
.site-footer,.site-nav {
  text-shadow: 0 1px 8px rgba(2,11,10,.7);
}
@media (max-width:520px) {
  .site-nav {
    padding: 16px 16px 12px;
    gap: 12px;
  }
  .site .logo-word {
    font-size: 28px;
  }
  .logo-tagline {
    font-size: 11px;
    letter-spacing: .04em;
    white-space: nowrap;
  }
  .site .menu-button {
    padding: 9px 14px;
  }
  .hero-loop {
    max-width: 210px;
  }
  .hero {
    gap: 8px;
  }
}
.site .map-backdrop .maplibregl-ctrl-attrib {
  background: rgba(2,11,10,.72);
  color: var(--muted);
}
.site .map-backdrop .maplibregl-ctrl-attrib a {
  color: var(--mist);
}
.map-credits.map-credits-page {
  position: fixed;
  z-index: 29;
  right: 8px;
  bottom: 8px;
  padding: 2px 9px;
  font-size: 11px;
  line-height: 16px;
}
@media (max-width:1411px) {
  .map-credits.map-credits-page {
    left: 0;
    right: 0;
    bottom: 0;
    max-width: none;
    border: 0;
    border-top: 1px solid var(--soft-line);
    border-radius: 0;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    text-align: right;
    background: var(--surface-night);
  }
  .site .site-content {
    padding-bottom: calc(41px + env(safe-area-inset-bottom));
  }
  html:has(.map-credits-page) body .motion-control {
    left: 8px;
    right: auto;
    bottom: calc(4px + env(safe-area-inset-bottom));
  }
}
html[data-exploring] .site .map-backdrop[data-map=front] .maplibregl-ctrl-top-right {
  display: block;
  top: 6.75rem;
  right: 12px;
  z-index: 3;
}
.map-frame[data-map=pin] {
  overflow: visible;
}
.map-frame[data-map=own],.map-frame[data-map=near] {
  overflow: hidden;
}
.map-frame[data-map=own] .maplibregl-canvas-container,.map-frame[data-map=pin] .maplibregl-canvas-container,.map-frame[data-map=near] .maplibregl-canvas-container {
  border-radius: 16px;
  overflow: hidden;
}
.map-frame[data-map=own] .maplibregl-ctrl-attrib,.map-frame[data-map=pin] .maplibregl-ctrl-attrib,.map-frame[data-map=near] .maplibregl-ctrl-attrib {
  background: var(--attribution-surface);
  color: var(--attribution-ink);
  border-radius: 8px 0 16px 0;
}
.map-frame[data-map=own] .maplibregl-ctrl-attrib a,.map-frame[data-map=pin] .maplibregl-ctrl-attrib a,.map-frame[data-map=near] .maplibregl-ctrl-attrib a {
  color: var(--attribution-link);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.site p.explore-caption {
  max-width: none;
  font-size: 12px;
  line-height: 1.5;
}
.legend-company {
  background: radial-gradient(circle,var(--company-light-ink) 0,var(--company-light) 55%,rgba(180,156,255,.4) 100%);
  box-shadow: 0 0 8px 2px rgba(180,156,255,.4);
}
.company-pin {
  width: 20px;
  height: 20px;
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
  background: var(--map-pin-company);
  border: 2px solid var(--button-ink);
  box-shadow: 0 0 0 3px rgba(47,216,240,.35);
  cursor: grab;
}
.company-pin.is-company {
  background: var(--company-light);
  box-shadow: 0 0 0 3px rgba(180,156,255,.38),0 0 14px 2px rgba(180,156,255,.45);
}
.map-pin {
  height: 300px;
}
.find-groups-again {
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
}
.event-meeting-point .map-own {
  height: 200px;
  margin: 10px 0 4px;
}
.event-meeting-point .map-attribution {
  font-size: 11px;
}
[data-meeting-point] .map-pin {
  height: 260px;
}
.company-list {
  margin: 8px 0;
}
.company-list h2 {
  font-size: 16px;
  margin: 12px 0 6px;
}
.company-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 14px;
  color: var(--mist);
}
.company-list button.link {
  font-size: 14px;
  overflow-wrap: anywhere;
  text-align: left;
}
.map-frame .maplibregl-popup-content {
  background: var(--deep);
  color: var(--ink);
  border: 1px solid rgba(127,216,224,.45);
  border-radius: 14px;
  padding: 12px 30px 10px 14px;
  box-shadow: 0 8px 28px rgba(4,32,29,.6);
}
.map-frame .maplibregl-popup-tip {
  border-top-color: var(--deep) !important;
  border-bottom-color: var(--deep) !important;
}
.map-frame .maplibregl-popup-close-button {
  color: var(--mist);
  background: none;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 18px;
}
.company-card strong {
  display: block;
  font: 700 16px var(--font-bricolage),sans-serif;
  overflow-wrap: anywhere;
}
.company-card p {
  margin: 4px 0;
  font-size: 13.5px;
}
.company-card .company-note {
  color: var(--muted);
  font-size: 12.5px;
}
.directory-filter {
  margin: 20px 0;
}
.listing-list h2 {
  margin: 0;
  font-size: 18px;
  overflow-wrap: anywhere;
  color: var(--ink);
}
.listing-list .listing-meta {
  color: var(--aqua);
  font-size: 13.5px;
}
.listing-list a {
  overflow-wrap: anywhere;
}
.member-menu {
  margin: 10px 0 4px;
  font-size: 13.5px;
}
.member-menu p {
  margin: 0;
}
.member-menu a {
  text-decoration: none;
  color: var(--mist);
  display: inline-flex;
  align-items: center;
  min-width: 24px;
  min-height: 24px;
  padding: 2px 4px;
}
.member-menu a:hover {
  color: var(--aqua);
}
.member-menu a[aria-current="page"] {
  color: var(--ink);
  font-weight: 600;
}
.notice-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  margin-left: 6px;
  padding: 0 5px;
  border-radius: 9px;
  background: var(--spark);
  color: var(--abyss);
  font: 700 11px/1 var(--font-sans),sans-serif;
  letter-spacing: 0;
  text-transform: none;
  box-shadow: 0 0 10px rgba(255,178,74,.45);
}
.notice-lead {
  color: var(--mist);
  font-size: 15px;
}
.notice-lead a {
  white-space: nowrap;
}
.notice-heading {
  font: 600 11.5px var(--font-mono),monospace;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--muted);
}
.notice-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.notice-link {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "kind go" "text go" "when go";
  column-gap: 12px;
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(8,42,39,.5);
  border: 1px solid var(--soft-line);
  color: var(--ink);
  text-decoration: none;
  transition: border-color .2s,background .2s;
}
a.notice-link:hover {
  border-color: rgba(52,195,166,.4);
  background: rgba(11,51,47,.6);
}
a.notice-link:focus-visible {
  outline: 2px solid var(--aqua);
  outline-offset: 2px;
}
.notice-item.is-new .notice-link {
  border-color: rgba(255,178,74,.35);
  background: rgba(255,178,74,.05);
}
.notice-kind {
  grid-area: kind;
  display: flex;
  align-items: center;
  gap: 8px;
  font: 600 11px var(--font-mono),monospace;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--aqua);
}
.notice-new {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--spark);
}
.notice-new::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--spark);
  box-shadow: 0 0 8px rgba(255,178,74,.8);
}
.notice-text {
  grid-area: text;
  margin-top: 4px;
  font-size: 15.5px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.notice-link time {
  grid-area: when;
  margin-top: 4px;
  font-size: 12.5px;
  color: var(--muted);
}
.notice-go {
  grid-area: go;
  align-self: center;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--mist);
  border-right: 2px solid var(--mist);
  transform: rotate(45deg);
  opacity: .7;
}
.notice-empty {
  margin-top: 28px;
  padding: 28px 20px;
  text-align: center;
  border-radius: 18px;
  border: 1px dashed var(--line);
}
.notice-empty p {
  margin: 6px auto 0;
  max-width: 420px;
  color: var(--mist);
  font-size: 14.5px;
}
.notice-empty .notice-empty-title {
  font: 700 20px var(--font-bricolage),sans-serif;
  color: var(--ink);
}
.notice-empty-light {
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 auto 10px;
  border-radius: 50%;
  background: var(--aqua);
  box-shadow: 0 0 14px 3px rgba(52,195,166,.45);
}
@media (prefers-reduced-motion:no-preference) {
  html:not([data-motion-paused]) .notice-empty-light {
    animation: notice-breathe 3.6s ease-in-out infinite;
  }
}
@keyframes notice-breathe {
  0%,100% {
    opacity: .55;
  }
  50% {
    opacity: 1;
  }
}
.outage-card {
  text-align: center;
}
.outage-card p {
  margin-inline: auto;
  max-width: 44ch;
}
.outage-light {
  display: block;
  width: 14px;
  height: 14px;
  margin: 4px auto 20px;
  border-radius: 50%;
  background: var(--spark);
  box-shadow: 0 0 16px 5px rgba(255,178,74,.5);
}
@media (prefers-reduced-motion:no-preference) {
  html:not([data-motion-paused]) .outage-light {
    animation: notice-breathe 3.6s ease-in-out infinite;
  }
}
.dash-menu-toggle .notice-count {
  margin-left: 0;
}
.notice-settings-title {
  margin: 14px 0 4px;
}
.notice-settings-rows {
  padding: 4px 10px 12px;
}
.notice-setting {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 14px;
  margin: 0;
  padding: 10px 8px;
  border: 0;
  border-top: 1px solid var(--soft-line);
  min-width: 0;
}
.notice-setting:first-child {
  border-top: 0;
}
.notice-setting legend {
  float: left;
  padding: 0;
  font: 500 15px/1.4 var(--font-sans),sans-serif;
  text-transform: none;
  letter-spacing: normal;
  color: var(--ink);
  max-width: 100%;
}
.notice-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-left: auto;
}
.chip-check {
  position: relative;
  display: inline-flex;
}
.chip-check input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  margin: 0;
  cursor: pointer;
  z-index: 1;
}
span.chip-check label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 6px 14px;
  border-radius: 100px;
  border: 1px solid var(--line);
  font: 600 11.5px var(--font-mono),monospace;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--muted);
  transition: border-color .2s,background .2s,color .2s;
}
span.chip-check label::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1.5px solid currentColor;
  box-sizing: border-box;
}
span.chip-check input:checked+label {
  border-color: var(--aqua);
  color: var(--ink);
  background: rgba(52,195,166,.16);
}
span.chip-check input:checked+label::before {
  background: var(--aqua);
  border-color: var(--aqua);
  box-shadow: 0 0 8px rgba(52,195,166,.7);
}
span.chip-check input:focus-visible+label {
  outline: 2px solid var(--aqua);
  outline-offset: 2px;
}
.notice-saved {
  margin: 14px 0 0;
  padding: 10px 14px;
  border-radius: 14px;
  background: rgba(52,195,166,.1);
  border: 1px solid rgba(52,195,166,.3);
  color: var(--ink);
  font-size: 14.5px;
}
.notice-mute-hint {
  margin-top: 18px;
  font-size: 13.5px;
}
.pill-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0 12px;
}
.pill-tabs .pill-tab {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 100px;
  border: 1px solid var(--line);
  font: 600 11.5px var(--font-mono),monospace;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--mist);
  text-decoration: none;
  transition: border-color .2s,background .2s,color .2s;
}
.boards-own-places {
  margin: 8px 0 22px;
}
.boards-own-places .pill-tabs {
  margin-top: 8px;
}
.pill-tabs .pill-tab.active {
  border-color: var(--aqua);
  color: var(--ink);
  background: rgba(52,195,166,.16);
}
.pill-tabs .pill-tab:hover {
  color: var(--ink);
}
.dash-wait {
  text-align: center;
}
.gift-mark {
  font-size: 0.7em;
  margin-left: 1px;
  color: var(--mist, var(--attribution-ink));
}
.amount-error {
  color: var(--spark);
  font-size: 14px;
  margin: 6px 0 0;
}
.flow-logo {
  display: block;
  max-width: 100%;
  object-fit: contain;
  margin-bottom: 1.5rem;
}
.company-story {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.map-near {
  min-height: 300px;
}
#teal-near-results a {
  font-weight: 600;
}
.account-page {
  max-width: 640px;
  margin: 0 auto;
  padding: 40px 16px 48px;
}
.account-hero {
  position: relative;
  border-radius: 22px;
  border: 1px solid rgba(52,195,166,.3);
  background: rgba(11,51,47,.42);
  box-shadow: 0 0 50px rgba(52,195,166,.07);
  padding: 22px 20px 18px;
  margin-top: 8px;
}
.account-who h1 {
  margin: 0 0 4px;
  font-size: 30px;
}
.account-who p {
  margin: 0;
  font-size: 13.5px;
  color: var(--muted);
  overflow-wrap: anywhere;
}
.account-dot-state {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 16px 0 0;
  font-size: 13.5px;
  color: var(--mist);
}
.account-dot-state i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--spark);
  box-shadow: 0 0 10px rgba(255,178,74,.8);
}
.account-quick {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  margin: 12px 4px 2px;
  font-size: 14px;
}
.account-quick a {
  text-decoration: none;
}
.account-card {
  border-radius: 20px;
  background: rgba(11,51,47,.42);
  border: 1px solid rgba(52,195,166,.3);
  box-shadow: 0 0 40px rgba(52,195,166,.06);
  margin-top: 18px;
  overflow: hidden;
}
.account-card-head {
  padding: 18px 18px 6px;
}
.account-card-head p {
  margin: 4px 0 0;
  font-size: 15px;
  color: var(--ink);
}
.account-card-head em {
  font-style: normal;
  color: var(--muted);
}
.account-rows {
  padding: 6px 6px 8px;
}
.account-row, .account-row-form .account-row {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 50px;
  padding: 10px 12px;
  border-radius: 14px;
  text-align: left;
  text-decoration: none;
  color: var(--ink);
  background: none;
  border: 0;
  font: inherit;
  cursor: pointer;
}
.account-row:hover, .account-row-form .account-row:hover {
  background: rgba(52,195,166,.07);
}
.account-row-label {
  flex: 1;
  min-width: 0;
  font-size: 15px;
  font-weight: 500;
}
.account-row-label small {
  display: block;
  font-weight: 400;
  font-size: 13px;
  color: var(--muted);
  margin-top: 2px;
  line-height: 1.4;
}
.account-row-value {
  color: var(--muted);
  font-size: 13.5px;
  text-align: right;
  max-width: 44%;
  overflow-wrap: break-word;
}
.account-row-value-email {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 60%;
  overflow-wrap: anywhere;
  font-size: 12.5px;
}
.account-chev {
  width: 8px;
  height: 8px;
  border-right: 1.5px solid var(--muted);
  border-bottom: 1.5px solid var(--muted);
  transform: rotate(-45deg);
  flex: none;
}
.account-row-form {
  margin: 0;
}
.account-signout {
  margin: 26px 0 0;
  text-align: center;
}
.account-signout button {
  color: var(--mist);
  font-weight: 500;
  background: transparent;
  border: 1px solid var(--soft-line);
}
.account-security-links {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 22px;
  padding: 0 18px 16px;
}
.account-security-form {
  margin: 0;
}
.account-security-form button.link {
  color: var(--mist);
  font-size: 14px;
  text-underline-offset: 3px;
}
.account-security-form button.link:hover {
  color: var(--ink);
  filter: none;
}
.account-introducer {
  margin: 12px 0 0;
  padding: 0 6px 12px;
  font-size: 14.5px;
}
.account-rule {
  border: 0;
  border-top: 1px solid var(--soft-line);
  margin: 26px 0 14px;
}
.account-list {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
}
.account-list li {
  display: flex;
  gap: 10px;
  padding: 7px 0;
  color: var(--mist);
  font-size: 15px;
  border-top: 1px solid var(--soft-line);
}
.account-list li:first-child {
  border-top: 0;
}
.account-list li::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex: none;
  margin-top: 9px;
  background: var(--muted);
}
.account-list.account-stays li::before {
  background: var(--aqua);
}
.account-plain {
  padding: 16px 18px;
}
.account-card + form {
  margin-top: 24px;
}
.account-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 12px;
}
.account-small {
  font-size: 13.5px;
  color: var(--muted);
}
.account-small.centre {
  text-align: center;
}
.account-mail {
  font-family: var(--font-mono), monospace;
  font-size: 13px;
  color: var(--ink);
}
.account-keep {
  display: block;
  text-align: center;
  margin-top: 14px;
  font-size: 15px;
}
.account-move-preview {
  margin: 16px 0;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid var(--soft-line);
  background: rgba(8,42,39,.5);
  font-size: 14px;
}
.account-move-preview ul {
  margin: 8px 0 0;
  padding-left: 18px;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
:focus-visible,.colour-choice:has(input:focus-visible),.dash .pill input:focus-visible+span {
  outline: 3px solid var(--focus-ring) !important;
  outline-offset: 0 !important;
  box-shadow: 0 0 0 6px var(--focus-edge) !important;
}
.site :focus-visible {
  outline: 2px solid var(--spark) !important;
  outline-offset: 3px !important;
  box-shadow: none !important;
}
.site-footer,.map-attribution {
  background: var(--attribution-surface);
  color: var(--attribution-ink);
}
.site-footer .footer-links a,.site-footer p,.site-footer .footer-line,.site-footer .company-details {
  color: var(--attribution-ink);
}
.map-attribution a {
  color: var(--attribution-link);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.map-attribution {
  padding: 6px 8px;
}
.motion-control {
  position: fixed;
  z-index: 30;
  bottom: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(6,32,30,.72);
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
  border: 1px solid var(--line);
  box-shadow: none;
  color: var(--mist);
  font-size: 0;
  font-weight: 400;
}
html:has(.maplibregl-ctrl-attrib, .map-credits) .motion-control {
  bottom: 44px;
}
.motion-control:hover {
  background: rgba(10,48,44,.88);
  filter: none;
}
.motion-control:focus-visible {
  outline: 2px solid var(--spark) !important;
  outline-offset: 2px !important;
  background: rgba(10,48,44,.88);
  box-shadow: 0 0 0 2px var(--spark) !important;
  border-radius: 50%;
}
.motion-control svg {
  display: block;
  flex-shrink: 0;
}
.map-shell:has(>.motion-control.in-map) {
  position: relative;
}
.map-shell .motion-control.in-map {
  position: absolute;
  z-index: 5;
  left: 10px;
  right: auto;
  top: auto;
  bottom: 10px;
}
html[data-motion-paused] *,html[data-motion-paused] *::before,html[data-motion-paused] *::after {
  animation-play-state: paused !important;
}
html[data-motion-paused] .reveal .island {
  opacity: 1;
  transform: none;
  transition: none;
}
.help-entry,.account-entry {
  position: relative;
  display: inline-block;
}
.help-entry>summary,.account-entry>summary {
  list-style: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 2px 4px;
  color: var(--mist);
}
.help-entry>summary::-webkit-details-marker,.account-entry>summary::-webkit-details-marker {
  display: none;
}
.help-entry>summary::after,.account-entry>summary::after {
  content: "▾";
  margin-left: 6px;
  font-size: 10px;
}
.help-entry[open]>summary,.account-entry[open]>summary {
  color: var(--ink);
}
.help-panel,.account-panel {
  position: absolute;
  z-index: 40;
  top: calc(100% + 8px);
  right: 0;
  width: min(300px,calc(100vw - 32px));
  box-sizing: border-box;
  padding: 14px 16px;
  border-radius: 18px;
  background: var(--attribution-surface);
  border: 1px solid rgba(199,226,219,.18);
  box-shadow: 0 10px 40px rgba(0,0,0,.45);
  text-transform: none;
  letter-spacing: normal;
  font: 14px var(--font-sans);
}
.help-group+.help-group {
  margin-top: 10px;
}
.help-panel .help-heading {
  margin: 0 0 2px;
  font: 600 11px var(--font-mono),monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--aqua);
}
.help-panel ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.help-panel a {
  display: flex;
  align-items: center;
  min-height: 32px;
  color: var(--ink);
  text-decoration: none;
}
.help-panel a:hover {
  color: var(--aqua);
}
.help-panel .help-entity {
  margin: 10px 0 0;
  font-size: 12.5px;
  color: var(--muted);
}
.dash-menu .help-entry>summary,.dash-menu .account-entry>summary {
  font: 12px var(--font-mono),monospace;
  text-transform: uppercase;
  letter-spacing: .14em;
}
.account-panel {
  width: min(240px,calc(100vw - 32px));
  padding: 8px 10px;
}
.account-panel ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.account-panel li+li {
  border-top: 1px solid var(--soft-line);
}
.account-panel a,.account-panel button {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 0 6px;
  box-sizing: border-box;
  border: 0;
  border-radius: 10px;
  background: none;
  color: var(--ink);
  font: 500 14.5px var(--font-sans);
  text-align: left;
  text-decoration: none;
  filter: none;
}
.dash-menu .account-panel a {
  color: var(--ink);
  min-height: 40px;
  padding: 0 6px;
}
.account-panel a:hover,.account-panel button:hover,.dash-menu .account-panel a:hover {
  color: var(--aqua);
  background: rgba(31,140,124,.12);
}
.account-panel form {
  margin: 0;
}
.member-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
}
html:has(.member-bar) {
  scroll-padding-top: calc(var(--member-bar-height,96px) + 12px);
}
.member-bar {
  position: sticky;
  top: 0;
  z-index: 30;
  margin: -10px -14px 10px;
  padding: 10px 14px 8px;
  border-radius: 0 0 18px 18px;
  background: rgba(5,32,30,.94);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  backdrop-filter: blur(14px) saturate(1.2);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 10px 24px rgba(2,14,13,.35);
}
.member-bar .member-history-nav .member-actions {
  margin: 0;
  gap: 6px;
}
.member-bar .member-history-nav button {
  padding: 6px 14px;
  font-size: 13px;
  min-height: 32px;
}
.member-bar .member-menu {
  margin: 6px 0 0;
  flex-wrap: nowrap;
  gap: 4px 8px;
}
.member-bar .member-menu>p {
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none;
  -webkit-mask-image: linear-gradient(to right,var(--ink) 90%,transparent);
  mask-image: linear-gradient(to right,var(--ink) 90%,transparent);
}
.member-bar .member-menu>p::-webkit-scrollbar {
  display: none;
}
@media (min-width:721px) {
  .member-bar:not(.map-bar) {
    display: flex;
    align-items: center;
    gap: 14px;
  }
  .member-bar:not(.map-bar) .member-history-nav {
    flex: 0 0 auto;
  }
  .member-bar:not(.map-bar) .member-menu {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
  }
  .member-bar .member-menu>p {
    scrollbar-width: thin;
    scrollbar-color: var(--line) transparent;
    padding-bottom: 2px;
  }
  .member-bar .member-menu>p::-webkit-scrollbar {
    display: block;
    height: 4px;
  }
}
.map-frame[data-map=full] .maplibregl-ctrl-bottom-right {
  max-width: 100%;
}
.map-frame[data-map=full] .maplibregl-ctrl.maplibregl-ctrl-attrib {
  box-sizing: border-box;
  max-width: 100%;
  margin: 0;
  padding: 2px 8px;
  border-radius: 8px 0 0 0;
  font-size: 10.5px;
  line-height: 16px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  background: var(--panel);
  color: var(--muted);
}
.map-frame[data-map=full] .maplibregl-ctrl.maplibregl-ctrl-attrib::-webkit-scrollbar {
  display: none;
}
.map-frame[data-map=full] .maplibregl-ctrl-attrib .maplibregl-ctrl-attrib-inner {
  display: inline;
  white-space: nowrap;
}
.map-frame[data-map=full] .maplibregl-ctrl-attrib a {
  color: var(--muted);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.map-frame[data-map=full] .maplibregl-ctrl-attrib a:hover,.map-frame[data-map=full] .maplibregl-ctrl-attrib a:focus-visible {
  color: var(--mist);
}
.dash .offset-disclaimer {
  margin: 0;
  padding: 6px 12px;
  border-radius: 14px;
  background: rgba(5,32,30,.62);
  font-size: 12.5px;
  line-height: 1.45;
}
html body.dashboard .motion-control {
  left: 12px;
  right: auto;
  bottom: 6px;
}
html.dashboard-root,body.dashboard {
  height: 100%;
}
body.dashboard {
  margin: 0;
  overflow: hidden;
}
.dash {
  position: fixed;
  inset: 0;
}
.dash-map {
  position: relative;
  width: 100%;
  height: 100%;
  background: var(--map-ground);
}
.dash .map-frame.map-full {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: var(--map-ground);
}
.dash-map [data-you-here] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
  pointer-events: none;
}
.dash-map:has([data-returned]) [data-you-here] {
  display: none;
}
.dash .maplibregl-popup {
  z-index: 4;
}
.dash .map-status {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.dash .map-attribution {
  display: none;
}
.dash .island {
  background: rgba(5,32,30,.72);
  border: 1px solid rgba(199,226,219,.14);
  border-radius: 22px;
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  backdrop-filter: blur(14px) saturate(1.2);
  box-shadow: 0 10px 40px rgba(0,0,0,.35);
  color: var(--ink);
}
.dash-label {
  margin: 0;
  font: 600 11.5px var(--font-mono),monospace;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--muted);
  overflow-wrap: anywhere;
}
.dash-overlays {
  position: absolute;
  z-index: 3;
  top: 12px;
  left: 12px;
  right: 12px;
  bottom: max(calc(var(--map-sources-height, 40px) + 14px), 46px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  pointer-events: none;
}
.dash-overlay {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 0;
  pointer-events: none;
}
.dash-overlay>* {
  pointer-events: auto;
}
.dash-overlay.top {
  flex: 0 1 auto;
  align-items: flex-start;
  max-height: calc(100dvh - 120px);
  overflow-y: auto;
}
.dash-overlay.top:has(.help-entry[open]),.dash-overlay.top:has(.account-entry[open]),.dash-overlay.top:has(.dash-menu-more.open) {
  overflow: visible;
  z-index: 30;
}
.dash-overlay.bottom {
  flex: 0 1 auto;
  align-items: center;
  gap: 8px;
}
.dash-top {
  position: relative;
  z-index: 30;
  width: 100%;
  box-sizing: border-box;
  padding: 7px 8px 7px 18px;
}
.dash-menu {
  display: flex;
  align-items: center;
  gap: 4px 14px;
  min-height: 38px;
  font: 12px var(--font-mono),monospace;
  text-transform: uppercase;
  letter-spacing: .14em;
}
.dash-menu a {
  color: var(--mist);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 2px 4px;
  white-space: nowrap;
}
.dash-menu a:hover {
  color: var(--aqua);
}
.dash-menu .dash-brand {
  font: 800 17px var(--font-bricolage),sans-serif;
  text-transform: none;
  letter-spacing: -.01em;
  color: var(--ink);
  margin-right: auto;
}
.dash-menu-more {
  display: flex;
  align-items: center;
  gap: 4px 14px;
}
.dash-menu .help-entry>summary,.dash-menu .account-entry>summary {
  font: 12px var(--font-mono),monospace;
  text-transform: uppercase;
  letter-spacing: .14em;
  min-height: 32px;
}
.dash-menu-toggle {
  display: none;
}
.dash-menu-icon {
  display: inline-block;
  width: 14px;
  height: 10px;
  border-top: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  position: relative;
  box-sizing: border-box;
}
.dash-menu-icon::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 2px;
  border-top: 2px solid currentColor;
}
.dash-heading {
  max-width: calc(100% - 60px);
  padding: 0 6px;
  pointer-events: none;
  text-shadow: 0 1px 8px rgba(2,14,13,.9);
}
.dash-heading:empty {
  display: none;
}
.dash-heading p {
  margin: 2px 0 0;
  font-size: 13.5px;
  color: var(--mist);
}
.dash-heading .dash-share {
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  margin: 8px 0 0;
  padding: 0 16px;
  border-radius: 100px;
  border: 1px solid rgba(52,195,166,.5);
  background: rgba(6,32,30,.78);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: var(--ink);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  text-shadow: none;
  box-shadow: 0 6px 18px rgba(0,0,0,.3);
}
.dash-heading .dash-share:hover {
  border-color: var(--aqua);
  background: rgba(52,195,166,.16);
}
.dash .maplibregl-ctrl-top-right {
  top: 66px;
  right: 12px;
}
.dash .maplibregl-ctrl-bottom-right {
  left: 52px;
  max-width: none;
}
.dash-notices {
  width: min(380px,calc(100% - 60px));
  display: flex;
  flex-direction: column;
}
.dash-notice {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 10px 14px 18px;
  box-sizing: border-box;
  border-color: rgba(255,178,74,.35);
}
.dash-notice[hidden] {
  display: none;
}
.notice-body {
  flex: 1;
  min-width: 0;
}
.notice-body p {
  margin: 6px 0 0;
  font-size: 14.5px;
  line-height: 1.45;
  color: var(--ink);
}
.notice-body .dash-label {
  margin: 2px 0 0;
  letter-spacing: .08em;
}
.notice-body .dash-thanks {
  margin: 2px 0 8px;
  font-family: var(--font-heading);
  font-size: 17px;
  font-weight: 600;
  color: var(--aqua);
}
.notice-lines {
  list-style: none;
  margin: 6px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.notice-lines li {
  color: var(--ink);
  font-weight: 600;
  font-size: 15px;
  line-height: 1.35;
}
.notice-body .notice-actions {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
}
.notice-actions .button {
  padding: 9px 18px;
  font-size: 14px;
}
.notice-action {
  font-weight: 600;
}
.moment-close {
  flex: none;
  background: transparent;
  color: var(--mist);
  border: 1px solid var(--line);
  width: 36px;
  height: 36px;
  padding: 0;
  font-size: 18px;
  line-height: 1;
}
.dash-notice button[data-install] {
  padding: 8px 16px;
  font-size: 14px;
  text-align: left;
}
.dash-dock {
  display: flex;
  gap: 4px;
  padding: 6px;
}
.dock-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  min-width: 104px;
  padding: 8px 14px 7px;
  box-sizing: border-box;
  border-radius: 16px;
  text-decoration: none;
  color: var(--mist);
  transition: background .25s;
}
.dock-item:hover {
  background: rgba(31,140,124,.16);
}
.dock-item[aria-expanded="true"] {
  background: rgba(31,140,124,.26);
  box-shadow: inset 0 0 0 1px rgba(52,195,166,.4);
  color: var(--aqua);
}
.dock-icon {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
}
.dock-word {
  font: 600 11px var(--font-mono),monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ink);
  white-space: nowrap;
}
.dock-sub {
  max-width: 150px;
  font-size: 12px;
  line-height: 1.3;
  color: var(--mist);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-sheet {
  display: none;
  flex-direction: column;
  width: min(640px,100%);
  box-sizing: border-box;
  max-height: min(60vh,560px);
  min-height: 0;
  overflow: hidden;
}
.dash-sheet.open,.dash-sheet:target {
  display: flex;
}
@media (prefers-reduced-motion:no-preference) {
  html:not([data-motion-paused]) .dash-sheet.open {
    animation: dash-sheet-up .32s cubic-bezier(.22,1,.36,1);
  }
}
@keyframes dash-sheet-up {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.sheet-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 10px 2px 20px;
}
.sheet-title {
  margin: 0;
  font: 700 18px var(--font-bricolage),sans-serif;
  letter-spacing: -.01em;
  color: var(--ink);
}
.sheet-close {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid var(--line);
  color: var(--mist);
  text-decoration: none;
  font-size: 18px;
  line-height: 1;
}
.sheet-close:hover {
  color: var(--ink);
}
.sheet-body {
  min-height: 0;
  overflow-y: auto;
  padding: 8px 20px 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.sheet-body p {
  margin: 0;
}
.sheet-lead {
  color: var(--mist);
  font-size: 14.5px;
}
.sheet-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  font-size: 14.5px;
}
.dash-spark-ripple {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  width: 100%;
  align-items: start;
}
.dash-panel {
  min-width: 0;
  border: 1px solid var(--soft-line);
  border-radius: 18px;
  background: rgba(11,51,47,.4);
}
.dash-spark-ripple .dash-panel[open] {
  grid-column: 1 / -1;
}
.dash-spark-ripple > .dash-panel:only-child {
  grid-column: 1 / -1;
}
.dash-spark-cell {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
.dash-spark-cell > .dash-panel {
  align-self: stretch;
}
.dash-spark-ripple > .dash-spark-cell:only-child, .dash-spark-ripple > .dash-spark-cell:has(> .dash-panel[open]) {
  grid-column: 1 / -1;
}
.dash-panel summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 12px 16px;
  position: relative;
  border-radius: 18px;
}
.dash-panel summary::-webkit-details-marker {
  display: none;
}
.dash-panel summary::after {
  content: "▾";
  position: absolute;
  top: 12px;
  right: 14px;
  color: var(--muted);
  font-size: 12px;
}
.dash-panel[open] summary::after {
  content: "▴";
}
.panel-figure {
  margin: 0;
  font: 800 24px var(--font-bricolage),sans-serif;
  color: var(--spark);
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}
.panel-figure.panel-quiet {
  font: 500 14px/1.35 var(--font-sans);
  color: var(--muted);
  padding-right: 14px;
}
.panel-figure.panel-pending {
  display: flex;
  align-items: center;
  font: 500 14px/1.35 var(--font-sans);
  color: var(--muted);
}
.panel-figure.panel-pending .spinner {
  width: 14px;
  height: 14px;
  margin-right: 8px;
}
.dash-wait-note {
  margin: 10px 0 0;
  font-size: 14px;
  color: var(--muted);
}
.panel-note {
  font-size: 12.5px;
  color: var(--muted);
}
.panel-claim {
  margin: 0 0 0 6px;
  font-size: 12.5px;
  line-height: 1.35;
  color: var(--mist);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.panel-claim:hover {
  color: var(--ink);
}
.own-withdrawn {
  color: var(--ink);
}
.dash-wait-note p {
  margin: 0 0 4px;
}
.own-summary {
  margin-left: 0;
}
.panel-body,.own-body {
  padding: 0 16px 14px;
}
.panel-body p,.own-body p {
  margin: 8px 0;
  font-size: 14.5px;
  line-height: 1.5;
}
.own-total {
  color: var(--ink);
}
.own-split {
  list-style: none;
  padding: 0;
  margin: 8px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  color: var(--mist);
  font-size: 14.5px;
}
.own-gift {
  color: var(--ink) !important;
}
.own-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  font-size: 14px;
}
.dash .offset-disclaimer {
  margin: 0;
  padding: 0 2px;
  background: none;
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--mist);
}
.dash-pioneer {
  color: var(--spark);
  font-weight: 600;
  font-size: 14.5px;
}
.dash-figures {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding-top: 10px;
  border-top: 1px solid var(--soft-line);
}
.compass-figures {
  margin: 0;
  color: var(--ink);
  font: 700 17px var(--font-bricolage),sans-serif;
  line-height: 1.3;
}
.dash-network {
  margin: 0;
  color: var(--mist);
  font-size: 14px;
}
.dash-sheet .dash-select.island {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.dash-select-choices {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.dash-select-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px 12px;
  min-height: 24px;
}
.dash-select-lines {
  min-width: 0;
}
.dash-select-lines p {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  color: var(--mist);
}
.dash-select-lines .dash-select-count {
  color: var(--ink);
}
.dash .dash-show {
  flex: none;
  padding: 6px 14px;
  font-size: 13px;
  min-height: 32px;
}
.dash .pill {
  position: relative;
  display: inline-flex;
}
.dash .pill input {
  position: absolute;
  inset: 0;
  opacity: 0;
  margin: 0;
  cursor: pointer;
}
.dash .pill span {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 100px;
  border: 1px solid var(--line);
  font: 600 11.5px var(--font-mono),monospace;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--mist);
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: border-color .2s,background .2s;
}
.dash .pill input:checked+span {
  border-color: var(--aqua);
  color: var(--ink);
  background: rgba(52,195,166,.16);
}
.dash .dash-select-group {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 240px;
  margin: 0;
  padding: 8px 12px 8px 14px;
  border-radius: 100px;
  border: 1px solid var(--line);
  background: transparent;
  color: var(--mist);
  font: 600 11.5px var(--font-mono),monospace;
  text-transform: uppercase;
  letter-spacing: .12em;
  filter: none;
  transition: border-color .2s,background .2s;
}
.dash .dash-select-group-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash .dash-select-group-more {
  flex: none;
  font-size: 10px;
  line-height: 1;
  transition: transform .2s;
}
.dash .dash-select-group-more::before {
  content: "▾";
}
.dash .dash-select-group[aria-expanded="true"] {
  border-color: var(--aqua);
  color: var(--ink);
}
.dash .dash-select-group[aria-expanded="true"] .dash-select-group-more {
  transform: rotate(180deg);
}
.dash .dash-select-choices:has(.dash-select-groups input:checked) .dash-select-group {
  border-color: var(--aqua);
  color: var(--ink);
  background: rgba(52,195,166,.16);
}
.dash .dash-select-groups {
  display: none;
  flex: 1 0 100%;
  order: 9;
  margin-top: 4px;
  padding: 8px;
  box-sizing: border-box;
  border-radius: 16px;
  border: 1px solid var(--soft-line);
  background: rgba(11,51,47,.45);
}
.dash .dash-select-groups.open {
  display: block;
}
.dash .dash-select-group-search {
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 8px;
  padding: 9px 14px;
  border-radius: 100px;
  border: 1px solid var(--line);
  background: rgba(5,32,30,.6);
  color: var(--ink);
  font: 14px var(--font-sans);
}
.dash .dash-select-group-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-height: 220px;
  overflow-y: auto;
}
.dash .dash-select-group-row {
  display: flex;
}
.dash .dash-select-group-row[hidden] {
  display: none;
}
.dash .dash-select-group-row span {
  flex: 1;
  max-width: none;
  padding: 10px 12px;
  border: 0;
  border-radius: 12px;
  font: 500 14.5px var(--font-sans);
  text-transform: none;
  letter-spacing: normal;
  color: var(--ink);
}
.dash .dash-select-group-row:hover span {
  background: rgba(31,140,124,.14);
}
.dash .dash-select-group-row input:checked+span {
  background: rgba(52,195,166,.18);
  color: var(--ink);
}
.dash .dash-select-group-row input:focus-visible+span {
  outline: 2px solid var(--aqua);
  outline-offset: -2px;
}
.dash .dash-select-group-none {
  margin: 6px 4px 2px;
  font-size: 14px;
  color: var(--mist);
}
.dash .dash-legend {
  max-width: calc(100% - 60px);
  box-sizing: border-box;
  margin: 0;
  padding: 0 6px;
  gap: 4px 16px;
  font-size: 12.5px;
  color: var(--mist);
  pointer-events: none;
  text-shadow: 0 1px 8px rgba(2,14,13,.9);
}
.dash .dash-legend li {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.dash .dash-legend span {
  width: 9px;
  height: 9px;
  margin-right: 6px;
}
@media (max-width:899px) {
  .dash-top {
    padding: 6px 6px 6px 14px;
  }
  .dash-menu {
    gap: 4px 8px;
    letter-spacing: .08em;
  }
  .dash-menu .dash-brand {
    font-size: 15.5px;
  }
  .dash-menu .help-entry>summary,.dash-menu .account-entry>summary {
    letter-spacing: .08em;
  }
  .dash-menu-more {
    display: none;
  }
  .dash-menu-more.open {
    display: flex;
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 8px;
    border-radius: 20px;
    background: var(--attribution-surface);
    border: 1px solid rgba(199,226,219,.18);
    box-shadow: 0 10px 40px rgba(0,0,0,.45);
  }
  .dash-menu-more.open a {
    min-height: 44px;
    padding: 0 12px;
    border-radius: 12px;
    font-size: 13px;
    letter-spacing: .12em;
  }
  .dash-menu-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 6px 12px;
    border-radius: 100px;
    background: transparent;
    border: 1px solid var(--line);
    color: var(--ink);
    font: 600 12px var(--font-mono),monospace;
    text-transform: uppercase;
    letter-spacing: .08em;
  }
  .dash-menu-toggle[aria-expanded="true"] {
    border-color: var(--aqua);
  }
  .dash-overlay.bottom {
    align-items: stretch;
  }
  .dash-dock {
    align-self: stretch;
  }
  .dock-item {
    flex: 1;
    min-width: 0;
    padding: 8px 4px 7px;
  }
  .dock-sub {
    max-width: 100%;
  }
  .dash-sheet {
    width: 100%;
    max-height: calc(100dvh - var(--map-sources-height, 40px) - 330px);
  }
}
.dash-top.is-folded .dash-menu {
  letter-spacing: .08em;
}
.dash-top.is-folded .dash-menu-more {
  display: none;
}
.dash-top.is-folded .dash-menu-more.open {
  display: flex;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: min(340px,100%);
  flex-direction: column;
  align-items: stretch;
  gap: 2px;
  padding: 8px;
  box-sizing: border-box;
  border-radius: 20px;
  background: var(--attribution-surface);
  border: 1px solid rgba(199,226,219,.18);
  box-shadow: 0 10px 40px rgba(0,0,0,.45);
}
.dash-top.is-folded .dash-menu-more.open a {
  min-height: 44px;
  padding: 0 12px;
  border-radius: 12px;
  font-size: 13px;
  letter-spacing: .12em;
}
.dash-top.is-folded .dash-menu-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 6px 12px;
  border-radius: 100px;
  background: transparent;
  border: 1px solid var(--line);
  color: var(--ink);
  font: 600 12px var(--font-mono),monospace;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.dash-top.is-folded .dash-menu-toggle[aria-expanded="true"] {
  border-color: var(--aqua);
}
.dash.sheet-open .dash-notices,.dash:has(.dash-sheet:target) .dash-notices {
  display: none;
}
@media (max-width:459px) {
  .dash-menu .dash-brand {
    font-size: 14.5px;
  }
  .dash-menu-toggle {
    padding: 6px 11px;
  }
  .dash-menu-word {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
}
.el-page h1 {
  margin: 10px 0 18px;
}
.el-page h2 {
  margin: 0 0 6px;
  font-size: 17px;
}
.el-lead {
  font-size: 16.5px;
  line-height: 1.6;
  color: var(--mist);
}
.el-lead strong {
  color: var(--ink);
}
.el-steps {
  list-style: none;
  display: flex;
  gap: 10px;
  padding: 0;
  margin: 0 0 26px;
  counter-reset: none;
}
.el-step {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--soft-line);
  font: 600 11.5px var(--font-mono),monospace;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--muted);
}
.el-step-number {
  flex: none;
  width: 26px;
  height: 26px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid var(--line);
  font-size: 12px;
  letter-spacing: 0;
}
.el-step.is-current {
  border-color: rgba(52,195,166,.55);
  color: var(--ink);
  background: rgba(52,195,166,.08);
}
.el-step.is-current .el-step-number {
  background: var(--aqua);
  color: var(--button-ink);
  border-color: transparent;
}
.el-step.is-done {
  color: var(--mist);
}
.el-step.is-done .el-step-number {
  color: var(--aqua);
  border-color: rgba(52,195,166,.55);
}
.el-sources {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 24px 0;
}
.el-source {
  padding: 20px 22px;
  border-radius: 18px;
  border: 1px solid var(--soft-line);
  background: rgba(4,23,25,.45);
}
.el-source p {
  margin: 6px 0 0;
  font-size: 14.5px;
  line-height: 1.55;
}
.el-source em {
  font-style: normal;
  color: var(--ink);
}
.el-source code,.el-page code {
  font: 500 13px var(--font-mono),monospace;
  color: var(--ink);
  background: rgba(52,195,166,.12);
  padding: 1px 6px;
  border-radius: 6px;
}
.el-downloads {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px !important;
}
.el-downloads .button {
  padding: 9px 16px;
  font-size: 14px;
}
a.button.secondary {
  color: var(--aqua);
  border: 1px solid rgba(52,195,166,.45);
  background: transparent;
}
.el-file {
  margin: 8px 0 10px;
}
.el-file[hidden] {
  display: none;
}
.el-drop {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 150px;
  padding: 28px 20px;
  border-radius: 20px;
  border: 1.5px dashed rgba(52,195,166,.55);
  background: radial-gradient(ellipse at top,rgba(52,195,166,.10),transparent 70%),rgba(8,42,39,.45);
  text-align: center;
  text-transform: none;
  letter-spacing: normal;
  cursor: pointer;
  transition: border-color .2s,background .2s,box-shadow .2s;
}
.el-drop::before {
  content: "↑";
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--aqua);
  color: var(--button-ink);
  font: 800 22px var(--font-bricolage),sans-serif;
  box-shadow: 0 0 28px rgba(52,195,166,.3);
}
.el-drop:hover {
  border-color: var(--aqua);
  box-shadow: 0 0 32px rgba(52,195,166,.12);
}
.el-drop-title {
  font: 700 19px var(--font-bricolage),sans-serif;
  color: var(--ink);
}
.el-drop-hint {
  font: 400 12.5px var(--font-mono),monospace;
  letter-spacing: .06em;
  color: var(--muted);
}
.el-file-input {
  position: absolute;
  width: 1px !important;
  height: 1px;
  opacity: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.el-file-input:focus-visible+.el-privacy,.el-file:focus-within .el-drop {
  border-color: var(--aqua);
  box-shadow: 0 0 0 2px var(--focus-ring);
}
.el-privacy {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin: 16px 0;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(52,195,166,.07);
  border: 1px solid rgba(52,195,166,.2);
  font-size: 14.5px;
  line-height: 1.5;
  color: var(--mist);
}
.el-lock {
  flex: 0 0 18px;
  height: 18px;
  margin-top: 2px;
  background: var(--aqua);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/contain no-repeat;
}
.el-status {
  min-height: 1.5em;
  margin: 8px 0;
  font-size: 14.5px;
  color: var(--aqua);
}
.el-status:empty {
  display: none;
}
.el-found {
  padding: 22px;
  border-radius: 20px;
  border: 1px solid rgba(52,195,166,.4);
  background: rgba(11,51,47,.55);
  box-shadow: 0 0 40px rgba(52,195,166,.07);
}
.el-found-title {
  margin: 0 0 4px;
  font: 700 18px var(--font-bricolage),sans-serif;
  color: var(--ink);
}
.el-figures {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
  gap: 12px;
  margin: 16px 0 18px;
}
.el-figure {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  padding: 16px 18px;
  border-radius: 16px;
  border: 1px solid var(--soft-line);
  background: rgba(4,23,25,.5);
}
.el-figure strong {
  font: 800 clamp(28px,5vw,38px)/1.05 var(--font-bricolage),sans-serif;
  letter-spacing: -.02em;
  color: var(--ink);
  overflow-wrap: anywhere;
}
.el-figure span {
  font: 400 12px var(--font-mono),monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--muted);
}
.el-figure.is-good strong {
  color: var(--aqua);
}
.el-figure.is-problem {
  border-color: rgba(255,178,74,.4);
}
.el-figure.is-problem strong {
  color: var(--spark);
}
.el-figure.is-text strong {
  font-size: 19px;
  line-height: 1.3;
  letter-spacing: 0;
}
.el-choice {
  min-width: 0;
  margin: 18px 0;
  padding: 20px;
  border-radius: 18px;
  border: 1px solid var(--line);
}
.el-choice legend {
  float: left;
  width: 100%;
  margin: 0 0 6px;
  font: 700 18px var(--font-bricolage),sans-serif;
  text-transform: none;
  letter-spacing: normal;
  color: var(--ink);
}
.el-choice legend+* {
  clear: both;
}
.el-option {
  position: relative;
  margin: 10px 0 0;
}
.el-option input[type=radio] {
  position: absolute;
  left: 18px;
  top: 18px;
  display: grid;
  width: 18px !important;
  height: 18px;
  margin: 0 !important;
  padding: 0 !important;
}
.el-option label {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 14px 16px 14px 50px;
  border-radius: 14px;
  border: 1px solid var(--line);
  text-transform: none;
  letter-spacing: normal;
  font: inherit;
  cursor: pointer;
}
.el-option label strong {
  font-size: 16px;
  color: var(--ink);
  overflow-wrap: anywhere;
}
.el-option label span {
  font-size: 14px;
  color: var(--mist);
}
.el-option input:checked+label {
  border-color: var(--aqua);
  background: rgba(52,195,166,.1);
}
.el-other {
  margin: 14px 0 4px;
}
.el-other summary,.el-paste summary {
  cursor: pointer;
  color: var(--aqua);
  font-weight: 600;
}
.el-amount {
  margin: 18px 0 0;
}
.el-file form button,.el-confirm button {
  width: 100%;
  margin-top: 14px;
}
.el-paste {
  margin: 26px 0 8px;
  padding: 18px 20px;
  border-radius: 18px;
  border: 1px solid var(--soft-line);
}
.el-paste[open] summary {
  margin-bottom: 12px;
}
.el-paste textarea {
  font: 400 16px var(--font-mono),monospace;
}
.el-groups {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 6px 0 18px;
}
.flow-card .el-group {
  margin: 0;
  padding: 18px 20px;
  border-radius: 18px;
  border: 1px solid rgba(255,178,74,.28);
  background: rgba(255,178,74,.04);
}
.el-group h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 10px;
  font: 700 16.5px var(--font-bricolage),sans-serif;
  color: var(--ink);
}
.el-count {
  flex: none;
  min-width: 30px;
  padding: 2px 10px;
  border-radius: 100px;
  background: rgba(255,178,74,.16);
  color: var(--spark);
  font: 600 13px var(--font-mono),monospace;
  text-align: center;
}
.refused-lines {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 420px;
  overflow: auto;
}
.refused-lines li {
  display: grid;
  grid-template-columns: minmax(84px,auto) 1fr;
  gap: 4px 12px;
  font-size: 14.5px;
  line-height: 1.45;
  color: var(--mist);
  overflow-wrap: anywhere;
}
.el-line {
  font: 600 12.5px/1.9 var(--font-mono),monospace;
  letter-spacing: .04em;
  color: var(--ink);
  white-space: nowrap;
}
.el-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 22px 0 8px;
}
.el-confirm .check-row {
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid rgba(255,178,74,.3);
  background: rgba(255,178,74,.05);
}
.el-cancel {
  width: 100%;
  margin-top: 12px;
}
.el-progress {
  padding: 20px 22px;
  border-radius: 18px;
  border: 1px solid var(--line);
}
.el-progress p {
  margin: 0 0 12px;
  color: var(--ink);
  font-weight: 600;
}
.el-progress progress {
  width: 100%;
  height: 10px;
  border-radius: 100px;
  overflow: hidden;
  appearance: none;
  background: rgba(199,226,219,.1);
  border: 0;
}
.el-progress progress::-webkit-progress-bar {
  background: rgba(199,226,219,.1);
}
.el-progress progress::-webkit-progress-value {
  background: linear-gradient(90deg,var(--button-start),var(--button-end));
  border-radius: 100px;
}
.el-progress progress::-moz-progress-bar {
  background: var(--aqua);
}
.el-done {
  display: flex;
  align-items: center;
  gap: 14px;
}
.el-done h1 {
  margin: 10px 0;
}
.el-done-mark {
  flex: 0 0 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--aqua);
  color: var(--button-ink);
  font-weight: 800;
  font-size: 22px;
  box-shadow: 0 0 30px rgba(52,195,166,.35);
}
.el-back {
  margin-top: 26px;
}
.el-section .button {
  margin-top: 4px;
}
@media (max-width:640px) {
  .el-sources {
    grid-template-columns: 1fr;
  }
  .el-steps {
    gap: 6px;
  }
  .el-step {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 10px;
    font-size: 10.5px;
    letter-spacing: .06em;
  }
  .el-figures {
    grid-template-columns: 1fr 1fr;
  }
  .el-figure.is-text,.el-found .el-figure {
    grid-column: 1 / -1;
  }
  .el-figure.is-text strong {
    font-size: 17px;
  }
  .el-actions .button {
    width: 100%;
    text-align: center;
  }
  .refused-lines li {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.join-journey-body {
  margin: 0;
}
.join-journey {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 40px 24px 32px;
  overflow-x: clip;
  box-sizing: border-box;
}
.join-journey-column {
  width: 100%;
  max-width: 520px;
  min-width: 0;
  overflow-x: clip;
  box-sizing: border-box;
}
.join-journey-card-check span {
  overflow-wrap: anywhere;
}
.join-journey-column h1 {
  font-size: 33px;
  line-height: 1.07;
  letter-spacing: -.025em;
  margin: 4px 0 10px;
}
.join-journey-lead {
  font-size: 16px;
  line-height: 1.5;
  color: var(--mist);
  margin: 0 0 18px;
}
.join-journey-eyebrow {
  font: 500 10.5px/1.35 var(--font-mono),monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--muted);
  margin: 0 0 14px;
}
.join-journey-back,.join-journey-column .back-link {
  display: inline-block;
  font-size: 14px;
  color: var(--mist);
  margin: 0 0 18px;
  text-decoration: none;
}
.join-journey-back:hover,.join-journey-column .back-link:hover {
  color: var(--aqua);
}
.join-journey-change {
  margin: 16px 0 8px;
  font-size: 14px;
}
.join-journey-change a {
  color: var(--aqua);
}
.join-journey-form-hint {
  min-height: 1.4em;
  font-size: 14px;
  color: var(--muted);
  margin: 10px 0 0;
}
.join-journey-card-check {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 18px 0 0;
  font-size: 14px;
  color: var(--mist);
}
.join-journey-card-check__icon {
  flex: none;
  margin-top: 2px;
}
.join-journey-column .consent {
  border: 0;
  margin: 0;
  padding: 0;
}
.join-journey-column .consent .check-row {
  margin: 12px 0;
}
.join-journey-column .monthly-gift-summary {
  font-size: 15px;
  color: var(--ink);
  margin: 0 0 12px;
}
.join-journey-column .offset-disclaimer {
  font-size: 13.5px;
  margin: 0 0 16px;
}
.join-journey-column .readonly-country {
  margin: 0 0 4px;
  color: var(--ink);
  font-size: 16px;
}
.join-journey-column button.join-journey-button:disabled {
  opacity: .45;
  cursor: default;
}
body:has(main.join-journey) > footer.member-footer:not(.member-footer--journey) {
  display: none;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.join-journey-column .join-journey-label {
  display: block;
  font: 500 11px/1 var(--font-mono),monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--mist);
  margin: 18px 0 8px;
}
.join-journey-column .join-journey-input {
  width: 100%;
  min-height: 52px;
  border-radius: 14px;
  border: 1px solid rgba(199,226,219,.28);
  background: rgba(8,42,39,.65);
  color: var(--ink);
  font: 400 17px/1.4 var(--font-sans);
  padding: 12px 16px;
  margin: 0 0 16px;
}
.join-journey-column .join-journey-input:focus {
  outline: none;
  border-color: var(--focus-ring);
  box-shadow: 0 0 0 3px rgba(255,178,74,.25);
}
.join-journey-column button.join-journey-button,.join-journey-column a.join-journey-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 54px;
  margin-top: 18px;
  font-size: 16px;
  box-sizing: border-box;
}
.join-journey-column button.join-journey-button--secondary {
  margin-top: 12px;
  min-height: 48px;
  background: transparent;
  border: 1px solid var(--line);
  color: var(--ink);
  box-shadow: none;
}
.join-journey-column button.join-journey-button--secondary:hover:not(:disabled) {
  border-color: var(--aqua);
  color: var(--aqua);
}
.join-journey-resend {
  margin: 8px 0 12px;
}
.join-journey-resend__hint {
  font-size: 14px;
  line-height: 1.45;
  color: var(--mist);
  margin: 0 0 8px;
}
.join-route {
  margin: 6px 0 28px;
  padding: 0 4px;
}
.join-route__track {
  position: relative;
  height: 30px;
  margin-right: 34px;
}
.join-route__track::before {
  content: "";
  position: absolute;
  left: 0;
  right: -30px;
  top: 14px;
  height: 2px;
  border-radius: 2px;
  background: rgba(199,226,219,.16);
}
.join-route__fill {
  position: absolute;
  left: 0;
  top: 14px;
  height: 2px;
  border-radius: 2px;
  max-width: calc(100% - 30px);
  background: linear-gradient(90deg,var(--aqua),var(--spark));
  transition: width .7s cubic-bezier(.3,.7,.2,1);
}
.join-route__fill--0 {
  width: 0;
}
.join-route__fill--50 {
  width: 50%;
}
.join-route__fill--100 {
  width: 100%;
}
.join-route__stations {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  inset: 0;
}
.join-route__station {
  position: absolute;
  top: 9px;
  font: 500 10px/1 var(--font-mono),monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--muted);
  white-space: nowrap;
  text-align: center;
}
.join-route__station--email {
  left: 0;
  transform: none;
  text-align: left;
}
.join-route__station--card-check {
  left: 50%;
  transform: translateX(-50%);
}
.join-route__station--email .join-route__dot {
  margin-left: 0;
}
.join-route__station--your-place {
  left: 100%;
  transform: translateX(-100%);
  text-align: right;
}
.join-route__station--your-place .join-route__dot {
  margin-left: auto;
  margin-right: 0;
}
.join-route__dot {
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 auto 8px;
  border-radius: 50%;
  background: var(--abyss);
  border: 2px solid rgba(199,226,219,.3);
  transition: background .4s,border-color .4s,box-shadow .4s;
}
.join-route__station--done {
  color: var(--mist);
}
.join-route__station--done .join-route__dot {
  background: var(--aqua);
  border-color: var(--aqua);
}
.join-route__station--current {
  color: var(--ink);
}
.join-route__station--current .join-route__dot {
  background: var(--abyss);
  border-color: var(--spark);
  box-shadow: 0 0 0 4px rgba(255,178,74,.16);
}
.join-route__lamp {
  position: absolute;
  right: 0;
  top: -1px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1.5px dashed rgba(199,226,219,.38);
  display: grid;
  place-items: center;
  transition: border-color .5s;
}
.join-route__lamp::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(199,226,219,.18);
  transition: background .5s,box-shadow .5s;
}
.join-route__lamp--lit {
  border: 1.5px solid rgba(255,178,74,.75);
}
.join-route__lamp--lit::after {
  background: var(--map-own-ring);
  box-shadow: 0 0 6px 3px rgba(255,178,74,.65),0 0 22px 10px rgba(255,178,74,.45);
}
.join-journey-lit-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 2px 0 18px;
  font: 500 10.5px/1 var(--font-mono),monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--spark);
}
.join-journey-lit-header__lamp {
  position: relative;
  flex: none;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1.5px solid rgba(255,178,74,.75);
  display: grid;
  place-items: center;
}
.join-journey-lit-header__lamp::after {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--map-own-ring);
  box-shadow: 0 0 6px 3px rgba(255,178,74,.65),0 0 18px 8px rgba(255,178,74,.45);
}
.join-journey-lit-header--waiting {
  color: var(--mist);
}
.join-journey-lit-header--waiting .join-journey-lit-header__lamp {
  border: 1.5px dashed rgba(199,226,219,.38);
}
.join-journey-lit-header--waiting .join-journey-lit-header__lamp::after {
  background: rgba(199,226,219,.22);
  box-shadow: none;
}
.join-journey-wait {
  text-align: center;
  padding-top: clamp(12px,8vh,72px);
}
.join-journey-wait h1 {
  margin-top: 0;
}
.join-journey-wait .join-journey-eyebrow {
  margin-bottom: 8px;
  color: var(--aqua);
}
.join-journey-wait .join-journey-lead {
  margin-bottom: 8px;
}
.join-journey-wait [data-wait-honest] {
  margin-top: 22px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(8,42,39,.5);
  text-align: left;
  font-size: 14.5px;
  line-height: 1.5;
  color: var(--mist);
}
.join-journey-wait [data-wait-honest] p {
  margin: 0 0 6px;
}
.join-journey-wait [data-wait-honest][hidden] {
  display: none;
}
.wait-lights {
  position: relative;
  width: 132px;
  height: 132px;
  margin: 0 auto 26px;
}
.wait-lights__ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px solid rgba(52,195,166,.14);
  box-shadow: inset 0 0 40px rgba(52,195,166,.06);
}
.wait-lights__ring::after {
  content: "";
  position: absolute;
  inset: 28%;
  border-radius: 50%;
  border: 1px dashed rgba(199,226,219,.12);
}
.wait-lights__core {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border-radius: 50%;
  background: var(--map-own-ring);
  box-shadow: 0 0 8px 4px rgba(255,178,74,.6),0 0 30px 14px rgba(255,178,74,.28);
}
.wait-lights__orbit {
  position: absolute;
  border-radius: 50%;
}
.wait-lights__orbit i {
  position: absolute;
  left: 50%;
  top: 0;
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
  border-radius: 50%;
  background: var(--aqua);
  box-shadow: 0 0 8px 2px rgba(52,195,166,.55);
}
.wait-lights__orbit--1 {
  inset: 0;
  transform: rotate(20deg);
}
.wait-lights__orbit--2 {
  inset: 14%;
  transform: rotate(150deg);
}
.wait-lights__orbit--2 i {
  width: 5px;
  height: 5px;
  background: var(--mist);
  box-shadow: 0 0 7px 2px rgba(188,214,207,.45);
}
.wait-lights__orbit--3 {
  inset: 6%;
  transform: rotate(255deg);
}
.wait-lights__orbit--3 i {
  background: var(--spark);
  box-shadow: 0 0 8px 2px rgba(255,178,74,.5);
}
.wait-lights__orbit--4 {
  inset: 26%;
  transform: rotate(320deg);
}
.wait-lights__orbit--4 i {
  width: 4px;
  height: 4px;
}
@media (prefers-reduced-motion:no-preference) {
  html:not([data-motion-paused]) .wait-lights__core {
    animation: wait-breathe 3.2s ease-in-out infinite;
  }
  html:not([data-motion-paused]) .wait-lights__orbit--1 {
    animation: wait-turn-1 16s linear infinite;
  }
  html:not([data-motion-paused]) .wait-lights__orbit--2 {
    animation: wait-turn-2 11s linear infinite;
  }
  html:not([data-motion-paused]) .wait-lights__orbit--3 {
    animation: wait-turn-3 21s linear infinite;
  }
  html:not([data-motion-paused]) .wait-lights__orbit--4 {
    animation: wait-turn-4 8s linear infinite;
  }
  html:not([data-motion-paused]) .wait-lights__orbit i {
    animation: wait-twinkle 4.4s ease-in-out infinite;
  }
  html:not([data-motion-paused]) .wait-lights__orbit--2 i {
    animation-delay: -1.4s;
  }
  html:not([data-motion-paused]) .wait-lights__orbit--3 i {
    animation-delay: -2.6s;
  }
  html:not([data-motion-paused]) .wait-lights__orbit--4 i {
    animation-delay: -3.3s;
  }
}
@keyframes wait-breathe {
  0%,100% {
    transform: scale(.86);
    opacity: .82;
  }
  50% {
    transform: scale(1.08);
    opacity: 1;
  }
}
@keyframes wait-twinkle {
  0%,100% {
    opacity: .45;
  }
  50% {
    opacity: 1;
  }
}
@keyframes wait-turn-1 {
  from {
    transform: rotate(20deg);
  }
  to {
    transform: rotate(380deg);
  }
}
@keyframes wait-turn-2 {
  from {
    transform: rotate(150deg);
  }
  to {
    transform: rotate(510deg);
  }
}
@keyframes wait-turn-3 {
  from {
    transform: rotate(255deg);
  }
  to {
    transform: rotate(-105deg);
  }
}
@keyframes wait-turn-4 {
  from {
    transform: rotate(320deg);
  }
  to {
    transform: rotate(680deg);
  }
}
.join-journey-status {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 12px 14px;
  background: rgba(8,42,39,.55);
  margin: 12px 0 4px;
  font-size: 14.5px;
  color: var(--ink);
  min-height: 50px;
}
.join-journey-status__primary {
  margin: 0;
  line-height: 1.45;
}
.join-journey-status__hint {
  margin: 6px 0 0;
  font-size: 13.5px;
  line-height: 1.45;
  color: var(--mist);
}
.join-journey-status__dot {
  flex: none;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin-top: 6px;
  background: var(--spark);
}
.join-journey-status--sending .join-journey-status__dot {
  animation: join-mail-pulse 1.8s ease-in-out infinite;
}
.join-journey-status--sent .join-journey-status__dot {
  background: var(--aqua);
  animation: none;
}
.join-journey-status--failed .join-journey-status__dot {
  background: var(--danger-line);
  animation: none;
}
.join-journey-status--sign-in .join-journey-status__primary ~ .join-journey-status__hint {
  margin-top: 2px;
}
.join-journey-status--sign-in:has([data-mail-pending]:not([hidden]),[data-mail-retrying]:not([hidden])) .join-journey-status__dot {
  animation: join-mail-pulse 1.8s ease-in-out infinite;
}
.join-journey-status--sign-in:has([data-mail-sent]:not([hidden])) .join-journey-status__dot {
  background: var(--aqua);
  animation: none;
}
.join-journey-status--sign-in:has([data-mail-refused]:not([hidden])) .join-journey-status__dot {
  background: var(--danger-line);
  animation: none;
}
.join-journey-sign-in-mail .join-journey-resend__hint:empty, .join-journey-resend .join-journey-resend__hint:empty {
  display: none;
}
.join-journey-sign-in-note {
  margin: 10px 0 0;
  font-size: 13.5px;
  line-height: 1.45;
  color: var(--mist);
}
.join-journey-error {
  margin: 14px 0 0;
  color: var(--danger);
  font-size: 14.5px;
}
.join-journey-support-ref {
  margin: 18px 0 0;
  font-size: 13px;
  color: var(--muted);
  text-align: left;
}
.join-journey-support-ref__body {
  margin: 8px 0 0;
  font: 500 12px/1.4 var(--font-mono),monospace;
  color: var(--mist);
  overflow-wrap: anywhere;
}
.verification--legacy .join-journey-status {
  text-align: left;
}
@keyframes join-mail-pulse {
  0%,100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: .55;
    transform: scale(.92);
  }
}
.join-journey-otp {
  display: grid;
  grid-template-columns: repeat(6,1fr);
  gap: 8px;
  margin: 0 0 4px;
  position: relative;
}
.join-journey-otp__box {
  height: 52px;
  border-radius: 14px;
  border: 1px solid rgba(199,226,219,.28);
  background: rgba(8,42,39,.65);
  display: grid;
  place-items: center;
  font: 500 24px/1 var(--font-mono),monospace;
  color: var(--ink);
  transition: border-color .15s,box-shadow .15s;
}
.join-journey-otp__box--current {
  border-color: var(--focus-ring);
  box-shadow: 0 0 0 3px rgba(255,178,74,.25);
}
.join-journey-otp__box--filled {
  color: var(--ink);
}
.join-journey-otp--error .join-journey-otp__box {
  border-color: var(--danger-line);
}
.join-journey-otp--error .join-journey-otp__box--current {
  border-color: var(--focus-ring);
  box-shadow: 0 0 0 3px rgba(255,178,74,.25);
}
.join-journey-otp input,.join-journey-otp__input {
  position: absolute;
  inset: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  cursor: text;
}
.join-journey-otp--error input[aria-invalid="true"] {
  opacity: 0;
}
.join-journey-invite-preview {
  margin-top: 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 14px;
  background: rgba(8,42,39,.55);
}
.join-journey-invite-preview__kicker {
  font: 500 10.5px/1 var(--font-mono),monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--muted);
}
.join-journey-invite-preview__text {
  font: 700 18px/1.25 var(--font-bricolage),sans-serif;
  margin-top: 8px;
  color: var(--ink);
}
.join-journey-invite-preview__text strong {
  color: var(--spark);
  font-weight: 700;
}
.join-journey-lead {
  margin: 0 0 18px;
  font-size: 16px;
  line-height: 1.5;
  color: var(--mist);
}
.join-journey-error {
  margin: 0 0 14px;
  color: var(--spark);
  font-size: 15px;
}
.join-journey-share-message {
  display: block;
  width: 100%;
  min-height: 52px;
  resize: none;
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid rgba(199,226,219,.28);
  background: rgba(8,42,39,.65);
  color: var(--ink);
  font: 400 16px/1.45 var(--font-sans);
  padding: 14px 16px;
  margin: 0 0 14px;
  box-sizing: border-box;
}
.join-journey-share-message:focus {
  outline: none;
  border-color: var(--focus-ring);
  box-shadow: 0 0 0 3px rgba(255,178,74,.25);
}
.share-audience {
  display: flex;
  gap: 6px;
  margin: 0 0 18px;
  padding: 4px;
  border: 1px solid rgba(199,226,219,.2);
  border-radius: 100px;
  background: rgba(8,42,39,.5);
}
.share-audience .check-row {
  flex: 1 1 0;
  display: flex;
  margin: 0;
  position: relative;
}
.share-audience .check-row input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  pointer-events: none;
}
.share-audience .check-row label {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 6px 12px;
  border-radius: 100px;
  color: var(--mist);
  font-size: 15px;
  line-height: 1.25;
  text-align: center;
  cursor: pointer;
  transition: background .2s,color .2s;
}
.share-audience input:checked + label {
  background: rgba(52,195,166,.18);
  color: var(--ink);
  box-shadow: inset 0 0 0 1px rgba(52,195,166,.55);
}
.share-audience input:focus-visible + label {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}
@media (max-width:420px) {
  .share-audience .check-row label {
    padding: 6px 8px;
    font-size: 14px;
  }
}
.join-journey-column [data-share-message="company"] {
  display: none;
}
.join-journey-column:has(#share-company:checked) [data-share-message="company"] {
  display: block;
}
.join-journey-column:has(#share-company:checked) [data-share-message="friends"] {
  display: none;
}
.join-journey-share-chip-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0 0 16px;
}
.join-journey-share-chip {
  display: inline-flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  border: 1px solid var(--line);
  border-radius: 100px;
  padding: 9px 13px;
  background: rgba(8,42,39,.5);
  color: var(--mist);
  font: 500 13px/1.3 var(--font-mono),monospace;
  overflow-wrap: anywhere;
}
.join-journey-share-copy-link {
  flex: none;
  border: 1px solid rgba(199,226,219,.28);
  border-radius: 100px;
  min-height: 40px;
  padding: 8px 14px;
  background: rgba(8,42,39,.65);
  color: var(--ink);
  font: 500 14px/1 var(--font-sans);
  cursor: pointer;
}
.join-journey-share-copy-link:focus {
  outline: none;
  border-color: var(--focus-ring);
  box-shadow: 0 0 0 3px rgba(255,178,74,.25);
}
.join-journey-share-ways {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px 4px;
  margin: 4px 0 10px;
  font-size: 14.5px;
}
.join-journey-share-ways button {
  border: 0;
  background: transparent;
  color: var(--aqua);
  font: inherit;
  padding: 6px 4px;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.join-journey-share-ways button:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255,178,74,.25);
  border-radius: 6px;
}
.join-journey-share-ways__sep {
  color: var(--muted);
  pointer-events: none;
}
.join-journey-share-status {
  min-height: 1.4em;
  margin: 0 0 12px;
  font-size: 14px;
  color: var(--mist);
}
.join-journey-share-phase {
  margin: -6px 0 18px;
  font-size: 14.5px;
  line-height: 1.5;
  color: var(--mist);
}
.join-journey-group-note {
  margin: 4px 0 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 12px 14px;
  background: rgba(8,42,39,.5);
  font-size: 15px;
  line-height: 1.45;
  color: var(--mist);
}
.join-journey-group-note strong {
  color: var(--ink);
  font-weight: 600;
}
.join-journey-column button.join-journey-button--secondary,.join-journey-column a.join-journey-button--secondary {
  margin-top: 10px;
  background: transparent;
  border: 1px solid rgba(199,226,219,.28);
  border-radius: 100px;
  color: var(--ink);
  text-decoration: none;
  box-shadow: none;
}
.join-journey-column a.join-journey-button--secondary:hover {
  border-color: var(--aqua);
  color: var(--aqua);
}
.join-journey-code-regen {
  margin: 18px 0 0;
  text-align: center;
}
.join-journey-code-regen__button {
  border: 0;
  background: transparent;
  color: var(--muted);
  font-size: 13px;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  padding: 6px;
}
.join-journey-code-regen__button:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255,178,74,.25);
  border-radius: 6px;
}
.join-journey-pref-card {
  display: block;
  text-align: left;
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 14px 16px;
  background: rgba(8,42,39,.5);
  color: var(--ink);
}
.join-journey-pref-card strong {
  display: block;
  font: 700 16.5px/1.25 var(--font-bricolage),sans-serif;
}
.join-journey-pref-card span {
  display: block;
  font-size: 13.5px;
  color: var(--muted);
  margin-top: 3px;
}
.invite-hero {
  height: 150px;
  margin: -8px -28px 4px;
  border-radius: 16px 16px 0 0;
  background: url("/brand/mail/lights.jpg") center/cover no-repeat;
  -webkit-mask-image: linear-gradient(180deg,var(--abyss) 55%,transparent);
  mask-image: linear-gradient(180deg,var(--abyss) 55%,transparent);
}
.invite-hero--lit {
  background-image: url("/brand/mail/lights-lit.jpg");
}
.invite-hero--dim {
  opacity: .45;
}
@media (min-width:900px) {
  .invite-hero {
    height: 200px;
  }
}
.invite-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 6px 14px 6px 6px;
  border: 1px solid rgba(52,195,166,.3);
  border-radius: 100px;
  background: rgba(8,42,39,.85);
  font-size: 14.5px;
  color: var(--mist);
}
.invite-pill b {
  color: var(--aqua);
  font-weight: 600;
}
.invite-tile {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: var(--deep);
  border: 1px solid rgba(52,195,166,.35);
  font: 700 12px/1 var(--font-sans);
  color: var(--ink);
  letter-spacing: .02em;
}
.invite-title {
  margin: 18px 0 0;
  font: 800 34px/1.08 var(--font-heading);
  letter-spacing: -.025em;
  color: var(--ink);
}
.invite-name {
  color: var(--aqua);
}
.invite-lead {
  margin: 14px 0 0;
  font-size: 18px;
  line-height: 1.55;
  color: var(--ink);
}
.invite-promise {
  margin: 18px 0 0;
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(63,207,177,.08);
  border: 1px solid rgba(63,207,177,.25);
  font-size: 15.5px;
  line-height: 1.45;
  color: var(--ink);
}
.invite-card {
  margin: 20px 0 0;
  padding: 16px 18px 6px;
  border-radius: 20px;
  background: rgba(8,42,39,.9);
  border: 1px solid rgba(52,195,166,.25);
}
.invite-as {
  margin: 16px 2px 0;
  font-size: 15px;
  color: var(--mist);
}
.invite-as b {
  color: var(--ink);
  font-weight: 600;
}
.invite-form>button.invite-button {
  width: 100%;
  margin-top: 18px;
}
.invite .button.invite-button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 18px;
}
.invite .button.invite-button--line {
  background: transparent;
  border: 1.5px solid rgba(52,195,166,.35);
  color: var(--ink);
}
.invite-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  align-items: center;
  justify-content: center;
  margin: 16px 0 0;
  font-size: 14.5px;
  color: var(--mist);
}
.invite-steps i {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: rgba(52,195,166,.3);
}
.invite-steps i.on {
  background: var(--spark);
  box-shadow: 0 0 10px var(--spark);
}
.invite-steps span {
  white-space: nowrap;
}
.invite-steps span.on {
  color: var(--ink);
  font-weight: 600;
}
.invite-steps .invite-steps-time {
  flex-basis: 100%;
  text-align: center;
}
.invite-quiet {
  margin: 26px 0 0;
  text-align: center;
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--mist);
}
@media (min-width:900px) {
  .invite-title {
    font-size: 42px;
  }
}
.join-journey-code {
  margin: 16px 0 0;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 14px 16px 10px;
  background: rgba(8,42,39,.55);
  text-align: center;
}
.join-journey-code .join-journey-label {
  margin: 0 0 6px;
}
.join-journey-code__value {
  margin: 4px 0 6px;
  font: 600 30px/1.1 var(--font-mono),monospace;
  letter-spacing: .16em;
  color: var(--spark);
  overflow-wrap: anywhere;
}
.join-journey-code__value strong {
  font-weight: 600;
}
.join-journey-code__hint {
  margin: 0 0 6px;
  font-size: 14px;
  line-height: 1.45;
  color: var(--mist);
}
.join-journey-code__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px 14px;
}
.join-journey-code__actions .join-journey-code-regen__button {
  color: var(--aqua);
  font-size: 14px;
  min-height: 40px;
}
.arrival-choice form {
  margin: 0;
}
.arrival-choice .join-journey-button {
  margin-top: 12px;
}
.arrival-later {
  margin: 0;
}
.join-journey-column .arrival-later {
  margin: 0;
}
.join-journey-column button.arrival-later-button {
  margin-top: 12px;
  min-height: 52px;
}
.arrival-change-later {
  margin: 16px 0 0;
  font-size: 14px;
  color: var(--mist);
  text-align: center;
}
.arrival-note {
  margin: 12px 0 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--muted);
}
.arrival-drag {
  margin: 0 0 10px;
  font: 500 15px/1.4 var(--font-sans);
  color: var(--ink);
}
.arrival-place p {
  color: var(--mist);
}
.arrival-place label {
  display: block;
  font: 500 11px/1 var(--font-mono),monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--mist);
  margin: 16px 0 8px;
}
.arrival-place input,.arrival-place select {
  width: 100%;
  min-height: 52px;
  border-radius: 14px;
  border: 1px solid rgba(199,226,219,.28);
  background-color: rgba(8,42,39,.65);
  color: var(--ink);
  font: 400 17px/1.4 var(--font-sans);
  padding: 12px 16px;
  box-sizing: border-box;
}
.arrival-place select {
  padding-right: 40px;
}
.arrival-place .map-country {
  margin-top: 18px;
  font-size: 14px;
}
.arrival-place .map-country label {
  margin-top: 0;
}
.arrival-place .map-country button {
  margin-top: 8px;
}
.place-field {
  position: relative;
}
.place-field input {
  margin-bottom: 0;
}
.place-field input::placeholder {
  font-size: 16px;
  text-overflow: ellipsis;
}
.arrival-place .place-field input {
  padding-right: 12px;
}
.place-options {
  margin-top: 6px;
  border-radius: 14px;
  border: 1px solid rgba(199,226,219,.2);
  background: var(--panel);
  box-shadow: 0 14px 40px rgba(0,0,0,.45);
  overflow: hidden;
}
.place-list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: min(50vh,340px);
  overflow-y: auto;
}
.place-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 54px;
  padding: 8px 14px;
  border-top: 1px solid var(--soft-line);
  cursor: pointer;
}
.place-row:first-child {
  border-top: 0;
}
.place-row[aria-selected="true"] {
  background: rgba(52,195,166,.16);
  box-shadow: inset 3px 0 0 var(--aqua);
}
.place-icon {
  flex: none;
  width: 20px;
  height: 20px;
  fill: none;
  stroke: var(--aqua);
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.place-text {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.place-label {
  font: 400 15.5px/1.3 var(--font-sans);
  color: var(--ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.place-sublabel {
  font-size: 13px;
  line-height: 1.35;
  color: var(--mist);
}
.place-credits {
  margin: 0;
  padding: 6px 14px 8px;
  text-align: right;
  font-size: 11px;
  line-height: 1.5;
  color: var(--mist);
  border-top: 1px solid var(--soft-line);
}
.place-credits a {
  color: var(--mist);
  font-weight: 600;
  text-decoration: none;
}
.place-credits a:hover,.place-credits a:focus-visible {
  text-decoration: underline;
}
.place-note:empty {
  display: none;
}
.place-note {
  margin: 8px 0 0;
  font-size: 14px;
  color: var(--mist);
}
.place-field-help {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--mist);
}
.map-postcode form:not(.place-pick) > button[type=submit]:not([data-map-country-change]) {
  margin-top: 20px;
}
.arrival-map .map-frame {
  height: min(62vh,560px);
  min-height: 320px;
  border-radius: 16px;
  overflow: hidden;
}
.own-dot.own-dot--invite::after {
  content: "";
  position: absolute;
  inset: -12px;
  border-radius: 50%;
  border: 2px solid rgba(255,178,74,.75);
  pointer-events: none;
}
@media (prefers-reduced-motion:no-preference) {
  html:not([data-motion-paused]) .own-dot.own-dot--invite::after {
    animation: arrival-ring 1.8s ease-out infinite;
  }
}
@keyframes arrival-ring {
  0% {
    transform: scale(.6);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
.notice-inline-form {
  display: inline;
  margin: 0;
}
.member-footer--journey {
  max-width: 520px;
  margin: 0 auto;
  padding: 22px 24px 32px;
  justify-content: center;
  border-top: 0;
}
.member-footer--journey .member-footer-links {
  justify-content: center;
  gap: 0;
}
.member-footer--journey .member-footer-sep {
  color: var(--muted);
  padding: 0 6px;
  pointer-events: none;
}
.member-footer--journey .member-footer-entity {
  flex-basis: 100%;
  text-align: center;
}
@media (max-width:520px) {
  .join-journey {
    padding-top: 34px;
  }
}
@media (min-width:521px) {
  .join-journey {
    padding-top: 40px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .join-route__fill,.join-route__dot,.join-route__lamp,.join-route__lamp::after {
    transition: none !important;
  }
  .join-journey-status--sending .join-journey-status__dot {
    animation: none !important;
  }
  .join-journey-otp__box {
    transition: none !important;
  }
}
html[data-motion-paused] .join-route__fill,html[data-motion-paused] .join-route__dot,html[data-motion-paused] .join-route__lamp,html[data-motion-paused] .join-route__lamp::after {
  transition: none !important;
}
html[data-motion-paused] .join-journey-status--sending .join-journey-status__dot,html[data-motion-paused] .join-journey-status--sign-in .join-journey-status__dot {
  animation: none !important;
}
html[data-motion-paused] .join-journey-otp__box {
  transition: none !important;
}
.event-cards {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.event-card {
  display: grid;
  grid-template-columns: 120px minmax(0,1fr);
  gap: 16px;
  padding: 12px;
  border-radius: 18px;
  background: rgba(8,42,39,.5);
  border: 1px solid var(--soft-line);
  transition: border-color .2s;
}
.event-card:hover,.event-card:focus-within {
  border-color: var(--line);
}
.event-card-hero {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 12px;
  overflow: hidden;
  background: radial-gradient(circle at 50% 45%,rgba(52,195,166,.22),rgba(8,42,39,.6) 70%);
}
.event-card-hero-plain {
  display: grid;
  place-items: center;
}
.event-card-glow {
  fill: rgba(52,195,166,.18);
}
.event-card-core {
  fill: var(--aqua);
  filter: drop-shadow(0 0 6px rgba(52,195,166,.8));
}
.event-card-photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.event-card-body {
  min-width: 0;
}
.event-card-body p {
  margin: 4px 0;
  font-size: 14.5px;
  overflow-wrap: anywhere;
}
.event-card-title {
  margin: 2px 0 6px;
  font: 700 18px var(--font-bricolage),sans-serif;
  line-height: 1.3;
}
.event-card-title a {
  color: var(--ink);
  text-decoration: none;
  overflow-wrap: anywhere;
}
.event-card-title a:hover {
  color: var(--aqua);
}
.event-card-when {
  color: var(--mist);
}
.event-card-where,.event-card-host,.event-card-attendance,.event-card-welcome {
  color: var(--muted);
}
.event-card-social {
  color: var(--aqua);
}
.event-card-access {
  list-style: none;
  padding: 0;
  margin: 8px 0 2px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.event-card-access li {
  padding: 3px 10px;
  border-radius: 999px;
  border: 1px solid var(--line);
  font-size: 12.5px;
  color: var(--mist);
}
.event-access-choices {
  border: 0;
  padding: 0;
  margin: 0 0 20px;
  min-width: 0;
}
.event-access-choices legend {
  padding: 0;
  margin: 0 0 8px;
  font-family: var(--font-mono),monospace;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 11.5px;
  color: var(--muted);
}
.chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
@media (max-width:520px) {
  .event-card {
    grid-template-columns: minmax(0,1fr);
    gap: 10px;
  }
  .event-card-hero {
    aspect-ratio: 16/7;
  }
}
.events-filters {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 0 20px;
  align-items: start;
  padding: 16px 16px 4px;
  margin: 8px 0 18px;
  border: 1px solid var(--soft-line);
  border-radius: 18px;
  background: rgba(8,42,39,.35);
}
.events-filters .events-filter {
  min-width: 0;
}
.events-filters select,.events-filters input[type=number] {
  margin-bottom: 8px;
}
.events-filters .hint {
  margin: 0 0 14px;
}
.events-filters .events-where-more {
  margin: 0 0 6px;
}
.events-filters .events-where-status:empty {
  display: none;
}
.events-filters[data-events-filters=bottom] {
  margin-top: 22px;
}
.events-filters .check-row,.events-filters button[type=submit] {
  grid-column: 1 / -1;
}
.events-filters button[type=submit] {
  margin: 4px 0 14px;
}
.events-custom-km[hidden] {
  display: none;
}
.event-card-distance {
  color: var(--mist);
}
.event-card-ended {
  display: inline-block;
  margin: 0 0 4px;
  padding: 2px 10px;
  border-radius: 999px;
  border: 1px solid var(--line);
  font: 600 11px var(--font-mono),monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--muted);
}
.event-card-past .event-card-hero {
  opacity: .6;
}
@media (max-width:640px) {
  .events-filters {
    grid-template-columns: minmax(0,1fr);
  }
}
.my-events {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.my-event {
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(8,42,39,.5);
  border: 1px solid var(--soft-line);
}
.my-event-title {
  margin: 0 0 4px;
  font: 700 18px var(--font-bricolage),sans-serif;
}
.my-event-title a {
  color: var(--ink);
  text-decoration: none;
  overflow-wrap: anywhere;
}
.my-event-title a:hover {
  color: var(--aqua);
}
.my-event p {
  margin: 4px 0;
  font-size: 14.5px;
}
.my-event-cancelled {
  border-color: rgba(255,178,74,.45);
}
.my-event-cancelled .my-event-title a {
  text-decoration: line-through;
  text-decoration-color: var(--muted);
}
.my-event-state {
  display: inline-block;
  margin: 0 0 6px !important;
  padding: 2px 10px;
  border-radius: 999px;
  background: rgba(255,178,74,.16);
  border: 1px solid rgba(255,178,74,.45);
  color: var(--gold-ink);
  font: 600 11px var(--font-mono),monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.event-invite-choices {
  border: 0;
  padding: 0;
  margin: 0 0 20px;
  min-width: 0;
}
.event-invite-choices legend {
  padding: 0;
  margin: 0 0 6px;
  font-family: var(--font-mono),monospace;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 11.5px;
  color: var(--muted);
}
.event-invite-open summary {
  cursor: pointer;
  color: var(--aqua);
  margin: 8px 0;
}
.map-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.map-search-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}
.map-search-field {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 44px;
  box-sizing: border-box;
  padding: 0 5px 0 14px;
  border-radius: 14px;
  background: rgba(4,24,22,.75);
  border: 1.5px solid var(--line);
  color: var(--mist);
}
.map-search-field:focus-within {
  border-color: rgba(52,195,166,.45);
}
.map-search-field input[type=search] {
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 16px;
  color: var(--ink);
  outline: none;
}
.map-search-field input[type=search]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.map-search-field:has(input:focus-visible) {
  outline: 2px solid var(--spark);
  outline-offset: 2px;
}
button.map-search-submit {
  flex: none;
  margin: 0;
  padding: 7px 14px;
  border-radius: 100px;
  background: transparent;
  border: 1px solid rgba(52,195,166,.45);
  color: var(--aqua);
  font: 600 13.5px var(--font-sans);
}
.map-action-icon {
  width: 20px;
  height: 20px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.map-action-icon .map-action-fill {
  fill: currentColor;
  stroke: none;
}
.map-go {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 6px;
}
button.map-go-chip,button.map-save-home {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  height: 38px;
  margin: 0;
  padding: 0 6px;
  border-radius: 100px;
  background: transparent;
  border: 1px solid rgba(52,195,166,.45);
  color: var(--aqua);
  font: 600 10.5px var(--font-mono),monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}
button.map-go-chip .map-action-icon {
  width: 15px;
  height: 15px;
}
button.map-save-home {
  width: 100%;
  gap: 8px;
  font-size: 11.5px;
  letter-spacing: .12em;
}
button.map-save-home .map-action-icon {
  width: 16px;
  height: 16px;
}
button.map-save-home[data-saved] {
  background: rgba(52,195,166,.16);
  border-color: var(--aqua);
  color: var(--ink);
}
button.map-go-chip:hover,button.map-save-home:hover {
  filter: none;
  background: rgba(52,195,166,.12);
}
.map-actions-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin: -2px 0 0;
  font-size: 13px;
  line-height: 1.4;
  color: var(--mist);
}
.map-actions-status:empty,.map-actions-status:has(> .visually-hidden:only-child) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.map-actions-status .map-status-text {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--ink);
}
.map-actions-status .map-status-text::before {
  content: "";
  flex: none;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--aqua);
  box-shadow: 0 0 8px rgba(52,195,166,.7);
}
.map-actions-status button {
  margin: 0;
  padding: 5px 12px;
  font-size: 13px;
}
.dash-sheet[data-sheet=map] .sheet-body {
  gap: 10px;
  padding: 8px 16px 14px;
}
.dash-sheet[data-sheet=map] .dash-select.island {
  gap: 6px;
  padding-top: 10px;
  border-top: 1px solid var(--soft-line);
}
button.map-actions-toggle {
  position: absolute;
  z-index: 3;
  right: 12px;
  bottom: 40px;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  background: rgba(6,32,30,.82);
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
  border: 1px solid rgba(52,195,166,.45);
  color: var(--aqua);
  box-shadow: 0 8px 24px rgba(0,0,0,.4);
}
button.map-actions-toggle .map-action-icon {
  width: 24px;
  height: 24px;
}
button.map-actions-toggle[aria-expanded=true] {
  background: rgba(52,195,166,.16);
  border-color: var(--aqua);
  color: var(--ink);
}
button.map-actions-toggle:hover {
  filter: none;
  background: rgba(10,48,44,.9);
}
.map-actions-panel {
  position: absolute;
  z-index: 4;
  right: 12px;
  bottom: 98px;
  width: min(380px,calc(100% - 24px));
  max-height: calc(100% - 120px);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: rgba(5,32,30,.92);
  border: 1px solid rgba(199,226,219,.14);
  border-radius: 22px;
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  backdrop-filter: blur(14px) saturate(1.2);
  box-shadow: 0 10px 40px rgba(0,0,0,.35);
  color: var(--ink);
}
.map-actions-panel[hidden] {
  display: none;
}
.map-actions-panel .sheet-body {
  min-height: 0;
  overflow-y: auto;
  padding: 8px 16px 14px;
  display: flex;
  flex-direction: column;
}
.map-actions-panel button.sheet-close {
  margin: 0;
  padding: 0;
  background: transparent;
}
@media (prefers-reduced-motion:no-preference) {
  html:not([data-motion-paused]) .map-actions-panel:not([hidden]) {
    animation: dash-sheet-up .32s cubic-bezier(.22,1,.36,1);
  }
}
.map-shell:has(>.map-no-light) {
  position: relative;
}
.map-actions-panel.map-no-light {
  top: 12px;
  left: 12px;
  right: auto;
  bottom: auto;
  width: min(400px,calc(100% - 68px));
  max-height: calc(100% - 24px);
}
.map-no-light .sheet-body p {
  margin: 0 0 10px;
  font-size: 14.5px;
  color: var(--mist);
}
.map-no-light .sheet-body p:last-child {
  margin-bottom: 0;
}
.map-no-light .sheet-body .button-row {
  margin-top: 4px;
}
.map-location-note {
  position: absolute;
  z-index: 2;
  left: 12px;
  right: 12px;
  bottom: 48px;
  width: fit-content;
  max-width: calc(100% - 24px);
  margin: 0 auto;
  box-sizing: border-box;
  padding: 9px 14px;
  border-radius: 14px;
  background: rgba(5,32,30,.88);
  border: 1px solid rgba(52,195,166,.3);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  backdrop-filter: blur(14px) saturate(1.2);
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  color: var(--ink);
  font-size: 13.5px;
  pointer-events: none;
}
.map-location-note:not([data-shown]) {
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
@media (prefers-reduced-motion:no-preference) {
  html:not([data-motion-paused]) .map-location-note[data-shown] {
    animation: map-note-in .2s ease-out;
  }
}
@keyframes map-note-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.map-place-row {
  display: flex;
  gap: 8px;
  align-items: stretch;
}
.map-place-row input {
  flex: 1 1 auto;
  min-width: 0;
  height: 44px;
  margin: 0;
}
.map-place-row button {
  margin: 0;
  white-space: nowrap;
}
.map-place-note {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  color: var(--mist);
}
.map-place-note:empty {
  display: none;
}
.map-place-results {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 220px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.map-place-results:empty {
  display: none;
}
.map-place-result {
  width: 100%;
  margin: 0;
  padding: 10px 12px;
  text-align: left;
  border-radius: 10px;
  background: transparent;
  border: 1px solid transparent;
  color: var(--ink);
  font: inherit;
  cursor: pointer;
}
.map-place-result:hover,.map-place-result:focus-visible {
  background: var(--panel);
  border-color: var(--line);
}
.map-place-search {
  margin: 16px 0 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.map-place-search label {
  margin: 0;
}
button.follow.following {
  color: var(--ink);
  background: rgba(52,195,166,.16);
  border-color: rgba(52,195,166,.55);
}
.follow-status {
  display: inline-block;
  margin: 6px 0 0 10px;
}
.follow-status[hidden] {
  display: none;
}
.group-list li .person-name {
  color: var(--ink);
  text-decoration: none;
}
.group-list li .person-name:hover,.group-list li .person-name:focus-visible {
  color: var(--aqua);
  text-decoration: underline;
}
.group-list li .person-bio {
  color: var(--why-ink);
  font-size: 14.5px;
  line-height: 1.45;
}
.note-follow {
  margin: 12px 0 4px;
}
.member-profile {
  margin: 8px 0 20px;
}
.profile-head {
  display: flex;
  align-items: center;
  gap: 16px;
}
.profile-head h1 {
  margin: 2px 0 0;
  overflow-wrap: anywhere;
}
.profile-head .eyebrow {
  margin: 0;
}
.profile-initial {
  flex: none;
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%,rgba(52,195,166,.32),rgba(8,42,39,.9));
  border: 1px solid rgba(52,195,166,.45);
  box-shadow: 0 0 24px rgba(52,195,166,.18);
  color: var(--aqua);
  font: 800 26px/1 var(--font-bricolage),sans-serif;
}
.profile-region {
  margin: 4px 0 0;
  font-size: 14px;
  color: var(--muted);
}
.profile-bio {
  margin: 18px 0 6px;
  font-size: 17px;
  line-height: 1.5;
  color: var(--ink);
  overflow-wrap: anywhere;
}
.profile-counts {
  font-size: 14px;
  color: var(--mist);
}
.profile-actions {
  margin: 16px 0 0;
}
.profile-actions .button {
  display: inline-block;
  text-decoration: none;
  padding: 10px 18px;
  font-size: 14.5px;
}
.profile-notes .notes-feed {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.profile-notes .note-card {
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(8,42,39,.5);
  border: 1px solid var(--soft-line);
}
.profile-notes .note-card p {
  margin: 4px 0;
  overflow-wrap: anywhere;
}
.profile-notes .note-author {
  font-size: 13px;
  color: var(--muted);
}
.profile-notes .note-when {
  font-size: 12.5px;
  color: var(--muted);
}
.profile-notes .note-body {
  font-size: 15.5px;
  color: var(--ink);
}
.profile-notes .note-photo {
  display: block;
  max-width: 100%;
  border-radius: 12px;
  margin: 8px 0;
}
.profile-settings {
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
}
.profile-settings textarea {
  min-height: 72px;
}
.profile-groups .check-row .hint {
  margin-left: 6px;
  font-size: 12.5px;
}
@media (max-width:480px) {
  .profile-initial {
    width: 52px;
    height: 52px;
    font-size: 22px;
  }
  .profile-bio {
    font-size: 16px;
  }
}
.photo-editor {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 12px 0 4px;
}
.photo-editor-frame {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid var(--soft-line);
  background: rgba(6,32,30,.8);
  touch-action: none;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
}
.photo-editor-frame:active {
  cursor: grabbing;
}
.photo-editor-image {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: none;
  transform-origin: center;
  pointer-events: none;
}
.photo-editor-rotate {
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 10px;
  width: 40px;
  height: 40px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(6,32,30,.78);
  color: var(--ink);
  border: 1px solid var(--soft-line);
}
.photo-editor-rotate:focus-visible {
  outline: 2px solid var(--spark);
  outline-offset: 2px;
}
.photo-editor-zoom-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.photo-editor-zoom-row input {
  flex: 1;
  min-width: 0;
  accent-color: var(--aqua);
}
.photo-editor-zoom-row output {
  min-width: 3.5em;
  text-align: right;
  font: 12px var(--font-mono),monospace;
  color: var(--muted);
}
body.teal {
  margin: 0;
  min-height: 100vh;
  background: radial-gradient(560px 380px at 90% 0,rgba(255,150,70,.13),transparent 70%) no-repeat,radial-gradient(900px 700px at -10% 100%,rgba(52,195,166,.08),transparent 72%) no-repeat,var(--abyss);
  color: var(--ink);
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.55;
}
body.teal h1,body.teal h2,body.teal h3 {
  font-family: var(--font-heading);
  letter-spacing: -.02em;
  color: var(--ink);
  margin: 0;
}
body.teal p {
  margin: 0;
}
.teal-top {
  position: relative;
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  max-width: 1240px;
  margin: 0 auto;
  padding: 12px 16px;
}
.teal-top-logo img {
  display: block;
  height: 34px;
  width: auto;
}
.teal-top-nav {
  display: none;
  gap: 24px;
  font-size: 15px;
}
.teal-top-nav a {
  color: var(--mist);
  text-decoration: none;
}
.teal-top-nav a[aria-current] {
  color: var(--ink);
  font-weight: 600;
}
.teal-top-phone {
  font-size: 15px;
  font-weight: 600;
  color: var(--aqua);
  text-decoration: none;
}
.teal-top-home {
  margin-left: auto;
  font-size: 15px;
  font-weight: 600;
  color: var(--aqua);
  text-decoration: none;
}
@media (min-width:900px) {
  .teal-top-nav {
    display: flex;
  }
  .teal-top-phone,.teal-top-home {
    display: none;
  }
}
.teal-eyebrow {
  font: 600 14px/1.2 var(--font-sans);
  letter-spacing: .04em;
  color: var(--aqua);
}
.teal-eyebrow-warm {
  font: 600 14px/1.2 var(--font-sans);
  letter-spacing: .04em;
  color: var(--teal-warm);
}
.teal-lede {
  font-size: 16.5px;
  color: var(--mist);
  margin-top: 12px !important;
  max-width: 40em;
}
.teal-lit {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex: none;
  background: var(--teal-light);
  box-shadow: 0 0 0 3px rgba(47,216,240,.18),0 0 14px 3px rgba(47,216,240,.55);
}
.teal-unlit {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex: none;
  border: 2px solid var(--teal-off);
}
.teal-quiet-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 100px;
  padding: 13px 22px;
  font-weight: 600;
  font-size: 15.5px;
  text-decoration: none;
  text-align: center;
  background: transparent;
  color: var(--aqua);
  border: 1.5px solid var(--line);
}
.teal-link-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  border-radius: 0;
  border: 0;
  background: transparent;
  color: var(--aqua);
  font-weight: 600;
  font-size: 15.5px;
}
.teal-company {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 0 8px;
}
.teal-company-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr);
}
.teal-company-grid>* {
  min-width: 0;
}
.teal-mapcol .map-shell.teal-map .map-frame {
  height: 190px;
  margin: 0;
  border-radius: 0;
  border: 0;
  border-top: 1px solid var(--soft-line);
  border-bottom: 1px solid var(--soft-line);
}
.teal-mapcap {
  display: none;
}
.teal-band {
  position: relative;
  display: grid;
  place-items: center;
  height: 190px;
  margin: 0;
  border-top: 1px solid var(--soft-line);
  border-bottom: 1px solid var(--soft-line);
  background: radial-gradient(240px 140px at 50% 52%,rgba(47,216,240,.14),transparent 70%),repeating-radial-gradient(circle at 50% 52%,rgba(47,216,240,.06) 0 1px,transparent 1px 26px),var(--deep);
}
.teal-band-off {
  background: repeating-radial-gradient(circle at 50% 52%,rgba(199,226,219,.05) 0 1px,transparent 1px 26px),var(--abyss);
}
.teal-band-light {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  text-align: center;
}
.teal-band-light span {
  font-size: 14.5px;
  color: var(--mist);
  padding: 6px 12px;
  border-radius: 100px;
  background: rgba(4,24,22,.7);
  border: 1px solid var(--soft-line);
}
.teal-core {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--teal-light);
  box-shadow: 0 0 0 7px rgba(47,216,240,.14),0 0 0 15px rgba(47,216,240,.06),0 0 40px 10px rgba(47,216,240,.4);
}
.teal-ring {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2.5px solid var(--teal-off);
  opacity: .8;
}
.teal-head {
  padding: 20px 16px 4px;
}
.teal-namerow {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  justify-content: space-between;
}
.teal-head h1 {
  font-size: clamp(33px,6vw,54px);
  font-weight: 800;
  line-height: 1.04;
  overflow-wrap: anywhere;
  min-width: 0;
  color: var(--aqua) !important;
}
.teal-logo {
  flex: none;
  width: 64px;
  height: 64px;
  object-fit: contain;
  border-radius: 14px;
  padding: 6px;
  box-sizing: border-box;
}
.teal-meta {
  font-size: 17px;
  color: var(--mist);
  margin-top: 8px !important;
  overflow-wrap: anywhere;
}
.teal-site-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  font-size: 16.5px;
  font-weight: 600;
  color: var(--aqua);
  text-decoration: none;
  overflow-wrap: anywhere;
}
.teal-site-link svg {
  flex: none;
}
.teal-status {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}
.teal-now {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 9px 15px 9px 13px;
  border-radius: 100px;
  background: var(--aqua);
  border: 1px solid var(--aqua);
  font-weight: 700;
  font-size: 15.5px;
  color: var(--button-ink);
}
.teal-now .teal-lit {
  background: var(--button-ink);
  box-shadow: 0 0 0 3px rgba(4,32,29,.18);
}
.teal-founding {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 15px 9px 13px;
  border-radius: 100px;
  border: 1px solid rgba(232,185,100,.45);
  background: rgba(232,185,100,.08);
  font-weight: 600;
  font-size: 15.5px;
  color: var(--gold-ink);
}
.teal-founding i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex: none;
  background: var(--gold);
  box-shadow: 0 0 8px rgba(232,185,100,.8);
}
.teal-since {
  display: inline-flex;
  align-items: center;
  padding: 9px 15px;
  border-radius: 100px;
  border: 1px solid var(--line);
  font-weight: 500;
  font-size: 15.5px;
  color: var(--mist);
}
.teal-notnow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 9px 15px 9px 13px;
  margin: 18px 0 0;
  border-radius: 100px;
  background: rgba(154,169,166,.1);
  border: 1px solid rgba(154,169,166,.45);
  font-weight: 600;
  font-size: 15.5px;
  color: var(--ink);
}
.teal-status .teal-notnow {
  margin: 0;
}
.teal-notnow::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid var(--teal-off);
  flex: none;
}
.teal-fact {
  font-size: 16.5px;
  line-height: 1.55;
  color: var(--mist);
  margin-top: 16px !important;
  max-width: 36em;
  overflow-wrap: anywhere;
}
.teal-words {
  margin: 26px 16px 0;
  padding: 22px 20px 20px;
  border-radius: 22px;
  background: linear-gradient(160deg,rgba(255,178,74,.10),rgba(255,122,61,.03) 55%,transparent),var(--deep);
  border: 1px solid rgba(255,201,138,.22);
}
.teal-words blockquote {
  margin: 12px 0 0;
  padding: 0 0 0 16px;
  border-left: 3px solid var(--spark);
  font: 500 21px/1.45 var(--font-heading);
  letter-spacing: -.01em;
  color: var(--ink);
  overflow-wrap: anywhere;
}
.teal-nums {
  margin: 30px 16px 0;
}
.teal-fig-row {
  display: grid;
  gap: 14px;
}
.teal-fig {
  padding: 18px 18px 16px;
  border-radius: 20px;
  background: var(--deep);
  border: 1px solid var(--soft-line);
}
.teal-fig-value {
  font: 800 42px/1 var(--font-heading);
  letter-spacing: -.02em;
  color: var(--ink);
}
.teal-fig-label {
  font: 600 17px/1.35 var(--font-sans);
  margin-top: 8px !important;
  color: var(--ink);
  overflow-wrap: anywhere;
}
.teal-fig-people .teal-fig-value {
  color: var(--spark);
}
.teal-fig-line {
  margin-top: 8px !important;
  font-size: 15px;
  line-height: 1.5;
  color: var(--mist);
}
.teal-fig-quiet .teal-fig-value {
  font-size: 30px;
  color: var(--mist);
}
.teal-fig-quiet .teal-fig-label {
  color: var(--mist);
}
.teal-disclaimer {
  margin: 14px 2px 0 !important;
  font-size: 14.5px;
  line-height: 1.5;
  color: var(--mist);
}
.teal-join,.teal-through {
  margin: 30px 16px 0;
  padding: 24px 20px;
  border-radius: 24px;
  background: radial-gradient(420px 220px at 100% 0%,rgba(255,150,70,.20),transparent 70%),linear-gradient(180deg,var(--teal-panel),var(--deep));
  border: 1px solid rgba(255,201,138,.28);
}
.teal-join h2,.teal-through h2 {
  margin-top: 8px;
  font-size: 24px;
  font-weight: 700;
}
.teal-join .teal-join-button {
  display: flex;
  justify-content: center;
  margin-top: 18px;
  width: 100%;
  padding: 15px 26px;
  font-size: 16.5px;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
}
.teal-through-line {
  margin-top: 8px;
  color: var(--mist);
}
.teal-through-buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 18px;
}
.teal-through-buttons .teal-through-button {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 15px 26px;
  font-size: 16.5px;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
}
.teal-through-buttons .teal-quiet-button {
  width: 100%;
  box-sizing: border-box;
}
.teal-next {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 26px 16px 0;
}
.teal-next .button {
  text-align: center;
  text-decoration: none;
}
.teal-facts {
  margin: 26px 16px 0;
  border-top: 1px solid var(--soft-line);
}
.teal-company-off .teal-facts {
  border-top: 0;
}
.teal-fact-row {
  display: grid;
  grid-template-columns: 118px minmax(0,1fr);
  gap: 12px;
  padding: 14px 2px;
  border-bottom: 1px solid var(--soft-line);
  font-size: 16px;
  color: var(--ink);
  overflow-wrap: anywhere;
}
.teal-fact-key {
  color: var(--mist);
  font-weight: 500;
}
.teal-facts p {
  margin: 0;
}
.teal-report {
  display: inline-block;
  margin: 16px 2px 0;
  font-size: 15px;
  color: var(--mist);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.teal-own-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 18px;
  margin: 12px 16px 4px;
  padding: 12px 16px;
  border-radius: 16px;
  border: 1px solid rgba(52,195,166,.35);
  background: rgba(52,195,166,.08);
}
.teal-own-bar p {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  color: var(--ink);
  font: 600 15px var(--font-sans);
}
.teal-own-bar .teal-ring {
  width: 10px;
  height: 10px;
  border-width: 2px;
  flex: none;
}
.teal-own-links {
  gap: 10px !important;
}
.teal-own-links a {
  color: var(--aqua);
  font-weight: 700;
  text-decoration: none;
  padding: 4px 0;
}
.teal-own-links a:hover,.teal-own-links a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.teal-own-links span {
  color: var(--muted);
}
@media (min-width:900px) {
  .teal-company {
    padding: 12px 24px 8px;
  }
  .teal-own-bar {
    margin: 8px 0 6px;
  }
  .teal-company-grid {
    grid-template-columns: minmax(0,1fr) 500px;
    column-gap: 56px;
    grid-auto-flow: row dense;
  }
  .teal-company-grid>:not(.teal-mapcol) {
    grid-column: 1;
  }
  .teal-mapcol {
    grid-column: 2;
    grid-row: 1 / span 6;
    align-self: start;
    position: sticky;
    top: 20px;
    margin-top: 22px;
  }
  .teal-mapcol .map-shell.teal-map .map-frame,.teal-band {
    height: 440px;
    border-radius: 26px;
    border: 1px solid var(--line);
    box-shadow: 0 30px 70px rgba(0,0,0,.45);
  }
  .teal-mapcap {
    display: block;
    margin: 12px 4px 0 !important;
    font-size: 15px;
    color: var(--mist);
  }
  .teal-head {
    padding: 22px 0 0;
  }
  .teal-words,.teal-nums,.teal-join,.teal-through,.teal-facts,.teal-next {
    margin-left: 0;
    margin-right: 0;
  }
  .teal-fig-row {
    grid-template-columns: 1fr 1fr;
  }
  .teal-join .teal-join-button {
    display: inline-flex;
    width: auto;
  }
  .teal-through-buttons {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .teal-through-buttons .teal-through-button,.teal-through-buttons .teal-quiet-button {
    width: auto;
  }
  .teal-next {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.map-shell.teal-map {
  position: relative;
}
.teal-map-button {
  position: absolute;
  z-index: 4;
  right: 10px;
  top: 10px;
  padding: 8px 14px;
  border-radius: 100px;
  background: rgba(4,24,22,.85);
  border: 1px solid var(--line);
  font-weight: 600;
  font-size: 14px;
  color: var(--ink);
  text-decoration: none;
}
.teal-map-hint {
  position: absolute;
  z-index: 4;
  left: 10px;
  top: 10px;
  padding: 7px 13px;
  border-radius: 100px;
  background: rgba(4,24,22,.85);
  border: 1px solid var(--line);
  font-size: 14px;
  color: var(--mist);
  pointer-events: none;
}
.map-credits {
  position: absolute;
  z-index: 4;
  right: 8px;
  bottom: 8px;
  max-width: calc(100% - 16px);
  margin: 0 !important;
  padding: 4px 10px;
  border-radius: 100px;
  background: rgba(4,24,22,.85);
  border: 1px solid var(--soft-line);
  white-space: nowrap;
  font-size: 12px;
  color: var(--mist);
}
.map-credits a {
  color: var(--mist);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.map-shell.teal-map {
  --co-px: 38.6px;
  --co-halo: 59.4px;
}
.teal-light {
  --co-phase: 0s;
  position: relative;
  display: block;
  width: var(--co-px);
  height: var(--co-px);
  cursor: pointer;
}
.teal-light-dot {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle closest-side,var(--company-light-core) 0,var(--company-light-ink) 30%,rgba(203,184,255,.85) 50%,rgba(180,156,255,.38) 70%,rgba(107,79,216,0) 100%) center/60% 60% no-repeat,
    linear-gradient(90deg,rgba(226,216,255,0),var(--company-light-rays),rgba(226,216,255,0)) center/68% 1.1px no-repeat,
    linear-gradient(0deg,rgba(226,216,255,0),var(--company-light-rays),rgba(226,216,255,0)) center/1.1px 68% no-repeat;
}
.teal-light::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--co-halo);
  height: var(--co-halo);
  margin: calc(var(--co-halo) / -2) 0 0 calc(var(--co-halo) / -2);
  border-radius: 50%;
  background: radial-gradient(circle closest-side,rgba(180,156,255,.32),rgba(180,156,255,0));
  opacity: .94;
  pointer-events: none;
}
@keyframes company-breath {
  0%,100% {
    transform: scale(.9);
    opacity: .88;
  }
  50% {
    transform: scale(1.1);
    opacity: 1;
  }
}
@media (prefers-reduced-motion:no-preference) {
  html:not([data-motion-paused]) .teal-light::before {
    animation: company-breath 6s ease-in-out var(--co-phase) infinite;
  }
}
.teal-light-near {
  cursor: default;
  opacity: .55;
}
.teal-light-name {
  display: none;
  position: absolute;
  left: 50%;
  bottom: calc(80% + 4px);
  transform: translateX(-50%);
  padding: 4px 9px;
  border-radius: 8px;
  background: rgba(4,24,22,.92);
  border: 1px solid rgba(180,156,255,.45);
  white-space: nowrap;
  max-width: min(220px,70vw);
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
  text-align: left;
}
.teal-light-name b {
  display: block;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.35;
  color: var(--company-light-ink);
  overflow: hidden;
  text-overflow: ellipsis;
}
.teal-light-name span {
  display: block;
  font-size: 12px;
  line-height: 1.35;
  color: var(--mist);
  overflow: hidden;
  text-overflow: ellipsis;
}
.teal-light.selected {
  z-index: 3;
}
.teal-light-pick.selected .teal-light-name,.teal-light-own:focus-visible .teal-light-name,.teal-light-own.named .teal-light-name {
  display: block;
}
@media (hover:hover) {
  .teal-light-pick:hover .teal-light-name,.teal-light-own:hover .teal-light-name {
    display: block;
  }
  .teal-light:hover {
    z-index: 4;
  }
}
.teal-light:focus-visible,.teal-light.named {
  z-index: 4;
}
.teal-light:focus-visible {
  outline-offset: 4px;
  border-radius: 50%;
}
.teal-origin {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--spark);
  box-shadow: 0 0 0 4px rgba(255,178,74,.25),0 0 0 60px rgba(255,178,74,.06);
}
@media (max-width:899px) {
  .map-shell-own .teal-light-name span {
    display: none;
  }
}
.teal-dir {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  grid-template-areas: "panel" "map" "list";
  max-width: 1440px;
  margin: 0 auto;
}
.teal-dir>* {
  min-width: 0;
}
.teal-dir-panel {
  grid-area: panel;
  padding: 4px 16px 0;
}
.teal-dir-head h1,.teal-cities-page h1,.teal-kit h1 {
  font-size: clamp(32px,6vw,44px);
  font-weight: 800;
  line-height: 1.05;
  margin-top: 6px;
}
.teal-search {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  padding: 0 6px 0 16px;
  height: 54px;
  border-radius: 16px;
  background: rgba(4,24,22,.75);
  border: 1.5px solid var(--line);
  color: var(--mist);
}
.teal-search svg {
  flex: none;
}
.teal-search input[type=search] {
  flex: 1;
  min-width: 0;
  height: 44px;
  margin: 0;
  padding: 0 4px;
  border: 0;
  background: transparent;
  font-size: 17px;
  color: var(--ink);
  box-shadow: none;
}
.teal-search .teal-search-button {
  flex: none;
  padding: 9px 16px;
  font-size: 14.5px;
}
.teal-country-row .teal-search-button {
  flex: none;
}
.teal-tools {
  display: flex;
  gap: 10px;
  margin-top: 12px;
  flex-wrap: wrap;
}
.teal-tool {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 100px;
  font-weight: 700;
  font-size: 15.5px;
  background: rgba(5,32,30,.6);
  color: var(--ink);
  border: 1.5px solid rgba(52,195,166,.55);
  text-decoration: none;
}
.teal-tool-quiet {
  background: transparent;
  color: var(--aqua);
  border-color: var(--line);
}
.teal-chips {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
  margin: 14px -16px 0;
  padding: 0 16px 2px;
}
.teal-chips-finer {
  margin-top: 8px;
}
.teal-chip {
  display: inline-flex;
  align-items: center;
  padding: 9px 15px;
  border-radius: 100px;
  border: 1px solid var(--line);
  color: var(--mist);
  font-weight: 500;
  font-size: 15px;
  white-space: nowrap;
  background: rgba(8,42,39,.6);
  text-decoration: none;
}
.teal-chip.on {
  border-color: var(--aqua);
  color: var(--ink);
  background: rgba(52,195,166,.14);
}
.teal-nearbox {
  margin-top: 16px;
  padding: 18px 16px;
  border-radius: 20px;
  background: var(--deep);
  border: 1px solid rgba(255,178,74,.35);
}
.teal-nearbox-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.teal-nearbox-head h2 {
  font-size: 21px;
}
.teal-nb-status {
  margin-top: 10px !important;
  font-size: 15.5px;
  color: var(--ink);
}
.teal-nb-status:empty {
  display: none;
}
.teal-sel2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 14px;
}
.teal-sel2>div {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.teal-sel2 label {
  font: 500 14.5px var(--font-sans);
  letter-spacing: 0;
  text-transform: none;
  color: var(--mist);
}
.teal-sel2 select {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding-right: 36px;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.teal-place-pages {
  display: flex;
  gap: 16px;
}
.teal-nearbox #teal-geolocation {
  margin-top: 8px;
}
.teal-privacy {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-top: 12px !important;
  font-size: 15px;
  color: var(--mist);
}
.teal-privacy svg {
  flex: none;
  margin-top: 3px;
}
.teal-dir-map {
  grid-area: map;
}
.teal-dir-map .map-shell.teal-map .map-frame {
  height: 250px;
  margin: 18px 0 0;
  border-radius: 0;
  border: 0;
  border-top: 1px solid var(--soft-line);
  border-bottom: 1px solid var(--soft-line);
}
.teal-dir-list {
  grid-area: list;
  padding: 0 16px 30px;
}
.teal-list-heading {
  font-size: 23px;
  margin-top: 20px !important;
}
.teal-count {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin: 18px 0 4px;
  font-size: 15px;
  color: var(--mist);
}
.teal-count p {
  color: var(--mist);
}
.teal-count b {
  color: var(--ink);
  font-weight: 600;
}
.teal-invite {
  margin-top: 12px !important;
  color: var(--mist);
}
.teal-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.teal-list>li {
  display: grid;
  grid-template-columns: 22px minmax(0,1fr) auto auto;
  column-gap: 14px;
  align-items: center;
  padding: 14px 10px;
  margin: 0 -10px;
  border-bottom: 1px solid var(--soft-line);
  border-radius: 14px;
  cursor: pointer;
}
.teal-list>li>h2 {
  grid-column: 2;
  grid-row: 1;
  font: 650 17px/1.3 var(--font-sans);
  letter-spacing: 0;
  overflow-wrap: anywhere;
  color: var(--aqua) !important;
}
.teal-row-logo {
  grid-column: 3;
  grid-row: 1 / span 2;
  width: 36px;
  height: 36px;
  object-fit: contain;
  border-radius: 8px;
  padding: 3px;
  box-sizing: border-box;
}
.teal-row-dot {
  grid-column: 1;
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
}
.teal-row-meta {
  grid-column: 2;
  grid-row: 2;
  font-size: 15px;
  color: var(--mist) !important;
  overflow-wrap: anywhere;
}
.teal-row-online {
  color: var(--mist);
  font-style: italic;
}
.teal-row-end {
  grid-column: 4;
  grid-row: 1 / span 2;
}
.teal-row-distance {
  font-weight: 600;
  font-size: 15px;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}
.teal-row-chevron {
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--muted);
  border-top: 2px solid var(--muted);
  transform: rotate(45deg);
  margin-right: 4px;
}
.teal-row-open {
  grid-column: 2;
  grid-row: 3;
  justify-self: start;
  margin-top: 8px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
}
.teal-js .teal-list>li:not(.selected) .teal-row-open {
  display: none;
}
.teal-list>li.selected {
  background: linear-gradient(90deg,rgba(47,216,240,.13),rgba(47,216,240,.04));
  border-bottom-color: transparent;
  box-shadow: inset 3px 0 0 var(--teal-light);
}
.teal-list>li.selected .teal-lit {
  box-shadow: 0 0 0 4px rgba(47,216,240,.25),0 0 18px 5px rgba(47,216,240,.6);
}
.teal-list>a {
  display: inline-block;
  margin-top: 8px;
}
.teal-row-linked {
  position: relative;
}
.teal-row-linked h2 a {
  color: var(--aqua);
  text-decoration: none;
}
.teal-row-linked h2 a::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 14px;
}
.teal-pager {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-top: 16px;
  font-size: 15px;
  color: var(--mist);
}
.teal-sec {
  margin-top: 34px;
}
.teal-sec h2 {
  font-size: 23px;
  font-weight: 700;
}
.teal-sec>p {
  color: var(--mist);
  margin-top: 6px !important;
  font-size: 15px;
}
.teal-mini {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
.teal-mini-row {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 0;
  border-bottom: 1px solid var(--soft-line);
  overflow-wrap: anywhere;
}
.teal-mini-row a {
  color: var(--aqua);
  font-weight: 600;
  text-decoration: none;
}
.teal-mini-row a::after {
  content: "";
  position: absolute;
  inset: 0;
}
.teal-mini-row span {
  color: var(--mist);
  font-size: 15px;
  text-align: right;
}
.teal-cities {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.teal-cities a {
  padding: 9px 15px;
  border-radius: 100px;
  border: 1px solid var(--line);
  color: var(--ink);
  font-size: 15px;
  text-decoration: none;
}
.teal-cities a span {
  color: var(--mist);
  margin-left: 6px;
}
.teal-strong-link {
  display: inline-block;
  margin-top: 12px;
  font-weight: 600;
  text-decoration: none;
}
.teal-foot-hint {
  margin-top: 20px !important;
  font-size: 14.5px;
  color: var(--mist);
}
@media (min-width:900px) {
  .teal-dir {
    grid-template-columns: 480px minmax(0,1fr);
    grid-template-rows: auto 1fr;
    grid-template-areas: "panel map" "list map";
  }
  .teal-dir-panel {
    padding: 8px 28px 0 32px;
  }
  .teal-dir-list {
    padding: 0 28px 30px 32px;
  }
  .teal-dir-map {
    position: sticky;
    top: 16px;
    align-self: start;
    height: calc(100vh - 82px);
    margin: 0 16px 16px 0;
  }
  .teal-dir-map .map-shell.teal-map,.teal-dir-map .map-shell.teal-map .map-frame {
    height: 100%;
  }
  .teal-dir-map .map-shell.teal-map .map-frame {
    margin: 0;
    border-radius: 28px;
    border: 1px solid var(--line);
    box-shadow: 0 30px 70px rgba(0,0,0,.45);
  }
}
.teal-cities-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 4px 16px 30px;
}
.teal-country-form {
  margin-top: 18px;
}
.teal-country-form label {
  display: block;
  margin-bottom: 6px;
  font: 500 14.5px var(--font-sans);
  letter-spacing: 0;
  text-transform: none;
  color: var(--mist);
}
.teal-country-row {
  display: flex;
  gap: 10px;
  align-items: center;
  max-width: 560px;
}
.teal-country-row select {
  flex: 1;
  min-width: 0;
  margin: 0;
}
.teal-citybar {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 16px;
}
.teal-citybar a {
  padding: 8px 13px;
  border-radius: 10px;
  background: rgba(8,42,39,.8);
  border: 1px solid var(--line);
  color: var(--ink);
  font-size: 15px;
  text-decoration: none;
}
.teal-citybar a span {
  color: var(--mist);
}
.teal-citygrid {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 12px;
  margin-top: 22px;
}
.teal-city {
  padding: 18px 16px 10px;
  border-radius: 22px;
  background: var(--deep);
  border: 1px solid var(--soft-line);
}
.teal-city>h2 {
  font-size: 28px;
  font-weight: 800;
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
  overflow-wrap: anywhere;
}
.teal-city>h2 span {
  font: 500 15.5px var(--font-sans);
  color: var(--mist);
  letter-spacing: 0;
}
.teal-city .teal-list>li {
  padding: 12px 10px;
}
.teal-city-none>h2 {
  font-size: 22px;
}
@media (min-width:900px) {
  .teal-cities-page {
    padding: 8px 24px 30px;
  }
  .teal-citygrid {
    grid-template-columns: repeat(3,minmax(0,1fr));
    align-items: start;
  }
}
.teal-kit {
  max-width: 1100px;
  margin: 0 auto;
  padding: 6px 16px 30px;
}
.teal-kit-card {
  margin-top: 22px;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid var(--line);
  box-shadow: 0 26px 60px rgba(0,0,0,.45);
  line-height: 0;
}
.teal-kit-card img,.teal-kit-portrait img,.teal-kit-sticker img {
  display: block;
  width: 100%;
  height: auto;
}
.teal-kit-downloads {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}
.teal-kit-downloads .button {
  text-decoration: none;
}
.teal-kit-link {
  display: block;
  margin-top: 16px;
  font: 500 14.5px var(--font-sans);
  letter-spacing: 0;
  text-transform: none;
  color: var(--mist);
}
.teal-kit #kit-page-link {
  width: 100%;
  margin-top: 6px;
}
.teal-kit-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 20px;
  margin-top: 28px;
}
.teal-kit-box {
  padding: 20px 18px;
  border-radius: 22px;
  background: var(--deep);
  border: 1px solid var(--soft-line);
  min-width: 0;
}
.teal-kit-box h2 {
  font-size: 22px;
  font-weight: 700;
  margin-top: 14px !important;
}
.teal-kit-box h2:first-child {
  margin-top: 0 !important;
}
.teal-kit-box p {
  color: var(--mist);
  margin-top: 8px !important;
  font-size: 15.5px;
}
.teal-kit-say {
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(4,24,22,.7);
  border: 1px solid var(--line);
  font-size: 16.5px;
  color: var(--ink) !important;
}
.teal-kit-portrait {
  max-width: 330px;
  margin: 0 auto;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid var(--line);
  line-height: 0;
}
.teal-kit-sticker {
  max-width: 220px;
  margin: 16px auto 0;
}
.teal-kit-files {
  margin: 12px 0 0;
  padding-left: 20px;
}
.teal-kit-badge {
  margin-top: 16px;
}
.teal-kit-badge h3 {
  font-size: 17px;
}
.teal-kit-badge img {
  display: block;
  width: 100%;
  max-width: 420px;
  height: auto;
  margin-top: 8px;
}
.teal-kit-badge textarea {
  width: 100%;
  margin-top: 6px;
}
.teal-kit-pack {
  margin-top: 20px;
}
.teal-kit-pack textarea {
  width: 100%;
}
@media (min-width:900px) {
  .teal-kit-grid {
    grid-template-columns: 1fr 1fr;
  }
  .teal-kit {
    padding-top: 16px;
  }
}
.listing-logo-image {
  display: block;
  width: 96px;
  height: 96px;
  object-fit: contain;
  border-radius: 16px;
  padding: 8px;
  box-sizing: border-box;
  margin: 12px 0;
}
.logo-tile-light {
  background: var(--ink);
  border: 1px solid var(--ink);
}
.logo-tile-dark {
  background: var(--surface-night);
  border: 1px solid var(--line);
}
body.cd {
  margin: 0;
}
.cd-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 12px 16px;
}
.cd-top-logo img {
  display: block;
  height: 32px;
  width: auto;
}
.cd-top-member {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-left: auto;
  font-size: 14.5px;
}
.cd-top-member a {
  color: var(--mist);
  text-decoration: none;
  white-space: nowrap;
}
.cd-top-member a:hover,.cd-top-member a:focus-visible {
  color: var(--ink);
}
.cd-you {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  font-size: 14.5px;
  color: var(--mist);
  text-decoration: none;
}
.cd-you-address {
  display: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 280px;
}
.cd-avatar {
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--panel);
  border: 1px solid var(--line);
  font: 700 13px var(--font-sans);
  color: var(--ink);
}
.cd-you-menu {
  min-width: 0;
}
.cd-you-menu>summary.cd-you {
  padding: 2px 0;
  cursor: pointer;
}
.cd-you-menu>summary.cd-you::after {
  color: var(--mist);
}
.cd-you-menu[open]>summary .cd-avatar {
  border-color: var(--aqua);
}
.cd-you-menu .account-signout {
  margin: 0;
  text-align: left;
}
.cd-you-menu .account-signout button {
  border: 0;
}
.cd-tabs {
  position: sticky;
  top: 0;
  z-index: 8;
  background: rgba(5,32,30,.94);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--soft-line);
}
.cd-tabs nav {
  display: flex;
  gap: 4px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 8px;
  overflow-x: auto;
  scrollbar-width: none;
}
.cd-tabs a {
  padding: 13px 12px 11px;
  font: 600 15px var(--font-sans);
  color: var(--muted);
  border-bottom: 2.5px solid transparent;
  white-space: nowrap;
  text-decoration: none;
}
.cd-tabs a.is-on {
  color: var(--ink);
  border-color: var(--aqua);
}
.cd-tabs a:hover {
  color: var(--ink);
}
.cd-map-tab {
  margin-top: 16px;
}
.cd-map-tab .map-frame.map-full {
  height: min(68vh,640px);
  min-height: 320px;
  margin-top: 8px;
}
.cd-map-first {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 14px;
  padding: 40px 20px;
  margin-top: 16px;
}
.cd-map-first h2 {
  margin: 0;
}
.cd-main {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px 24px;
  min-width: 0;
}
.cd-main p {
  margin: 0;
}
.cd-main a {
  text-decoration: none;
}
.cd-hero {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 20px 0 6px;
  min-width: 0;
}
.cd-hero-text {
  min-width: 0;
}
.cd-name {
  margin: 0 !important;
  font-size: clamp(30px,6vw,46px) !important;
  font-weight: 800;
  line-height: 1.05;
  color: var(--aqua) !important;
  overflow-wrap: anywhere;
}
.cd-name-small {
  font-size: clamp(24px,5vw,30px) !important;
}
.cd-title {
  margin: 6px 0 0 !important;
  font-size: clamp(28px,6vw,40px) !important;
  font-weight: 800;
  line-height: 1.08;
  overflow-wrap: anywhere;
}
.cd-line {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 18px 0 4px;
  min-width: 0;
}
.cd-line .cd-title {
  margin: 0 !important;
  color: var(--aqua) !important;
}
.cd-lead {
  margin-top: 8px !important;
  color: var(--mist);
  font-size: 16px;
  max-width: 640px;
}
.cd-back {
  display: inline-block;
  margin-top: 18px;
  font-weight: 600;
  font-size: 15px;
  color: var(--ink) !important;
}
.cd-company-mini {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 16px !important;
}
.cd-name-mini {
  font: 700 17px var(--font-bricolage),sans-serif;
  color: var(--aqua);
}
.cd-tile {
  flex: none;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 16px;
}
.cd-tile-large {
  width: 56px;
  height: 56px;
}
.cd-tile-small {
  width: 28px;
  height: 28px;
  border-radius: 8px;
}
.cd-tile img {
  display: block;
  width: 78%;
  height: 78%;
  object-fit: contain;
}
.cd-tile-light {
  background: var(--ink);
  border: 1px solid var(--ink);
}
.cd-tile-dark {
  background: var(--surface-night);
  border: 1px solid var(--line);
}
.cd-tile-initials {
  background: var(--panel);
  border: 1px solid var(--line);
  font: 800 20px var(--font-bricolage),sans-serif;
  color: var(--aqua);
}
.cd-tile-small.cd-tile-initials {
  font-size: 12px;
}
.cd-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.cd-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  padding: 6px 13px;
  font: 600 14px var(--font-sans);
  white-space: nowrap;
}
.cd-pill-on {
  background: var(--aqua);
  color: var(--button-ink);
}
.cd-pill-on i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--button-ink);
  opacity: .75;
}
.cd-pill-quiet {
  border: 1px solid var(--line);
  color: var(--mist);
}
.cd-pill-founding {
  border: 1px solid rgba(232,185,100,.45);
  background: rgba(232,185,100,.08);
  color: var(--gold-ink);
}
.cd-pill-founding i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--gold);
}
.cd-pill-open {
  background: rgba(255,178,74,.12);
  color: var(--teal-warm);
  border: 1px solid rgba(255,178,74,.35);
}
.cd-pill-paid {
  background: rgba(52,195,166,.12);
  color: var(--aqua);
  border: 1px solid rgba(52,195,166,.35);
}
.cd-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 14px;
  margin-top: 16px;
}
.cd-grid>* {
  min-width: 0;
}
.cd-col {
  display: contents;
}
.cd-col>div:empty {
  display: none;
}
.cd-o1 {
  order: 1;
}
.cd-o2 {
  order: 2;
}
.cd-o3 {
  order: 3;
}
.cd-o4 {
  order: 4;
}
.cd-o5 {
  order: 5;
}
.cd-o6 {
  order: 6;
}
.cd-o7 {
  order: 7;
}
.cd-o8 {
  order: 8;
}
.cd-o9 {
  order: 9;
}
.cd-card {
  background: linear-gradient(180deg,rgba(11,51,47,.85),rgba(8,42,39,.85));
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
  min-width: 0;
}
.cd-card h2,.cd-need h2,.cd-sheet h2 {
  margin: 0;
  font-size: 21px;
  color: var(--ink);
}
.cd-h3 {
  font-size: 17px !important;
}
.cd-card+.cd-card {
  margin-top: 14px;
}
.cd-k {
  font: 600 13.5px var(--font-sans);
  color: var(--muted);
}
.cd-sub {
  color: var(--mist);
  font-size: 15.5px;
  margin-top: 8px !important;
}
.cd-quiet {
  color: var(--muted);
  font-size: 14.5px;
}
.cd-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.cd-actions {
  margin-top: 12px !important;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.cd-actions .cd-inline-form,.cd-calm-buttons .cd-inline-form,.cs-actions .cd-inline-form {
  margin: 0;
  display: inline-flex;
}
.cd-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 100px;
  padding: 12px 20px;
  font: 700 15px var(--font-sans);
  border: 0;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  min-height: 44px;
  box-sizing: border-box;
}
.cd-btn-teal {
  background: var(--aqua);
  color: var(--button-ink) !important;
}
.cd-btn-line {
  background: transparent;
  color: var(--ink) !important;
  border: 1.5px solid rgba(52,195,166,.5);
}
.cd-btn-small {
  padding: 7px 14px;
  font-size: 14px;
  min-height: 36px;
}
.cd-btn-wide {
  width: 100%;
}
.cd-btn:hover {
  filter: brightness(1.08);
}
.cd-link-button {
  background: none !important;
  border: 0;
  padding: 6px 2px;
  min-height: 36px;
  color: var(--aqua);
  font: 600 14px var(--font-sans);
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cd-need {
  border-radius: 20px;
  padding: 18px;
  border: 1.5px solid rgba(52,195,166,.55);
  background: radial-gradient(420px 200px at 100% 0,rgba(52,195,166,.16),transparent 70%),linear-gradient(180deg,rgba(11,51,47,.95),rgba(8,42,39,.95));
}
.cd-need-eyebrow {
  font: 600 14px var(--font-sans);
  color: var(--aqua);
}
.cd-need h2 {
  font-size: 23px;
  margin-top: 4px;
}
.cd-need-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: baseline;
  margin: 10px 0 14px !important;
  color: var(--mist);
}
.cd-need-row strong {
  font: 700 18px var(--font-sans);
  color: var(--ink);
  white-space: nowrap;
}
.cd-need-line {
  color: var(--mist);
  margin: 8px 0 14px !important;
}
.cd-need-then {
  margin-top: 14px !important;
  color: var(--muted);
  font-size: 14.5px;
}
.cd-need-ok {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-color: var(--line);
}
.cd-need-ok h2 {
  margin: 0;
  font-size: 18px;
}
.cd-tick {
  flex: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--aqua);
  color: var(--button-ink);
  display: grid;
  place-items: center;
  font: 800 15px var(--font-sans);
}
.cd-pay {
  display: grid;
  gap: 2px;
  padding: 12px 0;
}
.cd-pay+.cd-pay {
  border-top: 1px solid var(--soft-line);
}
.cd-pay-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.cd-pay-main b {
  font-size: 17px;
  color: var(--ink);
}
.cd-dots {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 6px;
}
.cd-dots i {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid rgba(199,226,219,.35);
  box-sizing: border-box;
}
.cd-dots i.is-on {
  border: 0;
  background: var(--teal-light);
  box-shadow: 0 0 0 4px rgba(47,216,240,.14),0 0 16px 3px rgba(47,216,240,.45);
}
.cd-bar {
  height: 12px;
  border-radius: 100px;
  background: rgba(199,226,219,.1);
  overflow: hidden;
  margin: 14px 0 6px;
}
.cd-bar i {
  display: block;
  height: 100%;
  border-radius: 100px;
  background: linear-gradient(90deg,var(--dark-teal),var(--teal-light));
  box-shadow: 0 0 14px rgba(47,216,240,.5);
}
.cd-pct {
  font: 800 22px var(--font-bricolage),sans-serif;
  color: var(--teal-light);
  margin-left: 6px;
}
.cd-colleagues .cd-between {
  margin-top: 6px;
}
.cd-big {
  font: 800 46px/1 var(--font-bricolage),sans-serif;
  letter-spacing: -.03em;
  color: var(--ink);
}
.cd-big-warm {
  color: var(--spark);
  font-size: 34px;
  margin-top: 8px !important;
}
.cd-tonnes-line {
  margin-top: 12px !important;
  font-weight: 600;
  font-size: 17px;
  color: var(--ink);
}
.cd-coname {
  color: var(--aqua);
}
.cd-copy {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 14px;
  border: 1px dashed rgba(52,195,166,.45);
  border-radius: 14px;
  padding: 10px 12px 10px 16px;
}
.cd-copy>span:first-child {
  display: grid;
  min-width: 0;
}
.cd-code {
  font: 700 20px var(--font-bricolage),sans-serif;
  letter-spacing: .06em;
  color: var(--ink);
}
.cd-introducer {
  margin-top: 16px;
}
.cd-introducer label {
  font-weight: 600;
  color: var(--ink);
}
.cd-inline {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.cd-inline input {
  flex: 1 1 160px;
  margin: 8px 0 !important;
}
.cd-map {
  min-width: 0;
}
.cd-map .map-shell.teal-map .map-frame {
  height: 250px;
  margin: 0;
  border-radius: 20px;
  border: 1px solid var(--line);
}
.cd-map-empty {
  position: relative;
  display: grid;
  place-items: center;
  gap: 12px;
  align-content: center;
  height: 250px;
  border-radius: 20px;
  border: 1px solid var(--line);
  background: repeating-radial-gradient(circle at 50% 45%,rgba(199,226,219,.05) 0 1px,transparent 1px 26px),var(--deep);
  text-align: center;
  padding: 16px;
  box-sizing: border-box;
}
.cd-map-ring {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px dashed rgba(199,226,219,.5);
}
.cd-mapcap {
  margin-top: 10px !important;
  font-size: 15px;
  color: var(--mist);
}
.cd-share {
  display: flex;
  align-items: center;
  gap: 14px;
  color: var(--ink) !important;
}
.cd-share-thumb {
  flex: none;
  width: 96px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--line);
  line-height: 0;
}
.cd-share-thumb img {
  width: 100%;
  height: auto;
  display: block;
}
.cd-share-text {
  display: grid;
  gap: 2px;
  min-width: 0;
  flex: 1;
}
.cd-chevron {
  color: var(--aqua);
  font-size: 24px;
}
.cd-group {
  display: grid;
  gap: 12px;
}
.cd-owner {
  border-style: dashed;
}
.cd-owner form {
  margin-top: 10px;
}
.cd-disclaimer {
  margin: 22px 0 0 !important;
  font-size: 13.5px !important;
  line-height: 1.5;
  color: var(--muted) !important;
}
.cd-signout {
  margin-top: 28px;
}
.cd-toast {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 14px !important;
  padding: 12px 16px;
  border-radius: 16px;
  background: rgba(52,195,166,.1);
  border: 1px solid rgba(52,195,166,.35);
  color: var(--ink);
}
.cd-toast-warn {
  background: rgba(255,178,74,.08);
  border-color: rgba(255,178,74,.35);
}
.cd-toast .cd-tick {
  width: 24px;
  height: 24px;
  font-size: 13px;
}
.cd-error {
  margin-top: 12px !important;
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px solid rgba(255,178,74,.4);
  background: rgba(255,178,74,.08);
  color: var(--teal-warm);
}
.cd-progress h2 {
  font-size: 21px;
}
.cd-privacy {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 12px !important;
  padding: 10px 14px;
  border-radius: 14px;
  background: rgba(199,226,219,.06);
  border: 1px solid var(--soft-line);
  font-size: 14.5px;
  color: var(--mist);
}
.cd-banner {
  display: flex;
  gap: 14px;
  align-items: center;
  margin-top: 12px;
  border-radius: 16px;
  padding: 14px 16px;
  background: rgba(47,216,240,.08);
  border: 1px solid rgba(47,216,240,.3);
  color: var(--ink) !important;
}
.cd-banner>span:last-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.cd-banner.is-warn {
  background: rgba(255,178,74,.08);
  border-color: rgba(255,178,74,.35);
}
.cd-spin {
  flex: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2.5px solid rgba(47,216,240,.25);
  border-top-color: var(--teal-light);
  animation: spin 1s linear infinite;
}
.cd-people-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}
.cd-places {
  display: grid;
  gap: 2px;
  margin-top: 10px !important;
  font-size: 14.5px;
  color: var(--muted);
}
.cd-people {
  margin-top: 16px;
}
.cd-search {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.cd-search input[type=search] {
  flex: 1 1 200px;
  margin: 0 !important;
  border-radius: 14px;
}
.cd-chips {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 12px 0 4px;
}
.cd-chip {
  padding: 8px 14px;
  border-radius: 100px;
  border: 1px solid var(--line);
  font: 600 14px var(--font-sans);
  color: var(--mist) !important;
  white-space: nowrap;
}
.cd-chip.is-on {
  background: rgba(52,195,166,.16);
  border-color: rgba(52,195,166,.55);
  color: var(--ink) !important;
}
.cd-list {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  border-top: 1px solid var(--soft-line);
}
.cd-person {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 13px 0;
  border-bottom: 1px solid var(--soft-line);
  min-width: 0;
}
.cd-person>span:first-child {
  margin-top: 8px;
}
.cd-lit {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--teal-light);
  box-shadow: 0 0 0 3px rgba(47,216,240,.16),0 0 12px 2px rgba(47,216,240,.5);
  flex: none;
}
.cd-unlit {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid var(--muted);
  flex: none;
  box-sizing: border-box;
}
.cd-person-main {
  min-width: 0;
  flex: 1;
}
.cd-person-email {
  overflow-wrap: anywhere;
  color: var(--ink);
}
.cd-person-status {
  font-size: 14px;
  color: var(--muted);
}
.cd-person-actions {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 6px;
}
.cd-row-form {
  margin: 0;
}
.cd-feedback {
  margin-top: 6px !important;
  font-size: 14px;
  font-weight: 600;
  color: var(--aqua);
}
.cd-feedback.is-warn {
  color: var(--teal-warm);
  font-weight: 500;
}
.cd-paging {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 14px;
}
.cd-paging-buttons {
  display: flex;
  gap: 8px;
}
.cd-sheet {
  position: relative;
  margin-top: 14px;
  border-radius: 24px;
  padding: 20px 18px;
  background: linear-gradient(180deg,rgba(11,51,47,.98),rgba(8,42,39,.98));
  border: 1px solid rgba(52,195,166,.45);
  box-shadow: 0 24px 60px rgba(0,0,0,.45);
}
.cd-sheet textarea {
  margin: 12px 0 8px !important;
  min-height: 110px;
}
.cd-sheet .cd-btn-wide {
  margin-top: 12px;
}
.cd-sheet-address {
  margin-top: 10px !important;
  font-weight: 600;
  color: var(--ink);
  overflow-wrap: anywhere;
}
.cd-sheet-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 16px;
}
.cd-sheet-buttons form {
  margin: 0;
}
.cd-close {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  color: var(--ink) !important;
  font-size: 22px;
  line-height: 1;
}
.cd-inv {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px 12px;
  padding: 14px 0;
  border-bottom: 1px solid var(--soft-line);
}
.cd-inv b {
  font-size: 16.5px;
  color: var(--ink);
}
.cd-inv-amount {
  font: 700 17px var(--font-sans);
  text-align: right;
  color: var(--ink);
}
.cd-inv-meta,.cd-inv-places,.cd-inv-actions {
  grid-column: 1/-1;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  font-size: 14px;
  color: var(--mist);
}
.cd-inv-actions {
  margin-top: 6px !important;
}
.cd-inv-correct {
  color: var(--mist);
  font-size: 14px;
  text-decoration: underline;
  text-decoration-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    text-decoration-color: color-mix(in srgb,currentColor 45%,transparent);
  }
  text-underline-offset: 4px;
  padding: 6px 2px;
}
.cd-inv-correct:hover,.cd-inv-correct:focus-visible {
  color: var(--ink);
  text-decoration-color: currentColor;
}
.cd-inv-note {
  color: var(--muted);
}
.cd-inv .cd-note {
  grid-column: 1/-1;
  margin-top: 8px !important;
}
.cd-fix {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 14px;
  margin-top: 16px;
}
.cd-fix .cd-card+.cd-card {
  margin-top: 0;
}
.cd-fix + .cd-card {
  margin-top: 14px;
}
.cd-fix-col h3 {
  font: 600 14.5px var(--font-sans);
  color: var(--mist);
  margin: 0;
}
.cd-fix-col .cd-kv {
  margin-top: 10px;
}
.cd-fix-col dd.cd-fix-changed {
  color: var(--aqua);
  font-weight: 600;
}
.cd-fix-steps {
  margin: 12px 0 14px;
  padding-left: 22px;
  display: grid;
  gap: 8px;
  color: var(--mist);
  font-size: 15px;
  list-style: decimal;
}
.cd-fix-steps li::marker {
  color: var(--aqua);
}
@media (min-width: 720px) {
  .cd-fix {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  }
}
.cd-owner-tools {
  grid-column: 1/-1;
  margin-top: 8px;
}
.cd-owner-tools summary {
  cursor: pointer;
  color: var(--muted);
  font-size: 14px;
}
.cd-next-date,.cd-next-amount {
  font-size: 19px;
  color: var(--ink);
}
.cd-next .cd-between {
  margin: 4px 0 !important;
}
.cd-kv {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px 18px;
  margin: 14px 0 0;
  font-size: 15px;
}
.cd-kv dt {
  color: var(--muted);
}
.cd-kv dd {
  margin: 0;
  color: var(--ink);
  overflow-wrap: anywhere;
  min-width: 0;
}
.cd-manager {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid var(--soft-line);
  flex-wrap: wrap;
}
.cd-manager-address {
  overflow-wrap: anywhere;
  min-width: 0;
  color: var(--ink);
}
.cd-calm {
  max-width: 560px;
  margin: 40px auto 20px;
  padding: 28px 22px;
  text-align: center;
  border-radius: 24px;
  background: linear-gradient(180deg,rgba(11,51,47,.85),rgba(8,42,39,.85));
  border: 1px solid var(--line);
}
.cd-calm h1 {
  margin: 16px 0 0 !important;
  font-size: clamp(24px,5vw,30px) !important;
}
.cd-calm>p {
  margin-top: 10px !important;
  color: var(--mist);
}
.cd-calm-mark {
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid var(--muted);
}
.cd-calm-mark.is-lit {
  border: 0;
  background: var(--teal-light);
  box-shadow: 0 0 0 6px rgba(47,216,240,.14),0 0 20px 4px rgba(47,216,240,.45);
}
.cd-calm-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}
.cd-calm-note {
  margin-top: 16px !important;
  font-size: 14px;
  color: var(--muted) !important;
}
.cd-companies {
  padding-top: 24px;
}
.cd-company-row {
  padding: 14px 0;
  border-bottom: 1px solid var(--soft-line);
  font-size: 17px;
}
.cd-form label {
  display: block;
  margin-top: 14px;
  font-weight: 600;
  color: var(--ink);
  font-size: 15px;
}
.cd-form label .cd-optional {
  font-weight: 400;
  color: var(--muted);
}
.cd-form input:not([type=checkbox],[type=radio],[type=hidden],[type=file]),.cd-form select,.cd-form textarea {
  margin: 8px 0 4px;
}
.cd-hint {
  font-size: 13.5px;
  color: var(--muted);
  margin-top: 4px !important;
}
.cd-two {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 12px;
}
.cd-readonly {
  margin: 8px 0 4px !important;
  padding: 13px 16px;
  border-radius: 12px;
  border: 1px dashed var(--line);
  color: var(--mist);
}
.cd-form .cd-category-search {
  margin-bottom: 8px;
}
.cd-form input[readonly] {
  background: transparent;
  border-style: dashed;
  color: var(--mist);
}
.cd-savebar {
  position: sticky;
  bottom: 0;
  z-index: 7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
  padding: 12px 16px;
  border-radius: 18px 18px 0 0;
  background: rgba(5,32,30,.96);
  backdrop-filter: blur(10px);
  border: 1px solid var(--line);
  border-bottom: 0;
}
.cd-savebar p {
  color: var(--mist);
  font-size: 14px;
  min-width: 0;
}
.cd-roles {
  display: grid;
  gap: 10px;
  margin-top: 8px;
}
.cd-role {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid var(--line);
  cursor: pointer;
}
.cd-role:has(input:checked) {
  border-color: rgba(52,195,166,.6);
  background: rgba(52,195,166,.08);
}
.cd-role span {
  display: grid;
  gap: 2px;
}
.cd-role b {
  color: var(--ink);
}
@media (min-width:640px) {
  .cd-you-address {
    display: block;
  }
}
@media (min-width:900px) {
  .cd-grid {
    grid-template-columns: minmax(0,7fr) minmax(0,5fr);
    gap: 20px;
    align-items: start;
  }
  .cd-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .cd-col>div>.cd-card+.cd-card {
    margin-top: 20px;
  }
  .cd-hero {
    padding-top: 30px;
  }
  .cd-map .map-shell.teal-map .map-frame,.cd-map-empty {
    height: 250px;
  }
  .cd-sheet {
    max-width: 560px;
  }
}
@media (max-width:420px) {
  .cd-two {
    grid-template-columns: minmax(0,1fr);
  }
  .cd-big {
    font-size: 40px;
  }
}
.cd-form-label {
  margin-top: 14px !important;
  font-weight: 600;
  color: var(--ink);
  font-size: 15px;
}
.cd-field-error {
  margin-top: 6px !important;
  font-size: 14px;
  color: var(--teal-warm);
}
.cd-problems {
  margin-top: 14px;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid rgba(255,178,74,.45);
  background: rgba(255,178,74,.07);
}
.cd-problems h2 {
  margin: 0;
  font-size: 19px;
}
.cd-problems ul {
  margin: 10px 0 6px;
  padding-left: 20px;
}
.cd-problems a {
  color: var(--teal-warm) !important;
  text-decoration: underline !important;
}
.cd-status {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 12px;
}
.cd-tiles {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 8px;
}
.cd-count {
  text-align: right;
}
.cd-segment {
  display: flex;
  gap: 6px;
  padding: 4px;
  margin: 10px 0 0;
  border-radius: 100px;
  border: 1px solid var(--line);
  width: max-content;
  max-width: 100%;
}
.cd-segment label {
  margin: 0 !important;
  display: block;
  cursor: pointer;
}
.cd-segment input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.cd-segment span {
  display: block;
  padding: 8px 16px;
  border-radius: 100px;
  font: 600 14px var(--font-sans);
  color: var(--mist);
}
.cd-segment input:checked+span {
  background: rgba(52,195,166,.18);
  color: var(--ink);
  box-shadow: inset 0 0 0 1px rgba(52,195,166,.5);
}
.cd-segment input:focus-visible+span {
  outline: 2px solid var(--focus-ring);
}
.cd-form .map-shell {
  margin-top: 12px;
}
.cd-form .map-pin {
  border-radius: 16px;
}
.cd-switch {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin: 0 !important;
  cursor: pointer;
}
.cd-switch>span {
  display: grid;
  gap: 4px;
}
.cd-switch input[type=checkbox] {
  width: 46px;
  height: 26px;
  border-radius: 100px;
  position: relative;
  flex: none;
}
.cd-switch input[type=checkbox]::before {
  content: "" !important;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px !important;
  height: 18px !important;
  border: 0 !important;
  border-radius: 50%;
  background: var(--mist);
  transform: none !important;
  transition: left .2s;
}
.cd-switch input[type=checkbox]:checked::before {
  left: 23px;
  background: var(--button-ink);
}
.cd-preview-head {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 14px;
}
.cd-preview .cd-pills {
  margin-top: 12px;
}
.cd-preview-story {
  margin: 14px 0 0;
  padding: 4px 0 4px 14px;
  border-left: 3px solid var(--spark);
  color: var(--ink);
  font-size: 15.5px;
  overflow-wrap: anywhere;
}
.cd-preview-list {
  margin-top: 18px !important;
}
.cd-preview-row {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 8px;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid var(--soft-line);
}
.cd-preview-row>span:last-child {
  display: grid;
  min-width: 0;
}
.cd-where:has(#listing-location-none:checked) .cd-place {
  display: none;
}
.cd-address-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 10px;
  align-items: center;
}
.cd-address-row .cd-btn {
  margin-top: 4px;
}
.cd-address .place-options {
  margin-top: 2px;
}
.cd-found:empty {
  display: none;
}
.cd-found {
  margin-top: 12px !important;
  padding: 10px 14px;
  border-radius: 14px;
  background: rgba(52,195,166,.08);
  border: 1px solid rgba(52,195,166,.3);
  color: var(--ink);
  font-size: 14.5px;
}
.cd-logo-pick {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 14px;
}
.cd-logo-actions {
  position: relative;
  display: grid;
  gap: 6px;
  justify-items: start;
  min-width: 0;
}
.cd-main .cd-file-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  overflow: hidden;
  clip-path: inset(50%);
}
.cd-file-input:focus-visible+label {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}
.cd-main label.cd-btn {
  margin: 0;
  display: inline-flex;
  font: 700 14px var(--font-sans);
  letter-spacing: 0;
  text-transform: none;
  color: var(--ink);
}
.cd-logo-file:empty {
  display: none;
}
.cd-tile-set {
  border: 0;
  padding: 0;
  margin: 16px 0 0;
  min-width: 0;
}
.cd-tile-set[hidden] {
  display: none;
}
.cd-tile-choice {
  position: relative;
  margin: 0;
}
.cd-tile-choice .check-row {
  display: block;
  position: relative;
  margin: 0;
}
.cd-tile-choice .check-row input[type=radio] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
}
.cd-main .cd-tile-choice label {
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  display: grid;
  justify-items: center;
  gap: 8px;
  padding: 14px 10px;
  border-radius: 16px;
  border: 1px solid var(--line);
  color: var(--mist);
  font: 600 14px var(--font-sans);
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
}
.cd-tile-choice input:checked+label {
  border-color: rgba(52,195,166,.6);
  background: rgba(52,195,166,.08);
  color: var(--ink);
}
.cd-tile-choice input:focus-visible+label {
  outline: 2px solid var(--focus-ring);
}
.cd-logo-card .check-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
}
.cd-logo-card .check-row label {
  margin: 0 !important;
  font-weight: 600;
}
.cd-eyebrow {
  font: 600 13.5px var(--font-sans);
  color: var(--aqua);
}
.cd-preview .cd-eyebrow+h2 {
  margin-top: 2px;
}
.cd-preview-page {
  margin-top: 12px;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid var(--soft-line);
  background: rgba(5,32,30,.45);
}
.cd-preview-page .cd-preview-head {
  margin-top: 0;
}
.cd-preview-site {
  display: inline-flex;
  gap: 6px;
  margin-top: 10px;
  color: var(--aqua) !important;
  font-weight: 600;
  font-size: 15px;
  overflow-wrap: anywhere;
}
.cd-preview-site[hidden] {
  display: none;
}
.cd-explain {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--soft-line);
}
.cd-explain summary {
  cursor: pointer;
  font: 600 14.5px var(--font-sans);
  color: var(--ink);
}
.cd-explain p {
  margin-top: 8px !important;
  font-size: 14px;
  line-height: 1.55;
  color: var(--mist);
}
.cd-toast {
  flex-wrap: wrap;
}
.cd-toast-link {
  margin-left: auto;
  font-weight: 700;
  color: var(--aqua) !important;
  white-space: nowrap;
}
.cd-contacts {
  border-top: 0;
  margin: 0;
}
.cd-contact {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px 0;
  border-bottom: 1px solid var(--soft-line);
}
.cd-contact:last-child {
  border-bottom: 0;
}
.cd-contact-main {
  display: grid;
  gap: 2px;
  min-width: 0;
  flex: 1;
}
.cd-contact-role {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  font-size: 14px;
  color: var(--muted);
}
.cd-contact-role .cd-link-button {
  min-height: 28px;
  padding: 2px;
}
.cd-confirm {
  display: grid;
  gap: 6px;
  margin-top: 10px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255,178,74,.07);
  border: 1px solid rgba(255,178,74,.35);
}
.cd-roles-line {
  margin-top: 12px !important;
}
.cd-only-owner {
  margin-top: 14px;
}
.cd-roles {
  border: 0;
  padding: 0;
  margin: 14px 0 0;
}
.cd-roles legend {
  padding: 0;
  margin-bottom: 8px;
}
.cd-role input[type=radio] {
  margin-top: 2px;
}
.cd-kit-card {
  margin-top: 14px;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid var(--line);
  line-height: 0;
  box-shadow: 0 20px 50px rgba(0,0,0,.4);
}
.cd-kit-card img {
  display: block;
  width: 100%;
  height: auto;
}
.cd-kit-url {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.cd-kit-say {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--soft-line);
  color: var(--ink);
}
.cd-fold {
  margin-top: 12px;
}
.cd-fold>summary {
  cursor: pointer;
  color: var(--aqua);
  font-weight: 600;
  list-style: none;
}
.cd-fold>summary::-webkit-details-marker {
  display: none;
}
.cd-fold h3 {
  margin: 12px 0 0;
  font-size: 16px;
}
.cd-fold p {
  margin-top: 8px !important;
  color: var(--mist);
}
.cd-kit-pack .cd-fold {
  margin-top: 0;
}
.cd-kit-pack summary {
  display: grid;
  gap: 4px;
  color: var(--ink);
}
.cd-fold-action {
  color: var(--aqua);
  font-weight: 600;
}
.cd-kit-previews {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 14px;
}
.cd-kit-previews img {
  width: 110px;
  height: 110px;
  object-fit: contain;
  background: var(--ink);
}
.cd-sticker-round {
  border-radius: 50%;
}
.cd-sticker-square {
  border-radius: 12px;
}
.cd-kit-files {
  margin: 10px 0 0;
  padding-left: 20px;
}
.cd-kit-files li {
  margin: 6px 0;
}
.cd-badge {
  margin: 14px 0 0;
}
.cd-badge img {
  display: block;
  width: 100%;
  max-width: 420px;
  height: auto;
  border-radius: 14px;
}
.cd-badge figcaption {
  margin-top: 10px;
}
.cd-kit-waiting {
  text-align: left;
  margin-top: 16px;
}
.cd-kit-waiting h2 {
  margin-top: 12px;
}
.cd-steps {
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
  display: grid;
  gap: 12px;
}
.cd-step {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.cd-step>span:last-child {
  display: grid;
  gap: 6px;
  justify-items: start;
}
.cd-step-mark {
  flex: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font: 700 14px var(--font-sans);
  border: 2px solid var(--line);
  color: var(--mist);
}
.cd-step.is-done .cd-step-mark {
  background: var(--aqua);
  border-color: var(--aqua);
  color: var(--button-ink);
}
.cd-main .el-page {
  margin-top: 6px;
}
.cd-main .el-drop {
  display: flex;
  flex-direction: column;
}
.cd-main .el-drop-or {
  font-size: 14px;
  color: var(--mist);
}
.cd-main .el-drop-hint {
  font: 400 14px var(--font-sans);
  letter-spacing: 0;
}
.cd-main .el-drop-button {
  margin-top: 6px;
  padding: 9px 18px;
  border-radius: 100px;
  border: 1.5px solid rgba(52,195,166,.5);
  font: 700 14.5px var(--font-sans);
  color: var(--ink);
}
.cd-main .el-step {
  font: 600 14px var(--font-sans);
  text-transform: none;
  letter-spacing: 0;
}
.cd-main .el-figure span {
  font: 400 14px var(--font-sans);
  text-transform: none;
  letter-spacing: 0;
}
.cd-main .el-page p {
  margin: 12px 0;
}
@media (max-width:639px) {
  .cd-main .el-sources {
    grid-template-columns: minmax(0,1fr);
  }
}
.cd-main label:not(.check-row label):not(.el-drop):not(.cd-switch):not(.cd-role):not(.cd-btn):not(.cd-tile-choice label) {
  font: 600 15px var(--font-sans);
  letter-spacing: 0;
  text-transform: none;
  color: var(--ink);
  margin-top: 14px;
}
.cd-main .cd-segment label {
  margin-top: 0;
}
.cd-main .el-paste summary,.cd-main .eyebrow {
  font: 600 14.5px var(--font-sans);
  letter-spacing: 0;
  text-transform: none;
}
.cd-signout {
  display: flex;
  justify-content: flex-start;
}
.cd-disclaimer p {
  display: inline;
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--muted);
}
.cd-disclaimer p+p::before {
  content: " ";
}
.cd-person-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px 12px;
  margin-top: 2px;
}
.cd-person-line .cd-person-actions {
  margin-top: 0;
  gap: 8px;
}
.cd-person-email {
  font-size: 15.5px;
}
.cd-kit-url {
  display: block !important;
  min-width: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cd-copy {
  min-width: 0;
}
.cd-card {
  overflow-wrap: anywhere;
}
.cd-main label.cd-role,.cd-main label.cd-switch {
  display: flex;
  font: 400 15px var(--font-sans);
  letter-spacing: 0;
  text-transform: none;
  color: var(--mist);
}
.cd-main label.cd-role b,.cd-main label.cd-switch b {
  font-weight: 600;
  color: var(--ink);
}
.cd-main legend {
  font: 600 15px var(--font-sans);
  letter-spacing: 0;
  text-transform: none;
  color: var(--ink);
}
.cd-main .cd-segment label {
  display: block;
}
.cd-main .el-drop-or {
  font: 400 14px var(--font-sans);
  letter-spacing: 0;
  text-transform: none;
}
.cd-main .back-link {
  font: 600 15px var(--font-sans);
  letter-spacing: 0;
  text-transform: none;
  color: var(--ink);
}
@media (min-width:900px) {
  .cd-listing>.cd-col:last-child {
    position: sticky;
    top: 64px;
  }
}
.cd-segment .check-row {
  display: block;
  margin: 0;
  padding: 0;
}
.cd-segment .check-row input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.cd-segment .check-row label {
  display: block;
  padding: 8px 16px;
  border-radius: 100px;
  font: 600 14px var(--font-sans);
  letter-spacing: 0;
  text-transform: none;
  color: var(--mist);
  cursor: pointer;
  margin: 0;
}
.cd-segment .check-row input:checked+label {
  background: rgba(52,195,166,.18);
  color: var(--ink);
  box-shadow: inset 0 0 0 1px rgba(52,195,166,.5);
}
.cd-segment .check-row input:focus-visible+label {
  outline: 2px solid var(--focus-ring);
}
.cd-roles .check-row {
  padding: 14px;
  border-radius: 16px;
  border: 1px solid var(--line);
  margin-top: 10px;
}
.cd-roles .check-row:has(input:checked) {
  border-color: rgba(52,195,166,.6);
  background: rgba(52,195,166,.08);
}
.cd-roles .check-row label {
  font-weight: 600 !important;
  margin: 0 !important;
}
.cd-roles .check-row small {
  color: var(--mist);
}
.cd-switch-card .check-row {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin: 0;
}
.cd-switch-card .check-row label {
  margin: 0 !important;
  font-weight: 600 !important;
}
.cd-switch-card input[type=checkbox] {
  width: 46px;
  height: 26px;
  border-radius: 100px;
  position: relative;
}
.cd-switch-card input[type=checkbox]::before {
  content: "" !important;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px !important;
  height: 18px !important;
  border: 0 !important;
  border-radius: 50%;
  background: var(--mist);
  transform: none !important;
  transition: left .2s;
}
.cd-switch-card input[type=checkbox]:checked::before {
  left: 23px;
  background: var(--button-ink);
}
.cd-stop {
  display: grid;
  gap: 14px;
  margin-top: 18px;
  max-width: 640px;
}
.cd-stop .cd-card+.cd-card {
  margin-top: 0;
}
.cd-steps {
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
  display: grid;
  gap: 0;
}
.cd-step {
  display: grid;
  grid-template-columns: 22px minmax(0,1fr);
  gap: 12px;
  position: relative;
  padding-bottom: 16px;
}
.cd-step:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 22px;
  bottom: 0;
  width: 2px;
  background: var(--line);
}
.cd-step-dot {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid rgba(52,195,166,.75);
  margin-top: 2px;
}
.cd-step-now .cd-step-dot {
  background: var(--aqua);
  border-color: var(--aqua);
  box-shadow: 0 0 12px var(--aqua);
}
.cd-step-later .cd-step-dot {
  border-color: var(--muted);
}
.cd-step-heading {
  font-weight: 700;
  color: var(--ink);
}
.cd-keep {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
}
.cd-keep li {
  position: relative;
  padding: 10px 0 10px 22px;
  border-top: 1px solid var(--soft-line);
  color: var(--ink);
}
.cd-keep li:first-child {
  border-top: 0;
}
.cd-keep li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 18px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--aqua);
}
.cd-stop-confirm {
  display: grid;
  gap: 12px;
}
.cd-stop-confirm .cd-btn,.cd-stop-form .cd-btn {
  width: 100%;
  justify-content: center;
  text-align: center;
}
.cd-stop-form {
  margin: 0;
}
.cd-stop-link {
  margin-top: 16px !important;
  font-size: 14.5px;
}
.cd-stop-link a {
  color: var(--mist);
}
.cd-need-stopped form {
  margin: 0;
}
.dash-notice .notice-company {
  font-weight: 700;
  color: var(--ink);
}
.dash-notice .dash-company-name {
  color: var(--aqua);
}
.dash-notice .notice-own-address {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}
.dash-notice .notice-own-address p:not(.notice-company):not(.notice-actions) {
  color: var(--mist);
}
.account-own-address {
  margin: 0 0 18px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(31,140,124,.1);
  line-height: 1.5;
}
.account-own-address strong {
  display: block;
  margin-bottom: 4px;
  color: var(--ink);
}
:root {
  --su-teal: #3fcfb1;
  --su-gold: #f3c969;
  --su-gold-deep: #e7b453;
  --su-gold-ink: #ffe2a6;
  --su-bad: #ff9d7a;
  --su-bad-ink: #ffd2c2;
  --su-on-teal: #03201b;
  --su-off: #7f9894;
  --su-sky: #8ff0ff;
  --su-tile: #f4ead8;
  --su-tile-ink: #1d5b4f;
  --su-glow: #0d3a35;
  --su-panel-top: #0d3632;
  --su-panel-bottom: #092825;
  --su-deep: #072724;
  --su-medal-light: #ffe7ad;
  --su-medal-dark: #b9822a;
  --su-medal-ink: #3a2606;
}
body.cs {
  margin: 0;
}
.cs p,.cs h1,.cs h2,.cs h3,.cs dl,.cs dd,.cs ol,.cs ul {
  margin: 0;
}
.cs a {
  text-decoration: none;
  color: var(--su-teal);
}
.cs label,.cs legend {
  font: 600 15px/1.4 var(--font-sans);
  text-transform: none;
  letter-spacing: 0;
  color: var(--ink);
}
.cs-top {
  border-bottom: 1px solid var(--soft-line);
  background: rgba(4,24,22,.45);
}
.cs-top-in {
  max-width: 1120px;
  margin: 0 auto;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.cs-top-logo img {
  display: block;
  height: 34px;
  width: auto;
}
.cs-saved {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  font-size: 13.5px;
  color: var(--muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cs-saved i {
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--su-teal);
  box-shadow: 0 0 8px var(--su-teal);
}
.cs-steps {
  display: flex;
  gap: 6px;
  max-width: 1120px;
  margin: 0 auto;
  padding: 14px 16px 0;
  list-style: none;
  position: relative;
}
.cs-s {
  flex: 1;
  min-width: 0;
}
.cs-s a {
  display: block;
  color: inherit;
}
.cs-s i {
  display: block;
  height: 5px;
  border-radius: 9px;
  background: rgba(199,226,219,.14);
}
.cs-s.is-done i {
  background: var(--su-teal);
}
.cs-s.is-now i {
  background: linear-gradient(90deg,var(--su-teal),var(--teal-light));
  box-shadow: 0 0 10px rgba(47,216,240,.5);
}
.cs-s b {
  display: block;
  margin-top: 8px;
  font: 600 13.5px var(--font-sans);
  color: var(--muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cs-s.is-now b {
  color: var(--ink);
}
.cs-s.is-done b {
  color: var(--mist);
}
@media (max-width:520px) {
  .cs-steps {
    padding-bottom: 24px;
  }
  .cs-s b {
    display: none;
  }
  .cs-s.is-now b {
    display: block;
    position: absolute;
    left: 16px;
    right: 16px;
  }
}
.cs-layout {
  max-width: 1120px;
  margin: 0 auto;
  padding: 22px 16px 8px;
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 20px;
}
.cs-layout>* {
  min-width: 0;
}
@media (min-width:960px) {
  .cs-layout {
    grid-template-columns: minmax(0,640px) minmax(0,1fr);
    gap: 44px;
    padding-top: 34px;
  }
  .cs-layout.cs-narrow {
    grid-template-columns: minmax(0,640px);
    justify-content: center;
  }
  .cs-layout.cs-wide {
    grid-template-columns: minmax(0,880px);
    justify-content: center;
  }
  .cs-aside {
    position: sticky;
    top: 20px;
    align-self: start;
  }
}
@media (max-width:959px) {
  .cs-ph-hide {
    display: none;
  }
}
.cs-page-h h1,.cs-centre h1 {
  font: 800 clamp(30px,6.4vw,42px)/1.08 var(--font-bricolage),sans-serif;
  letter-spacing: -.02em;
  color: var(--ink);
}
.cs-page-h .cs-eyebrow+h1 {
  margin-top: 8px;
}
.cs-page-h .cs-sub {
  margin-top: 10px;
}
.cs-page-h .cs-introduced {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 14px;
  color: var(--su-teal);
  font: 600 14.5px var(--font-sans);
  overflow-wrap: anywhere;
}
.cs-page-h .cs-introduced::before {
  content: "";
  flex: none;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--su-teal);
  box-shadow: 0 0 8px rgba(52,195,166,.6);
}
.cs-eyebrow {
  font: 600 14.5px var(--font-sans);
  color: var(--su-teal);
  letter-spacing: .01em;
  text-transform: none;
}
.cs-sub {
  color: var(--mist);
  font-size: 16px;
}
.cs-quiet {
  color: var(--muted);
  font-size: 14.5px;
}
.cs-small {
  margin-top: 14px !important;
  font-size: 13.5px;
  color: var(--muted);
  line-height: 1.5;
}
.cs-note,.cd-note {
  margin-top: 14px !important;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,201,138,.32);
  background: rgba(255,201,138,.06);
  color: var(--mist);
  font-size: 14.5px;
  line-height: 1.5;
}
.cs-note p+p,.cd-note p+p {
  margin-top: 6px !important;
}
.cs-note b,.cd-note b {
  color: var(--teal-warm);
  font-weight: 600;
}
.pay-other {
  margin-top: 18px !important;
  border-top: 1px solid var(--soft-line);
  padding-top: 12px;
}
.pay-other summary {
  cursor: pointer;
  color: var(--ink);
  font-weight: 600;
  font-size: 15px;
  list-style: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
}
.pay-other summary::-webkit-details-marker {
  display: none;
}
.pay-other summary::after {
  content: "";
  width: 7px;
  height: 7px;
  border-right: 2px solid var(--aqua);
  border-bottom: 2px solid var(--aqua);
  transform: translateY(-2px) rotate(45deg);
  transition: transform .2s ease;
}
.pay-other[open] summary::after {
  transform: translateY(2px) rotate(-135deg);
}
.pay-other-body {
  margin-top: 6px;
}
.pay-good-to-know {
  margin: 0 !important;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,201,138,.32);
  background: rgba(255,201,138,.06);
  color: var(--mist);
  font-size: 14.5px;
  line-height: 1.5;
}
.cd-need > .pay-good-to-know {
  margin: 12px 0 4px !important;
}
.pay-ways {
  list-style: none;
  margin: 16px 0 0 !important;
  padding: 0;
  display: grid;
  gap: 14px;
}
.pay-way {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: center;
}
.pay-way .cd-inline-form {
  margin: 0;
  display: inline-flex;
}
.pay-way p {
  margin: 0 !important;
  flex: 1 1 220px;
  min-width: 0;
}
@media (prefers-reduced-motion: reduce) {
  .pay-other summary::after {
    transition: none;
  }
}
.cs-coname {
  color: var(--su-teal);
  font: 700 22px var(--font-bricolage),sans-serif;
  overflow-wrap: anywhere;
}
.cs-page-h .cs-coname,.cs-centre .cs-coname,.cs-cap .cs-coname {
  font: inherit;
  color: var(--su-teal);
}
.cs-coname-small {
  font-size: 20px;
}
.cs-card {
  background: linear-gradient(180deg,rgba(13,54,50,.85),rgba(9,40,37,.85));
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 20px;
}
.cs-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.cs-min {
  min-width: 0;
}
.cs-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}
.cs-top-align {
  align-items: flex-start;
}
.cs-summary-line {
  white-space: normal;
  overflow-wrap: anywhere;
}
.cs-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cs-gap {
  margin-top: 8px !important;
}
.cs-gap-top {
  margin-top: 16px !important;
}
.cs-tile {
  flex: none;
  width: 52px;
  height: 52px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  background: var(--panel);
  border: 1px solid var(--line);
  font: 800 19px var(--font-bricolage),sans-serif;
  color: var(--su-teal);
}
.cs-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  padding: 6px 13px;
  font: 600 14px var(--font-sans);
  white-space: nowrap;
}
.cs-pill i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.cs-pill-on {
  background: var(--su-teal);
  color: var(--su-on-teal);
}
.cs-pill-on i {
  background: var(--su-on-teal);
  opacity: .75;
}
.cs-pill-quiet {
  border: 1px solid var(--line);
  color: var(--mist);
  background: rgba(4,24,22,.7);
}
.cs-pill-found {
  background: linear-gradient(100deg,rgba(243,201,105,.18),rgba(255,178,74,.10));
  border: 1px solid rgba(243,201,105,.5);
  color: var(--su-gold-ink);
}
.cs-pill-found i {
  width: 9px;
  height: 9px;
  background: var(--su-gold);
  box-shadow: 0 0 10px var(--su-gold);
}
.cs-kv {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 9px 16px;
  margin-top: 16px !important;
  font-size: 15px;
}
.cs-kv dt {
  color: var(--muted);
}
.cs-kv dd {
  text-align: right;
  color: var(--ink);
}
.cs-split {
  margin-top: 16px !important;
  padding-top: 14px;
  border-top: 1px solid var(--soft-line);
}
.cs-big {
  font: 800 44px/1 var(--font-bricolage),sans-serif;
  letter-spacing: -.03em;
  color: var(--ink);
}
.cs-agreement .cs-big {
  font-size: 36px;
}
.cs-tonnes {
  margin-top: 14px !important;
  font: 700 21px var(--font-bricolage),sans-serif;
  color: var(--ink);
}
.cs-reach {
  margin-top: 14px;
  border-top: 1px solid var(--soft-line);
  padding-top: 10px;
}
.cs-reach-row {
  display: flex;
  gap: 10px;
  align-items: baseline;
  padding: 5px 0;
  color: var(--ink);
}
.cs-ok {
  color: var(--su-teal);
  font-weight: 800;
}
.cs-no {
  color: var(--su-off);
  font-weight: 800;
}
.cs-reach p {
  margin: 0;
}
.cs-split .cs-reach {
  margin-top: 0;
  border-top: 0;
  padding-top: 0;
}
.cs-reach-line {
  color: var(--ink);
  font-weight: 600;
  line-height: 1.45;
}
.cs-reach-next {
  margin-top: 6px !important;
  color: var(--mist);
  line-height: 1.45;
}
.cs-reach .cs-reach-more {
  margin-top: 8px !important;
}
.cs-reach-founding {
  margin-top: 12px !important;
  padding-top: 10px;
  border-top: 1px solid var(--soft-line);
  color: var(--su-gold-ink);
  line-height: 1.45;
}
.cs-reach-place {
  margin-bottom: 6px !important;
  color: var(--muted);
  font-size: 14px;
}
.cs-reach-founding.cs-reach-founding-alone {
  margin-top: 0 !important;
  padding-top: 0;
  border-top: 0;
}
.cs .cs-cards2.cs-cards-pay {
  display: block;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}
.cs .cs-cards2.cs-cards-pay>*+* {
  margin-top: 16px;
}
.cs-facts {
  margin-top: 22px;
}
.cs-fact {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  align-items: baseline;
  justify-content: space-between;
  padding: 12px 0;
}
.cs-facts .cs-fact+.cs-fact {
  border-top: 1px solid var(--soft-line);
}
.cs-fact-label {
  flex: 0 0 100%;
  color: var(--muted);
  font-size: 14px;
}
.cs-fact-value {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--ink);
  font-weight: 600;
  overflow-wrap: anywhere;
}
.cs-fact a {
  flex: none;
}
.cs-actions-back .cs-btn-line {
  min-width: 96px;
}
.cs-default {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  margin: -1px;
  padding: 0 !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0 !important;
  opacity: 0;
}
.cs-notice {
  margin-top: 12px !important;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(243,201,105,.08);
  border: 1px solid rgba(243,201,105,.35);
  color: var(--ink);
  line-height: 1.5;
}
.cs-notice .cs-actions {
  margin-top: 12px;
}
.cs-said {
  margin-top: 10px !important;
  color: var(--su-teal);
  font-weight: 600;
}
.cs-postcode-line {
  min-height: 0;
}
.cs-next-lines {
  margin-top: 12px;
  display: grid;
  gap: 12px;
}
.cs-next-lines p {
  margin: 0;
  color: var(--mist);
  line-height: 1.5;
}
.cs-terms-line {
  margin-top: 22px !important;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(4,24,22,.4);
  color: var(--muted);
}
.cs-terms-line a {
  font-weight: 700;
}
.cs-f {
  display: block;
  margin-top: 18px;
  border: 0;
  padding: 0;
  min-width: 0;
}
.cs-f>label:first-child,.cs-fieldset>legend {
  display: block;
  margin-bottom: 7px;
  padding: 0;
}
.cs-f label em,.cs-fieldset legend em {
  font-style: normal;
  font-weight: 500;
  color: var(--muted);
}
.cs input:not([type=checkbox],[type=radio],[type=hidden],[type=file]),.cs select,.cs textarea {
  display: block;
  width: 100%;
  margin: 0;
  min-height: 50px;
  border-radius: 14px;
  border: 1.5px solid rgba(199,226,219,.22);
  background-color: rgba(4,24,22,.55);
  color: var(--ink);
  padding: 12px 15px;
  font: 400 16px/1.5 var(--font-sans);
}
.cs select {
  padding-right: 40px;
}
.cs textarea {
  min-height: 84px;
}
.cs .cs-ta {
  font: 400 14.5px/1.75 ui-monospace,Menlo,monospace;
  color: var(--mist);
  min-height: 180px;
}
.cs-f.has-error input,.cs-f.has-error select,.cs-f.has-error textarea,.cs-reveal.has-error input,.cs-admin-row.has-error input {
  border-color: var(--su-bad);
}
.cs-hint {
  display: block;
  margin-top: 7px !important;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.45;
}
.cs-error {
  display: block;
  margin-top: 7px !important;
  font-size: 14px;
  color: var(--su-bad);
  font-weight: 600;
}
.cs-alert {
  margin-top: 18px !important;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(255,157,122,.10);
  border: 1px solid rgba(255,157,122,.35);
  color: var(--su-bad-ink);
}
.cs-two {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.6fr);
  gap: 12px;
}
.cs-two-even {
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}
@media (max-width:420px) {
  .cs-two-even {
    grid-template-columns: minmax(0,1fr);
    gap: 0;
  }
}
.cs-seg {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.cs-chip {
  position: relative;
}
.cs-chip .check-row {
  display: block;
  margin: 0;
}
.cs-chip .check-row input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.cs-chip .check-row label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  padding: 10px 15px;
  border-radius: 14px;
  border: 1.5px solid var(--line);
  background: rgba(4,24,22,.4);
  font: 700 15.5px var(--font-sans);
  color: var(--ink);
}
.cs-chip label small {
  font: 500 13px var(--font-sans);
  color: var(--muted);
}
.cs-chip:has(input:checked) .check-row label {
  background: rgba(63,207,177,.14);
  border-color: var(--su-teal);
}
.cs-chip:has(input:checked) label small {
  color: var(--mist);
}
.cs-chip:has(input:focus-visible) .check-row label {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}
.cs-seg-small .cs-chip .check-row label {
  padding: 7px 14px;
}
.cs-more {
  margin-top: 12px;
}
.cs-more summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 12px 16px;
  border: 1px dashed rgba(199,226,219,.24);
  border-radius: 14px;
  color: var(--aqua);
  font: 600 15px var(--font-sans);
  cursor: pointer;
  list-style: none;
}
.cs-more summary::-webkit-details-marker {
  display: none;
}
.cs-more summary:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}
@media (hover:hover) {
  .cs-more summary:hover {
    border-color: var(--aqua);
  }
}
.cs-more .cs-fewer-label,.cs-more[open] .cs-more-label {
  display: none;
}
.cs-more[open] .cs-fewer-label {
  display: inline;
}
.cs-chevron {
  width: 7px;
  height: 7px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform .2s;
}
.cs-more[open] .cs-chevron {
  transform: translateY(2px) rotate(225deg);
}
.cs-more-body {
  padding-top: 14px;
}
@media (prefers-reduced-motion:reduce) {
  .cs-chevron {
    transition: none;
  }
}
.cs-f.cs-own {
  margin-top: 16px;
}
.cs-own-amount {
  display: flex;
  align-items: baseline;
  gap: 10px;
  max-width: 300px;
}
.cs-own-sign {
  flex: none;
  font: 700 22px var(--font-bricolage),sans-serif;
  color: var(--muted);
}
.cs-own-amount input[data-own-amount] {
  flex: 1;
  min-width: 0;
  width: 100%;
  min-height: 48px;
  margin: 0;
  padding: 4px 2px !important;
  border: 0 !important;
  border-bottom: 1.5px solid var(--aqua) !important;
  border-radius: 0 !important;
  background: none !important;
  color: var(--ink);
  font: 800 26px var(--font-bricolage),sans-serif !important;
}
.cs-own-amount input[data-own-amount]:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 4px;
}
.cs-own.has-error .cs-own-amount input[data-own-amount] {
  border-bottom-color: var(--su-bad) !important;
}
[data-by-currency] > [data-in] {
  display: none;
}
[data-by-currency] > [data-in="EUR"] {
  display: inline;
}
.cs-layout:has(#country option:checked[data-currency]:not([data-currency="EUR"])) [data-by-currency] > [data-in="EUR"] {
  display: none;
}
.cs-layout:has(#country option:checked[data-currency="GBP"]) [data-by-currency] > [data-in="GBP"] {
  display: inline;
}
.cs-layout:has(#country option:checked[data-currency="USD"]) [data-by-currency] > [data-in="USD"] {
  display: inline;
}
.cs-layout:has(#country option:checked[data-currency="CHF"]) [data-by-currency] > [data-in="CHF"] {
  display: inline;
}
.cs-layout:has(#country option:checked[data-currency="CAD"]) [data-by-currency] > [data-in="CAD"] {
  display: inline;
}
.cs-layout:has(#country option:checked[data-currency="NOK"]) [data-by-currency] > [data-in="NOK"] {
  display: inline;
}
.cs-layout:has(#country option:checked[data-currency="SEK"]) [data-by-currency] > [data-in="SEK"] {
  display: inline;
}
.cs-layout:has(#country option:checked[data-currency="DKK"]) [data-by-currency] > [data-in="DKK"] {
  display: inline;
}
.cs-layout:has(#country option:checked[data-currency="ISK"]) [data-by-currency] > [data-in="ISK"] {
  display: inline;
}
.cs-layout:has(#country option:checked[data-currency="AUD"]) [data-by-currency] > [data-in="AUD"] {
  display: inline;
}
.cs-layout:has(#country option:checked[data-currency="NZD"]) [data-by-currency] > [data-in="NZD"] {
  display: inline;
}
.cs-layout:has(#country option:checked[data-currency="JPY"]) [data-by-currency] > [data-in="JPY"] {
  display: inline;
}
.cs-layout:has(#country option:checked[data-currency="KRW"]) [data-by-currency] > [data-in="KRW"] {
  display: inline;
}
.cs-layout:has(#country option:checked[data-currency="SGD"]) [data-by-currency] > [data-in="SGD"] {
  display: inline;
}
.cs-layout:has(#country option:checked[data-currency="HKD"]) [data-by-currency] > [data-in="HKD"] {
  display: inline;
}
.cs-layout:has(#country option:checked[data-currency="ZAR"]) [data-by-currency] > [data-in="ZAR"] {
  display: inline;
}
.cs-radio+.cs-radio {
  margin-top: 10px;
}
.cs-radio .check-row {
  display: block;
  margin: 0;
  position: relative;
}
.cs-radio .check-row input {
  position: absolute;
  left: 16px;
  top: 16px;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
}
.cs-radio .check-row label {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px 15px;
  border: 1.5px solid var(--line);
  border-radius: 14px;
  background: rgba(4,24,22,.35);
  font: 400 16px/1.5 var(--font-sans);
  color: var(--ink);
  cursor: pointer;
}
.cs-o {
  flex: none;
  width: 22px;
  height: 22px;
  margin-top: 1px;
  border-radius: 50%;
  border: 2px solid var(--muted);
}
.cs-radio:has(.check-row input:checked) .check-row label {
  border-color: var(--su-teal);
  background: rgba(63,207,177,.08);
}
.cs-radio:has(.check-row input:checked) .cs-o {
  border: 6px solid var(--su-teal);
}
.cs-radio:has(.check-row input:focus-visible) .check-row label {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}
.cs-radio-text {
  flex: 1;
  min-width: 0;
}
.cs-radio-text b {
  display: block;
  font-size: 15.5px;
  color: var(--ink);
}
.cs-radio-text>span {
  display: block;
  color: var(--muted);
  font-size: 14px;
  overflow-wrap: anywhere;
}
.cs-reveal {
  display: none;
  margin: 10px 0 0 49px;
}
.cs-radio:has(.check-row input:checked) .cs-reveal {
  display: block;
}
.cs-tick .check-row {
  margin: 0;
}
.cs-tick .check-row small {
  display: block;
}
.cs-stepper {
  display: inline-flex;
  align-items: center;
  border: 1.5px solid rgba(199,226,219,.22);
  border-radius: 14px;
  overflow: hidden;
  background: rgba(4,24,22,.55);
}
.cs .cs-stepper button {
  width: 48px;
  height: 50px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--su-teal);
  font: 700 22px var(--font-sans);
}
.cs .cs-stepper input {
  width: 90px !important;
  min-height: 50px;
  border: 0 !important;
  border-radius: 0;
  text-align: center;
  font: 700 20px var(--font-sans) !important;
  background: transparent !important;
}
.cs-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 26px;
}
.cs-centre-actions {
  justify-content: center;
}
.cs .cs-btn,.cs a.cs-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  border-radius: 100px;
  padding: 14px 24px;
  font: 700 15.5px var(--font-sans);
  border: 0;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  background: linear-gradient(100deg,var(--button-start),var(--button-end));
  color: var(--button-ink);
  box-shadow: 0 6px 24px rgba(52,195,166,.22);
}
.cs .cs-btn-line,.cs a.cs-btn-line {
  background: transparent;
  color: var(--ink);
  border: 1.5px solid rgba(63,207,177,.5);
  box-shadow: none;
}
.cs .cs-btn-small {
  min-height: 38px;
  padding: 9px 16px;
  font-size: 14px;
}
.cs .cs-btn-wide {
  width: 100%;
}
.cs .cs-confirm-actions {
  flex-wrap: nowrap;
}
.cs .cs-confirm-actions .cs-btn-wide {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
}
.cs .cs-link-button {
  background: none;
  border: 0;
  padding: 6px 2px;
  min-height: 36px;
  color: var(--su-teal);
  font: 600 15px var(--font-sans);
  box-shadow: none;
  cursor: pointer;
}
.cs-link-strong {
  font-weight: 600;
}
.cs-trap {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.cs-sr {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.cs-centre {
  text-align: center;
  padding-top: 10px;
}
.cs-centre .cs-sub {
  margin: 12px auto 0;
  max-width: 460px;
}
.cs-centre-line {
  text-align: center;
  margin-top: 22px !important;
}
.cs-disc {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0 auto 20px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid var(--line);
  background: radial-gradient(circle at 50% 45%,var(--su-glow),var(--teal-near));
}
.cs-disc i {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--su-teal);
  box-shadow: 0 0 10px 3px rgba(63,207,177,.45);
}
.cs-disc i:nth-child(1) {
  left: 62%;
  top: 70%;
}
.cs-disc i:nth-child(2) {
  left: 34%;
  top: 62%;
  background: var(--su-sky);
}
.cs-disc i:nth-child(3) {
  left: 38%;
  top: 54%;
}
.cs-disc i:nth-child(4) {
  left: 46%;
  top: 76%;
  background: var(--su-sky);
}
.cs-disc i:nth-child(5) {
  left: 28%;
  top: 61%;
  background: var(--spark);
}
.cs-disc i:nth-child(6) {
  left: 56%;
  top: 40%;
}
.cs-disc i:nth-child(7) {
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  background: var(--teal-light);
}
.cs-lst {
  list-style: none;
  padding-left: 0;
}
.cs-card.cs-lst {
  margin-top: 22px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.cs-lst>li {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 12px 0;
}
.cs-lst>li+li {
  border-top: 1px solid var(--soft-line);
}
.cs-lst b {
  display: block;
  font-size: 16px;
  color: var(--ink);
}
.cs-lst li span:not(.cs-ring) {
  display: block;
  color: var(--muted);
  font-size: 14.5px;
}
.cs-lst-mini {
  margin-top: 12px !important;
}
.cs-lst-mini>li {
  padding: 9px 0;
  align-items: center;
}
.cs-lst-mini b {
  font-size: 15px;
}
.cs-lst-mini b.cs-muted-b {
  color: var(--mist);
  font-weight: 500;
}
.cs-ring {
  display: inline-grid;
  place-items: center;
  flex: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid var(--line);
  font: 700 14px var(--font-sans);
  color: var(--mist) !important;
}
.cs-lst-mini .cs-ring {
  width: 26px;
  height: 26px;
  font-size: 13px;
}
.cs-ring.is-done {
  background: var(--su-teal);
  border-color: var(--su-teal);
  color: var(--su-on-teal) !important;
}
.cs-ring.is-now {
  border-color: var(--su-teal);
  color: var(--su-teal) !important;
}
.cs-meter {
  margin-top: 18px;
  padding: 16px;
}
.cs-take-part {
  margin-top: 14px;
  padding: 4px 16px 16px;
}
.cs-bar {
  height: 10px;
  border-radius: 100px;
  background: rgba(199,226,219,.1);
  overflow: hidden;
  margin: 12px 0 2px;
}
.cs-bar i {
  display: block;
  height: 100%;
  border-radius: 100px;
  background: linear-gradient(90deg,var(--su-teal),var(--teal-light));
}
.cs-tabs2 {
  display: flex;
  gap: 6px;
  padding: 5px;
  border-radius: 100px;
  background: rgba(4,24,22,.6);
  border: 1px solid var(--line);
  margin-top: 20px;
}
.cs .cs-tabs2 button {
  flex: 1;
  padding: 10px 12px;
  border-radius: 100px;
  font: 600 15px var(--font-sans);
  color: var(--muted);
  background: transparent;
  border: 0;
  box-shadow: none;
}
.cs .cs-tabs2 button[aria-selected=true] {
  background: rgba(63,207,177,.16);
  color: var(--ink);
}
.cs-drop {
  margin-top: 16px;
  border: 2px dashed rgba(63,207,177,.45);
  border-radius: 20px;
  padding: 30px 18px;
  text-align: center;
  background: rgba(63,207,177,.04);
}
.cs-drop.is-over {
  background: rgba(63,207,177,.12);
}
.cs-drop b {
  display: block;
  font-size: 18px;
  margin-top: 12px;
  color: var(--ink);
}
.cs-drop .cs-quiet {
  margin-top: 6px;
}
.cs-drop-ic {
  width: 56px;
  height: 56px;
  margin: 0 auto;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: rgba(63,207,177,.12);
  font: 700 26px var(--font-sans);
  color: var(--su-teal);
}
.cs .cs-file-button {
  margin-top: 16px;
}
.cs .cs-file-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  overflow: hidden;
}
.cs [hidden] {
  display: none !important;
}
.cs-drop {
  position: relative;
}
.cs-status {
  margin-top: 10px !important;
  font-size: 14px;
  color: var(--mist);
}
.cs-res {
  margin-top: 16px;
  border-radius: 18px;
  border: 1px solid var(--line);
  overflow: hidden;
}
.cs-paid {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid rgba(63,207,177,.4);
  background: rgba(63,207,177,.10);
}
.cs-paid-mark {
  flex: none;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--su-teal);
  color: var(--su-on-teal);
  font: 800 16px var(--font-sans);
  box-shadow: 0 0 14px rgba(63,207,177,.45);
}
.cs-paid.is-waiting {
  border-color: var(--line);
  background: rgba(199,226,219,.05);
}
.cs-paid.is-waiting .cs-paid-mark {
  background: transparent;
  border: 2px solid var(--su-teal);
  box-shadow: none;
}
.cs-paid.is-waiting .cs-paid-mark::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--su-teal);
  box-shadow: 0 0 8px rgba(63,207,177,.6);
}
.cs-paid-title {
  font: 700 19px var(--font-bricolage),sans-serif;
  color: var(--ink);
}
.cs-paid p {
  margin-top: 4px !important;
  color: var(--mist);
  font-size: 15px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.cs-paid .cs-paid-waits {
  margin-top: 8px !important;
  color: var(--ink);
}
.cs-res-top {
  padding: 14px 16px;
  background: rgba(63,207,177,.10);
  display: flex;
  gap: 12px;
  align-items: center;
}
.cs-res-top .cs-ok {
  font-size: 20px;
}
.cs-res-top b {
  color: var(--ink);
}
.cs-res-it {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  gap: 2px 12px;
  padding: 12px 16px;
  border-top: 1px solid var(--soft-line);
}
.cs-res-it b {
  font: 600 14px var(--font-sans);
  color: var(--su-bad);
}
.cs-res-it.is-info b {
  color: var(--muted);
}
.cs-res-it code {
  font: 500 14.5px ui-monospace,Menlo,monospace;
  color: var(--ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cs-res-it span {
  grid-column: 2;
  color: var(--mist);
  font-size: 14px;
}
.cs-divider {
  border: 0;
  border-top: 1px solid var(--soft-line);
  margin: 26px 0 22px;
}
.cs-h2 {
  font: 700 22px var(--font-bricolage),sans-serif;
  color: var(--ink);
}
.cs-admins {
  margin-top: 14px;
  padding: 6px 16px;
}
.cs-admin-you {
  padding: 12px 0;
}
.cs-admin-row {
  padding: 12px 0;
  border-top: 1px solid var(--soft-line);
}
.cs-admin-row .cs-seg {
  margin-top: 8px;
}
.cs-admin-address {
  display: block;
  color: var(--ink);
  font-weight: 600;
}
.cs-add-admin {
  padding: 12px 0 14px;
  border-top: 1px solid var(--soft-line);
}
.cs-add-admin .cs-f {
  margin-top: 0;
}
.cs-add-admin .cs-seg {
  margin-top: 10px;
}
.cs-add-actions {
  margin-top: 12px;
}
.cs-roles {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 6px 14px;
  margin-top: 8px !important;
  font-size: 14.5px;
}
.cs-roles dt {
  color: var(--ink);
  font-weight: 700;
  white-space: nowrap;
}
.cs-roles dd {
  margin: 0;
  color: var(--muted);
}
@media (max-width:480px) {
  .cs-roles {
    grid-template-columns: 1fr;
    gap: 2px;
  }
  .cs-roles dd {
    margin-bottom: 8px;
  }
}
.cs .cs-remove {
  flex: none;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 50%;
  background: transparent;
  border: 1px solid var(--line);
  color: var(--muted);
  box-shadow: none;
  font-size: 15px;
}
.cs-summary-list {
  margin-top: 20px;
  padding: 6px 18px;
}
.cs-sum-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 0;
}
.cs-sum-row+.cs-sum-row {
  border-top: 1px solid var(--soft-line);
}
.cs-sum-row b {
  color: var(--ink);
}
.cs-sum-row a {
  flex: none;
}
.cs-terms {
  margin-top: 22px;
}
.cs-terms summary {
  list-style: none;
  cursor: pointer;
}
.cs-terms summary::-webkit-details-marker {
  display: none;
}
.cs-terms summary .cs-quiet {
  display: block;
  margin-top: 6px;
}
.cs-terms b {
  color: var(--ink);
}
.cs-terms-text {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--soft-line);
  color: var(--mist);
  font-size: 15px;
}
.cs-terms-text p+p {
  margin-top: 10px;
}
.cs-terms-text {
  max-height: 60vh;
  overflow: auto;
  overscroll-behavior: contain;
}
.cs-terms-text h3 {
  margin: 18px 0 4px;
  font-size: 15.5px;
  color: var(--ink);
}
.cs-terms-text ul,.cs-terms-text ol {
  margin: 8px 0 0;
  padding-left: 20px;
}
.cs-terms-text li {
  margin-top: 4px;
  overflow-wrap: anywhere;
}
.cs-terms-text strong {
  color: var(--ink);
  font-weight: 600;
}
.cs-terms-text p {
  overflow-wrap: anywhere;
}
.cs-terms-text>p:first-child {
  margin-top: 0;
}
.cs-hero2 {
  position: relative;
  height: 220px;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid var(--line);
  background: radial-gradient(600px 300px at 60% 30%,var(--su-glow),var(--teal-near));
}
@media (min-width:960px) {
  .cs-hero2 {
    height: 300px;
  }
}
.cs-hero2-lights i {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--su-teal);
  box-shadow: 0 0 12px 4px rgba(63,207,177,.4);
}
.cs-hero2-lights i:nth-child(3n) {
  background: var(--su-sky);
}
.cs-hero2-lights i:nth-child(5n) {
  background: var(--spark);
  box-shadow: 0 0 12px 4px rgba(255,178,74,.35);
}
.cs-hero2-lights i:nth-child(1) {
  left: 12%;
  top: 20%;
}
.cs-hero2-lights i:nth-child(2) {
  left: 22%;
  top: 34%;
}
.cs-hero2-lights i:nth-child(3) {
  left: 31%;
  top: 18%;
}
.cs-hero2-lights i:nth-child(4) {
  left: 40%;
  top: 30%;
}
.cs-hero2-lights i:nth-child(5) {
  left: 48%;
  top: 14%;
}
.cs-hero2-lights i:nth-child(6) {
  left: 56%;
  top: 26%;
}
.cs-hero2-lights i:nth-child(7) {
  left: 63%;
  top: 40%;
}
.cs-hero2-lights i:nth-child(8) {
  left: 70%;
  top: 18%;
}
.cs-hero2-lights i:nth-child(9) {
  left: 78%;
  top: 32%;
}
.cs-hero2-lights i:nth-child(10) {
  left: 86%;
  top: 22%;
}
.cs-hero2-lights i:nth-child(11) {
  left: 92%;
  top: 44%;
}
.cs-hero2-lights i:nth-child(12) {
  left: 6%;
  top: 48%;
}
.cs-hero2-lights i:nth-child(13) {
  left: 58%;
  top: 52%;
  width: 9px;
  height: 9px;
  background: var(--teal-light);
}
.cs-hero2-lights i:nth-child(14) {
  left: 36%;
  top: 50%;
}
.cs-cap {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 18px;
}
.cs-cap h1 {
  margin-top: 10px !important;
  font: 800 clamp(30px,6.5vw,46px)/1.05 var(--font-bricolage),sans-serif;
  color: var(--ink);
}
.cs-cards2>*+* {
  margin-top: 16px;
}
.cs-cards2 {
  margin-top: 16px;
}
@media (min-width:960px) {
  .cs-cards2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .cs-cards2>*+* {
    margin-top: 0;
  }
}
.cs-amount {
  font: 800 24px var(--font-bricolage),sans-serif;
  color: var(--ink);
}
.cs-dots {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 4px;
}
.cs-dots span {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid rgba(199,226,219,.35);
}
.cs-medal {
  flex: none;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: radial-gradient(circle at 35% 30%,var(--su-medal-light),var(--su-gold-deep) 55%,var(--su-medal-dark));
  box-shadow: 0 0 0 4px rgba(243,201,105,.18),0 0 26px rgba(243,201,105,.35);
  font: 800 20px var(--font-bricolage),sans-serif;
  color: var(--su-medal-ink);
}
.cs-prose h1 {
  font: 800 clamp(26px,5vw,34px)/1.12 var(--font-bricolage),sans-serif;
  color: var(--ink);
}
.cs-prose p {
  margin-top: 12px;
  color: var(--mist);
}
.cs-prose label {
  display: block;
  margin-top: 14px;
}
.cs-prose fieldset {
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 16px;
  margin-top: 18px;
}
html:has(main.fc) .site .map-backdrop,html:has(main.fc) .site .map-cover {
  visibility: hidden;
}
.fc {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px 40px;
}
.fc p,.fc h1,.fc h2,.fc h3,.fc fieldset {
  margin: 0;
}
.site :where(.fc) p {
  max-width: none;
  font-size: 16px;
  line-height: 1.55;
}
.fc a {
  text-decoration: none;
}
.fc h1,.fc h2,.fc h3 {
  font-family: var(--font-bricolage),sans-serif;
  letter-spacing: -.02em;
  color: var(--ink);
}
.fc label,.fc legend {
  font: 600 15px/1.4 var(--font-sans);
  text-transform: none;
  letter-spacing: 0;
  color: var(--ink);
}
.fc .fc-eyebrow {
  font: 600 14.5px var(--font-sans);
  color: var(--su-teal);
}
.fc .fc-sub {
  color: var(--mist);
  font-size: 16px;
}
.fc .fc-quiet {
  color: var(--muted);
  font-size: 14.5px;
}
.fc .fc-small {
  font-size: 13.5px;
  color: var(--muted);
  line-height: 1.5;
}
.fc .fc-gap {
  margin-top: 16px !important;
}
.fc-strong {
  font-weight: 600;
  color: var(--su-teal);
}
.fc-hero {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 26px;
  padding: 22px 0 10px;
}
.fc-hero h1 {
  margin-top: 12px;
  font-size: clamp(40px,9.5vw,72px);
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.035em;
}
.fc .fc-lead {
  margin-top: 18px !important;
  font-size: clamp(17px,2.2vw,20px);
  color: var(--mist);
  max-width: 560px;
}
@media (min-width:900px) {
  .fc-hero {
    grid-template-columns: 1.05fr .95fr;
    align-items: center;
    gap: 48px;
    padding: 56px 0 30px;
  }
}
.fc-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 26px;
}
.fc-centre {
  justify-content: center;
}
.fc a.fc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  border-radius: 100px;
  padding: 14px 24px;
  font: 700 15.5px var(--font-sans);
  background: linear-gradient(100deg,var(--button-start),var(--button-end));
  color: var(--button-ink);
  box-shadow: 0 6px 24px rgba(52,195,166,.22);
  max-width: 100%;
  text-align: center;
}
.fc a.fc-btn-line {
  background: transparent;
  color: var(--ink);
  border: 1.5px solid rgba(63,207,177,.5);
  box-shadow: none;
}
.fc-vis {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid var(--line);
  height: 380px;
  background: radial-gradient(520px 360px at 55% 45%,var(--su-glow),var(--teal-near));
}
@media (min-width:900px) {
  .fc-vis {
    height: 470px;
  }
}
.fc-lights {
  position: absolute;
  inset: 0;
}
.fc-lights i {
  position: absolute;
  border-radius: 50%;
  background: var(--su-teal);
  box-shadow: 0 0 12px 4px rgba(63,207,177,.4);
  transform: translate(-50%,-50%);
}
.fc-lights i:nth-child(3n) {
  background: var(--su-sky);
}
.fc-lights i.is-warm {
  background: var(--spark);
  box-shadow: 0 0 12px 4px rgba(255,178,74,.35);
}
.fc-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  padding: 6px 13px;
  font: 600 14px var(--font-sans);
  white-space: nowrap;
}
.fc-pill i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.fc-pill-found {
  background: linear-gradient(100deg,rgba(243,201,105,.18),rgba(255,178,74,.10));
  border: 1px solid rgba(243,201,105,.5);
  color: var(--su-gold-ink);
}
.fc-pill-found i {
  width: 9px;
  height: 9px;
  background: var(--su-gold);
  box-shadow: 0 0 10px var(--su-gold);
}
.fc-blk {
  margin-top: 56px;
}
.fc-blk>h2,.fc-money h2 {
  font-size: clamp(28px,5vw,40px);
  line-height: 1.08;
  font-weight: 800;
  max-width: 760px;
}
.fc-money h2 {
  margin-top: 8px;
}
.fc-blk>.fc-sub {
  margin-top: 12px;
  max-width: 640px;
}
.fc-money .fc-sub {
  max-width: 680px;
}
.fc-money p+p {
  margin-top: 12px;
}
.fc-found {
  position: relative;
  overflow: hidden;
  border-radius: 26px;
  padding: 26px 22px;
  border: 1px solid rgba(243,201,105,.35);
  background: radial-gradient(520px 260px at 0% 0%,rgba(243,201,105,.16),transparent 70%),linear-gradient(180deg,rgba(13,54,50,.9),rgba(7,39,36,.95));
}
.fc-found h2 {
  font-size: clamp(26px,4.6vw,38px);
  line-height: 1.1;
  font-weight: 800;
  margin-top: 16px;
  max-width: 760px;
}
.fc-found .fc-sub {
  margin-top: 12px;
  max-width: 640px;
}
.fc-found b {
  color: var(--ink);
}
@media (min-width:900px) {
  .fc-found {
    padding: 40px 44px;
  }
}
.fc-meter {
  margin-top: 20px;
  max-width: 520px;
}
.fc-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.fc-between b {
  font-size: 17px;
  color: var(--ink);
}
.fc-bar {
  height: 10px;
  border-radius: 100px;
  background: rgba(199,226,219,.1);
  overflow: hidden;
  margin: 12px 0 6px;
}
.fc-bar i {
  display: block;
  height: 100%;
  border-radius: 100px;
  background: linear-gradient(90deg,var(--su-gold-deep),var(--su-gold));
}
.fc-card {
  background: linear-gradient(180deg,rgba(13,54,50,.85),rgba(9,40,37,.85));
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 20px;
}
.fc-three {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 14px;
  margin-top: 22px;
}
@media (min-width:900px) {
  .fc-three {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 20px;
  }
}
.fc-ring {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid var(--su-teal);
  font: 700 16px var(--font-sans);
  color: var(--su-teal);
}
.fc-three h3 {
  font-size: 20px;
  margin-top: 14px;
}
.fc-three p {
  color: var(--mist);
  margin-top: 6px;
}
.fc-four {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 12px;
  margin-top: 22px;
}
@media (min-width:900px) {
  .fc-four {
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 20px;
  }
}
.fc-four .fc-card {
  padding: 16px;
}
.fc-four h3 {
  font-size: 17.5px;
  margin-top: 12px;
}
.fc-four p {
  color: var(--mist);
  font-size: 14.5px;
  margin-top: 5px;
}
.fc-ic {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(47,216,240,.09);
  border: 1px solid rgba(47,216,240,.25);
}
.fc-ic i {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--teal-light);
  box-shadow: 0 0 12px 3px rgba(47,216,240,.55);
}
.fc-calc {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  margin-top: 22px;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid var(--line);
}
.fc-calc-l {
  padding: 22px;
  background: linear-gradient(180deg,rgba(13,54,50,.85),rgba(9,40,37,.85));
}
.fc-calc-r {
  padding: 22px;
  background: rgba(4,24,22,.6);
  border-top: 1px solid var(--line);
}
@media (min-width:900px) {
  .fc-calc {
    grid-template-columns: 1.1fr .9fr;
  }
  .fc-calc-l,.fc-calc-r {
    padding: 32px;
  }
  .fc-calc-r {
    border-top: 0;
    border-left: 1px solid var(--line);
  }
}
.fc-f {
  display: block;
  border: 0;
  padding: 0;
  margin-top: 18px;
  min-width: 0;
}
.fc-f:first-child {
  margin-top: 0;
}
.fc-f>label:first-child,.fc-f>legend {
  display: block;
  margin-bottom: 7px;
  padding: 0;
}
.fc-stepper {
  display: inline-flex;
  align-items: center;
  border: 1.5px solid rgba(199,226,219,.22);
  border-radius: 14px;
  overflow: hidden;
  background: rgba(4,24,22,.55);
}
.fc .fc-stepper button {
  width: 48px;
  height: 50px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--su-teal);
  font: 700 22px var(--font-sans);
}
.fc .fc-stepper input {
  width: 90px;
  min-height: 50px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  text-align: center;
  font: 700 20px var(--font-sans);
  color: var(--ink);
  padding: 0;
}
.fc-seg {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.fc .fc-label {
  font: 600 15px/1.4 var(--font-sans);
  color: var(--ink);
  margin-bottom: 7px !important;
}
.fc .fc-chip {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 10px 15px;
  border-radius: 14px;
  border: 1.5px solid var(--line);
  background: rgba(4,24,22,.4);
  font: 700 15.5px var(--font-sans);
  color: var(--ink);
  cursor: pointer;
  box-shadow: none;
}
.fc .fc-chip small {
  font: 500 13px var(--font-sans);
  color: var(--muted);
}
.fc .fc-chip[aria-pressed=true] {
  background: rgba(63,207,177,.14);
  border-color: var(--su-teal);
}
.fc-currency label {
  font: 400 13.5px var(--font-sans) !important;
  color: var(--muted) !important;
}
.fc .fc-currency select {
  width: auto;
  min-width: 140px;
  margin: 0;
  min-height: 48px;
  border-radius: 12px;
}
.fc .fc-sum {
  font: 800 clamp(38px,6vw,52px)/1 var(--font-bricolage),sans-serif;
  letter-spacing: -.03em;
  color: var(--ink);
}
.fc-calc-r .fc-quiet {
  margin-top: 6px;
}
.fc .fc-tonnes {
  margin-top: 16px !important;
  font: 700 22px var(--font-bricolage),sans-serif;
  color: var(--ink);
}
.fc-calc-r .fc-small {
  margin-top: 12px;
}
.fc-money .fc-small {
  margin-top: 12px;
}
.fc-final {
  text-align: center;
  padding: 40px 18px;
  border-radius: 26px;
  border: 1px solid rgba(63,207,177,.35);
  background: radial-gradient(500px 240px at 50% 0%,rgba(63,207,177,.18),transparent 70%),rgba(7,39,36,.85);
}
.fc-final h2 {
  font-size: clamp(30px,5vw,44px);
  font-weight: 800;
}
.fc-final .fc-sub {
  margin: 12px auto 0;
  max-width: 520px;
}
.fc-final .fc-small {
  margin-top: 18px;
}
.fc-final .fc-small a {
  color: var(--su-teal);
  overflow-wrap: anywhere;
}
.cr-counts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0;
}
.cr-chip {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 8px 14px;
  border-radius: 14px;
  border: 1.5px solid var(--line);
  color: var(--ink);
  text-decoration: none;
  font-weight: 700;
}
.cr-chip small {
  color: var(--muted);
  font-weight: 500;
}
.cr-section {
  margin: 22px 0;
}
.cr-quiet {
  color: var(--muted);
  font-size: 14.5px;
}
.cr-card {
  margin-top: 16px;
  padding: 20px;
  border-radius: 20px;
  border: 1px solid var(--line);
  background: linear-gradient(180deg,rgba(13,54,50,.85),rgba(9,40,37,.85));
}
.cr-between {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.cr-coname {
  margin: 0;
  color: var(--su-teal);
  font-size: 22px;
}
.cr-pill {
  border: 1px solid var(--line);
  border-radius: 100px;
  padding: 5px 12px;
  font-size: 13.5px;
  color: var(--mist);
}
.cr-kv {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px 16px;
  margin: 14px 0 0;
  font-size: 15px;
}
.cr-kv dt {
  color: var(--muted);
}
.cr-kv dd {
  margin: 0;
  text-align: right;
  color: var(--ink);
  overflow-wrap: anywhere;
}
.cr-note {
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(4,24,22,.5);
  color: var(--mist);
}
.cr-agreement {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--soft-line);
}
.cr-agreement h4 {
  margin: 0;
  font: 700 19px var(--font-bricolage),sans-serif;
  color: var(--ink);
}
.cr-two {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 0 12px;
}
@media (max-width:520px) {
  .cr-two {
    grid-template-columns: minmax(0,1fr);
  }
}
.cr-f label {
  margin-top: 12px;
}
.cr-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.cr-line {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 18px;
  border-radius: 100px;
  border: 1.5px solid rgba(63,207,177,.5);
  color: var(--ink);
  text-decoration: none;
  font-weight: 600;
}
.cr-close button.cr-link {
  background: none;
  border: 0;
  padding: 6px 0;
  color: var(--muted);
  text-decoration: underline;
  font-weight: 500;
  box-shadow: none;
}
.cs .cs-steps {
  margin: 0 auto;
}
.cs .cs-link-strong {
  color: var(--su-teal);
}
.cs .cs-tick .check-row label {
  font: 400 16px/1.5 var(--font-sans);
  color: var(--ink);
}
.cs .cs-tick .check-row small {
  color: var(--muted);
  font-size: 14px;
}
.cs .cs-card.cs-lst {
  padding: 6px 20px;
}
.cr-card label {
  font: 600 15px/1.4 var(--font-sans);
  text-transform: none;
  letter-spacing: 0;
  color: var(--ink);
}
html.member-root {
  scroll-padding-top: 96px;
}
body.member-shell {
  min-height: 100dvh;
  padding-bottom: calc(112px + env(safe-area-inset-bottom));
}
body.member-shell::after {
  content: "";
  position: fixed;
  z-index: 38;
  left: 0;
  right: 0;
  bottom: 0;
  height: 130px;
  background: linear-gradient(to top,var(--abyss) 42%,rgba(5,32,30,0));
  pointer-events: none;
}
.member-shell .island,.member-top .island {
  background: rgba(5,32,30,.72);
  border: 1px solid rgba(199,226,219,.14);
  border-radius: 22px;
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  backdrop-filter: blur(14px) saturate(1.2);
  box-shadow: 0 10px 40px rgba(0,0,0,.35);
  color: var(--ink);
}
.member-top {
  position: sticky;
  top: 0;
  z-index: 40;
  padding: 12px 12px 0;
}
.member-top .dash-top {
  margin: 0 auto;
}
.member-main {
  position: relative;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  padding: 18px 16px 28px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
}
.member-main.wide {
  max-width: 760px;
}
.member-main.full {
  max-width: 1180px;
}
.member-main>.flow-card {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  min-width: 0;
}
.member-main>.flow-card>h1:first-child,.member-main>.flow-card>.eyebrow:first-child {
  margin-top: 2px;
}
.member-content .account-in-shell header {
  text-align: left;
}
.member-content .account-in-shell>.map-settings:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.member-back {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 14px 0 8px;
  margin-left: -4px;
  border-radius: 100px;
  border: 1px solid rgba(52,195,166,.45);
  background: rgba(6,32,30,.6);
  color: var(--aqua);
  font: 600 11.5px var(--font-mono),monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background .2s,border-color .2s;
}
.member-back:hover {
  background: rgba(52,195,166,.16);
  border-color: var(--aqua);
}
.member-back-icon {
  flex: none;
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.member-back-label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.member-shell .member-footer {
  position: relative;
  z-index: 1;
}
.member-dock {
  position: fixed;
  z-index: 41;
  left: 50%;
  bottom: calc(14px + env(safe-area-inset-bottom));
  transform: translateX(-50%);
}
.dock-item[aria-current="page"] {
  background: rgba(31,140,124,.26);
  box-shadow: inset 0 0 0 1px rgba(52,195,166,.4);
  color: var(--aqua);
}
@media (max-width:899px) {
  .member-dock {
    left: 12px;
    right: 12px;
    transform: none;
  }
  .member-dock .dock-item {
    flex: 1;
    min-width: 0;
    padding: 8px 4px 7px;
  }
  .member-dock .dock-sub {
    max-width: 100%;
  }
}
.cc-light {
  --c: var(--colour-teal);
  position: relative;
  flex: none;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: var(--c);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb,var(--c) 15%,transparent);
  }
  border: 1px solid var(--c);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb,var(--c) 45%,transparent);
  }
  color: var(--c);
}
.cc-light::after {
  content: "";
  position: absolute;
  top: -3px;
  right: -3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--c);
  box-shadow: 0 0 8px var(--c),0 0 0 2px var(--deep);
}
.cc-light.plain::after {
  display: none;
}
.cc-light.sm {
  width: 34px;
  height: 34px;
  border-radius: 10px;
}
.cc-light.lg {
  width: 50px;
  height: 50px;
  border-radius: 15px;
}
.cc-light svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.cc-light.sm svg {
  width: 16px;
  height: 16px;
}
.cc-light.lg svg {
  width: 24px;
  height: 24px;
}
.cc-light img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.cc-light .cc-light-mark {
  font: 800 16px var(--font-bricolage),sans-serif;
  line-height: 1;
}
.light-teal {
  --c: var(--colour-teal);
}
.light-amber {
  --c: var(--colour-amber);
}
.light-ember {
  --c: var(--colour-ember);
}
.light-sky {
  --c: var(--colour-sky);
}
.light-rose {
  --c: var(--colour-rose);
}
.light-lime {
  --c: var(--colour-lime);
}
.light-violet {
  --c: var(--colour-violet);
}
.light-silver {
  --c: var(--colour-silver);
}
.groups-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}
.groups-title h1,.groups-h1 {
  margin: 0;
  font: 800 34px/1.04 var(--font-bricolage),sans-serif;
  letter-spacing: -.025em;
  color: var(--ink);
}
.groups-h1.sm {
  font-size: 30px;
}
.groups-lights {
  flex: none;
  width: 96px;
  height: 36px;
  margin-bottom: 2px;
}
.groups-lead {
  margin: 6px 0 0;
  font-size: 15px;
  line-height: 1.45;
  color: var(--mist);
}
.groups-label {
  margin: 18px 0 8px;
  font: 600 11px var(--font-mono),monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--muted);
}
.groups-listhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 16px 0 8px;
}
.groups-listhead .groups-label {
  margin: 0;
}
.groups-card {
  list-style: none;
  margin: 0;
  padding: 0;
  border-radius: 20px;
  background: rgba(8,42,39,.62);
  border: 1px solid var(--line);
  overflow: hidden;
}
.groups-card+.groups-card {
  margin-top: 12px;
}
.groups-row,.group-list li>a.groups-row {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  border-top: 1px solid var(--soft-line);
  font: 400 15px/1.4 var(--font-sans);
  color: var(--ink);
  text-decoration: none;
  transition: background .2s;
}
.groups-card>li:first-child>.groups-row,.groups-card>.groups-row:first-child {
  border-top: 0;
}
a.groups-row:hover {
  background: rgba(52,195,166,.07);
}
.groups-card.group-list {
  display: block;
  gap: 0;
}
.groups-card.group-list>li {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
}
.groups-row-text {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.groups-row-name,.group-list li .groups-row-name {
  display: block;
  font: 600 15.5px/1.25 var(--font-sans);
  color: var(--ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.groups-row-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 5px;
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
  color: var(--mist);
}
.groups-row-line .call {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--spark);
}
.groups-row-line svg {
  width: 13px;
  height: 13px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.groups-row-end {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--muted);
}
.groups-row-end>svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.groups-new {
  padding: 3px 8px;
  border-radius: 100px;
  background: var(--aqua);
  color: var(--abyss);
  font: 700 11px var(--font-mono),monospace;
  letter-spacing: .04em;
  white-space: nowrap;
}
.groups-new.quiet {
  background: transparent;
  border: 1px solid var(--line);
  color: var(--mist);
}
.groups-when {
  font: 500 11px var(--font-mono),monospace;
  color: var(--muted);
  white-space: nowrap;
}
.groups-card.compact .groups-row {
  gap: 11px;
  padding: 8px 12px;
}
.groups-card.compact .groups-row-name {
  font-size: 14.5px;
}
.groups-card.compact .groups-row-line {
  font-size: 12px;
}
.groups-pills {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 16px 0 0;
}
.groups-pill {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 42px;
  padding: 0 10px;
  border-radius: 100px;
  border: 1px solid rgba(52,195,166,.45);
  color: var(--aqua);
  font: 600 11px var(--font-mono),monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  transition: background .2s;
}
.groups-pill:hover {
  background: rgba(52,195,166,.12);
}
.groups-pill svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.groups-search {
  position: relative;
  margin: 12px 0 0;
}
.groups-search svg {
  position: absolute;
  left: 14px;
  top: 50%;
  width: 17px;
  height: 17px;
  transform: translateY(-50%);
  fill: none;
  stroke: var(--mist);
  stroke-width: 1.8;
  stroke-linecap: round;
  pointer-events: none;
}
.member-content .groups-search input {
  margin: 0;
  height: 44px;
  min-height: 44px;
  padding: 0 14px 0 42px;
  border-radius: 14px;
  border: 1.5px solid var(--line);
  background: rgba(4,24,22,.75);
  font-size: 16px;
}
.groups-name-search {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px 0 0;
}
.groups-name-search svg {
  left: 14px;
}
.member-content .groups-name-search input,.groups-name-search input {
  flex: 1;
  min-width: 0;
  margin: 0;
  height: 44px;
  min-height: 44px;
  padding: 0 14px 0 42px;
  border-radius: 14px;
  border: 1.5px solid var(--line);
  background: rgba(4,24,22,.75);
  font-size: 16px;
}
.groups-name-search button,.flow-card form.groups-name-search>button {
  flex: none;
  width: auto;
  margin: 0;
}
.groups-none {
  margin: 10px 2px 0;
  font-size: 14px;
  color: var(--muted);
}
.groups-topics {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.groups-topic {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 6px 12px;
  border-radius: 100px;
  border: 1px solid var(--line);
  background: rgba(4,24,22,.45);
  font-size: 13px;
  color: var(--mist);
  text-decoration: none;
  white-space: nowrap;
  transition: border-color .2s,background .2s;
}
.groups-topic:hover {
  border-color: rgba(52,195,166,.45);
  color: var(--ink);
}
.groups-topic[aria-current="true"] {
  border-color: var(--aqua);
  background: rgba(52,195,166,.16);
  color: var(--ink);
}
.groups-more-topics {
  margin: 0;
}
.groups-more-topics>summary {
  list-style: none;
  cursor: pointer;
}
.groups-more-topics>summary::-webkit-details-marker {
  display: none;
}
.groups-more-topics[open]>summary {
  display: none;
}
.groups-seg {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 4px;
  margin: 14px 0;
  border-radius: 100px;
  background: rgba(4,24,22,.6);
  border: 1px solid var(--line);
}
.groups-seg a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 38px;
  border-radius: 100px;
  font: 600 11px var(--font-mono),monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--mist);
  text-decoration: none;
}
.groups-seg a[aria-current="page"] {
  background: rgba(52,195,166,.16);
  box-shadow: inset 0 0 0 1px var(--aqua);
  color: var(--ink);
}
.groups-seg svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.groups-status {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px 0 8px;
  font-size: 13px;
  color: var(--mist);
}
.groups-status::before {
  content: "";
  flex: none;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--aqua);
  box-shadow: 0 0 8px rgba(52,195,166,.7);
}
.groups-join {
  padding: 7px 13px;
  border-radius: 100px;
  border: 1px solid rgba(52,195,166,.45);
  color: var(--aqua);
  font: 600 12.5px var(--font-sans);
  text-decoration: none;
  white-space: nowrap;
}
.groups-joined {
  padding: 6px 10px;
  border-radius: 100px;
  border: 1px solid var(--line);
  color: var(--mist);
  font: 600 10.5px var(--font-mono),monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
}
.groups-row-known {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  color: var(--spark);
}
.groups-results>h2 {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.groups-actions {
  margin-top: 16px;
}
.groups-codelink {
  margin: 18px 0 0;
  text-align: center;
  font-size: 13.5px;
  color: var(--mist);
}
.groups-codelink a {
  text-underline-offset: 3px;
}
.group-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 2px 0 0;
}
.group-head-text {
  min-width: 0;
}
.group-head h1 {
  margin: 0;
  font: 800 22px/1.15 var(--font-bricolage),sans-serif;
  letter-spacing: -.01em;
  color: var(--ink);
  overflow-wrap: anywhere;
}
.group-head p {
  margin: 2px 0 0;
  font-size: 13px;
  color: var(--mist);
}
.group-tabs {
  display: flex;
  gap: 4px;
  padding: 4px;
  margin: 14px 0 0;
  border-radius: 100px;
  background: rgba(4,24,22,.6);
  border: 1px solid var(--line);
}
.group-tabs a {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 36px;
  border-radius: 100px;
  font: 600 10.5px var(--font-mono),monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--mist);
  text-decoration: none;
  white-space: nowrap;
}
.group-tabs a[aria-current="page"] {
  background: rgba(52,195,166,.16);
  box-shadow: inset 0 0 0 1px var(--aqua);
  color: var(--ink);
}
.group-tabs .groups-new {
  padding: 0 6px;
  font-size: 10px;
  line-height: 16px;
}
.group-call {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 12px 0 0;
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(255,178,74,.08);
  border: 1px solid rgba(255,178,74,.35);
}
.group-call>svg {
  flex: none;
  width: 20px;
  height: 20px;
  fill: none;
  stroke: var(--spark);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.group-call-text {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.group-call-text b {
  font: 600 14px var(--font-sans);
  color: var(--ink);
}
.group-call-text span {
  font-size: 12px;
  color: var(--mist);
}
.group-call a {
  margin-left: auto;
  padding: 7px 13px;
  border-radius: 100px;
  border: 1px solid rgba(255,178,74,.6);
  color: var(--spark);
  font: 600 12.5px var(--font-sans);
  text-decoration: none;
  white-space: nowrap;
}
.group-join-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 16px 0 0;
  padding: 16px;
  border-radius: 20px;
  border: 1px solid rgba(52,195,166,.45);
  background: rgba(8,42,39,.75);
}
.group-join-card h2 {
  margin: 0 0 6px;
  font: 700 18px var(--font-bricolage),sans-serif;
  color: var(--ink);
}
.member-content .group-join-card form>button {
  width: 100%;
  margin-top: 8px;
}
.group-join-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 2px 0 0;
}
.group-join-head .eyebrow {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
}
.group-join-head h1 {
  margin: 2px 0 0;
  font: 800 30px/1.05 var(--font-bricolage),sans-serif;
  letter-spacing: -.025em;
  color: var(--ink);
  overflow-wrap: anywhere;
}
.group-join-card form>button {
  width: 100%;
}
.group-tab-eyebrow {
  margin: 18px 0 0;
}
.group-together {
  margin: 12px 0 0;
  border: 1px solid var(--soft-line);
  border-radius: 16px;
  background: rgba(4,24,22,.45);
}
.group-together>summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 42px;
  padding: 0 14px;
  cursor: pointer;
  list-style: none;
  font: 600 11px var(--font-mono),monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--mist);
}
.group-together>summary::-webkit-details-marker {
  display: none;
}
.group-together>summary::after {
  content: "▾";
  color: var(--muted);
}
.group-together[open]>summary::after {
  content: "▴";
}
.group-together .group-stats {
  margin: 4px 14px 14px;
}
.member-content .group-page .group-head+.group-tabs {
  margin-top: 14px;
}
.cd-plan-note {
  margin-top: 12px !important;
}
.cd-plan-actions {
  align-items: center;
  margin-top: 18px !important;
}
.cd-plan-actions .cd-inline-form {
  margin: 0;
}
.cd-leaving {
  margin-top: 18px;
}
.cd-leaving h3 {
  margin: 0 0 6px;
}
.cd-own-code {
  margin-top: 12px;
}
.cd-own-code summary {
  cursor: pointer;
  color: var(--aqua);
  font-size: 14.5px;
}
.cd-own-code form {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.cd-own-row {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.cd-own-row input {
  flex: 1 1 160px;
  min-width: 0;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-family: var(--font-mono),monospace;
}
.cd-held {
  gap: 12px;
  align-items: center;
  margin-top: 10px;
  flex-wrap: wrap;
}
.cd-held p {
  margin: 0;
}
.cd-held .cd-inline-form {
  margin: 0;
  display: inline-flex;
}
.group-list li.life-card {
  padding: 16px;
}
.life-card-head {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}
.life-card-icon {
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: var(--aqua);
  background: linear-gradient(160deg,rgba(52,195,166,.18),rgba(8,42,39,.6));
  border: 1px solid rgba(52,195,166,.3);
}
.life-card-icon .group-category-icon {
  width: 22px;
  height: 22px;
}
.life-card-title {
  min-width: 0;
  flex: 1;
}
.group-list li .life-card-kind {
  margin: 0 0 2px;
  font: 600 11px var(--font-mono),monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--aqua);
}
.life-card-title h3 {
  margin: 0;
  font: 700 18px/1.3 var(--font-bricolage),sans-serif;
  color: var(--ink);
  overflow-wrap: anywhere;
}
.group-list li .life-card-when {
  margin: 4px 0 0;
  color: var(--mist);
  font-size: 14.5px;
}
.group-list li .life-card-you {
  display: inline-block;
  margin: 12px 0 0;
  padding: 3px 11px;
  border-radius: 999px;
  background: rgba(232,185,100,.1);
  border: 1px solid rgba(232,185,100,.45);
  color: var(--gold-ink, var(--ink));
  font-size: 13px;
  font-weight: 600;
}
.life-card-you::first-letter {
  text-transform: uppercase;
}
.group-list li .life-card-text {
  margin: 12px 0 0;
  color: var(--ink);
  line-height: 1.5;
}
.group-list li .life-card-links {
  margin: 10px 0 0;
  font-size: 14px;
}
.life-answers {
  margin-top: 14px;
  gap: 8px;
}
.life-answers form {
  margin: 0;
}
.life-answers button.small {
  padding: 8px 16px;
}
.life-answers button.is-chosen {
  background: rgba(52,195,166,.2);
  border-color: var(--aqua);
  color: var(--ink);
}
.life-answers button.is-chosen::before {
  content: "✓ ";
  color: var(--aqua);
}
.life-manage {
  margin: 16px -16px -16px;
  border-top: 1px solid var(--soft-line);
}
.life-manage>details {
  border-bottom: 1px solid var(--soft-line);
}
.life-manage>details>summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 46px;
  padding: 0 16px;
  cursor: pointer;
  list-style: none;
  font-weight: 600;
  font-size: 14.5px;
  color: var(--mist);
}
.life-manage>details>summary::-webkit-details-marker {
  display: none;
}
.life-manage>details>summary::after {
  content: "›";
  font-size: 20px;
  line-height: 1;
  color: var(--muted);
  transition: transform .15s ease;
}
.life-manage>details[open]>summary::after {
  transform: rotate(90deg);
}
.life-manage>details>summary:hover {
  color: var(--ink);
}
.life-manage>details>:not(summary) {
  margin-left: 16px;
  margin-right: 16px;
}
.life-manage>details[open] {
  padding-bottom: 14px;
}
.life-manage h4 {
  margin: 8px 0 4px;
  font-size: 13px;
  color: var(--muted);
  font-weight: 600;
}
.life-manage ul,.life-manage ol {
  margin: 0 0 6px;
  padding-left: 20px;
}
.life-manage>form {
  margin: 0;
  padding: 10px 16px 14px;
}
.life-manage>form button.danger,.life-manage>details.cancel-call {
  margin: 0;
}
.life-manage>form button.danger {
  width: auto;
  padding: 8px 16px;
  font-size: 14px;
  border-color: rgba(239,68,68,.3);
}
.life-manage>details.cancel-call>summary {
  color: var(--danger);
}
.group-list .life-empty {
  color: var(--muted);
  background: transparent;
  border-style: dashed;
  text-align: center;
}
.life-organise {
  margin-top: 28px;
  padding: 18px;
  border-radius: 18px;
  background: rgba(8,42,39,.45);
  border: 1px solid var(--soft-line);
}
.life-organise h2 {
  margin-top: 0;
}
@media (prefers-reduced-motion:reduce) {
  .life-manage>details>summary::after {
    transition: none;
  }
}
.notes-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.notes-head h1 {
  margin: 0;
}
.notes-head .button {
  width: auto;
  margin: 0;
  padding: 10px 18px;
  font-size: 14.5px;
}
.notes-views {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0 10px;
}
button.notes-refresh {
  width: auto;
  margin: 0 0 4px auto;
  padding: 6px 14px;
  font-size: 13px;
}
.notes-feed {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.notes-feed .note-card {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  column-gap: 10px;
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(8,42,39,.5);
  border: 1px solid var(--soft-line);
}
.notes-feed .note-card>* {
  grid-column: 1 / -1;
  margin: 0;
}
.notes-feed .note-card>.note-author {
  grid-column: 1;
  font-weight: 650;
  font-size: 15px;
  color: var(--ink);
  overflow-wrap: anywhere;
}
.notes-feed .note-card>.note-when {
  grid-column: 2;
  font-size: 13px;
  color: var(--muted);
}
.notes-feed .note-card>.note-audience {
  grid-column: 3;
  justify-self: end;
}
.notes-feed .note-body {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.5;
  color: var(--ink);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.notes-feed .note-photo {
  display: block;
  width: 100%;
  margin-top: 10px;
  border-radius: 12px;
}
.notes-feed .note-place {
  margin-top: 6px;
  font-size: 13.5px;
  color: var(--mist);
}
.notes-feed .note-card>p:last-child:not(.note-body):not(.note-place) {
  margin-top: 10px;
  font-size: 14px;
}
.messages .proposal-card {
  margin: 6px 0 2px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(4,24,22,.45);
  border: 1px solid var(--soft-line);
}
.messages .proposal-card p {
  margin: 0;
}
.messages .proposal-card-label {
  font: 600 11px var(--font-mono),monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--aqua);
}
.messages .proposal-card-question {
  margin-top: 4px !important;
  font: 700 17px/1.3 var(--font-bricolage),sans-serif;
  color: var(--ink);
  overflow-wrap: anywhere;
}
.messages .proposal-card .hint {
  margin-top: 4px !important;
  font-size: 13.5px;
}
.messages .proposal-card .member-actions {
  margin-top: 10px;
  gap: 6px;
}
.messages .proposal-card .member-actions button {
  width: auto;
  margin: 0;
  padding: 7px 14px;
  font-size: 13.5px;
}
.messages .proposal-card .member-actions button[aria-pressed=true] {
  background: rgba(52,195,166,.2);
  border-color: var(--aqua);
  color: var(--ink);
}
.keep-place .notify-trap {
  position: absolute !important;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.keep-choice {
  margin: 0 0 6px;
  padding: 2px 18px;
  border: 1px solid rgba(199,226,219,.18);
  border-radius: 16px;
  background: rgba(8,42,39,.55);
}
.keep-choice > div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  padding: 13px 0;
  border-top: 1px solid var(--line);
}
.keep-choice > div:first-child {
  border-top: 0;
}
.keep-choice dt {
  color: var(--mist);
  font-size: 14px;
  line-height: 1.4;
}
.keep-choice dd {
  margin: 0;
  color: var(--ink);
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
  text-align: right;
  overflow-wrap: anywhere;
}
.keep-place .check-row small a {
  color: var(--aqua);
}
.keep-place .check-note {
  color: var(--mist);
  font-size: 14px;
  line-height: 1.45;
  margin: 12px 0 0;
}
.keep-place .keep-code {
  font-family: var(--font-mono),monospace;
  font-size: 22px;
  letter-spacing: .3em;
}
.keep-place .gift-footnote {
  margin-top: 28px;
  font-size: 13.5px;
  color: var(--muted);
}
.keep-place .gift-footnote a,.keep-place .join-journey-change a {
  color: var(--aqua);
}
.keep-next {
  margin: 0 0 8px;
  padding: 0;
  color: var(--ink);
  list-style: none;
  counter-reset: keep-step;
  font-size: 16px;
}
.keep-place h2.join-journey-label {
  margin-top: 26px;
}
.keep-next li {
  counter-increment: keep-step;
  display: grid;
  grid-template-columns: 28px minmax(0,1fr);
  margin: 10px 0;
  line-height: 1.5;
}
.keep-next li::before {
  content: counter(keep-step) ".";
  color: var(--aqua);
  font: 500 14px/1.75 var(--font-mono),monospace;
}
.keep-mark {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--aqua);
  box-shadow: 0 0 0 6px rgba(52,195,166,.12),0 0 22px rgba(52,195,166,.55);
  margin: 6px 0 22px 4px;
}
.keep-share {
  margin: 4px 0 8px;
  padding: 18px;
  border-radius: 16px;
  border: 1px solid rgba(52,195,166,.35);
  background: rgba(52,195,166,.07);
}
.keep-share-lead {
  margin: 0 0 12px;
  color: var(--ink);
  font-size: 17px;
  line-height: 1.45;
}
.keep-share-link {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.keep-share-link a {
  flex: 1 1 220px;
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--aqua);
  font: 400 14px/1.4 var(--font-mono),monospace;
}
.keep-share-link button {
  flex: 0 0 auto;
  min-height: 40px;
  padding: 0 18px;
}
.keep-company {
  margin: 28px 0 0;
  color: var(--mist);
  font-size: 15px;
}
.keep-company a {
  color: var(--aqua);
}
.keep-through-intro {
  margin: 18px 0 36px;
}
.gift-page .gift-estimate {
  margin: 20px 0 0;
  line-height: 1.5;
}
.keep-through-top {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 14px;
  margin: 4px 0 14px;
}
.keep-through-line {
  margin: 0;
  color: var(--ink);
  font: 600 clamp(20px,3.2vw,24px)/1.3 var(--font-bricolage),sans-serif;
  overflow-wrap: anywhere;
}
.keep-place .keep-through-line {
  font-size: 19px;
}
.keep-not-through {
  flex: 0 1 auto;
}
.keep-not-through[open] {
  flex-basis: 100%;
}
.keep-not-through > summary {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  cursor: pointer;
  list-style: none;
  color: var(--aqua);
  font-size: 15px;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: rgba(52,195,166,.5);
}
.keep-not-through > summary::-webkit-details-marker {
  display: none;
}
.keep-through-change {
  margin: 6px 0 4px;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid rgba(52,195,166,.3);
  background: rgba(52,195,166,.06);
}
.keep-through-change label {
  display: block;
  margin: 0 0 6px;
  color: var(--mist);
  font-size: 14px;
}
.keep-through-change input {
  width: 100%;
  box-sizing: border-box;
}
.keep-through-change [role=alert] {
  margin: 8px 0 0;
  color: var(--ink);
  font-size: 14px;
}
.keep-through-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}
.keep-through-actions button {
  margin: 0;
}
a.button.keep-next-to {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 420px;
  min-height: 54px;
  box-sizing: border-box;
  font-size: 16px;
  text-decoration: none;
  text-align: center;
}
.keep-through-lead {
  margin: 12px 0 0;
  color: var(--mist);
}
.keep-place .keep-promise {
  margin: 18px 0 0;
  color: var(--mist);
  font-size: 14px;
  line-height: 1.5;
}
.keep-place .keep-promise a {
  color: var(--aqua);
}
.keep-brought {
  margin: 12px 0 4px;
  color: var(--ink);
  font-size: 15px;
}
.keep-code-option {
  margin: 12px 0 0;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(52,195,166,.06);
}
.keep-code-option p {
  margin: 0 0 10px;
  color: var(--ink);
  font-size: 15px;
}
.keep-code-option strong {
  font: 600 16px/1.4 var(--font-mono),monospace;
  letter-spacing: .06em;
}
.keep-code-option form {
  margin: 0;
}
.keep-code-change {
  margin: 10px 0 0;
  font-size: 14px;
}
.keep-code-change a, .keep-place .keep-share .check-note {
  color: var(--mist);
}
.cs-actions.cs-actions-second {
  margin-top: 12px;
}
.cs-actions-main {
  display: contents;
}
.cs-res.is-none-ready .cs-res-top {
  background: rgba(255,255,255,.04);
}
.cs-vat-status {
  min-height: 1.5em;
}
.cs-vat-status.is-checked {
  color: var(--su-teal);
}
.cs-vat-status.is-checked::before {
  content: "✓ ";
}
.cs-form-h {
  margin-top: 30px !important;
  font-size: 19px;
}
.cs-form-h:first-of-type {
  margin-top: 8px !important;
}
.cs-form-lead {
  margin-top: 4px !important;
}
.cs-next .cs-lst {
  margin-top: 10px;
}
.cs-next .cs-lst li {
  padding: 8px 0;
}
.cs-next .cs-small {
  margin-top: 14px !important;
}
.cs-aside .cs-next + .cs-summary {
  margin-top: 16px;
}
.cs-code-form {
  max-width: 360px;
  margin: 24px auto 0;
}
.cs .cs-code {
  font: 700 28px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing: .24em;
  text-align: center;
}
.cs-sent {
  margin-top: 26px;
}
.cs-sent .cs-kv dd {
  overflow-wrap: anywhere;
}
.cs-disc-lit {
  box-shadow: 0 0 0 6px rgba(63,207,177,.08),0 0 48px rgba(63,207,177,.25);
}
.ce-section {
  margin-top: 36px;
}
.ce-section > h2 {
  font: 700 22px var(--font-bricolage),sans-serif;
}
.ce-card {
  margin-top: 14px;
  padding: 16px 18px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(8,42,39,.65);
}
.ce-head {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: baseline;
  justify-content: space-between;
}
.ce-head h3 {
  font: 700 18px var(--font-bricolage),sans-serif;
  overflow-wrap: anywhere;
}
.ce-pill {
  font-size: 13px;
  color: var(--muted);
}
.ce-pill.is-started {
  color: var(--su-teal);
}
.ce-pill.is-due {
  color: var(--spark);
  font-weight: 700;
}
.ce-kv {
  display: grid;
  grid-template-columns: max-content minmax(0,1fr);
  gap: 6px 14px;
  margin-top: 10px !important;
  font-size: 14.5px;
}
.ce-kv dt {
  color: var(--muted);
}
.ce-kv dd {
  overflow-wrap: anywhere;
}
.ce-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.ce-form {
  margin: 0;
}
.ce-actions button {
  width: auto;
  margin: 0;
  padding: 7px 14px;
  min-height: 36px;
  font-size: 14px;
}
.ce-actions .ce-tick {
  background: transparent;
  border: 1.5px solid rgba(63,207,177,.5);
  color: var(--ink);
}
.ce-actions .ce-tick[aria-pressed=true] {
  background: rgba(52,195,166,.2);
  border-color: var(--aqua);
}
.ce-erase {
  background: transparent;
  border: 1px solid rgba(255,178,74,.55);
  color: var(--ink);
}
@media (max-width:480px) {
  .ce-kv {
    grid-template-columns: minmax(0,1fr);
    gap: 0 0;
  }
  .ce-kv dd {
    margin-bottom: 6px;
  }
}
.keep-founding {
  margin: 8px 0 24px;
  padding: 24px clamp(16px, 4vw, 28px);
  border: 1px solid rgba(52,195,166,.35);
  border-radius: 16px;
  background: rgba(52,195,166,.07);
}
.keep-place .keep-founding-number {
  margin: 0 0 14px;
  color: var(--aqua);
  font-size: clamp(32px, 7vw, 52px);
  line-height: 1.15;
  letter-spacing: -.035em;
  font-variant-numeric: tabular-nums;
}
.keep-founding-held {
  color: var(--ink);
  font-size: 18px;
}
.keep-founding p {
  line-height: 1.6;
}
.keep-founding p:last-child {
  margin-bottom: 0;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

:root{--font-inter:inter;--font-bricolage:bricolage;--font-mono:mono}
@font-face{font-family:mono;font-weight:400;font-style:normal;font-display:swap;src:url('/join/assets/mono.08949f728dc52d528e69b166.woff2') format('woff2')}
@font-face{font-family:mono;font-weight:600;font-style:normal;font-display:swap;src:url('/join/assets/mono-semibold.0d1f0b8d0722224e32e9f282.woff2') format('woff2')}
@font-face{font-family:inter;font-weight:400;font-style:normal;font-display:swap;src:url('/join/assets/inter.8909904ab6c872eb99409348.woff2') format('woff2')}
@font-face{font-family:inter;font-weight:600;font-style:normal;font-display:swap;src:url('/join/assets/inter-semibold.f9a06e79cd3a2a20951c0f0e.woff2') format('woff2')}
@font-face{font-family:bricolage;font-weight:600;font-style:normal;font-display:swap;src:url('/join/assets/bricolage-semibold.b34fc8c1ef0ac8798455ac29.woff2') format('woff2')}
@font-face{font-family:bricolage;font-weight:700;font-style:normal;font-display:swap;src:url('/join/assets/bricolage.4c373ce3c1cca41c864eb3e2.woff2') format('woff2')}
@font-face{font-family:bricolage;font-weight:800;font-style:normal;font-display:swap;src:url('/join/assets/bricolage-bold.3e1b5f0a56ee995b7c1445bc.woff2') format('woff2')}