:root {
  --bg-main: var(--tc-bg);
  --bg-page: var(--tc-bg-grey);
  --bg-panel: var(--tc-surface);
  --bg-soft: var(--tc-fill);
  --ink: var(--tc-ink);
  --muted: var(--tc-muted);
  --line: var(--tc-line);
  --ktx: #3182f6;
  --srt: #a855f7;
  --active: var(--ktx);
  --danger: #ef4444;
  --success: #10b981;
  --glow-ktx: rgba(49, 130, 246, 0.22);
  --glow-srt: rgba(49, 130, 246, 0.3);
  --shadow: 0 20px 40px rgba(15, 23, 42, 0.08);
  --radius: 12px;
  --font-sans:
    "Pretendard Variable",
    Pretendard,
    "Apple SD Gothic Neo",
    "Noto Sans KR",
    "Segoe UI",
    sans-serif;
  font-family: var(--font-sans);
  color-scheme: light;
}

* {
  box-sizing: border-box;
  letter-spacing: 0 !important;
}

[hidden] {
  display: none !important;
}

html {
  scroll-behavior: smooth;
  font-family: var(--font-sans);
  overflow-x: clip;
}

body {
  margin: 0;
  font-family: var(--font-sans);
  color: var(--ink);
  background: radial-gradient(circle at 50% 0%, var(--tc-blue-tint) 0%, var(--tc-surface) 42%);
  min-height: 100vh;
  max-width: 100%;
  overflow-x: clip;
  word-break: keep-all;
}

body.now-srt {
  --active: var(--srt);
}

body.sheet-launch {
  overflow: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
  min-width: 0;
}

button {
  cursor: pointer;
  border: 0;
  background: none;
}

p,
h1,
h2,
h3,
h4,
span,
strong,
a,
button,
label,
li,
small {
  word-break: keep-all;
  overflow-wrap: normal;
}

code,
[data-invite-serial],
[data-own-invite-serial],
.vault-slip strong {
  word-break: break-word;
  overflow-wrap: anywhere;
}

#console-page {
  width: 100%;
  min-width: 0;
  overflow-x: clip;
}

.web-masthead {
  position: sticky;
  z-index: 30;
  top: 0;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 20px;
  min-height: 72px;
  padding: 0 max(24px, calc((100vw - 1200px) / 2));
  border-bottom: 1px solid var(--line);
  background: var(--tc-glass);
  backdrop-filter: blur(20px);
}

.wordmark {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -0.5px;
  background: linear-gradient(135deg, var(--tc-surface) 40%, var(--active) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.wordmark-flag {
  width: 32px;
  height: 32px;
  display: inline-grid;
  place-items: center;
  border-radius: 10px;
  background: var(--tc-surface) url("assets/ticketstop-icon-192.png") center / cover no-repeat;
  box-shadow: 0 0 16px color-mix(in srgb, var(--active) 42%, transparent);
  position: relative;
}

.wordmark-flag::after {
  content: "";
  display: none;
}

.web-menu {
  display: flex;
  justify-content: center;
  gap: 4px;
}

.web-menu a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 8px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
  transition: all 0.2s;
  white-space: nowrap;
}

.menu-caption-brisk {
  display: none;
}

.menu-glyph {
  display: none;
}

.web-menu a:hover {
  color: var(--ink);
  background: rgba(255, 255, 255, 0.05);
}

.web-menu a.now-active {
  color: #ffffff;
  background: var(--active);
  box-shadow: 0 0 15px var(--active);
}

.signin-btn {
  min-height: 42px;
  padding: 0 20px;
  border-radius: 8px;
  font-weight: 800;
  font-size: 13.5px;
  color: var(--tc-ink);
  background: #fee500;
  box-shadow: 0 4px 14px rgba(254, 229, 0, 0.3);
  transition: all 0.2s;
}

.signin-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(254, 229, 0, 0.5);
}

.ticketing-frame {
  position: relative;
  display: grid;
  justify-items: center;
  padding: 40px 24px 80px;
}

.screen-zone {
  min-height: calc(100vh - 72px);
  animation: fadeAppearUp 0.4s ease-out;
}

@keyframes fadeAppearUp {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ticketing-ambience {
  position: absolute;
  inset: 0 0 auto;
  height: 480px;
  background:
    linear-gradient(180deg, var(--tc-fill-soft), var(--bg-page)),
    radial-gradient(circle at 80% 20%, rgba(49, 130, 246, 0.15) 0%, transparent 50%);
  pointer-events: none;
}

.ticketing-arrangement {
  position: relative;
  width: min(720px, 100%);
  min-width: 0;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  align-items: start;
}

.ticketing-client,
.outcome-pane,
.voyage-tile,
.prep-tile,
.ops-pane,
.sanctioned-checkout-howto,
.gauge-mesh article,
.booking-sheet {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--bg-panel);
  backdrop-filter: blur(16px);
  box-shadow: var(--shadow);
}

.ticketing-client,
.outcome-pane {
  min-width: 0;
  padding: 30px;
}

.ticketing-client {
  position: relative;
  overflow: visible;
  max-width: 100%;
}

.outcome-pane {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

#console-page .ticketing-frame:has(.outcome-pane.now-mobile-results) {
  isolation: isolate;
}

#console-page .ticketing-frame:has(.outcome-pane.now-mobile-results)::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    radial-gradient(circle at 50% 0%, rgba(49, 130, 246, 0.12), transparent 36rem),
    #080d1b;
}

.ticketing-client.now-searching {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

.ticketing-client.now-searching .client-heading {
  display: none;
}

.ticketing-client:focus-within,
.outcome-pane:focus-within {
  z-index: 80;
}

.client-heading {
  margin-bottom: 28px;
}

.preline {
  margin: 0 0 8px;
  color: var(--active);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.client-heading h2 {
  margin: 0 0 10px;
  font-size: clamp(32px, 4vw, 46px);
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -1px;
  background: linear-gradient(to right, var(--tc-surface), #94a3b8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.client-heading p,
.zone-top p,
.blank-outcomes p,
.prep-tile label,
.web-pagefoot {
  color: var(--muted);
  line-height: 1.65;
  font-size: 14.5px;
}

.voyage-intake {
  display: grid;
  gap: 20px;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
}

.carrier-pagetabs,
.reach-pagetabs {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 10px;
}

.carrier-pagetabs button,
.reach-pagetabs button,
.spot-deed,
.meter button,
.exchange-btn {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.03);
  color: var(--muted);
  font-weight: 800;
  transition: all 0.2s;
}

.carrier-pagetabs button {
  min-height: 54px;
  font-size: 16px;
}

.carrier-pagetabs button:hover,
.reach-pagetabs button:hover {
  background: rgba(255, 255, 255, 0.07);
  color: var(--ink);
}

.reach-pagetabs button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
  box-shadow: none;
}

.reach-pagetabs button:disabled:hover {
  color: var(--muted);
  background: rgba(255, 255, 255, 0.03);
}

.carrier-pagetabs button.now-active,
.reach-pagetabs button.now-active {
  color: #ffffff;
  border-color: var(--active);
  background: var(--active);
  box-shadow: 0 0 20px var(--active);
}

.voyage-tile {
  min-width: 0;
  max-width: 100%;
  padding: 20px;
  overflow: visible;
}

.depot-tile {
  position: relative;
  z-index: 20;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr);
  gap: 14px;
  align-items: end;
  overflow: visible;
}

.depot-tile:focus-within {
  z-index: 2000;
}

label {
  display: grid;
  gap: 8px;
  min-width: 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

input,
select,
textarea {
  width: 100%;
  min-height: 56px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: var(--bg-soft);
  font-weight: 700;
  transition: all 0.2s;
}

input,
textarea {
  padding: 0 16px;
}

input::placeholder,
textarea::placeholder {
  color: var(--tc-muted);
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--active);
  outline: none;
  box-shadow: 0 0 10px rgba(49, 130, 246, 0.25);
  background: var(--tc-blue-tint);
}

select {
  padding: 0 42px 0 16px;
  appearance: none;
  background:
    linear-gradient(45deg, transparent 50%, var(--muted) 50%) calc(100% - 21px) 25px / 6px 6px no-repeat,
    linear-gradient(135deg, var(--muted) 50%, transparent 50%) calc(100% - 15px) 25px / 6px 6px no-repeat,
    var(--bg-soft);
}

.depot-tile input {
  min-height: 58px;
  font-size: 22px;
  text-align: center;
  font-weight: 900;
}

.depot-slot {
  position: relative;
  z-index: 1;
}

.depot-slot:focus-within {
  z-index: 2100;
}

.depot-suggest {
  position: relative;
  z-index: 1;
}

.depot-suggest:focus-within {
  z-index: 2200;
}

.depot-droplist {
  position: absolute;
  z-index: 2300;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  max-height: 272px;
  margin: 0;
  padding: 6px;
  overflow-y: auto;
  list-style: none;
  border: 1px solid rgba(148, 163, 184, 0.26);
  border-radius: 10px;
  background: var(--tc-surface);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
  backdrop-filter: blur(18px);
}

.depot-droplist li {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 8px;
  color: var(--tc-ink);
  font-size: 15px;
  font-weight: 850;
  text-align: center;
  transition: background-color 0.15s, color 0.15s, transform 0.15s;
  cursor: pointer;
}

.depot-droplist li:hover,
.depot-droplist li.now-active {
  color: #ffffff;
  background: linear-gradient(135deg, rgba(49, 130, 246, 0.92), rgba(49, 130, 246, 0.72));
}

.watcher-stance {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.watcher-stance.tight {
  margin: 0 0 12px;
}

.watcher-stance span {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 6px;
  border: 1px solid rgba(96, 165, 250, 0.22);
  background: var(--tc-fill-soft);
  color: var(--tc-ink);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.35;
  white-space: normal;
}

#landing-page .watcher-stance span {
  background: var(--tc-blue-tint);
  border-color: var(--tc-line);
  color: var(--tc-blue-deep);
}

#landing-page .depot-droplist {
  border-color: var(--tc-line);
  background: var(--tc-glass);
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.14);
}

#landing-page .depot-droplist li {
  color: var(--tc-ink2);
}

#landing-page .depot-droplist li:hover,
#landing-page .depot-droplist li.now-active {
  color: #ffffff;
  background: var(--tc-blue);
}

.depot-tile label:last-child {
  text-align: right;
}
.depot-tile label:last-child input {
  text-align: center;
}

.exchange-btn {
  width: 44px;
  height: 44px;
  align-self: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--line);
  color: var(--muted);
  font-size: 20px;
  display: inline-grid;
  place-items: center;
}

.exchange-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  color: var(--ink);
  transform: rotate(180deg);
}

.day-tile {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  min-width: 0;
  max-width: 100%;
}

.glyph-entrybox {
  position: relative;
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.glyph-entrybox > span {
  position: absolute;
  z-index: 1;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--muted);
  font-size: 16px;
  line-height: 1;
  pointer-events: none;
}

.glyph-entrybox input,
.glyph-entrybox select {
  display: block;
  min-width: 0;
  max-width: 100%;
  padding-left: 44px;
  line-height: 1.2;
}

.day-tile .glyph-entrybox input,
.day-tile .glyph-entrybox select {
  height: 56px;
  min-height: 56px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 56px;
}

input[type="date"] {
  min-inline-size: 0;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
}

input[type="date"]::-webkit-date-and-time-value {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  line-height: 1;
  text-align: center;
}

input[type="date"]::-webkit-datetime-edit,
input[type="date"]::-webkit-datetime-edit-fields-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  line-height: 1;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  margin-left: 0;
}

.pick-tile {
  display: grid;
  gap: 14px;
}

.pick-tile strong {
  display: block;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 800;
}

.pick-tile span {
  color: var(--muted);
  font-size: 13px;
}

.reach-pagetabs button {
  min-height: 44px;
  color: var(--muted);
  background: var(--bg-soft);
  font-size: 13.5px;
}

.reach-pagetabs.tight {
  gap: 8px;
}

.rider-tile {
  display: grid;
  gap: 14px;
}

.tile-tagline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
}

.tile-tagline span {
  min-width: 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.tile-tagline strong {
  max-width: 100%;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 6px;
  color: var(--active);
  background: rgba(49, 130, 246, 0.15);
  border: 1px solid rgba(49, 130, 246, 0.25);
  font-size: 12px;
  font-weight: 800;
  white-space: normal;
}

.invite-tagline {
  align-items: stretch;
  flex-wrap: wrap;
}

.invite-serial-emblem {
  width: min(100%, 430px);
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 13px;
  min-height: 98px !important;
  padding: 15px 16px !important;
  border: 1px solid rgba(96, 165, 250, 0.42);
  border-radius: 16px;
  background:
    radial-gradient(circle at 12% 18%, rgba(125, 211, 252, 0.28), transparent 34%),
    linear-gradient(135deg, rgba(49, 130, 246, 0.3), rgba(14, 165, 233, 0.14));
  box-shadow: 0 18px 40px rgba(49, 130, 246, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  text-align: left;
  cursor: pointer;
  transition: border-color 0.18s, background 0.18s, transform 0.18s, box-shadow 0.18s;
}

.invite-serial-emblem:hover {
  transform: translateY(-2px);
  border-color: rgba(147, 197, 253, 0.72);
  background:
    radial-gradient(circle at 12% 18%, rgba(125, 211, 252, 0.36), transparent 34%),
    linear-gradient(135deg, rgba(49, 130, 246, 0.38), rgba(14, 165, 233, 0.2));
  box-shadow: 0 22px 50px rgba(49, 130, 246, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.invite-serial-emblem:focus-visible {
  outline: 3px solid rgba(96, 165, 250, 0.45);
  outline-offset: 3px;
}

.invite-serial-emblem .invite-emblem-glyph {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: var(--tc-ink);
  background: linear-gradient(135deg, var(--tc-blue), var(--tc-blue));
  box-shadow: 0 12px 24px rgba(49, 130, 246, 0.34);
  font-size: 19px;
}

.invite-serial-emblem .invite-emblem-clip {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.invite-serial-emblem .invite-emblem-overline {
  color: var(--tc-blue-deep);
  font-size: 12px;
  font-weight: 900;
}

.invite-serial-emblem b {
  color: var(--tc-ink);
  font-size: 30px;
  font-weight: 950;
  line-height: 1.02;
  letter-spacing: 0;
  white-space: nowrap;
}

.invite-serial-emblem small {
  color: var(--tc-sub);
  font-size: 12px;
  font-weight: 800;
}

.invite-serial-emblem .invite-emblem-deed {
  min-width: 58px;
  min-height: 34px;
  display: inline-grid;
  place-items: center;
  padding: 0 12px;
  border-radius: 999px;
  color: var(--tc-ink);
  background: var(--tc-blue-tint);
  font-size: 12px;
  font-weight: 950;
}

body.now-srt .tile-tagline strong {
  color: var(--srt);
  background: rgba(49, 130, 246, 0.15);
  border-color: rgba(49, 130, 246, 0.25);
}

body.now-srt .invite-serial-emblem {
  background:
    radial-gradient(circle at 12% 18%, rgba(216, 180, 254, 0.28), transparent 34%),
    linear-gradient(135deg, rgba(49, 130, 246, 0.3), rgba(49, 130, 246, 0.14));
  border-color: rgba(192, 132, 252, 0.42);
}

body.now-srt .invite-serial-emblem:hover {
  background:
    radial-gradient(circle at 12% 18%, rgba(216, 180, 254, 0.36), transparent 34%),
    linear-gradient(135deg, rgba(49, 130, 246, 0.38), rgba(49, 130, 246, 0.2));
  border-color: rgba(192, 132, 252, 0.56);
  box-shadow: 0 22px 50px rgba(49, 130, 246, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

body.now-srt .invite-serial-emblem .invite-emblem-glyph {
  background: linear-gradient(135deg, #9333ea, var(--tc-blue));
}

body.now-srt .invite-serial-emblem .invite-emblem-deed {
  color: var(--tc-ink);
  background: var(--tc-blue-tint);
}

.rider-lane {
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-size: 16px;
  font-weight: 800;
}

.meter {
  width: 128px;
  height: 42px;
  display: grid;
  grid-template-columns: 38px 1fr 38px;
  align-items: center;
  overflow: hidden;
  border-radius: 8px;
  background: var(--tc-fill-soft);
  border: 1px solid var(--line);
}

.meter button {
  width: 38px;
  height: 38px;
  border: 0;
  color: var(--active);
  background: transparent;
  font-size: 16px;
}

.meter button:hover {
  background: rgba(255, 255, 255, 0.05);
}

.meter strong {
  text-align: center;
  font-size: 16px;
}

.specifics-flip {
  min-height: 40px;
  border: 0;
  border-top: 1px solid var(--line);
  color: var(--muted);
  background: transparent;
  font-size: 13px;
  font-weight: 800;
  transition: color 0.2s;
}

.specifics-flip:hover {
  color: var(--ink);
}

.specifics-flip span {
  display: inline-block;
  margin-left: 6px;
  transition: transform 0.2s;
}

.specifics-flip[aria-expanded="true"] span {
  transform: rotate(180deg);
}

.rider-specifics {
  display: grid;
  gap: 10px;
  padding-top: 4px;
}

.rider-separate-jot {
  margin: 0;
  color: var(--tc-blue);
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.45;
}

.seek-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 58px;
  color: #ffffff;
  background: var(--active);
  box-shadow: 0 8px 24px rgba(49, 130, 246, 0.3);
  font-size: 17px;
  font-weight: 900;
  border-radius: 8px;
  transition: all 0.2s;
}

body.now-srt .seek-btn {
  box-shadow: 0 8px 24px rgba(49, 130, 246, 0.3);
}

.seek-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 30px var(--active);
}

.outcome-top,
.zone-top.divide {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.outcome-top > div {
  min-width: 0;
}

.outcome-top h2,
.zone-top h2 {
  margin: 0;
  font-size: 26px;
  font-weight: 900;
  letter-spacing: -0.5px;
}

.outcome-watcher-stance {
  margin-top: 10px;
}

[data-signin-store] {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  border-radius: 99px;
  color: var(--tc-red);
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.25);
  font-size: 11.5px;
  font-weight: 800;
}

body.now-logged-in [data-signin-store] {
  color: var(--tc-green);
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.25);
}

.blank-outcomes {
  min-height: 0;
  display: grid;
  place-items: center;
  gap: 10px;
  margin-top: 16px;
  padding: 26px 22px;
  border: 1px dashed rgba(255, 255, 255, 0.15);
  border-radius: 18px;
  text-align: center;
  background: rgba(255, 255, 255, 0.04);
}

.blank-outcomes strong {
  display: block;
  font-size: 18px;
  color: var(--ink);
}

.seek-fault-pane {
  display: grid;
  justify-items: center;
  gap: 12px;
  padding: 24px;
  margin-top: 16px;
  border: 1px solid rgba(248, 113, 113, 0.24);
  border-radius: 12px;
  color: var(--tc-red);
  text-align: center;
  background: rgba(239, 68, 68, 0.08);
}

.seek-fault-pane strong {
  display: block;
  color: var(--tc-red);
  font-size: 15px;
  font-weight: 950;
  line-height: 1.35;
}

.seek-fault-pane p {
  max-width: 520px;
  margin: 0;
  color: var(--tc-muted);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.seek-fault-deed {
  width: min(100%, 260px);
  min-height: 42px;
  justify-content: center;
}

.rail-outcomes {
  display: grid;
  gap: 14px;
  width: min(100%, 690px);
  margin: 14px auto 0;
}

.rail-tile {
  display: grid;
  gap: 18px;
  padding: 20px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 14px;
  background: linear-gradient(180deg, var(--tc-surface), var(--tc-surface));
  box-shadow: 0 16px 36px rgba(3, 7, 18, 0.28);
  transition: all 0.2s;
}

.rail-tile:hover {
  transform: translateY(-2px);
  border-color: rgba(96, 165, 250, 0.24);
  background: linear-gradient(180deg, var(--tc-surface), var(--tc-surface));
}

.rail-upper {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.rail-emblem {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  border-radius: 6px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.08);
  font-size: 12px;
  font-weight: 800;
}

.rail-span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.moment-stroke {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
}

.moment-stroke strong {
  font-size: 32px;
  font-weight: 900;
  letter-spacing: -0.5px;
}

.moment-stroke strong:last-child {
  text-align: right;
}

.moment-stroke span {
  color: var(--tc-muted);
  font-size: 22px;
}

.spot-deeds {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.spot-deeds.sole {
  grid-template-columns: 1fr;
}

.spot-selection {
  min-height: 100px;
  display: grid;
  grid-template-columns: 1fr;
  align-items: stretch;
  gap: 12px;
  padding: 13px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 10px;
  background: var(--tc-surface);
}

.spot-selection.now-open {
  border-color: rgba(16, 185, 129, 0.28);
  background: var(--tc-surface);
}

.spot-selection.now-standby {
  border-color: rgba(49, 130, 246, 0.32);
  background: linear-gradient(180deg, var(--tc-surface), var(--tc-surface));
}

.spot-selection-facts {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 10px;
}

.spot-selection-facts strong {
  color: var(--tc-ink);
  font-size: 16px;
  font-weight: 900;
}

.spot-phase-emblem {
  width: max-content;
  max-width: 100%;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.spot-phase-emblem.now-waiting {
  color: var(--tc-red);
  border: 1px solid rgba(248, 113, 113, 0.28);
  background: rgba(248, 113, 113, 0.12);
}

.spot-phase-emblem.now-open {
  color: var(--tc-green);
  border: 1px solid rgba(16, 185, 129, 0.28);
  background: rgba(16, 185, 129, 0.12);
}

.spot-phase-emblem.now-standby {
  color: var(--tc-blue);
  border: 1px solid rgba(49, 130, 246, 0.34);
  background: rgba(49, 130, 246, 0.13);
}

.spot-deed {
  width: 100%;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  color: #ffffff;
  border: 0;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--tc-blue), var(--tc-blue));
  box-shadow: 0 12px 24px rgba(49, 130, 246, 0.24);
  font-size: 13.5px;
  font-weight: 900;
  white-space: nowrap;
  transition: transform 0.2s, box-shadow 0.2s, filter 0.2s;
}

.spot-deed:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
  box-shadow: 0 16px 30px rgba(49, 130, 246, 0.32);
}

.spot-deed:active {
  transform: translateY(0);
}

body.now-srt .spot-deed {
  background: linear-gradient(135deg, var(--tc-blue), var(--tc-blue));
  box-shadow: 0 12px 24px rgba(49, 130, 246, 0.25);
}

body.now-srt .spot-deed:hover {
  box-shadow: 0 16px 30px rgba(49, 130, 246, 0.34);
}

.realtime-desktop {
  position: relative;
  overflow: hidden;
  min-height: 240px;
  margin-top: 24px;
}

.realtime-mediaq {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(9, 13, 22, 0.95), rgba(9, 13, 22, 0.75)),
    radial-gradient(circle at 10% 50%, rgba(49, 130, 246, 0.15) 0%, transparent 60%);
  pointer-events: none;
}

.win-zone,
.member-zone,
.ops-zone,
.keeper-bell-zone {
  width: min(1200px, calc(100% - 48px));
  margin: 0 auto;
  padding: 60px 0;
}

.zone-top {
  margin-bottom: 28px;
}

.zone-top.divide > p {
  max-width: 480px;
  margin: 6px 0 0;
}

.gauge-mesh,
.member-mesh,
.ops-mesh {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.member-mesh {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.gauge-mesh {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 20px;
}

.gauge-mesh article {
  min-height: 120px;
  padding: 22px;
  background: var(--tc-fill-soft);
}

.gauge-mesh article > span {
  color: var(--muted);
  font-size: 13.5px;
  font-weight: 700;
}

.gauge-mesh strong {
  display: block;
  margin-top: 8px;
  font-size: 24px;
  font-weight: 900;
}

.sanctioned-checkout-howto {
  display: grid;
  grid-template-columns: minmax(220px, 0.86fr) minmax(0, 1.5fr);
  gap: 16px;
  align-items: stretch;
  margin: 0 0 24px;
  padding: 18px;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(49, 130, 246, 0.08), rgba(49, 130, 246, 0.02)),
    var(--tc-surface);
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(49, 130, 246, 0.12);
}

.sanctioned-checkout-howto-clip {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 5px;
}

.sanctioned-checkout-howto-clip span {
  color: var(--tc-blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
}

.sanctioned-checkout-howto-clip strong {
  color: var(--tc-ink);
  font-size: clamp(17px, 2vw, 22px);
  font-weight: 800;
  line-height: 1.35;
}

.sanctioned-checkout-howto-clip p {
  margin: 4px 0 0;
  color: var(--tc-muted);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.65;
}

.sanctioned-checkout-paths {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.sanctioned-checkout-path {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border: 1px solid var(--tc-line);
  border-radius: 12px;
  background: var(--tc-fill-soft);
}

.sanctioned-checkout-rungs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: payment-step;
}

.sanctioned-checkout-rungs li {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  padding: 5px 11px 5px 7px;
  border-radius: 999px;
  color: var(--tc-blue-deep);
  border: 1px solid rgba(49, 130, 246, 0.25);
  background: rgba(49, 130, 246, 0.1);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}

.sanctioned-checkout-rungs li::before {
  counter-increment: payment-step;
  content: counter(payment-step);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--tc-blue);
  color: #ffffff;
  font-size: 11px;
  font-weight: 900;
}

.sanctioned-checkout-rungs li + li::after {
  content: "";
}

.sanctioned-checkout-rungs li:not(:last-child) {
  margin-right: 2px;
}

.sanctioned-checkout-path span {
  width: fit-content;
  max-width: 100%;
  min-width: 46px;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  border-radius: 999px;
  color: var(--tc-blue-deep);
  border: 1px solid rgba(49, 130, 246, 0.25);
  background: rgba(49, 130, 246, 0.1);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  white-space: normal;
  overflow-wrap: break-word;
}

.sanctioned-checkout-path.now-srt span {
  color: var(--tc-blue);
  border-color: rgba(49, 130, 246, 0.25);
  background: rgba(49, 130, 246, 0.08);
}

.sanctioned-checkout-path strong,
.sanctioned-checkout-path p {
  min-width: 0;
}

.sanctioned-checkout-path strong {
  color: var(--tc-ink);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.4;
}

.sanctioned-checkout-path p {
  margin: 0;
  color: var(--tc-muted);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.65;
  overflow-wrap: break-word;
}

.sanctioned-checkout-howto-jot {
  grid-column: 1 / -1;
  margin: 0;
  padding-top: 2px;
  color: var(--tc-muted);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.7;
  overflow-wrap: break-word;
}

.sanctioned-checkout-howto-jot strong {
  color: var(--tc-ink);
  font-weight: 700;
}

.booking-deck {
  margin: 24px 0;
}

.order-invite-go {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid rgba(96, 165, 250, 0.22);
  background:
    radial-gradient(circle at 8% 12%, rgba(96, 165, 250, 0.16), transparent 36%),
    linear-gradient(135deg, var(--tc-blue-tint), rgba(88, 28, 135, 0.14));
}

.order-invite-go-glyph {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  color: var(--tc-ink);
  background: linear-gradient(135deg, var(--tc-green-tint), #22c55e);
  border-radius: 14px;
  font-size: 20px;
  font-weight: 1000;
  box-shadow: 0 10px 24px rgba(34, 197, 94, 0.22);
}

.order-invite-go-clip {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.order-invite-go-clip > span {
  color: var(--tc-green);
  font-size: 11.5px;
  font-weight: 900;
}

.order-invite-go-clip strong {
  color: #ffffff;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.45;
}

.order-invite-go-clip small {
  color: var(--tc-sub);
  font-size: 11.5px;
  font-weight: 750;
  line-height: 1.5;
}

.order-invite-go-btn {
  min-width: 148px;
  min-height: 42px;
  padding: 0 16px;
  color: #ffffff;
  background: linear-gradient(135deg, var(--tc-blue), var(--tc-blue));
  border-radius: 10px;
  font-size: 12.5px;
  font-weight: 950;
  box-shadow: 0 12px 26px rgba(49, 130, 246, 0.22);
}

.booking-feed {
  display: grid;
  gap: 10px;
}

.booking-feed > p {
  margin: 0;
  padding: 28px 0;
  color: var(--muted);
  text-align: center;
}

.order-archive-chart {
  width: 100%;
  display: grid;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 8px;
  background: var(--tc-fill-soft);
}

.order-archive-top,
.order-archive-lane {
  display: grid;
  grid-template-columns: 0.7fr 1fr 0.8fr 0.8fr 1.25fr 0.9fr 0.9fr 1.15fr 1fr minmax(max-content, 0.9fr);
  gap: 10px;
  align-items: center;
}

.order-archive-top {
  min-height: 46px;
  padding: 0 16px;
  color: var(--tc-blue-deep);
  background: rgba(49, 130, 246, 0.09);
  border-bottom: 1px solid rgba(148, 163, 184, 0.16);
  font-size: 12px;
  font-weight: 900;
}

.order-archive-lane {
  min-height: 76px;
  padding: 14px 16px;
  color: var(--ink);
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
  transition: background-color 0.2s, transform 0.2s;
}

.order-archive-lane:last-child {
  border-bottom: 0;
}

.order-archive-lane:hover {
  background: rgba(255, 255, 255, 0.035);
}

.order-archive-lane > span,
.order-archive-lane > strong {
  min-width: 0;
  display: grid;
  gap: 4px;
  color: var(--tc-sub);
  font-size: 12.5px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.order-archive-lane > strong {
  color: #ffffff;
  font-size: 13.5px;
  font-weight: 900;
}

.order-archive-lane > span[data-caption="관리"] {
  justify-items: center;
  align-items: center;
  overflow-wrap: normal;
}

.order-archive-lane small {
  color: var(--tc-muted);
  font-size: 11.5px;
  line-height: 1.35;
}

.order-archive-phase {
  align-content: center;
}

.order-phase-capsule {
  width: fit-content;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  border-radius: 999px;
  border: 1px solid rgba(49, 130, 246, 0.25);
  color: var(--tc-ink);
  background: rgba(49, 130, 246, 0.14);
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.order-phase-capsule.st-reserved {
  color: var(--tc-green);
  background: rgba(34, 197, 94, 0.14);
  border-color: rgba(34, 197, 94, 0.28);
}

.order-phase-capsule.st-reserved.now-deadline-passed {
  color: var(--tc-blue);
  background: rgba(49, 130, 246, 0.14);
  border-color: rgba(49, 130, 246, 0.32);
}

.order-phase-capsule.st-waitlisted {
  color: var(--tc-blue);
  background: rgba(49, 130, 246, 0.13);
  border-color: rgba(49, 130, 246, 0.28);
}

.order-phase-capsule.st-expired,
.order-phase-capsule.st-cancelled {
  color: var(--tc-sub);
  background: rgba(148, 163, 184, 0.12);
  border-color: rgba(148, 163, 184, 0.22);
}

.order-phase-capsule.st-failed {
  color: var(--tc-red);
  background: rgba(239, 68, 68, 0.13);
  border-color: rgba(239, 68, 68, 0.24);
}

.order-phase-whirl {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
  border-radius: 999px;
  border: 2px solid rgba(191, 219, 254, 0.3);
  border-top-color: var(--tc-blue);
  animation: phase-spin 0.82s linear infinite;
}

.order-phase-glyph {
  width: 15px;
  height: 15px;
  display: inline-grid;
  place-items: center;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
}

.order-halt-btn {
  min-height: 32px;
  padding: 0 12px;
  border-radius: 7px;
  color: #fee2e2;
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(248, 113, 113, 0.28);
  font-size: 12px;
  font-weight: 900;
}

.order-halt-btn:hover:not(:disabled) {
  color: #ffffff;
  background: rgba(239, 68, 68, 0.28);
  border-color: rgba(248, 113, 113, 0.46);
}

.order-reattempt-btn {
  width: max-content;
  max-width: 100%;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border-radius: 8px;
  color: #dcfce7;
  background: rgba(22, 163, 74, 0.2);
  border: 1px solid rgba(74, 222, 128, 0.38);
  font-size: 12px;
  font-weight: 950;
  line-height: 1.1;
  white-space: nowrap;
}

.order-reattempt-btn:hover:not(:disabled) {
  color: #ffffff;
  background: rgba(22, 163, 74, 0.34);
  border-color: rgba(134, 239, 172, 0.6);
}

.order-halt-btn:disabled,
.order-reattempt-btn:disabled {
  cursor: wait;
  opacity: 0.68;
}

.order-deed-hushed {
  color: var(--tc-muted);
  font-size: 12px;
  font-weight: 800;
}

@keyframes phase-spin {
  to {
    transform: rotate(360deg);
  }
}

.booking-lane {
  display: grid;
  grid-template-columns: 1.1fr 1.2fr 0.7fr;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.025);
}

.booking-lane div {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.booking-lane strong,
.booking-lane span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.booking-lane strong {
  color: var(--ink);
  font-size: 14px;
  font-weight: 900;
}

.booking-lane span {
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.45;
}

.order-phase {
  justify-items: end;
  text-align: right;
}

.order-phase strong {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border-radius: 999px;
  color: var(--tc-ink);
  background: rgba(49, 130, 246, 0.15);
  border: 1px solid rgba(49, 130, 246, 0.25);
  font-size: 12px;
}

.order-phase.st-reserved strong {
  color: var(--tc-green);
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.25);
}

.order-phase.st-waitlisted strong {
  color: var(--tc-blue);
  background: rgba(49, 130, 246, 0.14);
  border-color: rgba(49, 130, 246, 0.25);
}

.order-phase.st-failed strong,
.order-phase.st-expired strong,
.order-phase.st-cancelled strong {
  color: var(--tc-red);
  background: rgba(239, 68, 68, 0.14);
  border-color: rgba(239, 68, 68, 0.25);
}

.prep-tile,
.ops-pane {
  padding: 24px;
  display: grid;
  gap: 18px;
  align-content: start;
}

.prep-intake {
  display: grid;
  gap: 16px;
}

.screenreader-solely {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.railpass-phase-pane {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(96, 165, 250, 0.22);
  border-radius: 10px;
  background: rgba(49, 130, 246, 0.08);
}

.railpass-phase-pane strong {
  color: var(--tc-ink);
  font-size: 15px;
  font-weight: 950;
}

.railpass-phase-pane p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.railpass-phase-pane.now-saved {
  border-color: rgba(52, 211, 153, 0.28);
  background: rgba(16, 185, 129, 0.09);
}

.railpass-phase-pane.now-saved strong {
  color: var(--tc-green);
}

.railpass-carrier-phase {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.railpass-carrier-phase span {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  color: var(--tc-sub);
  background: rgba(148, 163, 184, 0.12);
  border: 1px solid rgba(148, 163, 184, 0.18);
  font-size: 12px;
  font-weight: 900;
}

.railpass-carrier-phase span.now-saved {
  color: var(--tc-green);
  background: rgba(16, 185, 129, 0.14);
  border-color: rgba(52, 211, 153, 0.28);
}

.railpass-faith-feed {
  display: grid;
  gap: 8px;
  margin: 2px 0 4px;
  padding: 12px 14px;
  list-style: none;
  border: 1px solid rgba(52, 211, 153, 0.24);
  border-radius: 10px;
  background: rgba(16, 185, 129, 0.07);
}

.railpass-faith-feed li {
  position: relative;
  padding-left: 22px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.railpass-faith-feed li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--success, var(--tc-green));
  font-weight: 900;
}

.railpass-faith-feed strong {
  color: var(--ink);
  font-weight: 900;
}

.railpass-ref-slot {
  display: grid;
  gap: 8px;
}

.railpass-ref-caption {
  color: var(--muted);
  font-size: 14.5px;
  font-weight: 800;
}

.railpass-ref-lane {
  display: grid;
  grid-template-columns: minmax(112px, 0.36fr) minmax(0, 1fr);
  gap: 10px;
  align-items: stretch;
  min-width: 0;
}

.railpass-ref-lane select,
.railpass-ref-lane input {
  min-width: 0;
}

.railpass-ref-lane select {
  padding-inline: 12px 34px;
  font-size: 14px;
}

.credit-mesh {
  width: min(1160px, 100%);
  grid-template-columns: minmax(380px, 0.88fr) minmax(500px, 1.12fr);
  justify-content: center;
  gap: 20px;
  align-items: stretch;
  margin: 0 auto;
}

.invite-focuslight-tile {
  --ink: var(--tc-ink);
  --muted: var(--tc-muted);
  --line: var(--tc-line);
  --active: var(--tc-blue);
  width: 100%;
  min-height: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  align-items: start;
  align-content: start;
  margin: 0;
  padding: 28px;
  color: var(--tc-ink);
  background: var(--tc-surface);
  border: 1px solid var(--tc-line);
  border-radius: 18px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
}

.invite-focuslight-clip {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
}

.invite-focuslight-clip .preline {
  color: var(--tc-blue);
}

.invite-focuslight-clip h3 {
  margin: 0;
  color: var(--tc-ink);
  font-size: clamp(24px, 2.4vw, 30px);
  line-height: 1.2;
  font-weight: 950;
}

.invite-focuslight-clip p:not(.preline) {
  margin: 0;
  color: var(--tc-sub);
  font-size: 15px;
  line-height: 1.7;
  font-weight: 750;
}

.invite-focuslight-pane {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.invite-serial-crate {
  display: grid;
  gap: 12px;
  padding: 18px;
  border: 1px solid var(--tc-line);
  border-radius: 14px;
  background: var(--tc-glass);
}

.invite-serial-crate > span {
  color: var(--tc-muted);
  font-size: 12px;
  font-weight: 900;
}

.invite-serial-crate > strong {
  min-width: 0;
  color: var(--tc-blue);
  font-size: clamp(24px, 4vw, 34px);
  line-height: 1.1;
  font-weight: 1000;
}

.invite-serial-crate > div {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.invite-serial-crate .phantom-btn {
  color: var(--tc-blue-deep);
  background: var(--tc-blue-tint);
  border-color: var(--tc-line);
}

.invite-serial-crate .send-btn {
  background: linear-gradient(135deg, var(--tc-blue), var(--tc-blue));
}

.invite-focuslight-tile.now-referral-focus {
  animation: invite-aim 1.45s ease;
}

.invite-center-overline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.invite-center-overline .preline {
  margin: 0;
}

.invite-center-overline > span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  color: var(--tc-blue-deep);
  background: var(--tc-blue-tint);
  border: 1px solid var(--tc-line);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 950;
  white-space: nowrap;
}

.invite-levy-jot {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  color: var(--tc-sub);
  background: var(--tc-surface);
  border: 1px solid var(--tc-line);
  border-radius: 12px;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 750;
}

.invite-levy-jot > i {
  flex: 0 0 auto;
  color: var(--tc-blue);
  font-size: 16px;
}

.invite-levy-jot strong {
  color: var(--tc-blue-deep);
  font-weight: 1000;
}

.invite-prize-calc {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.invite-prize-calc article {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 5px;
  padding: 14px;
  color: var(--tc-sub);
  background: var(--tc-fill-soft);
  border: 1px solid var(--tc-line);
  border-radius: 13px;
}

.invite-prize-calc article.now-milestone {
  color: #3b2f9e;
  background: var(--tc-blue-tint);
  border-color: var(--tc-line);
}

.invite-prize-calc article > span,
.invite-prize-calc article > small {
  min-width: 0;
  color: var(--tc-muted);
  font-size: 11px;
  line-height: 1.35;
  font-weight: 850;
}

.invite-prize-calc strong {
  min-width: 0;
  color: var(--tc-blue-deep);
  font-size: 17px;
  line-height: 1.2;
  font-weight: 1000;
  overflow-wrap: anywhere;
}

.invite-prize-calc .now-milestone strong {
  color: var(--tc-blue-deep);
}

.invite-prize-calc strong span,
.invite-prize-calc small span {
  color: inherit;
  font: inherit;
}

.invite-serial-crate > .spreadable-deeds {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 2px;
}

.invite-serial-crate .spreadable-deeds button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 0;
  min-height: 46px;
  padding: 0 10px;
  font-size: 12px;
  white-space: nowrap;
}

.invite-reply {
  min-height: 18px;
  margin: 0;
  color: var(--tc-blue-deep);
  font-size: 11.5px;
  line-height: 1.5;
  font-weight: 850;
}

.invite-center-headway {
  margin-top: 0;
  padding: 16px;
  border-radius: 13px;
  background: var(--tc-blue-tint);
}

.invite-center-figures {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.invite-headway-niches {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.invite-headway-niche {
  min-height: 28px;
  display: grid;
  place-items: center;
  color: var(--tc-muted);
  background: var(--tc-surface);
  border: 1px solid var(--tc-line);
  border-radius: 9px;
  font-size: 11px;
  font-weight: 950;
}

.invite-headway-niche.now-complete {
  color: #ffffff;
  background: linear-gradient(135deg, var(--tc-blue), var(--tc-blue));
  border-color: transparent;
}

.invite-center-figures > div {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 10px;
  background: var(--tc-surface);
  border: 1px solid var(--tc-line);
  border-radius: 10px;
}

.invite-center-figures span {
  color: var(--tc-muted);
  font-size: 10.5px;
  line-height: 1.35;
  font-weight: 850;
}

.invite-center-figures strong {
  min-width: 0;
  color: var(--tc-ink);
  font-size: 14px;
  line-height: 1.3;
  font-weight: 1000;
  overflow-wrap: anywhere;
}

.invite-center-headway .invite-spread-aid {
  color: var(--tc-sub);
  font-weight: 800;
}

.invite-center-headway .invite-headway-leftover {
  color: var(--tc-blue-deep);
  font-weight: 900;
}

@keyframes invite-aim {
  0%, 100% {
    box-shadow: none;
  }
  30%, 70% {
    box-shadow: 0 0 0 5px rgba(49, 130, 246, 0.18), 0 22px 48px rgba(49, 130, 246, 0.16);
  }
}

.awaiting-recharge-ribbon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: -6px 0 22px;
  padding: 18px 20px;
  border: 1px solid rgba(49, 130, 246, 0.2);
  border-radius: 18px;
  background: linear-gradient(135deg, var(--tc-blue-tint), var(--tc-glass));
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.08);
}

.awaiting-recharge-ribbon[hidden] {
  display: none;
}

.awaiting-recharge-ribbon strong {
  display: block;
  margin-bottom: 4px;
  color: var(--tc-ink);
  font-size: 15px;
}

.awaiting-recharge-ribbon span {
  color: var(--tc-sub);
  font-size: 13px;
  line-height: 1.5;
}

.awaiting-recharge-ribbon button {
  flex: 0 0 auto;
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 999px;
  background: var(--tc-surface);
  color: var(--tc-sub);
  cursor: pointer;
  font-size: 13px;
  font-weight: 800;
  padding: 10px 14px;
}

.credit-tile {
  --ink: var(--tc-ink);
  --muted: var(--tc-muted);
  --line: var(--tc-line);
  gap: 20px;
  height: 100%;
  padding: 28px;
  color: var(--ink);
  background: var(--tc-surface);
  border-color: rgba(15, 23, 42, 0.08);
  border-radius: 18px 0 0 18px;
  box-shadow: -18px 18px 48px rgba(15, 23, 42, 0.12);
}

.credit-purse-tile {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px;
  border-radius: 8px;
  background: var(--tc-fill-soft);
  border: 1px solid var(--tc-line);
}

.credit-purse-tile > div,
.credit-purse-tile b {
  min-width: 0;
}

.credit-purse-tile span {
  display: block;
  margin-bottom: 6px;
  color: #98a2b3;
  font-size: 12px;
  font-weight: 800;
}

.credit-purse-tile strong {
  color: var(--tc-ink);
  font-size: 15px;
  font-weight: 900;
}

.credit-purse-tile b {
  color: var(--tc-blue);
  font-size: clamp(22px, 3vw, 28px);
  font-weight: 950;
  line-height: 1.18;
  text-align: right;
  white-space: normal;
}

.recharge-intake {
  gap: 14px;
}

.recharge-caption {
  display: grid;
  gap: 8px;
  color: var(--tc-ink);
  font-size: 14px;
  font-weight: 900;
}

.recharge-caption.tight {
  margin-top: 14px;
  color: #667085;
  font-size: 13px;
}

.recharge-caption input {
  min-height: 54px;
  width: 100%;
  padding: 0 16px;
  color: var(--tc-ink);
  background: var(--tc-fill-soft);
  border: 1px solid var(--tc-line);
  border-radius: 8px;
  font-size: 16px;
  font-weight: 850;
  outline: none;
  transition: border-color 0.18s, box-shadow 0.18s, background 0.18s;
}

.recharge-caption input::placeholder {
  color: #c0c6d1;
}

.recharge-caption input:focus {
  background: var(--tc-surface);
  border-color: #a7cbfb;
  box-shadow: 0 0 0 4px rgba(49, 130, 246, 0.12);
}

.recharge-aid {
  display: flex;
  gap: 8px;
  padding: 12px;
  border-radius: 8px;
  color: var(--tc-blue-deep);
  background: var(--tc-blue-tint);
  font-size: 12px;
  line-height: 1.55;
}

.recharge-aid strong {
  flex: 0 0 auto;
}

.recharge-separator {
  height: 1px;
  margin: 18px 0 8px;
  background: var(--tc-blue-tint);
}

.recharge-sum-zone {
  display: grid;
  gap: 12px;
}

.recharge-sum-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.recharge-sum-top strong {
  color: var(--tc-ink);
  font-size: 14px;
  font-weight: 900;
}

.recharge-sum-top span {
  color: var(--tc-blue);
  font-size: 12px;
  font-weight: 850;
}

.ops-access-pane {
  margin-bottom: 20px;
  border-color: rgba(49, 130, 246, 0.26);
  background:
    linear-gradient(135deg, rgba(49, 130, 246, 0.16), rgba(49, 130, 246, 0.10)),
    var(--tc-fill-soft);
}

.ops-chit-intake {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
}

.ops-chit-deeds {
  display: flex;
  gap: 10px;
}

.keeper-bell-pane {
  margin-bottom: 20px;
  border-color: rgba(49, 130, 246, 0.32);
  background:
    linear-gradient(135deg, rgba(49, 130, 246, 0.14), rgba(239, 68, 68, 0.10)),
    var(--tc-fill-soft);
}

.keeper-bell-pane > p {
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
  font-weight: 700;
}

.keeper-bell-chit-intake[hidden],
.keeper-bell-guard[hidden] {
  display: none;
}

.keeper-bell-ops-anchor {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.keeper-bell-digest-mesh {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.keeper-bell-digest-mesh article {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 10px;
  background: var(--tc-fill-soft);
}

.keeper-bell-digest-mesh span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.keeper-bell-digest-mesh strong {
  display: block;
  margin-top: 7px;
  color: var(--tc-ink);
  font-size: 24px;
  font-weight: 950;
}

.keeper-bell-mishap-feed {
  display: grid;
  gap: 10px;
}

.keeper-bell-mishap {
  display: grid;
  gap: 7px;
  padding: 14px;
  border: 1px solid rgba(49, 130, 246, 0.2);
  border-radius: 10px;
  background: rgba(49, 130, 246, 0.08);
}

.keeper-bell-mishap strong {
  color: #f0edfe;
  font-size: 14px;
}

.keeper-bell-mishap span,
.keeper-bell-mishap p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.phantom-btn {
  min-height: 50px;
  padding: 0 18px;
  border-radius: 8px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--line);
  font-weight: 800;
}

.phantom-btn:hover {
  background: rgba(255, 255, 255, 0.10);
}

.intake-lane.dual {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.send-btn {
  min-height: 50px;
  border-radius: 8px;
  font-weight: 800;
  color: #ffffff;
  background: var(--active);
  box-shadow: 0 4px 14px rgba(49, 130, 246, 0.2);
  transition: all 0.2s;
}

.send-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px var(--active);
}

.send-btn:disabled {
  cursor: not-allowed;
  color: #ffffff;
  background: #c9ced7;
  box-shadow: none;
  transform: none;
}

.slot-tip {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.sum-pill {
  position: relative;
  width: 100%;
  min-height: 118px;
  display: grid;
  place-items: center;
  gap: 4px;
  margin-top: 8px;
  border-radius: 8px;
  border: 1px solid var(--tc-line);
  background: var(--tc-blue-tint);
  color: var(--tc-ink);
  font-weight: 900;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}

.sum-pill:hover {
  border-color: var(--tc-blue);
  box-shadow: 0 12px 28px rgba(49, 130, 246, 0.14);
  transform: translateY(-1px);
}

.sum-pill em {
  position: absolute;
  top: -13px;
  left: 50%;
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  border-radius: 999px;
  color: #ffffff;
  background: var(--tc-blue);
  font-style: normal;
  font-size: 12px;
  font-weight: 950;
  transform: translateX(-50%);
}

.sum-pill span {
  color: var(--tc-blue);
  font-size: 20px;
}

.sum-pill strong {
  color: var(--tc-blue);
  font-size: 12px;
}

.sum-pill small {
  color: var(--tc-blue);
  font-size: 12px;
  line-height: 1.45;
}

.recharge-send {
  margin-top: 8px;
  font-size: 15px;
}

.recharge-send.now-ready {
  background: var(--tc-blue) !important;
  background-image: linear-gradient(135deg, var(--tc-blue), var(--tc-blue)) !important;
  box-shadow: 0 10px 24px rgba(49, 130, 246, 0.28) !important;
}

.recharge-send.now-waiting {
  background: #c9ced7 !important;
  background-image: none !important;
  box-shadow: none !important;
}

.payin-affirmation {
  margin-top: 20px;
  padding: 26px 24px;
  border-top: 4px solid var(--tc-blue);
  border-radius: 8px;
  background: var(--tc-surface);
  border-left: 1px solid var(--tc-line);
  border-right: 1px solid var(--tc-line);
  border-bottom: 1px solid var(--tc-line);
  color: var(--tc-ink);
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.10);
}

.payin-affirmation[hidden] {
  display: none;
}

.payin-affirmation-glyph {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  margin-bottom: 12px;
  border-radius: 50%;
  color: var(--tc-blue);
  background: var(--tc-blue-tint);
  font-weight: 900;
  font-size: 22px;
}

.payin-affirmation h3 {
  margin: 0 0 6px;
  font-size: 22px;
  color: var(--tc-ink);
}

.payin-affirmation p {
  margin: 0 0 18px;
  color: #667085;
  line-height: 1.7;
  font-size: 14px;
}

.vault-slip {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--tc-line);
  border-bottom: 1px solid var(--tc-line);
}

.vault-slip div {
  min-height: 46px;
  display: grid;
  grid-template-columns: 92px 1fr auto;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid var(--tc-line);
  font-size: 14px;
}

.vault-slip div:last-child {
  border-bottom: 0;
}

.vault-slip span {
  color: #98a2b3;
  font-size: 13px;
}

.vault-slip strong {
  text-align: right;
  color: var(--tc-ink);
  font-size: 15px;
}

.vault-slip button {
  padding: 5px 8px;
  border-radius: 6px;
  background: var(--tc-blue-tint);
  color: var(--tc-blue);
  font-weight: 900;
  font-size: 11px;
}

.vault-deeds {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 18px;
}

.payin-advisory {
  margin-top: 14px;
  padding: 14px;
  border-radius: 8px;
  color: var(--tc-red);
  background: var(--tc-red-tint);
  border: 1px solid var(--tc-line);
}

.payin-advisory strong {
  display: block;
  margin-bottom: 4px;
}

.payin-advisory p {
  margin: 0;
  color: var(--tc-red);
  font-size: 12px;
}

.payin-unmatched,
.payin-awaiting-brief {
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.payin-unmatched > span,
.payin-awaiting-brief > span {
  font-size: 13px;
  color: var(--tc-muted);
}

.payin-unmatched-btn {
  padding: 9px 14px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.06);
  color: var(--tc-sub);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.payin-unmatched-btn:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.28);
}

.payin-unmatched-btn:disabled {
  opacity: 0.55;
  cursor: default;
}

.payin-unmatched-finished,
.payin-affirmation .payin-unmatched-finished {
  margin: 0;
  font-size: 13px;
  color: var(--tc-green);
}

.payin-stream {
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
  font-size: 13px;
  color: var(--muted);
}

.credit-tile .payin-stream {
  color: #667085;
}

.quicklink-howto-tile {
  display: grid;
  gap: 8px;
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid rgba(96, 165, 250, 0.2);
  border-radius: 8px;
  background: rgba(49, 130, 246, 0.08);
}

.quicklink-howto-tile strong {
  color: var(--ink);
  font-size: 13px;
}

.quicklink-howto-tile p {
  margin: 0;
  color: var(--tc-muted);
  font-size: 12px;
  line-height: 1.6;
}

.quicklink-phase {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(34, 197, 94, 0.14);
  color: var(--tc-green);
  font-size: 12px;
  font-weight: 800;
}

.sturdiness-clip {
  display: grid;
  gap: 6px;
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid rgba(96, 165, 250, 0.22);
  border-radius: 8px;
  background: rgba(49, 130, 246, 0.08);
}

.sturdiness-clip strong {
  color: var(--ink);
  font-size: 13px;
  font-weight: 950;
}

.sturdiness-clip p {
  margin: 0;
  color: var(--tc-muted);
  font-size: 12px;
  line-height: 1.6;
}

.chart-feed {
  display: grid;
  gap: 8px;
}

.chart-feed p {
  color: var(--tc-muted);
  text-align: center;
  padding: 30px 0;
  font-size: 14px;
}

.chart-lane {
  min-height: 48px;
  display: grid;
  grid-template-columns: 1.2fr 1.5fr 1fr 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid var(--line);
  font-size: 13px;
}

.chart-lane strong {
  color: var(--ink);
}

.chart-lane button {
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 11px;
  background: var(--danger);
  color: #ffffff;
  font-weight: 800;
}

.ops-pane.broad {
  grid-column: span 3;
}

.own-facts-mesh {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.persona-tile {
  min-height: 280px;
}

.persona-stat {
  display: grid;
  gap: 8px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.025);
}

.spreadable-deeds {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}

.spreadable-headway {
  display: grid;
  gap: 10px;
  margin-top: 16px;
  padding: 14px;
  border: 1px solid rgba(49, 130, 246, 0.20);
  border-radius: 8px;
  background: rgba(49, 130, 246, 0.08);
}

.spreadable-headway-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--ink);
  font-size: 13px;
  font-weight: 800;
}

.spreadable-headway-top strong {
  color: var(--active);
  white-space: nowrap;
}

.spreadable-headway-trace {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.22);
}

.spreadable-headway-trace span {
  display: block;
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--tc-blue), var(--tc-blue));
  transition: width 220ms ease;
}

.spreadable-headway p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.spreadable-deeds .phantom-btn,
.spreadable-deeds .send-btn {
  min-height: 44px;
  padding: 0 12px;
  font-size: 13px;
}

.ping-deeds {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.ping-deeds .send-btn,
.ping-deeds .phantom-btn {
  min-height: 44px;
  padding: 0 12px;
  font-size: 13px;
}

.ping-deeds [data-mount-client] {
  grid-column: 1 / -1;
}

.ping-howto {
  margin: 12px 0 0;
  padding: 12px 14px;
  color: var(--tc-ink);
  background: rgba(49, 130, 246, 0.10);
  border: 1px solid rgba(96, 165, 250, 0.22);
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.6;
}

.ping-duty-advisory {
  margin: 10px 0 0;
  padding: 12px 14px;
  color: var(--tc-red);
  background: rgba(220, 38, 38, 0.10);
  border: 1px solid rgba(248, 113, 113, 0.26);
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1.6;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.gadget-ping-howto {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.gadget-ping-present {
  display: grid;
  gap: 5px;
  padding: 14px;
  border: 1px solid rgba(96, 165, 250, 0.28);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(49, 130, 246, 0.16), rgba(49, 130, 246, 0.10));
}

.gadget-ping-present strong {
  color: var(--tc-ink);
  font-size: 13px;
  font-weight: 950;
}

.gadget-ping-present span {
  color: var(--tc-sub);
  font-size: 12.5px;
  line-height: 1.55;
  font-weight: 700;
}

.gadget-ping-mesh {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.gadget-ping-tile {
  display: grid;
  gap: 7px;
  padding: 13px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
}

.gadget-ping-tile strong {
  color: var(--ink);
  font-size: 12.5px;
  font-weight: 950;
}

.gadget-ping-tile span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.gadget-ping-rungs {
  display: grid;
  gap: 5px;
  margin: 0;
  padding-left: 17px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.gadget-ping-rungs li::marker {
  color: var(--tc-blue-deep);
  font-weight: 900;
}

.keeper-pilot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 12px 0 14px;
  padding: 14px;
  border: 1px solid rgba(96, 165, 250, 0.22);
  border-radius: 8px;
  background: rgba(49, 130, 246, 0.08);
}

.keeper-pilot div:first-child {
  display: grid;
  gap: 4px;
}

.keeper-pilot strong {
  color: var(--ink);
  font-size: 13px;
  font-weight: 950;
}

.keeper-pilot span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.keeper-pilot-deeds {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.keeper-pilot-deeds .phantom-btn {
  min-height: 36px;
  padding: 0 11px;
  font-size: 12px;
}

.spreadable-ruleset {
  display: grid;
  gap: 8px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.spreadable-ruleset li {
  position: relative;
  padding-left: 16px;
}

.spreadable-ruleset li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.68em;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--ktx), var(--srt));
}

.persona-stat span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.persona-stat strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--ink);
  font-size: 17px;
  font-weight: 900;
}

.persona-invite-go {
  width: 100%;
  min-height: 78px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  padding: 12px 14px;
  color: var(--tc-ink);
  background: var(--tc-blue);
  border: 1px solid rgba(147, 197, 253, 0.28);
  border-radius: 12px;
  text-align: left;
  box-shadow: 0 14px 30px rgba(49, 130, 246, 0.2);
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.persona-invite-go:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 36px rgba(49, 130, 246, 0.28);
}

.persona-invite-go:focus-visible {
  outline: 3px solid rgba(147, 197, 253, 0.64);
  outline-offset: 3px;
}

.persona-invite-go-glyph {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: var(--tc-blue-deep);
  background: var(--tc-surface);
  border-radius: 12px;
  font-size: 17px;
}

.persona-invite-go > span:nth-child(2) {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.persona-invite-go strong,
.persona-invite-go small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.persona-invite-go strong {
  color: #ffffff;
  font-size: 14px;
  font-weight: 1000;
}

.persona-invite-go small {
  color: var(--tc-sub);
  font-size: 11px;
  line-height: 1.45;
  font-weight: 750;
}

.sheet-scrim {
  position: fixed;
  z-index: 7400;
  inset: 0;
  background: var(--tc-glass);
  backdrop-filter: blur(8px);
  animation: fadeAppear 0.2s ease-out;
}

@keyframes fadeAppear {
  from { opacity: 0; }
  to { opacity: 1; }
}

.booking-sheet {
  position: fixed;
  z-index: 7410;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(440px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  margin: 0;
  padding: 26px;
  display: grid;
  gap: 15px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6);
  animation: zoomUp 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes zoomUp {
  from {
    opacity: 0;
    transform: translate(-50%, -45%) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

.sheet-glyph {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  justify-self: center;
  border-radius: 16px;
  background: rgba(49, 130, 246, 0.12);
  border: 1px solid rgba(96, 165, 250, 0.22);
  font-size: 27px;
  color: var(--active);
  text-shadow: 0 0 12px rgba(49, 130, 246, 0.48);
}

.booking-sheet h2 {
  margin: 0;
  text-align: center;
  font-size: 24px;
  font-weight: 900;
}

.sheet-rail {
  display: grid;
  justify-items: center;
  gap: 4px;
  padding: 12px 14px;
  text-align: center;
  background: var(--tc-fill-soft);
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.18);
}

.sheet-rail strong {
  color: #ffffff;
  font-size: 18.5px;
  font-weight: 900;
  line-height: 1.2;
}

.sheet-rail span {
  color: var(--active);
  font-size: 12.5px;
  font-weight: 900;
  line-height: 1.25;
}

.sheet-support-jot,
.sheet-levy-timingx-jot,
.sheet-levy-jot {
  display: grid;
  gap: 5px;
  padding: 12px 14px;
  border-radius: 9px;
  color: var(--tc-sub);
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(148, 163, 184, 0.16);
  font-size: 12.5px;
  line-height: 1.45;
}

.sheet-levy-jot {
  border-color: rgba(96, 165, 250, 0.22);
  background: rgba(49, 130, 246, 0.08);
}

.sheet-levy-timingx-jot {
  color: var(--tc-blue-deep);
  background: rgba(49, 130, 246, 0.1);
  border-color: rgba(49, 130, 246, 0.3);
  line-height: 1.5;
}

.sheet-levy-timingx-jot strong {
  color: var(--tc-blue);
  font-size: 13px;
  font-weight: 900;
}

.sheet-levy-timingx-jot b {
  color: var(--tc-blue);
  font-weight: 800;
}

.sheet-support-jot strong,
.sheet-levy-jot strong {
  color: #ffffff;
  font-size: 13px;
  font-weight: 900;
}

.sheet-levy-jot .spot-separate-jot {
  color: var(--tc-blue);
  font-weight: 800;
}

.credit-advisory {
  display: grid;
  gap: 5px;
  padding: 12px 14px;
  border-radius: 9px;
  background: rgba(239, 68, 68, 0.09);
  border: 1px solid rgba(248, 113, 113, 0.22);
  color: var(--tc-red);
  font-size: 12.5px;
  line-height: 1.45;
}

.credit-advisory strong {
  color: var(--tc-red);
  font-size: 13px;
  font-weight: 900;
}

.sheet-riders {
  border-top: 1px solid var(--line);
  padding-top: 13px;
}

.sheet-tallies {
  display: grid;
  gap: 6px;
}

.sheet-tallies .rider-lane {
  min-height: 42px;
  font-size: 14px;
}

.sheet-tallies .meter {
  width: 124px;
  height: 36px;
  border-radius: 9px;
}

.sheet-tallies .meter button {
  width: 36px;
  height: 34px;
}

.booking-bell-verify {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(96, 165, 250, 0.24);
  border-radius: 8px;
  background: rgba(49, 130, 246, 0.10);
}

.booking-bell-verify strong {
  color: var(--ink);
  font-size: 13px;
  font-weight: 900;
}

.booking-bell-verify span {
  grid-column: 1;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.booking-bell-verify button {
  grid-column: 2;
  grid-row: 1 / span 2;
  min-height: 36px;
  padding: 0 12px;
  color: #ffffff;
  background: rgba(49, 130, 246, 0.95);
  border-radius: 7px;
  font-size: 12px;
  font-weight: 900;
}

.sheet-ping-howto {
  display: grid;
  gap: 7px;
  margin-top: -8px;
  padding: 12px 14px;
  color: var(--tc-sub);
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 700;
}

.sheet-send {
  min-height: 48px;
  color: #ffffff;
  background: var(--active);
  box-shadow: 0 4px 14px rgba(49, 130, 246, 0.3);
  font-size: 15px;
  font-weight: 900;
}

.sheet-abort {
  min-height: 44px;
  color: var(--muted);
  background: transparent;
  border: 1px solid var(--line);
  font-size: 14px;
}

.sheet-abort:hover {
  background: rgba(255, 255, 255, 0.05);
  color: var(--ink);
}

.severe-bell {
  position: fixed;
  z-index: 9500;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(3, 7, 18, 0.82);
  backdrop-filter: blur(12px);
}

.severe-bell[hidden] {
  display: none;
}

.severe-bell-tile {
  width: min(460px, 100%);
  max-height: calc(100dvh - 48px);
  overflow-y: auto;
  padding: 30px;
  color: var(--tc-ink);
  background: var(--tc-surface);
  border: 1px solid var(--tc-line);
  border-radius: 18px;
  box-shadow: 0 30px 80px rgba(15, 23, 42, 0.38);
  animation: severeBellAppear 0.22s ease-out;
}

.severe-bell-glyph {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  margin-bottom: 16px;
  color: #ffffff;
  background: linear-gradient(135deg, var(--tc-blue), var(--tc-blue));
  border-radius: 14px;
  font-size: 24px;
  font-weight: 1000;
  box-shadow: 0 14px 34px rgba(49, 130, 246, 0.28);
}

.severe-bell-tile .preline {
  margin-bottom: 8px;
  color: var(--tc-blue);
}

.severe-bell-tile h2 {
  margin: 0 0 10px;
  color: var(--tc-ink);
  font-size: 27px;
  line-height: 1.22;
  font-weight: 950;
}

.severe-bell-tile p {
  margin: 0;
  color: var(--tc-sub);
  font-size: 15px;
  line-height: 1.65;
  font-weight: 750;
}

.severe-bell-tile strong {
  display: block;
  margin-top: 16px;
  padding: 12px 14px;
  color: var(--tc-blue-deep);
  background: var(--tc-blue-tint);
  border: 1px solid var(--tc-line);
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.5;
}

.severe-bell-tile [data-severe-bell-cutoff] {
  margin-top: 12px;
  white-space: pre-line;
}

.booking-client-howto {
  margin-top: 12px;
  padding: 14px;
  background: var(--tc-blue-tint);
  border: 1px solid var(--tc-line);
  border-radius: 12px;
}

.booking-client-howto-heading {
  margin: 0 0 6px !important;
  color: var(--tc-blue-deep) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

.booking-client-howto p:last-child {
  margin: 0;
  color: var(--tc-ink);
  font-size: 13px;
  line-height: 1.55;
  font-weight: 850;
}

.severe-bell-deeds button[hidden] {
  display: none;
}

.severe-bell-deeds {
  display: grid;
  grid-template-columns: 1.4fr 0.8fr;
  gap: 10px;
  margin-top: 22px;
}

.severe-bell-deeds button {
  min-height: 48px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 900;
}

.severe-bell-deeds [data-severe-bell-launch] {
  color: #ffffff;
  background: var(--tc-blue);
  box-shadow: 0 14px 28px rgba(49, 130, 246, 0.24);
}

.severe-bell-deeds [data-severe-bell-dismiss] {
  color: var(--tc-sub);
  background: var(--tc-fill-soft);
  border: 1px solid var(--tc-line);
}

.severe-bell-deeds button:disabled {
  color: var(--tc-muted);
  background: var(--tc-fill-soft);
  border: 0;
  box-shadow: none;
  cursor: not-allowed;
}

body.booking-invite-launch {
  overflow: hidden;
}

.booking-invite-drawer {
  position: fixed;
  z-index: 9000;
  inset: 0;
  display: grid;
  place-items: end center;
  padding: 24px;
  background: rgba(3, 7, 18, 0.68);
  backdrop-filter: blur(10px);
}

.booking-invite-drawer[hidden] {
  display: none;
}

.booking-invite-drawer-tile {
  position: relative;
  width: min(520px, 100%);
  max-height: calc(100dvh - 48px);
  overflow-y: auto;
  padding: 28px;
  color: var(--tc-ink);
  background:
    radial-gradient(circle at 8% 4%, var(--tc-blue-tint), transparent 36%),
    var(--tc-surface);
  border: 1px solid var(--tc-line);
  border-radius: 24px;
  box-shadow: 0 30px 90px rgba(15, 23, 42, 0.38);
  animation: bookingInviteDrawerAppear 0.24s ease-out;
}

.booking-invite-drawer-dismiss {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  padding: 0;
  color: var(--tc-muted);
  background: var(--tc-fill);
  border-radius: 999px;
  font-size: 22px;
  line-height: 1;
}

.booking-invite-drawer-glyph {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  margin-bottom: 16px;
  color: var(--tc-ink);
  background: linear-gradient(135deg, var(--tc-green-tint), #22c55e);
  border-radius: 16px;
  font-size: 23px;
  font-weight: 1000;
  box-shadow: 0 14px 30px rgba(34, 197, 94, 0.24);
}

.booking-invite-drawer-tile .preline {
  margin: 0 0 8px;
  color: var(--tc-blue);
}

.booking-invite-drawer-tile h2 {
  margin: 0 48px 10px 0;
  color: var(--tc-ink);
  font-size: clamp(24px, 5vw, 30px);
  line-height: 1.24;
  font-weight: 950;
}

.booking-invite-drawer-tile > p:not(.preline) {
  margin: 0;
  color: var(--tc-sub);
  font-size: 14px;
  line-height: 1.65;
  font-weight: 750;
}

.booking-invite-drawer-tile > .booking-invite-drawer-criterion {
  margin-top: 8px;
  color: var(--tc-blue);
  font-size: 12.5px;
  font-weight: 850;
}

.booking-invite-drawer-tile > strong {
  width: fit-content;
  display: block;
  margin-top: 16px;
  padding: 9px 12px;
  color: var(--tc-green);
  background: var(--tc-green-tint);
  border: 1px solid var(--tc-line);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 950;
}

.booking-invite-drawer-deeds {
  display: grid;
  gap: 10px;
  margin-top: 22px;
}

.booking-invite-drawer-deeds .send-btn,
.booking-invite-drawer-deeds .phantom-btn {
  width: 100%;
  min-height: 50px;
  margin: 0;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 950;
}

.booking-invite-drawer-deeds .phantom-btn {
  color: var(--tc-sub);
  background: var(--tc-fill-soft);
  border: 1px solid var(--tc-line);
}

@keyframes bookingInviteDrawerAppear {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.bell-firstrun-scrim {
  position: fixed;
  z-index: 155;
  inset: 0;
  background: rgba(3, 7, 18, 0.78);
  backdrop-filter: blur(14px);
}

.bell-firstrun-scrim[hidden] {
  display: none;
}

.bell-firstrun-popup {
  position: fixed;
  z-index: 160;
  inset: 0;
  width: min(520px, calc(100vw - 32px));
  max-height: calc(100vh - 36px);
  max-height: calc(100dvh - 36px);
  margin: auto;
  padding: 0;
  color: var(--tc-ink);
  background: transparent;
  border: 0;
  overflow: visible;
}

.bell-firstrun-popup[hidden] {
  display: none;
}

.bell-firstrun-popup::backdrop {
  background: transparent;
}

.bell-firstrun-tile {
  position: relative;
  display: grid;
  gap: 16px;
  max-height: calc(100vh - 36px);
  max-height: calc(100dvh - 36px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 30px;
  background: var(--tc-surface);
  border: 1px solid var(--tc-line);
  border-radius: 20px;
  box-shadow: 0 32px 90px rgba(15, 23, 42, 0.42);
}

body.bell-firstrun-launch {
  overflow: hidden;
}

.bell-firstrun-dismiss {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  color: var(--tc-muted);
  background: var(--tc-fill-soft);
  border: 1px solid var(--tc-line);
  border-radius: 999px;
  font-size: 22px;
  line-height: 1;
}

.bell-firstrun-tile .preline {
  margin: 0;
  color: var(--tc-blue);
}

.bell-firstrun-tile h2 {
  margin: 0;
  padding-right: 30px;
  color: var(--tc-ink);
  font-size: 28px;
  line-height: 1.22;
  font-weight: 950;
  letter-spacing: 0;
  word-break: keep-all;
}

.bell-firstrun-clip {
  margin: 0;
  color: var(--tc-sub);
  font-size: 15px;
  line-height: 1.65;
  font-weight: 750;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.bell-firstrun-rungs-heading {
  margin: 0 0 -6px;
  color: var(--tc-ink);
  font-size: 15px;
  line-height: 1.45;
  font-weight: 950;
  word-break: keep-all;
}

.bell-firstrun-tile h2:focus {
  outline: none;
}

.bell-firstrun-rungs {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 16px 18px 16px 38px;
  color: var(--tc-ink2);
  background: var(--tc-fill-soft);
  border: 1px solid var(--tc-line);
  border-radius: 14px;
  font-size: 14px;
  line-height: 1.55;
  font-weight: 850;
  word-break: keep-all;
}

.bell-firstrun-rungs.now-visual {
  padding: 12px 14px;
  list-style: none;
  gap: 10px;
}

.bell-firstrun-rung {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 12px;
  align-items: center;
}

.bell-firstrun-rung-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--tc-blue-tint);
  color: #3730a3;
  font-size: 20px;
}

.bell-firstrun-rung-inner {
  display: grid;
  gap: 2px;
}

.bell-firstrun-rung-inner strong {
  font-size: 15px;
  font-weight: 900;
  color: var(--tc-ink);
}

.bell-firstrun-rung-inner span {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--tc-sub);
}

.bell-firstrun-advisory {
  margin: 0;
  padding: 14px 16px;
  color: var(--tc-red);
  background: var(--tc-fill-soft);
  border: 1px solid #fdba74;
  border-radius: 14px;
  font-size: 13px;
  line-height: 1.65;
  font-weight: 900;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.bell-firstrun-deeds {
  display: grid;
  grid-template-columns: 1.35fr 0.8fr;
  gap: 10px;
  position: sticky;
  bottom: -30px;
  z-index: 2;
  margin: 0 -30px -30px;
  padding: 12px 30px 30px;
  background: linear-gradient(180deg, var(--tc-surface), var(--tc-surface) 28%);
  border-radius: 0 0 20px 20px;
}

.bell-firstrun-deeds.now-later-only {
  grid-template-columns: 1fr;
}

.bell-firstrun-deeds .send-btn,
.bell-firstrun-deeds .phantom-btn {
  min-height: 48px;
  padding: 0 14px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 950;
}

.bell-firstrun-deeds .phantom-btn {
  color: var(--tc-ink2);
  background: var(--tc-fill-soft);
  border: 1px solid var(--tc-line);
}

.bell-firstrun-deeds .phantom-btn:hover {
  background: var(--tc-blue-tint);
}

@media (max-width: 520px) {
  .booking-sheet {
    width: min(360px, calc(100vw - 20px));
    max-height: calc(100dvh - 20px);
    padding: 18px;
    gap: 10px;
  }

  .sheet-glyph {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    font-size: 24px;
  }

  .booking-sheet h2 {
    font-size: 21px;
  }

  .sheet-rail,
  .sheet-support-jot,
  .sheet-levy-jot,
  .credit-advisory {
    padding: 10px 12px;
  }

  .sheet-rail strong {
    font-size: 17px;
  }

  .severe-bell {
    padding: 14px;
  }

  .severe-bell-tile {
    padding: 22px;
    border-radius: 14px;
  }

  .severe-bell-deeds {
    grid-template-columns: 1fr;
  }

  .bell-firstrun-popup {
    width: min(100% - 24px, 520px);
    max-height: calc(100vh - 20px);
    max-height: calc(100dvh - 20px);
    margin-block: 10px;
  }

  .bell-firstrun-tile {
    max-height: calc(100vh - 20px);
    max-height: calc(100dvh - 20px);
    padding: 18px 16px 12px;
    border-radius: 16px;
    gap: 10px;
  }

  .bell-firstrun-tile h2 {
    font-size: clamp(20px, 6.5vw, 24px);
    line-height: 1.2;
  }

  .bell-firstrun-clip {
    font-size: 14px;
    line-height: 1.5;
  }

  .bell-firstrun-rungs-heading {
    margin-bottom: -4px;
    font-size: 14px;
  }

  .bell-firstrun-rungs {
    gap: 6px;
    padding: 12px 12px 12px 32px;
    font-size: 14px;
    line-height: 1.45;
  }

  .bell-firstrun-advisory {
    padding: 12px 14px;
    font-size: 14px;
    line-height: 1.5;
  }

  .bell-firstrun-deeds {
    grid-template-columns: 1fr;
    bottom: -14px;
    margin: 0 -16px -12px;
    padding: 10px 16px calc(12px + env(safe-area-inset-bottom));
    border-radius: 0 0 16px 16px;
  }

  .bell-firstrun-deeds .send-btn,
  .bell-firstrun-deeds .phantom-btn {
    min-height: 44px;
  }
}

@keyframes severeBellAppear {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.invite-incoming-ribbon {
  min-width: 0;
  display: grid;
  align-items: center;
  gap: 14px;
  color: var(--tc-ink);
  background: linear-gradient(135deg, var(--tc-blue-tint), var(--tc-blue-tint));
  border: 1px solid var(--tc-line);
  border-radius: 16px;
  box-shadow: 0 18px 44px rgba(30, 64, 175, 0.14);
}

.invite-incoming-ribbon[hidden] {
  display: none;
}

.invite-incoming-ribbon-intro {
  position: relative;
  z-index: 4;
  width: min(1160px, calc(100% - 40px));
  grid-template-columns: 46px minmax(0, 1fr) auto;
  margin: 18px auto 0;
  padding: 14px 16px;
}

.invite-incoming-glyph {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  color: #ffffff;
  background: linear-gradient(135deg, var(--tc-blue), var(--tc-blue));
  border-radius: 14px;
  font-size: 18px;
  box-shadow: 0 10px 22px rgba(49, 130, 246, 0.24);
}

.invite-incoming-clip {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.invite-incoming-clip > span {
  color: var(--tc-blue);
  font-size: 11px;
  font-weight: 950;
}

.invite-incoming-clip strong {
  min-width: 0;
  color: var(--tc-ink);
  font-size: 16px;
  line-height: 1.4;
  font-weight: 1000;
  overflow-wrap: anywhere;
}

.invite-incoming-clip b {
  color: var(--tc-blue);
  font-weight: 1000;
}

.invite-incoming-clip small {
  min-width: 0;
  color: var(--tc-muted);
  font-size: 12px;
  line-height: 1.45;
  font-weight: 750;
  overflow-wrap: anywhere;
}

.invite-incoming-ribbon-intro > button {
  min-height: 44px;
  padding: 0 16px;
  color: #ffffff;
  background: linear-gradient(135deg, var(--tc-blue), var(--tc-blue));
  border-radius: 11px;
  font-size: 13px;
  font-weight: 950;
  white-space: nowrap;
}

.invite-incoming-ribbon-access {
  grid-template-columns: 42px minmax(0, 1fr);
  margin-top: 16px;
  padding: 12px;
  border-radius: 13px;
  box-shadow: none;
}

.invite-incoming-ribbon-access .invite-incoming-glyph {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  font-size: 16px;
}

.access-scrim {
  position: fixed;
  z-index: 80;
  inset: 0;
  background: rgba(15, 23, 42, 0.48);
  backdrop-filter: blur(10px);
}

.access-sheet {
  position: fixed;
  z-index: 90;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(440px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  margin: 0;
  padding: 34px;
  overflow-y: auto;
  color: var(--tc-ink);
  background: var(--tc-surface);
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 16px;
  box-shadow: 0 30px 80px rgba(15, 23, 42, 0.28);
}

.access-sheet::backdrop {
  background: transparent;
}

.access-sheet:not([open]) {
  display: none;
}

.access-dismiss {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: var(--tc-muted);
  background: var(--tc-fill-soft);
  font-size: 22px;
  line-height: 1;
}

.access-dismiss:hover {
  color: var(--tc-ink);
  background: var(--tc-blue-tint);
}

.access-flag {
  width: 52px;
  height: 52px;
  margin-bottom: 18px;
  border-radius: 14px;
  background:
    linear-gradient(135deg, var(--tc-blue), var(--tc-blue));
  box-shadow: 0 14px 28px rgba(49, 130, 246, 0.22);
}

.access-preline {
  margin: 0 0 8px;
  color: var(--tc-blue);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
}

.access-sheet h2 {
  margin: 0;
  color: var(--tc-ink);
  font-size: 24px;
  line-height: 1.28;
  font-weight: 900;
}

.access-clip,
.access-endnote {
  margin: 10px 0 0;
  color: var(--tc-muted);
  font-size: 14px;
  line-height: 1.65;
}

.access-intake {
  display: grid;
  gap: 14px;
  margin-top: 22px;
}

.access-intake label {
  display: grid;
  gap: 8px;
  color: var(--tc-sub);
  font-size: 13px;
  font-weight: 800;
}

.access-intake input {
  width: 100%;
  min-height: 46px;
  padding: 0 14px;
  color: var(--tc-ink);
  background: var(--tc-fill-soft);
  border: 1px solid var(--tc-line);
  border-radius: 10px;
  outline: none;
}

.access-intake input:focus {
  border-color: var(--tc-blue);
  background: var(--tc-surface);
  box-shadow: 0 0 0 4px rgba(49, 130, 246, 0.14);
}

.access-pagetabs {
  display: flex;
  gap: 4px;
  margin-top: 18px;
  padding: 4px;
  background: var(--tc-blue-tint);
  border-radius: 13px;
}

.access-pagetab {
  flex: 1;
  border: 0;
  background: transparent;
  color: var(--tc-muted);
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 800;
  padding: 11px 0;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.15s;
}

.access-pagetab.now-active {
  background: var(--tc-surface);
  color: var(--tc-blue);
  box-shadow: 0 2px 8px -2px rgba(25, 31, 40, 0.18);
}

.access-choose {
  color: var(--tc-blue-deep);
  font-weight: 800;
  font-size: 12px;
  margin-left: 4px;
}

.access-send {
  min-height: 52px;
  margin-top: 6px;
  color: #ffffff;
  background: linear-gradient(135deg, var(--tc-blue) 0%, var(--tc-blue) 100%);
  border-radius: 12px;
  font-size: 15.5px;
  font-weight: 900;
  box-shadow: none;
  transition: 0.18s;
}

.access-send:hover {
  background: linear-gradient(135deg, #1b64da 0%, var(--tc-blue) 100%);
  box-shadow: none;
}

.access-send:disabled {
  cursor: wait;
  opacity: 0.75;
}

.snack {
  position: fixed;
  z-index: 9200;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  opacity: 0;
  pointer-events: none;
  width: min(520px, calc(100vw - 32px));
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  border-radius: 12px;
  background: rgba(17, 24, 39, 0.95);
  border: 1px solid rgba(255,255,255,0.15);
  box-shadow: var(--shadow);
  color: #ffffff;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.45;
  text-align: center;
  white-space: normal;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.snack.now-visible {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
}

.snack.now-success {
  border-color: rgba(16, 185, 129, 0.34);
  background: rgba(6, 78, 59, 0.96);
  box-shadow: 0 18px 36px rgba(16, 185, 129, 0.22);
}

.snack.now-warning {
  border-color: rgba(49, 130, 246, 0.34);
  background: rgba(49, 130, 246, 0.96);
}

.computer-mount-poke[hidden] {
  display: none !important;
}

.computer-mount-poke {
  position: fixed;
  z-index: 9100;
  right: 24px;
  bottom: 24px;
  width: min(420px, calc(100vw - 32px));
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 14px 16px;
  padding: 18px;
  color: var(--tc-ink);
  border: 1px solid rgba(96, 165, 250, 0.38);
  border-radius: 20px;
  background: var(--tc-surface);
  box-shadow: 0 24px 60px rgba(3, 7, 18, 0.42);
  animation: computer-mount-poke-appear 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}

.computer-mount-poke-glyph {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  color: var(--tc-ink);
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(49, 130, 246, 0.9), rgba(49, 130, 246, 0.82));
  font-size: 20px;
}

.computer-mount-poke-clip {
  min-width: 0;
}

.computer-mount-poke-clip strong {
  display: block;
  color: #ffffff;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.35;
}

.computer-mount-poke-clip p {
  margin: 5px 0 0;
  color: #b8c5d9;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.55;
}

.computer-mount-poke-deeds {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}

.computer-mount-poke-deeds .send-btn,
.computer-mount-poke-deeds .phantom-btn {
  min-height: 44px;
  justify-content: center;
  padding: 0 16px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 850;
}

.computer-mount-poke-deeds .phantom-btn {
  min-width: 88px;
  color: var(--tc-sub);
  border: 1px solid rgba(148, 163, 184, 0.25);
  background: var(--tc-fill-soft);
}

@keyframes computer-mount-poke-appear {
  from {
    opacity: 0;
    transform: translateY(14px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 520px) {
  .computer-mount-poke {
    right: 16px;
    bottom: 16px;
    width: calc(100vw - 32px);
    padding: 16px;
  }

  .computer-mount-poke-deeds {
    grid-template-columns: 1fr;
  }

  .computer-mount-poke-deeds .phantom-btn {
    min-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .computer-mount-poke {
    animation: none;
  }
}


#admin.ops-zone {
  width: min(1380px, calc(100% - 48px));
  padding-top: 42px;
}

#admin .zone-top {
  align-items: end;
}

#admin .zone-top h2 {
  color: var(--tc-ink);
  letter-spacing: -0.04em;
}

#admin .zone-top > p,
#admin .zone-top.divide > p {
  color: var(--tc-muted);
}

#admin .ops-access-pane {
  padding: 18px 20px;
  border-color: rgba(49, 130, 246, 0.25);
  background:
    linear-gradient(135deg, rgba(49, 130, 246, 0.1), var(--tc-fill-soft)),
    var(--tc-fill-soft);
}

.ops-staff-frame {
  display: grid;
  gap: 22px;
}

.ops-instruction-rod {
  position: sticky;
  z-index: 12;
  top: 14px;
  display: grid;
  grid-template-columns: minmax(210px, auto) minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 14px 16px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 16px;
  background: var(--tc-surface);
  box-shadow: 0 18px 50px rgba(2, 6, 23, 0.38);
  backdrop-filter: blur(18px);
}

.ops-realtime-store {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
}

.ops-realtime-store > div {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.ops-realtime-store strong {
  color: var(--tc-ink);
  font-size: 14px;
  font-weight: 900;
}

.ops-realtime-store small {
  overflow: hidden;
  color: var(--tc-muted);
  font-size: 11px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ops-realtime-bead,
.ops-system-bead {
  width: 10px;
  height: 10px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #64748b;
  box-shadow: 0 0 0 5px rgba(100, 116, 139, 0.14);
}

.ops-realtime-store.now-active .ops-realtime-bead,
.ops-system-tile.now-active .ops-system-bead {
  background: #34d399;
  box-shadow: 0 0 0 5px rgba(52, 211, 153, 0.13), 0 0 18px rgba(52, 211, 153, 0.35);
}

.ops-realtime-store.now-attention .ops-realtime-bead,
.ops-system-tile.now-attention .ops-system-bead {
  background: #fb7185;
  box-shadow: 0 0 0 5px rgba(251, 113, 133, 0.13), 0 0 18px rgba(251, 113, 133, 0.3);
}

.ops-system-tile.now-inactive .ops-system-bead {
  background: #64748b;
}

.ops-swift-menu {
  display: flex;
  justify-content: center;
  gap: 6px;
  min-width: 0;
}

.ops-swift-menu button {
  min-height: 36px;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-radius: 9px;
  color: var(--tc-sub);
  background: transparent;
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
}

.ops-swift-menu button:hover {
  color: var(--tc-ink);
  border-color: rgba(49, 130, 246, 0.3);
  background: rgba(49, 130, 246, 0.1);
}

.ops-renew-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 9px 14px;
  border: 1px solid rgba(49, 130, 246, 0.36);
  border-radius: 10px;
  color: var(--tc-ink);
  background: var(--tc-blue);
  font-size: 12px;
  font-weight: 900;
}

.ops-renew-btn:disabled {
  opacity: 0.66;
}

.ops-renew-btn[aria-busy="true"] i {
  animation: ops-spin 800ms linear infinite;
}

@keyframes ops-spin {
  to { transform: rotate(360deg); }
}

.ops-heed-deck,
.ops-overview-zone {
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 18px;
  background:
    linear-gradient(180deg, var(--tc-fill-soft), var(--tc-surface)),
    #0f172a;
  box-shadow: 0 18px 46px rgba(2, 6, 23, 0.22);
}

.ops-heed-deck {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 14px;
  padding: 16px;
  border-color: rgba(251, 113, 133, 0.26);
  background:
    linear-gradient(135deg, var(--tc-red-tint), var(--tc-surface)),
    #0f172a;
}

.ops-heed-deck.now-clear {
  display: block;
  border-color: rgba(52, 211, 153, 0.22);
  background:
    linear-gradient(135deg, var(--tc-green-tint), var(--tc-surface)),
    #0f172a;
}

.ops-heed-heading {
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 10px;
}

.ops-heed-heading span {
  color: var(--tc-red);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.ops-heed-heading strong {
  color: var(--tc-ink);
  font-size: 28px;
  font-weight: 950;
}

.ops-heed-entries {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.ops-heed-entries button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3px 10px;
  padding: 13px 14px;
  text-align: left;
  border: 1px solid rgba(251, 113, 133, 0.16);
  border-radius: 12px;
  color: var(--tc-ink);
  background: var(--tc-fill-soft);
}

.ops-heed-entries button:hover {
  border-color: rgba(251, 113, 133, 0.38);
  transform: translateY(-1px);
}

.ops-heed-entries button strong,
.ops-heed-entries button span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ops-heed-entries button strong {
  font-size: 13px;
  font-weight: 900;
}

.ops-heed-entries button strong b {
  color: var(--tc-red);
}

.ops-heed-entries button span {
  color: var(--tc-muted);
  font-size: 11px;
  font-weight: 700;
}

.ops-heed-entries button i {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  color: var(--tc-red);
}

.ops-heed-wipe {
  display: flex;
  align-items: center;
  gap: 13px;
}

.ops-heed-wipe > i {
  color: var(--tc-green);
  font-size: 24px;
}

.ops-heed-wipe > div {
  display: grid;
  gap: 3px;
}

.ops-heed-wipe strong {
  color: var(--tc-ink);
  font-size: 14px;
  font-weight: 900;
}

.ops-heed-wipe span {
  color: var(--tc-muted);
  font-size: 12px;
}

.ops-stat-mesh {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.ops-stat-tile {
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 15px;
  background: var(--tc-fill-soft);
}

.ops-stat-tile.now-attention {
  border-color: rgba(251, 113, 133, 0.3);
  background: linear-gradient(145deg, var(--tc-red-tint), var(--tc-surface));
}

.ops-stat-tile > span {
  color: var(--tc-muted);
  font-size: 12px;
  font-weight: 850;
}

.ops-stat-tile strong {
  display: block;
  margin-top: 8px;
  color: var(--tc-ink);
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 950;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.04em;
}

.ops-stat-tile strong small {
  margin-left: 3px;
  color: var(--tc-sub);
  font-size: 13px;
}

.ops-stat-tile p {
  margin: 5px 0 0;
  color: var(--tc-muted);
  font-size: 11px;
  font-weight: 700;
}

.ops-overview-zone {
  display: grid;
  gap: 18px;
  min-width: 0;
  padding: 22px;
  scroll-margin-top: 92px;
}

.ops-overview-subject {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.ops-overview-subject > div {
  display: grid;
  gap: 5px;
}

.ops-overview-subject h3 {
  margin: 0;
  color: var(--tc-ink);
  font-size: 20px;
  font-weight: 950;
  letter-spacing: -0.025em;
}

.ops-overview-subject > div > span {
  color: var(--tc-muted);
  font-size: 12px;
  line-height: 1.55;
}

.ops-overview-subject > strong {
  flex: 0 0 auto;
  color: var(--tc-blue);
  font-size: 13px;
  font-weight: 900;
}

.ops-overview-subject.tight h3 {
  font-size: 17px;
}

.ops-zone-overline {
  margin: 0;
  color: var(--tc-blue);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.ops-tight-entry > button {
  flex: 0 0 auto;
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid rgba(251, 113, 133, 0.3);
  border-radius: 8px;
  color: var(--tc-red);
  background: var(--tc-red-tint);
  font-size: 11px;
  font-weight: 850;
}

.ops-phase-pill {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 24px;
  padding: 4px 8px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 999px;
  color: var(--tc-sub);
  background: rgba(100, 116, 139, 0.1);
  font-size: 10px;
  font-weight: 900;
  white-space: nowrap;
}

.ops-phase-pill.now-success {
  color: var(--tc-green);
  border-color: rgba(52, 211, 153, 0.26);
  background: var(--tc-green-tint);
}

.ops-phase-pill.now-warning {
  color: var(--tc-blue);
  border-color: rgba(49, 130, 246, 0.28);
  background: rgba(49, 130, 246, 0.28);
}

.ops-phase-pill.now-danger {
  color: var(--tc-red);
  border-color: rgba(251, 113, 133, 0.3);
  background: var(--tc-red-tint);
}

.ops-system-mesh {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.ops-system-tile {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 10px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 12px;
  background: var(--tc-fill-soft);
}

.ops-system-tile.now-attention {
  border-color: rgba(251, 113, 133, 0.28);
}

.ops-system-tile > div {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.ops-system-tile > div strong {
  overflow: hidden;
  color: var(--tc-ink);
  font-size: 12px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ops-system-tile p,
.ops-system-tile small {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--tc-muted);
  font-size: 10.5px;
  line-height: 1.45;
}

.ops-system-tile small {
  color: var(--tc-muted);
}

.ops-overview-divide {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 22px;
}

.ops-utilization-digest,
.ops-notice-digest {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.ops-utilization-digest > div,
.ops-notice-digest > div {
  display: grid;
  gap: 4px;
  padding: 13px;
  border: 1px solid rgba(148, 163, 184, 0.13);
  border-radius: 11px;
  background: var(--tc-fill-soft);
}

.ops-utilization-digest span,
.ops-notice-digest span {
  color: var(--tc-muted);
  font-size: 10px;
  font-weight: 800;
}

.ops-utilization-digest strong,
.ops-notice-digest strong {
  color: var(--tc-ink);
  font-size: 20px;
  font-weight: 950;
}

.ops-utilization-digest small {
  color: var(--tc-muted);
  font-size: 9px;
  line-height: 1.4;
}

.ops-notice-digest > div.now-attention {
  border-color: rgba(251, 113, 133, 0.28);
}

.ops-tight-feed {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.ops-tight-entry {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 10px;
  background: var(--tc-fill-soft);
}

.ops-tight-entry.now-attention {
  border-color: rgba(251, 113, 133, 0.23);
}

.ops-tight-entry > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.ops-tight-entry strong,
.ops-tight-entry span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ops-tight-entry strong {
  color: var(--tc-sub);
  font-size: 11.5px;
  font-weight: 850;
}

.ops-tight-entry span {
  color: var(--tc-muted);
  font-size: 9.5px;
  font-weight: 700;
}

.ops-keeper-bell-tile {
  border: 1px solid rgba(49, 130, 246, 0.2);
  border-radius: 12px;
  background: rgba(49, 130, 246, 0.06);
}

.ops-notice-cols {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.ops-notice-cols > div {
  min-width: 0;
}

.ops-notice-cols h4 {
  margin: 0 0 10px;
  color: var(--tc-sub);
  font-size: 12px;
  font-weight: 900;
}

.ops-blank-store,
#admin .ops-tight-feed > p {
  margin: 0;
  padding: 18px;
  border: 1px dashed rgba(148, 163, 184, 0.18);
  border-radius: 10px;
  color: var(--tc-muted);
  background: var(--tc-fill-soft);
  font-size: 11px;
  font-weight: 700;
  text-align: center;
}

@media (max-width: 1100px) {
  .ops-instruction-rod {
    grid-template-columns: minmax(210px, 1fr) auto;
  }

  .ops-swift-menu {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: flex-start;
    overflow-x: auto;
  }

  .ops-system-mesh {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  #admin.ops-zone {
    width: min(100% - 28px, 1380px);
    padding-top: 30px;
  }

  #admin .zone-top {
    align-items: flex-start;
  }

  .ops-stat-mesh,
  .ops-system-mesh {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ops-overview-divide,
  .ops-notice-cols {
    grid-template-columns: 1fr;
  }

  .ops-heed-deck {
    grid-template-columns: 1fr;
  }

  .ops-heed-heading {
    grid-template-columns: auto auto;
    align-items: baseline;
    justify-content: start;
  }
}

@media (max-width: 640px) {
  #admin.ops-zone {
    width: min(100% - 20px, 1380px);
    padding-top: 22px;
  }

  #console-page .web-menu [data-ops-menu]:not([hidden]) {
    display: flex !important;
  }

  #console-page .web-menu:has([data-ops-menu]:not([hidden])) {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  #admin .zone-top {
    align-items: flex-start;
  }

  #admin .zone-top h2 {
    font-size: 27px;
  }

  #admin .ops-access-pane {
    padding: 14px;
  }

  .ops-staff-frame {
    gap: 14px;
  }

  .ops-instruction-rod {
    top: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    padding: 11px;
    border-radius: 13px;
  }

  .ops-renew-btn {
    width: 40px;
    padding: 0;
    font-size: 0;
  }

  .ops-renew-btn i {
    font-size: 13px;
  }

  .ops-swift-menu {
    margin-inline: -2px;
    padding-bottom: 2px;
  }

  .ops-heed-deck,
  .ops-overview-zone {
    border-radius: 14px;
  }

  .ops-heed-deck,
  .ops-overview-zone {
    padding: 16px;
  }

  .ops-heed-entries {
    grid-template-columns: 1fr;
  }

  .ops-stat-mesh {
    gap: 8px;
  }

  .ops-stat-tile {
    padding: 13px;
    border-radius: 12px;
  }

  .ops-stat-tile strong {
    font-size: 24px;
  }

  .ops-stat-tile p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .ops-overview-subject {
    gap: 10px;
  }

  .ops-overview-subject h3 {
    font-size: 17px;
  }

  .ops-overview-subject > div > span {
    font-size: 11px;
  }

  .ops-system-mesh,
  .ops-notice-digest {
    grid-template-columns: 1fr;
  }

  .ops-utilization-digest {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ops-tight-entry {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .ops-tight-entry > button {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 44px;
  }

  .ops-keeper-bell-tile,
  .ops-keeper-bell-tile .keeper-pilot-deeds {
    align-items: stretch;
    flex-direction: column;
  }

  .ops-keeper-bell-tile .phantom-btn,
  .ops-keeper-bell-tile .send-btn {
    width: 100%;
  }
}

@media (max-width: 390px) {
  .ops-stat-mesh,
  .ops-utilization-digest {
    grid-template-columns: 1fr;
  }

  .ops-realtime-store small {
    max-width: 185px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ops-renew-btn[aria-busy="true"] i {
    animation: none;
  }

  .ops-heed-entries button {
    transition: none;
  }
}

.web-pagefoot {
  text-align: center;
  padding: 60px 24px;
  border-top: 1px solid var(--line);
  background: var(--tc-fill);
}

.web-pagefoot p {
  margin: 0 0 8px;
  font-size: 13.5px;
}

.web-pagefoot a {
  margin: 0 6px;
  color: var(--muted);
  font-weight: 700;
}

.web-pagefoot a:hover {
  color: var(--ink);
}

.chrono-tile {
  background: #090d16 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.6) !important;
}

.bot-chrono-feed::-webkit-scrollbar {
  width: 4px;
}
.bot-chrono-feed::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.01);
}
.bot-chrono-feed::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 99px;
}

.chrono-entry {
  position: relative;
  display: grid;
  gap: 6px;
  padding: 14px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.04);
  transition: transform 0.2s, background-color 0.2s;
}

.chrono-entry:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.08);
}

.chrono-entry-masthead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.bot-alias {
  font-size: 13.5px;
  font-weight: 800;
}

.bot-alias.st-korail {
  color: var(--tc-blue-deep);
}

.bot-alias.st-srt {
  color: #c084fc;
}

.bot-phase-emblem {
  display: inline-flex;
  align-items: center;
  padding: 2.5px 8px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.bot-phase-emblem.st-running {
  background: rgba(49, 130, 246, 0.15);
  color: var(--tc-blue-deep);
  animation: throb-gleam 2s infinite;
}

.bot-phase-emblem.st-exited {
  background: rgba(16, 185, 129, 0.15);
  color: var(--tc-green);
}

.bot-phase-emblem.st-reserved {
  background: rgba(16, 185, 129, 0.18);
  color: var(--tc-green);
}

.bot-phase-emblem.st-expired,
.bot-phase-emblem.st-completed {
  background: rgba(148, 163, 184, 0.16);
  color: var(--tc-sub);
}

.bot-phase-emblem.st-candidate {
  background: rgba(49, 130, 246, 0.18);
  color: var(--tc-blue);
}

.bot-phase-emblem.st-failed {
  background: rgba(239, 68, 68, 0.15);
  color: var(--tc-red);
}

.chrono-entry-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  font-size: 12px;
  color: var(--muted);
}

.chrono-happenings {
  display: grid;
  gap: 4px;
  font-size: 12px;
  color: var(--tc-sub);
}

.chrono-entry.st-reserved {
  border-color: rgba(16, 185, 129, 0.32);
}

.chrono-entry.st-expired,
.chrono-entry.st-completed {
  opacity: 0.82;
}

.chrono-moment {
  font-size: 10.5px;
  color: var(--tc-muted);
  text-align: right;
  margin-top: 1px;
}

@keyframes throb-gleam {
  0% { opacity: 0.7; }
  50% { opacity: 1; }
  100% { opacity: 0.7; }
}

@media (max-width: 960px) {
  .ticketing-arrangement {
    grid-template-columns: 1fr;
  }

  .web-masthead {
    grid-template-columns: 1fr auto;
    align-items: start;
    gap: 14px;
    padding: 14px 16px 12px;
  }

  .wordmark {
    min-width: 0;
    font-size: 20px;
  }

  .wordmark span:last-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .signin-btn {
    min-height: 42px;
    padding: 0 16px;
    border-radius: 12px;
  }

  .web-menu {
    grid-column: span 2;
    order: 3;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(54px, 1fr));
    gap: 6px;
    padding: 4px 0 0;
    overflow: visible;
    justify-content: stretch;
  }

  .web-menu a {
    min-width: 0;
    min-height: 38px;
    padding: 0 6px;
    border-radius: 10px;
    font-size: 12.5px;
    white-space: nowrap;
  }

  .menu-caption-whole {
    display: none;
  }

  .menu-caption-brisk {
    display: inline;
  }

  .gauge-mesh {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 16px;
  }

  .gauge-mesh article {
    min-height: 96px;
    padding: 16px;
  }

  .gauge-mesh article > span {
    font-size: 12.5px;
    line-height: 1.35;
  }

  .gauge-mesh strong {
    margin-top: 6px;
    font-size: 22px;
  }

  .member-mesh,
  .ops-mesh,
  .own-facts-mesh {
    grid-template-columns: 1fr;
  }

  .credit-mesh {
    width: min(100%, 480px);
    gap: 18px;
  }

  .credit-tile {
    border-radius: 18px;
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.12);
  }

  .invite-focuslight-tile {
    border-left: 1px solid var(--tc-line);
    border-radius: 18px;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.10);
  }

  .awaiting-recharge-ribbon {
    align-items: stretch;
    flex-direction: column;
  }

  .awaiting-recharge-ribbon button {
    width: 100%;
  }

  .invite-focuslight-tile {
    grid-template-columns: 1fr;
  }

  .depot-tile {
    grid-template-columns: 1fr;
  }

  .depot-tile label:last-child {
    text-align: left;
  }

  .exchange-btn {
    justify-self: center;
    transform: rotate(90deg);
  }

  .exchange-btn:hover {
    transform: rotate(270deg);
  }

  .ops-pane.broad {
    grid-column: span 1;
  }

  .ops-chit-intake {
    grid-template-columns: 1fr;
  }

  .ops-chit-deeds {
    flex-wrap: wrap;
  }

  .keeper-bell-digest-mesh {
    grid-template-columns: 1fr;
  }

  .order-archive-chart {
    overflow: visible;
    border: 0;
    background: transparent;
    gap: 10px;
  }

  .order-archive-top {
    display: none;
  }

  .order-archive-lane {
    grid-template-columns: 1fr;
    gap: 9px;
    min-height: 0;
    padding: 16px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: var(--tc-fill-soft);
  }

  .order-archive-lane > span,
  .order-archive-lane > strong {
    grid-template-columns: 92px 1fr;
    align-items: start;
  }

  .order-archive-lane > span::before,
  .order-archive-lane > strong::before {
    content: attr(data-caption);
    color: var(--tc-muted);
    font-size: 11.5px;
    font-weight: 900;
  }

  .order-archive-phase {
    align-items: start;
  }

  .order-archive-phase small {
    grid-column: 2;
  }

  .order-archive-lane > span[data-caption="관리"] {
    justify-items: start;
  }

  .order-archive-lane > span[data-caption="관리"] .order-reattempt-btn,
  .order-archive-lane > span[data-caption="관리"] .order-halt-btn {
    width: min(100%, 120px);
    min-height: 38px;
    justify-self: start;
  }

  .order-invite-go {
    border: 1px solid rgba(96, 165, 250, 0.22);
    border-radius: 8px;
  }

  .booking-lane {
    grid-template-columns: 1fr;
  }

  .order-phase {
    justify-items: start;
    text-align: left;
  }

  .outcome-top,
  .zone-top.divide {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (max-width: 640px) {
  .web-masthead {
    gap: 10px;
    padding: 10px 12px 8px;
  }

  .web-menu {
    display: grid;
    align-items: center;
    justify-content: stretch;
    grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
    gap: 6px;
    min-width: 0;
    width: 100%;
    padding: 0;
    overflow-x: visible;
    overflow-y: hidden;
    scroll-padding-inline: 4px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .web-menu::-webkit-scrollbar {
    display: none;
  }

  .web-menu a {
    min-width: 0;
    width: 100%;
    min-height: 34px;
    padding: 0 4px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 1;
  }

  .web-menu a.now-active {
    box-shadow: 0 0 11px color-mix(in srgb, var(--active) 62%, transparent);
  }

  .win-zone,
  .member-zone,
  .ops-zone,
  .keeper-bell-zone {
    width: min(100% - 28px, 1200px);
    padding: 34px 0 52px;
  }

  .win-zone .zone-top {
    margin-bottom: 18px;
  }

  .gauge-mesh {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
  }

  .gauge-mesh article {
    min-height: 82px;
    padding: 13px;
    border-radius: 10px;
  }

  .gauge-mesh article > span {
    font-size: 11.5px;
    line-height: 1.35;
  }

  .gauge-mesh strong {
    margin-top: 4px;
    font-size: 21px;
    line-height: 1.1;
  }

  .sanctioned-checkout-howto {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 18px;
    padding: 15px;
    border-radius: 14px;
  }

  .sanctioned-checkout-howto-clip strong {
    font-size: 17px;
  }

  .sanctioned-checkout-paths {
    grid-template-columns: 1fr;
  }

  .sanctioned-checkout-path {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 7px;
  }

  .order-invite-go {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 11px 12px;
    padding: 15px;
    border: 1px solid rgba(96, 165, 250, 0.22);
    border-radius: 8px;
  }

  .order-invite-go-glyph {
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }

  .order-invite-go-btn {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 44px;
  }

  .booking-invite-drawer {
    padding: 0;
  }

  .booking-invite-drawer-tile {
    width: 100%;
    max-height: calc(100dvh - 20px);
    padding: 24px 18px max(22px, env(safe-area-inset-bottom));
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 24px 24px 0 0;
  }

  .booking-invite-drawer-dismiss {
    top: 14px;
    right: 14px;
  }

  .booking-invite-drawer-tile h2 {
    font-size: 25px;
  }

  .sanctioned-checkout-path {
    padding: 12px;
  }

  .zone-top h2,
  .outcome-top h2 {
    font-size: clamp(24px, 8vw, 32px);
    line-height: 1.2;
  }

  .zone-top.divide > p,
  .client-heading p {
    font-size: 13.5px;
    line-height: 1.65;
  }

  .invite-focuslight-tile {
    padding: 18px;
    border-radius: 16px;
  }

  .invite-serial-crate > div {
    grid-template-columns: 1fr;
  }

  .invite-serial-crate .phantom-btn,
  .invite-serial-crate .send-btn {
    min-height: 46px;
  }

  .spreadable-headway-top {
    align-items: flex-start;
    flex-direction: column;
  }

  .spreadable-deeds {
    grid-template-columns: 1fr;
  }

  .ping-deeds {
    grid-template-columns: 1fr;
  }

  .gadget-ping-mesh {
    grid-template-columns: 1fr;
  }

  .keeper-pilot {
    align-items: stretch;
    flex-direction: column;
  }

  .keeper-pilot-deeds {
    justify-content: stretch;
  }

  .keeper-pilot-deeds .phantom-btn {
    flex: 1;
  }

  .booking-bell-verify,
  .severe-bell-deeds {
    grid-template-columns: 1fr;
  }

  .booking-bell-verify span,
  .booking-bell-verify button {
    grid-column: 1;
    grid-row: auto;
  }

  .ticketing-frame {
    padding: 22px max(10px, env(safe-area-inset-left)) 56px max(10px, env(safe-area-inset-right));
  }

  .ticketing-client,
  .outcome-pane,
  .prep-tile,
  .ops-pane {
    width: 100%;
    max-width: 100%;
    padding: 20px;
    overflow: hidden;
  }

  .intake-lane.dual {
    grid-template-columns: 1fr;
  }

  .railpass-phase-pane {
    padding: 12px;
  }

  .railpass-ref-lane {
    grid-template-columns: minmax(104px, 0.38fr) minmax(0, 1fr);
    gap: 8px;
  }

  .railpass-ref-lane select {
    padding-inline: 10px 28px;
    font-size: 13.5px;
  }

  .day-tile {
    grid-template-columns: 1fr;
    gap: 12px;
    overflow: hidden;
  }

  .day-tile .glyph-entrybox {
    width: 100%;
  }

  .day-tile input,
  .day-tile select {
    height: 56px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 56px;
    font-size: 16px;
    line-height: 56px;
    padding-inline: 44px;
    text-align: center;
  }

  .day-tile select {
    text-align-last: center;
  }

  .carrier-pagetabs {
    grid-auto-flow: row;
    grid-template-columns: 1fr 1fr;
  }

  .reach-pagetabs {
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .reach-pagetabs button {
    min-height: 58px;
    padding: 0 14px;
    font-size: 15px;
    line-height: 1.25;
    white-space: normal;
  }

  .depot-tile input {
    font-size: clamp(20px, 7vw, 28px);
  }

  .depot-tile {
    gap: 8px;
  }

  .depot-tile label {
    gap: 6px;
  }

  .depot-tile .exchange-btn {
    width: 38px;
    height: 38px;
    margin-block: -2px;
    font-size: 18px;
  }

  .credit-purse-tile {
    align-items: flex-start;
    flex-direction: column;
  }

  .credit-purse-tile b {
    text-align: left;
    font-size: clamp(24px, 8vw, 34px);
  }

  .recharge-sum-top {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .vault-slip div {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 10px 0;
  }

  .vault-slip strong {
    text-align: left;
  }

  .vault-deeds {
    grid-template-columns: 1fr;
  }

  .rail-upper {
    align-items: flex-start;
    flex-direction: column;
  }

  .moment-stroke {
    gap: 8px;
  }

  .moment-stroke strong {
    font-size: clamp(30px, 12vw, 44px);
  }

  .spot-deeds {
    grid-template-columns: 1fr;
  }

  .spot-selection {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .spot-deed {
    width: 100%;
  }

  .rider-lane {
    align-items: flex-start;
    flex-direction: column;
  }

  .meter {
    width: 100%;
  }

  .sheet-tallies .rider-lane {
    align-items: center;
    flex-direction: row;
  }

  .sheet-tallies .meter {
    width: 124px;
  }

  .tile-tagline {
    align-items: flex-start;
    flex-direction: column;
  }

  .invite-serial-emblem {
    width: 100%;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 11px;
    min-height: 94px !important;
    padding: 14px !important;
  }

  .invite-serial-emblem .invite-emblem-glyph {
    width: 44px;
    height: 44px;
    border-radius: 13px;
  }

  .invite-serial-emblem .invite-emblem-deed {
    display: none;
  }

  .invite-serial-emblem b {
    font-size: 24px;
  }
}

@media (max-width: 420px) {
  .web-masthead {
    padding: 9px 10px 7px;
  }

  .web-menu {
    grid-template-columns: repeat(auto-fit, minmax(46px, 1fr));
    gap: 5px;
  }

  .web-menu a {
    min-height: 32px;
    font-size: 11.5px;
    padding: 0 3px;
  }

  .signin-btn {
    padding: 0 14px;
    font-size: 13px;
  }

  .gauge-mesh {
    gap: 8px;
  }

  .gauge-mesh article {
    min-height: 76px;
    padding: 11px;
  }

  .gauge-mesh article > span {
    font-size: 11px;
  }

  .gauge-mesh strong {
    font-size: 20px;
  }

  .ticketing-frame {
    padding-inline: max(8px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-right));
  }

  .ticketing-client,
  .outcome-pane,
  .prep-tile,
  .ops-pane {
    padding: 16px;
  }

  .railpass-ref-lane {
    grid-template-columns: 102px minmax(0, 1fr);
  }

  .railpass-ref-lane input {
    padding-inline: 12px;
  }

  .voyage-tile {
    padding: 16px;
  }

  .day-tile input,
  .day-tile select {
    height: 54px;
    min-height: 54px;
    line-height: 54px;
  }

  .day-tile input[type="date"] {
    padding-right: 12px;
    text-align: center;
  }

  .glyph-entrybox > span {
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
  }

  .glyph-entrybox input,
  .glyph-entrybox select {
    padding-left: 42px;
  }

  .reach-pagetabs {
    grid-template-columns: 1fr;
  }

  .moment-stroke {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  .moment-stroke strong,
  .moment-stroke strong:last-child {
    text-align: center;
  }

  .moment-stroke span {
    transform: rotate(90deg);
  }
}

#landing-page {
  background: var(--tc-surface);
  color: var(--tc-sub);
  font-family: var(--font-sans);
  margin: 0;
  padding: 0;
  display: block;
}

#landing-page a {
  color: inherit;
  text-decoration: none;
}

.deal-ribbon {
  background: var(--tc-blue-tint);
  color: var(--tc-ink);
  font-size: 14px;
  line-height: 1.4;
}
.deal-ribbon[hidden] { display: none; }
.deal-ribbon-interior {
  max-width: 1120px;
  margin: 0 auto;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.deal-ribbon-emblem {
  padding: 3px 9px;
  border-radius: 999px;
  background: var(--tc-blue);
  color: var(--tc-ink);
  font-weight: 900;
  font-size: 12px;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.deal-ribbon-wording {
  flex: 1 1 260px;
  min-width: 0;
  font-weight: 800;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.deal-ribbon-dial {
  font-variant-numeric: tabular-nums;
  font-weight: 900;
  font-size: 16px;
  color: var(--tc-blue-deep);
  white-space: nowrap;
}
.deal-ribbon-go {
  margin-left: auto;
  padding: 8px 14px;
  border: 0;
  border-radius: 10px;
  background: var(--tc-blue);
  color: var(--tc-ink);
  font: inherit;
  font-weight: 900;
  cursor: pointer;
  white-space: nowrap;
}
.deal-ribbon { position: relative; overflow: hidden; }
.deal-ribbon::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -40%;
  width: 40%;
  background: linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.18) 50%, rgba(255, 255, 255, 0) 100%);
  animation: deal-ribbon-sheen 6s ease-in-out infinite;
  pointer-events: none;
}
.deal-ribbon-interior { position: relative; z-index: 1; }
.deal-ribbon-dial { animation: deal-ribbon-breathe 2.4s ease-in-out infinite; }
.deal-ribbon-emblem { animation: deal-ribbon-breathe 2.4s ease-in-out infinite; }
.deal-ribbon-go { box-shadow: 0 0 0 0 rgba(49, 130, 246, 0.55); animation: deal-ribbon-ring 3s ease-out infinite; }
@keyframes deal-ribbon-sheen {
  0% { left: -40%; }
  55% { left: 110%; }
  100% { left: 110%; }
}
@keyframes deal-ribbon-breathe {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.04); }
}
@keyframes deal-ribbon-ring {
  0% { box-shadow: 0 0 0 0 rgba(49, 130, 246, 0.55); }
  70% { box-shadow: 0 0 0 10px rgba(49, 130, 246, 0); }
  100% { box-shadow: 0 0 0 0 rgba(49, 130, 246, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .deal-ribbon::after, .deal-ribbon-dial, .deal-ribbon-emblem, .deal-ribbon-go { animation: none; }
}
.deal-ribbon.now-open { background: linear-gradient(90deg, var(--tc-green-tint) 0%, var(--tc-green-tint) 60%, var(--tc-green-tint) 100%); }
.deal-ribbon.now-open .deal-ribbon-go { background: var(--tc-green-tint); box-shadow: 0 0 0 0 rgba(134, 239, 172, 0.55); animation-name: deal-ribbon-ring-emerald; }
@keyframes deal-ribbon-ring-emerald {
  0% { box-shadow: 0 0 0 0 rgba(134, 239, 172, 0.55); }
  70% { box-shadow: 0 0 0 10px rgba(134, 239, 172, 0); }
  100% { box-shadow: 0 0 0 0 rgba(134, 239, 172, 0); }
}
.deal-ribbon.now-open .deal-ribbon-emblem { background: var(--tc-green-tint); }
@media (max-width: 640px) {
  .deal-ribbon-interior { padding: 9px 14px; gap: 8px; font-size: 13px; }
  .deal-ribbon-wording { flex-basis: 100%; }
  .deal-ribbon-go { margin-left: 0; width: 100%; text-align: center; }
}

.intro-masthead {
  position: sticky;
  top: 0;
  z-index: 100;
  background: var(--tc-glass);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--tc-line);
}

.intro-masthead-holder {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 20px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.intro-wordmark {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  font-weight: 800;
  color: var(--tc-ink);
}

.intro-wordmark-flag {
  width: 28px;
  height: 28px;
  background: var(--tc-surface) url("assets/ticketstop-icon-192.png") center / cover no-repeat;
  border-radius: 9px;
  display: inline-grid;
  place-items: center;
  position: relative;
  box-shadow: 0 4px 12px rgba(49, 130, 246, 0.22);
}

.intro-wordmark-flag::after {
  content: "";
  display: none;
}

.intro-menu {
  display: flex;
  gap: 28px;
}

.intro-menu a {
  font-size: 14.5px;
  font-weight: 700;
  color: var(--tc-sub);
  transition: color 0.2s;
}

.intro-menu a:hover {
  color: var(--tc-blue);
}

.intro-access {
  display: flex;
  align-items: center;
  gap: 16px;
}

.intro-signin-anchor {
  font-size: 14px;
  font-weight: 700;
  color: var(--tc-sub);
  border: 0;
  background: none;
}

.intro-signin-anchor:hover {
  color: var(--tc-blue);
}

.intro-kickoff-btn {
  background: var(--tc-blue);
  color: #ffffff;
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid transparent;
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(49, 130, 246, 0.2);
  transition: all 0.2s;
}

.intro-kickoff-btn:hover {
  background: #1b64da;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(49, 130, 246, 0.35);
}

.intro-kickoff-btn.now-logout {
  color: var(--tc-sub);
  background: var(--tc-surface);
  border-color: var(--tc-line);
  box-shadow: 0 3px 10px rgba(15, 23, 42, 0.06);
}

.intro-kickoff-btn.now-logout:hover {
  color: var(--tc-ink);
  background: var(--tc-fill-soft);
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.1);
}

.intro-cover {
  padding: 80px 20px 100px;
  background: radial-gradient(100% 100% at 50% 0%, var(--tc-blue-tint) 0%, var(--tc-surface) 70%);
  text-align: center;
}

.booking-sheet:not([open]) {
  display: none;
}

.cover-holder {
  max-width: 800px;
  margin: 0 auto;
}

.cover-emblem {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--tc-blue-tint);
  color: var(--tc-blue-deep);
  padding: 6px 14px;
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 24px;
  border: 1px solid var(--tc-line);
}

.cover-emblem .bead {
  width: 6px;
  height: 6px;
  background: var(--tc-blue);
  border-radius: 50%;
}

@keyframes throb-gleam-azure {
  0% { transform: scale(0.8); opacity: 0.6; }
  50% { transform: scale(1.2); opacity: 1; }
  100% { transform: scale(0.8); opacity: 0.6; }
}

.cover-heading {
  font-size: clamp(34px, 5vw, 54px);
  font-weight: 800;
  color: var(--tc-ink);
  line-height: 1.25;
  letter-spacing: -1.5px;
  margin: 0 0 24px;
}

.emphasis-azure {
  color: var(--tc-blue);
  position: relative;
  display: inline-block;
}

.emphasis-azure::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 12px;
  background: rgba(49, 130, 246, 0.12);
  z-index: -1;
  border-radius: 4px;
}

.cover-explanation {
  font-size: 17px;
  color: var(--tc-sub);
  line-height: 1.7;
  margin: 0 0 40px;
}

.cover-explanation strong {
  color: var(--tc-ink);
}

.cover-deeds {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 48px;
}

.cover-chief {
  background: var(--tc-blue);
  color: #ffffff;
  padding: 16px 36px;
  border-radius: 10px;
  font-size: 16.5px;
  font-weight: 800;
  box-shadow: 0 10px 24px rgba(49, 130, 246, 0.25);
  transition: all 0.2s;
}

.cover-chief:hover {
  background: #1b64da;
  transform: translateY(-1.5px);
  box-shadow: 0 14px 30px rgba(49, 130, 246, 0.4);
}

.cover-second {
  background: var(--tc-surface);
  color: var(--tc-sub);
  border: 1px solid var(--tc-line);
  padding: 16px 28px;
  border-radius: 10px;
  font-size: 15.5px;
  font-weight: 800;
  transition: all 0.2s;
  display: inline-flex;
  align-items: center;
}

.cover-second:hover {
  background: var(--tc-fill-soft);
  border-color: #94a3b8;
}

.intro-pipeline-band {
  width: min(760px, 100%);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0 auto 34px;
}

.intro-pipeline-band button {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--tc-line);
  border-radius: 10px;
  background: var(--tc-glass);
  color: var(--tc-ink2);
  font-size: 13.5px;
  font-weight: 850;
  box-shadow: 0 10px 24px rgba(49, 130, 246, 0.06);
  transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.intro-pipeline-band button:hover {
  transform: translateY(-1px);
  border-color: #a7cbfb;
  box-shadow: 0 14px 32px rgba(49, 130, 246, 0.12);
}

.intro-pipeline-band span {
  width: 22px;
  height: 22px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: var(--tc-blue-tint);
  color: var(--tc-blue);
  font-size: 12px;
  font-weight: 900;
}

.cover-perks {
  display: flex;
  justify-content: center;
  gap: 24px;
  color: var(--tc-muted);
  font-size: 13.5px;
  font-weight: 700;
}

.intro-perks {
  padding: 100px 20px;
  background: var(--tc-fill-soft);
  text-align: center;
  border-top: 1px solid var(--tc-line);
  border-bottom: 1px solid var(--tc-line);
}

.zone-holder {
  max-width: 1020px;
  margin: 0 auto;
}

.zone-heading {
  font-size: 32px;
  font-weight: 800;
  color: var(--tc-ink);
  margin: 0 0 16px;
}

.zone-heading .tint {
  color: var(--tc-blue);
}

.zone-subhead {
  font-size: 16.5px;
  color: var(--tc-sub);
  line-height: 1.65;
  margin: 0 0 60px;
}

.perks-mesh {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.perk-tile {
  background: var(--tc-surface);
  padding: 36px 28px;
  border-radius: 16px;
  border: 1px solid var(--tc-line);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
  text-align: left;
  transition: transform 0.25s, box-shadow 0.25s;
}

.perk-tile:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05);
}

.perk-glyph {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  margin-bottom: 24px;
  background-color: var(--tc-blue-tint);
  position: relative;
}

.perk-glyph::before {
  content: "";
  font-size: 22px;
}

.perk-glyph.eyeicon {
  background-color: var(--tc-blue-tint);
}
.perk-glyph.eyeicon::before {
  content: "👥";
}

.perk-glyph.guardian {
  background-color: var(--tc-green-tint);
}
.perk-glyph.guardian::before {
  content: "🛡️";
}

.perk-glyph.token {
  background-color: var(--tc-fill-soft);
}
.perk-glyph.token::before {
  content: "💰";
}

.perk-tile h3 {
  font-size: 18px;
  font-weight: 800;
  color: var(--tc-ink);
  margin: 0 0 12px;
}

.perk-tile p {
  font-size: 14.5px;
  color: var(--tc-muted);
  line-height: 1.6;
  margin: 0;
}

.intro-win {
  padding: 100px 20px;
  background:
    linear-gradient(180deg, var(--tc-surface) 0%, var(--tc-fill-soft) 100%);
}

.win-masthead {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 48px;
  text-align: left;
}

.win-masthead .zone-subhead {
  margin: 0;
}

.win-ratio-emblem {
  text-align: right;
}

.win-ratio-emblem strong {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 2px;
  font-size: 0;
  font-weight: 900;
  color: var(--tc-blue);
  line-height: 1;
}

.win-ratio-emblem strong [data-intro-win-ratio] {
  font-size: 30px;
  line-height: 1;
}

.win-ratio-emblem strong .win-ratio-pct {
  font-size: 32px;
  font-style: normal;
  line-height: 1;
}

.win-ratio-emblem > span {
  font-size: 13px;
  font-weight: 700;
  color: var(--tc-muted);
}

.intro-tariff {
  padding: 100px 20px;
  background: var(--tc-fill-soft);
  text-align: center;
  border-top: 1px solid var(--tc-line);
}

.tariff-holder {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 360px));
  justify-content: center;
  gap: 28px;
  margin-top: 50px;
  margin-bottom: 30px;
}

.tariff-tile {
  background: var(--tc-surface);
  border: 1px solid var(--tc-line);
  border-radius: 20px;
  padding: 40px 32px;
  text-align: left;
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.02);
}

.tariff-tile.favorite {
  border: 2px solid var(--tc-blue);
  box-shadow: 0 10px 30px rgba(49, 130, 246, 0.08);
}

.tariff-emblem {
  position: absolute;
  top: 16px;
  right: 20px;
  font-size: 11.5px;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 6px;
  background: var(--tc-fill);
  color: var(--tc-sub);
}

.tariff-emblem.azure {
  background: var(--tc-blue);
  color: #ffffff;
}

.tariff-tile h3 {
  font-size: 22px;
  font-weight: 800;
  color: var(--tc-ink);
  margin: 0 0 8px;
}

.tariff-tile .descr {
  font-size: 14px;
  color: var(--tc-muted);
  line-height: 1.5;
  margin: 0 0 32px;
  min-height: 42px;
}

.tariff-tile .cost {
  font-size: 16px;
  color: var(--tc-muted);
  margin-top: auto;
  margin-bottom: 32px;
}

.tariff-tile .cost strong {
  font-size: 38px;
  font-weight: 900;
  color: var(--tc-ink);
}

.markdown-marker {
  display: inline-block;
  background: var(--tc-red-tint);
  color: var(--tc-red);
  font-size: 11.5px;
  font-weight: 800;
  padding: 2px 8px;
  border-radius: 4px;
  margin-left: 8px;
  vertical-align: middle;
}

.emphasis-emerald {
  color: var(--tc-green);
  font-weight: 700;
}

.perks-feed {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  display: grid;
  gap: 10px;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--tc-sub);
}

.tariff-knob {
  width: 100%;
  min-height: 52px;
  border: 1px solid var(--tc-line);
  border-radius: 10px;
  background: var(--tc-surface);
  color: var(--tc-sub);
  font-size: 15px;
  font-weight: 800;
  transition: all 0.2s;
}

.tariff-knob:hover {
  background: var(--tc-fill-soft);
  border-color: #94a3b8;
}

.tariff-knob.azure {
  background: var(--tc-blue);
  color: #ffffff;
  border: 0;
  box-shadow: 0 6px 16px rgba(49, 130, 246, 0.2);
}

.tariff-knob.azure:hover {
  background: #1b64da;
  box-shadow: 0 10px 22px rgba(49, 130, 246, 0.35);
  transform: translateY(-1px);
}

.cost-caveat {
  font-size: 12.5px;
  color: var(--tc-muted);
  margin-top: 16px;
}

.intro-organic-qna {
  padding: 96px 20px;
  background: var(--tc-surface);
  border-top: 1px solid var(--tc-line);
}

.organic-preline {
  margin: 0 0 10px;
  color: var(--tc-blue);
  font-size: 13px;
  font-weight: 900;
  text-align: center;
}

.organic-qna-mesh {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 42px;
}

.organic-qna-tile {
  min-height: 190px;
  padding: 28px;
  border: 1px solid var(--tc-line);
  border-radius: 16px;
  background: linear-gradient(180deg, var(--tc-surface) 0%, var(--tc-fill-soft) 100%);
  box-shadow: 0 12px 34px rgba(15, 23, 42, 0.04);
}

.organic-qna-tile h3 {
  margin: 0 0 12px;
  color: var(--tc-ink);
  font-size: 18px;
  font-weight: 900;
}

.organic-qna-tile p {
  margin: 0;
  color: var(--tc-sub);
  font-size: 14.5px;
  line-height: 1.75;
  font-weight: 650;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.depot-tile {
  isolation: isolate;
  overflow: visible;
}

.depot-tile:focus-within {
  z-index: 5000;
}

.depot-tile.holds-launch-depot-droplist {
  z-index: 5200;
}

.depot-tile .depot-slot {
  position: relative;
  z-index: 1;
}

.depot-tile.holds-launch-depot-droplist .depot-slot:not(:focus-within) {
  z-index: 0;
}

.depot-tile .depot-slot:focus-within {
  z-index: 5100;
}

.depot-tile .depot-suggest {
  position: relative;
  z-index: 1;
}

.depot-tile .depot-suggest:focus-within,
.depot-tile .depot-slot:focus-within .depot-suggest {
  z-index: 5200;
}

.depot-tile .depot-droplist {
  z-index: 5300;
}

.depot-tile .depot-slot:focus-within .depot-droplist {
  z-index: 5400;
}

.organic-howto-anchors {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 14px;
  margin-top: 28px;
}

.organic-howto-anchor-tile {
  display: flex;
  min-width: 0;
  min-height: 118px;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  padding: 20px;
  border: 1px solid var(--tc-line);
  border-radius: 16px;
  background: var(--tc-fill-soft);
  color: var(--tc-ink);
  text-decoration: none;
  box-shadow: 0 12px 34px rgba(15, 23, 42, 0.04);
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.organic-howto-anchor-tile:hover {
  transform: translateY(-2px);
  border-color: #a7cbfb;
  box-shadow: 0 18px 42px rgba(49, 130, 246, 0.12);
}

.organic-howto-anchor-tile span {
  color: var(--tc-blue);
  font-size: 13px;
  font-weight: 900;
}

.organic-howto-anchor-tile strong {
  color: var(--tc-ink);
  font-size: 16px;
  line-height: 1.45;
  font-weight: 900;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.intro-pagefoot {
  background: var(--tc-surface);
  padding: 60px 20px 80px;
  border-top: 1px solid var(--tc-line);
  text-align: center;
  font-size: 13.5px;
  color: var(--tc-muted);
}

.pagefoot-holder {
  max-width: 1020px;
  margin: 0 auto;
}

.pagefoot-wordmark {
  font-size: 18px;
  font-weight: 900;
  color: var(--tc-sub);
  margin-bottom: 20px;
}

.pagefoot-anchors {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-bottom: 24px;
}

.pagefoot-anchors a {
  font-weight: 700;
  color: var(--tc-sub);
}

.pagefoot-anchors a:hover {
  color: var(--tc-blue);
}

.rights {
  margin: 0;
  line-height: 1.6;
  color: var(--tc-muted);
}

@media (max-width: 768px) {
  .intro-menu {
    display: none;
  }
  .perks-mesh,
  .win-glider,
  .tariff-holder,
  .organic-howto-anchors {
    grid-template-columns: 1fr;
    justify-items: center;
  }
  .organic-howto-anchor-tile {
    width: 100%;
    min-height: 96px;
    padding: 18px;
  }
  .tariff-holder {
    width: 100%;
    max-width: 360px;
  }
  .win-masthead {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .win-ratio-emblem {
    text-align: left;
  }

  .intro-organic-qna {
    padding: 72px 18px;
  }

  .organic-qna-mesh {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .organic-qna-tile {
    min-height: 0;
    padding: 22px;
    border-radius: 14px;
  }

  .intro-pipeline-band {
    grid-template-columns: 1fr;
  }
}

@keyframes ticker {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.ticker-wrap {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding: 8px 0 18px;
  mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
}
.ticker-holder {
  display: flex;
  gap: 18px;
  width: max-content;
  padding: 8px 0;
  animation: ticker 54s linear infinite;
  will-change: transform;
}

.ticker-wrap:hover .ticker-holder,
.ticker-holder:hover {
  animation-play-state: paused;
}

body.sheet-current {
  overflow: hidden;
}

.wording-toss-500 {
  color: var(--tc-blue) !important;
}
.back-azure-50 {
  background-color: var(--tc-blue-tint) !important;
}

#landing-page {
  color-scheme: light;
  background: var(--tc-fill-soft);
  color: var(--tc-ink);
  overflow-x: hidden;
}

#landing-page,
#landing-page * {
  font-family: var(--font-sans);
  word-break: keep-all;
  overflow-wrap: break-word;
  hyphens: none;
}

#landing-page .intro-masthead {
  background: var(--tc-glass);
  border-bottom: 1px solid var(--tc-line);
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
}

#landing-page .intro-masthead-holder {
  max-width: 1180px;
  height: 68px;
}

#landing-page .intro-wordmark {
  gap: 10px;
  font-size: 19px;
  color: var(--tc-ink);
  white-space: nowrap;
}

#landing-page .intro-wordmark-flag {
  width: 32px;
  height: 32px;
  border-radius: 8px;
}

#landing-page .intro-menu {
  gap: 24px;
}

#landing-page .intro-menu a,
#landing-page .intro-signin-anchor,
#landing-page .intro-kickoff-btn {
  white-space: nowrap;
}

#landing-page .intro-kickoff-btn,
#landing-page .cover-chief,
#landing-page .cover-second,
#landing-page .tariff-knob {
  border-radius: 8px;
}

#landing-page .intro-phone-base-deeds {
  display: none;
}

#landing-page .intro-cover {
  min-height: 620px;
  padding: 74px 24px 62px;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  text-align: left;
  background:
    linear-gradient(90deg, var(--tc-surface) 0%, var(--tc-fill-soft) 42%, var(--tc-blue-tint) 100%),
    url("assets/hero-rail-ops.jpg") center / cover no-repeat;
  background:
    linear-gradient(90deg, var(--tc-surface) 0%, var(--tc-fill-soft) 42%, var(--tc-blue-tint) 100%),
    image-set(url("assets/hero-rail-ops.webp") type("image/webp"), url("assets/hero-rail-ops.jpg") type("image/jpeg")) center / cover no-repeat;
}

#landing-page .cover-overlayer {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 42%, rgba(246, 248, 251, 0.12) 100%);
  pointer-events: none;
}

#landing-page .cover-holder {
  width: min(1180px, 100%);
  max-width: 1180px;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.72fr);
  gap: 48px;
  align-items: center;
  position: relative;
  z-index: 1;
}

#landing-page .cover-clip {
  max-width: 720px;
  min-width: 0;
  color: #ffffff;
}

#landing-page .cover-emblem-lane {
  max-width: 720px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  margin: 0 0 22px;
}

#landing-page .cover-emblem,
#landing-page .cover-evidence-emblems span {
  min-height: 42px;
  padding: 0 15px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  box-sizing: border-box;
}

#landing-page .cover-emblem {
  margin: 0;
  color: #dff4ff;
  background: rgba(14, 165, 233, 0.16);
  border: 1px solid rgba(125, 211, 252, 0.45);
  backdrop-filter: blur(8px);
  box-shadow: 0 14px 32px rgba(14, 165, 233, 0.14);
  flex: 0 0 auto;
}

#landing-page .cover-emblem .bead {
  background: var(--tc-blue);
  box-shadow: 0 0 0 5px rgba(106, 163, 247, 0.16);
}

#landing-page .cover-heading {
  margin: 0 0 22px;
  color: #ffffff;
  font-size: 54px;
  line-height: 1.14;
  font-weight: 900;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

#landing-page .cover-heading-stroke {
  display: block;
}

#landing-page .cover-heading-stroke-bundle {
  display: inline-flex;
  flex-wrap: wrap;
  column-gap: 0.28em;
  row-gap: 0;
}

#landing-page .cover-heading-wordmark {
  position: relative;
  display: inline-block;
  padding: 0 0.03em 0.08em;
  color: #ffffff;
  isolation: isolate;
  white-space: nowrap;
}

#landing-page .cover-heading-wordmark::before,
#landing-page .cover-heading-wordmark::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
}

#landing-page .cover-heading-wordmark::before {
  left: -0.05em;
  right: -0.05em;
  bottom: 0.02em;
  height: 0.24em;
  border-radius: 999px;
  background:
    linear-gradient(90deg, rgba(14, 165, 233, 0.24) 0%, rgba(106, 163, 247, 0.96) 18%, rgba(34, 211, 238, 0.98) 56%, rgba(45, 212, 191, 0.94) 84%, var(--tc-surface) 100%);
  box-shadow:
    0 0.08em 0.34em rgba(34, 211, 238, 0.36),
    0 0.02em 0 rgba(255, 255, 255, 0.42) inset;
  transform: rotate(-1.6deg);
  transform-origin: center;
}

#landing-page .cover-heading-wordmark::after {
  left: 0.02em;
  right: 0.02em;
  bottom: 0.09em;
  height: 0.06em;
  border-radius: 999px;
  background: repeating-linear-gradient(
    112deg,
    var(--tc-surface) 0 0.035em,
    transparent 0.035em 0.16em
  );
  opacity: 0.72;
  transform: rotate(-1.6deg);
}

#landing-page .cover-explanation {
  max-width: 650px;
  margin: 0 0 30px;
  color: var(--tc-sub);
  font-size: 18px;
  line-height: 1.72;
  font-weight: 620;
}

#landing-page .cover-explanation strong {
  display: block;
  margin-top: 8px;
  color: #ffffff;
  font-weight: 900;
}

#landing-page .cover-evidence-emblems {
  max-width: 650px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  margin: 0 0 18px;
}

#landing-page .cover-emblem-lane .cover-evidence-emblems {
  max-width: none;
  flex: 0 1 auto;
  margin: 0;
}

#landing-page .cover-evidence-emblems--phone {
  display: none;
}

#landing-page .cover-evidence-emblems span {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background:
    linear-gradient(180deg, var(--tc-fill-soft), var(--tc-fill-soft));
  border: 1px solid rgba(255, 255, 255, 0.22);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(12px);
}

#landing-page .cover-evidence-emblems span:nth-child(2) {
  background:
    linear-gradient(135deg, rgba(49, 130, 246, 0.92), rgba(20, 184, 166, 0.86));
  border-color: var(--tc-line);
  box-shadow: 0 14px 32px rgba(49, 130, 246, 0.28);
}

#landing-page .cover-evidence-emblems span:nth-child(3) {
  color: #fff7ed;
  background:
    linear-gradient(135deg, rgba(49, 130, 246, 0.72), var(--tc-fill-soft));
  border-color: rgba(49, 130, 246, 0.58);
}

#landing-page .cover-deeds {
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 0 32px;
}

#landing-page .cover-chief,
#landing-page .cover-second {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.25;
  white-space: normal;
}

#landing-page .cover-chief {
  background: var(--tc-blue);
  color: #ffffff;
  box-shadow: 0 16px 36px rgba(49, 130, 246, 0.35);
}

#landing-page .cover-chief:hover {
  background: #1b64da;
  box-shadow: 0 18px 44px rgba(49, 130, 246, 0.44);
}

#landing-page .cover-second {
  color: #eef6ff;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.36);
  backdrop-filter: blur(10px);
}

#landing-page .cover-second:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.18);
  border-color: var(--tc-line);
}

#landing-page .cover-faith-stroke {
  max-width: 680px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
}

#landing-page .cover-faith-stroke div {
  padding: 14px 16px;
}

#landing-page .cover-faith-stroke div + div {
  border-left: 1px solid rgba(255, 255, 255, 0.18);
}

#landing-page .cover-faith-stroke dt {
  margin: 0 0 4px;
  color: var(--tc-sub);
  font-size: 12px;
  font-weight: 800;
}

#landing-page .cover-faith-stroke dd {
  margin: 0;
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
}

#landing-page .cover-realtime-pane {
  width: 100%;
  min-width: 0;
  color: var(--tc-ink);
  background: var(--tc-glass);
  border: 1px solid var(--tc-line);
  border-radius: 8px;
  padding: 22px;
  box-shadow: 0 30px 80px rgba(2, 8, 23, 0.28);
  backdrop-filter: blur(16px);
}

#landing-page .cover-pane-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}

#landing-page .cover-pane-top span {
  color: var(--tc-muted);
  font-size: 13px;
  font-weight: 850;
}

#landing-page .cover-pane-top strong {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  color: var(--tc-green);
  background: var(--tc-green-tint);
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

#landing-page .cover-path-tile {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  padding: 20px;
  border: 1px solid var(--tc-line);
  border-radius: 8px;
  background: var(--tc-fill-soft);
}

#landing-page .cover-path-tile div {
  min-width: 0;
  display: grid;
  justify-items: center;
  text-align: center;
}

#landing-page .cover-path-tile div:last-child {
  text-align: center;
}

#landing-page .cover-path-tile span {
  display: block;
  color: var(--tc-muted);
  font-size: 12px;
  font-weight: 850;
}

#landing-page .cover-path-tile strong {
  display: block;
  margin-top: 6px;
  color: var(--tc-ink);
  font-size: 30px;
  line-height: 1.1;
  font-weight: 950;
  overflow-wrap: anywhere;
}

#landing-page .path-pointer {
  width: 34px;
  height: 34px;
  display: grid !important;
  place-items: center;
  border-radius: 999px;
  color: var(--tc-blue) !important;
  background: var(--tc-blue-tint);
  font-size: 20px !important;
  font-weight: 900 !important;
}

#landing-page .cover-criterion-mesh {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 14px 0;
}

#landing-page .cover-criterion-mesh span {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border-radius: 8px;
  color: var(--tc-blue-deep);
  background: var(--tc-blue-tint);
  border: 1px solid var(--tc-line);
  font-size: 13px;
  font-weight: 900;
  text-align: center;
}

#landing-page .cover-phase-feed {
  display: grid;
  gap: 10px;
}

#landing-page .cover-phase-feed p {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: 0;
  color: var(--tc-sub);
  font-size: 14px;
  line-height: 1.45;
  font-weight: 760;
}

#landing-page .cover-phase-feed p span {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  margin-top: 6px;
  border-radius: 999px;
  background: var(--tc-green);
  box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.14);
}

#landing-page .zone-holder {
  width: min(1180px, calc(100% - 40px));
  max-width: 1180px;
}

#landing-page .zone-preline {
  margin: 0 0 10px;
  color: var(--tc-blue);
  font-size: 13px;
  font-weight: 950;
}

#landing-page .zone-heading {
  color: var(--tc-ink);
  font-size: 34px;
  line-height: 1.25;
  font-weight: 950;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

#landing-page .zone-subhead {
  max-width: 760px;
  color: var(--tc-sub);
  font-size: 16px;
  line-height: 1.72;
  font-weight: 650;
}

#landing-page .intro-evidence-band,
#landing-page .intro-manner,
#landing-page .intro-faith,
#landing-page .intro-win,
#landing-page .intro-tariff,
#landing-page .intro-organic-qna {
  padding: 76px 0;
}

#landing-page .intro-evidence-band {
  padding: 26px 0;
  background: var(--tc-surface);
  border-bottom: 1px solid var(--tc-line);
}

#landing-page .evidence-mesh {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

#landing-page .evidence-mesh article {
  min-height: 84px;
  padding: 18px;
  border: 1px solid var(--tc-line);
  border-radius: 8px;
  background: var(--tc-surface);
}

#landing-page .evidence-mesh strong,
#landing-page .faith-feed strong,
#landing-page .manner-tile h3,
#landing-page .organic-qna-tile h3,
#landing-page .tariff-tile h3 {
  color: var(--tc-ink);
}

#landing-page .evidence-mesh strong {
  display: block;
  margin-bottom: 7px;
  font-size: 16px;
  font-weight: 950;
}

#landing-page .evidence-mesh span {
  display: block;
  color: var(--tc-muted);
  font-size: 14px;
  line-height: 1.55;
  font-weight: 650;
}

#landing-page .intro-manner {
  background: var(--tc-fill-soft);
  text-align: left;
}

#landing-page .intro-manner .zone-holder,
#landing-page .intro-tariff .zone-holder,
#landing-page .intro-organic-qna .zone-holder {
  text-align: center;
}

#landing-page .intro-manner .zone-subhead,
#landing-page .intro-tariff .zone-subhead,
#landing-page .intro-organic-qna .zone-subhead {
  margin-left: auto;
  margin-right: auto;
}

#landing-page .manner-mesh {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 34px;
}

#landing-page .manner-tile,
#landing-page .faith-feed article,
#landing-page .tariff-tile,
#landing-page .organic-qna-tile {
  border-radius: 8px;
}

#landing-page .manner-tile {
  min-height: 178px;
  padding: 24px;
  border: 1px solid var(--tc-line);
  background: var(--tc-surface);
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.05);
}

#landing-page .manner-tile > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  margin-bottom: 16px;
  border-radius: 999px;
  color: #ffffff;
  background: var(--tc-blue);
  font-size: 15px;
  font-weight: 950;
}

#landing-page .manner-tile h3 {
  margin: 0 0 10px;
  font-size: 19px;
  font-weight: 950;
}

#landing-page .manner-tile p {
  margin: 0;
  color: var(--tc-muted);
  font-size: 14.5px;
  line-height: 1.68;
  font-weight: 650;
}

#landing-page .intro-faith {
  background: var(--tc-surface);
  border-top: 1px solid var(--tc-line);
  border-bottom: 1px solid var(--tc-line);
}

#landing-page .faith-arrangement {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: 36px;
  align-items: start;
}

#landing-page .faith-clip {
  position: sticky;
  top: 96px;
}

#landing-page .faith-clip .zone-subhead {
  margin-bottom: 0;
}

#landing-page .faith-feed {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

#landing-page .faith-feed article {
  min-height: 136px;
  padding: 22px;
  background: var(--tc-fill-soft);
  border: 1px solid var(--tc-line);
}

#landing-page .faith-feed strong {
  display: block;
  margin-bottom: 8px;
  font-size: 17px;
  font-weight: 950;
}

#landing-page .faith-feed p {
  margin: 0;
  color: var(--tc-sub);
  font-size: 14.5px;
  line-height: 1.68;
  font-weight: 650;
}

#landing-page .intro-win {
  background: var(--tc-fill-soft);
}

#landing-page .win-masthead {
  gap: 28px;
}

#landing-page .win-masthead .zone-heading {
  margin-bottom: 10px;
}

#landing-page .win-masthead .zone-subhead {
  margin-bottom: 0;
}

#landing-page .win-ratio-emblem {
  min-width: 170px;
  padding: 20px 22px;
  border: 1px solid rgba(49, 130, 246, 0.26);
  border-radius: 8px;
  background:
    linear-gradient(180deg, var(--tc-surface) 0%, var(--tc-blue-tint) 100%);
  box-shadow: 0 18px 42px rgba(49, 130, 246, 0.12);
}

#landing-page .win-ratio-emblem strong [data-intro-win-ratio],
#landing-page .win-ratio-emblem strong .win-ratio-pct {
  font-size: 40px;
  color: var(--tc-blue);
}

#landing-page .win-ratio-emblem > span {
  display: block;
  margin-top: 6px;
  color: var(--tc-ink);
  font-size: 13.5px;
  font-weight: 900;
}

#landing-page .intro-tariff {
  background: var(--tc-surface);
}

#landing-page .tariff-holder {
  grid-template-columns: repeat(2, minmax(0, 390px));
  gap: 20px;
  align-items: stretch;
}

#landing-page .tariff-tile {
  border: 1px solid var(--tc-line);
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.06);
}

#landing-page .tariff-tile.favorite {
  border: 2px solid var(--tc-blue);
}

#landing-page .tariff-tile .descr {
  min-height: 0;
}

#landing-page .perks-feed li {
  position: relative;
  padding-left: 18px;
}

#landing-page .perks-feed li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--tkt-signal-green);
}

#landing-page .tariff-knob {
  white-space: normal;
  line-height: 1.25;
}

#landing-page .intro-organic-qna {
  background: var(--tc-fill-soft);
}

#landing-page .organic-preline {
  display: none;
}

#landing-page .organic-qna-tile {
  min-height: 0;
  text-align: left;
  background: var(--tc-surface);
  border-color: var(--tc-line);
}

#landing-page .intro-pagefoot {
  background: #0f172a;
  border-top: 0;
}

#landing-page .pagefoot-wordmark {
  color: #ffffff;
}

#landing-page .pagefoot-anchors {
  flex-wrap: wrap;
}

#landing-page .pagefoot-anchors a {
  color: var(--tc-ink);
}

#landing-page .pagefoot-anchors a:hover {
  color: var(--tc-blue-deep);
}

#landing-page .rights {
  max-width: 880px;
  margin: 0 auto;
  color: var(--tc-muted);
}

@media (max-width: 1024px) {
  #landing-page .intro-masthead-holder {
    height: 64px;
  }

  #landing-page .intro-menu {
    display: none;
  }

  #landing-page .intro-cover {
    min-height: 0;
    padding: 64px 20px 50px;
  }

  #landing-page .cover-emblem-lane {
    display: block;
    max-width: 100%;
    margin: 0 0 22px;
  }

  #landing-page .cover-emblem-lane .cover-evidence-emblems--bigscreen {
    display: none;
  }

  #landing-page .cover-evidence-emblems--phone {
    display: flex;
  }

  #landing-page .cover-holder {
    grid-template-columns: 1fr;
    gap: 30px;
    max-width: 100%;
    min-width: 0;
  }

  #landing-page .cover-clip {
    max-width: 760px;
    min-width: 0;
  }

  #landing-page .cover-heading {
    font-size: 44px;
  }

  #landing-page .cover-realtime-pane {
    display: none;
  }

  #landing-page .faith-arrangement {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  #landing-page .faith-clip {
    position: static;
  }
}

@media (max-width: 768px) {
  #landing-page .intro-masthead-holder {
    width: 100%;
    height: calc(64px + env(safe-area-inset-top));
    padding: env(safe-area-inset-top) max(14px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left));
    gap: 12px;
  }

  #landing-page .intro-wordmark {
    font-size: 17px;
  }

  #landing-page .intro-access {
    gap: 8px;
  }

  #landing-page .intro-signin-anchor,
  #landing-page .intro-kickoff-btn {
    font-size: 13px;
  }

  #landing-page .intro-kickoff-btn {
    min-height: 38px;
    padding: 0 12px;
  }

  #landing-page .intro-phone-base-deeds {
    display: none;
  }

  #landing-page .intro-cover {
    padding: 54px 24px 52px;
    background:
      linear-gradient(180deg, var(--tc-surface) 0%, var(--tc-surface) 55%, var(--tc-fill-soft) 100%),
      url("assets/hero-rail-ops.jpg") 68% center / cover no-repeat;
    background:
      linear-gradient(180deg, var(--tc-surface) 0%, var(--tc-surface) 55%, var(--tc-fill-soft) 100%),
      image-set(url("assets/hero-rail-ops.webp") type("image/webp"), url("assets/hero-rail-ops.jpg") type("image/jpeg")) 68% center / cover no-repeat;
  }

  #landing-page .cover-heading {
    font-size: 32px;
    line-height: 1.2;
    max-width: 100%;
  }

  #landing-page .cover-heading-stroke-bundle {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
  }

  #landing-page .cover-explanation {
    font-size: 16px;
    line-height: 1.68;
  }

  #landing-page .cover-evidence-emblems {
    gap: 5px;
    margin-bottom: 16px;
  }

  #landing-page .cover-emblem {
    min-height: 36px;
    padding: 0 12px;
    font-size: 12px;
    box-shadow: 0 12px 28px rgba(14, 165, 233, 0.12);
  }

  #landing-page .cover-evidence-emblems span {
    min-height: 36px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
  }

  #landing-page .cover-deeds {
    display: grid;
    grid-template-columns: 1fr;
    width: min(100%, 520px);
    margin: 0 auto;
  }

  #landing-page .cover-chief,
  #landing-page .cover-second {
    width: 100%;
    min-height: 56px;
    padding: 0 16px;
  }

  #landing-page .cover-second {
    display: none;
  }

  #landing-page .cover-faith-stroke {
    display: none;
  }

  #landing-page .cover-realtime-pane {
    padding: 18px;
    overflow: hidden;
  }

  #landing-page .cover-pane-top {
    align-items: flex-start;
  }

  #landing-page .cover-pane-top strong {
    white-space: normal;
    text-align: right;
  }

  #landing-page .cover-path-tile {
    padding: 16px;
    grid-template-columns: 1fr;
    gap: 12px;
    text-align: center;
  }

  #landing-page .cover-path-tile div:last-child {
    text-align: center;
  }

  #landing-page .path-pointer {
    width: 34px;
    height: 34px;
    justify-self: center;
    transform: rotate(90deg);
  }

  #landing-page .cover-path-tile strong {
    font-size: 25px;
  }

  #landing-page .cover-criterion-mesh {
    grid-template-columns: 1fr;
  }

  #landing-page .zone-holder {
    width: min(100% - 28px, 1180px);
  }

  #landing-page .intro-evidence-band,
  #landing-page .intro-manner,
  #landing-page .intro-faith,
  #landing-page .intro-win,
  #landing-page .intro-tariff,
  #landing-page .intro-organic-qna {
    padding: 48px 0;
  }

  #landing-page .intro-evidence-band {
    padding: 18px 0;
  }

  #landing-page .evidence-mesh,
  #landing-page .manner-mesh,
  #landing-page .faith-feed,
  #landing-page .tariff-holder,
  #landing-page .organic-qna-mesh {
    grid-template-columns: 1fr;
  }

  #landing-page .zone-heading {
    font-size: 28px;
    line-height: 1.28;
  }

  #landing-page .zone-subhead {
    font-size: 15px;
    margin-bottom: 26px;
  }

  #landing-page .manner-mesh,
  #landing-page .tariff-holder,
  #landing-page .organic-qna-mesh {
    margin-top: 22px;
  }

  #landing-page .manner-mesh,
  #landing-page .faith-feed {
    gap: 12px;
  }

  #landing-page .manner-tile,
  #landing-page .faith-feed article,
  #landing-page .tariff-tile,
  #landing-page .organic-qna-tile {
    padding: 18px;
  }

  #landing-page .manner-tile {
    min-height: 156px;
  }

  #landing-page .manner-tile > span {
    width: 32px;
    height: 32px;
    margin-bottom: 12px;
  }

  #landing-page .manner-tile h3 {
    margin-bottom: 7px;
    font-size: 18px;
  }

  #landing-page .manner-tile p {
    font-size: 14px;
    line-height: 1.55;
  }

  #landing-page .faith-feed article {
    min-height: 128px;
  }

  #landing-page .faith-feed strong {
    margin-bottom: 7px;
    font-size: 16.5px;
  }

  #landing-page .faith-feed p {
    font-size: 14px;
    line-height: 1.55;
  }

  #landing-page .win-masthead {
    align-items: stretch;
  }

  #landing-page .win-ratio-emblem {
    width: 100%;
    text-align: left;
  }

  #landing-page .win-ratio-emblem strong {
    justify-content: flex-start;
  }

  #landing-page .pagefoot-anchors {
    gap: 12px;
  }
}

@media (max-width: 420px) {
  #landing-page .cover-heading {
    font-size: 31px;
    line-height: 1.2;
  }

  #landing-page .cover-explanation {
    font-size: 15px;
  }

  #landing-page .cover-path-tile strong {
    font-size: 25px;
  }

  #landing-page .cover-pane-top {
    align-items: flex-start;
  }

  #landing-page .cover-pane-top strong {
    white-space: normal;
    text-align: right;
  }

  #landing-page .intro-wordmark-flag {
    width: 28px;
    height: 28px;
  }

  #landing-page .intro-signin-anchor {
    display: none;
  }

  #landing-page .cover-heading {
    font-size: 32px;
  }

  #landing-page .cover-explanation {
    font-size: 15px;
  }

  #landing-page .cover-emblem {
    font-size: 12px;
  }

  #landing-page .cover-path-tile {
    grid-template-columns: 1fr;
    text-align: center;
  }

  #landing-page .path-pointer {
    transform: rotate(90deg);
    margin: 0 auto;
  }

  #landing-page .cover-path-tile div:last-child {
    text-align: center;
  }

  #landing-page .zone-heading {
    font-size: 25px;
  }
}

@media (min-width: 641px) and (max-width: 960px) {
  #console-page .depot-tile {
    grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr);
    align-items: end;
  }

  #console-page .depot-tile label:last-child {
    text-align: right;
  }

  #console-page .depot-tile .exchange-btn {
    justify-self: center;
    transform: none;
  }

  #console-page .depot-tile .exchange-btn:hover {
    transform: rotate(180deg);
  }
}

@media (max-width: 640px) {
  body {
    padding-bottom: calc(88px + env(safe-area-inset-bottom));
  }

  #landing-page {
    padding-bottom: calc(92px + env(safe-area-inset-bottom));
  }

  #landing-page .intro-phone-base-deeds {
    position: fixed;
    z-index: 7000;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-columns: minmax(118px, 0.95fr) minmax(0, 1.9fr);
    gap: 12px;
    padding: 14px max(20px, env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));
    border-top: 1px solid rgba(49, 130, 246, 0.22);
    background: var(--tc-surface);
    box-shadow: 0 -10px 32px rgba(2, 6, 16, 0.55);
    backdrop-filter: blur(16px);
  }

  #landing-page .intro-phone-base-deeds a,
  #landing-page .intro-phone-base-deeds button {
    min-width: 0;
    min-height: 64px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border-radius: 18px;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.1;
    white-space: nowrap;
  }

  #landing-page .intro-phone-base-deeds .intro-phone-facts {
    border: 0;
    background: var(--tc-blue-tint);
    color: var(--tc-sub);
    box-shadow: inset 0 0 0 1px rgba(25, 31, 40, 0.077);
  }

  #landing-page .intro-phone-kickoff {
    border: 0;
    background: var(--tkt-amber-500);
    color: var(--tc-ink);
    box-shadow: 0 10px 26px rgba(49, 130, 246, 0.32);
  }

  #landing-page .intro-phone-base-deeds i {
    display: none;
  }

  #console-page {
    padding-bottom: calc(92px + env(safe-area-inset-bottom));
  }

  #console-page .web-masthead {
    position: static;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    min-height: 58px;
    padding: calc(9px + env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 9px max(12px, env(safe-area-inset-left));
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    transform: none;
    filter: none;
  }

  #console-page .web-menu {
    position: fixed;
    z-index: 7000;
    right: 0;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    padding: 8px max(8px, env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
    border-top: 1px solid rgba(49, 130, 246, 0.14);
    background: var(--tc-surface);
    box-shadow: 0 -18px 42px rgba(3, 7, 18, 0.42);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    transform: none;
    filter: none;
    scrollbar-width: none;
  }

  #console-page .web-menu::-webkit-scrollbar {
    display: none;
  }

  #console-page .web-menu [data-ops-menu] {
    display: none !important;
  }

  #console-page .web-menu a {
    min-width: 0;
    width: 100%;
    min-height: 58px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 2px;
    border: 1px solid transparent;
    border-radius: 15px;
    color: var(--tc-muted);
    background: transparent;
    box-shadow: none;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: 0;
    text-align: center;
  }

  #console-page .web-menu a.now-active {
    color: #63a0ff;
    border-color: rgba(96, 165, 250, 0.18);
    background: rgba(49, 130, 246, 0.13);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.07),
      0 10px 24px rgba(49, 130, 246, 0.1);
  }

  #console-page .web-menu a:hover {
    color: var(--tc-ink);
    background: rgba(49, 130, 246, 0.09);
  }

  #console-page .menu-glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 24px;
    color: currentColor;
    font-size: 21px;
    line-height: 24px;
  }

  #console-page .menu-glyph i {
    display: block;
  }

  #console-page .menu-caption-whole {
    display: none;
  }

  #console-page .menu-caption-brisk {
    display: inline;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #console-page .ticketing-frame {
    padding-bottom: calc(126px + env(safe-area-inset-bottom));
  }

  #console-page .depot-tile {
    grid-template-columns: minmax(0, 1fr) 38px minmax(0, 1fr) !important;
    align-items: end;
    gap: 8px;
    padding: 16px;
  }

  #console-page .depot-tile label {
    min-width: 0;
    gap: 6px;
  }

  #console-page .depot-tile label:last-child {
    text-align: right;
  }

  #console-page .depot-tile input {
    min-height: 52px;
    padding-inline: 8px;
    border-radius: 12px;
    font-size: clamp(18px, 6vw, 24px);
    line-height: 1.1;
  }

  #console-page .depot-tile .exchange-btn {
    width: 38px;
    height: 38px;
    align-self: end;
    justify-self: center;
    margin: 0 0 7px;
    transform: none;
    font-size: 18px;
  }

  #console-page .depot-tile .exchange-btn:hover {
    transform: rotate(180deg);
  }

  #console-page .day-tile {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px;
    padding: 16px;
    overflow: visible;
  }

  #console-page .day-tile .glyph-entrybox {
    min-width: 0;
    width: 100%;
  }

  #console-page .day-tile input,
  #console-page .day-tile select {
    width: 100%;
    min-width: 0;
    height: 52px;
    min-height: 52px;
    padding: 0 8px 0 34px;
    border-radius: 12px;
    font-size: clamp(13px, 4vw, 16px);
    line-height: 52px;
    text-align: center;
  }

  #console-page .day-tile input[type="date"] {
    padding-right: 6px;
  }

  #console-page .day-tile select {
    padding-right: 26px;
    text-align-last: center;
  }

  #console-page .glyph-entrybox > span {
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
  }
}

.seek-tier[hidden],
.phone-outcome-digest[hidden],
.ping-needed-popup[hidden] {
  display: none !important;
}

.seek-tier {
  display: grid;
  justify-items: center;
  gap: 18px;
  min-height: 520px;
  padding: 24px 0 40px;
  text-align: center;
}

.seek-path-tile {
  width: min(100%, 760px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(86px, auto) minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  padding: 26px 28px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.20);
}

.seek-path-tile strong {
  min-width: 0;
  color: var(--tc-ink);
  font-size: clamp(28px, 7vw, 48px);
  font-weight: 950;
  line-height: 1.05;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seek-path-tile > strong:last-of-type {
  text-align: right;
}

.seek-path-tile div {
  display: grid;
  justify-items: center;
  gap: 6px;
  color: var(--tc-muted);
}

.seek-path-tile span {
  color: var(--active);
  font-size: 14px;
  font-weight: 950;
}

.seek-path-tile small {
  color: var(--tc-muted);
  font-size: 13px;
  font-weight: 800;
}

body.booking-invite-launch .snack {
  top: max(16px, env(safe-area-inset-top));
  bottom: auto;
}

.seek-path-tile > .seek-criterion-digest {
  grid-column: 1 / -1;
  justify-self: center;
  max-width: 100%;
  line-height: 1.45;
  text-align: center;
  white-space: normal;
  word-break: keep-all;
}

.seek-path-tile b {
  color: var(--tc-muted);
  font-size: 30px;
  line-height: 1;
}

.seek-pulling-look {
  position: relative;
  width: 112px;
  height: 112px;
  display: grid;
  place-items: center;
  margin-top: 84px;
  border-radius: 999px;
  color: #7aa2ff;
  background: rgba(49, 130, 246, 0.08);
}

.seek-pulling-look span {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: rgba(49, 130, 246, 0.12);
  animation: seekThrob 1.35s ease-in-out infinite;
}

.seek-pulling-look i {
  position: relative;
  font-size: 46px;
  animation: seekFloat 1.2s ease-in-out infinite;
}

.seek-tier > strong {
  color: var(--tc-sub);
  font-size: clamp(26px, 8vw, 40px);
  font-weight: 950;
  letter-spacing: 0;
}

.seek-tier > p {
  margin: -8px 0 0;
  color: var(--tc-muted);
  font-size: 18px;
  font-weight: 750;
}

.phone-outcome-digest {
  display: grid;
  gap: 14px;
  width: min(100%, 690px);
  margin: 0 auto 18px;
}

.phone-outcome-digest > button {
  min-height: 50px;
  padding: 0 18px;
  border-radius: 14px;
  color: var(--tc-ink);
  border: 1px solid rgba(96, 165, 250, 0.42);
  background: linear-gradient(135deg, rgba(49, 130, 246, 0.22), var(--tc-blue-tint));
  box-shadow: 0 14px 30px rgba(49, 130, 246, 0.14);
  font-size: 14px;
  font-weight: 900;
}

.ping-needed-scrim {
  position: fixed;
  z-index: 7600;
  inset: 0;
  background: rgba(15, 23, 42, 0.62);
  backdrop-filter: blur(9px);
}

.ping-needed-popup {
  position: fixed;
  z-index: 7610;
  inset: 0;
  width: min(520px, calc(100vw - 32px));
  max-height: calc(100dvh - 24px);
  margin: auto;
  padding: 0;
  color: var(--tc-ink);
  background: transparent;
  border: 0;
  overflow: hidden;
}

.ping-needed-popup::backdrop {
  background: transparent;
}

.ping-needed-tile {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 18px;
  max-height: calc(100dvh - 24px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 34px 30px 30px;
  border-radius: 26px;
  background: var(--tc-surface);
  box-shadow: 0 26px 80px rgba(15, 23, 42, 0.34);
  text-align: center;
}

.ping-needed-glyph {
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #3867e8;
  background: var(--tc-blue-tint);
  font-size: 34px;
}

.ping-needed-tile h2 {
  margin: 10px 0 0;
  color: var(--tc-ink);
  font-size: clamp(30px, 7vw, 38px);
  font-weight: 950;
  letter-spacing: 0;
}

.ping-needed-tile p {
  max-width: 390px;
  margin: 0;
  color: #6b7280;
  font-size: 18px;
  font-weight: 750;
  line-height: 1.55;
}

.ping-needed-deeds {
  width: 100%;
  display: grid;
  gap: 12px;
  margin-top: 10px;
}

.ping-needed-deeds .send-btn,
.ping-needed-deeds .phantom-btn {
  width: 100%;
  min-height: 58px;
  justify-content: center;
  border-radius: 14px;
  font-size: 18px;
  font-weight: 950;
}

.ping-needed-deeds .phantom-btn {
  color: #6b7280;
  background: var(--tc-fill);
  border: 1px solid var(--tc-line);
}

body.ping-needed-launch {
  overflow: hidden;
}

.order-agreed-scrim {
  position: fixed;
  z-index: 7800;
  inset: 0;
  background: rgba(3, 7, 18, 0.74);
  backdrop-filter: blur(12px);
}

.order-agreed-popup {
  position: fixed;
  z-index: 7810;
  inset: 0;
  width: min(520px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 0;
  display: grid;
  place-items: center;
  overflow: visible;
  color: var(--tc-ink);
  background: transparent;
  border: 0;
}

.ping-needed-dismiss {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  color: var(--tc-muted);
  background: var(--tc-fill-soft);
  border: 1px solid var(--tc-line);
  border-radius: 999px;
  font-size: 24px;
  line-height: 1;
}

.order-agreed-popup:not([open]) {
  display: none;
}

.order-agreed-popup[open] {
  display: grid;
  place-items: center;
}

.order-agreed-popup::backdrop {
  background: transparent;
}

.order-agreed-tile {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: grid;
  justify-items: center;
  gap: 18px;
  padding: 36px 30px 30px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 24px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(49, 130, 246, 0.16) 0 7px, transparent 7px),
    var(--tc-surface);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.48);
  text-align: center;
  animation: orderAgreedAppear 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes orderAgreedAppear {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

body.now-srt .order-agreed-tile {
  background:
    linear-gradient(180deg, rgba(49, 130, 246, 0.2) 0 7px, transparent 7px),
    var(--tc-surface);
}

.order-agreed-glyph {
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: var(--tc-ink);
  background: rgba(49, 130, 246, 0.18);
  border: 1px solid rgba(96, 165, 250, 0.28);
  font-size: 31px;
  box-shadow: 0 18px 40px rgba(49, 130, 246, 0.22);
}

.order-agreed-tile h2 {
  margin: 6px 0 0;
  color: #ffffff;
  font-size: 28px;
  line-height: 1.22;
  font-weight: 950;
}

.order-agreed-tile > p {
  max-width: 370px;
  margin: 0;
  color: rgba(203, 213, 225, 0.82);
  font-size: 15px;
  line-height: 1.65;
  font-weight: 750;
}

.order-agreed-digest {
  width: 100%;
  display: grid;
  gap: 16px;
  padding: 18px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
}

.order-agreed-aux {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(148, 163, 184, 0.18);
}

.order-agreed-aux span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 8px;
  color: var(--tc-ink);
  background: rgba(255, 255, 255, 0.07);
  font-size: 12px;
  font-weight: 950;
}

.order-agreed-path {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

.order-agreed-path div {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.order-agreed-path div:first-child {
  text-align: left;
}

.order-agreed-path div:last-child {
  text-align: right;
}

.order-agreed-path strong {
  min-width: 0;
  color: #ffffff;
  font-size: 23px;
  line-height: 1.15;
  font-weight: 950;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.order-agreed-path small {
  color: var(--tc-muted);
  font-size: 13px;
  font-weight: 750;
}

.order-agreed-path > span {
  color: var(--tc-muted);
  font-size: 24px;
  font-weight: 900;
}

.order-agreed-deeds {
  width: 100%;
  display: grid;
  gap: 12px;
  margin-top: 2px;
}

.order-agreed-deeds button {
  min-height: 56px;
  border-radius: 13px;
  font-size: 16px;
  font-weight: 950;
}

.order-agreed-deeds button:first-child {
  color: #ffffff;
  background: linear-gradient(135deg, var(--tc-blue), var(--tc-blue));
  box-shadow: 0 16px 34px rgba(49, 130, 246, 0.28);
}

.order-agreed-deeds button:last-child {
  color: var(--tc-ink);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(148, 163, 184, 0.18);
}

body.order-agreed-launch {
  overflow: hidden;
}

.credit-win-scrim {
  position: fixed;
  z-index: 122;
  inset: 0;
  background: rgba(3, 7, 18, 0.78);
  backdrop-filter: blur(14px);
}

.credit-win-scrim[hidden],
.credit-win-popup[hidden] {
  display: none;
}

.credit-win-popup {
  position: fixed;
  z-index: 123;
  inset: 0;
  width: min(520px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 0;
  overflow: visible;
  color: var(--tc-ink);
  background: transparent;
  border: 0;
}

.credit-win-popup::backdrop {
  background: transparent;
}

.credit-win-tile {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 18px;
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  padding: 38px 30px 30px;
  border: 1px solid rgba(96, 165, 250, 0.24);
  border-radius: 24px;
  background:
    radial-gradient(circle at 50% 0%, rgba(49, 130, 246, 0.18), transparent 34%),
    linear-gradient(180deg, rgba(49, 130, 246, 0.18) 0 7px, transparent 7px),
    var(--tc-surface);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.5);
  text-align: center;
  animation: zoomUp 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

.credit-win-glyph {
  width: 78px;
  height: 78px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: var(--tc-ink);
  background: rgba(49, 130, 246, 0.18);
  border: 1px solid rgba(96, 165, 250, 0.34);
  font-size: 30px;
  box-shadow: 0 18px 44px rgba(49, 130, 246, 0.24);
}

.credit-win-preline {
  margin: 0;
  color: var(--tc-blue-deep);
  font-size: 13px;
  line-height: 1.3;
  font-weight: 950;
}

.credit-win-tile h2 {
  margin: -4px 0 0;
  color: #ffffff;
  font-size: 28px;
  line-height: 1.22;
  font-weight: 950;
}

.credit-win-tile > p:not(.credit-win-preline) {
  max-width: 380px;
  margin: 0;
  color: rgba(203, 213, 225, 0.84);
  font-size: 15px;
  line-height: 1.65;
  font-weight: 750;
}

.credit-win-digest {
  width: 100%;
  display: grid;
  gap: 0;
  padding: 4px 18px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
}

.credit-win-digest div {
  min-height: 46px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border-bottom: 1px dashed rgba(148, 163, 184, 0.18);
}

.credit-win-digest div:last-child {
  border-bottom: 0;
}

.credit-win-digest div[hidden] {
  display: none;
}

.credit-win-digest span {
  min-width: 0;
  color: var(--tc-muted);
  text-align: left;
  font-size: 13px;
  font-weight: 850;
}

.credit-win-digest strong {
  min-width: 0;
  color: #ffffff;
  text-align: right;
  font-size: 16px;
  font-weight: 950;
  overflow-wrap: anywhere;
}

.credit-win-deeds {
  width: 100%;
  display: grid;
  margin-top: 2px;
}

.credit-win-deeds button {
  min-height: 56px;
  border-radius: 13px;
  color: #ffffff;
  background: linear-gradient(135deg, var(--tc-blue), var(--tc-blue));
  font-size: 16px;
  font-weight: 950;
  box-shadow: 0 16px 34px rgba(49, 130, 246, 0.3);
}

body.credit-win-launch {
  overflow: hidden;
}

[data-ping-prefs-tile].now-push-highlighted {
  outline: 3px solid rgba(96, 165, 250, 0.74);
  box-shadow: 0 0 0 8px rgba(49, 130, 246, 0.16), var(--shadow);
}

@keyframes seekThrob {
  0% {
    opacity: 0.8;
    transform: scale(0.88);
  }
  70% {
    opacity: 0.08;
    transform: scale(1.32);
  }
  100% {
    opacity: 0;
    transform: scale(1.36);
  }
}

@keyframes seekFloat {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}

@media (max-width: 640px) {
  #console-page .outcome-pane.now-mobile-results {
    padding: 0 max(10px, env(safe-area-inset-right)) 0 max(10px, env(safe-area-inset-left));
    border: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    overflow: visible;
  }

  #console-page .outcome-pane.now-mobile-results .outcome-top {
    display: none;
  }

  #console-page .outcome-pane.now-mobile-results .blank-outcomes {
    margin-top: 16px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.05);
  }

  #console-page .phone-outcome-digest {
    display: grid;
    gap: 12px;
    margin-bottom: 18px;
  }

  #console-page .seek-tier {
    min-height: calc(100dvh - 178px);
    padding: 16px 0 28px;
  }

  #console-page .seek-path-tile {
    gap: 8px;
    padding: 19px 17px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.07);
  }

  #console-page .seek-path-tile strong {
    font-size: clamp(26px, 8.4vw, 36px);
  }

  #console-page .seek-path-tile span {
    font-size: 14px;
  }

  #console-page .seek-path-tile small {
    font-size: 12px;
  }

  #console-page .seek-pulling-look {
    width: 112px;
    height: 112px;
    margin-top: 90px;
  }

  #console-page .rail-outcomes {
    gap: 16px;
    margin-top: 0;
    padding-bottom: calc(126px + env(safe-area-inset-bottom));
  }

  #console-page .rail-tile {
    gap: 15px;
    padding: 16px;
    border-radius: 22px;
    background: linear-gradient(180deg, var(--tc-surface), var(--tc-surface));
    box-shadow: 0 16px 34px rgba(3, 7, 18, 0.26);
  }

  #console-page .rail-upper {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  #console-page .rail-emblem {
    min-height: 28px;
    padding: 0 11px;
    border-radius: 999px;
    font-size: 14px;
  }

  #console-page .rail-span {
    font-size: 15px;
  }

  #console-page .moment-stroke {
    grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) !important;
    justify-items: stretch;
    gap: 8px;
    text-align: left;
  }

  #console-page .moment-stroke strong {
    font-size: clamp(32px, 10.5vw, 44px);
    line-height: 1.02;
  }

  #console-page .moment-stroke strong:last-child {
    text-align: right;
  }

  #console-page .moment-stroke span {
    align-self: center;
    color: var(--tc-muted);
    font-size: 24px;
    text-align: center;
    transform: none !important;
  }

  #console-page .spot-deeds {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px;
  }

  #console-page .spot-deeds.sole {
    grid-template-columns: 1fr !important;
  }

  #console-page .spot-selection {
    min-height: 88px;
    align-items: center;
    padding: 12px 10px;
    border-radius: 18px;
    background: var(--tc-surface);
  }

  #console-page .spot-selection-facts {
    justify-content: center;
    text-align: center;
  }

  #console-page .spot-selection-facts strong {
    font-size: 16px;
  }

  #console-page .spot-phase-emblem {
    min-height: 22px;
    font-size: 11px;
  }

  #console-page .spot-deed {
    min-height: 40px;
    padding-inline: 8px;
    font-size: 12px;
  }

  .ping-needed-popup {
    width: min(100% - 36px, 520px);
  }

  .ping-needed-tile {
    padding: 34px 24px 28px;
    border-radius: 24px;
  }

  .order-agreed-popup {
    width: min(100% - 28px, 520px);
  }

  .order-agreed-tile {
    padding: 32px 20px 22px;
    border-radius: 22px;
  }

  .order-agreed-tile h2 {
    font-size: 24px;
  }

  .order-agreed-digest {
    padding: 14px;
  }

  .order-agreed-aux {
    flex-wrap: wrap;
    justify-content: center;
  }

  .order-agreed-path strong {
    font-size: 20px;
  }

  .credit-win-popup {
    width: min(100% - 28px, 520px);
  }

  .credit-win-tile {
    gap: 15px;
    padding: 32px 20px 22px;
    border-radius: 22px;
  }

  .credit-win-glyph {
    width: 70px;
    height: 70px;
    font-size: 27px;
  }

  .credit-win-tile h2 {
    font-size: 24px;
  }

  .credit-win-tile > p:not(.credit-win-preline) {
    font-size: 14px;
  }

  .credit-win-digest {
    padding: 4px 14px;
  }

  .credit-win-digest div {
    min-height: 44px;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  }

  .credit-win-digest strong {
    font-size: 15px;
  }
}

#landing-page {
  --tkt-navy-950: #f4f7fb;
  --tkt-slate-800: #ffffff;
  --tkt-paper-100: #191f28;
  --tkt-amber-500: #6d5cf2;
  --tkt-stamp-red: #e5483c;
  --tkt-signal-green: #2fbe73;
  --tkt-steel-400: #64748b;
  --tkt-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

#landing-page .intro-masthead {
  background: var(--tc-glass);
  border-bottom-color: var(--tc-line);
}

#landing-page .intro-wordmark,
#landing-page .intro-menu a,
#landing-page .intro-signin-anchor {
  color: var(--tkt-paper-100);
}

#landing-page .intro-menu {
  display: none;
}

#landing-page .intro-kickoff-btn {
  color: #ffffff;
  background: var(--tc-blue);
  border-color: var(--tc-blue);
}

#landing-page .intro-cover {
  min-height: 610px;
  padding: 58px 24px 42px;
  background: radial-gradient(130% 100% at 50% 0%, var(--tc-blue-tint) 0%, var(--tc-surface) 62%);
}

#landing-page .cover-overlayer {
  background:
    linear-gradient(180deg, rgba(49, 130, 246, 0.08) 0%, transparent 35%, rgba(47, 190, 115, 0.08) 100%);
}

#landing-page .cover-holder {
  grid-template-columns: minmax(0, 1.02fr) minmax(320px, 0.78fr);
  gap: 46px;
}

#landing-page .cover-emblem-lane {
  align-items: flex-start;
  gap: 10px;
}

#landing-page .cover-emblem,
#landing-page .cover-evidence-emblems span {
  min-height: 38px;
  border-radius: 6px;
  font-size: 13px;
}

#landing-page .cover-emblem {
  color: var(--tkt-paper-100);
  background: var(--tc-fill);
  border-color: var(--tc-line);
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
}

#landing-page .cover-emblem .bead {
  background: var(--tkt-signal-green);
  box-shadow: 0 0 0 5px rgba(47, 190, 115, 0.16);
}

#landing-page .cover-realtime-tally-emblem {
  gap: 7px;
}

#landing-page .cover-tally-numeral,
#landing-page [data-cover-deck-tally],
#landing-page .intro-gauge-stroke span {
  font-family: var(--tkt-mono);
  font-variant-numeric: tabular-nums;
}

#landing-page .cover-tally-numeral {
  color: var(--tkt-amber-500);
  font-weight: 900;
  transition: transform 150ms ease, opacity 150ms ease;
}

#landing-page .cover-tally-wording {
  min-width: 0;
}

#landing-page .cover-tally-numeral.now-flipping,
#landing-page [data-cover-deck-tally].now-flipping {
  opacity: 0;
  transform: translateY(-4px);
}

#landing-page .cover-evidence-emblems span {
  color: var(--tkt-paper-100);
  background: var(--tc-fill);
  border-color: var(--tc-line);
  box-shadow: none;
}

#landing-page .cover-evidence-emblems span:nth-child(2) {
  color: var(--tc-ink);
  background: var(--tkt-signal-green);
  border-color: rgba(47, 190, 115, 0.8);
  box-shadow: none;
}

#landing-page .cover-evidence-emblems span:nth-child(3),
#landing-page .cover-evidence-emblems span:nth-child(4) {
  color: var(--tkt-paper-100);
  background: rgba(49, 130, 246, 0.12);
  border-color: rgba(49, 130, 246, 0.38);
}

#landing-page .cover-heading {
  max-width: 720px;
  margin-bottom: 18px;
  color: var(--tkt-paper-100);
  font-size: 54px;
  line-height: 1.12;
}

#landing-page .intro-cover-heading-stroke {
  display: block;
  white-space: nowrap;
}

#landing-page .intro-cover-emphasis {
  color: var(--tkt-amber-500);
  font-family: var(--tkt-mono);
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

#landing-page .cover-heading-wordmark {
  color: var(--tkt-amber-500);
  font-family: var(--tkt-mono);
  font-variant-numeric: tabular-nums;
}

#landing-page .cover-heading-wordmark::before {
  left: -0.03em;
  right: -0.03em;
  bottom: 0.04em;
  height: 0.16em;
  border-radius: 2px;
  background: rgba(49, 130, 246, 0.28);
  box-shadow: 0 0.08em 0.32em rgba(49, 130, 246, 0.28);
  transform: none;
}

#landing-page .cover-heading-wordmark::after {
  display: none;
}

#landing-page .cover-explanation {
  max-width: 600px;
  margin-bottom: 24px;
  color: var(--tc-sub);
  font-size: 18px;
  line-height: 1.68;
}

#landing-page .intro-cover-subtext span {
  display: block;
}

#landing-page .cover-chief {
  color: var(--tc-ink);
  background: var(--tkt-amber-500);
  box-shadow: 0 18px 42px rgba(49, 130, 246, 0.26);
  animation: tktGoThrob 4s ease-in-out infinite;
}

#landing-page .cover-chief:hover {
  color: var(--tc-ink);
  background: var(--tc-blue);
  transform: translateY(-2px);
  box-shadow: 0 22px 48px rgba(49, 130, 246, 0.34);
}

#landing-page .cover-second {
  color: var(--tkt-paper-100);
  background: var(--tc-blue-tint);
  border-color: rgba(25, 31, 40, 0.132);
}

#landing-page .cover-leaving-deck {
  color: var(--tkt-paper-100);
  background: linear-gradient(180deg, var(--tc-surface), var(--tc-surface));
  border-color: rgba(49, 130, 246, 0.26);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);
}

#landing-page .cover-leaving-deck .cover-pane-top span,
#landing-page .cover-path-tile span,
#landing-page .cover-deck-meter span,
#landing-page .cover-deck-meter em,
#landing-page .cover-deck-phase span,
#landing-page .manner-tile > span {
  font-family: var(--tkt-mono);
  letter-spacing: 0 !important;
}

#landing-page .cover-leaving-deck .cover-pane-top span {
  color: var(--tkt-steel-400);
  font-size: 12px;
  font-weight: 800;
}

#landing-page .cover-leaving-deck .cover-pane-top strong {
  color: var(--tc-ink);
  background: var(--tkt-signal-green);
}

#landing-page .cover-leaving-deck .cover-path-tile {
  background: var(--tc-fill-soft);
  border-color: var(--tc-line);
}

#landing-page .cover-leaving-deck .cover-path-tile span {
  color: var(--tkt-steel-400);
}

#landing-page .cover-leaving-deck .cover-path-tile strong {
  color: var(--tkt-paper-100);
}

#landing-page .cover-leaving-deck .path-pointer {
  color: var(--tkt-amber-500) !important;
  background: rgba(49, 130, 246, 0.1);
}

#landing-page .cover-deck-meter {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  margin: 14px 0;
  padding: 13px 14px;
  border: 1px solid var(--tc-line);
  border-radius: 8px;
  background: var(--tc-fill-soft);
}

#landing-page .cover-deck-meter span,
#landing-page .cover-deck-meter em {
  color: var(--tkt-steel-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

#landing-page .cover-deck-meter strong {
  min-width: 76px;
  display: inline-grid;
  place-items: center;
  border-radius: 6px;
  color: var(--tc-blue);
  background: var(--tc-blue-tint);
  border: 1px solid var(--tc-line);
  font-size: 28px;
  line-height: 1.35;
}

#landing-page .cover-deck-phase {
  display: grid;
  gap: 8px;
}

#landing-page .cover-deck-phase div {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border: 1px solid var(--tc-line);
  border-radius: 8px;
  background: var(--tc-fill-soft);
}

#landing-page .cover-deck-phase span {
  color: var(--tkt-amber-500);
  font-size: 12px;
  font-weight: 900;
}

#landing-page .cover-deck-phase strong {
  color: var(--tkt-paper-100);
  font-size: 14px;
  font-weight: 900;
}

#landing-page .cover-deck-phase div:first-child strong {
  color: var(--tc-red);
}

#landing-page .cover-deck-phase div:last-child strong {
  color: var(--tc-green);
}

#landing-page .intro-issue-zone {
  background: var(--tkt-navy-950);
  border-top: 1px solid var(--tc-line);
  border-bottom: 1px solid var(--tc-line);
}

#landing-page .issue-seal-tile {
  min-height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  text-align: center;
}

#landing-page .issue-seal {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 16px;
  transform: rotate(-6deg);
  border: 2px solid var(--tkt-stamp-red);
  border-radius: 6px;
  color: var(--tkt-stamp-red);
  font-size: 20px;
  font-weight: 950;
}

#landing-page .issue-seal-tile h2 {
  margin: 0;
  color: var(--tkt-paper-100);
  font-size: 34px;
  line-height: 1.2;
  font-weight: 950;
}

#landing-page .intro-manner {
  background: var(--tkt-navy-950);
}

#landing-page .intro-manner .zone-preline,
#landing-page .intro-manner .zone-heading {
  color: var(--tkt-paper-100);
}

#landing-page .intro-manner .zone-subhead {
  color: var(--tc-sub);
}

#landing-page .manner-tile {
  background: var(--tc-surface);
  border-color: rgba(25, 31, 40, 0.077);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.18);
}

#landing-page .manner-tile > span {
  width: auto;
  min-width: 74px;
  height: 32px;
  padding: 0 12px;
  border-radius: 6px;
  color: var(--tkt-amber-500);
  background: rgba(49, 130, 246, 0.12);
  border: 1px solid rgba(49, 130, 246, 0.28);
  font-size: 12px;
}

#landing-page .manner-tile h3 {
  color: var(--tkt-paper-100);
  font-size: 18px;
}

#landing-page .manner-tile p {
  color: var(--tc-sub);
}

#landing-page .intro-win {
  background: var(--tc-fill-soft);
}

#landing-page .intro-gauge-stroke {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#landing-page .intro-gauge-stroke span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid rgba(47, 190, 115, 0.25);
  border-radius: 6px;
  color: #075b35;
  background: var(--tc-green-tint);
  font-size: 13px;
  font-weight: 900;
}

#landing-page .hazard-undo-tile {
  min-width: 190px;
  border-color: rgba(47, 190, 115, 0.32);
  background: linear-gradient(180deg, var(--tc-surface) 0%, var(--tc-green-tint) 100%);
}

#landing-page .hazard-undo-tile strong {
  color: var(--tc-green);
  font-family: var(--tkt-mono);
  font-size: 36px;
}

#landing-page .organic-qna-tile {
  border-color: var(--tc-line);
  background: linear-gradient(180deg, var(--tc-surface) 0%, var(--tc-fill-soft) 100%);
}

#landing-page .organic-qna-tile h3 {
  color: var(--tkt-navy-950);
}

#landing-page .intro-phone-kickoff {
  color: var(--tc-ink);
  background: var(--tkt-amber-500);
  box-shadow: 0 10px 22px rgba(49, 130, 246, 0.25);
}

@keyframes tktGoThrob {
  0%, 84%, 100% {
    transform: scale(1);
  }
  90% {
    transform: scale(1.015);
  }
}

@media (prefers-reduced-motion: reduce) {
  #landing-page .cover-chief,
  #landing-page .cover-tally-numeral,
  #landing-page [data-cover-deck-tally] {
    animation: none;
    transition: none;
  }
}

@media (max-width: 1024px) {
  #landing-page .intro-cover {
    min-height: calc(100svh - 96px);
    padding: 48px 20px 34px;
  }

  #landing-page .cover-holder {
    width: 100%;
    max-width: 100%;
    grid-template-columns: 1fr;
    gap: 22px;
  }

  #landing-page .cover-clip {
    width: 100%;
    max-width: 760px;
    min-width: 0;
  }

  #landing-page .cover-realtime-pane {
    display: none;
  }
}

@media (max-width: 768px) {
  #landing-page .intro-cover {
    min-height: calc(100svh - 94px);
    padding: 34px 20px 28px;
  }

  #landing-page .cover-heading {
    font-size: 31px;
    line-height: 1.18;
  }

  #landing-page .cover-explanation {
    margin-bottom: 18px;
    font-size: 15px;
    line-height: 1.62;
  }

  #landing-page .cover-emblem {
    max-width: 100%;
    height: auto;
    min-height: 36px;
    white-space: normal;
    line-height: 1.25;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  #landing-page .cover-evidence-emblems {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: none;
  }

  #landing-page .cover-evidence-emblems::-webkit-scrollbar {
    display: none;
  }

  #landing-page .cover-evidence-emblems span {
    flex: 0 0 auto;
    min-height: 34px;
    padding-inline: 12px;
    font-size: 12px;
  }

  #landing-page .cover-deeds {
    width: 100%;
    max-width: 520px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }

  #landing-page .cover-chief,
  #landing-page .cover-second {
    min-height: 50px;
    width: 100%;
  }

  #landing-page .cover-second {
    min-height: 38px;
    background: transparent;
    border-color: transparent;
    text-decoration: underline;
    text-underline-offset: 4px;
  }

  #landing-page .issue-seal-tile {
    min-height: 104px;
    flex-direction: column;
    gap: 10px;
  }

  #landing-page .issue-seal-tile h2 {
    font-size: 26px;
  }

  #landing-page .intro-gauge-stroke {
    justify-content: center;
  }
}

@media (max-width: 420px) {
  #landing-page .intro-cover {
    padding-top: 28px;
  }

  #landing-page .cover-heading {
    font-size: 27px;
  }

  #landing-page .cover-realtime-tally-emblem {
    font-size: 12px;
  }
}

@media (max-width: 360px) {
  #landing-page .cover-heading {
    font-size: 24px;
  }
}

@media (max-width: 640px) {
  #landing-page .intro-phone-base-deeds {
    opacity: 0;
    pointer-events: none;
    transform: translateY(110%);
    transition: transform 180ms ease, opacity 180ms ease;
  }

  #landing-page .intro-phone-base-deeds.now-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
}


#landing-page {
  --tkt-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas,
    "Liberation Mono", monospace;
}

#landing-page .intro-cover-emphasis,
#landing-page .intro-gauge-stroke span,
#landing-page .hazard-undo-tile strong,
#landing-page .manner-tile > span {
  font-family: var(--font-sans);
  font-variant-numeric: tabular-nums;
  letter-spacing: normal !important;
}

#landing-page .intro-cover-emphasis {
  font-weight: 900;
}

#landing-page .cover-tally-numeral,
#landing-page [data-cover-deck-tally],
#landing-page .cover-deck-meter strong {
  font-family: var(--tkt-mono);
  font-feature-settings: "tnum" 1;
}

#landing-page .intro-win,
#landing-page .intro-tariff,
#landing-page .intro-organic-qna {
  background: var(--tkt-navy-950);
  border-top: 1px solid var(--tc-line);
}

#landing-page .zone-preline,
#landing-page .intro-manner .zone-preline {
  color: var(--tkt-amber-500);
  letter-spacing: 0.14em;
}

#landing-page .zone-heading {
  color: var(--tkt-paper-100);
}

#landing-page .zone-subhead {
  color: var(--tc-sub);
}

#landing-page .intro-gauge-stroke span {
  color: var(--tkt-paper-100);
  background: rgba(47, 190, 115, 0.1);
  border: 1px solid rgba(47, 190, 115, 0.32);
}

#landing-page .hazard-undo-tile {
  border: 1px solid rgba(47, 190, 115, 0.34);
  background: linear-gradient(180deg, var(--tc-surface) 0%, var(--tc-surface) 100%);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34);
}

#landing-page .hazard-undo-tile strong {
  color: var(--tkt-signal-green);
  font-size: 40px;
  font-weight: 900;
}

#landing-page .hazard-undo-tile > span {
  color: rgba(5, 150, 105, 0.9);
}


#landing-page .tariff-tile {
  color: var(--tkt-paper-100);
  background: var(--tkt-slate-800);
  border: 1px solid rgba(25, 31, 40, 0.077);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.26);
}

#landing-page .tariff-tile.favorite {
  border: 2px solid rgba(49, 130, 246, 0.6);
  box-shadow: 0 24px 56px rgba(49, 130, 246, 0.14);
}

#landing-page .tariff-emblem {
  color: var(--tkt-paper-100);
  background: rgba(25, 31, 40, 0.055);
}

#landing-page .tariff-emblem.azure {
  color: var(--tc-ink);
  background: var(--tkt-amber-500);
}

#landing-page .tariff-tile h3 {
  color: var(--tkt-paper-100);
}

#landing-page .tariff-tile .descr {
  color: var(--tkt-steel-400);
}

#landing-page .tariff-tile .cost {
  color: var(--tkt-steel-400);
}

#landing-page .tariff-tile .cost strong {
  color: var(--tkt-paper-100);
  font-variant-numeric: tabular-nums;
}

#landing-page .markdown-marker {
  color: var(--tc-red);
  background: rgba(229, 72, 60, 0.16);
}

#landing-page .perks-feed {
  color: var(--tc-sub);
}

#landing-page .tariff-knob {
  color: var(--tkt-paper-100);
  background: rgba(25, 31, 40, 0.033);
  border: 1px solid rgba(25, 31, 40, 0.121);
}

#landing-page .tariff-knob:hover {
  background: var(--tc-blue-tint);
  border-color: rgba(25, 31, 40, 0.187);
}

#landing-page .tariff-knob.azure {
  color: var(--tc-ink);
  background: var(--tkt-amber-500);
  box-shadow: 0 14px 30px rgba(49, 130, 246, 0.24);
}

#landing-page .tariff-knob.azure:hover {
  background: var(--tc-blue);
}

#landing-page .cost-caveat {
  color: var(--tkt-steel-400);
}

#landing-page .organic-qna-tile {
  border: 1px solid rgba(25, 31, 40, 0.077);
  background: var(--tkt-slate-800);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
}

#landing-page .organic-qna-tile h3 {
  color: var(--tkt-paper-100);
}

#landing-page .organic-qna-tile p {
  color: var(--tc-sub);
}

#landing-page .organic-howto-anchor-tile {
  border: 1px solid rgba(25, 31, 40, 0.077);
  background: var(--tc-fill-soft);
  color: var(--tkt-paper-100);
  box-shadow: none;
}

#landing-page .organic-howto-anchor-tile:hover {
  border-color: rgba(49, 130, 246, 0.5);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.3);
}

#landing-page .organic-howto-anchor-tile span {
  color: var(--tkt-amber-500);
}

#landing-page .organic-howto-anchor-tile strong {
  color: var(--tkt-paper-100);
}

#landing-page .intro-pagefoot {
  background: #081019;
  border-top: 1px solid var(--tc-line);
  color: var(--tkt-steel-400);
}

#landing-page .pagefoot-wordmark {
  color: var(--tkt-paper-100);
}

#landing-page .pagefoot-anchors a {
  color: var(--tc-sub);
}

#landing-page .pagefoot-anchors a:hover {
  color: var(--tkt-amber-500);
}

#landing-page .rights {
  color: rgba(138, 151, 166, 0.8);
}


#landing-page .cover-emblem {
  gap: 6px;
  min-height: 30px;
  padding: 6px 11px;
  border-radius: 6px;
  font-size: 12.5px;
  font-weight: 500;
  background: var(--tkt-slate-800);
  border-color: rgba(25, 31, 40, 0.055);
  box-shadow: none;
}

#landing-page .cover-tally-wording {
  color: var(--tkt-steel-400);
  font-weight: 500;
}

#landing-page .cover-tally-numeral {
  color: var(--tkt-paper-100);
  font-weight: 700;
  letter-spacing: 0.4px;
}

#landing-page .cover-emblem-lane {
  margin-bottom: 34px;
}

#landing-page .cover-heading {
  font-size: clamp(60px, 5vw, 68px);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -0.48px;
  margin-bottom: 38px;
}

#landing-page .intro-cover-heading-stroke {
  white-space: nowrap;
}

#landing-page .intro-cover-emphasis {
  color: var(--tkt-amber-500);
  font-weight: 900;
}

#landing-page .cover-explanation {
  color: var(--tkt-steel-400);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
  margin-bottom: 38px;
}

#landing-page .cover-deeds {
  align-items: center;
  gap: 8px 14px;
  margin: 8px 0 0;
}

#landing-page .cover-chief {
  gap: 7px;
  color: var(--tc-ink);
  background: var(--tkt-amber-500);
  font-size: 15px;
  font-weight: 800;
  box-shadow: 0 12px 28px rgba(49, 130, 246, 0.2);
}

#landing-page .cover-chief:hover {
  color: var(--tc-ink);
  background: var(--tc-blue);
}

#landing-page .cover-chief .tix {
  font-size: 18px;
}

#landing-page .cover-second {
  min-height: 0;
  padding: 4px 2px;
  color: var(--tkt-steel-400);
  background: transparent;
  border: 0;
  backdrop-filter: none;
  font-size: 13px;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 3px;
}

#landing-page .cover-second:hover {
  color: var(--tkt-paper-100);
  background: transparent;
}

#landing-page .cover-faith-lane {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 18px;
  max-width: 560px;
  margin-top: 30px;
  padding-top: 18px;
  border-top: 1px solid var(--tc-line);
}

#landing-page .cover-faith-lane span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--tkt-steel-400);
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}

#landing-page .cover-faith-lane .tix {
  font-size: 15px;
  color: var(--tkt-steel-400);
}

#landing-page .cover-faith-lane strong {
  color: var(--tkt-paper-100);
  font-weight: 800;
}

#landing-page .zone-heading {
  font-weight: 800;
  letter-spacing: -0.5px !important;
}

#landing-page .zone-preline {
  font-weight: 700;
  letter-spacing: 0.14em !important;
  text-transform: uppercase;
}

#landing-page .manner-tile h3,
#landing-page .tariff-tile h3,
#landing-page .organic-qna-tile h3,
#landing-page .organic-howto-anchor-tile strong,
#landing-page .issue-seal-tile h2 {
  font-weight: 800;
  letter-spacing: -0.3px !important;
}

#landing-page .manner-tile > span,
#landing-page .tariff-emblem,
#landing-page .tariff-emblem.azure,
#landing-page .tariff-knob,
#landing-page .intro-phone-kickoff,
#landing-page .intro-kickoff-btn {
  font-weight: 800;
}

@media (max-width: 1024px) {
  #landing-page .cover-faith-lane {
    max-width: 640px;
  }
}

@media (max-width: 768px) {
  #landing-page .intro-cover {
    padding-top: clamp(96px, 11svh, 116px);
  }

  #landing-page .cover-emblem-lane {
    margin-bottom: 52px;
  }

  #landing-page .cover-heading {
    font-size: clamp(32px, 8.7vw, 36px);
    font-weight: 900;
    line-height: 1.12;
    letter-spacing: -0.42px;
    margin-bottom: 54px;
  }

  #landing-page .cover-explanation {
    margin-bottom: 60px;
  }

  #landing-page .cover-deeds {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: min(100%, 520px);
    gap: 16px;
    margin: 0;
  }

  #landing-page .cover-second {
    display: inline-flex;
    width: 100%;
    min-height: 0;
    padding: 6px 0 2px;
  }

  #landing-page .cover-faith-lane {
    max-width: 100%;
    gap: 10px 16px;
  }
}

@media (max-width: 420px) {
  #landing-page .intro-cover {
    padding-top: 96px;
  }

  #landing-page .cover-heading {
    font-size: 32px;
  }
}

@media (max-width: 360px) {
  #landing-page .intro-cover {
    padding-top: 74px;
  }

  #landing-page .cover-heading {
    font-size: 29px;
  }
}


#landing-page .intro-faith {
  background: var(--tkt-navy-950);
  border-top: 1px solid var(--tc-line);
  border-bottom: 1px solid var(--tc-line);
}

#landing-page .faith-feed article {
  background: var(--tkt-slate-800);
  border: 1px solid rgba(25, 31, 40, 0.077);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
}

#landing-page .faith-feed strong {
  color: var(--tkt-paper-100);
  font-weight: 600;
}

#landing-page .faith-feed p {
  color: var(--tc-sub);
}


#landing-page .intro-gauge-stroke {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 0;
}

#landing-page .intro-gauge-stroke span {
  position: relative;
  min-height: 0;
  padding: 2px 16px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--tc-sub);
  font-size: 14px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}

#landing-page .intro-gauge-stroke span:first-child {
  padding-left: 0;
}

#landing-page .intro-gauge-stroke span:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 12px;
  transform: translateY(-50%);
  background: rgba(25, 31, 40, 0.099);
}

#landing-page .intro-gauge-stroke [data-promo-score] {
  color: var(--tkt-amber-500);
  font-weight: 600;
}

@media (max-width: 768px) {
  #landing-page .intro-gauge-stroke {
    justify-content: flex-start;
    gap: 4px 0;
  }

  #landing-page .intro-gauge-stroke span {
    padding: 2px 12px;
    font-size: 13px;
  }
}


#landing-page .cover-pictogram {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  stroke: currentColor;
}

#landing-page .cover-chief .cover-pictogram {
  width: 18px;
  height: 18px;
}

#landing-page .cover-hazard-jot {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 34px 0 0;
  color: var(--tkt-signal-green);
  font-size: 13px;
  font-weight: 500;
}

#landing-page .cover-hazard-jot .cover-pictogram {
  width: 15px;
  height: 15px;
}

#landing-page .cover-deck-grab {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding: 11px 13px;
  border: 1px solid rgba(47, 190, 115, 0.28);
  border-radius: 8px;
  background: rgba(47, 190, 115, 0.08);
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.32s ease, transform 0.32s ease;
}

#landing-page .cover-deck-grab .ceiling-bead {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--tkt-signal-green);
  box-shadow: 0 0 0 4px rgba(47, 190, 115, 0.18);
}

#landing-page .cover-deck-grab .ceiling-wording {
  color: var(--tc-green);
  font-size: 13px;
  font-weight: 600;
}

#landing-page .cover-deck-grab .ceiling-wording b {
  color: var(--tkt-signal-green);
  font-family: var(--tkt-mono);
  font-weight: 800;
}

#landing-page .cover-leaving-deck.now-capturing .cover-deck-grab {
  opacity: 1;
  transform: translateY(0);
}

#landing-page .cover-leaving-deck.now-capturing .cover-deck-phase div:last-child {
  border-color: rgba(47, 190, 115, 0.6);
  background: rgba(47, 190, 115, 0.12);
}

#landing-page .cover-leaving-deck.now-capturing .cover-pane-top strong {
  box-shadow: 0 0 0 4px rgba(47, 190, 115, 0.18);
}

@media (max-width: 1024px) {
  #landing-page .cover-realtime-pane {
    display: block;
    width: min(100%, 460px);
    margin-top: 26px;
    padding: 18px;
  }
}

@media (max-width: 768px) {
  #landing-page .cover-realtime-pane {
    width: 100%;
  }

  #landing-page .cover-deck-grab {
    padding: 10px 12px;
  }
}

#landing-page .intro-gauge-stroke [data-promo-idling] {
  display: block;
}

#landing-page .intro-gauge-stroke [data-cover-realtime-tally] {
  display: inline;
  padding: 0;
  font-variant-numeric: tabular-nums;
}

#landing-page .intro-gauge-stroke [data-cover-realtime-tally]::after {
  content: none;
}


#landing-page .cover-emblem-lane {
  flex-wrap: wrap;
  row-gap: 8px;
}

#landing-page .cover-emblem .bead {
  animation: tktRealtimeThrob 2.2s ease-in-out infinite;
}

@keyframes tktRealtimeThrob {
  0%, 100% { box-shadow: 0 0 0 0 rgba(47, 190, 115, 0.45); }
  55% { box-shadow: 0 0 0 6px rgba(47, 190, 115, 0); }
}

#landing-page .cover-bot-emblem {
  gap: 7px;
  color: var(--tkt-paper-100);
  background: rgba(49, 130, 246, 0.1);
  border-color: rgba(49, 130, 246, 0.3);
}

#landing-page .cover-bot-emblem .cover-pictogram {
  width: 14px;
  height: 14px;
  color: var(--tkt-amber-500);
}

#landing-page .cover-bot-emblem b {
  color: var(--tkt-amber-500);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

#landing-page .cover-heading {
  text-shadow: 0 2px 28px rgba(0, 0, 0, 0.4);
}

#landing-page .intro-cover-emphasis {
  position: relative;
  display: inline-block;
}

#landing-page .intro-cover-emphasis::after {
  content: "";
  position: absolute;
  left: 0.02em;
  right: 0.02em;
  bottom: 0.02em;
  height: 0.09em;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(49, 130, 246, 0.15), rgba(49, 130, 246, 0.85) 50%, rgba(49, 130, 246, 0.15));
  box-shadow: 0 0.06em 0.5em rgba(49, 130, 246, 0.55);
}

#landing-page .intro-cover-strikeout {
  position: relative;
  display: inline-block;
  color: #8a97a6;
  animation: tktCoverStrikeoutFade 0.45s ease-out 0.35s both;
}

#landing-page .intro-cover-strikeout::after {
  content: "";
  position: absolute;
  left: -0.04em;
  right: -0.04em;
  top: 54%;
  height: 0.08em;
  border-radius: 999px;
  background: #ff6b5e;
  box-shadow: 0 0 0.4em rgba(255, 107, 94, 0.45);
  transform: scaleX(0);
  transform-origin: left center;
  animation: tktCoverStrokeDraw 0.45s cubic-bezier(0.65, 0, 0.35, 1) 0.35s forwards;
}

#landing-page .intro-cover-emphasis {
  animation: tktCoverGleam 1.4s ease-out 0.85s both;
}

#landing-page .intro-cover-emphasis::after {
  transform: scaleX(0);
  transform-origin: left center;
  animation: tktCoverStrokeDraw 0.5s cubic-bezier(0.65, 0, 0.35, 1) 0.85s forwards;
}

@keyframes tktCoverStrikeoutFade {
  from { color: #ffffff; }
  to { color: #8a97a6; }
}

@keyframes tktCoverStrokeDraw {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

@keyframes tktCoverGleam {
  0% { text-shadow: none; }
  45% { text-shadow: 0 0 0.55em rgba(49, 130, 246, 0.6); }
  100% { text-shadow: 0 0 0.3em rgba(49, 130, 246, 0.25); }
}

@media (min-width: 1024.02px) and (max-width: 1080px) {
  #landing-page .cover-heading {
    font-size: 56px;
  }
}

@media (max-width: 360px) {
  #landing-page .cover-heading {
    font-size: min(29px, 9vw);
  }
}

@media (prefers-reduced-motion: reduce) {
  #landing-page .intro-cover-strikeout,
  #landing-page .intro-cover-strikeout::after,
  #landing-page .intro-cover-emphasis,
  #landing-page .intro-cover-emphasis::after {
    animation: none;
  }

  #landing-page .intro-cover-strikeout::after,
  #landing-page .intro-cover-emphasis::after {
    transform: none;
  }

  #landing-page .intro-cover-emphasis {
    text-shadow: 0 0 0.3em rgba(49, 130, 246, 0.25);
  }
}

#landing-page .cover-chief {
  background: linear-gradient(180deg, var(--tc-blue) 0%, var(--tkt-amber-500) 58%, var(--tc-blue) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    0 14px 34px rgba(49, 130, 246, 0.26);
}

#landing-page .cover-chief:hover {
  background: linear-gradient(180deg, var(--tc-blue) 0%, var(--tc-blue) 58%, var(--tc-blue) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    0 18px 42px rgba(49, 130, 246, 0.36);
}

#landing-page .cover-leaving-deck {
  position: relative;
  overflow: hidden;
  border-width: 1px;
  background: var(--tc-surface);
  box-shadow:
    0 0 0 1px #e5e9f0,
    0 24px 60px -24px rgba(15, 23, 42, 0.18);
}

#landing-page .cover-leaving-deck::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: repeating-linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.016) 0 1px,
    transparent 1px 3px
  );
  pointer-events: none;
}

#landing-page .cover-deck-meter strong,
#landing-page .cover-deck-meter strong [data-cover-deck-tally] {
  color: var(--tc-blue);
  text-shadow: none;
}

#landing-page .cover-deck-shift {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed var(--tc-line);
}

#landing-page .cover-deck-shift .shift-caption {
  color: var(--tkt-amber-500);
  font-family: var(--tkt-mono);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
}

#landing-page .cover-deck-shift .shift-wording {
  color: var(--tkt-steel-400);
  font-size: 12.5px;
  font-weight: 600;
}

#landing-page .cover-deck-shift .shift-bead {
  width: 7px;
  height: 7px;
  margin-left: auto;
  border-radius: 50%;
  background: var(--tkt-signal-green);
  animation: tktRealtimeThrob 2.2s ease-in-out infinite;
}

#landing-page .intro-cover::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 14px;
  height: 3px;
  background: repeating-linear-gradient(
    90deg,
    rgba(49, 130, 246, 0.5) 0 26px,
    transparent 26px 44px
  );
  opacity: 0.35;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  #landing-page .cover-emblem .bead,
  #landing-page .cover-deck-shift .shift-bead {
    animation: none;
  }
}

@media (max-width: 768px) {
  #landing-page .cover-bot-emblem {
    font-size: 12px;
    margin-top: 8px;
  }

  #landing-page .intro-cover::after {
    bottom: 10px;
  }
}

#console-page .order-fitness {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid rgba(49, 130, 246, 0.26);
  border-radius: 12px;
  background: rgba(49, 130, 246, 0.18);
}

#console-page .order-fitness-glyph {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #f0edfe;
  background: rgba(49, 130, 246, 0.24);
  font-size: 13px;
  font-weight: 950;
}

#console-page .order-fitness p {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 3px 8px;
  margin: 0;
  color: #dbe4f0;
  font-size: 13px;
  line-height: 1.45;
}

#console-page .order-fitness p strong {
  color: var(--tc-ink);
  font-size: 13px;
  font-weight: 950;
}

#console-page .order-fitness p span {
  min-width: 0;
  color: var(--tc-sub);
  overflow-wrap: anywhere;
}

.credit-win-digest [data-credit-win-extra-lane] strong {
  color: var(--tc-ink);
}

.credit-win-digest [data-credit-win-invite-extra-lane]:not([hidden]) {
  margin-inline: -8px;
  padding-inline: 8px;
  background: linear-gradient(90deg, rgba(49, 130, 246, 0.16), rgba(49, 130, 246, 0.08));
  border-radius: 9px;
}

.credit-win-digest [data-credit-win-invite-extra-lane] strong {
  color: var(--tc-blue-deep);
}

#console-page .order-fitness button {
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(49, 130, 246, 0.34);
  border-radius: 9px;
  color: #f0edfe;
  background: rgba(49, 130, 246, 0.16);
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

#console-page .blank-outcome-deeds {
  width: min(100%, 560px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 4px;
}

#console-page .blank-outcome-deeds button {
  min-height: 44px;
  padding: 0 10px;
  border: 1px solid rgba(96, 165, 250, 0.32);
  border-radius: 10px;
  color: var(--tc-ink);
  background: rgba(49, 130, 246, 0.14);
  font-size: 12px;
  font-weight: 900;
}

#console-page .blank-outcome-deeds button:hover:not(:disabled),
#console-page .blank-outcome-deeds button:focus-visible:not(:disabled) {
  border-color: rgba(96, 165, 250, 0.72);
  background: rgba(49, 130, 246, 0.28);
}

#console-page .blank-outcome-deeds button:disabled {
  color: var(--tc-muted);
  border-color: rgba(148, 163, 184, 0.14);
  background: rgba(148, 163, 184, 0.06);
  cursor: not-allowed;
}

.severe-bell-tile [data-severe-bell-tminus] {
  display: block;
  font-size: 15px;
  font-weight: 950;
}

.severe-bell-tile [data-severe-bell-cutoff-precise] {
  display: block;
  margin-top: 4px;
  color: var(--tc-sub);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

@media (max-width: 520px) {
  #console-page .order-fitness {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 9px 10px;
    padding: 11px 12px;
  }

  #console-page .order-fitness button {
    grid-column: 2;
    width: 100%;
    min-height: 42px;
  }

  #console-page .blank-outcome-deeds {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 960px) {
  .credit-mesh {
    width: min(100%, 720px);
  }
}

@media (max-width: 768px) {
  .invite-incoming-ribbon-intro {
    width: min(100% - 32px, 720px);
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 11px 12px;
    margin-top: 14px;
    padding: 13px;
  }

  .invite-incoming-ribbon-intro > button {
    grid-column: 1 / -1;
    width: 100%;
  }

  .invite-prize-calc {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .invite-prize-calc .now-milestone {
    grid-column: 1 / -1;
  }

  .invite-center-figures {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .invite-focuslight-tile.invite-center {
    gap: 16px;
    padding: 18px;
  }

  .invite-serial-crate > .spreadable-deeds {
    grid-template-columns: 1fr;
  }

  .invite-serial-crate .spreadable-deeds button {
    min-height: 48px;
    font-size: 13px;
  }

  .invite-center-figures {
    gap: 6px;
  }

  .invite-center-figures > div {
    padding: 9px 7px;
  }

  .persona-invite-go {
    grid-template-columns: 40px minmax(0, 1fr) auto;
    min-height: 82px;
    padding: 12px;
  }

  .persona-invite-go-glyph {
    width: 40px;
    height: 40px;
  }

  .access-sheet {
    padding: 28px 22px;
  }
}

@media (max-width: 420px) {
  .invite-incoming-ribbon-intro {
    width: calc(100% - 24px);
    grid-template-columns: 40px minmax(0, 1fr);
    padding: 12px;
    border-radius: 14px;
  }

  .invite-incoming-ribbon-intro .invite-incoming-glyph,
  .invite-incoming-ribbon-access .invite-incoming-glyph {
    width: 40px;
    height: 40px;
  }

  .invite-incoming-clip strong {
    font-size: 14px;
  }

  .invite-incoming-clip small {
    font-size: 11px;
  }

  .invite-center-overline {
    align-items: flex-start;
    flex-direction: column;
    gap: 7px;
  }

  .invite-prize-calc,
  .invite-center-figures {
    grid-template-columns: 1fr;
  }

  .invite-prize-calc .now-milestone {
    grid-column: auto;
  }

  .invite-center-figures > div {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px;
  }

  .invite-center-figures strong {
    text-align: right;
  }

  .invite-levy-jot {
    align-items: flex-start;
  }

  .persona-invite-go {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .persona-invite-go-glyph {
    width: 38px;
    height: 38px;
  }

  .persona-invite-go > i:last-child {
    display: none;
  }

  .access-sheet {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
    padding: 26px 18px 22px;
  }

  .invite-incoming-ribbon-access {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .booking-invite-drawer-tile,
  .invite-focuslight-tile.now-referral-focus,
  .spreadable-headway-trace span,
  .persona-invite-go {
    animation: none;
    transition: none;
  }
}

.credit-tile,
.invite-focuslight-tile {
  --ink: var(--tc-ink);
  --muted: var(--tc-muted);
  --line: var(--tc-line);
  color: var(--ink);
  background: var(--bg-panel);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}

.credit-purse-tile,
.invite-levy-jot,
.invite-prize-calc article,
.invite-serial-crate,
.invite-center-figures > div,
.invite-headway-niche,
.payin-affirmation {
  background: var(--tc-fill-soft);
  border: 1px solid var(--line);
  color: var(--tc-muted);
}

.credit-purse-tile strong,
.recharge-caption,
.recharge-sum-top strong,
.payin-affirmation h3,
.vault-slip strong,
.invite-focuslight-clip h3,
.invite-center-figures strong {
  color: var(--ink);
}

.credit-purse-tile span,
.recharge-caption.tight,
.payin-affirmation p,
.vault-slip span,
.credit-tile .payin-stream,
.invite-serial-crate > span,
.invite-prize-calc article > span,
.invite-prize-calc article > small,
.invite-center-figures span,
.invite-headway-niche,
.invite-focuslight-clip p:not(.preline) {
  color: var(--muted);
}

.credit-purse-tile b,
.recharge-sum-top span,
.invite-focuslight-clip .preline,
.invite-serial-crate > strong,
.invite-prize-calc strong,
.invite-levy-jot > i {
  color: var(--tc-blue);
}

.invite-prize-calc .now-milestone strong,
.invite-levy-jot strong,
.invite-reply,
.payin-affirmation-glyph,
.vault-slip button {
  color: var(--tc-blue-deep);
}

.recharge-caption input {
  color: var(--ink);
  background: var(--tc-surface);
  border: 1px solid var(--line);
}

.recharge-caption input::placeholder {
  color: var(--tc-muted);
}

.recharge-caption input:focus {
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--tc-blue);
}

.recharge-separator {
  background: var(--line);
}

.recharge-aid,
.invite-center-overline > span,
.invite-prize-calc article.now-milestone,
.invite-serial-crate .phantom-btn,
.payin-affirmation-glyph,
.vault-slip button {
  color: var(--tc-ink);
  background: rgba(49, 130, 246, 0.14);
  border: 1px solid rgba(96, 165, 250, 0.35);
}

.invite-prize-calc article.now-milestone {
  color: var(--tc-ink);
}

.sum-pill {
  color: var(--ink);
  background: rgba(49, 130, 246, 0.10);
  border: 1px solid rgba(96, 165, 250, 0.35);
}

.sum-pill:hover {
  border-color: var(--tc-blue);
}

.sum-pill span,
.sum-pill small {
  color: var(--tc-blue-deep);
}

.sum-pill strong {
  color: var(--tc-blue-deep);
}

.recharge-send.now-waiting {
  background: rgba(255, 255, 255, 0.12) !important;
  color: var(--muted);
}

.payin-advisory {
  color: var(--tc-red);
  background: rgba(239, 68, 68, 0.12);
  border: 1px solid rgba(252, 165, 165, 0.3);
}

.payin-advisory p {
  color: var(--tc-red);
}

.invite-center-headway {
  background: rgba(255, 255, 255, 0.03);
}

.credit-purse-tile b {
  color: var(--tc-blue-deep);
}

.recharge-sum-top span {
  color: var(--tc-green);
}

.sum-pill {
  position: relative;
  color: var(--ink);
  background: linear-gradient(180deg, rgba(49, 130, 246, 0.10), rgba(49, 130, 246, 0.08));
  border: 1px solid rgba(49, 130, 246, 0.45);
  box-shadow: 0 0 0 1px rgba(49, 130, 246, 0.08), 0 14px 32px rgba(0, 0, 0, 0.28);
}

.sum-pill:hover {
  border-color: var(--tc-blue);
  box-shadow: 0 0 0 2px rgba(49, 130, 246, 0.25), 0 14px 32px rgba(0, 0, 0, 0.28);
}

.sum-pill em {
  color: var(--tc-ink);
  background: linear-gradient(135deg, var(--tc-blue), var(--tc-blue));
  box-shadow: 0 6px 16px rgba(49, 130, 246, 0.35);
}

.sum-pill span {
  color: var(--ink);
}

.sum-pill strong {
  color: var(--tc-green);
}

.sum-pill small {
  color: var(--tc-green);
}

.recharge-send.now-ready {
  color: var(--tc-ink) !important;
  background: var(--tc-blue) !important;
  background-image: linear-gradient(135deg, var(--tc-blue), var(--tc-blue)) !important;
  box-shadow: 0 12px 28px rgba(49, 130, 246, 0.32) !important;
}

.recharge-aid {
  color: var(--tc-green);
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(74, 222, 128, 0.3);
}

.invite-prize-calc strong {
  color: var(--tc-green);
}

.invite-prize-calc article.now-milestone {
  color: #f0edfe;
  background: rgba(49, 130, 246, 0.12);
  border-color: rgba(49, 130, 246, 0.4);
}

.invite-prize-calc .now-milestone strong {
  color: var(--tc-blue);
}

.invite-headway-niche.now-complete {
  background: linear-gradient(135deg, var(--tc-blue), var(--tc-blue));
  color: var(--tc-ink);
}


.signin-btn[data-cockpit-signout],
.cockpit-masthead .signin-btn[data-cockpit-signout],
.intro-kickoff-btn.now-logout {
  color: var(--tc-sub) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: none !important;
}

.cover-emblem.cover-bot-emblem {
  color: var(--tc-sub) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: none !important;
}

.cover-emblem.cover-bot-emblem b {
  color: var(--tc-blue) !important;
}

.seek-btn {
  color: var(--tc-ink) !important;
  background: var(--tc-blue) !important;
  background-image: linear-gradient(135deg, var(--tc-blue), var(--tc-blue)) !important;
  box-shadow: 0 12px 28px rgba(49, 130, 246, 0.32) !important;
}

.ping-duty-advisory {
  color: var(--tc-blue) !important;
  background: rgba(49, 130, 246, 0.10) !important;
  border: 1px solid rgba(49, 130, 246, 0.35) !important;
}

.persona-invite-go {
  background: linear-gradient(135deg, var(--tc-blue), #1b64da) !important;
  box-shadow: 0 12px 28px rgba(49, 130, 246, 0.3) !important;
}

.persona-invite-go-glyph {
  color: var(--tc-blue) !important;
  background: rgba(49, 130, 246, 0.18) !important;
}

.win-zone .now-attention strong,
.win-zone .gauge-heed {
  color: var(--tc-blue);
}


.gauge-mesh article.now-live strong { color: var(--tc-blue-deep); }
.gauge-mesh article.now-attention strong { color: var(--tc-blue); }
.gauge-mesh article.now-attention {
  border-color: rgba(49, 130, 246, 0.4) !important;
  background: rgba(49, 130, 246, 0.08) !important;
}
.gauge-mesh article.now-reward strong { color: var(--tc-green); }

.order-archive-lane {
  color: var(--tc-sub) !important;
  background: rgba(255, 255, 255, 0.03) !important;
}
.order-archive-lane.st-reserved {
  background: rgba(34, 197, 94, 0.06) !important;
}

.order-phase.st-expired strong,
.order-phase.st-cancelled strong,
.order-phase-capsule.st-expired,
.order-phase-capsule.st-cancelled {
  color: var(--tc-sub) !important;
  background: rgba(148, 163, 184, 0.12) !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
}
.order-phase.st-failed strong,
.order-phase-capsule.st-failed {
  color: var(--tc-blue) !important;
  background: rgba(49, 130, 246, 0.12) !important;
  border-color: rgba(49, 130, 246, 0.3) !important;
}

.order-reattempt-btn {
  color: var(--tc-ink) !important;
  background: linear-gradient(135deg, var(--tc-blue), var(--tc-blue)) !important;
  border: 1px solid rgba(49, 130, 246, 0.6) !important;
  box-shadow: 0 8px 20px rgba(49, 130, 246, 0.25) !important;
}
.order-halt-btn {
  color: var(--tc-red) !important;
  background: transparent !important;
  border: 1px solid rgba(248, 113, 113, 0.35) !important;
}

.ops-zone-overline { color: var(--tc-muted) !important; }

[data-ops-overalls-store].now-active {
  border-color: rgba(74, 222, 128, 0.35) !important;
  background: rgba(34, 197, 94, 0.08) !important;
}
[data-ops-overalls-store].now-active strong { color: var(--tc-green) !important; }
[data-ops-overalls-store].now-attention {
  border-color: rgba(49, 130, 246, 0.45) !important;
  background: rgba(49, 130, 246, 0.10) !important;
}
[data-ops-overalls-store].now-attention strong { color: var(--tc-blue) !important; }

.ops-stat-tile.now-attention {
  border-color: rgba(49, 130, 246, 0.45) !important;
  background: rgba(49, 130, 246, 0.10) !important;
}
.ops-stat-tile.now-attention strong { color: var(--tc-blue) !important; }

.ops-heed-entries button {
  color: var(--tc-blue) !important;
  background: rgba(49, 130, 246, 0.10) !important;
  border-color: rgba(49, 130, 246, 0.35) !important;
}
.ops-heed-deck.now-clear .ops-heed-heading strong { color: var(--tc-green) !important; }

.ops-tight-entry button[data-ops-upshot-missing] {
  color: var(--tc-ink) !important;
  background: linear-gradient(135deg, var(--tc-blue), var(--tc-blue)) !important;
  border: 1px solid rgba(49, 130, 246, 0.6) !important;
}
.ops-tight-entry button[data-ops-abort-order] {
  color: var(--tc-red) !important;
  background: transparent !important;
  border: 1px solid rgba(248, 113, 113, 0.35) !important;
}

.ops-heed-deck {
  border-color: rgba(49, 130, 246, 0.4) !important;
  background: rgba(49, 130, 246, 0.08) !important;
}
.ops-heed-deck.now-clear {
  border-color: rgba(74, 222, 128, 0.35) !important;
  background: rgba(34, 197, 94, 0.08) !important;
}
.ops-heed-heading span,
.ops-heed-heading strong { color: var(--tc-blue) !important; }
.ops-heed-deck.now-clear .ops-heed-heading span,
.ops-heed-deck.now-clear .ops-heed-heading strong { color: var(--tc-green) !important; }


#admin .ops-access-pane {
  border-color: var(--line) !important;
  background: var(--bg-panel) !important;
}

.ops-realtime-store {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.ops-realtime-store > div {
  background: transparent !important;
}
.ops-realtime-store.now-attention {
  border: 0 !important;
  background: transparent !important;
}
.ops-realtime-store.now-attention strong { color: var(--tc-blue) !important; }
.ops-realtime-store.now-attention .ops-realtime-bead { background: var(--tc-blue) !important; box-shadow: 0 0 0 4px rgba(49, 130, 246, 0.18) !important; }
.ops-realtime-store.now-active {
  border: 0 !important;
  background: transparent !important;
}
.ops-realtime-store.now-active strong { color: var(--tc-green) !important; }
.ops-realtime-store.now-active .ops-realtime-bead { background: #4ade80 !important; box-shadow: 0 0 0 4px rgba(74, 222, 128, 0.18) !important; }

.ops-heed-deck {
  border-color: rgba(49, 130, 246, 0.4) !important;
  background: rgba(255, 255, 255, 0.03) !important;
}
.ops-heed-deck.now-clear {
  border-color: rgba(74, 222, 128, 0.35) !important;
  background: rgba(34, 197, 94, 0.06) !important;
}
.ops-heed-heading span,
.ops-heed-heading strong { color: var(--tc-blue) !important; }
.ops-heed-deck.now-clear .ops-heed-heading span,
.ops-heed-deck.now-clear .ops-heed-heading strong { color: var(--tc-green) !important; }

.ops-heed-entries button {
  color: var(--ink) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
}
.ops-heed-entries button:hover { border-color: rgba(49, 130, 246, 0.5) !important; }
.ops-heed-entries button strong { color: var(--ink) !important; }
.ops-heed-entries button strong b { color: var(--tc-blue) !important; }
.ops-heed-entries button span { color: var(--muted) !important; }
.ops-heed-entries button i { color: var(--muted) !important; }

.ops-zone-overline { color: var(--tc-muted) !important; }
.ops-stat-tile.now-attention {
  border-color: rgba(49, 130, 246, 0.45) !important;
  background: rgba(49, 130, 246, 0.10) !important;
}
.ops-stat-tile.now-attention strong { color: var(--tc-blue) !important; }

.payin-affirmation .payin-affirmation-glyph {
  background: rgba(16, 185, 129, 0.18);
  color: var(--tc-green);
  border: 1px solid rgba(52, 211, 153, 0.45);
}

.payin-affirmation .vault-slip {
  border: 1px solid rgba(52, 211, 153, 0.28);
  border-radius: 14px;
  padding: 6px 14px;
  background: rgba(6, 78, 59, 0.14);
}

.payin-affirmation .vault-slip [data-affirm-sum],
.payin-affirmation .vault-slip [data-affirm-vault-member] {
  color: var(--tc-ink);
  font-size: 18px;
  letter-spacing: 0.01em;
}

.payin-affirmation .vault-slip button[data-clip-vault-member] {
  background: rgba(148, 163, 184, 0.14);
  color: var(--tc-sub);
  border: 1px solid rgba(148, 163, 184, 0.28);
}

.payin-affirmation .vault-deeds .send-btn {
  background: linear-gradient(135deg, var(--tc-blue), var(--tc-blue));
  color: var(--tc-ink);
  box-shadow: 0 10px 22px rgba(49, 130, 246, 0.3);
}

.payin-affirmation .payin-advisory {
  background: rgba(49, 130, 246, 0.28);
  border: 1px solid rgba(49, 130, 246, 0.45);
  color: var(--tc-blue);
}

.payin-affirmation .payin-advisory strong {
  color: var(--tc-blue);
}

.payin-affirmation .vault-slip button[data-clip-vault-member] {
  display: none;
}

#landing-page .tariff-emblem.emerald {
  background: var(--tc-green-tint);
  color: var(--tc-green);
  border: 1px solid var(--tc-line);
}

#landing-page .faith-feed article {
  min-height: 0;
  padding: 16px 18px;
}

#landing-page .faith-feed strong {
  margin-bottom: 4px;
  font-size: 16px;
}

#landing-page .faith-feed p {
  font-size: 14px;
  line-height: 1.55;
}

.organic-qna-tile.now-collapsible h3 {
  position: relative;
  margin: 0;
  padding-right: 28px;
  cursor: pointer;
}

.organic-qna-tile.now-collapsible h3::after {
  content: "";
  position: absolute;
  right: 4px;
  top: 6px;
  width: 9px;
  height: 9px;
  border-right: 2px solid var(--tc-blue);
  border-bottom: 2px solid var(--tc-blue);
  transform: rotate(45deg);
  transition: transform 0.18s ease;
}

.organic-qna-tile.now-collapsible.now-open h3 {
  margin-bottom: 12px;
}

.organic-qna-tile.now-collapsible.now-open h3::after {
  transform: rotate(-135deg);
  top: 10px;
}

.organic-qna-tile.now-collapsible:not(.now-open) p {
  display: none;
}

.organic-qna-tile.now-collapsible {
  min-height: 0;
  padding: 20px 22px;
}

@media (max-width: 640px) {
  .organic-howto-anchors {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .organic-howto-anchor-tile {
    min-height: 0;
    gap: 8px;
    padding: 14px;
    border-radius: 12px;
  }

  .organic-howto-anchor-tile span {
    font-size: 12px;
  }

  .organic-howto-anchor-tile strong {
    font-size: 13.5px;
    line-height: 1.4;
  }
}

.cover-invite-band {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 12px 0 0;
  padding: 9px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 0.92rem;
  line-height: 1.3;
  cursor: pointer;
  max-width: 100%;
  text-align: left;
}
.cover-invite-band:hover {
  background: rgba(255, 255, 255, 0.2);
}
#landing-page .cover-invite-band .cover-invite-pictogram {
  width: 16px;
  height: 16px;
  color: var(--tc-blue);
  stroke: var(--tc-blue);
}
.cover-invite-band-clip b {
  font-weight: 700;
}
.cover-invite-band-deed {
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
}
@media (max-width: 640px) {
  .cover-invite-band {
    width: 100%;
    justify-content: space-between;
    border-radius: 14px;
  }
  .cover-invite-band-clip {
    min-width: 0;
    flex: 1 1 auto;
  }
}

@media (min-width: 641px) {
  .seek-path-tile {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    column-gap: 0;
  }
  .seek-path-tile > strong,
  .seek-path-tile > strong:last-of-type {
    text-align: center;
  }
  .moment-stroke {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    column-gap: 0;
  }
  .moment-stroke > strong,
  .moment-stroke strong:last-child {
    text-align: center;
  }
  .rail-upper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    gap: 0;
  }
}

#console-page .bookings-invite-band {
  display: inline-flex;
  margin: 0 0 16px;
  border-color: rgba(148, 163, 184, 0.28);
  background: rgba(255, 255, 255, 0.06);
  color: var(--tc-ink);
}
#console-page .bookings-invite-band .cover-invite-pictogram {
  width: 16px;
  height: 16px;
  color: var(--tc-blue);
  stroke: var(--tc-blue);
}

.sheet-overnight-jot {
  border-color: rgba(49, 130, 246, 0.35);
  background: rgba(49, 130, 246, 0.08);
}
.sheet-overnight-jot strong {
  color: var(--tc-blue);
}
.sheet-journey-jot {
  border-color: rgba(96, 165, 250, 0.35);
  background: rgba(96, 165, 250, 0.08);
}
.sheet-journey-jot strong {
  color: var(--tc-blue-deep);
}
.sheet-journey-jot .sheet-overnight-pick {
  border-top-color: rgba(96, 165, 250, 0.25);
}
.sheet-journey-jot .sheet-overnight-pick input {
  accent-color: var(--tc-blue);
}
.sheet-journey-jot .sheet-overnight-pick b {
  color: var(--tc-ink);
}
.sheet-overnight-pick {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(49, 130, 246, 0.25);
  cursor: pointer;
  font-size: 0.92em;
  line-height: 1.45;
}
.sheet-overnight-pick input {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: var(--tc-blue);
}
.sheet-overnight-pick b {
  color: var(--tc-blue);
}

:root {
  --ts-blue: #3182f6;
  --ts-blue-deep: #1b64da;
  --ts-blue-tint: #eaf1fe;
  --ts-purple: #6d5cf2;
  --ts-purple-deep: #5a3ce0;
  --ts-purple-tint: #f0edfe;
  --ts-grad: linear-gradient(135deg, #3b82f6 0%, #6d5cf2 100%);
  --ts-grad-strong: linear-gradient(135deg, #1b64da 0%, #5a3ce0 100%);
  --ts-ink: #191f28;
  --ts-sub: #4e5968;
  --ts-muted: #8b95a1;
  --ts-line: #e8eaed;
  --ts-line-soft: #f1f3f5;
  --ts-bg: #ffffff;
  --ts-bg-soft: #f7f8fa;
  --ts-bg-tint: #f4f5fe;
  --ts-sh-sm: 0 2px 8px rgba(23, 31, 40, 0.05);
  --ts-sh: 0 6px 20px rgba(23, 31, 40, 0.07);
  --ts-sh-grad: 0 14px 34px rgba(49, 130, 246, 0.26);
  --ts-sh-blue: 0 12px 30px rgba(49, 130, 246, 0.22);
}

.seek-btn,
#landing-page .cover-chief,
.sheet-send,
.access-send,
.intro-kickoff-btn:not(.now-logout),
.deal-ribbon-go,
.order-reattempt-btn,
.payin-affirmation .vault-deeds .send-btn {
  color: #ffffff !important;
  background: var(--ts-grad) !important;
  background-image: var(--ts-grad) !important;
  border: 0 !important;
  border-radius: 14px !important;
  box-shadow: var(--ts-sh-grad) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease !important;
}
.seek-btn:hover,
#landing-page .cover-chief:hover,
.sheet-send:hover,
.access-send:hover,
.intro-kickoff-btn:not(.now-logout):hover,
.deal-ribbon-go:hover,
.order-reattempt-btn:hover,
.payin-affirmation .vault-deeds .send-btn:hover {
  background-image: var(--ts-grad-strong) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 44px rgba(49, 130, 246, 0.34) !important;
}
.deal-ribbon-go {
  border-radius: 999px !important;
}
.intro-kickoff-btn:not(.now-logout) {
  border-radius: 12px !important;
}

.send-btn {
  background: var(--ts-blue) !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: var(--ts-sh-blue) !important;
  transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease !important;
}
.send-btn:hover {
  background: var(--ts-blue-deep) !important;
  transform: translateY(-1px) !important;
}
.send-btn:disabled {
  background: var(--tc-faint) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  transform: none !important;
}

#landing-page .cover-heading {
  text-shadow: none !important;
  color: var(--ts-ink) !important;
  letter-spacing: -0.03em;
}
#landing-page .intro-cover-emphasis {
  animation: none !important;
  text-shadow: none !important;
  background: var(--ts-grad);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
#landing-page .intro-cover-emphasis::after {
  background: var(--ts-grad) !important;
  box-shadow: 0 0.08em 0.5em rgba(49, 130, 246, 0.35) !important;
  height: 0.1em !important;
}
#landing-page .intro-cover-strikeout {
  color: var(--ts-muted) !important;
  animation: none !important;
}
#landing-page .intro-cover-strikeout::after {
  background: #c4c9d0 !important;
  box-shadow: none !important;
  animation: none !important;
  transform: scaleX(1) !important;
}

.cover-emblem.cover-bot-emblem {
  color: var(--ts-sub) !important;
  background: var(--ts-bg-tint) !important;
  border: 1px solid var(--ts-line) !important;
  box-shadow: var(--ts-sh-sm) !important;
}
.cover-emblem.cover-bot-emblem b,
#landing-page .cover-bot-emblem .cover-pictogram,
#landing-page .cover-bot-emblem b {
  color: var(--ts-purple) !important;
}

.deal-ribbon {
  background: linear-gradient(135deg, var(--ts-bg-tint), var(--ts-blue-tint)) !important;
  border-bottom: 1px solid var(--ts-line) !important;
}
.deal-ribbon-emblem {
  background: var(--ts-grad) !important;
  color: #ffffff !important;
  border: 0 !important;
}
.deal-ribbon-wording,
.deal-ribbon-wording span {
  color: var(--ts-sub) !important;
}
.deal-ribbon-wording strong,
.deal-ribbon-wording b {
  color: var(--ts-ink) !important;
}
.deal-ribbon-dial {
  color: var(--ts-blue-deep) !important;
  background: var(--tc-surface) !important;
  border: 1px solid var(--ts-blue) !important;
}

.intro-kickoff-btn.now-logout,
.signin-btn[data-cockpit-signout],
.cockpit-masthead .signin-btn[data-cockpit-signout] {
  color: var(--ts-sub) !important;
  background: var(--ts-bg-soft) !important;
  border: 1px solid var(--ts-line) !important;
  box-shadow: none !important;
}
.intro-signin-anchor {
  color: var(--ts-sub) !important;
}
.intro-signin-anchor:hover {
  color: var(--ts-blue) !important;
}

.voyage-tile {
  background: var(--tc-surface) !important;
  border: 1px solid var(--ts-line) !important;
  border-radius: 18px !important;
  box-shadow: var(--ts-sh-sm) !important;
}
.depot-suggest input,
.depot-slot input,
.glyph-entrybox input,
.glyph-entrybox select {
  border-radius: 12px !important;
  border: 1px solid var(--ts-line) !important;
  background: var(--ts-bg-soft) !important;
  color: var(--ts-ink) !important;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease !important;
}
.depot-suggest input:focus,
.depot-slot input:focus,
.glyph-entrybox input:focus,
.glyph-entrybox select:focus {
  border-color: var(--ts-blue) !important;
  background: var(--tc-surface) !important;
  box-shadow: 0 0 0 3px rgba(49, 130, 246, 0.14) !important;
  outline: 0 !important;
}
.exchange-btn {
  background: var(--tc-surface) !important;
  color: var(--ts-blue) !important;
  border: 1px solid var(--ts-line) !important;
  box-shadow: var(--ts-sh-sm) !important;
}
.exchange-btn:hover {
  border-color: var(--ts-blue) !important;
  background: var(--ts-blue-tint) !important;
}

.reach-pagetabs {
  background: var(--ts-bg-soft) !important;
  border: 1px solid var(--ts-line) !important;
  border-radius: 13px !important;
  padding: 4px !important;
  gap: 4px !important;
}
.reach-pagetabs button {
  border: 0 !important;
  border-radius: 9px !important;
  color: var(--ts-sub) !important;
  background: transparent !important;
  font-weight: 800 !important;
  transition: color 0.15s ease, background 0.15s ease !important;
}
.reach-pagetabs button.now-active {
  color: #ffffff !important;
  background: var(--ts-grad) !important;
  box-shadow: var(--ts-sh-sm) !important;
}

.meter {
  background: var(--ts-bg-soft) !important;
  border: 1px solid var(--ts-line) !important;
  border-radius: 11px !important;
  padding: 3px !important;
}
.meter button {
  color: var(--ts-blue) !important;
  background: var(--tc-surface) !important;
  border: 1px solid var(--ts-line) !important;
  border-radius: 8px !important;
  font-weight: 900 !important;
  transition: background 0.14s ease, border-color 0.14s ease !important;
}
.meter button:hover {
  background: var(--ts-blue-tint) !important;
  border-color: var(--ts-blue) !important;
}
.meter strong {
  color: var(--ts-ink) !important;
}
.specifics-flip {
  color: var(--ts-blue) !important;
  background: transparent !important;
}
.tile-tagline > strong,
.rider-tile .tile-tagline strong {
  color: var(--ts-blue-deep) !important;
  background: var(--ts-blue-tint) !important;
  border-radius: 999px !important;
  padding: 3px 10px !important;
}

.rider-separate-jot,
.spot-separate-jot {
  color: var(--ts-purple) !important;
}

#landing-page .cover-leaving-deck .cover-deck-preline,
#landing-page .cover-leaving-deck > header span:first-child {
  color: var(--ts-purple) !important;
}

.prep-tile,
.credit-tile,
.gauge-mesh article,
.win-zone .win-tile {
  border-color: var(--ts-line) !important;
}

#landing-page .cover-pane-top > span {
  color: var(--ts-purple) !important;
}
#landing-page .cover-path-tile .path-pointer {
  color: var(--ts-purple) !important;
  background: var(--ts-purple-tint) !important;
  border-color: rgba(49, 130, 246, 0.2) !important;
}
#landing-page .cover-deck-phase > div:nth-child(1) > span { color: var(--tc-red) !important; }
#landing-page .cover-deck-phase > div:nth-child(1) > strong { color: var(--tc-red) !important; }
#landing-page .cover-deck-phase > div:nth-child(2) > span { color: var(--ts-blue) !important; }
#landing-page .cover-deck-phase > div:nth-child(3) > span { color: var(--tc-green) !important; }
#landing-page .cover-deck-phase > div:nth-child(3) > strong { color: var(--tc-green) !important; }
#landing-page .cover-deck-shift .shift-caption { color: var(--ts-blue) !important; }

.client-heading h2 {
  background: linear-gradient(118deg, var(--tc-inverse-bg) 48%, var(--tc-blue) 118%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

.order-fitness {
  background: var(--ts-blue-tint) !important;
  border: 1px solid rgba(49, 130, 246, 0.22) !important;
  color: var(--ts-sub) !important;
}
.order-fitness .order-fitness-glyph {
  background: var(--ts-blue) !important;
  color: #ffffff !important;
  border: 0 !important;
}
.order-fitness strong,
.order-fitness [data-order-fitness-heading] {
  color: var(--ts-ink) !important;
}
.order-fitness span,
.order-fitness [data-order-fitness-clip] {
  color: var(--ts-sub) !important;
}
.order-fitness button,
.order-fitness [data-order-fitness-deed] {
  background: var(--tc-surface) !important;
  color: var(--ts-blue-deep) !important;
  border: 1px solid var(--ts-blue) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.carrier-pagetabs button.now-active {
  color: #ffffff !important;
  background: var(--ts-grad) !important;
  border-color: transparent !important;
}

.ops-overview-zone,
.ops-heed-deck,
.ops-stat-tile,
.ops-keeper-bell-tile,
#admin .ops-tight-feed > p {
  background: var(--tc-surface) !important;
  border-color: var(--ts-line) !important;
  box-shadow: var(--ts-sh-sm) !important;
}
.ops-heed-entries button,
.ops-system-tile,
.ops-utilization-digest > div,
.ops-notice-digest > div,
.ops-tight-entry,
.ops-blank-store {
  background: var(--ts-bg-soft) !important;
  border-color: var(--ts-line) !important;
  box-shadow: none !important;
}
.ops-instruction-rod {
  background: var(--tc-glass) !important;
  border-color: var(--ts-line) !important;
  box-shadow: var(--ts-sh) !important;
}
#admin .zone-top h2,
.ops-overview-subject h3,
.ops-stat-tile strong,
.ops-realtime-store strong,
.ops-system-tile > div strong,
.ops-utilization-digest strong,
.ops-notice-digest strong,
.ops-tight-entry strong,
.ops-heed-entries button strong {
  color: var(--ts-ink) !important;
}
#admin .zone-top > p,
#admin .zone-top.divide > p,
.ops-overview-subject > div > span,
.ops-stat-tile > span,
.ops-stat-tile strong small,
.ops-stat-tile p,
.ops-realtime-store small,
.ops-system-tile p,
.ops-system-tile small,
.ops-utilization-digest span,
.ops-utilization-digest small,
.ops-notice-digest span,
.ops-tight-entry span,
.ops-heed-entries button span,
.ops-heed-entries button i,
.ops-zone-overline,
.ops-notice-cols h4 {
  color: var(--ts-sub) !important;
}
.ops-swift-menu button {
  color: var(--ts-sub) !important;
}
.ops-swift-menu button:hover {
  color: var(--ts-purple-deep) !important;
  background: var(--ts-purple-tint) !important;
  border-color: rgba(49, 130, 246, 0.3) !important;
}
.ops-renew-btn {
  background: var(--ts-grad) !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: var(--ts-sh-sm) !important;
}
.ops-phase-pill {
  color: var(--ts-sub) !important;
  background: var(--ts-bg-soft) !important;
  border-color: var(--ts-line) !important;
}
.ops-heed-deck,
.ops-stat-tile.now-attention,
.ops-tight-entry.now-attention,
.ops-system-tile.now-attention,
.ops-notice-digest > div.now-attention {
  border-color: rgba(49, 130, 246, 0.4) !important;
  background: var(--ts-purple-tint) !important;
}
.ops-heed-heading span,
.ops-heed-heading strong,
.ops-stat-tile.now-attention strong,
.ops-heed-entries button strong b {
  color: var(--ts-purple-deep) !important;
}
.ops-heed-entries button:hover {
  border-color: rgba(49, 130, 246, 0.5) !important;
}
.ops-heed-deck.now-clear {
  border-color: rgba(16, 185, 129, 0.3) !important;
  background: var(--tc-green-tint) !important;
}
.ops-heed-deck.now-clear .ops-heed-heading span,
.ops-heed-deck.now-clear .ops-heed-heading strong,
.ops-realtime-store.now-active strong {
  color: var(--tc-green) !important;
}
#admin .ops-access-pane {
  background: var(--ts-bg-soft) !important;
  border-color: var(--ts-line) !important;
}

:root {
  --ts-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%233182f6'/%3E%3Cstop offset='1' stop-color='%233182f6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='32' height='32' rx='9' fill='url(%23g)'/%3E%3Cpath d='M8.5 11.5A1.5 1.5 0 0 1 10 10h12a1.5 1.5 0 0 1 1.5 1.5v2.2a2.3 2.3 0 0 0 0 4.6v2.2A1.5 1.5 0 0 1 22 22H10a1.5 1.5 0 0 1-1.5-1.5v-2.2a2.3 2.3 0 0 0 0-4.6z' fill='white'/%3E%3Cpath d='M13.4 16.1l1.9 1.9 3.5-3.7' stroke='%233182f6' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --ts-radius-card: 20px;
  --ts-sh-card: 0 1px 2px rgba(23, 31, 40, 0.04), 0 8px 24px rgba(23, 31, 40, 0.06);
  --ts-sh-card-hover: 0 2px 4px rgba(23, 31, 40, 0.04), 0 18px 40px rgba(49, 130, 246, 0.14);
}

.intro-wordmark-flag,
#landing-page .intro-wordmark-flag,
.wordmark-flag {
  background: var(--ts-mark) center / cover no-repeat !important;
  box-shadow: 0 6px 16px rgba(49, 130, 246, 0.28) !important;
  border-radius: 9px !important;
}
.wordmark-flag > *,
.intro-wordmark-flag > * {
  display: none !important;
}
.wordmark,
.intro-wordmark {
  background: none !important;
  -webkit-text-fill-color: var(--ts-ink) !important;
  color: var(--ts-ink) !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
}

#landing-page .intro-cover {
  background:
    radial-gradient(42% 60% at 12% 18%, rgba(49, 130, 246, 0.14), transparent 70%),
    radial-gradient(38% 55% at 88% 22%, rgba(49, 130, 246, 0.14), transparent 70%),
    radial-gradient(60% 50% at 50% 100%, var(--tc-blue-tint), transparent 70%),
    var(--tc-surface) !important;
}
#landing-page .cover-overlayer {
  background: none !important;
}
#landing-page .cover-heading {
  font-weight: 900 !important;
  letter-spacing: -0.045em !important;
}
#landing-page .cover-leaving-deck {
  border: 1px solid var(--ts-line) !important;
  border-radius: 24px !important;
  box-shadow: 0 2px 6px rgba(23, 31, 40, 0.04), 0 30px 60px -12px rgba(49, 130, 246, 0.22) !important;
}
#landing-page .cover-deck-grab .ceiling-wording {
  color: var(--tc-green) !important;
}
.cover-invite-band {
  color: var(--ts-sub) !important;
  background: var(--ts-purple-tint) !important;
  border: 1px solid rgba(49, 130, 246, 0.2) !important;
}
.cover-invite-band:hover {
  background: var(--tc-blue-tint) !important;
}
.cover-invite-band-clip b,
.cover-invite-band-deed {
  color: var(--ts-purple-deep) !important;
}

#landing-page .zone-preline,
#landing-page .zone-holder > .preline {
  display: inline-block;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  color: var(--ts-purple-deep) !important;
  background: var(--ts-purple-tint) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}
#landing-page .zone-heading,
#landing-page h2 {
  color: var(--ts-ink) !important;
  letter-spacing: -0.035em !important;
}
#landing-page .zone-subhead,
#landing-page .zone-holder > p {
  color: var(--ts-sub) !important;
  line-height: 1.7 !important;
}
#landing-page .zone-subhead b,
#landing-page .zone-subhead strong,
#landing-page .intro-gauge-stroke span {
  color: var(--ts-ink) !important;
}

#landing-page .manner-tile,
#landing-page .faith-feed article,
#landing-page .tariff-tile,
#landing-page .organic-qna-tile {
  border: 1px solid var(--ts-line) !important;
  border-radius: var(--ts-radius-card) !important;
  box-shadow: var(--ts-sh-card) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}
#landing-page .manner-tile:hover,
#landing-page .faith-feed article:hover,
#landing-page .tariff-tile:hover,
#landing-page .organic-qna-tile:hover {
  transform: translateY(-3px);
  border-color: rgba(49, 130, 246, 0.28) !important;
  box-shadow: var(--ts-sh-card-hover) !important;
}
#landing-page .manner-tile p,
#landing-page .faith-feed article p,
#landing-page .organic-qna-tile p,
#landing-page .perks-feed li {
  color: var(--ts-sub) !important;
}
#landing-page .manner-tile strong,
#landing-page .manner-tile h3,
#landing-page .faith-feed article strong {
  color: var(--ts-ink) !important;
}

#landing-page .win-ratio-emblem.hazard-undo-tile {
  background: var(--ts-grad) !important;
  border: 0 !important;
  border-radius: 22px !important;
  box-shadow: var(--ts-sh-grad) !important;
}
#landing-page .win-ratio-emblem.hazard-undo-tile,
#landing-page .win-ratio-emblem.hazard-undo-tile * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

#landing-page .tariff-tile.favorite {
  border: 2px solid transparent !important;
  background:
    linear-gradient(var(--tc-surface), var(--tc-surface)) padding-box,
    var(--ts-grad) border-box !important;
  box-shadow: 0 24px 48px -16px rgba(49, 130, 246, 0.3) !important;
}
#landing-page .tariff-knob,
#landing-page .tariff-knob.azure {
  border-radius: 14px !important;
  font-weight: 800 !important;
}
#landing-page .tariff-tile.favorite .tariff-knob {
  background: var(--ts-grad) !important;
  color: #ffffff !important;
  box-shadow: var(--ts-sh-grad) !important;
}
#landing-page .markdown-marker {
  color: var(--tc-red) !important;
  background: var(--tc-red-tint) !important;
}

#landing-page .issue-seal {
  color: var(--tc-red) !important;
  border-color: var(--tc-red) !important;
  background: var(--tc-red-tint) !important;
}

.intro-pagefoot {
  background: var(--ts-ink) !important;
}
.intro-pagefoot,
.intro-pagefoot p,
.intro-pagefoot span,
.intro-pagefoot li {
  color: #aeb6c2 !important;
}
.intro-pagefoot a,
.intro-pagefoot strong {
  color: #e5e8eb !important;
}

::selection {
  background: rgba(49, 130, 246, 0.18);
  color: var(--ts-ink);
}
:focus-visible {
  outline: 3px solid rgba(49, 130, 246, 0.35) !important;
  outline-offset: 2px !important;
}
html {
  scroll-behavior: smooth;
}
body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.booking-sheet { overflow-x: hidden !important; }
.sheet-rail {
  background: var(--ts-blue-tint) !important;
  border: 1px solid rgba(49, 130, 246, 0.18) !important;
  color: var(--ts-ink) !important;
}
.sheet-rail strong, .sheet-rail b { color: var(--ts-ink) !important; }
.sheet-rail span, .sheet-rail small { color: var(--ts-blue-deep) !important; }
.sheet-support-jot strong, .sheet-support-jot b { color: var(--ts-ink) !important; }

.depot-droplist {
  background: var(--tc-surface) !important;
  border: 1px solid var(--ts-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 40px rgba(23, 31, 40, 0.12) !important;
}
.depot-droplist li,
.depot-droplist [role="option"] { color: var(--ts-ink) !important; background: transparent !important; }
.depot-droplist li:hover,
.depot-droplist [aria-selected="true"],
.depot-droplist .now-active {
  background: var(--ts-blue-tint) !important;
  color: var(--ts-blue-deep) !important;
}
.depot-droplist small, .depot-droplist span { color: var(--ts-muted) !important; }

.phantom-btn {
  background: var(--tc-surface) !important;
  color: var(--ts-sub) !important;
  border: 1px solid var(--ts-line) !important;
  box-shadow: none !important;
}
.phantom-btn:hover {
  background: var(--ts-blue-tint) !important;
  border-color: rgba(49, 130, 246, 0.4) !important;
  color: var(--ts-blue-deep) !important;
}

.computer-mount-poke {
  background: var(--tc-surface) !important;
  border: 1px solid var(--ts-line) !important;
  box-shadow: 0 24px 48px -12px rgba(23, 31, 40, 0.22) !important;
  color: var(--ts-ink) !important;
}
.computer-mount-poke strong, .computer-mount-poke h3 { color: var(--ts-ink) !important; }
.computer-mount-poke p, .computer-mount-poke span { color: var(--ts-sub) !important; }

.intro-phone-base-deeds {
  background: var(--tc-glass) !important;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-top: 1px solid var(--ts-line) !important;
  box-shadow: 0 -8px 24px rgba(23, 31, 40, 0.06) !important;
}

.snack { background: var(--ts-ink) !important; border-color: transparent !important; }
.snack, .snack * { color: #ffffff !important; }

.web-menu a.now-active,
.web-menu .now-active {
  background: var(--ts-grad) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 16px rgba(49, 130, 246, 0.28) !important;
}
.web-menu .now-active span,
.web-menu .now-active .menu-caption-whole,
.web-menu .now-active .menu-caption-brisk { color: #ffffff !important; }

.pagefoot-wordmark { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
#landing-page .cover-hazard-jot,
#landing-page .cover-hazard-jot span,
#landing-page .cover-deck-grab b { color: var(--tc-green) !important; }
.access-pagetab { color: var(--ts-sub) !important; }
.send-btn.recharge-send.now-waiting {
  background: var(--tc-fill) !important;
  color: var(--ts-muted) !important;
  box-shadow: none !important;
}
.persona-invite-go small,
.persona-invite-go span { color: rgba(255, 255, 255, 0.88) !important; }
.keeper-bell-pane,
.keeper-bell-zone .ops-pane {
  background: var(--tc-surface) !important;
  border-color: var(--ts-line) !important;
  color: var(--ts-ink) !important;
}

.spot-selection {
  background: var(--tc-surface) !important;
  border: 1px solid var(--ts-line) !important;
  border-radius: 14px !important;
  box-shadow: var(--ts-sh-sm) !important;
}
.spot-selection.now-open {
  background: var(--tc-green-tint) !important;
  border-color: rgba(16, 185, 129, 0.35) !important;
}
.spot-selection.now-standby {
  background: var(--ts-purple-tint) !important;
  border-color: rgba(49, 130, 246, 0.32) !important;
}
.order-agreed-tile,
body.now-srt .order-agreed-tile,
.credit-win-tile {
  background:
    radial-gradient(120% 70% at 50% 0%, rgba(49, 130, 246, 0.10), transparent 60%),
    var(--tc-surface) !important;
  border: 1px solid var(--ts-line) !important;
  box-shadow: 0 30px 60px -16px rgba(23, 31, 40, 0.28) !important;
  color: var(--ts-ink) !important;
}
#landing-page .cover-evidence-emblems span {
  background: var(--tc-surface) !important;
  border: 1px solid var(--ts-line) !important;
  color: var(--ts-sub) !important;
}

#request.ticketing-frame::before {
  background:
    radial-gradient(circle at 20% 0%, rgba(49, 130, 246, 0.10), transparent 520px),
    radial-gradient(circle at 85% 10%, rgba(49, 130, 246, 0.10), transparent 520px),
    var(--tc-fill-soft) !important;
}
.ticketing-ambience {
  background:
    radial-gradient(circle at 15% 15%, rgba(49, 130, 246, 0.10), transparent 45%),
    radial-gradient(circle at 85% 20%, rgba(49, 130, 246, 0.10), transparent 45%) !important;
}
.seek-path-tile {
  background: var(--tc-surface) !important;
  border: 1px solid var(--ts-line) !important;
  border-radius: 22px !important;
  box-shadow: var(--ts-sh-card) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.seek-path-tile strong { color: var(--ts-ink) !important; }
.seek-path-tile span { color: var(--ts-blue) !important; }
.seek-path-tile small, .seek-path-tile b { color: var(--ts-muted) !important; }
[data-phone-modify-seek],
.blank-outcome-deeds button {
  background: var(--tc-surface) !important;
  color: var(--ts-blue-deep) !important;
  border: 1px solid rgba(49, 130, 246, 0.3) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
[data-phone-modify-seek]:hover,
.blank-outcome-deeds button:hover {
  background: var(--ts-blue-tint) !important;
}
.blank-outcomes {
  background: var(--tc-surface) !important;
  border: 1px solid var(--ts-line) !important;
  border-radius: 20px !important;
  box-shadow: var(--ts-sh-card) !important;
}
.blank-outcomes strong { color: var(--ts-ink) !important; }
.blank-outcomes p { color: var(--ts-sub) !important; }

.rail-tile,
#console-page .rail-tile,
body.now-srt .rail-tile {
  background: var(--tc-surface) !important;
  border: 1px solid var(--ts-line) !important;
  border-radius: 22px !important;
  box-shadow: var(--ts-sh-card) !important;
}
.rail-tile:hover,
#console-page .rail-tile:hover {
  background: var(--tc-surface) !important;
  border-color: rgba(49, 130, 246, 0.28) !important;
  box-shadow: var(--ts-sh-card-hover) !important;
}
.rail-emblem,
#console-page .rail-emblem {
  color: var(--ts-blue-deep) !important;
  background: var(--ts-blue-tint) !important;
  border-radius: 999px !important;
}
body.now-srt .rail-emblem {
  color: var(--ts-purple-deep) !important;
  background: var(--ts-purple-tint) !important;
}
.rail-span { color: var(--ts-muted) !important; }
.moment-stroke strong,
#console-page .moment-stroke strong {
  color: var(--ts-ink) !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.03em !important;
}
.moment-stroke span { color: var(--tc-faint) !important; }
.spot-deed,
body.now-srt .spot-deed {
  background: var(--ts-grad) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 22px rgba(49, 130, 246, 0.24) !important;
}
#console-page .ticketing-frame:has(.outcome-pane.now-mobile-results)::before {
  background:
    radial-gradient(circle at 20% 0%, rgba(49, 130, 246, 0.10), transparent 22rem),
    radial-gradient(circle at 85% 10%, rgba(49, 130, 246, 0.10), transparent 22rem),
    var(--tc-fill-soft) !important;
}

:root {
  color-scheme: light dark;
  --tc-bg: #ffffff;
  --tc-bg-grey: #f2f4f6;
  --tc-surface: #ffffff;
  --tc-fill: #f2f4f6;
  --tc-fill-soft: #f9fafb;
  --tc-line: #e5e8eb;
  --tc-ink: #191f28;
  --tc-ink2: #333d4b;
  --tc-sub: #4e5968;
  --tc-muted: #8b95a1;
  --tc-faint: #b0b8c1;
  --tc-blue: #3182f6;
  --tc-blue-hover: #1b64da;
  --tc-blue-deep: #1b64da;
  --tc-blue-tint: #e8f3ff;
  --tc-red: #f04452;
  --tc-red-tint: #ffeeee;
  --tc-green: #03b26c;
  --tc-green-tint: #e5f8ef;
  --tc-glass: rgba(255, 255, 255, 0.92);
  --tc-inverse-bg: #191f28;
  --tc-dim: rgba(0, 0, 0, 0.45);
  --tc-elev: 0 2px 10px rgba(0, 0, 0, 0.04);

  --ts-blue: var(--tc-blue);
  --ts-blue-deep: var(--tc-blue-deep);
  --ts-blue-tint: var(--tc-blue-tint);
  --ts-purple: var(--tc-blue);
  --ts-purple-deep: var(--tc-blue-deep);
  --ts-purple-tint: var(--tc-blue-tint);
  --ts-grad: linear-gradient(var(--tc-blue), var(--tc-blue));
  --ts-grad-strong: linear-gradient(var(--tc-blue-hover), var(--tc-blue-hover));
  --ts-ink: var(--tc-ink);
  --ts-sub: var(--tc-sub);
  --ts-muted: var(--tc-muted);
  --ts-line: var(--tc-line);
  --ts-line-soft: var(--tc-fill);
  --ts-bg: var(--tc-surface);
  --ts-bg-soft: var(--tc-fill-soft);
  --ts-bg-tint: var(--tc-fill);
  --ts-sh-sm: none;
  --ts-sh: var(--tc-elev);
  --ts-sh-grad: none;
  --ts-sh-blue: none;
  --ts-sh-card: none;
  --ts-sh-card-hover: var(--tc-elev);
  --ts-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='9' fill='%233182f6'/%3E%3Cpath d='M8.5 11.5A1.5 1.5 0 0 1 10 10h12a1.5 1.5 0 0 1 1.5 1.5v2.2a2.3 2.3 0 0 0 0 4.6v2.2A1.5 1.5 0 0 1 22 22H10a1.5 1.5 0 0 1-1.5-1.5v-2.2a2.3 2.3 0 0 0 0-4.6z' fill='white'/%3E%3Cpath d='M13.4 16.1l1.9 1.9 3.5-3.7' stroke='%233182f6' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  --srt: var(--tc-blue);
  --tkt-amber-500: var(--tc-blue);
  --bg-main: var(--tc-bg);
  --bg-page: var(--tc-bg-grey);
  --bg-panel: var(--tc-surface);
  --ink: var(--tc-ink);
  --muted: var(--tc-muted);
  --line: var(--tc-line);
  --active: var(--tc-blue);
  --ktx: var(--tc-blue);
  --shadow: none;
  --tkt-navy-950: var(--tc-bg-grey);
  --tkt-slate-800: var(--tc-surface);
  --tkt-paper-100: var(--tc-ink);
  --tkt-steel-400: var(--tc-muted);
}

@media (prefers-color-scheme: dark) {
  :root {
    --tc-bg: #17171c;
    --tc-bg-grey: #101013;
    --tc-surface: #202027;
    --tc-fill: #2c2c35;
    --tc-fill-soft: #26262e;
    --tc-line: #33333d;
    --tc-ink: #f0f0f2;
    --tc-ink2: #dcdce0;
    --tc-sub: #b2b2bb;
    --tc-muted: #8d8d98;
    --tc-faint: #5f5f6a;
    --tc-blue: #3485fa;
    --tc-blue-hover: #4593fc;
    --tc-blue-deep: #6aaaff;
    --tc-blue-tint: rgba(52, 133, 250, 0.16);
    --tc-red: #f66570;
    --tc-red-tint: rgba(246, 101, 112, 0.16);
    --tc-green: #2bc985;
    --tc-green-tint: rgba(43, 201, 133, 0.16);
    --tc-glass: rgba(23, 23, 28, 0.88);
    --tc-inverse-bg: #2c2c35;
    --tc-dim: rgba(0, 0, 0, 0.6);
    --tc-elev: 0 0 0 1px rgba(255, 255, 255, 0.04);
  }
}

html, body {
  background: var(--tc-bg) !important;
  color: var(--tc-ink);
}
body {
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif !important;
  letter-spacing: -0.01em;
}

.intro-masthead,
.web-masthead,
.cockpit-masthead {
  background: var(--tc-glass) !important;
  border-bottom: 1px solid var(--tc-line) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: saturate(180%) blur(16px);
  backdrop-filter: saturate(180%) blur(16px);
}
.wordmark, .intro-wordmark {
  -webkit-text-fill-color: var(--tc-ink) !important;
  color: var(--tc-ink) !important;
  font-weight: 800 !important;
}
.intro-wordmark-flag, #landing-page .intro-wordmark-flag, .wordmark-flag {
  box-shadow: none !important;
}
.web-menu a, .web-menu button { color: var(--tc-sub) !important; }
.web-menu a.now-active, .web-menu .now-active {
  background: var(--tc-blue-tint) !important;
  color: var(--tc-blue-deep) !important;
  box-shadow: none !important;
}
.web-menu .now-active span, .web-menu .now-active .menu-caption-whole, .web-menu .now-active .menu-caption-brisk {
  color: var(--tc-blue-deep) !important;
}

.seek-btn,
#landing-page .cover-chief,
.sheet-send,
.access-send,
.intro-kickoff-btn:not(.now-logout),
.deal-ribbon-go,
.order-reattempt-btn,
.send-btn,
.spot-deed,
body.now-srt .spot-deed,
.tariff-knob,
#landing-page .tariff-tile.favorite .tariff-knob,
.ops-renew-btn {
  background: var(--tc-blue) !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  font-weight: 700 !important;
  filter: none !important;
}
.seek-btn:hover,
#landing-page .cover-chief:hover,
.sheet-send:hover,
.access-send:hover,
.intro-kickoff-btn:not(.now-logout):hover,
.deal-ribbon-go:hover,
.send-btn:hover,
.spot-deed:hover,
.tariff-knob:hover {
  background: var(--tc-blue-hover) !important;
  background-image: none !important;
  transform: none !important;
  box-shadow: none !important;
}
.seek-btn:active, #landing-page .cover-chief:active, .send-btn:active, .spot-deed:active {
  transform: scale(0.98) !important;
}
.send-btn:disabled,
.send-btn.recharge-send.now-waiting {
  background: var(--tc-fill) !important;
  color: var(--tc-faint) !important;
}
.phantom-btn,
.intro-kickoff-btn.now-logout,
.signin-btn[data-cockpit-signout],
[data-phone-modify-seek],
.blank-outcome-deeds button,
.order-fitness button,
.meter button,
.exchange-btn {
  background: var(--tc-fill) !important;
  color: var(--tc-sub) !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 12px !important;
}
.phantom-btn:hover,
[data-phone-modify-seek]:hover,
.blank-outcome-deeds button:hover {
  background: var(--tc-blue-tint) !important;
  color: var(--tc-blue-deep) !important;
}
.meter button { color: var(--tc-blue) !important; }

input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]), select, textarea,
.depot-suggest input, .depot-slot input, .glyph-entrybox input, .glyph-entrybox select,
.recharge-caption input, .prep-intake input, .prep-intake select {
  background: var(--tc-fill) !important;
  color: var(--tc-ink) !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
input:not([type=checkbox]):not([type=radio]):focus, select:focus, textarea:focus,
.depot-suggest input:focus, .glyph-entrybox input:focus, .glyph-entrybox select:focus {
  background: var(--tc-fill) !important;
  box-shadow: inset 0 0 0 2px var(--tc-blue) !important;
  outline: 0 !important;
}
input::placeholder, textarea::placeholder { color: var(--tc-faint) !important; }
.glyph-entrybox, .meter { background: var(--tc-fill) !important; border: 0 !important; }

.reach-pagetabs, .access-pagetabs {
  background: var(--tc-fill) !important;
  border: 0 !important;
}
.reach-pagetabs button.now-active,
.carrier-pagetabs button.now-active,
.access-pagetab.now-active {
  background: var(--tc-surface) !important;
  color: var(--tc-ink) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12) !important;
}

#console-page, .screen-zone, .ticketing-frame, .win-zone, .member-zone, .ops-zone {
  background: transparent !important;
}
body.now-logged-in { background: var(--tc-bg-grey) !important; }
#request.ticketing-frame::before,
#console-page .ticketing-frame:has(.outcome-pane.now-mobile-results)::before,
.ticketing-ambience {
  background: var(--tc-bg-grey) !important;
}
.voyage-tile,
.prep-tile,
.credit-tile,
.invite-focuslight-tile,
.gauge-mesh article,
.rail-tile,
#console-page .rail-tile,
.seek-path-tile,
.blank-outcomes,
.ticketing-client,
.outcome-pane .rail-tile,
.booking-deck,
.sanctioned-checkout-howto,
.persona-tile,
.ops-overview-zone,
.ops-stat-tile,
.ops-heed-deck {
  background: var(--tc-surface) !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 20px !important;
}
.ticketing-client {
  background: transparent !important;
}
.rail-tile:hover, #console-page .rail-tile:hover { background: var(--tc-surface) !important; box-shadow: var(--tc-elev) !important; }
.spot-selection,
.spot-selection.now-open,
.spot-selection.now-standby,
.persona-stat,
.credit-purse-tile,
.invite-serial-crate,
.invite-center-figures > div,
.invite-prize-calc article,
.payin-affirmation,
.sanctioned-checkout-path,
.ops-system-tile,
.ops-tight-entry,
.ops-utilization-digest > div,
.ops-notice-digest > div,
.ops-blank-store,
.ops-heed-entries button {
  background: var(--tc-fill-soft) !important;
  border: 0 !important;
  box-shadow: none !important;
}
.spot-selection.now-open { background: var(--tc-green-tint) !important; }
.rail-emblem, #console-page .rail-emblem, body.now-srt .rail-emblem,
.tile-tagline > strong, .rider-tile .tile-tagline strong {
  background: var(--tc-fill) !important;
  color: var(--tc-sub) !important;
}
.client-heading h2 {
  background: none !important;
  -webkit-text-fill-color: var(--tc-ink) !important;
  color: var(--tc-ink) !important;
  font-weight: 700 !important;
}
.order-fitness { background: var(--tc-blue-tint) !important; border: 0 !important; }

#landing-page { background: var(--tc-bg) !important; }
#landing-page .intro-cover {
  background: var(--tc-bg) !important;
}
#landing-page .cover-heading {
  color: var(--tc-ink) !important;
  font-weight: 700 !important;
  letter-spacing: -0.035em !important;
}
#landing-page .intro-cover-emphasis {
  background: none !important;
  -webkit-text-fill-color: var(--tc-blue) !important;
  color: var(--tc-blue) !important;
}
#landing-page .intro-cover-emphasis::after { display: none !important; }
#landing-page .intro-cover-strikeout { color: var(--tc-faint) !important; }
#landing-page .intro-cover-strikeout::after { background: var(--tc-faint) !important; }
.deal-ribbon {
  background: var(--tc-blue-tint) !important;
  border-bottom: 0 !important;
}
.deal-ribbon-emblem { background: var(--tc-blue) !important; color: #fff !important; }
.deal-ribbon-go { border-radius: 999px !important; }
.cover-emblem.cover-bot-emblem, .cover-invite-band, #landing-page .cover-evidence-emblems span {
  background: var(--tc-fill) !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--tc-sub) !important;
}
.cover-emblem.cover-bot-emblem b, #landing-page .cover-bot-emblem .cover-pictogram,
.cover-invite-band-clip b, .cover-invite-band-deed { color: var(--tc-blue) !important; }
#landing-page .cover-leaving-deck {
  background: var(--tc-surface) !important;
  border: 0 !important;
  border-radius: 24px !important;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08) !important;
}
#landing-page .cover-path-tile, #landing-page .cover-deck-phase > div {
  background: var(--tc-fill-soft) !important;
  border: 0 !important;
}
#landing-page .cover-path-tile .path-pointer {
  background: var(--tc-blue-tint) !important;
  color: var(--tc-blue) !important;
  border: 0 !important;
}
#landing-page .cover-pane-top > span { color: var(--tc-muted) !important; }
#landing-page .cover-deck-phase > div:nth-child(2) > span,
#landing-page .cover-deck-shift .shift-caption { color: var(--tc-blue) !important; }

#landing-page section:nth-of-type(even) { background: var(--tc-bg-grey) !important; }
#landing-page .zone-preline,
#landing-page .zone-holder > .preline {
  background: none !important;
  padding: 0 !important;
  color: var(--tc-blue) !important;
  letter-spacing: 0 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}
#landing-page .zone-heading, #landing-page h2 {
  color: var(--tc-ink) !important;
  font-weight: 700 !important;
}
#landing-page .manner-tile, #landing-page .faith-feed article,
#landing-page .tariff-tile, #landing-page .organic-qna-tile {
  background: var(--tc-surface) !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 20px !important;
}
#landing-page .manner-tile:hover, #landing-page .faith-feed article:hover,
#landing-page .tariff-tile:hover, #landing-page .organic-qna-tile:hover {
  transform: none !important;
  box-shadow: var(--tc-elev) !important;
}
#landing-page .tariff-tile.favorite {
  background: var(--tc-surface) !important;
  box-shadow: inset 0 0 0 2px var(--tc-blue) !important;
  border: 0 !important;
}
#landing-page .win-ratio-emblem.hazard-undo-tile {
  background: var(--tc-blue) !important;
  box-shadow: none !important;
}
.intro-pagefoot { background: var(--tc-bg-grey) !important; border-top: 1px solid var(--tc-line); }
.intro-pagefoot, .intro-pagefoot p, .intro-pagefoot span, .intro-pagefoot li { color: var(--tc-muted) !important; }
.intro-pagefoot a, .intro-pagefoot strong, .pagefoot-wordmark {
  color: var(--tc-sub) !important;
  -webkit-text-fill-color: var(--tc-sub) !important;
}
.intro-phone-base-deeds { background: var(--tc-glass) !important; border-top: 1px solid var(--tc-line) !important; box-shadow: none !important; }

dialog, .booking-sheet, .access-sheet, .sheet-tile, .bell-firstrun-tile, .computer-mount-poke,
.credit-win-tile, .order-agreed-tile, body.now-srt .order-agreed-tile, .depot-droplist {
  background: var(--tc-surface) !important;
  color: var(--tc-ink) !important;
  border: 0 !important;
}
dialog::backdrop { background: var(--tc-dim); }
.sheet-rail { background: var(--tc-fill-soft) !important; border: 0 !important; }
.snack { background: var(--tc-inverse-bg) !important; }

::selection { background: rgba(49, 130, 246, 0.2); color: inherit; }
:focus-visible { outline: 2px solid var(--tc-blue) !important; outline-offset: 2px !important; }

:root {
  --bg-soft: var(--tc-fill);
  --danger: var(--tc-red);
  --success: var(--tc-green);
}
#landing-page {
  --tkt-navy-950: var(--tc-bg-grey);
  --tkt-slate-800: var(--tc-surface);
  --tkt-paper-100: var(--tc-ink);
  --tkt-amber-500: var(--tc-blue);
  --tkt-stamp-red: var(--tc-red);
  --tkt-signal-green: var(--tc-green);
  --tkt-steel-400: var(--tc-muted);
}

.computer-mount-poke-clip strong,
.order-agreed-tile h2,
.order-agreed-path strong,
.credit-win-tile h2,
.credit-win-digest strong {
  color: var(--tc-ink) !important;
  -webkit-text-fill-color: var(--tc-ink) !important;
}
.credit-win-tile p,
.order-agreed-tile p { color: var(--tc-sub) !important; }

.access-flag {
  background: var(--ts-mark) center / cover no-repeat !important;
  box-shadow: none !important;
}

dialog { overflow-x: hidden !important; }
.credit-win-tile,
.order-agreed-tile,
.booking-sheet,
.access-sheet,
.bell-firstrun-tile {
  overflow-x: hidden !important;
  scrollbar-width: thin;
}
h1:focus-visible, h2:focus-visible, h3:focus-visible, [tabindex="-1"]:focus-visible { outline: none !important; }

.telegram-tile[hidden] { display: none !important; }
.telegram-tile [data-telegram-store] {
  color: var(--tc-sub) !important;
  background: var(--tc-fill) !important;
  border-radius: 999px;
  padding: 3px 10px;
}
.telegram-tile.now-linked [data-telegram-store] {
  color: var(--tc-green) !important;
  background: var(--tc-green-tint) !important;
}

:root {
  --tc-purple: var(--tc-blue);
  --tc-purple-deep: var(--tc-blue-deep);
  --tc-purple-tint: var(--tc-blue-tint);
  --tc-grad: var(--tc-blue);
  --tc-grad-hover: var(--tc-blue-hover);
  --tc-grad-soft: var(--tc-blue-tint);
  --tc-grad-text: linear-gradient(var(--tc-blue), var(--tc-blue));
  --tc-glow: none;
  --tc-ring: 0 0 0 3px rgba(49, 130, 246, 0.32);
  --tc-bg-grey: #f4f5f9;
  --tc-glass: rgba(255, 255, 255, 0.78);
  --tc-card-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 4px 16px rgba(16, 24, 40, 0.04);
  --tc-card-shadow-hover: 0 2px 4px rgba(16, 24, 40, 0.04), 0 12px 28px -10px rgba(16, 24, 40, 0.14);
  --ts-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='9' fill='%233182f6'/%3E%3Cpath d='M8.5 11.5A1.5 1.5 0 0 1 10 10h12a1.5 1.5 0 0 1 1.5 1.5v2.2a2.3 2.3 0 0 0 0 4.6v2.2A1.5 1.5 0 0 1 22 22H10a1.5 1.5 0 0 1-1.5-1.5v-2.2a2.3 2.3 0 0 0 0-4.6z' fill='white'/%3E%3Cpath d='M13.4 16.1l1.9 1.9 3.5-3.7' stroke='%233182f6' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media (prefers-color-scheme: dark) {
  :root {
    --tc-bg: #0e0f15;
    --tc-bg-grey: #0a0b10;
    --tc-surface: #171822;
    --tc-fill: #222331;
    --tc-fill-soft: #1c1d29;
    --tc-line: #2b2c3c;
    --tc-ring: 0 0 0 3px rgba(52, 133, 250, 0.42);
    --tc-glass: rgba(23, 24, 34, 0.72);
    --tc-card-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04);
    --tc-card-shadow-hover: 0 0 0 1px rgba(255, 255, 255, 0.08);
    --tc-inverse-bg: #2a2b3b;
  }
}

.ping-needed-popup,
.bell-firstrun-popup,
.credit-win-popup,
.order-agreed-popup {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: visible !important;
}
:focus-visible { outline: none !important; }
button:focus-visible, a:focus-visible, [role="button"]:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible {
  box-shadow: var(--tc-ring) !important;
}
dialog button:focus { box-shadow: none !important; }
dialog button:focus-visible { box-shadow: var(--tc-ring) !important; }

.seek-btn,
#landing-page .cover-chief,
.sheet-send,
.access-send,
.intro-kickoff-btn:not(.now-logout),
.deal-ribbon-go,
.order-reattempt-btn,
.spot-deed,
body.now-srt .spot-deed,
#landing-page .tariff-tile.favorite .tariff-knob,
.credit-win-deeds button,
.order-agreed-deeds button:first-child,
.ping-needed-deeds .send-btn,
.bell-firstrun-deeds .send-btn {
  background: var(--tc-grad) !important;
  color: #ffffff !important;
  box-shadow: var(--tc-glow) !important;
  transition: transform 0.15s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
  position: relative;
  overflow: hidden;
}
.seek-btn:hover,
#landing-page .cover-chief:hover,
.sheet-send:hover,
.access-send:hover,
.spot-deed:hover,
.intro-kickoff-btn:not(.now-logout):hover {
  background: var(--tc-grad-hover) !important;
  transform: translateY(-1px) !important;
}
.seek-btn:active, #landing-page .cover-chief:active, .sheet-send:active,
.access-send:active, .spot-deed:active, .send-btn:active {
  transform: scale(0.97) !important;
}
#landing-page .cover-chief::after,
.seek-btn::after {
  display: none;
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.35) 50%, transparent 70%);
  transform: translateX(-120%);
  animation: tcSparkle 3.6s ease-in-out 1.2s infinite;
  pointer-events: none;
}
@keyframes tcSparkle {
  0%, 55% { transform: translateX(-120%); }
  80%, 100% { transform: translateX(120%); }
}
.send-btn { box-shadow: none !important; }

.intro-wordmark-flag, #landing-page .intro-wordmark-flag, .wordmark-flag, .access-flag {
  background: var(--ts-mark) center / cover no-repeat !important;
  box-shadow: none !important;
}
.web-menu a.now-active, .web-menu .now-active {
  background: var(--tc-grad) !important;
  color: #ffffff !important;
  box-shadow: var(--tc-glow) !important;
}
.web-menu .now-active span, .web-menu .now-active .menu-caption-whole, .web-menu .now-active .menu-caption-brisk {
  color: #ffffff !important;
}
#landing-page .intro-cover-emphasis,
.credit-purse-tile b,
[data-own-credit-remainder],
.invite-serial-crate > strong,
#landing-page .win-ratio-emblem strong:first-child {
  background: var(--tc-grad-text) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
#landing-page .zone-preline,
#landing-page .zone-holder > .preline,
.preline {
  color: var(--tc-purple) !important;
}
.rail-emblem, #console-page .rail-emblem, body.now-srt .rail-emblem,
.tile-tagline > strong, .rider-tile .tile-tagline strong,
.cover-emblem.cover-bot-emblem, .deal-ribbon-emblem,
#landing-page .manner-tile .manner-rung, #landing-page .tariff-emblem {
  background: var(--tc-purple-tint) !important;
  color: var(--tc-purple-deep) !important;
}
.deal-ribbon { background: var(--tc-grad-soft) !important; }
.cover-emblem.cover-bot-emblem b, #landing-page .cover-bot-emblem .cover-pictogram { color: var(--tc-purple) !important; }

#landing-page .intro-cover { isolation: isolate; }
#landing-page .cover-overlayer {
  position: absolute !important;
  inset: -20% -10% auto -10% !important;
  height: 140% !important;
  z-index: -1 !important;
  pointer-events: none;
  background:
    radial-gradient(38% 42% at 18% 28%, rgba(49, 130, 246, 0.22), transparent 70%),
    radial-gradient(34% 40% at 78% 22%, rgba(49, 130, 246, 0.14), transparent 70%),
    radial-gradient(30% 36% at 60% 78%, rgba(56, 189, 248, 0.14), transparent 70%) !important;
  filter: blur(8px);
  animation: tcBorealis 18s ease-in-out infinite alternate;
}
@keyframes tcBorealis {
  0% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(-3%, 2%, 0) scale(1.06); }
  100% { transform: translate3d(3%, -2%, 0) scale(1.02); }
}
#landing-page .cover-leaving-deck {
  background: var(--tc-glass) !important;
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  backdrop-filter: blur(20px) saturate(160%);
  border: 1px solid transparent !important;
  background-clip: padding-box !important;
  box-shadow: var(--tc-card-shadow) !important;
}
#landing-page .cover-path-tile .path-pointer {
  background: var(--tc-grad) !important;
  color: #ffffff !important;
}

.voyage-tile, .prep-tile, .credit-tile, .invite-focuslight-tile, .rail-tile,
#console-page .rail-tile, .seek-path-tile, .blank-outcomes, .persona-tile,
.gauge-mesh article, .sanctioned-checkout-howto,
#landing-page .manner-tile, #landing-page .faith-feed article,
#landing-page .tariff-tile, #landing-page .organic-qna-tile {
  box-shadow: var(--tc-card-shadow) !important;
  border-radius: 22px !important;
  transition: transform 0.2s ease, box-shadow 0.25s ease !important;
}
.rail-tile:hover, #console-page .rail-tile:hover,
#landing-page .manner-tile:hover, #landing-page .faith-feed article:hover,
#landing-page .tariff-tile:hover, #landing-page .organic-qna-tile:hover {
  transform: translateY(-3px) !important;
  box-shadow: var(--tc-card-shadow-hover) !important;
}
#landing-page .tariff-tile.favorite {
  border: 2px solid transparent !important;
  background:
    linear-gradient(var(--tc-surface), var(--tc-surface)) padding-box,
    var(--tc-grad) border-box !important;
  box-shadow: var(--tc-card-shadow-hover) !important;
}
#landing-page .win-ratio-emblem.hazard-undo-tile {
  background: var(--tc-grad) !important;
  box-shadow: var(--tc-glow) !important;
}
.reach-pagetabs button.now-active,
.carrier-pagetabs button.now-active,
.access-pagetab.now-active {
  color: var(--tc-purple-deep) !important;
}
.moment-stroke strong, #console-page .moment-stroke strong {
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
}
.moment-stroke span { color: var(--tc-purple) !important; }

body.now-logged-in::before {
  content: "";
  position: fixed;
  inset: -10% -10% auto -10%;
  height: 420px;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(40% 60% at 15% 0%, rgba(49, 130, 246, 0.12), transparent 70%),
    radial-gradient(40% 60% at 85% 0%, rgba(49, 130, 246, 0.08), transparent 70%);
}

.telegram-tile, .invite-focuslight-tile {
  background:
    linear-gradient(var(--tc-surface), var(--tc-surface)) padding-box,
    var(--tc-grad-soft) border-box !important;
  border: 1px solid transparent !important;
}
.persona-invite-go { background: var(--tc-grad) !important; box-shadow: var(--tc-glow) !important; }

@media (prefers-reduced-motion: reduce) {
  #landing-page .cover-overlayer, #landing-page .cover-chief::after, .seek-btn::after { animation: none !important; }
}
#landing-page .win-ratio-emblem.hazard-undo-tile strong,
#landing-page .win-ratio-emblem.hazard-undo-tile * {
  background: none !important;
  -webkit-text-fill-color: #ffffff !important;
  color: #ffffff !important;
}

:root {
  --tc-grey900: #191f28;
  --tc-grey800: #333d4b;
  --tc-grey700: #4e5968;
  --tc-grey600: #6b7684;
  --tc-grey500: #8b95a1;
  --tc-grey400: #b0b8c1;
  --tc-bg-grey: #f2f4f6;
  --tc-blue-weak: #e8f3ff;
  --tile-blue: #e8f3ff;
  --tile-purple: #f1edff;
  --tile-green: #e5f8ef;
  --tile-orange: #fff3e0;
  --tile-pink: #ffeef2;
  --tc-nav-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
}
@media (prefers-color-scheme: dark) {
  :root {
    --tc-grey900: #f0f0f2;
    --tc-grey800: #dcdce2;
    --tc-grey700: #c1c1c9;
    --tc-grey600: #9e9ea9;
    --tc-grey500: #81818c;
    --tc-grey400: #5c5c67;
    --tc-bg: #17171c;
    --tc-bg-grey: #101013;
    --tc-surface: #202027;
    --tc-fill: #2c2c35;
    --tc-fill-soft: #26262e;
    --tc-line: #33333d;
    --tc-blue-weak: rgba(52, 133, 250, 0.16);
    --tile-blue: rgba(52, 133, 250, 0.16);
    --tile-purple: rgba(157, 139, 255, 0.16);
    --tile-green: rgba(43, 201, 133, 0.14);
    --tile-orange: rgba(255, 168, 64, 0.14);
    --tile-pink: rgba(255, 110, 150, 0.14);
    --tc-glass: rgba(32, 32, 39, 0.82);
    --tc-nav-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06), 0 8px 28px rgba(0, 0, 0, 0.4);
  }
}

body {
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif !important;
  font-feature-settings: "tnum" 0;
  letter-spacing: -0.015em;
  word-break: keep-all;
}
.tk-azure { color: var(--tc-blue) !important; }
.tk-emerald { color: var(--tc-green) !important; }
.tk-digit { font-variant-numeric: tabular-nums; color: var(--tc-grey800); font-weight: 700; }

#landing-page { background: var(--tc-bg-grey) !important; }
#landing-page .intro-masthead { background: var(--tc-glass) !important; }
.tk-core { padding-bottom: 40px; }
.tk-enclose { width: min(1080px, calc(100% - 32px)); margin: 0 auto; }

.tk-cover { padding: 56px 0 28px; }
.tk-cover-mesh { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 48px; align-items: center; }
.tk-overline {
  display: inline-flex; align-items: center; gap: 8px; margin: 0 0 14px;
  color: var(--tc-blue); font-size: 15px; font-weight: 700;
}
.tk-bead { width: 7px; height: 7px; border-radius: 50%; background: var(--tc-blue); box-shadow: 0 0 0 4px var(--tc-blue-weak); animation: tkThrob 2s ease-in-out infinite; }
@keyframes tkThrob { 50% { box-shadow: 0 0 0 7px transparent; } }
.tk-cover-heading {
  margin: 0; color: var(--tc-grey900); font-size: clamp(32px, 4.4vw, 50px);
  font-weight: 700; line-height: 1.32; letter-spacing: -0.035em;
}
.tk-cover-nested { margin: 18px 0 0; color: var(--tc-grey600); font-size: 18px; font-weight: 500; line-height: 1.6; }
.tk-cover-deeds { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.tk-cover-jot {
  display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin: 18px 0 0;
  color: var(--tc-grey600); font-size: 15px; font-weight: 500;
}
.tk-cover-jot b { color: var(--tc-grey800); font-weight: 700; }
.tk-verify {
  display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%;
  background: var(--tc-blue-weak); color: var(--tc-blue); font-size: 12px; font-weight: 800;
}
.tk-invite {
  display: inline-flex !important; align-items: center; gap: 10px; margin-top: 16px !important;
  padding: 12px 16px !important; border-radius: 16px !important;
  background: var(--tc-surface) !important; color: var(--tc-grey700) !important; border: 0 !important;
  font-size: 15px; font-weight: 500;
}
.tk-invite[hidden] { display: none !important; }
.tk-invite b { color: var(--tc-blue) !important; font-weight: 700; }
.tk-invite .cover-invite-band-deed { color: var(--tc-blue) !important; font-weight: 700; text-decoration: none !important; }
.tk-glyphmoji { font-size: 20px; line-height: 1; }

.tk-cover-sample { position: relative; padding-top: 44px; }
.tk-sample-memo {
  position: absolute; top: 0; left: 18px; right: -8px; z-index: 2;
  display: flex; gap: 12px; align-items: center; padding: 12px 14px;
  border-radius: 20px; background: var(--tc-glass);
  -webkit-backdrop-filter: blur(20px) saturate(180%); backdrop-filter: blur(20px) saturate(180%);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
  animation: tkLower 0.7s cubic-bezier(0.2, 0.9, 0.3, 1.2) 0.6s both;
}
@keyframes tkLower { from { opacity: 0; transform: translateY(-14px) scale(0.97); } to { opacity: 1; transform: none; } }
.tk-sample-memo-client { flex: 0 0 auto; width: 38px; height: 38px; border-radius: 10px; background: var(--ts-mark) center / cover no-repeat; }
.tk-sample-memo strong { display: block; color: var(--tc-grey900); font-size: 13px; font-weight: 700; }
.tk-sample-memo span { display: block; color: var(--tc-grey700); font-size: 13px; font-weight: 500; line-height: 1.45; }
.tk-sample-tile { padding: 22px !important; }
.tk-sample-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
.tk-legend { color: var(--tc-grey600); font-size: 14px; font-weight: 600; }
.tk-chrono { list-style: none; margin: 8px 0 0; padding: 0 0 0 4px; }
.tk-chrono li {
  position: relative; display: flex; align-items: center; gap: 12px; padding: 10px 0 10px 22px;
  color: var(--tc-grey700); font-size: 15px;
}
.tk-chrono li::before {
  content: ""; position: absolute; left: 5px; top: 0; bottom: 0; width: 2px; background: var(--tc-line);
}
.tk-chrono li:first-child::before { top: 50%; }
.tk-chrono li:last-child::before { bottom: 50%; }
.tk-tk-bead {
  position: absolute; left: 0; width: 12px; height: 12px; border-radius: 50%;
  background: var(--tc-surface); box-shadow: inset 0 0 0 3px var(--tc-grey400);
}
.tk-chrono li.now-done .tk-tk-bead { box-shadow: inset 0 0 0 3px var(--tc-blue); }
.tk-chrono li.now-win .tk-tk-bead { background: var(--tc-green); box-shadow: 0 0 0 4px var(--tc-green-tint); }
.tk-chrono b { flex: 1; color: var(--tc-grey800); font-weight: 600; }
.tk-chrono li.now-win b { color: var(--tc-grey900); font-weight: 700; }
.tk-chrono em { color: var(--tc-grey500); font-style: normal; font-size: 13px; font-weight: 600; }
.tk-sample-remit {
  display: flex; justify-content: space-between; align-items: center; margin-top: 10px;
  padding: 14px 16px; border-radius: 14px; background: var(--tc-fill-soft);
}
.tk-sample-remit span { color: var(--tc-grey600); font-size: 14px; font-weight: 600; }
.tk-sample-remit strong { color: var(--tc-red); font-size: 18px; font-weight: 700; font-variant-numeric: tabular-nums; }

.tk-zone { padding: 10px 0; }
.tk-tile {
  background: var(--tc-surface); border-radius: 24px; padding: 28px 28px 20px;
}
.tk-heading { margin: 0; color: var(--tc-grey900); font-size: 22px; font-weight: 700; letter-spacing: -0.03em; line-height: 1.4; }
.tk-nested { margin: 6px 0 0; color: var(--tc-grey600); font-size: 15px; font-weight: 500; line-height: 1.55; }
.tk-feed { margin-top: 18px; }

.tk-lane { display: flex; align-items: center; gap: 16px; padding: 12px 0; min-height: 56px; }
.tk-lane-wording { flex: 1; min-width: 0; display: grid; gap: 3px; }
.tk-lane-wording strong {
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
  color: var(--tc-grey800); font-size: 17px; font-weight: 600; letter-spacing: -0.02em;
}
.tk-lane-wording span { color: var(--tc-grey500); font-size: 14px; font-weight: 500; line-height: 1.45; }
.tk-streak { flex: 0 0 auto; color: var(--tc-grey600); font-size: 15px; font-weight: 600; }

.tk-plate {
  flex: 0 0 auto; display: inline-grid; place-items: center; width: 52px; height: 52px;
  border-radius: 16px; background: var(--tile-blue); font-size: 26px; line-height: 1;
}
.tk-plate-azure { background: var(--tile-blue); }
.tk-plate-violet { background: var(--tile-purple); }
.tk-plate-emerald { background: var(--tile-green); }
.tk-plate-amber { background: var(--tile-orange); }
.tk-plate-rose { background: var(--tile-pink); }

.tk-pill {
  display: inline-flex; align-items: center; padding: 3px 8px; border-radius: 6px;
  background: var(--tc-fill); color: var(--tc-grey600); font-size: 12px; font-weight: 700; letter-spacing: 0;
}
.tk-pill-azure { background: var(--tc-blue-weak); color: var(--tc-blue-deep); }

.tk-aside {
  display: flex; gap: 10px; align-items: flex-start; margin-top: 10px;
  padding: 14px 16px; border-radius: 16px; background: var(--tc-fill-soft);
}
.tk-aside p { margin: 0; color: var(--tc-grey700); font-size: 14px; font-weight: 500; line-height: 1.55; }
.tk-aside b { color: var(--tc-blue); font-weight: 700; }
.tk-okay { margin: 14px 0 6px; color: var(--tc-grey500); font-size: 12.5px; font-weight: 500; line-height: 1.6; }

.tk-knob {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  border: 0; border-radius: 12px; font-family: inherit; font-weight: 600; letter-spacing: -0.01em;
  text-decoration: none; cursor: pointer; white-space: nowrap;
  transition: background 0.15s ease, transform 0.12s ease;
}
.tk-knob:active { transform: scale(0.97); }
.tk-knob-tiny { height: 36px; padding: 0 14px; font-size: 15px; border-radius: 10px; }
.tk-knob-mid { height: 48px; padding: 0 20px; font-size: 16px; }
.tk-knob-large { height: 56px; padding: 0 26px; font-size: 17px; border-radius: 16px; font-weight: 700; }
.tk-knob-chief { background: var(--tc-blue) !important; color: #ffffff !important; box-shadow: none !important; }
.tk-knob-chief:hover { background: var(--tc-blue-hover) !important; }
.tk-knob-soft { background: var(--tc-blue-weak) !important; color: var(--tc-blue-deep) !important; box-shadow: none !important; }
.tk-knob-soft:hover { filter: brightness(0.97); }
.tk-knob-fill { width: 100%; }
.tk-knob::after { display: none !important; }

.tk-qna { display: block !important; margin-top: 12px; }
.tk-qna .organic-qna-tile {
  background: transparent !important; border: 0 !important; border-radius: 0 !important;
  box-shadow: none !important; padding: 0 !important; transform: none !important;
  border-top: 1px solid var(--tc-line) !important;
}
.tk-qna .organic-qna-tile:first-child { border-top: 0 !important; }
.tk-qna .organic-qna-tile h3 {
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  margin: 0; padding: 18px 0; cursor: pointer;
  color: var(--tc-grey800); font-size: 17px; font-weight: 600; letter-spacing: -0.02em;
}
.tk-qna .organic-qna-tile h3::after {
  content: ""; flex: 0 0 auto; width: 9px; height: 9px; margin-right: 4px;
  border-right: 2px solid var(--tc-grey500); border-bottom: 2px solid var(--tc-grey500);
  transform: rotate(45deg) translateY(-3px); transition: transform 0.2s ease;
}
.tk-qna .organic-qna-tile.now-open h3::after { transform: rotate(-135deg) translateY(-1px); }
.tk-qna .organic-qna-tile p {
  margin: 0 0 18px; padding: 16px; border-radius: 14px; background: var(--tc-fill-soft);
  color: var(--tc-grey700); font-size: 15px; font-weight: 500; line-height: 1.65;
}
.tk-qna .organic-qna-tile.now-collapsible:not(.now-open) p { display: none; }

.tk-pagefoot { background: transparent !important; border-top: 0 !important; padding: 24px 0 120px !important; }
.tk-pagefoot .pagefoot-wordmark { color: var(--tc-grey700) !important; -webkit-text-fill-color: var(--tc-grey700) !important; font-size: 15px; font-weight: 700; }
.tk-pagefoot .pagefoot-anchors { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 10px 0; }
.tk-pagefoot .pagefoot-anchors a { color: var(--tc-grey600) !important; font-size: 13px; font-weight: 600; text-decoration: none; }
.tk-pagefoot .rights { color: var(--tc-grey500) !important; font-size: 12px; line-height: 1.6; }

.tk-phone-go { display: none !important; }
@media (max-width: 760px) {
  .tk-phone-go {
    display: block !important; position: fixed; left: 0; right: 0; bottom: 0; z-index: 30;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom)) !important;
    background: linear-gradient(to top, var(--tc-bg-grey) 70%, transparent) !important;
    border: 0 !important; box-shadow: none !important;
  }
  .tk-phone-go .tk-knob { width: 100%; }
}

@media (max-width: 900px) {
  .tk-cover-mesh { grid-template-columns: 1fr; gap: 28px; }
  .tk-cover { padding: 28px 0 12px; }
}
@media (max-width: 760px) {
  .tk-enclose { width: calc(100% - 24px); }
  .tk-tile { padding: 24px 20px 14px; border-radius: 22px; }
  .tk-cover-nested { font-size: 16px; }
  .tk-cover-deeds .tk-knob { flex: 1 1 100%; }
  .tk-lane-wording strong { font-size: 16px; }
  .tk-plate { width: 48px; height: 48px; font-size: 24px; border-radius: 14px; }
  .tk-sample-memo { left: 8px; right: 0; }
}

.seek-btn, .sheet-send, .access-send, .spot-deed, body.now-srt .spot-deed, .order-reattempt-btn, .intro-kickoff-btn:not(.now-logout), .deal-ribbon-go,
.credit-win-deeds button, .order-agreed-deeds button:first-child,
.ping-needed-deeds .send-btn, .bell-firstrun-deeds .send-btn {
  background: var(--tc-blue) !important; background-image: none !important;
  box-shadow: none !important; border-radius: 16px !important; font-weight: 700 !important;
}
.seek-btn:hover, .sheet-send:hover, .access-send:hover, .spot-deed:hover {
  background: var(--tc-blue-hover) !important; transform: none !important;
}
.seek-btn::after { display: none !important; }
.spot-deed { border-radius: 12px !important; }

.client-heading .preline, .zone-top .preline { color: var(--tc-blue) !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: 0 !important; }
.client-heading h2, .zone-top h2, #admin .zone-top h2 {
  color: var(--tc-grey900) !important; -webkit-text-fill-color: var(--tc-grey900) !important;
  font-size: clamp(24px, 3vw, 30px) !important; font-weight: 700 !important; letter-spacing: -0.035em !important;
}
.client-heading p, .zone-top > p { color: var(--tc-grey600) !important; font-size: 15px !important; font-weight: 500 !important; }
.tile-tagline > span { color: var(--tc-grey800) !important; font-size: 17px !important; font-weight: 700 !important; }
.voyage-tile strong, .pick-tile strong { color: var(--tc-grey800) !important; }
.slot-tip, .pick-tile span { color: var(--tc-grey500) !important; }

.voyage-tile, .prep-tile, .credit-tile, .invite-focuslight-tile, .rail-tile,
#console-page .rail-tile, .seek-path-tile, .blank-outcomes, .persona-tile,
.gauge-mesh article, .sanctioned-checkout-howto, .telegram-tile {
  border: 0 !important; box-shadow: none !important; border-radius: 24px !important;
  background: var(--tc-surface) !important;
}
.rail-tile:hover, #console-page .rail-tile:hover { transform: none !important; box-shadow: none !important; }
.telegram-tile, .invite-focuslight-tile { background: var(--tc-surface) !important; }

.rail-emblem, #console-page .rail-emblem, body.now-srt .rail-emblem,
.tile-tagline > strong, .rider-tile .tile-tagline strong {
  background: var(--tc-fill) !important; color: var(--tc-grey700) !important; border-radius: 8px !important;
}
.moment-stroke span { color: var(--tc-grey400) !important; }

.web-menu a, .web-menu button { color: var(--tc-grey600) !important; font-weight: 600 !important; }
.web-menu a.now-active, .web-menu .now-active {
  background: var(--tc-fill) !important; color: var(--tc-grey900) !important; box-shadow: none !important;
}
.web-menu .now-active span, .web-menu .now-active .menu-caption-whole, .web-menu .now-active .menu-caption-brisk { color: var(--tc-grey900) !important; }
.wordmark-flag, .intro-wordmark-flag, #landing-page .intro-wordmark-flag, .access-flag { box-shadow: none !important; }

@media (max-width: 640px) {
  .web-masthead .web-menu {
    position: fixed !important; left: 12px !important; right: 12px !important;
    bottom: calc(10px + env(safe-area-inset-bottom)) !important; top: auto !important;
    z-index: 40 !important; display: flex !important; justify-content: space-around !important;
    gap: 2px !important; padding: 8px !important; border-radius: 30px !important;
    background: var(--tc-glass) !important; border: 0 !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%); backdrop-filter: blur(24px) saturate(180%);
    box-shadow: var(--tc-nav-shadow) !important;
  }
  .web-masthead .web-menu a {
    flex: 1 1 0 !important; display: grid !important; place-items: center !important; gap: 3px !important;
    min-height: 54px !important; padding: 6px 0 !important; border-radius: 22px !important;
    background: transparent !important; color: var(--tc-grey700) !important;
  }
  .web-masthead .web-menu a .menu-glyph { font-size: 21px !important; color: var(--tc-grey800) !important; }
  .web-masthead .web-menu a .menu-caption-brisk { font-size: 11px !important; font-weight: 600 !important; color: var(--tc-grey700) !important; }
  .web-masthead .web-menu a.now-active { background: var(--tc-fill) !important; }
  .web-masthead .web-menu a.now-active .menu-glyph,
  .web-masthead .web-menu a.now-active .menu-caption-brisk { color: var(--tc-grey900) !important; }
}

.phantom-btn, [data-phone-modify-seek], .blank-outcome-deeds button, .order-fitness button {
  background: var(--tc-fill) !important; color: var(--tc-grey700) !important; border-radius: 12px !important;
}

body.now-logged-in::before { display: none !important; }

.tk-cover-sample { padding-top: 64px !important; }
@media (max-width: 640px) {
  .web-masthead .web-menu { width: auto !important; max-width: none !important; inset-inline: 12px !important; }
  .web-masthead .web-menu a { min-width: 0 !important; }
}
.carrier-pagetabs button.now-active { color: var(--tc-grey900) !important; }

img.emojiset {
  display: inline-block;
  width: 1.15em;
  height: 1.15em;
  vertical-align: -0.2em;
  margin: 0 0.04em;
  pointer-events: none;
  user-select: none;
}
.tk-plate img.emojiset { width: 30px; height: 30px; margin: 0; vertical-align: middle; }
.tk-glyphmoji img.emojiset, .tk-aside > span img.emojiset { width: 22px; height: 22px; vertical-align: middle; }
.tk-merit { margin: 8px 0 0; font-size: 12px; }
.tk-merit a { color: var(--tc-grey500) !important; text-decoration: none; font-weight: 500; }
.tk-merit a:hover { text-decoration: underline; }

.tfx-i { display: inline-flex; align-items: center; margin-right: 8px; vertical-align: middle; }
.tfx-i img.emojiset { width: 24px; height: 24px; margin: 0; vertical-align: middle; }
.tile-tagline > span, .sanctioned-checkout-howto-clip > span, .recharge-sum-top strong {
  display: inline-flex !important; align-items: center;
}
.gauge-mesh article .tfx-i { display: block; margin: 0 0 12px; }
.gauge-mesh article .tfx-i img.emojiset { width: 36px; height: 36px; }
.gauge-mesh article > span:not(.tfx-i) { color: var(--tc-grey600) !important; font-size: 14px !important; font-weight: 600 !important; }
.gauge-mesh article strong { color: var(--tc-grey900) !important; font-size: 26px !important; font-weight: 700 !important; }
.bookings-invite-band .tfx-i img.emojiset, .invite-emblem-glyph img.emojiset,
.persona-invite-go-glyph img.emojiset { width: 24px; height: 24px; }
.invite-jot .tfx-i img.emojiset, [class*="invite"] .tfx-i img.emojiset { width: 20px; height: 20px; }

@supports (padding-top: env(safe-area-inset-top)) {
  .web-masthead, #landing-page .intro-masthead {
    padding-top: calc(env(safe-area-inset-top) + 8px) !important;
  }
  .deal-ribbon:not([hidden]) + .intro-masthead { padding-top: 8px !important; }
  .deal-ribbon { padding-top: env(safe-area-inset-top) !important; }
}

.booking-deck, .booking-deck > .ops-pane {
  background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important;
}
.booking-deck > .ops-pane > .tile-tagline { padding: 8px 4px 12px; }
.rq-feed { display: grid; gap: 12px; }
.rq-tile { background: var(--tc-surface); border-radius: 24px; padding: 20px 22px 18px; }
.rq-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 4px; }
.rq-legend { color: var(--tc-grey600); font-size: 14px; font-weight: 600; }
.rq-pill {
  display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px;
  font-size: 13px; font-weight: 700; white-space: nowrap;
}
.rq-pill.now-blue { background: var(--tc-blue-weak); color: var(--tc-blue-deep); }
.rq-pill.now-blue::before {
  content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor;
  animation: tkThrob 1.6s ease-in-out infinite; box-shadow: 0 0 0 3px transparent;
}
.rq-pill.now-green { background: var(--tc-green-tint); color: var(--tc-green); }
.rq-pill.now-grey { background: var(--tc-fill); color: var(--tc-grey600); }
.rq-pill.now-red { background: var(--tc-red-tint); color: var(--tc-red); }
.rq-path { padding-top: 10px; }
.rq-path .tk-lane-wording strong { font-size: 18px; color: var(--tc-grey900); font-weight: 700; }
.rq-chrono { margin-top: 4px; }
.rq-chrono li.now-active .tk-tk-bead {
  background: var(--tc-blue); box-shadow: 0 0 0 4px var(--tc-blue-weak);
  animation: rqBead 1.4s ease-in-out infinite;
}
@keyframes rqBead { 50% { box-shadow: 0 0 0 7px transparent; } }
.rq-chrono li.now-active b { color: var(--tc-grey900); font-weight: 700; }
.rq-chrono li.now-active em { color: var(--tc-blue); }
.rq-chrono li.now-pending b, .rq-chrono li.now-muted b { color: var(--tc-grey500); font-weight: 500; }
.rq-chrono li.now-win em { color: var(--tc-green); }
.rq-chrono li.now-fail .tk-tk-bead { background: var(--tc-red); box-shadow: 0 0 0 4px var(--tc-red-tint); }
.rq-chrono li.now-fail b { color: var(--tc-red); font-weight: 600; }
.rq-chrono li.now-muted .tk-tk-bead { box-shadow: inset 0 0 0 3px var(--tc-grey400); }
.rq-chrono li b { overflow-wrap: anywhere; }
.rq-remit {
  display: grid; gap: 6px; margin-top: 10px; padding: 14px 16px; border-radius: 16px; background: var(--tc-fill-soft);
}
.rq-remit-lane { display: flex; justify-content: space-between; align-items: center; }
.rq-remit span { color: var(--tc-grey600); font-size: 14px; font-weight: 600; }
.rq-remit strong { color: var(--tc-grey900); font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
.rq-remit.now-urgent strong { color: var(--tc-red); }
.rq-remit small { color: var(--tc-grey500); font-size: 12.5px; font-weight: 500; line-height: 1.5; }
.rq-remit.now-over { background: var(--tc-red-tint); }
.rq-remit.now-over span { color: var(--tc-red); }
.rq-tip {
  display: flex; align-items: flex-start; gap: 10px; margin-top: 10px; padding: 14px 16px;
  border-radius: 16px; background: var(--tc-fill-soft);
}
.rq-tip > .tfx-i { flex: 0 0 auto; font-size: 18px; line-height: 1.35; }
.rq-tip > div { display: grid; gap: 3px; min-width: 0; }
.rq-tip strong { color: var(--tc-grey900); font-size: 14.5px; font-weight: 700; letter-spacing: -0.01em; line-height: 1.45; }
.rq-tip div > span { color: var(--tc-grey600); font-size: 13px; font-weight: 500; line-height: 1.55; }
.rq-tip.now-repeat { background: var(--tc-blue-tint); }
.rq-tip.now-repeat strong { color: var(--tc-blue-deep); }
.rq-tip.now-repeat div > span { color: var(--tc-grey700); }
#request .timing-tip {
  display: flex; align-items: flex-start; gap: 12px; padding: 16px 18px; border-radius: 20px;
  background: var(--tc-blue-tint);
}
#request .timing-tip > .tfx-i { flex: 0 0 auto; font-size: 20px; line-height: 1.3; }
#request .timing-tip p { display: grid; gap: 3px; margin: 0; min-width: 0; }
#request .timing-tip strong { color: var(--tc-blue-deep); font-size: 15px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.4; }
#request .timing-tip p > span { color: var(--tc-grey700); font-size: 13.5px; font-weight: 500; line-height: 1.55; }
.rq-sole { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 12px; }
.rq-levy { color: var(--tc-grey500); font-size: 13px; font-weight: 600; }
.rq-sole .order-halt-btn {
  background: var(--tc-fill) !important; color: var(--tc-grey700) !important; border: 0 !important; box-shadow: none !important;
}
.rq-sole .order-reattempt-btn { background: var(--tc-blue-weak) !important; color: var(--tc-blue-deep) !important; border: 0 !important; box-shadow: none !important; }
.rq-blank {
  display: grid; justify-items: center; gap: 8px; padding: 36px 20px; border-radius: 24px;
  background: var(--tc-surface); text-align: center;
}
.rq-blank strong { color: var(--tc-grey800); font-size: 17px; font-weight: 700; }
.rq-blank p { margin: 0 0 6px; color: var(--tc-grey500); font-size: 14px; }
.booking-deck .tile-tagline {
  display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 10px;
}
.order-invite-go {
  display: grid !important; grid-template-columns: auto 1fr; gap: 6px 14px; align-items: center;
  padding: 18px 20px !important; border-radius: 24px !important; border: 0 !important;
  background: var(--tc-surface) !important; box-shadow: none !important;
}
.order-invite-go .order-invite-go-glyph { grid-row: 1 / span 2; background: var(--tile-orange) !important; color: inherit !important; border: 0 !important; box-shadow: none !important; }
.order-invite-go-clip span { color: var(--tc-green) !important; font-size: 13px !important; font-weight: 700 !important; }
.order-invite-go-clip strong { color: var(--tc-grey900) !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.45 !important; }
.order-invite-go-clip small { color: var(--tc-grey500) !important; font-size: 13px !important; line-height: 1.5 !important; }
.order-invite-go-btn {
  grid-column: 1 / -1; height: 48px; border: 0 !important; border-radius: 14px !important;
  background: var(--tc-blue-weak) !important; color: var(--tc-blue-deep) !important;
  font-size: 15px !important; font-weight: 700 !important; box-shadow: none !important;
}
.booking-deck .tile-tagline { flex-direction: row !important; text-align: left !important; }
.booking-deck .tile-tagline > span { justify-content: flex-start !important; }

.gauge-mesh.rq-gauges {
  display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important;
  padding: 18px 6px !important; border-radius: 24px !important; background: var(--tc-surface) !important;
  margin-bottom: 12px !important;
}
.gauge-mesh.rq-gauges article {
  display: grid !important; justify-items: center; gap: 4px; padding: 2px 6px !important; margin: 0 !important;
  background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  text-align: center; min-width: 0;
}
.gauge-mesh.rq-gauges article + article { border-left: 1px solid var(--tc-line) !important; }
.gauge-mesh.rq-gauges .tfx-i { display: block !important; margin: 0 0 6px !important; }
.gauge-mesh.rq-gauges .tfx-i img.emojiset { width: 32px !important; height: 32px !important; }
.gauge-mesh.rq-gauges article > span:not(.tfx-i) { color: var(--tc-grey600) !important; font-size: 13px !important; font-weight: 600 !important; white-space: nowrap; }
.gauge-mesh.rq-gauges article strong { color: var(--tc-grey900) !important; font-size: 22px !important; font-weight: 700 !important; line-height: 1.2; }

.sanctioned-checkout-howto.rq-paysteps {
  display: block !important; padding: 22px 22px 18px !important; border-radius: 24px !important;
  background: var(--tc-surface) !important; border: 0 !important; box-shadow: none !important; margin-bottom: 12px !important;
}
.rq-paysteps-top { display: flex; align-items: center; gap: 14px; }
.rq-paysteps-top strong { display: block; color: var(--tc-grey900); font-size: 17px; font-weight: 700; letter-spacing: -0.02em; }
.rq-paysteps-top p { margin: 3px 0 0; color: var(--tc-grey500); font-size: 14px; font-weight: 500; }
.rq-rungs { list-style: none; margin: 16px 0 0; padding: 4px 16px; border-radius: 16px; background: var(--tc-fill-soft); }
.rq-rungs li { display: flex; align-items: center; gap: 12px; padding: 12px 0; }
.rq-rungs li + li { border-top: 1px solid var(--tc-line); }
.rq-rungs b {
  flex: 0 0 auto; display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%;
  background: var(--tc-blue); color: #fff; font-size: 13px; font-weight: 700;
}
.rq-rungs span { color: var(--tc-grey700); font-size: 15px; font-weight: 500; }
.rq-rungs strong { color: var(--tc-grey900); font-weight: 700; }
.rq-paysteps-jot { margin: 12px 2px 0; color: var(--tc-grey500); font-size: 12.5px; font-weight: 500; line-height: 1.55; }

#console-page .web-masthead { position: sticky !important; top: 0 !important; z-index: 35 !important; }
:root { --tc-glass: rgba(255, 255, 255, 0.86); }
@media (prefers-color-scheme: dark) { :root { --tc-glass: rgba(23, 23, 28, 0.84); } }
#console-page .web-masthead, #landing-page .intro-masthead {
  background: var(--tc-glass) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
}
#console-page .web-masthead {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  isolation: isolate;
}
#console-page .web-masthead::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--tc-glass);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  border-bottom: 1px solid var(--tc-line);
  pointer-events: none;
}


#console-page .zone-top { margin-bottom: 16px !important; gap: 6px !important; }
#console-page .zone-top.divide { display: block !important; }
#console-page .zone-top > p,
#console-page .zone-top.divide > p { margin: 8px 0 0 !important; max-width: 46ch; font-size: 15px !important; line-height: 1.55 !important; }
#console-page .tile-tagline {
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  gap: 10px !important; margin: 0 0 6px !important;
}
#console-page .tile-tagline > span { display: inline-flex !important; align-items: center; gap: 8px; }
#console-page .tile-tagline > strong {
  flex: 0 0 auto; padding: 4px 9px !important; border-radius: 8px !important; border: 0 !important;
  background: var(--tc-fill) !important; color: var(--tc-grey700) !important;
  font-size: 13px !important; font-weight: 700 !important; line-height: 1.3 !important; box-shadow: none !important;
}
#console-page .tfx-i img.emojiset { width: 24px; height: 24px; }

#request .voyage-intake { display: grid !important; gap: 12px !important; }
#request .voyage-tile { padding: 20px !important; margin: 0 !important; }

#request .carrier-pagetabs {
  display: flex !important; gap: 8px !important; width: auto !important; margin: 0 !important;
  padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important;
}
#request .carrier-pagetabs button {
  flex: 0 0 auto !important; width: auto !important; min-height: 0 !important; height: 34px !important;
  padding: 0 14px !important; border-radius: 999px !important; border: 0 !important; box-shadow: none !important;
  background: var(--tc-surface) !important; color: var(--tc-grey600) !important;
  font-size: 14px !important; font-weight: 600 !important;
}
#request .carrier-pagetabs button.now-active {
  background: var(--tc-grey900) !important; color: var(--tc-surface) !important;
}
#request .carrier-pagetabs button[hidden] { display: none !important; }

#request .order-fitness:not([hidden]) {
  display: flex !important; align-items: center !important; gap: 12px !important; margin: 0 !important;
  padding: 14px 14px 14px 16px !important; border-radius: 20px !important; border: 0 !important;
  background: var(--tc-surface) !important; box-shadow: none !important;
}
#request .order-fitness-glyph {
  flex: 0 0 auto; display: inline-grid !important; place-items: center; width: 36px !important; height: 36px !important;
  border-radius: 12px !important; background: var(--tc-blue-tint) !important; color: var(--tc-blue) !important;
  font-size: 17px !important; font-weight: 800 !important; border: 0 !important;
}
#request .order-fitness p { flex: 1 1 auto; min-width: 0; margin: 0 !important; display: grid; gap: 2px; }
#request .order-fitness p strong { color: var(--tc-grey800) !important; font-size: 15px !important; font-weight: 700 !important; }
#request .order-fitness p span { color: var(--tc-grey500) !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.45; }
#request .order-fitness button {
  flex: 0 0 auto !important; width: auto !important; height: 34px !important; min-height: 0 !important;
  padding: 0 12px !important; border-radius: 10px !important; border: 0 !important; box-shadow: none !important;
  background: var(--tc-blue-weak) !important; color: var(--tc-blue-deep, var(--tc-blue)) !important;
  font-size: 14px !important; font-weight: 700 !important; white-space: nowrap;
}

#request .day-tile { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; padding: 12px !important; }
#request .day-tile .glyph-entrybox {
  display: flex !important; align-items: center; gap: 8px; min-width: 0; margin: 0 !important;
  padding: 0 12px !important; height: 52px; border-radius: 14px !important; background: var(--tc-fill) !important; border: 0 !important;
}
#request .day-tile .glyph-entrybox input,
#request .day-tile .glyph-entrybox select {
  flex: 1 1 auto; min-width: 0; width: 100%; height: 100% !important; padding: 0 !important; margin: 0 !important;
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  color: var(--tc-grey900) !important; font-size: 15px !important; font-weight: 600 !important;
}
#request .day-tile .glyph-entrybox > span { flex: 0 0 auto; line-height: 0; }
#request .day-tile .glyph-entrybox img.emojiset { width: 20px; height: 20px; }

#request .pick-tile { display: grid !important; gap: 14px !important; }
#request .pick-tile > div:first-child { display: grid !important; gap: 3px !important; }
#request .pick-tile > div:first-child strong {
  display: inline-flex !important; align-items: center; gap: 8px;
  color: var(--tc-grey800) !important; font-size: 17px !important; font-weight: 700 !important;
}
#request .pick-tile > div:first-child > span { color: var(--tc-grey500) !important; font-size: 14px !important; font-weight: 500 !important; }
#request .reach-pagetabs {
  display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 4px !important;
  width: 100% !important; margin: 0 !important; padding: 4px !important; border-radius: 14px !important;
  background: var(--tc-fill) !important; border: 0 !important;
}
#request .reach-pagetabs button {
  width: 100% !important; min-width: 0 !important; height: 42px !important; min-height: 0 !important; margin: 0 !important;
  padding: 0 6px !important; border-radius: 11px !important; border: 0 !important; box-shadow: none !important;
  background: transparent !important; color: var(--tc-grey600) !important;
  font-size: 15px !important; font-weight: 600 !important; white-space: nowrap;
}
#request .reach-pagetabs button.now-active {
  background: var(--tc-surface) !important; color: var(--tc-grey900) !important; font-weight: 700 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 1px rgba(0, 0, 0, 0.04) !important;
}

#request .rider-tile { display: grid !important; gap: 4px !important; }
#request .rider-tile .tile-tagline > span { font-size: 17px !important; }
#request .rider-lane {
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  gap: 12px !important; min-height: 56px; margin: 0 !important; padding: 6px 0 !important;
  background: transparent !important; border: 0 !important; border-radius: 0 !important;
}
#request .rider-specifics .rider-lane { border-top: 1px solid var(--tc-line) !important; }
#request .rider-lane > span { flex: 1 1 auto; min-width: 0; color: var(--tc-grey800) !important; font-size: 16px !important; font-weight: 600 !important; }
#request .meter {
  flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; gap: 4px !important;
  width: auto !important; margin: 0 !important; padding: 4px !important; border-radius: 12px !important;
  background: var(--tc-fill) !important; border: 0 !important;
}
#request .meter button {
  width: 34px !important; height: 34px !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important;
  border-radius: 9px !important; border: 0 !important; box-shadow: none !important;
  background: var(--tc-surface) !important; color: var(--tc-grey800) !important;
  font-size: 19px !important; font-weight: 600 !important; line-height: 1 !important;
}
#request .meter button:disabled { color: var(--tc-grey400) !important; background: transparent !important; }
#request .meter strong {
  min-width: 30px; text-align: center; color: var(--tc-grey900) !important;
  font-size: 17px !important; font-weight: 700 !important; font-variant-numeric: tabular-nums;
}
#request .specifics-flip {
  display: inline-flex !important; align-items: center; justify-content: center; gap: 6px;
  width: 100% !important; height: 44px !important; min-height: 0 !important; margin: 4px 0 0 !important; padding: 0 12px !important;
  border-radius: 12px !important; border: 0 !important; box-shadow: none !important;
  background: var(--tc-fill-soft) !important; color: var(--tc-grey600) !important;
  font-size: 14px !important; font-weight: 600 !important;
}
#request .rider-separate-jot { margin: 6px 0 0 !important; color: var(--tc-grey500) !important; font-size: 13px !important; }
#request .seek-btn { height: 56px !important; min-height: 0 !important; margin-top: 4px !important; font-size: 17px !important; }

#points .member-mesh.credit-mesh { display: grid !important; gap: 12px !important; }
#points .credit-tile, #points .invite-focuslight-tile { padding: 22px 20px 20px !important; }

#points .credit-purse-tile {
  display: flex !important; align-items: flex-end !important; justify-content: space-between !important;
  gap: 12px; margin: 0 0 18px !important; padding: 0 0 20px !important;
  background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--tc-line) !important;
  border-radius: 0 !important; box-shadow: none !important; color: inherit !important;
}
#points .credit-purse-tile > div { display: grid !important; gap: 6px; }
#points .credit-purse-tile > div span { color: var(--tc-grey600) !important; font-size: 15px !important; font-weight: 600 !important; }
#points .credit-purse-tile > div strong {
  justify-self: start; padding: 3px 8px; border-radius: 6px; background: var(--tile-green) !important;
  color: var(--tc-green) !important; font-size: 12px !important; font-weight: 700 !important;
}
#points .credit-purse-tile b {
  color: var(--tc-grey900) !important; -webkit-text-fill-color: var(--tc-grey900) !important; background: none !important;
  font-size: 32px !important; font-weight: 700 !important; letter-spacing: -0.03em; line-height: 1.1;
  font-variant-numeric: tabular-nums;
}

#points .recharge-intake { display: grid !important; gap: 12px !important; margin: 0 !important; }
#points .recharge-caption {
  display: grid !important; gap: 6px !important; margin: 0 !important;
  color: var(--tc-grey800) !important; font-size: 15px !important; font-weight: 700 !important;
}
#points .recharge-caption .slot-tip { order: 3; color: var(--tc-grey500) !important; font-size: 13px !important; font-weight: 500 !important; }
#points .recharge-caption input { order: 2; }
#points .recharge-aid {
  display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important;
  padding: 12px 14px !important; border-radius: 14px !important; border: 0 !important;
  background: var(--tc-fill-soft) !important; color: var(--tc-grey700) !important;
  font-size: 13.5px !important; font-weight: 500 !important; line-height: 1.45 !important;
}
#points .recharge-aid b { color: var(--tc-red) !important; font-weight: 700; }
#points .recharge-aid .tfx-i { flex: 0 0 auto; line-height: 0; }
#points .recharge-aid img.emojiset { width: 20px !important; height: 20px !important; }
#points .recharge-separator { display: none !important; }
#points .recharge-sum-zone { display: grid !important; gap: 10px !important; margin: 6px 0 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
#points .recharge-sum-top { display: flex !important; align-items: baseline; justify-content: space-between; gap: 8px; flex-wrap: wrap; margin: 0 !important; }
#points .recharge-sum-top strong { display: inline-flex !important; align-items: center; gap: 8px; color: var(--tc-grey800) !important; font-size: 17px !important; font-weight: 700 !important; }
#points .recharge-sum-top span { color: var(--tc-blue) !important; font-size: 13px !important; font-weight: 600 !important; }

#points .sum-pill {
  display: grid !important; grid-template-columns: 1fr auto !important; grid-template-areas: "amt rate" "bonus rate" "fine fine" !important;
  align-items: center !important; row-gap: 2px !important; column-gap: 12px !important;
  width: 100% !important; margin: 0 !important; padding: 16px 18px !important; text-align: left !important;
  border-radius: 16px !important; border: 2px solid var(--tc-blue) !important;
  background: var(--tc-blue-weak) !important; box-shadow: none !important; color: inherit !important;
}
#points .sum-pill [data-recharge-peekview-sum] { grid-area: amt; color: var(--tc-grey900) !important; font-size: 20px !important; font-weight: 700 !important; }
#points .sum-pill [data-recharge-template-extra] { grid-area: bonus; color: var(--tc-blue) !important; font-size: 14px !important; font-weight: 700 !important; }
#points .sum-pill [data-recharge-peekview-ratio] {
  grid-area: rate; justify-self: end; font-style: normal; padding: 6px 10px; border-radius: 10px;
  background: var(--tc-blue) !important; color: #ffffff !important; font-size: 14px !important; font-weight: 700 !important; white-space: nowrap;
  display: inline-flex; align-items: center; gap: 2px; position: static !important;
}
#points .sum-pill [data-recharge-peekview-ratio] img.emojiset { width: 16px; height: 16px; }
#points .sum-pill small { grid-area: fine; margin-top: 6px; color: var(--tc-grey600) !important; font-size: 12.5px !important; font-weight: 500 !important; }
#points .recharge-caption.tight { font-size: 14px !important; color: var(--tc-grey600) !important; font-weight: 600 !important; }
#points .recharge-send { height: 56px !important; min-height: 0 !important; margin-top: 4px !important; border-radius: 16px !important; font-size: 16px !important; }
#points .payin-stream { margin: 12px 0 0 !important; padding: 0 !important; list-style: none !important; }
#points .payin-stream li { color: var(--tc-grey500) !important; font-size: 13px !important; font-weight: 500 !important; background: transparent !important; border: 0 !important; padding: 2px 0 !important; }

#points .invite-focuslight-tile { display: grid !important; gap: 16px !important; grid-template-columns: 1fr !important; }
#points .invite-focuslight-clip, #points .invite-focuslight-pane { display: grid !important; gap: 12px !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
#points .invite-center-overline { display: flex !important; align-items: center; gap: 8px; margin: 0 !important; }
#points .invite-center-overline .preline { margin: 0 !important; color: var(--tc-blue) !important; font-size: 14px !important; font-weight: 700 !important; }
#points .invite-center-overline > span {
  padding: 3px 8px; border-radius: 6px; background: var(--tc-blue-tint) !important; border: 0 !important;
  color: var(--tc-blue) !important; font-size: 12px !important; font-weight: 700 !important;
}
#points #referral-hub-title {
  margin: 0 !important; color: var(--tc-grey900) !important; -webkit-text-fill-color: var(--tc-grey900) !important;
  font-size: 24px !important; font-weight: 700 !important; letter-spacing: -0.03em; line-height: 1.35;
}
#points #referral-hub-title span { color: var(--tc-blue) !important; -webkit-text-fill-color: var(--tc-blue) !important; background: none !important; }
#points .invite-focuslight-clip > p { margin: 0 !important; color: var(--tc-grey600) !important; font-size: 14.5px !important; font-weight: 500 !important; line-height: 1.6 !important; }
#points .invite-levy-jot {
  display: flex !important; align-items: center; gap: 8px; margin: 0 !important; padding: 12px 14px !important;
  border-radius: 14px !important; background: var(--tc-fill-soft) !important; border: 0 !important;
  color: var(--tc-grey700) !important; font-size: 13.5px !important; font-weight: 500 !important;
}
#points .invite-levy-jot img.emojiset { width: 20px; height: 20px; }

#points .invite-prize-calc {
  display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important;
  margin: 0 !important; padding: 16px 4px !important; border-radius: 18px !important;
  background: var(--tc-fill-soft) !important; border: 0 !important;
}
#points .invite-prize-calc article {
  display: grid !important; justify-items: center; align-content: start; gap: 4px; min-width: 0;
  margin: 0 !important; padding: 0 6px !important; text-align: center;
  background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
}
#points .invite-prize-calc article + article { border-left: 1px solid var(--tc-line) !important; }
#points .invite-prize-calc article > span { color: var(--tc-grey600) !important; font-size: 12.5px !important; font-weight: 600 !important; white-space: nowrap; }
#points .invite-prize-calc article > span b { font-weight: 600 !important; color: inherit !important; }
#points .invite-prize-calc article > strong {
  color: var(--tc-grey900) !important; -webkit-text-fill-color: var(--tc-grey900) !important; background: none !important;
  font-size: 18px !important; font-weight: 700 !important; letter-spacing: -0.02em; white-space: nowrap;
}
#points .invite-prize-calc article.now-milestone > strong { color: var(--tc-blue) !important; -webkit-text-fill-color: var(--tc-blue) !important; }
#points .invite-prize-calc article > small { color: var(--tc-grey500) !important; font-size: 11.5px !important; font-weight: 500 !important; line-height: 1.4; }

#points .invite-serial-crate {
  display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; margin: 0 !important;
  padding: 16px !important; border-radius: 18px !important; background: var(--tc-fill-soft) !important; border: 0 !important; box-shadow: none !important;
}
#points .invite-serial-crate > span { grid-column: 1 / -1; color: var(--tc-grey600) !important; font-size: 13px !important; font-weight: 600 !important; }
#points .invite-serial-crate > strong {
  grid-column: 1 / -1; margin: 0 0 6px; color: var(--tc-grey900) !important; -webkit-text-fill-color: var(--tc-grey900) !important;
  background: none !important; font-size: 24px !important; font-weight: 700 !important; letter-spacing: 0.04em; font-variant-numeric: tabular-nums;
}
#points .invite-serial-crate .spreadable-deeds { grid-column: 1 / -1; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; margin: 0 !important; }
#points .invite-serial-crate .spreadable-deeds button {
  display: inline-flex !important; align-items: center; justify-content: center; gap: 6px;
  width: 100% !important; height: 48px !important; min-height: 0 !important; margin: 0 !important; padding: 0 10px !important;
  border-radius: 14px !important; border: 0 !important; box-shadow: none !important;
  background: var(--tc-surface) !important; color: var(--tc-grey800) !important;
  font-size: 15px !important; font-weight: 600 !important; white-space: nowrap;
}
#points .invite-serial-crate .spreadable-deeds button[data-invite-spread] {
  grid-column: 1 / -1; height: 52px !important; background: var(--tc-blue) !important; color: #ffffff !important; font-weight: 700 !important; font-size: 16px !important;
}
#points .invite-serial-crate .spreadable-deeds button i { font-size: 15px; opacity: 0.9; }
#points .invite-reply { grid-column: 1 / -1; margin: 0 !important; color: var(--tc-blue) !important; font-size: 13px !important; font-weight: 600 !important; }
#points .invite-reply:empty { display: none !important; }

#points .invite-center-headway {
  display: grid !important; gap: 10px !important; margin: 0 !important; padding: 16px !important;
  border-radius: 18px !important; background: var(--tc-fill-soft) !important; border: 0 !important; box-shadow: none !important;
}
#points .spreadable-headway-top { display: flex !important; align-items: center; justify-content: space-between; margin: 0 !important; }
#points .spreadable-headway-top > span { display: inline-flex !important; align-items: center; gap: 8px; color: var(--tc-grey800) !important; font-size: 16px !important; font-weight: 700 !important; }
#points .spreadable-headway-top strong { color: var(--tc-blue) !important; font-size: 15px !important; font-weight: 700 !important; }
#points .spreadable-headway-trace { height: 8px !important; margin: 0 !important; border-radius: 99px !important; background: var(--tc-fill) !important; border: 0 !important; overflow: hidden; }
#points .spreadable-headway-trace > span { border-radius: 99px !important; background: var(--tc-blue) !important; }
#points .invite-headway-niches { display: none !important; }
#points .invite-center-figures {
  display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; margin: 4px 0 0 !important;
  padding: 12px 0 0 !important; border-top: 1px solid var(--tc-line) !important; background: transparent !important;
}
#points .invite-center-figures > div {
  display: grid !important; justify-items: center; gap: 2px; padding: 0 4px !important; margin: 0 !important; text-align: center;
  background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
}
#points .invite-center-figures > div + div { border-left: 1px solid var(--tc-line) !important; }
#points .invite-center-figures span { color: var(--tc-grey500) !important; font-size: 12px !important; font-weight: 600 !important; white-space: nowrap; }
#points .invite-center-figures strong { color: var(--tc-grey900) !important; font-size: 16px !important; font-weight: 700 !important; }
#points .invite-center-headway > p { margin: 0 !important; color: var(--tc-grey600) !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.5 !important; }
#points .invite-center-headway > p.invite-headway-leftover { color: var(--tc-blue) !important; font-weight: 700 !important; }
#points .spreadable-ruleset { margin: 0 !important; padding: 0 0 0 18px !important; display: grid; gap: 4px; }
#points .spreadable-ruleset li { color: var(--tc-grey500) !important; font-size: 12.5px !important; font-weight: 500 !important; line-height: 1.55 !important; background: none !important; border: 0 !important; padding: 0 !important; }

#profile .own-facts-mesh { display: grid !important; gap: 12px !important; }
#profile .persona-tile { display: grid !important; gap: 0 !important; padding: 20px !important; align-content: start; }
#profile .persona-tile > .tile-tagline { margin: 0 0 8px !important; }
#profile .persona-stat {
  display: flex !important; flex-wrap: wrap; align-items: center !important; justify-content: space-between !important;
  gap: 4px 12px !important; min-height: 52px; margin: 0 !important; padding: 12px 0 !important;
  background: transparent !important; border: 0 !important; border-top: 1px solid var(--tc-line) !important;
  border-radius: 0 !important; box-shadow: none !important;
}
#profile .persona-stat > span { color: var(--tc-grey600) !important; font-size: 15px !important; font-weight: 500 !important; }
#profile .persona-stat > strong {
  color: var(--tc-grey900) !important; -webkit-text-fill-color: var(--tc-grey900) !important;
  font-size: 15px !important; font-weight: 700 !important; text-align: right; margin: 0 !important;
}
#profile .persona-stat > small { flex-basis: 100%; margin: 0 !important; color: var(--tc-grey500) !important; font-size: 12.5px !important; }
#profile .persona-stat > small[hidden] { display: none !important; }

#profile .ping-deeds {
  display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; margin: 14px 0 0 !important;
}
#profile .ping-deeds > button {
  width: 100% !important; height: 48px !important; min-height: 0 !important; margin: 0 !important; padding: 0 10px !important;
  border-radius: 14px !important; border: 0 !important; box-shadow: none !important;
  background: var(--tc-fill) !important; color: var(--tc-grey800) !important;
  font-size: 15px !important; font-weight: 600 !important; white-space: nowrap;
}
#profile .ping-deeds > button.send-btn {
  grid-column: 1 / -1; height: 52px !important; background: var(--tc-blue) !important; color: #ffffff !important; font-weight: 700 !important; font-size: 16px !important;
}
#profile .ping-deeds > button[hidden] { display: none !important; }
#profile .ping-deeds > button:not(.send-btn):not([hidden]):only-of-type,
#profile .ping-deeds > .send-btn + button:not([hidden]):last-child:nth-child(2) { grid-column: 1 / -1; }
#profile .ping-howto {
  margin: 12px 0 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important;
  color: var(--tc-grey600) !important; font-size: 13.5px !important; font-weight: 500 !important; line-height: 1.55 !important;
}
#profile .ping-duty-advisory {
  margin: 10px 0 0 !important; padding: 12px 14px !important; border-radius: 14px !important; border: 0 !important;
  background: var(--tc-fill-soft) !important; color: var(--tc-grey600) !important;
  font-size: 13px !important; font-weight: 500 !important; line-height: 1.55 !important;
}
#profile .gadget-ping-howto { display: grid !important; gap: 8px !important; margin: 10px 0 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
#profile .gadget-ping-present {
  display: grid !important; gap: 3px; margin: 0 !important; padding: 14px !important; border-radius: 14px !important;
  background: var(--tc-blue-weak) !important; border: 0 !important;
}
#profile .gadget-ping-present strong { color: var(--tc-blue-deep, var(--tc-blue)) !important; font-size: 14px !important; font-weight: 700 !important; }
#profile .gadget-ping-present span { color: var(--tc-grey700) !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.5; }
#profile .gadget-ping-mesh { display: grid !important; grid-template-columns: 1fr !important; gap: 0 !important; margin: 0 !important; }
#profile details.gadget-ping-tile {
  margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important;
  border-top: 1px solid var(--tc-line) !important; border-radius: 0 !important; box-shadow: none !important;
}
#profile details.gadget-ping-tile:first-child { border-top: 0 !important; }
#profile details.gadget-ping-tile summary {
  display: flex; align-items: center; gap: 6px; padding: 14px 2px; cursor: pointer; list-style: none;
  color: var(--tc-grey600); font-size: 14px; font-weight: 500;
}
#profile details.gadget-ping-tile summary::-webkit-details-marker { display: none; }
#profile details.gadget-ping-tile summary strong { color: var(--tc-grey800) !important; font-size: 15px !important; font-weight: 700 !important; margin: 0 !important; }
#profile details.gadget-ping-tile summary::after {
  content: ""; margin-left: auto; width: 8px; height: 8px;
  border-right: 2px solid var(--tc-grey500); border-bottom: 2px solid var(--tc-grey500);
  transform: rotate(45deg) translateY(-2px); transition: transform 0.2s ease;
}
#profile details.gadget-ping-tile[open] summary::after { transform: rotate(-135deg) translateY(-1px); }
#profile details.gadget-ping-tile .gadget-ping-rungs { margin: 0 0 12px !important; padding: 4px 14px !important; border-radius: 14px; background: var(--tc-fill-soft); }
#profile details.gadget-ping-tile .gadget-ping-rungs li { color: var(--tc-grey700) !important; font-size: 14px !important; padding: 6px 0 !important; }
#profile .telegram-tile .slot-tip { margin: 10px 0 0 !important; font-size: 12.5px !important; }
#profile .persona-invite-go { margin-top: 14px !important; }

@media (min-width: 900px) {
  #profile .own-facts-mesh { grid-template-columns: 1fr 1fr !important; align-items: start; }
  #profile .own-facts-mesh > [data-ping-prefs-tile] { grid-row: span 3; }
  #points .member-mesh.credit-mesh { grid-template-columns: 1fr 1fr !important; align-items: start; }
}

#landing-page .deal-ribbon:not([hidden]) {
  display: block !important; padding: 0 !important; background: var(--tc-blue-weak) !important;
  border: 0 !important; box-shadow: none !important;
}
#landing-page .deal-ribbon-interior {
  display: flex !important; align-items: center !important; gap: 10px !important; flex-wrap: nowrap !important;
  width: min(1080px, calc(100% - 32px)) !important; margin: 0 auto !important; padding: 10px 0 !important; min-height: 0 !important;
}
#landing-page .deal-ribbon-emblem {
  flex: 0 0 auto; padding: 3px 8px !important; border-radius: 6px !important; border: 0 !important;
  background: var(--tc-blue) !important; color: #ffffff !important; font-size: 12px !important; font-weight: 700 !important; box-shadow: none !important;
}
#landing-page .deal-ribbon-wording {
  flex: 1 1 auto; min-width: 0; color: var(--tc-grey800) !important; font-size: 14px !important; font-weight: 600 !important;
  line-height: 1.4 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
#landing-page .deal-ribbon-dial { flex: 0 0 auto; color: var(--tc-blue) !important; font-size: 13px !important; font-weight: 700 !important; font-variant-numeric: tabular-nums; }
#landing-page .deal-ribbon-go {
  flex: 0 0 auto !important; width: auto !important; height: 32px !important; min-height: 0 !important; margin: 0 !important;
  padding: 0 12px !important; border-radius: 10px !important; font-size: 13px !important; font-weight: 700 !important; white-space: nowrap;
}

#landing-page .tk-cover { padding: 64px 0 36px !important; }
#landing-page .tk-overline { margin: 0 0 16px !important; font-size: 14px !important; font-weight: 700 !important; }
#landing-page .tk-cover-heading {
  font-size: clamp(30px, 4.2vw, 48px) !important; font-weight: 800 !important; line-height: 1.3 !important; letter-spacing: -0.04em !important;
}
#landing-page .tk-cover-nested { margin: 16px 0 0 !important; color: var(--tc-grey600) !important; font-size: 17px !important; font-weight: 500 !important; line-height: 1.6 !important; }
.tk-cover-credits { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 0; padding: 0; list-style: none; }
.tk-cover-credits li {
  display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px 7px 8px; border-radius: 999px;
  background: var(--tc-surface); color: var(--tc-grey700); font-size: 14px; font-weight: 500; white-space: nowrap;
}
.tk-cover-credits li b { color: var(--tc-grey900); font-weight: 700; }
.tk-cover-credits li b.tk-azure { color: var(--tc-blue) !important; }
.tk-cover-credits .tk-verify { width: 18px; height: 18px; font-size: 11px; }
#landing-page .tk-cover-deeds { display: flex !important; align-items: center; flex-wrap: wrap; gap: 8px 20px !important; margin-top: 26px !important; }
#landing-page .tk-cover-deeds .tk-knob-large { min-width: 200px; }
.tk-cover-anchor {
  display: inline-flex; align-items: center; gap: 4px; padding: 10px 2px;
  color: var(--tc-grey600); font-size: 15px; font-weight: 600; text-decoration: none;
}
.tk-cover-anchor::after {
  content: ""; width: 7px; height: 7px; margin-left: 2px;
  border-right: 2px solid currentColor; border-top: 2px solid currentColor; transform: rotate(45deg);
}
.tk-cover-anchor:hover { color: var(--tc-grey800); }
#landing-page .tk-invite { margin-top: 18px !important; }

#landing-page .tk-zone { padding: 0 0 12px !important; }
#landing-page .tk-tile { padding: 28px 28px 18px !important; }
#landing-page .tk-heading { font-size: 22px !important; font-weight: 700 !important; letter-spacing: -0.03em !important; }
#landing-page .tk-nested { margin-top: 6px !important; font-size: 15px !important; color: var(--tc-grey600) !important; }
#landing-page .tk-feed { margin-top: 14px !important; }
#landing-page .tk-lane { padding: 12px 0 !important; }
#landing-page .tk-lane-wording strong { font-weight: 600 !important; }
#landing-page .tk-aside { margin-top: 12px !important; }
#landing-page .tk-aside img.emojiset { width: 20px; height: 20px; }

@media (max-width: 760px) {
  #landing-page .tk-cover { padding: 32px 0 20px !important; }
  #landing-page .tk-cover-heading { font-size: 30px !important; }
  #landing-page .tk-cover-nested { font-size: 16px !important; }
  #landing-page .tk-cover-deeds { flex-direction: column; align-items: stretch; gap: 2px !important; }
  #landing-page .tk-cover-deeds .tk-knob-large { width: 100%; min-width: 0; }
  #landing-page .tk-cover-deeds .tk-cover-anchor { align-self: center; }
  #landing-page .tk-cover-sample { margin-top: 8px; }
  #landing-page .tk-tile { padding: 24px 20px 14px !important; }
  #landing-page .tk-heading { font-size: 21px !important; }
  #landing-page .tk-nested { font-size: 14.5px !important; }
  #landing-page .deal-ribbon-interior { width: calc(100% - 24px) !important; padding: 9px 0 !important; gap: 8px !important; }
  #landing-page .deal-ribbon-wording { font-size: 13px !important; }
  #request .voyage-tile { padding: 18px !important; }
}
#request .rider-tile .tile-tagline,
#request .rider-lane { flex-direction: row !important; text-align: left !important; }
#request .rider-tile .tile-tagline > span { justify-content: flex-start !important; }
#request .day-tile .glyph-entrybox > span { position: static !important; left: auto !important; transform: none !important; }
#request .day-tile .glyph-entrybox input[type="date"] { font-size: 14.5px !important; letter-spacing: -0.02em; }
#request .order-fitness:not([hidden]) {
  display: grid !important; grid-template-columns: 36px 1fr !important; align-items: start !important; row-gap: 10px !important;
}
#request .order-fitness button { grid-column: 2; justify-self: start; }
#request .day-tile { grid-template-columns: 1.3fr 1fr !important; gap: 6px !important; }
#request .day-tile .glyph-entrybox { padding: 0 10px !important; gap: 6px !important; }
#points .credit-purse-tile, #points .spreadable-headway-top, #points .invite-center-overline,
#points .recharge-sum-top, #points .invite-levy-jot { flex-direction: row !important; text-align: left !important; }
#points .invite-center-overline, #points .invite-focuslight-clip, #points .invite-focuslight-pane { justify-content: flex-start !important; justify-items: stretch !important; text-align: left !important; }
#points .sum-pill { justify-items: start !important; }
#points .sum-pill [data-recharge-peekview-ratio] { justify-self: end !important; top: auto !important; }
#points .invite-center-figures > div { grid-template-columns: 1fr !important; justify-items: center !important; }
#points .invite-center-figures > div > * { grid-column: 1 !important; }
#points .spreadable-ruleset { list-style: disc !important; }
#points .spreadable-ruleset li { list-style: disc !important; }
#points .spreadable-ruleset li::before, #points .spreadable-ruleset li::marker { color: var(--tc-grey400); }
#points .spreadable-ruleset li::before { content: none !important; display: none !important; }
#points .sum-pill [data-recharge-peekview-ratio] { transform: none !important; left: auto !important; right: auto !important; }
#console-page .tile-tagline { flex-direction: row !important; text-align: left !important; }
#console-page .tile-tagline > span { justify-content: flex-start !important; }
#console-page .tile-tagline > strong { -webkit-text-fill-color: currentColor !important; background-image: none !important; }
#profile .ping-deeds > button:not(.send-btn) { grid-column: auto !important; }
#profile .ping-deeds > button:not(.send-btn):not([hidden]):only-of-type { grid-column: 1 / -1 !important; }
#profile .ping-deeds > button[data-mount-client] { font-size: 14.5px !important; }
#profile .ping-deeds:has(> [data-mount-client][hidden]) > [data-trial-ping] { grid-column: 1 / -1 !important; }
#profile .persona-tile { min-height: 0 !important; height: auto !important; }
#profile .own-facts-mesh { align-items: start !important; grid-auto-rows: auto !important; }
#landing-page .tk-cover-deeds .tk-knob-large { flex: 0 0 auto !important; height: 56px !important; }
@media (max-width: 760px) {
  .tk-cover-credits { gap: 6px; margin-top: 20px; }
  .tk-cover-credits li { padding: 6px 10px 6px 6px; font-size: 13px; gap: 5px; }
  .tk-cover-credits .tk-verify { width: 16px; height: 16px; font-size: 10px; }
}
@media (max-width: 760px) {
  .tk-cover-credits .tk-verify { display: none; }
  .tk-cover-credits li { padding: 6px 11px; }
}

#points [data-payin-intake], #points [data-payin-affirmation],
#points [data-awaiting-payin-brief], #points [data-payin-stream] { display: none !important; }
#points .coupon-kind { padding: 0 0 4px !important; min-height: 0; }
#points .coupon-kind .tk-plate { width: 44px; height: 44px; border-radius: 14px; }
#points .coupon-kind .tk-plate img.emojiset { width: 24px; height: 24px; }
#points [data-coupon-passcode] { font-variant-numeric: tabular-nums; letter-spacing: 0.04em; font-weight: 600; }
#points .coupon-sums { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
#points .coupon-sums button {
  height: 44px; border: 0; border-radius: 12px; background: var(--tc-fill); color: var(--tc-grey700);
  font: inherit; font-size: 15px; font-weight: 600; cursor: pointer;
}
#points .coupon-sums button.now-active { background: var(--tc-blue-weak); color: var(--tc-blue); box-shadow: inset 0 0 0 2px var(--tc-blue); font-weight: 700; }
#points .coupon-peekview { margin: 0 !important; padding: 12px 14px; border-radius: 14px; background: var(--tc-blue-weak); color: var(--tc-grey700); font-size: 14px; font-weight: 500; }
#points .coupon-peekview[hidden] { display: none !important; }
#points .coupon-peekview b { color: var(--tc-blue); font-weight: 700; }
#points .coupon-purchase { margin-top: 4px; padding: 14px; border-radius: 16px; background: var(--tc-fill-soft); }
#points .coupon-purchase p { margin: 0 0 10px; color: var(--tc-grey600); font-size: 13px; font-weight: 500; line-height: 1.55; }
#points .coupon-purchase p strong { display: block; margin-bottom: 2px; color: var(--tc-grey800); font-size: 14px; font-weight: 700; }
#points .coupon-purchase-anchors { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
#points .coupon-purchase-anchors .tk-knob { padding: 0 6px; font-size: 13.5px; height: 38px; }
#points .coupon-archive { display: grid; gap: 6px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--tc-line); }
#points .coupon-archive[hidden] { display: none !important; }
#points .coupon-archive > strong { color: var(--tc-grey800); font-size: 16px; font-weight: 700; }
#points .coupon-archive ul { list-style: none; margin: 0; padding: 0; }
.coupon-archive-entry { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-top: 1px solid var(--tc-line); }
.coupon-archive-entry:first-child { border-top: 0; }
.coupon-archive-entry div { display: grid; gap: 2px; min-width: 0; }
.coupon-archive-entry strong { color: var(--tc-grey900); font-size: 15px; font-weight: 700; }
.coupon-archive-entry strong small { color: var(--tc-grey500); font-size: 12px; font-weight: 500; }
.coupon-archive-entry span { color: var(--tc-grey500); font-size: 12.5px; font-weight: 500; }
.coupon-archive-entry em { flex: 0 0 auto; padding: 4px 8px; border-radius: 8px; font-style: normal; font-size: 12px; font-weight: 700; background: var(--tc-fill); color: var(--tc-grey600); }
.coupon-archive-entry.now-confirmed em { background: var(--tile-green); color: var(--tc-green); }
.coupon-archive-entry.now-rejected em { background: var(--tile-pink); color: var(--tc-red); }
.coupon-archive-entry.now-pending em { background: var(--tc-blue-weak); color: var(--tc-blue); }

.ops-coupon-feed { display: grid; gap: 10px; }
.ops-coupon-entry { display: grid; gap: 10px; padding: 14px 16px; border-radius: 16px; background: var(--tc-fill-soft); }
.ops-coupon-core strong { display: block; color: var(--tc-grey900); font-size: 16px; font-weight: 700; }
.ops-coupon-core strong small { color: var(--tc-grey500); font-size: 12px; font-weight: 600; margin-left: 4px; }
.ops-coupon-core span { color: var(--tc-grey600); font-size: 13px; }
.ops-coupon-passcode { display: flex; align-items: center; gap: 8px; }
.ops-coupon-passcode[hidden] { display: none; }
.ops-coupon-passcode code {
  flex: 1; padding: 10px 12px; border-radius: 10px; background: var(--tc-surface); color: var(--tc-grey900);
  font-size: 17px; font-weight: 700; letter-spacing: 0.06em; user-select: all; -webkit-user-select: all; font-variant-numeric: tabular-nums;
}
.ops-coupon-deeds { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ops-coupon-deeds label { display: inline-flex; align-items: center; gap: 6px; color: var(--tc-grey600); font-size: 13px; }
.ops-coupon-deeds input { width: 110px; height: 36px; padding: 0 10px; border-radius: 10px; border: 0; background: var(--tc-surface); color: var(--tc-grey900); font: inherit; font-weight: 700; }
.ops-coupon-entry button { height: 36px; padding: 0 14px; border: 0; border-radius: 10px; background: var(--tc-fill); color: var(--tc-grey800); font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.ops-coupon-entry button.now-primary { background: var(--tc-blue); color: #fff; }
.ops-coupon-entry button.now-danger { background: var(--tile-pink); color: var(--tc-red); }
.ops-coupon-purgedout { color: var(--tc-grey500); font-size: 13px; }
#points .coupon-purchase-anchors { grid-template-columns: 1.35fr 1fr 1fr; }
#points .coupon-purchase-anchors .tk-knob { font-size: 13px; letter-spacing: -0.03em; }
.ops-coupon-passcode code { white-space: nowrap; overflow-x: auto; font-size: clamp(14px, 4vw, 17px); }

[data-ops-chit-intake], [data-keeper-bell-chit-intake] { display: none !important; }

#points .credit-tile {
  display: grid !important; gap: 12px !important; padding: 0 !important;
  background: transparent !important; box-shadow: none !important; border: 0 !important;
}
#points .credit-tile > .credit-purse-tile {
  margin: 0 !important; padding: 22px 20px !important; border: 0 !important;
  border-radius: 24px !important; background: var(--tc-surface) !important; align-items: center !important;
}
#points .coupon-rung {
  display: grid !important; gap: 14px !important; margin: 0 !important;
  padding: 22px 20px !important; border-radius: 24px !important; background: var(--tc-surface) !important;
}
.coupon-rung-top { display: flex; align-items: center; gap: 14px; }
.coupon-rung-zero {
  flex: 0 0 auto; display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 14px;
  background: var(--tc-blue-weak); color: var(--tc-blue); font-size: 18px; font-weight: 800;
}
.coupon-rung-top > div { display: grid; gap: 2px; min-width: 0; }
.coupon-rung-top strong { color: var(--tc-grey900); font-size: 19px; font-weight: 700; letter-spacing: -0.03em; }
.coupon-rung-top span { color: var(--tc-grey600); font-size: 14px; font-weight: 500; }
.coupon-rung-rod { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.coupon-rung-rod i { height: 4px; border-radius: 4px; background: var(--tc-fill); }
.coupon-rung-rod i.now-on { background: var(--tc-blue); }
.coupon-rung-clip { margin: 0; color: var(--tc-grey700); font-size: 15px; font-weight: 500; line-height: 1.6; }
.coupon-rung-clip b { color: var(--tc-grey900); font-weight: 700; }
.coupon-kakao-btn {
  display: flex; align-items: center; justify-content: center; gap: 10px; height: 56px; border-radius: 16px;
  background: #fee500; color: #191919 !important; font-size: 17px; font-weight: 700; text-decoration: none !important;
  transition: transform 0.12s ease, filter 0.15s ease;
}
.coupon-kakao-btn:hover { filter: brightness(0.97); }
.coupon-kakao-btn:active { transform: scale(0.98); }
.coupon-rung-okay { margin: -4px 0 0; text-align: center; color: var(--tc-grey500); font-size: 12.5px; font-weight: 500; }
.coupon-rung-okay a { color: var(--tc-grey600); font-weight: 600; }
#points .coupon-sum-caption { display: grid !important; gap: 8px !important; }
#points .coupon-sum-caption > input { margin-top: 2px; }
#points .coupon-rung .recharge-send { margin-top: 0 !important; }
.coupon-rung-blank { margin: 0; padding: 14px; border-radius: 14px; background: var(--tc-fill-soft); color: var(--tc-grey500); font-size: 14px; font-weight: 500; text-align: center; }
.coupon-rung-blank[hidden] { display: none; }
#points .coupon-rung .coupon-archive { margin: 0 !important; padding: 0 !important; border: 0 !important; }
.coupon-rung-top .coupon-rung-zero { color: var(--tc-blue) !important; font-size: 18px !important; font-weight: 800 !important; }

#landing-page .tk-qna .organic-qna-tile,
#landing-page .tk-qna .organic-qna-tile:hover,
#landing-page .tk-qna .organic-qna-tile.now-open {
  background: transparent !important; border: 0 !important; border-radius: 0 !important;
  box-shadow: none !important; outline: 0 !important; transform: none !important;
  margin: 0 !important; padding: 0 !important;
  border-top: 1px solid var(--tc-line) !important;
}
#landing-page .tk-qna .organic-qna-tile:first-child { border-top: 0 !important; }
#landing-page .tk-qna .organic-qna-tile::before,
#landing-page .tk-qna .organic-qna-tile::after { content: none !important; display: none !important; }
#landing-page .tk-qna .organic-qna-tile h3 {
  position: static !important; display: flex !important; align-items: center !important; justify-content: space-between !important;
  gap: 12px !important; margin: 0 !important; padding: 18px 2px !important;
  color: var(--tc-grey800) !important; font-size: 16.5px !important; font-weight: 600 !important; line-height: 1.45 !important;
  background: transparent !important; border: 0 !important; box-shadow: none !important;
}
#landing-page .tk-qna .organic-qna-tile h3::before { content: none !important; display: none !important; }
#landing-page .tk-qna .organic-qna-tile h3::after {
  content: "" !important; position: static !important; inset: auto !important; display: block !important;
  flex: 0 0 auto !important; width: 9px !important; height: 9px !important; margin: 0 4px 0 0 !important;
  background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  border-right: 2px solid var(--tc-grey500) !important; border-bottom: 2px solid var(--tc-grey500) !important;
  transform: rotate(45deg) translateY(-3px) !important; transition: transform 0.2s ease !important;
}
#landing-page .tk-qna .organic-qna-tile.now-open h3::after { transform: rotate(-135deg) translateY(-1px) !important; }
#landing-page .tk-qna .organic-qna-tile p {
  margin: 0 0 16px !important; padding: 14px 16px !important; border-radius: 14px !important;
  background: var(--tc-fill-soft) !important; color: var(--tc-grey700) !important;
  font-size: 15px !important; line-height: 1.65 !important;
}
#landing-page .tk-qna .organic-qna-tile.now-collapsible:not(.now-open) p { display: none !important; }
#landing-page .tk-qna .organic-qna-tile h3:focus-visible { outline: none !important; box-shadow: var(--tc-ring) !important; border-radius: 10px !important; }

#console-page > main { position: relative; z-index: 0; isolation: isolate; }
#console-page .web-masthead { z-index: 60 !important; }

.tgm-emblem { display: inline-flex; flex: 0 0 auto; width: 24px; height: 24px; }
.tgm-emblem svg { display: block; width: 24px; height: 24px; }

#points .invite-reply, #points .invite-serial-crate, .invite-spread-aid {
  overflow-wrap: anywhere; word-break: break-all; min-width: 0;
}
#points .invite-serial-crate > * { min-width: 0; }

#landing-page .tk-zone, #landing-page .intro-organic-qna {
  border: 0 !important; background: transparent !important; box-shadow: none !important;
}
#console-page .web-pagefoot {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  padding: 28px 24px calc(120px + env(safe-area-inset-bottom)) !important;
}
@media (min-width: 900px) { #console-page .web-pagefoot { padding-bottom: 48px !important; } }
#console-page .web-pagefoot p { color: var(--tc-grey500) !important; font-size: 12.5px !important; line-height: 1.6 !important; }
#console-page .web-pagefoot a { color: var(--tc-grey600) !important; }

.bell-firstrun-tile, .ping-needed-tile {
  background: var(--tc-surface) !important; border: 0 !important; border-radius: 28px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.28) !important; padding: 26px 22px 20px !important;
}
.bell-firstrun-tile .preline {
  color: var(--tc-blue) !important; -webkit-text-fill-color: var(--tc-blue) !important; background: none !important;
  text-transform: none !important; letter-spacing: 0 !important; font-size: 14px !important; font-weight: 700 !important;
}
.bell-firstrun-tile h2, .ping-needed-tile h2 {
  color: var(--tc-grey900) !important; -webkit-text-fill-color: var(--tc-grey900) !important;
  font-size: 24px !important; font-weight: 700 !important; line-height: 1.35 !important; letter-spacing: -0.03em !important;
}
.bell-firstrun-clip, .ping-needed-tile p {
  color: var(--tc-grey600) !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.6 !important;
}
.bell-firstrun-rungs-heading { color: var(--tc-grey800) !important; font-size: 15px !important; font-weight: 700 !important; }
.bell-firstrun-rungs {
  background: var(--tc-fill-soft) !important; border: 0 !important; border-radius: 20px !important; padding: 6px 16px !important;
}
.bell-firstrun-rung { display: flex !important; align-items: center !important; gap: 14px !important; padding: 12px 0 !important; border: 0 !important; }
.bell-firstrun-rung + .bell-firstrun-rung { border-top: 1px solid var(--tc-line) !important; }
.bell-firstrun-rung-glyph, .ping-needed-glyph {
  flex: 0 0 auto; display: inline-grid !important; place-items: center !important;
  width: 44px !important; height: 44px !important; border-radius: 14px !important;
  background: var(--tc-blue-weak) !important; border: 0 !important; box-shadow: none !important;
}
.bell-firstrun-rung-glyph i, .ping-needed-glyph i {
  color: var(--tc-blue) !important; -webkit-text-fill-color: var(--tc-blue) !important; background: none !important;
  font-size: 19px !important; opacity: 1 !important;
}
.ping-needed-glyph { width: 56px !important; height: 56px !important; border-radius: 18px !important; }
.ping-needed-glyph i { font-size: 24px !important; }
.bell-firstrun-rung-inner strong { color: var(--tc-grey900) !important; font-size: 15.5px !important; font-weight: 700 !important; }
.bell-firstrun-rung-inner span { color: var(--tc-grey600) !important; font-size: 13.5px !important; font-weight: 500 !important; line-height: 1.5 !important; }
.bell-firstrun-advisory {
  background: var(--tile-pink) !important; border: 0 !important; border-radius: 16px !important;
  color: var(--tc-red) !important; font-size: 13.5px !important; font-weight: 600 !important; line-height: 1.6 !important;
  padding: 14px 16px !important;
}
.bell-firstrun-dismiss, .ping-needed-dismiss {
  background: var(--tc-fill) !important; border: 0 !important; box-shadow: none !important;
  color: var(--tc-grey600) !important; width: 40px !important; height: 40px !important; border-radius: 50% !important;
}
.bell-firstrun-deeds .phantom-btn, .ping-needed-deeds .phantom-btn {
  background: var(--tc-fill) !important; border: 0 !important; color: var(--tc-grey700) !important;
  border-radius: 16px !important; font-weight: 600 !important; box-shadow: none !important;
}

#points .member-mesh.credit-mesh {
  width: auto !important; max-width: none !important; margin: 0 !important;
  grid-template-columns: minmax(0, 1fr) !important; justify-content: stretch !important;
}
@media (min-width: 900px) {
  #points .member-mesh.credit-mesh { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; }
}

.coupon-lower {
  position: relative; display: grid; justify-items: center; gap: 8px; padding: 28px 16px; cursor: pointer; text-align: center;
  border: 1.5px dashed var(--tc-grey400); border-radius: 20px; background: var(--tc-fill-soft);
  transition: border-color 0.15s ease, background 0.15s ease;
}
.coupon-lower:hover, .coupon-lower.now-drag { border-color: var(--tc-blue); background: var(--tc-blue-weak); }
.coupon-lower input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.coupon-lower-glyph { display: inline-grid; place-items: center; width: 56px; height: 56px; border-radius: 18px; background: var(--tc-blue-weak); color: var(--tc-blue); }
.coupon-lower strong { color: var(--tc-grey900); font-size: 17px; font-weight: 700; }
.coupon-lower > span:last-child { color: var(--tc-grey600); font-size: 13.5px; font-weight: 500; line-height: 1.55; }
.coupon-docs { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.coupon-docs[hidden] { display: none; }
.coupon-doc { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 16px; background: var(--tc-fill-soft); }
.coupon-doc img { flex: 0 0 auto; width: 44px; height: 56px; object-fit: cover; border-radius: 10px; background: var(--tc-fill); }
.coupon-doc > div { flex: 1 1 auto; min-width: 0; display: grid; gap: 2px; }
.coupon-doc strong { color: var(--tc-grey900); font-size: 15px; font-weight: 700; }
.coupon-doc span { color: var(--tc-grey600); font-size: 12.5px; font-weight: 500; line-height: 1.45; overflow-wrap: anywhere; }
.coupon-doc em { flex: 0 0 auto; padding: 4px 8px; border-radius: 8px; font-style: normal; font-size: 12px; font-weight: 700; background: var(--tc-fill); color: var(--tc-grey600); }
.coupon-doc.now-sending em { background: var(--tc-blue-weak); color: var(--tc-blue); }
.coupon-doc.now-done em { background: var(--tile-green); color: var(--tc-green); }
.coupon-doc.now-failed em { background: var(--tile-pink); color: var(--tc-red); }
.coupon-doc.now-failed span { color: var(--tc-red); }
.coupon-doc button { flex: 0 0 auto; width: 30px; height: 30px; border: 0; border-radius: 50%; background: var(--tc-fill); color: var(--tc-grey600); font-size: 18px; line-height: 1; cursor: pointer; }
.coupon-jot { display: grid; gap: 3px; padding: 14px 16px; border-radius: 16px; background: var(--tc-blue-weak); }
.coupon-jot strong { color: var(--tc-grey900); font-size: 14.5px; font-weight: 700; }
.coupon-jot span { color: var(--tc-grey700); font-size: 13px; font-weight: 500; line-height: 1.55; }

:root {
  --tc-warn-bg: #fff8e6;
  --tc-warn-line: #f6dfa4;
  --tc-warn-ink: #7a5200;
  --tc-warn-icon: #c98a00;
}
@media (prefers-color-scheme: dark) {
  :root {
    --tc-warn-bg: rgba(255, 190, 70, 0.10);
    --tc-warn-line: rgba(255, 190, 70, 0.28);
    --tc-warn-ink: #f3c56a;
    --tc-warn-icon: #f3c56a;
  }
}
.coupon-doc { padding: 12px; background: var(--tc-fill-soft); }
.coupon-doc img { width: 48px; height: 64px; }
.coupon-doc strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; }
.coupon-doc > div > span { color: var(--tc-grey500); }
.coupon-doc.now-failed > div > span { color: var(--tc-grey500); }
.coupon-doc.now-failed { box-shadow: inset 0 0 0 1px var(--tc-red-tint); }

.coupon-aside { display: flex; align-items: flex-start; gap: 10px; padding: 14px 16px; border-radius: 16px; }
.coupon-aside > div { display: grid; gap: 3px; min-width: 0; }
.coupon-aside strong { font-size: 14.5px; font-weight: 700; line-height: 1.45; }
.coupon-aside span { font-size: 13px; font-weight: 500; line-height: 1.55; }
.coupon-aside.now-warn { background: var(--tc-warn-bg); box-shadow: inset 0 0 0 1px var(--tc-warn-line); }
.coupon-aside.now-warn strong { color: var(--tc-warn-ink); }
.coupon-aside.now-warn span { color: var(--tc-grey700); }
.coupon-aside-glyph {
  flex: 0 0 auto; display: inline-grid; place-items: center; width: 20px; height: 20px; margin-top: 1px;
  border-radius: 50%; border: 1.8px solid var(--tc-warn-icon); color: var(--tc-warn-icon);
  font-size: 12px; font-weight: 800; line-height: 1;
}
.coupon-aside.now-plain { background: var(--tc-fill-soft); }
.coupon-aside.now-plain strong { color: var(--tc-grey900); }
.coupon-aside.now-plain span { color: var(--tc-grey600); }
.coupon-aside.now-info { background: var(--tc-blue-weak); }
.coupon-aside.now-info strong { color: var(--tc-grey900); }
.coupon-aside.now-info span { color: var(--tc-grey700); }

.coupon-outcome {
  display: grid; gap: 14px; padding: 18px 18px 16px; border-radius: 20px;
  background: var(--tc-surface); box-shadow: inset 0 0 0 1px var(--tc-line);
}
.coupon-outcome[hidden] { display: none; }
.coupon-outcome-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.coupon-outcome-top strong { color: var(--tc-grey900); font-size: 17px; font-weight: 700; letter-spacing: -0.02em; }
.coupon-outcome-emblem {
  flex: 0 0 auto; padding: 5px 10px; border-radius: 999px; font-style: normal; font-size: 12.5px; font-weight: 700;
}
.coupon-outcome-emblem.now-running { background: var(--tc-blue-weak); color: var(--tc-blue); }
.coupon-outcome-emblem.now-ok { background: var(--tc-green-tint); color: var(--tc-green); }
.coupon-outcome-emblem.now-warn { background: var(--tc-red-tint); color: var(--tc-red); }
.coupon-outcome-lanes { display: grid; gap: 10px; margin: 0; }
.coupon-outcome-lanes > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.coupon-outcome-lanes dt { color: var(--tc-grey600); font-size: 14px; font-weight: 500; }
.coupon-outcome-lanes dd { margin: 0; color: var(--tc-grey900); font-size: 15px; font-weight: 700; text-align: right; font-variant-numeric: tabular-nums; }
.coupon-outcome-okay { margin: -6px 0 0; color: var(--tc-grey500); font-size: 12px; font-weight: 500; text-align: right; }
.coupon-outcome-flops { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.coupon-outcome-flops li {
  display: grid; gap: 4px; padding: 12px 14px; border-radius: 14px;
  background: var(--tc-red-tint); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tc-red) 22%, transparent);
}
.coupon-outcome-flops li > div { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; min-width: 0; }
.coupon-outcome-flops strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--tc-grey900); font-size: 14px; font-weight: 700; }
.coupon-outcome-flops em { flex: 0 0 auto; font-style: normal; color: var(--tc-red); font-size: 13px; font-weight: 700; }
.coupon-outcome-flops span { color: var(--tc-grey700); font-size: 12.5px; font-weight: 500; line-height: 1.5; }
.coupon-outcome-sole { margin: 0; padding: 12px 14px; border-radius: 14px; font-size: 13px; font-weight: 600; line-height: 1.5; }
.coupon-outcome-sole.now-ok { background: var(--tc-green-tint); color: var(--tc-green); }
.coupon-outcome-sole.now-warn { background: var(--tc-red-tint); color: var(--tc-red); }
.coupon-outcome-lanes > div.now-instant dt, .coupon-outcome-lanes > div.now-instant dd { color: var(--tc-blue); }

.coupon-vow {
  position: relative; display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; cursor: pointer;
  border-radius: 16px; background: var(--tc-fill-soft); box-shadow: inset 0 0 0 1px var(--tc-line);
  transition: box-shadow 0.15s ease, background 0.15s ease;
}
.coupon-vow input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.coupon-vow-crate {
  flex: 0 0 auto; width: 24px; height: 24px; margin-top: 1px; border-radius: 8px;
  background: var(--tc-surface); box-shadow: inset 0 0 0 2px var(--tc-grey400);
  display: grid; place-items: center; transition: background 0.15s ease, box-shadow 0.15s ease;
}
.coupon-vow-crate::after {
  content: ""; width: 10px; height: 6px; margin-top: -3px; border: solid #fff; border-width: 0 0 2.5px 2.5px;
  transform: rotate(-45deg); opacity: 0; transition: opacity 0.12s ease;
}
.coupon-vow input:checked + .coupon-vow-crate { background: var(--tc-blue); box-shadow: none; }
.coupon-vow input:checked + .coupon-vow-crate::after { opacity: 1; }
.coupon-vow input:focus-visible + .coupon-vow-crate { box-shadow: 0 0 0 3px var(--tc-blue-weak), inset 0 0 0 2px var(--tc-blue); }
.coupon-vow:has(input:checked) { background: var(--tc-blue-weak); box-shadow: inset 0 0 0 1.5px var(--tc-blue); }
.coupon-vow-wording { display: grid; gap: 3px; min-width: 0; }
.coupon-vow-wording strong { color: var(--tc-grey900); font-size: 14.5px; font-weight: 700; line-height: 1.45; }
.coupon-vow-wording span { color: var(--tc-grey600); font-size: 12.5px; font-weight: 500; line-height: 1.5; }

.ops-coupon-verifies { display: flex; flex-wrap: wrap; gap: 6px; }
.ops-coupon-verifies span {
  padding: 4px 9px; border-radius: 999px; font-size: 12px; font-weight: 700; line-height: 1.4;
  background: var(--tc-fill); color: var(--tc-grey700);
}
.ops-coupon-verifies span.now-ok { background: var(--tc-green-tint); color: var(--tc-green); }
.ops-coupon-verifies span.now-warn { background: var(--tc-red-tint); color: var(--tc-red); }
.ops-coupon-verifies span.now-info { background: var(--tc-blue-weak); color: var(--tc-blue); }
.ops-coupon-templates { display: flex; flex-wrap: wrap; gap: 6px; }
.ops-coupon-entry .ops-coupon-templates button {
  height: 32px; padding: 0 11px; border-radius: 9px; font-size: 13px;
  background: var(--tc-surface); color: var(--tc-grey700); box-shadow: inset 0 0 0 1px var(--tc-line);
}
.ops-coupon-entry .ops-coupon-templates button.now-active {
  background: var(--tc-blue-weak); color: var(--tc-blue); box-shadow: inset 0 0 0 1.5px var(--tc-blue);
}
.coupon-handmade { border-top: 1px solid var(--tc-line); padding-top: 4px; }
.coupon-handmade summary {
  list-style: none; cursor: pointer; padding: 12px 2px; text-align: center;
  color: var(--tc-grey600); font-size: 14px; font-weight: 600;
}
.coupon-handmade summary::-webkit-details-marker { display: none; }
.coupon-handmade[open] summary { color: var(--tc-grey800); }
#points .coupon-handmade-intake { display: grid !important; gap: 12px !important; padding: 4px 0 2px !important; margin: 0 !important; background: transparent !important; }

.booking-sheet.bm {
  gap: 16px !important;
  padding: 24px 20px calc(20px + env(safe-area-inset-bottom, 0px)) !important;
  border-radius: 28px !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.28) !important;
}
.bm-top { display: grid; gap: 6px; text-align: left; }
.bm-preline { color: var(--tc-blue); font-size: 13px; font-weight: 700; letter-spacing: -0.01em; }
.booking-sheet.bm h2 {
  margin: 0; text-align: left !important; color: var(--tc-grey900) !important;
  font-size: 23px !important; font-weight: 800 !important; letter-spacing: -0.04em; line-height: 1.32;
}
.booking-sheet.bm h3 { margin: 0; color: var(--tc-grey900); font-size: 15px; font-weight: 700; letter-spacing: -0.02em; }

.bm-plate {
  flex: 0 0 auto; display: inline-grid; place-items: center; width: 40px; height: 40px;
  border-radius: 13px; background: var(--tc-fill); font-size: 21px; line-height: 1;
}
.bm-plate .emojiset, .bm-plate img { width: 24px; height: 24px; }

.booking-sheet.bm .sheet-rail.bm-rail {
  display: flex !important; align-items: center; justify-items: initial; gap: 12px;
  padding: 14px 16px !important; border-radius: 18px !important; text-align: left !important;
  background: var(--tc-fill-soft) !important;
}
.bm-rail .bm-plate { background: var(--tc-blue-weak); }
.bm-rail > div { display: grid; gap: 2px; min-width: 0; }
.booking-sheet.bm .bm-rail strong {
  color: var(--tc-grey900) !important; font-size: 17px; font-weight: 800; letter-spacing: -0.03em;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.booking-sheet.bm .bm-rail span { color: var(--tc-blue) !important; font-size: 13.5px; font-weight: 600; }

.bm-rungs { display: grid; gap: 10px; }
.bm-rungs ol { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.bm-rungs li { display: flex; align-items: flex-start; gap: 12px; }
.bm-rungs li > div { display: grid; gap: 3px; min-width: 0; padding-top: 1px; }
.bm-rungs strong { color: var(--tc-grey900); font-size: 15px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.4; }
.bm-rungs span:not(.bm-plate) { color: var(--tc-grey600); font-size: 13.5px; font-weight: 500; line-height: 1.55; }
.bm-rungs li.now-caution .bm-plate { background: var(--tc-red-tint); }
.bm-rungs li.now-caution strong { color: var(--tc-red); }

.bm-levy {
  display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
  padding: 14px 16px; border-radius: 16px; background: var(--tc-fill-soft);
}
.bm-levy > span { color: var(--tc-grey600); font-size: 14px; font-weight: 600; }
.bm-levy strong { color: var(--tc-grey900); font-size: 17px; font-weight: 800; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; text-align: right; }

.booking-sheet.bm .credit-advisory.bm-advisory {
  display: grid; gap: 4px; margin: 0; padding: 14px 16px; border: 0 !important; border-radius: 16px;
  background: var(--tc-red-tint) !important;
}
.booking-sheet.bm .credit-advisory.bm-advisory[hidden] { display: none !important; }
.booking-sheet.bm .bm-advisory strong { color: var(--tc-red) !important; font-size: 15px; font-weight: 700; }
.booking-sheet.bm .bm-advisory span { color: var(--tc-grey700) !important; font-size: 13.5px; line-height: 1.55; }

.booking-sheet.bm .bm-pardon {
  display: flex; align-items: center; gap: 12px; margin: 0; padding: 14px 16px; border-radius: 16px;
  background: var(--tc-blue-tint);
}
.booking-sheet.bm .bm-pardon[hidden] { display: none !important; }
.booking-sheet.bm .bm-pardon > div { display: grid; gap: 3px; min-width: 0; }
.booking-sheet.bm .bm-pardon .bm-plate { background: var(--tc-surface); }
.booking-sheet.bm .bm-pardon strong { color: var(--tc-blue-deep); font-size: 15px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.4; }
.booking-sheet.bm .bm-pardon span:not(.bm-plate) { color: var(--tc-grey700); font-size: 13.5px; font-weight: 500; line-height: 1.55; }
.booking-sheet.bm .bm-pardon[data-tone="halted"] { background: var(--tc-fill-soft); }
.booking-sheet.bm .bm-pardon[data-tone="halted"] .bm-plate { background: var(--tc-fill); }
.booking-sheet.bm .bm-pardon[data-tone="halted"] strong { color: var(--tc-grey900); }

.booking-sheet.bm .sheet-riders.bm-riders { border-top: 0 !important; padding-top: 0 !important; display: grid; gap: 8px; }
.bm-zone-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.bm-zone-top > span {
  padding: 4px 10px; border-radius: 999px; background: var(--tc-fill); color: var(--tc-grey600);
  font-size: 12.5px; font-weight: 700;
}

.bm-picks { display: grid; gap: 10px; }
.bm-picks:not(:has(.bm-pick:not([hidden]))) { display: none; }
.booking-sheet.bm .sheet-levy-jot.bm-pick {
  display: grid; gap: 12px; margin: 0; padding: 16px !important; border: 0 !important; border-radius: 18px !important;
  background: var(--tc-fill-soft) !important; box-shadow: none !important;
}
.booking-sheet.bm .sheet-levy-jot.bm-pick[hidden] { display: none !important; }
.bm-pick-top { display: flex; align-items: flex-start; gap: 12px; }
.bm-pick-clip { display: grid; gap: 3px; min-width: 0; }
.booking-sheet.bm .bm-pick-clip strong { color: var(--tc-grey900) !important; font-size: 15px; font-weight: 700; line-height: 1.4; }
.booking-sheet.bm .bm-pick-clip > span { color: var(--tc-grey600) !important; font-size: 13.5px; font-weight: 500; line-height: 1.55; }
.booking-sheet.bm .bm-pick-clip > .spot-separate-jot { color: var(--tc-blue) !important; font-weight: 700; }
.bm-pick .spot-separate-jot[hidden] { display: none !important; }

.booking-sheet.bm .sheet-overnight-pick.bm-flip {
  position: relative; display: flex !important; align-items: center; gap: 12px;
  margin: 0 !important; padding: 12px 14px !important; border: 0 !important; border-radius: 14px;
  background: var(--tc-surface); font-size: inherit;
}
.bm-flip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.bm-flip-wording { flex: 1 1 auto; display: grid; gap: 2px; min-width: 0; }
.booking-sheet.bm .bm-flip-wording b { color: var(--tc-grey900) !important; font-size: 14.5px; font-weight: 700; }
.bm-flip-wording small { color: var(--tc-grey600); font-size: 12.5px; font-weight: 500; line-height: 1.5; }
.bm-toggler {
  flex: 0 0 auto; position: relative; width: 46px; height: 28px; border-radius: 999px;
  background: var(--tc-grey400); transition: background 0.18s ease;
}
.bm-toggler::after {
  content: ""; position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%;
  background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); transition: transform 0.18s ease;
}
.bm-flip input:checked ~ .bm-toggler { background: var(--tc-blue); }
.bm-flip input:checked ~ .bm-toggler::after { transform: translateX(18px); }
.bm-flip input:focus-visible ~ .bm-toggler { box-shadow: 0 0 0 3px var(--tc-blue-weak); }

.booking-sheet.bm .booking-bell-verify.bm-bell {
  display: flex !important; align-items: center; gap: 12px; margin: 0; padding: 14px 16px !important;
  border: 0 !important; border-radius: 18px !important; background: var(--tc-fill-soft) !important;
}
.bm-bell .bm-plate { background: var(--tc-blue-weak); }
.bm-bell > div { flex: 1 1 auto; display: grid; gap: 2px; min-width: 0; }
.booking-sheet.bm .bm-bell strong { color: var(--tc-grey900) !important; font-size: 15px; font-weight: 700; }
.booking-sheet.bm .bm-bell span { color: var(--tc-grey600) !important; font-size: 13px; line-height: 1.5; }
.booking-sheet.bm .bm-bell button {
  flex: 0 0 auto; height: 36px; padding: 0 14px; border: 0; border-radius: 10px;
  background: var(--tc-blue-weak) !important; color: var(--tc-blue) !important; font-size: 14px; font-weight: 700;
}
.booking-sheet.bm .sheet-ping-howto.bm-ping-howto { margin: -6px 2px 0; padding: 0 !important; border: 0 !important; background: none !important; }
.booking-sheet.bm .bm-ping-howto span { color: var(--tc-grey500) !important; font-size: 12.5px; line-height: 1.5; }

.bm-deeds {
  position: sticky; bottom: calc(-20px - env(safe-area-inset-bottom, 0px)); z-index: 1;
  display: grid; gap: 8px; margin: 4px -20px calc(-20px - env(safe-area-inset-bottom, 0px));
  padding: 12px 20px calc(16px + env(safe-area-inset-bottom, 0px));
  background: linear-gradient(to bottom, transparent, var(--tc-surface) 18px);
}
.booking-sheet.bm .bm-deeds .sheet-send {
  width: 100%; height: 56px !important; margin: 0 !important; border-radius: 16px !important;
  background: var(--tc-blue) !important; color: #fff !important; font-size: 17px !important; font-weight: 700 !important;
  box-shadow: none !important;
}
.booking-sheet.bm .bm-deeds .sheet-abort {
  width: 100%; height: 44px !important; margin: 0 !important; border: 0 !important; border-radius: 14px !important;
  background: transparent !important; color: var(--tc-grey600) !important; font-size: 15px !important; font-weight: 600 !important;
}

@media (max-width: 560px) {
  .booking-sheet.bm {
    top: auto !important; bottom: 0 !important; left: 0 !important; right: 0 !important;
    width: 100% !important; max-width: none !important; max-height: 92dvh !important;
    transform: none !important; border-radius: 28px 28px 0 0 !important;
    animation: bmDrawerUp 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }
}
@keyframes bmDrawerUp {
  from { transform: translateY(24px); opacity: 0; }
  to { transform: none; opacity: 1; }
}


#account .prep-intake { display: grid !important; gap: 16px !important; }
#account .prep-intake > label,
#account .railpass-ref-slot {
  display: grid !important; gap: 8px !important;
  color: var(--tc-grey800) !important; font-size: 15px !important; font-weight: 700 !important;
}
#account .railpass-ref-caption { color: var(--tc-grey800) !important; font-size: 15px !important; font-weight: 700 !important; }
#account .prep-intake input:not([type="hidden"]),
#account .prep-intake select {
  width: 100%; height: 54px !important; padding: 0 16px !important;
  border: 0 !important; border-radius: 14px !important; box-shadow: none !important;
  background: var(--tc-fill) !important; color: var(--tc-grey900) !important;
  font-size: 16px !important; font-weight: 500 !important;
}
#account .prep-intake input::placeholder { color: var(--tc-grey500) !important; }
#account .prep-intake input:focus,
#account .prep-intake select:focus {
  outline: none !important; box-shadow: inset 0 0 0 2px var(--tc-blue) !important; background: var(--tc-surface) !important;
}
#account .railpass-ref-lane { display: grid !important; grid-template-columns: minmax(104px, 34%) minmax(0, 1fr) !important; gap: 8px !important; }
#account .slot-tip { color: var(--tc-grey600) !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.5 !important; }
#account .railpass-phase-pane {
  display: grid !important; gap: 6px !important; margin: 0 0 4px !important; padding: 16px !important;
  border: 0 !important; border-radius: 18px !important; background: var(--tc-fill-soft) !important; box-shadow: none !important;
}
#account .railpass-phase-pane strong { color: var(--tc-grey900) !important; font-size: 16px !important; font-weight: 800 !important; letter-spacing: -0.02em; }
#account .railpass-phase-pane p { margin: 0 !important; color: var(--tc-grey600) !important; font-size: 13.5px !important; line-height: 1.55 !important; }
#account .railpass-carrier-phase { display: flex !important; flex-wrap: wrap; gap: 6px !important; margin-top: 4px !important; }
#account .railpass-carrier-phase span {
  padding: 5px 10px !important; border: 0 !important; border-radius: 999px !important;
  background: var(--tc-surface) !important; color: var(--tc-grey700) !important; font-size: 12.5px !important; font-weight: 700 !important;
}
#account .railpass-faith-feed { display: grid !important; gap: 10px !important; margin: 4px 0 0 !important; padding: 16px !important; list-style: none !important; border-radius: 18px !important; background: var(--tc-fill-soft) !important; border: 0 !important; box-shadow: none !important; }
#account .railpass-faith-feed li {
  position: relative; padding-left: 28px !important; color: var(--tc-grey600) !important;
  font-size: 13.5px !important; font-weight: 500 !important; line-height: 1.55 !important;
}
#account .railpass-faith-feed li::before {
  content: ""; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; border-radius: 50%;
  background: var(--tc-blue-weak);
}
#account .railpass-faith-feed li::after {
  content: ""; position: absolute; left: 6px; top: 6px; width: 6px; height: 3.5px;
  border: solid var(--tc-blue); border-width: 0 0 2px 2px; transform: rotate(-45deg);
}
#account .railpass-faith-feed strong { display: block; color: var(--tc-grey900) !important; font-weight: 700 !important; }
#account .prep-intake .send-btn {
  height: 56px !important; border: 0 !important; border-radius: 16px !important; box-shadow: none !important;
  background: var(--tc-blue) !important; color: #fff !important; font-size: 17px !important; font-weight: 700 !important;
}

.seek-tier:not([hidden]) {
  display: grid !important; justify-items: center !important; gap: 10px !important; padding: 24px 20px 28px !important;
  border: 0 !important; border-radius: 24px !important; background: var(--tc-surface) !important; box-shadow: none !important; text-align: center !important;
}
.seek-tier .seek-path-tile {
  width: 100%; margin: 0 0 10px !important; border: 0 !important; border-radius: 18px !important;
  background: var(--tc-fill-soft) !important; box-shadow: none !important;
}
.seek-tier .seek-pulling-look {
  position: relative !important; width: 72px !important; height: 72px !important; display: grid !important; place-items: center !important;
  margin: 6px 0 4px !important; border-radius: 50% !important; background: var(--tc-blue-weak) !important; box-shadow: none !important;
}
.seek-tier .seek-pulling-look > span:first-child {
  position: absolute !important; inset: -6px !important; width: auto !important; height: auto !important;
  border-radius: 50% !important; border: 3px solid transparent !important; border-top-color: var(--tc-blue) !important;
  background: none !important; animation: tsTicketingSpin 0.9s linear infinite !important; opacity: 1 !important;
}
.seek-tier .seek-pulling-look .tfx-i { font-size: 32px; line-height: 1; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; border-radius: 0 !important; }
.seek-tier .seek-pulling-look::before,
.seek-tier .seek-pulling-look::after { content: none !important; display: none !important; }
.seek-tier .seek-pulling-look > span:first-child { border-color: var(--tc-blue-weak) !important; border-top-color: var(--tc-blue) !important; transform-origin: center !important; }
.seek-tier .seek-pulling-look .tfx-i img, .seek-tier .seek-pulling-look .emojiset { width: 34px; height: 34px; }
.seek-tier > strong { color: var(--tc-grey900) !important; font-size: 19px !important; font-weight: 800 !important; letter-spacing: -0.03em; }
.seek-tier > p { margin: 0 !important; color: var(--tc-grey600) !important; font-size: 14px !important; }
@keyframes tsTicketingSpin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .seek-tier .seek-pulling-look > span:first-child { animation-duration: 2.4s !important; }
}

.fault-pane.seek-fault-pane,
.blank-outcomes {
  display: grid !important; gap: 8px !important; justify-items: start !important; padding: 20px !important;
  border: 0 !important; border-radius: 22px !important; background: var(--tc-surface) !important; box-shadow: none !important; text-align: left !important;
}
.blank-outcomes[hidden] { display: none !important; }
.fault-pane.seek-fault-pane strong,
.blank-outcomes > strong { color: var(--tc-grey900) !important; font-size: 17px !important; font-weight: 800 !important; letter-spacing: -0.02em; }
.fault-pane.seek-fault-pane p,
.blank-outcomes > p { margin: 0 !important; color: var(--tc-grey600) !important; font-size: 14px !important; line-height: 1.55 !important; }
.fault-pane.seek-fault-pane .seek-fault-deed {
  margin-top: 6px !important; height: 44px !important; padding: 0 16px !important; border: 0 !important; border-radius: 12px !important;
  background: var(--tc-blue-weak) !important; color: var(--tc-blue) !important; font-size: 15px !important; font-weight: 700 !important; box-shadow: none !important;
}
.blank-outcomes .blank-outcome-deeds:not([hidden]) { display: flex !important; flex-wrap: wrap; gap: 8px !important; margin-top: 6px !important; }
.blank-outcomes .blank-outcome-deeds button {
  height: 40px !important; padding: 0 14px !important; border: 0 !important; border-radius: 999px !important;
  background: var(--tc-fill) !important; color: var(--tc-grey800) !important; font-size: 14px !important; font-weight: 700 !important; box-shadow: none !important;
}

.order-agreed-tile,
.severe-bell-tile {
  display: grid !important; gap: 14px !important; justify-items: stretch !important; text-align: left !important;
  padding: 24px 20px 20px !important; border: 0 !important; border-radius: 28px !important;
  background: var(--tc-surface) !important; box-shadow: 0 24px 64px rgba(0, 0, 0, 0.28) !important;
}
.order-agreed-glyph,
.severe-bell-glyph {
  justify-self: start !important; width: 52px !important; height: 52px !important; display: grid !important; place-items: center !important;
  margin: 0 !important; border: 0 !important; border-radius: 16px !important; box-shadow: none !important; text-shadow: none !important;
  background: var(--tc-blue-weak) !important; color: var(--tc-blue) !important; font-size: 26px !important;
}
.order-agreed-glyph .tfx-i img, .severe-bell-glyph .tfx-i img,
.order-agreed-glyph .emojiset, .severe-bell-glyph .emojiset { width: 30px; height: 30px; }
.order-agreed-tile h2,
.severe-bell-tile h2 {
  margin: 0 !important; text-align: left !important; color: var(--tc-grey900) !important; -webkit-text-fill-color: var(--tc-grey900) !important;
  font-size: 23px !important; font-weight: 800 !important; letter-spacing: -0.04em; line-height: 1.32 !important;
}
.order-agreed-tile > p,
.severe-bell-tile > p:not(.preline) { margin: -4px 0 0 !important; color: var(--tc-grey600) !important; font-size: 14.5px !important; line-height: 1.6 !important; text-align: left !important; }
.severe-bell-tile .preline { margin: 0 0 -8px !important; color: var(--tc-blue) !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: -0.01em !important; text-transform: none !important; }

.order-agreed-digest {
  display: grid !important; gap: 10px !important; padding: 16px !important; border: 0 !important; border-radius: 18px !important;
  background: var(--tc-fill-soft) !important; box-shadow: none !important;
}
.order-agreed-aux { display: flex !important; flex-wrap: wrap; gap: 6px !important; }
.order-agreed-aux span {
  padding: 4px 9px !important; border: 0 !important; border-radius: 999px !important;
  background: var(--tc-surface) !important; color: var(--tc-grey700) !important; font-size: 12px !important; font-weight: 700 !important;
}
.order-agreed-path { display: grid !important; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important; align-items: center !important; gap: 10px !important; }
.order-agreed-path > div:last-child { text-align: right !important; }
.order-agreed-path strong { color: var(--tc-grey900) !important; -webkit-text-fill-color: var(--tc-grey900) !important; font-size: 18px !important; font-weight: 800 !important; }
.order-agreed-path small { color: var(--tc-grey600) !important; font-size: 13px !important; }
.order-agreed-path > span { color: var(--tc-grey400) !important; font-size: 18px !important; }

.order-agreed-deeds,
.severe-bell-deeds { display: grid !important; gap: 8px !important; margin-top: 4px !important; }
.order-agreed-deeds button,
.severe-bell-deeds button {
  width: 100% !important; height: 52px !important; margin: 0 !important; border: 0 !important; border-radius: 16px !important; box-shadow: none !important;
  font-size: 16px !important; font-weight: 700 !important;
}
.order-agreed-deeds button:first-child,
.severe-bell-deeds button:first-child { height: 56px !important; background: var(--tc-blue) !important; color: #fff !important; font-size: 17px !important; }
.order-agreed-deeds button:not(:first-child),
.severe-bell-deeds button:not(:first-child) { background: var(--tc-fill) !important; color: var(--tc-grey800) !important; }

.severe-bell-tile [data-severe-bell-cutoff] {
  display: grid !important; gap: 4px !important; padding: 16px !important; border: 0 !important; border-radius: 18px !important;
  background: var(--tc-red-tint) !important; box-shadow: none !important;
}
.severe-bell-tile [data-severe-bell-tminus] { color: var(--tc-red) !important; font-size: 18px !important; font-weight: 800 !important; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.severe-bell-tile [data-severe-bell-cutoff-precise] { color: var(--tc-grey700) !important; font-size: 13px !important; font-weight: 600 !important; }
.severe-bell-tile .booking-client-howto {
  display: grid !important; gap: 4px !important; margin: 0 !important; padding: 16px !important; border: 0 !important; border-radius: 18px !important;
  background: var(--tc-fill-soft) !important; box-shadow: none !important;
}
.severe-bell-tile .booking-client-howto-heading { margin: 0 !important; color: var(--tc-blue) !important; font-size: 13px !important; font-weight: 700 !important; }
.severe-bell-tile .booking-client-howto p:not(.booking-client-howto-heading) { margin: 0 !important; color: var(--tc-grey800) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.55 !important; }

.ping-needed-glyph {
  width: 52px !important; height: 52px !important; display: grid !important; place-items: center !important;
  border: 0 !important; border-radius: 16px !important; background: var(--tc-blue-weak) !important; box-shadow: none !important; font-size: 26px !important;
}
.ping-needed-glyph .tfx-i img, .ping-needed-glyph .emojiset { width: 30px; height: 30px; }

@media (max-width: 560px) {
  .order-agreed-tile, .severe-bell-tile { padding: 22px 18px 18px !important; }
}

.coupon-keep-howto { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.coupon-keep-howto > li { display: flex; align-items: flex-start; gap: 12px; }
.coupon-keep-howto > li > div { display: grid; gap: 3px; min-width: 0; flex: 1 1 auto; }
.coupon-keep-zero {
  flex: 0 0 auto; display: inline-grid; place-items: center; width: 26px; height: 26px; margin-top: 1px;
  border-radius: 50%; background: var(--tc-blue-weak); color: var(--tc-blue); font-size: 13px; font-weight: 800;
}
.coupon-keep-howto strong { color: var(--tc-grey900); font-size: 15px; font-weight: 700; line-height: 1.45; letter-spacing: -0.02em; }
.coupon-keep-howto > li > div > span { color: var(--tc-grey600); font-size: 13px; font-weight: 500; line-height: 1.5; }
.coupon-keep-cue {
  display: inline-block; padding: 1px 7px; border-radius: 7px; background: var(--tc-blue-weak); color: var(--tc-blue); font-weight: 800;
}
.coupon-keep-fake {
  display: grid; gap: 6px; margin-top: 8px; padding: 12px 12px 10px; border-radius: 14px;
  background: var(--tc-surface); box-shadow: inset 0 0 0 1px var(--tc-line); max-width: 300px;
}
.coupon-keep-fake-rods {
  height: 30px; margin: 0 18px; border-radius: 2px;
  background: repeating-linear-gradient(90deg, var(--tc-grey900) 0 2px, transparent 2px 4px, var(--tc-grey900) 4px 7px, transparent 7px 9px, var(--tc-grey900) 9px 10px, transparent 10px 13px);
  opacity: 0.85;
}
.coupon-keep-fake-digit { text-align: center; color: var(--tc-grey700); font-size: 12px; font-weight: 700; letter-spacing: 0.08em; }
.coupon-keep-fake-lane { position: relative; display: grid; grid-template-columns: 1fr 40px; gap: 6px; align-items: center; }
.coupon-keep-fake-spread {
  height: 32px; display: grid; place-items: center; border-radius: 8px; box-shadow: inset 0 0 0 1px var(--tc-line);
  color: var(--tc-grey700); font-size: 12px; font-weight: 600;
}
.coupon-keep-fake-dlist {
  height: 32px; display: grid; place-items: center; border-radius: 8px; color: var(--tc-blue);
  background: var(--tc-blue-weak); box-shadow: inset 0 0 0 2px var(--tc-blue);
  animation: couponKeepThrob 1.6s ease-in-out infinite;
}
.coupon-keep-fake-lane em {
  position: absolute; right: -2px; top: -26px; padding: 3px 8px; border-radius: 999px; font-style: normal;
  background: var(--tc-blue); color: #fff; font-size: 11.5px; font-weight: 800; white-space: nowrap;
}
.coupon-keep-fake-lane em::after {
  content: ""; position: absolute; right: 14px; bottom: -4px; width: 8px; height: 8px; background: var(--tc-blue); transform: rotate(45deg);
}
@keyframes couponKeepThrob {
  0%, 100% { box-shadow: inset 0 0 0 2px var(--tc-blue), 0 0 0 0 rgba(49, 130, 246, 0.35); }
  50% { box-shadow: inset 0 0 0 2px var(--tc-blue), 0 0 0 6px rgba(49, 130, 246, 0); }
}
@media (prefers-reduced-motion: reduce) { .coupon-keep-fake-dlist { animation: none; } }
.coupon-keep-beware {
  margin: 0; padding: 12px 14px; border-radius: 14px; background: var(--tc-warn-bg); box-shadow: inset 0 0 0 1px var(--tc-warn-line);
  color: var(--tc-grey800); font-size: 13px; font-weight: 600; line-height: 1.5;
}
.coupon-keep-beware b { color: var(--tc-warn-ink); }


.snack {
  left: 0 !important; right: 0 !important; margin: 0 auto !important; transform: translateY(16px) !important;
  width: fit-content !important; max-width: min(440px, calc(100vw - 32px)) !important; min-height: 48px !important;
  gap: 10px !important; padding: 12px 20px !important; border-radius: 24px !important; border: 0 !important;
  background: var(--tc-inverse-bg) !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18) !important;
  font-size: 15px !important; font-weight: 600 !important; letter-spacing: -0.01em; text-align: left !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !important;
}
.snack.now-visible { transform: translateY(0) !important; }
.snack.now-success::before, .snack.now-warning::before {
  flex: 0 0 auto; display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%;
  color: #ffffff; font-size: 12px; font-weight: 800; line-height: 1;
}
.snack.now-success::before { content: "✓"; background: var(--tc-green); }
.snack.now-warning::before { content: "!"; background: var(--tc-red); }
@media (max-width: 640px) {
  body.now-logged-in .snack { bottom: calc(96px + env(safe-area-inset-bottom)) !important; }
}

.access-scrim, .credit-win-scrim, .bell-firstrun-scrim, .ping-needed-scrim,
.booking-invite-drawer {
  background: var(--tc-dim) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}

.access-sheet {
  padding: 28px 24px 24px !important; border: 0 !important; border-radius: 28px !important;
  background: var(--tc-surface) !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2) !important;
}
.access-sheet .access-preline { color: var(--tc-blue) !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; }
.access-sheet h2 { color: var(--tc-grey900) !important; font-size: 24px !important; font-weight: 700 !important; letter-spacing: -0.02em !important; }
.access-sheet .access-clip { color: var(--tc-grey600) !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.55 !important; }
.access-sheet .access-endnote { color: var(--tc-grey500) !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.55 !important; text-align: center; }
.access-pagetabs { background: var(--tc-fill) !important; border: 0 !important; border-radius: 14px !important; padding: 4px !important; }
.access-pagetab { border: 0 !important; border-radius: 10px !important; background: transparent !important; color: var(--tc-grey600) !important; font-weight: 600 !important; box-shadow: none !important; }
.access-pagetab.now-active { background: var(--tc-surface) !important; color: var(--tc-grey900) !important; font-weight: 700 !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important; }
.access-intake label { color: var(--tc-grey700) !important; font-size: 14px !important; font-weight: 600 !important; }
.access-intake input {
  border: 0 !important; border-radius: 14px !important; background: var(--tc-fill) !important; color: var(--tc-grey900) !important;
  min-height: 52px !important; font-size: 16px !important; box-shadow: none !important;
}
.access-intake input:focus { box-shadow: inset 0 0 0 2px var(--tc-blue) !important; }
.access-send {
  min-height: 56px !important; border-radius: 16px !important; background: var(--tc-blue) !important; box-shadow: none !important;
  font-size: 17px !important; font-weight: 700 !important;
}
.access-dismiss { color: var(--tc-grey500) !important; background: transparent !important; border: 0 !important; font-size: 26px !important; }

.credit-win-tile {
  gap: 14px !important; padding: 32px 24px 24px !important; border: 0 !important; border-radius: 28px !important;
  background: var(--tc-surface) !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2) !important;
}
.credit-win-tile::before, .credit-win-tile::after { display: none !important; }
.credit-win-glyph {
  width: 64px !important; height: 64px !important; border-radius: 22px !important; border: 0 !important;
  background: var(--tc-blue-tint) !important; box-shadow: none !important; font-size: 34px !important;
}
.credit-win-preline { color: var(--tc-blue) !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; }
.credit-win-tile h2 { color: var(--tc-grey900) !important; font-size: 22px !important; font-weight: 700 !important; letter-spacing: -0.02em !important; }
.credit-win-tile > p { color: var(--tc-grey600) !important; font-size: 15px !important; font-weight: 500 !important; }
.credit-win-digest {
  width: 100%; gap: 0 !important; padding: 6px 16px !important; border: 0 !important; border-radius: 18px !important;
  background: var(--tc-fill) !important;
}
.credit-win-digest > div { padding: 10px 0 !important; border: 0 !important; background: transparent !important; }
.credit-win-digest span { color: var(--tc-grey600) !important; font-size: 14px !important; font-weight: 500 !important; }
.credit-win-digest strong { color: var(--tc-grey900) !important; font-size: 15px !important; font-weight: 700 !important; }
.credit-win-deeds { width: 100%; }
.credit-win-deeds button {
  width: 100%; min-height: 56px !important; border-radius: 16px !important; background: var(--tc-blue) !important;
  color: #ffffff !important; box-shadow: none !important; font-size: 17px !important; font-weight: 700 !important;
}

.booking-invite-drawer-tile {
  padding: 28px 24px 24px !important; border: 0 !important; border-radius: 28px !important;
  background: var(--tc-surface) !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2) !important;
}
.booking-invite-drawer-tile::before, .booking-invite-drawer-tile::after { display: none !important; }
.booking-invite-drawer-glyph {
  width: 56px !important; height: 56px !important; border-radius: 18px !important; border: 0 !important;
  background: var(--tc-blue-tint) !important; box-shadow: none !important; font-size: 30px !important;
}
.booking-invite-drawer-tile .preline { color: var(--tc-blue) !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; }
.booking-invite-drawer-tile h2 { color: var(--tc-grey900) !important; font-size: 22px !important; font-weight: 700 !important; letter-spacing: -0.02em !important; }
.booking-invite-drawer-tile p { color: var(--tc-grey600) !important; font-size: 15px !important; font-weight: 500 !important; }
.booking-invite-drawer-tile > .booking-invite-drawer-criterion { color: var(--tc-blue) !important; font-weight: 600 !important; font-size: 14px !important; }
.booking-invite-drawer-tile > strong {
  display: block; padding: 14px 16px !important; border: 0 !important; border-radius: 16px !important;
  background: var(--tc-fill) !important; color: var(--tc-grey900) !important; font-size: 17px !important; font-weight: 700 !important;
}
.booking-invite-drawer-dismiss { color: var(--tc-grey500) !important; background: transparent !important; border: 0 !important; }
.booking-invite-drawer-deeds .send-btn { min-height: 56px !important; border-radius: 16px !important; font-size: 17px !important; font-weight: 700 !important; }
.booking-invite-drawer-deeds .phantom-btn {
  min-height: 52px !important; border: 0 !important; border-radius: 16px !important; background: var(--tc-fill) !important;
  color: var(--tc-grey700) !important; font-weight: 600 !important;
}

.persona-invite-go { background: var(--tc-blue) !important; box-shadow: none !important; border: 0 !important; color: #ffffff !important; }
.persona-invite-go * { color: #ffffff !important; }

.computer-mount-poke {
  border: 0 !important; border-radius: 24px !important; background: var(--tc-surface) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.16) !important; color: var(--tc-grey900) !important;
}
.computer-mount-poke-glyph {
  background: var(--tc-blue-tint) !important; border: 0 !important; box-shadow: none !important; border-radius: 16px !important; font-size: 26px !important;
}
.computer-mount-poke-clip strong { color: var(--tc-grey900) !important; font-weight: 700 !important; }
.computer-mount-poke-clip p { color: var(--tc-grey600) !important; font-weight: 500 !important; }
.computer-mount-poke .phantom-btn { border: 0 !important; background: var(--tc-fill) !important; color: var(--tc-grey700) !important; }

.invite-incoming-ribbon {
  border: 0 !important; border-radius: 20px !important; background: var(--tc-blue-tint) !important; box-shadow: none !important;
}
.invite-incoming-ribbon strong, .invite-incoming-ribbon b { color: var(--tc-grey900) !important; font-weight: 700 !important; }
.invite-incoming-ribbon small, .invite-incoming-clip > span { color: var(--tc-grey600) !important; font-weight: 500 !important; }
.invite-incoming-ribbon button { border: 0 !important; border-radius: 12px !important; background: var(--tc-blue) !important; color: #ffffff !important; box-shadow: none !important; font-weight: 700 !important; }

.awaiting-recharge-ribbon { border: 0 !important; border-radius: 20px !important; background: var(--tc-fill) !important; box-shadow: none !important; }

@keyframes tcDrawerUp { from { transform: translateY(24px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (max-width: 640px) {
  .access-sheet {
    top: auto !important; bottom: 0 !important; left: 0 !important; right: 0 !important; transform: none !important;
    width: 100% !important; max-width: none !important; max-height: 92dvh !important;
    border-radius: 28px 28px 0 0 !important; padding: 28px 20px calc(24px + env(safe-area-inset-bottom)) !important;
    animation: tcDrawerUp 0.25s ease-out;
  }
  .credit-win-popup, .bell-firstrun-popup, .ping-needed-popup {
    inset: auto 0 0 0 !important; width: 100% !important; max-width: none !important; margin: 0 !important;
  }
  .credit-win-tile, .bell-firstrun-tile, .ping-needed-tile, .booking-invite-drawer-tile {
    border-radius: 28px 28px 0 0 !important; padding-bottom: calc(24px + env(safe-area-inset-bottom)) !important;
    animation: tcDrawerUp 0.25s ease-out;
  }
  .bell-firstrun-tile { font-size: 15px !important; }
  .booking-invite-drawer { padding: 0 !important; place-items: end stretch !important; }
  .booking-invite-drawer-tile { width: 100% !important; }
  .computer-mount-poke { right: 16px !important; left: 16px !important; width: auto !important; }
}
@media (prefers-reduced-motion: reduce) {
  .access-sheet, .credit-win-tile, .bell-firstrun-tile, .ping-needed-tile, .booking-invite-drawer-tile { animation: none !important; }
}

.ops-heed-deck, .ops-overview-zone {
  border: 0 !important; border-radius: 24px !important; background: var(--tc-surface) !important; box-shadow: none !important;
}
.ops-heed-deck { box-shadow: inset 0 0 0 1.5px var(--tc-red-tint) !important; }
.ops-heed-deck.now-clear { background: var(--tc-surface) !important; box-shadow: none !important; }
.ops-heed-entries button {
  border: 0 !important; border-radius: 16px !important; background: var(--tc-fill) !important; color: var(--tc-grey900) !important;
}
.ops-heed-entries button:hover { background: var(--tc-blue-tint) !important; }
.ops-heed-entries button strong { color: var(--tc-grey900) !important; }
.ops-heed-entries button span, .ops-heed-entries button i { color: var(--tc-grey600) !important; }
.ops-realtime-store.now-active .ops-realtime-bead { background: var(--tc-green) !important; box-shadow: 0 0 0 4px var(--tc-green-tint) !important; }
.ops-tight-entry button[data-ops-upshot-missing] {
  color: #ffffff !important; background: var(--tc-blue) !important; border: 0 !important; border-radius: 10px !important; box-shadow: none !important;
}
.ops-tight-entry button[data-ops-abort-order] {
  color: var(--tc-red) !important; background: var(--tc-red-tint) !important; border: 0 !important; border-radius: 10px !important;
}
.ops-swift-menu button:hover { background: var(--tc-fill) !important; color: var(--tc-grey900) !important; border-color: transparent !important; }
.ops-renew-btn { background: var(--tc-blue) !important; box-shadow: none !important; }

.ts-drawer {
  width: min(400px, calc(100vw - 32px)); max-width: none; margin: auto; padding: 0; border: 0;
  background: transparent; color: var(--tc-grey900); overflow: visible;
}
.ts-drawer::backdrop { background: var(--tc-dim); }
.ts-drawer-tile {
  display: grid; gap: 10px; margin: 0; padding: 28px 24px 20px; border-radius: 28px;
  background: var(--tc-surface); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}
.ts-drawer-heading {
  margin: 0; color: var(--tc-grey900); font-size: 20px; font-weight: 700; line-height: 1.4;
  letter-spacing: -0.02em; white-space: pre-line; word-break: keep-all;
}
.ts-drawer-note {
  margin: 0; color: var(--tc-grey600); font-size: 15px; font-weight: 500; line-height: 1.6;
  white-space: pre-line; word-break: keep-all;
}
.ts-drawer-entrybox {
  width: 100%; min-height: 52px; margin-top: 6px; padding: 0 16px; border: 0; border-radius: 14px;
  background: var(--tc-fill); color: var(--tc-grey900); font: inherit; font-size: 16px; box-shadow: none;
}
.ts-drawer-entrybox:focus { outline: none; box-shadow: inset 0 0 0 2px var(--tc-blue); }
.ts-drawer-deeds { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; }
.ts-drawer-deeds button {
  min-height: 54px; border: 0; border-radius: 16px; font: inherit; font-size: 16px; font-weight: 700; cursor: pointer;
  transition: transform 0.12s ease, filter 0.15s ease;
}
.ts-drawer-deeds button:active { transform: scale(0.97); }
.ts-drawer-abort { background: var(--tc-fill); color: var(--tc-grey700); }
.ts-drawer-affirm { background: var(--tc-blue); color: #ffffff; }
.ts-drawer-affirm.now-danger { background: var(--tc-red); }
.ts-drawer-deeds button:hover { filter: brightness(0.96); }
@media (max-width: 640px) {
  .ts-drawer { width: 100%; margin: auto 0 0; }
  .ts-drawer-tile {
    border-radius: 28px 28px 0 0; padding-bottom: calc(20px + env(safe-area-inset-bottom));
    animation: tcDrawerUp 0.25s ease-out;
  }
}
@media (prefers-reduced-motion: reduce) { .ts-drawer-tile { animation: none; } }

#account .mbr-top { margin-bottom: 18px !important; }
#account .mbr-top > p { max-width: 520px; word-break: keep-all; }
#account .mbr-pipeline {
  display: grid; gap: 12px; width: 100%; max-width: 640px; margin: 0;
}
#account .mbr-cover,
#account .mbr-tile {
  display: grid; gap: 16px; margin: 0; padding: 24px;
  border: 0; border-radius: 24px; background: var(--tc-surface); box-shadow: none;
  color: var(--tc-grey900);
}

#account .mbr-cover { gap: 12px; }
#account .mbr-cover-upper { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#account .mbr-cover-plate { background: var(--tile-blue); }
#account .mbr-cover.now-saved .mbr-cover-plate { background: var(--tile-green); }
#account .mbr-cover-pill {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px;
  background: var(--tc-fill); color: var(--tc-grey600); font-size: 13px; font-weight: 700; letter-spacing: -0.01em;
}
#account .mbr-cover-pill[hidden] { display: none; }
#account .mbr-cover-pill::before {
  content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--tc-grey400);
}
#account .mbr-cover-pill.now-saved { background: var(--tc-green-tint); color: var(--tc-green); }
#account .mbr-cover-pill.now-saved::before { background: var(--tc-green); }
#account .mbr-cover-heading {
  margin: 4px 0 0; color: var(--tc-grey900); font-size: 22px; font-weight: 700; line-height: 1.38; letter-spacing: -0.03em;
}
#account .mbr-cover-clip { margin: -4px 0 0; color: var(--tc-grey600); font-size: 15px; font-weight: 500; line-height: 1.6; }

#account .mbr-rungs {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 6px 0 2px; padding: 0; list-style: none;
}
#account .mbr-rungs li {
  position: relative; display: grid; justify-items: center; gap: 8px; padding: 0; text-align: center;
  color: var(--tc-grey500); font-size: 13px; font-weight: 600;
}
#account .mbr-rungs li::before {
  content: ""; position: absolute; top: 10px; left: calc(-50% + 14px); right: calc(50% + 14px); height: 2px;
  border-radius: 2px; background: var(--tc-fill);
}
#account .mbr-rungs li:first-child::before { display: none; }
#account .mbr-rungs i {
  position: relative; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%;
  background: var(--tc-fill); font-style: normal;
}
#account .mbr-rungs i::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--tc-grey400); }
#account .mbr-cover:not(.now-saved) .mbr-rung-member { color: var(--tc-blue); font-weight: 700; }
#account .mbr-cover:not(.now-saved) .mbr-rung-member i { background: var(--tc-blue-weak); }
#account .mbr-cover:not(.now-saved) .mbr-rung-member i::after { background: var(--tc-blue); }
#account .mbr-cover.now-saved .mbr-rung-member { color: var(--tc-grey800); }
#account .mbr-cover.now-saved .mbr-rung-member i { background: var(--tc-blue); }
#account .mbr-cover.now-saved .mbr-rung-member i::after {
  width: 8px; height: 4px; border-radius: 0; background: none;
  border: solid #ffffff; border-width: 0 0 2px 2px; transform: translateY(-1px) rotate(-45deg);
}
#account .mbr-cover.now-saved .mbr-rung-member + li { color: var(--tc-blue); font-weight: 700; }
#account .mbr-cover.now-saved .mbr-rung-member + li::before { background: var(--tc-blue); }
#account .mbr-cover.now-saved .mbr-rung-member + li i { background: var(--tc-blue-weak); }
#account .mbr-cover.now-saved .mbr-rung-member + li i::after { background: var(--tc-blue); }

#account .mbr-cover-aux {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px;
  border-radius: 16px; background: var(--tc-fill-soft);
}
#account .mbr-cover-aux span { color: var(--tc-grey600); font-size: 14px; font-weight: 500; white-space: nowrap; }
#account .mbr-cover-aux strong {
  min-width: 0; color: var(--tc-grey900); font-size: 15px; font-weight: 700; text-align: right;
  background: none; padding: 0; border-radius: 0; overflow-wrap: anywhere;
}
#account .mbr-cover:not(.now-saved) .mbr-cover-aux strong { color: var(--tc-grey500); }
#account .mbr-cover .tk-knob { margin-top: 2px; cursor: pointer; text-decoration: none; }
#account .mbr-cover:not(.now-saved) .mbr-whenever-upon,
#account .mbr-cover.now-saved .mbr-whenever-disabled { display: none !important; }
#account .mbr-cover-jot { color: var(--tc-grey600); font-size: 13px; font-weight: 500; line-height: 1.5; }
#account .mbr-cover-jot[hidden] { display: none; }

#account .mbr-tile-top { padding: 0; min-height: 0; }
#account .mbr-tile-top .tk-lane-wording strong { color: var(--tc-grey800); font-size: 17px; font-weight: 600; }
#account .mbr-tile-heading { margin: 0; color: var(--tc-grey900); font-size: 19px; font-weight: 700; letter-spacing: -0.03em; }

#account .mbr-intake { display: grid !important; gap: 20px !important; margin: 0 !important; padding: 0 !important; background: none !important; }
#account .mbr-slot {
  display: grid; gap: 8px; min-width: 0; margin: 0; padding: 0; border: 0;
}
#account .mbr-caption {
  display: flex; align-items: center; gap: 6px; padding: 0; margin: 0;
  color: var(--tc-grey700); font-size: 14px; font-weight: 600;
}
#account .mbr-caption em {
  padding: 1px 6px; border-radius: 6px; background: var(--tc-fill); color: var(--tc-grey500);
  font-size: 12px; font-style: normal; font-weight: 600;
}
#account .mbr-intake .slot-tip { margin: 0 !important; color: var(--tc-grey500) !important; font-size: 13px !important; }

#account .mbr-piece {
  display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px;
  padding: 4px; border-radius: 14px; background: var(--tc-fill);
}
#account .mbr-piece label {
  position: relative; display: block !important; margin: 0 !important; padding: 0 !important; cursor: pointer;
}
#account .mbr-piece input[type="radio"] {
  position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important;
  margin: 0 !important; padding: 0 !important; opacity: 0 !important; cursor: pointer; appearance: none;
  -webkit-appearance: none; background: none !important; box-shadow: none !important;
}
#account .mbr-piece span {
  display: grid; place-items: center; height: 42px; border-radius: 10px;
  color: var(--tc-grey600); font-size: 15px; font-weight: 600; white-space: nowrap;
  transition: background 0.15s ease, color 0.15s ease;
}
#account .mbr-piece input:checked + span {
  background: var(--tc-surface); color: var(--tc-grey900); font-weight: 700; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
#account .mbr-piece input:focus-visible + span { outline: 2px solid var(--tc-blue); outline-offset: 1px; }

#account .mbr-intake .send-btn,
#account .mbr-intake .send-btn.tk-knob-chief {
  width: 100% !important; height: 56px !important; margin: 4px 0 0 !important; border: 0 !important; border-radius: 16px !important;
  background: var(--tc-blue) !important; color: #ffffff !important; box-shadow: none !important;
  font-size: 17px !important; font-weight: 700 !important;
}
#account .mbr-intake .send-btn.tk-knob-soft { background: var(--tc-blue-weak) !important; color: var(--tc-blue-deep) !important; }

#account .mbr-faith { gap: 4px; }
#account .mbr-faith-feed { display: grid; gap: 0; margin: 6px 0 0; padding: 0; list-style: none; }
#account .mbr-faith-feed .tk-lane { padding: 10px 0; min-height: 0; }
#account .mbr-faith-feed .tk-plate { width: 44px; height: 44px; border-radius: 14px; }
#account .mbr-faith-feed .tk-plate img.emojiset { width: 26px; height: 26px; }
#account .mbr-faith-feed .tk-lane-wording strong { font-size: 16px; }
#account .mbr-faith-feed .tk-lane-wording span { font-size: 14px; }

#account .mbr-welcome {
  display: flex !important; flex-direction: row !important; align-items: center; gap: 14px; width: 100%;
  margin: 0; padding: 14px 16px; border: 0; border-radius: 18px; background: var(--tc-fill-soft);
  color: var(--tc-grey900); text-align: left; cursor: pointer; box-shadow: none; font: inherit;
  transition: background 0.15s ease, transform 0.12s ease;
}
#account .mbr-welcome:hover { background: var(--tc-fill); }
#account .mbr-welcome:active { transform: scale(0.98); }
#account .mbr-welcome:focus-visible { outline: 2px solid var(--tc-blue); outline-offset: 2px; }
#account .mbr-welcome-plate { width: 44px; height: 44px; border-radius: 14px; }
#account .mbr-welcome-plate img.emojiset { width: 26px; height: 26px; }
#account .mbr-welcome-clip { display: grid; gap: 2px; flex: 1 1 auto; min-width: 0; }
#account .mbr-welcome-clip > span { color: var(--tc-grey600); font-size: 13px; font-weight: 600; }
#account .mbr-welcome-clip b {
  color: var(--tc-grey900); font-size: 17px; font-weight: 700; letter-spacing: 0.02em;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
#account .mbr-welcome-deed {
  flex: 0 0 auto; display: inline-grid; place-items: center; height: 34px; padding: 0 14px; border-radius: 10px;
  background: var(--tc-blue-weak); color: var(--tc-blue-deep); font-size: 14px; font-weight: 700;
}

@media (min-width: 980px) {
  #account .mbr-pipeline {
    max-width: 1040px; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); align-items: start; gap: 16px;
  }
  #account .mbr-cover { grid-column: 1; grid-row: 1 / span 3; position: sticky; top: 96px; padding: 28px; }
  #account .mbr-attach, #account .mbr-faith, #account .mbr-persona { grid-column: 2; }
  #account .mbr-tile { padding: 28px; }
}

@media (max-width: 640px) {
  #account.screen-zone { padding-bottom: 40px !important; }
  #account .mbr-cover, #account .mbr-tile { padding: 22px 20px; border-radius: 24px; }
  #account .mbr-cover-heading { font-size: 21px; }
  #account .mbr-rungs li { font-size: 12.5px; }
}

#account .mbr-piece-slot > legend.mbr-caption { float: left; width: 100%; margin: 0 0 12px !important; }
#account .mbr-piece-slot > .mbr-piece { clear: both; }

html, body { max-width: 100%; overflow-x: clip; }
h1, h2, h3, h4, p, li, dt, dd, label, legend, small, strong, b, em, span, a, button, td, th {
  overflow-wrap: anywhere;
  word-break: keep-all;
}
.screen-zone :where(div, section, article, header, footer, li, label, p, span, strong) { min-width: 0; }

.ops-overview-subject { flex-wrap: wrap !important; }
.ops-overview-subject > div { flex: 1 1 260px !important; min-width: 0 !important; }
.ops-overview-subject > strong {
  flex: 0 1 auto !important; min-width: 0 !important; max-width: 100% !important;
  white-space: normal !important; line-height: 1.45 !important;
}
.ops-overview-subject > div > span { font-size: 13px !important; line-height: 1.6 !important; }

.ops-swift-menu { flex-wrap: wrap !important; justify-content: flex-start !important; row-gap: 4px !important; }

@media (max-width: 640px) {
  .ops-overview-subject { flex-direction: column !important; align-items: stretch !important; gap: 8px !important; }
  .ops-overview-subject > div { flex: 0 0 auto !important; }
  .ops-overview-subject > strong { text-align: left !important; }
}

.coupon-denominations { display: grid; gap: 10px; margin: 4px 0 4px; padding: 16px; border-radius: 18px; background: var(--tc-fill); }
.coupon-denominations > strong { color: var(--tc-grey900); font-size: 15px; font-weight: 700; }
.coupon-denominations ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.coupon-denominations li {
  padding: 6px 12px; border-radius: 999px; background: var(--tc-blue-tint); color: var(--tc-blue);
  font-size: 14px; font-weight: 700;
}
.coupon-denominations > span { color: var(--tc-grey600); font-size: 13px; font-weight: 500; line-height: 1.55; }
.coupon-denominations li { display: inline-flex; align-items: center; gap: 6px; }
.coupon-denominations li em {
  padding: 2px 6px; border-radius: 6px; background: var(--tc-surface); color: var(--tc-blue);
  font-size: 11px; font-style: normal; font-weight: 700; white-space: nowrap;
}

/* ==========================================================================
   GIFT INVITE (2026-10-17) — 친구 초대 선물: 포인트 탭 카드·단계 보너스·친구 목록,
   내 정보 요약, 초대 링크 착지 카드, 운영 화면 판정 목록. 색은 --tc-* 토큰만 쓴다.
   ========================================================================== */
.gift-hub {
  display: grid; gap: 16px; min-width: 0; padding: 24px 20px; margin: 0;
  border: 0; border-radius: 24px; background: var(--tc-surface); box-shadow: none;
  color: var(--tc-grey900);
}
.gift-hub.now-referral-focus { box-shadow: inset 0 0 0 2px var(--tc-blue); }
.gift-hub-head { display: flex; align-items: center; gap: 14px; min-width: 0; }
.gift-hub-glyph {
  flex: 0 0 52px; width: 52px; height: 52px; display: grid; place-items: center;
  border-radius: 16px; background: var(--tc-blue-tint); font-size: 28px; line-height: 1;
}
.gift-hub-glyph img.emojiset, .gift-welcome-glyph img.emojiset { width: 30px; height: 30px; }
.gift-hub-heading { min-width: 0; display: grid; gap: 4px; }
.gift-hub-overline { margin: 0 !important; color: var(--tc-blue) !important; font-size: 13px !important; font-weight: 700 !important; }
.gift-hub-heading h3 {
  margin: 0 !important; color: var(--tc-grey900) !important; font-size: 21px !important; font-weight: 700 !important;
  line-height: 1.35 !important; letter-spacing: -0.02em; word-break: keep-all; overflow-wrap: anywhere;
}
.gift-hub-heading h3 span { color: var(--tc-blue) !important; }
.gift-hub-prizes { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; margin: 0; padding: 0; list-style: none; }
.gift-hub-prizes li { display: grid; gap: 4px; min-width: 0; padding: 14px; border-radius: 18px; background: var(--tc-fill); }
.gift-hub-prizes span { color: var(--tc-grey600); font-size: 12.5px; font-weight: 600; line-height: 1.4; word-break: keep-all; }
.gift-hub-prizes strong { color: var(--tc-grey900); font-size: 22px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; }
.gift-hub-prizes small { color: var(--tc-blue); font-size: 12.5px; font-weight: 600; line-height: 1.4; word-break: keep-all; }
.gift-hub-when { margin: 0 !important; color: var(--tc-grey600) !important; font-size: 14px !important; line-height: 1.55 !important; word-break: keep-all; }
.gift-hub-when b { color: var(--tc-grey800); font-weight: 700; }
.gift-hub-deeds { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
.gift-hub-deeds .gift-hub-primary { width: 100%; min-height: 56px; font-size: 17px !important; border-radius: 16px !important; }
.gift-hub-deeds .gift-hub-secondary { width: 100%; min-height: 48px; font-size: 15px !important; font-weight: 600 !important; border-radius: 14px !important; }
.gift-hub-serial { margin: 0 !important; color: var(--tc-grey500) !important; font-size: 13px !important; text-align: center; }
.gift-hub-serial strong { margin-left: 4px; color: var(--tc-grey800); font-weight: 700; letter-spacing: 0.04em; }
.gift-hub-reply:empty { display: none; }
.gift-hub-reply { margin: 0 !important; color: var(--tc-blue) !important; font-size: 13px !important; text-align: center; overflow-wrap: anywhere; }

.gift-ladder { display: grid; gap: 12px; padding: 18px 16px; border-radius: 20px; background: var(--tc-fill-soft); }
.gift-ladder-top { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.gift-ladder-top h4 { margin: 0 !important; color: var(--tc-grey800) !important; font-size: 15px !important; font-weight: 700 !important; }
.gift-ladder-top strong { color: var(--tc-blue); font-size: 14px; font-weight: 700; white-space: nowrap; }
.gift-ladder-rungs {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px;
  margin: 0; padding: 0; list-style: none; position: relative;
}
.gift-ladder-rungs li { display: grid; justify-items: center; gap: 4px; min-width: 0; text-align: center; position: relative; }
.gift-ladder-rungs li + li::before {
  content: ""; position: absolute; top: 15px; right: calc(50% + 18px); width: calc(100% - 32px);
  height: 2px; border-radius: 2px; background: var(--tc-line);
}
.gift-ladder-rungs li.now-complete + li::before { background: var(--tc-blue); }
.gift-ladder-dot {
  width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%;
  background: var(--tc-fill); color: var(--tc-grey500); font-size: 14px; font-weight: 700;
}
.gift-ladder-rungs li.now-complete .gift-ladder-dot { background: var(--tc-blue-tint); color: var(--tc-blue); }
.gift-ladder-rungs li.now-next .gift-ladder-dot { background: var(--tc-surface); color: var(--tc-blue); box-shadow: inset 0 0 0 2px var(--tc-blue); }
.gift-ladder-rungs b { color: var(--tc-grey800); font-size: 12.5px; font-weight: 700; line-height: 1.3; word-break: keep-all; }
.gift-ladder-rungs small { color: var(--tc-grey500); font-size: 12px; font-weight: 600; line-height: 1.3; word-break: keep-all; }
.gift-ladder-rungs li.now-complete small, .gift-ladder-rungs li.now-next small { color: var(--tc-blue); }
.gift-ladder-trace { height: 8px; border-radius: 999px; background: var(--tc-line); overflow: hidden; }
.gift-ladder-trace > span { display: block; height: 100%; width: 0; border-radius: inherit; background: var(--tc-blue); transition: width 0.4s ease; }
.gift-ladder-next { margin: 0 !important; color: var(--tc-grey900) !important; font-size: 15px !important; font-weight: 700 !important; }
.gift-ladder-next:empty, .gift-ladder-tail:empty { display: none; }
.gift-ladder-tail { margin: 0 !important; color: var(--tc-grey500) !important; font-size: 12.5px !important; line-height: 1.5 !important; }

.gift-figures { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 14px 4px; border-radius: 18px; background: var(--tc-fill); }
.gift-figures > div { display: grid; gap: 4px; justify-items: center; min-width: 0; text-align: center; }
.gift-figures > div + div { border-left: 1px solid var(--tc-line); }
.gift-figures span { color: var(--tc-grey600); font-size: 12.5px; font-weight: 600; }
.gift-figures strong { color: var(--tc-grey900); font-size: 17px; font-weight: 700; overflow-wrap: anywhere; }

.gift-roster { display: grid; gap: 10px; }
.gift-roster h4 { margin: 0 !important; color: var(--tc-grey800) !important; font-size: 15px !important; font-weight: 700 !important; }
.gift-roster-list { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
.gift-roster-blank { padding: 16px; border-radius: 16px; background: var(--tc-fill-soft); color: var(--tc-grey600); font-size: 14px; line-height: 1.5; word-break: keep-all; }
.gift-roster-row { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 10px 2px; }
.gift-roster-face {
  width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%;
  background: var(--tc-fill); color: var(--tc-grey700); font-size: 15px; font-weight: 700;
}
.gift-roster-who { display: grid; gap: 6px; min-width: 0; }
.gift-roster-who b { color: var(--tc-grey900); font-size: 15px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gift-roster-pips { display: grid; grid-template-columns: repeat(3, 24px); gap: 4px; }
.gift-roster-pips span { height: 4px; border-radius: 4px; background: var(--tc-line); }
.gift-roster-pips span.now-on { background: var(--tc-blue); }
.gift-roster-row.now-done .gift-roster-pips span.now-on { background: var(--tc-green); }
.gift-roster-row em {
  padding: 5px 10px; border-radius: 999px; background: var(--tc-blue-tint); color: var(--tc-blue);
  font-size: 12.5px; font-style: normal; font-weight: 700; white-space: nowrap;
}
.gift-roster-row.now-done em { background: var(--tc-green-tint); color: var(--tc-green); }
.gift-roster-row.now-hold em, .gift-roster-row.now-closed em { background: var(--tc-fill); color: var(--tc-grey600); }
.gift-roster-aid { margin: 0 !important; color: var(--tc-grey500) !important; font-size: 12.5px !important; line-height: 1.5 !important; word-break: keep-all; }

.gift-rules { border-radius: 16px; background: var(--tc-fill-soft); }
.gift-rules summary {
  padding: 14px 16px; cursor: pointer; color: var(--tc-grey700); font-size: 14px; font-weight: 600; list-style: none;
}
.gift-rules summary::-webkit-details-marker { display: none; }
.gift-rules summary::after { content: "⌄"; float: right; color: var(--tc-grey500); }
.gift-rules[open] summary::after { content: "⌃"; }
.gift-rules ul { display: grid; gap: 8px; margin: 0; padding: 0 16px 16px 30px; }
.gift-rules li { color: var(--tc-grey600); font-size: 13px; line-height: 1.6; word-break: keep-all; }

/* 내 정보: 요약 버튼 안 진행 막대(파란 버튼 위 글자색을 그대로 쓴다) */
.gift-persona-clip { display: grid; gap: 4px; min-width: 0; }
.gift-persona-trace { position: relative; display: block; width: 100%; max-width: 220px; height: 6px; margin-top: 4px; border-radius: 999px; overflow: hidden; }
.gift-persona-trace::before { content: ""; position: absolute; inset: 0; background: currentColor; opacity: 0.28; }
.gift-persona-trace > span { position: relative; display: block; height: 100%; width: 0; border-radius: inherit; background: currentColor; }

/* 초대 링크로 들어온 방문자: 선물 카드 */
.gift-welcome[hidden] { display: none !important; }
.gift-welcome:not(.gift-welcome-compact) {
  display: block; position: relative; z-index: 4; width: min(560px, calc(100% - 32px)); margin: 16px auto 0;
}
.gift-welcome-tile {
  display: grid; justify-items: center; gap: 10px; padding: 28px 20px 22px; text-align: center;
  border-radius: 24px; background: var(--tc-surface); color: var(--tc-grey900);
}
.gift-welcome-glyph {
  width: 64px; height: 64px; display: grid; place-items: center; border-radius: 20px;
  background: var(--tc-blue-tint); font-size: 34px; line-height: 1;
}
.gift-welcome-tile .gift-welcome-glyph img.emojiset { width: 38px; height: 38px; }
.gift-welcome-overline { margin: 4px 0 0 !important; color: var(--tc-blue) !important; font-size: 13px !important; font-weight: 700 !important; }
.gift-welcome-tile h2 {
  margin: 0 !important; color: var(--tc-grey900) !important; font-size: 22px !important; font-weight: 700 !important;
  line-height: 1.35 !important; letter-spacing: -0.02em; word-break: keep-all; overflow-wrap: anywhere;
}
.gift-welcome-prize { margin: 0 !important; color: var(--tc-grey800) !important; font-size: 17px !important; font-weight: 600 !important; line-height: 1.5 !important; word-break: keep-all; }
.gift-welcome-prize b { color: var(--tc-blue); font-size: 26px; font-weight: 800; letter-spacing: -0.02em; }
.gift-welcome-prize > span { display: block; color: var(--tc-grey600); font-size: 14px; font-weight: 600; }
.gift-welcome-clip { margin: 0 !important; color: var(--tc-grey600) !important; font-size: 14px !important; line-height: 1.6 !important; word-break: keep-all; }
.gift-welcome-deed { width: 100%; min-height: 56px; margin-top: 6px; font-size: 17px !important; border-radius: 16px !important; }
.gift-welcome-endnote { margin: 0 !important; color: var(--tc-grey500) !important; font-size: 12.5px !important; }
.gift-welcome-endnote b { color: var(--tc-grey700); letter-spacing: 0.04em; }
.gift-welcome-endnote b:empty { display: none; }
.gift-welcome-compact {
  display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; gap: 12px;
  margin-top: 16px; padding: 14px; border-radius: 18px; background: var(--tc-blue-tint);
}
.gift-welcome-compact .gift-welcome-glyph { width: 44px; height: 44px; border-radius: 14px; background: var(--tc-surface); font-size: 24px; }
.gift-welcome-compact .gift-welcome-glyph img.emojiset { width: 26px; height: 26px; }
.gift-welcome-compact-clip { display: grid; gap: 2px; min-width: 0; }
.gift-welcome-compact-clip > span { color: var(--tc-blue); font-size: 12.5px; font-weight: 700; }
.gift-welcome-compact-clip strong { color: var(--tc-grey900); font-size: 15px; font-weight: 700; line-height: 1.4; }
.gift-welcome-compact-clip strong b { color: var(--tc-blue); }
.gift-welcome-compact-clip small { color: var(--tc-grey600); font-size: 12.5px; line-height: 1.45; overflow-wrap: anywhere; }

/* 운영 화면: 친구 초대 판정 목록 */
.ops-invite-feed { display: grid; gap: 8px; }
.ops-invite-entry {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px;
  padding: 14px 16px; border-radius: 16px; background: var(--tc-fill);
}
.ops-invite-core { display: grid; gap: 4px; min-width: 0; }
.ops-invite-core strong { color: var(--tc-grey900); font-size: 15px; font-weight: 700; }
.ops-invite-core span { color: var(--tc-grey600); font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.ops-invite-entry button.now-danger {
  min-height: 40px; padding: 0 14px; border: 0; border-radius: 12px; cursor: pointer;
  background: var(--tc-red-tint); color: var(--tc-red); font-size: 14px; font-weight: 700; white-space: nowrap;
}

@media (max-width: 380px) {
  .gift-hub { padding: 20px 16px; }
  .gift-hub-heading h3 { font-size: 19px !important; }
  .gift-hub-prizes strong { font-size: 20px; }
  .gift-ladder { padding: 16px 12px; }
  .gift-ladder-rungs b { font-size: 12px; }
  .ops-invite-entry { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 900px) {
  .gift-hub-deeds { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
  .gift-welcome:not(.gift-welcome-compact) { margin-top: 24px; }
}

/* 2026-10-20 입력 중(키보드가 올라온 동안)에는 아래 고정 탭을 숨긴다 — 탭이 키보드 위로 떠 있는 일이 없게. script.js steadyViewportAroundKeyboard */
@media (max-width: 640px) {
  html.ts-keyboard-open #console-page .web-masthead .web-menu,
  html.ts-keyboard-open .web-masthead .web-menu {
    display: none !important;
  }
}

/* 2026-10-20 예매 시트 옵션 정리(운영자 "글씨가 많고 번잡해"): 아이콘을 빼고, 카드 안 카드(이중 상자)를
   한 장의 카드 + 구분선으로 바꾸고, 설명 글씨를 한 단계 작게. */
.booking-sheet.bm .bm-picks .bm-pick-top .bm-plate { display: none; }
.booking-sheet.bm .sheet-levy-jot.bm-pick { gap: 0; padding: 16px 18px !important; }
.booking-sheet.bm .bm-pick-clip { gap: 2px; padding-bottom: 14px; }
.booking-sheet.bm .bm-pick-clip > span { font-size: 13px; line-height: 1.5; }
.booking-sheet.bm .bm-pick .sheet-overnight-pick.bm-flip {
  padding: 14px 0 0 !important; border-radius: 0; background: transparent;
  border-top: 1px solid var(--tc-line) !important;
}
.booking-sheet.bm .bm-pick .bm-flip-wording small { font-size: 12.5px; color: var(--tc-grey500, var(--tc-grey600)); }

/* 2026-10-23: 조회 스피너 돋보기(🔍) 이모지 글리프 비대칭(렌즈 좌상단)으로 왼쪽 쏠림 → 우측 보정 */
.seek-tier .seek-pulling-look .tfx-i { transform: translateX(4px) !important; }