:root {
  color-scheme: light;
  --navy: #1C365B;
  --navy-2: #2A4A75;
  --gold: #FDB143;
  --gold-ink: #9A6418;
  --gold-wash: #FEF3DF;
  --ink: #1F2933;
  --slate: #5F6B7A;
  --mist: #E9EEF5;
  --paper: #FFFFFF;
  --page: #F7F9FC;
  --hair: #DCE3EC;
  --serif: Georgia, "Times New Roman", serif;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --tabbar-h: 62px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --ink: #E7ECF3;
    --slate: #A3AEBD;
    --mist: #1E2B3D;
    --paper: #142030;
    --page: #0D1724;
    --hair: #263548;
    --gold-ink: #FDB143;
    --gold-wash: #2B2414;
    --navy-2: #22406A;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --ink: #E7ECF3; --slate: #A3AEBD; --mist: #1E2B3D; --paper: #142030; --page: #0D1724; --hair: #263548;
  --gold-ink: #FDB143; --gold-wash: #2B2414; --navy-2: #22406A;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--page);
  color: var(--ink);
  font: 16px/1.45 var(--sans);
  padding-bottom: calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 16px);
}
a { color: inherit; }
a:focus-visible, input:focus-visible { outline: 3px solid var(--gold); outline-offset: 2px; }
.skip { position: absolute; left: -999px; top: 0; background: var(--gold); color: #1C365B; padding: 8px 12px; z-index: 10; }
.skip:focus { left: 8px; }
.vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.muted { color: var(--slate); }
.small { font-size: 14px; }
.center { text-align: center; }

/* ---------- header ---------- */
.top {
  background: var(--navy);
  color: #fff;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: calc(env(safe-area-inset-top) + 12px) 16px 12px;
  position: sticky; top: 0; z-index: 5;
  border-bottom: 3px solid var(--gold);
}
.mark { text-decoration: none; display: flex; flex-direction: column; min-width: 0; }
.mark-name { font: 700 19px/1.15 var(--serif); letter-spacing: .01em; }
.mark-sub { font-size: 12.5px; color: #C9D4E3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.clock { font: 600 15px/1 var(--sans); font-variant-numeric: tabular-nums; color: var(--gold); white-space: nowrap; }

main { max-width: 680px; margin: 0 auto; padding: 0 16px; }
main:focus { outline: none; }

/* ---------- tab bar ---------- */
.tabbar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 6;
  display: grid; grid-template-columns: repeat(4, 1fr);
  background: var(--paper);
  border-top: 1px solid var(--hair);
  padding-bottom: env(safe-area-inset-bottom);
}
.tabbar a {
  height: var(--tabbar-h);
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
  text-decoration: none; font-size: 12px; font-weight: 600; color: var(--slate);
}
.tabbar svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.tabbar a[aria-current="page"] { color: var(--navy); }
.tabbar a[aria-current="page"] svg { stroke-width: 2.3; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .tabbar a[aria-current="page"] { color: var(--gold); } }
:root[data-theme="dark"] .tabbar a[aria-current="page"] { color: var(--gold); }

/* ---------- now ---------- */
.hero { padding: 28px 0 8px; }
.hero h1, .page-h { font: 700 28px/1.15 var(--serif); margin: 0 0 8px; color: var(--ink); }
.page-h { margin-top: 24px; }
.hero p { margin: 0; color: var(--slate); }

.now-block {
  background: var(--navy);
  color: #fff;
  margin: 0 -16px;
  padding: 18px 16px 20px;
}
.now-h { font: 700 22px/1.2 var(--serif); margin: 0 0 14px; display: flex; align-items: center; gap: 10px; }
.now-block:not(.quiet-block) .now-h::before {
  content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--gold);
  box-shadow: 0 0 0 0 rgba(253, 177, 67, .6); animation: pulse 2.4s ease-out infinite;
}
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(253,177,67,.55); } 70%, 100% { box-shadow: 0 0 0 10px rgba(253,177,67,0); } }
@media (prefers-reduced-motion: reduce) { .now-h::before { animation: none !important; } }
.quiet-block .now-h { margin-bottom: 4px; }
.now-foot { margin: 12px 0 0; color: #C9D4E3; font-size: 14.5px; }
.quiet-block .now-foot { margin-top: 0; }

.live-grid { display: grid; gap: 12px; }
.live-card {
  display: block; text-decoration: none;
  background: var(--navy-2);
  border-radius: 10px;
  padding: 14px 14px 12px;
  border-left: 5px solid #8FA6C4;
}
.live-card.type-paper { border-left-color: #fff; }
.live-card.type-panel, .live-card.type-all { border-left-color: var(--gold); }
.live-card.type-break, .live-card.type-meal, .live-card.type-social { border-left-color: #8FA6C4; }
.lc-room { font: 700 21px/1.15 var(--sans); color: var(--gold); margin-bottom: 4px; }
.lc-title { font: 600 16px/1.3 var(--sans); color: #fff; }
.lc-title .code, .row-title .code { font-weight: 700; }
.lc-paper { margin-top: 12px; padding: 10px 12px; background: rgba(255,255,255,.08); border-radius: 8px; }
.lc-paper-label { font-size: 12.5px; color: #C9D4E3; margin-bottom: 2px; }
.lc-paper-title { font: 400 16px/1.3 var(--serif); }
.lc-paper-who { font-weight: 600; margin-top: 4px; font-size: 14.5px; }
.lc-next, .lc-people { margin-top: 10px; font-size: 14px; color: #D8E1EC; }
.lc-bar { height: 4px; background: rgba(255,255,255,.18); border-radius: 2px; margin-top: 14px; overflow: hidden; }
.lc-bar span { display: block; height: 100%; background: var(--gold); }
.lc-time { display: flex; justify-content: space-between; font-size: 13px; color: #C9D4E3; margin-top: 6px; font-variant-numeric: tabular-nums; }

/* ---------- blocks & rows ---------- */
.block { margin-top: 24px; }
.block-h { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; margin-bottom: 10px; }
.block-h h2 { font: 700 20px/1.2 var(--serif); margin: 0; }
.block-sub { color: var(--slate); font-weight: 600; font-variant-numeric: tabular-nums; }
.until { color: var(--gold-ink); font-weight: 600; font-size: 14px; }

.list { display: grid; gap: 8px; }
.row {
  display: flex; align-items: flex-start; gap: 10px;
  background: var(--paper);
  border: 1px solid var(--hair);
  border-left: 5px solid var(--slate);
  border-radius: 8px;
  padding: 11px 12px;
  text-decoration: none;
  flex-wrap: wrap;
}
a.row:active { background: var(--mist); }
.row.type-paper { border-left-color: var(--navy); }
.row.type-panel { border-left-color: var(--gold); }
.row.type-all { border-left-color: var(--gold); background: var(--gold-wash); }
.row.type-break, .row.type-meal, .row.type-social, .row.type-quiet { border-left-color: #A9B4C2; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .row.type-paper { border-left-color: #8FA6C4; } }
:root[data-theme="dark"] .row.type-paper { border-left-color: #8FA6C4; }
.row.is-past { opacity: .62; }
.row.is-live { box-shadow: inset 0 0 0 2px var(--gold); }
.row-time { flex-basis: 100%; font-size: 13.5px; font-weight: 700; color: var(--slate); font-variant-numeric: tabular-nums; margin-bottom: -4px; }
.row-main { flex: 1; min-width: 0; }
.row-title { font-weight: 600; line-height: 1.3; }
.row-meta { margin-top: 3px; font-size: 14px; color: var(--slate); display: flex; flex-wrap: wrap; align-items: center; gap: 2px 0; }
.row-meta .room { color: var(--ink); font-weight: 600; }
.sep { display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: currentColor; margin: 0 8px; opacity: .7; }
.row-chair { font-size: 14px; color: var(--slate); margin-top: 1px; }
.later { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--hair); }
.later li { border-bottom: 1px solid var(--hair); }
.later a { display: grid; grid-template-columns: 74px 1fr; gap: 10px; padding: 10px 2px; text-decoration: none; }
.later-time { font-weight: 700; font-size: 14px; color: var(--slate); font-variant-numeric: tabular-nums; padding-top: 1px; }
.later-title { font-size: 15px; line-height: 1.3; }
.later-room { display: block; font-size: 13.5px; color: var(--slate); margin-top: 2px; }
.row-match { margin-top: 6px; font-size: 14px; line-height: 1.35; border-top: 1px dashed var(--hair); padding-top: 6px; }
.row-match em { font-style: normal; color: var(--slate); }
.badge {
  display: inline-block; background: var(--gold); color: #1C365B;
  font: 700 12px/1 var(--sans); padding: 4px 7px; border-radius: 999px; vertical-align: middle;
}
.row .badge { margin-top: 1px; }

/* ---------- schedule ---------- */
.search { padding: 14px 0 6px; }
.search input {
  width: 100%; font: 16px var(--sans); padding: 11px 12px;
  border: 1px solid var(--hair); border-radius: 8px; background: var(--paper); color: var(--ink);
  -webkit-appearance: none; appearance: none;
}
.result-count { margin: 6px 0 10px; }
.seg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin: 8px 0 4px; }
.seg-btn {
  text-decoration: none; text-align: center; border-radius: 8px; padding: 8px 4px;
  background: var(--paper); border: 1px solid var(--hair);
  display: flex; flex-direction: column; line-height: 1.2;
}
.seg-day { font-weight: 700; font-size: 15px; }
.seg-date { font-size: 12.5px; color: var(--slate); }
.seg-btn.on { background: var(--navy); border-color: var(--navy); color: #fff; }
.seg-btn.on .seg-date { color: var(--gold); }
.day-place { margin: 8px 0 0; color: var(--slate); font-size: 14px; }
.slot { margin-top: 18px; }
.slot-time { font: 700 15px/1.2 var(--sans); margin: 0 0 8px; color: var(--ink); font-variant-numeric: tabular-nums; display: flex; align-items: center; gap: 8px; }
.slot-live .slot-time::after { content: "Now"; background: var(--gold); color: #1C365B; font-size: 11.5px; padding: 3px 7px; border-radius: 999px; }

/* ---------- detail ---------- */
.back { display: inline-flex; align-items: center; gap: 6px; margin: 14px 0 4px; font-weight: 600; color: var(--navy); text-decoration: none; padding: 6px 0; }
.back::before { content: ""; width: 9px; height: 9px; border-left: 2.5px solid currentColor; border-bottom: 2.5px solid currentColor; transform: rotate(45deg); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .back { color: var(--gold); } }
:root[data-theme="dark"] .back { color: var(--gold); }
.detail-kind { margin: 10px 0 4px; color: var(--gold-ink); font-weight: 700; font-size: 14px; }
.detail h1 { font: 700 26px/1.2 var(--serif); margin: 0 0 16px; }
.facts { margin: 0; display: grid; gap: 0; background: var(--paper); border: 1px solid var(--hair); border-radius: 10px; }
.facts > div { display: grid; grid-template-columns: 92px 1fr; gap: 10px; padding: 11px 14px; border-top: 1px solid var(--hair); }
.facts > div:first-child { border-top: 0; }
.facts dt { color: var(--slate); font-size: 14px; padding-top: 1px; }
.facts dd { margin: 0; }
.facts a { color: var(--navy); font-weight: 600; font-size: 14.5px; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .facts a, :root:not([data-theme="light"]) .info a { color: var(--gold); } }
:root[data-theme="dark"] .facts a, :root[data-theme="dark"] .info a { color: var(--gold); }
.lede { font: 400 17.5px/1.5 var(--serif); margin: 18px 0 0; }
.topics, .note { margin: 12px 0 0; }
.note { color: var(--slate); }
.papers-h { font: 700 20px/1.2 var(--serif); margin: 26px 0 2px; }
.papers { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 10px; }
.paper { background: var(--paper); border: 1px solid var(--hair); border-radius: 10px; padding: 12px 14px; }
.paper.on { border: 2px solid var(--gold); background: var(--gold-wash); }
.paper.done { opacity: .62; }
.paper-time { font-size: 13.5px; font-weight: 700; color: var(--slate); font-variant-numeric: tabular-nums; }
.paper-title { font: 400 17px/1.35 var(--serif); margin-top: 4px; }
.paper-authors { font-size: 14px; color: var(--slate); margin-top: 6px; }
.paper-presenter { font-size: 14.5px; font-weight: 600; margin-top: 4px; }
.paper-id { font-size: 12.5px; color: var(--slate); margin-top: 4px; }
.speakers { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 14px; margin-top: 20px; }
.spk { margin: 0; text-align: center; }
.spk img { width: 96px; height: 96px; border-radius: 50%; display: block; margin: 0 auto 8px; }
.spk figcaption { display: flex; flex-direction: column; gap: 2px; }
.spk-role { font-size: 12.5px; color: var(--gold-ink); font-weight: 700; }
.spk-name { font: 700 16px/1.2 var(--serif); }
.spk-affil { font-size: 13px; color: var(--slate); line-height: 1.3; }

/* ---------- info ---------- */
.info { margin-top: 22px; }
.info h2 { font: 700 20px/1.2 var(--serif); margin: 0 0 10px; }
.info a { color: var(--navy); font-weight: 600; }
.rooms { list-style: none; padding: 0; margin: 0; background: var(--paper); border: 1px solid var(--hair); border-radius: 10px; }
.rooms li { padding: 11px 14px; border-top: 1px solid var(--hair); display: flex; flex-direction: column; gap: 2px; }
.rooms li:first-child { border-top: 0; }
.rooms span { color: var(--slate); font-size: 14.5px; }
.btn { display: inline-block; background: var(--navy); color: #fff !important; text-decoration: none; padding: 11px 16px; border-radius: 8px; font-weight: 600; }

@media (min-width: 640px) {
  .now-block { margin: 16px 0 0; border-radius: 12px; }
  .live-grid { grid-template-columns: 1fr 1fr; }
  .speakers { grid-template-columns: repeat(3, 1fr); }
}

/* ---------- progress bars animate between ticks ---------- */
.lc-bar span, .lc-pbar span { transition: width 1.1s cubic-bezier(.2,.7,.2,1); }
.lc-pbar { height: 3px; background: rgba(255,255,255,.16); border-radius: 2px; margin-top: 10px; overflow: hidden; }
.lc-pbar span { display: block; height: 100%; background: #fff; }
.lc-ptime { font-size: 12.5px; color: #C9D4E3; margin-top: 4px; font-variant-numeric: tabular-nums; }
.lc-paper.enter { animation: paper-in .55s cubic-bezier(.2,.7,.2,1); }
@keyframes paper-in {
  0% { opacity: 0; transform: translateX(28px); }
  100% { opacity: 1; transform: none; }
}

/* ---------- day at a glance ---------- */
.tl { position: relative; margin: 0 0 16px; padding-top: 18px; }
.quiet-block .tl { margin: 14px 0 0; }
.tl-hours { position: relative; height: 14px; margin-left: 66px; margin-top: -18px; margin-bottom: 4px; }
.tl-hours span { position: absolute; transform: translateX(-50%); font-size: 11px; color: #9FB1C9; font-variant-numeric: tabular-nums; }
.tl-row { display: flex; align-items: center; height: 24px; margin-bottom: 4px; }
.tl-label { width: 66px; flex: none; font-size: 12px; font-weight: 600; color: #C9D4E3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 6px; }
.tl-track { position: relative; flex: 1; height: 100%; background: rgba(255,255,255,.05); border-radius: 4px; }
.tl-b {
  position: absolute; top: 0; bottom: 0; border-radius: 4px;
  background: rgba(255,255,255,.22); text-decoration: none;
  display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.tl-b span { font-size: 10px; font-weight: 700; color: #fff; padding: 0 2px; white-space: nowrap; letter-spacing: -.01em; }
.tl-b.type-panel, .tl-b.type-all { background: rgba(253,177,67,.55); }
.tl-b.type-panel span, .tl-b.type-all span { color: #1C365B; }
.tl-b.type-quiet { background: repeating-linear-gradient(135deg, rgba(255,255,255,.12) 0 4px, rgba(255,255,255,.04) 4px 8px); }
.tl-b.past { opacity: .35; }
.tl-b.live { box-shadow: inset 0 0 0 1.5px #fff; }
.tl-b.live.type-panel, .tl-b.live.type-all { background: var(--gold); }
.tl-now-wrap { position: absolute; left: 66px; right: 0; top: 20px; bottom: -2px; pointer-events: none; }
.tl-now {
  position: absolute; top: 0; bottom: 0; width: 2px; margin-left: -1px; background: var(--gold);
  transition: left 1.4s cubic-bezier(.2,.7,.2,1);
}
.tl-now::before { content: ""; position: absolute; top: -4px; left: -3px; width: 8px; height: 8px; border-radius: 50%; background: var(--gold); }

/* ---------- forum card ---------- */
.forum-card {
  display: block; text-decoration: none; margin: 16px 0 0;
  background: linear-gradient(160deg, #1C365B 0%, #233F66 60%, #2C4C77 100%);
  color: #fff; border-radius: 12px; padding: 16px 16px 14px;
  border-top: 4px solid var(--gold);
}
.fc-kicker { color: var(--gold); font-weight: 700; font-size: 14px; }
.fc-title { font: 700 20px/1.2 var(--serif); margin: 4px 0 12px; }
.fc-foot { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.fc-count { font: 700 17px/1.2 var(--sans); color: #fff; font-variant-numeric: tabular-nums; }
.fc-note { font-size: 13px; color: #C9D4E3; }
.faces { display: flex; margin: 10px 0 2px; padding-left: 6px; }
.faces img { width: 52px; height: 52px; border-radius: 50%; margin-left: -8px; box-shadow: 0 0 0 2px #1C365B; background: #1C365B; }
.faces.pop img { animation: face-in .5s cubic-bezier(.3,1.4,.5,1) backwards; animation-delay: calc(var(--i) * 70ms + 150ms); }
@keyframes face-in { 0% { opacity: 0; transform: translateY(10px) scale(.8); } 100% { opacity: 1; transform: none; } }
.live-card .faces img { box-shadow: 0 0 0 2px var(--navy-2); }

/* ---------- abstracts and affiliations ---------- */
ul.paper-authors { list-style: none; padding: 0; margin: 8px 0 0; display: grid; gap: 3px; }
ul.paper-authors li { font-size: 14px; color: var(--ink); }
ul.paper-authors .aff { display: block; color: var(--slate); font-size: 12.5px; line-height: 1.3; }
.abstract { margin-top: 10px; border-top: 1px solid var(--hair); padding-top: 8px; }
.abstract summary {
  cursor: pointer; font-weight: 600; font-size: 14px; color: var(--navy);
  list-style: none; display: inline-flex; align-items: center; gap: 6px; padding: 4px 0;
}
.abstract summary::-webkit-details-marker { display: none; }
.abstract summary::before { content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); transition: transform .2s; }
.abstract[open] summary::before { transform: rotate(45deg); }
.abstract p { margin: 6px 0 2px; font: 400 15.5px/1.55 var(--serif); }
.abstract[open] p { animation: abs-in .25s ease-out; }
@keyframes abs-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .abstract summary { color: var(--gold); } }
:root[data-theme="dark"] .abstract summary { color: var(--gold); }

@media (prefers-reduced-motion: reduce) {
  .lc-bar span, .lc-pbar span, .tl-now { transition: none !important; }
  .lc-paper.enter, .faces.pop img, .abstract[open] p { animation: none !important; }
}

/* ---------- review polish ---------- */
.today { margin: 0 0 2px; color: var(--gold); font-weight: 700; font-size: 14px; }
.now-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; }
.now-actions a { color: #fff; text-decoration: none; font-weight: 600; font-size: 14px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; }
.search { position: relative; }
.search input { padding-right: 72px; }
.search input::-webkit-search-cancel-button { -webkit-appearance: none; display: none; }
.q-clear {
  position: absolute; right: 6px; top: 50%; margin-top: 4px; transform: translateY(-50%);
  border: 0; background: var(--mist); color: var(--ink); font: 600 13px var(--sans);
  padding: 6px 10px; border-radius: 6px; cursor: pointer;
}
.q-clear[hidden] { display: none; }
.seg {
  position: sticky; top: var(--head-h, 64px); z-index: 4;
  background: var(--page); padding: 8px 0; margin: 0; box-shadow: 0 6px 6px -6px rgba(0,0,0,.08);
}
mark { background: var(--gold-wash); color: inherit; box-shadow: inset 0 -2px 0 var(--gold); padding: 0 1px; border-radius: 2px; }
.row-match .m-line { display: block; margin-top: 4px; }
.row-match .m-line:first-child { margin-top: 0; }
.row-match .m-time { font-weight: 700; color: var(--slate); font-variant-numeric: tabular-nums; }
.row-match .m-who { display: block; color: var(--slate); font-size: 13.5px; }
.addr { color: var(--slate); font-size: 14px; }
.rooms .addr { font-size: 13.5px; }
.watch { margin: 18px 0 6px; }
.paper-presenter.muted { font-weight: 400; font-style: italic; }

/* ---------- text-update sign-up (bottom sheet, non-blocking) ---------- */
.signup {
  position: fixed; left: 0; right: 0; z-index: 8;
  bottom: calc(var(--tabbar-h) + env(safe-area-inset-bottom));
  padding: 0 10px 10px;
  transform: translateY(24px); opacity: 0;
  transition: transform .3s cubic-bezier(.2,.7,.2,1), opacity .25s ease;
  pointer-events: none;
}
.signup.in { transform: none; opacity: 1; pointer-events: auto; }
.su-form, .su-done {
  position: relative; max-width: 520px; margin: 0 auto;
  background: var(--paper); color: var(--ink);
  border: 1px solid var(--hair); border-top: 4px solid var(--gold);
  border-radius: 14px; padding: 16px 16px 14px;
  box-shadow: 0 -8px 30px rgba(15, 30, 55, .22);
  max-height: calc(100vh - var(--tabbar-h) - 90px); overflow-y: auto;
}
.su-title { font: 700 20px/1.2 var(--serif); margin: 0 30px 4px 0; }
.su-lede { margin: 0 0 12px; font-size: 14.5px; color: var(--slate); }
.su-x { position: absolute; top: 8px; right: 8px; width: 34px; height: 34px; border: 0; background: none; font-size: 26px; line-height: 1; color: var(--slate); cursor: pointer; border-radius: 50%; }
.su-label { display: block; font-weight: 600; font-size: 14px; margin: 8px 0 4px; }
.su-label span { font-weight: 400; color: var(--slate); }
.signup input[type="tel"], .signup input[type="text"] {
  width: 100%; font: 16px var(--sans); padding: 10px 12px; border: 1px solid var(--hair);
  border-radius: 8px; background: var(--page); color: var(--ink);
}
.su-hint { margin: 4px 0 0; font-size: 12.5px; color: var(--slate); }
.su-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.su-consent { display: flex; gap: 10px; align-items: flex-start; margin: 12px 0 4px; font-size: 13.5px; line-height: 1.4; }
.su-consent input { width: 20px; height: 20px; margin-top: 1px; flex: none; accent-color: var(--navy); }
.su-err { color: #B42318; font-size: 13.5px; margin: 4px 0 0; min-height: 0; }
.su-err:empty { display: none; }
.su-actions { display: flex; gap: 8px; margin-top: 12px; }
.su-go { flex: 1; border: 0; background: var(--navy); color: #fff; font: 700 15px var(--sans); padding: 12px; border-radius: 8px; cursor: pointer; }
.su-go:disabled { opacity: .7; }
.su-later { border: 1px solid var(--hair); background: none; color: var(--ink); font: 600 15px var(--sans); padding: 12px 14px; border-radius: 8px; cursor: pointer; }
.su-privacy { margin: 10px 0 0; font-size: 12.5px; color: var(--slate); }
.su-close { margin-top: 4px; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .su-go { background: var(--gold); color: #1C365B; } }
:root[data-theme="dark"] .su-go { background: var(--gold); color: #1C365B; }
@media (prefers-reduced-motion: reduce) { .signup { transition: none; } }

/* ---------- wayfinding ---------- */
.route-seg { position: static; box-shadow: none; padding: 4px 0 10px; }
.route-seg .seg-day { font-size: 14px; }
.map-wrap { margin: 0 -16px; position: relative; }
.map { height: min(52vh, 440px); background: var(--mist); }
.map-fail { margin: 0; padding: 18px 16px; background: var(--mist); font-size: 14.5px; }
@media (min-width: 640px) { .map-wrap { margin: 0; } .map { border-radius: 12px; overflow: hidden; } }
.leaflet-container { font: 12px var(--sans); }
.leaflet-control-attribution { font-size: 10px; }
.pin { background: none; border: 0; }
.pin span {
  display: inline-block; transform: translate(-50%, -100%); margin-top: -6px; white-space: nowrap;
  font: 700 12.5px/1 var(--sans); padding: 6px 9px; border-radius: 999px;
  background: #fff; color: #1C365B; box-shadow: 0 1px 4px rgba(0,0,0,.3), 0 0 0 2px #1C365B;
  position: relative;
}
.pin span::after { content: ""; position: absolute; left: 50%; bottom: -7px; width: 10px; height: 10px; margin-left: -5px; border-radius: 50%; background: #1C365B; box-shadow: 0 0 0 2px #fff; }
.pin-to span { background: #1C365B; color: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.3), 0 0 0 2px #FDB143; }
.pin-to span::after { background: #FDB143; }
.pin-other span { opacity: .75; }
.route-sum { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin: 12px 0 0; font-size: 16px; }
.loc-btn { border: 1px solid #2F6FDE; color: #2F6FDE; background: var(--paper); font: 600 14px var(--sans); padding: 8px 12px; border-radius: 999px; cursor: pointer; }
.loc-btn[aria-pressed="true"] { background: #2F6FDE; color: #fff; }
.map-status { margin: 6px 0 0; min-height: 1px; }
.steps { margin: 12px 0 14px; padding: 0; list-style: none; counter-reset: st; }
.steps li { counter-increment: st; position: relative; padding: 8px 0 8px 38px; border-bottom: 1px solid var(--hair); font-size: 15.5px; line-height: 1.4; }
.steps li::before { content: counter(st); position: absolute; left: 0; top: 8px; width: 26px; height: 26px; border-radius: 50%; background: var(--navy); color: #fff; font: 700 13px/26px var(--sans); text-align: center; }
.dir { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 0; }
.dir-btn { display: inline-block; text-decoration: none; font: 600 13.5px var(--sans); padding: 7px 11px; border-radius: 8px; border: 1px solid var(--hair); background: var(--paper); color: var(--ink) !important; }
.dir-btn.dir-map { background: var(--navy); border-color: var(--navy); color: #fff !important; }
.walk-card { margin: 16px 0 0; background: var(--gold-wash); border: 1px solid #F3D9A6; border-left: 5px solid var(--gold); border-radius: 10px; padding: 12px 14px; }
.wc-head { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.wc-mins { font: 700 20px/1.1 var(--serif); color: var(--ink); }
.wc-to { font-weight: 600; color: var(--slate); }
.wc-body { margin: 6px 0 2px; font-size: 14.5px; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .walk-card { border-color: #5a4a22; } :root:not([data-theme="light"]) .dir-btn.dir-map { background: var(--gold); border-color: var(--gold); color: #1C365B !important; } }
:root[data-theme="dark"] .walk-card { border-color: #5a4a22; }
:root[data-theme="dark"] .dir-btn.dir-map { background: var(--gold); border-color: var(--gold); color: #1C365B !important; }

/* guest Wi-Fi */
.wifi-card { margin: 4px 0 16px; background: var(--paper); border: 1px solid var(--hair); border-left: 5px solid var(--navy); border-radius: 10px; padding: 12px 14px; }
.wf-head { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.wf-kicker { font: 700 12px/1 var(--sans); letter-spacing: .08em; text-transform: uppercase; color: var(--gold-ink); }
.wf-title { font: 700 20px/1.15 var(--serif); color: var(--ink); }
.wifi-steps { margin: 8px 0 4px; padding-left: 22px; font-size: 14.5px; }
.wifi-steps li { margin: 4px 0; }
.wifi-note { margin: 6px 0 0; font-size: 13.5px; color: var(--slate); }
.wifi-card a, .wifi-note a, .wifi-steps a { color: var(--navy); font-weight: 600; }
.wf-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin: 10px 0 0; font-size: 14px; }
.wf-done { font: 600 14px var(--sans); background: var(--navy); color: #fff; border: 0; border-radius: 8px; padding: 8px 14px; cursor: pointer; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .wifi-card { border-left-color: var(--gold); } :root:not([data-theme="light"]) .wifi-card a, :root:not([data-theme="light"]) .wifi-note a, :root:not([data-theme="light"]) .wifi-steps a { color: var(--gold); } :root:not([data-theme="light"]) .wf-done { background: var(--gold); color: #1C365B; } }
:root[data-theme="dark"] .wifi-card { border-left-color: var(--gold); }
:root[data-theme="dark"] .wifi-card a, :root[data-theme="dark"] .wifi-note a, :root[data-theme="dark"] .wifi-steps a { color: var(--gold); }
:root[data-theme="dark"] .wf-done { background: var(--gold); color: #1C365B; }
.wifi-note .nowrap { white-space: nowrap; }
#wifi { scroll-margin-top: calc(var(--head-h, 64px) + 12px); }